2007-2-00039-if_bab 3

BAB 3

ANALISIS DAN PERANCANGAN

3.1 Sejarah Perusahaan

PT. Astra International, Inc didirikan pada tanggal 20 Februari 1957 dengan

semboyan PAR ASPERA AD ASTRA yang artinya dengan bekerja keras mencoba

mencapai bintang-bintang. Kata ASTRA diambil dari nama Dewi Astrea yang menurut

mitologi Yunani merupakan Dewi terakhir yang menarik diri ke angkasa dan menjelma

menjadi bintang dalam konstelasi bintang Virgo. Dengan dipilihnya nama Astra

diharapkan dapat langsung sebagaimana abadinya sinar sebuah bintang di angkasa.

Karena berkembang serta semakin banyaknya bidang-bidang yang ditanganinya, maka

didirikanlah anak-anak perusahaan baik merupakan usaha patungan dengan perusahan

lain ataupun perusahaan sendiri.

Pada tahun 1965 PT. Astra International, Inc telah mengalihkan bidang usahanya

dari ekspor hasil pertanian dan perdagangan dalam negeri, ke bidang impor atau

memasarkan alat-alat berat dan kendaraan bermotor.

Tanggal 25 Februari 1969 PT. Gaya Motor didirikan, perusahaan ini merupakan

perusahaan patungan antara pemerintah R.I. dengan PT. Astra International, Inc yang

bergerak di bidang perakitan kendaraan bermotor roda empat.

Tanggal 1 Juli 1969 PT. Astra International, Inc mendapat pengakuan resmi dari

pemerintah R.I. sebagai agen tunggal kendaraan bermotor merek Toyota untuk seluruh

Indonesia. Sebagai kelanjutan dari adanya pengakuan tersebut, maka pada tahun 1970

dibentuklah Toyota Division yang menangani distribusi dan pemasaran kendaraan

Toyota. Melihat kenyataan bahwa pemasaran kendaraan Toyota di Indonesia maju pesat,

maka Toyota Motor Sales Co. Ltd. Jepang mempunyai minat yang besar untuk

meningkatkan pelayanan kepada peminat kendaraan Toyota, dengan jalan pembinaan

industri Toyota.

Tanggal 15 Juli 1979 PT. Astra International, Inc ditunjuk oleh Fuji Xerox untuk wilayah

Indonesia.

Tanggal 12 April 1971 PT. Toyota Astra Motor berdiri, patungan antara PT. Astra

International, Inc, Gaya motor dan Toyota Motor Corporation Ltd. Jepang, yang

merupakan agen tunggal Toyota untuk seluruh wilayah Indonesia dialihkan dari PT.

Astra International, Inc kepada PT. Toyota Astra Motor. Sedangkan PT. Astra

International, Inc ditunjuk pula sebagai agen tunggal dari produk Daihatsu Motor Sales

Co. Ltd. Dengan demikian nama Toyota Division tidak sesuai lagi untuk dipakai, karena

misi ini bukan hanya memasarkan kendaraan Toyota saja, tetapi juga kendaraan merek

Daihatsu. Oleh karena itu pada tanggal 1 September 1973 nama Toyota Division dirubah

menjadi Motor Vehicle Division, PT. Astra International, Inc terjadi perubahan, dimana

hanya bertindak sebagai agen tunggal kendaraan Daihatsu saja, karena pemasaran Toyota

sudah beralih kepada PT. Astra Motor Sales.

Tanggal 13 Oktober 1971 PT. United Tractors berdiri.

Tahun 1973 OT. Multi Agre didirikan, bidang usahanya pertanian.

Tanggal 23 Juli 1973 PT. Honda Federal didirikan, perusahaan ini bergerak untuk

memproduksi komponen atau sub komponen utama sepeda motor merek Honda.

Tanggal 20 Maret 1975 PT. Multi Astra didirikan, bergerak dalam bidang perakitan

kendaraan bermotor merek Honda.

Tanggal 1 Januari 1976 PT. Midas Oil didirikan, bergerak di bidang impor dan distributor

minyak pelumas Caltex.

Tanggal 31 Mei 1978 PT. Daihatsu Indonesia didirikan merupakan usaha patungan antara

PT. Astra International, Inc dengan Daihatsu Motor Co, Daihatsu Motor Sales Co dan

Nichimen Co.jepang.

Perusahaan ini bergerak di bidang industri kendaraan bermotor komersial (non sedan)

dengan membuat komponen-komponen kabin dan rear body pick up, komponen truk dan

jeep Daihatsu.

Pada tanggal 1 September 1989 PT. Astra Motor Sales bergabung kembali

(merger) dengan PT. Astra International, Inc karena program go publik, sebagai suatu

identitas bahwa selaku penyalur kendaraan Toyota, maka nama lengkapnya PT. Astra

International-Toyota Sales Operation dengan menggunakan logo dan nama AUTO2000.

Dengan bidang usaha yang dijalankan :

Penjualan unit baru (kas,kredit dan tukar tambah)

Pelayanan jasa perbengkelan

Penjualan suku cadang.

3.2 Struktur Organisasi & Wewenang Tanggung Jawab

Struktur organisasi meliputi penentuan atau pengaturan dari semua kegiatan-

kegiatan yang diperlukan untuk mencapai tujuan perusahaan melalui pengelompokkan

tugas, wewenang, dan tanggung jawab masing-masing karyawan dalam perusahaan.

PT.Astra International TSO, Tbk mempunyai struktur organisasi yang bertujuan

menciptakan arus informasi dan prosedur kerja yang jelas bagi karyawan.

Gambar 3.1 Struktur Organisasi pada PT. Astra International, TSO, Tbk

Branch Manager

Tugas :

Bertanggungjawab atas seluruh operasi yang berjalan di kantor cabang.

Melaksanakan perencanaan strategis yang telah dibuat oleh perusahaan

pusat.

Memberikan pengarahan dan mengevaluasi hasil kerja kepala divisi.

Menyerahkan laporan kinerja kantor cabang kepada kantor pusat.

Branch Manager

Sales Supervisor

Head Admin & Finance

Dept

Customer Relationship Coordinator

Head Service

Dept

Salesman

Counter Sales

Admin Coordinator

Admin for Services

Cashier

P G A

Foreman

Service advisor

Mechanic

PT. ASTRA INTERNATIONAL TSO, TBK

Sales Supervisor

Tugas :

Menyusun usulan rencana penjualan tahunan dan bulanan, serta strategi

pemasaran untuk dipresentasikan kepada kepala cabang.

Mengkoordinir aktivitas counter sales, dan salesman.

Melakukan analisa industri, pesaing, dan analisa SWOT (Strength,

Weakness, Opportunities, Threat).

Mempersiapkan rencana pemasaran dan periklanan berikut detail teknik

promosi.

Head Admin and Finance Department

Tugas :

Mengepalai dan mengatur seluruh tugas administrasi, menerima laporan

dari admin units, cashier, dan admin coordinator. Memberikan laporan

kepada branch manager tentang seluruh kegiatan administrasi.

Menandatangani surat permohonan pembayaran dengan cek dan membuat

laporan persetujuan dari branch manager untuk pengeluaran kasnya.

Customer Relationship Coordinator

Tugas :

Mengurus garansi produk, dan klaim produk Toyota dari customer.

Menangani langsung interaksi dengan calon customer ataupun customer.

Head Service Department

Tugas :

Bertanggungjawab atas seluruh operasi perusahaan di bagian bengkel

AUTO2000.

Salesman

Tugas :

Mengadakan promosi secara canvasing (door to door), memberikan info

yang terbaru kepada calon customer secara langsung (face to face).

Memberikan data calon customer sebagai database kantor cabang.

Memberikan data calon customer yang tertarik melakukan transaksi untuk

diproses lebih lanjut oleh admin koordinator.

Counter Sales

Tugas :

Melayani calon customer yang datang ke showroom AUTO2000.

Menjawab pertanyaan yang diajukan oleh calon customer mengenai

produk yang ditawarkan.

Menginformasikan produk terbaru yang dikeluarkan oleh AUTO2000.

Menyiapkan formulir dan hal-hal lain untuk mengurus transaksi jual-beli,

yang akan diserahkan kepada admin koordinator untuk diproses lebih

lanjut.

Admin Coordinator

Tugas :

Mengurus dokumen-dokumen kepemilikan kendaraan bermotor seperti

STNK dan BPKB setelah calon konsumen selesai melakukan pembayaran.

Foreman

Tugas :

Melayani pelanggan yang ingin servis produk Toyota

Menerima keluhan dari customer dan menyampaikannya kepada mekanik.

Memeriksa kelengkapan spare-part motor dan melakukan pemesanan.

Service Advisor

Tugas :

Memberikan saran kepada pelanggan mengenai kebutuhan pelayanan

perbaikan, perawatan, dan peningkatan kendaraan.

Mengamati pola kerusakan pada kendaraan.

Admin for Units

Tugas :

Bertanggungjawab atas stok yang ada pada cabang.

Mengatur pengiriman mobil pada calon pelanggan serta memberikan

laporan pada administrasi.

Cashier

Tugas :

Menerima pembayaran tunai dan pemesanan kredit kendaraan bermotor

Mencatat semua pemasukan dan pengeluaran harian.

Membuat laporan kepada bagian keuangan.

Admin for Services

Tugas :

Melayani administrasi pelayanan perbaikan, perawatan, serta peningkatan

kendaraan.

Mengatur pelayanan perpanjangan surat-surat kendaraan bermotor.

Mechanic

Tugas :

Menangani service kendaraan customer melalui perantaraan foreman.

Menyelesaikan keluhan pelanggan.

PGA

Tugas :

Mengatur penyimpanan dokumen dalam gudang.

Memegang akses atas peminjaman dokumen dalam gudang

Melakukan pemusnahan dokumen yang telah melewati masa retensinya

3.3 Analisis

3.3.1 Proses Bisnis / Kerja

PT. Astra International TSO, Tbk terbagi dalam dua bagian yaitu kantor

pusat dan kantor cabang. Kantor pusat berfokus pada marketing ke media massa,

misalnya mengadakan iklan lewat media cetak, stasiun televisi, serta billboard.

Sedangkan kantor cabang berfokus pada hubungan langsung dengan customer,

antara lain showroom event, canvasing (door to door) dan pameran.

Setiap calon pelanggan dapat melakukan pembelian dengan 2 cara yaitu

tunai atau kredit. Untuk pembelian tunai calon pelanggan dapat melakukan

pembayaran melalui uang tunai, cek, giro, atau transfer antar rekening.

Untuk pembelian dengan cara kredit, PT. Astra International TSO, Tbk

bekerjasama dengan perusahaan leasing, calon pelanggan yang ingin membeli

mobil dengan cara ini harus melakukan pembayaran awal, minimal 20% dari

harga mobil yang ingin dibeli. Kekurangannya akan dibayar oleh perusahaan

leasing, sehingga calon pelanggan membayar cicilan tiap bulan pada perusahaan

leasing.

3.3.2 Kuesioner & Wawancara

Pengumpulan informasi dilakukan oleh penulis dengan mengamati secara

langsung di lapangan melalui wawancara kepada branch manager PT Astra

International TSO, Tbk cabang Pangeran Jayakarta. Selain itu penulis juga

memberikan kuesioner kepada calon konsumen PT. Astra International TSO, Tbk.

Kuesioner dibagikan kepada 50 responden dari tanggal 4 Oktober - 9 Oktober

2006.

Wawancara dan kuesioner ini bertujuan untuk mendapatkan informasi

mengenai masalah yang dihadapi customer, dalam mengambil keputusan untuk

membeli kendaraan Toyota, dan kesulitan para salesman dalam menjelaskan

informasi mengenai kendaraan Toyota kepada calon customer. Dari penyebaran

kuesioner ini akan diketahui perlu tidaknya aplikasi katalog produk berbasiskan

multimedia dirancang bagaimana bentuk CD katalog produk yang menarik dan

cocok bagi pelanggan PT. Astra International TSO, Tbk.

3.3.2.1 Kuesioner

Hasil kuesioner digambarkan pada tabel-tabel berikut :

Tabel 3.1 Hasil kuesioner pertanyaan 1 (satu)

1. Apakah Anda menggunakan komputer pada kegiatan

operasional Anda?

Jumlah

(orang)

Persentase

(%)

a. Ya 34 68.00

b. Tidak 16 32.00

Apakah Anda menggunakan komputer pada kegiatan operasional Anda?

68.00%

32.00%

YaTidak

Berdasarkan hasil kuesioner, terdapat 68% responden yang menggunakan

komputer dalam kegiatan operasionalnya dan 32% responden yang tidak

menggunakan komputer. Dari hasil kuesioner ini dapat diketahui bahwa sebagian

besar pelanggan PT. Astra International TSO, Tbk menggunakan komputer dalam

kegiatan operasionalnya. Dengan demikian dapat dipertimbangkan perlu

dibuatnya aplikasi katalog produk berbentuk CD.

Tabel 3.2 Hasil kuesioner pertanyaan 2 (dua)

2. Melalui media apakah Anda mengetahui tentang produk

mobil Toyota? (boleh pilih lebih dari satu)

Jumlah

(orang)

Persentase

(%)

( ) Brosur 14 26.92

( ) Iklan media cetak 7 13.46

( ) Iklan media elektronik 9 17.31

( ) Teman/saudara 8 15.38

( ) Pameran 12 23.08

( ) Lain-lain,........... 2 3.85

Melalui media apakah Anda mengetahui tentang produk mobil Toyota?

26.92%

13.46%17.31%

15.38%

23.08%3.85%

Brosur

Iklan media cetak

Iklan media elektronikTeman/saudara

Pameran

Lain-lain,

Pertanyaan kedua ditujukan untuk mengetahui sumber-sumber informasi apa saja

yang digunakan oleh responden dalam memperoleh informasi mengenai

kendaraan Toyota. Dari hasil pertanyaan kedua, dapat disimpulkan bahwa

sebagian besar responden mendapatkan informasi dari brosur dan iklan media

elektronik.

Tabel 3.3 Hasil kuesioner pertanyaan 3 (tiga)

3. Apakah Anda mengetahui apa yang disebut aplikasi katalog produk?

Jumlah

(orang)

Persentase

(%)

a. Tahu 35 70.00

b. Tidak tahu 15 30.00

Apakah Anda mengetahui apa yang disebut aplikasi katalog produk?

70.00%

30.00%TahuTidak tahu

Dari pertanyaan ketiga, menunjukkan 70% responden sudah mengetahui apa itu

aplikasi katalog produk, sehingga tidak perlu penjelasan lebih lanjut mengenai

aplikasi katalog produk.

Tabel 3.4 Hasil kuesioner pertanyaan 4 (empat)

4. Menurut Anda, apakah perlu dibuat aplikasi katalog

produk PT. ASTRA INTERNASIONAL TSO, TBK?

Jumlah

(orang)

Persentase

(%)

a. Sangat perlu 16 32.00

b. Perlu 20 40.00

c. Kurang perlu 8 16.00

d. Tidak perlu 6 12.00

Menurut Anda, apakah perlu dibuat aplikasi katalog produk PT. ASTRA

INTERNASIONAL TSO, TBK?

32.00%

40.00%

16.00%12.00%

Sangat perluPerluKurang perluTidak perlu

Pertanyaan keempat ditujukan untuk mengetahui minat responden terhadap

pengadaan aplikasi katalog produk berbentuk CD. Dari hasil kuesioner dapat

disimpulkan bahwa pengadaan aplikasi katalog produk berbentuk CD pada PT.

Astra International TSO, Tbk diperlukan.

Tabel 3.5 Hasil kuesioner pertanyaan 5 (lima)

5. Informasi apa yang Anda butuhkan?

(boleh pilih lebih dari satu)

Jumlah

(orang)

Persentase

(%)

( ) Produk baru dari Toyota 36 30.00

( ) Eksterior, interior, dan warna produk 41 34.17

( ) Spesifikasi produk 16 13.33

( ) Service 27 22.50

Informasi apa yang Anda butuhkan?

30.00%

34.17%13.33%

22.50%Produk baru dariToyotaEksterior, interior, danwarna produkSpesifikasi produk

Service

Pertanyaan kelima ditujukan untuk mengetahui informasi apa saja yang

dibutuhkan oleh responden terhadap produk Toyota. Dari hasil pertanyaan kelima,

dapat disimpulkan bahwa sebagian besar responden membutuhkan informasi

eksterior, interior, dan warna produk dari Toyota.

Tabel 3.6 Hasil kuesioner pertanyaan 6 (enam)

6. Kendala apa yang Anda hadapi dalam mendapatkan

informasi tentang kendaraan Toyota di showroom PT.

ASTRA INTERNASIONAL TSO, TBK?

(boleh pilih lebih dari satu)

Jumlah

(orang)

Persentase

(%)

( ) Keterbatasan brosur 18 31.03

( ) Keterbatasan kendaraan yang dipajang 22 37.93

( ) Keterbatasan jumlah counter sales 10 17.24

( ) Belum tersedianya kios informasi 8 13.79

Kendala apa yang Anda hadapi dalam mendapatkan informasi tentang kendaraan

Toyota di showroom PT. ASTRA INTERNASIONAL TSO, TBK?

31.03%

37.93%

17.24%

13.79%Keterbatasan brosur

Keterbatasan kendaraanyang dipajangKeterbatasan jumlahcounter salesBelum tersedianya kiosinformasi

Pertanyaan keenam ditujukan untuk mengetahui kendala yang dihadapi oleh

responden dalam mendapatkan informasi tentang kendaraan Toyota di showroom

PT. Astra International TSO, Tbk. Dari hasil pertanyaan keenam, dapat

disimpulkan bahwa kendala terbesar yang dihadapi responden dalam

mendapatkan informasi yaitu keterbatasan kendaraan yang dipajang dan brosur.

Tabel 3.7 Hasil kuesioner pertanyaan 7 (tujuh)

7. Aplikasi katalog produk mobil seperti apa yang Anda

inginkan? (boleh pilih lebih dari satu)

Jumlah

(orang)

Persentase

(%)

( ) Mudah digunakan 13 16.67

( ) Informasi yang lengkap 28 35.90

( ) Informasi yang akurat 25 32.05

( ) Animasi yang menarik 12 15.38

Aplikasi katalog produk mobil seperti apa yang Anda inginkan?

16.67%

35.90%32.05%

15.38% Mudah digunakanInformasi yang lengkapInformasi yang akuratAnimasi yang menarik

Pertanyaan ketujuh ditujukan untuk mengetahui harapan responden terhadap

aplikasi katalog produk yang diinginkan. Dari hasil pertanyaan ketujuh, dapat

disimpulkan bahwa responden menginginkan aplikasi katalog produk yang

memuat informasi lengkap dan akurat.

Tabel 3.8 Hasil kuesioner pertanyaan 8 (delapan)

8. Fitur multimedia apa yang lebih Anda tekankan pada aplikasi katalog produk?

Jumlah

(orang)

Persentase

(%)

a. Video 14 28.00

b. Gambar 15 30.00

c. Teks 3 6.00

d. Suara 5 10.00

e. Animasi (gambar bergerak) 13 26.00

Fitur multimedia apa yag lebih Anda tekankan pada aplikasi katalog produk?

28.00%

30.00%6.00%10.00%

26.00% VideoGambarTeksSuaraAnimasi (gambar bergerak)

Pertanyaan kedelapan ditujukan untuk mengetahui fitur multimedia apa yang

diinginkan responden. Dari pertanyaan kedelapan dapat disimpulkan bahwa fitur

yang paling diinginkan adalah animasi.

3.3.2.2 Wawancara

Di samping pembagian kuesioner, juga dilakukan wawancara dengan

Branch Manager PT. Astra International TSO, Tbk cabang Pangeran Jayakarta,

Bpk. David Tju, untuk mendapatkan pemahaman lebih lanjut mengenai sistem

yang sedang berjalan saat ini. Dari wawancara ini diperoleh informasi bahwa

promosi yang dilakukan oleh perusahaan masih bersifat tradisional, yakni dengan

melakukan penyebaran brosur kepada masyarakat di dalam area pemasaran, serta

melakukan canvasing dari rumah ke rumah yang dilakukan oleh salesman.

Dalam hal pemasaran produk dan layanan, dapat dilihat adanya sejumlah

ruang yang masih dapat ditingkatkan, yakni seperti dalam hal efektifitas serta

efisiensi. Hal ini dapat dilihat dari besarnya pengeluaran yang dikeluarkan oleh

pihak perusahaan untuk melakukan desain dan pencetakan brosur, yakni dalam

kisaran 5 juta per bulannya.

Dari wawancara ini pula diketahui bahwa untuk ke depannya, aplikasi

katalog produk akan menjadi pilihan dalam melakukan pemasaran produk dan

layanan, dan diharapkan juga dapat difungsikan sebagai kios informasi bagi

pelanggan yang datang ke showroom AUTO2000.

3.3.3 Permasalahan & Alternatif Solusi

3.3.3.1 Permasalahan

Permasalahan pada PT. Astra International TSO, Tbk dapat dilihat

dari 2 (dua) sudut, yaitu :

1. Perusahaan

Dari sudut perusahaan, bagian penjualan masih mendapat kesulitan

dalam menjelaskan kendaraan Toyota kepada calon customer.

Promosi yang dilakukan oleh PT. Astra International TSO, Tbk

masih bersifat tradisional yaitu pembagian brosur yang memiliki

beberapa kekurangan dalam penyampaian informasi, diantaranya

yaitu :

Penyampaian informasi yang kurang lengkap karena

keterbatasan brosur yang tidak bisa memuat semua

informasi produk perusahaan. Ini dikarenakan biaya

percetakan brosur yang cukup mahal, dimana semakin

banyak produk yang ingin dimasukkan ke dalam brosur

maka biaya percetakan brosur akan semakin tinggi. Dalam

sebulan, perusahaan harus mengeluarkan biaya sebesar 4-5

juta rupiah untuk mencetak brosur.

Katalog yang tidak bersifat fleksibel terhadap perubahan-

perubahan, jadi ketika ada perubahan data seperti

perubahan produk atau peluncuran produk baru maka

katalog lama sudah tidak bisa dipakai lagi dan perlu dicetak

ulang.

2. Calon Customer

Dari sudut pandang calon customer, calon customer tidak dapat

melihat secara langsung kendaraan yang akan dibelinya dan kurang

tersedianya brosur tentang kendaraan yang diinginkan oleh calon

customer.

Hal ini menyebabkan calon customer menjadi ragu untuk membeli

kendaraan.

3.3.3.2 Alternatif Solusi

Alternatif solusi untuk pemecahan masalah tersebut adalah dengan

penggunaan aplikasi katalog produk. Aplikasi katalog produk ini

diharapkan dapat membantu mengatasi masalah tersebut dan menjadi

pelengkap dari sistem yang telah ada. Diharapkan juga agar dapat

meningkatkan angka penjualan kendaraan Toyota pada PT. Astra

International TSO, Tbk.

3.4 Perancangan Sistem

Secara garis besar sistem perancangan yang diterapkan pada aplikasi katalog

produk ini dibagi menjadi 4 bagian, yaitu :

1. Struktur Menu

Berbentuk diagram hierarki untuk menjelaskan menu-menu yang

terdapat dalam katalog produk ini.

2. State Transition Diagram (STD)

Disini dijelaskan mengenai diagram transisi keadaan katalog produk

dan diagram transisi tentang database.

3. Perancangan Layar

Menjelaskan tentang perancangan layar katalog produk dan rancangan

layar database.

4. Rancangan Database

Disini dijelaskan rancangan struktur tabel database.

3.4.1 Struktur Menu

3.4.1.1 Struktur Menu Katalog Produk

Struktur menu berikut mengambarkan menu-menu yang akan dirancang

pada katalog produk :

Home

Profile Products Services

Overview Mission

Vision

History

Contact

Value

Overview Exterior

InteriorSpesification

Car Services Part & Accessories

General Services

Other Services

Periodical Services

PWC

TWC

RPS Services

OK/Gratis

Quick Services

Services Plus

Express Services

Compare

Gambar 3.2 Struktur Menu Katalog Produk

Part

Accessories

3.4.1.2 Struktur Menu Administrator

3.4.2 State Transition Diagram Katalog Produk

3.4.2.1 State Transition Diagram Home

Gambar 3.4 State Transition Diagram Home

Tampilkan Halaman Services

Pilih Services

Tampilkan Halaman Profile

Pilih Profile

Pilih Products

Tampilkan Halaman Products

Halaman Home

Halaman Products

Halaman Profile

Halaman Services

Add Update

Add Product

Add Sub

Edit Products Edit Parts Edit Accessories Logout

Menu Utama

Add Update Add Update

Login

Update Product

Update Sub

Gambar 3.3 Struktur Menu Administrator

3.4.2.2 State Transition Diagram Profile

Gambar 3.5 State Transition Diagram Profile 3.4.2.3 State Transition Diagram Products

Gambar 3.6 State Transition Diagram Products

Tampilkan Halaman Product Compare

Pilih Product Compare

Pilih Specification

Pilih Interior

Tampilkan Halaman Specification

Tampilkan Halaman Interior

Tampilkan Halaman Exterior

Pilih Exterior

Tampilkan Halaman Overview

Pilih Overview

Halaman Products

Overview

Specification

Exterior

Interior

Product Compare

Pilih Contact

Tampilkan Halaman Mission

Tampilkan Halaman Contact

Tampilkan Halaman Value

Pilih Value

Pilih Mission

Tampilkan Halaman Vision

Pilih Vision

Tampilkan Halaman History

Pilih History

Tampilkan Halaman Overview

Pilih Overview

Halaman Profile

Overview

Vision

Mission

Value

History

Contact

3.4.2.4 State Transition Diagram Services

3.4.3 State Transition Diagram Admin

3.4.3.1 State Transition Diagram Login

Gambar 3.8 State Transition Diagram Login

Tampilkan Halaman Accessories

Pilih Accessories

Pilih General Services

Tampilkan Halaman Services

Tampilkan Halaman PWC

Pilih PWC

Tampilkan Halaman General Services

Gambar 3.7 State Transition Diagram Services

Tampilkan Halaman Part & Accecories

Pilih Part & Accecories

Tampilkan Halaman Car Services

Pilih Car Services

Tampilkan Halaman TWC

Pilih TWC

Tampilkan Halaman Parts

Pilih Parts

Pilih Periodical Services

Halaman Services

Halaman Part & Accecories

Halaman General Services

Halaman Periodical Services

Halaman Other Services

Parts

TWC

PWC

Tampilkan Halaman Other Services

Pilih Other Services

Halaman Car Service

Accessories

Keluar dari Sistem

Tampilkan Halaman Menu Utama

Login

OK

Cancel

Pilih Cancel

Pilih OK

3.4.3.2 State Transition Diagram Menu Utama

Gambar 3.9 State Transition Diagram Menu Utama

3.4.3.3 State Transition Diagram Edit Products

Gambar 3.10 State Transition Diagram Edit Products

Pilih Add Products

Tampilkan Form Update Products

Pilih Update Products

Tampilkan Form Update Sub Model

Tampilkan Form Add Sub Model

Pilih Add Sub Model

Tampilkan Form Add Products

Edit Products

Add Products

Add Sub Model

Pilih Update Sub Model

Update Products

Update Sub Model

Save

Close

Save

Close

Update

Delete

Close

Update

Delete

Close

Tampilkan Form Edit Part & Acc

Pilih Edit Part & Accessories

Keluar dari Sistem

Tampilkan Form Edit Product

Pilih Edit Product

Menu Utama

Edit Product

Pilih Logout

Edit Part & Accessories

Logout

3.4.3.4 State Transition Diagram Edit Parts

Gambar 3.11 State Transition Diagram Edit Parts

3.4.3.5 State Transition Diagram Edit Accessories

Gambar 3.12 State Transition Diagram Edit Accessories

Accecories

Add

Update

Close

Add

Close

Update

Delete

Close

Parts

Add

Update

Close

Add

Close

Update

Delete

Close

3.4.4 Perancangan Layar

3.4.4.2 Perancangan Layar Katalog Produk

3.4.4.2.1 Layar Animasi

Layar animasi pembuka adalah layar yang ditampilkan

pertama kali saat katalog produk dijalankan. Pada layar ini terdapat

animasi dari logo AUTO2000 disertai dengan musik. Pada layar

ini terdapat tombol skip intro yang membawa user langsung ke

halaman Home seperti terlihat pada gambar 3.13.

Gambar 3.13 Perancangan Layar Animasi Pembuka

3.4.4.1.2 Layar Home

Setelah layar pembukaan selesai dijalankan maka akan

tampil menu utama yang dapat dilihat rancangan layarnya pada

Animasi Pembuka

Skip

gambar 3.15, menampilkan rancangan halaman Home yang berisi

kata sambutan dari AUTO2000, logo perusahaan, serta menu-menu

pilihan yaitu Home, Profile, Products, dan Services. Di dalam

bagian teks menampilkan kata sambutan katalog produk. Dan

terdapat pengaturan volume sesuai keingginan users.

Gambar 3.14 Perancangan Layar Home

3.4.4.1.3 Layar Profile

Jika menu Profile dipilih, maka akan ditampilkan halaman

Profile seperti terlihat pada gambar 3.16. Halaman ini berisi

overview, history, vision, mission, value, dan contact. Pada saat

menu Profile dipilih, maka akan langsung ditampilkan pilihan-

pilihan tersebut. Overview berisi gambaran secara umum mengenai

Logo Perusahaan

Waktu Home

Teks

Video

Contact Us Exit

Logo TOYOTA

Profile Products Services Volume Control

Slide Show

AUTO2000. Sejarah perusahaan bisa dilihat pada pilihan History.

Vision menampilkan visi yang ingin dicapai perusahaan. Untuk

mengetahui misi yang dijalankan oleh perusahaan, maka dapat

dipilih tombol Mission. Dalam melayani pelanggan, AUTO2000

mengutamakan nilai-nilai yang bisa dilihat pada pilihan Value.

Untuk keterangan lebih lanjut tentang AUTO2000, user dapat

menghubungi contact list pada pilihan Contact.

Gambar 3.15 Perancangan Layar Profile

3.4.4.1.4 Layar Products

Pada halaman Products ini, user dapat memilih tipe mobil

yang diinginkan, dengan cara meng-klik panah kanan atau kiri di

sebelah nama mobil. Setiap mobil ada 4 macam menu yang bisa

Logo Perusahaan

Waktu Home

Teks

Contact Us Exit

Logo TOYOTA


Overview

Vision

Mission

Value

Contact

History

Slide Show

dilihat yaitu Overview, Specification, Exterior, dan Interior.

Tersedia juga menu tambahan yaitu Product Compare, bisa

membandingkan 2 mobil yang berbeda.

Gambar 3.16 Perancangan Layar Products Overview

Pada halaman Overview akan diletakkan gambar utama

mobil dan teks yang merupakan penjelasan singkat tentang gambar

yang ada di sampingnya. Terdapat warna yang tersedia dan

navigasi nama mobil dibawahnya. Di sisi sebelah kanan terdapat

Product Compare. Di sisi bawah terdapat terdapat navigasi untuk

memilih mobil yang ada.

Logo Perusahaan

Waktu Home

Gambar

Contact Us Exit

Logo TOYOTA


Product Compare Overview Specification Eksterior Interior

Pilihan Warna

Pilihan Warna

Pilihan Warna

Pilihan Warna

Pilihan Warna

Plihan Warna

Pilihan Warna

Teks

Nama Mobil

Gambar 3.17 Perancangan Layar Products Specification

Pada halaman ini terdapat 3 macam pilihan sub menu yaitu

Dimension, Engine, dan Chassis. Model dibagi menurut tipe mobil

yang ada. Di kanan bawah terdapat animasi. Di sisi bawah terdapat

terdapat navigasi untuk memilih mobil yang ada.

Logo Perusahaan

Waktu Home

Contact Us Exit

Logo TOYOTA



Nama Mobil

Dimension Engine Chassis

Model/Type

Animasi

Gambar 3.18 Perancangan Layar Products Exterior

Pada layar ini dapat dilihat gambar mobil dari delapan

penjuru mata angin melalui gambar 360 views dan ada arah yang

menunjuknya. Di sisi kanan terdapat gambar eksterior beserta

penjelasannya. Terdapat animasi di kanan bawah. Di sisi bawah

terdapat terdapat navigasi untuk memilih mobil yang ada.

Logo Perusahaan

Waktu Home

Contact Us Exit

Logo TOYOTA



Nama Mobil

Gambar

Gambar

Gambar

Teks

360 views

Arah

Animasi

Gambar 3.19 Perancangan Layar Products Interior

Pada halaman ini akan ditampilkan gambar interior produk

beserta penjelasan secara singkat. Terdapat animasi di bagian

kanan bawah layar. Di sisi bawah terdapat terdapat navigasi untuk

memilih mobil yang ada.

Logo Perusahaan

Waktu Home

Contact Us Exit

Logo TOYOTA



Nama Mobil

Gambar Teks

Gambar Teks

Teks Gambar

Teks Gambar

Animasi

Gambar 3.20 Perancangan Layar Products Compare

Pada halaman ini terdapat navigasi pemilihan nama mobil

dan model yang akan dibandingkan. Dan dibagi menjadi 3 bagian

yaitu : dimension, engine, dan chassis.

Logo Perusahaan

Waktu Home

Contact Us Exit

Logo TOYOTA



Nama Mobil

Dimension Engine Chassis

Nama Mobil

Model/Type Model/Type

3.4.4.1.5 Layar Services

Gambar 3.21 Perancangan Layar Services

Pada rancangan layar ini, ada 2 menu pilihan yaitu Car

Services dan Part & Accessories.

Jika kita pilih Car Services, akan muncul 3 pilihan yaitu

Periodical Services, General Services, dan Other Services. Other

Service dibagi lagi menjadi Quick Service, RSP Protection, Service

Plus, OK/Gratis, dan Express Service.

Jika kita pilih Part & Accessories, akan muncul 4 pilihan

yaitu Parts, Accessories, TWC (Toyota Warranty Claim), dan PWC

(Part Warranty Claim). Jika kita masuk ke Tipe Mobil, akan

terlihat 3 pilihan lagi yaitu Interior, Exterior, dan Protection.

Logo Perusahaan

Waktu Home

Contact Us Exit

Logo TOYOTA



Animasi

PWC

Car Services Part & Accessories

Perodical

General

Others

Teks PartsAccessories

TWC

3.4.4.3 Perancangan Layar Database

Untuk mempermudah peng-update-an data pada katalog

digital, maka administrator dapat melakukannya dengan memasuki

program peng-update-an yang disediakan.

3.4.4.3.1 Layar Menu Login

Gambar 3.22 Perancangan Layar Menu Login

Admin harus memasukkan username dan password terlebih

dahulu sebelum masuk ke layar menu utama.

Username :

Password :

OK Cancel

3.4.4.3.2 Layar Menu Utama

Gambar 3.23 Perancangan Layar Menu Utama

Layar menu utama terdiri dari menu Edit Products, Edit

Parts, Edit Accessories, dan Logout. Edit Products digunakan

untuk menambah dan meng-update data yang terdapat pada

Products. Edit Parts & Accessories digunakan untuk menambah

dan meng-update data yang terdapat pada Parts & Accessories.

Sedangkan Logout digunakan untuk keluar dari program.

Products

Parts

Logout

Logo Toyota

Accessories

3.4.4.3.3 Perancangan Layar Edit Products

Gambar 3.24 Perancangan Layar Menu Edit Products

Pada menu ini admin dapat menambahkan products atau sub

model yang diinginkan ke database dan meng-update data yang

sudah ada sebelumnya dan menghapus data dari database.

Add

Add Products

Add Sub Model

Update

Update Products

Update Sub Model

Products

Parts

Logout

Logo Toyota

Accessories

Update

Add

Logo Toyota

Products

Parts

Accessories

Logout Update Sub Model

Add Products

Add Sub Model

Update Products

Nama

Overview

Deskripsi 1

Deskripsi 2

Warna 1

Warna 2

Warna 3

Warna 4

Warna 5

Warna 6

Warna 7

Warna 8

Gbr Ext U

Gbr Ext UT

Gbr Ext T

Gbr Ext TS

Gbr Ext S

Gbr Ext SB

Gbr Ext B

Gbr Ext BU

Gbr Int 1

Gbr Int 2

Gbr Int 3

Gbr Int 4

Gbr Ext 1

Gbr Ext 2

Gbr Ext 3

Deskripsi

Deskripsi

Deskripsi

Deskripsi

Deskripsi

Deskripsi

Deskripsi

Close

Preview

Save Close

Gambar 3.25 Perancangan Layar Add Products

Update

Add

Logo Toyota

Products

Parts

Accessories

Logout Update Sub Model

Add Products

Add Sub Model

Update Products

Nama

Overview

Deskripsi 1

Deskripsi 2

Warna 1

Warna 2

Warna 3

Warna 4

Warna 5

Warna 6

Warna 7

Warna 8

Gbr Ext U

Gbr Ext UT

Gbr Ext T

Gbr Ext TS

Gbr Ext S

Gbr Ext SB

Gbr Ext B

Gbr Ext BU

Gbr Int 1

Gbr Int 2

Gbr Int 3

Gbr Int 4

Gbr Ext 1

Gbr Ext 2

Gbr Ext 3

Deskripsi

Deskripsi

Deskripsi

Deskripsi

Deskripsi

Deskripsi

Deskripsi

Close

Preview

Update CloseDelete

Gambar 3.26 Perancangan LayarUpdate Products

Jenis Mobil

Update

Add

Update Sub Model

Add Products

Add Sub Model

Update Products

Logo Toyota

Products

Parts

Accessories

Logout

Dimensi Lebar

Dimensi Panjang

Dimensi Tinggi

Jarak Sumbu

Jarak Pijak Depan

Jarak Pijak Belakang

Berat Kosong

Sasis Transmisi

Perbandingan Gigi 1

Perbandingan Gigi 2

Perbandingan Gigi 3

Perbandingan Gigi 4

Perbandingan Gigi 5

Model

Perbandingan Gigi R

Perbandingan Gigi Akhir

Sasis Rem Depan

Sasis Suspensi Belakang

Sasis Rem Belakang

Sasis Rem Tambahan

Sasis Ukuran Ban

Kode Mesin

Tipe Mesin

Isi Silinder

Diameter x Langkah

Daya Maksimum

Torsi Maksimum

Jenis Bahan Bakar

Sistem Bahan Bakar

Sasis Suspensi Depan

Kapasitas Tanki

Close

Close

Save

Gambar 3.27 Perancangan Layar Add Sub Model

Jenis Mobil

Update

Add

Update Sub Model

Add Products

Add Sub Model

Update Products

Logo Toyota

Products

Parts

Accessories

Logout

Dimensi Lebar

Dimensi Panjang

Dimensi Tinggi

Jarak Sumbu

Jarak Pijak Depan

Jarak Pijak Belakang

Berat Kosong

Sasis Transmisi

Perbandingan Gigi 1

Perbandingan Gigi 2

Perbandingan Gigi 3

Perbandingan Gigi 4

Perbandingan Gigi 5

Model

Perbandingan Gigi R

Perbandingan Gigi Akhir

Sasis Rem Depan

Sasis Suspensi Belakang

Sasis Rem Belakang

Sasis Rem Tambahan

Sasis Ukuran Ban

Kode Mesin

Tipe Mesin

Isi Silinder

Diameter x Langkah

Daya Maksimum

Torsi Maksimum

Jenis Bahan Bakar

Sistem Bahan Bakar

Sasis Suspensi Depan

Kapasitas Tanki

Update Close

Close

Delete

Gambar 3.28 Perancangan Layar Update Sub Model

3.4.4.3.4 Perancangan Layar Edit Parts

Gambar 3.29 Perancangan Layar Menu Edit Parts

Pada menu ini admin dapat menambahkan part yang

diinginkan ke dalam database, meng-update data yang sudah ada

sebelumnya dan menghapus data dari database.

Products

Logo Toyota Add

Add Parts

Update

Update Parts

Parts

Accessories

Logout

3.4.4.3.5 Perancangan Layar Edit Accessories

Gambar 3.30 Perancangan Layar Menu Edit Accessories

Pada menu ini admin dapat menambahkan Accessories yang

diinginkan ke dalam database, meng-update data yang sudah ada

sebelumnya dan menghapus data dari database.

3.4.5 Perancangan Database

Perancangan database digunakan untuk merancang suatu tempat

untuk menampung data. Dimana data-data tersebut dapat diupdate, dihapus, atau

ditambah secara dinamis melalui aplikasi back-end side. Berikut ini adalah

rancangan database yang digunakan :

Products

Logo Toyota Add

Add Accessories

Update

Update Accessories

Parts

Logout

Accessories

1) Tabel Login

Tabel ini digunakan untuk menampung data admin yang berwenang

menggunakan aplikasi ini.

Tabel msLogin : (@Username, Password)

Primary Key : Username

Tabel 3.9 Deskripsi Tabel Login

Nama Field Tipe Data Ukuran Field Keterangan

Username Char 25 Primary key, tidak dapat diduplikasi.

Password Varchar 8 Untuk memastikan proses login

dilakukan oleh orang yang berwenang.

Jika password tidak cocok dengan

username, maka proses login tidak

berhasil.

2) Tabel Mobil

Tabel ini digunakan untuk menampung data yang ada di overview.

Tabel msMobil : (@Id_Mobil, Gambar_overview, Des_Go,

Gbr_Arah_angin, Ekterior_gbr, Eksterior_des, Interior_gbr, Interior_des)

Primary Key : Id_Mobil

Foreign Key : Model

Tabel 3.10 Deskripsi Tabel Mobil


Id_Mobil Char 10 Primary key, tidak dapat diduplikasi.

Gambar_overview Teks 30 Berisi gambar overview.

Des_GO Teks 155 Deskripsi Gambar Overview.

Warna Teks 50 Berisikan tentang pilihan warna

mobil yang tersedia.

Ext_U Teks 50 Berisikan tentang direktori arah

Utara.

Ext_UT Teks 50 Berisikan tentang direktori arah Utara

Timur.

Ext_T Teks 50 Berisikan tentang direktori arah

Timur.

Ext_TS Teks 50 Berisikan tentang direktori arah

Timur Selatan.

Ext_S Teks 50 Berisikan tentang direktori arah

Selatan.

Ext_SB Teks 50 Berisikan tentang direktori arah

Selatan Barat.

Ext_B Teks 50 Berisikan tentang direktori arah Barat

Utara.

Ext_BU Teks 50 Berisikan tentang direktori arah Barat

Utara.

Eksterior_gbr Teks 50 Berisikan tentang gambar eksterior.

Eksterior_des Teks 50 Berisikan tentang deskripsi eksterior.

Interior_gbr Teks 50 Berisikan tentang gambar interior.

Interior_des Teks 50 Berisikan tentang deskripsi interior.

3) Tabel Model Mobil

Tabel ini digunakan untuk menampung data specification, exterior, dan

interior mobil.

Tabel msSubModel Mobil : (@Model, Panjang, Lebar, Tinggi,

JarakPijakDepan, JarakPijakBelakang, BeratKosong,

dll)

Primary Key : Model

Tabel 3.11 Deskripsi Tabel ModelMobil


Model Teks 10 Primary Key.

Panjang Varchar 5 Berisi panjang mobil.

Lebar Varchar 5 Berisi lebar mobil.

Tinggi Varchar 5 Berisi tinggi mobil.

JarakPijakDepan Varchar 5 Berisi jarak pijak depan mobil.

JarakPijakBelakang Varchar 5 Berisi jarak pijak belakang mobil.

BeratKosong Varchar 5 Berisi berat kosong mobil.

PerbandinganGigi Varchar 5 Berisi perbandingan gigi mobil.

SuspensiDepan Varchar 5 Berisi suspensi depan mobil.

SuspensiBelakang Varchar 5 Berisi suspensi belakang mobil.

RemDepan Teks 20 Berisi rem depan mobil.

RemBelakang Teks 20 Berisi rem belakang mobil.

KodeMesin Teks 20 Berisi kode mesin mobil.

TipeMesin Teks 20 Berisi tipe mesin mobil.

IsiSilinder Varchar 5 Berisi isi silinder mobil.

DayaMaksimum Varchar 5 Berisi daya maksismum mobil.

TorsiMaksimum Varchar 5 Berisi torsi maksimum mobil.

BahanBakarJenis Varchar 5 Berisi bahan bakar jenis yang

digunakan mobil.

KapasitasTangki Varchar 5 Berisi kapasitas tangki mobil.

4) Tabel Part

Tabel ini digunakan untuk menampung data dalam yang berhubungan

dengan part.

Tabel msPart: (@Part_Number, Part_Name, dan Car_Type)

Primary Key : Part_Number

Tabel 3.12 Deskripsi Tabel Part


Part_Number Teks 10 Primary Key.

Part_Name Teks 10 Berisi nama part.

Car_Type Teks 10 Berisi jenis mobil yang tersedia.

5) Tabel Accessories

Tabel ini digunakan untuk menampung data dalam yang berhubungan

dengan accessories.

Tabel msAccessories: (@accNumber, accName, accPic, carType)

Primary Key : accNumber

Tabel 3.13 Deskripsi Tabel Accessories


accNumber Teks 10 Primary Key.

accName Teks 10 Berisi nama accessories.

accPic Teks 50 Berisi gambar accessories yang

tersedia.

carType Teks 10 Berisi jenis mobil yang tersedia.

2007-2-00039-if_bab 3

Documents