Schéma de principe client / serveur



Documents pareils
Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org

Un site web collaboratif avec Drupal. Judith Hannoun - Journées INSHS 16 Octobre 2012

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)

WordPress : principes et fonctionnement

Joomla! Création et administration d'un site web - Version numérique

Formation Webmaster : Création de site Web Initiation + Approfondissement

Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013

Les grandes facettes du développement Web Nicolas Thouvenin - Stéphane Gully

TIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN ING

Web & Libre. Outils pour être présent sur le net librement

Tutoriel Drupal version 7 :

novatis Agence Web innovatrice

Programmation Web. Madalina Croitoru IUT Montpellier

webmestre : conception de sites et administration de serveurs web 42 crédits Certificat professionnel CP09

les techniques d'extraction, les formulaires et intégration dans un site WEB

Pratique et administration des systèmes

Installation locale de JOOMLA SEPIA

Paul FLYE SAINTE MARIE

Webmaster / Webdesigner / Wordpress

Développement des Systèmes d Information

Utiliser un CMS: Wordpress

DRUPAL Réalisez des développements professionnels avec PHP (2ième édition)

Agence Web innovatrice

Introduction. PHP = Personal Home Pages ou PHP Hypertext Preprocessor. Langage de script interprété (non compilé)

PHP 5.4 Développez un site web dynamique et interactif

Manuel d'installation de Joomla 1.7

Programmation Web. Introduction

Dans nos locaux au 98 Route de Sauve NÎMES. Un ordinateur PC par stagiaire, scanner, imprimante/copieur laser couleur

SYSTÈMES DE PUBLICATION POUR L INTERNET. Beatep Marie-France Landréa - Observatoire de Paris

SP1 : Intégration d'une vidéo dans une mardi 21/01/2014. page web, fonction du format vidéo et 3 mercredi 22/01/2014

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées?

Créer et animer une boutique en ligne avec Wordpress (environnement PC et MAC)

Les outils de création de sites web

Création d'un site Internet dynamique avec HTML-CSS ou un CMS Formation à distance sur le réseau Pyramide

WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES

Devenez un véritable développeur web en 3 mois!

RESUME DE CARRIERE. Alice JULIENNE. 23 ans Nationalité Française Développeur Web Front-End. Compétences

Bureautique Initiation Excel-Powerpoint

S7 Le top 10 des raisons d utiliser PHP pour moderniser votre existant IBM i

Informations générales. Technologies. css3-html5-php-ajax-j-query-mootools-action-script3

Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s

LE CONCEPT DU CMS CHAPITRE 1

TP JAVASCRIPT OMI4 TP5 SRC

CATALOGUE FORMATION 2015

STAGE2 STAGIAIRE / NIKOLAOS TSOLAKIS. 16/02/2015 : choix des outils nécessités pour l application : Didier Kolb, le maitre de stage

Choisir un CMS... Oui mais lequel? 11/07/11

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web

Remote Cookies Stealing SIWAR JENHANI (RT4) SOUHIR FARES (RT4)

Étape 1 / CHOISIR UN HÉBERGEMENT

Tour d horizon des CMS. Content Management System

Hébergement de site web Damien Nouvel

AJAX. (Administrateur) (Dernière édition) Programme de formation. France, Belgique, Suisse, Roumanie - Canada

Développeur - Conseiller - Formateur web

INFORMATIQUE & WEB. PARCOURS CERTIFICAT PROFESSIONNEL Programmation de sites Web. 1 an 7 MODULES. Code du diplôme : CP09

Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D.

Mise à jour : Octobre 2011

OFF OF R F E R E DE D E S TA T G A E G 02/04/09

TP réseaux 4 : Installation et configuration d'un serveur Web Apache

Introduction. Qu est-ce que WordPress? Pourquoi choisir WordPress?

Catalogue des formations

Démonstration de la mise en cache via HTML 5 sur iphone

Technologies Web avancées. ING1 SIGL Technologies Web avancées

Technologies du Web. Créer et héberger un site Web. Pierre Senellart. Page 1 / 26 Licence de droits d usage

Diffuser un contenu sur Internet : notions de base... 13

HTTP. Technologies du Web. Programmation Web côté serveur. Mastère spécialisé Management et nouvelles technologies, 16 novembre 2009

Nouveautés joomla 3 1/14

SPIP 1.9. Créer son site avec des outils libres. Michel-Marie Maudet Anne-Laure Quatravaux Dominique Quatravaux. Avec la contribution de Perline

Manuel du composant CKForms Version 1.3.2

Formation Communiquer et être vu sur Internet - Webcomm

Activité sur Meteor. Annexe 1 : notion de client-serveur et notion de base de données

RÉALISATION D UN SITE DE RENCONTRE

Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web.

Catalogue des formations : Utilisation d outils Open Source

S informer et se développer avec internet

MANUEL WORDPRESS. Objectif: Refonte d un site web sous Wordpress I PRE-REQUIS: 1 / Créer un backup (sauvegarde) du site:

Installation de Joomla avec Filezilla

Formation Site Web. Menu du jour. Le web comment ça marche? Créer un site web Une solution proposée pour débuter La suite?

WORDPRESS : réaliser un site web

Pourquoi? Pourquoi externaliser? Pour être flexible et réactif Pour réduire ses coûts sans perdre en qualité

Optimiser les performances d un site web. Nicolas Chevallier Camille Roux

INTRODUCTION A JAVA. Fichier en langage machine Exécutable

Architectures web/bases de données

CMS Open Source : état de l'art et méthodologie de choix

Présentation du Framework BootstrapTwitter

Avanquest Software présente la nouvelle gamme WebEasy 8

Failles XSS : Principes, Catégories Démonstrations, Contre mesures

[CATALOGUE DE FORMATIONS 2013/2014]

CCI DE SAÔNE-ET-LOIRE - ATELIER ENP 18 MAI La création de sites internet

Installation d un serveur HTTP (Hypertext Transfer Protocol) sous Débian 6

Programmation Internet Cours 4

Prise en main de Moodle

Formation Découverte du Web

Concevoir la déclinaison d un site Internet pour Smartphone et tablette tactile.

Questionnaire GTA - Analyse des re ponses

Transcription:

Présentation Le langage est un langage de scripts spécialement conçu (initialement) pour développer des applications web Historique Créé par Rasmus Lerdorf sous le nom de /FI [Personnal Home Page / Forms Interpreter] (version1 en 1995 et version2 en 1997) En 1998, Andi Gutmans et Zeev Suaski, s'en inspire pour proposer (version3) sous ce nouveau nom signifiant "Php : Hypertext Preprocesseur". En mai 2000, sortie de la version 4 dont la principale nouveauté est le nouveau moteur nommé Zend (mélange de Zeev et Andi) Depuis juillet 2004, la version actuelle est 5. Versions : Les versions les plus présentes sur les serveurs web sont 4 & 5 (octobre 2008 - www.nexen.net). IUT A Service Direction 19 août 2004 4 IUT A Service Direction 19 août 2004 5 Des sites utilisant Facebook est développé en 90 % en Wordpress (gestion de blog) est développé entièrement en SPIP, Drupal, Joomla (CMS) développés en 1/3 des sites web dans le monde sont développés en (octobre 2008 - www.nexen.net) Client avec navigateur Schéma de principe client / serveur 1) Requête HTTP 2) Document HTML + CSS Serveur web - Le serveur web ne fait rien sauf renvoyer le fichier demandé - Le navigateur reçoit le fichier HTML (et éventuellement le fichier CSS), l interprète et l affiche Université Paul Sabatier - Toulouse 6 3 IUT A Service Direction 19 août 2004 6 IUT A Service Direction 19 août 2004 7

Mon premier programme Mon premier programme echo "bonjour" ; Ouverture du fichier directement dans un navigateur (sans utiliser de serveur > pas de http dans l adresse)? echo "bonjour" ; Ouverture du fichier dans le navigateur mais en utilisant un serveur web (->http dans l adresse) Université Paul Sabatier - Toulouse 3 J.-M. Pécatte IUT Paul Sabatier Les navigateurs ne comprennent pas le!!! IUT A Service Direction 19 août 2004 8 Nécessité d'un serveur web avec un interpréteur -> adresse : http://... Université Paul Sabatier - Toulouse 3 J.-M. Pécatte IUT Paul Sabatier IUT A Service Direction 19 août 2004 9 Mon premier programme Extension du fichier? (éventuellement.4,.3, ) pas HTM (HTML) : le code présent dans ce type de fichier ne sera pas interprété. Si l'environnement est bien configuré et les règles précédentes respectées, le code n'est pas visible dans le navigateur Client avec navigateur Schéma de principe client / serveur 1) Requête HTTP 4) Document HTML Serveur web 3)Code HTML Interpréteur - Le serveur web interprète le fichier et renvoie uniquement du code HTML - Le navigateur reçoit le fichier HTML, l interprète et l affiche - Pas de différence pour le navigateur IUT A Service Direction 19 août 2004 10 2)Fichier IUT A Service Direction 19 août 2004 11

TPs : Hébergeur Web Environnement de développement Poste personnel : - L hébergement utilisé pour les TPs - environnement WAMP (http://www.wampserver.com/) Apache / 5 / Mysql (très facile à l'installation et à l'utilisation) Projet / stage : hébergeur web Environnement Comment savoir si fonctionne, s il est installé? Comment connaître la version de installé ainsi que la liste des modules? Exécuter le script suivant : phpinfo(); IUT A Service Direction 19 août 2004 12 IUT A Service Direction 19 août 2004 13 Environnement Un document HTML avec des brides de code echo "ceci est un exemple de code php"; IUT A Service Direction 19 août 2004 14 IUT A Service Direction 19 août 2004 15

Code source de la page (dans le navigateur) ceci est un exemple de code php Uniquement du HTML!! Pas de Le code peut contenir des balises HTML mais forcément dans des chaînes de caractères qui seront "affichées" echo "ceci <b>est un <i>exemple</i> de code</b> php"; IUT A Service Direction 19 août 2004 16 IUT A Service Direction 19 août 2004 17 Code source de la page (dans le navigateur) ceci <b>est un <i>exemple</i> de code</b> php Un seul script qui génère tout le code HTML echo " \n"; echo "\n"; echo " \n"; echo " ceci <b>est un <i>exemple</i> de code</b> php\n"; echo " \n"; echo "\n" Uniquement du HTML!! Tjs pas de!! IUT A Service Direction 19 août 2004 18 IUT A Service Direction 19 août 2004 19

Intégration avec javascript/css Javascript Le document HTML peut contenir du Javascript et intégrer du Le script peut générer du HTML mais aussi du javascript CSS Le document peut aussi faire référence à une feuille de style css Le script php peut utiliser des styles définies dans la feuille css Le script php peut générer des définitions de style internes et aussi générer/modifier des feuilles css. Et parfois des erreurs Comme avec tout langage de programmation, il arrive de faire des erreurs Le programme est analysé sur le serveur web mais le message d'erreur est affiché dans le navigateur IUT A Service Direction 19 août 2004 20 IUT A Service Direction 19 août 2004 21