« STIC:STIC I - exercice 5 (Utopia) » : différence entre les versions
m (→Tâche) |
|||
| Ligne 12 : | Ligne 12 : | ||
* Etudier les exemples drag and drop dans le tutoriel [[JQuery_UI#Drag_and_drop_avec_jQuery_UI|JQuery UI]] | * Etudier les exemples drag and drop dans le tutoriel [[JQuery_UI#Drag_and_drop_avec_jQuery_UI|JQuery UI]] | ||
'''Rediriger une page avec JavaScript''' | |||
window.location = "http://tecfa.unige.ch"; | |||
=== Tâche === | === Tâche === | ||
| Ligne 17 : | Ligne 20 : | ||
'''Deadline''': Minuit, jeudi 29 janvier 2014 | '''Deadline''': Minuit, jeudi 29 janvier 2014 | ||
(1) Faites une application JavaScript/JQuery qui implémente | (1) Faites une application JavaScript/JQuery qui implémente une application pédagogique "drag and drop" que vous avez conçue vous-même. | ||
* Vous pouvez (mais ne devez pas) reprendre le code des exemples discuté en cours. | * Vous pouvez (mais ne devez pas) reprendre le code des exemples discuté en cours. Il faut veiller à bien introduire l'utilisateur à la tâche. Cela peut se faire avec une page d'entrée qui explique le contexte et donne éventuellement une petite aide (mais cette dernière peut aussi se placer dans la page pour le "jeu"). Note: Il est possible d'utiliser une seule page HTML (à condition que ses éléments changent, plus difficile à implémenter). | ||
Le sujet de l'application doit être en rapport avec une thématique "MALTT" | Le sujet de l'application doit être en rapport avec une thématique "MALTT" | ||
| Ligne 38 : | Ligne 41 : | ||
* Vous pouvez utiliser du "artwork" externe (mais pas plus que 66 %) | * Vous pouvez utiliser du "artwork" externe (mais pas plus que 66 %) | ||
* Vous pouvez utiliser et/ou adapter du code JavaScript/JQuery fabriqué par d'autres, mais vous devez le citer et vérifier les droits. | |||
* Vous devez citer les sources ! | * Vous devez citer les sources ! | ||
Version du 8 décembre 2014 à 21:02
Objectifs
- Apprendre à créer des applications de type "drag and drop" avec JQuery
- La notion "d'application" JavaScript.
En salle de clase
- Etudier les exemples drag and drop dans le tutoriel JQuery UI
Rediriger une page avec JavaScript
window.location = "http://tecfa.unige.ch";
Tâche
Deadline: Minuit, jeudi 29 janvier 2014
(1) Faites une application JavaScript/JQuery qui implémente une application pédagogique "drag and drop" que vous avez conçue vous-même.
- Vous pouvez (mais ne devez pas) reprendre le code des exemples discuté en cours. Il faut veiller à bien introduire l'utilisateur à la tâche. Cela peut se faire avec une page d'entrée qui explique le contexte et donne éventuellement une petite aide (mais cette dernière peut aussi se placer dans la page pour le "jeu"). Note: Il est possible d'utiliser une seule page HTML (à condition que ses éléments changent, plus difficile à implémenter).
Le sujet de l'application doit être en rapport avec une thématique "MALTT"
(2a) Documentez brièvement votre code HTML/JavaScript en insérant les informations suivantes en haut du code JavScript ou HTML (c-a-d à un endroit stratégique approprié que tout le monde peut repérer)
- Auteur
- Date
- Objectifs et utilisation (soyez très courts)
- Crédits (si nécessaire, par exemple pour images et clip art réutilisé)
(2b) Documentez également les passages difficiles du code JavaScript
(3) Participez au wiki selon les instructions donnés dans le programme du cours.
(4) Faites un rapport (voir aussi ci-dessous)
Ressources externes
- Vous pouvez utiliser du "artwork" externe (mais pas plus que 66 %)
- Vous pouvez utiliser et/ou adapter du code JavaScript/JQuery fabriqué par d'autres, mais vous devez le citer et vérifier les droits.
- Vous devez citer les sources !
A rendre
Le dispositif (code source et swf) est à mettre en ligne avec un petit rapport qui se trouvera ici:
/etu-maltt/______/____/stic-1/ex5
Cette page de rapport doit inclure:
- Auteur et date
- Objectifs, ce que le dispositif est censé faire.
- Pas de longue explication de la production, mais un petit (!) résumé des étapes.
- Difficultés
- Auto-évaluation
- Références
- Un lien vers le dispositif Flash (source)
- Un lien vers le dispositif Flash (swf et/ou HTML)
- Un lien vers vos contributions wiki ou alternativement un résumé en une phrase plus un lien vers votre home page wiki. Il faut que l'on sache ce qu'il faut compter pour chaque exercice sans jouer aux détectives.
N'oubliez pas la contribution wiki obligatoire
Evaluation
Voir la grille dans Moodle
Aide
Utilisez la page discussion de cette page pour poser des questions.
Pour insérer un nouveau titre, utilisez simplement le "+".
Important: Si vous cliquez sur l'étoile ("Ajouter cette page à votre liste de suivi"), le wiki vous enverra un mail après chaque modification de la page.