Juillet 2008
Plan
Plan
1 Introduction
2 Historique et evolution du Web´
3 Difficulte du d´ eveloppement Web´
4 Le Web dans le monde actuel
Introduction 
Objectif
Objectif du cours
Organiser et rationaliser le developpement web comme dans le´ cadre du genie logiciel´ :
utilisation de la conception orientee objet´ architecture MVC (Model View Contro
reutilisabilit´ e et ”´ gen´ ericit´ e´” du code utilisation d’outils (Eclipse, ant, phpdoc, phpunit, )
Objectif
Utilisation de principes et outils issus du Genie Logiciel :´
Definit
Le Genie Logiciel repr´ esente l’ensemble des paradigmes,´ methodes
Mise en application
Mise en application
Mise en application
Mise en application
Construction d’un site web
Client / Commande / Pr
Mise en application
Constat
Constat
Technologies abordees´
Durant le cours nous aborderons les sujets suivants :
Outils utilises´
Nous travaillerons sous Linux avec :
Historique et evolution du web´
Fondations du web
Bref historique
1962 Debut des recherches sur ARPANET´
1969 Connexion des 4 premiers ordinateurs d’ARPANET
1991 World Wide Web (Tim Berners-Lee)
1993 premier navigateur : Mosaic
1994 Yahoo ! et W3C
Le W3C
Definition (Wolrd Wide Web Consortium - Wikipedia)´
Le W3C est un organisme de normalisation fonde en octobre´ 1994 comme u
Le W3C n’emet pas des normes au sens europ´ een, mais des´ recommandations a valeur de standards industriels.`
lien :
Web statique
Web statique
Vers le web dynamique
Au tout debut du World Wide Web (1991), les pages´
etaient´ statiques : leur contenu etait fix´ e une fois pour toute´ et ne variait pas on se contentait de diffuser de l’information mais c’etait´ une veritable r´ evolution pour l’´ epoque (hypertexte)´
Web dynamique et scripts 
Les debuts du web dynamique´
L’introduction des CGI (Common Gateway Interface) puis par la suite la gen´ eralisation des´ scripts executables sur´ le serveur dans differents langages (Perl, PHP, Python,´ Ruby) ont permis de faire varier le contenu des pages
Web dynamique et scripts
Les debuts du web dynamique´
L’introduction des CGI (Common Gateway Interface) puis par la suite la gen´ eralisation des´ scripts executables sur´ le serveur
Web dynamique et scripts
Les debuts du web dynamique´
L’introduction des CGI (Common Gateway Interface) puis par la suite la gen´ eralisation des´ scripts executables sur´ le serveur dans differents langages (Perl, PHP, Python,´ Ruby) ont permis de faire varier le contenu des pages on a alors parle de Web´ dynamique le contenu de la page varie en fonction de l’utilisateur, de ses pref´ erences ou du sujet abo
Applets Java
Applets Java
Applets Java
Le cas Java au niveau du navigateur, l’interaction avec utilisateur est limi
Applets Java
Le cas Java au niveau du nav
cependant elle apparaˆ?t comme externe a la page` (technologie, manque d’interaction avec le navigateur)
Rich User Interface
Rich User Interface
Rich User Interface
Deveveloppement web d’applications´ en dehors de Java, aucune autre technologie ne permettait d’interaction evolu´ ee par le biais du navigateur´ le developpement des´ CSS et de Javascript permettent a` present de concevoir la page web comme une application´
(AJAX) le but recherche est de disposer d’une plus grande´ ergonomie : Rich User Interface
Rich User Interface
Deveveloppement web d’applications´ en dehors de Java, aucune autre technologie ne permettait d’interaction evolu´ ee par le biais du navigateur´ le developpement des´ CSS et de Javascript permettent a` present de concevoir la page web comme une application´
(AJAX) le but recherche est de disposer d’une plus grande´ ergonomie : Rich User Interface tout en dechargeant le serveur d’un certain nombre de´ taches qui sont rˆ ealis´ ees sur le client´
Que sera le futur du developpement web ?´
Reutilisabilit´ e´
la tendance gen´ erale consiste´ a utiliser des` frameworks (Ensemble coherent de librairies ou sous-programmes)´ ces frameworks sont parfois parametrables/adaptables´ graceˆ a des fichiers XML` separation fond / forme´ on s’oriente vers la creation d’´ applications Web l’integration de composants r´ eutilisables´
Developper pour le Web, est-ce difficile?´
Developper pour le Web, est-ce difficile?´
Developper pour le Web, est-ce difficile?´
Developper pour le Web, est-ce difficile?´
Competences´
Il faut maˆ?triser de nombreuses technologies :
structure du document : XML, XHTML, DOM rendu : CSS (feuilles de style) interaction : langage cotˆ e client (Javascript)´ interaction : langage cotˆ e serveur (PHP, Perl, Python, )´
Developper pour le Web, est-ce difficile?´
Competences´
Il faut maˆ?triser de nombreuses technologies :
structure du document : XML, XHTML, DOM rendu : CSS (feuilles de style) interaction : langage cotˆ e client (Javascript)´ interaction : langage cotˆ e serveur (PHP, Perl, Python, )´
Difficultes suppl´ ementaires´ ces technologies sont en constante evolution´ de nouvelles technologies apparaissent tous les ans
Autres technologies
Autres technologies
Autres technologies
Autres technologies
Autres technologies
Autres technologies
Autres technologies
Balkanisation du web
Les concepteurs de logiciels se livrent une guerre commerciale afin de faire triompher leurs produits et leurs standard :
Windows avec Internet Explorer, Microsoft Server, ActiveX,
.NET, ASP, VBScript, C#, Access
Balkanisation du web
Les concepteurs de logiciels se livrent une guerre commerciale afin de faire triompher leurs produits et leurs standard :
Windows avec Internet Explorer, Microsoft Server, ActiveX,
.NET, ASP, VBScript, C#, Access
Linux avec Firefox, Apache, PHP, MySQL
Balkanisation du web
Les concepteurs de logiciels se livrent une guerre commerciale afin de faire triompher leurs produits et leurs standard :
Windows avec Internet Explorer, Microsoft Server, ActiveX,
.NET, ASP, VBScript, C#, Access
Linux avec Firefox, Apache, PHP, MySQL
Balkanisation du web
L’utilisation de differents standard et normes conduit´ a la`
Aspects economiques et psychologiques´
Web, dis moi qui je suis !
Web, dis moi qui je suis !
Web, dis moi qui je suis !
Le web et la reflection
Internet et le World Wide Web sont devenus un formidable vecteur d’information. Tant au niveau de la diffusion (broadcasting) que du partage d’information et de la cooperation (ex. wikip´ edia).´ aujourd’hui, le site web represente la vitrine d’une´ entreprise un site bien conc¸u represente donc un avantage certain´ pour l’entreprise et est le gage de son serieux´ et de sa qualite´
Web et page personnelle
la page web personnelle
De la meme maniˆ ere, la page web personnelle est le` reflet de la personnalite´ d’un individu et peut etre :ˆ un atout ou se rev´ eler un inconv´ enient´ lors du recrutement d’une personne (perception).
Web et page personnelle
Web et page personnelle
Web et page personnelle
Web et page personnelle
Criteres` organisation de la page (clarete, esprit de synth´ ese)` esthetisme (perfectionnisme, aller au bout des choses)´ type d’information diffusee (ex. blog, d´ enigrer et/ou´ construire) technologies utilisees et leur maˆ?trise (plus difficile´ a juger)`
Dessine moi un site web
Mise en application
