230 likes | 472 Views
Ndertimi i faqeve Web per pajisjet Mobile. Programim ne Web Leksion 15. e.g. iPhone app written in Cocoa requiring download via the App Store. build. web app?. native app?. “Most of the folks I know in app development are moving to standardization on web versus
E N D
Ndertimiifaqeve Web per pajisjet Mobile Programim ne Web Leksion 15
e.g. iPhone app written in Cocoa requiring download via the App Store build web app? native app? “Most of the folks I know in app development are moving to standardization on web versus device specific development.” Linda Woods AT&T Education Advocate Industry & Mobility Application Solutions 2009 Handheld Librarian Online Conference
Number 1 Law on Mobile website A mobile web app should be as simple as possible, but no simpler. A mobile web app should do one thing and do it well. • standards compliance • web usability design • minimalist design • design and testing • cross-browser • cross-platform
a good mobile web app typical single-interface that-does-everything
iPhone web apps (according to Apple*) * Content on iPhone: Is It a Webpage or an Application? • Three categories: • compatible with Safari on iPhone • optimized for Safari on iPhone • iPhone web application
iPhone web application tool kits JavaScript libraries, CSS code, images… • iUI: iPhone User Interface Framework • http://code.google.com/p/iui/ • License: BSD • iWebKit: ditto • http://iwebkit.net/ • License: GNU LGPL • jQTouch (jQueryplugin) • http://www.jqtouch.com/ • License: MIT
jQTouch iWebKit iUI
Handheld emulators/simulators • Generally come with handheld OS SDKs • webOS (Palm) • http://developer.palm.com/ • iPhone (Apple) • http://developer.apple.com/iphone/ • Android (Google & Open Handset Alliance) • http://developer.android.com/ • Web-based simulators • Opera Mini Simulator – good • http://www.opera.com/mini/demo/ • TestiPhone.com – absolutely worthless
Browser compatibility – don’t skip this Firefox Internet Explorer Chrome
XHTML/HTML/CSS validation Get right with these before you move on to platform compatibility. XHTML/HTML CSS Accessibility
Mobile design – platform compatibility Larger buttons for finger tapping
Don’t forget the documentation! • Mobile/handheld developer sites have useful information on how to “design for small” • Read it
Example docs and websites • iPhone • Principles and Guidelines for Creating Great iPhone Content • iPhone Human Interface Guidelines for Web Applications • Google Groups: iPhoneWebDev • Others • Opera Mini Developer resources
ShelfLister version 2.0 Start barcode End barcode http://vts.uta.edu/sl.htm 3