Alimentation et Reporting de Bases de données via le WEB

01/10/12 1

Alimentation et Reporting de Bases de données via le

WEB

Daniel GASPAR

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

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 ?

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

Licence Pro SID5

Applications multiples (Web)

Licence Pro SID6


Licence Pro SID7


Licence Pro SID8

Applications multiples (Web:HTML)

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...– ...

http://b.kostrzewa.free.fr/html

http://fr.selfhtml.org/html

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>

Licence Pro SID11

LE LANGUAGE HTMLSTRUCTURE DE FICHIER

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

http://etud.univ-pau.fr/~%3Cuser%3E/%3Cnom_fichier+extension

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>

Licence Pro SID14

LE LANGUAGE HTMLMISE EN FORME

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>

Licence Pro SID16

LE LANGUAGE HTMLLIEN HYPERTEXTE

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>

Licence Pro SID18

LE LANGUAGE HTMLLISTE

Licence Pro SID19

LE LANGUAGE HTMLTABLEAU

<html><head>


</head><body> <table border=1>

<tr>

<td>1ere case</td>

<td>2eme case</td>

</tr>

</table></body>

</html>

Licence Pro SID20


Licence Pro SID21


<html><head>


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

Licence Pro SID22


Licence Pro SID23


A vous de jouer

On veut représenter le tableau suivant en html :

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>



</tr>

<tr>

<td><b><i>7eme case</i></b></td>

<td><a href="http://www.google.fr">Google</a></td>

</tr>

</table> </body>

</html>

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

Licence Pro SID26

Questions

?

Economy & Finance

Alimentation et Reporting de Bases de données via le WEB