1 / 20

Ndertimi i faqeve Web per pajisjet Mobile

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

sonora
Télécharger la présentation

Ndertimi i faqeve Web per pajisjet Mobile

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Ndertimiifaqeve Web per pajisjet Mobile Programim ne Web Leksion 15

  2. 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

  3. 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

  4. a good mobile web app typical single-interface that-does-everything

  5. 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

  6. 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

  7. jQTouch iWebKit iUI

  8. 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

  9. Browser compatibility – don’t skip this Firefox Internet Explorer Chrome

  10. XHTML/HTML/CSS validation Get right with these before you move on to platform compatibility. XHTML/HTML CSS Accessibility

  11. Mobile design – platform compatibility Larger buttons for finger tapping

  12. Don’t forget the documentation! • Mobile/handheld developer sites have useful information on how to “design for small” • Read it

  13. 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

  14. ShelfLister version 2.0 Start barcode End barcode http://vts.uta.edu/sl.htm 3

More Related