BAB III ANALISA DAN PERANCANGAN SISTEM
Pada perancangan suatu sistem diperlukan analisis yang tepat sehingga proses pembuatan sistem dapat berjalan dengan baik dan sistem yang dibuat sesuai dengan yang dibutuhkan. Setelah analisis dilakukan perlu dilakukan desain sistem yang berujuan untuk memberikan gambaran tentang jalannya sistem tersebut. Selain itu desain sistem juga bertujuan untuk mempermudah programmer dalam mengimplementasikan sistem tersebut.
3.1
Analisa Sistem Tahap analisa merupakan tahap awal Penulis dalam pembuatan Website sistem
informasi. Dalam membangun Website sistem informasi penjadwalan pemakaian kapal, penjualan hasil nelayan ini Penulis akan menganalisa kebutuhan dasar sistem. Analisa dilakukan terhadap data – data yang merepresentasikan masalah, sehingga dapat diketahui spesifikasi kebutuhan sistem yang akan dibuat. Pada bagian ini Penulis akan menganalisa kebutuhan – kebutuhan dalam membuat aplikasi ini. Setelah semua kebutuhan di analisa, maka Penulis akan melanjutkan ke tahap perancangan aplikasi.
3.1.1 Analisa Masalah Dalam aplikasi sistem informasi nelayan yang akan dibuat, akan dijelaskan terlebih dahulu batasan-batasan yang ada dalam sistem aplikasi : 1. Aplikasi sistem informasi nelayan hanya menampilkan jadwal pemakaian kapal oleh nelayan 2. Hanya akun pembeli yang sudah terdaftar yang mendapat informasi ikan dan harga ikan, serta dapat membeli ikan. 3.1.1.1 Analisa Masalah Admin Admin dapat melakukan input harga ikan, edit harga ikan, delete harga ikan, input jadwal pemakaian kapal, edit jadwal pemakaian kapal, delete jadwal pemakaian kapal. Admin juga dapat melakukan manage account, pada halaman ini admin dapat menghapus account nelayan dan pembeli yang tersedia.
23
http://digilib.mercubuana.ac.id/
24
3.1.1.2 Analisa Masalah Nelayan Nelayan tidak perlu melakukan registrasi terhadap aplikasi sistem informasi nelayan, proses registrasi untuk halaman nelayan dilakukan oleh admin pemegang website sistem informasi nelayan. Pada halaman nelayan dapat melihat jadwal peminjaman kapal.
3.1.1.3 Analisa Masalah Pembeli Pembeli yang akan melakukan pembelian ikan harus terlebih dahulu melakukan registrasi di halaman registrasi. Pembeli yang telah melakukana registrasi dapat melakukan pembelian setelah melakukan login di website sistem informasi nelayan. Pembeli dapat melihat list harga ikan dan melihat ikan yang sudah dibeli pada halaman pembeli.
3.1.2 Analisa Sistem Berjalan Analisis sistem merupakan gambaran tentang sistem yang saat ini sedang berjalan di Kelompok Usaha Bersama “Samudera Indah”, pada bagian penjualan hasil tangkapan ikan, mereka masih menjual hasil tangkapannya ke tengkulak ataupun ke Tempat Pelelangan Ikan (TPI). Analisis sistem berjalan ini bertujuan untuk membuat sistem yang baru agar penjualan hasil tangkapan para nelayan dapat terjual dengan mudah dan cepat. 3.1.2.1 Analisa Prosedur yang sedang Berjalan Analisa sistem yang sedang berjalan pada penjualan hasil tangkapan nelayan, bertujuan untuk mengetahui lebih jelas bagaimana cara kerja sistem tersebut dan masalah yang dihadapi sistem tersebut untuk dijadikan sistem yang baru agar lebih mudah dan tidak merugikan para nelayan. Prosedur penjualan hasil tangkapan nelayan kepada Tengkulak, dideskripsikan sebagai berikut : 1. Nelayan membawa hasil tangkapannya kepada Tengkulak 2. Tengkulak menerima hasil tangkapan dari nelayan 3. Tengkulak menimbang hasil tangkapan tersebut 4. Tengkulak membayar hasil tangkapan tersebut tanpa adanya tawar menawar terlebih dahulu
http://digilib.mercubuana.ac.id/
25
5. Nelayan menerima uang hasil tangkapan tersebut dari Tengkulak Dalam suatu kegiatan pelelangan, terdapat pelaku-pelaku sebagai berikut: 1) Juru lelang yang bertugas melelang ikan hasil tangkapan nelayan 2) Juru catat yang bertugas mendampingi juru lelang dan mencatat setiap transaksi yang dihasilkan 3) Juru timbang yang bertugas menimbang ikan yang akan dilelang 4) Nelayan selaku penjual ikan 5) Pembeli ikan Prosedur penjualan hasil tangkapan nelayan ke Tempat Pelelangan Ikan (TPI), dideskripsikan sebagai berikut : 1. Ikan hasil tangkapan yang didaratkan ditimbang terlebih dahulu oleh juru timbang dan diberi label yang berisi data tentang nama kapal, berat ikan dan jenis ikan. 2. Pembeli ikan/bakul yang ingin ikut dalam lelang harus menyimpan uang jaminan kepada juru karcis. Uang yang disimpan paling sedikit Rp. 500.000,00. 3. Juru karcis memberikan identitas kepada penyimpan uang kepada juru lelang. Identitas yang diberikan mempunyai tiga kategori yaitu Merah, Kuning dan Biru.
Merah = uang jaminan 500.000 – 1.000.000
Kuning = uang jaminan 1.000.000-2.000.000
Biru = uang jaminan lebih dari 2.000.000
4. Ikan dilelang sesuai jenis ikan dan pelelangan dilakukan secara terbuka dengan kebebasan dalam persaingan harga. Pembeli/bakul yang berani menawar dengan harga tertinggi, maka akan memenangkan lelang. 5. Setelah ikan terjual, juru lelang memberikan laporan kepada juru karcis. 6. Bakul membayar tagihan kepada juru karcis 7. Nelayan mengambil uang hasil penjualan ikan ke juru karcis Untuk Penjadwalan Pemakaian Kapal nelayan, kelompok Usaha Bersama “Samudera Indah” ini belum memakai sistem ini, untuk itu dengan adanya Website Sistem Informasi Penjadwalan Pemakaian Kapal dan Penjualan Hasil Nelayan ini diharapkan akan memudahkan nelayan untuk menjadwalkan kapal mereka. Seperti yang tercantum dalam Latar Belakang “Dalam program BLM-PUMP, bantuan modal usaha produktif berupa infrastruktur alat tangkap senilai Rp.100.000.000 ditujukan
http://digilib.mercubuana.ac.id/
26
sebagai insentif bagi nelayan untuk berorganisasi, ada pula yang diberikan 1 kapal besar untuk setiap KUB. Itu sebabnya sasaran program berupa kelompok, bukan berupa perorangan. BLM-PUMP memiliki misi untuk memantapkan pranata ekonomi nelayan”. Di Kelompok Usaha Bersama “Samudera Indah” ini mereka menerima 1 kapal besar, bisa untuk berlayar 5 sampai 10 orang, tetapi belum sama sekali terpakai oleh nelayan dikarenakan mesin dan alat tangkap untuk berlayarnya tidak memadai, “Pemerintah memberikan kapal besar tetapi peralatan untuk menopang kebutuhan kapal tersebut tidak memadai”, menurut salah satu nelayan yang Penulis wawancarai. Dengan adanya Website Sistem Informasi Penjadwalan Pemakaian Kapal dan Penjualan Hasil Nelayan dapat membantu nelayan untuk menjadwalkan pemakaian kapal, agar lebih teratur dan bisa di pertanggung jawabkan pemakaian kapalnya. Untuk peralatan penopang kebutuhan kapal disediakan pemesanan alat tangkap ikan di dalam website ini, sehingga nelayan mudah mendapatkan peralatan untuk menopang kebutuhan kapal, dengan adanya pemesanan alat tangkap ikan diharapakan akan mempermudah nelayan meminjam atau menyewa alat tangkap ikan.
3.1.2.2 Evaluasi Sistem yang sedang Berjalan Berdasarkan hasil analisa Penulis terhadap penjualan hasil tangkapan oleh nelayan ke Tengkulak ataupun ke Tempat Pelelangan Ikan (TPI), yang sedang berjalan masih banyak kekurangan, setelah mengetahui sistem yang ada saat ini, Penulis menyimpulkan bahwa : Tabel 3.1 Evaluasi Sistem
No 1
Permasalahan
Kurang efektif dalam proses Dapat mempermudah untuk menjual penjualan hasil tangkapan
2
Penyelesaian hasil tangkapan
Pada proses penjualan hasil Dengan tangkapan
ke
tengkulak, Informasi
nelayan merasa dirugikan
adanya
Website
penjadwalan
Sistem
penyewaan
kapal dan penjualan hasil nelayan, dapat mempermudah nelayan untuk menjual hasil tangkapannya, dan tidak terpaku pada tengkulak semata.
http://digilib.mercubuana.ac.id/
27
3.1.3 Analisa Kebutuhan Perangkat keras yang digunakan Penulis untuk melakukan penelitian ini adalah satu set laptop dengan spesifikasi : 1. Prosessor : AMD Dual-Core Processor E-350 with AMD Radeon™ HD 6310 Discrete-Class Graphics 2. Memory : 2048 MB 3. Hardisk : 320 GB 4. Optical Mouse Sedangkan perangkat lunak yang digunakan Penulis untuk melakukan penelitian ini adalah : 1. Windows 7 Home Basic sebagai sistem operasi 2. Microsoft Office Visio 2007 3. XAMPP 4. Notepad++ 5. Google Chrome 3.2
Prosedur Pembuatan Aplikasi Sistem Informasi Nelayan Prosedur yang dilakukan untuk pembuatan aplikasi sistem informasi nelayan adalah sebagai berikut : 3.2.1 Admin a. Proses login untuk dapat masuk kehalaman utama. b. Proses kelola data pesanan yang dipesan oleh pembeli. c. Proses kelola data pesanan yang dipesan oleh nelayan. d. Proses kelola data jadwal pemakaian kapal oleh nelayan yang sesuai. e. Proses olah data. f. Proses Input member nelayan. g. Dapat melihat Member pembeli h. Melihat Laporan Pesanan nelayan i. Melihat Laporan Pembelian 3.2.2 Nelayan a. Proses login untuk dapat masuk kehalaman utama. b. Proses lihat data jadwal pemakaian kapal, jika nelayan ingin memakai kapal yang
http://digilib.mercubuana.ac.id/
28
didapat dari admin. c. Proses lihat list harga ikan yang telah diinput oleh admin. 3.2.3 Pembeli a. Proses registrasi agar dapat melakukan pembelian ikan. b. Proses login untuk masuk ke halaman pembelian website dan melakukan pembelian ikan. c. Proses lihat list harga ikan. d. Proses membeli ikan. e. Proses lihat ikan yang sudah dibeli setelah membeli ikan.
3.3 Rancangan Unified Modelling Language (UML) UML dapat memenuhi kebutuhan kebutuhan sistem dengan memodelkan sistem yang dibangun dengan menggunakan beberapa diagram, yaitu use case diagram, activity diagram, dan sequence diagram dan Class Diagram
3.3.1 Use Case Diagram Aktor pertama merupakan Admin yang melakukan proses pengolahan data seperti kelola data pesanan pembeli, kelola pesanan nelayan, inpt jadwal pemakaian kapal, proses olah data, input member nelayan, lihat member pembeli, melihat laporan pesanan, serta melihat laporan pembelian pada website tersebut. Aktor kedua merupakan nelayan yang dapat melihat jadwal pemakaian kapal jika nelayan ingin memakai kapal, memesan alat tangkap ikan dan melihat list harga ikan, dimana aktor kedua harus melakukan login terlebih dahulu sebelum dapat melakukan kegiatan tersebut. Aktor ketiga merupakan pembeli yang dapat melihat list harga ikan, dapat membeli ikan, melihat ikan yang akan dibeli, serta dapat mendaftar akun. Sebelum pembeli dapat melakukan kegiatan tersebut, pembeli harus melakukan pendaftaran dengan mengisi form yang tersedia, setelah melakukan pendaftaran pembeli dapat mengakses akun tersebut dan melakukan pembelian.
http://digilib.mercubuana.ac.id/
29
Gambar 3.1 Use Case Diagram Aplikasi Sistem Informasi Nelayan Berikut di bawah ini adalah penjelasan dalam bentuk tabel-tabel dari masing-masing use case pada Gambar 3.1 :
3.3.1.1 Sisi Admin Tabel 3.2 Use Case melakukan Login
Use Case
Keterangan
Aktor
Admin
Nama Use case
Melakukan Login
Deskripsi
Admin harus melakukan login terlebih dahulu untuk masuk ke sistem
Lanjutan Tabel 3.2 Use Case melakukan Login
http://digilib.mercubuana.ac.id/
30
Skenario
1. Admin mengakses halaman login 2. Sistem akan menampilkan halaman login 3. Admin memasukan username dan password pada halaman login 4. Sistem akan mengecek username dan password yang dilakukan oleh admin 5. Sistem akan menampilkan menu utama
Alternatif
Pada langkah ke-4 sistem akan mengecek username dan password yang dimasukan admin, jika tidak sesuai dengan yan ada pada basis data maka admin akan kembali ke langkah k-3
Pre-kondisi
Admin memasukan username dan password
Post-kondisi
Admin masuk ke halaman utama
Tabel 3.3 Use Case Kelola Data Pesanan Pembeli
Use Case
Keterangan
Aktor
Admin
Nama Use case
Kelola Data Pesanan Pembeli
Deskripsi
Admin dapat mengetahui data pesanan yang di pesan oleh pembeli
Skenario
1. Admin memilih link data pesanan Pembeli 2. Sistem akan menampilkan link data pesanan Pembeli
Alternatif
-
Pre-kondisi
Admin memilih link data pesanan Pembeli
Post-kondisi
Admin menerima halaman data pesanan Pembeli
Tabel 3.4 Use Case Kelola Data Pesanan Nelayan
http://digilib.mercubuana.ac.id/
31
Use Case
Keterangan
Aktor
Admin
Nama Use case
Kelola Data Pesanan Nelayan
Deskripsi
Admin dapat mengetahui data pesanan yang dipesan oleh nelayan
Skenario
1.Admin memilih link data pesanan nelayan 2. Sistem akan menampilkan link data pesanan
Alternatif
-
Pre-kondisi
Admin memilih link data pesanan nelayan
Post-kondisi
Admin halaman data pesanan nelayan
Tabel 3.5 Use Case Input Data Jadwal Pemakaian Kapal
Use Case
Keterangan
Aktor
Admin
Nama Use case
Input Data Jadwal Pemakaian Kapal
Deskripsi
Admin dapat mengetahui data Jadwal Pemakaian kapal nelayan
Skenario
1. Admin memilih link data nelayan yang memakai kapal 2. Sistem akan menampilkan link data nelayan yang memakai kapal 3. Admin mengatur jadwal dari setiap nelayan yang memakai kapal 4. Admin dapat menghapus data jadwal dari nelayan yang memakai kapal
Alternatif
-
Pre-kondisi
Admin memilih link data nelayan yang memakai kapal
Post-kondisi
Admin menerima halaman data nelayan yang memakai kapal
Tabel 3.6 Use Case Proses Olah Data
Use Case
Keterangan
http://digilib.mercubuana.ac.id/
32
Aktor
Admin
Nama Use case
Proses Olah Data
Deskripsi
Admin dapat menginput data
Skenario
1. Admin memilih link yang ingin diupdate 2. Sistem menampilkan halaman yang dipilih admin 3. Admin dapat mengisi data 4. Sistem akan meyimpan data-data yang telah di isi admin
Alternatif
-
Pre-kondisi
Admin memilih link olah data
Post-kondisi
Admin menerima halaman olah data
Tabel 3.7 Use Case Input Member Nelayan
Use Case
Keterangan
Aktor
Admin
Nama Use case
Input Member Nelayan
Deskripsi
Admin dapat menginput Member Nelayan
Skenario
1. Admin memilih link Member Nelayan 2. Sistem menampilkan halaman yang dipilih admin 3. Admin dapat menginput atau menambahkan data member nelayan 4. Sistem akan meyimpan data-data yang telah di isi admin
Alternatif
-
Pre-kondisi
Admin memilih link Input Member Nelayan
Post-kondisi
Admin menerima halaman Input Member Nelayan
Tabel 3.8 Use Case Lihat Member Pembeli
Use Case
Keterangan
Aktor
Admin
http://digilib.mercubuana.ac.id/
33
Nama Use case
Lihat Member Pembeli
Deskripsi
Admin dapat melihat Member Pembeli
Skenario
1. Admin memilih link Lihat Member Pembeli 2. Sistem menampilkan halaman yang dipilih admin 3. Admin dapat melihat member pembeli
Alternatif
-
Pre-kondisi
Admin memilih link Lihat Member Pembeli
Post-kondisi
Admin menerima halaman Lihat Member Pembeli
Tabel 3.9 Use Case Laporan Pesanan
Use Case
Keterangan
Aktor
Admin
Nama Use case
Laporan Pesanan
Deskripsi
Admin dapat melihat laporan Pesanan
Skenario
1. Admin memilih link Laporan Pesanan 2. Sistem menampilkan halaman Laporan Pesanan 3. Admin dapat melihat Laporan Pesanan
Alternatif
-
Pre-kondisi
Admin memilih link Laporan Pesanan
Post-kondisi
Admin menerima halaman Laporan Pesanan
Tabel 3.10 Use Case Laporan Pembelian
Use Case
Keterangan
Aktor
Admin
Nama Use case
Laporan Pembelian
Deskripsi
Admin dapat melihat laporan Pesanan
http://digilib.mercubuana.ac.id/
34
Skenario
1. Admin memilih link Laporan Pembelian 2. Sistem Pembelian
menampilkan Admin
halaman
dapat
melihat
Laporan Laporan
Pembelian Alternatif
-
Pre-kondisi
Admin memilih link Laporan Pembelian
Post-kondisi
Admin menerima halaman Laporan Pembelian
Tabel 3.11 Use Case Lihat list Harga Ikan
Use Case
Keterangan
Aktor
Admin
Nama Use case
Lihat List Harga Ikan
Deskripsi
Admin dapat melihat List Harga Ikan
Skenario
1. Admin memilih link Lihat Harga Ikan 2. Sistem menampilkan halaman yang dipilih admin 3. Admin dapat melihat List Harga Ikan
Alternatif
-
Pre-kondisi
Admin memilih link Lihat Harga Ikan
Post-kondisi
Admin menerima halaman Lihat Harga Ikan
3.3.1.2 Sisi Nelayan Tabel 3.12 Use Case Jadwal Pemakaian Kapal
Use Case
Keterangan
Aktor
Nelayan
Nama Use case
Jadwal Pemakaian Kapal
Deskripsi
Nelayan harus melakukan login terlebih dahulu untuk
http://digilib.mercubuana.ac.id/
35
dapat melihat jadwal Pemakaian kapal Skenario
1. Nelayan memilih halaman daftar akun nelayan 2. Sistem akan menampilkan halaman daftar akun nelayan 3. Nelayan mengisi data-data 4. Sistem akan menyimpan data-data 5. Sistem akan menampilkan halaman login 6. Nelayan memasukan username dan password yang telah dibuat sebelumnya pada halaman login 7. Sistem akan mengecek username dan password yang dilakukan oleh nelayan 8. Sistem
akan
menampilkan
menu
jadwal
Pemakaian kapal Alternatif
Pada langkah ke-7 sistem akan mengecek username dan password yang dimasukan nelayan, jika tidak sesuai dengan yan ada pada basis data maka nelayan akan kembali ke langkah k-6
Pre-kondisi
Nelayan memasukan username dan password
Post-kondisi
Nelayan masuk ke halaman utama
Tabel 3.13 Use Case Memesan Alat Tangkap Ikan
Use Case
Keterangan
Aktor
Nelayan
Nama Use case
Memesan alat tangkap ikan
Deskripsi
Nelayan dapat memesan alat tangkap ikan
Skenario
1. Nelayan memilih link pesan alat tangkap ikan 2. Sistem akan menampilkan link pesan alat tangkap ikan
http://digilib.mercubuana.ac.id/
36
3. Nelayan mengisi form yang ada, alat tangkap apa yang ingin dipesan oleh nelayan 4. Nelayan mengklik button kirim Alternatif
-
Pre-kondisi
Nelayan memilih link pesan alat tangkap ikan
Post-kondisi
Nelayan menerima halaman pesan alat tangkap ikan
Tabel 3.14 Use Case Lihat List Harga Ikan
Use Case
Keterangan
Aktor
Admin
Nama Use case
Lihat List Harga Ikan
Deskripsi
Admin dapat melihat list harga ikan
Skenario
1. Admin memilih link list harga ikan 2. Sistem akan menampilkan link list harga ikan
Alternatif
-
Pre-kondisi
Nelayan memilih link list harga ikan
Post-kondisi
Nelayan menerima halaman list harga ikan
3.3.1.3 Sisi Pembeli Tabel 3.15 Use Case Lihat Harga Ikan
Use Case
Keterangan
Aktor
Pembeli
Nama Use case
Lihat Harga Ikan
Deskripsi
Pembeli harus melakukan login terlebih dahulu untuk dapat melihat harga ikan
Skenario
1. Pembeli memilih halaman daftar akun pembeli 2. Sistem akan menampilkan halaman daftar akun
http://digilib.mercubuana.ac.id/
37
pembeli 3. Pembeli mengisi data-data 4. Sistem akan menyimpan data-data 5. Sistem akan menampilkan halaman login 6. Pembeli memasukan username dan password yang telah dibuat sebelumnya pada halaman login 7. Sistem akan mengecek username dan password yang dilakukan oleh pembeli 8. Sistem akan menampilkan menu Lihat Harga ikan Alternatif
Pada langkah ke-7 sistem akan mengecek username dan password yang dimasukan pembeli, jika tidak sesuai dengan yan ada pada basis data maka nelayan akan kembali ke langkah k-6
Pre-kondisi
Pembeli memasukan username dan password
Post-kondisi
Pembeli masuk ke halaman Lihat Harga Ikan
Tabel 3.16 Use Case Lihat Ikan yang dibeli
Use Case
Keterangan
Aktor
Pembeli
Nama Use case
Lihat Ikan yang dibeli
Deskripsi
Pembeli dapat melihat Ikan yang dibeli
Skenario
1. Pembeli memilih link Ikan yang dibeli 2. Sistem akan menampilkan link Ikan yang dibeli
Alternatif
-
Pre-kondisi
Pembeli memilih link Ikan yang dibeli
Post-kondisi
Pembeli menerima halaman Ikan yang dibeli
http://digilib.mercubuana.ac.id/
38
Tabel 3.17 Use Case Membeli Ikan Use Case Keterangan Aktor
Pembeli
Nama Use case
Membeli Ikan
Deskripsi
Pembeli dapat membeli ikan
Skenario
1. Pembeli memilih link Beli Ikan 2. Sistem akan menampilkan link Beli Ikan
Alternatif
-
Pre-kondisi
Pembeli memilih link beli ikan
Post-kondisi
Pembeli menerima halaman beli ikan
3.3.2
Sequence Diagram Sequence diagram (diagram urutan) adalah suatu diagram yang memperlihatkanatau menampilkan interaksi- interaksi antar objek didalam sistem yang disusun pada sebuah urutan atau rangkaian waktu, interaksi, antar objek tersebut termasuk pengguna, display, dan sebagainya berupa pesan/message.
3.3.2.1 Diagram Sequence Admin Diagram sequence data pesanan pembeli menerangkan kegiatan yang dilakukan sistem pada saat melihat pesanan pembeli
http://digilib.mercubuana.ac.id/
39
Gambar 3.2 Sequence Diagram Kelola Data Pesanan Pembeli
Diagram sequence data pesanan nelayan menerangkan kegiatan yang dilakukan sistem pada saat melihat pesanan nelayan
http://digilib.mercubuana.ac.id/
40
Gambar 3.3 Sequence Diagram Kelola Data Pesanan Nelayan Diagram Sequence Jadwal Pemakaian Kapal menerangkan kegiatan yang dilakukan admin pada saat input data jadwal Pemakaian kapal
Gambar 3.4 Sequence Diagram Jadwal Pemakaian Kapal
Diagram Sequence Olah data menerangkan kegiatan yang dilakukan admin pada saat mengolah data
http://digilib.mercubuana.ac.id/
41
Gambar 3.5 Sequence Diagram Olah Data Diagram Sequence Input Member Nelayan menerangkan kegiatan yang dilakukan admin pada Input Member Nelayan
Gambar 3.6 Sequence Diagram Gambar Input Member Nelayan Diagram Sequence Lihat Member Pembeli menerangkan kegiatan yang dilakukan admin pada Lihat Member Pembeli
http://digilib.mercubuana.ac.id/
42
Gambar 3.7 Sequence Diagram Gambar Lihat Member Pembeli Diagram Sequence Laporan Pesanan menerangkan kegiatan yang dilakukan admin pada laporan Pesanan
Gambar 3.8 Sequence Diagram Laporan Pesanan Diagram Sequence Laporan Pembelian menerangkan kegiatan yang dilakukan admin pada laporan Pembelian
http://digilib.mercubuana.ac.id/
43
Gambar 3.9 Sequence Diagram Laporan Pembelian Diagram Sequence Lihat List Harga Ikan menerangkan kegiatan yang dilakukan admin pada Lihat List Harga Ikan
Gambar 3.10 Sequence Diagram Lihat List Harga Ikan 3.3.2.2 Diagram sequence Nelayan Sequence diagram Jadwal Pemakaian kapal menerangkan kegiatan yang dilakukan sistem pada saat melihat jadwal Pemakaian Kapal
http://digilib.mercubuana.ac.id/
44
Gambar 3.11 Sequence Diagram Jadwal Pemakaian Kapal Sequence diagram List Harga Ikan menerangkan kegiatan yang dilakukan sistem pada saat melihat List Harga Ikan
Gambar 3.12 Sequence Diagram List Harga Ikan Sequence diagram Pemesanan Alat Tangkap Ikan menerangkan kegiatan yang dilakukan sistem pada saat pemesanan alat tangkap ikan
http://digilib.mercubuana.ac.id/
45
Gambar 3.13 Sequence Diagram Pemesanan Alat Tangkap Ikan 3.3.2.3 Sequence Diagram Pembeli Sequence diagram memesan ikan menerangkan kegiatan yang dilakukan sistem pada saat memesan ikan
Gambar 3.14 Sequence Diagram Pembeli
3.3.3
Activity Diagram Activity diagram menggambarkan workflow (aliran kerja) atau aktivitas dari sebuah sistem atau proses bisnis yang perlu di perhatikan disini adalah activity diagram sistem
http://digilib.mercubuana.ac.id/
46
bukan apa yang dilakukan aktor, jadi aktivitas yang dapat dilakukan. 3.3.3.1 Admin Diagram aktivitas pada saat admin melakukan login dapat di lihat pada Gambar 3.15 Admin
Sistem
Buka halaman login admin
Menampilkan halaman login
Input username dan password
Periksa akun didatabase
Notifikasi pesan username dan password salah
No
Tersedia
Yes Simpan kedalam database
Menampilkan halaman admin
Gambar 3.15 Diagram aktivitas melakukan Login Tabel 3.18 Skenario Activity Diagram melakukan Login Nama
Activity Diagram melakukan Login
Deskripsi
Sebelum Admin mengelola data seperti input data, insert data, delete data, update data, Admin harus Login dengan memasukan username dan password terlebih dahulu. Sistem akan memeriksa username dan password admin, apabila admin memasukan username dan password yang salah maka sistem
http://digilib.mercubuana.ac.id/
47
akan kembali ke halaman masukan login, sedangkan apabila username dan password benar maka login berhasil kemudian menampilkan halaman utama.
Diagram aktivitas pada saat admin melakukan kelola data pesanan Pembeli dapat di lihat pada Gambar 3.16 Admin
Sistem
Buka halaman admin
Menampilkan halaman admin
Pilih data pesanan pembeli
Menampilkan data pesanan pembeli
Lihat data pesanan pembeli
Gambar 3.16 Diagram melihat data pesanan Pembeli
Tabel 3.19 Skenario Activity melihat data pesanan Pembeli Nama
Activity Diagram melihat data pesanan Pembeli
Deskripsi
Admin memilih link data pesanan Pembeli untuk menampilkan halaman data pesanan, setelah itu admin akan melihat pesanan yang dipesan oleh pembeli
http://digilib.mercubuana.ac.id/
48
Diagram aktivitas pada saat admin melakukan kelola data pesanan Nelayan dapat di lihat pada Gambar 3.17 Admin
Sistem
Buka halaman admin
Menampilkan halaman admin
Pilih data pesanan nelayan
Menampilkan data pesanan nelayan
Lihat data pesanan nelayan
Gambar 3.17 Diagram melihat data pesanan Nelayan
Tabel 3.20 Skenario Activity melihat data pesanan Nelayan Nama
Activity Diagram melihat data pesanan Nelayan
Deskripsi
Admin memilih link data pesanan Nelayan untuk menampilkan halaman data pesanan, setelah itu admin akan melihat pesanan yang dipesan oleh Nelayan
Diagram aktivitas pada saat admin melakukan Jadwal Pemakaian Kapal dapat di lihat pada
http://digilib.mercubuana.ac.id/
49
Gambar 3.18 Admin
Sistem
Buka halaman admin
Menampilkan halaman admin
Pilih menu jadwal pemakaian kapal
Menampilkan jadwal pemakaian kapal
Input data jadwal pemakaian kapal Periksa data jadwal pemakaian kapal
Notifikasi data tidak lengkap
Tidak Lengkap Pengecekan
Lengkap menyimpan data penjadwalan pemakaian kapal
Gambar 3.18 Diagram Jadwal Pemakaian Kapal Tabel 3.21 Skenario Activity Jadwal Pemakaian Kapal Nama
Activity Diagram Jadwal Pemakaian Kapal
Deskripsi
Admin memilih link jadwal pemakaian kapal, untuk menampilkan halaman jadwal pemakaian kapal, kemudian admin dapat memasukan data-data kemudian mengecek informasi yang sudah diupload, apabila data
yang
dimasukan sudah lengkap akan menyimpan informasi data ke dalam basis data, sedangkan apabila admin tidak memasukan data tidak lengkap, atau menampilkan data tidak lengkap maka sistem akan kembali ke langkah
http://digilib.mercubuana.ac.id/
50
memasukan data-data.
Diagram aktivitas pada saat admin melakukan proses Olah Data dapat di lihat pada Gambar 3.19 Admin
Sistem
Buka halaman admin
Menampilkan halaman admin
Pilih menu olah data
Menampilkan menu olah data
Input data olah data
Periksa data olah data
Notifikasi data tidak lengkap
Tidak Lengkap Pengecekan
Lengkap
menyimpan data olah data
Gambar 3.19 Diagram Olah Data
Tabel 3.22 Skenario Activity Olah Data Nama
Activity Diagram Olah Data
Deskripsi
Admin memilih link Olah Data, untuk menampilkan halaman Olah Data, kemudian admin dapat memasukan data-data kemudian mengecek informasi yang sudah diupload, apabila data
yang dimasukan sudah lengkap
akan menyimpan informasi data ke dalam basis data, sedangkan apabila admin tidak memasukan data tidak lengkap, atau menampilkan data tidak lengkap maka sistem akan kembali ke langkah memasukan data-data.
http://digilib.mercubuana.ac.id/
51
Diagram aktivitas pada saat admin melakukan proses Laporan Pesanan dapat di lihat pada Gambar 3.20 Admin
Sistem
Buka halaman admin
Menampilkan halaman admin
Pilih data laporan pesanan
Menampilkan data laporan pesanan
Lihat data laporan pesanan
Gambar 3.20 Diagram Laporan Pesanan Tabel 3.23 Skenario Activity Laporan Pesanan Nama Activity Diagram melihat data Laporan pesanan Deskripsi
Admin memilih link Laporan pesanan untuk menampilkan halaman Laporan pesanan, setelah itu admin akan melihat Laporan pesanan.
Diagram aktivitas pada saat admin melakukan proses Laporan Pembelian dapat di lihat pada Gambar 3.21
http://digilib.mercubuana.ac.id/
52
Admin
Sistem
Buka halaman admin
Menampilkan halaman admin
Pilih data laporan pembelian
Menampilkan data laporan pembelian
Lihat data laporan pembelian
Gambar 3.21 Diagram Laporan Pembelian
Tabel 3.24 Skenario Activity Laporan Pembelian Nama
Activity Diagram melihat data Laporan Pembelian
Deskripsi
Admin
memilih
link
Laporan
Pembelian
untuk
menampilkan halaman Laporan Pembelian, setelah itu
Diagram
admin akan melihat Laporan Pembelian..
aktivitas pada saat
admin melakukan proses Laporan Pembelian dapat di lihat pada Gambar 3.22
http://digilib.mercubuana.ac.id/
53
Admin
Sistem
Buka halaman admin
Menampilkan halaman admin
Pilih menu harga ikan
Menampilkan data harga ikan
Lihat list harga ikan
Gambar 3.22 Diagram melihat list harga ikan
Tabel 3.25 Skenario Activity Diagram melihat List Harga Ikan Nama
Activity Diagram melihat list harga ikan
Deskripsi Admin memilih link list harga ikan, untuk menampilkan halaman list harga ikan, kemudian nelayan dapat melihat list harga ikan.
3.3.3.2 Nelayan Diagram aktivitas pada saat nelayan melakukan login dapat di lihat pada Gambar 3.23
http://digilib.mercubuana.ac.id/
54
Nelayan
Sistem
Buka halaman login nelayan
Menampilkan halaman login
Input username dan password
Periksa akun didatabase
Notifikasi pesan username dan password salah
No
Tersedia
Yes Simpan kedalam database
Menampilkan halaman nelayan
Gambar 3.23 Diagram aktivitas Login Tabel 3.26 Skenario Activity Diagram melakukan Login Nama
Activity Diagram melakukan Login
Deskripsi
Sebelum Nelayan
ingin melakukan aktivitas dalam
website sistem informasi ini, nelayan harus Login terlebih dahulu dengan memasukan username dan password terlebih dahulu. Sistem akan memeriksa username dan password nelayan, apabila nelayan memasukan username dan password yang salah maka sistem akan kembali ke halaman masukan login, sedangkan apabila username dan password
benar
maka
login
berhasil
menampilkan halaman utama.
http://digilib.mercubuana.ac.id/
kemudian
55
Diagram aktivitas pada saat nelayan melakukan melihat jadwal pemakaian kapal dapat di lihat pada Gambar 3.24 Nelayan
Sistem
Buka halaman nelayan
Menampilkan halaman nelayan
Pilih jadwal pemakaian kapal
Menampilkan jadwal pemakaian kapal
Lihat jadwal pemakaian kapal
Gambar 3.24 Diagram Aktivitas melihat jadwal Pemakaian kapal Tabel 3.27 Skenario Activity Diagram melihat jadwal Pemakaian kapal Nama
Activity Diagram melihat jadwal Pemakaian kapal
Deskripsi
Nelayan memilih link jadwal Pemakaian kapal, untuk menampilkan halaman jadwal Pemakaian kapal, kemudian nelayan dapat melihat jadwal Pemakaian kapal
Diagram aktivitas pada saat nelayan memesan alat tangkap ikan dapat di lihat pada Gambar 3.25
http://digilib.mercubuana.ac.id/
56
Nelayan
Sistem
Buka halaman nelayan
Menampilkan halaman nelayan
Pilih menu pemesanan alat tangkap ikan
Menampilkan pemesanan alat tangkap ikan
Input alat yang ingin dipesan Data dikirim ke admin dan disimpan
Notifikasi pemesan alat tangkap ikan
Gambar 3.25 Diagram Aktivitas memesan alat tangkap ikan
Tabel 3.28 Skenario Activity Diagram memesan alat tangkap ikan Nama
Activity Diagram memesan alat tangkap ikan
Deskripsi
Nelayan memilih link memesan alat tangkap ikan, untuk menampilkan halaman memesan alat tangkap ikan, kemudian nelayan mengisi form yang ada, alat tangkap apa yang ingin dipesan, kemudian sistem akan mengirimnya ke admin untuk di cek.
Diagram aktivitas pada saat nelayan melihat list harga ikan dapat di lihat pada Gambar 3.26
http://digilib.mercubuana.ac.id/
57
Nelayan
Sistem
Buka halaman nelayan
Menampilkan halaman nelayan
Pilih jadwal pemakaian kapal
Menampilkan jadwal pemakaian kapal
Lihat jadwal pemakaian kapal
Gambar 3.26 Diagram Aktivitas melihat List Harga Ikan Tabel 3.29 Skenario Activity Diagram melihat List Harga Ikan Nama
Activity Diagram melihat list harga ikan
Deskripsi
Nelayan
memilih
link
list
harga
ikan,
untuk
menampilkan halaman list harga ikan, kemudian nelayan dapat melihat list harga ikan.
3.3.3.3 Pembeli Diagram aktivitas pada saat pembeli melakukan aktivitas daftar member dapat di lihat pada Gambar 3.27
http://digilib.mercubuana.ac.id/
58
Pembeli
Sistem
Buka halaman awal
Menampilkan halaman awal
Pilih menu registrasi kustomer
Menampilkan registrasi kustomer
Input data di form pendaftaran Periksa data yang telah diinput
Tidak Lengkap Notifikasi data tidak lengkap
Pengecekan
Lengkap Menyimpan data pembeli
Klik tombol login disini
Menampilkan halaman registrasi berhasil
Gambar 3.27 Diagram Aktivitas Daftar member Tabel 3.30 Skenario Activity Diagram Daftar Member Nama
Activity Diagram melihat list ikan yang dibeli
Deskripsi
Sebelum pembeli melakukan transaksi langkah yang paling awal adalah pembeli harus melakukan registrasi atau daftar member terlebih dahulu dengan mengisi form yang tersedia, apabila pembeli melengkapi data yang tersedia maka akan masuk ke halaman utama, sedangkan apabila data yang tersedia tidak dilengkapi maka sistem akan kembali ke halaman isi form registrasi atau pendaftaran.
Diagram aktivitas pada saat pembeli melakukan login dapat dilihat pada Gambar 3.28
http://digilib.mercubuana.ac.id/
59
Pembeli
Sistem
Buka halaman login pembeli
Menampilkan halaman login
Input username dan password
Periksa akun didatabase
Notifikasi pesan username dan password salah
No
Tersedia
Yes Simpan kedalam database
Menampilkan halaman pembeli
Gambar 3.28 Diagram aktivitas Login
Tabel 3.31 Skenario Activity Diagram melakukan Login Nama
Activity Diagram melakukan Login
Deskripsi
Sebelum Pembeli melakukan transaksi langkah yang paling awal adalah pembeli harus melakukan login terlebih dahulu, dengan memasukan username dan password terlebih dahulu. Sistem akan memeriksa username dan password pembeli, apabila pembeli memasukan username dan password yang salah maka sistem akan kembali ke halaman masukan login, sedangkan apabila username dan password benar maka login berhasil kemudian menampilkan halaman pembeli
Diagram aktivitas pada saat pembeli melakukan aktivitas lihat list harga ikan dapat di lihat pada Gambar 3.29
http://digilib.mercubuana.ac.id/
60
Pembeli
Sistem
Buka halaman pembeli
Menampilkan halaman pembeli
Pilih menu harga ikan
Menampilkan data harga ikan
Lihat list harga ikan
Gambar 3.29 Diagram Aktivitas melihat List Harga Ikan Tabel 3.32 Skenario Activity Diagram melihat List Harga Ikan Nama
Activity Diagram melihat list harga ikan
Deskripsi
Pembeli
memilih
link
list
harga
ikan,
untuk
menampilkan halaman list harga ikan, kemudian pembeli dapat melihat list harga ikan.
Diagram aktivitas pada saat pembeli melakukan pembelian dapat di lihat pada Gambar 3.30
http://digilib.mercubuana.ac.id/
61
Pembeli
Sistem
Buka halaman awal
Menampilkan halaman awal
Pilih menu halaman ikan
Menampilkan halaman ikan yang dapat dibeli
Memilih ikan yang ingin dibeli
Periksa data pembelian
No
Notifikasi pembatalan pembelian
Pilih selesai belanja
Yes
Menyimpan data pembelian
Menampilkan halaman ikan yang baru saja dibeli dan jumlah
Notifikasi jumlah uang yang harus dibayar
Gambar 3.30 Diagram aktivitas pembelian ikan
Tabel 3.33 Skenario Activity Diagram pembelian Ikan Nama Activity Diagram pembelian Ikan Deskripsi
Pembeli membuka halaman pembelian ikan, untuk menampilkan halaman ikan yang dapat dibeli, pembeli dapat memilih ikan dan jumlah ikan yang ingin dibeli, setelah itu pembeli melakukan pembelian ikan, apabila pembeli membatalkan pembelian maka sistem akan menampilkan pesan pembatalan beli, dan kembali ke halaman awal, sedangkan apabila pembelian berhasil, sistem akan menyimpan ikan yang dibeli ke database, kemudian sistem akan menampilkan ikan yang baru saja pembeli beli.
http://digilib.mercubuana.ac.id/
62
3.3.4 Class Diagram 3.3.4.1 Class Diagram Order
http://digilib.mercubuana.ac.id/
63
Gambar 3.31 Class Diagram Order
3.3.4.2 Class Diagram Penjadwalan
http://digilib.mercubuana.ac.id/
64
Gambar 3.32 Class Diagram Penjadwalan
3.3.4.3 Class Diagram Pemesanan alat
Gambar 3.33 Class Diagram Pemesanan Alat
3.4 Struktur Database
http://digilib.mercubuana.ac.id/
65
3.4.1 Tabel admins Nama tabel
: admins
Primary Key : username Tabel admins yang ada pada database terdapat username, password, level. Tabel 3.34 Tabel admins No Field
Type
Panjang
Keterangan
1.
Username
Varchar
50
username admins
2.
Password
Varchar
50
password admin
3.
Level
Varchar
12
level admin
3.4.2 Tabel hubungi Nama tabel
: hubungi
Primary Key : id_hubungi Tabel hubungi yang ada pada database terdapat id_hubungi, id_nelayan, subjek, pesan, tanggal, status, harga. Tabel 3.35 Tabel hubungi No Field
Type
Panjang
Keterangan
1.
id_hubungi
Int
5
id hubugi
2.
id_nelayan
Int
5
id nelayan
3.
Subjek
varchar
100
Subjek
4.
Pesan
text
Pesan
5.
Tanggal
date
tanggal
6.
Status
enum
Status
7.
Harga
varchar
100
Harga
3.4.3 Tabel kapal Nama tabel
: kapal
Primary Key : id_kapal Tabel kapal yang ada pada database terdapat id_kapal, nama_kapal.
http://digilib.mercubuana.ac.id/
66
Tabel 3.36 Tabel kapal No Field
Type
Panjang
Keterangan
1.
id_kapal
Int
15
id kapal
2.
nama_kapal
varchar
15
nama kapal
3.4.4 Tabel kategori Nama tabel
: kategori
Primary Key : id_kategori Tabel kategori yang ada pada database terdapat id_katgeori, nama_kategori. Tabel 3.37 Tabel kategori No Field
Type
Panjang
Keterangan
1.
id_kategori
Int
5
id kategori
2.
nama_kategori
varchar
100
nama kategori
3.4.5 Tabel kelompok Nama tabel
: kelompok
Primary Key : id_kelompok Tabel kelompok yang ada pada database terdapat id_kelompok, nama_kelompok. Tabel 3.38 Tabel kelompok No Field
Type
Panjang
Keterangan
1.
id_kelompok
Int
5
id kelompok
2.
nama_kelompok
varchar
15
nama kelompok
3.4.6 Tabel kota Nama tabel
: kota
Primary Key : id_kota Tabel kota yang ada pada database terdapat id_kota, nama_kota, ongkos_kirim. Tabel 3.39 Tabel kota
http://digilib.mercubuana.ac.id/
67
No Field
Type
Panjang
Keterangan
1.
id_kota
Int
3
id kota
2.
nama_kota
varchar
100
nama kota
3.
ongkos_kirim
Int
10
ongkos kirim
3.4.7 Tabel kustomer Nama tabel
: kustomer
Primary Key : id_kustomer Tabel kustomer yang ada pada database terdapat id_kustomer, password, nama_lengkap, alamat, email, telpon, id_kota. Tabel 3.40 Tabel kustomer No Field
Type
Panjang
Keterangan
1.
id_kustomer
Int
5
id kustomer
2.
Password
varchar
50
password kustomer
3.
nama_lengkap
varchar
100
nama lengkap kustomer
4.
Alamat
Text
5.
Email
varchar
100
email kustomer
6.
Telpon
varchar
20
telpon kustomer
7.
id_kota
Int
5
id kota
alamat kustomer
3.4.8 Tabel modul Nama tabel
: modul
Primary Key : id_modul Tabel modul yang ada pada database terdapat id_modul, static_content, gambar. Tabel 3.41 Tabel modul No Field Type
Panjang
Keterangan
1.
id_modul
Int
5
id modul
2.
static_content
Text
isi konten
http://digilib.mercubuana.ac.id/
68
3.
Gambar
varchar
100
gambar konten
3.4.9 Tabel nelayan Nama tabel
: nelayan
Primary Key : id_nelayan Tabel nelayan yang ada pada database terdapat id_nelayan, password, nama_nelayan, alamat, email, telpon, nama_kelompok. Tabel 3.42 Tabel nelayan No Field Type
Panjang
Keterangan
1.
id_nelayan
Int
5
id nelayan
2.
Password
varchar
20
Password
3.
nama_nelayan
varchar
20
nama nelayan
4.
Alamat
varchar
30
alamat nelayan
5.
Email
varchar
20
email nelayan
6.
Telpon
varchar
20
telpon nelayan
7.
nama_kelompok
varchar
15
nama kelompok
3.4.10 Tabel orders Nama tabel
: orders
Primary Key : id_orders Tabel orders yang ada pada database terdapat id_orders, status_order, tgl_order, jam_order, id_kustomer. Tabel 3.43 Tabel orders No Field
Type
Panjang
Keterangan
1.
Int
5
id order
id_orders
http://digilib.mercubuana.ac.id/
69
2.
status_order
varchar
50
3.
tgl_order
date
tanggal order
4.
jam_order
time
jam order
5.
id_kustomer
Int
5
status order
id kustomer
3.4.11 Tabel orders_detail Nama tabel
: orders_detail
Tabel orders_detail yang ada pada database terdapat id_orders, id_produk, jumlah. Tabel 3.44 Tabel orders_detail No Field
Type
Panjang
Keterangan
1.
id_orders
Int
5
id orders
2.
id_produk
Int
5
id produk
3.
Jumlah
Int
5
jumlah order
3.4.12 Tabel penjadwalan Nama tabel
: penjadwalan
Primary Key : id_penjadwalan Tabel penjadwalan yang ada pada database terdapat id_penjadwalan, nama_kelompok, hari, tanggal, jam, nama_kapal. Tabel 3.45 Tabel penjadwalan No Field
Type
Panjang
Keterangan
1.
id_penjadwalan
Int
10
id penjadwalan
2.
nama_kelompok
varchar
25
nama kelompok
3.
Hari
varchar
25
Hari
4.
Tanggal
varchar
25
tanggal penjadwalan
5.
Jam
varchar
25
jam
6.
nama_kapal
varchar
25
nama kapal
3.4.13 Tabel produk Nama tabel
: produk
http://digilib.mercubuana.ac.id/
70
Primary Key : id_produk Tabel produk yang ada pada database terdapat id_produk, id_kategori, nama_produk, deskripsi, harga, stok, berat, tgl_masuk, gambar, dibeli, diskon. Tabel 3.46 Tabel produk No Field
Type
Panjang
Keterangan
1.
id_produk
Int
5
id produk
2.
id_kategori
Int
5
id kategori
3.
nama_kategori
varchar
100
nama kategori
4.
Deskripsi
Text
5.
Harga
Int
20
harga produk
6.
Stok
Int
5
stok produk
7.
Berat
decimal
berat produk
8.
tgl_masuk
date
tanggal mausk produk
9.
Gambar
varchar
100
gambar produk
10. Dibeli
Int
5
Dibeli
11. Diskon
Int
5
Diskon
deskripsi produk
3.5 Rancangan Layar 3.5.1 Rancangan Layar Halaman Utama (index)
Gambar 3.34 Rancangan Layar Halaman Utama (index) 3.5.2 Rancangan Halaman Profil Web
http://digilib.mercubuana.ac.id/
71
Gambar 3.35 Rancangan Halaman Profil Web 3.5.3 Rancangan Halaman Cara Pembelian Ikan
Gambar 3.36 Rancangan Halaman Cara Pembelian Ikan
3.5.4 Rancangan Halaman Register
Gambar 3.37 Rancangan Halaman Register 3.5.5 Rancangan Halaman Ketika Berhasil Melakukan Registrasi
http://digilib.mercubuana.ac.id/
72
Gambar 3.38 Rancangan Halaman Ketika Berhasil Melakukan Registrasi 3.5.6 Rancangan Halaman Login Kustomer
Gambar 3.39 Rancangan Halaman Login Kustomer 3.5.7 Rancangan Halaman Keranjang Belanja
Gambar 3.40 Rancangan Halaman Keranjang Belanja 3.5.8 Rancangan Halaman Selesai Belanja
http://digilib.mercubuana.ac.id/
73
Gambar 3.41 Rancangan Halaman Selesai Belanja 3.5.9 Rancangan Halaman Data Pembelian
Gambar 3.42 Rancangan Halaman Data Pembelian 3.5.10 Rancangan Halaman Data Kustomer
Gambar 3.43 Rancangan Halaman Data Kustomer 3.5.11 Rancangan Halaman Login Nelayan
http://digilib.mercubuana.ac.id/
74
Gambar 3.44 Rancangan Halaman Login Nelayan
3.5.12 Rancangan Halaman Penjadwalan Pemakaian Kapal
Gambar 3.45 Rancangan Halaman Penjadwalan Pemakaian Kapal 3.5.13 Rancangan Halaman Pemesanan Alat Tangkapan
http://digilib.mercubuana.ac.id/
75
Gambar 3.46 Rancangan Halaman Pemesanan Alat Tangkapan 3.5.14 Rancangan Halaman Login Admin
Gambar 3.47 Rancangan Halaman Login admin
3.5.15 Rancangan Halaman Home Admin
Gambar 3.48 Rancangan Halaman Home admin
3.5.16 Rancangan Halaman Penjadwalan Pemakaian Kapal
Gambar 3.49 Rancangan Halaman Penjadwalan Pemakaian Kapal 3.5.17 Rancangan Halaman Member Nelayan
http://digilib.mercubuana.ac.id/
76
Gambar 3.50 Rancangan Halaman Member Nelayan 3.5.18 Rancangan Halaman Kelompok Nelayan
Gambar 3.51 Rancangan Halaman Kelompok Nelayan
3.5.19 Rancangan Halaman Pemesanan Alat Tangkap Ikan
Gambar 3.52 Rancangan Halaman Pemesanan Alat Tangkap Ikan
3.5.20 Rancangan Halaman Kategori
http://digilib.mercubuana.ac.id/
77
Gambar 3.53 Rancangan Halaman Kategori 3.5.21 Rancangan Halaman Hasil Tangkapan
Gambar 3.54 Rancangan Halaman Hasil Tangkapan
3.5.22 Rancangan Halaman Order
Gambar 3.55 Rancangan Halaman Order
3.5.23 Rancangan Halaman Ongkos Kirim
http://digilib.mercubuana.ac.id/
78
Gambar 3.56 Rancangan Halaman Ongkos Kirim 3.5.24 Rancangan Halaman Laporan Aktivitas
Gambar 3.57 Rancangan Halaman Laporan Aktivitas
http://digilib.mercubuana.ac.id/