BAB 3 ANALISIS DAN PERANCANGAN

Transkripsi

1 BAB 3 ANALISIS DAN PERANCANGAN 3.1 Sejarah Singkat Perusahaan PT Wanata Tama adalah sebuah perusahaan Nasional yang bergerak dalam bidang penjualan peralatan elektrikal dan instrumentasi. Bekerja sama dengan beberapa perusahaan asing seperti ASCO, WISE, EATON dan CHLORIDE, PT Wanata Tama dipercaya sebagai salah satu distributor untuk produk mereka di wilayah Indonesia. Produk tersebut banyak digunakan di instalasi pembangkit listrik, pabrik kimia, pabrik farmasi, pabrik makanan dan minuman, sistem instrumentasi dan pengolahan hasil pertambangan dan perkebunan. Didirikan pada awal tahun 2008 oleh Bapak Nico Ardi sebagai pemilik tunggal yang berkantor pusat di Jakarta, Cibubur Times Square Blok C2/12B Jl. Transyogi Km 3 Jakarta 17435, hingga kini telah memiliki beberapa pelanggan tetap perusahaan besar seperti PT Pertamina, Trakindo, WIKA, Conoco Phillips, Medco Energi, HESS, TOTAL, Tripatra, IKPT, dan lain lain.selain itu PT Wanata Tama juga memiliki kantor cabang di beberapa daerah seperti Surabaya, Plaju Palembang, Cilacap, dan Balikpapan yang berguna untuk membantu kinerja pusat dalam memasarkan produk. 47

2 Visi dan Misi Perusahaan PT. Wanata Tama mempunyai visi yaitu menjadi sebuah perusahaan yang mempunyai nama baik, kuat dan terdepan dalam persaingan global dalam era perdagangan bebas dengan memberikan dan menyediakan sebuah produk yang berkualitas. PT. Wanata Tama mempunyai misi: - Memberikan kepuasan bagi para pelanggan dengan meningkatkan kualitas produk dan menyediakan layanan yang prima. - Meningkatkan bisnis perdagangan yang bermanfaat bagi semua pihak yang berkepentingan dengan perusahaan. - Mengembangkan kompetensi SDM sehingga dapat berperan dalam perkembangan perdagangan. 3.3 Struktur Organisasi Struktur organisasi diperlukan agar spesifikasi dan pembagian tugas menjadi jelas, sehingga langkah-langkah kerja dan proses perencanaan sasaran serta target perusahaan dapat dilakukan. Struktur organisasi juga menggambarkan hubungan kerja antar bagian di dalam sebuah organisasi dan menjalin suatu kerja sama dari setiap fungsi dan tugas yang ada dan mencakup seluruh kegiatan perusahaan. Berikut adalah struktur organisasi yang ada pada PT. Wanata Tama:

3 49 Direktur Sales Manager Manajer Keuangan Staff Sales Cabang Administrasi Bagian Purchasing Bagian Keuangan Bagian Gudang Bagian Pengiriman Gambar 3.1 Struktur Organisasi PT. Wanata Tama 3.4 Tugas dan Wewenang Berdasarkan struktur organisasi tersebut terdapat tanggung jawab serta wewenang masing - masing unsur yang terlibat dalam organisasi. Berikut tugas dan wewenang dari struktur organisasi yang ada pada PT. Wanata Tama: Direktur Mengetahui kegiatan perusahaan secara keseluruhan. Memimpin dan mengendalikan perusahaan secara umum.

4 50 Menetapkan struktur organisasi perusahaan. Menyetujui anggaran pengeluaran perusahaan. Mewakili perusahaan secara hukum. Mengangkat dan menempatkan karyawan berdasarkan kinerja dan keahlian serta memutuskan penggajian. Manajer Keuangan Bertanggung jawab terhadap seluruh proses keuangan perusahaan. Menangani penggajian karyawan. Menangani cash flow perusahaan. Menangani laporan keuangan. Sales Manager Menganalisis pasar serta dapat menerapkan strategi pemasaran yang tepat. Beliau diberi wewenang secara penuh dalam hal kebijakan strategi pemasaran. Staff Sales Cabang Menangani segala kegiatan pemasaran produk. Menangani seluruh komplain terhadap produk yang telah dibeli oleh pelanggan. Administrasi Bertanggung jawab dalam proses administrasi data karyawan dan data pelanggan.

5 51 Bagian keuangan Mencatat semua pengeluaran dan penerimaan uang ke dalam buku kas atau bank. Menangani pembayaran ke supplier. Membuat laporan laba rugi dan neraca perusahaan. Menangani penggajian karyawan. Bagian Purchasing Bertangung jawab atas proses pemesanan dari bagian sales. Bagian Gudang Memberikan laporan stok produk ke bagian Purchasing. Bagian Pengiriman Bertanggung jawab dalam pengiriman barang kepada pelanggan. 3.5 Produk Yang Dijual Produk yang ditawarkan oleh PT. Wanata Tama diantaranya : 1. Peralatan Listrik: EATON : Untuk produk EATON terdiri dari dua jenis yaitu :

6 52 Switchgear & Busduct System : adalah alat untuk mengkontrol koneksi sistem pelistrikan Synchronizing Panel : adalah panel kontrol untuk sistem pelistrikan CHLORIDE : Untuk produk CHLORIDE terdiri dari tiga jenis yaitu : Uninterruptible Power Supply (UPS) System : adalah alat penyedia daya listrik sementara DC Supply / Battery Charger System : adalah carger battery untuk Lead Acid & Nickel Cadmium Battery Lead Acid & Nickel Cadmium Battery : adalah battery untuk UPS & mesin generator 2. Peralatan Instrument ASCO Valve : adalah alat pengatur aliran udara, gas, air, minyak dan uap. WISE : adalah alat pengukur tekanan temperatur gas, air, minyak dan uap BW : adalah alat pendeteksi gas. 3.6 Proses Penjualan Produk 1. Pelanggan menanyakan produk via telepon atau datang langsung dan diterima oleh bagian sales yang ada di daerah masing-masing. 2. Kemudian sales melihat katalog produk yang dinginkan pelanggan setelah itu menanyakan stok produk ke bagian Purchasing.

7 53 3. Apabila stok produk tersedia, sales memberikan surat penawaran yang berisi informasi produk ke pelanggan seperti spesifikasi, harga, tipe, nama, kode produk, dan waktu pengiriman kepada pelanggan. Jika stok produk tidak tersedia maka tidak terjadi pemesanan. 4. Jika pelanggan melanjutkan pemesanan produk, pelanggan diminta membuat PO (purchase order) sesuai dengan surat yang diberikan oleh sales yang tediri dari kode produk, jumlah produk yang dipesan, total harga dan waktu pembayaran produk dan diberikan kepada sales. 5. PO tersebut dikirim ke bagian penjualan untuk disetujui atau tidak 6. Apabila PO tersebut disetujui, bagian penjualan membuat faktur penjualan. Faktur penjualan tersebut terdiri dari tiga rangkap, dikirim ke pelanggan (asli) apabila telah melakukan pembayaran, dikirim ke bagian sales (rangkap pertama) untuk konfirmasi pembayaran, disimpan (rangkap kedua) dan dikirim ke bagian keuangan (rangkap ketiga) untuk mengecek pembayaran. Jika PO tidak disetujui bagian Purchasing mengkonfirmasi sales bahwa PO tidak disetujui, selanjutnya sales mengkonfirmasi pelangggan dan pemesanan batal. 7. Setelah tanggal jatuh tempo pembayaran, sales mengkonfirmasi pembayaran kepada pelanggan. 8. Pelanggan melakukan pembayaran dan dan mengirimkan bukti pembayaran ke sales, kemudian sales mengirimkan bukti pembayaran tersebut ke bagian keuangan.

8 54 9. Kemudian bagian keuangan memeriksa pembayaran pelanggan, apabila telah terbayar bagian keuangan membuat surat DO (delivery order) penjualan. DO penjualan tersebut terdiri dari tiga rangkap, dikirim ke bagian gudang (asli) untuk mengeluarkan produk, dikirim ke bagian Purchasing (rangkap pertama) untuk membuat data penjualan, disimpan (rangkap kedua) sebagai data bagian keuangan dan dikirim ke sales (rangkap ketiga) sebagai data sales. 10. Setelah menerima DO, bagian Purchasing mengirim faktur asli ke pelanggan. 11. Pelanggan menerima faktur penjualan (asli). 12. Setelah menerima DO, bagian gudang memberikan produk dan surat DO (asli) ke bagian pengiriman untuk segera mengirimkan produk ke pelanggan. 13. Pelanggan menerima produk dan mengecek apakah produk yang dipesan telah sesuai dengan pesanan atau tidak. Jika sesuai pelanggan menandatangani surat DO (asli).

9 Gambar 3.2 Flow Chart Proses Penjualan Produk Yang Berjalan 55

10 Proses Pembelian Produk 1. Bagian gudang memeriksa stok barang secara berkala, apabila stok produk mencapai minimum bagian gudang mengkonfirmasi bagian Purchasing. 2. Bagian Purchasing mengajukan surat penawaran kepada supplier. 3. Kemudian bagian Purchasing mengirim surat penawaran ke bagian gudang. Bagian Gudang membuat PO pembelian berdasarkan surat penawaran supplier. PO pembelian tersebut terdiri dari tiga rangkap, dikirim ke bagian keuangan (asli dan rangkap satu) untuk menyetujui PO pembelian dan rangkap satu disimpan bagian keuangan, dikirim ke bagian Purchasing (rangkap kedua) untuk data bagian Purchasing, disimpan (rangkap ketiga) untuk data bagian gudang. Apabila bagian keuangan menyetujui PO pembelian, bagian keuangan mengirimkan PO pembelian (asli) ke supplier. 4. Bagian gudang menerima copy invoice, surat penerimaan produk dari supplier, dan melakukan pemeriksaan barang yang dikirim oleh supplier. Jika barang yang dikirim sesuai dengan PO pembelian maka bagian gudang menerima produk dan membuat laporan stok produk kepada bagian Purchasing. 5. Bagian gudang mengirim copy invoice ke bagian keuangan. Bagian keuangan melakukan pembayaran PO pembelian kepada supplier, kemudian mengirimkan bukti pembayaran ke supplier. 6. Supplier mengirimkan invoice yang asli ke bagian keuangan.

11 Gambar 3.3 Flow Chart Proses Pembelian Produk Yang Berjalan 57

12 Analisis Wawancara dan Kuisioner Dari hasil analisis sistem yang berjalan, disusunlah beberapa pertanyaan dan kuisioner sehingga diharapkan bisa lebih memperjelas permasalahan apa saja yang dihadapi PT. Wanata Tama dalam proses bisnisnya. Berikut adalah rangkuman hasil analisis dari kuisioner dan wawancara yang telah dilaksanakan. Data wawancara dan kuisioner secara lengkap kami tempatkan pada bagian lampiran dalam skripsi ini. Tabel 3.1 Rangkuman Hasil Analisis Wawancara NO Masalah Pengguna Evaluasi Dari : 1. Informasi Produk kepada pelanggan yang diberikan PT. Wanata Tama masih sangat terbatas. yang mengalami masalah Pelanggan. Hasil wawancara dengan Sales Manager pertanyaan no 1,2,3,4. Produk yang dijual PT. Wanata Tama digunakan untuk keperluan industri dan pertambangan yang berisi banyak spesifikasi tentang

13 59 produk yang dijual dan promosi produk yang dilakukan PT. Wanata Tama masih hanya berupa gambar, nama dan kategori, sehingga pelanggan sangat sulit menentukan produk yang mereka inginkan. 2. Proses mengetahui informasi produk sangat memakan waktu pelanggan dan proses sales memberikan informasi produk kepada pelanggan sangat lambat Pelanggan Sales Bagian Purchasing Hasil wawancara dengan Sales Manager pertanyaan no 5,10,11. Pelanggan bila ingin mengetahui informasi produk lebih detail harus menghubungi atau datang langsung ke sales terdekat. Setelah itu sales menanyakan stok produk kepada bagian Purchasing.

14 60 3. Proses pemesanan produk yang dilakukan pelanggan sangat rumit dan lama. Pelanggan Sales Bagian Purchasing Proses seperti ini sangat mengabiskan waktu pelanggan, sales dan bagian Purchasing, memungkinkan tidak selalu memberikan konfirmasi ke sales jika jaringan telp bermasalah. Hasil wawancara dengan Sales Manager pertanyaan no 6 Pelanggan harus menunggu konfirmasi stok produk dari sales kemudian membuat PO dan dikirim ke sales, kemudian PO dikirim dan disetujui oleh bagian Purchasing. Proses seperti ini sangat menyulitkan pelanggan karena pelanggan harus diminta

15 61 4. Proses pengiriman berkas antar pengguna bisnis sangat merepotkan. Pelanggan Sales Bagian Purchasing. membuat PO untuk produk yang mereka pesan dan menunggu konfirmasi PO disetujui atau tidak. Hasil wawancara dengan Sales Manager pertanyaan no 6,7,8. Berkas yang telah dibuat dijadikan beberapa rangkap dan dikirim ke beberapa staff. 5. Proses pembelian produk ke supplier memerlukan proses yang cukup lama. Bagian Gudang Bagian Purchasing Bagian Keuangan. Proses seperti ini bisa terjadi kesalahan pengiriman antar pengguna proses bisnis. Hasil wawancara dengan Sales Manager Pertanyaan no 7. Bagian gudang mengirimkan surat stok minimum, dan memberitahukan bagian Purchasing, kemudian bagian Purchasing mengirimkan surat

16 62 penawaran ke supplier, dan setelah menerima surat penawaran dari supplier bagian Purchasing mengirimkan surat penawaran ke gudang, kemudian gudang membuat PO pembelian dan meminta persetujuan dari bagian keuangan. Proses ini membutuhkan proses yang lama. 6. Proses menyimpanan berkas masih manual. Pelanggan Sales Bagian Purchasing Bagian Keuangan Bagian Gudang. Hasil wawancara dengan Sales Manager Pertanyaan no 9. Data yang dibuat disimpan ke dalam berkas sehingga memungkinkan untuk terjadinya kehilangan dan pencarian berkas menjadi lama

17 63 7. Web yang digunakan PT. Wanata Tama belum banyak membantu proses bisnis yang sedang berjalan. Pelanggan,. Hasil wawancara dengan Sales Manager Pertanyaan no 12. Web yang digunakan oleh PT. Wanata Tama hanya dapat menampilkan produk. Sehingga pelanggan masih melakukan pemesanan secara manual. Tabel 3.2 Rangkuman Hasil Analisis Quisioner Target Pengguna Informasi yang Value yang di Evaluasi diperlukan harapkan dari : 1. Pelanggan,Sales,Bagian Perancangan Memudahkan Kuisioner Penjualan, Bagian pembuatan pelanggan dalam No. 1,4. Gudang aplikasi lihat melihat informasi produk, seperti Pelanggan searching, input harga,stok,spesifi mengalami produk kasi produk dan kesulitan dapat mencari dalam

18 64 produk yang diinginkan pada fitur searching yang disediakan website,bagian mengetahui informasi produk secara detail. gudang dapat menginput produk yang tersedia di website dan tidak perlu membuat laporan stok produk karena stok produk dapat dilihat oleh semua user pada website, dan sales tidak perlu melakukan konfirmasi stok produk kepada bagian

19 65 Purchasing. 2. Pelanggan Perancangan Memudahkan Kuisioner,Sales,Bagian aplikasi pelanggan dalam No. 2,3,8,9 Penjualan,Bagian pemesanan pada melakukan Keuangan,Bagian website, pemesanan Pelanggan Gudang,Bagian menyetujui produk,bagian mengalami Keuangan pesanan PO. Purchasing dapat kesulitan dengan cepat dalam menyetujui melakukan pesanan dan tidak pemesanan perlu menunggu produk yang sales mengirim diinginkan PO dari pelanggan. 3. Pelanggan,Sales,Bagian Perancangan Memudahkan Kuisioner Keuangan aplikasi pelanggan dalam No. 5,6,7 konfirmasi melakukan pembayaran di konfirmasi Konfirmasi website. pembayaran dan pembayaran dilihat oleh oleh bagian keuangan, pelanggan

20 66 sehingga proses pengiriman kurang efektif. produk menjadi lebih cepat. Tabel diatas merupakan hasil rangkuman wawancara dan kuisioner yang kami lakukan pada hari Rabu, 24 November 2010 pada PT. Wanata Tama. Sementara untuk evaluasi hasil wawancara dan kuisoner terhadap solusi yang ditawarkan adalah sebagai berikut : 1. Masalah proses penjualan dan pembelian seperti pengiriman data, dan interaksi antar pelanggan dan staff kurang efektif. Bpk. Heri Agus Sudiono selaku Sales Manager mengharapkan ada sebuah aplikasi baru yang dapat mempercepat proses bisnis yang berjalan pada PT. Wanata Tama. Sehingga meningkatkan kinerja pada perusahaan. 2. Masalah penyampaian informasi produk,pemesanan produk yang sangat lama. pelanggan pada dasarnya menginginkan sebuah aplikasi yang bisa mengatasi permasalahan tersebut. Dengan aplikasi yang menyediakan fitur pembuat informasi produk secara detail, Pembuatan PO online, konfirmasi pembayaran online diharapkan mampu mengatasi masalah tersebut

21 Identifikasi permasalahan Dari hasil analisis proses yang berjalan juga wawancara dan kuisioner yang telah dilakukan, kami setidaknya dapat mengidentifikasi beberapa masalah masalah yang dihadapi oleh PT. Wanata Tama, diantaranya sebagai berikut : Website yang telah digunakan oleh PT. Wanata Tama hanya menampilkan profile perusahaan dan informasi produk masih terbatas. Sehingga pelanggan mengalami kesulitan dalam mengetahui informasi produk secara detail yang mereka inginkan. Pelanggan mengalami kesulitan dalam melakukan pemesanan produk pada PT.Wanata Tama. Proses pembuatan dan penyimpanan berkas masih menggunakan sistem manual. Hal ini memungkinkan berkas hilang dan sulit dicari. Proses pengiriman berkas antar staff sangat rumit dan lama. Sistem ini memungkinkan pengiriman berkas antar staff tidak sampai Usulan pemecahan masalah Dari hasil analisis identifikasi masalah yang telah disebutkan sebelumnya, kami mencoba memberikan usulan pemecahan masalah yang dapat menyelesaikan masalah masalah yang ada. Kami memberikan sebuah solusi dengan pembangunan sebuah aplikasi pembelian dan penjualan berbasis web Pada PT. Wanata Tama. Didalam web tersebut diantaranya akan terdapat fitur-fitur sebagai berikut :

22 68 Menampilkan informasi produk secara detail seperti harga, spesifikasi, stok yang selalu up-to-date. Pelanggan dapat melakukan pemesanan dan secara otomatis dan langsung membuat PO secara online. Pelanggan dapat melakukan konfirmasi pembayaran melalui web. Sehingga pelanggan tidak perlu menghubungi staff PT. Pembuatan berkas seperti faktur, delivery order (DO) dan PO supplier oleh staff dapat dilakukan dan dilihat melalui web sesuai dengan hak akses dan tanggung jawab yang diberikan. Dengan ini kinerja perusahaan menjadi lebih cepat, karena pembuatan berkas lebih akurat dan penyimpanan data lebih efisien Perancangan Metode perancangan yang digunakan adalah model yang berorientasi objek dengan menggunakan UML.

23 Class Diagram Gambar 3.4 Class Diagram

24 Use Case Gambar 3.5 Use Case System

25 71 Gambar 3.6 Use Case System Login Tabel 3.3 Deskripsi Use Case System Login Pada User Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event Login Use Case ini di awali apabila user ingin melakukan login Use Case ini mendeskripsikan proses user ketika melakukan login Administator, Customer, Sales, Keuangan, Purchasing, dan Gudang User memasukan username dan password sebelum login Actor Respon System 1. User memasukan Username 2. System merespons dengan dan Password cara memeriksa username dan password yang di input oleh user kedalam database 3. Apabila cocok System menampilkan Halaman utama, jika tidak System menampilkan pesan username atau password

26 72 salah 4. System membuat session Post condition User telah melakukan login Gambar 3.7 Use Case System Logout Tabel 3.4 Deskripsi Use Case System Logout Pada User Nama Use Logout Case Tujuan Use Case ini di awali apabila user sudah login dan ingin keluar dari halaman utama Deskripsi Use Case ini mendeskripsikan proses user ketika melakukan logout Aktor Administator, Customer, Sales, Keuangan, Purchasing, dan Gudang Prakondisi User memilih link logout Actor Respon System Flow of event 1. User memlih link logout 2. System merespons dan menampilkan halaman index

27 73 Post condition 3. System menghapus session User sudah logout dan kembali ke halaman index Gambar 3.8 System Use Case System Staff Tabel 3.5 Deskripsi Use Case System Staff Pada Administrator Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event System Staff Mengatur data staff PT. Wanata Tama yang dapat login pada website Use Case ini mendeskripsikan proses pengaturan data staff pada administrator Administator Adminstrator login terlebih dahulu dan memilih link staff pada halaman utama Actor Respon System 1. Administrator memilih link 2. System merespons dan list staff menampilkan daftar staff yang tersimpan pada database

28 74 3. Administrator memilih link delete staff 4. System merespons dan mendelete data staff pada database Post condition 5. Adminstrator memilih link add staff 7. Administrator memlilih link edit staff 6. System merespons dan menambah data staff pada databse 8. System merespons dan merubah data staff pada database Adminstrator dapat melakukan view staff, delete staff, add staff, dan edit staff Gambar 3.9 Use Case System Customer Tabel 3.6 Deskripsi Use Case System Customer Pada Administator Nama Use Case Tujuan Deskripsi Aktor Prakondisi System Customer Mengatur data Customer PT. Wanata Tama yang dapat login pada website Use Case ini mendeskripsikan proses pengaturan data Customer pada administrator Administator Adminstrator login terlebih dahulu dan memilih link Customer pada halaman utama Actor Respon System

29 75 Flow of event 1. Administrator memilih link list Customer 3. Administrator memilih link delete Customer 2. System merespons dan menampilkan daftar Customer yang tersimpan pada database 4. System merespons dan mendelete data Customer pada database Post condition Adminstrator dapat melakukan view Customer dan delete Customer Tabel 3.7 Deskripsi Use Case System Customer Pada Customer Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event Post condition System Customer Mengatur data Customer PT. Wanata Tama yang dapat login pada website Use Case ini mendeskripsikan proses pengaturan data Customer pada Customer Customer Customer mengakses website Actor Respon System 1. Customer memilih link 2. System merespons dan registration menampilkan halaman 3. Customer menginput form registration Customer dapat melakukan registration form registration 4. System merespons dan memeriksa inputan apabila benar, data inputan disimpan kedalam database dan jika salah System menampilkan pesan kesalahan inputan

30 76 Gambar 3.10 Use Case System Supplier Tabel 3.8 Deskripsi Use Case System Supplier Pada Administator Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event System Supplier Mengatur data Supplier PT. Wanata Tama yang dapat login pada website Use Case ini mendeskripsikan proses pengaturan data Supplier pada administrator Administator Adminstrator login terlebih dahulu dan memilih link Supplier pada halaman utama Actor Respon System 1. Administrator memilih link 2. System merespons dan list Supplier menampilkan daftar Supplier yang tersimpan 3. Administrator memilih link delete Supplier pada database 4. System merespons dan mendelete data Supplier pada database 5. Adminstrator memilih link add Supplier 6. System merespons dan menambah data

31 77 Supplier pada database Post condition 7. Administrator memlilih link edit Supplier 8. System merespons dan merubah data Supplier pada database Adminstrator dapat melakukan view Supplier, delete Supplier, add Supplier, dan edit Supplier Gambar 3.11 Use Case System Product Tabel 3.9 Deskripsi Use Case System Product Pada Administator Nama Use Case Tujuan Deskripsi Aktor Prakondisi System Product Mengatur data product PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data product pada Adminstrator Administator Administator telah login terlebih dahulu dan memilih link product

32 78 Flow of event Actor 1. Administrator memilih link list product 3. Administrator memilih link delete product Respon System 2. System merespons dan menampilkan daftar product yang tersimpan pada database 4. System merespons dan mendelete data product pada database Post condition 5. Administrator memlilih link edit product 6. System merespons dan merubah data product pada database Adminstrator dapat melakukan view product,delete product, dan edit product Tabel 3.10 Deskripsi Use Case System Product Pada Customer Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event Post condition System Product Mengatur data product PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data product pada Customer Customer Customer telah login terlebih dahulu dan memilih link product. Actor Respon System 1. Customer memilih link list 2. System merespons dan product menampilkan daftar product yang tersimpan 3. Customer memlilih link order pada database 4. System merespons dan menyimpan data order product pada database dalam bentuk PO Customer dapat melakukan view product dan order product Tabel 3.11 Deskripsi Use Case System Product Pada Gudang Nama Use Case Tujuan Deskripsi System Product Mengatur data product PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data product pada Gudang

33 79 Aktor Prakondisi Flow of event Post condition Gudang Gudang telah login terlebih dahulu dan memilih link product. Actor Respon System 1. Gudang memilih link list 2. System merespons dan product menampilkan daftar product yang tersimpan 3. Gudang memilih link delete product 5. Gudang memlilih link edit product 7. Gudang memlilih link add product pada database 4. System merespons dan mendelete data product pada database 6. System merespons dan merubah data product pada database 8. System merespons dan menyimpan data product pada database Gudang dapat melakukan view product,delete product,edit product,add product Tabel 3.12 Deskripsi Use Case System Product Pada Purchasing Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event Post condition System Product Mengatur data product PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data product pada Purchasing Purchasing Purchasing telah login terlebih dahulu dan memilih link product. Actor Respon System 1. Purchasing memilih link list 2. System merespons dan product menampilkan daftar product yang tersimpan pada database Purchasing dapat melakukan view product Tabel 3.13 Deskripsi Use Case System Product Pada Keuangan Nama Use Case Tujuan Deskripsi System Product Mengatur data product PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data product pada

34 80 Aktor Prakondisi Flow of event Post condition Keuangan Keuangan Keuangan telah login terlebih dahulu dan memilih link product. Actor Respon System 1. Keuangan memilih link list 2. System merespons dan product menampilkan daftar product yang tersimpan pada database Keuangan dapat melakukan view product Tabel 3.14 Deskripsi Use Case System Product Pada Sales Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event Post condition System Product Mengatur data product PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data product pada Sales Sales Sales telah login terlebih dahulu dan memilih link product. Actor Respon System 1. Sales memilih link list 2. System merespons dan product menampilkan daftar product yang tersimpan pada database Sales dapat melakukan view product

35 81 Gambar 3.12 Use Case System PO Customer Tabel 3.15 Deskripsi Use Case System PO Customer Pada Administrator Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event System PO Customer Mengatur data PO Customer PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data PO Customer pada Administrator Administrator Administrator telah login terlebih dahulu dan memilih link PO Customer Actor Respon System 1. Administrator memilih link 2. System merespons dan list PO Customer menampilkan daftar PO Customer yang tersimpan pada 3. Administrator memilih link detail pada list PO Customer 5. Administrator memilih link delete pada list PO Customer database 4. System merespons dan menampilkan detail PO Customer yang tersimpan pada database 6. System merespons dan menghapus PO

36 82 Post condition Customer pada database Administrator dapat melakukan view,delete, dan view detail PO Customer Tabel 3.16 Deskripsi Use Case System PO Customer Pada Purchasing Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event Post condition System PO Customer Mengatur data PO Customer PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data PO Customer pada Purchasing Purchasing Purchasing telah login terlebih dahulu dan memilih link PO Customer Actor Respon System 1. Purchasing memilih link list 2. System merespons dan PO Customer menampilkan daftar PO Customer yang 3. Purchasing memilih link detail pada list PO Customer 5. Purchasing memilih link delete pada list PO Customer 7. Purchasing memilih tombol change status pada detail tersimpan pada database 4. System merespons dan menampilkan detail PO Customer yang tersimpan pada database 6. System merespons dan menghapus PO Customer pada database 8. System merespons dan menghapus PO Customer pada database PO Customer Purchasing dapat melakukan view,delete,view detail dan ubah status PO Customer Tabel 3.17 Deskripsi Use Case System PO Customer Pada Customer Nama Use Case Tujuan Deskripsi Aktor Prakondisi System PO Customer Mengatur data PO Customer PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data PO Customer pada Customer Customer Customer telah login terlebih dahulu dan memilih link PO Customer Actor Respon System

37 83 Flow of event Post condition 1. Customer memilih link list PO Customer Customer dapat melakukan view PO Customer 2. System merespons dan menampilkan daftar PO Customer yang tersimpan pada database Tabel 3.18 Deskripsi Use Case System PO Customer Pada Sales Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event Post condition System PO Customer Mengatur data PO Customer PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data PO Customer pada Sales Sales Sales telah login terlebih dahulu dan memilih link PO Customer Actor Respon System 1. Sales memilih link list PO 2. System merespons dan Customer menampilkan daftar PO Customer yang tersimpan pada database Sales dapat melakukan view PO Customer System Invoice Customer list Invoice Customer Administ rator Delete Invoice Customer Keuangan Sales Add Invoice Customer Purchasing Gambar 3.13 Use Case System Invoice Customer

38 84 Tabel 3.19 Deskripsi Use Case System Invoice Customer Pada Administrator Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event Post condition System Invoice Customer Mengatur data Invoice Customer PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data Invoice pada Administrator Administrator Administrator telah login terlebih dahulu dan memilih link Invoice Actor Respon System 1. Administrator memilih link 2. System merespons dan list Invoice Customer menampilkan data daftar Invoice Customer yang tersimpan pada 3. Administrator memilih link detail pada list Invoice Customer 5. Administrator memilih link delete pada list Invoice Customer database 4. System merespons dan menampilkan data detail Invoice Customer yang tersimpan pada database 6. System merespons dan menghapus data Invoice Customer pada database Administrator dapat melakukan view,delete, dan view detail Invoice Customer Tabel 3.20 Deskripsi Use Case System Invoice Customer Pada Sales Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event System Invoice Customer Mengatur data Invoice Customer PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data Invoice Customer pada Sales Sales Sales telah login terlebih dahulu dan memilih link Invoice Actor Respon System 1. Sales memilih link list 2. System merespons dan Invoice Customer menampilkan data daftar Invoice Customer yang 3. Sales memilih link detail list Invoice Customer tersimpan pada database 4. System merespons dan menampilkan detail Invoice Customer yang

39 85 Post condition tersimpan pada database Sales dapat melakukan view dan view detail Invoice Customer Tabel 3.21 Deskripsi Use Case System Invoice Customer Pada Keuangan Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event Post condition System Invoice Customer Mengatur data Invoice Customer PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data Invoice Customer pada Keuangan Keuangan Keuangan telah login terlebih dahulu dan memilih link Invoice Actor Respon System 1. Keuangan memilih link list 2. System merespons dan Invoice Customer menampilkan data daftar Invoice Customer yang 3. Keuangan memilih link detail list Invoice Customer tersimpan pada database 4. System merespons dan menampilkan detail Invoice Customer yang tersimpan pada database Keuangan dapat melakukan view dan view detail Invoice Customer Tabel 3.22 Deskripsi Use Case System Invoice Customer Pada Purchasing Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event System Invoice Customer Mengatur data Invoice Customer PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data Invoice Customer pada Purchasing Purchasing Purchasing telah login terlebih dahulu dan memilih link Invoice Actor Respon System 1. Purchasing memilih link list 2. System merespons dan Invoice Customer menampilkan daftar Invoice Customer yang 3. Purchasing memilih link detail list Invoice Customer tersimpan pada database 4. System merespons dan menampilkan detail Invoice Customer yang tersimpan pada database

40 86 Post condition 5. Purchasing memilih link delete list Invoice Customer 7. Purchasing memilih link Add list Invoice Customer 9. Purchasing memilih Id PO dan memilih tombol create 6. System merespons dan menghapus data Invoice Customer pada database 8. System merespons dan menampikan list Id PO 10. System merespons dan menyimpan data pada database Purchasing dapat melakukan view, delete, add dan view detail Invoice Customer Gambar 3.14 Use Case System Payment Tabel 3.23 Deskripsi Use Case System Payment Pada Customer Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event System payment Mengatur data payment PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data payment pada Customer Customer Customer telah login terlebih dahulu dan memilih link payment. Actor Respon System 1. Customer memilih link list 2. System merespons dan payment menampilkan daftar

41 87 Customer memilih link delete payment payment yang tersimpan pada database 3. System merespons dan mendelete data payment pada database Post condition 4. Customer memlilih link add payment 5. System merespons dan menyimpan data payment pada database Customer dapat melakukan view payment,delete payment, add payment Tabel 3.24 Deskripsi Use Case System Payment Pada Administrator Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event Post condition System Sales Mengatur data payment PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data payment pada Adminstrator Sales Sales telah login terlebih dahulu dan memilih link payment. Actor Respon System 1. Adminstrator memilih link 2. System merespons dan list payment menampilkan daftar payment yang tersimpan 3. Adminstrator memilih link delete payment pada database 4. System merespons dan mendelete data payment pada database Adminstrator dapat melakukan view payment, delete payment, dan add payment Tabel 3.25 Deskripsi Use Case System Payment Pada Sales Nama Use Case Tujuan Deskripsi Aktor Prakondisi System Sales Mengatur data payment PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data payment pada Adminstrator Sales Sales telah login terlebih dahulu dan memilih link payment. Actor Respon System

42 88 Flow of event Post condition 5. Sales memilih link list payment Sales dapat melakukan view payment 6. System merespons dan menampilkan daftar payment yang tersimpan pada database Tabel 3.26 Deskripsi Use Case System Payment Pada Keuangan Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event Post condition System keuangan Mengatur data payment PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data payment pada Adminstrator keuangan keuangan telah login terlebih dahulu dan memilih link payment. Actor Respon System 1. keuangan memilih link list 2. System merespons dan payment menampilkan daftar payment yang tersimpan pada database keuangan dapat melakukan view payment Gambar 3.15 Use Case System DO Customer

43 89 Tabel 3.27 Deskripsi Use Case System DO Customer Pada Sales Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event Post condition System DO Customer Mengatur data DO Customer PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data DO Customer pada Sales Sales Sales telah login terlebih dahulu dan memilih link DO Customer Actor Respon System 1. Sales memilih link list DO 2. System merespons dan Customer menampilkan data daftar DO Customer yang 3. Sales memilih link detail list DO Customer tersimpan pada database 4. System merespons dan menampilkan detail DO Customer yang tersimpan pada database Sales dapat melakukan view dan view detail DO Customer Tabel 3.28 Deskripsi Use Case System Invoice Customer Pada Administrator Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event System DO Customer Mengatur data DO Customer PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data DO pada Administrator Administrator Administrator telah login terlebih dahulu dan memilih link DO Actor Respon System 1. Administrator memilih link 2. System merespons dan list DO Customer menampilkan data daftar DO Customer yang tersimpan pada 3. Administrator memilih link detail pada list DO Customer 5. Administrator memilih link delete pada list DO Customer database 4. System merespons dan menampilkan data detail DO Customer yang tersimpan pada database 6. System merespons dan menghapus data DO Customer pada

44 90 Post condition database Administrator dapat melakukan view,delete, dan view detail DO Customer Tabel 3.29 Deskripsi Use Case System DO Customer Pada Purchasing Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event Post condition System DO Customer Mengatur data DO Customer PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data DO Customer pada Purchasing Purchasing Purchasing telah login terlebih dahulu dan memilih link DO Customer Actor Respon System 1. Purchasing memilih link 2. System merespons dan list DO Customer menampilkan data daftar DO Customer yang 3. Purchasing memilih link detail list DO Customer tersimpan pada database 4. System merespons dan menampilkan detail DO Customer yang tersimpan pada database Purchasing dapat melakukan view dan view detail DO Customer Tabel 3.30 Deskripsi Use Case System DO Customer Pada Keuangan Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event System DO Customer Mengatur data Invoice Customer PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data DO Customer pada Keuangan Keuangan Keuangan telah login terlebih dahulu dan memilih link DO Actor Respon System 1. Keuangan memilih link list 2. System merespons dan DO Customer menampilkan daftar DO Customer yang 3. Keuangan memilih link detail list DO Customer tersimpan pada database 4. System merespons dan menampilkan detail DO Customer yang

45 91 Post condition tersimpan pada database 5. Keuangan memilih link 6. System merespons dan delete list DO Customer menghapus data DO Customer pada database 7. Keuangan memilih link Add 8. System merespons dan list DO Customer menampikan list Id Invoice 9. Keuangan memilih Id 10. System merespons dan Invoice dan memilih tombol menyimpan data pada create database Keuangan dapat melakukan view, delete, add dan view detail DO Customer Tabel 3.31 Deskripsi Use Case System DO Customer Pada Gudang Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event Post condition System DO Customer Mengatur data DO Customer PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data DO Customer pada Gudang Gudang Gudang telah login terlebih dahulu dan memilih link DO Customer Actor Respon System 1. Gudang memilih link list 2. System merespons dan DO Customer menampilkan data daftar DO Customer yang 3. Gudang memilih link detail list DO Customer tersimpan pada database 4. System merespons dan menampilkan detail DO Customer yang tersimpan pada database Gudang dapat melakukan view dan view detail DO Customer

46 92 Gambar 3.16 Use Case System Message Tabel 3.32 Deskripsi Use Case System message Pada User Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event System message pada user Mengatur data message pada user PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data message pada user Customer, Administrator, Gudang, Sales, Keuangan, dan Purchasing User telah login terlebih dahulu dan memilih link message Actor Respon System 1. User memilih link inbox 2. System merespons dan menampilkan daftar inbox yang tersimpan pada database 3. User memilih link send item 4. System merespons dan menampilkan data send item yang tersimpan pada database 5. User memilih link delete 6. System merespons dan message menghapus data message pada database

47 93 Post condition 7. User memilih compose message User dapat melakukan fitur message pada website 8. System merespons dan menyimpan data pada database Gambar 3.17 Use Case System PO Supplier Tabel 3.33 Deskripsi Use Case System PO Supplier Pada Administrator Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event System PO Supplier Mengatur data PO Supplier PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data PO Supplier pada Administrator Administrator Administrator telah login terlebih dahulu dan memilih link PO Supplier Actor Respon System 1. Administrator memilih link 2. System merespons dan list PO Supplier menampilkan daftar PO Supplier yang tersimpan pada database

48 94 Post condition 3. Administrator memilih link detail pada list PO Supplier 5. Administrator memilih link delete pada list PO Supplier 4. System merespons dan menampilkan detail PO Supplier yang tersimpan pada database 6. System merespons dan menghapus PO Supplier pada database Administrator dapat melakukan view, delete, dan view detail PO Supplier Tabel 3.34 Deskripsi Use Case System PO Supplier Pada Purchasing Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event Post condition System PO Supplier Mengatur data PO Customer PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data PO Supplier pada Purchasing Purchasing Purchasing telah login terlebih dahulu dan memilih link PO Customer Actor Respon System 1. Purchasing memilih link list 2. System merespons dan PO Penjualan menampilkan daftar PO Penjualan yang 3. Purchasing memilih link detail pada list PO Supplier tersimpan pada database 4. System merespons dan menampilkan detail PO Penjualan yang tersimpan pada database Purchasing dapat melakukan view detail dan view List PO Customer Tabel 3.35 Deskripsi Use Case System PO Supplier Pada Keuangan Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event System PO Supplier Mengatur data PO Supplier PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data PO Supplier pada Penjualan Keuangan Keuangan telah login terlebih dahulu dan memilih link PO Supplier Actor Respon System 1. Keuangan memilih link list 2. System merespons dan PO Supplier menampilkan daftar PO

49 95 Post condition Supplier yang tersimpan pada database 3. Keuangan memilih link detail 4. System merespons dan pada list PO Customer menampilkan detail PO Supplier yang tersimpan pada database 5. Keuangan memilih link delete 6. System merespons dan pada list PO Supplier menghapus PO Supplier pada database 7. Keuangan memilih tombol 8. System merespons dan change status pada detail PO menghapus PO Supplier Supplier pada database Keuangan dapat melakukan view,delete,view detail dan ubah status PO Customer Tabel 3.36 Deskripsi Use Case System PO Supplier Pada Gudang Nama Use Case Tujuan Deskripsi Aktor Prakondisi Flow of event Post condition System PO Supplier Mengatur data PO Supplier PT. Wanata Tama pada website Use Case ini mendeskripsikan proses pengaturan data PO Supplier pada Gudang Gudang Gudang telah login terlebih dahulu dan memilih link PO Supplier Actor Respon System 1. Gudang memilih link list 2. System merespons dan PO Supplier menampilkan daftar PO Supplier yang tersimpan 3. Gudang memilih link detail pada list PO Supplier 5. Gudang memilih link delete pada list PO Supplier 7. Gudang memilih link add PO Supplier pada database 4. System merespons dan menampilkan detail PO Supplier yang tersimpan pada database 6. System merespons dan menghapus PO Supplier pada database 8. System merespons dan menyimpan PO Supplier pada database Gudang dapat melakukan view, delete, add dan view detail PO Supplier

50 Sequence Diagram Sequence Diagram Login pada Customer Gambar 3.18 Sequence Diagram Login pada Customer Sequence Diagram Staff Login Gambar 3.19 Sequence Diagram Staff Login

51 97 Sequence Diagram Customer Logout Gambar 3.20 Sequence Diagram Customer Logout Sequence Diagram Staff Logout Gambar 3.21 Sequence Diagram Staff Logout

52 98 Sequence Diagram List Product pada Customer Member Gambar 3.22 Sequence Diagram List Product pada Customer Member

53 99 Sequence Diagram Order Product pada Customer Member Gambar 3.23 Sequence Diagram Order Product pada Customer Member

54 100 Sequence Diagram Customer List PO pada Customer Member Gambar 3.24 Sequence Diagram List PO Customer pada Customer Member Sequence Diagram Detail PO Customer pada Customer Member Gambar 3.25 Sequence Diagram Detail PO Customer pada Customer Member

55 101 Sequence Diagram List confirmation Payment pada Customer Member Gambar 3.26 Sequence Diagram List Confirmation Payment pada Customer Member Sequence Diagram Payment pada Customer Member Gambar 3.27 Sequence Diagram Payment pada Customer Member

56 102 Sequence Diagram Message Inbox pada Customer Gambar 3.28 Sequence Diagram Message Inbox pada Customer Sequence Diagram Message Sent Item pada Customer Gambar 3.29 Sequence Diagram Message Sent Item pada Customer

57 103 Sequence Diagram Compose Message pada Customer Member Gambar 3.30 Sequence Diagram Compose Message pada Customer Member Sequence Diagram Delete Message pada Customer Member Gambar 3.31 Sequence Diagram Delete Message pada Customer Member

58 104 Sequence Diagram List Product pada Administrator Gambar 3.32 Sequence Diagram List Product pada Administrator Sequence Diagram Edit Product pada Administrator Gambar 3.33 Sequence Diagram Edit Product pada Administrator

59 105 Sequence Diagram Delete Product pada Administrator Gambar 3.34 Sequence Diagram Delete Product pada Administrator Sequence Diagram List Staff pada Administrator Gambar 3.35 Sequence Diagram List Staff pada Administrator

60 106 Sequence Diagram Edit Staff pada Administrator Gambar 3.36 Sequence Diagram Edit Staff pada Administrator Sequence Diagram Delete Staff pada Administrator Gambar 3.37 Sequence Diagram Delete Staff pada Administrator

61 107 Sequence Diagram Add Staff pada Administrator Gambar 3.38 Sequence Diagram Add Staff pada Administrator Sequence Diagram List Customer pada Administrator Gambar 3.39 Sequence Diagram List Customer pada Administrator

62 108 Sequence Diagram Delete Customer pada Administrator Gambar 3.40 Sequence Diagram Delete Customer pada Administrator Sequence Diagram List Supplier pada Administrator Gambar 3.41 Sequence Diagram List Supplier pada Administrator

63 109 Sequence Diagram Edit Supplier pada Administrator Gambar 3.42 Sequence Diagram Edit Supplier pada Administrator Sequence Diagram Delete Supplier pada Administrator Gambar 3.43 Sequence Diagram Delete Supplier pada Administrator

64 110 Sequence Diagram Add Supplier pada Administrator Gambar 3.44 Sequence Diagram Add Supplier pada Administrator Sequence Diagram List PO Customer pada Administrator Gambar 3.45 Sequence Diagram List PO Customer pada Administrator

65 111 Sequence Diagram Delete PO Customer pada Administrator Gambar 3.46 Sequence Diagram Delete PO Customer pada Administrator Sequence Diagram Detail PO Customer pada Administrator Gambar 3.47 Sequence Diagram Detail PO Customer pada Administrator

66 112 Sequence Diagram List Invoice pada Administrator Gambar 3.48 Sequence Diagram List Invoice pada Administrator Sequence Diagram Delete Invoice pada Administrator Gambar 3.49 Sequence Diagram Delete Invoice pada Administrator

67 113 Sequence Diagram Detail Invoice pada Administrator Gambar 3.50 Sequence Diagram Detail Invoice pada Administrator Sequence Diagram List DO Customer pada Administrator Gambar 3.51 Sequence Diagram List DO Customer pada Administrator

68 114 Sequence Diagram Delete DO Customer pada Administrator Gambar 3.52 Sequence Diagram Delete DO Customer pada Administrator Sequence Diagram Detail DO Customer pada Administrator Gambar 3.53 Sequence Diagram Detail DO Customer pada Administrator

69 115 Sequence Diagram List PO Supplier pada Administrator Gambar 3.54 Sequence Diagram List PO Supplier pada Administrator Sequence Diagram Delete PO Supplier pada Administrator Gambar 3.55 Sequence Diagram Delete PO Supplier pada Administrator

70 116 Sequence Diagram Detail PO Supplier pada Administrator Gambar 3.56 Sequence Diagram Detail PO Supplier pada Administrator Sequence Diagram List Confirmation Payment pada Administrator Gambar 3.57 Sequence Diagram List Confirmation Payment pada Administrator

71 117 Sequence Diagram Delete Confirmation Payment pada Administrator Gambar 3.58 Sequence Diagram Delete Confirmation Payment pada Administrator Sequence Diagram List Product pada Sales Gambar 3.59 Sequence Diagram List Product pada Sales

72 118 Sequence Diagram Detail Product pada Sales Gambar 3.60 Sequence Diagram Detail Product pada Sales Sequence Diagram List PO Customer pada Sales Gambar 3.61 Sequence Diagram List PO Customer pada Sales

73 119 Sequence Diagram Detail PO Customer pada Sales Gambar 3.62 Sequence Diagram Detail PO Customer pada Sales Sequence Diagram List Invoice pada Sales Gambar 3.63 Sequence Diagram List Invoice pada Sales

74 120 Sequence Diagram Detail Invoice Customer pada Sales Gambar 3.64 Sequence Diagram Detail Invoice Customer pada Sales Sequence Diagram Confirmation Customer pada Sales Gambar 3.65 Sequence Diagram Confirmation Customer pada Sales

75 121 Sequence Diagram List DO Customer pada Sales Gambar 3.66 Sequence Diagram List DO Customer pada Sales Sequence Diagram Detail DO Customer pada Sales Gambar 3.67 Sequence Diagram Sales Detail DO Customer

76 122 Sequence Diagram List Product pada Gudang Gambar 3.68 Sequence Diagram List Product pada Gudang Sequence Diagram Delete Product pada Gudang Gambar 3.69 Sequence Diagram Delete Product pada Gudang

77 123 Sequence Diagram Gudang Edit Product Gambar 3.70 Sequence Diagram Edit Product pada Gudang Sequence Diagram List DO Customer pada Gudang Gu dang Tampilan Website DO buka halaman DO Customer() tampilkan halaman DO Customer() pilih List DO Customer() View DO() Ok() tampilkan halaman List DO Customer() Gambar 3.71 Sequence Diagram List DO Customer pada Gudang

78 124 Sequence Diagram Detail DO Customer pada Gudang Gambar 3.72 Sequence Diagram Detail DO Customer pada Gudang Sequence Diagram Add PO Supplier pada Gudang Gambar 3.73 Sequence Diagram Add PO Supplier pada Gudang

79 125 Sequence Diagram List PO Supplier pada Gudang Gambar 3.74 Sequence Diagram List PO Supplier pada Gudang Sequence Diagram Delete PO Supplier pada Gudang Gambar 3.75 Sequence Diagram Delete PO Supplier pada Gudang

80 126 Sequence Diagram Edit PO Supplier pada Gudang Gambar 3.76 Sequence Diagram Edit PO Supplier pada Gudang Sequence Diagram Detail PO Supplier pada Gudang Gambar 3.77 Sequence Diagram Detail PO Supplier pada Gudang

81 127 Sequence Diagram List Product pada Purchasing Gambar 3.78 Sequence Diagram List Product pada Purchasing Sequence Diagram List PO Customer pada Purchasing Gambar 3.79 Sequence Diagram List PO Customer pada Purchasing

82 128 Sequence Diagram Detail PO Customer pada Purchasing Gambar 3.80 Sequence Diagram Detail PO Customer pada Purchasing Sequence Diagram Delete PO Customer pada Purchasing Gambar 3.81 Sequence Diagram Delete PO Customer pada Purchasing

83 129 Sequence Diagram List Invoice Customer pada Purchasing Gambar 3.82 Sequence Diagram List Invoice Customer pada Purchasing Sequence Diagram Detail Invoice Customer pada Penjualan Gambar 3.83 Sequence Diagram Detail Invoice Customer pada Purchasing

84 130 Sequence Diagram Delete Invoice Customer pada Purchasing Gambar 3.84 Sequence Diagram Delete Invoice Customer pada Purchasing Sequence Diagram Add Invoice Customer pada Purchasing Gambar 3.85 Sequence Diagram Add Invoice Customer pada Purchasing

85 131 Sequence Diagram List DO Customer pada Purchasing Gambar 3.86 Sequence Diagram List DO Customer pada Purchasing Sequence Diagram Detail DO Customer pada Purchasing Gambar 3.87 Sequence Diagram Detail DO Customer pada Purchasing

86 132 Sequence Diagram List PO Supplier pada Purchasing Gambar 3.88 Sequence Diagram List PO Supplier pada Purchasing Sequence Diagram Detail PO Supplier pada Purchasing Gambar 3.89 Sequence Diagram Detail PO Supplier pada Purchasing

87 133 Sequence Diagram List Product pada Keuangan Gambar 3.90 Sequence Diagram List Product pada Keuangan Sequence Diagram List Invoice Customer pada Keuangan Gambar 3.91 Sequence Diagram List Invoice Customer pada Keuangan

88 134 Sequence Diagram Detail Invoice Customer pada Keuangan Gambar 3.92 Sequence Diagram Detail Invoice Customer pada Keuangan Sequence Diagram Keuangan List Confirmation Customer Gambar 3.93 Sequence Diagram List Confirmation Customer pada Keuangan

89 135 Sequence Diagram Delete Confirmation Customer pada Keuangan Gambar 3.94 Sequence Diagram Delete Confirmation Customer pada Keuangan Sequence Diagram List DO Customer pada Keuangan Gambar 3.95 Sequence Diagram List DO Customer pada Keuangan

90 136 Sequence Diagram Keuangan Detail DO Customer Gambar 3.96 Sequence Diagram Detail DO Customer pada Keuangan Sequence Diagram Delete DO Customer pada Keuangan Gambar 3.97 Sequence Diagram Delete DO Customer pada Keuangan

91 137 Sequence Diagram Add DO Customer pada Keuangan Gambar 3.98 Sequence Diagram Add DO Customer pada Keuangan Sequence Diagram List PO Supplier pada Keuangan Gambar 3.99 Sequence Diagram List PO Supplier pada Keuangan

92 138 Sequence Diagram Detail PO Supplier pada Keuangan Gambar Sequence Diagram Detail PO Supplier pada Keuangan Sequence Diagram Delete PO Supplier pada Keuangan Gambar Sequence Diagram Delete PO Supplier Keuangan

93 139 Sequence Diagram Message Inbox pada Staff Gambar Sequence Diagram Message Inbox pada Staff Sequence Diagram Delete Message pada Staff Gambar Sequence Diagram Delete Message pada Staff

94 140 Sequence Diagram Message Sent Item pada Staff Gambar Sequence Diagram Message Sent Item pada Staff Sequence Diagram Delete Message pada Staff Gambar Sequence Diagram Delete Message pada Staff

95 State Chart State Diagram Login Gambar State Diagram Login State Diagram Logout Gambar State Diagram Logout State Diagram List Staff Gambar State Diagram List Staff

96 142 State Diagram Add staff Gambar State Diagram Add staff State Diagram Edit Message Gambar State Diagram Edit Message

97 143 State Diagram Delete Staff Gambar State Diagram Delete Staff State Diagram List Customer Gambar State Diagram List Customer

98 144 State Diagram Edit Customer Gambar State Diagram Edit Customer State Diagram Hapus Staff Gambar State Diagram Hapus Staff

99 145 State Diagram List Supplier State Diagram Edit Supplier Gambar State Diagram List Supplier Gambar State Diagram Edit Supplier State Diagram Delete Supplier Gambar State Diagram Delete Supplier

100 146 State Diagram Add Supplier Gambar State Diagram Add Supplier State Diagram Delete Product Gambar State Diagram Delete Product

101 147 State Diagram List Product Gambar State Diagram List Product State Diagram Add Product Gambar State Diagram Add Product

102 148 State Diagram Edit Product Gambar State Diagram Edit Product \

103 149 State Diagram Order Product Gambar State Diagram Order Product List PO Customer Gambar State Diagram List PO Customer

104 150 State Diagram Delete PO Customer Gambar State Diagram Delete PO Customer State Diagram Edit Status PO Customer Gambar State Diagram Edit Status PO Customer

105 151 State Diagram Delete PO Customer Gambar State Diagram Delete PO Customer State Diagram Add Invoice Customer Gambar State Diagram Add Invoice Customer

106 152 State Diagram Edit Invoice Customer Gambar State Diagram Edit Invoice Customer State Diagram Delete Invoice Customer Gambar State Diagram Delete Invoice Customer

107 153 State Diagram List Invoice Customer Gambar State Diagram List Invoice Customer State Diagram Add DO Gambar State Diagram Add DO

108 154 State Diagram Edit DO Gambar State Diagram Edit DO State Diagram Delete DO Gambar State Diagram Delete DO

109 155 State Diagram View DO Gambar State Diagram View DO State Diagram Add PO Supplier Gambar State Diagram Add PO Supplier

110 156 State Diagram Edit PO Supplier Gambar State Diagram Edit PO Supplier State Diagram Edit Status PO Supplier Gambar State Diagram Edit Status PO Supplier

111 157 State Diagram Delete PO Supplier Gambar State Diagram Delete PO Supplier State Diagram List PO Supplier Gambar State Diagram List PO Supplier

112 Activity Diagram Activity Diagram Login Gambar Activity Diagram Login Activity Diagram Logout Gambar Activity Diagram Logout

113 159 Activity Diagram Staff Gambar Activity Diagram Staff

114 160 Activity Diagram Customer Gambar Activity Diagram Customer

115 161 Activity Diagram Supplier Gambar Activity Diagram Supplier

116 162 Activity Diagram product Gambar Activity Diagram product

117 163 Activity Diagram Order Product Gambar Activity Diagram Order Product

118 164 Activity Diagram PO Costumer Gambar Activity Diagram PO Costumer

119 165 Activity Diagram Detail PO Costumer Gambar Activity Diagram Detail PO Costumer

120 166 Activity Diagram Invoice Customer Gambar Activity Diagram invoice Customer

121 167 Activity Diagram Detail Invoice Customer Gambar Activity Diagram Detail invoice Customer

122 168 Activity Diagram DO Customer Gambar Activity Diagram DO Customer

123 169 Activity Diagram Detail DO Customer Gambar Activity Diagram Detail DO Customer

124 170 Activity Diagram Confirmation Payment Gambar Activity Diagram Confirmation Payment

125 171 Activity Diagram PO Supplier Gambar Activity Diagram PO Supplier

126 172 Activity Diagram Detail PO Supplier Gambar Activity Detail Diagram PO Supplier

127 173 Activity Diagram Message Gambar Activity Diagram Message

128 174 Activity Diagram Registrasi Gambar Activity Diagram Registrasi

129 Perancangan Database Pada Solusi Gambar Database Sederhana.

130 176 Tabel 3.37 Penjelasan Tabel status No Nama Field Tipe Data Keterangan 1. kd_status char (5) PK. No status staff 2. nama_status varchar (10) Nama status staff Tabel 3.38 Penjelasan Tabel Staff No Nama Field Tipe Data Keterangan 1. kd_staff char(5) PK. Kode untuk pegawai. 2. kd_status char (5) FK. No status pegawai. 3. nama_staff varchar (30) Nama lengkap untuk pegawai. 4. alamat_staff varchar (30) Alamat untuk pegawai. 5. varchar (30) untuk pegawai. 6. username varchar(30) Username untuk pegawai. 7. password varchar (30) Password untuk pegawai. Tabel 3.39 Penjelasan Tabel product No Nama Field Tipe Data Keterangan 1. kd_product char(5) PK. Kode untuk product. 2. kd_kategory char (5) FK. Kode kategory. 3. Nama_produk varchar (30) Nama produk. 4. tipe varchar(30) Tipe produk. 5. stok int(10) Jumlah ketersediaan produk. 6. harga int (20) Harga produk. 7. gambar varchar(100) Foto product 8. spesifikasi Text Spesifikasi produk

131 177 Tabel 3.340Penjelasan Tabel kategory No Nama Field Tipe Data Keterangan 1. kd_kategory char(5) PK. Kode kategory. 2. nama kategory varchar (30) Nama kategory untuk produk. Tabel 3.41 Penjelasan Tabel Customer. No Nama Field Tipe Data Keterangan 1. kd_customer char(5) PK. Kode untuk pelanggan. 2. nama_cutomer varchar (30) Nama lengkap pelanggan. 3. alamat_customer varchar (30) Alamat Customer 3. perusahaan varchar (30) Nama perusahaan customer 4. varchar (30) pelanggan. 5. propinsi varchar (30) Propinsi pelanggan. 6. kd_post int(5) Kode post tempat pengiriman product. 7. fax varchar (30) No fax pelanggan. 8. hp varchar (30) No handphone pelanggan. 9. username varchar (30) Username pelanggan 10. password varchar (30) Username customer Tabel 3.42 Penjelasan Tabel supplier. No Nama Field Tipe Data Keterangan 1. kd_supplier char(5) PK. Kode untuk pemasok. 2. nama_supplier varchar (30) Nama lengkap pemasok. 4. alamat_supplier varchar (30) Alamat tempat tinggal pemasok. 5. telp_supplier varchar (30) Telp pemasok. 6. fax_pemasok varchar (30) Fax pemasok.

132 178 Tabel 3.43 Penjelasan Tabel PO No Nama Field Tipe Data Keterangan 1. kd_po char (5) PK. Kode PO. 2. kd_customer char(5) FK. Kode Pelanggan 3. status_po vachar(10) Status persetujuan PO. 4. tgl date Tanggal pembuatan PO. 5. jam time Jam pembuatan PO. 6. unik_transfer char(3) 3 digit no terakhir dari total pembayaran. Tabel 3.44 Penjelasan Tabel detail_po. No Nama Field Tipe Data Keterangan 1. kd_po char(5) PK,FK. Kode PO. 2. kd_product char (5) PK,FK. Kode produk. 3. qty int (5) Jumlah pesanan produk. Tabel 3.45 Penjelasan Tabel invoice No Nama Field Tipe Data Keterangan 1. kd_invoice char(5) PK. Kode faktur 2. kd_ staff char (5) FK. Kode pegawai. 3. kd_customer char(5) FK. Kode pelanggan. 4. kd_po char(5) FK. Kode PO. 5. tgl Date Tanggal pembuatan faktur. Tabel 3.46 Penjelasan Tabel detail_invoice No Nama Field Tipe Data Keterangan 1. kd_invoice char(5) PK,FK. Kode faktur. 2. kd_product char (5) PK,FK. Kode produk. 3. qty int (5) Jumlah pesanan produk.

133 179 Tabel 3.47 Penjelasan Tabel DO No Nama Field Tipe Data Keterangan 1. kd_do char(5) PK. Kode DO. 2. kd_staff char (5) FK. Kode pegawai. 3. kd_customer char(5) FK. Kode pelanggan. 4. kd_po char(5) FK. Kode PO 5. kd_invoice char(5) FK. Kode Faktur 6. tgl Date Tanggal pembuatan DO. Tabel 3.48 Penjelasan Tabel detail_do No Nama Field Tipe Data Keterangan 1. kd_do char(5) PK,FK. Kode DO. 2. kd_product char (5) PK,FK. Kode produk. 3. Qty int (5) Jumlah pesanan produk. Tabel 3.49 Penjelasan Tabel PO_supplier No Nama Field Tipe Data Keterangan 1. kd_po_supplier Char(5) PK. Kode PO pembelian. 2. kd_staff Char(5) FK. Kode pegawai. 3. kd_supplier Char(5) FK. Kode pemasok 4. status Varchar(10) Status persetujuan PO_supplier. 5. tgl Date Tanggal Pembuatan PO_supplier 6. unik_transfer Char(3) 3 digit no terakhir dari total pembayaran. Tabel 3.50 Penjelasan Tabel detail_po_supplier No Nama Field Tipe Data Keterangan 1. kd_po_pembelian char(5) PK,FK. Kode PO_supplier. 2. kd_product char (5) PK,FK. Kode produk. 3. qty int (5) Jumlah pesanan produk.

134 180 Tabel 3.51 Penjelasan Tabel Bank No Nama Field Tipe Data Keterangan 1. kd_bank char(5) PK. Kode bank. 2. nama bank varchar(30) Nama bank. Tabel 3.52 Penjelasan Tabel payment No Nama Field Tipe Data Keterangan 1. kd_payment char(5) PK. Kode konfirmasi. 2. Kd_customer char (5) FK. Kode pelanggan. 3. kd_bank char(5) FK. Kode bank. 4. kd_po char(5) FK. Kode PO 5. tgl Date Tanggal pembuatan konfirmasi. 6. nama varchar(30) Nama pengirim 7. no_rekening varchar(30) No rekening pengirim Tabel 3.53 Penjelasan Tabel message No Nama Field Tipe Data Keterangan 1. Kd_message Char(5) PK. Kode message. 2. _pengirim varchar(30) pengirim di ambil dari session _penerima varchar(30) penerima di ambil dari pada table pelanggan dan staff 4. tgl Date Tanggal pembuatan pesan 5. judul Text Judul pesan 6. isi Text Isi dari pesan

135 181 Tabel 3.54 Penjelasan Tabel message_detail No Nama Field Tipe Data Keterangan 1. kd_message char(5) PK,FK. Kode message. 2. file varchar(30) Nama file yang diupload. 3. size varchar(30) Besar file yang di upload Hirarki Rancangan Layar 1. Administrasi Gambar Hirarki Rancangan Layar Administrasi

136 Customer Gambar Hirarki Rancangan Layar Customer 3. Sales Gambar Hirarki Rancangan Layar Sales

137 Purchasing Gambar Hirarki Rancangan Layar Purchasing 5. Gudang Gambar Hirarki Rancangan Layar Gudang

138 Keuangan Gambar Hirarki Rancangan Layar Keuangan PERANCANGAN LAYAR Halaman Login pada Staff Username Password Login Gambar Rancangan Layar Halaman Login pada Staff

139 185 Layar ini adalah layar awal yang pertama kali muncul ketika website ini diakses oleh pegawai. Di kanan terdapat textbox untuk memasukkan username serta password dan terdapat tombol login untuk pengecekan password agar dapat masuk kehalaman berikutnya. Halaman Login pada Customer Logo Username Password Login Submit Home Product Contact Us About Us Copyright Gambar Rancangan Layar Halaman Login pada Customer

140 186 Layar login pada customer bukan anggota dan anggota akan menemukan beberapa menu seperti username, password, home, product, contact us, about us, dan registration. Apabila customer bukan anggota akan membeli barang maka di anjurkan untuk medaftarkan diri pada menu registration, sedangkan untuk customer yang telah terdaftar dapat langsung melakukan login.

141 187 Halaman Home pada Administrator Logo Good Morning, Name Date Admistrator Choose Menu Product Staff List Staff Add Staff Customer List Customer Supplier List Supplier Add Supplier PO Customer List PO Costumer Invoice Customer DO Customer PO Supplier Confirm Payment Message Inbox Send Item Compose Message Logout Copyright Gambar Rancangan Layar Halaman Home pada Administrator

142 188 Layar home pada Administrator merupakan tampilan jika Administrator telah melakukan login. Dihalaman home ini terdapat navigasi yang dapat digunakan oleh Administrator, navigasi navigasi yang terdapat pada halaman home adalah sebagai berikut: No Navigasi Keterangan 1. Home Tampilan utama 2. Product Tampilan daftar product 3. List Staff Tampilan daftar staff 4. Add Staff T ampilan untuk menambah data staff 5. List Customer Tampilan daftar customer 6. List Supplier Tampilan daftar supplier 7. Add Supplier T ampilan untuk menambah data supplier 8. PO Customer Tampilan daftar PO custom er 9. Invoice Customer T ampilan daftar faktur customer 10. DO Customer Tampilan daftar DO custom er 11. PO Supplier Tampilan daftar PO supplier 12. Confirm Payment T ampilan daftar konfirmasi pembayaran

143 Inbox Tampilan daftar pesan yang diterima 14. Sent Item Tampilan pesan terkirim 15. Compose Message Membuat pesan baru 16. Logout Keluar dari account Administrator

144 190 Halaman List Staff pada Administrator Good Morning, Name Administrator Product Staff Logo List Staff Search Date List Staff Add Staff Customer Supplier PO Customer Invoice Customer DO Customer PO Supplier Confirm Payment No Name Usernam e Search Staff(Name or Username) : Status Action 1. xxx xxx xxx xxx Edit Delete 2. xxx xxx xxx xxx Edit Delete 3. xxx xxx xxx xxx Edit Delete <<First <Prev 1 Next> Last>> Message Logout Copyright Gambar Rancangan Layar Halaman List Staff pada Administrator Layar list staff pada Administrator merupakan tampilan daftar staff perusahaan. Dihalaman list staff ini terdapat navigasi yang dapat digunakan oleh Administrator, navigasi navigasi yang terdapat pada halaman list staff adalah sebagai berikut:

145 191 No. Navigasi Keterangan 1. Search Mencari data staff dengan syarat mengisi textbox terlebih dahulu dengan nama atau username staff 2. Edit Merubah data staff 3. Delete Menghapus data staff 4. First Kembali kehalaman awal daftar staff 5. Prev Kembali kehalaman sebelumnya daftar staff 6. Next Menuju kehalaman berikutnya daftar staff 7. Last Menuju kehalaman akhir daftar staff

146 192 Halaman Add Staff pada Administrator Good Morning, Name Logo Product Administrator Add Staff Date Staff List Staff Add Staff Customer Supplier PO Customer Invoice Customer DO Customer PO Supplier Confirm Payment Message Logout Name : Username : Password : Address : St at us : -Select Status- Save Copyright Gambar Rancangan Layar Add Staff pada Administrator Layar add staff pada Administrator merupakan tampilan untuk menambah data staff perusahaan. Dihalaman add staff ini terdapat beberapa textbox yang harus diisi oleh Adm jika ingin menambah data staff seperti name, username, status, ,

147 193 password, dan address. Setelah itu Administrator memilih navigasi save untuk menyimpan atau memasukkan data staff yang baru saja dibuat kedalam database. Halaman List Customer pada Administrator Good Morning, Name Administrator Logo List Customer Date P roduct Staff Customer List Customer Supplier PO Customer Invoice Customer DO Customer PO Supplier Confirm Payment Search Search Customer(Name or No Name Username Address Action Username) : 1. xxx xxx xxx xxx Delete 2. xxx xxx xxx xxx Delete 3. xxx xxx xxx xxx Delete 4. xxx xxx xxx xxx Delete 5. xxx xxx xxx xxx Delete <<First <Prev 1 Next> Last>> Message Logout Copyright Gambar Rancangan Layar Halaman List Customer pada Administrator Layar list customer pada Administrator merupakan tampilan daftar customer. Dihalaman list customer ini terdapat navigasi yang dapat digunakan oleh Administrator, navigasi navigasi yang terdapat pada halaman list customer adalah sebagai berikut:

148 194 No. Navigasi Keterangan 1. Search Mencari data customer dengan syarat mengisi textbox terlebih dahulu dengan nama atau username customer 2. Delete Menghapus data customer 3. First Kembali kehalaman awal daftar customer 4. Prev Kembali kehalaman sebelumnya daftar customer 5. Next Menuju kehalaman berikutnya daftar customer 6. Last Menuju kehalaman akhir daftar customer

149 195 Halaman List Supplier pada Administrator Good Morning, Name Administrator Logo List Supplier Date Product Staff Customer Supplier List Supplier Add Supplier PO Customer Invoice Customer DO Customer PO Supplier Confirm Payment Message Searc Search Supplier(Name) : No Name Address Telp Fax Action 1. xxx xxx xxx xxx Edit Delete 2. xxx xxx xxx xxx Edit Delete 3. xxx xxx xxx xxx Edit Delete <<First <Prev 1 Next> Last>> Logout Copyright Gambar Rancangan Layar Halaman List Supplier pada Administrator Layar list supplier pada Administrator merupakan tampilan daftar supplier. Dihalaman list supplier ini terdapat navigasi yang dapat digunakan oleh Administrator, navigasi navigasi yang terdapat pada halaman list supplier adalah sebagai berikut:

150 196 No. Navigasi Keterangan 1. Search Mencari data supplier dengan syarat mengisi textbox terlebih dahulu dengan nama supplier 2. Edit Merubah data supplier 3. Delete Menghapus data supplier 4. First Kembali kehalaman awal daftar supplier 5. Prev Kembali kehalaman sebelumnya daftar supplier 6. Next Menuju kehalaman berikutnya daftar supplier 7. Last Menuju kehalaman akhir daftar supplier

151 197 Halaman Add Supplier pada Administrator LOGO Good Morning, Name Administrator Product Add Supplier Date Staff Customer Supplier List Supplier Add Supplier PO Customer Invoice Customer DO Customer PO Supplier Confirm Payment Message Logout Name : Address : T elp : Fax : Copyright Save Gambar Rancangan Layar Halaman Add Supplier pada Administrator Layar add supplier pada Adm merupakan tampilan untuk menambah data supplier. Dihalaman add supplier ini terdapat beberapa textbox yang harus diisi oleh Administrasi jika ingin menambah data supplier seperti name, address, telp, dan fax.

152 198 Setelah itu Administrator memilih navigasi save untuk menyimpan atau memasukkan data supplier yang baru saja dibuat kedalam database. Halaman Inbox pada Administrator Logo Good Morning, Name Date Administrator P roduct Staff Customer Supplier PO Customer Inbox Form Subject Date Invoice Customer DO Customer PO Supplier Confirm Payment Message Inbox Send Item Compose Message Logout Copyright Gambar Rancangan Layar Inbox pada Administrator Layar inbox pada Adm merupakan tampilan daftar pesan yang diterima.

153 199 Halaman Send Item pada Administrator Logo Good Morning, Name Date Product Administrator Staff Customer Send Item To Subject Date Supplier PO Customer List PO Costumer Invoice Customer DO Customer PO Supplier Confirm Payment Message Inbox Send Item Compose Message Logout Copyright Gambar Rancangan Layar Halaman Send Item pada Administrator terkirim. Layar Send Item pada Administrator merupakan tampilan daftar pesan yang

154 200 Halaman Compose Message pada Administrator Good Morning, Name Logo Date Administrator Compose Message Product Staff Customer Supplier PO Customer Invoice Customer DO Customer PO Supplier Confirm Payment Message ID Message To Subjects Upload File Message Browse Inbox Send Item Compose Message Logout Send Reset Copyright Gambar Rancangan Layar Halaman Compose Message pada Administrator

155 201 Layar Compose Message pada Administrasi merupakan tampilan untuk membuat pesan. Di halaman Compose Message ini terdapat beberapa textbox yang harus diisi oleh Administrator jika ingin membuat pesan seperti: ID Message ID dari pesan yang akan dibuat To Tujuan dari pesan Subjects Judul dari pesan Upload File Menambahkan file kedalam pesan Message Isi dari pesan Apabila ingin merubah pesan maka dapat menggunakan navigasi reset, jika ingin mengirim pesan yang dibuat maka bagian administrasi dapat menggunakan navigasi send.

156 202 Halaman PO Customer pada Administrator Good Morning, Name Administrator Product Staff Logo List PO Customer Date Customer Supplier PO Customer List PO Costumer Invoice Customer DO Customer PO Supplier Confirm Payment Message No PO ID Date Status Unique Tarnsfer Action 1. xxx xxx xxx xxx Detail Delete 2. xxx xxx xxx xxx Detail Delete 3. xxx xxx xxx xxx Detail Delete <<First <Prev 1 Next> Last>> Logout Copyright Gambar Rancangan Layar Halaman PO Customer pada Administrator Layar PO Customer pada Administrator merupakan tampilan daftar PO Customer. Dihalaman PO Customer ini terdapat navigasi delete untuk menghapus dan detail untuk melihat keseluruhan PO Customer.

157 203 Halaman Invoice Customer pada Administrator Good Morning, Name Product Administrator Logo List Invoice Customer Date Staff Customer Supplier PO Customer Invoice Customer DO Customer PO Supplier Confirm Payment Message Logout No Invoice ID PO ID Customer ID Date Action 1. xxx xxx xxx xxx Delete Detail 2. xxx xxx xxx xxx Delete Detail 3. xxx xxx xxx xxx Delete <<First <Prev 1 Next> Last>> Detail Copyright Gambar Rancangan Layar Halaman Invoice Customer pada Administrasi Layar Invoice Customer pada Administrator merupakan tampilan daftar Invoice Customer, Dihalaman Invoice Customer ini terdapat navigasi delete untuk menghapus dan detail untuk melihat keseluruhan Invoice Customer.

158 204 Halaman DO Customer pada Administrator Good Morning, Name Logo Product Staff Administrator List DO Customer Date Customer Supplier PO Customer Invoice Customer DO Customer PO Supplier Confirm Payment Message Logout No Invoice ID DO ID PO ID Customer ID Action 1. xxx xxx xxx xxx Delete Detail 2. xxx xxx xxx xxx Delete Detail 3. xxx xxx xxx xxx Delete <<First <Prev 1 Next> Last>> Detail Copyright Gambar Rancangan Layar Halaman DO Customer pada Administrator Layar DO Customer pada Administrator merupakan tampilan daftar DO Customer, Dihalaman DO Customer ini terdapat navigasi delete untuk menghapus dan detail untuk melihat keseluruhan DO customer.

159 205 Halaman Confirm Payment pada Administrator Good Morning, Name Administrator Logo List Confirm Payment Date Product St aff Customer Supplier PO Customer Invoice Customer DO Customer PO Supplier No PO ID Date P ayment Bank Customer ID Bank Account Action 1. xxx xxx xxx xxx xxx xxx Delete 2. xxx xxx xxx xxx xxx xxx Delete 3. xxx xxx xxx xxx xxx xxx Delete 4. xxx xxx xxx xxx xxx xxx Delete 5. xxx xxx xxx xxx xxx xxx Delete <<First <Prev 1 Next> Last>> Confirm Payment Message Logout Copyright Gambar Rancangan Layar Halaman Confirm Payment pada Administrator Layar Confirm Payment pada Administrator merupakan daftar Confirm Payment. Pada halaman ini terdapat navigasi delete untuk menghapus data Confirm Payment.

160 206 Halaman Login pada Customer Logo Username Password Submit Home Product Contact Us About Us Copyright Gambar Rancangan Layar Halaman Login pada Customer Layar login pada customer bukan anggota akan menemukan beberapa menu seperti Username, password, home, product, contact us, about us, dan registration. Apabila customer akan membeli barang maka di anjurkan untuk medaftarkan diri pada menu registration.

161 207 Halaman Registration pada Customer Logo Username Password Login Submi Home Form Registration Customer Profile Product Full Name : Contact Us Form Delivery Order Provinsi : About Us Address : Registration Zip Postal : Contact Telephone : Handphone : Fax : Login Save Copyright Gambar Rancangan Layar Halaman Registration pada Customer Layar registration pada customer merupakan tampilan untuk mendaftar data customer. Dihalaman registration ini terdapat beberapa textbox yang harus diisi oleh

162 208 customer jika ingin melakukan registrasi seperti full name, , provinsi, address, zip postal, telephone, handphone, fax, username dan password. Setelah itu customer memilih navigasi save untuk menyimpan atau memasukkan data pelanggan yang baru saja dibuat kedalam database. Halaman Contact Us pada Customer Logo Username Password Submit Home Contact Us xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Product xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Contact Us xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx About Us xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Copyright Gambar Rancangan Layar Halaman Contact Us pada Customer Layar Contact us pada customer bukan anggota akan menemukan penjelasan berupa informasi tentang alamat dan nomor telepon PT. Wanata Tama yang bisa dihubungi jika customer mengalami kesulitan.

163 209 Halaman About Us pada Customer Logo Username Password Submit Home About Us xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Product xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Contact Us xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx About Us xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Copyright Gambar Rancangan Layar Halaman About Us pada Customer Layar about us menampilkan informasi tentang PT. Wanata Tama, sejarah singkat, visi dan misi.

164 210 Halaman Product pada Customer Good Morning, Name Logo Customer Date Product PO List Product Search Product(Name or Type) : Search Confirmation Payment List Confirmation Payment Message Inbox Send Item Compose Message Logout Picture Product Price Action x Name : Category : Type : Stock : xxxxxxxxxxx Order <<First <Prev 1 Next> Last>> Copyright Gambar Rancangan Layar Halaman Product pada Customer Layar list product pada customer merupakan tampilan daftar produk. Dihalaman list product ini terdapat navigasi yang dapat digunakan oleh customer, navigasi navigasi yang terdapat pada halaman list product adalah sebagai berikut:

165 211 No. Navigasi Keterangan 1. Search Mencari data produk dengan syarat mengisi textbox terlebih dahulu dengan nama atau type produk 2. Order Memesan produk yang diinginkan oleh customer 3. First Kembali kehalaman awal daftar produk 4. Prev Kembali kehalaman sebelumnya daftar produk 5. Next Menuju kehalaman berikutnya daftar produk 6. Last Menuju kehalaman akhir daftar produk

166 212 Halaman Order pada Customer Logo Good Morning, Name Date Customer Order Product PO Picture Product Price Qty Total Name : Confirmation x Category : xxxxxx xxx xxxxx Payment Type : List Confirmation Total Payment Add Product Update Continue xxxxx Payment Message Inbox Send It em Compose Message Logout Copyright Gambar Rancangan Layar Halaman Order pada Customer Layar order pada customer merupakan tampilan daftar pesanan yang akan di pesan. Dihalaman order ini terdapat navigasi yang dapat digunakan oleh customer, navigasi navigasi yang terdapat pada halaman order adalah sebagai berikut:

167 213 No. Navigasi Keterangan 1. Add Product Menambah produk yang akan dipesan 2. Update Mengupdate data produk yang dipesan 3. Continue Melanjutkan pemesanan Halaman List PO pada Customer Good Morning, Name Product Customer Logo List PO Dat PO Confirmation Payment List Confirmation Payment Message No PO ID Date Status Unique ID Transfer Action 1. xxx xxx xxx xxx Detail 2. xxx xxx xxx xxx Detail 3. xxx xxx xxx xxx Detail 4. xxx xxx xxx xxx Detail 5. xxx xxx xxx xxx Detail <<First <Prev 1 Next> Last>> Logout Copyright Gambar Rancangan Layar Halaman List PO pada Customer

168 214 Layar list purchase order pada customer merupakan tampilan daftar produk yang telah di pesan. Dihalaman list purchase order ini terdapat navigasi yang dapat digunakan oleh customer, navigasi navigasi yang terdapat pada halaman list purchase order adalah sebagai berikut: No. Navigasi Keterangan 1. Detail Melihat rincian dari purchase order 2. First Kembali kehalaman awal daftar purchase order 3. Prev Kembali kehalaman sebelumnya purchase order 4. Next Menuju kehalaman berikutnya daftar purchase order 5. Last Menuju kehalaman akhir daftar purchase order

169 215 Halaman List Confirmation Payment pada Customer Good Morning, Name Product Customer Logo List Confirmation Payment Date PO No PO ID Date Bank Customer ID Bank Account Confirmation Payment 1. xxx xxx xxx xxx xxx 2. xxx xxx xxx xxx xxx List Confirmation Payment Message Logout 3. xxx xxx xxx xxx xxx 4. xxx xxx xxx xxx xxx 5. xxx xxx xxx xxx xxx <<First <Prev 1 Next> Last>> Copyright Gambar Rancangan Layar Halaman Confirmation Payment pada Customer Layar list confirmation payment pada customer merupakan tampilan daftar konfirmasi pembayaran.

170 216 Halaman Payment pada Customer Logo Good Morning, Name Date Customer Form Confirmation Payment Product PO Payment ID : Confirmation Orders ID : Payment List Confirmation Payment Message Logout Bank : Name : Account Bank: Submit Copyright Gambar Rancangan Layar Halaman Payment pada Customer Layar paymnet pada customer merupakan tampilan untuk menambah data konfirmasi pembayaran. Dihalaman payment ini terdapat beberapa textbox yang harus diisi oleh customer seperti payment ID, orders ID, bank, name, dan account bank,.

171 217 Setelah itu customer memilih navigasi submit untuk menyimpan atau memasukkan data konfirmasi pembayaran yang baru saja dibuat kedalam database. Halaman Add Product pada Gudang Good Morning, Name Logo Date Gudang Add Product Product List Product Add Product PO DO Customer Message Logout Product ID : Category : Name : Picture : Price : Rp Type : % Stock : Specification Save Copyright Gambar Layar Halaman Add Product pada Gudang Layar add product pada bagian gudang merupakan tampilan untuk menambah data produk perusahaan. Dihalaman add product ini terdapat beberapa textbox yang harus diisi oleh bagian gudang jika ingin menambah data produk seperti Code Product,

172 218 Category, Name, Picture, Price, Type, Stock, dan Specification. Setelah itu bagian gudang memilih navigasi save untuk menyimpan atau memasukkan data produk yang baru saja dibuat kedalam database. Halaman Add PO Supplier pada Gudang Logo Good Morning, Name Date Gudang PO Supplier ID Halaman Detail PO Sale pada Penjualan Staff ID Home Product PO List PO Supplier Add PO Supplier DO Customer M Date Name Address Telp Submit Copyright Gambar Rancangan Layar Halaman Add PO Supplier pada Gudang Layar add PO supplier pada bagian gudang merupakan tampilan untuk menambah data PO supplier. Dihalaman PO supplier ini terdapat beberapa textbox yang harus diisi oleh bagian gudang jika ingin menambah data PO supplier seperti PO

173 219 Supplier ID, Staff ID, Date, Name, Address, Telp, dan . Setelah itu bagian gudang memilih navigasi submit untuk menyimpan atau memasukkan data PO supplier yang baru saja dibuat kedalam database. Halaman Add DO Customer pada Keuangan Good Morning, Name Logo Date Keuangan Add DO Customer Product No Invoice ID PO ID Customer ID Date DO Invoice Customer Confirmation Payment DO Customer 1. xxx xxx xxx xxx 2. xxx xxx xxx xxx Create Create ListDO Customer AddDO Customer Copyright Gambar Rancangan Layar Halaman Add DO Customer pada Keuangan

174 220 Layar Add DO Customer pada keuangan merupakan tampilan untuk menambahkan data DO Customer. Dihalaman Add DO Customer ini terdapat navigasi create untuk membuat DO Customer Perancangan Spesifikasi Proses Pseudocode Untuk Proses Login Buka Modul Login Masukan Username dan Password Jika Input Username sama dengan data username dan Input password sama dengan data password dan Cek status username yang di input Tampilkan Modul Home sesuai status username Akhir jika Jika username dan password tidak valid Maka kembali ke halaman Login Tampilkan pesan, Wrong Input Akhir jika Akhir Modul Login

175 Pseudocode Untuk Proses Logout Jika Pilihan logout dipilih Maka destroy session Tampilkan halaman login Akhir jika Pseudocode Untuk Proses Layar Home Customer Non Member Buka Modul Home Jika pilih Product, maka buka modul Product. Jika pilih Contact Us, maka buka modul Contact Us. Jika pilih About Us, maka buka modul About Us. Jika pilih Registration, maka buka modul Registration. Akhir modul Home Pseudocode Untuk Proses Layar Home Customer Member Buka Modul Home Jika pilih Product, maka buka modul Product.

176 222 Jika pilih PO, maka buka modul PO. Jika pilih Confirmation Payment, maka buka modul Confirmation Payment. Jika pilih Message, maka buka modul Message. Jika pilih Logout, maka buka modul Logout. Akhir modul Home Pseudocode Untuk Proses Layar Product Customer Jika pilihan Product dipilih Maka tabel Product ditampilkan Jika pilih Order, maka buka modul Expense Basket. Jika pilih Next, maka buka modul Form Order Delivery. Jika pilih Next, maka buka modul Confirmation Payment. Jika pilih Next, maka data confirmation payment costumer tersimpan di database. Akhir jika Akhir Jika Akhir Jika

177 223 Akhir Jika Akhir Jika Pseudocode Untuk Proses Layar Compose Message Buka Modul ComposeMessage Jika pilih Reset, maka data dihapus. Jika pilih Send, maka data tersimpan di database. Akhir modul Compose Message Pseudocode Untuk Proses Layar List PO Jika pilihan List PO diplih Maka tabel List PO ditampilkan Jika View ditekan Maka tampilkan detail dari PO Akhir jika Akhir jika

178 Pseudocode Untuk Proses Layar List DO Jika pilihan List DO diplih Maka tabel List DO ditampilkan Jika View ditekan Maka tampilkan detail dari DO Akhir jika Akhir jika Pseudocode Untuk Proses Layar List Confirmation Payment Jika pilihan List Confirmation Payment diplih Maka tabel List Confirmation Payment ditampilkan Jika View ditekan Maka tampilkan detail dari Confirmation Payment Akhir jika Jika Delete ditekan Maka data dari Confirmation Payment di hapus dari database. Akhir jika Akhir jika

179 Pseudocode Untuk Proses Layar List Product Gudang Jika pilihan List Product dipilih Maka tabel List Product ditampilkan Jika pilih Delete ditekan Maka data dari product di hapus dari database. Akhir jika Akhir jika Pseudocode Untuk Proses Layar Add Product Gudang Jika pilihan Add Product dipilih Maka tabel Add Product ditampilkan Jika pilih Save ditekan Maka data dari product di disimpan pada database. Akhir jika Akhir jika

180 Pseudocode Untuk Proses Layar List Customer Administrasi Jika pilihan List Customer dipilih Maka tabel List Customer ditampilkan Jika pilih Delete ditekan Maka data dari customer di hapus dari database. Akhir jika Jika pilih Edit ditekan Maka tampilkan modul Edit Customer Jika pilih Edit ditekan Maka data dari customer disimpan pada database Akhir jika Akhir jika Akhir jika Pseudocode Untuk Proses Layar List Staff Administrasi Jika pilihan List Staff dipilih Maka tabel List Staff ditampilkan

181 227 Jika pilih Delete ditekan Maka data dari staff di hapus dari database. Akhir jika Jika pilih Edit ditekan Maka tampilkan modul Edit Staff Jika pilih Edit ditekan Maka data dari staff disimpan pada database Akhir jika Akhir jika Akhir jika Pseudocode Untuk Proses Layar Add Staff Administrasi Jika pilihan Add Staff dipilih Maka tabel Add Staff ditampilkan Jika pilih Save ditekan Maka data dari staff di disimpan pada database. Akhir jika Akhir jika

182 Pseudocode Untuk Proses Layar Home Adminstrasi Buka Modul Home Jika pilih Product, maka buka modul Product. Jika pilih Staff, maka buka modul Staff. Jika pilih Customer, maka buka modul Costumer. Jika pilih Supplier, maka buka modul Supplier. Jika pilih PO Customer, maka buka modul PO Customer. Jika pilih Invoice Customer, maka buka modul Invoice Customer Jika pilih DO Customer, maka buka modul DO Customer. Jika pilih PO Supplier, maka buka modul PO Supplier. Jika pilih Confirmation Payment, maka buka modul Confirmation Payment. Jika pilih Message, maka buka modul Message. Jika pilih Logout, maka buka modul Logout. Akhir modul Home

183 Pseudocode Untuk Proses Layar Home Sales Buka Modul Home Jika pilih Product, maka buka modul Product. Jika pilih PO Customer, maka buka modul PO Customer. Jika pilih Invoice Customer, maka buka modul Invoice Customer Jika pilih DO Customer, maka buka modul DO Customer. Jika pilih Confirmation Payment, maka buka modul Confirmation Payment. Jika pilih Message, maka buka modul Message. Jika pilih Logout, maka buka modul Logout. Akhir modul Home Pseudocode Untuk Proses Layar Home Purchasing Buka Modul Home Jika pilih Product, maka buka modul Product. Jika pilih PO Customer, maka buka modul PO Customer. Jika pilih Invoice Customer, maka buka modul Invoice Customer

184 230 Jika pilih DO Customer, maka buka modul DO Customer. Jika pilih PO Supplier, maka buka modul PO Supplier. Jika pilih Message, maka buka modul Message. Jika pilih Logout, maka buka modul Logout. Akhir modul Home Pseudocode Untuk Proses Layar Home Gudang Buka Modul Home Jika pilih Product, maka buka modul Product. Jika pilih Add Product, maka buka modul Add Product. Jika pilih DO Customer, maka buka modul DO Customer. Jika pilih PO Supplier, maka buka modul PO Supplier. Jika pilih Add PO Supplier, maka buka modul Add PO Supplier. Jika pilih Message, maka buka modul Message. Jika pilih Logout, maka buka modul Logout. Akhir modul Home

185 Pseudocode Untuk Proses Layar Home Keuangan Buka Modul Home Jika pilih Product, maka buka modul Product. Jika pilih Invoice Customer, maka buka modul Invoice Customer Jika pilih DO Customer, maka buka modul DO Customer. Jika pilih Add DO Customer, maka buka modul Add DO Customer. Jika pilih PO Supplier, maka buka modul PO Supplier. Jika pilih Confirmation Payment, maka buka modul Confirmation Payment. Jika pilih Message, maka buka modul Message. Jika pilih Logout, maka buka modul Logout. Akhir modul Home