Atelier « Créations de sites » : Les techniques de réalisation de sites EPN :...

Objectif de formation A lissue de cet objectif de formation, lapprenant saura différencier un site statique dun site dynamique. A lissue de cet objectif de formation, lapprenant saura différencier un site statique dun site dynamique.

Objectif pédagogique 1 Comprendre la relation Client / Serveur Comprendre la relation Client / Serveur

La relation Client / Serveur Quest-ce cest ? Quest-ce cest ?

La relation Client / Serveur

A quels services du réseau Internet sapplique-t-elle ? A quels services du réseau Internet sapplique-t-elle ? Pour quel(s) service(s), la relation Client / Serveur est-elle particulière ? Pour quel(s) service(s), la relation Client / Serveur est-elle particulière ?

Objectif pédagogique 2 Comprendre ce quest un site statique Comprendre ce quest un site statique

Les sites statiques Avantages Avantages – Mise en œuvre facile et rapide – Peu de connaissances techniques – Logistique allégée (humain, matériel, logiciel) Inconvénients Inconvénients – Maintenance et MAJ difficiles et laborieuses – Pas de personnalisation – Pas de liaison avec les BDD – Pas dinteractivité avec linternaute > Approche opérationnelle

Les sites statiques Publication de contenus sur un site statique : Publication de contenus sur un site statique : 1.Rédaction du contenu (rédacteur) 2.Validation du contenu (responsable) 3.Mises aux normes Internet du contenu de manière manuelle (technicien HTML) 4.Vérification de la mise en forme (responsable) 5.Mise en ligne (technicien HTML) > Une évolution nécessaire

La relation Client / Serveur dun site statique

Les solutions techniques pour sites statiques HTML HTML Javascript Javascript DHTML DHTML XML XML XHTML XHTML Applets Java Applets Java

HTML - Généralités HTML : HTML : – Langage à balises ou tags, issu du SGML. – Mise en forme des pages Web par encapsulation – Balises douverture et de fermeture avec ou non des attributs Extension :.htm ou.html Extension :.htm ou.html Avantages : Avantages : – portabilité, rapidité de transmission. Inconvénients du HTML : Inconvénients du HTML : – nbre de balises limité, différence dinterprétation, MAJ difficiles (contenu lié au contenant)

Objectif pédagogique 3 Comprendre ce quest un site dynamique Comprendre ce quest un site dynamique

Les sites dynamiques Avantages Avantages – MAJ rapides, faciles, réalisables par un non-informaticien, sans risque pour le site – MAJ effectuées par plusieurs contributeurs – Réutilisation et Personnalisation des données (BDD) Inconvénients Inconvénients – Solides connaissances techniques – Logistique lourde – Temps de conception et de réalisation important – Site en évolution > Approche fonctionnelle

Les sites dynamiques Publication de contenus sur un site dynamique : Publication de contenus sur un site dynamique : 1.Rédaction du contenu dans loutil de publication (rédacteur) 2.Validation du contenu (responsable) 3.Mise en ligne (responsable/rédacteur) Implication des rédacteurs Implication des rédacteurs Libération par rapport à la technique. Libération par rapport à la technique. Environnement contraint pour les rédacteurs. Environnement contraint pour les rédacteurs.

La relation Client / Serveur dun site dynamique

Les solutions techniques pour sites dynamiques CGI, première interface CGI, première interface ASP, de chez Microsoft ASP, de chez Microsoft JSP, issu du monde Java JSP, issu du monde Java Coldfusion, de chez Macromédia Coldfusion, de chez Macromédia PHP, issu du monde libre PHP, issu du monde libre

PHP (HyperText PreProcesor) Langage de script côté serveur Langage de script côté serveur Dédié à la production de pages Web dynamiques Dédié à la production de pages Web dynamiques Proche de C, Perl et Java Proche de C, Perl et Java Multi-serveur, multi-plate-forme. Multi-serveur, multi-plate-forme. Extensions :.php3,.php4,.php Extensions :.php3,.php4,.php Futur standard du Web Futur standard du Web

PHP Avantages : Avantages : – Code source disponible gratuitement (à la différence des ASP) – Scripts simples – inclus dans les pages HTML – Interfaçage facile avec MySQL – Très répandu, tout comme Apache

PHP Insertion dans le HTML : Insertion dans le HTML : – – – … – … Exemple : Exemple :

Objectif pédagogique 4 Savoir choisir une technique de réalisation de sites Savoir choisir une technique de réalisation de sites

Choix dune technologie Quels sont les critères à prendre en compte ? Quels sont les critères à prendre en compte ?

Choix dune technologie Indépendant souhaitant promouvoir son activité Indépendant souhaitant promouvoir son activité Une collectivité locale souhaitant créer un Intranet Une collectivité locale souhaitant créer un Intranet Une agence de communication souhaitant mettre en avant ces réalisations Une agence de communication souhaitant mettre en avant ces réalisations Le site dune entreprise multinationale souhaitant faire du commerce électronique Le site dune entreprise multinationale souhaitant faire du commerce électronique

Choix dune technologie Aller sur le site Aller sur le site (site de veille technologique dans le monde du libre) Faire une recherche sur des projets : Faire une recherche sur des projets : – de gestion de BDD de DVD – de gestion de contenu Web