SISTEM INFORMASI PEMESANAN JASA BERBASIS WEBSITE DI HARYANSA PHOTOGRAPHY
NASKAH PUBLIKASI
diajukan oleh Gery Alfath Haryansa 12.22.1440
kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2015
SISTEM INFORMASI PEMESANAN JASA BERBASIS WEBSITE DI HARYANSA PHOTOGRAPHY Gery Alfath Haryansa1), Melwin Syafrizal2), 1,2)
Sistem Informasi STMIK AMIKOM Yogyakarta Jl Ringroad Utara, Condongcatur, Depok, Sleman, Yogyakarta Indonesia 55283 Email :
[email protected]),
[email protected])
cakupan wilayah yang luas dibandingkan dengan sistem lama yang sudah ada dengan maksud memperluas pemasaran jasa. Sistem yang dibangun nanti juga dapat memberikan kemudahan dalam member untuk bernegosiasi atau memesan jasa di dalam sistem Haryansa Photography.
Abstract - The development of computer information technology is getting up, it makes people want to get information fast and accurate. For that reason, it’s important to make a computerized information which shift from manual delivery system to modern system. This system called internet system. Nowadays this technology is supported by web media which make personal profile bussines or non bussines easier to introduce and to promote the purpose of existence as well as on the haryansa photography company.
2.1 Analisis PIECES Dalam mengidentifikasi masalah, menggunakan PIECES (Performance, Information, Economic, Control, Efficiency, Services ). Hasil dari analisis akan menghasilkan sebuah permasalahan yang terjadi.[1] 2.1.1 Analisis Performance
Keywords: technology, websites, computer
Dari hasil analisa faktor yang mempengaruhi kinerja adalah : Table 1. Analisis Kinerja
1. Pendahuluan Jasa photography pada perusahaan Haryansa Photography berdiri sejak tahun 2011 dan sudah dikenal diwilayah sekitar Yogyakarta. Sistem pemesanan maupun negoisasi harga dari dulu hingga sekarang masih menggunakan cara bertransaksi secara langsung. Artinya, calon pemesan jasa harus datang langsung ke perusahaan Haryansa Photography.
Faktor 1. Throughput
Sistem atau cara transaksi secara langsung ini memiliki beberapa kekurangan antara lain : 1. Calon pemesan harus datang secara langsung ke perusahaan Haryansa Photography sehingga ada biaya tambahan transport bagi calon pemesan dari luar kota, 2. Informasi mengenai paket jasa dan diskon tidak bisa secara up to date diketahui oleh calon konsumen, 3. Sistem pemesanan dan pengaturan jadwal saat ini hanya melalui telepon.
2. Respontime
Hasil Analisis 1. Satu bulan sekali mencetak brosur dan penyebarannya dilakukan di daerah Yogyakarta 300 brosur dan Cilacap 200 brosur. 2. pencetakan brosur menunggu waktu 1 hari.
2.1.2 Analisis Information Dari hasil analisa faktor yang mempengaruhi informasi adalah : Table 2. Analisis Informasi Faktor
Untuk pemesanan dan mengatur sebuah jadwal dalam pelaksanaan pemotretan, secara tidak langsung dapat meningkatkan kredibilitas suatu perusahaan. Untuk itulah penulis mengusulkan untuk merancang Sistem Informasi Pemesanan Jasa Berbasis Website Di Haryansa Photography.
1. Akurat
2. Relevan
2. Pembahasan Pengembangan sistem lama ke sistem baru sangatlah diperlukan, karena konsumen dan pelanggan sudah berpindah ke media mobile atau web. Penulis merencanakan membangun sebuah sistem yang berbasis website sebagai media promosi, pemesanan paket jasa yang dipasarkan. Sistem yang digunakan nantinya dapat melakukan penjualan secara online dengan harapan dapat mempermudah calon konsumen atau sudah menjadi member untuk melakukan pemesanan dengan
3. Up to date
Hasil Analisis 1.
Pemesanan jasa dan promosi produk melalui komunitas dan pameran. 2. Brosur yang disebarkan sering jatuh ketangan yang tidak membutuhkan informasi ini. 3. Informasi yang tercetak dalam brosur masih terbatas.
2.1.3 Analisis Economic Dari hasil analisa faktor yang mempengaruhi ekonomi adalah : Table 3. Analisis ekonomi Faktor
1
Hasil Analisis
1.
2.
Biaya
Manfaat
1.
2.
Media cetak memerlukan biaya brosur 500.000, kartu nama 100.000, baliho 1.500.000.
2
Informasi mengenai paket jasa dan produk up to date setiap ada informasi terbaru.
3
Keuangan dapat terkontrol untuk pengeluaran tidak terlalu banyak di bagian pemasaran.
Agar brosur tidak dibuang buang atau jatuh di tangan yang salah.
4
Pemberian hak akses pada website untuk admin dan user.
5
Dapat menggunakan PayPal dalam pembayaran.
6
Pemesanan dapat dilakukan di dalam sistem ini, sehingga konsumen tidak perlu bertemu atau datang secara langsung ke Haryansa Photography.
2.1.4 Analisis Control Dari hasil analisa faktor yang mempengaruhi pengendalian adalah : Table 4. Analisis pengendali 1.
Faktor Pengendalian
1.
2.2 Perancangan 2.2.1 Perancangan DFD dan Flowchart
Hasil Analisis Tim penyebar brosur hanya ada 2 orang. Selama ini brosur tersebar di Yogyakarta dan Cilacap.
Rancangan model merupakan suatu gambaran yang menjelaskan salah satu bentuk model, salah satunya adalah logical mode yang digambarkan dengan diagram arus data (data flow diagram).[2] Admin, halaman, produk Jarak Pesan, bayar, Pengiriman, kontak, galeri setting
2.1.5 Analisis Efficiency Dari hasil analisa faktor yang mempengaruhi efisiensi adalah : Table 5. Analisis Efisisensi 1.
Faktor Penggunaan SDM
1.
Admin
halaman, produk Kontak Pesan, Konfirmasi, Pengiriman, bayar halaman, produk Kontak
Visitor
Gambar 1. Diagram Konteks Dari diagram konteks kemudian akan dijabarkan lebih detail lagi mulai dari level 0 sampai dengan level dalam tiap proses yang ada.
2.1.6 Analisis Services Dari hasil analisa faktor yang mempengaruhi pelayanan adalah : Table 6. Analisis pelayanan
Informasi untuk admin
1.
2.
Kemudahan mendapat informasi
1.
2.
Visitor
1 Proses Olah Data Master Data Admin
Faktor Ragam informasi
User
Sistem Informasi Berbasis Web Admin, halaman, produk Jarak, Pesan, bayar, Konfirmasi, Pengiriman kontak, galeri Setting, User
Hasil Analisis Ditinjau dari segi efisiensi, maka penggunaan sumber daya manusia sudah sesuai dengan kebutuhan masing-masing.
User, Kontak, Pesan, Konfirmasi
0
Hasil Analisis Karena masih menggunakan media brosur dan mulut ke mulut, ragam informasi yang diterima masih terbatas. Untuk mendapatkan informasi pemesanan jasa dan mempromosikan produk prosedur yang harus dilakukan adalah menguhubungi lewat telepon.
T2
Data Jenis
T3
Jenis
T4
Produk
T5
Jarak
T6
Galeri
T7
Setting
Data Produk
Data jarak
Data Galeri
Input data kontak
Data Setting
Input data transaksi
Admin
Data Halaman Input data master dari admin
Admin
T1
Halaman
Data Kontak T8
Kontak
2 Data Bayar Proses Olah Data Transaksi
Data Kirim
T9
Bayar
T10
Kirim
Informasi data admin
Informasi untuk visitor
Informasi data halaman
Informasi data produk
4
Informasi data jarak
Informasi
Informasi data galeri
Informasi dat setting
Informasi untuk user
Informasi data kontak
Informasi data bayar
Informasi data kirim
Input data transaksi
Data Pesan T11
Pesan
Informasi data pesan
User
Input data member user
T12
Detail_Pesan
T13
Konfirmasi
Informasi dat konfirmasi
T14
User
Informasi data user
Data Konfirmasi
3 Data User
Dari analisis PIECES tersebut penulis mendapatkan beberapa solusi yang dapat diterapkan, yaitu: 1
Kinerja perusahaan dapat maksimal penghematan waktu di bagian pemasaran.
Proses Olah Data Pendaftaran User
Gambar 2. Diagram Arus Data Level 0
karena
Proses master meruapkan pengembangan dari diagram arus data level 0. Dalam proses master memiliki sub-sub proses lagi yang lebih terperinci dalam setiap prosesnya. 2
Kontak
Input data master admin
1.1 Data Admin Proses Olah Data Master Admin
T1
Admin
Output data admin
4.1
Input data master halaman
Admin
1.2 Data Halaman Proses Olah Data Master Halaman
T2
T1
Admin
Informasi data admin Informasi Data Admin
Halaman Halaman
Informasi data halaman Informasi Data Halaman
T3
Jenis
Output data produk
4.3 Informasi data jenis
1.3 Input data master produk
Output data halaman
4.2 T2
Informasi Data Produk
Data Jenis Proses Olah Data Master Produk
T3
Jenis
T4
Produk
T5
Jarak
Informasi data produk Output data jarak
4.4 Informasi data jarak Informasi Data Jarak
Visitor
Data Produk
T4
Produk Output data galeri
4.5
Admin
input
Data jarak Proses Olah Data Master Jarak
Input master galeri
T6
Visitor
1.4 T5
Galeri
Informasi data galeri Informasi Data Galeri
Jarak
4.6 T7
User
Setting
Output data setting
Informasi data setting Informasi Data Setting
Output data kontak
4.7
1.5 T8
Data Galeri Proses Olah data Master Galeri
Kontak
Informasi data kontak Informasi Data Kontak
T6
Galeri 4.8 T9
Bayar
Output data bayar
Informasi data bayar Informasi Data Bayar
Input master setting
1.6 4.9
Data Setting Proses Olah Data Master Setting
Input data master kontak
T7
Setting
T10
Kirim
Output data kirim
Informasi data kirim Informasi Kirim
T11
Pesan
Informasi data pesan 4.10
Output data pesan
1.7 Data Bayar Proses Olah Data Master Kontak
T8
T12
Detail_pesan
T13
Konfirmasi
T14
User
Kontak
Informasi detail pesan
Informasi Data Pesan
4.11
Output data konfirmasi
Informasi data konfirmasi Informasi Data Konfirmasi
Kontak 4.12
Output data user
Informasi data user Informasi Data User
Gambar 3. Diagram Arus Data Proses Master User
Proses transaksi memiliki sub proses lagi, sehingga harus dikembangkan atau digambarkan lebih detail kembali.
Gambar 5. Diagram Arus Data Proses Informasi
Data Kirim
Flowchart Program merupakan keterangan yang lebih rinci tentang bagaimana setiap langkah program atau prosedur sesungguhnya dilaksanakan.
Admin Data Bayar
2.1
Mulai
Data Bayar Proses Olah Data Transaksi Bayar
T1
Bayar Login
2.2
tidak
Disetujui
Data Kirim Proses Olah Data Transaksi Kirim
T2
Kirim
ya Menu Admin
Pilihan Menu
2.3 Data Pesan T3
Proses Tampil Data Transaksi Pesan
Pesan Data Produk
ya
Olah Data Produk
ya
Olah Data Pesan
ya
Olah Data Jarak
tidak
T4
Detail_pesan Data Pesan
2.4 tidak
Data Konfirmasi T5
Proses Tampil Data Transaksi konfirmasi
Konfirmasi Data Jarak tidak
Data User
Data Konfirmasi
User
ya
Olah Data User
tidak
Data Pesan Data Galeri
ya
Olah Data Galeri
ya
Olah Data Profil
tidak
Gambar 4. Diagram Arus Data Proses Master
Data Profil
Mengacu pada diagram arus data level 0 pada proses pendaftaran user atau olah data user tidak digambarkan atau dikembangkan kembali karena tidak memiliki sub proses. Proses selanjutnya adalah proses informasi yang dimana akan digambarkan semua proses informasi yang diolah dan akan disampaikan kembali kepada masingmasing pengguna.
tidak
Logout
tidak
Selesai
Gambar 6. Flowchart Program (Admin) Flowchart dibagi menjadi dua bagian antara admin dan user..
3
Mulai
Jenis
Tampilkan menu utama
Id_jenis * Jenis url
Pilih If Login
Pilih menu register
tidak
Halaman
Olah data register
ya
kirim Id_det * Id_pesan ** Id_produk ** Harga_satuan Jumlah
Pesan User
Tampilkan menu user
Pilih menu profil
Tampil data profil
ya
Kontak
ya
Id * Nama Email Komen Tgl Jam Status
tidak tidak
Isi Keranjang
Pilih menu produk
Tampil data produk
ya
ya tidak Olah data pesan Pilih menu Galeri
Olah data Konfirmasi
tidak
ya
Pilih menu kontak
Tampil data galeri
ya
Tampil data kontak
ya
Bayar
Jarak
Id_bayar * Id_pesan ** Tgl_bayar
Id_jarak * Tujuan Ongkos
Setting Id_gal Jdl_galeri Gbr_galeri
Id_konf * Id_pesan ** Tgl No_bukti Jum_bayar Sts_konf Keterangan
Id_pesan * Id_user ** Id_jarak ** Tgl Keterangan Sts_bayar Ttl_bayar Alamat Kd_pos Telepon
Id_user * Nama User Pass Alamat Kota Propinsi Jenkel Kd_pos Telepon Email member
Galeri
ya
Id_kirim * Id_konf ** Tgl_kirim
Konfirmasi
Id * Halaman Konten
tidak
ya
Detail Pesan
Produk Id_produk * Id_jenis ** Produk Harga Keterangan Gambar Status url
Id * titel descr Keyw Email_pay
Admin
Keterangan
User * Pass
Relasi One To One Relasi One To Many
tidak
( * ) = Primary Key / Kunci Utama ya
Pilih menu user
tidak
Logout
Tampil data Menu user
ya
( ** ) = Secondary Key / Kunci Tamu
tidak
Gambar 10. Relasi Antar Tabel
Selesai
2.2.4 Perancangan Menu
Gambar 7. Flowchart Program (Admin)
Rancangan menu menggambarkan menu pada website yang akan dibuat.
Mulai
Tampilkan menu utama
INDEX
Pilih If Login
ya
Olah data register
ya
Tampil data profil
tidak
ya Tampilkan menu user
PROFIL
Pilih menu profil
PESAN
PRODUK
ya tidak
USER
tidak
Isi Keranjang
REGISTER
HOME
Pilih menu register
tidak
Pilih menu produk
GALERI
Tampil data produk
ya
ya tidak
LIHAT PROFIL
KONTAK
Olah data pesan ya
Pilih menu Galeri
Olah data Konfirmasi
tidak
ya
Pilih menu kontak
Tampil data galeri
ya
EDIT PROFIL MENU USER EDIT PASSWORD
ya
Tampil data kontak
ya
Tampil data Menu user
CEK PESAN
tidak
ya
KONF BAYAR
Pilih menu user
tidak
Logout
LOGOUT
tidak
Gambar 11. Rancangan menu halaman pengunjung
Selesai
Gambar 8. Flowchart Program (User)
INDEX
2.2.2 Perancangan Basis Data
HOME
Basis data adalah kumpulan file/tabel/arsip yang saling berhubungan yang di simpan dalam media penyimpanan elektronik [3]. .Model data direpresentasikan dengan menggunakan Entity Relationship Diagram (ERD). konten
HALAMAN
ADMIN ADMIN USER
id produk
Id_jenis
halaman keterangan
Id_jenis
1
Id_produk
Gbr_galeri
Jenis
halaman
JARAK
Id_galeri
Galeri
produk url
jenis
N
Jumlah
Memiliki
judul
url
gambar harga
Harga_satuan
1
status
tujuan
N
Detail_pesan
pass
Memiliki
Id_produk Id_det
Mem
i
Id_jarak
Nama
propinsi user
ilik
kontak
jam nama
iliki
PRODUK
kota
Jarak 1
Mem
id
alamat
user ongkos
N Id_pesan
komen
email
sex
Id_user
N 1
1
tgl
keterangan
Mem
N Id_jarak
PESAN
member Kd_pos
iliki email
pass
telepon
Sts_bayar
Id_user
admin Ttl_bayar pesan
GALERI
Tgl_bayar
Id_pesan
Email_pay tujuan
user
telepon
1
kota
N
bayar
Memiliki
setting
id
Kd_pos Id_bayar
propinsi
titel
KONTAK
Id_bayar descr
Id_pesan 1
tgl
Mem
keyw
No_bukti kirim
iliki
N
Jum_bayar
1
Memiliki
Tgl_kirim
N
konfirmasi Id_kirim
LOGOUT
Sts_konf Id_pesan Id_konf
keterangan
Gambar 12. Rancangan menu halaman admin
Gambar 9. Entity Relationship Diagram (ERD). Dari ERD diatas maka dapat digambarkan hubungan antar tabel seperti pada gambar dibawah ini.
2.2.5 Perancangan Interface
4
Rancangan interface menggambarkan halaman atau rancangan antar muka website yang akan dibuat.
Halaman utama menampilkan data galeri atau portofolio yang ditampilkan dalam slide animasi. Selain menampilkan data galeri, ditampilkan juga sekilas tentang paket yang ada. Data yang ditampilkan secara acak atau sesuai urutan data.
HEADER
Home
Register
Profil
Produk
Galeri
Kontak
List Jenis
Tampil slideshow foto Suport
FOOTER
Gambar 13. Rancangan antar muka website
Gambar 17. Halaman Profil
2.3 Proses Pembuatan
Halaman profil menampilkan profil tentang sejarah berdirinya perusahaan serta data alamat dan kontak perusahaan.
Untuk membuat web yang dinamis, maka diperlukan sebuah media penyimpanan data sehingga data tidak statis dan memungkinkan data yang ada dapat diubahubah sesuai keinginan.
Gambar 18. Halaman Produk atau Jasa Gambar 14. Database Haryansa Photography
Halaman produk atau jasa menampilkan data paket yang ada di haryansa. pengunjung dapat melakukan pemesanan dengan cara memilih menu pesan pada setiap paket yang ditampilkan. Data yang ditampilkan secara acak atau menampilkan data terbaru. Data yang ditampilkan dapat diupdate atau diperbarui jika pengguna atau admin ingin menambahkan data.
Setelah proses perancangan database, selanjutnya membuat file koneksi atau penghubung antara database dan desain web.
Gambar 15. File koneksi database tampilan grafis atau antara muka halaman web yang dimana nanti akan ditampilkan atau diupload pada web server.
Gambar 19. Halaman Galeri Halaman galeri akan menampilkan data portofolio atau contoh dalam masing-masing paket yang ditampilkan dengan slide dan secara acak. Data pada galeri dapat diperbarui dengan menambahkan data pada halaman atau menu admin, sehingga data dapat diperbarui atau dirubah sewaktu-waktu jika pengguna ingin merubah data.
Gambar 16. Halaman Utama
5
Biodata Penulis Gery Alfath Haryansa, memperoleh gelar Sarjana Komputer (S.Kom), Jurusan Sistem Informasi STMIK AMIKOM Yogyakarta, lulus tahun 2015. Melwin Syafrizal, memperoleh gelar Sarjana Komputer (S.Kom), Jurusan Sistem Informasi STMIK AMIKOM Yogyakarta, lulus tahun 2004. Memperoleh gelar Master of Engineering (M.Eng) Program Pasca Sarjana Magister Teknologi Informasi Fakultas Teknik Elektro Universitas Gajah Mada Yogyakarta, lulus tahun 2009. Saat ini menjadi Dosen di STMIK AMIKOM Yogyakarta
Gambar 20. Halaman Kontak 3. Penutup 3.1 Kesimpulan Dari hasil pembuatan aplikasi website Haryansa Photography dan sebagai akhir dari laporan, penulis dapat menarik kesimpulan sebagai berikut : 1. Aplikasi web yang dibuat memiliki tiga proses utama yaitu proses data master, proses data transaksi dan proses data register. Berikut merupakan detail rincian dalam setiap proses aplikasi berbasis web yang dibuat. 1. Proses data master 2. Proses data transaksi 3. Proses data register 2. Dengan adanya website ini, siapa saja dapat dengan mudah memperoleh informasi mengenai Haryansa Photograpy dan melakukan pemesanan secara online dimana saja dan kapan saja tanpa harus datang langsung ke Haryansa Photography. Hal ini akan memudahkan pelanggan dalam melakukan pemesanan. 3.2 Saran Berdasarkan analisis dan kesimpulan diatas, dan juga sebagai bahan pertimbangan bagi pihak Haryansa Photography dalam usaha meningkatkan mutu dan kualitas bersaing, saran yang ingin disampaikan sebagai berikut : 1. Jika aplikasi yang dibuat penyusun menjadi pilihan solusi alternatif bagi Haryansa Photography, maka promosi maupun penyampaian informasi lebih mudah dan cepat diakses, pemesanan dan transaksi dapat dilakukan dimana saja tanpa ada batasan waktu dan tempat setelah diterapkannya sistem baru yang memanfaatkan media internet. 2. Keberadaan sumber daya yang telah ada sangat disayangkan bila tidak dimanfaatkan dengan baik untuk membangun citra, karakter dan nilai keunggulan. Daftar Pustaka [1] Al Fatta, Hanif. Analisis & Perancangan Sistem Informasi, Penerbit Andi. Jogja. 58-60. 2007 [2] Jogiyanto, HM. “Analisis dan Desain sistem Informasi”. Yogyakarta:ANDI. 46-48. 2008 [3] Kusrini. Strategi Perancangan dan Pengelolaan basis data, (Yogyakarta: Penerbit ANDI), hal.2. 2007.
6
