Projet L3 Systme dInformation

(prsentation du projet)

Jacky AKOKA - Tatiana AUBONNET

Conservatoire National des Arts et Mtiers

5 octobre 2005

Contenu
Organisation du projet
Connexion Internet: CNAM, personnelle,
professionnelle

Objectifs pdagogiques: ralisation du projet,

prsentation orale, rapport crit

5 octobre 2005

Organisation
Cours du 5 octobre au 16 novembre
Sances de Travaux Pratiques de novembre fvrier
Travaux pratiques par groupe de 3 personnes de novembre
fvrier
choix du sujet et bibliographie
cahier des charges et planning
ralisation du projet

Fvrier : prsentation orale, selon calendrier

Rapport crit remettre avant la prsentation orale

5 octobre 2005

Objectifs du projet

Faire la synthse des cours

Travailler en groupe
Tester de nouvelles mthodes de travail:
documentation en ligne, FAQ, rutilisation
Dcouvrir les logiciels libres
Faire un projet informatique

Utiliser une mthodologie (merise, UML)

5 octobre 2005

Projet de travaux pratiques

Ralisation dun site web programm

Choix dun thme dapprofondissement
Manipulation doutils, de langages, de logiciels
Bonne comprhension du rseau internet
Matrise dune interface avec une BD MySQL

Utilisation de langages tels que PHP, Javascript, JAVA, XML,

etc

5 octobre 2005

Avant le dbut du projet

Connexion aux machines du CNAM

Messagerie
http: la navigation,
telnet: la connexion,
ftp: le transfert de fichier

Familiarisation avec des sites internet

Familiarisation avec les outils de base: Netscape ou Explorer,

HTML, etc

5 octobre 2005

Connexion Internet

Accs CNAM
Login 6 premiers caractres du nom_premier caractre du prnom
aubonn_t
Mot de passe code en haut gauche carte CNAM

Accs professionnel ou personnel (choisir un provider gratuit: free,

freesurf, voil, etc )

Incoming mail server : POP.cnam.fr

Outgoing mail ( SMTP ) server : adresse du courrier chez votre
fournisseur, par exemple SMTP.freesurf.fr
Outgoing mail server user name : aubonn_t@cnam.fr

5 octobre 2005

Objectifs atteindre
Matriser certains aspects techniques du web:
interface avec une base de donnes,
programmation PHP, etc

Approfondir la conception dun site :

contenu,
forme,
dynamique,
gestion,
scurit, etc.

Publier lensemble de la documentation sous forme de site

WEB

5 octobre 2005

Avant le dbut du projet

Connexion aux machines du CNAM

Messagerie
HTTP: la navigation: IE, Netscape, Opera, Mozilla, etc.
TELNET: la connexion
FTP: le transfert de fichier CuteFTP

Familiarisation avec des sites internet

Familiarisation avec les outils de base: diteur HTML, UNIX,

moteurs de recherche, etc

5 octobre 2005

Exemple de sujets dj traits (1)

Visualisation de la carte du ciel

Organisation des rsultats dun moteur de recherche selon
divers paramtres
Cration dun portail associatif avec les outils de gestion du
site
Dfinition dun chemin daccs sur un plan

Organisation dun site de jeu en ligne

5 octobre 2005

Exemple de sujets (2)

Site de formation
Site dune organisation humanitaire
Site sur la cuisine, le vin
Site dune ville, dun thtre.
Agence immobilire, de voyage.

5 octobre 2005

Les catgories de logiciels

Logiciel libre: code source disponible
Logiciel public: pas de copyright, payant
Logiciel copyleft: pas de copyright, gratuit
Logiciel GPL Licence publique gnrale
Logiciel GNU= logiciel libre
Logiciel semi-libre: usage priv (PGP)
Logiciel propritaire = non libre

Logiciel commercial,payant peut-tre libre

5 octobre 2005

Thmes dapprofondissement
Peer to Peer
Scurit: SPAM, cryptographie
Internet et la tlphonie
La vido sur Internet
Les moteurs de recherche volus
Administration de site
Les annuaires LDAP
Les chats, les forums, les news, les listes de diffusion

SPIP, PHP(version 5), etc

5 octobre 2005

Diffusion des informations

http://deptinfo.cnam.fr/

Supports
Info. d'entreprise
NFE104

vous permet daccder aux :

supports des cours CNAM

listes des sites intressants
site du Projet 3i

5 octobre 2005

Bases du Web

Jacky AKOKA - Tatiana AUBONNET

Conservatoire National des Arts et Mtiers

5 octobre 2005

Contenu
Les bases du Web :
architecture,adressage, noms, protocoles
Les pages web statiques : HTML
Les pages web dynamiques : JavaScript

Les services web : bas sur XML

5 octobre 2005

3 gnrations dapplication Web

1 Gnration
Pages Web statiques (HTML)

2 Gnration
Des applications relles
(Pages Web dynamiques, ASP, JSP, PHP, ...)

3 Gnration

Les Web services (bas sur XML)

5 octobre 2005

LInternet

Cest un rseau, bas sur les protocoles (de bas

niveau),TCP/IP
Permet dchanger des donnes dans un
environnement htrogne
Chaque ordinateur est connu par une adresse IP
unique ou par son nom

cortes.cnam.fr = 163.173.212.26

5 octobre 2005

Le protocole de base est IP

chaque station a une adresse (appele adresse IP ou
numro IP)
gestion centralise de l'affectation des adresses (NIC),
pour garantir l'unicit
elles sont de la forme A.B.C.D, A, B, C, D tant des
entiers dcimaux dans l'intervalle [0,255], ABC tant
ladresse rseau et D ladresse locale
DNS fait le lien entre ladresse IP et le nom de domaine

IPV6 ladressage sera modifi pour satisfaire les besoins

futurs

5 octobre 2005

Domain Name Service (DNS)

tablit une correspondance noms/adresses

Jusquen 1984, tout tait centralis dans un seul fichier
hosts.txt !
Remplac par le DNS : une organisation hirarchique des
noms de domaine

La gestion du DNS est dcentralise : un sous-domaine

est gr par un serveur de nom

5 octobre 2005

Structure du DNS

Les serveurs de nom collaborent entre eux pour

convertir un nom de machine en adresse IP
Domaines: .org .com .net
.fr

dept25.cnam.fr

5 octobre 2005

Le WEB
Cest un systme dinformation bas sur
lInternet. Ce SI est constitu de
documents , terme prendre au sens
large
Ils sont fournis par des serveurs web
Ils sont consults grce des clients web

Serveurs et clients communiquent par un

protocole : HTTP

5 octobre 2005

Fonctionnement du Web

Requtes: documents HTML, PHP, Java,

Perl, etc
Machine du client: Navigateur (HTML)
Machine du serveur: APACHE



Communication : HTTP

5 octobre 2005

HTTP (HyperText Transfer Protocol)

Protocole dchange dinformations propre au Web

On ouvre une connexion
On envoie un en-tte
Puis une ligne blanche
Puis ventuellement un contenu
Et on ferme la connexion



Pas de connexion permanente

5 octobre 2005

Les requtes HTTP

Principaux types de requtes :
GET : on demande quelque chose au serveur
GET /index.html HTTP/1.0
POST : on envoie quelque chose au serveur
POST /cgi-bin/prog.php HTTP/1.0



HEAD : on demande des infos sur un document

5 octobre 2005

Les rponses HTTP

En-tte/ligne blanche/contenu :
Date: Tue, 21 Oct 2001 20:39:56 GMT
Server: Apache/1.3.17 (Unix) mod\_jk PHP/4.0.2
Last-Modified: Tue, 05 Jun 2003 20:13:39 GMT
Content-Length: 159
Connection: close
Content-Type: text/html
<HTML><HEAD>
<TITLE>Page daccueil</TITLE></HEAD>



<BODY><H1>Pagedaccueil</H1> </BODY></HTML>

5 octobre 2005

Informations dune rponse HTTP

Dans len-tte :
le type de contenu Content-type indique si le
contenu est du HTML, du GIF,du PDF, du XML...
la longueur du contenu (permet de savoir combien de
temps a va prendre)
la date de dernire modification (pour grer le cache)



ventuellement des cookies

5 octobre 2005

Le client (navigateur)
Le programme client est en charge du rendu
des documents
Il dialogue avec le serveur:
lui demande des documents
Lui fournit des informations (paramtres, fichiers)

Il communique les documents lutilisateur



(textes, images, sons)

5 octobre 2005

Le programme serveur

Cest un dmon (Unix) ou un service (NT)

Il est en coute permanente sur un port
rseau (en gnral le port 80)
Il reoit, analyse les requtes de clients web



Il transmet en retour un document rsultat de

la requte

5 octobre 2005

Adressage de documents : les URL

URL (Universal Resource Location)
Syntaxe gnrale:
p://ms[:port]/chemin/document?args

p : le protocole: http, ou autre

ms : le nom ou adresse IP du serveur
port : port dcoute
chemin : arborescence des rpertoires pour accder
au document
document : nom du document
args : liste de paramtres
5 octobre 2005

Exemples dURL
http://localhost/ Projet3I/WEB/ExHTML1.html
Le document est dans le sous-rpertoire WEB du rpertoire
racine de projet3I (ex.:/home/projet3I/public_html)
Un langage de prsentation de documents:
Des balises intgres dans le texte indiquent le formatage
souhait.
Cest le navigateur qui dtermine la prsentation finale
Les ancres
Certaines parties du texte donnent accs

dautres documents

5 octobre 2005

Documents hypertextes : HTML

HTML (Hypertext Markup Language)
Un langage de prsentation de documents
des balises intgres dans le texte indiquent le
formatage souhait
c'est le navigateur qui dtermine la prsentation finale

Les ancres



certaines parties du texte donnent accs d'autres

documents
navigation vs lecture squentielle

5 octobre 2005

Un document HTML
<HTML>
<HEAD>
<TITLE>Un exemple de document HTML</TITLE>
</HEAD>
<BODY BGCOLOR="white"><!-- Ceci est un commentaire -->
<CENTER><H1>Mon premier document HTML</H1>
</CENTER>
Je tape du texte <B>nimporte
comment</B>
</BODY>
</HTML>




http://localhost/~aubonnet/ExHTML1.html
5 octobre 2005

Programmation client : JavaScript (1)

Cest un langage interprt par le navigateur initialement
propos par Netscape repris (avec des diffrences) par
Internet Explorer
Plus ou moins normalis par le W3C sous le nom dECMAScript
Rle de JavaScript : rendre plus interactive




linterface HTML

5 octobre 2005

JavaScript (1)

Chaque fois quil faut rpondre aux actions de lutilisateur

sans retourner au serveur,
pour faire un calcul en local
pour contrler une zone de saisie
pour afficher un message
pour piloter linterface du navigateur (fentres, menus
droulant)




Gros souci : la compatibilit avec les navigateurs

5 octobre 2005

JavaScript (2)
Trs utile pour animer les pages HTML
De prfrence, chercher des ressources existantes
sur le Web
Exemple de menus




Gros souci : compatibilit des navigateurs

5 octobre 2005

Vers les nouvelles technologies

Procdural

Procdures,
(C, Pascal)

Le raffinement

Orient
composants
de services

Orient
objet

Objets, Classes,

Package,
Patterns,

(java, C++)

Frameworks
(java)

La composition
objets

procedural

Orient
model

mtamodle,

UML,
XML

La
transformation
de modles




Dveloppement du logiciel

5 octobre 2005

LES SERVICES WEB

Quest ce que cest un service Web :
Un service Web est une unit logique applicative accessible
en utilisant les protocoles standard dInternet
Une librairie fournissant des donnes et des services dautres
applications.
Ils combinent les meilleurs aspects du dveloppement base de
composants et du Web.




Ils sappuient sur un ensemble de standards (WSDL, SOAP et

UDDI)
5 octobre 2005

Les quatre principales technologies des Services Web

Langage XML : Dcrit les informations

Protocole SOAP : Excute les services distance
Langage WSDL : Dcrit l interface des services




Annuaire UDDI : Trouve les services dont on a besoin

5 octobre 2005

LES SERVICES WEB

rsultat

recherche

Conteneur du
service (UDDI)
publication

interrogation

Client
rponse

Fournisseur

5 octobre 2005

Caractristiques

Les Web services sont rutilisable

Indpendamment de :

la plate-forme (UNIX, Windows,)

leur implmentation (Java, C++, Visual Basic,)
larchitecture sous-jacente (.NET, J2EE,)

5 octobre 2005

Cration d'un Service Web

SOAP

UDDI (Universal Description, Discovery and Integration)

WSDL (Web Service Description Language )


SOAP(Simple Object Access Protocol)

5 octobre 2005

Protocole SOAP (Simple Object Access Protocol)

Protocole de transport rseaux
Utilisation conjointe de XML et HTTP
Il est particulirement utile pour excuter des dialogues requterponse RPC (Remote Procedure Call)
Permet un client d'invoquer un service distant




SOAP a t construit pour pouvoir tre aisment port sur toutes

les plates-formes et les technologies

5 octobre 2005

Structure dun message SOAP

HTTP Headers

Le message SOAP Complet

Entte standard HTTP
et entte SOAP HTTP

SOAP Envelope

Enveloppe

SOAP Message

SOAP Header

Entte

Headers

Entte individuelle
Corps qui contient les
appels de mthodes SOAP
Appel de mthode et description
en XML de donnes

SOAP Body




Method Call & Data

5 octobre 2005

Langage WSDL
WSDL (Web Service Description Language ) est un langage qui
permet de dcrire:

un service Web,
et comment l invoquer
Objectif :
Dcrire les services comme un ensemble doprations et de messages
abstraits reli des protocoles et des serveurs rseaux

Permet de dcharger les utilisateurs des dtails techniques de

ralisation dun appel




WSDL est un langage qui standardise les schmas XML utiliss pour
tablir une connexion entre metteurs et rcepteurs.

5 octobre 2005

Structure de WSDL :

<?xml version="1.0" encoding="utf-8"?>

<definitions>
<types>!--abstract data types</types>
<message>!--message structure</message>
<portType>!--Web Service Interface</portType>
<binding>!--how the service is accessed</binding>
<service>!--who provides the service</service>




</definitions>

5 octobre 2005

Concepts de WSDL (1)

WSDL dfinit :
Les types
Contient les dfinitions de types utilisant un systme de typage.
Utilisation de XML Schema pour dfinir les types de donnes.
Le message
Dcrit les noms et types dun ensemble de champs
transmettre. Peut-tre compar aux paramtres d'un appel de
procdure.




Les types de port (port Type)

Dcrit un ensemble doprations. Peut tre compar une
interface Java.
5 octobre 2005

Elments de WSDL (2)

La Liaison (binding)
Dfinit le format des messages et le protocole utilis
par chaque type de port
Le port
un point de terminaison identifi de manire unique
par la combinaison d'une adresse Internet et d'une
liaison




Un Service
Une collection de points dentre (endpoint) relatifs.

5 octobre 2005

UDDI (Universal Description, Discovery and Integration)

Annuaire mondial d'entreprises bas sur le Web
Il permet d'automatiser les communications entre prestataires, clients,
etc..
Trs orient affaires (vente, prestation)
Accessible grce SOAP




Intgrant toutes sortes d'entres (nom, carte d'identit des socits,

description des produits et des services, etc.),

5 octobre 2005

Structure des donnes UDDI

Qui : Le nom de lentreprise, les contacts ...
Quoi : Les classes, les noms des services
O : Les adresses daccs aux services
Comment : Les informations concernant les

interfaces, les proprits

5 octobre 2005

Annuaires UDDI en ligne

uddi.microsoft.com
www.ibm.com/services/uddi
uddi.hp.com
uddittest.sap.com

...

5 octobre 2005

LES SERVICES WEB / Avantages

o les services Web fournissent l'interoprabilit entre divers logiciels

fonctionnant sur diverses plateformes,

o les services Web utilisent des normes et protocoles ouverts,

o la raison principale pour laquelle des services Web sont employs



semble tre qu'ils se fondent sur le port 80/TCP de HTTP (passe les
firewalls).

5 octobre 2005

LES SERVICES WEB / Inconvnients

o l'utilisation du protocole HTTP, permet de contourner les
mesures de scurit mises en place au travers des firewalls,

o normes de scurit pour les services web

inexistantes ou
toujours dans leur petite enfance compare CORBA,

o performances faibles compare d'autres approches de




l'informatique rpartie telles que le RMI, CORBA, ou DCOM.

5 octobre 2005

Conclusion
le Web est conu pour :

transmettre les documents (HTTP)

inclure dans ces document des

directives de mise en forme (HTML)

accder d'autres documents de faon

transparente (URL)




permet d'excuter les services distance

(services web)

5 octobre 2005

Rfrences
Philippe Rigaux, son livre:
Les bases de MySQL et PHP, Editions OReilly
http://www.commentcamarche.net
Le site du consortium w3c :
http: // www.w3c.org
Les documents de rfrence sur HTTP,HTML, CSS,
XML, XHTML, etc
Publis sous la forme de Request for Comments
(RFC).
Certains ont acquis le statut de norme
par exemple HTML 4.0




consulter rgulirement
5 octobre 2005

Rfrences / services Web

Services Web :
Spcifications officielles : http://www.w3c.org
Documentations et exemples en ligne : http://www.xmlbus.com
http://lfe.developpez.com/WebService
http://www.softeam.fr/technologies_web_services.php

SOAP :
Spcification SOAP 1.1 : http://www.w3c.org/TR/SOAP
Spcification SOAP 1.2 : http://www.w3c.org/TR/soap12
Implmentations : http://www.soapware.org
Exemples en ligne : http://soapclient.com/soaptest.html

WSDL :
Web Services Description Language (WSDL) 1.1 : http://www.w3.org/TR/wsdl

UDDI :




Spcification : http://www.uddi.org
Serveur UDDI : http://uddi.microsoft.com et http://uddi.ibm.com

5 octobre 2005