Environnement numérique

Environnement numérique

Écosystème Numérique et Web

​Passer d'une utilisation personnelle à une utilisation professionnelle du numérique

​

​Sélectionner

​

​Utiliser

​

​Créer

Écosystème Numérique et Web

​Objectifs :

​

​Appréhender les outils

​

Structurer un document

​

Mettre en forme un document

​

Collaborer et organiser

​

Diffuser du contenu

Écosystème Numérique et Web

​Projet 1 : création d'un site de présentation personnelle

• ​Identité visuelle

• ​CV (HTML/CSS)

• ​Portfolio

• ​Vidéo de présentation

​

​

P2 : Projet d'ouverture

P3 : Projet d'ouverture (autre spé)

P4 : Projet de confirmation de spé

Et maintenant ...​ Voyons ce que vous savez !

​Et apprenons deux ou trois petites choses au passage

Multiple Choice

Qu'est ce que c'est ?

• Une machine à écrire

• Une machine à chiffrer

• Le premier ordinateur

• Une calculette

Multiple Choice

Qu'est ce que c'est ?

• Un central téléphonique

• Le premier serveur

• Le premier ordinateur

• La machine de Turing

Multiple Choice

Qu'est ce que c'est ?

• Un central téléphonique

• Le premier super calculateur

• Le premier ordinateur

• La première salle serveur

​Un ordinateur aujourd'hui ...

... voyons si vous connaissez

Multiple Choice

Qu'est ce que c'est ?

• Un GPU

• Un CPU

• Un icro pour sa sœur

• Un transistor

Multiple Choice

Qu'est ce que c'est ?

• Un GPU

• un disque dur

• un disque SSD

• De la mémoire vive

Multiple Choice

Qu'est ce que c'est ?

• Un périphérique de sortie

• Un périphérique d'entrée

• Un afficheur tête haute

• Une interface graphique

Multiple Choice

Qu'est ce que c'est ?

• Un périphérique de sortie

• Un périphérique d'entrée

• Une souris

• Un clavecin

Multiple Choice

Qu'est ce que c'est ?

• Un périphérique de sortie

• Un périphérique d'entrée

• Un HDD

• Un CPGD

Multiple Choice

Qu'est ce que c'est ?

• Un périphérique de sortie

• Un périphérique d'entrée

• Un disque dur

• Une barrette de RAM

Multiple Select

Que trouve-t-on vraiment dans un ordinateur ?

• De l'électricité

• Des images

• Des 0 et des 1

• Du

​1

​

​

​0

​Electricité

​Représentation

​(binaire)

​0 1 0 0 0 1 1 0

Octet

​1 bit

Bit

​

Octet (o) / Byte (b)

​

​Kilooctet (Ko)

​

​Megaoctet (Mo)

​

​Gigaoctet (Go)

​

​Teraoctet (To)

 0 ou 1

​

8 bits

​

1000 octets

​

1000 kilo-octets

​

1000 megaoctets

​

1000 gigaoctets

Bianaire > décimal

​0 1 0 0 0 1 1 0

Bianaire > décimal

1 1 1 1 1 1 1 1

1 2 3 4 5 6 7 8 9 A B C D E F

​

​

​

​Hexadécimal (base 16)

2B

​

​

​

​43

​Hexadécimal (base 16)

​Hexadécimal (base 16)

Multiple Choice

Qu'est ce que c'est ? 

#FF0000

• Un hashtag

• Un nombre en héxadécimal

• Une couleur

• Un octet

FF

RGB

00

00

Rouge

Vert

Bleu

Et les lettres ?

Et les lettres ?

​A => 65

​B => 66

​C => 67

​...

Et les lettres ?

Première norme : ASCII (American Standard Code for Information Interchange)

​

​

​D'autres normes : UTF-8 / UTF-16 / UTF-32 / ...

​(Universal Character Set Transformation Format)

Multiple Choice

A quoi correspond le 8 / 16 / ... après UTF ?

• Nombre d'octets

• La version

• L'année de publication

• L'encodage

​Langage de programmation

​v

​Compilateur / Interpréteur

​v

Binaire​

​v

​Système d'exploitation

​v

​Machine

Logiciels

​

​

​

Système d'exploitation

​

​And now something completely different ...

​+2 la référence

Multiple Choice

D'où vient internet ?

• Inventé par la DARPA

• Inventé par Microsoft

• Inventé par Google

• Inventé par AT&T

​*

​INTERconnection of NETwork

Multiple Choice

Internet == Web ?

• Oui

• Non

Multiple Select

Qu'est ce qui utilise internet sans être du web ?

• FTP

• Les emails

• SSH

• DNS

​IP

​

​Internet Protocol

0-255 . 0-255 . 0-255 . 0-255

​

Par exemple : 12.234.34.98

​... on parlera d'IP v6 plus tard

​HTTP

​

​HyperText Transfert Protocol

Multiple Choice

Que veut dire HTML ?

• Hyper Transfert Media Language

• HyperText Markup Language

• Hyper Transfert Markup Language

Multiple Choice

Qu'est ce que c'est ?

• Un très joli dessin

• Une architecture client/serveur

• Un schéma d'envoie d'emails

• Le

​Que se passe-t-il quand ...

​J'appuie sur alt-F4 ?

Pourquoi le curseur bouge quand je bouge la souris ?

​

Quelles sont les différences entre E et é ?

​

Chrome et Filezilla : différences et points communs ?

​

Smartphone et ordinateur : différences et points communs ?

​

Gmail et Word : différences et points communs ?

​

Docx et HTML : différences et points communs ?