BAB 1

PENDAHULUAN

1.1. Latar belakang

Penggunaan komputer pada saat ini merupakan suatu kebutuhan setiap instansi
atau perusahaan. Kemajuan suatu instansi atau perusahaan dapat dilihat dari
bagaimana memanfaatkan teknologi computer sebagai alat bantu dalam
menyelesaikan masalah. Hal tersebut sangat menunjang dalam pengoperasian suatu
instansi atau perusahaan baik skala kecil, menengah maupun perusahaan besar dalam
persaingan bisnis yang semakin ketat.

Salah satu aspek penting untuk mendukung kelangsungan perkembangan suatu

intansi adalah penerapan teknologi dengan penggunaan aplikasi untuk dapat mencatat
transaksi dan mengelolah laporan. Dalam hal ini aplikasi yang dimaksud adalah
aplikasi kasir dan aplikasi untuk mengelolah hasil laporan di Toko Bintang yang
beralamat di Jln. Opi 5 blok I no 01 Jakabaring Palembang

Aplikasi kasir dan laporan ini dibangun berdasarkan analisis kebutuhan dari
pemilik Toko Bintang. Aplikasi ini dibangun dengan menggunakan bahasa
pemrograman PHP, serta menggunakan Database MySql. Bahasa pemrograman ini
dipilih karena menyesuaikan kebutuhan aplikasi untuk kasir itu sendiri serta
keterbatasan beberapa sumber daya.

Hasil dari perancangan aplikasi ini diharapkan dapat membantu memudahkan

kinerja Toko Bintang untuk kebutuhan sehari-hari, dan untuk mengimbangi kemajuan
di era globalisasi ini. Daripada mengolah dan mencatat transaksi dengan cara manual,
maka aplikasi ini adalah solusi terbaik untuk mengatasinya.
1.2. Rumusan Masalah

Berdasarkan latar belakang yang telah diuraikan, maka dapat dirumuskan

permasalahannya adalah bagaimana merancang dan membangun aplikasi kasir dan
pelaporan berbasis website dengan menggunakan bahasa pemrograman PHP dan
database MySQL.

1.3. Batasan Masalah

Agar penelitian dalam tugas akhir ini lebih terarah dan mempermudah dalam
pembahasan, maka perlu adanya pembatasanan masalah, yang meliputi:
1. Sistem kasir berbasis desktop ini dirancang dengan bahasa pemrograman PHP
dan database MySQL.
2. Fitur sistem terdiri dari kasir dan admin.
3. Server yang digunakan pada tahap pengujian dan penerapan adalah localhost.

1.4. Manfaat Penelitian

Manfaat dari penelitian ini antara lain :

Bagi Mahasiswa
1. Sebagai sarana untuk penerapan ilmu yang diperoleh selama menempuh studi
khususnya di bidang pemrograman dan basis data.
2. Dapat menjadi referensi bagi mahasiswa.
3. Dapat meningkatkan minat mahasiswa dalam bidang pemrograman.

Bagi Toko Bintang

1. Mempercepat jalannya sistem jual beli pada toko.
2. Mengurangi resiko kesalahan dalam mendata barang dan transaksi.
 3. Website ini dapat mempermudah Toko Bintang dalam mendapatkan informasi
mengenai stock barang,transaksi yang dilakukan,serta data penjualan dan
pembelian.

Bagi Universitas
1. Sebagai tolak ukur sejauh mana pemahaman mahasiswa dalam memahami
dan menguasai materi yang didapatkan dikampus.
2. Sebagai bahan evaluasi dan koreksi bagi akademik dalam usaha untuk
meningkatkan mutu dan kualitas pendidikan.
3. Memberikan kontribusi penambahan ilmu pengetahuan, Khususnya Teknologi
Informasi serta menjadi bahan bacaan di perpustakaan Universitas dan dapat
memberikan referensi bagi mahasiswa lain.

1.5. Tujuan Penelitian

Adapun tujuan dari penelitian ini antara lain :

1. Merancang aplikasi yang dapat digunakan oleh kasir dengan berbasis web

sebagai pengolahan data produk dan transaksi pada toko “Bintang”

2. Membangun aplikasi yang dapat digunakan oleh kasir pada toko “Bintang”

dengan mengimplementasikan pemrograman PHP serta didukung oleh

MySQL sebagai basis datanya.

 BAB 2

TINJAUAN PUSTAKA

2.1. Tinjauan Pustaka

Dalam bab ini diuraikan teori yang melandasi pembuatan Aplikasi Kasir
Berbasis Web Pada Toko Bintang dengan menggunakan PHP dan MySql.

2.2. Pengertian Sistem

Menurut Azhar Susanto (2013), sistem adalah kumpulan atau grup dari sub
sistem maupun komponen baik fisik dan non fisik yang saling berhubungan dan
bekerja sama secara harmonis demi mencapai tujuan tertentu [1]

Menurut Sutarman (2012) mendefinisikan sistem adalah sekumpulan elemen

yang saling berhubungan dan berinteraksi dalam satu kesatuan untuk menjalankan
suatu proses pencapaian suatu tujuan utama [2].

Menurut Hutahaean (2015) sistem merupakan jaringan kerja dari prosedur-

prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan
kegiatan dengan sasaran tertentu[3].

2.3. Pengertian Informasi

Menurut Sutabri (2005:23), Informasi adalah data yang telah diklasifkasikan atau
diolah atau diinterprestasi untuk digunakan dalam proses pengambilan keputusan [4].

Menurut Loudon et al (2007:16), informasi sendiri berarti data telah dibentuk

menjadi sesuatu yang memiliki arti dan berguna bagi manusia [5].
 Menurut maimunah dalam Carrine (2012),” Informasi adalah data yang telah
diolah menjadi sebuah bentuk yang lebih berarti bagi penerimanya”

Informasi menurut McLeod (2010:35) merupakan data yang telah diproses

atau memiliki arti. Adapun karakteristik penting yang harus dimiliki oleh informasi,
seperti: relevansi, akurat , ketepatan waktu, dan kelengkapan [6].

2.4. Pengertian Sistem Informasi

Menurut Husein dan Wibowo (2006), sistem informasi adalah seperangkat

komponen yang saling berhubungan yang berfungsi untuk mengumpulkan,
memproses, menyimpan, dan mendistribusikan informasi untuk mendukung
pembuatan keputusan dan pengawasan dalam organisasi. Sistem informasi terdiri dari
informasi tentang orang, tempat, dan sesuatu dalam organisasi atau lingkungan yang
melingkupinya [7].

Menurut Laudon dan Laudon (2017), sistem informasi secara teknis merupakan
serangakaian komponen yang saling berhubungan yang mengumpulkan, menyimpan,
memproses, dan mendistribusikan informasi untuk mendukung pengambilan
keputusan dan pengawasan di sebuah organisasi. Sistem informasi juga membantu
manajer dan karyawan dalam menganalisis masalah, menggambarkan hal-hal yang
rumit, juga menciptakan produk atau inovasi baru [8].

Menurut O’Brien (2005:5), Sistem Informasi adalah suatu kombinasi teratur

apapun dari orang, perangkat keras, piranti lunak, jaringan komunikasi, dan basis data
yang mengumpulkan, mengubah dan menyebarkan inforamsi di dalam suatu bentuk
organisasi [9].

2.5. Aplikasi
 Secara istilah pengertian aplikasi adalah suatu program yang siap untuk
digunakan yang dibuat untuk melaksanankan suatu fungsi bagi pengguna jasa aplikasi
serta penggunaan aplikasi lain yang dapat digunakan oleh suatu sasaran yang akan
dituju. Menurut kamus computer eksekutif, aplikasi mempunyai arti yaitu pemecahan
masalah yang menggunakan salah satu tehnik pemrosesan data aplikasi yang biasanya
berpacu pada sebuah komputansi yang diinginkan atau diharapkan maupun
pemrosesan data yang di harapkan [10].

Pengertian aplikasi menurut Kamus Besar Bahasa Indonesia, “Aplikasi adalah

penerapan dari rancang sistem untuk mengolah data yang menggunakan aturan atau
ketentuan bahasa pemrograman tertentu” [11].

2.6. Web

Gregorius (2000: 30) Pengertian web menurut Gregorius adalah kumpulan

halaman web yang saling terhubung dan file-filenya saling terkait. Web terdiri dari
page atau halaman, dan kumpulan halaman dinamakan homepage [12].

Menurut Suwanto Raharjo (2004), layanan web adalah salah satu Internet yang
paling banyak dipergunakan dibandingkan dengan layanan lain seperti ftp, gopher,
news atau bahkan email [13].

Pengertian website menurut Jasmadi (2004) adalah kumpulan halaman-halaman

web beserta file-file pendukungnya, seperti gambar, video, dan file digital lainnya
yang diletakkan di host atau web server yang umumnya diakses melalui internet [14].

Fungsi website :

1. Sarana informasi

Pertama, fungsi website adalah sebagai sarana untuk menyampaikan informasi

terbaru dan menarik untuk dibaca oleh customer atau pelanggan anda. Pada dasarnya,
website juga dapat dijadikan sebagai sarana edukasi, pembelajaran, tutorial, tips &
trik, dan masih banyak lagi.

2. Sebagai blog

Fungsi website yang kedua ini untuk membuat blog, sehingga tujuan
utamanya adalah untuk mendapatkan trafik pengunjung. Serta, mengoptimalkan blog
yang telah terpublikasi. Selain itu juga dapat berfungsi sebagai sarana untuk
meningkatkan brand perusahaan agar mendatangkan customer lebih banyak lagi.

2.7. Kasir

Kasir adalah orang yang bertanggung jawab untuk melayani pembayaran yang
dilakukan pelanggan dan memasukkan uang kedalam mesin kasir. Pekerjaan ini
biasanya dapat kamu jumpai di toko swalayan, minimarket, mall, dan berbagai toko
lainnya. Selain itu, kasir juga memfasilitasi transaksi yang dilakukan oleh pelanggan
dengan bentuk pembayaran berupa uang tunai dan non-tunai.

2.8. Penjualan

Penjualan menurut Thamrin Abdullah dan Francis Tantri (2016) adalah bagian
dari promosi dan promosi adalah salah satu bagian dari keseluruhan sistem pemasaran
[15].

Penjualan menurut Basu Swastha (2012) adalah ilmu dan seni mempengaruhi
pribadi yang dilakukan oleh penjual untuk mengajak orang lain agar bersedia
membeli barang dan jasa yang ditawarkan [16].

Penjualan Menurut Winardi (1996) mengatakan bahwa Penjualan merupakan

sebuah proses dimana kebutuhan pembeli dan kebutuhan penjual dipenuhi, melalui
antar pertukaran dan kepentingan [17].
 Penjualan Menurut Nitisemito (2014), Penjualan adalah semua kegiatan yang
bertujuan untuk melancarkan arus barang dan jasa dari produsen ke konsumen secara
paling efisien dengan maksud untuk menciptakan permintaan yang efektif [18]

2.9. PHP (Hypertext Preprocessor)

PHP (Hypertext Preprocessor) adalah salah satu bahasa pemrograman open

source yang sangat cocok atau dikhususkan untuk pengembangan web dan dapat
ditanamkan pada sebuah skripsi HTML. Bahasa PHP dapat dikatakan
menggambarkan beberapa bahasa pemrograman seperti C, Java, dan Perl serta mudah
untuk dipelajari.

Menurut Sidik (2014:4) menyimpulkan bahwa: PHP dikenal sebagai bahasa

pemograman script-script yang membuat dokumen HTML secara on the fly yang
dieksekusi di server web, dokumen HTML, yang dihasilkan dari suatu aplikasi bukan
dokumen HTML, yang dibuat dengan menggunakan editor teks atau editor HTML.
Dikenal sebagai bahasa pemograman server side [19].

Menurut Kustiyaningsih (2011:144), PHP adalah skrip bersifat server-side yang

ditambahkan ke halaman HTML. Skrip ini akan membuat suatu aplikasi dapat di
integrasikan ke dalam HTML sehingga suatu halaman web tidak lagi bersifat statis,
namun menjadi dinamis. Sifat server side berarti pengerjaan kode program dilakukan
di server, baru kemudian hasilnya di kirimkan ke browser [20].

2.10. MySql

MySqL merupakan salah satu henis prorgam database, yaitu sebuah prorgam
yang berfungsi untuk mengolah, menyimpan data dan memanipulasi data di server.
 Menurut Setiawan dalam jurnal Khairil dkk (2012:60) MySQL adalah
database yang menghubungkan script PHP menggunakan perintah query dan escape
character yang sama dengan PHP [21].

Menurut Budi Raharjo (2015:16) MySQL adalah RDBMS ( server database )

yang dapat mengelola database dengan sangat cepat, dapat menampung data dalam
jumlah sangat besar, dapat diakses oleh banyak user [22].
2.11. HTML (HyperText Markup Language)

HTML(HyperText Markup Language) adalah serangkaian kode program yang

merupakan dasar dari representasi visual sebuah halaman Web. Didalamnya berisi
kumpulan informasi yang disimpan dalam tag-tag tertentu, dimana tag-tag tersebut
digunakan untuk melakukan format terhadap informasi yang dimaksud.
Hypertext Markup Language menurut Sugiri (2011:1) adalah sebuah protokol
yang digunakan untuk membuat format suatu dokumen web yang mampu dibaca
dalam browser dari berbagai platform komputer. HyperText Markup Language
dikenal sebagai bahasa kode berbasis teks untuk membuat sebuah halaman web,
keberadaannya dikenal dengan adanya ekstensi *.htm atau *.html (Madcoms, 2009)
[23].

Sejarah HTML pertama kali dibuat oleh Tim Berners-Lee yang merupakan
fisikawan di lembaga penelitian CERN, Swiss. Berners-Lee mempunyai ide atau
pemikiran mengenai sistem hypertext berbasis internet. Sekitar tahun 1991, Tim
merilis versi HTML pertama yang di dalamnya terdalam sekitar 18 tag.

Untuk sekarang, HTML mengalami beberapa pengembangan dari sisi fitur

serta informasi yang disajikan hingga versi terbaru, yaitu HTML5. Setiap tahunnya,
bahasa ini mempunyai tingkat popularitas yang cukup tinggi sehingga dijadikan
sebagai web standard resmi di dunia pemrograman.

2.12. XAMPP
 Xampp merupakan tool pembantu pengembangan paket perangkat lunak
berbasis open source yang menggabungkan Apache web server, MySQL, PHP dan
beberapa modul lainnya di dalam satu paket aplikasi. Seperti gambar dibawah ini:

Gambar 2.1: Dashboard Xampp control panel v.3.3.0

Mawaddah dan Fauzi (2018) menyatakan bahwa XAMPP ialah software yang
di dalamnya tertdapat server MySQL dan didukung oleh PHP sebagai bahasa
pemrograman untuk membuat website dinamis serta terdapat web server apache yang
dapat dijalankan di beberapa platform seperti OS X, Windows, Linux, Mac, dan
Solaris [24].

Iqbal (2019) menyatakan XAMPP merupakan software server apache dimana

dalam XAMPP yang telah tersedia database server seperti MySQL dan PHP
programming [25].

2.13. PhpMyAdmin
 PhpMyadmin adalah perangkat lunak bebas yang ditulis dalam bahasa
pemrograman PHP yang digunakan untuk menangani administrasi MySQL melalui
Jejaring Jagat Jembar (World Wide Web). phpMyAdmin mendukung berbagai
operasi MySQL, diantaranya (mengelola basis data, tabeltabel, bidang (fields), relasi
(relations), indeks, pengguna (users), perijinan (permissions), dan lain-lain).

Menurut MADCOMS (2016:186) PhpMyAdmin adalah sebuah aplikasi Open

Source yang berfungsi untuk memudahkan manajemen MySQL. Dengan
menggunakan phpMyAdmin, dapat membuat database, membuat tabel, meng-insert,
menhapus dan meng-update data dengan GUI dan terasa lebih mudah, tanpa perlu
mengetikkan perintah SQL secara manual [26].

PhpMyAdmin adalah sebuah aplikasi pemograman yang digunakan untuk

managemen database melalui browser (web) untuk mengontrol data mereka dan isi
web yang akan ditampilkan dalam sebuah website yang mereka buat tanpa harus
menggunakan perintah (command) SQL, Seperti di bawah ini:

Gambar 2.2: Dashboad PhpMyAdmin

2.14. Javascript
 JavaScript adalah bahasa yang digunakan untuk membuat program yang
digunakan agar dokument HTML yang ditampilkan pada sebuah Browser menjadi
lebih interaktif, tidak sekedar indah saja. JavaScript memberikan beberapa
fungsionalitas ke dalam halaman web, sehingga dapat menjadi sebuah program yang
disajikan dengan menggunakan antar muka web [27].

JavaScript merupakan bahasa script, yaitu bahasa yang tidak memerlukan

kompiler untuk dapat menjalankanya, tetapi cukup dengan Interpreter. Tidak perlu
ada proses kompilasi terlebih dahulu agar program dapat dijalankan. Browser web
Netscape Naviagtor dan Internet Exploler adalah salah satu contoh dari salah banyak
interpreter, karena kedua browser ini telah dilengkapi dengan Interpreter JavaScript.
Tetapi tidak semua browser web dapar menjadi interpreter javascript karena belum
tentu browser tersebut dilengkapi dengan interpreter JavaScript [28].

2.15. Sublime Text

Menurut Eric Haughee dalam Sujana Cristian (2013), bahwa Sublime Text
adalah aplikasi editor untuk kode dan teks yang dapat berjalan di berbagai platform
operating system dengan menggunakan teknologi Phyton API. Terciptanya aplikasi
ini terinspirasi dari aplikasi Vim. Aplikasi ini sangatlah fleksibel dan powerfull.
Fungsionalitas dari aplikasi ini dapat dikembangkan dengan menggunakan sublime-
packages [29].

Sublime Text bukanlah aplikasi open source, yang artinya aplikasi ini
membutuhkan lisensi (license) yang harus dibeli. Akan tetapi beberapa fitur
pengembangan fungsionalitas (packages) dari aplikasi ini merupakan hasil dari
temuan dan mendapat dukungan penuh dari komunitas serta memiliki linsensi
(license) aplikasi gratis.
 Sublime Text Editor adalah text editor yang dibuat untuk mempermudah
pekerjaan programmer, membantu programmer dalam mengerjarakan tugasnya.
Sublime digunakan untuk banyak bahasa pemrograman dan bahasa markup, Seperti
di bawah ini:

Gambar 2.3 interface sublime text

2.15. UML (Unifed Modelling Language)

Unified Modeling Language (UML) adalah salah satu standar bahasa yang
banyak digunakan di dunia industri untuk mendefinisikan requirement, membuat
analisis dan desain, serta menggambarkan arsitektur dalam pemrograman berorientasi
objek. UML merupakan bahasa visual untuk pemodelan dan komunikasi mengenai
sebuah sistem dengan menggunakan diagram dan teks-teks pendukung. Ada beberapa
jenis diagram UML yang biasa digunakan diantaranya :

 Use Case Diagram

Use Case Diagram merupakan diagram yang mengambarkan hubungan

antara pengguna dengan sistem secara keseluruhan. Berikut definisi Use

Case menurut para ahli :

 1. Suatu use case diagram menampilkan sekumpulan use case dan aktor

(pelaku) dan hubungan diantara use case dan aktor tersebut. Use case

diagram digunakan untuk penggambaran use case statik dari suatu

sistem. Use case diagram penting dalam mengatur dan memodelkan

kelakuan dari suatu sistem (Booch, 2005) dalam (Fitriyani, 2011)

[30].

2. Use Case menurut (Fowler, 2005) dalam (Fitriyani, 2011) adalah

teknik untuk merekam persyaratan fungsional sebuah sistem. Use

Case mendeskripsikan interaksi tipikal antara para pengguna sistem

dengan sistem itu sendiri, dengan memberi sebuah narasi tentang

bagaimana sistem tersebut digunakan [31].

Tabel 2.1 Simbol Use Case Diagram

NO GAMBAR NAMA KETERANGAN

Menspesifikasikan himpuan peran yang

1 Actor pengguna mainkan ketika berinteraksi dengan

use case.

Hubungan dimana perubahan yang terjadi pada

suatu elemen mandiri (independent) akan

2 Dependency mempengaruhi elemen yang bergantung

padanya elemen yang tidak mandiri

(independent).
 Hubungan dimana objek anak (descendent)

3 Generalization berbagi perilaku dan struktur data dari objek

yang ada di atasnya objek induk (ancestor).

Menspesifikasikan bahwa use case sumber

4 Include
secara eksplisit.

Menspesifikasikan bahwa use case target

memperluas perilaku dari use case sumber pada
5 Extend
suatu titik yang diberikan.

Apa yang menghubungkan antara objek satu

6 Association
dengan objek lainnya.

Menspesifikasikan paket yang menampilkan

7 System sistem secara terbatas.

Deskripsi dari urutan aksi-aksi yang

8 Use Case ditampilkan sistem yang menghasilkan suatu

hasil yang terukur bagi suatu aktor

Interaksi aturan-aturan dan elemen lain yang

bekerja sama untuk menyediakan prilaku yang

9 Collaboration
lebih besar dari jumlah dan elemen-elemennya

(sinergi).
 Elemen fisik yang eksis saat aplikasi dijalankan

10 Note dan mencerminkan suatu sumber daya

komputasi

 Activity Diagram
Activity diagram digunakan untuk menggambarkan rangkaian aliran aktivitas
baik proses bisnis maupun use case. Activity diagram dapat juga digunakan
untuk memodelkan action yang akan dilakukan saat sebuah operasi
dieksekusi, dan memodelkan hasil dari action tersebut.
Berikut definisi activity diagram menurut para ahli :
1. Activity diagram menurut (Fowler, 2005) dalam (Fitriyani, 2011)
adalah teknik untuk menggambarkan logika prosedural, proses bisnis,
dan jalur kerja [31].
2. Menurut (Satzinger et al,2020) dalam (Fitriyani, 2011) Activity
diagram merupakan sebuah tipe dari diagram workflow yang
menggambarkan aktivitas dari pengguna ketika melakukan setiap
kegiatan dan aliran sekuensial [32].

Tabel 2.2 Simbol Activity Diagram

NO GAMBAR NAMA KETERANGAN

Memperlihatkan bagaimana masing-

masing kelas antarmuka saling
1 Activity
berinteraksi satu sama lain

State dari sistem yang mencerminkan

2 Action
eksekusi dari suatu aksi
 3 Initial Node Bagaimana objek dibentuk atau diawali.

Actifity Bagaimana objek dibentuk dan

4 Final
dihancurkan
Node
Satu aliran yang pada tahap tertentu
5 Fork Node
berubahn menjadi beberapa aliran

 Class Diagram
Class diagram merupakan inti dari proses pemodelan objek. Class diagram
digunakan untuk membantu mendapatkan visualisasi struktur kelas-kelas dari
suatu sistem dan hubungan antar kelas.
Berikut definisi class diagram menurut para ahli :
1. Menurut Sri Mulyani (2016 : 247) mendefinisikan : “Class Diagram
adalah diagram yang digunakan untukmempresentaksikan kelas,
komponen-komponen kelas dan hubungan antara masing-masing
kelas” [33]
2. Menurut Adi Nugroho (2009 : 18) mengatakan bahwa : “Class
Diagram merupakan kumpulan atau himpunan objek yang memiliki
kesamaan dalam atribut atau properti prilaku (operasi), serta cara
berhubungan dengan objek lain”[34].
Tabel 2.3 Simbol Class Diagram
 Sequence Diagram
Sequence diagram menggambarkan kelakuakn objek pada use case dengan
mendeskripsikan waktu hidup objek dan message yang dikirimkan dan
diterima antar objek. Oleh karena itu untuk menggambarkan sequence
diagram maka harus diketahui objek-objek yang terlibat dalam sebuah use
case beserta metode-metode yang dimiliki kelas yang diinstansiasi menjadi
objek itu. Membuat Sequence diagram juga dibutuhkan untuk melihat
skenario yang ada pada use case (Salahuddin, 2013) [35].

Tabel 2.4 Simbol sequence diagram

2.16. Flowchart
Flowchart adalah penggambaran secara grafik dari langkah-langkah dan
uruturutan prosedur dari suatu program. Flowchart menolong analyst dan
programmer untuk memecahkan masalah kedalam segmen-segmen yang lebih kecil
dan menolong dalam menganalisis alternatif-alternatif lain dalam pengoperasian.
Flowchart biasanya mempermudah penyelesaian suatu masalah khususnya masalah
yang perlu dipelajari dan dievaluasi lebih lanjut.
Flowchart adalah bentuk gambar/diagram yang mempunyai aliran satu atau
dua arah secara sekuensial. Flowchart digunakan untuk merepresentasikan maupun
mendesain program. Oleh karena itu flowchart harus bisa merepresentasikan
komponen-komponen dalam bahasa pemrograman [36].
Tabel 2.5 Simbol flowchart

No Simbol Nama Fungsi

1 Terminal Menyatakan permualaa
n atau akhir suatu progr
am.
2 Process Menyatakan suatu tind
akan (proses yang dilak
ukan oleh komputer)
3 Decision Menunjukkan suatu ko
ndisi tertentu yang aka
n menghasilkan dua ke
mungkinan jawaban: y
a atau tidak.
4 Flow Menyatakan jalannya a
rus suatu proses.
2.17. Pengertian Database
Dalam buku Nugroho (2011), database didefinisikan sebagai kumpulan data
yang terintegrasi dan diatur sedemikian rupa sehingga data tersebut dapat
dimanipulasi, diambil, dan dicari secara cepat [37]. Sedangkan dalam (Fadlisyah,
2008) database adalah sekumpulan tabel-tabel yang saling berelasi, relasi tersebut
bisa ditunjukkan dengan kunci dari tiap tabel yang ada
Menurut Sutarman (2012:15), Database sekumpulan file yang saling
berhubungan dan terorganisasi atau kumpulan record-record yang menyimpan data
dan hubungan diantaranya [2].
Menurut Ladjamudin (2013:129), Database adalah sekumpulan data store
(bisa dalam jumlah yang sangat besar) yang tersimpan dalam magnetic disk, oftical
disk, magnetic drum, atau media penyimpanan sekunder lainya [38].

2.18. Penelitian Sebelumnya

Penelitian tardahulu bertujuan untuk mendapatkan bahan perbandingan dan

acuan untuk pengembangan jaringan. Selain itu untuk menghindari anggapan
kesamaan dengan penelitian ini. Maka dalam kajian pustaka ini penulis
mencantumkan hasil penelitian-penelitian terdahulu sebagai berikut:

Tabel 2.6 Penelitian Sebelumnya

No Nama Tahun Judul Penelitian Kesimpulan
1 Zaini 2007 Sistem kasir dan pe Dengan adanya sistem kasir ma
mbukuan di Toko Ba ka bisa mempermudahkan kary
ngunan “Murah” awan untuk menyimpan data tra
nsaksi dan menyapaikan inform
asi penjualan kepada pemilik.
2 Saputra & 2017 Rancang Bangun Sis Menjelaskan bahwa dengan ada
Anwar tem Informasi Kasir nya aplikasi system kasir ini da
 dengan menerapkan pat membantu produktifitas kar
metode akuntansi Ko yawan.
nsinyasi
3 Agustina 2015 Sistem Informasi Pe Dengan mempunyai system kas
njualan (Studi Kasus ir maka dapat membantu proses
Di Counter Ketro). penjualan.
4 Lengkong, 2015 Kartu Isi Ulang (Stu Membuaat system dengan men
kawilaran di Kasus : Store Uni ggunakan barcode untuk bias b
g, & Suata versitas Klabat) erinteraksi antara kasir dan siste
n m

Penelitian ini telah menyatakan bahwa dengan adanya sistem kasir maka akan
mudahkan karyawan dalam menyampaikan informasi keuangan dan menyimpan data
transaksi kepada pemilik perusahaan seperti yang di lakukan oleh Zaini (2017) dan
penelitian Saputra & Anwar (2017), sistem kasir bertujuan untuk menghasilkan
rancangan sistem informasi penjualan yang mendukung proses penjualan penelitian
yang dilakukan oleh Agustina (2015), untuk membuat sistem dikembangkan sistem
kasir dengan menggunakan dasar .NET Framework 3.5 dalam pembuatan kasir
dengan sistem. Bahasa pemrograman yang digunakan adalah bahasa pemrograman
C# seperti penelitian yang pernah dilakukan oleh Lengkong et al (2015).
 BAB 4

HASIL DAN PEMBAHASAN

4.1. Gambaran sistem yang sedang berjalan

Pelanggan datang untuk memilih barang yang akan dbeli, lalu melakukan
pembayaran di kasir. Kemudian kasir akan menghitung harga barang secara manual,
lalu menerima uang dari pelanggan sesuai total pembelian (Memberikan
pengembalian uang jika diperlukan). Selanjutnya kasir akan membuat nota
pembayaran secara manual dan memberikannya kepada pelanggan, selesai.

4.2 Gambarkan Sistem Yang diusulkan

Pelanggan datang untuk memilih barang yang akan dbeli, lalu kasir akan
melakukan proses input transaksi berupa input kode barang, nama barang, harga
barang dan jumlah barang. Kemudian input transaksi tersebut akan otomatis
tersimpan di data transaksi. Selanjutnya adalah melakukan pembayaran, lalu
pelanggan akan mendapatkan nota pembayaran secara otomatis melalui sistem,
selesai.

Start
(Pelanggan Datang)

Pelanggan memilih barang yang akan

dibeli
 Kasir melakukan proses input transaksi

Pembayaran di kasir

Menyimpan Data Transaksi

Cetak Nota
belanjaan

Ccetak nota

sSelesai

Gambar Flowchart Transaksi melalui Aplikasi Kasir

4.3 Hasil Penelitian

Pada tahapan ini adalah hasil perancangan perangkat lunak terhadap sistem
yang akan berjalan atau gambaran yang akan terwujud pada alur sistem yang akan
berjalan sebagai berikut :

1. Tampilan Halaman Login

 Selamat Datang

Silakan Login

Masukan Email

Masukan Password

Login

2. Tampilan Halaman Dashboard

Jumlah Jumlah Jumlah

Jumlah Kasir
Barangv Pasok Transaksi

Dashboard
Data Admin
Data-data transaksi
Data Kasir
Kategori
Barang
Data Pasok
Transaksi
Laporan
3. Tampilan Halaman Data Admin
 Data Admin

Tambah Data
Dashboard
Data Admin No. Nama Email Password Aksi
Data Kasir
Edit
Kategori
Barang Edit
Data Pasok
Edit
Transaksi
Laporan

4. Tampilan Halaman Data Kasir

Data Kasir

Tambah Data
Dashboard
Data Admin No. Nama Email Password Aksi
Data Kasir
Edit
Kategori
Barang Edit
Data Pasok
Edit
Transaksi
Laporan

5. Tampilan Halaman Kategori

 Data Kategori

Tambah Data
Dashboard
Data Admin No. Nama Kategori Aksi
Data Kasir
Edit
Kategori
Barang Edit
Data Pasok
Edit
Transaksi
Laporan

6. Tampilan Halaman Barang

Data Barang

Tambah Data
Dashboard
Data Admin No. Barcode Kode Nama Kategori Jumlah Harga Aksi
Barang
Data Kasir
Kategori Edit
Barang
Edit
Data Pasok
Transaksi Edit

Laporan

7. Tampilan Halaman Data Pasok

 Data Pasol

Tambah Data
Dashboard
Data Admin No. Nama Jumlah Nama Waktu Aksi
Barang Pasok Pemasok Pasok
Data Kasir
Kategori Edit
Barang
Edit
Data Pasok
Transaksi Edit

Laporan

8. Tampilan Halaman Transaksi

Input Transaksi

Kode barang
Dashboard
Nama barang Harga barang Jumlah barang
Data Admin
Data Kasir
Kategori Data Transaksi Pembayaran
Bayar
Barang
Barang Jumlah Harga Total
Data Pasok Kembalian
Total Harga :
Transaksi
Laporan

9. Tampilan Halaman Laporan

 Data Laporan

Tambah Data
Dashboard
Data Admin No. Kode Jumlah Kembalian Tanggal Aksi
Transaksi Bayar
Data Kasir
Kategori Edit
Barang
Edit
Data Pasok
Transaksi Edit

Laporan

4.4 Pembahasan
Pada tahap ini dijelaskan proses implementasi Aplikasi Kasir Pada Toko Bintang
Berbasis Web. Sistem yang dibangun ini akan membantu proses transaksi menjadi
lebih cepat dan mendapatkan informasi mengenai stok barang. Sebagai berikut :
4.4.1 Halaman Login
Halaman Login berfungsi untuk masuk ke dalam sistem aplikasi, pada
halaman ini hanya dapat di akses oleh admin dan kasir.

4.4.1.1 Halaman Login Admin

 4.4.1.2 Halaman Login Kasir

4.4.2 Halaman Dashboard Aplikasi

Halaman dashboard adalah tampilan utama dari Aplikasi Kasir Pada
Toko Bintang.

4.4.2.1 Halaman Dashboard Admin

 4.4.2.2 Halaman Dashboard Kasir

4.4.3 Halaman Data Admin

 Halaman ini berisi data-data admin yang terdapat pada Aplikasi Kasir
Toko Bintang.

4.4.3.1 Format Tambah Data Admin

Format ini digunakan untuk menambahkan data admin agar dapat
mengakses Aplikasi Kasir Toko Bintang.
4.4.4 Halaman Data Kasir
Halaman ini berisi data-data kasir yang terdapat pada Aplikasi Kasir
Toko Bintang.

4.4.4.1 Format Tambah Data Kasir

Format ini digunakan untuk menambahkan data kasir agar dapat
mengakses Aplikasi Kasir Toko Bintang.

4.4.5 Halaman Kategori

 Halaman ini berisi data-data kategori barang yang terdapat pada
Aplikasi Kasir Toko Bintang.

4.4.5.1 Format Tambah Kategori

Format ini digunakan untuk menambahkan data kategori.

4.4.6 Halaman Barang

 Halaman ini berisi data-data barang penjualan yang terdapat pada Aplikasi
Kasir Toko Bintang.

4.4.6.1 Format Tambah Data Barang

Format ini digunakan untuk menambahkan data barang.

4.4.7 Halaman Data Pasok

 Halaman data pasok ini berisi data berbagai pemasok yang menyediakan
barang kebutuhan toko bintang.

4.4.7.1 Format Tambah Data Pasok

Format ini digunakan untuk menambahkan data pemasok.

4.4.8 Halaman Transaksi

 Halaman transaksi ini terdiri dari 3 bagian yaitu input transaksi,data
transaksi, dan pembayaran pada Aplikasi Kasir Toko Bintang.

4.4.8.1 Input Transaksi

Format ini digunakan untuk melakukan proses input transaksi.

4.4.8.2 Data Transaksi

 Format ini akan menampilkan data-data transaksi yang telah di
input.

4.4.8.3 Pembayaran
Format ini digunakan untuk melakukan proses pembayaran dari
transaksi.
Setelah melakukan proses pembayaran, halaman baru akan tampil
yaitu : Detail Transaksi dan kasir dapat mencetak nota.
4.4.9 Halaman Laporan
Halaman ini berisi data-data laporan penjualan yang terdapat pada Aplikasi
Kasir Toko Bintang.