Senin, 09 Februari 2015

LAPORAN KP 2013

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










 LOGO UTY











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 Ashri, Agung 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.     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 .  Halaman Website Administrator......................................................... 82

BAB VI PENUTUP........................................................................................... 90
 VI.1      Simpulan................................................................................................ 90
 VI.2      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.5    Diagram Jenjang Lanjutan 3......................................................... 34
Gambar 4.6    Diagram Jenjang Lanjutan 4......................................................... 34
Gambar 4.7    Diagram Jenjang Lanjutan 5......................................................... 35
Gambar 4.8    Diagram Arus Data Level 1.......................................................... 36
Gambar 4.9    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


YANG MAU DOWNLOAD VERSI LENGKAPNYA MONGGO DISINI.... JANGAN LUPA CORETAN DI KOMENTAR KALO ADA KURANG LEBIHNYA...



Ada kesalahan di dalam gadget ini