PERANCANGAN SISTEM INFORMASI POINT OF SALE (POS)

PADA ARA COFFEE BERBASIS WEB

TUGAS AKHIR

Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga

ALFEUS OCKA TRIYANDI

NIM: 12174361

Program Studi Sistem Informasi

Fakultas Teknik dan Informatika
Universitas Bina Sarana Informatika
Pontianak
2021

i
 SURAT PERNYATAAN KEASLIAN TUGAS AKHIR

Yangbertandatangan dibawah ini:

Nama : Alfeus Ocka Triyandi
NIM : 12174361
Jenjang : Diploma Tiga (D3)
Program Studi : Sistem Informasi Kampus Kota Pontianak
PSDKU : Kota Pontianak
Perguruan Tinggi : Universitas Bina Sarana Informatika

Dengan ini menyatakan bahwa Tugas Akhir yang telah saya buat dengan judul:
“PERANCANGAN SISTEM INFORMASI POINT OF SALE (POS) PADA ARA
COFFEE BERBASIS WEB”, adalah asli (orsinil) atau tidak plagiat (menjiplak) dan
belum pernah diterbitkan/dipublikasikan dimanapun dan dalam bentuk apapun.

Demikianlah surat pernyataan ini saya buat dengan sebenar-benarnya tanpa ada paksaan
dari pihak manapun juga. Apabila dikemudian hari ternyata saya memberikan
keterangan palsu dan atau ada pihak lain yang mengklaim bahwa Tugas Akhir yang
telah saya buat adalah hasil karya milik seseorang atau badan tertentu, saya bersedia
diproses baik secara pidana maupun perdata dan kelulusan saya dari Universitas Bina
Sarana Informatika dicabut/dibatalkan.

Dibuat di : Pontianak
Pada tanggal : 05 Januari 2022
Yang menyatakan,

Alfeus Ocka Triyandi

ii
 SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA
ILMIAH UNTUK KEPENTINGAN AKADEMIS

Yangbertandatangan dibawah ini:

Nama : Alfeus Ocka Triyandi
NIM : 12174361
Jenjang : Diploma Tiga (D3)
Program Studi : Sistem Informasi Kampus Kota Pontianak
PSDKU : Kota Pontianak
Perguruan Tinggi : Universitas Bina Sarana Informatika
Dengan ini menyatakan bahwa seluruh data, informasi, intrepertasi serta pernyataan
yang terdapat dalam karya ilmiah Penulis dengan judul “PERANCANGAN SISTEM
INFORMASI POINT OF SALE (POS) PADA ARA COFFEE BERBASIS WEB”,
ini kecuali yang disebutkan sumbernya adalah hasil pengamatan, penelitian,pengelolaan,
serta pemikiran saya.

Penulis menyetujui untuk memberikan ijin kepada pihak Universitas Bina Sarana
Informatika untuk mendokumentasikan karya ilmiah saya tersebut secara internal dan
terbatas, serta tidak untuk mengunggah karya ilmiah Penulis pada repository Universitas
Bina Sarana Informatika (htpps://repository.bsi.ac.id)

Penulis bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak Universitas
Bina Sarana Informatika, atas materi/isi karya ilmiah tersebut, termasuk bertanggung
jawab atas dampak atau kerugian yang timbul dalam bentuk akibat tindakan yang
berkaitan dengan data, informasi, interpertasi serta pernyataan yang terdapat pada karya
ilmiah saya ini.

Demikian pernyataan ini saya buat dengan sebenarnya.

Dibuat di : Pontianak
Pada tanggal : 05 Januari 2022
Yang menyatakan,

Alfeus Ocka Triyandi

iii
 PERSETUJUAN DAN PENGESAHAN TUGAS AKHIR

Tugas Akhir ini diajukan oleh:

Nama : Alfeus Ocka Triyandi
NIM : 12174361
Jenjang : Diploma Tiga (D3)
Program Studi : Sistem Informasi Kampus Kota Pontianak
PSDKU : Kota Pontianak
Perguruan Tinggi : Universitas Bina Sarana Informatika
Judul Tugas Akhir : Perancangan Sistem Informasi Point of Sale (POS) Pada
Ara Coffee Berbasis Web

Untuk dipertahankan pada periode 2021-II dihadapan penguji dan diterima sebagai
bagian persyaratan yang diperlukan untuk memperoleh Diploma Ahli Madya Komputer
(A.Md.Kom) pada Program Diploma Tiga (D3) Program Studi Sistem Informasi
Kampus Kota Pontianak di Universitas Bina Sarana Informatika.
Pontianak, 05 Januari 2022
PEMBIMBING TUGAS AKHIR

Dosen Pembimbing : Ade Hendini, M.Kom

Asisten Pembimbing : Wanty Eka Jayanti, M.Si., M.Pd.

DEWAN PENGUJI

Penguji I :

Penguji II :

iv
 LEMBAR KONSULTASI TUGAS AKHIR

UNIVERSITAS BINA SARANA INFORMATIKA

NIM : 12174361
Nama : Alfeus Ocka Triyandi
Dosen Pembimbing :
Judul Tugas Akhir : Perancangan Sistem Informasi Point of Sale (POS) Pada
Ara Coffee Berbasis Web

Tanggal Paraf Dosen

NO Pokok Bahasan Pembimbing
Bimbingan
1 Pengajuan Judul
2 Pengajuan Bab I
3 Revisi Bab I dan Pengajuan Bab II
4 Acc Bab I dan Revisi Bab II
5 Acc Bab II dan Pengajuan Bab III
6 Revisi Bab III dan Pengajuan Bab IV
7 Acc Bab III dan Bab IV
8 Acc Keseluruhan

Catatan untuk Dosen Pembimbing.

Bimbingan Tugas Akhir
 Dimulai pada tanggal :
 Diakhiri pada tanggal :
 Jumlah pertemuan bimbingan :

Disetujui oleh,
Dosen Pembimbing

( )

v
 LEMBAR KONSULTASI TUGAS AKHIR

UNIVERSITAS BINA SARANA INFORMATIKA

NIM : 12174361
Nama : Alfeus Ocka Triyandi
Dosen Pembimbing :
Judul Tugas Akhir : Perancangan Sistem Informasi Point of Sale (POS) Pada
Ara Coffee Berbasis Web

Tanggal Paraf Asisten

NO Pokok Bahasan Pembimbing
Bimbingan
1 Pengajuan Judul
2 Pengajuan Bab I
3 Revisi Bab I dan Pengajuan Bab II
4 Acc Bab I dan Revisi Bab II
5 Acc Bab II dan Pengajuan Bab III
6 Revisi Bab III dan Pengajuan Bab IV
7 Acc Bab III dan Bab IV
8 Acc Keseluruhan

Catatan untuk Asisten Pembimbing.

Bimbingan Tugas Akhir
 Dimulai pada tanggal :
 Diakhiri pada tanggal :
 Jumlah pertemuan bimbingan :

Disetujui oleh,
Asisten Pembimbing

( )

vi
 KATA PENGANTAR

Segala syukur dan puji bagi Tuhan Yang Maha Esa, oleh karena anugerah-Nya

yang melimpah, kemurahan dan kasih setia yang besar akhirnya penulis dapat

menyelesaikan penulisan Tugas Akhir pada Program Diploma Tiga (D3). Tugas Akhir

yang penulis ambil adalah sebagai berikut, “Perancangan Sistem Informasi Point of

Sale (POS) Pada Ara Coffee Berbasis Web”.

Tujuan penulisan Tugas Akhir pada Program Diploma Tiga (D3) ini dibuat

untuk memenuhi salah satu syarat kelulusan pada Program Diploma Tiga (D3) di

Universitas Bina Sarana Informatika. Penulis menyadari bahwa tanpa bimbingan dan

dorongan dari semua pihak, maka penulisan Tugas Akhir ini tidak akan berjalan lancar.

Oleh karena itu pada kesempatan ini, ijinkanlah penulis menyampaikan ucapan terima

kasih kepada:

1. Rektor Universitas Bina Sarana Informatika.

2. Dekan Fakultas Teknik dan Informatika Universitas Bina Sarana Informatika

3. Ketua Program Studi Sistem Informasi Universitas Bina Sarana Informatika.

4. Bapak Ade Hendini, M.Kom. selaku Dosen Pembimbing Tugas Akhir.

5. Ibu Wanty Eka Jayanti, M.Si., M.Pd. selaku Asisten Pembimbing Tugas Akhir.

6. Staff Karyawan, dan Dosen di lingkungan Universitas Bina Sarana Informatika.

7. Orang tua, Saudara, dan Pacar tercinta yang telah memberikan dukungan moral

maupun spiritual.

8. Rekan-rekan mahasiswa kelas SI-6I.

vii
 Serta semua pihak yang tidak dapat disebutkan satu persatu dalam membantu

baik secara moril maupun materil sehingga terwujudnya penulisan ini. Penulis

menyadari bahwa penulisan Tugas Akhir ini masih jauh sekali dari sempurna, untuk itu

penulis mohon kritik dan saran yang bersifat membangun demi kesempurnaan penulisan

di masa yang akan datang.

Akhir kata semoga Tugas Akhir ini dapat berguna bagi penulis khususnya dan

bagi para pembaca yang berminat pada umumnya.

Pontianak, 05 Januari 2022

Penulis

Alfeus Ocka Triyandi

viii
 ABSTRAK

Alfeus Ocka Triyandi (12174361), Perancangan Sistem Informasi Point of Sale

(POS) Pada Ara Coffee Berbasis Web

Perkembangan digitalisasi begitu pesat di era modern, hal ini dikarenakan teknologi
mempermudah masyarakat dalam menjalankan berbagai jenis kegiatan, baik itu
komersil, pekerjaan, pendidikan dan lain sebagainya. Tidak dapat dihindari bahwa
perkembangan zaman tersebut menuntut para pelaku usaha beserta perusahaan untuk
semakin menyesuaikan kegiatan penjualan dengan teknologi yang berkembang. Salah
satu perkembangan teknologi yang dapat digunakan oleh pelaku usaha atau perusahaan
dalam membantu kegiatan penjualan adalah aplikasi Point of Sale (POS). Point of Sale
atau disingkat POS dapat diterjemahkan secara bebas menjadi sistem kasir, yaitu
aktivitas yang ber-orientasi pada penjualan. Ara Coffee merupakan salah satu warung
kopi yang dalam proses transaksi penjualannya masih menggunakan cara konvensional,
baik itu pencatatan penjualan yag dilakukan secara manual dan sebagainya. Dari
banyaknya transaksi yang dilakukan masih belum adanya terjadi kegiatan yang
mengelola secara lebih rinci sehingga membuat perusahaan tersebut kesulitan dalam
melaukan proses perekapan laporan transaksi, dan hal tersebut mengakibatkan terjadi
kesalahan dalam melakukan proses pengolahan data. Hal tersebut dapat diantisipasi
dengan mengganti cara konvensional menjadi cara yang lebih modern menggunakan
aplikasi terlebih aplikasi berbasis web. Dapat diakses banyak perangkat dan mudah
dalam pengoperasiannya merupakan salah satu keunggulan aplikasi berbasis web.

Kata Kunci : Point of Sale, Kasir, Warung Kopi

ix
 ABSTRACT

Alfeus Ocka Triyandi (12174361), Design of a Point of Sale (POS) Information

System for Web-Based Ara Coffee

The development of digitalization is so rapid in the modern era, this is because

technology makes it easier for people to carry out various types of activities, be it
commercial, work, education and so on. It is unavoidable that the development of this
era requires business actors and companies to increasingly adapt their sales activities
to developing technology. One of the technological developments that can be used by
business actors or companies to assist sales activities is the Point of Sale (POS)
application. Point of Sale or abbreviated as POS can be freely translated into a cashier
system, which is a sales-oriented activity. Ara Coffee is one of the coffee shops in which
the sales transaction process is still using the conventional method, be it manual sales
records and so on. From the number of transactions carried out, there are still no
activities that manage in more detail, making it difficult for the company to process the
transaction report recording, and this results in errors in processing data. This can be
anticipated by replacing conventional methods with more modern methods using
applications, especially web-based applications. Accessible to many devices and easy to
operate is one of the advantages of web-based applications.

Keywords: Point of Sale, Cashier, Coffee Shop

x
 DAFTAR SIMBOL

Notasi Keterangan
Entitas (entity) adalah sebuah objek
yang keberadaannya dapat dibedakan
terhadap objek lain

Relasi menunjukan adanya hubungan

antara sejumlah entitas yang berbeda.

Atribut mendeskripsikan karakter

entitas (atribut yang berfungsi sebagai
key diberi garis bawah).

Garis sebagai penghubung antara relasi

dengan entitas dan entitas dengan
atribut.

xi
 DAFTAR ISI

PERANCANGAN SISTEM INFORMASI POINT OF SALE (POS) PADA ARA

COFFEE BERBASIS WEB................................................................................................i

SURAT PERNYATAAN KEASLIAN TUGAS AKHIR.................................................ii

SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK

KEPENTINGAN AKADEMIS........................................................................................iii

PERSETUJUAN DAN PENGESAHAN TUGAS AKHIR..............................................iv

LEMBAR KONSULTASI TUGAS AKHIR.....................................................................v

KATA PENGANTAR.....................................................................................................vii

ABSTRAK........................................................................................................................ix

DAFTAR SIMBOL...........................................................................................................xi

DAFTAR ISI....................................................................................................................xii

DAFTAR GAMBAR.......................................................................................................xv

DAFTAR TABEL..........................................................................................................xvii

DAFTAR LAMPIRAN.................................................................................................xviii

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

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

1.2 Tujuan dan Manfaat.............................................................................................3

1.3 Metode Penelitian................................................................................................4

A. Metode Pengembangan Perangkat Lunak...........................................................4

B. Teknik Pengumpulan Data..................................................................................5

xii
 1.4 Ruang Lingkup....................................................................................................6

BAB II LANDASAN TEORI............................................................................................7

2.1 Konsep Dasar Web..............................................................................................7

2.1.1 Website.........................................................................................................7

2.1.2 Bahasa Pemrograman.................................................................................10

2.1.3 Basis Data...................................................................................................12

2.1.4 Model Pengembangan Perangkat Lunak....................................................14

2.2 Teori Pendukung................................................................................................15

2.2.1 Struktur Navigasi........................................................................................15

2.2.2 Entity Relationship Diagram (ERD)..........................................................16

2.2.3 Logical Record Structure (LRS)................................................................20

2.2.4 Implementasi dan Pengujian Web..............................................................20

BAB III PEMBAHASAN................................................................................................22

3.1 Tinjauan Perusahaan..........................................................................................22

3.1.1 Sejarah Perusahaan..........................................................................................22

3.1.2 Struktur Organisasi dan Fungsi........................................................................22

3.2 Analisis Kebutuhan............................................................................................24

3.3 Rancangan Dokumen.........................................................................................25

3.4 Entity Relationship Diagram (ERD)..................................................................27

3.5 Logical Record Structure (LRS)........................................................................28

3.6 Spesifikasi File..................................................................................................28

3.7 Pengkodean........................................................................................................34

3.8 Spesifikasi Program...........................................................................................35

xiii
 3.9 Implementasi.....................................................................................................37

3.10 Pengujian Unit...................................................................................................45

BAB IV PENUTUP.........................................................................................................46

4.1 Kesimpulan........................................................................................................46

4.2 Saran..................................................................................................................46

DAFTAR PUSTAKA......................................................................................................47

DAFTAR RIWAYAT HIDUP.........................................................................................51

SURAT KETERANGAN PKL........................................................................................52

LAMPIRAN – LAMPIRAN............................................................................................52

xiv
 DAFTAR GAMBAR

Gambar II. 1 Metode Perangkat Lunak Model Waterfall................................................30

Gambar II. 2 Entitas.........................................................................................................32

Gambar II. 3 Atribut.........................................................................................................32

Gambar II. 4 Atribut Key.................................................................................................33

Gambar II. 5 Atribut Multivalue......................................................................................33

Gambar II. 6 Atribut Composite......................................................................................33

Gambar II. 7 Atribut Derivatif.........................................................................................34

Gambar II. 8 Relasi..........................................................................................................34

Gambar III. 1 Struktur Organisasi....................................................................................38

Gambar III. 2 Entity Relationship Diagram.....................................................................42

Gambar III. 3 Logical Record Structure Diagram...........................................................43

Gambar III. 4 Halaman Login Admin dan Kasir............................................................52

Gambar III. 5 Halaman Dashboard Admin......................................................................52

Gambar III. 6 Halaman Data Pengguna...........................................................................53

Gambar III. 7 Halaman Data Supplier.............................................................................53

Gambar III. 8 Halaman Data Pelanggan..........................................................................54

Gambar III. 9 Halaman Data Kategori Produk................................................................54

Gambar III. 10 Halaman Data Satuan Produk..................................................................55

Gambar III. 11 Halaman Data Produk.............................................................................55

Gambar III. 12 Halaman Data Stok Masuk......................................................................56

xv
Gambar III. 13 Halaman Data Stok Keluar......................................................................56

Gambar III. 14 Halaman Data Laporan Stok Masuk.......................................................57

Gambar III. 15 Halaman Data Laporan Stok Keluar.......................................................57

Gambar III. 16 Halaman Transaksi..................................................................................58

Gambar III. 17 Halaman Dashboard Kasir.......................................................................58

Gambar III. 18 Halaman Transaksi Kasir........................................................................59

xvi
 DAFTAR TABEL

Tabel III. 1 Spesifikasi File Data Supplier.......................................................................46

Tabel III. 2 Spesifikasi File Data Pengguna.....................................................................46

Tabel III. 3 Spesifikasi File Data Produk.........................................................................47

Tabel III. 4 Spesifikasi File Kategori...............................................................................48

Tabel III. 5 Spesifikasi File Transaksi.............................................................................49

Tabel III. 6 Spesifikasi File Satuan..................................................................................49

Tabel III. 7 Spesifikasi File Stok Masuk..........................................................................50

Tabel III. 8 Spesifikasi File Stok Keluar..........................................................................51

Tabel III. 9 Black Box Testing Login..............................................................................61

xvii
DAFTAR LAMPIRAN

xviii
 BAB I

PENDAHULUAN

1.1 Latar Belakang

Pada era digitalisasi sekarang begitu banyak dijumpai teknologi-teknologi yang

semakin berkembang dimasyarakat. Tujuan dari teknologi tersebut tidak lain dan tidak

bukan adalah untuk membantu serta mempermudah masyarakat dalam menjalankan

berbagai jenis kegiatan, baik itu komersil, pekerjaan, pendidikan dan lain sebagainya.

Berbagai inovasi-inovasi dari teknologi tersebut juga dikembangkan agar tidak

ketinggalan dan semakin mengikuti perubahan zaman disetiap saat. Tidak dapat

dihindari bahwa perkembangan zaman tersebut menuntut para pelaku usaha beserta

perusahaan untuk semakin menyesuaikan kegiatan penjualan dengan teknologi yang

berkembang. Selain cepat dalam memperluas pasar penjualan, teknologi juga dapat

mendorong para pelaku usaha agar dengan mudah menjual produk-produk yang

ditawarkan terhadap konsumen. Salah satu perkembangan teknologi yang dapat

digunakan oleh pelaku usaha atau perusahaan dalam membantu kegiatan penjualan

adalah aplikasi Point of Sale (POS).

Hampir semua sektor industri perdagangan, khususnya kegiatan jual beli produk

dilakukan dengan menggunakan aplikasi Point of Sale atau disingkat POS dan dapat

diterjemahkan secara bebas menjadi sistem kasir, yaitu aktivitas yang ber-orientasi pada

penjualan yang terjadi pada bidang usaha retail. POS ini menjadi sangat penting karena

POS ini merupakan terminal tempat uang diterima dari pelanggan. Bagi pelaku usaha,

uang masuk adalah indikator yang paling mudah untuk mengukur pendapatan dalam
1
sebuah usaha. Selain itu, POS juga dapat menghitung total belanja, menampilkan arus

kas

2
 3

dan lain sebagainya sesuai dengan kebutuhan dari pelaku usaha. Semua hal tersebut

memiliki dampak yang positif untuk pelaku usaha dan konsumen. Bagi konsumen sudah

tidak perlu mengunggu lama jika pelaku usaha masih menggukan cara yang masih

konvensional dalam transaksi jual beli

Ara Coffee merupakan salah satu warung kopi yang dalam proses transaksi

penjualannya masih menggunakan cara konvensional, baik itu pencatatan penjualan yag

dilakukan secara manual dan sebagainya. Dari banyaknya transaksi yang dilakukan

masih belum adanya terjadi kegiatan yang mengelola secara lebih rinci sehingga

membuat perusahaan tersebut kesulitan dalam melaukan proses perekapan laporan

transaksi, dan hal tersebut mengakibatkan terjadi kesalahan dalam melakukan proses

pengolahan data. Dalam mengatasi hal tersebut, perlunya alat bantu/sarana memadai

yang dapat membantu memaksimalkan dan menyeimbangkan kegiatan transaksi

penjualan dan pencatatan, misalnya seperti alat pengolahan data berupa komputer

beserta perangkat pendukungnya, serta kemampuan sumber daya manusia dalam

pengoperasiannya yang dilakukan berbasis web.

Adapun rumusan masalah yang dihasilkan dalam permasalahan tersebut dan yang

akan dilakukan pada penulisan ini adalah bagaimana membuat Sistem Informasi Point

Of Sale (POS) pada Ara Coffee berbasis Web. Pembuatan Web ini diharapkan dapat

membantu pelaku usaha dalam mempermudaj proses transaksi penjualan dan rincian

terhadap pelaporann yang dihasilkan dari transaksi yang dilakukan.

 4

1.2 Tujuan dan Manfaat

A. Tujuan

1. Mengetahui bagaimana sistem pelaporan transaksi pada Ara Coffee yang sedang

berjalan.

2. Merancang aplikasi transaksi yang mempermudah dan mempercepat proses

penjualan.

3. Agar Penelitian yang dilakukan dapat bermanfaat bagi tenaga pelaku usaha dalam

mennyeimbangkan antara transaksi penjualan dan pelaporan yang lebih rinci.

B. Manfaat

1. Manfaat untuk penulis

1) Sebagai salah satu syarat kelulusan Tugas Akhir Program Diploma Tiga (DIII)

Program Studi Sistem Informasi di Universitas Bina Sarana Informatika (UBSI).

2. Manfaat untuk objek penelitian

1) Menghasilkan Aplikasi yang mudah digunakan baik untuk perusahaan, pelaku

usaha dan konsumen dalam melakukan transaksi jual beli.

2) Sebagai bahan evaluasi terhadap sistem berjalan yang sudah ada.

3. Manfaat untuk pembaca

1) Pembaca dapat mengetahui dan memahami tentang pembuatan Tugas Akhir.

2) Pembaca dapat memahami mengenai sistem Point of Sale (POS) berbais web pada

Ara Coffee.

3) Pembaca dapat menggunakan data sebagai dasar dalam menganalisa proses

transaksi dan pencatatan dari Ara Coffee.

 5

1.3 Metode Penelitian

Metode penelitian yang digunakan dalam penyusunan Tugas Akhir ini adalah

metode penelitian deskriptif, yaitu metode yang digunakan dalam menjelaskan informasi

mengenai suatu objek penelitian yang sedang berlangsung. Berikut ini adalah beberapa

pendapat para ahli mengenai metode deskriptif :

Menurut (Sukmadinata, 2017:44) Penelitian deskriptif adalah “suatu bentuk

penelitian yang ditujukan untuk mendeskripsikan fenomena-fenomena yang ada, baik

fenomena alamiah maupun fenomena buatan manusia yang bisa mencakup aktivitas,

karakteristik, perubahan, hubungan, kesamaan, dan perbedaan antara fenomena yang

satu dengan fenomena lainnya”.

Sedangkan menurut (Arikunto, 2019:03) penelitian deskriptif adalah “penelitian

yang dimaksudkan untuk menyelidiki keadaan, kondisi atau hal lain-lain yang sudah

disebutkan, yang hasilnya dipaparkan dalam bentuk laporan penelitian”.

A. Metode Pengembangan Perangkat Lunak

Metode pengembangan perangkat lunak yang digunakan adalah model waterfall,

Menurut (Sukamto & Shalahuddin, 2018:28), Model Waterfall adalah “model yang

menyediakan pendekatan alur hidup perangkat lunak secara sekuensial atau terurut

dimulai dari analisis, desain, pengodean, dan pengujian”. metode waterfall terbagi

menjadi 5 tahapan, yaitu :

1. Analisa Kebutuhan Perangkat Lunak

Pada tahap ini penulis menspesifikasikan kebutuhan yang dibutuhkan dalam

perancangan program aplikasi point of sale yaitu berupa hak akses pengguna, penjualan,

pembelian, stok barang, invoice, retur dan interface antar muka aplikasi.
 6

2. Desain

Pada tahapan desain, proses perancangan desain dilakukan dengan merancang Entity

Relationship Diagram (ERD), dan Logical Record Structure (LRS).

3. Pembuatan Kode Program

Pada tahap ini, semua rancangan desain di tranmisikan dan mulai pembuatan

program sesuai dengan rancangan desain yang telah dibuat. Kode program yang

digunakan adalah HTML, CSS, PHP dan JavaScript.

4. Pengujian

Setelah pembuatan kode program selesai dilakukan pengujian terhadap aplikasi yang

telah dibuat. Pengujian aplikasi yang dibuat menggunakan Black Box, dilakukannya

pengujian sampai tidak ditemukan kesalahan ataupun keluaran (output) yang diharapkan

sudah sesuai.

5. Pendukung atau Pemeliharaan

Pada tahap ini, dilakukan pengecekan kembali apakah terdapat bug atau error yang

terdapat pada aplikasi serta menambahkan beberapa fungsi baru sesuai dengan

kebutuhan aplikasi.

B. Teknik Pengumpulan Data

Adapun tahapan dalam teknik pengumpulan data adalah sebagai berikut :

1. Observasi

Observasi dilakukan dengan mendatangi Ara Coffee untuk melihat proses yang sedang

berjalan.
 7

2. Wawancara

Wawancara dilakukan dengan salah satu karyawan dan owner Ara Coffee. Wawancara

dilakukan dengan mengajukan beberapa pertanyaan untuk mengetahui bagaimana sistem

yang sedang berjalan, dan kendala-kendala yang dialami.

3. Studi Pustaka

Studi pustaka digunakan sebagai bahan acuan pembuatan Tugas Akhir ini dengan

membaca dan mempelajari beberapa buku dan jurnal yang berhubungan dengan masalah

yang dibahas dalam penelitian ini.

1.4 Ruang Lingkup

Dalam penulisan Tugas Akhir ini agar tidak menyimpang dari permasalahan,

dibuatlah batasan-batasan yaitu: dalam sistem yang dibangun menggunakan data sesuai

dengan kebutuhan pada Ara Coffee. Pada sistem ini terdapat 2 pengguna yaitu : admin

dan kasir. Admin pada sistem ini dapat mengelola semua data yang ada seperti, data

pengguna, data penjualan, data pelanggan, data kategori, data produk, data supplier, data

stok masuk, data stok keluar dan data laporan, sedangkan kasir pada sistem ini hanya

dapat mengelola data transaksi. Sistem ini dirancang dengan menggunakan bahasa

pemrograman HTML, CSS, JavaScript dan jQuery dalam pengembangan client-side dan

PHP dalam pengembangan server-side agar web yang dirancang terlihat dinamis,

aplikasi ini juga menggunakan framework codeigniter yang di integrasikan dengan

bootstrap agar mempermudah dan mempercepat pembangunan web dan webserver

menggunakan xampp.
 BAB II

LANDASAN TEORI

2.1 Konsep Dasar Web

Sebuah sistem memiliki konsep yang bertujuan untuk memperkuat sebuah

pernyataan dalam mendefinisikan sebuah teori. Berikut ini adalah beberapa pengertian

menurut para ahli yang berhubungan dengan penulisan Tugas Akhir ini.

2.1.1 Website

“Website merupakan lokasi yang akan digunakan untuk mengumpulkan berbagai

file halaman web yang terdiri dari gambar, CSS, audio dan sebagainya” (Ali & Septiani,

2016:82).

“Website merupakan sejumlah halaman web yang memiliki topik saling terkait

antara halaman yang satu dengan halaman yang lain, terkadang disertai pula dengan

gambar video, animasi, atau jenis-jenis objek lainnya” (Susilowati, 2019:36).

Dari pernyataan diatas dapat disimpulkan bahwa website adalah kumpulan

halaman berisi informasi dan dapat diakses menggunakan jaringan internet yang berisi

data teks maupun gambar.

A. Internet

“Internet merupakan sistem global jaringan komputer yang berhubungan

menggunakan standar Internet Protocol Suite (TCP/IP) untuk melayani milyaran

pengguna di seluruh dunia” (Husda & Wangdra, 2016:127).

8
 9

Internet adalah sebuah perpustakaan besar yang di dalamnya terdapat jutaan (bahkan

miliaran informasi atau data yang dapat berupa text, graphic, audio maupun informasi,

bentuk media elektronik” (Rusman, 2017:235).

Dari pendapat para ahli diatas dapat disimpulkan bahwa internet adalah sebuah

media berbasis jaringan yang dapat digunakan oleh pengguna dalam mengakses data

atau informasi secara luas.

B. WWW (World Wide Web)

“WWW adalah sekumpulan halaman yang terdiri dari beberapa halaman yang berisi

informasi dalam bentuk data digital baik berupa text, gambar, video, audio, dan animasi

lainnya yang disediakan melalui jalur koneksi internet”(Destiningrum & Adrian,

2017:32).

“Word Wide Web” atau yang dikenal juga dengan istilah web adalah suatu sistem

yang berkaitan dengan dokumen yang digunakan sebagai media untuk menampilkan

teks, gambar, multimedia dan lainnya pada jaringan internet” (Sibero, 2014:11).

World Wide Web dapat di katakan sebuah dokumen informasi berupa text, gambar,

audio maupun video yang mana dalam mengakses dokumen tersebut dibutuhkan

internet.

C. Web Browser

“Peramban web atau lebih dikenal dengan web browser merupakan perangkat lunak

yang berfungsi untuk menerima dan menyajikan sumber informasi di internet” (Solichin,

2016:9).
 10

“Web browser digunakan untuk menampilkan dan mengetes hasil program.

Beberapa script CSS3 dan HTML5 hanya support pada web browser tertentu dan tidak

support pada yang lain, sehingga lebih dari satu web browser akan lebih

baik”(Abdulloh, 2018:04).

Berdasarkan penjelasan diatas dapat ditarik kesimpulan bawha web browser adalah

sebuah software yang digunakan dalam mengakses dokumen yang terdapat pada world

wide web.

D. Web Server

“Web server merupakan perangkat lunak yang berfungsi untuk menerima

permintaan (request) melalui protocol HTTP atau HTTPS dari client kemudian

mengirimkan kembali dalam bentuk halaman-halaman website” (Abdulloh, 2018:04).

Web server adalah suatu perangkat lunak yang secara otomatis terinstal dalam

komputer milik server atau client untuk menerima permintaan dalam bentuk halaman

website melalui HTTP atau HTTPS dan kemudian dikirimkan kembali dalam bentuk

dokumen html” (Solichin, 2016:6) .

Menurut dua pendapat para ahli diatas dapat disimpulkan bawha web server

merupakan tempat tersimpannya dokumen HTML yang berjalan ketika terdapat

permintaan melalui protocol HTTP ataupun HTTPS.

E. Aplikasi

“Aplikasi adalah koleksi window dan objek-objek yang menyediakan fungsi untuk

aktivitas user, seperti pemasukan data, proses, dan pelaporan” (Chan, 2017:4).

“Website application atau aplikasi web adalah wadah sebuah pekerjaan dengan

menggunakan internet” (Rizkita et al., 2018).

 11

Penulis menyimpulkan berdasarkan dua pernyataan diatas bahwa aplikasi adalah

sebuah tempat terjadinya interaksi pengguna yang memiliki output dan input.

2.1.2 Bahasa Pemrograman

Bahasa pemrograman merupakan bahasa yang digunakan untuk menjalankan

sebuah perintah di komputer oleh seorang programmer untuk mengelola suatu

informasi. Bahasa pemrograman dalam Tugas Akhir ini berkaitan dengan beberapa

unsur seperti:

A. Hypertext Preprocessor (PHP)

“PHP atau Hypertext Preprocessor adalah bahasa pemrograman script server side

yang sengaja dirancang lebih cenderung untuk membuat dan mengembangkan web”

(Yudhanto & Prasetyo, 2019:9).

“PHP Hypertext Preprocessor adalah suatu bahasa scripting khususnya digunakan

untuk web development. PHP memiliki sifat server side scripting sehingga untuk

menjalankan PHP harus menggunakan web server” (Hidayatullah & Kawistara,

2017:223).

Berdasarkan pengertian diatas dapat ditarik kesimpulan bahwa Hypertext

preprocessor adalah sebuah bahasa yang berfungsi menerjemahkan suatu algoritma

kedalam komputer dalam pengembangan sebuah aplikasi berbasis website.

B. Hyper Text Markup Language (HTML)

“HTML (Hypertext Markup Language) merupakan bahasa pemrograman web yang

memberitahukan peramban web (web browser) bagaimana menyusun dan menyajikan

konten di halaman web” (Solichin, 2016:10).

 12

“HTML (Hypertext Markup Language) adalah “bahasa standar yang digunakan

untuk menampilkan halaman web”(Hidayatullah & Kawistara, 2017:15).

HTML menurut penulis berdasarkan dua pernyataan para ahli diatas adalah sebuah

bahasa standar dalam menampilkan sebuah informasi yang terdapat pada sebuah

website.

C. Cascading Style Sheets (CSS)

“CSS adalah suatu bahasa pemrograman web yang digunakan untuk mengendalikan

dan membangun berbagai komponen dalam web sehingga tampilan web akan lebih rapi,

terstruktur, dan seragam” (Wahyudi, 2017).

Sedangkan menurut (Hidayatullah & Kawistara, 2017:56) terdapat 4 cara untuk

menuliskan kode CSS ke dalam HTML, yaitu sebagai berikut:

1. Inline Style Sheet

Cara ini adalah menuliskan langsung script CSS ke dalam tag HTMLyang diinginkan.

Cara ini sebaiknya hanya digunakan jika ingin memformat suatu elemen satu kali saja.

2. Internal Style Sheet

Ini dilakukan dengan cara memasang kode CSS berada pada file HTML bersangkutan

namun diletakan khusus pada suatu tempat yaitu diantara tag <head> dan </head>.

3. Me-link ke External CSS

Kode CSS external ditulis dalam suatu file terpisah yang disimpan dengan ekstensi CSS.

Kemudian harus memanggil file CSS tersebut pada halaman web yang memerlukannya.

4. Import CSS File

Meng-import CSS kedalam suatu file CSS yang lain mernggunakan tag import.
 13

Berdasarkan penyataan diatas penulis menarik kesimpula bahwa CSS merupakan

sebuah komponen dalam pengembangan sebuah website agar terlihat lebih menarik dan

CSS juga memiliki banyak teknik dalam pengimplementasiannya.

D. jQuery

Menurut (Wahyudi, 2017) jquery merupakan “sekumpulan kode Javascript yang

dibuat dalam berbagai modul dan digunakan sesederhana mungkin”.

“jQuery merupakan suatu library JavaScript yang memungkinkan anda untuk

membuat program web pada suatu halaman web tanpa harus menambahkan event atau

pun property pada halam web tersebut” (Bekti, 2015:59).

Berdasarkan kesimpulan diatas jQuery dapat dikatakan merupakan sebuah kode yang

berfungsi memudahkan atau meringankan seorang perogrammer dalam membangun

sebuah aplikasi berbasis website dikarenkan dengan menggunakan kode tersebut tidak

perlu menggunakan kode program secara berulang.

E. Bootstrap

“Bootstrap sebuah pustakan open source yang merupakan framework CSS dan

javascript untuk membuat website yang responsif” (Heru, 2018:17).

“Bootstrap adalah paket aplikasi siap pakai untuk membuat front-end dari sebuah

website” (Subagja, 2018:53).

Bootstrap merupakan sebuah paket yang berisikan kumpulan kode – kode program

yang telah disediakan.

 14

2.1.3 Basis Data

“Database adalah kumpulan beberapa informasi secara sistematik yang mana

untuk memperoleh informasi tersebut harus menggunakan suatu software pada

computer”(Abdulloh, 2018:103).

“Sistem basis data adalah sistem terkomputerisasi yang tujuan utamanya adalah

memelihara data yang sudah diolah atau informasi tersedia saat dibutuhkan. Pada intinya

basis data adalah media untuk penyimpanan data agar dapat diakses dengan mudah dan

cepat”(A.S & Shalahuddin, 2018:28).

Basis data atau database adalah kumpulan record data yang berisi suatu informasi

yang digunakan untuk perintah tertentu dan tersimpan di dalam komputer.

A. Xampp

“XAMPP adalah sebuah software open source yang lahir dari pengembangan

software LAMPP (Linux, Apache, MySQL, PHP dan Perl)” (Purbadian, 2016:1).

Sejalan dengan pendapat tersebut dijelaskan juga oleh Aryanto bahwa Xampp

merupakan sebuah database software yang berisikan berbagai macam tools seperti:

Apache, HTTP, MySQL, database, bahasa pemrograman PHP dan Perl (Aryanto,

2016:04).

Berdasarkan dua pernyataan para ahli diatas ditarik sebuah kesimpulan bahwa

XAMPP adalah sebuah aplikasi yeng bersifat open source yang terdapat banyak tools

dalam membuat sebuah database.

B. Mysql

“Xampp merupakan sebuah software web server apache yang didalamnya sudah

tersedia database server MySQL dan support PHP programming” (Iqbal, 2019:15).
 15

“MySQL bekerja menggunakan SQL Languange (Structure Query Languange),

yang dapat diartikan bahwa MySQL merupakan standar penggunaan database di dunia

untuk pengolahan data. Kelebihan yang dimiliki MySQL yaitu bersifat open source,

yang memiliki kemampuan untuk dikembangkan lagi” (Wahyudi, 2017).

Berdasarkan penjelasan diatas dapat disimpulkan bawa Mysql adalah sebuah

database yang men-support sebuah aplikasi berbasis website.

2.1.4 Model Pengembangan Perangkat Lunak

“Model klasik yang bersifat sistematis, berurutan dalam membangun software.

Nama model ini sebenarnya adalah Linear Sequential Model” (Pressman, 2015:42).

Model pengembangan perangkat lunak model waterfall menurut (Sukamto &

Shalahuddin, 2018:29) terdapat lima tahapan sebagai berikut :

1. Analisa Kebutuhan Perangkat Lunak

Proses pengumpulan kebutuhan dilakukan secara intensif dan spesifik terhadap

kebutuhan perangkat lunak agar dapat dipahami perangkat lunak seperti apa yang

dibutuhkan oleh user. Spesifikasi kebutuhan perangkat lunak pada tahap ini perlu untuk

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 pengodean. Tahap ini mentranslasi 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.

 16

3. Pembuatan Kode Program

Desain harus ditranslasikan ke dalam program perangkat lunak. Hasil dari tahap ini

adalah program komputer sesuai dengan desain yang telah dibuat pada tahap desain.

4. Pengujian

Pengujian fokus pada perangkat lunak secara segi logika dan fungsional dan

memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk meminimalisir

kesalahan (error) dan memastikan keluaran yang dihasilkan sesuai dengan yang

diinginkan.

5. Pendukung (support) atau Pemeliharaan (maintenance)

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 tahap analisis spesifikasi untuk perubahan perangkat lunak

baru.

Sumber: (Sukamto & Shalahuddin, 2018:29)

Gambar II. 1 Metode Perangkat Lunak Model Waterfall
 17

2.1

2.2 Teori Pendukung

Beberapa terori pendukung dalam pembuatan Tugas Akhir ini adalah Struktur

Navigasi, ERD, LRS, dan implementasi dan pengujian web yang menjadi dasar

perancangan web pada penulisan Tugas Akhir ini.

2.2.1 Struktur Navigasi

Menentukan struktur navigasi sangat penting sebelum membuat sebuah website

agar pengunjung yang mengakses dapat dengan mudah menjelajahi web tersebut.

Menurut “Struktur Navigasi dapat diartikan sebagai alur dari suatu program yang

menggambarkan rancangan hubungan antara area yang berbeda sehingga memudahkan

proses pengorganisasian seluruh elemen-elemen website” (Ardiansyah, 2016:61).

(Binanto, 2010:268) terdapat empat struktur dasar yang digunakan, yaitu sebagai

berikut:

1. Linier

Pengguna akan melakukan navigasi secara berurutan dari frame atau byte informasi

yang satu ke yang lainnya.

2. Hierarki

Struktur dasar ini disebut juga struktur “linear dengan percabangan” karena pengguna

melakukan navigasi disepanjang cabang pohon struktur yang terbentuk oleh logika isi.

3. Non-Linier

Pengguna akan melakukan navigasi dengan bebas melalui isi proyek dengan tidak terkait

dengan jalur yang sudah ditentukan sebelumnya.

4. Komposit
 18

Pengguna akan melakukan navigasi dengan bebas (secara nonlinear), tetapi terkadang

dibatasi presentasi linear film atau informasi penting dan atau pada data yang paling

terorganisasi secara logis pada suatu hierarki.

2.2.2 Entity Relationship Diagram (ERD)

“ERD adalah suatu diagram untuk menggambarkan desain konseptual dari model

konseptual sauatu basis data relasional. ERD juga merupakan gambaran yang

merelasikan antara objek yang satu dengan objek yang lain dari objek di dunia nyata

yang sering dikenal dengan hubungan antar entitas” (Roby, 2016:32).

”Entity Relationship Diagram (ERD) adalah model yang banyak digunakan

dalam permodelan basis data, ERD dikembangkan berdasarkan teori himpunan dalam

bidang matematika” (Rosa & Shalahuddin, 2018).

Dalam menggambarkan Entitiy Relationship Diagram (ERD) terdapat beberapa

komponen yang digunakan (Rosa & Shalahuddin, 2018), yaitu sebagai berikut:

1. Entitas

Entitas adalah simbol yang menggambarkan sebuah objek yang berbeda antara satu

dengan yang lain. Entitas digambarkan dengan simbol persegi panjang.

Sumber : (Rosa & Shalahuddin, 2018)

Gambar II. 2 Entitas

2. Atribut

Atribut merupakan keterangan dalam mendeskripsikan sebuah entitas. Atribut

digambarkan dengan simbol ellipse.

 19

Sumber : (Rosa & Shalahuddin, 2018)

Gambar II. 3 Atribut

Atribut terdiri dari beberapa jenis antara lain sebagai berikut:

1) Atribut Key

Atribut key adalah gabungan dari beberapa atribut yang membedakan sebuah baris

data dalam tabel dan tidak mempunyai nilai yang sama dengan baris data yang

lainnya.

Sumber : (Rosa & Shalahuddin, 2018)

Gambar II. 4 Atribut Key

2) Atribut Simple

Atribut simple adalah atribut yang tidak dapat dipecah atau dipilah lagi.

3) Atribut Multivalue

Atribut multivalue adalah atribut yang mempunyai banyak nilai yang berhubungan

dengan atribut tersebut.

Sumber : (Rosa & Shalahuddin, 2018)

Gambar II. 5 Atribut Multivalue

4) Atribut Composite
 20

Atribut Composite adalah atribut yang dapat di pecah menjadi beberapa sub atribut

yang lebih kecil.

Sumber : (Rosa & Shalahuddin, 2018)

Gambar II. 6 Atribut Composite

5) Atribut Derivatif

Atribut derivatif adalah atribut yang yang berasal dari hubungan antara atribut yang

satu dan yang lainnya. Atribut derivatif tidak harus disimpan ke dalam database.

Sumber : (Rosa & Shalahuddin, 2018)

Gambar II. 7 Atribut Derivatif

3. Relasi

Relasi adalah hubungan antara entitas yang berbeda. Relasi disimbolkan dengan gambar

belah ketupat.

Sumber : (Rosa & Shalahuddin, 2018)

Gambar II. 8 Relasi
 21

4. Kardinalitas

Derajat relasi atau kardinalitas adalah hubungan maksimal antara entitas satu dengan

entitas yang lainnya. Terdapat beberapa jenis kardinalitas yaitu sebagai berikut:

1) One to one (1:1)

Setiap entitas pada himpunan entitas A hanya dapat berhubungan dengan satu entitas

pada satu entitas himpunan B dan dapat berlaku sebaliknya.

2) One to many (1:M)

Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada

himpunan entitas B tetapi tidak berlaku sebaliknya.

3) Many to many (M:M)

Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada

himpunan entitas B dan berlaku sebaliknya.

2.2.3 Logical Record Structure (LRS)

“Logical Record Structure (LRS) merupakan hasil dari pemodelan entity

relationship (ER) beserta atributnya sehingga bisa terlihat hubungan hubungan antar

entitas” (Junaidi, 2016).

“Logical Record Structure (LRS) adalah representasi dari struktur record - record

pada tabel-tabel yang terbentuk dari hasil relasi antar himpunan entitas” (Fridayanthi,

2016).

Berdasarkan penjelasan para ahli bahwa Logical Record Structure adalah

kelanjutan dari Entity Relationship Diagram yang diubah menggunakan aturan yang

berlaku.
 22

2.2.4 Implementasi dan Pengujian Web

“Pengujian digunakan untuk mengetahui program yang digunakan sudah berjalan

secara maksimal. Sebelum informasi dijalankan hal yang pertama dilakukan adalah

menjalankan informasi tersebut di server local yaitu localhost” (Hikmah, 2015:5).

“Black Box Testing (pengujian kotak hitam) adalah tipe testing yang

memperlakukan perangkat lunak yang tidak diketahui kinerja internalnya, sehingga para

tester memandang perangkat lunak seperti layaknya sebuah kotak hitam yang tidak

penting dilihat isinya, tapi cukup dikenali proses testing di bagian luar” (Rizky,

2011:265).

Beberapa teknik testing yang tergolong dalam tipe Black Box Testing menurut

(Rizky, 2011:265) antara lain:

1. Equivalence Partitioning

Pada teknik ini, tiap input data dikelompokkan ke dalam grup tertentu, yang kemudian

dibandingkan output.

2. Boundary Value Analysis

Pada teknik Boundary Value Analysis, dilakukan input yang melebihi batasan sebuah

data, contohnya untuk sebuah input harga barang, maka dapat dilakukan testing dengan

menggunakan angka negatif yang tidak diperbolehkan dalam sebuah harga. Jika

perangkat lunak berhasil mengatasi input yang salah tersebut, maka dapat dikatakan

teknik ini telah selesai dilakukan.

3. Cause Effect Graph

 23

Dalam teknik ini, dilakukan proses testing yang menghubungkan sebab dari sebuah

input dan akibatnya pada output yang dihasilkan.

 BAB III

PEMBAHASAN

3.1 Tinjauan Perusahaan

Ara Coffee merupakan warung kopi yang terletak di Jalan Ampera No.2, Kelurahan

Sungai Bangkong, Kecamatan Pontianak Kota, Kota Pontianak, Kalimantan Barat

78113.

3.1.1 Sejarah Perusahaan

Sejarah berdirinya ara coffee, berawal dari Ari Argianto yang mempunyai rencana

membuka sebuah usaha. setelah berpikir panjang akhirnya ari memutuskan untun

membuka usaha yaitu sebuah cafe. Bersamaan dengan rencana trsbut, ia berencana

mengajak 2 teman untuk membuka usaha bersama yang sudah di rencanakannya, akhir

nya bertemu dengan aliong dan rico yang kemudian menyetujui dan ikut serta pada ide

membuka cafe tsb. pada awal oktober hingga awal november 2021 mereka

mempersiapkan segala sesuatu yang dibutuhkan untuk membuka cafe mulai dari tempat

usaha hingga kebutuhan cafe. dan akhirnya selesai mempersiapkannya di awal november

dan mulai buka cafe pada tgl 11 november 2021.

3.1.2 Struktur Organisasi dan Fungsi

Setiap perusahaan atau institusi pasti selalu memiliki struktur organisasi. Struktur

organisasi memiliki peran dalam menjalankan aktifitas sehari-hari. Struktur organisasi

yang terdapat pada Ara Coffee adalah sebagai berikut:

24
 25

A. Struktur Organisasi

Sumber : Ara Coffee

Gambar III. 1 Struktur Organisasi

B. Fungsi

1) Manajer

(a) Merancang rencana marketing Ara Coffee

(b) Melakukan pelatihan kepada karyawan baik barista, waiter, dan kasir

(c) Melakukan promosi dan mengupdate feed di Instagram Ara Coffee

(d) Mengawasi semua karyawan yang ada di Ara Coffee

2) Sekretaris

(a) Merekap transaksi setiap hari, bulan, dan tahun

(b) Mendata stok barang terutama perlengkapan kopi yang berkurang

(c) Mencatat pengeluaran baik pengeluaran rutin maupun pengeluaran tak terduga

(d) Mendata dan merekap absensi karyawan

3) Bendahara

(a) Melakukan pembayaran biaya operasional rutin Ara Coffee

(b) Membuat laporan keuangan bulanan dan tahunan Ara Coffee

 26

(c) Melakukan penyetoran pemasukan ke Bank

4) Barista

(a) Membuat pesanan sesuai dengan pesanan pelanggan

(b) Melaporakan kerusakan pada peralatan kopi

5) Waiter

(a) Mendata pesanan yang dipesan oleh pelanggan

(b) Menjawab pertanyaan pelanggan mengenai pesanan

6) Kasir

(a) Mengelola pesanan pelanggan menjadi bill pembayaran

(b) Menerima uang pembayaran pesanan pelanggan

3.2 Analisis Kebutuhan

A. Kebutuhan Pengguna

Dalam website yang dirancang terdapat dua pengguna yang dapat saling berinteraksi

dalam sistem, yaitu: Bagian admin, dan Bagian Kasir. Kedua user tersebut memiliki hak

akses yang berbeda, seperti berikut:

A1 Skenario Kebutuhan Bagian Admin

a) Melakukan Login

b) Mengelola data katgori

c) Mengelola data satuan

d) Mengelola data produk

e) Mengelola data pelanggan

f) Mengelola data penguna

g) Mengelola data supplier

 27

h) Mengelola stok masuk

i) Mengelola stok keluar

j) Melakukan transaksi

k) Melihat laporan

A2 Skenario Kebutuhan Bagian Kasir

a) Melakukan login

b) Mengelola transaksi

B. Kebutuhan Sistem

a) Admin dan Kasir Harus melakukan login terlebih dahulu untuk dapat mengakses

aplikasi ini dengan memasukan username dan password

b) Pengguna harus melakukan logout setelah selesai menggunakan sistem ini

c) Sistem melakukan penyimpanan data

d) Sistem melakukan pengunduhan

e) Sistem melakukan penghapusan data

f) Sistem melakukan perubahan data

3.3 Rancangan Dokumen

A. Dokumen Masukan

1. Nama Dokumen : Form Supplier

Fungsi : Untuk Menambah Data Supplier

Sumber : Admin

Tujuan : Admin

Media : Layar

Jumlah :-
 28

Frekuensi : Setiap Melakukan Penambahan

2. Nama Dokumen : Form Kategori

Fungsi : Untuk Menambah Data Kategori

Sumber : Admin

Tujuan : Admin

Media : Layar

Jumlah :-

Frekuensi : Setiap Melakukan Penambahan

3. Nama Dokumen : Form Produk

Fungsi : Untuk Menambah Data Produk

Sumber : Admin

Tujuan : Admin

Media : Layar

Jumlah :-

Frekuensi : Setiap Melakukan Penambahan

4. Nama Dokumen : Form Pengguna

Fungsi : Untuk Menambah Data Pengguna

Sumber : Admin

Tujuan : Admin

Media : Layar

Jumlah :-

Frekuensi : Setiap Melakukan Penambahan

 29

B. Dokumen Keluaran

Nama Dokumen : Bukti Transkasi

Fungsi : Untuk Mengetahui Transaksi

Sumber : Kasir

Tujuan : Pembeli

Media : Layar

Jumlah :-

Frekuensi : Setiap Melakukan Transaksi

3.4 Entity Relationship Diagram (ERD)

Sumber : Penelitian 2021

Gambar III. 2 Entity Relationship Diagram
 30

3.5 Logical Record Structure (LRS)

Sumber : Penelitian 2021

Gambar III. 3 Logical Record Structure Diagram

3.6 Spesifikasi File

1. Spesifikasi file Supplier

Nama File : Tabel Data Supplier

Akronim : supplier

Fungsi : Untuk Mengelola Data

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 381 Byte

Kunci Field : id

Software : mysql
 31

Tabel III. 1 Spesifikasi File Data Supplier

Sumber : Penelitian 2021
Elemen
No Akronim Tipe Panjang Keterangan
Data
Primary
1. Id Supplier id Int 11
Key
Varcha
2. Nama nama 255  
r
Varcha
3. Alamat alamat 100  
r
Varcha
4. Telepon telepon 15  
r
5. Keterangan keterangan Text  

2. Spesifikasi file Pengguna

Nama File : Tabel Data Pengguna

Akronim : pengguna

Fungsi : Untuk Mengelola Data

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 367 Byte

Kunci Field : id_pengguna

Software : mysql

Tabel III. 2 Spesifikasi File Data Pengguna

Sumber : Penelitian 2021
Panjan
No Elemen Data Akronim Tipe Keterangan
g
1. Id_Pengguna id Int 11 Primary Key
Varcha
2. Nama nama 255  
r
3. Username username Varcha 50  
 32

r
Varcha
4. Password password 50  
r
5. Role role Char 1  

3. Spesifikasi file Produk

Nama File : Tabel Data Produk

Akronim : produk

Fungsi : Untuk Mengelola Data

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 338 Byte

Kunci Field : id

Software : mysql

Tabel III. 3 Spesifikasi File Data Produk

Sumber : Penelitian 2021
Panjan
No Elemen Data Akronim Tipe Keterangan
g
1. Id Produk id Int 20 Primary Key
Varcha
2. Nama Produk nama_produk 255  
r
3. Stok stok Int 11  
4. Harga harga Varhar 10  
Varcha
5. Kode Produk kode 10
r
Varcha
6. Produk Terjual terjual 10
r
7. Id kategori kategori Int 11 Foreign Key 
 33

8. Id Satuan satuan Int 11 Foreign Key

4. Spesifikasi file Kategori

Nama File : Tabel Data Kategori

Akronim : kategori

Fungsi : Untuk Mengelola Data

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 61 Byte

Kunci Field : id_kategori

Software : mysql

Tabel III. 4 Spesifikasi File Kategori

Sumber : Penelitian 2021
Panjan
No Elemen Data Akronim Tipe Keterangan
g
1. Id Kategori id_kategori int 11 Primary Key
Varcha
2. Nama Kategori nama_kategori 50  
r

5. Spesifikasi file Transaksi

Nama File : Tabel Data Transaksi

Akronim : transaksi

Fungsi : Untuk Mengelola Transaksi

Tipe File : File Master

Organisasi File : Index Sequential

 34

Akses File : Random

Media : Hard Disk

Panjang Record : 83 Byte

Kunci Field : id

Software : mysql

Tabel III. 5 Spesifikasi File Transaksi

Sumber : Penelitian 2021

No Elemen Data Akronim Tipe Panjang Keterangan

1. Id Transaksi id int 11 Primary Key
Datetim
2. Tanggal tanggal  
e
3. Kode Produk kode Varchar 10
4. Kuantitas qty Varchar 10
5. Total Bayar total_bayar Varchar 10
6. Jumlah Uang jumlah_uang Varchar 10
7. Diskon diskon Varchar 10
8. Id Pelanggan pelanggan Int 11 Foreign Key
9. Id Pengguna kasir Int 11 Foreign Key

6. Spesifikasi file Satuan

Nama File : Tabel Data Satuan

Akronim : satuan

Fungsi : Untuk Mengelola Data

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

 35

Media : Hard Disk

Panjang Record : 61 Byte

Kunci Field : id

Software : mysql

Tabel III. 6 Spesifikasi File Satuan

Sumber : Penelitian 2021
Panjan
No Elemen Data Akronim Tipe Keterangan
g
1. Id Satuan id_satuan int 11 Primary Key
Varcha
2. Nama Satuan satuan 50  
r

7. Spesifikasi file Stok Masuk

Nama File : Tabel Data Stok Masuk

Akronim : stok_masuk

Fungsi : Untuk Melihat Data

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 53 Byte

Kunci Field : id

Software : mysql

Tabel III. 7 Spesifikasi File Stok Masuk

Sumber : Penelitian 2021
Panjan
No Elemen Data Akronim Tipe Keterangan
g
1. Id Stok Masuk id Int 11 Primary Key
2. Tanggal tanggal Datetim  
 36

e
3. Kode Produk kode Int 11
4. Jumlah jumlah Varchar 10
5. Keterangan keterangan Varchar 10
6. Id Supplier supplier Int 11 Foreign Key

8. Spesifikasi file Stok Keluar

Nama File : Tabel Data Stok Keluar

Akronim : stok_keluar

Fungsi : Untuk Melihat Data

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 42 Byte

Kunci Field : id

Software : mysql

Tabel III. 8 Spesifikasi File Stok Keluar

Sumber : Penelitian 2021
Panjan
No Elemen Data Akronim Tipe Keterangan
g
1. Id Stok Keluar id Int 11 Primary Key
Datetim
2. Tanggal tanggal  
e
3. Kode Produk kode Int 11
4. Jumlah jumlah Varchar 10
5. Keterangan keterangan Varchar 10

3.7 Pengkodean

1. Id Pengguna
 37

2. Kode Produk

3.8 Spesifikasi Program

Spesifikasi program yang digunakan pada website sebagai berikut:

1. Spesifikasi Hardware

A. Server

1) CPU
 38

(a) Processor Pentium® Core 2 Duo

(b) RAM DDR2 4 GB

(c) Hard Disk 500 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi internet dengan kecepatan 2 Mbps.

B. Client

1) CPU

(a) Processor Pentium® 4

(b) RAM DDR2 1GB

(c) Hard Disk 20 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi internet dengan kecepatan 56 kbps.

2. Spesifikasi Software

A. Server

1) Sistem Operasi : Windows 10

2) Text Editor : Atom

3) Bahasa Script : PHP, HTML, CSS

4) Web Server : Xampp

5) Web Browser : Mozila Firefox dan Google Chrome

 39

B. Client

1) Sistem Operasi : Microsoft Windows

2) Web Browser : Mozila Firefox dan Google Chrome

3.9 Implementasi

Sumber: Penelitian 2021

Gambar III. 4 Halaman Login Admin dan Kasir
 40

Sumber: Penelitian 2021

Gambar III. 5 Halaman Dashboard Admin

Sumber: Penelitian 2021

Gambar III. 6 Halaman Data Pengguna
 41

Sumber: Penelitian 2021

Gambar III. 7 Halaman Data Supplier

Sumber: Penelitian 2021

Gambar III. 8 Halaman Data Pelanggan
 42

Sumber: Penelitian 2021

Gambar III. 9 Halaman Data Kategori Produk

Sumber: Penelitian 2021

Gambar III. 10 Halaman Data Satuan Produk
 43

Sumber: Penelitian 2021

Gambar III. 11 Halaman Data Produk

Sumber: Penelitian 2021

Gambar III. 12 Halaman Data Stok Masuk
 44

Sumber: Penelitian 2021

Gambar III. 13 Halaman Data Stok Keluar

Sumber: Penelitian 2021

Gambar III. 14 Halaman Data Laporan Stok Masuk
 45

Sumber: Penelitian 2021

Gambar III. 15 Halaman Data Laporan Stok Keluar

Sumber: Penelitian 2021

Gambar III. 16 Halaman Transaksi
 46

Sumber: Penelitian 2021

Gambar III. 17 Halaman Dashboard Kasir

Sumber: Penelitian 2021

Gambar III. 18 Halaman Transaksi Kasir
 47

3.10 Pengujian Unit

Tabel III. 9 Black Box Testing Login

Sumber : Penelitian 2021
Hasil
No Skenario Pengujian Test Case Hasil Yang Diharapkan Kesimpulan
Pengujian

Sistem akan menolak dan

Username dan Username:
menampilkan pesan Sesuai
1 Password tidak diisi (kosong)Password: Valid
username atau password Harapan
kemudian klik Login (kosong)
salah

Username diisi dan Sistem akan menerima

Username:(admin) Sesuai
2 Password tidak diisi akses login dan Valid
Password:(kosong) Harapan
kemudian klik Login menampilkan menu utama

Sistem akan menolak dan

Username tidak diisi
Username:(kosong) menampilkan pesan Sesuai
3 dan Password diisi Valid
Password:(admin) username atau password Harapan
kemudian klik Login
salah
 48

Mengetikan salah satu

Username:admin(be Sistem akan menolak dan
kondisi salah pada
nar) menampilkan pesan Sesuai
4 Username atau Valid
Password:user(salah username atau password Harapan
Password kemudian
) salah
klik Login

Mengetikan Username Username:admin(be

Sistem akan menerima
atau Password dengan nar) Sesuai
5 akses login dan Valid
benar kemudian klik Password:admin(be Harapan
menampilkan menu utama
Login nar)
 BAB IV

PENUTUP

4.1 Kesimpulan

Dengan selesainya penulisan tugas akhir ini yang berjudul” PERANCANGAN

SISTEM INFORMASI POINT OF SALE (POS) PADA ARA COFFEE BERBASIS

WEB” didapatkan beberapa kesimpulan berdasarkan penelitian yang telah dilakukan.

Kesimpulan yang dapat ditarik dari penelitian tugas akhir ini adalah sebagai berikut:

1. Dengan menggunakan sistem yang berbasis website transaksi jual beli dapat

memudahkan kasir dan admin dalam melakukan transaksi karena dapat otomatis

melakukan penyesuaian dengan database produk terbaru.

2. Dengan menggunakan sistem yang terintegrasi memudahkan dalam membuat

laporan dikarenkan dapat dengan otomatis membuat laporan keuangan dan

penyesuaian dengan stok yang tersedia.

4.2 Saran

Dalam perancangan sistem yang telah dibuat ini masih jauh dari sempurna, oleh

karena itu masih banyak yang harus dikembangkan dalam aplikasi ini, untuk itu penulis

memberikan beberapa saran antara lain:

1. Untuk meningkatkan kinerja serta mengembangkan aplikasi ini, maka sebaiknya

dilakukan pengembangan aplikasi mulai dari tampilan dan kegunaan fungsi yang

lebih komplit kedepannya.

2. Diharapkan untuk mencadangkan backup file untuk mencegah apabila terjadi

kesalahan pada aplikasi.

49
 DAFTAR PUSTAKA

A.S, R., & Shalahuddin, M. (2018). Rekayasa Perangkat Lunak Terstruktur dan

Berorientasi Objek. Informatika.

Abdulloh, R. (2018). 7 in 1 Pemrograman Web Untuk Pemula : Cara cepat dan efektif

menjadi web programer. PT Elex Media Komputindo.

Ali, M., & Septiani, N. A. (2016). Perancangan Sistem Informasi Akademik

Menggunakan Metode Waterfall Studi Kasus: Madrasahaliyah Al- Mansyuriyah

Kanza Mekarjaya Tangerang. Jurnal Techno Nusa Mandiri, XIII(2), 1978–2136.

http://ejournal.nusamandiri.ac.id/index.php/techno/article/view/209

Arikunto, S. (2019). Prosedur Penelitian Suatu Pendekatan Praktik. Rineka Cipta.

Aryanto. (2016). Pengolahan Database MySQL Tigkat Dasar/Pemula. CV Budi Utama.

Bekti, H. B. (2015). Mahir Membuat Website Dengan Adobe Dreamweaver CS6, CSS,

Dan Jquery. In Yogyakarta: Andi.

Chan, S. (2017). Membuat Aplikasi Database dengan PowerBuilder 12.6 dan MySQL.

Elex Media Komputindo.

Destiningrum, M., & Adrian, Q. J. (2017). Sistem Informasi Penjadwalan Dokter

Berbassis Web Dengan Menggunakan Framework Codeigniter (Studi Kasus:

Rumah Sakit Yukum Medical Centre). Jurnal Teknoinfo.

https://doi.org/10.33365/jti.v11i2.24

Dr. Rusman. (2017). Belajar & Pembelajaran: Berorientasi Standar Proses Pendidikan.

In PT Kharisma Putra Utama. https://doi.org/JFDS354 [pii]\r10.1111/j.1750-

3841.2007.00354.x

50
Fridayanthi, E. W. (2016). Rancang Bangun Sistem Informasi Permintaan Atk Berbasis

Intranet (Studi Kasus: Kejaksaan Negeri Rangkasbitung). Khatulistiwa Informatika,

IV(2), 126–138. https://ejournal.bsi.ac.id/ejurnal/index.php/khatulistiwa/article/

view/1264

Heru, S. (2018). Coding Mudah dengan CodeIgniter, JQuery, Bootstrap, dan Datatable.

In Coding Mudah dengan CodeIgniter, JQuery, Bootstrap, dan Datatable.

Hidayatullah, P., & Kawistara, J. K. (2017). Pemrograman WEB. Informatika.

Husda, N. E., & Wangdra, Y. (2016). Pengantar Teknologi Informasi. Baduose Media.

Hutahaean, J. (2014). Konsep Sistem Informasi. In Yogyakarta: Deepublish.

Hutahaean, J. (2018). Konsep Sistem Informasi. Deepublish.

Iqbal, M. (2019). 5 Jam Belajar PHP MySQL Dengan Dreamweaver CS3. Deepublish.

Jogiyanto, H. (2017). Analisis & Desain Sistem Informasi : Pendekatan Terstruktur

Teori dan Praktek Aplikasi Bisnis. In Andi.

Junaidi, A. (2016). Dashboard Sistem Informasi Support Maintenance ( Studi Kasus : Pt

Polyta Global Mandiri ). Indonesian Journal on Computer and Information

Technology, 1(1), 17–26.

http://ejournal.bsi.ac.id/ejurnal/index.php/ijcit/article/download/414/315

Mulyani, S. (2016). Metode Analisis dan Perancangan Sistem. Abdi Sistematika.

Permana, S., & Faisal, H. D. (2015). Analisa Dan Perancangan Aplikasi Point Of Sale

(POS) Untuk Mendukung Manajemen Hubungan Pelanggan. Jurnal Teknologi

Informasi Dan Ilmu Komputer, 2(1), 20. https://doi.org/10.25126/jtiik.201521124

Pressman, R. S. (2015). Rekayasa Perangkat Lunak. Andi.

Purbadian, Y. (2016). Trik Cepat Membangun Aplikasi Berbasis Web Dengan

51
 Framework Codelgniter. Andi.

Rizkita, N., Rosely, E., & Nugroho, H. (2018). Aplikasi Pendaftaran dan Transaksi

Pasien Klinik Hewan di Bandung Berbasis Web. EProceedings of Applied Science,

4(3), 1512–1520.

Roby, Y. (2016). Manajemen Basis Data Menggunakan MySQL. Deepublish.

Sagita, sugiarto. (2016). Penerapan Metode Waterfall Pada Sistem Informasi Penjualan

Furniture Berbasis Web. On Networking and Security, 5(4), 13.

https://www.cliffedekkerhofmeyr.com/export/sites/cdh/en/practice-areas/

downloads/Employment-Strike-Guideline.pdf

Sibero. (2014). Wolrd Wide Web. Web Programming Power Pack.

Solichin, A. (2016). Pemrograman Web dengan PHP dan MySQL. Budi Luhur.

Subagja, A. (2018). Membangun Aplikasi Web dengan Metode OOP. In Membangun

Aplikasi Web dengan Metode OOP.

Sukamto, & Shalahuddin, M. (2018). Rekayasa Perangkat Lunak. In Informatika

Bandung.

Sukmadinata, N. S. (2017). Metode Penelitian Pendidikan. PT Remaja Rosdakarya.

Susilowati, Y. (2019). Modul E-Commerce - Teaching Factory For Students. Mutiara

Publisher.

Sutabri, T. (2016). Sistem Informasi Manajemen. Andi.

Syarifudin, G., & Kosasi, S. (2015). Perancang Aplikasi Point Of Sale Dalam

Pemesanan Menu Restoran. Seminar Nasional Teknologi Informasi Dan

Multimedia 2015, 7, 409–414.

http://www.jurnal.stmikpontianak.ac.id/file/GUSTI_SYARIFUDIN_SANDY_KOS

52
 ASI_-_KNSI_2015.pdf

Wahyudi, T. (2017). Rancang Bangun Sistem Informasi Pondok Pesantren (Studi Kasus

Darul Abror Watumas). Simposium Nasional Ilmu Pengetahuan Dan Teknologi

(SIMNASIPTEK) 2017, 1(1), 23–30.

Yudhanto, Y., & Prasetyo, H. A. (2019). Mudah Menguasai Framework Laravel. PT

Elex Media Komputindo.

53
 DAFTAR RIWAYAT HIDUP

I. Biodata Mahasiswa

NIM : 12174361

Nama Lengkap : Alfeus Ocka Triyandi

Tempat Tanggal Lahir : Kuala Dua, 7 Oktober 1999

Alamat Lengkap : Jalan Karya, Komplek Harmony Park Residence No.F8.

Kabupaten Kubu Raya, Kalimantan Barat

II. Pendidikan

a. Formal

1. SD Negeri 01 Tayan Hulu Lulus Pada Tahun 2011

2. SMP Sugiyopranoto Sanggau Lulus Pada Tahun 2014

3. SMA Santo Paulus Pontianak Lulus Pada Tahun 2017

4. Universitas Bina Sarana Informatika Masuk Pada Tahun 2017 - Sekarang

III. Pengalaman Magang

1. Coffee Shop Landica

Pontianak, 06 januari 2022

Hormat Saya,

Alfeus Ocka Triyandi

54
LAMPIRAN – LAMPIRAN

SURAT KETERANGAN PKL

55
56
57
58