Tutorial membuat program java (J2ME) di HP

Yuuk mari. Dari postingan saya sebelumnya mengenai game yang saya buat, membuat saya berkeinginan membuat tutorial membuat program java(J2ME) di HP, mungkin nantinya saya akan membuat tutorial cara membuat game java di HP. Karena sebenarnya saya bukan orang yang ahli dalam membuat tutorial ataupun dalam membuat game, maka sebelumnya saya mohon maaf apa bila ada kekeliruan atau ada kesalahan dalam penjabaran teknis yang saya tulis.

Langsung saja tanpa panjang lebar lagi.

J2ME sendiri adalah teknologi dari Java programming language yang di khususkan untuk perangkat mobile seperti Handphone, Pocket PC dan apa lagi yah. Pokoknya buat perangkat kecil yang sering dibawa kemana-mana itu lho. J2ME sebenarnya sama dengan pemrograman menggunakan java sendiri, hanya saja dalam J2ME ada beberapa fungsionalitas yang ditambah dan dikurangi dan di sesuaikan untuk pemrograman perangkat mobile.

Tentunya untuk bisa membuat game di HP kita harus sudah biasa dulu menggunakan pemrograman dengan java, disini saya tidak akan mengulas bahasa pemrograman java -mungkin lain kali dalam postingan yang berbeda- saya mengharapkan anda sudah memiliki pengetahuan java sebelumnya. Disini saya hanya akan memberikan pengetahuan mengenai alat yang digunakan dalam membuat program java di HP dan konsepnya.

Untuk alatnya saya menggunakan IDE(Integrated Development Environment) NetBeans versi 6 yang bisa di download gratis di sini, pilih NetBeans yang sudah termasuk Mobility Pack. Agar kita bisa langusng menulis kode program tanpa harus menginstal macem-macem lagi.

Setelah anda menginstall IDE NetBeans, segera jalankan NetBeans nya. Untuk membuat projek baru pilih File-New Project. Nanti akan muncul seperti gambar di bawah.



Pilih MIDP Application dan tekan Next. Selanjutnya anda akan di bawa ke layer Name and Location seperti di bawah ini.



Input Project Name yang sesuai dengan nama project anda dan hilangkan centang di Create Hello Midlet. Tekan Next



Ini adalah layar untuk menentukan target perangkat yang akan anda buat aplikasinya. Pada baris Emulator Platform adalah pilihan emulator yang anda Install di computer anda, untuk saat ini anda hanya menginstall emulator bawaan dari NetBeans anda. Setelah anda merasa perlu menginstall emulator platform untuk spesifik dari vendor lain seperti Nokia, Sony Ericsson dan Motorola anda dapat mengubahnya disini.

Device adalah perangkat emulator atau HP yang nantinya akan anda jalankan di computer anda, dalam menjalankan program yang akan anda buat. Apabila nantinya anda menginstal emulator platform dari vendor lain anda akan bisa menggunakan HP spesifik dari vendor tersebut.

Device Configuration dan Profile adalah spesifik kemampuan dari paket perangkat yang akan anda jadikan target aplikasi anda, sebagai contoh saya punya HP K608 itu mempunyai spesifikasi CLDC 1.1 dan MIDP 2.0 artinya HP saya bisa menjalankan program dengan paket yang ada di CLDC 1.1 dan MIDP 2.0. Untuk lebih lanjut mengenai perangkat yang anda jadikat target riset lah dahulu dengan melihat spesifikasi HP atau perangkat target anda.

Untuk mempermudah anda mengerti, cukup bayangkan HP lama adalah MIDP 1.0 seperti nokia 6015 dan nokia yang gede dengan slidenya yang saya lupa apa mereknya dan HP lama lainnya. MIDP 2.0 HP baru seperti nokia N70, N73, SE K600, SEW800 dan lain lain. Karena MIDP 2.0 lebih banyak ada baiknya anda pilih MIDP 2.0 dan CLDC 1.1 untuk aplikasi kita kali ini.

Pilih Next dan langsung pilih Finish. Siap siap!

Sebenarnya dalam NetBeans ini anda dapat membuat aplikasi HP dengan Visual MIDlet yang ada dalam NetBeans ini, tetapi untuk lebih memahami secara mendalam konsep pembuatan aplikasi dalam J2ME disini saya tidak akan memakai Visual MIDlet.

Konsep program J2ME adalah sebagai berikut. Dalam J2ME kita harus akan membuat main class turunan dari class MIDlet, main class turunan dari MIDlet tersebut yag nantinya akan dipanggil pertama kali saat applikasi kita berjalan di HP, dalam main class tersebut juga ada 3 method yang nantinya berfungsi sebagai trigger even dari HP kita. Seperti:

starApp(), method yang dipanggil apabila aplikasi kita pertama kali jalan.
pauseApp(), method yang dipanggil apabila pengguna hp mempause aplikasi kita.
destroyApp(), method yang dipanggil apabila pengguna hp menutup aplikasi kita.

Kita mulai dengan membuat classMIDlet baru untuk project anda. Klik kanan para project anda di project explore dan pilih new-MIDlet, namakan class baru itu dengan nama MIDletPertama. Kode terakhir file MIDlet anda terlihat seperti di bawah ini.



Untuk pertama kali kita akan menampilkan “Hello J2ME World” pada layar HP. Ada dua jenis tampilan dalam MIDlet,

Low Level menggunakan class Canvas

High Level menggunakan Form

Disini kita akan menggunakan form untuk mempermudah anda mengerti pembentukan tampilan di MIDlet.



Perhatikan kode di atas, frPertama adalah object Form yang akan kita tampilkan di layer, kita memberi judulForm tersebut dengan “Judul”. Lalu method append adalah method untuk menambahkan Item pada Form, Item yang ingin saya tambahkan adalah String “Hello J2ME World”. Statement Display adalah statement untuk menampilkan object frPertama kedalam layer.

Pilih F11 untuk build project dan F6 untuk run project.

Pilih midlet yang ingin dijalankan dan tekan launch di emulator, selanjutnya emulator anda akan menampilkan Form yang anda buat, seperti di bawah.



Selamat, program anda sudah berjalan baik di emulator, bagaimana caranya menjalankan di HP sesungguhnya?

Masuk kedalam folder project NetBeans anda, buka folder dist



Transfer file jar program anda ke HP anda melaluli Bluetooth, infra merah atau kabel data



Selamat mencoba. Kalau ada pertanyaan silahkan masukan pertanyaan anda di comment blog ini.

Lanjut dong put...

Membuat Game Java Sendiri

Download disini. Punya waktu luang sepulang kantor membuat ke isengan saya muncul secara tiba-tiba, dari pada mubazir saya isi dengan membuat game j2me untuk di jalankan di handphone. Pembuatannya yang memakan waktu cukup lama, sedikit mengganggu hidup juga lho, soalnya sempet BT juga kalo banyak error dimana mana. Hasilnya memang tidak begitu bagus sie, karena saya tidak punya ilmu desain grafis, tapi setidaknya game java ini bisa cukup menghibur untuk beberapa menit kedepan. 

Berhubung Handphone saya sedang rusak maka saya belum sempat mencobanya di handphone sesungguhnya, maka dari itu teman-teman kalo ada waktu game javanya tolong di coba dan dimainkan yah, saya mohon kritikan, cacian dan hinaannya. Sebenernya game java ini berjalan cukup baik di emulatornya, tapi seandainya pada saat anda mencoba memainkan game java ini dan game java yang saya buat bisa menyebabkan Handpone anda meledak atau bahkan hilang -Lebay-, mohon di maafkan dan di mengerti karena sebenarnya saya tidak punya niat jahat yang tersembunyi.

Yang tadi bercanda lho, saya cuma mau bilang kalau game java yang saya buat tidak ada kode yang membahayakan keamanannya Handpone anda. Tidak ada program virus, worm, Trojan atau sejenisnya dalam game java saya, tapi kalau ada error-error sedikit harap maklum ya, namanya juga pemula dalam membuat game :p.

Bagaimana cara bermainnya ?

Keypad 5 atau tombol Fire untuk terbang, gunakan kanan/6 dan kiri/3 untuk bergerak di angkasa, selamat mencoba.

Gamenya juga bisa di download disini

Ini tutorial kalo mau bikin program di j2me

Lanjut dong put...

Membuat sendiri Add-Ons/Extension Firefox

Sejak pakai Firefox pertama kali dan pakai banyak Extension Firefox, saya sebenarnya kepikiran dan penasaran, bagaimana Extension Firefox di buat, tapi baru kemarin saya mencoba mencari info bagaimana membuat Extension tersebut, seperti biasa pertama saya googling, browsing- browsing dan memilah milah informasi. Merasa sudah cukup informasi saya dapat, proses trial-error pun langsung berjalan dengan sendirinya, danhasilnya cukup memuaskan, akhirnya saya punya gambaran yang lumayan jelas bagaimana Extension Firefox dibuat. (walaupun Extension Firefox yang saya buat gak guna :p )

Extension yang saya buat bisa di download di sini. Apa dan bagaimanakah Extension Firefox dibuat ?

Extension Firefox yang berakhiran .XPI itu sebenarnya adalah file .ZIP yang diganti namanya(rename). Coba lihat Extension Firefox yang saya buat, yang bernama puputs.xpi, coba rename menjadi puputs.zip dan extract file tersebut ke sembarang folder, nantinya kita bisa melihat struktur file dari Extension Firefox tersebut, seperti ilustrasi di bawah.

--puputs/
--puputs/content/puputs.js
--puputs/content/puputs.xul
--puputs/chrome.manifest
--puputs/install.rdf

Install.rdf adalah xml yang berisi tentang informasi mengenai siapa yang membuat, deskripsi, versi dan juga nama dari Extension Firefox tersebut, kita tidak perlu membuat file install.rdf baru untuk setiap Extension Firefox yang kita buat, kita tinggal mengganti isi dari file install.rdf yang sesuai untuk Extension Firefox buatan kita.

Sebelum saya menjelaskan file chrome.manifest saya akan menjelaskan dahulu apa itu file.xul, file.xul adalah sebuah Xml User interface Langguage, yaitu suatu file yang menggambarkan tampilan dari Firefox itu sendiri, coba masukan chrome://browser/content/browser.xul ke dalam address bar Firefox, nantinya kita akan melihat bagaimana tampilan dari Firefox itu sendiri. File browser.xul tersebut dapat di akses di folder instalasi Firefox kita, kalo saya ada di Program Files>Mozilla Firefox>chrome>browser.jar, backup dan rename file browser.jar menjadi browser.zip, didalam browser.zip kita akan melihat content>browser>browser.xul.

Chrome.manifest, yang saya tahu file ini untuk menunjukan bagian dari mana, dari tampilan Firefox yang ingin kita ganti, dan menunjukan file yang kita buat untuk mengganti tampilan Firefox.

Contoh:
Dalam file kita lihat
chrome://browser/content/browser.xul chrome://puputs/content/puputs.xul
berarti kita akan menambahkan file browser.xul dengan file puputs.xul. Untuk mengetahui apa yang ingin kita rubah, kita bisa melihat info ID dari tambilan Firefox di browser.xul.

puputs.xul, adalah file xml yang menggambarkan tampilan dari Extension Firefox yang kita ingin buat.

Contoh:
Saya ingin ada menu baru seperti File>Puputs.com maka saya cari dimana letak ID File menu di browser.xul. Setelah dicari, ID File menu di browser.xul adalah menu_FilePopup maka saya tinggal meniru struktur xml di browser.xml dan menambahkan menu item di dalam menu_FilePopup, seperti yang terlihat di file puputs.xul.

Dalam puputs.xul kita juga menambahkan src="chrome://puputs/content/puputs.js" di tag overlay artinya untuk mendaftarkan file java script yang berisi kode fungsionalitas dari Extension kita, untuk memanggil fungsi yang ada di puput.js di menu item kita tambahkan onCommand="namaFungsi()".

Puputs.js, adalah file Java Script yang berisi fungsionalitas dari Extension kita, di file Java Script saya hanya memberikan fungsi membuka website www.puputs.com di windows yang sedang aktif, apabila tombol menu dii tekan.

Setelah semua file kita buat saatnya kita membentuk file .XPI guna di konsumsi oleh Firefox, caranya kita harus membuat file .ZIP yang terdiri dari install.rdf, chrome.manifest dan foder content, setelah file .ZIP terbentuk rename lah file tersebut menjadi file .XPI. Buka Firefox anda dan coba buka file .XPI buatan anda menggunakan Firefox dan lihat hasilnya.

Lanjut dong put...

Pertemuan pertama dengan Internet

"Indomi Telor Kornet". Semua pasti mengalami hal pertama dalam apapun, pengalaman pertama mungkin bisa sangat indah dan mungkin juga bisa sangat pahit, lucu canda dan tawa mungkin bisa mengiringi pengalaman pertama tetapi tangis dan sedih pun juga bisa menghiasi pengalaman pertama. Dan ini adalah cerita pengalaman saya pertama kali bertemu dengan mahluk yang bernama Internet. Saya akan mengajak anda ke masa lalu, dimana saya adalah seorang yang baru terjun dalam dunia IT.

Tahun 2000 saya mengambil kuliah berjurusan Teknologi Informasi, saat itu saya hanyalah seseorang yang belum punya gambaran seperti apa dunia IT sesungguhnya, waktu pun berlalu dan karena lingkungan yang "IT bener", maka saya mulai mengenal mahluk yang bernama Internet, pertama kali saya langsung di ajarin Chating, di kasih gambaran oleh teman saya kalo lewat Internet kita bisa ngobrol dengan orang lain, situs yang pertama dikunjungi adalah situsnya boleh.com.

Pengalaman chating di boleh.com cukup menyenangkan, ngobrol ngalor-ngidul gak jelas sambil senyum-senyum yang tidak jelas juga, lalu saya di ajari memakai mesin pencari di Google.com, saya klik sana, klik sini, sambil berexsperimen sendiri, setelah merasa nyaman saya mulai menikmati surfing di Internet, tiba-tiba muncul secara mendadak sebuah gambar yang agak bokep di monitor saya, saya panik dan biggung, padahal saya tidak bermaksud dan tidak menginginkan gambar semi tersebut, saya langsung berfikir bahwa ada orang jahat yang mengirimkan gambar tersebut, saya clingak-clinguk melihat semua orang yang ada di warnet, dan beranggapan kalo gambar tersebut dikirim oleh salah satu dari mereka. Dasar namanya juga orang baru dan tidak tahu apa-apa, ternyata setelah saya banyak belajar dunia per Internetan, akhirnya saya tahu kalo ternyata gambar yang muncul tiba-tiba itu adalah Pop-Up iklan. "Plok cape deh"

Selain cuma chating ternyata Internet juga berguna buat membantu kita untuk membuat tugas kuliah, kadang dosen saya sering memberikan tugas membuat makalah, dan dengan mudah tugas dibuat menggunakan ilmu Copy+Paste artikel di Internet, lucunya kadang dalam satu kelas bisa terdapat makalah yang isinya sama yang dikumpulkan ke dosen, alasan ke dosen paling cuma bisa bilang kalau inti permasalahan kita kan beda –padahal disuruhnya sama- cuma kebetulan isinya aja yang sama, dan dosen cuma mesam mesem aja dan tahu kalau kita Cuma copi paste, saya Cuma siap-siap saja belajar lebih untuk ngejar nilai.

Meskipun banyak hal yang abu-abu dalam dunia IT, tapi inilah saya sekarang, seseorang yang masih bertahan –harus- untuk belajar mengenai dunia IT, sebenernya selain menceritakan pengalaman saya jaman dahulu, saya juga ingin mengenalkan katagory baru di blog saya, "its puput with the IT", yang nantinya berisi hal-hal saya dalam per IT an. "plok cape deh"

Lanjut dong put...

Langkah-langkah membuat komentar Blogger seperti di Wordpress

Beberapa hari ini lagi seneng utak atik blogger, lumayan banyak yang di utak-atik, theme, bahasanya, komentarnya dan kemaren berhasil utak-atik komentarnya, tapi masih banyak banget kekuranggannya, tapi setidaknya saya udah punya gambaran bagaimana dan apa yang harus saya lakukan untuk menanggulangi permasalahannya, hanya saja belum ketemu caranya -entah sampai kapan :p-.

Apa yang saya lakukan ?
Seperti yang terlihat di gambar di atas, ternyata XML Blogger bisa nerima tag <SCRIPT>, sumber dari javasriptnya -view.asp seperti di gambar- saya cetak dari server, dan view.asp nantinya akan mencetak comentar dan juga form untuk input komentar.

Peletakan <SCRIPT> di sisipkan pada XML Blogger di antara <ol id='commentlist'> dan </ol>, kode di antara tag tersebut di hapus dan di ganti dengan <SCRIPT> yang sesuai.

Apa saya yang ada di view.asp ?
view.asp terdiri dari
- query database, query untuk mengambil data komentar dari database
- cetakan javascript, berupa document.write("") yang sesuai dengan tampilan yang di inginkan, seperti daftar komentar dan tampilan form input

Kemana form input dikirim ?
Form input dikirim ke input.asp, di input.asp melakukan penambahan data baru di database, dan melakukan redirect ke halaman yang seharusnya.

Hasilnya gimana ?
Hasilnya anda dapat mencobanya disini, tapi masih banyak kekurangannya, seperti

Tidak bisa membedakan komentar mana untuk postingan yang mana, jadi kalo di tempelkan di blogger anda, semua komentar akan sama, walaupun postingan beda, dikarenakan belum ketemu caranya memasukan variabel di view.asp, seandainya ada cara untuk membuat view.asp menjadi view.asp?id=idpost, dengan begitu kita dapat menyimpan di server berdasarkan id postingan yang ada, berharap saran-saran dan masukan, semoga ada teknik yang lebih baik, untuk membedakan komentar berdasarkan post.

Apabila kita aplikasikan di blogger, maka dapat menyebabkan komentar yang lain tidak terlihat lagi, jadi sayang kan,:p

Cara installnya gimana ?
Siapkan hosting untuk view.asp dan input.asp, lalu sisipkan <SCRIPT src="Http://namaserveranda/view.asp"/> di XML Bloggernya, peletakannya di jelaskan di poin atas, setelah itu upload file databsenya, untuk menyimpan komentarnya.

Kesimpulannya apa ?
Kesimpulannya, sebaiknya jangan di coba di blogger utama anda, karena bisa dibilang teknik ini gak begitu bermanfaat, :p, saya sisipkan kode sumber nya, anda bisa mendownloadnya di sini untuk databasenya anda bisa mendonload di sini silahkan anda coba-coba sendiri, ingat yah jangan di coba di blog utama anda, untuk kodenya gak ada lisensi kok, silahkan di ubah di delete atau pun di apain aja, terserah pokoknya, dan resiko di tanggung sendiri yah (maaf). :D

Lanjut dong put...