Transcript UE 102 M1.CC.iup

UE 303
Promo. M2 IST-IE 2005/06
Architecture trois-tiers :
Programmation en PHP/MySQL & Application client-serveur
pour la
Conception d’un système d'information multimédia
Par :
Sahbi SIDHOM
MCF. Université Nancy 2
Équipe de recherche SITE – LORIA
[email protected]
cours n°1
ue303.M2.ist-ie(S. Sidhom)
Introduction
Concepts TIC


Mise en pratique sur la chaîne de recherche d’information
Veille informationnelle pour l’entreprise
Concepts de Communication, à travers le web, pour
l’entreprise

Mise en pratique des différents langages dédiés pour le web
(HTML, JavaScript, PHP/MySQL)
Projet sur les « TIC & Communication Web » pour
l’entreprise

cours n°1
CMS (Content Management System) : SPIP par exemple
ue303.M2.ist-ie(S. Sidhom)
2
Des sigles…
HTML = Hypertext Markup Language
Le langage de base du Web, interprété par Explorer ou Netscape.
PHP = Hypertext PreProcessor et non pas « officieusement » People
Hate Perl !
PHP est Langage de programmation pour mettre en œuvre des pages
élaborées/dynamiques.
SQL = Structured Query Language
SQL est un langage de base de données (serveur SQL).
MySQL comprend le serveur SQL, les programmes clients, les outils
d'administration et l’interface d'administration (PHPmyAdmin) pour y
accéder.
cours n°1
ue303.M2.ist-ie(S. Sidhom)
3
I.
Techniques de réalisation
de pages web
cours n°1
ue303.M2.ist-ie(S. Sidhom)
4
Générateur de pages web
outils ?
fonctionnalités ?
résultats ?
 En exemple : Word MS
cours n°1
ue303.M2.ist-ie(S. Sidhom)
5
Syntaxe et écriture de pages web
HTML ?
fonctionnement du langage ?
codage ?
résultats et limites ?
 Langage ? Langage à balises ? Balises ? Squelette HTML ?
cours n°1
ue303.M2.ist-ie(S. Sidhom)
6
Éditeur de pages web
outils ?
fonctionnement ?
résultats ?
 Netscape Navigator
 Autres ?
cours n°1
ue303.M2.ist-ie(S. Sidhom)
7
II.
TIC & communication d’entreprise
Techniques de réalisation de sites Web
cours n°1
ue303.M2.ist-ie(S. Sidhom)
8
Programmation pour le web
Balises / tags ?
Langages de balise ?
Langages de programmation ?
Applications Web ?
Applications client/serveur ?
 http://www.delprat.org/cours/
cours n°1
ue303.M2.ist-ie(S. Sidhom)
9
HTML + JavaScript
Aspects statiques ?
Aspects dynamiques ?
Aspects dynamiques + statiques ?
cours n°1
ue303.M2.ist-ie(S. Sidhom)
10
HTML + PHP
Aspects statiques ?
Aspects programmatifs ?
Aspects dynamiques + programmatifs ?
cours n°1
ue303.M2.ist-ie(S. Sidhom)
11
PHP + MySQL
Bases de données ?
Structuration de données ?
Exploitations ?
Connexion de BDD avec un script PHP ?
cours n°1
ue303.M2.ist-ie(S. Sidhom)
12
III.
Systèmes de publication pour Internet
cours n°1
ue303.M2.ist-ie(S. Sidhom)
13
SPIP ?
Approche ?
Besoins ?
Fonctionnement ?
Résultats ?
cours n°1
ue303.M2.ist-ie(S. Sidhom)
14
Montage de site web avec SPIP
Fonctionnalités
Insertion de contenus
Gestion
cours n°1
ue303.M2.ist-ie(S. Sidhom)
15
Weblog ?
Approche ?
Besoins ?
Fonctionnement ?
Résultats ?
cours n°1
ue303.M2.ist-ie(S. Sidhom)
16
Montage de site web avec Weblog
Fonctionnalités
Insertion de contenus
Gestion
cours n°1
ue303.M2.ist-ie(S. Sidhom)
17
IV.
Architectures trois-tiers
Technologies utilisées
cours n°1
ue303.M2.ist-ie(S. Sidhom)
18
MySQL
MySQL est un système de gestion de bases de
données, au même titre qu’Access ou Oracle.
Cependant, à la différence de ces derniers, MySQL
est un logiciel libre. De plus, il est disponible pour
un grand nombre d’environnements, comme
Windows, Linux, MacOs et FreeBSD pour ne citer
que les plus connus.
Sa robustesse et sa fiabilité pour des bases de
données de taille moyenne en font l’outil idéal
pour le grand public et les petites ou moyennes
entreprises.
cours n°1
ue303.M2.ist-ie(S. Sidhom)
19
PHP
PHP est un langage de script HTML côté
serveur, c’est-à-dire qu’il va générer des pages
HTML dynamiquement.
PHP s’est complètement intégré au World
Wide Web ces dernières années, non seulement
sur des sites professionnels, mais aussi sur des
pages personnelles.
Cependant, PHP ne se limite pas à la création
de pages Internet, car étant un langage
complet et évolué, il permet également de
développer des applications à part entière.
cours n°1
ue303.M2.ist-ie(S. Sidhom)
20
HTML
Si PHP réalise les traitements et
interactions avec MySQL, c’est le langage
HTML qui, au final, permet de mettre en
forme les différents écrans de
l’application, d’afficher des images, des
tableaux ou des formulaires. Tout ce qui
relève de l’affichage lui incombe.
cours n°1
ue303.M2.ist-ie(S. Sidhom)
21
Exemple
cours n°1
ue303.M2.ist-ie(S. Sidhom)
22
JavaScript
JavaScript est un langage de script côté client
permettant d’interagir dynamiquement avec
une page HTML.
Ce langage est présent de manière assez
importante dans les applications Internet,
puisque c’est lui qui assure tous les contrôles
des actions de l’utilisateur : dans un
formulaire, c’est lui qui va vérifier si tous les
champs sont remplis, si tous les noms sont
valides, qu’au moins une case est cochée…
cours n°1
ue303.M2.ist-ie(S. Sidhom)
23
Exemple
cours n°1
ue303.M2.ist-ie(S. Sidhom)
24
Pourquoi ne pas avoir utilisé PHP pour effectuer
tous ces contrôles ?
Tout simplement parce que PHP s’exécute côté
serveur, alors que JavaScript se situe côté client.
Ainsi, pour effectuer ce type de contrôles avec
PHP, les informations devraient être envoyées au
serveur, puis celui-ci devrait renvoyer une page
indiquant que les informations étaient erronées.
Ensuite, l’utilisateur devrait les corriger, pour
finalement les renvoyer. Cela induirait d’une part
une surcharge de trafic inutile, et d’autre part,
serait moins agréable pour l’utilisateur.
Avec JavaScript, les contrôles sont faits avant que
les informations ne soient envoyées au serveur.
cours n°1
ue303.M2.ist-ie(S. Sidhom)
25
Feuilles de style CSS
Les feuilles de style CSS ont été utilisées
pour obtenir une mise en page et des
caractéristiques graphiques homogènes
sur toute l’application. Elles permettent
notamment de définir quelles propriétés
aura un élément HTML, et ce, quel que
soit
son
emplacement
dans
l’application.
cours n°1
ue303.M2.ist-ie(S. Sidhom)
26
V.
Programmation en PHP/MySQL
cours n°1
ue303.M2.ist-ie(S. Sidhom)
27
Objectifs
Langage PHP
Nouveautés en PHP 5
Architecture et fonctionnement
Structures de base et de contrôle
Fonctions usuelles
Gestion des objets
MySQL et bases de données
Web dynamique
cours n°1
ue303.M2.ist-ie(S. Sidhom)
28