300 likes | 494 Views
The Mobile Evolution:. Bobby Goff Library Web Services Specialist Clay Hill Websites Manager Thomas La Foe Instructional Technology Specialist. Reaching Patrons and Delivering Resources in the 21 st Century Academic Library. What can they do?. Most importantly… Access mobile websites.
E N D
The Mobile Evolution: Bobby GoffLibrary Web Services Specialist Clay Hill Websites Manager Thomas La Foe Instructional Technology Specialist Reaching Patrons and Delivering Resources in the 21st Century Academic Library
What can they do? • Most importantly… • Access mobile websites. • Store audio/video files for playback. • Stream videos (i.e. YouTube videos). • Access Twitter and Facebook via apps.
Twitter Twitter Mobile Site • Brief descriptions • Use short URL’s • Tinyurl.com • Bit.ly • Tr.im • Links directly to content • Multiple interfaces Seesmic App Twidroyd App
Facebook touch.facebook.com • Longer description • Rich links • Full titles • Additional Description • Thumbnails • Links directly to content • Can “import” or “embed” content • Several interfaces available m.facebook.com Facebook App
YouTube YouTube App m.youtube.com • Large, rich description • Full and multiple URLs • IS the content • Singular interface (minus YouTube apps)
Smartphones in the library library.msstate.edu/m • Using the mobile website: • Online Catalog • Maps • Ask-a-Librarian services • Directories • Tours • Links to these resources can be posted around the library m.lib.auburn.edu
Links and QR Codes • Short, easy to type, links • Or links off of the mobile site • Quick Response (QR) Codes of URLs • Many different readers available
AND Communication! • It is a phone after all! • Phone numbers on websites show as links • Dialing the old-fashioned way • Email • SMS/text messages • Instant Message • Many IM Services • Aggregators
Mobile Websites library.msstate.edu/m • Possible links… • Hours • Mobile Databases • Social Networks • Maps • Ask-a-Librarian services • Directories • Tours • Apps can serve similar functions. m.lib.auburn.edu
Where do we start? • A little History • The difference in a Mobile Website and a Mobile App http://www.youtube.com/watch?v=476s1m1fNqg&feature=player_embedded • Look at what others are doing at the time….
We kept ours “bare bones” • In the beginning of development, iPhones were new and there were not many smart phones/ web enabled mobile devices.
Why should you do a mobile website for your library? • This is not a fad. It is here to stay.
What about the newer generations? In my day.. You were cool if you had this.
What about the newer generations? ..not anymore It’s all about your mobile phone.
Look around… • I am amazed at home many people I almost “run over” because they are not paying attention. They are on the phone.
Ok, Ok …you get the point. • We need to reach our patrons in their environment.
Detecting Mobile Users • Users must be directed to mobile site • Mobile detection redirection script Dim user_agent, mobile_browser, Regex, match, mobile_agents, mobile_ua, i, size user_agent = Request.ServerVariables("HTTP_USER_AGENT") mobile_browser = 0 Set Regex = New RegExp With Regex .Pattern = "(up.browser|up.link|mmp|symbian|smartphone|midp|wap|phone|windows ce|pda|mobile|mini|palm)" .IgnoreCase = True .Global = True End With match = Regex.Test(user_agent) If match Then mobile_browser = mobile_browser+1 If InStr(Request.ServerVariables("HTTP_ACCEPT"), "application/vnd.wap.xhtml+xml") Or Not IsEmpty(Request.ServerVariables("HTTP_X_PROFILE")) Or Not IsEmpty(Request.ServerVariables("HTTP_PROFILE")) Then mobile_browser = mobile_browser+1 end If mobile_agents = Array("w3c ", "acs-", "alav", "alca", "amoi", "audi", "avan", "benq", "bird", "blac", "blaz", "brew", "cell", "cldc", "cmd-", "dang", "doco", "eric", "hipt", "inno", "ipaq", "java", "jigs", "kddi", "keji", "leno", "lg-c", "lg-d", "lg-g", "lge-", "maui", "maxo", "midp", "mits", "mmef", "mobi", "mot-", "moto", "mwbp", "nec-", "newt", "noki", "operamini", "palm", "pana", "pant", "phil", "play", "port", "prox", "qwap", "sage", "sams", "sany", "sch-", "sec-", "send", "seri", "sgh-", "shar", "sie-", "siem", "smal", "smar", "sony", "sph-", "symb", "t-mo", "teli", "tim-", "tosh", "tsm-", "upg1", "upsi", "vk-v", "voda", "wap-", "wapa", "wapi", "wapp", "wapr", "webc", "winw", "winw", "xda", "xda-") size = Ubound(mobile_agents) mobile_ua = LCase(Left(user_agent, 4)) For i=0 To size If mobile_agents(i) = mobile_ua Then mobile_browser = mobile_browser+1 Exit For End If Next If mobile_browser>0 Then response.redirect("http://library.msstate.edu/m/") end if
Redesigning a Mobile Site • Committee • Reviewed existing mobile sites • Text-based site vs. Icon • Content Needs? • Still in development
Optimizing Mobile Sites • Speed: • Broadband up to 6 mb/s • 3G up to 3 mb/s • Minimize pictures / size • Limit client side scripting • Clean efficient code
Questions? Comments? • Ask me now, or ask me later: Bobby Goff bgoff@library.msstate.edu Clay Hill chill@library.msstate.edu Thomas La Foe tlafoe@library.msstate.edu Thank you for attending!
More things to discuss if there is time.. Developer tools http://www.opera.com/developer/tools/ http://demo.opera-mini.net/ 26 things to keep in mind http://americanlibrariesmagazine.org/columns/dispatches-field/planning-mobile-site http://www.bohyunkim.net/blog/archives/705