66
RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE PADA CV HARMONI SINERGI EKACIPTA KERJA PRAKTIK Program Studi S1 Sistem Informasi Oleh: ACH NOFAL KURNIAWAN 14410100173 FAKULTAS TEKNOLOGI DAN INFORMATIKA UNIVERSITAS DINAMIKA 2020

RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

  • Upload
    others

  • View
    8

  • Download
    1

Embed Size (px)

Citation preview

Page 1: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE PADA CV

HARMONI SINERGI EKACIPTA

KERJA PRAKTIK

Program Studi

S1 Sistem Informasi

Oleh:

ACH NOFAL KURNIAWAN

14410100173

FAKULTAS TEKNOLOGI DAN INFORMATIKA

UNIVERSITAS DINAMIKA

2020

Page 2: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE

PADA CV HARMONI SINERGI EKACIPTA

Diajukan sebagai salah satu syarat untuk menyelesaikan

Program Sarjana Komputer

Disusun Oleh:

Nama : Ach Nofal Kurniawan

NIM : 14410100173

Program : S1 (Strata Satu)

Jurusan : Sistem Informasi

FAKULTAS TEKNOLOGI DAN INFORMATIKA

UNIVERSITAS DINAMIKA

2020

Page 3: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

“Thank God for making it easy to work out all the problems”

Page 4: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya
Page 5: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya
Page 6: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

vi

ABSTRAK

CV Harmoni Sinergi Ekacipta adalah perusahaan software house yang telah

berdiri lebih dari 1 tahun. CV Harmoni Sinergi Ekacipta memiliki karyawan lebih

dari 10 orang dan hanya satu perusahaan yang bertempat di Jl. Klampis Jaya K

No.33, Kelurahan Klampis Ngasem, Kecamatan Sukolilo, Kota Surabaya, Jawa

Timur 60264.

Proses bisnis selama ini pada UD Sinar Sentosa yaitu pelanggan datang ke

toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan

dibeli, Apabila pelanggan sudah memilih barang yang diinginkan, Selanjutnya

kasir akan membuatkan nota rangkap 2 (putih dan merah), untuk nota yang warna

putih akan diberikan kepada pelanggan dan untuk nota merah akan digunakan

untuk rekap penjualan harian. Rekap penjualan harian tersebut berisi jumlah

barang yang keluar dan jumlah uang yang diperoleh dari pelanggan. Selanjutnya

kasir menulis hasil rekap penjualan ke dalam sebuah buku untuk diserahkan

kepada pemilik, setelah itu rekap penjualan harian tersebut dimasukkan ke dalam

aplikasi Microsoft Excel untuk menghasilkan laporan penjualan.

Permasalahanya adalah proses penjualan yang dilakukan oleh bagian kasir

masih manual dengan cara memberikan nota kepada pelanggan dan nota-nota

akan menumpuk dan mengakibatkan risiko kehilangan data untuk membuat rekap

harian dan laporan penjualan. Solusi yang ditawarkan adalah membuat rancang

bangun aplikasi kasir berbasis web.

Kata Kunci : Website, Aplikasi Kasir, CV Harmoni Sinergi Ekacipta

Page 7: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

vii

KATA PENGANTAR

Puji syukur atas kehadirat Tuhan Yang Maha Esa karena atas rahmat dan

karunia-Nya, Penulis dapat menyelesaikan laporan kerja praktik yang berjudul

“Rancang Bangun Aplikasi Pengiriman Barang Berbasis Mobile Pada PT Panca

Mitra Teknosia”. Laporan ini disusun berdasarkan hasil studi dalam pelaksanaan

kerja praktik di PT Panca Mitra Teknosia yang dilakukan selama satu bulan.

Dalam pelaksanaan kerja praktik dan penyelesaian laporan kerja praktik ini,

Penulis memperoleh bantuan dari berbagai pihak yang telah memberikan

dukungan, baik berupa dukungan materil maupun dukungan moril. Oleh karena

itu, pada kesempatan ini Penulis mengucapkan terima kasih kepada:

1. Orang tua dan keluarga besar Penulis yang selalu memberikan dukungan

dan motivasi kepada penulis.

2. Bapak Dr. Anjik Sukmaaji, S.Kom., M.Eng., selaku Kepala Program Studi

S1 Sistem Informasi yang telah memberikan arahan selama pelaksanaan

kerja praktik.

3. Ibu Sulistiowati, S.Si., M.M. selaku Dosen Pembimbing yang telah

memberikan dukungan berupa motivasi, saran, dan wawasan bagi Penulis

selama pelaksanaan kerja praktik dan pembuatan laporan kerja praktik.

4. Bapak Alfonsus Murti Ekasaputra, selaku Direktur dan penyelia penulis

yang telah memberikan ijin selama pelaksanaan kerja praktik sekaligus

arahan selama pelaksanaan kerja praktik.

5. Dan teman-teman yang selalu memberikan masukan dan nasehat supaya

segera menyelesaikan laporan ini. Surabaya, 13 Januari 2020 Penulis

Page 8: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

viii

Penulis menyadari di dalam laporan kerja praktik ini masih banyak

kekurangan, meskipun demikian penulis tetap berharap laporan kerja praktik ini

bermanfaat bagi penulis dan semua pihak. Oleh karena itu, adanya saran dan kritik

sangat diharapkan.

Surabaya, 6 Juli 2020

Penulis

Page 9: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

ix

DAFTAR ISI

Halaman

ABSTRAK ............................................................................................................. vi

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

DAFTAR ISI .......................................................................................................... ix

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

DAFTAR GAMBAR ............................................................................................ xii

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

1.1 Latar belakang ............................................................................ 1

1.2 Rumusan masalah ....................................................................... 2

1.3 Batasan masalah ......................................................................... 2

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

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

1.6 Sistematika penulisan ................................................................. 3

BAB II GAMBARAN UMUM PERUSAHAAN .............................................. 5

2.1 Latar Belakang Perusahaan ........................................................ 5

2.2 Visi dan Misi Instansi ................................................................. 5

2.3 Struktur Organisasi ..................................................................... 5

2.4 Deskripsi Tugas .......................................................................... 6

BAB III LANDASAN TEORI ............................................................................. 9

3.1 Rancang Bangun ......................................................................... 9

3.2 Aplikasi ...................................................................................... 9

3.3 Website ..................................................................................... 10

3.4 System Flow .............................................................................. 11

3.5 Data Flow Diagram ................................................................. 11

3.6 System Development Life Cycle. .............................................. 11

BAB IV DESKRIPSI PEKERJAAN ................................................................. 14

4.1 Requirement Analysis .............................................................. 14

4.1.1 Wawancara.................................................................. 14

4.1.2 Observasi .................................................................... 15

4.1.3 Identifikasi masalah .................................................... 16

4.2 Analisis ..................................................................................... 18

Page 10: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

x

4.2.1 Kebutuhan pengguna ................................................... 18

4.2.2 Kebutuhan Fungsional ................................................. 18

4.2.3 Kebutuhan Non Fungsional ......................................... 22

4.3 Desain dan Pemrograman .......................................................... 23

4.3.1 Desain Sistem ............................................................. 24

4.3.2 Diagram IPO ............................................................... 24

4.3.3 Diagram Jenjang ......................................................... 25

4.3.4 Context Diagram dan Data Flow Diagram ................ 26

4.3.5 Perancangan Database ............................................... 29

4.3.6 Conceptual Data Model dan Physical Data Model .... 29

4.3.7 Struktur Tabel ............................................................. 31

4.4 Implementasi Sistem ................................................................ 34

4.4.1 Implementasi Halaman Bagian Kasir ......................... 34

4.4.2 Implementasi Halaman Pemilik Usaha ....................... 43

4.5 Verification ............................................................................... 49

4.5.1 Pengujian Aplikasi ...................................................... 49

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

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

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

DAFTAR PUSTAKA ........................................................................................... 56

LAMPIRAN ........................................................... Error! Bookmark not defined.

Page 11: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

xi

DAFTAR TABEL

Halaman

Tabel 4. 1 Identifikasi masalah ............................................................................. 16

Tabel 4. 2 Kebutuhan Pengguna ........................................................................... 18

Tabel 4. 3 Login .................................................................................................... 19

Tabel 4. 4 Mengelola Data Pelanggan .................................................................. 19

Tabel 4. 5 Mengelola Data Barang ....................................................................... 20

Tabel 4. 6 Menginputkan Data Penjualan dan Cetak Nota ................................... 21

Tabel 4. 7 Mengelola Data Pengguna ................................................................... 21

Tabel 4. 8 Membuat Laporan Penjualan ............................................................... 22

Tabel 4. 9 Tabel Pengguna .................................................................................... 31

Tabel 4. 10 Tabel Barang ...................................................................................... 32

Tabel 4. 11 Tabel Pelanggan ................................................................................. 32

Tabel 4. 12 Tabel Penjualan .................................................................................. 33

Tabel 4. 13 Data Pengujian Pelanggan ................................................................. 49

Tabel 4. 14 Data Pengujian Barang....................................................................... 50

Tabel 4. 15 Data Pengujian Pengguna .................................................................. 50

Tabel 4. 16 Data Pengujian Penjualan .................................................................. 50

Tabel 4. 17 Pengujian Aplikasi Kasir ................................................................... 51

Page 12: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

xii

DAFTAR GAMBAR

Halaman

Gambar 2. 1 Struktur Organisasi CV Harmoni Sinergi Ekacipta ........................... 6

Gambar 3. 1 Pengembangan menggunakan Model Waterfall .............................. 12

Gambar 4. 1 Model Waterfall ............................................................................... 14

Gambar 4. 2 Alur Proses Bisnis Penjualan Barang ............................................... 15

Gambar 4. 3 Alur Aplikasi Kasir .......................................................................... 17

Gambar 4. 4 Desain Sistem ................................................................................... 24

Gambar 4. 5 Diagram IPO (Input Proses Output) ................................................ 25

Gambar 4. 6 Diagram Jenjang Aplikasi Penjualan Barang ................................... 26

Gambar 4. 7 Context Diagram .............................................................................. 26

Gambar 4. 8 Data Flow Diagram Level 0 ............................................................ 27

Gambar 4. 9 Data Flow Diagram Level 1 (Data Master) ..................................... 28

Gambar 4. 10 Data Flow Diagram Level 2 (Proses Penjualan) ........................... 28

Gambar 4. 11 Data Flow Diagram Level 3 (Laporan Penjualan) ........................ 29

Gambar 4. 12 Conceptual Data Model Penjualan Barang .................................... 30

Gambar 4. 13 Physical Data Model Penjualan Barang......................................... 30

Gambar 4. 14 Halaman Login Bagian Kasir ......................................................... 34

Gambar 4. 15 Halaman Login Bagian Kasir ......................................................... 35

Gambar 4. 16 Halaman Login Bagian Kasir ......................................................... 35

Gambar 4. 17 Halaman Utama Bagian Kasir ........................................................ 36

Gambar 4. 18 Halaman Data Master Pelanggan ................................................... 36

Gambar 4. 19 Halaman Form Tambah Data Pelanggan ....................................... 37

Gambar 4. 20 Halaman Form Edit Data Pelanggan .............................................. 37

Gambar 4. 21 Halaman Data Master Pelanggan ................................................... 38

Gambar 4. 22 Halaman Data Master Barang ........................................................ 38

Gambar 4. 23 Halaman Form Tambah Data Barang............................................. 39

Gambar 4. 24 Form Edit Data Barang .................................................................. 39

Gambar 4. 25 Halaman Data Master Barang ........................................................ 40

Gambar 4. 26 Halaman Data Penjualan ................................................................ 40

Gambar 4. 27 Tambah Data Penjualan Barang ..................................................... 41

Gambar 4. 28 Detail Data Penjualan ..................................................................... 42

Page 13: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

xiii

Gambar 4. 29 Nota Penjualan ............................................................................... 42

Gambar 4. 30 Halaman Login Pemilik Usaha ...................................................... 43

Gambar 4. 31 Halaman Login Pemilik Usaha ...................................................... 44

Gambar 4. 32 Halaman Login Pemilik Usaha ...................................................... 44

Gambar 4. 33 Halaman Utama Bagian Pemilik Usaha ......................................... 45

Gambar 4. 34 Halaman Data Laporan Penjualan .................................................. 45

Gambar 4. 35 Laporan Penjualan .......................................................................... 46

Gambar 4. 36 Halaman Data Master Pengguna .................................................... 46

Gambar 4. 37 Halaman Form Tambah Data Pengguna ........................................ 47

Gambar 4. 38 Halaman Form Edit Data Pengguna ............................................... 48

Gambar 4. 39 Halaman Data Master Pengguna .................................................... 48

Page 14: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

1

BAB I

PENDAHULUAN

1.1 Latar belakang

CV Harmoni Sinergi Ekacipta adalah perusahaan software house yang telah

berdiri lebih dari 1 tahun. CV Harmoni Sinergi Ekacipta memiliki karyawan lebih

dari 10 orang dan hanya satu perusahaan yang bertempat di Jl. Klampis Jaya K

No.33, Kelurahan Klampis Ngasem, Kecamatan Sukolilo, Kota Surabaya, Jawa

Timur 60264.

Perusahaan CV Harmoni Sinergi Ekacipta memiliki proyek pembuatan

aplikasi website dari UD Sinar Sentosa adalah pembuatan rancang bangun

aplikasi kasir. Proses bisnis selama ini pada UD Sinar Sentosa yaitu pelanggan

datang ke toko untuk membeli barang, Kemudian pelanggan memilih barang yang

akan dibeli, Apabila pelanggan sudah memilih barang yang diinginkan,

Selanjutnya kasir akan membuatkan nota rangkap 2 (putih dan merah), untuk nota

yang warna putih akan diberikan kepada pelanggan dan untuk nota merah akan

digunakan untuk rekap penjualan harian. Rekap penjualan harian tersebut berisi

jumlah barang yang keluar dan jumlah uang yang diperoleh dari pelanggan.

Selanjutnya kasir menulis hasil rekap penjualan ke dalam sebuah buku untuk

diserahkan kepada pemilik, setelah itu rekap penjualan harian tersebut

dimasukkan ke dalam aplikasi Microsoft Excel untuk menghasilkan laporan

penjualan.

Page 15: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

2

Permasalahanya adalah proses penjualan yang dilakukan oleh bagian kasir

masih manual dengan cara memberikan nota kepada pelanggan dan nota-nota

akan menumpuk dan mengakibatkan risiko kehilangan data untuk membuat rekap

harian dan laporan penjualan.

Solusi yang ditawarkan adalah membuat rancang bangun aplikasi kasir

berbasis web.

1.2 Rumusan masalah

Berdasarkan latar belakang di atas maka perumusan masalahnya adalah

bagaimana merancang bangun aplikasi kasir berbasis web pada CV. Harmoni

Sinergi Ekacipta?

1.3 Batasan masalah

Batasan masalah yang digunakan untuk memberi batasan dalam

pembuatan rancang bangun aplikasi ini adalah :

1. Aplikasi yang dibangun tidak membahas stok masuk dan stok keluar dari

supplier.

2. Aplikasi yang dibuat dibangun hanya mengenai proses penjualan.

3. Laporan penjualan mengenai rekap harian, rekap bulanan dan rekap

tahunan.

1.4 Tujuan

Berdasarkan perumusan masalah diatas, tujuannya adalah menghasilkan

rancang bangun aplikasi kasir berbasis Web pada CV. Harmoni Sinergi Ekacipta.

Page 16: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

3

1.5 Manfaat

Manfaat yang diharapkan dari pembuatan aplikasi ini adalah :

1. Memudahkan bagian kasir dalam melakukan penjualan barang.

2. Memudahkan pemilik usaha dalam melihat laporan penjualan dan

mencetak laporan penjualan.

1.6 Sistematika penulisan

Untuk memudahkan dalam memahami persoalan dan pembahasannya maka

penulisan Laporan Kerja Praktik ini dibuat dengan sistematika sebagai berikut:

BAB I PENDAHULUAN

Pada bab ini menjelaskan tentang latar belakang perusahaan,

rumusan masalah, batasan masalah, tujuan yang ingin dicapai,

manfaat yang diperoleh dengan adanya aplikasi yang telah dibuat,

serta sistematika dari penulisan laporan.

BAB II GAMBARAN UMUM INSTANSI

Bab ini menjelaskan tentang CV. Harmoni Sinergi Ekacipta, mulai

dari visi & misi perusahaan, dan struktur organisasi.

BAB III LANDASAN TEORI

Pada bab ini membahas tentang teori-teori yang berhubungan

dengan Kerja Praktik yang dilakukan, dimana teori-teori tersebut

akan menjadi acuan untuk penyelesaian masalah.

Page 17: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

4

BAB IV HASIL DAN PEMBAHASAN

Pada bab ini membahas tentang langkah-langkah yang digunakan

untuk pembuatan sistem yang digunakan untuk penyelesaian

masalah yang membahas keseluruhan desain input, proses, dan

output dari system dan implementasi dari perancangan yang telah

dilakukan dalam pembuatan Rancang Bangun Aplikasi Kasir

Berbasis Web Pada CV. Harmoni Sinergi Ekacipta.

BAB V PENUTUP

Pada bab ini dibahas mengenai kesimpulan dari pembuatan aplikasi

kasir berbasis website pada CV. Harmoni Sinergi Ekacipta terkait

dengan tujuan dan permasalahan, beserta dengan saran yang

bermanfaat untuk pengembangan aplikasi.

Page 18: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

5

BAB II

GAMBARAN UMUM PERUSAHAAN

2.1 Latar Belakang Perusahaan

CV Harmoni Sinergi Ekacipta adalah perusahaan software house yang telah

berdiri lebih dari 1 tahun. CV Harmoni Sinergi Ekacipta memiliki karyawan lebih

dari 10 orang dan hanya satu perusahaan yang bertempat di Jl. Klampis Jaya K

No.33, Kelurahan Klampis Ngasem, Kecamatan Sukolilo, Kota Surabaya, Jawa

Timur 60264.

2.2 Visi dan Misi Instansi

Visi :

Menjadi total solution provider company dibidang IT dan business

terkemuka dengan layanan terbaik dalam memberikan solusi tepat, terpercaya dan

bernilai tambah bagi customer dan stakeholder.

Misi :

Memberikan kontribusi bagi peningkatan kualitas perusahaan di Indonesia

dengan menyediakan teknologi informasi dan system informasi yang berkualitas

tinggi dan berstandard Internasional.

2.3 Struktur Organisasi

Berikut adalah Struktur Organisasi pada CV Harmoni Sinergi Ekacipta

Page 19: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

6

Gambar 2. 1 Struktur Organisasi CV Harmoni Sinergi Ekacipta

2.4 Deskripsi Tugas

Berdasarkan struktur organisasi pada Gambar 2.1 dapat dideskripsikan tugas

yang dimiliki oleh tiap-tiap bagian yang bersangkutan pada CV Harmoni Sinergi

Ekacipta sebagai berikut :

1. Direktur

Mempunyai tugas untuk memimpin perusahaan dengan menerbitkan

kebijakan-kebijakan perusahaan, memilih, menetapkan, mengawasi tugas dari

karyawan dan kepala bagian (manajer), menyetujui anggaran tahunan

perusahaan dan menyampaikan laporan kepada pemegang saham atas kinerja

perusahaan.

2. Wakil Direktur

Mempunyai tugas untuk mengkoordinasi manajer-manajer bidang dalam

menjalankan fungsinya, mengkoordinasi manajer pengkaderan dalam

peningkatan kualitas dan kuantitas anggota, dan membantu direktur dalam

Page 20: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

7

menjalankan tugas-tugasnya, menjadi teladan yang baik bagi pengurus dan

memotivasi pengurus yang lain.

3. Projek Manajer

Mempunyai tugas untuk mengidentifikasi dan menyelesaikan potensi masalah

yang akan timbul agar dapat diantisipasi secara dini, melakukan koordinasi

kedalam (team proyek, manajemen, dll) dan keluar, dibantu semua coordinator

menyiapkan rencana kerja operasi proyek, meliputi aspek teknis, waktu,

admisitrasi dan keuangan proyek, melaksanakan dan mengontrol operasional

proyek sehingga operasi proyek dapat berjalan dengan rencana (on track),

mengkomunikasikan dalam bentuk lisan dan tertulis (Laporan Kemajuan

Pekerjaan), dan harus mengontrol proyek yang ditanganinya. Proyek harus

selesai sesuai dengan budget, sesuai dengan spesifikasi, dan waktu, proyek

yang ditangani harus mempunyai return yang nyata terhadap organisasi. Taat

kepada setiap kebijakan yang dikeluarkan organisasi, harus mengambil

keputusan dengan wewenang yang terbatas dari organisasi.

4. Marketing Manajer

Mempunyai tugas untuk bertanggung jawab terhadap manajemen bagian

pemasaran (Direktorat Penegakan Hukum), bertanggung jawab terhadap

perolehan hasil penjualan dan penggunaan dana promosi, koordinator manajer

produk dan manajer penjualan, membina bagian pemasaran dan membimbing

seluruh karyawan bagian pemasaran, dan membuat laporan pemasaran kepada

direksi.

Page 21: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

8

5. Pelaksana

Mempunyai tugas untuk menyimpan gambar kerja dengan baik, tidak boleh

merubah/mencoret tanpa seizing atasan langsung, melaksanakan pekerjaan

dengan konsisten sesuai dengan rencana mutu proyek (instruksi pekerja),

spesifikasi teknis dari pelanggan, dan gambarkerja yang diterimanya dengan

mengarahkan tukang/sub kontraktor dan pekerjaanya hingga didapat pekerjaan

yang mutu, tepat waktu, dan biaya seefisien mungkin, Melaksanakan tindakan

koreksi dan pencegahan, membuat dan melaksanakan detaik program kerja

berdasarkan program harian/mingguan/bulanan yang ada serta melaporkan

prestasi kerja ke kepala proyek, membuat opname prestasi perkejaan bersama-

sama kepala proyek dan sub kontraktor (bila ada) yang bersangkutan untuk

keperluan tagihan dan lain-lain, dan menyelenggarakan pencatatan-pencatatan

atas tindakan yang telah dikerjakan baik qualitatif maupun quantitatif untuk

dapat membuat laporan.

Page 22: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

9

BAB III

LANDASAN TEORI

3.1 Rancang Bangun

Menurut Jogiyanto (2015) rancang bangun (desain) adalah tahap dari

setelah analisis dari siklus pengembangan sistem yang merupakan pendefinisian

dari kebutuhan -kebutuhan fungsional, serta penggambaran bagaimana suatu

sistem dibentuk yang dapat berupa pengGambaran, perencanaan, dan pembuatan

sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan

yang utuh dan berfungsi, termasuk mengangkut mengkonfigurasikan dari

komponen-komponen perangkat keras dan perangkat lunak dari suatu system.

penjelasan diatas dapat disimpulkan rancang bangun sistem merupakan kegiatan

menterjemahkan hasil analisa kedalam bentuk paket perangkat lunak kemudian

menciptakan sistem tersebut atau memperbaiki sistem yang ada.

3.2 Aplikasi

Menurut Jogiyanto (2015) program aplikasi adalah program siap pakai

atau program yang direka untuk melaksanakan suatu fungsi bagi pengguna atau

aplikasi yang lain. Aplikasi juga diartikan sebagai penggunaan atau penerapan

suatu konsep yang menjadi pokok pembahasan atau sebagai program komputer

yang dibuat untuk menolong manusia dalam melaksanakan tugas tertentu.

Aplikasi software yang dirancang untuk penggunaan praktisi khusus, klasifikasi

luas ini dapat dibagi menjadi 2 (dua) yaitu:

1. Aplikasi software spesialis, program dengan dokumentasi tergabung yang

dirancang untuk menjalankan tugas tertentu.

Page 23: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

10

2. Aplikasi paket, suatu program dengan dokumentasi tergabung yang dirancang

untuk jenis masalah tertentu.

Dari kedua pengertian di atas dapat disimpulkan bahwa aplikasi adalah

sekumpulan perintah atau kode yang disusun secara sistematik untuk menjalankan

suatu perintah yang diberikan oleh manusia melalui komponen atau hardware

komputer yang digunakan oleh manusia dalam menjalankan program aplikasi,

dengan demikian bisa membantu manusia untuk memberikan solusi dari apa yang

diinginkan.

3.3 Website

Yang dimaksud dengan aplikasi Web atau aplikasi berbasis Web (Web-

based application) menurut jenner (2010) adalah aplikasi yang dijalankan melalui

browser. Aplikasi seperti ini pertama kali dibangun hanya dengan menggunakan

bahasa yang disebut HTML (Hyper Text Markup Language) dan protokol yang

digunakan dinamakan HTTP (Hyper Text Transfer Protocol). Namun, tentu saja

hal seperti ini memiliki kelemahan. Semua perubahan harus dilakukan pada level

aplikasi. Pada perkembangan berikutnya, sejumlah skrip dan objek dikembangkan

untuk memperluas kemampuan HTML.

Konsep yang mendasari aplikasi Web sebenarnya sederhana. Operasi yang

melatarbelakanginya melibatkan pertukaran informasi antara komputer yang

meminta informasi, yang disebut klien, dan komputer yang memberikan maupun

menyimpan informasi (server). Secara lebih detail, server yang melayani

permintaan dari klien yang sesungguhnya berupa suatu perangkat lunak yang

dinamakan Web Server.

Page 24: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

11

3.4 System Flow

Menurut Pahlevy (2010), System Flow atau Flowchart merupakan

Gambaran dalam bentuk diagram alir dari algoritma-algoritma suatu program

yang menyatakan arah alur program tersebut. Bagan alir (Flowchart) merupakan

bagan (chart) yang menunjukkan alir atau suatu arus (Flow) didalam program atau

prosedur sistem secara logika. Grafik pada Flowchart mengkomunikasikan aliran

data dan prosedur proses informasi yang dibutuhkan dalam sistem informasi.

3.5 Data Flow Diagram

Data Flow Diagram (DFD) menurut Sukamto dan Shalahuddin (2014)

adalah representasi grafik yang menggambarkan aliran informasi dan transformasi

informasi yang diaplikasikan sebagai data yang mengatur dari masukan (input)

dan keluaran (output). Komponen-komponen yang ada pada DFD terdiri dari

User atau terminator, process activity, data Flow, dan data store.

3.6 System Development Life Cycle.

Salah satu konsep Pressman (2015) model pengembangan sistem adalah

dengan menggunakan System Development Life Cycle (SDLC) atau Siklus Hidup

Perkembangan Sistem. Pengembangan atau perubahan tersebut dilakukan dengan

cara menggunakan model-model dan metodologi yang digunakan oleh banyak

orang yang telah mengembangkan sistem-sistem perangkat lunak sebelumnya.

Pada penelitian ini model SDLC yang digunakan adalah Model Waterfall

ditunjukkan pada gambar 3.1.

Page 25: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

12

1. Analisa Kebutuhan yaitu menyangkut estimasi dari kebutuhan – kebutuhan

fisik tenaga kerja dan dana yang dibutuhkan untuk mendukung

pengembangan sistem yang telah diterapkan.

2. Desain Sistem yaitu menganalisa sistem yang telah berjalan, kemudian

dilakukan perbaikan dalam sistem yang baru.

3. Penulisan Kode Program yaitu Tahapan untuk merancang dan membuat

desain berdasarkan hasil rancangan yang ada. Tool yang digunakan dalam

perancangan adalah Xampp, Sublime text 3 dan report designer Stimulsoft.

4. Pengujian Program yaitu tahapan pengujian aplikasi apakah berjalan

dengan maksimal sesuai dengan rancangan yang dibuat.

5. Penerapan Program dan Pemeliharaan yang termasuk diantaranya

instalasi dan proses perbaikan sistem apabila ditemukan adanya

kesalahan/bug yang tidak ditemukan pada tahap testing.

Gambar 3. 1 Pengembangan menggunakan Model Waterfall

Page 26: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

14

BAB IV

DESKRIPSI PEKERJAAN

Metode yang diterapkan pada penelitian ini menggunakan metode

penelitian Waterfall. Dengan menggunakan metode Waterfall ini menggunakan

yang sistematis dan juga berurutan dalam pengembangan penelitian.

4.1 Requirement Analysis

4.1.1 Wawancara

Wawancara ini ditujukan pada bagian operasional pada CV Harmoni

Sinergi Ekacipta. Langkah ini untuk mengetahui permasalahan – permasalahan

yang terjadi dan untuk memperoleh kebutuhan – kebutuhan sistem yang akan

dibangun untuk menghasilkan informasi.

Gambar 4. 1 Model Waterfall

Page 27: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

15

4.1.2 Observasi

Langkah ini dilakukan untuk mengamati dan mengidentifikasi penjualan

barang dari pelanggan sampai kasir yang masih menggunakan nota untuk

melakukan penjualan, kemudian bagian kasir akan membuat laporan untuk

diberikan kepada pemilik. Alur proses bisnisnya dapat dilihat pada Gambar 4.2 :

Alur proses bisnis

Pelanggan Kasir Pemilik

Ph

ase

Start

End

Memilih

barang

Membeli

barang

Membuatkan

nota penjualan

rangkap

2(putih dan

merah)

Nota

penjualan

Membuat

rekap

harian

Rekap harian

Membuat

laporan

penjualan

Laporan

penjualan

Nota

penjualan

Gambar 4. 2 Alur Proses Bisnis Penjualan Barang

Page 28: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

16

4.1.3 Identifikasi masalah

Tahap identifikasi masalah ini digunakan untuk pembangunan aplikasi

dengan menganalisis permasalahan yang ada, seperti pada tabel berikut :

Tabel 4. 1 Identifikasi masalah

No Masalah Penyebab Solusi

1 Proses penjualan barang yang

dilakukan masih dilakukan

secara manual

Sering terjadi ketidak

akuratan data barang

yang tersedia di Toko.

Membuat sistem

untuk penjualan

barang dan

mengelola data

barang di dalam

database

2 Proses pembuatan laporan

penjualan masih dilakukan

secara manual

Sering terjadi ketidak

akuratan data,

sehingga efeknya

owner tidak bisa

melihat perkembangan

penjualan tiap

periodenya.

Membuat sistem

untuk membuat

laporan laporan

penjualan yang

terhubung dengan

database.

Page 29: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

17

Sysflow Proses Penjualan Barang

Kasir Sistem Pemilik P

has

e

start

Memilih halaman

penjualan

Menampilkan

halaman

penjualan

Mengisi data penjualan

(pelanggan, kode_barang

dan jumlah barang)

Mengelola

data

penjualan

Penjualan

Menampilkan

penjualan yang sudah

disimpan

Laporan

penjualan

Menampilkan

laporan penjualan

kepada pemilik

Pemilik menginputkan

parameter berupa

tanggal, bulan dan

tahun

Mencetak

laporan

penjualan

End

Gambar 4. 3 Alur Aplikasi Kasir

Gambar 4.3 menjelaskan tentang alur aplikasi kasir berbasis web yang

memiliki aktor dan sistem yang ada pada kasir dan pemilik. Dimulai dari kasir

memilih halaman penjualan, kemudian sistem akan menampilkan halaman

penjualan. Setelah itu kasir akan mengisi data penjualan berupa nama pelanggan,

kode barang dan jumlah barang, kemudian sistem akan mengelola data penjualan

ke dalam tabel penjualan, selanjutnya sistem akan menampilkan laporan penjualan

Page 30: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

18

kepada pemilik agar pemilik dapat mengetahui laporan penjualan dengan mengisi

parameter yang diinginkan.

4.2 Analisis

4.2.1 Kebutuhan pengguna

Berdasarkan hasil wawancara, maka dibuatlah analisis pengguna untuk

mengetahui kebutuhan pengguna yang berhubungan langsung dengan aplikasi

yang dibuat supaya dapat sesuai dengan apa yang dibutuhkan. Peran dan tanggung

jawab pengguna antara lain :

Tabel 4. 2 Kebutuhan Pengguna

No Pengguna Tanggung jawab Kebutuhan

1 Kasir - Mengelola data pelanggan

- Mengelola data barang

- Menginputkan data penjualan

dan cetak nota

- Input/update/delete

data pelanggan

- Input/update/delete

data barang

- Input dan membuat

laporan penjualan

2 Pemilik - Membuat laporan penjualan

- Mengelola data pengguna

- Membuat laporan

penjualan

- Input/update/delete

data pengguna

4.2.2 Kebutuhan Fungsional

Kebutuhan fungsional merupakan proses penyusunan fungsi apa saja yang

akan dibangun di dalam sistem. Fungsi – fungsi yang dibangun didalam sistem

tersebut nantinya akan digunakan oleh para pengguna sesuai kebutuhannya.

Pengguna sistem tersebut di dalam kasus ini adalah Kasir dan Pemilik. Berikut ini

Page 31: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

19

merupakan hasil analisis kebutuhan fungsional untuk para pengguna sistem yang

akan dibangun.

1. Fungsi Login

Tabel 4. 3 Login

Nama Fungsi Fungsi Login

Pengguna Kasir, Pemilik

Deskripsi Fungsi ini digunakan untuk masuk ke dalam aplikasi

Kondisi awal Tampilan awal login memasukkan username dan password

Alur 1. User membuka halaman login

2. User menginputkan username dan password

3. User menekan tombol Sign In

Kondisi akhir Menampilkan halaman utama dari masing-masing pengguna

Error Handling Jika user mengisi username atau password salah, maka akan

muncul pesan “username atau password salah” dan gagal

untuk masuk halaman utama

2. Fungsi Mengelola Data Pelanggan

Tabel 4. 4 Mengelola Data Pelanggan

Nama Fungsi Fungsi Mengelola Data Pelanggan

Pengguna Kasir

Deskripsi Fungsi ini digunakan untuk menambahkan, mengupdate,

menghapus pelanggan

Kondisi awal Tampilan awal adalah halaman pelanggan

Alur 1. User login

2. User memilih menu halaman pelanggan

3. Jika user menekan tombo tambah, maka akan muncul

form pengisian data, kemudian tekan tombol simpan, maka

data akan tersimpan

4. jika user menekan tombol update, maka akan muncul

Page 32: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

20

form pengisian data yang ingin diganti, kemudian tekan

tombol simpan, maka data akan terupdate

5. Jika user menekan tombol hapus, maka akan muncul alert

“apakah ingin dihapus”, kemudian tekan tombol ya, maka

data akan terhapus

Kondisi akhir Data yang diinput akan tersimpan, data yang diupdate akan

terganti dan data yang dihapus akan hilang dalam database

Error Handling Jika user tidak mengisi inputan data pelanggan, maka akan

muncul pesan “inputan harus diisi”

3. Fungsi Mengelola Data Barang

Tabel 4. 5 Mengelola Data Barang

Nama Fungsi Fungsi Mengelola Data Barang

Pengguna Kasir

Deskripsi Fungsi ini merupakan kegiatan untuk mengelola data barang

(update/delete)

Kondisi awal Tampilan awal adalah halaman Data Barang

Alur 1. User login

2. User memilih menu data barang

3. Jika user menekan tombo tambah, maka akan muncul

form pengisian data, kemudian tekan tombol simpan, maka

data akan tersimpan

4. jika user menekan tombol update, maka akan muncul

form pengisian data yang ingin diganti, kemudian tekan

tombol simpan, maka data akan terupdate

5. Jika user menekan tombol hapus, maka akan muncul alert

“apakah ingin dihapus”, kemudian tekan tombol ya, maka

data akan terhapus

Kondisi akhir Data yang diinput akan tersimpan, data yang diupdate akan

terganti dan data yang dihapus akan hilang dalam database

Error Handling Jika barang dihapus masih berelasi dengan tabel lain, maka

Page 33: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

21

akan muncul pesan “data tidak bisa dihapus”

4. Fungsi Menginputkan Data Penjualan dan Cetak Nota

Tabel 4. 6 Menginputkan Data Penjualan dan Cetak Nota

Nama Fungsi Fungsi Menginputkan Data Penjualan dan Cetak Nota

Pengguna Kasir

Deskripsi Fungsi ini merupakan kegiatan untuk menginputkan data

penjualan dan cetak nota

Kondisi awal Tampilan awal adalah halaman penjualan barang

Alur 1. User login

2. User memilih menu penjualan

3. User memasukkan data penjualan

4. User menekan tombol simpan

5. Data penjualan tersimpan dan mencetak nota

Kondisi akhir Data yang diinputkan akan masuk ke dalam database

Error Handling Jika user tidak mengisi inputan data penjualan, maka akan

muncul pesan “inputan harus diisi” dan proses penjualan

tidak bisa dilakukan

5. Fungsi Mengelola Data Pengguna

Tabel 4. 7 Mengelola Data Pengguna

Nama Fungsi Fungsi Mengelola Data Pengguna

Pengguna Pemilik

Deskripsi Fungsi ini digunakan untuk menambahkan, mengupdate,

menghapus kasir

Kondisi awal Tampilan awal adalah halaman pengguna

Alur 1. User login

2. User memilih menu halaman pengguna

3. Jika user menekan tombo tambah, maka akan muncul

form pengisian data, kemudian tekan tombol simpan, maka

Page 34: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

22

data akan tersimpan

4. jika user menekan tombol update, maka akan muncul

form pengisian data yang ingin diganti, kemudian tekan

tombol simpan, maka data akan terupdate

5. Jika user menekan tombol hapus, maka akan muncul alert

“apakah ingin dihapus”, kemudian tekan tombol ya, maka

data akan terhapus

Kondisi akhir Data yang diinput akan tersimpan, data yang diupdate akan

terganti dan data yang dihapus akan hilang dalam database

Error Handling Jika user tidak mengisi inputan data pengguna, maka akan

muncul pesan “inputan harus diisi”

6. Fungsi Membuat Laporan Penjualan

Tabel 4. 8 Membuat Laporan Penjualan

Nama Fungsi Fungsi Membuat Laporan Penjualan

Pengguna Pemilik

Deskripsi Fungsi ini digunakan untuk membuat laporan penjualan

berdasarkan parameter tanggal yang diinputkan

Kondisi awal Tampilan awal adalah halaman Laporan Penjualan

Alur 1. User login

2. User memilih menu laporan penjualan yang ingin dicetak

Kondisi akhir Mencetak laporan berdasarkan data yang diinginkan user

Error Handling -

4.2.3 Kebutuhan Non Fungsional

Berikut adalah kebutuhan-kebutuhan non-Fungsional yang nantinya ada di

dalam aplikasi yang dibagi kedalam beberapa kategori, diantaranya :

Page 35: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

23

1. Reabilitas

Sistem dapat memberikan hak akses kepada bagian kasir untuk melakukan

penjualan barang ke pelanggan dan membuat laporan penjualan. Kemudian

pemilik dapat melihat laporan penjualan yang diberikan oleh kasir secara

realtime.

2. Kenyamanan

Saat menggunakan aplikasi penjualan barang, kasir dapat memperoleh

kenyamanan dalam segi kecepatan dan juga kemudahan. Desain dan tata letak

layout website harus sesuai dengan kebutuhan.

3. Portabilitas

Aplikasi Penjualan Barang ini bisa diakses di berbagai macam device seperti

komputer, laptop, dan handphone.

4. Waktu Merespon

Aplikasi Penjualan Barang ini harus bisa langsung merespon perintah dari

pengguna aplikasi dengan estimasi waktu 50 detik.

5. Keamanan

Keamanan harus bisa dijamin dalam penggunaan aplikasi, mulai dari

keamanan hak akses untuk masuk ke aplikasi penjualan barang, serta

keamanan perubahan password dan data penjualan harus di lakukan oleh yang

memiliki hak akses masing-masing.

4.3 Desain dan Pemrograman

Setelah melakukan identifikasi masalah, maka langkah selanjutnya yaitu

melakukan perancangan sistem untuk menentukan kebutuhan-kebutuhan aplikasi.

Page 36: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

24

4.3.1 Desain Sistem

Pemilik

Kasir

Website penjualan

Database

Sistem

Gambar 4. 4 Desain Sistem

Pada Gambar 4.4 kasir dan pemilik masuk ke website dengan melakukan

login. Kemudian aplikasi akan menampilkan halaman utama masing-masing, jika

login sebagai kasir maka hak akses yang diberikan adalah melakukan input data

barang, stok, penjualan, sedangkan jika login sebagai pemilik maka hak aksesnya

adalah dapat melakukan update/hapus data barang, stok, user dan melihat laporan

penjualan. Semua data yang telah diinputkan dan diupdate akan tersimpan di

dalam database, sedangkan data yang dihapus akan menghilang dari database.

4.3.2 Diagram IPO

Diagram IPO (Input Proses Output) untuk mendifinisikan suatu proses dan

hubungan variabel input dan respons pada aplikasi penjualan barang, seperti pada

Gambar 4.5

Page 37: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

25

INPUT PROSES OUTPUT

DIAGRAM IPO

Input

Data barang

Mengelola

Data barangDaftar Master Barang

Input

Data Pelanggan

Mengelola

Data pelangganDaftar Master Pelanggan

Input

Data pengguna

Mengelola

Data penggunaDaftar Master Pengguna

A

B

C

Pengelolahan Data

Penjualan dan

cetak nota

Daftar penjualan barang

A

B

C

Input

Data penjualan

Mengelola

Data penjualanData penjualan barang Laporan Penjualan

Gambar 4. 5 Diagram IPO (Input Proses Output)

4.3.3 Diagram Jenjang

Diagram jenjang menggambarkan seluruh proses dari fungsi-fungsi

didalam aplikasi penjualan barang berbasis website secara berjenjang, dapat

dilihat pada Gambar 4.6.

Page 38: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

26

Aplikasi Penjualan Barang

Berbasis Website

Master Data

Data Penjualan

Barang Data barang Data Pelanggan Data Pengguna

Data Laporan

Penjualan

Penjualan

Input data

penjualanCetak nota

Cetak laporan

penjualan

Gambar 4. 6 Diagram Jenjang Aplikasi Penjualan Barang

4.3.4 Context Diagram dan Data Flow Diagram

Context Diagram dan Data Flow Diagram menggambarkan tentang

hubungan antara entitas-entitas yang terlibat dalam sistem serta aliran data

yang berjalan di dalam aplikasi. Gambar 4.7 merupakan gambar Context

Diagram dan Gambar 4.8 hingga Gambar 4.13 merupakan Data Flow Diagram

dari Aplikasi Penjualan Barang.

Gambar 4. 7 Context Diagram

input data penjualan

data pelanggan terupdate

data barang terupdate

data laporan

penjualan

1

Aplikasi

Penjualan

Barang

Pemilik UsahaBagian Kasir

data penjualan barang

mengelola data

penjualan

master pelanggan

master barang

master pengguna

data pengguna terupdate

cetak nota cetak laporan

penjualan

Page 39: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

27

Pada Gambar 4.7, menggambarkan proses dan ruang lingkup sistem

aplikasi Website secara umum, Context Diagram di atas memiliki 2 entitas yaitu

Pemilik dan Kasir. Detail dari Context Diagram dapat dilihat pada Data Flow

Diagram.

Gambar 4. 8 Data Flow Diagram Level 0

Pada Gambar 4.8, merupakan gambaran dari alur yang terjadi pada proses

penjualan barang. DFD diatas menjelaskan alur yang terjadi mulai dari aktor ke

proses atau sistem dan akhirnya masuk ke dalam database.

Mengelola

disimpan menampilkan

mengambil data

penjualan

bagian kasir

pemilik usaha

1

Master Data

2

penjualan barang

3

laporan penjualan

1 Data pengguna

2 Data barang

3Data

pelanggan

4 Data penjualan

menampilkan

disimpan

disimpan menampilkan

menginputkan mengambil data mengambil data

disimpan

mengelola

mengambil data

membuat

Page 40: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

28

Gambar 4. 9 Data Flow Diagram Level 1 (Data Master)

Pada Gambar 4.9, merupakan alur proses data master barang, pengguna

dan pelanggan, mulai dari aktor menginputkan melalui sistem yang telah dibuat.

Kemudian data yang telah diinputkan akan masuk ke dalam database.

Gambar 4. 10 Data Flow Diagram Level 2 (Proses Penjualan)

Pada Gambar 4.10, merupakan alur proses penjualan barang akan

mengambil data dari database pengguna, pelanggan dan barang yang akan

diproses menjadi nota penjualan barang untuk diberikan kepada pelanggan.

bagian kasir

pemilik usaha

1.1

master data

pengguna

1.2

master data

barang

1.3

master data

pelanggan

2 Data barang

3 Data pelanggan

1 Data penggunadaftar master

pengguna

daftar master

pelanggan

data master

barang

info data

input data

input data

input data

info data

info data

bagian kasir 2.1

input data penjualan

2.2

cetak nota

4 Data penjualan

menginputkan

mengambil

data barang

menyimpan

mengambil

mengambil

data

pelanggan

mengambil data pengguna

1 Data pengguna

3 Data pelanggan 2 Data barang

Page 41: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

29

Gambar 4. 11 Data Flow Diagram Level 3 (Laporan Penjualan)

Pada Gambar 4.11, merupakan alur proses untuk membuat laporan

penjualan yang akan mengambil data dari database penjualan yang kemudian

dicetak sesuai dengan yang diinginkan.

4.3.5 Perancangan Database

Perancangan database untuk memenuhi informasi yang berisikan

kebutuhan – kebutuhan pengguna. Serta juga memudahkan untuk struktur

informasi dan mendukung pemrosesan dan beberapa objek penampilan aplikasi.

4.3.6 Conceptual Data Model dan Physical Data Model

Conceptual Model & Physical Data Model untuk mempresentasikan

seluruh muatan informasi yang dikandung oleh basis data. Gambar 4.12

merupakan Conceptual Data Model dan Gambar 4.13 Physical Data Model dari

Aplikasi Penjualan Barang.

pemilik usaha3.1

cetak laporan

penjualan

mengambilmembuat

4 Data penjualan

Page 42: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

30

Gambar 4. 12 Conceptual Data Model Penjualan Barang

Gambar 4. 13 Physical Data Model Penjualan Barang

data pengguna

data barang

data pelanggan

Penjualan

sales_id

no_nota

subtotal

grandtotal

status

<pi> Integer

Variable characters (50)

Integer

Integer

tinyint

<M>

Identifier_1 <pi>

Pengguna

user_id

username

password

nama

alamat

level

<pi> Integer

Variable characters (40)

Variable characters (40)

Variable characters (100)

Variable characters (200)

Integer

<M>

Identifier_1 <pi>

Barang

item_id

barcode

nama_barang

stok

harga

created

updated

<pi> Integer

Variable characters (100)

Variable characters (40)

Integer

Integer

Date & Time

<Undefined>

<M>

Identifier_1 <pi>

Pelanggan

customer_id

nama

kelamin

no.hp

alamat

created

<pi> Integer

Variable characters (100)

Variable characters (50)

Integer

Variable characters (200)

Date & Time

<M>

Identifier_1 <pi>

Item_id=Item_id

Barang

item_id

barcode

nama_barang

stok

harga

created

updated

int

varchar(100)

varchar(40)

int

int

datetime

<Undefined>

<pk>

Pelanggan

customer_id

nama

kelamin

no.hp

alamat

created

int

varchar(100)

varchar(50)

int

varchar(200)

datetime

<pk>

Pengguna

user_id

username

password

nama

alamat

level

int

varchar(40)

varchar(40)

varchar(100)

varchar(200)

int

<pk>

Penjualan

sales_id

customer_id

item_id

user_id

no_nota

subtotal

grandtotal

status

int

int

int

int

varchar(50)

int

int

tinyint

<pk>

<fk3>

<fk2>

<fk1>

user_id=user_id

customer_id=customer_id

Page 43: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

31

4.3.7 Struktur Tabel

Struktur tabel menjelaskan secara detail mengenai tabel dari nama

atribut, type, ukuran field, beserta penjelasan kegunaannya, yang nantinya akan

digunakan pada aplikasi. Berikut penjelasannya :

1. Nama Tabel : Pengguna

Fungsi : Menyimpan Data Pengguna

Primary Key : User_id

Foreign Key : -

Tabel 4. 9 Tabel Pengguna

Field Name Type Field Size Description

User_id Int 11 Primary Key

Username Varchar 40 Username untuk

melakukan login

Password Varchar 40 Password untuk

melakukan login

Nama Varchar 100 Menjelaskan nama

pengguna.

Alamat Varchar 200 Menjelaskan alamat

pengguna.

Level Int 11 Hak akses pengguna

2. Nama Tabel : Barang

Fungsi : Menyimpan Data Barang

Primary Key : Item_id

Foreign Key : -

Page 44: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

32

Tabel 4. 10 Tabel Barang

Field Name Type Field Size Description

Item_id Int 11 Primary Key

Kode Varchar 100 Menjelaskan tentang

kode barang

Nama Varchar 40 Menjelaskan nama

barang

Harga Int 11 Menjelaskan harga

barang

Stok Int 11 Menjelaskan stok

barang

Created Datetime - Menjelaskan tanggal

barang yang dibuat

Updated Datetime - Menjelaskan tanggal

barang yang diupdate

3. Nama Tabel : Pelanggan

Fungsi : Menyimpan Data Pelanggan

Primary Key : Customer_id

Foreign Key : -

Tabel 4. 11 Tabel Pelanggan

Field Name Type Field Size Description

Customer_id Int 11 Primary Key

Nama Varchar 100 Menjelaskan nama

pelanggan

Kelamin Enum „L‟, „P‟ Menjelaskan tentang

kelamin pelanggan

No_hp Int 11 Menjelaskan no_hp

pelanggan

Page 45: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

33

Field Name Type Field Size Description

Alamat Varchar - Menjelaskan alamat

pelanggan

Created Datetime 11 Menjelaskan tanggal

input pelanggan

1. Nama Tabel : Penjualan

Fungsi : Menyimpan Data Penjualan Barang

Primary Key : Sales_id

Foreign Key : item_id, user_id, customer_id

Tabel 4. 12 Tabel Penjualan

Field Name Type Field Size Description

Sales_id Int 11 Primary Key

Item_id Int 11 Foreign Key

User_id Int 11 Foreign Key

Customer_id Int 11 Foreign Key

No_nota Varchar 50 Menjelaskan tentang

nota penjualan

Subtotal Int 11 Menjelaskan tentang

total harga

Grandtotal Int 11 Menjelaskan tentang

total keseluruhan harga

Tanggal Date - Menjelaskan tentang

tanggal penjualan

Created Datetime - Menjelaskan tanggal

dibuat penjualan

Status Tinyint - Menjelaskan tentang

status penjualan

Page 46: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

34

4.4 Implementasi Sistem

Pada bagian ini akan dilakukan pengujian terhadap fungsi-fungsi yang ada di

dalam aplikasi penjualan barang.

4.4.1 Implementasi Halaman Bagian Kasir

Halaman Bagian Kasir penjualan barang merupakan sebuah halaman yang

digunakan untuk Bagian Kasir, Untuk dapat mengakses aplikasi penjualan barang,

Bagian Kasir harus mempunyai hak akses agar bisa login ke halaman utama

penjualan barang tersebut. Berikut tampilan halaman login pada aplikasi

penjualan barang seperti pada Gambar 4.14

Pada Gambar 4.14 Bagian Kasir harus menekan tombol Sign In kemudian

Gambar 4.14 bagian kasir masukkan email dan password. Jika bagian kasir tidak

menginputkan email dan password maka akan muncul pesan “please fill out this

field ” seperti pada Gambar 4.15

Gambar 4. 14 Halaman Login Bagian Kasir

Page 47: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

35

Gambar 4. 15 Halaman Login Bagian Kasir

Ketika memasukkan email dan password salah, maka akan muncul alert “email

atau password salah ” seperti pada Gambar 4.16

Gambar 4. 16 Halaman Login Bagian Kasir

Selanjutnya jika email dan password sudah benar, maka akan menampilkan

halaman utama bagian kasir seperti pada Gambar 4.17

Page 48: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

36

Gambar 4.17 merupakan halaman utama bagian kasir untuk melakukan pengisian

data master pelanggan, barang dan data penjualan.

Gambar 4.18 merupakan halaman data master pelanggan untuk melakukan

Gambar 4.18 merupakan halaman tambah data master pelanggan hanya menekan

tombol tambah yang akan berpindah pada halaman ke form tambah data

Gambar 4. 17 Halaman Utama Bagian Kasir

Gambar 4. 18 Halaman Data Master Pelanggan

Page 49: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

37

pelanggan seperti Gambar 4.19 dan untuk mengubah data, bagian kasir tinggal

menekan tombol update yang akan berpindah pada halaman pada Gambar 4.20

Gambar 4.19 merupakan halaman form tambah data pelanggan baru dengan

memasukkan nama_pelanggan, kelamin, telpon dan alamat. Kemudiaan tekan

tombol save maka data pelanggan akan bertambah.

Gambar 4. 19 Halaman Form Tambah Data Pelanggan

Gambar 4. 20 Halaman Form Edit Data Pelanggan

Page 50: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

38

Gambar 4.20 merupakan halaman form edit data pelanggan untuk

melakukan perubahan data dengan menekan tombol save. Jika ingin menghapus

data, maka harus kembali ke halaman data master pelanggan kemudian tekan

tombol hapus Gambar 4.21

Gambar 4.21 merupakan halaman data master pelanggan untuk menghapus

data hanya menekan tombol hapus maka akan keluar pesan “apakah anda yakin”

jika yakin maka tekan tombol ok untuk menghapus data pelanggan.

Gambar 4. 21 Halaman Data Master Pelanggan

Gambar 4. 22 Halaman Data Master Barang

Page 51: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

39

Gambar 4.22 merupakan halaman data master barang untuk melakukan

Gambar 4.22 merupakan halaman tambah data master barang hanya menekan

tombol tambah yang akan berpindah pada halaman ke form tambah data barang

seperti Gambar 4.23 dan untuk mengubah data, bagian kasir tinggal menekan

tombol update yang akan berpindah pada halaman pada Gambar 4.24

Gambar 4.23 merupakan halaman form tambah data barang baru dengan

memasukkan kode barang, nama barang, kategori barang, unit barang, harga dan

stok. Kemudiaan tekan tombol save maka data barang akan bertambah.

Gambar 4. 23 Halaman Form Tambah Data Barang

Gambar 4. 24 Form Edit Data Barang

Page 52: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

40

Gambar 4.24 merupakan halaman form edit data barang untuk melakukan

Gambar 4.24 merupakan edit data barang dengan menekan tombol save. Jika ingin

menghapus data, maka harus kembali ke halaman data master barang kemudian

tekan tombol hapus Gambar 4.25

Gambar 4.25 merupakan halaman data master barang untuk menghapus data

hanya menekan tombol hapus maka akan keluar pesan “apakah anda yakin” jika

yakin maka tekan tombol ok untuk menghapus data barang.

Gambar 4.25 Halaman Data Master barang

Gambar 4. 25 Halaman Data Master Barang

Gambar 4. 26 Halaman Data Penjualan

Page 53: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

41

Gambar 4.26 merupakan halaman data penjualan barang untuk melakukan

Gambar 4.26 merupakan halaman tambah data penjualan barang hanya menekan

tombol tambah yang akan berpindah pada halaman tambah data penjualan barang

seperti Gambar 4.27 dan untuk melihat detail data penjualan, bagian kasir tinggal

menekan tombol detail pada Gambar 4.28

Gambar 4.27 merupakan halaman tambah data penjualan barang dengan

memasukkan tanggal, nama kasir, pelanggan, kode barang dan jumlah barang.

Kemudiaan tekan tombol tambah maka data akan masuk kedalam tabel penjualan,

setelah selesai menambah barang, maka bagian kasir akan menyimpan dengan

menekan tombol simpan. Setelah itu bagian kasir akan mencetak nota penjualan

dengan menekan tombol print, maka hasilnya seperti Gambar 4.29

Gambar 4. 27 Tambah Data Penjualan Barang

Page 54: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

42

Gambar 4.28 merupakan detail data penjualan barang yang akan menampilkan

no.nota, tanggal, nama pelanggan, kode barang, nama barang, jumlah barang, total

dan total keseluruhan.

Gambar 4.29 merupakan nota penjualan barang yang akan dicetak dengan

menampilkan no.nota, tanggal, nama pelanggan, kode barang, nama barang,

jumlah barang, total dan total keseluruhan.

Gambar 4. 28 Detail Data Penjualan

Gambar 4. 29 Nota Penjualan

Page 55: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

43

4.4.2 Implementasi Halaman Pemilik Usaha

Halaman Pemilik Usaha penjualan barang merupakan sebuah halaman

yang digunakan untuk Pemilik Usaha, Untuk dapat mengakses aplikasi penjualan

barang, Pemilik Usaha harus mempunyai hak akses agar bisa login ke halaman

utama penjualan barang tersebut. Berikut tampilan halaman login pada aplikasi

penjualan barang seperti pada Gambar 4.30

Pada Gambar 4.30 Bagian Kasir harus menekan tombol Sign In kemudian

Gambar 4.30 merupakan login bagian pemilik usaha dengan masukkan email dan

password. Jika bagian kasir tidak menginputkan email dan password maka akan

muncul pesan “please fill out this field ” seperti pada Gambar 4.31

Gambar 4. 30 Halaman Login Pemilik Usaha

Page 56: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

44

Gambar 4. 31 Halaman Login Pemilik Usaha

Ketika memasukkan email dan password salah, maka akan muncul alert “email

atau password salah ” seperti pada Gambar 4.32

Gambar 4. 32 Halaman Login Pemilik Usaha

Selanjutnya jika email dan password sudah benar, maka akan menampilkan

halaman utama bagian kasir seperti pada Gambar 4.33

Page 57: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

45

Gambar 4.33 merupakan halaman utama bagian pemilik usaha untuk melakukan

pengisian data master pengguna dan melihat laporan penjualan berdasarkan

parameter yang telah diinputkan seperti pada Gambar 4.34

Gambar 4.34 merupakan halaman data laporan penjualan barang untuk melihat

penjualan barang secara keseluruhan dan juga bisa berdasarkan dengan tanggal

Gambar 4. 33 Halaman Utama Bagian Pemilik Usaha

Gambar 4. 34 Halaman Data Laporan Penjualan

Page 58: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

46

yang diinginkan kemudian jika ingin mencetak laporan penjualan dengan

menekan tombol cetak yang akan menampilkan data seperti Gambar 4.35

Gambar 4.35 merupakan laporan penjualan barang yang akan dicetak dengan

menampilkan nama kasir, nama pelanggan, no.nota, tanggal, harga total dan total

keseluruhan

Gambar 4. 35 Laporan Penjualan

Gambar 4. 36 Halaman Data Master Pengguna

Page 59: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

47

Gambar 4.36 merupakan halaman data master pengguna untuk melakukan tambah

data master penggua hanya menekan tombol tambah yang akan berpindah pada

halaman ke form tambah data pengguna seperti Gambar 4.37 dan untuk mengubah

data, bagian kasir tinggal menekan tombol update yang akan berpindah pada

halaman pada Gambar 4.38

Gambar 4.37 merupakan halaman form tambah data pengguna baru dengan

memasukkan nama, username, password, password konfirmasi, alamat dan level

(admin atau kasir). Kemudiaan tekan tombol save maka data barang akan

bertambah.

Gambar 4. 37 Halaman Form Tambah Data Pengguna

Page 60: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

48

Gambar 4.38 merupakan halaman form edit data penjualan untuk melakukan

perubahan data dengan menekan tombol save. Jika ingin menghapus data, maka

harus kembali ke halaman data master pengguna kemudian tekan tombol hapus

Gambar 4.39

Gambar 4. 38 Halaman Form Edit Data Pengguna

Gambar 4. 39 Halaman Data Master Pengguna

Page 61: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

49

Gambar 4.39 merupakan halaman data master pengguna untuk menghapus data

hanya menekan tombol hapus maka akan keluar pesan “apakah anda yakin” jika

yakin maka tekan tombol ok untuk menghapus data pengguna

4.5 Verification

Untuk memastikan apakah semua fungsi-fungsi software benar sesuai

dengan kebutuhan yang sudah didefinisikan sebelumnya.

4.5.1 Pengujian Aplikasi

Uji coba aplikasi ini dilakukan untuk memastikan apakah semua fungsi

pada aplikasi berjalan sesuai dengan tujuan. Uji coba ini memiliki tahapan

menguji semua inputan. Data inputan yang digunakan merupakan data synopsis

yang telah disetujui oleh perusahaan. Tabel 4.13 hingga Tabel 4.16 merupakan

data pengujian dan Tabel 4.17 merupakan pengujian aplikasi kasir pada CV

Harmoni Sinergi Ekacipta.

Tabel 4. 13 Data Pengujian Pelanggan

Pelanggan

Customer_id Nama Kelamin Telp Alamat

1 Nofal L 085852452168 Surabaya

2 Lia P 081852252150 Surabaya

3 Amalia P 085255453162 Sidoarjo

Page 62: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

50

Tabel 4. 14 Data Pengujian Barang

Barang

Item_id Kode Nama Harga Stok

1 001 Nike Rp. 120,000 100

2 002 Puma Rp. 150,000 50

3 003 Adidas Rp. 100,000 70

Tabel 4. 15 Data Pengujian Pengguna

Pengguna

User _id Username Password Nama Alamat Level

1 Pemilik 12345 Pemilik Surabaya 1

2 Kasir 12345 Kasir Surabaya 2

Tabel 4. 16 Data Pengujian Penjualan

Penjualan

Sales

_id

User

_id

Customer_

id

Item

_id

No_nota Subtotal Grandtot

al

Tgl

1 2 1 3 INV-

13052000

01

Rp.

100,000

Rp.

100,000

2020-

05-13

2 2 2 2 INV-

13052000

02

Rp.

120,000

Rp.

120,000

2020-

05-14

Page 63: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

51

Tabel 4. 17 Pengujian Aplikasi Kasir

No Scenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil pengujian

1 Login Melakukan Login

dengan username

dan password

sesuai bagian

Dapat menampilkan

halaman utama

Valid (Gambar

4.14)

Melakukan Login

dengan bukan

username dan

password sesuai

bagian

Dapat menampilkan

halaman utama

Tidak Valid

(Gambar 4.16)

2 Pelanggan Menampilkan data

pelanggan

Dapat menampilkan

data pelanggan

Valid (Gambar 18)

Menambahkan

data pelanggan

Dapat menambahkan

data pelanggan

Valid (Gambar 19)

Mengubah data

pelanggan

Dapat mengubah

data pelanggan

Valid (Gambar 20)

Menghapus data

pelanggan

Dapat menghapus

data pelanggan

Valid (Gambar 21)

3 Barang Menampilkan data

barang

Dapat menampilkan

data barang

Valid (Gambar 22)

Menambahkan

data barang

Dapat menambahkan

data barang

Valid (Gambar 23)

Mengubah data

barang

Dapat mengubah

data barang

Valid (Gambar 24)

Menghapus data

barang

Dapat menghapus

data barang

Valid (Gambar 25)

4 Pengguna Menampilkan data

pengguna

Dapat menampilkan

data pengguna

Valid (Gambar 36)

Page 64: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

52

No Scenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil pengujian

Menambahkan

data pengguna

Dapat menambahkan

data pengguna

Valid (Gambar 37)

Mengubah data

pengguna

Dapat mengubah

data pengguna

Valid (Gambar 38)

Menghapus data

pengguna

Dapat menghapus

data pengguna

Valid (Gambar 39)

5 Penjualan Menambahkan

data penjualan

Dapat menambahkan

data penjualan

Valid (Gambar 27)

Print Nota

Penjualan

Dapat mengeprint

nota penjualan

Valid (Gambar 29)

6 Laporan

penjualan

Menampilkan

laporan penjualan

Dapat menampilkan

laporan penjualan

berdasarkan tanggal

Valid (Gambar 34)

Print laporan

penjualan

Dapat mengeprint

laporan penjualan

Valid (Gambar 35)

Page 65: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

55

BAB V

PENUTUP

5.1 Kesimpulan

Berdasarkan proses yang telah dilaksanakan dalam Rancang Bangun

Aplikasi Kasir Berbasis Website Dari Bagian Kasir sampai ke Pemilik Usaha

maka diambil beberapa kesimpulan sebagai berikut :

1. Dengan adanya program aplikasi yang telah dibuat oleh penulis, maka data

mengenai penambahan pengguna, penambahan pelanggan, penambahan

barang dan transaksi penjualan dapat tersimpan dengan baik dan aman

karena data-data tersebut sudah disimpan ke dalam database.

2. Dengan adanya fitur laporan penjualan, membantu Pemilik Usaha untuk

terintegrasi langsung oleh Bagian Kasir untuk melihat laporan penjualan

yang dilakukan oleh bagian kasir secara efektif.

5.2 Saran

Penulis memiliki saran dalam pengembangan sistem untuk kedepannya

meliputi, sistem ini dapat dikembangkan lebih luas lagi yaitu dengan

menambahkan pembelian barang kepada supplier, serta bisa dilanjutkan untuk

integrasi dengan sistem yang ada pada CV Harmoni Sinergi Ekacipta

Page 66: RANCANG BANGUN APLIKASI KASIR BERBASIS WEBSITE …repository.dinamika.ac.id/id/eprint/5054/15/...toko untuk membeli barang, Kemudian pelanggan memilih barang yang akan ... Selanjutnya

DAFTAR PUSTAKA

Janner, S. (2010). Rekayasa Perangkat Lunak. Yogyakarta: Andi.

Jogiyanto. (2015). Analisa dan Desain Sistem Informasi: Pendekatan Terstruktur

Teori dan Praktik Aplikasi Bisnis. Yogyakarta: Andi.

Pahlevy. (2010). Rancang Bangun Sistem pendukung Keputusan Menentukan

penerima Beasiswa dengan Menggunakan metode Simpele Additive

Weighting (SAW). Surabaya: Universitas Pembangunan Nasional

“Veteran” Jawa Timur.

Pressman. (2015). Rekayasa Perangkat Lunak: Pendekatan Praktisi Buku I.

Yogyakarta: Andi.

Safaat, N. (2012). Buku Android Pemrograman Aplikasi Mobile Smartphone.

Bandung: Informatika.

Shalahuddin, M., & Sukamto, R. A. (2014). Rekayasa Perangkat Lunak

(Terstruktur dan Berorientasi Objek). Bandung: Modula.