Créer une «application web» avec AngularJS, nodejs et mongodb v Brouillon

Dimension: px
Commencer à balayer dès la page:

Download "Créer une «application web» avec AngularJS, nodejs et mongodb v110813 Brouillon"

Transcription

1 Créer une «application web» avec AngularJS, nodejs et mongodb v Brouillon

2 Ce texte est sous licence Creative Commons Attribution - Partage dans les Mêmes Conditions 4.0 International. Pour accéder à une copie de cette licence, merci de vous rendre à l'adresse suivante ou envoyez un courrier à Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. Le titulaire des droits autorise toute utilisation de l œuvre originale (y compris à des fins commerciales) ainsi que la création d œuvres dérivées, à condition qu elles soient distribuées sous une licence identique à celle qui régit l œuvre originale.

3 Notes de l'auteur Ce document est à l'origine destiné aux élèves de seconde, du lycée G Fichet de Bonneville (Haute-Savoie), qui ont choisi de suivre l'enseignement d'exploration PSN (Pratique Scientifique et Numérique). Il est aussi utilisable en spécialité ISN. Dans tous les cas, des connaissances en JavaScript, HTML et CSS sont indispensables avant d'aborder AngularJS et nodejs (voir, par exemple, les 19 activités «JavaScript, HTML et CSS» que j'ai rédigées pour les élèves). Ce document n'a pas la prétention d'être la «bible» d'angularjs, de nodejs ou de mongodb (n'oubliez pas qu'il s'adresse à des élèves ayant une pratique limitée de la programmation), il a été conçu pour travailler «en collaboration» avec l'enseignant (certaines parties ne sont pas détaillées, les enseignants devront adapter leurs explications en fonction des contraintes locales (OS installé, possibilité d'installer des logiciels sur les machines...)). Les premières pages de la deuxième partie abordent des sujets relativement théoriques (client-serveur, protocole HTTP...) ce qui va à l'encontre de l'esprit de ce document. Cependant cette digression me semble indispensable vu les sujets abordés dans cette seconde partie. David Roche

4 1re partie : les bases d'angularjs

5 AngularJS? Qu'est ce que c'est? AngularJS (site officiel) est un framework JavaScript open-source (rechercher la définition d'open-source et de framework) développé par Google. Il a été créé par Miško Hevery (en 2010). La version 1.0 (première version dite stable) date de juin Ce framework facilite grandement le développement d'application web selon le modèle MVC (Modèle Vue Controleur). Nous aurons l'occasion de revenir plus tard sur ces notions, mais vous avez peut-être déjà eu l'occasion d'utiliser des applications web (souvent appelées «web app»). Par exemple Gmail et GoogleDoc sont des «web app» (site internet ressemblant à des applications «classiques»). Notez bien qu'angularjs n'est pas un "logiciel", vous allez donc produire du code (HTML, JavaScript et CSS). Première approche AngularJS va nous permettre de rajouter de nouveaux attributs aux balises HTML, tous ces nouveaux attributs commenceront par : ng- Par exemple nous pourrons avoir <p ng-controller="moncontroleur">...</p> Dans notre 1 er exemple nous utiliserons 2 attributs apportés par AngularJS : ng-app et ng-controller, mais il en existe beaucoup d'autres que nous étudierons plus tard dans ce document. Nous allons pouvoir introduire ce que nous appellerons pour l'instant des «variables» directement dans le code HTML (ces «variables» pourront être contrôlées grâce au JavaScript). Ceci va rendre notre page HTML dynamique (les données affichées pourront évoluer au cours de temps). Ces «variables» seront facilement reconnaissables, car elles seront encadrées par des accolades : {{mavariable exemple : <h1>{{montitre</h1>. Le navigateur n'affichera pas {{montitre, mais la valeur contenue dans la «variable» montitre. Un premier exemple code HTML ex1.html <!doctype html> <html lang="fr"> <head> <meta Charest="UTF-8"> <title>test AngularJS</title> <script src="lib/angular.min.js"></script> <script src="javascript/ex1.js"></script> </head> <body ng-app> <h1 ng-controller="moncontrol">{{mavariable</h1> </body> </html> code JavaScript ex1.js function moncontrol($scope){ $scope.mavariable="hello World!"; Quelques remarques sur le contenu de la balise head du fichier HTML : Avant de commencer vous devez télécharger le framework sur le site officiel (http://angularjs.org/), choisir «stable», «Minified» et cliquez sur Download. Récupérer le fichier «angular.min.js». La ligne «<script src="lib/angular.min.js"></script>» va vous permettre d'utiliser AngularJS. À vous de l'adapter en fonction du dossier qui accueille le fichier «angular.min.js». La ligne suivante («<script src="javascript/ex1.js"></script>») va nous permettre d'accéder à notre fichier JavaScript «ex1.js», ici aussi, attention au chemin choisi. Vous avez sans doute remarqué l'attribut ng-app au niveau de la balise body. Cela signifie simplement qu'angularjs sera actif de la balise <body> jusqu'à la balise </body>. L'attribut ng-controller dans la balise <h1> va nous permettre de définir un contrôleur. Ce contrôleur sera actif de la balise <h1> jusqu'à la balise </h1>. Tout ce qui se trouve entre les balises <h1> et </h1> sera soumis à la

6 «surveillance» du contrôleur «moncontrol», dans cette «zone», c'est lui le «patron», c'est lui le chef d'orchestre. Qu'est-ce qu un contrôleur dans AngularJS? Ce contrôleur correspond à une fonction JavaScript présente dans le fichier «ex1.js» (d'où l intérêt de la ligne «<script src="javascript/ex1.js"></script>»). Analysons cette fonction : La fonction «moncontrol» possède un argument : «$scope». Cet argument est fondamental. Un des principes de base (et une des forces) d'angularjs se nomme le data-binding, qu'est-ce que le data-binding? C'est la capacité à échanger des informations (des données) entre la partie HTML et la partie JavaScript. Cet échange de données peut se faire dans les 2 sens : du HTML vers le JavaScript et du JavaScript vers le HTML. Pour «transporter» ces données, AngularJS utilise un objet (au sens informatique du terme, si nécessaire revoir l'activité 14). Cet objet est l'argument de la fonction «moncontrol», c'est-à-dire «$scope». Analysons maintenant l'unique ligne qui compose notre fonction «moncontrol» (notre contrôleur) : $scope.mavariable="hello World!"; Nous avons {{mavariable du côté HTML et $scope.mavariable du côté JavaScript, nous pourrons considérer ces 2 entités comme identiques. Comme dit plus haut, l'objet $scope n'arrête pas de faire des «aller-retour» entre le HTML et le JavaScript. Comme tous les objets, il possède des propriétés, mavariable est une de ses propriétés d'où la notation pointée : «$scope.mavariable». Si vous avez un peu de mal avec tout cela, pour simplifier les choses, dites-vous que si l'on a {{mavariable du côté HTML on devra avoir $scope.mavariable du côté JavaScript et que tout changement au niveau $scope.mavariable entraînera un changement au niveau de {{mavariable (et vis versa dans d'autres situations). En vous aidant des explications qui viennent d'être fournies, décrire le résultat attendu si vous ouvrez le fichier ex1.html avec un navigateur internet (Firefox, Chrome...)... Vérifiez votre hypothèse Manipulons des objets Il est possible de manipuler des objets avec AngularJS code HTML ex 2.html <!doctype html> <html lang="fr"> <head> <meta Charest="UTF-8"> <title>test AngularJS</title> <script src="lib/angular.min.js"></script> <script src="javascript/ex2.js"></script> </head> <body ng-app ng-controller="moncontrol"> <h1>fiche d'identité n {{infoperso.id</h1> <p>nom : {{infoperso.nom</p> <p>prénom : {{infoperso.prenom</p> <p>date de Naissance : {{infoperso.datenaissance</p> </body> </html> code JavaScript ex 2.js mafiche={ id : "7845", nom :"Durand", prenom :"Jean-Pierre", datenaissance :"17/08/1967" function moncontrol($scope){ $scope.infoperso=mafiche;

7 Cet exemple ne devrait vous poser de difficulté. Au lieu d'une «simple» variable, nous manipulons ici un objet (infoperso côté HTML et $scope.infoperso côté serveur). Ici aussi, le contrôleur (la fonction moncontrol) ne comporte qu'une ligne : «$scope.infoperso=mafiche;» Pour comprendre l'utilité de cette ligne, vous avez juste à savoir que «objet1=objet2» permet d'attribuer à objet1 toutes les propriétés d'objet2 (méthodes et attributs). Après l'exécution de la ligne «$scope.infoperso=mafiche;», infoperso se retrouve avec les attributs suivants : id, nom, prenom et date de naissance (les attributs de l'objet mafiche). Ceci explique donc les {{infoperso.id, {{infoperso.nom, {{infoperso.prenom ou encore {{infoperso.datenaissance du code HTML. En cas de difficulté, n'hésitez pas à vous replonger dans l'activité 14. Décrire le résultat attendu en cas «d'ouverture» du fichier ex2.html avec un navigateur internet (Firefox, Chrome...)... Vérifiez votre hypothèse utilisation ng-repeat ng-repeat est une directive AngularJS qui va nous permettre de dupliquer du code HTML automatiquement et surtout intelligemment. Imaginer que vous voulez afficher une liste de fruit à l'aide des balises HTML <ul> et <li> (si vous ne connaissez pas ces balises recherchez sur internet des informations à leur sujet). Nous aurions ce genre de code : <ul> <li>banane</li> <li>pomme</li> <li>ananas</li> <li>pêche</li> <li>fraise</li> </ul> Cela peut vite devenir rébarbatif... Grâce à la directive ng-repeat et à un tableau JavaScript contenant cette liste de fruits (mesfruitstab=[''banane'', ''pomme'', ''ananas'','' pêche'',''fraise'']), il va être possible d'écrire beaucoup moins de code HTML. code HTML ex 3.html <!doctype html> <html lang="fr"> <head> <meta Charest="UTF-8"> <title>test AngularJS</title> <script src="lib/angular.min.js"></script> <script src="javascript/ex3.js"></script> </head> <body ng-app ng-controller="moncontrol"> <h1>voici ma liste de fruits</h1> <ul> <li ng-repeat="fruit in mesfruits">{{fruit</li> </ul> </body> </html> code JavaScript ex 3.js var mesfruitstab=["banane","pomme", "ananas","pêche","fraise"] ; function moncontrol($scope){ $scope.mesfruits=mesfruitstab;

8 NB : il aurait été possible d'écrire directement : «$scope.mesfruits=["banane","pomme", "ananas","pêche","fraise"] ;» sans passer par l'intermédiaire de «mesfruitstab» ng-repeat va permettre de répéter la balise <li> autant de fois nécessaire pour que tous les éléments du tableau «mesfruits» soit traités. {{fruit sera successivement remplacé par banane, pomme, ananas, pêche et fraise. Si l'on a : <mabalise ng-repeat="mavariable in montableau">{{mavariable</mabalise> avec montableau=[element1,element2,element3] Le code HTML généré par AngularJS sera : <mabalise>element1</mabalise> <mabalise>element2</mabalise> <mabalise>element3</mabalise> Décrire le résultat attendu en cas «d'ouverture» du fichier ex3.html avec un navigateur internet (Firefox, Chrome...)... : mini-projet 1 Il est possible d'avoir un tableau contenant des objets : montableau=[ {id : "7845", nom :"Durand", prenom :"Jean-Pierre", datenaissance :"17/08/1967", {id : "6578", nom :"Dupond", prenom :"Gérard", datenaissance :"23/04/1984", {id : "9876", nom :"Robert", prenom :"Gabriel", datenaissance :"21/02/1991" ] Reprenez l'exemple traité dans l'exemple 2 (affichage d'une fiche de renseignements personnels). Sauf que cette fois ci, vous devrez produire du code permettant d'afficher les 3 fiches de renseignements les unes sous les autres :

9 Des images avec ng-src Les objets peuvent aussi contenir des URL, notamment des URL d'images. Voici un autre exemple illustrant la directive ng-src : Testez et étudiez attentivement cet exemple code HTML ex4.html <!doctype html> <html lang="fr" ng-app> <head> <meta Charest="UTF-8"> <title>ex4 AngularJS</title> <script src="lib/angular.min.js"></script> <script src="javascript/ex4.js"></script> <link rel="stylesheet" href="css/ex4.css"> </head> <body ng-controller="moncontroleur"> <h1 id="montitre">séries en série</h1> <div class="row" id="messeries" ng-repeat="serie in tabserie"> <div class="offset5 span2"><img ng-src="{{serie.urlimage"/></div> <div class="span5"> <h2>{{serie.titre</h2> <p>titre original : {{serie.titreor</p> <p>créateur(s) : {{serie.createur</p> <p>etat : {{serie.etat </div> </div> </body> </html> code JavaScript ex4.js moncontroleur=function($scope){ $scope.tabserie=[ { titre:"le Trône de fer", titreor:"game of Thrones", createur:" David Benioff et D. B. Weiss", urlimage:"image/got.jpg", etat:"en cours saison 04 diffusée au printemps 2014", { titre:"lost : Les Disparus", titreor:"lost", createur:"j. J. Abrams, Damon Lindelof et Jeffrey Lieber", urlimage:"image/lost.jpg", etat:"terminée", { titre:"homeland", titreor:"homeland", createur:"howard Gordon et Alex Gansa", urlimage:"image/homeland.jpg", etat:"en cours, saison 03 diffusée en septembre 2013" ] code CSS ex4.css bootstrap twitter + /*Ajout pour ex4*/ body{ background-color:grey; #montitre{

10 text-align:center; margin: 30px; font-size: 60px; #messeries{ margin-bottom:20px; Attention : le fichier ex4.css est composé du bootstrap twitter et du code ci-dessus. J'attire votre attention sur la balise image «<img ng-src="{{serie.urlimage"/>», l'attribut classique src ne fonctionnera pas ici (faites l'essai), il faudra donc systématiquement utiliser ng-src en lieu et place de src. Autre élément important, l'utilisation du css est quasi indispensable, ne négligez pas cet aspect des choses. Un peu d'interaction avec ng-click Grâce à ng-click il est possible de «réagir» au clic de l'utilisateur en appelant la fonction de votre choix. La balise qui aura pour attribut ng-click deviendra donc «cliquable» : soit <balise ng-click= "mafonction()">...</balise>, un clic sur le contenu de cette balise entraînera l exécution de la fonction mafonction(). code HTML ex 5.html <!doctype html> <html lang="fr"> <head> <meta Charest="UTF-8"> <title>test AngularJS</title> <script src="lib/angular.min.js"></script> <script src="javascript/ex5.js"></script> </head> <body ng-app ng-controller="moncontrol"> <button ng-click="affichage()">afficher la liste</button> <ul> <li ng-repeat="fruit in mesfruits">{{fruit</li> </ul> </body> </html> code JavaScript ex 5.js var mesfruitstab=["banane","pomme", "ananas","pêche","fraise"] ; function moncontrol($scope){ $scope.affichage=function(){ $scope.mesfruits=mesfruitstab; Décrire le résultat attendu en cas «d'ouverture» du fichier ex5.html avec un navigateur internet (Firefox, Chrome...)... Vérifiez votre hypothèse Plusieurs remarques sur cet exemple : les fonctions qui seront exécutées en cas de clic devront être des méthodes de l'objet $scope d'où le «$scope.affichage» nous verrons juste après une autre méthode pour faire apparaître et disparaître des éléments d'une page. Nous avons choisi un bouton comme élément «cliquable», toute autre balise peut convenir (div, a, img...) ng-show et ng-hide Il est possible de masquer le contenu d'une balise en utilisant la directive ng-show dans ladite balise :

11 <balise ng-show="isvisible">...</balise> Si dans le contrôleur (fichier JavaScript) la variable «$scope.isvisible» est égale à true, le contenu de la balise sera visible, si «$scope.isvisible» est égale à false, le contenu de la balise sera invisible. La directive ng-hide fonctionne exactement de la même façon, mais «à l'envers» (visible si false et invisible si true). Je précise que le nom choisi «isvisible» est arbitraire, vous pouvez choisir le nom qui vous convient. code HTML ex6.html <!doctype html> <html lang="fr"> <head> <meta Charest="UTF-8"> <title>test AngularJS</title> <script src="lib/angular.min.js"></script> <script src="javascript/ex6.js"></script> </head> <body ng-app ng-controller="moncontrol"> <button ng-click="affichage()">cliquez ici</button> <ul ng-show="visible"> <li ng-repeat="fruit in mesfruits">{{fruit</li> </ul> </body> </html> code JavaScript ex6.js var mesfruitstab=["banane","pomme", "ananas","pêche","fraise"] ; function moncontrol($scope){ $scope.visible=false; $scope.mesfruits=mesfruitstab; $scope.affichage=function(){ if ($scope.visible==false){ $scope.visible=true; else{ $scope.visible=false; Décrire le résultat attendu en cas «d'ouverture» du fichier ex6.html avec un navigateur internet (Firefox, Chrome...)... la balise input et la directive ng-model Les sites n'utilisant pas, à un moment ou à un autre, la balise input sont très rares. AngularJS va énormément simplifier la gestion des données entrées par le visiteur du site. La directive ng-model pourra être associé à une balise input : <input type="text" ng-model="mavaleur"> Les données entrées par l'utilisateur du site pourront être récupérées dans un contrôleur JavaScript ($scope.mavaleur). code HTML ex 7.html <!doctype html> <html lang="fr"> <head> <meta Charest="UTF-8"> <title>test AngularJS</title> <script src="lib/angular.min.js"></script>

12 <script src="javascript/ex7.js"></script> </head> <body ng-app ng-controller="moncontrol"> <h1>ma liste de fruits</h1> <form> <p>ajouter un fruit: <input type="text" ng-model="monfruit"/></p> <button ng-click="ajout()">valider</button> </form> <ul> <li ng-repeat="fruit in mesfruits">{{fruit</li> </ul> </body> </html> code JavaScript ex 7.js var mesfruitstab=[] ; function moncontrol($scope){ $scope.mesfruits=mesfruitstab; $scope.ajout=function(){ if ($scope.monfruit!=""){ $scope.mesfruits.push($scope.monfruit) ; $scope.monfruit=""; Décrire le résultat attendu en cas «d'ouverture» du fichier ex6.html avec un navigateur internet (Firefox, Chrome...)... : miniprojet 2 Vous êtes chargé de mettre en place une application de saisie des nouveaux élèves dans un lycée. Votre application devra proposée un formulaire de saisi avec : le nom le prénom la date de naissance la classe (choisir une classe parmi une liste : utilisation de la balise select) La validation du formulaire devra se faire par l'intermédiaire d'un bouton. Les élèves nouvellement saisis devront apparaître sur la page au fur et à mesure de la saisie. Checkbox Il est possible d'utiliser une checkbox (balise input avec un «type="checkbox"») <input type="checkbox" ng-model="checked"/> Si la checkbox est cochée, on aura alors checked=true si elle est décochée on aura checked=false (vous pouvez utiliser un autre nom que «checked» pour la variable. Inventez un exemple utilisant le type «checkbox» et la directive ng-model qui va avec. Vous êtes bien sûr autorisé à utiliser d'autres éléments de votre choix. Les filtres AngularJS prévoit l'application de filtres qui permet de sélectionner ou de mettre en forme l'information. Nous allons ici voir un exemple de l'utilisation des filtres. En ajoutant un filtre à une directive ng-repeat, seuls les éléments correspondant au filtre seront affichés.

13 Voici la façon de procéder : ng-repeat="x in tab filter:mavariable" sans le filtre toutes les valeurs contenues dans la tableau tab seront affichées. Avec le filtre seule la valeur correspondant à mavariable sera affichée (à condition bien sûr que cette valeur se trouve dans le tableau) code HTML ex 8.html <!doctype html> <html lang="fr"> <head> <meta Charest="UTF-8"> <title>test AngularJS</title> <script src="lib/angular.min.js"></script> <script src="javascript/ex8.js"></script> </head> <body ng-app ng-controller="moncontrol"> <h1>ma liste de fruits</h1> <form> <p>rechercher un fruit <input type="text" ng-model="recherche"/></p> </form> <ul> <li ng-repeat="fruit in mesfruits filter:recherche">{{fruit</li> </ul> </body> </html> code JavaScript ex 8.js var mesfruitstab=["banane","pomme","fraise","kiwi","pêche","cerise","nectarine", "noix","framboise","noisette","raisin"]; function moncontrol($scope){ $scope.mesfruits=mesfruitstab; Décrire le résultat attendu en cas «d'ouverture» du fichier ex6.html avec un navigateur internet (Firefox, Chrome...)... Il existe d'autres filtres, je vous invite à consulter la documentation officielle :

14 2 e partie : nodejs et AngularJS notion de client-serveur

15 Notion de client-serveur Que se passe-t-il lorsque vous tapez dans la barre d'adresse de votre navigateur «http://www.google.fr»? Votre ordinateur (que l'on appellera le client) va chercher à entrer en communication avec un autre ordinateur (que l'on appellera le serveur) se trouvant probablement à des milliers de kilomètres de chez vous. Pour pouvoir établir cette communication, il faut bien sûr que les 2 ordinateurs : le client et le serveur soient «reliés», on dira que nos 2 ordinateurs sont en réseau. Il existe énormément de réseaux, certains réseaux sont reliés à d'autres réseaux qui sont eux-mêmes reliés à d'autres réseaux...ce qui forme «des réseaux de réseaux de réseaux...». Savez-vous comment on appelle cet assemblage multiple de réseaux? Internet! Mon but ici n'est pas de vous expliquez comment font les ordinateurs pour se trouver dans cet «amas de réseaux», si ce sujet vous intéresse, vous rencontrerez certains termes, comme : «serveur DNS», «routeur», «adresse IP», «routage»... En tapant «http://www.google.fr», votre machine va chercher à entrer en communication avec le serveur portant le nom «www.google.fr» (en faite c'est plus compliqué, pour les puristes nous dirons donc que la communication va être établie avec le serveur www du domaine google.fr, mais bon, pour la suite nous pourrons nous contenter de l'explication «simplifiée»). Une fois la liaison établie, le client et le serveur vont échanger des informations en dialoguant : client : bonjour (ou bonjour www se trouvant dans le domaine google.fr), pourrait tu m'envoyer le code html contenu dans le fichier index.html serveur : OK, voici le code html demandé client : je constate que des images, du code css et du code JavaScript sont utilisés, peux-tu me les envoyer serveur : OK, les voici Évidemment ce dialogue est très imagé, mais il porte tout de même une part de «vérité». J'espère que vous commencez à comprendre les termes client (celui qui demande quelque chose) et serveur (celui qui fournit ce qui a été demandé). et le HTTP? Nous venons de voir que les ordinateurs communiquent entre eux. Pour ce faire, ils utilisent ce que l'on appelle des protocoles. Selon Wikipedia, dans le cas général, protocole : On nomme protocole les conventions qui facilitent une communication sans faire directement partie du sujet de la communication elle-même. En électronique et en informatique (toujours selon Wikipedia) : un protocole de communication est un ensemble de contraintes permettant d'établir une communication entre deux entités (dans le cas qui nous intéresse 2 ordinateurs) Pour que la communication soit possible, le client et le serveur doivent avoir des règles communes, ces règles sont définies dans un protocole. Comme vous l'avez sans doute deviné, le protocole de communication employé ici se nomme HTTP. Le protocole HTTP (HyperText Transfer Protocol) a été inventé par Tim Berners-Lee ( ) au début des années Tim Berners-Lee est aussi à l'origine du langage HTML et des «adresses web». C'est la combinaison de ces 3 éléments (HTTP, HTML, «adresse web») que l'on nomme aujourd'hui le «web» («web» qu'il ne faut pas confondre avec l'internet, même si le web utilise l'internet). Le HTTP va permettre au client d'effectuer des requêtes à destination d'un serveur. En retour, le serveur va envoyer une réponse. Voici une version simplifiée de la composition d'une requête : la méthode employée pour effectuer la requête l'url de la ressource la version du protocole utilisé par le client (souvent HTTP 1.1) le navigateur employé (Firefox, Chrome) et sa version le type du document demandé (par exemple HTML)

16 .. Certaines de ces lignes sont optionnelles. Voici un exemple de requête HTTP (la méthode, l'url et la version du protocole se trouvent sur la première ligne) : GET /mondossier/monfichier.html HTTP/1.1 User-Agent : Mozilla/5.0 Accept : text/html Revenons uniquement sur 2 aspects (si nécessaire nous reviendrons sur les autres plus tard) : la méthode employée et l'url. Les méthodes des requêtes HTTP Une requête HTTP utilise une méthode (c'est une commande qui demande au serveur d'effectuer une certaine action). Voici la liste des méthodes disponibles : GET, HEAD, POST, OPTIONS, CONNECT, TRACE, PUT, PATCH, DELETE Détaillons 4 de ces méthodes : GET : C'est la méthode la plus courante pour demander une ressource. Elle est sans effet sur la ressource. POST : Cette méthode est utilisée pour soumettre des données en vue d'un traitement (côté serveur). Typiquement c'est la méthode employée lorsque l'on envoie au serveur les données issues d'un formulaire (balise <form>, nous aurons l'occasion de voir des exemples plus tard). DELETE : Cette méthode permet de supprimer une ressource sur le serveur. PUT : Cette méthode permet de modifier une ressource sur le serveur L'URL (et l'uri) Une URI (Uniform Ressource Identifier) permet d'identifier une ressource sur un réseau, une URL est un cas particulier d'uri. Nous ne nous attarderons pas sur les subtiles différences entre une URI et une URL et à partir de maintenant je parlerai exclusivement d'url (par souci de simplification). L'URL indique «l'endroit» où se trouve une ressource sur le serveur. Un fichier peut se trouver dans un dossier qui peut lui-même se trouver dans un autre dossier...on parle d'une structure en arborescence, car elle ressemble à un arbre à l'envers : Comme vous pouvez le constater, la base de l'arbre s'appelle la racine de l'arborescence et se représente par un / Chemin absolu ou chemin relatif? Pour indiquer la position d'un fichier (ou d'un dossier) dans l'arborescence, il existe 2 méthodes : indiquer un chemin absolu ou indiquer un chemin relatif. Le chemin absolu doit indiquer «le chemin» depuis la racine. Par exemple l'url du fichier fichier3.txt sera : /dossier2/dossier3/fichier3.jpg

17 Remarquez que nous démarrons bien de la racine / (attention les symboles de séparation sont aussi des /) Imaginons maintenant que le fichier fichier1.css fasse appel au fichier fichier3.jpg (comme un fichier HTML peut faire appel à un fichier CSS ou JavaScript). Il est possible d'indiquer le chemin non pas depuis la racine, mais depuis le dossier (dossier2) qui accueille le fichier1.css, nous parlerons alors de chemin relatif : dossier3/fichier3.jpg Remarquez l absence du / au début du chemin (c'est cela qui nous permettra de distinguer un chemin relatif et un chemin absolu). Imaginons maintenant que nous désirions indiquer le chemin relatif du fichier fichier1.txt depuis le dossier dossier4. Comment faire? Il faut «reculer» d'1 «cran» dans l'arborescence (pour se retrouver dans le dossier dossier2 et ainsi pouvoir repartir vers la bonne «branche». Pour ce faire il faut utiliser 2 points :..../dossier2/fichier3.jpg Il est tout à fait possible de remonter de plusieurs «crans» :../../ depuis le dossier dossier4 permet de «retourner» à la racine. Remarque : la façon d'écrire les chemins (avec des slash (/) comme séparateurs) est propre aux systèmes dits «UNIX», par exemple GNU/Linux ou encore Mac OS. Sous Windows, ce n'est pas le slash qui est utilisé, mais l'antislash (\). Pour ce qui nous concerne ici : les chemins réseau (et donc le web), pas de problème, c'est le slash qui est utilisé. Réponse du serveur à une requête HTTP Une fois la requête reçue, le serveur va renvoyer une réponse, voici un exemple de réponse du serveur : HTTP/ OK Date: Thu, 15 feb :02:32 GMT Server: Apache/ (Debian GNU/Linux) DAV/2 SVN/1.1.4 Connection: close Transfer-Encoding: chunked Content-Type: text/html; charset=iso <!doctype html> <html lang="fr"> <head> <meta Charest="utf-8"> <title>voici mon site</title> </head> <body> <h1>hello World! Ceci est un titre</h1> <p>ceci est un <strong>paragraphe</strong>. Avez-vous bien compris?</p> </body> </html> Nous n'allons pas détailler cette réponse, voici quelques explications sur les éléments qui nous seront indispensables par la suite : Commençons par la fin : le serveur renvoie du code HTML, une fois ce code reçu par le client, il est interprété par le navigateur qui affiche le résultat à l'écran. Cette partie correspond au corps de la réponse. La 1re ligne se nomme la ligne de statut : HTTP/1.1 : version de HTTP utilisé par le serveur 200 : code indiquant que le document recherché par le client a bien été trouvé par le serveur. Il existe d'autres codes dont un que vous connaissez peut-être déjà : le code 404 qui signifie : «Le document recherché n'a pu être trouvé». Les 5 lignes suivantes constituent l'en-tête de la réponse, une ligne nous intéresse plus particulièrement : «Server: Apache/ (Debian GNU/Linux)». Les serveurs HTTP Il existe différents types de serveur capable de répondre à des requêtes HTTP (on les appelle serveurs HTTP ou encore serveur web). Que faut-il pour constituer un serveur web? un ordinateur (souvent ce sont des machines spécialisées : elles sont conçues pour fonctionner 24h/24h..., mais il est possible d'utiliser un ordinateur «classique» (surtout si votre but est uniquement de faire des tests).

18 un système d'exploitation : Les distributions GNU/Linux sont, pour différentes raisons, à privilégier. Dans la réponse HTTP que nous avons étudiée ci-dessus, le serveur fonctionne sous une distribution GNU/Linux dénommée Debian (mais ici aussi, si vous êtes sous Windows, il est tout de même possible de mettre en place un serveur web). Un logiciel destiné à recevoir les requêtes HTTP et à fournir des réponses. Un des logiciels les plus «populaires» se nomme Apache (il équipe plus de la moitié de serveur web en activité dans le monde!), mais il en existe d'autres : nginx, lighttpd...(j'ai volontairement choisi d'évoquer uniquement les solutions «libres», mais vous devez savoir qu'il existe aussi des solutions «propriétaires», si c'est 2 termes vous sont inconnus, il serait bon de rechercher leur signification). Les langages côté serveur Il y a quelques années, le web était dit «statique» : le concepteur de site web écrivait son code HTML et ce code était simplement envoyé par le serveur au client. Les personnes qui consultaient le site avaient toutes le droit à la même page, le web était purement «consultatif» (nous étions encore très loin des «single page application» que nous verrons plus tard). Les choses ont ensuite évolué : les serveurs sont aujourd'hui capables de générer eux même du code HTML. Les résultats qui s'afficheront à l'écran dépendront donc des demandes effectuées par l'utilisateur du site : le web est devenu dynamique. Différents langages de programmation peuvent être utilisés «côté serveur» afin de permettre au serveur de générer lui même le code HTML à envoyer. Le plus utilisé encore aujourd'hui se nomme PHP (PHP Hypertext Preprocessor : c'est un acronyme récursif comme GNU qui signifie GNU's Not Unix). Nous n'utiliserons pas PHP, je n'insisterai donc pas sur ce sujet. D'autres langages sont utilisables côté serveur (pour permettre la génération dynamique de code HTML), voici un liste non exhaustive : Java, Python, ASP... J'ai volontairement omis un langage : le JavaScript. L'utilisation du JavaScript côté serveur est relativement récente, mais se développe à vitesse grand V. Pour ne pas partir avec de fausses idées en tête, vous devez bien comprendre que nous allons parler de JavaScript qui s exécute sur le serveur. Quand vous associez une page HTML avec un script JavaScript (à l'aide de la balise <script>), ce script est bien stocké sur le serveur, mais il est envoyé au client (par l'intermédiaire d'une requête HTTP) afin d'être exécuté. Attention à ne pas confondre le JavaScript exécuté côté client (par le navigateur) et le JavaScript exécuté côté serveur. Et nodejs fût... Comme je viens de vous le rappeler, jusqu'à une époque récente, le JavaScript était uniquement destiné à être exécuté sur le client. Pour être plus précis, tous les navigateurs web (Firefox, Chrome, Opéra...) sont «équipés» d'un moteur JavaScript. Ce moteur JavaScript a pour but d'interpréter le code et d'afficher le résultat dans le navigateur. Le moteur du navigateur made in Google, Chrome, se nomme V8. Ryan Dahl a décidé, en 2009, d'utiliser le moteur V8 afin de permettre l'exécution de JavaScript côté serveur (c'est à dire sans utiliser de navigateur web) : nodejs était né! Je précise que nodejs n'est ni le premier, ni le seul à proposer du JavaScript côté serveur, mais force et de constater qu'aujourd'hui c'est lui qui à le vent en poupe. Précisons une chose : nodejs n'est pas un serveur web (comme Apache par exemple), c'est juste une plateforme permettant d exécuter du JavaScript. Avec nodejs nous allons devoir programmer notre serveur web! Installation de nodejs et programmation d'un serveur web Il existe beaucoup de tutoriaux qui décrivent l'installation de nodejs sur les plateformes «classiques» (GNU/linux, windows ou encore Mac OS). Je vous propose le tutoriel de Mathieu Nebra sur le site du zéro : Une fois l'installation terminée, ouvrez une console (aussi appelé terminal) et tapez «node -v». Si votre installation s est bien passée, vous devriez voir la version de nodejs s'afficher dans la console. Quelle est la version de nodejs que vous allez utiliser?... Nous allons écrire notre premier programme avec nodejs. Vous allez créer un dossier dans l'endroit de votre choix et créer un fichier JavaScript vierge. Il existe de nombreux modules «livrés» d'office avec nodejs, parmi ceci nous allons utiliser le module http.

19 Saisissez le code suivant dans le fichier que vous venez de créer et enregistrez-le (vous nommerez ce fichier ex9.js) code JavaScript (nodejs) ex9.js var http = require('http'); var serveur = http.createserver(function(req, res) { res.writehead(200, {"Content-Type": "text/html"); res.write('<!doctype html>' +'<html lang="fr">' +'<head>' +'<meta Charest="utf-8">' +'<title>nodejs</title>' +'</head>' +'<body>' +'<h1>hello World! Ceci est un titre</h1>' +'<p>ceci est un <strong>paragraphe</strong>.</p>' +'</body>' +'</html>'); res.end(); ); serveur.listen(8080); En utilisant la console, placez-vous dans le dossier qui accueille le fichier ex9.js (n'oubliez pas les antislashs si vous êtes sous Windows). Entrez dans la console : «node ex9.js» Sans fermer la console, ouvrez un navigateur web, dans la barre d'adresse, tapez : «localhost:8080» Normalement notre page web devrait s'afficher. Quelques explications s'imposent : Depuis le début de la deuxième partie, j'insiste sur le fait que la consultation d'un site internet est un échange de données entre 2 ordinateurs distants (un client et un serveur), or, ici, nous n'utilisons qu'un ordinateur? Dans toute la phase de développement, il est tout à fait possible de n'utiliser qu'un seul ordinateur qui jouera à la fois (et en même temps) le rôle du client et le rôle serveur. L'exécution, dans la console, de la commande node ex9.js «démarre» le serveur, une fois le serveur démarré il «attend» les requêtes HTTP en provenance d'un client. Le navigateur web va envoyer ces requêtes au serveur. Mais comment entrer en communication avec le serveur? Il suffit d'utiliser une adresse un peu spéciale : localhost (localhost indique au navigateur web que le serveur se trouve sur la même machine que lui). Le : 8080 définie le port utilisé par le serveur. Plusieurs applications peuvent utiliser la même connexion réseau à condition de ne pas utiliser le même port (on parle aussi de socket). Ici notre serveur «écoute» et «attend» une requête HTTP sur le port 8080( nous aurions pu en choisir un autre). Passons maintenant à l'étude du code : «var http = require('http');» : nodejs possède de nombreux modules afin d'étendre ces possibilités de bases. Nous utilisons ici le module http qui permet de traiter des requêtes HTTP (et donc de développer un serveur web). Nous créons un objet (au sens programmation orientée objet, avec donc des attributs et des méthodes) que l'on nomme tout simplement http (nous aurions pu prendre un autre nom) à l'aide de l'instruction «require». La deuxième ligne est très longue, nous allons la décortiquer : «var serveur = http.createserver(...» : nous créons un objet dénommé «serveur». Pour créer cet objet, nous utilisons une méthode de l'objet http : createserver. La méthode createserver accepte un paramètre : une fonction anonyme (en JavaScript, une fonction anonyme est une fonction qui ne porte pas de nom). Quel est le rôle de cette fonction anonyme? Nous rentrons ici dans le cœur de ce qui fait nodejs : les callbacks La programmation sous nodejs est un peu particulière, tout est une question d événement. La fonction anonyme passée en paramètre de la méthode createserver sera exécutée à chaque fois que le serveur recevra une requête HTTP venant de l'extérieur, le reste du temps, notre programme passera son temps à attendre. Cette fonction anonyme est appelée «callback» de l'événement requête HTTP (je vous donne le terme, car vous le rencontrerez sans doute si vous étudiez nodejs à l'aide de ressources trouvées sur internet). Étudions maintenant cette fonction de callback : «function(req, res) { res.writehead(200, {"Content-Type": "text/html"); res.write('<!doctype html>' +'<html lang="fr">'

20 +'<head>' +'<meta Charest="utf-8">' +'<title>nodejs</title>' +'</head>' +'<body>' +'<h1>hello World! Ceci est un titre</h1>' +'<p>ceci est un <strong>paragraphe</strong>.</p>' +'</body>' +'</html>'); res.end() ;» La fonction de callback prend deux paramètres : req (pour request) et res (pour response (réponse en anglais)). req et res sont tous les deux des objets, req va nous permettre de manipuler tout ce qui touche à la requête HTTP reçue par le serveur alors que res permettra de manipuler tout ce qui touche à la réponse du serveur (il est tout à fait possible de choisir d'autres noms : le premier paramètre concernera la requête et le second la réponse). «res.writehead(200, {"Content-Type": "text/html");» : permet de «remplir» l'en tête de la réponse HTTP avec le code de retour 200 («Tout c'est bien passé») et avec le type de document renvoyé (du HTML). «res.write('<!doctype html>' +'<html lang="fr">' +'<head>' +'<meta Charest="utf-8">' +'<title>nodejs</title>' +'</head>' +'<body>' +'<h1>hello World! Ceci est un titre</h1>' +'<p>ceci est un <strong>paragraphe</strong>.</p>' +'</body>' +'</html>');» res.write permet de remplir le corps de la réponse HTTP : nous renvoyons une chaine de caractère (concaténation de plusieurs chaines de caractères) correspondant à du code HTML (j'ai placé les différentes balises les unes sous les autres afin de faciliter la lecture, sachez qu'il aurait été possible d'avoir : '<!doctype html><html lang="fr"><head>...</html>'. C'est moins lisible, mais cela évite les concaténations). «res.end() ;» : permet de terminer notre réponse HTTP avant son envoi vers le client. Cette notion de fonction de callback est fondamentale pour la suite, si vous avez du mal, n'hésitez pas à poser des questions avant d'aller plus loin. Il nous reste une dernière ligne à étudier : «serveur.listen(8080);». On applique la méthode listen à l'objet «serveur» (objet qui a été créé à l'aide de la méthode createserver), cette méthode «met en route le serveur» et lui indique le port sur lequel il doit «écouter» afin de recevoir les requêtes HTTP. Cet exemple fonctionne, mais il peut satisfaisant! Allons-nous nous amuser à mettre du code HTML dans notre fichier JavaScript? Bien sûr que non, pour faciliter les choses nous allons utiliser un framework de nodejs : express. expressjs ExpressJS (http://expressjs.com/) est un module pour nodejs développé, entre autres, par Tj Holowaychuk. Nous n'allons utiliser qu'une petite partie des possibilités de ce framework. ExpressJS n'est pas intégré par défaut à nodejs, il faut l'installer à l'aide de l'outil npm «node packaged modules». À l'aide de la console, placez-vous dans le dossier qui va accueillir votre fichier JavaScript (côté serveur), puis tapez : npm install express Cela devrait créer un nouveau dossier (node_modules). Si vous changez de dossier de travail, il faudra réinstaller express (chaque dossier contient sa propre installation d'express). Passons au premier exemple : Coder les 2 fichiers suivants (ex10.html devra se trouver dans un sous-dossier app) code JavaScript (nodejs) ex10.js var express = require('express'); var app = express();

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

Activité sur Meteor. Annexe 1 : notion de client-serveur et notion de base de données Activité sur Meteor Annexe 1 : notion de client-serveur et notion de base de données Notion de client-serveur Que se passe-t-il lorsque vous tapez dans la barre d'adresse de votre navigateur «http://www.google.fr»?

Plus en détail

Création d'un site dynamique en PHP avec Dreamweaver et MySQL

Création d'un site dynamique en PHP avec Dreamweaver et MySQL Création d'un site dynamique en PHP avec Dreamweaver et MySQL 1. Création et configuration du site 1.1. Configuration de Dreamweaver Avant de commencer, il est nécessaire de connaître l'emplacement du

Plus en détail

Créer une «application web» avec Meteor v230714 Brouillon David Roche, lycée G Fichet Bonneville

Créer une «application web» avec Meteor v230714 Brouillon David Roche, lycée G Fichet Bonneville Créer une «application web» avec Meteor v230714 Brouillon David Roche, lycée G Fichet Bonneville 1 Ce texte est sous licence Creative Commons Attribution - Partage dans les Mêmes Conditions 4.0 International.

Plus en détail

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

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau) CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.

Plus en détail

Activité - Serveur sous Linux Suse

Activité - Serveur sous Linux Suse Activité - Serveur sous Linux Suse Configuration de services réseaux Problématique : Configurer les services réseaux (DHCP, SAMBA, APACHE2) sur un serveur afin de répondre au besoin des postes clients

Plus en détail

Redécouvrir JavaScript avec Node.js

Redécouvrir JavaScript avec Node.js Redécouvrir JavaScript avec Node.js Sébastien Castiel Licence Le contenu de ce livre est distribué sous licence Creative Commons Attribution - Pas d Utilisation Commerciale - Partage dans les Mêmes Conditions

Plus en détail

Le stockage local de données en HTML5

Le stockage local de données en HTML5 Le stockage local HTML5, pourquoi faire? Dans une optique de réduction des couts de maintenance, de déploiement, beaucoup d'entreprises ont fait le choix de migrer leurs applicatifs (comptables, commerciales,

Plus en détail

Auteur LARDOUX Guillaume Contact guillaume.lardoux@epitech.eu Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA

Auteur LARDOUX Guillaume Contact guillaume.lardoux@epitech.eu Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA Auteur LARDOUX Guillaume Contact guillaume.lardoux@epitech.eu Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA Sommaire 1. Introduction 2. Installation 3. Fonctionnement 4. Développement 5. Démonstration 2

Plus en détail

Introduction ASP.NET

Introduction ASP.NET 1 Sommaire Introduction... 1 1 Framework... 2 1.1 Général (.NET)... 2 1.2 ASP.NET... 2 2 Prérequis... 2 3 Présentation des bases d un projet ASP.NET... 3 3.1 Création d un projet... 3 3.2 Site Web : Les

Plus en détail

WINDOWS SERVER 2003 ADMINISTRATION A DISTANCE

WINDOWS SERVER 2003 ADMINISTRATION A DISTANCE 1. Introduction WINDOWS SERVER 2003 ADMINISTRATION A DISTANCE En règle générale, les administrateurs ne travaillent pas en salle serveurs. Et cette dernière peut se trouver n'importe où dans le bâtiment.

Plus en détail

25 mars. Tutoriel sur Laravel. Préparé par : Lydiane Beaulne-Bélisle. Ceci est un tutorial qui montre comment débuter avec le Framework PHP Laravel.

25 mars. Tutoriel sur Laravel. Préparé par : Lydiane Beaulne-Bélisle. Ceci est un tutorial qui montre comment débuter avec le Framework PHP Laravel. 25 mars Tutoriel sur Laravel Préparé par : Lydiane Beaulne-Bélisle Ceci est un tutorial qui montre comment débuter avec le Framework PHP Laravel. Créé pour le cours de Projet de fin d étude Collège de

Plus en détail

Le WEB: présentation

Le WEB: présentation Le WEB: présentation Introduction: définition(s), historique... Principes d'utilisation:. le système Hypertexte. le fonctionnement pratique Naviguer sur le Web, les bases. les principales fonctions d'un

Plus en détail

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

Installation d un serveur HTTP (Hypertext Transfer Protocol) sous Débian 6 Installation d un serveur HTTP (Hypertext Transfer Protocol) sous Débian 6 1 BERNIER François http://astronomie-astrophotographie.fr Table des matières Installation d un serveur HTTP (Hypertext Transfer

Plus en détail

Navigation dans Windows

Navigation dans Windows Cours 03 Navigation dans Windows Comme je le disais en introduction, notre souris se révèle plus maligne qu'elle n'en a l'air. À tel point qu'il faut apprendre à la dompter (mais c'est très simple, ce

Plus en détail

Installation de Windows 2003 Serveur

Installation de Windows 2003 Serveur Installation de Windows 2003 Serveur Introduction Ce document n'explique pas les concepts, il se contente de décrire, avec copies d'écran, la méthode que j'utilise habituellement pour installer un Windows

Plus en détail

Assistance à distance sous Windows

Assistance à distance sous Windows Bureau à distance Assistance à distance sous Windows Le bureau à distance est la meilleure solution pour prendre le contrôle à distance de son PC à la maison depuis son PC au bureau, ou inversement. Mais

Plus en détail

Gérer des sites avec Dreamweaver

Gérer des sites avec Dreamweaver Gérer des sites avec Dreamweaver La boîte de dialogue Gérer les sites a pour fonction de vous permettre de créer un nouveau site, de modifier, de dupliquer, de supprimer un site, d'importer ou d'exporter

Plus en détail

Langage HTML (2 partie) lt La Salle Avignon BTS IRIS

Langage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv> Langage HTML (2 partie) «Je n'ai fait que prendre le principe d - hypertexte et le relier au principe du TCP et du DNS et alors boum! ce fut le World Wide Web!» Tim Berners-Lee

Plus en détail

Création de formulaires interactifs

Création de formulaires interactifs SESSION 16 Création de formulaires interactifs Programme de la session Lancer un sondage en utilisant divers éléments d'entrée de formulaire Traiter les entrées utilisateur Activer un script à partir d'un

Plus en détail

Tutoriel. ThunderBird. Page 1 / 10

Tutoriel. ThunderBird. Page 1 / 10 Tutoriel ThunderBird Page 1 / 10 1. Les Préalables Munissez-vous de vos paramètres de compte mail (L'adresse email, l'identifiant de connexion, le mot de passe, serveur POP, serveur SMTP ). Vous les trouverez

Plus en détail

FORMATION PcVue. Mise en œuvre de WEBVUE. Journées de formation au logiciel de supervision PcVue 8.1. Lieu : Lycée Pablo Neruda Saint Martin d hères

FORMATION PcVue. Mise en œuvre de WEBVUE. Journées de formation au logiciel de supervision PcVue 8.1. Lieu : Lycée Pablo Neruda Saint Martin d hères FORMATION PcVue Mise en œuvre de WEBVUE Journées de formation au logiciel de supervision PcVue 8.1 Lieu : Lycée Pablo Neruda Saint Martin d hères Centre ressource Génie Electrique Intervenant : Enseignant

Plus en détail

Application Web et J2EE

Application Web et J2EE Application Web et J2EE Servlet, JSP, Persistence, Méthodologie Pierre Gambarotto Département Informatique et Math appli ENSEEIHT Plan Introduction 1 Introduction Objectfis

Plus en détail

Petite définition : Présentation :

Petite définition : Présentation : Petite définition : Le Web 2.0 est une technologie qui permet la création de réseaux sociaux, de communautés, via divers produits (des sites communautaires, des blogs, des forums, des wiki ), qui vise

Plus en détail

TP RPV DE NIVEAU APPLICATION EXTRANET

TP RPV DE NIVEAU APPLICATION EXTRANET TP RPV DE NIVEAU APPLICATION EXTRANET Étudions le cas de l entreprise MAROQ. L entreprise a décidé d ouvrir une partie de son SI (Système d information) à ses partenaires. Cette ouverture s effectue par

Plus en détail

WEBMESTRE : CONCEPTION DE SITES ET ADMINISTRATION DE SERVEURS WEB

WEBMESTRE : CONCEPTION DE SITES ET ADMINISTRATION DE SERVEURS WEB WEBMESTRE : CONCEPTION DE SITES ET ADMINISTRATION DE SERVEURS WEB Installation et administration d un serveur web Module 25793 TP A5 (1/2 valeur) Chapitre 1 Fonctionnalités d un serveur web, le protocole

Plus en détail

Programmation Web. Madalina Croitoru IUT Montpellier

Programmation Web. Madalina Croitoru IUT Montpellier Programmation Web Madalina Croitoru IUT Montpellier Organisation du cours 4 semaines 4 ½ h / semaine: 2heures cours 3 ½ heures TP Notation: continue interrogation cours + rendu à la fin de chaque séance

Plus en détail

Documents web dynamiques. 20 novembre 2007 Architecture Multi-Niveaux 54

Documents web dynamiques. 20 novembre 2007 Architecture Multi-Niveaux 54 Documents web dynamiques 20 novembre 2007 Architecture Multi-Niveaux 54 Documents web dynamiques Contenu Statique Le client envoie une requête avec un nom de fichier Le serveur répond en lui retournant

Plus en détail

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 jquery Mobile La bibliothèque JavaScript pour le Web mobile É r i c S a r r i o n Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 1 Installation de jquery Mobile

Plus en détail

Les API JavaScript du HTML5 Intégrez la puissance du HTML5 dans vos applications Web

Les API JavaScript du HTML5 Intégrez la puissance du HTML5 dans vos applications Web 52 Les API JavaScript du HTML5 Intégrez la puissance du HTML5 dans vos applications Web D'où proviennent ces données qui permettent de vous localiser? Pour les smartphones, deux procédés peuvent être utilisés

Plus en détail

NVU, Notepad++ (ou le bloc-note), MySQL, PhpMyAdmin. HTML, PHP, cas d utilisation, maquettage, programmation connaissances en HTML, PHP et SQL

NVU, Notepad++ (ou le bloc-note), MySQL, PhpMyAdmin. HTML, PHP, cas d utilisation, maquettage, programmation connaissances en HTML, PHP et SQL Prise en main de NVU et Notepad++ (conception d application web avec PHP et MySql) Propriétés Intitulé long Formation concernée Matière Présentation Description Conception de pages web dynamiques à l aide

Plus en détail

Module SMS pour Microsoft Outlook MD et Outlook MD Express. Guide d'aide. Guide d'aide du module SMS de Rogers Page 1 sur 40 Tous droits réservés

Module SMS pour Microsoft Outlook MD et Outlook MD Express. Guide d'aide. Guide d'aide du module SMS de Rogers Page 1 sur 40 Tous droits réservés Module SMS pour Microsoft Outlook MD et Outlook MD Express Guide d'aide Guide d'aide du module SMS de Rogers Page 1 sur 40 Table des matières 1. Exigences minimales :...3 2. Installation...4 1. Téléchargement

Plus en détail

Les outils de création de sites web

Les outils de création de sites web Tuto 1ère séance - p1 Les outils de création de sites web Sources : Réalisez votre site web avec HTML5 et CSS3 de Mathieu Nebra (Edition Le Livre du Zéro) site fr.openclassrooms.com (anciennement «site

Plus en détail

TAGREROUT Seyf Allah TMRIM

TAGREROUT Seyf Allah TMRIM TAGREROUT Seyf Allah TMRIM Projet Isa server 2006 Installation et configuration d Isa d server 2006 : Installation d Isa Isa server 2006 Activation des Pings Ping NAT Redirection DNS Proxy (cache, visualisation

Plus en détail

Petite histoire d Internet

Petite histoire d Internet À la base, Internet est défini par des ordinateurs qui sont reliés entre eux grâce à des câbles, du WiFi ou encore des satellites, créant ainsi un réseau à échelle mondiale. Les ordinateurs communiquent

Plus en détail

Internet : Naviguer en toute sérénité

Internet : Naviguer en toute sérénité Internet 01 Mozilla Firefox Internet : Naviguer en toute sérénité Tutoriel Pratique 2 : «Internet : naviguer en toute sérénité» Durée de la séance : 2h tout public prérequis : - Connaître et utiliser les

Plus en détail

L3 informatique TP n o 2 : Les applications réseau

L3 informatique TP n o 2 : Les applications réseau L3 informatique TP n o 2 : Les applications réseau Sovanna Tan Septembre 2009 1/20 Sovanna Tan L3 informatique TP n o 2 : Les applications réseau Plan 1 Transfert de fichiers 2 Le Courrier électronique

Plus en détail

Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP

Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP Au cours de ce TP, vous allez voir comment PHP permet aux utilisateurs, une interaction avec

Plus en détail

DÉMARRAGE RAPIDE. Présentation et installation de NetStorage

DÉMARRAGE RAPIDE. Présentation et installation de NetStorage Novell NetStorage www.novell.com DÉMARRAGE RAPIDE Présentation et installation de NetStorage Novell NetStorage est une fonction de NetWare 6 qui permet d'accéder facilement, via Internet, au système de

Plus en détail

STID 2ème année : TP Web/PHP

STID 2ème année : TP Web/PHP STID 2ème année : TP Web/PHP Plan de travail et aide mémoire jean.arnaud@inria.fr Ce document est composé de cinq parties : Un aide mémoire sur les aspects pratiques de la création de sites Une introduction

Plus en détail

Je veux un site Web. 1 : L'hébergement et la mise en ligne de pages web

Je veux un site Web. 1 : L'hébergement et la mise en ligne de pages web Je veux un site Web 1 : L'hébergement et la mise en ligne de pages web L'hébergement Pour créer un site web, il me faut un serveur, c'est à dire un ordinateur connecté en permanence à l'internet L'hébergeur

Plus en détail

Installer un serveur FTP avec IIS

Installer un serveur FTP avec IIS Installer un serveur FTP avec IIS Ce dossier vous explique en détail comment installer et configurer un serveur FTP avec IIS (Internet Information Services), qui est un outil intégré à Windows NT4, 2000

Plus en détail

CHAPITRE 1 : CONCEPTS DE BASE

CHAPITRE 1 : CONCEPTS DE BASE CHAPITRE 1 : CONCEPTS DE BASE 1.1 C est quoi l INTERNET? C est le plus grand réseau télématique au monde, créé par les Américains et issu du réseau ARPANET (Advanced Research Projects Agency ). Ce dernier

Plus en détail

Développement Web pour mobiles

Développement Web pour mobiles Développement Web pour mobiles Les bases du HTML par Eric Sarrion Date de publication : 11/08/2010 Dernière mise à jour : Le langage HTML est le langage de base permettant de construire des pages web,

Plus en détail

Tutoriel Drupal version 6 :

Tutoriel Drupal version 6 : 1 Tutoriel Drupal version 6 : Installation en local sous Windows et traduction 2 1. Installation de Drupal en local (sur votre pc) 1.1. Logiciels nécessaires Drupal fonctionne dans un environnement nécessitant

Plus en détail

Hébergement de site web Damien Nouvel

Hébergement de site web Damien Nouvel Hébergement de site web Plan L'hébergeur Le serveur web Apache Sites dynamiques 2 / 27 Plan L'hébergeur Le serveur web Apache Sites dynamiques 3 / 27 L'hébergeur L'hébergeur sous-traite l'architecture

Plus en détail

PHP 5.4 Développez un site web dynamique et interactif

PHP 5.4 Développez un site web dynamique et interactif Editions ENI PHP 5.4 Développez un site web dynamique et interactif Collection Ressources Informatiques Extrait 183 Chapitre 7 Gérer les formulaires 1. Vue d'ensemble Gérer les formulaires 1.1 Petit rappel

Plus en détail

PHP/MYSQL. Web Dynamique

PHP/MYSQL. Web Dynamique PHP/MYSQL Web Dynamique ENSG Juin 2008 Qui suis-je? Guillaume Gautreau Responsable projets Systèmes d information à l ENPC guillaume@ghusse.com http://www.ghusse.com Ces 6 jours de formation Jour 1 : présentations,

Plus en détail

Installation de Windows 2000 Serveur

Installation de Windows 2000 Serveur Installation de Windows 2000 Serveur Introduction Ce document n'explique pas les concepts, il se contente de décrire, avec copies d'écran, la méthode que j'utilise habituellement pour installer un Windows

Plus en détail

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 FORMULAIRE DE CONTACT POUR PORTFOLIO PRINCIPE GENERAL Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE

Plus en détail

Installation locale de JOOMLA SEPIA

Installation locale de JOOMLA SEPIA FOAD TICE Installation locale de JOOMLA SEPIA Académie de Reims FRANÇOIS PALLUT Paternité - Pas d'utilisation Commerciale - Partage des Conditions Initiales à l'identique : http://creativecommons.org/licenses/by-nc-sa/2.0/fr/

Plus en détail

Je communique par email

Je communique par email Je communique par email Support de formation des Médiathèques du Pays de Romans Site Internet : Twitter : MediaTechRomans Table des matières Mes cordonnées électroniques...3 Les emails...3 Comment ça marche...3

Plus en détail

Présentation du Framework BootstrapTwitter

Présentation du Framework BootstrapTwitter COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...

Plus en détail

Sage CRM. 7.2 Guide de Portail Client

Sage CRM. 7.2 Guide de Portail Client Sage CRM 7.2 Guide de Portail Client Copyright 2013 Sage Technologies Limited, éditeur de ce produit. Tous droits réservés. Il est interdit de copier, photocopier, reproduire, traduire, copier sur microfilm,

Plus en détail

Création, analyse de questionnaires et d'entretiens pour Windows 2008, 7, 8 et MacOs 10

Création, analyse de questionnaires et d'entretiens pour Windows 2008, 7, 8 et MacOs 10 modalisa Création, analyse de questionnaires et d'entretiens pour Windows 2008, 7, 8 et MacOs 10 8 Fonctionnalités de mise en ligne de questionnaires Vous trouverez dans cet opuscule les informations nécessaires

Plus en détail

Chapitre 1. Présentation générale de l Internet

Chapitre 1. Présentation générale de l Internet Chapitre 1. Présentation générale de l Internet Sommaire Chapitre 1. Présentation générale de l Internet... 1 1. Vue d ensemble d Internet... 2 1.1. Introduction... 2 1.2. Définition de l Internet... 2

Plus en détail

Tutoriel Drupal version 7 :

Tutoriel Drupal version 7 : Tutoriel Drupal 7: Installation en local sous Windows 1 Tutoriel Drupal version 7 : Installation en local Sous Windows Tutoriel Drupal 7: Installation en local sous Windows 2 1. Logiciels nécessaires Drupal

Plus en détail

SQL Server 2008 Report Builder 2.0

SQL Server 2008 Report Builder 2.0 SQL Server 2008 Report Builder 2.0 Installation et utilisation de Report Builder 2.0 Dans le cadre de la création de rapports pour SQL Server Reporting Services 2008, un outil est disponible, Report Builder

Plus en détail

1 sur 5 10/06/14 13:10

1 sur 5 10/06/14 13:10 Time Machine est un outil proposé par Mac OS depuis sa version 10.5 (Leopard) et qui permet d'effectuer des sauvegardes de votre disque dur de manière régulière. Mais au-delà de la simple sauvegarde périodique,

Plus en détail

FAQ Trouvez des solutions aux problématiques techniques.

FAQ Trouvez des solutions aux problématiques techniques. FAQ Trouvez des solutions aux problématiques techniques. 1. Au lieu des livres numériques dont je m'attendais, j'ai téléchargé un fichier qui s'intitule «urllink.acsm». Où est le livre numérique? 2. Comment

Plus en détail

PHP 5.4 Développez un site web dynamique et interactif

PHP 5.4 Développez un site web dynamique et interactif Editions ENI PHP 5.4 Développez un site web dynamique et interactif Collection Ressources Informatiques Extrait 183 Chapitre 7 Gérer les formulaires 1. Vue d'ensemble Gérer les formulaires 1.1 Petit rappel

Plus en détail

Administration du site (Back Office)

Administration du site (Back Office) Administration du site (Back Office) A quoi sert une interface d'administration? Une interface d'administration est une composante essentielle de l'infrastructure d'un site internet. Il s'agit d'une interface

Plus en détail

Initiation à html et à la création d'un site web

Initiation à html et à la création d'un site web Initiation à html et à la création d'un site web Introduction : Concevoir un site web consiste à définir : - l'emplacement où ce site sera hébergé - à qui ce site s'adresse - le design des pages qui le

Plus en détail

Tutoriel d'introduction à TOR. v 1.0

Tutoriel d'introduction à TOR. v 1.0 Tutoriel d'introduction à TOR. v 1.0 1. Qu'est-ce que TOR 2. Quel est le principe de fonctionnement de TOR? 3. Comment utiliser TOR pour naviguer anonymement? 4. Comment aider (en seulement quelques clics)

Plus en détail

Manuel Utilisateur de l'installation du connecteur Pronote à l'ent

Manuel Utilisateur de l'installation du connecteur Pronote à l'ent de l'installation du connecteur Pronote à l'ent Page : 1/28 SOMMAIRE 1 Introduction...3 1.1 Objectif du manuel...3 1.2 Repères visuels...3 2 Paramétrage de la connexion entre l'ent et Pronote...4 2.1 Informations

Plus en détail

Je communique avec Skype

Je communique avec Skype Je communique avec Skype Support de formation des Médiathèques du Pays de Romans Site Internet Twitter MediaTechRomans Table des matières Présentation de Skype...2 Un logiciel pour être plus proche...

Plus en détail

UltraVNC, UltraVNC SC réglages et configurations

UltraVNC, UltraVNC SC réglages et configurations UltraVNC, UltraVNC SC réglages et configurations UltraVNC Serveur (réglages des paramètres d administration du module Serveur) L option «Accepte les connexions» est validée par défaut et toutes les autres

Plus en détail

Tutoriel d'utilisation du logiciel Thunderbird version 2.0

Tutoriel d'utilisation du logiciel Thunderbird version 2.0 Tutoriel d'utilisation du logiciel Thunderbird version 2.0 par Estyaah Tutoriel sur l'utilisation de Thunderbird 2.0 pour Windows Estyaah -1- Introduction 1 Présentation 2 Utilisation Basique 2-1 - Installation

Plus en détail

Note : Ce tutoriel a été réalisé sur GNU/Linux (Ubuntu) avec un serveur LAMP installé en local.

Note : Ce tutoriel a été réalisé sur GNU/Linux (Ubuntu) avec un serveur LAMP installé en local. Tutoriel d'utilisation de Chamilo Chamilo 1.8.6.2-1.8.7 Version Administrateur Note : Ce tutoriel a été réalisé sur GNU/Linux (Ubuntu) avec un serveur LAMP installé en local. Table des matières Le serveur...2

Plus en détail

Seafile, pour simplifier l'accès à ses fichiers, les partager et les synchroniser

Seafile, pour simplifier l'accès à ses fichiers, les partager et les synchroniser Seafile, pour simplifier l'accès à ses fichiers, les partager et les Accès : hors E.N.T. Direction Informatique Accès : hors E.N.T. Version : 2.3 Date : 20/05/2015 Editeur : Auteur(s) : Copyright : Licence

Plus en détail

EXTRANET STUDENT. Qu'est ce que Claroline?

EXTRANET STUDENT. Qu'est ce que Claroline? EXTRANET STUDENT http://extranet.arts2.be http://extranet.artsaucarre.be Les bases de l'utilisation de la plateforme Claroline, l'extranet d'arts² Qu'est ce que Claroline?... 1 Débuter... 2 Créer un compte...

Plus en détail

Tutoriel réalisé par luo. Version 1.0.0 du 22/02/14

Tutoriel réalisé par luo. Version 1.0.0 du 22/02/14 Tutoriel réalisé par luo du 22/02/14 Cette version est temporaire. De nombreuses corrections vont être effectuées dans les prochains jours. Pour toutes informations veuillez adresser un mail à l'auteur

Plus en détail

et Groupe Eyrolles, 2006, ISBN : 2-212-11747-7

et Groupe Eyrolles, 2006, ISBN : 2-212-11747-7 Tsoft et Groupe Eyrolles, 2006, ISBN : 2-212-11747-7 OEM Console Java OEM Console HTTP OEM Database Control Oracle Net Manager 6 Module 6 : Oracle Enterprise Manager Objectifs Contenu A la fin de ce module,

Plus en détail

Programmabilité du réseau avec l'infrastructure axée sur les applications (ACI) de Cisco

Programmabilité du réseau avec l'infrastructure axée sur les applications (ACI) de Cisco Livre blanc Programmabilité du réseau avec l'infrastructure axée sur les applications (ACI) de Cisco Présentation Ce document examine la prise en charge de la programmabilité sur l'infrastructure axée

Plus en détail

Aller plus loin avec Didapages

Aller plus loin avec Didapages Accompagnement à la pratique des TICE Les ATELIERS TICE du MERCREDI au CDDP de la VENDEE Aller plus loin avec Didapages Le contenu de cette présentation est soumis à la licence «Public Documentation Licence»

Plus en détail

Installation d'un serveur DHCP sous Windows 2000 Serveur

Installation d'un serveur DHCP sous Windows 2000 Serveur Installation d'un serveur DHCP sous Windows 2000 Serveur Un serveur DHCP permet d'assigner des adresses IP à des ordinateurs clients du réseau. Grâce à un protocole DHCP (Dynamic Host Configuration Protocol),

Plus en détail

Edutab. gestion centralisée de tablettes Android

Edutab. gestion centralisée de tablettes Android Edutab gestion centralisée de tablettes Android Résumé Ce document présente le logiciel Edutab : utilisation en mode enseignant (applications, documents) utilisation en mode administrateur (configuration,

Plus en détail

But de cette présentation

But de cette présentation Réseaux poste à poste ou égal à égal (peer to peer) sous Windows But de cette présentation Vous permettre de configurer un petit réseau domestique (ou de tpe), sans serveur dédié, sous Windows (c est prévu

Plus en détail

Rapport SQL Vincent Maréchal 3EI3-2009

Rapport SQL Vincent Maréchal 3EI3-2009 Rapport SQL Vincent Maréchal 3EI3-2009 Objectifs Les objectifs de ce cours ont été de découvrir les outils de web et la mise en ligne de fichiers sur un server ftp. De revoir les bases en html CSS et de

Plus en détail

Installation de Windows 2000 Serveur

Installation de Windows 2000 Serveur Installation de Windows 2000 Serveur Introduction Ce document n'explique pas les concepts, il se contente de décrire, avec copies d'écran, la méthode que j'utilise habituellement pour installer un Windows

Plus en détail

Gestion d'un parc informatique avec OCS INVENTORY et GLPI

Gestion d'un parc informatique avec OCS INVENTORY et GLPI GSB Gestion d'un parc informatique avec OCS INVENTORY et GLPI Inventaire d'un parc informatique Suite à la multiplication des matériels et des logiciels dans les locaux de GSB, le service Gestion exprime

Plus en détail

1 LES DIFFERENTS MODULES

1 LES DIFFERENTS MODULES Microsoft Office Outlook est un client de courrier électronique. La dernière version constitue une solution intégrée pour vous aider à mieux gérer votre temps et vos informations. Cette solution vous permettra

Plus en détail

CHAPITRE 1. Introduction aux web services. 1.1 Définition. Contenu du chapitre : Env. De dev. Langage Visual Studio Java EE Qt Creator C#

CHAPITRE 1. Introduction aux web services. 1.1 Définition. Contenu du chapitre : Env. De dev. Langage Visual Studio Java EE Qt Creator C# CHAPITRE 1 Introduction aux web services Contenu du chapitre : Env. De dev. Langage Visual Studio Java EE Qt Creator C# NetBeans JavaScript Eclipse Objective C Xcode PHP HTML Objectifs du chapitre : Ce

Plus en détail

Comment déplacer un site Joomla avec AKEEBABACKUP LA VIE PEUT ÊTRE PLUS FACILE AVEC AKEEBA

Comment déplacer un site Joomla avec AKEEBABACKUP LA VIE PEUT ÊTRE PLUS FACILE AVEC AKEEBA Comment déplacer un site Joomla avec AKEEBABACKUP Source de l'article : How to move a Joomla site with AKEEBA BACKUP Une des questions les plus courantes que nous entendons tout le temps, est de savoir

Plus en détail

< Atelier 1 /> Démarrer une application web

< Atelier 1 /> Démarrer une application web MES ANNOTATIONS SONT EN ROUGE : Axel < Atelier 1 /> Démarrer une application web Microsoft France Tutorial Découverte de ASP.NET 2.0 Sommaire 1 INTRODUCTION... 3 1.1 CONTEXTE FONCTIONNEL... 3 1.2 CONTEXTE

Plus en détail

A6 - HTTP ESIROI 2014-2015

A6 - HTTP ESIROI 2014-2015 A6 - HTTP ESIROI 2014-2015 HTTP HyperText Transfer Protocol Protocole synchrone 3 version : HTTP/0.9 (obsolète) HTTP/1.0 (rare) HTTP/1.1 HTTP - fonctionnement Requête Réponse Icones : http://www.visualpharm.com/

Plus en détail

1. Comment accéder à mon panneau de configuration VPS?

1. Comment accéder à mon panneau de configuration VPS? FAQ VPS Business Section 1: Installation...2 1. Comment accéder à mon panneau de configuration VPS?...2 2. Comment accéder à mon VPS Windows?...6 3. Comment accéder à mon VPS Linux?...8 Section 2: utilisation...9

Plus en détail

Introduction aux principes de la technologie Internet

Introduction aux principes de la technologie Internet 1 Introduction aux principes de la technologie Internet Je suis impliqué dans le commerce électronique depuis un bon bout de temps : j ai vendu des Casios dans les rues de New York! Il y a à peine quelques

Plus en détail

GUIDE DE DÉMARRAGE RAPIDE

GUIDE DE DÉMARRAGE RAPIDE GUIDE DE DÉMARRAGE RAPIDE Bienvenue dans SugarSync. Ce guide explique comment installer SugarSync sur votre ordinateur principal, configurer vos dossiers à synchroniser dans le cloud SugarSync. et utiliser

Plus en détail

Optimiser pour les appareils mobiles

Optimiser pour les appareils mobiles chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...

Plus en détail

Aide Utilisateur. Cellpass.fr

Aide Utilisateur. Cellpass.fr Aide Utilisateur Mise en place simple :... 2 Création d une ressource... 2 Installation du module... 5 Test fonction file OK... 7 temps de connexion < 1 seconde(s)... 7 Exemple d'installation PassUp pour

Plus en détail

Contrôle Parental Numericable. Guide d installation et d utilisation

Contrôle Parental Numericable. Guide d installation et d utilisation Contrôle Parental Numericable Guide d installation et d utilisation Version 12.3 pour OS X Copyright 2012 Xooloo. Tous droits réservés. Table des matières 1. Introduction Dénomination et caractéristiques

Plus en détail

Formation. Module WEB 4.1. Support de cours

Formation. Module WEB 4.1. Support de cours Formation Module WEB 4.1 Support de cours Rédacteur Date de rédaction F.CHEA 08/02/2012 Les informations contenues dans ce document pourront faire l'objet de modifications sans préavis Sauf mention contraire,

Plus en détail

Que désigne l'url donnée au navigateur?

Que désigne l'url donnée au navigateur? Que désigne l'url donnée au navigateur? http://www-poleia.lip6.fr/~jfp/istm/tp6/index.html Le protocole : pourquoi? Parce que la manière d'indiquer une adresse dépend du service postal utilisé... Le serveur

Plus en détail

FORMATION / CREATION DE SITE WEB / 4 JOURNEES Sessions Octobre 2006

FORMATION / CREATION DE SITE WEB / 4 JOURNEES Sessions Octobre 2006 I. INTRODUCTION 1. Présentation du formateur et des élèves 2. Historique internet : d'où ça vient a. Historique général : 3 étapes majeures 1. l'histoire de l'informatique débute en 1942 avec la première

Plus en détail

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

Failles XSS : Principes, Catégories Démonstrations, Contre mesures HERVÉ SCHAUER CONSULTANTS Cabinet de Consultants en Sécurité Informatique depuis 1989 Spécialisé sur Unix, Windows, TCP/IP et Internet Séminaire 15 ans HSC Failles XSS : Principes, Catégories Démonstrations,

Plus en détail

Table des matières. 1 À propos de ce manuel...5 1.1 Icônes utilisées dans ce manuel... 5. 1.2 Public visé... 5. 1.3 Commentaires...

Table des matières. 1 À propos de ce manuel...5 1.1 Icônes utilisées dans ce manuel... 5. 1.2 Public visé... 5. 1.3 Commentaires... Manuel utilisateur Table des matières 1 À propos de ce manuel...5 1.1 Icônes utilisées dans ce manuel... 5 1.2 Public visé... 5 1.3 Commentaires... 5 2 Généralités sur les applications web... 7 3 Module

Plus en détail

Préparation à l installation d Active Directory

Préparation à l installation d Active Directory Laboratoire 03 Étape 1 : Installation d Active Directory et du service DNS Noter que vous ne pourrez pas réaliser ce laboratoire sans avoir fait le précédent laboratoire. Avant de commencer, le professeur

Plus en détail

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

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des

Plus en détail