BAB 3 ANALISIS DAN PERANCANGAN SOLUSI
3.1.
Gambaran Umum Studi Kasus Persaingan dalam pemasaran dengan menggunakan teknologi komputer semakin
pesat, mendorong kegiatan transaksi jual beli yang dilakukan secara online. Untuk itu dibuatlah suatu program yang memudahkan pemasaran dalam proses bisnis. Masalahmasalah yang menjadi studi kasus ini akan dibahas lebih lanjut. Teknologi pemasaran yang berjalan secara terstruktur dengan berdasarkan sebuah sistem yang memudahkan antara pelanggan dan Employee, baik dalam pencarian barang dan update barang menjadi harapan setiap perusahaan. Dengan perkembangan teknologi yang semakin pesat, sistem pemasaran yang sebelumnya dilakukan secara manual, sekarang sudah dapat dilakukan secara online. Dimana setiap orang dapat mengakses data, kapan pun dan dimana pun mereka berada. Untuk itulah penerapan aplikasi berbasis web memberikan peluang besar dalam teknologi pemasaran. Pada studi kasus ini pembuatan aplikasi berbasis website akan memecahkan permasalahan proses bisnis yang sedang berjalan saat ini pada perusahaan PT. Laser Komputer.
49
50
3.1.1. Sejarah Perusahaan Perkembangan teknologi dan dunia komputer sudah tak bisa terelakan lagi sekarang ini. Sehingga pemilik perusahaan ini memilih untuk memulai bisnis baru di dunia teknologi komputer. Pada awalnya perusahaan ini bernama PT.Robicomp, beralamatkan di Jl. Haji Agus Salim no.48A, Jakarta Pusat. Perusahaan ini berfokus pada penjualan perangkat keras komputer. Perusahaan ini berekembang cukup pesat dan menjadi salah satu vendor komputer yang cukup dikenal di Indonesia. Pada tahun 1999, perusahaan ini mengalami kemunduran dan terpecah menjadi beberapa anak perusahaan. Salah satu anak perusahaan tersebut adalah PT. Laser Komputer. Seiring dengan perkembangan teknologi, perusahaan ini beradaptasi dan memfokuskan penjualan pada aksesoris komputer dan notebook. PT. Laser Komputer mempunyai beberapa cabang, yang beralamatkan di Mangga Dua Mall lantai 1 no.12B, Mangga Dua mall lantai 2 no49B.
3.1.2. Visi dan Misi perusahaan PT.Laser Komputer memiliki visi dan misi untuk menjadi perusahaan penyedia aksesoris dan vendor notebook nomer satu di Indonesia, dan juga memberi kepuasan kepada pelanggan dalam hubungan bisnis jangka panjang maupun pendek.
51 3.1.3. Struktur organisasi Setiap perusahaan pasti mempunyai suatu struktur yang mengatur hubungan kerja masing-masing jabatan. Untuk menentukan pertanggung jawaban dan tugas masing-masing. Berikut ini adalah struktur organisasi dari PT. Laser Komputer.
Pimpinan Perusahaan
Direktur Perusahaan
Bagian Pemasaran
Bagian Penjualan
Bagian Keuangan
Bagian Gudang
Gambar 3.1. Struktur Organisasi Perusahaan
Tugas dan kewajiban masing-masing jabatan : 1. Pimpinan Perusahaan Tugas dan kewajiban : • Mengatur dan memimpin perusahaan secara keseluruhan. • Pengambil keputusan akhir. • Mengawasi seluruh kerja dan jalannya seluruh proses bisnis perusahaan. • Menerima laporan lengkap dan akhir perusahaan.
52 • Merencanakan perkembangan dan kemajuan perusahaan. 2. Direktur Perusahaan Bertanggung jawab secara keseluruhan terhadapa pemimpin perusahaan. Tugas dan kewajiban : • Mewakili perusahaan kepada hubungan ke mitra bsinis, lembaga keuangan, dan lainnya • Membantu memajukan perusahaan dan mengawasi jalannya perusahaan 3. Bagian Pemasaran Tugas dan kewajiban : • Membuat laporan mengenai seluruh kegiatan pemasaran. • Memikirkan dan memberikan ide untuk memajukan pemasaran perusahaan. • Mencari konsumen dan mitra bisnis baru. • Mengatur kegiatan pemasaran yang terjadi dalam perusahaan. 4. Bagian Penjualan Tugas dan kewajiban : • Membuat laporan seluruh transaksi penjualan perusahaan secara berkala. • Menerima dan memproses pesanan dan dari pelanggan. • Bertanggung jawab atas seluruh proses keluar masuknya barang dalam perusahaan.
53 5. Bagian Keuangan Tugas dan kewajiban : • Membuat laporan keuangan secara berkala ( penjualan, pemasaran, pembelian, dan lainnya ). • Bertanggung jawab atas kegiatan financial perusahaan. • Mengatur pengeluaran yang diperlukan oleh perusahaan. 6. Bagian Gudang Tugas dan kewajiban : • Membuat laporan stok persediaan barang secara berkala. • Bertanggung jawab atas pemeliharaan dan penyimpanan stok barang perusahaan. • Mengawasi proses keluar masuknya barang dalam perusahaan.
3.2.
Analisis Permasalahan 3.2.1. Analisis Sistem Berjalan Pada Studi Kasus PT. Laser komputer masih menggunakan sistem kertas untuk segala transaksi dan promosi. Penulisan nota dan transaksi jual beli masih menggunakan tulisan tangan. Namun perusahaan ini sudah mengenal e-mail untuk proses pemesanan barang oleh pelanggan, perusahaan ini akan mengirimkan e-mail ke seluruh pelanggan, bila ada produk-produk baru. Sehingga pelanggan bisa membalas e-mail yang berisikan pemesanan produk yang diminati, kemudian sistem pembayaran akan dilakukan dengan transfer melalui account bank BCA. Pengecekan dan pencatatan stok barang masih secara manual dengan pencatatan manual ( sistem kertas ). Untuk
54 promosi, selain menggunakan e-mail perusahaan ini juga mencetak brosur untuk dibagikan ke bagian tempat yang belum mengenal internet atau pelanggan kecil. Berikut tabel daftar proses bisnis dan aktor dari proses bisnis tersebut : Tabel 3.1 Daftar Proses Bisnis dan Aktornya No. 1
Nama Proses Proses
Aktor
Dokumen
pemesanan Bagian pemasaran - Dokumen pemasaran produk
produk
- Melakukan promo dan pemasaran barang.
2
Proses penjualan produk
Bagian penjualan
- Dokumen penjualan produk - Melayani transaksi pelanggan
3
Proses transaksi jual beli
4
Proses produk
Bagian keuangan
penerimaan Bagian gudang
- Dokumen keuangan - Dokumen inventori / stok produk
55 3.2.2. Gambaran Dari Sistem yang Berjalan Sistem pemasaran yang digunakan oleh PT.Laserkomputer :
Bagian Keuangan
Laporan
Informasi Informasi Produk Produk
Penjualan
SISTEM
Order
LASER KOMPUTER Minta Barang
Customer
Faktur
Barang Nota Pembayaran
Bagian Gudang
Gambar 3.2 Context Diagram Sistem Berjalan
56
Pelanggan
1.0 Promo
Informasi Produk
Keuangan
Laporan Penjualan
Order
2.0
6.0
Membuat Order
Membuat Laporan
Laporan Pemesanan
Produk
Order Gagal
Minta Barang
Laporan Trans
Barang
3.0 Memeriksa Barang
5.0
Stok Tersedia
Gudang
Mencatat Pembayar
4.0
Mengirimkan Pesanan
Transaksi
Faktur
Nota Pembayaran Pelanggan
Gambar 3.3 Diagram 0 Sistem berjalan
57 3.2.3. Analisis Wawancara Pada Studi Kasus Pada sub bab ini kami akan membahas tentang wawancara berdasarkan permasalahan yang telah terjadi pada proses bisnis yang sedang berjalan. Kami telah melakukan 4 wawancara kepada para aktor yang terkait dan memegang peranan penting dalam proses bisnis yang sedang berjalan tersebut. Berikut tabel yang berisi pertanyaan-pertanyaan wawancara : Tabel 3.2 Wawancara 1 Nama :
Andrew
Jabatan :
Bagian pemasaran dan penjualan
Tanggal Wawancara :
24 Oktober 2009
Jam Wawancara :
10.00 WIB
Tempat :
PT. Laser Komputer
Daftar Pertanyaan : 1. Apakah menurut anda proses pemasaran yang ada saat ini (brosur ) dan via-email dirasa sudah efisien ? Î Belum , karena lingkup pemasaran masi terbatas (hanya berada di satu tempat saja untuk pemasaran lewat brosur) 2. Apakah penyampaian informasi tentang produk lewat via-e-mail sekarang sudah cukup informatif ? Î Kurang , karena informasi produk sekarang lebih bersifat umum. 3. Apakah ada kendala dalam penjualan via-e-mail ? Î Konfirmasi yang memakan waktu. 4. Untuk pemesanan via-e-mail biasanya berasal dari kota apa ? Î Bandung, Bogor, Sukabumi, biasanya daerah sekitar Jawa Barat. 5. Bagaimana pemasaran untuk di luar Jakarta ? Î Biasanya bekerja sama dengan centre-centre, atau adanya event-event tertentu di daerah-daerah. 6. Apakah metode pemasaran yang anda harapkan untuk perkembangan selanjutnya ? Î Adanya website kami sendiri, sehingga lebih informatif dan setiap orang dapat mengakses nya, serta penggunaan nya mudah dan tidak ribet. 7. Apakah perlu dibuat data stok persediaan pada website ? Î Perlu, data stok persediaan dapat dimasukkan didalam rincian produk. 8. Apakah perlu halaman website khusus pelanggan dan pelanggan ?
58 Î Ya, perlu karena untuk update produk diperlukan tampilan khusus pelanggan. 9. Apakah yang anda harapkan dengan sistem pemasaran via-website yang terbentuk nantinya ? Î Kemudahan setiap cusotomer dalam melakukan transaksi dengan perusahaan, serta penambahan pelanggan baru dan pelanggan tetap.
Tabel 3.3 Wawancara 2 Nama :
Andrew
Jabatan :
Bagian keuangan dan gudang
Tanggal Wawancara :
24 Oktober 2009
Jam Wawancara :
10.00 WIB
Tempat :
PT. Laser Komputer
Daftar Pertanyaan : 1. Bagaimana biasanya sistem pembayaran yang berjalan saat ini ? Î Via transfer, adapun pembayaran dilakukan via tunai saat pelanggan berada langsung di tempat. 2. Untuk pembayaran melalui via-e-mail , Bagaimana mengetahui bukti transfer yang telah dilakukan pelanggan ? Î Mengirimkan fax bukti transfer yang telah dilakukan, atau via telephone setelah melakukan transfer. 3. Apa yang diharapkan dengan pencatatan data stok barang dengan sistem yang akan dibuat ? Î Kemudahan pelanggan untuk mencatat stok setelah transaksi berlangsung.
59 Tabel 3.4 Wawancara 3 Nama :
Bu Lidya Margaret
Jabatan :
Pelanggan
Tanggal Wawancara :
24 Oktober 2009
Jam Wawancara :
10.00 WIB
Tempat :
PT. Laser Komputer
Daftar Pertanyaan : 1. Bagaimana biasanya anda melakukan pembayaran ? Î Transfer 2. Bagaimana anda mengetahui info produk terbaru ? Î Lewat brosur, dan via-e-mail 3. Menurut anda penyampaian informasi tentang produk lewat via-e-mail dan brosur sekarang sudah cukup informatif ? Î Kurang, lewat via-e-mail saya tidak dapat melihat gambar produk, serta informasi yang saya dapat masih minimalis. 4. Adakah kendala dalam pembelian melalui via-e-mail ? Î Belum ada, karena e-mail yang saya kirim biasanya di balas 1 hari setelah saya kirim e-mail. 5. Apa yang anda harapkan dengan metode pemasaran untuk kedepannya ? Î Mempunyai website sendiri, sehingga saya mudah untuk pencarian produk yang saya inginkan. 6. Apakah menurut anda pemasaran melalui website dianggap lebih baik daripada via-e-mail ? Î Sejauh lebih informatif, dan memudahkan saya dalam bertransaksi.
60 3.2.4. Rangkuman Solusi Pemecahan Masalah Berikut adalah rangkuman solusi pemecahan masalah untuk permasalahan Studi Kasus : Tabel 3.5 Rangkuman Solusi Untuk Permasalahan Studi Kasus No
Permasalahan Yang
.
Diidentifikasi
1.
Adanya
Solusi Untuk Permasalahan
Verifikasi Dengan Landasan Teori
website. Pembuatan
untuk Menggunakan
fitur
website
informasi Sistem ini bekerja kurang dengan
memberikan
menggunakan
terhadap pelanggan seperti optimal dibandingkan cara program ASP.NET (visual produk baru, update harga sistem barang,
dan
lain online,
kerja dimana
pelanggan
sebagainya.
dapat
berbasis studio
2008)
yang
setiap berbahasa vb.net (visual lebih basic). Dan menggunakan
mudah mengakses kegiatan teknologi AJAX di mana transaksi jual beli tanpa dapat
menampilkan
harus berada pada tempat tampilan
Adanya
fitur
untuk Tersedianya
fitur
untuk Menggunakan SQL server
menyimpan jumlah stok menyimpan data produk- 2005. dari
produk,
tidak
perlu
MySQl
sehingga produk. Dan adanya pilihan merupakan dilakukan
pengecekan setiap kali
untuk mengatur
mengedit
dan
produk-produk
PT.Laserkomputer.
lebih
cepat.
penjualan langsung. 2.
dengan
juga
pengakses
database yang bersifat jaringan sehingga dapat
ada pengambilan barang
digunakan
di gudang.
aplikasi multi users ( banyak
untuk
pengguna
).
61 No
Permasalahan Yang
.
Diidentifikasi
Solusi Untuk Permasalahan
Verifikasi Dengan Landasan Teori
Kelebihan lainnya dari MySQL adalah bahasa query
standar
yang
dimiliki SQL ( Structure Query Language ). 3.
Adanya
fitur
untuk Tersedianya
fitur
setiap menyimpan
mengenali pelanggan
tetap
data-data MySQl juga merupakan
yang pelanggan
sudah pernah melakukan transaksi
untuk Menggunakan MySQL .
dengan
pengakses
PT.Laserkomputer
Dan yang bersifat jaringan
pelanggan dapat melakukan register secara online.
perusahaan.
database
sehingga
dapat
digunakan
untuk
aplikasi multi users ( banyak pengguna ). Kelebihan lainnya dari MySQL adalah bahasa query
standar
yang
dimiliki SQL ( Structure Query Language ). 4.
Adanya
fitur
menampilkan
untuk Tersedianya
fitur
untuk Penyimpanan
promo- menyimpan promo-promo. menggunakan
promo yang ditawarkan Dan menyediakan tampilan server. untuk menampilkan promo website
Dan
MySQL tampilan
menggunakan
62 No
Permasalahan Yang
.
Diidentifikasi
Solusi Untuk Permasalahan
Verifikasi Dengan Landasan Teori
oleh PT.Laserkomputer.
tersebut.
ASP.NET
dengan
keuntungan
seperti
no.
1,2, dan 3. 5.
Adanya
untuk Tersedianya
fitur
comment menyimpan
menampilkan
fitur
Comment menggunakan Dan server.
yang (testimonial).
(testimonial)
menyediakan
diberikan pelanggan.
Comment
melakukan melakukan
pelanggan
pemesanan secara online.
tampilan
menggunakan dengan
(testimonial) keuntungan
seperti
no.
1,2, dan 3.
untuk Tersedianya
fitur
Dan
tampilan website
tersebut.
Adanya
MySQL
menampilkan ASP.NET
untuk
6.
untuk Penyimpanan
fitur
untuk Pembuatan
pemesanan ASP.NET
menggunakan
bahasa
secara online.
melakukan
VB.NET
menggunakan
dan
teknologi
AJAX. 7.
Adanya
menampung transaksi dilakukan.
untuk Tersedianya
fitur
transaksi- menyimpan yang
telah menampilkan online tersebut.
fitur
untuk Penyimpanan dan menggunakan
transaksi server.
Dan
PT.LaserKomputer website ASP.NET keuntungan 1,2, dan 3.
MySQL tampilan
menggunakan dengan seperti
no.
63 3.2.5. Usulan Pemecahan Masalah Setelah melakukan analisa terhadap permasalahan yang ada pada Perusahaan, penulis membuat beberapa usulan pemecahan masalah pada perusahaan. Berikut usulan pemecahan masalah yang diusulkan : Admin 1.
Adanya fitur untuk menyimpan dan pengeditan jumlah stok dari produk-produk, sehingga tidak perlu dilakukan pengecekan setiap kali ada pengambilan barang di gudang.
2.
Adanya fitur untuk menampilkan comment (testimonial) yang diberikan pelanggan.
3.
Adanya fitur untuk mengenali setiap pelanggan tetap perusahaan.
4.
Adanya fitur untuk menampung transaksi online yang telah dilakukan. Customer
1.
Adanya fitur untuk menampilkan promo-promo yang ditawarkan oleh PT.Laserkomputer.
2.
Adanya fitur untuk menampilkan informasi – informasi terbaru seperti produk, update harga, dsb kepada pelanggan.
3.
Adanya fitur untuk menampilkan comment (testimonial) yang diberikan pelanggan.
4.
Adanya fitur untuk pelanggan melakukan pemesanan secara online.
64 3.3. Proses Modeling 3.3.1. Class Diagram Class diagram untuk proses dalam sistem aplikasi berbasis web yang akan dibuat ini dapat dilihat pada gambar 3.4.
Customer -Cust_ID -Nama_Cust -JenisKelamin -Alamat -No_Telp_Cust -No_Hp -E-Mail -Password +Mendaftar() +Memesan() +Membayar() +MemberiComment() +MenghapusComment() +MembatalkanPesanan() +MelihatProduk() +MelihatPesanan() +MelihatComment() +MemberiPesan() +MelihatPesan() +MelihatPesanPelanggan() +MenghapusPesanPelanggan() 1
Employee Comment -KD_Comment -Comment -Cust_ID -TanggalComment +MelihatComment() +MemberiComment() +MenghapusComment()
1 0..*
1
Pemesanan 1 0..*
-KD_Pemesanan -Cust_ID -KD_Employee -Total_Harga +MelayaniPemesanan() +Memesan() +MenghapusPesanan() +MelihatPesanan() +Membayar()
0..*
1 0..* PesanPelanggan -KD_PesanPelanggan -KD_Employee -PesanPelanggan -TanggalPesan +MelihatPesanPelanggan() +MemberiPesanPelanggan() +MenghapusPesanPelanggan()
1 0..* Pesan -KD_Pesan -Cust_ID -Pesan -Tanggal +MemberiPesan() +MelihatPesan() +MenghapusPesan()
-KD_Employee -Nama_Employee -Password -Jenis Kelamin -No_Telp_Employee -Alamat -Jabatan +MelayaniPemesanan() +UpdateProduk() +MelihatProduk() +MenghapusComment() +MenghapusPemesanan() +MelayaniPembayaran() +MelihatPemesanan() +MelihatComment() +MemberiPesanPelanggan() +MelihatPesan() +MenghapusPesan()
1..* DetailPemesanan
Produk
-KD_pemesanan -Produk_ID -Jumlah -SubTotal -Status +MelayaniPemesanan() +Memesan() +MenghapusPesanan() +MelihatPesanan() +Membayar()
-Produk_ID -Nama_Produk -Tipe -Into -Stock -Image -Harga +Memesan() +MelihatProduk() +UpdateProduk()
0..*
1
Gambar 3.4 Class Diagram
65
3.3.2. Use Case Diagram
66 Gambar 3.5 Use Case Diagram 3.3.3. Use Case Specification Deskripsi proses use case sistem pemesanan berbasis web secara umum dapat dilihat di bawah ini. A. Deskripsi Use Case Mendaftar Tabel 3.6 Use Case Mendaftar Use-Case :
Mendaftar
Actor :
Pelanggan
Tujuan :
Pelanggan melakukan registrasi untuk dapat
mengakses
transaksi
secara
online. Prakondisi :
Pelanggan
melakukan
akses
halaman Register . Langkah – Langkah : Aksi actor : 1. Pelanggan
Respon sistem melakukan
akses 1. Menampilkan halaman Register.
halaman Register. 2. Pelanggan harus mengisi data-data 2. Menyimpan data-data pelanggan yang diperlukan.
dan pelanggan dapat mengakses halaman Log in
ke
67
B. Deskripsi Use Case Memesan Tabel 3.7 Use Case Memesan Use-Case :
Memesan
Actor :
Pelanggan
Tujuan :
Pelanggan pemesenan
dapat secara
melakukan online
setelah
memiliki account. Prakondisi :
Pelanggan
melakukan
akses
halaman Produk. Langkah – Langkah : Aksi actor :
Respon sistem
1. Pelanggan
melakukan
akses 1.
Menampilkan halaman produk.
halaman produk. 2. Pelanggan memilih produk yang 2. akan dibeli pada halaman produk, kemudian
memasukkan
quantity
pada barang yang akan dibeli.
Menyimpan data-data produk ke dalam My cart.
ke
68
C. Deskripsi Use Case Memberi Comment Tabel 3.8 Use Case Memberi Comment Use-Case :
Memberi Comment
Actor :
Pelanggan
Tujuan :
Pelanggan
dapat
memberikan
comment. Prakondisi :
Pelanggan
melakukan
akses
ke
halaman comment. Langkah – Langkah : Aksi actor : 1. Pelanggan
Respon sistem melakukan
akses 1.
Menampilkan halaman comment.
2. Pelanggan memberikan comment / 2.
Menyimpan data-data comment /
halaman comment.
Testimonial.
Testimonial.
69
D. Deskripsi Use Case Memberi Pesan Tabel 3.9 Use Case Memberi Pesan Use-Case :
Memberi Pesan
Actor :
Pelanggan
Tujuan :
Pelanggan dapat memberi pesan
Prakondisi :
Pelanggan
melakukan
akses
ke
halaman Mail. Langkah – Langkah : Aksi actor : 1. Pelanggan
Respon sistem melakukan
akses 1.
Menampilkan halaman mail.
halaman mail. 2. Pelanggan mengklik tombol new.
2.
Menampilkan forum new mail.
3. Pelanggan mengisi pesan.
3.
Menyimpan database.
pesan
kedalam
70
E. Deskripsi Use Case Menghapus Pesan Pelanggan Tabel 3.10 Use Case Menghapus Pesan Pelanggan Use-Case :
Menghapus Pesan Pelanggan
Actor :
Pelanggan
Tujuan :
Pelanggan dapat menghapus pesan pelanggan.
Prakondisi :
Pelanggan
melakukan
akses
ke
halaman mail. Langkah – Langkah : Aksi actor : 1. Pelanggan
Respon sistem melakukan
akses 1. Menampilkan halaman mail.
halaman mail. 2. Pelanggan menghapus mail yang 2. Menghapus ingin di hapus.
database.
data-data mail dari
71
F. Deskripsi Use Case Menghapus Comment Tabel 3.11 Use Case Menghapus Comment Use-Case :
Menghapus Comment
Actor :
Pelanggan/employee
Tujuan :
Aktor dapat menghapus comment.
Prakondisi :
Aktor melakukan akses ke halaman comment .
Langkah – Langkah : Aksi actor : 1. Aktor
Respon sistem melakukan akses halaman 1. Menampilkan halaman comment.
comment. 2. Aktor
menghapus
comment
Testimonial yang telah dibuat.
/ 2. Menghapus data-data comment / Testimonial.
72
G. Deskripsi Use Case Membatalkan Pesanan Tabel 3.12 Use Case Membatalkan Pesanan Use-Case :
Membatalkan Pesanan
Actor :
Pelanggan/employee
Tujuan :
Aktor dapat membatalkan pesanan.
Prakondisi :
Aktor melakukan akses ke halaman Mycart.
Langkah – Langkah : Aksi actor : 1. Aktor
Respon sistem
melakukan akses halaman 1. Menampilkan halaman Mycart.
Mycart. 2. Aktor membatalkan pesanan.
2. Menghapus data-data pesanan.
73
H. Deskripsi Use Case Melihat Pesan Tabel 3.13 Use Case Melihat Pesan Use-Case :
Melihat pesan
Actor :
Pelanggan/employee
Tujuan :
Aktor dapat melihat pesan.
Prakondisi :
Aktor melakukan akses ke halaman mail .
Langkah – Langkah : Aksi actor : 1. Aktor mail.
Respon sistem melakukan akses halaman 1. Menampilkan halaman mail.
74
I.
Deskripsi Use Case Melihat Pesan Pelanggan Tabel 3.14 Use Case Melihat Pesan Pelanggan
Use-Case :
Melihat pesan pelanggan
Actor :
Pelanggan/employee
Tujuan :
Aktor dapat melihat pesan pelanggan.
Prakondisi :
Aktor melakukan akses ke halaman mail .
Langkah – Langkah : Aksi actor : 2. Aktor mail.
Respon sistem melakukan akses halaman 2. Menampilkan halaman mail.
75
J.
Deskripsi Use Case Melihat Produk Tabel 3.15 Use Case Melihat Produk
Use-Case :
Melihat Produk
Actor :
Pelanggan /employee
Tujuan :
Aktor dapat Melihat produk.
Prakondisi :
Aktor melakukan akses ke halaman produk
Langkah – Langkah : Aksi actor :
Respon sistem
1. Aktor melakukan akses halaman 1. produk. 2. Aktor melihat produk.
Menampilkan halaman produk.
76
K. Deskripsi Use Case Melihat Pesanan Tabel 3.16 Use Case Melihat Pesanan Use-Case :
Melihat Pesanan
Actor :
Pelanggan/employee
Tujuan :
Aktor dapat melihat pesanan.
Prakondisi :
Aktor melakukan akses ke halaman Mycart
Langkah – Langkah : Aksi actor : 1. Aktor
Respon sistem melakukan akses halaman 1.
Mycart . 2. Aktor melihat Pesanan yang telah dilakukan.
Menampilkan halaman Mycart .
77
L. Deskripsi Use Case Melihat Comment Tabel 3.17 Use Case Melihat Comment Use-Case :
Melihat Comment
Actor :
Pelanggan/employee
Tujuan :
Aktor dapat melihat comment .
Prakondisi :
Aktor melakukan akses ke halaman Comment.
Langkah – Langkah : Aksi actor : 1. Aktor
Respon sistem
melakukan akses halaman 1. Menampilkan halaman comment .
comment . 2. Aktor
melihat comment oleh
seluruh pelanggan.
78
M. Deskripsi Use Case Melayani Pesanan Tabel 3.18 Use Case Melayani Pesanan Use-Case :
Melayani Pesanan
Actor :
Employee
Tujuan :
Employee dapat Melayani Pesanan .
Prakondisi :
Employee
melakukan
akses
ke
halaman Pesanan Langkah – Langkah : Aksi actor : 1. Employee
Respon sistem melakukan
akses 1. Menampilkan halaman pesanan .
halaman pesanan. 2. Employee
melayani pesanan 2. Update status pemesanan dalam
Seluruh Pelanggan (Update status pesanan).
database.
79
N. Deskripsi Use Case Update Produk Tabel 3.19 Use Case Update Produk Use-Case :
Update Produk
Actor :
Employee
Tujuan :
Employee dapat update produk .
Prakondisi :
Employee
melakukan
akses
ke
halaman update produk Langkah – Langkah : Aksi actor : 1. Employee halaman 2. Employee
Respon sistem melakukan
akses 1. Menampilkan halaman update
update produk.
menambahkan, 2. Update produk dalam database.
menghapus, mengganti informasi produk yang telah ada.
produk.
80
O. Deskripsi Use Case Menghapus Pesan Tabel 3.20 Use Case Menghapus Pesan Use-Case :
Menghapus Pesan
Actor :
Employee
Tujuan :
Employee dapat menghapus pesan.
Prakondisi :
Employee
melakukan
akses
ke
halaman mail. Langkah – Langkah : Aksi actor : 1. Employee
Respon sistem melakukan
akses 1. Menampilkan halaman mail.
halaman mail. 2. Employee menghapus mail yang 2. Menghapus ingin di hapus.
database.
data-data mail dari
81
P. Deskripsi Use Case Memberi Pesan Pelanggan Tabel 3.21 Use Case Memberi Pesan Pelanggan Use-Case :
Memberi Pesan Pelanggan
Actor :
Employee
Tujuan :
Employee dapat memberi pesan
Prakondisi :
Employee
melakukan
akses
ke
halaman Mail. Langkah – Langkah : Aksi actor : 1. Employee
Respon sistem melakukan
akses 1. Menampilkan halaman mail.
halaman mail. 2. Employee mengklik tombol new.
2. Menampilkan forum new mail.
3. Employee mengisi pesan.
3. Menyimpan database.
pesan
kedalam
82
3.3.4. Activity Diagram 3.3.4.1.
Mendaftar
Gambar 3.6 Activity Mendaftar Langkah-langkah : 1. Pelanggan mengakses website PT. Laser Komputer 2. Pelanggan memilih menu register untuk membuat account baru. 3. Pelanggan mengisi data diri yang telah disediakan dalam menu registrasi. 4. Setelah semua data terisi, pelanggan mengklik submit untuk pernyataan ok. 5. Setelah selesai menggunakan atau membuka website ini, pelanggan dapat keluar dari website ini.
83
3.3.4.2.
Memesan
Gambar 3.7 Activity Memesan Langkah-langkah : 1. Pelanggan mengakses website PT. Laser Komputer 2. Pelanggan melakukan login e-mail dan password sesuai dengan registrasi yang sudah dibuat
84 3. Setelah pelanggan melakukan login, pelanggan dapat mengakses halaman produk 4. Setelah menemukan barang yang diinginkan, pelanggan dapat mengadd produk tersebut 5. Kemudian pelanggan dapat menentukan quantity produk yang telah diambil 6. Pelanggan Melakukan submit sebagai pernyataan ok. 3.3.4.3.
Memberi Comment
Gambar 3.8 Activity Memberi Comment
85 Langkah-langkah : 1. Pelanggan mengakses website PT. Laser Komputer. 2. Pelanggan melakukan login e-mail dan password sesuai dengan registrasi yang sudah dibuat. 3. Pelanggan mengakses halaman comment. 4. Setelah pelanggan berada pada halaman comment, pelanggan dapat memasukkan testimonial pada field yang telah disediakan. 5. Pelanggan Melakukan submit sebagai pernyataan ok.
86 3.3.4.4.
Memberi Pesan
Customer membuka website
Customer melakukan login
Customer mengakses window mail
Customer mengisi pesan
Customer melakukan submit
Gambar 3.9 Activity Memberi Pesan Langkah-langkah : 1. Pelanggan mengakses website PT. Laser Komputer. 2. Pelanggan melakukan login e-mail dan password sesuai dengan registrasi yang sudah dibuat. 3. Pelanggan mengakses halaman mail. 4. Setelah pelanggan berada pada halaman mail, pelanggan dapat mengisi pesan pada field yang telah disediakan. 5. Pelanggan Melakukan submit sebagai pernyataan ok.
87 3.3.4.5.
Menghapus Pesan Pelanggan
Customer membuka website
Customer melakukan login
Customer mengakses window mail
Customer menghapus pesan pelanggan
Gambar 3.10 Activity Menghapus Pesan Pelanggan Langkah-langkah : 1. Pelanggan mengakses website PT. Laser Komputer. 2. Pelanggan melakukan login e-mail dan password sesuai dengan registrasi yang sudah dibuat. 3. Pelanggan mengakses halaman mail. 4. Setelah pelanggan berada pada halaman mail, pelanggan dapat langsung menghapus pesan yang sebelumnya telah dibuat.
88
3.3.4.6.
Menghapus Comment
Aktor membuka website
Aktor melakukan login
Aktor mengakses window comment
Aktor menghapus comment yang telah dibuat
Aktor melakukan submit
Gambar 3.11 Activity Menghapus Comment Langkah-langkah : 1. Aktor mengakses website PT. Laser Komputer. 2. Aktor melakukan login e-mail dan password sesuai dengan registrasi yang sudah dibuat. 3. Aktor mengakses halaman comment. 4. Aktor dapat menghapus comment yang telah dibuat pada halaman comment. 5. Aktor Melakukan submit sebagai pernyataan ok.
89 3.3.4.7.
Membatalkan Pesanan
Aktor membuka website
Aktor melakukan login
Aktor mengakses window mycart
Aktor menghapus pesanan
Aktor melakukan submit
Gambar 3.12 Activity Membatalkan Pesanan Langkah-langkah : 1. Aktor mengakses website PT. Laser Komputer. 2. Aktor melakukan log in e-mail dan password. 3. Aktor mengakses halaman mycart. 4. Aktor membatalkan pesanan yang telah dimasukkan pada halaman mycart. 5. Aktor Melakukan submit sebagai pernyataan ok.
90 3.3.4.8.
Melihat Pesan
Aktor membuka website
Aktor melakukan login
Aktor mengakses window mail
Aktor melihat pesan
Gambar 3.13 Activity Melihat Pesan Langkah-langkah : 1. Aktor mengakses website PT. Laser Komputer. 2. Aktor melakukan login e-mail dan password sesuai dengan registrasi yang sudah dibuat. 3. Aktor mengakses halaman mail. 4. Setelah Aktor berada pada halaman mail, aktor dapat melihat mail yang ditujukan pada aktor, maupun mail yang dikirim oleh aktor tersebut.
91
3.3.4.9.
Melihat Pesan Pelanggan
Gambar 3.14 Activity Melihat Pesan Pelanggan Langkah-langkah : 1. Aktor mengakses website PT. Laser Komputer. 2. Aktor melakukan login e-mail dan password sesuai dengan registrasi yang sudah dibuat. 3. Aktor mengakses halaman mail. 4. Setelah Aktor berada pada halaman mail, aktor dapat melihat mail yang ditujukan pada aktor, maupun mail yang dikirim oleh aktor tersebut.
92 3.3.4.10. Melihat Produk
Aktor membuka website
Aktor mengakses window produk
Aktor melihat produk
Gambar 3.15 Activity Melihat Produk Langkah-langkah : 1. Aktor mengakses website PT. Laser Komputer. 2. Aktor mengakses halaman produk. 3. Aktor dapat melihat produk – produk yang terdapat pada website.
93 3.3.4.11. Melihat Pesanan
Gambar 3.16 Activity Melihat Pesanan Langkah-langkah : 1. Aktor mengakses website PT. Laser Komputer. 2. Aktor melakukan login e-mail dan password sesuai dengan registrasi yang sudah dibuat. 3. Aktor mengakses halaman mycart. 4. Aktor dapat melihat pesanan yang telah ditambahkan pada halaman produk.
94 3.3.4.12. Melihat Comment
Aktor membuka website
Aktor mengakses window comment
Aktor melihat comment
Gambar 3.17 Activity Melihat Comment Langkah-langkah : 1. Aktor mengakses website PT. Laser Komputer. 2. Aktor mengakses halaman comment. 3. Setelah Aktor berada pada halaman comment, aktor dapat melihat comment yang telah ada.
95 3.3.4.13. Melayani Pesanan
Gambar 3.18 Activity Melayani Pesanan Langkah-langkah : 1. Employee mengakses website PT. Laser Komputer. 2. Employee melakukan login pelangganname dan password. 3. Employee mengakses halaman edit. 4. Setelah berada pada halaman edit, Employee mengconfirm pesanan yang telah dilakukan oleh pelanggan sebelumnya. 5. Employee Melakukan submit sebagai pernyataan ok.
96 3.3.4.14. Update Produk
Gambar 3.19 Activity Update Produk Langkah-langkah : 1. Employee mengakses website PT. Laser Komputer. 2. Employee melakukan login pelangganname dan password. 3. Employee mengakses halaman edit. 4. Employee menginput data – data untuk produk baru kedalam database.
97 5. Employee melakukan submit sebagai pernyataan ok. 6. Employee mengakses halaman new, untuk melihat data produk yang baru apakah sudah terupdate pada halaman produk 3.3.4.15. Menghapus Pesan
Gambar 3.20 Activity Update Pesan Langkah-langkah : 1. Employee mengakses website PT. Laser Komputer. 2. Employee melakukan login pelangganname dan password. 3. Employee mengakses halaman mail. 4. Employee dapat menghapus pesan yang diinginkan.
98 5. Employee mengakses halaman new, untuk melihat data produk yang baru apakah sudah terupdate pada halaman produk 3.3.4.16. Memberi Pesan Pelanggan
Employee membuka website
Employee melakukan login
Employee mengakses window mail
Employee menklick tombol new
Employee menklick tombol reply
Employee mengisi Cust_ID
Employee memberi pesan pelanggan
Employee memberi pesan pelanggan
Employee melakukan submit
Employee melakukan submit
Gambar 3.21 Activity Memberi Pesan Pelanggan
99
Langkah-langkah : 1. Employee mengakses website PT. Laser Komputer. 2. Employee melakukan login pelangganname dan password. 3. Employee mengakses halaman mail. 4. Employee dapat memberikan pesan pelanggan dengan mengklik tombol new/reply. 5. Employee harus memasukan Cust_ID bila employee menekan tombol new. 6. Employee harus mengisi pesan pelanggan. 7. Employee melakukan submit sebagai pernyataan ok.
100 3.3.5. Sequence Diagram 3.3.5.1.
Mendaftar
Customer
<
>
Window Register
Purchase_Order
input_nama input_jeniskelamin input_alamat input_no_telp input_no_hp input_email input_password input_confirm input_submit get_last_code return_code
generate code update success_update
Gambar 3.22 Sequence Diagram Mendaftar
101 3.3.5.2.
Memesan dan Melihat Produk
Customer
<>
Window Produk
MsProduk
Get_Data Result
Klik_add
<>
Window Quantity
MyCart
Input_jumlah Klik_Submit Get_Data Return_Code
Generate Code Update Succcess_Update
Gambar 3.23 Sequence Diagram Memesan dan Melihat Produk
102 3.3.5.3.
Memberi Comment, Menghapus Comment, dan Melihat Comment
Gambar 3.24 Sequence Diagram Memberi Comment, Menghapus Comment, dan Melihat Comment
103 3.3.5.4.
Membatalkan pesanan dan Melihat Pesanan
Customer
<>
Window My Cart
Pemesanan
GetData Result
Delete Update Sucess
Gambar 3.25 Sequence Diagram Membatalkan pesanan dan Melihat Pesanan
104 3.3.5.5.
Melayani Pesanan
Employee
<>
Window Edit
HeaderPemesanan
GetData Result
Confirm Delete Not_Available
Update Sucess
Gambar 3.26 Sequence Diagram Melayani Pesanan
105 3.3.5.6.
Update Produk
Gambar 3.27 Sequence Diagram Update Produk
106 3.3.5.7.
Memberi Pesan, Menghapus Pesan Pelanggan, Melihat Pesan, dan Melihat Pesan Pelanggan.
Gambar 3.28 Sequence Diagram Memberi Pesan, Menghapus Pesan Pelanggan, Melihat Pesan, dan Melihat Pesan Pelanggan.
107 3.3.5.8.
Memberi Pesan Pelanggan, Menghapus Pesan, Melihat Pesan, dan Melihat Pesan Pelanggan.
Gambar 3.29 Sequence Diagram Memberi Pesan Pelanggan, Menghapus Pesan, Melihat Pesan, dan Melihat Pesan Pelanggan
108 3.3.6. CRUD Matrix Tabel 3.22 CRUD Matrix
U U U
C C
R R R R R R R C C C C C C R R R R
R
R
R D
R RU R
D
U CRUD CRUD CRUD R R R R
C C C C
RUD RUD RUD RUD
R R R
C C C
RUD RUD RUD
R R R
C C
RUD RUD
C C
RUD RUD
Edit Promo
Edit Transaksi
Penambahan transaksi
Update Produk
Penambahan update Produk
Edit Pemesanan
Pembatalan
Pemesanan Produk member baru
U U U U Update Member
Entity.Attritbute
C C C C C
Registrasi Member
Pelanggan member No.Hp No.Telp Alamat Pelanggan Name Password Pelanggan Id. Pemesanan Kode Pemesanan Produk Produk Yang dipesan Jumlah Nama Produk Kode Produk Nama Produk Informasi Produk Harga Stok Img Transaksi Kode Transaksi Informasi Tanggal Promo Informasi Judul IMG
109 Keterangan : •
C = Create
•
R = Read
•
U = Update
•
D = Delete CRUD Matrix adalah sebuah tabel yang menunjukan proses yang terjadi.
Setiap kolom menunjukan lokasi dan setiap baris menunjukan dokumen yang prosesnya harus dilakukan disetiap lokasinya.
3.4. Mission Statement Mission statement dari Pembuatan website pada PT.Laserkomputer ini adalah untuk mempermudah dan mempercepat proses transaksi, organisasi, dan pemasaran dari produk-produk perusahaan tersebut. Sehingga dapat mempermudah dan memperluas jangkauan dari perusahaan ini. Kita bisa memulai proses pembuatan mission statement untuk update application dengan cara melakukan interview/wawancara dengan pimpinan dan beberapa staff yang bersangkutan. Contoh pertanyaan yang digunakan, antara lain : •
Apa tujuan dari perusahaan?
•
Apa alasannya sehingga anda berpikir membutuhkan sistem pemasaran berbasis web?
•
Sistem basis data seperti apa yang Anda inginkan ?
•
Mengapa Anda berfikir bahwa dengan menggunakan sistem ini akan dapat membantu perusahaan Anda ?
110 3.5. Mission Objectives Dalam membuat mission objectives meliputi interview dengan para pimpinan dan beberapa staff yang bersangkutan. Pertanyaan open-ended biasanya merupakan pertanyaan yang berguna dalam proses ini. Untuk mendapat tahap lengkap dari mission objectives ini, staff dengan jabatan yang berbeda di interview. Dari interview tersebut akan didapatkan mission objectives : 9
Mengelola (insert, update, delete) Laporan Penjualan
9
Mengelola (insert, update, delete) Produk
9
Menampilkan Laporan Penjualan
9
Menampilkan Produk
9
Melakukan pencarian pada Produk 3.5.1.1. Transaction Requirements •
Data entry 1. Memasukkan detail data untuk Produk 2. Memasukkan detail data untuk Penjualan 3. Memasukkan detail data untuk Pelanggan. 4. Memasukkan detail data untuk Testimonial. 5. Memasukkan detail data untuk Produk
•
Data update / deletion 1. Update / delete detail data untuk Produk. 2. Update / delete detail data untuk Penjualan 3. Update / delete detail data untuk Pelanggan. 4. Update / delete detail data untuk Testimonial.
111 •
Data queries 1. Mencatat informasi perubahan jumlah Persediaan berdasarkan Produk. 2. Membuat dan Memasukkan Promo ke dalam update. 3. Menanggapi dan mencatat pesanan pelanggan.
112 3.6.
Percangan Basis Data 3.6.1. Entity Relationship Diagram
Gambar 3.30 Entity Relationship Diagram
113 3.6.2. Perancangan Basis Data Fisikal Tabel 3.23 Keterangan ERD Name
Foreign Key
Domain
MsPelanggan
Primary Key Cust_ID
-
MsPesan
KD_Pesan
Cust_ID
MsComment
KD_Comment
Cust_ID
TrHeaderPemesanan
KD_Pemesanan
TrDetailPemesanan
KD_Pemesanan Produk_ID
Cust_ID KD_ Employee KD_ Pemesanan Produk_ID
KD_Employee
-
MsEmployee
MsPesanPelanggan
MsProduk
KD_Pesan Pelanggan
KD_Produk
KD_ Employee
Cust_ID Nama_cust JenisKelamin Alamat No_Telp_Cust No_hp E-mail Password KD_Pesan Pesan Tanggal KD_Comment Comment TanggalComment KD_pemesanan Total_Harga
Data Tipe Nvarchar(50) Nvarchar(50) Char(10) Nvarchar(50) BigInt BigInt Nvarchar(50) Nvarchar(50) Nvarchar(50) Nvarchar(MAX) Nvarchar(50) Nvarchar(50) Nvarchar(MAX) Nvarchar(50) Nvarchar(50) BigInt
Allow Null x x x x x x x x x x x x x x x x
Jumlah
BigInt
x
Subtotal Status KD_Employee Nama_Employee Password Jenis_Kelamin No_Telp_ Employee Alamat Jabatan KD_Pesan Pelanggan PesanPelanggan TanggalPesan KD_Produk Nama_Produk Tipe Harga Info Stok Image
Nvarchar(50) Nvarchar(50) Nvarchar(50) Nvarchar(50) Nvarchar(50) Nvarchar(50) BigInt
x 9 x x x x x
Nvarchar(MAX) Nvarchar(50) Nvarchar(50)
x x x
Nvarchar(50) Nvarchar(50) Nvarchar(50) Nvarchar(50) Nvarchar(50) BigInt Nvarchar(MAX) int Nvarchar(MAX)
x 9 x x x x 9 9 x
114 3.7.
Rancangan Layar Untuk memenuhi sistem pada proses bisnis baru, aplikasi web yang dirancang akan
mempunyai beberapa menu. Adapun menu atau fungsi yang ada pada aplikasi yang akan dibangun adalah sebagai berikut: 1. Menu Promo / Home, tampilan awal yang menampilkan promo yang diberikan oleh PT.Laserkomputer. 2. Menu Tampilan produk, merupakan halaman menu utama dalam aplikasi pemograman berbasis web ini. 3. Menu Registrasi, merupakan halaman menu untuk pelanggan untuk menjadi pelanggan baru bagi perusahaan. Halaman ini terdiri dari : PENDAFTARAN ANGGOTA / MEMBER REGISTRATION a. Nama : b. Jenis kelamin : c. E-mail : d. Password : e. Comfirm Password : f. Alamat : g. No.Telp : h. No.HP : 4. Login, merupakan halaman login bagi pelanggan. 5. Menu pilihan, Menu main terdiri dari:
115 a. Menu edit Password, merupakan halaman bagi pengguna untuk merubah password. b. Menu Logout, merupakan menu bagi pelanggan untuk menutup menu utama dan kembali ke menu Home. c. Comment, menu yang menampilkan testimonial dari para pelanggan PT.Laserkomputer 6. Menu kategori, Menu yang menampilkan produk-produk yang ditawarkan oleh PT.Laserkomputer, antara lain : a. Aksersoris b. Mouse c. Keyboard d. Headphone e. Laptop f. Flashdisk 7. Menu Database, merupakan halaman menu pelanggan untuk meng-update data. Menu Database terdiri dari: a. Menu edit produk, untuk meng-update dan menambahkan produk baru. b. Menu edit comment, untuk meng-approve comment yang di berikan pelanggan. c. Menu edit promo, untuk meng-update promo baru. d. Menu pemesanan, untuk menanggapi pemesanan pelanggan. e. Menu transaksi, untuk menyimpan transaksi online yang telah di lakukan.
8. Menu About Us atau Contact Us, merupakan halaman dengan tampilan profil perusahaan , serta struktur organisasi dalam perusahaan. Dan dalam halaman ini,
116 memudahkan pelanggan untuk mengetahui lokasi perusahaan, dan juga untuk berkomunikasi pada bagian pemasaran dari pihak perusahaan.
117 3.7.1. Rancangan Halaman Home / Promo Home About-us Contact-Us Comment Registrasi Log-In
Catagories xxxxxxxx
PROMO
xxxxxxxx xxxxxxxx
Content Content
Banner Iklan
Gambar 3.32 Rancangan Promo Layar Home / Promo merupakan tampilan menu awal dari rancangan layar yang akan dibuat. Layar Home / Promo ini terdiri dari tampilan yang berisikan iklan promo yang ditampilkan pada bagian content. Tulisan home bercetak merah menandakan bahwa pelanggan berada pada tampilan layar home.
118 3.7.2. Rancangan Halaman Tampilan produk
Home About-us Contact-Us Comment Registrasi Log-In
Catagories xxxxxxxx
+a xxxxxxxx xxxxxxxx xxxxxxxx
Content Content
Banner Iklan
Gambar 3.33 Rancangan Produk Dalam rancangan tampilan produk ini pelanggan berada pada menu Catagories. Pada bagian catagories terdapat beberapa menu pilihan, dimana terdapat beberapa menu sesuai type produk yang ditawarkan perusahaan. Saat pelanggan berada pada menu pilihan produk yang diinginkan, bagian content pada rancangan tampilan produk akan berubah menjadi tampilan gambar dan harga produk yang diinginkan oleh pelanggan.
119 3.7.3. Rancangan Halaman About-us Home About-us Contact-Us Comment Registrasi Log-In
Catagories xxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxx Content xxxxxxxx
Banner Iklan
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Gambar 3.34 Rancangan About Us Pada halaman About-Us, bagian content berisikan informasi mengenai perusahaan yang berisikan nama lengkap perusahaan, Address, telephone, Facsimile, untuk memudahkan pelanggan dalam melakukan transaksi bisnis.
120 3.7.4. Rancangan Halaman Contact-Us Home About-us Contact-Us Comment Registrasi Log-In
Catagories xxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxx xxxxxxxx
Banner Iklan
Content xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Gambar 3.35 Rancangan Contact Us Rancangan Contact-Us, berisikan informasi staff seputar perusahaan untuk melakukan transaksi antara pelanggan dengan perusahaan. Dimana rancangan halaman ini memudahkan pelanggan untuk berhubungan langsung dengan staff perusahaan dalam melakukan proses bisnis.
121 3.7.5. Rancangan Halaman Comment Home About-us Contact-Us Comment Registrasi Log-In
Catagories xxxxxxxx
xxxxx
xxxxx
xxxxxxxx xxxxxxxx
Content
xxxxxxxx
Banner Iklan Gambar 3.36 Rancangan Comment Rancangan Halaman Comment berisikan testimonial dari pelanggan yang telah melakukan transaksi dengan perusahaan, kemudian comment terhadap produk yang akan dibeli ataupun yang sudah dibeli.
122 3.7.6. Rancangan Halaman Registrasi Home About-us Contact-Us Comment Registrasi Log-In
Catagories xxxxxxxx xxxxxxxx
xxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxx
xxxxxxxx
Content Registrasi
xxxxxxxx xxxxxxxxxxxxxxxxxxx
Banner Iklan
xxxxxxxxxxxxxxxxxxx
Gambar 3.37 Rancangan Registrasi Rancangan halaman registrasi berisikan tampilan account baru yang akan dibuat oleh pelanggan, dimana pelanggan mengisi biodata untuk update perusahaan. Dimana setelah pelanggan melakukan registrasi, pelanggan dapat mengakses halaman comment dan dapat melakukan transaksi bisnis dengan perusahaan.
123 3.7.7. Rancangan Halaman Log In 3.5.8 Home About-us Contact-Us Comment Registrasi Log-In
Catagories
xxxxxxxx
Email Password
xxxxxxxx
Content xxxxxxxx
Log in
Banner Iklan Gambar 3.38 Rancangan Log In
Pada rancangan halaman Log-in, pelanggan diminta untuk memasukkan e-mail dan password sesuai dengan account yang telah dibuat pelanggan. Jika email dan password tidak terdaftar dalam database maka pelanggan tidak dapat login, dan jika terdaftar akan masuk ke menu home, dan berisikan nama pelanggan sesuai dengan account yang telah dibuat oleh pelanggan.
124 3.7.8. Rancangan Halaman Admin 3.7.8.1.
Rancangan Halaman Log In Admin
UserName
:
Password
:
Log In
Gambar 3.39 Rancangan Log In Pelanggan Rancangan halaman ini dikhususkan untuk pelanggan, dimana pelanggan harus memasukan pelangganname dan password untuk dapat mengakses kehalaman berikutnya. Jika pelanggan salah memasukkan pelangganname dan password maka pelanggan tidak dapat login, dan halaman akan memberikan warning bahwa pelangganname atau password yang dimasukkan salah.
125 3.7.8.2.
Rancangan Halaman Edit Promo
3.5.8.1Promo
Produk
Comment Pemesanan Transaksi
XXXXX :
XXXXX: XXXXX: Submit
Gambar 3.40 Rancangan Edit Promo Pada rancangan edit promo, setelah pelanggan melakukan login terlebih dahulu. Pelanggan dapat mengedit content pada halaman home / promo pada tampilan untuk pelanggan. Kemudian terdapat tombol submit untuk memastikan content pada menu home / promo berubah.
126 3.7.8.3.
Rancangan Halaman Edit Produk Promo
Produk
Comment Pemesanan Transaksi
List Produk
XXXXX : XXXXX:
Update
Gambar 3.41 Rancangan Edit Produk Rancangan ini digunakan oleh pelanggan untuk mengedit produk baik terdapat penambahan produk baru, ataupun update harga produk yang sudah ada. button update tersedia untuk pelanggan dalam memastikan bahwa produk baru akan dimasukkan akan tersedia didalam list produk. Sehingga tampilan dalam menu catagories pada tampilan untuk pelanggan sudah terupdate dengan produk baru, atau list harga barang yang baru.
127 3.5.8.4.
Rancangan Halaman Edit Comment Promo Produk Comment Pemesanan Transaksi
Delete Delete Delete
Comment
Delete Delete
Gambar 3.42 Rancangan Edit Comment Pada rancangan Edit Comment, Pelanggan dapat menghapus setiap comment yang sudah ada pada tampilan comment untuk pelanggan. Pelanggan hanya perlu menekan tombol delete pada tampilan comment khusus pelanggan, sehingga comment yang sudah ada pada tampilan pelanggan dihapus.
128 3.5.8.5.
Rancangan Halaman Pemesanan Promo
Produk
Comment Pemesanan Transaksi
Confirm Confirm List Pemesanan
Confirm Confirm Confirm
Gambar 3.43 Rancangan Edit Pemesanan Pada tampilan ini, pelanggan dapat mengconfirm setiap pesanan yang dilakukan pelanggan. Pelanggan hanya perlu menekan tombol confirm, dan setiap pesanan produk yang dilakukan oleh pelanggan langsung diterima oleh pelanggan. Update akan mengecek apakah pemesanan sesuai dengan stok barang yang tersedia dalam perusahaan, saat data-data memenuhi confirmasi dapat dijalankan.
129 3.5.8.6.
Rancangan Halaman Transaksi Promo
Produk
Comment Pemesanan Transaksi
List Transaksi
Delete
Update
Delete
Update
XXXX: XXXX: Submit
Gambar 3.44 Rancangan Transaksi Dalam rancangan transaksi, pelanggan akan memastikan bahwa produk yang dipesan oleh pelanggan terpenuhi atau tidak. Pelanggan dapat mendelete ataupun mengupdate list transaksi yang telah masuk kedalam update. Dan tersedia tampilan untuk memasukan produk baru yang akan dipesan oleh pelanggan, dan pelanggan hanya perlu menekan tombol submit kemudian produk baru yang akan dipesan akan masuk kedalam list transaksi.
