5 octobre 2005

Projet L3 Systme dInformation (prsentation du projet)

Jacky AKOKA - Tatiana AUBONNETConservatoire 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 planningralisation 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 CNAMMessageriehttp: 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 CNAMLogin 6 premiers caractres du nom_premier caractre du prnom aubonn_tMot 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.frOutgoing mail ( SMTP ) server : adresse du courrier chez votre fournisseur, par exemple SMTP.freesurf.frOutgoing 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 CNAMMessagerieHTTP: 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 CNAMlistes des sites intressantssite du Projet 3i

5 octobre 2005

Bases du Web

Jacky AKOKA - Tatiana AUBONNETConservatoire 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 GnrationPages Web statiques (HTML)

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

3 GnrationLes 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 serveurGET /index.html HTTP/1.0

POST : on envoie quelque chose au serveurPOST /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

Page daccueil

Pagedaccueil

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 documentsLui 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 portrseau (en gnral le port 80)

Il reoit, analyse les requtes de clients web

Il transmet en retour un document rsultat dela 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 autrems : le nom ou adresse IP du serveurport : port dcoutechemin : arborescence des rpertoires pour accder au documentdocument : nom du documentargs : 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 documentsdes balises intgres dans le texte indiquent le

formatage souhaitc'est le navigateur qui dtermine la prsentation finale

Les ancrescertaines parties du texte donnent accs d'autres

documentsnavigation vs lecture squentielle

5 octobre 2005

Un document HTML

Un exemple de document HTML

Mon premier document HTML

Je tape du texte nimporte

comment

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 dECMA-Script

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 saisiepour 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

Procdural Orient

objet

Orientcomposantsde services

Le raffinement

procedural

La compositionobjets

Procdures,

(C, Pascal)

Objets, Classes,

(java, C++)

Package,

Patterns,

Frameworks(java)

Orientmodel

mta-modle,

XML

Latransformation

de modles

Dveloppement du logiciel

UML,

Vers les nouvelles technologies

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 etUDDI)

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

Conteneur du service (UDDI)

FournisseurClient

publication

recherche

rsultat

interrogation

rponse

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

UDDI (Universal Description, Discovery and Integration)

WSDL (Web Service Description Language )

SOAP(Simple Object Access Protocol)

SOAP

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 requte-rponse RPC (Remote Procedure Call)

Permet un client d'invoquer un service distant

SOAP a t construit pour pouvoir tre aisment port sur toutesles plates-formes et les technologies

5 octobre 2005

Structure dun message SOAP

SOAP Message

SOAP Envelope

SOAP Header

SOAP Body

Method Call & Data

Headers

HTTP Headers

Appel de mthode et descriptionAppel de mthode et descriptionen XML de donnesen XML de donnes

Corps qui contient lesCorps qui contient lesappels de mthodes SOAPappels de mthodes SOAP

Entte individuelleEntte individuelle

EntteEntte

EnveloppeEnveloppe

Entte standard HTTPEntte standard HTTPet entte SOAP HTTPet entte SOAP HTTP

Le message SOAP CompletLe message SOAP Complet

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 :

!--abstract data types

!--message structure

!--Web Service Interface

!--how the service is accessed

!--who provides the service

5 octobre 2005

Concepts de WSDL (1)

WSDL dfinit :

Les typesContient les dfinitions de types utilisant un systme de typage. Utilisation de XML Schema pour dfinir les types de donnes.

Le messageDcrit 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 portun point de terminaison identifi de manire unique par la combinaison d'une adresse Internet et d'une liaison

Un ServiceUne 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.orgDocumentations et exemples en ligne : http://www.xmlbus.comhttp://lfe.developpez.com/WebServicehttp://www.softeam.fr/technologies_web_services.php

SOAP :Spcification SOAP 1.1 : http://www.w3c.org/TR/SOAPSpcification SOAP 1.2 : http://www.w3c.org/TR/soap12Implmentations : http://www.soapware.orgExemples 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.orgServeur UDDI : http://uddi.microsoft.com et http://uddi.ibm.com