Organisation – Cellule numérique

Mission « Bout d’Internet » – Guide débutant

Cette page t’explique, pas à pas, la mission de recrutement : récupérer un bout d’Internet (un dépôt GitHub), le comprendre, puis créer un petit site pour l’intranet.

Niveau débutant Tout est expliqué
Référence OM-BI-XXXX-01
Candidat·e
Dépôt GitHub
Délai indicatif 5 jours ouvrables

🧩 1. Ce que tu vas faire (en résumé)

La mission, en version très simple :

Étape A
Tu prends un bout d’Internet
Tu choisis (ou on te donne) un dépôt GitHub public. Tu le télécharges sur ton ordinateur.
  • Tu vois ce qu’il contient (fichiers, dossiers…)
  • Tu comprends à quoi il sert
  • Tu arrives à le lancer ou à l’ouvrir
Étape B
Tu crées un mini-site intranet
Tu fabriques un petit site en HTML / CSS / JS pur, simple, qui explique ce que tu as compris du dépôt.
  • Une page d’accueil (par exemple celle-ci, adaptée)
  • Une page qui décrit le dépôt
  • Une page pour la direction (résumé stratégique)

🧱 2. Les 5 grandes étapes, comme des blocs Scratch

Tu peux imaginer la mission comme un petit programme Scratch : on enchaîne 5 blocs. Clique sur « Voir les détails » pour plus d’explications.

Bloc 1
Choisir et récupérer le dépôt GitHub
C’est le moment où tu « attrapes » le bout d’Internet.
  • Tu notes l’adresse du dépôt (URL GitHub)
  • Tu le télécharges (ZIP) ou tu fais git clone
  • Tu ouvres le dossier sur ton ordinateur
Voir les détails
Pourquoi on te demande ça ?
Parce qu’un jour, tu devras refaire ce geste dans l’organisation : récupérer une ressource en ligne, la mettre à l’abri, et savoir ce qu’elle contient.

Astuce : prends un dépôt avec au moins un fichier .html et un peu de CSS / JS, ce sera plus simple à étudier.
Bloc 2
Observer et comprendre le contenu
Tu explores le dépôt comme un dossier de projet.
  • Tu listes les fichiers importants
  • Tu repères les technologies utilisées (HTML, CSS, JS…)
  • Tu testes ce que ça donne dans un navigateur
Voir les détails
Objectif : être capable d’expliquer, avec des mots simples, « ce que fait » ce bout d’Internet. Pas besoin d’être un génie du code, mais il faut être curieux et logique.

Tu peux faire un petit schéma sur papier pour t’aider : fichier d’accueil → fichiers CSS → fichiers JS → images…
Bloc 3
Construire un mini-site pour l’intranet
Ici tu crées ton propre mini-site, avec 1 ou plusieurs pages.
  • Tu écris du HTML pour la structure
  • Tu ajoutes du CSS pour la mise en forme
  • Tu peux mettre un peu de JS pour des petits effets
Voir les détails
Important : tout doit fonctionner hors-ligne. Ça veut dire : pas besoin d’Internet pour ouvrir ton mini-site.

Ton objectif est que quelqu’un, dans l’organisation, puisse :
  • mettre ton dossier sur une clé USB
  • double-cliquer sur index.html
  • comprendre la mission en quelques minutes
Bloc 4
Écrire une synthèse pour la direction
Tu ajoutes une partie « pour décideurs / décideuses ».
  • Tu résumes le dépôt : à quoi il sert ?
  • Tu expliques les risques et les opportunités
  • Tu donnes 2–3 recommandations concrètes
Voir les détails
Idée : imagine que tu parles à quelqu’un qui n’a pas le temps et qui n’est pas technique. Il veut juste savoir :
  • Est-ce que c’est utile pour nous ?
  • Quels sont les dangers ?
  • Que propose-tu de faire ?
Bloc 5
Préparer le dossier final (clé USB / intranet)
Tu vérifies que tout est bien rangé et facile à utiliser.
  • Les fichiers sont dans un seul dossier
  • On lance le site avec index.html
  • Tu ajoutes un petit fichier README.txt si besoin
Voir les détails
But : quelqu’un qui ne t’a jamais vu doit pouvoir utiliser ton travail sans t’appeler.

Tu peux imaginer que ton dossier circule dans l’organisation, sur clé USB, comme un petit kit pédagogique autonome.

💡 3. Pourquoi on te demande ça ? (intention)

Cette mission ne sert pas seulement à tester « si tu sais coder ». Elle sert à voir comment tu penses et comment tu te débrouilles dans le monde numérique.

Intention 1
Comprendre un objet numérique existant
Dans la vraie vie, tu trouveras souvent des outils déjà faits (sites, scripts, apps...). On veut voir si tu sais :
  • entrer dedans sans casser
  • comprendre comment c’est construit
  • expliquer ce que tu as compris
Intention 2
Rendre les choses claires pour les autres
Ce poste est stratégique : tu devras traduire du « langage technique » en « langage clair ». Le mini-site que tu crées montre :
  • ta capacité à simplifier
  • ta capacité à organiser l’information
  • ton sens pédagogique
Intention 3
Voir les risques et dérives possibles
Internet n’est pas neutre : derrière les outils, il y a des plateformes, des règles, du pouvoir. On veut voir si tu te poses des questions comme :
  • De quoi dépend ce dépôt ?
  • Que se passe-t-il si GitHub change de règles ?
  • Quel type de contrôle ou de surveillance est possible ?
Intention 4
Apprendre en faisant, dès le début
Ici, on préfère les gens qui essaient, même si tout n’est pas parfait, plutôt que ceux qui n’osent pas. Le but est que tu :
  • tentes des choses
  • t’auto-corriges
  • sois capable d’expliquer ce que tu as tenté

🧭 4. Comment utiliser cette page

Tu peux utiliser cette page telle quelle comme page d’accueil de ton mini-site, ou t’en inspirer pour faire la tienne.

Pas à pas
En pratique :
  • Sauvegarde ce fichier en index.html
  • Ouvre-le dans ton navigateur pour voir le résultat
  • Modifie le texte pour ajouter ta propre analyse
  • Ajoute ensuite d’autres pages (par exemple depot.html, briefing.html)

N’hésite pas à commenter ton code (HTML / CSS / JS) comme dans cet exemple : les commentaires servent de pense-bête pour toi et pour les personnes qui liront ton travail.