Développement Web Frameworks AJAX

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Développement Web Frameworks AJAX"

Transcription

1 1 / 27 Développement Web Frameworks AJAX Jean-Michel Richer

2 2 / 27 Objectif Objectif du cours découverte de quelques frameworks AJAX comprendre comment ils peuvent simplifier le développement Web et augmenter l interactivité avec l utilisateur

3 3 / 27 Plan Plan 1 Framework Protoype 2 Framework Scriptaculous 3 Framework Dojo

4 4 / 27 Framework Protoype Prototype Le Framework Prototype

5 5 / 27 Framework Protoype Le Framework Prototype mis au point par Sam Stephenson à partir de 2005, permet : gestion du DOM requêtes XMLHttpRequest (objet Ajax) gestion des classes chargement d un seul fichier prototype.js

6 6 / 27 Framework Protoype Fonctionnalités liées aux objets Les objets prototype introduit un ensemble de fonctions pour gérer les objets : boolean Object.isArray(obj) boolean Object.isFunction(obj) boolean Object.isNumber(obj) boolean Object.isString(obj) boolean Object.isHash(obj) boolean Object.isElement(obj) boolean Object.isUndefined(obj) Array Object.keys(obj) Array Object.values(obj)

7 7 / 27 Framework Protoype Fonctionnalités liées aux objets Les objets Object.clone(obj) : permet de réaliser une copie d un objet mais les valeurs ne sont pas dupliquées Object.extend(obj) : simule l héritage Object.toHTML(obj) : convertir en HTML

8 8 / 27 Framework Protoype Les chaînes de caractères Fonctions liées à la suppression string strip() : supprime les espaces en début et fin de chaîne string striptags() : supprime les balises ouvrantes et fermantes au début et en fin de chaîne string truncate([length=30]) : tronque la chaîne en fonction de la longueur

9 9 / 27 Framework Protoype Les chaînes de caractères Fonctions liées à la casse string camelize() : supprime les délimiteurs et met en majuscule la première lettre de chaque mot string capitalize() : première lettre en majuscule string dasherize() : change les soulignés en signe moins string underscore() : ajoute un caractère souligné

10 Framework Protoype Les chaînes de caractères Fonctions liées à la modification string sub(pattern, replacement iterator [,count=1]) string gsub(pattern, replacement iterator) : remplacement d une expression régulière string interpolate(scope [,pattern]) string scan(pattern,iterator) 10 / 27

11 Framework Protoype Support JSON Support du format JSON string Object.toJSON(obj) string array.tojson() string date.tojson() string hash.tojson() string number.tojson() string string.tojson() Object jsonstring.evaljson([sanitize=false]) 11 / 27

12 12 / 27 Framework Protoype les fonctions $ elles permettent de simplifier les traitements $() : manipulation des éléments du DOM $w() : transformer une chaîne en tableau $$() : sélection en fonction du style CSS $A() : conversion en tableau $R() : intervalle de valeurs $F() : champs de formulaires $H() : tableau associatif

13 13 / 27 Framework Protoype Exemples Exemples void la section exemples du cours sur internet.

14 14 / 27 Framework Scriptaculous Scriptaculous Le Framework Scriptaculous

15 Framework Scriptaculous Le Framework Scriptaculous script.aculo.us mis au point par Thomas Fuchs sur-couche de prototype effets d animation, glisser-déposer 15 / 27

16 16 / 27 Framework Dojo Dojo Le Framework Dojo

17 17 / 27 Framework Dojo Le Framework Dojo créé à partir de 2004 par Alex Russell, Dylan Schiemann, David Schontzler ainsi que de nombreux autres contributeurs véritable boîte à outils qui repose sur 3 modules : Dojo coeur de la librairie Dijit (Dojo Widgets) utile pour créer des interfaces Dojox (Dojo Extensions) effets graphiques

18 18 / 27 Framework Dojo Utiliser Dojo Utiliser Dojo 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 2 " 3 <html xmlns=" lang="fr" xml:lang="fr"> 4 <html> 5 <head> 6 <title>dojo</title> 7 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 8 <link rel="stylesheet" type="text/css" href="css.css" /> 9 <style type= text/css > "dojodir/dijit/themes/soria/soria.css"; "dojodir/dojo/resources/dojo.css"; "dojodir/dojox/grid/resources/grid.css"; "dojodir/dojox/grid/resources/soriagrid.css"; 14 </style> <script type="text/javascript" src="dojodir/dojo/dojo.js" 17 djconfig="parseonload: true, useplainjson:true"> 18 </script> 19 <script type="text/javascript"> 20 dojo.require("dojo.parser"); 21 </script> 22 <body class="soria"> </body> 25 </html>

19 19 / 27 Framework Dojo Introduire les composants nécessaires Introduire les composants 1 <head> <script type="text/javascript"> 4 dojo.require("dojo.parser"); 5 dojo.require("dojo.data.itemfilereadstore"); 6 dojo.require("dijit.layout.contentpane"); 7 dojo.require("dijit.layout.tabcontainer"); 8 dojo.require("dijit.form.validationtextbox"); 9 dojo.require("dijit.tree"); 10 dojo.require("dojox.grid.datagrid"); 11 dojo.require("dojox.data.csvstore"); </script> 15 </head>

20 20 / 27 Framework Dojo utiliser les widgets dojo Déclarer ou programmer 1 // declarative 2 <div dojotype="dijit.layout.contentpane" 3 href=" 4 </div> 5 6 // or programmatic 7 var pane=new dijit.layout.contentpane({ 8 href: 9 }); 10

21 21 / 27 Framework Dojo les thèmes graphiques Mise en forme Dojo possède 4 thèmes graphiques (CSS) tundra : style base soria : un peu plus recherché nihilo : très simpliste claro (version 1.5.0) il est possible de définir son propre thème

22 22 / 27 Framework Dojo La gestion des formulaires sous Dojo Mise en forme des formulaires Dojo permet de mettre en forme les composants grâce aux dojo widgets : dijit.layout.tabcontainer conteneur de panneaux avec onglet dijit.layout.contentpane panneau avec titre (onglet)

23 23 / 27 Framework Dojo La gestion des formulaires sous Dojo Champs des formulaires Plusieurs widgets peuvent être utilisés pour la saisie : dijit.form.textbox : texte simple dijit.form.validationtextbox : texte simple avec vérification de la valeur saisie dijit.form.datetextbox : saisie d une date dijit.form.combobox : liste déroulante dijit.form.simpletextarea : textarea dijit.form.button : bouton

24 24 / 27 Framework Dojo Récupérer et stocker des données ItemFileReadStore et CsvStore On peut lire les données depuis différents types de fichiers : CSV : on utilise l objet dojo.data.csvstore XML : on utilise l objet dojo.data.xmlstore JSON : on utilise l objet dojo.data.itemfilereadstore

25 25 / 27 Framework Dojo Cas de ItemFileReadStore Format de l objet ItemFileReadStore 1 { 2 identifier: "myid", 3 label: "mylabel", 4 items: [ 5 {"myid": "1", "mylabel": "Intel Q6600",...}, 6 {"myid": "2", "mylabel": "AMD Phenom X4",...}, ] 9 } L identifier permet d identifier les éléments de manière unique et le label est utilisé lors de l affichage, de la recherche ou du tri.

26 26 / 27 Framework Dojo La gestion des tableaux sous Dojo Les DataGrid On utilise le widget DataGrid qui dispose de propriétés à renseigner : store : données à afficher dans le tableau query : les données à sélectionner (filtre) clientsort : booléen qui indique la possibilité de trier suivant les colonnes rowselector : espace laissé à la sélection structure : organisation des colonnes (thead) ;

27 27 / 27 Framework Dojo Autres fonctionnalités Autres fonctionnalités modification du style des éléments de la page gestion des événements dijit.tree.foreststoremodel dijit.tree voir la documentation

Dojo partie 1. Widgets dojo.form Validation des formulaires Côté client Côté serveur Requêtes Ajax

Dojo partie 1. Widgets dojo.form Validation des formulaires Côté client Côté serveur Requêtes Ajax Dojo partie 1 Widgets dojo.form Validation des formulaires Côté client Côté serveur Requêtes Ajax 1 Modules Dojo 3 espaces de noms principaux: dojo: bibliothèque de base dijit: bibliothèque de widgets

Plus en détail

Éric Sarrion. JQuery 1. 7. & JQuery UI. 2 e édition. Groupe Eyrolles, 2011, 2012, ISBN : 978-2-212-13504-6

Éric Sarrion. JQuery 1. 7. & JQuery UI. 2 e édition. Groupe Eyrolles, 2011, 2012, ISBN : 978-2-212-13504-6 Éric Sarrion JQuery 1. 7 & JQuery UI 2 e édition Groupe Eyrolles, 2011, 2012, ISBN : 978-2-212-13504-6 Avant-propos Dernier né des frameworks JavaScript, jquery a immédiatement séduit les développeurs

Plus en détail

Formation JavaScript : Perfectionnement. Programme. L approche AJAX. L objet XMLHttpRequest. Objectif(s):

Formation JavaScript : Perfectionnement. Programme. L approche AJAX. L objet XMLHttpRequest. Objectif(s): Formation JavaScript : Perfectionnement Objectif(s): Comprendre l'approche AJAX Comprendre l'objet XMLHttpRequest Durée : 2 jour(s) Pré-requis : Bonnes connaissances en (X)HTML, CSS et JavaScript Public

Plus en détail

Les 2 grands métiers. autour de la création Web. Mais où est passé l'intégrateur?

Les 2 grands métiers. autour de la création Web. Mais où est passé l'intégrateur? Les 2 grands métiers autour de la création Web Mais où est passé l'intégrateur? Langages et frameworks Outils spécifi ques dev mobile À voir dans le module multimédia... Langage : Java Objective C C#,...

Plus en détail

TP2 : PHP. Exercice 1 : Premiers pas en PHP Voici un exemple de code PHP.

TP2 : PHP. Exercice 1 : Premiers pas en PHP Voici un exemple de code PHP. TP2 : PHP Exercice 1 : Premiers pas en PHP Voici un exemple de code PHP. 1 3

Plus en détail

Applications orientées données (NSY135)

Applications orientées données (NSY135) Applications orientées données (NSY135) 2 Applications Web Dynamiques Auteurs: Raphaël Fournier-S niehotta et Philippe Rigaux (philippe.rigaux@cnam.fr,fournier@cnam.fr) Département d informatique Conservatoire

Plus en détail

Dreamweaver CS6 pour PC/Mac Pour des sites full CSS conformes aux standards du W3C

Dreamweaver CS6 pour PC/Mac Pour des sites full CSS conformes aux standards du W3C Introduction L'Internet aujourd'hui 7 Le World Wide Web Consortium et les standards 7 Les logiciels de conception de sites web 7 L'objectif du livre 8 Interface de conception L'environnement système 9

Plus en détail

Apprendre à développer avec JavaScript

Apprendre à développer avec JavaScript Présentation du langage JavaScript 1. Définition et rapide historique 11 2. Pré-requis pour un apprentissage aisé du langage 13 3. Outillage nécessaire 14 4. Positionnement du JavaScript face à d autres

Plus en détail

Programme jquery / Dojo Professionnel

Programme jquery / Dojo Professionnel Programme jquery / Dojo Professionnel Déclaration d'activité enregistrée sous le n 52 44 06789 44 auprès du Préfet de région des Pays de la Loire. Format du cours :Plate-forme d apprentissage numérique

Plus en détail

Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez

Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez Mohammed REZGUI m.rezgui06@gmail.com Basé sur le cours de Guillaume Perez Contenu, Organisation Objectif principal: Base pour la création d un site Notions de client-serveur Notions de programmations Option

Plus en détail

L3 - Sites Web dynamiques : Mini-Wall MINI-WALL

L3 - Sites Web dynamiques : Mini-Wall MINI-WALL L3 - SITES WEB DYNAMIQUES MINI-WALL 1 Introduction L'objectif de ce TD est de mettre en place un mini "livre d'or", permettant à vos visiteurs de vous laisser des messages sur votre site. Une page affiche

Plus en détail

Programmation du Web : Présentation du Web dynamique

Programmation du Web : Présentation du Web dynamique Programmation du Web : Présentation du Web dynamique Jean-Baptiste Vioix (Jean-Baptiste.Vioix@u-bourgogne.fr) IUT de Dijon-Auxerre - LE2I http://jb.vioix.free.fr 1-8 Présentation Nécessité du web dynamique

Plus en détail

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

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

Plus en détail

Gérer les formulaires

Gérer les formulaires 195 Chapitre 7 Gérer les formulaires 1. Vue d'ensemble Gérer les formulaires 1.1 Petit rappel sur les formulaires Le formulaire est un outil de base indispensable pour les sites web dynamiques puisqu'il

Plus en détail

Légende. Conception de Sites Web dynamiques 2015. Résumé. Programme. Fonctionnement, p.ex. Règles du jeu 11/03/2015. Cours 5+6

Légende. Conception de Sites Web dynamiques 2015. Résumé. Programme. Fonctionnement, p.ex. Règles du jeu 11/03/2015. Cours 5+6 Légende Conception de Sites Web dynamiques 2015 Cours 5+6 Patrick Reuter http://www.labri.fr/perso/preuter/cswd2015 Titre de la page h1, h2, h3 color: red; $a = 3; SELECT * FROM commentaires; HTML CSS

Plus en détail

//////////////////////////////////////////////////////////////////// Développement Web

//////////////////////////////////////////////////////////////////// Développement Web ////////////////////// Développement Web / INTRODUCTION Développement Web Le développement, également appelé programmation, désigne l'action de composer des programmes sous forme d'algorithme (codage).

Plus en détail

Programmation Web. Madalina Croitoru IUT Montpellier

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

Plus en détail

II. EXCEL/QUERY ET SQL

II. EXCEL/QUERY ET SQL I. AU TRAVAIL, SQL! 1. Qu est-ce que SQL?... 19 2. SQL est un indépendant... 19 3. Comment est structuré le SQL?... 20 4. Base, table et champ... 21 5. Quelle est la syntaxe générale des instructions SQL?...

Plus en détail

INTRODUCTION CHAPITRE 1

INTRODUCTION CHAPITRE 1 CHAPITRE 1 INTRODUCTION Query, qu est-ce que c est?... 11 HTML, CSS, JavaScript, PHP : qui fait quoi?... 16 Un environnement de développement simple et gratuit... 19 Ce que vous allez apprendre... 20 9

Plus en détail

Programmation Internet Cours 4

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

Plus en détail

IAE - Web Marketing. Créer un site internet «simple» Publier un site internet Référencer un site internet. Olivier Toscano Gérant WebCMS Sàrl

IAE - Web Marketing. Créer un site internet «simple» Publier un site internet Référencer un site internet. Olivier Toscano Gérant WebCMS Sàrl IAE - Web Marketing Créer un site internet «simple» Publier un site internet Référencer un site internet Olivier Toscano Gérant WebCMS Sàrl HTML HTML est un langage à balisage Les balises permettent de

Plus en détail

La vocation purement sémantique de la page HTML a été pervertie avec les années.

La vocation purement sémantique de la page HTML a été pervertie avec les années. Bruxelles Formation CEPEGRA Olivier Céréssia 2012 PRÉAMBULE A mille lieues de la vision structuraliste de ses créateurs, la page HTML est devenue un document hybride mêlant structure, contenu, mise en

Plus en détail

Éric Sarrion. JQuery. & JQuery UI. Groupe Eyrolles, 2011, ISBN : 978-2-212-12892-5

Éric Sarrion. JQuery. & JQuery UI. Groupe Eyrolles, 2011, ISBN : 978-2-212-12892-5 Éric Sarrion JQuery & JQuery UI Groupe Eyrolles, 2011, ISBN : 978-2-212-12892-5 11 Onglets Les pages HTML comportant des onglets (tabs) sont devenues courantes dans les sites web actuels. Elles permettent

Plus en détail

les techniques d'extraction, les formulaires et intégration dans un site WEB

les techniques d'extraction, les formulaires et intégration dans un site WEB les techniques d'extraction, les formulaires et intégration dans un site WEB Edyta Bellouni MSHS-T, UMS838 Plan L extraction des données pour un site en ligne Architecture et techniques Les différents

Plus en détail

GED MARKETING. Page 1 sur 18

GED MARKETING. Page 1 sur 18 GED MARKETING I. Présentation du produit... 2 II. Page principale de l application... 3 L arbre... 3 Le menu... 4 La fenêtre de navigation... 4 III. La recherche de documents... 4 Rechercher tous les documents...

Plus en détail

Jeudi 13 Janvier Jean-Marie Favreau Thomas Petazzoni

Jeudi 13 Janvier Jean-Marie Favreau Thomas Petazzoni XHTML / CSS Un duo gagnant pour un Web moderne Jeudi 13 Janvier Jean-Marie Favreau Thomas Petazzoni XML : extensible Markup Language Meta-language : permet de définir des languages Normalisé par le W3C

Plus en détail

Formation : WEbMaster

Formation : WEbMaster Formation : WEbMaster Objectif et Description : Centre Eclipse vous propose une formation complète WebMaster, vous permettant de : Utiliser dès maintenant les nouveautés du web2, ainsi alléger les besoins

Plus en détail

Présentation du Framework BootstrapTwitter

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

Plus en détail

À la découverte de jquery Mobile

À la découverte de jquery Mobile 1 À la découverte de jquery Mobile jquery Mobile est un ensemble de plug-ins et de widgets de jquery visant à déployer une API multiplates-formes capable de développer des applications Web mobiles. Au

Plus en détail

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web.

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web. Document 1 : client et serveur Les ordinateurs sur lesquels sont stockés les sites web sont appelés des serveurs. Ce sont des machines qui sont dédiées à cet effet : elles sont souvent sans écran et sans

Plus en détail

Devenez un véritable développeur web en 3 mois!

Devenez 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étail

Présentation du périmètre technique

Présentation du périmètre technique Présentation du périmètre technique Kit d intégration des fonctions de réservation Open System au sein d un site d information Alliance Réseaux v09012014 1 KIT D INTEGRATION DES FONCTIONS DE RESERVATION

Plus en détail

Apprendre à développer un site web avec PHP et MySQL Exercices pratiques et corrigés (2ième édition)

Apprendre à développer un site web avec PHP et MySQL Exercices pratiques et corrigés (2ième édition) Introduction 1. Objectif de l'ouvrage 13 2. Fonctionnement d un site web 13 Installation 1. Introduction 17 2. Installation d'easyphp 13.1 18 Les bases du langage PHP 1. Les balises 23 1.1 Syntaxe de base

Plus en détail

Compte rendu de PHP MySQL : création d un formulaire de base de données

Compte rendu de PHP MySQL : création d un formulaire de base de données REVILLION Joris Décembre 2009 3EI Compte rendu de PHP MySQL : création d un formulaire de base de données Objectifs : Le principal objectif de ce cours est de découvrir et de nous familiariser avec le

Plus en détail

Programmation Objet - Cours II

Programmation Objet - Cours II Programmation Objet - Cours II - Exercices - Page 1 Programmation Objet - Cours II Exercices Auteur : E.Thirion - Dernière mise à jour : 05/07/2015 Les exercices suivants sont en majorité des projets à

Plus en détail

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations

Plus en détail

2012-2013 INTRODUCTION PRESENTATION :

2012-2013 INTRODUCTION PRESENTATION : TP1 : Microsoft Access INITITIATION A ACCESS ET CREATION DE TABLES INTRODUCTION Une base de données est un conteneur servant à stocker des données: des renseignements bruts tels que des chiffres, des dates

Plus en détail

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

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

Plus en détail

Mac OS X Dashboard. Jean-Baptiste.Yunes@liafa.jussieu.fr http://www.liafa.jussieu.fr/~yunes/macosx/

Mac OS X Dashboard. Jean-Baptiste.Yunes@liafa.jussieu.fr http://www.liafa.jussieu.fr/~yunes/macosx/ Mac OS X Dashboard Jean-Baptiste.Yunes@liafa.jussieu.fr http://www.liafa.jussieu.fr/~yunes/macosx/ Dashboard un ensemble d outils toujours disponibles [F12] trois types d outils : accessoires (très autonomes)

Plus en détail

Bootstrap 3 INTRODUCTION. À l origine, projet interne lancé au sein de l entreprise Twitter

Bootstrap 3 INTRODUCTION. À l origine, projet interne lancé au sein de l entreprise Twitter INTRODUCTION À l origine, projet interne lancé au sein de l entreprise Twitter Août 2011 Bootstrap V1, Janvier 2012 Bootstrap V2, Août 2013 Bootstrap V3 Bootstrap est un frameworks HTML/CSS Bibliothèque

Plus en détail

PHP 5.4 Développez un site web dynamique et interactif

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

Plus en détail

MooTools. Framework Javascript. Florent PRUNETA Vincent SEBILLE Malo RAISIN

MooTools. Framework Javascript. Florent PRUNETA Vincent SEBILLE Malo RAISIN MooTools Framework Javascript Florent PRUNETA Vincent SEBILLE Malo RAISIN 11/06/2013 Problématique Simplifier le développement en Javascript pour certaines fonctionnalités 11/06/2013 MooTools - Florent

Plus en détail

HTML, CSS, JS et CGI. Elanore Elessar Dimar

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

Plus en détail

Les formations. Développeur Logiciel. ENI Ecole Informatique

Les formations. Développeur Logiciel. ENI Ecole Informatique page 1/5 Titre professionnel : Reconnu par l Etat de niveau III (Bac), inscrit au RNCP (arrêté du 12/10/07, J.O. n 246 du 23/10/07) (32 semaines) Unité 1 : Structurer une application 6 semaines Module

Plus en détail

Tutoriel pour l introduction à l animation en HTML5 et JavaScript

Tutoriel pour l introduction à l animation en HTML5 et JavaScript Tutoriel pour l introduction à l animation en HTML5 et JavaScript Frédéric Guégan Olivier Fauvel-Jaeger Giacomo Rombaut Table des matières 1. Introduction... 2 2. Création de l environnement... 2 3. Création

Plus en détail

18/05/2010 JSF : Java server faces

18/05/2010 JSF : Java server faces 18/05/2010 JSF : Java server faces Groupe JAXB - JSF TABLE DES MATIÈRES OBJECTIF...2 VERSION... ERREUR! SIGNET NON DEFINI. MISE EN ŒUVRE...2 UTILISATION...4 Génération des classes à partir d un schéma...

Plus en détail

RECUPERATION DES ADRESSES MAIL PARENTS DANS OUTLOOK

RECUPERATION DES ADRESSES MAIL PARENTS DANS OUTLOOK EXTRACTION DES ADRESSES MAIL PARENTS DU LOGICIEL ELEVES Lancez le programme Elèves. Cliquez sur le menu Import/Export, Extraction fichier texte 1 Cliquez sur Mode Expert 2 Cliquez dans la 1 ère colonne

Plus en détail

Toutes formations CIEL GESCO. et mise en œuvre. Découverte. Jean-Michel Chenet. Gep Éditions / Eyrolles Éducation, 2013 ISBN : 978-2-84425-935-6

Toutes formations CIEL GESCO. et mise en œuvre. Découverte. Jean-Michel Chenet. Gep Éditions / Eyrolles Éducation, 2013 ISBN : 978-2-84425-935-6 Toutes formations CIEL GESCO Découverte et mise en œuvre Jean-Michel Chenet Gep Éditions / Eyrolles Éducation, 2013 ISBN : 978-2-84425-935-6 I. La mise en œuvre Les menus Les déplacements 1.1 Lancement

Plus en détail

Gestion Électronique de Documents et XML. Master 2 TSM

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

Plus en détail

Cours de programmation web

Cours de programmation web Cours de programmation web ENSAE 2006-2007 Cours 1 - Introduction 1. Introduction 2. Le principe d Internet 3. Les langages du web 4. Le web 2.0 Introduction : Historique 1967 : Arpanet : réseau militaire

Plus en détail

Ezpublish Création d'un design

Ezpublish Création d'un design Ezpublish Création d'un design Transfert de compétence 17,18,19 octobre 2011 17/10/2011 Szsic Rennes - Dominique Seven 1 Rappel des objectifs Pouvoir créer un nouveau design pour un site ezpublish. Comprendre

Plus en détail

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 - 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étail

ISN : B6-Langages du Web

ISN : B6-Langages du Web ISN : B6-Langages du Web Les langages du Web Michel Van Caneghem Mai 2012 Les langages du Web Langages de description : Présentation du langage HTML et du principe de séparation du contenu et de la mise

Plus en détail

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

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

Plus en détail

Pages et sites Web. Table des matières 1. Microsoft Expression Web S'orienter vers l'accessibilité...12

Pages et sites Web. Table des matières 1. Microsoft Expression Web S'orienter vers l'accessibilité...12 Pages et sites Web Table des matières 1 Microsoft Expression Web S'orienter vers l'accessibilité...12 Espace de travail Installer le logiciel...13 Lancer/quitter Microsoft Expression Web 2...13 Découvrir

Plus en détail

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

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 jquery Mobile La bibliothèque JavaScript pour le Web mobile É r i c S a r r i o n Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 Table des matières PREMIÈRE PARTIE

Plus en détail

Dreamweaver CC pour PC/Mac Pour des sites full CSS conformes aux standards du W3C

Dreamweaver CC pour PC/Mac Pour des sites full CSS conformes aux standards du W3C Introduction L'Internet aujourd'hui 7 Le World Wide Web Consortium et les standards 7 Les logiciels de conception de sites web 7 L'objectif du livre 8 Le Creative Cloud d Adobe 9 Interface de conception

Plus en détail

Bootstrap 3 pour l'intégrateur web CSS et Responsive Web Design

Bootstrap 3 pour l'intégrateur web CSS et Responsive Web Design Chapitre 1 : Introduction A. Le développement des sites Web 14 B. Les fonctionnalités de Bootstrap 14 C. La compatibilité avec les navigateurs 15 D. Télécharger les exemples 15 Chapitre 2 : Installer Bootstrap

Plus en détail

Database Manager Guide de l utilisateur DMAN-FR-01/01/12

Database Manager Guide de l utilisateur DMAN-FR-01/01/12 Database Manager Guide de l utilisateur DMAN-FR-01/01/12 Les informations contenues dans le présent manuel de documentation ne sont pas contractuelles et peuvent faire l objet de modifications sans préavis.

Plus en détail

User Guide 7 bonnes pratiques pour réussir vos tableaux de bord Excel avec Data Query. DE.S.3-000000356 v4.1 (updated 03/03/2010)

User Guide 7 bonnes pratiques pour réussir vos tableaux de bord Excel avec Data Query. DE.S.3-000000356 v4.1 (updated 03/03/2010) User Guide 7 bonnes pratiques pour réussir vos tableaux de bord Excel avec Data Query DE.S.3-000000356 v4.1 (updated 03/03/2010) Sommaire 1. Comment bien organiser son fichier Excel? 2. Comment bien organiser

Plus en détail

COMPTE RENDU D ACTIVITE ACTIVITE N 4. Identification (objectif) de l'activité. Contexte dans lequel le projet s'inscrit

COMPTE RENDU D ACTIVITE ACTIVITE N 4. Identification (objectif) de l'activité. Contexte dans lequel le projet s'inscrit BTS INFORMATIQUE DE GESTION Option Administrateur de réseaux Développeur d applications COMPTE RENDU D ACTIVITE ACTIVITE N 4 Nom et Prénom : BUISSON Pierre-Adrien EPSI Lyon 107 rue de Marseille 69 007

Plus en détail

Dreamweaver - Créer son site internet avec Dreamweaver

Dreamweaver - Créer son site internet avec Dreamweaver 2 Jours Dreamweaver - Créer son site internet avec Dreamweaver dans CREATION WEB - SITE INTERNET Objectifs de la formation Création de site web avec Dreamweaver Concevoir un site Web en HTML avec les fonctions

Plus en détail

Utiliser un logiciel libre de gestion bibliographique : Zotero 2.0

Utiliser un logiciel libre de gestion bibliographique : Zotero 2.0 Utiliser un logiciel libre de gestion bibliographique : Zotero 2.0 David Vivarès URFIST Strasbourg 1.Définition Les logiciels de gestion bibliographiques sont des outils spécialisés permettant de gérer

Plus en détail

Installation du logiciel

Installation du logiciel Hot Potatoes Hot Potatoes est un logiciel gratuit proposé par Half-Baked Software et l Université de Victoria au Canada. Il se compose de six modules permettant chacun de mettre au point différents types

Plus en détail

Bien programmer. en Java 7. 10 000 ex. couleur. Avec plus de 50 études de cas et des comparaisons avec C++ et C# Emmanuel Puybaret.

Bien programmer. en Java 7. 10 000 ex. couleur. Avec plus de 50 études de cas et des comparaisons avec C++ et C# Emmanuel Puybaret. Bien programmer en Java 7 Avec plus de 50 études de cas et des comparaisons avec C++ et C# Plus de 10 000 ex. vendus! Édition en couleur Emmanuel Puybaret, ISBN : 978-2-212-12974-8 chapitre1 Présentation

Plus en détail

Utiliser un tableau de données

Utiliser un tableau de données Utiliser un tableau de données OBJECTIFS : - Définir une Base de Données. - Présentation : tableau de données. - Création d un tableau de données - Gestion d un tableau de données. - Trier et Filtrer des

Plus en détail

MANUEL GESTIONNAIRE DU GAPIBD

MANUEL GESTIONNAIRE DU GAPIBD MANUEL GESTIONNAIRE DU GAPIBD Générateur de sites Internet/Intranet à distance GAPI Software est une marque déposée par la Société ALLNET ALLNET 1 rue Henri Spriet 14120 Mondeville TABLE DES MATIERES TABLE

Plus en détail

Web HTML. Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr

Web HTML. Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr Web HTML Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr 1 Plan Fonc-onnement du web Le langage HTML 2 Web : Introduc;on Réseau : mise en commun de ressources (données, imprimantes, ) Internet : Interconnexion

Plus en détail

Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web

Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web Le Web 1. Qu est-ce que le Web? 7 1.1 Côté serveur : HTTP, FTP, langages, SQL 7 1.2 Côté client : HTML, CSS, JavaScript 10 2. Les langages et leur utilité 10 2.1 HTML 10 2.2 CSS 13 2.3 JavaScript 16 2.4

Plus en détail

Programmation Avancée pour le Web

Programmation Avancée pour le Web L3 Informatique Option : ISIL Programmation Avancée pour le Web RAMDANI Med U Bouira 1 Contenu du module Introduction aux applications Web Rappels sur les sites Web Conception d une application Web Notion

Plus en détail

Utiliser un logiciel libre de gestion bibliographique: Zotero

Utiliser un logiciel libre de gestion bibliographique: Zotero Utiliser un logiciel libre de gestion bibliographique: Zotero David Vivarès URFIST Strasbourg 03/11/2008 1 1. Définition Les logiciels de gestion bibliographiques sont des outils spécialisés permettant

Plus en détail

Interakting groupe Business & Decision

Interakting groupe Business & Decision Magento Référence Date de création 2 octobre 2009 Date de diffusion Magento_2009-12-16_MANUEL D'INSTALLATION ET INTERAKTING SLIDER_v3.2.doc Version 3.2 Magento ----- Manuel d'installation et d'utilisation

Plus en détail

XML listing. XML listing 3 septembre 2007 1 sur 15

XML listing. XML listing 3 septembre 2007 1 sur 15 XML listing Fonctionnement du module Listing... 2 Utilisation du module via le plugin Smarty voozanoo_listing... 2 Utilisation du module dans un script PHP... 2 Structure du XML... 4 Définition du format

Plus en détail

Tout pour monter son site Web. IUFM de Bourgogne

Tout pour monter son site Web. IUFM de Bourgogne Tout pour monter son site Web IUFM de Bourgogne Pourquoi utiliser les technologies Web? Visible par toutes les plates-formes (PC, Mac, Unix ) Technologies simples et descriptives Contenu principalement

Plus en détail

PHP 5.4 Développez un site web dynamique et interactif

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

Plus en détail

«A LA DECOUVERTE DE WINDOWS»

«A LA DECOUVERTE DE WINDOWS» «A LA DECOUVERTE DE WINDOWS» Découverte de l'environnement informatique et des manipulations de base. A l'issue de cette session, chaque participant : Maîtrise les fonctions élémentaires de Windows, Lance

Plus en détail

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS Table des matières Présentation de la plateforme d envoi de courriels... 4 1- Gestion des contacts... 5 1.1. Base de données... 5 1.1.1- Création

Plus en détail

Tutoriel Chat AJAX Partie 2 : Prototype, Scriptaculous, Application HTML

Tutoriel Chat AJAX Partie 2 : Prototype, Scriptaculous, Application HTML Tutoriel Chat AJAX Partie 2 : Prototype, Scriptaculous, Application HTML Prototype et Scriptaculous Pour cette application de "chat" nous utiliserons deux librairies populaires de Javascript : Prototype

Plus en détail

EXCEL 2007. Les bases de données

EXCEL 2007. Les bases de données EXCEL 2007 Les bases de données 1 LES BASES DE DONNEES a) Règles de bases... 3 b) Créer une base de données... 3 c) Le tri simple (1 seule clé)... 6 d) Le tri multiple (plusieurs clés)... 6 e) Les filtres...

Plus en détail

SUGARCRM MODULE RAPPORTS

SUGARCRM MODULE RAPPORTS SUGARCRM MODULE RAPPORTS Référence document : SYNOLIA_Support_SugarCRM_Module_Rapports_v1.0.docx Version document : 1.0 Date version : 2 octobre 2012 Etat du document : En cours de rédaction Emetteur/Rédacteur

Plus en détail

PHP 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 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étail

Cours 1 Premiers pas avec jquery : sélecteurs et modifieurs

Cours 1 Premiers pas avec jquery : sélecteurs et modifieurs Licence STIC IUT de Marne-la-Vallée 12/03/2015 Cours de jquery Cours 1 Premiers pas avec jquery : sélecteurs et modifieurs Philippe Gambette Organisation pratique Contact - Courriel : philippe.gambette@gmail.com

Plus en détail

Evolutions du Web et des langages

Evolutions du Web et des langages Evolutions du Web Evolutions du Web et des langages WEB statique Ces pages sont écrites en HTML Les pages demandées sont identiques quelque soit La personne qui les demande L heure de la demande Etc. WEB

Plus en détail

MAÎTRISE DE L ENVIRONNEMENT WINDOWS VISTA

MAÎTRISE DE L ENVIRONNEMENT WINDOWS VISTA MAÎTRISE DE L ENVIRONNEMENT WINDOWS VISTA OBJECTIFS : manipuler les fenêtres et l environnement Windows, gérer ses fichiers et dossiers, lancer les applications bureautiques présentes sur son poste. PUBLIC

Plus en détail

Bureautique. 1 Journée. Référence: BUR-EXC-001. Public: Débutant. Formation Individuelle. Formation Inter ou Intra-Entreprise OBJECTIFS

Bureautique. 1 Journée. Référence: BUR-EXC-001. Public: Débutant. Formation Individuelle. Formation Inter ou Intra-Entreprise OBJECTIFS Bureautique Savoir utiliser les principales fonctionnalités d un tableur lors de la réalisation de tableau et de calculs Introduction - Définir le programme - Présentation de l interface - Le classeur

Plus en détail

Formation Excel Perfectionnement. Programme. Introduction. Saisie de donnée. Objectif(s):

Formation Excel Perfectionnement. Programme. Introduction. Saisie de donnée. Objectif(s): Formation Excel Perfectionnement Objectif(s): -Gérer des documents Excel, mettre en forme un tableau et des données -créer des graphiques -Approfondir la pratique d'excel (outils et fonctions) par de multiples

Plus en détail

IMPLANTATION D UNE BASE DE DONNEES SOUS MS-ACCESS 97

IMPLANTATION D UNE BASE DE DONNEES SOUS MS-ACCESS 97 Stage STT050 - Novembre 2000 Page 1 IMPLANTATION D UNE BASE DE DONNEES SOUS MS-ACCESS 97 GENERALITES SUR MS-ACCESS Fonctionnalités de MS-ACCESS Access 97 est un produit Microsoft de type SGBDR (Système

Plus en détail

Un code simplifié, plus léger, moins bavard. Il est plus facile à manipuler et à mettre à jour.

Un code simplifié, plus léger, moins bavard. Il est plus facile à manipuler et à mettre à jour. XHTML : introduction 1. Présentation et historique Le HTML à l origine est un langage simple destiné à la présentation des documents hypermédias. Toutefois au fil des ans, il s est avéré que le HTML ne

Plus en détail

Programme de Formation

Programme de Formation Windows / PC - initiation Etre à l aise avec Windows, savoir se situer, organiser son environnement et classer ses documents Tout utilisateur désireux d être rapidement autonome dans l utilisation de l

Plus en détail

Documentation des Packages Websolution. Newsletter : Création et envoi en nombre de newsletters Version : 3.5

Documentation des Packages Websolution. Newsletter : Création et envoi en nombre de newsletters Version : 3.5 Newsletter : Création et envoi en nombre de newsletters Version : 3.5 Date de création : 31/05/2011 Date de révision : 07/06/2011 Sommaire 1. Installation... 3 2. Objectifs... 5 3. Règles... 8 3.1. Gestion

Plus en détail

Manipuler les donne es : XML et CSV

Manipuler les donne es : XML et CSV Open data : séquence n 2 Manipuler les donne es : XML et CSV Conditions Travail en groupe Durée : 2h La diffusion des données doit respecter un certains nombres de règles. Les données doivent être documentées

Plus en détail

Programmation du Web : Présentation du protocole HTTP

Programmation du Web : Présentation du protocole HTTP Programmation du Web : Présentation du protocole HTTP Jean-Baptiste Vioix (jean-baptiste.vioix@iut-dijon.u-bourgogne.fr) IUT de Dijon-Auxerre - LE2I http://jb.vioix.free.fr 1-14 Présentation générale Le

Plus en détail

Tutoriel Technique. Plateforme de suivi des usages des ressources. Version 2 Date de conception : 03/2014 Auteur : Équipe UVED

Tutoriel Technique. Plateforme de suivi des usages des ressources. Version 2 Date de conception : 03/2014 Auteur : Équipe UVED Tutoriel Technique Plateforme de suivi des usages des ressources Version 2 Date de conception : 03/2014 Auteur : Équipe UVED 1. Connexion à la plateforme de suivi des usages Pour accéder à la plateforme

Plus en détail

WordPress : Guide à l édition

WordPress : Guide à l édition WordPress : Guide à l édition WordPress : Guide à l édition... 1 Présentation... 2 1. Accès au site... 2 2. Le tableau de bord... 2 3. Editez les contenus... 4 Quelle est la différence entre les pages

Plus en détail

PROJET D INTEGRATION DE DEVELOPPEMENT

PROJET D INTEGRATION DE DEVELOPPEMENT MINISTERE DE LA COMMUNAUTE FRANCAISE ADMINISTRATION GENERALE DE L ENSEIGNEMENT ET DE LA RECHERCHE SCIENTIFIQUE ENSEIGNEMENT DE PROMOTION SOCIALE DE REGIME 1 DOSSIER PEDAGOGIQUE UNITE DE FORMATION PROJET

Plus en détail

Formation développer une application mobile multi plates-formes avec GWT Mobile

Formation développer une application mobile multi plates-formes avec GWT Mobile Objectifs de la formation GWT Mobile A la fin de cette formation GWT Mobile vous saurez développer des applications natives ou web pour mobiles et tablettes en GWT. Programme de la formation GWT Mobile

Plus en détail

A. Présentation. LanScanner2006

A. Présentation. LanScanner2006 V2.33 Revu le : 18/04/2008 Auteur : Nicolas VEST LanScanner2006 Objectif : Présentation de LanScanner. Proposer l outil adéquat de l administrateur réseau, afin de lui permettre une administration journalière

Plus en détail

Création d un catalogue en ligne

Création d un catalogue en ligne 5 Création d un catalogue en ligne Au sommaire de ce chapitre Fonctionnement théorique Définition de jeux d enregistrements Insertion de contenu dynamique Aperçu des données Finalisation de la page de

Plus en détail

MANUEL DE FORMATION DE CONVERSION EN BASES DE DONNÉES

MANUEL DE FORMATION DE CONVERSION EN BASES DE DONNÉES MANUEL DE FORMATION DE CONVERSION EN BASES DE DONNÉES VERSION 6.03 1, rue de la Martinerie 78610 LE PERRAY EN YVELINES SUPPORT TECHNIQUE Tél. : +33-(02).99.73.52.06 Adresse e-mail : support@euroid.fr Site

Plus en détail

Programme HTML5 / CSS3 Professionnel

Programme HTML5 / CSS3 Professionnel Programme HTML5 / CSS3 Professionnel Déclaration d'activité enregistrée sous le n 52 44 06789 44 auprès du Préfet de région des Pays de la Loire. Format du cours :Plate-forme d apprentissage numérique

Plus en détail