BAB 4 RANCANGAN SISTEM YANG DIUSULKAN. ini, maka diusulkan adanya sistem yang baru. Sistem ini merupakan sistem tambahan

Transkripsi

1 70 BAB 4 RANCANGAN SISTEM YANG DIUSULKAN 4.1 Usulan Rancangan Sistem Setelah menganalisis permasalahan-permasalahan yang dialami perusahaan saat ini, maka diusulkan adanya sistem yang baru. Sistem ini merupakan sistem tambahan bagi perusahaan di dalam meningkatkan Customer Satisfaction (kepuasaan pelanggan), dengan beberapa manfaat yang mungkin dapat memecahkan masalah dihadapi perusahaan. Mengingat keinginan perusahaan untuk menjaga hubungan baik dengan para pelanggannya, maka sistem baru yang diusulkan akan berpedoman pada dasar-dasar CRM atau Customer Realtionship Management. Secara umum, sistem baru ini terbagi atas dua bagian besar, yaitu pengenalan produk dan pelayanan service. Adapun proses bisnis untuk sistem e-crm yang diusulkan mempunyai prosedur bisnis sebagai berikut: 1. Proses Bisnis bagi Calon Pelanggan a. Calon pelanggan hanya diberikan fasilitas yang ada pada halaman utama (home) website seperti melihat profile perusahaan berikut visi, misi, dan moto perusahaan tersebut yang dikemas dengan tampilan yang menarik, produkproduk terbaru yang ada pada CV. Megatama Jaya Abadi, informasi service yang diberikan CV. Megatama Jaya Abadi untuk calon pelanggannya, dan tips-tips bermanfaat. Dengan keempat menu yang ada pada halaman home maka diharapkan dapat menarik minat calon pelanggan untuk datang ke CV. Megatama Jaya Abadi untuk melakukan transaksi bisnis.

2 71 b. Calon pelanggan memungkinkan juga untuk melihat pertanyaan yang sering diajukan berikut jawabannya melalui menu FAQ (Frequently Asked Question), melihat spesifikasi website melalui menu about, dan calon pelanggan dapat mengisi buku tamu untuk bukti telah berpartisipasi. c. Apabila calon pelanggan ingin menjadi pelanggan CV. Megatama Jaya Abadi calon pelanggan bisa mendatangi kantor setempat untuk keterangan lebih lanjut. d. Setelah melewati beberapa tahap, calon pelanggan akan diberikan username dan password untuk proses login di halaman utama website. 2. Proses Bisnis bagi Pelanggan a. Calon pelanggan yang telah menjadi pelanggan dapat menggunakan username dan password yang telah diberikan untuk melakukan login. Dengan pelanggan melakukan login maka sistem yang ada pada website dapat mengenali identitas user dan sistem akan meresponnya dengan membuka halaman pelanggan yang setiap menunya terdapat historis data pelanggan yang telah melakukan login. b. Pelanggan yang telah login akan mendapatkan keuntungan yaitu berupa informasi berita yang uptodate dan dapat menggunakan menu-menu yang dapat mendukung pelayanan pelanggan selain menu-menu yang ada pada halaman home seperti menu pelanggan, pertanyaan atau keluhan, kritik atau saran, historis service, pemesanan, daftar service, dan berita. c. Pada menu data pelanggan terdapat dua menu pilihan antara lain yaitu menu lihat data pelanggan dan menu update data pelanggan. Pada menu lihat data pelanggan, pelanggan dapat melihat data dirinya dan dapat juga melakukan update data dirinya seperti mengupdate alamat, telpon, alamat , username

3 72 dan password guna menjaga kerahasiaan data pribadi si pelanggan pada menu update data pelanggan. Pelanggan dapat dengan mudah mengajukan pertanyaan atau keluhan apapun seputar kendaraannya melalui menu pertanyaan atau keluhan dan memberikan kritik atau saran kepada perusahaan tersebut pada menu kritik atau saran terhadap website yang ada maupun pelayanan perusahaan kepada pelanggannya dimana nantinya akan digunakan sebagai feedback bagi perusahaan. Selain itu untuk memudahkan pelanggan melihat historis service kendaraannya maka pada website juga disediakan menu untuk melihat data servicenya disamping itu juga pelanggan dapat melakukan pendaftaran service secara online dimana pelanggan dapat menentukan sendiri tanggal, waktu, dan keterangan service yang ingin dilakukannya. Tidak hanya itu masih ada dua menu yang tidak kalah pentingnya pada halaman pelanggan, yang pertama adalah menu pemesanan yang digunakan pelanggan untuk melakukan pemesanan untuk produk yang diinginkan dan dapat juga melakukan upload untuk produk yang diinginkan jika produk tersebut sulit untuk dideskripsikan, dan yang kedua adalah menu berita pada menu ini terdapat berita seperti contest mobil, special price dan lain-lain. d. Jika pelanggan lupa username dan password mereka maka pelanggan dapat menggunakan menu lupa password di mana di sana terdapat informasi yang dapat membantu. e. Setelah selesai melakukan aktifitas pada halaman pelanggan, pelanggan dapat melakukan logout.

4 73 3. Proses Bisnis bagi Partner a. Partner dapat melakukan login pada website dengan username dan password yang diberikan oleh admin CV. Megatama Jaya Abadi secara langsung tanpa persyaratan apapun. b. Partner dapat menggunakan username dan password yang telah diberikan untuk melakukan login. Dengan partner melakukan login maka sistem yang ada pada website dapat mengenali identitas user dan sistem akan meresponnya dengan membuka halaman partner yang setiap menunya terdapat historis data partner yang telah melakukan login. c. Partner yang telah melakukan login dapat membuka menu data partner selain menu-menu yang ada pada halaman home. Pada menu data partner terdapat dua menu pilihan antara lain yaitu menu lihat data partner dan menu update data partner. Pada menu lihat data partner, partner dapat melihat data dirinya pada dan dapat juga melakukan update seperti mengupdate alamat, telpon, alamat e- mail, username dan password guna menjaga kerahasiaan data pribadi si partner pada menu update data partner. Selain itu terdapat juga dua menu yang tidak kalah pentingnya yaitu menu pemesanan dan berita. Pada menu pemesanan, partner dapat melakukan pemesanan produk CV. Megatama Jaya Abadi dengan melakukan upload design gambar jika produk yang diinginkannya memiliki design yang sulit untuk dideskripsikan, contohnya adalah body custom. Dan yang kedua adalah menu berita pada menu ini terdapat berita seperti contest mobil, special price dan lain-lain. d. Tidak hanya itu partner juga dapat memberikan kritik atau saran kepada perusahaan tersebut pada menu kritik atau saran terhadap website yang ada

5 74 maupun pelayanan perusahaan dimana nantinya akan digunakan sebagai feedback bagi perusahaan. e. Jika partner lupa username dan password mereka maka partner dapat menggunakan menu lupa password dimana terdapat informasi yang dapat membantu. f. Setelah selesai melakukan aktifitas pada halaman partner, partner dapat melakukan logout. 4. Proses Bisnis bagi Admin a. Administrator dapat melakukan login pada website CV. Megatama Jaya Abadi untuk mengelolanya b. Administrator dapat melihat dan mengelola data dan historis transaksi dari para pelanggan dan partner c. Selain itu administrator juga bertugas mengelola data produk, tips dan berita, seperti melakukan penambahan untuk produk, tips dan berita yang baru, memperbaharui data jika ada informasi yang salah atau dapat juga menghapus data atau informasi produk, tips dan berita yang sudah out of date pada CV. Megatama Jaya Abadi. d. Disamping itu, administrator akan menanggapi kritik atau saran, pertanyaan atau keluhan dan pemesanan yang dikirim oleh pelanggan melalui menu-menu pada halaman admin yang tersedia pada website CV. Megatama Jaya Abadi. Administrator dapat memanfaatkan kritik atau saran dan pertanyaan atau keluhan dari pelanggan tersebut sebagai feedback untuk meningkatkan pelayanan atas kebutuhan pelanggan.

6 75 e. Pada menu set historis service administrator dapat mengelola historis service pelanggan dan pada menu set pengunjung dapat mengentri data calon pelanggan dan mengentri username dan password bagi calon pelanggan yang telah menjadi pelanggan f. Tidak hanya itu pada menu set admin, administrator dapat melihat data dirinya pada menu lihat data admin dan dapat juga melakukan update data dirinya guna menjaga kerahasiaan data pribadi si admin dan dapat juga melihat siapa saja pengunjung dan pengguna website CV. Megatama Jaya Abadi pada menu set buku tamu dan lihat user pada halaman admin. g. Setelah selesai melakukan aktifitas pada halaman admin, admin dapat melakukan logout.

7 DFD Usulan Diagram Konteks Calon Pelanggan Buku_Tam u Produk Profil_ Perusahaa n FAQ Tips Informasi_ Service dan Bengkel Rekanan F A Q tips Informasi _ Service dan Bengkel Rekanan produk Profil _ Perusaha n Berita Sistem Informasi Pelayanan Pelanggan Historis_ Service Liihat_ Data_ Pelangga n Pelanggan Buku _ Tamu Update_ data_ pelangga n pertanyaan / Keluhan Kritik/ Saran Pemesana Daftar_ n Service kritik/ saran pemesana n Update_ Data_Partne r buku_ tamu Laporan_kritik_/ _saran Laporan Laporan_pemesana _service_pelanggan n Laporan_perrtanyaan_/ _keluhan Laporan_pelanggan_/ _partner_baru Lihat_ Data_ Partner berita profil_ perusahaa n p r o d u k informasi_ service dan Bengkel Rekanan T i p s Direktur Partner F A Q Gambar 4.1 Diagram Konteks Usulan

8 Diagram Nol Calon_Pelanggan Buku_Tamu Produk Informasi_Service dan Bengkel Rekanan Tips Profil_Perusahaan FAQ tr_bukutamu tr_berita ms_pengunjung Pelanggan Profil_ Perusahaan Update_data_pelanggan Informasi_ Service dan Bengkel Rekanan Buku_ Tamu Lihat_Data_Pelanggan F A Q Berita 1.0 Pelayanan_Informasi Lihat_Data_Partner profil_perusahaan informasi_service dan Bengkel Rekanan F A Q T i p s berita Update_Data_Partner buku_tamu Partner tips Kritik/Saran tr_tips Historis_Service Daftar_Service pertanyaan/keluhan pemesanan P r o d u k ms_produk Laporan_pelanggan_/_partner_baru 4.0 Pelayanan_Keluhan kritik/saran 2.0 Pelayanan_Service produk Laporan_kritik_/_saran Pemesanan ms_admin Laporan_pertanyaan_/_keluhan tr_historyservice Laporan _service_pelanggan 3.0 Pelayanan_Pemesanan tr_pemesanan tr_kritiksaran tr_pertanyaan keluhan Direktur Laporan_pemesanan Gambar 4.2 Diagram Nol Usulan

9 ERD Usulan ms_admin PK kdadmin username password nama tlp tr_historyservice PK kdservice FK1 kdpengunjung nopolisi km tipe tglservice blnservice thservice keterangan ms_pengunjung PK kdpengunjung nama alamat tlp hp jeniskelamin pekerjaan tglmasuk blnmasuk thmasuk tgllahir status username password ms_produk PK kdproduk namaproduk tipeproduk jenisproduk keterangan tr_tips PK kdtips FK1 kdadmin judul tgl isi tr_kritiksaran PK kdkritiksaran FK1 kdpengunjung FK2 kdadmin nama tglmasuk blnmasuk thmasuk tgljawab jenis komentar tr_pemesanan PK kdpemesanan FK1 kdpengunjung FK2 kdproduk FK3 kdadmin namaproduk tglpesan blnpesan thpesan jenisproduk tipeproduk jumlah status tr_bukutamu PK kdbukutamu FK1 kdpengunjung tgl nama komentar tr_pertanyaankeluhan PK kdpertanyaan FK1 kdpengunjung FK2 kdadmin pertanyaan tglmasuk blnmasuk thmasuk jawaban tglkeluar tr_berita PK kdberita FK1 kdadmin tgl isiberita Gambar 4.3 ERD Usulan

10 DatabaseUsulan Perancangan Basis Data Pada piranti lunak ini digunakan database untuk menyimpan data yang ada pada system. Adapun database tersebut adalah sebagai berikut: 1. ms_pengunjung : untuk menyimpan data pengunjung diantaranya pelanggan dan partner 2. ms_admin : untuk menyimpan data admin 3. ms_produk : untuk menyimpan data produk 4. tr_pertanyaankeluhan : untuk menyimpan pertanyaan dan keluhan dari pengunjung 5. tr_kritiksaran : untuk menyimpan kritik saran dari pengunjung 6. tr_ bukutamu : untuk menyimpan data pengunjung yang pernah mengunjungi website 7. tr_historyservice : untuk menyimpan histori service pengunjung 8. tr_tips : untuk menyimpan tips 9. tr_berita : untuk menyimpan berita 10. tr_pemesanan : untuk menyimpan pesanan pengunjung

11 Database ms_pengunjung Nama Tabel: ms_pengunjung Primary key: kdpengunjung Tabel 4.1 Database Usulan Ms Pengunjung Field Name Data Type Long Description kdpengunjung* Varchar 5 2 digit pertama menunjukkan kode pengunjung, 3 digit berikutnya menunjukkan nomor urut pengunjung. nama Varchar 20 Nama pengunjung alamat Varchar 50 Alamat pengunjung tlp Varchar 12 No. telpon pengunjung hp Varchar 15 No. Hp pengunjung jeniskelamin Varchar 7 Jenis kelamin pengunjung pekerjaan Varchar 15 Jenis pekerjaan pengunjung tglmasuk Date 2 Tanggal menjadi pelanggan blnmasuk Date 9 Bulan menjadi pelanggan thmasuk Date 4 Tahun menjadi pelanggan tgllahir Date - Tanggal lahir pengunjung Varchar 40 pengunjung status Varchar 10 Status pengunjung username Varchar 5 - password Varchar 6 -

12 Database ms_admin Nama Tabel: ms_admin Primary key: kdadmin Tabel 4.2 Database Usulan Ms Admin Field Name Data Type Long Description kdadmin* Varchar 5 2 digit pertama menunjukkan kode admin, 3 digit berikunya menunjukkan nomor urut admin. username Varchar 5 - password Varchar 6 - nama Varchar 20 Nama admin Tlp Varchar 12 No. tlp admin

13 Databasems_produk Nama Tabel: ms_produk Primary key: kdproduk Tabel 4.3 DatabaseUsulan Ms Produk Field Name Data Type Long Description kdproduk* Varchar 5 2 digit terdepan menunjukkan kode produk, 3 digit berikutnya menunjukkan nomor urut produk. namaproduk Varchar 30 Nama dari produk tipeproduk Varchar 15 Tipe dari produk jenisproduk Varchar 15 Jenis dari produk keterangan Varchar 50 Keterangan dari produk gambar Blob - Gambar dari produk

14 Database tr_pertanyaankeluhan Nama Tabel: tr_pertanyaankeluhan Primary key: kdpertanyaan Tabel 4.4 Database Usulan Transaksi Pertanyaan Keluhan Field Name Data Type Long Description kdpertanyaan* Varchar 5 2 digit pertama menunjukkan kode pertanyaan keluhan, 3 digit berikutnya menunjukkan nomor urut pertanyaan keluhan. kdpengunjung Varchar 5 Kode pengunjung kdadmin Varchar 5 Kode admin pertanyaan Text - Pertanyaan pengunjung tglmasuk Date 2 Tanggal masuk pertanyaan blnmasuk Date 9 Bulan masuk pertanyaan thmasuk Date 4 Tahun masuk pertanyaan jawaban Text - Jawaban atas pertanyaan tglkeluar Date - Tanggal keluar jawaban

15 Database tr_kritiksaran Nama Tabel: tr_kritiksaran Primary key: kdkritiksaran Tabel 4.5 Database Usulan Transaksi Kritik Saran Field Name Data Type Long Description kdkrirtiksaran* Varchar 5 2 digit pertama menunjukkan kode kritik saran, 3 digit berikutny menunjukkan nomor urut kritik saran. kdpengunjung Varchar 5 Kode pengunjung kdadmin Varchar 5 Kode admin nama Varchar 20 Nama pengunjung Varchar 40 pengunjung tglmasuk Date 2 Tanggal pengisian kritik atau saran blnmasuk Date 9 Bulan pengisian kritik atau saran thmasuk Date 4 Tahun pengisian kritik atau saran tgljawab Date - Tanggal jawaban kritik atau saran jenis Varchar 7 Jenis kritik atau saran komentar Text - Isi dari kritik atau saran

16 Database tr_bukutamu Nama Tabel: tr_bukutamu Primary key: kdbukutamu Tabel 4.6 Database Usulan Transaksi Buku Tamu Field Name Data Type Long Description kdbukutamu* Varchar 5 2 digit pertama menunjukkan kode buku tamu, 3 digit berikutnya menunjukkan nomor urut buku tamu. kdpengunjung Varchar 5 Kode pengunjung tgl Date - Tanggal pengisian buku tamu nama Varchar 20 Nama pengunjung Varchar 40 pengunjung komentar Varchar 200 Isi komentar pengunjung

17 Database tr_historyservice Nama Table: tr_historyservice Primary key: kdservice Tabel 4.7 Database Usulan Transaksi History Service Field Name Data Type Long Description kdservice* Varchar 6 2 digit pertama menunjukkan kode kode service, 4 digit berikutnya menunjukkan nomor urut kode service kdpengunjung Varchar 5 Kode pengunjung no polisi Varchar 10 No polisi kendaraan pengunjung km Varchar 5 Jarak yang telah ditempuh kendaraan pengunjung tipe Varchar 15 Jenis kendaraan pengunjung tglservice Date 2 Tanggal service kendaraan pengunjung blnservice Date 9 Bulan service kendaraan pengunjung thservice Date 4 Tahun service kendaraan pengunjung keterangan Longtext - Keterangan service untuk kendaraan pengunjung alert Varchar 1 Alert Pelanggan

18 87 waktu Varchar 5 Waktu Service Database tr_tips Nama Tabel: tr_tips Primary key: kdtips Tabel 4.8 Database Usulan Transaksi Tips Field Name Data Type Long Description kdtips* Varchar 5 2 digit pertama menunjukkan kode tips, 3 digit berikutnya menunjukkan nomor urut tips. kdadmin Varchar 5 Kode admin judul Varchar 25 Judul dari tips tgl Date - Tanggal pembuatan tips isi Text - Isi dari tips

19 Database tr_berita Nama Tabel: tr_berita Primary key: kdberita Tabel 4.9 Database Usulan Transaksi Berita Field Name Data Type Long Description kdberita* Varchar 5 2 digit pertama menunjukkan kode berita, 3 digit berikutnya menunjukkan nomor urut berita. kdadmin Varchar 5 Kode admin tgl Date - Tanggal pengisian berita isiberita Text Isi dari berita

20 Database tr_pemesanan Nama Tabel: tr_pemesanan Primary key: kdpemesanan Tabel 4.10 Database Usulan Transaksi Pemesanan Field Name Data Type Long Description kdpemesanan* Varchar 5 2 digit pertama menunjukkan kode pemesanan, 3 digit beritnya menunjukkan nomor urut pemesanan. kdpengunjung Varchar 5 Kode pengunjung kdproduk Varchar 5 Kode produk kdadmin Varchar 5 Kode admin namaproduk Varchar 30 Nama pemesanan untuk produk tglpesan Date 2 Tanggal pemesanan blnpesan Date 9 Bulan pemesanan thpesan Date 4 Tahun Pemesanan jenisproduk Varchar 30 Jenis pemesanan untuk produk tipeproduk Varchar 20 Tipe pemesanan untuk produk jumlah Int 2 Jumlah pemesanan untuk produk status Varchar 10 Status Pemesanan gambar Blob - Gambar untuk produk yang dipesan

21 Struktur Menu Struktur Menu Halaman Utama Profil Perusahaan Produk Informasi Service dan Bengkel Rekanan Tips HOME FAQ About Buku Tamu Pelanggan Login Partner Gambar 4.4 Struktur Menu Halaman Utama

22 Struktur Menu Halaman Pelanggan Back Lihat Data Pelanggan Data Pelanggan Update Data Pelanggan Pertanyaan/Keluhan Kritik/Saran Pelanggan Historis Service Pemesanan Daftar Service Berita Logout Gambar 4.5 Struktur Menu Halaman Pelanggan

23 Struktur Menu Halaman Partner Back Lihat Data Partner Data Partner Update Data Partner Kritik/Saran Partner Pemesanan Berita Logout Gambar 4.6 Struktur Menu Halaman Partner

24 Struktur Menu Halaman Admin Add Set Tips Update Delete Set Kritik/Saran Reply Delete Set Buku Tamu Delete Set Pertanyaan/ Keluhan Reply Delete Set Historis Service Reply Cancel Reply Set Pemesanan Delete Admin Add Set Produk Update Delete Add Set Pengunjung Cari Add Set Berita Update Delete Lihat Set Admin Update Cetak Laporan Logout Gambar 4.7 Struktur Menu Halaman Admin

25 Perancangan Layar Dan Tampilan Rancangan Halaman Home Logo Perusahaan Nama Bengkel Copyright Profil Perusahaan Produk Informasi Service dan Bengkel Rekanan Tips FAQ About Nama Perusahaan Username Password Select/Role Login v Buku Tamu Lupa Password? Gambar 4.8 Rancangan Layar Halaman Home Pada Halaman Home ini - Menggunakan Huruf Arial - Link Profil Perusahaan digunakan untuk menampilkan halaman Profil Perusahaan - Link Produk digunakan untuk menampilkan halaman Produk - Link Informasi Service dan Bengkel Rekanan digunakan untuk menampilkan halaman Informasi Service dan Bengkel Rekanan

26 95 - Link Tips digunakan untuk menampilkan halaman Tips - Link FAQ digunakan untuk menampilkan halaman FAQ - Link About digunkan untuk menampilkan halaman About - Link Buku Tamu digunakan untuk menampilkan halaman buku Tamu - Link Login digunakan untuk menampilkan halaman Pelanggan dan Partner - Link Lupa Password? digunakan untuk menampilkan halaman Lupa Password Tampilan Halaman Home Gambar 4.9 Tampilan Halaman Home

27 Rancangan Halaman Lupa Password Lupa Password? x x x x Back Gambar 4.10 Rancangan Layar Halaman Lupa Password - Link Back digunakan untuk menampilkan halamanan Home

28 Tampilan Halaman Lupa Password Gambar 4.11 Tampilan Halaman Lupa Password

29 Rancangan Halaman Profile Perusahaan Logo Perusahaan Copyright Home Profil Perusahaan Nama Bengkel Nama Perusahaan Bengkel Kami Bersertifikat Resmi Dari ASTRA (Click disini untuk lihat) Produk Informasi Service dan Bengkel Rekanan Tips FAQ About Buku Tamu Profil Perusahaan Gambar 4.12 Rancangan Layar Halaman Profil Perusahaan - Halaman Profil Perusahaan menampilkan penjelasan tentang profile perusahaan, visi, misi dan motto - Link Click disini untuk lihat digunakan untuk menampilkan sertifikat resmi dari ASTRA

30 Tampilan Halaman Porfil Perusahaan Gambar 4.13 Tampilan Halaman Profil Perusahaan

31 Rancangan Halaman Produk Logo Perusahaan Nama Bengkel Copyright Nama Perusahaan Home Profil Perusahaan Produk Informasi Service dan Bengkel Rekanan Tips FAQ About Buku Tamu Now Avalible Gambar Produk Gambar Produk * Produk Lainnya * Body Kit Gambar Produk Gambar 4.14 Rancangan Layar Halaman Produk - Halaman Produk menampilkan produk-produk yang ditawarkan - Link Produk Lainnya digunakan untuk menampilkan halaman Produk Lainnya - Link Body Kit digunakan untuk menampilkan halaman Body Kit

32 Tampilan Halaman Produk Gambar 4.15 Tampilan Halaman Produk

33 Rancangan Halaman Produk Lainnya Produk Lainnya Kode Produk Nama Produk Tipe Produk Jenis Produk Keterangan Gambar Back Gambar 4.16 Rancangan Layar Halaman Produk Lainnya - Link Back digunakan untuk kembali ke halaman Produk

34 Tampilan Halaman Produk Lainnya Gambar 4.17 Tampilan Halaman Produk Lainnya

35 Rancangan Halaman Body Kit BODY KIT Kode Produk Nama Produk Tipe Produk Jenis Produk Keterangan Gambar Back Gambar 4.18 Rancangan Layar Halaman Body Kit - Link Back digunakan untuk kembali ke halaman Produk

36 Tampilan Halaman Body Kit Gambar 4.19 Tampilan Halaman Body Kit

37 Rancangan Halaman Informasi Service dan Bengkel Rekanan Logo Perusahaan Copyright Nama Bengkel Nama Perusahaan Home Profile Perusahaan Produk Informasi Service dan Bengkel Rekanan Tips FAQ About Buku Tamu Gambar Gambar Gambar Informasi Service Gambar Gambar 4.20 Rancangan Layar Halaman Informasi Service dan Bengkel Rekanan - Halaman Informasi Service dan Bengkel Rekanan menampilkan jenis service yang ditawarkan, bengkel rekanan, dan informasi lainnya mengenai keunggulan perusahaan

38 Tampilan Halaman Informasi Service dan Bengkel Rekanan Gambar 4.21 Tampilan Halaman Informasi Service dan Bengkel Rekanan

39 Rancangan Halaman Tips Logo Perusahaan Copyright Home Profile Perusahaan Produk Informasi Service dan Bengkel Rekanan Tips FAQ About Buku Tamu Nama Bengkel Nama Perusahaan INFORMASI TIPS Judul Tanggal Tips Tampilkan xx/xx/xxxx Lihat Detil xx/xx/xxxx xx/xx/xxxx Lihat Detil Lihat Detil Gambar 4.22 Rancangan Layar Halaman Tips - Halaman Tips menampilkan jenis-jenis tips - Link Lihat Detil digunakan untuk menampilkan halaman Lihat Detil Tips

40 Tampilan Halaman Tips Gambar 4.23 Tampilan Halaman Tips

41 Rancangan Halaman Lihat Detil Tips ISI TIPS x x x x Back Gambar 4.24 Rancangan Layar Halaman Lihat Detil Tips - Link Back digunakan untuk kembali ke halaman Tips

42 Tampilan Halaman Lihat Detil Tips Gambar 4.25 Tampilan Halaman Lihat Detil Tips

43 Rancangan Halaman FAQ Logo Perusahaan Copyright Home Profile Perusahaan Produk Informasi Service dan Bengkel Rekanan Tips FAQ About Buku Tamu Nama Bengkel Nama Perusahaan 1. xxxx 2. xxxx 3. xxxx 1. xxxx xxxx xxxx 4. xxxx 5. xxxx Gambar 4.26 Rancangan Layar Halaman FAQ - Halaman FAQ menampilkan pertanyaan-pertanyaan yang sering ditanyakan - Link Pertanyaan digunakan untuk menampilkan halaman Isi FAQ

44 Tampilan Halaman FAQ Gambar 4.27 Tampilan Halaman FAQ

45 Rancangan Halaman Isi FAQ XXXXXXXXXXXXXXXXXXXXX x x x x Back Gambar 4.28 Rancangan Layar Halaman Isi FAQ - Link Back digunakan untuk kembali ke halaman FAQ

46 Tampilan Halaman Isi FAQ Gambar 4.29 Tampilan Halaman Isi FAQ

47 Rancangan Halaman About Logo Perusahaan Copyright Home Profil Perusahaan Produk Informasi Service dan Bengkel Rekanan Tips FAQ About Buku Tamu Nama Bengkel Nama Perusahaan Copyright Version : xx Last Update : xx xxx xxxx Contact U s : xxx - xx Fax : xxx - xx Gambar 4.30 Rancangan Layar Halaman About - Halaman About menampilkan spesifikasi website

48 Tampilan Halaman About Gambar 4.31 Tampilan Halaman About

49 Rancangan Halaman Buku Tamu Logo Perusahaan Copyright Home Profil Perusahaan Nama Bengkel Nama Perusahaan *Calon pelanggan Tidak Perlu Mengisi Kode Pelanggan / Partner Produk Informasi Service dan Bengkel Rekanan Tips FAQ About Buku Tamu BUKU TAMU Kode Buku Tamu Kode Pelanggan/Parner Tanggal Kunjungan Nama xx x xxxx Komentar Reset Insert Gambar 4.32 Rancangan Layar Halaman Buku Tamu - Halaman Buku Tamu menampilkan form buku tamu yang dapat diinput pengunjung - Button Reset digunakan untuk mengembalikan text field ke kondisi semula - Button Insert digunakan untuk menginsert data yang ada pada buku tamu

50 Tampilan Halaman Buku Tamu Gambar 4.33 Tampilan Halaman Buku Tamu

51 Rancangan Halaman Remainder Mobil Anda xx xxxx xx dangan Km telah melampaui masa service Click di sini untuk lanjut Gambar 4.34 Rancangan Layar Halaman Remainder - Halaman Remainder menampilkan remainder service - Link Click di sini untuk lanjut digunakan untuk lanjut ke halaman Pelanggan

52 Tampilan Halaman Remainder Gambar 4.35 Tampilan Halaman Remainder

53 Rancangan Halaman Pelanggan Logo Perusahaan Copyright Back Data Pelanggan Pertanyaan/Keluhan Kritik/Saran Historis Service Pemesanan Daftar Service Berita Logout Nama Bengkel Nama Perusahaan Selamat Datang Gambar Gambar Gambar 4.36 Rancangan Layar Halaman Pelanggan - Link Data Pelanggan digunakan untuk menampilkan halaman Data Pelanggan - Link Pertanyaan / Keluhan digunakan untuk menampilkan halaman Pertanyaan / Keluhan - Link Kritik / Saran digunkan untuk menampilkan halaman Kritik / Saran - Link Historis Service digunakan untuk menampilkan halaman Historis Service - Link Pemesanan digunakan untuk menampilkan halaman Pemesanan - Link Daftar Service digunakan untuk menampilkan halaman Daftar Service - Link Berita digunakan untuk menampilkan halaman Berita - Link Logout digunakan untuk menampilkan halaman Home

54 Tampilan Halaman Pelanggan Gambar 4.37 Tampilan Halaman Pelanggan

55 Rancangan Halaman Data Pelanggan Logo Perusahaan Copyright Back Data pelanggan Pertanyaan/Keluhan Kritik/saran Historis Service Pemesanan Daftar Service Nama Bengkel Nama Perusahaan * Lihat Data Pelanggan * Update Data Pelanggan Berita Logout Gambar 4.38 Rancangan Layar Halaman Data Pelanggan - Link Lihat Data Pelanggan digunakan untuk menampilkan halaman Lihat Data Pelanggan - Link Update Data Pelanggan digunakan untuk menampilkan halaman Update Data Pelanggan

56 Tampilan Halaman Data Pelanggan Gambar 4.39 Tampilan Halaman Data Pelanggan

57 Rancangan Halaman Lihat Data Pelanggan Logo Perusahaan Copyright Back Data pelanggan Pertanyaan/Keluhan Kritik/Saran Historis Service Pemesanan Daftar Service Berita Logout Nama Bengkel Nama Perusahaan Kode Pelanggan : Nama : Alamat : Telepon : Hp : Jenis Kelamin : Pekerjaan : Tanggal Lahir : xx/xx/xxxx Status : Gambar 4.40 Rancangan Layar Halaman Lihat Data Pelanggan - Halaman Lihat Data Pelanggan menampilkan data pelanggan

58 Tampilan Halaman Lihat Data Pelanggan Gambar 4.41 Tampilan Halaman Lihat Data pelanggan

59 Rancangan Halaman Update Data Pelanggan Logo Perusahaan Copyright Back Data pelanggan Pertanyaan/Keluhan Kritik/Saran Historis Service Pemesanan Daftar Service Berita Logout Nama Bengkel Nama Perusahaan Setelah Melakukan Update Anda Akan Melakukan Login FORM UPDATE PELANGGAN Kode Pelanggan Nama Alamat Telepon Hp Jenis Kelamin Pekerjaan Tanggal Lahir Password o Pria xx v x v xxxx v Update o Wanita Gambar 4.42 Rancangan Layar Halaman Update Data Pelanggan - Halaman Update Data Pelanggan menampilkan form update data pelanggan - Button Update digunakan untuk mengupdate data pelanggan

60 Tampilan Halaman Update Data Pelanggan Gambar 4.43 Tampilan Halaman Update Data pelanggan

61 Rancangan Halaman Pertanyaan / Keluhan Logo Perusahaan Copyright Back Data pelanggan Pertanyaan/Keluhan Kritik/Saran Historis Service Nama Bengkel Nama Perusahaan FORM PERTANYAAN / KELUHAN Kode Pertanyaan/Keluhan Kode Pelanggan Pemesanan Daftar Service Pertanyaan/Keluhan Berita Logout Tanggal Masuk xx x xxxx Lihat Jawaban Insert Gambar 4.44 Rancangan Layar Halaman Pertanyaan / Keluhan - Halaman Pertanyaan / Keluhan menampilkan form pertanyaan / keluhan pelanggan - Link Lihat Jawaban digunakan untuk menampilkan halaman Lihat Jawaban - Button Insert digunakan untuk menginsert pertanyaan / keluhan pelanggan

62 Tampilan Halaman Pertanyaan / Keluhan Gambar 4.45 Tampilan Halaman Pertanyaan / Keluhan

63 Rancangan Halaman Lihat Jawaban Logo Perusahaan Copyright Back Data pelanggan Pertanyaan/Keluhan Kritik/Saran Historis Service Pemesanan Daftar Service Berita Logout Pertanyaan Tanggal Tanya Jawaban Tanggal Jawab Pertanyaan Tanggal Tanya Jawaban Tanggal Jawab Nama Bengkel Nama Perusahaan : : xx/xx/xxxx : : xx/xx/xxxx : : xx/xx/xxxx : : xx/xx/xxxx Gambar 4.46 Rancangan Layar Halaman Lihat Jawaban - Halaman Lihat Jawaban menampilkan jawaban atas pertanyaan / keluhan pelanggan

64 Tampilan Halaman Lihat Jawaban Gambar 4.47 Tampilan Halaman Lihat Jawaban

65 Rancangan Halaman Kritik / Saran Logo Perusahaan Copyright Back Data pelanggan Pertanyaan/Keluhan Kritik/Saran Historis Service Pemesanan Daftar Service Berita Logout Nama Bengkel Nama Perusahaan FORM KRITIK / SARAN Kode Kritik / Saran Kode Pelanggan Nama Tanggal Kritik / Saran xx x xxxx Jenis o Kritik o Saran Komentar Lihat Tanggapan Reset Insert Gambar 4.48 Rancangan Layar Halaman Kritik / Saran - Halaman Kritik / Saran menampilkan form kritik / saran pelanggan - Link Lihat Tanggapan digunakan untuk menampilkan halaman Lihat Tanggapan - Button Reset digunakan untuk mengembalikan text field ke kondisi semula - Buttin Insert digunakan untuk menginsert kritik / saran pelanggan

66 Tampilan Halaman Kritik / Saran Gambar 4.49 Tampilan Halaman Kritik / Saran

67 Rancangan Halaman Lihat Tanggapan Logo Perusahaan Copyright Back Data pelanggan Pertanyaan/Keluhan Kritik/Saran Historis Service Pemesanan Daftar Service Berita Logout Komentar Tanggal Masuk Jawaban Tanggal Jawab Komentar Tanggal Masuk Jawaban Tanggal Jawab Nama Bengkel Nama Perusahaan : : xx/xx/xxxx : : xx/xx/xxxx : : xx/xx/xxxx : : xx/xx/xxxx Gambar 4.50 Rancangan Layar Halaman Lihat Tanggapan - Halaman Lihat Tanggapan menampilkan tanggapan atas kritik / saran pelanggan

68 Tampilan Halaman Lihat Tanggapan Gambar 4.51 Tampilan Halaman Lihat Tanggapan

69 Rancangan Halaman Historis Service Ada xx historis service atas nama Kode Service No polisi KM Type Tanggal Service Waktu Keterangan xx/xx/xxxx xx Kode Service No polisi KM Type Tanggal Service Waktu Keterangan xx/xx/xxxx xx Back 4.52 Rancangan Layar Halaman Historis Service - Halaman Historis Service menampilkan historis service pelanggan - Link Back digunakan untuk menampilkan halaman Pelanggan

70 Tampilan Halaman Historis Service Gambar 4.53 Tampilan Halaman Historis Service

71 Rancanga Halaman Pemesanan Logo Perusahaan Copyright Back Data pelanggan Nama Bengkel Nama Perusahaan * Kolom nama, Jenis, Tipe Produk, dan Browse Dapat Digunakan Jika produk Yang Diinginkan Tidak Ada Pada Katalog Pertanyaan/Keluhan Kritik/Saran History Service Pemesanan Daftar Service Berita Logout Kode Pemesanan Kode Pelanggan Kode Produk Nama Produk Tanggal Pesan Jenis Produk Tipe Produk Jumlah FORM PEMESANAN xx v x v xx Lihat Status Pesanan Insert xxxx v Browse Gambar 4.54 Rancangan Layar Halaman Pemesanan - Halaman Pemesanan menampilkan form pemesanan pelanggan - Link Lihat Status Pesanan digunakan untuk menampilkan halaman Lihat Status Pesanan - Button Insert digunakan untuk menginsert pesanan pelanggan

72 Tampilan Halaman Pemesanan Gambar 4.55 Tampilan Halaman Pemesanan

73 Rancangan Halaman Lihat Status Pesanan Logo Perusahaan Nama Bengkel Copyright Nama Perusahaan Back Data pelanggan Pertanyaan/Keluhan Kritik/Saran Historis Service Pemesanan Daftar Service Berita Logout Kode Pemesanan Kode Produk Nama Produk Tanggal Pesan Jenis Produk Tipe Produk Jumlah : : : : xx/xx/xxxx : : : Gambar Status : Gambar 4.56 Rancangan Layar Halaman Lihat Status Pesanan - Halaman Lihat Status Pesanan menampilkan gambar dan status pesanan pelanggan

74 Tampilan Halaman Lihat Status Pesanan Gambar 4.57 Tampilan Halaman Lihat Status Pesanan

75 Rancangan Halaman Daftar Service Logo Perusahaan Copyright Back Data pelanggan Pertanyaan/Keluhan Kritik/Saran History Service Pemesanan Daftar Service Berita Logout Kode Service Kode Pelanggan No Polisi KM Type Tanggal Service - Waktu Keterangan Nama Bengkel Nama Perusahaan JANGAN LUPA UNTUK MENCATAT KODE SERVICE ANDA...!!! FORM DAFTAR SERVICE xx v x v xxxx v - xxxx v XXXXX XXXXX XXXXX XXXXX XXXXX XXXXX Batal Insert Gambar 4.58 Rancangan Layar Halaman Daftar Service - Halaman Daftar Service menampilkan form daftar service pelanggan - Button Batal digunakan untuk mengembalikan textfield dan cekbox ke kondisi semula - Button Insert digunakan untuk menginsert pendaftaran service

76 Tampilan Halaman Daftar Service Gambar 4.59 Tampilan Halaman Daftar Service

77 Rancangan Halaman Berita Logo Perusahaan Copyright Back Data pelanggan Pertanyaan/Keluhan Kritik/Saran Historis Service Pemesanan Daftar Service Berita Logout Tanggal Isi Berita xx/xx/xxxx xx/xx/xxxx xx/xx/xxxx Nama Bengkel Nama Perusahaan BERITA Isi Berita xxx xxx xxx Gambar 4.60 Rancangan Layar Halaman Berita - Halaman Berita menampilkan berita dan event

78 Tampilan Halaman Berita Gambar 4.61 Tampilan Halaman Berita

79 Rancangan Halaman Partner Logo Perusahaan Copyright Back Data Partner Kritik/Saran Pemesanan Berita Logout Nama Bengkel Nama Perusahaan Selamat Datang Gambar Gambar Gambar 4.62 Rancangan Layar Halaman Partner - Link Data Partner digunakan untuk menampilkan halaman Data Partner - Link Kritik / Saran digunakan untuk menampilkan halaman Kritik / Saran - Link Pemesanan digunakan untuk menampilkan halaman Pemesanan - Link Berita digunakan untuk menampilkan halaman Berita

80 Tampilan Halaman Partner Gambar 4.63 Tampilan Halaman Partner

81 Rancangan Halaman Data Partner Logo Perusahaan Copyright Back Data Partner Kritik/Saran Pemesanan Berita Logout Nama Bengkel Nama Perusahaan * Lihat Data Partner * Update Data Partner Gambar 4.64 Rancangan Layar Halaman Data Partner - Link Lihat Data Partner digunakan untuk menampilkan halaman Lihat Data Partner - Link Update Data Partner digunakan untuk menampilkan halaman Update Data Partner

82 Tampilan Halaman Data Partner Gambar 4.65 Tampilan Halaman Data Partner

83 Rancangan Halaman Lihat Data Partner Logo Perusahaan Copyright Back Data Partner Kritik/Saran Pemesanan Berita Logout Nama Bengkel Nama Perusahaan Kode Partner : Nama Perusahaan : PT. xxx Alamat : xxx Telepon : Tanggal Berdiri : xx/xx/xxxx xxx Status : xx Gambar 4.66 Rancangan Layar Halaman Lihat Data Partner - Halaman Lihat Data Partner menampilkan data partner

84 Tampilan Halaman Lihat Data Partner Gambar 4.67 Tampilan Halaman Lihat Data Partner

85 Rancangan Halaman Update Data Partner Logo Perusahaan Copyright Back Data Partner Kritik/Saran Pemesanan Berita Logout Nama Bengkel Nama Perusahaan Setelah Melakukan Update Anda Akan Melakukan Login FORM UPDATE PARTNER Kode Partner Nama Perusahaan Alamat Telepon Tanggal Berdiri xx v x v xxxx v Password Update Gambar 4.68 Rancangan Layar Halaman Update Data Partner - Halaman Update Data Partner menampilkan form update data partner - Button Update digunakan untuk mengupdate data partner

86 Tampilan Halaman Update Data Partner Gambar 4.69 Tampilan Halaman Update Data Partner

87 Rancangan Halaman Kritik / Saran Partner Logo Perusahaan Copyright Back Data Partner Kritik/Saran Pemesanan Berita Logout Nama Bengkel Nama Perusahaan FORM KRITIK / SARAN Kode Kritik / Saran Kode Partner Nama Tanggal Kritik / Saran xx x xxxx Jenis o Kritik o Saran Komentar Lihat Tanggapan Reset Insert Gambar 4.70 Rancangan Layar Halaman Kritik / Saran Partner - Halaman Kritik / Saran menampilkan form kritik / saran partner - Link Lihat Tanggapan digunakan untuk menampilkan halaman Lihat Tanggapan - Button Reset digunakan untuk mengembalikan text field dan radio button ke kondisi semula - Button Insert digunakan untuk menginsert kritik / saran partner

88 Tampilan Halaman Kritik / Saran Partner Gambar 4.71 Tampilan Halaman Kritik / Saran Partner

89 Rancangan Halaman Lihat Tanggapan Logo Perusahaan Copyright Back Data Partner Kritik/Saran Pemesanan Berita Logout Komentar Tanggal Masuk Jawaban Tanggal Jawab Nama Bengkel Nama Perusahaan : x : xx/xx/xxxx : x : xx/xx/xxxx Komentar Tanggal Masuk Jawaban Tanggal Jawab : x : xx/xx/xxxx : x : xx/xx/xxxx Gambar 4.72 Rancangan Layar Halaman Lihat Tanggapan - Halaman Lihat Tanggapan menampilkan tanggapan atas kritik / saran partner

90 Tampilan Halaman Lihat Tanggapan Gambar 4.73 Tampilan Halaman Lihat Tanggapan