52
BAB IV ANALISIS DAN PERANCANGAN SISTEM
4.1 Analisis Sistem Yang Berjalan Merupakan tahap identifikasi terhadap alur sistem yang terjadi dalam proses promosi yang ada pada DISBUDPAR Bandung. Proses analisis sistem dibutuhkan untuk dapat mengevaluasi sistem yang sedang berjalan dan kebutuhanya sehingga dapat diusulkan perancangan yang dapat mendukung sistem untuk lebih baik. 4.1.1
Analisis Dokumen Analisis dokumen yang digunakan dalam merancang pembangunan sistem
informasi pariwisata dan kebudayaan kota bandung ini meliputi data pariwisata dan kebudayaan kota bandung, brosur-brosur yang berisi tentang promosi pariwisata dan kebudayaan. 4.1.2
Analisis Prosedur yang Sedang Berjalan Analisis di fokuskan pada program promosi kebudayaan yang terdapat
pada Dinas Kebudayaan dan Pariwisata (DISBUPAR). Berdasarkan metode analisis yang digunakan, maka berikut merupakan gambaran sistem yang berjalan pada program promosi yang dilakukan pada DISBUDPAR secara umum: 1. Jika para user/pembaca mempunyai informasi ataupun event yang berkaitan dengan informasi tentang kebudayaan dan pariwisata harus datang ke kantor DISBUDPAR. 2. Admin menginputkan data info kebudayaan dan pariwisata pada web.
53
3. Kemudian user/pembaca dapat mengakses info pariwisata dan kebudayaan pada web yang sudah disediakan. 4.1.2.1 Use Case Diagram Berjalan Use Case Diagram pada sistem yang berjalan << include >> info pariwisata user/pembaca
<
>
admin log-in
<> info seni dan budaya
info event
Gambar 4.1 Use Case yang sedang berjalan
54
4.1.2.2 Skenario Use Case berjalan Skenario Use Case untuk admin Tabel 4.1 Skenario Use Case untuk admin
Identifikasi Nama
Info Pariwisata, info seni dan budaya, info event
Tujuan
Masuk ke dalam sistem sebagai admin
Aktor
Admin
Deskripsi
Admin mempublikasikan pada info kebudayaan dan pariwisata serta event pada web
Skenario Use Case untuk user/pembaca Tabel 4.2 Skenario Use Case untuk user/pembaca Identifikasi Nama
Info Pariwisata, info seni dan budaya, info event
Tujuan
Melihat Info Pariwisata, info seni dan budaya, info event
Aktor
User/pembaca
Deskripsi
Melihat info pariwisata, info seni dan budaya, info event
55
4.1.2.3 Activity Diagram Berjalan Berikut Activity Diagram berjalan adalah sebagai berikut:
user
admin
view info pariwisata dan kebudayaan
publikasi info pariwisata dan kebudayaan
Gambar 4.2 Activity Diagram Berjalan
4.1.3
Evaluasi Sistem Yang Sedang Berjalan.
Dari sistem promosi yang sedang berjalan pada DISBUPAR Bandung, maka perancangan sistem yang baru dengan memanfaatkan teknologi informasi perlu dilakukan untuk dapat memberikan kenyamanan dan kemudahan akses bagi para pembaca dengan bisa mengatasi berbagai kemungkinan masalah sebagai berikut
56
Tabel 4.3 Evaluasi Sistem Yang Sedang Berjalan No 1
Permasalahan
Bagian
Pemecahan
Sudah adanya web pada
Non Member
Dibuat sistem yang dapat
DISBUDPAR ini tetapi
mencakup juga informasi
untuk informasi tentang
tentang kebudayaan yang
kebudayaan dirasa masih
ada di kota Bandung yang
kurang.
nantinya dapat dinikmati pada web ini.
2
Belum
adanya
media
Member
Adanya media yang dapat
alternatif yang digunakan
digunakan pembaca untuk
oleh masyarakat
dapat memberikan sebuah
dapat
memberikan
informasi event,
untuk
terbaru maupun
informasi
melalui
baik
dengan
info
terlebuh dahulu sebagai
tentang kebudayaan dan
cara
web
mendaftar
member.
pariwisata yang dimiliki. 3.
Belum
tersedia
tentang
berita
data
Admin
terkini
Adanya admin
media
untuk untuk
mengenai
info
menambahkan data berita
kebudayaan
dan
pada web.
pariwisata. 4
Belum
adanya
media
Non member dan
Dibuatnya
video
57
promosi
dalam
bentuk
member
streaming sebagai fasilitas
video yang memuat tarian-
promosi
tarian daerah jawa barat.
memperkenalkan
untuk tarian-
tarian jawa barat yang bertujuan untuk menarik minat masyarakat.
4.2
Perancangan Sistem. Perancangan Sistem dibuat sebagai tahapan untuk mempersiapkan proses
implementasi sistem yang diinginkan, dan untuk menggambarkan secara jelas proses-proses yang diinginkan bagi non member ataupun member. Sesuai dengan metode pendekatan yang digunakan adalam pendekatan objeck oriented, maka metode yang digunakan untuk menggambarkan seluruh proses dan objek adalah Unified Model Language.
4.2.1
Tujuan Perancangan Sistem Tujuan dari perancangan sistem adalah sebagai gambaran umum
pengembangan sistem usulan yang dapat memberikan spesifikasi sistem usulan perangkat lunak kepada pengguna dengan menganalisis kelemahan-kelemahan dalam sistem yang sudah ada yang mengembangkan sistem yang telah ada demi kepuasan, kenyamanan dan kemudahan baik bagi pembaca maupun bagi admin pengguna web DISBUDPAR.
58
Tujuan perancangan promosi pada DISBUDPAR adalah sebagai berikut: 1. Membangun fasilitas bagi member untuk dapat memberikan info baik berupa event, berita maupun info tentang kebudayaan dan pariwisata. 2. Membangun fasilitas promosi berupa video streaming yang dimana untuk mengenalkan tari-tarian yang ada di Jawa Barat. 3. Membangun fasilitas tambahan berupa adanya berita terbaru tentang info seputar kebudayaan dan pariwisata.
4.2.2
Gambaran Umum Sistem yang Diusulkan. Aplikasi web pendukung promosi pada DISBUPBAR Bandung ini secara
sederhana dapat digambarkan sebagai sebuah bentuk fasilitas yang berperan sebagai pusat informasi bagi user/pembaca serta sebagai sarana sharing informasi kebudayaan. Oleh karena itu aplikasi ini diharapkan dapat menjadi media promosi yang dapat memberikan informasi yang cepat dan akurat dalam sistem informasi kebudayaan dan pariwisata. Proses yang dapat dilakukan oleh aplikasi web pendukung promosi ini adalah sebagai berikut : 1. Media penyampaian informasi tentang acara event maupun pariwisata dan kebudayaan kota Bandung yang dapat diakses oleh member. 2. Dilengkapi dengan fasilitas video streaming. 3. Melengkapi fasilitas tambahan berupa adanya berita terbaru tentang info seputar kebudayaan dan pariwisata.
59
4. Adapun info yang sudah di upload oleh admin dan member baik event maupun berita yang ada pada web ini jika infonya sudah lampau maka akan di hapus oleh pihak admin.
4.2.3
Perancangan Prosedur Yang Diusulkan. Dari evaluasi sistem yang telah dilakukan, maka terdapat beberapa solusi
dengan prosedur usulan sebagai berikut: 1. Adanya media bagi member yang ingin menambahkan informasi yang berkaitan dengan kebudayaan dan pariwisata yang ada pada web ini. 2. Untuk para non member yang ingin dapat menambahkan informasi tentang event maupun info terbaru tentang pariwisata dan kebudayaan harus menjadi member terlebih dahulu dengan mendaftarkan diri sebagai member. 3. Baik member maupun non member dapat menyampaikan opini terhadap kebudayaan dan pariwisata yang ada pada web melalui Guest Book yang tersedia. 4. Admin merupakan bagian yang mendukung proses promosi informasi kebudayaan sehingga dapat berjalan secara baik, yaitu dengan memberikan, memasukkan data-data informasi dan berita. Dalam sistem usulan ini, administrator dapat lebih efektif menyampaikan berita dan informasi tentang kebudayaan dengan lebih cepat dan akurat.
60
4.2.3.1 Use Case diagram usulan
info berita admin
member
info pariwisata << include >> << include >> info seni dan budaya << include >>
info event << include >>
<< include >>
log-in
daftar
pesan khusus
Gambar 4.3 Use Case Diagram Usulan. 4.2.3.2 Skenario Use Case 1. Skenario Use case log-in: Interaksi antara aktor pengguna, yaitu Member, Admin dengan use case login dijelaskan dalam use case skenario sebagai berikut : Table 4.4 Skenario Use case log-in Identifikasi
Nomor
1
61
Nama
Login
Tujuan
Masuk ke dalam sistem sebagai member atau admin
Deskripsi
Proses login member merupakan untuk menggunakan
kewenangan
proses
autentikasi
sebagai member atau
admin dalam menggunakan sistem. Proses login admin merupakan proses autentikasi untuk menggunakan
kewenangan
sebagai member dalam
menggunakan sistem.
Aktor
Member atau admin
Use case yang berkaitan
-
Skenario Utama
Kondisi Awal
Form login ditampilkan
Aksi Aktor
1. Mengisi Form Login
Reaksi Sistem
2. Mengautentikasi data login dengan data member, admin pada basisdata.
3. Bila cocok sistem menampilkan halaman menu utama untuk member, admin
62
2. Skenario Use case untuk proses mengolah data info Pariwisata, seni dan budaya, event dan berita: Interaksi antara aktor pengguna, yaitu admin dengan use case mengolah data info
Pariwisata, seni dan budaya, event dan berita dijelaskan dalam use case skenario sebagai berikut :
Tabel 4.5 Skenario Use case untuk proses mengolah data info Pariwisata, seni dan budaya, event dan berita Identifikasi Nomor
2
Nama
Mengolah Data Info Pariwisata, seni dan budaya, event
dan berita. Tujuan
Mengelola data info Pariwisata, seni dan budaya, event
dan berita pada sistem Deskripsi
Proses ini untuk mengelola data info Pariwisata, seni dan
budaya,
event
dan
berita.,
seperti
penambahan,
pengubahan, dan hapus. Aktor
Admin
Use case yang berkaitan
Tambah barang, Ubah barang, hapus Skenario Utama
Kondisi Awal
Form manajemen info Pariwisata, seni dan budaya, event
dan berita ditampilkan
63
Aksi Aktor
Reaksi Sistem
1. Memilih kegiatan
2.
yang
proses penambahan data data pada basis
akan
dilakukan
Jika memilih menu tambah data, sistem melakukan data
/
jika
(tambah/ubah/hapus),
memilih ubah data, sistem melakukan proses pengubahan
mengisi form
data pada / jika memilih hapus data, sistem akan melakukan penghapusan data 3.
Menyimpan
hasil
kegiatan (tambah data /
ubah
data / hapus data)
Skenario Alternatif ( Proses Gagal ) Aksi Aktor
Reaksi Sistem 1.
Menampilkan Pesan bahwa pemrosesan data gagal
dilakukan 2. Memilih kegiatan yang
akan
(tambah
3.
Jika memilih tambah sistem melakukan proses
dilakukan penambahan data pada basis data / /
jika memilih ubah
ubah sistem melakukan proses pengubahan data pada basis data /
/hapus), mengisi form
jika memilih hapus sistem melakukan proses penghapusan data 4.
Menyimpan
hasil
kegiatan
(tambah
/
ubah
hapus) atau menampilkan data yang dicari pada tabel Kondisi Akhir
Admin dapat mengelola data sesuai kebutuhan
/
64
4.2.3.3 Activity Diagram Usulan 1.
Activity Diagram untuk proses Log-in
member/admin/karyaw an
sistem
mengisi form log-in
menampilkan form log-in
memeriksa field yang kosong
sudah terisi masih kosong memeriksa data log-in
menampilkan pesan masih ada field yang kosong
data log-in benar data log-in salah menampilkan data log-in salah
menampilkan menu member
memeriksa status log-in
menampilkan menu admin
menampilkan menu karyawan
Gambar 4.4 Activity Diagram untuk proses Log-in
65
2.
Activity diagram untuk proses olah info data seni dan budaya, pariwisata, event dan berita.
admin/karyaw an
sistem
menampilkan data seni dan budaya
menentukan kegiatan yang dilakukan
tambah
mengisi form dengan data baru
ubah
gagal
menambah data
memproses tambah data
berhasil
menentukan data yang akan diubah
mengisi form dengan data baru
gagal
memproses ubah data
mengubah data
berhasil
menentukan data yang akan dihapus
gagal menghapus data
memproses hapus data berhasil
menyimpan hasil yang dilakukan
Gambar 4.5 Activity diagram untuk proses olah info data seni dan budaya, pariwisata, event dan berita.
66
4.2.3.4 Sequence diagram 1. Sequence diagram untuk pendaftaran member user
form
db_disbudpar
1: buka aplikasi 2: isi form pendaftaran member 3: cek kelengkapan pengisian form 4: validasi data pendaftaran 5: simpan
Gambar 4.6 Sequence Diagram Pendaftaran member 2. Sequence diagram untuk log-in member member
form
db disbudpar
1: buka aplikasi
2: insert id_user dan password 3: cek data log-in 4: valid 5: verifikasi log-in 6: display hak akses member
Gambar 4.7 Sequence Diagram log-in member
67
3. Sequence diagram untuk log-in admin admin
form
db disbudpar
1: buka aplikasi
2: insert id_user dan password 3: cek data log-in 4: valid 5: verifikasi log-in 6: display hak akses admin
Gambar 4.8 Sequence diagram untuk log-in admin
4. Sequence diagram untuk informasi berita dan event admin
Form
db disbudpar
1: buka aplikasi 2: log-in 3: cek data log-in 4: validasi 5: verifikasi log-in 6: display menu admin 7: pilih menu berita, event 8: view berita atau event 9: pilih update, edit, delete 10: kirim data 11: simpan 12: view
Gambar 4.9 Sequence Diagram informasi berita dan event
68
5. Sequence diagram untuk upload event bagi member
member
form
db disbudpar
admin
1: buka aplikasi 2: log-in 3: cek data log-in 4: validasi 5: verifikasi log-in 6: display menu member 7: pilih menu upload event 8: insert data upload event 9: kirim data 10: simpan 11: verifikasi
12: upload event
Gambar 4.10 Sequence Diagram upload event bagi member
4.2.3.3 Collaboration Diagram 1. Collaboration Diagram pendaftaran member
1: buka aplikasi 2: isi form pendaftaran member form
user
5: simpan 3: cek kelengkapan pengisian form 4: validasi data pendaftaran
db_disbu dpar
Gambar 4.11 Collaboration Diagram pendaftaran member
69
2. Collaboration Diagram untuk log-in member 1: buka aplikasi 2: insert id_user dan password form
member 6: display hak akses member 5: verifikasi log-in 4: valid 3: cek data log-in
db disbudpar
Gambar 4.12 Collaboration Diagram untuk log-in member
3. Collaboration Diagram log-in admin
1: buka aplikasi 2: insert id_user dan password admin
form 6: display hak akses admin 5: verifikasi log-in
4: valid 3: cek data log-in
db disbudpar
Gambar 4.13 Collaboration Diagram log-in admin
70
4. Collaboration Diagram untuk informasi berita dan event 1: buka aplikasi 2: log-in 8: view berita atau event 9: pilih update, edit, delete admin
4: validasi 11: simpan 12: view
Form 6: display menu admin 7: pilih menu berita, event 5: verifikasi log-in
3: cek data log-in 10: kirim data db disbudpar
Gambar 4.14 Collaboration Diagram untuk informasi berita dan event
5. Collaboration Diagram untuk upload event bagi member 1: buka aplikasi 2: log-in 7: pilih menu upload event 8: insert data upload event member
form 6: display menu member
4: validasi 10: simpan
5: verifikasi log-in 12: upload event 3: cek data log-in 9: kirim data 11: verifikasi
db disbudpar
admin
Gambar 4.15 Collaboration Diagram untuk upload event bagi member
71
4.2.3.4 Component Diagram Berikut adalah component diagram web yang menggambarkan struktur proses yang terdapat dalam perancangan sistem informasi kebudayaan dan pariwisata berbasis web (studi kasus dinas kebudayaan dan pariwisata kota bandung). form index
form fasiltas public
form log-in
menu hak akses
form pendaftaran
form pesan khusus
form upload
form video streaming
Gambar 4.16 Component Diagram 4.2.3.5 Deployment Diagram Berikut ini Deployment diagram yang menggambarkan susunan fisik dan perangkat lunak dalam sistem : Client A: Web Broser
Web Server: Apache (PHP)
Server: MySql Server
Client B: Web Browser
Gambar 4.17 Deployment Diagram Sistem pariwisata dan kebudayaan
72
3.2.3.6
Class Diagram
user id_user type password nama_lengkap jenis_kelamin tgl_lahir alamat_sekarang alamat_tetap telp email
pesan id_pesan nama 0..* email pesan t_tgl_masuk aktif
1
message id id_user subjek topik pesan file posted
input() 0..*
1..* admin
1
1
1 1
1..*
1
1..*
event 0..* kode_event nama_event tgl_mulai tgl_akhir lokasi deskripsi_event kontak_nama kontak_telp
log-in() input() upload()
1..*
budaya id_budaya id_kat_budaya 1..* nm_budaya upload
1 member
1
log-in() input() edit() delete()
1
berita id_berita judul_berita tgl_berita isi_berita
1
ketegori_budaya id_kat_budaya nama_kat_budaya
1..* objek_wisata
1..*
id_wisata id_kategori nmobjek_wisata 1..* lokasi telp website
1
kategori 1 id_kategori nama_kat
Gambar 4.18 Class Diagram
4.2.3.7 Kodifikasi Pengkodean
merupakan
proses
untuk
memudahkan
dalam
mengelompokkan data dan pemrosesannya. Selain itu pengkodean juga dapat membantu sistem informasi dalam mengidentifikasikan suatu objek, sehingga kesalahan-kesalahan yang mungkin terjadi dalam mengidentifikasikan objekobjek tersebut dapat dihindarkan.
73
1. Pengkodean untuk objek wisata x xx A B Contoh: W 01 Keterangan : A: untuk keterangan wisata B: urutan data masuk 2. Pengkodean untuk objek budaya dan seni x xx A B Contoh: B 01 Keterangan : A: untuk keterangan budaya dan seni B: urutan data masuk 4.2.4
Perancangan Antar Muka Perancangan antar muka merupakan penggambaran tampilan yang
digunakan secara langsung oleh pengguna, interaksi yang dapat dilakukan oleh pengguna dalam sistem. Adapun dalam antar muka ini terdapat beberapa bagian yang harus dilakukan, yaitu dari mulai menentukan struktur menu yang ada dalam
74
program, tampilan input dan output pada setiap fungsi yang telah ditentukan, diurraikan sebagai berikut: 4.2.4.1 Struktur Menu
Struktur
menu
yang
terdapat
dalam
perancangan
ini
dapat
mengintegrasikan sebuah data dalam sistem dan disertai dengan intruksi yang ada pada pilihan menu. Sebenarnya struktur menu dibedakan berdasarkan hak akses yang dimiliki oleh masing - masing tipe user, Berikut ini adalah struktur menu yang digambarkan melalui Component Diagram sesuai dengan hak aksesnya masing - masing : A.
Struktur Menu untuk hak akses Umum
sejarah data objek wisata
event
index
HOME
guest book
legenda berita
Gambar 4.19 Struktur Menu untuk hak akses Umum
75
B. Struktur menu hak akses admin home
event
sejarah
data objek wisata
kategori wisata
log-in admin
legenda
data budaya dan seni
berita
control pesan
kategori budaya
Gambar 4.20 Struktur menu hak akses admin
C. Struktur menu hak akses member sejarah data objek wisata
event
HOME
index
guest book
berita
log-in member
legenda
message (pesan khusus)
Gambar 4.21 Struktur menu hak akses member
upload event
76
4.2.4.2 Perancangan Input
Perancangan input yaitu sebuah tampilan yang dirancang sebagai tempat untuk memasukan data-data yang diberikan oleh pengguna sistem (user), yang merupakan sumber untuk proses pengolahan yang akan menghasilkan sebuah informasi yang berguna bagi pengguna. Pengguna atau user dalam aplikasi dibagi ke dalam 3 tipe yaitu non member, member dan admin. Oleh karena itu berikut rancangan antar muka input secara umum berdasarkan tipe user. A. Halaman Log-in Member
HEADER
Username
HOME Password
MENU EVENT BERITA
Gambar 4.22 Desain Log-in User Member
77
B. Halaman log-in admin
Header Status Login
Logout Menu Admin
Space input event, berita , kategori, data wisata , data budaya dan seni, control pesan.
EVENT BERITA
FOOTER Gambar 4.23 Desain Log-in User Admin
4.2.4.3
Perancangan Output Perancangan Output atau keluaran merupakan hasil dari pengolahan data
yang diterima dari proses masukan data berupa informasi yang berguna bagi pengguna atau user. Adapun rancangan output dari sistem informasi pariwisata dan kebudayaan ini adalah sebagai berikut :
A. Rancangan Tampilan Berita Desain tampilan keluaran ini adalah tampilan berupa informasi berita yang dibuat admin dan di publish untuk kebutuhan informasi pembaca baik non member dan member.
78
Header Status Login BERITA Berita 1 Menu Utama
Logout
Berita 2 Berita 3
Footer Gambar 4.24 Rancangan Tampilan Berita B. Rancangan Tampilan Input Data Wisata
Desain tampilan keluaran ini adalah tampilan input data wisata yang dibuat admin dan di publish untuk kebutuhan informasi pembaca baik non member dan member.
Header Status Login Data Wisata Input Data Wisata
Logout
Menu Utama
Footer Gambar 4.25 Rancangan Tampilan Data Wisata
79
C. Rancangan Tampilan Event
Desain tampilan keluaran ini adalah tampilan event yang dibuat admin dan di publish untuk kebutuhan informasi pembaca baik non member dan member.
Header Status Login EVENT Event 1 Menu Utama
Logout
Event 2 Event 3
Footer Gambar 4.26 Rancangan Tampilan Event