Gestion de projets Web
Adresses derrière les liens

Quelques références en ligne
Écran 8
  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/
  5. Philip and Alex Guide to Web Publishing http://philip.greenspun.com/panda/
En opposition?
Écran 17
  1. Extreme Programming for Web Projects http://www.amazon.ca/Extreme-Programming-Projects-Doug-Wallace/dp/0201794276
  2. manifeste des technologies agiles http://agilemanifesto.org/
Les étapes d'un projet selon Goto et Cotler
Écran 18
  1. Guide des meilleures pratiques Web http://www.alliancenumerique.com/guideweb.html
Préplanificateur de site
Écran 24
  1. mettre sur papier la stratégie http://www.secretsites.com/classic/profiler/set_partnering.html
Cibler la clientèle : établir le profil usager
Écran 27
  1. segmentations de la clientèle ou personas http://www.bruceclay.com/design/articles/webpersona.htm
Environnement technologique
Écran 30
  1. framework http://fr.wikipedia.org/wiki/Framework
Établir les requis technologiques
Écran 31
  1. Podioguide UdeM http://www.podioguide.umontreal.ca/
Fonctionnalités fréquemment demandées
Écran 32
  1. recherche plein texte ou recherche par facettes http://www.musees.qc.ca/mad/guidemusees/recherche/index.php
Un contrat?? Comment??
Écran 36
  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
Exemple de décomposition d'une estimation
Écran 46
  1. modèles d'estimation par métriques adresse privée
Personnes responsables
Écran 47
  1. www.technocompetences.ca http://www.technocompetences.qc.ca/pdf/Multimedia-14profils.pdf
Où peut-on trouver des ressources compétentes?
Écran 48
  1. Brainbench adresse privée
Patrons d'éléments d'interface
Écran 51
  1. Portraits historiques canadiens http://tinyurl.com/2v6bq5
Patrons d'éléments d'interface (suite)
Écran 52
  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 dynamiques avec contenu http://hammer.ucla.edu/
  5. mega menus déroulants http://www.useit.com/alertbox/mega-dropdown-menus.html
Exigences techniques
Écran 53
  1. polices http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
  2. couleurs http://www.lynda.com/hex.html
  3. Flash http://fr.wikipedia.org/wiki/Adobe_Flash
  4. dHTML http://fr.wikipedia.org/wiki/DHTML
  5. AJAX http://fr.wikipedia.org/wiki/Asynchronous_JavaScript_And_XML
  6. aide-mémoire de Goto+Cotler http://www.web-redesign.com/downloads/06_client-specsheet.pdf
Spécifications fonctionnelles (suite)
Écran 56
  1. WAI http://www.w3.org/TR/WCAG20/
  2. SGQRI 008-01 http://www.msg.gouv.qc.ca/normalisation/standards/accessibilite/
  3. PIV http://www.piv.gouv.qc.ca/accueil.htm
  4. NSI http://www.tbs-sct.gc.ca/clf-nsi/index-fra.asp
  5. PCI https://www.pcisecuritystandards.org/
Éléments à ne pas oublier pour un site de commerce électronique
Écran 57
  1. normes de sécurité de l'industrie https://www.pcisecuritystandards.org/
  2. Guide des meilleures pratiques Web http://www.alliancenumerique.com/guideweb.html
Développer des applications interactives
Écran 58
  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/
Étapes de la production
Écran 61
  1. maquette fonctionnelle adresse privée
  2. concept graphique adresse privée
  3. maquette avec interface usager adresse privée
Maquette en fil de fer (maquette wireframe)
Écran 62
  1. Balsamic Mockups http://www.balsamiq.com/products/mockups
  2. Axure Wireframes and Prototypes http://www.axure.com/
Outils ou services pour aider au contrôle de qualité
Écran 70
  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/
  5. eValid : tests fonctionnels http://www.evalid.org/
  6. Selenium : extension Firefox pour les tests fonctionnels http://www.webinade.com/web-development/functional-testing-in-php-using-selenium-ide
  7. Institut de la sécurité de l'information du Québec http://www.isiq.ca/
Références pour l'utilisabilité
Écran 72
  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.sensible.com/downloads-dmmt.html
  5. enregistrement de session http://www.techsmith.com/products/morae/default.asp
Contenu pour une page d'erreur 404
Écran 74
  1. e-consultancy http://econsultancy.com/something
  2. GIRO (multilingue) http://www.giro.ca/something
Penser à un plan de migration...
Écran 75
  1. moteurs de recherche publics http://www.google.com/support/webmasters/bin/answer.py?hl=fr&answer=93633
Ne pas oublier le budget pour l'entretien
Écran 78
  1. budget d'entretien http://www.useit.com/alertbox/9706b.html
Quelques outils utiles
Écran 82
  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/
  9. Mantis BT http://www.mantisbt.org/
  10. MHonArc http://www.mhonarc.org/
Site de pilotage
Écran 83
  1. site pour le site http://www.secretsites.com/classic/projectsite/set_site.html
Redondance...
Écran 87
  1. système d'export-import http://docs.oasis-open.org/xliff/xliff-core/xliff-core.html
Logiciels pour la gestion de contenu Web
Écran 91
  1. Microsoft Sharepoint Server http://office.microsoft.com/en-us/sharepointserver/
  2. SPIP http://www.spip.net/
  3. Joomla! http://www.joomla.org/
  4. Drupal http://drupal.org/
  5. Wordpress http://wordpress.org/
  6. Zope/Plone http://www.zope.org/
  7. TYPO3 http://www.typo3.com/
  8. http://www.cmswatch.com/CMS/Vendors/ http://www.cmswatch.com/CMS/Vendors/
Quelques références
Écran 93
  1. CMSWatch et son rapport http://www.cmswatch.com/
  2. Livre blanc sur les SGC open source http://www.smile.fr
  3. Content management: keep it simple http://www.pcmag.co.uk/Features/1140387
  4. How to evaluate a content management system http://www.steptwo.com.au/papers/kmc_evaluate/
Ce que devrait comprendre une demande de changement
Écran 100
  1. formulaire simple pour une demande de changement http://www.web-redesign.com/downloads/03_additional-charge.pdf
Art pour tous, ce sont...
Écran 108
  1. http://www.artpourtous.ca/ http://www.artpourtous.umontreal.ca/
Grille des œuvres
Écran 115
  1. grille des œuvres http://www.artpourtous.umontreal.ca/voir/oeuvres/index.html
Élément central : l'œuvre
Écran 117
  1. Molécules http://www.artpourtous.umontreal.ca/voir/oeuvres/molecules/index.html
Usage de la vidéo
Écran 118
  1. plus de créativité http://www.artpourtous.umontreal.ca/voir/batiments/louis-colin/index.html
Baladodiffusion
Écran 120
  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 123
  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 127
  1. œuvres sur la carte http://www.artpourtous.umontreal.ca/voir/carte/index.html?id=molecules
Étapes (1/4)
Écran 131
  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 133
  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 135
  1. index ouvert adresse privée
Moins bons coups
Écran 137
  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
Promotion et stratégie
Écran 139
  1. Google, outils pour webmestres http://www.google.com/webmasters/
  2. WorkZ http://www.workz.com/
  3. Web Position Gold http://www.webposition.com/
  4. 23 façons de promouvoir http://www.cjl.qc.ca/batisseurs/23promotion.htm
  5. Comparaison des moteurs http://www.searchenginewatch.com/webmasters/features.html
  6. Trucs pour positionnement http://www.wilsonweb.com/articles/search-higher.htm
  7. Abondance http://www.abondance.com/
Cybermétrie
Écran 140
  1. WebTrends http://www.webtrends.com/
  2. Summary.net http://www.summary.net/
  3. AWStats http://awstats.sourceforge.net/
  4. Analog http://www.analog.cx/
  5. Google Analytics http://www.google.com/analytics/
  6. ClickTale http://www.clicktale.com/
  7. Hit-Parade http://www.hit-parade.com/
  8. Xiti http://www.hit-parade.com/
Trucs ici et là
Écran 141
  1. Multilangues : HTMLpp http://htmlpp.sourceforge.net/
  2. Wayback machine: retour dans le temps http://web.archive.org/
  3. Analyse des grands courants http://phnk.com/design/survey/
  4. Web Accessibility Initiative http://www.w3.org/WAI/
  5. Communautés de pratique http://htmlpp.sourceforge.net/
  6. Webmaestro - gouvernement du Québec http://www.webmaestro.gouv.qc.ca/
  7. Guide Internet du gouvernement fédéral http://www.tbs-sct.gc.ca/cio-dpi/pols_f.asp#Internet
Vulgarisation
Écran 142
  1. Comment ça marche http://www.commentcamarche.com/
  2. What is? http://www.whatis.com/
  3. Grand dictionnaire terminologique http://www.granddictionnaire.com/
  4. Wikipedia http://fr.wikipedia.org/
Implantation d'un moteur de recherche
Écran 143
  1. Htdig http://www.htdig.org/
  2. GoogleBox http://www.google.ca/appliance/
  3. Coveo http://www.coveo.com/
Project Management Institute
Écran 144
  1. PMI.org http://www.pmi.org/
  2. PMI - région de Montréal http://www.pmimontreal.org/
  3. PMI - région de Québec http://www.pmiquebec.qc.ca/
Tous droits réservés 2012, Espace Courbe Formation inc. —13 janvier 2012 — 12:28:17