4 Kabir umum
R R
R R
- R
5 Pengembang
R R
R R
R R
6 Masyarakat
R R
R R
R R
No Nama aktor
Nama Tabel Tentang
Kami Data
Downlo ad
User
1 Admin
CRUD CRUD
CRUD 2
Kabag umum -
CRUD -
3 PR umum
- R
- 4
Kabir umum -
R -
5 Pengembang
R R
- 6
Masyarakat R
R -
Keterangan : C : Create
U : Update D : Delete
R : Read
b. Struktur data 1 Tabel User
Nama tabel : User
Deskripsi : berisi atribut dari tabel User
Primary key : id_user
Tipe file : Master
Tabel 4.25 Tabel User
No Nama Kolom Tipe Data Panjang
Keterangan 1
Id_user INT
2 Nomor id user
2 Nama_user
Varchar 20
Nama user 3
Username Varchar
20 Username user
4 Password
Varchar 20
Password user 5
Email Varchar
30 Email user
6 Level
Varchar 20
Level user
2 Tabel gedung Nama tabel
: Gedung Deskripsi
: berisi atribut dari tabel Gedung Primary key
: id_gedung Foreign key
: id_user
Tabel 4.26 Tabel Gedung
No Nama Kolom
Tipe Data
Panjang Keterangan
1 Id_gedung
INT 2
Nomor id gedung 2
Nama Varchar
50 Nama gedung
3 Alamat
Varchar 50
Alamat gedung 4
No_telpon Varchar
20 Nomor telpon gedung
5 Fasilitas
Varchar 30
Fasilitas gedung 6
Email Varchar
20 Email gedung
7 Lat
Double Koordinat latitude gedung
8 Long
Double Koordinat longitude gedung
3 Tabel Model 3D Nama tabel
: File Link Model Deskripsi
: berisi atribut dari tabel Link Model Primary key
: id_Link Foreign key
: id_user
Tabel 4.27 Tabel Model 3D
No Nama Kolom Tipe Data Panjang
Keterangan 1
Id_Link INT
3 Nomor id link
2 Nama_Model Varchar
20 Nama Model
3 Link_model
Varchar 100
Link Model
4 Tabel berita Nama tabel
: Berita Deskripsi
: berisi atribut dari tabel berita Primary key
: id_berita Foreing key
: id_gedung, id_user
Tabel 4.28 Tabel Berita
No Nama Kolom Tipe Data Panjang
Keterangan 1
Id_berita INT
11 Nomor id berita
2 Id_gedung
INT 11
Nomor id gedung 3
Judul_berita Varchar
20 Judul berita
4 Tgl_berita
Date -
Tanggal berita 5
Waktu_keg Varchar
30 6
Keterangan Varchar
50 Keterangan berita
5 Tabel link terkait Nama tabel
: Link Deskripsi
: berisi atribut dari tabel Link
Primary key : id_link
Foreign key : id_user
Tabel 4.29 Tabel Link Terkait
No Nama Kolom Tipe Data Panjang
Keterangan 1
Id_link INT
2 Nomor id link
2 Nama_link
Varchar 100
Nama link 3
url Varchar
100 Alamat web
6 Tabel Fakultas Nama tabel
: Fakultas Deskripsi
: berisi atribut dari tabel Fakultas Primary key
: id_fakultas Foreign key
: id_user
Tabel 4.30 Tabel Fakultas
No Nama Kolom
Tipe Data
Panjang Keterangan
1 Id_Fakultas
INT 2
Nomor id fakultas 2
Nama_fakultas Varchar 50
Nama Fakultas 3
Alamat Varchar
50 Alamat fakultas
4 No_telpon
Varchar 20
Nomor telpon fakultas 5
Fasilitas Varchar
30 Fasilitas fakultas
6 Email
Varchar 20
Email fakultas 7
Lat Double
Koordinat latitude fakultas 8
Long Double
Koordinat longitude fakultas
7 Tabel Parkir Nama tabel
: Parkir Deskripsi
: berisi atribut dari tabel parkir Primary key
: id_parkir Foreign key
: id_user
Tabel 4.31 Tabel Parkir
No Nama Kolom
Tipe Data
Panjang Keterangan
1 Id_parkir
INT 2
Nomor id parkir 2
Jenis_parkir Varchar
50 Nama parkir
3 Lokasi_parkir
Varchar 50
Alamat parkir
4 Jumlah_batas_
parkir Varchar
3 Jumlah batas parkir
5 Lat
Double Koordinat latitude parkir
6 Long
Double Koordinat longitude parkir
8 Tabel Data Download
Nama tabel : Data Download
Deskripsi : berisi atribut dari tabel data download
Primary key : id_download Foreign key : id_user
Tabel 4.32 Tabel Data Download
No Nama Kolom Tipe Data Panjang
Keterangan 1
Id_download INT
2 Nomor id data
download 2
Nama_data Varchar
100 Nama data
3 Data
Varchar 100
File data download
9 Tabel Tentang Kami Nama tabel
: Tentang Kami Deskripsi
: berisi atribut dari tabel tentang kami
Primary key : id_tentangkami Foreign key : id_user
Tabel 4.33 Tabel Tentang Kami
No Nama Kolom Tipe Data Panjang
Keterangan 1
Id_tentangka mi
INT 2
Nomor id tentang kami
2 Judul_tentan
gkami Varchar
100 Judul tentang
kami 3
Isi_tentangka mi
Text -
Isi profil tentang kami
4.2.4 Graphic User Interface
1. Perancangan Struktur Menu Perancangan struktur menu bertujuan untuk memberikan
rancangan struktur menu pada Sistem Informasi Peta Kampus Berbasis Web. Adapun struktur menu sistem ini antara lain :
a Struktur Menu Admin
Log in Halaman Utama
Lihat Peta Input Data
Kelola Data Input Data Gedung
Input Data Fakultas
Input Data Parkir Input Link Terkait
Input Berita Kelola Data
Gedung Kelola Data
Fakultas Kelola Data Parkir
Kelola Link Terkait Kelola Berita
Gambar 4.47 Struktur Menu Admin
b Struktur Menu Kabag Umum
Log in Halaman Utama
Lihat Peta Input Data
Kelola Data Input Data Gedung
Input Data Fakultas
Input Data Parkir Input Berita
Input Link Model Kelola Data
Gedung Kelola Data
Fakultas Kelola Data Parkir
Kelola Berita Kelola Link Model
Gambar 4.48 Struktur Menu Kabag Umum
c Struktur Menu Masyarakat
Halaman Utama
Home Model 3D
Berita Terkait
Tentang Kami
Gambar 4.49 Struktur Menu Pengunjung
d Struktur Menu Pengembang
Halaman Utama
Home Model 3D
Berita Terkait
Tentang Kami Data Download
Gambar 4.50 Struktur Menu Pengembang 4.2.5 Rancangan Interface
Desain layar sistem informasi peta kampus 3D terbagi menjadi dua tampilan yang berbeda. Pertama tampilan administrator yang dikelola
oleh Biro Bagian Umum dan tampilan pengunjung yang bisa dilihat
oleh pengunjung. a Halaman Utama
Gambar 4.51 Halaman Utama
1. Halaman Login
Gambar 4.52 Halaman Login
2. Halaman Registrasi
Gambar 4.53 Halaman Registrasi
b Halaman Admin, Kabag Umum 1. Halaman Utama
Gambar 4.54 Halaman Utama Admin
2. Menu Input Data Gedung
Gambar 4.55 Input Data Gedung
3. Menu Input Data Fakultas
Gambar 4.56 Input Data Fakultas
4. Menu Input Parkir
Gambar 4.57 Input Parkir
5. Menu Input Berita
Gambar 4.58 Input Berita
6. Menu Input Model
Gambar 4.59 Input Model
7. Menu Manage Gedung
Gambar 4.60 Manage Gedung 4.2.6 Implementasi
4.2.6.1 Persiapan Sistem
Melakukan pengkodean aplikasi , dalam tahap ini sistem dibangun dengan menggunakan :
1. Bahasa Pemrograman Hypertext Preprocessor PHP 2. Perangkat Keras
a. IntelR Core TM i3-2310M CPU2.50GHz
b. Hardisk 750GB
c. Memory 4GB d. VGA 2GB
e. Perangkat keras lainnya Keyboard, Mouse dan lain-lain 3. Perangkat Lunak
a. Windows 7XP sebagai Sistem Operasi komputer
b. Google Maps API sebagai Map Server. c. SketchUp sebagai pengolah model 3 dimensi
d. Google Earth sebagai wadah penampil model 3 dimensi e. Macromedia Dreamweaver 8 sebagai text editor
f. XAMPP sebagai Local Server sebagai running localhost g. Paket XAMPP MYSQL sebagai database server, PhpMyAdmin
sebagai webserver. h. StarUML sebagai alat desain perancangan sistem dan database
Browser internet: Mozilla Firefox, Google Chrome sebagai web
browser untuk menjalankan aplikasi.
4.2.6.2 Pengujian sistem
Setiap aplikasi tentunya memerlukan testing atau pengujian. Pengujian ini dimaksudkan agar aplikasi yang dibuat apakah sesuai
dengan harapan atau tidak. Di samping itu, pengujian aplikasi dapat mengetahui seberapa besar error atau tingkat kesalahan pada aplikasi.
Sehingga dapat dikoreksi ulang untuk meminimalkan tingkat
kesalahan yang ada.
Pengujian dilakukan dengan cara menjalankan aplikasi pada browser
Google chrome, melakukan input data yang diminta, menyimpan data dan mengecek output yang ditampilkan apakah sesuai
dengan yang diharapkan atau tidak. Metode yang digunakan adalah metode Black Box. Pengujian dilakukan pada sisi admin dan pada sisi
user Public
Tabel 4.34 Pengujian Sistem Admin, Kabag, Kabir, dan PR umum
No. Unit program Aksi
Hasil yang Diharapkan Hasil
1. Login
Input username dan
password yang benar
lalu klik Login Masuk ke halaman admin
sesuai role pengguna dengan username
dan password yang benar
Berhasil
2. Login
Input username dan
password yang salah
lalu klik Login Gagal masuk halaman Admin Berhasil
3. Menu kelola
data gedung Klik Manage data
kemudian manage gedung
Menampilkan data gedung yang akan di edit atau di
hapus Berhasil
4. Menu kelola
data Fakultas Klik Manage data
kemudian manage fakultas
Menampilkan data fakultas yang akan di edit atau di
hapus Berhasil
5. Menu kelola
data parkir Klik Manage data
kemudian manage parkir
Menampilkan data parkir yang akan di edit atau di
hapus Berhasil
6. Menu kelola
berita Klik Manage data
kemudian manage Menampilkan data berita
yang akan di edit atau di Berhasil
berita hapus
7. Menu kelola
data download Klik Manage Data
download Menampilkan list data
download Berhasil
8. Menu kelola
model Klik Manage data
kemudian manage model
Menampilkan data model yang akan di edit atau di
hapus Berhasil
9. Menu Validasi Klik manage data
Menampilkan list data gedung, fakultas, parkir, dan
data download Berhasil
10. Menu kelola tentang kami
Klik manage data tentang kami
Menampilkan profil UIN Jakarta
Berhasil
Tabel 4.35 Pengujian Sistem Public User
No. Unit program
Aksi Hasil yang
Diharapkan Hasil
1. Menu Home
Klik Home Masuk halaman Home
dan Peta Kampus Berhasil
2. Menu Model
Klik Model 3D Masuk halaman Link
Model 3 Dimensi Berhasil
3. Menu Berita
Klik Berita Masuk halaman berita Berhasil
4. Menu Tentang
Kami Klik Tentang
Kami Menampilkan profil
tentang UIN Jakarta Berhasil
5. Menu Terkait
Klik Terkait Menampilkan link
yang terkait dengan UIN Jakarta
Berhasil
6. Menu Data
Download Klik Data
Download Menampilkan list data
download Berhasil
7. Menu Registrasi
Klik Menu Data Download,
kemudian klik Registrasi
Menampilkan Form registrasi
Berhasil
8. Menu tentang kami Klik menu tentang
kami Menampilkan profil
UIN Jakarta Berhasil
148
BAB V KESIMPULAN DAN SARAN
Pada bab ini berisikan kesimpulan dari penelitian yang telah dilakukan serta saran-saran yang bermanfaat bagi skripsi maupun pengembangan aplikasi
ini.
5.1. Kesimpulan
Dari pembahasan yang sudah diuraikan sebelumnya, maka dapat disimpulkan bahwa:
1. Visualisasi peta kampus UIN Syarif Hidayatullah Jakarta ini dibangun dengan menggunakan Google Maps sebagai Map Server dan sebagai
tempat pengolah peta, PHP sebagai bahasa pemrograman, Dreamweaver CS 5
sebagai text editor, dan MySql sebagai database sistem.
2. Sketchup digunakan sebagai tools untuk membuat model 3 dimensi dalam sebuah peta dan mengintergrasikannya ke dalam Google Earth
yang juga dapat dijadikan sebuah sarana media informasi yang menarik.
3. Hasil dari penelitian ini adalah sebuah sistem informasi peta kampus berbasis web di UIN Jakarta yang dapat menampilkan lokasi
– lokasi dan fasilitas gedung
– gedung yang ada di UIN Jakarta dan sebuah peta
3 dimensi berbasis Google Earth yang dapat menampilkan visual peta kampus seperti nyata.
5.2. Saran
Sistem yang dibangun masih memiliki kekurangan dan keterbatasan, oleh karena itu dapat dikembangkan oleh beberapa hal agar sekiranya menjadi lebih
baik dan berguna, antara lain : 1. Diharapkan untuk penelitian lebih lanjut penerapan visualisasi 3
dimensi dikembangkan ke dalam website UIN Jakarta agar dapat diakses oleh pihak
– pihak yang berkepentingan.
DAFTAR PUSTAKA Abdul Kadir. 2003. Pengenalan Sistem Informasi, Andi, Yogyakarta.
Chandra Handi. 2013. SketchUp 2013 untuk orang awam. Maxikom, Palembang. Henky Prihatna. 2005. Kiat praktis menjadi web master professional. PT.Elexmedia
komputindo. Jakarta. Holzner S. 2003. Sams Teach Yourself XML in 21 Days. United States of America
USA: Sams Publishing. Iqbal,
Mohamad.2013.PERANCANGAN APLIKASI
INFORMASI SPBU
TERDEKAT BERBASIS
ANDROID STUDI
KASUS: KOTA
TANGERANG. Jakarta : Universitas Islam Negeri Jogiyanto, HM. 2005. Analisis Disain Sistem Informasi Pendekatan Terstruktur
Teori dan Praktek Aplikasi Bisnis . Andi Offset, Yogyakarta.
Kendall. 2010. Analisis dan perancangan sistem. Indeks, Jakarta. Kendall. 2008. Analisis dan perancangan sistem. Indeks, Jakarta.
Munawar. 2005. Pemodelan Visual dengan UML. Graha Ilmu, Yogyakarta. Nugroho, Adi ST., MMSI. 2005. Konsep pengembangan sistem basis
data.Informatika. Bandung.
