Prendre le virage des technologies sans déraper. 2ème partie Conceptio d'un projet Web

1. Conception d’un projet web
Prendre le virage des
technologies de l’information et
des communications sans
déraper
2e partie: Conception d’un projet web
« Brunchez vos affaires» CDEC Rosemont Petite Patrie 28/10/2009
Une présentation de Nathalie Caccamo
mise à jour 18 janvier 2011 http://kkmo.ca

2. ÉTAPES DE CONCEPTION
Étapes
D’UN PROJET WEB
ÉTUDE DE FAISABILITÉ CRÉATION / INTÉGRATION APPROPRIATION
ANALYSE DE LA COMMANDE
DESIGN STRUCTUREL FORMATION
ET DES COMMUNICATIONS
DESIGN GRAPHIQUE
MISES À JOUR
ANALYSE DES BESOINS
DÉVELOPPEMENT / INTÉGRATION
COÛT DE
ORGANISATION
MAINTENANCE
DU PROJET (cahier des charges)
OUTILS
D’ANALYSE
http://kkmo.ca

3. ÉTAPES
Étude de Faisabilité : Analyse
ÉTUDE DE FAISABILITÉ
de la commande
CONCEPTION
APPROPRIATION
ÉTUDE DE FAISABILITÉ
ANALYSE DE LA COMMANDE
Qui ? (présentation de l’organisme ou de l’entreprise)
Quoi? (attentes et objectifs de l’organisme ou l’entreprise)
Pour qui? (public(s) ciblé(s))
Pourquoi? (objectif général du site)
Comment? (moyens en terme de budget, ressources humaines, temps)
http://kkmo.ca

4. ÉTAPES
Étude de Faisabilité : Analyse
ÉTUDE DE FAISABILITÉ
des besoins
CONCEPTION
APPROPRIATION
ÉTUDE DE FAISABILITÉ
ANALYSE DES BESOINS
Identification des ressources matérielles (documents, images, ressources
matérielles dont ils disposent)
Identification des ressources humaines affectées au projet
Identification du ou des prestataires externes à contacter (juristes,
infographistes, etc.)
Sélection des ressources matérielles et humaines
Création de nouvelles ressources (logos, textes adaptés au média, images,
mise à niveau/formation des ressources humaines)
Recherche d’un concept ou utilisation d’un concept existant
http://kkmo.ca

5. ÉTAPES
Étude de Faisabilité :
ÉTUDE DE FAISABILITÉ
Organisation du projet
CONCEPTION
APPROPRIATION
ÉTUDE DE FAISABILITÉ
ORGANISATION DU PROJET
Cahier des charges
(Synthèse de l’analyse de la commande et des besoins faites au préalable.
C’est quoi le projet? Titre du projet, objectifs, taille, dimension du projet, niveau
d’information, quantité de texte, contraintes à respecter, etc.)
Analyse de la concurrence
Budget
Échéancier
http://kkmo.ca

6. ÉTAPES
Conception : Design structurel
ACCOMPAGNEMENT
CONCEPTION
APPROPRIATION
CONCEPTION
DESIGN STRUCTUREL
La logique de l’organisation de vos informations.
C’est la navigation à l’intérieur du site.
DESIGN GRAPHIQUE
La signature graphique au projet,
CONCEPTION / INTÉGRATION TECHNOLOGIQUE
Traduction en langage codé de l’arborescence et de la
présentation graphique du site.
http://kkmo.ca

7. ÉTAPES
Conception : Design fonctionnel
ACCOMPAGNEMENT
CONCEPTION
APPROPRIATION
CONCEPTION
DESIGN STRUCTUREL
Arborescence
Nomenclature
http://kkmo.ca

8. ÉTAPES
Conception : Design graphique
ACCOMPAGNEMENT
CONCEPTION
APPROPRIATION
CONCEPTION
DESIGN GRAPHIQUE
La signature graphique au
projet,
La création visuelle reflète
votre organisme, votre
mission.
Elle facilite la navigation à
l’intérieur de l’arborescence.
http://kkmo.ca Design final

9. ÉTAPES
Conception/intégration
ACCOMPAGNEMENT
technologique
CONCEPTION
APPROPRIATION
CONCEPTION
CONCEPTION / INTÉGRATION TECHNOLOGIQUE
Traduction en langage codé de l’arborescence et de la
présentation graphique du site.
Système de gestion de Contenu MODX
écran de modification
http://kkmo.ca

10. ÉTAPES
ACCOMPAGNEMENT
CONCEPTION
Intégration
APPROPRIATION
CONCEPTION
CONCEPTION / INTÉGRATION TECHNOLOGIQUE
Installation du système de gestion de Contenu MODX
Écran de modification
http://kkmo.ca
Écran de prévisualisation

11. ÉTAPES
Appropriation : outils d’analyse
ACCOMPAGNEMENT
CONCEPTION
APPROPRIATION
APPROPRIATION
FORMATION
Avoir accès à une ressource pour former le personnel et éventuellement dépanner.
MISES À JOUR
Être en mesure d’effectuer les mises à jours hebdomadaires, mensuelles, annuelles telles que
déterminées dans le cahier des charges.
COÛT DE LA MAINTENANCE
Contrats d’hébergement
Renouvellement de nom de domaine
Ressources humaines nécessaires à la maintenance
OUTILS D’ANALYSE
Statistiques
http://kkmo.ca

12. Crédits
Crédits
Infographie maquette
Caroline Cyr
Projets web
Comité Régional des Associations pour la
déficience intellectuelle (CRADI)
Interface MODX projet Techno écolo
http://kkmo.ca

13. Coordonnées
VOTRE STRATÉGIE DE COMMUNICATION WEB
Contactez-moi… nathalie.caccamo@kkmo.ca
http://kkmo.ca
mise à jour 20 décembre 2011