T0 562010013 BAB III
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 tampilantampilan yang menarik bagi 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
atau elemen bagian dari objek penelitian, melakukan
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
dibangun ini antara lain sebagai berikut:
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:
ADMINISTRATOR
Berita
Hotel
Galeri
Pariwisata
HotelBerita
Pariwisata
Galeri
0.
WEB PARIWISATA SALATIGA
Berita
Hotel
Galeri
Pariwisata
MASYARAKAT
Gambar 1.1 Diagram Konteks Web Pariwisata Kota Salatiga
Insert/Update/Delete
Insert/Update/Delete
ADMINISTRATOR
Insert/Update/Delete
Insert/Update/Delete
view
view
view
view
Select
Select
1
PARIWISATA
2
GALERI
4
BERITA
Ins/Upd/Del
Ins/Upd/Del
Select
3
HOTEL
Ins/Upd/Del
Wisata
Select
Kuliner
Select
Photo
Ins/Upd/Del
View
Select
Hotel
Berita
Budaya
view
MASYARAKAT
view
view
Gambar 1.3 DFD Level 1 Pariwisata
View
ADMINISTRATOR
View
View
Ins/Upd/Del
Ins/Upd/Del
Ins/Upd/Del
1.1
Tempat Wisata
1.2
Budaya
Ins/Upd/Del
Wisata
1.3
Kuliner
Ins/Upd/Del
Select
Budaya
Ins/Upd/Del
Select
Kuliner
Select
View
MASYARAKAT
View
View
Gambar 1.4 DFD Level 2 Tempat wisata
ADMINISTRATOR
Ins/Upd/Del
View
2.1
Galeri
Select
View
Ins/Upd/Del
MASYARAKAT
Gambar 1.5 DFD Level 2 Galeri
Photo
ADMINISTRATOR
Ins/Upd/Del
View
3.1
Hotel
Select
View
Ins/Upd/Del
MASYARAKAT
Gambar 1.7 DFD Level 2 Hotel
Hotel
ADMINISTRATOR
Ins/Upd/Del
View
4.1
Berita
Select
View
Ins/Upd/Del
MASYARAKAT
Gambar 1.6 DFD Level 2 Berita
3.4 Flowchart
Berita
Mulai
Halaman Login
Input User id
dan
Password
Tidak
Cek Login
Ya
Halaman Admin
Input/edit/
delet
Tidak
Simpan
Ya
DB
Selesai
Gambar 2.1 Flowchart 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
informasi terbaru dari website ini.
Mulai
Tampilan Web Pariwisata
Lihat Data
Tampilan Web Pariwisata
yang dipilih
Selesai
Gambar 2.2 Flowchart 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
sebagai berikut:
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
data di table ini.
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
menu utama admin. Tampilan-tampilan menu utama aplikasi
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
untuk melakukan login kedalam aplikasi.
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
akan dilihat oleh user.
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
dan acara-acara yang ada di Salatiga
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
Salatiga.
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 tampilantampilan yang menarik bagi 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
atau elemen bagian dari objek penelitian, melakukan
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
dibangun ini antara lain sebagai berikut:
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:
ADMINISTRATOR
Berita
Hotel
Galeri
Pariwisata
HotelBerita
Pariwisata
Galeri
0.
WEB PARIWISATA SALATIGA
Berita
Hotel
Galeri
Pariwisata
MASYARAKAT
Gambar 1.1 Diagram Konteks Web Pariwisata Kota Salatiga
Insert/Update/Delete
Insert/Update/Delete
ADMINISTRATOR
Insert/Update/Delete
Insert/Update/Delete
view
view
view
view
Select
Select
1
PARIWISATA
2
GALERI
4
BERITA
Ins/Upd/Del
Ins/Upd/Del
Select
3
HOTEL
Ins/Upd/Del
Wisata
Select
Kuliner
Select
Photo
Ins/Upd/Del
View
Select
Hotel
Berita
Budaya
view
MASYARAKAT
view
view
Gambar 1.3 DFD Level 1 Pariwisata
View
ADMINISTRATOR
View
View
Ins/Upd/Del
Ins/Upd/Del
Ins/Upd/Del
1.1
Tempat Wisata
1.2
Budaya
Ins/Upd/Del
Wisata
1.3
Kuliner
Ins/Upd/Del
Select
Budaya
Ins/Upd/Del
Select
Kuliner
Select
View
MASYARAKAT
View
View
Gambar 1.4 DFD Level 2 Tempat wisata
ADMINISTRATOR
Ins/Upd/Del
View
2.1
Galeri
Select
View
Ins/Upd/Del
MASYARAKAT
Gambar 1.5 DFD Level 2 Galeri
Photo
ADMINISTRATOR
Ins/Upd/Del
View
3.1
Hotel
Select
View
Ins/Upd/Del
MASYARAKAT
Gambar 1.7 DFD Level 2 Hotel
Hotel
ADMINISTRATOR
Ins/Upd/Del
View
4.1
Berita
Select
View
Ins/Upd/Del
MASYARAKAT
Gambar 1.6 DFD Level 2 Berita
3.4 Flowchart
Berita
Mulai
Halaman Login
Input User id
dan
Password
Tidak
Cek Login
Ya
Halaman Admin
Input/edit/
delet
Tidak
Simpan
Ya
DB
Selesai
Gambar 2.1 Flowchart 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
informasi terbaru dari website ini.
Mulai
Tampilan Web Pariwisata
Lihat Data
Tampilan Web Pariwisata
yang dipilih
Selesai
Gambar 2.2 Flowchart 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
sebagai berikut:
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
data di table ini.
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
menu utama admin. Tampilan-tampilan menu utama aplikasi
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
untuk melakukan login kedalam aplikasi.
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
akan dilihat oleh user.
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
dan acara-acara yang ada di Salatiga
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
Salatiga.