Un jour, une question Réponse à une problématique issue de la liste GTA *

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

Download "Un jour, une question Réponse à une problématique issue de la liste GTA *"

Transcription

1 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 Vivien Blasquez

2 Le bouton de partage de contenu de Facebook QUE NOUS PROPOSE FACEBOOK? LA SOLUTION EST-ELLE ACCESSIBLE?

3 Que nous propose Facebook? <iframe src="http://www.facebook.com/plugins/like.php?href=your_url" scrolling="no" frameborder="0" style="border:none; width:450px; height:80px"></iframe> RENDU :

4 La solution est-elle accessible? POINTS FORTS La navigation au clavier est généralement respectée Contrastes valides au niveau AA POINTS FAIBLES Bouton inutilisable lors de la désactivation du JavaScript N est pas valide HTML5

5 Le bouton de partage de contenu de Twitter QUE NOUS PROPOSE TWITTER? LA SOLUTION EST-ELLE ACCESSIBLE?

6 Que nous propose Twitter? <a href="https://twitter.com/share" class="twitter-share-button" datavia="vivienblasquez" data-lang="fr">tweeter</a> <script>!function(d,s,id){var js,fjs=d.getelementsbytagname(s)[0];if(! d.getelementbyid(id)) {js=d.createelement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.pare ntnode.insertbefore(js,fjs);}}(document,"script","twitter-wjs");</script> RENDU :

7 La solution est-elle accessible? POINTS FORTS La navigation au clavier est respectée Alternative au JavaScript Contrastes valides au niveau AAA Valide HTML5

8 Le bouton de partage de contenu de Google + QUE NOUS PROPOSE GOOGLE +? LA SOLUTION EST-ELLE ACCESSIBLE?

9 Que nous propose Google +? <!-- Placez cette balise là où vous souhaitez positionner le bouton > <div class="g-plusone" data-annotation="inline"></div> <!-- Placez cet appel d'affichage à l'endroit approprié. --> <script type="text/javascript"> window. gcfg = {lang: 'fr'}; CE QUI NOUS DONNE: (function() { var po = document.createelement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getelementsbytagname('script')[0]; s.parentnode.insertbefore(po, s); })(); </script>

10 La solution est-elle accessible? POINTS FORTS La navigation au clavier est respectée Code valide HTML5 POINTS FAIBLES Contraste de couleur trop faible (3.3) Pas d alternative à l image de fond du bouton Le bouton disparaît à la désactivation de JavaScript

11 Une solution clé en main : AddThis QUE NOUS PROPOSE ADDTHIS? LA SOLUTION EST-ELLE ACCESSIBLE?

12 Que nous propose AddThis? <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a> <a class="addthis_button_tweet"></a> <a class="addthis_button_google_plusone" g:plusone:size="medium"></a> <a class="addthis_counter addthis_pill_style"></a> </div> <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4fe "></script> <!-- AddThis Button END --> RENDU :

13 AddThis : Un peu de sémantique <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <ul><li><a class="addthis_button_facebook_like" fb:like:layout="button_count">facebook</a></li> <li><a class="addthis_button_tweet">twitter</a></li> <li><a class="addthis_button_google_plusone" g:plusone:size="medium">google plus</a></li> <li><a class="addthis_counter addthis_pill_style">d autres réseaux sociaux</a></li></ul> </div> <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4fe "></script> <!-- AddThis Button END --> RENDU :

14 Que nous propose AddThis? AU SURVOL DE LA SOURIS DU BOUTON «SHARE», ADDTHIS NOUS PROPOSE D AUTRES APPLICATIONS DE PARTAGE

15 La solution est-elle accessible? POINTS FAIBLES Hérite des points faibles de chaque bouton des réseaux sociaux vus précédemment : Facebook, Twitter et Google + De gros problèmes sémantiques Impossible d accéder au bouton «share» au clavier Aucune alternative à JavaScript : le contenu disparaît Code non valide

16 Retour d expérience, la solution maison LE DÉVELOPPEMENT SUR MESURE PEUT CONSTITUER, EN FONCTION DES PROJETS, LA MEILLEURE SOLUTION

17 À avoir en tête lors de la conception de votre solution COMPRENDRE LES MÉCANISMES DE PARTAGE (URLS, API ) S'ASSURER QUE LA SOLUTION EST UTILISABLE SANS JAVASCRIPT S'ASSURER QUE LA SOLUTION EST ACCESSIBLE À LA SOURIS ET AU CLAVIER CODE SÉMANTIQUE NE PAS PERTURBER LA LECTURE DU CONTENU À PARTAGER : PLACER LE WIDGET DE PARTAGE FAIT MAISON APRÈS LE CONTENU DANS LE CODE SOURCE

18 A retenir LES BOUTONS DE PARTAGE DE CONTENU DES RÉSEAUX SOCIAUX PORTENT DE GROSSES LACUNES EN TERME D ACCESSIBILITÉ JAVASCRIPT À UN RÔLE CRUCIAL DANS LEUR BON FONCTIONNEMENT

19 Merci! Ressources : Nomensa : where you can stick your social networking buttons Facebook Twitter https://twitter.com/ Google + https://plus.google.com/?hl=fr

Google Webmaster Tools

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

Secrétariat général. Service des Politiques Support et des Systèmes d Information

Secrétariat général. Service des Politiques Support et des Systèmes d Information Secrétariat général Service des Politiques Support et des Systèmes d Information entre de Prestations et d Ingénierie Informatiques Département Opérationnel de l Ouest Décembre 2014 DESRIPTION DU PLUGIN

Plus en détail

Web Analytics. Google Analytics. LCProd.net Grandadam Emmanuel

Web Analytics. Google Analytics. LCProd.net Grandadam Emmanuel Google Analytics LCProd.net Grandadam Emmanuel Les outils Compter le 'flot de click' Expérimentations et tests Intelligence concurrentielle Etudes et données critiques 2 Les outils ' Flots de clics ' Google

Plus en détail

Tutoriel. Google Analytics et Microsoft Office 365

Tutoriel. Google Analytics et Microsoft Office 365 Tutoriel Google Analytics et Microsoft Office 365 Ce document et les informations qu il contient sont la propriété de NEOPARTNER sprl. Ce document ne peut être, en totalité ou en partie, ni reproduit ni

Plus en détail

INCORPORER EXCEL EN LIGNE DANS UN FICHIER CRÉÉ AVEC L ÉDITEUR DE TEXTE 15 avril 2015

INCORPORER EXCEL EN LIGNE DANS UN FICHIER CRÉÉ AVEC L ÉDITEUR DE TEXTE 15 avril 2015 TABLE DES MATIERES Incorporer une feuille de calcul dans un fichier créé avec l Éditeur de texte de PLACE... 1 Avantages :... 1 Contraintes :... 2 Accéder à Microsoft OneDrive :... 2 Créer un classeur

Plus en détail

Le service de création de site Internet : Mode d emploi. La Création de Site Internet

Le service de création de site Internet : Mode d emploi. La Création de Site Internet Le service de création de site Internet : Mode d emploi Sommaire 1) Comment se connecter à votre interface client? 2) Comment démarrer la création de votre site Internet? 3) Comment gérer les pages de

Plus en détail

Formation Découverte du Web

Formation Découverte du Web Catégorie : internet Formation Découverte du Web Niveau requis : savoir utiliser un ordinateur (clavier, souris, traitement de texte) Public : personnel administratif et responsables de communication souhaitant

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

À 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

Les API JavaScript du HTML5 Intégrez la puissance du HTML5 dans vos applications Web

Les API JavaScript du HTML5 Intégrez la puissance du HTML5 dans vos applications Web 52 Les API JavaScript du HTML5 Intégrez la puissance du HTML5 dans vos applications Web D'où proviennent ces données qui permettent de vous localiser? Pour les smartphones, deux procédés peuvent être utilisés

Plus en détail

Conformité RGAA du site internet du Plan PME Rhône-Alpes Rapport d évaluation

Conformité RGAA du site internet du Plan PME Rhône-Alpes Rapport d évaluation Conformité RGAA du site internet du Plan PME Rhône-Alpes Rapport d évaluation Site web évalué : http://planpme.rhonealpes.fr/ Date de l évaluation : 28 novembre 2014 Version du RGAA : RGAA 2.2 Equivalence

Plus en détail

EXTENSION WORDPRESS. Contact Form 7. Proposé par :

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

Installation de FckEditor dans un projet WebDev

Installation de FckEditor dans un projet WebDev Installation de FckEditor dans un projet WebDev www.ogi.fr 1) Installation de FckEditor Télécharger la dernière version de FckEditor ici : http:www.fckeditor.net/download La dézipper dans le répertoire

Plus en détail

Responsive Web design, périphériques mobiles et accessibilité

Responsive Web design, périphériques mobiles et accessibilité Responsive Web design, périphériques mobiles et accessibilité Qui suis-je? Victor Brito Situé près de Paris, dans la France non voisine Intégrateur HTML / CSS freelance Expert Accessiweb en évaluation

Plus en détail

Fiche Mémo : Options d accessibilité sous Windows et Internet Explorer 5

Fiche Mémo : Options d accessibilité sous Windows et Internet Explorer 5 Fiche Mémo : Options d accessibilité sous Windows et Internet Explorer 5 I. Général II. Affichage : taille icônes et écran III. Le menu «Options d accessibilité» : contraste, curseur IV. Le clavier V.

Plus en détail

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 FORMULAIRE DE CONTACT POUR PORTFOLIO PRINCIPE GENERAL Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE

Plus en détail

DOM - Document Object Model

DOM - Document Object Model DOM - Document Object Model 1 But de DOM Interfacer les langages de programmation avec les documents XML en les associant avec un modèle orienté objet DOM permet aux programmes et scripts : d'accéder et

Plus en détail

Il se peut que certains sites Web ne s'affichent pas correctement ou ne fonctionnent pas dans Internet Explorer 8 ou Internet Explorer 9 Bêta :

Il se peut que certains sites Web ne s'affichent pas correctement ou ne fonctionnent pas dans Internet Explorer 8 ou Internet Explorer 9 Bêta : Il se peut que certains sites Web ne s'affichent pas correctement ou ne fonctionnent pas dans Internet Explorer 8 ou Internet Explorer 9 Bêta : Ce problème ne se pose pas dans d'anciennes versions d'internet

Plus en détail

Les Ateliers Info Tonic

Les Ateliers Info Tonic Les Ateliers Info Tonic L accessibilité des sites web : mettre le web à disposition de tous Mardi 12 mars 2013 1 L'accessibilité des sites : mettre le web à disposition de tous Sébastien Huillet Expert

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

GOOGLE ANALYTICS. Ajout du code de suivi sur PowerBoutique. Ajout du code de suivi Google Analytics. Page 1 / 7 TUTO / GOOGLE ANALYTICS

GOOGLE ANALYTICS. Ajout du code de suivi sur PowerBoutique. Ajout du code de suivi Google Analytics. Page 1 / 7 TUTO / GOOGLE ANALYTICS Ajout du code de suivi Google Analytics Page 1 / 7 I. Création du compte sur Google Analytics 1. Connectez-vous à www.google.fr 2. Entrez «Google Analytics» dans la barre de recherche. 3. Cliquez sur le

Plus en détail

Introduction Survol du langage Javascript et html. Programmation WEB. Introduction à Javascript WIM 1.1. IUT de Fontainebleau.

Introduction Survol du langage Javascript et html. Programmation WEB. Introduction à Javascript WIM 1.1. IUT de Fontainebleau. Introduction à Javascript IUT de Fontainebleau 17 décembre 2014 1 Introduction 2 3 Sommaire Introduction 1 Introduction 2 3 Une application Web est une applications clients/serveur(s) On peut la voir en

Plus en détail

Facebook, Google, LinkeIdn... Optez pour la double validation

Facebook, Google, LinkeIdn... Optez pour la double validation 1. Bien protéger tous ses comptes Facebook, Google, LinkeIdn... Optez pour la double validation Voilà quelques mois que le phénomène prend de l ampleur, et à juste raison. Car sur le net, on n'est jamais

Plus en détail

Serveur d'application Client HTML/JS. Apache Thrift Bootcamp

Serveur d'application Client HTML/JS. Apache Thrift Bootcamp Serveur d'application Client HTML/JS Apache Thrift Bootcamp Pré-requis La liste ci-dessous de logiciels doit être installée et opérationnelle sur la machine des participants : Compilateur thrift http://thrift.apache.org/

Plus en détail

Partager rapidement un fichier volumineux

Partager rapidement un fichier volumineux Partager rapidement un fichier volumineux Par Clément JOATHON Dernière mise à jour : 25/03/2015 Vous souhaitez envoyer à un ou plusieurs amis un fichier qui pèse plusieurs dizaines ou centaines de Mo.

Plus en détail

NOTE TECHNIQUE. Refonte de la page de choix Personnalisation VERSION DU 01/03/2015

NOTE TECHNIQUE. Refonte de la page de choix Personnalisation VERSION DU 01/03/2015 Solution E-transactions Date: 12/02/2015 E-transactions NOTE TECHNIQUE Refonte de la page de choix Personnalisation VERSION DU 01/03/2015 Version du 12/12/2015 1 Crédit Agricole S.A, société anonyme au

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

Par KENFACK Patrick MIF30 19 Mai 2009

Par KENFACK Patrick MIF30 19 Mai 2009 Par KENFACK Patrick MIF30 19 Mai 2009 1 Introduction II. Qu est ce qu un OpenId? III. Acteurs IV. Principe V. Implémentation VI. Sécurité VII. conclusion I. 2 Vue le nombre croissant de sites web nous

Plus en détail

Tutorial des barres d'outils dans Mozilla Firefox

Tutorial des barres d'outils dans Mozilla Firefox Version 2.1 24. septembre 2007 Tutorial des barres d'outils dans Mozilla Firefox Responsable du projet : Auteur : Collaborateurs : Marc Johannot Cide Cyrille Verdon, Pouly Romain TUTORIIAL Les barres d'outils

Plus en détail

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

GWT Développement d'applications clientes en Java. Introduction prise en main

GWT Développement d'applications clientes en Java. Introduction prise en main GWT Développement d'applications clientes en Java Introduction prise en main 1 Pourquoi GWT? GWT est un framework, conçu par Google, pour programmer des applications web en Java ; Il permet de programmer

Plus en détail

Guide de l utilisateur pour Firefox 4 Mobile. Contact us: press@mozilla.com

Guide de l utilisateur pour Firefox 4 Mobile. Contact us: press@mozilla.com Guide de l utilisateur pour Firefox 4 Contact us: press@mozilla.com Sommaire À propos de Mozilla 1 Lancez-vous! 2 Tapez Moins, Surfez Plus! 3 Emportez votre Firefox partout avec vous 5 Personnalisez votre

Plus en détail

Technologies Web. Technologies Web DHTML TCM-TWEB-01-001-13. Julien BEAUCOURT 2006 pour ETNA

Technologies Web. Technologies Web DHTML TCM-TWEB-01-001-13. Julien BEAUCOURT 2006 pour ETNA DHTML Sommaire Introduction Compatibilité du DHTML Les layers Les balises dynamiques Balise Balise et La balise Animer de éléments Le Document Object Model (DOM) Modifier une

Plus en détail

WEB-ANALYTICS & GOOGLE ANALYTICS

WEB-ANALYTICS & GOOGLE ANALYTICS WEB-ANALYTICS & GOOGLE ANALYTICS De la mesure à l action! September Christophe Hendrick Digital strategist & Web-analytics specialist Qui suis-je? 13 ans Stratégie Internet Grands comptes ( Brussels Airlines,

Plus en détail

Expressions communes. Détection du type de navigateur

Expressions communes. Détection du type de navigateur 2 Expressions communes Certaines tâches JavaScript récurrentes doivent être réalisées quasiment chaque jour. Elles sont à la base de nombreuses applications JavaScript mais n entrent dans aucune catégorie

Plus en détail

www.creativeloft.net stage@creativeloft.net Cyber Parc - Rue Charles de Gaulles, Hammam Sousse 4011, Sousse

www.creativeloft.net stage@creativeloft.net Cyber Parc - Rue Charles de Gaulles, Hammam Sousse 4011, Sousse www.creativeloft.net Cyber Parc - Rue Charles de Gaulles, Hammam Sousse 4011, Sousse Ref : Smart Code Conception et développement d un module de Tag vidéo sur Samsung SMART TV Génération d un algorithme

Plus en détail

Mozilla Firefox 3.5. Google Chrome 3.0 LES NAVIGATEURS WEB. (pour Windows) Opéra 10. Internet Explorer 8. Safari 4.0

Mozilla Firefox 3.5. Google Chrome 3.0 LES NAVIGATEURS WEB. (pour Windows) Opéra 10. Internet Explorer 8. Safari 4.0 Mozilla Firefox 3.5 Google Chrome 3.0 LES NAVIGATEURS WEB (pour Windows) Opéra 10 Internet Explorer 8 Safari 4.0 1 1 Sommaire Qu est ce qu un navigateur Web? Fonctionnement Caractéristiques communes Caractéristiques

Plus en détail

Webmaster / Webdesigner / Wordpress

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

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING

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

SITE INTERNET BLOG SITE E-COMMERCE GRILLE D ANALYSE / AUDIT PREMIERE ANALYSE. Entreprises. o Public spécialisé o Etudiants o Enfants

SITE INTERNET BLOG SITE E-COMMERCE GRILLE D ANALYSE / AUDIT PREMIERE ANALYSE. Entreprises. o Public spécialisé o Etudiants o Enfants PREMIERE ANALYSE Nom du site web : Url du site : Objectif du site / description (balise description) : Mots-clés du site (balise keywords) : Cible du site : o Entreprises o Public spécialisé o

Plus en détail

Liste des modules CMS SIGI

Liste des modules CMS SIGI Liste des modules CMS SIGI Document descriptif des modules CMS 6, rue de l Etang, L-5326 Contern Tél. : +352 35 00 99-1 contact@sigi.lu BP 63, L-5201 Sandweiler TVA : LU 13753429 www.sigi.lu Historique

Plus en détail

GUIDE Utilisateur. LeMAK-Soft Bulk SMS Sender V1.0. LeMAK-Soft. Analyse - Conception Réalisation déploiement des Sites & Applications Internet

GUIDE Utilisateur. LeMAK-Soft Bulk SMS Sender V1.0. LeMAK-Soft. Analyse - Conception Réalisation déploiement des Sites & Applications Internet GUIDE Utilisateur LeMAK-Soft Bulk SMS Sender V1.0 LeMAK-Soft Analyse - Conception Réalisation déploiement des Sites & Applications Internet Analyse - Conception Réalisation Mise en service des Applications

Plus en détail

PREMIÈRE PRISE EN MAIN DE DJANGO CMS

PREMIÈRE PRISE EN MAIN DE DJANGO CMS PREMIÈRE PRISE EN MAIN DE DJANGO CMS 1. PRÉSENTATION DE DJANGO CMS Django CMS est un système de gestion de contenu basé sur le serveur Django / Python. Simple d'utilisation, il dispose d'une interface

Plus en détail

Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement

Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement Guillaume HARRY l Contenu sous licence Creative Commons CC-BY-NC-ND Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement P. 2 1. Introduction 2.

Plus en détail

Manuel de déploiement sous Windows & Linux

Manuel de déploiement sous Windows & Linux Manuel de déploiement sous Windows & Linux 18/11/2013 Page 1/6 Prérequis Vous devez consulter la spécification technique dénommée «caractéristiques techniques des serveurs et stations» afin de connaître

Plus en détail

Créer une base de données vidéo sans programmation (avec Drupal)

Créer une base de données vidéo sans programmation (avec Drupal) Créer une base de données vidéo sans programmation (avec Drupal) 10.10.2013 Nicolas Bugnon (nicolas.bugnon@alliancesud.ch) Centre de documentation Alliance Sud www.alliancesud.ch Résultat de l atelier

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

Convertisseur de monnaies

Convertisseur de monnaies Convertisseur de monnaies La logique algorithmique en première STG Propriétés Intitulé long Formation concernée Matière Notions Présentation Pré-requis Outils Mots-clés Auteur(es) Version 1.0 Description

Plus en détail

Les outils marketing. Page 1

Les outils marketing. Page 1 Page 1 Les outils marketing 1 Les abonnées à la Newsletter...2 2 La syndication...4 3 Les bons de réduction...4 3.1 Gérer les bons de réduction...4 3.2 Créer un bon de réduction...5 3.3 Spécificités des

Plus en détail

Note de synthèse. Développement web sur le CMS Prestashop. Stage du 17 mai au 25 juin 2010. Entreprise decoratzia.com 15 rue Erlanger 75016 - Paris

Note de synthèse. Développement web sur le CMS Prestashop. Stage du 17 mai au 25 juin 2010. Entreprise decoratzia.com 15 rue Erlanger 75016 - Paris BENCHETRIT Michaël BTS IG 2 ème année Brevet de Technicien Supérieur Informatique de Gestion Option : Développeur d applications Session 2011 Note de synthèse Développement web sur le CMS Prestashop Stage

Plus en détail

Optimiser pour les appareils mobiles

Optimiser pour les appareils mobiles chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...

Plus en détail

Mettre en place sa plateforme de veille avec Netvibes

Mettre en place sa plateforme de veille avec Netvibes Mettre en place sa plateforme de veille avec Netvibes Karine Pasquier 6 mai 2011 HEG, Genève 1 Sommaire 1. Introduction... 3 1.1 Qu est-ce que c est... 3 1.2 A quoi ça sert pour la veille?... 3 1.3 Netvibes

Plus en détail

Chapitre 6 : Les objets du navigateur

Chapitre 6 : Les objets du navigateur I. Généralités Chapitre 6 : Les objets du navigateur En JavaScript il existe aussi plusieurs objets rattachés à la fenêtre, à la page et au navigateur. Ils sont appelés window, document et navigator. Ce

Plus en détail

UserLock Quoi de neuf dans UserLock? Version 7

UserLock Quoi de neuf dans UserLock? Version 7 UserLock Quoi de neuf dans UserLock? Version 7 Table des Matières 1. Controle et sécurisation des sessions Wi-Fi... 3 2. Module UserLock PowerShell... 4 3. Nouvelle API documentée... 6 4. Nouvelle Interface...

Plus en détail

Cross-Site Request Forgery (CSRF)

Cross-Site Request Forgery (CSRF) TIW4-TP1 CSRF 1 Cross-Site Request Forgery (CSRF) Copyright c 2006-2010 Wenliang Du, Syracuse University. The development of this document is funded by the National Science Foundation s Course, Curriculum,

Plus en détail

Portage d application de Moodle 1.9 vers Moodle 2.x

Portage d application de Moodle 1.9 vers Moodle 2.x Portage d application de Moodle 1.9 vers Moodle 2.x Outils et recommandations à l usage des développeurs. Jean FRUITET Jean.fruitet@univ-nantes.fr Plan Plan Introduction 2 Les principaux i changements

Plus en détail

Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs.

Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs. Le framework YUI et le développement 4D Par Olivier DESCHANELS, Responsable Programme 4D S.A. Note technique 4D-201004-08-FR Version 1 - Date 1 avril 2010 Résumé Dans la présente note technique, nous allons

Plus en détail

Freeway 7. Nouvelles fonctionnalités

Freeway 7. Nouvelles fonctionnalités ! Freeway 7 Nouvelles fonctionnalités À propos de ce guide... 3 Nouvelles fonctionnalités en un coup d'oeil... 3 À propos de la conception d'un site web réactif... 3 Travailler avec les pages pour créer

Plus en détail

Procédures de désactivation des principaux bloqueurs de fenêtres publicitaires

Procédures de désactivation des principaux bloqueurs de fenêtres publicitaires Procédures de désactivation des principaux bloqueurs de fenêtres publicitaires Voici une liste des plus populaires bloqueurs de fenêtres publicitaires (PopUp blocker) et les procédures permettant de les

Plus en détail

Optimiser le référencement naturel de son site web

Optimiser le référencement naturel de son site web Rodez, le 15 avril 2011 Les moteurs de recherche Les moteurs utilisés dans le monde Les moteurs utilisés en Europe Où clique un internaute? Référencement «payant» 35-40% des clics sur Google Référencement

Plus en détail

Cookies de session ils vous permettent de sauvegarder vos préférences d utilisation et optimiser l expérience de navigation de l Utilisateur ;

Cookies de session ils vous permettent de sauvegarder vos préférences d utilisation et optimiser l expérience de navigation de l Utilisateur ; Ce site utilise des Cookies, émis également par des tiers, pour des raisons de fonctionnalité, pratiques et statistiques indiquées dans notre politique en matière de Cookies. Politique en matière de Cookies

Plus en détail

Partage de liens. www.rbschange.fr RBS 2011 REPRODUCTION INTERDITE TOUS DROITS RESERVÉS

Partage de liens. www.rbschange.fr RBS 2011 REPRODUCTION INTERDITE TOUS DROITS RESERVÉS Ready Business System Aéroparc 1 11 rue icare Strasbourg - Entzheim 67836 TANNERIES CEDEX Tél. :+33 (0)3 88 764 764 Fax :+33 (0)3 88 764 765 Partage de liens 1 Partage de liens Accéder Configurer ( site

Plus en détail

Sommaire. 2. L accès aux modules. 1. Aspects techniques. 1.1 Le matériel requis 2

Sommaire. 2. L accès aux modules. 1. Aspects techniques. 1.1 Le matériel requis 2 Manuel Etudiant Modules de formation à distance en comptabilité Sommaire 1. Aspects techniques 1.1 Le matériel requis 2 2. L accès aux modules 2.1 L accès aux modules lors d une première entrée 2 2.2 Difficultés

Plus en détail

Activation et personnalisation de votre site mobile

Activation et personnalisation de votre site mobile Activation et personnalisation de votre site mobile Page 1 / 1 Table des matières 1. Activation de la version mobile 3 2. Personnalisation de la version mobile : premiers pas 2.1. Apparence générale et

Plus en détail

... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE

... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE @... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE Office de Tourisme Lesneven - Côte des Légendes 12 boulevard des Frères Lumière - BP 48 29260 LESNEVEN

Plus en détail

INFONUAGIQUE : EXPLORATIONS

INFONUAGIQUE : EXPLORATIONS REPTIC - Avril 2015 Cégep Montmorency INFONUAGIQUE : EXPLORATIONS C h r i s t o p h e R e v e r d, c o n s e i l l e r t e c h n o p é d a g o g i q u e À PROPOS DE LA VTÉ Organisme sans but lucratif financé

Plus en détail

Comment bien utiliser le Compte-rendu de visite en formulaire Pdf en 3 étapes

Comment bien utiliser le Compte-rendu de visite en formulaire Pdf en 3 étapes Comment bien utiliser le Compte-rendu de visite en formulaire Pdf en 3 étapes Étapes : I - Téléchargement du fichier. II - Téléchargement et installation du logiciel permettant d utiliser le fichier. III

Plus en détail

FORMATION WEBMASTER AVANCEE :

FORMATION WEBMASTER AVANCEE : FORMATION WEBMASTER AVANCEE : OBJECTIF : 300 HEU RE S - 4 MOIS Apprendre à créer des sites internet par diverses méthodes en apprenant les bases des différents langages que constituent la création de site

Plus en détail

Netvibes : optimiser sa veille d'informations

Netvibes : optimiser sa veille d'informations Netvibes : optimiser sa veille d'informations Juin 2014 Netvibes est un outil en ligne efficace pour les professionnels qui organisent leur veille sur le web. Ce tableau de bord permet en effet de suivre

Plus en détail

Google Tag Manager. Optimisez le tracking de votre site web. Google Tag Manager. Google Tag Manager. Optimisez le tracking de votre site web 26,50

Google Tag Manager. Optimisez le tracking de votre site web. Google Tag Manager. Google Tag Manager. Optimisez le tracking de votre site web 26,50 Google Tag Manager Optimisez le tracking de votre site web Le chapitre 6 regroupe des outils ainsi que des ressources documentaires vous permettant d aller plus loin dans l utilisation de Google Tag Manager.

Plus en détail

Grille sommaire d'évaluation de l'accessibilité du Web (Développée par AccessibilitéWeb sous licence Creative Commons BY- NC- SA)

Grille sommaire d'évaluation de l'accessibilité du Web (Développée par AccessibilitéWeb sous licence Creative Commons BY- NC- SA) Grille sommaire d'évaluation de l'accessibilité du Web (Développée par AccessibilitéWeb sous licence Creative Commons BY- NC- SA) No. Validation Tests avec les outils Commentaires A Contenu non- textuels

Plus en détail

demander pourquoi mon site n'apparaît pas sur google ou pourquoi mon site n'est pas référencé par les moteurs de recherche?

demander pourquoi mon site n'apparaît pas sur google ou pourquoi mon site n'est pas référencé par les moteurs de recherche? 50 questions essentielles à vous poser avant la mise en ligne de votre site pour ne plus vous demander pourquoi mon site n'apparaît pas sur google ou pourquoi mon site n'est pas référencé par les moteurs

Plus en détail

Manuel utilisateur du CMS Anan6

Manuel utilisateur du CMS Anan6 Manuel utilisateur du CMS Anan6 Sommaire Fonctionnalités générales 05 - Paramétrage du navigateur 06 - Connexion au CMS Anan6 07 - Visualisation de l interface du CMS 08 - Détails de la liste des composants

Plus en détail

Audit de site web. Accessibilité

Audit de site web. Accessibilité Accessibilité 1. Est- ce que le contenu est structurellement séparé des éléments de navigation? 2. Est- ce que le site est compatible avec tous les navigateurs? 3. Le site est- il compatible avec les normes

Plus en détail

G E S T O B A T O N L I N E

G E S T O B A T O N L I N E Une nouvelle version du guide est actuellement en cours de rédaction G E S T O B A T O N L I N E G U I D E D E L U T I L I S A T E U R 1 Table des matières I. Préambule... 3 II. Introduction... 3 III.

Plus en détail

Environnements de développement

Environnements de développement 4 Environnements de développement Au sommaire de ce chapitre UU Mettre en place un environnement de développement UU Environnement de production Contrairement au développement web de bureau, dans lequel

Plus en détail

Installation de la connexion VPN L2TP

Installation de la connexion VPN L2TP Installation de la connexion VPN L2TP Vos interlocuteurs : SUPPORT Equipe Support Tel. : +33 (0)1 70 08 77 70 / Mail : support@ivision.fr Jean-Yves ZAOUI Président Directeur Général Tel. : +33 (0)6 87

Plus en détail

REGLEMENT SUR LES COOKIES

REGLEMENT SUR LES COOKIES REGLEMENT SUR LES COOKIES Pour améliorer l efficacité et la navigation sur le Site internet et la Boutique en ligne HUGO BOSS AG («HUGO BOSS») et HUGO BOSS International Markets AG («HB IM») utilisent

Plus en détail

Formation GWT. www.objis.com - Formation GWT 1

Formation GWT. www.objis.com - Formation GWT 1 Formation GWT www.objis.com - Formation GWT 1 Sommaire Formation GWT Introduction Qu'est ce qu'une application GWT? Méthodologie et étapes clés gestion projet GWT Interface utilisateur : widgets, panels,

Plus en détail

Notes pour l utilisation d Expression Web

Notes pour l utilisation d Expression Web EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface

Plus en détail

3 Octobre 2013. Les Communautés MS

3 Octobre 2013. Les Communautés MS 3 Octobre 2013 Les Communautés MS Développement Office 365 et SharePoint 2013 : Apps ou pas Apps? Qui suis-je? Gilles Pommier Consultant sénior MCT et co-fondateur de la société SmartView http://www.smartview.fr

Plus en détail

Créer une carte personnalisée

Créer une carte personnalisée Créer une carte personnalisée Avec Google Maps, vous pouvez créer vos propres cartes personnalisées pour indiquer par exemple les endroits que vous avez déjà visités, l'emplacement des restaurants où vous

Plus en détail

DÉVELOPPEMENT MOBILE AVEC JQUERY MOBILE. Christelle Scharff et Landry Hospice AHOUANSOU mobilesenegal@gmail.com landry.hospice@gmail.

DÉVELOPPEMENT MOBILE AVEC JQUERY MOBILE. Christelle Scharff et Landry Hospice AHOUANSOU mobilesenegal@gmail.com landry.hospice@gmail. DÉVELOPPEMENT MOBILE AVEC JQUERY MOBILE Christelle Scharff et Landry Hospice AHOUANSOU mobilesenegal@gmail.com landry.hospice@gmail.com http://mobilesenegal.org http://senmobile.com MobileSenegal est un

Plus en détail

Questionnaire GTA - Analyse des re ponses

Questionnaire GTA - Analyse des re ponses Questionnaire GTA - Analyse des re ponses Novembre 2012 Table des matières Taux de réponse au questionnaire... 2 Actualité de l expertise : AccessiWeb 1 versus 2... 2 Profil métier... 3 Compétences...

Plus en détail

Rendre les contenus audio accessibles pour le Web

Rendre les contenus audio accessibles pour le Web Rendre les contenus audio accessibles pour le Web Date Version Auteur État / commentaires 06/04/11 0.1 Ideose Version terminée en attente de validation de l ADEME. Page : 1 SOMMAIRE 1 - Mode d emploi de

Plus en détail

Utilisation des extensions d ADOBE elearning SUITE 6

Utilisation des extensions d ADOBE elearning SUITE 6 Utilisation des extensions d ADOBE elearning SUITE 6 Informations juridiques Informations juridiques Pour consulter les informations juridiques, voir http://help.adobe.com/fr_fr/legalnotices/index.html.

Plus en détail

Versus Etude Technologique

Versus Etude Technologique VS Versus Etude Technologique 1 VS Contents Introduction... 3 Présentation des technologies... 3 Phonegap... 3... 3 Pour quels besoins?... 4 Comment ça fonctionne? Les models... 4 Phonegap... 5... 6 Comparatif...

Plus en détail

Guide et conseils généraux pour optimiser le référencement d un site internet

Guide et conseils généraux pour optimiser le référencement d un site internet Guide et conseils généraux pour optimiser le référencement d un site internet Novembre 2010 1 Introduction Le référencement de votre site internet vous permet d être présent dans les différents moteurs

Plus en détail

Norme d accessibilité pour l information et les communications. Comment rendre votre site Web plus accessible

Norme d accessibilité pour l information et les communications. Comment rendre votre site Web plus accessible Norme d accessibilité pour l information et les communications Comment rendre votre site Web plus accessible L accessibilité du Web bénéficie non seulement à des millions de personnes handicapées, mais

Plus en détail

2. Gérer son profil : Stage mensuel Février 2013 Page 1 / 9 Partagez vos photos sur le web

2. Gérer son profil : Stage mensuel Février 2013 Page 1 / 9 Partagez vos photos sur le web Stage mensuel Février 2013 Page 1 / 9 Il existe de nombreux outils permettant la mise en ligne de ses photos et leur partage avec le public, ou avec une liste de contact. Nous allons en voir deux parmi

Plus en détail

Guide d utilisation pour la mise à jour du Bluetooth XA-W407BT

Guide d utilisation pour la mise à jour du Bluetooth XA-W407BT Guide d utilisation pour la mise à jour du Bluetooth XA-W407BT Ce guide décrit la procédure à suivre pour faire une mise à jour du logiciel Bluetooth. Cette Mise à jour est nécessaire pour assurer la compatibilité

Plus en détail

Présentation de Muse

Présentation de Muse Présentation de Muse J. ROMAGNY 1. CONSEILS... 4 2. INTERFACE... 5 A. CREATION DE SITE... 5 960 Grid System avec Muse... 6 B. PLAN DU SITE... 7 C. CONCEPTION (EDITION DES «MASTER PAGES» ET PAGES)... 8

Plus en détail

Créer son site internet avec Jimdo

Créer son site internet avec Jimdo Présentation Jimdo: Dernière actualisation: le 17.10.2011 Créer son site internet avec Jimdo www.jimdo.com Jimdo: Un système de création de site facile et gratuit - Jimdo est un CMS en ligne qui permet

Plus en détail

Certificats de signature de code (CodeSigning)

Certificats de signature de code (CodeSigning) Ressources techniques Certificats de signature de code (CodeSigning) Guide d installation Pour les utilisateurs de Windows Vista et Internet Explorer 7, GlobalSign recommande impérativement de suivre les

Plus en détail

TECHNIQUES D INTÉGRATION MULTIMÉDIA DIFFUSION EN LIGNE (582-KGB-JQ) 1-3-2

TECHNIQUES D INTÉGRATION MULTIMÉDIA DIFFUSION EN LIGNE (582-KGB-JQ) 1-3-2 TECHNIQUES D INTÉGRATION MULTIMÉDIA DIFFUSION EN LIGNE (582-KGB-JQ) 1-3-2 Enseignant : Serge Parent Bureau : 841.3G Téléphone : 418-547-2191, poste 7134 Courriel: serge.parent@cjonquiere.qc.ca Élève 2

Plus en détail

Javascript et les applications Web

Javascript et les applications Web Javascript et les applications Web APIs récentes ou en cours d adoption Télécom ParisTech Jean-Claude Moissinac Octobre 2014 Avec l aide de Jean-Claude Dufourd Et Thomas Bertrand Mastère CPD Javascripts,

Plus en détail

Le CMS Content Manager. Avec Content Manager, prenez le contrôle de votre site web!

Le CMS Content Manager. Avec Content Manager, prenez le contrôle de votre site web! Le Avec Content Manager, prenez le contrôle de votre site web! Version 3.14 Content Manager est un système de gestion de contenus (CMS), qui vous permet de gérer des sites web hautement personnalisés.

Plus en détail