Perancangan Sistem APLIKASI SEBELAS MARET CAMPUS GUIDE BERBASIS MOBILE MENGGUNAKAN TEKNOLOGI J2ME (JAVA 2 MICRO EDITION)

commit to user 18 d. Harddisk : 320 GB e. Monitor : Toshiba 14 Inch 2. Perangkat Lunak software a. JDK Java Development Kit Merupakan toolkit yang menyediakan library untuk pembuatan dan menjalankan aplikasi yang dibuat dengan menggunakan bahasa pemrograman Java. b. Sun JavaTM Wireless Toolkit 2.5.2 for CLDC. Sun Java WTK 2.5.2 merupakan toolkit yang digunakan untuk mengcompile dan menjalankan simulator terutama untuk aplikasi pemrograman Java J2ME. c. Web Server AppServ versi 2.5.9. d. Database Management System MySQL versi 5.0.27. e. Netbeans IDE 6.5 yang digunakan untuk editor Java. f. Notepad++ untuk editor bahasa PHP. g. Mozilla Firefox sebagai web browser.

3.2.5 Perangkat Pengguna Berjalan di handphone dengan memori minimal 1 MB, mendukung profile

MIDP 2.0 dan configuration CLDC 1.1, mendukung akses jaringan GPRS dan mempunyai resolusi layar 320x240 pixel keypad qwerty contoh E63 atau E71.

3.3. Perancangan Sistem

Aktor yang terlibat : 1. Superadmin 2. Admin Biasa 3. Client commit to user 19 Proses yang dilakukan : 1. Manage admin 2. Manage client 3. Manage objek 4. Manage informasi

3.3.1 Use Case Diagram

Use case mendefinisikan fitur-fitur atau fungsionalitas yang ada pada suatu sistem. Use case pada gambar 3.2 dijelaskan mengenai hubungan interaksi antara aktor dan sistem. Pada gambar 3.2 yang berperan sebagai aktor adalah admin yang terdiri dari admin biasa dan superadmin dan client. Gambar 3.2 Use Case Diagram Manage Data Admin commit to user 20 Gambar 3.2 Use Case Diagram Manage Data Client, Manage Data Informasi dan Manage Data Objek Gambar 3.3 Use Case Diagram Client commit to user 21 Dari skema di atas dapat dijelaskan sebagai berikut : Actor : Superadmin Deskripsi : Manage Data Admin, Manage Data Client, Manage Data Informasi, Manage Data Objek Superadmin dapat me-manage semua data yang ada pada sistem Actor : Admin Biasa Deskripsi : - Manage Data Client Administrator dapat melakukan proses manage data client - Manage Data Informasi Administrator dapat melakukan proses manage data informasi - Manage Data Objek Administrator dapat melakukan proses manage data objek Actor : Client Deskripsi : - Melihat Informasi Client dapat melihat data informasi - Search Objek Client dapat mencari objek, melihat lokasi dan melihat gambar objek commit to user 22

3.3.2 Sequence Diagram

3.3.2.1 Diagram Sequence Login

: tb_client : admin : Superadmin : client : f orm Login : kontrol login cek koneksi : tb_admin Masukkan username dan password get user_password cek f ormat cek koneksi cek admin password tampil pesan error Masukkan username Masukkan username dan password get username cek f ormat tampil pesan error cek username cek koneksi Gambar 3.4 Sequence Diagram Login Sequence Diagram pada gambar 3.4 merupakan ilustrasi dari proses login admin, superadmin dan client. Admin dan superadmin login dengan memasukan username dan password. Ketika berhasil dia akan masuk ke menu admin, dan bila gagal akan ditampilkan pesan kesalahan. Client login dengan memasukan username. Apabila data dicek sistem dan sesuai maka pelanggan akan masuk ke menu utama, dan apabila tidak benar akan ditampilkan pesan kesalahan. commit to user 23

3.3.2.2 Diagram Sequence Informasi

: admin : Superadmin : client info : form : session : form input_info : tb_info : kontrol input_info lihat_info int data info getInfo cekFormat cek koneksi lihat info tampil info input info input info get Input Info cekFormat cek koneksi Input data info tampil pesan error Gambar 3.5 Sequence Diagram Informasi Gambar 3.5 di atas adalah Sequence Diagram Informasi yang ada pada sistem. Admin terlebih dahulu menginputkan data-data terkait informasi objek ke dalam database melalui sisi administrator. Untuk proses client memang berbeda karena client hanya meminta data-data dari informasi objek untuk ditampilkan melalui aplikasi J2ME di handphone. commit to user 24

3.3.2.3 Diagram Sequence Search

: client kategoriList : form : kontrol kategoriList objectList : form : kontrol_objectList gbObjek : form : tb_kategori : tb_objek : kontrol_gbObjek lihat kategori get kategori cekFormat cek koneksi lihat kategori lihat objek get objek cekFormat cek koneksi lihat objek lihat gb_objek get gb_objek cekFormat cek koneksi lihat gb_objek tampil kategori tampil gbObjek tampil objekList Gambar 3.6 Sequence Diagram Search Object Gambar 3.6 di atas adalah Sequence Diagram Search Object yang ada di sistem. Admin terlebih dahulu memasukkan data-data terkait objek list ke database melalui sisi administrator. Untuk proses client memang berbeda karena client hanya meminta data-data dari objek list untuk ditampilkan melalui aplikasi J2ME di handphone. Pada proses search akan menampilkan kategori list terlebih dahulu yang kemudian dipilih, lalu akan muncul objek berdasarkan kategori terpilih kemudian akan menampilkan denah dan lokasi objek dan juga terdapat gambar objek. commit to user 25

3.3.3 Class Diagram Gambar 3.7 ini merupakan Class Diagram dari sistem

Gambar 3.7 Class Diagram sistem commit to user 26 3.3.4 Activity Diagram 3.3.4.1 Activity Diagram client start Membuka Aplikasi MIDlet Start Input Login Menu Utama : 1. UNS 2. Informasi 3. Search 4. Help 5. About 6. Exit Melihat sekilas tentang UNS finish Help Melihat Informasi Search About view tidak Melihat Detail Informasi ya Melihat Kategori List OK tidak Melihat Objek berdasar kategori ya view tidak Melihat denah objek ya tidak Melihat Gambar Objek ya Menu Utama ya tidak Gambar 3.8 Activity Diagram client Activity Diagram seperti yang ditunjukan oleh gambar 3.8 di atas adalah proses yang menggambarkan aktivitas secara umum dilakukan tanpa mengikutsertakan objek yang bertanggungjawab kepada aktivitas tersebut. Kondisi pertama adalah saat aplikasi dibuka melalui ponsel dan menampilkan menu Login. Bagi pengguna yang sudah mendaftar maka dapat melakukan proses login ke aplikasi 11Maret Campus Guide dan masuk ke Menu Utama. commit to user 27

3.3.4.2 Activity Diagram admin

start f inish Membuka Halaman Index Melihat Data Admin Input Login Pilihan Menu Login Superadmin Login Admin Edit Data Admin Melihat Data Client Edit Data Client Melihat Data Inf ormasi Edit Data Inf ormasi Melihat Data Objek Edit Data Objek Tambah Data Admin Tambah Data Client Tambah Data Inf ormasi Tambah Data Objek tidak y a Gambar 3.9 Activity Diagram Admin Activity Diagram seperti yang ditunjukan oleh gambar 3.9 di atas adalah proses yang menggambarkan aktivitas secara umum dilakukan tanpa mengikutsertakan objek yang bertanggungjawab kepada aktivitas tersebut. Kondisi pertama adalah saat aplikasi dibuka melalui ponsel dan menampilkan menu Login. Bagi pengguna yang sudah mendaftar maka dapat melakukan proses login ke aplikasi 11Maret Campus Guide dan masuk ke Menu Utama. commit to user 28

3.4. Perancangan Database