STIC:STIC II (R2D2)

Cette page fait partie des cours STIC I et STIC II

Sciences et Technologies de l'information et de la communication

STIC

Archives STIC

Chantier STIC

Initiation à la pensée computationnelle avec JavaScript

Productions STIC

Ressources STIC

STIC:Ateliers techniques

STIC:Contribution Wiki

STIC:Cours STIC (Drakkar)

STIC:Rapport STIC I et II

STIC:STIC I (Drakkar)

STIC:STIC I - Atelier technique 1

STIC:STIC I - Atelier technique 2

STIC:STIC I - Atelier technique 3

STIC:STIC I - Atelier technique 4

STIC:STIC I - Atelier technique 5

STIC:STIC I - exercice 1 (Drakkar)

STIC:STIC I - exercice 2 (Drakkar)

STIC:STIC I - exercice 3 (Drakkar)

STIC:STIC I - exercice 4 (Drakkar)

STIC:STIC I - exercice 5 (Drakkar)

STIC:STIC I - exercice 6 (Drakkar)

STIC:STIC II (Baldur)

STIC:STIC III

STIC:STIC III (2022)

STIC:STIC III (2022)/Exploration des Problématiques Liées aux Ponts et Détails

STIC:STIC IV

Plan de cours pour STIC II (semestre de printemps), promotion "Pixel 2009-2010", Master of Science in Learning and Teaching Technologies (MALTT)

Daniel K. Schneider avec Stéphane Morand

Le domaine STIC (Sciences et Technologies de l'information et de la communication) comprend deux cours obligatoires (STIC-I et STIC-II). STIC-II est une suite de STIC-I.

Plan période 4

Bases de données

• Web databases (slides DKS en Anglais). Rappel du principle CGI, page exécutables, le modèle des trois tiers, etc.

• SQL and MySQL tutorial (EduTechWiki Anglais)

Alternatives/compléments

• Introduction à MySQL (transparents DKS)
• PHP and MySQL (chapitres 8 et 9, même chose version anglaise).
• PHP et MySQL (Transparents DKS)

PHP

• Utilisation de générateurs d'interface pour MySQL
• Utilisation de librairies PHP (visite de sites)
  • HotScripts
  • PhPClasses (il faut s'enregistrer).

Web 2.0 Widgets

• Utilisation d'un widget code (copier/coller du code html/js)
• Tim O'Reilly (2005). What Is Web 2.0 Design Patterns and Business Models for the Next Generation of Software. Lecture conseillée.
• Seminaire Mons2007 sur web social / e-learning 2.0 (contient des ressources et des liens vers des pages intéressantes de edutechwiki anglais)

Activités et exercices

Liste d'exercices:

• Exercice 10 (Simples bases de données avec Web 2.0 + contribution wiki)
• Exercice 11 (SQL + contribution wiki)
• Exercice 12 (MySQL + PHP + contribution wiki)

A rendre: dimanche soir avant la semaine de la période 5.

Plan période 5

Modélisation d'activités pédagogiques / Learning Design

Objectifs:

• Comprendre le concept de "educational modelling language" dans le contexte d'une modélisation d'activités
• Connaître les principes de learning design
• Savoir utiliser au moins un outil (LAMS ou Reload)

• Pages edutechwiki:
  • langage de modélisation pédagogique / en:Educational design language
  • en:Learning design
  • en:Educational modeling language
  • LAMS / LAMS (rappel)
  • coUML / en:coUML (une extension de en:UML)

• Slides DKS
  • Langages de design pédagogiques (INRP, 2009)
  • La norme learning design (PDF) - La norme learning design (HTML)
  • Educational modeling languages (ICOOL 2007)

JavaScript et DOM

Objectifs:

• Se familiariser avec les différents niveaux de DOM
• Apprendre qqs. éléments du langage ECMAScript (le coeur de JavaScript)
• Connaître l'utilité de JavaScript dans le dispositifs Internet
• Savoir écrire un simple programme JS
• Savoir utiliser du code JavaScript (le sélectionner, comprendre les instructions, etc.)

• Pages edutechwiki avec des liens JavaScript (en), JavaScript et DOM (en)

Activités et exercices

(A confirmer ....)

• Exercice 13 (Learning design + contribution wiki)
• Exercice 14 (Javascript/DOM + contribution wiki)
• Exercice 15 (Librairies javascript + contribution wiki)

A rendre: dimanche soir avant la semaine de la période 6.

Plan période 6

Standards de documentation et balisage pédagogique de contenus

• eLesson Markup Language (eLML)
• Futur XHTML 2: nouvelles balises et organisation modulaire
• Standards de documentation: en:DocBook et en:DITA
• Standards e-books en:e-book

Dialogue avec l'utilisateur / expression régulières

• DOM (suite) / Validation de formulaires et analyses de réponses
• Programmes de conversation (agents)

Activités et exercices

(A confirmer ....)

• Exercice 16 (Standards de documentation + contribution wiki)
• Exercice 17 (Expressions régulières + contribution wiki)
• Exercice 18 (Article edutechwiki libre + contribution wiki)

A rendre: Le dernier délai pour la remise des notes est une semaine avant la date où on doit rendre les notes. Voir le Calendrier académique de la FPSE!. A priori c'est le 11 juin (à vérifier)

Formats des travaux, evaluation et assistance

Les travaux vous amèneront à acquérir les bases techniques et conceptuelles pour la réalisation de dispositifs en ligne. L'évaluation des étudiants se fera essentiellement par ce biais.

En règle générale, un exercice consiste à faire un dispositif informatique.

(1) Le dispositif doit être opérationnel pour un certain public cible (que vous définissez). Il doit fonctionner sur un plan technique et sur un plan ergonomique et il doit répondre à un petit cahier des charges en rapport avec une thématique «MALTT». Pour obtenir une note maximale il est indispensable de fournir également un très bon travail conceptuel (en rapport avec les thèmes MALTT plus théoriques par exemple).

(2) Chaque exercice est accompagé d'une page d'introduction et qui comprend un petit rapport. Ce rapport doit inclure (selon des instructions plus précises données pour chaque exercice) des liens vers un dispositif, des fichiers etc. Il doit également lister vos contributions wiki pour cet exercice.

(3) Pour chaque période il faut faire au moins trois contributions wiki, c-a-d au moins une par exercice. On vous conseille de faire des contributions qui sont en rapport proche ou lointain avec un exercice. Chaque contribution est comptabilisé avec un exercice. Une bonne contribution (brouillon d'un nouvel article ou amélioration d'un article existant) donne un 1/2 point. Une contribution plus maigre donne 1/4 de point.

Espace travaux

je vous demande de placer vos travaux dans des répertoires précis. Une page d'accueil et qui comprend le rapport doit les accompagner.

Voici le schéma à utiliser pour la page d'accueil / rapport

/etu-maltt/nestor/login/stic/exXX/

Par exemple:

/etu-maltt/nestor/dupont/stic/ex1/welcome.html

ou

/etu-maltt/nestor/duran/stic/ex4/welcome.php

Il est donc obligatoire d'utiliser un fichier que le serveur Web reconnaît comme “index”

Machine: tecfa.unige.ch

Répertoire web: /web

Important: Chaque page déposée sur notre serveur doit être datée et signée avec votre page travail ou encore votre home page !

Consultez aussi les instructions en ce qui concerne votre “espace travaux” sur le WWW. http://tecfa.unige.ch/tecfa/teaching/staf10/survival.html

Assistance

Pour chaque exercice, utilisez la page discussion associée à chaque page

Procédure:

• Cliquez sur le "tab" discussion en haut de la page
• Pour ajouter un nouveau sujet, cliquez sur le "+"
• Pour répondre à un sujet, éditez la section en question.

Evaluation

Règles pour la promotion “Pixel”:

• Vous seriez principales évalués sur travaux. Vous devez rendre tous les exercices. Il faut les rendre dans les délais indiqués et tout retard non justifié sera pénalisé (demandez un délai si vous avez des arguments).
• Ensuite vous pouvez gagner un petit bonus pour une participation active dans les forums du wiki. (A ne pas confondre avec la participation obligatoire dans la rédaction wiki).

Barèmes (à titre indicatif)

• Une note de 5.5 correspond à un travail "parfait" (sur un plan technique et conceptuel) mais sans originalité particulière plus une contribution wiki intéressante. Pour avoir un 6 il faut ajouter une haute dose d'originalité plus un rapport qui correspond aux normes académiques plus une contribution wiki intéressante.
• Une note de 5 correspond à un travail qui satisfait globalement aux attentes et a donc atteint les objectifs fixés (1 crédit = 30h de travail apprenant). Elle comprend une contribution wiki très minimaliste et un rapport relativement maigre.
• Une note de 4.5 correspond à un travail qui satisfait globalement aux attentes, un rapport relativement maigre, pas de contribution au wiki.
• Une note de 4 correspond à un travail minimaliste (copier/coller, peu de contenu, code cassé, etc.).
• Une note de 3 (ou moins) correspond à un travail insuffisant

Tout travail inachevé ou en retard peut être rendu hors délais mais sa note n'excédera pas 5 (1 point de pénalité) afin de ne pas pénaliser les étudiant(e)s ayant fait l'effort de respecter l'échéancier. Notez aussi que chaque page déposée sur notre serveur doit être datée et signée et elle doit se trouver à l'endroit indiqué (1/2 point de pénalité) !

Faites attention à bien lire l'énoncé et n'oubliez pas le rapport ! C'est le produit (dispositif + page d'accueil/rapport) qui sera évalué (ni vos efforts ni vos connaissances en informatique). Placer des fichiers à des mauvais endroits entrâinera une pénalité !

On vous demande également de fournir un effort conceptuel qui dépasse l'exercice technique. Vous avez même la possibilité de «revendre» un dispositif fait pour STIC dans un des autres cours et inversément. Il faut simplement respecter les contraintes enoncés des 2 côtés.

Sources

Pour vos exercices, vous avez le droit de reprendre des idées et des bouts de code, mais vous devez indiquer la source (nom de l'auteur + URL) à la fois dans votre code et dans votre rapport et indiquer ce que vous avez modifié. L'originalité sera primée et tout plagiat non-anoncé sera puni !

Je me réserve le droit de vous interroger sur la provenance du code utilisé. Vous avez même le droit d'utiliser des fragments de code que vous ne comprenez pas, par exemple des classes PHP, mais à condition de l'indiquer clairement ! Pareil pour votre contribution wiki: faites attention aux copyrights !

Pondérations pour le calcul de la note finale

Note finale = moyenne + bonus participation en ligne

Il n'y a pas d'examen. Toutfois il existe la possibilité de discuter à la fin des cours du bilan de votre travail. Il s'agira aussi de la dernière occasion pour mettre en cause une note injustifiée (par rapport aux autres).

Feedback / Corrections

Voir dans Moodle. On utilisera Moodle uniquement pour donner du feedback. N'utilisez pas ses forums etc.

Ressources

Edutechwiki français

Catégorie Technologies

Edutechwiki anglais, par exemple

La catégorie technologies

Web application et Portalware (un des objectifs du cours et de vous montrer les éléments constituants d'une application Internet: Formats, scripting et base de données)

Category e-learning tools

Category XML

List d'éditeurs XML (en anglais)

STIC Zéro (Initiation MALTT)

Kit de survie

Moodle