1. Sites web de bibliothèques et
terminaux mobiles
SCD Université Paul Sabatier Toulouse 3
Pierre Naegelen - mars 2013
2. Sites web de bibliothèques et terminaux
mobiles
4 façons de rendre accessible un site sur un terminal
mobile :
- Via une application mobile native
- Via un site web mobile
- Via un site responsive web design
- Via une seconde feuille de style
3. Une application mobile native…
•Une application nécessite d’être téléchargée par l’usager
(ainsi que ses mises à jour)
•Il faut prévoir autant d’applications que de systèmes
d’exploitation
4. Site web mobile...
• Bordeaux 3
• Soit l’usager doit composer une adresse
URL spécifique, soit la version mobile
s’affiche automatiquement dès que le
terminal mobile est détecté
•Il s’agit toujours d’un site simplifié, voire
appauvri
5. Site web mobile...
• University of Arizona Library • University of Michigan Library
6. Site web mobile...
• Ball State University Libraries • Oregon State Universities
Libraries
Pour voir d'autres réalisations, se reporter à http://www.libsuccess.o
index.php?title=M-Libraries
7. Un site en responsive web design
Concept récent (2010). Idée : l’apparence du site s’adapte à la taille de
l’écran. Le site est « fluide » (les images se réduisent, la police se
modifie, les blocs se déplacent, etc)
Ouvrage de référence :
Responsive web design par Ethan Marcotte
• Cette fois-ci on n’a plus deux sites (ou
un site + des applications) mais un seul
• Le site sur terminal mobile présente
quasiment le même contenu que sur un
ordinateur de bureau
8. Un site en responsive web design
Liste sélective de sites d’universités:
•Harvard University
•College Mount University
•University of Nebraska-Lincoln
•Chapman University
•Claremont McKenna College
•University of Colorado Boulder
•Drexel University
•Florida International University
•University of California at Los Angeles (UCLA)
•Arkansas State University
•University of California San Diego
Pour une liste plus complète : HigherEd RWD Directory
Rares sites de bibliothèques en responsive design
•Allison Library (Regent College) (pas très convaincant)
•The University of Arizona Library – Special Collections ( collections patrimoniales)
Autres sites de bibliothèques : Responsive Design Sites: Higher Ed, Libraries, Notables
9. Identification des points de rupture
320 pixels Appareils à petit écran, comme les téléphones en mode portrait
480 pixels Appareils à petit écran, comme les téléphones en mode paysage
600 pixels Petites tablettes, comme le Kindle d’Amazon (600x800) et le
Nook de Barnes & Noble (600x1024) en mode portrait
768 pixels Tablettes de dix pouces comme l’iPad (768x1024) en mode
portrait
1024 pixels Tablettes comme l’iPad (1024x768) en mode paysage ainsi que
certains ordinateurs portables, netbooks et ordinateurs de
bureau
1200 pixels Écran large, principalement les ordinateurs portables et de
bureau
Source : Ethan Marcotte. Responsive Web Design, p. 114
Voir aussi : 5 outils pour tester les sites responsive design
10. Une seconde
feuille de style
Une seconde feuille de style s’ouvre quand un
terminal mobile est détecté
• BUA (Angers)
11.
12. Questions qui se posent pour un site de bibliothèque, quelle
que soit la solution choisie
Les forfaits sont-ils un obstacle à la recherche documentaire sur terminal
mobile?
- Les smartphones permettent de se connecter au WiFi
- La plupart des nouveaux forfaits de smartphones ne sont plus basés sur une durée de
connexion
Catalogue, liste A-Z de périodiques, thèses, archives ouvertes :
Qu’est-ce qu’on fait s’ils ne sont pas lisibles sur un écran de petit format ?
Roue de secours : un outil de découverte en version mobile…
E-books et Bases de données :
Faut-il signaler les e-books et bases de données (version mobile ?)
- Bases de données : un grand nombre d'éditeurs proposent des versions mobiles (se
reporter à Bibliopedia)
- E-books : Situation contrastée. Exemple: tous les e-books Springer ont une version
mobile mais pas ceux de Cyberlibris
13. Conclusion : un changement de méthode pour la
conception de site web est en train de voir le jour :
réfléchir au mobile en premier...
"Si vous pensez d'abord aux
appareils mobiles, vous devez
vous mettre d'accord sur ce qui
compte le plus. Vous pouvez
ensuite appliquer la même logique
à la version bureau/ordinateur
portable du site Web".
Luke Wroblewski