« STIC:STIC II - projet webmaster » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
mAucun résumé des modifications
Aucun résumé des modifications
Ligne 1 : Ligne 1 :
{{stic12}}
{{stic12}}
== Le projet STIC II - Atelier Webmaster ==
<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>


Cet exercice vous permet:
== Introduction ==
* De consolider vos connaissances sur le choix, l'installation, la configuration (et éventuellement) l'adaptation d'un portail
* De mener à bien un petit projet éducatif (ou similaire) qui nécessite l'utilisation d'un site web interactif


===Choix entre deux projets===
Le projet Webmaster est une activité intégrée dans les cours STIC I et STIC II qui se compose de :


Deux types de projets possibles :
* Ateliers techniques obligatoires les lundi matin des périodes en présences 2, 3, 4, 5 et 6
* Une présentation du projet en classe lors de la période 6
* Le rendu d'un exercice dans le cadre du cours STIC II qui résume tout le travail fait au fil de l'année


# '''Portail''' (choix de base) : focus sur les contenus, l'architecture de l'information, le partage des ressources, etc.
=== Connaissances/compétences envisagées ===
# '''Application''' (choix à option) : focus sur le développement web, desktop ou embedded devices


==Projet 1 : portail==
Les thèmes du projet webmaster peuvent varier selon les volées, mais en général le projet consiste à créer une application/site web qui puisse être intégré dans un contexte pédagogique et qui exploite les technologies web. Pour atteindre cet objectif, différents outils et technologies sont présentés au fils des ateliers techniques. À l'issue du projet webmaster, vous devez avoir acquis les connaissances/compétences suivantes :


Imaginez un projet qui nécessite un portail (blog, wiki, LMS, plateforme sociale, CMS, etc.) et une activité/scénario d'utilisation spécifique.
* Comprendre le fonctionnement d'une application web multi-utilisateur
 
* Savoir imaginer différentes rôles et permissions pour les différents acteurs qui utilisent l'application (e.g. administrateur, enseignants, étudiants, ...)
Implémentez le projet (option 1) :
* Comprendre les différents éléments qui composent une application complexe (e.g. fichiers physiques, bases de données, ...)
* '''Installez et configurez''' un portail
* Savoir identifier le type de technologie qui mieux s'adapte aux objectifs de l'application (e.g. portail, application mobile, logiciel web, ...)
* Éditez la page d'accueil
* Pouvoir installer des applications open-source et les configurer pour ses propres objectifs (e.g. WordPress, MediaWiki, Moodle, ...)
* Ajouter du contenu (c-a-d soutenir une activité/scénario d'utilisation)
* S'appuyer sur des outils qui facilite le développement d'un point de vue individuel et/ou collectif (e.g. ligne de commande, [[Git et GitHub]])
 
;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éfinit 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/wall-e/____/stic-2/ex16/
Exemple:
/web/etu-maltt/wall-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/wall-e/dupond/stic-2/portail/
  Ce qui donne l'URL http://tecfaetu.unige.ch/projets/wall-e/dupond/stic-2/portail/
 
Pour des raisons de sécurité, il sera uniquement accessible depuis l'université ou par VPN
 
'''(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 de la dernière semaine en présence (P6) - à communiquer si le lundi dans le cadre du dernier atelier ou le vendredi dans STIC II
* 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.'''
 
==== Rendu ====
 
Votre projet finalisé doit être disponible selon les modalités de rendu (voir plus haut) avant la date limite pour rendre les exercices de la dernière période du MALTT.
 
 
[[Category:STIC]]

Version du 2 mai 2017 à 16:41

Cette page fait partie des cours STIC I et STIC II

STIC

Introduction

Le projet Webmaster est une activité intégrée dans les cours STIC I et STIC II qui se compose de :

  • Ateliers techniques obligatoires les lundi matin des périodes en présences 2, 3, 4, 5 et 6
  • Une présentation du projet en classe lors de la période 6
  • Le rendu d'un exercice dans le cadre du cours STIC II qui résume tout le travail fait au fil de l'année

Connaissances/compétences envisagées

Les thèmes du projet webmaster peuvent varier selon les volées, mais en général le projet consiste à créer une application/site web qui puisse être intégré dans un contexte pédagogique et qui exploite les technologies web. Pour atteindre cet objectif, différents outils et technologies sont présentés au fils des ateliers techniques. À l'issue du projet webmaster, vous devez avoir acquis les connaissances/compétences suivantes :

  • Comprendre le fonctionnement d'une application web multi-utilisateur
  • Savoir imaginer différentes rôles et permissions pour les différents acteurs qui utilisent l'application (e.g. administrateur, enseignants, étudiants, ...)
  • Comprendre les différents éléments qui composent une application complexe (e.g. fichiers physiques, bases de données, ...)
  • Savoir identifier le type de technologie qui mieux s'adapte aux objectifs de l'application (e.g. portail, application mobile, logiciel web, ...)
  • Pouvoir installer des applications open-source et les configurer pour ses propres objectifs (e.g. WordPress, MediaWiki, Moodle, ...)
  • S'appuyer sur des outils qui facilite le développement d'un point de vue individuel et/ou collectif (e.g. ligne de commande, Git et GitHub)
Récupérée de « https://edutechwiki.unige.ch/fmediawiki/index.php?title=STIC:STIC_II_-_projet_webmaster&oldid=70517 »