PERANCANGAN WEBSITE SEBAGAI MEDIA PROMOSI DAN PEMESANAN PADA SALON ORDY BENGKULU
NASKAH PUBLIKASI
diajukan oleh Indra Mega Hardani 11.12.5813
kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2016
PERANCANGAN WEBSITE SEBAGAI MEDIA PROMOSI DAN PEMESANAN PADA SALON ORDY BENGKULU Indra Mega Hardani1), Anggit Dwi Hartanto2) 1)
2)
Sistem Informasi STMIK AMIKOM Yogyakarta Teknik Informatika STMIK AMIKOM Yogyakarta
Jl Ringroad Utara, Condongcatur, Depok, Sleman, Yogyakarta Indonesia 55283 Email :
[email protected]),
Abstract - Salon Ardy Bengkulu is a corporation that active in dressing beauty service, and it finds problem in promoting product and services which is offered. Many of people do not know what is service and product offered by Salon Ordy Bengkulu. It is needed all media able to give accurate and efficient information namely such as dynamic website, so that able to increase consumer and turnover interest in advance.
[email protected])
Ordy salon adalah usaha yang bergerak di bidang jasa (tata rias). Pemasaran yang dilakukan masih dari mulut ke mulut sehingga masih mendapatkan kesulitan dalam menawarkan jasa yang disediakan kepada para konsumen. Dikarenakan pemasaran menggunakan strategi tersebut dirasa belum maksimal, belum dapat menembus pasaran secara langsung hanya mengandalkan sistem perkenalan maka harus ada solusi untuk merubah strategi pemasaran sehingga dapat menembus pasaran luas.
In this research, there are some steps is done that is stage of collecting data, the stage is getting some of method namely observation, interview, documentation, literature, and internet. Then, it is continued to analysis stage like problem analysis which use PIECES analysis. For designing model, it involves Flowchart system, Diagram context, and DFD. And it is also designing the database, Table Relation and interface.
Berdasarkan latar belakang diatas dibangunlah sebuah sistem informasi berbasis web yang membantu pemasaran dan pemesanan secara online terhadap “Ordy Salon”dengan judul “Perancangan Website Sebagai media Informasi dan Pemesanan Pada Ordy Salon Bengkulu” 2. Landasan Teori
Website is done is dynamic website that give information and promotion also visitor can do service lending and goods, it is able to accessed quickly anytime without coming to Salon Ordy Bengkulu, so it can increase consumer interest in order that able to compete in world business for Salon Ordy Bengkulu.
2.1 Definisi Sistem Pada dasarnya sistem merupakan sekumpulan elemen yang saling terkait atau terpadu yang dimaksudkan untuk mencapai suatu tujuan. Sebagai gambaran umum, jika dalam sebuah sistem terdapat elemen yang tidak memberikan manfaat dalam mencapai tujuan yang sama, maka elemen tersebut dapat dipastikan bukanlah bagian dari sistem. Suatu sistem adalah jaringan kerja dari beberapa prosedur yang saling berhubungan, berkumpul bersama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran yang tertentu. Definisi lain menyatakan, sistem adalah kumpulan dari prosedurprosedur yang mempunyai tujuan tertentu[1].
Keywords: Media of Information, Promotion, Booking, Website. 1. Pendahuluan Teknologi informasi terus mengalami perkembangan dari waktu ke waktu, hal ini dipicu oleh perkembangan internet yang semakin pesat dan telah merambah ke berbagai kehidupan. Internet juga memiliki sifat yang efektif dan efisien dalam menyebarkan informasi pihak lain karena saat ini internet dapat diakses oleh siapapun, kapanpun dimanapun, maka dari itu internet kini juga sangat membantu dalam hal pemasaran suatu produk maupun jasa. Penjual jasa memasang foto dan informasi jasa yang ditawarkan sehingga pembeli dapat melihat, dan memilih jenis jasa dimanapun asalkan terhubung dengan internet. Namun pembeli melalui internet saat ini juga membutuhkan penjual jasa yang terpercaya sebelum membeli, sehingga penjual jasa membutuhkan website pemesanan yang professional dan mencerminkan keseriusan penjual jasa dalam pemasaran jasa. Selain tampilan yang professional website penjualan jasa juga harus memudahkan calon pembeli dalam mendapatkan informasi jasa maupun melakukan pembelian sehingga dibutuhkan tampilan yang simpel dan informatif.
2.2 Definisi Informasi Informasi adalah data yang sudah diolah menjadi sebuah bentuk yang berarti bagi pengguna, yang bermanfaat dalam pengambilan keputusan saat ini atau mendukung sumber informasi. Sumber dari informasi adalah data. Data terbentuk dari karakter – karakter yang dapat berupa alfabet, angka maupun simbol khusus. Data disusun untuk diolah dalam bentuk struktur data, struktur file dan database. Terdapat perbedaan antara data dan informasi yaitu jika data merupakan bahan baku yang diolah untuk memberikan informasi, sedangkan informasi digunakan dalam pengambilan keputusan,
1
karena itu informasi memiliki tingkat lebih tinggi dari data[2].
Informasi merupakan hal yang sangat penting bagi manajemen didalam pengambilan keputusan, informasi diperoleh dari sistem informasi (information systems) atau sering juga disebut dengan processing systems atau information processing systems atau information generating system. Sistem Informasi merupakan suatu kumpulan dari komponen-komponen dalam perusahaan atau organisasi yang berhubungan dengan proses penciptaan dan pengaliran informasi[3].
dinamis. PHP menyatu dengan kode HTML, maksudnya adalah beda kondisi. HTML digunakan sebagai pembangun atau pondasi dari kerangka layout web, sedangkan PHP difungsikan sebagai prosesnya sehingga dengan adanya PHP tersebut, web akan sangat mudah dimaintenance. PHP berjalan pada sisi server sehingga PHP disebut juga sebagai bahasa Server Side Scripting. Artinya bahwa dalam setiap/untuk menjalankan PHP, wajib adanya web server. PHP ini bersifat open source sehingga dapat dipakai secara cuma-cuma dan mampu lintas platform, yaitu dapat berjalan pada sistem operasi Windows maupun Linux. PHP juga dibangun sebagai modul pada web server apache dan sebagai binary yang dapat berjalan sebagai CGI[8].
2.4 Data Flow Diagram (DFD)
2.8.2
DFD adalah suatu model logika data atau proses yang dibuat untuk menggambarkan darimana asal data dan kemana tujuan data yang keluar dari sistem, dimana data disimpan, proses apa yang menghasilkan data tersebut dan interaksi antara data yang tersimpan dan proses yang dikenakan pada data tersebut [4].
Ada beberapa alasan yang menjadi dasar pertimbangan mengapa menggunakan PHP[8]:
2.3 Sistem Informasi
1.
2. 2.5 Basis Data (Database) Basis data terdiri dari 2 kata yaitu basis dan data. Basis kurang lebih dapat diartikan sebagai markas atau gudang, tempat bersarang atau berkumpul. Sedangkan data adalah representasi fakta dunia nyata yang mewakili suatu objek seperti manusia (pegawai, siswa, pembeli, pelanggan), barang, hewan, peristiwa, konsep, keadaan dan sebagainya, yang direkam dalam bentuk angka, huruf, symbol, teks, gambar, bunyi, atau kombinasinya[5].
3. 4. 5.
6.
Keunggulan PHP
Mudah dipelajari, alasan tersebut menjadi salah satu alasan utama untuk menggunakan PHP, Pemula pun akan mampu untuk menjadi web master PHP. Mampu Lintas Platform, artinya PHP dapat/ mudah diaplikasikan ke berbagai platform OS (Operating Sytem) dan hampir semua browser juga mendukung PHP. Free alias Gratis, bersifat Open Source. PHP memiliki tingkat akses yang cepat. Didukung oleh beberapa macam web server, PHP mendukung beberapa web server, seperti Apache, IIS, Lighttpd, Xitami. Mendukung database, PHP mendukung beberapa database, baik yang gratis maupun yang berbayar, seperti MySQL, PostgreSQL, mSQL, Informix, SQL server, Oracle.
2.6 Analisis Pieces 2.9 E-Commerce Dalam identifikasi masalah, diperlukan analisis terhadap sistem yang sudah ada / sedang berjalan. Untuk mempermudah dalam melakukan analisis, dapat menggunakan panduan analisis PIECES (Performance, Information, Economy, Control, Eficiency, Services) [6]
Electronic Commerce (e-commerce) merupakan konsep baru yang biasa digambarkan sebagai proses jual beli barang atau jasa pada World Wide Web Internet atau proses jual beli atau pertukaran produk, jasa dan informasi melalui jaringan informasi termasuk internet. E-commerce merupakan kegiatan bisnis yang dijalankan secara elektronik melalui suatu jaringan internet atau kegiatan jual beli barang atau jasa melalui jalur komunikasi digital[9].
2.7 Waterfall Metode sekuensial linier yang sering disebut dengan waterfall model atau model air terjun. Metode ini mempunyai pendekatan sekuensial yang sistematis, yang meliputi tahap perencanaan, tahap analisis kebutuhan perangkat lunak, tahap desain, tahap penulisan program (coding), tahap pengujian dan tahap pemeliharaan[7].
2.11 Promosi Promosi adalah “arus informasi atau persuasi satu arah yang dibuat untuk mengarahkan seseorang atau organisasi kepada tindakan yang menyebabkan pertukaran dalam pemasaran”[10]
2.8 PHP 2.8.1 Pengertian PHP PHP atau yang memiliki kepanjangan Hypertext Preprocessor merupakan suatu bahasa pemrograman yang difungsikan untuk membangun suatu website
3. Analisis dan Perancangan 3.1 Analisis Masalah 2
Konfirmasi Login
3.1.1 Cara Kerja Sistem Lama
Login
1 login
Info Member Data Member Info Paket Info Jasa Info Barang
Non Member
2 Olah Data Admin
3 Olah Data Member
Sejauh ini Salon Ordy Bengkulu melakukan promosi masih menggunakan cara-cara lama seperti brosur, dan informasi dari mulut ke mulut yang dampaknya tidak terlalu memuaskan untuk penjualan produk-produk Salon Ordy Bengkulu
Data Detail Paket Jasa Data Detail Paket Barang Info Detail Paket Jasa Data Detail Paket Jasa
5 Olah data Detail paket jasa
Info Detail Paket Barang Data Detail Paket Barang
Data Detail Jasa Pinjam
Info Detail Barang Pinjam
Data Detail Barang Pinjam
Login
Data Member
Info Paket Info Transaksi item
Data Pembayaran
Info Transaksi paket
Data Transaksi paket
Data Transaksi item
Info Pembayaran
Info bank
Info Pengenmbalian
Data Pengenmbalian
Lap.Nota Peminjaman Paket
Lap.Nota Peminjaman Item
10 Olah Data Detail barang pinjam
Data Barang Data Barang Info Barang Info Barang
Info Detail Barang Pinjam Data Detail Barang Pinjam
Data Member Data Transaksi paket Info Transaksi paket
Db.transaksi paket Data Member 12 Olah Data Transaksi item
Konfirmasi Login Login Data Admin Info Admin Data Paket
Info Paket Detail Paket Jasa Info Detail Paket Jasa Detail Paket Barang Info Detail Paket Barang Data Jasa Info Jasa Data Barang Info Barang
Data Transaksi item Info Transaksi item
Db.pembayara n
14 Olah Data Bank
Info Member Info bank Data bank
Data Transaksi paket Data Transaksi item
15 Olah Data Pengembalian
Info Pengenmbalian Data Pengenmbalian
Lap.Peminjaman Paket Lap.Peminjaman Item Lap. pengembalian
Lap.Nota Peminjaman Paket Lap.Nota Peminjaman Item Lap. Stok barang Lap. Pembayaran
Detail Paket Barang
Jasa
Detail Jasa Pinjam
Barang
Detail Barang Pinjam
Transaksi Paket
Transaksi Item
Pembayaran
Bank
Pengembalian
Input Data Admin
Input Data Member
Input Data Paket
Input Data Detail Paket Jasa
Input Data Detail Paket Barang
Input Data Jasa
Input Data Detail Jasa Pinjam
Input Data Barang
Input Data Detail Barang Pinjam
Input Data Transaksi Paket
Input Data Transaksi Item
Input Data Pembayaran
Input Data Bank
Input Data Pengembali an
Info bank Info bank Data bank
Db.bank
Info Pengembalian Data Pengembalian Info Pengembalian Data Pengembalian
Data Transaksi paket Data Pembayaran
16 Lap. peminjaman paket
Db.pengembali an
Data Detail Jasa Pinjam Data Detail Barang Pinjam Data Transaksi item Data Pembayaran
17 Lap. peminjaman item
20 Lap. Nota peminjaman item
Detail Paket Jasa
Info Pembayaran Data Pembayaran
Data bank
Admin
Flowchart sistem adalah bagan yang menunjukkan alur kerja dalam suatu sistem secara keseluruhan dan menjelaskan urutan dari prosedur-prosedur yang ada pada sistem.
Db.transaksi item
13 Olah Data Pembayaran
Data Transaksi paket Data Transaksi item Data Pengembalian
Data Transaksi paket Data Pembayaran
19 Lap. Nota peminjaman paket
Paket
Db.detail barang pinjam
Data Transaksi item
Flowchart Sistem
Member
Db.barang
Data Barang
18 Lap. pengembalian
Admin
Db.jasa
Db.detail jasa pinjam
Data Transaksi item
11 Olah Data Transaksi paket
3.2 Perancangan Sistem 3.2.1
Db.detail paket barang
Info Detail Jasa Pinjam Data Detail Jasa Pinjam
9 Olah Data Barang
Info Barang
Untuk mengidentifikasi masalah yang mendasari Perancangan Website Sebagai Media Promosi dan Pemesanan pada Ordy Salon Bengkulu, maka di lakukan analisis PIECES terhadap sistem atau cara yang lama yaitu meliputi Performance (Kinerja), Information (Informasi), Economic (Ekonomi), Control (Kontrol), Efisiensi (Eficiency), dan Service (Pelayanan).
Data Jasa
8 Olah Data Detail jasa pinjam
Info Detail Jasa Pinjam
Db.paket
Db.detail paket jasa
Info Jasa Data Jasa Info Jasa Info Jasa
7 Olah Data Jasa Info Jasa
Info Member
Konfirmasi Login
6 Olah data Detail paket barang
Member
Db.Member
Info Paket Info Paket Info Paket Data Paket
4 Olah data Paket
3.1.2 Analisis PIECES
Db.admin
Info Admin Data Admin
Login Konfirmasi Login Info Member Info Member Data Member Info Member Data Member
Data Transaksi paket Data Pembayaran Data Detail Jasa Pinjam Data Detail Barang Pinjam Data Transaksi item Data Pembayaran Data Detail Jasa Pinjam Data Detail Barang Pinjam Data Transaksi item Data Pembayaran
21 Lap. Stok barang
22 Lap. Pembayaran
Data Barang
Data Transaksi paket Data Transaksi item Data Pembayaran Data bank
Gambar 2. DFD (Data Flow Diagram) Level 1 3.2.3 ERD (Entity Relationship Diagram) Id_jasa**
Id_member**
Id_paket**
Tanggal pemesanan
Nama member
Id_member*
Id_paket**
email Alamat
Jumlah
Id_detail_paket_ Barang*
Id_transaksi_paket*
Status harga
Tanggal pinjam Tanggal kembali
Detail_paket_ barang
Harga Password
Olah Data Admin
Olah Data Member
Olah Data Paket
Olah Data Detail Paket Jasa
Olah Data Detail Paket Barang
Olah Data Jasa
Olah Data Detail Jasa Pinjam
Olah Data Barang
Olah Data Detail Barang Pinjam
Olah Data Transaksi Paket
Olah Data Transaksi Item
Olah Data Pembayaran
Olah Data Bank
Harga
File gambar
cv Member
Olah Data Pengembali an
n
Id_paket*
n
1
Transaksi paket
Id_transaksi_ paket**
Id_bank**
Id_barang
Nama barang
No tlpn Id_transaksi_ Item**
Nama pengirim
mempunyai
1
1
Paket
1
mempunyai
Terdapat
n
Stock barang n
Memesan
Admin
Member
Paket
Detail Paket Jasa
Detail Paket Barang
Jasa
Detail Jasa Pinjam
Barang
Detail Barang Pinajam
Detail_paket_jasa
Id_pembayaran*
Transaksi Paket
Transaksi Item
Pembayaran
Bank
Nama bank
Pengemba lian
1
n
Nama paket
1
Keterangan Status
keterangan
Total harga
Terdapat
No rekening
Lama pinjam Pembayaran
Keterangan
Dp pembayaran
1
n
Tgl pembayaran
Barang
1
Id_detail_paket_ jasa
Id_jasa
Dibayarkan
File gambar
Id_jasa* Nama_jasa
Id_transaksi_item* Id_barang** Total pemesanan
n
n
Id_member**
Tanggal pemesanan
1 Keterangan
1
Id_paket Id_detail_barang _pinjam*
Harga
Terdapat n
Detail_barang_ pinjam
Bukti pembayaran mempunyai n
Jasa
Keterangan
1 Dikembalikan
1
Transaksi_item
1
mempunyai
Id_bank* Jumlah
Id_transaksi_item**
1
File gambar
Bank Nama bank
Proses Lap.Peminjam an Paket
Proses Lap.Peminjam an Item
Proses Lap. pengembalian
Proses Lap.Nota Peminjaman Paket
Proses Lap.Nota Peminjaman Item
Lap. pengembalian
Lap.Nota Peminjaman Paket
Lap.Nota Peminjaman Item
Harga
Proses Lap. Stok barang
Proses Lap. Pembayaran
1
Terdapat
n
No rekening
n Status Total harga Id_pengembalian*
Jumlah Tanggal pinjam
Detail_jasa_pinjam
Pengembalian Id_transaksi_ item**
Lap.Peminjam an Paket
Lap.Peminjam an Item
Lap. Stok barang
Dp pembayaran Tanggal kembali
Lap. Pembayaran
Id_transaksi_ paket**
Harga
n Id_detail_jasa_ Pinjam*
Id_transaksi_item** Id_admin** Mendata
Gambar 1. Flowchart Sistem yang Diusulkan
Id_admin*
Tanggal kembali
Id_jasa**
Nama admin 1
Admin Password
Gambar 3. ERD (Entity Relationship Diagram)
3.2.2 DFD (Data Flow Diagram)
4. Implementasi dan Pembahasan
DFD ini menjelaskan kepada user bagaimana nantinya fungsi-fungsi sistem informasi pada Ninedotsartmedia secara logika akan bekerja.
4.1 Pembuatan Database dan Tabel Untuk membuat web dinamis, maka dibutuhkan media penyimpanan data, sehingga data bisa diupdate secara berkala dengan lebih mudah. Media penyimpanan ini disebut dengan database. Database terdiri dari tabel-tabel yang berfungsi untuk menyimpan record-record informasi. 4.2 Pembuatan Interface 1.
3
Halaman Utama Website Halaman utama website Ordy Salon menampilkan logo Ordy Salon, paket, jasa, barang, profil, dan kontak Ordy.
5.
2.
Halaman Kontak Pada halaman pembayaran akan menampilkan nota peminjaman dengan data meliputi no.pemesanan, nama member, email, alamat, tgl pinjam, tgl kembali, nama paket, barang, jumlah, jasa, harga, dp pembayaran, total harga, dan sisa pembayaran .
Gambar 4. Halaman Utama Halaman Jasa Pada halaman jasa akan menampilkan informasi jasa, harga jasa dan pembelian jasa .
Gambar 8. Halaman Kontak 4.3 White Box Testing
3.
Cara pengujian dengan melihat kedalam modul untuk meneliti kode-kode program yang ada dan menganalisis apakah ada kesalahan atau tidak.jika ada modul yang menghasilkan output tidak sesuai dengan proses yang dilakukan maka baris-baris program, variabel, dan parameter yang terlihat pada program tersebut akan di cek satu-persatu dan diperbaiki kemudia di coba ulang.
Gambar 5. Halaman Jasa Halaman Detail Paket Pada halaman detail paket menampilkan informasi paket dengan lengkap .
Gambar 9. Contoh White-Box Testing 4.4 Black-Box Testing Gambar 6. Halaman Detail Paket 4.
mengantisipasi jika inputan tidak sesuai. Halaman yang diuji untuk Black Pengujian sistem dengan Black Box Testing ini dilakukan berdasarkan inputan data yang sesuai dan mengecek apakah program bisa berjalan dengan baik Black Box Testing ini adalah halaman pendaftaran.
Halaman Troly Pemesanan Pada halaman troly akan menampilkan troly pembelian dan peminjaman .
5. Kesimpulan dan Saran 5.1 Kesimpuulan Sistem ini di lengkapi dengan 2 hak akses yaitu member dan admin, dimana member dapat melakukan pemesanan, pembayaran, cetak nota peminjaman dan admin dapat melakukan mengolah semua data
Gambar 7. Halaman Troly Pemesanan
4
tahun 2009, mendapatkan gelar Magister Teknik Informatika STMIK AMIKOM Yogyakarta tahun 2011.
5.2 Saran Agar aplikasi ini dapat lebih sempurna lagi, pengembangan aplikasi yang lebih kompleks, sehingga makin banyak fitur-fitur terbaru dalam website ini agar bermanfaat bagi Salon Ordy Bengkulu maupun konsumen. Untuk itu saran yang diajukan adalah:
1. Dalam pengembangan sistem kedepan penuilis beranggapan perlu menambahkan fungsi sistem yang lebih kompleks seperti sms gateway 2. Selain adanya proses pemesanan sistem ini ke depan dapat di tambahkan dengan adanya fitur pembukuan akuntansi meliputi buku besar, laporan laba rugi dan pendapatan dan pengeluaran Daftar Pustaka [1] Hartono, Jogiyanto. 2005. Analisis & Desain Sistem Informasi Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis. Yogyakarta: Andi offset [2] Kusrini, dan Andri Koniyo. 2007. Tuntunan praktis membangun sistem informasi akutansi dengan visual basic dan microsoft SQL server. Yogyakarta: Andi offset [3] Indrajit, Richardus Eko.2000. Pengantar Konsep Dasar: Manajemen Sistem Informasi dan Teknologi Informasi. Jakarta: PT. Elex Media kompetindo. [4] Kristanto, Andi. 2003. Perancangan Sistem Informasi dan Aplikasinya. Yogyakarta: Gaya Media. [5] Fathansyah. 1999. Basis Data. Bandung: CV. Informatika. Al Fatta, H. 2007. Analisis & Perancangan Sistem Informasi. Yogyakarta :Andi Offset [6] Al Fatta, Hanif. 2007. Analisis dan Perancangan Sistem Informasi untuk keunggulan Bersaing Perusahaan dan Organisasi Modern. Yogyakarta: Andi offset [7] Pressman, Roger S. 2002. Rekayasa Perangkat Lunak Pendekatan Praktisi. Yogyakarta: Andi offset. [8]Saputra, Agus. 2011. Pemrograman CSS Untuk Pemula. Jakarta : PT. Gramedia [9] Adi Nugroho.2006. E-commerce Memahami Perdagangan Modern Di Dunia Maya Informatika Bandung.
[10]Swastha, B dan Sukotjo, I. 2002. Pengantar Bisnis modern. Edisi Ketiga Yogyakarta: Liberty. Biodata Penulis Indra Mega Hardani, memperoleh gelar Sarjana Komputer (S.Kom), Jurusan Sistem Informasi STMIK AMIKOM Yogyakarta, lulus tahun 2016. Anggit Dwi Hartanto, Menyelesaikan studi Strata 1 Teknik Informatika STMIK AMIKOM Yogyakarta 5