Bagan Struktur Menu Utama Web Desain Halaman Menu Package Desain Halaman Menu Package Booking Tujuan Paket desain Halaman Menu BookingReservation Desain Halaman Personal Contact Pada Menu BookingReservation Perancangan Pesan Pada Personal Contact Apabila

55

c. Desain Halaman Menu Package Booking Tujuan Paket

Gambar 3.16 Desain Halaman Booking Pada Menu Package

d. desain Halaman Menu BookingReservation

Gambar 3.17 Desain Halaman Menu BookingReservation 56

e. Desain Halaman Personal Contact Pada Menu BookingReservation

Gambar 3.18 Desain Halaman Personal contact Pada Menu BookingReservation

f. Desain Halaman Menu Contact

Gambar 3.19 Desain Halaman Menu Contact 57

3.5.3 Perancangan Interface admin a. Desain Halaman Menu login pada halaman Admin

Gambar 3.20 Desain halaman login untuk admin 58

b. Desain Halaman Admin

Gambar 3.21 Desain Halaman admin 59

3.5.3 Perancangan Interface Pesan

Perancangan antarmuka form pesan pada aplikasi web Alam’s Tour Travel.

a. Perancangan Pesan Pada Personal Contact Apabila Valid

Rancangan pesan P01 yang ditampilkan pada personal contact di menu BookingReservation jika data sudah diisi dengan lengkap. Gambar 3.22 Desain Halaman Pesan Pada Personal Contact Apabila Valid

b. Perancangan Pesan Pada Personal Contact Apabila Tidak Valid

Gambar 3.23 Desain Halaman Pesan Pada Personal Contact Apabila Tidak Valid 60

3.6 Jaringan Semantik

Jaringan semantik adalah jaringan pengetahuan grafis yang menunjukkan hubungan antara berbagai objek. Jaringan semantik pada aplikasi ini dijelaskan pada gambar berikut : Gambar 3.24 Jaringan Semantik Gambar 3.25 Jaringan Semantik admin

3.7 Implementasi

Tahap implementasi sistem merupakan tahapan menterjemahkan perancangan berdasarkan hasil analisis dalam bahasa yang dapat dimengerti oleh mesin serta penerapan perangkat lunak pada keadaan sesungguhnya. Seluruh kode aplikasi diskusi menggunakan HTML dan PHP.

3.7.1 Implementasi Perangkat Lunak

Perangkat lunak yang dipasang pada sistem komputer yang digunakan untuk membangun website ini adalah sebagai berikut : 61 1. Sistem Operasi Windows 7. 2. XAMPP versi 2. 5 3. Macromedia Dreamweaver 8 untuk desain aplikasi diskusi dan penulisan kode program.

4. Adobe Photoshop untuk desain gambar pada aplikasi diskusi

3.7.2 Implementasi Perangkat Keras

Kebutuhan minimal perangkat keras hardware yang diperlukan untuk mengimplementasikan program aplikasi ini adalah perangkat keras komputer PC kompatibel dengan spesifikasi yang tersebut dibawah ini. Semakin tinggi spesifikasi komputer semakin baik untuk menjalankan program apilkasi ini : a. 1 Gigahertz GHz atau lebih 32-bit x86 atau 64-bit x64 Prosesor. b. 1 Gigabyte GB RAM 32-bit atau 2 GB RAM 64-bit. c. 16 GB spasi hard disk 32-bit atau 20 GB 64-bit. d. LAN CARD.

e. Monitor SVGA.

3.7.3 Implementasi Prosedur dan Data

Dalam pembuatan Aplikasi berbasis web ini menggunakan Macromedia Dreamweaver 8 untuk mendesain, PHP untuk bahasa pemograman dan MySQL untuk Databasenya, serta menggunakan direktori folder pada server untuk menyimpan data.

3.7.4 Implementasi Antarmuka

Interface dalam antar muka merupakan tampilan dari suatu aplikasi web yang berperan sebagai media komunikasi yang digunakan sebagai sarana berdialog dengan Customer. Sistem yang akan dibangun diharapkan menyediakan interface yang mudah dipahami dan mudah digunakan oleh Customer yang bersangkutan.