Voir la source de STIC:STIC II - exercice 16 (Xerneas)

{{stic archive}}
<categorytree mode="pages" depth="0" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">STIC</categorytree>

== Introduction ==

Cet exercice complète l'activité du [[STIC:STIC II - projet webmaster|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 [[STIC:STIC_II_-_projet_webmaster#Pr.C3.A9sentation_du_projet|Présentation du projet]])

===Choix entre deux projets===

Deux types de projets possibles :

# '''Portail''' (choix de base) : focus sur les contenus, l'architecture de l'information, le partage des ressources, etc.
# '''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 [[STIC:STIC_II_-_projet_webmaster#Pr.C3.A9sentation_du_projet|quelques conseils pour vos présentations]]

==== Rendu ==== 

{{ bloc important | 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). 

[[Category:STIC]]