Association 2.0Comment faire ?Bouchaala SabriDirecteur technique MediaExtrem1
ProblématiqueSites d’associations:Information
Statique ou Dynamique géré par un administrateur.
ServicesInternet d’aujourd'huiUtilisateurs, utilisateurs et utilisateurs …Internet d’aujourd'huiSites d’associationsWeb 1.5Web 3.0Web 2.02
Problématique (2)TechnologiqueStructuralSociologiqueSites d’associationsWeb 1.5Web 3.0Web 2.03
TechnologiqueTechnologies et ensembles de technologies4
Historique GML / SGML(1986)« Standard Generalized Markup Language »Structure logique d'un document
Titres
Chapitres
Paragraphes
...
Mise en page dépendant du support de présentation
Livre
Journal
Écran
...
la structure du document est définit par un Document Type Definition (DTD)BalisesFeuilles et balises de style5
SGML 2 HTML / XML Dérivé : HTMLApplication de SGML (non formel)
Structure géré pas les navigateur
InternetSimplifiée : XMLhumain
B2B
Service Web
RSS6
HTML / XHTMLLes Balises:<p> C’est le contenu du paragraphe </p><img src=‘lien_vers_image.jpg’ width=‘450px’ /> 		Lu par les NavigateursHTML = Majuscule <IMG SRC=‘…’>
Balises sans contenu ou balises videFermetureOuvertureContenuAttribut7
Document XHTML de base<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; 		charset=utf-8" />		<title>Document sans nom</title>		<link href="/style.css"  rel="stylesheet" type="text/css" />		<script type="text/javascript" src="script.js"></script></head><body><p>C’est le contenu</p></body></html>8
CSSCascading Style Sheets : feuilles de style en cascade<style type="text/css"><!--body,td,th { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #000; }body { background-color: #FFF; margin-left: 5px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; }-->    </style><link href="style.css"  rel="stylesheet" type="text/css" />style.css@charset "utf-8";/* CSS Document */body,td,th { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #000; }body { background-color: #FFF; margin-left: 5px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; }9
JAVASCRIPT(1995)JAVAECMAScript<script type="text/javascript" src="script.js"></script><script type="text/javascript"> </script>Orienté objets à prototypeDynamisme coté client Navigateur WebN’est pas un standardInternet Explorer
Netscape
if (typeof monObjet.methode == 'function') { monObjet.methode(); }
Utilisation des Framework JS10
Demo JavaScriptExemple pratiqueLien: http://www.webdesignerwall.com/demo/jquery/11
DOM(1998)Document Object ModelRecommandation W3CInterface indépendanteLangage de programmation
Plate-formePermet à des programmes informatiques / des scripts d'accéder ou de mettre à jour le contenu, la structure ou le style de documentsDocument XHTML  Objet JavaScript12
XMLeXtensible Markup Language : langage extensible de balisageLangage de balise (identique XHTML)Stocker / Transférer des donnéesStructure définissable / validable par un schémaLecture / Ecriture facileMachine

Association 2 0