Application AJAX/jquery
|
|
- Angèline Delisle
- il y a 7 ans
- Total affichages :
Transcription
1 Application AJAX/jquery Réalisation d'un chat en AJAX Structure de la page boby>hello titi> salut rene> bonjour boby> A+ titi bye envois Zone d'afchage (<div>) Bouton de validation <input type=button> Zone de saisie du pseudo (<input>) Zone de saisie de la phrase (<input>)
2 AJAX / jquery Il faut rafraichir régulièrement la zone d'afchage des messages (toutes les secondes par exemple) Il existe une methode bien pratique avec la librairie prototype «PeriodicalUpdater «, Hélas,elle n'existe pas d'origine dans jquery Il faudra donc utiliser une librairie supplémentaire on peut en trouver pour jquery Ou utiliser simplement la fonction javascript setinterval : setinterval(function() { // Do something every 5 seconds }, 5000);
3 Application AJAX <html> <head> <script type="text/javascript" src="jquery.js"> <body> $(document).ready ( function(){ <div id='afche'>ici</div> <input type="text" id="pseudo" > <input type= "text" id="phrase" size="32" > <input type="submit" id="envois" value="envoyer" />
4 Application AJAX/jquery+prototype Mettre en place une table dans une base de données: chat(id,pseudo,phrase)
5 Application AJAX/jquery+prototype Réaliser 2 fichiers php lire.php => ce fichier doit afcher la liste des 5 dernières phrases tapées par les usagers Resultat d'afche de ce fichier : toto>hello Bob> bonjour... valider.php => ce fichier doit enregistrer dans la table chat la phrase et le pseudo passés en paramètre (pseudo et phrase) Valider.php?pseudo=toto&phrase=salut!
6 Application AJAX <html> <head> <script type="text/javascript" src="jquery.js"> <body> $(document).ready ( function(){ //declaration du «timer» pour raffraichir toutes les 2s la zone d'affichage (div «affiche») // utilisation de setinterval et de $(...).load pour appeler le fichier lire.php // declaration de l'évènement click sur le bouton envoyer // utilisation de $(...).click() et de $().ajax() ainsi que de $(..).val() pour appeler le fichier dire.php <div id='afche'>ici</div> <input type="text" id="pseudo" > <input type= "text" id="phrase" size="32" > <input type="submit" id="envois" value="envoyer" />
7 Application AJAX Amélioration : 1) vider la zone de saisie (phrase) après avoir envoyer une ligne sur le chat (utiliser $(...).val() par exemple) 2) lancer l'envois d'un phrase saisie lors de l'appuis sur la touche Enter à la place du click sur le bouton envoyer (utiliser $().keyup() par exemple et tester la touche ENTER(code ASCII 13) ) 3) protéger le systeme contre l'injection de script (à faire en php dans le fichier dire.php). 4) protéger le systeme contre le flood (à faire dans le fichier dire.php) 5) ajouter un systeme afchant la liste des connectés......
8 Drag&Drop avec jquery UI ( Dans la librairie de base de jquery, il n'existe pas d'outils direct pour les drag&drop Il est donc nécessaire de faire appel à des librairies complémentaires: jquery.ui ou/et interface.js <html><head> <script type="text/javascript" src="js/jquery min.js"> <script type="text/javascript" src="js/jquery-ui custom.min.js"> <body > <div id="poubelle"> Poubelle </div> <div id='liste'>ici la liste des abonnes</div>
9 Drag&Drop avec jquery UI ( Dans la librairie de base de jquery, il n'existe pas d'outils direct pour les drag&drop Il est donc nécessaire de faire appel à des librairies complémentaires: jquery.ui ou/et interface.js <html><head> <script type="text/javascript" src="js/jquery min.js"> <script type="text/javascript" src="js/jquery-ui custom.min.js"> $(document).ready ( function(){ <body > <div id="poubelle"> Poubelle </div> <div id='liste'>ici la liste des abonnes</div>
10 Drag&Drop avec jquery <html><head> <script type="text/javascript" src="js/jquery min.js"> <script type="text/javascript" src="js/jquery-ui custom.min.js"> $(document).ready ( function(){ $("#liste").load("lister.php"); <body > <div id="poubelle"> Poubelle </div> <div id='liste'>ici la liste des abonnes</div>
11 Drag&Drop avec jquery Fichier lister.php: <? echo «<div id='1' class='abo' >Martin Martial</div>?> <div id='2' class='abo' >Arganini Gerald</div> <div id='3' class='abo' >ARNAUD Jean-Michel</div> <div id='4' class='abo' >ARONICAbu Aude</div> <div id='5' class='abo' >Aubert Florien</div>»; // cette liste est a generer via mysql biensur!
12 Drag&Drop avec jquery Declaration de la fonction qui se déclenche quand la liste est entièrement chargée <html><head> <script type="text/javascript" src="js/jquery min.js"> <script type="text/javascript" src="js/jquery-ui custom.min.js"> $(document).ready ( function() { $("#liste").load("lister.php", function() {... } ); <body > <div id="poubelle"> Poubelle </div> <div id='liste'>ici la liste des abonnes</div>
13 Drag&Drop avec jquery Declaration de la fonction qui se déclenche quand la liste est entièrement chargée <html><head> <script type="text/javascript" src="js/jquery min.js"> <script type="text/javascript" src="js/jquery-ui custom.min.js"> $(document).ready ( function() { $("#liste").load("lister.php", function() { $(".abo").draggable({ revert: true }) } ); //ici tous les éléments chargés avec liste.php ayant la class abo seront draggable avec //avec retour en position initial si on lache l'élément <body > <div id="poubelle"> Poubelle </div> <div id='liste'>ici la liste des abonnes</div>
14 Drag&Drop avec jquery <html><head> <script type="text/javascript" src="js/jquery min.js"> <script type="text/javascript" src="js/jquery-ui custom.min.js"> $(document).ready ( function(){ $("#liste").load("lister.php", function() { $(".abo").draggable({ revert: true }) } ); $("#poubelle").droppable({ drop: function(ev, ui) { <body > } <div id="poubelle"> Poubelle </div> <div id='liste'>ici la liste des abonnes</div>
15 Drag&Drop avec jquery <html><head> <script type="text/javascript" src="js/jquery min.js"> <script type="text/javascript" src="js/jquery-ui custom.min.js"> $(document).ready ( function(){ $("#liste").load("lister.php", function() { $(".abo").draggable({ revert: true }) } ); $("#poubelle").droppable({ drop: function(ev, ui) { alert($(ui.draggable).attr('id')); $(ui.draggable).remove(); <body > } <div id="poubelle"> Poubelle </div> <div id='liste'>ici la liste des abonnes</div>
16 Drag&Drop avec jquery <html><head> <script type="text/javascript" src="js/jquery min.js"> <script type="text/javascript" src="js/jquery-ui custom.min.js"> $(document).ready ( function(){ $("#liste").load("lister.php", function() { $(".abo").draggable({ revert: true }) } ); $("#poubelle").droppable({ drop: function(ev, ui) { <body > <div id="poubelle"> Poubelle </div> alert($(ui.draggable).attr('id')); $.ajax("supprimer.php?id="+$(ui.draggable).attr('id')); $(ui.draggable).remove(); } <div id='liste'>ici la liste des abonnes</div>
17 Drag&Drop avec jquery Autre ecriture possible <html><head> <script type="text/javascript" src="js/jquery min.js"> <script type="text/javascript" src="js/jquery-ui custom.min.js"> $(document).ready ( function(){ $("#liste").load("lister.php", function() { $(".abo").draggable({ revert: true }) } ); $("#poubelle").droppable({ drop: function(ev, ui) { $.ajax({ type: "GET", url: "supprimer.php", data: "id=»+$(ui.draggable).attr('id') $(ui.draggable).remove(); } <body > <div id="poubelle"> Poubelle </div> <div id='liste'>ici la liste des abonnes</div>
18 Drag&Drop avec jquery Autre ecriture possible <html><head> <script type="text/javascript" src="js/jquery min.js"> <script type="text/javascript" src="js/jquery-ui custom.min.js"> $(document).ready ( function(){ $("#liste").load("lister.php", function() { $(".abo").draggable({ revert: true }) } ); $("#poubelle").droppable({ drop: function(ev, ui) { $.ajax({ type: "GET", url: "supprimer.php", data: "id=»+$(ui.draggable).attr('id') $(ui.draggable).remove(); } <body > <div id="poubelle"> Poubelle </div> <div id='liste'>ici la liste des abonnes</div>
19 Ajax et l'avenir Beaucoup d'outils de développement s'orientent vers l'utilisation d'ajax On le voit avec les librairies de script: aculo, mootools, openrico, jquery... On le voit dans les framework (rubyonrails, cakephp qui integre des fonctionnalités AJAX) On le voit dans les outils spécifiques web comme chez adobe avec SPRY (Framework)
20 Ajax et jquery Element pour le TD2:exo3 a) generation de la liste des abonnes avec un id différent pour chacun b) recuperation de l'id et appel du formulaire Utilisation de $(this).attr(«id») c) regeneration de la liste lors d'une modification d'un abonné d) postionnement du div formulaire près du nom cliqué Utilisation de $(this).position() pos=$(this).position() ; Ou $(this).position().top ; puis pos.top et pos.left
21 Ajax et jquery Element pour le TD2:exo3 a) generation de la liste des abonnes avec un id différent pour chacun b) recuperation de l'id et appel du formulaire Utilisation de $(this).attr(«id») c) regeneration de la liste lors d'une modification d'un abonné d) postionnement du div formulaire près du nom cliqué Utilisation de $(this).position() pos=$(this).position() ; Ou $(this).position().top ; puis pos.top et pos.left
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é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é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é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étailComment 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...
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étailProjet 2. Gestion des services enseignants CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE. G r o u p e :
CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE Projet 2 Gestion des services enseignants G r o u p e : B E L G H I T Y a s m i n e S A N C H E Z - D U B R O N T Y u r i f e r M O N T A Z E R S i
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é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étailPanel 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
Plus en détailSécurité des sites Web Pas un cours un recueil du net. INF340 Jean-François Berdjugin
Sécurité des sites Web Pas un cours un recueil du net INF340 Jean-François Berdjugin Vulnérabilité Définition (wikipédia) : Dans le domaine de la sécurité informatique, une vulnérabilité est une faiblesse
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étailCré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étailGoogle Tag Manager. «Vous ne verrez plus l'analytics de la même manière» par Ronan CHARDONNEAU
Google Tag Manager «Vous ne verrez plus l'analytics de la même manière» par Ronan CHARDONNEAU Au menu 1)Définition de Google Tag Manager 2)Le fonctionnement 3)Applications pratiques pour un référenceur
Plus en détailThè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/
Plus en détailGOOGLE 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
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é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étailProjet 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
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étailISTEX-SNU. ISTEX en quelques clics dans votre portail documentaire. Séminaire technique ISTEX 18 mars 2015
ISTEX-SNU ISTEX en quelques clics dans votre portail documentaire Séminaire technique ISTEX 18 mars 2015 Stéphane Gully - Inist-CNRS / Université de Lorraine Plan Contexte Calendrier / méthode Vision du
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étailLes 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
Plus en détailOptimiser 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\ \ / \ / / \/ ~ \/ _ \\ \ ` \ Y ( <_> ) \ / /\ _ / \ / / \/ \/ \/ Team
\ \ / \ / / \/ ~ \/ _ \\ \ ` \ Y ( ) \ / /\ _ / \ / / \/ \/ \/ Team Tutoriel Hacking La faille XSS ------------------------ By H4X0R666 Ce tutoriel portera sur l exploitation de la faille XSS et sur
Plus en détailPublier un Carnet Blanc
Site Web de l association des ingénieurs INSA de Lyon Publier un Carnet Blanc Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008 Publication,
Plus en détailModule 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étailWEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES
WEB & DÉVELOPPEMENT LES BASES DU WEB HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES LE LANGAGE HTML STRUCTURE D UNE PAGE En-tête et corps Syntaxe INSÉRER DES CONTENUS Texte : formatage (titre,
Plus en détailNouveautés joomla 3 1/14
Nouveautés joomla 3 1/14 Table des matières 1 Responsive... 1 2 Bootstrap... 1 3 LESS CSS intégré... 1 4. JUI (pour les développeurs d'extensions)... 1 5. Le Mambo days vs le Génial UX... 2 6. 7 étapes
Plus en détailDevenez un véritable développeur web en 3 mois!
Devenez un véritable développeur web en 3 mois! L objectif de la 3W Academy est de former des petits groupes d élèves au développement de sites web dynamiques ainsi qu à la création d applications web
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étail3W Academy Programme de Formation Développeur Intégrateur web Total : 400 heures
3W Academy Programme de Formation Développeur Intégrateur web Total : 400 heures Objectif global : A l issue de la formation, les stagiaires doivent être opérationnels dans la création d un site internet
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étailGoogle Webmaster Tools
Support Google Webmaster Tools - v 1.2-1 / 17 - Google Webmaster Tools 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
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étailAjax, RIA et HTML5. 9.1 Prise en charge d Ajax
9 Ajax, RIA et HTML5 Au soaire de ce chapitre UU Prise en charge d Ajax UU Bibliothèques JavaScript UU Extensions CSS de WebKit UU Applications Internet riches mobiles UU HTML5 Ajax, HTML5 et RIA, coent
Plus en détailPublier dans la Base Documentaire
Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008
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é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é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étailAcadé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
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étail2 LES BASES DU HTML 19 Qu est-ce que le HTML? 20 De quand date le HTML? 20 Écrire son propre code HTML 22
SOMMAIRE INTRODUCTION La collection Classroom in a Book TinyUrL Conditions requises Installation du programme Copie des fichiers Classroom in a Book ordre recommandé pour les leçons Démarrage instantané
Plus en détailIntroduction. 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
Plus en détailPHP et les Bases de données - Généralités
PHP et les Bases de données - Généralités Conception d une base de données Méthodes utilisées : MERISE, UML Modèle conceptuel des données MCD, Modèle logique MLD, Modèle Physique MPD. Ces aspects seront
Plus en détailCompte 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:...
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étailNOTICE TELESERVICES : Demander un état hypothécaire
NOTICE TELESERVICES : Demander un état hypothécaire Sommaire Sommaire... 1 Objet de la notice... 1 A qui s adresse cette notice?... 1 Pré-requis... 2 Le guide pas à pas pour faire une demande d état hypothécaire...
Plus en détailRÉALISATION D UN SITE DE RENCONTRE
RÉALISATION D UN SITE DE RENCONTRE Par Mathieu COUPE, Charlène DOUDOU et Stéphanie RANDRIANARIMANA Sous la coordination des professeurs d ISN du lycée Aristide Briand : Jérôme CANTALOUBE, Laurent BERNARD
Plus en détailActivités HTML. Code: act-html
Activités HTML act-html Activités HTML Code: act-html Originaux url: http://tecfa.unige.ch/guides/tie/html/act-html/act-html.html url: http://tecfa.unige.ch/guides/tie/pdf/files/act-html.pdf Prérequis:
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é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étailPrincipales 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.
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é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é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étailAssistance à 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étailArmand PY-PATINEC 2010
Armand PY-PATINEC 2010 EPREUVE PRATIQUE : TABLEAU SYNOPTIQUE Activités Inventaire de bières et de leur lieu de fabrication Gestion des clients pour un programme de facturation Emploi du ruban de l interface
Plus en détailAPI SMS CONSEIL HTTP V2.01. Sommaire. Documentation V1.0 au 21/05/2011
API SMS CONSEIL HTTP V2.01 Documentation V1.0 au 21/05/2011 L'utilisation de l'api SMS CONSEIL est réservée aux clients, membres du site SMS-CONSEIL.FR et doit se faire en accord avec nos conditions générales
Plus en détailDémarrer avec Ajax et le php: exemple d'application
Démarrer avec Ajax et le php: exemple d'application Rédacteur: Alain Messin (Alain.Messin arobas obs-azur.fr) CNRS UMS 2202 Admin06 24/09/2007 Le but de ce document est de permettre de démarrer dans le
Plus en détailOptimiser les e-mails marketing Les points essentiels
Optimiser les e-mails marketing Les points essentiels Sommaire Une des clés de succès d un email marketing est la façon dont il est créé puis intégré en HTML, de telle sorte qu il puisse être routé correctement
Plus en détailBonnes pratiques de développement JavaScript
Bonnes pratiques de développement JavaScript Titre présentation Conférencier François Béliveau Romain Dorgueil A propos de nous... François Béliveau Développeur web depuis 8 ans Utilise symfony depuis
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é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étailLes 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
Plus en détailProgrammation Web. Introduction
Programmation Web Introduction 1 Introduction 10 séances 1 h cours + 1h TD Notes : contrôle continu DS 1 TP : note de groupe : rapport + code source + démo TD : note personnelle (=0 si 2 absences non justifiées)
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étailSolution de gestion de newsletter 12all Version 1.0 p.montier
Solution de gestion de newsletter 12all Version 1.0 p.montier 1 > 12ALL 1.1 Présentation 12all est une application Web qui permet de créer des listes de comptes mails et d envoyer des messages personnalisés.
Plus en détailPHP CLÉS EN MAIN. 76 scripts efficaces pour enrichir vos sites web. par William Steinmetz et Brian Ward
PHP CLÉS EN MAIN 76 scripts efficaces pour enrichir vos sites web par William Steinmetz et Brian Ward TABLE DES MATIÈRES INTRODUCTION 1 1 TOUT CE QUE VOUS AVEZ TOUJOURS VOULU SAVOIR SUR LES SCRIPTS PHP
Plus en détailInstallation de Concrete 5
2013 2014 Installation de Concrete 5 Projet Métier du Travail Auteur POIRET Johann Membres du projet Poiret Johann Clercin Kévin Responsable de la formation et tuteur Motamed Cina Client Master Boulogne/Mer
Plus en détailTutorial et Guide TeamViewer
Tutorial et Guide TeamViewer TeamViewer est un programme qui permet de partager son bureau ou prendre la main d'un bureau à distance via internet partout dans le monde, et d'ainsi avoir l'opportunité de
Plus en détailEXTENSION de Microsoft Dynamics CRM 2013. Réf FR 80452
EXTENSION de Microsoft Dynamics CRM 2013 Réf FR 80452 Durée : 3 jours A propos de ce cours : Ce cours offre une information interactive et détaillée sur le développement d extensions pour Microsoft Dynamics
Plus en détail1 ère Université WEB. Courbevoie Samedi 21 octobre 2006. Votre site interactif sur internet.
1 ère Université WEB Courbevoie Samedi 21 octobre 2006 Votre site interactif sur internet. Programme de la journée. 10H30 - Introduction Université web Votre site interactif sur internet. 10H35 Généralités
Plus en détailPHP et mysql. Code: php_mysql. Olivier Clavel - Daniel K. Schneider - Patrick Jermann - Vivian Synteta Version: 0.9 (modifié le 13/3/01 par VS)
PHP et mysql php_mysql PHP et mysql Code: php_mysql Originaux url: http://tecfa.unige.ch/guides/tie/html/php-mysql/php-mysql.html url: http://tecfa.unige.ch/guides/tie/pdf/files/php-mysql.pdf Auteurs et
Plus en détailTable des Matières. Pages 3-4. A propos d emblue. Page 5. L environnement emblue. Création d une campagne d e-mail marketing. Pages 6-15.
MODE D EMPLOI Table des Matières Pages 3-4 A propos d emblue Page 5 L environnement emblue Pages 6-15 Création d une campagne d e-mail marketing Pages 16-17 Liste de contacts Pages 18-20 Résultats des
Plus en détailSécurité des applications web. Daniel Boteanu
I F8420: Éléments de Sécurité des applications web Daniel Boteanu Architecture des applications web Client légitime Internet HTTP 浀 HTML Server Web 2 Architecture des applications web Client légitime Internet
Plus en détailPré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étailSoon_AdvancedCache. Module Magento SOON. Rédacteur. Relecture & validation technique. Historique des révisions
Module Magento SOON Soon_AdvancedCache Rédacteur Hervé G. Lead développeur Magento herve@agence-soon.fr AGENCE SOON 81 avenue du Bac 94210 LA VARENNE ST HILAIRE Tel : +33 (0)1 48 83 95 96 Fax : +33 (0)1
Plus en détailMise en place d un serveur Proxy sous Ubuntu / Debian
BTS INFORMATIQUE DE GESTION Option Administrateur Réseaux Benoît VERRON Activité n 1 Mise en place d un serveur Proxy sous Ubuntu / Debian Présentation d un Proxy Un proxy (serveur mandataire) est un serveur
Plus en détailPrincipales Evolutions Version 1.0.0.230
Principales Evolutions Version 1.0.0.230 es colonnes de vos listings. Réorganiser les Votre vue est automatiquement sauvegardée lorsque vous fermez ferme votre fenêtre. Préférences Créer des zones par
Plus en détailExtended 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
Plus en détail1. La plate-forme LAMP
Servi ces pour intranet et Internet Ubuntu Linux - Création et gestion d un réseau local d entreprise 1. La plate-forme LAMP Services pour intranet et Internet La fourniture d'un site pour le réseau ou
Plus en détailRapport SVA L.I.R.T/ESP 2008 RAPPORT SVA. Par: Jean François Diokel DIOKH. Professeur: M. OUYA. Jean François Diokel DIOKH 1
RAPPORT SVA Par: Jean François Diokel DIOKH Professeur: M. OUYA Jean François Diokel DIOKH 1 SOMMAIRE INTRODUCTION PREREQUIS I. Le Serveur Vocal Interactif 1. Présentation de Asterisk 2. Installation 3.
Plus en détailFormation Webmaster : Création de site Web Initiation + Approfondissement
Contactez notre équipe commerciale au 09.72.37.73.73 Aix en Provence - Bordeaux - Bruxelles - Geneve - Lille - Luxembourg - Lyon - Montpellier - Nantes - Nice - Paris - Rennes - Strasbourg - Toulouse Formation
Plus en détailDrupal Contributeur. Maitrisez la publication sous Drupal. Une formation T@hitiClic. Formateur : Fabien Crépin. Drupal Contributeur.
Maitrisez la publication sous Drupal Une formation Formateur : Fabien Crépin Introduction Objectif : savoir publier du contenu sous Drupal Contenu : Créer un contenu Mise en forme du texte Gestion des
Plus en détailRESUME DE CARRIERE. Alice JULIENNE. 23 ans Nationalité Française Développeur Web Front-End. Compétences
RESUME DE CARRIERE Alice JULIENNE 23 ans Nationalité Française Développeur Web Front-End Compétences Systèmes Langages Windows (XP, 98) Macintosh OS X HTML, XHTML, CSS, XML, PHP, SQL, Javascript, J-Querry
Plus en détailINFORM :: DEMARRAGE RAPIDE A service by KIS
- Création d'un formulaire Ce petit mémo a pour but de donner une vue d'ensemble des étapes menant à la création d'un formulaire avec in- Form. Bien que générique ce document fournit également les informations
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étailAuteur 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étailKarim EL KHALIFA Web developer
Curriculum Vitæ Karim EL KHALIFA Web developer + EXPÉRIENCES PROFESSIONNELLES + 2010-2013 Vert-Pomme Communication Création et développement des produits web vendus par l agence. Direction de l équipe
Plus en détailLes Bases. Messaoudi Khaled, Boukelal Hanane (Etudiants Informatique ) 2015.
Référencer Mon SITE, BLOG Les Bases Messaoudi Khaled, Boukelal Hanane (Etudiants Informatique ) 2015. Le but de ce livre est de vous aider à bien positionné votre site web ou blog auprès des moteurs de
Plus en détailSPECIFICATIONS TECHNIQUES : Gestion des Médicaments et des commandes de médicaments
SPECIFICATIONS TECHNIQUES : Gestion des Médicaments et des commandes de médicaments Développement d une application en web/ client lourd en C# permettant la gestion des médicaments et des commandes de
Plus en détailSpécificités Techniques créations publicitaires
Spécificités Techniques créations publicitaires 2012 Sommaire Presentation p3 Sky Flottant 120x600 p17 Spec : Clicktag p4 Flash Transparent 400x400 p18 Spec : Flash transparent / Interstitiel p5 Flash
Plus en détailPublication dans le Back Office
Site Web de l association des ingénieurs INSA de Lyon Publication dans le Back Office Note : dans ce guide, l'appellation GI signifie Groupe d'intérêt, et GR Groupe Régional laure Buisset Page 1 17/09/2008
Plus en détailJe suis très dynamique et extrêmement motivé car j'aime beaucoup acquérir de nouvelles connaissances et
MARTIN GERARD UI DESIGNER WEB & MOBILE Adresse Téléphone E-Mail 1382 Paul-Cézanne Repentigny, Qc. J5Y 0A6 514-497-6140 martin@martingerard.ca Date Septembre 2014 BONJOUR! Je cherche un mandat pigiste,
Plus en détailGuide utilisateur Module Parents
Guide utilisateur Module Parents Version 1.4 - août 2013 Sommaire Accès au module parents...3 Se connecter au module parents...3 Récupérer un mot de passe perdu... 3 Informations sur la famille et les
Plus en détailHé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