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
permasalahan-permasalahan,
mengidentifikasikan kesempatan-kesempatan,
dan
mengevaluasi
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, fasilitas
maka sistem yang dibangun menyediakan
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
Login admin
Login admin
Update berita
Kumpulan berita
Lihat profil
Lihat berita
berita
Update agenda
Kumpulan Agenda
Lihat agenda
Agenda
Lihat gallery
Kumpulan Gallery
Update 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 komponen-
komponen 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
administrator,
dari
website,
Form
Login
untuk
Halaman profil administrator, Halaman
profil Perusahaan, Menu Berita menampilkan semua berita 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 dokumentasi
memahami alur dari informasi dalam sistem, dalam
merancang
suatu
aplikasi
web,
diperlukan
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 : Pemberitahuan pemesnan pemesanan agenda Update_agenda berita admin
update_berita
Sistem informasi Travelling
agenda berita gallery
user
Upload_gallery gallery
download_data
Download_data upload_data
Gambar 4.2 Diagram Konteks Sistem Informasi travelling
32
Memperlihatkan arus data yang mengalir secara umum. Admin mempunyai otoritas, update berita, agenda kegiatan, upload gallery dan upload data. Admin akan menerima pemberitahuan pemesanan. User hanya dapat
melihat berita,
agenda 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 : berita
Update_berita
Upload_data
3 pengolahan galerry
gallery
data
Download_data
agenda
5 pemesanan
4 download
gallery
berita
Download_data
Update_agenda
Update_gallery
2 pengolahan agenda
agenda
1 pengolahan berita
gallery
Pemberitahuan pesan
agenda
admin
pesan
user berita
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 berita. Di mana Admin dapat menambah, mengedit dan menghapus data Berita. Data tersebut disimpan dalam table berita. User
hanya menerima data tersebut dalam
bentuk informasi berita yang selalu di-update oleh Admin. b. Proses 2 Dalam Proses ini dikakukan pengolahan agenda kegiatan. Di mana Admin dapat mengupdate kegiatan – kegiatan apa saja yang akan diadakan oleh perusahaan. Data tersebut disimpan dalam table agenda. 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 pemberitahuan pesan dari user . DFD dari level 0 tersebut dapat digambarkan lebih terperinci menjadi level 1. Update_berita admin Info_berita
1.1 berita
Update_berita
Update_berita berita
Info_berita
1.2 Tampil data berita
user Info-berita
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 berita, data tersebut disimpan dalam tabel berita. b. Proses 1.2 Dalam proses ini berita yang sudah diupdate dan dapat dilihat oleh user. Update_agenda admin Info_agenda
2.1 agenda
Update_agenda
Update_agenda agenda
2.2 Tampil data Info_agenda agenda
user Info_agenda
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 agenda kegiatan, data tersebut disimpan dalam tabel agenda. b. Proses 2.2 Dalam proses ini agenda kegiatan akan ditampilkan ke sistem informasi travelling. Update_gallery admin Info_gallery
3.1 Gallery
Update_gallery
Update_gallery gallery
3.2 Tampil data Info_gallery 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 Update_data admin Info-data
4.1 Download
Update_data
Update_data 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. pemesanan 5.1 pemesanan
user
pemesanan
pemesanan pesan
5.2 Tampil data pemesanan
admin Pemberitahuan 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 pemberitahuan 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
berita isi
subjek email
nama
melihat
agenda
kegiatan
Judul_foto
melihat
gallery album
Id_download melihat
data
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
: admin
Primary Key
: username
No 1 2 3 4 5 6
Nama Field Username Password nama_lengkap Email no_tlp Level
Tipe data varchar varchar varchar varchar varchar varchar
Ukuran
Keterangan
50 50 100 100 20 20
Username Password Nama Lengkap Email No Tlp Level
39
4.3.4.2 Kamus Data Berita Tabel 4.2 Kamus Data Berita Nama Tabel
: berita
Primary Key : id_berita No 1 2 3 4 5
Nama Field id_berita Judul Tgl Isi Author
Tipe data
Ukuran
int varchar datetime text varchar
20 30
10
Keterangan Id Berita Judul Tanggal Isi Penulis
4.3.4.3 Kamus Data Album Tabel 4.3 Kamus Data Album Nama Tabel
: Album
Primary Key : id_album No 1 2
Nama Field id_album Judul
Tipe data
Ukuran
int varchar
5 100
Keterangan Id Album Judul
4.3.4.4 Kamus Data Gallery Tabel 4.4 Kamus Data Gallery Nama Tabel
: Gallery
Primary Key : id_gallerry No 1 2 3 4
Nama Field id_gallery Id_album Judul_gallery Author
Tipe data int int varchar varchar
Ukuran 5 5 100 10
Keterangan Id Gallery Id Album Judul Gallery Penulis
40
4.3.4.5 Kamus Data Agenda Tabel 4.5 Kamus Data Agenda Nama Tabel
: Agenda
Primary Key : id_agenda No 1 2 3 4 5
Nama Field id_agenda Tema Tgl Isi Author
Tipe data
Ukuran
int varchar datetime text varchar
20 30
10
Keterangan Id Agenda Tema Tanggal Isi Penulis
4.3.4.6 Kamus Data Download Tabel 4.7 Kamus Data Download Nama Tabel
: Download
Primary Key : id_download No 1 2
Nama Field id_download Judul
Tipe data
Ukuran
int varchar
20 30
Keterangan Id download Judul
4.3.4.7 Kamus Data Kategori Tabel 4.7 Kamus Data Kategori Nama Tabel
: Kategori
Primary Key : id_kategori No 1 2
Nama Field id_kategori Judul
Tipe data
Ukuran
int varchar
5 50
Keterangan Id Kategori Judul
41
4.3.4.8 Kamus Data Polling Tabel 4.7 Kamus Data Poling Nama Tabel
: Poling
Primary Key : id_poling No 1 2 3
Nama Field id_poling Pilihan Rating
Tipe data
Ukuran
int varchar int
5 100 5
Keterangan Id Poling Pilihan 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
1 2 3 4 5
id_komentar Id_berita nama_komentar isi_komentar Tanggal
int int varchar text date
5 5 100
Keterangan Id Komentar Id Berita Nama Komentar Isi Komentar 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 1 2 3
Nama Field id_sekilas Info tgl_posting
Tipe data
Ukuran
int Varchar varchar
5 100 date
Keterangan Id Sekilas Info Waktu
42
4.3.4.11 Kamus Data Hubungi Tabel 4.7 Kamus Data Hubungi Nama Tabel
: Hubungi
Primary Key: id_hubungi No 1 2 3 4 5 6
4.4
Nama Field id_hubungi Nama Email Subjek Pesan Tanggal
Tipe data
Ukuran
int varchar varchar varchar text date
5 50 100 100
Keterangan Id Hubungi Id Berita Nama Komentar Isi Komentar Pesan Waktu
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
Gambar 4.16 Perancangan Form Gallery Foto 4.4.7
Hubungi Kami
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 berita
Gambar 4.19 Perancangan Form Update Berita
47
4.4.10 Update Agenda
Gambar 4.20 Perancangan Form Agenda 4.4.11 Gallery
Gambar 4.21 Perancangan Form Gallery
48
4.4.12 Download
Gambar 4.22 Perancangan Form Download
49
