Anda di halaman 1dari 26

33

BAB III

PEMBAHASAN

3.1. Analisa Kebutuhan

Tempat wisata di Kabupaten Landak memiliki potensi yang sangat bagus karena

banyaknya peminat masyarakat dalam setiap mengunjungi tempat-tempat wisata yang

ada di Kabupaten Landak maupun sekitarnya. Sehingga penulis tertarik mengambil

kasus tempat wisata pada kabupaten landak karena penulis melihat suatu masalah yang

sering dihadapi oleh masyarakat ataupun pengunjung dalam bidang pencarian lokasi

tempat wisata dan alamat tempat wisata ataupun sebaliknya.

Penulis akhirnya tertarik untuk membuat sebuah website yang bertujuan untuk

sebagai sarana promosi tempat wisata supaya memudahkan masyarakat dan

pengunjung dalam pencarian tempat wisata, didalam website yang penulis buat ini

masyarakat dan pengunjung bisa melihat informasi terbaru mengenai tempat-tempat

wisata.

Informasi tempat wisata akan selalu di update ketika adanya perubahan

mengenai tempat wisata, selain itu didalam website ini terdapat Forum Diskusi agar

pengunjung dan admin bisa saling berinteraksi mengenai tempat wisata yang akan

dikunjungi wisatawan dan pengujung.

33
34

3.2.Perancangan Perangkat Lunak

Rancangan antar muka web berisi spesifikasi yang dirancang untuk tampilan

halaman pada website. Spesifikasi halaman web terbagi menjadi dua yaitu halaman

petugas (admin) dan halaman pengguna (user), adapun spesifikasi rancangan web

sebagai berikut:

3.2.1. Rancangan Antar Muka Tampilan Website

1. Rancangan Tampilan Halaman Utama Pengguna (user)

Index adalah halaman pembuka yang tampil pada saat pertama website dibuka dan

langsung menampilkan halaman beranda. Pada halaman index terdapat beberapa

menu yang menampilkan halaman beranda, info wisata, kontak kami, forum

diskusi dan map.

Beranda Info Wisata Kontak Kami Forum Diskusi Map

Isi slide show Gambar Wisata

Selamat Datang Di Website Tempat Wisata Kabupaten Landak


Menu Samping

Footer

Sumber : Hasil Penelitian

Gambar III.1.

Rancangan Halaman Utama Pengguna


35

2. Rancangan Tampilan Halaman Utama Beranda

Rancangan halaman utama beranda ini berfungsi untuk melihat informasi yang

terbaru atau terupdate.

Beranda Rancangan Halaman Utama Beranda

Berisi Berita Terbaru atau Informasi

Sumber : Hasil Penelitian

Gambar III.2.

Rancangan Halaman Utama Beranda

3. Rancangan Halaman Utama Info Wisata

Rancangan Halaman Utama Info Wisata ini berisikan kategori info wisata seperti

wisata gunung, wisata air terjun, wisata rumah adat dan wisata makam pahlawan.
36

Info Wisata Rancangan Halaman Utama Info Wisata

Keterangan:
Gunung Ketika diKlik
Kategori Gunung
Air Terjun pada Info Wisata
Maka yang
muncul Wisata
Rumah Adat Gunung Semua
ataupun
Makam Sebaliknya
Pahlawan
Keterangan:
Misalnya Ketika Diklik Wisata
Contoh Gunung Maka Yang Akan
Gambar Muncul Gambar Wisata
Tempat Gunung Semua Beserta
Wisata Nama Gunung Dan Alamat
Wisata Gunung Tersebut
Begitu Pun Sebaliknya
Ketika Klik Wisata Lainnya
Pada Info Wisata

Sumber : Hasil Penelitian

Gambar III.3.

Rancangan Halaman Utama Info Wisata

4. Rancangan Halaman Utama Kontak Kami

Rancangan halaman utama kontak kami ini berisikan informasi wisatawan yang

dikirim ke admin berupa.


37

Kontak Kami Rancangan Halaman Utama Kontak Kami

Informasi Kontak Kami

Sumber : Hasil Penelitian

Gambar III.4.

Rancangan Halaman Utama Kontak Kami

5. Rancangan Halaman Utama Forum Diskusi

Rancangan halaman utama forum diskusi ini bertujuan untuk para wisatawan

berdiskusi dengan admin agar saling berinteraksi.


38

Forum Diskusi Rancangan Halaman Utama Forum Diskusi

Forum Diskusi

Nama

Email

Isi Forum

Simpan Batal

Nama Email Isi Forum

xxxxx xxxxx xxxxx

Sumber : Hasil Penelitian

Gambar III.5.

Rancangan Halaman Utama Forum Diskusi

6. Rancangan Halaman Map

Rancangan halaman Map ini berisikan gambar map kabupaten landak dan sekitar

kecamatan yang ada dikabupaten landak tersebut.


39

Map Rancangan Halaman Utama Map

Gambar Map Kabupaten Landak

Sumber : Hasil Penelitian

Gambar III.6.

Rancangan Halaman Utama Map

3.2.2. Rancangan Antar Muka

Adapun rancangan antar muka (interface) yang terdapat pada website tempat

wisata pada Kabupaten Landak sebagai sarana promosi ini adalah sebagai berikut:

1. Rancangan Antar Muka Login Admin

Sebelum memasuki halaman admin untuk menjaga keamana admin perlu dibatasi

dengan form login, dengan menggunakan username dan password yang dimiliki

oleh admin. Ketika admin melakukan login dengan username dan password jika

benar maka ditampilkan berhasil login.


40

LOGIN ADMIN

User Name xxx

Password xxx

Login Batal

Sumber : Hasil Penelitian

Gambar III. 7.

Rancangan Antar Muka Login Admin

2. Rancangan Halaman Beranda Admin

Halaman beranda adalah halaman yang tampil ketika nama dan password login

benar. Halaman ini sekaligus menampilkan semua menu halaman pada halaman

admin antara lain Forum Diskusi, input wisata gunung, input wisata air terjun,

input wisata rumah adat dan input wisata makam pahlawan, lihat daftar gunung,

lihat daftar air terjun, lihat daftar rumah adat, lihat daftar makam pahlawan dan

logout. Rancangan halaman beranda admin adalah sebagai berikut:


41

Header Admin

Forum Input Tempat Lihat Daftar


Beranda Logout
Diskusi Wisata Wisata

Footer Admin

Sumber : Hasil Penelitian

Gambar III.8.

Rancangan Halaman Utama Beranda Admin

3. Rancangan Halaman Utama Isi Forum Admin

Rancangan halaman utama isi forum ini berfungsi untuk menampung forum

diskusi dan menghapus.


42

Forum
Rancangan Halaman Forum Diskusi Admin
Diskusi

No Nama Email Isi Aksi

xx xxxxxx xxxxxx xxxxxx Hapus

Sumber: Hasil Penelitian

Gambar III.9.

Rancangan Halaman Utama Forum Diskusi Admin

4. Rancangan Halaman Utama Input Tempat Wisata

Adapun rancangan halaman utama input tempat wisata ini berfungsi untuk

menginputkan nama wisata, alamat wisata, keterangan serta gambar wisata.

Input Rancangan Halaman Utama Input Tempat Wisata

Input Tempat Wisata

Nama Tempat Wisata XXXX

Alamat Tempat Wisata XXXX

Keterangan
XXXX

Gambar Browse Masukin Gambar

SIMPAN BATAL

Sumber: Hasil Penelitian


43

Gambar III.10.

Rancangan Halaman Utama Input Tempat Wisata

5. Rancangan Halaman Utama Lihat Daftar Tempat Wisata

Rancangan halaman utama bertujuan untuk melihat daftar tempat wisata dan

menghapus daftar tempat wisata yang lama.

Lihat Daftar
Rancangan Halaman Utama Lihat Daftar Tempat Wisata
Wisata

No Nama Alamat Keterangan Aksi

xx xxxxxx xxxxxx xxxxxx Hapus

Sumber: Hasil Penelitian

Gambar III.11.

Rancangan Halaman Utama Lihat Daftar Tempat Wisata

6. Rancangan Halaman Utama Logout

Rancangan halaman utama logout bertujuan untuk keluar dari menu utama admin,

ketika admin klik tombol logout maka langsung keluar peringatan seperti Apakah

Anda Ingin Keluar ketika tombol ok dklik maka lagsung menampilkan tampilan

halaman utama website.


44

Sumber: Hasil Penelitian

Gambar III.12.

Rancangan Halaman Utama Logout

3.2.3 Basis Data

Adapun perancangan basis data yang menghasilkan pemetaan tabel-tabel yang

digambarkan dengan Entity Relationship Diagram (ERD) adalah sebagai berikut:

1. Entity Relationship Diagram (ERD)


45

Id_Forum Nama

Email
No_urut Nama_Gunung

Alamat Hapus
M Komentar
Forum

Keterangan
Gunung

Gambar
M
No_urut Nama_Makam Alamat
Password

Keterangan
User_Nama 1

Input Admin 1 Gambar


Makam M
1 1 1

Input
No_urut Nama_Rumah Input

Alamat
M

Rumah M Input Terjun


Gambar

Keterangan

Gambar Keterangan No_urut Nama_Terjun Alamat

Sumber : Hasil Penelitian

Gambar III.4.

Entity Relationship Diagram


46

2. Logical Relational Structure (LRS)

Adapun Logical Relational Structure (LRS) yang terdapat pada website yang

dibuat penulis adalah sebagai berikut:

Makam
Gunung
No_Urut
1 Admin
No_Urut Nama_Makam
User_Nama 1
Nama_Gunung M Alamat
Alamat 1 Password M Keterangan
Keterangan 1 1 Gambar
Gambar

Rumah
Terjun Forum
No_Urut
M M Id_Forum
Nama_Rumah No_Urut
Alamat Nama_Terjun Nama
Keterangan M Alamat Email
Gambar Keterangan Isi Forum
Gambar

Sumber : Hasil Penelitian

Gambar III.5.

Logical Relational Structure

3. Rancangan Struktur Navigasi

Struktur navigasi yang digunakan dalam pembuatan website ini adalah struktur

navigasi nonlinier, jadi tiap-tiap tampilan mempunyai kedudukan yang sama tidak ada

masterpage dan slavepage. Struktur navigasi terdiri dari bagian yaitu struktur navigasi

pada halaman website, struktur navigasi pada halaman admin. Struktur nonlinier

terlihat pada halaman Beranda, info wisata, kontak kami, forum diskusi dan map.
47

a. Struktur Navigasi Pengguna (user)

Penulis membuat struktur navigasi user untuk membuat sebuah peta agar

mempermudah user dalam melihat isi dalam website ini. Selain itu fungsi dari

struktur navigasi ini adalah membuat rincian umum mengenai isi dalam suatu

website yang telah dibuat.

Index

Beranda Info Wisata Kontak Kami Forum Diskusi Map

Sumber : Hasil Penelitian

Gambar III.6

Struktur Navigasi Pengguna (user)

b. Struktur Navigasi Halaman Admin

Pada struktur halaman admin penulis membuat sebuah peta agar admin dapat

meihatnya.

Beranda

Lihat Daftar
Beranda Forum Diskusi Input Wisata Logout
Wisata

Sumber : Hasil Penelitian

Gambar III.7
48

Struktur Navigasi Pada Halaman Admin

4. Spesifikasi File

Menjelaskan tentang file atau tabel yang berbentuk dari transformasi ERD atau

file-file penunjang untuk website, file-file ini tersimpan pada TAKU dengan

paremeter-parameter sebagai berikut:

a. Spesifikasi File Admin

Nama File : Admin

Akronim : Login. Form

Fungsi : Sebagai tempat login untuk mengakses halaman

petugas admin

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 75

Kunci Field : User_Nama

Software : MySQL

Tabel III.1
Spesifikasi File Admin

No Elemen Data Nama Field Tipe Size Ket

1. User_Nama User_Nama Varchar 25 Primery Key


49

2. Password Password Varchar 50

b. Spesifikasi File Gunung

Nama File : Gunung

Akronim : Input_Gunung. Form

Fungsi : Untuk menyimpan data input_gunung

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 75

Kunci Field : No_urut

Software : MySQL

Tabel III. 2
Spesifikasi File Gunung

No Elemen Data Nama Field Tipe Size Ket

1. No_Urut No_Urut Int 15 Primary Key

2. Nama_Gunung Nama_Gunung Varchar 50

3. Alamat Alamat Text

4. Gambar Gambar Text

5. Keterangan Keterangan Varchar 50


50

c. Spesifikasi File Buku_Tamu

Nama File : Buku_Tamu

Akronim : Input_Berita. Form

Fungsi : Untuk menyimpan data Buku_Tamu

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 105

Kunci Field : Id_Buku_Tamu

Software : MySQL

Tabel III. 3

Spesifikasi File Buku_Tamu

No Elemen Data Nama Field Tipe Size Ket

1. Id_Buku_Tamu Id_BukuTamu Int 5 Primary Key

2. Nama Nama Varchar 50

3. Email Email Varchar 50

4. Komentar Komentar Text

d. Spesifikasi File Terjun


51

Nama File : Terjun

Akronim : Input_Terjun. Form

Fungsi : Untuk menyimpan data input_terjun

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 92

Kunci Field : No_Urut

Software : MySQL

Tabel III.4

Spesifikasi File Terjun

No Elemen Data Nama Field Tipe Size Ket

1. No_Urut No_Urut Int 12 Primary Key

2. Nama_Terjun Nama_Terjun Varchar 30

3. Alamat Alamat Text

4. Gambar Gambar Text

5. Keterangan Keterangan Varchar 50

e. Spesifikasi File Makam

Nama File : Makam


52

Akronim : Input_Makam. Form

Fungsi : Untuk menyimpan data input_makam

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 115

Kunci Field : No_Urut

Software : MySQL

Tabel III.5

Spesifikasi File Makam

No Elemen Data Nama Field Tipe Size Ket

1. No_Urut No_Urut Int 15 Primary Key

2. Nama_Makam Nama_Makam Varchar 50

3. Alamat Alamat Text

4. Gambar Gambar Text

5. Keterangan Keterangan Varchar 50

f. Spesifikasi File Rumah

Nama File : Rumah

Akronim : Input_rumah. Form


53

Fungsi : Untuk menyimpan data input_rumah

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard disk

Panjang Record : 115

Kunci Field : No_Urut

Software : MySQL

Tabel III.6

Spesifikasi File Rumah

No Elemen Data Nama Field Tipe Size Ket

1. No_Urut No_Urut Int 15 Primary Key

2. Nama_Rumah Nama_Rumah Varchar 50

3. Alamat Alamat Text

4. Gambar Gambar Text

5. Keterangan Keterangan Varchar 50

3.3. Implementasi dan Pengujian Unit

3.3.1. Implementasi

1. Implementasi Rancangan Antar Muka


54

Implementasi rancangan antar muka yang terdapat pada sistem informasi website

tempat wisata ini berdasarkan hasil rancangan antar muka dibagi menjadi 2 (dua),

halaman antar muka pengguna (user) dan halaman antar muka admin.

a. Implementasi Halaman Utama Website

Index adalah implementasi halaman utama website atau halaman pembuka

yang tampil pada saat website dibuka.

Sumber: Hasil Penelitian

Gambar III.8

Implementasi Halaman Utama Website

b. Halaman Login Admin

Administrator harus melakukan login terlebih dahulu untuk dapat

menggunakan modul-modul yang tersedia jika login berhasil, maka menu-

menu yang sesuai dengan kategori user tersebut akan ditampilkan.


55

Sumber : Hasil Penelitian

Gambar III.9

Implementasi Rancangan Antar Muka Form Login

c. Implementasi Halaman Utama Admin

Setelah Administrator selesai melakukan login maka jika login berhasil maka

langsung menampilkan halaman utama beranda admin.

Sumber : Hasil Penelitian

Gambar III.9

Halaman Utama Beranda Admin


56

2. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras (Hardware) dan perangkat lunak

(Software) minimum yang dibutuhkan untuk mengimplementasikan sistem

informasi tempat wisata berbasis website ini.

a. Spesifikasi Perangkat Lunak

1. Server

a) CPU

(1) Processor Intel Atom Inside

(2) RAM 1GB

b) Mouse : Standar mouse

c) Keyboard : Standard PS/2 keyboard

d) Monitor dengan resolusi layar minimum 1024x600

e) Koneksi internet dengan kecepatan 2 Mbps.

2. Server

a) CPU

(1) Processor Intel Atom Inside

(2) RAM 1GB

b) Mouse : Standar mouse

c) Keyboard : Standard PS/2 keyboard

d) Monitor dengan resolusi layar minimum 1024x600

e) Koneksi internet dengan kecepatan 56 kbps.


57

b. Spesifikasi Perangkat Lunak

1. Server

a) Sistem Operasi yang digunakan Microsoft Windows 7.

b) Aplikasi bundle web server seperti WampServer yang terdiri dari

(1) Aplikasi PHP Server.

(2) Aplikasi MysQl Server.

(3) Aplikasi phpMyAdmin Server.

(4) Aplikasi Apache Server

c) Aplikasi Web Browser : Mozilla Firefox dan Google Chrome.

2. Client

a. Sistem Operasi yang digunakan Microsoft Windows 7.

b. Aplikasi web browser yang digunakan Mozilla Firefox dan Google

Chrome.

3.3.2. Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan blackbox testing yang

fokus terhadap proses masukan dan keluaran program diantarnya adalah sebagai

berikut:

1. Pengujian Terhadap Form Login

Pengujian blackbox testing ini berdasarkan pada Form Login yang telah dibuat

pada website.
58

Tabel III.7

Hasil Pengujian Black Box Testing Halaman Login

No Skenario Pengujian Test case Hasil yang Hasil Kesimpulan


diharapkan pengujian
1. User nama dan User nama : Sistem akan
password tidak diisi (kosong) menolak
kemudian klik password :(kosong) akses user dan Sesuai Valid
tombol login menampilkan harapan
user nama
dan password
tidak dikenal
2. Mengetikan user User nama : Admin Sistem akan
nama dan password Password: menolak
tidak diisi atau (kosong) akses user dan Sesuai Valid
kosong kemudian menampilkan harapan
klik tombol login user nama
dan password
tidak dikenal
3. User nama tidak User nama : Sistem akan
diisi (kosong) dan (kosong) password menolak
password diisi : admin akses user dan Sesuai Valid
kemudian klik menampilkan harapan
tombol login user nama
dan password
tidak dikenal
4. Mengetikkan salah User nama : Admin Sistem akan
satu kondisi salah (benar) Password : menolak
pada user nama atau Admin (benar) akses user dan Sesuai Valid
password kemudian menampilkan harapan
klik tombol login user nama
dan password
tidak dikenal
5. Mengetikkan user User nama : Admin System
nama dan password (benar) Password : menerima
dengan data yang Admin (benar) akses login Sesuai Valid
benar kemudian klik dan kemudian harapan
tombol login langsung
menampilkan
menu utama

Anda mungkin juga menyukai