My first mobi - Starting Mobile Web Development with APEX
•
0 j'aime•1,553 vues
Creating Mobile Web Applications with Oracle Application Express
Recommandé
Recommandé
Contenu connexe
Plus de Roel Hartman
Plus de Roel Hartman (15)
Dernier
Dernier (20)
My first mobi - Starting Mobile Web Development with APEX
- 1. My First Mobi Starting Mobile Development with APEX Roel Hartman Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 2. 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 Evangelists http://apex-evangelists.com
- 3. A Small Ad... Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 4. A Small Ad... Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 6. Agenda • Mobile Web Applications • jQuery Mobile • Build • Deploy Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 7. Mobile Web Applications Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 8. Desktop Vs Mobile Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 9. Web Vs Native Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 10. Web Vs Native Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 11. Web Vs Native Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 12. Responsive Web Design Vs Mobile http://bostonglobe.com https://gocardless.com/blog/unresponsive-design/ Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 13. Best Of Both (or More) Worlds Organization Attendees Attendees Organization Event Mgt Registration Session Picks Evaluation Desktop Tablet Desktop Tablet Desktop Mobile Mobile Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 14. Mobile Web Applications In APEX 4.2 25 50 Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 15. Agenda • Mobile Web Applications • jQuery Mobile • Build • Deploy Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 16. jQuery Mobile Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 17. JQuery Mobile Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 18. 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 Evangelists http://apex-evangelists.com
- 19. JQuery Mobile Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 20. JQuery Mobile Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 21. Agenda • Mobile Web Applications • jQuery Mobile • Build • Deploy Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 22. Build Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 23. Build 1 APP 2 UI 2 THEMES Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 24. Building a Mobile App DEMONSTRATION Copyright © 2012 Apex Evangelists http://apex-evangelists.com
- 25. Agenda • Mobile Web Applications • jQuery Mobile • Build • Deploy Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 26. Deploy Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 27. Deploy Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 28. Conclusions - Mobile Is ... HOT COOL EASY HARD Copyright © 2013 Apex Evangelists http://apex-evangelists.com
- 29. Q A & Copyright © 2013 Apex Evangelists http://apex-evangelists.com