Techniques à Objets et Internet Le Web et sa programmation. Jean-François Perrot Université Pierre et Marie Curie (Paris 6)
|
|
- Philippe Cantin
- il y a 7 ans
- Total affichages :
Transcription
1 Techniques à Objets et Internet Le Web et sa programmation Jean-François Perrot Université Pierre et Marie Curie (Paris 6) Cours n 5 : Introduction à Javascript-3 Fonctions en Javascript Application à l'écriture des réflexes Jean-François Perrot JavaScript 3 1 Sommaire Fonctions et procédures : 3-13 load / unload : radio : check : hidden : 31 select : textarea : Jean-François Perrot JavaScript 3 2 1
2 Fonctions & procédures en JavaScript En l'absence de typage, fonctions et procédures en Javascript sont uniformément déclarées comme function les fonctions renvoient un résultat (par return) ; les procédures n'en renvoient pas. Les arguments et les variables déclarées dans les fonctions sont locaux (inaccessibles hors du texte de la fonction). il en va différemment pour les variables déclarées hors des fonctions, quisont toutes globales. Les fonctions peuvent être récursives. On peut donc écrire factorielle (ô joie!) Les fonctions se déclarent de préférence dans l'en-tête de la page (elles sont naturellement appelées dans la partie du script située dans le corps de la page). Jean-François Perrot JavaScript 3 3 La mère de toutes les fonctions... <html> <head> <title>factorielle</title> function fac (n) { if ( n == 0 ) { return 1; else { return n*fac(n-1); </head> Déclaration dans l'en-tête......appel dans le corps de la page. <body> <p>debut</p> <p> var n = parseint(prompt("un _ nombre S.V.P.", "")); document.write("<h2>factorielle _ de "+n+" vaut "+fac(n)+"</h2>"); </p> <p>fin</p> </body> </html> Fac1.html Jean-François Perrot JavaScript 3 4 2
3 Essais Mais si par inadvertance on clique "cancel"... Tout va bien si on tape un entier... Jean-François Perrot JavaScript 3 5 Un test bien utile... Fonction d'utilité publique, déclarée dans un fichier "isint.js" Syntaxe : la longueur d'une chaîne xxx est donnée par xxx.length (et non pas xxx.length() comme en Java) le caractère d'indice k = charat(k) comme en Java l'opérateur " " désigne la disjonction logique ("ou") [et "&&" la conjonction ("et") ] comme en Java function isint(chaine) { var ch; if ( chaine == null chaine == "" ) { return false; for (i = 0; i < chaine.length; i++) { ch = chaine.charat(i); if ( ch < "0" ch > "9" ) { return false; return true; Jean-François Perrot JavaScript 3 6 3
4 Mise en œuvre du test <html> <head> <title>factorielle</title> <script type="text/javascript"> function fac (n) { if ( n == 0 ) { return 1; else { return n*fac(n-1); <script type="text/javascript" src="isint.js"> </head> <body> <p>debut</p> <p> var lu = prompt("un nombre entier S.V.P.", ""); var n; if (! isint(lu) ) { alert(lu + " n\'est pas un entier!"); else { n = parseint(lu); document.write("<h2>factorielle de "+ n + _ " vaut "+ fac(n) +"</h2>"); </p> <p>fin</p> </body> </html> Fac2.html Syntaxe : la négation logique s'exprime par l'opérateur "!" (comme en Java) Jean-François Perrot JavaScript 3 7 Essais (bis) Jean-François Perrot JavaScript 3 8 4
5 Répétition par récursion L'utilisation d'un appel récursif permet d'obtenir sans peine un effet de répétition. Pour cela, il faut donner un nom à l'action exécutée par le script, et donc définir une procédure ad hoc. Exemple de réalisation : on choisit de renvoyer dans un fichier fac.js la définition de la fonction fac (supposée d'intérêt général), à l'instar du test isint. la séquence d'instructions du corps de la page précédente devient la procédure faire (sans argument) déclarée dans l'en-tête de la nouvelle page. un appel récursif à faire est ajouté à l'alerte "pas un nombre!" Jean-François Perrot JavaScript 3 9 Réalisation : l'en-tête <html> <head> <title>factorielle</title> <script type="text/javascript" src="fac.js"> < /script> <script type="text/javascript" src="isint.js"> < /script> function faire() { var lu = prompt("un nombre entier S.V.P.", ""); var n; if (! isint(lu) ) { alert(lu + " n\'est pas un entier!\n Recommencez S.V.P."); faire(); //l'appel récursif, but de l'opération else { n = parseint(lu); document.write("<h2>factorielle de "+n+" vaut "+fac(n)+"</h2>"); < /script> </head> Fac3.html Jean-François Perrot JavaScript
6 Réalisation : le corps de la page <body> Debut <p> faire(); // un appel suffit! < /script> </p> Fin </body> </html> Jean-François Perrot JavaScript 3 11 Exercice JavaScript considère qu'une chaîne de chiffres commençant par 0 doit être interprétée comme la donnée d'un nombre en octal, ce qui entraîne une série de conséquences imprévues : Jean-François Perrot JavaScript
7 Exercice (suite) 1. Ajouter à la page "factorielle" (dernière version) un dialogue vérifiant que si la chaîne commence par 0, elle représente correctement un entier (pas de chiffre > 7), et si non, refuser la donnée et en demander une autre ; si oui, demander à l'utilisateur s'il confirme sa donnée en octal : dans l'affirmative, la traiter, dans la négative, en demander une autre. 2. Le test isint sous sa forme actuelle n'admet pas de blanc ni avant ni après la chaîne, ce qui peut conduire à des situations curieuses. Y remédier. Jean-François Perrot JavaScript 3 13 Les événements Load & UnLoad L'événement Load se déclenche lorsque la page a été entièrement chargée. L'événement UnLoad se déclenche au moment où l'utilisateur quitte la page (fermeture du navigateur ou ouverture d'une nouvelle page). Les handlers correspondants onload et onunload s'écrivent dans la balise <body...>. Exemple : EssaiLoad1.html <body onload="bonjour();" onunload="au_revoir();"> où les procédures Javascript bonjour et au_revoir sont définies dans l'en-tête... Jean-François Perrot JavaScript
8 Exemple avec Load & UnLoad : l'en-tête <html> <head> <title>essaiload</title> var nom; function bonjour() { alert("bonjour, cher(e) "+nom+"!\n" +"et bienvenue chez moi."); function au_revoir() { alert("au revoir, cher(e) "+nom+"!\n" +"et merci de votre visite."); </head> EssaiLoad1.html Jean-François Perrot JavaScript 3 15 Exemple avec Load & UnLoad : le corps de la page <body onload="bonjour();" onunload="au_revoir();"> <p>debut</p> <p> EssaiLoad1.html alert("la page va se charger..."); alert("la page se charge..."); nom = prompt("au fait, a qui ai-je l'honneur...?", "Votre nom _ S.V.P."); alert("enchante', cher(e) "+nom+"!"); </p> <p>fin</p> </body> </html> Jean-François Perrot JavaScript
9 Exemple avec Load & UnLoad : début Jean-François Perrot JavaScript 3 17 Exemple avec Load & UnLoad : milieu Load! Jean-François Perrot JavaScript
10 Exemple avec Load & UnLoad : fin UnLoad! Jean-François Perrot JavaScript 3 19 <input type="radio"...> alias "bouton-radio" ou radio button Rappel : Les "boutons-radio" vont par groupes portant le même nom mais des valeurs différentes. Chaque groupe correspond à un champ unique : les différents boutons servent à sélectionner une et une seule des valeurs proposées, qui est alors la valeur du champ. Par exemple : pour un champ nommé "couleur", on peut proposer un choix exclusif entre les valeurs rouge, orangé, jaune, vert, bleu, indigo et violet, par un jeu de 7 boutons radio. Il faut donc distinguer les propriétés et méthodes relatifs à chaque bouton de celles qui visent le groupe tout entier. Jean-François Perrot JavaScript
11 radio button suite Rappel : Le groupe se matérialise par un tableau de boutons, qui porte le nom (name) commun à tous ses membres. Le nombre de boutons est donc accessible par l'attribut length du tableau en question Chaque bouton radio a comme Propriétés defaultchecked (booléen) fixée dans la balise par la présence ou l'absence de l'attribut checked checked (booléen) modifiable par affectation value (chaîne) fixée dans la balise <input...value="unechaine"...> handlers d'événements : un seul onclick Méthodes : une seule click() simulant l'événement Click Jean-François Perrot JavaScript 3 21 Essai avec boutons radio : les couleurs <body> <p>debut</p> <form> <p> <input type= "radio" name="couleur" value="#ff0000" onclick="montrer(value);"/> Rouge<br /> <input type= "radio" name="couleur" value="#ff8000" onclick="montrer(value);"/> Orangé<br /> <input type= "radio" name="couleur" value="#ffff00" onclick="montrer(value);"/>jaune<br /> <input type= "radio" name="couleur" value="#00ff00" onclick="montrer(value);"/>vert<br /> <input type= "radio" name="couleur" value="#0000ff" onclick="montrer(value);"/>bleu<br /> <input type= "radio" name="couleur" value="#000080" onclick="montrer(value);"/>indigo<br /> <input type= "radio" name="couleur" value="#ff00ff" onclick="montrer(value);"/>violet </p> </form> <p>fin</p> </body> </html> Jean-François Perrot JavaScript
12 Essai avec boutons radio : l'affichage <html> <head> <title>essairadio</title> function montrer(clr) { document.write ('<span style="color:' + clr + '; font-size: 48pt; font-weight: bold;">démonstration</span>' ); </head> Mauvaise idée! Provoque l'ouverture d'un nouveau document. Sémantique imprécise... sans saut de ligne! Jean-François Perrot JavaScript 3 23 Essai avec boutons radio : variante <form> <p> <input type= "radio" name="couleur" value="#ff0000"/>rouge<br /> <input type= "radio" name="couleur" value="#ff8000"/> Orangé<br /> <input type= "radio" name="couleur" value="#ffff00"/>jaune<br /> <input type= "radio" name="couleur" value="#00ff00"/>vert<br /> <input type= "radio" name="couleur" value="#0000ff"/>bleu <br /> <input type= "radio" name="couleur" value="#000080"/>indigo<br /> <input type= "radio" name="couleur" value="#ff00ff"/>violet </p> <p> <input type= "button" value="choisissez" onclick="for ( i=0; i<couleur.length; i++ ) { if ( Couleur[i].checked ) { montrer(couleur[i].value); break; "> </p> </form> Jean-François Perrot JavaScript
13 Essai avec boutons radio : variante (suite) Jean-François Perrot JavaScript 3 25 <input type="checkbox"...> alias "case à cocher" ou checkbox Rappel : Propriétés : name (chaîne) fixée dans la balise <input...name="lenom"...> defaultchecked (booléen) fixée dans la balise par la présence ou l'absence de l'attribut checked checked (booléen) modifiable par affectation ou par Click value (chaîne) fixée dans la balise <input...value="unechaine"...> handlers d'événements : un seul onclick Méthodes : une seule click() simulant l'événement Click. Jean-François Perrot JavaScript
14 Emploi des cases à cocher Rappel : Les champs checkbox portent une double information leur valeur (chaîne), qui est transmise (au script CGI) si la propriété checked est vraie au moment de l'envoi ; cette valeur est fixée dans le texte html ; l'indicateur (booléen) checked, modifiable par Javascript(et par l'utilisateur : événement Click) et utilisable pour toute sorte de tests. Voici un exemple utilisant l'indicateur checked et où les propriétés valeur ne jouent aucun rôle. Jean-François Perrot JavaScript 3 27 Essai avec checkbox : le formulaire <body> <p>debut</p> <form> <p> <input type= "checkbox" name="red"/>rouge <br /> <input type= "checkbox" name="green"/>vert <br /> <input type= "checkbox" name="blue"/>bleu </p><p> Quand c'est fini cliquez... <input type= "button" value="ici" onclick='montrer(red.checked, Green.checked, Blue.checked);'> </p> </form> <p>fin</p> </body> </html> Jean-François Perrot JavaScript
15 Essai avec checkbox : l'affichage <html> <head> <title>essaicheck</title> function montrer(r, G, B) { var clr = ""; if (R) clr+="ff"; else clr+="00"; if (G) clr+="ff"; else clr+="00"; if (B) clr+="ff"; else clr+="00"; document.write ('<span style="color:' + clr + '; font-size: 48pt; font-weight: bold;">démonstration</span>' ); </head> Jean-François Perrot JavaScript 3 29 Essai avec checkbox : autre solution Si on donne le même nom à différents champs checkbox, ils seront regroupés en un tableau portant ce nom (à la manière des boutons radio). On peut alors exploiter ce tableau en bloc au lieu de s'intéresser aux cases individuellement. <form> <p> <input type= "checkbox" name="couleur">rouge <br /> <input type= "checkbox" name="couleur">vert <br /> <input type= "checkbox" name="couleur">bleu </p><p> Quand c'est fini cliquez... <input type= "button" value="ici" onclick='var c=""; for ( i=0; i<couleur.length; i++ ) { if ( Couleur[i].checked ) c += "FF"; else c += "00"; montrer(c);'> <!-- avec la fonction montrer(clr) de l'ex. radio --> </p></form> Jean-François Perrot JavaScript
16 <input type="hidden"...> alias "champ caché" ou hidden Rappel : Comme son nom l'indique, un champ caché n'est pas exhibé sur la page. À quoi peut-il servir? À contenir une information de service que l'utilisateur n'a pas à connaître (p.ex. une adresse sur le serveur) À contenir une valeur intermédiaire lors d'un calcul. Il n'a qu'une propriété (en plus de son nom) value, qui est une chaîne de caractères, aucun événement, aucune méthode. Jean-François Perrot JavaScript 3 31 Élément <select...> Rappel : Un élément <select...> présente une liste (en représentation interne, un tableau) d'options. Chaque option porte une étiquette qui l'identifie, et les propriétés fixées dans la balise html value (chaîne) et defaultselected (booléen, indiquépar la présence ou non de l'attribut selected) La liste elle-même possède une propriété selectedindex qui permet d'accéder à l'option choisie Elle réagit aux trois événements Blur, Focus et Change par des handlers appropriés (comme les champs-texte) Jean-François Perrot JavaScript
17 Essai avec <select...> <form> <p> <select name="couleur" onchange="montrer(this[selectedindex].value)"> <!-- avec la fonction montrer(clr) de l'ex. radio --> <option value="ff0000">rouge </option> <option value="#ff8000">orangé </option> <option value="#ffff00"> Jaune </option> <option value="#00ff00"> Vert </option> <option value="#0000ff" selected> Bleu </option> <option value="#000080"> Indigo </option> <option value="#ff00ff"> Violet </option> </select> </p> </form> Jean-François Perrot JavaScript 3 33 Essai avec <select...> (démo) Jean-François Perrot JavaScript
18 Élément <textarea...> Rappel : Ne diffère du champ-texte que par la possibilité de gérer plusieurs lignes. Mêmes propriétés, mêmes fonctionnalités. <form> <p> Tapez votre texte ici : <textarea name="entree" rows=5 cols=20> Ceci est un exemple </textarea> </p> <p> Cliquez... <input type= "button" value="ici" onclick='montrer(entree.value);'> </p> </form> Jean-François Perrot JavaScript 3 35 <html> <head> <title>essaitextarea</title> function montrer(txt) { document.write ("<h2>"+txt+"</h2>"); </head> Essai avec <textarea...> sur une seule ligne! Jean-François Perrot JavaScript
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étailTP 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étailNFA016 : 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étailAttaques 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
Plus en détailSé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)
Plus en détailDocument 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
Plus en détailSHERLOCK 7. Version 1.2.0 du 01/09/09 JAVASCRIPT 1.5
SHERLOCK 7 Version 1.2.0 du 01/09/09 JAVASCRIPT 1.5 Cette note montre comment intégrer un script Java dans une investigation Sherlock et les différents aspects de Java script. S T E M M E R I M A G I N
Plus en détailServeur 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/
Plus en détailCré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étailFormulaire 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
Plus en détailSTAGE IREM 0- Premiers pas en Python
Université de Bordeaux 16-18 Février 2014/2015 STAGE IREM 0- Premiers pas en Python IREM de Bordeaux Affectation et expressions Le langage python permet tout d abord de faire des calculs. On peut évaluer
Plus en détailProgrammation 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étailCréation d un formulaire de contact Procédure
Création d un formulaire de contact Procédure Description : Cette procédure explique en détail la création d un formulaire de contact sur TYPO3. Outil Procédure CMS: TYPO3 Auteur : hemmer.ch SA Extension:
Plus en détailManuel d utilisation email NETexcom
Manuel d utilisation email NETexcom Table des matières Vos emails avec NETexcom... 3 Présentation... 3 GroupWare... 3 WebMail emails sur internet... 4 Se connecter au Webmail... 4 Menu principal... 5 La
Plus en détailTechniques de Programmation pour Internet
Séance 7 Transactions par CGI Année Spéciale Informatique ENSIMAG 2002-2003 James L. Crowley Anullé Le but de l'exercice est d'introduire un certain nombre de constructions en PERL utiles pour la programmation
Plus en détailUniformiser la mise en forme du document. Accélère les mises à jour. Permets de générer des tables de matières automatiquement.
Les styles Table des matières Les styles... 1 1. Tutoriels... 1 2. Pourquoi utiliser les styles?... 1 3. Qu'est-ce qu'un style?... 1 4. Utiliser les styles existants... 2 Afficher les styles... 2 Appliquer
Plus en détailEXTENSION WORDPRESS. Contact Form 7. Proposé par :
Contact Form 7 Proposé par : Sommaire Sommaire... 2 Présentation... 3 I. Le Tutoriel... 3 1) Espace de travail... 3 2) Téléchargez les extensions nécessaires... 3 3) Configuration du Formulaire... 7 1)
Plus en détailInitiation 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
Plus en détailStockage du fichier dans une table mysql:
Stockage de fichiers dans des tables MYSQL avec PHP Rédacteur: Alain Messin CNRS UMS 2202 Admin06 30/06/2006 Le but de ce document est de donner les principes de manipulation de fichiers dans une table
Plus en détailDé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
Plus en détailClasse ClInfoCGI. Fonctions membres principales. Gestion des erreurs
Utilisation des classes de PourCGI par Michel Michaud, version 2002-11-23 Les fichiers PourCGI.h et PourCGI.cpp rendent disponibles deux classes et une fonction libre qui permettent de faire facilement
Plus en détailL 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
Plus en détailDans l'article précédent, vous avez appris
Pour les débutants Les différents formats de sortie proposés par PHPExcel La bibliothèque orientée objet PHPExcel permet de lire et créer des fichiers pour tableurs. Dans cette série d articles, vous apprendrez
Plus en détailDOM - 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
Plus en détailPARAGON SYSTEM BACKUP 2010
PARAGON SYSTEM BACKUP 2010 Paragon System Backup 2010 2 Manuel d'utilisation SOMMAIRE 1 Introduction...3 1.1 Comment System Backup protège mon ordinateur?...3 1.1.1 Emplacement du stockage des clichés...
Plus en détailBernard Lecomte. Débuter avec HTML
Bernard Lecomte Débuter avec HTML Débuter avec HTML Ces quelques pages ont pour unique but de vous donner les premiers rudiments de HTML. Quand vous les aurez lues, vous saurez réaliser un site simple.
Plus en détailNOTICE TELESERVICES : Créer mon compte personnel
NOTICE TELESERVICES : Créer mon compte personnel Sommaire Sommaire... 1 Objet de la notice... 1 A qui s adresse cette notice?... 1 Pré-requis... 1 Le guide pas à pas pour créer votre compte personnel...
Plus en détailINTRODUCTION 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
Plus en détailPack 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é
Plus en détailModule 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
Plus en détailPrésentation du langage et premières fonctions
1 Présentation de l interface logicielle Si les langages de haut niveau sont nombreux, nous allons travaillé cette année avec le langage Python, un langage de programmation très en vue sur internet en
Plus en détailManuel d utilisation 26 juin 2011. 1 Tâche à effectuer : écrire un algorithme 2
éducalgo Manuel d utilisation 26 juin 2011 Table des matières 1 Tâche à effectuer : écrire un algorithme 2 2 Comment écrire un algorithme? 3 2.1 Avec quoi écrit-on? Avec les boutons d écriture........
Plus en détailUn 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
Plus en détailCréation d'un questionnaire (sondage)
Création d'un questionnaire (sondage) Le but de ce petit tuto est d'avoir les séquences pas à pas pour la création d'un questionnaire de façon à ne pas devoir rechercher la manière de procéder si l'outil
Plus en détailCONCOURS DE L AGRÉGATION INTERNE «ÉCONOMIE ET GESTION» SESSION 2015 SECONDE ÉPREUVE
CONCOURS DE L AGRÉGATION INTERNE «ÉCONOMIE ET GESTION» SESSION 2015 SECONDE ÉPREUVE Épreuve de cas pratique dans la spécialité correspondant à l'option choisie par le candidat Option D Durée de préparation
Plus en détailIntroduction. 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
Plus en détailProgrammation Visual Basic. Visite guidée d'un programme Visual Basic 6.0
UNIVERSITE DES SCIENCES SOCIALES DE TOULOUSE Licence Professionnelles LSi Master FC IGSI Programmation Visual Basic Visite guidée d'un programme Visual Basic 6.0 1. un exemple d'application a) créer dans
Plus en détailIntroduction à MATLAB R
Introduction à MATLAB R Romain Tavenard 10 septembre 2009 MATLAB R est un environnement de calcul numérique propriétaire orienté vers le calcul matriciel. Il se compose d un langage de programmation, d
Plus en détail{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
Plus en détailTutoriel Prise en Main de la Plateforme MetaTrader 4. Mise à jour : 7/09/2009 1.6
Tutoriel Prise en Main de la Plateforme MetaTrader 4 Mise à jour : 7/09/2009 1.6 Ce tutoriel de prise en main permet d utiliser les principales fonctionnalités de MetaTrader. La plateforme MetaTrader utilise
Plus en détailEditer un script de configuration automatique du proxy
Editer un script de configuration automatique du proxy INTRODUCTION... 2 AVANTAGE D UN SCRIPT DE CONFIGURATION... 2 SYNTAXE DU SCRIPT DE CONFIGURATION AUTOMATIQUE... 2 MISE A DISPOSITION DU SCRIPT... 4
Plus en détailTous 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
Plus en détailApplication de lecture de carte SESAM-Vitale Jeebop
Application de lecture de carte SESAM-Vitale Jeebop Présentation Le module de lecture de carte SESAM-Vitale Jeebop est une application Java Web Start, c'est à dire une application Java qui se télécharge
Plus en détailL'instruction if permet d'exécuter des instructions différentes selon qu'une condition est vraie ou fausse. Sa forme de base est la suivante:
420-183 Programmation 1 8. Les structures conditionnelles Dans l'écriture de tout programme informatique, une des premières nécessités que nous rencontrons est de pouvoir faire des choix. Dans une application
Plus en détailNOTICE TELESERVICES : Signaler un changement d adresse
NOTICE TELESERVICES : Signaler un changement d adresse Sommaire Sommaire... 1 Objet de la notice... 2 A qui s adresse cette notice?... 2 Pré-requis... 2 Le guide pas à pas pour modifier une adresse...
Plus en détailLicence ST Université Claude Bernard Lyon I LIF1 : Algorithmique et Programmation C Bases du langage C 1 Conclusion de la dernière fois Introduction de l algorithmique générale pour permettre de traiter
Plus en détail1 Position du problème
Licence Science et Technologies - INF245 Examen session 1 - mai 2012 Durée : 2 heures Documents non autorisés Le barème est donné à titre indicatif 1 Position du problème Le Club Universitaire de Vélo
Plus en détailCréer une carte personnalisée
Créer une carte personnalisée Avec Google Maps, vous pouvez créer vos propres cartes personnalisées pour indiquer par exemple les endroits que vous avez déjà visités, l'emplacement des restaurants où vous
Plus en détailNAMEBAY PRO. votre site de revente de noms de domaine en marque blanche. Documentation technique
NAMEBAY PRO votre site de revente de noms de domaine en marque blanche Documentation technique SOMMAIRE 1. PRÉSENTATION... 3 2. FONCTIONNEMENT... 4 2.1. ETAPE 1 : Devenir revendeur de noms de domaine...
Plus en détailKompoZer. 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
Plus en détailFailles 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étailInitiation à 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étailWHS ProRealTime. édition 2008 1.52
WHS ProRealTime édition 2008 1.52 Ce tutoriel est dédié aux fonctions de passage d'ordres sur ProRealTime avec WHSelfinvest. Pour obtenir une aide sur les autres fonctions de ProRealTime, veuillez consulter
Plus en détailCours Informatique Master STEP
Cours Informatique Master STEP Bases de la programmation: Compilateurs/logiciels Algorithmique et structure d'un programme Programmation en langage structuré (Fortran 90) Variables, expressions, instructions
Plus en détailHTML, 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
Plus en détailGuide d'utilisation. Centre des ressources Demande électronique de matériel publicitaire. Juin 2005
Centre des ressources Demande électronique de Compagnie d'assurance vie RBC 2005. Tous droits réservés. Table des matières INTRODUCTION... 3 ACCÈS À LA DEMANDE ÉLECTRONIQUE DE MATÉRIEL PUBLICITAIRE...
Plus en détail1. Structure d un programme C. 2. Commentaire: /*..texte */ On utilise aussi le commentaire du C++ qui est valable pour C: 3.
1. Structure d un programme C Un programme est un ensemble de fonctions. La fonction "main" constitue le point d entrée pour l exécution. Un exemple simple : #include int main() { printf ( this
Plus en détailInternet. 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
Plus en détailSYSTÈ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.
Plus en détailLes 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
Plus en détailCARPE. Documentation Informatique S E T R A. Version 2.00. Août 2013. CARPE (Documentation Informatique) 1
CARPE (Documentation Informatique) 1 CARPE Version 2.00 Août 2013 Documentation Informatique S E T R A Programme CARPE - Manuel informatique de l'utilisateur CARPE (Documentation Informatique) 2 Table
Plus en détailRAPPORT 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
Plus en détailProgramme awk------introduction rapide
Programme awk------introduction rapide Introduction Historique Le nom de awk vient de ses trois concepteurs : Alfred V. Aho, Peter J. Weinberger et Brian W. Kernighan. La version originale fut créée en
Plus en détailCréer un panorama animé à 360
Créer un panorama animé à 360 Pour plus de réalisme, vous pouvez réaliser un panorama à 360 dans lequel vous allez pouvoir faire un tour sur vous-même (appelé aussi effet Eye Fish). Pour cela, vous aurez
Plus en détailOCL - Object Constraint Language
OCL - Object Constraint Language Laëtitia Matignon laetitia.matignon@univ-lyon1.fr Département Informatique - Polytech Lyon Université Claude Bernard Lyon 1 2012-2013 Laëtitia Matignon SIMA - OCL - Object
Plus en détailSTID 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étailHTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles
46 HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles enfin deux points importants pour les sites mobiles, les nouveautés sur les formulaires ainsi que le mode hors-ligne. 2. Bonnes
Plus en détailGuide de Migration du Serveur IceWarp
Le serveur de communication IceWarp Guide de Migration du Serveur IceWarp Version 11 Avril 2014 Icewarp France / DARNIS Informatique i Sommaire Guide de Migration du Serveur IceWarp 2 Introduction... 2
Plus en détailNotes 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
Plus en détailComment développer et intégrer un module à PhpMyLab?
Comment développer et intégrer un module à PhpMyLab? La structure du fichier Afin de conserver une homogénéité et une cohérence entre chaque module, une structure commune est utilisée pour chacun des modules
Plus en détailSélection du contrôleur
Démo CoDeSys - 1 - 1. Configuration de l environnement de travail : Lancer le logiciel CoDeSys Fichier Nouveau Lors de la première utilisation, une boîte de dialogue apparaît permettant la sélection du
Plus en détailTIC 12 ATELIER INTEGRATION CAHIER DES CHARGES. Page 1/5
TIC 12 ATELIER INTEGRATION CAHIER DES CHARGES Page 1/5 ATELIER INTEGRATION A mi-parcours de votre formation, l'atelier (dont la note est coefficient 2) permet d'évaluer vos connaissances acquises lors
Plus en détailPublipostage avec Calc
Auto-formation sur OpenOffice.org 2.0 par Cyril Beaussier Version 1.0.2 - Avril 2006 Publipostage avec Calc Sommaire Introduction... 2 Présentation... 3 Notions... 4 Les données... 5 Lettre type... 7 Création
Plus en détailPar KENFACK Patrick MIF30 19 Mai 2009
Par KENFACK Patrick MIF30 19 Mai 2009 1 Introduction II. Qu est ce qu un OpenId? III. Acteurs IV. Principe V. Implémentation VI. Sécurité VII. conclusion I. 2 Vue le nombre croissant de sites web nous
Plus en détailUtilisation du client de messagerie Thunderbird
Outlook express n existant plus sur les systèmes d exploitation sortis après Windows XP, nous préconisons désormais l utilisation du client de messagerie libre distribué gratuitement par la Fondation Mozilla.
Plus en détailNormes 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
Plus en détailManuel Extranet : guide de demande de réservation de salles, de matériel et de services. Table des matières
Haute école pédagogique Informatique Avenue de Cour 33 CH 1014 Lausanne www.hepl.ch Manuel Extranet : guide de demande de réservation de salles, de matériel et de services But : Pré-requis : permettre
Plus en détailÉléments d informatique Cours 3 La programmation structurée en langage C L instruction de contrôle if
Éléments d informatique Cours 3 La programmation structurée en langage C L instruction de contrôle if Pierre Boudes 28 septembre 2011 This work is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike
Plus en détailNAS 106 Utiliser le NAS avec Microsoft Windows
NAS 106 Utiliser le NAS avec Microsoft Windows Accéder aux fichiers sur votre NAS en utilisant Windows et configurer un disque réseau C O L L E G E A S U S T O R OBJECTIFS DU COURS À la fin de ce cours,
Plus en détailLes services usuels de l Internet
Les services usuels de l Internet Services principaux (applications) disponibles sur l Internet Courrier électronique (mail) - protocole SMTP (Simple Mail Transfer Protocol) inclut maintenant tous types
Plus en détailGestion du cache dans les applications ASP.NET
Gestion du cache dans les applications ASP.NET Version 1.0 James RAVAILLE http://blogs.dotnet france.com/jamesr 2 Gestion du cache dans les applications ASP.NET v 1.0 03/01/09 Sommaire 1 Introduction...
Plus en détailUtilisation de GalaxShare
Utilisation de GalaxShare Tutoriel accessible en ligne sur http://galaxair.com/tuto/aidegalaxshare.html Le Porte-Document GalaxShare est un logiciel web de partage de documents, avec une gestion fine des
Plus en détailPaginer les données côté serveur, mettre en cache côté client
Paginer les données côté serveur, mettre en cache côté client Vous voulez sélectionner des lignes dans une table, mais celle-ci comporte trop de lignes pour qu il soit réaliste de les ramener en une seule
Plus en détailInitiation à la programmation en Python
I-Conventions Initiation à la programmation en Python Nom : Prénom : Une commande Python sera écrite en caractère gras. Exemples : print 'Bonjour' max=input("nombre maximum autorisé :") Le résultat de
Plus en détailDévéloppement de Sites Web
1 Dévéloppement de Sites Web Cours III : Travailler avec Dreamweaver de Macromedia Peter Stockinger Séminaire de Maîtrise en Communication Interculturelle à l'institut National des Langues et Civilisations
Plus en détailHTML/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
Plus en détailNOTICE D INSTALLATION ET D UTILISATION DE LIVE BACKUP
NOTICE D INSTALLATION ET D UTILISATION DE LIVE BACKUP I. Installation Live Backup en mode externalisé IMPORTANT 1 - Vous devez avoir les droits administrateur de votre poste de travail ou de votre serveur
Plus en détailPLUGINS 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
Plus en détailRappel. Analyse de Données Structurées - Cours 12. Un langage avec des déclaration locales. Exemple d'un programme
Rappel Ralf Treinen Université Paris Diderot UFR Informatique Laboratoire Preuves, Programmes et Systèmes treinen@pps.univ-paris-diderot.fr 6 mai 2015 Jusqu'à maintenant : un petit langage de programmation
Plus en détailFormulaires et Compteurs
Formulaires et Compteurs Création de formulaires et de compteurs avec extensions FrontPage ou ASP. INFORMATIONS CONNEXES Le but du présent manuel est de permettre à une personne familière d Internet de
Plus en détailMettre en place un formulaire dans le site avec le module webform
Mettre en place un formulaire dans le site avec le module webform Dans la suite des documents de cette documentation Avertissement au lecteur Objectif de cette fiche Le module webform Ce petit symbole
Plus en détailLa gestion des boîtes aux lettres partagées
La gestion des boîtes aux lettres partagées La gestion des boîtes aux lettres partagées - page Présentation du module Partage de mail. Qu'est ce qu'une boîte aux lettres partagée? Il s'agit d'une boîte
Plus en détailCHAPITRE 3 : INTERNET
CHAPITRE 3 : INTERNET Objectifs Identifier les composantes nécessaires pour se connecter à internet. Donner quelques services d internet. Créer une adresse e-mail avec Yahoo. Envoyer et recevoir un message
Plus en détailCréation d installateurs pour Windows avec InnoSetup
Création d installateurs pour Windows avec InnoSetup 14 juin 2012 F. Langrognet 5 e rencontre DevelopR6 Laboratoire de Mathématiques de Besançon F. Langrognet () INNOSETUP Juin 2012 1 / 50 INNOSETUP 1
Plus en détailAfin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe :
1 CONNEXION A LA MESSAGERIE ZIMBRA PAR LE WEBMAIL Ecran de connexion à la messagerie Rendez vous dans un premier temps sur la page correspondant à votre espace webmail : http://webmailn.%votrenomdedomaine%
Plus en détailSommaire. Avertissement :
Sommaire 1. Page d'accueil... 3 2. carte... 4 A. création ou modification d'un trajet... 7 B. création ou modification d'une balise... 8 3. le projet... 10 4. La page contact... 10 5. les liens utiles...
Plus en détailAttaques applicatives
Attaques applicatives Attaques applicatives Exploitation d une mauvaise programmation des applications Ne touche pas le serveur lui-même mais son utilisation/ configuration Surtout populaire pour les sites
Plus en détailCré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étailSommaire 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
Plus en détailManuel utilisateur du CMS Anan6
Manuel utilisateur du CMS Anan6 Sommaire Fonctionnalités générales 05 - Paramétrage du navigateur 06 - Connexion au CMS Anan6 07 - Visualisation de l interface du CMS 08 - Détails de la liste des composants
Plus en détail