François Piat - 1

Zend Framework. ▫ JavaScript. ▫. Dojo. ▫. Ext. ▫. JQuery. ▫. MooTools. ▫. Prototype. ▫. YUI. ▫ L'effet Wouahhh de 2010 sera l'effet Boooff de 2011 ...
Télécharger le PDF
1MB taille 14 téléchargements 114 vues
commentaire
Report
Web dynamique : les outils d'un développeur professionnel François Piat - 1



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

TI

François Piat, 52 ans, 28 ans d'informatique

SSII



PAST

Développeur professionnel

François Piat - 2



GCOS - UNIX



Cobol - Basic(s) - L4G



Bases de données relationnelles 

Générateur d'écran : Informix - Oracle



Editeurs de textes : WM, Vi



Visual Basic : premier outil intégré moderne

TI

Minis et moyens systèmes

SSII



PAST

SSII - 1983  1993

François Piat - 3

Visual basic 1 - 1991

François Piat - 4

De nombreuses professions



Outils propriétaires très spécialisés



Macromédia Director - AuthorWare



SoundEdit



Extreme 3D

Adobe 

Photoshop



Premiere - After Effect

SSII





TI



PAST

Intégrateur de CDRom - 1994

François Piat - 5

Director

François Piat - 6

Web dynamique - 2000 HTML - CSS - JavaScript



PHP - ASP



SQL

Des bases de données 



PAST



MySQL - SQL Server - PostgreSQL

TI



De nombreux langages

Beaucoup d'outils nécessaires 

Serveur Web



Serveur de bases de données



Un environnement de développement



Des navigateurs

SSII



François Piat - 7

Architecture 3 tiers CLIENT

SERVEUR Web

SERVEUR BD

HTTP request

Requête SQL

2

4

1

3

5

8

HTML CSS JavaScript

7

6

HTTP response

Données

PHP ASP JSP Python .net ...

SQL

François Piat - 8

Serveur Web 

Un serveur Web est indispensable pour interpréter le code PHP, ASP, JSP, servlet ou autre.



Apache 



IIS (Internet Information Server) 



http://www.apache.org/

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



JavaScript



CakePHP



Dojo



CodeIgniter



Ext



Jelix



JQuery



Hoa Framework



MooTools



Magento



Prototype



Postnuke



YUI



QCodo



Symfony



Zend Framework

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 H

L TM

1 W

3C

1991 1993

J

ipt r 3 c L S M a av HT

C

1994 1995

SS

H

L M T

01 . 4

1996 1999

M DO

2

EB

W 2004 2006

2000 2003

Mosaic

2

2007 2010

Safari

NS 4 Mozilla

NS

Saf.4

FF 3.6

FF 1

Op. 10

Opera Spy Glass

MSIE

IE 3

IE 4

IE 5

IE 6

IE 7

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.

IE 8

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

[email protected]

François Piat - 30