Cours9 - Bienvenue au site Web de Tuan Loc Nguyen Voici mes

Cours 1 :
Architecture Web
Introduction
TuanLoc Nguyen
1
Objectif du cours
 Objectif


:
Architecture, évolution du Web
Tendances du Web
 Pre-requis



HTML /HTTP
MySQL/Php/Apache
SQL Server/ASP/IIS
2
Contenu
1.
2.
3.
4.
Architecture Web
Web et BD
Architectures intelligentes & Script
Web dans l’entreprise
3
1. Le World Wide Web

Système hypermédia distribué fonctionne sur
TCP/IP




Simple à utiliser : I.E, Netscape, Mozilla
Portable
Faible coût
Mobilité
• Sans frontière

Standard
• HTTP, URL, HTML, XML

Distribué : ActiveX,COM,CORBA,EJB,WebServices
4
Modèle du Web
(Cours 2)
5
Impact du Web

Client/serveur universel

Un seul outil pour la communication intra- et
interentreprise
• Intranet, extranet (les partenaires), internet (tous)
• Accès aux bases de données
Adopté par toute l’industrie du logiciel
Nombreux produits, nombreux fournisseurs
 De nombreux serveurs Web
Information et services
 Le fondement de la société de l’information

6
Applications e-business

E-business = utilisation professionnelle du Web
– Au sein de l’entreprise : B2E
– Avec les clients : B2C
– Avec les partenaires : B2B
 Applications majeures
– Intranets
– Portails d’information d’entreprise
– Commerce électronique
– Publication en ligne
7
Intranet

Serveur Web pour les besoins internes de l’entreprise
– Réseau privé avec accès sécurisé à Internet
• firewalls
– Utilisateurs connus

Services avancés : visio-conférence
– Services internes
 Publication d’information et workflow
 Forum de discussion, email et groupware
 Réduit les coûts de communication et améliore l’efficacité
 Problème :
– Intégration avec les sources de données de l’entreprise
8
Portail d’information d’entreprise

Porte d’accès à l’information de l’entreprise
– Vue uniforme d’information agrégée à partir de
sources de données hétérogènes
Applications existantes
Bases de données
Systèmes documentaires
– Pour des utilisateurs spécifiques
Décideurs, employés, clients, fournisseurs

Problème :
– Difficile d’accéder à toute l’information de
l’entreprise
– Confiance
9
E-commerce

Elimination des procédures manuelles (papier) entre les
partenaires d’un commerce

Au minimum : B2C
– Sites très connus, (Amazon.com, Dell Computers, etc.)
– Gestion de la relation client
– Intégration avec les bases de données
– Transactions électroniques sécurisées pour commander
• Cartes de crédit, monnaie électronique, E-check
– Pas d’automatisation du côté client

Pleine puissance : B2B
– Intégration de la chaîne de distribution avec d’autres
fournisseurs
10
Gestion d’information


Gestion de l’information
indépendamment de tout
programme, y compris celui qui
l’a créé.
Principe = indépendance des
données
– du stockage
Présentation
– de la présentation
Présentation
Vue logique
stockage
stockage
11
Fonctionnement du Web
Pour consulter un document (ex: http://serveur/page.html)
1. Le navigateur demande à son DNS (Domain Name Server) de lui
renvoyer l’adresse IP du serveur demandé dans l’URL (Uniform
Ressource Locator)
2. Le navigateur envoie une requête à l’adresse IP pour demander
la page.html précisée dans l’URL.
3. le serveur envoie la page au client.
4. le navigateur interprète la page et l’affiche.
HTTP : protocole de transfert permettant de demander un fichier au
serveur ainsi qu’une description de types des données associées.
IP : Internet Protocol
12
2. Couplage BD et Web
Pourquoi coupler ?

Deux domaines qui se sont développés
indépendamment mais qui ont de nombreux
points communs :
- Ensemble important de données (modélisation,
stockage, indexation)
- Interrogation (langage déclaratif)
- Multi-utilisateurs
- Performances
- Fiabilité
13
Données du Web

Données hétérogènes, fortement corrélées,
évoluant souvent
 La gestion de ces données avec un SGF et
un système d’exploitation pose des
problèmes :



gestion des liens difficile
gestion de l’évolution (pas d’indépendance
logique-physique)
performances moyennes (pas ou peu d’index)
14
Apports des SGBD







Gestion de gros volumes d’information
Bonnes performances d’accès (index, stockage,
gestion du disque)
Fiabilité des données (cohérence, sûreté de
fonctionnement, sûreté d’accès)
Partage et accès concurrents (transactions)
Productivité (indépendance physique-logique,
réutilisation, outils)
Evolutivité (évolution du schéma)
Langage de requêtes et optimisation
15
Accès base de données
1. Le client http lance une demande de page Web (URL statique ou dynamique)
vers le serveur. URL dynamique : contient un appel au programme applicatif +
paramètres. La connexion est fermée dès que le client obtient la réponse.
2. Le serveur http est en attente permanente. En cas de demande dynamique, il
lance le programme applicatif avec les paramètres, en suivant un protocole :
• CGI : Common Gateway Interface
• ASP, ASPx, PHP, JSP
3. Le programme applicatif :
a. extrait les données nécessaires du SGBD
b. produit la page HTML incluant ces données
4. Le SGBD … fait son travail de SGBD (reçoit des requêtes et renvoie les
résultats)
Solutions du marché :
 • solutions SGBD +/- intégrées (+ : Oracle, Informix, - : Sybase, DB2)
 • solutions + générales : ASP (MS-Windows), JSP (JAVA), …
16
Limitations du couplage HTML-BD

Solutions propriétaires
 Pas de protocole pour publier les données
– SQL n’est pas conçu pour le Web
 Pas de format d’échange de données standard :
HTML est un format de présentation :
– Mélange présentation et contenu
– Pas de structure, pas de sémantique, pas de
contrainte d’intégrité
– Perd la structure (schéma) provenant de la BD
17
Amélioration
La règle d’or : le contenu doit être abstrait et
indépendant du stockage et de la présentation
– Permet l’intégration uniforme de données
hétérogènes
– Permet des applications dynamiques



La présentation peut être différente selon le médium,
le temps, la requête ou le profil de l’utilisateur
18
Primary programming technology
Low-level programming ( machine code, Assembler )
High-level programming ( Fortran, Cobol, Basic, …)
Structured programming ( Pascal, C, C++, …)
Object-Oriented Programming ( C++, Java, Delphi ...)
Component Oriented Programming
( COM, JavaBeans, …)
Component Oriented Web Programming
( C#, Forte Java, …)
Service-Assemblage/Creation
Programming
( Web Services…)
1950
1960
1970
1980
1990
2000
2010
2020
2030
2040
2050
2060
19
Primary programming - OS models
Low-level programming ( IBM Mainframe OS )
High-level programming ( IBM Mainframe OS… )
Structured programming ( Unix … )
Object-Oriented Programming ( Unix, MS DOS, ... )
Component Oriented Programming
( Windows, Unix, Linux, …)
Component Oriented Web Programming
( DotNET, JEEE, …)
Service-Assemblage/Creation
Programming
(…)
1950
1960
1970
1980
1990
2000
2010
2020
2030
2040
2050
2060
20
Intelligence dans l’architecture x-tiers
PC
Web browser
HTTP/HTML
Data echange
Web browser
HTTP/HTML
Web services
XML/SOAP
Web server
Web server
PC
Databases
Person to person
(C2C)
Application to person
(B2C)
Architecture 1-tier
Architecture 2-tiers
Web services
Application to application
(B2B/ B2C)
Application to person+
(B2C)
Architecture 3-tiers
Architecture “n-tiers”
Evolution de l’architecture
21
XML pour l’échange
de données universel

Le langage XML (Extensible Markup Language)
– Standard du W3C
– Décrit le contenu, pas la présentation
• Structure, type, schéma, requêtes, etc.
– Une base forte : XML est un sous-ensemble
de SGML
– Fournit l’indépendance des données au
stockage et à la présentation : supporte la règle
d’or
 Facilite l’échange de données entre applications
22
Web Services
Un Web Services est une ‘’unité logique applicative’’ accessible en utilisant
les protocoles standard d’Internet, indépendamment de plate-forme et peut
être réutilisé.
Call semantic
(message passing-RPC)
Web
Services
UDDI
(seek Web
ServicesXlink/XPath)
SOAP message
(HTTP/XML)
SOAP
(how to call
via XML)
Web
Services
WSDL
(call syntactic
&semantic –
XML Schema)
23
Page serveur dynamique
 Script




ASP
PHP
JSP
Aspx
24
Couplage HTML-bases de
données

Serveur HTTP dynamique
– Basé sur CGI
– Serveur Web dédié aux BD
 Oracle WebDB, VersantWeb, etc.
 Pages serveurs dynamiques
– MS Active Server Page (ASP)
– Java Server Page (JSP)
– PHP, ASPx,
25
Accès Base de donées
 Script
 Problème


:
Passer à l’échelle
Solutions propriétaires
26
ASP (Active Server Page)
Moteur de script (VB Script)
<%
%>
ASP
HTTP
IIS
COM
HTML
Composants ADO
HTTP
Serveur Web
Windows (NT,Y2K)
Base de
Access
SQL Server données
…
Browser HTML
Presentation
Business logic
Data services
27
Active Server Pages
Development flow
HTML author
Content, layout,
design
<HTML>
<%
Script writer
Component
invocation
VB Script
Expressions
Systems developer
Component and
database development
TSym=Request.QueryString("TickerSymbol")
SetNObj=Server.CreateObject("NASDAQ.TickerObj")
if NObj.GetCompany(TSym)=False then
Server.Redirect("ticker/entryform.htm")
%>
<H1>Today's trade summary for:<%=NObj.CompanyName%> </H1>
<TABLE>
<TR><TD>Open</TD><TD>Close</TD><TD>Volume</TD></TR>
<TR><TD><%=NObj.Open%>
</TD>
<TD>
</TD>
<%=NObj.Close%>
<TD>
</TD></TR>
<%=NObj.Volume%>
</TABLE>
<H2>Time of report: <%=time()%> <%=date()%> </H2>
</HTML>
NASDAQ
28
PHP Hypertext Preprocessor
Moteur de script (PHP Script)
<?php
HTTP
HTML
Apache
PHP
(IIS)
HTTP
Fonctions MySQL
Serveur Web
Windows (NT,Y2K,Linux)
MySQL
Access Base de
données
…
Browser HTML
Presentation
?>
Business logic
Data services
29
ASP versus JSP

ASP
– combinent HTML, VB Scripts et ActiveX
– efficace avec les ActiveX Data Objects (ADO)
• Interface DCOM pour l’accès BD via ODBC ou OLE-DB
– Outils de développement intégrés JSP

JSP
– Combinent HTML, Java et Java Beans
– Accès aux composants EJB (serveurs)
• Interface JDBC
– Standard, proposé par tous les serveurs d’applications
J2EE
30
Servlet - JSP Java Server Page
“Now almost everyone using servlets has heard about Java Server Pages
(JSP), a Sun-invented technology built on top of servlets.” (Sun)
-The programer write an out.println() call per HTML line, became a
serious problem for real servlet use
-Content creators had to ask developers to make all content changes
31
ASPx : une approche composant

ASP.NET

est basé sur un modèle composant coté serveur

repose sur le Framework .NET (coté serveur)

prend en compte les différentes capacités des navigateurs
(support JavaScript, DHTML, …)

Ne nécessite rien de particulier sur le client
Serveur
Html
IE
Composants
ASPX
Client
.NET
Html
Opéra
32
ASPx vs ASP/PHP classique

Les pages ASP.NET sont compilées
 Le contenu et le traitement sont séparés
 Les développeurs et les graphistes peuvent, en
standard, travailler indépendamment
ASP / PHP
Un seul fichier
code
<balises>
code
<balises>
Form1.asp
ASP.NET
Fichiers distincts / séparation logique
code
<balises> code
<balises>
Form1.aspx
Form1.aspx.vb
Form1.aspx
33
4. Web dans l’entreprise
Serveur applicatif dans l’entreprise

Simple = serveur Web
– Petites applications, pas de transactions
 Serveur d’entreprise = serveur Web +
– Support des grandes applications, distribuées
standard
– Support des transactions
– Support des composants
– Support de XML
– Outils de développement
-> Création de services à valeur ajoutée
34
Exemple : Web dans l’entreprise
Call
manager
SGBD
Serveur
applicatif
IP
IP
Environnement
de Création
de Services
Réseau
TCP/IP
ToIP
35
24/32
Appel à partir du Web
2.
SGBD
Call
manager
2’.
2’.
Serveu Web (HTTP)
Make Call
1.
Serveur applicatif
3. Dial “351-8567”
Browser HTML
36
Accès aux données
à distance via Web
PC
SGBD
TPS
lire
données
SGBD
lire
données
Serveur applicatif
mettre à jour
Réseau
TCP/IP
mettre à jour
Données :
• Répertoire personnel : lire et MAJ
• Profil de renvoi : lire et MAJ
• Configuration de touches (une par une):
lire et MAJ
• Journal : lire
37
Appel Sortant / Appel Entrant
Réseau
téléphonique
Call
manager
Serveur applicatif
Réseau
TCP/IP
38