perancangan website sebagai media informasi dan...
TRANSCRIPT
PERANCANGAN WEBSITE SEBAGAI MEDIA INFORMASI
DAN PENCITRAAN BOY SALON KHUSUS PENATAAN GAYA MASKULIN
NASKAH PUBLIKASI
diajukan oleh
Teguh Arifianto Pamudji 09.01.2627
Wakhid Bahtiar W.U 09.01.2662
kepada
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
AMIKOM
YOGYAKARTA
2012
DESIGNING WEBSITE FOR MEDIA INFORMATION AND PROMOTION OF BOY SALON SPECIAL STYLE
MASCULINE ARRANGEMENT
PERANCANGAN WEBSITE SEBAGAI MEDIA INFORMASI
DAN PENCITRAAN BOY SALON KHUSUS PENATAAN GAYA MASKULIN
Teguh Arifianto Pamudji Wakhid Bahtiar W.U
Ali Mustopa Jurusan Teknik Informatika
STMIK AMIKOM YOGYAKARTA
ABSTRACT
Development of information technology causes information to flow quickly, precise, and accurate. With so creates a technological competition with the creation of products - new products in the field of computers, either hardware or software lifter. However, the current utilization of information technology to be very broad and unrestricted. This can be evidenced by one of the media and the promotion of the website information.
Almost every business today has used the website as a medium of information and promotion for its efforts. Not only through media advertisements on the radio, put up banners, and billboards with large size, but a website has advantages in providing a variety of information. In terms of speed and convenience and the contents can be obtained easily. Because it is very suitable to use the website as a medium of information to improve the imaging Boy Salon.
For the drafters intended to make the final project titled "Designing Website For Media Information and Promotion Boy Salon Style Masculine Yogyakarta Special Arrangement", because this system is very suitable concept is implemented as a news information service center and imaging of the hair trend by using a slide show for advertising .
Keywords: Website, Masculine Stylish, Imaging, Media Information
1. Pendahuluan
1.1 Latar Belakang
Kemajuan teknologi pada saat ini telah banyak mempengaruhi kehidupan
manusia saat ini.Salah satu teknologi yang paling cepat perkembangannya adalah
internet.Karena melalui internet dapat diketahui segala informasi yang diperlukan dan
sangat mendukung untuk informasi yang lebih baru.dan dewasa ini hampir semua
lapisan masyarakat sudah mengetahui tentang adanya internet dan semakin banyak
yang tahu bagaimana cara untuk mengakses dan menggunakan jaringan internet
(dalam hal ini webpage). Sehingga teknologi yang dipergunakan dalam
pembangunan sebuah situs web pun terus berkembang.
Dalam penyampaian informasi yang biasanya hanya melalui media cetak kini
sudah tidak lagi dirasakan karena kurang efektif.karena saat ini sudah banyak orang
yang menggunakan internet sebagai media informasi dan juga promosi. Dengan
melihat latar belakang di atas, mendorong penulis untuk melakukan penelitian
tentang pembuatan website sesuai dengan perkembangan teknologi yang digunakan
saat ini yaitu internet, yang akan dilanjutkan untuk pembuatan Tugas Akhir yang
diberi judul : ”Perancangan Website Sebagai Media Informasi Dan Pencitraan
Boy Salon Yogyakarta Khusus Penataan Gaya Maskulin”.
1.2 Rumusan Masalah
Dengan melihat dan mengkaji Berdasarkan latar belakang masalah, dapat
diidentifikasi masalah yang ada sebagai berikut :
1. Bagaimanakah cara membuat website yang memiliki aspek sosial yang baik.
2. Bagaimanakah proses promosi yang disampaikan Boy Salon dapat menarik
peminat sehingga berkunjung ke Boy Salon.
3. Bagaimanakah cara agar pencitraan Boy Salon sebagai penataan gaya
maskulin lebih dikenal dikalangan sekitar.
1.3 Batasan Masalah
Dalam penulisan laporan Tugas Akhir ini, maka penulis membatasi
pembahasan masalah yang ada yaitu :
1. Pengolahan Informasi Boy Salon yang meliputi pengolahan data :
a. Profil Boy Salon , berita, galeri foto, trend rambut, buku tamu, layanan
konsultasi, download, poling.
b. Penyampaian Promosi yang dapat menigkatkan pencitraan
2. Bahasa pemrograman yang digunakan yaitu PHP
3. Perancangan dan pembuatan database dengan menggunakan MySQL.
1.4 Tujuan Penelitian
Adapun tujuan penelitian ini adalah untuk membuat website Boy Salon yang
memiliki aspek sosial yang baik dalam penyampaian informasi dan promosi guna
pencitraan Boy Salon, dan juga memberikan perbedaan dengan menampilkan trend
rambut yang UpToDate setiap tahunnya.
2. Landasan Teori
2.1 Konsep Dasar Sistem
2.1.1 Pengertian Sistem
Sistem adalah kumpulan elemen, komponen atau subsistem yang saling
berintegrasi dan berinteraksi untuk mencapai tujuan tertentu.Jadi setiap sistem
memiliki subsistem – subsistem tadi terdiri atas komponen – komponen atau elemen
– elemen sebagai penyusunya.
2.1.2 Pengendalian Sistem
Suatu sistem tidak ada yang tertutup, sehingga sistem dapat terus
melangsungkan hidupnya.Sistem harus mempunyai daya pembelaan atau sistem
harus mempunyai pengendalian. Pengendalian dari suatu sistem dapat berupa
pengendalian umpan balik ( feedback control system ), pengendalian umpan maju (
feedforwad control system ), dan pengendalian pencegahan ( preventive control
system ).
2.2 Konsep Dasar Informasi
2.2.1 Pengertian Informasi
Menurut Gordon B. Davis, informasi adalah data yang telah diolah menjadi
suatu bentuk yang penting bagi si penerima dan mempunyai nilai yang nyata yang
dapat dirasakan dalam keputusan-keputusan yang sekarang atau keputusan-
keputusan yang akan datang. Jadi, secara umum informasi adalah data yang sudah
diolah menjadi suatu bentuk lain yang lebih berguna yaitu pengetahuan atau
keterangan yang ditujukan bagi penerima dalam pengambilan keputusan, baik masa
sekarang atau yang akan datang.
2.2.2 Komponen Sistem Informasi
Menurut John Burch dan Gary Grudnitski, sistem informasi terdiri dari
komponen-komponen yang disebut dengan istilah blok bangunan, yaitu :
1. Blok Masukan
Merupakan masukan yang mewakili data yang masuk ke dalam sistem
informasi.
2. Blok Model
Terdiri dari kombinasi prosedur, logika, dan model matematika yang akan
memanipulasi data masukan dan data yang tersimpan pada basis data
dengan cara tertentu untuk menghasilkan keluaran yang diinginkan.
3. Blok Keluaran
Merupakan informasi yang berkualitas dan dokumentasi yang berguna untuk
semua pemakai sistem.
4. Blok Teknologi
Merupakan bagian yang digunakan untuk menerima input, menjalankan
modul, menyimpan dan mengakses data, menghasilkan dan mengirim
keluaran, dan membantu pengendalian sistem secara keseluruhan.
5. Blok Basis Data
Merupakan kumpulan data yang saling berhubungan satu dengan yang
lainnya, yang tersimpan di perangkat keras komputer dan digunakan
perangkat lunak untuk memanipulasinya.
6. Blok Kendali
Merupakan bagian yang bertindak untuk melakukan pencegahan terhadap
hal-hal yang dapat merusak sistem, serta mengatasi kerusakan apabila
terjadi kesalahan.
2.2.3 Elemen Sistem Informasi
Sistem informasi terdiri dari elemen-elemen yang terdiri dari orang, prosedur,
perangkat keras, perangkat lunak, basis data, jaringan komputer dan komunikasi
data. Semua elemen ini merupakan komponen fisik.
2.2.4 Kualitas Informasi
Kualitas dari suatu sistem informasi (quality of information) tergantung dari 3
hal, yaitu informasi harus akurat (accurate), tepat pada waktunya (timeliness) dan
relevan (relevance).
2.2.5 Nilai Informasi
Nilai informasi ditentukan dari Manfaat (use), Biaya (cost) Suatu informasi
dikatakan bernilai bila manfaatnya lebih efektif dibandingan dengan biaya
mendapatkannya dan sebagian besar informasi tidak dapat tepat ditaksir
keuntungannya dengan suatu nilai uang, tetapi dapat ditaksir nilai efektivitasnya.
Pengukurannnya dapat menggunakan analisis cost effectiveness atau cost benefit.
2.3 Konsep Dasar Promosi
2.3.1 Pengertian Promosi
kegiatan promosi adalah salah satu bagian dari bauran pemasaran
perusahaan, yang isinya memberikan informasi kepada masyarakat atau konsumen
tentang produk atau jasa yang ditawarkan perusahaan.
2.3.2 Bauran Promosi
Adapun bauran promosi menurut Plilip Kotler yang tercantum dalam buku
karangan Drs. Djaslim Saladin (2004 : 172) adalah sebagai Periklanan (Advertising),
Promosi Penjualan (Sales Promotion), Hubungan masyarakat dan Publisitas (Public
Relation and Publicity), Penjualan Personal (Personal Selling), Pemasaran Langsung
(Direct Marketing).
2.4 Sejarah Internet
2.4.1 Sejarah Internet dan Perkembanganya
Internet merupakan sebuah revolusi dalam bidang teknologi pada abad 21
yang menyatukan telekomunikasi dengan komputer. Diawali dari sebuah penelitian
pertahanan Amerika Serikat berkembang menjadi sebuah sebuah mesin ekonomi
global. Internet menyebabkan perubahan kondisi sosial dan ekonomi. Implikasinya
terhadap ekonomi menyebabkan internet menjadi perhatian bagi khalayak akademis.
Internet menurunkan biaya transaksi dan meminimalisasi ketidakpastian dalam
distribusi barang dan jasa (Rostow 1991: Hudson, 1997; Hufbauer,1996; Dewan dan
Kraemer, 2000).
2.5 Konsep Dasar Web
2.5.1 Pengertian Web
Website merupakan kumpulan halaman yang menampilkan informasi data,
teks, gambar, data animasi, suara, dan gabungan dari semuanya, baik yang bersifat
statis maupun yang bersifat dinamis yang membentuk suatu rangkaian bangunan
yang saling terkait dengan jaringan-jaringan halaman (hyperlink).
2.6 Software yang digunakan
2.6.1 XAMPP
Xampp adalah perangkat lunak bebas yang mendukung banyak sistem
operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai
server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP
server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa
pemrograman PHP dan Perl,FTP server, phpMyAdmin dan berbagai pustaka bantu
lainnya.
2.7 JQUERY
2.7.1 Pengertian JQUERY
JQuery adalah sebuah framework/library JavaScript yang dapat membantu
kita mempermudah dan mempercepat pengolahan DOM pada halaman web. Dengan
JQuery kita dapat membuat web lebih menarik dan interaktif dengan mudah.
2.8 Data Flow Diagram (DFD)
DFD merupakan diagram yang digunakan untuk menggambarkan proses
yang terjadi pada sistem yang dikembangkan. Dengan model ini, data yang terlihat
pada tiap proses dapat diidentifikasi. Pengembangan DFD biasanya menggunakan
cara berjenjang. Dimulai dari context diagram, DFD level 1, level 2 dan seterusnya
sesuai dengan kompleksitas sistem yang dikembangkan.
Simbol-simbol yang digunakan dalam Data FlowDiagram (DFD) ditunjukkan pada
gambar berikut :
Melambangkan sumber atau tujuan
data
Melambangkan proses
Melambangkan penyimpanan data
secara manual
Melambangkan arus data
Gambar Simbol Data Flow Diagram
2.9 Flowchart System
Flowchart System adalah bagan yang menggambarkan suatu prosedur dan
proses suatu file dalam suatu media menjadi file dalam media yang lain dalam suatu
sistem data. Simbol-simbol yang digunakan dalam Flowchart System ditunjukkan
pada gambar berikut :
Dokumen input/output yang menunjukkan proses manual Menunjukkan keadaan kegiatan proses dari operasi program computer Menunjukkan input yang menggunakan keyboard Menunjukkan input / output menggunakan harddisk Menunjukkan arus dari proses Menunjukkan penghubung ke halaman yang masih sama atau ke halaman lain
Gambar Simbol Flowchart System
2.10 ERD (Entitas Relationship Diagram)
ERD adalah suatu pemodelan dari basisdata relasional yang didasarkan atas
persepsi di dalam dunia nyata, dunia ini senantiasa terdiri dari sekumpulan objek
yang saling berhubungan antara satu dengan yang lainnya.
3. Tinjauan Umum
3.1 Gambaran Umum
3.1.1 Sejarah Boy Salon
Pertama kali Boy memulai sekolah kursus penata rambut dijakarta di Lia
salon tahun 1990 selama 6 bulan. setelah itu cari pengalaman kerja disalon andry
tahun 1990-1993 di Yogyakarta jalan kaliurang. Setelah itu Pindah ke jalan gejayan
selama tiga tahun di salon ruth. hingga mulai pada tahun 1994 Boy sudah memulai
buka usaha salon kecil- kecilan di seturan Yogyakarta tiga tahun berikutnya. saat itu
Boy mengerjakan sendiri karena belum memiliki karyawan tetap. setelah itu pindah
kembali didaerah babarsari dari 1996 Hingga sekarang.
3.2 Struktur Organisasi
Struktur organisasi Boy Salon ditunjukkan oleh gambar sebagai berikut:
Gambar Struktur Organisasi Boy Salon
3.3 Ciri Khas Boy Salon
3.3.1 Pengertian Maskulin
maskulin adalah sifat yang dipercaya dan dibentuk oleh budaya sebagai ciri-
ciri yang ideal bagi laki-laki. Kebalikan dari difemininkan (ditingkatkan femininitasnya)
berarti meningkatkan atau lebih menampilkan trait maskulinitas pada seorang laki-laki
maupun perempuan.
4. Pembahasan
4.1 Kebutuhuan Fungsional
Kebutuhan fungsional merupakan kebutuhan dari website yang dibuat, untuk
itu penyusun membagi kebutuhan fungsional menjadi dua kebutuhan halaman, yaitu
kebutuhan halaman pengunjung dan kebutuhan halaman administrator.
4.1.1 Halaman Pengunjung
Ada beberapa kebutuhan yang ada pada halaman pengunjung, yaitu :
1. Home : berisi Slide show dan galeri foto.
2. Profile : berisi tentang data diri dari boy salon dan sejarah singkat berdirinya
beserta visi dan misi.
3. Berita : berisi tentang informasi yang berhubungan seputar kecantikan,
fashion, style rambut.
4. Galeri Foto : berisi foto-foto potongan rambut pria dan wanita.
5. Trend Rambut : berisi tentang seputar trend rambut terbaru.
6. Buku Tamu : berisi tentang komentar dari pengunjung.
7. Layanan : berisi tentang sebuah pesan untuk konsultasi.
8. Download : berisi tentang teks informasi daftar harga dan perawatan Boy
Salon berbentuk pdf.
9. Poling : berisi tentang sarana untuk melihat jumlah hasil poling dari hasil
pertanyaan yang tersedia.
10. Pengunjung : berisi tentang statistik pengunjung yang datang ke web Boy
Salon.
4.1.2 Halaman Administrator
Ada beberapa kebutuhan yang ada pada halaman administrator, yaitu :
1. Halaman Login : berisi form login untuk user ataupun administrator.
2. Home : berisi ucapan selamat datang sebagai seorang user ataupun
administrator.
3. Manajemen User : berisi manajemen infomasi user dan administrator website
Boy Salon yang terkoneksi dengan tabel user pada database dan dapat
melakukan operasi view, input, edit dan delete tabel user.
4. Manajemen Modul : berisi manajemen modul Boy Salon yang terkoneksi
dengan semua table pada database dan dapat melakukan operasi view,
input, edit dan delete untuk semua tabel.
5. Profil : berisi manajemen infomasi profile Boy Salon yang terkoneksi dengan
tabel profile pada database dan dapat melakukan operasi view, input, edit
dan delete tabel profile
6. Berita : berisi manajemen informasi berita Boy Salon yang terkoneksi dengan
tabel berita pada database dan dapat melakukan operasi view, input, edit
dan delete tabel berita.
7. Download : berisi manajemen informasi download Boy Salon yang terkoneksi
dengan tabel download pada database dan dapat melakukan operasi view,
input, edit dan delete tabel download.
8. Pertanyaan Polling : berisi manajemen informasi pertanyaan polling Boy
Salon yang terkoneksi dengan tabel pertanyaan polling pada database dan
dapat melakukan operasi view, input, edit dan delete tabel pertanyaan
polling.
9. Polling : berisi manajemen informasi polling Boy Salon yang terkoneksi
dengan tabel polling pada database dan dapat melakukan operasi view,
input, edit dan delete tabel polling.
10. Konsultasi : berisi manajemen informasi konsultasi Boy Salon yang
terkoneksi dengan tabel konsultasi pada database dan dapat melakukan
operasi view, input, edit dan delete tabel konsultasi.
11. Album : : berisi manajemen foto Model Potongan Rambut Pria dan wanita
yang terkoneksi dengan tabel album pada database dan dapat melakukan
operasi view, input, edit dan delete tabel album.
12. Gallery Foto : berisi manajemen foto Model Potongan Rambut Pria dan
wanita yang terkoneksi dengan tabel galeri pada database dan dapat
melakukan operasi view, input, edit dan delete tabel galeri.
13. Buku Tamu : berisi manajemen informasi buku tamu Boy Salon yang
terkoneksi dengan tabel buku tamu pada database dan dapat melakukan
operasi view, input, edit dan delete tabel buku tamu.
14. Trend Rambut : berisi manajemen informasi trend rambut Boy Salon yang
terkoneksi dengan tabel trend rambut pada database dan dapat melakukan
operasi view, input, edit dan delete tabel trend rambut.
15. Styles : berisi manajemen informasi styles Boy Salon yang terkoneksi
dengan styles pada database dan dapat melakukan operasi view, input, edit
dan delete tabel styles.
16. Statistik : berisi manajemen informasi statistik Boy Salon yang terkoneksi
dengan tabel statistik pada database dan dapat melakukan operasi view,
input, edit dan delete tabel statistik.
17. Log Out : berisi halaman logout yang menghapus sesi login dan menuju ke
halaman homepage.
4.2 Perancangan Sistem
Perancangan sistem atau desain sistem dilakukan setelah analisis selesai
dilakukan. Tujuan dari perancangan sistem adalah untuk memberikan gambaran
terhadap programmer tentang sistem yang akan dikerjakan. Perancangan sistem ini
merupakan persiapan untuk desain sistem secara terperinci.
4.2.1 Flowchart Sistem Yang Diusulkan
Sistem flowchart merupakan diagram alir yang menggambarkan suatu sistem.
Adapun flowchart sistem yang diusulkan untuk sistem website Boy Salon Yogyakarta
ditunjukan pada gambar beikut :
berita bukutamu download trendrambutalbum styles polingPertanyaan
polingstatistikmodulhubungiusers gallery
Input
UsersInput
berita
Input
bukutamu
Input
download
Input
gallery
Input
album
Input
hubungi
Input
trendrambut
Input
styles
Input
modul
Input
pertanyaan
poling
Input
poling
Input
statistik
Data UsersData
Beirita
Data
Bukutamu
Data
Download
Data
Gallery
Data
Album
Data
Hubungi
Data
Trendrambut
Data Styles Data Modul
Data
Pertanyaan
Poling
Data
Poling
Data
Statistik
Buat View
Users
Buat View
Berita
Buat View
Bukutamu
Buat View
download
Buat View
gallery
Buat View
Album
Buat View
Hubungi
Buat View
Trend
Rambut
Buat View
Styles
Buat View
Modul
Buat View
Pertanyaan
Poling
Buat View
Poling
Buat View
Statistik
View Users View BeritaView Buku
Tamu
View
Download
View
gallery
View
Album
View
Hubungi
View Trend
Rambut
View
Styles
View
ModulView
Pertanyaan
Poling
View
Poling
View
Statistik
Gambar Flowchart System yang Diusulkan
4.2.2 Data Flow Diagram ( DFD )
Merupakan diagram yang digunakan untuk menggambarkan proses yang
terjadi pada sistem yang dikembangkan. Maka dapat dibuat diagram (DFD) yang
menunjukkan arus pengolahan data secara keseluruhan, data diagramnya adalah
sebagai berikut :
AdminSistem
Informasi
Autentifikasi Login
Data Manajemen User
Data Manajemen Modul
Data Profil
Data Berita
Data Tag
Data Download
Data Pertanyaan Poling
Data Poling
Data Konsultasi
Data Album
Data Galeri Foto
Data Buku tamu
Data Trend Rambut
Data Styles
Login
Input Manajemen User
Input Manajemen Modul
Input Profil
Input Berita
Input Tag
Input Download
Input Pertanyaan Poling
Input Poling
Input Konsultasi
Input Album
Input Galeri Foto
Input Buku tamu
Input Trend Rambut
Input Styles
Pengunjung
Input Buku Tamu
Input Layanan Konsultasi
Gambar Data Flow Diagram Level 0
4.3 Tabel Relasi
Tabel Relasi Database Boy Salon
4.4 Halaman Website Boy Salon
4.4.1 Halaman Homepage
Halaman homepage merupakan halaman utama dari website Boy Salon.
Gambar Halaman Hompage Boy Salon
Keterangan : Halaman utama dari boy salon yang berisikan menu home, berita, galeri
foto, trend rambut, buku tamu, layanan, download, poling, pengunjung.
4.4.2 Halaman Login
Halaman login merupakan halaman untuk memasukkan halaman
administrator ataupun user. Pada halaman ini seorang administrator ataupun
pengunjung harus memasukkan username dan password, yang nantinya akan
dieksekusi oleh sistem.
Gambar Halaman Login Admin Boy Salon
4.4.3 Halaman Administrator
Halaman ini merupakan halaman yang berfungsi untuk melakukan proses
view, insert, update dan delete pada database yang nantinya akan ditampilkan pada
halaman website pengunjung.
Gambar Halaman Administrator
5. Penutup
5.1 Kesimpulan
Berdasarkan rumusan masalah pada bab sebelumnya maka dapat dibuat
suatu kesimpulan sebagai berikut :
1. Untuk memberikan aspek sosial yang baik, website Boy Salon tidak
hanya memberikan informasi seputar style maskulin, tetapi juga
memberikan informasi yang bermanfaat seperti informasi trend
rambut terbaru dan juga layanan dan fasilitas yang ada di Boy Salon
serta berita seputar informasi dan promosi yang bermanfaat.
2. Proses promosi Boy Salon yang semula mempromosikan layanan
sebagai stylish rambut hanya dengan menggunakan brosur dan dari
mulut kemulut. Sekarang dapat dengan mudah diakses
menggunakanwebsite yang beralamat http://www.boysalondiy.com
sehingga pengunjung dapat melihat tampilan slide show yang
fungsinya sebagai media pengiiklanan promosi yang disampaikan
oleh Boy Salon.
3. Dengan melihat website Boy Salon pengunjung akan semakin yakin
bahwa Boy Salon memang stylish maskulin.
5.2 Saran
Saran yang diberikan untuk peneliti selanjutnya adalah menyempurnakan
website Boy Salon. Seperti memberikan teknologi yang lebih modern. dalam hal
untuk promosi, salah satunya dengan mengunakan jasa media sosial sebagai media
promosi web Boy Salon seperti menggunakan media facebook dan twitter. agar
pengunjung semakin tertarik untuk mencoba memotong rambutnya di Boy Salon.
DAFTAR PUSTAKA
Hanif Al Fatta, .2007, “Analisis dan Perancangan Sistem Informasi, Ed. 1 , hal 5
Penerbit ANDI : Yogyakarta.
http://www.anneahira.com/pengertian-website.html diakses pada 10 maret 2012
M.Suyanto, 2003, “Strategi Periklanan Pada e-Commerce Perusahaan Top dunia”,
hlm 10 Penerbit ANDI : Yogyakarta.
Indrajit, Richardus Eko, 2001, “Manajemen Informasi dan Teknologi Informasi”, PT.
Elek Media Komputindo, Jakarta, hlm 259.
http://handzmentallist.blogspot.com/2010/10/pengertian-erd-dan-normalisasi.html
diakses pada 7 juli 2012