Cours sur la page comme espace – WiP

« la page est un espace d’information s’inspire de listdelist

Objectifs

  1. Appréhender l’évolution des supports d’écriture comme espace
  2. Appréhender la notion de format comme mise en forme et contrainte d’écriture
  3. Différencier la feuille de papier de la feuille numérique et comprendre la fabrication d’une feuille numérique
Activité 1. Les supports d’écriture dans l’histoire

Pour commencer cette activité, un petit tour par le site de la BNF consacré aux supports.

Document de travail

EXERCICE. Par groupe de 2, vous traitez chacun un support. Vous pouvez faire des recherches sur internet pour compléter les informations.

Vous devez rechercher les informations suivantes : pays d’origine, date, rapidité de diffusion, support, matériau, objet pour écrire, type d’écriture. On précise au fur et à mesure de l’activité.

http://classes.bnf.fr/dossisup/supports/index10.htm

http://classes.bnf.fr/dossisup/enbref/1.htm

http://classes.bnf.fr/dossisup/outils/indexo.htm

https://3.bp.blogspot.com/-NZWM5RiwuxE/UVAKEFWO0uI/AAAAAAAAEZ4/nhy-Iud_1pc/s1600/histoire-ecriture2.jpg

http://www.histoire-cigref.org/wp-content/uploads/2014/02/infographie-ecriture-lecture-numerique-cigref.jpg

Pour aller plus loin

http://lewebpedagogique.com/lectures/category/ecrits-de-2009-2010/lecrit-et-ses-supports/

http://classes.bnf.fr/dossiecr/chr-ecri.htm

 

Activité 2. Travail sur les formats : la feuille A0

Préalable : différencier la feuille et la page.

EXERCICE. reconstruire avec l’ensemble des feuilles proposées une feuille A0. Identifier avec les étiquettes les formats de feuille utilisés. Calculez en m2 les superficies de chaque feuille.

Activité 3. Ecrire sur une page blanche

EXERCICE. Dictée. A partir d’un livre ancien que les élèves viennent de découvrir, faire une dictée sur une feuille blanche (une phrase). Au préalable, leur demander de faire un point n’importe où sur la feuille. Et faire débuter la dictée de ce point.

Quelle est la qualité de l’écriture produite ? Que manque-t-il pour améliorer la qualité du texte ? Si je veux écrire à mon amoureux/se, je prend quelle feuille : la feuille à carreau ou la feuille blanche ?

Activité 4. Comment est fabriqué un livre ?

Pourquoi les feuilles du livre ancien proposé en exemple sont-elles attachées ? Comment faire un livre ? A partir d’une feuille, combien de pages sont crées ? Comment numéroter les pages ? Comme préparer l’impression du texte sur une feuille ?

EXERCICE. Pliage d’une feuille pour réaliser un cahier de 16 pages.

Activité 5. Chercher sur des supports différents

EXERCICE. Trois ateliers en parallèle à partir du recueil de recettes sur la Mayenne :

  • Atelier 1. Accéder au pdf en ligne, télécharger le pdf ;
  • Atelier 2. dérouler le rouleau ;
  • Atelier 3. accéder au codex.

Consigne. Exercice de rapidité par atelier, trouver une recette de cuisine utilisant des carottes. On change d’atelier, trouvez une recette avec des navets. On change d’atelier trouvez une recette avec de l’oseille.
Comment avez-vous cherchez ?

Activité 6. Créer une page numérique.

EXERCICE. Sur cette page que vous lisez, sur agerbault, faire un clic droit et afficher la source. Vous obtenez un code informatique, du HTML qui est la base des textes sur un navigateur.

Vous allez sur la messagerie de e-lyco et vous créez un message. Pouvez-vous écrire en dehors du formulaire ? Si vous êtes sur un réseau social, arrivez-vous à écrire en dehors du formulaire ? Avec la feuille à carreau, vous pouvez écrire dans la marge, même si le prof vous dira que vous ne pouvez pas le faire ? Là non.

EXERCICE. On va créer un formulaire en HTML. Prendre notepad+ et copier coller le code ci-dessous. Il s’agit d’un code pour créer un formulaire sur une page numérique. Vous enregistrez sous ET VOUS CHOISISSEZ le format HTML. Vous ouvrez ensuite cette page. Que constatez-vous ? Vous ne pouvez écrire que là où on vous dit d’écrire !

<form action= »/ma-page-de-traitement » method= »post »> <div> <label for= »nom »>Nom :</label> <input type= »text » id= »nom » /> </div> <div> <label for= »courriel »>Courriel :</label> <input type= »email » id= »courriel » /> </div> <div> <label for= »message »>Message :</label> <textarea id= »message »></textarea> </div> </form>

Activité 7. Création d’une page numérique simple

EXERCICE. Créer une page html simple.

Les consignes à suivre se trouve dans le code

<head>
<title>METTRE UN TITRE</title>
<meta tag>METTRE DES MOTS CLES</meta tag>
consigne : le html est un langage à balise. Une balise est symbolisé par les deux signes <BALISE>. UNe <BALISE> s’ouvre et se ferme </BALISE> Le « / » permet la fermeture.
</head>
<body>
Je vais mettre un texte <b>en gras</b>en <em>italique</em> ou <u>souligné</u>
je vais rajouter une image. Pour cela, je copie l’adresse d’une image, que je vais chercher sur internet, et je la colle après le signe « = » dans la balise « src ».
<src=LADRESSE DE MON IMAGE>
et puis je veux aller sur une page wikipedia en lien avec mon sujet. POur cela je vais copier coller l’adresse de cette page dans la balise « a » après le signe « = »
<a href=>MON TEXTE VERS WIKIPEDIA</a>
</body>
</head>

Activité 8. Qu’est-ce que le numérique ?

Une page internet est donc codée en html. Mais comment l’ordinateur fait-il pour la lire ? Un ordinateur ne lit que du binaire, c’est à dire une suite de 0 et de 1.

Sur la page wikipedia, vous pouvez consulter les 128 caractères en ASCII.
https://fr.wikipedia.org/wiki/American_Standard_Code_for_Information_Interchange

Explication de la lecture du tableau.

EXERCICE. Comment s’écrit la lettre « a » minuscule ? La lettre « A » majuscule, le chiffre « 1 » ? la touche « espace » ? le « ! » ?

Comment l’ordinateur fait-il ?

EXERCICE. Quelqu’un va donner le rythme comme en musique et vous tapez en rythme à chaque fois qu’il y a un « 1 » et vous ne tapez pas quand il y a un « 0 »

Convertir avec le convertisseur un mot en binaire et le jouer

http://www.supportduweb.com/convertisseur-textes-binaire-code-ascii-numerique-ordinateur-secret-encoder-text-binary-chiffrer.html

Nous avons utilisé le battement des mains pour la cadence et le taper du doigt pour l’impulsion. Comment fait l’ordinateur ?

Activité 9. Que voit google ?

Ouvrir la page que vous avez créée sur notepad+.

Rappel un moteur de recherche fonctionne en trois étapes :
1. Le spider va de lien en lien et enregistre les pages dans les bases de données du moteur de recherche
2. L’élève fait une recherche
3. Le moteur fournit une page de résultat

Etape 1. Que fait le spider ?
http://www.supportduweb.com/recuperer-texte-site-ce-que-vois-google-txt-lynx-voir-son-site-en-texte.html

Etape 3. Comment le moteur classe les résultats ?
http://bluepillredpill.vmarquet.io/pagerank/

Cours sur les espaces numériques (google) – WiP

1. Etudier les moteurs de recherche : 3 sources

Source 1. La salsa des moteurs

Connaissez-vous la chanson (sur l’air de la salsa du démon) en trois couplets ? :

« oui, oui oui c’est moi l’araignée »

« je suis les adresses (hypertextes) plus vite que la lumière »

« j’enregistre les pages internet »

« dans mes grandes bases de données »

.

« oui oui oui c’est moi le petit n’élève »

« je veux tout savoir sur les data center »

« Où c’est qu’elles sont toutes ces données ? »

« ces serveurs, ces bases de données »

« oui oui oui c’est moi l’algorithme »

« J’vais vous classer tout ça dans ma page de résultats »

« Y’aura des pubs et des images »

« des émissions, des définitions wikipedia »

Source 2. Une vidéo sur le fonctionnement des moteurs de recherche

 

 

Source 3 : un prezi sur les moteurs de recherche

 

 

Question 1. C’est quoi un spider (araignée) ?

Question 2. Comment le spider parcourt-il le web ?

Question 3. Où sont enregistrés les pages que le spider découvre ?

Question 4. Que fait l’internaute pour faire une requête au moteur ?

Question 5. Comment le moteur propose la page de résultats ?

La vidéo du travail a été produite par Fenêtresur et le prezi fait par Martheaucdi

2. L’industrie des données : serveur, datacenter, câbles…

 

Un data center, c’est un bâtiment dans lequel il y a des armoires de serveurs. Image

Voici un data center de Facebook en Finlande. Il mesure 11 terrains de foot. Image

les serveurs communiquent sur la planète, via des connexions. Il s’agit principalement de câbles (cas des ordinateurs – ADSL/Fibre) et de connexion par satellites (4G).

Submarine Cable Map
La carte interactive des câbles sous-marin

Dans les coulisses des centres de données de google