La bibliothèque au bout des doigts : applications et sites mobiles 2013

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


• 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


• 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


• 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


• 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


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


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



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


79

Utiliser les statistiques du site web

Effectuer une enquête

Interviewer les usagers

Comparer avec d’autres institutions


80

University of Edinburgh (Paterson, Low 2011)


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


85

Source : http://alain.battandier.free.fr/IMG/png/gestion‐projet‐web‐humour.png


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


• 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


• 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


à l’appareil photo

144


aux données de géolocalisation

145

wifi

GPS antennes‐relais

adresse IP de l’appareil


à l'orientation de l'appareil :

accéléromètre + gyroscope

146


aux autres applications installées sur l'appareil

147


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

Documents

La bibliothèque au bout des doigts : applications et sites mobiles 2013