Bab III.
PERANCANGAN SISTEM
3.1 Analisa Kebutuhan
Sebagaimana dijelaskan pada bab satu tentang Salatiga
sebagai Kota Pariwisata . Penulis dalam membangun aplikasi
ini memerlukan beberapa kebutuhan antara lain sebagai
berikut:
3.1.1 Kebutuhan Antar Muka
Kebutuhan antar muka yang diperlukan untuk
membangun sistem informasi ini meliputi:
a. Sistem yang akan dibangun mempunyai
tampilan-tampilan yang menarikbagi user.
b. Sistem dapat mudah dimengerti dan di gunakan oleh user.
c. System mempunyai data yang uptodate dan benar.
3.1.2 Kebutuhan Data
Data-data yang dibutuhkan dan akan diolah oleh
aplikasi ini antara lain:
3.1.2.1 Data Primer
Yaitu data atau segala informasi yang diperoleh dan
didapat langsung dari sumber pertama, baik individu
wawancara dan observasi langsung pada objek yang
diteliti. Data primer yang dibutuhkan antara lain
sebagai berikut:
a. Data Pariwisata, meliputi tempat –tempat
pariwisata disekitar salatiga.
b. Data Kuliner,meliputi macam-macam makanan
khas yang ada di kota Salatiga dan tempat-tempat
yang menjual makanan khas Salatiga.
c. Data Hotel, meliputi nama hotel yang ada di
Salatiga dan alamat hotel serta informasi tentang
hotel-hotel di Salatiga.
d. Data Budaya.berisi tentang informasi kebudayaan
yang ada di Salatiga.
e. Data Berita.berisi tentang berita-berita seputar kota
Salatiga dan sekitarnya.
3.1.2.2 Data Sekunder
Meliputi data-data yang diperoleh dari internet, buku
literatur, studi pustaka mengenai arsitektur web
application, MySQL database dan teknologi pemrograman dengan PHP.
3.1.3 Kebutuhan Fungsional
Layanan yang disediakan oleh aplikasi yang akan
a. Memberikan informasi tentang kota Salatiga dan
pariwisata yang ada di kota Salatiga.
3.2 Gambaran Umum Sistem
Aplikasi yang dirancang memiliki data-data informasi
mengenai tempat wisata dan semua yang berhubungan
dengan wisata di Kota Salatiga. Dibangun dengan tampilan
yang menarik dan dapat dengan mudah dioperasionalkan
oleh user sehingga diharapkan aplikasi ini dapat membantu
menarik paara wisatawan berwisata di Salatiga.
3.3 DFD (Data Flow Diagram)
Diagram arus data Web pariwisa kota Salatiga terdiri
dari:
Gambar 1.1 Diagram Konteks Web Pariwisata Kota Salatiga
0.
WEB PARIWISATA SALATIGA
ADMINISTRATOR
MASYARAKAT
1
Photo Hotel Berita
Ins/Upd/Del Ins/Upd/Del Ins/Upd/Del Insert/Update/Delete
Select Select Select
Select Select
Select
Gambar 1.3 DFD Level 1 Pariwisata
1.2 Budaya 1.1
Tempat Wisata
1.3 Kuliner
ADMINISTRATOR
MASYARAKAT
Wisata Budaya Kuliner
Ins/Upd/Del
2.1 Galeri
MASYARAKAT
ADMINISTRATOR
Photo Ins/Upd/Del
Ins/Upd/Del
View
View
Select
3.1 Hotel
MASYARAKAT
ADMINISTRATOR
Hotel Ins/Upd/Del
Ins/Upd/Del
View
View
Select
4.1 Berita
MASYARAKAT
ADMINISTRATOR
Berita Ins/Upd/Del
Ins/Upd/Del
View
View
Select
Gambar 1.6 DFD Level 2 Berita
Mulai
Halaman Login
Input User id dan Password
Cek Login
Halaman Admin
Input/edit/ delet
Simpan
DB
Selesai Ya
Ya
Tidak
Tidak
Gambar 2.1Flowchart Untuk Admin
Pada gambar 2.1 menunjukkan Flowchart admin, dimana
admin sebagai aktor utama yang mempunyai hak akses untuk
mengupdate dan mengupload suatu informasi kedalam
website yang nantinya semua pengguna dapat mengetahui
Mulai
Tampilan Web Pariwisata
Lihat Data
Selesai
Tampilan Web Pariwisata yang dipilih
Gambar 2.2Flowchart User
Pada gambar 2.2 menunjukkan Flowchart User dimana
aktor yang adalah user itu sendiri. User hanya dapat
melihat isi dari website ini.
3.5 Perancangan Basis Data
Tabel-tabel berserta relasinya yang digunakan dalam
aplikasi e-learning ini disajikan dalam gambar – gambar
Gambar 3.1 Pariwisata
Tabel ini menyimpan data pariwisata yang ada dikota
salatiga dan sekitarnya. Admin dapat memanipulasi data di
table ini.
Gambar 3.2 Kuliner
Tabel data kuliner menampung data makanan kas
yang ada di Salatiga. Admin dapat memanipulasi data di
table ini.
Gambar 3.3 Budaya
Tabel data budaya menampung informasi budaya
daerah yang ada di Salatiga. Admin juga dapat memanipulasi
Gambar 3.4 Galeri
Pada tabel galeri data bersifat gambar, berisi
kumpulan gambar tempat wisata dan acara yang ada di
salatiga
Gambar 3.5 hotel
Dalam tabel hotel berisi info hotel yang ada di
Salatiga dan sekitarnya.
Gambar 3.6 Berita
Dalam tabel berita berisi kumpulan dari beritaa acara
yang ada di Salatiga yang berhubungan dengan
budaya,wisata dan kuliner.
3.6 Perancangan Antar Muka
Pada tampilan awal aplikasi web ;pariwisata kota
Salatiga ini penulis merancang halaman login sebelum admin
dapat mengakses tampilan menu utama aplikasi web
pariwisata kota Salatiga ini. Pada halaman login, user
diharuskan melakukan login dengan memasukkan username
dan password yang sudah ditentukan agar dapat mengakses
terdiri dari memasukkan data, menampilkan data, mengubah
data dan menghapus data.
Adapun perancangan tampilan setiap halaman
aplikasi web pariwisata kota Salatiga ini dijelaskan dalam
lembar kerja tampilan sebagai berikut:
Gambar 4.1 LKT Halaman Loggin Admin
a. LKT Login
Halaman ini berisi form username dan form password
Gambar 4.2 LKT Halaman Admin
b. Lembar Kerja Tampilan Halaman Amin
Halaman ini berisi form editing untuk menambah data
dalam web pariwisata
Gambar 4.3 LKT Halaman Utama
c. Lembar Kerja Tampilan Halaman Utama
Pada halaman utama menampilkan pilihan menu yang
Gambar 4.4 LKT Pariwisata
d. Lembar Kerja Tampilan Halaman Pariwisata
Pada halaman ini terdiri dari menu pilihan tempat
wisata,wisata budaya dan kuliner
Gambar 4.5 LKT Galeri
e. Lembar Kerja Tampilan Halaman galeri
Halaman ini menampilkan foto dari tempat wisata
Gambar 4.6 LKT Info Hotel
f. Lembar Kerja Tampilan Halaman Info Hotel
Halaman ini berisi info tentang hotel-hotel yang ada
di Salatiga.
Gambar 4.7 LKT Berita
g. Lembar Kerja Tampilan Halaman Berita
Pada halaman ini berisi kumpulan berita seputar
