Atelier Reticulum
Répartition des tâches
En ce qui concerne la répartie la répartition des tâches, une nomenclature a été mise en place par les élèves de Master DIIS, elle se découpait en 4 parties.
Artistique
Éditoriale
Gestion de projet
Support
En règle générale la partie artistique se devait de mettre en place une charte graphique, ainsi que la production de maquette du site. L’édito faisait référence à l’écriture des différents articles figurant la revue. La gestion de projet donnait la possibilité d’organiser les tâches de chacun, tout en assignant des valeurs de temps à respecter, puis le support technique se rapporte à l’élaboration du site, ainsi que l’aide technique durant l’utilisation des différents outils lors des parties présentées précédemment.
Comme énoncé précédemment, les axes demandant une aide supplémentaire étaient la partie Éditoriale et Support technique.
Avant les débuts de l’atelier, chacun des élèves de la classe pouvait décider de participer à la partie ou il se sentait plus à l’aise. Pour revenir sur mon choix, je me suis dirigé vers la partie support technique, qui me correspond mieux par rapport à mes compétences plus techniques que littéraire.
La gestion de projet et des tâches de chaque groupe, se déroulait avec l’outil qu’est Trello, proposant la création d’un tableau, pour y intégrer des listes et des cartes avec des options supplémentaires (check, pièces jointes, etc.).
Connaissances indispensables
Tout d’abord lorsqu’on rejoint un projet en cours de route, il est important d’expliquer les bases du projet, en présentant sa structure, les processus effectués et en cours, ainsi que les différents outils à manipuler.
Pour ce qui est en rapport au site, il était indispensable de connaître son arborescence. Cela correspond à son squelette, sa structure, donnant une idée de son fonctionnement. Le choix s’est orienté vers une arborescence simple, avec la rubrique accueil, la version en ligne, la version imprimable et les crédits.
De plus, la prise en compte de l’accessibilité numérique est essentielle aujourd’hui sur un site, pour inclure le plus grand nombre de personnes sur internet, c’est sur quoi nous nous sommes tournés. En proposant les idées d’options pour l’agrandissement des titres/textes, de confort visuel avec la possibilité de passer d’un thème blanc à un thème noir et la fonctionnalité de lecture immersive proposé par Google.
Puis lorsque la base des idées du site sont mises en place, il faut passer au processus général du projet, en indiquant les différents outils qui seront manipulés. Ce processus, se nomme la chaîne éditoriale.
1. Markdown & Co
Deux autres outils venaient compléter celui-ci, le Docs to Markdown comme son nom laisse paraître, il effectue la conversion d’un fichier Google Doc en fichier Markdown, prenant alors en compte les balises HTML indiquées dans le fichier Google Doc. Pourquoi ce besoin de conversion ? Car les articles avaient commencé à être édité sur Google Doc.
Le second outil se trouvait être Hackmd, il propose l’option d’édition en commun des textes qui était auparavant utilisée dans le projet à travers Google Doc. En offrant d’autres options avantageuses, avec la détection des règles de balise HTML de Markdown, et également la liaison avec l’outil de stockage en ligne que je vais vous exposer par la suite.
2. GitHub
Passons à l’outil qui nous donnait la possibilité de stocker les différents articles écrit, ainsi que les fichiers du site. L’outil le mieux adapté pour notre projet était GitHub, connu des développeurs, son objectif est le stockage. Cependant, sa spécificité qui le rend populaire, est la capacité à pratiquer du versionning sur l’ajout de nouveau contenu grâce au logiciel Git. Comme exprimé précédemment, l’édition était en lien direct avec le projet ou repository GitHub, facilitant le travail à plusieurs sur un projet. La partie développement se voyait aussi en lien pour la modification des fichiers du site.
3. Framework Hugo
En ce qui concerne le développement, le choix s’est dirigé vers Hugo, un Framework simple d’utilisation, créant rapidement les bases d’un site statique.
4. Netlify
Pour enfin conclure avec le dernier outil Netlify, qui correspond à un service d’hébergement ou de cloud computing pour le déploiement de site statique. Parfait pour la publication de notre site sur internet.
Compte rendu des activités
1ᵉʳ journée :
La première journée débuta par une présentation globale du projet par les deux professeurs référents PERRET Arthur et HARMAND Florian. Qui s’est poursuivi par l’explication de la chaine éditoriale et de ces outils qui la composait.
Par la suite, la gestion des tâches entre les différentes parties du projet s’est déroulée, avec la réalisation du Trello précédemment cité.
Pour enfin, l’assimilation des différentes ressources créées par les étudiants du Master DIIS, à propos des choix artistiques, de support et d’édito.
2ᵉ journée :
3ᵉ journée :
À ce stade, le but était d’afficher tous les articles en vis-à-vis, en respectant des marges bien définis dans la charte graphique réalisé par les élèves du Master DIIS, et en activant la pagination.
Lors de la 4ᵉ journée, avec l’outil Figma, une nouvelle charte graphique cette fois-ci finale vu le jour, en modifiant quelques éléments dont l’affichage de la revue imprimable.
Durant cette tâche, je me suis rendu compte, que le code de la barre de navigation rentrait en conflit avec PagedJS. Ce problème m’a fait créer une nouvelle barre de navigation avec une autre structure de code. À la suite de cette modification, j’ai pu finaliser la partie revue imprimable avec PagedJS.
À savoir, mon travail n’a pas été retenu, car la librairie installée de PagedJS était une extension pour le Framework Hugo qui ne se trouvait pas à jour. Ce qui compliquait l’implémentation du contenu, créant des problèmes de compatibilités entre différents éléments du code. Cette tâche a été reprise par notre professeur référent HARMAND Florian durant le 4ᵉ et dernier jour.
4ᵉ journée :
En cette quatrième journée, en voyant de nouveaux changements dans le code dont je ne connaissais pas l’origine. Je me suis alors tourné vers la réparation et la mise à jour de certains éléments du site pour respecter la charte graphique paru durant cette journée.
Barre de navigation
Elle n’était plus fixée, ni étendu sur toute la longueur des pages ou elle figurait.
Footer
Lors de la réparation de la barre de navigation, le footer avait sauté, demandant alors son repositionnement en bas de page centré.
Page d’accueil
Venant en appui à mon camarade de classe Léo-Paul, pour finaliser l’affichage du contenu, et de la mise en place d’une barre de navigation différente de celle qui était déjà implémenté (barre de navigation horizontale vers la barre verticale indiquée dans la charte graphique).
Bouton d’accessibilité
Réparation du code du bouton proposant d’adapter le thème du site et la grosseur des textes. Il n’était pas fonctionnel ni affiché au bon endroit dans les différentes pages du site. En comprenant également le changement de sa couleur en référence à la nouvelle charte graphique.
Durant le 5ᵉ jour, son visuel et son placement a changé de la part d’une autre personne travaillant sur la partie développement.
Erreur 404
Recherche et plusieurs tentatives d’activation, ainsi que de personnalisation de la page qui se voit présenté à l’utilisateur lors d’une erreur HTTP 404 (redirection vers cette page lorsque qu’une page chargée n’existe pas dans les ressources du site). Je n’ai pas réussi à effectuer cette tâche après plusieurs recherches, ainsi qu’en parcourant la doc de Hugo Framework.
Puis cette journée s’est conclu par la création d’un code QR redirigeant vers la page d’accueil du site. Celui-ci avait pour objectif de figurer sur la troisième page de la revue imprimable.
5ᵉ journée :
Cinquième journée, faisant office de dernière ligne droite, concernant la partie développement, les seules tâches restantes étaient menés par Léo-Paul et Florian des Masters DIIS.
N’ayant pas un assez bon niveau de français, je ne pouvais pas aider l’équipe édito à corriger les fautes des articles composant la revue. J’ai alors pris le temps de les lire pour m’informer du contenu de chacun.
Apport de l’atelier sur notre cursus
Au cours de ce semestre, cet atelier nous a parmi d’accroître nos connaissances techniques au travers de la chaîne éditorial présenté, et des différents outils la composant dans le domaine du développement et de l’édition. Cela nous a donc apporté une plus valu dans le domaine de la rédaction et de la recherche d’information qui nous seront très utile à la réalisation du mémoire de fin de Master. À une échelle plus large, cela nous sera bénéfique dans le cadre professionnel.
Les mots d’ordre du domaine de l’Humanité numérique qui sont la diffusion, le partage et la valorisation du savoir, correspondent aux tâches réalisées durant cet atelier, notamment par l’édition d’articles et l’élaboration d’un site.
L’opportunité de travailler en collaboration avec les Masters DIIS, nous a introduit dans le domaine du design d’où ils sont spécialisés. De par la lecture des documents proposés et des échanges sur le sujet, nous en avons découvert les bases et les règles.
Conclusion
Pour conclure, ma brève présence dans ce projet m’a permis de développer de nouvelles connaissances dans les domaines rédactionnels, notamment grâce aux retours de Monsieur PERRET Arthur sur l’article produit par mes camarades en milieu de semaine. Le projet m’a beaucoup intéressé et a été l’occasion pour moi de découvrir de nouveaux outils tels que le Framework Hugo ou l’utilisation de la librairie PagedJS. Il a accru ma culture générale, à propos du sujet des paradigmes des réseaux.
Néanmoins, notre intégration tardive dans un projet théoriquement dans sa phase finale fut compliquée. Un manque d’organisation et de communication s’est, à mon sens, soulevé lorsque la révision finale de la charte graphique fut produite à l’impromptu 24 heures avant le rendu, et que des changements dans le code se sont effectués sans échanges. Globalement, nos remarques concernant la partie développement se retrouvaient sans suites. Bien que très pertinent et intéressant, le manque d’une ligne directrice et d’une organisation transparente a, à mon sens, porté préjudice à cette semaine de projet qui était pourtant prometteuse.
