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

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

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

Transcription

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

2 Qui suis-je? Victor Brito Situé près de Paris, dans la France non voisine Intégrateur HTML / CSS freelance Expert Accessiweb en évaluation Intervient sur la relecture des référentiels Accessiweb Se cache derrière Un seul Web un-seul-web.fr et Tuyaux de l accessibilité tuyauxa11y.info Portfolio : victor-brito.fr Twitter

3 Ce dont il va être question Périphériques mobiles et responsive Web design : un regard opportun sur l accessibilité du Web Périphériques mobiles et responsive Web design comme révélateurs de problèmes d accessibilité Des critères d accessibilité négligés sur desktop qui sont révélés sur périphériques mobiles

4 L information ne doit pas être véhiculée uniquement par la couleur

5 L information ne doit pas être véhiculée uniquement par la couleur Le noir et blanc n est pas tout à fait mort!

6 Les formats pour le multimédia

7 Les formats pour le multimédia Flash boudé par la plupart des OS mobiles (ios en tête) Utiliser les éléments HTML 5 audio et video pour le multimédia Animations CSS 3 pour des animations

8 Le contrôle des limites de temps

9 Le contrôle des limites de temps En situation de mobilité, les connexions Wifi et 4G sont du luxe Plus la connexion est mauvaise, plus il faut de temps pour toute tâche Permettre aux utilisateurs de contrôler chaque limite de temps Laisser aux utilisateurs le soin de rafraîchir eux-mêmes une page Web

10 Le JavaScript

11 Le JavaScript En situation de mobilité, les connexions Wifi et 4G sont (toujours) du luxe Le JavaScript, même activé, peut ne pas se charger complètement S assurer que l essentiel des fonctionnalités du site Web est disponible comme si JavaScript était désactivé En cas d alternative à JavaScript, s assurer de sa pertinence

12 Les Captchas

13 Les Captchas Impact sur les écrans à haute densité de pixels (iphone 4, ipad 3 et bien d autres périphériques mobiles ) Fournir des versions d images Captcha adaptées à ces écrans ou privilégier d autres alternatives (opération arithmétique, question ou rien du tout)

14 Les liens d évitement

15 Les liens d évitement Facilite la navigation sur des écrans plus petits, même quand on est un utilisateur valide Et surtout

16 Les liens d évitement évite la tendinite du pouce!

17 Le zoom

18 Le zoom Zoom graphique prédominant sur les périphériques mobiles Zoom paramétrable via la méta viewport (HTML, pas standard) ou la (CSS, standard en devenir)

19 Le zoom Méta viewport width : définition de la largeur du viewport initial-scale : niveau de zoom initial minimum-scale : niveau de zoom minimal maximum-scale : niveau de zoom maximal user-scalable : zoom par interaction de l utilisateur (ne jamais utiliser la valeur no!) <meta name="viewport" content="width=device-width" />

20 Le zoom width : définition des largeurs minimales et maximales du viewport (raccourci pour min-width et max-width) zoom : niveau de zoom initial min-zoom : niveau de zoom minimal max-zoom : niveau de zoom maximal user-zoom : zoom par interaction de l utilisateur (ne jamais utiliser la valeur { width: device-width; }

21 Le zoom Attention! initial-scale=1.0, maximum-scale=1.0 vaut user-scalable=no Pour résoudre des bugs de zoom en cas de changement d orientation, privilégier : <meta name="viewport" content="width=device-width, initial-scale=1.0" { width: device-width; zoom: 1; }

22 L agrandissement du texte

23 L agrandissement du texte Unité em dans les media queries + design élastique Permet d appliquer les points de rupture en cas de fort zoom Bénéfices Aucune perte d information garantie en cas de fort zoom Voire pas de scroll horizontal, même en cas de fort zoom

24 L ouverture d une nouvelle fenêtre

25 L ouverture d une nouvelle fenêtre Certains navigateurs mobiles limitent le nombre d onglets pouvant être ouverts simultanément Limiter autant que possible l ouverture de liens dans une nouvelle fenêtre (ou un nouvel onglet) Limiter autant que possible les scripts provoquant l ouverture d une nouvelle fenêtre Soigner l avertissement des utilisateurs en cas d ouverture pareille (l attribut title risque de ne pas suffire )

26 Conclusion

27 Conclusion 71,8 % des utilisateurs de lecteur d écran en utilisent sur un périphérique mobile (source : Entre avril et septembre 2013, 54,2 % des Suisses ont utilisé un smartphone, 29,7 % une tablette (source : Les périphériques mobiles ont souvent un lecteur d écran fourni nativement Possibilité de connexion Bluetooth aux plages braille

28 Conclusion Le responsive Web design, c est bon, mangez-en! Les périphériques mobiles peuvent mettre aussi dans des situations de handicap Les critères d accessibilité sont toujours pertinents, quels que soient les supports de consultation Les périphériques mobiles et le responsive Web design apportent un éclairage renouvelé sur certains critères d accessibilité Le responsive Web design : opportunité de servir les mêmes contenus et les mêmes fonctionnalités, indépendamment du périphérique, illustrant l unicité et l universalité du Web L accessibilité du Web concerne des périphériques de plus en plus variés

29 Conclusion et ce n est pas fini!

30 Merci! Lien vers le support de présentation Crédits (Morgane Hervé, CC BY-NC-SA) (Morgane Hervé, CC BY-NC-SA) (ShakataNaGai, CC BY-SA) https://www.flickr.com/photos/chippee/ / (chippee, CC BY) (Evan-Amos, domaine public) https://www.flickr.com/photos/taedc/ / (Ted Eytan, CC BY-SA) Licence de ce support de présentation Creative Commons BY-SA

11/02/14 SITE WEB RÉACTIFS CONTEXTE ENVIRONNEMENT NAVIGATEURS PRINCIPES GÉNÉRAUX LES POINTS DE RUPTURE

11/02/14 SITE WEB RÉACTIFS CONTEXTE ENVIRONNEMENT NAVIGATEURS PRINCIPES GÉNÉRAUX LES POINTS DE RUPTURE 11/02/14 CONTEXTE SITE WEB RÉACTIFS S. LANQUETIN ENVIRONNEMENT Clavier (standard, mini, virtuel) Souris / doigt / stylet Rotation de l écran Performances CPU et GPU Capacité de stockage GPS Mobile/fixe

Plus en détail

UN SITE WEB RESPONSIVE EN UNE HEURE?

UN SITE WEB RESPONSIVE EN UNE HEURE? UN SITE WEB RESPONSIVE EN UNE HEURE?! O N O R H C P TO Raphaël Goetter Raphaël Goetter alsacreations.fr alsacreations.com goetter.fr knacss.com mobitest.me @goetter EN UNE HEURE, VOUS AVEZ DIT?!? R E N

Plus en détail

Responsive Web Design. La Rochelle, Avril 2014

Responsive Web Design. La Rochelle, Avril 2014 Responsive Web Design La Rochelle, Avril 2014 Mohamed Belmokhtar Université de La Rochelle Germain Souquet Université de La Rochelle Sommaire Qu est-ce que le responsive web design? Les différentes approches

Plus en détail

RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite?

RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite? RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite? Medialibs, votre partenaire digital Quoi? Un partenaire pour une gestion globale du digital (un laboratoire R&D, éditeur de logiciels

Plus en détail

Pour en expliquer le principe, on se limitera à deux exemples :

Pour en expliquer le principe, on se limitera à deux exemples : Les Media Queries permettent donc de cibler : Le type de média La taille de l'écran La taille de la fenêtre La résolution Le nombre de couleurs L'orientation Pour en expliquer le principe, on se limitera

Plus en détail

Approche Design Méthodologie de conduite de sites web

Approche Design Méthodologie de conduite de sites web Approche Design Méthodologie de conduite de sites web Phase 02 Concevoir le site (C) Conception visuelle N. Vanassche www.nathalievanassche.be Phase 2 (C) : Conception visuelle Facilité d utilisation:

Plus en détail

Travaux dirigés n 10

Travaux dirigés n 10 Travaux dirigés n 10 IMAC 1 Responsive Web Design Dans ce TD, vous verrez comment concevoir un design web qui s adaptera au terminal sur lequel il sera visualisé. Avant-propos Avec l avènement des smartphones

Plus en détail

RESPONSIVE DESIGN. Gobelins 2014.2015. Isabelle Biamonti

RESPONSIVE DESIGN. Gobelins 2014.2015. Isabelle Biamonti RESPONSIVE DESIGN Gobelins 2014.2015 Isabelle Biamonti Plan Principe général Exemples Sans responsive Avec responsive Versions séparées Responsive design ou versions séparées? Comment rendre un design

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

Conformité RGAA du site internet Bièvre Isère Communauté Rapport d évaluation

Conformité RGAA du site internet Bièvre Isère Communauté Rapport d évaluation Conformité RGAA du site internet Bièvre Isère Communauté Rapport d évaluation Site web évalué : http://bievre-isere.com Date de l évaluation : 30 mars 2015 Version du RGAA : RGAA 2.2 Equivalence de niveau

Plus en détail

Conception Adaptative "Responsive Web Design"

Conception Adaptative Responsive Web Design Conception Adaptative "Responsive Web Design" Construire des interfaces web qui s'adaptent aux spécificités des terminaux sur lesquelles elles sont vues RWD in the wild quelques exemples : http://incredibletypes.com/

Plus en détail

Conformité RGAA du site internet de Massif-Central.eu Rapport d évaluation

Conformité RGAA du site internet de Massif-Central.eu Rapport d évaluation Conformité RGAA du site internet de Massif-Central.eu Rapport d évaluation Site web évalué : http://www.massif-central.eu/ Date de l évaluation : 13 octobre 2015 Version du RGAA : RGAA 2.2 Equivalence

Plus en détail

Conformité RGAA du site internet de la Ville de Pontcharra Rapport d évaluation

Conformité RGAA du site internet de la Ville de Pontcharra Rapport d évaluation Conformité RGAA du site internet de la Ville de Pontcharra Rapport d évaluation Site web évalué : http://villepontcharra.fr Date de l évaluation : 27 juillet 2012 Version du RGAA : RGAA 2.2 (dernière version

Plus en détail

Prise en compte des handicaps

Prise en compte des handicaps Prise en compte des handicaps Stéphanie Jean-Daubias INFO Stephanie.Jean-Daubias - at - liris.univ-lyon1.fr http://liris.cnrs.fr/stephanie.jean-daubias/ L3 Plan du cours Prise en compte des handicaps Introduction

Plus en détail

Responsive Web Design. Responsive Design avec HTML 5.0 et CSS3

Responsive Web Design. Responsive Design avec HTML 5.0 et CSS3 Ivan MADJAROV Responsive Design avec HTML 5.0 et CSS3 HTML5 CSS3 IvMad - 2013 2 La spécification CSS3 Media Queries (requêtes de media) définit les techniques pour adapter de feuilles de styles en fonction

Plus en détail

BONNES PRATIQUES AUDIENCE MOBILE

BONNES PRATIQUES AUDIENCE MOBILE BONNES PRATIQUES AUDIENCE MOBILE IDENTIFIEZ VOS MOBINAUTES Identifiez les mobinautes de votre base de contacts et leur équipement mobile. Combien de contacts consultent vos emails sur mobile? Quel(s) équipement(s)

Plus en détail

Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news. agence moonseven www.moonseven.fr 1

Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news. agence moonseven www.moonseven.fr 1 + Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news agence moonseven www.moonseven.fr 1 + Un marché en pleine croissance 2 FOCUS Entre mars 2013 et mars 2014, le trafic

Plus en détail

Référentiel Général d Accessibilité pour les Administrations RGAA

Référentiel Général d Accessibilité pour les Administrations RGAA Référentiel Général d Accessibilité pour les Administrations RGAA Annexe 3 : Grilles de correspondance entre les critères de succès et les tests de conformité Page 1/21 1. Grille de correspondance des

Plus en détail

HTML5 Quels enjeux pour la mobilité et le RIA?

HTML5 Quels enjeux pour la mobilité et le RIA? HTML5 Quels enjeux pour la mobilité et le RIA? Julien Roche Philippe Guédez Ludovic Garnier 2 Sommaire Evolution des usages du Web Applications mobiles multiplateformes Contributions d HTML5 au RIA Conclusion

Plus en détail

Rendu multi-support DOCUMENTATION

Rendu multi-support DOCUMENTATION DOCUMENTATION Rendu multi-support Jahia, le CMS open source de nouvelle génération apportant à vos projets la convergence applicative (web, document, social, recherche et portail) unifiée par la simplicité

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

RESPONSIVE WEB DESIGN

RESPONSIVE WEB DESIGN RESPONSIVE WEB DESIGN Une approche pour concevoir des sites Web adaptatifs et une occasion d'inciter les étudiants à consulter des cours responsives Ivan MADJAROV Arnaud FÉVRIER Comment consulte-t-on le

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

Interactive Print Content Module Quickstart Le lien entre vos imprimés et le monde numérique DOCUMENTATION UTILISATEUR

Interactive Print Content Module Quickstart Le lien entre vos imprimés et le monde numérique DOCUMENTATION UTILISATEUR Interactive Print Content Module Quickstart Le lien entre vos imprimés et le monde numérique DOCUMENTATION UTILISATEUR V 1.0 mai 2013 Table des matières Introduction 3 Prérequis 3 Connexion au système

Plus en détail

Interfaces Homme/Machine et ergonomie d un site web

Interfaces Homme/Machine et ergonomie d un site web Interfaces Homme/Machine et ergonomie d un site web Apprendre à réaliser une interface Homme/Machine web en HTML 5 et CSS 3.0, à la structurer et à optimiser son ergonomie Retrouvez ce cours sur http://iut.e-concept-applications.fr

Plus en détail

Qu est-ce qu un livre numérique?

Qu est-ce qu un livre numérique? Le livre numérique Ce tutoriel peut être utilisé comme une introduction au concours «Bookin avec nous». Il présente en quelques slides les différents concepts associés au livre numérique et permet de mieux

Plus en détail

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

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

Design adaptatif. Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH

Design adaptatif. Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH Design adaptatif Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH Contenu Définition... 3 Avantages... 3 Fonctionnalités... 5 Modèle de Design mobile...

Plus en détail

CATALOGUE DES FORMATIONS

CATALOGUE DES FORMATIONS INSTALLATION Une équipe d experts informatiques dédiée à votre bien-être numérique. FORMATION MAINTENANCE CATALOGUE DES FORMATIONS Retrouvez tous les avis clients sur bdom.fr B dom est une entreprise de

Plus en détail

Solution de publication digitale sur smartphones et tablettes pour tous vos documents

Solution de publication digitale sur smartphones et tablettes pour tous vos documents 2013 Solution de publication digitale sur smartphones et tablettes pour tous vos documents Document édité par Forecomm - Août2013 SOMMAIRE Découvrir la solution Qu est-ce que mymozzo? Processus de création

Plus en détail

Introduction à HTML5, CSS3 et au responsive web design

Introduction à HTML5, CSS3 et au responsive web design 1 Introduction à HTML5, CSS3 et au responsive web design Jusqu à une période récente, les sites web étaient conçus avec une largeur fixe de l ordre de 960 pixels, en espérant que les visiteurs en tirent

Plus en détail

Créer une application de livre interactif pour tablette avec Indesign CS6 et Adobe Digital Publishing Suite

Créer une application de livre interactif pour tablette avec Indesign CS6 et Adobe Digital Publishing Suite Applications de type livre Introduction 9 Qu est-ce qu une application de type livre? 9 Découvrir DPS 11 La publication 12 Comprendre le flux de publication 12 Édition simple ou multifolio 13 Choisir l

Plus en détail

Cas client : Mise en place d une créa d Email Responsive RESPONSIVE EMAIL DESIGN

Cas client : Mise en place d une créa d Email Responsive RESPONSIVE EMAIL DESIGN Cas client : Mise en place d une créa d Email Responsive RESPONSIVE EMAIL DESIGN La demande : Un de nos clients nous interroge pour faire évoluer ses emails de recrutement prestataires, vers du responsive.

Plus en détail

Travaux pratiques 1.3.3 Détermination de la résolution d écran d un ordinateur

Travaux pratiques 1.3.3 Détermination de la résolution d écran d un ordinateur Travaux pratiques 1.3.3 Détermination de la résolution d écran d un ordinateur Objectifs Déterminer la résolution d écran actuelle d un moniteur d ordinateur Déterminer la résolution maximale pour une

Plus en détail

Médiathèque Numérique, mode d emploi

Médiathèque Numérique, mode d emploi Médiathèque Numérique, mode d emploi 1) Inscription Sur la page d accueil du site, cliquez sur «Inscrivez-vous» Sélectionnez votre médiathèque sur le menu déroulant 1 Remplissez le formulaire d inscription,

Plus en détail

Optimisation des e-mails pour les supports mobiles. Améliorez vos taux de clics sans augmenter votre charge de travail.

Optimisation des e-mails pour les supports mobiles. Améliorez vos taux de clics sans augmenter votre charge de travail. Enterprise Email Marketing Solutions & Services 27% DES E-MAILS SONT OUVERTS SUR SUPPORTS MOBILES Optimisation des e-mails pour les supports mobiles Améliorez vos taux de clics sans augmenter votre charge

Plus en détail

vous permet d agrandir la fenêtre Lync à la taille de votre écran.

vous permet d agrandir la fenêtre Lync à la taille de votre écran. Lync 2013 Lync 2013 est doté d un nouvel aspect qui vous aide à communiquer facilement et rapidement. Vous découvrirez également de nouvelles fonctionnalités, telles que les salles de conversation permanente,

Plus en détail

ADAPTATION DES INTERFACES. ROUYER Florian et BENNOUR Salah

ADAPTATION DES INTERFACES. ROUYER Florian et BENNOUR Salah ADAPTATION DES INTERFACES ROUYER Florian et BENNOUR Salah SOMMAIRE Sujet Android Ionic Comparaison Conclusion Sujet Plateforme de partage de livres Fonctionnalités : Géolocalisation Visualisation Map Visualisation

Plus en détail

CONCEPTION D E-MAILS ADAPTATIFS

CONCEPTION D E-MAILS ADAPTATIFS CONCEPTION D E-MAILS ADAPTATIFS SELLIGENT Le contenu de ce manuel porte sur du matériel protégé par les droits d auteurs appartenant à Selligent. Ce manuel ne peut être ni reproduit, en tout ou en partie,

Plus en détail

web Accessibilité Normes et bonnes pratiques pour des sites plus accessibles Armony Altinier Préface de Dominique Burger (BrailleNet)

web Accessibilité Normes et bonnes pratiques pour des sites plus accessibles Armony Altinier Préface de Dominique Burger (BrailleNet) Armony Altinier Préface de Dominique Burger (BrailleNet) web Accessibilité Normes et bonnes pratiques pour des sites plus accessibles Groupe Eyrolles, 2012, ISBN : 978-2-212-12889-5 Table des matières

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

Formation Responsive Web Design

Formation Responsive Web Design L institut de formation continue des professionnels du Web Formation Responsive Web Design Référence formation : Durée : Prix conseillé : RESPWD 3 jours (21 heures) 1 500 HT (hors promotion ou remise particulière)

Plus en détail

Utilisation d ADOBE DEVICE CENTRAL CS5 et CS5.5

Utilisation d ADOBE DEVICE CENTRAL CS5 et CS5.5 Utilisation d ADOBE DEVICE CENTRAL CS5 et CS5.5 Informations juridiques Informations juridiques Pour consulter les informations juridiques, rendez-vous sur http://help.adobe.com/fr_fr/legalnotices/index.html.

Plus en détail

Le Web pour les informaticiens Les métiers. Programmation web PHP et bases de données. Les métiers rédactionnels. Les métiers des concepteurs

Le Web pour les informaticiens Les métiers. Programmation web PHP et bases de données. Les métiers rédactionnels. Les métiers des concepteurs Le Web pour les informaticiens Le Web pour les informaticiens Programmation web PHP et bases de données Les métiers La conception du site web Jean-Christophe Dubacq IUT de Villetaneuse S3 2013 PHP et bases

Plus en détail

LES BALISES AUDIO ET VIDÉO EN HTML5

LES BALISES AUDIO ET VIDÉO EN HTML5 LES BALISES AUDIO ET VIDÉO EN HTML5 Eskimon 29 octobre 2015 Table des matières 1 Introduction 5 2 Les balises audio et vidéo 7 2.1 Les balises audio et vidéo.............................. 7 2.2 Les éléments

Plus en détail

Media queries : gérer différentes zones de visualisation

Media queries : gérer différentes zones de visualisation 2 Media queries : gérer différentes zones de visualisation Comme nous l avons vu au chapitre précédent, les CSS3 sont constituées de modules. Media queries est simplement l un d eux. Ce module permet d

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

Applications Smartphones : enjeux et perspectives pour les communautés de l'eglise Catholique. Application 1 Smartphone

Applications Smartphones : enjeux et perspectives pour les communautés de l'eglise Catholique. Application 1 Smartphone Applications Smartphone Applications Smartphones : enjeux et perspectives pour les communautés de l'eglise Catholique Application 1 Smartphone 23/01/2011 Patrice de Saint Steban École EPITA Ingénieur en

Plus en détail

Diffuser le contenu d'une tablette en classe

Diffuser le contenu d'une tablette en classe Diffuser le contenu d'une tablette en classe Sommaire Contexte...3. Architecture...3 2 Présentation des solutions retenues...4 2. Apple TV...4 2.2 Chromecast...4 3 Intégration dans un réseau d'établissement...5

Plus en détail

`lk`bmqflk=^kkfb=j^rlfpi=r `fq=`p=abp=a `lrsrbrrp. fåáíá~íáçå=ám~çj`pamp

`lk`bmqflk=^kkfb=j^rlfpi=r `fq=`p=abp=a `lrsrbrrp. fåáíá~íáçå=ám~çj`pamp `lk`bmqflk=^kkfb=j^rlfpi=r `fq=`p=abp=a `lrsrbrrp fåáíá~íáçå=ám~çj`pamp Droits d auteurs Ce livre numérique est mise à disposition selon les termes de la Licence Creative Commons Attribution - Pas d Utilisation

Plus en détail

Classilio Via 8 est l outil le plus simple et le plus facile à utiliser grâce à ses nouvelles fonctionnalités!

Classilio Via 8 est l outil le plus simple et le plus facile à utiliser grâce à ses nouvelles fonctionnalités! L équipe CLASSILIO est très fière de vous présenter sa toute nouvelle génération d outil de classe virtuelle/webconférence/webinar. En effet, Classilio Via 8 est la plus grosse évolution de notre outil

Plus en détail

Le WEB: présentation

Le WEB: présentation Le WEB: présentation Introduction: définition(s), historique... Principes d'utilisation:. le système Hypertexte. le fonctionnement pratique Naviguer sur le Web, les bases. les principales fonctions d'un

Plus en détail

Atelier du 25 juin 2012. «Les bonnes pratiques dans l e-mailing» Club

Atelier du 25 juin 2012. «Les bonnes pratiques dans l e-mailing» Club Atelier du 25 juin 2012 «Les bonnes pratiques dans l e-mailing» Agenda de l atelier Introduction et rappel des bonnes pratiques Exemple et retour d expérience Maison Tasset Partage d expérience entre les

Plus en détail

Démonstration de la mise en cache via HTML 5 sur iphone

Démonstration de la mise en cache via HTML 5 sur iphone Last update: 2011/08/18 21:46 wiki:devmobile:webapp:html5:presentation Démonstration de la mise en cache via HTML 5 sur iphone Overview Parmi les nouveautés du HTML 5, l une d elles est très intéressent

Plus en détail

Conferencing Services. Web Meeting. Guide de démarrage rapide V5_FR

Conferencing Services. Web Meeting. Guide de démarrage rapide V5_FR Web Meeting Guide de démarrage rapide V5_FR Table des matières 1 INFORMATION PRODUIT... 3 1.1 GENERALITES... 3 1.2 SYSTEMES D EXPLOITATION ET LANGUES PRIS EN CHARGE... 3 1.3 FONCTIONS... 3 2 RESERVER UNE

Plus en détail

PROFIL. Intégrateur Web. Missions

PROFIL. Intégrateur Web. Missions L intégrateur HTML est chargé de développer la partie front office des sites internet ou encore de coder les newsletters en HTML. À partir des éléments graphiques fournis au format Photoshop, il réalise

Plus en détail

M2A Outil numérique d aide à la conception Formation 3DSmax. Partie 2 Formation à l outil. Enseignant: Simone walter

M2A Outil numérique d aide à la conception Formation 3DSmax. Partie 2 Formation à l outil. Enseignant: Simone walter Partie 2 Formation à l outil M2A Outil numérique d aide à la conception 6h -Présentation de l interface de 3DSmax: paramétrage de 3DS, organisation de l interface, fonction de navigation, fonction de création,

Plus en détail

Positionnement produit Dernière mise à jour : avril 2011

Positionnement produit Dernière mise à jour : avril 2011 DCS-930L Caméra réseau domestique Wireless N avec mydlink Cas de figure d'utilisation Sécurité à domicile/dans les petits bureaux Garantie 2 ans Accroche marketing La caméra réseau domestique Wireless

Plus en détail

TABLETTE NUMÉRIQUE TACTILE - IPAD

TABLETTE NUMÉRIQUE TACTILE - IPAD TABLETTE NUMÉRIQUE TACTILE - IPAD Partie 5 : Sommaire... 1 1. Installer : la procédure d installation... 1 2. Paramétrer : les paramètres généraux, la préparation à la synchronisation... 3 Avril 2013 Partie

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

WINDOWS 10 Windows 10 fichiers dossiers OneDrive Cortana Photos Lecteur Windows Media Contacts Messagerie Calendrier Skype WINDOWS 10 Microsoft Edge

WINDOWS 10 Windows 10 fichiers dossiers OneDrive Cortana Photos Lecteur Windows Media Contacts Messagerie Calendrier Skype WINDOWS 10 Microsoft Edge WINDOWS 10 Table des matières L environnement Windows 10 i Généralités Windows 10 : les nouveautés................................ 9 Intérêts d utiliser un compte Microsoft........................ 18 Démarrer

Plus en détail

Guide de démarrage rapide de SystemTweaker

Guide de démarrage rapide de SystemTweaker Guide de démarrage rapide de SystemTweaker SystemTweaker est un outil fiable et convivial qui vous permet de personnaliser Windows selon vos préférences. Ce guide de démarrage rapide vous aide à installer

Plus en détail

La mobilité avec ArcGIS

La mobilité avec ArcGIS SIG 2012 - Conférence francophone Esri Versailles, France Atelier Technique - 4 Oct. 2012 La mobilité avec ArcGIS Ana de Latour Mehdi Huguet Agenda Le Système ArcGIS Qu est-ce qu un SIG mobile? A qui s

Plus en détail

PROGRAMME DE FORMATION AU ET PAR LE NUMERIQUE

PROGRAMME DE FORMATION AU ET PAR LE NUMERIQUE PROGRAMME DE FORMATION AU ET PAR LE NUMERIQUE Introduction Le décret n 2014-1631 qui organise la transformation du CNDP et des CRDP en Réseau Canopé, le réseau de creation et d accompagnement pédagogique.

Plus en détail

Accessibilité et bonnes pratiques qualité dans les CMS

Accessibilité et bonnes pratiques qualité dans les CMS Accessibilité et bonnes pratiques qualité dans les CMS Rencontres Mondiales du Logiciel Libre 2 juillet 2008 Elie Sloïm Aurélien Levy 1 Elie Sloïm : Directeur de la société Formateur et consultant. Expert

Plus en détail

Windows 8 Module 3 Cours windows8 Dominique Bulté Sal e Informatique de Cappel e la Grande novembre 2013

Windows 8 Module 3 Cours windows8 Dominique Bulté Sal e Informatique de Cappel e la Grande novembre 2013 Windows 8 Module 3 7. L'indispensable fonction «Paramètres du PC» (3/3) Nous voilà arrivé à la dernière étape de notre tour d horizon des nombreuses options du module Paramètres du PC. Cet outil permet

Plus en détail

ADOBE DREAMWEAVER. contact@mandyben.com www.mandyben-formation.com

ADOBE DREAMWEAVER. contact@mandyben.com www.mandyben-formation.com ADOBE DREAMWEAVER Public : Webmasters, créateur de sites Internet, maquettistes, infographistes, responsables communication, chefs de projet. Pré-requis : Bonne connaissance de l environnement Mac ou Windows).

Plus en détail

12 novembre 2012 Montauban MOBILITÉ, APPLICATIONS ET SITES MOBILES

12 novembre 2012 Montauban MOBILITÉ, APPLICATIONS ET SITES MOBILES 12 novembre 2012 Montauban MOBILITÉ, APPLICATIONS ET SITES MOBILES POURQUOI LA MOBILITÉ? ÉVOLUTIONS SOCIÉTALES DES MIGRATIONS QUOTIDIENNES RESTER RELIÉ À SES COMMUNAUTÉS L INSTANTANÉITÉ ÉVOLUTIONS TECHNOLOGIQUES

Plus en détail

Guide de l administrateur. Démarrage rapide. www.cmsmadesimple.fr

Guide de l administrateur. Démarrage rapide. www.cmsmadesimple.fr Guide de l administrateur Démarrage rapide www.cmsmadesimple.fr Table des matières 1.Information document...4 1.1.Licence...4 1.2.Avertissements...5 1.3.Remerciements...5 1.4.Auteurs...6 1.5.Versions...6

Plus en détail

Construire des sites pour l'iphone avec Freeway

Construire des sites pour l'iphone avec Freeway Construire des sites pour l'iphone avec Freeway La création de pages pour l'iphone (ou l'ipod Touch) n'est pas très différente de la création de pages pour un ordinateur. Apple a tout fait pour que cela

Plus en détail

Comprendre l édition numérique www.graphikoo.fr

Comprendre l édition numérique www.graphikoo.fr Édition numérique et design graphique Comprendre l édition numérique www.graphikoo.fr Comprendre l édition numérique Sommaire PRÉSENTATION... 1 APP DE CONTENU... 2 Tailles d écran et usages.... 4 Tablettes

Plus en détail

AD SPECIFICATIONS. Bannière standard. Livraison par des sites et applis tiers. Créations. Animation. Fichiers à fournir. Disponibilité.

AD SPECIFICATIONS. Bannière standard. Livraison par des sites et applis tiers. Créations. Animation. Fichiers à fournir. Disponibilité. Bannière standard Une bannière publicitaire standard est une publicité pouvant être statique ou animée. Cette publicité peut permettre un large éventail d'actions, notamment l'accès à un site mobile, une

Plus en détail

Audio et Télématique Services connectés. Niveau 1 Niveau 2 Niveau 3

Audio et Télématique Services connectés. Niveau 1 Niveau 2 Niveau 3 Audio et Télématique Services connectés Niveau Niveau 2 Niveau 3 Navigateur internet Appuyer sur Services connectés pour afficher la page primaire. 3 Audio et Télématique Appuyer sur " Navigateur internet

Plus en détail

Android 2.3 Gingerbread

Android 2.3 Gingerbread Android 2.3 Gingerbread Laurent Villain Le but de cette documentation est de permettre d utiliser à des fins professionnelles un smartphone avec l OS Android. Les appareils qui ont servi à cette expérimentation

Plus en détail

Médiathèque Numérique, mode d emploi

Médiathèque Numérique, mode d emploi Médiathèque Numérique, mode d emploi 1) Inscription Sur la page d accueil du site, cliquez sur «Inscrivez-vous» Remplissez le formulaire d inscription, et validez-le. 1 Votre inscription est alors bien

Plus en détail

Créez votre premier site web De la conception à la réalisation

Créez votre premier site web De la conception à la réalisation Chapitre 1 : Introduction A. Introduction 17 Chapitre 2 : Les langages A. L objectif 21 B. L HTML 21 1. L état des lieux 21 2. Les éléments HTML 21 3. Les attributs 22 4. Les caractères 23 5. Les espaces

Plus en détail

Créer un menu adaptable à toutes les résolutions

Créer un menu adaptable à toutes les résolutions Créé par : feektif Ce guide est reproductible en : 30 à 40 min et est d'un niveau : Intermédiaire Pour de tutoriel, nous allons réaliser un menu composé de cinq liens, chacun divisé en 3 éléments. Un curseur

Plus en détail

le futur du RESPONSIVE WEB DESIGN

le futur du RESPONSIVE WEB DESIGN le futur du RESPONSIVE WEB DESIGN AgoraCMS 2014 RAPHAËL GOETTER (odieux) photomontage : @diou RESPONSIVE aujourd hui? c est instable c est une jungle c est complexe RESPONSIVE c est instable

Plus en détail

Les nouveaux comportements... 9

Les nouveaux comportements... 9 Sommaire Du téléphone portable au smartphone... 4 L apparition du smartphone... 4 Le marché français des smartphones... 6 Le smartphone vs. l ordinateur... 7 Les familles des périphériques... 8 Les nouveaux

Plus en détail

http5000 Mag #1 Sites internet & applications mobiles Site internet pour la Croix-Rouge p. 8 Référencement On site / Off site

http5000 Mag #1 Sites internet & applications mobiles Site internet pour la Croix-Rouge p. 8 Référencement On site / Off site http5000 Mag #1 Sites internet & applications mobiles Site internet pour la Croix-Rouge p. 8 Référencement p.11 On site / Off site MyAppli pour les restaurants p.14 http5000 u création de site internet

Plus en détail

Spécifications techniques

Spécifications techniques Infos pratiques Bon de commande: indication de réservation publicité Tablette + confirmation de livraison du matériel: envoyer à booking@trustmedia.be Matériel Papier: artwork@mediafin.be 2 jours ouvrables

Plus en détail

HTML5 et CSS3 Faites évoluer le design de vos sites web (2ième édition)

HTML5 et CSS3 Faites évoluer le design de vos sites web (2ième édition) Introduction A. La création de sites Web 20 B. Les langages 20 C. Le livre 20 1. Pour les designers Web 20 2. Le contenu 20 Chapitre 1 : L évolution de l HTML et des CSS A. Rapide historique de l Internet

Plus en détail

IPHONE BANNIÈRE CLASSIQUE DIMENSIONS. Standard : 320 x 53 (portrait) 20Ko Jpeg/Gif/Png. HD : 640 x 106 (portrait) 20Ko Jpeg/Gif/Png DESCRIPTION

IPHONE BANNIÈRE CLASSIQUE DIMENSIONS. Standard : 320 x 53 (portrait) 20Ko Jpeg/Gif/Png. HD : 640 x 106 (portrait) 20Ko Jpeg/Gif/Png DESCRIPTION IPHONE BANNIÈRE CLASSIQUE DIMENSIONS Standard : 320 x 53 (portrait) 20Ko Jpeg/Gif/Png HD : 640 x 106 (portrait) 20Ko Jpeg/Gif/Png DESCRIPTION Format publicitaire très répandu et simple Permet une présence

Plus en détail

Modèle d administration élève

Modèle d administration élève Modèle d administration élève Stratégie Paramètre Commentaire Configuration utilisateur > Modèles d administration > Bureau Cacher l icône Emplacements réseau sur le Bureau Masquer toutes les icônes du

Plus en détail

. Généralités 1. 1.2 La gestion des applications 13

. Généralités 1. 1.2 La gestion des applications 13 WINDOWS 8.1. Généralités 1 A- Introduction 1 B- Utiliser les fonctionnalités tactiles 2 C- Utiliser le clavier virtuel 4 D- Démarrer Windows 8 6 E- Description de la page Accueil de Windows 8 7 F- Afficher

Plus en détail

+33 (0)4 92 21 33 79 contact@social-box.fr www.social-box.fr. Sarl ISB Altipolis2 av. Du Général Barbot 05100 Briancon - France

+33 (0)4 92 21 33 79 contact@social-box.fr www.social-box.fr. Sarl ISB Altipolis2 av. Du Général Barbot 05100 Briancon - France Sarl ISB Altipolis2 av. Du Général Barbot 05100 Briancon - France SCHÉMA FONCTIONNEL * Projection vers smartphones et tablettes de votre interface en Appli par Wifi (10 à 100 mètres autour de la borne)

Plus en détail

Manuel d utilisation email NETexcom

Manuel 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

Kofax Livre blanc. Technologie mobile d automatisation avancée pour la Comptabilité Fournisseurs. Résumé

Kofax Livre blanc. Technologie mobile d automatisation avancée pour la Comptabilité Fournisseurs. Résumé Kofax Livre blanc Livre blanc Kofax Technologie mobile d automatisation avancée pour la Comptabilité Fournisseurs Résumé De nos jours, l interaction en entreprise avec les applications métier disponibles

Plus en détail

HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles

HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles 46 HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles enfin deux points importants pour les sites mobiles, les nouveautés sur les formulaires ainsi que le mode hors-ligne. 2. Bonnes

Plus en détail

Nouveautés de la version 8. Les améliorations de la version 8 comprennent les suivantes:

Nouveautés de la version 8. Les améliorations de la version 8 comprennent les suivantes: Diapositive 1 Nouveautés de la version 8 Bienvenue aux Nouveautés de la version 8. Les diapositives suivantes décrivent les différences entre la version 7.7 et la version 8, ainsi que les nouvelles caractéristiques.

Plus en détail

Procédure d enregistrement

Procédure d enregistrement Procédure d enregistrement Quelques clics suffisent pour configurer l accès aux prestations offertes au Grand Conseil Prérequis > Une connexion Internet et un navigateur web récent > Votre téléphone mobile

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

Concevoir des interfaces pour les seniors: enjeu essentiel pour les informaticiens de demain

Concevoir des interfaces pour les seniors: enjeu essentiel pour les informaticiens de demain Concevoir des interfaces pour les seniors: enjeu essentiel pour les informaticiens de demain Isabelle MOTTE FUNDP Juin 2010 Licence Creative Commons by-nc-sa Accessibilité Votre définition? «L'accessibilité

Plus en détail

Guide d impression Google Cloud

Guide d impression Google Cloud Guide d impression Google Cloud Version 0 FRE Définitions des remarques Les styles de remarques suivants sont utilisés dans le guide de l utilisateur : Les remarques vous indiquent comment réagir face

Plus en détail

Solution de publication digitale sur smartphones et tablettes pour tous vos documents. Document édité par Forecomm - Avril 2013

Solution de publication digitale sur smartphones et tablettes pour tous vos documents. Document édité par Forecomm - Avril 2013 2013 Solution de publication digitale sur smartphones et tablettes pour tous vos documents Document édité par Forecomm - Avril 2013 sommaire Découvrir la solution Qu est-ce que mymozzo? Processus de création

Plus en détail

Spétechs Mobile. D e r n i è r e m i s e à j o u r : a o û t 2014

Spétechs Mobile. D e r n i è r e m i s e à j o u r : a o û t 2014 Spétechs Mobile D e r n i è r e m i s e à j o u r : a o û t 2014 Généralités Envoi des créas à Amandine Canu, responsable traffic mobile : acanu@hi-media.com Mettre en copie de votre e-mail votre contact

Plus en détail

App vs. WebApp Best Of Mobile 5 avril 2012

App vs. WebApp Best Of Mobile 5 avril 2012 App vs. WebApp Best Of Mobile 5 avril 2012 La question! App ou Web App? APP versus WEBAPP Constats du marché 2. Modifiez le style du titre Marketing 3. Modifiez le style du titre Compatibilité Experience

Plus en détail