Le travail consiste en la réalisation d’une affiche dans le cadre d’un projet d’écodélégués, afin de lutter contre les déchets répandus dans l’environnement. Comme un graphiste, vous disposez d’un cahier des charges (la maquette de l’affiche : dessin, texte à placer sur l’affiche).
Le meilleur de vos travaux sera choisi pour réaliser l’affiche qui sera diffusée dans le lycée.

Pour ce travail, vous aurez besoin de deux logiciels : Gimp (logiciel libre de traitement d’image) et Scribus (logiciel libre de publication assistée par ordinateur = qui permet de produire des documents destinés à être imprimés : affiches, dépliants, etc.).
Sur votre ordinateur portable scolaire, ces logiciels seront automatiquement installés (normalement…) après redémarrage.

La maquette de l’affiche a été numérisée : https://louisematic.site/nextcloud/s/EFXFGjsDKERN47W
Téléchargez le fichier sur votre ordinateur.
Ouvrez-le avec Gimp.
Nettoyez l’image : enlevez le trait vertical qui a été rajouté lors de la numérisation, et le texte manuscrit en haut et en bas pour ne conserver que le dessin (le plus simple est d’utiliser l’outil gomme, il existe des techniques plus élaborées, mais je jugerai le résultat, pas la méthode ; il serait judicieux d’utiliser aussi l’outil de découpage, en veillant à n’ôter aucune partie du dessin).
Si vous le souhaitez, améliorez l’image à votre goût, en utilisant les outils de votre choix : à nouveau, je jugerai le résultat, s’il est propre et visuellement efficace.

Penser à enregistrer régulièrement votre image. Vous remarquerez que Gimp enregistre les fichiers au format .xcf (format propre à Gimp).

Une fois terminé, enregistrez une dernière fois votre travail.
Exportez votre fichier au format image JPEG. Utilisez pour cela le menu Fichier/Exporter. Choisissez bien le format jpeg, avec la meilleure qualité possible. Attention : appelez votre fichier Nom_image en mettant votre nom de famille à la place de Nom, avec la première lettre en majuscule.
Envoyez-moi cette image Nom_image.jpeg en la téléversant ici : https://louisematic.site/nextcloud/s/72gg9pdiyf9wB4m Attention, ce lien ne permet que d’envoyer des fichiers dans un dossier auquel vous n’avez pas accès : vous ne pourrez plus consulter, modifier, effacer votre fichier une fois qu’il aura été téléversé ; au passage, évitez de m’envoyer 15 fois le fichier, une seule fois suffira…


Créez un nouveau document avec Scribus :
— en format A3, orienté en portrait
Enregistrez-le avec un nom de fichier Nom_affiche (remplacez Nom par votre nom de famille ! Pensez bien à mettre la première lettre en majuscule. Ajoutez l’initiale de votre prénom si vous avez un homonyme dans la classe)

Insérez l’image que vous avez retravaillée :
— menu Insérer/Cadre d’image (vous pouvez alors définir avec la souris la taille du cadre d’image)
— importez l’image dans le cadre : clic droit sur le cadre puis Contenu/Importer une image (ou double clic sur le cadre)
— adaptez la taille de l’image : clic droit puis Image/Ajuster l’image au cadre

(pensez à enregistrer régulièrement votre travail, afin de ne pas perdre vos efforts en cas d’incident)

Insérez le texte « Vos actes vous ressemblent » au-dessus de l’image :
— menu Insérer/Cadre de texte (vous pouvez alors définir avec la souris la taille du cadre de texte)
— double-cliquer sur le cadre pour y inscrire le texte
— pour modifier la police, etc. : clic droit sur le cadre, puis Propriétés du contenu(ou touche F3). Attention : pour que les modifications soient prises en compte, il faut être sorti du mode "édition de texte", grâce à la touche Échappement ou en ayant cliqué en dehors du cadre
—— utilisez la police de votre choix, avec une taille suffisante pour être visible de loin sur une affiche A3
—— centrez le texte
—— utilisez la couleur de votre choix. Remarque : le choix par défaut est très limité, mais vous pouvez rajouter les couleurs de votre choix dans le menu général Édition/Couleurs et fonds…/Ajouter(choisissez le modèle colorimétrique RVB, cela nous servira très prochainement)

Insérez en dessous de l’image le texte « Vous êtes aussi sales que les déchets que vous jetez par terre », sur deux lignes.
De la même manière, modifiez le type d’écriture pour que cela soit bien visible sur l’affiche imprimée. Prenez garde à régler l’interlignage (la distance entre deux lignes), si nécessaire.

Insérez les mentions de licence
En tout petit en bas, il faut insérer des éléments qui doivent être présents sur une œuvre destinée à être rendue publique (par affichage ou sur le web), à savoir la licence, et la mention de l’imprimeur.
Vous ajouterez donc, avec une police de taille inférieure à 10 :
Affiche réalisée par …………………… (élève de seconde 12 du Lycée Louise Michel de Bobigny 2023-2024), à partir du dessin de l’écodéléguée ………………………
Placée sous licence CC BY-SA 4.0 (Creative Commons Attribution - Partage dans les mêmes conditions 4.0 International)
Imprimé par le lycée Louise Michel de Bobigny.
Remplacez la première série de points par votre nom, ou vos initiales si vous préférez. Pour le nom de l’écodéléguée ayant réalisé le dessin, laissez les points tant que je n’ai pas moi-même connaissance de son nom… :-)
À côté du texte, vous ajouterez le logo de la licence CC BY-SA, que vous pouvez trouver ici : https://mirrors.creativecommons.org/presskit/buttons/88x31/png/by-sa.png (téléchargez-le, et insérez-le dans votre affiche). Encore une fois, attribuez-lui une taille suffisamment petite pour qu’il n’attire pas l’œil, tout en restant identifiable.
Une fois votre affiche terminée, enregistrez-la. Vous remarquerez que l’extension des fichiers scribus est .sla.
Envoyez-moi votre productionNom_affiche.sla en la téléversant ici : https://louisematic.site/nextcloud/s/soz6WEbsckJHAR2

Ce fichier est au format SLA, c’est-à-dire au format de Scribus. C’est comme le code source pour un logiciel : l’avantage de ce format est qu’il est aisément modifiable, mais pour ouvrir le fichier, il faut disposer du logiciel Scribus (avec en plus le risque que l’affichage ne soit pas correct, si l’ordinateur ne dispose pas de la même version de Scribus, n’a pas les polices installées, etc.).
Il faudrait donc envoyer une version dans un format universel, destiné à l’impression, non modifiable (du moins pas facilement) : PDF. Pour ce faire, avec Scribus, vous allez dans le menu Fichier/Exporter/Enregistrer en PDF. Conservez les options par défaut, cela devrait être correct. Veillez bien à ce que le nom du fichier soit toujours Nom_affiche (l’extension sera .pdf).
Envoyez-moi cette version Nom_affiche.pdf en la téléversant ici : https://louisematic.site/nextcloud/s/AXLzdt2qL5kGS33

Enfin, il peut être intéressant de disposer d’une version de l’affiche dans un format image (afin de le mettre sur un site web par exemple, ou pour simplifier la visualisation sur ordinateur).
Pour ce faire, avec Scribus, allez dans le menu Fichier/Exporter/Enregistrer au format image. Choisissez le format PNG, avec une résolution de 100 pixels par pouce (ppp). Veillez bien à ce que le nom du fichier soit toujours Nom_affiche (l’extension sera .png).
Envoyez-moi cette version Nom_affiche.png en la téléversant ici : https://louisematic.site/nextcloud/s/32J38zTe5HyNF5A

Terminer le travail entamé lors de cette séance (cf. ci-dessus)

Avec Filezilla, créez dans votre dossier sur le serveur web un sous-dossier nommé images.
Placez dans ce sous-dossier une photo de plante (prise au lycée). Si vous avez déjà placé une image dans votre dossier principal, déplacez-la dans ce sous-dossier. Veillez à ce qu’il n’y ait pas d’espace dans le nom du fichier, cela posera de gros problèmes dans les URL.
Vérifiez que votre image est dorénavant accessible sur le web, à l’URL suivante : https://louisematic.site/2324/thoua/images/nomdelimage.jpg (remplacez thoua par le nom de votre dossier, et nomdelimage.jpg par le nom de votre fichier image).

[à suivre]

Compléter le tableau recensant vos observations d’espèces.
Il se trouve à l’URL (= adresse web) suivante : https://tab.louisematic.site/thoua [remplacez 'thoua' par les cinq premières lettres de votre nom, comme pour le nom de votre dossier sur le site web, afin que je puisse vous évaluer]
Pour rappel, vous pouvez trouvez les coordonnées (latitude, longitude) du lieu de votre observation via https://openstreetmap.org via un clic droit sur le lieu précis de l’observation et 'Afficher l’adresse' (les coordonnées sont alors indiquées à gauche, et accessibles à la copie dans l’URL).

Sur votre page web, rajoutez un lien hypertexte vers ce tableau.
Pour faire un lien, il faut utiliser les balises <a> et </a>.
Entre ces balises, vous rentrez le texte qui va s’afficher sur la page web, par exemple : Lien vers mon joli tableau.
L’URL vers laquelle dirige le lien est à indiquer à l’intérieur de la balise <a>, avec l’attribut href="" :
<a href="URL"> (en remplaçant URL par… l’URL)

Exemple complet, à adapter à votre cas :
<a href="https://tab.louisematic.site/thoua">
Lien vers la page fictive de M. Thouand
</a>

Vous allez maintenant créer une nouvelle page web, dans laquelle sera placé le plan du cours (au lieu qu’il apparaisse dans votre page index.html)
Pour ce faire, créez une deuxième page web, nommée plan_cours.html. Vous la placerez sur le serveur web, grâce à Filezilla, dans le même dossier que votre page index.html.

Pour rappel, une page web doit au moins contenir :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

</body>
</html>

Faites en sorte que le plan du cours ne s’affiche plus sur votre page index.html mais sur votre page plan_cours.html (coupez-collez le code depuis le premier fichier html vers le second ; pensez bien à enregistrer les nouvelles versions de chaque fichier, et à les envoyer ensuite sur le serveur !
Votre nouvelle page web avec le plan sera donc accessible dorénavant à l’URL : https://louisematic.site/2324/thoua/plan_cours.html (vérifiez que tout fonctionne bien).

Enfin, sur votre page index.html, placez un lien hypertexte vers la page plan_cours.html en indiquant comme texte pour le lien : « Le plan du chapitre 0 de SNT ».
Remarque : l’URL de la page du plan est https://louisematic.site/2324/thoua/plan_cours.html. Vous pouvez utiliser cette adresse, que l’on appelle absolue. Mais votre lien hypertexte est placée dans une page (index.html) est contenue dans le même dossier https://louisematic.site/2324/thoua/ vous pouvez vous abstenir de la partie commune de l’URL en indiquant uniquement à la place de l’URL : plan_cours.html (c’est ce que l’on appelle une adresse relative).

Faites de même avec votre présentation d’Ada Lovelace, que vous déplacerez dans un fichier nommé ada_lovelace.html, vers lequel vous créerez un lien « Présentation d’Ada Lovelace » dans votre page principale index.html.
À la fin du travail, votre page index.html ne doit donc présenter que votre phrase où vous vous présentez, et 3 liens : un vers la page de présentation d’Ada Lovelace, un vers le plan du cours, et un vers votre tableau.

Travail sur la page web
Recherchez qui était Ada Lovelace, et ajoutez à votre page web un court texte présentant qui elle était.
Pour sauter des lignes, ajoutez la balise <br/>.



Rajoutez à votre page web le plan du premier chapitre de SNT.

Pour cela, vous rajouterez à votre fichier index.html le plan, en utilisant les balises <h…> </h…>. La valeur que vous mettez après h peut aller de 1 à 6 selon le niveau d’importance du titre.

Par exemple :
<h1>
Gros titre
</h1>
<h2>
Moins gros titre
</h2>
Devrait être rendu ainsi sur votre page :
##### Moins gros titre

Terminer le travail de la séance, si besoin. Votre page web doit correctement s’afficher pour avoir une bonne note.

Mer. 17 (groupe B) ou Jeu. 18 (groupe A) :
Apporter son ordinateur portable

Vendredi 19 janvier
Mini-test de connaissances sur :
— biologie : Chapitre 1, parties II (ADN) et III (métabolisme)
— numérique : Chapitre 0

Pour mercredi 20 (groupe B) ou jeudi 21 (groupe A) :
— apporter son ordinateur portable
— préparer test ultrarapide de connaissances en SNT et SVT (dans chaque matière sur le II du chapitre en cours)
Vous êtes vivement encouragés à poster les questions que vous souhaitez sur le canal de votre groupe sur agora

Groupe B :
— installer le logiciel Filezilla sur son ordinateur portable région
— apporter son ordinateur portable vendredi matin

Groupe A :
— apporter son ordinateur portable jeudi matin en TD de sciences numériques

Petit test de connaissances au début de la séance de sciences naturelles :

Questions de cours, conversions binaire/décimal/hexadécimal, exercices sur la taille des fichiers (octets/bits et multiples)

Vous pouvez poster les questions que vous souhaitez dans le canal de la classe sur agora : elles seront posées en classe !

— Pour mercredi 27 (groupe B) ou jeudi 28 (groupe A) :
Réviser en vue d’un test sur les conversions de nombres binaire <-> décimal

— apporter son cours et son ordinateur portable

— Tests de positionnement : apporter un casque avec une prise mini-jack

— Apporter son classeur de SVT/SNT

— Revoir le binaire en vue d’une évaluation