Gestion de projets Web pour une exposition virtuelle
Adresses derrière les liens

Quelques expositions virtuelles réalisées par Espace Courbe
Écran 3
  1. Montréal en quartiers - phase 2 http://www.memorablemontreal.com/
  2. La démocratie à Montréal de 1830 à nos jours http://www2.ville.montreal.qc.ca/archives/democratie/democratie_fr/
  3. Acteurs de notre histoire http://www2.ville.montreal.qc.ca/archives/acteurs/
  4. Portraits historiques canadiens http://www2.ville.montreal.qc.ca/archives/portraits/
  5. De la campagne à la ville, le Québec de 1910 à 1950 http://www2.ville.montreal.qc.ca/archives/gariepy/
Quelques expositions virtuelles (suite)
Écran 4
  1. Expo 67, une expérience virtuelle http://www.collectionscanada.gc.ca/expo/index-f.html
  2. Curieux Univers http://curieuxunivers.umontreal.ca/
  3. Êtes-vous ethnomusicologue? http://www.museevirtuel.ca/Exhibitions/Instruments/Francais/activites_fr.html
  4. Accords francophones http://www.museevirtuel.ca/Exhibitions/Instruments/
Quelques références en ligne
Écran 7
  1. Secrets of successful Web site http://www.secretsites.com/classic/
  2. Web Project Management http://econsultancy.com/reports/templates
  3. Web Redesign http://www.web-redesign.com/
  4. The Web Style Guide http://www.webstyleguide.com/
Les étapes d'un projet selon Goto et Cotler
Écran 14
  1. Guide des meilleures pratiques Web http://www.alliancenumerique.com/guideweb.html
Préplanificateur de site
Écran 20
  1. mettre sur papier la stratégie http://www.secretsites.com/classic/profiler/set_partnering.html
Cibler la clientèle
Écran 22
  1. segmentations de la clientèle ou personas http://www.bruceclay.com/design/articles/webpersona.htm
Établir les requis technologiques
Écran 26
  1. Flash http://www.memorablemontreal.com/swf/?lang=fr&section=quartiers&ssection=11
  2. dHTML http://www.lemontroyal.qc.ca/carte/fr/
  3. Podioguide UdeM http://www.podioguide.umontreal.ca/
Fonctionnalités fréquemment demandées
Écran 27
  1. galeries de photos http://www.parcsnunavik.ca/fr/galerie-photos/pingualuit/index.php
  2. navigation hiérarchique http://www2.ville.montreal.qc.ca/archives/portraits/fr/outils/plandusite.shtm
  3. recherche plein texte ou recherche par facettes http://www.musees.qc.ca/mad/guidemusees/recherche/index.php
  4. version imprimable http://www2.ville.montreal.qc.ca/archives/democratie/democratie_fr/apprentis/resultats/precedents/2008-2009.shtm
Technologies de pointe pour les expositions virtuelles
Écran 28
  1. Tiffany http://photo.photojpl.com/tour/tiffany/tiffany-lamp.html
  2. LAMIC à l'université Laval adresse privée
  3. Reciprocal Research Network http://www.rrnpilot.org/
Un contrat?? Comment??
Écran 31
  1. Jurifax http://www.jurifax.com/
  2. modèles de contrats Internet http://store.yahoo.com/jurifaxstore/contract-forms---modyles-de-contrats-internet---internet.html
Étapes de la production (suite)
Écran 34
  1. maquette fonctionnelle adresse privée
  2. concept graphique adresse privée
  3. maquette avec interface usager adresse privée
Étapes de la production (suite)
Écran 37
  1. cadres en ligne http://www.musees.qc.ca/mad/reserve/entree/art/
  2. dHTML http://calendrierdupatrimoinedemontreal.com/fr/calendrier/2010-03-30.htm
  3. menus déroulants http://www.parcsnunavik.ca/fr/
  4. alternances de couches http://www2.ville.montreal.qc.ca/archives/democratie/democratie_fr/apprentis/enseignants/retour-classe/personnel.shtm
  5. animations multimédia http://www.musees.qc.ca/mad/collections/tableaux/archeologie/index.php
Exemples de jeux ou activités éducatives
Écran 40
  1. êtes-vous ethnomusicologue? http://www.museevirtuel.ca/Exhibitions/Instruments/Francais/activites_fr.html)
  2. Jeux en ligne http://www.collectionscanada.gc.ca/expo/05330210_f.html
  3. associer l'hôtesse et l'uniforme http://www.collectionscanada.gc.ca/expo/0533021001_f.html
  4. placer les pavillons sur la carte (course contre la montre) http://www.collectionscanada.gc.ca/expo/0533021002_f.html
  5. simuler une élection municipale http://www2.ville.montreal.qc.ca/archives/democratie/democratie_fr/apprentis/enseignants/retour-classe/index.shtm
  6. safaris littéraires http://www.communication-jeunesse.qc.ca/livromaniaques/jeux/jouer/?id=oiseau
  7. Mystère des frères Maxwell http://www.memorablemontreal.com/swf/?lang=fr&section=jeunesse&ssection=3
  8. côté pratique http://www2.ville.montreal.qc.ca/archives/democratie/democratie_fr/apprentis/enseignants/retour-classe/bulletin.shtm
Safari littéraire de CJ : étape du jeu
Écran 41
  1. page d'accueil de la Zone des livromaniaques http://www.communication-jeunesse.qc.ca/livromaniaques/index.php
Exercice : trouver une idée d'activité éducative
Écran 43
  1. compétition pour les jeux en ligne http://www.clubpenguin.com/fr/
Outils ou services pour aider au contrôle de qualité
Écran 48
  1. validator.w3.org : validation de syntaxe HTML http://validator.w3.org/
  2. Jigsaw : Validation feuilles de styles http://jigsaw.w3.org/css-validator
  3. BrowserCam : tests d'affichage http://www.browsercam.com/
  4. iCapture : tests d'affichage http://www.danvine.com/icapture/
Références pour l'utilisabilité
Écran 50
  1. useit.com (Jakob Nielsen) http://www.useit.com/alertbox/
  2. L'ergonome http://www.lergonome.org/
  3. Ease of Use (IBM) http://www.lergonome.org/
  4. Don't make me think! http://www.lergonome.org/
  5. enregistrement de session http://www.techsmith.com/products/morae/default.asp
Spécifications fonctionnelles (1/4)
Écran 56
  1. œuvre vs créateur http://www.communication-jeunesse.qc.ca/repertoires/createurs/fiches.php?id=53-56-3898
Exigences techniques
Écran 57
  1. polices http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
  2. couleurs http://www.lynda.com/hex.html
  3. aide-mémoire de Goto+Cotler http://www.web-redesign.com/downloads/06_client-specsheet.pdf
Exemple malheureux : changement de cap technologique
Écran 59
  1. Curieux Univers adresse privée
Un exemple d'arborescence
Écran 63
  1. Le pont Victoria http://www.musee-mccord.qc.ca/fr/clefs/expositionsvirtuelles/pontvictoria/
Patrons d'éléments d'interface
Écran 64
  1. Portraits historiques canadiens http://tinyurl.com/2v6bq5
Patrons d'éléments d'interface (2/4)
Écran 65
  1. menu horizontal et/ou menu vertical avec quelques niveaux http://www.immigration-quebec.gouv.qc.ca/fr/immigrer-installer/travailleurs-temporaires/demarches/index.html
  2. menus déroulants http://www.parcsnunavik.ca/fr/
  3. contrôles pour alternatives linguistiques http://www.parcsnunavik.ca/fr/
Exercice : identifier le format des images pour une exposition
Écran 66
  1. site de Dimension Plus http://www.dimensionplus.net/index.php/artists/show/110
  2. Picasa, nous avons les formats http://code.google.com/intl/fr/apis/picasaweb/docs/1.0/reference.html#Parameters
Spécifications fonctionnelles (3/4)
Écran 68
  1. Flash http://fr.wikipedia.org/wiki/Adobe_Flash
  2. dHTML http://fr.wikipedia.org/wiki/DHTML
  3. AJAX http://fr.wikipedia.org/wiki/Asynchronous_JavaScript_And_XML
  4. WCAG http://www.w3.org/TR/WCAG20/
Développer des applications interactives
Écran 69
  1. le scénario http://www.lergonome.org/index.php?option=com_content&task=view&id=36&Itemid=29
  2. validation client sur un formulaire http://www.rememberthemilk.com/signup/
Quelques outils utiles
Écran 73
  1. Basecamp http://www.basecamphq.com/
  2. Microsoft Visio http://www.microsoft.com/office/visio/
  3. Inspiration http://www.inspiration.com/
  4. CVS http://www.nongnu.org/cvs/
  5. http://philip.greenspun.com/wtr/cvs http://philip.greenspun.com/wtr/cvs
  6. Request tracker http://www.fsck.com/projects/rt/
  7. TestTrack Pro http://www.seapine.com/ttpro.html
  8. Bugzilla http://www.bugzilla.org/
Site de pilotage
Écran 74
  1. site pour le site http://www.secretsites.com/classic/projectsite/set_site.html
Ce que devrait comprendre une demande de changement
Écran 81
  1. formulaire simple pour une demande de changement http://www.web-redesign.com/downloads/03_additional-charge.pdf
Tentative d'une définition
Écran 88
  1. article fondateur de Tim O'Reilly http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html
Exemple : Flickr, site de partage de photos
Écran 89
  1. site personnel de Benoit sur Flickr http://www.flickr.com/photos/benoitdubuc
Caractéristiques du site Flickr
Écran 90
  1. annotation http://www.flickr.com/photos/benoitdubuc/1267865197/
  2. fils de syndication http://www.flickr.com/photos/benoitdubuc#Feeds
  3. API Flickr http://flickr.com/services/api/
  4. Tour of California Race Tracker http://tracker.amgentourofcalifornia.com/
Autres exemples de sites Web 2.0
Écran 91
  1. YouTube http://www.youtube.com/
  2. Delicious http://delicious.com/
  3. Google Maps http://maps.google.com/
  4. Netvibes http://www.netvibes.com/
  5. Blogger http://www.blogger.com/
  6. Wikipedia http://www.wikipedia.org/
  7. Facebook http://www.facebook.com/
  8. Twitter http://www.twitter.com/
Champ gravitationnel Web 2.0
Écran 92
  1. What is Web 2.0 http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html
Qu'est-ce qu'un blogue?
Écran 94
  1. blogue du MCQ http://www.mcq.org/blogue/
Qu'est-ce qu'un wiki?
Écran 95
  1. WikiTravel http://wikitravel.org/en/Main_Page
Outils pour ne pas réinventer la roue
Écran 96
  1. Wordpress http://wordpress.org/
  2. MediaWiki http://www.mediawiki.org/wiki/MediaWiki
  3. ning http://www.ning.com/
Mais pourquoi donc?
Écran 98
  1. notion d'interestingness de Flickr http://www.flickr.com/explore/interesting/
Des idées d'utilisation du Web 2.0 pour une exposition virtuelle
Écran 100
  1. blogue du Réseau CJ http://www.communication-jeunesse.qc.ca/reseaucj/
  2. Montréal en quartiers http://www.memorablemontreal.com/swf/?lang=fr&section=quartiers&ssection=11
  3. Expo 67 http://www.agendapublic.net/expo67/site/
Quelques exemples
Écran 104
  1. Copyright humain http://www.mcq.org/copyrighthumain/index.html
  2. Office national du Film (ONF) http://www.onf.ca/
  3. Centre des sciences de Montréal http://www.centredessciencesdemontreal.com/en/
  4. Musée McCord d'histoire canadienne http://www.musee-mccord.qc.ca/fr/
  5. Itinéraire en art contemporain http://www.itinerart.ca
  6. Itinéraire en art contemporain http://www.itinerart.ca
  7. Musées et millénaire http://www.mumi.org
Page promotionnelle d'une exposition en salle
Écran 105
  1. Copyright humain http://www.mcq.org/copyrighthumain/index.html
Site documentaire ou de référence
Écran 106
  1. Office national du Film (ONF) http://www.onf.ca/
Site institutionnel
Écran 107
  1. Musée McCord d'histoire canadienne http://www.musee-mccord.qc.ca/fr/
Exposition virtuelle : découvrir une collection
Écran 108
  1. Itinéraire en art contemporain http://www.itinerart.ca
  2. Itinéraire en art contemporain http://www.itinerart.ca
Exposition virtuelle : une expérience
Écran 109
  1. Musées et millénaire http://www.mumi.org
Site ludique
Écran 110
  1. Rotation X-trême http://www.centredessciencesdemontreal.com/rotation/index.html
Un environnement propice à la découverte
Écran 115
  1. Museum Victoria http://museumvictoria.com.au/discoverycentre/websites-mini/masumi-jackson/
Un environnement sensoriel
Écran 116
  1. Through My Eyes http://www.throughmyeyes.org.uk
Un espace éducatif
Écran 117
  1. Great Chicago Stories http://www.greatchicagostories.com/
Une ressource d'apprentissage
Écran 118
  1. Musée McCord d'histoire canadienne http://www.musee-mccord.qc.ca/scripts/clioclicXSL_XML.php?pageid=ew_1.2&Lang=2
Exposition virtuelle « Curieux univers »
Écran 140
  1. http://curieuxunivers.umontreal.ca/ http://curieuxunivers.umontreal.ca/
Étapes (1/3)
Écran 146
  1. Collection Ouellet-Robert adresse privée
  2. Herbier Marie-Victorin adresse privée
  3. Mackenzie Art Gallery adresse privée
  4. UBC adresse privée
  5. premiers essais adresse privée
  6. embryon du concept adresse privée
  7. concept qui mûrit adresse privée
  8. plan de navigation adresse privée
  9. Herbier Marie-Victorin adresse privée
  10. Collection Ouellet-Robert adresse privée
  11. spécifications fonctionnelles adresse privée
  12. le gros morceau... adresse privée
  13. page accueil classification adresse privée
  14. fiche adresse privée
Étapes (2/3)
Écran 147
  1. dHTML adresse privée
  2. essai Flash adresse privée
  3. plus près du but adresse privée
  4. ébauches adresse privée
  5. final http://curieuxunivers.umontreal.ca/fr/artistique/index.php
  6. fiches techniques http://curieuxunivers.umontreal.ca/fr/classification/fiche/index.php
  7. mise en page de la section classification http://curieuxunivers.umontreal.ca/fr/classification/
  8. programmation Flash pour partie ludique http://curieuxunivers.umontreal.ca/fr/experimental/index.php
  9. Flash divers : adresse privée
  10. intégration des sons adresse privée
Étapes (3/3)
Écran 148
  1. outil de rapport des classifications proposées http://curieuxunivers.umontreal.ca/fr/experimental/compilation/index.php
  2. configuration du moteur de recherche http://curieuxunivers.umontreal.ca/fr/outils/recherche/index.php
Graphiques pour l'équipe de réalisation...
Écran 150
  1. distribution du travail dans le temps adresse privée
  2. ampleur des tâches planifiées adresse privée
  3. activités principales adresse privée
  4. comparatif : adresse privée
  5. comparatif : adresse privée
Outil pour communiquer
Écran 151
  1. Yahoo Groups! http://groups.yahoo.com/
  2. index ouvert adresse privée
Tous droits réservés 2010, Espace Courbe Formation inc. — 21 mars 2010 — 17:22:55