Internet et Outils

Ce cours s'inscrit dans le cadre de la licence Sciences et Application (parcours Informatique). Vous trouverez sur la page de François Armand tous les renseignements nécessaires concernant ce cours. Néanmoins, je rajoute ici quelques ressources (que je compléterai au fur et à mesure) qui pourront vous aider au cours du semestre.

semaine : 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10

Activation de compte

Lorsque vous utiliserez votre compte pour la première fois, il y aura trois cas possibles :

Les ressources

On commence par quelques liens vers des sites traitant d'XHTML. En la matière, l'indispensable w3c, qui s'occupe entre autre de la mise au point des normes du web, constitue la référence.

Un autre site, moins complet sur le sujet mais ayant l'avantage d'être adapté à une recherche rapide, est celui de w3 Schools. Vous y trouverez entre autre quelques tutoriaux utiles pour compléter le cours mais surtout des tableaux récapitulatifs, comme celui faisant la liste de tous les éléments XHTML avec leurs attributs ou celui des entités.

Dans le même genre, il existe un site écrit en français, SELFHTML, assez bien fait lui aussi lorsque l'on cherche le détail d'un élément. En particulier, on se servira de ce site pour connaître l'ensemble des propriétés CSS.

Pour finir en ce qui concerne la programmation web, des liens vers les vérificateurs officiels :

Passons maintenant à la programmation en PHP. Le web regorge de sites de documentations ou de tutoriaux. Le plus complet et le plus simple à utiliser lors de recherche de fonctions existantes reste le Manuel PHP, entièrement en français. Mais une recherche via Google vous permettra de trouver bien d'autres ressources et notamment des exercices pour vous entrainer.

Enfin, pour la programmation mysql, vous pouvez consulter le site Manuel mysql, entièrement en français. Mais une recherche via Google vous permettra de trouver bien d'autres ressources et notamment des exercices pour vous entrainer.

Les feuilles de TP

Semaine 1

TP 1 - Rudiments d'XHTML

Ce TP introduit les premières notions d'XHTML. En particulier, nous manipulerons les éléments XHTML les plus courants et nous verrons comment valider une page au sens d'une spécification DTD. Pour faire cette feuille, vous aurez besoin de récupérer le fichier tp1_errone.html (exercice 4)

Et voici la correction des exercices : tp1corriges.tar.gz
Si vous trouvez des erreurs, n'hésitez pas à me les communiquer.

TP 2 - Encodages, attributs et navigation

Ce TP aborde les problèmes d'encodage, on y introduit la notion d'attribut et on y montre comment organiser un site. XHTML. En particulier, nous allons créer un site de cinéma, vous aurez besoin de récupérer un dossier contenant toutes les images dont vous aurez besoin. archive_jussieu_cine (exercice 3)

Et voici la correction : tp2corriges.tar.gz

Semaine 2

TP 3 - Balises particulières, navigation interne et formulaires.

Ce TP vous fera manipuler des balises spécialisées vues en cours (balises pour mettre en valeur, mettre en exposant, souligner, barrer...). Ensuite, nous aborderons la navigation à l'intérieur d'un document. Pour cet exercie, il vous faut récupérer le fichier : liens.html (exercice 2 Enfin nous verrons comment créer un formulaire. Nous ne verrons que plus tard comment récupérer et traiter les données du formulaire. Cependant pour voir ce que l'on peut faire, nous vous fournissons un script php qui se charge de récupérer les données entrées dans le formulaire et de les afficher sur une nouvelle page html. Vous aurez besoin de le récupérer : form.php.tar.gz (exercice 4).

Il vous faudra créer à la racine de votre compte un dossier nommé public_html dans lequel vous mettrez des fichiers auxquels vous pourrez accéder via l'URL : http://pams.script.univ-paris7.fr/~login/nom_du_fichier.html.
Avant de pouvoir y accéder, il vous faudra donner les droits de lecture et d'exécution à votre home et au dossier public_html avec les commandes linux :
chmod a+xr ~
chmod a+xr public_html

Et voici la correction des exercices : tp3corriges.tar.gz

TP 4 - Formulaires images et vidéos.

Ce TP aborde les problèmes d'insertion de médias comme des images ou des vidéos. On verra qu'il n'est pas si simple d'insérer une image dans un texte. Vous aurez besoins des images et vidéos suivantes à insérer : image.gif, VanRuymbeke.jpg et d'une vidéo aussi à insérer : planeur.mpg

Et voici la correction des exercices : tp4corriges.tar.gz


Semaine 3

Attention, à partir de ce tp, toutes les pages devront être validées en STRICT.

TP 5 - Feuilles de style


Dans ce TP, on apprend à faire des feuilles de style après avoir fait quelques rappels. Vous aurez besoin de beaucoup de documents :

Et voici la correction des exercices : tp5corriges.tar.gz

TP 6 - Feuille de style et page personnelle

Le but de ce TP est de créer un mini site personnel, qu vous pourrez héberger sur les serveurs du script, et qui vous permettra de mettre à disposition un c.v. en ligne et des liens vers vos sites préférés.
Vous aurez besoin de récupérer les images suivantes : images.tar.gz,
et vous pourrez vous inspirer des exemples suivants : ex_sans_css.jpg, ex_cv.jpg, ex_accueil1, ex_accueil2.

Et voici la correction des exercices : tp6corriges.tar.gz
Si vous trouvez des erreurs, n'hésitez pas à me les communiquer.


Semaine 4

Cette semaine, on commence PHP !

TP 7 - PHP


Dans ce TP, on apprend les rudiments de php. Vous n'aurez besoin que d'un document : carnet.inc

Et voici une correction partielle des exercices 1 à 5 : tp7_corrige_partiel.tar.gz Et voici la correction complète : tp7corriges.tar.gz

TP 8 - PHP la suite

Dans ce tp, on introduit la génération d'URL en php.
Vous aurez besoin de récupérer les documents contenus dans l'archive suivante : doc.tar.gz,

Et voici la correction des exercices : tp8corriges.tar.gz
Si vous trouvez des erreurs, n'hésitez pas à me les communiquer.

Semaine 5

Cette semaine, on continue le php et surtout on fait un TP noté !

Pendant cette séance, on finit les tp7 et tp8.

TP noté
La deuxième séance de tp est consacrée au tp noté.

Voici les énoncés, les documents et les corrections des tp notés :

Semaine 6

Fin de php

TP9 - Puissance 4

Pendant cette séance, on finit les tp7 et tp8. Pour ceux qui ont déjà fini, le tp9 propose de créer un jeu de puissance 4 en ligne.
Vous aurez besoin de documents qui sont tous dans l'archive suivante : docs9.tar.gz
Voici la correction : tp9corriges.tar.gz

Semaine 7

TP10 - MySql

Dans ce tp, on commence à faire du mysql directement dans un terminal. On apprend notamment à manipuler une base de donnée déjà créée.
Voici la correction : tp10corriges.txt

TP11 -MySql et Php

Dans ce tp, on apprend à faire du mysql via un site web, en utilisant du php.
Il y a une correction : tp11corriges.txt


Semaine 8

TP11 - MySql et Php

Durant cette semaine, on termine le tp11.

Semaine 9

TP12 -MySql et Php

Dans ce tp, on continue à manipuler php et mysql cette fois sur des données de l'INSEE.
Il y a une correction : tp12corriges.tar.gz,

TP13 -MySql et Php

Dans ce tp, on continue à manipuler php et mysql cette fois sur une base de donnée d'étudiants.
Vous aurez besoin de récupérer des fichiers de base de données tables.tar.gz.
Il y aura une correction : tp13corriges.tar.gz


Pour ceux qui voudraient bosser chez eux, voici le fichier qui permet d'installer l'ensemble des bases de données sur votre serveur mysql, en utilisant la commande source monitIO2.sql; après avoir téléchargé le fichier suivant : monitIO2.sql

Semaine 10

TP de révision
Ce tp reprends toutes les notions étudiées en un projet où vous programmerez un site pour le partage de photos.