MEMBANGUN APLIKASI YAASIIN ON MOBILE MENGGUNAKAN BAHASA PEMROGRAMAN JAVA 2 MICRO EDITION
Andrew Agustar 11107904 Sistem Informasi, Ilmu Komputer
ABSTRAK Aplikasi Yaasiin on Mobile ini berguna sebagai sarana media membaca Surat Yaasiin melalui handphone dan memberi kepraktisan dalam menggunakan tanpa harus membawa buku Surat Yaasiin. Dalam pembuatan aplikasi Yaasiin on Mobile ini terdapat beberapa menu aplikasi antara lain, Surat Yaasiin bertuliskan bahasa Arab, terjemahan Surat Yaasiin, menampilkan suara dari lafaz Surat Yaasin itu sendiri, dan menambahkan surat pembuka Al-Fatihah. Perancangan aplikasi ini menggunakan UML dan pembuatan aplikasi dengan menggunakan J2ME Wireless Toolkit. Penulis mengharapkan semoga aplikasi ini dapat memudahkan orang banyak dalam membaca Surat Yaasiin dan sebagai media yang informatif. Kata Kunci : Aplikasi, Yaasiin, Mobile, J2ME.
A.
PENDAHULUAN
Latar Belakang Masalah Perkembangan teknologi informasi sekarang ini berkembang sangat pesat, banyak ditemukan penggunaan aplikasi yang berbasis Java pada beberapa perangkat mobile device yang bersifat inovatif. Dahulu Handphone hanya digunakan untuk mengirim pesan dan menerima telepon, namun seiring dengan perkembangan teknologi, fitur-fitur dan aplikasi pada Handphone sudah semakin bertambah antara lain, aplikasi game, kamera, bluetooth atau koneksi internet. Dalam penulisan ini penulis berusaha membangun sebuah aplikasi bertema Islam, yaitu aplikasi Yaasiin on Mobile. Aplikasi Yaasiin on Mobile ini bertujuan untuk memudahkan pengguna Handphone agar tidak sulit dalam membawa buku manual Yaasiin demi kepraktisan pengguna,
sehingga dapat dibawa kemanapun, contohnya jika menghadiri acara Islami yang mengharuskan kita membaca Surat Yaasiin dan buku manualnya tertinggal, pengguna dapat memanfaatkan aplikasi Surat Yaasin yang terdapat di Handphone. Tujuan Penelitian Tujuan penulisan ini adalah untuk membuat aplikasi yang diharapkan dapat memberikan kemudahan kepada pengguna untuk membaca Surat Yaasiin dengan praktis tanpa harus membawa buku manual dengan mengimplementasikan aplikasi Yaasiin on Mobile pada Handphone dengan fitur bahasa pemrograman Java untuk edisi J2ME (Java 2 Micro Edition). B. TINJAUAN PUSTAKA Pemrograman Berorientasi Objek
1 Jurnal Skrispi, Andrew Agustar 11107904
Rancangan berorientasi objek merupakan suatu teknik yang memusatkan rancangan pada data (objek) dan interface. Fasilitas pemrograman berorientasi objek pada Java pada dasarnya adalah sama dengan C++. Feature pemrograman berorientasi objek pada Java benar-benar sebanding dengan C++, perbedaan utama antara Java dengan C++ terletak pada penurunan berganda (multiple inherintance), untuk ini Java memiliki cara penyelesaian yang lebih baik. Kelebihan pemrograman Java dibanding dengan pemrograman lain
Pembuat program Java telah merancang Java untuk menghilangkan pengalokasian dan dealokasi memori secara manual, karena Java memiliki Garbage Collection. Diperkenalkan deklarasi array yang sebenarnya dan menghilangkan aritmatika pointer. Hal ini yang sering menyebabkan teori overwrite. Dihilangkannya multiple inheritance, mereka menggantinya dengan interface. Cross platform, dengan adanya Java Virtual Machine (JVM). Pengembangnya didukung oleh programmer secara luas.
Pengenalan Java Java adalah bahasa pemrograman Object Oriented yang dikembangkan oleh perusahaan Sun Microsystem. Java berawal dari proyek ‘Green’ yang dipimpin oleh James Gosling. Proyek tersebut berusaha mengembangkan sebuah bahasa object oriented baru yang portable dan dapat diimplementasikan pada beragam peralatan dengan kapasitas memori terbatas.
Produk dari proyek ‘Green’ adalah bahasa baru kini dikenal dengan nama ‘Java’, meskipun pada awalanya sempat dinamakan ‘Oak’ namun dibatalkan karena ternyata sudah ada bahasa pemrograman lain yang menggunakan nama tersebut. Sesuai dengan tujuan proyek ‘Green’, java dibekali dengan kemampuan untuk dapat dipergunakan pada beragam platform, dengan kata lain Java dirancang sebagai bahasa yang portable. Berbeda dengan tingkat portabilitas yang dimiliki oleh bahasa lain, seperti C/C++ misalnya, portabilitas Java sangat tinggi. Pada Java 2 ini tersedia dalam tiga edisi untuk keperluan berbeda. Untuk beragam aplikasi yang dibuat dengan bahasa Java, Java dipaketkan dalam edisi – edisi berikut :
Java 2 Standard Edition ( J2SE ) Java 2 Enterprise Edition ( J2EE ) Java 2 Micro Edition ( J2ME )
Masing – masing edisi berisi Java 2 Software Development Kit (J2SDK) untuk mengembangkan aplikasi dan Java 2 Runtime Enviroment (J2RE) untuk menjalankan aplikasi. Java 2 Micro Edition (J2ME) Java 2 Micro Edition (J2ME) diperkenalkan oleh Sun Microsystem tahun 1999, tujuan utama dari Java 2 Micro Edition ini adalah untuk memungkinkan aplikasi java agar dapat berjalan di perangkat selular yang memiliki keterbatasan baik dari segi memori maupun tampilan. Java 2 Micro Edition memiliki fitur-fitur penting dari Java SE ataupun Java EE seperti: 1. Security. 2. Platform portability. 2
Jurnal Skrispi, Andrew Agustar 11107904
3. Upward scalability. Sebagian besar library yang ada pada J2ME adalah subset dari J2SE, hanya sebagian kecil yang merupakan library khusus J2ME. Aplikasi yang ditulis dengan J2ME akan memiliki kompatibilitas yang tinggi dengan platform J2SE dan J2EE. Teknologi J2ME dirancang agar dapat dijalankan di perangkat komputer dengan kemampuan kecil seperti Handphone, PDA, Palm, dan lainnya J2ME Wireless Toolkit J2ME Wireless Toolkit (J2ME WTK) merupakan tools khusus untuk pemrograman J2ME yang dikeluarkan oleh Sun Microsystem. Program bantu utama pada J2ME WTK adalah KToolbar. Dengan menggunakan KTollbar inilah pembuatan aplikasi midlet dilakukan. Berikut adalah tampilan dari KToolbar :
Gambar. Tampilan KToolbar KToolbar terdiri atas menubar dan toolbar untuk menjalankan aksi tertentu, device selector untuk memilih simulator peralatan MID yang digunakan pada tahap pengujian, dan layar konsol yang memberikan informasi mengenai status operasi yang dilakukan saat ini. Unified Modelling Language
Unified Modelling Language (UML) adalah sebuah "bahasa" yg telah menjadi standar dalam industri untuk visualisasi, merancang dan mendokumentasikan sistem piranti lunak. UML menawarkan sebuah standar untuk merancang model sebuah sistem. Dengan menggunakan UML kita dapat membuat model untuk semua jenis aplikasi piranti lunak, dimana aplikasi tersebut dapat berjalan pada piranti keras, sistem operasi dan jaringan apapun, serta ditulis dalam bahasa pemrograman apapun. Tetapi karena UML juga menggunakan class dan operation dalam konsep dasarnya, maka ia lebih cocok untuk penulisan piranti lunak dalam bahasa berorientasi objek seperti C++, Java, C# atau VB.NET. Walaupun demikian, UML tetap dapat digunakan untuk modeling aplikasi prosedural dalam VB atau C, dimana terdefinisi diagram-diagram sebagai berikut : 1. Use Case Diagram Use case diagram mengidentifikasikan fungsionalitas yang dimiliki oleh sistem / aplikasi, pengguna yang berinteraksi dengan sistem, dan asosiasi antara pengguna dengan fungsionalitas sistem. 2. Activity Diagram Activity diagram menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi. 3 Sequence Diagram Sequence diagram menggambarkan interaksi antar objek di dalam dan di sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message yang digambarkan terhadap waktu. Sequence diagram terdiri atar 3
Jurnal Skrispi, Andrew Agustar 11107904
dimensi vertikal (waktu) dan dimensi horizontal (objek-objek yang terkait).
komponen di-deploy dalam infrastruktur sistem, di mana komponen akan terletak (pada mesin, server atau piranti keras apa), bagaimana kemampuan jaringan pada lokasi tersebut, spesifikasi server, dan hal-hal lain yang bersifat fisikal Sebuah node adalah server, workstation, atau piranti keras lain yang digunakan untuk men-deploy komponen dalam lingkungan sebenarnya.
4. Class Diagram Class diagram adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan sebuah obyek dan merupakan inti dari pembangunan dan desain berorientasi obyek. Class menggambarkan keadaan ( atribut / properti ) suatu aplikasi / sistem, sekaligus memanipulasi keadaan tersebut ( metoda / fungsi ). 5. Statechart Diagram Statechart diagram menggambarkan transisi dan perubahan keadaan (dari satu state ke state lainnya) suatu objek pada sistem sebagai akibat dari stimuli yang diterima. Pada umumnya statechart diagram menggambarkan class tertentu (satu class dapat memiliki lebih dari satu statechart diagram). 6. Collaboration Diagram Collaboration diagram juga menggambarkan interaksi antar objek seperti sequence diagram, tetapi lebih menekankan pada peran masing-masing objek dan bukan pada waktu penyampaian message. 7. Component Diagram Component diagram menggambarkan struktur dan hubungan antar komponen piranti lunak, termasuk ketergantungan (dependency) di antaranya. Komponen piranti lunak adalah modul berisi code, baik berisi source code maupun binary code, baik library maupun executable, baik yang muncul pada compile time, link time, maupun run time. 8. Deployment Diagram Deployment/physical diagram menggambarkan detail bagaimana
C.
PEMBAHASAN
Gambaran Umum Aplikasi Yaasiin on Mobile Aplikasi Yaasiin on Mobile merupakan aplikasi bernuansa Islami yang dapat digunakan untuk kegiatan-kegiatan keagaamaan khususnya agama Islam. Aplikasi ini terdiri dari layar menu, yaitu menu Terjemahan Surat Yaasiin, Surat AlFatihah sebagai surat pembuka, Surat Yaasiin, suara dari surat Yaasiin dan halaman menu about sebagai halaman data diri pembuat aplikasi. Pada saat melihat menu terdapat dua tombol yaitu. Tombol open dan exit. Dimana tombol open dipilih, maka akan masuk ke tahap tampilan isi dari pilihan menu-menu yang tersedia. Dan pada saat di dalam tampilan halaman isi menumenu tersebut terdapat dua pilihan, yaitu tombol next dan back, serta dalam tampilan ayat Al-Fatihah dan suara Surat Yaasiin terdapat dua tombol, yaitu stop dan play yang berguna untuk menghentikan suara dan memutar kembali suara dari ayat tersebut. Untuk pembuatan aplikasi program Yaasiin on Mobile ini akan dijelaskan tentang pembahasan tahap-tahap pembuatan Aplikasi Yaasiin on Mobile yang dimulai dari spesifikasi Hardware dan Software, perancangan UML, perancangan Input dan 4
Jurnal Skrispi, Andrew Agustar 11107904
Output, penggunaan struktur navigasi, penjelasan cara penginstalan program yang digunakan, serta penjelasan program dan tahap implementasi aplikasi Yaasiin on Mobile. Perancangan Aplikasi Sebelum memulai pembuatan aplikasi ini, terlebih dahulu membuat rancangan modelnya dengan menggunakan UML ( Unified Modelling Languange). Model yang akan dibahas yakni, Use case diagram, Activity Diagram dan Class Diagram. 1. Use Case Diagram Use case diagram menggambarkan fungsionalitas yang diharapkan dari sebuah sistem. Yang ditekankan adalah “apa” yang dibuat sistem, dan bukan “bagaimana”. Sebuah use case merepentasikan sebuah interaksi antara actor dengan sistem.
Gambar. Use Case Diagram Aplikasi Yaasiin on Mobile Pada gambar diatas menjelaskan tentang bagaimana seorang user berinteraksi dengan sistem aplikasi Yaasiin on Mobile ini. Dapat dilihat bahwa jika user menggunakan aplikasi ini, maka user dapat memilih menu yang terdiri dari lima pilihan menu, antara lain menu terjemahan, Surat Al-Fatihah, Surat Yaasiin, Suara dari Surat Yaasiin dan menu biodata pembuat. Kelima pilihan meu ini merupakan menu yang ditawarkan oleh aplikasi ini. Pada saat user
memilih menu-menu yang tersedia, maka akan menampilkan hasil menu-menu yang sesuai dengan pilihan user itu sendiri dari kelima pilihan tersebut. 2. Activity Diagram Activity diagram digunakan untuk mendokumentasikan alur kerja pada sebuah aplikasi yang dimulai dari pandangan business level hingga ke operational level. Activity diagram memiliki peran seperti flowchart, akan tetapi perbedaannya adalah activity diagram dapat mendukung perilaku paralel sedangkan flowchart tidak bisa.
Gambar.Activity Diagram Aplikasi Yaasiin on Mobile Diagram pada gambar diatas menjelaskan tentang bagaimana proses aplikasi ini berjalan. Dimulai Intial State, ini menunjukkan bahwa pengguna siap untuk menggunakan aplikasi ini. Setelah itu, pengguna akan masuk ke Form pilihan menu-menu, disini terdapat lima item, yakni Menu Terjemahan, Menu Al-Fatihah, Menu Surat Yaasiin, Menu Suara Surat Yaasiin dan Menu Biodata Pembuat Aplikasi. Setelah itu, pengguna memilih satu persatu menu pilihan tersebut dari kelima menumenu yang ditawarkan dan menghasilkan 5
Jurnal Skrispi, Andrew Agustar 11107904
output dari pilihan tersebut. Dan pilihan menu-menu tersebut menggunakan command list dalam memilih menu-menu. Dan untuk menampilkan suara Yaasiin itu sendiri menggunakan variable player. Dimana setiap form menu-menu yang dipilih tersedia teks berjalan atau ticker sebagai pelengkap isi menu tersebut. Dimana dalam memilih setiap menu yang ada Screen selanjutnya akan menampilkan hasil pilihan. 3. Class Diagram Class diagram menggambarkan struktur dan deskripsi class, package, dan object beserta hubungan satu sama lain seperti constraint, pewarisan, asosiasi, dan lain – lain. Aplikasi ini memiliki dua class, yakni class menu dan class pilihan. Masingmasing kelas ini memiliki keterkaitan satu sama lain.
Gambar. Class Diagram Aplikasi Yaasiin on Mobile Pada gambar diatas menjelaskan tentang hubungan antar kelas. Hubungan antara form menu utama dengan form pilihan adalah 1 dan 1, artinya setiap pengguna dapat mengakses dalam memilih menu hanya dalam item-item satu form. Dimana setelah tampil halaman menu pilihan, pengguna dapat memilih command “OPEN” untuk membuka menu pilihan dan menampilkan isi menu. Lalu setelah isi menu tampil dalam screen maka pengguna dapat memilih command “Close” untuk keluar dari pilihan menu atau “Next” untuk melanjutkan pilihan.
Implementasi Aplikasi Yaasiin On Mobile a. Setelah kita membuat coding program dan telah disave di Folder WTK2.2 di file sub YaasiinOnMobile tepatnya di folder scr. Kita dapat melakukan eksekusi pada program dengan bantuan J2ME Wireless Toolkit 2.2 yang mana terlebih dahulu kita membuka folder yang tersimpan di WTK22 tadi. Pada open project. Dan kita memilih YaasiinOnMobile.
Gambar .Tampilan Open Project 6
Jurnal Skrispi, Andrew Agustar 11107904
b. Selanjutnya yaitu kompilasi program. Proses kompilasi dapat dilakukan dengan cara meng-klik build yang ada pada form di dalam KToolbar. Jika proses kompilasi berhasil, maka akan terdapat tampilan seperti gambar 3.18. di bawah ini.
Gambar . Tampilan Awal Aplikasi Yaasiin On Mobile
Gambar Tampilan Proses Kompilasi.
d. Klik tombol Launch, maka akan menghasilkan form Yaasiin On Mobile sebagai berikut:
c. Setelah itu kita run pada toolbar dan akan menampilkan seperti pada gambar diatas.
Gambar. Tampilan Halaman Menu Dalam halaman menu ini, user dapat memilih dari kelima pilihan yang telah disediakan oleh aplikasi Yaasiin on Mobile. 7 Jurnal Skrispi, Andrew Agustar 11107904
e. Jika menu Terjemahan Surat Yaasin yangn dipilih maka akan muncul isi terjemahan Surat Yaasiin dalam bahasa Indonesia. Dan terdapat tombol close yang berguna untuk keluar dari aplikasi tersebut.
Gambar. Tampilan Halaman Surat AlFatihah. g. Jika memilih halaman Surat Yaasiin, maka akan tampil Image Surat Yaasiin dalam tulisan Arab.
Gambar. Tampilan Halaman Surat Yaasiin. Gambar. Tampilan Halaman Terjemahan Surat Yaasiin f. Jika memilih menu Surat AlFatihah, maka akan muncul Image dari Surat Al-Fatihah dari ayat 1 sampai ayat 7.
h. Jika memilih halaman menu Surat Yaasiin (suara), maka akan tampil Image dari Surat Yaasiin beserta suaranya.
Gambar. Tampilan Surat Yaasiin beserta suara.
8 Jurnal Skrispi, Andrew Agustar 11107904
i. Jika memilih halaman menu Tentang pembuat Aplikasi, maka akan mucul profil pembuat aplikasi Surat Yaasiin On Mobie dalam bentuk Image dan teks serta Ticker ( teks berjalan ).
Gambar. Folder dimana File YaasinOnMobile.jar disimpan 2. Kemudian langkah selanjutnya adalah mengkopi semua file yang dibutuhkan. Proses ini dapat dilakukan dengan menggunakan Infrared, Bluetooth, maupun melalui kabel data. Gambar. Tampilan Halaman Tentang Pembuat Aplikasi Instalasi Aplikasi Yaasiin On Mobile Pada Handphone Untuk menginstallasi aplikasi ini, cukup dengan meng-copy atau membutuhkan file YaasiinOnMobile.jar saja, kemudian file YaasiinOnMobile.jar tersebut dibuka dan diinstall pada handphone. Sedangkan beberapa handphone masih membutuhkan file .jad yang merupakan file deskripsi dari aplikasi Java berupa posisi mapping atau deskripsi mengenai posisi meng-install aplikasi Java. Kemudian instalasi program otomatis akan meng-copy semua file yang dibutuhkan kedalam System Mobil User. 1. Langkah pertama buka folder dimana file YaasiinOnMobile.jar dan .jad nya tersimpan, file ini terdapat didalam project yang dibuat, saat aplikasi di Build otomatis file ini terbentuk, seperti pada gambar berikut.
3. Dari dalam handphone, pilih file JAR/JAD yang baru saja di-copy. Secara otomatis. AMS (Application Management Software) akan memunculkan menu “Install” pada layar handphone. Pilih menu tersebut untuk memulai proses instalasi. Sampai disini aplikasi tersebut sudah dapat dijalankan dari handphone. D. PENUTUP Kesimpulan Berdasarkan pembahasan pada babbab sebelumnya, maka penulis dapat menarik kesimpulan bahwa dengan adanya aplikasi ini, pengguna akan menjadi lebih mudah dalam kegiatan keagamaan khususnya Islam, seseorang dapat mengembangkan menu dan fitur-fitur tambahan pada handphone mereka sesuai dengan yang mereka butuhkan. Selain itu, kejenuhan pada menu yang sudah bulid-in dapat dikurangi, dan pengetahuan pun bisa ikut bertambah. 9
Jurnal Skrispi, Andrew Agustar 11107904
Aplikasi Yaasiin on Mobile ini berguna sebagai media membaca Surat Yaasiin melalui handphone baik untuk membaca atau untuk menghafalkan dan memberi kepraktisan dalam menggunakannya tanpa harus membawa media buku. Aplikasi yang dikembangkan masih terbatas kapasitasnya, hal ini dikarenakan memori yang disediakan pada perangkat bergerak memang tidak terlalu besar. Ukuran layar yang terlalu kecil juga menjadi kendala, sehingga membuat pengembang aplikasi ini harus cermat dan pandai memanfaatkan sebaik mungkin bagaimana caranya agar tampilan yang ada bisa terlihat bagus dan menarik bagi yang melihatnya. 4.2. Saran Aplikasi Yaasiin on Mobile yang dibuat oleh penulis masih memerlukan pengembangan dan modifikasi. Modifikasi dapat dilakukan pada kode atau algoritma program ataupun pada tampilan layar yang ada pada aplikasi ini serta perangkat yang digunakan harus dapat menjalankan format suara dari surat-surat tersebut. Untuk memodifikasi kode program, sebaiknya diusahakan mencari alternatif algoritma yang lebih baik. Untuk tampilan layar, sebaiknya diusahakan untuk mencari atau membuat tampilan yang lebih menarik dan lebih informatif agar pengguna aplikasi Yaasiin on Mobile ini tidak merasa bosan dan jenuh yang menampilkan ayat-ayat pertama dari surat Al-Fatihah sampai ke surat Yaasin, dimana sebagai adab dalam membaca surat Yaasiin harus membaca surat Al-Fatihah terlebih dahulu, serta ukuran dimensi dalam alat device/handphone yang dipakai harus support dengan image dari ayat-ayat yang disediakan. Dan spesifikasi dari device harus mempunyai sistem operasi java, dimensi
layar yang besar agar user dapat melihat jelas tampilan dari ayat-ayat tersebut.
DAFTAR PUSTAKA [1] Antonius Aditya Hartanto, Java 2 Micro Edition Mobile Interface Device Programming, Elex Media Komputindo, Jakarta, 2003. [2] Budi Raharjo, Imam Heryanto dan Arif Haryono, Tuntunan Pemrograman Java Untuk Handphone dan Alat Telekomunikasi Mobile Lainnya, Informatika, Bandung, 2008. [3] Anna Isakow and Hao Shi, Review of J2ME and J2ME-based Mobile Applications, School of Computer Science and Mathematics, Victoria University, Melbourne, Australia, IJCSNS International Journal of Computer Science and Network Security, VOL.8 No.2, February 2009. [4] Husnawati, Ihsan Jatnika, dan Adi Gita, MIDlet Java Programming on Mobile Devices, Lembaga Pengembangan Komputerisasi Universitas Gunadarma, Jakarta, 2010. [5] Johanes, Java ME Membangun Berbagai Aplikasi Handphone, Jasakom, Jakarta, 2010. [6] NN, Buku Yasin, Toko ‘MUKMIN’, Jakarta, 2002. [7] http://www.javaworld.com/
Kitab
[8]www.ilmukomputer.com/pengetahuan_m engenai_UML.html.
10 Jurnal Skrispi, Andrew Agustar 11107904
