Perancangan Arsitektur Jaringan Simantik Perancangan Prosedural

87 b. Struktur menu pengguna Gambar 3.38 Struktur menu pengguna

3.2.6.2 Perancangan antar muka

3.2.6.2.1 Perancangan antar muka halaman utama

Gambar 3.39 Halaman utama Mulai Pengguna Home Virtual Petunjuk Profil View Search 88 Gambar 3.40 Halaman Virtual Tour Gambar 3.41 Halaman Guide 89 Gambar 3.42 Halaman About UNIKOM Gambar 3.43 Halaman mencari ruangan 90 Gambar 3.44 Halaman Bangunan 3D UNIKOM

3.2.6.2.2 Perancangan antar muka halaman admin

Gambar 3.45 Halaman admin login 91 Gambar 3.46 Halaman admin Home Gambar 3.47 Halaman Ruangan 92 Gambar 3.48 Halaman Tempat Gambar 3.49 Halaman Jarak 93 Gambar 3.50 Halaman Kordinat R Gambar 3.51 Halaman Kordinat H 94 Gambar 3.52 Halaman Petunjuk Gambar 3.53 Halaman Profil 95 Gambar 3.54 Halaman Ubah Admin Gambar 3.55 Halaman Keluar 96 Gambar 3.56 Halaman Daftar Ruangan Gambar 3.57 Halaman Daftar Tempat 97 Gambar 3.58 Halaman Daftar Jarak Gambar 3.59 Halaman Daftar Kordinat R 98 Gambar 3.60 Halaman Daftar Kordinat H Gambar 3.61 Halaman Daftar Petunjuk 99 Gambar 3.62 Halaman Daftar Profil

3.2.7 Jaringan Simantik

3.2.7.1 Jaringan Simantik Halaman Utama Untuk Pengguna

Gambar 3.63 Jaringan Simantik Halaman Utama Untuk Pengguna 100

3.2.7.2 Jaringan Simantik Halaman Utama Untuk Admin

Gambar 3.64 Jaringan Simantik Halaman Utama Untuk Admin

3.2.7.3 Jaringan Simantik Halaman Admin

Gambar 3.65 Jaringan Simantik Halaman Admin 101

3.2.8 Perancangan Prosedural

Perancangan prosedural adalah perancangan yang merepresentasikan algoritma dari perangkat lunak dengan tipe operasi yang berbeda-beda dengan menggunakan flowchart yang merupakan diagram dengan simbol-simbol. Untuk setiap prosedur yang melakukan interaksi terhadap sistem dengan menginputkan pada textbox diasumsikan telah melewati validasi textbox tersebut harus diisi. Gambar 3.66 Perancangan Prosedural Login 102 Gambar 3.67 Perancangan Prosedural Pencarian 103 Gambar 3.68 Perancangan Prosedural Penambahan Data 104 Gambar 3.69 Perancangan Prosedural Perubahan Data 105 Gambar 3.70 Perancangan Prosedural Penghapusan Data 106 107

BAB 4 IMPLEMENTASI DAN PENGUJIAN SISTEM

4.1 Implementasi

Tahap implementasi merupakan tahap penerjemahan perancangan berdasarkan hasil analisis ke dalam suatu bahasa pemrograman yang digunakan serta penerapan perangkat lunak yang dibangun pada lingkungan yang sesungguhnya. Tujuan implementasi adalah untuk menerapkan perancangan yang telah dilakukan terhadap aplikasi, sehingga pengguna dapat memberi masukan demi berkembangnya aplikasi yang telah dibangun. Adapun pembahasan untuk implementasi sistem meliputi kebutuhan perangkat keras, perangkat lunak, pengujian alpha, dan pengujian beta.

4.1.1 Implementasi Perangkat Pendukung

Perangkat keras dan perangkat lunak yang digunakan untuk melakukan implementasikan dan pengujian dari aplikasi adalah sebagai berikut:

4.1.1.1 Implementasi Perangkat Keras

Implementasi perangkat keras merupakan relisasi dari perancangan kebutuhan perangkat keras. Aplikasi pemandu lokasi UNIKOM ini diimplementasikan pada laptop dengan spesifikasi seperti terlihat pada tabel 4.1. Tabel 4.1 Spesifikasi Perangkast Keras Perangkat Keras Spesifikasi CPU I3-2310m CPU 2.10GHz4 CPUs RAM 4 Gb Harddisk 500 Gb Resolusi Layar 1366 x 768 pixels 108

4.1.1.2 Implementasi Perangkat Lunak

Implementasi perangkat lunak merupakan proses instalasi perangkat lunak, sehingga dapat beroperasi dengan benar. Perangkat lunak yang digunakan yaitu seperti terlihat pada tabel 4.2. Tabel 4.2 Spesifikasi Perangkat Lunak Perangkat Keras Keterangan Sistem Operasi Windows 8 Professional Bahasa Pemrograman HTML,PHP,JavaScript dan CSS Tools Pemrograman NotePad++ Perangkat Pendukung WampServer Browser Google Crome

4.1.2 Implementasi Aplikasi

Aplikasi pemandu lokasi UNIKOM merupakan sebuah aplikasi yang dibuat untuk membantu mahasiswa atau mahasiswa baru untuk mencari lokasi ruangan yang diinginkan dan mendapatkan jalur terpendek. Aplikasi ini menggunakan algoritma dijkstra untuk jalur terpendeknya dan virtual tour 360 berupa sejumlah foto yang dapat menjadi gambar panorama.

4.1.3 Implementasi Antarmuka

Implementasi antarmuka aplikasi pemandu lokasi UNIKOM adalah sebagai berikut :

1. Tampilan Halaman Utama

Antarmuka tampilan buat halaman utama merupakan halaman yang akan muncul ketika pertama kali membuka aplikasi. Dalam tampilan ini ada beberapa menu yang terlihat pada gambar 4.1.