Vous êtes sur la page 1sur 35

Université de Nice – Sophia Antipolis Licence 1

Introduction à l’Informatique par le


Web
(IIW)

Cours 1 – 18 septembre 2019

Pierre Lezowski

pierre.lezowski@unice.fr
(reprend des notes de Jacques Farré)

IIW – Cours 1 1/35


Fonctionnement de l'UE

Cours Magistral le mercredi de 15h à 17h15

1 TD et 1 TP par semaine (débutent le 23
septembre)

9 semaines de cours

Enseignants

Pierre Lezowski (CM, TD et TP)

Olivier Baldellon (TD et TP)

Franck Guingne (TP)

IIW – Cours 1 2/35


Modalités de Contrôle de
Connaissances

Contrôle Continu (CC) le 5 novembre (à confirmer)


Note de TP : assiduité (obligatoire) et travail


Contrôle Continu Terminal (CCT) en décembre


Note finale = max(0,2 TP + 0,4 CC + 0,4 CCT, CCT)


Si vous êtes en Contrôle Terminal Intégral,
venez m’en parler et/ou envoyez-moi un mail.

IIW – Cours 1 3/35


Page moodle du cours

Vérifiez que vous êtes bien inscrit(e) !


https://lms.univ-cotedazur.fr (onglet ”Pédagogie” de
l’ENT)

Salles de TP

Situées au Petit Valrose (2e ou 3e étage)

Salles disponibles sur la page moodle du cours.

IIW – Cours 1 4/35


Introduction

IIW – Cours 1 5/35


L’informatique, partout

Les «ordinateurs» sont omniprésents :


Dans la vie quotidienne : téléphonie, photographie,
guichets automatiques, automobiles et transports, web,
jeux…


Dans la vie professionnelle : de l'artisan (logiciels
de comptabilité, de facturation ...) à l'ingénieur
(logiciels de simulation, de conception assistée ...)

IIW – Cours 1 6/35


Pourquoi suivre un cours
d’informatique ?

En comprendre les fondements


Pour ne pas avoir peur des ordinateurs et de leur
fonctionnement


Pour acquérir une rigueur de pensée (les
ordinateurs n'aiment pas «l'à peu près»), pour
les utiliser plus efficacement, pour être capable de
dialoguer avec un informaticien


Pour ne pas se faire piéger («phishing» par ex.) ou se
réfugier derrière des prétextes («c'est la faute à
l'ordinateur, je n'y peux rien moi»)
IIW – Cours 1 7/35
Qu'est-ce que l'informatique ?

INFORmation autoMATIQUE

Définition de l'Académie Française : Science du traitement
rationnel, notamment par machines automatiques, de
l’information considérée comme le support des
connaissances et des communications, dans les domaines
technique, économique et social

Sciences et Technologies de l’Information et de la
Communication (STIC)


Technologie : web, ordinateurs, smartphones.

Science : algorithmes, preuves, calculabilité, logique.

IIW – Cours 1 8/35


Qu'est-ce que l'informatique ? (2)


Science : donc des théories et des modèles

Traitement rationnel : c'est à dire l'utilisation de
méthodes précises, fondées, réplicables

Traitement automatique : utilisation de « langage »
que les ordinateurs peuvent « comprendre »

Traitement de l’information : texte, image, son, ...

nez électronique de la société Logiciel libre RoseGarden


Alphamos (Toulouse) (www.rosegardenmusic.com)

IIW – Cours 1 9/35


Une informatique théorique

« L'informatique n'est pas plus la science des


ordinateurs que l'astronomie n'est celle des
télescopes. » Edsger Dijkstra


Algorithme d’Euclide


Idées de Turing avant ordinateurs


Idées d’ordinateurs quantiques … avant qu’ils
n’existent.

IIW – Cours 1 10/35


Disciplines de l'informatique

Informatique théorique (algorithmique,
calculabilité, complexité, graphes,
langages formels ...)

Programmation, génie logiciel graphe de relations sous Facebook


Réseaux, logiciels de télécommunications, sécurité des
échanges d’information

Logiciels de base (systèmes d'exploitation,
bases de données, compilateurs ...)

Systèmes embarqués, robotique

Images, son, multimédia, interfaces
robot mars explorer (NASA)
homme/machine, infographie ...

Systèmes d’information, ingénierie des connaissances ...

Calcul scientifique, optimisation, intelligence artificielle,
bio-informatique, traitement des langues ...
IIW – Cours 1 11/35
Quelques domaines d'application
de l'informatique

Informatique de gestion

Compatibilité, facturation, paye, gestion des
stocks et du système de production, gestion
des relations clients, banques et bourse,
aide à la décision ...
une salle de marchés

Informatique industrielle et technologique

Conception et fabrication assistées,
modélisation et simulation de systèmes
complexes, informatique embarquée,
télécommunications et réseaux ... simulation des
écoulements d'air

Internet

e-commerce, recherche d'informations, sécurité ...

Et aussi disciplines scientifiques, médicales,
sciences humaines et sociales, arts ...
cartographie de
connexions du cerveau (INRIA)
IIW – Cours 1 12/35
Ordinateurs : des machines pour
calculer rapidement

IIW – Cours 1 13/35


Brève histoire des techniques de
calcul
des cailloux à la puce

Ordinateurs
électroniques
Machines à calculer
mécaniques
Ordinateurs
Abaques et bouliers portables
Invention
des chiffres

Machine
programmables

-3500 -500 1600 1800 1950 2000

IIW – Cours 1 14/35


Evolution des concepts

Introduction
du zéro, Algèbre
base décimale de Boole
systèmes de systèmes
numération positionnels calculs calculs machines
additifs sans zéro manuels automatisés programmables

(chiffres égyptiens) (9038 en babylonien (carte perforée)


2x3600+30x60+(30+8)) (machine de Schikard)
(238 x 13 = 3094)

-2000 500 1600 1800

IIW – Cours 1 15/35


Evolution des techniques

transistor
tube à vide
quantique ?

boulier

circuit intégré

calculi sumériens

manuel mécanique électronique moléculaire ?

IIW – Cours 1 16/35


Des ordinateurs

Différents types ordinateurs

ordinateur smartphone
portable

serveur

distributeur
bancaire

Crédits photos : wikimédia


IIW – Cours 1 17/35
Carte mère

Ossature des ordinateurs compatibles PC

Crédits photos : wikimédia


IIW – Cours 1 18/35
Microprocesseur

Partie d’un ordinateur qui
exécute les instructions


Fréquence de
fonctionnement : nombre
d’instructions par seconde
(ordinateurs modernes :
Intel Core 2 Duo
~3GHz).


À l’intérieur : des transistors
(de plus en plus nombreux).

Crédits photos : wikimédia


IIW – Cours 1 19/35
Objectifs du cours

IIW – Cours 1 20/35


Qu’allons-nous faire dans ce
cours ?

Découvrir des concepts informatiques à partir
d’exemples concrets.


Notions pratiques (techniques) et théoriques.


Pages web (html/css).


Découvrir un peu de code : un langage simple (extrait
de Javascript).

IIW – Cours 1 21/35


Niveaux d’abstraction

Plus abstrait
Applications

Langages de programmation Logiciel

Systèmes d’exploitation

Architecture

Composants informatiques Matériel

Circuits

Transistors
Plus concret

IIW – Cours 1 22/35


Introduction au code

Points forts des ordinateurs



Rapides (milliards d’opérations par seconde)

Très précis
Points faibles des ordinateurs

Seulement des opérations simples

Compréhension littérale : pas d’interprétation

Pas capables de produire des idées seuls
Apport humain :

Réflexion, conception d’algorithmes.

IIW – Cours 1 23/35


Applications

N’importe quel programme sur votre ordinateur

Firefox

Google Chrome

Excel

...

On peut les utiliser sans savoir comment elles
fonctionnent ”derrière”

Les programmes pour les faire fonctionner sont écrits
en ”code”.

Motivation par les applications.

Exemple traitement d’images (filtre).

IIW – Cours 1 24/35


Images numériques

IIW – Cours 1 25/35


Images numériques

On veut traiter une photo numérique (par exemple,
pour corriger les couleurs).

Comment représenter une image pour un ordinateur ?

Grille de pixels zoom


Format d’une image :

Ratio d’aspect : rapport longueur/largeur

”Mégapixels” : nombre de pixels dans l’images.


Formats de fichier images : bmp, jpg, png, gif

IIW – Cours 1 26/35


Toujours des pixels ?

Images vectorielles :

Données de l’image représentées par formules géométriques

Exemple :

Droite tracée entre les points (4, 10) et (20, 30)

Cercle de centre (50, 200) et de rayon 40


Avantage : possibilité de zoomer indéfiniment sans
voir de pixel.


Format de fichiers d’images vectorielles : svg

Pas utilisé dans ce cours (travail avec pixels)

IIW – Cours 1 27/35


Couleurs

J’ai mes pixels, comment encoder la couleur d’un
pixel particulier ?

Dispersion de la lumière blanche
dans un prisme :
Rouge, Jaune, Vert, Cyan, Bleu, Magenta

Palette de couleurs à mélanger :

Rouge

Vert

Bleu

RVB (ou RGB en anglais)

IIW – Cours 1 28/35


Couleurs RGB

On mélange une certaine quantité de Rouge, Vert et
Bleu pour former une couleur.

Quantités de Rouge, Vert, Bleu :
nombre entier entre 0 et 255
pour former beaucoup de couleurs.


Synthèse additive : R + V + B = blanc
R + V = jaune
noir = absence de couleur

Connaître les valeurs RGB d’une couleur :

RGB color picker sur google par exemple

Comment rendre une image plus claire ?
IIW – Cours 1 29/35
Bilan

Image numérique Pixels Couleurs

RGB :
(10, 40,200)


Un monde complexe a été ”atomisé”.

Découpé en nombreuses informations, codées sur de
petits nombres.

Un ordinateur est particulièrement approprié pour
traiter un très grand ensemble de petits éléments.

IIW – Cours 1 30/35


Généralisation

Pour un ordinateur, tous les objets
vont être codés par des nombres.

Exemple : table ASCII des caractères.

Caractère : lettre, chiffre, symbole


Notion de numérique.

IIW – Cours 1 31/35


En TP :

Travail avec un langage de programmation (version
simple !) pour manipuler les pixels d’une image.


Manipulation pixel par pixel.


Les manipulations plus fines sur les images viendront
dans les TP suivants.

IIW – Cours 1 32/35


Rappel : la notion de variable

IIW – Cours 1 33/35


Notion de variable

Variable : boîte où on stocke du contenu.


Quel type de contenu ?

Un nombre entier, exemple : 12

Un nombre réel, exemple : -12.56373

Une chaîne de caractères (texte) : ”bonjour !”

Une image


On peut changer le contenu d’une variable.

IIW – Cours 1 34/35


Affectation de variable

On donne une valeur à une variable par une
affectation :

x = 2

Met la valeur 2 dans la boîte x.



Attention ! Ce n’est PAS l’égalité mathématique.


Attention : ne pas confondre la variable x et la chaîne
de caractères ”x” (texte).

IIW – Cours 1 35/35