HTML5 dengan Maleo
0 likes•359 views
Dokumen ini membahas tentang BlankOn, distribusi Linux yang dikembangkan secara terbuka untuk mendukung pendidikan dan administrasi di Indonesia, serta aplikasi Maleo yang dapat menjalankan file HTML5 secara native. Maleo ditulis dalam bahasa Vala dan menggunakan WebKitGTK sebagai mesin rendering web. Selain itu, dijelaskan juga tentang tantangan dalam pengembangan aplikasi desktop menggunakan Maleo.
HTML5 dengan Maleo
- 1. dengan Maleo TM ASIA 2015 Kukuh Syafaat Pengembang Universitas Dian Nuswantoro Semarang, 18 April 2015 Bagian dari roadshow
- 2. Kenalan dulu ● Kukuh Syafaat ● GNU/Linux Enthusiast ● Pengguna BlankOn sejak 1.0 ● Pengembang BlankOn mulai 7.0 (2011) s.d. sekarang (2015, BlankOn X, dalam pengembangan) ● UI/UX Designer @ KodeKreatif
- 3. Apa itu BlankOn? ● Distribusi Linux yang dikembangkan oleh Tim Pengembang BlankOn ● BlankOn dikembangkan secara terbuka dan bersama-sama untuk menghasilkan distro Linux khas Indonesia, khususnya untuk dunia pendidikan, perkantoran dan pemerintahan. ● BlankOn merupakan bagian dari gerakan Proyek BlankOn yang memiliki cakupan yang lebih luas lagi. Gerakan ini bertujuan untuk mengembangkan kompetensi sumber daya manusia Indonesia dalam konteks perangkat lunak bebas dan terbuka. ● Lebih lanjut blankon.id
- 4. Apa itu Maleo? Macrocephalon maleo (http://en.wikipedia.org/wiki/Maleo)
- 5. Maleo ● Aplikasi untuk menjalankan HTML5 (HTML5 application runner) ● Maleo dapat menjalankan sebuah berkas HTML5 secara native tanpa melalui peramban (browser) ● Maleo ditulis menggunakan bahasa Vala dan dibangun menggunakan Gtk+ webkit
- 6. Vala ● Bahasa pemrograman OOP ● Bahasa pemrograman modern untuk pengembang GNOME ● Lebih lanjut ● http://en.wikipedia.org/wiki/Vala_(programming_language) ● https://wiki.gnome.org/Projects/Vala
- 7. WebKitGTK+ ● Portable web rendering engine WebKit to the GTK+ 3 ● Cocok untuk proyek-proyek yang membutuhkan segala jenis integrasi web, misal aplikasi HTML / CSS , peramban (browser) web. ● Lebih lanjut http://webkitgtk.org/
- 8. Tantangan ● Jarang (lihat) aplikasi destop lokal ● Membuat aplikasi Gtk+ lebih sulit ● Ingin lihat orang bikin aplikasi destop dengan mudah
- 11. Jembatan ke sistem Maleo HTML5 CSS JS config.xml Seed JSC NodeJS Maleo HTML5 CSS JS config.xml Seed JSC NodeJS
- 12. Status ● Debut di BlankOn 8 (2012) ● Oelam (https://github.com/diorahman/oelam), port ke OSX oleh @diorahman
- 13. Rencana ● Jembatan ke sistem dengan API yang sudah populer ● SDK
- 14. Kabar terbaru dari dunia persilatan Maleo + WebKit2
- 15. Kabar terbaru dari dunia persilatan (2) x-maleo-widget
- 17. Mainan Maleo ● BlankOn Sudah terpasang secara default ● Debian/Ubuntu Unduh paket .deb di http://arsip.blankonlinux.or.id/blankon/pool/main/m/maleo/ kemudian pasang paketnya
- 18. Maleo Hello World – config.xml <?xml version="1.0" encoding="UTF-8"?> <widget id="id.blankon.helloworld" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" width="400" height="200"> <name>Hello World</name> <description> Hello World sample application </description> <author href="http://blankon.id"> BlankOn Development Team </author> <content src="index.html"/> </widget>
- 19. Maleo Hello World – index.html <!DOCTYPE HTML> <html> <head> <title>Hello World</title> </head> <body> <center> <h1>Hello Maleo!</h1> </center> </body> </html>
- 20. Maleo Hello World $ maleo /path/to/maleo-helloworld/