perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
i
APLIKASI SEBELAS MARET CAMPUS GUIDE BERBASIS MOBILE
MENGGUNAKAN TEKNOLOGI J2ME
(JAVA 2 MICRO EDITION)
TUGAS AKHIR
Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya
Program Diploma III Teknik Informatika
Diajukan Oleh :
NIRMA YULIA
NIM. M3108109
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
commit to user
ii
HALAMAN PERSETUJUAN
APLIKASI SEBELAS MARET CAMPUS GUIDE BERBASIS MOBILE
MENGGUNAKAN TEKNOLOGI J2ME
(JAVA 2 MICRO EDITION)
Disusun Oleh
NIRMA YULIA
NIM. M3108109
Tugas Akhir ini telah disetujui untuk dipertahankan Di hadapan dewan penguji
Pada tanggal 14 Juni 2011
Pembimbing
Muhammad Asrie Safi’i, S.Si
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
iii
HALAMAN PENGESAHAN
APLIKASI SEBELAS MARET CAMPUS GUIDE BERBASIS MOBILE
MENGGUNAKAN TEKNOLOGI J2ME
(JAVA 2 MICRO EDITION)
Disusun Oleh
NIRMA YULIA
NIM. M3108109
Pembimbing Utama
Muhammad Asrie Safi’i, S.Si
NIDN. 0603118103
Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir Program Diploma III Teknik Informatika
pada hari Selasa tanggal 12 Juli 2011 Dewan Penguji:
1. Penguji 1 : Muhammad Asrie Safi’i, S.Si ( )
NIDN. 0603118103
2. Penguji 2 : Sahroni, S.Kom ( )
NIP. 19700601 200801 1 009
3. Penguji 3 : Drs. Y.S Palgunadi, M.Sc ( )
NIP. 19560407 198303 1 004
Disahkan Oleh
a.n Dekan FMIPA UNS Pembantu Dekan I
Dr.Sutanto, S.Si, DEA NIP. 19710302 199603 1 001
Ketua
Program D III Teknik Informatika
FMIPA UNS
commit to user
iv ABSTRACT
NIRMA YULIA, 2011, SEBELAS MARET CAMPUS GUIDE
APPLICATION BASED MOBILE USE TECHNOLOGY J2ME (JAVA 2
MICRO EDITION). Informatics Engineering, Diploma Program, Mathematic
And Natural Science Faculty, Sebelas Maret University.
The strong interest for new students wishing to attend the Sebelas Maret University from year to year has increased. With the increased interest in these new candidate UNS facilitates them to open many new courses, constructs additional buildings and improve campus infrastructure. With this installation requires a media information (in the form Sebelas Maret Campus Guide Application) to assist new students in particular and society in general in a course or find places searching information facilities that support new students to the Sebelas Maret University.
Applications Sebelas Maret Campus Guide is a form of applications that runs on mobile devices, gave the development of mobile technology becoming more sophisticated with more features of a consumer demand for broaden collection of information that is more convenient and accessible. The application was built on both sides of the server and the client, were created using the J2ME programming language and used an HTTP connection through GPRS.
It can be concluded that the system has already been developed. Sebelas Maret Guide application can be used as a guide for new students or the general public who want to find information and location of the existing building on the campus of the Sebelas Maret University. With the use of this application will be faster in the search for user object to manually using a map.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
v ABSTRAK
NIRMA YULIA, 2011, APLIKASI SEBELAS MARET CAMPUS GUIDE
BERBASIS MOBILE MENGGUNAKAN TEKNOLOGI J2ME (JAVA 2
MICRO EDITION). Diploma III Teknik Informatika, Fakultas Matematika
dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret.
Tingginya peminat calon mahasiswa baru yang ingin kuliah di Universitas Sebelas Maret dari tahun ke tahun mengalami peningkatan. Seiring dengan meningkatnya peminat tersebut UNS memfasilitasi calon mahasiswa baru diantaranya membuka banyak program studi baru, membangun gedung tambahan, dan memperbaiki sarana prasarana kampus. Dengan adanya fasilitas tersebut dibutuhkan suatu media informasi (berupa Aplikasi Sebelas Maret Campus Guide) untuk mempermudah mahasiswa baru khususnya dan masyarakat pada umumnya dalam mengetahui informasi program studi maupun pencarian lokasi-lokasi dari fasilitas yang menunjang para mahasiswa baru tersebut di Universitas Sebelas Maret.
Aplikasi Sebelas Maret Campus Guide merupakan suatu bentuk aplikasi yang berjalan pada perangkat mobile, mengingat perkembangan teknologi mobile yang semakin canggih dengan fitur-fitur yang semakin beragam disamping tuntutan konsumen terhadap perolehan informasi yang lebih praktis dan mudah diakses. Aplikasi ini dibangun dalam dua sisi yaitu server dan client , dibuat menggunakan bahasa pemrograman J2ME dan menggunakan koneksi HTTP via GPRS.
Aplikasi Sebelas Maret Campus Guide ini dapat dijadikan pedoman bagi para mahasiswa baru ataupun masyarakat umum yang ingin mengetahui informasi dan letak gedung yang ada di kampus Universitas Sebelas Maret. Dengan pemanfaatan aplikasi ini penggunaan akan lebih cepat dalam pencarian objek dibanding dengan pencarian secara manual menggunakan peta.
commit to user
vi MOTTO
Berusahalah untuk tidak menjadi orang sukses, tetapi menjadi orang yang
berharga- Albert Einstein
Hanya orang yang berani gagal besar bisa meraih sukses yang besar- Robert
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
vii
HALAMAN PERSEMBAHAN
commit to user
viii
KATA PENGANTAR
Segala puji syukur penulis ucapkan kehadirat Allah SWT yang telah melimpahkan
rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan laporan Tugas Akhir dengan judul “APLIKASI SEBELAS MARET CAMPUS GUIDE
BERBASIS MOBILE MENGGUNAKAN TEKNOLOGI J2ME (JAVA 2
MICRO EDITION)” sebagai salah satu persyaratan kelulusan Program Diploma
III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam
Universitas Sebelas Maret Surakarta.
Pembuatan Tugas Akhir ini dapat terselesaikan berkat bantuan dan
dukungan dari banyak pihak. Oleh karena itu, disini penulis ingin menyampaikan
ucapan terima kasih kepada :
1. Allah SWT yang telah memberikan rahmat dan hidayah-Nya.
2. Drs. YS. Palgunadi, M.Sc selaku Ketua Program Diploma III Teknik
Informatika FMIPA UNS.
3. Bapak Muhammad Asri Safiie,S.Si. selaku dosen pembimbing Tugas
Akhir yang telah memberikan banyak pengarahan dan petunjuk dalam
menyelesaikan laporan ini.
4. Bapak dan ibu yang senantiasa mendoakan dan mendukung untuk dapat
meyelesaikan tugas akhir ini
5. Kakak dan adik yang telah memberikan dukungan semangat dan doa
setiap saat.
6. Teman-teman seperjuangan di TIB’08 D3 Teknik Informatika UNS atas
segala bantuan terutama Nunung Lestari Handayani, Apriliana Suci
Wulandari, Dyah rahmawati dan semua pihak yang tidak dapat saya
sebutkan.
Semoga laporan ini dapat memberikan manfaat di masa mendatang.
Surakarta, 14 Juni 2011
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
ix DAFTAR ISI
HALAMAN JUDUL ... i
HALAMAN PERSETUJUAN ... ii
HALAMAN PENGESAHAN ... iii
ABSTRACT ... iv
ABSTRAK ... v
HALAMAN MOTTO ... vi
HALAMAN PERSEMBAHAN ... vii
KATA PENGANTAR ... viii
DAFTAR ISI ... ix
DAFTAR TABEL ... x
DAFTAR GAMBAR ... xi
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang Masalah ... 1
1.2 Rumusan Masalah ... 2
1.3 Batasan Masalah ... 2
1.4 Tujuan dan Manfaat ... 3
1.5 Metodologi ... 3
1.6 Sistematika Penulisan ... 4
BAB II DASAR TEORI ... 5
2.1 Aplikasi Mobile ... 5
2.2 Mengenal Pemrograman Java ... 5
2.2.1 Pemrograman Mobile (Java 2 Micro Edition/J2ME) ... 6
2.2.2 CLDC (Connected Limited Device Configuration) ... 7
commit to user
x
2.2.4 MIDlet ... 8
2.2.5 JAD (Java Application Descriptor) ... 8
2.3 Bahasa Pemrograman PHP ... 8
2.4 Pengertian UML ... 9
2.4.1 Use Case Diagram ... 9
2.4.2 Sequence Diagram ... 10
2.4.3 Class Diagram ... 11
2.4.4 Activity Diagram ... 12
2.4.5 Component Diagram ... 13
2.4.6 Deployment Diagram ... 14
2.5 Mengenal MySQL ... 14
BAB III DESAIN DAN PERANCANGAN ... 15
3.1 Gambaran Umum Sistem ... 15
3.2 Analisis Sistem ... 17
3.2.1 Identifikasi Masalah ... 17
3.2.2 Spesifikasi Aplikasi ... 17
3.2.3 Spesifikasi Pengguna ... 17
3.2.4 Perangkat Pengembangan Sistem ... 17
3.2.5 Perangkat Pengguna ... 18
3.3 Perancangan Sistem ... 18
3.3.1 Use Case Diagram ... 19
3.3.2 Sequence Diagram ... 20
3.3.2.1 Sequence Diagram Login ... 22
3.3.2.2 Sequence Diagram Informasi ... 23
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xi
3.3.3 Class Diagram ... 25
3.3.4 Activity Diagram ... 26
3.3.4.1 Activity Diagram Client ... 26
3.3.4.2 Activity Diagram Admin ... 27
3.4 Perancangan Database ... 28
3.4.1 Tabel Admin ... 28
3.4.2 Tabel Client ... 28
3.4.3 Tabel Kategori ... 29
3.4.4 Tabel Info ... 29
3.4.5 Tabel Log ... 30
3.4.6 Tabel Objek ... 30
3.4.6 Relathionship Diagram ... 31
3.5 Rancangan Desain Sistem ... 31
3.5.1 Rancangan Desain Website Administrator ... 31
3.5.2 Rancangan Aplikasi J2ME untuk Client/ user ... 33
BAB IV IMPLEMENTASI DAN ANALISA ... 35
4.1 Hierarki Input Proses Output (HIPO) ... 35
4.2 Implementasi Desain dan Perancangan ... 36
4.2.1 Tampilan Sistem Client ... 36
4.2.2 Tampilan Sistem Admin ... 45
BAB V PENUTUP ... 53
5.1 Kesimpulan ... 53
5.2 Saran ... 53
commit to user
xii
DAFTAR TABEL
Tabel 2.1 Simbol Use Case ... 10
Tabel 2.2 Simbol Sequence ... 11
Tabel 2.3 Simbol Class ... 12
Tabel 2.4 Simbol Activity ... 12
Tabel 2.5 Simbol Component ... 13
Tabel 2.6 Simbol Deployment ... 14
Tabel 3.1 Tabel Admin ... 28
Tabel 3.2 Tabel Client ... 28
Tabel 3.3 Tabel Kategori... 29
Tabel 3.4 Tabel Info ... 29
Tabel 3.5 Tabel Log ... 30
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xiii
DAFTAR GAMBAR
Gambar 2.1 Arsitektur J2ME ... 6
Gambar 3.1 Gambaran Umum Sistem ... 15
Gambar 3.2 Use Case Diagram Manage Data Admin ... 19
Gambar 3.3 Use Case Diagram Manage Data Client, Informasi, Objek ... 20
Gambar 3.4 Use Case Diagram Client ... 20
Gambar 3.5 Sequence Diagram Login ... 22
Gambar 3.6 Sequence Diagram Informasi ... 23
Gambar 3.7 Sequence Diagram Search ... 24
Gambar 3.8 Class Diagram sistem ... 25
Gambar 3.9 Activity Diagram Client ... 26
Gambar 3.10 Activity Diagram Admin ... 27
Gambar 3.11 Relationship Diagram ... 31
Gambar 3.12 Halaman index aplikasi sisi server ... 32
Gambar 3.13 Halaman home aplikasi sisi server ... 33
Gambar 3.14 Form Login Client ... 33
Gambar 3.15 Desain aplikasi menu awal ... 34
Gambar 4.1 Algoritma Login Client ... 37
Gambar 4.2 Form Login Client ... 37
Gambar 4.3 Form Gagal Login Client ... 38
Gambar 4.4 Form Menu Utama ... 38
Gambar 4.5 Form UNS ... 39
Gambar 4.6 Algoritma Informasi ... 40
commit to user
xiv
Gambar 4.8 Keterangan Objek ... 40
Gambar 4.9 Algoritma proses Search Objek... 41
Gambar 4.10 Form kategoriList ... 42
Gambar 4.11 Form objectList ... 42
Gambar 4.12 Form peta Lokasi ... 42
Gambar 4.13 Form gambar objek ... 43
Gambar 4.14 Form Help ... 43
Gambar 4.15 Form About ... 44
Gambar 4.16 Form Exit... 44
Gambar 4.17 Struktur Menu sistem admin ... 45
Gambar 4.18 Halaman Index ... 46
Gambar 4.19 Halaman Home ... 46
Gambar 4.20 Halaman Informasi ... 47
Gambar 4.21 Halaman Edit Informasi ... 47
Gambar 4.22 Halaman View Admin ... 48
Gambar 4.23 Halaman Edit Admin ... 48
Gambar 4.24 Halaman View Client ... 49
Gambar 4.25 Halaman Edit Client ... 49
Gambar 4.26 Halaman View Objek ... 50
Gambar 4.27 Halaman Edit Objek ... 50
Gambar 4.28 Halaman Add Admin ... 51
Gambar 4.29 Halaman Add Client ... 51
Gambar 4.30 Halaman Add Data Objek ... 52
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
1 BAB I
PENDAHULUAN
1.1 LATAR BELAKANG
Perkembangan teknologi Java sekarang berkembang sangat pesat. Teknologi
Java yang pada awalnya hanya untuk aplikasi pada desktop (J2SE) maupun pada
application server (J2EE), kini telah berkembang dengan teknologi terbaru yaitu
J2ME untuk aplikasi pada mobile device seperti telepon seluler, pager, PDA dan
sejenisnya. Perkembangan teknologi ini dapat dirasakan oleh masyarakat dan
dimanfaatkan dalam berbagai bidang kehidupan. Dengan teknologi mobile ini
memungkinkan para pengembang membuat aplikasi nirkabel yang dapat
diimplementasikan pada berbagai merk telepon genggam yang mendukung
aplikasi Java. Selain itu dengan aplikasi mobile kita bisa dapat dengan mudah
mencari informasi, membaca koran, transaksi banking atau berbagi pengalaman
dan informasi tak harus bertatap muka karena dengan mudah bisa dilakukan dari
perangkat genggam.
Calon mahasiswa yang berminat kuliah di Universitas Sebelas Maret (UNS)
Surakarta pada Seleksi Nasional Masuk Perguruan Tinggi Negeri (SNMPTN)
2010 mencapai 44.649 orang. Angka tersebut hanya kalah dari Universitas
Hasanuddin Makassar dengan 48.439 orang.
Melihat tingginya peminat kuliah di UNS terbanyak nomor dua di
Indonesia, maka diperlukan sebuah alat yang bisa digunakan untuk pemandu
calon mahasiswa baru maupun masyarakat umum dalam mengetahui denah area
kampus UNS. Selain itu, juga diperlukan alat yang dapat memberikan informasi
mengenai fakultas dan fasilitas yang ada di area kampus UNS.
Berdasarkan data di atas maka pada tugas akhir ini dibuatlah sebuah aplikasi
Campus Guide yang ditanamkan pada perangkat mobile untuk memberikan
commit to user
dalam mengetahui area di kampus Universitas Sebelas Maret. Selain itu aplikasi
Sebelas Maret Campus Guide ini juga diharapkan mampu membantu dalam
mempromosikan UNS sebagai universitas yang cukup diminati. Aplikasi ini akan
dirancang tampilan menu yang user friendly sehingga akan memudahkan user
dalam penggunaannya.
1.2 RUMUSAN MASALAH
Berdasarkan latar belakang di atas, maka dapat dirumuskan suatu
permasalahan yang berkaitan dengan penggunaan aplikasi Sebelas Maret Campus
Guide yaitu Bagaimana membuat aplikasi map kampus berbasis J2ME sebagai
sarana untuk mempermudah pencarian objek dan mendapatkan informasi
mengenai kampus?.
1.3 BATASAN MASALAH
Berdasarkan latar belakang masalah yang telah diuraikan di atas maka
batasan masalah yang dibahas adalah sebagai berikut :
1. Daerah yang menjadi objek dalam aplikasi ini adalah kampus Universitas
Sebelas Maret kampus I
2. Mahasiswa atau user harus melakukan pendaftaran untuk dapat
menggunakan aplikasi ini
3. Perangkat mobile yang digunakan adalah handphone dengan keybord
qwerty yang support java
4. Aplikasi ini hanya menampilkan informasi seputar UNS, informasi
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
3
1.4 TUJUAN DAN MANFAAT
Tujuan dari pembuatan aplikasi ini adalah sebagai berikut :
1. Mendapatkan efisiensi yang lebih dibandingkan dengan mencari
informasi secara manual
2. Mendapatkan informasi yang update mengenai informasi program studi,
fasilitas kampus, map kampus dan gambar objek.
3. Mengenalkan teknologi pengembangan mobile map yang berupa aplikasi
Sebelas Maret Campus Guide pada mahasiswa baru UNS dan
masyarakat umum
Manfaat dari aplikasi ini yaitu dapat membantu mahasiswa baru untuk lebih
mengenal area kampus dan mengetahui lokasi kampus serta informasi
mengenai fakultas dan fasilitas di dalam kampus.
1.5 METODOLOGI
Metodologi yang digunakan pada proyek tugas akhir ini adalah sebagai
berikut :
1. Studi Literatur
Dalam studi literatur ini akan mempelajari beberapa hal berikut ini:
- Mempelajari tentang bahasa pemrograman java menggunakan
perangkat mobile (J2ME)
- Mempelajari pengolahan data lewat RMS
- Mempelajari pembuatan Graphical User Interface dengan
menggunakan NetBeans
- Mempelajari metode pembangunan aplikasi client-server
2. Melakukan perancangan model aplikasi client-server
3. Survei lapangan dan pengambilan data
4. Membangun aplikasi
commit to user
6. Analisa dan evaluasi
7. Membuat kesimpulan dari hasil pengujian
8. Penyusunan laporan
1.6 SISTEMATIKA PENULISAN
Sistematika penulisan yang digunakan dalam pembuatan laporan tugas akhir
ini meliputi :
BAB I Pendahuluan
Dalam bab ini akan dipaparkan tentang latar belakang masalah, batasan masalah,
tujuan dan manfaat penelitian, metode penyelesaian masalah serta sistematika
penulisan laporan.
BAB II Dasar Teori
Berisi teori yang mendasari penyusunan dan pembuatan aplikasi ini.
BAB III Desain dan Perancangan
Berisi tentang perancangan aplikasi meliputi perancangan sistem menggunakan
UML (Unified Modeling Language) termasuk di dalamnya Use Case Diagram,
Class Diagram, Activity Diagram, dan Sequence Diagram. Sedangkan untuk
perancangan database menggunakan Relationship Diagram.
BAB IV Implementasi dan Analisa
Menjelaskan hasil dari pengujian dan perancangan sistem yang ditampilkan dalam
bentuk aplikasi yang diharapkan.
BABV Penutup
Pada bab ini berisi kesimpulan dari aplikasi yang telah dibuat dan saran mengenai
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
5 BAB II
DASAR TEORI
2.1. Aplikasi Mobile
Alat komunikasi telepon seluler (handphone) pada saat ini sudah bukan
merupakan barang mewah, dan hampir sebagian besar masyarakat Indonesia
memilikinya. Keberadaan alat tersebut dapat dirasakan manfaatnya untuk
menjalin komunikasi antar individu.
Handphone mampu memperpendek jarak yang jauh, sehingga dapat saling
berkomunikasi pada saat bersamaan. Ia banyak membantu komunikasi antar
invividu dan bahkan antar kelompok dengan berbagai fasilitas layanan yang
disediakan jasa telekomunikasi.
Perkembangan teknologi mobile devices yang cepat membuat fungsi dari
telepon seluler tersebut semakin bertambah tidak hanya untuk melakukan
hubungan telepon dengan orang lain dan mengirimkan pesan atau SMS tetapi juga
sebagai sarana komunikasi yang lain.
2.2. Mengenal Pemrograman Java
Menurut Abdul Kadir, 2005, Java adalah bahasa pemrograman yang
berorientasi objek (OOP) dan dapat dijalankan pada berbagai platform sistem
operasi. Java dikembangkan oleh insinyur Sun Microsystems yang dipimpin oleh
Patrick Naughton dan James Gosling pada Agustus 1991 dengan nama semula
Oak.
Dalam sebuah literatur disebutkan bahwa Java merupakan perpaduan sifat
dari sejumlah bahasa pemrograman, yaitu C, C++, Object-C, SmallTalk dan
Commond LISP. Program Java dapat dibedakan menjadi dua jenis, yaitu applet
dan aplikasi.
Sun menyediakan perangkat lunak untuk membuat program java dengan
commit to user
dan package yang berguna untuk membuat aplikasi desktop atau applet java. JDK
memiliki tiga kelompok pengembangan, yaitu Java 2 Standard Edition (J2SE)
untuk kebutuhan standard, Java 2 Enterprise Edition (J2EE) untuk kebutuhan
skala besar dan Java 2 Mobile Edition (J2ME) untuk kebutuhan pemrograman
berbasis mobile. Java memiliki berbagai macam editor yang dapat digunakan
untuk membangun sebuah aplikasi, diantaranya adalah Netbeans, Eclipse dan
JCreator.
2.2.1. Pemrograman Mobile (Java 2 Micro Edition/ J2ME)
Menurut M. Shalahuddin, Rosa A.S, 2010, JAVA2 Micro Edition atau
disebut J2ME adalah lingkungan pengembangan yang didesain untuk meletakkan
perangkat lunak java pada barang elektronik beserta perangkat pendukungnya.
Pada J2ME, jika perangkat lunak berfungsi dengan baik pada sebuah perangkat,
maka belum tentu dapat berjalan dengan baik pula pada perangkat lainnya. J2ME
membawa Java ke dunia informasi, komunikasi, dan perangkat komputasi selain
perangkat komputer dekstop yang biasanya lebih kecil dari perangkat komputer
dekstop. J2ME biasanya digunakan pada telepon selular, pager, PDA dan
sejenisnya.
Menurut Shalahuddin, 2010, J2ME adalah bagian dari J2SE, karena itu
tidak semua library yang ada pada J2SE dapat digunakan pada J2ME. Tetapi
J2ME memiliki library khusus yang tidak dimiliki J2SE. Arsitektur J2ME dapat
dilihat pada gambar berikut :
Profile
Configuration Library
JVM
Sistem Operasi
Gambar 2.1 Arsitektur J2ME
Teknologi juga memiliki beberapa keterbatasan terutama jika
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
7
biasanya dari segi merk ponsel maupun kemampuan ponsel dan dukungannya
terhadap teknologi J2ME. Salah satu contohnya adalah ukuran aplikasi, karena
memori pada ponsel sangat terbatas. Sebagian jenis ponsel tidak mengijinkan
aplikasi J2ME menulis pada file dengan alasan keamanan.
Configuration merupakan Java Library minimun dan kapabilitas yang
dipunyai oleh para pengembang J2ME, yang maksudnya sebuah mobile device
dengan kemampuan Java yang dioptimalkan untuk menjadi sesuai. Configuration
hanyalah mengatur hal-hal tentang keamanan sehingga dapat dijadikan ukuran
kesesuaian antar device. Dalam J2ME telah didefinisikan dua jenis konfigurasi
yaitu CLCD (Connected Limited Device Configuration) untuk perangkat kecil dan
CDC (Connected Device Configuration) untuk perangkat yang lebih besar
menjadi sesuai. Configuration hanyalah mengatur hal-hal tentang keamanan
sehingga dapat dijadikan ukuran yang kesesuaian antar device. Dalam J2ME telah
didefinisikan dua jenis konfigurasi yaitu CLDC (Connected Limited Device
Configuration) untuk perangkat kecil dan CDC (Connected Device Configuration)
untuk perangkat yang lebih besar.
Profile berbeda dengan Configuration, Profile membahas salah satu yang
spesifik untuk sebuah perangkat. Sebagai contoh misalnya, sebuah sepeda dengan
merk tertentu memiliki ciri spesifik dengan sepeda lain. Dalam J2ME terdapat dua
buah profile yaitu MIDP dan Foundation Profile.
2.2.2. CLDC (Connected Limited Device Configuration)
Menurut Shalahuddin, 2010, CLDC atau Connected Limited Device
Configuration adalah perangkat dasar dari J2ME, spesifikasi dasar yang berupa
library dan API yang diimplementasikan pada J2ME, seperti yang digunakan pada
telepon seluler, pager dan PDA. Perangkat tersebut dibatasi oleh keterbatasan
commit to user
2.2.3. MIDP (Mobile Information Device Profile)
Menurut Shalahuddin, 2010, MIDP atau Mobile Information Device
Profile adalah spesifikasi untuk sebuah profile J2ME. MIDP memiliki lapisan di
atas CLDC, API tambahan untuk daur hidup aplikasi, antarmuka, jaringan dan
penyimpanan persisten. MIDP user interface API memiliki API level rendah dan
tinggi. API level rendah berbasiskan penggunaan dari kelas abstrak canvas
sedangkan untuk API level tinggi berbasis kelas abstrak screen.
2.2.4. MIDlet
Menurut Shalahuddin, 2010, MIDlet adalah aplikasi yang ditulis untuk
MIDP. MIDlet berupa kelas abstrak yang merupakan sub kelas dari bentuk dasar
aplikasi sehingga antarmuka antara aplikasi J2ME dan aplikasi manajemen pada
perangkat dapat terbentuk.
2.2.5. JAD (Java Application Descriptor)
Menurut Shalahuddin, 2010,Digunakan untuk mendeskripsikan isi aplikasi
untuk keperluan pemetaan. File JAD berisi deskripsi file JAR dan pemetaan
atribut MIDlet, sedangkan file JAR berisi kumpulan kelas dan resource.
2.3. Bahasa Pemrograman PHP
Menurut Jawaad, 2009, PHP adalah singkatan dari Hypertext
Preprocessor, yang merupakan sebuah bahasa scripting yang terpasang pada
HTML. Sebagian besar sintaks mirip dengan bahasa C, Java dan Perl, ditambah
beberapa fungsi PHP yang spesifik. Tujuan utama penggunaan bahasa ini adalah
untuk memungkinkan perancang web menulis halaman web dinamik dengan
cepat.
PHP merupakan bahasa pemograman web yang bersifat server-side, Sifat
server-side berarti pengerjaan skrip PHP akan dilakukan di sebuah web server,
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
9
2.4. Pengertian UML (Unified Modelling Language)
Menurut Munawar, 2005, UML (Unified Modelling Language) adalah salah
satu alat bantu yang sangat handal di dunia pengembangan sistem yang sangat
berorientas objek. Hal ini disebabkan karena UML menyediakan bahasa pemodelan
visual yang memungkinkan bagi pengembang sistem untuk membuat cetak biru atas
visi mereka dalam bentuk baku, mudah dimengerti serta dilengkapi dengan
mekanisme yang efektif untuk berbagi (sharing) dan mengkomunikasikan rancangan
dengan yang lain. Paling tidak ada tiga karakter yang penting yang melekat di UML,
yaitu sketsa, cetak biru dan bahasa.
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-bahasa
berorientasi objek seperti C++, Java, C# atau VB.NET.
Pada UML dikenal beberapa diagram, diantaranya sebagai berikut:
2.4.1. Use Case Diagram
Menurut Munawar, 2005, Use case adalah deskripsi fungsi dari sebuah
sistem dari prespektif pengguna. Use case bekerja dengan cara mendeskripsikan
tipikal interaksi antara user (pengguna) sebuah sistemnya sendiri melalui sebuah
cerita dimana sistem dipakai. Urutan langkah-langkah yang menerangkan antara
pengguna dan sistem disebut scenario. Setiap scenario mendeskripsikan urutan
kejadian. Setiap urutan diinialisasi oleh orang, sistem yang lain, perangkat keras
atau urutan waktu. Actor adalah sebuah peran yang bisa dimainkan oleh
pengguna dalam interaksinya dengan sistem. Pada notasi use case diagram dapat
menunjukkan tiga aspek dari sistem yaitu : actor, use case dan sistem atau sub
sistem boundary. Actor mewakili peran orang, sistem yang lain atau alat ketika
berkomunikasi dengan use case.
Use case diagram menggambarkan fungsionalitas yang diharapkan dari
commit to user
“bagaimana”. Sebuah use case merepresentasikan sebuah interaksi antara aktor dengan sistem. Use case merupakan sebuah pekerjaan tertentu, misalnya login ke
sistem, meng-create sebuah daftar belanja, dan sebagainya. Sebuah aktor adalah
sebuah entitas manusia atau mesin yang berinteraksi dengan sistem untuk
melakukan pekerjaan-pekerjaan tertentu. Notasi use case dapat dilihat pada
tabel 2.1.
Tabel 2.1. Simbol Use Case
No. Simbol Nama Deskripsi
1.
UseCase
Case Menggambarkan proses/
kegiatan yang dapat
dilakukan oleh actor
2.
Actor
Actor Menggambarkan entitas/
subyek yang dapat
melakukan suatu proses
3. <<include>>
<<extend>>
Relation Relasi antara case dengan
actor ataupun case yang lain
2.4.2. Sequence Diagram
Menurut Munawar, 2005, Sequence diagram digunakan untuk
menggambarkan perilaku pada sebuah scenario. Diagram ini menunjukkan
sejumlah contoh obyek dan pesan (message) yang diletakkan diantara
obyek-obyek ini di dalam use case. Diawali dari apa yang men-trigger aktivitas tersebut,
proses dan perubahan apa saja yang terjadi secara internal dan output apa yang
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
11
Komponen utama sequence diagram terdiri atas obyek yang dituliskan
dengan kotak segi empat bernama. Message diwakili oleh garis dengan tanda
panah dan waktu yang ditunjukkan dengan progress vertical (waktu) dan dimensi
horizontal (objek-objek yang terkait). Notasi sequence diagram dapat dilihat pada
tabel 2.2
Tabel 2.2 Simbol Sequnce Diagram
No. Simbol Nama Deskripsi
1. Object Object Menggambarkan pos-pos obyek
yang pengirim dan penerima
message
2. Object
Message
Menggambarkan aliran pesan yang
dikirim oleh pos-pos obyek
3. Note Menuliskan catatan
2.4.3. Class Diagram
Class adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan
sebuah objek dan merupakan inti dari pengembangan dan desain berorientasi
objek. Class menggambarkan keadaan (atribut/properti) suatu sistem, sekaligus
menawarkan layanan untuk memanipulasi keadaan tersebut (metoda/fungsi).
Class diagram menggambarkan struktur dan deskripsi class, package dan
objek beserta hubungan satu sama lain seperti containment, pewarisan, asosiasi,
commit to user
Tabel 2.3. Simbol Class Diagram
No. Simbol Nama Deskripsi
1. class Class Menggambarkan sebuah kelas yang terdiri dari
atribut dan method
2. Relation Menggambarkan hubungan
komponen-komponen di dalam class diagram
2.4.4. Activity Diagram
Menurut Munawar, 2005, Activity diagram adalah teknik untuk
mendeskripsikan logika prosedural, proses bisnis dan aliran kerja dalam banyak
kasus. Activity diagram mempunyai peranan seperti halnya flowchart akan tetapi
perbedaannya dengan flowchart adalah activity diagram bisa mendukung perilaku
paralel sedangkan flowchart tidak bisa.
Activity diagram merupakan state diagram khusus, di mana sebagian besar
state adalah action dan sebagian besar transisi di-trigger oleh selesainya state
sebelumnya (internal processing). Oleh karena itu activity diagram tidak
menggambarkan behaviour internal sebuah sistem (dan interaksi antar subsistem)
secara eksak, tetapi lebih menggambarkan proses-proses dan jalur-jalur aktivitas
dari level atas secara umum. Simbol-simbol yang sering digunakan pada saat
pembuatan activity diagram dapat dilihat pada tabel 2.4.
Tabel 2.4. Simbol Activity Diagram
No. Simbol Nama Deskripsi
1. Action
State
Menggambarkan keadaan dari suatu
elemen dalam suatu aliran aktifitas
2.
State
State Menggambarkan kondisi suatu
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
13
3. Decision Menggambarkan pilihan
4. Flow
Control
Menggambarkan aliran aktifitas dari
suatu elemen ke elemen lain
5. Initial
State
Menggambarkan titik awak siklus
hidup suatu elemen
6. Final
State
Menggambarkan titik akhir yang
menjadi kondisi akhir suatu elemen
2.4.5. Component Diagram
Component Diagram digunakan untuk menjelaskan hubungan
komponen-komponen sistem. Komponen digunakan dalam tahap desain aplikasi.
Simbol-simbol yang digunakan dalam Component Diagram dapat dilihat pada tabel 2.5
Tabel 2.5 Simbol Component Diagram
No. Simbol Nama Deskripsi
1. Component Component Menggambarkan sebuah
Komponen
2. Package Package
Menggambarkan sebuah
package dari class-class yang
bekerja sama membentuk suatu
fungsi tertentu.
3 Dependency Menggambarkan hubungan
commit to user
2.4.6. Deployment Diagram
Deployment Diagram digunakan untuk menjelaskan implementasi aplikasi
yang dibuat ke dalam sebuah environment. Deployment Diagram digunakan
dalam tahap desain aplikasi. Simbol-simbol yang digunakan dalam Deloyment
Diagram dapat dilihat pada tabel 2.6
Tabel 2.6 Simbol Deployment Diagram
No. Simbol Nama Deskripsi
1.
Node
Node Menggambarkan Node sistem atau environment.
2.
-End3
1
-End4
*
End1 End2
Relation
Menggambarkan hubungan
node-node didalam Static
Diagram.
2.5. Mengenal MySQL
Menurut Suja, 2005, MySQL adalah sebuah perangkat lunak sistem
manajemen basis data SQL atau DBMS yang multithread, multi-user, dengan
penggunaan yang luas di seluruh dunia. Pengguna dapat menggunakan MySQL
stand-alone ataupun MySQL yang digabung dengan Apache Web Server, XAMPP,
WAMP, maupun PHPTriad. Beberapa kelebihan yang diberikan oleh MySQL
antara lain adalah free (bebas didownload), stabil dan tangguh, fleksibel dengan
berbagai bahasa pemrograman, fitur keamanan yang baik, dukungan dari banyak
komunitas, kemudahan melakukan manajemen database, mendukung transaksi
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
15 BAB III
DESAIN DAN PERANCANGAN
3.1. Gambaran Umum Sistem
Gambaran alur kerja dari aplikasi Sebelas Maret Campus Guide yang
dibuat dapat dilihat pada gambar 3.1 di bawah ini :
internet
internet
RMS
`
Admin
DB mobile
BTS
User
Server
Gambar 3.1 Gambaran Umum Sistem
Aplikasi ini mampu menyediakan informasi kampus yang dapat diakses
oleh dua macam user utama, yaitu client sebagai user dan admin sebagai
pengelola data. Aplikasi ini merupakan sistem yang berbasis online untuk
commit to user
Aplikasi ini dibangun dengan menggunakan dua bahasa pemrograman
yaitu Java untuk aplikasi yang digunakan pada perangkat mobile yang digunakan
oleh client dan PHP untuk aplikasi pada server pada komputer yang diakses oleh
admin.
Aplikasi Sebelas Maret Campus Guide memiliki satu form login dan enam
buah menu antara lain : form untuk menu login, tombol untuk menu UNS, menu
Informasi, menu Search, menu Help, menu About dan menu exit.
1. Form Login
Form login diperlukan untuk mengetahui validasi data dari client sebelum
masuk ke dalam sistem. Client yang dapat melakukan login hanya client
yang telah teregistrasi sebelumnya.
2. Menu UNS
Pada menu ini berisi sedikit deskripsi mengenai UNS.
3. Menu Informasi
Menu informasi digunakan untuk melihat informasi dari objek pada
kategori tertentu yakni prodi.
4. Menu Search
Tampilan menu utama pada menu search adalah berupa daftar objek yang
berupa fakultas dan fasilitas yang ada di dalam kampus sesuai dengan
kategori yang dipilih.
5. Menu Help
Pada menu help berisi tentang informasi yang dapat diberikan oleh
masing-masing menu yang ada pada aplikasi.
6. Menu About
Pada menu about berisi tentang kegunaan aplikasi secara umum.
7. Menu Exit
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
17
3.2. Analisis Sistem
3.2.1 Identifikasi Masalah
Aplikasi peta kampus Universitas Sebelas Maret Sebelas Maret
Campus Guide, merupakan sebuah aplikasi mobile map. Aplikasi mobile
map merupakan aplikasi peta berbasis J2ME dimana aplikasi ini
dijalankan dengan media handphone. Diharapkan dengan aplikasi ini dapat
memudahkan user khususnya mahasiswa baru UNS dalam mengenal
kampus barunya.
3.2.2 Spesifikasi Aplikasi
Aplikasi yang dibuat mempunyai kemampuan sebagai berikut yaitu :
1. Menampilkan letak lokasi sesuai dengan objek yang dipilih
berdasarkan kategori beserta gambar objek.
2. Menampilkan informasi detail data fakultas dan objek lain dalam
kategori tertentu.
3.2.3 Spesifikasi Pengguna
Aplikasi Sebelas Maret Campus Guide ditujukan kepada para
mahasiswa baru khususnya dan masyarkat umum pada umumnya yang
tertarik untuk mengetahui lokasi-lokasi yang ada di kampus UNS dan juga
informasi program studi dari masing-masing fakultas dan objek lain.
3.2.4 Perangkat Pengembangan Sistem
Perangkat pengembangan sistem terbagi menjadi dua yaitu
perangkat keras dan perangkat lunak.
1. Perangkat Keras (hardware)
Seperangkat komputer yang digunakan dengan spesifikasi :
a. Processor : Intel Core i3 2.1 GHz
b. VGA : Intel(R) HD Graphics
commit to user
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 Java(TM) 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 handphonedengan 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
perpustakaan.uns.ac.id digilib.uns.ac.id
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
[image:33.595.120.505.253.569.2]admin yang terdiri dari admin biasa dan superadmin dan client.
commit to user
Gambar 3.2 Use Case Diagram Manage Data Client, Manage Data Informasi dan
Manage Data Objek
perpustakaan.uns.ac.id digilib.uns.ac.id
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
commit to user
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()
[image:36.595.116.513.119.545.2]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
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
23
3.3.2.2Diagram Sequence Informasi
: admin : Superadmin : client info : form : session : form input_info : kontrol input_info : tb_info lihat_info() int data info()
getInfo()
cekFormat()
cek koneksi()
lihat info() tampil info()
input info()
input info()
get Input Info()
cekFormat()
cek koneksi()
[image:37.595.123.510.137.501.2]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
commit to user
3.3.2.3Diagram Sequence Search
: client kategoriList : form : kontrol kategoriList objectList : form : kontrol_objectList gbObjek : form : kontrol_gbObjek : tb_kategori : tb_objek
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()
[image:38.595.115.516.123.561.2]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
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
25
3.3.3 Class Diagram
[image:39.595.172.430.242.493.2]Gambar 3.7 ini merupakan Class Diagram dari sistem
commit to user
3.3.4 Activity Diagram
3.3.4.1 Activity Diagram client
start
Membuka Aplikasi MIDlet
Start
Input Login Menu Utama :
[image:40.595.104.535.137.540.2]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
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
27
3.3.4.2Activity 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
[image:41.595.122.493.125.551.2]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
commit to user
3.4. Perancangan Database
Perancangan database untuk pembuatan aplikasi 11Maret guide ini
menggunakan database MySQL, detail rancangan tabel ditunjukan pada Tabel
3.1, Tabel 3.2, Tabel 3.3, Tabel 3.4, Tabel 3.5, Tabel 3.6
3.4.1 Tabel Admin
Tabel Admin digunakan untuk menyimpan data dari admin website yang
ditunjukkan seperti Tabel 3.1
Tabel 3.1 Tabel Admin
Nama Field Tipe Data Ukuran Field Keterangan
id_admin Integer 3 Primary Key,
Auto_increment
username Varchar 20 Username admin
nama Varchar 20 Nama lengkap admin
password Varchar 15 Password admin
akses Varchar 2 Kode akses untuk admin
(admin atau superadmin)
3.4.2 Tabel client
Tabel client digunakan untuk menyimpan data dari client yang telah
melakukan registrasi, yang ditunjukan seperti Tabel 3.2
Tabel 3.2 Tabel client
Nama Field Tipe Data Ukuran Field Keterangan
[image:42.595.115.514.248.550.2]perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
29
username Varchar 15 Username client
nama Varchar 20 Nama lengkap client
alamat Varchar 20 Alamat lengkap client
telp Varchar 15 No telp yang bisa
dihubungi
3.4.3 Tabel Kategori
Tabel kategori berfungsi untuk menyimpan data objek yang sudah
[image:43.595.111.517.111.530.2]dikelompokkan dalam kategori tertentu, yang ditunjukkan seperti pada tabel 3.3
Tabel 3.3 Tabel Kategori
Nama Field Tipe Data Ukuran Field Keterangan
id_kategori Varchar 3 Primary Key
nm_kat Varchar 30 Nama kategori
imageKat Varchar 30 Gambar dari nama kategori
3.3.5 Tabel Info
Tabel info berfungsi untuk menyimpan data objek yang berisi keterangan
objek tertentu, yang ditunjukkan seperti pada tabel 3.4
Tabel 3.4 Tabel Info
Nama Field Tipe Data Ukuran Field Keterangan
commit to user
id_kategori Varchar 3 Relasi dari tabel kategori
nama_objek Varchar 50 Nama objek yang
mempunyai informasi
keterangan Text Informasi objek tertentu
3.4.5 Tabel Log
Tabel Log berfungsi untuk menyimpan sementara data yang ter-update,
yang ditunjukan seperti Tabel 3.5
Tabel 3.5 Tabel Log
Nama Field Tipe Data Ukuran Field Keterangan
update Integer 3 Identitas perubahan pada
data objek
3.4.6 Tabel Objek
Tabel Objek berfungsi untuk menyimpan data objek yang ada di dalam
kampus, yang ditunjukan seperti Tabel 3.6
Tabel 3.6 Tabel Objek
Nama Field Tipe Data Ukuran Field Keterangan
id_objek Integer 3 Primary Key
nama_objek Varchar 20 Nama objek
path_objek Varchar 20 Nama dari path objek
[image:44.595.107.519.110.494.2]perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
31
objek_x Integer 3 Koordinat sumbu x dari
objek
objek_y Integer 3 Koordinat sumbu y dari
objek
id_kategori Varchar 3 Relasi dari tabel kategori
3.4.7 Relationship Diagram
Relationship diagram relasi antar tabel perancangan sistem Sebelas Maret
[image:45.595.111.514.110.551.2]Campus Guide, ditunjukan seperti Gambar 3.10 di bawah ini.
Gambar 3.10 Relationship diagram
3.5. Rancangan Desain Sistem
3.5.1 Rancangan Desain Website Administrator
Desain tampilan sisi server terdiri dari halaman index yang merupakan
tampilan awal saat mengakses server, halaman administrator yang mengelola
data-data yang dibutuhkan antara lain : data admin, data client, data informasi, dan
commit to user
Perancangan desain website untuk Administrator ditunjukkan seperti
gambar 3.10 ini yang terbagi menjadi beberapa bagian yaitu :
a. Header, bagian ini adalah tampilan atas dari desain yang berisi judul untuk
sistem Sebelas Maret Campus Guide.
b. Main menu, adalah bagian yang memuat tentang tombol navigasi dari
website. antara lain berisi tentang Home, About, dan Profil.
c. Form Login, adalah form yang digunakan oleh admin untuk mengakses
website.
d. Sidebar menu, berisi link navigasi dan juga informasi mengenai data
sistem.
e. Content, adalah isi utama dari website berisi data dari main menu.
f. Random foto, berisi foto-foto yang fakultas yang ada di UNS.
g. Footer, berisi tentang tahun pembuatan sistem, pembuat dan hak cipta.
Gambar 3.11 Halaman index aplikasi sisi server CONTENT
HEADER
FOOTER
FORM LOGIN
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
[image:47.595.115.505.112.483.2]33
Gambar 3.12 Halaman home aplikasi sisi server
3.5.1 Rancangan aplikasi J2ME untuk client / user
Perancangan aplikasi untuk client berbasiskan J2ME yang dapat
diintegrasikan ke handphone dan desainnya ditampilkan seperti gambar 3.13
Gambar 3.13 Form Login Client CONTENT
HEADER
SIDEBAR MENU
[image:47.595.232.390.511.666.2]commit to user
Gambar3.14 Desain aplikasi menu awal
Pada tampilan ini terdapat 6 buah menu antara lain : tombol untuk menu UNS,
[image:48.595.119.510.109.493.2]perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
35 BAB IV
IMPLEMENTASI DAN ANALISA
4.1. Hierarki Input Proses Output (HIPO)
1. Hierarki
Sistem yang dirancang ini merupakan aplikasi pengembangan
mobile map yang diberi nama Sebelas Maret Campus Guide yang
berarti aplikasi peta berbasis mobile menggunakan media jaringan
internet handphone yaitu GPRS untuk pengaksesan data dari web
server.
2. Input
Pengguna (client) memberikan input untuk proses login, melihat
informasi objek dan mencari lokasi objek yang dipilih. Input
kemudian akan diproses dimana akan menunjukkan suatu keberadaan
objek yang dituju dan informasi yang dipilih.
3. Proses
Pemrosesan data sesuai input yang diberikan oleh pengguna
ketika proses login, melihat informasi dan pencarian objek.
4. Output
Pengguna dapat mengetahui informasi objek berdasar kategori
[image:49.595.140.514.240.508.2]tertentu dan mengetahui lokasi objek yang dipilih bersama dengan
commit to user
4.2. Implementasi Desain dan Perancangan
Desain dan perancangan yang telah dibuat kemudian direalisasikan ke
dalam pembuatan website Admin dan aplikasi mobile J2ME. Berikut ini adalah
tampilan dari hasil desain dan perancangan website serta aplikasi mobile.
4.2.1. Tampilan Sistem Client
Tampilan aplikasi untuk sisi client terbagi menjadi beberapa form antara lain :
4.2.1.1. Form Login Client
Pada awal membuka aplikasi mobile, client diharuskan melakukan login
sesuai dengan data client yang telah teregistrasi sebelumnya. Proses login yaitu
dengan memasukkan username pengguna yang sebelumnya telah terdaftar. Proses
yang dilakukan sistem pada saat login antara lain :
1. Sistem mengirimkan username client dan nilai log yang terdapat
pada record RMS aplikasi mobile.
2. Server melakukan respon yang berisi hasil login sukses atau gagal
dan nilai log sama atau beda.
3. Jika login sukses dan nilai log sama, maka login telah selesai
dilakukan dan client dapat menggunakan aplikasi.
4. Jika login sukses dan nilai log beda, maka langkah selanjutnya
aplikasi mobile melakukan pembacaan terhadap data objek yang
baru kemudian disimpan dalam record RMS dengan menghapus
record lama sebelumnya. Nilai log yang baru juga disimpan
menggantikan nilai log yang lama.
5. Jika login gagal maka username yang dimasukkan oleh client belum
teregistrasi.
Algoritma untuk proses login seperti gambar 4.1 dan tampilan form Login seperti
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
37
START
FORM LOGIN
Masuk ke RMS
Cek Username dan nilai LOG
Masuk Menu Utama
STOP Login sukses & nilai log sama
Masuk ke Server
FORM GAGAL LOGIN
[image:51.595.153.490.109.508.2]Login gagal
Gambar 4.1 Algoritma Login Client
commit to user
Gambar 4.3 Form Gagal Login Client
4.2.1.2. Form Menu Utama
Form menu utama merupakan tampilan yang berisi semua menu-menu
pokok dari aplikasi ini. Tampilan form Menu Utama seperti Gambar 4.4
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
39
4.2.1.3. Form UNS
Menu di form UNS menampilkan sekilas tentang kampus, untuk kembali
ke menu utama diberikan navigasi dengan caption back. Tampilan form UNS
[image:53.595.127.432.216.491.2]ditampilkan pada gambar 4.5
Gambar 4.5 Form UNS
4.2.1.4. Form Informasi
Menu di form Informasi menampilkan informasi dari objek pada kategori
tertentu yakni program studi, untuk kembali ke menu utama diberikan navigasi
dengan caption Menu Utama, untuk melihat informasi pilih view. Algoritma
Informasi seperti pada gambar 4.6 dan tampilan formnya ditunjukkan pada
commit to user
START
LIST INFO OBJEK
VIEW
KETERANGAN
[image:54.595.115.515.109.686.2]STOP
Gambar 4.6 Algoritma Informasi
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
41
4.2.1.5. Form Search
Tampilan menu utama pada menu search adalah berupa daftar objek
yang berupa fakultas dan fasilitas yang ada di dalam kampus sesuai dengan
kategori yang dipilih. Algoritma Search seperti pada gambar 4.9 dan tampilan
form Search ditampilkan pada gambar 4.10
START
STOP Masuk class
kategoriList
Tampil kategoriList Masuk class RMS
View Object
Tampil
Object View Lokasi
Tampil Lokasi View GbObjek
Tampil GbObjek
View Kategori
OK BACK
OK
BACK
BACK OK
OK BACK
commit to user
[image:56.595.113.510.113.647.2]
Gambar 4.10 Form kategoriList Gambar 4.11 Form ObjectList
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
[image:57.595.110.499.101.737.2]35
Gambar 4.13 Form gambar objek
4.2.1.6. Form Help
Pada menu help berisi tentang informasi yang dapat diberikan oleh
masing-masing menu yang ada pada aplikasi. Tampilan form Help ditampilkan
pada gambar 4.13
commit to user
4.2.1.7. Form About
Pada menu about berisi tentang kegunaan aplikasi secara umum dan
ditujukan kepada siapa aplikasi tersebut. Tampilan form About ditampilkan pada
[image:58.595.127.430.195.489.2]gambar 4.14
Gambar 4.15 Form About
4.2.1.8. Form Exit
Menu exit digunakan untuk keluar dari aplikasi. Tampilan form About
ditampilkan pada gambar 4.15
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
37
4.2.2. Tampilan Sistem Admin
Tampilan aplikasi webserver untuk sisi administrator terbagi menjadi
beberapa halaman antara lain : halaman index, halaman home, halaman informasi,
halaman admin, halaman client, halaman objek, halaman add admin, halaman add
client, halaman add informasi dan halaman add objek. Struktur menu ditunjukkan
pada gambar 4.17
Web 11Maret-Guide
Halaman Index
Superadmin
Admin
Login Administrator HOME ABOUT PROFILE
ADD ADMIN VIEW CLIENT ADD CLIENT INFORMASI ADD INFORMASI ADD OBJEK VIEW ADMIN
VIEW OBJEK
[image:59.595.93.515.243.574.2]HOME
Gambar 4.17 Struktur Menu sistem admin
4.2.2.1. Halaman Index
Halaman utama atau halaman index merupakan halaman yang pertama
commit to user
Gambar 4.18 Halaman Home Sebelas Maret Campus Guide
4.2.2.2. Halaman Home
Halaman home merupakan halaman yang muncul ketika proses login
dilakukan. Halaman home ini ada dua yaitu login sebagai superadmin dan login
sebagai admin. Perbedaannya terdapat pada manajement admin. Halaman ini
ditampilkan seperti Gambar 4.19
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
39
4.2.2.3. Halaman Informasi
Halaman Informasi merupakan halaman untuk melihat dan manage data
informasi objek. Data yang dimasukkan antara lain kode kategori, nama objek,
dan keterangan. Sedangkan untuk nomer informasi tercipta otomatis oleh sistem.
Halaman ini ditampilkan seperti gambar 4.20 dan gambar 4.21
[image:61.595.152.476.214.524.2]Gambar 4.20 Halaman Informasi
commit to user
4.2.2.4. Halaman View Admin
Halaman view admin merupakan halaman untuk melihat dan manage
data admin. Data yang dimasukkan antara lain nama, username, password dan
akses. Sedangkan untuk ID admin tercipta otomatis oleh sistem. Halaman ini
ditampilkan seperti gambar 4.22 dan gambar 4.23
[image:62.595.135.490.238.509.2]Gambar 4.22 Halaman View Admin
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
41
4.2.2.5. Halaman View Client
Halaman view client merupakan halaman untuk melihat dan manage
data client. Data yang dimasukkan antara lain username, nama, alamat dan nomer
telepon. Sedangkan untuk ID client tercipta otomatis oleh sistem. Halaman ini
ditampilkan seperti gambar 4.24 dan gambar 4.25
[image:63.595.133.491.236.519.2]Gambar 4.24 Halaman View Client
commit to user
4.2.2.6. Halaman View Objek
Halaman view objek merupakan halaman untuk melihat dan manage
data objek. Data yang dimasukkan antara lain nama objek, kode kategori,
koordinat x dan koordinat y. Sedangkan untuk nomer objek tercipta otomatis oleh
sistem. Halaman ini ditampilkan seperti gambar 4.26 dan gambar 4.27
[image:64.595.149.477.239.539.2]Gambar 4.26 Halaman View Objek
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
43
4.2.2.7. Halaman Add Admin
Halaman add admin merupakan halaman untuk memasukkan data
admin. Data yang dimasukkan antara lain nama, username dan password.
[image:65.595.114.507.213.652.2]Halaman ini ditampilkan seperti gambar 4.28
Gambar 4.28 Halaman Add Admin
4.2.2.8. Halaman Add Client
Halaman add client merupakan halaman untuk menginput data client.
Data yang dimasukkan antara lain username, nama, alamat dan nomer telepon.
Halaman ini ditampilkan seperti gambar 4.29
commit to user
4.2.2.9. Halaman Add Data Objek
Halaman add data objek merupakan halaman untuk memasukkan data
objek. Data yang dimasukkan antara lain nama objek, koordinat x, koordinat y
dan kode kategori. Halaman ini ditampilkan sepert gambar 4.30
Gambar 4.30 Halaman Add Data Objek
4.2.2.10. Halaman Add Informasi
Halaman add informasi merupakan halaman untuk memasukkan data
informasi. Data yang dimasukkan antara lain kode kategori, nama objek dan
keterangan. Halaman ini ditampilkan seperti gambar 4.31
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
53 BAB V
PENUTUP
5.1. Kesimpulan
Berdasarkan pembahasan yang telah dilakukan terhadap aplikasi
Sebelas Maret Campus Guide dapat ditarik kesimpulan antara lain :
1. Telah dihasilkan suatu aplikasi Sebelas Maret Campus Guide. Dimana
aplikasi tersebut dibuat berbasis mobile dan web. Aplikasi ini dibangun
dengan menggunakan dua bahasa pemrograman yaitu Java untuk
aplikasi yang digunakan pada perangkat mobile yang digunakan oleh
client dan PHP untuk aplikasi pada server pada komputer yang diakses
oleh admin dan MySQL sebagai database-nya.
2. Sebelas Maret Campus Guide sebagai media pengenalan teknologi
pengembangan mobile map yang dapat mempermudah user
mengetahui informasi program studi, fasilitas kampus, lokasi objek
dan gambar objek dengan lebih efisien yang lebih jika disbanding
dengan mencari informasi secara manual.
5.2. Saran
Saran-saran untuk pengembangan dan perbaikan aplikasi dan
sistem yang dikembangkan dalam proyek tugas akhir ini adalah sebagai
berikut :
Sistem yang dikembangkan terbatas pada layanan berupa informasi
yang statis, akan lebih baik jika layanan informasi dibuat dinamis yaitu
dengan ditambahkan fitur untuk mencari rute dalam pencarian lokasi
maupun objek.
Sistem akan lebih menarik jika ditambahkan antara lain audio, video,
