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

Quelques expositions virtuelles (1 / 2)
Écran 3
  1. Art pour tous http://www.artpourtous.ca/
  2. Itinéraire en art contemporain http://www.itinerart.ca/fr/
  3. Montréal en quartiers - phase 2 http://www.memorablemontreal.com/
  4. La démocratie à Montréal de 1830 à nos jours http://www2.ville.montreal.qc.ca/archives/democratie/democratie_fr/
  5. Acteurs de notre histoire http://www2.ville.montreal.qc.ca/archives/acteurs/
  6. Portraits historiques canadiens http://www2.ville.montreal.qc.ca/archives/portraits/
  7. De la campagne à la ville, le Québec de 1910 à 1950 http://www2.ville.montreal.qc.ca/archives/gariepy/
Quelques expositions virtuelles (2 / 2)
Écran 4
  1. Le pont Victoria http://www.mccord-museum.qc.ca/fr/clefs/expositionsvirtuelles/pontvictoria/
  2. Musées et millénaire http://www.mumi.org/
  3. Expo 67, une expérience virtuelle http://www.collectionscanada.gc.ca/expo/index-f.html
  4. Curieux Univers http://curieuxunivers.umontreal.ca/
  5. Êtes-vous ethnomusicologue? http://www.museevirtuel.ca/Exhibitions/Instruments/Francais/activites_fr.html
  6. 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/
Étapes d'un projet selon Goto et Cotler
Écran 12
  1. Guide des meilleures pratiques Web http://www.alliancenumerique.com/guideweb.html
Préplanificateur de site
Écran 17
  1. mettre sur papier la stratégie http://www.secretsites.com/classic/profiler/set_partnering.html
  2. smqform_fr_preplan.pdf http://notes.espacecourbeformation.com/fr/ressources/gpw/we115_fr_preplan.pdf
  3. smqform_fr_profiltype.pdf http://notes.espacecourbeformation.com/fr/ressources/gpw/profiltype.htm
Cibler la clientèle
Écran 19
  1. segmentations de la clientèle ou personas http://www.bruceclay.com/design/articles/webpersona.htm
Établir les requis technologiques
Écran 22
  1. Flash http://www.memorablemontreal.com/swf/?lang=fr&section=quartiers&ssection=11
  2. dHTML http://www.lemontroyal.qc.ca/carte/fr/
  3. HTML5 http://fr.wikipedia.org/wiki/HTML5
  4. Podioguide UdeM http://www.podioguide.umontreal.ca/
Fonctionnalités fréquemment demandées
Écran 23
  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 24
  1. Explora au canal de Lachine http://itunes.apple.com/fr/app/id448667156?mt=8
  2. Google Art Project http://www.googleartproject.com/
  3. LAMIC à l'université Laval adresse privée
  4. Reciprocal Research Network http://www.rrnpilot.org/
  5. musées de Cracovie http://www.buzzeum.com/2011/01/storytelling-transmedias-a-cracovie/
Applications mobiles
Écran 25
  1. SDMM http://itunes.apple.com/fr/app/montreal-museums/id411537225?mt=8
  2. Explora au canal de Lachine http://itunes.apple.com/fr/app/id448667156?mt=8
Ressources utiles à la réalisation du projet
Écran 35
  1. www.technocompetences.ca http://www.technocompetences.qc.ca/pdf/Multimedia-14profils.pdf
Site de projet
Écran 38
  1. site pour le site http://www.secretsites.com/classic/projectsite/set_site.html
Étapes de la production (2 / 4)
Écran 39
  1. maquette fonctionnelle adresse privée
  2. concept graphique adresse privée
  3. maquette avec interface usager adresse privée
Étapes de la production (3 / 4)
Écran 42
  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 46
  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 47
  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 49
  1. compétition pour les jeux en ligne http://www.clubpenguin.com/fr/
Comment tester la qualité des pages et du site?
Écran 51
  1. syntaxe HTML http://validator.w3.org/
  2. feuilles de style http://jigsaw.w3.org/css-validator
Contenu des spécifications fonctionnelles (1 / 2)
Écran 56
  1. URL complets http://notes.espacecourbeformation.com/fr/ressources/poucevert/pv-plansiteurl.doc
  2. segments d'URL http://notes.espacecourbeformation.com/fr/ressources/poucevert/pv-plansiteurl-segments.doc
  3. œuvre vs créateur http://www.communication-jeunesse.qc.ca/repertoires/createurs/fiches.php?id=53-56-3898
  4. smqform_fr_exigences.pdf http://notes.espacecourbeformation.com/fr/ressources/gpw/exigences.htm
Contenu des spécifications fonctionnelles (2 / 2)
Écran 57
  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. HTML5 http://fr.wikipedia.org/wiki/HTML5
  5. WCAG http://www.w3.org/TR/WCAG20/
Exigences techniques
Écran 58
  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 60
  1. Curieux Univers http://curieuxunivers.umontreal.ca/fr/
Patrons d'éléments d'interface (1 / 2)
Écran 61
  1. Portraits historiques canadiens http://tinyurl.com/2v6bq5
Patrons d'éléments d'interface (2 / 2)
Écran 62
  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/
  4. menus avec contenu http://hammer.ucla.edu/
Identifier le format des images pour une exposition
Écran 63
  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
Tentative d'une définition
Écran 76
  1. article fondateur de Tim O'Reilly http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html
  2. Wikipedia, janvier 2010 http://fr.wikipedia.org/w/index.php?title=Web_2.0&oldid=53460942
Exemple : Flickr, site de partage de photos
Écran 77
  1. site personnel de Benoit sur Flickr http://www.flickr.com/photos/benoitdubuc
Caractéristiques du site Flickr
Écran 78
  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 79
  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 80
  1. What is Web 2.0 http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html
Outils pour ne pas réinventer la roue
Écran 81
  1. Wordpress http://wordpress.org/
  2. MediaWiki http://www.mediawiki.org/wiki/MediaWiki
  3. ning http://www.ning.com/
À quoi servent les réseaux sociaux?
Écran 83
  1. notion d'interestingness de Flickr http://www.flickr.com/explore/interesting/
Exemple : site promotionnel des musées maritimes (1 / 4)
Écran 84
  1. L'expérience musée pour découvrir le fleuve Saint-Laurent http://www.maritime.musees.qc.ca/fr/
Exemple : site promotionnel des musées maritimes (2 / 4)
Écran 85
  1. L'expérience musée pour découvrir le fleuve Saint-Laurent http://www.maritime.musees.qc.ca/fr/
Idées d'utilisation du Web 2.0 pour une exposition virtuelle
Écran 89
  1. blogue du Réseau CJ http://www.communication-jeunesse.qc.ca/reseaucj/
  2. article décrivant l'approche pour une des classes au Québec http://www.recit.qc.ca/spip.php?article406
  3. Montréal en quartiers http://www.memorablemontreal.com/swf/?lang=fr&section=quartiers&ssection=11
  4. Expo 67 http://www.agendapublic.net/expo67/site/
Quelques exemples
Écran 93
  1. Copyright humain http://www.mcq.org/copyrighthumain/index.html
  2. lieu historique du canal de Lachine http://www.pc.gc.ca/fra/lhn-nhs/qc/canallachine/index.aspx
  3. Office national du Film (ONF) http://www.onf.ca/
  4. Centre des sciences de Montréal http://www.centredessciencesdemontreal.com/en/
  5. Musée McCord d'histoire canadienne http://www.musee-mccord.qc.ca/fr/
  6. Art pour tous, les œuvres publiques de l'Université de Montréal s'exposent http://www.artpourtous.ca/
  7. Itinéraire en art contemporain http://www.itinerart.ca/
  8. Musées et millénaire http://www.mumi.org/
Page promotionnelle d'une exposition en salle
Écran 94
  1. Copyright humain http://www.mcq.org/copyrighthumain/index.html
Page promotionnelle d'un lieu ou d'une institution
Écran 95
  1. lieu historique national du Canal-de-Lachine http://www.pc.gc.ca/fra/lhn-nhs/qc/canallachine/index.aspx
Site documentaire ou de référence
Écran 96
  1. Office national du Film (ONF) http://www.onf.ca/
Site institutionnel
Écran 97
  1. Musée McCord d'histoire canadienne http://www.musee-mccord.qc.ca/fr/
Exposition virtuelle : découvrir une collection d'œuvres publiques
Écran 98
  1. Centre d'exposition de l'Université de Montréal http://www.artpourtous.ca/
Exposition virtuelle : découvrir une collection
Écran 99
  1. Itinéraire en art contemporain http://www.itinerart.ca/
Exposition virtuelle : une expérience
Écran 100
  1. Musées et millénaire http://www.mumi.org/
Site ludique
Écran 101
  1. Rotation X-trême http://www.centredessciencesdemontreal.com/rotation/index.html
Parcours de baladodiffusion
Écran 102
  1. baladodiffusions http://parcscanada.gc.ca/canallachine-balados?
Parcours autoguidés
Écran 103
  1. parcours autoguidés du patrimoine http://www.quaisduvieuxport.com/parcours-autoguide-5-generations-un-port.html
Applications mobiles
Écran 104
  1. SDMM http://itunes.apple.com/fr/app/montreal-museums/id411537225?mt=8
  2. Explora au canal de Lachine http://itunes.apple.com/fr/app/id448667156?mt=8
Environnement propice à la découverte
Écran 118
  1. Museum Victoria http://museumvictoria.com.au/discoverycentre/websites-mini/masumi-jackson/
Environnement sensoriel
Écran 119
  1. Through My Eyes http://www.throughmyeyes.org.uk/
Fondé sur des témoignages
Écran 120
  1. Les habitations Jeann-Mance; 50 ans d'histoire http://www2.ville.montreal.qc.ca/pls/portal/docs/page/chm_hjm/impressions.html
Redécouverte d'un lieu par des témoignages
Écran 121
  1. Mon cana http://www.pc.gc.ca/lhn-nhs/qc/canallachine/natcul/01-vivre-living_f.asp
Espace éducatif
Écran 122
  1. Great Chicago Stories http://www.greatchicagostories.com/
Ressource d'apprentissage
Écran 123
  1. Musée McCord d'histoire canadienne http://www.musee-mccord.qc.ca/scripts/clioclicXSL_XML.php?pageid=ew_1.2&Lang=2
Nouvelles tendances : des espaces collaboratifs
Écran 124
  1. Dossiers thématiques de la Société des musées québécois http://www.dossiers.smq.qc.ca/
Exemple d'arborescence
Écran 147
  1. Art pour tous http://www.artpourtous.ca/
Sites sur le droit d'auteur
Écran 182
  1. Loi sur le droit d'auteur au Canada http://lois.justice.gc.ca/fra/C-42/
  2. Office de la propriété intellectuelle du Canada http://www.opic.ic.gc.ca/eic/site/cipointernet-internetopic.nsf/fra/h_wr00003.html?OpenDocument
  3. La gestion numérique des droits - Guide à l'intention des musées http://www.pro.rcip-chin.gc.ca/gestion_collections-collections_management/GND-DRM/gestion_numerique_droits-digital_rights_management-fra.jsp
  4. Strategis Canada http://strategis.ic.gc.ca/eic/site/crp-prda.nsf/fra/accueil
  5. Commission du droit d’auteur du Canada http://www.cb-cda.gc.ca
  6. Sodrac http://www.sodrac.ca/
  7. Union des artistes https://uda.ca/
  8. Artisti http://www.uniondesartistes.com/index_artisti.aspx
  9. Socan http://www.socan.ca/
Art pour tous, ce sont...
Écran 186
  1. http://www.artpourtous.ca/ http://www.artpourtous.umontreal.ca/
Grille des œuvres
Écran 193
  1. grille des œuvres http://www.artpourtous.umontreal.ca/voir/oeuvres/index.html
Élément central : l'œuvre
Écran 195
  1. Molécules http://www.artpourtous.umontreal.ca/voir/oeuvres/molecules/index.html
Usage de la vidéo
Écran 196
  1. plus de créativité http://www.artpourtous.umontreal.ca/voir/batiments/louis-colin/index.html
Baladodiffusion
Écran 198
  1. fil RSS du parcours des anciens couvents http://www.artpourtous.umontreal.ca/rss/promener/parcours/anciens-couvents.rss.xml
  2. fil RSS du parcours du parcours des anciens couvents dans Google Maps http://maps.google.com/maps?f=q&source=s_q&hl=fr&geocode=&q=http:%2F%2Fwww.artpourtous.umontreal.ca%2Frss%2Fpromener%2Fparcours%2Fanciens-couvents.rss.xml&sll=37.0625,-95.677068&sspn=36.315864,56.689453&ie=UTF8&z=16
  3. lien itpc pour le fil RSS du parcours des anciens couvents adresse privée
Baladodiffusion : visite virtuelle
Écran 201
  1. troisième étape du parcours des anciens couvents http://www.artpourtous.umontreal.ca/promener/parcours/anciens-couvents.html#balado-molecules
Œuvres et bâtiments sur la carte
Écran 205
  1. œuvres sur la carte http://www.artpourtous.umontreal.ca/voir/carte/index.html?id=molecules
Étapes (1/4)
Écran 209
  1. orientations conceptuelles http://promenade.dev.espacecourbe.com/transfert/projet/Orientations_conceptuelles/orientations-artpourtous281109.doc
  2. spécifications fonctionnelles http://promenade.dev.espacecourbe.com/transfert/specs/20090904/index.html
  3. maquette fonctionnelle http://promenade.dev.espacecourbe.com/transfert/evolution/promenade_dist_20100105_11h08/index.html
  4. concept graphique http://promenade.dev.espacecourbe.com/transfert/projet/Grille-Visuelle-Bertuch/10decembre2009/
Étapes (3/4)
Écran 211
  1. visuel pour le contrôle http://promenade.dev.espacecourbe.com/transfert/evolution/testvideo/20100721/control-video.jpg
  2. images couvertures pour les mp3 http://promenade.dev.espacecourbe.com/transfert/projet/iTunes-site-web/
Outil pour communiquer
Écran 213
  1. index ouvert adresse privée
Moins bons coups
Écran 215
  1. fiche de l'œuvre 11e heure http://www.artpourtous.umontreal.ca/voir/oeuvres/11e-heure/index.html
  2. position sur la carte http://www.artpourtous.umontreal.ca/voir/carte/index.html?id=11e-heure
Tous droits réservés 2011, Espace Courbe Formation inc. —12 septembre 2011 — 20:01:31