L'accessibilité des applications web mobiles

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

Download "L'accessibilité des applications web mobiles"

Transcription

1 L'accessibilité des applications web mobiles ou la véritable histoire d un projet web mobile (très) grand public vu par ses utilisateurs Contée par Sébastien Delorme, Atalan

2 Casting

3 Critiques «Une histoire accessible et intrigante inspirée de faits réels.»

4 Critiques «Une conférence d auteur, accessible aux avertis.»

5 Critiques «Ce mercredi, en salle, une énième conférence sur les utilisateurs.»

6 Il était une fois

7 Il était une fois VoiceOver?

8 Il était une fois TalkBack?

9 Sans transition

10 Késako? aria-expanded

11 Késako? «Retirer les attributs aria-expanded des systèmes d accordéons»

12 À nvous de jouer

13 Un bouton image

14 Un bouton image <button> <img alt="géolocaliser l aéroport le plus proche" /> </button>

15 Un bouton image <button> <img alt="géolocaliser l aéroport le plus proche" /> </button> WCAG

16 En passant Sur l intégration des icônes-liens, je vous recommande la séance «Techniques d intégration d icônes-liens» à 14h40

17 Un lien

18 <a> <img alt="petit courrier" /> <p>de : Caen</p> <p>à : Quand</p> </a> Un lien

19 Un lien <a> <img alt="petit courrier" /> <p>de : Caen</p> <p>à : Quand</p> </a> WCAG

20 Un tableau

21 Un tableau <table> <tr> <td></td> <th scope="col">terminal</th> <th scope="col">heure</th> </tr> [ ] </table>

22 Un tableau <table> <caption>heures et terminaux des prochains départs</caption> <tr> <td></td> <th scope="col">terminal</th> <th scope="col">heure</th> </tr> [ ] </table>

23 caption { position: absolute; left: px; } Un tableau

24 Un tableau <table> <caption>heures et terminaux des prochains départs</caption> <tr> <td></td> <th scope="col">terminal</th> <th scope="col">heure</th> </tr> [ ] </table> caption { position: absolute; left: px; } WCAG

25 On passe au niveau supérieur?

26 Un champ «autocomplété»

27 Un champ «autocomplété» aria-autocomplete="" autocomplete=""

28 Un champ «autocomplété» aria-autocomplete="" autocomplete="" <div role="status" aria-live="polite"> <p>4 résultats suggérés, utilisez les flèches haut et bas pour naviguer.</p> </div>

29 Un champ «autocomplété» aria-autocomplete="" autocomplete="" <div role="status" aria-live="polite"> 4 résultats suggérés, utilisez les flèches haut et bas pour naviguer. </div>

30 Un champ «autocomplété» aria-autocomplete="" autocomplete="" <div role="status" aria-live="polite"> 4 résultats suggérés. </div> WCAG

31 On audite?

32 WCAG

33 RGAA

34 Accessi Web

35 On fait tester?

36 On fait tester? «Impossible de consulter mes réservations»

37 «Cette application n est pas du tout accessible!» On fait tester? «Impossible de consulter mes réservations»

38 «Je ne comprends pas, je n arrive pas naviguer dans l application» «Cette application n est pas du tout accessible!» On fait tester? «Impossible de consulter mes réservations»

39 «Je ne comprends pas, je n arrive pas naviguer dans l application» On fait tester? «Impossible de consulter mes réservations» «Cette application n est pas du tout accessible!» «Ce site n est pas du tout compatible avec VoiceOver»

40

41 Penchons-nous sur les retours

42 Cas n 1 «Dans la rubrique prochains départs, pour la plupart des vols, on n a pas accès au terminal. Par exemple, le vol de Troyes à Sète. Ce problème est également présent sur votre site internet.»

43 Cas n 1 «Le lien suivant renvoie vers le message d erreur "Désolé, la page demandée n existe pas".»

44 Cas n 1 1/3 des retours ne concerne pas l accessibilité

45 Cas n 1 d où l importance de cadrer les tests utilisateurs.

46 Cas n 2 «Lorsque j affiche une nouvelle page, VoiceOver redémarre la lecture tout en haut, alors qu il faudrait lire directement le contenu de cette page.»

47 Cas n 2 «Dans chaque élément de la liste, il n est pas utile que VoiceOver lise "puce" à chaque puce rencontrée.»

48 Cas n 2 La limite des aides techniques ou Le manque de connaissance dans l utilisation des aides techniques

49 Et puis

50 «Le bouton de géolocalisation est lu "bouton" par VoiceOver, sans aucune autre information.»

51 Le bouton image <button> <img alt="géolocaliser l aéroport le plus proche" /> </button> WCAG

52 VoiceOver, sur ios6, ne restitue pas l alternative d une image dans un bouton

53 Le bouton image <button title="géolocaliser l aéroport le plus proche"> <img alt="géolocaliser l aéroport le plus proche" /> </button> WCAG

54 «La lecture est trop hachée avec VoiceOver, trop de fois le mot "lien" entendu.»

55 Le lien <a> <img alt="petit courrier" /> <p>de : Caen</p> <p>à : Quand</p> </a> WCAG

56 VoiceOver découpe la lecture d un lien en fonction des conteneurs de type block qu il contient.

57 Le lien Petit courrier, lien, image. De : Caen, lien. À : Quand, lien. <a> <img alt="petit courrier" /> <p>de : Caen</p> <p>à : Quand</p> </a> WCAG

58 Le lien Petit courrier De : Caen À : Quand, lien. <a> <img alt="petit courrier" /> <span>de : Caen</span> <span>à : Quand</span> </a> WCAG

59 «Les tableaux ne sont pas du tout accessibles!»

60 Le tableau <table> <caption>heures et terminaux des prochains départs</caption> <tr> <td></td> <th scope="col">terminal</th> <th scope="col">heure</th> </tr> [ ] </table> caption { position: absolute; left: px; } WCAG

61 VoiceOver décale la lecture des entêtes en présence d une cellule vide dans la ligne ou colonne d entêtes.

62 Le tableau «Terminal Vienne C» WCAG

63 Le tableau <table> <caption>heures et terminaux des prochains départs</caption> <tr> <th></th> <th scope="col">terminal</th> <th scope="col">heure</th> </tr> [ ] </table> WCAG

64 Le tableau <table> <caption>heures et terminaux des prochains départs</caption> <tr> <th></th> <th scope="col">terminal</th> <th scope="col">heure</th> </tr> [ ] </table> «Terminal Paris C» WCAG

65 «Tout plante quand je lis un tableau!»

66 Le tableau <table> <caption>heures et terminaux des prochains départs</caption> <tr> <th></th> <th scope="col">terminal</th> <th scope="col">heure</th> </tr> [ ] </table> «Tableau, heure et terminaux des prochains départs.» caption { position: absolute; left: px; } WCAG

67 Lorsque VoiceOver lit des contenus cachés, le navigateur cherche à les afficher

68 Le tableau <table> <caption>heures et terminaux des prochains départs</caption> <tr> <th></th> <th scope="col">terminal</th> <th scope="col">heure</th> </tr> [ ] </table> «Tableau, heures et terminaux des prochains départs.» caption { position: absolute; opacity:0; } WCAG

69 À votre avis, pourquoi? «Retirer les attributs aria-expanded des systèmes d accordéons»

70 «Je n arrive pas à accéder aux suggestions proposées dans les champs de saisie.»

71 Le champ «autocomplété» «4 résultats suggérés.» WCAG

72 En l état, compte-tenu du fonctionnement des lecteurs d écran sur les équipements tactiles, l autocomplétion ne peut pas être rendue accessible.

73 Le champ «autocomplété» WCAG

74 C est le problème d Apple? Tous les utilisateurs (clients) testeurs étaient équipés d un iphone (ios 6 ou 7) Doit-on leur demander de changer de téléphone?

75 Les normes et référentiels Ils sont importants, mais clairement insuffisants, notamment sur des technologies ou des usages récents, comme le mobile.

76 Testez et/ou faites tester Tous les cas montrés peuvent être facilement identifiés, sans nécessairement être un utilisateur averti.

77 Générique de fin & questions Sébastien Delorme Responsable accessibilité numérique Twitter

Notice d accessibilité HTML, CSS et JavaScript

Notice d accessibilité HTML, CSS et JavaScript Notice d accessibilité HTML, CSS et JavaScript Date Version État / commentaires 10 sept. 2015 2.0 Cette version prend en compte WCAG 2.0 et RGAA 3.0. En partenariat avec : Air Liquide Atos BNP Paribas

Plus en détail

OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT... 6 LES TITRES ET LES SOUS-TITRES...

OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT... 6 LES TITRES ET LES SOUS-TITRES... Diffusion de l information dans Internet Guide de création de documents Word accessibles 5 novembre 2009 OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT...

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

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

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP IFT1147 Programmation Serveur Web avec PHP Un bref survol du langage HTML HMTL HTML: Hypertext Markup Language HTML est essentiellement un langage de description de structure de document (par exemple titre,

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

Règles pour le développement d interfaces mobiles accessibles

Règles pour le développement d interfaces mobiles accessibles Règles pour le développement d interfaces mobiles accessibles Funka Nu AB Döbelnsgatan 21, 111 40 Stockholm 08-555 770 60 kontakt@funkanu.se Sommaire Introduction... 3 Les règles... 3 Règles pour le développement

Plus en détail

Géo Campus Orléans : création d une application de géolocalisation sous Android.

Géo Campus Orléans : création d une application de géolocalisation sous Android. Géo Campus Orléans : création d une application de géolocalisation sous Android. Pour personnes à mobilité réduite David CASSON 1 / 30 1 Présentation 2 Les 4 libertés : Késako 3 4 2 / 30 Plan 1 Présentation

Plus en détail

Une création Socrates www.socratesonline.com. Internet accessible pour tous

Une création Socrates www.socratesonline.com. Internet accessible pour tous Une création Socrates www.socratesonline.com Internet accessible pour tous Qui sommes-nous et qu est-ce que SitEthique? Le cabinet Socrates accompagne depuis 10 ans les établissements et les services dans

Plus en détail

Test de performance des «agents-utilisateurs» a l e gard de la spe cification WAI-ARIA

Test de performance des «agents-utilisateurs» a l e gard de la spe cification WAI-ARIA Test de performance des «agents-utilisateurs» a l e gard de la spe cification WAI-ARIA WALTER DE ABREU CYBIS, DR ING. JEAN-MARIE D AMOUR, M. ÉD. Résumé Ce rapport décrit l étude réalisée par l'équipe «Accessibilité

Plus en détail

le langage HTML Université Jean Monnet - ISEAG Maxime Morge L2 ECO - slide #1

le langage HTML Université Jean Monnet - ISEAG Maxime Morge L2 ECO - slide #1 le langage HTML Maxime Morge Université Jean Monnet - ISEAG Maxime Morge L2 ECO - slide #1 Plan Pourquoi est-il nécessaire de connaître le langage HTML? Comment stucturer le contenu d une page? Données

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

Atelier Samedi 17 novembre 2007 Sébastien Delorme. Et si je mettais à sa place?

Atelier Samedi 17 novembre 2007 Sébastien Delorme. Et si je mettais à sa place? Atelier Samedi 17 novembre 2007 Sébastien Delorme Et si je mettais à sa place? Atelier Samedi 17 novembre 2007 Sébastien Delorme Comment bien prendre en compte les besoins, comportements et capacités de

Plus en détail

FORMATION MULTIMÉDIA LVE

FORMATION MULTIMÉDIA LVE Windows Live Movie Maker est un logiciel de montage vidéo conçu pour les débutants. Il permet de créer, de modifier et de partager des séquences vidéo sur le web, par courrier électronique ou sur un CD/DVD.

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

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

PLATEFORME ANTI-CORRUPTION AU CAMEROUN

PLATEFORME ANTI-CORRUPTION AU CAMEROUN PLATEFORME ANTI-CORRUPTION AU CAMEROUN MANUEL DE L UTILISATEUR Version 1.0 Copyright 2013 FODER - CAMEROUN 1 1. Table des matières 1. Table des matières... 2 2. Introduction... 3 3. La page principale

Plus en détail

2. Pour accéder au Prêt numérique, écrivez http://bibliomontreal.com/ dans la barre d adresse de votre navigateur Web.

2. Pour accéder au Prêt numérique, écrivez http://bibliomontreal.com/ dans la barre d adresse de votre navigateur Web. Pour accéder au Prêt numérique 1. Le mot de passe pour accéder à votre dossier dans le catalogue Nelligan est requis. a. Pour créer un mot de passe, écrivez le lien suivant dans la barre d adresse du navigateur

Plus en détail

Installation / Sauvegarde Restauration / Mise à jour

Installation / Sauvegarde Restauration / Mise à jour Installation / Sauvegarde Restauration / Mise à jour SPIP version 1.8.x Serveur (Linux) Jean Sébastien BARBOTEU dev.jsb@laposte.net Introduction Nous allons aborder tous les aspects techniques liés à la

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

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

Guide de base WordPress

Guide de base WordPress Guide de base WordPress Pour créer et gérer votre blogue ou site Internet 1- La création du blogue Wordpress Créez votre propre compte Wordpress.com en quelques secondes. C est gratuit. Entrez cette adresse

Plus en détail

ANNEXE 8 : Le Mailing

ANNEXE 8 : Le Mailing 430/523 Lancer un mailing Présentation de l écran du mailing Aller dans Communication puis sélectionner «Mailing» Cet écran apparaît 431/523 Définition des zones Choix du type de Mailing 1 Mailing Courrier

Plus en détail

Guide Nokia 9300. Guide utilisateur ENTREPRISES. www.sfr.fr rubrique Entreprises

Guide Nokia 9300. Guide utilisateur ENTREPRISES. www.sfr.fr rubrique Entreprises Guide Nokia 9300 Guide utilisateur ENTREPRISES www.sfr.fr rubrique Entreprises Table des matières Prise en main 2 Démarrage Touches 3 Touches et navigation Appels vocaux 4/5 Effectuer et répondre à un

Plus en détail

Gestion des sites Internet du groupe Stem Notice d utilisation

Gestion des sites Internet du groupe Stem Notice d utilisation Gestion des sites Internet du groupe Stem Notice d utilisation Table des matières Présentation 2 Connexion à la plateforme de gestion 2 Gestion et modification du contenu 3 Gestion des documents 13 Gérer

Plus en détail

Saiga Informatique Logiciel imuse Extranet usagers

Saiga Informatique Logiciel imuse Extranet usagers REINSCRIRE ELEVE CONSULTER DOSSIER EN LIGNE Saiga Informatique Logiciel imuse Extranet usagers I. Récupérer de l'identifiant Se connecter avec : https://www.imuse-savoie.fr/extranet/login/usa_index_famille.php#

Plus en détail

Créer sa première base de données Access Partie 3/4 - Création d un formulaire

Créer sa première base de données Access Partie 3/4 - Création d un formulaire - le 12/02/2013 Créer sa première base de données Access Partie 3/4 - Création d un formulaire Ce tutoriel est la suite de l article sur la création d une table et l article sur la création d une requête.

Plus en détail

Présentation. La base de donnée e de gestion commerciale et de suivi des affaires

Présentation. La base de donnée e de gestion commerciale et de suivi des affaires Présentation La base de donnée e de gestion commerciale et de suivi des affaires Cliquez sur l écran ou appuyer sur une touche, suivez cette présentation jusqu au bout, il y a peine 30 diapositives et

Plus en détail

Cours SPIP 2.0 pour rédacteur. 1. Présentation de SPIP. 2. Architecture d un site SPIP

Cours SPIP 2.0 pour rédacteur. 1. Présentation de SPIP. 2. Architecture d un site SPIP Cours SPIP 2.0 pour rédacteur L objectif de ce document est d apprendre à utiliser le logiciel SPIP en tant que rédacteur. Ce cours ne requiert aucune connaissance informatique préalable à part savoir

Plus en détail

1 OpenOffice.org 3.0... 15

1 OpenOffice.org 3.0... 15 1 OpenOffice.org 3.0... 15 1.1. Lancer l application générale... 16 1.2. Démarrer une application spécifique d OpenOffice.org... 19 Créer un raccourci sur le Bureau... 20 1.3. Les barres principales...

Plus en détail

Espace Client Aide au démarrage

Espace Client Aide au démarrage Espace Client Aide au démarrage 1. A propos de l Espace Client... 2 a. Nouvelles fonctionnalités... 2 b. Reprise de vos documents... 2 c. Migration vers l Espace Client... 2 2. Accès à l Espace Client...

Plus en détail

Recueil des Fiches Utilisateurs de «SharePoint»

Recueil des Fiches Utilisateurs de «SharePoint» Recueil des s s de «SharePoint» Ce document regroupe les fiches utilisateurs décrivant la navigation et l utilisation de l application SharePoint. (Référence DSI-DT-Sharepoint-1-4 Mai 2015) SOMMAIRE Accéder

Plus en détail

INSTALLATION RAPIDE DU CONVERTISSEUR WRC-300 Version 1.1

INSTALLATION RAPIDE DU CONVERTISSEUR WRC-300 Version 1.1 INSTALLATION RAPIDE DU CONVERTISSEUR WRC-300 Version 1.1 Home Confort / Installation rapide Procédure PROCEDURE D INSTALLATION DE HOME CONFORT Pour ajouter le Convertisseur RF/Wifi dans votre Espace Home

Plus en détail

Peut être utilisée à l intérieur du site où se trouve la liste de référence.

Peut être utilisée à l intérieur du site où se trouve la liste de référence. Peut être utilisée dans tous les sites d une collection, si la colonne est créée au niveau du site parent. Peut être utilisée à l intérieur du site où se trouve la liste de référence. Peut être utilisée

Plus en détail

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 MAILING Table des matières KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 INSERER UNE IMAGE (OU UNE PHOTO) PAS DE COPIER / COLLER... 5 INSERER UN TABLEAU...

Plus en détail

Interakting groupe Business & Decision

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

Plus en détail

MANUEL UTILISATEUR BALADEUR SANTÉ AUXILIAIRES MÉDICAUX ET SAGES-FEMMES C.D.C 1.40

MANUEL UTILISATEUR BALADEUR SANTÉ AUXILIAIRES MÉDICAUX ET SAGES-FEMMES C.D.C 1.40 MANUEL UTILISATEUR BALADEUR SANTÉ AUXILIAIRES MÉDICAUX ET SAGES-FEMMES C.D.C 1.40 Description des actes en série sur le Baladeur Santé TABLE DES MATIERES 1. Généralités 5 1.1. Fonctionnement général du

Plus en détail

- CertimétiersArtisanat

- CertimétiersArtisanat 2 - CertimétiersArtisanat CertimétiersArtisanat - Sommaire NOTIONS SUR LE CERTIFICAT... 4 UN DOUBLE CERTIFICAT SUR VOTRE CLE CERTIMETIERSARTISANAT... 5 UTILISATION D UN CERTIFICAT ELECTRONIQUE CLASSE 3+

Plus en détail

Bien choisir son smartphone. avec. Les prix bas, la confiance en plus

Bien choisir son smartphone. avec. Les prix bas, la confiance en plus Bien choisir son smartphone avec Les prix bas, la confiance en plus BIEN CHOISIR SON SMARTPHONE Comment bien choisir un Smartphone? Les systèmes d exploitation et les critères techniques à la loupe pour

Plus en détail

Atelier Formation Pages sur ipad Pages sur ipad

Atelier Formation Pages sur ipad Pages sur ipad Pages sur ipad 1/43 Table des matières Atelier Formation Pages sur ipad Introduction à Pages 3 Créer ou ouvrir un document 3 Créer ou ouvrir un document 3 Textes et images du modèle 4 Remplacer du texte

Plus en détail

Formations Informatiques 2015

Formations Informatiques 2015 Formations Informatiques 2015 27 lundi 7 sept Tablette Android 14h-17h 28 lundi 14 sept Créer une présentation publicitaire ou un diaporama 9h-12h avec PowerPoint ou un autre outil 29 lundi 21 sept Tablette

Plus en détail

COMMENT CRÉER UNE APPLICATION MOBILE?

COMMENT CRÉER UNE APPLICATION MOBILE? COMMENT CRÉER UNE APPLICATION MOBILE? Application web vs. native Application mobile web Application mobile native Créer une application Pourquoi développer une appli? Quelles questions se poser? Concevoir

Plus en détail

Comment l utiliser? Manuel consommateur

Comment l utiliser? Manuel consommateur Comment l utiliser? Manuel consommateur Table des matières 1. QUE DOIS-JE FAIRE POUR OBTENIR L ACCES A MON ESPACE CLIENT?... 3 2. ACCÉDER À VOTRE ESPACE CLIENT... 4 3. CONSULTER VOS DONNÉES... 6 3.1. MES

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

Présentation du Framework BootstrapTwitter

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

Plus en détail

JavaScript, langage et utilisation

JavaScript, langage et utilisation Introduction JavaScript, langage et utilisation Langage côté CLIENT Javascript n'est pas java! intégré aux navigateurs: pas de problème de déploiement comme avec les applets java ou flash permet de rendre

Plus en détail

CREER UNE APPLICATION MOBILE

CREER UNE APPLICATION MOBILE Le cap des 1 million d applications pour Smartphones et tablettes numériques a été franchi en décembre 2011. La boutique en ligne d applications d Apple a quant à elle enregistré 25 milliards de téléchargements

Plus en détail

À propos de l intégration continue dans Xcode

À propos de l intégration continue dans Xcode À propos de l intégration continue dans Xcode Table des matières À propos de l intégration continue dans Xcode 4 En bref 4 Installer et configurer le service Xcode 4 Connecter le service Xcode aux dépôts

Plus en détail

Recueil des Fiches Utilisateurs de «SharePoint»

Recueil des Fiches Utilisateurs de «SharePoint» Recueil des s s de «SharePoint» Ce document regroupe les fiches utilisateurs décrivant la navigation et l utilisation de l application SharePoint. (Référence DSI-DT-Sharepoint-1 Avril 2014) ERGONOMIE GENERALE

Plus en détail

Media App.book Page i Thursday, November 7, 2013 6:13 PM. Guide d utilisation de l appli Seagate Media

Media App.book Page i Thursday, November 7, 2013 6:13 PM. Guide d utilisation de l appli Seagate Media Media App.book Page i Thursday, November 7, 2013 6:13 PM Guide d utilisation de l appli Seagate Media Media App.book Page ii Thursday, November 7, 2013 6:13 PM Guide d utilisation de l appli Seagate Media

Plus en détail

pas à pas créer un dossier photo depuis l application Cloud d Orange sur votre mobile ios puis visualisez-le en haute qualité sur la TV d Orange

pas à pas créer un dossier photo depuis l application Cloud d Orange sur votre mobile ios puis visualisez-le en haute qualité sur la TV d Orange pas à pas créer un dossier photo depuis l application Cloud d Orange sur votre mobile ios puis visualisez-le en haute qualité sur la TV d Orange Le Cloud sommaire créez un dossier photo sur votre application

Plus en détail

I Récupération de l'identifiant

I Récupération de l'identifiant I Récupération de l'identifiant Saiga Informatique Logiciel imuse Extranet usagers Le personnel administratif communique à l'usager son identifiant par email ou par courrier, ainsi que l'url de connexion.

Plus en détail

HYPERDRIVE iusbport Guide d utilisation

HYPERDRIVE iusbport Guide d utilisation HYPERDRIVE iusbport Guide d utilisation L iusbport met le système de Cloud à portée de tous! Ce mini adaptateur permet de partager en wifi le contenu audio, vidéo, photo et documents de n importe quel

Plus en détail

La carte de contrôle chômage complet

La carte de contrôle chômage complet La carte de contrôle chômage complet Version Mobile Manuel d utilisateur Table des matières Accès 4 Description générale 6 En-tête 7 Logo de l organisme de paiement 7 Télécharger le PDF 7 Paramètres 8

Plus en détail

E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE

E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE mcbenveniste@gmail.com 09/2013 E-MAILING & NEWSLETTER L e-mailing consiste à envoyer des emails simultanément à un nombre important de destinataires dont le

Plus en détail

Manuels numériques et bibliothèque Didier Guide pratique

Manuels numériques et bibliothèque Didier Guide pratique Manuels numériques et bibliothèque Didier Guide pratique Sommaire Les principes Accès depuis un ordinateur...2 Accès depuis une tablette...3 Accès mixte...4 En détails Accès depuis un ordinateur...5 La

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

Audits UX et Performance! Valtech_!

Audits UX et Performance! Valtech_! Audits UX et Performance! Valtech_! # Audits UX et Performance! Valtech propose de réaliser un bilan spécifique selon les axes d améliorations de votre site internet : 1. Un audit Ergonomique, pour améliorer

Plus en détail

DÉPANNAGE. Lisez d abord ceci! 1. Cliquez sur le menu Démarrer de Windows, pointez sur Paramètres et cliquez sur Panneau de configuration.

DÉPANNAGE. Lisez d abord ceci! 1. Cliquez sur le menu Démarrer de Windows, pointez sur Paramètres et cliquez sur Panneau de configuration. Lisez d abord ceci! DÉPANNAGE 1. Cliquez sur le menu Démarrer de Windows, pointez sur Paramètres et cliquez sur Panneau de configuration. 2. Double-cliquez sur l icône Modems. 3. Cliquez sur l onglet Diagnostics.

Plus en détail

Styler un document sous OpenOffice 4.0

Styler un document sous OpenOffice 4.0 Mars 2014 Styler un document sous OpenOffice 4.0 Un style est un ensemble de caractéristiques de mise en forme (police, taille, espacement, etc.) qui sert à structurer un document en l organisant de manière

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

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

Windows 8 Module 5 Cours windows8 Dominique Bulté Sal e Informatique de Cappel e la Grande novembre 2013 Windows 8 Module 5 13. Configurer sa messagerie à l aide de l application Courrier Windows 8 et Windows RT offrent un outil dédié à la messagerie. Cette application, appelée simplement Courrier, vous propose

Plus en détail

Tablette. Quelques applications à installer sur sa

Tablette. Quelques applications à installer sur sa Quelques applications à installer sur sa Tablette DEC22 --- C Jézégou -------------------- Quelques applications pour tablettes de classe --------------------- page 1 / 5 Domaine Application Fonction Lien

Plus en détail

Documentation : Installer / Utilisation de l agent de sauvegarde

Documentation : Installer / Utilisation de l agent de sauvegarde Documentation : Installer / Utilisation de l agent de sauvegarde Produit par : Société 2ISR Ingénierie Informatique Systèmes et Réseaux 11, rue de Madrid 49280 LA SEGUINIERE contact@2isr.fr Tel : 09 72

Plus en détail

Boot Camp Bêta 1.1.2 Guide d installation et de configuration

Boot Camp Bêta 1.1.2 Guide d installation et de configuration Boot Camp Bêta 1.1.2 Guide d installation et de configuration 2 Table des matières 5 Présentation 6 Étape 1 : mise à jour du logiciel système et du programme interne de votre ordinateur 7 Étape 2 : utilisation

Plus en détail

Table des matières. Chapitre 1. Pour débuter avec l ipad. Chapitre 3. Le multimédia. Chapitre 4. L ipad pour s organiser au quotidien

Table des matières. Chapitre 1. Pour débuter avec l ipad. Chapitre 3. Le multimédia. Chapitre 4. L ipad pour s organiser au quotidien Table des matières Chapitre 1. Pour débuter avec l ipad Chapitre 2. Internet Chapitre 3. Le multimédia Chapitre 4. L ipad pour s organiser au quotidien Chapitre 5. Les applications et les jeux Chapitre

Plus en détail

Recevoir l envoi «Traiter la réception» option «Mobile» Manuel

Recevoir l envoi «Traiter la réception» option «Mobile» Manuel Recevoir l envoi «Traiter la réception» option «Mobile» Manuel Version V01.03 Edition juin 2013 1 Sommaire 2 1 Introduction 4 2 Installation / Premier pas 5 2.1 Installation de l application sur un terminal

Plus en détail

dmp.gouv.fr Pour en savoir plus DMP Info Service : 24h/24 7j/7

dmp.gouv.fr Pour en savoir plus DMP Info Service : 24h/24 7j/7 dmp.gouv.fr Pour en savoir plus DMP Info Service : 24h/24 7j/7 Sommaire 1 Configuration requise pour accéder au DMP... 3 2 Procédure de vérification sous Internet Explorer... 4 2.1 Vérification de la compatibilité

Plus en détail

Les appareils mobiles vous en mettent plein la vue! Colloque réadaptation aides techniques 2014

Les appareils mobiles vous en mettent plein la vue! Colloque réadaptation aides techniques 2014 Les appareils mobiles vous en mettent plein la vue! Colloque réadaptation aides techniques 2014 Présenté par : Jean-Marie D Amour SRDV, Institut Nazareth et Louis-Braille Louis-Philippe Pineault SRDV,

Plus en détail

Cliquez sur l icône représentant des livres pour afficher vos classeurs où sont rangés vos documents.

Cliquez sur l icône représentant des livres pour afficher vos classeurs où sont rangés vos documents. AIDE LOGICIEL Logiciel : PROGRELIUM (à partir de la version 2.30) Objet : Classer et ouvrir vos documents Cliquez sur l icône représentant des livres pour afficher vos classeurs où sont rangés vos documents.

Plus en détail

APPLICATION MOBILE PERSPECTIVES Version Androïd/iPhone. Guide d utilisation. Une communication proche de vous, Un espace à votre image

APPLICATION MOBILE PERSPECTIVES Version Androïd/iPhone. Guide d utilisation. Une communication proche de vous, Un espace à votre image APPLICATION MOBILE PERSPECTIVES Version Androïd/iPhone Guide d utilisation Une communication proche de vous, Un espace à votre image Bienvenue sur l application Perspectives et son Espace Privé. Désireux

Plus en détail

Guide de mise en œuvre de la politique BYOD

Guide de mise en œuvre de la politique BYOD BYOD Guide de mise en œuvre de la politique BYOD Trois mesures simples pour protéger et gérer en toute légalité les appareils de vos employés dans l entreprise Nous n allons pas vous assommer en évoquant

Plus en détail

DROOMS DATA ROOM MANUEL D UTILISATION. www.drooms.com

DROOMS DATA ROOM MANUEL D UTILISATION. www.drooms.com MANUEL D UTILISATION www.drooms.com MANUEL D UTILISATION Cher utilisateur, Chère utilisatrice, Drooms est l outil qui vous permet d examiner les documents mis à disposition dans une data room, de poser

Plus en détail

DEMANDEZ VOTRE ESSAI GRATUIT : www.lexum.com/fr/produits/decisia. OU CONTACTEZ-NOUS: info@lexum.com 1.855.316.2100 UN ACCÈS EFFICACE À VOS DÉCISIONS

DEMANDEZ VOTRE ESSAI GRATUIT : www.lexum.com/fr/produits/decisia. OU CONTACTEZ-NOUS: info@lexum.com 1.855.316.2100 UN ACCÈS EFFICACE À VOS DÉCISIONS DEMANDEZ VOTRE ESSAI GRATUIT : www.lexum.com/fr/produits/decisia UN ACCÈS EFFICACE À VOS DÉCISIONS OU CONTACTEZ-NOUS: info@lexum.com 1.855.316.2100 Decisia est un service en ligne pour les organismes décisionnels

Plus en détail

Jeudi 14 février. 17h30 19h30 à Embrun. «Responsive Design ou rendre son site accessible sur tous supports!» Pascal SERRES PIMENT ROUGE

Jeudi 14 février. 17h30 19h30 à Embrun. «Responsive Design ou rendre son site accessible sur tous supports!» Pascal SERRES PIMENT ROUGE Jeudi 14 février 17h30 19h30 à Embrun «Responsive Design ou rendre son site accessible sur tous supports!» Pascal SERRES PIMENT ROUGE Jeudi 14 février 2013 1 Qu est-ce que le Responsive Design? C est l

Plus en détail

Le Système d Exploitation Windows 8

Le Système d Exploitation Windows 8 Le Système d Exploitation Windows 8 La page d accueil... 1 Une Visite dans les angles de l écran.... 3 Le Menu Rechercher.... 4 Pour sortir d une page et revenir sur une autre.... 5 Depuis un site Internet....

Plus en détail

Wethere JUSTINE GAUDIN & anis CHOUK DANS LE CADRE DU cours DE Webdesign de jonathan munn - 2014

Wethere JUSTINE GAUDIN & anis CHOUK DANS LE CADRE DU cours DE Webdesign de jonathan munn - 2014 Wethere JUSTINE GAUDIN & anis CHOUK DANS LE CADRE DU cours DE Webdesign de jonathan munn - 2014 Introduction Wethere est une application météorologique basé sur un support smartphone (mobile first). Elle

Plus en détail

Club informatique Mont-Bruno Windows : la gestion des dossiers et des fichiers Version Windows 7 Les initialisations

Club informatique Mont-Bruno Windows : la gestion des dossiers et des fichiers Version Windows 7 Les initialisations Club informatique Mont-Bruno Windows : la gestion des dossiers et des fichiers Document rédigé par Michel Gagné pour des séances de mars et avril 2013 Réédité pour des séances de mars 2014 Version Windows

Plus en détail

MIGRATION DE THUNDERBIRD VERS OUTLOOK 2010. mardi 16 octobre 2012

MIGRATION DE THUNDERBIRD VERS OUTLOOK 2010. mardi 16 octobre 2012 MIGRATION DE THUNDERBIRD VERS OUTLOOK 2010 mardi 16 octobre 2012 MA PRÉSENTATION MARIE-DOMINIQUE MUTEL 14 ans d expérience dans le domaine de l enseignement des outils bureautiques Assure la formation

Plus en détail

HTML 5. Page de base Meta Outils pour Firefox. Les commentaires Paragraphe et saut de ligne Listes simples et ordonnées Listes imbriquées

HTML 5. Page de base Meta Outils pour Firefox. Les commentaires Paragraphe et saut de ligne Listes simples et ordonnées Listes imbriquées HTML 5 Page de base Meta Outils pour Firefox Les commentaires Paragraphe et saut de ligne Listes simples et ordonnées Listes imbriquées Les 6 niveaux de titre Indices et exposants Les liens L arborescence

Plus en détail

Comment configurer Kubuntu

Comment configurer Kubuntu Comment configurer Kubuntu Configuration du réseau... 1 Configurer votre système Linux sur le réseau...1 Vérifier manuellement l adresse IP...5 Connecter un lecteur réseau distant Windows/Mac grâce au

Plus en détail

AVEC LIVE TRADER, VISEZ PLUS HAUT POUR VOS INVESTISSEMENTS

AVEC LIVE TRADER, VISEZ PLUS HAUT POUR VOS INVESTISSEMENTS AVEC LIVE TRADER, VISEZ PLUS HAUT POUR VOS INVESTISSEMENTS Prêt à maîtriser LIVE TRADER? Découvrez les principales fonctionnalités de cet outil. Découvrir l espace de travail Organiser les modules Rechercher

Plus en détail

Le courriel responsive Optimiser vos campagnes pour l affichage mobile

Le courriel responsive Optimiser vos campagnes pour l affichage mobile 1 Le courriel responsive Optimiser vos campagnes pour l affichage mobile SOMMAIRE Du téléphone portable au téléphone intelligent... 2 L apparition du téléphone intelligent... 2 Le téléphone intelligent

Plus en détail

CERTIFICATS ELECTRONIQUES SUR CLE USB CERTEUROPE CLASSE 3+ MANUEL D INSTALLATION WINDOWS / INTERNET EXPLORER SOMMAIRE V.11/10 GW

CERTIFICATS ELECTRONIQUES SUR CLE USB CERTEUROPE CLASSE 3+ MANUEL D INSTALLATION WINDOWS / INTERNET EXPLORER SOMMAIRE V.11/10 GW SOMMAIRE CERTIFICATS ELECTRONIQUES SUR CLE USB CERTEUROPE CLASSE 3+ NOTIONS SUR LE CERTIFICAT... 3 UTILISATION D UN CERTIFICAT ELECTRONIQUE DE CLASSE 3+... 4 POINTS IMPORTANTS... 5 CONFIGURATION WINDOWS

Plus en détail

dossier de presse Lancement de la version pour mobiles du site web municipal

dossier de presse Lancement de la version pour mobiles du site web municipal dossier de presse Rencontre du vendredi 20 janvier 2012 à 10h, salle des adjoints, hôtel de ville de Rezé. Lancement de la version pour mobiles du site web municipal Contact presse Maxime Malette 02 40

Plus en détail

Configuration minimale requise et mode d'emploi pour visionner des vidéos en présence de FIREWALL (Parefeu) / et/ou PROXY

Configuration minimale requise et mode d'emploi pour visionner des vidéos en présence de FIREWALL (Parefeu) / et/ou PROXY Configuration minimale requise et mode d'emploi pour visionner des vidéos en présence de FIREWALL (Parefeu) / et/ou PROXY Sommaire 1 Configuration matérielle minimale...3 2 Configuration logicielle minimale...3

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édure appropriée pour éditer les diagrammes avec ECM Titanium

Procédure appropriée pour éditer les diagrammes avec ECM Titanium Procédure appropriée pour éditer les diagrammes avec ECM Titanium Introduction: Dans ce document vous trouverez toutes les renseignements dont vous avez besoin pour éditer les diagrammes avec le logiciel

Plus en détail

Point 3.1. Publier des contenus dans un portail e-sidoc. Janvier 2013 Documentation détaillée V 2.2

Point 3.1. Publier des contenus dans un portail e-sidoc. Janvier 2013 Documentation détaillée V 2.2 Point 3.1 Publier des contenus dans un portail e-sidoc Janvier 2013 Documentation détaillée V 2.2 CHOIX EDITORIAUX ET ORGANISATION DE L INFORMATION D E-SIDOC... 2 LA PROCEDURE D'INITIALISATION ET DE PUBLICATION

Plus en détail

la lisibilité typographique à l écran

la lisibilité typographique à l écran Améliorer la lisibilité typographique à l écran avec Accessiweb par Romy Duhem-Verdière 7e Forum Européen d Accessibilité Numérique 2013 Romy Duhem-Verdière Consultante web UX http://romy.tetue.net @tetue

Plus en détail

RevGED 3 Manuel d utilisation

RevGED 3 Manuel d utilisation RevGED 3 Manuel d utilisation RevGED est un logiciel de gestion électronique de document. Ce présent document explique comment utiliser RevGED 3. Il ne traite absolument pas de son installation ni de son

Plus en détail

Table des matières...2 Introduction...4 Terminologie...4

Table des matières...2 Introduction...4 Terminologie...4 Table des matières Table des matières...2 Introduction...4 Terminologie...4 Programme EasyTour...5 Premiers pas...5 Installation...6 Installation du logiciel EasyTour...6 Branchement du téléchargeur...6

Plus en détail

La mesure de la consommation des Applications mobiles

La mesure de la consommation des Applications mobiles La mesure de la consommation des Applications mobiles Différentes solutions: mesure des pages mesure du Proposer streaming une mesure fiable adaptée mesure des applications mobiles mesure à l expérience

Plus en détail

L import massif introduit plusieurs nouvelles fonctionnalités, selon que l on importe un thésaurus, un ensemble de valeurs contrôlées ou un corpus.

L import massif introduit plusieurs nouvelles fonctionnalités, selon que l on importe un thésaurus, un ensemble de valeurs contrôlées ou un corpus. Import Massif Nouvelles fonctionnalités L import massif introduit plusieurs nouvelles fonctionnalités, selon que l on importe un thésaurus, un ensemble de valeurs contrôlées ou un corpus. Le fonctionnement

Plus en détail

Messagerie Étudiante

Messagerie Étudiante Messagerie Étudiante Accès Web... 3 Présentation de Outlook Web... 4 Envoi de message... 6 Transfert... 7 Configurer Outlook sur ses périphériques... 9 Android... 9 Smartphone Android... 9 Tablette Android...

Plus en détail

iphone ipad Retouche photo et montage vidéo sur Travaux pratiques À jour de l ios 5 Karine WARBESSON TÉLÉCHARGEABLES GRATUITEMENT!

iphone ipad Retouche photo et montage vidéo sur Travaux pratiques À jour de l ios 5 Karine WARBESSON TÉLÉCHARGEABLES GRATUITEMENT! Karine WARBESSON AVEC CE LIVRE : TOUS LES FICHIERS TÉLÉCHARGEABLES GRATUITEMENT! Travaux pratiques Retouche photo et montage vidéo À jour de l ios 5 sur iphone ipad et @ Table des matières Avant-propos...1

Plus en détail

Note comparative entre les caractéristiques des tablettes numériques, smartphones et pocket PC pour la collecte de données naturalistes de terrain

Note comparative entre les caractéristiques des tablettes numériques, smartphones et pocket PC pour la collecte de données naturalistes de terrain Note comparative entre les caractéristiques des tablettes numériques, smartphones et pocket PC pour la collecte de données naturalistes de terrain 20/03/2012 Très répandues dans la gestion des stocks et

Plus en détail