TUGAS AKHIR

PEMBUATAN PORTAL MARKETPLACE HASIL LAUT

DI BUNGKU SELATAN BERBASIS WEBSITE

Diajukan Untuk Memenuhi Salah Satu Syarat Guna Memperoleh Gelar

Ahli Madya Teknik (A.md.T) Pada Program Studi D3 Teknik Elektronika
Program Pendidikan Vokasi Universitas Halu Oleo

oleh
FIRMAN
NIM: P3D2 16 063

PROGRAM STUDI D3 TEKNIK ELEKTRONIKA

PROGRAM PENDIDIKAN VOKASI
UNIVERSITAS HALU OLEO
KENDARI
2020

1
2
3
4
 ABSTRAK
“PEMBUATAN PORTAL MARKETPLACE HASIL LAUT
BUNGKU SELATAN BERBASIS WEBSITE”
FIRMAN
Pembimbing I :Hasmina Tari Mokui, S.T, M.E, Ph.D
Pembimbing II: Jumadin Nangi., S.Kom., M.T

Internet mempunyai pengaruh yang sangat besar terhadap perekonomian

dunia. Internet membawa perekonomian dunia memasuki babak baru yang lebih

popular disebut dengan istilah perekonomian digital. Makin banyak kegiatan

perekonomian dilakukan melalui media Internet. Perdangangan misalnya, semakin

banyak mengandalkan e-commece sebagai media transaksi. Dengan kondisi

geografis yang terdiri dari ribuan pulau, dan kondisi demografis yang sangat besar

dan tersebar luas, bisnis e-commerce di Indonesia memiliki potensi yang besar

unutk maju, terlebih lagi yang kaya akan potensi hasil lautnya. Namun demikian

tingkat pemanfaatan sumberdaya perikanan tersebut masih belum optimal, baik

untuk pemenuhan konsumsi ikan dalam negeri maupun pemenuhan permintaan

ekspor.

Pada provinsi Sulawesi Tengah, terlebih khusus daerah Bungku Selatan

yang merupakan daerah pesisir, mempunyai banyak kelompok nelayan tangkap

yang mempunyai beragam rantai pasokan hasil tangkapan ikan.

peran pengumpul ikan sangat mempengaruhi rantai pasokan hasil

tangkapan ikan. E-Marketplace banyak memperjual belikan segala jenis barang

dengan karakteristik tertentu. Dengan marketplace ini, baik penjual maupun

pembeli akan memperoleh banyak manfaat dibandingkan dengan pasar

v5
konvensional, diantaranya adalah bertambahnya jalur penjualan baru,kemudahan

dalam menjual barang, penjualan dapat dilakukan kapan dan dimana saja di

indonesia, harga yang lebih murah, dan tidak adanya kontak langsung.

kata kunci : internet, marketplace, hasil laut

6vi
 ABSTRACT
"MAKING PORTAL MARKETPLACE BY SEA RESULTS
SOUTH'S WIDDING BASED ON WEBSITE "
FIRMAN
Supervisor I :Hasmina Tari Mokui, S.T, M.E, Ph.D
Supervisor II : Jumadin Nangi., S.Kom., M.T
The internet has a huge influence on the world economy. The internet

brings the world economy into a new, more popular phase called the digital

economy. More and more economic activities are carried out through the

Internet media. Trade, for example, increasingly relies on e-commerce as a

transaction medium. With geographical conditions consisting of thousands of

islands, and demographic conditions are very large and widespread, e-

commerce business in Indonesia has great potential to advance, especially rich

in potential marine products. However, the level of utilization of fisheries

resources is still not optimal, both to meet domestic fish consumption and export

demand.

In the province of Central Sulawesi, especially in the area of South Bungku

which is a coastal area, there are many groups of capture fishermen who have

various fishing supply chains.

the role of fish collectors greatly influences the supply chain of fish catches. E-

Marketplace sells and sells all types of goods with certain characteristics. With

this marketplace, both sellers and buyers will get many benefits compared to

conventional markets, including increasing new sales channels, ease of selling

goods, selling can be done anytime and anywhere in Indonesia, lower prices,

and the absence of direct contact.Keywords : internet, marketplace, seafood

vii7
 KATA PENGANTAR

Dengan mengucap puji syukur kehadirat Allah SWT yang telah

memberikan rahmat-Nya sehingga penulis dapat menyelesaikan proposal tugas

akhir dengan judul “Pembuatan Portal Marketplace Hasil Laut Bungku

Selatan Berbasis Website”

Adapun tujuan penulisan proposal tugas akhir ini adalah sebagai syarat

untuk Memenuhi Salah Satu Syarat Guna Memperoleh Gelar Ahli Madya Teknik

(A.md.T) Pada Program Studi D3 Teknik Elektronika Program Pendidikan Vokasi

Universitas Halu Oleo.Proyek tugas akhir ini dapat disusun berkat bimbingan dan

petunjuk beberapa pihak.

Penulis mengucapkan banyak terimah kasih kepada :

1. Kedua orang tua yang telah banyak berkorban untuk penulis selama ini,baik
itu material maupun spiritual yang tak terhingga sehingga proyek akhir ini
dapat diselesaikan

2. Bapak Prof. Dr. Muhammad Zamrun F., S.Si, M.Si., M.Sc, selaku Rektor
Universitas Halu Oleo.

3. Bapak Arman Faslih, ST.,MT., selaku Direktur Program Pendidikan Vokasi

Universitas Halu Oleo

4. Sahabuddin hay, S.T.,M.Engselaku Ketua Prodi D3 Teknik Elektronika

5. Ibu Hasmina Tari Mokui, S.T.,M.E.,P.hdselaku Dosen Pembimbing I

6. Bapak Jumadin Nangi., S.Kom., M.T selaku Dosen Pembimbing II

7. Teman – teman D3 Elektronika yang tidak bisa disebutkan satu per satu dan

telah mendukung penyelesaian proyek tugas akhir ini.

8 viii
 Penulis menyadari bahwa penulisan tugas akhir ini masing banyak
kekurangan dan jauh dari kata sempurna, untuk itu saran dan kritik yang

membangun diharapkan untuk memperbaikitugas akhir ini. Akhirnya penulis

berharap kiranya tugas akhir ini dapat bermanfaat bagi semua pihak yang
berkepentingan, khususnya bagi penulis sendiri dan perkembangan ilmu
pengetahunan umumnya.
Kendari, Juni 2020

Mahasiswa,

FIRMAN
Nim : P3D2 16 063

ix
9
 DAFTAR ISI
LEMBAR PERSETUJUAN JUDUL .......................................................................... i

LEMBAR PENGESAHAN JUDUL ........................................................................... ii

INTISARI ..................................................................................................................... iii

ABSTRACK ................................................................................................................. iv

KATA PENGANTAR ..................................................................................................v

DAFTAR ISI .................................................................................................................vii

DAFTAR GAMBAR .................................................................................................... x

DAFTAR TABEL ........................................................................................................ xi

BAB I PENDAHULUAN ............................................................................................1

1.1 Latar Belakang ..............................................................................................1

1.2 Rumusan Masalah .........................................................................................2

1.3 Batasan Masalah ...........................................................................................2

1.4 Tujuan Penelitian ..........................................................................................2

1.5 Manfaat Penelitian ........................................................................................2

1.6 Metodologi Penelitian ...................................................................................2

BAB II LANDASAN TEORI ......................................................................................5

2.1 Teori Dasar .................................................................................................... 5

2.1.1 Website ................................................................................................ 5

2.1.2 PHP .................................................................................................... 5

2.1.3 HTML ................................................................................................ 6

2.1.4 Web Browser (Antarmuka Pengguna) ....................................... 8

2.1.5 Web Application Server .............................................................. 8

2.1 6 Database ............................................................................................... 9

2.1.7 Notepad ++ ........................................................................................... 9

2.1.8 Black Box .................................................................................... 10

2.1.9 Flowchart ................................................................................... 10

BAB III DESAIN DAN PERANCANGAN ................................................................ 13

10x
 3.1 Tempat dan Waktu Pengerjaan .......................................................... 13
3.2 Alat dan Bahan .............................................................................................. 13
3.2.1 Alat .............................................................................................. 13
3.2.2 Bahan .......................................................................................... 13

3.3 Rancangan Flowchart ......................................................................... 14

3.3.1 Flowchart Halaman Login........................................................... 14
3.3.2 Flowchart Halaman Input ........................................................... 14
3.3.3 Flowchart Halaman Admin ......................................................... 15
3.4 Desain Database ................................................................................... 16
3.5 Rancangan Entity Relationship Diagram (ERD) ................................. 17
3.6 Perancangan Antar Muka .................................................................... 18
3.6.1 Rancangan Halaman Index(Halaman Awal) ........................ 18
3.6.2 Rancangan Halaman Informasi ............................................ 18
3.6.3 Rancangan Halaman Input Data ........................................... 19

BAB IVHASIL DAN PEMBAHASAN .......................................................................20

4.1 Halaman Utama ................................................................................... 20

4.2 Halaman Profil .................................................................................... 20
4.3 Halaman Produk Toko ....................................................................... 21
4.4 Halaman Persetujuan Pesanan ............................................................. 21

4.5 Halaman Pembayaran........................................................................... 22

4.6 Halaman Transaksi Selesai .................................................................. 22

BAB IVPENUTUP .......................................................................................................23

5.1 Kesimpulan ....................................................................................................23

5.2 Saran ...............................................................................................................23

DAFTAR PUSTAKA

11
xi
 DAFTAR GAMBAR

Gambar 3.1 Flowchart Halaman Login ............................................................ 14

Gambar 3.2 Flowchart Halaman User .............................................................. 15

Gambar 3.3 Flowchart Halaman Admin .......................................................... 16

Gambar 3.4 Flowchart Halaman Membuat Toko ............................................ 16

Gambar 3.5 Rancangan Entity Relationship Diagram ...................................... 17

Gambar 3.6 Halaman Index ............................................................................... 18

Gambar 3.7 Halaman Profil .............................................................................. 18

Gambar 3.8 Halaman Edit Data ......................................................................... 19

Gambar 4.1 Halaman Utama .............................................................................. 20

Gambar 4.2 Halaman Profil .............................................................................. 20

Gambar 4.3 Halaman Produk Toko .................................................................. 21

Gambar 4.4 Halaman Persetujuan Pesanan ....................................................... 21

Gambar 4.5 Halaman Pembayaran .................................................................... 22

Gambar 4.6 Halaman Transaksi Selesai ............................................................ 22

xii
12
 DAFTAR TABEL

Tabel 2.3 Simbol Flowchart .............................................................................. 11

13
xiii
 BAB I
PENDAHULUAN
1.1 Latar Belakang
Perkembangan teknologi informasi dan komunikasi sangat mempengaruhi
peradaban yang memungkinkan pekerjaan-pekerjaan di dalam suatu organisasi
dapat diselesaikan secara cepat, akurat dan efisien. Oleh sebab itu, tidak heran jika
untuk menjalankan suatu perusahaan dibutuhkan teknologi informasi dan
komunikasi. Manusia membutuhkan teknologi informasi dan komunikasi untuk
dapat saling bertukar informasi. Dalam perkembangannya teknologi informasi dan
komunikasi menyebar melalui teknologi jaringan yang memungkinkan pertukaran
data secara cepat dan efisien. Salah satu contoh dari perkembangan teknologi
adalah Website.
Website bersifat statis apabila isi informasi website tetap, jarang berubah
dan isi informasinya searah hanya dari pemilik website. Website bersifat dinamis
apabila isi informasi website selalu berubah-ubah, dan isi informasinya interaktif
dua arah berasal dari pemilik serta pengguna Website.
Pada perkembangannya penjualan hasil laut di Bungku Selatan masih
menggunakan cara manual dalam beberapa sisi kegiatan operasional. Termasuk
dalam proses jual-beli yang masih menggunakan manual dimana penjual mencari
atau menunggu pembeli secara langsung sedangkan pembeli mencari penjual
secara langsung
Banyaknya penjual dan pembeli membutuhkan aplikasi Marketplace
Hasil Laut Bungku Selatan BerbasisWebsite untuk memudahkan dalam
mendapatkan penyedia hasil laut dan pembeli dalam hal ini bertransaksi secara
langsung.
Hasil pemikiran dari uraian di atas penulis tertarik untuk menyusun
Laporan Tugas Akhir dengan judul “Pembuatan Portal Marketplace Hasil Laut
Bungku Selatan BerbasisWebsite”.

1
1.2 Perumusan Masalah
Berdasarkan latar belakang yang telah di uraikan di atas, pokok
permasalahan yang dapat di angkat adalah:
1. Bagaimana membuat sistem portal marketplace berbasis web?
2. Bagaimana hasil pengujian sistem portal marketplace berbasis web?

1.3 Tujuan
Adapun tujuan yang dapat diperoleh dari penelitian ini, antara lain :
1. Membuat websiteportal marketplace.
2. Menguji sistem portal marketplace.

1.4 Manfaat
Hasil penelitian ini diharapkan dapat memperoleh manfaat :
1. Pembeli tidak perlu lagi turun langsung untuk mencari hasil laut yang akan
dibeli.
2. Untuk mengefesienkan waktu bagipenyedia dan pembeli untuk saling
melakukan pembelian

1.5 Batasan Masalah

Agar penulis lebih terarah dalam membuat tugas akhir ini maka penulis
membatasi beberapa hal sebagai berikut :
1. Hasil yang dijual hanya merupakan hasil laut Bungku Selatan.
2. Admin berfungsi hanya sebagai perantara dalam web ini
3. Pada web tidak melakukan pembayaran secara online melainkan tunai

1.6 Metodologi Penelitian

Metodologi yang digunakan penulis pada Proyek Tugas Akhir ini adalah
dengan meninjau dan mengamati langsung pada tempat penelitian,. Adapun
metode yang digunakan adalah sebagai berikut:

2
 1. Metode Pengumpulan Data
Untuk memperoleh gambaran mengenai data yang dibutuhkan dalam
pembuatan Proyek Tugas Akhir ini metode yang digunakan yaitu :
a. Wawancara, adalah teknik pengumpulan data dengan cara melakukan
komunikasi dan wawancara secara langsung dengan orang – orang
yang terlibat dalam apa saja yang akan di jual di Sistem ini.
b. Observasi, Melakukan pengamatan dan terlibat langsung ke bungku
selatan.
c. Pencarian secara online, Pencarian secara online memberikan banyak
keuntungan bagi peneliti, diantaranya ialah:
1. hemat waktu: karena kita dapat melakukan pencarian data hanya
dengan duduk didepan komputer,
2. ketuntasan: melalui media Internet dan portal tertentu kita dapat
mengakses secara tuntas informasi yang tersedia kapan saja tanpa
dibatasi waktu,
3. Kesesuaian: peneliti dapat mencari sumber-sumber data dan
informasi yang sesuai dengan mudah dan cepat,
4. hemat biaya: dengan menghemat waktu dan cepat dalam
memperoleh informasi yang sesuai berarti kita banyak
menghemat biaya.
1.7 Sistematika Penulisan
Pada penulisan Laporan Tugas Akhir ini ditulis dengan sistematika
penulisan sebagai berikut :
BAB I PENDAHULUAN
Pada bab ini dikemukakan hal–hal yang menjadi latar belakang,
perumusan masalah, batasan masalah, tujuan yang ingin dicapai, manfaat
serta sistematika penulisan laporan tugas akhir ini.
BAB II TINJAUAN PUSTAKA
Pada bab ini memaparkan tentang pengenalan sistem (sesuai judul) dan
sistem perangkat lunak yang digunakan.

3
BAB III METODE PERANCANGAN
Pada bab ini dibahas tentang metode perancangan yang dilakukan dalam
membangun sistem pendataan ini.
DAFTAR PUSTAKA

4
 BAB II
TINJAUAN PUSTAKA

2.1 Teori Dasar

2.1.1 Website

Website atau bisa juga disebut web adalah layanan penyedia informasi di
internet yang berbasis grafis. Web pertama kali diperkenalkan pada tahun 1992.
Hal ini sebagai hasil usaha pengembangan yang dilakukan CERN di Swiss.
Internet dan webadalah dua hal yang berbeda. Internet yaitu yang dapat
menampilkan web-nya, sedangkan webadalah yang ditampilkannya yang berupa
susunan dari halaman-halaman yang menggunakan teknologi web dan saling
berkaitan satu sama lain. Suatu standar teknologi web saat ini sudah tersusun,
meskipun penerapannya belum didukung oleh seluruh pengembang web. Standar
ini disusun oleh suatu badan yaitu World Wide Web Consortium (W3C). Standar
ini dibutuhkan karena semakin banyaknya variasi dalam teknologi web sehingga
terkadang satu sama lain tidak kompatibel. Dalam rekayasa perangkat lunak, suatu
aplikasi web(bahasa Inggris: web application atau sering disingkat webapp)
adalah suatu aplikasi yang diaksesmenggunakan penjelajah web melalui suatu
jaringan seperti Internet atau intranet. Ia juga merupakan suatu aplikasi perangkat
lunak komputer yang dikodekan dalam bahasa yang 10 didukung penjelajah Web
(seperti HTML, JavaScript, AJAX, Java, dll) dan bergantung pada penjelajah
tersebut untuk menampilkan aplikasi.

Aplikasi web merupakan sebuah aplikasi yang mengunakan teknologi

browser untuk menjalankan aplikasi dan diakses melalui jaringan komputer
(Remick, 2011). Sedangkan menurut (Rouse, 2011) aplikasi web adalah sebuah
program yang disimpan di server dan dikirim melalui internet dan diakses melalui
antarmuka browser.

5
2.1.2 PHP

PHP singkatan dari (Hypertext Prepocessor).PHP digunakan sebagai

bahasa scripting yang berjalan pada sebuah web server. Skrip PHP tersebut
dimasukkan ke dalam dokumen HTML untuk diproses web server ketika ada
request dari user. PHP juga didesain untuk dapat bekerja dengan kebanyakan SQL
server termasuk opensource SQL server, seperti MySQL.PHP diciptakan pertama
kali oleh Rasmus Lerdoff pada tahun 1994.

Semula PHP diciptakan untuk menyimpan data dari orang-orang yang

telah berkunjung ke sebuah website, serta untuk mengetahui berapa jumlah orang
yang telah berkunjung ke website tersebut.Namun, karena software ini disebar
luaskan sebagai software opensource sehingga dalam pertumbuhannya banyak
sekali mendapatkan kontribusi atau masukan dari pengguna. Pada dasarnya PHP
dapat mengerjakan semua yang dapat dikerjakan oleh program CGI (Common
Gateway Interface), seperti menyimpan data yang diinputkan melalui sebuah form
dalam website, menampilkan isi website yang dinamis, serta menerima cookies.
Selain itu, kemampuan PHP yang paling menonjol adalah dukungan kebanyak
database.Adapun daftar database yang dapat diakases melalui script PHP, antara
lain : dBase, DBM, FilePro, mSQL, MySQL, ODBC, Oracle, Postgres, Sybase,
Velocis. PHP adalah bahasa pemogramman web server-side yang bersifat open
source. PHP merupakan skrip yang terintegrasi dengan html dan berda pada sever.
PHP adalah skrip yang digunakan untuk membuat halaman website yang dinamis.
Dinamis berarti halaman yang akan ditampilkan dibuat saat halaman itu diminta
oleh client. Mekanisme ini menyebabkan informasi yang diterima client selalu
yang terbaru/ up todate.Semua skrip PHP dieksekusi pada server dimana skrip
tersebut dijalankan.

2.1.3 HTML

HyperText Markup Language (HTML) adalah sebuah bahasa markah yang

digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi
di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana

6
yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud
yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak
pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi
halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang
sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut
dengan SGML(Standard Generalized Markup Language), HTML adalah sebuah
standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat
ini merupakan standar Internet yang didefinisikan dan dikendalikan
penggunaannya oleh World Wide Web Consortium (W3C).HTML dibuat oleh
kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di
CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di
Jenewa).

 Mengintegerasikan gambar dengan tulisan.

 Membuat Pranala.
 Mengintegerasikan berkas suara dan rekaman gambar hidup.
 Membuat form interaktif.

HTML dokumen tersebut mirip dengan dokumen tulisan biasa, hanya

dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan
kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat
tulisan ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya
dilakukan dengan cara:<b>TAMPIL TEBAL<b>. Tanda<b> digunakan untuk
mengaktifkan instruksi cetak tebal, diikuti oleh tulisan yang ingin ditebalkan, dan
diakhiri dengan tanda <b> untuk menonaktifkan cetak tebal tersebut.HTML lebih
menekankan pada penggambaran komponen-komponen struktur dan format di
dalam halaman web daripada menentukan penampilannya. Sedangkan penjelajah
web digunakan untuk menginterpretasikan susunan halaman ke gaya built-in
penjelajah web dengan menggunakan jenis tulisan, tab, warna, garis, dan perataan
text yang dikehendaki ke komputer yang menampilkan halaman web. Salah satu
hal Penting tentang eksistensi HTML adalah tersedianya Lingua franca (bahasa
Komunikasi) antar komputer dengan kemampuan berbeda. Pengguna Macintosh

7
tidak dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat dalam
pc berbasis Windows. Pengguna Microsoft Windows pun tidak akan dapat melihat
tampilan yang sama sebagaimana tampilan yang terlihat pada pengguna yang
menggunakan Produk-produk Sun Microsystems. namun demikian pengguna-
pengguna tersebut dapat melihat semua halaman web yang telah diformat dan
berisi Grafika dan Pranala.

2.1.4 Web Browser (Antarmuka Pengguna)

Menurut Kamus Lengkap Dunia Komputer (502 : 2005), web browser

adalah perangkat lunak internet yang membantu pengguna dalam kegiatan
pengaksesan dokumen HTML dari web server dengan format HTTP (HyperText
Transfer Protocol). Sebuah sumber informasi diidentifikasi dengan Uniform
Resource Identifier (URL) dan mungkin menjadi halaman web, gambar, video
atau bagian lain dari konten. Hyperlink hadir dalam sumber daya. Memungkinkan
pengguna dengan mudah untuk menavigasi browser mereka ke sumber daya
terkait. Meskipun browser terutama ditujukan untuk menggunakan World Wide
Web, mereka juga dapat digunakan untuk mengakses informasi yang disediakan
oleh server web dalam jaringan pribadi atau file dalam sistem berkas. Web
browser utama adalah Google Chrome, Mozilla Firefox, Internet Explorer, Opera,
dan Safari.

2.1.5 Web Application Server

Sebuah server web adalah jenis khusus file server. Tugasnya adalah untuk
mengambil file dari server hard drive, format file untuk browser Web, dan
mengirim mereka keluar melalui jaringan. Web server dirancang untuk melakukan
pekerjaan yang besar mengirimkan konten statis keluar untuk sejumlah besar
pengguna.

Halaman-halaman yang disampaikan oleh server diharapkan sama untuk

semua orang yang mengunjungi server. Fungsi dari sebuah server Web yang khas
ditunjukkan di bawah ini. Pengguna meminta halaman web. Web Server
menemukan file halaman web dalam direktori lokal dan mengirimkannya kembali

8
ke pengguna. Ketika file grafis diminta, hal yang sama terjadi. Web Server
menemukan file grafis yang diminta dan mengirimkannya.

kembali ke pengguna. Standar Web Server pada awalnya dirancang untuk

mempublikasikan dokumen statis di Internet. Ada kemampuan yang terbatas
untuk mengakses konten dinamis, tapi ini tidak pernah dimaksudkan untuk
mendukung volume tinggi, aplikasi Web yang sangat interaktif. Server aplikasi
web yang dirancang khusus untuk memperpanjang web server untuk mendukung
konten dinamis. Perangkat lunak aplikasi server terkait dalam" ke perangkat lunak
server web dan secara otomatis memotong setiap permintaan pengguna untuk
konten dinamis. Web server masih mengirimkan halaman web statis dan grafis
file. Sama seperti sebelumnya. Tapi sekarang, server aplikasi dapat membuat
konten dinamis dengan mencampur data yang dengan template, menjalankan
program, atau dengan mengakses database.

2.1.6 Database

Database adalah struktur penyimpanan data. Untuk menambah,

mengakses dan memperoses data yang disimpan dalam sebuah database
komputer, diperlukan sistem manajemen database seperti MYSQL Server. Konsep
dasar dari basis data adalah kumpulan dari catatan-catatan, atau potongan dari
pengetahuan. Sebuah basis data memiliki penjelasan terstruktur dari jenis fakta
yang tersimpan di dalamnya: penjelasan ini disebut skema. Skema
menggambarkan objek yang diwakili suatu basis data, dan hubungan di antara
objek tersebut. Ada banyak cara untuk mengorganisasi skema, atau memodelkan
struktur basis data: ini dikenal sebagai model basis data atau model data. Model
yang umum digunakan sekarang adalah model relasional, yang menurut istilah
layman mewakili semua informasi dalam bentuk tabel-tabel yang saling
berhubungan di mana setiap tabel terdiri dari baris dan kolom (definisi yang
sebenarnya menggunakan terminologi matematika). Dalam model ini, hubungan
antar tabel diwakili denga menggunakan nilai yang sama antar tabel. Model yang
lain seperti model hierarkis dan model jaringan menggunakan cara yang lebih
eksplisit untuk mewakili hubungan antar tabel (Kustiyaningsih, 2011).

9
2.1.7 Black Box

Black Box Testing atau yang sering dikenal dengan sebutan pengujian
fungsional merupakan metode pengujian Perangkat Lunak yang digunakan untuk
menguji perangkat lunak tanpa mengetahui struktur internal kode atau Program.
Dalam pengujian ini, tester menyadari apa yang harus dilakukan oleh program
tetapi tidak memiliki pengetahuan tentang bagaimana melakukannya.

Black Box Testing berfokus pada spesifikasi fungsional dari perangkat

lunak. Tester dapat mendefinisikan kumpulan kondisi input dan melakukan
pengetesan pada spesifikasi fungsional program. Black Box Testing bukanlah
solusi alternatif dari White Box Testing tapi lebih merupakan pelengkap untuk
menguji hal-hal yang tidak dicakup oleh White Box Testing ( Mohd Ehmer Khan,
2011 ).

Black Box Testing cenderung untuk menemukan hal-hal berikut:

1. Fungsi yang tidak benar atau tidak ada.

2. Kesalahan antarmuka (interface errors).

3. Kesalahan pada struktur data dan akses basis data.

4. Kesalahan performansi (performance errors).

5. Kesalahan inisialisasi dan terminas.

2.1.8

2.1.9 Flowchart

Bagan alir (flowchart) adalah bagan (chart) yang menunjukkan alir (flow)
di dalam program atau prosedur sistem secara logika.Bagan alir digunakan
terutama untuk alat bantu komunikasi dan untuk dokumentasi.

Tujuan dari flowchart adalah untuk menggambarkan suatu tahapan

penyelesaian terhadap suatu masalah secara sederhana, terurai, rapi dan jelas,
Flowchart membantu dalam memahami urut-urutan jalannya program logika

10
 Simbol yang digunakan dalam menggambarkan algoritma dalam bentuk
diagram alir dan kegunaan dari simbol dapat dilihat pada tabel berikut.

Tabel 2.3 Simbol Flowchart

Simbol Nama Fungsi

menunjukkan permulaan (start) atau

akhir (stop) dari suatu proses.
Terminal Point

menunjukkan proses input-output

yang terjadi
Input-Output

menunjukkan kegiatan yang dilakukan

oleh komputer.
Processing

digunakan untuk memilih proses atau

keputusan berdasarkan kondisi yang
Decision Symbol
ada.

untuk menyederhanakan hubungan

antar simbol yang letaknya berjauhan
Connector (On-
atau rumit bila dihubungkan dengan
page)
garis dalam satu halaman

untuk menghubungkan simbol dalam

halaman berbeda.
Connector (Off-
page)

untuk mempersiapkan penyimpanan

yang sedang akan digunakan sebagai
Preparation
tempat pengolahan di dalam storage.

untuk menyatakan bahwa input

11
 Punch Card berasal dari kartu ke kartu

menyatakan input berasal dari

dokumen dalam bentuk kertas atau
Dokument
output dicetak ke kertas.

berfungsi untuk pemasukan data

secara manual on-line keyboard
Keying Operation

untuk menghubungkan antara simbol

satu dengan simbol yang lain atau
Simbol Arus
jalannya arus dalam suatu proses.

12
 BAB III
METODE PERANCANGAN
3.1 Tempat dan Waktu Pengerjaan Sistem
Adapun waktu dan tempat pengerjaan penelitian tugas akhir yang berjudul
“pembuatan portal marketplace hasil laut bungku selatan” yang bertempat di
bungku selatan, Sulawesi tengah yang dimulai sejak 25Januari 2019 sampai 12
Juli 2019.
3.2 Hardware dan Software
3.2.1 Hardware
1. Laptop
Adapun spesifikasi minimum dari laptop tersebut adalah sebagai berikut :
a. Intel Core i3
b. Hard disk 320 Gb.
c. Ram 2Gb.
d. VGA AMD Radeon

3.2.2 Software
Adapun bahan-bahan yang digunakan pada sistem antara lain :
a. Sistem Operasi Windows 7/8/8.1/10.
b. Notepad ++.
c. XAMPP.
d. Browser(Chrome, Mozila Firefox, Opera).

13
3.3 Flowchart Sistem
3.3.1 Flowchart Halaman Utama

Gambar 3.1 Flowchart Halaman Login

Keterangan :
- Mulai : memulai mengakses program
- login : Memasukkan username dan password
- Line connector L1: untuk mengarahkan kehalaman admin pada
flowchart halaman admin

14
3.3.2 Flowchart Halaman User

15
Gambar 3.2 Flowchart Halaman User

16
Keterangan :
- Halaman user : masuk kehalaman user
- Transaksi : pemilihan barang sebelum melakukan pembayaran
- Bayar belajaan : melakukan pembayaran
- Punya toko ? : menyimpan data penjualan yang diinput
- Line connector UU: untuk mengarahkan kehalaman user pada flowchart
halaman user
- Membuat toko : untuk bisa menyimpan jualan
- Deskripsi toko : menampilkan deskripsi hasil laut
- Line connector T: untuk mengarahkan kehalaman user pada flowchart
halaman user
- Data Pesanan : Pemilik toko menyetujui pesanan pembeli
- Data transaksi : Menampilkan hasil Persetujuan dari pemilik Toko
- Tambah Barang : Pemilik Toko menginput barang
- Selesai : keluar dari halaman membuat toko
3.3.3 Flowchart Halaman Admin

Gambar 3.3 Flowchart Halaman Admin

Keterangan :

- Masuk registrasi : memulai memasukkan data registrasi

- Proses registrasi : prosesmemferifikasi data registrasi

17
 - Line connector L4: untuk mengarahkan kehalaman admin pada
flowchart halaman admin
3.4 Rancangan Entity Relationship Diagram (ERD)

Perancangan Entity Relationship Diagram (ERD)hasil dari pemetaan tabel-

tabel database

Gambar 3.3 RancanganEntity Relationship Diagram

18
1.2 Perancangan Antar Muka
1.2.3 Rancangan Halaman Utama

Gambar 3.6Halaman Index.

Penjelasan:
Halaman Utama Index adalah halaman yang menampilkan jenis hasil
tangkapan laut untuk di jual ke pembeli

3.6.2 Rancangan Halaman Profil

Gambar 3.7Halaman Profil

Penjelasan :
Halaman informasi adalah halaman yang menampilkan menampilkan
informasi penjual

19
3.6.3 Rancangan Halaman Edit Data

Gambar 3.8Halaman Edit Data.

Penjelasan :
Halaman Edit Data adalah halaman mengedit data dan menambahkan data
yang akan dijual di toko.

20
 BAB IV
HASIL DAN PEMBAHASAN
Setelah melakukan perancangan sistem dan berakhir dengan pembuatan
program yang sesungguhnya, dengan menggunakan bahasa pemrograman html
dan php serta css sebagai bahasa pemrograman untuk pembuatan web yang
digunakan oleh User.
4.1 Proses Menjalankan Web
Langkah pengujian menjalankan aplikasi sebagai berikut :
1. Buka Xampp, kemudian Start Apache dan MySQL.

Gambar 4.1 Control Panel XAMPP

XAMPP merupakan perangkat lunak (free software) bebas, yang
mendukung untuk banyak sistem operasi, yang merupakan kompilasi
dari beberapa program. Fungsi XAMPP sendiri adalah sebagai server
yang berdiri sendiri (localhost)

21
 2. Buka browser Opera untuk Pencarian Alamat localhost/pasarlaut/

Gambar 4.2 Melakukan pencarian alamat di opera

3. Setelah melakukan pencarian akan muncul web yang akan dituju
dapat dilihat pda gambar 4.3

Gambar 4.3 Halaman Awal

4.2 Halaman User

Halaman User merupakan halaman yang digunakan untuk melakukan
transaksi jual beli produk,berikut penjelasannya :
1. Menu Home merupakan link menampilkan data hasil laut yang tersedia.
2. Menu Kategorimerupakan option untuk memilih jenis produk hasil laut
yang ingin beli.
3. Menu Daftar Pesanan Tokomerupakan link ke halamanuntuk menampilkan
halaman daftar pesanan user.
4. Menu Daftar Transaksi merupakanlink ke halaman untuk melihat informasi

22
 tentang daftar transaksi user.
5. Menu Keranjang merupakanlink ke halaman untuk melihat proses
pembayaran produk hasil laut.
6. Menu Logout merupakan link keluar dari halaman user.

4.3 Halaman Utama

Gambar 4.4 Halaman Utama

Halaman Utama menampilkan jenis-jenis hasil laut yang berasal
dari laut bungku selatan.Tetapi tidak dapat diproses sebelum melakukan
registrasi terlebih dahulu.

4.4 Halaman Profil

Gambar 4.5 Halaman Profil

Pada halaman profil ini menapilkan data profil pengguna

marketplace hasil laut bungku selatan.

23
4.5 Halaman Produk Toko

Gambar 4.6Halaman Produk Toko

Pada halaman produk toko ini merupakan halaman untuk para

penjual untuk meng-upload hasil tangkapan .

4.6 Halaman Persetujuan Pesanan

Gambar 4.7Halaman Persetujuan Pesanan

Pada halaman persetujuan pesanan berfungsi untuk melakukan

memilah kembali pesanan sebelum melakukan transaksi.

24
4.7 Halaman Pembayaran

Gambar 4.8Halaman Pembayaran

Pada halaman pembayaran untuk melakukan pembayaran yang

sudah dipilih.

4.8 Halaman Transaksi Selesai

Gambar 4.9Halaman Transaksi Selesai

Pada halaman transaksi selesai ini dimana penerima sudah

menerima pesanan dan akan muncul notifikasi diterima pada aplikasi.

25
4.9 Menguji Sistem

Metode pengujian yang digunakan oleh penulis adalah Metode Pengujian

Black-Box.Metode ini berfokus pada persyaratan fungsional perangkat lunak.
Dengan demikian, pengujian balck box memungkinkan perekayasa perangkat
lunak mendapatkan serangkaian kondisi input yang sepenuhnya menggunakan
semua persyaratan fungsional untuk suatu program.
Adapun faktor-faktor pengujian blackbox adalah :
a. File integrity
Menekankan pada data yang dimasukkan melalui aplikasi akan tidak
bisa diubah. Prosedur yang akan memastikan bahwa file yang
digunakan benar dan data dalam file tersebut akan disimpan
sekuensial dan benar.
b. Ease of use
Menekankan perluasan usaha yang diminta untuk belajar,
mengoprasikan dan menyiapakan inputan, dan menginterpretasikan
output dari sistem.Faktor ini tersangkut dengan usability sistem
terhadap interaksi antara manusia dan system.

c. Authorization
Menjamin data diproses sesuai dengan ketentuan manajemen.
Authorization menyangkut proses transaksi secara umum dan khusus.
Fokus Pengujian Black box testing yaitu sebagai berikut :
1. Menguji fungsi-fungsi khusus dari aplikasi.
2. Test input dan output untuk fungsi yang ada tanpa memperhatikan
prosesnya.
Beberapa jenis kesalahan yang dapat di identifikasi:
1. Fungsi tidak benar atau hilang,
2. Kesalahan antar muka,
3. Kesalahan pada struktur data (pengaksesan basis data),
4. Kesalahan inisialisasi dan akhir program.

26
4.10 Hasil Pengujian Web
Jenis pengujian aplikasi yang dilakukan dalam penelitian ini adalah black
box testing. Rancangan tiap proses dapat dilihat pada tabel berikut :
Tabel 4.1 Hasil Uji Coba Web
Nama Jenis Hasil
Pengujian
Pemakai Kelas Uji Butir Uji

User Login Verifikasi Username & Sistem Berhasil

Password

Melihat index Menampilkan Menu Sistem Berhasil

halaman

Home Menampilkan halaman Sistem Berhasil

Home

Kategori Menampilkan kategori Sistem Berhasil

Daftar Pesanan Menampilkan halaman Sistem Berhasil

Daftar Pesanan

Daftar Transaksi Menampilkan Halaman Sistem Berhasil

Daftar Jumlah
Transaksi

Keranjang Menampilkan Daftar Sistem Berhasil

Proses Pembayaran

Logout Keluardari halaman Sistem Berhasil

User

4.11 Hasil Pengujian User

Hasil pengujian selengkapnya dapat dilihat pada tabel 4.2 berikut:

27
 Tabel. 4.2. Hasil Pengujian User
Jenis
Item Yang di Uji Bagian
Pengujian

Login Login User Black Box

Menu Home Data Produk Black Box

Menu Kategori Jenis Kategori Black Box

Menu Daftar Pesanan Daftar Pesanan Pelanggan Black Box

Menu Daftar Daftar Jumlah Transaksi

Black Box
Transaksi

Menu Keranjang Daftar Proses Pembayaran

Black Box
Produk

Menu Logout Keluar Dari Halaman Student Black Box

Tabel 4.2 menunjukkan bagian-bagian yang akan diuji pada Website Pasar
Laut. Ada 7 bagian inti pada aplikasi yang akan diuji, yaitu Menu Login, Menu
Home, Menu Kategori, Menu Daftar Pesanan, Menu Daftar Transaksi, Menu
Keranjang, Menu Logout. Ketujuhbagian aplikasi itu akan diuji menggunkan
metode BlackBox.
Tabel 4.3 Pengujian Menu Login(User)
Hasil Yang Hasil
Item Yang di Uji Cara Pengujian
Diharapkan Pengujian

Masukan Masuk
Username & Klik Login Kehalaman OK
Password User

Daftar Klik Link DaftarAkun OK

28
 Tabel 4.4 Pengujian Menu Home(User)
Hasil Yang Hasil
Item Yang di Uji Cara Pengujian
Diharapkan Pengujian

Logo Klik Link Menampilkan OK

Tabel 4.5 Pengujian Menu Kategori(User)

Hasil Yang Hasil
Item Yang di Uji Cara Pengujian
Diharapkan Pengujian

Menu Kategori Klik Link Menampilkan OK

Tabel 4.6 Pengujian Menu Daftar Pesanan(User)

Hasil Yang Hasil
Item Yang di Uji Cara Pengujian
Diharapkan Pengujian

DaftarPesanan Terima Pesanan Berhasil OK

Tabel 4.7 Pengujian MenuDaftar Transaksi(User)

Hasil Yang Hasil
Item Yang di Uji Cara Pengujian
Diharapkan Pengujian

Halaman Transaksi - Menampilkan OK

Tabel 4.8 Pengujian MenuKeranjang(User)

Hasil Yang Hasil
Item Yang di Uji Cara Pengujian
Diharapkan Pengujian

Halaman
Klik Link Berhasil OK
Keranjang

Tabel 4.9 Pengujian Menu Logout(User)

29
 Hasil Yang Hasil
Item Yang di Uji Cara Pengujian
Diharapkan Pengujian

Keluar Dari
Halaman User
Halaman Logout Klik Link OK
ke halaman
awal.

30
 BAB V

PENUTUP

5.1 Kesimpulan
Berdasarkan hasil penelitian yang dilaksanakan dapat disimpulkan tentang
Pembuatan marketplace hasil laut bungku selatan yaitu sebagai berikut :
1. Dengan adanya program Marketplace Hasil Laut Bungku Selatan ini akan
menjadi mudah dalam medapatkan hasil laut bungku selatan.
2. HTML menjadi salah satu solusi dalam pembuatan program Marketplace
Hasil Laut Bungku. Penggunaan HTML sendiri sama seperti plugin-plugin
lainnya, dimana HTML dapat sisipkan coding dan men-generate semua
elemen-elemen string menjadi sebuah program aplikasi.
3. Dalam pembuatan marketplace sendiri pengujian menggunakan black box
testing untuk menghu dari kesalahan-kesalahan fungsional item yang akan
digunakan
5.2 Saran
Setelah melakukan penelitian terhadap Program, maka peneliti dapat
memberikan beberapa saran sebagai berikut:
1. Pengkodean yang digunakan masih terbilang manual, mungkin saran yang
bisa diberikan yaitu pembaca dapat menggunakan Codictinger dalam
mengembangkan sistem. Pengembangan aplikasi dengan fitur yang lebih
menarik lagi.

31
 DAFTAR PUSTAKA
Abdullah, Dahlan. 2015, Perancangan Sistem Informasi, Program Studi Teknik
Informatika, Fakultas Teknik, Universitas Malikussaleh Reuleut, Aceh
Utara
Clow, Baack. (2010). Integrated Advertising, Promotion, and Marketing
Communications fourth edition. United States: Pearson Prentice Hall.
Adi Nugroho. 2004, Konsep Pengembangan Sistem Basis Data, Bandung:
INFORMATIKA.
Fathansyah Ir, 2002, Basis Data, Informatika, Bandung
Hanifah, R. (2015). Balsamiq Mockup. Retrieved from Prakerin uBig.co.id
Pressman, R. (2010). Black box testing.
Remick, Jarel. (2011). What Is a Web App? Here’s Our Definition,
http://web.appstorm.net, dilihat 17 Juli 2019
Kasali, Rhenald. (2007). Manajemen Periklanan : Konsep dan Aplikasinya di
Indonesia, Cet. V, Jakarta : Pustaka Utama Grafiti
Khan,MohdEhmer,2011,DifferentApproachtoBlackboxTestingTechniqueforFindi
ngError,InternationalJournalofSoftwareEngineering&Applications(IJSE
A),Vol.2,No.4,October2011
Riyadi, Anggiani Septima. 2012, Perancangan Sistem Informasi Berbasis Website
Subsistem Di Sekolah Pesantren Persatuan Islam 99 Rancabango, STT-
Garut
Rouse, Margaret. 2011. Web Application (Web App). TechTarget Magazine
(http://searchsoftwarequality.techtarget.com/definition/Web-
applicationWeb-app) (diakses pada tanggal 17 Juli 2019)

32