One block at a time: Building a mobile site
description
Transcript of One block at a time: Building a mobile site
![Page 1: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/1.jpg)
One block at a time: Building a mobile site
Chad HaefeleReference Librarian for Emerging TechnologiesUNC Chapel Hill
![Page 2: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/2.jpg)
What I’ll be showing you
A tour through our development process
The building blocks you’ll need to do it yourself, and the decisions you’ll need to make along the way
A quick look at a mobile site generator
A walkthrough of our completed site
![Page 3: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/3.jpg)
Why mobile?
![Page 4: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/4.jpg)
Block #1: Survey your users
Plus 44 ‘other’ responses
Data from Spring, 2009
![Page 5: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/5.jpg)
Sample ‘Other’ responses:
Cell phone Cheap free phone Braille Note Carrier pigeon Lame old phone :( My cheap phone that always has at least 2
bars
![Page 6: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/6.jpg)
Block #2: Platform
Vs.
![Page 7: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/7.jpg)
Java, Objective C
Single platform
Full hardware access(GPS, camera, etc)
Can be used offline
Tricky to get stats
HTML, CSS, Javascript
Multi-platform (maybe)
Limited hardware access (GPS only)
Requires web connection
Standard webstats
App Webapp
Platform: App or Webapp?
![Page 8: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/8.jpg)
Block #3: Framework
Jason Clark’s: http://diginit.wordpress.com/2009/11/13/mobile-web-design-working-code-tips-best-practices/
or
http://bit.ly/cXlnlS
www.lib.utc.edu/m
![Page 9: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/9.jpg)
Block #3: Framework
iUI: code.google.com/p/iui/
Mobile site generator:www.hiddenpeanuts.com/msg
www.lib.unc.edu/m
![Page 11: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/11.jpg)
Device testing
iPhone/iPod Touch
![Page 12: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/12.jpg)
Device testing
Android
![Page 13: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/13.jpg)
Device testing Text only
![Page 14: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/14.jpg)
Block #4: Data sources & Outside systems RSS feeds XML Other systems
Computer availabilityeResourcesHours IM / text a librarian services
![Page 15: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/15.jpg)
Block #5: Custom code
![Page 16: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/16.jpg)
http://dclibrarylabs.org/ iPhone app code
(app)
![Page 18: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/18.jpg)
Block #6: Catalog
Catalog optionsDo it yourself ILS vendor-provided solution3rd party product
![Page 19: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/19.jpg)
Catalog: DIY
Priority 1: Get a clean data feedXML feeds from ILSYaz / Z39.50 (http://www.indexdata.com/yaz)Other solution – tap into DB directly somehow
Harass your vendors!
![Page 20: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/20.jpg)
Catalog: DIY (at UNC) Endeca, Endeca, Endeca! XML + php + Syndetics + iUI
![Page 21: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/21.jpg)
Catalog: ILS solutions Airpac, from Innovative
![Page 22: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/22.jpg)
Catalog: 3rd party product
Librarything – “Library Anywhere”
“Works with 90% of current OPACs.”
![Page 23: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/23.jpg)
Block #7: Promotion
![Page 24: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/24.jpg)
Block #8: Evaluate & Iterate
Apple: 78%
Android: 12%
Questionable: Out of 2261 total visits? Most still come from Firefox & IE
Rough stats: Visits, January 2010
![Page 25: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/25.jpg)
UNC Mobile site walkthrough
+ ‘View full site link’
www.lib.unc.edu/m
www.lib.unc.edu/m/plain
![Page 26: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/26.jpg)
UNC Mobile site walkthrough
![Page 27: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/27.jpg)
Catalog
![Page 28: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/28.jpg)
UNC Mobile site walkthrough
![Page 29: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/29.jpg)
UNC Mobile site walkthrough
![Page 30: One block at a time: Building a mobile site](https://reader036.fdocuments.net/reader036/viewer/2022081602/54702b11af7959fd4a8b47d8/html5/thumbnails/30.jpg)
Blocks (review) Survey Platform Framework Data sources Custom code Catalog Promotion Evaluate & Iterate