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