BAB 4 SISTEM YANG DIUSULKAN

BAB 4 SISTEM YANG DIUSULKAN

4.1 Perancangan Sistem E-CRM Perancangan sistem E-CRM merupakam fokus utama dalam perancangan sistem yang diusulkan, sehingga menghasilkan prosedur sistem yang baru. 4.2 Usulan Prosedur yang Baru Berdasarkan analisa sistem yang berjalan di PT. SURYA TERANG PRATAMA, maka diberikan usulan rancangan sistem baru yaitu membuat sistem pelayanan berbasis web yang difokuskan pada pelayanan terhadap pelanggan yang disebut ECRM. Sistem pelayanan baru yang diusulkan adalah aplikasi yang mendukun g proses bisnis seperti penjualan, marketing dan service. Kegiatan tersebut berinteraksi dan sangat erat hubungannya dengan pelanggan. Untuk menunjang kebutuhan tersebut maka diperlukan suatu aplikasi E-CRMini untuk menyediakan fasilitas info produk, info layanan dan pendaftaran online untuk pelanggan, fasilitas tersebut dapat memudahkan pelanggan dalam mendapatkan informasi tentang perusahaan, barang yang dijual, serta informasi yang terkait dengan berbagai aktivitas dalam perusahaan dan dapat membantu menanggapi lebih cepat pada proses pengaduan masalah yang dihadapi pelanggan ke perusahaan. Adapun beberapapenjelasan mengenai prosedur sistem E-CRMyang diusulkan : a. Fungsi bagi Pelanggan Fasilitas website disedikan untuk semua pengunjung, pengunjung yang belum mendaftarkan diri sebagai m em ber dapat mengakses produk untuk melihat 106

107 produk–produk yang ditawarkan, kemudian dapat mengakses beritahu teman, langganan berita, FAQ dan komentar unt uk melihat kesan-kesan dari pengunjun g lain, tetapi tidak dapat melakukan transaksi. Transaksi hanya dapat di lakukan bila telah melakukan registrasi, selain itu pelanggan juga dapat mengakses tentang kami dan hubungi kami unt uk lebih mengerti bagaimana proses transaksi dan lebih mengenal perusahaan. b. Fungsi bagi m em ber Bagi pengunjung yang telah mendaftarkan diri sebagai m em ber dapat melakukan pembelian dan mendapatkan fasilitas wishlist untuk melakukan request kepada perusahaan, ada fasilitas komplaint untuk mengirim pesan kepada perusahaan, selain itu m em ber juga dapat melakukan komentar pada produk, dan dapat mengedit profil pribadi, selain itu m em ber dapat mengakses fitur um um seperti chatting dan beritahu teman. c. Fasilitas untuk admin Admin sebagai pemegang sistem E-CRM yang diusulkan mempuyai t ugas, antara lain : Tugas dari admin web adalah berperan dalam hal melakukan update pada produk, menerima permintaan barang dari pelanggan, selain itu admin web juga bert ugas menerima komplain dari pelanggan maupun layanan,

saran, kritiik

,keluhan ,pertanyaan yang di ajukan pelangan, serta menperbaruhi komentar dari pelanggan dan melakukan proses tanya jawab dengan pelanggan melalui fitur chatting. Admin web dapat menambahkan FAQ apabila ada pertanyaan– pertanyaan baru yang um um dan sering ditanyakan oleh pelanggan.

108 Tabel 4.1 Tabel kebutuhan fitur pada fase CRM Fase CRM 1. Acquiring

Konsep

Kebutuhan Fitur

Memperoleh pelanggan

1. Tentang Kami

baru dengan

2. Produk

mempromosikan

3. Hot Produk

keunggulan.

4. Registrasi 5. Langganan Berita 6. Kontak 7. Acara 8. Beritahu Teman 9. Polling 10. Melihat Komentar 11. F.A.Q

2. Enhance

Meningkatkan dan

1. Komentar

memperluas hubungan

2. Chatting

yang sudah ada

3. Whistlist 4. Profil Saya 5. Langganan Berita 6. Melakukan Pemesanan 7. Tips & Trick

3.Retain

Mempertahankan

1. Melakukan Crosselling

hubungan pelanggan

2. Rem ainder Kunjungan Kembali

109 3. Rem ainder Penggantian Oli 4. Memberikan souvernir 5. Komplain

Penjelasan mengenai fitur E-CRMyang di rancang untuk PT. Surya Terang Pratama menurut ketiga fase CRM , adalah sebagai berikut : 1. Fase Acquiring Untuk mendukung fase ini dalam memperoleh pelanggan baru, aplikasi yang dirancang terdiri dari beberapa fitur, yaitu : 1.

Tentang kami Fitur ini memberikan gam baran mengenai PT. Surya Terang Pratama, mulai dari hal–hal um um seperti sejarah perusahaan, kata sambutan, serta informasi mengenai visi dan misi dari PT. Surya Terang Pratama. Pengenalan ini dapat membuat pengunjung sit us mengenal baik dan dekat dengan perusahaan dan dapat mempercayai PT Surya Terang Pratama sebagai tempat untuk melakukan pembelian.

2.

Produk Fitur ini memberikan gam baran kepada para pelanggan akan produk apa saja yang di jual pada PT. Surya Terang Pratama, di dalamnya terdapat informasi mengenai produk seperti detail produk serta harga.

3.

Hot Produk Fitur ini memberikan gam baran kepada para pelanggan akan produk apa saja yang paling laris dan paling banyak di beli oleh pelanggan lain.

110 4.

Registrasi Proses registrasi memberikan pilihan bagi pengunjung situs unt uk bergabung dan mendapatkan fasilitas fitur khusus dari PT. Surya Terang Pratama.

Pengunjung

sebelum

melakukan

pembelian

diharapkan

melakukan registrasi terlebih dahulu. 5.

Langganan Berita Fitur ini memberikan kem udahan bagi pelanggan unt uk mendapatkan berita dari perusahaan, seperti berita terbaru mengenai perkembangan perusahaan.

6.

Kontak Fitur ini memberikan kem udahan bagi pelanggan baru unt uk pelanggan atau calon pelanggan bila ingin menayakan sesuatu mengenai perusahaan baik mengenai produk maupun mengenai layanan serta informasi umum dicari seperti lokasi, alamat, e-m ail, dan no telepon.

7.

Acara Fitur ini memberikan gambaran kepada calon pelanggan akan kegiatan apa saja yang akan dilakukan oleh PT. Surya Terang Pratama yang manjadi

sebuah

wadah

unt uk

meningkatkan

hubungan

dengan

perusahaan. 8.

Beritahu teman Fitur ini memberikan kem udahan bagi pelanggan unt uk memperkenalkan perusahaan kepada teman dari pelanggan, fungsi dari fit ur ini adalah memperkenalkan perusahaan ke orang lain.

111 9.

Polling Fitur ini menambahkan interaksi antara perusahaan dengan calon pelanggan.

10. Melihat komentar Fitur ini memberi kem udahan unt uk calon pelanggan unt uk melihat komentar-komentar dari pelanggan lain sehingga dapat meningkatkan kepercayaan calon pelanggan unt uk berbelanja. 11. FAQ Halaman ini memudahkan pengunjung situs untuk mengetahui jawaban terhadap hal-hal umum yang sering diajukan oleh pelanggan lain, yait u pertanyaan mengenai lanyanan, fasilitas, cara pem belian. 2. Fase Enchancing Fase ini di dukung oleh beberapa fitur pada aplikasi e-crm yang mana betujuan untuk meningkatkan hubungan dengan pelanggan yang sudah ada, antara lain : 1

Komentar Fitur ini dapat memberikan kesempatan kepada pelanggan unt uk memberukan komentar pada produk-produk yang di jual oleh perusahaan.

2

Chatting Fitur ini memudahkan pelanggan unt uk mengajuhkan pertanyaan langsung kepada admin

112 3

Wishtlist Fitur ini memberi kemudahan bagi pelanggan untuk melakukan request barang yang tidak di jual pada PT. Surya Terang Pratama.

4

Profil Berisi halaman pribadi unt uk pelanggan, di halaman ini pelanggan dapat mengubah apa yang di ingikan dan dibeli.

5

Langganan berita Fitur ini memberikan informasi-informasi yang berkaitan dengan perusahaan.

6

Melakukan pemesanan /Shopping cart Fitur ini memenrikan kemudahan bagi member yang telah terdaftar unt uk melakukan pembelian barang.

7

Trip & Trik Halaman ini dapat memberikan informasi-informasi yang dapat sangat membantu pelanggan dalam melakukan sebuah keputusan, contohnya artikel mengenai “membedahkan oli asli dan oli palsu”

3.

Fase Retaining Untuk mempertahankan hubungan dengna pelanggan yang ada, fitur yang diusulkan melalui e-CRM adalah : 1. Melakukan Cross Selling Fitur ini dimaksudkan untuk melakukan penawaran kepada pelanggan, dengan menawarkan barang yang berbeda yang berhubungan dengan apa yang diminati.

113 2. Reminder kunjungan Salah satu fitur reminder yang bersifat personal unt uk member, yait u reminder kunjungan. Bila member tidak melakukan login pada jangka waktu tertentu maka sistem akan mengirimkan email berupa kuesioner yang bert ujuan meningatkan pelanggan untuk melakukan kunjungan kembali. 3. Reminder pengantian oli Fitur personal ini, bert ujuan untuk mengingatkan kepada pelangan yang membeli oli, untuk melakukan pengantian oli unt uk menjaga performa dari mesin. 4. Memberikan souvenir Fitur ini di berikan kepada pelanggan yang telah banyak melakukan promosi perusahaan kepada teman-temnanya. 5. Komplain Fitur personal ini, bertujuan untuk memudahkan pelanggan unt uk menyampaikan keluhan kepada perusahaan akan produk yang telah di beli ataupun atas lanyanan yang diterima dari PT. Surya Terang Pratama. 4.3 S ystem Definition Sistem E-CRM pada PT. Surya Terang Pratama secara keseluruhan adalah untuk mendukung proses pelayanan dan komunikasi antara PT. Surya Terang Pratama dengan pelangganya. Sistem menyediakan informasi yang dapat menciptakan hubungan yang baik dengan pelanggan.

114 Bagian-bagian yang berkepentingan dalam proses operasional E-CRM ini secara langsung adalah bagian produk, admin, calon pelanggan dan pelanggan yang sudah ada. Sistem yang dirancang adalah berbasis web, yang mana menggunakan bahasa pemograman PHP dan database M ySQL 5.1.41 sebagai pengelolaan database,serta apache sebagai web server. Pihak pelanggan atau calon pelanggan dapat mengakses aplikasi yang dirancang menggunakan media komputer yang terhubung dengan internet untuk dijalankan pada web browser. Untuk pihak internal yang berkepentingan, sistem membutuhkan akses internet untuk terhubung ke database server. Selain mendukung pemberian informasi yang di butuhkan oleh pelanggan dan calon pelanggan, sistem juga mendukung pelanggan untuk memberikan pertanyaan kepada PT. Surya Terang Pratama, memberikan keluhan, dan melakukan request barang. Bagian internal juga didukung oleh sistem ini dalam mengatur informasi yang dibutuhkan oleh pelanggan, memberi tanggapan terhadap pertanyaan dan keluhan, memberi tanggapan terhadap pemesanan barang dan mendukung proses follow up dengan pelanggan.

115 4.4 Rich Picture E-CRM

Gambar 4.1 proses e-CRM PT Surya Terang Pratama

116 Keterangan 1. Pelanggan melakukan registrasi untuk menjadi member. 2. Sistem mengirimkan email validasi ke alamat e-m ail yang telah di isi unt uk dilakukan konfirmasi oleh pelanggan yang mendaftar. 3. Pelanggan melakukan konfirmasi pendaftaran. 4. Sistem mengkonfirmasi pelanggan sebagai member. 5. Pelanggan yang sudah menjadi member dapat melakukan login. 6. Setelah login, sistem akan menampilkan halaman profil, user dapat mengubah data diri bila di perlukan. 7. Pelanggan dapat melakukan ubah password. 8. Pelanggan melakukan pemesanan produk. 9. Sistem mengirimkan e-m ail konfirmasi pembayaran kepada pelanggan yang melakukan pemesanan barang. 10. Pelanggan melakukan pembayaran dan mengisi form pembayaran. 11. Sistem mengirimkan konfirmasi pembayaran dan keterangan pengiriman produk yang di pesan. 12. Sistem akan mengirimkan link konfirmasi pembayaran oleh pelanggan kepada admin produk untuk kemudian di lakukan pengecekan dan konfirmasi pengiriman produk. 13. Admin produk melakukan konfirmasi pengiriman produk kepada pelanggan yang telah melakukan pem bayaran. 14. Pelanggan melakukan penyampaian pertanyaan melalui fitur kontak. 15. a. Sistem mengirimkan pertanyaan kepada admin produk bila pertanyaan yang ditanyakan pelanggan mengenai produk

117 15. b. Sistem mengirimkan pertanyaan kepada admin layanan bila pertanyaan yang ditanyakan pelanggan mengenai produk 16. a. Admin produk menjawab pertanyaan mengenai produk yang ditanyakan oleh pelanggan. 16

b. Admin layanan menjawab pertanyaan mengenai layanan yang ditanyakan oleh

pelanggan.

17. Sistem mengirimkan e-m ail kepada pelanggan yang pertanyaan telah dijawab oleh admin. 18. Pelanggan melakukan penyampaian keluhan / saran melalui fitur keluhan. 19. a. Sistem mengirimkan keluhan / saran kepada admin produk bila keluhan / saran yang dikirimkan pelanggan mengenai produk 19. b. Sistem mengirimkan keluhan / saran kepada admin layanan bila keluhan / saran yang dikirimkan pelanggan mengenai layanan. 20. a. Admin produk menjawab keluhan / saran mengenai produk yang ditanyakan oleh pelanggan. 20. b. Admin layanan menjawab keluhan / saran mengenai layanan yang ditanyakan oleh pelanggan. 21. Sistem mengirimkan e-m ail kepada pelanggan yang pertanyaan telah dijawab oleh admin. 22. Pelanggan mengajukan request barang melalui fitur wishlist. 23. Sistem mengirimkan request barang kepada admin produk bila ada request barang dari pelanggan. 24. Admin produk melakukan konfirmasi request produk dari pelanggan.

118 25. Sistem mengirimkan e-m ail kepada pelanggan yang request yang diajuhkan telah di proses oleh admin 26. Pelanggan dapat merekomendasikan PT. Surya Terang Pratama kepada temanteman pelanggan. 27. Sistem mengirimkan rem inder karena telah merekomendasikan PT Surya Terang Pratma kepada teman-teman pelanggan 28. Sistem mengirimkan rem inder untuk melakukan kunjungan kembali ke website. 29. Sistem mengirimkan rem inder untuk melakukan reminder pergantian oli ke pelanggan. 30. Pelanggan dapat melakukan langganan berita unt uk mendapatkan informasi terbaru lanjut dari perusahaan. 31. Pelanggan dapat megikuti polling. 32. Sistem meberikan hasil polling kepada pelanggan. 33. Pelanggan dapat memberi komentar pada produk 34. Admin produk akan mendapatkan list komentar pada panel komentar, admin dapat mengkonfirmasi apakah komentar tersebut di tampilkan atau tidak. 35. Admin layanan melakukan update kegiatan. 36. Admin layanan melakukan update berita. 37. Admin layanan melakukan update tentang kami 38. Admin layanan melakukan update tip & trick. 39. Admin layanan melakukan pendataan pelanggan yang meminta untuk di daftarkan sebagai member. 40. Admin layanan melakukan update FAQ. 41. Admin layanan melakukan update kebijakan privasi.

119 42. Admin layanan melakukan update polling. 43. Admin produk melakukan update lama pengiriman. 44. Admin produk melakukan update produk. 45. Admin produk melakukan penawaran produk kepada pelanggan. 46. Pelanggan akan menerima email berupa penawaran produk dari perusahaan. 47. Admin produk melakukan pengecekan dengan pihak supplier, bila barang yang diminta pelanggan tidak tersedia pada gudang

120 4.5 Class Diagram class S yste m

Detil_Wh istlist -

Id_R equest Id_B arang Id_P elanggan K eterangan_B arang

+

mem inta_barang() 1. .*

Te ntang_Kam i Grease -

Spar epart -

na ma_barang ha rga_barang

Oli

nama_ba rang harga_ba rang

-

Pemesan an

nam a_barang harg a_barang

0..1 -

1..*

1..* 1..*

0..1

Bar ang

0..1 -

Whistlist -

Id_R equest Id_B arang Id_P elanggan Ta nggal

+

meminta _barang()

I d_Barang N ama_B arang H arga_B arang Gamba r K eterangan 0..1 S tatus S atuan K ategori_B arang K eterangan_ Tambahan

1..*

+

melihat_keranjang()

login -

id _login id _user ta nggal

1

+ m elakukan_reminder()

Id_Pe langgan Alama t Username Email Passw ord Telep on Nama _Lengkap Kota Status_Aktivasi

+ + + + + 0..1 + + + 0..1 +

mendaftar() memesan() melihat_keranjang() mengisi_kontak() mengisi_komplai n() 1 mengisi_komenta r() mengubah_ status() melakukan_pemb ayara n() meminta_b erita() 0..1

1 1

1 ..*

1..*

+

mengubah_status()

+ +

mengisi_ kontak() menjawa b_pertanyaan()

Id_Ko mentar Id_Ad min Id_Pe langgan Id_Ba rang Kome ntar Tangg al_Komen tar Status

+ +

mengisi_komenta r() mengkonfirmasi_ komentar()

0..1 1 + + + + + + + + + + + + 1 + +

1..*

keb ijakan pr ivasi

Admin

1

I d_Admin Jenis_Admin U serna me P assword E mail T elepon N ama_Leng kap A lamat K ota S tatus_ Aktivasi

1

-

Id_Kompla in Id_Pelangg an Id_Admin Kategori_K omplain Isi Tanggal_K omplain

+ +

mengisi_komplain() menjawab_ komplain()

+

melakukan_pembayaran()

no_ pelanggan id_p elanggan ema il

+

mem inta_berita()

+

men gupdate_ke bijakan()

-

Id_Acara Acara Keteranga n Tempat Mulai Selesai

+

mengupdate_acara()

-

judul kete rangan

+

mengupd ate_tip_&_ trick()

1. .*

m m m m m m m m m m m m m m

endata_pelangg an() engupdate_beri ta() engupdate_acara() engupdate_tent ang_kami() embuat_polling () engkonfirm asi() enawarkan_produk() 1 engupdate_tip_ &_trick() eminta_barang( ) engupdate_kebijakan () engupdate_ban ner() engkonfirm asi_komentar() 1 enjawab_p ertanyaan() enjawab_komplain() 1 1 1 1

tip & t rick 1..*

1..*

Pe rtanyaan_P olling -

I d_Pertanyaan N ama_P olling P ertanyaan K adaluarsa

+ m embuat_polling () 1 B erita

1..*

1..*

1..*

suppli er -

id_supplier nama_supp lier permintaan status meminta_barang ()

-

Id_B erita Judul Isi_Berita T anggal K ategori_B erita

+

men gupdate_berita()

1 P engisi_P olling

banner +

id_banner gambar_banner link_banne r mengupdate_ba nner()

0..1

-

Id_kebijakan keterangan

Acara 1

p elanggan_ber ita Id_Pemba yaran Id_Pelang gan Tanggal_P emesanan Total_P emesan an Jeni s_Pem baya ran

1..*

pembayaran_t rasfer -

mengupdate_ lama_pengirima n()

1..*

+

1..*

Id_Peng iriman Tujuan Lama Harga

1..* +

Kompla in

1

1..*

pembayara n_kredit Id_Pemba yaran Id_Pelang gan Nama_B ank No_R ekening Atas_Nama

Id_Konta k Id_Pelan ggan Id_Admin Kategori_ Kontak Isi Tanggal_ Kontak

-

1..*

-

1..*

-

Kom entar

1..*

Lam a_Pengir iman -

1

K ontak

1 0..1 -

mengupdate_t entang_kam i()

meme san() mengkonfirmasi()

1..*

Pelan ggan 1

+ +

+ m emesan() 1..* + m engkonfirma si()

+ m emesan() + m eminta_barang( )

Id_Keran jang Id_Baran g Id_Pelan ggan Jum lah_Baran g

+

Id _Pemesanan Id _Barang Id _Pelanggan Jumlah _Barang

K eranj ang -

Id_Tenta ng_Kami Id_Admin Isi

1 ..*

Detil_P emesanan -

Id_P emesan an Id_B arang Id_P elanggan T anggal_Pe mesanan S tatus_P emesana n

-

Gambar 4.2 Class e-CRM PT Surya Terang Pratama

-

Id_ Pengisi Id_ Pertanyaan Id_ Jaw aban Ip T anggal

+

me ngisi_pollin g() 1..* 1

Jawaba n_Polling -

Id_Jawaba n Id_P ertanyaan Jawaban Kode _Warna Nilai

+

melihat_n ilai()

121

4.5.1 Detail Berikut merupakan uraian dari class diagram dari gambar 4.2 1. Pelanggan Atribut : Id_Pelanggan, Nama_lengkap, Alamat, Email, Kota, Username, Password, Status_Aktivasi, telepon Operasi : melihat_keranjang, memesan, meminta_barang, mendaftar, mengisi_komentar , mengisi_komplain , mengisi_kontak , mengubah_status , melakukan_pembayaran , meminta_berita, memberitahu_teman 2. Admin Atribut : Id_admin, jenis_admin, usernama, password, email, telepon, nama_lengkap, alamat, kota, status_aktivasi Operasi : mendata_pelanggan , mengupdate_berita , mengupdate_tentang_kami , membuat_polling , mengkonfirmasi , mengupdate_lama_pengiriman , menawarkan_produk , mengupdate_tip_&_trik , meminta_barang , mengupdate_kebijakan , mengupdate_banner, memberitahu teman, mengkonfirmai_komentar,menjawab_pertanyaan, menjawab_komplain. 3. Barang Atribut : id_barang , nama_barang , harga_barang , gambar , keterangan , status , satuan , kategori_barang , keterangan_tambahan Operasi : memesan , meminta_baran g 4. Pemesanan Atribut : id_pemesanan , id_barang , id_pelanggan , tanggal_pemesanan , status_pemesanan

122 Operasi : memesan , mengkonfirmasi

5. Detil_Pemesanan Atribut : id_pemasanan , id_barang , id_pelanggan , jumlah_barang Operasi : memesan , mengkonfirmasi 6. Pembayaran_trasfer Atribut : id_pembayaran , id_pelanggan , tanggal_pemesanan , total_pemesanan , jenis_pembayaran Operasi : melakukan_pembayaran 7. Pembayaran_kredit Atribut : id_pembayaran , id_pelanggan ,tanggal_pemesana, total_pemesana, jenis_pembayaran Operasi : mengkredit_pembayaran 8. wishlist Atribut : id_request , id_barang , id_pelanggan , tanggal Operasi : meminta_barang 9. detil_wishlist Atribut : id_request , id_barang , id_pelanggan , keterangan_barang Operasi : meminta_barang 10. keranjang Atribut : id_keranjang , id_barang , id_pelanggan , jumlah_barang Operasi : melihat_keranjang

123 11. kontak Atribut : id_kontak , id_pelanggan , id_admin , kategori_kontak , isi , tanggal_kontak Operasi : mengisi_kontak, menjawab_pertanyaan 12. Komplain Atribut : id_komplain , id_pelanggan , id_admin , kategori__komplain , isi ,tanggal_komplain Operasi : mengisi_komplain, menjawab_komentar 13. Komentar Atribut : id_komentar , id_admin , id_pelanggan , id_barang , komentar , tanggal_komentar , status Operasi : mengisi_komentar, mengkonfirmasi_komentar 14. Pertanyaan_Polling Atribut : id_pertanyaan , nama_polling , pertanyaan , kadaluarsa Operasi : membuat_polling 15. Jawaban_Polling Atribut : id_jawaban , id_pertanyaan , jawaban , kode_warna , nilai Operasi : M elihat_nilai 16. Pengisian_polling Atribut : id_pengisi , id_pertanyaan , id_jawaban , ip , tanggal Operasi : M engisi_polling 17. Lama_pengiriman Atribut : Id_pengiriman , tujuan , lama , harga Operasi : mengupdate_lama_pengiriman

124 18. Tentang_kami Atribut : id_tentang_kami , id_admin , isi Operasi : mengupdate_tentang_kami 19. Berita Atribut : id_berita , judul , isi_berita , tanggal , kategori_berita Operasi : mengupdate_berita 20. Acara Atribut : id_acara , acara , keterangan , tempat , mulai , selesai Operasi : mengupdate_acara

21.Tip & Trick Atribut : id_tips&trik , isi_tips&trik Operasi : mengupdate _trik_&_tip 22. Supplier Atribut : id_supplier , nama_supplier , permintaan, status Operasi : meminta_barang 23. login Attribut : id_login , id_user, tanggal Operasi : melakukan_reminder 24. Kebijakan privasi Attribut : id_kebijakan , keterangan Operasi : mengupdate_kebijakan 25. Banner Attribut : id_banner , gambar , link

125 Operasi : mengupdate_banner 26. Pelanggan berita Attribut : no_pelanggan , id_pelanggan , email Attribut : meminta berita 27. Beritahu teman Attrinit : id_kirim,id_pelanggan,email,jumlah_kiriman Operasi : memberitahu_teman 4.6 Actor table Semua actor dan event pada e-CRM akan dijabarkan dalam actor table ini. Tabel 4.2 Actor Table

Use case

Pengunjung

Beranda

9

M elakukan registrasi M engakses Tentang Kami M engakses Produk M engakses Detil Produk M engakses Hot Produk M engakses Akun Saya M engakses Registrasi M engakses Berita M engakses Kontak M engakses FAQ M engakses Kebijakan privasi M engakses Acara M engakses Langganan Berita M elakukan polling M engakses Panel User M engisi Wishlist M engisi Complain M engakses Lama Pengiriman

9 9 9 9 9 9 9 9 9 9 9

Pelanggan

Actor Admin Produk

Admin Layanan

9

9

9

9 9 9 9 9

9 9 9 9

9 9 9 9

9 9 9 9

9

9

9 9

9 9

9

9 9 9 9 9

126 M engakses Profil Saya M engakses Tips & Trik M engakses Beritahu Teman M elakukan Pemesanan M engakses keranjang M engisi Komentar M elakukan pembayaran M embayar kredit M emberitahu teman M engakses Panel Admin M engkonfirmasi pemesanan M engkonfirmasi komentar M enjawab Keluhan/Saran Produk M enjawab Pertanyaan Produk M elakukan Permintaan Supplier M engkonfirmasi Wishlist M engupdate Produk M elakukan Penawaran Produk M eminta barang supplier M embuat laporan M enjawab Pertanyaan Tentang Pelayanan/umum M enjawab Keluhan /saran Tentang Pelayanan/Umum M engupdate kegiatan M engupdate Berita M engupdate Tentang kami M engupdate Lama Pengiriman M endata pelanggan M embuat polling M engupdate Trik&Tip M engupdate kebijakan privasi M engupdate banner M enotifikasi pengunjung M enotifikasi pengantian M enotifikasi kredit M enotifikasi souvernir

9 9 9 9 9 9 9 9 9

9

9

9 9 9 9

9

9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9

127 4.7

Use Case Berikut merupakan masing-masing use case cari actor pada e-CRM PT Surya Terang Pratma uc Pri mar y Use Cas es Syst em i nf orm asi E-CRM PT Surya T erang Prata ma mel akuka n regi strasi

men gakse s tetang kami

menga kses bara ng

M engak ses Ho t Pro duk

M engaks es Aku n Sa ya

meng akses l upa pa ssw ord

Men gakse s Beri ta pen gunj un g M enga kses Kontak

M eng akses FAQ

M eng akses Ke bij akan pri va si

Me ngaks es Acara

Me ngakse s Langg anan Berita

me li hat k ome nta r

mel akukan p oll i ng

Gambar 4.3 pengunjung

128 uc Prima ry Use Cases System inform asi E-CRM PT Su rya Terang Pratam a

Mengisi Wi shlis t

Mengisi Com plai n

Mengaks es La ma Pengi ri man me nguba h passw ord «include » Mengakse s Profil Saya « incl ude»

Mengaks es Tips & Trik me mber Mengaks es Berita hu Tema n

M elakukan Pem esanan

M enga kses keranja ng

Mengisi Komentar

m elak ukan pem bayaran

Gambar 4.4 member

Mengupda te Profil Saya

129 uc Primary Us e Cas es System i nform asi E-CRM PT Surya Tera ng Pra tama

«includ e»

Mengupdate profil saya

mengakse s profil saya «include » Me ngk onfirmasi pembayaran

Mengkonfirmas i kome ntar

Menja wab Keluhan/Sara n Produk

admin produk

Menj awab Pe rtanyaan Produk

M engk onfirmasi Wi shlis t

Me ngupdate Produk

M elak ukan Penaw aran Produk

meminta barang supplie r

membuat laporan

Gambar 4.5

Admin Produk

Me ngubah pa ssw ord

130

uc Prima ry Us e Cas es System i nformasi E-CRM PT Su rya Te ra ng Prata ma

mengak se s pr ofil sa ya

«i ncl ude »

«i ncl ud e» M enj aw a b Per ta nyaa n Tenta ng Pe layanan/umum

M engubah pass w or d

mengupda te profil s aya

Me nja w ab Ke luha n /sar an Te ntang Pela ya na n/Umum

Mengupdate kegiatan

admin la yanan / umum

Mengupdate Berita

Me ngupdate Tenta ng ka mi

Mengupda te Lama Pe ngir im an

M endata pe la nggan

Me mbuat polling

Mengupda te Tr ik &Tip

Me ngupdate k ebij ak an pr iv a si

menotifika si k unjunga n

menotifik asi pengantian

menotifika si k re dit

menotifik asi souv e rnir

Gambar 4.6

Admin Layanan / umum

131 4.8 Use cases specification 1. M elakukan Registrasi Use case : Use case ini dilakukan ketika pengunjung ingin melakukan registrasi atau pendaftaran pada website PT. SURYA TERANG PRATAM A untuk menggunakan fasilitas pelanggan yang ada seperti pemesanan, pembayaran, dsb. Object : member Function : input_username, input_password, input_konfirmasi_password, input_email, input_telepon, input_namaPT/Perorangan, input_alamat, input_kota, pilih_kategori_oli, jenis_mesin, pilih_kategori_sparepart, pilih_jenis_mesin, pilih_kategori_grease, input_captcha, save 2. M engakses Tentang Kami Use case : Use case ini dilakukan ketika pengunjung ingin mengakses tentang kami untuk mengetahui latar belakang perusahaan dan barang utama perusahaan yang dijual. Object : tentang kami Function : klik_tentang_kami, get_isi 3. M engakses Barang Use case : Use case ini dilakukan ketika pengunjung ingin mengakses barang. Didalamnya terdapat keterangan barang baik dari keterangan ataupun harganya. Object : barang, detil_barang, komentar

132 Function : get_nama_barang, get_gambar_barang, input_nama_barang, get_nama, get_keterangan, get_harga, get_keterangan_tambahan, get_kategori_barang, get_nama_komentar, get_isi_komentar. 4. M engakses Hot Barang Use case : Use case ini dilakukan ketika pengunjung ingin mengakses hot barang. Hot barang ini adalah barang yang dipilih oleh moderator web berdasarkan transaksi empat terbanyak. Object : pemesanan, barang Function : get_jumlah_transaksi, get_gambar_transaksi, get_judul_barang, get_keterangan_barang 5. M engakses Akun Saya Use case : use case ini dilakukan ketika pengunjung yang sudah terdaftar sebagai pelanggan dapat melakukan login / masuk ke menu pelanggan dan dapat melakukan aktivitas pelanggan seperti pemesanan barang, pembayaran, dsb. Object : pelanggan Function : input_username, input_password, cek_username, cek_password. 6. M engakses Lupa Password Use case : use case ini dilakukan ketika pengunjung lupa terhadap password-nya. M ereka dapat meminta kepada moderator untuk dikirimkan password agar dapat masuk ke menu pelanggan kembali. Object : msuser

133 Function : pilih_lupa_password, input_email, klik_kirim, update_password 7. M engakses Berita Use case : use case ini dilakukan ketika pengunjung ingin mengakses berita yang telah disediakan pada web PT. SURYA TERANG PRATAM A. Object : berita Function : klik_berita, get_judul, get_isi, get_tanggal, return_isi, pilih_berita. 8. M engakses Kontak Use case : use case ini dilakukan ketika pengunjung ingin melakukan interaksi secara langsung dengan menggunakan fasilitas chatting ataupun secara tidak langsung yaitu dengan mengirimkan pesan dengan email kepada moderator web PT. SURYA TERANG PRATAMA. Object : kontak Function : pilih_kontak, input_nama, input_email, input_subjek, pilih_umum, pilih_barang, input_pesan, klik_simpan, save. 9. M engakses FAQ Use case : use case ini dilakukan ketika pengunjung ingin mengakses FAQ (Frequently Asked Questions) untuk mendapatkan informasiinformasi yang dibutuhkan pelanggan yang berkaitan dengan web perusahaan PT. SURYA TERANG PRATAMA. Object : FAQ Function : klik_FAQ, get_isi_FAQ

134 10. M engakses Kebijakan Privasi Use case : use case ini dilakukan ketika pengunjung ingin mengetahui apakah ada batasan-batasan atau peraturan-peraturan terhadap pengaksesan web ini. Object : kebijakan privasi Function : klik_kebijakan_privasi, get_isi 11. M engakses Acara Use case : use case ini dilakukan ketika pengunjung ingin melihat acaraacara yang diselenggarakan oleh PT. SURYA TERANG PRATAMA kepada pelanggannya. Object : event Function : get_event , get_tempat , get_tanggal_mulai , get_tanggal_selesai 12. M engakses Langganan Berita Use case : use case ini dilakukan ketika pengunjung ingin berlanggan berita seputar kategori berita yang ada. Object : pelanggan_berita Function : input_email, klik_langganan_berita, save. 13. M elihat Komentar Use case : use case ini dilakukan ketika pengunjung ingin melihat komentar-komentar pelanggan yang telah memberikan kontribusi komentarnya terhadap barang yang ada. Object : comment, barang

135 Function : klik_komentar, get_id_user, get_comment, get_gambar_barang. 14. M engisi Wishlist Use case : use case ini dilakukan ketika pelanggan ingin melakukan permintaan terhadap produk yang tidak tersedia di perusahaan PT. SURYA TERANG PRATAMA. Object : Wishlist Function : klik_Wishlist, get_id_barang, get_keterangan_barang, input_barang_yang_diminta, save 15. M engisi Komplain Use case : use case ini dilakukan ketika pelanggan ingin memeberikan keluhan-keluhan terhadap produk atau layanan yang pernah dilakukan PT. SURYA TERANG PRATAMA kepadanya. Object : mscomplain Function : klik_panel_user, klik_komplain, pilih_umum, pilih_produk, input_komplain, save 16. M engakses Lama Pengiriman Use case : use case ini dilakukan ketika pelanggan ingin mengetahui berapa besar biaya yang dikeluarkan pada setiap kali pengiriman berdasar dari kota tinggal mereka. Object : Lama Pengiriman Function : pilih_lama_pengiriman, get_tujuan, get_lama_pengiriman, get_biaya.

136 17. M engakses Profil Saya Use case : use case ini dilakukan ketika pelanggan ingin mengubah data pribadinya beserta kategori produk yang ingin ditawarkan kepadanya. Object : msuser Function : klik_profil_saya, get_username, get_email, get_telepon, get_nama_PT/Perorangan, get_alamat, get_kota, klik_update, get_username, input_email, input_telepon, input_nama_PT/Perorangan, input_alamat, input_kota, pilih_kategori_oli, pilih_jenis_mesin, pilih_kategori_sparepart, pilih_jenis_mesin, pilih_kategori_grease, klik_ok, save 18. M engubah Password Use case : use case ini dilakukan ketika pelanggan ingin melakukan pengubahan terhadap password dengan maksud untuk mencegah kecurangan-kecurangan pada pihak yang tidak bertanggung jawab. Object : msuser Function : klik_profi_saya, get_username, get_email, get_telepon, get_nama_PT/Perorangan, get_alamat, get_kota, klik_ganti_password, input_password, input_password_baru, input_konfirmasi_password_baru, save 19. M engakses Tips dan Trik Use case : use case ini dilakukan ketika pelanggan ingin mengetahui seputar tips dan trik mengenai keaslian produk ataupun trik dalam menjaga mesin mereka. Object : tip&trik

137 Function : get_isi 20. M engakses Beritahu Teman Use case : use case ini dilakukan ketika pengunjung ataupun pelanggan dapat mempromosikan web PT. SURYA TERANG PRATAM A kepada teman-teman mereka dengan menginput emailnya. Object : Function : input_nama_anda, input_email_anda, input_email_teman_1, input_email_teman_2, input_teman_3, klik_kirim. 21. M elakukan Pemesanan Use case : use case ini dilakukan ketika pelanggan ingin melakukan pemesanan terhadap barang yang dikehendakinya. Object : msbarang, mscart Function : klik_produk, klik_gambar_barang, get_judul_barang, get_keterangan_barang, get_harga_barang, input_jumlah, klik_pesan_sekarang, save 22. M engakses Keranjang Use case : use case ini dilakukan ketika pelanggan ingin melihat secara lebih detil mengenai produk yang telah dipilih untuk dilakukan pembayaran nantinya. Object : barang, mscart Function : klik_lihat_keranjang, get_gambar_barang, get_nama_barang, get_harga_barang, get_barang, get_qty, sub_harga, total, pilih_hapus_semua, hapus_semua, pilih_ubah, input_jumlah, klik_edit, save, pilih_hapus, hapus, klik_lihat, input_captcha.

138 23. M engisi Komentar Use case : use case ini dilakukan ketika pelanggan ingin berkontribusi untuk memberikan komentarnya untuk produk yang telah dipilihnya. Komentar tersebut akan ditampung kemudian diaktifkan untuk dimunculkan pada halaman produk tersebut. Object : mscomment Function : klik_produk, klik_gambar, pilih_komentar, get_id_user, get_comment, input_komentar, save. 24. M elakukan Pembayaran Use case : use case ini dilakukan ketika pelanggan ingin melakukan pembayaran atas produk yang telah dipilihnya. Akan ada konfirmasi pembayaran sebagai bukti bahwa pelanggan tersebut telah membayar. Object : msuser, lama pengiriman, mstransfer Function : pilih_lihat_keranjang, klik_lihat, klik_konfirmasi_pembayaran, generate_tanggal, get_username, get_nama_lengkap, get_email, get_alamat, get_kota, get_telepon, total, get_pengiriman, transfer, klik_konfirmasi_pembayaran, nomor_pemesanan, input_bank, input_rekening, input_nama, tanggal, klik_konfirmasi, save. 25. M engakses Profil Saya (admin produk) Use case : use case ini dilakukan ketika admin produk ingin mengubah data pribadinya Object : msuser

139 Function : klik_profil_saya, get_username, get_email, get_telepon, get_nama_PT/Perorangan, get_alamat, get_kota, klik_update, get_username, input_email, input_telepon, input_nama_PT/Perorangan, input_alamat, input_kota, save. 26. M engkonfirmasi Pembayaran Use case : use case ini dilakukan ketika admin produk ingin mengganti status daripada pembayaran yang dilakukan pelanggan. Object : msuser, mstransfer Function : klik_panel_admin, klik_panel_pembayaran, get_username, get_email, get_tanggal_transfer, get_nominal_transfer, get_nama_transfer, get_rekening, get_nama, klik_konfirmasi, save. 27. M engkonfirmasi Komentar Use case : use case ini dilakukan ketika admin produk ingin mengubah status komentar atas barang yang telah diberikan komentar oleh pelanggan. Object : barang, msuser, mscomment Function : klik_panel_admin, klik_panel_komentar_produk, input_search, klik_search, get_nama_barang, pilih_nama_produk, get_nama_produk, pilih_username, get_username, pilih_all, get_nama_barang, get_username, get_comment, get_comment_date, get_status, pilih_persetujuan, get_status, pilih_pending, klik_approve, save, klik_delete. 28. M enjawab Keluhan/Saran Produk

140 Use case : use case ini dilakukan ketika admin produk ingin memberikan jawaban atas keluhan dan saran dari produk yang telah diberikan dari pelanggan kepada admin produk. Object : msuser, mscomplain Function : klik_panel_admin, pilih_panel_komplain, get_username, get_kategori_barang, get_isi, get_tanggal_komplain, klik_jawab, input_jawaban, klik_submit, save. 29. M enjawab Pertanyaan Produk Use case : use case dilakukan ketika admin produk menjawab pertanyaan-pertanyaan yang telah diberikan oleh pelanggan seputar pertanyaan umum produk. Object : mscontact Function : klik_panel_admin, klik_panel_kontak, get_nama, get_email, get_tanggal_kontak, get_pesan, klik_jawab, input_balasan, submit, save. 30. M engkonfirmasi Wishlist Use case : use case ini dilakukan ketika admin produk ingin memberikan konfirmasi status produk atas permintaan yang mereka kirimkan sebelumnya. Object : msuser, mswish Function : klik_panel_admin, klik_panel_wishlist, get_username, get_tglwish, get_isiwish, klik_mengabulkan, save

141 31. M engupdate Produk Use case : use case ini dilakukan ketika admin produk ingin mengupdate isi daripada produk yang terdapat pada web. Object : barang Function : klik_panel_admin, klik_panel_produk, klik_buat_produk, input_nama_barang, input_harga, input_keterangan, insert_null, insert_hot, insert_promo, pilih_oli, pilih_pertamina, pilih_shell, pilih_mobile_oil, pilih_mesin_diesel, pilih_mesin_hidrolik, pilih_compresor_oil, pilih_sparepart, pilih_caterpillar, pilih_komatsu, pilih_buldozer, pilih_traktor, pilih grease, pilih_wolf, pilih_shell, pilih_mobile_oil, input_satuan, input_gambar, save. 32. M elakukan Penawaran Produk Use case : use case ini dilakukan ketika admin produk ingin menawarkan produknya dengan metode crosselling kepada pelanggannya. Object : ms user , barang Function : get_subscribe_1, get_subscribe_2 , get_subscribe_3 , get_nama_barang , get_keterangan 33. M engakses Profil Saya (Admin Layanan/Umum) Use case : use case ini dilakukan ketika admin produk ingin mengubah data pribadinya Object : msuser Function : klik_profil_saya, get_username, get_email, get_telepon, get_nama_PT/Perorangan, get_alamat, get_kota, klik_update,

142 get_username, input_email, input_telepon, input_nama_PT/Perorangan, input_alamat, input_kota, save. 34. M enjawab Pertanyaan Tentang Pelayanan/Umum Use case : use case dilakukan ketika admin layanan menjawab pertanyaan-pertanyaan yang telah diberikan oleh pelanggan seputar pertanyaan layanan/umum. Object : mscontact Function : klik_panel_admin, klik_panel_kontak, get_nama, get_email, get_tanggal_kontak, get_pesan, klik_jawab, input_balasan, submit, save. 35. M enjawab Keluhan/Saran Tentang Pelayanan/Umum Use case : use case ini dilakukan ketika admin umum ingin memberikan jawaban atas keluhan dan saran dari layanan yang telah diberikan dari pelanggan kepada admin layanan. Object : msuser, mscomplain Function : klik_panel_admin, pilih_panel_komplain, get_username, get_kategori_barang, get_isi, get_tanggal_komplain, klik_jawab, input_jawaban, klik_submit, save. 36. M engupdate Acara Use case : use case ini dilakukan ketika admin umum ingin mengupdate acara yang ingin diselenggarakan oleh PT. SURYA TERANG PRATAM A. Object : event Function : pilih_panel_admin, pilih_panel_acara, input_acara, input_tempat, input_mulai, input_selesai, input_keterangan, klik_simpan,

143 save, get_acara, get_tempat, get_mulai, get_selesai, klik_hapus, klik_edit, input_acara, input_tempat, input_mulai, input_selesai, input_keterangan, save. 37. M engupdate Berita Use case : use case ini dilakukan ketika admin layanan menginginkan ada pembaruan dari berita yang ada. Object : Berita Function : klik_panel_admin, pilih_panel_berita, pilih_kategori, pilih_oli, get_judul, get_tanggal, pilih_sparepart, pilih_grease, klik_hapus, save. 38. M engupdate Tentang Kami Use case : use case ini dilakukan ketika admin layanan ingin mengubah atau mengupdate halaman Tentang Kami. Object : msabout Function : klik_tentang_kami, get_isi, klik_update, input_isi, save. 39. M engupdate lama pengiriman Use case : use case ini dilakukan ketika admin layanan ingin mengubah atau mengupdate halaman lama pengiriman Object : lamapengiriman Function : get_tujuan , get_lama_pengiriman , get_biaya 40. M endata pelanggan Use case : use case ini dilakukan ketika admin layanan ingin mengubah atau mengupdate halaman panel user Object : msuser

144 Function : get_email , get_username , get_telepon ,get_nama_lengkap , get_alamat

41. M embuat polling Use case : use case ini dilakukan ketika admin layanan menginginkan ada pembaruan dari polling yang ada Object : poll_question Function : get_poll_name , get_question , get_expired

42. M engupdate trik&tip Use case : use case ini dilakukan ketika admin layanan mengiginkan ada pembaruan dari trik & tip yang ada Object : tip&trik Function : get_judul , get_keterangan

43. M eminta barang supplier Usecase : use case ini dilakukan ketika admin produk ingin menayakan status persediaan barang pada supplier Object : supplier Function : get_kategori , get_pertanyaan , get_status , klik_tanya

44. membuat laporan Use case : use case ini dilakukan ketika admin produk ingin melihat total dari penjulan

145 Object : pemesanan ,detail_pemesanan Function : get_transaction_code , get_trasactionid, get_harga

45. menotifikasi kunjungan Use case : use case ini di lakukan ketika ada pelanggan yang tidak melakukan kunjungan ke perushaan dalam jagka waktu sebulan Object : login Function : get_tanggal_terakhir

46. menotifikasi pengantian Use case : use case ini dilakukan ketika ada pelanggan yang tidak melakukan pemesanan oli dalam jangka waktu 2 bulan\ Object : pemesanan Function : get_tanggal_pemesanan

47. menotifikasi kredit Use case : use case ini dilakukan ketika ada pelanggan yang telah melakukan pembayaran secara kredit Object : kredit Function : get_kredit_date

48. menotifikasi sourvenir Use case : use case ini dilakukan ketika ada pelanggan yang telah merekomendasikan perusahaan kepada teman-temannya

146 Object : beritahu_teman Function : jumlah_beritahu

4.9 Perancangan Layar 4.9.1 Rancangan Layar Pelanggan Sebelum Login 1. Beranda HE AD ER b era n d a

t e n t an g ka mi

p ro d u k

ho t p ro d u k

a kun s a ya

re g is tr a si

G a m b a r P ro d u k B

k o n t ak

K e te ra n g a n x x x -2 0 0 -x x x K e te ra n g a n x x x -2 0 0 -x x x

T e n t an g K am i K ete ra n g an L an g g an a n B er it a E m ai l x x x -5 0 - x x x

P ro d u k B a r u

A car a K et era n g an

Ga m b a r 1 Ga m b a r 4

G am b ar 2 G am b ar 5

t ip s & t r ick

S a l am P en g u n j u n g L i h at K e r an j an g

F i t u r P ro d u k

G a m b a r P ro d u k A

b eri t a

G a m b ar 3 G a m b ar 6

S e le n g k ap n y a

B e ri t ah u T em an N am a A n d a E m ai l

x x x -1 0 0 -x x x x x x -1 0 0 -x x x

E m ai l T e m a n 1 E m ai l T e m a n 2 E m ai l T e m a n 3 K ir i m

x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x

P o ll i n g Ju dul P er t a n y aan Ja w a ba n A Ja w a ba n B Ja w a ba n C V o t e ! !!

x x x -2 0 - x x x x x x -5 0 - x x x x x x -2 0 - x x x x xx-20-xxx x xx-20-xxx L ih a t h a sil B a nne r

G am b ar B an n er P rom o G a mba r 1 G a mba r 2 G a mba r 3

b e ra n d a

te n tan g k am i

f. a .q

k e b ij a k an p r iv a si

FO O T E R

Gambar 4.7 Beranda

k o n t ak

K at e go r i B e ri t a L i st K a t eg o r i K at eg o r i P ro d u k L i st K a t eg o r i

147 Pada halaman beranda ini mengambarkan halaman utama yang akan muncul pada semua user pada saat mengakses tampilan web. Pada tampilan awal ini terdapat tampilan umum bagi pelanggan seperti header (logo perusahaan), footer, tentang kami, produk, hot produk, akun saya, registrasi, f.a.q, kebijakan privasi, promo, kategori berita, kategori produk, fitur produk, produk baru dan berita. Sedangkan untuk tampilan khusus bagi pelanggan yang belum login adalah adanya menu yang dapat diakses tanpa harus login terlebih dahulu yaitu menu langganan berita, acara, beritahu teman, polling, banner, kontak dan tips & trick. Sedangkan menu lihat keranjang hanya berupa navigasi user agar melakukan registrasi terlebih dahulu.User Interface beranda terdapat pada admin layanan, admin produk, pengunjung dan member. 2. Tentang Kami HE AD E R b er a n d a

te n t a n g k am i

pro d u k

ho t pro d uk

ak u n sa y a

r e g is tr a s i

b e r it a

ko n tak

t ip s & t r ic k

S alam P eng u n jun g L i h a t K e r a n ja n g

T e n ta n g K a m i K e te r a n g a n x x x -ty p e -x xx

T e n ta n g K a m i K e te ra n g a n L a n g g a n a n B e r it a Em ail x xx -5 0 -x x x

P r o du k K a m i K e te r a n g a n x x x -ty p e -x xx

A c a ra K e te ra ng a n

N am a A n d a E m ai l E E E K

S eleng k apn y a

B e rita hu T e m a n x x x- 10 0 -x xx x x x- 10 0 -x xx x x x- 10 0 -x xx x x x- 10 0 -x xx x x x- 10 0 -x xx

m ai l T em an 1 m ai l T em an 2 m ai l T em an 3 irim P o lli n g

x x x x x L

J u du l P e rta ny a a n Jaw ab an A Jaw ab an B Jaw ab an C V o te !!!

xx -2 0 -x x xx -5 0 -x x xx -2 0 -x x x x -2 0-x x x x -2 0-x x ih a t h a s il

x x x x x

B ann e r G am b ar B an n er P rom o G am b ar 1 G am b ar 2 G am b ar 3

b e ra n d a

te n t a n g k am i

f .a .q

k e b i ja k a n pri va s i

FO O TE R

Gambar 4.8Tentang Kami

k o n ta k

K a te g o r i B e r i t a L i s t K a te g o r i K a t eg o r i P r o d u k L i s t K a te g o r i

148 Pada saat pengunjung (calon pelanggan) memilih menu Tentang Kami, maka akan muncul informasi seputar perusahaan dan informasi mengenai produk utama perusahaan. Dengan adanya fitur Tentang Kami pengunjung mampu mendapatkan informasi yang di inginkan.User Interface beranda terdapat pada admin layanan, admin produk, pengunjung dan member. 3. Produk HEADER beranda

tentang k ami

produk

hot produk

akun saya

registrasi

Gambar Produk B

Langganan Berita Email xxx- 50- xxx

Keteranga n Gambar 2 Gambar 5

tips & trick

Tentang K ami Keterangan

Keterangan xxx- 200- xxx Keterangan xxx- 200- xxx

Produk Baru

Gambar 1 Gambar 4

kontak

Salam Pengunjung Lihat Keranjang

Fitur Produk

Gambar Produk A

berita

Gambar 3 Gambar 6

Acara Selengkapnya

Beritahu Teman Nama Anda Email

xxx- 100- xxx xxx- 100- xxx

Email Teman 1 Email Teman 2 Email Teman 3 Kirim

xxx- 100- xxx xxx- 100- xxx xxx- 100- xxx

Polling Judul Pertanyaan Jawaban A Jawaban B Jawaban C Vote !!!

xxx- 20- xxx xxx- 50- xxx xxx- 20- xxx xxx- 20-xxx xxx- 20-xxx Lihat hasil Banner

Gambar Banner Promo Gambar 1 Gambar 2 Gambar 3

beranda

tentang kami

f.a.q

kebijakan privasi

FOOTER

Gambar 4.9 Produk

kontak

Kategori Berita List Kategori Kategori Produk List Kategori

149 Pada halaman Produk,pengunjung dapat mencari dan menemukan produk mana yang di inginkan untuk mereka beli baik dengan cara menggunakan fasilitas search engine produk perusahaan atau dengan mencari manual dengan menggunakan fasilitas pagingsesuai dengan produk yang dijual oleh perushaaan. Adanya fitur navigasi pada produk yang dipilih yang nanti akan muncul menu tambahan yaitu menu detil produk. Untuk menu detil produk ini berlaku untuk setiap gambar produk yang dipilih akan secara otomatis langsung menuju ke menu detil produk. Hal ini berlaku juga bagi menu hot produk dan menu promosi. User Interface beranda terdapat pada pengunjung dan member. User Interface beranda terdapat pada admin layanan, admin produk, pengunjung dan member.

150 4. Detil Produk

H E A D E R b e ra n d a

te n ta n g kam i

p ro d u k

h ot pro du k

a k un s a ya

re g i s t r a s i

N a m a Pro du k x x x-5 0-x xx G am b a r P rod u k Z o om

b er it a

k o n t ak

t ip s & tr ic k

S a la m P e n g u n j u n g L ih a t K e r a n j a n g T e n ta n g K a m i K e t e ra n g a n

D et il P r o d u k x x x - 2 0 0 -x x x O rd e r

L a n g g a n a n B e r ita K e te r a n ga n T a m b ah an

P ro duk T er k a i t

K o m en t a r

E m ai l

K e t e ra n g a n - ke t er a n g a n x x x - 2 0 0 -x x x

xx x-5 0-x xx

A c ar a K e te r a n g an

N am a A n d a E m ai l E E E K

S e len g k a p n y a

B er it ah u T e m a n x x x -1 0 0 - x x x x x x -1 0 0 - x x x

m ai l T e m a n 1 m ai l T e m a n 2 m ai l T e m a n 3 ir i m

x x x -1 0 0 - x x x x x x -1 0 0 - x x x x x x -1 0 0 - x x x

P o llin g J ud ul P e r t an y aa n J aw ab a n A J aw ab a n B J aw ab a n C Vo te !!!

x x x x x L

xx -20 -x x xx -50 -x x xx -20 -x x x x -2 0 -x x x x -2 0 -x x ih a t h a s i l

x x x x x

B an ne r G a m b a r B an n er Pro m G am b a G am b a G am b a

b er a n d a

te n tan g k am i

f .a .q

k e b i ja k a n p rivas i

o r 1 r 2 r 3

K a t e g o ri B e r i t a L i st K a t e g o r i K a t e g o ri P ro d u k L i st K a t e g o r i

k o n ta k

FO O T E R

Gambar 4.10 Detil Produk

Pada menu ini pengunjung dapat melihat lebih detil mengenai produk yang telah dipilih sebelumnya. Disini diperlihatkan apa nama produk, detil produk, keterangan tambahan, produk terkait dan kumpulan komentar-komentar yang sudah disetujui

151 terlebih dahulu oleh Admin. Sedangkan fasilitas tambahannya adalah zoom, ini pergunakan pengunjung agar dapat melihat produk secara lebih jelas. Dan untuk order hanya sebuah navigasi agar user terlebih dahulu melakukan registrasi sebelum melakukan pemesanan.User Interface beranda terdapat pada admin layanan, admin produk, pengunjung dan member. 5. Hot Produk

HE AD ER b era n d a

te n ta n g k am i

p ro d u k

hot p ro d u k

a k un s a ya

r e g is tr a si

G a m b a r P ro d uk B

G am b ar P r odu k C

G am b ar P r odu k D

k o n tak

t ip s & t r ic k

S alam P en g u n ju n g L ih a t K e r a n ja n g

H ot P r odu k

G am b ar P r odu k A

b e r it a

T e n ta n g K a m i K e t e ra n g a n

K e tera n g a n x x x -2 0 0 -x x x se l e n g k a p n y a K e tera n g a n x x x -2 0 0 -x x x se l e n g k a p n y a K e tera n g a n x x x -2 0 0 -x x x se l e n g k a p n y a K e tera n g a n x x x -2 0 0 -x x x se l e n g k a p n y a

L a n g g a n a n B e r it a E m ail x x x -5 0 -x x x A cara K eteran g an

N am a A n d a E m ail E E E K

S e le n g k a p n y a

B e r it a h u T e m a n x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x

m ail T e m an 1 m ail T e m an 2 m ail T e m an 3 ir i m P o lli n g

x x x -2 0 -x x x x x x -5 0 -x x x x x x -2 0 -x x x x x x -2 0 -x x x x x x -2 0 -x x x L ih a t h a s il

Judul P ertan y aan Jaw ab a n A Jaw ab a n B Jaw ab a n C V o te !!! B an n e r G am b ar B an n er P ro m o G am b a r 1 G am b a r 2 G am b a r 3

b era n d a

te n ta n g k am i

f . a .q

k e b ija k a n p riv as i

FO O T E R

Gambar 4.11 Hot Produk

k o n ta k

K a te g o r i B e r it a L i st K a te g o r i K ateg o ri P ro d u k L i st K a te g o r i

152

Pada halaman ini pengunjung dapat melihat ada 4 produk yang menandakan produk tersebut adalah produk yang paling banyak diminati pelanggan setia PT. SURYA TERANG PRATAMA yang dihitung dari banyaknya total transaksi. Dan ditambah fasilitas detil produk yang sama seperti pada menu Produk. User Interface beranda terdapat pada pengunjung dan member. User Interface beranda terdapat pada admin layanan, admin produk, pengunjung dan member. 6. Akun Saya H E A D E R beran d a

A k u n

ten t an g k a m i

p ro du k

h ot p ro d u k

a k u n sa ya

r e g is t r a s i

b e r it a

t ip s & t r ick

S a l a m P en g u n j u n g L ih at K er a n ja n g

S ay a

T e n ta n g K am i K e t e ra n g a n

N a v ig a s i B u a t A k u n

U se r n a m e : x x P as s w ord x x R em em b er N a v ig a s i

k on tak

L a n g g a n a n B e r i ta E m a il x xx -5 0-x x x

x -1 0 0 - x x x x -5 0 - x x x m e L u p a

A ca r a K e te r a n g a n

M a su k N am a A n d a E m ai l E E E K

m m m ir

S e len g k ap n y a

B e ri t a h u T e m a n x xx -10 0 -xx x x xx -10 0 -xx x

ai l T e m an 1 ai l T e m an 2 ai l T e m an 3 im

x xx -10 0 -xx x x xx -10 0 -xx x x xx -10 0 -xx x

P o ll i n g J u d ul P e r ta n J aw ab J aw ab J aw ab

x x x x x L

yaan a n A a n B a n C V o t e !! !

xx -2 0-x x xx -5 0-x x xx -2 0-x x xx -2 0-x x xx -2 0-x x ih a t h a s il

x x x x x

B ann e r G am b ar B ann er Pro m o G am b ar 1 G am b ar 2 G am b ar 3

b e r an d a

t e n ta n g k am i

f .a .q

FO O T E R

Gambar 4.12Akun Saya

k e b ij a k a n p r iv a si

k o n ta k

K a t e g o r i B e r it a L i s t K a te g o r i K a te g o r i P r o d u k L i s t K a te g o r i

153 Pada halaman ini pengunjung diberikan fasilitas login agar dapat menikmati fasilitas tambahan bertransaksi di web ini serta dapat memberikan komentar terhadap produk yang ada dan fasilitas yang lainnya. Disini ditambahkan fasilitas navigasi buat akun baru, sehingga bagi pengunjung yang ingin mempunyai akun baru langsung dialihkan pada menu registrasi. Untuk fasilitas remember me digunakan untuk mempermudah pengunjung yang sudah loginagar tidak perlu mengetik ulang passwordnya, cukup dengan mengklik dua kali pada kotak isian username dan pilih username mana yang diinginkan lalu secara otomatis sistem akan mengingat password sebelumnya yang pernah diinput oleh pengunjung. Sedangkan fasilitas lupa password untuk pengunjung hanya diberikan pesan saja, bahwa password tidak bisa dikirim sebelum melakukan registrasi. Karena menu tersebut hanya untuk pengunjung yang sudah melakukan registrasi terlebih dahulu. User Interface beranda terdapat pada admin layanan, admin produk, pengunjung dan member.

154 7. Registrasi

HEADER be r an da t en t a n g k am i

p r od u k

h o t pr o du k

ak u n s ay a

re gi s t ras i

b eri t a

k o n ta k

tip s & t ri ck

S ala m Pe ng u n j un g Li h at K eran j a ng

R e gi st ra s i A k u n

T ent an g K am i Ke te ran g an

N av ig as i L o gi n

L an g g an an B eri t a U s e rn a m e

x x x -1 0 0 -x x x

P as sw or d

x x x -5 0 -x x x

K o n f irm as i P as sw or d E m ai l : T e lep o n : N a ma P T /P ero ra n g A l am at : K o ta K a teg o ri : O li S p are p art G reas e

Em a il

x x x -5 0 -x x x

xx x -5 0 -x x x

A c ara K et e ran g an

x x x -1 0 0 -x x x

S el e ng k ap n y a

x x x -1 0 0 -x x x x x x -1 0 0 -x x x

B er i tah u T em an

x x x -te x t -x x x

x x x -1 0 0 -x x x

N am a A nd a E m ail

x x x -5 0 -x x x

x x x -1 0 0 -x x x

x x x -3 0 -x x x x x -co m bo - xx x x -co m bo - xx x x -co m bo - xx

x x -c o m b o -x x x x -c o m b o -x x

x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x

E m ail T em an 1 E m ail T em an 2 E m ail T em an 3 K i rim

C ek b o x P ers y ara t an P en g g u naa n R egi st er

Pol li n g Judul P erta n yaa n J aw a ban A J aw a ban B J aw a ban C V o te !!!

xx x -2 0 -x x x xx x -5 0 -x x x xx x -2 0 -x x x xx x -2 0 -x x x xx x -2 0 -x x x Li h at has il B an n er

G am b ar B a n n er P ro m o G a m b ar 1 G a m b ar 2 G a m b ar 3

b era n d a

ten t a ng k am i

f. a.q

k eb i j aka n p riv as i

FO O T ER

Gambar 4.13 Registrasi

k o n t ak

Ka t eg o ri B e ri ta L is t K a t eg o ri K ateg o ri Pro d u k L is t K a t eg o ri

155

Pada halaman ini pengunjung dapat melakukan registrasi agar dapat menikmati fasilitas bertransaksi ataupun fasilitas yang lainnya yang tidak didapat oleh pengunjung yang belum melakukan registrasi. Adapun hal-hal yang perlu diisi adalah; username, password, konfirmasi password, email, telepon, nama pt/perorangan, alamat, kota, kategori (oli, sparepart dan grease) dan centang persyaratan penggunaan. Untuk kategori,

dalam

hal

ini

diperlukan

agar

pelanggan

dapat

menerima

notifikasi/pemberitahuan terbaru dari admin mengenai kategori produk yang telah dipilih.

156 8. Persyaratan Penggunaan H EA DE R b era n d a

t e n ta n g k am i

p ro d u k

hot p ro d u k

a k un s a ya

r e g i s tr a s i

b e r i ta

k o n ta k

ti p s & tr i c k

S a la m P e n g u n ju n g L i h at K eran j an g

P e rs y a ra ta n P en g g u na a n

T en tan g K a m i K et eran g a n

x x x -ty pe -x x x

L a n g g a n a n B e r i ta E m a il x x x -5 0 -x x x A c ara K e te r a n g a n

S elen g k ap n y a

B e r i ta h u T e m a n N am a A n d a E m a il

x x x -1 0 0 -x x x x x x -1 0 0 -x x x

E m a il T e m a n 1 E m a il T e m a n 2 E m a il T e m a n 3 K ir im

x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x

P o l lin g Judul P e r ta n y a a n Jaw ab an A Jaw ab an B Jaw ab an C V o te ! ! !

x x x -2 0 -x x x x x x -5 0 -x x x x x x -2 0 -x x x x x x -2 0 -x x x x x x -2 0 -x x x L ih a t h a s il B an n er

G am b ar B a n n er P Ga Ga Ga

b eran d a

te n t a n g kam i

f . a .q

ro m o m b ar 1 m b ar 2 m b ar 3

k e b i ja k a n p r iv a s i

K a te g o r i B e r ita L is t K a t e g o r i K a te g o r i P r o d u k L is t K a t e g o r i

k o n tak

FOO TE R

Gambar 4.14 Persyaratan Penggunaan

Pada halaman persyaratan penggunaan ini, pengunjung yang ingin melakukan register harus menyujui perjanjian persyaratan penggunaan web, dimana isinya seputar

157 etika dalam menggunakan web ini. Untuk mengaksesnya dapat langsung mengklik link persyaratan penggunaan.

9. Berita

H E A DE R be ra n d a

t e n t an g k am i

p ro du k

hot pro d uk

a ku n s ay a

r e g i str a s i

b e r i ta

k o n ta k

B e r i ta T er k in i

S al a m P e n g u n j u n g L i h at K er a n j a n g

J u d u l B e r i ta T a n g g a l B e r it a

T e nt a n g K a m i K et e r an g a n

I si B er i t a x x x - t y pe - x x x

ti p s & t r i ck

L a n g g a n an B e r i t a E m a il x xx -5 0-x xx A c ar a S e l e n g k ap n y a

K e te r a n g a n

N a m a A nd a E m a il

B e r ita h u T e m a n x x x-1 0 0-x xx x x x-1 0 0-x xx

E m a il T em a n 1 E m a il T em a n 2 E m a il T em a n 3 K ir im

x x x-1 0 0-x xx x x x-1 0 0-x xx x x x-1 0 0-x xx

P o l li n g J ud u l P e r ta n y a a n J aw a b a n A J aw a b a n B J aw a b a n C V o t e ! !!

x x x x x L

xx -2 0-x xx xx -5 0-x xx xx -2 0-x xx xx -2 0-x x x xx -2 0-x x x ih a t h a s il

B a nn e r G a m ba r B a n ne r P rom o G a m b ar 1 G a m b ar 2 G a m b ar 3

b e r an d a

t en t a n g ka m i

f .a . q

k e b i j ak a n p r iv a s i

FO O TE R

Gambar 4.15 Berita

k o n t ak

K a t e g o r i B e r it a L i s t K a t e g o ri K a te g o r i Pr o d u k L i s t K a t e g o ri

158 Pada halaman ini pengunjung dapat melihat berita terkini seputar list kategori yang tersedia. Selain memanfaatkan fasilitas berita ini, ada menu yang terkait yaitu menu kategori berita. Jadi, pengunjung bisa lebih spesifik memilih berita mana yang ingin dilihat berdasar dari list kategori berita yang tersedia. M enu berita ini juga terkait dengan menu langganan berita yang tersedia. Jadi, baik pelanggan ataupun pengunjung dapat langsung menuliskan emailnya di kotak email bagian langganan berita. Kemudian jika admin menerbitkan berita maka segera otomatis langsung terkirim ke email yang telah tersimpan di database berita baik itu email pelanggan ataupun email pengunjung. User Interface beranda terdapat pada admin layanan, admin produk, pengunjung dan member.

159 10. Kontak H E A DE R t e n tan g k am i

beran d a

p ro du k

hot pro d uk

aku n s ay a

r e g i str a s i

b e r i ta

k o n ta k

ti p s & tr i ck

S ala m P e n g u n ju n g L i h at K er a n ja n g

K o n ta k K a m i

T ent an g K am i K et e r an g a n N E S P

am a m a il ubje k e sa n

L a n g g a n an B e r i ta E m a il x xx -5 0-x xx A c ar a K e te r a n g a n

S im p a n

S e l e n g k ap n y a

B e r ita h u T e m a n

Y M . PT . SU R Y A T E R A N G P RA T A M A

N am a A nd a E m a il

x x x-1 0 0-x xx x x x-1 0 0-x xx

E m a il T e m a n 1 E m a il T e m a n 2 E m a il T e m a n 3 K ir im

x x x-1 0 0-x xx x x x-1 0 0-x xx x x x-1 0 0-x xx

P o l li n g x x x x x L

J ud u l P e r ta n y a a n J aw a b a n A J aw a b a n B J aw a b a n C V o t e ! !!

xx -2 0-x xx xx -5 0-x xx xx -2 0-x xx xx -2 0-x x x xx -2 0-x x x ih a t h a s il

B ann er G am bar B a n ner P rom o G a m b ar 1 G a m b ar 2 G a m b ar 3

b e r an d a

ten t a n g ka m i

f .a . q

k e b i jak a n p r iv a s i

K a t e g o r i B e r it a L i s t K a t e g o ri K a te g o r i Pr o d u k L i s t K a t e g o ri

k o n t ak

FO O TE R

Gambar 4.16Kontak Pada halaman ini pengunjung langsung dapat mengirimkan ke email perusahaan PT.SURYA TERANG PRATAMA sehingga jika admin menerima email tersebut maka akan segera dibalas ke alamat email yang bersangkutan, baik hal itu mengenai keluhankeluhan ataupun saran-saran mengenai kinerja web PT. SURYA TERANG PRATAM A. Selain itu pengunjung ataupun pelanggan juga dapat berinteraksi langsung dengan PT. SURYA TERANG PRATAMA melalui fasilitas Yahoo M essenger sehingga segala

160 keluhan dan saran dapat segera ditanggapi difasilitas ini.Adapun fungsi fasilitas ini adalah untuk memajukan kinerja PT. SURYA TERANG PRATAMA dalam hal menjaga hubungan kepada pengunjung dan pelanggan khususnya dan untuk menjaga citra dan nama baik perusahaan dimata masyarakat pada umumnya. User Interface beranda terdapat pada admin layanan, admin produk, pengunjung dan member. 11. F.A.Q (Frequently Asked Questions) H EA DE R b era n d a

t e n ta n g k am i

p ro d u k

hot p ro d u k

ak un s aya

r e g i s tr a s i

b e r i ta

k o n ta k

ti p s & tr i c k

S a la m P e n g u n ju n g L ih at K eran jan g

F .A .Q I s i F .A .Q x x x -ty pe -x x x

T en tan g K a m i K eteran g a n L a n g g a n a n B e r i ta E m a il x x x -5 0 -x x x A c ara K e te r a n g a n

S elen g k ap n y a

B e r i ta h u T e m a n N am a A n d a E m a il

x x x -1 0 0 -x x x x x x -1 0 0 -x x x

E m a il T e m a n 1 E m a il T e m a n 2 E m a il T e m a n 3 K ir im

x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x

P o l lin g x x x x x L

Judul P e r ta n y a a n Jaw ab an A Jaw ab an B Jaw ab an C V o te ! ! !

x x -2 0 -x x x x x -5 0 -x x x x x -2 0 -x x x x x -2 0 -x x x x x -2 0 -x x x ih a t h a s il

B an n er G am b ar B a n n er P ro m o G a m b ar 1 G a m b ar 2 G a m b ar 3

b eran d a

te n t a n g kam i

f . a .q F OO TE R

Gambar 4.17F.A.Q

k e b i ja k a n p r iv a s i

k o n tak

K a te g o r i B e r ita L is t K a t e g o r i K a te g o r i P r o d u k L is t K a t e g o r i

161 Pada halaman ini baik pelanggan ataupun pengunjung dapat melihat dan mengetahui hal-hal yang mungkin ingin dipertanyakan. Disini f.a.q (frequently answer questions) telah memberikan ulasan mengenai pertanyaan yang kemungkinannya sering dipertanyakan oleh pelanggan ataupun pengunjung. Dengan itu pelanggan ataupun pengunjung tidak perlu menunggu balasan dari admin PT. SURYA TERANG PRATAM A untuk membalas pertanyaan anda, karena mungkin pertanyaan itu sudah ada di menu f.a.q ini. Kembali lagi jika tidak ada pertanyaan yang similiar maka dapat mempergunakan menu kontak yang telah tersedia. User Interface beranda terdapat pada admin layanan, admin produk, pengunjung dan member.

162 12. Kebijakan Privasi

H E A DE R beran d a

t e n tan g k am i

p ro du k

hot pro d uk

aku n s ay a

r e g i str a s i

b e r i ta

k o n ta k

ti p s & tr i ck

S ala m P e n g u n ju n g L i h at K er a n ja n g

K e b i j a k a n P r iv a s i I s i K e bi j a ka n P r iv a s i x x x- t y pe - xx x

T entan g K am i K et e r an g a n L a n g g a n an B e r i ta E m a il x xx -5 0-x xx A c ar a K e te r a n g a n

N am a A nd a E m a il

S e l e n g k ap n y a

B e r ita h u T e m a n x x x-1 0 0-x xx x x x-1 0 0-x xx x x x-1 0 0-x xx x x x-1 0 0-x xx x x x-1 0 0-x xx

E m a il T e m a n 1 E m a il T e m a n 2 E m a il T e m a n 3 K ir im P o l li n g

x x x x x L

J ud u l P e r ta n y a a n J aw a b a n A J aw a b a n B J aw a b a n C V o t e ! !!

xx -2 0-x xx xx -5 0-x xx xx -2 0-x xx xx -2 0-x x x xx -2 0-x x x ih a t h a s il

B ann er G am bar B a n ner P rom o G a m b ar 1 G a m b ar 2 G a m b ar 3

b e r an d a

ten t a n g ka m i

f .a . q

k e b i jak a n p r iv a s i

K a t e g o r i B e r it a L i s t K a t e g o ri K a te g o r i Pr o d u k L i s t K a t e g o ri

k o n t ak

FO O TE R

Gambar 4.18 Kebijakan Privasi

Pada halaman ini pelanggan ataupun pengunjung dapat mengetahui informasi mengenai kebijakan-kebijakan

privasi pada perusahaan PT.SURYA TERANG

PRATAM A yang harus ditaati dan dipahami dengan betul demi kenyamanan dalam menggunakan web ini. User Interface beranda terdapat pada admin layanan, admin produk, pengunjung dan member.

163 13. Acara

HEADER berand a

tentang k ami

p rod uk

hot pro duk

ak un saya

registrasi

Gambar P rod uk B

Langganan Berita Email xxx- 50 -xxx

Ketera ng an Gambar 2 Gambar 5

tip s & trick

Tentang Kami Keterangan

Keterangan xxx- 2 00- xxx Keterangan xxx- 2 00- xxx

P roduk Baru Gambar 1 Gambar 4

ko ntak

Salam Pengunjung Lihat Keranjang

Fitur Pro duk

Gambar P rod uk A

b erita

Gambar 3 Gambar 6

Aca ra S ele ng kapny a

Beritahu Teman N ama Anda Email

xxx-1 00 - xxx xxx-1 00 - xxx

Email Teman 1 Email Teman 2 Email Teman 3 K irim

xxx-1 00 - xxx xxx-1 00 - xxx xxx-1 00 - xxx

Polling xxx- 20 -xxx xxx- 50 -xxx xxx- 20 -xxx xxx-2 0- xxx xxx-2 0- xxx Lihat hasil

Judul Pertanyaan Jawab an A Jawab an B Jawab an C Vote !!! Banner Gambar Banner Pro mo Gamb ar 1 Gamb ar 2 Gamb ar 3

berand a

tentang k ami

f.a.q

k eb ijakan p rivasi

K ategor i Berita List Kategori K ategor i Pro duk List Kategori

k ontak

FO OTER

Gambar 4.19 Acara

Pada setiap halaman pengunjung dan pelanggan diberikan fasilitas acara. Pada fitur acara ini pengunjung yang belum melakukan registrasi pun dapat melihat acaraacara terdekat yang akan dilaksanakan oleh PT. SURYA TERANG PRATAMA. Fitur ini diadakan dengan maksud untuk mendekatkan diri perusahaan kepada pengunjung maupun pelanggan. Sehingga dengan ini pun pelanggan juga merasa diperhatikan karena acara ini memang sengaja dibuat semata-mata untuk pengunjung dan pelanggan PT.

164 SURYA TERANG PRATAM A. Di mata pengunjung dan pelanggan fitur ini dapat meningkatkan citra perusahaan karena terlihat dari acara yang diselenggarakan perusahaan kepada pengunjung dan pelanggannya dipublikasikan secara terorganisir. User Interface beranda terdapat pada admin layanan, pengunjung dan member. 14. Polling

H E A D ER beran d a

te n ta n g k am i

p rod u k

h ot pro du k

ak u n sa y a

re g i s t r a si

G a m b ar P rod u k B

k on t ak

K xx K xx

e x e x

ter a n g a n -2 0 0 -x x x ter a n g a n -2 0 0 -x x x

T e n ta n g K am i K e t e ra n g a n L a n g g a n a n B e r it a E m a il x xx -5 0-x xx

Pr o d u k B a r u

A ca r a K e t er a n g a n

Ga m b ar 1 Ga m b ar 4

G am bar 2 G am bar 5

t ip s & t r ick

S al am P eng u nj u ng L i h a t K e r a n ja n g

Fi tu r P r o d u k

G am b ar P rod u k A

b e r ita

G a m b ar 3 G a m b ar 6

Se len g k ap n y a

B e r it a h u T e m a n N am a A nd a E m a il

x x x-1 00 -x xx x x x-1 00 -x xx

E m a il T e m a n 1 E m a il T e m a n 2 E m a il T e m a n 3 K ir i m

x x x-1 00 -x xx x x x-1 00 -x xx x x x-1 00 -x xx

P o l li n g J u d ul P ertan y aa n Ja w ab a n A Ja w ab a n B Ja w ab a n C V o t e !! !

x xx -2 x xx -5 x xx -2 x xx -2 x xx -2 L ih a t

0-x xx 0-x xx 0-x xx 0-x xx 0-x xx h a si l

B ann e r G am b ar B ann er P ro m o G am b a r 1 G am b a r 2 G am b a r 3

b eran d a

te n t a n g k am i

f. a . q

k e b i ja k a n p ri vas i

FO O T ER

Gambar 4.20 Polling

k o n tak

K a t e go r i B e r it a L i s t K a te g o ri K at ego ri P ro du k L i s t K a te g o ri

165 Pada halaman ini baik pengunjung ataupun pelanggan dapat melakukan polling dengan menjawab pertanyaan yang telah tersedia dengan jawaban yang sudah ditentukan. Pada polling ini pengunjung ataupun pelanggan hanya dapat melakukan sekali input. Karena program secara otomatis menyimpan ip address dari komputer pelanggan ataupun pengunjung, sehingga tidak adanya yang melakukan polling lebih dari sekali.User Interface beranda terdapat pada admin layanan, pengunjung dan member

166 5. Langganan Berita

HEADER beranda

tentang kami

produk

hot produk

akun saya

registrasi

Gambar Produk B

kontak

Keterangan xxx- 200- xxx Keterangan xxx- 200- xxx

Tentang Kami Keterangan Langganan Berita Email xxx-50-xxx

Produk Baru

Acara Selengkapnya

Keterangan Gambar 1 Gambar 4

Gambar 2 Gambar 5

tips & trick

Salam Pengunjung Lihat Keranjang

Fitur Produk

Gambar Produk A

berita

Gambar 3 Gambar 6

Beritahu Teman Nama Anda Email

xxx-100- xxx xxx-100- xxx

Email Teman 1 Email Teman 2 Email Teman 3 Kirim

xxx-100- xxx xxx-100- xxx xxx-100- xxx

Polling Judul Pertanyaan Jawaban A Jawaban B Jawaban C Vote !!!

xxx-20- xxx xxx-50- xxx xxx-20- xxx xxx-20- xxx xxx-20- xxx Lihat hasil Banner

Gambar Banner Promo Gambar 1 Gambar 2 Gambar 3

beranda

tentang kami

f.a.q

kebijakan privasi

FOOTER

Gambar 4.21 Langganan Berita

kontak

Kategori Berita List Kategori Kategori Produk List Kategori

167

Pada halaman langganan berita pengunjung dapat memasukkan emailnya untuk di simpan didalam database perusahaan. Sehingga ada berita terbaru pada perusahaan PT. SURYA TERANG PRATAMA akan langsung masuk kedalam email pelanggan sudah tersimpan didalam database perusahaan. User Interface beranda terdapat pada admin layanan, pengunjung dan member.

168

4.9.2 Rancangan Layar Pelanggan Sesudah Login 1. Pengisian Komentar

HEA D E R b e ra n d a

ten ta n g ka m i

prod uk

ho t prod uk

b er ita

Zoo m K e te r a n gan P ro d u k T a m b a h T er k a i t an N a m a P el a n g g a n

ti p s & t ri c k

S a l a m P e la n g g a n

N a m a P ro d u k x xx-50-xx x

G a m ba r P rodu k

la m a p a n e l u se r p e n g i r im an

k o n ta k

K e lu a r D eti l P r o d u k x x x -1 1 - x x x B a nya k xxx O rde r

P r o f il S a y a L i h a t K e ra n j a n g T e n t an g K a m i K e t e ra n g a n

K om e n tar L a n g g a n a n B e r i ta E m a il

Is i K o m e n t a r y a n g s u da h d i s e tu ju i x x x - t e x t - x x x

x x x - 5 0 -x x x A c a ra

K ete r an g an

T em p a t I s i K o m e nt a r

S el en g k a p n y a

B er itah u T em a n

T a m b a h K o m e n ta r B a r u N am a A n d a E m ail

x x x -1 0 0 - x x x x x x -1 0 0 - x x x

E m ail T em an 1 E m ail T em an 2 E m ail T em an 3 K i ri m

x x x -1 0 0 - x x x x x x -1 0 0 - x x x x x x -1 0 0 - x x x

Po llin g x x x x x L

Ju dul P e rt a n ya a n J a w ab an A J a w ab an B J a w ab an C V o t e !! !

x x - 2 0 -x x x x x - 2 0 -x x x x x - 2 0 -x x x x x - 2 0 -x x x x x - 2 0 -x x x ih a t h a s il

B a nne r G am b ar B a n n er P Ga Ga Ga

b er an d a

ten ta n g ka m i

f .a .q

ro m o m b ar 1 m b ar 2 m b ar 3

k e b i ja k a n p r iv a si

FO OT ER

Gambar 4.22 Pengisian Komentar

k o n ta k

K a t e g o r i B e r i ta L is t K at eg o r i K a te g o r i P ro d u k L is t K at eg o r i

169

Pada halaman ini pelanggan dapat memberikan komentar terhadap produk yang dipilih serta dapat melihat pula komentar-komentar dari pelanggan yang lain, yang tentunya komentar yang sudah ditampilkan itu merupakan komentar yang sudah disetujui dulu oleh admin. 2. Berita H E A D ER b e r an d a

ten t a n g

p rod u k

h ot

b e r ita

k o n ta k

lam a

p an e l u s e r

t ip s &

S a la m P ela n g g a n

B e r it a T e r k i n i

K el u a r

J u d u l B e r it a T a n g g a l B e r i ta

P r o f il S a y a L i h at K er a n ja n g

Is i B e rit a x x x -t e x t- x x x

T e n t a n g K am i K e t e ra n g a n L a n g g a n a n B e r i ta E m a il x xx -5 0-x xx A ca r a K e t er a n g a n

N am a A nd a E m ail Em Em Em K ir

S e l en g k ap n y a

B e r it a h u T e m a n x x x-1 00 -x xx x x x-1 00 -x xx x x x-1 00 -x xx x x x-1 00 -x xx x x x-1 00 -x xx

ail T em a n 1 ail T em a n 2 ail T em a n 3 im P o l li n g

Ju d ul P e r ta n Ja w ab Ja w ab Ja w ab

x x x x x L

yaan an A an B an C V o t e !! !

xx -2 xx -2 xx -2 xx -2 xx -2 ih a t

00000ha

x x x x x s

xx xx xx xx xx il

B ann er G am b a r B ann er P ro m o G am b ar 1 G am b ar 2 G am b ar 3

b e ra n d a

te n t a n g

f. a . q

k e b i ja k a n

F O O T ER

Gambar 4.23 Berita

k o n tak

K a t e g o r i B e ri t a L i s t K a te g o r i K a t e g o ri P r o d u k L i s t K a te g o r i

170 Pada halaman ini pelanggan dapat melihat berita yang telah dipilih pada kategori berita atau dapat langsung mengaksesnya di menu berita bagian headerweb. Pada halaman berita ini terkait juga dengan menu langganan berita, dimana pelanggan dapat memasukkan email mereka disini, yang kemudian akan disimpan dan diproses oleh admin ketika ada berita terbaru dari perusahaan. Dimana berita terbaru tersebut akan segera dikirimkan secara otomatis melalui email yang sudah disimpan oleh admin. Sehingga dengan adanya fasilitas ini pelanggan dapat mengatahui pula berita terupdate baik mengenai berita perusahaan PT. SURYA TERANG PRATM A ataupun berita mengenai produk yang diperjualbelikan pada PT. SURYA TERANG PRATAM A.

171 3. Kontak

HE AD ER b eran d a

te n t a n g kam i

p ro d u k

hot p ro d u k

b e r it a

k o n tak

la m a p a n e l u se r p e n g ir i m an

t ip s & tr i c k

S a la m P e la n g g a n

K o n ta k K a m i

K elu ar P r o f il S a y a L ih a t K e r a n ja n g

N ama E m a il S ub jek P esa n

T e n ta n g K a m i K e te r a n g a n L a n g g a n a n B e r it a E m a il x x x -5 0 -x x x

S im p a n

A cara K eteran g an

Nam a A nda E m a il

YM . PT. SUR YA TER A N G PR A TA M A

S elen g k ap n y a

B e r it a h u T e m a n x x x -1 0 0 -x x x x x x -1 0 0 -x x x

E m a il T e m a n 1 E m a il T e m a n 2 E m a il T e m a n 3 K i r im

x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x

P o ll in g Judul P e r ta n Jaw a b Jaw a b Jaw a b

x x x x x L

y aa n an A an B an C V o te ! ! !

x x -2 0 -x x x x x -2 0 -x x x x x -2 0 -x x x x x -2 0 -x x x x x -2 0 -x x x ih a t h a s il

B an n e r G a m b ar B an n e r P ro m o G am b ar 1 G am b ar 2 G am b ar 3

b era n d a

te n t a n g kam i

f . a .q

k e b ija k a n p riv as i

FO O T E R

Gambar 4.24 Kontak

k o n ta k

K a te g o r i B e r ita L is t K a t e g o r i K a t e g o r i P ro d u k L is t K a t e g o r i

172 Pada halaman ini pelanggan dapat memberikan pertanyaan kepada PT. SURYA TERANG PRATAMA. Hal ini dimaksudkan agar perusahaan dapat mengetahui apa yang diharapkan oleh pelanggan dari pertanyaannya. Disamping maksud dari fasilitas kontak tersebut. Ada satu fasilitas chat dimana hal ini bertujuan untuk pelanggan yang ingin mendapati balasan yang cepat dari perusahaan ini, dengan fasilitas chat ini juga bagi perusahaan sangat bermanfaat untuk dapat mengenal pelanggannya secara lebih dekat. 7. Panel User (Pelanggan) H E A D ER beran d a

te n t a n g ka m i

p ro du k

h o t p ro d uk

b e r ita

k o n ta k

S a la m

P a n e l U s er

W h i s t l i st

la m a p a n e l u s e r p e n g i ri m an

tip s & tr i c k

P ela n g g a n

K el u a r P r o fi l S a ya

C o m p la i n

L i h a t K e ra n j a n g T en t a n g K a m i K e te r a n g a n L a n g g a n a n B e r it a E m ail x x x - 5 0 -x x x A c ar a K e t e ra n g a n

N am a A nd a E m a il E E E K

S e le n g k a p n y a

B e ri t a h u T e m a n x xx -1 0 0-x x x x xx -1 0 0-x x x x xx -1 0 0-x x x x xx -1 0 0-x x x x xx -1 0 0-x x x

m a il T e m a n 1 m a il T e m a n 2 m a il T e m a n 3 i ri m P o llin g

J u du l P e rt a n y a a n J aw ab an A J aw ab an B J aw ab an C V o te ! ! !

x x x - 2 0 -x x x x x - 2 0 -x x x x x - 2 0 -x x x x x - 2 0 -x x x x x - 2 0 -x x L ih a t h as il

x x x x x

B an ner G am b a r B an n er P rom G am b a G am b a G am b a

b eran d a

te n t a n g k a m i

f .a .q F O O T ER

k e b i ja k a n p ri v a s i

o r 1 r 2 r 3

k o n ta k

K a teg o r i B e r it a L i st K a t e g o r i K a t e g o ri P r o d u k L i st K a t e g o r i

173 Gambar 4.25 Panel User

Pada halaman ini pelanggan diberikan 2 fasilitas khusus yang dapat memberikan kenyamanan bagi pelanggan yang menggunakannya. Pertama adalah fasilitas panel whistlist.Whistlist atau list keinginan atau biasa dikenal dengan request product, adalah fasilitas yang memberikan keleluasaan kepada pelanggan untuk mengirimkan keinginan terhadap produk apa yang tidak ada pada PT. SURYA TERANG PRATAMA yang tentu saja ada batasannya, yaitu perusahaan hanya membatasi pada skup kategori produk yang telah tersedia yaitu, oli, grease dan sparepart saja. Sedangkan untuk fasilitas kedua adalah panel complain.Panel complain adalah panel yang sengaja disediakan untuk pelanggan yang berguna apabila pelanggan merasa kurang puas terhadap kinerja perusahaan baik dari segi umum (pembelian produk, pembayaran, dsb) ataupun masalah produk (kemasan, kebersihan kemasan, dsb) karena ini akan memberikan dampak positif bagi perusahaan untuk masa yang akan datang.

174

4. Whistlist H E A D E R b e ra n d a

te n t a n g k am i

p ro d u k

h o t p ro d u k

b e rita

k o n tak

p an e l u s er

S a la m

lam a p e n g irim an

t ip s & t r ic k

P e la n g g a n

K elu a r k e te r a n g a n w i s h li s t is i k e t e r a n g a n x x x -te x t -x x x s im p a n

P r o f il S a y a L i ha t K e ra n ja n g T en t an g K a m i K e te r a n g a n L a n g g a n a n B e r it a E m ail x x x -5 0 -x x x A c a ra K e te r a n g a n

N a m a A n d a E m ail E E E K

S e len g k ap n y a

B e r i ta h u T e m a n x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x

m ail T em a n 1 m ail T em a n 2 m ail T em a n 3 irim P o l li n g

J u d u l P e rta n J aw ab J aw ab J aw ab

ya an an an V

x x x x x L

an A B C o t e !! !

x x -2 x x -2 x x -2 x x -2 x x -2 ih a t

0 0 0 0 0 h

-x -x -x -x -x as

x x x x x il

x x x x x

B an n e r G a m b a r Ba n n er P ro m G am b a G am b a G am b a

b e r an d a

te nta n g k am i

f .a . q

k eb ijak a n p ri v a si

o r 1 r 2 r 3

K a te g o r i B e r it a L i s t K a te g o r i K ate go r i P r o d uk L i s t K a te g o r i

k o n ta k

F O O T E R

Gambar 4.26Whistlist Pada halaman ini pelanggan dapat mengajukan permintaan akan barang-barang yang tidak dijual pada PT Surya Terang Pratama , namun barang yang diajukan adalah seputar oli ,sparepart dan grease

175 5. Complain

H EA D E R b e ra n d a

te n ta n g kam i

p ro d u k

ho t produ k

b e ri t a

k o n tak

la m a p a n e l u s e r p e n g i ri m an

ti p s & t ri c k

S al am P e la n g g an k a te g o r i pe rt a n y a a n

xx-co m b o-xx

K e lu a r

i si c o m p l a in

i si c o m p la in x x x - t ex t - x x x

Pr o f il S ay a L ih a t K e r a n j a n g T en ta n g K a m i K e t e ra n g a n L a n g ga n a n B e r i t a E m a il x x x - 5 0 -x x x A c a ra K e ter a n g an

N am a A n da E m a il

S ele n g k a p n y a

B e ri t a h u T e m a n x x x -1 0 0 - x x x x x x -1 0 0 - x x x x x x -1 0 0 - x x x x x x -1 0 0 - x x x x x x -1 0 0 - x x x

E m a il T em a n 1 E m a il T em a n 2 E m a il T em a n 3 K ir im P o llin g Jud ul Pe r tan y aa n Ja w a ba n A Ja w a ba n B Ja w a ba n C V o t e !! !

x x x x x L

x x - 2 0 -x x x x x - 2 0 -x x x x x - 2 0 -x x x x x - 2 0 -x x x x x - 2 0 -x x x ih at h a s il

Ba nne r G a m b ar B a n n e r P rom o G a m b ar 1 G a m b ar 2 G a m b ar 3

b er an d a

te n ta n g k am i

f. a . q

k eb ija k an p r iv as i

FO O T E R

Gambar 4.27Complain

k o n ta k

K a t e g o r i B e r i ta L is t K ate g o r i K a te g o r i P r o d u k L is t K ate g o r i

176 Pada halaman ini pelanggan dapat memberikan komplain atau semacam keluh kesah dari pengalaman pelanggan yang sudah pernah melakukan transaksi produk pada web PT. SURYA TERANG PRATAMA. Pada halaman ini sudah diberikan kategori komplain yaitu umum dan produk. Artinya adalah pertama pada kategori umum ini menjawab segala pertanyaan yang umum seperti ; mengenai pembayaran, pemesanan produk dan pengiriman barang. Sedangkan untuk kategori produk ini menjelaskan seperti; mengenai kemasan produk, kebersihan kemasan dan kelengkapan produk.

177 6. Lama Pengiriman HE AD E R b e ra n d a

te n t a n g k am i

p rod u k

h ot pro du k

b e r ita

ko ntak

K o ta

x x

x xx x x

tip s & tr ic k

S al a m P e l an g g a n

L a m a P e n g ir i m a n

No

lam a p a n e l u s e r p en g i r im an

K e lu a r T a r if xx xx x xx

J an gk a

P r o f il S ay a L ih at K e r an ja n g

x xx

T e n ta n g K a m i K e t e ra n g a n L an g g a n a n B er it a E m a il x x x -50 -xx x A c a ra K e te r a n g a n

N am a A n d a E m a il E E E K

S e le n g k a p n y a

B e r ita h u T e m a n x x x - 1 0 0 -x x x x x x - 1 0 0 -x x x x x x - 1 0 0 -x x x x x x - 1 0 0 -x x x x x x - 1 0 0 -x x x

m a il T e m a n 1 m a il T e m a n 2 m a il T e m a n 3 ir i m P o ll i n g

J ud u l P er t an y aa n J a w ab a n A J a w ab a n B J a w ab a n C V o te ! ! !

x x x x x L

x x -20 -xx x x -20 -xx x x -20 -xx x x -20 -xx x x -20 -xx ih a t h a sil

x x x x x

B a n n er G am b a r B an n e r Pro m o G am b a r 1 G am b a r 2 G am b a r 3

beran da

ten t an g k a m i

f. a . q

k e b i ja k a n privas i

K ate g o r i B er ita L i s t K a t e go r i K a te g o r i P r o d u k L i s t K a t e go r i

k o n ta k

FO O T E R

Gambar 4.28 Lama Pengiriman

Pada halaman ini pelanggan dapat mengetahui berapa lama barang yang sudah dipesan dapat diterima sampai ke tujuan beserta tarif yang berdasar dari jauhnya lokasi yang sudah ditentukan. Hal ini dapat membantu pelanggan dalam melakukan transaksi atau pemesanan barang, karena ketika pelanggan melakukan pemesanan perusahaan langsung memberikan tarif pengiriman berdasarkan kota pelanggan yang telah

178 dimasukkan ketika melakukan registrasi. Dimana tujuan perusahaan disini adalah agar pelanggan tidak perlu risau dan khawatir mengenai kapan barang yang dipesan sampai dan berapa pula tarif yang diperuntukan bagi pelanggan ketika mengirimkan barang. Itu semua sudah dilakukan secara otomatis oleh sistem dalam web perusahaan PT. SURYA TERANG PRATAMA.

7. Tips & Trik H E A D E R ten t a n g k a m i

b e r an d a

T i p s

&

h o t p ro d u k

p ro d u k

b e r ita

k o n t a k

la m a p a n e l u s e r p e n g ir i m a n S a la m

T r i c k

t ip s & t ri c k

P ela n gg a n

K e lu a r

Is i T ip s & T r ic k x x x x x x x x x x x x x x x x x x x x x x x x x x

P ro f il S a ya L i h a t K e r a n ja n g

U n d u h F ile

T e n t a n g K am i K e te r a n g an L a n g g a n a n B e r ita x x x -5 0 E m a i l A c ar a S e l e n g k ap n y a

K e t er a n g a n

N a m a A n d a E m a il E E E K

m m m ir

J P J J J

u d e r aw aw aw

a il T em a il T em a il T em i m

B e r it a h u T e m a n x x x -1 0 0 -x x x x x x -1 0 0 -x x x

a n 1 a n 2 a n 3

x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x

P o l li n g u l t an a b a b a b

x x x x x L

y a an a n A a n B a n C V o t e ! !!

x x -2 x x -5 x x -2 x x -2 x x -2 ih a t

0 0 0 0 0 h a

x x x x x s

x x x x x il

x x x x x

B a n n e r G a m b a r B a n n e r P ro m G a m b a G a m b a G a m b a

b e ra n d a

te n ta n g k a m i

f .a . q

k e b i jak a n p r iv a si

F O O T E R

Gambar 4.29 Tips & Trick

o r 1 r 2 r 3

k o n tak

K a t e g o r i B e r it a L i s t K a te g o r i K a te g o r i P r o d u k L i s t K a te g o r i

179 Pada halaman ini pelanggan dapat melihat seputar tips & trick dalam berbelanja pada perusahaan PT. SURYA TERANG PRATAMA. Atau dapat juga mengunduh file tips & trick yang lebih lengkap. 8. keluar

H E A D ER b e r an d a

ten t a n g ka mi

p rod u k

h ot pro du k

b e r ita

G am b ar P rod u k B

G am ba r 2 G am ba r 5

t ip s & tr ic k

K e lu a r K xx K xx

e x e x

te r a n g a n -2 0 0 - x x x te r a n g a n -2 0 0 - x x x

P r o f il S a y a L i h at K er a n ja n g T e n t a n g K am i K e t e ra n g a n

Pr o d u k B a r u G am b ar 1 G am b ar 4

lam a p an e l u s e r p e n g ir im an S a la m P ela n g g a n

Fi tu r P r o d u k

G am b a r P rod u k A

k o n ta k

L a n g g a n a n B e r i ta E m a il x xx -5 0-x xx G a m b ar 3 G a m b ar 6

A ca r a K e t er a n g a n

N am a A nd a E m ail

S e l en g k ap n y a

B e r it a h u T e m a n x x x-1 00 -x xx x x x-1 00 -x xx x x x-1 00 -x xx x x x-1 00 -x xx x x x-1 00 -x xx

E m ail T em a n 1 E m ail T em a n 2 E m ail T em a n 3 K ir im P o l li n g

x x x x x L

Ju d ul P e r ta n y a a n J a w ab a n A J a w ab a n B J a w ab a n C V o t e !! !

xx -2 0-x xx xx -2 0-x xx xx -2 0-x xx xx -2 0-x xx xx -2 0-x xx ih a t h a s il

B ann er G am b a r B ann er P ro m o G am b ar 1 G am b ar 2 G am b ar 3

b e ra n d a

te n t a n g ka mi

f. a . q

k e b i ja k a n p r iv a si

FO O T ER

Gambar 4.30 Keluar

k o n tak

K a t e g o r i B e ri t a L i s t K a te g o r i K a t e g o ri P r o d u k L i s t K a te g o r i

180

Pada setiap halaman yang dipunyai oleh pelanggan (beranda, tentang kami, produk, hot produk, dsb) terdapat fasilitas keluar. Fasilitas ini berfungsi untuk apabila pelanggan sudah selesai dalam menggunakan web ini yang berguna untuk menjaga keamanan personal dari pelanggan itu sendiri, karena apabila tidak menggunakan fitur ini ketika selesai dalam menggunakan web maka mungkin sewaktu-waktu mungkin beberapa pihak yang tidak bertanggung jawab dapat melihat cookies yang tersimpandidalam komputer tersebut, sehingga identitas dan segala hal yang berkenaan dengan profil pribadi terlihat. 9. Profil Saya

H E A D E R t e n ta n g k am i

b e ra nd a

p ro du k

h ot p ro du k

be rita

p a n el u se r

k o n t ak

S a la m

P r ofil S ay a

la m a p e n g i r im an

tip s & t r i ck

P el a n g g a n

K e lua r P rofil S a y a L ih a t

E m a il U se r n a m e T e le p o n N P n A K

am a T / P er o r a g an la m a t ota

G a n ti P a ss w o r d

K e r a n ja n g

T e n ta n g K a m K et e r a n g a n

L a n gga na n E m a il

U p d a te

i

B e r it a x x x -50 -xx x

A c a ra K e te r a n g a n

S e l en g k a p n y a

B e r i t ah u N a m a A nd a E m a il E E E K

m m m ir

a il T e m a n a il T e m a n a il T e m a n im

T e m a n xx x-1 0 0-x xx xx x-1 0 0-x xx

1 2 3

xx x-1 0 0-x xx xx x-1 0 0-x xx xx x-1 0 0-x xx

P o l l in g Ju d u l P e rta n Ja w a b Ja w a b Ja w a b

y a a a V

x x x x x L

a an n A n B n C o te ! ! !

x x -20 -xx x x -20 -xx x x -20 -xx x x -20 -xx x x -20 -xx iha t ha s il

x x x x x

B a n ne r G a m

ba r

B a nn e r

P ro G a m G a m G a m

be ra nd a

t e n ta n g k a m i

f .a . q

k e b i j ak a n pri va s i

m o b ar 1 b ar 2 b ar 3

k o n ta k

F O O T E R

Gambar 4.31 Profil Saya

K a te g o r i B e r i ta L is t K a t e g o r i K a t eg o r i P r o d u k L is t K a t e g o r i

181

Pada halaman ini pelanggan dapat melihat profil mereka secara lengkap. Didalam menu profil saya ini, diberikan 2 pilihan fasilitas yaitu ; pertama, fasilitas ganti password, artinya pelanggan dapat mengganti password yang lama dengan password yang baru sesuai dengan keinginan pelanggan. Kedua, fasilitas update, ini digunakan oleh pelanggan untuk mengganti profil yang mereka inginkan. 10. Lihat Keranjang

H EA DE R b e ra n da

te n t a n g k a m i

p ro du k

h ot pro d uk

b e r i ta

Nam a B ar a ng xx

D e le te A l l

H a rga P erb ara n g xx

tips & tric k

S a l am P e l a n g g a n

K e r an jan g S a ya

G am b ar B a ra ng xx

la m a p a n e l u s e r p e n g i ri m an

k o n ta k

K e lu ar

Q ty

Tot al

E d it

D e l et e

xx xx E d it T o t a l P e n g i r im a n T ota l

D e le te

P ro fil S a ya L ih a t K e r a n j a n g T entan g K am i

C heck O ut

K e te r a n g a n L a n g g a n a n B e r i ta E m a il x xx -5 0-x x x Acar a K e t e r an g a n

N am a A nd a E m a il

S eleng kap ny a

B e r i ta h u T em a n xx x -10 0 -xx x xx x -10 0 -xx x

E m a il T e m an 1 E m a il T e m an 2 E m a il T e m an 3 K ir i m

xx x -10 0 -xx x xx x -10 0 -xx x xx x -10 0 -xx x

P o ll in g J ud u l P e rta n ya a n J a w ab a n A J a w ab a n B J a w ab a n C V ote !!!

x x x x x L

xx -2 0-x x xx -5 0-x x xx -2 0-x x xx -2 0-x x xx -2 0-x x ih a t h a s il

x x x x x

Ba nn er G a m b a r B a n n er P r om o G am b ar 1 G am b ar 2 G am b ar 3

b e ra n d a

te n ta n g k a m i

f .a . q

k e b ij a k a n p r iv as i

k o n ta k

FOO T E R

Gambar 4.32 Lihat Keranjang

K a te g o r i B e r it a L i s t K a te g o r i K a te g o r i P r o d u k L i s t K a te g o r i

182

Pada halaman ini pelanggan dapat melihat secara rinci, produk-produk apa saja yang sudah dipesan dan juga mengetahui total biaya pengiriman serta total belanja dari produk yang telah dipesan. Dan didalam fasilitas lihat keranjang ini pula pelanggan dapat mengedit berapa banyaknya barang yang sudah dipesan, lalu pelanggan juga dapat menghapus produk yang diinginkannya dengan menggunakan fitur delete. Pada menu ini juga terdapat dua fitur tambahan yaitu; Delete All &Check Out. Untuk Delete All, pelanggan dapat menghapus semua transaksi yang sebelumnya sudah dipesan. Sedangkan untuk checkout adalah untuk menyelesaikan pemesanan terhadap produk yang telah dipesan. Akhir dari fitur checkout ini adalah konfirmasi terhadap pemesanan produk-produk yang telah dipesan oleh pelanggan sudah benar atau tidak.

183 11. Konfirmasi Pemesanan HEA DER b era n da

te n t an g k am i

p ro d u k

hot produk

b e ri ta

P e sa n K fi

la m a p an e l u se r p en g ir im an

tip s & tri ck

S ala m P el a n gg a n

K era n ja n g S a y a

Gam H a rg a Na m a P er b ar B ar a Bar a ba r a n ng ng g xx xx xx

k o n t ak

K el u ar

Q ty

T ot al

Ed it

xx xx Ed it T o ta l P e n g i rim a n T o ta l K o n f i rm a s i

D el ete

P ro fi l S a ya L i h at Ke ra n ja n g

D el ete

T en t an g K am i K e t era n g an

i L an g g an a n B e ri ta E m ai l x x x -5 0 - x x x A car a K e t era n g an

N am a A n d a E m a il

S e l en g k ap n y a

B e ri t a h u T em a n x x x - 1 0 0 -x x x x x x - 1 0 0 -x x x

E m a i l T em an 1 E m a i l T em an 2 E m a i l T em an 3 K i ri m

x x x - 1 0 0 -x x x x x x - 1 0 0 -x x x x x x - 1 0 0 -x x x

P o ll i n g Ju d u l P e rt an y aan Ja w a b an A Ja w a b an B Ja w a b an C V o t e !! !

x x x -2 0 - x x x x x x -5 0 - x x x x x x -2 0 - x x x x x x -2 0 - x x x x x x -2 0 - x x x L ih a t h a s il B an n e r

G am b ar B an n e r P ro m o G am b a r 1 G am b a r 2 G am b a r 3

b era n d a

ten t an g k am i

f .a. q

k eb i ja k a n p r iv a si

K a teg o r i B e r it a L i s t K at eg o ri K a t eg o ri P ro d u k L i s t K at eg o ri

k o n t ak

F OO T E R

Gambar 4.33 Konfirmasi Pemesanan Pada halaman ini pelanggan harus melakukan konfirmasi pemesanan. Dimana hal ini bertujuan untuk apabila pelanggan telah melakukan konfirmasi pemesanan ini maka dinyatakan bahwa pelanggan telah yakin terhadap produk-produk yang telah

184 dipesan. Jika benar list pemesanan tersebut, maka selanjutnya pelanggan meng-klik konfirmasi untuk melanjutkan kepada menu konfirmasi pembayaran. 16. Konfirmasi Pembayaran

H E AD E R b e ra n d a

te n t a n g k a m i

p ro d u k

h o t p ro d u k

b e ri t a

p a ne l u s e r

la m a p e n g i ri m a n

ti p s & t ri c k

S a l a m P el a n g g a n

K o n fi rm a s i P em b a y a r a n T a ng g a l P em es a n a n U s er n a m e N am a L en g k a p E m a il Al am at K o ta T e le p o n T o ta l P em es a n a n L am a P en g ir i m a n J en i s P em b a y a r a n

k on ta k

K el u a r

P ro fil Sa y a

x xx

Li h at Ke ra n j a n g

x xx x xx x x x x

xx xx xx xx

T e nta n g K a m i K e t er an ga n

L an g g a n a n B e ri t a

x xx

x x x -5 0 -x x x

E m ai l

x xx A car a K e t e ra n g a n

S e le n gk a pn ya

K o n f ir m a s i B e ri t a h u T e m a n

x x x -1 0 0 -x x x x x x -1 0 0 -x x x

N a m a A nd a E m ail

x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x

E m ail T em an 1 E m ail T em an 2 E m ail T em an 3 K i r im P o l l in g J ud u l

x x x -2 0 -x x x

P e r ta n y aa n J a w a ba n A

x xx-50-xxx

J a w a ba n B

x x x -2 0 -x x x

x x x -2 0 -x x x

J a w a ba n C

x x x -2 0 -x x x V o t e ! !!

Li h a t h as i l B a n ne r

G a m ba r B a n ne r P ro m o G a m ba r 1

K a t e g o ri B e r it a L is t K a t e g o ri

G a m ba r 2 G a m ba r 3

t e n ta n g k am i

b e ra n d a

k e b ij a k a n p ri v a s i

FO O TE R

Gambar 4.34 Konfirmasi Pembayaran

k o n ta k

Ka te g o ri P ro d u k L is t K a t e g o ri

185

Pada menu ini pelanggan dapat melakukan konfirmasi pemayaran. Adapun hal yang perlu diperhatikan oleh pelanggan sebelum melakukan pembayaran adalah memperhatikan apakah data-data tersebut telah benar atau tidaknya. Karena sistem berjalan berdasarkan data-data yang ada. Adapun yang diperhatikan diantranya; tanggal pemesanan, username, nama lengkap, email, alamat, kota, telepon, total pemesanan, lama pengiriman dan jenis pembayaran (transfer / kredit).

186 12. Pembayaran Transfer HEADER b er a n d a

t en t a n g k a m i

prod u k

ho t pro duk

b e r ita

J um l a h T a g ih a n

l am a p a n e l u se r p e n g i ri m an

tip s & tr i ck

S a l a m P e l an g g a n

P em b a y a r a n T ra n s f e r

N o m or P em e s a n an B an k R ek en i n g Na m a T an g ga l

k o n ta k

K e lu a r

xx x

P ro fi l S ay a L i h a t K e ra n ja n g

xx x xx x xx x xx x

T en ta n g K am i K et e ra n g an

xx x L a n g g a n a n B e ri t a K o nf ir m asi

E m a il

xx x-50 -xx x A ca ra

K e t er a n ga n

N a m a A n da E m a il

S e le n g k a p n y a

B er i t a h u T e m an x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x

E m a il T e m a n 1 E m a il T e m a n 2 E m a il T e m a n 3 K i ri m P o ll i n g

xx x-20 -xx x xx x-50 -xx x xx x-20 -xx x xx x-20 -xx x xx x-20 -xx x L i h at h a s i l

Ju du l P e rt a n y a a n Ja w a ba n A Ja w a ba n B Ja w a ba n C V o t e ! !! B a n ne r G a m b a r B a n n er Pro m o G a m ba r 1 G a m ba r 2 G a m ba r 3

b e r an d a

t e n t an g ka m i

f. a . q

k e b i j ak an p ri v as i

FO O T E R

Gambar 4.35 Pembayaran Transfer

k o n ta k

K a t eg o r i B e r it a L i s t K a t e g o ri K a t eg o r i P ro d u k L i s t K a t e g o ri

187 Pada halaman pembayaran transfer ini, jika pelanggan memilih melakukan pembayaran secara transfer. M aka yang perlu diinput oleh pelanggan disini adalah nama bank, rekening dan nama. Selanjutnya hal ini akan diberitakan ke email admin untuk segera diproses dan hasilnya akan diberitakan lewat email pula. 13. Pembayaran Kredit H E A D E R b era n d a

te n t a n g k a m i

p ro d u k

hot p ro d u k

k o n ta k

b e r it a

J u m la h K r e d it

ti p s & tr i c k

S alam P elan g g an

P e m b a y a r a n K r e d it N om or P em esa n an B an k R ek en in g N am a T an ggal Jum lah T a g ih a n

la m a p a n e l u se r p e n g ir i m an

K e lu a r

xxx

Pro fil S ay a L ih a t K e r a n ja n g

xxx xxx

T e n ta n g K a m i K eteran g an

xxx xxx xxx xx x

L a n g g a n a n B e r i ta

P esa n P em b a y a ra n K re dit

x x x -5 0 -x x x

E m a il

K o nfirm a si

A c ara K e te r a n g a n

N am a A n d a E m ail E E E K

S elen g k ap n y a

B e r i ta h u T e m a n x x x -1 0 0 -x x x x x x -1 0 0 -x x x

m ail T e m an 1 m ail T e m an 2 m ail T e m an 3 ir i m

x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x

P o l lin g Judul P ertan y aan Jaw ab a n A Jaw ab a n B Jaw ab a n C V o te ! ! !

x x x x x L

x x -2 0 -x x x x -5 0 -x x x x -2 0 -x x x x -2 0 -x x x x -2 0 -x x ih a t h a s il

x x x x x

B an n er G am b ar B an n er P ro m o G am b ar 1 G am b ar 2 G am b ar 3

b e ran d a

te n ta n g

f . a .q

k e b ij a k a n p r iv a s i

k o n tak

F O O T E R

Gambar 4.36 Pembayaran Kredit

K a te g o r i B e r ita L is t K a t e g o r i K a te g o r i P r o d u k L is t K a t e g o r i

188

Pada halaman pembayaran kredit ini dilakukan jika pelanggan memilih jenis pembayaran secara kredit yang dimana hal ini memiliki syarat yaitu minimal total pemesanan lebih besar sama dengan lima juta rupiah. Hal yang perlu diperhatikan dalam pembayaran kredit adalah pengisian pada field; nama bank, rekening dan nama. Karena hal ini akan diproses selanjutnya ke email admin dan hasilnya akan diberitakan ke email pelanggan

189

14. Acara

HEA DE R be ra nda

ten tan g k am i

p ro duk

h ot pr oduk

b e r it a

k on t a k

Ga m b a r P r o d u k B

la m a p e n g ir im a n

t i p s & t r ic k

Sa la m P e l an g g a n

Fi t u r P r o d u k

G a m ba r P roduk A

p a n e l us e r

K e lu a r K e t e ra n ga n x x x xKeterangan xx x x xx x x xx x

P r o f i l Sa y a L i h a t K e r a n ja n g

xxx-200-xxxx K e t e ra n ga n x xx x xx x x xx x x xx x

T en tan g Kam i

Keterangan xxx-200-xxxx

K e t e ra n ga n

P ro duk Ba ru

L a n g g an a n B e r it a E m a il

Ga m b a r 1

G a m ba r 2

Ga m b a r 3

Ga m b a r 4

G a m ba r 5

Ga m b a r 6

x x xx x xx x x xx x A c a ra

K e t e r a nga n

xxx-50-xxx

Se le n g k a p n y a Be ri t a h u T e m a n

N a m a A n da

x x x xx x x xx x xx x

E m a il

x x x xx x x xx x xx x

xxx-50-xxx

E m a il T e m an 1

x xx x xx x x xx x x

E m a il T e m an 2

x x xxx-50-xxx x x xx x x xx x x

E m a il T e m an 3 K ir i m

x xx x xx x x xx x x

xxx-50-xxx P o lli n g

xxx-50-xxx

Ju d u l

xx x x xx x xx x x xx x x x

P e rt a n y a a n

xx x x xx x xx x x xx x x x

Ja wa b a n A Ja wa b a n B

xx x x xx x xx x x xx x x x x x x xx x x xx x xx x x xx x x x xx x x xx x xx x x xx

Ja wa b a n C V o t e !!!

L ih a t h a si l B a n ne r

Ga m b a r B a n n e r P r om o

K a t e go ri Be ri t a

G a m ba r 1

L i st K a t e g o r i

G a m ba r 2 G a m ba r 3

K a t e gor i P ro duk L i st K a t e g o r i

be ra nda

ten tan g k am i

f . a. q

k e b ija k a n p r i v as i

FO O T E R

Gambar 4.37 Acara

k o nt a k

190

Pada halaman ini pelanggan dapat melihat acara terupdate dari perusahaan. Dimana fasilitas ini digunakan perusahaan dengan maksud untuk mendekatkan diri perusahaan kepada pelanggan. 15. Beritahu Teman

H E AD E R b e ra n d a

te n t a n g kam i

p ro d u k

hot produk

b e r i ta

k o n ta k

G am b ar P r o d u k B

K el u ar K xx K xx

e x e x

ter an g a n -200-xxx ter an g a n -200-xxx

P r o f il S a y a L i h a t K e ra n j a n g T en t an g K am i K e t e ra n ga n

P ro d u k B a r u G a m b ar 1 G a m b ar 4

G am b a r 2 G am b a r 5

l a m a p e n g i ri m a n

S a l a m P e la n g g a n

F i t u r P ro d u k

G am b a r Pr o d u k A

pa ne l use r

L a n g g a n a n B e r it a E m ai l x x x -5 0 - x x x G a m b ar 3 G a m b ar 6

A car a K e t e ra n g a n

S ele n g k ap n y a

B e r i ta h u T e m a n N am a An d a x x x -1 0 0 -x x x x x x -1 0 0 -x x x E m a il E E E K

x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x

m a il T e m a n 1 m a il T e m a n 2 m a il T e m a n 3 i r im P o ll i n g

J udul P e rt a n ya a n J aw ab an A J aw ab an B J aw ab an C V o t e ! !!

x x x x x L

x x -2 0 x x -5 0 x x -2 0 x x -2 0 x x -2 0 ih at h a

xxx xxx xxx xxx xxx sil

B a n n er G am b a r B an n er P ro m o G am b a r 1 G am b a r 2 G am b a r 3

b er a n d a

ten t an g kami

f. a . q

k eb ijak a n p r i v a si

FO OT E R

Gambar 4.38 Beritahu Teman

k o n tak

K a t e g o r i B e ri t a L i st K a t e g o r i K a te g o r i P r o d u k L i st K a t e g o r i

191 Pada halaman ini pelanggan dapat memberitakan mengenai perusahaan. Dengan cara memasukkan email pelanggan dan email teman yang ingin dituju. Dimana fasilitas ini sebenarnya dapat membantu dalam mempromosikan perusahaan kepada pelanggan yang belum pernah mengunjungi web ini. M aka dengan adanya fasilitas ini teman-teman dari pelanggan pun bisa mengunjungi web atau bahkan mungkin sampai melakukan transaksi. 16. Polling

192

H E A D ER b e r an d a

ten t a n g k a m i

p rod u k

h ot pro du k

b e r ita

G am b ar P rod u k B

G am ba r 2 G am ba r 5

t ip s & tr ic k

P ela n g g a n

K el u a r K xx K xx

e x e x

te r a n g a n -2 0 0 - x x x te r a n g a n -2 0 0 - x x x

P r o f il S a y a L i h at K er a n ja n g T e n t a n g K am i K e t e ra n g a n

Pro d uk B a ru G am b ar 1 G am b ar 4

lam a p an e l u s e r p e n g ir im an S a la m

Fi tu r P r o d u k

G am b a r P rod u k A

k o n ta k

L a n g g a n a n B e r i ta E m a il x xx -5 0-x xx G a m b ar 3 G a m b ar 6

A ca r a K e t er a n g a n

N am a A nd a E m ail Em Em Em K ir

S e l en g k ap n y a

B e r it a h u T e m a n x x x-1 00 -x xx x x x-1 00 -x xx x x x-1 00 -x xx x x x-1 00 -x xx x x x-1 00 -x xx

ail T em a n 1 ail T em a n 2 ail T em a n 3 im P o lli n g

Ju Pe Ja Ja Ja

d ul r ta n y a a n w ab a n A w ab a n B w ab a n C V o t e !! !

x x x x x L

xx -2 xx -5 xx -2 xx -2 xx -2 ih a t

0-x xx 0-x xx 0-x xx 0-x xx 0-x xx ha s il

B ann er G am b a r B ann er P ro m o G am b ar 1 G am b ar 2 G am b ar 3

b e ra n d a

te n t a n g k a m i

f. a . q

k e b i ja k a n p r iv a si

K a t e g o r i B e ri t a L i s t K a te g o r i K a t e g o ri P r o d u k L i s t K a te g o r i

k o n tak

F O O T ER

Gambar 4.39 Polling

Pada halaman ini pelanggan dapat memberikan suaranya lewat fasilitas polling. Fasilitas ini dimuat dengan maksud untuk memberikan dampak positif bagi pelanggan dan perusahaan. Adapun dampak positif untuk pelanggan adalah dengan adanya kumpulan jawaban-jawaban pelanggan maka perusahaan juga berusaha menjawab pertanyaan tersebut dengan membuktikan lewat kinerja perusahaan yang lebih berdasar

193 dari hasil polling tersebut, sehingga pelanggan dapat merasakan kinerja yang lebih baik dari yang sebelumnya. Kedua, dampak positif yang diterima oleh perusahaan adalah perhatian pelanggan atau pengunjung kepada perusahaan. Karena dengan perhatian itulah perusahaan dapat mempertahankan website ini untuk tetap ada, karena tanpa adanya perhatian maka perusahaan ini mungkin tidak dapat bekerja secara optimal.

17. F.A.Q ( Frequently Asked Questions)

194 H E A D ER b e r an d a

ten t a n g ka m i

p rod u k

h ot pro du k

b e r ita

lam a p an e l u s e r p e n g ir im an

t ip s & tr ic k

S a la m P ela n g g a n

F .A . Q Is i F .A .Q

k o n ta k

K el u a r x xx -

P r o f il S a y a

ty p e-xx x

L i h at K er a n ja n g T e n t a n g K am i K e t e ra n g a n L a n g g a n a n B e r i ta x xx -5 0-x xx E m a il A ca r a K e t er a n g a n

N am a A nd a E m ail

S e l en g k ap n y a

B e r it a h u T e m a n x x x-1 00 -x xx x x x-1 00 -x xx

E m ail T em a n 1 E m ail T em a n 2 E m ail T em a n 3 K ir im

x x x-1 00 -x xx x x x-1 00 -x xx x x x-1 00 -x xx

P o l li n g Ju d ul P e r ta n y a a n J a w ab a n A J a w ab a n B J a w ab a n C V o t e !! !

x x x x x L

xx -2 0-x xx xx -5 0-x xx xx -2 0-x xx xx -2 0-x xx xx -2 0-x xx ih a t h a s il

B ann er G am b a r B ann er P ro m o G am b ar 1 G am b ar 2 G am b ar 3

b e ra n d a

te n t a n g ka m i

f. a . q

k e b i ja k a n p r iv a si

K a t e g o r i B e ri t a L i s t K a te g o r i K a t e g o ri P r o d u k L i s t K a te g o r i

k o n tak

FO O T ER

Gambar 4.40 F.A.Q Pada halaman ini pelanggan dapat membaca seputar pertanyaan yang sering dipertanyakan oleh pelanggan. Fungsi daripada f.a.q ini adalah mempercepat interaksi antara perusahaan dengan pelanggan sehingga pelanggan tidak perlu menunggu terlalu lama dalam menanyakan hal ini melalui menu kontak kami ataupun YM (yahoo messenger). 18. Kebijakan Privasi

195

H E A D ER b eran d a

te n t a n g ka m i

hot p ro d u k

p ro d u k

b e ri t a

k o n ta k

la m a p a n e l u s e r p e n g ir i m an

t ip s & tr i c k

S a la m P e la n g g a n

K e b ij a k a n P r iv a si

K elu ar

I si K e b ij a k a n P r i v a si x x x -ty p e-x x x

P r o f il S a y a L i h a t K e r a n ja n g T en tan g K am i K e te r a n g a n L a n g g a n a n B e r ita E m ail x x x -5 0 -x x x A cara K eteran g an

N am a A n d a E m a il

S elen g k ap n y a

B e r ita h u T e m a n x x x -1 0 0 -x x x x x x -1 0 0 -x x x

E m a il T e m a n 1 E m a il T e m a n 2 E m a il T e m a n 3 K ir im

x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x

P o lli n g Judul P e r ta n y a a n Jaw ab an A Jaw ab an B Jaw ab an C V o te !!!

x x x x x L

x x -2 0 -x x x x x -5 0 -x x x x x -2 0 -x x x x x -2 0 -x x x x x -2 0 -x x x ih a t h a s il

B an n er G am b a r B an n er Pro m o G am b a r 1 G am b a r 2 G am b a r 3

b era n d a

te n t a n g ka m i

f . a .q

k e b i ja k a n p r iv a si

K a te g o r i B e r it a L i st K a te g o r i K a t e g o ri P r o d u k L i st K a te g o r i

k o n ta k

FO O T ER

Gambar 4.41 Kebijakan Privasi

Pada halaman ini pelanggan dapat memahami bagaimana cara menjaga web ini dengan baik. Seperti himbauan-himbauan mengenai kebijakan privasi web yang tidak boleh diganggu. Seperti melakukan posting yang tidak bermanfaat, dsb.

196 19. Langganan Berita H E A D ER b e r an d a

t en t a n g kami

p rod u k

h ot pro du k

b e r ita

G a m b a r P rod u k B

G a m ba r 2 G a m ba r 5

t ip s & tr ic k

K el u a r P r o f il S a y a

K e te r a n g a n x x x -2 0 0 - x x x K e te r a n g a n x x x -2 0 0 - x x x

L i h at K er a n j a n g T e n t a n g K am i K e t e ra n g a n

Pr o d u k B a r u

G am b ar 1 G am b ar 4

l am a p an e l u s e r p e n g i r i m an S a l a m P el a n g g a n

Fi tu r P r o d u k

G a m b a r P rod u k A

k o n ta k

L a n g g a n a n B e r i ta E m a il x xx -5 0-x xx G a m b ar 3 G a m b ar 6

A ca r a K e t er a n g a n

N a m a A nd a E m ai l

S e l en g k ap n y a

B e r it a h u T em a n x x x-1 00 -x xx x x x-1 00 -x xx x x x-1 00 -x xx x x x-1 00 -x xx x x x-1 00 -x xx

E m ai l T em a n 1 E m ai l T em a n 2 E m ai l T em a n 3 K ir im P o l li n g Ju d ul P e r ta n y a a n J a w ab a n A J a w ab a n B J a w ab a n C V o t e !! !

x xx -2 0-x xx x xx -5 0-x xx x xx -2 0-x xx x xx -2 0-x xx x xx -2 0-x xx L ih a t h a s il B a nn e r

G a m b a r B a nn e r P ro m o G amb ar 1 G amb ar 2 G amb ar 3

b e ra n d a

te n t an g kami

f. a . q

k e b i ja k a n p r iv a si

K a t e g o r i B e ri t a L i s t K a te g o ri K a t e g o ri P r o d u k L i s t K a te g o ri

k o n t ak

FO O T ER

Gambar 4.42 Langganan Berita

Pada halaman langganan berita pelanggan dapat memasukkan emailnya untuk di simpan didalam database perusahaan. Sehingga ada berita terbaru pada perusahaan PT.

197 SURYA TERANG PRATAMA akan langsung masuk kedalam email pelanggan sudah tersimpan didalam database perusahaan 20. Ubah Password H E A D E R b e r an d a

te n t a n g k a m i

p ro d u k

h ot pro du k

b e ri t a

S a l am

U ba h P a s sw o r d P a ssw o r d L am a P a ssw o r d B a ru K o n f ir m asi P a ssw o r d B a ru

l am a p a n e l u s e r p e n g ir im an

k o n ta k

ti p s & tr ic k

P e l a n g g an

K el u a r

x x x

Pr o f il S ay a L ih a t K e r a n ja n g

x x x

x x x

O K

T en ta n g K a m i K e te r a n g a n

C an cel

L a n g g a n a n B e r it a E m a il x x x-5 0-x x x A ca r a K e te r a n g a n

N am a A n d a E m ail E E E K

S e l e n g k a p n ya

B e ri t a h u T e m a n x x x-1 00 -x xx x x x-1 00 -x xx

m ail Te m an 1 m ail Te m an 2 m ail Te m an 3 i ri m

x x x-1 00 -x xx x x x-1 00 -x xx x x x-1 00 -x xx

P o ll i n g J u du l P e rt a n y a Jaw ab an Jaw ab an Jaw ab an

x x x x x L

an A B C V o t e !! !

x x-2 0-x x x x-5 0-x x x x-2 0-x x x x-2 0-x x x x-2 0-x x i ha t ha si l

x x x x x

B an n er G am b ar B an n er P ro m o G a m b ar 1 G a m b ar 2 G a m b ar 3

b er a n d a

te n tan g k am i

f .a.q

k e b ij a k a n p r iv a s i

K a t e g o r i B e r ita L i s t K a t e g o ri K a te g o r i P r o d u k L i s t K a t e g o ri

k o n t ak

FO O T E R

Gambar 4.43 Ubah Password

Pada halaman ini pelanggan dapat mengubah password lamanya menjadi password yang baru. Hal ini dilakukan untuk menjaga adanya kecurangan-kecurangan

198 dari pihak yang tidak bertanggung jawab. Caranya yaitu; pertama masukkan password lama, lalu masukkan password baru dan terakhir masukkan konfirmasi password lalu pilih ok untuk mengganti password atau pilih cancel untuk membatalkan. 21. Lupa Password H E A D E R b era n d a

te n t a n g k a m i

p ro d u k

h o t p ro d u k

b e ri t a

k o n ta k

K i r im P a s sw o r d

lam a p a n e l u s e r p e n g ir im a n S alam

ti p s & tr ic k

P elan g g an

K e lu a r P ro fil S ay a L ih a t K e r a n j a n g

E m a il

x x x -5 0 -x x x T e n ta n g K a m i K eteran g an

K i r im

L a n g g a n a n B e r i ta x x x -5 0 -x x x E m a il A c ara K e te r a n g a n

S e le n g k a p n y a

B e r i ta h u T e m a n N a m a A n d a x x x -1 0 0 -x x x E m a il x x x -1 0 0 -x x x E E E K

x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x

m a il T e m a n 1 m a il T e m a n 2 m a il T e m a n 3 i r im P o l lin g

J u d u l P e r ta n J aw a b J aw a b J aw a b

x x x -2 0 -x x x x x -5 0 -x x x x x -2 0 -x x x x x -2 0 -x x x x x -2 0 -x x L i h a t h a si l

y aa n an A an B an C V o t e ! !!

x x x x x

B an n er G a m b ar B an n e r P ro m o G a m b ar 1 G a m b ar 2 G a m b ar 3

b e ra n d a

t e n ta n g k am i

f . a .q

k e b ij a k a n p r iv a s i

K a t e g o r i B e r i ta L is t K a t e g o r i K a te g o r i P r o d u k L is t K a t e g o r i

k o n tak

F O O T E R

Gambar 4.44 Lupa Password

Pada halaman ini pelanggan melakukannya ketika pelanggan lupa akan password yang diinput ketika masuk pada halaman akun saya. Caranya adalah pelanggan cukup

199 memasukkan emailnya lalu pilih kirim untuk mengirim password langsung ke emailnya secara random setelah itu password akan di update secara acak untuk pelanggan agar dapat melakukan login kembali.

4.9.3 Rancangan Layar Admin Produk 1. Panel Admin

200 H E A DE R t e n ta n g k a m i

be ran d a

p ro d u k

h o t p ro d u k

S a la m

P a ne l A dm in

P a n e l B e r it a

P an el K a te g o r i B er it a

P a n e l P o llin g a n e l B a n n e P a n el K o m en ta r Pro d u k

P a n el P ro du k

p a n e l a d m in

b e r ita

A d m in

K e lu a r P r o f il S a y a

Pa n el A ca ra

Ten tan g K am i K e te r a n g a n

P a n el U ser P a n el P e n a w a ra n P ro d uk

L an g g a n a n B e r ita E m ail

x x x -5 0 - x x x A cara

K e te r a n g an

N am a A n d a E m a il E E E K

S elen gk ap n y a

B e r ita h u T e m a n x x x -10 0 -x x x x x x -10 0 -x x x x x x -10 0 -x x x x x x -10 0 -x x x x x x -10 0 -x x x

m a il T e m a n 1 m a il T e m a n 2 m a il T e m a n 3 ir im P o lli n g

Ju d u l P e r ta n y a a n J aw aban A J aw aban B J aw aban C V o te !!!

x x x x x L

x x -2 0 - x x x x -5 0 - x x x x -2 0 - x x x x -2 0 - x x x x -2 0 - x x ih at h a s il

x x x x x

B a n n er G am ba r B an ner Pro m G am b a G am b a G am b a

b e ran da

ten t a n g ka m i

f .a .q

o r 1 r 2 r 3

K a te g o r i B e r ita L i st K a t e g o ri K a t e g o ri P ro d u k L i st K a t e g o ri

k e b i j a k a n p r iv a s i

F O O T E R

Gambar 4.45 Panel Admin Pada halaman ini admin dapat melakukan enam hal. Pertama adalah panel berita, disini admin dapat mengatur (membuat, mengganti dan menghapus) berita yang diinginkan. Pengaturan berita tersebut akan mempengaruhi langganan yang dilakukan admin kepada pelanggannya yang sudah memberikan alamat e-mail mereka pada menu langganan berita. 2. Panel User (Admin)

201 H EA D E R b e ra n d a

ho t p ro d u k

p ro d u k

ten t a n g k am i

b e r ita

S a l am A d m in K e lu ar P r o fi l S a y a

P a nel Us er

E m a il xx x

p anel adm in

U s e rn a m e x xx

T ele p o n

N a m a PT /Per ora n

A la m a t

D e let e

x x x

x x x

xx x

D e let e

P a g in g D a ftar k an

U se r

E m a il U s e r na m e T e le po n Na m a P T /P e r o ra ng a n Ala m a t P a s sw o r d

x xx x xx x xx x xx x xx x xx

K o n fi r m a s i P a s sw o r d

x xx

R e g ist e r

b er a n d a

te n ta n g k a m i

f. a . q

k e b ija k a n p r iv a si

F OO T E R

Gambar 4.46 Panel User

Pada halaman ini admin dapat menghapus dan membuat/mendaftarkan pelanggan

yang

diinginkannya.

Untuk

menghapus

pelanggan

admin

cukup

menggunakan fasilitas delete untuk menghapus pelanggan yang diinginkannya. Sedangkan untuk membuat/mendaftarkan pelanggan baru admin harus mengisi beberapa field untuk melakukan registrasi pelanggan, yaitu; memasukkan email, username,

202 telepon, nama pt/perorangan, alamat, password dan konfirmasi password. M engapa admin dapat memasukkan user/pelanggannya sendiri? Hal ini dikarenakan penggunaan sistem lama ke sistem baru dimana data pelanggan lama harus diinput melalui fasilitas ini maka diadakan fasilitas mendaftarkan pelanggan baru ini.

3. Panel Komentar Produk

203

b e r an d a

t e n ta n g k am i

p ro d u k

ho t prod uk

b er i t a

p a n e l a d m in S a l am A d m in K e lu a r P r o f i l S ay a

P an e l K o m e n ta r Pr od u k Se a r c h o P r o du k N a m e o A ll o Ap p r o ve d

xx x o Us e r n am e o P e n d in g

Pr od u k Nam e

U s e rn a m e

C o m m en t

Co m m ent D a te

S tatu s

A ct i o n

x xx

xx x

x xx

xx x

xx x

A p pr o v e / D el e te

te n t a n g k a m i

f . a. q

P a g in g

b e r an d a

k e b ij a k a n p ri v as i

F O O T ER

Gambar 4.47 Panel Komentar Produk

Pada halaman ini admin dapat melakukan pengaturan dalam menerima atau menolak komentar produk yang diinput oleh pelanggan pada menu komentar pada detil produk. Dimana dalam fasilitas ini terdapat searching atau mesin pencari terhadap

204 produk mana yang akan diatur dan dapat dipilih berdasarkan nama produk atau nama pelanggan atau juga dapat dipilih berdasarkan status yang sudah di Approved atau yang masih Pending atau juga dapat dipilih All atau semuanya.

4. Panel Produk

205

b er a n d a

p rod uk

t en t an g k a m i

h ot pro du k

b e r it a

p a n el a d m i n S a la m A d m in K e l u ar P ro f i l S ay a

P an e l P r o d u k S e a r ch

x xx

G am b a r P r o du k

Nama P ro duk

K e t er a n g a n

S tatu s

K a t e g o ri

S atu a n

A c ti o n

xxx

xxx

xx x

xx x

x xx

xxx

C r e ate / U p d a te / D e le t e

Pa gi n g

b e ra n d a

t e n ta n g k am i

f . a .q F OO T E R

Gambar 4.48 Panel Produk

k e b i j a k a n p ri v a s i

206 Pada halaman ini admin dapat mengatur (membuat, mengganti dan menghapus) produk yang dipilih. Fasilitas ini nanti akan berhubungan dengan produk-produk yang terdapat pada halaman beranda, produk dan hot produk. Untuk membuat produk, admin cukup memilih create, untuk mengganti produk yang sudah ada cukup memilih update dan untuk menghapus produk yang dikehendaki cukup memilih delete. 5. Buat Produk

H E AD ER b e r an d a

p ro d u k

ten ta n g k a m i

h ot p ro d u k

b e r ita

S a la m A d m i n K e lu a r P r o f il S ay a

B u at Pr od u k

N a m a Pr od u k H arg a K e te r a n S tatu s K a te g o r i S a tu a n G a m ba r

p a n e l a d m in

x xx x xx x x x x x C h F

xx xx xx xx xx o o se ile

beran da

S im p a n

C a nc e l

t e n tan g kam i

f . a .q FO O T ER

Gambar 4.49 Buat Produk

k e b ij ak a n p r i v a si

207 Pada halaman ini admin dapat membuat produk dengan memasukkan field-field yang tersedia seperti; nama produk, harga, keterangan, status, ketegori, satuan dan gambar. Setelah itu pilih simpan untuk menyimpan produk yang telah dibuat. 6. (Update) Ganti Produk

H EADE R be r an da

t e nt ang ka m i

pr odu k

hot p r odu k

S a la m A d m i n K e lu ar Pr of i l S ay a

U p d at e P ro d u k

N am a P r od u k H ar ga K e t e r an g an S t at u s K at e gor i S at u an G am b ar

pa ne l ad m in

be r i ta

xxx xxx xxx xxx xxx xxx xxx C ho os e F i le

b er a nd a

OK

C a n ce l

ten t an g k a mi

f. a.q

ke bij a ka n p r iva si

F OOTE R

Gambar 4.50 Ganti Produk

208 Pada halaman ini admin dapat melakukan penggantian/peng-update-an produk. Dengan melakukan pengisian terhadap field-field yang ada seperti; nama produk, harga, keterangan, status, kategori, satuan dan gambar, lalu pilih ok untuk menyimpan produk yang telah diganti 7. Panel Penawaran Produk’ HE AD E R b e ra n d a

te nta ng ka m i

pr oduk

hot pr oduk

b e ri t a

pa ne l a dm in S a la m A d m i n K el u a r P ro fil S ay a

P e n a w a ra n Pr o d u k

b e ra n d a

t en t a n g ka m i

f. a .q

k e b i ja k a n p ri v a si

FO O T E R

Gambar 4.51 Panel Penawaran Produk

Pada halaman ini admin dapat melakukan fasilitas crosselling (pemberitaan atas produk yang ingin dipublikasikan baik sejenis ataupun tidak sejenis) dan juga

209 melakukan fasilitas upselling (pemberitaan atas produk yang ingin dipublikasikan dengan jenis yang sama dan kualitas yang lebih baik. 4.9.4 Rancangan Layar Admin layanan 1. Panel Admin

H EA D E R t e n ta n g k a m i

b e r an d a

prod uk

h ot prod uk

S a la m A d m i n

P a ne l A d m in

P a n e l B e r it a

P a n el K a t eg o r i B it

P a n el P o llin g a n el B a n n e P a n el K o m en t a r P d k

Pa n el Prod u k

p a n e l a d m in

b e r it a

K e lu a r P ro fi l S a y a

P a n el A c a ra

T e n t an g K a m i K e t e r a n ga n

P a n e l U s er

L a n g g a n a n B e r i ta E m a il x x x -5 0 - x x x

Pa n el P e n a w a ra n P d k

A c ar a K e te r a n g a n

N am a A n da E m a il

S e l en g k a p n y a

B e r it a h u T e m a n x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x

E m a il T e m an 1 E m a il T e m an 2 E m a il T e m an 3 K i ri m P o llin g Ju du l P e rt a n y a a n Ja w a ba n A Ja w a ba n B Ja w a ba n C V o t e !! !

x x x x x L

x x -2 x x -5 x x -2 x x -2 x x -2 ih a t

00000ha

xx xx xx xx xx sil

x x x x x

B an n er G a m b a r B a n n er Prom o G am b ar 1 G am b ar 2 G am b ar 3

b e r an d a

te n t a n g k am i

f .a .q

k e b ij a k a n p r iv a s i

F O O T E R

Gambar 4.52 Panel Admin

K a t e g o r i B e r it a L i s t K a t e g o ri K a t e go r i P ro d u k L i s t K a t e g o ri

210 Pada halaman ini admin dapat melakukan enam hal. Pertama adalah panel berita, disini admin dapat mengatur (membuat, mengganti dan menghapus) berita yang diinginkan. Pengaturan berita tersebut akan mempengaruhi langganan yang dilakukan admin kepada pelanggannya yang sudah memberikan alamat e-mail mereka pada menu langganan berita.

2. Panel User (Admin)

H te n t a n g

b e r an d a

k a m i

E A D E R h o t p r o d u k

p ro d u k

S a la m A d m i n K e lu ar P r o f il S a y a

P a n e l U se r U s er n a m e x x x

E m a il x x x

p an el

b e ri ta

T e le p o n

N a m a P T / P e r o ra n

A la m a t

D e le t e

x x x

x x x

x x x

D e le t e

P a g in g D a ft a r k a n E m a il U s er n a m e T e le p o n N a m a P T /P e r o r a n g a n A l a m a t P a ssw o rd K o n f ir m a s i P a s sw o r d

U

se r x x x x x x x x x x x x x x x x x x x x x

R e g ist e r

b e ra n d a

t en ta n g

k am i

f .a . q

k e b i ja k a n

F O O T E R

Gambar 4.53 Panel User

p r iv a s i

ad m i n

211 Pada halaman ini admin dapat menghapus dan membuat/mendaftarkan pelanggan

yang

diinginkannya.

Untuk

menghapus

pelanggan

admin

cukup

menggunakan fasilitas delete untuk menghapus pelanggan yang diinginkannya. Sedangkan untuk membuat/mendaftarkan pelanggan baru admin harus mengisi beberapa field untuk melakukan registrasi pelanggan, yaitu; memasukkan email, username, telepon, nama pt/perorangan, alamat, password dan konfirmasi password. M engapa admin dapat memasukkan user/pelanggannya sendiri? Hal ini dikarenakan penggunaan sistem lama ke sistem baru dimana data pelanggan lama harus diinput melalui fasilitas ini maka diadakan fasilitas mendaftarkan pelanggan baru ini.

212 3. Berita

HEADER be ra nda

t en t a n g k am i

p roduk

h o t p r o du k

p a n el a dm in

b e r it a

Sa la m A d m in

B er i t a T er k in i

K e lu ar

J ud u l B er i t a

P r o f il Say a

T an g ga l B e r it a I s i B e r it a xx xx xx xx xx xx xx xx xx xx xx xx xx xx xx

T e n t an g K a m i K et e r a n g a n

E m a il

L a n gg a n a n B e r it a x xx xx xx xx xx x A c a ra

K et e r a n g a n

Sel en g k a p n y a B er i t ah u T e m a n

N a m a A nda

xx xx xx xx xx xx x

E m a il

xx xx xx xx xx xx x

E m a il T e m a n 1

xx xx xx xx xx xx

E m a il T e m a n 2 E m a il T e m a n 3

xx xx xx xx xx xx xx xx xx xx xx xx

K i r im P o lli n g Ju d u l P er t a n y a a n

x xx xx xx xx xx xx xx x x xx xx xx xx xx xx xx x

J a wa b a n A J a wa b a n B

x xx xx xx xx xx xx xx x

J a wa b a n C Vo t e ! ! !

xx xx xx xx xx xx xx xx L i h a t h as i l

xx xx xx xx xx xx xx xx

Ba n ne r G am b a r B a n n e r

be ra nda

t e n t an g ka m i

f .a .q FO O T E R

Gambar 4.54 Berita

P ro m o

K a t eg o r i B e r it a

Ga m b a r 1 Ga m b a r 2

L is t K a t e g o r i

Ga m b a r 3

K at e g o r i P r o du k L is t K a t e g o r i

k e b ija k an p r iv a s i

213 Pada halaman ini digunakan admin untuk memastikan bahwa berita yang ditambah, diganti maupun dihapus berhasil. Hal ini berkaitan dengan penggantian, penambahan dan penghapus dari fasilitas kategori berita. 4. Panel Berita

HE A D E R beran d a

te n ta n g k a m i

p ro d u k

h ot p ro du k

S al am A dm i n

P a n e l B e r it a P i l i h K a te g o r i B e r i ta B a r u > > Ju dul T an g g al x xx xx x

p anel adm i n

b e r i ta

K e l u ar P r o f il Sa y a A ct i o n H a pu s E dit

T e n ta n g K a m i K e t e ra n g a n L a n g g a n a n B e r ita E m ai l x xx -50 -x xx A cara K et e r an g a n

N am a A n d a E m ail E E E K

S e len g k a p n y a

B er it a h u T em a n x xx -1 00 -x x x x xx -1 00 -x x x

m ail Te m an 1 m ail Te m an 2 m ail Te m an 3 i ri m

x xx -1 00 -x x x x xx -1 00 -x x x x xx -1 00 -x x x

P o lli n g J u du l P e rt a n y a a n Jaw ab an A Jaw ab an B Jaw ab an C Vo te !!!

x x x x x L

xx -20 -x xx xx -50 -x xx xx -20 -x xx xx -20 -x xx xx -20 -x xx ih a t h a s i l

B an n e r G am b ar B an n e r Pro m o G am ba r 1 G am ba r 2 G am ba r 3

b eran d a

te n ta n g kam i

f .a .q

k e b ij ak a n p r i v a s i

FO O T E R

4.55 Panel Berit

K a t e g o r i B e ri t a L i st K a te g o r i K at ego ri P ro du k L i st K a te g o r i

214 Pada halaman ini, admin dapat mengatur (pembuatan, penggantian dan penghapusan) pemberitaan pada perusahaan. Untuk pembuatan berita, admin terlebih dahulu harus memilih kategori berita mana yang ingin dibuatkan berita baru didalamnya. Ketika sudah dipilih maka akan muncul list berita yang berkaitan dengan kategori tersebut, kemudian pilih berita baru untuk memasukkan berita apa yang diinginkan (judul dan isi berita). Untuk melakukan penggantian pada isi berita, cukup memilih edit yang digunakan untuk mengganti isi berita terhadap list berita yang ada pada masingmasing kategori berita. Sama halnya untuk melakukan penghapusan berita, yaitu dengan cara memilih hapus pada panel tabel action pada list berita yang ada maka akan secara otomatis segala yang berkaitan dengan berita tersebut terhapus.

215

5. Berita Baru

H EA D E R b era n d a

te n ta n g k a m i

p ro d u k

hot p rod u k

S a la m

M em b u a t B erita Jud u l B erita B a ru >>

p an el ad m in

b e r ita

A d m in

K e lu a r Pro fil S ay a

xxxxxxx Is i b e r it a x x x x

x x x x

x x x x

x x x x

x x x x

x x x x

x x x x

T e n ta n g K a m i K eteran g an L a n g g a n a n B e r it a E m a il x x x -5 0 -x x x

S im p a n

A ca ra K e te r a n g a n

N a m a A nda E m a il

S e le n g k a p n y a

B e r i ta h u T e m a n x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x

E m a il T e m a n 1 E m a il T e m a n 2 E m a il T e m a n 3 K i r im P o ll in g Ju d u l P e r ta n Ja w a b Ja w a b Ja w a b

x x x x x L

y aan an A an B an C V o te ! ! !

x x -2 0 -x x x x x -5 0 -x x x x x -2 0 -x x x x x -2 0 -x x x x x -2 0 -x x x i h a t h a si l

B a n n er G a m b ar B an n e r P ro m o G am b ar 1 G am b ar 2 G am b ar 3

b e ran d a

te n t a n g ka m i

f . a .q F O O TER

Gambar 4.56 Berita Baru

k e b i ja k a n p r iv a s i

K a t e g o r i B e r i ta L is t K a te g o r i K ateg o ri P ro d u k L is t K a te g o r i

216 Pada halaman ini admin dapat mengisikan judul berita apa yang ingin dipublikasikan pada menu berita nanti begitu pula dengan isi berita yang harus diisi sesuai dengan berita yang dipilih. 6. Panel Kategori Berita

HE A D E R be ra n d a

te n ta n g k a m i

p ro d u k

h ot p ro du k

S a l a m A dm i n

P a n e l K a t eg o r i B e r it a K a te go r i K a t e g r i B e r i ta x x x xx x x

p a ne l a dm i n

b e r i ta

K e l u ar x xx

P r o f il Sa y a

S im p a n

A c t io n H a pu s E d it

T e n ta n g K a m i K e t e ra n g a n L a n g g a n a n B e r ita E m ai l x xx -50 -x xx A cara K et e r an g a n

N am a A n d a E mail E E E K

S e l en g k a p n y a

B er i t a h u T em a n x xx -1 00 -x x x x xx -1 00 -x x x

m ai l Te m an 1 m ai l Te m an 2 m ai l Te m an 3 i ri m

x xx -1 00 -x x x x xx -1 00 -x x x x xx -1 00 -x x x

P o lli n g J u du l P e rt a n y a a n Jaw ab an A Jaw ab an B Jaw ab an C Vo te !!!

x xx -20 -x xx x xx -50 -x xx x xx -20 -x xx x xx -20 -x xx x xx -20 -x xx L ih a t h a s i l B an n e r

G am b ar B an n e r Pro m o G a m ba r 1 G a m ba r 2 G a m ba r 3

b eran d a

te n ta n g ka m i

f .a .q

k e b i j ak a n p r i v a s i

FO O T E R

Gambar 4.57 Panel Kategori Berita

K a t e g o r i B e ri t a L i st K a te g o r i K a t e go ri P ro du k L i st K a te g o r i

217 Pada halaman ini admin dapat membuat atau menambahkan kategori yang telah ada. Adapun caranya hanyalah mengisi nama kategori yang diinginkan kemudian pilih simpan. Kategori berita ini berkaitan dengan panel berita, dimana diharuskan untuk pertama kali memilih kategori berita apa yang ingin diangkat dan baru kemudian membuat judul dan isi beritanya. 7. Panel Acara

H E A D E R beran d a

te n t a n g k a m i

h ot p rod u k

pro d uk

b e r ita

p anel ad m in

S al a m A d m i n

P an el A car a

K e lu a r P r o f il S a y a

A c a ra T em p a t M u la i Se le sa i K etera n ga n Si m pa n

xx x x xx x x xx x x xx x x

xx x x

A car a

T em p a t

M u la i

Se le s a i

x xx

xx x

x xx

x x x

T e n ta n g K a m i

xx x x

K e ter a n g a n L a n g g a n a n B e r ita E m ai l x xx -50 -x xx

A c t io n H a p u s / S im pa n

A cara K ete r a n g a n

N am a A n d a E m ail E E E K

S e l en g k a p n y a

B e ri t a h u T e m a n x xx -1 00 -x xx x xx -1 00 -x xx

m ail Te m an 1 m ail Te m an 2 m ail Te m an 3 i ri m

x xx -1 00 -x xx x xx -1 00 -x xx x xx -1 00 -x xx

P o ll in g J u du l P e rt a n y a a n J aw ab an A J aw ab an B J aw ab an C V o te ! ! !

x x x x x L

xx -20 xx -50 xx -20 xx -20 xx -20 ih a t h a

x xx x xx x xx x xx x xx s il

B an n e r G am b ar B an n e r Pro m G am ba G am ba G am ba

b e r an d a

te n ta n g kam i

f . a .q

o r 1 r 2 r 3

k e b ija k a n p r iv a si

F O OT E R

Gambar 4.58 Panel Acara

K a t e g o r i B e ri t a L is t K a te g o r i K a te g o r i P r o d u k L is t K a te g o r i

218

Pada halaman ini admin dapat membuat, mengganti maupun menghapus acaraacara yang ada. Fasilitas acara ini dimanfaatkan perusahaan untuk mendekatkan diri kepada pelanggan, karena dengan adanya acara yang dilaksanakan akan mempererat hubungan bisnis dengan pelanggan. Adapun cara melakukannya adalah; pertama masukkan terlebih dahulu acara apa yang diinginkan, kemudian tempatnya dimana, mulai dan selesainya kapan serta keterangan terhadap acara yang dibuat itu apa, lalu pilih simpan untuk menampilkan acara ini dimunculkan pada halaman utama. Ataupun ingin mengganti dan menghapus acara yang sudah ada, hanya cukup memilih hapus atau edit untuk melakukannya.

219 8. Acara H E A D E R b era n d a

te n t a n g k a m i

p ro d u k

hot p ro d u k

S alam A d m in

F itur P ro d u k

K elu ar

G am b ar P r odu k A

K eter a ng a n x x x -2 0 0 -x x x

G a m b a r P ro d uk B

K eter a ng a n x x x -2 0 0 -x x x

P r o f il S a y a

T e n ta n g K a m i K e te r a n g a n

P ro d uk B a ru G am bar 1 G am bar 4

G am b ar 2 G am b ar 5

p an el ad m in

b e r i ta

L a n g g a n a n B e r it a E m a il x x x - 5 0 -x x x G am bar 3 G am bar 6

A cara K eteran g an

N am a A n d a E m ail E E E K

S e le n g k a p n y a

B e r it a h u T e m a n x x x - 1 0 0 -x x x x x x - 1 0 0 -x x x

m ail T e m an 1 m ail T e m an 2 m ail T e m an 3 ir i m

x x x - 1 0 0 -x x x x x x - 1 0 0 -x x x x x x - 1 0 0 -x x x

P o ll in g Judul P ertan y aan Jaw ab a n A Jaw ab a n B Jaw ab a n C V o te ! ! !

x x x x x L

x x - 2 0 -x x x x - 5 0 -x x x x - 2 0 -x x x x - 2 0 -x x x x - 2 0 -x x ih a t h a s il

x x x x x

B an n e r G am b ar B an n er P ro m o G am b ar 1 G am b ar 2 G am b ar 3

b era n d a

t e n ta n g k am i

f .a .q

K a te g o r i B e r it a L i st K a te g o r i K ateg o ri P ro d u k L i st K a te g o r i

k e b ij a k a n p r i v a s i

F O O T E R

Gambar 4.59 Acara

Pada setiap halaman admin diberikan fasilitas acara. Pada fitur acara ini admin dapat melihat acara-acara terdekat yang akan dilaksanakan oleh PT. SURYA TERANG PRATAM A. Fitur ini diadakan dengan maksud untuk mendekatkan diri perusahaan kepada pengunjung maupun pelanggan. Sehingga dengan ini pun pelanggan juga merasa

220 diperhatikan karena acara ini memang sengaja dibuat semata-mata untuk pengunjung dan pelanggan PT. SURYA TERANG PRATAMA. Di mata pengunjung dan pelanggan fitur ini dapat meningkatkan citra perusahaan karena terlihat dari acara yang diselenggarakan perusahaan kepada pengunjung dan pelanggannya dipublikasikan secara terorganisir. 9. Panel Polling H E A D E R b era n d a

te n t a n g k a m i

p ro d u k

h o t p ro d u k

S alam

P a n e l P o l lin g J P B J S

u d u l P o l lin g erta n y a a n e r a k h ir p a d a a w a b a n im p a n

p an el ad m in

b e r i ta

A d m in

K elu ar x x x -2 0 x x x -5 0 x x x -d a te x x x -2 0

-x -x -x -x

x x x x

x x x x

P r o f il S a y a

T e n ta n g K a m i K e t e ra n g a n

D a fta r P o ll in g

L a n g g a n a n B e r it a E m ail

J u d u l P o ll in g

P e rta n y a a n

B e r a k h ir

A c ti o n

x x x

x x x

x x x

H a p u s / E d it

x x x -5 0 -x x x

A cara K eteran g an

N am a A n d a E m ail E E E K

m m m ir

S e le n g k a p n y a

B e r it a h u T e m a n x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x

ail T e m an 1 ail T e m an 2 ail T e m an 3 im P o lli n g

J u d u l P ertan J aw ab J aw ab J aw ab

x x x x x L

y aan a n A a n B a n C V o te !!!

x x -2 x x -5 x x -2 x x -2 x x -2 ih a t

0 0 0 0 0 h

a

x x x x x s

x x x x x il

x x x x x

B an n e r G am b ar B an n er P ro m G am b a G am b a G am b a

b era n d a

te n ta n g k am i

f .a .q

o r 1 r 2 r 3

k e b ij a k a n p r i v a s i

F O O T E R

Gambar 4.60 Panel Polling

K a te g o r i B e r it a L i st K a te g o r i K ateg o ri P ro d u k L i st K a te g o r i

221

Pada halaman ini admin dapat membuat suatu fasilitas polling yang berguna sebagai acuan untuk perusahaan baik demi mendapatkan informasi yang dibutuhkan perusahaan seperti polling kinerja ataupun untuk mendekatkan diri kepada pelanggan seperti polling produk atau polling pelayanan, dsb. Ini semua tergantung isi daripada polling tersebut. Sehingga maksud dan tujuan dapat terlihat dari isi polling tersebut. Cara untuk membuat polling adalah; pertama, admin dapat memasukkan terlebih dahulu judul polling, lalu kemudian memasukkan pertanyaan polling tersebut, lalu berakhir sampai pada tanggal berapa dan terakhir apa jawaban atas pertanyaan tersebut. Sedangkan untuk menghapus dan mengganti polling dapat menggunakan fasilitas hapus dan edit pada kolom action.

222 10. Panel Banner

HE A D ER berand a

te n t a n g k a m i

prod uk

h ot p ro d u k

b e ri t a

S al am A d m in

P a ne l B a n ne r L in k G am ba r S im pa n

x xx B ro w se

B a n n er

A ct io n H a p us / E dit

x xx

p an el ad m in

K e lu ar P r o f i l S a ya

T e n ta n g K a m i K e t e ra n g a n

L a n g g a n a n B e ri t a E m ai l x x x -5 0 - x x x A c a ra K e t e ra n g a n

N am a A n d a E m a il E E E K

S e len g k ap n y a

B e ri t a h u T e m a n xx x-10 0-x xx xx x-10 0-x xx xx x-10 0-x xx xx x-10 0-x xx xx x-10 0-x xx

m a il T e m an 1 m a il T e m an 2 m a il T e m an 3 i ri m P o ll i n g

Ju du l P e rt a n y a a n Ja w a ba n A Ja w a ba n B Ja w a ba n C V o te ! ! !

x x x -2 0 - x x x x x -5 0 - x x x x x -2 0 - x x x x x -2 0 - x x x x x -2 0 - x x L ih a t h a sil

x x x x x

B anne r G am b ar B an n e r P rom o G am b a r 1 G am b a r 2 G am b a r 3

b er a n d a

t e n ta n g k am i

f. a . q

K a t e g o r i B e r it a L i s t K a t e g o ri K a t e g o ri P r o d u k L i s t K a t e g o ri

k e b i j a k a n p ri v a s i

FO O T E R

Gambar 4.61 Panel Banner Pada halaman ini admin dapat mengatur (membuat, mengganti ataupun menghapus) isi dari banner. Banner ini merupakan sebuah fasilitas untuk memberikan kenyamanan kepada pelanggan dengan memberikan alternatif untuk melakukan interaksi. Dalam hal ini PT. SURYA TERANG PRATAM A mempergunakan banner diisi dengan link facebook PT. SURYA TERANG PRATAMA, sehingga pelanggan yang sudah mempunyai akun facebook pun dapat mengakses kami disana. Untuk

223 membuat banner ini admin cukup memasukkan dua hal; pertama adalah memasukkan link untuk banner tersebut dan yang kedua adalah meng-upload gambar untuk dijadikan sebuah banner. Selanjutnya untuk mengganti ataupun menghapus banner dapat menggunakan fasilitas hapus dan edit pada kolom action. 11. F.A.Q (Frequently Asked Questions) H EA D ER te n t a n g k a m i

b era n d a

p ro d u k

hot p ro d u k

S a la m

F .A .Q I s i F .A .Q

p a n e l a d m in

b e r it a

A d m in

K elu ar xxx-

P r o f il S a y a

tex t-x x x

T e n ta n g K a m i K eteran g an L a n g g a n a n B e r i ta E m ail x x x -5 0 -x x x A c ara K eteran g an

N am a A n d a E m ail E E E K

S e le n g k a p n y a

B e r i ta h u T e m a n x x x -1 0 0 -x x x x x x -1 0 0 -x x x

m ail T e m an 1 m ail T e m an 2 m ail T e m an 3 ir i m

x x x -1 0 0 -x x x x x x -1 0 0 -x x x x x x -1 0 0 -x x x

P o l lin g Judul P ertan y aan Jaw ab a n A Jaw ab a n B Jaw ab a n C V o te !!!

x x x -2 0 -x x x x x x -5 0 -x x x x x x -2 0 -x x x x x x -2 0 -x x x x x x -2 0 -x x x L i h a t h a si l B an n er

G am b ar B an n er P ro m o G am b a r 1 G am b a r 2 G am b a r 3

b era n d a

te n ta n g k am i

f .a .q F O O TE R

Gambar 4.62 F.A.Q

k e b ij a k a n p r i v a s i

K a t e g o r i B e r i ta L is t K a t e g o r i K a te g o r i P r o d u k L is t K a t e g o r i

224 Pada halaman ini admin dapat melihat dan mengetahui hal-hal yang mungkin ingin dipertanyakan. Disini f.a.q (frequently answer questions) telah memberikan ulasan mengenai pertanyaan yang kemungkinannya sering dipertanyakan oleh pelanggan ataupun pengunjung. Dengan itu pelanggan ataupun pengunjung tidak perlu menunggu balasan dari admin PT. SURYA TERANG PRATAM A untuk membalas pertanyaan anda, karena mungkin pertanyaan itu sudah ada di menu f.a.q ini.

225 2. Kebijakan Privasi

H EA D E R be ra n d a

te n t a n g k a m i

pro du k

hot p ro d u k

p a n el a d m i n

b er i t a

S a la m A d m i n

K e b ij a k a n P r i v a s i

K el u a r

I s i K e b i ja k a n P ri v a s i x x x - te x t -x x x x

P r o f il S ay a

T e nt a n g K a m i K e t e r an g an L a n g g a n an B e r i t a E m a il x x x -50 -x xx A cara K e te r a n g a n

N a m a A nd a E m a il

S e l en g k a p n y a

B e r ita h u T e m a n x x x -1 00 -xx x x x x -1 00 -xx x

E m a il T e m a n 1 E m a il T e m a n 2 E m a il T e m a n 3 K ir i m

x x x -1 00 -xx x x x x -1 00 -xx x x x x -1 00 -xx x

P o l li n g Ju d ul P e r t an y aa n J a w ab a n A J a w ab a n B J a w ab a n C V o t e !! !

x x x -20 -x xx x x x -50 -x xx x x x -20 -x xx x x x -20 -x xx x x x -20 -x xx L ih a t h a sil B a nn e r

G a m b a r B a n ne r Pr o m o G a m b ar 1 G a m b ar 2 G a m b ar 3

b eran d a

te n t an g k ami

f. a . q

k e b ija k a n p r iv a si

F O O T ER

Gambar 4.63 Kebijakan Privasi

K a t e g o r i B e ri t a L i s t K at e g o r i K a t eg o r i P r o d u k L i s t K at e g o r i

226 Pada halaman ini admin dapat mengetahui informasi mengenai kebijakankebijakan privasi pada perusahaan PT.SURYA TERANG PRATAMA yang harus ditaati dan dipahami dengan betul demi kenyamanan dalam menggunakan web ini. 13. Polling HE A D E R beran d a

te n ta n g k a m i

pro d uk

ho t p rod u k

S al am A dm i n

F it u r P r o d u k

K e lu a r

G a m b a r P r od u k A

K e t e ra n g a n xx x -20 0 -xx x

G a m b a r P rod u k B

K e t e ra n g a n xx x -20 0 -xx x

P ro f i l S a y a

T e n ta n g K a m i K e ter a n g a n

P ro d uk B a r u G am bar 1 G am bar 4

G am b a r 2 G am b a r 5

p a n e l a d m in

b e r it a

L a n g g a n a n B e r it a E m a il x x x -5 0 - x x x Gam bar 3 Gam bar 6

A cara K e t e ra n g a n

N am a A n d a E m ail E E E K

S el e n g k a p n y a

B er it a h u T e m a n xx x -10 0 -xx x xx x -10 0 -xx x

m ail T e m an 1 m ail T e m an 2 m ail T e m an 3 ir i m

xx x -10 0 -xx x xx x -10 0 -xx x xx x -10 0 -xx x

P o ll in g J ud u l P er t a n y a a n Jaw ab an A Jaw ab an B Jaw ab an C V o te ! ! !

x x x -2 0 - x x x x x x -5 0 - x x x x x x -2 0 - x x x x x x -2 0 - x x x x x x -2 0 - x x x L ih a t h a sil B an n e r

G am b ar B an n er P Ga Ga Ga

b eran d a

te n ta n g kam i

f .a .q

rom o m b ar 1 m b ar 2 m b ar 3

k e b ij a k a n p ri v a si

FO O T E R

Gambar 4.64 Polling

K a t e g o ri B e r i t a L is t K at e g o r i K a t e g o ri P r o d u k L is t K at e g o r i

227 Pada halaman ini admin dapat melakukan polling dengan menjawab pertanyaan yang telah tersedia dengan jawaban yang sudah ditentukan. Pada polling ini admin hanya dapat melakukan sekali input, karena program secara otomatis menyimpan ip address dari komputer admin, sehingga tidak adanya yang melakukan polling lebih dari sekali.

228 14. Ubah Password

H E A D E R be ran d a

te n ta n g k a m i

p rod u k

hot p ro d u k

S a la m A d m in

U b a h P a ss w or d P a s s w o rd L am a P a s s w o rd B ar u K o n f ir m a si P a s s w o rd B ar u

p a n e l a d m in

b e r it a

K e lu a r

x x x -20 -x x x

P r o f il S a y a

x x x -20 -x x x x x x -20 -x x x

O K

T e n ta n g K a m i K e te r a n g a n

C a n c el

L a n g g a n a n B er i ta x x x -5 0 - x x x E m ail Ac ara K e t e ra n g a n

N am a A n d a E m ail E E E K

S el en gk ap n y a

B e r i tah u T e m a n x x x -10 0 -x x x x x x -10 0 -x x x x x x -10 0 -x x x x x x -10 0 -x x x x x x -10 0 -x x x

m ail T e m an 1 m ail T e m an 2 m ail T e m an 3 ir im Po l lin g

J u d ul P e r ta n y a a n J a w ab a n A J a w ab a n B J a w ab a n C V o te !!!

x x x x x L

x x -2 0 - x x x x -5 0 - x x x x -2 0 - x x x x -2 0 - x x x x -2 0 - x x ih a t h a s il

x x x x x

Ban n er G am b ar B an n er P rom o G a m b ar 1 G a m b ar 2 G a m b ar 3

b eran da

te n t a n g k am i

f .a .q

K a t e g o ri B e r i t a L is t K a t e g o r i K a t e g o ri P r o d u k L is t K a t e g o r i

k e b ija k an p r iv a s i

F OO T E R

Gambar 4.65 Ubah Password Pada halaman ini admin dapat mengubah password lamanya menjadi password yang baru. Hal ini dilakukan untuk menjaga adanya kecurangan-kecurangan dari pihak yang tidak bertanggung jawab. Caranya yaitu, pertama masukkan password lama, lalu

229 masukkan password baru dan terakhir masukkan konfirmasi password lalu pilih ok untuk mengganti password atau pilih cancel untuk membatalkan. 15. Lupa Password

HEADER be ra nda

t en t a n g k am i

p roduk

h o t p r o du k

p a n el a dm in

b e r it a

Sa la m A d m in K ir i m P a sswo r d

K e lu ar P r o f il Say a

E m a il

x xx xx xx T e n t an g K a m i K et e r a n g a n

xxx-50-xxx

K i r im

L a n gg a n a n B e r it a E m a il

x xx xx xx xx xx x A c a ra

xxx-50-xxx

K et e r a n g a n

Sel en g k a p n y a B er i t ah u T e m a n

N a m a A nda E m a il

xx xx xx xx xx xx x xx xx xx xx xx xx x

xxx-100-xxx

E m a il T e m a n 1

xx xx xx xx xx xx

E m a il T e m a n 2 E m a il T e m a n 3

x xxxx-100-xxx xx xx xx xx xx xx xx xx xx xx xx

xxx-100-xxx

K i r im

xxx-100-xxx

P o lli n g x xx xx xx xx xx xx xx x

Ju d u l P er t a n y a a n Ja wa b a n A

x xx xx xx xx xx xx xx x x xx xx xx xx xx xx xx x

Ja wa b a n B

xx xx xx xx xx xx xx xx

Ja wa b a n C Vo t e ! ! !

xx xx xx xx xx xx xx xx L i h a t h asi l Ba n ne r

G am b a r B a n n e r P ro m o Ga m b a r 1

K a t eg o r i B e r it a L ist K a t e g o r i

Ga m b a r 2 Ga m b a r 3

be ra nda

t e n t an g ka m i

f .a .q

k e b ija k an p r iv a si

FO O T E R

Gambar 4.66 Lupa Password

K at e g o r i P r o du k L ist K a t e g o r i

230 Pada halaman ini admin melakukannya ketika admin lupa akan password yang diinput ketika masuk pada halaman akun saya. Caranya adalah admin cukup memasukkan emailnya lalu pilih kirim untuk mengirim password langsung ke emailnya secara random setelah itu password akan di update secara acak untuk admin agar dapat melakukan login kembali. 4.10 Activity diagram 4.10.1Activity diagram pengunjung

Gambar 4.67activity diagram register

231

Gambar 4.68activity diagram Tentang Kami

Gambar 4.69activity diagram Produk

232 Pengunjung

Sistem

membuk a_web_PT_Surya_Terang_Pratama

menampilkan_w eb_PT_S urya_Terang_Pratama

meng klik_produk

menampilk an_halaman_produk

meng klik _hot_produk

menampilkan_hot_produk

Gambar 4.70 activity diagram Hot Produk

Gambar 4.71 activity diagram Akun Saya

233

Gambar 4.72activity diagram Berita

234

Ga mbar 4.73 activity diagram Kontak

Gambar 4.74 activity diagram FAQ

235

Gambar 4.75 activity diagram Kebijakan Privasi

236 Gambar 4.76 activity diagram Acara

Gambar 4.77 activity diagram Langganan Berita

237

Gambar 4.78 activity diagram M elihat Komentar

238

Gambar 4.79 activity diagram M elihat Hasil Polling

239 4.10.2 Activity diagram pelanggan

Gambar 4.80 activity diagramWishlist

240

Gambar 4.81 activity diagram Komplain

241

Pelanggan

membuka_web_PT_Surya_Terang_Pratama

sistem

menampilkan_w eb_PT_S ury a_Terang _Pratama

[tidak valid] mengk lik _akun_say a

menampilkan_halaman_akun_say a

menampilkan_form_login

meng isi_form_log in

[valid] menampilk an_halaman_beranda

meng klik_lama_pengiriman

meng isi_pencarian_lama_pengiriman

menampilkan_halaman_lama_peng iriman

menampilk an_hasil_lama_pengiriman

Gambar 4.82 activity diagram Lama Pengiriman

242 Pelanggan

membuka_w eb_PT_Surya_Terang_Pratama

sistem

menampilkan_web_PT_S ury a_Terang _Pratama

[tidak valid] meng klik_akun_say a

menampilkan_halaman_akun_saya

menampilkan_f orm_log in

meng isi_form_login

[valid] menampilkan_halaman_beranda

mengk lik_prof il_say a

menampilkan_halaman_prof il_say a

Gambar 4.83 activity diagram Profil Saya

243

Gambar 4.84 activity diagram M engubah Password

244

Gambar 4.85 activity diagram Tips&Trick

245

Gambar 4.86 activity diagram Beritahu Teman

246

Gambar 4.87 activity diagram Pemesanan

247

Gambar 4.88 activity diagram M engisi Komentar

248

Gambar 4.89 activity diagram Keranjang

249 Pelanggan

sistem

membuka_web_PT_Surya_Terang_Pratama

menampilkan_web_PT_Surya_Terang_Pratama

menklik_lihat_keranjang

menampilkan_halaman_lihat_keranjang

mengklik_klik

mengklik_pembayaran

menampilkan_halaman_lihat_keranjang

menampilkan_form_pembayaran

mengisi_form_pembayaran

memilih_kategori_pembayaran

menvalidasi_data

[valid]

menampilkan_halaman_terima_kasih

pemberitahuan_konfirmasi_email_pembayaran

melakukan_konfirmasi_email

mencek_pembayaran

Gambar 4.90 activity diagram Pembayaran

250 4.10.3 Activity diagram Admin Layanan

Gambar 4.91activity diagram M enjawab Keluhan / Saran

251

Gambar 4.92 activity diagram Pertanyaan Kontak layanan

252

Gambar 4.93 activity diagram Edit Kegiatan

253

Gambar 4.94 activity diagram Update Berita

254

Gambar 4.95 activity diagram Update Tentang Kami

255

Gambar 4.96activity diagram Update Lama Pengiriman

256

Gambar 4.97 activity diagram M endata Pelanggan

257

Gambar 4.98 activity diagram membuat polling

258

4.10.4 Activity diagram Admin Produk

Gambar 4.99 activity diagram Profil Saya

259

Gambar 4.100 activity diagram Konfrimasi Pembayaran

260

admin produk

membuk a_web_PT_Surya_Terang_Pratama

mengklik_panel_admin

mengklik_panel_konfirmasi_produk

sistem

menampilk an_web_PT_Surya_Terang_Pratama

menampilkan_halaman_panel_admin

menampilk an_halaman_panel_konfirmasi_produk

mengk lik_konf irmasi_produk

meng ecek _data

[tida k gran d komentar] menghapus_k omentar

[grand komentar] meny impan_komentar

meng update_data

Gambar 4.101 activity diagram Konfrimasi Komentar

261

admin produk

membuka_web_PT_Surya_Terang_Pratama

mengklik_panel_admin

mengklik_panel_komplain

mengklik_list_komplain

menjawab_form_komplain

mengklik_submit

sistem

menampilkan_web_P T_Surya_Terang_Pratama

menampilkan_halaman_panel_admin

menampilkan_halaman_panel_komplain

menampilkan_halaman_form_komplain

mengecek_data

mengupdate_komplain

Gambar 4.102 activity diagram M enjawab Keluhan / Saran Admin Produk

262

Gambar 4.103 activity diagram Pertanyaan Produk

263

4.104 activity diagram Konfirmasi Wishlist

264

Gambar 4.105 activity diagram Update Produk

265

Gambar 4.106 activity diagram Insert Produk

266

Gambar 4.107 activity diagram Penawaran Produk

267

4.11

Sequence diagram Berikut merupakan gambaran interaksi antara aktor dengan sistem

4.11.1 Sequence diagram dari pengunjung sd mel akukan regi strasi m em ber peng unju ng

wi ndow b eran da <> ()

pi li h_regi strasi () wi ndow <>() re gist rasi

<< creat e>>()

fo rm regi st rasi

i nput _usernam e() i nput _password() inpu t_ko nfi rm asi _password() i nput _em ai l() inp ut_t el epon() i nput _Nam a PT / Peroranga n() in put_ alam at () i nput _kot a() opt [p il ih_ oli ]

loop

pi li h_kat ego ri _ol i() j eni s_m esi n()

[p il ih_ spare part ] loop

pil i h_kat egori_sp arep art () pi li h_j eni s_m esin ()

[p il ih_ grea se] loop pi li h_kat egori_ grea se()

inp ut_capt cha() kli k_perset uj uan() kl ik_t om bol _re gist ra si()

verif ika si_d ata() add_t o_m em ber()

Gambar 4.108 melakukan registrasi

268

s d menga ks es te ntang k ami ten ta ng kam i pe ng un jun g

<>()

win do w b eran da

kl ik_te nt an g_ kam i()

<>()

wi nd ow t en tan g kam i

loop ge t_ isi()

i si_te nt an g_ kam i()

Gambar 4.109 mengakses tentang kami

269 sd mengakses produk l ist detail produk

barang

pengunj ung

wi ndow beranda

<>()

Kl ik_barang() <>()

wi ndow barang

<>()

li st barang

loop

get _nam a_gambar_barang() nama_gambar_barang()

opt

kl ik_search()

get_nama_barang()

[kl ik_search] nama_gambar_barang()

kl ik_gam bar() <>()

w indow det il barang get _nam a_gambar_harga_ket erangan_barang() gambar_harga_keterangan_barang()

<>()

l ist keterangan tambahan

l oop

get _ket erangan_barang() ket erangan_barang()

l ist relat ed produk

<>()

l oop

get_nama_gambar_barang() nama_gam bar_barang()

li st kom ent ar

<>()

l oop

get_i d_user_komentar() id_user_komentar()

kli k_order() w indow <>() akun saya

Ref : mengakses akun saya

Gambar 4.110 mengakses barang

komentar

270 s d menga ks es hot produk ba ran g pe ng un jun g wi nd ow be ran da <>()

kl ik_h ot _prod uk()

<>()

win do w h ot p ro du k <>()

list ho t pro du k

l oop ge t_g am b ar_ ket era ng an _sta tu s_b ara ng () ga m ba r_ke te ran ga n_ ba ran g()

Gambar 4.111 mengakses hot produk

271 sd mengakses akun saya user pengunj ung wi ndow beranda <>()

kli k_akun_saya() akun saya <>()

<>()

form masuk ke akun kamu

i nput_usernam e_password() kl ik_masuk() v eri fy_data() cek_username_password() return()

opt kl i k_buat_baru() [pi l i h_buat_baru]

<>()

wi ndow regi strasi akun

Ref : mel akukan regi strasi

[pi l i h_l upa_password]

kl ik_lupa_password()

<>()

wi ndow l upa password

Ref : mengakses l upa password

Gambar 4.112 mengakses akun saya

272 sd mengakses lupa passw ord user pengunj ung wi ndow beranda <>()

kl i k_akun_saya()

<>()

wi ndow akun saya

Ref : m engakses akun saya

pi l i h_l upa_password()

<>()

wi ndow l upa password

i nput_em ai l () kli k_ki ri m() veri fi kasi _data() update_password()

Gambar 4.113 mengakses lupa password

273 sd mengakses berita berita pengunjung window beranda <>()

klik_berita()

<>()

window berita

list berita <>()

loop

get_judul_isi_tanggal_keterangan_berita() judul_isi_tanggal_keterangan_berita()

pilih_berita() <>()

window berita terkini

get_judul_isi_keterangan_tanggal_berita()

judul_isi_tanggal_keterangan_berita()

Gambar 4.114 mengakses berita

274 sd men gakse s konta k kontak pengun jung

windo w berand a <>()

pili h_kontak()

<< crea te>>()

wind ow kon tak

< >()

form kontak

input_ nama() input_ email() inpu t_subjek()

opt

pilih_ umum()

[pili h_umu m]

[pili h_prod uk]

pilih _produ k()

input_ pesan() klik_simpa n() verifikasi_d ata() update _kontak()

Gambar 4.115 mengakses kontak

275 s d menga ks es FAQ FAQ pe ng un jun g win do w b eran da <>()

klik_ FAQ() win do w FAQ <>()

loop

g et _isi_ FA Q()

isi_ FAQ()

Gambar 4.116 mengakses FAQ s d menga ks es k ebij ak an priv a si p rivasi pe ng un jun g win do w b era nd a <>()

klik_ keb ija kan _p rivasi ()

<>()

win do w ke bij aka n p rivasi

g et _isi_ keb ija kan ()

isi_ keb ija kan ()

Gambar 4.117 mengakses kebijakan privasi

276 sd mengakses acara event pengunjung window <>() beranda

list berita <>()

loop

get_event_tempat_m ulai_selesai()

event_tempat_mulai_selesai()

klik_selengakapny a() window ev ent <>() selengkapnya

get_event_keterangan_tem pat_m ulai_selesai()

event_keterangan_tem pat_m ulai_selesai()

Gambar 4.118 mengakses acara s d me nga ks es la ngga na n be rita pe la ng ga n b erita pe ng un jun g

<>()

wi nd ow be ran da <>()

fo rm la ng ga na n be rit a

i np ut_ em a il() kl ik_l an gg an an _b eri ta() ad d_ em ai l()

Gambar 4.119 mengakses langganan berita

277 sd me lihat kome nta r kom en tar p e ng un j un g

<>()

wi n do w b era nd a

kl i k_ prod u k() <>()

win d ow pro du k

Re f : me ng a kse s p ro d uk kl ik_g am ba r()

wi nd ow <>() d eta il pro du k

kl i k_ ko me ntar() l i st <>() ko me n ta r

loop

ge t_i d _u se r_ko me nta r() i d _u se r_ko me n ta r()

Gambar 4.120 melihat komentar M ember

278 sd mengis i polli ng p ol l q ue stion p en gun ju ng wind ow <>() be ran da

<>()

l ist po llin g

l oop

g et_ na me _q ue stion () nam e_ qu esti on() g et_ an swer() an swer()

pili h_j awa ba n() kli k_ vote () va lid asi_ da te() ad d_i d_ vo ter()

Gambar 4.121 mengisi polling

po ll an swer

po ll vot er

279 4.11.2 sequence diagram untuk member sd mengisi w ishlist wishlist m em ber window beranda

<>()

klik_wishlist() <>()

panel user

klik_wishlist() <>()

window wishlist

<>()

form wishlist

input_barang_y ang_dim inta()

add_wishlist()

Gambar 4.122 mengisi wishlist

280 sd m engisi compa lin msco mpl a in pe ng unj u ng wi n do w b eran da < >()

kl i k_ pa ne l_ use r() pa ne l u ser << create >> ()

kli k_ ko mpl a in () wi nd ow ke l uha n << crea te >> () form ke lu ha n << cre ate> >()

opt

pi l ih _u mu m()

[p il i h ka tego ri]

p il i h_ prod uk()

i np ut_komp l ai n() kli k_ si mp an ()

sa ve () return ()

Gambar 4.123 mengisi kompalin

281 sd mengakses lama pengiriman lam apengirim an m em ber

<>()

window beranda

pilih_lam a_pengirim an() <>()

window lam a pengirim an <>()

loop

list pengirim an

get_tujuan_lam a_biaya() tujuan_lam a_biaya()

opt [klik_searc h]

input_tujuan() klik_search() get_tujuan() tujuan_lama_biaya()

Gambar 4.124 mengakses lama pengiriman

282 s d me ngak ses pro fil sa ya user me mb er

< >()

win dow berand a

kl ik_ pro fi l _Saya()

<> ()

wi ndo w profi l sa ya <>()

l ist profi l saya

get_use rn ame_ema il _tel epon _nama _Len gkap_ al amat_kota() usern ame_e ma il _tel epon _nama _Len gkap_ al amat_kota()

o pt

kli k_u pdate()

[kl ik_upd ate ] <> ()

wind ow u pdate < >()

form upd ate

g et_ username () userna me ()

i npu t_ emai l_tel epo n_na ma_Le ngka p_al amat_ko ta() opt

pi l ih_ katego ri _ol i ()

[p il ih _ol i] pi l ih_ je nis_mesi n()

[p il ih _spa re part]

pi li h_ kategori _spa rep art() pi l ih_ je nis_mesi n()

[p il ih _grease]

pi l ih _katego ri _grea se()

o pt

kli k_ba ta l()

[kl ik_batal ]

cl ea r()

[kl ik_ok]

kl i k_ok() upda te()

opt

kl ik_ lu pa_p assword()

[kli k_u bah_ password] Ref : me ngakses ubah p assword

Gambar 4.125 mengakses profil saya

283 sd mengubah password user m ember

<>()

wi ndow beranda

kl ik_profi l_say a() <>()

window prof il saya <>()

li st prof il say a

Ref : m engakses profi l saya kl ik_gant i_password() <>()

wi ndow ganti password <>()

form gant i password

i nput_password_l ama() i nput_password_baru() input _konfi rm asi_password_baru() verif ikasi dat a() updat e_password()

Gambar 4.126 mengakses mengubah password

284 sd mengak ses trip&trik tip& trik me mb er

<>()

win do w beran da

kli k_tip _&_ trik() <>()

win dow ti p & trik

<>()

list tip & trik

loop

get _ju du l_ket era ng an() ju dul _ket era nga n()

Gambar 4.127 mengakses tip&trik

285 sd m emberita hu te man b eritah u tem an me mber

<>()

window be randa

<>()

f orm be ritahu tema n

input _nama _ema il() o pt [ input_ email _1]

input _ema il_tem an_1( )

[ input_ email _2]

input _ema il_tem an_2( )

[ input_ email _3]

input _ema il_tem an_3( )

klik_ kir im() veri fikasi_data () add _nama _ema il()

Gambar 4.128 M engakses memberitahu teman

286 sd melakukan pemesanan barang mem ber

<>()

window beranda

klik_produk()

<>()

window produk

klik_gam bar_barang() <>()

loop

list produk

get_judul_keterangan_harga() judul_keterangan_harga()

input_jum lah() klik_pesan_sekarang() add_to_cart()

Gambar 4.129 melakukan pemesanan

cart

287 sd mengakses keranjang barang member

window beranda

<>()

kli k_lihat _keranj ang()

w indow keranj ang <>()

l oop

get _barangid_qty () barangi d_qt y() get_gambar_nama_harga() gambar_nama_harga() get_harga() harga()

sub_harga() total ()

opt [pi lih_hapus_semua]

pi lih_hapus_semua() cl ear_al l()

[pi lih_hapus]

pi lih_hapus() cl ear()

[pi lih_ubah]

pi lih_ubah() w indow ubah <>()

loop

get _barangi d_qt y() barangid_qty () get_gambar_nama_harga() gam bar_nam a_harga()

input _qty() kli k_edit ()

opt

updat e_c art()

pi lih_hapus_semua() cl ear_al l()

[pi lih_hapus_semua]

kl ik_bay ar() <>()

wi ndow keranj ang saya l oop

get _barangi d_qt y() barangid_qty () get _gambar_nama_harga() gambar_nama_harga() get_harga() harga()

total () captc a() i nput _c apt ca()

Ref : melakukan pem bay aran

Gambar 4.130 mengakses keranjang

ms cart

lama pengirim an

288 sd mengisi komentar komentar member wi ndow beranda <>()

kli k_produk() window produk

<>()

kl i k_gambar() <>()

wi ndow deti l barang

Ref : mengakses produk pi li h_komentar() loop get_i d_com ment()

i d_com ment() i nput_kom entar()

add_kom etar()

Gambar 4.131 mengisi komentar

289 s d mela k uk an pemba ya ra n m suse r

ca rt

m e mb e r << cre at e> >( )

wi nd ow be ra nd a

p ili h_ lih at _ker an ja ng ()

win do w << cre at e> >() ker an ja ng say a

klik_l iha t( )

wind ow << cre at e> >( ) ke ra nja ng sa ya

Ref : me ng a kses ke ra nja ng

kl ik_kon fir m asi p em b aya ra n( ) << cre at e> >( )

wi nd ow ko n firm a si p em b aya ra n

ge ne ra te _ta ng g al( ) g et _u se rn am e _n am a _le n gkap _e m ai l_a la m at_ kot a_ tel ep on () u ser na me _ na ma _ len gka p_ em a il_ al am a t_ko ta_ te le po n()

ge t_ ha rga _ qty () to tal ()

ge t_ pe ng iri ma ni d( ) p en gir im an _i d( )

al t

pi lih _kre di t()

[p ili h_ kr ed it] Ref : M e m ba yar kred it

[p ili h_ tra sf er ]

p ili h_ tra sfer () klik_ko nfi rm asi_ pe m ba yar an ()

< >( )

win do w ko nfi rm asi pe m ba ya ran

n om o r p e me san an () i np ut _b an k_ re ken ing _ na ma () t an gg al () t ota l( ) klik_ko nf irm asi( ) ad d _tr asfe r()

Gambar 4.132 melakukan pembayaran

la ma p en g irim a n

tra sfe r

290 sd me mba ya r k re dit u ser

la ma p e ng iri man

me mbe r win d ow b e ran d a

<>()

p il ih _ke ra nj an g( )

win do w <>() ke ra n ja ng

pi lih _ lih at ()

win do w <>( ) ker an ja n g sa ya

Re f : me ng a kse s ker an ja n g p il ih _ko nf irma si_ pe mba ya ra n( ) win d ow <>() ko nf irma si pe mba ya ra n

t an g ga l( ) ge t_ use rn ame _ na ma _l en g ka p _e mai l_ al ama t_ kot a_ te le p on ()

u ser na me _n a ma_ le ng kap _ ema il _a la ma t_ko ta _ tel ep o n( ) g e t_ ha rg a_ q ty( ) to ta l() g e t_ pe n gi rima ni d( ) p e ng iri man id ()

pi lih _ kr ed it () kli k_ kon fi rma si _p e mba ya ra n( ) <>()

p emb a ya ran kr ed it

n o_ p eme san an () in p ut _b an k_ reke n ing _ na ma () in p ut _g a mb a r() win d ow <>() in pu t fo to ge t_ g amb a r() g amb a r()

ta n gg a l() DP() to ta l( ) klik_ kon fi rmasi ()

a d d_ kre di t()

Gambar 4.133 membayar kredit

ca rt

kre d it

291

4.11.3 Sequence diagram admin produk s d me ngak ses pr ofil s aya user admi n produ k

< >()

win dow beran da

kl ik_ profi l _Saya()

<< create> >()

wind ow profil saya < >()

l i st profi l saya

ge t_ username_ emai l_ te lep on_n ama_L engkap_a la ma t_ kota() username _emai l_ te lep on_ nama_L engkap_a la ma t_ kota()

o pt

kl ik_ upda te ()

[kl ik_upd ate ] << crea te> >()

wi ndow upd ate < >()

form upda te

get_u sername() u sername()

inp ut_emai l_ te le pon_ nama_ Leng kap_a la mat_ kota() opt

p il i h_ka teg ori_o li ()

[p il ih _ol i ] p il i h_j eni s_mesin ()

[p il ih _spa re part]

p il ih _kateg ori _sp arepart() p il i h_j eni s_mesin ()

[p il ih _grease]

pil i h_ka te gori_ gre ase()

o pt

kl ik_ batal ()

[kl ik_batal ]

cl ear()

[kl ik_ok]

kli k_o k() u pdate_u ser()

opt

kl ik_l upa_ password()

[kli k_u bah_ passwo rd] Ref : menga kses ub ah passwo rd

Gambar 4.134 mengakses profil saya

292 s d men gkonfirmasi p embayaran m s user adm in

< >()

wi ndow b era nda

kl i k_pan el_ adm i n()

<>()

wi ndow p anel ad m in

kli k_p anel _pem ba ya ran () << create>> ()

wi ndo w pane l pe mb aya ran << create>> ()

loop

l ist pem bayaran

ge t_u sernam e() get_em a il ()

return()

ge t_tang gal _trasfer() get_no m ina l_trasfer() ge t_ nam a_tra sfe r() ge t_reke nin g() g et_ nam a()

re turn()

kl ik_ konfirm asi () save() return()

Gambar 4.135 mengkonfirmasi pembayaran

m stra sfe r

293 sd me ngk onfi rmas i komenta r b ar an g a d min win d ow be ra n da << cr ea te > >( )

kli k_ p an e l_ ad min () << cr ea te > >( )

win d ow pa n el ad min

kl ik_p a ne l_ kome n ta r_ pr od u k( ) < > ()

win do w p a ne l kome n ta r p ro d uk

l ist ko me nt ar < > ()

loop

ge t_ n ama _b a ra ng () re tu rn () g et _u ser na me () re tu rn () ge t_ kome n ta r() g e t_ ta ng g al _ko men ta r( ) ge t_ sta tu s() re tu rn ()

a lt

in pu t_ sea rc h( ) klik_ sea rc h() loop

g et _n a ma_ b ar an g () re tu rn ()

opt

pi lih _ na ma _p ro d uk() l oop

ge t_ n ama _b a ra ng () r et ur n( )

p ili h_ u ser na me( )

loop g e t_ use rn ame () re tu rn ()

opt

pi lih _ al l() loop

ge t_ n ama _b a ra ng () re tu rn ()

g e t_ use rn ame () re tu rn () ge t_ co mme nt () ge t_ co mmen t_ d at e( ) ge t_ sta tu s() re tu rn ()

p ili h_ p er se tu ju a n( ) loop

ge t_ sta tu s() re tu rn ()

p il ih _p e nd in g () loop

ge t_ sta tu s() re tu rn ()

opt

kli k_ a pp ro ve ()

sa ve () re tu rn ()

klik_ de le te ()

sa ve () re tu rn ()

Gambar 4.136 mengkonfirmasi komentar

ms u se r

ms co mmen t

294 sd m enj awab keluhan/ saran produk user admi n produk

<>()

wi ndow beranda

kl ik_panel_adm in()

<>()

window panel adm in

pil ih_panel _komplai n() <>()

window panel kompl ain li st kompl ai n

l oop

get_usernam e() usernam e() get_kat egori barang_isi _tanggal kompl ain() kat egori barang_isi _tanggal kompl ain()

kli k_jawab()

<>()

loop

wi ndow panel kompl ain

get _username() username()

get _kategoribarang_i si_t anggalkom plain() kat egori barang_isi _tanggal kompl ain() input _jawaban() kli k_submit ()

updat e_kompl ain()

Gambar 4.137 menjawab keluhan/saran produk

c ompl ain

295 sd me nja w ab pertanyaa n ms co ntact adm in p ro du k

<> ()

wi nd ow be rand a

kli k_ pan el _a dmi n() << cre ate> >()

win do w pa ne l a dmi n

kl i k_p ane l_ ko ntak() <> ()

wi nd ow pan el ko ntak li st kon ta k < >()

loop

ge t_na ma_ ema il _tan gg al _p esa n() nam a_e mai l _tan gga l_ pe san ()

kli k_ ja wab ()

<< cre ate> >()

win do w j awa b ko ntak

loop ge t_ ema il _n ama _tan gga l _tip e() na ma_ ema il _tan gg al _ti pe()

in pu t_ ba la san () su bmi t() up da te _ko ntak()

Gambar 4.138 menjawab pertanyaan produk

296 s d meng kon firmas i w ishlist u ser ad min p ro duk < >()

wi nd ow b erand a

kli k_p ane l_ admi n()

wi nd ow << crea te >>() p ane l ad min

kli k_ pane l_ wish li st()

<> ()

win dow wi shl i st

l ist wi shl ist < > ()

ge t_ userna me()

loop

use rn ame()

g et_tgl wish _i si wi sh ()

tgl wi sh _i siwi sh()

kl i k_b eritahu ()

<< crea te >>()

form be ri tahu baran g get_u sername () username ()

alt [p il i h_ol i ] [p il i h_sp arepa rt]

[p il i h_grea se]

p il i h_o li ()

pi l ih _sprarep art()

pi li h_ grease()

i npu t_ nama_ harga _ke teran gan () kl i k_su bmi t()

u pda te _wishl ist()

Gambar 4.139 mengkonfirmasi wishlist

wishl ist

297

sd m engupda te produk ba r an g a d min p r od u k

<>()

win d ow b er an d a

kl ik_ pa n el _ ad mi n( )

<>()

win d o w pa n e l a d min

kl ik_ pa n e l_ pr o du k() wi nd o w p an e l p ro d uk

<>()

<>()

l ist p ro d u k

loop

ge t_ g a mb ar _n a ma _ke te ra n g an _ sta tu s_ ka te g o ri_ sa tu a n( )

ga mb a r_ n ama _ ket e ra ng a n _st at us_ kat e go ri _ sa tu a n ()

opt [ pi lih _ u pd a te ]

kli k_ u p da t e( )

<>( )

fo r m u p da t e

g et _g a mb ar _ na ma _ ke t er an g a n_ sta tu s_ kat eg o ri _sa tu a n( ) g amb a r_ n am a_ ke te ra n ga n _ st at u s_ ka te g or i_ sat ua n () in pu t _n a ma _ke te ra n g an _ sta tu s_ka te g o ri_ sa tu an ( ) in p u t_ ga mb a r( ) win d o w f il e b ro wse r

<>()

pi lih _ g amb a r( ) g am ba r( )

opt

kli k_o k()

[kli k_ o k] v al id a si _ da ta ( ) up d a te _ ba ra n g () kli k_ b a ta l( )

[kli k_ b a ta l]

r et ur n( )

[ pi lih _ se ar ch ] in p u t_ ca ri () kli k_se a rch ()

loop

g et _ na ma _ ba ra n g () g a mb ar _n a ma _ke te r an g an _ sta tu s_ ka te g o ri_ sa tu a n( )

[ pi lih _ d el e te ] kl ik_ de le t e( ) cl ea r( )

[ pi lih _ ta mb a h_ p ro d uk]

ta mba h _ pr o du k()

Re f : Me n a mba h pro d u k

298 Gambar 4.140 mengupdate produk sd me na mba h ba ra ng

ad mi n prod u k

wi nd ow p an el pro du k

b ara ng

kl i k_ i nsert_ pro du k()

<>()

w in d ow i n se rt pro du k <>()

fo rm i nsert p rod uk

i n pu t_n am a_ h arg a_ ke tera ng an () p il i h _sta tus() g e t_ sta tus() statu s() p i l ih _ ka te g ori ()

g e t_ ka teg ori _ je n is_m esi n() ka teg ori _ je n is_m esi n() in p ut_ sa tu a n()

i np ut_ ga mb a r() <>()

w in d ow fi l e b row se r

pi l i h_ ga mb a r() g am ba r()

opt

kl i k_ ok()

[kl i k_ ok] va l id asi _d ata () a d d_ ba ran g ()

[kl i k_ ba tal ]

kl ik_b a ta l ()

re tu rn()

Gambar 4.141M enambah barang

299 sd melakukan penaw aran produk user adm in produk <>()

window beranda

klik_panel_adm in()

panel <>() adm in

pilih_penawaran_produk() <>()

window penawaran produk

klik_kirim()

loop

get_subsscribe1_subsc ribe2_subscribe3() subsscribe1_subscribe2_subscribe3()

get_nam a_harga() nama_harga()

validasi data()

Gambar 4.142 melakukan penawaran produk

barang

300 sd meminta barang supplier supplier admin produk

<>()

window beranda

klik panel admin() <>()

pilih_panel_supplier()

window panel admin

list <>() permintaan

loop

get_kategori_pertanyaan_status() kategori_pertanyaan_status()

klik_tanya() update_status_supplier()

Gambar 4.143 meminta barang supplier

301 sd membuat lapor an pem esanan adm i n produk

<>()

wi ndow beranda

pi l h_panel _adm i n()

<>()

panel admi n

pil i h_l aporan() l aporan <>()

pi l ih_tahun() kl i k()

loop

get_transactioncode() transactiocode()

get_transacti onid_harga() transacti oni d_harga()

Gambar 4.144 membuat laporan 4.11.4 sequence diagram admin layanan

detai l pem esanan

302 sd m enj awab keluhan/saran layanan user admi n l ayanan

<>()

window beranda

kl ik_panel_adm in()

<>()

wi ndow panel adm in

pi li h_panel_kompl ain() <>()

window panel kompl ain li st kompl ain

l oop

get_username() usernam e() get_kat egori barang_i si _tanggal kompl ain() kat egori barang_i si_tanggal kompl ain()

kl ik_j awab()

<>()

loop

wi ndow panel kom plai n

get _usernam e() username()

get _kategoribarang_i si_t anggalkom plain() kat egori barang_isi _tanggal kompl ain() input_j awaban() klik_subm it ()

update_kompl ain()

Gambar 4.145 menjawab keluhan /saran layanan

c ompl ain

303 sd me nja wab pertanyaa n ms co ntact a dmi n l ayan an

<>()

wi nd ow be rand a

kli k_ pan el _a dmi n() <>()

win do w pa ne l a dmi n

kl i k_p ane l_ ko ntak() <>()

wi nd ow pan el ko ntak li st kon ta k <>()

loop

ge t_na ma_ ema il _tan gg al _p esa n() nam a_e mai l _tan gga l_ pe san ()

kli k_ ja wab () <>()

win do w j awa b ko ntak

loop ge t_ ema il _n ama _tan gga l _tip e() na ma_ ema il _tan gg al _ti pe()

in pu t_ ba la san () su bmi t() up da te _ko ntak()

Gambar 4.146 menjawab pertanyaan layanan

304 sd mm eng upd ate a car a event ad min layan an

< > ()

wind ow bera nda

pil ih_p anel _ad min( ) < >()

win dow pa nel a dmin

pili h_pa nel _acara () < > ()

wind ow pan el aca ra li st a cara << cr eate >>()

loo p

get_ acara _tem pat _mu lia_sele sa i_ketera nga n()

a cara_ tem pat_ mul ia_sele sai _ke tera ngan ()

<>()

form p eng antia n acara

in put_ nam a() in put_ temp at() in put_ mul ai() kale nde r << create >>() p ilih_ tang gal( ) tan nga l() in put_ sel esa i()

< >()

ka lend er

pilih _tan gga l() tan gga l() in put_ ke teran gan () klik_simp an() ad d_aca ra()

o pt [ pilih _ub ah]

kl ik_ uba h() <>()

fo rm u bah a cara get_ acara _tem pat _mu lai_ sel esa i_keter anga n() acara_ tem pat_ mul ai_sele sai _ke tera ngan ()

inp ut_a ca ra() inpu t_te mpa t() inp ut_m ulai () kalen der < >() pili h_ta ngg al() tang gal( )

inpu t_selesai() < > ()

pilih _tan ggal () ta ngg al() inp ut_kete rang an() klik_sim pa n()

u pda te_e vent()

[ pilih _de lete]

kl ik_d ele te()

cle ar()

Gambar 4.147mengupdate acara

kalen der

305 sd mengupdate berita beri ta admin l ayanan

<>()

wi ndow beranda

kl ik_panel _admi n()

wi ndow panel adm in

<>()

pil ih_panel_beri ta() <>()

wi ndow panel berit a

pili h_kat egori ()

kategori <>()

alt pili h_ol i() [pil ih_oli ]

[pil ih_sparepart] [pil ih_grease]

pil ih_sparepart() pil ih_grease()

get _id_kat egori()

l ist berit a j udul _t anggal()

opt

pi li h_hapus() c lear()

[ pili h_hapus]

[ pili h_ubah]

pi li h_ubah() <>()

f orm ubah berit a get_judul_isi () judul_isi ()

input _judul() input_isi () kl ik_simpan()

v alidasi_data() update_berit a()

opt kl ik_berit a_baru()

<>()

f orm berit a baru

input _judul_isi() kl ik_simpan()

val idasi data() add_berita()

Gambar 4.148 mengupdate berita

306 sd me ngupdate tentang kam i ten ta ng kami a dmi n l a ya na n

<< cre ate> >()

wi nd ow be ra nd a

p i li h_ pa ne l_ ad mi n()

<> ()

p ane l adm in

kl i k_te ntan g ka mi()

< > ()

wi nd ow ten ta ng ka mi

<< cre ate> >()

wi nd ow up da te

ge t_ i si () i si () in pu t_ isi () kl i k_u pd ate()

val id asi_ da ta () up da te _te ntan g_kami ()

Gambar 4.149 mengupdate tentang kami

307 sd men gupda te lama p engirima n la ma peng irim an ad mi n la ya nan

< >()

win dow berand a

pi l ih_ lam a_ peng irim an ()

<>()

wi ndow l am a p engi rim an

<>()

l ist l am a pe ngi ri m an

get_tuju an_l am a_ha rga ()

loop

tuj uan _la m a_harga()

opt [p il ih _search]

inp ut_ tuj uan () kl i k_search() ge t_ tuj uan () tuj uan _la m a_harga()

[p il ih _ubah ]

pi li h_e dit() <>()

wi ndow e dit la ma pengi rim an get_tuju an_l am a_ha rga () tuj uan _la m a_harga()

inp ut_ tuj uan _la ma _harga() kl ik_edi t() val id asi _data() update_l am a_ pengi rim an()

[p il ih _del ete]

kl i k_hap us() cl ear()

Gambar 4.150mengupdate lama pengiriman

308 sd me ndata pel anggan user admi n l ayanan

<>()

window beranda

kli k_panel _adm in()

<>()

wi ndow panel adm in

pi li h_panel _user() << create>> ()

wi ndow pa nel u ser li st user <> ()

loop

get _em ail _username _tel epon_nam a_Lengkap _alam at () em ail _username_ tel epon_nam a_Lengkap_ alam at()

op t

kli k_del ete ()

[ kl ik_del ete ]

clea r()

<>()

f orm penda tan pelang gan

inp ut_em ai l_usernam e_tel epon_nam a_Leng kap_ala mat _password_ko nfi rm asi () kli k_regist er()

vali dasi _data() add_user()

Gambar 4.151 mendata pelanggan

309 sd m embuat poll ing poll quest ion admin lay anan

<>()

window beranda

kli k_panel _user() <>()

window panel user

pi li h_panel _poll ing() <>()

wi ndow pol li ng

<>()

daft ar pol li ng

loop

get _name_questi on_ex pired() nam a_quest ion_expi red()

opt

kl ik_edi t()

[kl ik_edi t] <>()

f orm edit daftar pol li ng

get_j udul_pert anyaan_berakhi r_j awaban() judul _pert any aan_berakhir_jawaban()

i nput _judul _pertany aan_berakhir_jawaban() kli k_save()

update_pol l_questi on()

[kl ik_hapus]

kli k_hapus()

cl ear()

<>()

f orm pembuatan poll ing

i nput _judul _pertany aan_berakhir_jawaban()

kli k_sav e()

val idasi data() add_poll _quest ion()

Gambar 4.152 membuat polling

310 sd mengupdate tip&trik ti p&tri k admi n l ayanan

<>()

wi ndow beranda

pi l i h_panel _adm i n() <>()

panel adm in

kl ik_panel_ti p&tri k() <>()

panel ti p&tri k form <>() m enam bah ti p&tri k

i nput_ti ptri k() kl i k_si m pan() add_ti p& trik()

Gambar 4.153 mengupdate tip & trick

311 sd m engupda te ke bija ka n pr iv as i ke bi j aka n p ri vasi ad mi n l ayan an

< >()

wi n do w b eran da

kli k_pa ne l _a dmi n()

< > ()

wi nd ow p an el ad mi n

p i li h _p an el _keb ij akan _p ri va si () wi nd ow < >() keb i ja ka n priva si < >()

form ke ni j aka n pri vasi

ge t_i si () i si ()

i np ut_i si ()

up date _kebi j akan _p ri vasi ()

Gambar 4.154 mengupdate kebijakan privasi

312 s d menotifik as i s ouv e rnir be rit ah u te m an a dm in la yan an

<>()

win do w b eran da

pi lih _a kun_ saya () <>()

wi nd ow a kun sa ya

Ref : m en ga kses a kun sa ya loop

g et _ju m lah ki rim an () ju ml ah _kirim an ()

va lida si_ da ta()

X

Gambar 4.155 menotifikasi kunjungan kembali

313 s d menotifik as i penga nti an p em e san an a dm in la ya na n

<>()

wind ow be ra nd a

pil ih_ aku n_ saya()

wind ow <>() aku n sa ya

Ref : m e nga kses aku n sa ya loop

ge t_t ran sacti on_ da te () tran sactio n_ da te()

va lid asi_ da ta()

Gambar 4.156 menotifikasi pengantian oli

314 s d menotifik as i k redit kre dit a dm in la yan an

<>()

wind ow be ra nd a

klik_ aku n_ saya()

<>()

wi ndo w a kun saya

Re f : me ng akse s a kun saya

loop

g et_ cred it_ da te () cre di t_d at e()

val ida si_ da ta()

Gambar 4.157 menotifikasi kredit

315 s d menotifik as i s ouv e rnir be rit ah u te m an a dm in la yan an

<>()

win do w b eran da

pi lih _a kun_ saya () <>()

wi nd ow a kun sa ya

Ref : m en ga kses a kun sa ya loop

g et _ju m lah ki rim an () ju ml ah _kirim an ()

va lida si_ da ta()

Gambar 4.158 menotifikasi souvernir

316 4.12 Navigation Diagram 4.12.1 Navigation diagram untuk pengunjung

317 Gambar 4.159 navigation diagram untuk pengunjung 4.12.2 Navigation diagram untuk member

Gambar 4.160 navigation diagram untuk member

318

4.12.3 Navigation diagram untuk admin produk

Gambar 4.161 navigation diagram untuk admin produk

319

4.12.4 Navigation diagram untuk admin umum/layanan

320 Gambar 4.162 navigation diagram untuk admin umum/layanan

4.13 Rancangan Basis Data Rancangan basis data yang digunakan dalam perancangan sistem e-CRM di PT. SURYA TERANG PRATAMA dengan menggunakan database management system MySQL 5.1.41 adalah sebagai berikut : Nama Tabel : M sUser Tabel ini digunakan untuk menyimpan data log in member dan admin. Tabel 4.3 Rancangan basis data msuser Field idUser Username Password Email Telepon Nama_Lengkap Alamat Kota Status_Aktivasi

Tipe Data Int (6) Varchar (20) Varchar (20) Varchar (35) Int (12) Varchar (30) Text Varchar (15) Varchar (20)

Subscribe_1 Subscribe_2 Subscribe_3

Varchar (30) Varchar (30) Varchar (30)

Keterangan Sebagai primary key

Nama PT/Perorangan

Sudah teraktivasi / belum teraktivasi merk/jenis_mesin merk/jenis_mesin M erk

Nama Tabel : Banner Tabel ini digunakan untuk menyimpan data banner agar dapat tampil di halaman utama. Tabel 4.4 Rancangan basis data banner Field Id Gambar Link

Tipe Data Int (6) Varchar (50) Varchar (100)

Keterangan Sebagai primary key Format jpg Format : http://www.abcd.com

321

Nama Tabel : Barang Tabel ini digunakan untuk menyimpan data barang sehingga dapat dimanipulasi untuk pemesanan barang dan pembayaran barang. Tabel 4.5 Rancangan basis data barang Field BarangId NamaBarang HargaBarang Image Keterangan Status Kategori

Tipe Data Int (6) Varchar (30) Int (6) Varchar (50) Text Varchar (20) Varchar (20)

Satuan Kategori_Barang M esin

Varchar (20) Varchar (20) Varchar (30)

Keterangan Sebagai primary key

New, hot, promo M erk (Pertamina, Shell, dll) Liter, unit, 4 liter Sparepart, Oli, Grease M esin Diesel, Exavator, M esin Hidrolik

Nama Tabel : Detil_Barang Tabel ini digunakan untuk menambahkan detil dari suatu produk yang ada. Tabel 4.6 Rancangan basis data detil_barang Field DetilBarangId BarangId KeteranganTambahan

Tipe Data Int (6) Int (6) Text

Keterangan Sebagai primary key Sebagai foreign key

Nama Tabel : Berita Tabel ini digunakan untuk menyimpan data berita. Tabel 4.7 Rancangan basis data berita Field

Tipe Data

Keterangan

322 BarangId Kategori

Int (6) Varchar (20)

Sebagai primary key

Nama Tabel : DetilBerita Tabel ini digunakan untuk menambahkan detil dari data berita.

Tabel 4.8 Rancangan basis data detil berita Field DetilBeritaId BeritaId Judul IsiBerita Tanggal

Tipe Data Int (6) Int (6) Varchar (50) Text Date

Keterangan Sebagai primary key Sebagai foreign key

Nama Tabel : HeaderTransaction Tabel ini digunakan untuk menyimpan data transaksi yang ada. Tabel 4.9 Rancangan basis data headertransaction Field TransactionId IdUser TransactionDate TransactionStatus Lunas

Tipe Data Int (6) Int (6) Date Varchar (20) Varchar (10)

Keterangan Sebagai primary key Sebagai foreign key Transfer Ya/belum

Nama Tabel : DetilTransaction Tabel ini digunakan untuk melengkapi data transaksi. Tabel 4.10 Rancangan basis data detiltransaction Field TransactionId BarangId Quantity HargaBarang

Tipe Data Int (6) Int (6) Int (6) Int (10)

Keterangan Sebagai primary key Sebagai foreign key

323 Nama Tabel : Event Tabel ini digunakan untuk menyimpan data acara perusahaan. Tabel 4.11 Rancangan basis data event Field EventId Event Keterangan Tempat M ulai Selesai

Tipe Data Int (6) Varchar (30) Tiny text Varchar (30) Date Date

Keterangan Sebagai primary key

Nama Tabel : LamaPengiriman Tabel ini digunakan untuk menyimpan data lama pengiriman. Tabel 4.12 Rancangan basis data Lama Pengiriman Field PengirimanId Tujuan Lama Harga

Tipe Data Int (6) Varchar (20) Int (5) Int (10)

Keterangan Sebagai primary key Berapa hari

Nama Tabel : M sAbout Tabel ini digunakan untuk menyimpan data tentang kami. Tabel 4.13 Rancangan basis data msabout Field AboutId About

Tipe Data Int (6) Text

Keterangan Sebagai primary key Isi keterangan tentang kami

Nama Tabel : M sCart Tabel ini digunakan untuk menyimpan segala pesanan barang yang dilakukan oleh pelanggan.

324 Tabel 4.14 Rancangan basis data mscart Field CartId IdUser BarangId Quantity Harga

Tipe Data Int (6) Int (6) Int (6) Int (5) Int (10)

Keterangan Sebagai primary key Sebagai foreign key.

Nama Tabel : M sComment Tabel ini digunakan untuk menyimpan segala komentar pelanggan terhadap produk yang diinginkannya. Tabel 4.15 Rancangan basis data mscomment Field CommentId BarangId IdUser Comment CommentDate Status

Tipe Data Int (6) Int (6) Int (11) Text Date Varchar (10)

Keterangan Sebagai primary key Sebagai foreign key.

Approved/pending

Nama Tabel : M sComplain Tabel ini digunakan untuk menyimpan segala komplain yang dilakukan oleh pelanggan baik itu komplain produk maupun mengenai layanan yang diberikan oleh perusahaan kepadanya. Tabel 4.16 Rancangan basis data mscomplain Field ComplainId IdUser KategoriBarang Isi TanggalComplain Konfirmasi

Tipe Data Int (6) Int (6) Varchar (20) Text Date Varchar (10)

Keterangan Sebagai primary key Sebagai foreign key.

Belum/sudah

325 Nama Tabel : mscontact Tabel ini digunakan untuk menyimpan data kontak berupa pertanyaanpertanyaan umum yang nanti akan dijawab oleh admin. Tabel 4.17 Rancangan basis data mscontact Field ContactId Email Nama Pesan TanggalContact Reply Tipe

Tipe Data Int (6) Varchar (50) Varchar (40) Text Date Varchar (10) Varchar (10)

Keterangan Sebagai primary key

Belum/sudah Umum/produk

Nama tabel : mslogin Tabel ini digunakan untuk memberikan pemberitahuan jika pelanggan tidak masuk selama 1 bulan akan diberikan pemberitahuan lewat email. Tabel 4.18 Rancangan basis data mslogin Field LoginId IdUser TanggalLogin

Tipe Data Int (6) Int (6) Date

Keterangan Sebagai primary key Sebagai foreign key.

Nama Tabel : mssupplier Tabel ini digunakan untuk menyimpan data supplier sekaligus memberikan status persediaan barang. Tabel 4.19 Rancangan basis data mssuplier Field SupplierId SupplierName Permintaan

Tipe Data Int (6) Varchar (20) Varchar (100)

Keterangan Sebagai primary key

326 Status

Varchar (5)

Ya

Nama Tabel : mstransfer Tabel ini digunakan untuk menyimpan data transfer dari pembayaran terhadap pemesanan yang dilakukan oleh pelanggan. Tabel 4.20 Rancangan basis data mstransfer Field TransferId TransactionId NamaTransfer Rekening Bank TanggalTransfer NominalTransfer StatusTransfer

Tipe Data Int (6) Int (6) Varchar (20) Varchar (20) Varchar (20) Date Int (10) Varchar (10)

Keterangan Sebagai primary key Sebagai foreign key. Ya

Sudah konfirmasi/belum konfirmasi

Nama Tabel : mswish Tabel ini digunakan untuk menyimpan segala permintaan produk dari pelanggan yang akan dipenuhi oleh perusahaan. Tabel 4.21 Rancangan basis data mswish Field WishId IdUser IsiWish TglWish

Tipe Data Int (6) Int (6) Text Date

Keterangan Sebagai primary key Sebagai foreign key.

Nama Tabel : pelangganberita Tabel ini digunakan untuk menyimpan email pelanggan agar dapat dikirimkan berita oleh perusahaan. Tabel 4.22 Rancangan basis data pelangganberita

327 Field PelangganId Email Nama Tabel : poll_answer

Tipe Data Int (6) Varchar (50)

Keterangan Sebagai primary key

Tabel ini digunakan untuk menyimpan segala jawaban-jawaban yang dibuat admin untuk dipilih oleh pelanggan ataupun pengunjung. Tabel 4.23 Rancangan basis data poll_answer Field PelangganId QuestionId Answer Color_code Point

Tipe Data Int (6) Int (6) Varchar (20) Varchar (6) Int (6)

Keterangan Sebagai primary key Sebagai foreign key

Nama Tabel : poll_question Tabel ini digunakan untuk menyimpan segala pertanyaan-pertanyaan yang dibuat oleh admin untuk dijawab oleh pelanggan ataupun pengunjung. Tabel 4.24 Rancangan basis data poll_question Field QuestionId PollName Question Expired

Tipe Data Int (6) Varchar (20) Varchar (50) Date

Keterangan Sebagai primary key

Nama tabel : poll_voter Tabel ini digunakan untuk menghitung jumlah pengisi suara untuk kemudian ditampilkan dalam bentuk diagram. Tabel 4.25 Rancangan basis data poll_voter Field VoterId QuestionId AnswerId

Tipe Int Int Int

Data (6) (6) (6)

Keterangan Sebagai primary key Sebagai foreign key

328 Ip Date

Varchar (15) Date

Nama tabel : mscredit Tabel ini digunakan untuk menyimpan data pembayaran secara kredit beserta jatuh tempo pembayarannya. Tabel 4.26 Rancangan basis data mscredit Field CreditId IdUser TransactioId CreditDate NominalCredit

Tipe Data Int (6) Int (6) Int (6) Date Int (10)

Keterangan Sebagai primary key Sebagai foreign key

Nama tabel : mstipstrik Tabel ini digunakan untuk menyimpan isi dari tips & trik pada setiap halaman pelanggan dan pengunjung.

Tabel 4.27 Rancangan basis data mstipstrik Field TipstrikId Isi

Tipe Data Int (6) Text

Keterangan Sebagai primary key

Nama tabel : msprivacy Tabel ini digunakan untuk menyimpan isi dari kebijakan privasi yang terdapat pada setiap halaman pelanggan dan pengunjung. Tabel 4.28 Rancangan basis data msprivacy Field PrivacyId Isi

Tipe Data Int (6) Text

Keterangan Sebagai primary key

329

4.14 Technical Platform 4.14.1 Equipment Sistem ini di jalankan di PC dengan spesifikasi minim um : 1. Motherboard 2. Processor Intel Pentium Core 2 Duo 2.2 GHZ 3. RAM : 2 GB DDR 2 4. Harddisk Seagate 320 GB` 5. VGA Card 256 M B DDR 2 6. DVD ROM Drive 7. Net work Card 8. Microsoft Windows XP Profesional 9. Keyboard, Mouse, Mouse Pad 10. Monitor

4.14.2 System Software Software yang akan digunakan dalam pengembangan sistem adalah : 1. M icrosoft XP Profesional sebagai sistem operasinya 2. Adobe Dreamweaver CS3 3. M icrosoft Office 2007 4. Enterprise Architect 6.1

330 5. MySQL client version: 5.1.41 sebagai web server

4.14.3Network Network

(jaringan)

diperlukan

sebagai

kebutuhan

dalam

menjalankan sistem yang ada, adapun yang diperlukan adalah : 1. Internet menggunakan sistem LAN seperti (Speedy, First Media, dsb). 2. Kecepatan min. 512 Kbps.

4.15 Implementation Plan Estimasi waktu rencana implementasi akan dilaksanakan selama 4 bulan. No

Kegiatan

Bulan 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

1 2 3 4 5 6 7

Analisis Design Coding Testing Pengadaan hardware dan jaringan Training Implementasi Gambar 4.163 Implementation Plan PT. Surya Terang Pratama