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

Html5 mobile apps

  • 743 views
Uploaded on

 

More in: Technology
  • 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
743
On Slideshare
0
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