Mieux vaut un enseignant d'informatique qui enseigne n'importe
quelle matière qu'un enseignant de n'importe quelle matière qui enseigne
l'informatique.
(hommage à l'université de Saint-Etienne)
# 1
Cours
Qu'est-ce que l'informatique ?
Les différentes disciplines. Spécificités des mathématiques, des sciences
expérimentales, de l'informatique. Qu'est-ce que faire des sciences
(recherche, enseignement) ? Pourquoi faire des sciences ?
http://billaud.eu.org/informatique.html
Démonstration
Gimp : lancement, nouvelle image
TP
Gimp : prise en main
# 2
Cours
Test de vision des couleurs http://www.xrite.com/custom_page.aspx?PageID=77
Le test vu par trois disciplines différentes : SVT, technologie (calibrage
écran, sonde colorimétrique), informatique (tris, algorithmique)
Démonstration
Gimp : organisation des fenêtres, préférences, options outils, remplissage,
dégradés
TP
Gimp : cf démonstration
# 3
Cours
Fichiers images bitmap
caractéristiques de différents types de fichiers
et à l'intérieur des fichiers ?
Démonstration
Gimp : calques, gifs animés
TP
Gimp : gifs animés
# 4
Cours
Les formats de fichiers
les données sont plus importantes que les programmes
formats ouverts et propriétaires
http://formats-ouverts.org/
interopérabilité, le RGI
http://www.synergies-publiques.fr/article.php?id_article=746
fichiers binaires et texte, XML, les informaticiens plantent les arbres à
l'envers
Démonstration
Gimp : texte
TP
Gimp : gifs animés (suite)
# 5
Cours
Qu'est ce que l'information ?
information contre désordre, information utile, Shannon
taille du fichier, plus petit programme
signal/bruit : image, son (le bruit du professeur et le signal de l'élève)
fréquences spatiales (Marilyn et Albert) et temporelles (son)
http://www.hemmy.net/2007/05/25/marilyn-monroe-albert-einstein-illusion/
débruitage : http://cimg.sourceforge.net/greycstoration/demonstration.shtml
Démonstration
Gimp : bruitage (tapis de souris optique)
http://www.interpc.fr/mapage/billaud/tapis-souris-optique.html
TP
Voir les sites Marilyn et Albert et débruitage
Gimp : tapis de souris
# 6
Cours
La dégradation de l'information
entropie : le désordre augmente
transformation réversibles et irréversibles
fonctions de transfert
Démonstration
Gimp : contraste, luminosité, courbes
Retouche d'image, détourage, trucage
TP
Retouche d'images
# 7
Cours
Le codage de l'information
bit, octet, mots, bases 2, 10 et 16
entiers, entiers signés, « réels »
caractères : ascii-us, iso-8859, unicode
http://fr.wikipedia.org/wiki/American_Standard_Code_for_Information_Interchange
Démonstration
Gimp : redimensionnement
TP
Le calcul shadock : http://leocat.free.fr/shadok/generalites/index.php
Un roman-photo en gif animé
# 8
Pas de partie cours, ressources indisponibles suite panne réseau
Démonstration
Inkscape : outils, formes, transformation, édition de courbes, groupement,
clonage
TP
Prise en main de Inkscape
# 9
Cours
Généralités sur les réseaux : adresse IP, passerelle, DNS
Démonstration
Inkscape : couleur, dégradés
TP
Inkscape : dessin d'un Tux
# 10
Cours
Les adresses : protocole, hôte, domaine, TLD, chemin, fichier, paramêtre
Résolution de nom : DNS, cache, serveur ayant autorité, mécanisme récursif
Démonstration
Inkscape exportation
TP
Animation à partir d'éléments exportés de Inkscape
#11
Cours
Schéma d'un réseau ; les sous-réseaux, routeurs, switches...
Trajet de l'information
Démonstration
Logiciel pour les schémas techniques : Dia
TP
Envoyer par courrier une production graphique faite avec Gimp ou Inkscape
#12
Démonstration
Maxima : calcul numérique et calcul symbolique
Cours
tableur
définitions
TP
tableur : facture, diagramme ombrothermique (début)
#13
Cours - TP
Tableur : diagramme ombrothermique (fin), tracé de fonction
#14
Cours
Tableur : donner un nom à des cellulles, utilisation
Exemples d'utilisation du tableur
TP
Image : travaux divers
#15
Démonstration - TP
Utilisation d'un logiciel de montage vidéo
#16
Cours - TP
Tableur : droite de régression, formatage conditionnel, macros
#17
Cours
Règles de ponctuation et de typographie
http://www.interpc.fr/mapage/billaud/ponctua.htm
Typographie et mise en page
http://www.interpc.fr/mapage/billaud/typopao.htm
TP
Prise en main de Scribus
#18
Cours
Écriture, imprimerie, polices
Évaluation du 2e trimestre
Affiche pour un événement qui a eu lieu il y a très longtemps (début)
#19
Démonstration
Scribus : cadres texte et image, rajouter des polices
Évaluation du 2e trimestre (suite)
#20
Cours
Règles élémentaires de communication pour une affiche : hiérarchie de
l'information, qui-que-quoi-où-quand-comment
Évaluation du 2e trimestre (fin) : pdf à envoyer par mail
#21
Cours
HTML : historique, principes (structure, styles)
http://billaud.eu.org/html-css.htm
http://www.csszengarden.com/tr/francais/
http://www.w3.org/
http://openweb.eu.org/
Démonstration
Amaya : composeur de pages HTML
TP
Prise en main d'Amaya : texte, titre, image, lien
#22
Cours / Démonstration
HTML
structuration : divisions, numérotation, table des matières
styles : editeur de styles, mise en forme directe, création et utilisation
de règles
multicolonnage : marges, largeur, "float"
ancre/cible
TP
Une page HTML avec table des matières et multicolonnage
#23
Évaluation du 3e trimestre : une page HTML sur le thème "photos ratées"
(début)
#24
Transfert de fichiers par ftp (filezilla) et scp (winscp)
Évaluation (suite)
#25
Cours
La photographie en 45 minutes
http://billaud.eu.org/photographie2.html
B2I
Serveur : https://bv.ac-poitiers.fr
Code établissement : 0861223M
login : xxxxxxxx (voir en cours)
mot de passe : xxxxxxxxxx (voir en cours)
#26
Évaluation (suite)
#27
Évaluation (suite)
#28
Évaluation (suite)
#29
Évaluation (fin)
transfert sur le serveur taranis avec filezilla
#30
Introduction à la programmation
Les langages
Le langage python : type , opérateurs, variables
#31
Python suite
Interface IDLE : éditer, sauver , exécuter un programme
entrées-sorties
déroulement séquentiel, tests, boucles
Quelques algorithmes de base
### Bilan ###
En prenant le temps, on peut faire passer 80 % des notions ci-dessus
auprès de 90 % des élèves de 1re (statistiques au doigt mouillé).
Méthode généralement utilisée :
- présentation générale du sujet ;
- laisser bricoler pour une première compréhension ;
- exposé structuré ;
- exercices d'application directe ;
- exercices utilisant plusieurs notions ;
- éventuellement petit projet qui révèle les problèmes, nouvelle couche.
On peut traiter la notion d'objet avec un logiciel de dessin vectoriel,
de la composition de pages HTML avec CSS
En 2 ou 3 heures on peut présenter rapidement un langage de programmation
(d'autant plus facilement qu'on a déjà fait un cours d'informatique
générale) si l'on a comme objectif de montrer :
- des types de données assez riches ;
- les éléments de base d'u programme : séquence, rupture, quelques
algorithmes de base et quelques bouts d'applications simples (y compris
un soupçon de programmation « à fenètres ».
Le projet HTML CSS est trop long, il faut faire plus simple et plus rigoureux
à la fois (insister sur repérage des problèmes dans le code et nettoyage)
Le plus difficile à faire passer : ce que va devenir la belle page HTML
préparée sous Windows (TM) avec des fichiers d'images égarés partout
et avec des noms bizarres une fois que l'on aura transféré tout ça sur
un serveur Linux (TM) ; les notions de codage et d'arborescence ne
sont pas évidentes, pour l'an prochain faire et refaire des transferts
plus tôt dans l'année.
### Pas eu le temps d'en parler ###
droit de l'image
les familles de langages
bases de données, formes normales, contraintes
architecture trois tiers
courrier électronique, le spam
systèmes d'exploitations
systèmes de fichiers
Retour à la page d'accueil
Dernière mise à jour le vendredi 19 juin 2009