1 Cours PPA1114 Semaine 5. Catherine Bertrand, Jacques Viens et Hajer Chalghoumi2 Hiver 2006 Plan du cours - Exercice sur les composantes de lordinateur

1

Cours PPA1114

Semaine 5

Catherine Bertrand, Jacques Viens et Hajer Chalghoumi 2Hiver 2006

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


Exercice sur les composantes de l’ordinateur

En équipe, présentez votre choix d’achat. Discussion en grand groupe


TP 2

1. Identifier une situation pédagogique en adaptation scolaire pouvant bénéficier du recours aux TIC

2. Analyser la situation pédagogique avec Lasswell (Qui ? Dit quoi ? À Qui ? Par quel moyen ? Avec quel effet ?)


1. 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

2. Explorer ces ressources en vous demandant si elles pourraient être utilisées, adaptées au contexte ?

3. Consulter les grilles proposées et choisir des critères adaptés à chacun des 3 types de ressource

4. Constituer et compléter une grille pour chacune des 3 ressources numériques (Excel)

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

TP 2

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


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/scenar

ios_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/

TP 2

http://facvirtuelle.scedu.umontreal.ca/scenaristes/

http://www.csvt.qc.ca/ndh/banque/

http://www.cssmi.qc.ca/carrefour_educatif/ressources/scenarios/%0Bscenarios_tic/primaire.htm

http://www.cssmi.qc.ca/carrefour_educatif/ressources/scenarios/%0Bscenarios_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/


Autres liens vers des scénarios pédagogiques





TP 2






TP 2 : le rapport à remettre

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.

Voir les éléments requis dans le plan de cours


TP 2 : La remise

Une version papier du rapport par équipe.

Une version électronique par courriel à la chargée de cours par équipe [email protected]

Déposer la version numérique du rapport sur la FV, pour chaque membre de l’équipe

mailto:[email protected]


TP 2 : visionnement de cédéroms

1. 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

2. 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)

3. Vous pouvez les emprunter et les installer chez vous…


Les éléments d’un scénario

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)

http://facvirtuelle.scedu.umontreal.ca/scenaristes

http://facvirtuelle.scedu.umontreal.ca/scenaristes/francais/modscenario1.asp?id=1962








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


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


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

http://www.fas.umontreal.ca/com/com3561/bta/ergo/frame5.html

http://ergolab.net/admin/out/articles/lexique-ergonomie-interfaces.html


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

http://www.ccim.be/ccim328/archi/idx.htm

http://www.ccim.be/ccim328/archi/idx.htm


Exemples de sites web

Ville de Montréal

Université de Montréal

http://ville.montreal.qc.ca/portal/page?_pageid=65,38111&_dad=portal&_schema=PORTAL

http://www.umontreal.ca/


« La puissance du Web est dans son universalité. Y accéder quelque soit son

handicap est un point essentiel. »

Tim Berners-Lee, Directeur du W3C et inventeur du World Wide Web

L’accessibilité


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. »


Qu'est-ce que l'accessibilité du Web ?

L'accessibilité du Web

Les personnes handicapées peuvent utiliser le Web


Pourquoi l'accessibilité du Web est-elle importante ?

LoisirLoisir

CommerceCommerce

EmploiEmploi

ÉducationÉducation

WebWeb

Le Web joue un rôle de plus en plus important dans tous les secteurs….


Pourquoi l'accessibilité du Web est-elle importante ?

Le Web pour

les personnes handicapées

Accès à l'information

Accès à la Cyber-

citoyennetéLoi assurant l'exercice

des droits des personnes handicapées

( Projet de loi 56)

Participation à la société du savoir

Accès à l'emploi


É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

http://www.accessibiliteweb.com/quebec.htm


Rendre le Web accessible

Accessibilité

Technologies d’aide

Règles de la WAI

A l’ordinateur

Au Web


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


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)


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.


Éléments non textuels

Tout contenu non textuel (image, clip sonore ou vidéo, etc.) doit être accompagné par un équivalent textuel.



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.



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.



Exemples de sites ayant atteint un niveau significatif d'accessibilité

Fondation des aveugles du Québec Centre de réadaptation Lucie-

Bruneau Cybercodeur


Ressources sur l’accessibilité des sites Web

World Wide Web Consortium (W3C) W3CQuébec BrailleNet AccesibilitéWeb Accesiweb


Pour conclure…

Un exemple à voir absolument:

Le site « Accès simple de la ville de Montréal »


Les 5 étapes de production

Analyse de la situation Conception du matériel Production Mise à l’essai/application Évaluation-révision


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




Quelques exemples…

37

Fichier :

Texte : polices, taille, couleur

Point d’ancrage :

Fond d’écran :

Objets :

Nom de page :

Images :

Liens :

Adresse :

38

Fichier : index.htm


Point d’ancrage :

Fond d’écran : Bleu poudre

Objets :

Nom de page : Bienvenue

Images :

Bienvenue

Portfolio numérique de Jacques Viens

Contexte

Pourquoi un portfolio numérique

Présentation et accès aux travaux

Liens :

Accueil Explications Liste des travaux Plan du site

Bilan personnel

Barre de navigation : Arial, 12 pts, bleu/fond vertLigne 1 : Arial, 18 pts, bleuLigne 2 : Arial, 24 pts, bleuAutre ligne : Arial, 18 pts, bleuDernière ligne : Arial , 8 pts, noir

Dernière modification : XY janvier 2005 Travail pratique Cours PPA1114o FSE Université de Montréal

Bouton de navigation « précédent »Bouton de navigation « suivant »

Images/Soleil.jpg

Barre de navigation 1: Accueil : NON actif Explications : expli.htm Liste des travaux : listetravaux.htm Plan du site : plan.htmContexte : contexte.htmPourquoi : expli.htmAccès aux travaux : listetravaux.htmBilan personnel : bilanperso.htmMe contacter : mailto:[email protected]

Me contacter

Adresse : base

39

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éaliserce travail.

Fichier : TP2.htm


Point d’ancrage :

Fond d’écran : jaune

Objets :

Nom de page : MonTP2

Images :

L’évaluation de 2 ressources numériques

Liste des ressources visitées

Évaluation d’Adibou 2

Évaluation du site « La main à la pâte » Liens :


Barre de navigation : Arial, 12 pts, bleu/fond vertLigne 1 : Arial, 18 pts, bleuPar. 1-2 : Arial, 16 pts, noirAutres lignes : Arial, 18 pts, bleuDernière ligne : Arial , 8 pts, noir



Barre de navigation 1: Accueil : ../index.htm Explications : ../expli.htm Liste des travaux : ../listetravaux.htm Plan du site : ../plan.htmRessources visitées : listevisitee.htmAdibou 2 : ficheadibou.docLa main à la pâte : fichemainpate.docMa grille : grilleeval.htmJ’ai appris : apprisTP2.htm

Ce que j’ai appris

Adresse : TP2/

Ma grille d’évaluation

40

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é

Fichier : evaluation.htm


Point d’ancrage :

Fond d’écran : rose

Objets :

Nom de page : evaluationTP3

Images :

L’évaluation de mon scénario

Les points forts

Les points faibles

Liens :


Barre de navigation : Arial, 12 pts, bleu/fond vertLigne 1 : Arial, 20 pts, bleuLigne 2,3 et 7 : Arial, 18 pts, noir



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.docGrille d’observation : grilleTP3.docforts : resultats.htm#fortsfaibles : resultats.htm#faiblesmodifications : resultats.htm#modif

Adresse : TP3/evaluation/

Les modifications à apporter

Les résultats de la mise à l’essai ../../images/sherlock.jpg


Consignes

Consulter attentivement le site de Luc Van Lancker

Lecture pour alimenter votre vision des TICGoupil G. (2000)

http://www.caslt.org/research/portfolio3.htm Poursuivre votre blog et votre TP2

Documents

1 Cours PPA1114 Semaine 5. Catherine Bertrand, Jacques Viens et Hajer Chalghoumi2 Hiver 2006 Plan du cours - Exercice sur les composantes de lordinateur