UNIVERSITE CHOUAIB DOUKKALI

FACULTE DES SCIENCES

EL JADIDA

Code Classroom: llgcozh

Prof. ARHOUNI Fatima Ezzahra

[Link]@[Link]
 Digital Skills
Séquence 1 : Environnement de Travail matériel

Objectifs
1 Préparer et manipuler son environnement de travail

2 Utiliser les outils offerts par les environnements d’apprentissage en ligne

3 Rechercher efficacement des ressources numériques

4 Produire des documents sous format de document MS Word en respectant les standards

5 Réaliser des présentation structurées et animées en utilisant MS Powerpoint

6 Organiser, traiter et visualiser les données en utilisant MS Excel

 Digital Skills
Séquence 1 : Environnement de Travail matériel

Environnement de Travail
01 08
matériel MS Teams

Environnement de Travail 02 07
Logiciel
Séquences MS PowerPoint

03 06
Internet et le Web MS Excel

04 05
Intelligence Artificiel MS Word
 Digital Skills

1-2 Composants d'un

ordinateur

Séquence 1
1-1 Histoire de 1-3 Les périphériques
l’ordinateur Environnement de Travail d’entrée et de sortie
matériel

1-5 Fonctionnement 1-4 Evolution du

du microprocesseur microprocesseur
Digital Skills
Séquence 1 : Environnement de Travail matériel

Histoire de l’ordinateur
Invention révolutionnaire
 Digital Skills
Séquence 1 : Environnement de Travail matériel

Préhistoire
Introduction

Évidement, il n’y avait pas d’ordinateur durant la préhistoire

Les premiers être humain devait d’abord imaginer une façon
de compter et de calculer

Aujourd’hui, l’homme possède l’élément de calcul parfait pour effectuer ses taches : L’ordinateur
 Digital Skills
Séquence 1 : Environnement de Travail matériel

Premier ordinateur rustique : le Boulier

Machine à calculer
Boulier en bois ou Abacque

Opérations mathématiques: l'addition, la soustraction, la multiplication et la division, la racine carrée

Digital Skills
Séquence 1 : Environnement de Travail matériel

Comment on a passé de ça à ça

Avant Après
Digital Skills
Séquence 1 : Environnement de Travail matériel

Générations des ordinateurs

1ère 2ème 3ème 4ème

génération génération génération génération

1940-1950 1953-1955 1960-1969 1970- Présent

 Digital Skills
Séquence 1 : Environnement de Travail matériel

Générations des ordinateurs

Premiers ordinateurs électroniques
1946
• 100 000 additions, 357
l’ENIAC (Electronic Numerical Integrator and Computer)
multiplications ou 38
divisions par seconde
Première
génération des • Résolution des
ordinateurs: équations complexes,
programmables moins d’erreurs
1940 – 1950 • Rapidité: Tubes à vide

• 30 tonnes et mesure 24
mètres de long, 5 de haut,
4 de large.
 Digital Skills
Séquence 1 : Environnement de Travail matériel

Générations des ordinateurs

1947

TRADIC (TRAnsister Digital Computer)

• Utilise que des transistors et des
diodes et aucun tube à vide

Deuxième • Réduit la taille des ordinateurs et

génération des leur consommation énergétique
ordinateurs: • Moins coûteux
transistor
1953 – 1955 • Grandes fiabilité

• Révolution dans l’histoire de

l’ordinateur
 Digital Skills
Séquence 1 : Environnement de Travail matériel

Générations des ordinateurs

• Basée sur des circuits

intégrés
1964
• Circuits plus petits, rapides
Troisième et fiables que les transistors IBM-360
génération des et les tubes à vide
ordinateurs:
• Taille et de la consommation
mini-ordinateur d'énergie réduite (miniaturisation)
1960 – 1969
• Puissance et efficacité élevée

• Meilleure gestion de la mémoire

• Capacités de traitement de données plus avancées

 Digital Skills
Séquence 1 : Environnement de Travail matériel

Générations des ordinateurs

1972
Micral N (Intel 8008 )
• Utilise un Microprocesseur
Quatrième
génération des • Un seul circuit intégré
ordinateurs : les
micro- • Taille et coût réduit
1973
ordinateurs Xerox Alto
1970- Présent • Création des premiers
ordinateurs personnels
Digital Skills
Séquence 1 : Environnement de Travail matériel

Générations des ordinateurs

Le micro- Le micro-
Le boulier
ordinateur processeur

Les premières
machines à Le transistor De nos jours
calculer

Les ordinateurs Les ordinateurs

programmables à lampes
Digital Skills
Séquence 1 : Environnement de Travail matériel

Aujourd’hui, un ordinateur c’est quoi?

Machine à calculer Machine à communiquer

Un outil à la mode que tout le monde possède,

Sert à communiquer avec qui en veut,
Un produit commercial très rentable,
Avec quoi les étudiants font leurs devoirs,
Ce qui donne accès à internet.
Digital Skills
Séquence 1 : Environnement de Travail matériel

Composants d'un ordinateur

 Digital Skills
Séquence 1 : Environnement de Travail matériel

L’ordinateur

Données
Matériels Résultats
Programmes
et logiciels

Recevoir des Les enregistrer Les manipuler Fournir un résultat

données
Digital Skills
Séquence 1 : Environnement de Travail matériel

Les principaux composants d’un ordinateur

L’ordinateur est constitué de l’unité centrale et des périphériques

Digital Skills
Séquence 1 : Environnement de Travail matériel

Les principaux composants d’un ordinateur

 Digital Skills
Séquence 1 : Environnement de Travail matériel

Carte mère

Carte électronique qui permet d’interconnecter les

différents composants d’un ordinateur
 Digital Skills
Séquence 1 : Environnement de Travail matériel

Microprocesseur (CPU)
Cerveau de l'ordinateur

Le paramètre du CPU qui définit sa rapidité de

calcul est la fréquence d’horloge: Hz

Moteur et cerveau de l’ordinateur

Il est constituée de :
❖ L’unité de calcul : permet d’effectuer les opérations
arithmétiques et les opérations logique.
❖ L’unité de commande : permet de contrôler, gérer et
organiser les travaux réalisés par le CPU.
Digital Skills
Séquence 1 : Environnement de Travail matériel

La mémoire Vive (RAM — Random Access

Memory)
❖ Accessible en lecture et en écriture
❖ Monter sur des barrette SIMM
❖ Information stockées sont accessibles directement par
le microprocesseur
❖ Données effaçables dès que l’ordinateur est mis hors
tension

Volatile: stockage de
données à court terme
 Digital Skills
Séquence 1 : Environnement de Travail matériel

La mémoire Morte (ROM — Read-Only

Memory)
Mémoire en lecture seule

❖ Mémoire non volatile: Permet de stocker en absence de

courant électrique
❖ Contient les programmes de constructeur (bios)
nécessaires au démarrage de l’ordinateur

La mémoire est caractérisée par sa capacité, elle est

mesurée en octet (un octet représente un caractère)
 Digital Skills
Séquence 1 : Environnement de Travail matériel

Disque dur
Rôle:
❖ Utilisé pour stocker du contenu et des données
numériques sur les ordinateurs de manière permanente
Avec l'apparition de USB,
❖ Branché directement sur la carte mère
Disque dur externe: des boîtiers externes
permettant de connecter un disque dur sur un
port USB
 Digital Skills
Séquence 1 : Environnement de Travail matériel

Disque dur

Integrated Drive Electronics Serial Advanced Technology Attachment Serial Advanced Technology AUachment

❖ Technologie plus ancienne ❖ Technologie plus récente ❖ Utilise une mémoire flash pour
❖ Utilise une interface ❖ Utilise une interface série stocker les données
parallèle ❖ Plus rapide et plus efficace ❖ Ne comportent aucune pièce mobile
que IDE ❖ Plus rapides, plus silencieux et plus
durables
Digital Skills
Séquence 1 : Environnement de Travail matériel

Les périphériques d’entrée et de

sortie
Digital Skills
Séquence 1 : Environnement de Travail matériel

Schéma fonctionnel d’un ordinateur

 Digital Skills
Séquence 1 : Environnement de Travail matériel

Périphérique
Tout composant
permettant de
faire communiquer
l’ordinateur avec
le monde extérieur
Digital Skills
Séquence 1 : Environnement de Travail matériel

Types de périphérique

Permet de
Permet de Double
transmettre les
communiquer de fonctionnalité:
informations de
l’information à un introduire/ressortir l’ordinateurs vers
ordinateur de l’information
les utilisateurs

Entrés Entrés/ Sorties Sorties

 Digital Skills
Séquence 1 : Environnement de Travail matériel

Clavier Ecran
Souris Saisir des informations Afficher des informations
Déplacer le pointeur,
sélectionner, valider
Imprimante
Imprimer des textes

Video projecteur
Scanner Projécter sur un mur
Numérise des images,
textes

Microphone
Enregistrer le voix:
Discussions Clé USB Video projecteur
Stocker et restituer Projécter sur un mur
Digital Skills
Séquence 1 : Environnement de Travail matériel

Evolution du microprocesseur
Digital Skills
Séquence 1 : Environnement de Travail matériel

Quelle est l'histoire du microprocesseur?

Circuits intégrés
3ème génération
Microprocesseur
1960 et 1970
Transistors
2ème génération
TRADIC

Tubes à vide
1ère génération
ENIAC
 Digital Skills
Séquence 1 : Environnement de Travail matériel

Loi de Moore: évolution des microprocesseurs

Intel i9-11900K
17 milliards de transistors

4 bits
8 bits

Intel 4004
2300 transistors
Digital Skills
Séquence 1 : Environnement de Travail matériel

Miniaturisation

Finesse de gravure
10 nanomètres ≈ taille des atomes
Digital Skills
Séquence 1 : Environnement de Travail matériel

Utilisation du microprocesseur

Smartphone Ordinateur SmartWatch

Digital Skills
Séquence 1 : Environnement de Travail matériel

Fonctionnement du
microprocesseur
Digital Skills
Séquence 1 : Environnement de Travail matériel

Langage microprocesseur
Traduction du langage binaire en code ASCII
Langage machine: Binaire (American Standard Code for Information Interchange)

Passage du courant

Par exemple A, se traduit par 1000001, le B par 01000010

Digital Skills
Séquence 1 : Environnement de Travail matériel

Architecture du transistor

Interrupteur commandé par la grille

Digital Skills
Séquence 1 : Environnement de Travail matériel
3- Effectue l'opération
Fonctionnement du microprocesseur arithmétique sur les
données

2- Décode l'instruction
1- Charge les données

4- Stock les résultats des opérations

arithmétiques et logiques
 Digital Skills
Séquence 1 : Environnement de Travail matériel

Exercice
Horizontale
1 2 3 4 5 6 7 8 9 10 1-Permet de taper du texte
1 4-Element de l’unité de stockage
2
5-Permt de faire le choix sur l’écran
3
10-Relie les composants de l’ordinateur
4
Verticale
5
1-Abreviation du web cam
6

7
2-Permet de connecter l’ordinateur à internet
8 5- Elément de l’unité de sortie
9 7-Mémoire non volatile
10 8- Mémoire volatile (inverse)
9-Un système d’exploitation
 Digital Skills

1-2 L’Histoire des

Systèmes d’exploitation

Séquence 2
1-1 Systèmes 1-3 L’Histoire des
d’exploitation (SE/OS) Environnement de Travail Systèmes d’exploitation
Logiciel WINDOWS

1-5 Gestion Dossiers 1-4 Découverte de

- Fichiers l’interface WINDOWS
Digital Skills
Séquence 2 : Environnement de Travail Logiciel

Systèmes d’exploitation (SE/OS)

Digital Skills
Séquence 2 : Environnement de Travail Logiciel

Système informatique

Matérielle Logicielle

Hardware Software
 Digital Skills
Séquence 2 : Environnement de Travail Logiciel

Types de systèmes d’exploitation

Il existe de nos jours de très nombreux système d’exploitation SE ou OS pour
Operating System

Systèmes d’exploitation pour PC Systèmes d’exploitation pour Mobiles

Windows, Linux, MAC OS Android, IOS

Digital Skills
Séquence 2 : Environnement de Travail Logiciel

Types de systèmes d’exploitation

Il existe de nos jours de très nombreux système d’exploitation SE ou OS pour
Operating System

Systèmes d’exploitation cartes électroniques

embarqués

OS raspbian
Digital Skills
Séquence 2 : Environnement de Travail Logiciel

Fonctionnalités d’un SE

Ensemble de système qui vont faire la

jonction entre les logiciels applicatifs que
vous allez lancé et les ressources
matérielles de votre ordinateur

Simplifier la communication
entre les applications et le
matériel
 Digital Skills
Séquence 2 : Environnement de Travail Logiciel

Composants d’un SE

Outils qui aident les développeurs

à créer des programmes

Gère toutes les

fonctions essentielles
du matériel
 Digital Skills
Séquence 2 : Environnement de Travail Logiciel

Composants d’un SE

Gère toutes les

fonctions essentielles
du matériel

Permettant d'utiliser le SE en
utilisant des éléments graphiques
comme les icônes, les menus et
les images
 Digital Skills
Séquence 2 : Environnement de Travail Logiciel

Composants d’un SE
Permettent aux utilisateurs
avancés ou professionnels
d’interagir avec le SE via un
terminal

Gère toutes les

fonctions essentielles
du matériel

Terminal
Digital Skills
Séquence 2 : Environnement de Travail Logiciel

Composants d’un SE

La gestion des processus

L’utilisation et la gestion des ressources de

l’ordinateur comme la mémoire

Le stockage et la manipulation de fichiers

La gestion des Entrées/Sorties

La gestion des communications Réseaux

Digital Skills
Séquence 2 : Environnement de Travail Logiciel

L’Histoire des Systèmes d’exploitation

 Digital Skills
Séquence 2 : Environnement de Travail Logiciel

1ère génération 2ème génération 3ème génération 4ème génération

1949-1955 1956-1965 1961-1972 1972-Aujourd’hui
Digital Skills
Séquence 2 : Environnement de Travail Logiciel
L’accès à un
ordinateur est
La phase de la préhistoire (1949-1955) direct sans
présence de SE

L’ENIAC
Exécution des programmes se fait à contact direct de la machine
Digital Skills
Séquence 2 : Environnement de Travail Logiciel

La phase de la préhistoire (1949-1955)

• Il n'existait pas de système d'exploitation.

• De grosses machines qui remplissaient des salles entières.

• Les utilisateurs travaillaient chacun leur tour sur l'ordinateur

qui remplissait une salle entière.

• Ils étaient d'une très grande lenteur.

• Le constructeur de la machine et celui qui fait également la

conception, la programmation et en plus c’est lui-même qui
opère directement sur cette même grosse machine.
Digital Skills
Séquence 2 : Environnement de Travail Logiciel

La deuxième phase (1956-1965)

Début des systèmes d’exploitation

Programmeur

Cartes perforées
Programmes charger et décharger en
entrée et en sortie de l’ordinateur
Digital Skills
Séquence 2 : Environnement de Travail Logiciel

La deuxième phase (1956-1965)

Traitement par lots

Suite d’instruction et de données dans un ensemble

de cartes perforées utilisé pour exécuter l’un après
l’autre des grands calculs, avec peu d’intervention
utilisateur.
Digital Skills
Séquence 2 : Environnement de Travail Logiciel

La deuxième phase (1956-1965)

l’utilisateur se contente de déposer son travail au guichet du centre de calcul pour y

récupérer les résultats quelques heures plus tard.

Principale
composante
des
ordinateurs
des années 50
 Digital Skills
Séquence 2 : Environnement de Travail Logiciel

La troisième phase (1961- 1972)

Système multiprogramme Temps partagé

❖ Partitionnement de la mémoire pour des ❖ Partage d’ordinateur entre une communauté

tâches différentes) d’utilisateurs simultané
❖ Plusieurs programmes peuvent tourner en ❖ Variante de la multiprogrammation (chaque
parallèle sur une même machine utilisateur possède un terminal en ligne
Digital Skills
Séquence 2 : Environnement de Travail Logiciel

La troisième phase (1961- 1972)

Temps partagé Conservation des donnée et
programmes des utilisateurs

Donne
l’utilisateur le
pouvoir de
déclencher
des travaux
par la frappe
de
commandes
et de recevoir
les résultats
 Digital Skills
Séquence 2 : Environnement de Travail Logiciel

La quatrième phase (1972- Aujourd’hui)

Microprocesseurs-Ordinateurs personnels

1981 MS-DOS
IBM PC Mode réel, mono tache mono
utilisateur

Microsoft
Bill Gates et Paul
Allen

MS-DOS a été remplacé par des systèmes d'exploitation plus

évolués, notamment Windows
Interface en ligne de commande
Digital Skills
Séquence 2 : Environnement de Travail Logiciel

L’Histoire des Systèmes d’exploitation

WINDOWS
 Digital Skills
Séquence 2 : Environnement de Travail Logiciel

Les débuts (les années 1975)

Bill Gates et Paul Allen

Nouveau-Mexique, États-Unis

Première et nouvelle génération de

système d'exploitation à interface
utilisateur graphique
 Digital Skills
Séquence 2 : Environnement de Travail Logiciel

MS-DOS (1981)
Microsoft Disk Operating System

❖ Interface de ligne de commande

❖ MS-DOS est efficace, difficile à comprendre
 Digital Skills
Séquence 2 : Environnement de Travail Logiciel

Windows 1 (1985)
Outil de traitement de texte
Gestion des fichiers MS-dOS
Accessibilité visuelle

❖ Utilisation de la souris pour pointer et

cliquer.
❖ Menus déroulants, des barres de
défilement, des icônes, des boîtes de
dialogue qui facilitent l'apprentissage et
l'utilisation des programmes.

Jeu
Peinture
 Digital Skills
Séquence 2 : Environnement de Travail Logiciel

Windows 3 (1990)

❖ Connu pour son interface utilisateur

graphique (GUI) et ses capacités
multitâches améliorées.

❖ Ensemble d'icônes et d'applications

telles que gestionnaire de fichiers et
gestionnaire de programmes

❖ Signe l’arrivée du fameux jeu du solitaire

 Digital Skills
Séquence 2 : Environnement de Travail Logiciel

Windows 95 (1995)

Nouvelles fonctionnalités

❖ Registre plus facile

❖ Clic droit de la souris
❖ Lecteur CD
❖ Barre des tâches, menu démarrer et
corbeille.

Pour usage domestique et utilisateur

technique limité
 Digital Skills
Séquence 2 : Environnement de Travail Logiciel

Windows XP (2001)

❖ Nouveau design visuel

❖ Fiabilité, sécurité et performance
❖ Inclure des fonctionnalités pour l'informatique
professionnelle et domestique avancée
❖ Prise en charge du bureau à distance
❖ Chiffrement du système de fichiers et restauration du
système
 Digital Skills
Séquence 2 : Environnement de Travail Logiciel

Windows Vista (2007)

❖ L'interface aéro,
❖ La recherche windows,
❖ La barre latérale et les gadgets,
❖ Le contrôle du compte de l'utilisateur et le
chiffrement

Problèmes de sécurité et problèmes de

performances
 Digital Skills
Séquence 2 : Environnement de Travail Logiciel

Windows 7 (2009)

❖ Windows 7 démarre, s'arrête et sort de veille

plus rapidement que les versions précédentes
❖ Offre de nouvelles fonctionnalités pour mieux
protéger votre sécurité et votre confidentialité
 Digital Skills
Séquence 2 : Environnement de Travail Logiciel

Windows 10 (2015)

❖ Un menu démarrer remanié,

❖ Cortana: assistant numérique à
commande vocale
❖ Un navigateur microsoft edge,
❖ Des bureaux virtuels, une vue des tâches,
 Digital Skills
Séquence 2 : Environnement de Travail Logiciel

Windows 11 (2021)

❖ Renouveau graphique
❖ Simplicité d'utilisation et la flexibilité
❖ Sous-système Windows pour Android
 Digital Skills
Séquence 2 : Environnement de Travail Logiciel

Windows 365

❖ Service qui permet aux entreprises

de diffuser un bureau windows sur
n'importe quel appareil
❖ Permet à vos employés d'accéder aux
systèmes d'exploitation Windows 10
et Windows 11 sur le cloud via un
navigateur Web.
 Digital Skills
Séquence 2 : Environnement de Travail Logiciel

Windows 365

Office 365 est un logiciel basé sur le cloud qui

comprend une bonne variété de produits logiciels
Microsoft: Word, Excel, PowerPoint, OneNote et
Outlook.
 Digital Skills
Séquence 2 : Environnement de Travail Logiciel

QCM
Le programme _______ compresse les gros fichiers en un fichier plus petit.
1. WinZip
2. WinShrink
3. WinStyle
4. Aucune de ces réponses

Lequel des systèmes d’exploitation suivants n’implémente pas réellement le multitâche ?

1. Windows XP
2. MS DOS
3. Windows NT
4. Windows 98

Quel navigateur web est fourni par défaut avec Windows ?

1. Chrome
2. Internet explorer
3. Opera
4. Netscape
 Digital Skills
Séquence 2 : Environnement de Travail Logiciel

QCM
Identifier la fausse déclaration
1. Vous pouvez trouver les fichiers supprimés dans la corbeille
2. Vous pouvez restaurer tous les fichiers de la corbeille si vous en avez besoin.
3. Vous pouvez augmenter l’espace libre du disque en envoyant des fichiers dans la corbeille.
4. Vous pouvez faire un clic droit et choisir de vider la corbeille pour la nettoyer en une seule fois.

Dans n’importe quelle fenêtre, le bouton de maximisation, minimisation et le bouton de fermeture apparaissent
sur ____________
1. La barre d’outils
2. La barre de titre
3. La barre de menu
4. La barre d’état
 Digital Skills
Séquence 2 : Environnement de Travail Logiciel

QCM
Windows 95, Windows 98, Windows NT sont connus sous le nom de ___________
1. Systèmes d’exploitation
2. Modems
3. Noms de domaine
4. Processeurs

« Maximiser » une fenêtre, cela signifie ________.

1. la faire glisser vers la corbeille
2. La remplir au maximum
3. L’agrandir pour l’adapter au bureau
4. Aucune de ces réponses

Un(e) ___________ contient des boutons et des menus qui permettent d’accéder rapidement aux commandes
les plus utilisées.
1. barre de menu
2. barre d’outils
3. barre de titre
4. barre de recherche
 Digital Skills

1-2 Comment 1-3 Fonctionnement

fonctionne Internet ? du web

1-4 Introduction aux

1-1 Histoire Séquence 3 technologies web de
d’Internet
Internet et le web base : HTML, CSS et
JavaScript

1-6 Recherche 1-5 Comment

avancée sur Google fonctionnent les
moteurs de
recherche ?
 Digital Skills
Séquence 3 : Internet et le web

Introduction
Différence entre web et internet

Façon d’utiliser internet Réseaux qui relié les

pour consulter des ordinateurs entre eux
milions des pages web
Digital Skills
Séquence 3 : Internet et le web

Introduction
Internet
Infrastructure matérielle

Application
 Digital Skills
Séquence 3 : Internet et le web

Qu’est ce que le web ?

Applications
Applications dans tous les domaines d’activités

Tim Berners-Lee
Digital Skills
Séquence 3 : Internet et le web

Histoire d’internet
Digital Skills
Séquence 3 : Internet et le web

1960: Réseau informatique (Network)

Câbles pour transporter

l'information numérique
Digital Skills
Séquence 3 : Internet et le web

1960: Réseau informatique (Network)

En cas d'attaque nucléaire

Ligne coupée

AUCUNE DONNÉE DISPONIBLE

Digital Skills
Séquence 3 : Internet et le web

ARPANET (1971)
Si un centre explosait ou qu'une ligne était coupée, les autres centres pourraient encore
communiquer entre eux en passant par d'autres chemins

Interconnecter les
réseaux de chaque
centre

Multiplier le
chemin de chaque
centre
Digital Skills
Séquence 3 : Internet et le web

Frise chronologique

Envoie du premier Adoption du 1987 10 000

1971 courrier 1983 ordinateurs
terme
électronique internet connectés

23 1000 100 000

1979 ordinateurs 1984 ordinateurs 1989 Ordinateurs
connectés connectés connectés

Communication entre les scientifiques et

les universités
Digital Skills
Séquence 3 : Internet et le web

Expansion d'internet
1991 1995 1998
Invention du Navigateur Lancement de
Word Wide Web Internet Explorer Google

+ + + +

1993 1995
Navigateur Navigateur
MOZAIC Yahoo
Digital Skills
Séquence 3 : Internet et le web

Avènement du Web 2.0 (2000)

Lire, consulter du Créer, partager,

contenu statique collaborer
 Digital Skills
Séquence 3 : Internet et le web

Ère de la mobilité (2010)

Utilisation d’internet sur mobile et tablette
Popularisation des smartphones et
des tablettes
Digital Skills
Séquence 3 : Internet et le web

Internet des objets

Les voitures, les montres intelligentes, les appareils
domestiques, les villes intelligentes…
Digital Skills
Séquence 3 : Internet et le web

Comment fonctionne Internet ?

 Digital Skills
Séquence 3 : Internet et le web

Comment fonctionne internet?

Adresse IP Système de Noms

de Domaine

Routeur
Digital Skills
Séquence 3 : Internet et le web

Adresse IP
Numéro unique qui identifie et localise un appareil sur le vaste
réseau

Adresse du Machine
réseau individuelle
Digital Skills
Séquence 3 : Internet et le web

Adresse IP

Emetteur doit fournir dans

chaque message son adresse
IP
 Digital Skills
Séquence 3 : Internet et le web

Types d'adresses IP
Internet Protocol version 4 - 4 nombres séparés par des points
- Chaque nombre peut varier de 0 à 255

4.3 milliard adresses IP disponibles

Insuffisant aujourd’hui

Internet Protocol version 6 - 8 groupes de quatre chiffres hexadécimaux

- Séparés par deux points
Digital Skills
Séquence 3 : Internet et le web

DNS (Système de Noms de Domaine)

Sert à traduire l’URL en adresse IP

Les humains ont tendance à se

souvenir plus facilement des noms
de domaine (comme
[Link]) que des
longues séquences de chiffres qui
composent les adresses IP.
 Digital Skills
Séquence 3 : Internet et le web

Routeurs

Rôle
• Assurer la connectivité et
l'acheminement des données sur
Internet.
• Relier différents réseaux entre eux et
permettre la transmission des
informations

Les données passent par de nombreux routeurs différents

Digital Skills
Séquence 3 : Internet et le web

Routage
Déterminer le chemin le plus court et le plus fiable pour acheminer les paquets
de données d'un point à un autre sur le réseau

Table de routage

Chemin court
Digital Skills
Séquence 3 : Internet et le web

Comment fonctionne le web ?

Digital Skills
Séquence 3 : Internet et le web

Qu’est ce que le web ?

Le Web est l’abréviation de World Wide Web
Service accessible par internet

Service d’échange de ressources

Digital Skills
Séquence 3 : Internet et le web

Qu’est ce que le web ?

Le Web est l’abréviation de World Wide Web
Service accessible par internet
Réseau de documents
Service d’échange de ressources

Toile d’araignée
Digital Skills
Séquence 3 : Internet et le web

Qu’est ce que le web ?

Service d'échange de ressources via internet

Ressources Consultation
Digital Skills
Séquence 3 : Internet et le web

Principe du client-serveur
Digital Skills
Séquence 3 : Internet et le web

Protocoles de communication : HTTP et HTTPS

Protocole

Ensemble de règles et de conventions qui permettent à deux

entités, de communiquer et d'échanger des informations de
manière structurée et organisée.
Digital Skills
Séquence 3 : Internet et le web

Protocoles de communication : HTTP et HTTPS

Le hacker peut voir le mot de

passe en clair

Le hacker voit un mot de passe,

mais il est crypté et donc illisible
 Digital Skills
Séquence 3 : Internet et le web

URLs (Uniform Resource Locators)

Ressource URL

Ressource non trouvée Erreur 404

Adresse unique permettant de localiser une

ressource sur le web
 Digital Skills
Séquence 3 : Internet et le web

URLs (Uniform Resource Locators)

La manière dont les Il indique l’emplacement

Il identifie le serveur
données sont échangées de la ressource sur le
hébergent la
entre le client et le serveur
ressource
serveur
Digital Skills
Séquence 3 : Internet et le web

Qu’est ce que le web ?

Digital Skills
Séquence 3 : Internet et le web

Introduction aux technologies web de

base : HTML, CSS et JavaScript
Digital Skills
Séquence 3 : Internet et le web

HTML, CSS, JavaScript

Contenue

Style

Comportement
 Digital Skills
Séquence 3 : Internet et le web

HTML (hypertext markup language)

• Le langage de base pour créer des pages web
• Permet de décrire le contenu d’un document (titres, paragraphes, disposition des images, etc.) en utilisant
des balises

Une balise commence et se termine par les caractères inférieur

et supérieur (<>)
Digital Skills
Séquence 3 : Internet et le web

Exemple de création de page web

Titre, paragraphe et image

Lancer votre Enregistrer le Saisir le code Visualiser votre

éditeur fichier html page
Sublime text ou Avec l’extention En utilisant les À l’aide du
Visual studio .html balises navigateur
 Digital Skills
Séquence 3 : Internet et le web

CSS (Cascading Style Sheets)

Langage de feuilles de style qui permet de contrôler l'apparence
des pages web

• Les couleurs,
• Les polices,
• Les marges
• Autres aspects visuels de votre site web
Digital Skills
Séquence 3 : Internet et le web

JavaScript
Langage de programmation qui permet d'ajouter des
fonctionnalités interactives à votre site web

Applications web puissante

Digital Skills
Séquence 3 : Internet et le web

Page web
Digital Skills
Séquence 3 : Internet et le web

Comment fonctionnent les moteurs de

recherche ?
Digital Skills
Séquence 3 : Internet et le web

Qu'est-ce qu'un moteur de recherche ?

Système logiciel conçu pour rechercher des
informations sur le web

Information pertinente
Digital Skills
Séquence 3 : Internet et le web

Histoire des moteurs de recherche

Archi

1990 1994 1995 1998 2009

Évalue l’importance d’une page

en fonction du nombre et de la
qualité des liens qui pointent
vers elle
Digital Skills
Séquence 3 : Internet et le web

Fonctionnement des moteurs de recherche

 Digital Skills
Séquence 3 : Internet et le web

Google
Les Robots Google stockent les
exploitent le web pour pages web
trouver de nouvelles pages dans son Google s’appuie sur
index des algorithmes pour
déterminer quelle
information afficher

Des résultats
Utiles et pertinentes
Digital Skills
Séquence 3 : Internet et le web

Recherche avancée sur Google

TP
Digital Skills
Séquence 3 : Internet et le web
Conclusion: frise chronologique sur l’histoire
d’internet
•internet est une application du web
•internet et le web, c'est la même chose.

Digital Skills
Séquence 3 : Internet et le web
QCM
Qui est à l'origine de la création du web: Qu’est-ce qu'Internet ? :
1. Bill Gates 1. un réseau mondial d'ordinateurs connectés
2. Tim Berners-Lee 2. un disque dur
3. Steve Jobs 3. un ensemble de pages contenant du texte et des images
4. Mark Zuckerberg 4. un moteur de recherche

Choisir la bonne réponse WWW signifie :

1. Le web est une application d'internet 1. Wild Wide World
2. internet est une application du web 2. World Wide Web
3. internet et le web, c'est la même chose. 3. Wide World Web

Les débuts d'internet peuvent être situés: Le logiciel permettant de consulter des pages Web sur
1. fin des années 60 votre ordinateur s'appelle :
2. fin des années 80 1. un surfeur
2. un serveur Web
3. un navigateur
4. un intranet
•internet est une application du web
•internet et le web, c'est la même chose.

Digital Skills
Séquence 3 : Internet et le web
QCM
Dans une URL, la partie initiale par exemple "[Link] désigne :
1. l'encodage
2. l'amorce
3. le protocole Web
4. le nom de domaine

Le rôle d'un serveur DNS est :

1. D'attribuer une adresse IP au client
2. D'attribuer une adresse IP au serveur
3. De faire la correspondance entre les noms de machines et les adresses IP
4. D'attribuer un nom de domaine à la machine qui effectue une requête

Quelle est l'URL correcte pour accéder au fichier [Link] situé dans le
répertoire /home/user1/ de la machine serveurA ?
1. [Link]
2. [Link]
3. smtp:// serveurA/home/user1/[Link]
•internet est une application du web
•internet et le web, c'est la même chose.

Digital Skills
Séquence 3 : Internet et le web
QCM
Le protocole qui permet à un client de faire une requête Sélectionner les adresses IP syntaxiquement correctes
de page Web auprès d'un serveur Web s'appelle : 1. [Link].
1. HTTP. 2. [Link].
2. WWW. 3. [Link].
3. FTP 4. [Link].
5. [Link]
Une page Web statique est :
1. Une page décrite par le langage HTML pour la forme Un routeur
et par le langage CSS pour le contenu.. 1. contient la correspondance entre des noms de
2. Une page décrite par le langage CSS pour la forme et machine et des adresses IP.
par le langage HTML pour le contenu. 2. répond aux requêtes HTTP envoyées par les
navigateurs clients.
Le sigle URL pour Uniform Ressource Locator désigne : 3. interconnecte des réseaux.
1. Le format d'adressage d'une ressource sur le Web. 4. achemine les paquets en fonction de l'adresse IP de
2. Un protocole d'échange sur le Web concurrent de destination
HTTP.
3. Le format d'adressage d'une machine sur le réseau
Internet
 Digital Skills

1-2 Histoire
IA

1-1 Introduction Séquence 4 1-3 IA

IA generative
Intelligence Artificielle

1-5 Apprendre 1-4 ChatGPT

avec ChatGPT
Digital Skills
Séquence 4 : Intelligence Artificielle

Introduction IA
Digital Skills
Séquence 4 : Intelligence Artificielle

Qu'est-ce que l'Intelligence artificielle ?

Intelligence artificielle:
Un ensemble de théories et de techniques mises en oeuvre en
vue de réaliser des machines capables de simuler l'intelligence
humaine

Intelligence artificielle:
La capacité d'un ordinateur ou d'un robot contrôlé par
ordinateur à effectuer des tâches généralement associées à
des êtres intelligents.
 Digital Skills
Séquence 4 : Intelligence Artificielle

Qu'est-ce que l'Intelligence artificielle ?

John Nilsson Prof en ingénierie
informatique à L'activité qui vise à rendre les machines intelligentes, et
l’université de Stanford l'intelligence dans cas, est la qualité qui permet à une entité de
fonctionner de manière appropriée et prévoyante dans son
environnement.

Max Tegmark Prof de l’institut MIT

Une intelligence qui n’est pas biologique

Digital Skills
Séquence 4 : Intelligence Artificielle

Qu'est-ce que l'Intelligence artificielle ?

Imitation de l'intelligence et non pas une intelligence telle qu'on

peut le concevoir chez des animaux voire chez des êtres humains
Digital Skills
Séquence 4 : Intelligence Artificielle

Les applications de l’IA

Digital Skills
Séquence 4 : Intelligence Artificielle

Types d’interactions dans le domaine de l’IA

Interaction avec une base de Interaction avec un

données environnement

IA IA
 Digital Skills
Séquence 4 : Intelligence Artificielle

Exemples des Cas d’utilisation

Exemple base de données
Prédiction
Digital Skills
Séquence 4 : Intelligence Artificielle

Exemples des Cas d’utilisation

Exemple base de données
 Digital Skills
Séquence 4 : Intelligence Artificielle

Exemples des Cas d’utilisation

Exemple base de données

Classification
Le deuxième cas d’utilisation de l’IA est la classification de
l’intégralité des images de la BD en différentes classes
 Digital Skills
Séquence 4 : Intelligence Artificielle

Exemples des Cas d’utilisation

Exemple environnement

Prédiction

Jeu d’échec
L’agent peut analyser les différentes positions des pièces et décider quel action prendre pour
mettre le roi adverse en échec
Digital Skills
Séquence 4 : Intelligence Artificielle

Exemples des Cas d’utilisation

• Les besoins d’une entreprise

Prédire • Les résultats d’un match de football
• Le prix d’acquisition d’une maison

• Les fiches produits dans les bonnes

Classer catégories
• Les e-mails en spam ou non

• Les déplacements d’un robot pour la

Contrôler détection des déchets nucléaires
• Un joueur dans un jeu de plateau
Digital Skills
Séquence 4 : Intelligence Artificielle

Histoire IA
Digital Skills
Séquence 4 : Intelligence Artificielle

Les prémices de l'IA (1940-1970)

L'interception et le décodage des messages

ENIGMA
Machine électromécanique portative servant au chiffrement et
au déchiffrement de l'information.

Protéger les messages secrets

 Digital Skills
Séquence 4 : Intelligence Artificielle

Les prémices de l'IA (1940-1970)

ENIGMA
Fonctionnement
Lorsqu'un opérateur appuie sur une touche, une diode va
éclairer une autre lettre

Exemple :
Message: ANX…,
L'opérateur appuie sur la touche A et la lampe Z s'allume alors ;
dans ce cas, Z est la première lettre du texte chiffré.
De même pour N et X

Milliards de combinaisons possibles

 Digital Skills
Séquence 4 : Intelligence Artificielle

Les prémices de l'IA (1940-1970)

Alain Turing
1936

• Une lettre est systématiquement transformée en une

autre.
• Les allemands envoient à intervalles réguliers des
messages dont le contenu peut être deviné, comme par
exemple : le bulletin matinal de météo
 Digital Skills
Séquence 4 : Intelligence Artificielle

Les prémices de l'IA (1940-1970)

Alain Turing

• Augmenter les chances de deviner les combinaisons

permettant de déchiffrer le message

1942: 40.000 messages interceptés et décryptés

1945: 80.000 communications

• Inventer une machine métallique de décryptage

d'enigma
Victory
 Digital Skills
Séquence 4 : Intelligence Artificielle

Les prémices de l'IA (1940-1970)

Dans les années 50

Les machines peuvent-elles penser ?

Évaluer la capacité d’une

machine à imiter l’intelligence
humaine
 Digital Skills
Séquence 4 : Intelligence Artificielle

Les prémices de l’IA (1940-1970)

Dans les années 60

Arthur Samuel
IA a battu le champion du
Développé une intelligence artificielle capable de
monde américain dans ce
jouer au jeu de dames en auto apprentissage domaine
 Digital Skills
Séquence 4 : Intelligence Artificielle

Les prémices de l'IA (1940-1970)

L’hiver de l’intelligence artificielle

Dans les années 70

Crise de l’IA
• L’IA traditionnelle, basée sur des règles et des
connaissances spécifiques, avait des limites
considérables
• Les programmes étaient souvent très spécialisés,
ne fonctionnant que pour des tâches spécifiques, et
ne pouvaient pas s’adapter facilement à de
nouvelles situations.
Difficultés à obtenir les
résultats qu'ils promettaient
 Digital Skills
Séquence 4 : Intelligence Artificielle

La seconde vague d’évolution de l’IA (1980-

2010)
L’ère du machine learning et du deep learning

Dans les années 80

Naissance du concept de machine learning

Technique qui utilise des probabilités statistiques

pour donner aux ordinateurs la capacité d’apprendre
par eux-mêmes sans programmation explicite
 Digital Skills
Séquence 4 : Intelligence Artificielle

La seconde vague d’évolution de l’IA (1980-

2010)
L’ère du machine learning et du deep learning
Dans les années 90

Deep blue/ IBM

Supercomputer

Le logiciel DEEP BLUE qui a battu

KASPAROV le champion du monde des échecs
 Digital Skills
Séquence 4 : Intelligence Artificielle

La seconde vague d’évolution de l’IA (1980-

2010)
L’ère du machine learning et du deep learning

Dans les années 2000-2010

• Basés schématiquement sur le fonctionnement des

neurones biologiques
• Le principe du réseau de neurones est de reproduire
schématiquement le cerveau humain

Réseaux de neurones
 Digital Skills
Séquence 4 : Intelligence Artificielle

La seconde vague d’évolution de l’IA (1980-

2010)
L’ère du machine learning et du deep learning

Dans 2010

A crée le système informatique d'intelligence

artificielle Go-playing appelé AlphaGo, qui a
vaincu le deuxième joueur de Go au monde, le
Sud-Coréen Lee Se-dol.
 Digital Skills
Séquence 4 : Intelligence Artificielle

La troisième vague d’évolution de l’IA (2020-~)

L’ère de : Big Data, le Cloud et le GPU

Big Data Cloud GPU

Fournir les mécanismes Mutualiser l'ensemble Répartir la puissance de

nécessaires à la récolte des des ressources calcul
données massives
 Digital Skills
Séquence 4 : Intelligence Artificielle

Résumé

1940 1960 1980 2000 2020

Alain Turing Arthur Samuel Maching Deep BigData,
Learning Learning Cloud, GPU

Intelligence
Artificielle
Test de Turing Deep Blue Alpha GO
1950 1970 1990 2010
Digital Skills
Séquence 4 : Intelligence Artificielle

IA Générative
 Digital Skills
Séquence 4 : Intelligence Artificielle

Introduction

Mars 2023 Il y a trois grands temps

dans la transformation
informatique

Temps de l'internet
Temps du mobile
Temps de lʼIA générative

Bill Gates le cofondateur de la fameuse société

Microsoft
Digital Skills
Séquence 4 : Intelligence Artificielle

Introduction

IA Gén
 Digital Skills
Séquence 4 : Intelligence Artificielle

Machine Learning
Apprentissage automatique sans programmation

Sous domaine de l’IA

 Digital Skills
Séquence 4 : Intelligence Artificielle

Deep Learning
Apprentissage profonde

Sous domaine de l’ML

Digital Skills
Séquence 4 : Intelligence Artificielle

Modèles discriminants vs. Modèles génératifs

Apprentissage profonde

Générer une
Classer nouvelle
image
Digital Skills
Séquence 4 : Intelligence Artificielle

L’intelligence artificielle générative

Domaine de l’apprentissage profond qui crée de nouveaux
contenus à base de ce qu'elle a appris du contenu existant
Digital Skills
Séquence 4 : Intelligence Artificielle

L’intelligence artificielle générative

Pond Texte Vidéo

Vidéo Podcast

Slides Audio

Multimodal
Digital Skills
Séquence 4 : Intelligence Artificielle

Comparaison des modèles IA générative/

classique
Classique si y est
Un nombre
𝒙 f(𝒙) 𝒚 Une classe
Une probabilité
…
Modèle ML
Input Modèle classique? Output
Modèle GenAI? GenAI si y est
Langage naturel
Une image
Audio
…
Digital Skills
Séquence 4 : Intelligence Artificielle

Types des modèles d’IA génératives

Les modèles de fondation sont entraînés
sur des données à grande échelle et
diversifiées et peuvent être utilisés ou
adaptés pour un large éventail de tâches
en aval

Modèles de texte à texte

Modèles de texte à image

Digital Skills
Séquence 4 : Intelligence Artificielle

Types des modèles d’IA génératives Les modèles

d’images génératifs
Les modèles d’images génératifs produisent de
nouvelles images
Input: image

Output: Texte Output: Image Output: Vidéo

Légende de l’image Super Résolution Animation

Réponses aux Complétion

questions visuelles d’image
Recherche par
image

Ex: CLIP Ex: CoModGAN Ex: HeyGen

 Digital Skills
Séquence 4 : Intelligence Artificielle Apprennent à
reconnaître les
Types des modèles d’IA génératives schémas linguistiques
grâce à des données
Les modèles de langues génératifs d'entraînement

Input: image

Output: Texte Output: Image Output: Audio Output: Décisions

Traduction Génération des Texte à la voix Jouer à des jeux

images
Résumés de textes
Génération des
Réponses aux vidéos
questions
Corrections
grammaticales

Ex: GPT Ex: DALL-E Ex: AudioCraft Ex: …

Digital Skills
Séquence 4 : Intelligence Artificielle

Evolution de l’IA générative

Nous devons coder en dur les règles permettant de distinguer un

chien en définissant ses caractéristiques en détail- son type ; sa
couleur ; le nombre de pattes, … etc.
 Digital Skills
Séquence 4 : Intelligence Artificielle

Evolution de l’IA générative

Est-ce bien
Nous avons pu donner au réseau des images de chats et de un chat?

chiens et lui demander s'il s'agit d’un chat et il arrive à

prédire que c’était un chien sans avoir à programmer
auparavant ses caractéristiques en détail
 Digital Skills
Séquence 4 : Intelligence Artificielle

Evolution de l’IA générative

Lisez cette énorme

collection de livres
Nous pouvons, en tant qu'utilisateurs,
générer notre propre contenu en posant
simplement une question dans l'invite.
Ainsi, lorsque vous demandez à un

Vous avez maintenant appris à connaitre les chiens modèle comme GPT ou palm qu’est-ce
et des millions d’autres concepts qu'est un chien, il peut vous donner tout
Qu’est ce
qu’un chien Un chien est… ce qu'il a appris sur un chien ainsi que
ses caractéristiques.
Digital Skills
Séquence 4 : Intelligence Artificielle

ChatGPT
 Digital Skills
Séquence 4 : Intelligence Artificielle

GPT vs. ChatGPT

ChatGPT
GPT

Generative Pre-trained Transformer)

Digital Skills
Séquence 4 : Intelligence Artificielle

GPT vs. ChatGPT

GPT ChatGPT

Large Language Model (LLM) Chatbot app powered by GPT

vs

❖ Donner aux applications d’IA ❖ S’appuie sur un ensemble de

la capacité de générer du texte paramètres de GPT
❖ L’un des plus larges réseaux ❖ Optimisé pour les dialogues
neuronaux avec des centaines et dispose de filtres pour le
de milliards de paramètres contenu
Digital Skills
Séquence 4 : Intelligence Artificielle

Les stades d’évolution des modèles GPT

 Digital Skills
Séquence 4 : Intelligence Artificielle

Fonctionnement de ChatGPT

Lorsque vous donnez une instruction ou

une phrase d'amorçage (appelée
“prompt”) à ChatGPT, le modèle
analyse le contexte et génère une
réponse en utilisant les connaissances
acquises pendant son entraînement. Il
essaie de produire une suite de mots qui
semble appropriée dans le contexte
donné.
Digital Skills
Séquence 4 : Intelligence Artificielle

Les modes d’apprentissage de GPT

 Digital Skills
Séquence 4 : Intelligence Artificielle

Entraînement avec les sources internet

• GPT est entraîné sur de vastes quantités
de données textuelles provenant d'Internet,
articles, journaux, livres, réseaux sociaux,
forums…
• Il apprend à prédire la probabilité d’apparition
d’un mot ou d’une phrase en fonction d’un texte
donné.
• ChatGPT utilise une architecture de réseau de
neurones appelée Transformer, qui est conçue
pour capturer les relations entre les mots dans un Mécanisme d’attention
Pondéré les mots
texte.
d’une phrase
 Digital Skills
Séquence 4 : Intelligence Artificielle

Entraînement avec une supervision humaine

GPT est entrainée en se basant sur ces données On demande à GPT de donner plusieurs réponses à une
(prompts/réponses) fournis par les annotateurs même question (prompt). Puis, des superviseurs classent et
jusqu’à ce qu’elle donne la réponse attendue à la évaluent la pertinence de ces réponses en donnant à chaque
demande (prompt) initiale. réponse une “récompense »
 Digital Skills
Séquence 4 : Intelligence Artificielle

Entraînement avec une supervision d’Intelligence

Artificielle

Chaque réponse sera évaluée cette fois-

ci par l’IA de récompense. Plus la note
est haute, plus GPT+ apprends à
valoriser la réponse. A la fin de
l’apprentissage, on obtient la version
actuelle de : ChatGPT
Digital Skills
Séquence 4 : Intelligence Artificielle

Apprendre avec ChatGPT