SlideShare une entreprise Scribd logo
1  sur  62
Publication de documents sur le Web Sa ïd Radhouani Université de Genève
Apparition du WEB ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Pour chaque besoin, une solution 08 octobre 2005 Saïd Radhouani - CUI Données(documents)  Format=HTML  client  (navigateur) Internet Explorer Netscape Safari …  ,[object Object],[object Object],[object Object],Internet transport   Affichage ,[object Object],[object Object],[object Object],HTML: standard Formattage
HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Code HTML en bref ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Structure d'un document HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Un exemple (ex1.html) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
08 octobre 2005 Saïd Radhouani - CUI
Un peu plus (ex2.html) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
08 octobre 2005 Saïd Radhouani - CUI
Exemple avec attributs (ex3.html) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
08 octobre 2005 Saïd Radhouani - CUI
Exemple (ex4.html) ,[object Object],08 octobre 2005 Saïd Radhouani - CUI
08 octobre 2005 Saïd Radhouani - CUI
Liens hypertextes ,[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Exemple (ex5.html) ,[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
08 octobre 2005 Saïd Radhouani - CUI
Le Web : un serivce qui évolue ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Plus de besoins, plus de fonctionnalités ,[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Démo ,[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Web statique / Web dynamique ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Web statique 08 octobre 2005 Saïd Radhouani - CUI Navigateur  web (client) <html> … … </html> http://www.unige.ch/page.html Serveur Web page.html Les pages HTML ont été créées par le Webmaster Le client reçoit la page telquelle a été créée par le webmaster Plusieurs clients reçoivent la même page avec le même contenu
Web dynamique ,[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI Navigateur  web (client) <html> … </html> http://www. ...[ paramètres ] page html Serveur Web La page HTML est créée en fonction des  param êtres  de  la requête HTTP page : le contenu est créé en temps réel page : le contenu est dépendant des  paramètres  de sa requête
Web intéractif vs Web dynamique ,[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI Navigateur  web (client) <html> … < javascript …> … </html> http://www.unige.ch/… Serveur Web Interpréteur Java script page html
Pages dynamique ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Interpràtation d'un script coté serveur 08 octobre 2005 Saïd Radhouani - CUI Script Page HTML Base de  données Page ASP/PHP Interprète ------------ ------------   ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ Navigateur  web (client) <html> … </html> Requ ête:  http://www.....asp , .php, .pl Réponse: page html Serveur Web
La technologie ASP ,[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
La technologie ASP ,[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
La technologie ASP 08 octobre 2005 Saïd Radhouani - CUI Source : commentcamarche.com
Qu'est ce qu'un fichier .ASP ,[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
ASP – Principe de fonctionnement ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
ASP – Principe de fonctionnement ,[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Insertion de script ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Insertion de script ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Insertion de script ,[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Exemple de script ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Exemple de script ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Exemple de script ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Exemple de script ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Exemple de script ,[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
PHP 08 octobre 2005 Saïd Radhouani - CUI Serveur web (Apache) Navigateur web (Mozilla) HTTP Internet
PHP ,[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Premier exemple ,[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI <html> <body> <?php echo  &quot;bonjour &quot;; echo  &quot;salut &quot;; echo  1+2*3; ?> <p> ci-dessus du php </p> </body> </html> <html> <body> bonjour salut 7 <p> ci-dessus du php </p> </body> </html> Balises <?php   code php ici   ?> Instructions ex:   echo  &quot;du texte&quot; ;
Variables ,[object Object],08 octobre 2005 Saïd Radhouani - CUI <html> <body> <?php // mettons 10 dans $variable $variable  = 10; // affichons $variable echo  $variable ; echo &quot;<p>&quot;; echo &quot;10&quot; + '5.2'; ?> </body> </html> <html> <body> 10<p>15.2 </body> </html>
Boucles ,[object Object],08 octobre 2005 Saïd Radhouani - CUI <html> <body> <?php // l'intérêt du $ for  ( $i =0;  $i <4;  $i ++) { echo  &quot; Number  $i  <br />&quot;; } ?> </body> </html> <html> <body> Number 0 <br /> Number 1 <br />  Number 2 <br />  Number 3 <br />  </body> </html> Number 0  Number 1 Number 2  Number 3  Fichier .php présent sur le serveur Fichier tel qu’il est Reçu par le navigateur Rendu
Principes de base ,[object Object],08 octobre 2005 Saïd Radhouani - CUI <html> <body> <?php echo   date (&quot;d/m/Y&quot;); echo  &quot;<br />&quot;; echo  &quot;<b>&quot;. date (&quot;H:m:s&quot;).&quot;</b>&quot;; ?> </body> </html> <html> <body> 13/05/2004<br /> <b>21:03:42</b> </body> </html> 13/05/2005 21:03:42  Fichier .php présent sur le serveur Fichier tel qu’il est Reçu par le navigateur Rendu
Deuxième exemple 08 octobre 2005 Saïd Radhouani - CUI <html> <body> <?php // le mois de l'année: $month  =  date (&quot;m&quot;); if  (  $month  == &quot;07&quot; ||  $month  == &quot;08&quot; ) { echo  &quot;Bonnes vacances&quot;; }  else  { $restant  = 7 -  $month ; echo  &quot;C'est les   vacances dans <i> $restant </i>   mois !&quot;; } ?> </body> </html> <html> <body> C'est les vacances dans <i>2</i> mois ! </body> </html> C'est les vacances dans  2  mois !  Fichier .php présent sur le serveur Fichier tel qu’il est Reçu par le navigateur Rendu
ASP vs PHP ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Limites du langage HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Le langage XML  -  eXtensible Markup Language ,[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI HTML <p>Saïd</p> <p>Radhouani</p> <p>Assistant/doctorant</p> <p>Radhouani@cui.unige.ch</p> exemple XML <prenom>Saïd</prenom> <nom>Radhouani</nom> <Fonction> Assistant/doctorant </Fonction> <email>Radhouani@cui.unige.ch </email>
Le langage XML ,[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Mise en page de XML ,[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Principe des feuilles de style 08 octobre 2005 Saïd Radhouani - CUI Données brutes Pages XML Feuille de style Appliquer Données  formattées Pages HTML Présenter
Structure de document XML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Objectifs et avantages du XML ,[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Objectifs et avantages du XML ,[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
ASP, PHP, XML, ... C’est bien mais… ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
SPIP/Plone : Développement collaboratif de sites ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
SPIP : Développement collaboratif de sites ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
SPIP - Développement collaboratif de sites ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI
Liens utilies ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],08 octobre 2005 Saïd Radhouani - CUI

Contenu connexe

Tendances

HTML5, le web de demain - BNSA
HTML5, le web de demain - BNSAHTML5, le web de demain - BNSA
HTML5, le web de demain - BNSABNSA - Aquitaine
 
HTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux élémentsHTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux élémentsRémy Savard
 
Les Sites Mobiles
Les Sites MobilesLes Sites Mobiles
Les Sites Mobilesm.dubucq
 
Jump Camp - HTML5
Jump Camp - HTML5Jump Camp - HTML5
Jump Camp - HTML5chaudavid
 
Présentation complète de l'HTML5
Présentation complète de l'HTML5Présentation complète de l'HTML5
Présentation complète de l'HTML5jverrecchia
 
Codedarmor 2012 - 06/03 - HTML5, CSS3 et Javascript
Codedarmor 2012 - 06/03 - HTML5, CSS3 et JavascriptCodedarmor 2012 - 06/03 - HTML5, CSS3 et Javascript
Codedarmor 2012 - 06/03 - HTML5, CSS3 et Javascriptcodedarmor
 
Formation HTML5/CSS3
Formation HTML5/CSS3Formation HTML5/CSS3
Formation HTML5/CSS3G²FOSS ENIT
 
Html de base
Html de baseHtml de base
Html de basekrymo
 
Kits formation html-les_bases
Kits formation html-les_basesKits formation html-les_bases
Kits formation html-les_baseskitsformation
 

Tendances (17)

HTML5, le web de demain - BNSA
HTML5, le web de demain - BNSAHTML5, le web de demain - BNSA
HTML5, le web de demain - BNSA
 
HTML5 & CSS3 : Jeux
HTML5 & CSS3 : Jeux HTML5 & CSS3 : Jeux
HTML5 & CSS3 : Jeux
 
HTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux élémentsHTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux éléments
 
Les Sites Mobiles
Les Sites MobilesLes Sites Mobiles
Les Sites Mobiles
 
Jump Camp - HTML5
Jump Camp - HTML5Jump Camp - HTML5
Jump Camp - HTML5
 
Présentation complète de l'HTML5
Présentation complète de l'HTML5Présentation complète de l'HTML5
Présentation complète de l'HTML5
 
Atelier template
Atelier templateAtelier template
Atelier template
 
Codedarmor 2012 - 06/03 - HTML5, CSS3 et Javascript
Codedarmor 2012 - 06/03 - HTML5, CSS3 et JavascriptCodedarmor 2012 - 06/03 - HTML5, CSS3 et Javascript
Codedarmor 2012 - 06/03 - HTML5, CSS3 et Javascript
 
Formation HTML5/CSS3
Formation HTML5/CSS3Formation HTML5/CSS3
Formation HTML5/CSS3
 
Cours html
Cours htmlCours html
Cours html
 
Les base du Html5
Les base du Html5Les base du Html5
Les base du Html5
 
Atelier initiation au html5
Atelier initiation au html5Atelier initiation au html5
Atelier initiation au html5
 
Advanced html5
Advanced html5Advanced html5
Advanced html5
 
Documents intéractifs
Documents intéractifsDocuments intéractifs
Documents intéractifs
 
Html css-xhtml
Html css-xhtmlHtml css-xhtml
Html css-xhtml
 
Html de base
Html de baseHtml de base
Html de base
 
Kits formation html-les_bases
Kits formation html-les_basesKits formation html-les_bases
Kits formation html-les_bases
 

En vedette

Les outils du web en bibliotheque 2eme partie
Les outils du web en bibliotheque 2eme partieLes outils du web en bibliotheque 2eme partie
Les outils du web en bibliotheque 2eme partieXavier Galaup
 
Les enjeux de l'édition électronique
Les enjeux de l'édition électroniqueLes enjeux de l'édition électronique
Les enjeux de l'édition électroniqueOpenEdition
 
Outils de publications sur le web en bibliothèque
Outils de publications sur le web en bibliothèqueOutils de publications sur le web en bibliothèque
Outils de publications sur le web en bibliothèqueThomas Chaimbault-Petitjean
 
النشر الالكترونى وخدمة المعلومات
النشر الالكترونى وخدمة المعلوماتالنشر الالكترونى وخدمة المعلومات
النشر الالكترونى وخدمة المعلوماتعبدالله المسلم
 
محاضرة لنشر الألكترونى نظرة عامة
محاضرة لنشر الألكترونى نظرة عامةمحاضرة لنشر الألكترونى نظرة عامة
محاضرة لنشر الألكترونى نظرة عامةAdel Khalifa, PhD
 
Outils de publications et de partages en bibliothèques : applications
Outils de publications et de partages en bibliothèques : applicationsOutils de publications et de partages en bibliothèques : applications
Outils de publications et de partages en bibliothèques : applicationsThomas Chaimbault-Petitjean
 
الاتجاهات الحديثة في النشر الإلكتروني
الاتجاهات الحديثة في النشر الإلكترونيالاتجاهات الحديثة في النشر الإلكتروني
الاتجاهات الحديثة في النشر الإلكترونيAmanyalsayed
 
Ecrire pour le web en bibliothèque.
Ecrire pour le web en bibliothèque.Ecrire pour le web en bibliothèque.
Ecrire pour le web en bibliothèque.Dujol Lionel
 
Testen produktbegleitender Dienstleistungen - Expertenbefragung
Testen produktbegleitender Dienstleistungen - ExpertenbefragungTesten produktbegleitender Dienstleistungen - Expertenbefragung
Testen produktbegleitender Dienstleistungen - ExpertenbefragungThomas Burger
 
Naty informatica
Naty  informaticaNaty  informatica
Naty informatica3083
 
Ecologia y Cuidado Del Medio Ambiente
Ecologia y Cuidado Del Medio AmbienteEcologia y Cuidado Del Medio Ambiente
Ecologia y Cuidado Del Medio AmbienteXiomi Tipiani Merino
 
Lugares turísticos de san martin
Lugares turísticos de san martinLugares turísticos de san martin
Lugares turísticos de san martinjhonatanivan
 
Calida y evaluacion d lo c e
Calida y evaluacion d lo c eCalida y evaluacion d lo c e
Calida y evaluacion d lo c earmando4000
 
Dossier de presse sata été
Dossier de presse sata étéDossier de presse sata été
Dossier de presse sata étéSATA
 
Historia de las tic's
Historia de las tic'sHistoria de las tic's
Historia de las tic'sElCriss21
 

En vedette (20)

Les outils du web en bibliotheque 2eme partie
Les outils du web en bibliotheque 2eme partieLes outils du web en bibliotheque 2eme partie
Les outils du web en bibliotheque 2eme partie
 
Les enjeux de l'édition électronique
Les enjeux de l'édition électroniqueLes enjeux de l'édition électronique
Les enjeux de l'édition électronique
 
Outils de publications sur le web en bibliothèque
Outils de publications sur le web en bibliothèqueOutils de publications sur le web en bibliothèque
Outils de publications sur le web en bibliothèque
 
النشر الالكترونى وخدمة المعلومات
النشر الالكترونى وخدمة المعلوماتالنشر الالكترونى وخدمة المعلومات
النشر الالكترونى وخدمة المعلومات
 
محاضرة لنشر الألكترونى نظرة عامة
محاضرة لنشر الألكترونى نظرة عامةمحاضرة لنشر الألكترونى نظرة عامة
محاضرة لنشر الألكترونى نظرة عامة
 
Outils de publications et de partages en bibliothèques : applications
Outils de publications et de partages en bibliothèques : applicationsOutils de publications et de partages en bibliothèques : applications
Outils de publications et de partages en bibliothèques : applications
 
الاتجاهات الحديثة في النشر الإلكتروني
الاتجاهات الحديثة في النشر الإلكترونيالاتجاهات الحديثة في النشر الإلكتروني
الاتجاهات الحديثة في النشر الإلكتروني
 
النشر الالكتــــــرونى
النشر الالكتــــــرونىالنشر الالكتــــــرونى
النشر الالكتــــــرونى
 
Ecrire pour le web en bibliothèque.
Ecrire pour le web en bibliothèque.Ecrire pour le web en bibliothèque.
Ecrire pour le web en bibliothèque.
 
Presentación jg
Presentación jgPresentación jg
Presentación jg
 
Testen produktbegleitender Dienstleistungen - Expertenbefragung
Testen produktbegleitender Dienstleistungen - ExpertenbefragungTesten produktbegleitender Dienstleistungen - Expertenbefragung
Testen produktbegleitender Dienstleistungen - Expertenbefragung
 
Naty informatica
Naty  informaticaNaty  informatica
Naty informatica
 
Ecologia y Cuidado Del Medio Ambiente
Ecologia y Cuidado Del Medio AmbienteEcologia y Cuidado Del Medio Ambiente
Ecologia y Cuidado Del Medio Ambiente
 
Practica 2 tics
Practica 2 ticsPractica 2 tics
Practica 2 tics
 
Genesis
GenesisGenesis
Genesis
 
Lugares turísticos de san martin
Lugares turísticos de san martinLugares turísticos de san martin
Lugares turísticos de san martin
 
Incorporación de la tics
Incorporación de la ticsIncorporación de la tics
Incorporación de la tics
 
Calida y evaluacion d lo c e
Calida y evaluacion d lo c eCalida y evaluacion d lo c e
Calida y evaluacion d lo c e
 
Dossier de presse sata été
Dossier de presse sata étéDossier de presse sata été
Dossier de presse sata été
 
Historia de las tic's
Historia de las tic'sHistoria de las tic's
Historia de las tic's
 

Similaire à Publication de documents sur le Web

Active Server Pages (ASP)
Active Server Pages (ASP)Active Server Pages (ASP)
Active Server Pages (ASP)Saïd Radhouani
 
Resource Oriented Architecture
Resource Oriented ArchitectureResource Oriented Architecture
Resource Oriented ArchitectureDNG Consulting
 
Développement Web
Développement WebDéveloppement Web
Développement Webmastertic
 
Développement Web
Développement WebDéveloppement Web
Développement Webmastertic
 
Symfony2 - Un Framework PHP 5 Performant
Symfony2 - Un Framework PHP 5 PerformantSymfony2 - Un Framework PHP 5 Performant
Symfony2 - Un Framework PHP 5 PerformantHugo Hamon
 
Kiwiparty 2011 - Optimisation des sites internet
Kiwiparty 2011 - Optimisation des sites internetKiwiparty 2011 - Optimisation des sites internet
Kiwiparty 2011 - Optimisation des sites internetDevclic
 
Introduction aux technologies du Web (1)
Introduction aux technologies du Web (1)Introduction aux technologies du Web (1)
Introduction aux technologies du Web (1)Saïd Radhouani
 
Digital race evolution programmation web 1.0
Digital race   evolution programmation web 1.0Digital race   evolution programmation web 1.0
Digital race evolution programmation web 1.0Sequoia-ID
 
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptxFormation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptxtanokouakouludovic
 
Initiation au HTML
Initiation au HTMLInitiation au HTML
Initiation au HTMLStrasWeb
 
ASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJSASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJSRenaud Dumont
 
WebSphere Portal & Rich Internet Applications
WebSphere Portal & Rich Internet ApplicationsWebSphere Portal & Rich Internet Applications
WebSphere Portal & Rich Internet ApplicationsVincent Perrin
 
HTML5... La révolution maintenant!
HTML5... La révolution maintenant!HTML5... La révolution maintenant!
HTML5... La révolution maintenant!CARA_Lyon
 

Similaire à Publication de documents sur le Web (20)

Active Server Pages (ASP)
Active Server Pages (ASP)Active Server Pages (ASP)
Active Server Pages (ASP)
 
Association 2 0
Association 2 0Association 2 0
Association 2 0
 
Resource Oriented Architecture
Resource Oriented ArchitectureResource Oriented Architecture
Resource Oriented Architecture
 
Développement Web
Développement WebDéveloppement Web
Développement Web
 
Association 2 0
Association 2 0Association 2 0
Association 2 0
 
Association 2 0
Association 2 0Association 2 0
Association 2 0
 
Développement Web
Développement WebDéveloppement Web
Développement Web
 
Symfony2 - Un Framework PHP 5 Performant
Symfony2 - Un Framework PHP 5 PerformantSymfony2 - Un Framework PHP 5 Performant
Symfony2 - Un Framework PHP 5 Performant
 
Kiwiparty 2011 - Optimisation des sites internet
Kiwiparty 2011 - Optimisation des sites internetKiwiparty 2011 - Optimisation des sites internet
Kiwiparty 2011 - Optimisation des sites internet
 
Introduction aux technologies du Web (1)
Introduction aux technologies du Web (1)Introduction aux technologies du Web (1)
Introduction aux technologies du Web (1)
 
Digital race evolution programmation web 1.0
Digital race   evolution programmation web 1.0Digital race   evolution programmation web 1.0
Digital race evolution programmation web 1.0
 
Paris Web
Paris WebParis Web
Paris Web
 
Présentation WPF
Présentation  WPFPrésentation  WPF
Présentation WPF
 
HTML
HTMLHTML
HTML
 
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptxFormation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
 
Html5 & ie
Html5 & ieHtml5 & ie
Html5 & ie
 
Initiation au HTML
Initiation au HTMLInitiation au HTML
Initiation au HTML
 
ASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJSASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJS
 
WebSphere Portal & Rich Internet Applications
WebSphere Portal & Rich Internet ApplicationsWebSphere Portal & Rich Internet Applications
WebSphere Portal & Rich Internet Applications
 
HTML5... La révolution maintenant!
HTML5... La révolution maintenant!HTML5... La révolution maintenant!
HTML5... La révolution maintenant!
 

Plus de Saïd Radhouani

Anatomy of Search Relevance: From Data To Action
Anatomy of Search Relevance: From Data To ActionAnatomy of Search Relevance: From Data To Action
Anatomy of Search Relevance: From Data To ActionSaïd Radhouani
 
PhD Defense Presentation - Soutenance de thèse
PhD Defense Presentation - Soutenance de thèse PhD Defense Presentation - Soutenance de thèse
PhD Defense Presentation - Soutenance de thèse Saïd Radhouani
 
PhD Dissertation - Manuscrit de thèse de doctorat
PhD Dissertation - Manuscrit de thèse de doctoratPhD Dissertation - Manuscrit de thèse de doctorat
PhD Dissertation - Manuscrit de thèse de doctoratSaïd Radhouani
 
Introduction à l\'e-learnining
Introduction à l\'e-learniningIntroduction à l\'e-learnining
Introduction à l\'e-learniningSaïd Radhouani
 
Apprendre Solr en deux heures
Apprendre Solr en deux heuresApprendre Solr en deux heures
Apprendre Solr en deux heuresSaïd Radhouani
 
Introduction à la Recherche d'information
Introduction à la Recherche d'informationIntroduction à la Recherche d'information
Introduction à la Recherche d'informationSaïd Radhouani
 

Plus de Saïd Radhouani (14)

Anatomy of Search Relevance: From Data To Action
Anatomy of Search Relevance: From Data To ActionAnatomy of Search Relevance: From Data To Action
Anatomy of Search Relevance: From Data To Action
 
PhD Defense Presentation - Soutenance de thèse
PhD Defense Presentation - Soutenance de thèse PhD Defense Presentation - Soutenance de thèse
PhD Defense Presentation - Soutenance de thèse
 
PhD Dissertation - Manuscrit de thèse de doctorat
PhD Dissertation - Manuscrit de thèse de doctoratPhD Dissertation - Manuscrit de thèse de doctorat
PhD Dissertation - Manuscrit de thèse de doctorat
 
Conception de sites Web
Conception de sites WebConception de sites Web
Conception de sites Web
 
Introduction à XML
Introduction à XMLIntroduction à XML
Introduction à XML
 
Introduction à l\'e-learnining
Introduction à l\'e-learniningIntroduction à l\'e-learnining
Introduction à l\'e-learnining
 
Introduction à XML
Introduction à XMLIntroduction à XML
Introduction à XML
 
Serveur Web (1)
Serveur Web (1)Serveur Web (1)
Serveur Web (1)
 
Serveur Web (2)
Serveur Web (2)Serveur Web (2)
Serveur Web (2)
 
SPIP
SPIPSPIP
SPIP
 
PHP &amp; MySQL
PHP &amp; MySQLPHP &amp; MySQL
PHP &amp; MySQL
 
Introduction à PHP
Introduction à PHPIntroduction à PHP
Introduction à PHP
 
Apprendre Solr en deux heures
Apprendre Solr en deux heuresApprendre Solr en deux heures
Apprendre Solr en deux heures
 
Introduction à la Recherche d'information
Introduction à la Recherche d'informationIntroduction à la Recherche d'information
Introduction à la Recherche d'information
 

Publication de documents sur le Web

  • 1. Publication de documents sur le Web Sa ïd Radhouani Université de Genève
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9. 08 octobre 2005 Saïd Radhouani - CUI
  • 10.
  • 11. 08 octobre 2005 Saïd Radhouani - CUI
  • 12.
  • 13. 08 octobre 2005 Saïd Radhouani - CUI
  • 14.
  • 15. 08 octobre 2005 Saïd Radhouani - CUI
  • 16.
  • 17.
  • 18. 08 octobre 2005 Saïd Radhouani - CUI
  • 19.
  • 20.
  • 21.
  • 22.
  • 23. Web statique 08 octobre 2005 Saïd Radhouani - CUI Navigateur web (client) <html> … … </html> http://www.unige.ch/page.html Serveur Web page.html Les pages HTML ont été créées par le Webmaster Le client reçoit la page telquelle a été créée par le webmaster Plusieurs clients reçoivent la même page avec le même contenu
  • 24.
  • 25.
  • 26.
  • 27. Interpràtation d'un script coté serveur 08 octobre 2005 Saïd Radhouani - CUI Script Page HTML Base de données Page ASP/PHP Interprète ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ Navigateur web (client) <html> … </html> Requ ête: http://www.....asp , .php, .pl Réponse: page html Serveur Web
  • 28.
  • 29.
  • 30. La technologie ASP 08 octobre 2005 Saïd Radhouani - CUI Source : commentcamarche.com
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42. PHP 08 octobre 2005 Saïd Radhouani - CUI Serveur web (Apache) Navigateur web (Mozilla) HTTP Internet
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48. Deuxième exemple 08 octobre 2005 Saïd Radhouani - CUI <html> <body> <?php // le mois de l'année: $month = date (&quot;m&quot;); if ( $month == &quot;07&quot; || $month == &quot;08&quot; ) { echo &quot;Bonnes vacances&quot;; } else { $restant = 7 - $month ; echo &quot;C'est les vacances dans <i> $restant </i> mois !&quot;; } ?> </body> </html> <html> <body> C'est les vacances dans <i>2</i> mois ! </body> </html> C'est les vacances dans 2 mois ! Fichier .php présent sur le serveur Fichier tel qu’il est Reçu par le navigateur Rendu
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54. Principe des feuilles de style 08 octobre 2005 Saïd Radhouani - CUI Données brutes Pages XML Feuille de style Appliquer Données formattées Pages HTML Présenter
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.

Notes de l'éditeur

  1. Le choix du langage se fait en fonction de ses capacités et de nos besoins. ASP ne marche pas seulement sur IIS, il marche aussi sur les serveurs Web Lotusou Netscape.. Ici on décrit ASP 3.0
  2. Exemple de serveur : Microsoft IIS sous Windows NT Server 4.0 Microsoft Peer web services sous windows NT Wokstation 4.0 Microsoft Personal Web server sous windows 95, 98 Chili ASP! sous unix et linux Instant ASP! sur tout autre serveur
  3. Jscript : Chez Microsoft, nous en sommes à JScript® 5.1, qui d&apos;après le créateur est le premier langage de script totalement conforme à ECMAScript. Même tableau que pour Netscape. JavaScript : JavaScript est un langage conçu par Netscape à partir de la syntaxe de Java. De ce grand frère, il garde son orientation objet, mais il a été conçu uniquement pour le Web, si bien qu&apos;il est impossible de programmer une application JavaScript exécutable hors d&apos;un navigateur.
  4. Syntaxe basique facile à utiliser pour permettre aux balises HTML d&apos;être ajoutées simplement sur n&apos;importe quel Wi Ki Un wiki est un site Web sur lequel tout visiteur peut très facilement [ 1 ] modifier ou créer des pages à l&apos;aide de son navigateur web (browser). Une convention d&apos;écriture rudimentaire [ 2 ] permet de formater sommairement les documents, d&apos;en créer de nouveaux et de les lier entre eux.