BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
Teknologi mobile phone maju dengan sangat pesat seiring dengan perkembangan jaman. Di era globalisasi ini, teknologi mobile phone telah mengambil peranan yang sangat penting dalam berbagai bidang kehidupan manusia. Dewasa ini telah dikenal istilah Mobile application yaitu jenis aplikasi yang dipasang pada mobile-device. Aplikasi ini cenderung tidak membutuhkan interaksi dengan tempat lain. Sementara itu Wireless-application adalah jenis mobile application yang dirancang untuk mampu berinteraksi dengan system lain secara wireless atau tanpa kabel. Banyak media yang dapat digunakan untuk memperoleh informasi, salah satu contohnya adalah handphone, saat ini cukup banyak handphone yang telah disupport oleh berbagai macam aplikasi. Hal ini dilakukan agar kebutuhan akan informasi yang bertambah dari hari ke hari dapat terpenuhi dengan cepat , praktis , kapanpun dan dimana saja . Seperti contohnya dalam hal ini penulis membuat sebuah aplikasi mobile yang diberi judul ”Mobile Recipe ” yang diperuntukan untuk mempermudah pengguna handphone untuk mengakses informasi resep-resep yang diperlukan.
.1.2 BATASAN MASALAH
Dalam penulisan ini penulis memfokuskan dan hanya membahas tentang cara pembuatan aplikasi “ Mobile Recipe ”. Yang ditujukan untuk mempermudah pengguna handphone untuk mendapatkan resep-resep yang diperlukan dengan mengaksesnya. Adapun software yang digunakan dalam pembuatan aplikasi mobile ini adalah Java 2 Micro Edition (J2ME) merupakan versi Java yang khusus digunakan dalam pemrograman mobile. J2ME merupakan subset dari Java 2 Standard Edition (J2SE) core java, artinya intruksi yang ada di dalam J2ME tidak selengkap J2SE.Meskipun J2ME terpisah dari J2SE , akan tetapi J2SE sudah harus diinstal sebelum proses instalasi J2ME bisa dilakukan.
1.3. Tujuan Penulisan
Pembuatan aplikasi “ Mobile Recipe “ adalah untuk memudahkan pengguna untuk mengakses resep-resep lewat handphone , yang dapat digunakan sebagai panduan memasak.
1.4. Metode Penelitian
Dalam pembuatan aplikasi “ Mobile Recipe “ penulis memperoleh data dengan cara mengunjungi perpustakaan dan beberapa toko buku. Semua data yang diperlukan untuk membuat program ini diperoleh dari buku-buku yang berhubungan dengan aplikasi mobile dengan pemrograman J2ME.
Spesifikasi Hardware dan Software
1. Perangkat Keras (Hardware)
Perangkat keras pendukung yang digunakan antara lain :
a. Prosessor Intel DualCore T4400
b. Harddisk 250 Gb.
c. Ram 1 Gb.
2. Perangkat Lunak (Software)
Perangkat lunak yang digunakan untuk pembuatan aplikasi ini adalah
sebagai berikut:
a. J2SDK
Merupakan TollKit yang menyediakan librari librari untuk pembuatan
aplikasi menggunakan bahasa pemrograman Java
b. J2ME
Software ini merupakan software emulator untuk menjalankan aplikasi
yang telah dibuat di komputer sebelum benar benar dijalankan di ponsel.
c. Netbeans IDE 6.5
1.5. Sistematika Penulisan
Untuk mempermudah dalam melihat keterhubungan antara bab yang satu dengan yang lain, diperlukan sistematika penulisan yang berurutan secara garis besar. Adapun sistematika penulisan untuk penelitian ilmiah ini disusun dalam 4 bab, yaitu sebagai berikut :
Bab I Pendahuluan
Bab ini menguraikan pokok persoalan yang terdiri dari latar belakang masalah, batasan masalah, tujuan penulisan, metode penelitian dan sistematika penulisan.
Bab II Penjelasan Program
Bab ini menguraikan tentang teori-teori yang dipakai dalam penulisan ilmiah.
Teori yang diuraikan mengenai pemrograman J2ME serta elemen -elemennya .
Menguraikan tentang aplikasi yang telah dibuat mulai dari perancangan aplikasi, pembuatan aplikasi dan cara penggunaan aplikasi tersebut.
Bab III Penutup
Berisi uraian mengenai kesimpulan dan saran dari masalah yang diperoleh selama penulisan ilmiah ini.
BAB II PENJELASAN
PROGRAM 2.1.
Spesifikasi Hardware dan Software Untuk membuat aplikasi ini, penulis terlebih dahulu
menginstal bahasa pemograman The Java 2 Platform Standard Edition (Java J2SE)
yang mendukung fitur konektivitas basis data, rancangan antarmuka,
masukan/keluaran, pemograman jaringan dan termasuk paket-paket dasar bahasa
java. Didalam J2SE terdapat dua software Development Kit (SDK) untuk
mengembangkan program dan java 2 Runtime Environment (JRE) untuk menjalankan
program. Pemrograman J2ME dapat pula
dijalankan dengan menggunakan Netbeans versi apapun karena Netbeans dilengkapi
dengan support pembuatan project JME. Untuk lebih jelasnya tentang
spesifikasi hardware dan software yang digunakan oleh penulis dapat dilihat
seperti dibawah ini : ·
Perangkat keras
(hardware) yang digunakan penulis diantaranya adalah: ·
Perangkat Lunak
(Software) yang digunakan penulis diantaranya adalah: Dalam
penulisan ini, penulis membuat sebuah aplikasi mobile tips pada telepon genggam
yang berisi tentang pertolongan pertama dalam keaadan emergency menggunakan bahasa pemrograman J2ME. Java 2 Micro Edition (J2ME) merupakan
versi Java yang khusus digunakan dalam pemrograman mobile. J2ME merupakan
subset dari Java 2 Standard Edition (J2SE) core java, artinya intruksi yang ada
di dalam J2ME tidak selengkap J2SE.Meskipun J2ME terpisah dari J2SE , akan
tetapi J2SE sudah harus diinstal sebelum proses instalasi J2ME bisa dilakukan.
Proses pembuatan aplikasi ini melalui beberapa tahapan, mulai dari perancangan
konsep kerja, perancangan aplikasi, pembuatan program hingga tahap
implementasi. Pada bab ini akan
dijelaskan mengenai perancangan konsep kerja, perancangan program, dan
kompilasi program. 2.2 Rancangan Interface Desain Interface Tampilan Awal Pada tampilan awal menu mobile recipe menampilan berupa gambar dan
selanjutnya loading untuk masuk ke tampilan menu selanjutnya.
Loading.
. . Launch Gambar 1.1
Tampilan awal aplikasi Desain Interface
Tampilan Kedua Pada tampilan kedua dalam aplikasi mobile ini berisi
ticker berupa pesan berjalan sebagai pesan pembuka dalam menu tampilan ini.
Setelah itu berisi teks yang menjelaskan tentang isi aplikasi mobile ini. Untuk
masuk ke menu selanjutnya pilih item menu. Adapun pilihan dari item menu itu
sendiri yaitu about dan ok . Pilihan about dalam item menu menjelaskan tentang
biodata penulis , sedangkan pilihan ok dalam item menu untuk melanjutkan ke
menu tampilan berikutnya.
(Ticker)Welcome to dea’s mobile
recipe ------------------------------------------------------------------- Aplikasi ini berisi tentang resep-resep
masakan Menu Gambar 1.2
Tampilan Kedua Aplikasi Desain Interface Tampilan About Pada tampilan about dalam aplikasi mobile ini berisi
ticker berupa pesan berjalan sebagai pesan pembuka dalam menu tampilan ini. Setelah itu berisi teks yang menjelaskan tentang
informasi program aplikasi. Untuk kembali ke menu sebelumnya pilih item back.
(Ticker)Tentang to dea’s mobile
recipe ------------------------------------------------------------------- Aplikasi ini
dibuat oleh Dea Yovita Erdi Aplikasi ini
berisi tentang resep-resep masakan Dibuat dengan
menggunakan pemrograman J2ME Pada netbeans
IDE 6.5 Back Gambar 1.3
Tampilan About Desain
Interface Tampilan Menu Pilihan Resep Setelah itu untuk tampilan
selanjutnya, yaitu menu pilihan resep yang berisi ticker yang digunakan sebagai
pesan berjalan yang ada pada tampilan ini berisi pilihan-pilihan resep.
--------------------------------------------------------------- (Ticker) Menu Pilihan Resep ------------------------------------------------------------ List pilihan
resep Gambar 1.4 Tampilan Menu Pilihan Resep Desain Interface
Tampilan Uraian Resep Kemudian untuk tampilan berikutnya yang berisi uraian
resep yang telah kita pilih pada menu pilihan resep, pada tampilan ini terdapat perintah pilihan back, perintah pilihan back
digunakan untuk kembali ke menu pilihan resep dan juga terdapat pilihan item menu. Item menu berisi perintah Exit dari aplikasi atau pilihan
perintah Cancel.
Uraian Resep Back Menu Gambar 1.5
Tampilan Uraian Resep 2.3 Struktur
Navigasi dan Diagram Activity Struktur Navigasi adalah struktur atau alur dari suatu
program. Menentukan struktur navigasi merupakan hal yang sebaiknya dilakukan
sebelum membuat suatu aplikasi. Ada berbagai macam tipe struktur navigasi.Pada
pembuatan aplikasi ini kita menggunakan struktur navigasi linear. Struktur Navigasi Linier merupakan struktur yang hanya mempunyai suatu rangkaian
cerita secara berurutan. Struktur ini menampilkan satu demi satu tampilan layar
secara berurut sesuai urutannya. Struktur Navigasi ”Mobile Recipe”
Diagram Ativity
2.4 Implementasi Aplikasi Tampilan Awal
Untuk
tampilan awal program kita menggunakan method public Splash Screen. Dengan
bentuk umum method Splash Screen : public SplashScreen getSplashScreen() {
if (splashScreen == null) {
splashScreen = new SplashScreen(getDisplay());
splashScreen.setTitle("");
splashScreen.setCommandListener(this);
splashScreen.setImage(getImage1());
splashScreen.setText("loading...");
splashScreen.setTextFont(getFont());
}
return splashScreen; } Pada tampilan
Splash Screen terdapat method untuk menampilkan gambar dengan bentuk umumnya :
public Image getImage1() {
if (image1 == null) {
try {
image1 =
Image.createImage("/satedea.JPG");
} catch (java.io.IOException e) {
e.printStackTrace();
}
}
return image1; } Tampilan Kedua
Pada tampilan
kedua menggunakan method Wait screen. Adapun bentuk umum dari method untuk menu
tampilan Wait Screen pada program adalah sebagai berikut :
public WaitScreen getWaitScreen() {
if (waitScreen == null) {
waitScreen = new WaitScreen(getDisplay());
waitScreen.setTitle("");
waitScreen.setTicker(getTicker5());
waitScreen.addCommand(getOkCommand());
waitScreen.addCommand(getAboutCommand());
waitScreen.setCommandListener(this);
waitScreen.setText("Aplikasi ini berisi resep-resep masakan");
waitScreen.setTask(getTask());
}
return waitScreen; } Selanjutnya
method untuk tampilan ticker yang terdapat pada tampilan kedua program dengan
bentuk umumnya :
public Ticker getTicker() {
if (ticker == null) {
ticker = new Ticker("Welcome To Dea\'s Mobile Recipe");
}
return ticker; } Selanjutnya
untuk menampilkan pilihan menu pada aplikasi program menggunakan command dengan
bentuk umumnya : public Command
getItemCommand4() {
if (itemCommand4 == null)
{
itemCommand4 = new Command("Cancel", Command.CANCEL, 0);
}
return itemCommand4; } public Command getOkCommand() {
if (okCommand == null) { okCommand = new Command("Ok",
Command.OK, 0);
}
return okCommand; }
public Command getAboutCommand() {
if (aboutCommand == null) {
aboutCommand = new Command("About", Command.HELP, 0);
}
return aboutCommand; }
public Command getBackCommand5() {
if (backCommand5 == null) {
backCommand5 = new Command("Back", Command.BACK, 0);
}
return backCommand5; } public Command getOkCommand() {
if (okCommand == null) { okCommand = new
Command("Ok", Command.OK, 0);
}
return okCommand; } Tampilan About
Untuk
tampilan about dengan methodnya :
public TextBox getTextBox5() {
if (textBox5 == null) {
textBox5 = new TextBox("", "Aplikasi ini dibuat oleh Dea
Yovita Erdi \n\naplikasi ini berisi tentang resep-resep masakan\n\ndibuat
menggunakan pemrograman J2ME\n\npada netbeans IDE 6.5", 150,
TextField.ANY);
textBox5.setTicker(getTicker2());
textBox5.addCommand(getBackCommand5()); textBox5.setCommandListener(this);
}
return textBox5; } Tampilan Menu Pilihan Resep
Untuk tampilan menu pilihan resep menggunakan method publict List , seperti yang terhat pada
coding dibawah ini. Perintah append untuk menampilkan output dari kata yang
telah kita inputkan yang nantinya digunakan untuk memilih resep yang
diinginkan.
public List getList() {
if (list == null) {
// write pre-init user code here
list = new List("",
Choice.IMPLICIT);
list.append("Sate Bistik Gulung", null);
list.append("Bistik Telur", null);
list.append("Bakso Sapi Isi Keju", null);
list.append("Bakso Oriental", null);
list.append("Bakso Udang Isi Cokelat", null);
list.append("Resep Bakso Ayam isi Nanas", null);
list.setTicker(getTicker3()); list.setCommandListener(this); list.setSelectedFlags(new boolean[]
{ false, false, false, false, false, false }); } return list; } Pada menu pilihan resep ini juga
terdapat ticker dengan bentuk umum tickernya untuk tampilan menu pilihan resep
adalah :
public Ticker getTicker3() {
if (ticker3 == null) {
ticker3 = new Ticker("Menu pilihan resep");
} return ticker3; } Kemudian dalam program untuk memilih
resep yang kita ingin baca adalah dengan cara tombol action yang ada pada
keypad telepon genggam. Tampilan Uraian Resep
Untuk menu tampilan uraian resep, penulis menggunakan method
yang digunakan untuk menampilkan textbox dengan bentuk umumnya dari tampilan
uraian tips pada program adalah seperti ini :
public TextBox getTextBox() {
if (textBox == null) {
textBox = new TextBox("", "Bahan Membuat Resep sate
Bistik Gulung: \n\u2022\t500 gram daging giling\n\u2022\t1 batang peterseli,
cincang halus\n\u2022\t1 sendok makan kecap inggris\n\u2022\t2 lembar roti
tawar, sobek-sobek\n\u2022\t2 sendok makan susu cair\n\u2022\t1/2 butir bawang
bombai, cacah halus\n\u2022\t2 butir telur, kocok lepas\n\u2022\t1 sendok teh
garam\n\u2022\t1 sendok teh merica bubuk\n\u2022\t1 batang kayu manis, potong 2
cm\n\u2022\t1 kaleng nanas, cincang kasar\n\u2022\t1 sendok teh gula
pasir\n\u2022\t2 buah wortel, potong lonjong, rebus dengan sedikit
margarin\n\u2022\t50 gram buncis, potong 2 cm, rebus dengan sedikit
margarin\n\u2022\t100 gram kentang goreng\n\u2022\t2 sendok makan kecap
manis\n\u2022\t1 sendok saos tomat\n\u2022\t1 sedok makan mentega untuk menggoreng\nCara
Membuat Sate Bistik Gulung:\n1.\tCampur daging, peterseli, kecap inggris, roti
tawar, susu, bawang bombai, telur, garam, dan merica. Aduk rata. Bentuk bulat
panjang seperti sosis, bungkus dengan plastik. Kukus selama 30 menit,
angkat.\n2.\tCairkan mentega, goreng daging gulung hingga kecokelatan. Masukkan
air nanas dan nanas cincang, serta kayu manis. Masak dengan api kecil, hingga
daging benar-benar matang. Angkat dagingnya, potong-potong 2 cm.\n3.\tPanaskan
sisa kuah, tambah gula pasir, kecap manis, saos tomat.\n4.\tTusuk potongan
daging berselang seling dengan stup wortel dan buncis, serta kentang goreng,
lalu siram dengan saus.\nUntuk: 8 porsi\nNilai gizi per porsi (2 buah)\nEnergi:
210 Kalori\nProtein: 21,7 gram\nLemak: 18,7 gram\nKarbohidrat: 21,5
gram\n", 1407, TextField.ANY);
textBox.addCommand(getBackCommand());
textBox.addCommand(getExitCommand());
textBox.addCommand(getItemCommand());
textBox.setCommandListener(this);
}
return textBox; }