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, produk-produk 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.
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
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.
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,
specialprice 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
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.
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
4.2 DFD Usulan
4.2.1 Diagram Konteks
Sistem Informasi Pelayanan Pelanggan Calon Pelanggan Buku_Tam u FAQ Profil_ Perusahaa n Produk Pelanggan Informasi_ Service dan Bengkel Rekanan
Tips Buku _ Tamu Update_ data_ pelangga n pertanyaan / Keluhan Pemesana n Daftar_ Service Liihat_ Data_ Pelangga n Historis_ Service Berita Profil _ Perusaha n produk Informasi _ Service dan Bengkel Rekanan
tips F A Q Partner buku_ tamu Update_ Data_Partne r pemesana n kritik/ saran Lihat_ Data_ Partner berita F A Q profil_ perusahaa n p r o d u k informasi_ service dan Bengkel Rekanan
T i p s Kritik/ Saran Direktur Laporan_pelanggan_/ _partner_baru Laporan_kritik_/ _saran Laporan_perrtanyaan_/ _keluhan Laporan _service_pelanggan Laporan_pemesana n
4.2.2 Diagram Nol 1.0 Pelayanan_Informasi tr_bukutamu Calon_Pelanggan Buku_Tamu Profil_Perusahaan tr_kritiksaran tr_historyservice tr_tips tr_berita tr_pemesanan ms_admin ms_pengunjung ms_produk Produk Informasi_Service dan Bengkel Rekanan Tips FAQ Pelanggan 2.0 Pelayanan_Service Historis_Service Daftar_Service Buku_ Tamu 3.0 Pelayanan_Pemesanan 4.0 Pelayanan_Keluhan Partner Direktur Pemesanan produk Kritik/Saran pertanyaan/Keluhan Update_data_pelanggan Lihat_Data_Pelanggan Informasi_ Service dan Bengkel Rekanan Profil_ Perusahaan profil_perusahaan F A Q Berita tips berita informasi_service dan Bengkel Rekanan Lihat_Data_Partner F A Q Update_Data_Partner buku_tamu pemesanan P r o d u k kritik/saran T i p s tr_pertanyaan keluhan Laporan_pelanggan_/_partner_baru Laporan_pertanyaan_/_keluhan Laporan_pemesanan Laporan _service_pelanggan Laporan_kritik_/_saran
4.3 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 email 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 email 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 email komentar tr_pertanyaankeluhan PK kdpertanyaan FK1 kdpengunjung FK2 kdadmin pertanyaan tglmasuk blnmasuk thmasuk jawaban tglkeluar tr_berita PK kdberita FK1 kdadmin tgl isiberita
4.4 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
4.4.1 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
email Varchar 40 Email pengunjung
status Varchar 10 Status pengunjung
username Varchar 5 -
4.4.2 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
4.4.3 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
4.4.4 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
4.4.5 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
email Varchar 40 Email 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
4.4.6 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
email Varchar 40 Email pengunjung
4.4.7 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
waktu Varchar 5 Waktu Service
4.4.8 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
4.4.9 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
4.4.10 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
4.5 Struktur Menu
4.5.1 Struktur Menu Halaman Utama
HOME Profil Perusahaan Informasi Service dan Bengkel Rekanan FAQ Login Buku Tamu Tips Produk About Partner Pelanggan Gambar 4.4 Struktur Menu Halaman Utama
4.5.2 Struktur Menu Halaman Pelanggan Pelanggan Back Pertanyaan/Keluhan Pemesanan Daftar Service Logout Historis Service Data Pelanggan Berita Lihat Data Pelanggan Update Data Pelanggan Kritik/Saran
4.5.3 Struktur Menu Halaman Partner Partner Back Pemesanan Logout Data Partner
Lihat Data Partner
Update Data Partner Kritik/Saran
Berita
4.5.4 Struktur Menu Halaman Admin Admin Set Kritik/Saran Set Pertanyaan/ Keluhan Set Pengunjung Set Historis Service
Set Produk Set Buku Tamu
Set Tips Set Pemesanan Add Update Reply Delete Update Cancel Delete Add
Set Berita Update Delete Add Set Admin Lihat Update Cetak Laporan Logout Reply Delete Reply Delete Reply Delete Delete Add Cari
4.6 Perancangan Layar Dan Tampilan 4.6.1 Rancangan Halaman Home
Nama Bengkel Logo
Perusahaan
Profil Perusahaan Produk
Informasi Service dan Bengkel Rekanan Tips FAQ About Buku Tamu Nama Perusahaan Copyright Username Password Login Animasi Animasi Animasi Animasi Select/Role v 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
- 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
4.6.2 Tampilan Halaman Home
4.6.3 Rancangan Halaman Lupa Password Lupa Password ? xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxx Back
Gambar 4.10 Rancangan Layar Halaman Lupa Password
4.6.4 Tampilan Halaman Lupa Password
4.6.5 Rancangan Halaman Profile Perusahaan
Bengkel Kami Bersertifikat Resmi Dari ASTRA (Click disini untuk lihat) Nama Bengkel
Logo Perusahaan
Profil Perusahaan Produk
Informasi Service dan Bengkel Rekanan Tips FAQ About Buku Tamu Home Nama Perusahaan Copyright Profil Perusahaan Animasi Animasi
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
4.6.6 Tampilan Halaman Porfil Perusahaan
4.6.7 Rancangan Halaman Produk Nama Bengkel Logo Perusahaan Profil Perusahaan Produk
Informasi Service dan Bengkel Rekanan Tips FAQ About Buku Tamu Nama Perusahaan Copyright Animasi Animasi Home * Produk Lainnya * Body Kit Gambar Produk Gambar Produk Gambar Produk Now Avalible
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
4.6.8 Tampilan Halaman Produk
4.6.9 Rancangan Halaman Produk Lainnya
Nama Produk Kode Produk
Produk Lainnya
Tipe Produk Jenis Produk Keterangan Gambar
xxxxx xxxxx xxxxx xxxxx xxxxx
Back
Gambar 4.16 Rancangan Layar Halaman Produk Lainnya - Link ”Back” digunakan untuk kembali ke halaman Produk
4.6.10 Tampilan Halaman Produk Lainnya
4.6.11 Rancangan Halaman Body Kit
Nama Produk Kode Produk
BODY KIT
Tipe Produk Jenis Produk Keterangan Gambar
Back
xxxxx xxxxx xxxxx xxxxx xxxxx
Gambar 4.18 Rancangan Layar Halaman Body Kit - Link ”Back” digunakan untuk kembali ke halaman Produk
4.6.12 Tampilan Halaman Body Kit
4.6.13 Rancangan Halaman Informasi Service dan Bengkel Rekanan Nama Bengkel Logo Perusahaan Profile Perusahaan Produk Informasi Service dan
Bengkel Rekanan Tips FAQ About Buku Tamu Home Nama Perusahaan Copyright Informasi Service Animasi Animasi Gambar Gambar Gambar 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
4.6.14 Tampilan Halaman Informasi Service dan Bengkel Rekanan
4.6.15 Rancangan Halaman Tips Nama Bengkel Logo Perusahaan Profile Perusahaan Produk Informasi Service dan
Bengkel Rekanan Tips FAQ About Buku Tamu Nama Perusahaan Copyright Animasi Animasi Home INFORMASI TIPS
Judul Tanggal Tips Tampilkan
xxxxx xx/xx/xxxx Lihat Detil xxxxx xxxxx xx/xx/xxxx xx/xx/xxxx Lihat Detil Lihat Detil
Gambar 4.22 Rancangan Layar Halaman Tips
- Halaman Tips menampilkan jenis-jenis tips
4.6.16 Tampilan Halaman Tips
4.6.17 Rancangan Halaman Lihat Detil Tips ISI TIPS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxx Back
Gambar 4.24 Rancangan Layar Halaman Lihat Detil Tips
4.6.18 Tampilan Halaman Lihat Detil Tips
4.6.19 Rancangan Halaman FAQ 1. xxxxxxxxx 2. xxxxxxxxx 3. xxxxxxxxx 4. xxxxxxxxx 5. xxxxxxxxx Nama Bengkel Logo Perusahaan Profile Perusahaan Produk
Informasi Service dan Bengkel Rekanan Tips FAQ About Buku Tamu Home Nama Perusahaan Copyright Animasi Animasi 1. xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 2. xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 3. xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 4. xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 5. xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Gambar 4.26 Rancangan Layar Halaman FAQ
- Halaman FAQ menampilkan pertanyaan-pertanyaan yang sering ditanyakan
4.6.20 Tampilan Halaman FAQ
4.6.21 Rancangan Halaman Isi FAQ XXXXXXXXXXXXXXXXXXXXX xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxx Back
Gambar 4.28 Rancangan Layar Halaman Isi FAQ
4.6.22 Tampilan Halaman Isi FAQ
4.6.23 Rancangan Halaman About Nama Bengkel Logo Perusahaan Profil Perusahaan Produk Informasi Service dan
Bengkel Rekanan Tips FAQ About Buku Tamu Home Nama Perusahaan Copyright Animasi Animasi Copyright Version : xx Last Update : xx xxxxxxxx xxxx Contact U s : xxx - xxxxxxx Fax : xxx - xxxxxxx
Gambar 4.30 Rancangan Layar Halaman About
4.6.24 Tampilan Halaman About
4.6.25 Rancangan Halaman Buku Tamu Nama Bengkel Logo Perusahaan Profil Perusahaan Produk Informasi Service dan
Bengkel Rekanan Tips FAQ About Buku Tamu Home Nama Perusahaan Copyright Animasi Animasi BUKU TAMU
Kode Buku Tamu Kode Pelanggan/Parner Nama Email Insert xxxxx xxxxx xxxxx xxxx xxxxxx xx Tanggal Kunjungan xxxxx Komentar Reset xxxxx
*Calon pelanggan Tidak Perlu Mengisi Kode Pelanggan / Partner
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
4.6.26 Tampilan Halaman Buku Tamu
4.6.27 Rancangan Halaman Remainder
Mobil Anda xx xxxx xx dangan Km xxxxx telah melampaui masa service Click di sini untuk lanjut
Gambar 4.34 Rancangan Layar Halaman Remainder
- Halaman Remainder menampilkan remainder service
4.6.28 Tampilan Halaman Remainder
4.6.29 Rancangan Halaman Pelanggan Nama Bengkel Logo Perusahaan Data Pelanggan Pertanyaan/Keluhan Kritik/Saran Historis Service Pemesanan Daftar Service Berita Logout Back Nama Perusahaan Copyright Animasi Animasi Selamat Datang xxxxx Animasi 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
4.6.30 Tampilan Halaman Pelanggan
4.6.31 Rancangan Halaman Data Pelanggan Nama Bengkel Logo Perusahaan Data pelanggan Pertanyaan/Keluhan Historis Service Pemesanan Daftar Service Berita Logout Back Nama Perusahaan Copyright Animasi Animasi
* Lihat Data Pelanggan
* Update Data Pelanggan Kritik/saran
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
4.6.32 Tampilan Halaman Data Pelanggan
4.6.33 Rancangan Halaman Lihat Data Pelanggan Nama Bengkel Logo Perusahaan Data pelanggan Pertanyaan/Keluhan Historis Service Pemesanan Daftar Service Berita Logout Back Nama Perusahaan Copyright Animasi Animasi Kode Pelanggan : Nama : Alamat : Telepon : Hp : Jenis Kelamin : Pekerjaan : Tanggal Lahir : Email : Status : Kritik/Saran xx/xx/xxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx
Gambar 4.40 Rancangan Layar Halaman Lihat Data Pelanggan
4.6.34 Tampilan Halaman Lihat Data Pelanggan
4.6.35 Rancangan Halaman Update Data Pelanggan Nama Bengkel Logo Perusahaan Data pelanggan Pertanyaan/Keluhan Historis Service Pemesanan Daftar Service Berita Logout Back Nama Perusahaan Copyright Animasi Animasi Kritik/Saran
Setelah Melakukan Update Anda Akan Melakukan Login FORM UPDATE PELANGGAN
Kode Pelanggan Nama Alamat Telepon Hp Jenis Kelamin Pekerjaan Tanggal Lahir Email Password Update xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxx v xxxxxx v xx v o Pria o Wanita
Gambar 4.42 Rancangan Layar Halaman Update Data Pelanggan
- Halaman Update Data Pelanggan menampilkan form update data pelanggan
4.6.36 Tampilan Halaman Update Data Pelanggan
4.6.37 Rancangan Halaman Pertanyaan / Keluhan Nama Bengkel Logo Perusahaan Data pelanggan Pertanyaan/Keluhan Historis Service Pemesanan Daftar Service Berita Logout Back Nama Perusahaan Copyright Animasi Animasi Kritik/Saran
FORM PERTANYAAN / KELUHAN Kode Pertanyaan/Keluhan
Kode Pelanggan
Pertanyaan/Keluhan
Tanggal Masuk
Lihat Jawaban Insert
xxxxx xxxxx xxxxx xxxx xxxxxx xx
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
4.6.38 Tampilan Halaman Pertanyaan / Keluhan
4.6.39 Rancangan Halaman Lihat Jawaban Nama Bengkel Logo Perusahaan Data pelanggan Pertanyaan/Keluhan Historis Service Pemesanan Daftar Service Berita Logout Back Nama Perusahaan Copyright Animasi Animasi Kritik/Saran Pertanyaan Tanggal Tanya Jawaban Tanggal Jawab : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx : xx/xx/xxxx : xx/xx/xxxx : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Pertanyaan Tanggal Tanya Jawaban Tanggal Jawab : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx : xx/xx/xxxx : xx/xx/xxxx : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Gambar 4.46 Rancangan Layar Halaman Lihat Jawaban
- Halaman Lihat Jawaban menampilkan jawaban atas pertanyaan / keluhan pelanggan
4.6.40 Tampilan Halaman Lihat Jawaban
4.6.41 Rancangan Halaman Kritik / Saran Nama Bengkel Logo Perusahaan Data pelanggan Pertanyaan/Keluhan Historis Service Pemesanan Daftar Service Berita Logout Back Nama Perusahaan Copyright Animasi Animasi Kritik/Saran
FORM KRITIK / SARAN Kode Kritik / Saran
Kode Pelanggan
Tanggal Kritik / Saran
Lihat Tanggapan Insert
xxxxx xxxxx xxxxx xxxx xxxxxx xx o Nama xxxxx xxxxx
Jenis Kritik o Saran
Komentar
Reset
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
4.6.42 Tampilan Halaman Kritik / Saran
4.6.43 Rancangan Halaman Lihat Tanggapan Nama Bengkel Logo Perusahaan Data pelanggan Pertanyaan/Keluhan Historis Service Pemesanan Daftar Service Berita Logout Back Nama Perusahaan Copyright Animasi Animasi Kritik/Saran Komentar Tanggal Masuk Jawaban Tanggal Jawab : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx : xx/xx/xxxx : xx/xx/xxxx : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Komentar Tanggal Masuk Jawaban Tanggal Jawab : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx : xx/xx/xxxx : xx/xx/xxxx : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Gambar 4.50 Rancangan Layar Halaman Lihat Tanggapan
4.6.44 Tampilan Halaman Lihat Tanggapan
4.6.45 Rancangan Halaman Historis Service
No polisi KM Type Tanggal Service Keterangan
xxxxx xxxxx xxxxx xxxxx xx/xx/xxxx xxxxxxxxxxxx
Ada xx historis service atas nama xxxxx Kode Service
Back
No polisi KM Type Tanggal Service Keterangan
xxxxx xxxxx xxxxx xxxxx xx/xx/xxxx xxxxxxxxxxxx
Kode Service Waktu
Waktu
xxxxx xxxxx
4.52 Rancangan Layar Halaman Historis Service
- Halaman Historis Service menampilkan historis service pelanggan
4.6.46 Tampilan Halaman Historis Service
4.6.47 Rancanga Halaman Pemesanan Nama Bengkel Logo Perusahaan Data pelanggan Pertanyaan/Keluhan History Service Pemesanan Daftar Service Berita Logout Back Nama Perusahaan Copyright Animasi Animasi
Kritik/Saran FORM PEMESANAN
Kode Pelanggan Kode Pemesanan Kode Produk Nama Produk Tanggal Pesan Jenis Produk Tipe Produk Jumlah
Lihat Status Pesanan
xxxxxx v xx v xxxx v xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xx xxxxx Insert Browse
* Kolom nama, Jenis, Tipe Produk, dan Browse Dapat Digunakan Jika produk Yang Diinginkan Tidak Ada Pada Katalog
Gambar 4.54 Rancangan Layar Halaman Pemesanan
- Halaman Pemesanan menampilkan form pemesanan pelanggan
- Link “Lihat Status Pesanan” digunakan untuk menampilkan halaman Lihat Status Pesanan
4.6.48 Tampilan Halaman Pemesanan
4.6.49 Rancangan Halaman Lihat Status Pesanan Nama Bengkel Logo Perusahaan Data pelanggan Pertanyaan/Keluhan Historis Service Pemesanan Daftar Service Berita Logout Back Nama Perusahaan Copyright Animasi Animasi
Kritik/Saran Kode Pemesanan
Kode Produk Nama Produk Tanggal Pesan Status Jenis Produk Tipe Produk Jumlah : xx/xx/xxxx : xxxxx : xxxxx : xxxxx : xxxxx : xxxxx : xxxxx : xxxxx Gambar
Gambar 4.56 Rancangan Layar Halaman Lihat Status Pesanan
- Halaman Lihat Status Pesanan menampilkan gambar dan status pesanan pelanggan
4.6.50 Tampilan Halaman Lihat Status Pesanan
4.6.51 Rancangan Halaman Daftar Service Nama Bengkel Logo Perusahaan Data pelanggan Pertanyaan/Keluhan History Service Pemesanan Daftar Service Berita Logout Back Nama Perusahaan Copyright Animasi Animasi Kritik/Saran
FORM DAFTAR SERVICE
Kode Pelanggan Kode Service
No Polisi KM
Tanggal Service - Waktu Keterangan Type XXXXX XXXXX XXXXX XXXXX XXXXX XXXXX Batal Insert
JANGAN LUPA UNTUK MENCATAT KODE SERVICE ANDA...!!!
xxxxx xxxxx xxxxx xxxxx xxxxx xxxxxx v xxxx v xx v xxxx v
-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
4.6.52 Tampilan Halaman Daftar Service
4.6.53 Rancangan Halaman Berita Nama Bengkel Logo Perusahaan Data pelanggan Pertanyaan/Keluhan Historis Service Pemesanan Daftar Service Berita Logout Back Nama Perusahaan Copyright Animasi Animasi Kritik/Saran BERITA Isi Berita Tanggal Isi Berita
xx/xx/xxxx xx/xx/xxxx xx/xx/xxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Gambar 4.60 Rancangan Layar Halaman Berita
4.6.54 Tampilan Halaman Berita
4.6.55 Rancangan Halaman Partner Nama Bengkel Logo Perusahaan Data Partner Kritik/Saran Pemesanan Berita Logout Back Nama Perusahaan Copyright Animasi Animasi Selamat Datang xxxxx Animasi 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
4.6.56 Tampilan Halaman Partner
4.6.57 Rancangan Halaman Data Partner Nama Bengkel Logo Perusahaan Data Partner Kritik/Saran Pemesanan Berita Logout Back Nama Perusahaan Copyright Animasi Animasi
* 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
4.6.58 Tampilan Halaman Data Partner
4.6.59 Rancangan Halaman Lihat Data Partner Nama Bengkel Logo Perusahaan Data Partner Kritik/Saran Pemesanan Berita Logout Back Nama Perusahaan Copyright Animasi Animasi Kode Partner : Nama Perusahaan : Alamat : Telepon : Tanggal Berdiri : Email : Status : xxxxx PT. xxxxxxxx xxxxxxxxxxxxxxxxxx xxxxxxxxxx xx/xx/xxxx xxxxxxxx xxxxxxx
Gambar 4.66 Rancangan Layar Halaman Lihat Data Partner
4.6.60 Tampilan Halaman Lihat Data Partner
4.6.61 Rancangan Halaman Update Data Partner Nama Bengkel Logo Perusahaan Data Partner Kritik/Saran Pemesanan Berita Logout Back Nama Perusahaan Copyright Animasi Animasi
Setelah Melakukan Update Anda Akan Melakukan Login FORM UPDATE PARTNER
Kode Partner Nama Perusahaan Alamat Telepon Tanggal Berdiri Email Password Update xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxx v xxxxxx v xx v
Gambar 4.68 Rancangan Layar Halaman Update Data Partner
- Halaman Update Data Partner menampilkan form update data partner
4.6.62 Tampilan Halaman Update Data Partner
4.6.63 Rancangan Halaman Kritik / Saran Partner Nama Bengkel Logo Perusahaan Data Partner Kritik/Saran Pemesanan Berita Logout Back Nama Perusahaan Copyright Animasi Animasi
FORM KRITIK / SARAN Kode Kritik / Saran
Kode Partner
Tanggal Kritik / Saran
Lihat Tanggapan Insert
xxxxx xxxxx xxxxx xxxx xxxxxx xx o Nama xxxxx xxxxx
Jenis Kritik o Saran
Komentar
Reset
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
4.6.64 Tampilan Halaman Kritik / Saran Partner
4.6.65 Rancangan Halaman Lihat Tanggapan Nama Bengkel Logo Perusahaan Data Partner Kritik/Saran Pemesanan Berita Logout Back Nama Perusahaan Copyright Animasi Animasi Komentar Tanggal Masuk Jawaban Tanggal Jawab : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx : xx/xx/xxxx : xx/xx/xxxx : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Komentar Tanggal Masuk Jawaban Tanggal Jawab : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx : xx/xx/xxxx : xx/xx/xxxx : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Gambar 4.72 Rancangan Layar Halaman Lihat Tanggapan
4.6.66 Tampilan Halaman Lihat Tanggapan