Themes Development Article on CHIP Special Edition: How to Get Rich with Mobile Apps

Last year, we got an opportunity to share our experience about how to do themes development on Nokia platform. This opportunity to publish our article to CHIP Magazine Indonesia came from Nokia Indonesia and we are very honored to get this chance among other Nokia Developer. Our co-founder, Jeffrey Hermanto Halimsetiawan wrote an article about that in Bahasa Indonesia and it has been published in CHIP edisi Spesial: How to Get Rich with Mobile Apps. So, we hope you enjoy reading this article!

 

Themes Development

Dewasa ini, mobile phone bukanlah sesuatu benda yang asing dan hampir seluruh orang memilikinya. Di sisi lain, setiap orang selalu ingin untuk mengekspresikan dirinya dan hal itu dapat diwujudkan oleh pengguna mobile phone dengan menggunakan theme.

Theme adalah sebuah paket yang terdiri dari grafis dan audio yang menggantikan tampilan dan suara standard dari user interface pada Symbian atau perangkat Series 40. Themes dapat memodifikasi hampir seluruh aspek visual dari user interface mulai dari penyesuaian warna hingga penambahan animasi grafis untuk background dan icon. Selain itu, audio dapat ditambahkan pada kejadian-kejadian tertentu seperti alarm. Oleh karena itu, theme memungkinkan semua orang untuk dapat mengekspresikan dirinya sesuai dengan keadaannya saat itu.

Market dari mobile content berkembang sangat pesat seiring dengan keinginan pengguna untuk mencari opsi personalisasi yang lebih spesifik untuk mobile phone mereka. Tentunya, peluang ini harus dapat dimanfaatkan oleh para developer untuk memperoleh penghasilan dari themes yang dihasilkan. Apalagi, proses pembuatan themes sangatlah mudah dan tidak memerlukan waktu belajar yang lama. Dari sisi bisnis, themes menawarkan kemungkinan untuk mempromosikan suatu produk dan memperkuat citra dari suatu merek. Sebagai contoh, developer game dapat semakin memperkuat brand dari game mereka dengan membuat themes yang berisi logo ataupun karakter-karakter dari game tersebut sehingga pengguna akan semakin familiar dengan game tersebut. Contohnya adalah game Waroeng Ekspres Jawa dan Petualangan Aksara di Jawa yang memiliki theme resmi sebagai sarana promosi dari game itu sendiri.

Layaknya membuat sebuah aplikasi mobile Symbian yang memerlukan Qt Creator ataupun Carbide C++, pembuatan sebuah theme juga memerlukan suatu tool bernama Carbide.ui. Tools yang tersedia secara gratis ini terdiri atas beberapa versi tergantung pada target device yang diinginkan, antara lain: Carbide.ui (Series 40) untuk S40, Carbide.ui 3.4 Theme Edition untuk S60 3rd Edition dan Carbide.ui (Symbian) 4.1 untuk S60 5th Edition dan Symbian^3. Adanya berbagai varian pada Nokia Series 40 6th Edition menyebabkan kehadiran beberapa plugin khusus untuk pengembangan theme di beberapa tipe mobile phone tertentu, seperti: Compact UI untuk Nokia C3 dan X2-01, Touch and Type UI untuk Nokia X3-02 dan C3-01, Simple UI untuk Nokia 3710, X3-00 dan 7230, serta Lite UI untuk Nokia C1-01 dan C1-02. Selain itu, Carbide.ui (Symbian) 4.1 juga menyediakan plugin khusus untuk pengembangan themes pada S60 3rd Edition FP2 dan juga Nokia E6 yang memiliki perbedaan resolusi layar dengan mobile phone Symbian^3 lainnya.

Dari paparan di atas, hal yang dapat disimpulkan adalah pengembangan sebuah theme sangat mudah dengan tools yang tersedia gratis dan sangat berpotensi untuk dimonetisasi. Sebagai contoh, berikut adalah langkah-langkah awal persiapan lingkungan pengembangan theme pada Nokia S40 6th Edition, yaitu Nokia C3 dan X2-01:

  1. Pertama-tama, buka tautan , pilih Carbide.ui (Series 40) (125 MB) pada checkbox Download version for: dan klik tombol Download untuk mengunduhnya.
  2. clip_image002

  3. Masuk terlebih dahulu pada akun Nokia Developer anda dengan memasukkan username dan password, kemudian tekan tombol Login. Jika belum memilikinya, silahkan registrasi terlebih dahulu.
  4. clip_image004

  5. Secara otomatis file Carbide_ui_Series_40_Theme_Edition_v5_0_en.exe akan diunduh dan simpan file installer tersebut pada komputer.
  6. Buka file installer Carbide_ui_Series_40_Theme_Edition_v5_0_en.exe tersebut dengan double click dan lanjutkan proses instalasi hingga selesai.
  7. clip_image006

  8. Kembali buka tautan , pilih 6th Edition (Compact UI) v1.1 (3 MB) pada checkboxDownload version for:’, dan klik tombol ‘Download’ untuk mengunduh plugin themes tersebut.
  9. clip_image008

  10. Secara otomatis file Carbide_ui_Series_40_6th_Edition_Compact_UI_Plug_in_v1_1_en.zip akan diunduh dan simpan file plugin tersebut pada komputer.
  11. Jalankan Carbide.ui Series 40 Theme Edition 5.0 yang telah terinstal pada komputer. Untuk pengguna Windows 7, pilihlah Run as Administrator untuk menjalankan Carbide.ui.
  12. clip_image010

  13. Pilih menu bar Window dan pilih Preferences.
  14. clip_image012

  15. Pilih Plugin Management kemudian tekan tombol Add. Kotak dialog Install Plug-in akan muncul, kemudian tekan Browse, pilih file Carbide_ui_Series_40_6th_Edition_Compact_UI_Plug_in_v1_1_en.zip dan akhiri dengan menekan tombol Install.
  16. clip_image014

Setelah selesai melakukan persiapan lingkungan pengembangan themes, berikut adalah langkah-langkah singkat pengembangan theme pada Nokia S40 6th Edition, yaitu Nokia C3 dan X2-01:

  1. Setelah plugin terinstall dengan baik, pilih Create Theme untuk memulai membuat theme, kemudian beri nama project theme dan tekan tombol Finish.
  2. clip_image016

  3. Tentukan plugin yang digunakan menjadi Compact UI dengan resolusi yang tersedia 240×320 sehingga hasil theme yang sebenarnya tidak dapat dilihat secara langsung karena resolusi layar Nokia C3 adalah 320×240.
  4. clip_image018

  5. Kustomisasi dapat dilakukan dengan mudah dan langkah awalnya adalah pengubahan background, sebagai contoh pada Active Idle screen. Klik kiri pada background hingga seluruh propertinya akan muncul pada bagian bawah layar, klik kanan pada qgn_bg_mainmenu (GIF, 240×320) dan pilih Select File.
  6. clip_image020

  7. Tentukan gambar yang akan digunakan sebagai background pada kotak dialog Select Image kemudian tekan tombol OK. Preview theme akan berubah dan ulangi langkah ini untuk mengubah background pada screen yang lain.
  8. clip_image022

  9. Berikutnya adalah pengubahan icon sebagai contoh Camera pada Active Idle screen. Klik kiri pada icon Camera hingga seluruh propertinya akan muncul pada bagian bawah layar kemudian lakukan langkah berikutnya satu per satu dengan memilih List serta Grid pada tab Camera dan ubah gambar icon-nya seperti mengganti Background. Sebagai catatan, sesuaikan resolusi gambar pengganti yang digunakan dengan resolusi aslinya. Ulangi langkah ini untuk mengubah icon lainnya.
  10. clip_image024

  11. Selanjutnya adalah pengubahan warna font sebagai contoh warna Idle Font Color jam. Klik kiri pada tulisan 23:45 hingga seluruh propertinya muncul. Pada tab Idle Font Color Layers, klik kiri pada #ffffff kemudian pilih warna pengganti yang diinginkan. Ulangi langkah ini untuk mengubah warna font lainnya.
  12. clip_image026

  13. Ketika seluruh elemen telah selesai dikustomisasi, maka theme tersebut telah siap untuk di-package dengan memilih Tools – Create New Package pada menu bar.
  14. clip_image028

  15. Pada kotak dialog New Deployment Package, pilih target version Series 40 Theme v3.0, beri tanda check pada semua konten yang ingin dimasukkan ke dalam theme yang akan dibuat, masukkan nama theme yang diinginkan dan akan mempengaruhi nama file package .nth dan tekan tombol Finish.
  16. clip_image030

  17. Proses packaging theme akan dijalankan dan file .nth tersebut siap untuk dicoba langsung pada device Nokia C3-00 dan X2-01 atau langsung di-publish ke Nokia Ovi Store.

clip_image032

Proses pembuatan themes untuk Symbian S60 dan Symbian^3 secara garis besar hampir sama dengan langkah-langkah di atas tetapi ada sedikit perbedaan pada proses packagingnya. Sangat mudah dan cepat, bukan? Tidak perlu kemampuan programming untuk membuat sebuah theme dan waktu belajarnya pun sangat singkat sehingga para desainer pun memiliki kesempatan untuk mempublikasikan karya themes-nya ke Nokia Ovi Store. Selamat mencoba!

Showcase Themes

Berikut adalah beberapa contoh themes dan untuk lebih jelasnya dapat dilihat di http://store.ovi.com/publisher/AksaraGames :

image image

image image

Leave a Reply