Upload
ujang
View
10
Download
0
Embed Size (px)
DESCRIPTION
Mobile Programing
Citation preview
jQuery Mobile
Ahmad Zainudin
Telecommunication Engineering
Electronics Engineering Polytechnic Institute of Surabaya
2013
Mobile Ecosystem Saat ini
JQuery Mobile adalah
Cross platform & Cross device and Multi browser
HTML5
Touch optimized layouts
UI widgets
Powerful theming framework
And more
JQuery Mobile is an alpha project
API might change, more features coming, !
http://api.jquery.com/
Jquery Mobile Ringan
jQuery 29KB (minified and gzipped)
jQuery Mobile JS 17Kb (minified and gzipped)
jQuery Mobile CSS 7KB (minified)
jQuery Mobile images 10x4KB (compressed png)
This is already 29+17+7+40 = 93KB
Jquery Mobile Ringan
jQuery
Mobile 93KB
jQuery
Mobile 93KB
+Content+Content +Images+Images +Others+Others
= jQuery mobile application final size ?!= jQuery mobile application final size ?!
+Validation
plugin
+Validation
plugin
iPhone Simulator
Adode AIR http://get.adobe.com/air/
iPhone Simulator http://www.merhl.com/?page_id=3
Contoh UI
jQuery Mobile single page
jQuery Mobile embedded pages
Button
Some Recommendation
Some Recommendation
Use short & clear forms
Error & Confirmation
dialogs should be part of
the downloaded page
Error handling should be
intuitive and visible
Mobile navigation workflow
validation
Open Form
Fill fields
Error
Confirmation
Next page
Sample registration and login page
More about jQuery Mobile
Page transitions
Dialogs, Buttons
Formatting content
Touch optimized form elements
List views
Events, themes
http://jquerymobile.com
http://codiqa.com/
http://jquerymobile.com/themeroller/
Beberapa Fitur
jQuery Mobile Gallery
More Mobile technologies :
Titanium mobile : (HTML5/JS/CSS3)
http://www.appcelerator.com/products/titanium-
mobile-application-development/
PhoneGap :
(HTML5/JS/CSS)http://www.phonegap.com/
SenchaTouch : (HTML5/JS/CSS)
http://www.sencha.com/products/touch/
jQuery Mobile Client-Server
Ahmad Zainudin
Telecommunication Engineering
Electronics Engineering Polytechnic Institute of Surabaya
2013
Akses File PHP
Akses Database MySQL
Akses Database MySQL