Application Web

Description du Projet

Situation de départ

Fort de son expérience aux États-Unis, la volonté de l’enseignant pour ce cours de programmation a été de le rendre le plus interactif possible. Il propose le support de cours sous forme d’un ebook interactif et encourage la participation des étudiant-es à travers des exercices interactifs, des forums de discussions et des projets collaboratifs. 

Mise en place et déroulement du projet

L’ensemble du cours détaillé est proposé au travers d’un ebook interactif. Chacun des thèmes abordés dans le cours sont présentés de façon complète et structurée sur ce support qui peut se suffire à lui-même pour les étudiant-es décidant de suivre le cours sans venir en présentiel. Ce livre numérique contient un grand nombre de liens dynamiques. De plus, l’ensemble du contenu de ce livre a été rédigé par l’équipe enseignante mais peut-être complété et modifié en tout temps par les étudiant-es s’ils/elles souhaitent ajouter des notes ou des commentaires. En proposant l’ensemble de la structure du cours par chapitres et sous-chapitres, ce livre présente la théorie accompagnée d’illustrations, de tableaux, de syntaxes ou encore de vidéos.

Lors du cours en présentiel, l’enseignant appuie sa présentation sur un site web qu’il a développé proposant, pour chaque chapitre, du contenu théorique articulé avec des exercices pratiques. L’enseignant dispense donc dans un premier temps un exposé théorique sur un thème particulier, thème sur lequel porteront les exercices proposés ensuite. Les exercices autocorrectifs prennent la forme de QCM ou de morceaux de scripts à compléter. Cette méthode automatique offre la possibilité aux étudiant-es de demander des indices, d’obtenir la solution, de tester leurs idées ou/et de recommencer chaque exercice.

Pour certains chapitres, l’enseignant accompagne son exposé d’une application web qu’il a développé. Par exemple, dans le chapitre 2, il propose une application permettant de construire des rapports de façon automatique. Celle-ci propose de sélectionner l’objet que l’on souhaite ajouter (un tableau, une vidéo, un graphique, une image, etc.) et génère automatiquement le code et le document correspondant.

L’enseignant favorise également l’interaction en utilisant la plateforme questions/réponses Piazza (choisie entre autres pour son interactivité ainsi que sa capacité à publier du code bien formaté). Les étudiant-es sont invité-es à échanger sur cette plateforme en posant des questions sur les exercices qu’ils/elles ont à résoudre. Etudiant-es comme enseignant peuvent alors répondre aux différentes questions posées sous la forme d’un fil de discussion. Celui-ci comporte une seule réponse « étudiante » pouvant être éditée par toutes et tous et une seule réponse de l’enseignant. La suite de la discussion sur une question en particulier s’effectue à l’aide de l’outil de suivi de discussion. L’enseignant dédie 10% de l’évaluation du cours à une note de participation sur Piazza en fonction du nombre et de la pertinence des questions posées ainsi que des réponses proposées.

L’évaluation du cours porte sur trois éléments : la participation (10%), un devoir structuré (40%) et un projet collectif (50%). Le devoir et le projet s’effectuent en groupe de 3 ou 4 que les étudiant-es forment eux/elles-mêmes. Le devoir proposé est le même pour l’ensemble des groupes ; il s’effectue de manière collaborative sur la plateforme GitHub. Le projet consiste en la construction collective d’une application web. Le sujet est laissé à choix aux étudiant-es qui peuvent en sélectionner un dans leurs intérêts personnels (meilleur centre équestre, choisir un pays ou une ville pour faire la fête, quiz musical, optimisation d’un portfolio). Ils/elles doivent extraire des informations du web et développer une application. Chaque membre du groupe doit ensuite proposer une présentation personnelle du projet, expliquer son intérêt et en faire la promotion (possible sous forme de vidéo). L’évaluation porte principalement sur la programmation de l’application, la complexité du projet et la capacité à collaborer sous GitHub de manière professionnelle.

Retour et conseils sur la mise en place d'un tel projet

L’enseignant attire l’attention sur les difficultés techniques de la mise en place d’un tel format. En effet, la partie technique, telle que la gestion d’un serveur, peut s’avérer chronophage. Toutefois, l’avantage d’un tel investissement tient dans le fait que cela permet de réutiliser la plupart des outils créés pour les années suivantes.

Un autre avantage des outils choisis par l’enseignant pour ce cours tient dans le fait qu’ils s’ajustent très bien au public cible et à des différents contenus. Ils sont par exemple utilisés non seulement avec des étudiant-es de bachelor mais également avec des doctorant-es. En effet, l’enseignant utilise la même approche sur des contenus différents dans un cours dispensé dans le programme doctoral. Celui-ci intégre davantage de notions mathématiques que le cours de bachelor. Les doctorant-es disposent de codes et d’outputs pour créer les graphiques dont ils/elles peuvent avoir besoin lors de la publication d’un article. L’ensemble des éléments leur est fourni sur un site de sorte que le cours est une interaction entre présentiel et auto-formation sur le site grâce à des slides très complètes et des exercices. L’évaluation du cours consiste en la production d’un petit article leur permettant de faire le point sur leurs acquis et poser des questions sur ce qu’ils/elles n’ont pas compris.

Avis des étudiant-es

« I think the class is even better online, as it is possible to have everything in your computer screen and take screenshots of the codes when needed. I do not think the course lost any quality moving to digital, on the contrary! »

« Franchement très content d’avoir choisi ce cours ! Peut-être le seul du bachelor offrant des vrai skills pour notre future vie professionnelle. Une suite de ce cours d’introduction pourrait vraiment être intéressant ! »

« It was a really well-organized course with a completed syllabus and customized textbook for the lectures. I really enjoyed utilizing online platforms such as Piazza and Github which I will definitely consider using for future projects. Also, homework was quite challenging but very practical so I was able to learn how R is used in real-life projects. »for future projects. Also, homework was quite challenging but very practical so I was able to learn how R is used in real-life projects. »

Exemple de réalisation

Fichiers multimédias annexes

Ebook interactif Support de cours et exercices avec correction interactive Plateforme de travail Piazza Exemple d'application Web développée par l'enseignant Site dédié au cours de doctorat Tester Quiz Musical (name : "introds" / pass: "demo")