la bibliothèque au bout des doigts : applications et sites mobiles 2013
DESCRIPTION
Support du cours de formation continue dispensé par la Haute école de gestion de Genève à la Bibliothèque cantonale et universitaire de Lausanne, site de Dorigny, le 7 mars 2013TRANSCRIPT
Applications et sites mobiles
07.03.2013 Bibliothèque cantonale et universitaire de Lausanne,
site de Dorigny
Animation : Alexandre Boder, [email protected]
Laure Mellifluo, [email protected]
Ariane Rezzonico, [email protected]
HEG, Filière Information documentaire
Ce support est diffusé selon les termes de la licence Creative Commons BY-SA 3.0 (Paternité – Partage des conditions initiales à l’identique).
LA BIBLIOTHÈQUE AU BOUT DES DOIGTS :
APPLICATIONS ET SITES MOBILES L’extraordinaire évolution des usages de smartphones, tablettes et autres dispositifs mobiles oblige les institutions à redéfinir la manière dont elles offrent des contenus. Certaines bibliothèques proposent déjà des informations multiplateformes, d’autres hésitent à le faire.
Cette formation d’une journée a pour objectif de permettre aux participant-es de découvrir les usages que les bibliothèques peuvent faire de ces technologies, les opportunités et les challenges pour elles d’être présentes partout et en tout temps, les types de contenus à privilégier, et les choix technologiques à envisager (application iPhone, site mobile, QR codes, etc.).
Des témoignages de professionnel-le-s ayant déjà développé des contenus mobiles permettront d’enrichir cette formation.
Programme de la journée 9h00-9h15 Accueil des participant-es
Tour de table et présentation de la journée
9h15-10h30 Des arguments pour se lancer ! Les chiffres clés Challenges et opportunités pour les bibliothèques Exemples d’utilisation
10h30-11h00 Pause café
11h00-12h15 Les questions à se poser avant de lancer un projet Les formats et les plateformes Comment publier ? Les enjeux de la sécurité et de la confidentialité des données
12h15-13h30 Déjeuner à Dorigny
13h30-15h15 Ateliers pratiques « tirer le meilleur parti du monde mobile selon ses moyens » Utiliser des applications tierces Créer des QR codes Développer un site web mobile Développer une application mobile
15h15-15h30 Pause café
15h30-16h30 Retour d’expérience Le site mobile de la bibliothèque de l’EPFL et SwissbibMobile, par Lionel Walter
16h30-16h45 Synthèse et conclusion de la journée
DES ARGUMENTS POUR SE LANCER !
LES CHIFFRES CLÉS
1
Les chiffres clés
• D’après une étude réalisée par Comparis en mars 2012, on constate que 48 % des Suisses possède un smartphone. Fin 2007, ils n’étaient que 3 % !
2
Les chiffres clés
• Quatre personnes sur cinq (79 %) sont équipées d’un smartphone parmi les 15‐19 ans et trois sur quatre (72 %) parmi les 20‐24 ans.
3
Les chiffres clés
• La part de marché des systèmes d’exploitation pour smartphones est de 75 % pour Android. iOS d’Apple représente 14.9%
Source : Le Monde.fr, 2.11.2012
4
Les chiffres clés
5
Les chiffres clés
• Le marché des tablettes est en forte croissance également. Apple est toujours en tête des ventes suivi de Samsung. Même si la part de marché d’Apple tend à diminuer les ventes d’Ipad continuent de progresser.
Source : Apple
6
Les chiffres clés
• Microsoft a annoncé en février 2013 l’arrivée d’un PC «Surface Professionnel» couplant les avantages d’une tablette tactile et la puissance d’un PC. Il sera équipé de Windows 8.
7
Source : Microsoft
Les chiffres clés
• On recourt en Suisse à plusieurs appareils pour accéder à Internet. La proportion d’utilisateurs de tablettes a septuplé depuis 2010 pour atteindre 400 000 personnes (NetMetrix, 21.03.2012).
8
Les chiffres clés : horizon 2015
9
Les usages d’Internet
• Les données publiées par l’OFS montrent que les activités liées à la consultation des médias ont augmenté de manière très significative entre 2004 et 2010.
10
Les chiffres clés
11
Les usages d’Internet
12
Le Top Ten des sites suisses les plus consultés en avril 2012
13
Source : NetMetrix, communiqué de presse, 24.05.2012
14
CHALLENGES ET OPPORTUNITÉS POUR LES BIBLIOTHÈQUES
15
• Les bibliothèques ont la possibilité d’offrir des prestations qu’elles ne pouvaient pas offrir avec les outils classiques. La technologie mobile leur offre de nouvelles perspectives de développer des services personnalisés (comme la géolocalisation qui permet à un usager d’obtenir des informations du lieu où il se trouve).
16
La bibliothèque au bout des doigts :
Est accessible en tout temps et en tout lieu
17
La bibliothèque au bout des doigts
• Doit permettre au plus grand nombre d’accéder aux informations quel que soit leur équipement (iPhone, Samsung, etc.).
• Doit adapter son offre (contenus, services) aux types d’usagers et à leurs besoins.
18
La bibliothèque au bout des doigts
• N’est pas une réplique du site en miniature mais offre des informations à des usagers qui n’utilisent pas un PC au moment où ils ont un besoin d’information. Les contenus sont adaptés à la taille de l’écran d’un dispositif mobile.
19
La bibliothèque au bout des doigts
• Utilise les fonctionnalités spécifiques des appareils mobiles telles que :
La géolocalisation
L’interaction avec des objets (via des QR codes)
La réalité augmentée
Les notifications et les sms
20
La bibliothèque au bout des doigts :
• Permet de promouvoir les activités de la bibliothèque
• Valorise les collections
• Est un outil d’apprentissage
• Offre des services à valeur ajoutée
21
• Les enquêtes réalisées auprès des étudiants* montrent qu’ils sont intéressés par ce qui leur est immédiatement utile et dont ils tirent un bénéfice pour leurs activités.
*Paterson, L., Low, B. Student attitudes towards mobile library services for smartphones, Library HiTech, 2011, vol. 29, p 412‐423
22
EXEMPLES D’UTILISATION
23
Les types de contenus
• Privilégier l’accès à ce qui est le plus important pour l’utilisateur comme :
Les horaires
Les actualités, évènements
Les ressources électroniques
L’accès au catalogue
Le contact
24
Les types de contenu
La réservation de places ou pc (pour les bibliothèques universitaires)
Les fonctions liées au prêt (réservation, prolongation, etc.)
L’accès à un service de référence
25
• Mais aussi :
L’accès à un fonds particulier• Exemple : la Bayerische StaatsBibliothek de Munich a numérisé un important fonds précieux de manuscrits et de collections particulières (par exemple en lien avec Louis II). Elle a choisi de développer des applications valorisant ces fonds et exploitant complètement les possibilités de la réalité augmentée en fonction des lieux visités par les touristes.
26
27
Application iPhone de la Bayerische StaatsBibliothekde Munich
28
La recherche d’information
• Celle‐ci sera toujours plus mobile, on le constate déjà aujourd’hui où l’on utilise son smartphone pour trouver des informations (actualités, horaires de transport, musique, etc.)
• Il est donc utile de voir quelles prestations proposer afin de faciliter la recherche d’information.
29
La recherche d’information
• Les grands acteurs de la recherche d’information se positionnent tous sur ce terrain et depuis longtemps déjà.
• La recherche vocale est possible et les outils de recherche exploitent toutes les fonctionnalités des technologies pour personnaliser complètement les résultats de la recherche d’information.
30
La recherche d’information vue par
«Google Now, un outil de recherche contextuelle, qui effectue des investigations sur le Web en fonction de l'heure, de votre agenda, ou de votre emplacement géographique : itinéraires, magasins, horaires de bus ou de cinéma, conseils, etc., bref une somme d'informations en fonction de votre contexte personnel à un temps T.»
(Source : Abondance, 28 juin 2012)
31
Le catalogue… mais pas seulement
• Les usagers sont de plus en plus habitués à recevoir des informations sur les smartphonesà partir de notifications.
• Proposer l’OPAC est important mais on peut aussi offrir l’accès à des banques de données (! aux licences) et faciliter l’accès à des ressources par la mise à disposition de répertoires de ressources en ligne.
32
La Médiathèque Valais
33
Banque de données : Emerald
• une interface de recherche simplifiée via le site mobile ou une application
34
Proposer un répertoire
35
• Les interfaces doivent être simples et sont le plus souvent utilisées pour des recherches rapides ou des vérifications plutôt que des recherches approfondies.
36
Les notifications par SMS
• Pour informer sur la disponibilité d’un livre.
• Pour rappeler la tenue d’un événement.
• Pour annoncer des horaires particuliers.
37
Les notifications par SMS
Il est important de ne pas abuser des notifications par sms qui doivent rester liées à des informations importantes pour l’usager. Ne pas tout diffuser par sms ce qui peut être aussi communiqué par courrier électronique !
38
39
40
Application iPhone Ludwig II de la Bayerische StaatsBibliothek de Munich
Des expositions virtuelles
• Offrir des compléments à des expositions pour en savoir plus ou accéder à des contenus multimédias.
41
Les podcast et les vidéos
• Permettre le téléchargement de podcasts ou de vidéos (conférences, tutoriels, etc)
• Proposer des visites (audio tours)
42
La médiathèque Valais
43
44
Géolocalisation, réalité augmentée, vidéos
45
Application iPhone Ludwig II de la Bayerische StaatsBibliothekde Munich
Démonstration de l’utilisation de la réalité augmentée pour l’application
Ludwig II
46
Géolocalisation
47
QR Code (Quick Response)
• DéfinitionCode en deux dimensions, qui prend la forme d'un ensemble composé de traits, de carrés, de points, de polygones ou d'autres figures géométriques dont on se sert pour livrer de l'information.
(Source : Office québécois de la langue française, 2012)
48
QR Codes
• Il existe plusieurs applications pour en créer et l’usager doit posséder une application lui permettant de les lire.
49
QR Codes
• S’assurer que les usagers sont familiers avec leur utilisation et en placer là où ils offrent une réelle valeur ajoutée.
50
QR Codes
51
Le QR code propose un lien vers la référence mais pourrait aussi présenter un plan de la bibliothèque avec la localisation du livre sur le rayon.
QR Codes
• Des QR codes peuvent également être utilisés comme aide à manipuler un scanner, etc. L’usager est ainsi guidé par des vidéos ou des photos lors de l’utilisation du scanner ou autre appareil.
• Utile aussi pour envoyer des liens vers des ressources (articles, etc.) ou des critiques de livres.
52
QR Codes
53
La réservation d’espaces de travail ou de PC
54
North Carolina State University Libraries
Des suggestions de lecture
55
Orange County Library System
Le service de référence
• Si l’on voit de plus en plus de services offrir des prestations en ligne on voit aussi des expériences où le recours à des dispositifs mobiles permet d’atteindre les usagers en dehors de la bibliothèque.
• Le service de référence devient itinérant !
56
Le service de référence
• Le sms permet de répondre à des questions simples de manière rapide. Le temps pour répondre à un sms doit être réduit au minimum sinon l’usager se passera de l’information.
57
Source : Houston Community College Libraries
58
Recommander des applications
• En plus de la création d’un site ou d’une application mobile, la bibliothèque peut recommander des applications à ses usagers.
• Le site du gouvernement américain OnGuardOnline.gov propose des critères pour évaluer la qualité de ces applications.
59
Recommander des applications
• «Mobile friendly Resources»
We love our mobile devices just as much as you, which is why we wanted to bring some of the great services from OCLS to your pocket. Below is a list of great apps and mobile‐friendly sites, made by OCLS and a few of our trusted vendors, that we think you should check out!
Orange County Library System
60
Quelques recommandations
• Connaître les dispositifs utilisés par les usagers, leurs besoins, leurs connaissances de ces technologies.
• Réfléchir aux types de contenus susceptibles d’être le plus utiles à leurs besoins
61
Quelques recommandations
• S’assurer que l’équipe de la bibliothèque est à l’aise avec ces dispositifs et peut fournir une assistance aux usagers et tester des applications
• Promouvoir le plus largement possible la nouvelle application ou le nouveau site mobile.
62
Quelques recommandations
• L’univers du mobile évolue très rapidement. Suivre les tendances et proposer de nouveaux produits aux usagers.
63
Source : Tech‐Com, http://tech‐com.over‐blog.com/article‐les‐telephones‐du‐futur‐seront‐flexibles‐69089093.html
LES QUESTIONS À SE POSER AVANT DE LANCER UN PROJET
LES FORMATS ET LES PLATEFORMES
64
Le système d’exploitation mobile
65
Source: http://www.netmarketshare.com/operating‐system‐market‐share.aspx?qprid=9&qpcustomb=1 (18.02.2013)
Le navigateur mobile
66
Source : http://www.netmarketshare.com/browser‐market‐share.aspx?qprid=1&qpcustomb=1 (18.02.2013)
L’écran mobileTaille physique
• Galaxy S : 4 pouces
• Galaxy S III : 4,8 pouces
• iPhone 4 : 3,5 pouces
• iPhone 5 : 4 pouces
• iPad mini : 7,9 pouces
• iPad : 9,7 pouces
Résolution
• Galaxy S : 480 × 800 px
• Galaxy S III : 720 x 1280 px
• iPhone 4 : 640 x 960 px
• iPhone 5 : 640 x 1136 px
• iPad mini : 768 x 1024 px
• iPad : 2048 x 1536 px
http://fr.wikipedia.org/wiki/Fichier:Pixel‐example.png, Ed g2s, CC‐BY‐SA
67
L’écran mobile : viewport
= surface affichable d'un terminal mobile
Valeur par défaut : 980 px (largeur)
Les mobiles mentent !
Déclaration pour fixer le « viewport » dans un fichier HTML en fonction de la surface affichable réelle :
<meta name="viewport" content="width=device-width" />
68
Langages de développement
69
• HTML (HTML5, XHTML Basic 1.1, XHTML MP 1.2)
• CSS
• JavaScript
Site web mobile
• iOS : Objective C
• Android : Java
•WindowsPhone : C# ou VB.NET
Application native
Site web mobile VS Application native
Atelier
• Objectif : identifier les avantages et les inconvénients des sites web mobiles et des applications natives
• Technique utilisée : réfléchir par deux sur une thématique et noter toutes les idées récoltées : Avantages des sites web mobiles
Inconvénients des sites web mobiles
Avantages des applications natives
Inconvénients des applications natives
70
Site web mobile VS Application native
Meilleur accès au matériel
Réputation
Profit possible
Utilisation hors ligne
Stockage des données chez l’utilisateur
Accès facile après installation
Cher à développer
Dépendant d’une plateforme
Connaissances spécifiques nécessaires
Installation et mise à jour par l’utilisateur
Dépendant d’un intermédiaire pour la publication
71
APPLICATION NATIVE
Site web mobile VS Application native
Meilleur marché
Indépendant de la plateforme
Mêmes connaissances que pour un site web standard
Pas d’installation pour l’utilisateur final
Accès au matériel limité
Doit en principe être utilisé en ligne
Difficile à personnaliser
72
SITE WEB MOBILE
Ajout accueil
Site web
mobileCache
Accès matériel
WebApp
73
Site web mobile VS Application native
Site web mobile VS Application native
74
Fonctionnalités
Réputation
Profit
Hors ligne
Prix
Personnalisation
Connaissances techniques
Indépendance
Site web
App
COMMENT PUBLIER ?
75
Cycle de vie d’un projet (mobile)
76
Expression des besoins
Analyse de l’existant
Étude de faisabilité
Réalisation du cahier des charges
Conception
Réalisation
Promotion
Maintenance
Equipe de projet
77
Collaborateurs
Partenairesinternes
Consultantsexternes
Identifier les besoins
Identifier les besoins des utilisateurs mobiles :
78
Technologies utilisées
Contenus souhaités
Identifier les besoins
79
Utiliser les statistiques du site web
Effectuer une enquête
Interviewer les usagers
Comparer avec d’autres institutions
Identifier les besoins
80
University of Edinburgh (Paterson, Low 2011)
Identifier les besoins
Classification Google des utilisateurs mobiles :
81
RepetitiveNow
BoredNow
Urgent Now
Analyser l’existant
• Déjà un site web (mobile) ?
• Une version mobile de l’OPAC à disposition ?
• Compétences à l’interne ?
82
Etude de faisabilité
83
Objectif : juger l'opportunité de proposer ou non un (nouveau) service mobile
continuer ou stopper le projet
Etablir un cahier des charges
Le cahier des charges définit :
Le contexte Les objectifs Le public cible Les fonctionnalités souhaitées Les technologies…
84
Etablir un cahier des charges
85
Source : http://alain.battandier.free.fr/IMG/png/gestion‐projet‐web‐humour.png
Etablir un cahier des charges
86
Sélection des ressources Choix d’une
solution
Site web mobile
Application native
Prestataires externes
Equipe interne
Définir une politique éditoriale
Contenu généré automatiquement
• Flux RSS du blog
• Horaires de la base de données
• Fil Twitter
•Mur Facebook
Contenu créé pour le service mobile
• Géolocalisation de l’institution
• Téléphone / SMS
• Réalité augmentée
87
Réalisation et conception
Conception
Réalisation
Tests
88
PromotionRediriger l’usager vers le site mobile ou lui proposer de télécharger l’application mobile
89
University of North Carolina at Chapel Hill Libraries Bibliotecas Universidad de Salamanca
Promotion
90
Maintenance
91
Adapter aux nouvelles
technologies
Contrôler l’utilisation
Mettre à jour le contenu
LES ENJEUX DE LA SÉCURITÉ ET DE LA CONFIDENTIALITÉ DES DONNÉES
92
Objectifs
• Prendre conscience des risques sécuritaires sur mobiles et smartphones Identifier les menaces
Identifier les vulnérabilités
Connaître les mesures de protection
• Connaître l’impact sur le développement d’applications ou de site web
93
Introduction : constat
• Rappel: Nombre croissant et démocratisation des smartphones
Usages étendus (datas, transactions $)
Modalités diversifiées (SMS, Internet) vulnérabilité
Compagnon personnel données personnelles centralisées
Bouleverse les SI et donc les institutions. Les mobiles sont une source de risque pour leurs utilisateurs car ils compilent une mine d’information et sont plus vulnérables que les ordinateurs.
94
Menaces
• Nature Perte de données Modification de données Vol de données (souvent à l’insu de la victime)
Vie privée et espionnage (géolocalisation) Usurpation d’identité
Dysfonctionnement de l’appareil/logiciels Perte $$$ et de temps
Dépendance (intellectuelle et psychologique)
95
Menaces
• Identification
Chevaux de Troie
Spyware (logiciels espions)
Botnets mobiles
SMS associés à des malwares
Hameçonnage et usurpation (Fishing et Spoofing)
Les plateformes de téléchargement plus ou moins sécurisées
96
Vulnérabilité
HUMAINES• Manque d’expertise (tout un chacun utilise un tel appareil, sans formation
particulière)
• Confiance mal placée (qui s’équipe d’un antivirus alors que sur PC…)
• Négligence (pas de backups)
• Perte / Vol du smartphone non sécurisé
TECHNIQUES• SMS/MMS
• Wi‐Fi/GSM
• Failles logicielles (client web, OS, autres logiciels)
97
Conséquences
HUMAINES• Perte de confiance• Méfiance face aux applications et non usage• Endettement• Responsabilité
«… Pour le fournisseur d’une solution de paiement par téléphone portable, ce risque n’a pas seulement des conséquences pour ce qui est de la confiance dans le système de paiement, mais il peut aussi soulever des questions touchant à la responsabilité. Ce problème est particulièrement aigu lorsque la solution de paiement par téléphone portable peut être utilisée dans le commerce de proximité».
Source : Explications concernant le paiement par téléphone portablePréposé fédéral à la protection des données et à la transparencehttp://www.edoeb.admin.ch/themen/00794/01210/01212/index.html?lang=fr
98
Conséquences
• Impact
Entreprises : phénomène du BYOD(bring your own device) : mélange privé/professionnel
→ plus de soupçons
→ limitation des applications installées
Particuliers
Institutions
99
Protection
• Contre‐mesures techniques A chaque couche/niveau de l’appareil (du hard au soft verrouillage mécanique, protection logicielle,…).
Logiciels de blocage/confirmation de transaction
Anti‐malwares
Logiciels de sauvegardes (locales ou sur Cloud…)
• Bonnes pratiques
100
Protection – Bonnes pratiques
• Individus Verrouillage du téléphone Réseaux : wifi/bluetooth/data/roaming
Inactiver la géolocalisation Surveiller les débits de données (gratuit) Téléchargement
Apps de protection à installer(verrouillage/effacement à distance, antivirus, …)
Sauvegarder régulièrement
101
Protection – Bonnes pratiques
• Développeurs
Peu d’apps sont développées avec un fort souci de sécurisation
Peu de transactions proposées avec une certification à fort encryptage
Les mises à jours ne sont pas systématiques après la découverte de failles flagrantes qui sont largement communiquées sur les réseaux
102
Protection – Bonnes pratiques
• Nos institutions
Diffuser les bonnes pratiques
Recommander les sites de référence
Développer les applications avec un souci professionnel de sécurité
Maintenir ses applications
S’informer et enrichir ses réseaux
103
Aides, réponses et solutions
• Sites de la Confédération
MELANI (Central d’enregistrement et d’analyse pour la sécurité de l’information)
• Rapports
• Alertes
• Formulaire
Préposé fédéral à la protection des données et à la transparence (PFPDT)
Onguardonline.gov
104
105
106
Aides, réponses et solutions
• Sociétés de conseil et de formation
P.ex. la société advtools basée à Genève qui propose différentes formations ainsi que des conseils sur la sécurisation des applications mobiles : http://www.advtools.com/
• Conférences DefCon, Hashdays, BlackHat
107
Approches professionnelles
Plusieurs méthodes pour le
management de la sécurité
• MEHARIMéthode harmonisée d'analyse des risques
• OCTAVE/SOperationally Critical Threat, Asset, and Vulnerability EvaluationSM
• EBIOSExpression des Besoins et Identification des Objectifs de Sécurité
108
Conclusion
Sécurité ≈≠ Problème
Sécurité = Opportunité !
Opportunité pour nos institutions :
• Pas d’intérêt commercial direct
• Rôle de prescripteur
• Rôle de prévention
• Information neutre et ciblée
109
TIRER LE MEILLEUR PARTI DU MONDE MOBILE SELON SES MOYENS
UTILISER DES APPLICATIONS TIERCES
110
Atelier
• Objectif : permettre à l'usager de scanner le code‐barres d'un livre et de voir si celui‐ci est disponible dans votre catalogue
• Technique utilisée : installer et paramétrer une application gratuite de scan de code‐barres et la lier avec l'OPAC (mobile) de votre bibliothèque
Pour des raisons pratiques, nous allons utiliser le catalogue mobile de l'EPFL (http://library.epfl.ch/mobile/)
111
AtelierEtape 1 : installation
Sur Android
• Allez sur Google Play
• Téléchargez l'application ZxingBarcode Scanner (gratuit)
Sur iPhone/iPad
• Allez sur l'App Store
• Téléchargez l'application ZbarBarcode Reader (gratuit)
112
AtelierEtape 2 : configuration
Sur Android• Ouvrez l'application Barcode Scanner
• Allez dans les paramètres
• Choisissez « URL de recherche personnalisée » et entrez l'URL suivante :
http://library.epfl.ch/mobile/fr/index.php?q=%s
Sur iPhone/iPad• Ouvrez l'application Zbar• Scannez un code‐barres• Revenez en arrière avec le
bouton « Barcode »• Cliquez sur « Edit » et choisissez
« Add New Link » tout en bas• Entrer un nom et l’URL suivante :http://library.epfl.ch/mobile/fr/index.php?q={GTIN‐13}• Déplacez le nouveau lien vers le
haut de la liste• Cliquez sur « Done »
113
AtelierEtape 3 : utilisation
Sur Android• Scannez le code‐barres d'un livre avec l'application
• Cliquez sur le bouton « Recherche personnalisée »
• Vous arrivez sur la notice du livre sur le catalogue mobile !
Sur iPhone/iPad• Scannez le code‐barres d'un livre avec l'application
• Si vous avez placé le lien vers le catalogue tout en haut de la liste, celui‐ci sera utilisé par défaut. Sinon, cliquez sur « Barcode » pour avoir toutes les possibilités.
114
CRÉER DES QR CODES
115
Atelier
• Objectif : promouvoir des services ou des produits de la bibliothèque à l'aide de QR codes
• Technique utilisée : créer des QR codes à l'aide d'une application gratuite en ligne et les décoder avec une application gratuite pour smartphone/tablette
116
AtelierCréation et lecture de QR codes
• Ouvrez un navigateur web et rendez‐vous sur la page suivante :
http://zxing.appspot.com/generator
• Créez des QR codes qui pourraient être utilisés dans votre institution
• Utilisez un smartphone ou une tablette pour décoder les QR codes créés en utilisant une application adéquate (par ex. Barcode Scannerpour Android ou Zbar pour iPhone/iPad)
117
DÉVELOPPER UN SITE WEB MOBILE
118
Avant de commencer
Site dédiéSite
«responsive»
119
Site web «responsive»
Un site – différents rendus :
120
Source: http://www.thedesignwork.com/responsive‐web‐design/
Bonnes pratiques
• Utiliser des feuilles de style CSS pour la mise en forme
• Simplifier le code HTML/CSS au maximum
• Respecter les standards du W3C
121
Bonnes pratiques
• Utiliser le cache pour une utilisation hors ligne
122
<html manifest="cache.manifest" ><head>…</head><body>…</body>
</html>
Fichier INDEX.HTML
#Version 0.1
CACHE:index.htmlimg/logo.gifcss/style.css
Fichier CACHE.MANIFEST
AddType text/cache-manifest manifestFichier .HTACCESS
Bonnes pratiques
• Sélectionner le contenu
• Mettre le contenu le plus souvent utilisé en haut
123
library.epfl.ch/mobile/fr/index.php
Bonnes pratiques
• Créer des icones suffisamment grandes
• Limiter le nombre et la proximité des liens
124
Source :http://www.lukew.com/ff/entry.asp?1085
Bonnes pratiques
• Utiliser des tailles relatives (% ou em)
• Adapter la taille des images
• Choisir des images simples et contrastées
125
Bonnes pratiques
• Transformer les n° de téléphone en liens cliquables<a href="tel:0223881790"> 022/388.17.90 </a>
• Inclure un lien vers le site web complet
126
http://m.library.oregonstate.edu/ask
Bonnes pratiques
• Pas d’effets de survol (« mouseover »)
• Pas de tableaux
• Pas de frames
• Pas de pop‐ups
127
Choisir l’URL
http://m.mabiblio.ch
http://mobile.mabiblio.ch
http://www.mabiblio.mobi
http://www.mabiblio.ch/mobile
128
Redirection
• Utiliser les CSS et les media queries
Exemple de media query sur une page HTML :<link rel="stylesheet" media="all and (max-width: 480px)" href="style_mobile.css" type="text/css" />
(seulement si les différences entre le site mobile et le site standard sont dans la mise en page)
129
Redirection
• Utiliser un script JavaScript
Exemple : https://github.com/sebarmeli/
JS‐Redirection‐Mobile‐Site/
• Utiliser un script PHP
Exemple : http://detectmobilebrowsers.mobi
130
Redirection
• Au cas où, toujours mettre un lien vers le site mobile
131
http://www.chelmsfordlibrary.org/
OPAC mobile
• Demande souvent un grand travail de développement
Coûte cher
Reprendre les frameworks/applications existants
132
OPAC mobile
Catalogue
RERO Mobile :
133
http://opac.rero.ch/gateway?skin=muc
OPAC mobileLa Bibliothèque‐Médiathèque de Sierre et le WebOPAC mobile de NetBiblio :
134
http://brv.bms.sierre.ch/netbiblio
OPAC mobile
Les offres des vendeurs :
• Innovative Interfaces (Millennium ILS) : AirPAC
• SirsiDynix (Horizon, Symphony) : BookMyne
• ExLibris (Primo) : Primo for Mobile
• PMB Service (PMB) : Biblo
A considérer lors du choix d'un nouvel OPAC
135
Des outils
• Editeurs standards (libres et gratuits) :
136
http://notepad‐plus‐plus.org/
http://www.jedit.org/
http://bluegriffon.org/
Des outils
• Frameworks (libres et gratuits) :
137
http://jquerymobile.com/
http://the‐m‐project.org
http://www.sencha.com/products/touch/
http://www.iui‐js.org/
Des outils
• Pour les CMS (Content Management Systems) :
Thème adaptatif ou optimisé pour les mobiles
Utilisation de plugins de redirection
138
Tester
139
http://validator.w3.org/mobile/
Tester
• Quelques émulateurs/simulateurs :
140
http://responsinator.com
http://emulateurmobile.com
Tester
141
http://mobitest.akamai.com
DÉVELOPPER UNE APPLICATION MOBILE
142
Pour un meilleur accès…
au microphone et aux haut‐parleurs
143
Pour un meilleur accès…
à l’appareil photo
144
Pour un meilleur accès…
aux données de géolocalisation
145
wifi
GPS antennes‐relais
adresse IP de l’appareil
Pour un meilleur accès…
à l'orientation de l'appareil :
accéléromètre + gyroscope
146
Pour un meilleur accès…
aux autres applications installées sur l'appareil
147
Pour un meilleur accès…
aux transactions sans contact
avec la technologie NFC (Near Field Communication)
148
Annonce du 25 juillet 2012 (RTS) : dès 2013, il sera possible de payer avec son téléphone mobile dans certains supermarchés Migros et CoopSource: http://www.rts.ch/info/sciences‐tech/4151590‐le‐paiement‐par‐telephone‐portable‐bientot‐disponible‐en‐suisse.html
Des outils
Pour iOS (iPhone, iPad) :
xCode
Pour Android :
Plugin Android
DevelopperTools (ADT)
Eclipse
149
AndroidSoftware
DevelopmentKit (SDK)
Des outils
PhoneGap : application libre et gratuite
150
Source : https://build.phonegap.com
Des outils
(beaucoup) plus coûteux que les autres solutions
151
A destination des bibliothèques
Boopsie
http://www.boopsie.com/library
MozGo
http://www.vtls.com/products/mozgo
Diffuser ses applications mobiles
152
Diffuser ses applications mobiles
153
RÉFÉRENCES
154
Références
La bibliographie et la webographie de ce cours peuvent être consultées à l’adresse suivante :
https://www.zotero.org/lauremel/items/collectionKey/TMIJHJIU
Les personnes qui possèdent un compte Zotero pourront également y télécharger de nombreux PDF d’articles.
Cette collection pourra être enrichie au fil du temps.
Sauf mention contraire, les images proviennent de l’OpenClipArt Library (http://openclipart.org/) et sont placées dans le domaine public.
155