PROGRAM SIMULASI PEMILIHAN WARNA CAT MOBIL DAN PENCATATAN WARNA CAT BERBASIS WEB Skripsi

PROGRAM SIMULASI PEMILIHAN WARNA CAT MOBIL
DAN PENCATATAN WARNA CAT BERBASIS WEB
Skripsi
Diajukan untuk Memenuhi Salah Satu Syarat
Memperoleh Gelar Sarjana Teknik
Jurusan Teknik Informatika

Oleh :
Linus Wedar Duanto
NIM : 055314024

PROGRAM STUDI TEKNIK INFORMATIKA
JURUSAN TEKNIK INFORMATIKA
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS SANATA DHARMA
YOGYAKARTA
2010

i

SIMULATION PROGRAM OF CHOOSING CAR PAINT

COLOUR AND WEB BASED PAINT COLOR STORING
THESIS

Submitted as a partial fulfilment of the requirements
for the degree of Sarjana Teknik

By :

Linus Wedar Duanto
Student ID : 055314024

INFORMATICS ENGINEERING STUDY PROGRAM
INFORMATICS ENGINEERING DEPARTMENT
FACULTY OF SCIENCE AND TECHNOLOGY
SANATA DHARMA UNIVERSITY
YOGYAKARTA
2010

ii

iii

iv

HALAMAN PERSEMBAHAN
Skripsi ini kupersembahkan untuk :

untuk Tuhan Yang Maha Menakjubkan, yang selalu penuh kejutan dan selalu
membuatku terkejut dengan seluruh keajaiban semestanya, baik ketika mataku
terbuka maupun tertutup.

untuk keluargaku yang juga menakjubkan, untuk semua dukungan dan
kehangatan

untuk almamaterku

dan untuk Indonesia serta dunia otomotifnya.

v

vi

vii

ABSTRAK

Salah satu kegiatan salon mobil adalah pengecatan mobil. Pengecatan
mobil dalam usaha memodifikasi dan mempercantik mobil akan lebih komplek
jika menggunakan warna cat yang berbeda – beda pada setiap panel mobil tanpa
ada gambaran/visualisasi pengecatan pada mobil tersebut. Akibatnya pelanggan
yang akan mengecatkan mobilnya belum merasa mantap, apakah warna yang
dipilih akan sesuai dengan warna panel yang lainnya yang berbeda warnanya.
Kesulitan utama dari pihak pelanggan memprediksi hasil jadi pengecatan mobil.
Tugas akhir ini akan membuat program simulasi pemilihan warna cat
mobil
dan pencatatan warna cat berbasis web dengan tampilan flash.
Pemrograman flash akan digabungkan dengan pemrograman php untuk
pengembangan web. Metodologi yang digunakan dalam pembuatan program ini
menggunakan waterfall yang didalamnya menggunakan analisis OOAD.
Dengan menggunakan web ini diharapkan pihak pelanggan dapat

menghemat waktu tanpa harus datang ke bengkel. Pihak pelanggan dapat
melakukan simulasi pemilihan warna serta melakukan uji coba warna pada objek
gambar mobil. Setelah cocok dengan simulasi warna tersebut, pihak pelanggan
dapat memesan pengecatan ke bengkel. Hasil simulasi tersebut berupa gambar
mobil yang sudah dicustomisasi warnanya dan informasi warna pada bagian
mobil bermode hexadecimal.

viii

ABSTRACT

Painting cars is one of the activities we could see at automotive shop.
Painting cars for modifying and improving cars’ performance will be more
complicated if it uses more than one colour at different parts of the car without
having the sketch. Customers will likely to feel doubtful whether the colours they
choose will look good on their cars. The main problem for customers is predicting
the final result of the car painting.
This thesis mainly discusses, and at the end, creates a simulation program
of choosing car paint colour and web based paint colour storing by using flash.
Flash programming will be combined with PHP programming for web developing.

The methodology used in this programming is using waterfall which applies
OOAD analysis.
By using this web, the customer will save their time because they do not
need to go to the automotive shop. Customers will do the simulation at home and
choose the best colours for their cars. After they are ready, they are able to order
car painting service to the shop. The result of the simulation is a picture of a car
which colours have been customized. The information of the RGB colours is in
hexadecimal mode.

ix

KATA PENGANTAR

Puji syukur kepada Tuhan Yang Maha Esa yang telah memberikan segala
karunia-Nya sehingga penulis dapat menyelesaikan skripsi dengan judul
“ Program Simulasi Pemilihan Warna Cat Mobil dan Pencatatan Warna Cat
Berbasis Web”.
Dalam kesempatan ini, penulis ingin mengucapkan terima kasih yang
sebesar-besarnya kepada semua pihak yang turut memberikan dukungan,
semangat dan bantuan hingga selesainya skripsi ini :

1. Bapak Puspaningtyas Sanjoyo Adi, S.T., M.T. sebagai dosen pembimbing
dan sebagai Kaprodi, atas semua bantuan, bimbangan, kesabaran, waktu,
dan semangat yang telah bapak berikan, membuat skripsi ini dapat
terselesaikan.
2. Bapak Iwan Binanto, S.Si., M.Cs. dan sebagai dosen penguji, atas saran
dan kritikan yang diberikan.
3. Bapak J.B. Budi Darmawan, S.T., M.Sc. dan sebagai dosen penguji, atas
saran dan kritikan yang diberikan.
4. Bengkel Jogja Speed yang telah memberikan keleluasaan dalam
melakukan observasi untuk menyelesaikan skripsi ini.
5. Seluruh Dosen TI yang selama empat setengah tahun ini telah
membagikan ilmunya yang sangat berguna kepada penulis.
6. Laboran Laboratorium Komputer yang telah membantu mempersiapkan
jalannya pendadaran.

x

7. Seluruh Staff Universitas Sanata Dharma, yang atas kerja kerasnya,
membuat perkuliahan menjadi terasa nyaman.
8. Kedua orangtuaku, Marius Bambang Utoyo dan Rita Accatia Istina,

kakakku, Brigita Galuh Prima Astiwi, atas kasih sayang, perhatian,
dukungan, semangat dan doa yang mengiringi proses pembuatan skripsi
ini.
9. Angela Ami Asmarani, CBSoftHouse yang sangat banyak membantu
dalam proses pembuatan skripsi ini, atas dukungan, semangat, dan bantuan.
10. Serta semua pihak yang telah membantu kelancaran dalam penulisan tugas
akhir ini. Penulis mengucapkan banyak terima kasih.

Yogyakarta, Januari 2010

Penulis

xi

DAFTAR ISI

HALAMAN JUDUL BAHASA INDONESIA .................................................. i
HALAMAN JUDUL BAHASA INGGRIS ........................................................ ii
HALAMAN PERSETUJUAN PEMBIMBING ................................................ iii
HALAMAN PENGESAHAN ............................................................................ iv

HALAMAN PERSEMBAHAN ........................................................................ v
PERNYATAAN KEASLIAN KARYA ............................................................ vi
HALAMAN PERSETUJUAN PUBLIKASI...................................................... vii
ABSTRAK ......................................................................................................... viii
ABSTRACT ......................................................................................................... x
KATA PENGANTAR ....................................................................................... xi
DAFTAR ISI ...................................................................................................... xii
DAFTAR TABEL .............................................................................................. xxii
DAFTAR GAMBAR ......................................................................................... xxvii

BAB I PENDAHULUAN
1.1

Latar Belakang ........................................................................................ 1

1.2

Rumusan Masalah ................................................................................... 2

1.3

Tujuan dan Manfaat ................................................................................ 3

1.4

Batasan Masalah ..................................................................................... 3

1.5

Metodologi Penelitian ............................................................................. 4

xii

1.6

Sistematika Penulisan ............................................................................. 5

BAB II LANDASAN TEORI
2.1

Simulasi................................................................................................... 7

2.2

WWW(World Wide Web)......................................................................... 7

2.3

Interaktivitas dengan Flash ..................................................................... 8

2.4

Flash, PHP dan MySQL.......................................................................... 11

2.4.1

Flash ..................................................................................................... 11

2.4.2

PHP ..................................................................................................... 13

2.4.3

Menggabungkan Flash dan PHP ......................................................... 13

2.4.4

Mengakses MySQL dengan Flash........................................................ 14

2.5

Teori Warna ............................................................................................ 15

2.6

Warna Pantone ........................................................................................ 16

2.7

CR Plus ................................................................................................... 17

BAB III ANALISA DAN PERANCANGAN
3.1. Analisa Sistem......................................................................................... 20
3.2. Analisa Kebutuhan .................................................................................. 21
3.3. Proses bisnis pada bengkel saat pelanggan akan mengecatkan mobil .... 22
3.4. Gambar proses kerja sistem yang baru.................................................... 23
3.5. Diagram Use Case .................................................................................. 24
3.5.1. Definisi aktor........................................................................................ 24

xiii

3.5.2. Skenario Use Case ............................................................................... 25
3.6. Model Analisis ........................................................................................ 26
3.6.1. Realisasi Use Case ............................................................................... 26
3.6.2. Diagram Kelas Keseluruhan ................................................................ 27
3.7. Model Perancangan................................................................................. 29
3.7.1. Kelas Perancangan ............................................................................... 29
3.7.2. Atribut dan Method .............................................................................. 31
3.7.3. Diagram Kelas...................................................................................... 32
3.7.4. User Interface ....................................................................................... 33
3.7.5. ER Diagram.......................................................................................... 33

BAB IV IMPLEMENTASI DAN PENGUJIAN
4.1 Model Implementasi ..................................................................................... 34
4.2 Model Pengujian ........................................................................................... 35
4.2.1

Model Pengujian tiap – tiap Use case ..................................................... 36

4.2.1.1

Use case Login.................................................................................... 36

4.2.1.2

Use case Tambah Data Mobil ............................................................. 36

4.2.1.3

Use case Menampilkan dan Menyembunyikan Mobil......................... 38

4.2.1.4

Use case Mencari Data Pesanan Pengecatan ....................................... 39

4.2.1.5

Use case Mengedit Profile Home ........................................................ 40

4.2.1.6

Use case Logout................................................................................... 40

4.2.1.7

Use case Melihat Profile Painting Division ......................................... 41

xiv

4.2.1.8

Use case Memilih Mobil...................................................................... 41

4.2.1.9

Use case Memilih Posisi Mobil ........................................................... 42

4.2.1.10

Use case Memilih Bagian Mobil ...................................................... 42

4.2.1.11

Use case Memilih Warna .................................................................. 44

4.2.1.12

Use case Pesan Pengecatan Mobil .................................................... 46

4.2.2

Kuisioner ........................................................................................... 48

BAB V ANALISA HASIL dan PEMBAHASAN
5.1 Analisis Hasil ................................................................................................ 49
5.1.1

Use case Login........................................................................................ 49

5.1.2

Use case Tambah Data Mobil ................................................................. 50

5.1.3

Use case Menampilkan dan Menyembunyikan Mobil............................ 50

5.1.4

Use case Mencari Data Pesanan Pengecatan .......................................... 51

5.1.5

Use case Mengedit Profile Home ........................................................... 51

5.1.6

Use case Logout...................................................................................... 51

5.1.7

Use case Melihat Profile Painting Division ............................................ 52

5.1.8

Use case Memilih Mobil......................................................................... 52

5.1.9

Use case Memilih Posisi Mobil .............................................................. 53

5.1.10

Use case Memilih Bagian Mobil ......................................................... 53

5.1.11

Use case Memilih Warna ..................................................................... 53

5.1.12

Use case Pesan Pengecatan Mobil ....................................................... 54

5.2 Pembahasan Kuisioner .................................................................................. 54

xv

BAB IV KESIMPULAN DAN SARAN
6.1 Kesimpulan ................................................................................................... 57
6.2 Saran.............................................................................................................. 58
DAFTAR PUSTAKA ......................................................................................... 59

LAMPIRAN 1 SKENARIO USE CASE
1.1 Skenario Use case Login............................................................................... 61
1.2 Skenario Use case Tambah Data Mobil........................................................ 62
1.3 Skenario Use case Menampilkan dan Menyembunyikan Mobil .................. 65
1.4 Skenario Use case Mencari Data Pesanan Pengecatan ................................. 66
1.5 Skenario Use case Mengedit Profile Home .................................................. 68
1.6 Skenario Use case Logout............................................................................. 69
1.7 Skenario Use case Melihat Profile Painting Division................................... 70
1.8 Skenario Use case Memilih Mobil................................................................ 70
1.9 Skenario Use case Memilih Posisi Mobil ..................................................... 72
1.10 Skenario Use case Memilih Bagian Mobil ................................................. 74
1.11 Skenario Use case Memilih Warna............................................................. 75
1.12 Skenario Use case Pesan Pengecatan Mobil............................................... 77

xvi

LAMPIRAN 2 REALISASI USE CASE
2.1 Realisasi Use case Login .............................................................................. 80
2.2 Realisasi Use case Tambah Data Mobil ....................................................... 81
2.3 Realisasi Use case Menampilkan dan Menyembunyikan Mobil .................. 83
2.4 Realisasi Use case Mengedit Profile Home .................................................. 85
2.5 Realisasi Use case Mencari Data Pesanan Pengecatan................................. 86
2.6 Realisasi Use case Logout ............................................................................ 87
2.7 Realisasi Use case Melihat Profile Painting Division .................................. 88
2.8 Realisasi Use case Memilih Mobil ............................................................... 89
2.9 Realisasi Use case Memilih Posisi Mobil..................................................... 90
2.10 Realisasi Use case Memilih Bagian Mobil ................................................. 93
2.11 Realisasi Use case Memilih Warna............................................................. 94
2.12 Realisasi Use case Pesan Pengecatan Mobil............................................... 95

LAMPIRAN 3 Diagram Kelas keseluruhan ....................................................... 98

LAMPIRAN 4 REALISASI USE CASE
4.1 Kelas Perancangan login ............................................................................... 99
4.2 Kelas Perancangan tambah data Mobil ......................................................... 99
4.3 Kelas Perancangan tampilkan dan senyembunyikan mobil .......................... 100
4.4 Kelas Perancangan edit profile home............................................................ 100
4.5 Realisasi Use case Mencari Data Pesanan Pengecatan................................. 100

xvii

4.6 Kelas Perancangan Logout............................................................................ 100
4.7 Kelas Perancangan melihat profile painting division.................................... 100
4.8 Kelas Perancangan memilih mobil................................................................ 102
4.9 Kelas Perancangan memilih posisi mobil ..................................................... 102
4.10 Kelas Perancangan memilih bagian mobil.................................................. 103
4.11 Kelas Perancangan memilih warna ............................................................. 103
4.12 Kelas Perancangan pesan pengecatan mobil............................................... 103

LAMPIRAN 5 ATRIBUT dan METHOD
5.1 Halaman Login.............................................................................................. 103
5.2 Halaman Template Administrator................................................................. 103
5.3 Halaman Administrator................................................................................ 104
5.4 Halaman Edit Profile Home .......................................................................... 106
5.5 Halaman Tampil Sembunyikan Mobil .......................................................... 106
5.6 Halaman Tambah Data Mobil....................................................................... 108
5.7 Halaman Pencarian Pesanan ......................................................................... 110
5.8 Halaman Index Pengunjung .......................................................................... 114
5.9 HalamanHome .............................................................................................. 116
5.10 HalamanCustomisasiWarna ........................................................................ 116
5.11 Flash Template ............................................................................................ 116
5.12 Flash List Nama dan Gambar Mobil........................................................... 121
5.13 Flash tombol Kiri ........................................................................................ 123

xviii

5.14 Flash tombol Kanan .................................................................................... 125
5.15 Flash Tombol Bagian – Bagian Mobil ........................................................ 126
5.16 Flash Pengaturan Warna ............................................................................ 127
5.17 Flash Pengaturan Warna Dengan Warna Color Spectrum.......................... 129
5.18 Flash Form Pesanan .................................................................................... 130
5.19 Konfirmasi .................................................................................................. 132
5.20 Logout ......................................................................................................... 134
5.21 Pilih ............................................................................................................. 134
5.22 Edit Profile .................................................................................................. 136
5.23 Kirim Data Mobil ....................................................................................... 137
5.24 Admin.......................................................................................................... 138
5.25 Mobil ........................................................................................................... 138
5.26 Mobil(.swf) ................................................................................................. 139
5.27 Mobil(.jpg) .................................................................................................. 139
5.28 Home ........................................................................................................... 139
5.29 Pesanan........................................................................................................ 140
5.30 Pemesan ...................................................................................................... 140

LAMPIRAN 6
6.1 Diagram Kelas .............................................................................................. 141

xix

LAMPIRAN 7 USER INTERFACE
7.1 Halaman Index Pengunjung .......................................................................... 142
7.2 Halaman Home ............................................................................................. 142
7.3 Halaman Customisasi Warna ........................................................................ 143
7.4 Halaman Flash Template .............................................................................. 143
7.5 Flash List Nama dan Mobil Gambar............................................................. 144
7.6 Flash Tombol Bagian – Bagian Mobil .......................................................... 144
7.7 Flash Pengaturan Warna ............................................................................... 144
7.8 Flash Pengaturan Warna dengan Spectrum................................................... 145
7.9 Flash Tombol Kiri ......................................................................................... 145
7.10 Flash Tombol Kanan ................................................................................... 145
7.11 Flash Form Pesanan .................................................................................... 145
7.12 Halaman Login............................................................................................ 146
7.13 Halaman Template Administrator............................................................... 146
7.14 Halaman Administrator............................................................................... 147
7.15 Halaman Tambah Data Mobil..................................................................... 147
7.16 Halaman Edit Profile Home ........................................................................ 148
7.17 Halaman Tampil Sembunyikan Mobil ........................................................ 148
7.18 Halaman Cari Pesanan ................................................................................ 149

LAMPIRAN 8 ER DIAGRAM........................................................................... 150

xx

LAMPIRAN 9 CAPTURE CLASS BOUNDARY
9.1 Halaman Index Pengunjung dan Halaman Home ......................................... 151
9.2 Halaman Customisasi Warna, Flash Templa, Flash List Nama dan
Mobil Gambar ............................................................................................... 151
9.3 Flash Tombol Bagian Mobil, Flash Tombol Kiri, Flash Tombol Kanan...... 152
9.4 Flash Pengaturan Warna ............................................................................... 152
9.5 Flash Pengaturan Warna dengan Spectrum................................................... 152
9.6 Flash Form Pesanan ...................................................................................... 154
9.7 Halaman Login.............................................................................................. 154
9.8 Halaman Template Administrator dan Halaman Administrator ................... 155
9.9 Flash Tambah Data Mobil............................................................................. 155
9.10 Halaman Tampil Sembunyikan Mobil ........................................................ 156
9.11 Halaman Pencarian Pesanan ....................................................................... 156
9.12 Halaman Edit Profile Home ........................................................................ 157

LAMPIRAN 10 Lampiran Kuisioner ................................................................. 158

LAMPIRAN 11 Pembentukan file mobil dengan format .SWF ......................... 159

xxi

DAFTAR TABEL

Tabel 1 Jenis, nama dan deskripsi event ............................................................. 8
Tabel 2 nama action dan deskripsinya ............................................................... 10
Tabel 3 Definisi Aktor ......................................................................................... 23
Tabel 4 Skenario Use Case ................................................................................ 23
Tabel 5 Realisasi Use Case................................................................................. 24
Tabel 6 Kelas Analisis ........................................................................................ 25
Tabel 7 Kelas perancangan dengan Kelas Analisis............................................. 27
Tabel 8 Prototype Atribut dan Method ............................................................... 29
Tabel 9 Prototype kelas perancangan yang menjadi tabel .................................. 31
Tabel 10 Model implementasi............................................................................. 34
Tabel 11 Model pengujian use case login ........................................................... 36
Tabel 12 Model pengujian Use case Tambah Data Mobil.................................. 36
Tabel 13 Model pengujian Use case Menampilkan dan
Menyembunyikan Mobil............................................................... 38
Tabel 14 Model pengujian Use case Mencari Data Pesanan
Pengecatan .................................................................................. 39
Tabel 15 Model pengujian Use case Mengedit Profile Home ............................ 40
Tabel 16 Model pengujian Use case Logout....................................................... 40
Tabel 17 Model pengujian Use case Melihat Profile Painting
Division ....................................................................................... 41

xxii

Tabel 18 Model pengujian Use case Memilih Mobil.......................................... 41
Tabel 19 Model pengujian Use case Memilih Posisi Mobil ............................... 42
Tabel 20 Model pengujian Use case Memilih Bagian Mobil ............................. 42
Tabel 21 Model pengujian Use case Memilih Warna......................................... 45
Tabel 22 Model pengujian Use case Pesan Pengecatan Mobil........................... 46
Tabel 23 Perhitungan Nilai Kuisioner................................................................. 55

LAMPIRAN 1
Tabel 24 Skenario Use case Login...................................................................... 61
Tabel 25 Skenario Use case Tambah Data Mobil............................................... 62
Tabel 26 Skenario Use case Menampilkan dan Menyembunyikan Mobil ......... 64
Tabel 27 Skenario Use case Mencari Data Pesanan Pengecatan........................ 65
Tabel 28 Skenario Use case Mengedit Profile Home ......................................... 68
Tabel 29 Skenario Use case Logout.................................................................... 69
Tabel 30 Skenario Use case Melihat Profile Painting Division.......................... 70
Tabel 31 Skenario Use case Memilih Mobil....................................................... 70
Tabel 32 Skenario Use case Memilih Posisi Mobil ............................................ 72
Tabel 33 Skenario Use case Memilih Bagian Mobil .......................................... 73
Tabel 34 Skenario Use case Memilih Warna...................................................... 75
Tabel 35 Skenario Use case Pesan Pengecatan Mobil........................................ 77

xxiii

LAMPIRAN 2
Tabel 36 Realisasi Use case Login ..................................................................... 80
Tabel 37 Realisasi Use case Tambah Data Mobil .............................................. 81
Tabel 38 Realisasi Use case Menampilkan dan Menyembunyikan Mobil ......... 83
Tabel 39 Realisasi Use case Mengedit Profile Home......................................... 85
Tabel 40 Realisasi Use case Mencari Data Pesanan Pengecatan........................ 86
Tabel 41 Realisasi Use case Logout ................................................................... 87
Tabel 42 Realisasi Use case Melihat Profile Painting Division ......................... 88
Tabel 43 Realisasi Use case Memilih Mobil ...................................................... 89
Tabel 44 Realisasi Use case Memilih Posisi Mobil............................................ 91
Tabel 45 Realisasi Use case Memilih Bagian Mobil .......................................... 92
Tabel 46 Realisasi Use case Memilih Warna ..................................................... 94
Tabel 47 Realisasi Use case Pesan Pengecatan Mobil........................................ 96

LAMPIRAN 5
Tabel 48 Atribut halaman login .......................................................................... 103
Tabel 49 Atribut halaman template administrator .............................................. 103
Tabel 50 Method halaman template administrator.............................................. 104
Tabel 51 Method halaman administrator ........................................................... 104
Tabel 52 Atribut halaman edit profile home ....................................................... 105
Tabel 53 Method halaman edit profile home ...................................................... 105
Tabel 54 Atribut halaman tampil sembunyikan mobil........................................ 106

xxiv

Tabel 55 Method halaman tampil sembunyikan mobil....................................... 107
Tabel 56 Atribut halaman tambah data mobil..................................................... 108
Tabel 57 Method halaman tambah data mobil.................................................... 109
Tabel 58 Atribut halaman pencarian pesanan ..................................................... 110
Tabel 59 Method halaman pencarian pesanan .................................................... 110
Tabel 60 Atribut halaman index pengunjung...................................................... 114
Tabel 61 Method halaman index pengunjung..................................................... 114
Tabel 62 Atribut HalamanHome......................................................................... 115
Tabel 63 Method HalamanHome ........................................................................ 115
Tabel 64 Atribut HalamanCustomisasiWarna .................................................... 116
Tabel 65 Atribut Flash Template ........................................................................ 116
Tabel 66 Method flash Template ........................................................................ 117
Tabel 67 Atribut flash nama dan gambar mobil.................................................. 121
Tabel 68 Method flash nama dan gambar mobil................................................. 121
Tabel 69 Atribut Flash tombol Kiri..................................................................... 123
Tabel 70 Method Flash tombol Kiri.................................................................... 123
Tabel 71 Atribut Flash tombol Kanan................................................................. 125
Tabel 72 Method Flash tombol Kanan................................................................ 125
Tabel 73 Atribut Flash Tombol Bagian – Bagian Mobil .................................... 126
Tabel 74 Method Flash Tombol Bagian – Bagian Mobil ................................... 127
Tabel 75 Atribut Flash Pengaturan Warna ......................................................... 127
Tabel 76 Method Flash Pengaturan Warna ........................................................ 128

xxv

Tabel 77 Atribut Flash Pengaturan Warna Dengan Warna
Color Spectrum ................................................................................. 129
Tabel 78 Method Flash Pengaturan Warna Dengan Warna
Color Spectrum ................................................................................................... 129
Tabel 79 Atribut Flash Form Pesanan................................................................. 130
Tabel 80 Method Flash Form Pesanan................................................................ 131
Tabel 81 Atribut Konfirmasi............................................................................... 132
Tabel 82 Method Konfirmasi .............................................................................. 132
Tabel 83 Atribut Logout ..................................................................................... 133
Tabel 84 Atribut Pilih ......................................................................................... 134
Tabel 85 Method Pilih......................................................................................... 134
Tabel 86 Method Edit Profile.............................................................................. 136
Tabel 87 Method Kirim Data Mobil .................................................................. 137
Tabel 88 Atribut Admin ...................................................................................... 138
Tabel 89 Atribut Mobil ....................................................................................... 138
Tabel 90 Atribut Mobil(.swf).............................................................................. 139
Tabel 91 Atribut Mobil(.jpg) .............................................................................. 139
Tabel 92 Atribut Home ....................................................................................... 139
Tabel 93 Atribut Pesanan .................................................................................... 140
Tabel 94 Atribut Pemesan................................................................................... 140

xxvi

DAFTAR GAMBAR

Gambar 1 Contoh efek warna RGB .................................................................... 15
Gambar 2 Contoh mode warna pantone pms, RGB dan hexadecimal ............... 16
Gambar 3 merubah mode warna hexadecimal ke pantone ................................ 18
Gambar 4 hasil mode pantone ............................................................................ 18
Gambar 5 hasil warna cat yang didapatkan ........................................................ 19
Gambar 6 merubah mode warna hexadecimal ke pantone................................. 19
Gambar 7 Gambaran umum proses pemilihan warna ........................................ 20
Gambar 8 Diagram Use Case............................................................................. 22

Lampiran 2
Gambar 9 Realisasi Use case Login ................................................................... 80
Gambar 10 Realisasi Use case Tambah Data Mobil .......................................... 81
Gambar 11 Realisasi Use case Menampilkan dan Menyembunyikan
Mobil .............................................................................................. 83
Gambar 12 Realisasi Use case Mengedit Profile Home..................................... 85
Gambar 13 Realisasi Use case Mencari Data Pesanan Pengecatan ................... 86
Gambar 14 Realisasi Use case Logout ............................................................... 87
Gambar 15 Realisasi Use case Melihat Profile Painting Division ..................... 88
Gambar 16 Realisasi Use case Memilih Mobil .................................................. 89
Gambar 17 Realisasi Use case Memilih Posisi Mobil ....................................... 91

xxvii

Gambar 18 Realisasi Use case Memilih Bagian Mobil...................................... 93
Gambar 19 Realisasi Use case Memilih Warna ................................................. 94
Gambar 20 Realisasi Use case Pesan Pengecatan Mobil ................................... 96

Lampiran 3
Gambar 21 Diagram Kelas keseluruhan ............................................................. 98

Lampiran 4
Gambar 22 Kelas Perancangan login.................................................................. 99
Gambar 23 Kelas Perancangan tambah data mobil ............................................ 99
Gambar 24 Kelas Perancangan tampilkan dan senyembunyikan mobil............. 100
Gambar 25 Kelas Perancangan edit profile home .............................................. 100
Gambar 26 Realisasi Use case mencari data pesanan pengecatan ..................... 100
Gambar 27 Kelas Perancangan Logout .............................................................. 101
Gambar 28 Kelas Perancangan melihat profile painting division ...................... 102
Gambar 29 Kelas Perancangan memilih mobil .................................................. 102
Gambar 30 Kelas Perancangan memilih posisi mobil........................................ 102
Gambar 31 Kelas Perancangan memilih bagian mobil ...................................... 103
Gambar 32 Kelas Perancangan memilih warna.................................................. 103
Gambar 33 Kelas Perancangan pesan pengecatan mobil ................................... 104

xxviii

Lampiran 6
Gambar 34 Diargam Kelas ................................................................................. 141

Lampiran 7
Gambar 35 Halaman Index Pengunjung............................................................. 142
Gambar 36 Halaman Home ................................................................................ 142
Gambar 37 Halaman Customisasi Warna........................................................... 143
Gambar 38 Halaman Flash Template ................................................................. 143
Gambar 39 Flash List Nama dan Mobil Gambar ............................................... 144
Gambar 40 Flash Tombol Bagian – Bagian Mobil............................................. 144
Gambar 41 Flash Pengaturan Warna .................................................................. 145
Gambar 42 Flash Pengaturan Warna dengan Spectrum ..................................... 145
Gambar 43 Flash Tombol Kiri............................................................................ 145
Gambar 44 Flash Tombol Kanan........................................................................ 145
Gambar 45 Flash Form Pesanan ......................................................................... 145
Gambar 46 Halaman Login ................................................................................ 146
Gambar 47 Halaman Template Administrator ................................................... 146
Gambar 48 Halaman Administrator ................................................................... 147
Gambar 49 Halaman Tambah Data Mobil ......................................................... 147
Gambar 50 Halaman Edit Profile Home............................................................. 148
Gambar 51 Halaman Tampil Sembunyikan Mobil............................................. 148
Gambar 52 Halaman Cari Pesanan ..................................................................... 149

xxix

Lampiran 8
Gambar 53 ER Diagram ..................................................................................... 150

Lampiran 9 CAPTURE CLASS BOUNDARY
Gambar 54 Halaman Index Pengunjung dan Halaman Home............................ 151
Gambar 55 Halaman Customisasi Warna, Flash Templa, Flash List Nama
dan Mobil Gambar ......................................................................... 152
Gambar 56 Flash Tombol Bagian Mobil, Flash Tombol Kiri, Flash
Tombol Kanan................................................................................ 152
Gambar 57 Flash Pengaturan Warna .................................................................. 152
Gambar 58 Flash Pengaturan Warna dengan Spectrum ..................................... 153
Gambar 59 Flash Form Pesanan ......................................................................... 154
Gambar 60 Halaman Login ................................................................................ 154
Gambar 61 Halaman Template Administrator dan Halaman
Administrator ................................................................................. 155
Gambar 62 Flash Tambah Data Mobil ............................................................... 155
Gambar 63 Halaman Tampil Sembunyikan Mobil............................................. 156
Gambar 64 Halaman Pencarian Pesanan ............................................................ 156
Gambar 65 Halaman Edit Profile Home............................................................. 157

Lampiran 11
Gambar 66 pembuatan file mobil ....................................................................... 160

xxx

BAB 1
PENDAHULUAN

1.1 LATAR BELAKANG
Dunia otomotif yang semakin berkembang menuntut bengkel – bengkel
otomotif semakin berkembang pesat dalam pelayanannya. Bengkel otomotif
khusunya pada bengkel Jogja Speed ini menyediakan jasa salon mobil, yang
didalamnya mempunyai divisi painting. Tugas dari divisi painting ini
mengecat ulang mobil pelanggan (repaint), memodifikasi cat dan mengecat
mobil pelanggan per panel. Pemilihan warna cat mobil sangatlah penting
karena warna cat yang akan dipilih merupakan warna keinginan pihak
pelanggan. Dalam menentukan warna cat yang akan digunakan pihak
pelanggan melakukan negosiasi dengan divisi painting. Divisi painting
menunjukkan kepada pihak pelanggan berupa gambar mobil yang pernah di
cat di bengkel ini dengan menggunakan foto - foto yang terdapat pada
komputer di bengkel dan menggunakan sampel/katalog (color guide) cat Spies
Hecker yang ada. Proses negosiasi pemilihan warna untuk pengecatan mobil
sering menjadi lama, kurang lebih 1-2 minggu hingga pelanggan benar – benar
mantap dalam memilih warna yang akan digunakan dalam proses pengecatan.
Seiring pesatnya kemajuan teknologi dan persaingan antar bengkel –
bengkel mobil yang ada di jogja, divisi painting pada Jogja Speed ingin
meningkatkan pelayanan dalam proses simulasi pemilihan warna cat,
menampilkan prediksi hasil pengecatan dari simulasi pemilihan warna cat

1

2

yang telah dipilih oleh pihak pelanggan dan juga memperkenalkan divisi
painting ini ke khalayak umum. Divisi painting dalam usaha tersebut akan
menggunakan media website yang berkontenkan flash yang didalamnya
terdapat visualisasi dan simulasi pemilihan warna untuk pengecatan mobil.
Untuk membuat sebuah website agar dapat menampilkan visualisasi dan
simulasi pengecatan mobil menggunakan tool macromedia flash. Dengan
macromedia flash, gambar mobil dapat dijadikan animasi sehingga gambar
mobil dapat dicustom warnanya. Selain itu action script 2.0 pada macromedia
flash dapat digabungkan dengan bahasa pemrograman php untuk membuat
suatu website.
Dengan website ini, diharapkan dapat membantu pihak pelanggan dan
divisi painting dalam memprediksi hasil pengecatan. Pihak pengunjung dapat
memilih warna sesuai dengan keinginannya tanpa harus mengeluarkan biaya
dalam usaha memodifikasi dan mempercantik mobilnya secara virtual. Selain
itu pihak pelanggan dapat memesan pengecatan sesuai dengan warna
customisasi pengunjung web sehingga dapat menghemat waktu pelanggan,
tanpa harus datang ke bengkel untuk mendiskusikan warna apa yang cocok
untuk pengecatan mobilnya.

1.2 RUMUSAN MASALAH
Berdasarkan latar belakang diatas rumusan tugas akhir ini adalah bagaimana
membuat program simulasi pemilihan warna cat mobil dan pencatatan warna cat
berbasis web.

3

1.3 TUJUAN DAN MANFAAT
Pengunjung web ini adalah calon pelanggan bengkel yang ingin
mengetahui prediksi hasil pengecatan mobil.
Tujuan dari tugas akhir ini adalah :
1. Membantu pihak pelanggan dan divisi painting dalam memprediksi
hasil pengecatan mobil.
2. Membantu pihak pelanggan dan divisi painting dalam proses
pemilihan warna untuk pengecatan mobil.

1.4 BATASAN MASALAH
Tugas akhir ini akan dibuat batasan - batasan sebagai berikut:
1. Contoh mobil yang disimulasikan merupakan gambar mobil yang
sudah diolah. Pengolahan gambar mobil tidak dijelaskan di dalam
skripsi ini.
2. Menggunakan visualisasi 2 dimensi sehingga objek mobil bisa dilihat
dari sisi kiri dan sisi kanan.
3. Dalam penambahan data objek mobil(.swf) atribut dari objek mobil
harus sesuai dengan nama objek yang sudah ditentukan agar dapat
dilakukan pengcustomisasian warna.
4. Administrator harus bisa menggunakan Macromedia Flash dan
Photoshop untuk menambahkan data mobil.
5. Harga pengecatan mobil tidak dibahas dalam pembuatan program ini.
6. Pengecatan bunglon(dapat menampilkan 3 – 7 warna) dalam cat mobil

4

tidak termasuk dalam sistem ini.
7. Dalam program simulasi pengecatan mobil ini hanya terdapat 4 bagian
pengecatan yaitu all body, down body, engine cap dan up body.

1.5 METODOLOGI PENELITIAN
Metodologi skripsi ini sebagai berikut :
1. Studi pustaka tentang pemrograman di Macromedia Flash dan PHP.
2. Mengembangkan

sistem

dengan

metode

waterfall[7]

dengan

pemodelan UML[7]. Langkah – langkahnya metode sebagai berikut :
a. Analisis
Bertujuan menganalisis data – data yang digunakan untuk
kebutuhan pembuat program. Sehingga pembuatan program
simulasi dapat maksimal.
b. Perancangan
Perancangan

dengan

menggunakan

pemodelan

UML

menggunakan diagram use case, melakukan skenario pada tiap –
tiap use case, merealisasikan diagram use case dalam bentuk
kolaborasi berbagai objek dengan kelas diagram pada tiap – tiap
use case. Membuat sequence diagram untuk menjelaskan relisasi
tiap – tiap kelas diagram, menggabungkan semua diagram kelas
sehingga terbentuk diagram kelas keseluruhan sebagai kelas
analisis atau kelas yang ber-stereotype “boundary”, “control”,
“entity”. kemudian dilakukan perancangan antarmuka program

5

agar dalam pelaksanaan pembuatan program akan lebih mudah.
Pemodelan perancangan dengan membuat kelas perancangan
(menggambarkan himpunan objek yang memiliki relasionship,
operasi dan attribut) dari tiap – tiap kelas analisis. Menjabarkan
tiap – tiap kelas perancangan pada operasi dan atribut. Pada kelas
perancangan yang terdapat method akan dijelaskan input, output,
algoritma dan pengimplementasiannya. Menggabungkan kelas
perancangan agar terbentuk diagram kelas lengkap dengan operasi
dan attribut.
c. Implementasi
Mengimplementasikan hasil perancangan ke dalam pemrograman
PHP dan pemrograman FLASH.
d. Pengujian
Mengadakan pengujian program simulasi yang telah dibuat apakah
sudah layak atau belum.

1.6 SISTEMATIKA PENULISAN
Untuk memudahkan dalam menyusun dan pemahaman isi dari tugas akhir
ini, digunakan sistematika penulisan sebagai berikut :
BAB I

PENDAHULUAN

Bab I berisi latar belakang masalah, rumusan masalah, tujuan dan manfaat,
batasan masalah, metodologi penelitian, keterangan mengenai sistematika
penulisan.

6

BAB II

LANDASAN TEORI

Bab II berisi berbagai teori yang mendukung pokok pembahasan tugas
akhir meliputi simulasi, WWW(World Wide Web), animasi flash, flash dan
php, fungsi koneksi php dan flash, teori warna dan penggunaan Macromedia
Flash untuk melakukan simulasi.
BAB III

ANALISIS DAN PERANCANGAN SISTEM

Bab III berisi analisa dan perancangan dari program simulasi ini.
Perancangan ini diawali dengan proses bisnis pada bengkel saat pelanggan
akan mengecatkan mobil, memaparkan spesifikasi program, pencarian warna
dengan CR plus, membuat diagram use case, definisi aktor, membuat skenario
tiap – tiap use case, realisasi use case, diagram kelas keseluruhan, atribut dan
method, diagram kelas, user interface, ER diagram.
BAB IV

IMPLEMENTASI dan PENGUJIAN SISTEM

Bab IV berisi hasil rancangan dan mengimplementasikannya ke dalam
bahasa pemrograman dengan menggunakan PHP dan Macromedia Flash.
BAB V ANALISA HASIL dan PEMBAHASAN
Bab V berisi tentang uraian mengenai analisa hasil tiap – tiap use case dan
pembahasan.
BAB VI KESIMPULAN dan SARAN
Bab VI berisi kesimpulan dari seluruh pembuatan program dan saran
untuk pembangunan program simulasi ini.

BAB II
LANDASAN TEORI

2.1 Simulasi
Simulasi adalah proses pembuatan desain model dari suatu sistem yang
nyata, kemudian model tersebut diimplementasikan dengan percobaan
berbasis komputer untuk menjelaskan, menggambarkan dan memprediksikan
dari suatu sistem yang nyata[6].
Apabila simulasi dibandingkan dengan relita, maka simulasi merupakan
prediksi, penjelasan, gambaran serta perilaku dari sistem yang nyata yang
direpresentasikan dan diterjemahkan kedalam bentuk program komputer. Hal
ini kemudian menjadi tujuan utama dari simulasi. Keuntungan dari simulasi
adalah sebagai suatu pendekatan untuk pemecahan suatu masalah,
mendeskripsikan dan menggambarkan suatu sistem yang kompleks sehingga
hasil dari simulasi yang didapat mampu mendekati hasil dari sistem yang
nyata[6].

2.2 WWW(World Wide Web)
WWW adalah sebuah sistem dimana informasi dalam bentuk teks, gambar,
suara, dan lain-lain dipresentasikan dalam bentuk hypertext dan dapat diakses
oleh perangkat lunak yang disebut browser. Informasi di web pada umumnya
ditulis dalam format HTML. Informasi lainnya disajikan dalam bentuk grafis
(dalam format GIF, JPG, PNG), sua