BAB 3 ANALISIS DAN PERANCANGAN. PT. Astra International, Inc didirikan pada tanggal 20 Februari 1957 dengan

Transkripsi

1 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

2 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.

3 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 kegiatankegiatan 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.

4 PT. ASTRA INTERNATIONAL TSO, TBK Branch Manager Sales Supervisor Head Admin & Finance Dept Customer Relationship Coordinator Head Service Dept Salesman Counter Sales Admin Coordinator Admin for Services Foreman Service advisor Cashier P G A Mechanic 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.

5 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.

6 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.

7 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.

8 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 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.

9 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 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 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.

10 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 b. Tidak Apakah Anda menggunakan komputer pada kegiatan operasional Anda? 32.00% 68.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.

11 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 ( ) Iklan media cetak ( ) Iklan media elektronik ( ) Teman/saudara ( ) Pameran ( ) Lain-lain, Melalui media apakah Anda mengetahui tentang produk mobil Toyota? 23.08% 3.85% 26.92% Brosur Iklan media cetak Iklan media elektronik 15.38% 17.31% 13.46% 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.

12 Tabel 3.3 Hasil kuesioner pertanyaan 3 (tiga) 3. Apakah Anda mengetahui apa yang disebut aplikasi katalog produk? Jumlah (orang) Persentase (%) a. Tahu b. Tidak tahu Apakah Anda mengetahui apa yang disebut aplikasi katalog produk? 30.00% 70.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 b. Perlu

13 c. Kurang perlu d. Tidak perlu Menurut Anda, apakah perlu dibuat aplikasi katalog produk PT. ASTRA INTERNASIONAL TSO, TBK? 16.00% 12.00% 40.00% 32.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 ( ) Eksterior, interior, dan warna produk ( ) Spesifikasi produk

14 ( ) Service Informasi apa yang Anda butuhkan? 22.50% 13.33% 34.17% 30.00% 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 ( ) Keterbatasan kendaraan yang dipajang ( ) Keterbatasan jumlah counter sales

15 ( ) Belum tersedianya kios informasi Kendala apa yang Anda hadapi dalam mendapatkan informasi tentang kendaraan Toyota di showroom PT. ASTRA INTERNASIONAL TSO, TBK? 17.24% 13.79% 37.93% 31.03% 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 ( ) Informasi yang lengkap ( ) Informasi yang akurat

16 ( ) Animasi yang menarik Aplikasi katalog produk mobil seperti apa yang Anda inginkan? 32.05% 15.38% 16.67% 35.90% 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 b. Gambar c. Teks d. Suara e. Animasi (gambar bergerak)

17 Fitur multimedia apa yag lebih Anda tekankan pada aplikasi katalog produk? Video 26.00% 28.00% 10.00% 6.00% 30.00% Gam bar Teks Suara Animasi (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 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.

18 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 AUTO Permasalahan & Alternatif Solusi 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.

19 Katalog yang tidak bersifat fleksibel terhadap perubahanperubahan, 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 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.

20 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 Struktur Menu Struktur Menu Katalog Produk Struktur menu berikut mengambarkan menu-menu yang akan dirancang pada katalog produk :

21 Home Profile Products Services Overview Mission Compare Overview Exterior Car Services Part & Accessories History Value Spesification Interior General Services Part Vision Contact Periodical Services Accessories Other Services PWC Quick Services TWC RPS Services Services Plus OK/Gratis Express Services Gambar 3.2 Struktur Menu Katalog Produk

22 Struktur Menu Administrator Login Menu Utama Edit Products Edit Parts Edit Accessories Logout Add Update Add Update Add Update Add Product Update Product Add Sub Update Sub Gambar 3.3 Struktur Menu Administrator State Transition Diagram Katalog Produk State Transition Diagram Home Pilih Profile Tampilkan Halaman Profile Halaman Profile Pilih Products Halaman Home Tampilkan Halaman Products Halaman Products Pilih Services Tampilkan Halaman Services Halaman Services Gambar 3.4 State Transition Diagram Home

23 State Transition Diagram Profile Pilih Overview Halaman Profile Tampilkan Halaman Overview Pilih History Tampilkan Halaman History Pilih Vision Tampilkan Halaman Vision Pilih Mission Tampilkan Halaman Mission Overview History Vision Mission Pilih Value Tampilkan Halaman Value Value Pilih Contact Tampilkan Halaman Contact Contact Gambar 3.5 State Transition Diagram Profile State Transition Diagram Products Pilih Overview Halaman Products Tampilkan Halaman Overview Pilih Specification Tampilkan Halaman Specification Pilih Exterior Tampilkan Halaman Exterior Overview Specification Exterior Pilih Product Compare Tampilkan Halaman Product Compare Product Compare Pilih Interior Tampilkan Halaman Interior Interior Gambar 3.6 State Transition Diagram Products

24 State Transition Diagram Services Pilih Periodical Services Tampilkan Halaman Services Halaman Periodical Services Pilih Car Services Pilih General Services Tampilkan Halaman Car Services Halaman Car Service Tampilkan Halaman General Services Pilih Other Services Halaman General Services Halaman Services Tampilkan Halaman Other Services Pilih Parts Tampilkan Halaman Parts Halaman Other Services Parts Pilih Accessories Tampilkan Halaman Accessories Accessories Pilih Part & Accecories Tampilkan Halaman Part & Accecories Halaman Part & Accecories Pilih TWC Tampilkan Halaman TWC Pilih PWC Tampilkan Halaman PWC TWC PWC Gambar 3.7 State Transition Diagram Services State Transition Diagram Admin State Transition Diagram Login Pilih OK Tampilkan Halaman Menu Utama OK Login Pilih Cancel Keluar dari Sistem Cancel Gambar 3.8 State Transition Diagram Login

25 State Transition Diagram Menu Utama Menu Utama Pilih Edit Product Tampilkan Form Edit Product Pilih Edit Part & Accessories Tampilkan Form Edit Part & Acc Edit Product Edit Part & Accessories Pilih Logout Keluar dari Sistem Logout Gambar 3.9 State Transition Diagram Menu Utama State Transition Diagram Edit Products Pilih Add Products Tampilkan Form Add Products Pilih Add Sub Model Tampilkan Form Add Sub Model Edit Products Pilih Update Products Tampilkan Form Update Products Add Products Add Sub Model Update Products Save Close Save Close Update Delete Close Pilih Update Sub Model Tampilkan Form Update Sub Model Update Sub Model Update Delete Close Gambar 3.10 State Transition Diagram Edit Products

26 State Transition Diagram Edit Parts Add Add Close Parts Update Update Delete Close Close Gambar 3.11 State Transition Diagram Edit Parts State Transition Diagram Edit Accessories Add Add Close Accecories Update Update Delete Close Close Gambar 3.12 State Transition Diagram Edit Accessories

27 3.4.4 Perancangan Layar Perancangan Layar Katalog Produk 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 Animasi Pembuka Skip Gambar 3.13 Perancangan Layar Animasi Pembuka Layar Home Setelah layar pembukaan selesai dijalankan maka akan tampil menu utama yang dapat dilihat rancangan layarnya pada

28 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. Logo TOYOTA Home Profile Products Services Volume Control Logo Perusahaan Waktu Teks Video Slide Show Contact Us Exit Gambar 3.14 Perancangan Layar Home Layar Profile Jika menu Profile dipilih, maka akan ditampilkan halaman Profile seperti terlihat pada gambar Halaman ini berisi overview, history, vision, mission, value, dan contact. Pada saat menu Profile dipilih, maka akan langsung ditampilkan pilihanpilihan tersebut. Overview berisi gambaran secara umum mengenai

29 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. Logo TOYOTA Home Profile Products Services Volume Control Logo Perusahaan Waktu Overview History Teks Vision Mission Slide Show Value Contact Contact Us Exit Gambar 3.15 Perancangan Layar Profile 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

30 dilihat yaitu Overview, Specification, Exterior, dan Interior. Tersedia juga menu tambahan yaitu Product Compare, bisa membandingkan 2 mobil yang berbeda. Logo TOYOTA Home Profile Products Services Volume Control Logo Perusahaan Waktu Overview Specification Eksterior Interior Product Compare Gambar Teks Pilihan Warna Pilihan Warna Pilihan Warna Pilihan Warna Pilihan Warna Plihan Warna Pilihan Warna Nama Mobil Contact Us Exit 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.

31 Logo TOYOTA Home Profile Products Services Volume Control Logo Perusahaan Waktu Overview Specification Eksterior Interior Product Compare Dimension Engine Chassis Model/Type Nama Mobil Animasi Contact Us Exit 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.

32 Logo TOYOTA Home Profile Products Services Volume Control Logo Perusahaan Waktu Overview Specification Eksterior Interior Product Compare Arah 360 views Gambar Gambar Teks Gambar Nama Mobil Animasi Contact Us Exit 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.

33 Logo TOYOTA Home Profile Products Services Volume Control Logo Perusahaan Waktu Overview Specification Eksterior Interior Product Compare Gambar Teks Teks Gambar Gambar Teks Teks Gambar Nama Mobil Animasi Contact Us Exit 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.

34 Logo TOYOTA Home Profile Products Services Volume Control Logo Perusahaan Waktu Overview Specification Eksterior Interior Product Compare Nama Mobil Nama Mobil Model/Type Model/Type Dimension Engine Chassis Contact Us Exit 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.

35 Layar Services Logo TOYOTA Home Profile Products Services Volume Control Logo Perusahaan Waktu Overview Specification Eksterior Interior Product Compare Car Services Part & Accessories Perodical General Others Teks Parts Accessories TWC PWC Animasi Contact Us Exit 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.

36 Perancangan Layar Database Untuk mempermudah peng-update-an data pada katalog digital, maka administrator dapat melakukannya dengan memasuki program peng-update-an yang disediakan Layar Menu Login Username : Password : OK Cancel Gambar 3.22 Perancangan Layar Menu Login Admin harus memasukkan username dan password terlebih dahulu sebelum masuk ke layar menu utama.

37 Layar Menu Utama Logo Toyota Products Parts Accessories Logout 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.

38 Perancangan Layar Edit Products Logo Toyota Add Add Products Products Parts Accessories Update Add Sub Model Update Products Logout Update Sub Model 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.

39 Logo Toyota Add Nama Preview Gbr Int 1 Deskripsi Products Add Products Overview Gbr Int 2 Parts Add Sub Model Deskripsi 1 Deskripsi Accessories Update Deskripsi 2 Gbr Int 3 Logout Update Products Deskripsi Update Sub Model Warna 1 Gbr Ext U Gbr Int 4 Warna 2 Gbr Ext UT Deskripsi Warna 3 Gbr Ext T Gbr Ext 1 Warna 4 Gbr Ext TS Deskripsi Warna 5 Gbr Ext S Gbr Ext 2 Warna 6 Gbr Ext SB Deskripsi Close Warna 7 Gbr Ext B Gbr Ext 3 Warna 8 Gbr Ext BU Deskripsi Save Close Gambar 3.25 Perancangan Layar Add Products

40 Logo Toyota Add Nama Preview Gbr Int 1 Deskripsi Products Add Products Overview Gbr Int 2 Parts Add Sub Model Deskripsi 1 Deskripsi Accessories Update Deskripsi 2 Gbr Int 3 Logout Update Products Deskripsi Update Sub Model Warna 1 Gbr Ext U Gbr Int 4 Warna 2 Gbr Ext UT Deskripsi Warna 3 Gbr Ext T Gbr Ext 1 Warna 4 Gbr Ext TS Deskripsi Warna 5 Gbr Ext S Gbr Ext 2 Warna 6 Gbr Ext SB Deskripsi Close Warna 7 Gbr Ext B Gbr Ext 3 Warna 8 Gbr Ext BU Deskripsi Update Delete Close Gambar 3.26 Perancangan LayarUpdate Products

41

42 Jenis Mobil Logo Toyota Add Model Sasis Suspensi Depan Add Products Dimensi Panjang Sasis Suspensi Belakang Products Add Sub Model Dimensi Lebar Sasis Rem Depan Parts Accessories Update Update Products Dimensi Tinggi Jarak Sumbu Sasis Rem Belakang Sasis Rem Tambahan Logout Update Sub Model Jarak Pijak Depan Sasis Ukuran Ban Jarak Pijak Belakang Kode Mesin Berat Kosong Tipe Mesin Sasis Transmisi Isi Silinder Perbandingan Gigi 1 Diameter x Langkah Perbandingan Gigi 2 Daya Maksimum Perbandingan Gigi 3 Torsi Maksimum Close Perbandingan Gigi 4 Jenis Bahan Bakar Perbandingan Gigi 5 Sistem Bahan Bakar Perbandingan Gigi R Kapasitas Tanki Perbandingan Gigi Akhir Save Close Gambar 3.27 Perancangan Layar Add Sub Model

43

44 Jenis Mobil Logo Toyota Add Model Sasis Suspensi Depan Add Products Dimensi Panjang Sasis Suspensi Belakang Products Add Sub Model Dimensi Lebar Sasis Rem Depan Parts Accessories Update Update Products Dimensi Tinggi Jarak Sumbu Sasis Rem Belakang Sasis Rem Tambahan Logout Update Sub Model Jarak Pijak Depan Sasis Ukuran Ban Jarak Pijak Belakang Kode Mesin Berat Kosong Tipe Mesin Sasis Transmisi Isi Silinder Perbandingan Gigi 1 Diameter x Langkah Perbandingan Gigi 2 Daya Maksimum Perbandingan Gigi 3 Torsi Maksimum Close Perbandingan Gigi 4 Jenis Bahan Bakar Perbandingan Gigi 5 Sistem Bahan Bakar Perbandingan Gigi R Kapasitas Tanki Perbandingan Gigi Akhir Update Delete Close Gambar 3.28 Perancangan Layar Update Sub Model

45 Perancangan Layar Edit Parts Logo Toyota Add Add Parts Products Parts Accessories Logout Update Update 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.

46 Perancangan Layar Edit Accessories Logo Toyota Add Add Accessories Products Parts Accessories Logout Update Update 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 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 :

47 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 Nama Field Tipe Data Ukuran Field Keterangan

48 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.

49 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.

50 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. Car_Type Teks 10 Berisi jenis mobil yang tersedia.

51 5) Tabel Accessories Tabel ini digunakan untuk menampung data dalam yang berhubungan dengan accessories. Tabel msaccessories: 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. cartype Teks 10 Berisi jenis mobil yang tersedia.