Html5 mobile apps

1,178 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,178
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
22
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Html5 mobile apps

  1. 1. Lokakarya HTML5 – Mobile Apps Ahmad Haris princeofgiri@di.blankon.in @princeofgiri
  2. 2. Lisensi: CC-BY-SA Copyright (c) 2013, Ahmad Haris
  3. 3. konteks materi lokakarya ini adalah pengenalan pengembangan mobile apps dengan HTML5 + jquerymobile + phonegap
  4. 4. HTML5 Jquerymobile Phonegap (membangun di awan)
  5. 5. - text editor - browser - akun github - android device (optional)
  6. 6. HTML5  Markup language for structuring and presenting content for the WWW, and is a core technology of the Internet – –  HTML created in 1990, HTML4 1997 HTML5 is intended to subsume not only HTML4, but XHTML 1 and DOM LEVEL 2 HTML HTML5 adds many new syntactic features – – Canvas, Drag-and-Drop, Web Storage, … Geolocation, Web SQL db, File API, …
  7. 7. HTML5
  8. 8. HTML5  Markup language for structuring and presenting content for the WWW, and is a core technology of the Internet – –  HTML created in 1990, HTML4 1997 HTML5 is intended to subsume not only HTML4, but XHTML 1 and DOM LEVEL 2 HTML HTML5 adds many new syntactic features – – Canvas, Drag-and-Drop, Web Storage, … Geolocation, Web SQL db, File API, …
  9. 9. HTML5
  10. 10. HTML5
  11. 11. jquerymobile  A unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI Foundation.  Instead of writing unique apps for each mobile device/OS, the jQuery mobile framework allows you to design a single highly-branded web site or application that will work on all popular smartphone, tablet & desktop platforms.
  12. 12. jquerymobile
  13. 13. jquerymobile
  14. 14. jquerymobile
  15. 15. jquerymobile
  16. 16. jquerymobile
  17. 17. phonegap
  18. 18. phonegap http://phonegap.com/about/feature/
  19. 19. phonegap Jika butuh API PhoneGap, sertakan baris berikut di index.html : <script src="phonegap.js"></script>
  20. 20. phonegap Buat config.xml
  21. 21. phonegap https://build.phonegap .com/docs
  22. 22. phonegap Bangun di Awan https://build.phonegap.com
  23. 23. Referensi http://oo.or.id http://jquerymobile.com http://phonegap.com http://build.phonegap.com
  24. 24. Terima Kasih

×