ANALISIS DAN PERANCANGAN WEBSITE SEBAGAI MEDIA PROMOSI PADA KANIYA SALON DAN SPA YOGYAKARTA
NASKAH PUBLIKASI
Diajukan oleh Nur Hanifah 08.11.2238
Kepada JURUSAN TEKNIK INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2014
1
2
ANALYSIS AND DESIGN OF THE WEBSITE AS A MEDIA CAMPAIGN IN THE SALON AND SPA KANIYA YOGYAKARTA ANALISIS DAN PERANCANGAN WEBSITE SEBAGAI MEDIA PROMOSI PADA KANIYA SALON DAN SPA YOGYAKARTA ABSTRACT Nowdays it has been developed, the people follow the modern lifestyle. Ranging from electrical appliances for household and working tool. Human life today also follow fashion trends. Men and women are very concerned with their appearance than the clothes to body care. Here ,the author aims to build a date processing system using a system of advertising media websites. The author would build an advertising medium for Kaniya Salon & Spa. The method used is to identify ehat services and facilities that will provide salon along with the price offered. This system aims to facilitate the customers who will perfom maintenance on Kaniya Salon & Spa. It also allows managers to expand thesalon’s advertising efforts to the wider community. Keywords: Multimedia,information.
3
1. PENDAHULUAN Salah satu kemajuan teknologi informasi yang saat ini telah merubah kultur kita sehari-hari mulai dari cara pandang dan gaya hidup manusia, proses bisnis dan strategi bisnis suatu institusi adalah internet. Aplikasi sistem informasi salon berbasis website salah satunya dapat dimanfaatkan pihak Kaniya Salon Yogya untuk memudahkan dalam memberikan informasi yang berkaitan dengan bisnis salonnya. Oleh karena itu penulis memilih judul “Analisis Dan Perancangan Website Sebagai Media Promosi Pada Kaniya Salon Dan Spa Yogyakarta”
2. LANDASAN TEORI 2.1
Konsep Dasar Sistem Definisi sistem berkembang sesuai dengan konteks dimana pengertian sistem itu
digunakan.Definisi system secara umum adalah Kumpulan dari bagian – bagian yang bekerja sama untuk mencapai tujuan yang sama. Contoh: Sistem Tatasurya, Sistem Pencernaan, Sistem Transportasi Umum, Sistem Otomotif, Sistem Komputer, Sistem Informasi. Untuk memahami atau mengembangkan suatu system,maka perlu membedakan unsur – unsure dari system yang membentuknya. 2.2
Konsep Dasar Informasi Informasi merupakan salah satu sumber daya yang sangat di perlukan dalam
suatu organisasi. Suatu sistem apabila tidak mendapatkan informasi yang cukup tentu saja tidak akan bertahan lama. Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya dan bermanfaat dalam pengambilan keputusan saat ini atau saat mendatang (Devis,1999). 2.3
Konsep Dasar Sistem Informasi Salon Sistem Informasi Salon merupakan sistem yang mengolah data dan melakukan
proses kegiatan Salon yang melibatkan antara Manager, karyawan, Pelanggan, transaksi administrasi salon dan keuangan . 2.4
Konsep Dasar Website Situs web merupakan sekumpulan dari halaman web yang sudah dipublikasikan
di jaringan internet dan memiliki domain/URL (Uniform Resource Locator) yang dapat diakses oleh semua pengguna internet.
4
Dalam Merancang sebuah web hal yang harus diperhatikan adalah nilai efektifitasnya terutama dalam penyajian informasi yang disesuaikan dengan tujuan dan pembuatan web itu sendiri. 2.5
Software yang Digunakan Berikut ini adalah software – software yang digunakan dalam pembuatan
website. •
Adobe Photosop Cs4 Adobe photoshop adalah salah satu software manipulasi image digital yang popular saat ini. Adobe photoshop berguna untuk mengkonversikan warna gambar serta memberikan efek khusus pada gambar.
•
Macromedia Dreamweaver CS5 Dreamweaver adalah software aplikasi desain web visual yang memiliki keunggulan dengan istilah WYSIWYG (What You See Is What You get), intinya anda tidak harus berurusan dengan tag-tag HTML untuk membuat sebuah website.
•
XAMPP XAMPP adalah software bebas yang mendukung banyak sistem operasi dan merupakan kompilasi dari beberapa program aplikasi. Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache, Web Server, MySQL database dan penerjemah bahasa yang ditulis oleh bahasa pemrograman PHP dan Perl.
3. TINJAUAN UMUM 3.1
SEJARAH BERDIRINYA KANIYA SALON DAN SPA Kaniya Salon dan Spa merupakan usaha salon dalam bidang jasa perawatan
tubuh yang sudah berdiri sejak bulan juni 2002. Dalam proses pemasaran kaniya masih menggunakan sistem konvensional,yaitu pemasaran masih dilakukan dengan cara lama dan belum memaksimalkan penggunaan teknologi modern. Para konsumen harus datang langsung ke salon untuk melakukan registrasi, konsultasi, membeli produk atau sekedar mencari info terbaru,sedangkan area tidak dapat menampung banyak konsumen dikarenakan area tempat yang sempit. Untuk promosi produknya kaniya juga masih menggunakan brosur dan sistem mulut ke mulut.
5
3.2
ANALISIS Analisis sistem merupakan kegiatan penguraian suatu data dan informasi yang
utuh dan nyata kedalam bagian-bagian -bagian atau komponen-komponennya yang bertujuan untuk
mengidentifikasikan
serta
mengevakuasi
masalah-masalah
yang
muncul,
hambatan-hambatan yang mungkin terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga mengarah kepada suatu solusi untuk perbaikan maupun pengembangan ke arah yang lebih baik dan sesuai dengan kebutuhan.
3.3
DIAGRAM KONTEKS
Super
Dt Login Dt produk Dt perawatan Dt karyawan Dt info Dt Admin Level Dt Laporan Dt Konsultasi Dt profil Dt Login Dt Produk Dt Dokter Dt Perawatan Dt info Dt konsultasi Dt Laporan Dt Profil
Admin
Inf confirm Login inf Produk inf Dokter inf Perawatan inf info inf konsultasi inf Laporan Inf Profil
inf confirm login inf Produk inf Perawatan inf Karyawan inf Info inf Admin Level inf Laporan inf Konsultasi inf Profil
Sistem informasi kaniyasalon & spa
Dt join Dt produk Dt perawatan Dt info Dt Konsultasi
inf konfrm join inf produk inf perawatan inf info inf Konsultasi
User/ Pengunjung Gambar 1 Diagram Konteks
6
Dt Login Dt profil Dt produk Dt perawatan Dt Konsultasi Dt order Dt info
Member inf confirm login inf profil inf produk inf perawatan inf Konsultasi inf order
3.4
PERANCANGAN DFD
Gambar 2 Perancangan DFD
7
3.5
PERANCANGAN ERD
Gambar 3 Perancangan ERD
8
3.6
RELASI ANTAR TABEL
Admin Username* Password Nama Alamat Jenis_kelamin Telfon Email Gambar Level
Member Id_member* Username Password Nama Alamat Jenis_kelamin Telfon Email Gambar
Karyawan Id_karyawan* Nama Alamat Jenis_kelamin Telfon Email Gambar
Syarat Id_syarat* Tanya
Perawatan Id_perawatan* Kategori Nama Harga Keterangan Info Id_info* Judul_info Tgl_info Isi_info Gambar
Solusi Id_solusi Id_syarat** Id_produk** Keterangan Dokter Username* Password Nama Alamat Telfon Email Gambar
Gambar 4 Relasi Antar Tabel
9
Produk Id_produk* Kategori Nama_produk Harga Gambar Stok Order Id_order* Id_member** Tgl_order Harga_total Status Detail_order Id_produk** Id_order** Harga_produk Jumlah_beli Subtotal
3.7
PERANCANGAN BASIS DATA •
Struktur Tabel Admin Tabel ini digunakan untuk menyimpan data-data Admin yang digunakan
untuk mengakses halaman khusus administrator. Nama field
Tipe data
Panjang
Constraint
Keterangan
Id_Dokter
Int
3
Primary key
ID karyawan
Nama
Varchar
20
Nama karyawan
Alamat
Vachar
30
Alamat karyawan
Gambar
Varchar
5
Gambar foto karyawan
Telfon
char
12
Nomer telfon karyawan
Email
Varchar
15
Unique
Email karyawan
Tabel 1 Struktur Tabel Admin •
Struktur Tabel karyawan Tabel Karyawan ini digunakan untuk menyimpan data-data karyawan yang
berfungsi untuk mengakses halaman khusus karyawan. Nama field
Tipe data
Panjang
Constraint
Keterangan
Id_karyawan
Int
3
Primary key
ID karyawan
Nama
Varchar
20
Nama karyawan
Alamat
Vachar
30
Alamat karyawan
Jnis_klamin
Varchar
8
Gambar
Varchar
5
Gambar foto karyawan
Telfon
char
12
Nomer telfon karyawan
Email
Varchar
15
Unique
Email karyawan
Tabel 2 Struktur Tabel karyawan •
Struktur Tabel Dokter Tabel Dokter ini digunakan untuk menyimpan data-data dokter yang
berfungsi untuk mengakses halaman khusus Dokter.
10
Nama
Tipe data
Panjang
Constraint
Keterangan
Id_Dokter Int
3
Primary key
ID karyawan
Nama
Varchar
20
Nama karyawan
Alamat
Vachar
30
Alamat karyawan
Gambar
Varchar
5
Gambar foto
field
karyawan Telfon
char
12
Nomer telfon karyawan
Email
Varchar
15
Unique
Email karyawan
Tabel 3 Struktur Tabel Dokter •
Struktur Tabel Info Tabel info ini digunakan untuk menyimpan data-data yang berfungsi dalam
mengakses halaman khusus info. Nama field
Tipe data
Panjang
Constraint
Keterangan
Id_info
Int
3
Primary key
ID info
Judul_info
Varchar
-
Tgl_info
Date
Isi info
Text
-
Gambar
Varchar
5
Judul dari info Tanggal info Isi dari info
Tabel 4 Struktur Tabel Info •
Struktur Tabel Produk Tabel Produk ini digunakan untuk menyimpan data-data produk yang
berfungsi dalam mengakses halaman khusus produk.
Nama field
Tipe data
Panjang
Constraint
Keterangan
Id_produk
Int
3
Primary key
ID produk
Ktegori
Varchar
5
Kategori produk
Nama_produk
Varchar
8
Nama produk
Harga
Int
9
Harga produk
Gambar
Varchar
5
Gambar produk
Stok
Int
Stok produk Tabel 5 Struktur Tabel Produk
11
•
Struktur Tabel Order Tabel Order ini digunakan untuk menyimpan data-data order yang berfungsi
dalam mengakses halaman khusus order. Nama field
Tipe data
Panjang
Constraint
Keterangan
Id_order
Char
4
Primary key
ID order
Id_member
Int
3
Foreigen key
ID member
Tgl_order
Int
Harga_total
Int
Status
Varchar
Status order Tabel 6 Struktur Tabel Order
•
Struktur Tabel Detail Order Tabel Detail Order ini digunakan untuk menyimpan data-data
detail
order,yang berfungsi khusus untuk mengakses halaman detail order. Nama field
Tipe data
Panjang
Constraint
Keterangan
Id_Produk
Int
4
Primary key
Id member
Id_Order
Int
3
Foreigen key
Id order
Harga_produk
Int
Jumlah_beli
Int
Subtotal
Int
Harga produk 10
Jml prdk yg diorder Total order
Tabel 7 Struktur Tabel Order •
Struktur Tabel Member Tabel Member ini digunakan untuk menyimpan data-data member yang
berfungsi dalam mengakses halam khusus member. Nama field
Tipe data
Panjang
Constraint
Keterangan
Id_member
Int
3
Primary key
ID member
Nama
Varchar
20
Nama member
Alamat
Varchar
30
Alamat member
Telfon
Varchar
12
No tlfn member
Email
Varchar
15
Unique
Email member
Username
Varchar
10
Unique
Username meber
Password
Varchar
5
Psswd member
12
Jnis_kelamin
Varchar
Gambar
Varchar
Jnis klmin mber 5
Foto member
Tabel 8 Struktur Tabel Member •
Struktur Tabel Perawatan Tabel perawatan ini digunakan untuk menyimpan data-data perawatan yang
berfungsi dalam mengakses halaman khusus perawatan Nama field
Tipe data
Panjang
Constraint
Keterangan
Id_perawatan
Int
3
Primary key
ID perawatan
Kategori
Varchar
8
Kategori perawatan
Nama
Varchar
9
Nama perawatan
Harga
Int
9
Harga perawatan
Keterangan
Varchar
Keterangan prwatan Tabel 9 Struktur Tabel Perawatan
•
Struktur Tabel Syarat Tabel syarat ini digunakan untuk menyimpan data-data syarat yang berfungsi
dalam mengakses halaman khusus syarat. Nama
Tipe data
Panjang
Constraint
Keterangan
Id_syarat
Int
3
Primary key
ID syarat
Tanya
Text
-
field
Pertanyaan
Tabel 10 Struktur Tabel Syarat •
Struktur Tabel Solusi Tabel solusi ini digunakan untuk menyimpan data-data solusi yang berfungdi
dalam mengakses halaman khusus solusi. Nama
Tipe data
Panjang
Constraint
Keterangan
Id_solusi
Int
3
Primary key
Id solusi
Id_syarat
Int
10
Foreigent key
Id_produk
Int
5
Foreignt key
Kterangan
Varchar
field
Tabel 11 Struktur Tabel Solusi
13
4.
PEMBAHASAN
4.1 Pembahasan Listing Program Pada bagian pembahasan listing program ini, akan dibahas pada bagian-bagian tertentu saja yaitu listing program pada koneksi database, validasi login, keranjang belanja dan konsultasi. a. Koneksi Database
Gambar 5 Tampilan listing program koneksi database Listing program di atas merupakan listing program untuk koneksi ke database yang telah dibuat yaitu salon. Mysql_connect berfungsi untuk mengkoneksikan script php dengan database mysql. Apabila koneksi tidak berhasil maka akan muncul peringatan koneksi gagal. Sedangkan mysql_select_db berfungsi untuk memilih nama database. Apabila gagal maka akan muncul peringatan database belum ada, silahkan menuju direktori setting. b. Proses login
Gambar 6 Tampilan listing program pada proses login Pada listing program diatas menjelaskan tentang pengecekan jumlah username yang di inputkan oleh user, yang mana username dan password yang diinputkan sama dengan username dan password yang tersimpan di database. Apabila jumlah yang didapat lebih besar dari 0 maka proses akan menuju ke halaman index.php. sedangkan apabila gagal, maka akan muncul peringatan “login gagal, username atau password salah” dan akan tetap berada di halaman login.
14
4.2 Pembahasan Basis Data Pada siestem website ini memiliki database yang terdiri dari 11 tabel. Dan ada 6 tabel yang saling berelasi yaitu tabel member,order,detail order,produk,syarat,dan solusi.
Gambar 6 Tampilan relasi tabel database 4.3 Uji Coba Program Uji coba system dan program dalam pembuatan Website Kaniya Salon & Spa ini akan dilakukan dengan pengetesan fungsi dan logika yang telah diberikan pada masingmasing program atau modul, apakah masih ada kesalahan atau tidak. Dengan menjalankan program dapat dideteksi kesalahan yang ada dan fungsi-fungsi yang tidak sesuai. Pesan kesalahan akan muncul di browser ketika ada sintaks yang tidak benar. Pengetesan sistem dilakukan gunamemastikan bahwa elemen – elemen dari sistem yang baru berfungsi sesuai dengan yang diharapkan. Dalam hal ini uji coba sistem juga termasuk uji coba program. Tujuan lain adalah untuk mengetahui kelemahan dan kesalahan yang ada untuk diperbaiki. Adapun teknik pengujiannya dari super user,yaitu:
No 1. 2. 3.
4. 5. 6.
4.
Halaman Super User Jenis Unit yang di Test
Nama
Hasil
Halaman login Halaman Managemen admin Halaman Managemen index
Proses login Proses tambah,edit,hapus admin
Berhasil Berhasil
Proses tambah, edit, hapus dan info pada index
Berhasil
Halaman managemen produk Halaman managemen perawatan Halaman managemen konsultasi
Proses tambah,edit,hapus pada produk Proses tambah,edit,hapus pada perawatan Proses tambah,edit,hapus pada konsultasi
Halaman logout
Proses logout
Berhasil Berhasil Berhasil
Berhasil
Tabel 12 Pengujian Halaman Super User
15
4.4
MANUAL PROGRAM Manual program digunakan sebagai panduan untuk menggunakan program
aplikasi. Manual program dibuat dengan lengkap dan menyeluruh ,sehingga pengguna dapat menggunakan program dengan maksimal sesuai dengan fitur-fitur yang tersedia didalamnya. Untuk login admin harus menginputkan username da password admin pada form login admin,untuk dapat mengakses halaman admin dengan klik tombol login.
Gambar 7 Login Admin Setelah memasukkan data login admin akan menerima sambutan selamat datang admin seperti gambar di bawah ini.
Gambar 8 Halaman konfirmasi login
16
5. PENUTUP 5.1
Kesimpulan
Berdasarkan pembahasan yang ada pada halaman sebelumnya, dengan adanya penelitian pada Kaniya slon dan spa yogyakarta dan pembuatan laporan skripsi dengan judul “Analisis dan perancangan website sebagai media promosi pada kaniya salon dan spa yogyakarta” dapat ditarik kesimpulan yaitu: 1.
Dengan adanya Website E-Commerce yang memanfaatkan internet sebagai media pemasaran, dapat memudahkan pemilik salon untuk memberikan pelayanan terhadap konsumen secara optimal dan memberikan informasi 24 jam serta dapat diakses kapan saja dan dimana saja.
2.
Tampilan website didesain sesimple mungkin dan menarik, serta dilengkapi dengan
petunjuk
pendaftaran
member,order,
serta
petunjuk
konfirmasi
pembayaran. Sehingga mempermudah pengunjung dalam melakukan transaksi. 3.
Website yang dirancang dapat meningkatkan penghasilan usaha kaniya salon, hal ini karena penghasilan tidak lagi bersumber dari salon saja tetapi juga melalui pemasaran online. Jika suatu waktu salon sedang tidak dapat dibuka, maka pemesanan tetap masih dapat dilakukan secara online.
5.2
Saran Berdasarkan kesimpulan diatas, disadari sepenuhnya skripsi ini masih banyak
kekurangan sehingga kritik dan saran dari pembaca sangat diharapkan. Adapun kelemahan yang ada pada sistem ini adalah: •
sistem ini belum menggunakan sistem kirim barang,dan untuk pengembangan kedepannya mungkin akan digunakan sistem pengiriman.
Bagi penulis sendiri memberikan saran pada website ini sebagai berikut: -
Dengan adanya sistem yang baru, pemeliharaan dan perawatan terhadap perangkat keras, perangkat lunak dan ketersediaan server baik hosting dan domain harus diperhatikan agar sistem dapat berjalan dengan baik.
-
Diharapkan juga adanya pengembangan terhadap Website E-Commerce dan sistem penunjang keputusan ini menjadi website yang lebih lengkap dalam hal penyediaan
fasilitas,
informasi,
dan
pelayanan
serta
keamanan.
Serta
penambahan jenis pembayaran seperti Paypal dan lainnya. Demikian saran yang penulis sampaikan agar dapat diterima sebagai masukan. Semoga Website promos ini dapat digunakan sebaik-baiknya dan mendapatkan manfaat yang maksimal.
17
DAFTAR PUSTAKA Agus Mulyanto.2009. Sistem Informasi konsep dan Aplikasi. Pustaka Pelajar. Yogyakarta. Arief,
M.Rudyanto.
2011.
Pemrograman
Web
Dinamis
Menggunakan
PHP
&
MYSQL.Andi. Yogyakarta. Arief, M.Rudyanto.2011. Pemrograman Web Dinamis Menggunakan PHP & MYSQL. Andi. Yogyakarta. Arief, M.Rudyanto.2011. Pemrograman Web Dinamis Menggunakan PHP & MYSQL, Andi. Yogyakarta. Hanif Al Fatta.2007. Analisis Dan perancangan sistem informasi untuk keunggulan bersaing perusahaan dan organisasi modern. Andi. Yogyakarta. Jonathan Sarwono. Tutty Martadiredja. 2008. Teori E-commerce Kunci Sukses Perdagangan Di Internet. Gava Media. Yogyakarta. Kusrini. 2007. Strategi Perancangan Dan Pengelolaan Basis Data. Andi. Yogyakarta. Sismoro, Heri. 2005. Pengantar Logika Informatika, Algoritma dan Pemrograman Komputer. Andi. Yogyakarta.
18
