BAB IV ANALISIS DAN PERANCANGAN 4.1 Analisis Sistem Menurut Jogiyanto HM. : Analisis sistem adalah penguaraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan masksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya. (2005:129) Pada kerja Praktek ini, dibangun suatu Sistem Informasi travelling berbasis web sebagai alternatif untuk mengatasi permasalahan dalam mencari informasi perjalanan wisata yang masih dilakukan secara manual. Sistem ini menyediakan suatu kemudahan untuk mendapatkan informasi-informasi yang dibutuhkan untuk mengelola masalah dministrasi dan manajemennya. 4.1.2 Sistem Usulan Sistem informasi travelling yang sedang dibuat dinilai memiliki keunggulan dan kemudahan tersendiri. Untuk memberikan usulan dalam sistem informasi travelling, maka sistem yang dibangun menyediakan fasilitas seperti penjualan tiket, informasi wisata yang di tawarkan, informasi pemesanan paket wisata, info harga, gallery, data yang bisa didownload, dan di-print. 28
Untuk usulan dalam sistem informasi travelling ini, maka sistem yang dibangun menyediakan fasilitas yang mendukung untuk mempermudah wisatawan melakukan pemesanan paket wisata serta dapat membantu wisatawan untuk memutuskan paket wisata mana yang akan di pesan. Bentuk informasi yang diberikan pada sistem ini adalah informasi tentang profil perusahaan, pemesanan paket wisata, info tempat wisata, daftar harga paket wisata, gallery dan fasilitas download. Dari informasi diatas maka bisa digambarkan ususlan flowmap system informasi travelling adalah sebagai berikut: 29
Flowmap Sistem informasi travelling User Administrator Sistem start Lihat profil Lihat Login admin Update Login admin Kumpulan Lihat Update Kumpulan Agenda Agenda Lihat gallery Update Gallery Kumpulan Gallery Pemes anan Gallery end Pemberit ahuan pemesan an Isi form pemesanan Gambar 4.1 Flowmap Sistem Informasi travelling 30
4.2 Identifikasi Kebutuhan Sistem Untuk membangun Sistem Informasi travelling dibutuhkan beberapa perangkat keras dan perangkat lunak pendukung. Adapun komponenkomponen pendukungnya sebagai berikut : 1. Perangkat Keras : memori 256 Mb, Prosesor Pentium IV, harddisk 80 Gb, mouse, keyboard, monitor 2. Perangkat Lunak : Windows XP, Mozilla Firefox, Notepad++, PHP, MySQL 3. Isi Website : Menu Home dari website, Form Login untuk administrator, Halaman profil administrator, Halaman profil Perusahaan, Menu Berita menampilkan semua tentang pariwisata mulai dari tempat sampai harga paket sampai detail, Menu Agenda, Menu Download, Menu Gallery, Form Update Berita, Form Update Agenda, Form Update Gallery, dan Form Upadate Download. Sistem informasi ini dapat digunakan oleh user. Setiap user yang menggunakan sistem ini tidak memiliki hak akses secara penuh. user hanya dapat melihat profil perusahaan, melihat paket wisata, melihat daftar harga paket wisata, melihat gallery, download data dan menghubungi pihak perusahaan melalui email. Sedangkan admin bertugas untuk mengawasi jalannya sistem memberikan informasi yang dibutuhkan dan memiliki hak akses secara penuh. 31
4.3 Kebutuhan Fungsional Pendefinisian layanan yang harus disediakan, bagaimana reaksi sistem terhadap input dan apa yang harus dilakukan sistem pada situasi khusus (kebutuhan sistem dilihat dari kacamata pengguna). Untuk memahami alur dari informasi dalam sistem, diperlukan dokumentasi dalam merancang suatu aplikasi web, sehingga akan mempermudah tahap pengembangan sistem. 4.3.1 Diagram Konteks Diagram konteks merupakan suatu model yang menjelaskan secara global bagaimana data digunakan dan ditransformasikan untuk proses. Suatu diagram konteks selalu mengandung hanya satu proses saja yang mewakili proses dari seluruh sistem yang ada, sehingga diagram konteks sering disebut sebagai DFD level 0. Berdasarkan database yang dibuat, maka diagram konteksnya sebagai berikut : Pemhuan pemesnan pemesanan Update_ admin Download_data update_ Upload_gallery gallery Sistem informasi Travelling gallery download_data user upload_data Gambar 4.2 Diagram Konteks Sistem Informasi travelling 32
Memperlihatkan arus data yang mengalir secara umum. Admin mempunyai otoritas, update, kegiatan, upload gallery dan upload data. Admin akan menerima pemhuan pemesanan. User hanya dapat melihat, kegiatan, gallery, download data dan pemesanan. 4.3.2 Data Flow Diagram (DFD) Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari data sistem, yang penggunaannya sangat membantu untuk memahami sistem secara logika, tersruktur dan jelas. DFD merupakan alat bantu dalam menggambarkan atau menjelaskan sistem yang sedang berjalan logis. Dibawah ini terdapat gambar DFD dari Sistem Informasi travelling : Update_ admin Update_ gallery Download_data Upload_data Pemhuan pesan 1 pengolahan 2 pengolahan Update_gallery 4 download 5 pemesanan 3 pengolahan galerry data gallery gallery Download_data pesan user pemesan 33
Gambar 4.3 DFD Sistem Informasi travelling Berikut adalah keterangan dari proses DFD yang telah dibuat : a. Proses 1 Dalam proses ini dilakukan pengolahan data. Di mana Admin dapat menambah, mengedit dan menghapus data Berita. Data tersebut disimpan dalam table. User hanya menerima data tersebut dalam bentuk informasi yang selalu di-update oleh Admin. b. Proses 2 Dalam Proses ini dikakukan pengolahan kegiatan. Di mana Admin dapat mengupdate kegiatan kegiatan apa saja yang akan diadakan oleh perusahaan. Data tersebut disimpan dalam table. User hanya dapat melihat informasi event yang selalu di-update oleh Admin. c. Proses 3 Dalam proses ini dilakukan pengolahan gallery. Di mana admin dapat mengupdate menambah, mengedit, dan menghapus data gallery. User hanya dapat melihat dan mendownload gallery yang di-update oleh admin. d. Proses 4 Dalam Proses ini dikakukan pengolahan download data. Di mana Admin dapat mengupload berbagai data ke sistem informasi travelling ini. Data tersebut disimpan dalam table download. User hanya dapat melihat dan mendownload data yang selalu di-upload oleh Admin. e. Proses 5 34
Dalam Proses ini dikakukan pengolahan pemesanan. Di mana User dapat memesan atau menghubungi pihak perusahaan melalui email. Admin hanya mendapat pemhuan pesan dari user. DFD dari level 0 tersebut dapat digambarkan lebih terperinci menjadi level 1. admin Update_ Info_ 1.1 Update_ Update_ Info_ 1.2 Tampil data user Info- Gambar 4.4 DFD Level 1 Proses 1 Berikut adalah keterangan dari proses DFD yang telah dibuat : a. Proses 1.1 Dalam proses ini admin menginputkan data, data tersebut disimpan dalam tabel. b. Proses 1.2 Dalam proses ini yang sudah diupdate dan dapat dilihat oleh user. admin Update_ Info_ 2.1 Update_ Update_ Info_ 2.2 Tampil data user Info_ Gambar 4.5 DFD Level 1 Proses 2 35
Berikut adalah keterangan dari proses DFD yang telah dibuat : a. Proses 2.1 Dalam proses ini admin membuat kegiatan, data tersebut disimpan dalam tabel. b. Proses 2.2 Dalam proses ini kegiatan akan ditampilkan ke sistem informasi travelling. admin Update_gallery Info_gallery 3.1 Gallery Update_gallery gallery Update_gallery Info_gallery 3.2 Tampil data gallery user Info_gallery Gambar 4.6 DFD Level 1 Proses 3.1 Berikut adalah keterangan dari proses DFD yang telah dibuat : a. Proses 3.1 Dalam proses ini admin menginputkan data gallery, data tersebut disimpan dalam tabel gallery. b. Proses 3.2 Dalam proses ini hasil update gallery akan tampil dan dapat dilihat admin Update_data Info-data 4.1 Download Update_data data Update_data Info_data 4.2 Tampil data download user Info_download Gambar 4.7 DFD Level 1 Proses 4.1 36
Berikut adalah keterangan dari proses DFD yang telah dibuat : a. Proses 4.1 Dalam proses ini admin mengupload data, data tersebut disimpan dalam tabel data b. Proses 4.2 Dalam proses ini upload data selesai dan data sudah bisa untuk didownload. user pemesanan 5.1 pemesanan pemesanan pesan pemesanan 5.2 Tampil data pemesanan admin Pemhuan pesan Gambar 4.8 DFD Level 1 Proses 5.1 a. Proses 5.1 Dalam proses ini user melakukan pemesanan, data tersebut disimpan dalam tabel pesan. b. Proses 5.2 Dalam proses ini admin menerima pemhuan bahwa ada pesan dari user. 4.3.3 Entity Relationship Diagram (ERD) Entity merupakan individu yang mewakili sesuatu yang nyata dan dapat dibedakan dari sesuatu yang lain. ERD merupakan relasi antara dua file atau dua table lebih yang menghubungkan entitas-entitas yang memiliki 37
hubungan satu dengan yang lain. Relasi entitas yang digunakan dalam sistem ini adalah : username password Nama_lengkap Admin memesan email No_tlp judul pesan User melihat isi subjek email nama melihat kegiatan Judul_foto melihat gallery album melihat data Id_download Judul Gambar 4.9 Entity Relationship Diagram 38
4.3.4 Kamus Data Kamus Data (Data Dictionary) adalah catalog fakta tentang data dan kebutuhan-kebutuhan informasi dari suatu perangkat lunak. Dengan menggunakan kamus data yang mengalir pada perangkat lunak dapat didefinisikan dengan lengkap. Kamus dapat dibuat berdasarkan arus data yang ada pada DFD. Arus data dalam DFD bersifat global, hanya ditujukan nama arus datanya saja. Keterangan lebih lanjut mengenai struktur dari suatu arus data terinci dapat dilihat pada kamus data. Kamus data untuk aplikasi web ini adalah sebagai berikut : 4.3.4.1 Kamus Data Admin Tabel 4.1 Kamus Data Admin Nama Tabel Primary Key : admin : username No Nama Field Tipe data Ukuran Keterangan 1 Username varchar 50 Username 2 Password varchar 50 Password 3 nama_lengkap varchar 100 Nama Lengkap 4 Email varchar 100 Email 5 no_tlp varchar 20 No Tlp 6 Level varchar 20 Level 39
4.3.4.2 Kamus Data Berita Tabel 4.2 Kamus Data Berita Nama Tabel : Primary Key : id_ No Nama Field Tipe data Ukuran Keterangan 1 id_ int 20 Id Berita 2 Judul varchar 30 Judul 3 Tgl datetime Tanggal 4 Isi text Isi 5 Author varchar 10 Penulis 4.3.4.3 Kamus Data Album Tabel 4.3 Kamus Data Album Nama Tabel : Album Primary Key : id_album No Nama Field Tipe data Ukuran Keterangan 1 id_album int 5 Id Album 2 Judul varchar 100 Judul 4.3.4.4 Kamus Data Gallery Tabel 4.4 Kamus Data Gallery Nama Tabel : Gallery Primary Key : id_gallerry No Nama Field Tipe data Ukuran Keterangan 1 id_gallery int 5 Id Gallery 2 Id_album int 5 Id Album 3 Judul_gallery varchar 100 Judul Gallery 4 Author varchar 10 Penulis 40
4.3.4.5 Kamus Data Agenda Tabel 4.5 Kamus Data Agenda Nama Tabel : Agenda Primary Key : id_ No Nama Field Tipe data Ukuran Keterangan 1 id_ int 20 Id Agenda 2 Tema varchar 30 Tema 3 Tgl datetime Tanggal 4 Isi text Isi 5 Author varchar 10 Penulis 4.3.4.6 Kamus Data Download Tabel 4.7 Kamus Data Download Nama Tabel : Download Primary Key : id_download No Nama Field Tipe data Ukuran Keterangan 1 id_download int 20 Id download 2 Judul varchar 30 Judul 4.3.4.7 Kamus Data Kategori Tabel 4.7 Kamus Data Kategori Nama Tabel : Kategori Primary Key : id_kategori No Nama Field Tipe data Ukuran Keterangan 1 id_kategori int 5 Id Kategori 2 Judul varchar 50 Judul 41
4.3.4.8 Kamus Data Polling Tabel 4.7 Kamus Data Poling Nama Tabel : Poling Primary Key : id_poling No Nama Field Tipe data Ukuran Keterangan 1 id_poling int 5 Id Poling 2 Pilihan varchar 100 Pilihan 3 Rating int 5 Rating 4.3.4.9 Kamus Data Komentar Tabel 4.7 Kamus Data Komentar Nama Tabel : Komentar Primary Key : id_komentar No Nama Field Tipe data Ukuran Keterangan 1 id_komentar int 5 Id Komentar 2 Id_ int 5 Id Berita 3 nama_komentar varchar 100 Nama Komentar 4 isi_komentar text Isi Komentar 5 Tanggal date Waktu 4.3.4.10 Kamus Data Sekilas Info Tabel 4.7 Kamus Data Sekilas Info Nama Tabel : Sekilas Info Primary Key : id_sekilas No Nama Field Tipe data Ukuran Keterangan 1 id_sekilas int 5 Id Sekilas 2 Info Varchar 100 Info 3 tgl_posting varchar date Waktu 42
4.3.4.11 Kamus Data Hubungi Tabel 4.7 Kamus Data Hubungi Nama Tabel : Hubungi Primary Key: id_hubungi No Nama Field Tipe data Ukuran Keterangan 1 id_hubungi int 5 Id Hubungi 2 Nama varchar 50 Id Berita 3 Email varchar 100 Nama Komentar 4 Subjek varchar 100 Isi Komentar 5 Pesan text Pesan 6 Tanggal date Waktu 4.4 Perancangan Antarmuka Sistem Antar muka adalah alat komunikasi antara sistem dan pemakai, berikut adalah rencana tampilan antar muka sistem : 4.4.1 Menu Utama 43
Gambar 4.11 Perancangan Menu Utama 4.4.2 Profil Gambar 4.12 Perancangan Profil 4.4.3 Agenda Gambar 4.13 Perancangan Form Agenda 44
4.4.4 Berita Gambar 4.14 Perancangan Form Berita 4.4.5 Download Gambar 4.15 Perancangan form Download 45
4.4.6 Gallery Foto 4.4.7 Hubungi Kami Gambar 4.16 Perancangan Form Gallery Foto Gambar 4.17 Perancangan Form Hubungi Kami 46
4.4.8 Form Login Admin Gambar 4.18 Perancangan Form Login Admin 4.4.9 Update Gambar 4.19 Perancangan Form Update Berita 47
4.4.10 Update Agenda 4.4.11 Gallery Gambar 4.20 Perancangan Form Agenda Gambar 4.21 Perancangan Form Gallery 48
4.4.12 Download Gambar 4.22 Perancangan Form Download 49