STIC:STIC II - exercice 16 (Xerneas)

STIC

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

• Exemples Express.js : https://github.com/mafritz/stic-1-express-essentials
• Exemples Socket.io : https://github.com/mafritz/stic-1-socket.io-essentials

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

(1) Un rapport

Même structure que d'habitude pour les exercices STIC.

Placez le ici (vue SFTP):

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

Exemple:

/web/etu-maltt/xerneas-e/dupond/stic-2/ex16/

(2) Contribution wiki

Contribution 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).

(3a) Le portail

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

 /web/projets/xerneas/dupond/stic-2/portail/
 Ce qui donne l'URL http://tecfaetu.unige.ch/projets/xerneas/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, ...) pensez à créer et nous communiquer par email un login/pass que vous pouvez ensuite effacer après les corrections.

(3b) Application

À 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 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.

• Voir quelques conseils pour vos présentations

Rendu

Date limite pour rendre l'exercice : Mardi 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).