Tabel tbl_photo Tabel gedung Perancangan Relasi Antar Tabel Perancangan Tampilan Antar Muka

Tabel 3.5 Tabel tbl_hasil_tujuan No Nama Field Tipe Ukuran Keterangan 1. id Int 11 Primary key 2. from Int 11 Titik awal 3. to Int 11 Titik akhir 4. jarak Int 11 Jarak antara titik 5. Satu_arah Int 11 Apakah path satu arah atau dua arah, apabila path satu arah maka nilai nya 1.

c. Tabel tbl_photo

Tabel ini berfungsi sebagai tempat penyimpanan photo-photo gedung. Struktur tabel ini dapat dilihat pada Tabel 3 . 6 Tabel 3.6 Tabel tbl_photo No Nama Field Tipe Ukuran Keterangan 1. id Int 11 primary key 2. file Varchar 100 Nama file photo gedung 3. Id_gedung Int 11 Id gedung

d. Tabel gedung

Universitas Sumatera Utara Tabel ini berfungsi sebagai tempat penyimpanan data gedung. Struktur tabel ini dapat dilihat pada Tabel 3 . 7 Tabel 3.7 Tabel gedung No Nama Field Tipe Ukuran Keterangan 1. id Int 255 Nomor ID gedungprimary key 1. nama Varchar 255 Nama gedung 2. koordinat longtext 255 Koordinat 3D gedung 3. verteks Varchar 255 Nomor vertex gedung

3.5. Perancangan Relasi Antar Tabel

Rancangan relasi antar tabel berfungsi untuk menampilkan informasi relasi dependence antara tabel pada database. Rancangan relasi antar tabel dapat dilihat seperti Gambar 3.7 Universitas Sumatera Utara verteks PK id nama koordinat gedung id nama koordinat FK1 verteks path PK Id FK1 from to jarak satu_arah tbl_photo PK,FK1 id file FK1 id_gedung Gambar 3.7 Database Relasi

3.6. Perancangan Tampilan Antar Muka

Antarmuka pengguna user interface merupakan media yang menjembatani komunikasi antara manusia dan komputer. Perancangan antarmuka bertujuan untuk memberikan gambaran umum tampilan dari aplikasi yang akan dibuat. Pada tampilan antarmuka aplikasi akan ditampilkan panel citra dan panel tombol. Universitas Sumatera Utara Pencarian Lokasi Awal Lokasi Tujuan Cari b a c Login d e Gambar 3.8 Rancangan jendela utama Main Window Keterangan: a. Peta 3D kampus Universitas Sumatera Utara terletak pada panel a. b. Informasi gedung seperti koordinat, nama gedung dan photo terletak pada panel b. c. Form pencarian terletak pada panel c. Tombol “Cari” berfungsi untuk melakukan pencarian rute terpendek dari posisi awal ke posisi tujuan masukan dari user. d. Panel d berisi header untuk aplikasi dan tombol untuk login admin. e. Tombol help untuk bantuan penggunaan aplikasi. Universitas Sumatera Utara Gambar 3.9 Rancangan jendela utama halaman admin Keterangan: a. Panel a berisi konten halaman admin b. Panel b berisi footer c. Panel c berisi header dan menu aplikasi dan tombol untuk logout admin. b a Logout c Universitas Sumatera Utara

BAB 4 IMPLEMENTASI DAN PENGUJIAN

Pada bab ini akan dijelaskan implementasi sesuai perancangan yang telah dijelaskan pada bab 3 serta melakukan pengujian dari sistem yang telah dibuat.

4.1. Implementasi Sistem

Sesuai dengan hasil analisis dan perancangan yang telah dibuat, Floyd Warshall akan diimplementasikan ke dalam sebuah sistem dengan menggunakan bahasa pemrograman PHP. 4.1.1 Spesifikasi Perangkat Keras dan Perangkat Lunak yang Digunakan Spesifikasi perangkat keras dan perangkat lunak yang digunakan untuk membangun sistem adalah sebagai berikut: 1. Processor Intel® Core™ i5-2430M CPU 2.40GHz 2. Kapasitas hard disk 320 GB 3. Memory RAM yang digunakan 4 GB 4. Sistem operasi yang digunakan adalah Microsoft Windows 7 Ultimate 64-bit 5. Google Chrome Universitas Sumatera Utara