get started with mobile web applications oit lunch & learn
DESCRIPTION
Get Started with Mobile Web Applications OIT Lunch & Learn. Jason Casden , Digital Technologies Development Librarian David Woodbury, NCSU Libraries Fellow. 2. When to Make a Native App. Charging for it Creating a game Using specific locations* Using cameras Using accelerometers - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/1.jpg)
Get Started with Mobile Web ApplicationsOIT Lunch & Learn
Jason Casden, Digital Technologies Development LibrarianDavid Woodbury, NCSU Libraries Fellow
![Page 2: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/2.jpg)
2
![Page 3: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/3.jpg)
When to Make a Native App
• Charging for it• Creating a game• Using specific locations*• Using cameras• Using accelerometers• Accessing the filesystems• Offline users
* Actually available to web-based applications3
![Page 4: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/4.jpg)
The Case for Mobile Web Apps
“I believe that unless your application meets one of these native application criteria, you should not create a native application, but should instead focus on building a mobile web application.”
— Brian Fling, “Mobile Design and Development”
4
![Page 5: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/5.jpg)
WolfWalk, Two Ways
5
![Page 6: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/6.jpg)
6
![Page 7: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/7.jpg)
7
![Page 8: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/8.jpg)
Our mobile services• Locations & Hours• Computer Availability• Book & Article Search• Room Reservations• GroupFinder message board• Reference Services• News & Events• Webcam Feeds• Link to campus mobile site
![Page 9: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/9.jpg)
Locations & Hours
![Page 10: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/10.jpg)
Computer Availability
![Page 11: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/11.jpg)
GroupFinder
![Page 12: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/12.jpg)
What to mobilize?• What services are currently available?• What services are applicable on a mobile
device?• What services translate well to the mobile
environment?• What tools can be created easily?• What would be fun to see?
![Page 13: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/13.jpg)
Don’t mobilize everything
11 links vs 100 links
![Page 14: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/14.jpg)
Mobile is not just shrinking the page
![Page 15: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/15.jpg)
Use only essential, relevant content
![Page 16: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/16.jpg)
Use only essential, relevant content
![Page 17: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/17.jpg)
Reduce options, simplify
![Page 18: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/18.jpg)
Limit data to mobile context
![Page 19: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/19.jpg)
Limit data to mobile context
• For time oriented data, we assume current day & time
• We assume action oriented
![Page 20: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/20.jpg)
Expose hidden, useful content
![Page 21: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/21.jpg)
Our tools
• Mobile website– XHTML 1.0 transitional– CSS– non-essential JavaScript and AJAX
• MIT Mobile Web Open Source Project• Leaned on pre-existing web services• Targeted higher-end devices
21
![Page 22: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/22.jpg)
No developers?
• Tools that require only HTML knowledge– WordPress, iWebKit, iUI, jQTouch, Dashcode…– Good for static content• Rapidly becoming more sophisticated
– Can help to build or prototype a mobile site very quickly
22
![Page 23: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/23.jpg)
No developers?
• Vendors– Boopsie, Terribly Clever…– Can manage mobile development process for you– You may lack control over the final product– May be expensive– Doesn’t develop internal expertise
23
![Page 24: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/24.jpg)
Content Adaptation
24
![Page 25: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/25.jpg)
Testing
CC BY-SA 2.0: http://www.flickr.com/photos/wfryer/3929189482/ 25
![Page 26: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/26.jpg)
Testing
26
• Simulators and Emulators– Apple iPhone/iPhoney simulators– Android emulator
• Internal listserv• Guerilla Testing
![Page 27: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/27.jpg)
Recommendations
27
![Page 28: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/28.jpg)
Be Agile
• Rapid development cycle• Think iteratively• Adjust to change quickly• Avoid paralysis
28
![Page 29: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/29.jpg)
Play
29
![Page 30: Get Started with Mobile Web Applications OIT Lunch & Learn](https://reader033.vdocuments.site/reader033/viewer/2022051700/5681637c550346895dd45a66/html5/thumbnails/30.jpg)
Collaborate
• Campus efforts• External projects• Steal what you like– Improve it, so it can be stolen back
30