Document élaboré à Centrale Paris par Pascal Morenton LES TECHNOLOGIES DU WEB 1. LES PHASES D UN DEPLOIEMENT DE RESEAUX 2. LE LANGAGE HTML 3. LE LANGAGE.

Slides:



Advertisements
Présentations similaires
Internet et le client- serveur Licence Pro IE Cours Internet / Intranet Le Web HTML Protocoles Le client universel Contenus dynamiques.
Advertisements

Conception de Site Webs dynamiques Cours 6
Conception de Site Webs dynamiques Cours 5
TOUQUET Arnaud ▪ GI05 BLONDEEL Igor ▪ GM05
Internet : serveurs Web
A propos de java Sun, fin 1995 C++ nettoyé semi-interprété
Les outils Web - ENT Authentification – Sécurité
Exposé de Système - Informatique et Réseau
Le développement d’applications sous Lotus Notes
Formation WIMS Jeudi 9 juillet 2009
TRANSFER Alger – Serveur Web Nicolas Larrousse Septembre Petit historique du Worl Wide Web Notion dHypertexte Extension à internet par Tim Berners.
51 Les technologies XML Cours 6 : XML et les architectures N-tiers – Tier Métier Janvier Version 1.0 -
Objectifs Présentation et utilisation du langage PERL
Les Bases de données et le Web
MIKHAYLOVA Vera Exposé Java principe de fonctionnement Lundi 17 mai 2004 DEUG 1ère année Science du langage Paris III.
HTML Les types de balises

TP 3-4 BD21.

11:16:331 Programmation Web Programmation Web : Formulaires HTML Jérôme CUTRONA
16/10/10 Préparé par: Ing. Rodrigue Osirus (+509) , *** Site web dynamique.
Introduction aux Web Services Partie 1. Technologies HTML-XML
Common Gateway Interface
Le Téléphone Russe Le Téléphone Russe. Le Téléphone Russe Le Téléphone Russe.
LOG 02 Bases de Données Avancées Rappels sur JSP / Servlet
Etude des Technologies du Web services
COME Bernard Comeau Commerce électronique Les éléments retrouvés dans une page Web. COME 2001.
Comprendre l’environnement Web
Utiliser la plateforme eTwinning
Applications Chapitre B17 et C18
Lycée Louis Vincent Séance 1
INTRANET au service du système d’information
Les instructions PHP pour l'accès à une base de données MySql
ASP.NET Par: Hugo St-Louis. C ARACTÉRISTIQUES A SP. NET Évolution, successeur plus flexible quASP (Active Server Pages). Pages web dynamiques permettant.
WINDOWS Les Versions Serveurs
Web dynamique PhP + MySQL AYARI Mejdi 2006
PhP-MySQL Pagora 2012/2013 CTD 1 - Presentation de moi ^^
Compléments sur Le M.O.T. modèle organisationnel de traitement
PHP 2° PARTIE : FONCTIONS ET FORMULAIRE
JEE 5 F.Pfister 2 institut eerie JEE – Une plateforme serveur  Développement et exécution d'applications réparties.
Animateur : Med HAIJOUBI
La Programmation CGI Principe Général Traitement des informations
PHP & My SQL.
Internet et le client- serveur Licence Pro IE Cours Internet / Intranet Le Web HTML Protocoles Le client universel Contenus dynamiques.
JavaScript Nécessaire Web.
JavaScript.
0 Objectifs de la session n°1  Revenir sur toutes les bases théoriques nécessaires pour devenir un développeur Web,  Découvrir l’ensemble des langages.
Cours de programmation web
Internet : serveurs Web  Clients et serveurs : le navigateur  Sites Web et urls  Fichier source d’une page  Langage HTML 1.
 Objet window, la fenêtre du navigateur
CSI3525: Concepts des Langages de Programmation Notes # 13: Introduction au SmallTalk.
Auvray Vincent Blanchy François Bonmariage Nicolas Mélon Laurent
S'initier au HTML et aux feuilles de style CSS Cours 5.
1 École des Mines de Saint-Etienne. 158, cours Fauriel Saint-Etienne Cedex 2. Tél Fax Jean-Jacques Girardot
Page 1Dernière mise à jour: 17 avril 2015 Service de l'enseignement des technologies de l'information, © HEC Montréal, Tous droits réservés.
INTERNET Le langage HTML
 Formulaires HTML : traiter les entrées utilisateur
Initiation au JavaScript
Sites Web interactifs 2010 / 2011 / S1 Bernhard Rieder.
Deug 11 Systèmes d ’Information : 5a Michel de Rougemont Université Paris II Les Formulaires.
Initiation au web dynamique Licence Professionnelle.
Développement et design Web Awaves academy Stockholm 2006.
02/06/2015© Robert Godin. Tous droits réservés.1 5 Interface entre SQL et un programme n SQL incomplet n Défaut d'impédance (impedance mismatch) – modèle.
Séance /10/2005 CSS et Dreamweaver. CSS : principes Cascading Style Sheet = feuille de style en cascade Norme du W3C :
CPI/BTS 2 Programmation Web Les sites dynamiques Prog Web CPI/BTS2 – M. Dravet – 02/10/2003 Dernière modification: 02/10/2003.
EFREI – – Mathieu Nebra Le développement Web.
Scénario Les scénarios permettent de modifier la position, taille … des calques au cours du temps. Son fonctionnement est très proche de celui de Macromedia.
APP-TSWD Apprentissage Par Problèmes Techniques des Sites Web Dynamiques Licence Professionnelle FNEPI Valérie Bellynck, Benjamin Brichet-Billet, Mazen.
Révisions pour l’exam L2 Informatique Obligatoire.
Transcription de la présentation:

Document élaboré à Centrale Paris par Pascal Morenton LES TECHNOLOGIES DU WEB 1. LES PHASES D UN DEPLOIEMENT DE RESEAUX 2. LE LANGAGE HTML 3. LE LANGAGE JAVASCRIPT 4. LE LANGAGE JAVA ET LES APPLETS 5. LES PASSERELLES CGI 6. LES SERVLETS 7. L ACCES AUX BASES DE DONNEES VIA ODBC

Document élaboré à Centrale Paris par Pascal Morenton 1. LES PHASES D UN DEPLOIEMENT DE RESEAUX INFRASTRUCTURE : RESEAU, MESSAGERIE, FORUMS, PUBLICATION D INFORMATIONS STATIQUES TRAVAIL EN GROUPE : APPLICATIONS DE COMMUNICATION, DE COORDINATION OU DE COLLABORATION DE GROUPES APPLICATION METIER : APPLICATIONS A COMPOSANTS REPARTIS COMMERCE ELEC. : APPLICATIONS ACCESSIBLES AUX CLIENTS/FOURNISSEURS PUBLICATION : INFORMATIONS DYNAMIQUES Présentations des produits, Catalogues, Annuaires, Résultats etc Connexion aux systèmes d informations de l entreprise : base produits, stocks Gestion des projets, gestion de la qualité, affectation des ressources, procédures élémentaires etc Applications répondant à des logiques « métiers » utilisant une approche distribuée Source : « Lyon Consultants »

Document élaboré à Centrale Paris par Pascal Morenton 2. LE LANGAGE HTML [1/2] Annuaire du labo PL voici la liste du personnel du laboratoire PL … EN-TETE : permettant de déclarer le titre de la page, la langue, le jeu de caractères utilisé, les mots-clefs utilisés lors d une indexation par un moteur de recherche etc CORPS : description de la mise en page et du contenu de la page LE LANGAGE HTML PERMET : - de définir la mise en page statique de différents éléments multimédias : textes, tableaux, images, sons etc - de définir le contenu « texte » de la page LE LANGAGE HTML NE PERMET PAS : - de dissocier mise en page et contenu d une page - d utiliser explicitement les ressources du client - d utiliser les ressources du serveur - d accéder directement aux informations disponibles sur le client ou sur le serveur

Document élaboré à Centrale Paris par Pascal Morenton 2. LE LANGAGE HTML [2/2] CLIENT SERVEUR Requête : Envoi de : annuaire.html annuaire.html recherche lecture Interpréteur HTML Plug-In Image.gif Scene.wrl

Document élaboré à Centrale Paris par Pascal Morenton 3. LE LANGAGE JAVASCRIPT [1/3] mini-applicationsPré-traitement des donnéesEnrichissement de la page Zône de texte défilante Élément réactif à un survol NOM PRENOM ENVOI (avec contrôle des champs) LE LANGAGE JAVASCRIPT PERMET : - d avoir accès à certaines variables d environnement du client : type de navigateur, historique de la connexion - de réaliser des traitements sur les éléments d un formulaire : contrôle d une entrée, concaténation - de réaliser des programmes avec tests, itération etc LE LANGAGE JAVASCRIPT NE PERMET PAS : - de définir des types de variables ou des structures de données - de définir des variables globales accessibles tout au long de la connexion (une variable est associée à une page) - d accéder directement aux ressources ou informations du client ou du serveur

Document élaboré à Centrale Paris par Pascal Morenton 3. LE LANGAGE JAVASCRIPT [2/3] Annuaire du labo PL function traitement() { … } voici la liste du personnel du laboratoire PL DECLARATION DE LA FONCTION APPEL DE LA FONCTION GRÂCE A UN ELEMENT HTML

Document élaboré à Centrale Paris par Pascal Morenton 3. LE LANGAGE JAVASCRIPT [3/3] CLIENT SERVEUR Requête : Envoi de : calcul.html recherche lecture Envoi de : calcul.html Interpréteur HTML Interpréteur JavaScript

Document élaboré à Centrale Paris par Pascal Morenton 4. LE LANGAGE JAVA [1/4] PCMAC UNIXWINDOWSMAC - OS SUN MACHINE VIRTUELLE JAVA CLASSE JAVA FICHIER « PRE- COMPILE » « COMPILATEUR JAVA »

Document élaboré à Centrale Paris par Pascal Morenton 4. LE LANGAGE JAVA [2/4] applicationsEnrichissement de la page ANIMATION LE LANGAGE JAVA EST : - un langage orienté objet dérivé du C++ (mais pas dhéritage multiple, pas darithmétique sur les pointeurs) - un langage sécurisé UNE APPLET JAVA NE PERMET PAS : - d accéder directement aux ressources ou informations du client ou du serveur

Document élaboré à Centrale Paris par Pascal Morenton 4. LE LANGAGE JAVA [3/4] Annuaire du labo PL …... APPEL DE L APPLET DEFINIE DANS LE FICHIER COURBE.CLASS

Document élaboré à Centrale Paris par Pascal Morenton CLIENT SERVEUR Requête : Envoi de : calcul.html courbe.class recherche lecture Interpréteur HTML 4. LE LANGAGE JAVA [4/4] Machine virtuelle java calcul.htmlcourbe.class

Document élaboré à Centrale Paris par Pascal Morenton 5. LES PASSERELLES CGI [1/3] CGI = COMMON GATEWAY INTERFACE CGI EST UNE NORME PERMETTANT D INTERFACER UN SERVEUR WEB ET DES APPLICATIONS : LE CLIENT RENTRE DES PARAMETRES TRANSMIS AU SERVEUR HTTP PUIS A UNE APPLICATION VIA UNE PASSERELLE CGI LES APPLICATIONS SONT ECRITES EN PERL, C, C++ etc LE PERL EST UN SCRIPT TRES UTILISE SOUS UNIX. IL NECESSITE UN INTERPRETEUR LES PROGRAMMES C ou C++ NECESSITE UNE LIBRAIRIE PERMETTANT D ACCEDER AUX PARAMETRES PASSES EN ARGUMENT LES SCRIPTS CGI PERMETTENT : - d accèder aux paramètres de la connexion : numéro IP, types MIME supportés etc - d utiliser les ressources du serveur - dans le cas du PERL, de définir des applications multi-plateformes LES SCRIPTS CGI NE PERMETTENT PAS: - d utiliser les ressources ou informations du client

Document élaboré à Centrale Paris par Pascal Morenton CLIENT SERVEUR Requête : Envoi de : page générée par compteur.cgi recherche Interpréteur HTML 5. LES PASSERELLES CGI [2/3] compteur.cgi Génération d une page Execution ou interprétation

Document élaboré à Centrale Paris par Pascal Morenton 5. LES PASSERELLES CGI [3/3] Annuaire du labo PL … <FORM METHOD=« POST » ACTION=« /cgi-bin/compteur.cgi »>... APPEL DE L APPLICATION GETENV.EXE PRESENTE SUR LE SERVEUR

Document élaboré à Centrale Paris par Pascal Morenton 6. LES SERVLETS JAVA [1/2] CLIENT SERVEUR Requête : Envoi de : page générée par compteur.cgi recherche Interpréteur HTML Index.shtml Execution sur machine virtuelle Génération d une page compteur.class

Document élaboré à Centrale Paris par Pascal Morenton 6. LES SERVLETS JAVA [2/2] Annuaire du labo PL …... APPEL DE LA SERVLET COMPTEUR.CLASS PRESENTE SUR LE SERVEUR LES SEVLETS JAVA PERMETTENT : - d accèder aux paramètres de la connexion : numéro IP, types MIME supportés etc - d utiliser les ressources du serveur - de définir des applications multi-plateformes - de prendre en charge les problèmes de sécurité LES SERVLES JAVA NE PERMETTENT PAS: - d utiliser les ressources ou informations du client

Document élaboré à Centrale Paris par Pascal Morenton 7. L ACCES AUX BASES VIA ODBC [1/2] CLIENT SERVEUR Requête : Envoi de : page générée par dbCollect.class recherche Interpréteur HTML base.shtml Execution sur machine virtuelle Génération d une page dbCollect.class PILOTE ODBC BASE DE DONNEES

Document élaboré à Centrale Paris par Pascal Morenton 7. L ACCES AUX BASES VIA ODBC [2/2] Annuaire du labo PL … VALUE=« matable »>... APPEL DE LA SERVLET COMPTEUR.CLASS PRESENTE SUR LE SERVEUR LES PILOTES ODBC PERMETTENT : - de consulter ou de modifier des bases via des requêtes SQL - de créer des applications portables (Oracle & Access proposent des pilotes ODBC)