Pengumuman Pemenang Tantangan Di Workshop Firefox OS Wikufest 3

Akhir Januari lalu, saat workshop Firefox OS di event Wikufest 3, saya memberikan tantangan kepada peserta: apabila ada yang bisa meneruskan aplikasi yang dibuat saat itu dan disubmit ke Firefox Marketplace dalam waktu 1 bulan setelah workshop, akan mendapatkan merchandise dari Mozilla. Setelah sekian minggu delay dari waktu pengumuman *maaf saudara-saudara, load kerjaan lagi tinggi*, maka kali ini akan saya umumkan di sini.

Dari beberapa nama yang mengirimkan laporan, hanya 2 aplikasi yang berhasil diverifikasi keberadaan-nya di marketplace. Untuk peserta yang merasa sudah mengupload dan mengkonfirmasi keikutsertaan-nya, dimohon untuk mengirimkan URL dari aplikasi tersebut ke alamat email [email protected], agar bisa saya verifikasi dan kirimkan merchandise-nya.

Adapun kedua aplikasi yang berhasil tersebut adalah:

  1. KuMoney: aplikasi Firefox OS yang membantu anda mencatat pengeluaran dan pemasukan serta menampilkan berapa saldo dana yang anda miliki di awal bulan baru. Tampilan aplikasinya cukup bagus dan rapi, pencatatan keuangan yang dilakukan juga cukup akurat. Semoga di versi berikutnya, bisa ditambahkan feature baru berupa pengiriman laporan melalui email dan juga backup data ke cloud.
  2. Asmaul Husna: Bagi anda yang beragama Islam, mengenal nama-nama Allah bisa dibilang adalah suatu hal yang wajib. Aplikasi ini bertujuan untuk membantu anda memudahkan dalam menghapal. Tersedia beberapa theme dalam aplikasi ini untuk menyesuaikan dengan preferensi anda. Tampilan juga dibuat dengan cukup indah.

Selamat kepada kedua peserta yang sudah mengirimkan dan berhasil terverifikasi. Pagi yang belum, nantikan lomba-lomba berikutnya.

Share

Workshop Firefox OS di Universitas Brawijaya

Bulan lalu rekan2 FSA Universitas Brawijawa mengadakan evenr workshop Firefox OS dan mengundang saya sebagai mengisi materi. Cukup banyak juga peserta yang datang. Di workshop kali ini, karena panitia ingin agar saya menunjukkan bagaimana cara membuat aplikasi, maka materi yang saya bawa adalah materi teknis. Saya menunjukkan bagaimana cara menggunakan Firefox OS Simulator, bagaimana cara melakukan debugging dengan menggunakan Browser Firefox OS. Saya juga tunjukkan bagaimana cara melakukan deploy aplikasi yang dibuat ke dalam simulator.

Continue reading “Workshop Firefox OS di Universitas Brawijaya”

Share

Bisakah Menggunakan PHP Untuk Membuat Aplikasi Firefox OS?

Saya sudah beberapa kali mengisi materi tentang cara membuat aplikasi Firefox OS. Pada setiap kesempatan, selalu saja ada yang menanyakan seperti judul tulisan di atas. Biasanya, pertanyaan ini timbul setelah saya menjelaskan kalau untuk membuat aplikasi Firefox OS, yang dibutuhkan hanya pemahaman mengenai HTML, javascript, dan CSS.

Lalu, apa jawaban yang saya berikan? Biasaya, saya jelaskan dulu tentang arsitektur aplikasi di Firefox OS. Aplikasi di Firefox OS memang menggunakan bahasa yang biasa digunakan untuk membuat website. Tapi… seperti halnya website pada umumnya, elemen2 tersebut (HTML, javascript, dan CSS) hanyalah bahan untuk membuat tampilan front-end (apa yang terlihat oleh user). Sedangkan logika dibelakang di sisi server, digerakkan oleh bahasa lain (saya sengaja tidak mengangkat nodejs, biar tidak membingungkan), misalnya PHP, JSP, ASP.NET, dll. Pada hosted WebApp, aplikasi sama saja dengan website pada umumnya. Yang membedakan hanya, terdapat definisi aplikasi berupa file manifest.webapp yang membuat website tersebut bisa dianggap sebagai aplikasi oleh Firefox OS. Sedangkan pada packaged WebApp, kita hanya membuat front-end (yang terdiri dari kode HTML, javascript, dan CSS).

Jadi, jawabannya apa? Jawabannya, seperti yang sudah dijelaskan mengenai perbedaan kedua jenis aplikasi di atas, kita tidak bisa menggunakan PHP untuk membuat aplikasi Firefox OS. Melainkan kita gunakan hanya di sisi server (apabila aplikasi kita membutuhkan data dari server). Bagaimana komunikasi data antara aplikasi packaged WebApp dengan server? Ya sama dengan seperti yang biasa kita lakukan saat membuat website. Yaitu, dengan menggunakan teknologi AJAX. Atau, dengan menggunakan HTTP request biasa, apabila kita membuat hosted WebApp.

Share

Step-By-Step Guide: How To Install Firefox OS Simulator

So, you wanted to kick start Firefox OS development and you don’t know or confused on how to test it? Don’t worry, you heve it covered in this tutorial.

Continue reading “Step-By-Step Guide: How To Install Firefox OS Simulator”

Share

Experience In Developing And Installing Application For Firefox OS

A couple weeks ago, when I was bored in the office due to too many deadline, I procrastinate myself and throw away few good hours on cloning an android game using html + js. You guys can see the result here.

Continue reading “Experience In Developing And Installing Application For Firefox OS”

Share

Ubiquity

I forgot since when did I install this firefox extensions. Because from time to time I always got new ubiquity extension update notification. Up until several days ago, I still don’t really know the full capacity of it. All I know is CRTL+SPACE invoke it’s window. Taken from the main site

Ubiquity is an experiment into connecting the Web with language in an attempt to find new user interfaces that make it possible for everyone to do common Web tasks more quickly and easily. It’s a Firefox extension, so it works on Macs, Windows, and Linux.

With only a couple keystrokes, it lets you use language to instruct your browser. You can translate to and from most languages, add maps to your email, edit any page, twitter, check your calendar, search, email your friends, and much more. All without leaving the page you’re on.

Hmm.. this is looks interesting!

Continue reading “Ubiquity”

Share

How To Surf The Net (in Windows Environment)

  • Launch IE
  • Open firefox.com
  • Download firefox
  • Install
  • Close IE
  • Launch firefox
  • Now, we’re ready to surf the net.
Share

ScreenGrab!

Free Image Hosting at www.ImageShack.usPernah bertanya2 bagaimana caranya menyimpan satu halaman web yang panjang kedalam satu file gambar? Dulu saya melakukan print-screen untuk setiap scroll halaman. Lalu menggabungkan-nya dengan paint/gimp kalau dilinux. Tapi sekarang cara tersebut sudah tidak saya lakukan lagi, selain karena terlalu ribet juga saya sudah ada tool untuk itu. Perkenalkan ScreenGrab!, sebuah extension untuk Firefox yang bertugas menyimpan satu halaman penuh kedalam suatu file gambar (png / jpg). Selain itu screengrab! juga mampu menyimpan hanya halaman yang terlihat ataupun hanya sebagian halaman yang kita pilih.

Share