caencamp / new-website Goto Github PK

Pour le moment, le template global du site ne résiste pas à une résolution de mobile. Une page temporaire a été mise en place afin de ne pas présenter une page toute cassée et illisible :

Il faut reprendre le template de la grid et de certain composants (menu, vue liste des talks, ...) pour un bon affichage mobile.

• Barre de navigation principale + logo
• 2 colonnes avec bloc gauche talks et colonne droite nous rejoindre
• Page tous les talks
• Page Proposer un talk
• Page Nous accueillir

Peu de personnes connaissent le site des CaenCamp, alors qu'il a tout plein de contenus ... Un problème de référencement ?

Afficher la liste de tous les lieux d'accueil (les partenaires) sur la page nous accueillir.

Affichage compact d'un talk sur la liste de tous les talks ou sur la home.

On devrait voir la date, le titre, le lieux, le speaker et un résumé.

Chaque talk possède maintenant un ou plusieurs tags :

Il faudra ajouter la possibilité de filtrer la liste de talks par tag.

Soit sur une page dédiée, soit par un effet visuel de d'ouverture depuis le mode compact.

On retrouvera le descriptif complet du talk, du lieux d’accueil, du speaker. Les éventuels vidéo et/ou slides.
La liste des participant depuis l'api meetup.

Pour le moment, les lieux d'accueil ne sont pas identifiés indépendamment des talks.

Il faudrait extraire de chaque talk son lieu d'accueil et lui créer une fiche spécifique, dont le format reste à définir (fiche .md avec des metadata spécifiques).

Les tests ont été gentiment skipper depuis le début de la refonte du site. Ce serait bien de les remettre en place sur une stack à jours : React-testing-library, Cypress.io, Actions Github...

Il y aura une page spécifique sur le site permettant à qui veut de proposer un talk pour une édition à venir des CaenCamp.s .
Il faudrait être convaincant, expliquer tous les bénéfices que l'on retire de cette expérience.

Il y aura aussi sur la page un formulaire permettant de proposer le talk (hors scope de cette issue), et éventuellement la liste de tous les anciens speakers.

Nous utilisons pour le moment le module react-player pour afficher les vidéos.

Un gros avantage est qu'il accepte aussi bien les vidéos YouTube que Viméo. Mais tel qu'il est configuré, il n'affiche pas les contrôles de lecture YouTube.

Il faudrait voir si il peut être mieux configurer, ou si nous pourrions mettre en place un autre player.

A l'occasion de la reprise des cartouches et du design du site, ce serait chouette de mettre en place un storybook. Peut-être un bon matériau de talk sur le storybook, justement ... (re ping @Clebiez ^^)

Il s'agit ici d'afficher sur une page tous les talks, le plus récent en premier, avec leur lieu d'accueil et leur speaker.

Cette tache n'inclue pas le design.

Mettre en place un agenda des CaenCamp.s auxquels permettant de suivre les événements.

Faire un formulaire de contact depuis la page nous accueillir.

La difficulté est que le site est hébergé depuis Github, donc sans serveur back. Il faudra passer par un service dédié.

@alexisjanvier Pourrais tu demander l'accès à la beta de Github Actions via ce lien https://github.com/features/actions ?
on pourrait tester de remplacer travis :)

Merci

Pour le moment, les redirections http://www.caen.camp http://caen.camp se font sur https://www.caen.camp. https://caen.camp ne marche pas. Ce serait bien de faire en sorte que toutes les redirections se fassent sur un https://caen.camp

Afficher les propositions de talk depuis l'api Trello.

On pourra afficher une version courte de la liste sur la home, et la liste complète depuis la page "proposer un talk".

Les vidéos ne s'affichent pas sous Safari (Osx Ios)

[Error] RangeError: Invalid time value — index.js:375
    el (commons-c99be00f461f5c12067c.js:1:160118)
    (anonymous function) (commons-c99be00f461f5c12067c.js:1:166183)
    hi (commons-c99be00f461f5c12067c.js:1:134028)
    mi (commons-c99be00f461f5c12067c.js:1:133815)
    Cu (commons-c99be00f461f5c12067c.js:1:184612)
    Cu
    (anonymous function) (commons-c99be00f461f5c12067c.js:1:206126)
    ku (commons-c99be00f461f5c12067c.js:1:180772)
    lu (commons-c99be00f461f5c12067c.js:1:170818)
    nu (commons-c99be00f461f5c12067c.js:1:167291)
    qu (commons-c99be00f461f5c12067c.js:1:195631)
    (anonymous function) (commons-c99be00f461f5c12067c.js:1:197209)
    du (commons-c99be00f461f5c12067c.js:1:171339)
    nc (commons-c99be00f461f5c12067c.js:1:197194)
    (anonymous function) (app-e4ce3c5f80401da28d72.js:1:90217)

Il faudrait trouver une sorte de slogan au CaenCamp, un truc court et parlant à mettre dans le header du site.

L'ancien site des CaenCamp utilisait aussi des articles écrits avec la syntaxe markdown (site propulsé par Jekyll).
Il s'agit d'importer les fichiers .md de l'ancien site au nouveau.

Pour le moment, il y a un simple formulaire qui envoie les propositions par email. Cela pourrait être chouette d'avoir une meilleure gestion des propositions, éventuellement des attentes, avec un système de ... qualification des sujets qui plaisent le plus. Ou pas... Cette feature reste à définir

Le site des CaenCamp est chouette, surtout parce qu'il existe. Ce serait chouette de reprendre un peu le design pour le rendre plus lisible accueillir les nouveaux évènements : MeetupCaenCamp, CodingCaenCamp, DevopsCaenCamp, OpenCaenCamp ....
(ping @Clebiez ;) )

Afficher le nombre d'inscrits à une rencontre depuis l'API meetup.

On commence à avoir pas mal de talks sur le site. C'est un contenu précieux puisque la plupart sont filmées, c'est génial.
Le système de tag est un peu "imposant" aujourd'hui.

Je me demandais donc si il ne serait pas plus judicieux de mettre plutôt une barre de recherche qui pourrait effectuer une recherche full text sur le titre & sur la description.
Et éventuellement si nécessaire des "grandes" catégories tel que "test, devops, front, back" ou quelque chose du genre.

Qu'en pensez vous ?

Permettre de créer un talk à venir, et l'afficher en home.

Le plus simple sera certainement de se baser sur la date.

Le nombre de places aux CodingCaenCamp est limité à 15.

Ce serait bien de pouvoir afficher le nombre de place restante en utilisant l'API meetup.

https://storybook.js.org/

Lister tous les speakers sur la page "proposer un talk".

Mettre en place un service permettant de recevoir automatiquement un invitation pour le Slack des CaenCamp.s.

https://sourcerer.io

Jusqu'à présent, tous - ou presque - les caencamp se déroulaient à Forum Digital. Mais maintenant, il y a aussi le Dôme, Hey! CoWorking, Normandie Incubation ... Il faudrait mettre en place une gestion des lieux, sur le modèle des speakers (c'est à dire en md, donc sans db)

L'affichage des CC et des CCC est différent sur le homepage, et c'est voulu !

Pour autant, ce pourrait être plus harmonieux tout en gardant cette distinction.

Jusqu'à présent, les CaenCamp.s ont lieu au Forum Digital. Et c'est très chouette.

Mais ce serait bien que les CaenCamp soient aussi l'occasion de découvrir les autres lieux caennais ou travaillent les développeurs !
Et ce peut-être une bonne chose pour les entreprises d'accueillir les CaenCamp pour découvrir d'autres technos, d'autres manières de travailler que les leurs. Et de rencontrer les développeurs caennais.

Bref, il faudrait écrire un texte susceptible de donner envie aux entreprises web de Caen de nous accueillir, et mieux encore, de nous offrir des pizzas et de la bière !

Remettre en place au niveau du footer la possibilité de s'inscrire à la liste de diffusion des CaenCamp (Mailjet) existante.

L'un des objectifs de la refonte du site est de favoriser les proposition de talks. Il faut donc mettre en place un formulaire permettant de proposer des sujets :

• création d'une page spécifique au "call-for-paper" avec un éditorial expliquant en quoi faire des talks publiques est ... bon pour la santé du développeur :)
• ajouter une formulaire simple avec Formspree
• ajouter un lien depuis la home
• ajouter un lien depuis la page speakers
• ajouter un lien en footer

pourquoi pas Trello ?

Parce que c'est en place depuis 1 an, et que on a pas plus de proposition que cela. Et il faut ajouter l'utilisateur au board Trello avant qu'il puisse faire sa proposition, ce qui complique les choses. Un formulaire semble plus simple et plus direct.

L'affichage des dates est correct sous Chrome

Par contre il est cassé sous Firefox

et sous Safari

Pour le moment, les speakers ne sont pas identifiés indépendamment des talks.

Il faudrait extraire de chaque talk son speaker et lui créer une fiche spécifique, dont le format reste à définir (fiche .md avec des metadata spécifiques).

Utiliser la requête graphQl faite sur l'API meetup pour recupperer d'éventuels photos ou commentaire laissés sur la page meetup d'un talk.

https://github.com/CaenCamp/new-website/blob/master/gatsby-node.js#L5

Les lightning talks sont apparus récemment aux CaenCamp, du coup, leur gestion sur le site a été un peu improvisé: gestion du speaker + texte de description global de l'édition.

---
edition: 39
meetupId: 251908151
title: "Recherche full-text avec Elasticsearch"
slug: "edition-39-recherche-fulltext-avec-elasticsearch"
date: "2018-06-26 18:30:00"
description: "L’objectif de cette présentation sera d’introduire Elasticsearch et ses cas d’utilisation. Nous mettrons l’accent sur les possibilités que cet outil offre dans le cadre d’une recherche full-text, qui passe par le traitement du langage naturel."
tags:
    - elasticsearch
    - meteor
speakers:
    - laurence-pelc
    - guillaume-darbonne
place: forum-digital
video: https://www.youtube.com/watch?v=58YDGuj30d0
published: true
---

### talk
## Recherche full-text avec Elasticsearch
#### Laurence Pelc

L’objectif de cette présentation sera d’introduire Elasticsearch et ses cas d’utilisation. Nous mettrons l’accent sur les possibilités que cet outil offre dans le cadre d’une recherche *full-text*, qui passe par le traitement du langage naturel.

![ElasticSearch](/talks/elasticSearch3.jpg)

### lightning talk
## Meteor
#### Guillaume Darbonne

Guillaume viendra nous parler de l'un de ses outils favoris: [Meteor](https://www.meteor.com/)

<iframe width="280" height="157" src="https://www.youtube.com/embed/d4H4J00t3hI?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

![Meteor](/talks/meteor.png)

Mais cette gestion n'est pas idéale, car on ne peut pas par exemple lister tous les lightning d'un speaker, ou associer une vidéo au lightning.

Il faudrait mettre en place un gestion indépendante des lightning ainsi que le mécanisme permettant de les associer à une édition.

Nous utilisons la fonctionisPast de date-fns pour savoir si un talk est passé ou non, et afficher en fonction du résultat le lien vers les inscriptions Meetup.

Cela ne fonctionne pas sous Safari.

Afficher le dernier talk sur la home du site.

Le site des CaenCamp utilise Gatsby en version 1.9.260.

Il faudrait le migrer en version 2

L'un des objectifs principaux des CC est de faire en sorte que les développeurs caennais se rencontrent. Pour l'instant, on a une base des participants au caencamp via le site meetup.com, mais cette base n'est pas très utile à la communauté (et c'est sans doute une bonne chose, les bases de données, c'est une vraie question !), et de toute façon très peu "qualifiée" - cela m'étonnerais que nous soyons plus de 500 dev sur Caen ... ) . Je propose de mettre en place un annuaire sur le site des caencamps, qui permettrait à qui veut de s'inscrire dessus, de dire quelles sont ses spécialités (back, front, js, ruby ...), de dire pour qui il bosse (un base des boites de caen donc), et de dire à qui sont accessibles ces informations ... C'est un vaste sujet, qui demande à être bien défini !

Le contenu des pages speakers provient des informations, par forcement très à jour, trouvé sur le web.

Ce serait une bonne idée de relancer tous les speakers pour les tenir au courant de la mise à jour du site, de l’existence d'une page speakers, et de la possibilité pour eux de la mettre à jour.

C'est une piste non encore validée, mais nous envisageons de faire sponsoriser les soirées meetup. Il faudra donc prévoir la gestion des sponsors, sur le modèle des speakers.