Web2 Web Dynamique et Multimédia Vers les RIA
|
|
- Augustin Gaudet
- il y a 7 ans
- Total affichages :
Transcription
1 Web2 Web Dynamique et Multimédia Vers les RIA Thomas Bourdeaud'huy, Diego Cattaruzza, Arnaud Charlier, Laurent Wrowblewski Ecole Centrale de Lille / IG2I
2 Plan Organisation du module S1 : HTTP & php pour le Multimédia S2 : Rappels de javascript, Présentation d'ajax, Objet XHR De 3 à 5 couches... Cas d'étude : «google suggest» S3 : Cas d'étude : «google suggest» S4 : JQUERY S5, S6 : Frameworks de développement d'ihm côté client : JQUERY UI, boostrap, culture de CSS3/HTML5 [Sous réserves] T. Bourdeaud'huy 2015/2016 Web 2.0 2
3 Organisation du module Objectifs Planning des séances Evaluation Prérequis Ressources
4 Objectifs Applications Multimédia pour le Web De la page Web à l'application Web Qu'est ce que le multimédia? Qu'est ce qu'une application Web? Objectifs transversaux : Culture du Web Bon sens & Bonnes pratiques Des outils pour le PINF T. Bourdeaud'huy 2015/2016 Web 2.0 4
5 Evaluation Tests à la fin des séances Exercices à terminer CTP 2h POC pour le PINF T. Bourdeaud'huy 2015/2016 Web 2.0 5
6 Prérequis Bonne connaissance de CSS Sélecteurs, modèle de boîte, position, display Appropriation de Firefox/Firebug Doit être installé sur votre navigateur, et devenir un réflexe Console (erreurs CSS/JS, logs), explorateur DOM, affichage des requêtes HTTP... Seule une bonne maîtrise de ces éléments vous permettra de suivre... T. Bourdeaud'huy 2015/2016 Web 2.0 6
7 Ressources ISIM1 devient WEB1 HTML CSS, JS, PHP WEB2 Copie d'articles Refcards Livres pdf T. Bourdeaud'huy 2015/2016 Web 2.0 7
8 S4 : JQUERY «Le framework Javascript du Web 2.0»
9 Kezako? Framework Javascript libre et open source Simplifie les interactions DOM/HTML/CSS/Javascript «Write Less, Do More» Facilite la production d interfaces riches (RIA) Développé par John Resig Également auteur du plugin CCK de drupal Version à télécharger sur internet T. Bourdeaud'huy 2015/2016 Web 2.0 9
10 Ressources jquery cheats heets docs and references for every occasion/ Refcard sur moodle D'autres supports sur le serveur T. Bourdeaud'huy 2015/2016 Web
11 Installation Télécharger, décompacter le fichier js Le placer dans votre projet Commencer à coder! Charger la librairie dans votre code source <script type= text/javascript src= <chemin> ></script> Exercice J1 : Définir une classe allume Définir plusieurs balises (p, div...) de la classe exemple cachés Écrire une fonction decollage, appelée lors du clic sur un bouton $("p.exemple").addclass("allume").show("slow"); T. Bourdeaud'huy 2015/2016 Web
12 Sélecteurs $ représente la fonction jquery(selector, context) selector est une chaîne de caractère dénotant un ou plusieurs élément du DOM Accepte les valeurs classiquement admises en CSS $("p"); $("#id") ; $(".class") $("div > span"); $("div + span"); Filtres de formulaires; de visibilité; d'attributs; de contenu; de parité $("#controle:checked"); $("form:input") $("div:hidden"); $("input[value=toto]") $("div:contains(coucou)") $("tr:odd") Cf. refcard T. Bourdeaud'huy 2015/2016 Web
13 Accès au contenu Balise quelconque : $( balise ).html() $( balise ).text() Champ de formulaire : $( champ ).val() Edition : $( balise ).html( nouveau contenu ) $( champ ).val( nouveau contenu ) Insertion / Suppression $(".menu").remove();.empty() $("#id").replacewith("nouveau");.append("nouveau"),.prepend("nouveau"),.after("nouveau");.before("nouveau") T. Bourdeaud'huy 2015/2016 Web
14 Exercice Modifier le label et le comportement du bouton pour qu'il permette de cacher les éléments qui avaient été affichés Créer plusieurs boutons synchronisés entre eux pour cacher/afficher Le premier en haut, l'autre en bas Insérer des boutons permettant d'ajouter de nouveaux paragraphes à la page, placés avant ou après les paragraphes existants T. Bourdeaud'huy 2015/2016 Web
15 Accès au Style La fonction jquery renvoie un objet qui permet de manipuler les propriétés css des éléments considérés $("#bloc").position() $("#bloc").css("background color") $("#bloc").css("border","1px solid red") $("#bloc").css({ background color" : yellow, border":"1px solid red"}) $("#bloc").addclass(classe); removeclass, toggleclass... T. Bourdeaud'huy 2015/2016 Web
16 Effets Cacher / rendre visible show(speed,callback) hide(speed,callback) toggle(speed,callback) Animer animate(params,options) scrolltop(val)... T. Bourdeaud'huy 2015/2016 Web
17 Evénements Il est préférable d'attendre que le DOM soit complètement chargé dans la mémoire du navigateur pour commencer à exécuter des traitements $(document).ready(callback) Jquery permet de déclencher un événement $("#bloc").focus(); De définir un gestionnaire d'événement $("p").click(callback); Agit juste sur les balises p du DOM actuel $(document).on("click", "p",callback); Agit sur les balises p actuelles et les futures p insérées dans le DOM T. Bourdeaud'huy 2015/2016 Web
18 Exercice Enlever le onclick, le onload Le code HTML est purifié Définir les gestionnaires par du code au moment où le navigateur a terminé la lecture de la page Une fois en production, ne plus nommer les fonctions pour optimiser le temps d'interprétation par le navigateur $("#controle").click(function() { }); // code de la fonction Il existe des outils qui font ce travail pour vous... T. Bourdeaud'huy 2015/2016 Web
19 Quelques astuces $(this) représente l'élément cible de l'événement dans la fonction callback de traitement de cet événement Un objet événement est toujours passé aux fonctions callback de traitement d'événement Il suffit de nommer cet argument pour le récupérer! Pour récupérer le code de la touche entrée, utiliser l'événement 'keyup' et la propriété e.which $(document).keyup( function(e) { alert(e.which);} ); T. Bourdeaud'huy 2015/2016 Web
20 Quelques astuces Si on dispose d'une référence javascript vers une balise, $(lareference) permet de récupérer l'objet jquery correspondant var reftoto = document.getelementbyid( toto ); $(reftoto) est la même chose que $( #toto ) T. Bourdeaud'huy 2015/2016 Web
21 Quelques astuces Ajouter des éléments et récupérer une référence jquery vers ces éléments var string = '<div id="some_html"><span>hello kitty</span></div>'; $jq_elem = $(string); //if it's not a jquery object, make it one $("#id").after($jq_elem); //insert into DOM $jq_elem.css('color', 'red'); //still available cf. element then getting it back T. Bourdeaud'huy 2015/2016 Web
22 Quelques astuces :.data Lors d'une édition, on stocke dans l'élément son état initial var nextelmt = $("<textarea>" + contenuinitial + "</textarea>").data("initvalue",contenuinitial); $(this).replacewith(nextelmt); Lorsque l'édition est annulée, on récupère les valeurs initiales $("textarea").each(function (){ }); // $(this) le textarea courant! var initvalue = $(this).data("initvalue"); $(this).replacewith('<p class="editable">' + initvalue + "</p>"); T. Bourdeaud'huy 2015/2016 Web
23 Quelques astuces : closure Comment garder une trace de la valeur d'une variable dont on aura besoin lors du traitement de la réponse asynchrone? Soit beaucoup plus tard, quand la variable aura cessé d'exister depuis longtemps! function mkhandler(i) { return function () { alert("clic sur " + i); } } $(document).ready(function () { var i; for(i=1;i<=3;i++){ /* V1 : ne marche pas... $("#" + i).click(function (){ alert("clic sur " + i); }); */ $("#" + i).click(mkhandler(i)); } }); T. Bourdeaud'huy 2015/2016 Web
24 Quelques astuces : contexte La fonction jquery(selector, context) prend deux arguments : Sélecteur CSS Contexte dans lequel rechercher les éléments à sélectionner $( p ).click(function(){ if ($("textarea",$(this)).length!= 0) return; } On recherche un textarea DANS LE CONTEXTE du p ie à l'intérieur T. Bourdeaud'huy 2015/2016 Web
25 Formulaires Filtres de formulaires $("form:input") Accès aux attributs et valeurs des champs $("#choix").attr("name","nom") On ne peut changer l'attribut "type" cf. change type of input field $("#champ").val("value") Déclenchement d'actions $("#form1").submit() $("#nom").attr("checked",true) Gestionnaires d'évenements $("#form1").submit(callback) T. Bourdeaud'huy 2015/2016 Web
26 Exercice Formulaires Trouver le champ sélectionné dans un menu select Trouver la valeur du bouton radio actuellement coché Formulaire de login Utiliser la base isig Afficher /masquer avec apparition progressive Détecter quand la longueur du login dépasse 5 caractères T. Bourdeaud'huy 2015/2016 Web
27 Ajax Déclenchement d'une requête $("#popup").load(url,data,callback) $.get(url,data,callback,datatype) Utile pour déboguer avant d'utiliser getjson $.getjson(url,data,callback) NB : il existe une fonction json_encode en php!! $.post(url,data,callback,datatype) $.getscript(url,callback) Paramètres globaux : $.ajaxcomplete(complete) $.ajaxsuccess(callback); ajaxstart, ajaxstop... T. Bourdeaud'huy 2015/2016 Web
28 Exercice : paragraphes éditables Des boutons '+' seront affichés par jq de part et d'autre d'un div contenu Ils permettront de créer de nouveaux pararaphes lors d'un click Les paragraphes créés seront éditables Pour être éditable, un paragraphe aura juste besoin d'être de la classe éditable Version 1 : Si on clique sur un autre paragraphe alors que le premier est en cours d'édition, rien ne se passe Si on appuie sur Entrée, on valide la saisie Si on clique sur la touche 'ESC', on annule l'édition en cours en réaffichant l'ancien contenu Version 2 : Plusieurs paragraphes sont éditables en même temps On utilisera $().data pour stocker les valeurs des anciens contenus à restaurer lors de l'appui sur 'ESC' T. Bourdeaud'huy 2015/2016 Web
29 Cas d'étude Tiny CMS Utilisation d'une base de données & d'une API REST Récupérer des paragraphes depuis une base de données Les rendre éditables A chaque modification, envoyer la valeur du paragraphe édité au serveur pour le sauvegarder en base de données Interdire l'envoi d'un paragraphe vide Ajouter des fonctionnalités : Création de nouveaux paragraphes Suppression d'un paragraphe T. Bourdeaud'huy 2015/2016 Web
30 Pour aller + loin ISIG Suggest en jquery Chat 2.0 en jquery T. Bourdeaud'huy 2015/2016 Web
31 Cas d'étude : multi chat L'outil fonctionne avec une base de données La liste des utilisateurs connectés est affichée On dispose d'un login et d'une couleur unique pour toutes les conversations, que l'on peut changer dans son profil La liste des conversations actives est affichée Chaque conversation affiche la liste des interlocuteurs On crée un nouvelle conversation en double cliquant sur un interlocuteur On peut rejoindre une conversation existante On peut quitter à tout moment une conversation : la liste est mise à jour pour tout le monde Toutes les 5s, on lance des requêtes ajax pour récupérer les utilisateurs, conversations et messages en envoyant l'indice du dernier message reçu pour cette conversation L'administrateur a accès à toutes les conversations, il peut interrompre une conversation ou interdire un utilisateur Lorsqu'il n'y a plus qu'un utilisateur connecté à une conversation, elle est interrompue T. Bourdeaud'huy 2015/2016 Web
CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING
CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING Durée : 3J / 21H Formateur : Consultant expert en PAO et Web-marketing. Groupe de : 4 max Formation au web marketing Objectifs : Mettre en oeuvre des
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é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é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é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é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é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étailContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A.
ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. - 1 - PREAMBULE Les conditions générales d utilisation détaillant l ensemble des dispositions applicables
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é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étailRéaliser un PUBLIPOSTAGE
Réaliser un PUBLIPOSTAGE avec le traitement de texte Writer ( OpenOffice ou LibreOffice ) Guide et captures d'écran réalisés avec la version 3.2 d'openoffice. Janvier 2011 - Jean-Claude EYRAUD Création
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é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étailet de la feuille de styles.
Feuilles de style / mars 2007 Manuel d'utilisation du modèle enssib et de la feuille de styles. Writer Open Office Service des produits documentaires Contact : Richard Grenier 2e étage enssib Tél : 04
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é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é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étail< Atelier 1 /> Démarrer une application web
MES ANNOTATIONS SONT EN ROUGE : Axel < Atelier 1 /> Démarrer une application web Microsoft France Tutorial Découverte de ASP.NET 2.0 Sommaire 1 INTRODUCTION... 3 1.1 CONTEXTE FONCTIONNEL... 3 1.2 CONTEXTE
Plus en dé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étailS7 Le top 10 des raisons d utiliser PHP pour moderniser votre existant IBM i
Modernisation IBM i Nouveautés 2014-2015 IBM Power Systems - IBM i 19 et 20 mai 2015 IBM Client Center, Bois-Colombes S7 Le top 10 des raisons d utiliser PHP pour moderniser votre existant IBM i Mardi
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é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é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étailManuel d installation de Business Objects Web Intelligence Rich Client.
Manuel d installation de Business Objects Web Intelligence Rich Client. Sommaire 1 Introduction... 3 2 Préconisation... 4 3 Lancement de l installation... 5 4 Installation du logiciel Rich Client... 6
Plus en détailUn outil open source de gestion de bibliographies
Un outil open source de gestion de bibliographies Généralités... 2 Installation... 2 L interface zotero... 2 Ajouter une notice bibliographique manuellement... 4 Modifier ses notices bibliographiques...
Plus en détailJoomla! Création et administration d'un site web - Version numérique
Avant-propos 1. Objectifs du livre 15 1.1 Orientation 15 1.2 À qui s adresse ce livre? 16 2. Contenu de l ouvrage 17 3. Conclusion 18 Introduction 1. Un peu d histoire pour commencer... 19 1.1 Du web statique
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étailPlate-forme de travail collaboratif Agorazimut
Plate-forme de travail collaboratif Agorazimut MODE D EMPLOI Ronan LE MAO Ronan.lemao@azimut.net 02.97.88.26.26 1 La plate-forme de travail collaboratif Agorazimut est une application en ligne qui permet
Plus en détailHTML5 et CSS3 pour des sites Responsive Web Design
Chapitre 1 : Introduction A. Le design Web aujourd'hui 11 B. Le Responsive Web Design 11 C. Les approches dans la conception 12 D. Le lâcher-prise 12 E. Les objectifs du livre 13 F. Les outils de l intégrateur
Plus en détailService client LSC 1
Service client LSC 1 Sommaire SOMMAIRE...2 PREAMBULE...3 PARAMETRAGE LSC...4 1\ ACTIVER LE SERVICE CLIENT...5 Licence LSC...5 Nom de domaine...5 2\ DEFINIR LES MODALITES DE PUBLICATION...6 3\ LES MODELES
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étailMicrosoft Hosted Exchange 2010 DOCUMENT D EXPLOITATION
Microsoft Hosted Exchange 2010 DOCUMENT D EXPLOITATION SOMMAIRE ACCES EX10... 3 CONFIGURATION EX10 A. Entrées DNS à créer sur le(s) nom(s) de domaine choisi(s)... 3 B. Configuration Outlook 2007 - MAPI...
Plus en détailProjet Viticulture - TP 3 : bases de données distantes BTS Services informatiques aux organisations
Projet Viticulture TP 3 : bases de données externes Description du thème Partie 1 : bases de données locales SQLite Partie 2 : projet H2O stockage local Partie 3 : bases de données distantes Partie 4 :
Plus en détailAvec PICASA. Partager ses photos. Avant de commencer. Picasa sur son ordinateur. Premier démarrage
Avant de commencer Picasa est avant un logiciel que l'on peut installer sur son ordinateur et qui permet de transférer ses photos dans un espace pouvant être partagé sur Internet. Picasa sur son ordinateur.
Plus en détailCréer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles
Mission TICE - académie de Versailles 7 nov. 2008 Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles Anne-Cécile Franc Mission TICE académie de Versailles
Plus en détailEXTRANET STUDENT. Qu'est ce que Claroline?
EXTRANET STUDENT http://extranet.arts2.be http://extranet.artsaucarre.be Les bases de l'utilisation de la plateforme Claroline, l'extranet d'arts² Qu'est ce que Claroline?... 1 Débuter... 2 Créer un compte...
Plus en détailDate de diffusion : Rédigé par : Version : Mars 2008 APEM 1.4. Sig-Artisanat : Guide de l'utilisateur 2 / 24
Guide Utilisateur Titre du projet : Sig-Artisanat Type de document : Guide utilisateur Cadre : Constat : Les Chambres de Métiers doivent avoir une vision prospective de l'artisanat sur leur territoire.
Plus en détailMANUEL WORDPRESS. Objectif: Refonte d un site web sous Wordpress I PRE-REQUIS: 1 / Créer un backup (sauvegarde) du site:
MANUEL WORDPRESS Objectif: Refonte d un site web sous Wordpress I PRE-REQUIS: 1 / Créer un backup (sauvegarde) du site: A/ Traitement de la base de données: Pour cette étape, vous aurez besoin au préalable
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étailWebmaster / Webdesigner / Wordpress
Webmaster / Webdesigner / Wordpress Pré-requis : Projet professionnel. Bonne maîtrise de l'ordinateur. Bases en infographie et / ou traitement de texte fortement recommandées. Objectifs : Concevoir un
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étailFormation : 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étailles 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é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étailWysiUpStudio. CMS professionnel. pour la création et la maintenance évolutive de sites et applications Internet V. 6.x
WysiUpStudio CMS professionnel pour la création et la maintenance évolutive de sites et applications Internet V. 6.x UNE SOLUTION DE GESTION DE CONTENUS D UNE SOUPLESSE INÉGALÉE POUR CRÉER, MAINTENIR ET
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étailLIMESURVEY. LimeSurvey est une application permettant de créer des questionnaires d enquête en ligne et d en suivre le dépouillement.
LIMESURVEY LimeSurvey est une application permettant de créer des questionnaires d enquête en ligne et d en suivre le dépouillement. CERPEG janvier 2014 - Fabienne Mauri - Académie de Bordeaux page 1 SOMMAIRE
Plus en détail7.0 Guide de la solution Portable sans fil
7.0 Guide de la solution Portable sans fil Copyright 2010 Sage Technologies Limited, éditeur de ce produit. Tous droits réservés. Il est interdit de copier, photocopier, reproduire, traduire, copier sur
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étailINTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)
CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.
Plus en détailEndNote Basic. Un logiciel en ligne pour gérer les références bibliographiques. Sandrine(Wolff(&(David(Vivarès( Définition
EndNote Basic Un logiciel en ligne pour gérer les références bibliographiques Sandrine(Wolff(&(David(Vivarès( 1 Définition Un logiciel de gestion bibliographique est un outil spécialisé permettant de répertorier
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étailOpen Office - Présentation
1 Définition 1.1 Diaporama Un diaporama est une succession de diapositives, chaque diapositive correspond à un écran d'ordinateur. Les diapositives peuvent être affichées de façon séquentielle ou par appel
Plus en détailFormation. Module WEB 4.1. Support de cours
Formation Module WEB 4.1 Support de cours Rédacteur Date de rédaction F.CHEA 08/02/2012 Les informations contenues dans ce document pourront faire l'objet de modifications sans préavis Sauf mention contraire,
Plus en détailManuel du composant CKForms Version 1.3.2
Manuel du composant CKForms Version 1.3.2 Ce manuel vous présente les principales fonctionnalités du composant CKForms y compris le module et le plug-in CKForms 1.3 est la nouvelle version du composant
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étailPHP 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 Table des matières Table des matières 1 Chapitre 1 Introduction 1. Objectif de l'ouvrage.............................................
Plus en détailSITE I NTERNET. Conception d un site Web
SITE I NTERNET Conception d un site Web Conception de votre site Web Préambule Ce document a pour but de donner une méthode de travail afin de réaliser dans les meilleures conditions un site internet.
Plus en détailNotice de fonctionnement DVR H264. + Méthode de Visionnage ESEENET
Notice de fonctionnement DVR H264 + Méthode de Visionnage ESEENET 1 Le point de départ de chacune des différentes configurations traitées ci-dessous sera l écran de visualisation des 4 ou 8 caméras. A
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é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étailLe serveur SLIS - Utilisation de base
Le serveur SLIS - Utilisation de base Le SLIS est un serveur de communication permettant entre autres de : Créer des adresses électroniques (des comptes de messageries)
Plus en détailMagento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s
Mickaël Mickaël BLANCHARD BLANCHARD Préface de Sébastien L e p e r s Magento Préface de Sébastien L e p e r s Magento Réussir son site e-commerce Réussir son site e-commerce Groupe Eyrolles, 2010, ISBN
Plus en détailModules Prestashop - ExportCatalogue / EXPORT IMPORT POUR MODIFICATIONS EN MASSE DANS PRESTASHOP VERSION 2.0. 1 - Optim'Informatique
IMPORT / EXPORT POUR MODIFICATIONS EN MASSE DANS PRESTASHOP VERSION 2.0 1 - Optim'Informatique Installation INSTALLATION Pour installer le module ExportProduits copier le répertoire exportcatalogue dans
Plus en détailLes logiciels gratuits en ligne
Les logiciels gratuits en ligne L avantage des outils de bureautique en ligne, est qu ils sont consultables sur n importe quel ordinateur. Seule une connexion Internet est requise. En voici quelques exemples.
Plus en détailFORMATION PcVue. Mise en œuvre de WEBVUE. Journées de formation au logiciel de supervision PcVue 8.1. Lieu : Lycée Pablo Neruda Saint Martin d hères
FORMATION PcVue Mise en œuvre de WEBVUE Journées de formation au logiciel de supervision PcVue 8.1 Lieu : Lycée Pablo Neruda Saint Martin d hères Centre ressource Génie Electrique Intervenant : Enseignant
Plus en détailS y m M a i l i n g. S o l u t i o n d e - m a i l i n g. SymMailing est un outil professionnel de création et de gestion de campagnes d emailing.
S y m M a i l i n g S o l u t i o n d e - m a i l i n g Introduction SymMailing est un outil professionnel de création et de gestion de campagnes d emailing. SymMailing intègre à la fois les outils de
Plus en détailEXCEL 2007. Les tableaux croisés dynamiques
EXCEL 2007 Les tableaux croisés dynamiques 1 La Fonction VPM... 3 La Valeur Cible... 4 Les Tableaux Croisés Dynamiques (T.C.D.)... 6 2 Fonction VPM Cette fonction d EXCEL permet de calculer le remboursement
Plus en détailZOTERO. Installation. Bibliothèque de Pharmacie. Service Formation
ZOTERO Bibliothèque de Pharmacie. Service Formation Zotero est un logiciel de gestion de références bibliographiques, gratuit et open source. Il permet de de créer et gérer une base de données de références
Plus en détailMEDIAplus elearning. version 6.6
MEDIAplus elearning version 6.6 L'interface d administration MEDIAplus Sommaire 1. L'interface d administration MEDIAplus... 5 2. Principes de l administration MEDIAplus... 8 2.1. Organisations et administrateurs...
Plus en détailCMS Made Simple Version 1.4 Jamaica. Tutoriel utilisateur Récapitulatif Administration
CMS Made Simple Version 1.4 Jamaica Système de gestion de contenu CMS Made Simple est entièrement gratuit sous licence GPL. Tutoriel utilisateur Récapitulatif Administration Le système de gestion de contenu
Plus en détailLANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation
ING 01 LANGAGUE JAVA Durée : 21 heures 1090 HT / jour Dates : à définir en 2012 Concevoir et développer des programmes en langage Java Comprendre le fonctionnement de la machine virtuelle S approprier
Plus en détailPRODIGE V3. Manuel utilisateurs. Consultation des métadonnées
PRODIGE V3 Manuel utilisateurs Consultation des métadonnées Pour plus d'information sur le dispositif : à remplir par chaque site éventuellement 2 PRODIGE V3 : Consultation des métadonnées SOMMAIRE 1.
Plus en détailDiffuser un contenu sur Internet : notions de base... 13
Diffuser un contenu sur Internet : notions de base... 13 1.1 Coup d œil sur l organisation de cet ouvrage.............. 15 Préambule : qu est-ce qu une page web?................ 16 À propos du HTML...........................
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étailENDNOTE X2 SOMMAIRE. 1. La bibliothèque EndNote 1.1. Créer une nouvelle bibliothèque 1.2. Ouvrir une bibliothèque EndNote 1.3. Fermer une bibliothèque
1 ENDNOTE X2 SOMMAIRE 1. La bibliothèque EndNote 1.1. Créer une nouvelle bibliothèque 1.2. Ouvrir une bibliothèque EndNote 1.3. Fermer une bibliothèque 2. Manipuler une bibliothèque EndNote 2.1. La saisie
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étail1. Introduction... 2. 2. Création d'une macro autonome... 2. 3. Exécuter la macro pas à pas... 5. 4. Modifier une macro... 5
1. Introduction... 2 2. Création d'une macro autonome... 2 3. Exécuter la macro pas à pas... 5 4. Modifier une macro... 5 5. Création d'une macro associée à un formulaire... 6 6. Exécuter des actions en
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étail1. Installation du Module
1 sur 10 Mise en place du Module Magento V 1.5.7 1. Installation du Module Vous pouvez installer le module de deux façons différentes, en passant par Magento Connect, ou directement via les fichiers de
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étailSOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5
SOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5 5 ADMINISTRER SON SITE WEBGAZELLE CMS 2.0 5 5.1 Configuration minimale
Plus en détailMODULE «Plateforme INSCRIPTIONS en ligne» MyOutDoorBox Mode opératoire
MODULE «Plateforme INSCRIPTIONS en ligne» MyOutDoorBox Mode opératoire Contact : myoutdoorbox@outdoorlab.fr Sommaire : UE DU COUREUR : 1 ACCES AU MODULE 2 POUR PARAMETRER / CREER L EVENEMENT ET CREER LES
Plus en détailMODULE «Plateforme INSCRIPTIONS en ligne» MyOutDoorBox Mode opératoire
MODULE «Plateforme INSCRIPTIONS en ligne» MyOutDoorBox Mode opératoire Sommaire : UE DU COUREUR : 1 ACCES AU MODULE Contact : myoutdoorbox@outdoorlab.fr 2 POUR PARAMETRER/CREER L EVENEMENT ET CREER LES
Plus en détailUtiliser le service de messagerie électronique de Google : gmail (1)
Utiliser le service de messagerie électronique de Google : gmail (1) 1. Créer un compte 2 2. Ouvrir sa boîte de messagerie électronique 3 3. Comprendre la boîte de réception (1) 4 3.1. Lire un message
Plus en détailLe Registre sous Windows 8 architecture, administration, script, réparation...
234 Le Registre sous Windows 8 architecture, administration, script, réparation... dcliquez sur Affichage - Personnaliser afin d activer ou de désactiver certains éléments de votre Console. Voyons maintenant
Plus en détailCes Lettres d informations sont envoyées aux extranautes inscrits et abonnés sur le site assistance (voir point N 3).
Site Internet - utilisation Septembre 00 Le service support de JVS-Mairistem met à disposition des utilisateurs des applications JVS-Mairistem et des collectivités clientes, un site internet de support
Plus en détailLa messagerie électronique
Formation La messagerie électronique Outlook 2010 Laurent ROBIN 1 Paramétrer la boîte à lettres électronique (Outlook express) Création du compte - Lancer le client de messagerie Outlook 2010. - Cliquer
Plus en détailCMS Modules Dynamiques - Manuel Utilisateur
CMS Modules Dynamiques - Manuel Utilisateur 1. Introduction Le modèle CMS Le modèle des «Content Management Systems» proposé par MUM est un type particulier de sites web dynamiques, ayant comme avantage
Plus en détailPrise en main du logiciel. Smart BOARD Notebook 10
Prise en main du logiciel Smart BOARD Notebook 10 1. Introduction : Le logiciel Smart BOARD est utilisable avec les tableaux blancs interactifs de la gamme SMART. Toutefois, il n'est pas nécessaire d'avoir
Plus en détailDescription des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013
Exemple d utilisation du gestionnaire de conception Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013 6, rue de l Etang, L-5326
Plus en détailL exemple d un serveur Proxy sous Windows NT 4 SERVER MICROSOFT PROXY SERVER 2 Installation et configuration Auteur : Eliane Bouillaux SERIA5
L exemple d un serveur Proxy sous Windows NT 4 SERVER MICROSOFT PROXY SERVER 2 Installation et configuration Auteur : Eliane Bouillaux SERIA5. Préparation à l installation de MS Proxy server Ce logiciel
Plus en détailCadastre du bruit SIT-JURA. Connecteur Arcview9.x - MSAccess. Mode d emploi. Appel formulaire. Page 1 sur 15
Cadastre du bruit SIT-JURA Connecteur Arcview9.x - MSAccess Mode d emploi Appel formulaire Page 1 sur 15 Table des matières 1. INSTALLATION 3 2. UTILISATION 3 2.1. Création de nouvelles géodatabases 7
Plus en détailAdministration du site (Back Office)
Administration du site (Back Office) A quoi sert une interface d'administration? Une interface d'administration est une composante essentielle de l'infrastructure d'un site internet. Il s'agit d'une interface
Plus en détailLivre Blanc WebSphere Transcoding Publisher
Livre Blanc WebSphere Transcoding Publisher Introduction WebSphere Transcoding Publisher vous permet d'offrir aux utilisateurs des informations Web adaptées à leurs besoins. Il vous permet, par exemple,
Plus en détailGestionnaire de procédure Guide rapide
Gestionnaire de procédure Guide rapide Version 2.1 25/02/2015 Table des Matières 1. Ajout d'une procédure et d'une catégorie...3 1.1 Catégories...3 2. Les propriétés d'une procédure...4 2.1 Statut de déploiement...4
Plus en détailPluridisciplinarité. Classe de BTS DATR 1 -----------------------------------------------------------------------
Pluridisciplinarité Classe de BTS DATR 1 ----------------------------------------------------------------------- Module M53: Diagnostic de territoire cible dans le secteur des services. -----------------------------------------------------------------------
Plus en détailIntroduction : présentation de la Business Intelligence
Les exemples cités tout au long de cet ouvrage sont téléchargeables à l'adresse suivante : http://www.editions-eni.fr Saisissez la référence ENI de l'ouvrage RI3WXIBUSO dans la zone de recherche et validez.
Plus en détailIntranet d'établissement avec Eva-web Installation configuration sur serveur 2000 ou 2003 Document pour les administrateurs
Intranet d'établissement avec Eva-web Installation configuration sur serveur 2000 ou 2003 Document pour les administrateurs Installation sur le serveur Eva-web s'appuie sur SPIP, qui lui-même utilise PHP
Plus en détail