POK 2 : Cours de html/css/js
- POK
- 2023-2024
- temps 2
- HTML
- CSS
- JS
- Paul Le Bihan
POK visant à m'approrpier la partie 'Trinité html/css/js' du cours 'Web' de Monsieur Brucker en repensant et étoffant le cours.
Introduction
Au cours de ce temps 2, comme je me considère comme un complet débutant en Web, je fais, sur le conseil de Monsieur François Brucker, la partie Trinité html/css/js de son cours[1]. Mon POK consiste a faire une analyse, forte en propositions, de ce cours.
Sommaire
Backlog avant-projet
Voici les tâches élémentaires qui composent ce POK (sachant que le suivi du cours en tant que tel constitue mon MON2.1 et mon MON2.2) :
| N° | Tâche | Temps prévisionnel | Temps passé | Avancée |
|---|---|---|---|---|
| 1 | Analyser l'organisation du cours (agencement des parties,...) | 2H | 0H | 0% |
| 2 | Réfléchir à une autre organisation si nécessaire | 2H | 0H | 0% |
| 3 | Analyser la clareté du cours (explications, présence d'exemples,...) | 2H | 0H | 0% |
| 4 | Proposer des reformulations voire des explications supplémentaires | 3H | 0H | 0% |
| 5 | Proposer des exemples | 2H | 0H | 0% |
| 6 | Réfléchir à des exercices | 5H | 0H | 0% |
| 7 | Analyser l'harmonie du cours (cohérence de style, orthographe,...) | 2H | 0H | 0% |
| 8 | Proposer une éventuelle harmonisation | 2H | 0H | 0% |
Sprint 1
Au cours de ce premier sprint, j'ai analysé la partie du cours correspondant à celle que j'ai faite en MON2.1 sur le html et le css. Dans mon travail, j'ai utilisé l'extension chrome Hypothes.is qui permet de prendre des notes partageables directement sur le site que je parcours.
Organisation du cours (tâches 1 et 2)
N'ayant pas encore parcouru tout le cours, c'est une rétrospective partielle que je fais à propos de l'organisation du cours. Ce travail de réflexion sur l'organisation du cours est en réalité assez complexe puisqu'il demande d'avoir une compréhension maximale des notions et particulièrement des liens qui existent entre elles. Ainsi, il m'est arrivé régulièrement de devoir compléter le cours par des recherches personnelles. Cela a par exemple été le cas avec la notion de réseau dont j'avais besoin pour bien comprendre le cours sur les URL et pour laquelle j'ai repris le cours de réseau de Monsieur François Brucker. Malgré tout, l'agencement du cours à ce stade me semble tout à fait correcte, mis-à-part justement le point sur les URL qui, à mon avis, n'a pas vraiment de nécessité absolue dans un cours de html et css. Par contre, ce serait un prérequis pour pouvoir utiliser à bon escient et de façon sécurisée sur internet les sites produits en html et css, et pour pouvoir bien comprendre comment les déplacer sur un serveur distant puis y accéder.
Clareté du cours (tâches 3 à 6)
Cette partie, certes moins complexe que la précédente, est également chronophage puisque sur chaque point légèrement flou il s'agit de bien comprendre ce qui a voulu être dit puis de proposer une reformulation ou un ajout. Une grosse partie du travail se fait notamment sur les liens hypertextes présents à des fins de documentation. En effet, il y a d'abord la validité des liens à vérifier puis il a été décidé, avec Monsieur François Brucker, de leur ajouter une petite explication pour que le lecteur puisse comprendre l'intéret du lien et ainsi savoir s'il veut le suivre ou le passer.
La proposition d'exemples et d'exercices intègre aussi cette partie du travail puisqu'ils sont là pour aider à la compréhension du lecteur soit par un exemple concret en plus de la théorie, soit par la pratique. En ce qui concerne les exemples, j'ai rédigé ceux qui m'ont semblé nécessaires pour la compréhension du cours. D'autres pourront sûrement être ajoutés également dans un second temps. Et du point de vue des exercices, le travail se divise en deux :
- proposer des petits exercices tout au long du cours pour bien pratiquer les points théoriques,
- et imaginer un projet à faire de façon progressive avec le cours pour avoir un rendu global de ce qui a été appris. Pour les exercices, le temps passé au cours de ce sprint est resté assez faible car les autres parties ont été plus présentes, notamment le travail sur le cours théorique en tant que tel. Mais au sprint 2, le contenu du cours en tant que tel sera plus léger puisqu'il me reste uniquement les parties sur les bibliothèques css et la découverte de Javascript. Je pourrai donc passer plus de temps sur la réalisation d'exercices et de corrigés.
Harmonie du cours (tâches 7 et 8)
Ce que j'entends par harmonie du cours, c'est tout ce qui va favoriser une lecteur agréable du cours. Je ne prétend aucunement avoir un quelconque talent de style, bien au contraire, mais il y a certains points qui me semblent faciles à mettre en place pour faciliter l'apprentissage du lecteur. La justesse de l'orthographe est un des premiers points qui vient en tête mais c'est loin d'être le seul. En effet, il y a aussi par exemple la cohérence de style dans les titres (tout en majuscules, avec seulement un majuscule au début,...) ou dans les listes (sans ponctuation, avec une virgule à la fin des tirets,...). Cette partie est de loin la moins chronophage même si de temps à autres, il faut essayer de trouver sur internet telle ou telle règle de grammaire, qui ne sont pas toujours des plus claires.
Backlog de fin de sprint
Voici donc où je pense en être de mon projet à la fin de ce sprint :
| N° | Tâche | Temps prévisionnel | Temps passé | Avancée |
|---|---|---|---|---|
| 1 | Analyser l'organisation du cours (agencement des parties,...) | 2H | 1H | 50% |
| 2 | Réfléchir à une autre organisation si nécessaire | 2H | 1H | 50% |
| 3 | Analyser la clareté du cours (explications, présence d'exemples,...) | 2H | 2H | 70% |
| 4 | Proposer des reformulations voire des explications supplémentaires | 3H | 2H | 70% |
| 5 | Proposer des exemples | 2H | 1H | 40% |
| 6 | Réfléchir à des exercices | 5H | 1H | 20% |
| 7 | Analyser l'harmonie du cours (cohérence dans l'écriture, orthographe,...) | 2H | 1H | 70% |
| 8 | Proposer une éventuelle harmonisation | 2H | 1H | 70% |
Sprint 2
Sources
- Cours « Web » de Monsieur François Brucker.