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 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
data objek.
commit to user 32
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
RANDOM FOTO MAIN MENU
commit to user 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
RANDOM FOTO MAIN MENU
commit to user 34
Gambar 3.14 Desain aplikasi menu awal
Pada tampilan ini terdapat 6 buah menu antara lain : tombol untuk menu UNS, Informasi, Search, Help, About dan Exit.
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
tertentu dan mengetahui lokasi objek yang dipilih bersama dengan gambar objek
commit to user
4.2. Implementasi Desain dan Perancangan
