Friday, May 23, 2014

Laporan KERJA PRAKTEK 2012

MEMBANGUN WEBSITE SEBAGAI MEDIA PROMOSI PADA
BENGKEL BODY REPAIR
(STUDI KASUS “BALU OTO WORK” YOGYAKARTA)

KERJA PRAKTIK
Diajukan untuk memenuhi salah satu syarat
Mencapai derajat Sarjana S-1
Program Studi Teknik Informatika














\







Disusun oleh :
NUR CHOLIS
3095111275




PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS BISNIS DAN TEKNOLOGI INFORMASI
UNIVERSITAS TEKNOLOGI YOGYAKARTA
2013


KERJA PRAKTIK
L
MEMBANGUN WEBSITE SEBAGAI MEDIA PROMOSI PADA
BENGKEL BODY REPAIR
(STUDI KASUS “BALU OTO WORK” YOGYAKARTA)



Disusun oleh

NUR CHOLIS
309 5111 275


Telah diseminarkan dalam seminar Kerja Praktik

Pada tanggal  9 April 2013

Pembimbing





( Damar Prasetyo, M.Kom )



Laporan Kerja Praktik ini telah diterima sebagai salah satu syarat untuk mencapai derajat Sarjana S-1 program Studi Teknik Informatika


Yogyakarta,    April 2013
Ketua Program Studi Teknik Informatika
Fakultas Bisnis Dan Teknologi Informasi, Universitas Teknologi Yogyakarta





Yuli Asriningtias, S.Kom., M.Kom.


PERNYATAAN

Dengan ini Saya menyatakan bahwa laporan Kerja Praktik ini tidak merupakan karya yang pernah diajukan untuk memperoleh gelar kesarjanaan di suatu Perguruan Tinggi lain, dan sepanjang pengetahuan Saya juga tidak terdapat karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali yang tertulis sebagai acuan dalam naskah ini dan disebutkan dalam daftar pustaka.



Yogyakarta,     April 2013





NUR CHOLIS    


SURAT KETERANGAN
MOTTO
Sesungguhnya shalatku, ibadahku, hidupku dan matiku hanyalah untuk Allah, Tuhan semesta alam.
-QS Al-Anam: 162-
“Karena sesungguhnya sesudah kesulitan itu ada kemudahan.
-QS. An Nasyr : 5-
Semua impian kita dapat menjadi nyata, jika kita memiliki keberanian untuk mengejarnya.
-Walt Disney-
Kemuliaan paling besar bukanlah karena kita tidak pernah terpuruk, tapi karena kita selalu mampu bangkit setelah terjatuh.
-Oliver Goldsmith-
Jadilah kamu manusia yang pada kelahiranmu semua orang tertawa bahagia, tetapi hanya kamu sendiri yang menangis dan pada kematianmu semua orang menangis sedih, tetapi hanya kamu sendiri yang tersenyum”.
-Mahatma Gandhi-
Banyak kegagalan dalam hidup ini dikarenakan orang-orang tidak menyadari betapa dekatnya mereka dengan keberhasilan saat mereka menyerah.
-Thomas Alva Edison-
Mimpi itu gratis, jadi bermimpilah setidak mungkin – mungkinnya karena dengan mimpi yang besar maka kita akan bekerja dengan lebih keras, dan keluaran yang dihasilkan juga jauh lebih bagus.
-Aku-
Jangan Salahkan Negara, Instansi atau Orang disekitar anda karena keterbatasan anda, tapi salahkanlah diri anda sendiri kenapa anda tidak berusaha lebih keras dari apa yang telah anda lakukan selama ini.
-Aku-
PERSEMBAHAN
*      Terima kasih  Allah SWT Jadikan hamba-Mu ini orang yang selalu mensyukuri nikmat-Mu.
*      Nabi Muhammad SAW, engkau adalah makhluk terbaik yang pernah ada, semoga aku bisa menjadikanmu uswatun hasanah.
*      Bapak dan Ibu tercinta, terima kasih untuk doa dan pengorbanan kalian selama ini. Tetaplah iringi ananda dengan doa dan kasih sayang. Doa putramu ini senantiasa kupanjatkan untuk kalian. Semoga Allah SWT senantiasa menjaga dan menyayangi kalian. Amiiin...
*      Kakak dan adikku tersayang Ummi Cholifah dan Irwan Cholid Husain terima kasih untuk doa dan dukungan kalian..
*      Sahabat-sahabat terbaikku yang tidak pernah mengeluh atas sikap saya yang selalu merepotkan mereka khususnya Wiwit Lestari, M. Nur AshriAgung Setyawan, M.Mansur Amin, Elly Nugroho, Terima kasih buat persahabatan ini, karena kalian hidupku jadi lebih bercahaya ..
*      Semua teman-teman di Universitas Teknologi Yogyakarta yang tidak bisa penulis sebutkan satu persatu.




Puji syukur kehadirat Allah SWT atas segala rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan Laporan Kerja Praktik yang berjudul “Membangun Website Sebagai Media Promosi Pada Bengkel Body Repair (Studi Kasus “Balu Oto Work” Yogyakarta)”
Penulisan Laporan Kerja Praktik bertujuan melengkapi salah satu syarat penyusunan Proyek Kerja Praktik pada program studi Strata-1 (S-1) Teknik Informatika. Selain itu dengan adanya Kerja Praktik ini diharapkan mampu menjadi tempat bagi mahasiswa untuk mendekatkan jarak antara teori dan aplikasi dalam bentuk yang lebih konkrit. Sehingga apa yang kita dapat selama menuntut ilmu, setidaknya dapat diimplementasikan kedunia sosial masyarakat.
Penulis menyadari bahwa dalam penyusunan kerja praktik ini tidak terlepas dari bimbingan berbagai pihak, untuk itu penulis menyampaikan ucapan terima kasih yang sebesar-besarnya kepada:
  1. Bapak Bambang Hartadi, Ph.D., MM., CPA. selaku Rektor Universitas Teknologi Yogyakarta.
  2. Bapak Bahagia Tarigan, SE, M.Si., Akt. selaku Dekan Fakultas Bisnis & Teknologi Informasi Universitas Teknologi Yogyakarta.
  3. Ibu Yuli Asriningtias, S.Kom., M.Kom. selaku Ketua Program Studi Teknik Informatika Fakultas Bisnis & Teknologi Informasi Universitas Teknologi Yogyakarta.
4.      Bapak Drs. Damar Prasetyo, M.Kom. selaku dosen pembimbing yang berkenan membimbing dan mengarahkan penulis, sehingga Laporan Kerja Praktik  ini dapat selesai.
5.      Bapak  Andika Karuliawan, ST. selaku pemilik bengkel Balu Oto Work beserta karyawannya yang telah memberikan ijin tempat serta informasi yang dibutuhkan dalam pembuatan Laporan Kerja Praktik  ini.
  1. Rekan-rekan Teknik Informatika Universitas Teknologi Yogyakarta angkatan 2009 yang telah memberi dukungan dan semangat dalam penyusunan laporan ini.
  2. Semua pihak yang tidak dapat penulis sebutkan satu persatu, baik langsung maupun tidak langsung yang telah membantu dalam penulisan Laporan Kerja Peraktik ini.
Penulis menyadari bahwa dalam penyusunan Laporan Kerja Praktik ini masih banyak kekurangan. Hal ini dikarenakan pengetahuan yang dimiliki penulis sangat terbatas. Untuk itu diperlukan saran dan masukan demi sempurnanya penyusunan Laporan Kerja Praktik ini.
Akhir kata penulis berharap semoga Laporan Kerja Praktik ini bermanfaat bagi pembaca dan semua pihak yang berkepentingan dengan Kerja Praktik.

Yogyakarta,    April 2013




Penulis

INTISARI
MEMBANGUN WEBSITE SEBAGAI MEDIA PROMOSI PADA
BENGKEL BODY REPAIR
(STUDI KASUS “BALU OTO WORK” YOGYAKARTA)

            Perkembangan teknologi komputer sebagai alat bantu manusia ternyata terus berlangsung. Perkembangan terbaru teknologi komputer yang bermanfaat mengolah data mentah menjadi informasi yang berguna adalah inovasi teknologi yang bisa mendukung teknologi komputerisasi. Dengan adanya inovasi tersebut maka keterlibatan perangkat komputer sangat mendukung penyajian suatu informasi obyek yang ingin diinformasikan dan disajikan dengan cepat dan akurat.
            Penggabungan teknologi komputer dengan inovasi teknologi web menjadikan bentuk penyajian informasi suatu obyek yang telah ditampilkan dapat lebih menarik karena cara penyajiannya menggunakan teknologi yang terhubung ke jaringan komunikasi internet.
            Media penyampaian promosi dan penjualan produk, dan informasi harga  maupun jasa pelayanan sekarang mengalami perkembangan pesat, dari mulai cara yang sederhana melalui leaflet serta brosur sampai internet. Melalui media inilah bengkel Balu Oto Work mempromosikan produk yang ditawarkan dikarenakan internet adalah media paling efektif.


Kata Kunci : informasi, website, promosi, produk, internet.








DAFTAR ISI
HALAMAN JUDUL............................................................................................ i
HALAMAN PENGESAHAN............................................................................ ii
HALAMAN PERNYATAAN........................................................................... iii
HALAMAN SURAT KETERANGAN INSTANSI....................................... iv
MOTTO................................................................................................................ v
PERSEMBAHAN.............................................................................................. vi
KATA PENGANTAR...................................................................................... vii
HALAMAN INTISARI..................................................................................... ix
DAFTAR ISI........................................................................................................ x
DAFTAR GAMBAR........................................................................................ xii
DAFTAR TABEL............................................................................................ xiv

BAB I PENDAHULUAN................................................................................... 1
I.1     Latar Belakang Masalah............................................................................... 1
I.2     Rumusan Masalah........................................................................................ 2
I.3               Batasan Masalah................................................................................. 3
I.4               Manfaat Penelitian.............................................................................. 4
I.5               Tujuan Penelitian................................................................................ 4
I.6               Metode Penelitian............................................................................... 4
I.7               Sistematika Penulisan......................................................................... 6

BAB II GAMBARAN UMUM INSTANSI...................................................... 7
II.1    Sejarah Instansi............................................................................................ 7
II.2    Lokasi Perusahaan....................................................................................... 8
II.3    Misi dan Misi Perusahaan............................................................................ 8
II.4    Struktur Organisasi ..................................................................................... 9
II.5    Ruang lingkup Usaha ................................................................................ 11
II.6   Prestasi Balu Oto Work ............................................................................. 12
II.7   Mitra Kerja Balu Oto Work ....................................................................... 12
II.8   Arah Pengembangan Perusahaan ............................................................... 13

BAB III LANDASAN TEORI......................................................................... 14
III.1         Tinjauan Pustaka.................................................................................. 14
III.2         Tinjauan Teori...................................................................................... 15
III.2.1             Pengertian Bengkel...................................................................... 15
III.2.2             Pengertian Modifikasi ................................................................. 15
III.2.3      Pengertian Promosi.............................................................................. 15
III.2.4      Pengertian Internet.............................................................................. 16
III.2.5      Pengertian Pemrograman PHP............................................................ 19
III.2.6      Pengertian PHP Variabel..................................................................... 23
III.2.7      Pengertian MYSQL Database............................................................. 24
III.2.8      Apache Web Server............................................................................ .26
III.2.9      Pengertian URL ……..…………….................................................. .27
III.2.10    Peformatan Halaman Dengan CSS................................................... ..28
BAB IV          ANALISIS DAN PERANCANGAN SISTEM...................... 31
IV.1       Identifikasi Masalah ............................................................................. 31
IV.2       Tujuan Pengembangan Website............................................................. 31
IV.3       Perancangan Sistem............................................................................... 32
IV.4       Diagram Jenjang.................................................................................... 32
IV.5       DAD(Diagram Alir Data)...................................................................... 35
IV.6       ERD(Entity Relation Diagram)............................................................. 46
IV.7       Desain Basis Data ................................................................................. 49
IV.8       Relasi Tabel........................................................................................... 53
IV.9       Rancangan Database............................................................................. 55
IV.10       Struktur Tabel...................................................................................... 55
IV.11       Interaksi Pengguna.............................................................................. 59
IV.12       Pengelompokan Hak Akses Pengguna Website.................................. 60
IV.13       Desain Halaman Website.................................................................... 60
IV.14       Faktor Usability................................................................................... 61
IV.15       Sistem Navigasi................................................................................... 59
IV.16       Desain Grafis....................................................................................... 62
IV.17       Layout Halaman.................................................................................. 62
IV.18       Sistem Pendukung Pengembangan Sistem.......................................... 70

BAB V IMPLEMENTASI SISTEM............................................................... 72
V.1          Modul Website.................................................................................... 72
V.1.1       Halaman Utama Pengunjung............................................................... 72
V.1.1.1    Sistem Navigasi Pengunjung............................................................... 72
V.1.1.2                                                                      Halaman Website Pengunjung  73
V.1.2       Halaman Website Administrator......................................................... 80
V.1.2 .1    Sistem Navigasi Administrator........................................................... 81
V.1.2 .1    Halaman Website Administrator......................................................... 82

BAB VI PENUTUP........................................................................................... 90
 VI.1      Simpulan................................................................................................ 90
 VI.     Saran...................................................................................................... 90

DAFTAR PUSTAKA....................................................................................... 92
DAFTAR PUSTAKA....................................................................................... 93






DAFTAR GAMBAR

Gambar 2.1    Struktur organisasi bengkel Balu Oto Work................................... 9
Gambar 4.1    Diagram Konteks.......................................................................... 32
Gambar 4.2    Diagram Jenjang 0......................................................................... 32
Gambar 4.3    Diagram Jenjang Lanjutan 1......................................................... 33
Gambar 4.4    Diagram Jenjang Lanjutan 2......................................................... 33
Gambar 4.   Diagram Jenjang Lanjutan 3......................................................... 34
Gambar 4.   Diagram Jenjang Lanjutan 4......................................................... 34
Gambar 4.   Diagram Jenjang Lanjutan 5......................................................... 35
Gambar 4.   Diagram Arus Data Level 1.......................................................... 36
Gambar 4.   Diagram Arus Data Level 2.1....................................................... 37
Gambar 4.10  Diagram Arus Data Level 2.2....................................................... 37
Gambar 4.11  Diagram Arus Data Level 2.3....................................................... 38  
Gambar 4.12  Diagram Arus Data Level 2.4....................................................... 38
Gambar 4.13  Diagram Arus Data Level 2.5....................................................... 39
Gambar 4.14  Diagram Arus Data Level 3.1.1.................................................... 39
Gambar 4.15  Diagram Arus Data Level 3.1.2.................................................... 40
Gambar 4.16  Diagram Arus Data Level 3.1.3.................................................... 40
Gambar 4.17  Diagram Arus Data Level 3.2.1.................................................... 41
Gambar 4.18  Diagram Arus Data Level 3.2.2.................................................... 41
Gambar 4.19  Diagram Arus Data Level 3.2.3.................................................... 42
Gambar 4.20  Diagram Arus Data Level 3.3.1.................................................... 42
Gambar 4.21  Diagram Arus Data Level 3.3.2.................................................... 43
Gambar 4.22  Diagram Arus Data Level 3.4.1.................................................... 43
Gambar 4.23  Diagram Arus Data Level 3.4.2.................................................... 44
Gambar 4.24  Diagram Arus Data Level 3.4.3.................................................... 44
Gambar 4.25  Diagram Arus Data Level 3.4.4.................................................... 45
Gambar 4.26  Diagram Arus Data Level 3.5.1.................................................... 45
Gambar 4.27  Diagram Arus Data Level 3.5.2.................................................... 46
Gambar 4.28  Entity Relation Diagram............................................................... 48
Gambar 4.28  Relasi Tabel................................................................................... 54
Gambar 4.29  Struktur Tabel Admin................................................................... 55
Gambar 4.30  Struktur Struktur dtl_keranjang.................................................... 56
Gambar 4.31  Struktur Tabel Gambar.................................................................. 56
Gambar 4.32  Struktur Tabel Jenis....................................................................... 56
Gambar 4.33  Struktur Tabel Keranjang.............................................................. 57
Gambar 4.34  Struktur Tabel Komentar.............................................................. 57
Gambar 4.35  Struktur Tabel Konfirmasi............................................................ 57
Gambar 4.35  Struktur Tabel Kontak.................................................................. 58
Gambar 4.36  Struktur Tabel News..................................................................... 58
Gambar 4.37  Struktur Tabel Pembayaran........................................................... 58
Gambar 4.38  Struktur Tabel Produk................................................................... 58  
Gambar 4.39  Struktur Tabel Profil..................................................................... 59
Gambar 4.40  Struktur Tabel User....................................................................... 59
Gambar 4.41  Desain Layout Halaman Utama.................................................... 63
Gambar 4.42  Desain Layout Halaman News..................................................... 64
Gambar 4.43  Desain Layout Halaman Produk................................................... 64
Gambar 4.44  Desain Layout Halaman Galery.................................................... 65
Gambar 4.45  Desain Layout Halaman Pendaftaran User................................... 65
Gambar 4.46  Desain Layout Halaman Login User............................................. 66
Gambar 4.47  Desain Layout Halaman Keranjang Pembelian............................. 66
Gambar 4.48  Desain Layout Halaman Konfirmasi Pembayaran........................ 67
Gambar 4.49  Desain Layout Halaman Login Admin......................................... 67
Gambar 4.10  Desain Layout Halaman Input News............................................ 68
Gambar 4.11  Desain Layout Halaman Input Data Produk................................ 68
Gambar 4.12  Desain Desain Layout Halaman Konfirmasi Pesanan User.......... 69
Gambar 4.13  Desain Layout Halaman ACC Pembayaran.................................. 69
Gambar 5.1    Navigasi Horisontaldi Header....................................................... 73
Gambar 5.2    Navigasi Vertikal.......................................................................... 74
Gambar 5.3    Tampilan Halaman Home.............................................................. 75
Gambar 5.4    Halaman Berita............................................................................. 76
Gambar 5.5    Halaman Profil.............................................................................. 76
Gambar 5.6    Halaman Kontak........................................................................... 77
Gambar 5.7    Halaman Cara Beli........................................................................ 77
Gambar 5.8    Halaman Cara Beli........................................................................ 78
Gambar 5.9    Halaman Komentar....................................................................... 78
Gambar 5.10  Halaman Daftar User.................................................................... 79
Gambar 5.11  Halaman Login User..................................................................... 79
Gambar 5.12  Halaman Keranjang Belanja.......................................................... 80
Gambar 5.13  Konfirmasi Pembayaran................................................................ 81
Gambar 5.14  Halaman Nota Pembayaran........................................................... 81
Gambar 5.15  Halaman Navigasi Horizontal....................................................... 82
Gambar 5.16  Halaman Navigasi Vertikal........................................................... 82
Gambar 5.17  Halaman Login.............................................................................. 83
Gambar 5.18  Halaman Utama Administrator..................................................... 83
Gambar 5.19  Halaman Input Data berita............................................................ 84
Gambar 5.20  Halaman Edit Data Kontak.......................................................... 84
Gambar 5.21  Halaman Edit Cara Beli................................................................ 85
Gambar 5.22  Halaman Input Data Produk......................................................... 85
Gambar 5.23  Halaman Input Data Produk......................................................... 86
Gambar 5.24  Halaman Data Profil..................................................................... 86
Gambar 5.25  Halaman Data User....................................................................... 87
Gambar 5.26  Halaman Data Admin................................................................... 87
Gambar 5.27  Halaman Data Komentar.............................................................. 87
Gambar 5.28  Halaman Halaman Data Jenis....................................................... 88
Gambar 5.29  Halaman Halaman Pesanan Baru.................................................. 88
Gambar 5.30  Halaman Halaman Pesanan Lunas................................................ 88
Gambar 5.31  Halaman ACC Pesanan User........................................................ 89
Gambar 5.32  Halaman Laporan  Pembayaran.................................................... 89

DAFTAR TABEL

Tabel 4.1     Admin.............................................................................................. 49
Tabel 4.2     Cara_Beli......................................................................................... 49
Tabel 4.3     Dtl_Keranjang.................................................................................. 49
Tabel 4.4     Gambar............................................................................................. 50
Tabel 4.5     Jenis.................................................................................................. 50
Tabel 4.6     Keranjang......................................................................................... 50
Tabel 4.7     Komentar......................................................................................... 51
Tabel 4.8     Konfirmasi....................................................................................... 51
Tabel 4.9     Kontak............................................................................................. 51
Tabel 4.10   News................................................................................................ 52
Tabel 4.11   Pembayaran...................................................................................... 52
Tabel 4.12   Produk.............................................................................................. 52
Tabel 4.13   Profil................................................................................................ 53
Tabel 4.14   User.................................................................................................. 53



BAB I
PENDAHULUAN

1.1                   Latar Belakang Masalah
Perkembangan dunia modifikasi otomatif di Yogyakarta sekarang telah maju dengan pesat. Terbukti dengan berkembangnya bengkel-bengkel dan mekanik yang terus giat memproduksi karya-karyanya, baik itu untuk keperluan penjualan jasa, sekedar hobi, maupun hanya sekedar percobaaan. Seiring dengan pesatnya kemajuan teknologi modifikasi otomotif terutama body repair, yang sangat berkembang sangat cepat dan hampir melahap semua segmen teknologi yang ada dalam kehidupan manusia modern ini, maka diperlukan media komunikasi visual yang tepat untuk mempromosikan suatu usaha bidang modifikasi otomotif.
Balu oto work didalam menjual produk dan variasi pelayanan yaitu terkendala mengenai kurangnya promosi. Karena selama ini Balu oto work dalam mempromosikan kepada masyarakat umum hanya menggunakan iklan cetak di surat kabar lokal dan baliho. Dengan menggunakan media iklan cetak sangat tidak efisien karena jangkauan promosi yang kurang luas hanya terbatas dalam satu wilayah lokal, dan tidak semua masyarakat berlangganan surat kabar juga tidak efisien dalam hal biaya periklanan. Begitu juga dengan baliho yang hanya terpasang di lokasi-lokasi tertentu sehingga tidak banya masyarakat umum yang mengetahui tentang bengkel ini. Dengan adanya media informasi dan promosi berupa website maka akan mengurangi kendala-kendala yang ada di bengkel tersebut. Karena dengan adanya website bengkel ini diharapkan nantinya akan memperluas jaringan promosi bagi Balu Oto Work Yogyakarta. Penulis mencoba mengembangkan suatu sistem yang akan menyajikan informasi mengenai produk, fasilitas serta pelayanan yang ada di bengkel Balu Oto Work. Untuk itu penulis ingin mengadakan penelitian untuk menganalisis dan membuat website dengan mengajukan judul “MEMBANGUN WEBSITE SEBAGAI MEDIA PROMOSI PADA BENGKEL BODY REPAIR (STUDI KASUS BALU OTO WORK YOGYAKARTA)”.

1.2                   Rumusan Masalah
Berdasarkan latar belakang masalah yang telah diuraikan diatas, maka  dapat diambil suatu rumusan sebagai berikut :
1.    Bagaimana membuat suatu sistem informasi yang menyajikan informasi mengenai produk, fasilitas serta pelayanan yang ada di bengkel Balu Oto Work Yogyakarta.
2.    Bagaimana membuat suatu media yang bisa digunakan untuk media promosi dan menyediakan informasi kepada masyarakat tentang bengkel Balu Oto Work yang bisa diakses melalui media internet.
3.    Bagaimana mengimplementasikan suatu aplikasi berbasis website pada bengkel Balu Oto Work Yogyakarta.
4.    Bagaimana mengelola website sebagai sarana informasi.


1.3                   Batasan Masalah
Pembatasan masalah bukan saja untuk menyederhanakan persoalan yang dihadapi, tetapi juga mengarahkan permasalahan tersebut supaya tidak menyimpang dari yang diinginkan. Maka permasalahan yang akan diangkat dibatasi pada :
1.    Sistem ini hanya menggunakan data fasilitas dan layanan yang ada pada bengkel Balu Oto Work.
2.    Ruang lingkup transaksi penjualan produk dalam sistem ini hanya berdasarkan pada data di sistem yang ada.
3.    Sistem ini hanya melayani pembayaran lewat transfer melalui bank dan pembayarannya cash on delivery.
4.    Setelah user melakukan transfer melalui bank, maka user harus mengkonfirmasikan secara langsung kepada admin bengkel Balu Oto Work melalui kontak person yang telah disediakan.
5.    Sistem akan dirancang dengan bahasa html, php, css, dan query.
6.    Sistem ini hanya menggunakan keamanan standar enkripsi MD 5.
7.    Ruang lingkup yang akan di bahas dalam perancangan tampilan website ini meliputi sejarah berdirinya bengkel Balu Oto Work, struktur organisasi, berita, produk, fasilitas serta pelayanan yang diberikan.
8.    Dalam pembahasan selanjutnya, hanya membahas tentang perancangan tampilan website mulai dari pengolahan gambar, warna, ukuran, berita.


1.4                   Tujuan Penelitian
Tujuan diadakannya penelitian ini yaitu untuk menghasilkan sebuah website yang otomatis, yang sebelumnya hanya manual menggunakan pesan singkat dan dapat diakses oleh masyarakat sebagai media informasi yang menarik, aktual dan akurat juga sebagai media promosi bagi bengkel Balu Oto Work Yogyakarta.

1.5                   Manfaat Penelitian
Adapun manfaat dengan diadakannya penelitian ini yaitu :
1.        Website dapat digunakan sebagai media informasi dan promosi kepada masyarakat mengenai usaha dan product Balu Oto Work Yogyakarta.
2.        Meningkatkan kemudahan dan efisiensi kepada masyarakat untuk mendapatkan informasi terbaru bengkel Balu Oto Work Yogyakarta.

1.6                   Metode Penelitian
Metodologi yang digunakan dalam penelitian ini meliputi metode pengumpulan data dan metode kualitatif deskriptif.
1.6.1        Metode Pengumpulan Data
Metode ini digunakan untuk mendapatkan data yang lengkap dan akurat, yaitu menggunakan teknik pengumpulan data dengan cara :

1.      Metode Pengamatan/Observasi
Pengumpulan data yang dilakukan dengan mengadakan pengamatan langsung dari suatu kegiatan yang sedang dilakukan oleh bengkel yang bersangkutan dengan tujuan mencari dan mengumpukan data yang diperlukan seta mengamati apa yang menjadi titik kelemahan atau kekurangan dari sistem yang sedang berjalan sehingga kita dapat membantu memberikan jalan keluar dalam memperbaiki sistem tersebut.
2.      Metode Wawancara (Interview)
Pengumpulan data yang dilakukan menggunakan metode wawancara langsung dengan karyawan dan staff ahli yang bersangkutan, sehingga data yang didapat lebih akurat.
3.      Literatur
Merupakan cara pengumpulan data yang dilakukan dengan membaca buku-buku, referensi, internet, dan dokumentasi lain yang berhubungan dengan penelitian.
1.6.2        Metode Kualitatif Deskriptif
Metode ini digunakan untuk mengidentifikasi masalah pada sistem entri data profil perusahaan yang sudah ada berdasarkan analisa lapangan, dan mendisain model pengembangan sistem entri data profil perusahaan. Desain model digambarkan dengan menggunakan diagram alir data (DAD) dan entity relationship diagram (ERD).

1.7                   Sistematika Penulisan
Untuk memberi gambaran yang jelas seta memudahkan pemahaman laporan yang akan disusun, maka sistematika penulisan disusun sebagai berikut:
BAB I. PENDAHULUAN
            Bab ini berisi tentang latar belakang masalah, rumusan masalah, batasan masalah, tujuan penelitian, manfaat penelitian, metode penelitian dan sistematika penulisan.
BAB II. GAMBARAN UMUM INSTANSI
            Bab ini berisi tentang gambaran umum tempat Kerja Praktik yaitu bengkel Balu Oto Work Yogyakarta, meliputi profil dan struktur organisasi yang terdapat pada bengkel tersebut.
BAB III. LANDASAN TEORI
            Memuat tentang landasan teori yang relevan terhadap objek penelitian yang digunakan sebagai landasan dalam pembuatan website.
BAB IV. PERANCANGAN SISTEM
            Menguraikan tentang perancangan website informasi dan promosi pada bengkel Balu Oto Work.
BAB V. IMPLEMENTASI SISTEM
            Menjelaskan kinerja sistem pada tahap implementasi. Penggunaan sistem, cara kerja, dan pengujian sistem akan dijelaskan juga pada bab ini.
BAB VI. PENUTUP
            Memuat mengenai kesimpulan yang diambil setelah melakukan penelitian dan disertai saran bagi objek penelitian.


BAB II
GAMBARAN UMUM INSTANSI

II.1            Sejarah Instansi
Balu Oto Work adalah sebuah perusahaan tunggal dari bapak Andika Kairuliawan yang juga merangkap sebagai dosen untuk Teknik Informatika Universitas Teknologi Yogyakarta. Perusahaan ini bergerak dalam bidang industri modifikasi yaitu meliputi pembuatan dan penjualan bodi motor, casing head lamp, dan juga menerima modifikasi total. Perusahaan ini berawal dari usaha mandiri yang dilakukan oleh bapak Andika Kairuliawan S. Kom, dan bekerja sama dengan club – club motor yang ada di wilayah yogyakarta pada tahun 2009. Pada mulanya Balu Oto Work hanya memproduksi casing head lamp yang digunakan sendiri dan di ikut sertakan pada ajang kompetisi DIY 2011 dan mendapatkan juara 1. Kemudian Bapak Andika Kairuliawan dengan produk andalannya mengikutsertakan kembali pada ajang lomba yang lebih besar, yaitu Kompetisi Indonesia KEMENPORA 2011 dengan mendapat juara 2. Potensi modifikasi pada saat itu masih sangat besar, karena selain mengambil satu bidang spesifik modifikasi casing head lamp dengan tema tim bola dan tokoh – tokoh kartun, pangsa pasar juga sangat terbuka lebar karena belum ada satupun usaha sejenis yang ada di Yogyakarta serta meningkatnya animo masyarakat dengan bola yang ditandai banyak munculnya group motor yang disukai kalangan bikers.
Perjalan sebuah perusahaan yang dibangun dari nol tidak akan pernah berjalan mulus bak jalan tol tetapi tetap ada hambatan, tapi dengan adanyahambatan tersebut merupakan pemicu agar perusahaan tetap berjalan dan memberikan kehidupan bagi para karyawan. Keluhan dan berbagai komplain merupakan hal yang umum bagi perusahaan, karena konsumen adalah segala-galanya bagi perusahaan.
Dengan semakin berkembangnya industri modifikasi di Indonesia, mau tidak mau Balu Oto Work juga harus turut serta untuk mengembangkan usahanya dengan memproduksi produk yang lebih inovatif yang akan dipasarkan.
Banyak program dalam perecanaan ke depan, tentang sepeda motor desain, kemitraan industri, dan juga inovasinya. Motor desain adalah membuat desain baru untuk sepeda motor penuh atau membuat bagian demi bagian untuk sepeda motor baru. Balu Oto Work juga selalu mengembangkan desain – desainnya setiap minggu, agar para konsumen tidak bosan dengan modifikasi produksi Balu Oto Work.
II.2      Lokasi Perusahaan
Kantor Pusat Balu Oto Work terletak di kota Yogyakarta, tepatnya berada di Dusun Sapen GK 1 / 425, RT.25 RW. 08 Kelurahan Demangan, Kecamatan Gondokusumanan, Yogyakarta. Kode Pos 55221, dengan nomor telepon (0274) 586158.
II.3      Visi dan Misi
Balu Oto Work merupakan perusahaan yang bergerak di bidang modifikasi, dan juga untuk membangun manufaktur local dan desainer kreatif untuk membangun sebuah produksi inovasi, dan berhubungan dengan mitra industri.
Balu Oto Work merupakan perusahaan yang bergerak dibidang modifikasi yang diharapkan dapat menyerap banyak tenaga kerja serta dapat menghasilkan berbagai macam produk yang diinginkan konsumen sesuai dengan trend yang berlaku, sehingga kebutuhan akan modifikasi di masyarakat khususnya Daerah Istimewa Yogyakarta dapat terpenuhi, dan  juga perusahaan modifikasi yang mampu menghasilkan produk dan desain yang berkualitas.
II.4      Struktur Organisasi
Struktur organisasi berfungsi sebagai bagian yang mengatur dan bertanggung jawab menghubungkan tiap elemen dalam perusahaan, oleh karena itu struktur organisasi perusahaan berperan penting dalam pencapaian tujuan perusahaan seperti yang diharapkan.
Gambar 2.1 Struktur organisasi bengkel Balu Oto Work
Adapun tugas dan tanggung jawab masing – masing bagian struktur organisasi sebagai berikut :
1.    Pimpinan
a.    Memimpin dan mengkoordinasi pelaksanaan tugas dibidang pengolahan dan pengendalian keuangan, akuntansi, dan anggaran perusahaan serta pengolahan sumber daya manusia dan kegiatan pendukung perusahaan lainnya guna mendukung kegiatan pemasaran produk-produk peruasahaan serta meningkatkan reputasi dan kinerja perusahaan.
b.    Menjalin hubungan dengan lembaga pemerintah maupun lembaga non pemerintah dan dunia usaha dalam rangka pengembangan usaha guna meningkatkan produksi seta citra perusahaan.
2.    Keuangan
a.    Membantu pimpinan dalam mengolah keuangan perusahaan.
b.    Mengkoordinasi, mengendalikan dan mengawasi pelaksanaan kegiatan bagian lainnya serta mengendalikan neraca keuangan perusahaan.
3.    Administrasi
a.    Membantu pimpinan dalam mengolah data-data perusahaan yang mencakup seluruh aspek didalam perusahaan yang akan digunakan sebagai bahan pertimbangan dalam mengambil keputusan.
b.    Membantu marketing dalam menyiapkan bekas-berkas maupun surat-surat yang diperlukan, misalnya ketika akan mengadakan kerjasama dengan instansi atau perusahaan lain.

4.    Produksi
a.    Merancang desain produk yang sesuai dengan permintaan konsumen saat terjadi order maupun pemesanan.
b.    Merancang desai produk yang sesuai dengan permintaan konsumen untuk dilepas ke pasaran yang sebelumnya telah disetujui oleh pimpinan.
c.    Bertanggung jawab atas segala hal yang berkaitan dengan proses produksi konveksi mulai dari pemesanan bahan baku, pengolahan bahan baku, hingga packing barang jadi.
5.    Marketing
a.    Merancang dan mengimplementasikan semua bentuk promosi yang akan dilakukan untuk meningkatkan daya jual dan citra perusahaan di masyarakat.
b.    Membantu pimpinan dalam mengadakan kerjasama dengan instansi maupun perusahaan lain.
c.    Bertanggung jawab menentukan quota dan membagi serta mengedarkan semua bentuk hasil produksi yang dihasilkan ke semua cabang maupun rekan bisnis.

II.5      Ruang Lingkup Usaha
Balu Oto Work adalah badan usaha yang bergerak dalam bidang modifikasi motor.

1.    Balu Oto Work melaksanakan kegiatan pokok antara lain :
memproduksi berbagai macam produk modifikasi body motor khususnya head lampyang berhubungan dengan dunia sepeda motor baik secara desain maupun bentuk yang menjadi trend di masyarakat.
2.    Dalam menunjang proses produksi, Balu Oto Work juga menyediakan pelayanan pembuatan berbagai bentuk produk modifikasi sesuai dengan permintaan konsumen dengan tetap menjaga kualitas.
II.6      Prestasi Balu Oto Work
Balu Oto Work juga pernah mengikuti ajang perlombaan inovasi dan kreatifitas tingkat daerah maupun di tingkat nasional, antara lain.
1.    Juara 1 Competisi Bisnis Inovasi DIY 2011.
2.    Juara 2 Pemuda Inovasi Bisnis Kompesisi Indonesia KEMENPORA 2011.
3.    Juara 1 Magelang Modifikasi Kategori Terbaik Olahraga Modifikasi 2011. Finalis wirausaha muda mandiri 2011.
II.7      Mitra Kerja Balu Oto Work
Balu Oto Work juga mempunyai banyak relasi atau rekan kerja di untuk memasarkan produk – produk andalannya, terdapat beberapa tempat di wilayah pulau jawa dan luar pulau jawa, antara lain:
1.    Cipoloy Motor, Bandung.
2.    Bonanza Oto Modify, Solo.
3.    Touring (Bikers In Style), Yogyakarta.
4.    Pamungkas Motor, Jalan Sultan Agung Medan.
5.    UD Sido Semi Motor, Jalan Yos Sudarso, Tarakan, Kal-Tim.
6.    Happy Motor, Jalan Wates, Yogyakarta.
7.    Kucai Motor, Jalan Arteri, Lampung.
8.    Raja Motor, Mataram, NTB.
9.    DqStudio Biker, Denpasar, Bali.
II.8      Arah Pengembangan Perusahaan
            Usaha yang dilakukan oleh Balu Oto Work dalam rangka peningkatan mutu dan pelayanan pemasaran bagi masyarakat adalah sebagai berikut:
1.    Mempersiapkan metode baru yang akan digunakan sebagai media promosi maupun pelayanan penjualan serta menampung seluruh feedbackyang akan timbul.
2.    Memberikan pengarahan dan pelatihan kepada semua karyawan terutama yang melakukan kontak langsung dengan konsumen agar dapat memberikan pelayanan yang sebaik mungkin.
3.    Meningkatkan kualitas bahan baku dengan mencari sumber lain serta melakukan improvisasi bentuk maupun design produk untuk menambahkan variasi produk yang dihasilkan.


BAB III
LANDASAN TEORI

 III.  1. Tinjauan Pustaka
Dalam penelitian ini penulis mengambil tinjauan pustaka dari penelitian yang dilakukan oleh: Sahriansyah dari AMIKOM tahun 2010 dengan judul “Analisis dan Perancangan Sistem Informasi Modifikasi Motor Berbasis Website pada Bengkel Streetside Custom Yogyakarta”. Pada penelitian ini penulis membahas mengenai cara bagaimana userdapat melihat informasi mengenai Bengkel Streetside Custom Yogyakarta dengan tidak harus datang ke tempat secara langsung. Penulis juga mengambil tinjauan pustaka dari penelitian yang dilkukan oleh Tri Setyo Adi Nugroho dari Universitas Pembangunan Nasional “Veteran” Jawa Timur tahun 2010 dengan judul “Pembuatan Sistem Informasi Pembelian dan Penjualan Berbasis RelationShip di Bengkel Mobil Rewwin Motor”. Pada penelitian ini penulis membahas mengenai bagaimana mempromosikan bengkel kepada masyarakat umum tentang layanan-layanan yang diberikan oleh bengkel tersebut.
Penelitian mengenai pembuatan sistem informasi ini didasarkan pada ide penulis yang ingin memudahkan masyarakat luas untuk mengakses informasi yang berkaitan dengan bengkel tersebut. Penelitian ini sebelumnya pernah dilakukan oleh pihak lain oleh sebab itu penulis ingin mengangkat judul “MEMBANGUN WEBSITE SEBAGAI MEDIA PROMOSI PADA BENGKEL BODY REPAIR (Study Kasus Balu Oto Work Yogyakarta)”. Dengan harapan dapat bermanfaat sebagaimana yang dimaksud.
 III.  2. Tinjauan Teori
III.2.1.  Pengertian Bengkel
Bengkel adalah suatu tempat dimana kita dapat memperbaiki kendaraan kita (mobil, sepeda motor atau sejenisnya) apabila mengalami kerusakan dan tidak mampu memperbaikinya sendiri atau dengan alasan yang lain. Kata ini juga sering dipakai untuk mengacu pada tempat dimana seseorang atau sekelompok orang mengerjakan karya seninya dengan nama bengkel modifikasi.
III.2.2.  Pengertian Modifikasi
Modifikasi adalah cara merubah bentuk sebuah barang dari yang kurang menarik menjadi lebih menarik tanpa menghilangkan fungsi aslinya, serta bentuk yang lebih bagus dari aslinya.
III. 2.3.  Pengertian Promosi
Promosi adalah upaya untuk memberitahukan atau menawarkan produk atau jasa pada dengan tujuan menarik calon konsumen untuk membeli atau mengkonsumsinya. Dengan adanya promosi produsen atau distributor mengharapkan kenaikannya angka penjualan.
Dalam artian lain Promosi adalah setiap aktivitas yang ditujukan untuk memberitahukan, membujuk atau mempengaruhi konsumen untuk tetap menggunakan produk yang dihasilkan perusahaan tersebut. Promosi meliputi semua alat-alat dalam kombinasi pemasaran yang peranan utamanya adalah untuk mengadakan komunikasi yang sifatnya membujuk. Promosi merupakan suatu proses komunikasi dari penyampaian amanat atau berita tentang produk/barang atau jasa dari penjual kepada para pembeli potensial (konsumen).
Promosi adalah bersangkutan dengan metode komunikasi yang ditujukan kepada pasar yang menjadi target tentang produk yang tepat yang dujual pada tempat yang tepat dengan harga yang tepat. Promosi mencakup penjualan oleh perseorangan, penjualan massal dan promosi penjualan.
Berdasarkan ketiga pendapat tersebut diatas dapatlah ditarik kesimpulan bahwa promosi adalah usaha-usaha yang dilakukan oleh perusahaan untuk mempengaruhi konsumen supaya membeli produk yang dihasilkan ataupun untuk menyampaikan berita tentang produk dengan jalan mengadakan komunikasi dengan para pendengar (audience) yang sifatnya membujuk.
III.2.4. Pengertian Internet
Internet bukan lagi menjadi kata yang asing bagi orang yang berkecimpung di dunia komputer, bahakan bagi orang awan sekalipun. Kata WWW (World Wide Web) seakan-akan sudah menjadi bagian yang tak terpisahkan dari kehidupan manusia modern saat ini. Kini lewat Web, informasi dapat diperoleh mulai dari isu perang, info selebritis, bahkan hasil pertandingan olahraga spektakuler, sehingga kita tak perlu repot-repot datang ke tempat pertandingan, (Yuhefizar, 2008).
a.       Definisi Internet
Internet didefinisikan sebagai suatu jaringan komputer yang saling terhubung dari berbagai komputer dan berbagai jenis serta bermacam-macam sistem operasi yang ada di seluruh dunia.
b.      Sejarah Internet
Sejarah internet berawal dari ARPANET yang dikembangkan pada tahun 1996 oleh ARPA (Advanced Research Prject Agency), yaitu: suatu badan dibawah departemen pertahanan Amerika Serikat atau DOD (Department of Defense), system jaringan ini didukung oleh beberapa universitas dan lembaga penelitian, yaitu :
Ø  University of California at Santa Barbara (UCSB)
Ø  University of California at Los Angeles (UCLA)
Ø  University of Utah
Ø  Stanford Research Institute (SRI)
Dalam sejarah perkembangannya sampai pada era sekarang ini sering disebut dengan nama internet yang digunakan oleh masyarakat di seluruh dunia dan didalam sistem penerapannya suatu komputer agar terhubung dengan sistem jaringan yang ada, minimal memiliki suatu perangkat keras yang bernama modem (modulator demodulator), dan media komunikasi (wireless atau satelit), serta handphone atau telepon.
Modulator akan mengubah sinyal analog menjadi sinyal digital agar terbaca oleh komputer sedangkan demodulator mengubah sinyal digital komputer ke sinyal analog untuk dikirim ke komputer lain. Selain itu harus menjadi anggota dari suatu ISP (Internet Service Provider) setelah semua persyaratan tersebut telah terpenuhi maka barulah dapat terhubung ker jaringan internet.


1)   Layanan-layanan Internet
a)      FTP (File Transfer Protocol)
Yaitu internet berfungsi sebagai pengiriman atau transfer file-file yang dapat ditransfer dalam dua mode ASCII untuk file teks dan binary untuk file selain teks, misalnya gambar dan suara.
b)      Mailing List
Merupakan sekumpulan pengguna e-mail, biasanya dimanfaatkan untuk forum diskusi secara elektronik.
c)      World Wide Web (WWW)
Suatu jenis layanan internet yang mampu mendistribusikan koleksi file multimedia (text, audio, image, video) secara global. Setiap file diberi alamat tertentu yang disebut URL (Uniform Resource Locator). Sebagai contoh URL adalah URL : http//www.uty.ac.id
World Wide Web merupakan koleksi informasi yang sangat luas tersebar diratusan ribu bahkan juataan komputer di seluruh dunia. World Wide Web dapat dibagi menjadi 2, yaitu Client dan Server. Server menyimpan informasi dan memproses permintaan dari Client yang mengandung jenis data teks, suara dan gambar. Server juga mengirim perintah kepada client tentang bagaimana cara menampilkan semua informasi tersebut yang dikirim dalam bentuk HTML.
Untuk dapat mengakses Web diperlukan Web Browser seperti Google Chrome, IE (Internet Explorer),  Netscape Communicator, Mozila, Opera, dan lain-lain. Web Browser tidak mengetahui tentang jenis-jenis dokumen yang dimintanya namun hanya mengirimkan alamat URL dan request saja.
d)     Email
Surat elektronik yang merupakan fasilitas internet yang mana pengguna bisa mengirim dan menerima pesan dari pengguna lain yang terkoneksi ke internet. VOIP/FOIP (Voice Over Internet Protocol/Fax Over Internet Protocol). Jairngan paket data dan paket suara yang dapat dikirimkan lewat protokol internet (jaringan paket). Dengan menggunakan fasilitas VOIP/FOIP ini dapat dimungkinkan untuk menelepon keluar negeri dengan biaya lebih murah.
III.2.5.  Pengertian Pemrograman PHP
PHP (Hypertext Prepocessor) adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML. PHP banyak dipakai untuk memrogram situs web dinamis. PHP dapat digunakan untuk membangun sebuah CMS. Penggunaan PHP yang utama adalah pada aplikasi server-side, tetapi dapat juga digunakan melalui antar muka command line atau aplikasi berbasis GUI. (Abdul Kadir, 2009).
PHP adalah salah satu bahasa pemrograman dalam pembuatan web. PHP bersifat server side dan bisa dikoneksikan dengan database seperti MySQL, PostgreSQL, SQL server, Oracle dsb. Karena PHP bersifat server side, maka untuk dapat menjalankan PHP pada browser, maka anda diharuskan terlebih dahulu menginstall web server yang bisa anda dapatkan secara gratis dari internet, misalnya Apache, PHP Triad, PWS, Wammp, Xampp, dsb, (Rianto, 2010).


a.    Aturan penulisan script PHP
Ada 3 cara penulisan PHP kita dapat menggunakan salah satu dari 3 jenis pasangan tag berikut :
<? .....script php..... ?>
<% .....script php.... %>
<?php ...script php.. ?>
Penulisan tag PHP dengan HTML.
<html>
<head>
<title>Belajar PHP Mandiri</title>
</head>
<body>
<?php echo “Hallo sahabat ini output tulisan dengan skript php”;?>
</body>
</html>
Penulisan script PHP dengan HTML.
<?php
echo”Kita adalah manusia yang berakal dan beradab”;
?>
Menulis tag HTML dengan PHP.
<?php
<html>
<body>
<a href=”http://contoh”>
<img src=”http://linkgambar.jpg” alt=”gambar” />
</a>
</body>
</html>
?>
b.    Tipe Data dan Variabel
Tipe data adalah jenis data yang akan ditampung oleh suatu variabel. Sedangkan variabel merupakan tempat untuk menampung data atau nilai. Dalam php terdapat tipe data dasar yaitu :
Ø Integer, untuk data yang berisi angka. Data terebut dapat digunakan untuk operasi matematika.
Ø String, untuk data yang berisi karakter, tipe data inti tidak digunakan untuk operasi matematika.
Ø Array, untuk data yang berkelompok. Array memiliki nama variabel yang sama. Definisi lain dari array adalah kumpulan variabel yang memiliki tipe data yang sama.
Ø Float/double,  untuk data yang berupa pecahan desimal. Untuk menangani operasi matematika dengan nilai pecahan.
c.    Aturan untuk pendeklarasian variabel :
Ø Suatu variabel dinyatakan dengan tanda dollar ($) dan diikuti nama variabel
Ø Nama variabel tidak boleh diawali dengan angka, harus dengan karakter, setelahnya dapat diikuti dengan angka/underscore (garis bawah).
Ø Penamaan bersifat case sensitive atau variabel membedakan huruf kecil dan besar.
Ø Deklarasi variabel selalu diikuti dengan pemberian (Assignment) nilai dari variabel tersebut. Jika sebuah variabel belum memiliki nilai tidak perlu dideklarasikan terlebih dahulu.
d.   Konstanta
Konstanta adalah variabel yang nilai tetap. PHP telah mendefinisikan beberapa konstanta seperti E_ERROR, E_WARNING, PHP_VERSION dan sebagainya. Cara membuat konstanta, standar penulisan konstanta :
Define (“nama_konstanta”,”nilai_konstanta”);
e.    Pengolahan Input Data Menggunakan Form
Salah satu ciri interaksi yang dapat digunakan adalah melaui form web, pengunjung situs dapat mengirimkan data melalui masukan form web tersebut kemudian memperoleh respon halaman tertentu sesuai masukan yang diberikan. Inilah yang disebut orang sebagai situs dinamis.
Pada pembuatan form ini yang perlu diperhatikan adalah tag <FORM> dengan atribut action dan method. Atribut action nilainya berisi nama file yang akan diakses (Proses) dan pada atribut method mempunyai macam pilihan nilai yaitu GET dan POST. Jika method GET digunakan maka isian pada form akan dikirimkan kepada servers sebagai satu kesatuan dengan string URLnya dan jika menggunakan method POST maka form isian akan dikirimkan kepada server secara terpisah dari string URL.
Kemudian untuk elemen HTML yang berhubungan dengan Form (bentuk kontrol form). Satu hal yang perlu ingat adalah name (Nama) kontrol formtersebut karena nama dijadikan sebagai nama variabel pada masing-masing elemen.
III.2.6.  Pengertian PHP Variabel
Variabel digunakan sebagai tempat penyimpanan data sementara. Data yang disimpan dalam variabel akan hilang setelah program selesai dieksekusi. Untuk penyimpanan data yang permanen, kita dapat menyimpan data di database atau di disk. Silakan mengacu pada Akses Database untuk mendalami penggunaan database, dan Akses File dan Folder untuk penyimpanan data di filesystem. Variabel di PHP diawali dengan tanda $, untuk dapat menggunakan variabel, ada dua langkah yang harus dilakukan, deklarasi dan inisialisasi,(Rianto, 2010).
a.       Deklarasi Variabel
Deklarasi variabel bisa disebut juga memperkenalkan atau mendaftarkan variabel ke dalam program. Dalam PHP, deklarasi variabel seringkali digabung dengan inisialisasi. Variabel dalam PHP dinyatakan dengan awalan $. Contoh :
$nama
$alamat
$jumlah
Ada beberapa aturan yang harus diikuti berkenaan dengan pemberian nama variabel, diantaranya adalah sebagai berikut :
Ø  Variabel diawali dengan tanda $
Ø  Karakter pertama setelah tanda $ harus huruf atau garis bawah (_).
Ø  Karakter berikutnya boleh huruf, angka, atau garis bawah.
b.      Inisialisasi Variabel
Inisialisasi variabel adalah mengisi nilai untuk pertama kalinya ke dalam variabel. Contoh inisialisasi melakukan inisialisasi Variabel adalah sebagai berikut :
$nama=”Widi Mawardi”;
$alamat=”Jl Ibu Ganirah No 252 D Cimahi-Bandung”;
$jumlah=100;
III.2.7.  MYSQL Database
MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa Inggris : database management system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawa lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL. Tidak sama dengan proyek-proyek seperti Apache, dimana perangkat lunak dikembangkan oleh komunitas umum, dan hak cipta untuk kode sumber dimiliki oleh penulisnya masing-masing, MySQL dimiliki dan disponsori oleh sebuah perusahaan komersial Swedia MySQL AB, dimana memegang hak cipta hampir atas semua kode sumbernya. Kedua orang Swedia dan satu orang Finlandia yang mendirikan MySQL AB adalah : David Axmark, Allan Larsson, dan Michael “Monty” Widenius, (Abdul Kadir, 2009).


a.    Bahasa Query
Untuk mengakses Database digunakan Bahasa Query sebagai perintahnya. Menampilkan database yang ada pada MySQL.
mysql>show database;
Membuat Database
mysql>create database<nama database>;
Menggunakan Database
            mysql>use <nama Db>;
Melihat tabel pada Database
            mysql>show tables;
Membuat tabel baru
            mysql>create table <nama table> (<nama kolom><tipe data>);
Memasukkan data pada tabel
      mysql>insert into <nm table> (<nama kolom>)value(<isi>);
Menampilkan data
mysql>select <nm kolom> from<nm table>where <kriteria>order by <kolom>;
Mengedit data
      mysql<update <table>set <kolom=perubahan data>where <kriteria>;
Menghapus data
      mysql>delete from <table>where <kriteria>;
Keluar dari MySQL
            mysql>quit atau exit atau \q


b.   Jenis Kolom (Tipe Data Pada MySQL)
Ø  Numeric : tinyint, smallint, mediumint, int, bigint, float, double, decimal.
Ø  Karakter : char, varchar.
Ø  Enum : enum, set.
Ø  Blob : tinyblob, mediumblob, longblob, tinytext, mediumtext, text, longtext.
Ø  Tanggal dan Waktu : date, datetime, time, timestap, year.
III.2.8.  Apache Web Server
Server HTTP Apache atau Server Web/WWW Apache adalah server web yang dapat dijalankan di banyak sistem operasi (Unix, BSD, Linux, Microsoft Windows dan Novell Netware serta platform lainnya) yang berguna untuk melayani dan memfungsikan situs web. Protokol yang digunakan untuk melayani fasilitas web/www ini menggunakan HTTP.
Apache memiliki fitur – fitur canggih seperti pesan kesalahan yang dapat dikonfigur, autentikasi berbasis basis data dan lain – lain. Apache juga didukung oleh sejumlah antarmuka pegguna berbasis grafik (GUI) yang memungkinkan penanganan server menjadi mudah. Apache merupakan perangkat lunak sumber terbuka dikembangkan oleh komunitas terbuka yang terdiri dari pengembang – pengembang di bawah naungan Apache Software Foundation.
Apache adalah sebuah nama web server yang bertanggung jawab pada request-response HTTP dan logging informasi secara detail. Selain itu, Apache juga diartikan sebagai suatu web server yang kompak, modular, mengikuti standar protokol HTTP, dan tentu saja sangat digemari. Kesimpulan ini bisa didapatkan dari sejumlah pengguna yang jauh melebihi para pesaingnya. Sesuai hasil survai yang dilakukan oleh Netcraft, bulan Januari 2005 saja jumlahnya tidak kurang dari 68% pangsa web server yang berjalan di Internet. Ini berarti jika semua web server selain Apache digabung, masih belum bisa mengalahkan jumlah Apache, (Rianto, 2010).
III.2.9.  URL (Uniform Resource Locator)
URL (Uniform Resource Locator) adalah rangkaian karakter menurut suatu format standar tertentu, yang digunakan untuk menunjukkan alamat suatu sumber – seperti dokumen dan gambar – di Internet.
URL merupakan suatu inovasi dasar bagi perkembangan sejarah Internet. URL pertama kali diciptakan oleh Tim Berners-Lee pada tahun 1991 agar penulis dokumen dapat mereferensikan pranala ke World Wide Web. Sejak 1994, konsep Url telah dikembangkan menjadi istilah URI (Uniform Resource Identifier) yag lebih umum sifatnya. Walaupun demikian, istilah URL masih tetap digunakan secara luas.
Adapun struktur URL terdiri atas jenis protokol, nama webserver, direktori server juga dapat ditambahkan atribut query yang digunakan untuk mentransfer variabel tambahan.
http adalah nama protokol, terletak pada bagian awal URL http merupakan sakah satu protokol dari TCP/IP selain itu FTP, Gopher, News dan lainnya.
www.domainname.com adalah nama webserver menggunakan port default yaitu port 80. Bila menggunakan port yang lain maka harus disertakan nomor port. Sebagai contoh : //www.domainname.com:8500/index.php adalah nama dokumen yang direquest.  Secara default jika mengakses suatu website maka akan ditampilkan halaman dengan nama index atau default.
?page=home adalah query yang digunakan untuk mentransfer variabel page pada halaman tersebut(M.Syafii, 2011).
III.2.10.  Pemformatan Halaman Dengan CSS
Cascading Style Sheet (CSS) merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemrograman.
Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama – sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS  memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda, (Rianto, 2010).
Cara penulisan CSS terdiri dari berbagai cara, namun yang umum digunakan adalah 2 cara yaitu dengan mendeklarasikan didalam area <header> yakni diletakkan diantara tag.
<style type=”text/css”> dan </style>
contoh
<html>
<head>
<title>CSSku</title>
<style type=”text/css”>
body{
background: #cccccc;
color: #000000;
text-align: center;
}
</style>
</head>
</body>
...isi dokumen html berupa baris code html ataupun php...
</body>
</html>
Keuntungan menggunakan deklarasi seperti ini adalah simple tidak memakan banyak file, namun kekurangannya adalah ukuran file akan besar jika deklarasi css panjang yang mengakibatkan loading website jadi lama disimpan dalam file terpisah dan diberi extensi .css keuntungan deklarasi ini adalah lebih praktis dan tidak mengganggu ukuran file karena disimpan dalam file terpisah dan proses editingnya tidak mengganggu yang lain, cara deklarasinya adalah dengan menyisipkan tag link pada baris header seperti ini <link ref- “stylesheet” type=”text/css” href=”namafile.css”/>Contoh <html xmlno=”http://www.w3.org/2012/xhtml”>.


 BAB IV
ANALISIS DAN PERANCANGAN SISTEM

IV.1       Identifikasi Masalah
Tahapan analisis dan perancangan sistem website Bengkel Balu Oto Work Yogyakarta dapat diidentifikasi sebagai penguraian dari sistem yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasi dan mengevaluasi permasalahan-permasalahan dan hambatan sehingga dapat diperbaharui ke arah yang lebih baik, inti masalah pada bagaimana informasi dapat disampaikan pada publik dimana kegiatan bisnis yang ada pada Bengkel Oto Work seperti kegiatan promosi, penjualan dan pemasaran yang berhubungan dengan produk-produk Bengkel Oto Work dapat dilakukan dengan mudah.
Dari inti masalah tersebut maka disusunlah analisis sistem website yang mengutamakan kemudahan akses dan pengolahan informasi promosi dan pemasaran produk.
IV.2      Tujuan Pengembangan Website
Tujuan pengembangan website berorientasi pada membuat website yang dinamis terhadap pengolahan informasi website dan pengolahan data produk-produk Bengkel Balu Oto Work Yogyakarta.
Sistem website dirancang dengan diterapkan sistem administrasi dengan tujuan agar pemeliharaan data website dapat dilakukan dengan mudah oleh pihak pengelola.


IV.3       Perancangan Sistem
a.      Diagram Konteks
Sistem secara umum dapat digambarkan melalui diagram konteks. Diagram konteks sistem dapat digambarkan sebagai berikut :
Gambar 4.1 Diagram Konteks

IV.4       Diagram Jenjang

Gambar 4.2  Diagram Jenjang 0
Gambar 4.3 Diagram Jenjang Lanjutan 1

Gambar 4.4 Diagram Jenjang Lanjutan 2
Gambar 4.5 Diagram Jenjang Lanjutan 3

Gambar 4.6 Diagram Jenjang Lanjutan 4
Gambar 4.7 Diagram Jenjang Lanjutan 5

IV.5       DAD (Diagram Alir Data)
Diagram Arus Data merupakan suatu model logika data atau proses yang dibuat untuk menggambarkan dari mana asal data dan kemana tujuan data yang keluar dari sistem, dimana data di simpan, proses apa yang menghasilkan data tersebut dan interaksi antara data yang tersimpan dan proses yang dikenakan pada data tersebut.
Gambar 4.8  Diagram Arus Data Level 1
Gambar 4.9 Diagram Arus Data Level 2.1

Gambar 4.10  Diagram Arus Data Level 2.2


Gambar 4.11 Diagram Arus Data Level 2.3
Gambar 4.12 Diagram Arus Data Level 2.4
Gambar 4.13 Diagram Arus Data Level 2.5
Gambar 4.14 Diagram Arus Data Level 3.1.1


Gambar 4.15 Diagram Arus Data Level 3.1.2
Gambar 4.16 Diagram Arus Data Level 3.1.3
Gambar 4.17 Diagram Arus Data Level 3.2.1
Gambar 4.18 Diagram Arus Data Level 3.2.2


Gambar 4.19 Diagram Arus Data Level 3.2.3
Gambar 4.20  Diagram Arus Data Level 3.3.1
Gambar 4.21 Diagram Arus Data Level 3.3.2

Gambar 4.22  Diagram Arus Data Level 3.4.1


Gambar 4.23 Diagram Arus Data Level 3.4.2
Gambar 4.24  Diagram Arus Data Level 3.4.3
Gambar 4.25  Diagram Arus Data Level 3.4.4
Gambar 4.26 Diagram Arus Data Level 3.5.1
Gambar 4.27  Diagram Arus Data Level 3.5.2


IV.6    ERD (Entity Relation Diagram)
Pengunjung pada website ini hanya dapat melakukan interaksi dengan website dengan mengisikan komentar berisikan saran, kritik yang untuk disampaikan kepada sistem informasi Balu Oto Work melalui kolom komentar. Dalam sistem website ini admin melakukan kontrol penuh terhadap pada setiap bagian atau halaman.


V.6.1.  Identifikasi Entitas
Entitas yang dilibatkan pada Sistem website bengkel Balu Oto Work adalah sebagai berikut :
Ø  Entitas admin
Ø  Entitas  cara_beli
Ø  Entitas  dtl_keranjang
Ø  Entitas  gambar
Ø  Entitas  jenis
Ø  Entitas  keranjang
Ø  Entitas  komentar
Ø  Entitas  konfirmasi
Ø  Entitas  kontak
Ø  Entitas  news
Ø  Entitas  pembayaran
Ø  Entitas  produk
Ø  Entitas  profil
Ø  Entitas  user



V.6.2.  Entity Relation Diagram
Gambar 4.28  Entity Relation Diagram
IV.7    Desain Basis Data
a.       Entitas admin
Nama Field
Tipe Data
Key
Keterangan
id_admin
int
Primary
Merupakan primary key pada tabel admin
email
varchar
-
Digunakan untuk menyimpan data email admin
pass
varchar
-
Digunakan untuk menyimpan data passwordadmin
Tabel 4.1  Entitas admin

a.       Entitas cara_beli
Nama Field
Tipe Data
Key
Keterangan
id_cara_beli
int
Primary
Merupakan primary key pada tabel cara_beli
isi
varchar
-
Digunakan untuk menyimpan data deskripsi cara pembelian
Tabel 4.2  Entitas Cara_Beli

b.      Entitas dtl_keranjang
Nama Field
Tipe Data
Key
Keterangan
int
Primary
Merupakan primary key pada tabel dtl_keranjang
varchar
Foreign
Merupakan foreign key pada tabel dtl_keranjang dan digunakan untuk merelasikan dengan tabel keranjang.
varchar
-
Merupakan foreign key pada tabel dtl_keranjang  dan digunakan untuk merelasikan dengan tabel produk.
varchar
-
Digunakan untuk menyimpan data jumlah item pembelian.
double
-
Digunakan untuk menyimpan data harga total pembelian.
Tabel 4.3  Entitas Dtl_Keranjang

c.       Entitas gambar
Nama Field
Tipe Data
Key
Keterangan
int
Primary
Merupakan primary key pada tabel cara_beli.
varchar
Foreign
Merupakan foreign key pada tabel gambar  dan digunakan untuk merelasikan dengan tabel produk.
varchar
-
Digunakan untuk menyimpan data gambar pertama
varchar
-
Digunakan untuk menyimpan data gambar kedua
varchar
-
Digunakan untuk menyimpan data gambar ketiga
Tabel 4.4  Entitas Gambar

d.      Entitas jenis
Nama Field
Tipe Data
Key
Keterangan
int
Primary
Merupakan primary key pada tabel jenis.
varchar
Foreign
Digunakan untuk menyimpan data merk.
varchar
-
Digunakan untuk menyimpan data jenis.
Tabel 4.5  Entitas Jenis
e.       Entitas keranjang
Nama Field
Tipe Data
Key
Keterangan
int
Primary
Merupakan primary key pada tabel keranjang.
varchar
-
Digunakan untuk menyimpan data tanggal di tabel keranjang.

varchar
Foreign
Merupakan foreign key pada tabel keranjang  dan digunakan untuk merelasikan dengan tabel user.
varchar
-
Digunakan untuk menyimpan data status user.
Tabel 4.6  Entitas Keranjang
f.       Entitas komentar
Nama Field
Tipe Data
Key
Keterangan
int
Primary
Merupakan primary key pada tabel komentar.
varchar
Foreign
Digunakan untuk menyimpan data nama di tabel komentar.
varchar
-
Digunakan untuk menyimpan data email di tabel komentar.
varchar
-
Digunakan untuk menyimpan data komentar.
Tabel 4.7  Entitas Komentar
g.      Entitas konfirmasi
Nama Field
Tipe Data
Key
Keterangan
Id_konfirmasi
int
Primary
Merupakan primary key pada tabel konfirmasi.
varchar
Foreign
Merupakan foreign key pada tabel konfirmasi  dan digunakan untuk merelasikan dengan tabel keranjang.
varchar
-
Digunakan untuk menyimpan data tanggal konfirmasi
varchar
-
Digunakan untuk menyimpan data no rek user.
Bank_tujuan
varchar
-
Digunakan untuk menyimpan data bank tujuan.
Rek_tujuan
varchar
-
Digunakan untuk menyimpan data no rek tujuan
Jumlah_bayar
double
-
Digunakan untuk menyimpan data jumlah pembayaran.
Tabel 4.8  Entitas Konfirmasi
h.      Entitas kontak
Nama Field
Tipe Data
Key
Keterangan
id_cara_beli
int
Primary
Merupakan primary key pada tabel kontak.
isi
varchar
-
Digunakan untuk menyimpan data deskripsi kontak person.
Tabel 4.9  Entitas Kontak

i.        Entitas news
Nama Field
Tipe Data
Key
Keterangan
int
Primary
Merupakan primary key pada tabel news.
varchar
Foreign
Digunakan untuk menyimpan data judul news.
varchar
-
Digunakan untuk menyimpan data gambar news.
varchar
-
Digunakan untuk menyimpan data deskripsi news.
Tabel 4.10  Entitas News
j.        Entitas pembayaran
Nama Field
Tipe Data
Key
Keterangan
Id_pembayaran
int
Primary
Merupakan primary key pada tabel pembayaran.
varchar
Foreign
Merupakan foreign key pada tabel pembayaran dan digunakan untuk merelasikan dengan tabel pesanan.
varchar
-
Digunakan untuk menyimpan data nominal pembayaran.
date
-
Digunakan untuk menyimpan data tanggal pembayaran.
Tabel 4.11  Entitas Pembayaran
k.      Entitas produk
Nama Field
Tipe Data
Key
Keterangan
int
Primary
Merupakan primary key pada tabel produk.
varchar
Foreign
Merupakan foreign key pada tabel produk  dan digunakan untuk merelasikan dengan tabel jenis.
varchar
-
Digunakan untuk menyimpan data kategori  produk.
varchar
-
Digunakan untuk menyimpan data tanggal produk.
varchar
-
Digunakan untuk menyimpan data nama produk.
varchar
-
Digunakan untuk menyimpan data deskripsi produk.
varchar
-
Digunakan untuk menyimpan data harga produk.
double
-
Digunakan untuk menyimpan data berat produk.
Tabel 4.12  Entitas Produk
l.        Entitas profil
Nama Field
Tipe Data
Key
Keterangan
id_profil
int
Primary
Merupakan primary key pada tabel profil.
judul
varchar
Foreign
Digunakan untuk menyimpan data judul profil.
varchar
-
Digunakan untuk menyimpan data gambar profil.
varchar
-
Digunakan untuk menyimpan data deskripsi profil.
Tabel 4.13  Entitas Profil
m.    Entitas user
Nama Field
Tipe Data
Key
Keterangan
int
Primary
Merupakan primary key pada tabel user.
varchar
-
Digunakan untuk menyimpan data email.
varchar
-
Digunakan untuk menyimpan data pass.
varchar
-
Digunakan untuk menyimpan data nama.
varchar
-
Digunakan untuk menyimpan data tanggal lahir.
varchar
-
Digunakan untuk menyimpan data no handphone.
varchar
-
Digunakan untuk menyimpan data no ktp.
varchar
-
Digunakan untuk menyimpan data alamat.
varchar
-
Digunakan untuk menyimpan data kota.
varchar
-
Digunakan untuk menyimpan data provinsi.
Tabel 4.14  Entitas User

IV.8    Relasi Tabel
Gambar 4.28  Relasi Tabel


IV.9     Rancangan Database
Database digunakan untuk menyimpan informasi meliputi data website dan data konfigurasi website. Pada website digunakan MySQL DBMS. Berikut merupakan informasi database yang digunakan pada tahap testing sistem.
            Nama host                   : localhost
Nama Database           : bow
Nama User                  : root
Port                              : 3660 (Default)
Password                     : -
Pada tahap implementasi informasi database akan menyesuaikan dengan sistem webhosting.
IV.10  Struktur Tabel
a.       Data Admin
Gambar 4.29  Struktur Tabel Admin

b.      Data cara_beli
Gambar 4.29  Struktur Tabel Cara Beli
c.       Data dtl_keranjang
Gambar 4.30  Struktur dtl_keranjang

d.      Data gambar
Gambar 4.31  Struktur Tabel Gambar

e.       Data jenis
Gambar 4.32  Struktur Tabel Jenis

f.       Data keranjang
Gambar 4.33  Struktur Tabel Keranjang

g.      Data komentar
Gambar 4.34  Struktur Tabel Komentar

h.      Data konfirmasi
Gambar 4.35  Struktur Tabel Konfirmasi

i.        Data kontak
Gambar 4.35  Struktur Tabel Kontak
j.        Data news
Gambar 4.36  Struktur Tabel News
k.      Data pembayaran
Gambar 4.37  Struktur Tabel Pembayaran
l.        Data produk
Gambar 4.38  Struktur Tabel Produk
m.    Data profil
Gambar 4.39  Struktur Tabel Profil
n.      Data user
Gambar 4.40  Struktur Tabel User
IV.11  Interaksi Pengguna
Interaksi pengguna website dapat diciptakan dengan menggunakan fasilitas pada website yang dapat berkomunikasi dengan pengguna. Pada website ini tidak menyediakan fasilitas login member dimana customer atau pelanggan tidak harus melakukan registrasi terlebih dahulu untuk mengunjungi situs, melihat-lihat produk, bahkan menambahkan komentar. Dari sisi tersebut dimaksudkan agar pengguna tidak harus menjadi member utuk dapat langsung berinteraksi dengan pihak administrator Bengkel Balu Oto Work.
IV.12   Pengelompokan Hak Akses Pengguna Website
Perancangan website Balu Oto Work mengimplementasikan pengelompokan pengguna website. Tujuan dari pengelompokan adalah untuk membatasi hak akses terhadap halaman website dimana setiap hak akses memiliki kewenangan yang berbeda-beda dalam mengakses halaman website.
Hak akses diatur agar tidak sembarang pengguna website dapat melakukan konfigurasi. Pengelompokan didasarkan pada level akses halaman admin. Adapun kelompok hak akses tersebut sebagai berikut :
1.        Administrator
Merupakan kelompok pemegang hak akses penuh pada modul admin. Hak istimewa tersebut antara lain membuat administrator.
2.    User atau Pengunjung
Merupakan pengguna umum yang memiliki hak untuk mengisi komentar, melihat dan produk, namun tidak bisa mengakses halaman administrator, dimana untuk menjadi user tidak diperlukan registrasi terlebih dahulu, karena akan terasa memberatkan apabila hanya ingin melihat-lihat harus mendaftar terlebih dahulu.

IV.13   Desain Halaman Website
Pada tahap perancangan dan pengembangan website Balu Oto work Yogyakarta terdapat beberapa pertimbangan yang berkaitan dengan desain interface website. Desain tampilan website merupakan salah satu faktor penentu untuk meningkatkan minat pengunjung untuk mendalami isi website. Desain yang diterapkan untuk website yaitu:
IV.14   Faktor Usability
Perancangan desain website Balu Oto work Yogyakarta mengutamakan kemudahan penggunanya. Untuk menjada konsistensi tampilan dan proses yang cepat, setiap proses pemanggilan data menggunakan metode frame dimana setiap data halaman disimpan terlebih dahulu didalam frame kemudian data ditampilkan kedalam target yang telah ditentukan. Dalam perubahan tampilan halaman website terjadi pada bagian tengah atau main page sehingga tidak membingungkan pengguna. Penggunaan bahasa pengantar yang menggunakan bahasa serapan serta bahasa asing akan semakin menambah aksen sebuah electronic shop di dunia maya.
Website memiliki kompatibilitas terhadap berbagai jenis aplikasi web browser yang banyak digunakan pengguna internet, misalnya Internet Explorer, Mozilla Firefox, Maxthon, Google Chrome, Flock, Safari, maupun Opera Web Browser.

IV.15   Sistem Navigasi
Sistem navigasi pada website dirancang sedemikian rupa sehingga pengguna menjadi lebih mudah menelusuri halaman website. Pada halaman website utama terdapat menu utama pada bagian atas halaman sebelum banner sehingga setiap halman dapat diakses melalui menu utama. Pada halaman administrasi menu utama dirancang sema seperti menu pada halaman website utama dengan tujuan memudahkan administrator menghapal bentuk dan lokasi menu. Pada bagian kiri bawah di menu kiri terdapat tombol logout.
IV.16   Desain Grafis
Desain grafis pada website menerapkan sistem pewarnaan yang sederhana sehingga pengguna dapat mudah mengingat warna ciri khas website Balu Oto work. Warna dasar yang digunakan pada website meliputi :
1.        Warna dasar/background menggunakan kombinasi warna silver dan hitam yang dapat memberikan kesan manis tetapi tidak sangar dan cengeng. Warna silver ini juga merupakan warna khas dari Balu Oto work sehingga menjadi pemilihan dasar warna background.
2.        Teks menggunakan warna dasar hitam, sedangkan teks yang menunjukkan judul menggunakan warna hitam tipis dengan background warna silver agar matching atau pas dengan warna dasar.
3.        Link yang menghubungkan halaman menggunkan icon mouse yang berbeda. Ketika mouse berada di atas link,maka icon mouse akan berganti.
4.        Tampilan website dikelompokkan dengan tiga sisi menu utama yang terdiri header menu, left menu, bottom menu.
5.        Penggunaan gradasi serta efek emboss dan efek lain peda header maupun menu dapat menambah ketertarikan akan website.
IV.17   Layout Halaman
Layout halaman menggunakan penataan tabel sehingga dapat memudahkan dalam penataan ruang halaman. Untuk halaman website utama memiliki standar ukuran lebar 775 pixel, sehingga pengguna yang masih menggunakan resolusi monitor 800x600 masih dapat menikmati situs dengan baik, akan tetapi disarankan menggunakan resolusi 1024x768 atau yang lebih tinggi agar tampilan situs terasa lebih manis dengan adaya background dasar yang terlihat kontras dengan background tulisan.
Halaman administrator dibuat dengan resolusi ukurab yang sama dengan halaman utama, sehingga halaman administrator juga dapat menggunakan resolusi monitor yang rendah. Ukuran ini dipilih karena di Indonesia sendiri masih banyak pengguna internet yang menggunakan resolusi 800x600 terutama daerah luar jawa. Ukuran tersebut memudahkan pengguna untuk melihat tampilan website tanpa vertical scrollbar.
1.      Desain Layout Website Utama User (Home)
Gambar 4.41  Desain Layout Halaman Utama
2.      Desain Layout Website Halaman News
Gambar 4.42  Desain Layout Halaman News
3.      Desain Layout Website Halaman Produk
Gambar 4.43  Desain Layout Halaman Produk
4.      Desain Layout Website Halaman Galeri
Gambar 4.44  Desain Layout Halaman Galery
5.      Desain Layout Website Halaman Pendaftaran User
Gambar 4.45 Desain Layout Halaman Pendaftaran User
6.      Desain Layout Website Halaman Login User
Gambar 4.46  Desain Layout Halaman Login User

7.      Desain Layout Keranjang
Gambar 4.47  Desain Layout Halaman Keranjang Pembelian
8.      Desain Layout Halaman Konfirmasi Pembayaran
Gambar 4.48 Desain Layout Halaman Konfirmasi Pembayaran

9.      Desain Layout Halaman Input News

Gambar 4.49  Desain Layout Halaman Login Admin
10.  Desain Layout Halaman Input News
Gambar 4.50 Desain Layout Halaman Input News
11.  Desain Layout Halaman Input Data Produk
Gambar 4.51  Desain Layout Halaman Input Data Produk
12.  Desain Layout Halaman  Konfirmasi Pesanan User
Gambar 4.52  Desain Layout Halaman Konfirmasi Pesanan User
13.  Desain Layout Halaman ACC Pembayaran
Gambar 4.53  Desain Layout Halaman ACC Pembayaran
IV.18   Sistem Pendukung Pengembangan Sistem
1.    Perangkat keras
Perangkat keras merupakan sistem komputer yang digunakan dalam pengembangan sistem website. Syarat perangkat keras yang digunakan meliputi :
a.    Memiliki kemampuan processing yang memadai dalam menjalankan program aplikasi yang digunakan dalam pengembangan sistem website.
b.    Dapat berfungsi sebagai local webserver. Sehingga dapat digunakan untuk testing aplikasi di jaringan lokal sebelum diimplementasikan di jaringan internet.
Sistem komputer yang digunakan pada tahap pengembangan adalah :
a.    Prosesor Intel Core 2 Duo T6400 @2.00GHz
b.    Sistem Memori Physical 3 GB DDR2 SDRAM
c.    Kapasitas Harddisk 500 GB
d.   Monitor LCD 14”
2.    Perangkat Lunak
Perangkat lunak adalah aplikasi komputer yang digunakan dalam pengembangan system website. Adapun perangkat lunak yang digunakan adalah
a.       Mozilla Firefox 15.0 dan Google Chrome
Merupakan program yang dapat digunakan untuk membuka halaman website dari sisi client. Pemilihan Mozilla Firefox 15.0 dan Google Chrome dikarenakan kedua web browser tersebut digunakan oleh mayoritas pengguna internet. Dukungan terhadap Javascript, CSS dan waktu akses relatif lebih cepat.
b.      Macromedia Dreamweaver CS5
Merupakan program aplikasi yang memiliki kemampuan sebagai editor text HTML,CSS, maupun PHP. Terdapat fasilitas yag memadai untuk melakukan editing HTML, CSS dan PHP, salah satunya penandaan menggunakan warna pada tag HTML maupun PHP. Sehingga lebih mudah melacak kesalahan penulisan sintak. Dapat digunakan untuk mengelola arsip file website dengan mudah. Terdapat fasilitas pembuangan tag dengan instan sehingga dapat mempermudah dan mempersingkat pengerjaan halaman website. Perbedaan mencolok antara versi CS3 dengan versi dibawahnya adalah dukungan penuh terhadap XHTML dan script-script AJAX yang sudah disediakan dan tinggal menggunakannya saja seperti Accordion Spry.
c.       Macromedia Firework CS3
Merupakan program aplikasi yang digunakan untuk mengolah file gambar. Program aplikasi ini memiliki kemampuan yang memadai untuk mengolah gambar pada website. Adanya macam- macam preset yang memudahkan kita dalam membuat gambar dengan gaya vista hanya dengan beberapa langkah.
d.      Corel Draw X4
Merupakan aplikasi yang digunakan untuk membuat gambar vektor. Program aplikasi ini mempunyai kemampuan yang sangat dibutuhkan ketika kita akan membuat gambar berbasiskan vektor ataupun berbasiskan seperti pembuatan logo. Fasilitas exportnya kedalam berbagai format memudahkan kita untuk mengolah gambar lebih lanjut.
e.       Xampp-Win32-1.7.
Merupakan perangkat lunak yang mengintegrasikan webserver apache versi 2.2.3, PHP versi 5.2.0, dan database MySQL versi 5.0.27 pada paket instalasinya sehingga lebih mudah untuk melakukan instalasi dan konfigurasi pada Apache, PHP, dan MySQL.


BAB V
IMPLEMENTASI SISTEM

V. 1          Modul  Website
            Website Bengkel Balu Oto Work dibuat berdasarkan hasil analisis dan perancangan sistem pada bab sebelumnya yang diimplementasikan dengan bahasa pemrograman Web. Balu Oto Work terdiri dari dua modul, yaitu
V.1.1      Modul  Halaman Website Pelanggan / Customer
V.1.1.1     Sistem Navigasi
Tampilan sistem navigasi pada halaman website pelanggan dibagi menjadi dua yaitu :
1.      Navigasi Layout Horisontal di Header
Pada navigasi horisontal terdiri beberapa menu utama yang bentuknya besar serta mudah dibaca dengan jelas.
Gambar 5.1 Navigasi Horisontaldi Header

2.      Navigasi Layout Vertikal
Pada navigasi vertikal berisi kategori produk bengkel Balu Oto Work Navigasi ini dibuat berdasarkan asumsi bahwa pengunjung yang datang pasti ingin mencari produk berdasarkan kategori produk yang mereka inginkan.
Gambar 5.2 Navigasi Vertikal

V.1.1.2     Halaman Website Pengunjung
Modul halaman  website pelanggan atau customer dapat diakses oleh semua orang. Dalam modul ini website terdiri dari beberapa halaman, yaitu :
1.      Pada halaman beranda merupakan pokok kumpulan dari semua modul yang ada dalam website ini. Secara default halaman home terdiri dari dua panel panel utama yaitu panel kiri dan panel tengah. Secara default untuk halaman home pada menu main page atau panel tengah berisikan daftar produk terbaru.
Gambar 5.3 Tampilan Halaman Home

2.      Halaman berita berisi tentang berita-berita terbaru dari bengkel balu oto work.
Gambar 5.4 Halaman Berita
3.      Halaman profil berisi tentang produk yang dikeluarkan oleh bengkel Balu Oto Work.
Gambar 5.5  Halaman Profil
4.      Halaman kontak berisi tentang alamat kontak bengkel maupun ke pihak admin bengkel balu oto work.
Gambar 5.6  Halaman Kontak
5.      Halaman cara beli berisi tentang tata cara pembelian online pada web site bengkel balu oto work.
Gambar 5.7  Halaman Cara Beli
6.      Halaman galeri berisi tentang gambar-gambar hasil karya bengkel balu oto work.
Gambar 5.8  Halaman Cara Beli
7.      Halaman komentar berisi tentang inputan komentar dan data komentar yang masuk di website bengkel balu oto work.
Gambar 5.9  Halaman Komentar

8.      Halaman daftar user berisi tentang formulir pendaftaran user/ pelanggan bengkel balu oto work.
Gambar 5.10 Halaman Daftar User
9.      Halaman login user berisi tentang link ke pembuatan akun dan form user untuk masuk ke we site bengkel balu oto work.
Gambar 5.11  Halaman Login User
10.  Halaman Keranjang Belanja adalah halaman keranjang belanja yang menampung seluruh produk yang telah dipilih untuk dibeli.
Gambar 5.12  Halaman Keranjang Belanja
11.  Halaman Konfirmasi Pembayaran adalah halaman yang digunakan sebagai konfirmasi pembayaran. User  hanya perlu mengisikan nomor rekening pada inputan nomor rekening user lalu memilih bank tujuan serta jumlah yang dibayarkan.
Gambar 5.13 Halaman Konfirmasi Pembayaran
12.  Halaman  nota  Pembayaran adalah halaman yang digunakan sebagai nota siap cetak.
Gambar 5.14  Halaman Nota Pembayaran

V.1.2    Halaman Website Administrator
Modul halaman website pengguna administrator hanya dapat diakses oleh pihak administrator yang telah ditentukan oleh pihak bengkel Balu Oto Work. Untuk keamanan sebelum masuk kedalam halaman, administrator harus melakukan login terlebih dahulu.
V.1.2.1 Sistem  Navigasi Administrator
1.      Navigasi Layout Horisontal di Header
Pada navigasi horisontal terdiri beberapa menu yang sama dengan user guna memudahkan admin terhubung ke halaman user, yang bentuknya besar serta mudah dibaca dengan jelas.

Gambar 5.15  Halaman Navigasi Horizontal

2.      Navigasi Layout Vertikal di Left Konten
Pada navigasi Vertical terdiri beberapa menu data, insert, update, dan juga men delete data – data si sistem informasi Balu Oto work, yang bentuknya besar serta mudah dibaca dengan jelas.
Gambar 5.16  Halaman Navigasi Vertikal
V.1.2.1 Halaman Utama Administrator
Gambar 5.17  Halaman Login
1.      Halaman utama administrator berisi menu utama dan status login administrator.
Gambar 5.18  Halaman Utama Administrator
2.      Halaman data berita berisi form inputan data berita, upload foto berita dan daftar semua berita.
Gambar 5.19  Halaman Input Data berita
3.      Halaman data kontak berisi form edit data kontak dan daftar isi kontak.
Gambar 5.20  Halaman Edit Data Kontak.
4.      Halaman data cara beli berisi form edit data cara beli dan daftar isi cara pembelian.
Gambar 5.21  Halaman Edit Cara Beli
5.      Halaman data produk berisi form input produk edit data produk dan daftar produk yang sudah di inputkan.
Gambar 5.22  Halaman Input Data Produk
Gambar 5.23 Halaman Input Data Produk

6.      Halaman data profil berisi dan daftar profil menu edit .
Gambar 5.24  Halaman Data Profil.
7.      Halaman data user hanya berisi daftar data semua user.
Gambar 5.25  Halaman Data User
8.      Halaman data admin hanya berisi satu data admin dan menu edit email dan password.
Gambar 5.26  Halaman Data Admin.
9.      Halaman data komentar user yang juga bisa di lihar pada menu admin
Gambar 5.27  Halaman Data Komentar.
10.  Halaman data jenis berisi tentang form input data jenis dan edit data jenis dan semua data jenis barang.
Gambar 5.28  Halaman Data Jenis.
11.  Halaman data Pesanan user berisi tentang data – data pesanan Baru dan data Pesanan Lunas.
Gambar 5.29  Halaman Pesanan Baru
Gambar 5.30  Halaman Pesanan Lunas
12.  Halaman ACC Pesanan User
Gambar 5.31  Halaman ACC Pesanan User

13.  Halaman Laporan Pembayaran
Gambar 5.32  Halaman Laporan  Pembayaran.


 BAB VI
PENUTUP

VI.1         Simpulan
Berdasarkan pengamatan dan penelitian yang dilakukan penulis pada bengkel Balu Oto Work, penulis mengambil beberapa kesimpulan sebagai berikut:
1.      Dengan adanya sistem informasi dan penjualan produk bengkel Balu Oto Work ini dapat meningkatkan penjualan pruduk dan memudahkan  bengkel Balu Oto Work dalam melakukan promosi dan penjualan untuk seluruh wilayah yang meggunakan koneksi internet.  
2.      System informasi dan penjualan produk ini juga dapat memudahkan konsumen atau calon pembeli dalam melakukan transaksi pembelian produk bengkel Balu Oto Work.

VI.2         Saran
Adapun saran-saran yang dapat penulis sampaikan adalah sebagai berikut:
1.      Implementasi sistem website diharapkan dilakukan perawatan atau maintenance secara berkala, sehingga website lebih terpelihara dan informasinya tetap up-to-date, sehingga kebutuhan informasi user dapat terpenuhi dengan baik, khususnya untuk produk – produk inovasi terbaru dan berita – terbaru tentang bengkel Bengkel Balu oto Work.
2.      Konsumen akan merasa lebih diuntungkan jika Bengkel Balu Oto Work memiliki atau bekerjasama dengan pengiriman barang agar biaya pengiriman dapat diminimalkan dan konsumen dapat memesan lebih banyak dari sebelumnya karena tidak terpaut dengan biaya pengiriman yang cukup mahal.


DAFTAR PUSTAKA
Kadir, Abdul, 2009, Mastering Ajax dan  PHP, Andi Offset, Yogyakarta.
Kadir, Abdul, 2009, Belajar Database Menggunakan MySQL, Andi Offset, Yogyakarta.
Nugroho, Tri S.A, 2010, Pembuatan Sistem Informasi Pembelian dan Penjualan Berbasis RelationShip di Bengkel Mobil Rewwin Motor, Universitas Pembangunan Nasional, Jawa Timur.

Rianto, 2010, Membangun Aplikasi Mini Market Sederhana Dengan PHP 5 MySQL, Andi Offset, Yogyakarta.
Sahriansyah, 2010, Analisis dan Perancangan Sistem Informasi Modifikasi Motor Berbasis Website pada Bengkel Streetside Custom Yogyakarta, Yogyakarta.
Syafii, M., 2011, Panduan Membuat Aplikasi Database Dengan PHP 5 MySQL PostgreSQL & Oracle, Andi Offset, Yogyakarta.
Yuhefizar,  2008, 10 Jam Meng. Internet,teknologi & Apl+cd,  Andi Offset,  Yogyakarta.