• Tidak ada hasil yang ditemukan

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

N/A
N/A
Protected

Academic year: 2021

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

Copied!
90
0
0

Teks penuh

(1)

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.

(2)

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

(3)

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)

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

(5)

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)

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

(7)

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

(8)

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

(9)

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

(10)

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

(11)

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 -

(12)

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

(13)

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

(14)

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

(15)

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

(16)

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

(17)

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

(18)

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

(19)

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

(20)

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

(21)

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

(22)

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

(23)

4.5.3 Struktur Menu Halaman Partner Partner Back Pemesanan Logout Data Partner

Lihat Data Partner

Update Data Partner Kritik/Saran

Berita

(24)

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

(25)

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

(26)

- 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

(27)

4.6.3 Rancangan Halaman Lupa Password Lupa Password ? xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxx Back

Gambar 4.10 Rancangan Layar Halaman Lupa Password

(28)

4.6.4 Tampilan Halaman Lupa Password

(29)

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

(30)

4.6.6 Tampilan Halaman Porfil Perusahaan

(31)

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

(32)

4.6.8 Tampilan Halaman Produk

(33)

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

(34)

4.6.10 Tampilan Halaman Produk Lainnya

(35)

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

(36)

4.6.12 Tampilan Halaman Body Kit

(37)

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

(38)

4.6.14 Tampilan Halaman Informasi Service dan Bengkel Rekanan

(39)

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

(40)

4.6.16 Tampilan Halaman Tips

(41)

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

(42)

4.6.18 Tampilan Halaman Lihat Detil Tips

(43)

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

(44)

4.6.20 Tampilan Halaman FAQ

(45)

4.6.21 Rancangan Halaman Isi FAQ XXXXXXXXXXXXXXXXXXXXX xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxx Back

Gambar 4.28 Rancangan Layar Halaman Isi FAQ

(46)

4.6.22 Tampilan Halaman Isi FAQ

(47)

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

(48)

4.6.24 Tampilan Halaman About

(49)

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

(50)

4.6.26 Tampilan Halaman Buku Tamu

(51)

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

(52)

4.6.28 Tampilan Halaman Remainder

(53)

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

(54)

4.6.30 Tampilan Halaman Pelanggan

(55)

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

(56)

4.6.32 Tampilan Halaman Data Pelanggan

(57)

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

(58)

4.6.34 Tampilan Halaman Lihat Data Pelanggan

(59)

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

(60)

4.6.36 Tampilan Halaman Update Data Pelanggan

(61)

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

(62)

4.6.38 Tampilan Halaman Pertanyaan / Keluhan

(63)

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

(64)

4.6.40 Tampilan Halaman Lihat Jawaban

(65)

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

Email

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

(66)

4.6.42 Tampilan Halaman Kritik / Saran

(67)

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

(68)

4.6.44 Tampilan Halaman Lihat Tanggapan

(69)

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

(70)

4.6.46 Tampilan Halaman Historis Service

(71)

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

(72)

4.6.48 Tampilan Halaman Pemesanan

(73)

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

(74)

4.6.50 Tampilan Halaman Lihat Status Pesanan

(75)

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

(76)

4.6.52 Tampilan Halaman Daftar Service

(77)

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

(78)

4.6.54 Tampilan Halaman Berita

(79)

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

(80)

4.6.56 Tampilan Halaman Partner

(81)

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

(82)

4.6.58 Tampilan Halaman Data Partner

(83)

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

(84)

4.6.60 Tampilan Halaman Lihat Data Partner

(85)

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

(86)

4.6.62 Tampilan Halaman Update Data Partner

(87)

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

Email

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

(88)

4.6.64 Tampilan Halaman Kritik / Saran Partner

(89)

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

(90)

4.6.66 Tampilan Halaman Lihat Tanggapan

Gambar

Tabel 4.1 Database Usulan Ms Pengunjung  Field Name  Data Type  Long Description
Tabel 4.2 Database Usulan Ms Admin  Field Name  Data Type  Long Description
Tabel 4.3 DatabaseUsulan Ms Produk  Field Name  Data Type  Long Description
Tabel 4.4 Database Usulan Transaksi Pertanyaan Keluhan  Field Name  Data Type  Long Description
+7

Referensi

Dokumen terkait

Renstra Dinas PU dan Penataan Ruang dan Penataan ruang Kabupaten Bantaeng disusunsesuai dengan Peraturan Menteri Dalam Negeri Nomor 86 Tahun 2017 tentang Tahapan,

TASPEN (Persero) KCU Semarang) tidak terdapat keseluruhan atau sebagian tulisan orang lain yang saya ambil dengan cara menyalin atau meniru dalam rangkaian

Penentuan formula optimum untuk tablet kaptopril lepas lambat menggunakan persamaan SLD dari uji yang dilakukan pada uji sifat fisik garnul (sudut diam) dan sifat fisik

Work Engagement merupakan kontributor penting dalam upaya retensi karyawan, menjaga kepuasan pelanggan, dan pencapaian kinerja optimal suatu organisasi. Munculnya

Condeser dengan pendinginan air (water-cooled condenser) digunakan pada sistem yang berskala besar untuk keperluan komersial di lokasi yang mudah memperoleh air bersih. Water

Pada analisis sikap konsumen, atribut kebersihan, rasa, dan kehalalan dianggap konsumen sebagai pertimbangan yang paling penting dalam proses keputusan pembelian produk frozen

Berdasarkan analisis sidik ragam maka diperoleh bahwa interval pemberian urine sapi dan interaksi dosis dengan interval pemberian urine sapi tidak berbeda nyata