Le dernier projet de ma formation avait pour but de nous introduire à la gestion de projet. Une discipline différente de la production en elle-même, il s’agît ici de s’informer sur un projet, s’imprégner de tous les aspects en rapport au projet, et enfin s’accorder en équipe. Pouvoir choisir des technologies adaptées au besoin, justifier leur utilisation tout en prenant en compte la maquette réalisée par l’équipe de développement de la société.
Il n’y a pas de code source, ou de ressource particulière pour ce projet. En effet il est question de planification et de gestion de projet, et non de son exécution même.
Le projet était composé de trois phases de recherche :
- Le choix des technologies
- La veille du projet
- La prévision de la mise en œuvre
I. Les technologies retenues pour Emoving
Les technologies employées regroupent l’ensemble des extensions, des outils tiers et des services utilisés dans la réalisation du projet. Nous ne rentrerons pas dans le détail absolu ici, il me paraît plus intéressant de présenter la démarche de développement que la réalisation en elle-même.
L’hébergement
L’hébergement est un point évidemment essentiel du site, on parle quand même de l’endroit où sera enregistré le site et sa base de données.
Un hébergeur propose des services en plus du simple stockage des données du site. On pense à la mise en place de protocoles de sécurité, des systèmes de mise en cache, des politiques de diffusion du contenu, etc.
WordPress et ses extensions
WordPress est une base pour le développement d’un site et est la base de l’architecture de 43% des sites web dans le monde. Grâce à cette popularité, de nombreux plugins (extensions) existent pour intégrer des fonctionnalités au site sans avoir besoin de passer par du développement, même minime. Plugins de sécurité, ou pour simplifier une mise en page, il n’y a pas vraiment de limite. Le travail sur le code reste toujours possible (et nécessaire) puisque l’on a accès aux fichiers du site, et que l’on peut créer notre thème.
En plus des plugins justement, les thèmes viennent ajuster la mise en page et le comportement du site. De manière générale, les thèmes WordPress ont des limites dans la personnalisation en profondeur du code. Si la modification des fichiers d’un thème est toujours possible, une mise à jour du thème réinitialisera les paramètres et les fichiers. En revanche, si l’on crée un thème enfant, on dispose d’un dossier qui ne sera pas modifié par la mise à jour du thème parent. L’usage est donc de préparer un thème enfant, afin que la boutique Emoving puisse garder les modifications profondes que nous pourrions apporter.
WooCommerce
WooCommerce est un plugin pour WordPress. C’est une plateforme à partir de laquelle on peut installer un jeu d’extensions, à l’instar de WordPress. À l’exception qu’ici tous les plugins sont fait pour la boutique WooCommerce. Ce format permet de garder une logique au niveau de la boutique.
Les fonctionnalités d’une boutique peuvent être complexes et difficiles à intégrer. Ici, l’avantage de WordPress s’applique et l’on dispose de fonctionnalités configurables à intégrer à notre projet. De la solution de paiement à la carte des magasins, il existera sûrement une solution à notre problème.
II. La veille de Emoving
La veille d’un projet, c’est l’organisation qui nous permettra d’assurer un suivi. Non seulement des outils employés, mais aussi des technologies et des tendances du milieu dans lequel évoluera notre travail. Le but ici est donc de compiler des sources officielles et officieuses. Tant qu’elles sont pertinentes, que ce soit les dernières actualités d’une extension, d’une plateforme ou d’un langage informatique. Il faudra cependant faire attention à ne pas surcharger le système de veille d’informations superflues.
Pour l’exemple de Emoving, j’ai choisi l’outil de gestion de projet Trello. Si le tableau n’est pas forcément un outil dédié à la veille, on peut s’en servir. L’outil est en ligne, ce qui permet à une équipe de voir le tableau et d’en faire un outil commun. Ainsi, un endroit concentre l’ensemble des informations pertinentes à la veille.
L’objectif de la démarche est double :
- maintenir l’équipe prête à affronter les évolutions des technologies employées,
- s’adapter aux évolutions de l’entreprise et des projets qu’elle mène.
Pour chaque extension, ou outil utilisé, il y a un lien vers la page officielle et un autre pour la documentation. Selon l’outil, plus ou moins d’information sont disponibles ou pertinentes. Tous n’ont donc pas la même quantité de sources.
III. La mise en œuvre de Emoving
Une fois l’ensemble des outils sélectionnés, et la veille du projet préparée, on peut se mettre à la production du projet en lui-même.
Kanban
La tableau Kanban découpe les différentes tâches à réaliser pour arriver à la fin du projet. De la mise en route de l’hébergement web aux dernières vérifications d’accessibilité, les étapes permettent d’avoir une frise chronologique des étapes.
De plus le tableau dispose d’étiquettes, qui vont indiquer à l’équipe les disciplines ou milieux concernés par une tâche donnée.
Selon le projet, évidemment, la classification des tâches sera menée à changer, mais pour l’exemple d’Emoving, on a retenu les discipline (développeur, UX designer, graphiste) et la fonctionnalité concernée (WooCommerce, WordPress, outil tiers, etc.).
Gantt
Une fois les tâches du projet Emoving découpées, on peut commencer à prévoir le temps de travail pour chacune d’entre elle. Le diagramme de Gantt suit les mêmes codes couleur pour visualiser les tâches.
Pour le diagramme, le calcul des tâches s’est fait en rapport à la complexité de l’outil à implémenter. L’implémentation du configurateur peut être simple pour l’installation. Mais lorsqu’il faudra lier le stock et sa gestion à la sélection de pièce dans le configurateur, il se peut qu’il y ait des comportements inattendus. Certaines tâches ont donc une durée prévoyant de potentielles complications.
Selon l’outil utilisé pour le diagramme Gantt, le découpage des tâches se fera différemment. Ici par exemple, les demi-journées ne sont pas indiquées. On les a donc superposées avec la tâche d’après pour marquer cet état de fait.
Grâce à WordPress et WooCommerce, l’équipe de Emoving peut se concentrer sur le contenu et son intégration, la mise en page et l’expérience utilisateur, dans le respect de la maquette. Les développeurs se concentrent sur la cohésion des extensions, sans avoir besoin de passer par le développement de nouvelles fonctionnalités. Les extensions ont en général des interfaces ou des éditeurs qui vont permettre une modification visuelle. Ce qui veut dire à terme que n’importe quel membre peut vérifier ou modifier des éléments. Tout les membres de l’équipe peuvent participer.