Html5 mobile apps
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,103
On Slideshare
1,103
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
17
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Lokakarya HTML5 – Mobile Apps Ahmad Haris princeofgiri@di.blankon.in @princeofgiri
  • 2. Lisensi: CC-BY-SA Copyright (c) 2013, Ahmad Haris
  • 3. konteks materi lokakarya ini adalah pengenalan pengembangan mobile apps dengan HTML5 + jquerymobile + phonegap
  • 4. HTML5 Jquerymobile Phonegap (membangun di awan)
  • 5. - text editor - browser - akun github - android device (optional)
  • 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. HTML5
  • 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. HTML5
  • 10. HTML5
  • 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. jquerymobile
  • 13. jquerymobile
  • 14. jquerymobile
  • 15. jquerymobile
  • 16. jquerymobile
  • 17. phonegap
  • 18. phonegap http://phonegap.com/about/feature/
  • 19. phonegap Jika butuh API PhoneGap, sertakan baris berikut di index.html : <script src="phonegap.js"></script>
  • 20. phonegap Buat config.xml
  • 21. phonegap https://build.phonegap .com/docs
  • 22. phonegap Bangun di Awan https://build.phonegap.com
  • 23. Referensi http://oo.or.id http://jquerymobile.com http://phonegap.com http://build.phonegap.com
  • 24. Terima Kasih