1. WST#1 : Mythes et ralits des projets Web

2. Sbastien Huillet Directeur Tribu and Co Agence Web depuis 2006 3. 1. Cahier des charges 2. Choix du socle applicatif 3. Mthodologie 4. Les tapes de la conception graphique 5. Construction du site 6. Recette et transfert de comptences 7. Hbergement et maintenance 8. Rfrencement et suivi du site Les tapes indispensables 4. Les obligations d'une agence Web Conseil et transparence Conformit des dveloppements Mise disposition des sources et des droits d'exploitation Transfert de comptences 5. Cahier des charges, le minimum du minimum Objectifs et public cible Arborescence dtaille Liste des fonctionnalits Sites rfrents Elments graphiques 6. Les livrables, la garantie d'un projet sous contrle Le contrat / le planning Les spcifications fonctionnelles Les sources graphiques Les sources logicielles PV de recette Manuel d'administration 7. Choix du socle applicatif CMS ? Autonomie totale Prennit de la solution Fonctionnalits natives Possibilits d'volutions 8. Choix du socle applicatif Or not CMS ? Solution sur-mesure Contenu modifiable clairement identifi Performances, scurit, robustesse 9. Bien choisir un CMS Critres objectifs : communaut, rputation (rcompenses et rfrences), politique de mise jour, spectre fonctionnel, courbe d'apprentissage. Critres subjectifs: L'interface d'administration, les outils promotionnels (site, vidos...), les conseils du beau-frre. 10. Choix du CMS pour un site corporate Wordpress Joomla Drupal Typo3 Et plein d'autres : Ez Publish, Modx, simpleCMS... 11. Choix du CMS pour un site e-commerce Prestashop Joomla / virtuemart Magento Os-commerce Et quelques autres : Zen cart, tt_products... 12. Mthodologie dans la ralisation d'un projet Web Agile, scrum, sprint et flex Intractivit Ractivit Adaptativit Effet tunnel Temps mort Delta des dveloppements 13. Les outils de gestion de projet Stylo / bloc-note ou excel Sur document plutt qu' lintrieur d'un mail Trello, Marqueed, dropbox... 14. Les tapes dans la ralisation d'un projet Web Lancement / spcifications Design et ergonomie Construction du site Recette interne Formation Rception 15. Lancement du projet Dfinition des quipes Mise en place d'un chancier Mise en place des outils de suivi Liste des lments fournir par le client Installation du logiciel CMS 16. Les tapes de la cration graphique Ergonomie Principes fondamentaux : Bastien et Scapin Bon sens et veille internet Tests utilisateurs Boites grises et maquettes filaires Rpertorier les lments du site Spcifier l'agencement des blocs Couverture fonctionnelle Front-end 17. Les tapes de la cration graphique Design Page d'accueil Page intrieure type Pages spcifiques Web responsive, mobile first et autres joyeusets 18. Construction du site Dclinaison des maquettes au format Web Mise en place de l'arborescence Intgration du contenu classique Dveloppement des fonctionnalits Tests unitaires et validation client 19. Dclinaison des maquettes au format Web PSD 2 HTML, une tape essentielle Balisage smantique Respecter l'accessibilit Avoir du style Utiliser les technologies rcentes Une approche non-destructive 20. Intgration du contenu Mise en place d'un contenu type mis disposition. Spcifier les styles gnraux (Hn, listes, tableaux...) Respecter l'accessibilit Mettre en place les bonnes pratiques du rfrenceur 21. Dveloppement des fonctionnalits Spcifications et maquettes filaires Adaptation des fonctionnalits natives Dvelopper sans toucher au noyau Tests unitaires et validation client 22. Recettes et transfert de comptences Recette interne l'agence Respect de l'accessibilit Tests multi-plateformes Vrification des contenus 23. Transfert de comptences Formation et livrables Minimum 1 jour de formation Manuel utilisateur Fiches pratiques Bonnes pratiques SEO et accessilbilt Les bons rflexes 24. Recette Client Tests Front-end & Back-end Tester la qualit du site Google Page speed Validateur W3C Barre Web developer Tester le rfrencement et l'accessibilit du site 25. Maintenance et hbergement Maintenance Garantie / assistance Mise jour du systme Mise jour du contenu Hbergement Ddi / Mutualis Ovh vs Agence Web Attention votre nom de domaine 26. Rfrencement SEO / SEA Le rfrencement c'est du temps... Optimisation du site, optimisation des campagnes Mise jour des contenus Cration de publications, CP, annuaires... Suivi des volutions Et le temps... C'est de l'argent Ou moins de temps pour faire autre chose 27. Merci de votre participation ! Merci benot pour ces clip-arts magnifiques