WST#1 : Mythes et réalités des
projets Web
Sébastien Huillet
Directeur Tribu and Co
Agence Web depuis 2006
1. Cahier des charges
2. Choix du socle applicatif
3. Méthodologie
4. Les étapes de la conception graphique
5. Constructio...
Les obligations d'une agence Web
● Conseil et transparence
● Conformité des développements
● Mise à disposition des source...
Cahier des charges, le minimum du minimum
● Objectifs et public cible
● Arborescence détaillée
● Liste des fonctionnalités...
Les livrables, la garantie d'un projet sous contrôle
● Le contrat / le planning
● Les spécifications fonctionnelles
● Les ...
Choix du socle applicatif
CMS ?
● Autonomie totale
● Pérennité de la solution
● Fonctionnalités natives
● Possibilités d'é...
Choix du socle applicatif
Or not CMS ?
● Solution sur-mesure
● Contenu modifiable clairement identifié
● Performances, séc...
Bien choisir un CMS
● Critères objectifs : communauté, réputation
(récompenses et références), politique de mise à jour,
s...
Choix du CMS pour un site « corporate »
● Wordpress
● Joomla
● Drupal
● Typo3
● Et plein d'autres : Ez Publish, Modx, simp...
Choix du CMS pour un site e-commerce
● Prestashop
● Joomla / virtuemart
● Magento
● Os-commerce
● Et quelques autres : Zen...
Méthodologie dans la réalisation d'un projet Web
Agile, scrum, sprint et flex
● Intéractivité
● Réactivité
● Adaptativité
...
Les outils de gestion de projet
● Stylo / bloc-note ou excel
● Sur document plutôt qu'à l’intérieur d'un mail
● Trello, Ma...
Les étapes dans la réalisation d'un projet Web
● Lancement / spécifications
● Design et ergonomie
● Construction du site
●...
Lancement du projet
● Définition des équipes
● Mise en place d'un échéancier
● Mise en place des outils de suivi
● Liste d...
Les étapes de la création graphique
Ergonomie
● Principes fondamentaux : Bastien et Scapin
● Bon sens et veille internet
●...
Les étapes de la création graphique
Design
● Page d'accueil
● Page intérieure type
● Pages spécifiques
Web responsive, mob...
Construction du site
● Déclinaison des maquettes au format Web
● Mise en place de l'arborescence
● Intégration du contenu ...
Déclinaison des maquettes au format Web
● PSD 2 HTML, une étape essentielle
● Balisage sémantique
● Respecter l'accessibil...
Intégration du contenu
● Mise en place d'un contenu type mis à disposition.
● Spécifier les styles généraux (Hn, listes, t...
Développement des fonctionnalités
● Spécifications et maquettes filaires
● Adaptation des fonctionnalités natives
● Dévelo...
Recettes et transfert de compétences
Recette interne à l'agence
● Respect de l'accessibilité
● Tests multi-plateformes
● V...
Transfert de compétences
Formation et livrables
● Minimum 1 jour de formation
● Manuel utilisateur
● Fiches pratiques
● Bo...
Recette Client
Tests Front-end & Back-end
Tester la qualité du site
● Google Page speed
● Validateur W3C
● Barre Web devel...
Maintenance et hébergement
Maintenance
● Garantie / assistance
● Mise à jour du système
● Mise à jour du contenu
Hébergeme...
Référencement SEO / SEA
Le référencement c'est du temps...
● Optimisation du site, optimisation des campagnes
● Mise à jou...
Merci de votre participation !
Merci à benoît pour ces clip-arts magnifiques
Prochain SlideShare
Chargement dans…5
×

Mythes et réalités des projets Web (Webschool tours)

1 018 vues

Publié le

La gestion de projet Web par Tribu and Co... Tout un programme.
Résolument engagé dans un web libre et transparent, Tribu and co dévoile ses secrets de fabrication. Du cahier des charges à la mise en ligne du site Internet, tous les points ont été abordés...en moins de deux heures !

Publié dans : Technologie
0 commentaire
4 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 018
Sur SlideShare
0
Issues des intégrations
0
Intégrations
296
Actions
Partages
0
Téléchargements
32
Commentaires
0
J’aime
4
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Mythes et réalités des projets Web (Webschool tours)

  1. 1. WST#1 : Mythes et réalités des projets Web
  2. 2. Sébastien Huillet Directeur Tribu and Co Agence Web depuis 2006
  3. 3. 1. Cahier des charges 2. Choix du socle applicatif 3. Méthodologie 4. Les étapes de la conception graphique 5. Construction du site 6. Recette et transfert de compétences 7. Hébergement et maintenance 8. Référencement et suivi du site Les étapes indispensables
  4. 4. Les obligations d'une agence Web ● Conseil et transparence ● Conformité des développements ● Mise à disposition des sources et des droits d'exploitation ● Transfert de compétences
  5. 5. Cahier des charges, le minimum du minimum ● Objectifs et public cible ● Arborescence détaillée ● Liste des fonctionnalités ● Sites référents ● Eléments graphiques
  6. 6. Les livrables, la garantie d'un projet sous contrôle ● Le contrat / le planning ● Les spécifications fonctionnelles ● Les sources graphiques ● Les sources logicielles ● PV de recette ● Manuel d'administration
  7. 7. Choix du socle applicatif CMS ? ● Autonomie totale ● Pérennité de la solution ● Fonctionnalités natives ● Possibilités d'évolutions
  8. 8. Choix du socle applicatif Or not CMS ? ● Solution sur-mesure ● Contenu modifiable clairement identifié ● Performances, sécurité, robustesse
  9. 9. Bien choisir un CMS ● Critères objectifs : communauté, réputation (récompenses et références), politique de mise à jour, spectre fonctionnel, courbe d'apprentissage. ● Critères subjectifs: L'interface d'administration, les outils promotionnels (site, vidéos...), les conseils du beau-frère.
  10. 10. Choix du CMS pour un site « corporate » ● Wordpress ● Joomla ● Drupal ● Typo3 ● Et plein d'autres : Ez Publish, Modx, simpleCMS...
  11. 11. Choix du CMS pour un site e-commerce ● Prestashop ● Joomla / virtuemart ● Magento ● Os-commerce ● Et quelques autres : Zen cart, tt_products...
  12. 12. Méthodologie dans la réalisation d'un projet Web Agile, scrum, sprint et flex ● Intéractivité ● Réactivité ● Adaptativité ● Effet tunnel ● Temps mort ● Delta des développements
  13. 13. Les outils de gestion de projet ● Stylo / bloc-note ou excel ● Sur document plutôt qu'à l’intérieur d'un mail ● Trello, Marqueed, dropbox...
  14. 14. Les étapes dans la réalisation d'un projet Web ● Lancement / spécifications ● Design et ergonomie ● Construction du site ● Recette interne ● Formation ● Réception
  15. 15. Lancement du projet ● Définition des équipes ● Mise en place d'un échéancier ● Mise en place des outils de suivi ● Liste des éléments à fournir par le client ● Installation du logiciel CMS
  16. 16. Les étapes de la création graphique Ergonomie ● Principes fondamentaux : Bastien et Scapin ● Bon sens et veille internet ● Tests utilisateurs Boites grises et maquettes filaires ● Répertorier les éléments du site ● Spécifier l'agencement des blocs ● Couverture fonctionnelle Front-end
  17. 17. Les étapes de la création graphique Design ● Page d'accueil ● Page intérieure type ● Pages spécifiques Web responsive, mobile first et autres joyeusetés
  18. 18. Construction du site ● Déclinaison des maquettes au format Web ● Mise en place de l'arborescence ● Intégration du contenu classique ● Développement des fonctionnalités ● Tests unitaires et validation client
  19. 19. Déclinaison des maquettes au format Web ● PSD 2 HTML, une étape essentielle ● Balisage sémantique ● Respecter l'accessibilité ● Avoir du style ● Utiliser les technologies récentes ● Une approche non-destructive
  20. 20. Intégration du contenu ● Mise en place d'un contenu type mis à disposition. ● Spécifier les styles généraux (Hn, listes, tableaux...) ● Respecter l'accessibilité ● Mettre en place les bonnes pratiques du référenceur
  21. 21. Développement des fonctionnalités ● Spécifications et maquettes filaires ● Adaptation des fonctionnalités natives ● Développer sans toucher au noyau ● Tests unitaires et validation client
  22. 22. Recettes et transfert de compétences Recette interne à l'agence ● Respect de l'accessibilité ● Tests multi-plateformes ● Vérification des contenus
  23. 23. Transfert de compétences Formation et livrables ● Minimum 1 jour de formation ● Manuel utilisateur ● Fiches pratiques ● Bonnes pratiques SEO et accessilbilté ● Les bons réflexes
  24. 24. Recette Client Tests Front-end & Back-end Tester la qualité du site ● Google Page speed ● Validateur W3C ● Barre Web developer Tester le référencement et l'accessibilité du site
  25. 25. Maintenance et hébergement Maintenance ● Garantie / assistance ● Mise à jour du système ● Mise à jour du contenu Hébergement ● Dédié / Mutualisé ● Ovh vs Agence Web Attention à votre nom de domaine
  26. 26. Référencement SEO / SEA Le référencement c'est du temps... ● Optimisation du site, optimisation des campagnes ● Mise à jour des contenus ● Création de publications, CP, annuaires... ● Suivi des évolutions Et le temps... ● C'est de l'argent ● Ou moins de temps pour faire autre chose
  27. 27. Merci de votre participation ! Merci à benoît pour ces clip-arts magnifiques

×