STIC:STIC II - exercice 16 (Zelda)

Cette page fait partie des cours STIC I et STIC II

STIC

Pour le programme de vendredi 8 mai de 9h30 à 12h30 se référer à l'espace Moodle de 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 un petit projet de développement de votre choix, mais qui doit être concordé à l'avance

  On pourra vous aider techniquement seulement si vous choisissez

  • JavaScript / Node.js (voir par exemple JavaScript sur le serveur)
  • R (voir Pensée computationnelle avec R en construction)

• 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

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. Certains 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/zelda/____/stic-2/ex16/

Exemple:

/web/etu-maltt/zelda/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éveloppez 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, lister les plugins/thèmes/... externes utilisés, etc.

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/zelda/dupond/stic-2/portail/
 Ce qui donne l'URL http://tecfaetu.unige.ch/projets/zelda/dupond/stic-2/portail/

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

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.

Attention : Si vous utilisez un hébergeur externe, il faudra quand même faire une installation manuelle sur le serveur tecfaetu.unige.ch du même type de portail utilisé pour le projet. Par contre, vous pouvez configurer et adaptez seulement la version sur l'hébergeur externe.

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.

• Voir quelques conseils pour vos présentations

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. Voir par exemple :

• Enregistrer un diaporama powerpoint
• Screencast-O-Matic

Rendu

Date limite pour rendre l'exercice : Lundi 22 Juin 2020 à 12h00

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.