Transcript Slide 1

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
native app?
“Most of the folks I know in app
development are moving to
standardization on web versus
device specific development.”
web app?
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
• iUI: iPhone User Interface Framework
– http://code.google.com/p/iui/
– License: BSD
• iWebKit: ditto
– http://iwebkit.net/
– License: GNU LGPL
JavaScript libraries, CSS code, images…
• jQTouch (jQuery plugin)
– http://www.jqtouch.com/
– License: MIT
iUI
iWebKit
jQTouch
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
Internet Explorer
Firefox
Chrome
XHTML/HTML/CSS validation
• XHTML/HTML
• CSS
• Accessibility
Get right with these
before you move on to
platform compatibility.
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