STIC:STIC II - exercice 16 (Yoshi)

De EduTech Wiki
Aller à la navigation Aller à la recherche

Cette page fait partie des cours STIC I et STIC II

Introduction

Cet exercice complète l'activité du Projet Webmaster et vous permet de :

  • Consolider vos connaissances sur le choix, l'installation, la configuration (et éventuellement) l'adaptation d'un portail
  • Mener à bien un petit projet éducatif (ou similaire) qui nécessite l'utilisation d'un site web interactif
  • Présenter/faire une démo de votre projet (voir Présentation du projet)

Choix entre deux projets

Deux types de projets possibles :

  1. Portail (choix de base) : focus sur les contenus, l'architecture de l'information, le partage des ressources, etc.
  2. Application (choix à option) : focus sur le développement web, desktop ou embedded devices

Projet 1 : portail

Imaginez un projet qui nécessite un portail (blog, wiki, LMS, plateforme sociale, CMS, etc.) et une activité/scénario d'utilisation spécifique.

Implémentez le projet (option 1) :

  • Installez et configurez un portail
  • Éditez la page d'accueil
  • Ajouter du contenu (c-a-d soutenir une activité/scénario d'utilisation)
Exemples
  • Portail communautaires pour enseignants du primaire - partage de ressources sur la lecture
  • Portail d'enseignement pour une institution universitaire - cours sur la cuisine
Tip
  • Commencez par écrire une petite spécification: A quoi sert le portail, à qui, et définissez au moins une activité/scénario d'utilisation en plus de détails.
Objectifs du projet
  • Compétences pratiques dans la mise en place de portail/CMS utilisés souvent dans la "réalité"
  • End-user content
Ressources
  • Voir volées précédentes

Projet 2 : application

Imaginez une application qui puisse être utilisée dans un contexte d'apprentissage ou partage de connaissances/données utiles à l'apprentissage.

Implémentez le projet (option 2) :

  • Implémentez une application avec Node.js, Express.js, Socket.io ou Electron
  • Vous avez assez de liberté sur le type et le support de l'application (web, mobile, desktop, Internet of Things, ...)
Exemples
  • Application qui favorise l'apprentissage collaboratif en temps réel (chat avec fonctionnalités, etc.)
  • Application qui permet à l'enseignant de déterminer le contenu qui s'affiche sur les écrans des étudiants
  • RESTful API qui permet le partage des données (par exemple depuis des capteurs/senseurs)
Tip
  • Privilegiez une application simple mais fonctionnelle et bien structurée à une application avec plusieurs "features" mais qui ne sont pas abouties
Objectifs du projet
  • Compétences fondamentales sur le fonctionnement des applications web (requête/réponse, protocoles, etc.)
  • Explorer des nouvelles technologies à appliquer au contexte de l'apprentissage
Ressources

Critères d'évaluation

Dispositif

(1) Le portail

  • Qualité du portail (à discuter)
  • Est-ce qu'il correspond aux besoins ?
  • Est-ce qu'il y a des contenus et/ou activités ?

(2) L'application

  • Qualité de l'application (est-ce que ça marche ?)
  • Est-ce qu'elle correspond aux besoins ?

Grille d'évaluation

Le projet Webmaster sera évalué en utilisant la même grille d'évaluation que d'habitude. Certaines critères peuvent être adaptés selon le type d'application rendus.

Charge de travail pour le projet

Le projet compte comme tout autre exercice de STIC, ce n'est donc pas un projet au même titre des projets ERGO II, VIP II, ou COMEL II. Néanmoins, en raison du fait que la charge de travail pour le cours STIC II est en général plus faible que pour STIC I, on s'attend à un projet bien défini et bien réalisé.

Technologies

  • Le portail doit être installé sur le serveur de TECFA ou chez un autre hébergeur
  • On conseille d'utiliser soit une architecture LAMP soit Node.js (c.f. les articles Node.js, Express.js et Socket.io)

Utilisation de ressources

Vous pouvez réutiliser du matériel libre de droits ou des productions à vous (par exemple des animations de STIC-1 si elles sont de qualité). Exemple: Apprentissage du Japonais.

A rendre

Un rapport

Même structure que d'habitude pour les exercices STIC, voir STIC:Rapport STIC I et II.

Placez le ici (vue SFTP):

tecfaetu.unige.ch
/web/etu-maltt/yoshi/____/stic-2/ex16/

Exemple:

/web/etu-maltt/yoshi/dupond/stic-2/ex16/

En particulier pour cet exercice :

  • Dans les objectifs, identifiez non seulement le public cible, mais également les différents rôles que vous prévoyez pour votre portail/application (e.g. administrateur, modérateur, utilisateur avec droit d'écriture, ...)
  • Dans la partie design, illustrez les différences entre ces rôles et justifiez-les (e.g. modération d'un forum pour éviter du flaming, accès restreint pour éviter du spam, ...)
  • Développé un peu plus que d'habitude la partie production : vous pouvez faire une liste des étapes principales de la mise en place de votre dispositif

Contribution Wiki

Contribution commune à la période, comme pour les autres exercices STIC. Si possible, faire une contribution en relation avec votre projet (d'un point de vue technique ou théorique).

Dispositif

Portail

Si vous utilisez le serveur de TECFA, le portail doit être installé à un endroit particulier

 /web/projets/yoshi/dupond/stic-2/portail/
 Ce qui donne l'URL http://tecfaetu.unige.ch/projets/yoshi/dupond/stic-2/portail/

Pour des raisons de sécurité, il sera uniquement accessible depuis l'université ou par VPN.

Attention: si vous voulez montrer du travail que vous avez fait au niveau de l'administration de votre portail (e.g. plugin, modération, ...) ou qui nécessite d'un accès restreint, pensez à créer et nous communiquer par EMAIL un login/pass que vous pouvez ensuite effacer après les corrections.

Application/Alternative

À discuter selon le type d'application. En ligne général, un répositoire GitHub est le choix le plus simple.

Délais

Le projet Webmaster se compose de deux tâches :

  • Une présentation obligatoire, mais non évaluée, lors du vendredi de la dernière semaine en présence (P6)
  • Le rendu de votre projet dans le cadre du cours STIC II (évalué comme tout autre exercice) en tant qu'exercice de la dernière période de l'année (à rendre avant la fin des examens)

Présentation

Pour la présentation on ne s'attend pas forcément à ce que vous puissiez présenter votre projet totalement fonctionnel, mais il faudra tout de même présenter quelque chose. Le plus votre projet sera abouti, le plus vous aurez des feedback utiles par vos collègues et/ou l'équipe STIC. Si vous n'avez pas un projet fonctionnel, pensez à produire des prototypes, slides, etc. qui montrent ce que vous comptez faire.

  • Durée de la présentation : 5 minutes (pas plus!)
  • Discussion : de 5 à 10 minutes
La présentation est obligatoire, mais elle n'est pas évaluée.

Si vous êtes absents: il faudra produire une vidéo de votre présentation (screencast/capsule vidéo/...) de la durée de 5 minutes, ce qui équivaut au travail que vos collègues auront fait pendant le cours en présence. La vidéo doit être rendue disponible dans la discussion du Forum Moodle dédiée aux projets webmaster.

Rendu

Date limite pour rendre l'exercice : mercredi 12 juin à 12:00

Cette date n'est pas négociable car nous devons rendre les notes au secrétariat. Elle est donc valable également pour tout exercice non rendu pendant le semestre.

Attention : si vous ne rendez pas un ou plusieurs exercices avant cette date, ou vous rendez un ou plusieurs exercices après cette date, ils seront automatiquement notés avec un 0. Pour éviter ceci, vous devez nous annoncer (email à M. Schneider, en copie Mattia et Stéphane) que vous vous inscrivez à la session de rattrapage. Toute exercice rendu pendant la session de rattrapage est pénalisé d'un point sur la note finale, cette pénalité peut être évitée en concordant un travail supplémentaire avec M. Schneider (voir la page du cours pour plus d'info).

Aide

Discussion de cette page

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") situé en haut de la page à droite, le wiki vous enverra un mail après chaque modification de la page.