C'est le printemps ! 
Site Web ODM : Différence entre versions
(→description de la médiation) |
|||
| Ligne 3 : | Ligne 3 : | ||
==Public== | ==Public== | ||
| − | + | Débutant en développement web (HTML5 et CSS3) | |
===représentations attendues=== | ===représentations attendues=== | ||
| − | + | Avoir un site web fonctionnel, partiellement responsive, disponible en ligne | |
| − | |||
| − | |||
==cadre== | ==cadre== | ||
| − | scolaire | + | scolaire |
==date== | ==date== | ||
| − | + | 9 jours (du lundi 17 Mars au vendredi 28 ars) | |
| + | Présentation du projet le lundi 31 Mars au travers d'une présentation Oral avec un support visuel fait sur Canva. | ||
==type de médiation== | ==type de médiation== | ||
| − | + | Site web | |
==lieu== | ==lieu== | ||
| + | Petits débrouillards Grand Ouest | ||
| − | + | ==contenus== | |
| + | Site web découpé en 4 pages (Page d'accueil/ Histoire de l'ODM/ Division esport/ Réseaux et productions) | ||
| + | Les 4 pages sont segmentées en diverses catégories que l'on peut retrouver sur un menu déroulant | ||
| + | Il y a une barre de navigations avec les différentes pages pour pouvoir naviguer sur le site web | ||
| − | == | + | ===Chronologie=== |
| − | + | Jour 1 : | |
| + | Création du trello | ||
| + | Création de la Mind Map sur excalidraw | ||
| + | Création du cahier des charges | ||
| + | Réflexion sur la structure du site web | ||
| + | Progression sur le mooc CSS (50%) | ||
| + | |||
| + | |||
| + | Jour 2 : | ||
| + | Finalisation du cahier des charges et de la structure du site sur excalidraw | ||
| + | Création du rétro planning | ||
| + | Création d'un moodboard pour illustrer la charte graphique du site web | ||
| + | Progression dans le MOOC css | ||
| + | Commencement du site (il est trop moche) | ||
| + | |||
| + | Jour 3 | ||
| + | (Matin) : j’apprends à utiliser FlexBox | ||
| + | Refonte de la page d'accueil | ||
| + | création de la seconde page Histoire ODM | ||
| + | |||
| + | Jour 4 | ||
| + | (Matin) J'apprends à utiliser CSS Grids | ||
| + | ajout d'images avec grids sur l'histoire de l'ODM | ||
| + | Créations des deux derniers pages | ||
| + | fin de la partie 3 du MOOC | ||
| + | début partie 4 | ||
| + | progression estimée à 50% en terme de contenu. | ||
| + | |||
| + | Jour 5 | ||
| + | Topo pêchu (petit point sur l'avancement du projet) | ||
| + | ajout d'une barre de navigation | ||
| + | refonte de l'accueil du site | ||
| + | ajout d'un formulaire | ||
| + | mooc html css fini | ||
| + | commencement refonte de l'histoire de l'odm | ||
| + | |||
| + | Jour 6 | ||
| + | ajout liste de joueurs | ||
| + | ajout maillot | ||
| + | quasiment fini la page histoire | ||
| + | ajout de menu déroulant et de catégories. | ||
| + | Page histoire fini | ||
| + | page division fini | ||
| + | page réseaux commencé (1/3) fait | ||
| − | + | Jour 7 | |
| − | + | Commencement du wiki | |
==Partenariat envisagé ?== | ==Partenariat envisagé ?== | ||
| − | + | Petits débrouillards Grand Ouest | |
| − | + | IMT Atlantique | |
==Objectifs== | ==Objectifs== | ||
| − | + | Créer un site web sur "l'ODM" en HTML5 / CSS3 pour tester ses compétences en développement web. | |
| − | + | Parler d'un sujet de niche | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | == | + | ==Logiciel utilisés== |
| − | + | Visual Studio Code (pour le développement) | |
| + | Canva | ||
| + | Trello | ||
| + | wiki des fabriques du ponant | ||
| + | Open office | ||
===matériel autre=== | ===matériel autre=== | ||
| − | + | Ordinateur, table chaise... | |
===webographie médiation=== | ===webographie médiation=== | ||
Version du 25 mars 2025 à 15:09
Sommaire
[masquer]Auteurs
Jullian Richard-Devin
Public
Débutant en développement web (HTML5 et CSS3)
représentations attendues
Avoir un site web fonctionnel, partiellement responsive, disponible en ligne
cadre
scolaire
date
9 jours (du lundi 17 Mars au vendredi 28 ars) Présentation du projet le lundi 31 Mars au travers d'une présentation Oral avec un support visuel fait sur Canva.
type de médiation
Site web
lieu
Petits débrouillards Grand Ouest
contenus
Site web découpé en 4 pages (Page d'accueil/ Histoire de l'ODM/ Division esport/ Réseaux et productions) Les 4 pages sont segmentées en diverses catégories que l'on peut retrouver sur un menu déroulant Il y a une barre de navigations avec les différentes pages pour pouvoir naviguer sur le site web
Chronologie
Jour 1 : Création du trello Création de la Mind Map sur excalidraw Création du cahier des charges Réflexion sur la structure du site web Progression sur le mooc CSS (50%)
Jour 2 :
Finalisation du cahier des charges et de la structure du site sur excalidraw
Création du rétro planning
Création d'un moodboard pour illustrer la charte graphique du site web
Progression dans le MOOC css
Commencement du site (il est trop moche)
Jour 3 (Matin) : j’apprends à utiliser FlexBox Refonte de la page d'accueil création de la seconde page Histoire ODM
Jour 4 (Matin) J'apprends à utiliser CSS Grids ajout d'images avec grids sur l'histoire de l'ODM Créations des deux derniers pages fin de la partie 3 du MOOC début partie 4 progression estimée à 50% en terme de contenu.
Jour 5 Topo pêchu (petit point sur l'avancement du projet) ajout d'une barre de navigation refonte de l'accueil du site ajout d'un formulaire mooc html css fini commencement refonte de l'histoire de l'odm
Jour 6 ajout liste de joueurs ajout maillot quasiment fini la page histoire ajout de menu déroulant et de catégories. Page histoire fini page division fini page réseaux commencé (1/3) fait
Jour 7 Commencement du wiki
Partenariat envisagé ?
Petits débrouillards Grand Ouest IMT Atlantique
Objectifs
Créer un site web sur "l'ODM" en HTML5 / CSS3 pour tester ses compétences en développement web. Parler d'un sujet de niche
Logiciel utilisés
Visual Studio Code (pour le développement) Canva Trello wiki des fabriques du ponant Open office
matériel autre
Ordinateur, table chaise...
webographie médiation
des liens vers des exemples se rapprochant
