Conception projet web

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

Étapes

ÉTUDE DE FAISABILITÉ

ANALYSE DE LA COMMANDE

ET DES COMMUNICATIONS

ANALYSE DES BESOINS

ORGANISATION

DU PROJET (cahier des charges)

CRÉATION / INTÉGRATION

DESIGN STRUCTUREL

DESIGN GRAPHIQUE

DÉVELOPPEMENT / INTÉGRATION

APPROPRIATION

MISES À JOUR

COÛT DE

MAINTENANCE

OUTILS

D’ANALYSE

ÉTAPES DE CONCEPTION

D’UN PROJET WEB

FORMATION

http://kkmo.ca

Étude de Faisabilité : Analyse

de la commande

ÉTAPES ÉTUDE DE FAISABILITÉ

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

Étude de Faisabilité : Analyse

des besoins

É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

ÉTAPES ÉTUDE DE FAISABILITÉ

CONCEPTION

APPROPRIATION

http://kkmo.ca

Étude de Faisabilité :

Organisation du projet

É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

ÉTAPES ÉTUDE DE FAISABILITÉ

CONCEPTION

APPROPRIATION

http://kkmo.ca

Conception : Design structurel ÉTAPES

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

Conception : Design fonctionnel

CONCEPTION

DESIGN STRUCTUREL

Arborescence

Nomenclature

ÉTAPES ACCOMPAGNEMENT

CONCEPTION

APPROPRIATION

http://kkmo.ca

Conception : Design graphique

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.

ÉTAPES ACCOMPAGNEMENT

CONCEPTION

APPROPRIATION

Design final http://kkmo.ca

Conception/intégration

technologique

CONCEPTION

CONCEPTION / INTÉGRATION TECHNOLOGIQUE

Traduction en langage codé de l’arborescence et de la

présentation graphique du site.

ÉTAPES ACCOMPAGNEMENT

CONCEPTION

APPROPRIATION

Système de gestion de Contenu MODX

écran de modification

http://kkmo.ca

Intégration

CONCEPTION / INTÉGRATION TECHNOLOGIQUE

Installation du système de gestion de Contenu MODX

CONCEPTION

Écran de prévisualisation

ÉTAPES ACCOMPAGNEMENT

CONCEPTION

APPROPRIATION

Écran de modification

http://kkmo.ca

Appropriation : outils d’analyse

APPROPRIATION

OUTILS D’ANALYSE

Statistiques

ÉTAPES ACCOMPAGNEMENT

CONCEPTION

APPROPRIATION

COÛT DE LA MAINTENANCE

Contrats d’hébergement

Renouvellement de nom de domaine

Ressources humaines nécessaires à la maintenance

MISES À JOUR

Être en mesure d’effectuer les mises à jours hebdomadaires, mensuelles, annuelles telles que

déterminées dans le cahier des charges.

FORMATION

Avoir accès à une ressource pour former le personnel et éventuellement dépanner.

http://kkmo.ca

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

Coordonnées VOTRE STRATÉGIE DE COMMUNICATION WEB

Contactez-moi… [email protected]

mise à jour 20 décembre 2011

http://kkmo.ca