Modul 5 pengembangan aplikasi mobile learning menggunakan intel xdk sesi 2
Seu SlideShare está sendo baixado.
×
Confira estes a seguir
Recomendadas
Mais Conteúdo rRelacionado
Diapositivos para si (18)
Semelhante a Pengenalan HTML5, Mobile Application, dan Intel XDK (20)
Pengenalan HTML5, Mobile Application, dan Intel XDK
- 1. Pengenalan HTML5, Mobile Application, dan Intel XDK Muhammad Yusuf (muhammad.yusuf@live.com)
- 2. Muhammad Yusuf (@ruangchupa) • Mahasiswa tingkat akhir Ilmu Komputer UPI • E-Learning Content Developer di ComLabs USDI ITB (pengembang konten e-learning untuk PT Pertamina, PT BII Maybank, Bank Riau Kepri, PT Newmont Nusa Tenggara, PT Pelindo II) • Microsoft Student Partner (2009-2013) • Intel Indonesia Developer Community
- 3. Gilang Abdul Aziz (@Ltheordinary) • Mahasiswa tingkat akhir Ilmu Komputer UPI • Co-Founder and Owner Lluvia Enterprise • Developer of Kelase.com • Adobe User Group Indonesia • Intel Indonesia Developer Community
- 4. Outline Hari ke-1 • Pengenalan HTML5, Mobile Application, dan Intel XDK • Menginstall Intel XDK • Pengenalan XDK Development Tools • Pengembangan Aplikasi Mobile Learning menggunakan Intel XDK
- 5. HTML5 HyperText Markup Language versi 5
- 6. HTML • Hypertext Markup Language • Sebuah bahasa untuk membuat sebuah halaman web. • Didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C) • Berupa tag-tag elemen dan atribut yang tersusun secara hirarkial (Markup Language)
- 7. Contoh Bahasa HTML <html> <head> <title> Contoh Hello World <title> </head> <body> <h1>Halo</h1> <p>Hello World.</p> </body> </html>
- 8. HTML5 • Revisi kelima dari bahasa HTML • Terdapat beberapa atribut dan elemen baru yang mendukung pengembangan website modern • Secara utuh merupakan penggabungan teknologi antara HTML5, CSS3, dan JavaScript • Masa depan dari pengembangan aplikasi multimedia
- 9. Contoh HTML5 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Contoh Hello World</title> </head> <body> <h1>Halo</h1> <p>Hello World.</p> </body> </html>
- 10. HTML5 = Standar HTML yang Baru • New Elements • New Attributes • Full CSS3 Support • Video and Audio • 2D/3D Graphics • Local Storage • Local SQL Database • Web Application
- 11. Contoh: Elemen Canvas <canvas id=“canvas” width=“150” height=“150”> </canvas> function draw() { var canvas = document.getElementById(“canvas”); if (canvas.getContext) { var ctx = canvas.getContext(“2d”); ctx.fillStyle = “rgb(200,0,0)”; ctx.fillRect (10,10,55,50); ctx.fillStyle = “rgb(0,0,200)”; ctx.fillRect (30,30,55,50); } }
- 12. Keuntungan HTML5 • Didukung oleh native browser (tidak diperlukan plugin) • Mendukung cross-platform • Mendukung mobile platform • HTML5 terdiri dari sekumpulan teknologi sehingga developer memiliki banyak pilihan dalam mengembangkan HTML5.
- 13. Masa depan HTML5 HTML5 mulai diumumkan pada 2008 dan sampai sekarang masih dalam masa pengembangan dan standardisasi oleh W3C sehingga masih banyak kemungkinan fitur tambahan yang dapat didukung oleh HTML5.
- 14. HTML5 benar-benar masa depan. Karena masih dalam tahap akhir untuk pengembangan dan standardisasi.
- 15. Tapi? Perkembangan akhir-akhir ini menunjukkan bahwa HTML5 sudah memasuki tahap siap untuk digunakan.
- 16. 84% developer sedang dalam proses untuk mengadopsi HTML5 Sumber: Presentasi Suresh Kumar
- 17. Adobe sudah membuat aplikasi dan platform pengembangan HTML5. Dan aplikasi converter dari Flash ke HTML5 sebagai exit plan bagi developer yang masih terpaku pada Adobe Flash.
- 18. Apple mendukung penuh dan memilih pengembangan pada aplikasi barunya menggunakan HTML5. Konten multimedia pada iBook menggunakan HTML5
- 19. Windows 8 mendukung secara penuh aplikasi yang dikembangkan menggunakan teknologi HTML5 Pada Microsoft Visual Studio 2012, terdapat menu File - > New Project -> Windows Store -> HTML & Javascript
- 20. Mari bergabung dengan kumpulan orang pertama yang mampu mengembangkan aplikasi HTML5. Are you ready?
- 21. Mobile Application
- 22. Mobile Application • Aplikasi yang berjalan pada sebuah perangkat mobile • Dapat dibuat oleh developer pihak ketiga dan disimpan di marketplace milik masing-masing sistem operasi mobile
- 23. Intel XDK
- 24. Intel XDK • Perangkat bagi para pengembang untuk mengembangkan aplikasi HTML5 hybrid untuk berbagai perangkat mobile dan aplikasi HTML5 lainnya seperti ekstensi Google Chrome, aplikasi Facebook, atau sebuah website mobile
- 25. Available for Windows. Coming soon for OS X and Linux.
- 26. Kelebihan Intel XDK • Merupakan one stop application untuk seluruh tahapan pengembangan aplikasi HTML5. • Didukung penuh oleh teknologi pengembangan aplikasi HTML5 Hybrid AppMobi. • Multiplatform • In App Purchasing • Javascript API
- 27. Platform yang Didukung Intel XDK • Mobile • iOS • Android • Windows Phone 8 • Windows 8 Store • Tizen • Amazon • Nook • Web App • Web App • Chrome • Facebook
- 28. Terimakasih.
