Mobilizált könyvtári felületek

Mobilizált könyvtári felületek

Burmeister Erzsébet – Espán Edina Miskolci Egyetem, Könyvtár, Levéltár, Múzeum Networkshop, 2013. március, Sopron

1

Előzmények (1) KATALIST felhívás (2) TÁMOP projekt: saját könyvtári alkalmazások mobil eszközökre adaptálása: könyvtári portál, katalógus, MIDRA repozitórium, MATARKA, EHM (3) Irodalomkutatás (cikkek és internet)

Networkshop, 2013. március, Sopron

2

Három út

(1) Egy weboldalról működik mind a kettő (PC és mobil eszköz), CSS-ek használata, egy URL van, lassú, komoly tervezést igényel és a tartalom strukturálását, mobil eszköz felismerése a képernyő mérete alapján (2) Teljesen önálló, külön-külön megvalósítás a PC-n és a mobil eszközökön, http://detectmobilebrowsers.com (scriptek letölthetők), segédeszközök pl: „jQuery mobile”, template letöltése, tartalommal kitöltése (3) Natív alkalmazások (native apps): közvetlenül a tényleges mobil eszközökre fejlesztik őket és azokon használják Networkshop, 2013. március, Sopron

3

http://ericschnell.blogspot.hu/2011/02/shouldlibraries-create-native-or-web.html Natív alkalmazások (mobil eszközökre fejlesztett szoftver) ➢ ➢ ➢ ➢ ➢

szükség van az eszköz tudására internet nélkül is működjön fontos a teljesítmény cél lehet az értékesítés az alkalmazásnak el kell érnie a fájlrendszert

Előnyök (jobb grafika, biztonságosabb) Hátrányok (drágább, több eszközre kell kifejleszteni, karbantartás nehezebb)

Webes alkalmazások (mobil eszközökre optimalizált web oldal) ➢

➢

➢

a képernyős honlap tartalma menjen át a mobil felületre is sokféle mobil eszközről használható legyen a tartalmak a keresőgépekben jelenjenek meg

Előnyök (olcsóbb, azonnal frissül) Hátrányok (webszerver elérése szükséges hozzá)


4

Jquery (http://jquerymobile.com/) ●

●

● ●

egységesített, HTML5 alapú, a legelterjedtebb JavaScript keretrendszer minden népszerű mobil eszközre a jQuery UI alapítvány jóvoltából. rugalmas könnyen alakítható design egyszerűen használható ingyenes, letölthető


5

Jquery (http://jquerymobile.com/)


6

University of Houston Victoria College ➢

Jquery Mobile még nem volt elég fejlett

➢

HTML5 még túlságosan új volt, nem mertek kockáztatni

➢

Középkategóriás (feature phones) telefonokra nem jó

➢

➢

Tesztelés 4-féle okostelefonon (smart phones): iphone, Android device, Blackberry, Palm JavaScript redirect


7

A könyvtár PC-s felülete

Három út


8

A könyvtár mobil felülete Networkshop, 2013. március, Sopron

9

A mobil felület használata Networkshop, 2013. március, Sopron

10

Creating a Mobile Library Website (Computers in Libraries) ➢ ➢

➢

➢ ➢ ➢ ➢ ➢

Milyen szolgáltatásokat nyújtsanak? Mások mit csináltak (7 helyet néztek meg) Vízszintes és függőleges irány is, nemcsak függőleges listázás Ami mindenütt szerepel: nyitva tartás elérhetőség katalógus mobil felülettel rendelkező adatbázisok


11

Creating a Mobile Library Website technika, design, elvek ●

Technikai tudás: HTML, CSS, kész JAVA scriptek

●

Designhoz: webinarok megnézése, konferencia prezentációk, már kész mobil honlapok:

➢

➢

Ne a PC-s honlap legyen lekicsinyítve Ne apró betűs szövegeket olvasson a használó apró képernyőkön, és ne kelljen jobbról balra görgetnie

➢

Keveset gépeljen a használó

➢

Gyors válaszokat kapjon

➢

Választhasson a teljes képernyő és a mobil felület között

➢

Kész scripteket vegyünk át (ne találjuk fel a spanyol viaszt)

➢

Folyamatosan teszteljünk fejlesztés közben valós mobil eszközökön, emulátorokkal, használók kikérdezésével Networkshop, 2013. március, Sopron

12

Katalógus Adatbázisok Folyóiratok Hosszabbítás Nyitva tartás Elérhetőség (kapcsolat) Könyvtári RSS Orvosi hírek Egyetem mobil alkalm. Könyvtári honlap (PC) Networkshop, 2013. március, Sopron

13

3 jellemző okostelefon kezdőlap Boston College, Duke Univ., Minnesota Univ.


14

CMS alapú honlap képernyőre is, mobilra is Bajor állami könyvtár (Bayerische Staatsbibliothek) ➔

➔

➔

TYPO3 PHP alapú, szabad forráskódú tartalomkezelő rendszer, futtatható Linux, Windows, Mac OS X , FreeBSD, OS2 operációs rendszerek felett TYPO3 a Drupal, Joomla!, Wordpress mellett a legnépszerűbb CMS rendszerek egyike, leggyakrabban Németországban használják TYPO3 nagyon rugalmas, többnyelvű weboldalak létrehozására kiválóan alkalmas

➔

Skálázható, kiérlelt rendszer

➔

Nagy és kis felhasználók számára egyaránt jó Networkshop, 2013. március, Sopron

15

CMS alapú honlap képernyőre is, mobilra is Bajor állami könyvtár (Bayerische Staatsbibliothek)


16

CMS alapú honlap képernyőre is, mobilra is - Bajor állami könyvtár


17



18



19

A bajor állami könyvtárnak van natív alkalmazása is : híres könyvek


20

Library Mobile Applications: What Counts as Success? (Bruce Washburn) Minek van értelme mobil eszközökön?

➢

➢

Gyakran a katalógusra koncentrálnak (gyorsan megy) – pedig nem biztos, hogy mobil eszközökön legfontosabb szolgáltatás a katalógus keresése Fontosabbak lehetnek: nyitva tartás, foglalás, késedelmi díj fizetés, kölcsönzés, elektronikus anyagok olvasása, hozzáférés az olvasó saját adataihoz


21

Ajánlott oldal: M-Libraries Library Success: A Best Practices Wiki ➢

➢ ➢

http://www.libsuccess.org/index.php?title=MLibraries minden összegyűjtve a könyvtári mobil felületekről jó gyakorlatok


22

Felhasznált irodalom ➢

➢

➢

➢ ➢

➢

Less is more: How to App–ify Your Library Services / Berika S. Williams, Computers in Libraries, 2012 június Creating a Mobile Library Website / Tom C. Cutshall, Lindsay Blake, Sandra L. Bandy, Computers in Libraries, 2011 szemtember Library Mobile Application: What Counts as Success? / Bruce Washburn, Information Outlook, 2011 január Web or App? How to Decide, Computers in Library, 2015, május Mobile Friendly Library Websites, http://www.lib.berkeley.edu/digicoll/libraryweb/mobile-websites.pdf The Handheld Library: Developments at the Rector Gabriel Ferraté Library, UPC/Beatriz Benitez Juan, at all, Liber Quarterly, 2011 november


23

Emulátor „Az emulátor egy olyan számítógépes program vagy hardver, ami más programoknak vagy eszközöknek a környezetét (vagy annak részét) „szimulálja”, vagyis lehetővé teszik az adott rendszerrel nem kompatibilis programok (vagy operációs rendszerek) vagy számítógépek futtatását. Természetesen (a szükséges átalakítások miatt) az emulátorok lassabban működnek, mint az eredeti környezet. Tesztelésre viszont ideálisak” Forrás: Wikipédia Networkshop, 2013. március, Sopron

24

Emulátor Opera Mobile Emulator http://opera-mobile-emulator.en.softonic.com/


25

Opera Mobil Emulátor


26

Opera Mobil Emulátor LG Optimus 3D

Sony Xperia Tablet S Networkshop, 2013. március, Sopron

27

Magyar könyvtárak SZTE Klebelsberg Könyvtár ● „2011. november 11-én indult a Könyvtár új elektronikus szolgáltatása: a MOBILWEB” Magyar Elektronikus Könyvtár ● „A MEK mobil felülete most már a http://m.mek.oszk.hu domain név alatt is elérhető.” (2012.03. 21.) FSZEK ● „Könyvtárunk honlapjának tartalmát már mobiltelefonjáról is megtekintheti” (2012.05.31.) OSZK ● „2013. január 7-től elérhető honlapunk kisebb kijelzős eszközökre optimalizált változata” Networkshop, 2013. március, Sopron

28

SZTE Klebelsberg Könyvtár


29

SZTE Klebelsberg Könyvtár ➢

➢

➢ ➢ ➢

mobil felület más arculattal jelenik meg a mobil változatnak csak a nyitóoldaláról van link az eredeti oldalra mobil felület angolul is elérhető szűkített tartalom mobilról nem érhető el: e-források, repozitórium, különgyűjtemények...


30

SZTE Klebelsberg Könyvtár nyitva tartás ➢kapcsolat (emiles boksz, telefonszámok) ➢hírek ➢kalauz (kép, video, hanganyag) ➢szolgáltatások (túravezetés, kölcsönzés, könyvtárközi, másolás, wifi, személyes kölcsönzés) ➢


31

SZTE Klebelsberg Könyvtár a katalógusnak elkészült a mobilra optimalizált változata ➢ nem csak a kereső ablak, hanem a többi oldal is mobilra optimalizált ➢ online katalógus és az egyetemi bibliográfia érhető el ➢ mobil felület tartalma nem egyezik meg teljesen a hagyományossal ➢


32

SZTE Klebelsberg Könyvtár a katalógusnak elkészült a mobilra optimalizált változata ➢ nem csak a kereső ablak, hanem a többi oldal is mobilra optimalizált ➢ online katalógus és az egyetemi bibliográfia érhető el ➢ mobil felület tartalma nem egyezik meg teljesen a hagyományossal ➢ saját kölcsönözés megtekintése ➢


33

Magyar Elektronikus Könyvtár ➢

két eltérő felület


34

Magyar Elektronikus Könyvtár ➢ ➢

➢

➢

két eltérő felület mobil: minél kevesebb kattintással elérhetőek legyenek a könyvek – többféle lista (mobilos szempontok előnyben) csak hagyományos felületen érhető el: hírek, tartalmi böngészés, irattár... speciális mobilos szolgáltatások: letölthető mobil alkalmazások, operációs rendszerhez igazodó külalak Networkshop, 2013. március, Sopron

35

Fővárosi Szabó Ervin Könyvtár ➢

➢ ➢

mobilos felület arculata hasonlít a desktopos felületre (színvilág, logó) több méretű kijelzőn is jól jelenik meg mobilról át lehet menni a hagyományos oldalra, de mindig a nyitóoldalra visz


36

Fővárosi Szabó Ervin Könyvtár ➢ ➢ ➢

➢

bőséges tartalom katalógus még nem készült el hosszabbításnak van mobilra optimalizált felülete összetett táblázatok mobilos megjelenítése nehézkes (nyitva tartás)


37

Fővárosi Szabó Ervin Könyvtár ➢

➢

legteljesebb weboldal (kiv. tematikus alportálok) mobilos felhasználó szinte minden információt elér


38

Országos Széchényi Könyvtár


39

Országos Széchényi Könyvtár


40

Országos Széchényi Könyvtár ➢ ➢ ➢

mobil felület más arculattal jelenik meg különböző méretű felületeken is jól jelenik meg szűkített tartalom (honlap látogatási statisztika) ● tájékozódás az épületben, ● nyitva tartás, ● megközelítés, ● rendezvények, ● szolgáltatások Networkshop, 2013. március, Sopron

41

Országos Széchényi Könyvtár ➢

➢

nem érhetők el ● E-corvinák, ● tematikus aloldalak, ● Digitális könyvtár online katalógus optimalizálása még nem készült el


42

Köszönjük, hogy meghallgattak !

Sok sikert kívánunk felületeik mobilizálásához !!


43

Mobilizált könyvtári felületek

Recommend Documents