I. PENDAHULUAN 1.1 Latar Belakang

Transkripsi

1 I. PENDAHULUAN 1.1 Latar Belakang Di jaman teknologi dan serba praktis seperti sekarang, sebuah informasi akan selalu dituntut untuk selalu lebih cepat dan jelas, tanpa harus mengurangi esensi dari informasi tersebut. Dan sekarang ini, informasi dapat menyebar cepat dengan adanya teknologi, salah satunya adalah handphone. Hal ini disebabkan karena adanya unsur praktis dan mudah dibawa dari handphone, atau portable, dan sudah dipakai oleh semua insan di dunia ini. Pengguna handphone, salah satunya adalah wisatawan, akan memerlukan informasi tentang lokasi yang akan mereka kunjungi, beserta rute yang mereka akan lalui. Salah satu contohnya adalah kota Pacitan. Kota Pacitan adalah sebuah kota mungil yang terdapat di ujung Jawa Timur, dan mempunyai lokasi yang memiliki nilai keindahan yang tidak kalah dengan lokasi wisata yang lain. Pembuatan aplikasi handphone untuk menampilkan informasi dan rute wisata dan lokasi-lokasinya di kota Pacitan, penulis akan memakai bahasa pemrograman Java edisi J2ME(Java 2 Micro Edition), karena bahasa pemrograman ini dirasa sangat tepat untuk pembuatan aplikasi mobile pada handphone, dengan adanya kombinasi dari Java API(Application Programming Interface) dan JVM(Java Virtual Machine) yang nantinya akan dijalankan pada aplikasi berbasis mobile, dan juga J2ME ini mempunyai keunggulan dalam fiturnya, yaitu Multiplatform, andal, dan stabil untuk digunakan pada aplikasi berbasis mobile. Dengan semua latar belakang diatas, penulis bermaksud untuk membuat sebuah aplikasi mobile sederhana yang nantinya akan membantu wisatawan dalam mencari informasi dan rute wisata Kota Pacitan, lengkap dengan referensi lokasilokasi wisata yang terkenal. Dan pada akhirnya, penulis menamai penulisan ini yaitu Aplikasi Informasi dan Rute Pariwisata di Kota Pacitan Menggunakan J2ME(Java 2 Micro Edition). 1

2 2 1.2 Batasan Masalah Penulisan ini akan difokuskan pada pembuatan aplikasi handphone dengan menggunakan bahasa pemrograman J2ME(Java 2 Micro Edition). Aplikasi ini akan menampilkan lokasi wisata,lokasi penginapan, dan rute wisata yang terdapat di Pacitan. Dan aplikasi ini menggunakan pemanggilan form dan tidak menggunakan RMS(Record Management System), dan tidak menggunakan koneksi internet, tetapi akan menampilkan gambar, tulisan, dan suara midi/wav. Untuk pemakaiannya, aplikasi ini digunakan untuk handphone yang memiliki fitur Java. 1.3 Tujuan Penulisan Tujuan penulisan ini adalah membuat aplikasi infomasi dan rute Pariwisata di Pacitan dengan menggunakan J2ME yang diharapkan agar pengguna bisa mencari berbagai macam informasi mengenai objek wisata di Pacitan, mempermudah mengetahui rute wisata, dan dapat menambah fasilitas dari pengguna handphone. 1.4 Metode Penelitian Penulisan ini melalui beberapa tahap, yaitu tahap pengumpulan data, dan studi lapangan. Studi pustaka Dilakukan untuk pengumpulan data dari beragam sumber baik berupa buku-buku yang membahas mengenai pemrograman wireless, J2ME, maupun berbagai macam artikel, tutorial, dan dokumentasi melalui internet mengenai materi tersebut. Langkah selanjutnya yang dilakukan oleh penulis adalah Studi Lapangan, dimana Studi Lapangan dilakukan untuk mencari informasi tentang tempat wisata yang akan diletakan pada aplikasi. Karena penulis berasal dari pacitan, maka untuk lebih lanjutnya sudah tidak ada masalah karena sudah tergambar dalam pikiran penulis. Lalu penulis mengimplementasikan ke dalam bahasa pemrograman yang telah dipilih yaitu J2ME. Dimana di dalamnya terdapat coding yang nantinya akan membentuk sebuah program yang penulis inginkan.

3 3 Lalu perangkat keras yang digunakan oleh penulis ialah satu unit komputer dengan spesifikasi: Processor Intel Core 2 Duo T GHz, Kapasitas RAM 1.5 GB,dan Hardisk 80 GB serta perangkat lunak yang dibutuhkan Sistem Operasi Microsoft Windows XP Service Pack 2, Java SDK, 1.6 update 19, Netbeans Sistematika Penulisan Sistematika ini dibuat untuk lebih mempermudah di dalam penyusunan penulisan dan dapat memberikan gambaran secara lebih jelas tentang permasalahan yang akan dibahas pada penulisan ini, sehingga penulis menerapkan sistematika penulisan yaitu diawali dengan PENDAHULUAN, Bab ini menjelaskan tentang latar belakang, batasan masalah, tujuan penulisan, metode penulisan serta sistematika penulisan. LANDASAN TEORI, Bab ini menjelaskan landasan teori dari aplikasi yang dibuat. PEMBAHASAN, Bab ini menjelaskan tentang pembuatan aplikasi yang terdiri dari perencanaan aplikasi, perancangan aplikasi, perancangan tampilan dan langkah-langkah pembuatan aplikasi. PENUTUP, Bab ini berisi kesimpulan dan analisa dari permasalahan yang terjadi selama pembuatan aplikasi ini serta berisi saran-saran dari pengguna aplikasi ini.

4 2. LANDASAN TEORI Peta adalah gambaran permukaan bumi pada bidang datar dengan skala tertentu melalui suatu sistem proyeksi. Pada penulisan ini penulis akan membuat sebuah aplikasi mobile yang bertujuan akan digunakan untuk menampilkan informasi dengan bantuan tambahan tampilan berbentuk peta. Dalam aplikasi ini, penulis berencana untuk membuat aplikasi mobile yang berisi informasi mengenai informasi pariwisata di Kota Pacitan dan rute peta akses ke kota pacitan. Dengan aplikasi yang berbasis mobile ini, diharapkan dapat membantu pengguna untuk mengetahui informasi-informasi tersebut secara lebih jelas dan lebih mudah. Tampilan aplikasi ini berbentuk menu sehingga user dapat memilih layanan apa saja yang ingin ditampilkan. 2.1 Pemetaan Peta adalah gambaran permukaan bumi pada bidang datar dengan skala tertentu melalui suatu sistem proyeksi. Peta dapat disajikan dalam berbagai cara yang berbeda, mulai dari peta konvensional yang tercetak hingga peta digital yang tampil di layar komputer. Berdasarkan penggunaannya peta dapat dibagi menjadi peta dasar dan peta tematik. Peta dasar biasanya digunakan untuk membuat peta turunan dan perencanaan umum maupun pengembangan suatu wilayah. Peta dasar umunya menggunakan peta topografi. Peta tematik adalah peta yang terdiri dari satu atau beberapa peta dengan informasi yang lebih rinci. Peta tematik juga dapat menunjukkan hampir semua jenis informasi yang beragam dari satu tempat ke tempat lain. Secara umum ciri-ciri aplikasi peta adalah sebagai berikut : 1. Petunjuk jalan bagi orang-orang yang berpergian ke tempat-tempat yang belum pernah di kunjunginya. 2. Menunjukan letak suatu tempat di permukaan bumi dalam hubunganya dengan tempat lain. 3. Memperlihatkan ukuran, karena dari peta dapat diukur jarak, luas ataupun arah sebenarnya di permukaan bumi. 4

5 5 4. Memperlihatkan bentuk seperti bentuk pulau, negara, benua, samudra, sungai, pola aliran dan lain-lain 2.2 Pariwisata Kota Pacitan Menurut Soetomo (1994:25) yang di dasarkan pada ketentuan WATA (World Association of Travel Agent = Perhimpunan Agen Perjalanan Sedunia), wisata adalah perjalanan keliling selama lebih dari tiga hari, yang diselenggarakan oleh suatu kantor perjalanan di dalam kota dan acaranya antara lain melihat-lihat di berbagai tempat atau kota baik di dalam maupun di luar negeri. Dan juga pariwisata bisa diartikan sebagai perjalanan yang dilakukan berkali-kali atau berputar-putar dari suatu tempat ketempat lain yang dalam bahasa Inggris disebut dengan kata "tour", sedang untuk pengertian jamak "kepariwisataan" dapat digunakan kata "tourisme" atau "tourism" Jadi Pariwisata adalah perjalanan yang dilakukan seorang atau sekelompok orang lebih dari tiga hari dengan menggunakan kendaraan pribadi, umum, atau biro tertentu dengan tujuan untuk melihat-lihat berbagai tempat atau suatu kota baik di dalam negeri maupun diluar negeri. Pariwisata Kota Pacitan adalah perjalanan wisata yang dilakukan di wilayah Kota Pacitan dan sekitarnya, dengan menggunakan kendaraan pribadi, umum, atau biro tertentu dengan tujuan wisata ke pantai teleng ria, gua gong, gua tabuhan, dan sebagainya. 2.3 Perangkat Mobile Perangkat mobile memiliki banyak jenis dalam hal ukuran, desain dan layout, tetapi mereka memiliki kesamaan karakteristik yang sangat berbeda dari sistem desktop. Karakteristik dari perangkat mobile adalah sebagai berikut ini ; ukuran yang kecil, memory yang terbatas, daya proses yang terbatas, mengkonsumsi daya yang rendah, kuat dan dapat diandalkan, konektivitas yang terbatas, dan masa hidup yang pendek.

6 6 2.4 J2ME (Java 2 Mobile Edition) Pada bagian ini akan dijelaskan dasar-dasar J2ME(Java 2 Mobile Edition), dimana pada pembuatan aplikasi ini kita menggunakan J2ME sebagai bahasa utamanya, pada bagian ini akan dijelaskan apa itu profile, midlet dan konfigurasi. Berikut adalah penjelasannya : Gambaran J2ME J2ME adalah satu set spesifikasi dan teknologi yang fokus kepada perangkat konsumen. Perangkat ini memiliki jumkah memori yang terbatas, menghasbiskan sedikit daya dari baterai, layar yang kecil dan bandwith jaringan yang rendah. Dengan perkembangbiakan perangkat mobile konsumer dari telepon, PDA, kotak permainan ke peralatan-peralatan rumah, Java menyediakan suatu lingkungan yang portable untuk mengembangkan dan menjalankan aplikasi pada perangkat ini. program J2mE, seperti semua program JAVA adalah diterjemahkan oleh VM. Program-program tersebut dicompile ke dalam bytecode dan diterjemahkan dengan Java Virtual Machine (JVM). Ini berarti bahwa programprogram tersebut tidak berhubungan langsung dengan perangkat. J2ME menyediakan suatu interface yang sesuai dengan perangkat. Aplikasi-aplikasi tersebut tidak harus di compile ulang supaya mampu dijalankan pada mesin yang berbeda. Inti dari J2ME terletak pada configuration dan profile-profile. Suatu configuration menggambarkan lingkungan runtime dasar dari suatu sistem J2ME. Ia menggambarkan core library, virtual machine, fitur keamanan dan jaringan. Gambar 2.1. Arsitektur J2ME

7 7 Sebuah profile memberikan library tambahan untuk suatu kelas tertentu pada sebuah perangkat. Profile-profile menyediakan user interface(ui) API, persistence, messaging library, dan sebagainya. Satu set library tambahan atau package tambahan menyediakan kemampuan program tambahan. Pemasukan package ini ke dalam perangkat J2ME dapat berubah-ubah karena tergantung pada kemampuan sebuah perangkat. Sebagai contoh, beberapa perangkat MIDP tidak memiliki Bluetooth built-in, sehingga Bluetooth API tidak disediakan dalam perangkat ini Konfigurasi Suatu configuration menggambarkan fitur minimal dari lingkungan lengkap Java runtime. Configuration tidak menggambarkan fitur tambahan. Suatu configuration J2ME menggambarkan suatu komplemen yang minimum dari teknologi Java. Menggambarkan tambahan library untuk suatu kategori perangkat tertentu merupakan tugas dari profile-profile. Konfigurasi menggambarkan ; Subset bahasa pemrograman Java, Kemampuan Java Virtual Machine (JVM), Core platform libraries, Fitur security dan jaringan Profil Suatu profile menggambarkan set-set tambahan dari API dan fitur untuk pasar tertentu, kategori perangkat atau industri. Sementara configuration menggambarkan library dasar, profile-profile menggambarkan library yang penting untuk membuat aplikasi-aplikasi efektif. Library ini memasukkan user interface, jaringan dan penyimpanan API CLDC (Connected Limited Device Coniguration) Connected Limited Device Configuration (CLDC) menggambarkan dan menunjuk pada area berikut ini ; Fitur Bahasa Java dan Virtual Machine (VM), Library dasar (java.lang.*, java.util.*), Input / Output (java.io.*), Keamanan, Jaringan, Internationalization.

8 8 Adapun karakteristik dari perangkat CLDC adalah ; memory minimal 192kb untuk platform Java, processor dengan 16 bit atau 32 bit, Mengkonsumsi sedikit daya, Terbatas (koneksi jaringan yang sementara dengan pembatasan Bandwith, biasanya wireless). CLDC tidak menggambarkan instalasi dan daur hidup sebuah aplikasi, antarmuka (UI) dan penanganan peristiwa (event handling). Merupakan salah satu tugas profile yang berada di bawah CLDC untuk menggambarkan area ini. secara khusus, spesifikasi MIDP menggambarkan daur hidup aplikasi MIDP (MIDlet), library UI dan event handling (javax.microedition.lcdui.*) MIDP (Mobile Information Device Profile) Mobile Information Device Profile (MIDP) berada di atas dari CLDC. Anda tidak dapat menulis aplikasi mobile hanya dengan menggunakan CLDC API, tetapi anda harus tetap memanfaatkan MIDP yang mendefinisikan UI. Spesifikasi MIDP, kebanyakan seperti CLDC dan API lainnya sudah digambarkan melalui Java Community Process (JCP). JCP melibatkan sebuah kelompok ahli berasal lebih dari 50 perusahaan, yang terdiri atas pabrik perangkat mobile, pengambang software. MIDP terus berkembang, dengan versi-versi masa depan yang telah lulus dari proses ketat JCP. Spesifikasi MIDP menggambarkan suatu perangkat MID yang memiliki karakteristik-karakteristik dengan batas minimum, adapun karakteristiknya adalah sebagai berikut : Tampilan ; Ukuran Layar : 96 x 54, Kedalaman tampilan 1-bit, Ketajaman pixel : sekitar 1:1. Masukan ; Satu atau lebih mekanisme user input : keypad, touchpad atau touchscreen. Memory ; 256 kilobytes of non-volatile memory untuk implementasi MIDP, 8 kilobytes of non-volatile memory for application-created persistent data, 128 kilobytes of volatile memory for the Java runtime. Jaringan ; Dua Jalur, wireless, bandwith terbatas. Sound ; Kemampuan untuk memainkan nada-nada.

9 9 MIDP menggambarkan model aplikasi, UI API, penyimpanan dan jaringan yang kuat, permainan dan media API, kebijakan keamanan, penyebaran aplikasi dan ketetapan over-the air MIDlet Suatu aplikasi MIDP disebut MIDlet. Perangkat application management software (AMS) berinteraksi langsung denga MIDlet dengan method MIDlet create, start, pause, dan destroy. MIDlet adalah bagian dari package javax.microedition.midlet. Sebuah MIDlet harus di-extend dengan class MIDlet dan dapat meminta parameter dari AMS seperti dirumusukan dalam application descriptor (JAD). Suatu MIDlet tidak harus memiliki (dan memang harus tidak mempunyai) sebuah method public static void main (String [] args). Method tersebut tidak akan dikenal lagi oleh AMS sebagai titil awal sebuah program Siklus MIDlet Kehidupan MIDlet dimulai ketika di-instantiate oleh AMS. MIDlet pada awalnya masuk status Pause setelah perintah baru dibuat. AMS memanggil constructor public tanpa argumen dari MIDlet. Jika sebuah exception terjadi dalam constructor, MIDlet memasuki status Destroyed dan membuangnya segera. MIDlet masuk ke dalam status Active atas pemanggilan method startup() oleh AMS. Midlet masuk ke dalam status Destroyed ketika AMS memanggil method destroyapp(). Status ini juga kembali diakses ketika method notifydestroyed kembali dengan sukses kepada aplikasi. Dengan catatan bahwa MIDlet hanya bisa memasuki status Destroyed sekali dalam masa hidupnya.

10 10 Gambar 2.2 Daur Hidup MIDlet (Siklus MIDlet) Method startapp ( ) AMS akan memanggil method startapp ( ) untuk memerintahkan MIDlet agar memperoleh focus dan menjadikan MIDlet berada dalam keadaan Active. Untuk lebih memudahkan pemahaman, dapat dikatakan pula bahwa method startapp ( ) itu digunakan untuk mengaktifkan MIDlet. Hal ini dapat terjadi ketika MIDlet baru saja dibuat atau MIDlet yang akan kembali diaktifkan dari keadaan Paused. Bentuk umum deklarasi method startapp ( ) adalah sebagai berikut : public static void startapp ( ) Method pauseapp ( ) AMS memanggil method pauseapp ( ) untuk memerintahkan MIDlet agar tidak memiliki focus dan akan menjadikan MIDlet berada dalam keadaan Paused. Dalam keadaan ini, aplikasi tidak dapat memiliki satu pun tampilan UI (User Interface). Apabila aplikasi yang kita buat mengandung objek Thread maupun Timer, maka objek-objek tersebut tidak akan dihentikan secara otomatis. Artinya kita harus menghentikannya secara manual melalui penulisan kode. Aplikasi akan kembali berada dalam keadaan Active bila diaktivasi ulang. Bentuk umum deklarasi method pauseapp ( ) adalah sebagai berikut :

11 11 public static void pauseapp ( ) Method destroyapp ( ) AMS memanggil method destroyapp ( ) untuk memerintahkan MIDlet agar membuang atau membebaskan semua resource (biasanya berupa file) yang digunakan sekaligus menutup atau menghentikan aplikasi sesegera mungkin. Ini berarti bahwa kita harus menutup semua stream yang masih terbuka serta menghentikan semua thread dan timer yang digunakan. Pemanggilan method destroyapp ( ) akan mengakibatkan MIDlet berada dalam keadaan Destroyed sehingga pada saat tersebut MIDlet sudah tidak dapat lagi melakukan pengaksesan terhadap objek Display. Bentuk umum deklarasi method destroyapp ( ) adalah sebagai berikut : public static void destroyapp (boolean unconditional ) Pembuatan User Interface GUI (Graphical User Interface) merupakan sebutan untuk antarmuka aplikasi. Untuk selanjutnya disini, GUI hanya akan disebut dengan user interface atau UI. Kebutuhan user interface untuk aplikasi yang berada dalam peralatan-peralatan kecil seperti telepon selular, PDA, maupun pager tentu akan berbeda dengan kebutuhan pada saat kita membuat aplikasi desktop (aplikasi untuk PC). Sebagai contoh, pada aplikasi alat kita tidak melihat adanya mouse yang digunakan sebagai media untuk melakukan input, namun posisinya telah digantikan oleh keypad (tombol-tombol yang terdapat pada HP, PDA ataupun pager). Kelas-kelas dasar untuk kebutuhan tersebut disimpan di dalam konfigurasi CLDC, yang harus dilengkapi di bagian profil. Jadi CLDC sendiri sebenarnya tidak mendefinisikan kelas-kelas yang dibutuhkan untuk fungsional GUI. Adapun kelas-kelas resmi yang diperlukan untuk pembuatan GUI dalam platform J2ME tersebut dikembangkan oleh sebuah komunitas yang dinamakan JCP (Java

12 12 Community Process) dan telah dimasukkan ke dalam bagian profil, seperti MIDP. Jadi kelas-kelas yang terdapat pada sebuah profil bukan didasarkan pada AWT (Abstract Window Toolkit). Semua kelas-kelas GUI yang terdapat dalam MIDP tersimpan dalam suatu paket yang dinamakan dengan lcdui (javax.microedition.lcdui). dengan mengimpor paket tersebut, maka para programmer MIDlet dapat mengembangkan aplikasiaplikasi secara lebih mudah dan cepat Struktur GUI di dalam MIDP Struktur GUI di dalam MIDP dikelompokkan menjadi dua bagian, yaitu highlevel API (didasarkan pada pembentukan window/widget) dan low-level API (didasarkan pada pembentukan canvas dan pixel). Penggunaan model high-level tentu jauh lebih mudah dan cepat bila dibandingkan dengan model low-level. Displayable Screen Canvas TextBox List Alert Form Gambar 2.3 Struktur User Interface J2ME Model High-Level API Tujuan akhir dari pembentukan model ini adalah untuk mendukung adanya pengembangan aplikasi yang dapat bersifat portable atau dapat dijalankan di atas alat yang berbeda. Model ini menyediakan kelas-kelas standar untuk keperluan UI (User Interface) seperti komponen Form, TextBox,

13 13 List, Alert dan lainnya. Model high-level ini diimplementasi oleh kelaskelas yang merupakan turunan dari kelas Screen. Model Low-Level API Model low-level memberikan akses penuh kepada para programmer untuk melakukan control terhadap semua tampilan layar, termasuk penggambaran di dalam pixel, pembuatan bentuk geometri (segiempat, segitiga, lingkaran dan lainnya) dan melakukan penggambaran teks dengan bentuk huruf yang spesifik. Contoh aplikasi yang banyak menggunakan model low-level dalam proses pembuatannya adalah aplikasi game Paket javax.microedition.lcdui Semua kelas-kelas yang ada pada GUI di dalam MIDP tersimpan dalam paket lcdui. Maka untuk menggunakan kelas-kelas tersebut kita harus mengimpor paket lcdui ke dalam aplikasi yang kita buat, yaitu dengan menggunakan kode berikut : import javax.microedition.lcdui.*; Paket lcdui itu sendiri terdiri dari beberapa buah interface dan kelas. Berikut ini tabel-tabel yang akan menunjukkan daftar interface dan kelas yang dimaksud. Tabel 2.1 Daftar interface di dalam paket lcdui Interface Keterangan Choice Mendefinisikan API untuk komponen user interface yang mengimplementasikan pemilihan dari sejumlah pilihan yang didefinisikan. CommandListener Digunakan oleh aplikasi yang perlu menerima eventevent level tinggi. ItemStateListener Digunakan oleh aplikasi yang perlu menerima event yang mengindikasikan perubahan keadaan (state) dari item yang terdapat pada objek Form.

14 14 Kelas Alert AlertType Canvas ChoiceGroup Command CustomItem DataField Display Displayable Font Form Gauge Graphics Image ImageItem Tabel 2.2 Daftar class di dalam paket lcdui Keterangan Layar yang menampilkan data kepada user dan menunggu untuk periode waktu tertentu sebelum kembali ke layar sebelumnya. Mengindikasikan tipe-tipe dari objek Alert yang akan ditampilkan. Kelas dasar yang digunakan oleh aplikasi-aplikasi yang membutuhkan event-event level rendah maupun untuk proses penggambaran. Sekumpulan elemen pemilihan yang ditempatkan dalam form. Konstruksi yang membungkus informasi-informasi tentang aksi yang dilakukan oleh user. Digunakan untuk membuat element user interface baru yang akan ditempatkan pada sebuah form. Komponen yang digunakan untuk mempresentasikan tanggal dan waktu. Merepresentasikan manager tampilan. Objek yang memiliki kemampuan untuk ditempatkan pada layar tampilan. Merepresentasikan format huruf yang akan ditampikan ke layar. Objek layar yang ditempati oleh item-item lain. Mengimplementasikan tampilan grafis yang menunjukkan nilai tertentu dan ditempatkan di dalam sebuah form. Menyediakan kemampuan penggambaran pada objek Canvas. Menyimpan data gambar. Menyediakan control layout pada gambar-gambar yang ditempatkan dalam sebuah form.

15 15 Item Kelas dasar untuk komponen-komponen yang dapat ditempatkan ke dalam sebuah form. List Layar yang berisi daftar pilihan. Screen StringItem TextBox TextField Ticker Kelas dasar dari semua komponen-komponen layar dalam user interface level tinggi. Item yang berisi string untuk kemudian ditempatkan di atas form. Layar yang mengizinkan user untuk menyunting atau memanipulasi teks. Komponen untuk memasukkan atau menyunting teks dan ditempatkan di atas form. Ticker Bagian teks yang berjalan secara terus-menerus pada layar tampilan. Setiap tipe layar dapat disertai dengan objek Ticker, kecuali Canvas Arsitektur LCDUI Pada subbab diatas telah dijelaskan kelas-kelas beserta interface yang terdapat dalam paket javax.microedition.lcdui. Untuk selanjutnya akan dibahas mengenai tingkatan atau hirarki dari kelas-kelas tersebut, di bawah ini akan menunjukkan hirarki atau tingkatan dari beberapa kelas penting yang banyak digunakan untuk melakukan pembuatan aplikasi GUI di dalam MIDP. Gambar 2.4 Hirarki kelas-kelas penting dalam LCDUI

16 Storyboard Storyboard dapat digunakan untuk sebagai berikut yaitu; Memungkinkan tim dan klien (pengguna) memeriksa, menyetujui, dan meningkatkan rancangan; Menjadi panduan bagi programmer dan graphics designer; Mengetahui elemen (material) multimedia yang dipakai; Menjaga konsistensi di sepanjang aplikasi multimedia; Memungkinkan rancangan diimplentasikan pada platform yang berbeda, karena storyboard bersifat platform independent. Di dalam storyboard minimal terdapat yaitu ; Nama aplikasi (program) atau modul dan nomor halaman atau nomor layar; Gambar sketsa layar atau halaman beserta rincian objek-objek yang ada pada layar, meliputi: Teks, Gambar, Animasi, Audio, Narasi, Video, Warna, penempatan, ukuran gambar, jika penting, Warna dan font dari teks; Interaksi: pencabangan dan aksi-aksi lainnya (tombol).

17 3. PEMBAHASAN Pada bab ini akan dijelaskan mengenai perancangan dan pembuatan aplikasi Aplikasi Informasi dan Rute Pariwisata di Kota Pacitan. Untuk perancangan dan pembuatan aplikasi ini diperlukan beberapa tahapan seperti perencanaan aplikasi, struktur navigasi, rancangan tampilan, langkah pembuatan aplikasi, implementasi program, instalasi software dan aplikasi, dan spesifikasi aplikasi. 3.1 Perencanaan Aplikasi Pada sub bab perencanaan aplikasi, penulis berencana untuk membuat sebuah aplikasi pada ponsel yang akan menampilkan informasi yang berkaitan dengan informasi pariwisata di Kota Pacitan. Dengan adanya aplikasi ini diharapkan para penggunanya dapat mengetahui lebih mudah dan jelas tentang informasi yang berkaitan dengan Pariwisata di Kota Pacitan melalui ponsel. Informasi tersebut dibagi menjadi beberapa bagian yaitu, info sekilas mengenai Kota Pacitan, info lokasi wisata di Kota Pacitan dan info lokasi penginapan di Kota Pacitan. Informasi tersebut ditampilkan dalam bentuk list menu pilihan yang diharapkan lebih memudahkan para pengguna aplikasi untuk mengakses informasi tersebut. Di dalam tahap perencanaan ini penulis juga menjelaskan tentang pembuatan singkat aplikasi dan cara menggunakan aplikasi Aplikasi Informasi dan Rute Pariwisata di Kota Pacitan yang akan dijelaskan sebagai berikut : Pengguna aplikasi dapat memilih salah satu menu yang tersedia pada saat aplikasi dijalankan. Aplikasi menyediakan beberapa menu seperti ; menu tentang pacitan, menu lokasi wisata, menu info lokasi hotel, menu peta pacitan, menu about. Jika pengguna memilih menu tentang pacitan maka aplikasi akan menampilkan informasi sekilas tentang Kota Pacitan. Jika pengguna memilih menu lokasi wisata maka aplikasi akan menampilkan list daerah pariwisata yang terdapat pada Kota Pacitan yang berbentuk menu pilihan. Jika Pengguna memilih menu info lokasi hotel maka aplikasi akan menampilkan list infomasi penginapan 17

18 18 yang terdapat pada Kota Pacitan yang berupa menu-menu pilihan, jika pengguna memilih menu peta pacitan maka yang ditampilkan aplikasi adalah informasi berupa peta rute perjalanan ke Kota Pacitan, Dan jika pengguna memilih menu about maka yang ditampilkan adalah informasi yang memberitahu tentang aplikasi Aplikasi Informasi dan Rute Pariwisata di Kota Pacitan. 3.2 Struktur Aplikasi Pada sub bab struktur aplikasi, penulis merancang sebuah struktur yang berfungsi untuk menjelaskan secara singkat tentang alur aplikasi, sehingga dalam pembuatan aplikasi dapat dilakukan secara lebih terurut. Struktur aplikasi tersebut akan dijelaskan pada gambar 3.1 berikut ini : Loading Menu Utama Tentang Pacitan Lokasi Wisata Lokasi Hotel Peta Pacitan About Teleng Ria Srau Sidomulyo Gua Gong Tabuhan Pemandian Air Hangat Detail (Info Pariwisata) Detail (Info Lokasi Penginapan) Rute Solo Rute Jogja Rute Ponorogo Peta Rute Perjalanan Gambar 3.1 Struktur Aplikasi 3.3 Storyboard Aplikasi Pada sub bab storyboard, penulis merancang sebuah struktur yang berfungsi untuk menjelaskan secara jelas tentang alur aplikasi, sehingga dalam pembuatan aplikasi dapat dilakukan lebih mendetail. Storyboard tersebut akan dijelaskan pada gambar 3.2 berikut ini :

19 19 Launching Program Launch App Loading Tampilan Proses Loading Menu Utama - Tentang Pacitan - Lokasi Wisata - Lokasi Hotel - Peta Pacitan - About - Keluar Info Sekilas Sekilas Kota Pacitan <Isi Sekilas> Kembali Menu Lokasi Wisata - Pantai Teleng Ria - Pantai Srau - - Pemandian Air Hangat Pilih Kembali Menu Lokasi Hotel - Hotel Permata - Pacitan Hotel - Hotel Srikandi - - Happy Bay Hotel Kembali <Daftar Peta Pacitan> <solo> <Jogja> <ponorogo> pilih kembali Bantuan Aplikasi Bantuan Aplikasi <Isi Bantuan> Kembali <Lokasi Wisata n> Info Lokasi Wisata <Isi info> Kembali <Peta Rute n> <gambar peta> Kembali Gambar 3.2 Storyboard Aplikasi

20 20 Storyboard di atas merupakan urutan untuk mengakses dari halaman satu ke halaman berikutnya. Struktur di atas menggambarkan proses kerja dari aplikasi Aplikasi Informasi dan Rute Pariwisata di Kota Pacitan yang penulis buat. Penjabaran storyboard di atas sebagai berikut: Pada saat aplikasi dijalankan setelah proses launch app, maka halaman pertama yang akan tampil adalah halaman loading. Pada halaman loading terdapat proses tampilan loading, apabila proses tampilan itu selesai maka halaman yang akan tampil selanjutnya adalah menu utama. Pada halaman ini aplikasi akan menampilkan menu pilihan yang dapat dipilih oleh pengguna, yaitu ; tentang pacitan, lokasi wisata, lokasi hotel, peta pacitan, about, dan keluar. Apabila pengguna memilih tentang pacitan maka aplikasi akan menampilkan halaman info sekilas yang berisi tentang pariwisata di Kota Pacitan. Apabila pengguna memilih lokasi wisata maka aplikasi akan menampilkan halaman menu lokasi wisata yang berisi list-list pilihan lokasi wisata. Pada halaman menu lokasi wisata pengguna dapat memilih melalui list menu agar aplikasi menampilkan halaman info dari daerah penyebaran tersebut, disini penulis hanya menampilkan 1 buah halaman deskripsi yaitu daerah penyebaran n dikarenakan pada masing-masing info daerah penyebaran yang berbeda hanya pemanggilan parameter nilai nya. Sebagai contoh pengguna memilih menu daerah penyebaran 1, maka aplikasi akan menampilkan halaman yang berisi tentang info daerah penyebaran Pantai Teleng Ria. Kembali pada menu utama, apabila pengguna memilih lokasi hotel maka aplikasi akan menampilkan halaman list yang menampilkan nama hotel dan juga alamat disertai dengan nomor hotel tersebut. Lalu apabila pengguna memilih peta pacitan maka aplikasi akan menampilkan menu berupa gambar pemilihan peta rute perjalanan kota yang bisa diakses ke Kota Pacitan. Ada 3 pilihan, apabila pengguna memilih icon Solo, maka pengguna akan memasuki peta rute perjalanan dari arah Kota Solo, dan apabila pengguna memilih icon Jogja, maka pengguna akan memasuki peta rute perjalanan dari arah Kota Jogja, dan apabila pengguna memilih Ponorogo, maka pengguna akan memasuki peta rute perjalanan dari arah Kota Ponorogo.

21 21 Sedangkan untuk menu pilihan terakhir yaitu keluar, jika pengguna memilih menu tersebut maka pengguna akan mengakhiri aplikasi ini. 3.4 Perancangan Tampilan Pada sub bab perancangan tampilan, penuls akan menjelaskan mengenai tampilan yang terdapat pada tiap halaman di dalam aplikasi. Pada aplikasi ini terdapat 9 halaman yaitu yang terdiri dari halaman loading, halaman menu utama, halaman tentang pacitan, halaman lokasi wisata, halaman lokasi hotel, halaman info lokasi wisata, halaman peta pacitan, halaman peta rute kota perjalanan dan about. Tampilan halaman-halaman tersebut akan lebih dijelaskan pada sub bab berikut ini Tampilan Halaman Loading Halaman Loading merupakan halaman pertama yang dapat dilihat oleh user, dimana berisi sebuah proses pada saat pengguna akan masuk ke dalam aplikasi. Rancangan tampilan halaman loading dapat dilihat pada gambar 3.3 Image Text Loading Bar Gambar 3.3 Rancangan Halaman Loading Pada halaman Loading ini terdapat image, text dan loading bar, yang dimana image ini merupakan image pacitancity.png, dan teks bertuliskan please wait, dan loading bar merupakan tampilan gauge pada program. Halaman Loading ini merupakan halaman extend form, yang digunakan untuk menunggu proses ke form utama, dengan tampilan Loading Bar. Pada

22 22 aplikasi ini, proses menunggu pada Loading Bar ini memakan waktu sekitar 8 detik. Setelah proses loading selesai, maka aplikasi akan menampilkan form bewarna putih untuk menanyakan apakah suara disertakan dalam aplikasi. Setelah proses loading selesai, maka aplikasi akan menampilkan halaman menu utama Tampilan Halaman Menu Utama Halaman ini merupakan halaman lanjutan setelah proses pada halaman loading selesai. Rancangan tampilan halaman menu utama dapat dilihat pada gambar 3.4 (Title) (Image Background) List Item 1 List Item 2 List Item.. List Item 6 Command Gambar 3.4 Rancangan Halaman Menu Utama Pada tampilan halaman menu utama diatas terdapat Title, Image Background, List Item, dan Command. Title pada halaman ini digunakan untuk menampilkan judul dari halaman yaitu Seni Budaya Jawa. Kemudian Image Background pada halaman ini berfungsi untuk pemberian gambar pada background halaman ini yaitu yang memanggil file gambar background.jpg. Kemudian List Item pada halaman ini berfungsi untuk menampilkan list menu pilihan yang terdiri dari List Item 1 yang menampilkan Tentang Pacitan, List Item 2 yang menampilkan Lokasi Wisata, List Item 3 yang menampilkan Lokasi Hotel, List Item 4 yang menampilkan Peta Pacitan, List Item 5 yang menampilkan About, dan List Item6 yang menampilkan exit. Kemudian Command pada halaman ini digunakan untuk menampilkan tombol Pilih.

23 23 Halaman menu utama merupakan tampilan dengan extends canvas yang didalamnya terdapat proses untuk memilih diantara List Item yang merupakan text yang dijadikan sebagai menu pilihan, yaitu jika pengguna memilih List Item 1 maka aplikasi akan mengakses halaman tentang pacitan, jika pengguna memilih List Item 2 maka aplikasi akan mengakses halaman lokasi wisata, jika pengguna memilih List Item 3 maka aplikasi akan mengakses halaman menu lokasi hotel, jika pengguna memilih List Item 4 maka aplikasi akan mengakses halaman peta pacitan, List Item 5 maka aplikasi akan mengakses halaman about, dan jika pengguna memilih List Item 6 maka aplikasi akan melakukan proses keluar dari aplikasi. Proses pemilihan List Item dilakukan dengan penekanan tombol select / fire / tombol angka Tampilan Halaman Tentang Pacitan Halaman sekilas merupakan pilihan dari menu yang terdapat dalam halaman menu utama. Pada menu ini, pengguna aplikasi dapat melihat info sekilas tentang Kota Pacitan. Rancangan tampilan halaman info sekilas dapat dilihat pada gambar 3.5 (Title) (Image Background) Command Text..... Gambar 3.5 Rancangan Halaman Tentang Pacitan Pada tampilan info sekilas diatas terdapat Title, Image Background, Text, dan Command. Title pada halaman ini digunakan untuk menampilkan judul dari halaman yaitu Tentang Seni Budaya. Kemudian Image Background pada halaman ini berfungsi untuk pemberian gambar pada background halaman ini

24 24 yaitu yang memanggil file gambar background1.jpg. Text pada halaman ini digunakan untuk menampilkan kalimat-kalimat yang berkaitan dengan info sekilas seni budaya jawa. Sedangkan command pada halaman ini akan menampilkan Kembali. Halaman info sekilas diatas merupakan tampilan dengan extends canvas yang digunakan untuk melakukan proses menampilkan info penjelasan singkat / sekilas tentang seni budaya jawa. Halaman ini menampilkan info seni budaya dengan menampilkan kalimat per kalimat yang disusun di dalam Text. Jika pada halaman ini pengguna memilih Command kembali, maka proses yang dilakukan aplikasi adalah menampilkan kembali halaman menu utama Tampilan Halaman Lokasi Wisata Halaman menu penyebaran merupakan pilihan dari menu yang terdapat dalam halaman menu utama. Pada menu ini, pengguna aplikasi dapat memilih list menu pilihan yang merupakan daerah lokasi wisata. Rancangan tampilan halaman menu lokasi wisata dapat dilihat pada gambar 3.6 Title Listitem 1 Listitem 2 Listitem 3 Listitem 4 Listitem 5 Listitem 6 Listitem 7 Ticker Command Gambar 3.6 Rancangan Halaman Lokasi Wisata Merupakan rancangan tampilan menu lokasi wisata yang terdiri dari 7 list item yang dapat dipilih dengan command button. Urutan list item pada halaman ini adalah Pantai Teleng Ria pada list 1, Pantai Srau pada list 2, Pantai Sidomulyo

25 25 pada list 3, Gua Gong pada list 4, Gua Tabuhan pada list 5, Pemandian Air Hangat pada list 6 dan kembali pada list 7. Jika list 1 dipilih maka program akan menampilkan form yang menjelaskan wisata di Pantai Teleng Ria disertai gambar. Jika list 2 dipilih maka program akan menampilkan form yang menjelaskan Wisata Pada Pantai Srau disertai gambar. Jika list 3 dipilih maka program akan menampilkan form yang menjelaskan Wisata Pada Pantai Sidomulyo disertai gambar. Jika list 4 dipilih maka program akan menampilkan form yang menjelaskan Wisata Pada Gua Gong disertai gambar. Jika list 5 dipilih maka program akan menampilkan form yang menjelaskan Wisata Pada Gua Tabuhan disertai gambar. Jika list 6 dipilih maka program akan menampilkan form yang menjelaskan Wisata Pada Pemandian Air Panas disertai gambar. Dan jika list 6 dipilih, maka aplikasi akan kembali ke menu utama. Pada tampilan halaman ini terdapat teks untuk menampilkan judul dari halaman yaitu Daftar Lokasi Wisata Pacitan dan icon yang berada pada posisi depan dari list item sehingga tiap list item memiliki sebuah icon, yang icon tersebut bernama btnimage.png. Lalu dibawah List Item terdapat ticker yang bertuliskan Informasi Lokasi Wisata Kota Pacitan. Command button digunakan untuk menavigasi pilihan sehingga diberi label Pilih sebagai tanda untuk memilih 1 dari ketujuh list yang ditampilkan pada halaman ini Tampilan Halaman Info Lokasi Wisata Halaman daerah penyebaran merupakan tampilan info-info pilihan dari menu lokasi wisata. Pada menu ini, pengguna aplikasi dapat melihat info dari masing-masing lokasi wisata sesuai dengan pilihan pengguna. Rancangan tampilan halaman info lokasi wisata dapat dilihat pada gambar 3.7

26 26 (Image Background) (Title) Text..... Command Gambar 3.7 Rancangan Halaman Info Lokasi Wisata Pada tampilan info lokasi wisata aplikasi diatas terdapat Title, Image Background, Text, dan Command. Title pada halaman ini digunakan untuk menampilkan judul dari halaman, contohnya apabila pengguna memilih lokasi wisata pantai teleng ria maka title-nya yaitu Pantai Teleng Ria. Kemudian Image Background pada halaman ini berfungsi untuk pemberian gambar pada background halaman ini yaitu yang memanggil file gambar telengria.png. Text pada halaman ini digunakan untuk menampilkan kalimat-kalimat yang berkaitan tentang informasi daerah penyebaran yang dipilih oleh pengguna. Sedangkan command pada halaman ini akan menampilkan Kembali. Halaman info daerah penyebaran diatas merupakan tampilan dengan extends canvas yang digunakan untuk melakukan proses menampilkan info penjelasan singkat / sekilas tentang daerah penyebaran dengan menampilkan kalimat per kalimat yang disusun di dalam Text. Jika pada halaman ini pengguna memilih Command kembali, maka proses yang dilakukan aplikasi adalah menampilkan kembali halaman menu utama Tampilan Halaman Lokasi Hotel Pada tampilan list halaman lokasi hotel ini terdapat 6 list yang sudah bisa langsung dibaca keterangannya. Yang didalamnya terdapat nama hotel, alamat, dan nomor telepon yang bisa dihubungi. berikut adalah gambar rancangan halaman lokasi hotel pada gambar 3.7

27 27 Title Listitem 1 Listitem 2 Listitem 3 Listitem 4 Listitem 5 Listitem 6 Ticker Command Gambar 3.7 Rancangan Halaman Lokasi Hotel Pada list ini sudah tertulis lengkap nama hotel, alamat, dan nomor telepon yang bisa dihubungi. Pada listitem 1, terdapat tulisan Hotel Permata, Jln Permata Hotel, Jl. Gatot Subroto No. 26 Pacitan, Telp. : Pada listitem 2, terdapat tulisan Pacitan Hotel Jl. A. Yani No. 37 Pacitan Telp. : Pada listitem 3, terdapat tulisan Hotel Srikandi Jl. A. Yani No. 67 Pacitan Telp. : Pada listitem 4, terdapat tulisan Hotel Wijaya Jl. P. Sudirman No. 41 Pacitan Telp. : Pada listitem 5, terdapat tulisan Hotel Sidomulyo Jl. P.Sudirman No. 25 Pacitan Telp. : Pada listitem 6, terdapat tulisan Happy Bay Hotel Cheerful Teleng Coast is Sub-District Sidoarjo, Pacitan Telp. : Pada tampilan halaman ini terdapat teks untuk menampilkan judul dari halaman yaitu List Penginapan dan icon yang berada pada posisi depan dari list item sehingga tiap list item memiliki sebuah icon, yang icon tersebut bernama btnimage.png. Lalu dibawah List Item terdapat ticker yang bertuliskan Daftar Penginapan Kota Pacitan. Command button digunakan untuk menavigasi pilihan sehingga diberi label Back sebagai tanda untuk kembali ke menu utama.

28 Tampilan Halaman Peta Pacitan Halaman peta pacitan merupakan tampilan pilihan peta rute perjalanan dari kota tertentu kearah kota pacitan, hal ini akan memudahkan pengguna untuk mengetahui rute perjalanan ke kota pacitan yang bisa diakses oleh pengguna. Pada menu ini, pengguna aplikasi dapat melihat peta rute perjalanan ke Kota Pacitan dari arah Kota Solo, Jogja, dan Ponorogo. Rancangan tampilan halaman info daerah penyebaran dapat dilihat pada gambar 3.8 (Ticker) (background) Image 1 Image 2 Image 3 Command1 Command2 Gambar 3.8 Rancangan Halaman Peta Pacitan Pada tampilan peta penyebaran diatas terdapat Background, Image1, Image2, Image3, Command1, dan Command2. Background pada halaman ini berfungsi untuk memberikan latar belakang berupa peta pacitan yang yang terdapat tulisan Rute Perjalanan, lalu Image1 pada halaman ini berfungsi untuk pemunculan gambar peta pada halaman ini yaitu sebagai contoh pemanggillan file gambar peta1.jpg. lalu Image2 pada halaman ini berfungsi untuk pemunculan gambar peta pada halaman ini yaitu sebagai contoh pemanggillan file gambar peta2.jpg. Image3 pada halaman ini berfungsi untuk pemunculan gambar peta pada halaman ini yaitu sebagai contoh pemanggillan file gambar peta3.jpg. Sedangkan command1 pada halaman ini akan menampilkan pilih, dan command2 pada halaman ini akan menampilkan Kembali.

29 29 Halaman peta diatas merupakan tampilan dengan extends canvas yang digunakan untuk melakukan proses menampilkan gambar peta dari masingmasing daerah penyebaran. Jika pada halaman ini pengguna memilih Command kembali, maka proses yang dilakukan aplikasi adalah menampilkan kembali halaman menu utama Tampilan Halaman Peta Rute Perjalanan Halaman peta rute perjalanan merupakan tampilan peta pilihan dari menu peta pacitan. Pada menu ini, pengguna aplikasi dapat melihat peta dari masingmasing rute sesuai dengan pilihan pengguna. Rancangan tampilan halaman info daerah penyebaran dapat dilihat pada gambar 3.8 (Ticker) Image Command Gambar 3.9 Rancangan Halaman Peta Rute Perjalanan Pada tampilan peta rute penyebaran diatas terdapat Image, dan Command. Image pada halaman ini berfungsi untuk pemunculan gambar peta pada halaman ini yaitu sebagai contoh pemanggillan file gambar solo.jpg. Sedangkan command pada halaman ini akan menampilkan Kembali. Halaman peta diatas merupakan tampilan dengan extends canvas yang digunakan untuk melakukan proses menampilkan gambar peta dari masingmasing rute perjalanan. Jika pada halaman ini pengguna memilih Command kembali, maka proses yang dilakukan aplikasi adalah menampilkan kembali halaman list peta pacitan.

30 Tampilan Halaman About Halaman about merupakan pilihan dari menu yang terdapat dalam halaman menu utama. Pada menu ini, pengguna aplikasi dapat melihat info tentang aplikasi. Rancangan tampilan about aplikasi dapat dilihat pada gambar 3.14 (Image Background) (Title) Text..... Command Gambar 3.10 Rancangan Halaman About Pada tampilan info bantuan aplikasi diatas terdapat Title, Image Background, Text, dan Command. Title pada halaman ini digunakan untuk menampilkan judul dari halaman yaitu Bantuan Aplikasi. Kemudian Image Background pada halaman ini berfungsi untuk pemberian gambar pada background halaman ini yaitu yang memanggil file gambar background1.jpg. Text pada halaman ini digunakan untuk menampilkan kalimat-kalimat yang berkaitan tentang informasi yang dapat digunakan untuk membantu penggunaan aplikasi. Sedangkan command pada halaman ini akan menampilkan Kembali. Halaman bantuan diatas merupakan tampilan dengan extends canvas yang digunakan untuk melakukan proses menampilkan info penjelasan singkat / sekilas tentang cara penggunaan aplikasi dengan menampilkan kalimat per kalimat yang disusun di dalam Text. Jika pada halaman ini pengguna memilih Command kembali, maka proses yang dilakukan aplikasi adalah menampilkan kembali halaman menu utama.

31 Langkah Pembuatan Aplikasi Langkah pembuatan aplikasi adalah bagian dari tahap ketiga pembangunan aplikasi ini, langkah pembuatan aplikasi sangatlah penting, ini disebabkan dengan membuat sebuah langkah pembuatan, pembuat aplikasi akan lebih mudah dalam melakukan pembuatan aplikasi dengan menerapkan semua rancangan dalam interface sebelumnya. Kemudian diimplementasikan kedalam bentuk baris-baris kode program yang lebih terstruktur. Dengan adanya langkah pembuatan aplikasi, pembuat aplikasi akan merasa mudah dalam menentukan class-class apa saja yang dibutuhkan untuk membangun sebuah aplikasi ini. Seperti kelas utama yang berfungsi sebagai container (sebagai wadah pendeklarasian) untuk class-class yang ada didalam aplikasi. Class-class ini diletakkan didalam sebuah package PacitanCity, dan dimana tiap-tiap classnya akan terdapat baris program yang memanggil Package PacitanCity agar bisa di-compile Pembuatan Class Utama Pacitan city Pada class pacitancity merupakan class yang menjadi container untuk semua class-class yang terdapat didalam aplikasi ini. Selain sebagai container, class ini berfungsi sebagai class utama yang mendeklarasikan MIDlet. MIDlet berfungsi untuk menangani event pada level tinggi. Class ini dideklarasikan sebagai Visual MIDlets, yang didalamnya terdapat beberapa method yang sudah dideklarasikan didalamnya(sehingga tidak bisa diubah/dihapus). Berikut adalah baris program yang terdapat pada class pacitancity. public class pacitancity extends MIDlet { public pacitancity() { formloading = new FormLoading(this); } public Display getdisplay() {

32 32 } return Display.getDisplay(this); public void exitmidlet() { destroyapp(true); notifydestroyed(); } public void startapp() { getdisplay().setcurrent(formloading); } public void pauseapp() { } } public void destroyapp(boolean b){ } Method getdisplay() digunakan untuk mengembalikan nilai instance dari objek Display, sehingga method ini menjadi subtitusi dari penulisan kode Display.getDisplay(this). Method startapp digunakan untuk mengaktifasi MIDlet dan menentukan tampilan pertama ketika aplikasi dijalankan pada awalnya, dan pada aplikasi ini halaman yang saya tampilkan yaitu halaman loading dengan method getdisplay.setcurrent(). Pada class utama ini di deklarasikan sebuah objek dari class FormLoading dalam constructor class utama, objek variabel tersebut dideklarasikan dengan nama formloading. Objek variabel loading akan dipanggil pada method startapp(). Method destroyapp() digunakan untuk

33 33 mengakhiri dan melakukan proses penghentian eksekusi MIDlet, tetapi pada aplikasi ini penghentian proses eksekusi MIDlet dilakukan dengan method exitmidlet(), dan method ini terdapat destroyapp dan disertakan method notifydestroyed. Method notifydestroyed digunakan untuk memberitahu program untuk dihentikan, dan proses pada program akan terhenti dan akan menghindari kehilangan data Pembuatan Halaman Loading Pembuatan halaman loading ini memakai class FormLoading, yaitu turunan dari class Form, dan pada class ini di implementasikan fungsi Runnable untuk menjalankan animasi gauge, dan media player di dalam form. public FormLoading(pacitancity run) { super("pacitan City"); Ini merupakan method constructor dari class FormLoading. Disini penulis gunakan super untuk memanggil constructor pada super class yaitu Form, dimana nilai yang dimasukan kedalam parameter menentukan judul dari form yang ditampilkan. gloading = new Gauge("Loading..Please Wait..", false, 8, 0); Pada baris ini penulis menggunakan variabel gloading sebagai gauge, dan teks yang ditampilkan yaitu Loading..Please wait.., variabel boolean yang digunakan false, maksimum nilainya 8 dan minimum nilainya 0. try { image = Image.createImage("/loadingPC.PNG"); } catch (java.io.ioexception e) { } append("\n\n\n\n"); append(new ImageItem(null, image, ImageItem.LAYOUT_CENTER, null)); append("\n\n"); append(gloading);

34 34 Berikutnya dilakukan pemanggilan gambar dengan nama file loadingpc.png yang diambil dari root resource, List program ini diletakkan kedalam blok try catch() untuk menanggulangi terjadinya error pada proses I/O saat pengambilan file gambar. Setelah itu gambar dimasukan dengan perintah append, dimana gambar di atur rata tengah dengan LAYOUT_CENTER. Dan berikutnya dimasukan komponen gauge yaitu gloading dengan append. Posisi dari inputan tergantung dari urutan append yang diketikkan, dan pada koding ini, posisi gambar diatas gauge karena gambar terlebih dahulu di append. public void run() { try { playmedia("/song.mid", "/mid"); } catch (Exception e) { e.printstacktrace();} Berikutnya akan dilakukan pemanggilan fungsi playmedia dengan nama filenya adalah song.mid dan diletakkan didalam blok try-catch untuk menghindari kejadian interupsi di proses playmedia di form loading. while (!done) { if (gloading.getvalue() == 8) { Display.getDisplay(run).setCurrent(run.menuutama); done = true; } else { gloading.setvalue(gloading.getvalue() + 1); } Ini adalah blok program dimana nilai gauge telah mencapai angka 8, maka form loading akan perpindah ke form menuutama. Jika tidak, maka nilai gauge loadingnya akan ditambahkan 1 sampai program berpindah pada form menuutama

35 35 } try { Thread.sleep(500); } catch (InterruptedException err) { } Masih pada blok koding method run, disini akan melakukan sleep sebanyak 500 detik yang berarti penambahan value akan diperlambat selama 500 mili detik. Proses ini berada dalam blok try catch() untuk menghindari kejadian interupsi di proses sleep di form loading. Gambar 3.11 Halaman Loading Pembuatan Halaman Menu Utama Pada aplikasi ini halaman menu merupakan class turunan dari class SeniBudaya (class utama). Class ini merupakan class dengan extends canvas, dan class ini digunakan untuk menampilkan beberapa pilihan dengan menggunakan array String[] private String[] arrmenu = new String[]{"Tentang Pacitan", "Lokasi Wisata", "Lokasi Hotel", "Peta Pacitan", "About", "Exit"}; Pada halaman ini yang merupakan class dengan extends canvas, maka dengan penggunaan function paint(graphics g) aplikasi dapat menampilkan tampilan pemilihan menu yang terlihat lebih menarik. Diawali dengan menampilkan image pada g.drawimage yang digunakan sebagai background.

36 36 Dilanjutkan dengan pemunculan text Pacitan City dengan menggunakan statement g.drawstring yang telah dideklarasikan bentuk font nya yaitu proportional, bold, dan large. Kemudian penggunaan proses looping untuk membuat menu dari array string, dengan proses awal yaitu pembuatan kursor menu dengan g.fillrect dan g.drawrect. Proses pembuatan tampilan menu dilanjutkan dengan menampilkan arraymenu yang telah dideklarasikan, dengan menggunakan g.drawstring yang telah dideklarasikan bentuk font yaitu proportional, bold, dan medium. g.setcolor(0,255,0); g.fillrect(0,app.h-app.h+80+ypos, getwidth(),15); g.setcolor(0,0,0); g.drawrect(0,app.h-app.h+80+ypos, getwidth(),15); } g.setcolor(0,0,0); Font huruf=font.getfont(font.face_proportional, Font.STYLE_BOLD,Font.SIZE_MEDIUM); g.setfont(huruf); g.drawstring(arrmenu[i], app.w/2, app.h-app.h+80+ypos, Graphics.HCENTER Graphics.TOP); Kemudian pada halaman menu ini menggunakan function keypressed yang digunakan untuk proses penggerakan kursor menu menjadi lebih interaktif. Proses yang terdapat di dalam function ini adalah penekanan tombol DOWN (untuk penggerakan kursor ke bawah), penekanan tombol UP (untuk penggerakan kursor ke atas), dan penekanan tombol FIRE (untuk melakukan proses terhadap pemilihan menu). Pemindahan kursor pada menu dilakukan dengan menggunakan variabel statcursor sebagai bantuan untuk melakukan proses pemindahan kursor. Untuk pemilihan menu proses menggunakan penekanan tombol fire dan display dengan variabel kursor sebagai kondisi jika 1 dan penekanan tombol dilakukan maka program akan pindah pada form ttgpacitan, jika 2 dan penekanan tombol dilakukan maka program akan pindah pada form lokasiwisata, jika 3 dan