PROCESSUS DEDÉVELOPPEMENTD’UN OUTIL WEBPar Chalifour – Agence Web
1   Définirla stratégie
Définir la1   stratégiea_ Identifier les besoins du clientb_ Identifier l’utilisateur ciblec_ Identifier les besoins de l’util...
2Analyse &structure
Analyse2   & structurea_ Rédaction des contenusb_ Lecture et révision des contenusc_ Arborescenced_ Analyse fonctionnelle
Analyse & structure2   c_ Exemple d’une arborescence
3 Design &ergonomie
Design &3    ergonomiea_ Maquettes schématiques (Wireframes)b_ Conception graphiquec_ Validation des choix ergonomiques   ...
Design & ergonomie3           a_ Exemple d’une maquette schématique (Wireframes)  logo      Du 5 au 15 juillet 2012       ...
Design & ergonomie3   b_ Exemple d’une maquette graphique
4 Intégration &programmation
Intégration &4   programmationa_ Analyse des maquettes graphiquesb_ Choix de la structure    (HTML5 Boilerplate, WordPress...
Intégration & programmation4   d_ Exemple d’un découpage de maquette
5Assurance qualité
Assurance5   qualitéa_ Tests interopérabilité (différents navigateurs)b_ Vérifier le travail des coéquipiersc_ Liste de poi...
6Mise en ligne
Mise6   en lignea_ Deuxième vague d’assurance qualité    (s’assurer que l’outil réagit de la même manière    qu’en version...
7Promotion
7   Promotiona_ SEM [Search Engine Marketing]    SEO : Référencement naturel (long terme)    SEA : AdWords (court terme)b_...
8Évolution
8   Évolution“ There’s an old Wayne Gretzky quotethat I love: I skate to where the puckis going to be, not where it has be...
Merci :)
Prochain SlideShare
Chargement dans…5
×

Processus de développement d'un outil Web

2 152 vues

Publié le

Cours donné à l'Université Laval de Québec

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

Aucun téléchargement
Vues
Nombre de vues
2 152
Sur SlideShare
0
Issues des intégrations
0
Intégrations
6
Actions
Partages
0
Téléchargements
52
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Processus de développement d'un outil Web

  1. 1. PROCESSUS DEDÉVELOPPEMENTD’UN OUTIL WEBPar Chalifour – Agence Web
  2. 2. 1 Définirla stratégie
  3. 3. Définir la1 stratégiea_ Identifier les besoins du clientb_ Identifier l’utilisateur ciblec_ Identifier les besoins de l’utilisateurd_ Considérer les contraintes client et utilisateure_ Explorer les stratégies adaptées au contexte (mobilité, application, site Web, responsive, etc.)
  4. 4. 2Analyse &structure
  5. 5. Analyse2 & structurea_ Rédaction des contenusb_ Lecture et révision des contenusc_ Arborescenced_ Analyse fonctionnelle
  6. 6. Analyse & structure2 c_ Exemple d’une arborescence
  7. 7. 3 Design &ergonomie
  8. 8. Design &3 ergonomiea_ Maquettes schématiques (Wireframes)b_ Conception graphiquec_ Validation des choix ergonomiques accessibilité et utilisabilité
  9. 9. Design & ergonomie3 a_ Exemple d’une maquette schématique (Wireframes) logo Du 5 au 15 juillet 2012 logo Du 5 au 15 juillet 2012 logo Du 5 au 15 juillet 2012En vedette Menu Menu Artistes Menu > > > Info Médias Liens En vedette > LMFAO featuring Redfoo Programmation > and the Party Rock Crew Slider Artistes > Billetterie > Info pratique >LMFAO featuring Redfooand the Party Rock Crew > Nouvelles > Style : Électro Hip-HopScène Bell - Vendredi 6 juillet 2012 Pays : États-Unis Site complet | Nous joindre Branché sur le Festival > Dimanche, 8 juillet 2012 à 21h30 Nous joindre > Logo Scène Bell Plaines d’Abraham 19h30 Scène Metro Le party rock s’empare des Plaines! Le populaire duo américain LMFAO formé en 2006 débarque avec sa troupe. Plus d’une Nom de l’artiste douzaine de personnes seront sur scène pour faire la fête au son Pays très long... | Style de musique très lon... de cette électro-pop irrévérencieuse qu’ils créent et font retentir 19h30 partout sur la planète. Leurs chansons, qui parlent d’alcool, de sexe et de folie, trônent tout en haut des palmarès des radios. Nom de l’artiste Pays très long... | Style de musique très lon... Sortez vos vêtements fluos, vos perruques afro et vos lunette 19h30 géantes, le party s’annonce survolté!
  10. 10. Design & ergonomie3 b_ Exemple d’une maquette graphique
  11. 11. 4 Intégration &programmation
  12. 12. Intégration &4 programmationa_ Analyse des maquettes graphiquesb_ Choix de la structure (HTML5 Boilerplate, WordPress, CakePHP, etc.)c_ Programmation des fonctionnalitésd_ Découpage des visuelse_ Intégration de la maquette en format Web
  13. 13. Intégration & programmation4 d_ Exemple d’un découpage de maquette
  14. 14. 5Assurance qualité
  15. 15. Assurance5 qualitéa_ Tests interopérabilité (différents navigateurs)b_ Vérifier le travail des coéquipiersc_ Liste de points importants (Google Analytics, balisage SEO, vérification engins de validation, etc.)
  16. 16. 6Mise en ligne
  17. 17. Mise6 en lignea_ Deuxième vague d’assurance qualité (s’assurer que l’outil réagit de la même manière qu’en version d’approbation)b_ Évaluation de la satisfaction client
  18. 18. 7Promotion
  19. 19. 7 Promotiona_ SEM [Search Engine Marketing] SEO : Référencement naturel (long terme) SEA : AdWords (court terme)b_ Médias sociaux Interaction directe avec les internautesc_ Blogue Apporte du contenu frais pour nourrir les moteurs de recherche et les médias sociaux
  20. 20. 8Évolution
  21. 21. 8 Évolution“ There’s an old Wayne Gretzky quotethat I love: I skate to where the puckis going to be, not where it has been [...]. ˮ– Steve Jobs
  22. 22. Merci :)

×