my first mobi - starting mobile web development with apex
DESCRIPTION
Creating Mobile Web Applications with Oracle Application ExpressTRANSCRIPT
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
My First MobiStarting Mobile Development with APEX
Roel Hartman
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
About Roel
• Director of APEX Evangelists NL
• 20+ years of Oracle Experience
• “RoelH” in the APEX Forum
• Presenter at KSCOPE, OOW, Collaborate, DOAG, UKOUG, ...
•Oracle ACE Director
• Blog @ http://roelhartman.blogspot.com
• Twitter : @RoelH
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
A Small Ad...
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
A Small Ad...
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
• Mobile Web Applications
• jQuery Mobile
• Build
• Deploy
Agenda
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
Mobile Web Applications
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
Desktop Vs Mobile
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
Web Vs Native
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
Web Vs Native
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
Web Vs Native
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
Responsive Web Design Vs Mobile
http://bostonglobe.comhttps://gocardless.com/blog/unresponsive-design/
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
Best Of Both (or More) Worlds
OrganizationEvent Mgt
AttendeesRegistration
Attendees Session Picks
OrganizationEvaluation
DesktopDesktopTabletMobile
TabletMobile Desktop
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
Mobile Web Applications In APEX 4.2
25 50
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
• Mobile Web Applications
• jQuery Mobile
• Build
• Deploy
Agenda
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
jQuery Mobile
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
JQuery Mobile
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
JQuery Mobile<!DOCTYPE html><html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script> </head> <body> <div data-role="page"> <div data-role="header">The header on the top</div> <div data-role="content">The content in the middle</div> <div data-role="footer">The footer at the bottom</div> </div> </body></html>
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
JQuery Mobile
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
JQuery Mobile
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
• Mobile Web Applications
• jQuery Mobile
• Build
• Deploy
Agenda
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
Build
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
Build
1 APP 2 UI 2 THEMES
DEMONSTRATION
Copyright © 2012 Apex Evangelistshttp://apex-evangelists.com
Building a Mobile App
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
• Mobile Web Applications
• jQuery Mobile
• Build
• Deploy
Agenda
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
Deploy
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
Deploy
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
Conclusions - Mobile Is ...
HOT COOL
EASY HARD
Copyright © 2013 Apex Evangelistshttp://apex-evangelists.com
Q & A