[home] -> [Programme du cours]

Atelier Webmaster de site pédagogique

Lieu
TECFA, Faculté de Psychologie et des Sciences de l'Education
40, bd. du Pont d'Arve , 1205 , Genève

Dates:
me 5 sept, lu 24 à ve 29 sept 2001

Programme: mercredi - lundi - mardi - mercredi - jeudi - vendredi - - résumé - matériel - animateurs - PDF - logiciels et liens

Organisation
TECFA, Université de Genève
Service de formation continue, Université de Genève

Animateurs
Dr. Daniel Schneider , TECFA, Université de Genève
Barbara Class , TECFA, Université de Genève
Olivier Clavel , TECFA, Université de Genève
Catherine Frété , TECFA, Université de Genève
Vivian Synteta , TECFA, Université de Genève

Description:

Cet atelier propose une introduction pratique à la conception et à la réalisation technique de dispositifs pédagogiques faisant usage d'Internet. Ce programme est provisoire et doit être finalisé en fonction du profil des participants.

Objectifs:

Conception d'enseignements avec Internet
Gestion de projets pédagogiques et informatiques
Les composantes de sites pédagogiques
Réalisation de documents Web
Conception de pages interactives
Bases de données Internet
Communication et espaces virtuels
Serveurs pédagogiques, Portails d'information et Campus Virtuels
Conception et dévelopement d'outils interactifs qui caractérisent classes et campus virtuels(tests on-line avec feedback immédiats, gestion et installation de forums, formulaires d'inscriptions avec une base de données simple, contenus structurés avec XML.)

Horaires:
9:00 à 17:00

Programme de cours

Programme: Top - mercredi - lundi - mardi - mercredi - jeudi - vendredi - résumé
mercredi - 5/9/2001
Salle M-6342 10:00-10:15	Acceuil (10:00-10:15) Café et croissants (DKS, CF, OC)
Salle M-5141 10:15-12:00	Introduction (10:15-11:30) Enseigner avec Internet: Les grandes écoles (DKS) (11:30-12:00) Présentations (DKS) Matériaux de cours: Le rôle de l'Internet dans la formation , PDF file , PS réduit , (transparents)
Salle M-5141 12:00-12:45	Introduction à Internet et le WWW (12:00-12:15) Fonctionnement d'Internet (DKS) (12:15-12:45) Aspects techniques du WWW (DKS) Matériaux de cours: Fonctionnement de Internet , PDF file , PS réduit , (transparents) Aspects techniques du WWW , PDF file , PS réduit , (transparents)
Pause
Salle M-6383 14:00-17:00	"Hands on" HTML et FTP (14:00-15:00) Premiers pas en HTML avec AceHTML (HTML de base) (DKS, OC, CF) (15:00-15:30) FTP avec AceFTP (OC, DKS, CF) (16:30-17:00) Liens HTML (DKS, OC, CF) Matériaux de cours: Introduction à HTML , PDF file , PS réduit , (transparents) Activités HTML avec AceHTML , PDF file , PS réduit , (activités) Page ressource HTML (CD) Le guide rapide du langage HTML (Barebones) , Text file Bare Bones Guide to HTML Manuel HTML TECFA Introduction à FTP , PDF file , PS réduit , (transparents)
Programme: Top - mercredi - lundi - mardi - mercredi - jeudi - vendredi - résumé
lundi - 24/9/2001
Salle M-3141 9:00-9:30	Introduction (9:00-9:30) Présentation du programme (DKS)
Salle M-3141 9:30-10:30	Concepts I: Design et Ergonomie de sites Web (9:30-10:10) L'organisation d'un site simple, ergonomie et "usability" (DKS ) (10:10-10:30) Feuilles de style (DKS ) Matériaux de cours: Design d'un site Web simple , PDF file , PS réduit Cascading Style Sheets , PDF file , PS réduit
Pause
Salle M-6383 (salle PC) 11:00-12:30	HTML I: "Hands on" construction d'un site (11:00-11:45) Faire un petit site (liens HTML et navigation) (VS, DKS, CF) (11:45-12:30) Feuilles de style CSS (DKS, VS, CF) Matériaux de cours: Introduction à HTML , PDF file , PS réduit , (transparents) Cascading Style Sheets , PDF file , PS réduit Activités HTML avec AceHTML , PDF file , PS réduit , (activités) Photocopies résumé CSS Logiciel HTMLTidy , permet de nettoyer un fichier HTML selon plusieurs options Activités: Activités A et B du document Activités Webmaster ( PDF ) Description: Fil rouge des activités (Fin) Activités HTML avec Ace HTML Description: Voir chap 7: Créer un mini-site pédagogique. Conseils plus détaillés pour faire la coquille d'un petit site pédagogique qui hébergera certains services, cours etc.
Pause de midi
Salle M-3141 14:00-15:30	XML I: Introduction (14:00-14:30) Le "XML framework" (DKS ) (14:30-15:15) Introduction technique à XML (VS ) (15:15-15:30) XML client-side avec CSS (DKS, VS) Matériaux de cours: Cascading Style Sheets , PDF file , PS réduit , transparents Introduction conceptuelle à XML et DOM , PDF file , PS réduit , transparents Introduction technique à XML , PDF file , PS réduit , transparents Gestion de projets , Exemple d'une application web avec XML Fichier source pour le programme de l'atelier (cette page)
Pause
Salle M-6383 (salle PC) 16:00-17:00	XML II: "Hands on" édition XML (16:00-17:00) Initiation à l'édition XML avec exemple "cahier des charges" (DKS, OC, VS) Matériaux de cours: Documentation de la DTD cahier des charges , PDF file , PS réduit DTD cahier des charges , DTD XSLT cahier des charges , Feuille de style XSLT Fichier test XML , Télécharger avec Save AS ! Exemple de visualisation du fichier test XML , Test Activités: Activité F (Edition d'un fichier XML) du document Activités Webmaster ( PDF ) Description: Fil rouge des activités
Programme: Top - mercredi - lundi - mardi - mercredi - jeudi - vendredi - résumé
mardi - 25/9/2001
Salle M-6383 (salle PC) 9:00-10:30	Concepts II: Types de formations (9:00-10:30) Outils pédagogiques pour l'élaboration d'un cours (BC) Matériaux de cours: Outils pédagogiques pour l'élaboration d'un cours , PDF file , PS réduit , transparents Activité liée au module Outils pédagogiques pour l'élaboration d'un cours , PDF file , PS réduit , transparents Etudes de cas , (pas sur le CD!) De l'éducation présentielle à l'éducation distancielle: quelques concepts et études de cas , Format PDF
Pause
Salle M-6383 (salle PC) 11:00-12:30	HTML II: Pages interactives (11:00-12:30) "Hands on" création de formulaires HTML (OC) Matériaux de cours: Un simple quiz , Fichier HTML / point de départ pour les activités Activités HTML/PHP , PDF file , PS réduit , Première partie des transparents uniquement pour cette session. L'autre partie sera utilisée l'après-midi. Formulaires HTML , PDF file , PS réduit , A titre d'information supplémentaire, éventuellement utilisé pour clarifier quelques points si necessaire. Activités: Activité C du document Activités Webmaster ( PDF ) Description: Fil rouge des activités
Pause de midi
Salle M-3141 14:00-15:30	HTML IIIa / CGI: Traitement "server-side" de formulaires (14:00-14:15) Le "Common Gateway Interface" (CGI) (DKS) (14:15-15:00) Introduction au langage PHP (OC) (15:00-15:30) Traiter le formulaire avec PHP (OC) Matériaux de cours: Introduction à CGI , PDF file , PS réduit , transparents Introduction à PhP , PDF file , PS réduit , transparents Traitement de formulaires avec PhP , PDF file , PS réduit , transparents Activités HTML/PHP , PDF file , PS réduit , (suite) Un simple quiz II Code php de la page de traitement du quiz
Pause
Salle M-6383 (salle PC) 15:45-17:00	HTML IIIb: "Hands on" HTML et PHP (15:45-17:00) Traitement d'un formulaire (OC, DKS, CF, VS) Activités: Activité D du document Activités Webmaster ( PDF ) Description: Fil rouge des activités
Programme: Top - mercredi - lundi - mardi - mercredi - jeudi - vendredi - résumé
mercredi - 26/9/2001
Salle M-3141 9:00-10:30	SQL Ia: Introduction avec MySQL et Php (9:00-9:45) Le langage SQL (OC ) (9:45-10:30) MySQL avec PHP (OC ) Matériaux de cours: Introduction à Mysql , PDF file , PS réduit MySQL - PHP , PDF file , PS réduit , (première partie seulement)
Pause
M-6383 (salle PC) 11:00-11:30	SQL Ib: "Hands on" MySQL avec PhP (11:00-11:30) Création d'un "livre d'or" avec PHP et MySQL (OC, VS, DKS) Matériaux de cours: MySQL - PHP , PDF file , PS réduit , Deuxième partie des transparents (activité) Répertoire des fichiers exemples Structure de la table 'comments' utilisée pour l'exemple Version démo du livre d'or , Regardez cet exemple pour vous inspirer. Activités: Activité E du document Activités Webmaster ( PDF ) Description: Fil rouge des activités	Salle M-3141 11:00-12:30	Analyse en vue d'introduire Internet dans l'Education (11:00-12:00) Introduction de l'Innovation (BC) (12:00-12:30) Discussion / application (BC, DKS) Matériaux de cours: Introduction de l'innovation technologique dans l'éducation , PDF file , PS réduit , transparents TIE Activités: Etape 3 (étude des besoins) selon Etapes du projet
Pause de midi
Salle M-3141 14:00-15:15	XML IIIa (14:00-14:45) Les DTD (VS) (14:45-15:15) Pratique DTD avec crayon et papier (VS, DKS) Matériaux de cours: Introduction technique à XML , PDF file , PS réduit , transparents Activités: Activité G (Conception d'un vocabulaire XML) du document Activités Webmaster ( PDF ) Description: Fil rouge des activités
Pause
Salle M-6383 (salle PC) 15:30-17:00	XML IIIb: "Hands on" ingénierie de structures (DTD) (15:30-16:15) Elaboration d'un DTD (DKS, VS, OC) (16:15-17:00) Test et raffinement d'un DTD (DKS, VS, OC) (16:30-17:00) Mise en page de XML avec CSS (facultatif) (DKS, VS, OC) Matériaux de cours: Activitiés conception d'un DTD Introduction technique à XML , PDF file , PS réduit , transparents Cascading Style Sheets , PDF file , PS réduit , transparents Pointeurs XML , Voir surtout la section DTD's, schemas, ... Activités: Activité H (Réalisation d'un DTD) du document Activités Webmaster ( PDF ) Description: Fil rouge des activités
Programme: Top - mercredi - lundi - mardi - mercredi - jeudi - vendredi - résumé
jeudi - 27/9/2001
Salle M-3141 9:00-10:30	Concepts III: "Open learning" et Communication médiatisée par ordinateur (9:00-9:30) Conception d'une formation ouverte ( DKS) (9:30-10:00) Communication médiatisée par ordinateur (DKS) (10:00-10:30) Introduction aux environnements virtuels (DKS) Matériaux de cours: Support d'un enseignement présentiel , PDF file , PS réduit , (transparents) La communication médiatisée par ordinateur , PDF file , PS réduit , (transparents) La communication asynchrone , PDF file , PS réduit , (transparents) Les environnements virtuels multi-utilisateurs dans l'éducation , PDF file , PS réduit , (transparents) Introduction technique au MOO , PDF file , PS réduit , (transparents)
Pause
Salle M-6383 (salle PC) 11:00-12:30	Plateformes I: "Hands" on CMO (11:00-11:30) Démo MOO (DKS, OC) (11:30-12:30) Démo Forums et Portails (DKS, VS, CF) Matériaux de cours: phpNuke Jahia démo , (login portail) PhPWebLog Démo , (login portail) notes d'installation phpweblog , (Pour lire cela il faut NS 6, Mozilla ou IE5.5) Page Portails @ TECFA TECFA MOO connections , (connections simples avec applets Java) Phorum (Pangea) , NE PAS poster de messages SVP Group test du serveur NTTP de TECFA , (poster comme vous voulez) Introduction technique au MOO , PDF file , PS réduit , (transparents)
Pause de midi
Salle M-3141 14:00-15:00	XML IVa: Transformations et server-side XML (14:00-15:00) XSLT, XPath (VS ) Matériaux de cours: Introduction technique à XSLT + XPath , PDF file , PS réduit , (transparents)
Pause
M-6383 (salle PC) 15:15-17:00	XML IVb: "Hands on" XML + XSLT (15:15-17:00) XML vers HTML (VS, OC) Matériaux de cours: Feuilles de style pour programme.xml , Voir les .xsl Matériaux de cours:* Fichier bat pour le traitement en lot , à titre d'exemple! Activités: Reprendre le fichier test de votre DTD XML Activités: Activité I (Feuille de style XSLT) du document Activités Webmaster ( PDF ) Description: Fil rouge des activités	15:15-17:00	"Hands on" PHP II (15:15-17:00) Enregistrer des données avec PHP (DKS, OC, CF)
Programme: Top - mercredi - lundi - mardi - mercredi - jeudi - vendredi - résumé
vendredi - 28/9/2001
Salle M-3141 9:00-10:00	Concepts IV: Le cours à distance (9:00-9:30) Modularisation de contenus dans un cours à distance (BC ) (9:30-10:00) Le système WebCT (BC ) Matériaux de cours: Elaboration d'un cours à distance , PDF file , PS réduit , (transparents) WebCT: Environnement d'apprentissage intégré , PDF file , PS réduit , (transparents) Activités: Activité J (Conception et organisation d'un e-cours) du document Activités Webmaster ( PDF ) Description: Fil rouge des activités
Salle M-6383 (salle PC) 10:00-10:30	Plateformes II: "Hands on" WebCT A (10:00-10:30) Familiarisation avec la plateforme (BC, CF, VS)
Pause
Salle M-6383 (salle PC) 11:00-12:30	Plateformes II: "Hands on" WebCT B (11:00-12:30) Authoring d'un petit exemple avec la plateforme (BC, CF, VS) Matériaux de cours: Activités WebCT , PDF file , PS réduit , (transparents)
Pause de midi
Salle M-3141 (salle PC) 14:00-16:00	Conception de campus virtuels et ressources sur Internet (14:00-14:30) La recherche sur Internet (DKS) (14:30-15:00) Portails spécialisés et sites intéressants (CF) (15:00-16:00) Présentations et discussion (BC, DKS, CF, VS) Matériaux de cours: Surfer et chercher sur Internet , PDF file , PS réduit , transparents Liste de portails et sites pédagogiques Ressources technologies éducatives Pointeurs Internet général	M-6383 (salle PC) 14:00-16:00	Plateforme IV : "Hands on" configuration et installation de serveurs (14:00-16:00) Installation de Apache/PhP/MySQL/ (OC) Matériaux de cours: Installation Apache-php-MySQL , PDF file , PS réduit , Transparents définition de la table 'comments' pour l'exemple php-mysql à tester Matériaux de cours: Répertoire software , (temporaire!) Activités: Activité K (Installation et configuation d'un serveur Web) du document Activités Webmaster ( PDF ) Description: Fil rouge des activités
Pause
Salle M-3141 16:30-17:00	Conclusion et suite (16:30-17:00) Discussion (DKS)

Top - mercredi - lundi - mardi - mercredi - jeudi - vendredi -

Logiciels les plus importants utilisés dans le cours:

Veuillez consulter la documentation. Elle liste la quasi-totalité des logiciels contenus sur le CD.

AceHTML , Editeur de structure HTML/CSS (version gratuite de HTMLExpert)
Acroread , Lecteur PDF (gratuit)
AceFTP , Outil FTP pour transférer des fichiers depuis et vers un serveur
Tidy , Nettoyeur,correcteur et vérificateur de code HTML
Merlot , Editeur de structure pour XML "DTD aware" (gratuit)
Mozilla , Version développement de Netscape 6.1x
WinZip , Outil d'archivage/desarchivage pour formats zip, tar/gz, etc. - shareware

Atelier Webmaster de site pédagogique

Logiciels les plus importants utilisés dans le cours:

Liens: