M41B2 Technologies Javascript
|
|
|
- Émilie Juneau
- il y a 7 ans
- Total affichages :
Transcription
1 M41B2 Technologies Javascript AngularJS / NodeJS TD 3 (suite) Jérôme Landré jerome.landre@univ-reims.fr bureau C203 (GMP) DUT Métiers du Multimédia et de l'internet I.U.T. de Troyes Université de Reims Champagne-Ardenne
2 Plan I- Charger un fichier de données II- Les routes III- Les routes avec paramètre(s) IV- Créer ses propres directives 2
3 I- Charger un fichier de données 3
4 Charger un fichier de données Angular possède un système de récupération de données par une URL : $http On va créer un fichier JSON «data.json» contenant des données 4
5 Charger un fichier de données On peut télécharger le fichier directement depuis le bouton «Upload» puis «Download» : Le fichier «data.json» se trouve sur ma page perso! 5
6 Charger un fichier de données index.html <!DOCTYPE html> <html ng-app="monappli"> <head> <meta charset="utf-8" /> <title>charger un fichier</title> <script src="../angular.min.js"></script> <script src="contact_module.js"></script> </head> <body ng-controller="contactctrl"> <h1>charger un fichier de données avec AngularJS</h1> <div>vous avez {{taillecontacts()}} contacts dans votre répertoire :<br /> <ul><li ng-repeat="personne in contacts"> {{personne.index}} {{personne.prenom}} {{personne.nom}}, tél. : {{personne.tel}}</li></ul> </div> </body> </html> contact_module.js var app = angular.module('monappli',[]); app.controller('contactctrl',['$scope','$http', function ($scope,$http) { $http.get('data.json').success(function (data){ $scope.contacts=data; }), $scope.taillecontacts = function() { return ($scope.contacts.length); }; }]); 6
7 Charger un fichier de données On obtient : 7
8 II- Les routes 8
9 Les routes Angular possède un système de sélection des pages HTML affichées en fonction de l'url : les routes Pour utiliser les routes, il faut charger le package «route.min.js» depuis la page d'accueil d'angular JS 9
10 Les routes Une fois ce module récupéré, il faut l'insérer dans le code source <!DOCTYPE html> <html ng-app="monappli"> <head> <meta charset="utf-8" /> <title>charger un fichier</title> <script src="../angular.min.js"></script> <script src="../angular-route.min.js"></script> <script src="contact_module_02.js"></script> </head> <body ng-controller="contactctrl"> <h1>utiliser des routes avec AngularJS</h1> <div ng-view /> </body> </html> 10
11 Les routes Une fois ce module récupéré, il faut l'insérer dans le code source ET modifier le fichier de module var app = angular.module('monapp', ['ngroute']); app.config(['$routeprovider', function($routeprovider) { $routeprovider.when('/', {templateurl:'vues/accueil.html'}).when('/details', {templateurl:'vues/details.html'}).otherwise({redirectto:'/'}); }]); On va injecter le module ngroute dans notre application (injection de dépendances) On va configurer les routes grâce à une fonction et injecter la variable $routeprovider dedans On va associer les chemins aux routes grâce à when 11
12 Les routes Pour mettre en oeuvre les routes, on va prendre une page HTML principale et deux pages simplifiées accessibles par des routes Page principale «index.html» : <!DOCTYPE html> <html ng-app="monappli"> <head> <meta charset="utf-8" /> <title>charger un fichier</title> <script src="../angular.min.js"></script> <script src="../angular-route.min.js"></script> <script src="contact_module_02.js"></script> </head> <body ng-controller="contactctrl"> <h1>utiliser des routes avec AngularJS</h1> <div ng-view /> </body> </html> 12
13 Les routes Définition des contrôleurs et des routes Fichier «contact_module_02.js» : var app = angular.module('monappli',['ngroute']); app.config(['$routeprovider', function($routeprovider) { $routeprovider.when('/', {templateurl:'vues/accueil.html'}).when('/details', {templateurl:'vues/details.html'}).otherwise({redirectto:'/'}); }]); app.controller('contactctrl',['$scope','$http', function ($scope,$http) { $http.get('data.json').success(function (data){ $scope.contacts=data; }), $scope.taillecontacts = function() { return ($scope.contacts.length); }; }]); 13
14 Les routes Vues des contacts sous la forme d'une liste Fichier «vues/accueil.html» <div> Vous avez {{taillecontacts()}} contacts dans votre répertoire :<br /> <ul> <li ng-repeat="personne in contacts"> {{personne.index}} <a href="#/details">{{personne.prenom}} {{personne.nom}}</a>, tél. : {{personne.tel}} </li> </ul> </div> 14
15 Les routes Vues des contacts sous la forme d'une liste Fichier «vues/details.html» <div> Vous avez {{taillecontacts()}} contacts dans votre répertoire :<br /> <ul> <li ng-repeat="personne in contacts"> {{personne.index}} {{personne.prenom}} {{personne.nom}}, genre : {{personne.genre}}, age : {{personne.age}}, {{personne. }}, adr. : {{personne.adr}}, tél. : {{personne.tel}}, </li> </ul> </div> 15
16 Les routes Ce qui donne : accueil.html details.html 16
17 III- Les routes avec paramètre(s) 17
18 Les routes Si on veut en plus n'accéder qu'à un seul contact lorsqu'on suit le lien correspondant, il faut ajouter un paramètre aux routes Page principale «index.html» : <!DOCTYPE html> <html ng-app="monappli"> <head> <meta charset="utf-8" /> <title>charger un fichier</title> <script src="../angular.min.js"></script> <script src="../angular-route.min.js"></script> <script src="contact_module_03.js"></script> </head> <body ng-controller="contactctrl"> <h1>utiliser des routes avec AngularJS</h1> <div ng-view /> </body> </html> 18
19 Les routes Définition des contrôleurs et des routes Fichier «contact_module_03.js» : var app = angular.module('monappli',['ngroute']); app.config(['$routeprovider', function($routeprovider) { $routeprovider.when('/', {templateurl:'vues2/accueil.html'}).when('/details/:id', {templateurl:'vues2/details.html'}).when('/details/0', {templateurl:'vues2/details.html'}).otherwise({redirectto:'/'}); }]); app.controller('contactctrl',['$scope','$http', function ($scope,$http) { $http.get('data.json').success(function (data){ $scope.contacts=data; }), $scope.taillecontacts = function() { return ($scope.contacts.length); }; }]); app.controller('viewcontroller',['$scope','$routeparams', function ($scope, $routeparams) { $scope.personne=$scope.contacts[$routeparams.id]; }]); 19
20 Les routes Vues des contacts sous la forme d'une liste Fichier «vues/accueil.html» <div> Vous avez {{taillecontacts()}} contacts dans votre répertoire :<br /> <ul> <li ng-repeat="personne in contacts"> {{personne.index}} <a href="#/details/{{personne.index}}"> {{personne.prenom}} {{personne.nom}} </a>, tél. : {{personne.tel}} </li> </ul> </div> 20
21 Les routes Vues des contacts sous la forme d'une liste Fichier «vues/details.html» <div ng-controller="viewcontroller"> <ul> <li> {{personne.index}} {{personne.prenom}} {{personne.nom}}, genre : {{personne.genre}}, age : {{personne.age}}, {{personne. }}, adr. : {{personne.adr}}, tél. : {{personne.tel}}, </li> </ul> <a href="#/">retour à l'accueil</a> </div> 21
22 Les routes Ce qui donne : accueil.html details.html 22
23 III- Créer ses propres directives 23
24 Créer ses propres directives Angular JS permet de créer (assez simplement de nouvelles directives personnalisées) <!DOCTYPE html> <html ng-app="monappli"> <head> <meta charset="utf-8" /><title>charger un fichier</title> <script src="../angular.min.js"></script><script src="contact_module_04.js"></script> </head> <body ng-controller="contactcontroller"> <h1>mes contacts</h1> <ul> <li ng-repeat="personne in contacts"> {{personne.prenom}} {{personne.nom}}, tél. {{personne.tel}} </li> </ul> </body> </html> var app = angular.module('monappli',[]); app.controller('contactcontroller',['$scope','$http', function ($scope,$http) { $http.get('data.json').success(function (data){ $scope.contacts=data; }), $scope.taillecontacts = function() { return ($scope.contacts.length); }; }]); 24
25 Créer ses propres directives On veut simplifier le code, on va créer une nouvelle directive pour remplacer le titre : var app = angular.module('monappli',[]); app.directive('montitre', function() { return { template:'<h1>mes contacts</h1>' }; }); app.controller('contactcontroller',['$scope','$http', function ($scope,$http) { $http.get('data.json').success(function (data){ $scope.contacts=data; }), $scope.taillecontacts = function() { return ($scope.contacts.length); }; }]); 25
26 Créer ses propres directives On va utiliser la nouvelle directive directement dans le code : <!DOCTYPE html> <html ng-app="monappli"> <head> <meta charset="utf-8" /><title>charger un fichier</title> <script src="../angular.min.js"></script><script src="contact_module_04.js"></script> </head> <body ng-controller="contactcontroller"> <div mon-titre></div> <ul> <li ng-repeat="personne in contacts"> {{personne.prenom}} {{personne.nom}}, tél. : {{personne.tel}} </li> </ul> </body> </html> 26
27 Exercice Il faut créer une nouvelle balise ma-liste qui remplace l'affichage de la liste (dans un fichier externe «maliste.html») : var app = angular.module('monappli',[]); app.directive('montitre', function() { return { template:'<h1>mes contacts</h1>' }; }); app.directive(' ', function() { return { TemplateUrl:' ' }; }); app.controller('contactcontroller',['$scope','$http', function ($scope,$http) { $http.get('data.json').success(function (data){ $scope.contacts=data; }), $scope.taillecontacts = function() { return ($scope.contacts.length); }; }]); 27
28 Exercice Contenu du fichier «maliste.html» : 28
29 Restriction de directive On peut appliquer une restriction sur une nouvelle directive en ajoutant la clé «restrict» : var app = angular.module('monappli',[]); app.directive('montitre', function() { return { restrict:'e', template:'<h1>mes contacts</h1>' }; }); <!DOCTYPE html> <html ng-app="monappli"> <head> <meta charset="utf-8" /><title>charger un fichier</title> <script src="../angular.min.js"></script><script src="contact_module_04.js"></script> </head> <body ng-controller="contactcontroller"> <mon-titre></mon-titre> <ul> <li ng-repeat="personne in contacts"> {{personne.prenom}} {{personne.nom}}, tél. : {{personne.tel}} </li> </ul> </body> </html> 29
30 Restriction de directive On peut appliquer une restriction sur une nouvelle directive en ajoutant la clé «restrict» : var app = angular.module('monappli',[]); app.directive('montitre', function() { return { restrict:'a', template:'<h1>mes contacts</h1>' }; }); <!DOCTYPE html> <html ng-app="monappli"> <head> <meta charset="utf-8" /><title>charger un fichier</title> <script src="../angular.min.js"></script><script src="contact_module_04.js"></script> </head> <body ng-controller="contactcontroller"> <div mon-titre></div> <ul> <li ng-repeat="personne in contacts"> {{personne.prenom}} {{personne.nom}}, tél. : {{personne.tel}} </li> </ul> </body> </html> 30
31 Restriction de directive On peut appliquer une restriction sur une nouvelle directive en ajoutant la clé «restrict» : var app = angular.module('monappli',[]); app.directive('montitre', function() { return { restrict:'c', template:'<h1>mes contacts</h1>' }; }); <!DOCTYPE html> <html ng-app="monappli"> <head> <meta charset="utf-8" /><title>charger un fichier</title> <script src="../angular.min.js"></script><script src="contact_module_04.js"></script> </head> <body ng-controller="contactcontroller"> <div class="mon-titre"></div> <ul> <li ng-repeat="personne in contacts"> {{personne.prenom}} {{personne.nom}}, tél. : {{personne.tel}} </li> </ul> </body> </html> 31
32 Avez-vous des questions? 32
Serveur d'application Client HTML/JS. Apache Thrift Bootcamp
Serveur d'application Client HTML/JS Apache Thrift Bootcamp Pré-requis La liste ci-dessous de logiciels doit être installée et opérationnelle sur la machine des participants : Compilateur thrift http://thrift.apache.org/
Démonstration de la mise en cache via HTML 5 sur iphone
Last update: 2011/08/18 21:46 wiki:devmobile:webapp:html5:presentation Démonstration de la mise en cache via HTML 5 sur iphone Overview Parmi les nouveautés du HTML 5, l une d elles est très intéressent
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
Programmation Internet Cours 4
Programmation Internet Cours 4 Kim Nguy ên http://www.lri.fr/~kn 17 octobre 2011 1 / 23 Plan 1. Système d exploitation 2. Réseau et Internet 3. Web 3.1 Internet et ses services 3.1 Fonctionnement du Web
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
Master1 ère année. Réseaux avancés I. TP nº5 filière ISICG
Master1 ère année Réseaux avancés I TP nº5 filière ISICG Utilisation de la microplateforme Bottle et du framework AngularJS La «micro web-framework» Bottle pour Python Les principales caractèristiques
Un jour, une question Réponse à une problématique issue de la liste GTA *
Un jour, une question Réponse à une problématique issue de la liste GTA * GTA* : Groupe de Travail AccessiWeb LE NIVEAU D ACCESSIBILITÉ DES BOUTONS DE PARTAGE DE CONTENU DES RÉSEAUX SOCIAUX Victor Brito
FTP : File TRansfer Protocol => permets d envoyer des gros fichiers sur un serveur (ou de télécharger depuis le serveur)
Publication par FTP FTP : File TRansfer Protocol => permets d envoyer des gros fichiers sur un serveur (ou de télécharger depuis le serveur) Logiciels FTP nombreux (FileZilla, CuteFTP, WinSCP, FTP Expert).
GOOGLE ANALYTICS. Ajout du code de suivi sur PowerBoutique. Ajout du code de suivi Google Analytics. Page 1 / 7 TUTO / GOOGLE ANALYTICS
Ajout du code de suivi Google Analytics Page 1 / 7 I. Création du compte sur Google Analytics 1. Connectez-vous à www.google.fr 2. Entrez «Google Analytics» dans la barre de recherche. 3. Cliquez sur le
RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado
- RAPPORT AUDIT SEO Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado 17 septembre 2013 Table des matières Optimisation structurelle 2 Optimisation des standards, performances et
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»?
TD HTML AVEC CORRECTION
TD HTML AVEC CORRECTION On utilisera Notepad++ comme éditeur sur Windows Vous créez un répertoire www sous vos répertoires personnels et vous mettrez vos pages dedans. Créez vos fichiers HTML et n oubliez
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...
Pack Fifty+ Normes Techniques 2013
Pack Fifty+ Normes Techniques 2013 Nos formats publicitaires par site 2 Normes techniques 2013 Display classique Pavé vidéo Footer Accueil panoramique Publi rédactionnel Quiz Jeu concours Emailing dédié
HTML, CSS, JS et CGI. Elanore Elessar Dimar
HTML, CSS, JS et CGI Elanore Elessar Dimar Viamen GPAs Formation, 13 avril 2006 Sommaire Qu est-ce que HTML? HTML : HyperText Marckup Language XML : extensible Marckup Language Qu est-ce que HTML? HTML
KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.
KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html
Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013
Exemple d utilisation du gestionnaire de conception Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013 6, rue de l Etang, L-5326
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
Créer une «application web» avec AngularJS, nodejs et mongodb v110813 Brouillon
Créer une «application web» avec AngularJS, nodejs et mongodb v110813 Brouillon Ce texte est sous licence Creative Commons Attribution - Partage dans les Mêmes Conditions 4.0 International. Pour accéder
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
HTML. Notions générales
1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS
Document Object Model (DOM)
Document Object Model (DOM) Jean-Claude Charr Maître de conférences IUT de Belfort Montbéliard Université de Franche Comté Description générale Définit un standard pour accéder aux documents structurés
PPE Installation d un serveur FTP
Introduction : Tout au long de ce tutorial nous allons créer un serveur FTP, commençons tout d abord à voir ce qu est un serveur FTP. File Transfer Protocol (protocole de transfert de fichiers), ou FTP,
{less} Guide de démarrage
{less Guide de démarrage Pré requis L'utilisation d'un pré processeur css nécessite son installation préalable. Vous pouvez choisir de tout installer du coté du serveur ou du coté du client. Votre site
21 mars 2012. Simulations et Méthodes de Monte Carlo. DADI Charles-Abner. Objectifs et intérêt de ce T.E.R. Générer l'aléatoire.
de 21 mars 2012 () 21 mars 2012 1 / 6 de 1 2 3 4 5 () 21 mars 2012 2 / 6 1 de 2 3 4 5 () 21 mars 2012 3 / 6 1 2 de 3 4 5 () 21 mars 2012 4 / 6 1 2 de 3 4 de 5 () 21 mars 2012 5 / 6 de 1 2 3 4 5 () 21 mars
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
SYSTÈMES D INFORMATIONS
SYSTÈMES D INFORMATIONS Développement Modx Les systèmes de gestion de contenu Les Content Management Système (CMS) servent à simplifier le développement de sites web ainsi que la mise à jour des contenus.
Thème : Création, Hébergement et référencement d un site Web
Formation au profit des enseignants de l'université Ibn Zohr Thème : Création, Hébergement et référencement d un site Web Omar El Kharki & Jamila Mechbouh http://perso.menara.ma/~elkharki/ Ou bien http://www.elkharki.africa-web.org/
AngularJS pour une application d'entreprise
AngularJS pour une application d'entreprise SAVOIR FAIRE SERIAL Jean-Philippe Laurent Responsable pôle Web Benoit Charpié-Pruvost Expert AngularJS 18 juin 2015 BRINGING THE HUMAN TOUCH TO TECHNOLOGY BRINGING
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
Informatique : Création de site Web Master 2 ANI TP 1
Informatique : Création de site Web Master 2 ANI TP 1 Objectifs du TP : créer des pages Web en HTML EXERCICE I : AFFICHAGE DE DOCUMENT HTML 1. Ouvrez le bloc-note, recopiez-y le document suivant :
Module BD et sites WEB
Module BD et sites WEB Cours 8 Bases de données et Web Anne Doucet Anne.Doucet@lip6.fr 1 Le Web Architecture Architectures Web Client/serveur 3-tiers Serveurs d applications Web et BD Couplage HTML-BD
DOM - Document Object Model
DOM - Document Object Model 1 But de DOM Interfacer les langages de programmation avec les documents XML en les associant avec un modèle orienté objet DOM permet aux programmes et scripts : d'accéder et
Normes techniques 2011
Normes techniques 2011 Display classique Formats Livrables Footer p 2 p 3 p 4 Opérations spéciales Publi-rédactionnel Jeu concours Quiz Lien partenaire Habillage Accueil panoramique Sponsoring de rubrique
Configuration de TCPIPconfig.h
AVANT DE COMMENCER LIRE EN DETAIL L APPLICATION MICROCHIP AN833. (L application MICROCHIP AN1120 est un excellent cours sur le protocole TCP-IP, qu il est indispensable de connaitre avant de fabriquer
Les solutions de paiement CyberMUT (Crédit Mutuel) et P@iement CIC. Qui contacter pour commencer la mise en place d une configuration de test?
Les solutions de paiement CyberMUT (Crédit Mutuel) et P@iement CIC Qui contacter pour commencer la mise en place d une configuration de test? CyberMUT Paiement - Paiement CIC Commerce Electronique mailto:centrecom@e-i.com
Attaques de type. Brandon Petty
Attaques de type injection HTML Brandon Petty Article publié dans le numéro 1/2004 du magazine Hakin9 Tous droits reservés. La copie et la diffusion de l'article sont admises à condition de garder sa forme
Panel des technologies Web
Panel des technologies Web pierre.jean@mines-ales.fr version 0.14 Objectif Un panorama des technologies Web pour comprendre leurs positionnements et leurs utilisations Questions Evaluation Sommaire Avant
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.
Séance d ED n 5 : HTML et JavaScript
Séance d ED n 5 : HTML et JavaScript EXERCICE 1 1) le but de cet exercice est de construire l'interface suivante en html: une réponse : 1)
VTX FTP. Transfert de fichiers business par FTP - Manuel de l'utilisateur. Informations complémentaires : www.vtx.ch. info@vtx.
VTX FTP Transfert de fichiers business par FTP - Manuel de l'utilisateur Informations complémentaires : www.vtx.ch info@vtx.ch 021/721 11 11 Table des matières 1 Introduction...3 1.1 But du document...3
Créer une connexion entre Sage CRM et Sage Etendue pour émettre directement des devis et commandes
Créer une connexion entre Sage CRM et Sage Etendue pour émettre directement des devis et commandes Produits concernés : Sage 100 CRM i7, Sage 100 Etendue. L objectif Créer un lien entre Sage CRM et Sage
Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org
Les sites Internet dynamiques contact : Patrick VINCENT pvincent@erasme.org Qu est-ce qu un site Web? ensemble de pages multimédia (texte, images, son, vidéo, ) organisées autour d une page d accueil et
Gestion Électronique de Documents et XML. Master 2 TSM
Gestion Électronique de Documents et XML Master 2 TSM I n t r o d u c t i o n Les formats de données F o r m a t s d e d o n n é e Format de donnée : manière de représenter des informations dans un document
HTML/CSS - Travaux Pratiques 2
HTML/CSS - Travaux Pratiques 2 Le but de ces séances de TP est de se familiariser avec le format HTML et les feuilles de style CSS pour la création de pages web. Pour cela, vous utiliserez emacs sous Linux
Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs.
Le framework YUI et le développement 4D Par Olivier DESCHANELS, Responsable Programme 4D S.A. Note technique 4D-201004-08-FR Version 1 - Date 1 avril 2010 Résumé Dans la présente note technique, nous allons
MESVISITEURSPRO.COM. TUTO : Comment intégrer Google Analytics à mon site?
MESVISITEURSPRO.COM TUTO : Comment intégrer Google Analytics à mon site? Comment intégrer Google Analytics à mon site? Page Sommaire Bienvenue dans notre guide d'installation pour Google Analytics.
Pratique et administration des systèmes
Université Louis Pasteur Licence Informatique (L2) UFR de Mathématiques et Informatique Année 2007/2008 1 But du TP Pratique et administration des systèmes TP10 : Technologie LAMP Le but de ce TP est de
1 / Introduction. 2 / Gestion des comptes cpanel. Guide débuter avec WHM. 2.1Créer un package. 2.2Créer un compte cpanel
Guide débuter avec WHM 1 / Introduction WHM signifie Web Host Manager (ou gestionnaire d'hébergement web). WHM va donc vous permettre de gérer des comptes d'hébergement pour vos clients. (création de compte,
Notes pour l utilisation d Expression Web
EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface
Failles des applications Web. Ce document est extrait du travail de diplôme de M. DIZON dans l état.
Failles des applications Web Ce document est extrait du travail de diplôme de M. DIZON dans l état. 1 Introduction...1 2 Contournement de validation javascript...2 2.1 Introduction...2 2.2 Principe de
SERVEUR WEB. Christian Dupaty BTS Systèmes Numériques Lycée Fourcade Gardanne Académie d Aix Marseille
SERVEUR WEB Christian Dupaty BTS Systèmes Numériques Lycée Fourcade Gardanne Académie d Aix Marseille 1) TP : Serveur WEB L ordinateur Raspberry Pi est connecté en réseau par un connecteur Ethernet et/ou
Comment créer un site web Proxy gratuitement!
Comment créer un site web Proxy gratuitement! Author : soufiane Bonjour, Cherchez-vous comment créer un site web proxy gratuitement? Voulez-vous naviguer sur le web en anonymat totale en utilisant votre
Introduction. Passage de sites statiques à des sites dynamiques
PHP (ET MYSQL) Introduction HTML : pages destinées à être publiées sur Internet Texte à afficher + instructions de mise en page Pas d instructions de calcul ou de traitements conditionnels Des sites de
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...
Internet. DNS World Wide Web. Divers. Mécanismes de base Exécution d'applications sur le web. Proxy, fire-wall
Internet DNS World Wide Web Mécanismes de base Exécution d'applications sur le web Divers Proxy, fire-wall 1 Les services usuels de l Internet Services principaux (applications) disponibles sur l Internet
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
Extended communication server 4.1 : VoIP SIP service- Administration
Extended communication server 4.1 : VoIP SIP service- Administration Mai, 2008 Alcatel-Lucent Office Offer - All Rights Reserved Alcatel-Lucent 2007 Ce document explique comment configurer le Service VOIP-SIP
Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement
Guillaume HARRY l Contenu sous licence Creative Commons CC-BY-NC-ND Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement P. 2 1. Introduction 2.
Introduction. PHP = Personal Home Pages ou PHP Hypertext Preprocessor. Langage de script interprété (non compilé)
Introduction PHP = Personal Home Pages ou PHP Hypertext Preprocessor Langage de script interprété (non compilé) Plan Avantages Fonctionnement interne Bases du langage Formulaires Envoi d un email Avantages
Formulaire pour envoyer un mail
Formulaire pour envoyer un mail AVERTISSEMENT : Ce tuto est une compilation de plusieurs sources trouvées sur internet, dont les références sont données à la fin de cet article. Le but de ce tutoriel n'est
Déploiement des manuels numériques sur tablette. Mode d emploi intégrateur / administrateur
Déploiement des manuels numériques sur tablette Mode d emploi intégrateur / administrateur Table des matières Introduction... 3 Etape 1 : récupération de l application sur les stores... 3 Etape 2 : création
Dans nos locaux au 98 Route de Sauve 30900 NÎMES. Un ordinateur PC par stagiaire, scanner, imprimante/copieur laser couleur
FORMATION FORFAIT WEB DEVELOPPEUR Qualification ISQ OPQF Formacode 46 125 Certification de titre professionnel Web Designer + modules optionnels : Développement PHP/MySQL avancé, Web App, CMS e-boutique
1. accéder aux fichiers partagés
Page "SEL/JEU MEMO : les échanges sans argent" : tutoriels http://memo.communityforge.net/tutoriels_menu page Cloud_orange du SEL/JEU MEMO https://share.orange.fr/#aagmrxfte915013d9008 1. accéder aux fichiers
Projet en nouvelles technologies de l information et de la communication
Projet en nouvelles technologies de l information et de la communication Site Web universitaire du Prof. Jacques Moeschler. Nono Steeve Semestre de printemps 2013 Sous la direction du Prof Luka Nerima
MANUEL D INSTALLATION D UN PROXY
MANUEL D INSTALLATION D UN PROXY Squid, SquidGuard, Dansguardian Dans ce guide on va détailler l installation et la configuration d une solution proxy antivirale en utilisant les outils ; squid, dansguardian,
Académie Google AdWords
Académie Google AdWords Bordeaux, 15 Octobre 2009 Google Analytics Olivia Marien Agenda 1 Introduction Google Analytics 2 Fonctionnalités 3 Intégration 4 Best practices 2 Introduction Description Google
INTRODUCTION A JAVA. Fichier en langage machine Exécutable
INTRODUCTION A JAVA JAVA est un langage orienté-objet pur. Il ressemble beaucoup à C++ au niveau de la syntaxe. En revanche, ces deux langages sont très différents dans leur structure (organisation du
PLUGINS Guide du Développeur STEPHANE FERRARI. P l u X m l 5.4
PLUGINS Guide du Développeur STEPHANE FERRARI P l u X m l 5.4 Table des matières Présentation de PluXml...5 Principales caractéristiques...5 Pré-requis...6 Procédure d'installation...6 Procédure de mise
L envoi d un formulaire par courriel. Configuration requise... 236 Mail Texte... 237 Mail HTML... 242 Check-list... 248
L envoi d un formulaire par courriel Configuration requise... 236 Mail Texte... 237 Mail HTML... 242 Check-list... 248 Chapitre 9 L envoi d un formulaire par courriel L envoi par courriel d informations
Technologies Web avancées. ING1 SIGL Technologies Web avancées
ING1 SIGL Technologies Web avancées Olivier Pons / 2013-2014 Objectif Comprendre globalement le Web Sommaire 1. Rappel Web 2. État de l'art 3. Solutions actuelles 2 / 28 1 Rappel Web 1a. HTML HTML dans
IPHONE BANNIÈRE CLASSIQUE DIMENSIONS. Standard : 320 x 53 (portrait) 20Ko Jpeg/Gif/Png. HD : 640 x 106 (portrait) 20Ko Jpeg/Gif/Png DESCRIPTION
IPHONE BANNIÈRE CLASSIQUE DIMENSIONS Standard : 320 x 53 (portrait) 20Ko Jpeg/Gif/Png HD : 640 x 106 (portrait) 20Ko Jpeg/Gif/Png DESCRIPTION Format publicitaire très répandu et simple Permet une présence
Les grandes facettes du développement Web Nicolas Thouvenin - Stéphane Gully
Les grandes facettes du développement Web Qui sommes nous? Nicolas Thouvenin Stéphane Gully Projets Web depuis 2000 LAMP, NodeJS HTML, CSS, jquery
Initiation aux techniques du Web. Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr
Initiation aux techniques du Web Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr La balise Intégrer un élément ou un fichier externe (video, audio, flash, pdf ). Le support
COMPRENDRE L ARCHITECTURE DES WEB SERVICES REST. Amosse EDOUARD, Doctorant
COMPRENDRE L ARCHITECTURE DES WEB SERVICES REST Amosse EDOUARD, Doctorant Organisation Cours Magistral 24/11/2014 26/11/2014 01/12/2014 Travaux Dirigés 26/11/2014 28/11/2014 01/11/2014 08/11/2014 Evaluation
Administration du Client Web
Le Serveur de Communication IceWarp Administration du Client Web Version 10.4 Octobre 2012 Icewarp France / DARNIS Informatique i Sommaire Administration du Client Web 2 Introduction... 2 Installation
Les sites web avec NVU
Les sites web avec NVU Table Des Matières Les sites web avec NVU Les bases du web Les protocoles réseaux Le Web Uniform Resource Locator Recherche d'informations Création et gestion d un site Web Utiliser
TIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web
Réseau informatique TIC TC - IUT Montpellier Internet et le Web Ensemble d'ordinateurs reliés entre eux et échangeant des informations sous forme de données numériques But : Rendre disponible l information
Spétechs Mobile. D e r n i è r e m i s e à j o u r : a o û t 2014
Spétechs Mobile D e r n i è r e m i s e à j o u r : a o û t 2014 Généralités Envoi des créas à Amandine Canu, responsable traffic mobile : acanu@hi-media.com Mettre en copie de votre e-mail votre contact
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
Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles
Mission TICE - académie de Versailles 7 nov. 2008 Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles Anne-Cécile Franc Mission TICE académie de Versailles
workshop javascript crm
workshop javascript crm MATTHIEU THIÉVENT THIBAULT LEPORÉ _ OCTOBRE 2014 conditions &planning planning prévisionnel Mardi 30 / 09 matin Mardi 30 / 09 après-midi Mercredi 01 / 10 matin Mercredi 01 / 10
Sommaire Accès via un formulaire d'identification... 4 Accès en mode SSO... 5 Quels Identifiant / mot de passe utiliser?... 6
Sommaire Accès via un formulaire d'identification... 4 Accès en mode SSO... 5 Quels Identifiant / mot de passe utiliser?... 6 2 І O2S Intégration O2S dans un site Internet Ce document présente une description
Support Google Analytics - 1 / 22 -
Support Google Analytics - 1 / 22 - Google Analytics Ce document est publié sous licence Creative Commons CC-BY-NC-ND 2.0. Il ne peut ni être modifié, ni faire l objet d une exploitation commerciale par
Logiciels de référencement
Outils Logiciels de référencement Afin de contrôler la qualité de son référencement, d optimiser et d améliorer son positionnement, il peut être utile d utiliser des outils couvrant tout ou partie du référencement.
.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15
.. CSS Damien Nouvel Damien Nouvel (Inalco) CSS 1 / 15 Feuilles de styles Plan 1. Feuilles de styles 2. Sélecteurs 3. Attributs Damien Nouvel (Inalco) CSS 2 / 15 Feuilles de styles Déportation des styles
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
Modules Prestashop - ExportCatalogue / EXPORT IMPORT POUR MODIFICATIONS EN MASSE DANS PRESTASHOP VERSION 2.0. 1 - Optim'Informatique
IMPORT / EXPORT POUR MODIFICATIONS EN MASSE DANS PRESTASHOP VERSION 2.0 1 - Optim'Informatique Installation INSTALLATION Pour installer le module ExportProduits copier le répertoire exportcatalogue dans
Galaxy est une plateforme de traitements (bio)informatiques accessible depuis l'url : (en précisant votre login et mot de passe LDAP «genotoul»).
Galaxy est une plateforme de traitements (bio)informatiques accessible depuis l'url : (en précisant votre login et mot de passe LDAP «genotoul»). http://galaxy-workbench.toulouse.inra.fr/ Quelque soit
Utilisation de Jakarta Tomcat
ISI 1022 : Déploiement d applications Web Jean-Noël Sorenti. Année 2002/2003 Déploiement d application Web Utilisation de Jakarta Tomcat ISI 1022 : 1 ISI 1022 : Déploiement d applications Web Une application
TP3-2 CONSTRUISEZ VOTRE PREMIER SERVICE AZURE
TP3-2 CONSTRUISEZ VOTRE PREMIER SERVICE AZURE Table des matières TP3-2 Construisez votre premier service Azure... 1 Construisez votre premier service Azure... 2 Mise en place des outils de développement...
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
Play.Rules Return. Contents. October 18, 2012. 1 Remerciements 2
Play.Rules Return October 18, 2012 Contents 1 Remerciements 2 2 Préface 3 2.1 Objectifs................................ 3 2.2 Qui sommes-nous?.......................... 3 2.3 Dédicaces...............................
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
Comment créer son propre monitoring. (Version simple PHP)
Comment créer son propre monitoring. (Version simple PHP) TUTORIELS Louis Foraux DROID CENTER HTTP://DROID CENTER.TK Table des matières Présentation du projet... 2 Crédits... 2 Utilisation... 2 Infos Utiles...
Tutoriel pour la création d'un Google Sites
Créer un site web gratuitement avec Google Sites Le site des tutoriels Google Sites, pour créer gratuitement un site Google, trucs et astuces, best practice et info technique pour Google Sites, Gmail,
Module : programmation site Web dynamique Naviguer entre les pages via site map
Module : programmation site Web dynamique Naviguer entre les pages via site map Soit le site web suivant qui est constitué de six pages web : On veut créer un menu constitué de trois nœuds principaux générale
Compte Rendu d intégration d application
ISMA 3EME ANNEE Compte Rendu d intégration d application Compte Rendu Final Maxime ESCOURBIAC Jean-Christophe SEPTIER 19/12/2011 Table des matières Table des matières... 1 Introduction... 3 1. Le SGBD:...