Enoncé des exercices dirigés

ED	Sujet	Corrigé
ED 1	HTTP/HTML	correction
ED 2	CSS	correction
ED 3	Javascript	correction
ED 4	Php	correction
ED 5	Php, Mysql, PhpMyAdmin	correction

Enoncé des travaux pratiques

Développement incrémental d'un système de gestion d'anomalie : Yet Another Help Desk.

(Pour chaque étape du TP, les éléments sont à remettre en utilisant le système de remise de travaux d'auditeurs - Exemple d'utilisation).

Liens spécifications/APIs

Référence des éléments HTML, HTML 4.01, HTML 5.2
CSS : Spécifications, Tutoriel
JavaScript : Client-Side reference, introduction en français, référence en français
Manuel PHP
MySQL

Logiciels

Notepad++ (Notepad amélioré + coloration syntaxique) ou Visual Studio Code
Kompozer ou BlueGriffon (composeur HTML)
une extension pour FireFox: Selenium IDE
WampServer 2.4 (= Apache 2.4.4 + PHP5.4 + MySQL 5.6.12 + PhpMyAdmin)
... ou version plus récente sur le site officiel (avec conseils de dépannage)
... ou Laragon (= Apache 2.4 + PHP 7.2 + MySQL 5.7)
Eclipse PDT (PHP Development Tools)
XDebug (pour debugger du PHP dans Eclipse) - tutoriel d'installation et d'utilisation

Tests

Tester en ligne (et partager) du code HTML/CSS/JavaScript : JsFidle

Tests unitaires

SimpleTest (Tests unitaires en PHP)
Documentation en français sur le web
Exemple trivial de test d'un module incorrect (=> Barre rouge) (code source développé)
Exemple trivial de test d'un module correct (=> Barre verte) (code source développé)
codewars

Tests de recette

On pourra installer Selenium IDE sur Chrome ou Firefox pour valider le comportement de nos pages web.

Pour cela, (après avoir vérifié que votre serveur web local répond), cliquer sur l'icône "Selenium IDE" dans votre navigateur favori puis ouvrir la suite de tests tests/tpx/tpx.side pour la rejouer et obtenir une barre verte.

Plus précisément (exemple pour le TP 4) :

cliquer sur "Open an existing project"
ouvrir le fichier %DOCUMENT_ROOT%/tpdsi/tests/tp4/tp4.side
dans le menu déroulant en haut à gauche sélectionner "Test suite"
cliquer sur le nom de la suite "tp4 suite"
cliquer sur le premier tests ("login") de la suite
cliquer sur l'icône "Run all tests in suite" ... pour obtenir une barre verte.