PERANCANGAN SISTEM INFORMASI PENJUALAN ONLINE

BERBASIS WEB PADA TOKO ARINI PEARL

FINAL PROJECT

Disusun oleh:

Chintia F. Metalmety

2017RB05007

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS ILMU KOMPUTER

UNIVERSITAS VICTORY SORONG

2021
 KATA PENGANTAR

Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa, karena berkat

rahmat-Nya penulis dapat menyelesaikan Final Project yang berjudul

“PERANCANGAN SISTEM INFORMASI PENJUALAN ONLINE BERBASIS

WEB PADA TOKO ARINI PEARL” sesuai dengan yang direncanakan.

Penulis menyadari sepenuhnya tanpa adanya bantuan dari berbagai pihak, penulis

akan banyak menemui kesulitan dalam penyusunan Final Project ini. Untuk itu

penulis mengucapkan terima kasih atas segala dukungan dan bantuan sehingga

Final Project ini dapat selesai dengan baik.

Penulis menyadari bahwa Final Project ini masih jauh dari sempurna. Oleh sebab

itu, dengan segala kerendahan hati, kritik dan saran yang bersifat membangun dari

pembaca, penulis sangat mengharapkan kritik dan sarannya demi kesempurnaan

Final Project ini.

Sorong, Januari 2021

Penulis

i
 DAFTAR ISI

COVER

KATA PENGANTAR ..............................................................................................i

DAFTAR ISI .............................................................................................................ii

DAFTAR GAMBAR ................................................................................................v

DAFTAR TABEL ....................................................................................................vi

ABSTRAK ................................................................................................................vii

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

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

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

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

1.4 Tujuan Penelitian...............................................................................3

1.5 Manfaat Penelitian.............................................................................3

1.6 Sistematika Penulisan........................................................................3

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

2.1 Tinjauan Pustaka ...............................................................................5

2.2 Landasan Teori ..................................................................................6

2.2.1 Konsep Dasar Sistem Informasi ..............................................7

2.2.2 Penjualan Online .....................................................................9

2.2.3 Internet ....................................................................................10

2.2.4 Web .........................................................................................10

2.2.5 Sublime Text 3 ........................................................................11

2.2.6 XAMPP ...................................................................................11

ii
 2.2.7 PHP .........................................................................................11

2.2.8 Bootstrap .................................................................................12

2.2.9 MySQL....................................................................................12

2.2.10 Flowchart ..............................................................................14

2.2.11 Activity Diagram ...................................................................20

2.2.12 Entity Relationship Diagram (ERD) .....................................22

BAB III METODE DAN PERANCANGAN SISTEM .....................................24

3.1 Tinjauan Umum.................................................................................24

3.2 Metode Penelitian ..............................................................................24

3.2.1 Pengumpulan Data ..................................................................24

3.2.2 Metode Waterfall ....................................................................25

3.3 Analisis Kebutuhan Sistem ...............................................................27

3.3.1 Kebutuhan Perangkat Keras ....................................................27

3.3.2 Kebutuhan Perangkat Lunak ...................................................28

3.3.3 Kebutuhan Informasi...............................................................29

3.3.4 Kebutuhan Pengguna .............................................................29

3.4 Perancangan Sistem...........................................................................30

3.4.1 Perancangan Proses .................................................................31

3.4.1.1 Flowchart ....................................................................31

3.4.1.2 Activity Diagram .........................................................33

3.4.2 Perancangan Basis Data ..........................................................34

3.4.2.1 Entity Relationship Diagram (ERD) ...........................34

3.4.2.2 Perancangan Tabel ......................................................36

iii
 3.4.2.3 Relasi Antar Tabel.......................................................43

3.4.3 Perancangan Interface .............................................................45

BAB IV IMPLEMENTASI DAN PEMBAHASAN ..........................................53

4.1 Implementasi ....................................................................................53

4.1.1 Menu Utama ..............................................................................53

4.1.2 Menu Profil Pelanggan ..............................................................53

4.1.3 Menu Login Admin ...................................................................53

4.1.4 Menu Utama Admin ..................................................................53

4.1.5 Menu Pembelian........................................................................54

4.1.6 Menu Produk .............................................................................54

4.1.7 Menu Detail Produk ..................................................................54

4.1.8 Menu Pelanggan ........................................................................54

BAB V PENUTUP ..............................................................................................55

5.1 Kesimpulan .......................................................................................55

5.2 Saran .................................................................................................55

DAFTAR PUSTAKA ...............................................................................................57

LAMPIRAN

iv
 DAFTAR GAMBAR

Gambar 3.1 Alur Model Waterfall .............................................................................25

Gambar 3.2 Flowchart Yang Diusulkan ....................................................................31

Gambar 3.3 Activiy Diagram .....................................................................................33

Gambar 3.4 ERD Sistem Penjualan Online ...............................................................34

Gambar 3.5 ERD Hubungan Antara Pelanggan Dan Produk ....................................34

Gambar 3.6 ERD Hubungan Antara Admin Dan Produk ..........................................35

Gambar 3.7 Relasi Antar Tabel ..................................................................................43

Gambar 3.8 Menu Home Pelanggan ..........................................................................45

Gambar 3.9 Menu Profil Pelanggan ...........................................................................46

Gambar 3.10 Menu Login ..........................................................................................47

Gambar 3.11 Menu Utama Admin .............................................................................48

Gambar 3.12 Menu Pembelian ...................................................................................49

Gambar 3.13 Halaman Detail .....................................................................................49

Gambar 3.14 Menu Produk ........................................................................................50

Gambar 3.15 Menu Detail Produk .............................................................................51

Gambar 3.16 Menu Pelanggan ...................................................................................52

v
 DAFTAR TABEL

Tabel 2.1 Penelitian Terdahulu ..................................................................................5

Tabel 2.2 Simbol-Simbol Umum Bagan Alir ............................................................14

Tabel 2.3 Simbol-simbol Diagram Use Case .............................................................21

Tabel 3.1 Kebutuhan Perangkat Keras .......................................................................27

Tabel 3.2 Kebutuhan Perangkat Lunak ......................................................................28

Tabel 3.3 Kebutuhan Pengguna .................................................................................29

Tabel 3.4 Tabel admin................................................................................................36

Tabel 3.5 Tabel produk ..............................................................................................37

Tabel 3.6 Tabel categories .........................................................................................38

Tabel 3.7 Tabel detail_order ......................................................................................39

Tabel 3.8 Tabel order .................................................................................................39

Tabel 3.9 Tabel pengiriman .......................................................................................41

Tabel 3.10 Tabel pelanggan .......................................................................................42

vi
 ABSTRAK

Permasalahan yang menghambat kemajuan penjualan dapat teratasi karena online

marketing tidak mengenal batas wilayah, mempermudah mencari konsumen,
promosi, serta transaksi bisnis untuk mengatasi permasalahan dalam penjualan
tentang produk-produk yang di hasilkan oleh suatu perusahaan. Arini Pearl
adalah sebuah toko yang menjual berbagai macam produk yang berkaitan dengan
olahraga seperti baju, celana, sepatu, tas dan lain-lain yang berada di Kota
Sorong. Sistem penjualan, pemasaran dan promosi yang dipakai saat ini masih
menggunakan sistem secara manual. Sangat perlu adanya kemudahan pelayanan
untuk memudahkan pelanggan yang jauh dari jangakauan. Untuk itu dirancang
sistem penjualan online pada Toko Arini Pearl berbasis web dengan bahasa
pemrograman PHP dan MySQL secara online yang dikenal dengan istilah E-
Commerce (Elektronic commerce). Website ini mempermudah pelanggan
membeli produk Toko Arini Pearl secara online kapan saja dan dimana saja tanpa
menyita waktu dan pelanggan juga dapat mengetahui informasi produk apa saja
dan bagaimana desain yang tersedia di Toko Arini Pearl.
Kata Kunci: Internet, Penjualan, XAMPP, Sistem Informasi, Website

vii
 BAB I

PENDAHULUAN

1.1 Latar Belakang

Perkembangan teknologi informasi khususnya internet semakin populer,

tidak hanya dinikmati oleh kalangan profesional namun juga sudah

merambat ke semua lapisan masyarakat. Oleh karena itu siapapun dan

dimanapun dapat memperoleh informasi yang dibutuhkan dengan cepat

dan relevan. Kehadiran teknologi internet pada dunia global saat ini

sungguh memberikan dampak yang sangat besar untuk segala bidang,

salah satunya bidang penjualan. Banyak sekali perusahaan atau badan

usaha yang memanfaatkan media website untuk melakukan penjualan atas

produknya (Agustriana, 2018).

Penjualan online adalah melakukan aktifitas penjualan dari mencari calon

pembeli sampai menawarkan produk atau barang dengan memanfaatkan

jaringan internet yang didukung dengan seperangkat alat elektronik

sebagai penghubung dengan jaringan internet. Dengan penggunaan

jaringan internet yang semakin luas dan teknologi web dapat dimanfaatkan

sebagai alat bantu untuk penjualan secara online yang dapat diakses

dimana saja dan kapan saja (Harmianto, Fuad and Khairan, 2018).

Arini Pearl adalah sebuah toko yang menjual berbagai macam produk

yang berkaitan dengan olahraga seperti baju, celana, sepatu, tas dan lain-

lain yang berada di Kota Sorong. Saat ini sistem penjualan yang

digunakan oleh Toko Arini Pearl masih menggunakan sistem

1
 2

konvensional, dimana pelanggan harus mendatangi Toko Arini Pearl untuk

memilih dan membeli produk-produk yang disediakan. Sulitnya

pelanggan untuk mengetahui produk yang diinginkan dan sulitnya mencari

media promosi. Hal tersebut menyebabkan semakin menurunnya target

penjualan pada Toko Arini Pearl, penelitian ini dilakukan untuk

merancang sistem informasi penjualan online pada Toko Arini Pearl yang

bisa menyampaikan informasi produk kepada pelanggan dan membuat

suatu sistem penjualan online menjadi lebih efektif dan efisien (Zaliluddin,

2018).

Maka itu dibuatlah sebuah Sistem Informasi Penjualan berbasis website,

yang diharapkan dapat membantu Toko Arini Pearl dalam menjual

berbagai macam produk-produk yang ada (Rizal and Misriati, 2018).

1.2 Rumusan Masalah

Berdasarkan latar belakang yang telah disebutkan, maka rumusan masalah

yang dikaji adalah:

1. Bagaimana merancang sistem informasi penjualan pada Toko Arini

Pearl menjadi lebih efektif dan efisien?

1.3 Batasan Masalah

Batasan masalah dari sistem informasi penjualan online pada Toko Arini

Pearl ini meliputi:

 3

1. Hanya membahas sistem informasi penjualan secara online pada Toko

Arini Pearl.

2. Sistem hanya memberikan informasi produk yang tersedia dan proses

pembelian produk tersebut.

1.4 Tujuan Penelitian

Adapun tujuan dari merancang dan membuat sistem penjualan dalam

penelitian ini adalah:

1. Membuat sistem informasi penjualan berbasis web pada Toko Arini

Pearl yang efektif dan efisien.

1.5 Manfaat Penelitian

Adapun manfaat dalam penelitian ini adalah:

1. Memudahkan pelanggan dalam melakukan pembelian secara efektif

dan efisien.

2. Mengurangi biaya, waktu dan tenaga dalam melakukan pembelian

dengan tidak harus datang langsung ke lokasi.

1.6 Sistematika Penulisan

Secara garis besar dalam penulisan tugas final project ini, penulis

membagi kedalam lima bab dengan tujuan untuk memudahkan penulis

 4

dalam membahasnya. Adapun sistematika penulisannya disusun sebagai

berikut:

BAB I PENDAHULUAN

Bab ini berisi latar belakang, rumusan masalah, batasan masalah, tujuan

penelitian dan manfaat penelitian, serta sistematika penulisan.

BAB II LANDASAN TEORI

Bab ini berisi tinjauan pustaka dan landasan teori mengenai masalah yang

dihadapi.

BAB III METODE DAN PERANCANGAN SISTEM

Bab ini berisi tinjauan umum, metode penelitian, meode waterfall, analisis

kebutuhan sistem dari segi perangkat lunak dan perangkat keras dalam

perancangan sistem, analisis perancangan sistem, serta perancangan

interface sistem.

BAB IV IMPLEMENTASI DAN PEMBAHASAN

Bab ini berisi pemaparan implementasi.

BAB V PENUTUP

Bab ini berisi kesimpulan dan saran.

 BAB II

LANDASAN TEORI

2.1 Tinjauan Pustaka

Dalam penelitian ini penulis memaparkan tiga penelitian terdahulu yang

relevan dengan permasalahan yang akan diteliti.

Tabel 2.1 Penelitian Terdahulu

No Nama Penulis Tahun Judul Kesimpulan

1 Dadan 2018 Perancangan Dalam jurnal ini

Zaliluddin, Sistem Informasi diuraikan Penerapan e-

ROHMAT Penjualan commerce dalam

Berbasis Web penjualan sebuah

(Studi Kasus distro pakaian

Pada menggunakan

Newbiestore) metodologi waterfall

dan penggambaran

data dengan UML.

2 Harmianto, 2018 Sistem Informasi Metode pengembangan

Achmad Penjualan Online sistem yang digunakan

Fuad, Amal Berbasis Web adalah metode

Khairan Untuk Waterfall. Pengujian

Kemudahan sistem menggunakan

Penjualan black box adapun hal

5
 6

Barang Di Kota yang diuji adalah

Ternate tampilan login dan

registrasi.

3 Moh Afdhol 2018 Perancangan Penelitian ini

Rizal, Titik Sistem Informasi dilakukan untuk

Misriati Penjualan merancang sebuah

Pakaian Berbasis website penjualan pada

Web Pada Toko Toko Uj Outlet agar

Uj Outlet dapat mempromosikan

pakaian yang dijual

secara luas dan

mempermudah

konsumen dalam

melakukan pembelian

tanpa harus datang

langsung ke Toko Uj

Outlet.

2.2 Landasan Teori

Landasan teori sangat diperlukan sebagai referensi untuk menunjang atau

memperdalam pemahaman terhadap informasi-informasi yang disajikan.

 7

2.2.1 Konsep Dasar Sistem Informasi

Konsep Dasar Sitem Informasi yang terdiri dari pengertian sistem

informasi dan komponen sistem informasi (Siregar, 2018).

1. Pengertian Sistem Informasi

Sistem adalah sekumpulan unsur yang saling berhubungan atau

terpadu untuk mencapai suatu tujuan. Unsur-unsur yang ada dalam

sebuah sistem adalah input (masukan), proses, output (keluaran),

mekanisme, pengendalian, dan umpan balik (masukan) terhadap

sistem. Input adalah segala sesuatu yang masuk ke dalam dan

menjadi bahan untuk diproses oleh sistem. Proses merupakan

bagian yang melakukan pengolahan atau transformasi terhadap

masukan menjadi keluaran, baik yang sifatnya berguna maupun

tidak berguna. Pada sistem informasi, proses dapat berupa berbagai

kegiatan misalnya meringkas data, melakukan perhitungan,

mengurutkan data, dan sebagainya. Sementara itu, keluaran

merupakan hasil dari pemrosesan.

Pada sistem informasi, output dapat berupa suatu informasi,

laporan tercetak, saran, dan sebagainya. Setiap sistem pasti

mempunyai tujuan. Tujuan inilah yang menjadi kekuatan hidup

sistem karena tanpa tujuan sistem akan menjadi tak terarah, tidak

terkendali. Sementara itu, pengendalian dan umpan balik

merupakan perbaikan terhadap sistem. Pengendalian diwujudkan

dengan menggunakan umpan balik yang diperoleh dari output

 8

sistem. Umpan balik ini digunakan untuk mengendalikan input dan

proses. Tujuannya adalah agar sistem berjalan sesuai dengan arah

tujuan.

Komputer atau computer based information system sebuah sistem

informasi yang menggunakan komputer dan sarana telekomunikasi

untuk melakukan tugas-tugas yang diinginkan. Memprosesnya dan

menampilkannya. Sementara itu, perangkat lunak (software) yang

merupakan kumpulan program komputer yang memungkinkan

perangkat keras (hardware) dapat bekerja untuk memproses data.

Bekerja dengan sistem informasi yang saling berinteraksi atau

menggunakan output dari sebuah sistem.

2. Komponen Sistem Informasi

Sistem Informasi terbentuk dari berbagai komponen yang

didalamnya saling berinteraksi untuk mencapai tujuan tertentu.

Standar proses dalam sistem ini adalah sebagai beikut:

1) Data dikumpulkan oleh orang-orang atau sensor dalam

komputer melalui peralatan masukan (input).

2) Sistem memproses data tersebut proses dapat berlangsung

dengan dua cara, yaitu:

a. Batch, merupakan pemrosesan data dalam kelompok

pekerjaan yang bersamaan pada interval waktu yang tetap.

Pengumpulan data transaksi dilakukan pada saat terjadi,

kemudian dimasukkan kelompok atau batch. Sistem lalu

 9

mempersiapkan dan merupakan berbagai kelompok

tersebut secara periodik, misalnya setelah pemrosesan

secara batch. Batch ini sangat berguna untuk organisasi

yang membutuhkan proses dalam kurun waktu yang lama,

proses akan terus berjalan sampai selesai atau sampai

muncul kesalahan.

b. Online, merupakan pemrosesan data segera setelah

transaksi tanpa dikelompokkan terlebih dahulu. Data yang

diperoleh langsung diolah yang dengan kata lain disebut

real-time. Contohnya, ketika kita membeli barang dan

membayarnya di kasir yang menggunakan sistem pemroses

online, sistem tersebut langsung mencatat berbagai

pengaruh akibat penjualan tersebut, misalnya mengurangi

data per barang tersebut, menambah posisi kas toko

tersebut sejumlah uang yang kita bayar, secara online dan

real-time. Dengan berkembangnya teknologi web, sistem

pemroses online sudah dapat dilakukan dari jarak jauh.

2.2.2 Penjualan Online

Penjualan online adalah melakukan aktivitas penjualan dari mencari

calon pembeli sampai menawarkan produk atau barang dengan

memanfaatkan jaringan internet yang didukung dengan seperangkat

alat elektronik sebagai penghubung dengan jaringan internet (Susilo,

2018).
 10

2.2.3 Internet

Internet atau Interconnected Network merupakan sistem komunikasi

global yang menghubungkan komputer-komputer dan jaringan-

jaringan komputer di seluruh dunia. Setiap komputer dan jaringan

terhubung secara langsung maupun tidak langsung ke beberapa jalur

utama yang disebut internet backbone. Tujuan utama dari

internetworking adalah interoperabilitas yang maksimum, yaitu

memaksimalkan kemampuan program pada sistem komputer jaringan

yang berbeda untuk berkomunikasi secara handal dan efisien.

Pemakai internet dapat saling berhubungan satu sama lain karena

adanya komponen perangkat keras dan perangkat lunak tertentu.

Komputer dan jaringan dengan berbagai platform yang menggunakan

sistem operasi yang berbeda-beda dengan ciri khas masing-masing

(Unix, Linux, Windows, Mac, dll) bertukar informasi melalui sebuah

protokol. Protokol ini yang mengatur bagaimana sebuah komputer

dapat berkomunikasi dengan komputer lain (Susena and Budi Santoso,

2019).

2.2.4 Web

Aplikasi web adalah sebuah sistem informasi yang mendukung

interaksi pengguna melalui antar muka (interface) berbasis web.

Aplikasi web adalah bagian dari client-side yang dapat dijalankan oleh

web browser. Client-side mempunyai tanggung jawab pengeksekusian

proses bisnis. Aplikasi web juga dapat diartikan sebagai aplikasi yang
 11

diakses menggunakan web browser melalui suatu jaringan internet atau

intranet. Aplikasi web merupakan suatu aplikasi perangkat lunak

komputer yang dikodekan yang dalam bahasa pemograman yang

didukung oleh web browser (Purwandari, 2018).

2.2.5 Sublime Text 3

Sublime Text 3SublimeText Editor adalah editor text untuk berbagai

macam bahasa pemrograman antara lain PHP, CSS, HTML, Javascript

dan lain-lain.

2.2.6 XAMPP

Xampp adalah sebuah web server yang didukung bahasa pemrograman

PHP. Xampp dapat dijalankan di sistem operasi windows maupun

linux. Xampp memiliki beberapa komponen utama yang tertanam

didalamnya. Antara lain Apache, MySQL, Filezilla, Mercury dan

Tomcat.

2.2.7 PHP

PHP adalah sebuah bahasa script server side yang dapat digunakan

dengan bahasa HTML atau dokumen secara bersamaan untuk

membangun sebuah aplikasi web. Bahasa PHP mirip dengan bahasa C,

Perl, dan Java dengan keunikan tersendiri (Jayanti and Raja, 2020).

Sifat open source pada PHP memberikan kemampuan PHP

berkembang secara cepat. PHP selain dapat membuat dokumen HTML

secara dinamis, dapat membuat gambar, PDF, dan animasi flash

dengan script yang sederhana. PHP dapat bekerja dengan baik pada
 12

sebagian besar DBMS, diantaranya oracle,MSSQL,SQL server,

MySQL, dbase, PostgreeSQL, dan MySQL. Kelebihan-kelebihan PHP

adalah sebagai berikut:

1. Script (kode program) terintegrasi dengan file HTML, sehingga

developer (pengembang) bisa berkonsentrasi langsung pada

penampilan webnya.

2. Tidak ada proses compiling dan linking.

3. Berorientasi obyek (object oriented).

4. Sintaksis pemrogramannya mudah dipelajari, mirip C dan Perl.

Integrasi yang sangat luas ke berbagai server database. Database yang

didukung oleh PHP adalah: Oracle, Sybase, Msql. MSQL, Solid,

ODBC, PostgreSQL, Adabas D, FilePro, Velocis, Informix, dBase,

UNIXdbm.

2.2.8 Bootstrap

Menurut Rivaldi (2015:44), “Bootstrap merupakan framework ataupun

tool untuk membuat aplikasi web ataupun situs web responsive secara

cepat, mudah dan gratis”.

2.2.9 MySQL

MySql adalah relational Database Management System (RDBMS)

yang didistribusikan secara gratis dibawah lisensi General Public

Lisensi (GPL) setiap orang bebas menggunakannya, tetapi tidak boleh

dijadikan produk turunan yang bersifat komersil.

 13

Menggunakan MySQL sebagai database server karena MySQL

termasuk unggul dibandingkan server lainnya dalam query data. Hal

ini dapat dibuktikan melalui kecepatan MySQL yang bisa sepuluh kali

lebih cepat dari Postgres SQL dan lima kali lebih cepat dibandingkan

interbase. MySQL merupakan database server yang memiliki konsep

database modern, MySQL mempunyai beberapa kelebihan, antara lain:

1. Portability

MySQL dapat berjalan stabil pada berbagi sistem operasi di

antaranya adalah Windows, Linux, FreBSSD, Mac OS X Server,

Solaris, Amiga, HP-UX, dan lain-lain.

2. Open Source

MySQL didistribusikan secara gratis (open source), dibawah

lisensi GPL sehingga dapat digunakan tanpa dipungut biaya.

3. Multiuser

MySQL memiliki beberapa security seperti level subnetmask,

nama host, dan izin akses user dengan sistem yang mendetail serta

password yang menggunakan sistem enkripsi.

4. Connectivity

MySQLdapat melakukan koneksi dengan client melalui

penggunaan protocol TCP/IP, Unix soket(Unixx), atau Namd

Pipes(NT).

5. Interface
 14

MySQL memiliki interface terhadap berbagai aplikasi dan bahasa

pemograman dengan menggunakan fungsi Aplication

Programming.

2.2.10 Flowchart

Menurut Mulyadi (2003: 242) Bagan Alir (flowchart) adalah teknik

analisa yang dipergunkan untuk mendeskripsikan beberapa aspek dari

sistema kuntansi secara jelas, ringkas, dan logis. Sedangkan menurut

Nugroho.W (2004: 39) bagan alir adalah suatu diagram simbol yang

menampilkan aliran data dan rangkaian tahapan operasi dalam suatu

sistem.

Tabel 2.2 Simbol-Simbol Umum Bagan Alir

Gambar Nama Keterangan

Dokumen Dokumen, simbol ini digunakan

untuk menggambarkan semua

jenis dokumen, yang merupakan

formulir yang digunakan untuk

merekam data terjadinya suatu

transaksi.

Kegiatan Simbol ini menggambarkan

manual kegiatan manual seperti:

menerima order dari pembeli,

mengisi formulir,
 15

membandingkan, memeriksa

dan berbagai jenis kegiatan

klerikal lainya.

Dokumen dan Simbol ini digunakan untuk

Tembusan menggambarkan dokumen asli

dan tembusannya. Nomor

lembar dokumen dicantumkan

disudut kanan.

Penghubung Jika untuk mengambarkan

pada halaman bagan alir suatu sistem

yang berbeda akuntansi diperlukan lebih dari

satu halaman, simbol ini harus

digunakan untuk menunjukkan

kemana dan bagaimana bagan

alir terkait dengan lainya.

Nomor yang tercantum didalam

simbol penghubung

menunjukkan bagaimana bagan

alir yang tercantum pada

halaman tertentu terkait dengan

bagan alir yang tercantum pada

halaman yang lain.

 16

Uang Simbol ini digunakan untuk

menggambarkan uang atau cek

yang dibayarkan atau diterima.

Catatan Simbol ini digunakan untuk

menggambarkan catatan

akuntansi yang digunakan untuk

mencatat data yang direkam

sebelumnya didalam dokumen

atau formulir. Catatan akuntansi

yang digambarkan dengan

simbol ini adalah : Jurnal, Buku

Pembantu, dan Buku Besar.

Penghubung Dengan memperhatikan nomor

halaman yang yang tercantum di dalam simbol

sama penghubung pada halaman yang

sama, dapat diketahui aliran

dokumen dalam sistem

akuntansi yang digambarkan

dalam bagan alir.

 17

Akhir Arus Mengarahkan pembaca ke

Dokumen simbol penghubung halaman

yang sama bernomor seperti

yang tercantum dalam symbol

tersebut.

Awal Arus Simbol penghubung halaman

Dokumen yang sama, yang bernomor

seperti yang tercantum dalam

simbol tersebut.

Arsip permanen Menggambarkan arsip

permanen yang merupakan

tempat penyimpanan dokumen

yang tidak akan diproses lagi

dalam sistem akuntansi yang

bersangkutan.

Berbagi Mengambarkan berbagai jenis

dokumen dokumen yang digabungkan

bersama dalam satu paket.

Persimpangan Jika dua garis bersimpangan,

Garis Arus untuk menunjukkan arah masing

– masing garis, salah satu garis

dibuat sedikit melengkung tepat

 18

pada persimpangan kedua garis

tersebut.

Garis Alir Simbol mengambarkan arah

proses pengolahan data. Anak

panah tidak digambarkan jika

arus dokumen mengarah ke

bawah dan ke atas. Jika

dokumen mengalir ke kanan

atau ke kiri, anak panah perlu

dicantumkan.

Arsip Tempat penyimpanan dokumen

Sementara yan dokumenya akan diambil

kembali dari arsip tersebut di

masa yang akan datang untuk

keperluan pengolahan lebih

lanjut terhadap dokumen

tersebut.

Mulai / akhir Simbol ini untuk

menggambarkan awal dan akhir

suatu sitem akuntansi.

 19

On-line storage Simbol ini menggambarkan

arsip computer yang berbentuk

on-line (di dalam memory

komputer).

On-line Simbol ini menggambarkan

Computer pengolahan data dengan

Process komputer secara on-line.

Keying (typing, Simbol ini menggambarkan

verifying) pemasukan data ke dalam

komputer melalui on-line

terminal.

Pita Magnetik Simbol ini digunakan untuk

(Magnetic menggambarkan arsip komputer

Tape) yang berbentuk pita magnetik.

Nama arsip ditulis didalam

simbol.

Keputusan Simbol ini digunakan untuk

menggambarkan keputusan

yang harus dibuat dalam proses

pengolahan data. Keputusan

yang dibuat ditulis di dalam

 20

simbol.

Keterangan, Simbol ini memungkinkan ahli

Komentar sistem menambahkan

keterangan untuk memperjelas

pesan yang disampaikan dalam

bagan alir.

Pertemuan Simbol ini digunakan jika dua

Garis Arus arus bertemu dan salah satu

garis mengikuti arus garis

lainnya.

Pencocokan Simbol ini diguanakan untuk

Dokumen menggambarkan sebuah

dokumen yang sama yang

diperoleh dari dua unit terkait

yang berbeda.

Penghubung Simbol ini digunakan untuk

Sumber mengetahui dari mana dokumen

Dokumen tersebut berasal.

2.2.11 Activity Diagram

Activity Diagram menggambarkan workflow (aliran kerja) atau

aktivitas dari sebuah sistem atau proses bisnis atau menu yang ada
 21

pada perangkat lunak. Perlu diperhatikan bahwa diagram aktivitas

menggambarkan aktivitas sistem bukan apa yang dilakukan aktor, jadi

aktivitas yang dapat dilakukan oleh sistem. Berikut adalah simbol-

simbol yang ada pada diagram aktivitas:

Tabel 2.3 Simbol-simbol Diagram Use Case

Gambar Nama Keterangan

Status Awal Status awal aktivitas sistem,

sebuah diagram aktivitas

memiliki sebuah status awal

Aktivitas Aktivitas yang dilakukan

sistem, aktivitas biasanya

diawali dengan kata kerja

Percabangan / Asosiasi percabangan dimana

decision jika ada pilihan aktivitas lebih

dari satu

Penggabungan / Asosiasi penggabungan dimana

join lebih dari satu aktivitas

digabungkan menjadi satu

Status akhir Status akhir yang dilakukan

sistem, sebuah diagram

aktivitas memiliki sebuah status

 22

akhir

Swimlane Memisahkan organisasi bisnis

yang bertanggung jawab

terhadap aktivitas yang terjadi

2.2.12 Entity Relationship Diagram (ERD)

Menurut Kusrini dan Koniyo (2007:99) mengatakan bahwa “Entity

Relationship Diagram (ERD) merupakan notasi grafis dalam

pemodelan data konseptual yang mendeskripsikan hubungan antardata,

karena hal ini relatif kompleks.”

Entity Relationship Diagram (ERD) menggunakan sejumlah notasi dan

simbol untuk menggambarkan struktur dan hubungan antardata. Pada

dasarnya ada 3 macam simbol yang digunakan, yaitu Kusrini dan

Koniyo (2007:99) :

1. Entity

Entity adalah suatu objek yang dapat diidentifikasi dalam

lingkungan pemakai, sesuatu yang penting bagi pemakai dalam

konteks sistem yang akan dibuat. Entitas digambarkan dalam

bentuk persegi empat.

2. Atribut

Setiap entitas pasti mempunyai elemen yang disebut atribut yang

berfungsi untuk mendes-kripsikan karakteristik dari entitas

tersebut. Isi dari atribut mempunyai sesuatu yang dapat

 23

mengidentifikasikan isi elemen satu dengan yang lain. Gambar

atribut diwakili oleh simbol elips.

3. Hubungan/Relationship

Sebagaimana halnya entitas, hubungan pun harus dibedakan antara

hubungan atau bentuk hubungan antarentitas dengan isi dari

hubungan itu sendiri. Relationship digambarkan dalam bentuk

intan (diamonds).
 BAB III

METODE DAN PERANCANGAN SISTEM

3.1 Tinjauan Umum

Lokasi penelitian yang digunakan oleh penulis ini bertempat di Toko

Arini Pearl dengan alamat Jl. Pramuka no. 2 (Depan Cafe Kopi Item),

Kota Sorong, Papua Barat, Kode pos 98412.

3.2 Metode Penelitian

Penelitian merupakan cara atau teknik yang digunakan dalam perancanaan

sistem informasi ini, alur penelitian juga dapat diartikan sebagai sejumlah

pemikiran, konsep dan ide untuk mengorganisasikan proses pemikiran

tentang sesuatu atau situasi.

3.2.1 Metode Pengumpulan Data

Metode pengumpulan data dan informasi yang diperlukan menggunakan

cara sebagai berikut:

1. Metode Studi Liteatur

Pada metode ini, penulis mencari sumber-sumber tulisan berupa buku,

skripsi terdahulu maupun jurnal-jurnal, referensi-referensi yang

berkaitan dengan penelitian ini, guna melengkapi penelitian ini dan

menambah informasi yang dibutuhkan.

2. Metode Observasi

24
 25

Observasi dilaksanakan pada Toko Arini Pearl yang beralamat di Jl.

Pramuka no. 2 (Depan Cafe Kopi Item), Kota Sorong, Papua Barat,

Kode pos 98412.

3. Interview

Metode ini digunakan sebagai pengumpulan data dengan cara

mengajukan berbagai pertanyaan kepada pemiik yang berhubungan

dengan kegiatan proyek pembuatan sistem penjualan. Penulis

melakukan interview kepada pemilik Toko Arini Pearl.

3.2.2 Metode Waterfall

Metode waterfall sering juga disebut model Sekuensial Linear (Sequential

Linear) atau alur hidup klasik (Classic Life Cycle), Model air terjun

menyediakan pendekatan alur hidup perangkat lunak secara sekuensial

atau terurut dimulai dari analisis, desain, pengkodean, pengujian dan tahap

pemeliharaan. Berikut adalah gambar pemodelan air terjun (Waterfall).

Gambar 3.1 Alur Model Waterfall

 26

1. Analisa Kebutuhan

Proses pengumpulan kebutuhan dilakukan secara intensif untuk

menspesifikasikan kebutuhan perangkat lunak agar dapat dipahami

perangkat lunak seperti apa yang dibutuhkan oleh user. Spesifikasi

kebutuhan perangkat lunak pada tahap ini perlu didokumentasikan.

2. Desain

Desain perangkat lunak adalah proses multi langkah yang fokus pada

desain pembuatan program perangkat lunak termasuk struktur data,

arsitektur perangkat lunak, representasi antarmuka, dan prosedur

pengkodean. Tahap ini mentranlasi kebutuhan perangkat lunak dari

tahap analisis kebutuhan ke representasi desain agar dapat

diimplementasikan menjadi program pada tahap selanjutnya. Desain

perangkat lunak yang dihasilkan pada tahap ini juga perlu

didokumentasikan.

3. Pembuatan Kode Program

Desain harus ditranlasikan ke dalam program perangkat lunak. Hasil

dari tahap ini adalah program komputer sesuai dengan desain yang

telah dibuat pada tahap desain.

4. Pengujian Program

Pengujian fokus pada perangkat lunak secara dari segi logika dan

fungsionalitas dan memastikan bahwa semua bagian sudah di uji. Hal

ini dilakukan untuk meminimalisir kesalahan (error) dan memastikan

keluaran yang dihasilkan sesuai dengan yang diinginkan.

 27

5. Pendukung Atau Pemeliharaan

Tidak menutup kemungkinan sebuah perangkat lunak mengalami

perubahan ketika sudah dikirimkan ke user. Perubahan bisa terjadi

karena adanya kesalahan yang muncul dan tidak terdeteksi saat

pengujian atau perangkat lunak harus beradaptasi dengan lingkungan

baru. Tahap pendukung atau pemeliharaan dapat mengulangi proses

pengembangan mulai dari analisis spesifikasi untuk perubahan lunak

yang sudah ada, tapi tidak membuat perangkat lunak baru.

3.3 Analisis Kebutuhan Sistem

Penelitian ini berisi tentang Analisis kebutuhan sistem yang dibagi

menjadi beberapa bagian, yaitu kebutuhan perangkat keras, kebutuhan

perangkat lunak, kebutuhan informasi, dan kebutuhan pengguna yang

digunakan sebagai alat pendukung dalam melaksanakan penelitian dan

merancang website. Adapun instrument yang digunakan dalam penelitian

adalah sebagai berikut:

3.3.1 Kebutuhan Perangkat Keras

Perangkat keras yang digunakan untuk mengembangkan dan

mengumpulkan data pada website ini adalah sebagai berikut.

Laptop acer spesifikasi sebagai berikut:

Tabel 3.1 Kebutuhan Perangkat Keras

No Perangkat Keterangan
 28

1 Processor Intel(R) Celeron(R) CPU 1019Y @1.00GHz

1.00GHz

2 Memory 2GB RAM

3 Storage Hardisk 500GB

4 System Type 64-bit Operating System, x64-based processor

3.3.2 Kebutuhan Perangkat Lunak

Adapun perangkat lunak yang digunakan dalam website ini adalah sebagai

berikut:

Tabel 3.2 Kebutuhan Perangkat Lunak

No Nama Software Keterangan

1 Google Chrome, Aplikasi Browser untuk menjalankan website

Mozilla Firefox tersebut

2 XAMPP Sebagai server lokal untuk mengampu berbagai

jenis data website yang sedang dalam proses

pengembangan

3 Sublime Text 3 Aplikasi code editor yang digunakan untuk

tujuan web design

4 MockFlow Aplikasi desain yang digunakan untuk membuat

wireframepro rancangan website

 29

5 Draw.io Aplikasi untuk membuat diagram

3.3.3 Kebutuhan Informasi

Kebutuhan informasi yang akan diperlukan pada website yang dibuat.

Adapun kebutuhan informasi sebagai berikut:

1. Pelanggan

a. Melihat produk-produk yang tersedia.

b. Melakukan pemesanan pembelian.

c. Mengisi form dan melakukan pembayaran.

d. Melihat informasi pengiriman produk.

2. Admin

a. Pengecekan data pelanggan yang baru masuk berdasarkan tanggal.

b. Melakukan konfirmasi pesanan berupa harga yang harus

dibayarkan.

c. Memberikan informasi pengiriman produk.

3.3.4 Kebutuhan Pengguna

Pengguna sistem ini adalah pelanggan dan admin.

Tabel 3.3 Kebutuhan Pengguna

No Pengguna Proses Yang Dilakukan

1 Pelangaan Melakukan daftar

Melakukan login

Melihat produk-produk yang tersedia

 30

Melakukan pemesanan pembelian

Mengisi form dan melakukan pembayaran

Melihat informasi pengiriman produk

Menerima produk

2 Admin Melakukan login sistem

Mengelola produk

Mengelola pembelian

Mengelola pelanggan

Logout

3.4 Perancangan Sistem

Perancangan sistem dapat didefinisikan sebagai penggambaran,

perencanaan dan pembuatan sketsa dari beberapa elemen yang terpisah

kedalam suatu kesatuan yang utuh dan berfungsi. Oleh sebab itu,

perancangan sistem menentukan bagaimana suatu sistem akan dibentuk

sesuai dengan tujuan tertentu. Tujuan dari perancangan sistem adalah

untuk memberikan gambaran secara umum kepada pemakai sistem tentang

sistem yang dibangun.

Perancangan sistem menjelaskan dan menggambarkan sistem secara

umum dan menyeluruh, perancangan tersebut diantaranya mencakup

perancangan proses, perancangan basis data dan perancangan interface.

 31

3.4.1 Perancangan Proses

Dalam perancangan proses ini meliputi data flowchart dan UML yang

bertujuan untuk memudahkan dalam pembuatan program dan

memudahkan dalam menganalisa alur program.

3.4.4.1 Flowchart

Gambar 3.2 Flowchart Yang Diusulkan

Berikut ini adalah perancangan flowchart sistem informasi penjualan

online yang diusulkan pada Toko Arini Pearl:

1. Pelanggan yang akan membeli harus melakukan login terlebih dahulu.

 32

2. Pelanggan yang akan membeli harus memesan terlebih dahulu dan

memastikan barang yang akan di pesannya.

3. Produk yang telah dipilih akan masuk ke keranjang belanja.

4. Apabila pelanggan ingin menambah produk lagi maka pelanggan

kembali masuk menu home dan memilih produk lagi yang diinginkan.

5. Setelah pelanggan selesai memilih produk maka pelanggan mengisi

data berupa nama lengakap, nomor telepon, alamat pengiriman dan

email.

6. Setelah itu admin akan mengirim konfirmasi kepada pelanggan berupa

biaya yang harus dibayarkan.

7. Jika pelanggan sudah melakukan pembayaran maka pelanggan wajib

memberikan konfirmasi pembayaran.

8. Setelah itu bagian penjualan akan mengirimkan barang yang telah

dipesan ke alamat yang sudah dikirimkan pelanggan.

9. Admin akan mengirimkan konfirmasi berupa info pengiriman barang

via email ke pelanggan.

10. Bagian penjualan mencetak laporan penjualan sebanyak dua rangkap,

satu untuk diarsipkan dan satu lagi diserahkan kepada pemilik.

 33

3.4.4.2 Activity Diagram

Gambar 3.3 Activiy Diagram

Gambar 3.3 menjelaskan proses penjualan dengan sistem web yang

dirancang. Pihak pelanggan melakukan login terlebih dahulu setelah itu

pelanggan memilih produk yang diinginkan yang secara langsung

melakukan belanja, setelah melakukan belanja pihak admin membuat atau

menyediakan proses transaksi sehingga pelanggan dapat mengisi form

transaksi, setelah itu pihak admin mengirim produk tersebut ke pelanggan

dan pelanggan menerima produk tersebut.

 34

3.4.2 Perancangan Basis Data

3.4.2.1 Entity Relationship Diagram (ERD)

Gambar 3.4 ERD Sistem Penjualan Online

Penjelasan proses yang digambarkan dalam sistem ERD diagram sebagai

berikut:

1. Hubungan antara pelanggan dan produk

Gambar 3.5 ERD Hubungan Antara Pelanggan Dan Produk

 35

Dalam ERD diatas terdapat dua entitas yaitu entitas pelanggan dan

entitas produk yang dihubungkan dalam satu relasi yaitu relasi pesan.

Entitas pelanggan mempunyai lima atribut diantaranya adalah

id_pelanggan, nama, email, telepon dan alamat. Untuk entitas produk

ada enam atribut yaitu id_produk, nama, categories, harga, keterangan

dan gambar. Kemudian untuk relasi pesan memiliki lima atribut yaitu

id_pesan sebagai primary key, id_pelanggan sebagai foreign key,

id_produk sebagai foreign key, jumlah_pesan dan total_harga.

Cara baca:

a. Pelanggan memesan produk, produk dipesan oleh konsumen.

b. M : M berarti beberapa pelanggan memesan banyak produk dan

beberapa produk dipesan oleh beberapa pelanggan.

2. Hubungan antara admin dan produk

Gambar 3.6 ERD Hubungan Antara Admin Dan Produk

Dalam ERD diatas terdapat dua entitas yaitu entitas admin dan entitas

produk yang dihubungkan dalam satu relasi yaitu relasi olah. Entitas
 36

admin mempunyai tiga atribut diantaranya adalah id_admin, username

dan password. Untuk entitas produk ada enam atribut yaitu id_produk,

nama, categories, harga, keterangan dan gambar.

Cara baca:

a. Admin mengolah data produk, data produk diolah oleh admin.

b. 1 : M berarti seorang admin mengolah beberapa data produk,

beberapa data produk diolah oleh admin.

3.4.2.2 Perancangan Tabel

Dalam pembuatan website ini, penulis menggunakan satu buah database

dengan nama “db_arinipearl” yang didalamnya terdapat beberapa tabel.

File database tersebut berada pada phpmyadmin yang terinteraksi dalam

XAMPP. Berikut akan dijelaskan struktur tabel-tabel yang ada dalam

database db_arinipearl yang menjadi database website sistem penjualan

online.

1. Tabel Admin

Tabel admin mempunyai nama tabel admin. Tabel ini mempunyai

kolom kunci / primary key yaitu id_admin, dan masing-masing kolom

sesuai dengan isian form login, yaitu kolom username untuk isian

username dan kolom password untuk isian password. Tabel admin

ditunjukkan oleh tabel 3.4.

Tabel 3.4 Tabel admin

No Nama Field Tipe Data Ekstra Keterangan

 37

1 id_admin * Int (11) Auto Increment, Sebagai id admin

Primary Key

2 username Varchar Username login

(30)

3 password Varchar Password login

(20)

2. Tabel Produk

Nama tabel adalah produk. Tabel produk digunakan untuk mengolah

data–data produk. Kolom id_admin digunakan sebagai foreign key

untuk relasi dengan tabel admin. Tabel produk ditunjukan oleh tabel

3.5.

Tabel 3.5 Tabel produk

No Nama Field Tipe Ekstra Keterangan

Data

1 id_produk Int (11) Auto Sebagai id produk

Increment,

Primary Key

2 id_categories Int (11) Foreign Key Id kategori

3 id_admin Int (11) Foreign Key Id admin

4 nama_produk Varchar Nama produk

(50)
 38

5 Harga Text Harga produk

6 Stok Text

7 Gambar Varchar Gambar produk

(50)

8 Keterangan Text Keterangan produk

3. Tabel Kategori

Nama tabel adalah categories. Tabel categories digunakan untuk

menyimpan data-data kategori. Kolom id_categories digunakan

sebagai primary key untuk relasi dengan tabel produk. Tabel categories

ditunjukan oleh tabel 3.6.

Tabel 3.6 Tabel categories

No Nama Field Tipe Ekstra Keterangan

Data

1 id_categories Int (11) Auto Increment, Sebagai id kategori

Primary Key

2 nama_catego Varchar Nama kategori

ries (30)

3 Deskripsi Text Keterangan

4. Tabel Detail Order

 39

Nama tabel adalah detail_order. Tabel detail_order digunakan untuk

menyimpan data-data pesanan. Kolom id_order digunakan sebagai

foreign key untuk relasi dengan tabel order. Tabel detail_order

ditunjukan oleh tabel 3.7.

Tabel 3.7 Tabel detail_order

No Nama Field Tipe Ekstra Keterangan

Data

1 id_detail_ord Int (11) Auto Increment, Sebagai id detail

er Primary Key order

2 id_order Int (11) Foreign Key Id order

3 id_produk Int (11) Foreign Key Id produk

4 jumlah_prod Text Jumlah produk

uk

5 total_harga Text Toal harga produk

5. Tabel Order

Nama tabel adalah order. Tabel order digunakan untuk menyimpan

data-data order. Kolom id_order digunakan sebagai foreign key untuk

relasi dengan tabel order. Tabel detail_order ditunjukan oleh tabel 3.8.

Tabel 3.8 Tabel order

No Nama Field Tipe Ekstra Keterangan

 40

Data

1 id_order Int (11) Auto Increment, Sebagai id order

Primary Key

2 id_pelanggan Int (11) Foreign Key Id pelanggan

3 id_pengirima Int (11) Foreign Key Id pengiriman

4 id_admin Int (11) Foreign Key Id admin

5 tgl_order Date Tanggal order

6 total_produk Text Total produk

7 total_harga Text Total harga

8 tgl_pesan Date Tanggal pesan

9 tgl_berakhir Date Taggal berakhir

10 tgl_kirim Date Tanggal kirim

11 tgl_sampai Date Tanggal sampai

12 jenis_pemba Varchar Jenis pembayaran

yaran (30)

13 status_order Text Keterangan

6. Tabel Pengiriman
 41

Nama tabel adalah pengiriman. Tabel pengiriman digunakan untuk

menyimpan data-data pengiriman. Kolom id_pengiriman digunakan

sebagai primary key untuk relasi dengan tabel order. Tabel pengiriman

ditunjukan oleh tabel 3.9.

Tabel 3.9 Tabel pengiriman

No Nama Field Tipe Ekstra Keterangan

Data

1 id_pengirima Int (11) Auto Increment, Sebagai id

n Primary Key pengiriman

2 alamat Varchar Alamat pengiriman

(50)

3 Provinsi Varchar Provinsi

(30) pengiriman

4 kabupaten_k Varchar Kota pengiriman

ota (30)

5 kode_pos Text Kode pos

pengiriman

6 tgl_pengirim Date Tanggal

an pengiriman

7 biaya_pengir Text Biaya pengiriman

iman
 42

7. Tabel Pelanggan

Nama tabel pelanggan. Tabel pelanggan digunakan untuk menyimpan

data profil pelanggan yang memuat email dan password untuk login ke

sistem. Tabel pelanggan mempunyai relasi ke tabel order dengan

id_pelanggan sebagai primary key. Tabel pelanggan ditunjukkan oleh

tabel 3.10.

Tabel 3.10 Tabel pelanggan

No Nama Field Tipe Ekstra Keterangan

Data

1 id_pelanggan Int (11) Auto Sebagai id

Increment, pelanggan

Primary Key

2 nama_pelanggan Varchar Nama pelanggan

(30)

3 jenis_kelamin Varchar Jeis kelamin

(10) pelanggan

4 Email Varchar Email login

(20)

5 Password Varchar Password login

(20)

6 Provinsi Varchar Provinsi

(30) pelanggan
 43

7 kabupaten_kota Varchar Kota pelanggan

(30)

8 Alamat Varchar Alamat

(50) pelanggan

9 kode_pos Text Kode pos

pelanggan

10 Telepon Text Nomor telepon

pelanggan

11 Status Text Keterangan

3.4.2.3 Relasi Antar Tabel

Gambar 3.7 Relasi Antar Tabel

Berikut ini adalah penjelasan relasi antar tabel sistem penjualan online:
 44

1. Tabel admin memilki relasi one to many dengan tabel produk, bahwa

admin dapat memliki lebih dari satu / banyak produk. Antara tabel

admin dan tabel produk dihubungkan oleh field penghubung id_admin

sebagai primary key di tabel admin, dan pada tabel produk sebagai

foreign key.

2. Tabel admin dengan tabel order memiliki relasi one to many, yang

artinya admin dapat memiliki lebih dari satu / banyak order. Antara

tabel admin dan tabel order dihubungkan oleh field penghubung

id_admin sebagai primary key di tabel admin, dan pada tabel order

sebagai foreign key.

3. Tabel categories dengan tabel produk memiliki relasi one to many,

artinya setiap categories dapat memiliki lebih dari satu produk. Field

penghubung antar kedua tabel adalah id_categories sebagai primary

key pada tabel categories dan pada tabel produk sebagai foreign key.

4. Tabel produk dengan tabel detail_order memiliki relasi one to many,

artinya setiap produk dapat memiliki lebih dari satu detail_order. Field

penghubung antar kedua tabel adalah id_produk sebagai primary key

pada tabel produk dan pada tabel detail_order sebagai foreign key.

5. Tabel order dengan tabel detail_order memiliki relasi one to many,

artinya setiap produk dapat memiliki lebih dari satu detail_order. Field

penghubung antar kedua tabel adalah id_order sebagai primary key

pada tabel order dan pada tabel detail_order sebagai foreign key.
 45

6. Tabel pengiriman dengan tabel order memiliki relasi one to many,

artinya setiap pengiriman dapat memiliki lebih dari satu order. Field

penghubung antar kedua tabel adalah id_pengiriman sebagai primary

key pada tabel pengiriman dan pada tabel order sebagai foreign key.

7. Tabel pelanggan dengan tabel order memiliki relasi one to many,

artinya setiap pelanggan dapat memiliki lebih dari satu order. Field

penghubung antar kedua tabel adalah id_pelanggan sebagai primary

key pada tabel pelanggan dan pada tabel order sebagai foreign key.

3.4.3 Perancangan Interface

1. Menu Halaman Utama

Halaman Utama web adalah halaman pertama yang ditampilkan saat

web diakses. Pada halaman ini terdapat menu keranjang belanja, menu

categoties, Daftar dan Login. Desain halaman utama web dapat dilihat

pada gambar 3.8.

Gambar 3.8 Menu Home Pelanggan

 46

2. Menu Profil Pelanggan

Halaman ini pelanggan dapat memasukkan, mengubah data profil dan

menguploud foto. Halaman profil pelanggan dapat dilihat pada gambar

3.9.

Gambar 3.9 Menu Profil Pelanggan

3. Menu Login Admin

Halaman login digunakan admin untuk memasuki halaman admin pada

halaman ini admin harus memasukan username dan password. Jika

username dan password benar, maka halaman admin akan terbuka.

 47

Jika login tidak berhasil, maka sistem akan menampilkan halaman

login lagi. Halaman login admin dapat dilihat pada gambar 3.10.

Gambar 3.10 Menu Login

4. Menu Utama Admin

Halaman utama admin berisi beberapa pilihan menu diantaranya menu

pembelian, categories, produk, detail produk, data order, data

pengiriman, provinsi, kota, pelanggan, laporan dan logout. Halaman

utama admin dapat dilihat pada gambar 3.11.

 48

Gambar 3.11 Menu Utama Admin

5. Menu Pembelian

Menu pembelian berisi daftar pembelian. Pada bagian kanan dari

pilihan menu admin akan berisi tabel nama pelanggan, tanggal beli,

tombol detail dan tombol hapus. Pada menu pembelian, admin dapat

melihat dan menghapus data pembelian. Halaman menu pembelian

dapat dilihat pada gambar 3.12.

 49

Gambar 3.12 Menu Pembelian

Gambar 3.13 Halaman Detail

 50

6. Menu Produk

Menu produk berisi data produk dan halaman berisi form untuk

menambah data produk. Data produk yang telah diinputkan akan

ditampilkan dihalaman utama web. Apabila dalam menginputkan data

tidak lengkap maka data tidak akan tersimpan dalam database, dan

harus melengkapi isian data terlebih dahulu. Halaman menu produk

dapat dilihat pada gambar 3.14.

Gambar 3.14 Menu Produk

7. Menu Detail Produk

Menu detail produk berisi daftar detail produk. Pada bagian kanan dari

pilihan menu admin akan berisi tabel produk, gambar, stok, harga

tombol edit dan tombol hapus. Pada menu detail produk, admin dapat
 51

melihat, mengubah dan menghapus data detail produk. Halaman menu

detail produk dapat dilihat pada gambar 3.15.

Gambar 3.15 Menu Detail Produk

8. Menu Pelanggan

Menu pelanggan berisi daftar pelanggan. Pada bagian kanan dari

pilihan menu admin akan berisi tabel nama lengkap, email tombol

detail dan tombol hapus. Pada menu pelanggan, admin dapat melihat

dan menghapus data pelanggan. Halaman menu pelanggan dapat

dilihat pada gambar 3.16.

 52

Gambar 3.16 Menu Pelanggan

 BAB IV

IMPLEMENTASI DAN PEMBAHASAN

4.1 Implementasi

4.1.1 Menu Utama

Halaman utama merupakan form halaman utama antar muka dengan

pengguna. Halaman ini merupakan halaman yang tampil pertama kali

saat pengguna mengakses website Toko Arini Pearl. Pada halaman

utama ini akan menampilkan beberapa menu yang dapat diakses oleh

pengguna dalam pengoperasiannya di antaranya melihat koleksi

produk yang dijual, melakukan order barang dan lain-lain.

4.1.2 Menu Profil Pelanggan

Halaman profil pelanggan yang memuat data profil pelanggan.

Halaman ini pelanggan dapat memasukkan, mengubah data profil dan

menguploud foto.

4.1.3 Menu Login Admin

Halaman login admin digunakan admin untuk memasuki halaman

admin pada halaman ini admin harus memasukan username dan

password agar bisa mengakses menu admin.

4.1.4 Menu Utama Admin

Halaman utama admin merupakan form halaman utama antar muka

dengan admin. Pada halaman utama admin ini akan menampilkan

beberapa menu yang dapat diakses oleh admin diantaranya menu

53
 54

pembelian, categories, produk, detail produk, data order, data

pengiriman, provinsi, kota, pelanggan, laporan dan logout.

4.1.5 Menu Pembelian

Tampilan data pembelian berguna untuk memperlihatkan data

pengiriman barang-barang yang diorder oleh pelanggan pada website

Toko Arini Pearl.

4.1.6 Menu Produk

Tampilan data produk berguna untuk menambahkan data produk oleh

admin pada website Toko Arini Pearl.

4.1.7 Menu Detail Produk

Tampilan data detail produk berguna untuk memperlihatkan data

produk-produk yang telah ada oleh admin pada website Toko Arini

Pearl. Pada menu detail produk, admin dapat melihat, mengubah dan

menghapus data detail produk.

4.1.8 Menu Pelanggan

Tampilan data pelanggan berguna untuk memperlihatkan data-data

pelanggan yang ada pada website Toko Arini Pearl. Pada menu

pelanggan, admin dapat melihat dan menghapus data pelanggan.

 BAB V

PENUTUP

5.1 Kesimpulan

Beberapa kesimpulan yang dapat diambil dari pembahasan dan

penerapan system terhadap permasalahan yang ada dalam system

informasi penjualan di Toko Arini Pearl adalah sebagai berikut :

1. Sistem informasi penjualan pada Toko Arini Pearl yang

penyusun usulkan adalah secara online, yaitu dimana

konsumen dapat membeli produk melalui web, sehingga

konsumen tidak perlu lagi datang langsung ke Toko Arini

Pearl.

2. Sistem informasi di Toko Arini Pearl dapat melalui web yang

telah tersusun untuk mempermudah pelanggan dalam membeli

suatu produk.

3. Sistem informasi penjualan di Toko Arini Pearl ini, pen

4. catatan laporan penjualan dan pembelian menjadi

terkomputerisasi.

5. Sistem informasi promosi di Toko Arini Pearl menjadi lebih

efektif, karena menggunakan media internet.

5.2 Saran

Saran-saran terhadap penggunaan sistem yang telah dibuat adalah

sebagai berikut:

55
 56

1. Agar mencakup pembuatan laporan keuangan Toko Arini Pearl

di sistem informasi berbasis website ini.

2. Agar Toko Arini Pearl bisa bekerja sama dengan pihak JNE .

3. Diharapkan agar pengiriman JNE tidak hanya dikota-kota besar

saja.

4. Diharapkan pelanggan melunasi semua total biaya agar barang

cepat di kirim.
 DAFTAR PUSTAKA

[1] Agustriana (2018) ‘PERANCANGAN SISTEM INFORMASI

PENJUALAN PAKAIAN BERBASIS WEB PADA ANNATEOS SHOP’,

Interciencia, 489(20), pp. 313–335.

[2] Handayani, S. (2018) ‘Perancangan Sistem Informasi Penjualan Berbasis

E-Commerce Studi Kasus Toko Kun Jakarta’, ILKOM Jurnal Ilmiah,

10(2), pp. 182–189. doi: 10.33096/ilkom.v10i2.310.182-189.

[3] Harmianto, Fuad, A. and Khairan, A. (2018) ‘SISTEM INFORMASI

PENJUALAN ONLINE BERBASIS WEB UNTUK KEMUDAHAN

PENJUALAN BARANG DI KOTA TERNATE’, 02(2), pp. 85–91.

[4] Jayanti, S. and Raja, J. (2020) Jago Ngoding Pemrograman Web dengan

PHP.

[5] Purwandari, F. R. (2018) ‘Sistem Informasi Penjualan Berbasis Web pada

PT. Mustika Jati’, Sistem Informasi Penjualan Berbasis Web Pada PT.

Mustika Jati Farhan, 1(4393), pp. 43–57. Available at:

http://research.kalbis.ac.id/Research/Files/Article/Full/ET722JFJEKQYRF

2PKZC1UBQOU.pdf.

[6] Rizal, M. A. and Misriati, T. (2018) ‘Perancangan Sistem Informasi

Penjualan Pakaian Berbasis Web Pada Toko Uj Outlet’, Jurnal Sisfokom

(Sistem Informasi dan Komputer), 7(1), p. 9. doi:

10.32736/sisfokom.v7i1.281.

[7] Siregar, V. M. M. (2018) ‘Perancangan Website Sebagai Media Promosi

Dan Penjualan Produk’, TAM (Technology Acceptance Model), 9(1), pp.

57
 15–21.

[8] Susena, E. and Budi Santoso, T. (2019) ‘Sistem Penjualan Online Berbasis

Website: Studi Kasus di Infomedia Komputer’, Jurnal Elektronika Listrik

dan Teknologi Informasi Terapan, 1(1), pp. 38–44. Available at:

https://ojs.politeknikjambi.ac.id/elti.

[9] Susilo, M. (2018) ‘Rancang Bangun Website Toko Online Menggunakan

Metode Waterfall’, InfoTekJar (Jurnal Nasional Informatika dan

Teknologi Jaringan), 2(2), pp. 98–105. doi: 10.30743/infotekjar.v2i2.171.

[10] Zaliluddin, D. (2018) ‘Perancangan Sistem

Informasi Penjualan Berbasis Web ( Studi Kasus Pada Newbiestore )’,

INFOTECH journa, 4(1), pp. 24–27.

58