Cours PPA1114

1. Cours PPA1114 Semaine 5

2. Plan du cours • Exercice sur les composantes de l’ordinateur • Retour sur le TP 2 • Éléments d’un scénario • Principes de navigation et ergonomie • Démarche systématique de production Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

3. Exercice sur les composantes de l’ordinateur • En équipe, présentez votre choix d’achat. • Discussion en grand groupe Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

4. TP 2 • Identifier une situation pédagogique en adaptation scolaire pouvant bénéficier du recours aux TIC • Analyser la situation pédagogique avec Lasswell (Qui ? Dit quoi ? À Qui ? Par quel moyen ? Avec quel effet ?) Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

5. TP 2 • Cibler des compétences du programme et chercher des ressources numériques (scénario, cédérom, site Web) qui s’y appliqueraient dans le contexte choisi • Explorer ces ressources en vous demandant si elles pourraient être utilisées, adaptées au contexte ? • Consulter les grilles proposées et choisir des critères adaptés à chacun des 3 types de ressource • Constituer et compléter une grille pour chacune des 3 ressources numériques (Excel) Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

6. TP 2 Quelques grilles http://c-rdi.qc.ca/coin/legende.asp http://concours2002.educationquebec.qc.ca/qualite2002.htm http://www.fas.umontreal.ca/com/com3561/bta/systems/frame3.html http://www.bib.umontreal.ca/SA/caps31.htm Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

7. TP 2 Quelques liens vers des scénarios pédagogiques • http://facvirtuelle.scedu.umontreal.ca/scenaristes/ • http://www.csvt.qc.ca/ndh/banque/ • http://www.cssmi.qc.ca/carrefour_educatif/ressources/scenarios/scenarios_tic/primaire.htm • http://www.jardinmarin.qc.ca/scenario.asp • http://www.u-grenoble3.fr/espace_pedagogique/maitrise.htm • http://ntic.org/creer/scenarios.html • http://www.contenu.com/activitespedagogiques/ Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

8. TP 2 Autres liens vers des scénarios pédagogiques http://www.jardinmarin.qc.ca/scenario.asp http://www.u-grenoble3.fr/espace_pedagogique/maitrise.htm http://ntic.org/creer/scenarios.html http://www.contenu.com/activitespedagogiques/ Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

9. TP 2 : le rapport à remettre Voir les éléments requis dans le plan de cours • La situation pédagogique selon les questions de Lasswell • Une fiche descriptive pour chacune des 3 ressources (CD-Rom, scénario, site web) • Une grille d’évaluation complétée pour chacune des 3 ressources. Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

10. TP 2 : La remise • Une version papier du rapport par équipe. • Une version électronique par courriel à la chargée de cours par équipe catherine.m.bertrand@umontreal.ca • Déposer la version numérique du rapport sur la FV, pour chaque membre de l’équipe Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

11. TP 2 : visionnement de cédéroms • S’assurer que le cédérom fonctionne sur les appareils qui seront utilisés…Un ensemble de 40 est déjà installé… • En situation réelle, plateforme (PC ou Mac) et version du système (95, 98, XP, etc.) • Dans le labo de l’université… Windows XP • S’assurer qu’il n’est pas inscrit sur le boîtier que le logiciel ne fonctionne pas sur XP • Généralement, les cédéroms demandent une installation minimale… Lire le livre d’instruction et en cas de problème. • voir avec les techniciens (Yvon Dorval ou Denis Buchanan) • Vous pouvez les emprunter et les installer chez vous… Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

12. Les éléments d’un scénario http://facvirtuelle.scedu.umontreal.ca/scenaristes • Paramètres de base du scénario(Titre, matière, discipline, cycle, etc) • Objectifs et compétences(Généraux,spécifiques,préalables, compétences transversales) • Informatique(Matériel requis, complémentaire, etc) • Caractéristiques pédagogiques(Orientation, stratégies, contraintes, etc) • Description du scénario(Les 5 ingrédients, les 3 temps) • Retour sur le scénario(Mise à l'essai, recommandations) Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

13. TP 2 : Un bon site Web : contenu, ergonomie • On doit prendre en considération plusieurs éléments : • Le contenu (adapté aux objectifs et utilisateurs) • L’ergonomie: (adapté aux usages et utilisateurs) • La mise en page • La navigation • On doit penser accessibilité aux diverses clientèles • Normes et standards Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

14. Principes de navigation et ergonomie • Quelques règles • cohérence et homogénéité • concision • contrôle entre les mains de l'utilisateur • signifiance des codes, métaphores et dénominations • Pas de surcharge… • Cognitive (trop d’info) • Visuelle… couleurs, contraste, superposition Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

15. Principes de navigation et ergonomie • Une super règle • réduction de la charge cognitive http://www.fas.umontreal.ca/com/com3561/bta/ergo/frame5.html http://ergolab.net/admin/out/articles/lexique-ergonomie-interfaces.html Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

16. Principes de navigation et ergonomie À consulter absolument http://www.yoyodesign.org/outils/ncolor/ncolor.php http://www.q42.nl/demos/colorblindnesssimulator/colors.html Site de Luc Van Lancker Principes de : • Sélection des informations (choix du contenu) • Mise en page • Navigation Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

17. Exemples de sites web Ville de Montréal Université de Montréal Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

18. L’accessibilité « La puissance du Web est dans son universalité. Y accéderquelque soit son handicap est un point essentiel. » Tim Berners-Lee, Directeur du W3C et inventeur du World Wide Web Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

19. Qu'est-ce que l'accessibilité du Web ? Définition du W3C « Mettre le Web et ses services à la disposition de tous les individus, quel que soit leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales. » Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

20. Qu'est-ce que l'accessibilité du Web ? L'accessibilité du Web Les personnes handicapées peuvent utiliser le Web Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

21. Pourquoi l'accessibilité du Web est-elle importante ? Le Web joue un rôle de plus en plus important dans tous les secteurs…. Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

22. Pourquoi l'accessibilité du Web est-elle importante ? Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

23. Étude 2003 sur l'accessibilité de sites Web de langue française au Québec et au Canada • Réalisée par la Fondation des aveugles du Québec • 200 sites de langue française (800 pages) • Évaluation des respects des normes d'accessibilité développées par le W3C • Dans l'ensemble, 84% des sites évalués sont classés FAIBLE à NUL • 50 sites du gouvernement du Québec (200 pages): 94% des sites évalués classés FAIBLE à NUL ; 6% classés BON Pour plus de détails : http://www.accessibiliteweb.com/quebec.htm Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

24. Rendre le Web accessible Technologies d’aide A l’ordinateur Accessibilité Au Web Règles de la WAI Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

25. Accessibilité des ordinateurs Les fonctionnalités d’accessibilité de Windows XP • Les fonctionnalités d’accessibilité de Windows XP sont nombreuses : Assistant Accessibilité, Loupe, Clavier Visuel, signaux sonores... • Menu démarrer/Programmes/Accessoires/Accessibilité • Pour plus de détails sur ces fonctionnalités : http://www.microsoft.com/france/accessibilite/logiciels/guides/guide.asp?id=01 Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

26. Règles du Web Accessibility Initiative L'accessibilité du web repose sur le respect des 14 règles du Web Accessibilility Initiative (W.A.I) Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

27. Quelques règles du WAI Couleur • Ne pas compter seulement sur l’indice couleurs personnes ne percevant pas les couleurs (ex. forme, texture, ou indication textuelle) • S’assurer que les combinaisons de couleurs donnent suffisamment de contrastes personnes ayant une limitation visuelle ou un problème de perception des couleurs. Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

28. Quelques règles du WAI Éléments non textuels • Tout contenu non textuel (image, clip sonore ou vidéo, etc.) doit être accompagné par un équivalent textuel. Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

29. Quelques règles du WAI Compréhension Associer un contenu visuel ou audio au texte • Pour faciliter la compréhension d’une page: Un texte sans illustrations est plus difficile à lire et à comprendre pour les personnes qui ont des limitations cognitives ou qui lisent des pages dans une autre langue. Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

30. Quelques règles du WAI Contrôle de l’utilisateur • Éviter de créer des phénomène d’oscillation, de clignotement, etc. à l’écran: Le mouvement peut-être trop distrayant pour les personnes ayant des limitations cognitives et peut générer des crises chez certaines personnes épileptiques. Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

31. Exemples de sites ayant atteint un niveau significatif d'accessibilité • Fondation des aveugles du Québec • Centre de réadaptation Lucie-Bruneau • Cybercodeur Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

32. Ressources sur l’accessibilité des sites Web • World Wide Web Consortium(W3C) • W3CQuébec • BrailleNet • AccesibilitéWeb • Accesiweb Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

33. Pour conclure… • Un exemple à voir absolument: Le site «Accès simple de la ville de Montréal» Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

34. Les 5 étapes de production • Analyse de la situation • Conception du matériel • Production • Mise à l’essai/application • Évaluation-révision Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

35. Analyse de la situation • Contexte et idées de départ • Description de l'école • Ressources et contraintes • Disciplines abordées / Objectifs pédagogiques • Description des apprenants • Description de l'équipe • Esquisse de votre projet de scénario • Valeur rajoutée des TIC http://facvirtuelle.scedu.umontreal.ca/scenaristes Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

36. Quelques exemples… Catherine Bertrand, Jacques Viens et Hajer Chalghoumi

37. Fichier : Nom de page : Adresse : Fond d’écran : Texte : polices, taille, couleur Objets : Images : Point d’ancrage : Liens :

38. Fichier : index.htm Nom de page : Bienvenue Adresse : base Fond d’écran : Bleu poudre Accueil ExplicationsListe des travauxPlan du site Texte : polices, taille, couleur Barre de navigation : Arial, 12 pts, bleu/fond vert Ligne 1 : Arial, 18 pts, bleu Ligne 2 : Arial, 24 pts, bleu Autre ligne : Arial, 18 pts, bleu Dernière ligne : Arial , 8 pts, noir Portfolio numérique de Jacques Viens Bienvenue Objets : Bouton de navigation « précédent » Bouton de navigation « suivant » Contexte Pourquoi un portfolio numérique Images : Images/Soleil.jpg Présentation et accès aux travaux Point d’ancrage : Bilan personnel Liens : Barre de navigation 1: Accueil : NON actif Explications : expli.htm Liste des travaux : listetravaux.htm Plan du site : plan.htm Contexte : contexte.htm Pourquoi : expli.htm Accès aux travaux : listetravaux.htm Bilan personnel : bilanperso.htm Me contacter : mailto:jacques.viens@umontreal.ca Me contacter Dernière modification : XY janvier 2005 Travail pratique Cours PPA1114o FSE Université de Montréal

39. Fichier : TP2.htm Nom de page : MonTP2 Adresse : TP2/ Fond d’écran : jaune Accueil ExplicationsListe des travauxPlan du site Texte : polices, taille, couleur L’évaluation de 2 ressources numériques Barre de navigation : Arial, 12 pts, bleu/fond vert Ligne 1 : Arial, 18 pts, bleu Par. 1-2 : Arial, 16 pts, noir Autres lignes : Arial, 18 pts, bleu Dernière ligne : Arial , 8 pts, noir Ce travail a permis de visiter plusieurs ressources numériques éducatives et de questionner leur utilité pédagogique. J’ai n’ai visité que des ressources pour le primaire. J’ai utilisé le site des « Scénaristes » pour réaliser ce travail. Objets : Bouton de navigation « précédent » Bouton de navigation « suivant » Images : Liste des ressources visitées Évaluation d’Adibou 2 Point d’ancrage : Évaluation du site « La main à la pâte » Liens : Barre de navigation 1: Accueil : ../index.htm Explications : ../expli.htm Liste des travaux : ../listetravaux.htm Plan du site : ../plan.htm Ressources visitées : listevisitee.htm Adibou 2 : ficheadibou.doc La main à la pâte : fichemainpate.doc Ma grille : grilleeval.htm J’ai appris : apprisTP2.htm Ma grille d’évaluation Ce que j’ai appris Dernière modification : XY janvier 2005 Travail pratique Cours PPA1114o FSE Université de Montréal

40. Fichier : evaluation.htm Nom de page : evaluationTP3 Adresse : TP3/evaluation/ Fond d’écran : rose Accueil ExplicationsListe des travauxPlan du site Texte : polices, taille, couleur L’évaluation de mon scénario Barre de navigation : Arial, 12 pts, bleu/fond vert Ligne 1 : Arial, 20 pts, bleu Ligne 2,3 et 7 : Arial, 18 pts, noir Pour évaluer mon scénario, j’ai utilisé : Un questionnaire aux élèves Un questionnaire à l’enseignant Une grille d’observation en cours d’activité Objets : Bouton de navigation « précédent » Bouton de navigation « suivant » Images : ../../images/sherlock.jpg Les résultats de la mise à l’essai Point d’ancrage : Les points forts Liens : Barre de navigation 1: Accueil : ../../index.htm Explications : ../../expli.htm Liste des travaux : ../../listetravaux.htm Plan du site : ../../plan.htm Questionnaire aux élèves : Questeleve.doc Questionnaire aux enseignants: Qensei.doc Grille d’observation : grilleTP3.doc forts : resultats.htm#forts faibles : resultats.htm#faibles modifications : resultats.htm#modif Les points faibles Les modifications à apporter Dernière modification : XY janvier 2005 Travail pratique Cours PPA1114o FSE Université de Montréal

41. Consignes • Consulter attentivement le site deLuc Van Lancker • Lecture pour alimenter votre vision des TIC • Goupil G. (2000) http://www.caslt.org/research/portfolio3.htm • Poursuivre votre blog et votre TP2 Catherine Bertrand, Jacques Viens et Hajer Chalghoumi