You are on page 1of 84

Applications et sites mobiles

11.09.2012

Animation :
Alexandre Boder, alexandre.boder@hesge.ch

Laure Mellifluo, laure.mellifluo@hesge.ch

Ariane Rezzonico, ariane.rezzonico@hesge.ch

HEG, Filire Information documentaire

Ce support est diffus selon les termes de la licence Creative Commons BY-SA 3.0 (Paternit Partage des conditions initiales lidentique).

LA BIBLIOTHQUE AU BOUT DES DOIGTS :


APPLICATIONS ET SITES MOBILES
Lextraordinaire volution des usages de smartphones, tablettes et autres dispositifs mobiles oblige les institutions redfinir la manire dont elles offrent des contenus. Certaines bibliothques proposent dj des informations multiplateformes, dautres hsitent le faire. Cette formation dune journe a pour objectif de permettre aux participant-es de dcouvrir les usages que les bibliothques peuvent faire de ces technologies, les opportunits et les challenges pour elles dtre prsentes partout et en tout temps, les types de contenus privilgier, et les choix technologiques envisager (application iPhone, site mobile, QR codes, etc.). Des tmoignages de professionnel-le-s ayant dj dvelopp des contenus mobiles permettront denrichir cette formation.

Programme de la journe
9h00-9h15 9h15-10h30 Accueil des participant-es Tour de table et prsentation de la journe Des arguments pour se lancer ! Les chiffres cls Challenges et opportunits pour les bibliothques Exemples dutilisation Pause caf Les questions se poser avant de lancer un projet Les formats et les plateformes Comment publier ? Les enjeux de la scurit et de la confidentialit des donnes Djeuner Clair-Bois Ateliers pratiques tirer le meilleur parti du monde mobile selon ses moyens Utiliser des applications tierces Crer des QR codes Dvelopper un site web mobile Dvelopper une application mobile Pause caf Retour dexprience Lapplication mobile de la Mdiathque Valais, par Romaine Valterio Barras, directrice adjointe de la Mdiathque Valais, et Besim Berisha, dveloppeur Synthse et conclusion de la journe

10h30-11h00 11h00-12h15

12h15-13h30 13h30-15h15

15h15-15h30 15h30-16h45

16h45-17h00

DES ARGUMENTS POUR SE LANCER !

LESCHIFFRESCLS

Leschiffrescls
Daprsladerniretuderalisepar Comparis enmars2012,onconstateque48% desSuissespossdeunsmartphone.Fin2007, ilsntaientque3%!

Leschiffrescls
Quatrepersonnessurcinq (79%)sont quipesdunsmartphone parmiles1519 ansettrois surquatre (72%)parmiles2024 ans.

Leschiffrescls
Lapartdemarchdessystmesdexploitation poursmartphones estde55%pourAppleet 36%pourAndroid.Lesautressystmesne sontquetrspeureprsents. Toutefois,lemarchdAppletenddiminuer auprofitdAndroid etlarriveduWindows Phone risquedefairevoluercemarch.

Leschiffrescls
Source:Apple

Lemarchdestablettesestenforte croissancegalement.Appleesttoujoursen ttedesventessuivideSamsung.LiPad reprsente64% desventesdetablettes (ABIResearch,2012).

Leschiffrescls
Microsoftaannoncenjuin2012larrive dunetabletteSurfaceconcurrenant directementliPad.Googleafaitdemmeune semaineaprs!

Source:Google

Source:Microsoft

Leschiffrescls
OnrecourtenSuisseplusieursappareils pouraccderInternet.Laproportion dutilisateursdetablettes aseptupldepuis 2010pouratteindre400000 personnes (NetMetrix,21.03.2012).

Leschiffrescls:horizon2015

LesusagesdInternet
LesdonnespubliesparlOFSmontrentque lesactivitslieslaconsultationdesmdias ontaugmentdemaniretrssignificative entre2004et2010.

LesusagesdInternet

10

LeTopTen dessitessuisseslesplus consultsenavril2012

Source:NetMetrix,communiqudepresse,24.05.2012

11

CHALLENGESETOPPORTUNITS POURLESBIBLIOTHQUES
12

Lesbibliothquesontlapossibilitdoffrirdes prestationsquellesnepouvaientpasoffrir aveclesoutilsclassiques.Latechnologie mobileleuroffredenouvellesperspectivesde dvelopperdesservicespersonnaliss (commelagolocalisationquipermetun usagerdobtenirdesinformationsdulieuoil setrouve).

13

Labibliothqueauboutdesdoigts:

Estaccessible entouttempsetentoutlieu

14

Labibliothqueauboutdesdoigts
Doitpermettreauplusgrandnombre daccder auxinformationsquelquesoitleur quipement(iPhone,Samsung,etc.). Doitadapter sonoffre(contenus,services)aux typesdusagersetleursbesoins.

15

Labibliothqueauboutdesdoigts
Nestpasunerpliquedusiteenminiature maisoffredesinformationsdesusagersqui nutilisentpasunPCaumomentoilsontun besoindinformation.Lescontenussont adapts lataille delcrandundispositif mobile.

16

Labibliothqueauboutdesdoigts
Utiliselesfonctionnalitsspcifiquesdes appareilsmobilestellesque:
Lagolocalisation Linteraction avecdesobjets (viadesQRcodes) Laralitaugmente Lesnotifications etlessms

17

Labibliothqueauboutdesdoigts:
Permetdepromouvoir lesactivitsdela bibliothque Valorise lescollections Estunoutildapprentissage Offredesservices valeurajoute

18

Lesenqutesralisesauprsdestudiants* montrentquilssontintresssparcequileur estimmdiatementutileetdontilstirentun bnfice pourleursactivits.

*Paterson,L.,Low,B.Student attitudestowards mobilelibrary servicesforsmartphones,LibraryHiTech,2011, vol.29,p412423

19

EXEMPLESDUTILISATION

20

Lestypesdecontenus
Privilgierlaccscequiestleplusimportant pourlutilisateurcomme:
Leshoraires Lesactualits,vnements Lesressourceslectroniques Laccsaucatalogue Lecontact

21

Lestypesdecontenu
Larservationdeplacesoupc(pourles bibliothquesuniversitaires) Lesfonctionsliesauprt(rservation, prolongation,etc.) Laccsunservicederfrence

22

Maisaussi:
Laccsunfondsparticulier
Exemple:laBayerischeStaatsBibliothek deMunicha numrisunimportantfondsprcieuxdemanuscritset decollectionsparticulires(parexempleenlienavec LouisII).Elleachoisidedvelopperdesapplications valorisantcesfondsetexploitantcompltementles possibilitsdelaralitaugmenteenfonctiondes lieuxvisitsparlestouristes.

23

ApplicationiPhonedela BayerischeStaatsBibliothek deMunich

24

25

Larecherchedinformation
Celleciseratoujoursplusmobile,onle constatedjaujourdhuiolonutiliseson smartphone pourtrouverdesinformations (actualits,horairesdetransport,musique, etc.) Ilestdoncutiledevoirquellesprestations proposerafindefaciliter larecherche dinformation.
26

Larecherchedinformation
Lesgrandsacteursdelarecherche dinformationsepositionnenttoussurce terrainetdepuislongtempsdj. Larecherchevocaleestpossibleetlesoutils derechercheexploitenttoutesles fonctionnalitsdestechnologiespour personnaliser compltementlesrsultatsdela recherchedinformation.
27

Larecherchedinformationvuepar
GoogleNow,unoutilderecherche
contextuelle,quieffectuedes investigationssurleWebenfonctionde l'heure,devotreagenda,oudevotre emplacementgographique:itinraires, magasins,horairesdebusoudecinma, conseils,etc.,brefunesommed'informations enfonctiondevotrecontextepersonnelun tempsT.
(Source:Abondance,28juin2012)

28

Lecataloguemaispasseulement
Lesusagerssontdeplusenplushabitus recevoirdesinformationssurlessmartphones partirdenotifications. ProposerlOPACestimportantmaisonpeut aussioffrirlaccsdesbanquesdedonnes (!auxlicences)etfaciliterlaccsdes ressourcesparlamisedispositionde rpertoiresderessourcesenligne.
29

Banquededonnes:Emerald
uneinterfacederecherchesimplifieviale sitemobileouuneapplication

30

Proposerunrpertoire

31

Lesinterfacesdoiventtresimples etsontle plussouventutilisespourdesrecherches rapidesoudesvrificationspluttquedes recherchesapprofondies.

32

LesnotificationsparSMS
Pourinformersurladisponibilitdunlivre. Pourrappelerlatenuedunvnement. Pourannoncerdeshorairesparticuliers.

33

LesnotificationsparSMS
Ilestimportantdenepasabuserdesnotifications parsms quidoiventresterliesdesinformations importantespourlusager.Nepastoutdiffuserpar sms cequipeuttreaussicommuniqupar courrierlectronique!

34

35

ApplicationiPhone LudwigIIdela Bayerische StaatsBibliothek de Munich

36

Desexpositionsvirtuelles
Offrirdescomplmentsdesexpositionspour ensavoirplusouaccderdescontenus multimdias.

37

Lespodcast etlesvidos
Permettreletlchargementdepodcasts ou devidos(confrences,tutoriels,etc) Proposerdesvisites(audiotours)

38

39

Golocalisation,ralitaugmente, vidos
Application iPhoneLudwigII delaBayerische StaatsBibliothek deMunich

40

Dmonstrationdelutilisationdela ralitaugmentepourlapplication LudwigII

41

Golocalisation

42

QRCode(QuickResponse)
Dfinition Codeendeuxdimensions,quiprendlaforme d'unensemblecomposdetraits,decarrs, depoints,depolygonesoud'autresfigures gomtriquesdontonsesertpourlivrerde l'information.
(Source:Officequbcoisdelalanguefranaise,2012)

43

QRCodes
Ilexisteplusieursapplicationspourencreret lusagerdoitpossderuneapplicationlui permettantdeleslire.

44

QRCodes
Sassurerquelesusagerssontfamiliersavec leurutilisationetenplacerloilsoffrent unerellevaleurajoute.

45

QRCodes

LeQRcodeproposeunlienversla rfrencemaispourraitaussi prsenterunplandelabibliothque aveclalocalisationdulivresurle rayon.

46

QRCodes
DesQRcodespeuventgalementtreutiliss commeaidemanipulerunscanner,etc. Lusagerestainsiguidpardesvidosoudes photoslorsdelutilisationduscannerouautre appareil. Utileaussipourenvoyerdesliensversdes ressources(articles,etc.)oudescritiquesde livres.
47

QRCodes

48

Larservationdespacesdetravailou dePC

North CarolinaStateUniversity Libraries


49

Dessuggestionsdelecture

OrangeCountyLibrarySystem

50

Leservicederfrence
Silonvoitdeplusenplusdeservicesoffrir desprestationsenligneonvoitaussides expriencesolerecoursdesdispositifs mobilespermetdatteindrelesusagersen dehorsdelabibliothque. Leservicederfrencedevientitinrant!

51

Leservicederfrence
Lesms permetderpondredesquestions simplesdemanirerapide.Letempspour rpondreunsms doittrerduitau minimumsinonlusagersepasserade linformation.

Source:HoustonCommunity College Libraries

52

53

Recommanderdesapplications
Enplusdelacrationdunsiteoudune applicationmobile,labibliothquepeut recommanderdesapplicationssesusagers. Lesitedugouvernementamricain OnGuardOnline.govproposedescritrespour valuerlaqualitdecesapplications.

54

Recommanderdesapplications
Mobilefriendly Resources
Weloveourmobiledevicesjustasmuchasyou,whichiswhywe wantedtobringsomeofthegreatservicesfromOCLStoyour pocket.Belowisalistofgreatappsandmobilefriendlysites, madebyOCLSandafewofourtrustedvendors,thatwethink youshouldcheckout! OrangeCountyLibrarySystem

55

Quelquesrecommandations
Connatrelesdispositifsutilissparles usagers,leursbesoins,leursconnaissancesde cestechnologies. Rflchirauxtypesdecontenussusceptibles dtreleplusutilesleursbesoins

56

Quelquesrecommandations
Sassurerquelquipedelabibliothqueest laiseaveccesdispositifsetpeutfournirune assistanceauxusagersettesterdes applications Promouvoirlepluslargementpossiblela nouvelleapplicationoulenouveausite mobile.

57

Quelquesrecommandations
Luniversdumobilevoluetrsrapidement. Suivrelestendancesetproposerdenouveaux produitsauxusagers.

Source:TechCom,http://techcom.overblog.com/articlelestelephonesdufuturserontflexibles69089093.html

58

LES QUESTIONS SE POSER AVANT DE LANCER UN PROJET

LESFORMATSETLESPLATEFORMES

59

Lesystmedexploitationmobile

Source:http://www.netmarketshare.com/operatingsystemmarketshare.aspx?qprid=9&qpcustomb=1 (23.07.2012)

60

Lenavigateurmobile

Source:http://www.netmarketshare.com/browsermarketshare.aspx?qprid=1&qpcustomb=1 (23.07.2012)

61

Lcranmobile
Taillephysique Rsolution

http://fr.wikipedia.org/wiki/Fichier:Pixelexample.png, Edg2s,CCBYSA

Galaxy S:4pouces GalaxySIII:4,8pouces iPhone:3,5pouces iPad :9,7pouces


62

Galaxy S:480800px Galaxy SIII:1280x720px iPhone3:320x480px iPhone4:640x960px nouveliPad :2048x1536px

Lcranmobile:viewport
=surfaceaffichabled'unterminalmobile Valeurpardfaut:980px(largeur)

Dclarationpourfixerle viewport dansunfichierHTMLen fonctiondelasurfaceaffichablerelle:


<meta name="viewport" content="width=device-width" />

63

Langagesdedveloppement
HTML(HTML5, XHTMLBasic1.1, XHTMLMP1.2) CSS JavaScript iOS :ObjectiveC Android :Java Symbian :C++

Sitewebmobile

Application mobile

64

SitewebmobileVSApplicationmobile
SITEWEBMOBILE
Meilleurmarch Indpendantdela plateforme Mmesconnaissances quepourunsiteweb standard Pasdinstallationpour lutilisateurfinal Accsaumatriellimit Doittreutilisenligne Difficilepersonnaliser

65

SitewebmobileVSApplicationmobile
APPLICATIONMOBILE
Meilleuraccsau matriel Rputation Profitpossible Utilisationhorsligne Stockagedesdonnes chezlutilisateur Accsfacileaprs installation Cherdvelopper Dpendantdune plateforme Connaissancesspcifiques ncessaires Installationetmisejour parlutilisateur Dpendantdun intermdiairepourla publication

66

SitewebmobileVSApplicationmobile
App Fonctionnalits Rputation Profit Horsligne

Prix Personnalisation Connaissances techniques Indpendance

Site web

67

COMMENTPUBLIER?

68

Cycledeviedunprojet(mobile)
Expressiondes besoins Maintenance Analysede lexistant

Promotion

tudede faisabilit

Ralisation Conception
69

Ralisationdu cahierdes charges

Equipedeprojet
Collaborateurs Partenaires internes Consultants externes

70

Identifierlesbesoins
Identifierlesbesoinsdesutilisateursmobiles:

Technologies utilises

Contenus souhaits

71

Identifierlesbesoins
Utiliserlesstatistiquesdusiteweb Effectueruneenqute Interviewerlesusagers Compareravecdautresinstitutions

72

Identifierlesbesoins

University ofEdinburgh (Paterson,Low 2011)


73

Identifierlesbesoins
ClassificationGoogledesutilisateursmobiles:

Repetitive Now

Bored Now

Urgent Now

74

Analyserlexistant
Djunsiteweb (mobile)? Uneversionmobile delOPAC disposition? Comptences linterne?

75

Etudedefaisabilit
Objectif :jugerl'opportunitdeproposerou nonun(nouveau)servicemobile continueroustopperleprojet

76

Etudedefaisabilit
Classifierlesfonctionnalitsdsiresparles utilisateurs:
requise secondaire optionnelle nondsire

77

Etabliruncahierdescharges
Lecahierdeschargesdfinit: Lecontexte Lesobjectifs Lepubliccible Lesfonctionnalitssouhaites Lestechnologies
78

Etabliruncahierdescharges

Source:http://alain.battandier.free.fr/IMG/png/gestionprojetwebhumour.png

79

Etabliruncahierdescharges

Slectiondun prestataire

Choixdune solution

80

Dfinirunepolitiqueditoriale
Contenugnrautomatiquement
FluxRSSdublog Horairesdelabasededonnes FilTwitter MurFacebook

Contenucrpourleservicemobile
Golocalisationdelinstitution Tlphone/SMS Ralitaugmente
81

Ralisationetconception
Conception

Ralisation

Tests

82

Promotion
Redirigerlusagerverslesitemobileouluiproposerde tlchargerlapplicationmobile

University ofNorth Carolinaat ChapelHillLibraries

Bibliotecas Universidad deSalamanca

83

Promotion

http://biblioottawalibrary.ca/fr/main/find/download/digital

84

Maintenance
Contrler lutilisation

Adapteraux nouvelles technologies Mettrejour lecontenu

85

LESENJEUXDELASCURITETDE LACONFIDENTIALITDESDONNES
86

Objectifs
Prendreconsciencedesrisquesscuritaires surmobilesetsmartphones
Identifierlesmenaces Identifierlesvulnrabilits Connatrelesmesuresdeprotection

Connatrelimpactsurledveloppement dapplicationsoudesiteweb

87

Introduction:constat
Rappel:
Nombrecroissantetdmocratisationdessmartphones Usagestendus(datas,transactions$) Modalitsdiversifies(SMS,Internet) vulnrabilit Compagnonpersonnel donnespersonnellescentralises

BouleverselesSIetdonclesinstitutions. Lesmobilessontunesourcederisquepourleurs utilisateurscarilscompilentuneminedinformation etsontplusvulnrablesquelesordinateurs.

88

Menaces
Nature
Pertededonnes Modificationdedonnes Voldedonnes(souventlinsudelavictime) Viepriveetespionnage(golocalisation) Usurpationdidentit Dysfonctionnementdelappareil/logiciels Perte$$$etdetemps Dpendance(intellectuelleetpsychologique)

89

Menaces
Identification
ChevauxdeTroie Spyware(logicielsespions) Botnets mobiles SMSassocisdesmalwares Hameonnageetusurpation(Fishing etSpoofing) Lesplateformesdetlchargementplusoumoins scurises

90

Vulnrabilit
HUMAINES
Manquedexpertise(toutunchacunutiliseuntelappareil,sansformation particulire) Confiancemalplace(quisquipedunantivirusalorsquesurPC) Ngligence(pasdebackups) Perte/Voldusmartphone nonscuris

TECHNIQUES
SMS/MMS WiFi/GSM Failleslogicielles(clientweb,OS,autreslogiciels)

91

Consquences
HUMAINES Pertedeconfiance Mfiancefaceauxapplicationsetnonusage Endettement Responsabilit
Pourlefournisseurdunesolutiondepaiementpartlphone portable,cerisquenapasseulementdesconsquencespourcequi estdelaconfiance danslesystmedepaiement,maisilpeutaussi souleverdesquestionstouchantlaresponsabilit.Ceproblmeest particulirementaigulorsquelasolutiondepaiementpartlphone portablepeuttreutilisedanslecommercedeproximit.
Source:Explicationsconcernantlepaiementpartlphoneportable
Prposfdrallaprotectiondesdonnesetlatransparence
http://www.edoeb.admin.ch/themen/00794/01210/01212/index.html?lang=fr 92

Consquences
Impact
Entreprises:phnomneduBYOD
(bring your own device):mlangepriv/professionnel plusdesoupons limitationdesapplicationsinstalles

Particuliers Institutions

93

Protection
Contremesurestechniques
Achaquecouche/niveaudelappareil (duhardausoft verrouillagemcanique, protectionlogicielle,). Logicielsdeblocage/confirmationdetransaction Antimalwares Logicielsdesauvegardes(localesousurCloud)

Bonnespratiques
94

Protection Bonnespratiques
Individus
Verrouillagedutlphone Rseaux:wifi/bluetooth/data/roaming Inactiverlagolocalisation Surveillerlesdbitsdedonnes(gratuit) Tlchargement Appsdeprotectioninstaller
(verrouillage/effacementdistance,antivirus,)

Sauvegarderrgulirement

95

Protection Bonnespratiques
Dveloppeurs
Peudapps sontdveloppesavecunfortsoucide scurisation Peudetransactionsproposesavecune certificationfortencryptage Lesmisesjoursnesontpassystmatiquesaprs ladcouvertedefaillesflagrantesquisont largementcommuniquessurlesrseaux
96

Protection Bonnespratiques
Nosinstitutions
Diffuserlesbonnespratiques Recommanderlessitesderfrence Dvelopperlesapplicationsavecunsouci professionneldescurit Maintenirsesapplications

97

Aides,rponsesetsolutions
SitesdelaConfdration
MELANI (Centraldenregistrementetdanalysepourlascuritdelinformation)
Rapports Alertes Formulaire

Prposfdrallaprotectiondesdonnesetla transparence(PFPDT) Onguardonline.gov


98

99

100

Aides,rponsesetsolutions
Socitsdeconseiletdeformation
P.ex.lasocitadvtools baseGenvequi proposediffrentesformationsainsiquedes conseilssurlascurisationdesapplications mobiles:http://www.advtools.com/

ConfrencesDefCon,Hashdays,BlackHat

101

Approchesprofessionnelles
Plusieursmthodespourle managementdelascurit MEHARI
Mthodeharmonised'analysedesrisques

OCTAVE/S
OperationallyCriticalThreat,Asset,andVulnerabilityEvaluationSM

EBIOS
ExpressiondesBesoinsetIdentificationdesObjectifsdeScurit

102

Conclusion
ScuritProblme Scurit=Opportunit! Opportunitpournosinstitutions:
Pasdintrtcommercialdirect Rledeprescripteur Rledeprvention Informationneutreetcible

103

TIRER LE MEILLEUR PARTI DU MONDE MOBILE SELON SES MOYENS

UTILISERDESAPPLICATIONS TIERCES
104

Atelier
Objectif :permettrel'usagerdescannerle codebarresd'unlivreetdevoirsiceluiciest disponibledansvotrecatalogue Techniqueutilise:installeretparamtrerune applicationgratuitedescandecodebarresetla lieravecl'OPAC(mobile)devotrebibliothque
Pourdesraisonspratiques,nousallonsutiliserlecatalogue mobiledel'EPFL(http://library.epfl.ch/mobile/)
105

Atelier Etape1:installation
SurAndroid
AllezsurGooglePlay Tlchargez l'applicationZxing Barcode Scanner

SuriPhone/iPad
Allezsurl'AppStore Tlchargez l'application Zbar Barcode Reader

106

Atelier Etape2:configuration
SurAndroid
Ouvrezl'application Barcode Scanner Allezdanslesparamtres Choisissez URLde recherchepersonnalise etentrezl'URLsuivante: http://library.epfl.ch/mobile/ fr/index.php?q=%s

SuriPhone/iPad
Ouvrezl'applicationZbar Scannezuncodebarres Revenezenarrireavecle boutonBarcode Cliquezsur Edit etchoisissez Add NewLink toutenbas EntrerunnometlURLsuivante: http://library.epfl.ch/mobile/fr/ index.php?q={GTIN13} Dplacezlenouveaulienversle hautdelaliste CliquezsurDone
107

Atelier Etape3:utilisation
SurAndroid
Scannezlecodebarres d'unlivreavec l'application Cliquezsurlebouton Recherche personnalise Vousarrivezsurla noticedulivresurle cataloguemobile!
108

SuriPhone/iPad
Scannezlecodebarres d'unlivreavec l'application Sivousavezplaclelien verslecataloguetouten hautdelaliste,celuicisera utilispardfaut.Sinon, cliquezsurBarcode pouravoirtoutesles possibilits.

CRERDESQRCODES

109

Atelier
Objectif :promouvoirdesservicesoudes produitsdelabibliothquel'aidedeQR codes Techniqueutilise:crerdesQRcodes l'aided'uneapplicationgratuiteenligneetles dcoderavecuneapplicationgratuitepour smartphone/tablette

110

Atelier Etape1:crationdesQRcodes
Ouvrezunnavigateurwebetrendezvoussurla pagesuivante: http://zxing.appspot.com/generator CrezdesQRcodesquipourraienttreutiliss dansvotreinstitution CopiezlesdansundocumentWordet enregistrezledansledossiersuivantdevotre ordinateur: G:\_cours\1213\ID\fc_mobile
111

Atelier Etape2:lecturedesQRcodes
Utilisezunsmartphone ouunetablettepour dcoderlesQRcodescrsenutilisantune applicationadquate (parex.Barcode Scanner pourAndroid ou Zbar pouriPhone/iPad)

112

DVELOPPERUNSITEWEBMOBILE

113

Avantdecommencer

Siteddi

Site responsive

114

Sitewebresponsive
Unsite diffrentsrendus:

Source:http://www.thedesignwork.com/responsivewebdesign/ 115

Bonnespratiques
UtiliserdesfeuillesdestyleCSSpourlamise enforme SimplifierlecodeHTML/CSSaumaximum

RespecterlesstandardsduW3C
116

Bonnespratiques
Utiliserlecachepouruneutilisationhorsligne
FichierINDEX.HTML <html manifest="cache.manifest" > <head> </head> <body> </body> </html> FichierCACHE.MANIFEST #Version 0.1 CACHE: index.html img/logo.gif css/style.css

Fichier.HTACCESS AddType text/cache-manifest manifest

117

Bonnespratiques
Slectionner le contenu Mettrelecontenule plussouventutilisen haut
library.epfl.ch/mobile /fr/index.php

118

Bonnespratiques
Crerdesicones suffisamment grandes Limiterlenombre etlaproximitdes liens
Source: http://www.lukew.com/ff/entry.asp?1085

119

Bonnespratiques
Utiliserdestaillesrelatives(%ouem) Adapterlatailledesimages Choisirdesimagessimplesetcontrastes

120

Bonnespratiques
Transformerlesn de tlphoneenliens cliquables
<a href="tel:0223881790"> 022/388.17.90 </a>

Inclureunlienverslesite webcomplet
http://m.library.oregonstate.edu/ask

121

Bonnespratiques
Pasdeffetsdesurvol(mouseover ) Pasdetableaux Pasdeframes Pasdepopups

122

Redirection
UtiliserlesCSSetlesmediaqueries
Exempledemediaquery surunepageHTML:
<link rel="stylesheet" media="all and (max-width: 480px)" href="style_mobile.css" type="text/css" />

(seulementsilesdiffrencesentrelesitemobileetlesite standardsontdanslamiseenpage)

123

Redirection
UtiliserunscriptJavaScript
Exemple:https://github.com/sebarmeli/ JSRedirectionMobileSite/

UtiliserunscriptPHP
Exemple:http://detectmobilebrowsers.mobi

124

Redirection
Aucaso,toujoursmettreunlienverslesite mobile

125

OPACmobile
Demandesouventungrandtravailde dveloppement Cotecher Reprendrelesframeworks/applications existants

126

OPACmobile
LeprojetdelaBibliothquedel'EPFL:

ProjetSwissbib mobileadaptablepartoutesles bibliothquesprsentesdanslecatalogueSwissbib


http://blogs.epfl.ch/article/33311
127

OPACmobile
WorldCat Mobile:

http://www.worldcat.org/m/

128

OPACmobile
LaBibliothqueMdiathquedeSierreetle WebOPAC mobiledeNetBiblio :

http://brv.bms.sierre.ch/netbiblio
129

OPACmobile
Lesoffresdesvendeurs:
Innovative Interfaces(Millennium ILS):AirPAC SirsiDynix (Horizon,Symphony):BookMyne ExLibris (Primo):PrimoMobile PMBService(PMB):Biblo

Aconsidrerlorsduchoixd'unnouvelOPAC

130

Desoutils
Editeursstandards(libresetgratuits):

http://www.jedit.org/

http://notepadplusplus.org/

http://bluegriffon.org/

131

Desoutils
Frameworks (libresetgratuits):

http://jquerymobile.com/ http://themproject.org

http://www.sencha.com/ http://www.iuijs.org/
132

Desoutils
Pourmobiliserunsitewebdjexistant:

http://mobilizejs.com/

133

Desoutils
PourlesCMS(ContentManagementSystems):
Thmeadaptatifouoptimispourlesmobiles Utilisationdepluginsderedirection

134

Desoutils
Unmodledesitewebmobilefirstpourles bibliothques:
OnePager http://influx.us/onepager

135

ChoisirlURL
http://m.mabiblio.ch http://mobile.mabiblio.ch http://www.mabiblio.mobi http://www.mabiblio.ch/mobile

136

Tester

http://validator.w3.org/mobile/
137

Tester
Quelquesmulateurs/simulateurs:
http://responsinator.com

http://emulateurmobile.com
138

Tester

http://mobitest.akamai.com
139

DVELOPPERUNEAPPLICATION MOBILE
140

Pourunmeilleuraccs
aumicrophoneetauxhautparleurs

141

Pourunmeilleuraccs
lappareilphoto

142

Pourunmeilleuraccs
auxdonnesdegolocalisation

wifi adresseIP delappareil antennesrelais


143

GPS

Pourunmeilleuraccs
l'orientationdel'appareil: acclromtre+gyroscope

144

Pourunmeilleuraccs
auxtransactionssanscontact aveclatechnologieNFC(Near Field Communication)
Annoncedu25juillet2012(RTS): ds2013,ilserapossibledepayeravecsontlphone mobiledanscertainssupermarchsMigrosetCoop
Source:http://www.rts.ch/info/sciencestech/4151590lepaiementpar telephoneportablebientotdisponibleensuisse.html

145

Pourunmeilleuraccs
auxautresapplicationsinstallessurl'appareil

146

Desoutils
PouriOS(iPhone,iPad):
xCode Eclipse

PourAndroid :
Plugin Android Developper Tools(ADT)

Android Software Development Kit(SDK)

147

Desoutils
PhoneGap :applicationlibreetgratuite

Source:https://build.phonegap.com

148

Desoutils
Boopsie :destinationdesbibliothques

http://www.boopsie.com/library

pluscoteuxquelesautressolutions

149

Diffusersesapplicationsmobiles

150

Diffusersesapplicationsmobiles

151

RFRENCES

152

Rfrences
Labibliographieetlawebographiedececourspeuventtre consultesladressesuivante: https://www.zotero.org/lauremel/items/collectionKey/TMIJHJIU LespersonnesquipossdentuncompteZotero pourront galementytlchargerdenombreuxPDFdarticles. Cettecollectionpourratreenrichieaufildutemps.
Saufmentioncontraire,lesimagesproviennentdelOpenClipArt Library(http://openclipart.org/)et sontplacesdansledomainepublic.

153

RFRENCES

152

Rfrences
Labibliographieetlawebographiedececourspeuventtre consultesladressesuivante: https://www.zotero.org/lauremel/items/collectionKey/TMIJHJIU LespersonnesquipossdentuncompteZotero pourront galementytlchargerdenombreuxPDFdarticles. Cettecollectionpourratreenrichieaufildutemps.
Saufmentioncontraire,lesimagesproviennentdelOpenClipArt Library(http://openclipart.org/)et sontplacesdansledomainepublic.

153

You might also like