Prendre le virage des technologies de l’information et des communications sans déraper 2 e...

19
Prendre le virage des technologies de l’information et des communications sans déraper 2 e partie: Conception d’un projet web Présentation de Nathalie Caccamo 28 octobre 2009

Transcript of Prendre le virage des technologies de l’information et des communications sans déraper 2 e...

Page 1: Prendre le virage des technologies de l’information et des communications sans déraper 2 e partie: Conception d’un projet web Présentation de Nathalie.

Prendre le virage des technologies de l’information et des communications sans déraper

2e partie: Conception d’un projet web

Présentation de Nathalie Caccamo28 octobre 2009

Page 2: Prendre le virage des technologies de l’information et des communications sans déraper 2 e partie: Conception d’un projet web Présentation de Nathalie.

ÉTUDE DE FAISABILITÉ

ANALYSE DE LA COMMANDEET 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

Page 3: Prendre le virage des technologies de l’information et des communications sans déraper 2 e partie: Conception d’un projet web Présentation de Nathalie.

ÉTAPESÉTUDE DE FAISABILITÉ

CONCEPTION

APPROPRIATION

Analyse de

la commande

É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)

Page 4: Prendre le virage des technologies de l’information et des communications sans déraper 2 e partie: Conception d’un projet web Présentation de Nathalie.

É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

Analyse de

la commande Analyse

des besoins

Page 5: Prendre le virage des technologies de l’information et des communications sans déraper 2 e partie: Conception d’un projet web Présentation de Nathalie.

É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

Analyse de

la commande Analyse

des besoins Étude de

faisabilité

Page 6: Prendre le virage des technologies de l’information et des communications sans déraper 2 e partie: Conception d’un projet web Présentation de Nathalie.

ÉTAPESACCOMPAGNEMENT

CONCEPTION

APPROPRIATION

CONCEPTION

DESIGN STRUCTUREL

La logique de l’organisation de vos informations.C’est la navigation à l’intérieur du site.

Design structurel

Page 7: Prendre le virage des technologies de l’information et des communications sans déraper 2 e partie: Conception d’un projet web Présentation de Nathalie.

CONCEPTION

DESIGN STRUCTURELArborescenceNomenclature

ÉTAPESACCOMPAGNEMENT

CONCEPTION

APPROPRIATION

Design structurel

Page 8: Prendre le virage des technologies de l’information et des communications sans déraper 2 e partie: Conception d’un projet web Présentation de Nathalie.

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.

ÉTAPESACCOMPAGNEMENT

CONCEPTION

APPROPRIATION

Design structurel

Design graphique

Page 9: Prendre le virage des technologies de l’information et des communications sans déraper 2 e partie: Conception d’un projet web Présentation de Nathalie.

CONCEPTION

DESIGN GRAPHIQUECréation

ÉTAPESACCOMPAGNEMENT

CONCEPTION

APPROPRIATION

Design structurel

Design graphique

Propositions de design graphique

Page 10: Prendre le virage des technologies de l’information et des communications sans déraper 2 e partie: Conception d’un projet web Présentation de Nathalie.

CONCEPTION

DESIGN GRAPHIQUECréationMaquettes

ÉTAPESACCOMPAGNEMENT

CONCEPTION

APPROPRIATION

Design structurel

Design graphique

Design final

Page 11: Prendre le virage des technologies de l’information et des communications sans déraper 2 e partie: Conception d’un projet web Présentation de Nathalie.

CONCEPTION

CONCEPTION / INTÉGRATION TECHNOLOGIQUE

Traduction en langage codé de l’arborescence et de la présentation graphique du site.

ÉTAPESACCOMPAGNEMENT

CONCEPTION

APPROPRIATION

Design structurel

Design graphique

Conception

Intégration technologique

Page 12: Prendre le virage des technologies de l’information et des communications sans déraper 2 e partie: Conception d’un projet web Présentation de Nathalie.

CONCEPTION

CONCEPTION / INTÉGRATION TECHNOLOGIQUEInstallation du système de gestion de Contenu MODX

Écran de modification

ÉTAPESACCOMPAGNEMENT

CONCEPTION

APPROPRIATION

Design structurel

Design graphique

Conception

Intégration technologique

Page 13: Prendre le virage des technologies de l’information et des communications sans déraper 2 e partie: Conception d’un projet web Présentation de Nathalie.

CONCEPTION / INTÉGRATION TECHNOLOGIQUEInstallation du système de gestion de Contenu MODX

CONCEPTION

Écran de prévisualisation

ÉTAPESACCOMPAGNEMENT

CONCEPTION

APPROPRIATION

Design structurel

Design graphique

Conception

Intégration technologique

Écran de modification

Page 14: Prendre le virage des technologies de l’information et des communications sans déraper 2 e partie: Conception d’un projet web Présentation de Nathalie.

CONCEPTION

CONCEPTION / INTÉGRATION TECHNOLOGIQUEInstallation du système de gestion de Contenu MODX Configuration Intégration

ÉTAPESACCOMPAGNEMENT

CONCEPTION

APPROPRIATION

Design structurel

Design graphique

Conception

Intégration technologique

Page 15: Prendre le virage des technologies de l’information et des communications sans déraper 2 e partie: Conception d’un projet web Présentation de Nathalie.

APPROPRIATION

FORMATION

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

ÉTAPESACCOMPAGNEMENT

CONCEPTION

APPROPRIATION

Formation

Page 16: Prendre le virage des technologies de l’information et des communications sans déraper 2 e partie: Conception d’un projet web Présentation de Nathalie.

APPROPRIATION

MISES À JOURÊtre en mesure d’effectuer les mises à jours hebdomadaires, mensuelles, annuelles telles que déterminées dans le cahier des charges.

ÉTAPESACCOMPAGNEMENT

CONCEPTION

APPROPRIATION

FormationMises à jour

Page 17: Prendre le virage des technologies de l’information et des communications sans déraper 2 e partie: Conception d’un projet web Présentation de Nathalie.

APPROPRIATION

COÛT DE LA MAINTENANCEContrats d’hébergementRenouvellement de nom de domaineRessources humaines nécessaires à la maintenance

ÉTAPESACCOMPAGNEMENT

CONCEPTION

APPROPRIATION

FormationMises à jour

Coût de la maintenance

Page 18: Prendre le virage des technologies de l’information et des communications sans déraper 2 e partie: Conception d’un projet web Présentation de Nathalie.

APPROPRIATION

OUTILS D’ANALYSEStatistiques

ÉTAPESACCOMPAGNEMENT

CONCEPTION

APPROPRIATION

FormationMises à jour

Coût de la maintenance

Outils d’analyse

Page 19: Prendre le virage des technologies de l’information et des communications sans déraper 2 e partie: Conception d’un projet web Présentation de Nathalie.

VOTRE STRATÉGIE DE COMMUNICATION WEB

En savoir plus…

Tél. : 514.948.6644 poste [email protected]

Portfolio en ligne:www.communautique.qc.ca/services