mobile web interface
DESCRIPTION
A presentation on the JHU Sherdan Libraries' new mobile website.TRANSCRIPT
![Page 1: Mobile Web Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061120/546c9f11af79592c498b6b56/html5/thumbnails/1.jpg)
Mobile Web Interface
Sean HannanLibrary Systems
Sherdian Libraries
![Page 2: Mobile Web Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061120/546c9f11af79592c498b6b56/html5/thumbnails/2.jpg)
![Page 3: Mobile Web Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061120/546c9f11af79592c498b6b56/html5/thumbnails/3.jpg)
![Page 4: Mobile Web Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061120/546c9f11af79592c498b6b56/html5/thumbnails/4.jpg)
![Page 5: Mobile Web Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061120/546c9f11af79592c498b6b56/html5/thumbnails/5.jpg)
![Page 6: Mobile Web Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061120/546c9f11af79592c498b6b56/html5/thumbnails/6.jpg)
![Page 7: Mobile Web Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061120/546c9f11af79592c498b6b56/html5/thumbnails/7.jpg)
![Page 8: Mobile Web Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061120/546c9f11af79592c498b6b56/html5/thumbnails/8.jpg)
Total Development Time:
45 minutes
![Page 9: Mobile Web Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061120/546c9f11af79592c498b6b56/html5/thumbnails/9.jpg)
How?
• iUI• Re-use of programming• Re-use of content• Site Executive
![Page 10: Mobile Web Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061120/546c9f11af79592c498b6b56/html5/thumbnails/10.jpg)
iUI
• Framework for making web pages act like native iPhone applications
• Open source and freely available• http://code.google.com/p/iui/
![Page 11: Mobile Web Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061120/546c9f11af79592c498b6b56/html5/thumbnails/11.jpg)
Re-use of Programming
• We already did this!– Blog & Twitter feeds
• Server-side PHP script that generates embeddable javascript that spits out the top headlines/tweets from an RSS feed
![Page 12: Mobile Web Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061120/546c9f11af79592c498b6b56/html5/thumbnails/12.jpg)
![Page 13: Mobile Web Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061120/546c9f11af79592c498b6b56/html5/thumbnails/13.jpg)
Re-use of Content
• Hours Page– Already maintained– No point in maintaining multiple copies– Link to it
• Mobile Apps– Already a blog feature– Create a category– Re-use the RSS Javascript code
![Page 14: Mobile Web Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061120/546c9f11af79592c498b6b56/html5/thumbnails/14.jpg)
Site Executive
• Handles device detection• Surprisingly not horrible
![Page 15: Mobile Web Interface](https://reader033.vdocuments.mx/reader033/viewer/2022061120/546c9f11af79592c498b6b56/html5/thumbnails/15.jpg)
Questions?