« STIC:STIC I (Tetris) » : différence entre les versions
mAucun résumé des modifications |
|||
| (28 versions intermédiaires par 2 utilisateurs non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
{{ | {{stic_archive}} | ||
<categorytree mode="pages" depth="1" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">STIC</categorytree> | <categorytree mode="pages" depth="1" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">STIC</categorytree> | ||
| Ligne 7 : | Ligne 7 : | ||
'''Enseignants''': [[Utilisateur:Daniel K. Schneider|Daniel K. Schneider]] avec [http://tecfa.unige.ch/perso/morands/ Stéphane Morand] | '''Enseignants''': [[Utilisateur:Daniel K. Schneider|Daniel K. Schneider]] avec [http://tecfa.unige.ch/perso/morands/ Stéphane Morand] | ||
Plan de cours, promotion '''Tetris 2013-2014''', [http:// | Plan de cours, promotion '''Tetris 2013-2014''', [http://tecfalabs.unige.ch/maltt/ Master of Science in Learning and Teaching Technologies] (MALTT). | ||
Ce cours fait partie du [[STIC:Cours STIC|domaine STIC]] (Sciences et Technologies de l'information et de la communication). Il comprend deux cours obligatoires: STIC-I et [[STIC:STIC_II|STIC-II]] plus deux UF libres ([[STIC:STIC III|STIC-III]] / [[STIC:STIC IV|STIC-IV]]). | Ce cours fait partie du [[STIC:Cours STIC|domaine STIC]] (Sciences et Technologies de l'information et de la communication). Il comprend deux cours obligatoires: STIC-I et [[STIC:STIC_II|STIC-II]] plus deux UF libres ([[STIC:STIC III|STIC-III]] / [[STIC:STIC IV|STIC-IV]]). | ||
Objectifs d'apprentissage du cours STIC I (promotion R2D2): | |||
* | * Créer des animations et visualisations | ||
* | * Créer des applications interactives | ||
* | * Acquérir des notions de base de la programmation (avec JavaScript et ActionScript) | ||
* Participer à un environnement collectif (ce wiki) | |||
* Télécharger, installer et configurer des applications sur PC et sur un serveur Web | |||
* Lire de la documentation technique, chercher et trouver des ressources | |||
Ces deux cours STIC I/II sont complétés par des séances '''Atelier WebMaster''' obligatoires, les lundis matin des semaines 2, 3, 5 et 6. On couvrira les sujets suivants: | Ces deux cours STIC I/II sont complétés par des séances '''Atelier WebMaster''' obligatoires, les lundis matin des semaines '''2, 3, 5 et 6'''. On couvrira les sujets suivants: | ||
* Installation et configuration de Apache/PHP/MySQL | * Installation et configuration de Apache/PHP/MySQL | ||
* Installation et configuration de portails (e-learning, wikis, etc.) | * Installation et configuration de portails (e-learning, wikis, etc.) | ||
* Un projet "Webmaster" sera évalué dans le cadre du cours STIC-II | * Un projet "Webmaster" sera évalué dans le cadre du cours STIC-II | ||
'''Pages discussion:''' | |||
* [http://edutechwiki.unige.ch/api-en/last-discussion-changes-STIC.php Liste des derniers messages] | |||
== Plan période 1 == | == Plan période 1 == | ||
Regardez chaque | Regardez chaque exercice pour plus de détails (y compris tous les matériaux d'enseignement) | ||
=== Web Design, HTML, CSS et JavaScript === | === Web Design, HTML, CSS et JavaScript === | ||
L'objectif de | L'objectif de ce projet est (1) de consolider les acquis de l'atelier d'initiation, (2) savoir utiliser des "librairies" JavaScript, (3) perfectionner vos connaissances en CSS, (4) Principes du web design. | ||
* [[:STIC:STIC I - exercice 1 | Exercice 1]] ( | * [[:STIC:STIC I - exercice 1 | Exercice 1]] Webdesign (HTML, CSS, utilisation de JavaScript, Wiki, services de création de sites en ligne, et utilisation d'un schéma XML) | ||
=== Introduction à Flash === | === Introduction à Flash === | ||
L'objectif de ce projet est d'apprendre les bases de Flash: Dessin, animation, clips, et navigation avec des boutons et savoir créer un petit dispositif à vocation pédagogique. | |||
* [[:STIC:STIC I - exercice 2 | Exercice 2]] Simple application Flash (navigation et animation) | * [[:STIC:STIC I - exercice 2 | Exercice 2]] Simple application Flash (navigation et animation), contribution wiki, rapport. | ||
Notice: Cet exercice combine les exercices 2 et 3 des volés R2D2 et Stella | Notice: Cet exercice combine les exercices 2 et 3 des volés R2D2 et Stella | ||
| Ligne 43 : | Ligne 47 : | ||
== Plan période 2 == | == Plan période 2 == | ||
(''' | === Dispositif et organisation du cours BASES === | ||
* Installer [http://cmap.ihmc.us/download/ IHMC CmapTools]. Freeware, multi-platforme, par Joseph D. Novak (l'inventeur des cartes conceptuelles, Institute for Human and Machine Cognition (IHMC). | |||
* [[Bases psychopédagogiques des technologies éducatives]]''' | |||
* [[STIC:Introduction à l'usage des cartes conceptuelles]] | |||
* [http://tecfa.unige.ch/tecfa/talks/schneide/cerah2010/cerah-talk-2011-schneider.pdf slides] | |||
* Articles [[carte conceptuelle]] et la [[Théorie de Novak sur les cartes conceptuelles]] | |||
* la [[vidéographie]] | |||
* [[Production de fichiers vidéo pour le web]] | |||
=== Introduction à Flash interactif === | |||
Objectifs principaux: Algorithmique de base, propriétés manipulables d'un clip, instantiation de clips, utilisation de librairies externes, (vidéos augmentés). | |||
* [[:STIC:STIC I - exercice 3 | Exercice 3]] Production d'une application Flash interactive | |||
=== Introduction à la production de vidéos pour le web === | |||
Objectifs principaux: Standards vidéo pour Internet, Production de vidéographies, Vidéo dans HTML5, Ajout de sous-titres | |||
* [[:STIC:STIC I - exercice 4 | Exercice 4]] Production d'une vidéo annoté avec HTML5 ou Flash | |||
* [[:STIC:STIC I - exercice 4 | Exercice 4]] | |||
== Plan période 3 == | == Plan période 3 == | ||
Cette période reprend surtout les thèmes de la période 2: Interactivité et ActionScript. On introduira également un autre type d'animation (inverse kinematics) | Cette période reprend surtout les thèmes de la période 2: Interactivité et ActionScript. On introduira également un autre type d'animation (inverse kinematics) | ||
; Programme | ; Programme | ||
* [[STIC:STIC I - Atelier technique 2]] | |||
* Corrections période 1 | * Corrections période 1 | ||
* [[:STIC:STIC I - exercice 5 | Exercice 5]] (Drag and Drop) | |||
* [[:STIC:STIC I - exercice 6 | Exercice 6]] (Projet Animation Flash libre) | |||
* [[:STIC:STIC I - exercice | |||
* [[:STIC:STIC I - exercice | |||
== Format et règlement du cours == | == Format et règlement du cours == | ||
| Ligne 77 : | Ligne 88 : | ||
# Un ou plusieurs '''dispositifs''' informatiques. Un dispositif doit répondre à certains objectifs et viser un public cible (que vous définissez). Il doit fonctionner sur les plans techniques et ergonomiques. Il doit répondre à un petit cahier des charges en rapport avec une thématique «MALTT». | # Un ou plusieurs '''dispositifs''' informatiques. Un dispositif doit répondre à certains objectifs et viser un public cible (que vous définissez). Il doit fonctionner sur les plans techniques et ergonomiques. Il doit répondre à un petit cahier des charges en rapport avec une thématique «MALTT». | ||
# Un '''rapport''' qui décrit votre démarche | # Un '''rapport''' qui décrit votre démarche | ||
# Une '''participation''' à ce wiki. Le thème doit avoir un rapport vague avec le sujet du cours: logiciels interactifs sur Internet avec Flash, HTML/JavaScript, SVG/JavaScript, Java, etc. Le contenu peut être technique, conceptuel, éditorial, ajout de liens | # Une '''participation''' à ce wiki. Le thème doit avoir un rapport vague avec le sujet du cours: logiciels interactifs sur Internet avec Flash, HTML/JavaScript, SVG/JavaScript, Java, etc. Le contenu peut être technique, conceptuel, éditorial, ajout de liens, etc. | ||
Pour obtenir une note maximale, il est indispensable de fournir un bon travail conceptuel et de ne pas négliger les 2 composants d'écriture | Pour obtenir une note maximale, il est indispensable de fournir un bon travail conceptuel et de ne pas négliger les 2 composants d'écriture (rapport et wiki) | ||
=== Que faire si vous maîtrisez déjà un sujet ou toute la matière ? === | === Que faire si vous maîtrisez déjà un sujet ou toute la matière ? === | ||
| Ligne 91 : | Ligne 102 : | ||
Voici le schéma à utiliser pour la page d'accueil / rapport | Voici le schéma à utiliser pour la page d'accueil / rapport | ||
/etu-maltt/R2D2/''login''/stic/exXX/ | /etu-maltt/R2D2/''login''/stic-1/exXX/ | ||
Par exemple: | Par exemple: | ||
/etu-maltt/querty/dupont/stic/ex1/welcome.html | /etu-maltt/querty/dupont/stic-1/ex1/welcome.html | ||
ou | ou | ||
/etu-maltt/R2D2/duran/stic/ex4/welcome.php | /etu-maltt/R2D2/duran/stic-1/ex4/welcome.php | ||
Il est donc obligatoire d'utiliser un fichier que le serveur Web reconnaît comme “index” | Il est donc obligatoire d'utiliser un fichier que le serveur Web reconnaît comme “index” (welcome.html, index.html, welcome.php, etc.). Veuillez utiliser des minuscules !! | ||
:Machine: '''tecfaetu.unige.ch''' | :Machine: '''tecfaetu.unige.ch''' | ||
:Répertoire web: '''/web/etu-maltt/ | :Répertoire web: '''/web/etu-maltt/tetris/''login''/stic-1/ex''..''''' | ||
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 ! | 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. | Consultez aussi les instructions en ce qui concerne votre “espace travaux” sur le WWW. | ||
| Ligne 120 : | Ligne 130 : | ||
=== Evaluation et règles de participation === | === Evaluation et règles de participation === | ||
'''Règles générales pour la promotion " | '''Règles générales pour la promotion "Tetris":''' | ||
# Vous seriez principalement évalués sur travaux individuels. Vous devez rendre tous les exercices, c.a.d. | # Vous seriez principalement évalués sur travaux individuels. Vous devez rendre tous les exercices, c.a.d. 6 exercices pour STIC I et 7 (à confirmer) pour STIC II. Il faut les '''rendre dans les délais indiqués''' (normalement avant le début de la période suivante) et tout retard non justifié sera pénalisé (demandez un délai si vous avez des arguments). | ||
# La plupart des exercices consiste à faire un dispositif. Il sera évalué selon les critères indiqués dans chaque exercice. | # La plupart des exercices consiste à faire un dispositif. Il sera évalué selon les critères indiqués dans chaque exercice. | ||
# Pour chaque exercice (sauf le 1) vous '''pouvez gagner | # Pour chaque exercice (sauf le 1) vous '''pouvez gagner ou perdre des points pour la (non) participation'''dans le wiki ('''en dehors''' des pages énonçant les exercices et les pages discussion !!!). | ||
# Chaque exercice doit être accompagné par un petit rapport. | # Chaque exercice doit être accompagné par un petit rapport. | ||
# Tout travail ou toute composante non-indexé(e) '''ne sera pas évalué'''. Vous devez donc faire des liens corrects depuis votre page travail (XML) et | # Tout travail ou toute composante non-indexé(e) '''ne sera pas évalué'''. Vous devez donc faire des liens corrects depuis votre page travail (XML) vers la page rapport, et depuis chaque rapport vers '''chaque''' dispositif et vers vos contributions wiki. | ||
# Finalement vous pouvez gagner un petit bonus pour une participation active dans les forums (assistance à vos collègues). Ce bonus sera attribué à la fin de chaque cours. | # Finalement vous pouvez gagner un petit bonus pour une participation active dans les forums (assistance à vos collègues). Ce bonus sera attribué à la fin de chaque cours. | ||
# Chaque page déposée sur notre serveur doit être '''datée et signée''' et elle doit se trouver '''à l'endroit exact indiqué''' (1/2 point de pénalité si ce n'est pas le cas) ! | # Chaque page déposée sur notre serveur doit être '''datée et signée''' et elle doit se trouver '''à l'endroit exact indiqué''' (1/2 point de pénalité si ce n'est pas le cas) ! | ||
| Ligne 135 : | Ligne 145 : | ||
* Une note de 5.5 correspond à un travail "parfait" (sur un plan technique et conceptuel) mais sans originalité. Pour avoir un 6 il faut ajouter une dose d'originalité plus un rapport qui correspond aux normes académiques. | * Une note de 5.5 correspond à un travail "parfait" (sur un plan technique et conceptuel) mais sans originalité. Pour avoir un 6 il faut ajouter une dose d'originalité plus un rapport qui correspond aux normes académiques. | ||
* Une note de 5 correspond à un travail qui satisfait globalement aux attentes et a donc atteint les objectifs fixés | * Une note de 5 correspond à un travail qui satisfait globalement aux attentes et a donc atteint les objectifs fixés. Un crédit ECTS vaut 25 à 30h de travail apprenant. Autrement dit, 3 jours de travail devraient suffire pour obtenir un 5). | ||
* Une note de 4 correspond à un travail minimaliste (copier/coller, peu de contenu, code cassé, etc.). | * 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 | * Une note de 3 (ou moins) correspond à un travail insuffisant | ||
| Ligne 143 : | Ligne 153 : | ||
'''Retards et travaux non rendus''' | '''Retards et travaux non rendus''' | ||
Tout travail inachevé ou en retard peut être rendu hors délais mais | Tout travail inachevé ou en retard peut être rendu hors délais mais recevera '''1 point de pénalité''' afin de ne pas pénaliser les étudiant(e)s ayant fait l'effort de respecter l'échéancier. | ||
A la fin du cours, '''une semaine avant la fin de la période officielle d'examens''', tout travail non-rendu (c.a.d. absent du répertoire de travaux) obtiendra '''la note de zéro'''. | A la fin du cours, '''une semaine avant la fin de la période officielle d'examens''', tout travail non-rendu (c.a.d. absent du répertoire de travaux) obtiendra '''la note de zéro'''. | ||
| Ligne 155 : | Ligne 165 : | ||
'''Fraudes''' | '''Fraudes''' | ||
Le plagiat (utilisation de matériaux non cités) '''sera puni'''. Rendre un travail fait entièrement par quelqu'un d'autre sera puni sévèrement, c.a.d. une note de zéro pour l'exercice en question. En outre, pour les cas de | Le plagiat (utilisation de matériaux non cités) '''sera puni'''. Rendre un travail fait entièrement par quelqu'un d'autre sera puni sévèrement, c.a.d. au moins une note de zéro pour l'exercice en question. En outre, pour les cas de plagiats sévères, on se réserve d'autres actions disciplinaires selon les règlements de la faculté. | ||
Vous pouvez vous faire aider, mais il faut l'indiquer dans le rapport. En plus vous devez maîtriser le produit rendu, être capable d'expliquer l'architecture du dispositif et de reproduire une version similaire. '''Je me réserve le droit de vous interroger sur la provenance du code et d'autres matériaux utilisés''' et de tester vos connaissances par d'autres moyens en cas de soupçon de fraude. | Vous pouvez vous faire aider, mais il faut l'indiquer dans le rapport. En plus, vous devez '''maîtriser le produit rendu''', être capable d'expliquer l'architecture du dispositif et de reproduire une version similaire. '''Je me réserve le droit de vous interroger sur la provenance du code et d'autres matériaux utilisés''' et de tester vos connaissances par d'autres moyens en cas de soupçon de fraude. | ||
A priori je vous fais confiance, mais un étudiant qui démontre une très faible connaissance technique en classe et qui en même temps rend des travaux de haute qualité technique risque une interrogation sur la provenance du travail et doit démontrer ses compétences par un autre type d'évaluation de type interrogation orale, quiz, etc. | A priori je vous fais confiance, mais un étudiant qui démontre une très faible connaissance technique en classe et qui en même temps rend des travaux de haute qualité technique risque une interrogation sur la provenance du travail et doit démontrer ses compétences par un autre type d'évaluation de type interrogation orale, quiz, etc. | ||
| Ligne 163 : | Ligne 173 : | ||
'''Conseils pour avoir une bonne note''' | '''Conseils pour avoir une bonne note''' | ||
Faites attention à bien lire l'énoncé et n'oubliez ni le rapport ni la '''contribution wiki'''! C'est le produit (dispositif + page d'accueil/rapport + contribution wiki) qui sera évalué | Faites attention à bien lire l'énoncé et n'oubliez ni le rapport ni la '''contribution wiki'''! C'est le produit (dispositif + page d'accueil/rapport + contribution wiki) qui sera évalué. On n'évalue ni vos efforts ni vos connaissances en informatique. Placer des fichiers à des mauvais endroits entraînera également 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 inversement. Il faut simplement respecter les contraintes énoncées des 2 côtés. | 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 inversement. Il faut simplement respecter les contraintes énoncées des 2 côtés. | ||
| Ligne 169 : | Ligne 179 : | ||
'''Rattrapage pour la séance de septembre''' | '''Rattrapage pour la séance de septembre''' | ||
Ceux qui ont eu une note insuffisante peuvent selon le règlement se présenter à la séance de rattrapage à la fin du semestre d'été. Vous avez le droit de rendre les mêmes exercices, mais avec une pénalité de retard de 1 point pour chaque exercice en retard. Si vous désirez par contre éviter cette pénalité je peux vous donner un travail supplémentaire. | Ceux qui ont eu une note insuffisante peuvent selon le règlement peuvent se présenter à la séance de rattrapage à la fin du semestre d'été. Vous avez le droit de rendre les mêmes exercices, mais avec une pénalité de retard de 1 point pour chaque exercice en retard. Si vous désirez par contre éviter cette pénalité je peux vous donner un travail supplémentaire de rattrapage. | ||
Les étudiants qui refont le cours l' | Les étudiants qui refont le cours l'annéesuivante ont le droit de présenter ou de reprendre/compléter des exercices faites l'année précédente, mais uniquement avec mon autorisation et s'ils sont similaires ! | ||
; Calcul de la note finale | ; Calcul de la note finale | ||
Pondérations pour le calcul de la note finale | Pondérations pour le calcul de la note finale | ||
Note finale = '''moyenne | Note finale = '''moyenne de tout les exercices''' + '''petit bonus participation en ligne''' | ||
Il n'y a donc pas d'examen. Toutefois il existe la possibilité de discuter le bilan de votre travail à tout moment ou à la fin des cours. Il s'agira aussi de la dernière occasion pour mettre en cause une note injustifiée | Il n'y a donc pas d'examen. Toutefois il existe la possibilité de discuter le bilan de votre travail à tout moment ou à la fin des cours. Il s'agira aussi de la dernière occasion pour mettre en cause une note que vous jugez injustifiée. Et pour rappel, je me réserve le droit de vous administrer d'autres évaluations en cas de soupçon de fraude. | ||
== Aide, feedback et corrections == | == Aide, feedback et corrections == | ||
| Ligne 199 : | Ligne 209 : | ||
** Ensuite, étudiez plusieurs exemples ! | ** Ensuite, étudiez plusieurs exemples ! | ||
** Ensuite, faites un schéma qui résume vos objectifs et qui comprend une idée de votre design (différent selon la tâche) | ** Ensuite, faites un schéma qui résume vos objectifs et qui comprend une idée de votre design (différent selon la tâche) | ||
* Evitez de faire trop de "tourisme google" ! La plupart de l'information nécessaire se trouve dans les | * Evitez de faire trop de "tourisme google" ! La plupart de l'information nécessaire se trouve dans les pages wikis et les liens sur les pages wiki. | ||
* Soyez organisés. Pas de b****l sur vos disques durs ni sur nos serveurs. Faites un planning pour tous les cours (par ex. avec un petit gestionnaire de tâches) ! | * Soyez organisés. Pas de b****l sur vos disques durs ni sur nos serveurs. Faites un planning pour tous les cours (par ex. avec un petit gestionnaire de tâches) ! | ||
* Apprenez les outils ( | * Apprenez les outils (wiki, éditeurs, outils auteurs etc.) et minimisez la complexité de vos projets si vous avez l'impression d'être débordé(e). | ||
- [[Utilisateur:Daniel K. Schneider|Daniel K. Schneider]] sept. 2011 | - [[Utilisateur:Daniel K. Schneider|Daniel K. Schneider]] sept. 2011 / 2013 | ||
== Matériel d'enseignement == | == Matériel d'enseignement == | ||
Vous trouverez une liste détaillée dans chaque page exercice. | |||
; Pages les plus importantes | |||
* [[:Catégorie:Ressources STIC]] | |||
; Flash | |||
* [[Tutoriels Flash]] (liste de tutoriels Flash) | * [[Tutoriels Flash]] (liste de tutoriels Flash) | ||
* [[EduTech_Wiki:Livres/Tutoriels_Flash|Livre PDF/Pediapress]] (mêmes pages, liste pour print-on-demand) | * [[EduTech_Wiki:Livres/Tutoriels_Flash|Livre PDF/Pediapress]] (mêmes pages, liste pour print-on-demand) | ||
* [[:Category: Tutoriels Flash]] (liste de tous les articles Flash) | * [[:Category: Tutoriels Flash]] (liste de tous les articles Flash) | ||
; Web | |||
* [[:Catégorie:Technologies web]] (peu de contenus) | |||
* [[:en:Web technology and web design tutorials]] | |||
Note: Chaque page exercice contiendra les liens les plus importants. | Note: Chaque page exercice contiendra les liens les plus importants. | ||
Dernière version du 23 septembre 2014 à 16:05
Cette page fait partie des archives des cours Cours STIC (STIC I, STIC II,STIC III,STIC IV)
Sciences et Technologies de l'information et de la communication
Enseignants: Daniel K. Schneider avec Stéphane Morand
Plan de cours, promotion Tetris 2013-2014, Master of Science in Learning and Teaching Technologies (MALTT).
Ce cours fait partie du domaine STIC (Sciences et Technologies de l'information et de la communication). Il comprend deux cours obligatoires: STIC-I et STIC-II plus deux UF libres (STIC-III / STIC-IV).
Objectifs d'apprentissage du cours STIC I (promotion R2D2):
- Créer des animations et visualisations
- Créer des applications interactives
- Acquérir des notions de base de la programmation (avec JavaScript et ActionScript)
- Participer à un environnement collectif (ce wiki)
- Télécharger, installer et configurer des applications sur PC et sur un serveur Web
- Lire de la documentation technique, chercher et trouver des ressources
Ces deux cours STIC I/II sont complétés par des séances Atelier WebMaster obligatoires, les lundis matin des semaines 2, 3, 5 et 6. On couvrira les sujets suivants:
- Installation et configuration de Apache/PHP/MySQL
- Installation et configuration de portails (e-learning, wikis, etc.)
- Un projet "Webmaster" sera évalué dans le cadre du cours STIC-II
Pages discussion:
Plan période 1
Regardez chaque exercice pour plus de détails (y compris tous les matériaux d'enseignement)
Web Design, HTML, CSS et JavaScript
L'objectif de ce projet est (1) de consolider les acquis de l'atelier d'initiation, (2) savoir utiliser des "librairies" JavaScript, (3) perfectionner vos connaissances en CSS, (4) Principes du web design.
- Exercice 1 Webdesign (HTML, CSS, utilisation de JavaScript, Wiki, services de création de sites en ligne, et utilisation d'un schéma XML)
Introduction à Flash
L'objectif de ce projet est d'apprendre les bases de Flash: Dessin, animation, clips, et navigation avec des boutons et savoir créer un petit dispositif à vocation pédagogique.
- Exercice 2 Simple application Flash (navigation et animation), contribution wiki, rapport.
Notice: Cet exercice combine les exercices 2 et 3 des volés R2D2 et Stella
Plan période 2
Dispositif et organisation du cours BASES
- Installer IHMC CmapTools. Freeware, multi-platforme, par Joseph D. Novak (l'inventeur des cartes conceptuelles, Institute for Human and Machine Cognition (IHMC).
- Bases psychopédagogiques des technologies éducatives
- STIC:Introduction à l'usage des cartes conceptuelles
- slides
- Articles carte conceptuelle et la Théorie de Novak sur les cartes conceptuelles
- la vidéographie
- Production de fichiers vidéo pour le web
Introduction à Flash interactif
Objectifs principaux: Algorithmique de base, propriétés manipulables d'un clip, instantiation de clips, utilisation de librairies externes, (vidéos augmentés).
- Exercice 3 Production d'une application Flash interactive
Introduction à la production de vidéos pour le web
Objectifs principaux: Standards vidéo pour Internet, Production de vidéographies, Vidéo dans HTML5, Ajout de sous-titres
- Exercice 4 Production d'une vidéo annoté avec HTML5 ou Flash
Plan période 3
Cette période reprend surtout les thèmes de la période 2: Interactivité et ActionScript. On introduira également un autre type d'animation (inverse kinematics)
- Programme
- STIC:STIC I - Atelier technique 2
- Corrections période 1
- Exercice 5 (Drag and Drop)
- Exercice 6 (Projet Animation Flash libre)
Format et règlement du cours
Ci-dessous on définit le format général des travaux, l'évaluation, règles concernant le plagiat et l'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 comprend trois composants:
- Un ou plusieurs dispositifs informatiques. Un dispositif doit répondre à certains objectifs et viser un public cible (que vous définissez). Il doit fonctionner sur les plans techniques et ergonomiques. Il doit répondre à un petit cahier des charges en rapport avec une thématique «MALTT».
- Un rapport qui décrit votre démarche
- Une participation à ce wiki. Le thème doit avoir un rapport vague avec le sujet du cours: logiciels interactifs sur Internet avec Flash, HTML/JavaScript, SVG/JavaScript, Java, etc. Le contenu peut être technique, conceptuel, éditorial, ajout de liens, etc.
Pour obtenir une note maximale, il est indispensable de fournir un bon travail conceptuel et de ne pas négliger les 2 composants d'écriture (rapport et wiki)
Que faire si vous maîtrisez déjà un sujet ou toute la matière ?
Ceux/celles qui ont des bonnes compétences techniques et qui maîtrisent déjà le sujet d'un exerice peuvent faire un exercice de substitution qui consiste à rédiger un tutoriel dans EduTechWiki français ou anglais. Me contacter.
Je peux également offrir aux informaticien(ne)s ou équivalent(e)s qui maîtrisent déjà Flash un programme totalement alternatif: soit écrire une série de tutoriels EduTechWiki sur un sujet en rapport avec la thématique globale du cours (applications interactives), soit développer un logiciel interactif sur Internet avec Flash, HTML/JavaScript, SVG/JavaScript, Java, etc. Je déconseille cette option, étant donné que le résultat ne correspondait souvent pas aux attentes. Me contacter !
Espace travaux
En règle générale, je vous demande de placer vos travaux dans des répertoires précis. Dans tous les cas, un travail doit toujours être accompagné d'une page d'accueil et qui comprend le rapport.
Voici le schéma à utiliser pour la page d'accueil / rapport
/etu-maltt/R2D2/login/stic-1/exXX/
Par exemple:
/etu-maltt/querty/dupont/stic-1/ex1/welcome.html
ou
/etu-maltt/R2D2/duran/stic-1/ex4/welcome.php
Il est donc obligatoire d'utiliser un fichier que le serveur Web reconnaît comme “index” (welcome.html, index.html, welcome.php, etc.). Veuillez utiliser des minuscules !!
- Machine: tecfaetu.unige.ch
- Répertoire web: /web/etu-maltt/tetris/login/stic-1/ex..
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.
Important: Dans le menu déroulant en haut (à côté de Auteurs), vous pouvez suivre une page ("Ajouter cette page à votre liste de suivi"). Dans ce cas, le wiki vous enverra un mail après chaque modification de la page en question. Je vous conseille de faire cela pour les pages discussion.
Evaluation et règles de participation
Règles générales pour la promotion "Tetris":
- Vous seriez principalement évalués sur travaux individuels. Vous devez rendre tous les exercices, c.a.d. 6 exercices pour STIC I et 7 (à confirmer) pour STIC II. Il faut les rendre dans les délais indiqués (normalement avant le début de la période suivante) et tout retard non justifié sera pénalisé (demandez un délai si vous avez des arguments).
- La plupart des exercices consiste à faire un dispositif. Il sera évalué selon les critères indiqués dans chaque exercice.
- Pour chaque exercice (sauf le 1) vous pouvez gagner ou perdre des points pour la (non) participationdans le wiki (en dehors des pages énonçant les exercices et les pages discussion !!!).
- Chaque exercice doit être accompagné par un petit rapport.
- Tout travail ou toute composante non-indexé(e) ne sera pas évalué. Vous devez donc faire des liens corrects depuis votre page travail (XML) vers la page rapport, et depuis chaque rapport vers chaque dispositif et vers vos contributions wiki.
- Finalement vous pouvez gagner un petit bonus pour une participation active dans les forums (assistance à vos collègues). Ce bonus sera attribué à la fin de chaque cours.
- Chaque page déposée sur notre serveur doit être datée et signée et elle doit se trouver à l'endroit exact indiqué (1/2 point de pénalité si ce n'est pas le cas) !
Barèmes
(voir aussi les critères d'évaluation annoncés pour chaque exercice)
- Une note de 5.5 correspond à un travail "parfait" (sur un plan technique et conceptuel) mais sans originalité. Pour avoir un 6 il faut ajouter une dose d'originalité plus un rapport qui correspond aux normes académiques.
- Une note de 5 correspond à un travail qui satisfait globalement aux attentes et a donc atteint les objectifs fixés. Un crédit ECTS vaut 25 à 30h de travail apprenant. Autrement dit, 3 jours de travail devraient suffire pour obtenir un 5).
- 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
- Une note de 2 est donné pour un travail très inachevé
- Une note de 0 sera donné pour un travail non rendu
Retards et travaux non rendus
Tout travail inachevé ou en retard peut être rendu hors délais mais recevera 1 point de pénalité afin de ne pas pénaliser les étudiant(e)s ayant fait l'effort de respecter l'échéancier.
A la fin du cours, une semaine avant la fin de la période officielle d'examens, tout travail non-rendu (c.a.d. absent du répertoire de travaux) obtiendra la note de zéro.
Sources et utilisation d'autres matériaux
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é. Il n'est pas autorisé de rendre un travail fait par quelqu'un d'autre "tel quel". Vous devez apporter une contribution propre.
Dans certains exercices, vous avez le droit d'utiliser des fragments de code que vous ne comprenez pas, par exemple des librairies ActionScript, des classes PHP ou des librairies JavaScript, mais à condition de l'indiquer clairement !
Fraudes
Le plagiat (utilisation de matériaux non cités) sera puni. Rendre un travail fait entièrement par quelqu'un d'autre sera puni sévèrement, c.a.d. au moins une note de zéro pour l'exercice en question. En outre, pour les cas de plagiats sévères, on se réserve d'autres actions disciplinaires selon les règlements de la faculté.
Vous pouvez vous faire aider, mais il faut l'indiquer dans le rapport. En plus, vous devez maîtriser le produit rendu, être capable d'expliquer l'architecture du dispositif et de reproduire une version similaire. Je me réserve le droit de vous interroger sur la provenance du code et d'autres matériaux utilisés et de tester vos connaissances par d'autres moyens en cas de soupçon de fraude.
A priori je vous fais confiance, mais un étudiant qui démontre une très faible connaissance technique en classe et qui en même temps rend des travaux de haute qualité technique risque une interrogation sur la provenance du travail et doit démontrer ses compétences par un autre type d'évaluation de type interrogation orale, quiz, etc.
Conseils pour avoir une bonne note
Faites attention à bien lire l'énoncé et n'oubliez ni le rapport ni la contribution wiki! C'est le produit (dispositif + page d'accueil/rapport + contribution wiki) qui sera évalué. On n'évalue ni vos efforts ni vos connaissances en informatique. Placer des fichiers à des mauvais endroits entraînera également 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 inversement. Il faut simplement respecter les contraintes énoncées des 2 côtés.
Rattrapage pour la séance de septembre
Ceux qui ont eu une note insuffisante peuvent selon le règlement peuvent se présenter à la séance de rattrapage à la fin du semestre d'été. Vous avez le droit de rendre les mêmes exercices, mais avec une pénalité de retard de 1 point pour chaque exercice en retard. Si vous désirez par contre éviter cette pénalité je peux vous donner un travail supplémentaire de rattrapage.
Les étudiants qui refont le cours l'annéesuivante ont le droit de présenter ou de reprendre/compléter des exercices faites l'année précédente, mais uniquement avec mon autorisation et s'ils sont similaires !
- Calcul de la note finale
Pondérations pour le calcul de la note finale Note finale = moyenne de tout les exercices + petit bonus participation en ligne
Il n'y a donc pas d'examen. Toutefois il existe la possibilité de discuter le bilan de votre travail à tout moment ou à la fin des cours. Il s'agira aussi de la dernière occasion pour mettre en cause une note que vous jugez injustifiée. Et pour rappel, je me réserve le droit de vous administrer d'autres évaluations en cas de soupçon de fraude.
Aide, feedback et corrections
Les enseignants ne répondent pas aux e-mail. Utilisez les pages discussion du wiki (une différente pour chaque exercice). Abonnez-vous aux fils RSS des pages discussion ou faites vous envoyer un mail par le wiki (cliquer sur l'étoile ou le bouton "suivre" en haut à droite). Vous pouvez automatiser ce processus dans les Préférences
Le feedback sera disponible dans Moodle (cours STIC I/STICII). Le module Moodle est uniquement ouvert aux participants et ne contient que les évaluations (feedback et notes).
Conseils
- Tenez-vous au courant. Regardez la page "discussion" pour chaque exercice avant de vous lancer ... et participez ! Abonnez-vous aux fils RSS des pages discussion ou faites vous envoyer un mail par le wiki (cliquer sur l'étoile ou le bouton "suivre" en haut à droite).
- Lisez soigneusement les instructions sur cette page et celles qui sont données pour chaque exercice. Notamment, soyez sûr(e)s:
- de comprendre la tâche
- de poser les fichiers au bon endroit (commencez tôt!)
- de faire l'inventaire des outils que vous pouvez utiliser
- d'explorer les ressources mises à disposition
- Planning
- Faites toujours un petit exercice avant de vous lancer dans vos mini-projets (par ex. finir ce qu'on a commencé en salle de classe !)
- Ensuite, étudiez plusieurs exemples !
- Ensuite, faites un schéma qui résume vos objectifs et qui comprend une idée de votre design (différent selon la tâche)
- Evitez de faire trop de "tourisme google" ! La plupart de l'information nécessaire se trouve dans les pages wikis et les liens sur les pages wiki.
- Soyez organisés. Pas de b****l sur vos disques durs ni sur nos serveurs. Faites un planning pour tous les cours (par ex. avec un petit gestionnaire de tâches) !
- Apprenez les outils (wiki, éditeurs, outils auteurs etc.) et minimisez la complexité de vos projets si vous avez l'impression d'être débordé(e).
- Daniel K. Schneider sept. 2011 / 2013
Matériel d'enseignement
Vous trouverez une liste détaillée dans chaque page exercice.
- Pages les plus importantes
- Flash
- Tutoriels Flash (liste de tutoriels Flash)
- Livre PDF/Pediapress (mêmes pages, liste pour print-on-demand)
- Category: Tutoriels Flash (liste de tous les articles Flash)
- Web
- Catégorie:Technologies web (peu de contenus)
- en:Web technology and web design tutorials
Note: Chaque page exercice contiendra les liens les plus importants.