Bab III. PERANCANGAN SISTEM

Ukuran: px

Mulai penontonan dengan halaman:

Download "Bab III. PERANCANGAN SISTEM"

Suharto Pranata
6 tahun lalu
Tontonan:

1 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: 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 Kebutuhan Data Data-data yang dibutuhkan dan akan diolah oleh aplikasi ini antara lain: Data Primer Yaitu data atau segala informasi yang diperoleh dan didapat langsung dari sumber pertama, baik individu atau elemen bagian dari objek penelitian, melakukan

2 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 Data Sekunder Meliputi data-data yang diperoleh dari internet, buku literatur, studi pustaka mengenai arsitektur web application, MySQL database dan teknologi pemrograman dengan PHP Kebutuhan Fungsional Layanan yang disediakan oleh aplikasi yang akan dibangun ini antara lain sebagai berikut:

3 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: Berita Hotel Galeri ADMINISTRATOR Pariwisata Hotel Pariwisata Berita Galeri 0. WEB PARIWISATA SALATIGA Berita Hotel Galeri Pariwisata MASYARAKAT Gambar 1.1 Diagram Konteks Web Pariwisata Kota Salatiga

4 Insert/Update/Delete Insert/Update/Delete Insert/Update/Delete ADMINISTRATOR Insert/Update/Delete view view view view 1 PARIWISATA 2 GALERI 3 HOTEL 4 BERITA Wisata Kuliner Photo Hotel Berita Budaya view MASYARAKAT view view Gambar 1.3 DFD Level 1 Pariwisata ADMINISTRATOR 1.1 Tempat Wisata 1.2 Budaya 1.3 Kuliner Wisata Budaya Kuliner MASYARAKAT Gambar 1.4 DFD Level 2 Tempat wisata

5 ADMINISTRATOR 2.1 Galeri Photo MASYARAKAT Gambar 1.5 DFD Level 2 Galeri

6 ADMINISTRATOR 3.1 Hotel Hotel MASYARAKAT Gambar 1.7 DFD Level 2 Hotel

7 ADMINISTRATOR 4.1 Berita Berita MASYARAKAT Gambar 1.6 DFD Level 2 Berita 3.4 Flowchart

8 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.

9 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:

2 Kuliner Tabel data kuliner menampung data makanan kas yang ada di Salatiga.

10 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.

11 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

12 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.

13 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.

14 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

15 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.

dokumen-dokumen yang mirip

Gambar 3.1 Data Flow Diagram Level 0

Gambar 3.1 Data Flow Diagram Level 0 BAB III PERANCANGAN SISTEM 3.1 Ruang lingkup aplikasi Berdasarkan kebutuhan dari pengguna, pembuatan website ini ditujukan kepada masyarakat yang membutuhkan informasi studio photo yang dapat dijadikan