alimentation et reporting de bases de données via le web
TRANSCRIPT
![Page 1: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/1.jpg)
01/10/12 1
Alimentation et Reporting de Bases de données via le
WEB
Daniel GASPAR
![Page 2: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/2.jpg)
Licence Pro SID2
Déroulement du module
• Articulation du module :
• Présentation succins de l’HTML• Version 4
• Utilisation d’un CMS (Content Management Systems)
• Utilisation de HTML/PHP/SQL
• Projet / Concours
• Présentation du PHP (Cours réalisé par Olivier LEGOAER)
• Accès aux bases de données (SQL Requis)
• Projet
• Examen écrit
![Page 3: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/3.jpg)
Licence Pro SID3
Qu’est-ce qu’une Application Web
• 2 problématiques induites par le sujet.
• => Qu’est ce qu’un site Web ? Et accès au contenu ?
• => Comment gérer et exploiter un ensemble de données ?
![Page 4: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/4.jpg)
Licence Pro SID4
Qu’est-ce qu’une Application Web
• Une application Web permet de mettre des informations à la disposition d'utilisateurs via un navigateur (IE, Firefox, Chrome, …).
• => Pour une Consultation• => Pour une Mise à Jour
• Utile pour mettre en forme des données• Utile pour automatiser certains traitements
![Page 5: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/5.jpg)
Licence Pro SID5
Applications multiples (Web)
![Page 6: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/6.jpg)
Licence Pro SID6
Applications multiples (Web)
![Page 7: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/7.jpg)
Licence Pro SID7
Applications multiples (Web)
![Page 8: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/8.jpg)
Licence Pro SID8
Applications multiples (Web:HTML)
![Page 9: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/9.jpg)
Licence Pro SID9
LE LANGUAGE HTML
• C’est le langage du Web (toutes les pages sont écrites en html).• C’est un langage de balises (http://b.kostrzewa.free.fr/html ,
http://fr.selfhtml.org/html) :– de structure du fichier html : html, head, body, meta...– de mise en forme du texte : b, font, i, u...– de listes : li, ul... – de paragraphes : p, br, hr, h1, h2, h3...– de tableaux : table, tr, td, th...– de liens hypertextes : a...– de formulaires : form, input, select, option, textarea...– ...
![Page 10: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/10.jpg)
Licence Pro SID10
LE LANGUAGE HTMLSTRUCTURE DE FICHIER
Sous notepad++ : html_ex1.html
<html><head>
<title> Exemple de HTML </title> </head><body> Ceci est une phrase </body>
</html>
![Page 11: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/11.jpg)
Licence Pro SID11
LE LANGUAGE HTMLSTRUCTURE DE FICHIER
![Page 12: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/12.jpg)
Licence Pro SID12
Applications multiples (Web:HTML)
S:/internet
http://wwwetud.univ-pau.fr/~<user>/<nom_fichier+extension>
A L’IUT : Machine serveur :wwwetud.univ-pau.fr
Accéder à votre première page Web :http://wwwetud.univ-pau.fr/~loginetudiant/html_ex1.html
![Page 13: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/13.jpg)
Licence Pro SID13
LE LANGUAGE HTMLMISE EN FORME
<html><head>
<title> Exemple de HTML </title> </head><body>
<b>Ceci est en caractère gras</b></body>
</html>
![Page 14: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/14.jpg)
Licence Pro SID14
LE LANGUAGE HTMLMISE EN FORME
![Page 15: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/15.jpg)
Licence Pro SID15
LE LANGUAGE HTMLLIEN HYPERTEXTE
<html><head>
<title> Exemple de HTML </title> </head><body> Ceci est une phrase possédant un lien hypertexte. <a href="cible.html">hyperlien</a></body>
</html>
![Page 16: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/16.jpg)
Licence Pro SID16
LE LANGUAGE HTMLLIEN HYPERTEXTE
![Page 17: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/17.jpg)
Licence Pro SID17
LE LANGUAGE HTMLLISTE
<html><head>
<title> Exemple de HTML </title>
</head><body>
<ul>
<li>1er point</li>
<li>2nd point</li>
</ul>
</body>
</html>
![Page 18: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/18.jpg)
Licence Pro SID18
LE LANGUAGE HTMLLISTE
![Page 19: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/19.jpg)
Licence Pro SID19
LE LANGUAGE HTMLTABLEAU
<html><head>
<title> Exemple de HTML </title>
</head><body> <table border=1>
<tr>
<td>1ere case</td>
<td>2eme case</td>
</tr>
</table></body>
</html>
![Page 20: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/20.jpg)
Licence Pro SID20
LE LANGUAGE HTMLTABLEAU
![Page 21: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/21.jpg)
Licence Pro SID21
LE LANGUAGE HTMLTABLEAU
<html><head>
<title> Exemple de HTML </title>
</head><body>
<table border=1>
<tr>
<td>1ere case</td>
<td>2eme case</td>
</tr>
<tr>
<td>3eme case</td>
<td>4eme case</td>
</tr>
</table></body>
</html>
![Page 22: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/22.jpg)
Licence Pro SID22
LE LANGUAGE HTMLTABLEAU
![Page 23: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/23.jpg)
Licence Pro SID23
LE LANGUAGE HTMLTABLEAU
A vous de jouer
On veut représenter le tableau suivant en html :
![Page 24: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/24.jpg)
Licence Pro SID24
LE LANGUAGE HTMLTABLEAU<html>
<head><title> Ma premiere page HTML </title>
</head><body> <table border=1>
<tr>
<td>1ere case</td>
<td><u>2eme case</u></td>
</tr>
<tr>
<td><b><i>3eme case</i></b></td>
<td>4eme case</td>
</tr>
<tr>
<td><u>5eme case</u></td>
<td><u>6eme case</u></td>
</tr>
<tr>
<td><b><i>7eme case</i></b></td>
<td><a href="http://www.google.fr">Google</a></td>
</tr>
</table> </body>
</html>
![Page 25: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/25.jpg)
Licence Pro SID25
LE LANGUAGE HTMLQuelques Balises : MISE EN PAGE
• Alignements CENTER, LEFT , RIGHT
• P : paragraphe (utilisation : <p>)
• BR : passage à la ligne (<br>)
• HR :règle horizontale (utilisation : <hr>)
![Page 26: Alimentation et Reporting de Bases de données via le WEB](https://reader034.vdocuments.pub/reader034/viewer/2022052508/559c49ff1a28abea708b4582/html5/thumbnails/26.jpg)
Licence Pro SID26
Questions
?