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
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:
- Bapak Bambang Hartadi, Ph.D., MM., CPA. selaku Rektor Universitas Teknologi Yogyakarta.
- Bapak Bahagia Tarigan, SE, M.Si., Akt. selaku Dekan Fakultas Bisnis & Teknologi Informasi Universitas Teknologi Yogyakarta.
- 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.
- Rekan-rekan Teknik Informatika Universitas Teknologi Yogyakarta angkatan 2009 yang telah memberi dukungan dan semangat dalam penyusunan laporan ini.
- 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.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.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
