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
1
PERANCANGAN WEBSITE SEBAGAI MEDIA PROMOSI DAN PEMESANAN PADA
SALON ORDY BENGKULU
Indra Mega Hardani
1), Anggit Dwi Hartanto
2)1)
Sistem Informasi
STMIK AMIKOM Yogyakarta2)
Teknik Informatika STMIK AMIKOM Yogyakarta
Jl Ringroad Utara, Condongcatur, Depok, Sleman, Yogyakarta Indonesia 55283
Email : iendhawkers@gmail.com1), anggit@amikom.ac.id2) 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.
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.
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.
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.
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.
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 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 prosedur-prosedur yang mempunyai tujuan tertentu[1].
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,
2 karena itu informasi memiliki tingkat lebih tinggi dari data[2].
2.3 Sistem Informasi
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].
2.4 Data Flow Diagram (DFD)
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].
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].
2.6 Analisis Pieces
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]
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.8 PHP
2.8.1 Pengertian PHP
PHP atau yang memiliki kepanjangan Hypertext Preprocessor merupakan suatu bahasa pemrograman yang difungsikan untuk membangun suatu website
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 di-maintenance. 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.8.2 Keunggulan PHP
Ada beberapa alasan yang menjadi dasar pertimbangan mengapa menggunakan PHP[8]:
1. Mudah dipelajari, alasan tersebut menjadi salah satu alasan utama untuk menggunakan PHP, Pemula pun akan mampu untuk menjadi web master PHP. 2. Mampu Lintas Platform, artinya PHP dapat/ mudah
diaplikasikan ke berbagai platform OS (Operating
Sytem) dan hampir semua browser juga mendukung
PHP.
3. Free alias Gratis, bersifat Open Source. 4. PHP memiliki tingkat akses yang cepat.
5. Didukung oleh beberapa macam web server, PHP mendukung beberapa web server, seperti Apache, IIS, Lighttpd, Xitami.
6. Mendukung database, PHP mendukung beberapa database, baik yang gratis maupun yang berbayar, seperti MySQL, PostgreSQL, mSQL, Informix, SQL server, Oracle.
2.9 E-Commerce
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.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]
3. Analisis dan Perancangan 3.1 Analisis Masalah
3
3.1.1 Cara Kerja Sistem Lama
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
3.1.2 Analisis PIECES
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).
3.2 Perancangan Sistem
3.2.1 Flowchart Sistem
Flowchart sistem adalah bagan yang menunjukkan alur kerja dalam suatu sistem secara keseluruhan dan menjelaskan urutan dari prosedur-prosedur yang ada pada sistem. Admin Input Data Admin Olah Data Admin Admin Member Input Data Member Olah Data Member Member Paket Input Data Paket Olah Data Paket Paket Detail Paket Jasa Input Data Detail Paket Jasa Olah Data Detail Paket Jasa Detail Paket Jasa Detail Paket Barang Input Data Detail Paket Barang Olah Data Detail Paket Barang Detail Paket Barang Jasa Input Data Jasa Olah Data Jasa Jasa Detail Jasa Pinjam Input Data Detail Jasa Pinjam Olah Data Detail Jasa Pinjam Detail Jasa Pinjam Barang Input Data Barang Olah Data Barang Barang Detail Barang Pinjam Input Data Detail Barang Pinjam Olah Data Detail Barang Pinjam Detail Barang Pinajam Transaksi Paket Input Data Transaksi Paket Olah Data Transaksi Paket Transaksi Paket Transaksi Item Input Data Transaksi Item Olah Data Transaksi Item Transaksi Item Pembayaran Input Data Pembayaran Olah Data Pembayaran Pembayaran Bank Input Data Bank Olah Data Bank Bank Pengembalian Input Data Pengembali an Olah Data Pengembali an Pengemba lian Proses Lap.Peminjam an Paket Lap.Peminjam an Paket Proses Lap.Peminjam an Item Lap.Peminjam an Item Proses Lap. pengembalian Lap. pengembalian Proses Lap.Nota Peminjaman Paket Lap.Nota Peminjaman Paket Proses Lap.Nota Peminjaman Item Lap.Nota Peminjaman Item Proses Lap. Stok barang Lap. Stok barang Proses Lap. Pembayaran Lap. Pembayaran
Gambar 1. Flowchart Sistem yang Diusulkan 3.2.2 DFD (Data Flow Diagram)
DFD ini menjelaskan kepada user bagaimana nantinya fungsi-fungsi sistem informasi pada Ninedotsartmedia secara logika akan bekerja.
1 login 3 Olah Data Member 4 Olah data Paket 5 Olah data Detail paket jasa 6 Olah data Detail paket barang 7 Olah Data Jasa 9 Olah Data Barang 2 Olah Data Admin 14 Olah Data Bank 15 Olah Data Pengembalian 16 Lap. peminjaman paket 17 Lap. peminjaman item 18 Lap. pengembalian 19 Lap. Nota peminjaman paket 20 Lap. Nota peminjaman item 21 Lap. Stok barang 22 Lap. Pembayaran Non Member 8 Olah Data Detail jasa pinjam 10 Olah Data Detail barang pinjam 11 Olah Data Transaksi paket 12 Olah Data Transaksi item 13 Olah Data Pembayaran Db.Member Db.jasa Db.bank Db.pembayara n Db.barang Db.paket Db.detail jasa pinjam Db.detail barang pinjam Db.transaksi item Db.pengembali an Db.transaksi paket Db.admin Db.detail paket jasa Db.detail paket barang Member Admin La p.P emin jam an P ak et La p.P emin jam an It em La p. Pem baya ran La p. St ok b ar ang La p. pe ng em ba lian La p.N ot a P em injam an P ak et La p.N ot a P em injam an It em La p.N ot a P em in jam an P aket La p.N ot a P em in jam an It em D at a D et ail Bar an g P injam Info D et ail B ar an g Pin jam D at a T ra ns ak si p ak et Info Tra ns ak si p ak et Info T rans ak si item D at a T ra nsak si i tem Info P em ba ya ran D at a Pem ba ya ran Info b ank D at a P en ge nm ba lia n Info Pen ge nm ba lia n Ko nf irm as i L og in Lo gin D at a A dm in In fo A dm in D at a Pa ke t In fo P ak et Det ai l P ak et Jas a In fo D et ail P ak et Jas a Info D et ai l P ak et B aran g Det ail P ak et Bar an g In fo Jas a Dat a Ja sa In fo Bar an g Dat a B aran g Data bank Info bank Info Pengenmbalian Data Pengenmbalian Info Member Dat a M em be r Info M em be r Ko nfir mas i L og in Lo gin Info Pak et Info Jas a Info Barang Info Detail Jasa Pinjam Data Detail Jasa Pinjam
Data Member Info Paket Info Member Konfirmasi LoginLogin Data Member Info Member Info Member Data Member Data Member Info Paket
Info Transaksi item Info Jasa
Info Barang
Data Transaksi item Data Transaksi paket Info Transaksi paket Data Detail Barang Pinjam Info Detail Barang Pinjam Info Detail Jasa Pinjam Data Detail Jasa Pinjam Info Jasa
Info Barang
Data Transaksi item
Data Transaksi paket Info bank Info Pembayaran Data bank
Data Pembayaran
Data Pengembalian Info Pengembalian Data Transaksi item
Data Transaksi item
Konfirmasi Login Login Data Admin Info Admin Info Paket Data Paket Info Detail Paket Jasa Info Detail Paket Barang Info Jasa Data Jasa
Data Barang Data Barang Data Detail Paket Jasa
Data Detail Paket Jasa Data Detail Paket Barang
Data Detail Paket Barang
Data bank Info Pengembalian
Info bank
Data Pengembalian Data Pembayaran
Data Transaksi paket Data Detail Jasa Pinjam Data Detail Barang Pinjam Data Transaksi item Data Pembayaran Data Pengembalian Data Pembayaran Data Transaksi paket Data Detail Jasa Pinjam Data Detail Barang Pinjam Data Transaksi item Data Pembayaran Data Barang Data Transaksi paket Data Transaksi item Data Pembayaran Data bank Data Transaksi item Data Transaksi paket
Data Detail Jasa Pinjam Data Detail Barang Pinjam Data Transaksi item Data Pembayaran Data Pembayaran Data Transaksi paket Data Member Info Member Info Paket Info Jasa Info Barang Data Jasa Data Barang
Gambar 2. DFD (Data Flow Diagram) Level 1 3.2.3 ERD (Entity Relationship Diagram)
Id_member* Member Nama member email Alamat Password No tlpn Pembayaran Id_pembayaran* Id_transaksi_ paket** Id_bank** Id_transaksi_ Item** Nama pengirim Nama bank No rekening Tgl pembayaran Total pemesanan
Keterangan Bukti pembayaran mempunyai n Bank Id_bank* Nama bank No rekening 1 Id_pengembalian* Id_transaksi_ item** Tanggal kembali Id_admin** Pengembalian Id_transaksi_ paket** Id_admin* Nama admin Admin Password Mendata n 1 Dibayarkan Dikembalikan Memesan Id_transaksi_paket* Id_member** Tanggal pinjam Tanggal pemesanan Tanggal kembali Total harga Dp pembayaran Status Transaksi paket Id_paket** cv n 1 1 1 1 n Transaksi_item Id_transaksi_item* Id_member** Tanggal pinjam Tanggal pemesanan Tanggal kembali Total harga Dp pembayaran Status 1 1 n Paket Nama paket Id_paket* Harga Lama pinjam Status harga Keterangan mempunyai 1 1 Detail_barang_ pinjam Id_detail_barang _pinjam* Id_barang** Harga Id_transaksi_item** Jumlah mempunyai 1 n Detail_jasa_pinjam Id_detail_jasa_ Pinjam* Id_jasa** Harga Id_transaksi_item** Jumlah n Id_detail_paket_ Barang* Detail_paket_ barang Id_paket** Id_jasa** Jumlah mempunyai 1 n Detail_paket_jasa Id_detail_paket_ jasa Id_paket Id_jasa Keterangan n Jasa Id_jasa* Nama_jasa Harga Keterangan Id_barang Barang Nama barang Harga Stock barang keterangan Terdapat Terdapat Terdapat Terdapat 1 n n 1 n 1 1 n File gambar File gambar File gambar
Gambar 3. ERD (Entity Relationship Diagram) 4. Implementasi dan Pembahasan
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. Halaman Utama Website
Halaman utama website Ordy Salon menampilkan logo Ordy Salon, paket, jasa, barang, profil, dan kontak Ordy.
4
Gambar 4. Halaman Utama
2. Halaman Jasa
Pada halaman jasa akan menampilkan informasi jasa, harga jasa dan pembelian jasa .
Gambar 5. Halaman Jasa
3. Halaman Detail Paket
Pada halaman detail paket menampilkan informasi paket dengan lengkap .
Gambar 6. Halaman Detail Paket
4. Halaman Troly Pemesanan
Pada halaman troly akan menampilkan troly pembelian dan peminjaman .
Gambar 7. Halaman Troly Pemesanan
5. 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 8. Halaman Kontak
4.3 White Box Testing
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 9. Contoh White-Box Testing 4.4 Black-Box Testing
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.
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
5
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
tahun 2009, mendapatkan gelar Magister Teknik Informatika STMIK AMIKOM Yogyakarta tahun 2011.
