Web dynamique : les outils d'un développeur professionnel François Piat - 1
Développeur professionnel François Piat, 52 ans, 28 ans d'informatique 11 ans dans une SSII - 1983 1993 Programmeur Analyste Chef de projets Depuis 1994 : travailleur indépendant Multimédia - CDRom Web - applications Depuis 2000 : PAST au LIFC Enseignement en présentiel et à distance T I SSII PAST François Piat - 2
SSII - 1983 1993 Minis et moyens systèmes GCOS - UNIX Cobol - Basic(s) - L4G Bases de données relationnelles Générateur d'écran : Informix - Oracle T I PAST Editeurs de textes : WM, Vi Visual Basic : premier outil intégré moderne SSII François Piat - 3
Visual basic 1-1991 François Piat - 4
Intégrateur de CDRom - 1994 De nombreuses professions Outils propriétaires très spécialisés Macromédia Director - AuthorWare SoundEdit Extreme 3D Adobe Photoshop Premiere - After Effect T I SSII PAST François Piat - 5
Director François Piat - 6
Web dynamique - 2000 De nombreux langages HTML - CSS - JavaScript PHP - ASP SQL Des bases de données MySQL - SQL Server - PostgreSQL Beaucoup d'outils nécessaires Serveur Web Serveur de bases de données Un environnement de développement Des navigateurs T I SSII PAST François Piat - 7
Architecture 3 tiers CLIENT SERVEUR Web SERVEUR BD HTTP request Requête SQL 1 2 3 4 5 8 7 6 HTML CSS JavaScript HTTP response PHP ASP JSP Python.net... Données SQL François Piat - 8
Serveur Web Un serveur Web est indispensable pour interpréter le code PHP, ASP, JSP, servlet ou autre. Apache http://www.apache.org/ IIS (Internet Information Server) http://www.microsoft.com/iis Tomcat http://tomcat.apache.org/ François Piat - 9
Serveur de bases de données Un serveur de bases de données est le plus souvent nécessaire MySQL (mysql AB Sun Oracle) http://www.mysql.com/ PostgreSQL http://www.postgresql.org/ SQLServer, Oracle, DB2... Des simples fichiers textes sont parfois suffisants Fichiers séquentiels CSV (ie excel) XML François Piat - 10
Serveurs Linux - Apache - MySQL - PHP Windows - Apache - MySQL - PHP http://www.wampserver.com/ http://www.apachefriends.org/fr/xampp.html François Piat - 11
Zoutils indispensables L'imagination Le discernement Vénus de Willendorf 24 000 22 000 av JC Hauteur : 11 cm L'homme - Calder 1967 ap JC Hauteur : 24 m François Piat - 12
Frameworks PHP CakePHP CodeIgniter Jelix Hoa Framework Magento Postnuke QCodo Symfony Zend Framework JavaScript Dojo Ext JQuery MooTools Prototype YUI L'effet Wouahhh de 2010 sera l'effet Boooff de 2011 François Piat - 13
Editeurs de code Scite http://www.scintilla.org/ Eclipse PDT PHP Development Tools http://www.eclipse.org/pdt/ François Piat - 14
Eclipse PDT Utilisé uniquement comme éditeur de code et gestionnaire de projet Pas de lien avec un serveur Web Pas de lien avec un serveur de BD Pas de lien avec un débogueur Pas de lien avec un système de versioning François Piat - 15
Eclipse PDT : vue générale François Piat - 16
Eclipse PDT : fichiers du projet François Piat - 17
Eclipse PDT : éditeur de code François Piat - 18
Eclipse PDT : commentaires François Piat - 19
Eclipse PDT : composants François Piat - 20
Eclipse PDT : HTML François Piat - 21
Eclipse PDT : CSS François Piat - 22
Eclipse PDT : JavaScript JSEclipse (Adobe) http://www.interaktonline.com/products/eclipse/jseclipse/overview/ François Piat - 23
DreamWeaver - Adobe François Piat - 24
Photoshop - Adobe François Piat - 25
Navigateur Tester dès le debut Tester souvent Tester partout et tester, tester, tester François Piat - 26
Navigateurs HTML 1 1991 1993 W3C JavaScript 1994 1995 HTML 3 CSS 1996 1999 HTML 4.01 DOM 2 2000 2003 WEB 2 2004 2006 2007 2010 Mosaic Safari Saf.4 NS NS 4 Mozilla FF 1 FF 3.6 Opera Op. 10 Spy Glass MSIE IE 3 IE 4 IE 5 IE 6 IE 7 IE 8 Trident - Internet Explorer. Gecko - Firefox. WebKit - Chrome, Safari, smart phones (iphone, Android, and Palm). Embarqué dans Adobe Air. Presto - Opera. Embarqué dans la Wii, Dreamweaver. Chrome François Piat - 27
Navigateurs : idées préconçues Cenzik Inc. : Web Application Security Trends Report François Piat - 28
Outils des navigateurs Firefox Web developer : http://chrispederick.com/work/web-developer/ Firebug : http://getfirebug.com/ Internet Explorer 8 Outils Outils développeurs (F12) Chrome Options pour les développeurs outils de développement (ctrl+maj+i) François Piat - 29
Merci de votre attention francois.piat@univ-fcomte.fr François Piat - 30