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.
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
• 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,
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.1Kuesioner
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%
Ya Tidak
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 elektronik Teman/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%
Tahu Tidak 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 perlu Perlu Kurang perlu Tidak 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
( ) Service 27 22.50
Informasi apa yang Anda butuhkan?
30.00%
34.17% 13.33%
22.50%
Produk baru dari Toyota
Eksterior, interior, dan warna produk Spesifikasi 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
( ) 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 kendaraan yang dipajang Keterbatasan jumlah counter sales
Belum tersedianya kios informasi
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
( ) Animasi yang menarik 12 15.38
Aplikasi katalog produk mobil seperti apa yang Anda inginkan?
16.67%
35.90% 32.05%
15.38%
Mudah digunakan Informasi yang lengkap Informasi yang akurat Animasi 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
Fitur multimedia apa yag lebih Anda tekankan pada aplikasi katalog produk? 28.00% 30.00% 6.00% 10.00% 26.00% Video Gam bar Teks Suara
Anim asi (gam bar 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 Interior Spesification
Car Services Part & Accessories General Services Other Services Periodical Services PWC TWC RPS Services OK/Gratis Quick Services Services Plus Express Services Compare Part Accessories
3.4.1.2Struktur 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
3.4.2.2State Transition Diagram Profile
Gambar 3.5 State Transition Diagram Profile
3.4.2.3State 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.4State Transition Diagram Services
3.4.3 State Transition Diagram Admin
3.4.3.1 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”
3.4.3.2State Transition Diagram Menu Utama
Gambar 3.9 State Transition Diagram Menu Utama
3.4.3.3State 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
3.4.3.4State Transition Diagram Edit Parts
Gambar 3.11 State Transition DiagramEdit Parts
3.4.3.5State Transition Diagram Edit Accessories
Gambar 3.12 State Transition DiagramEdit 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.2Perancangan 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
Animasi Pembuka
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-Logo Perusahaan Waktu Home Teks Video Contact Us Exit Logo TOYOTA
Profile Products Services Volume Control
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 Logo Perusahaan Waktu Home Teks Contact Us Exit Logo TOYOTA
Profile Products Services Volume Control
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
Profile Products Services Volume Control
Product Compare Overview Specification Eksterior Interior
Pilihan Warna Pilihan Warna Pilihan Warna Pilihan Warna Pilihan
Warna PliWarnahan
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
Profile Products Services Volume Control
Product Compare Overview Specification Eksterior Interior
Nama Mobil
Dimension Engine Chassis Model/Type
►
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
Profile Products Services Volume Control
Product Compare Overview Specification Eksterior Interior
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
Profile Products Services Volume Control
Product Compare Overview Specification Eksterior Interior
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
Profile Products Services Volume Control
Product Compare Overview Specification Eksterior Interior
Nama Mobil
Dimension Engine Chassis
►
◄ ◄ Nama Mobil ►
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
Logo Perusahaan Waktu Home
Contact Us Exit
Logo TOYOTA
Profile Products Services Volume Control
Product Compare Overview Specification Eksterior Interior
Animasi
PWC
Car Services Part & Accessories
Perodical General Others Teks Parts Accessories TWC
3.4.4.3Perancangan 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 :
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
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
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 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
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
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
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
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
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 Nama Field Tipe Data Ukuran Field Keterangan
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
Nama Field Tipe Data Ukuran Field Keterangan
Part_Number Teks 10 Primary Key.
Part_Name Teks 10 Berisi nama part.
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
Nama Field Tipe Data Ukuran Field Keterangan
accNumber Teks 10 Primary Key.
accName Teks 10 Berisi nama accessories.
accPic Teks 50 Berisi gambar accessories yang
tersedia.
