KP Pro

APLIKASI PENJULAN KERUDUNG BERBASIS WEBSITE DI
TOKO ULMIYAH HIJAB
KERJA PRAKTEK
Diajukan Sebagai Salah Satu Syarat Kelulusan Mata Kuliah Kerja Praktek
Program Studi Teknik Informatika Fakultas Teknik Universitas Suryakancana
OLEH HERDIANSYAH SETIAWAN 5520116016
PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK UNIVERSITAS
SURYAKANCANA CIANJUR 2019
LEMBAR PERSETUJUAN
LAPORANKERJA PRAKTEK
Nama : HERDIANSYAH SETIAWAN
NPM : 5520116016
Program Studi : TEKNIK INFORMATIKA
Judul : APLIKASI PENJULAN KERUDUNG

BERBASIS WEBSITE DI TOKO ULMIYAH
HIJAB
Telah disetujui untuk disidangkan pada Sidang Kerja Praktek pada Program Sarjana
Strata-1 (S1), Program Studi Teknik Informatika Fakultas Teknik Universitas
Suryakancana.
Cianjur,01Agustus 2019
Pembimbing Kerja Praktek Pembimbing Lapangan
Fuad Nasher,ST,M.Kom M Riyadi Maskur

NIDN. 0409027303
i
LEMBAR PENGESAHAN
LAPORAN KERJA PRAKTEK
NPM : 5520116016
Judul : APLIKASI PENJUALAN HIJAN
WEBSITE DI TOKO ULMIYAH HIJAB
Telah disidangkan dan dinyatakan Lulus Sidang Kerja Praktek pada Program
Sarjana Strata-1 (S1), Program Studi Teknik Informatika Fakultas Teknik
Universitas Suryakancana pada tanggal (tgl-bulan-2018).
Nama Penguji Tanda Tangan
1. Fuad Nasher, ST.,M.Kom
2. Agus Suheri, ST., M.Kom.
Mengetahui :
Ketua Program Studi
Teknik Informatika
Tarmin Abdulghani, ST, MT

NIDN. 0401087591
i
i
LEMBAR PERNYATAAN KEASLIAN LAPORAN
KERJA PRAKTEK
NPM : 5520116016
Judul : APLIKASI POINT OF SALES (POS) BERBASIS
DESKTOP DI CAFE LEKRA KOPI
Dengan ini saya menyatakan bahwa dalam laporan penelitian ini tidak terdapat
karya yang pernah diajukan untuk memperoleh kelulusan Kerja Praktek ataupun
gelar kesarjanaan di suatu Perguruan Tinggi, dan sepanjang pengetahuan saya juga
tidak terdapat karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang
lain, kecuali yang secara tertulis diacu dalam naskah ini dan disebutkan dalam daftar
pustaka.
Cianjur, 01 Agustus 2019
HERDIANSYAH SETIAWAN
NPM.5520116016
iii
APLIKASI POINT OF SALES (POS) BERBASIS DESKTOP DI
CAFE LEKRA KOPI
5520116016
Teknik Informatika
ABSTRAK
Kedai Lekra Kopi merupakan sebuah Coffee Shop yang menjual berbagai
macam kopi dengan berbagai metode penyajian mulai dari Drip, Espresso, French
press dan metode Cold Brew, serta makanan ringan dan berat. Tentunya dalam
pelaksanaan kegiatan pada Kedai Lekra kopi ini adalah penjualan, pemberian nota
pembayaran,kelola menu , pengecekan stok menu dan pembuatan laporan.Saat ini,
hal yang dilakukan ketika berjalan masih menggunakan sistem manual dengan cara
menuliskannya dalam buku maupun nota.
Pembuatan Aplikasi Point Of Sales (POS) Berbasis Desktop Di Cafe Lekra
Kopi yang digunakan adalah menggunakan paradigma model Waterfall dengan
UML (unified modeling language) dengan alat yang digunakan untuk merancang
yaitu usecase diagram, activity diagram, class diagram dan sequence diagram.
Sedangkan alat pembangunan aplikasi database menggunakan MySQL dengan
bahasa pemograman PHP.
Aplikasi yang dirancang mempunyai kelebihan dalam mempermudah admin
dan kasir untuk melakukan transaksi penjualan,bisa melihat stok menu yang sudah
berkurang, dan aplikasi ini dapat mempermudah dalam hal melakukan penjumlahan
Total harga, pembuatan nota pembayaran maupun dalam pembuatan laporan
penjualan baik laporan perhari ataupun perbulan secara otomatis.
Kata Kunci : Penjualan, stok menu , cafe kopi
i
v
KATA PENGANTAR
Puji dan syukur penulis panjatkan kehadirat Illahi Rabbi, yang telah melimpahkan
rahmat dan karunia-Nya penulis dapat menyelesaikan laporan Kerja Praktek yang
berjudul APLIKASI PENJULAN KERUDUNG BERBASIS WEBSITE DI
TOKO ULMIYAH HIJAB.
Laporan ini merupakan salah satu persyaratan kelulusan pada mata kuliah
Kerja Praktek di Program Studi Teknik Informatika Fakultas Teknik Universitas
Suryakancana Cianjur.
Penelitian dan penyusunan laporan Kerja Praktek ini adalah suatu proses
yang tidak lepas dari bantuan, bimbingan, serta dukungan berbagai pihak. Untuk itu
penulis mengucapkan rasa terima kasih dan penghargaan yang sebesar-besarnya
kepada :
1. Yang tercinta kedua orang tua penulis yang telah memberikan doa dan dorongan
kepada penulis baik secara moril maupun materil dalam menyelesaikan Studi
ini.
2. Keluarga besar yang selalu memberi dukungan dan semangat kepada penulis.
3. Tarmin Abdulghani, S.T., M.T. selaku Ketua Program Studi Teknik Informatika.
4. Bapak Fuad Nasher, S.T., M.Kom. selaku Pembimbing Kerja Praktek sekaligus
sebagai Wali Dosen senantiasa meluangkan waktu untuk memberikan petunjuk,
arahan dalam menyusun laporan Kerja Praktek ini.
5. Bapak M Riyadi Maskur selaku Pemilik sekaligus Pembimbing Lapangan Kerja
Praktek ini.
6. Seluruh staf dan dosen Program Studi Teknik Informatika Universitas
Suryakancana yang telah memberikan materi perkuliahan kepada penyusun.
7. Teman – teman seperjuangan IF D 2016 dan seluruh mahasiswa/i informatika
angkatan 2016.
Penulis menyadari bahwa laporan ini masih jauh dari sempurna, oleh
karena itu penulis mengharapkan masukan berupa saran dari semua pihak untuk
perbaikan dan pengembangan penelitian ini. Akhir kata penulisan berharap agar
laporan kerja praktek ini dapat memberikan manfaat bagi perkembangan teknologi
informasi saat ini.
v
Penulis
DAFTAR ISI
v
i
LEMBAR PERSETUJUAN..................................................................................... i
LEMBAR PENGESAHAN ................................................................................... iii
LEMBAR PERNYATAAN KEASLIAN ............................................................ iiiii
ABSTRAK ........................................................................................................... ivv
KATA PENGANTAR ............................................................................................ v
DAFTAR ISI ......................................................................................................... vii
DAFTAR TABEL .................................................................................................. xi
DAFTAR GAMBAR ............................................................................................ xii
DAFTAR SIMBOL .............................................................................................. xiii
DAFTAR LAMPIRAN ......................................................................................... xx
BAB I PENDAHULUAN ................................................................................... 1
1.1. Latar Belakang ................................................................................ 1
1.1. Identifikasi Masalah ........................................................................ 2
1.2. Maksud dan Tujuan ......................................................................... 3
1.3. Batasan Masalah ............................................................................. 3
1.4. Metode Penelitian ........................................................................... 4
1.4.1 Pengumpulan data ...................................................................... 4
1.4.2 Rekayasa Perangkat Lunak ........................................................ 4
1.5. Tempat dan Waktu .......................................................................... 6
1.6. Sistematika Penulisan ..................................................................... 6
BAB II TINJAUAN PUSTAKA ........................................................................ 8
2.1. Sejarah Singkat Cafe Lekra Kopi................................................... 8
2.1.1 Visi dan Misi Cafe Lekra Kopi ................................................... 8
2.1.2 Struktur Organisasi Cafe Lekra Kopi ......................................... 9
2.1.3 Job Deskripsi .............................................................................. 9
2.2 Landasan Teori ............................................................................... 11
2.2.1 Definisi Kopi.......................................................................... 101
2.2.2 Definisi Kafe ............................................................................ 10
2.2.3 Definisi Penjualan .................................................................... 11
2.2.4 Definisi Pembelian ................................................................... 12
2.2.5 Definisi Data ............................................................................ 12
vii
2.2.6 Definisi Informasi .................................................................... 12
2.2.7 Definisi Database .................................................................... 13
2.2.8 Definisi DBMS ........................................................................ 13
2.2.9 Definisi Aplikasi ...................................................................... 14
2.2.10 Definisi Point of Sales (POS) ................................................. 14
2.2.11 Definisi Desktop ..................................................................... 15
2.2.12 Definisi ERD (Entity Relationship Diagram) ......................... 15
2.2.13 Unified modelling language (UML) ....................................... 16
2.3 Tools Pendukung ............................................................................... 29
2.3.1 Visual Paradigm ....................................................................... 29
2.3.2 XAMPP .................................................................................... 29
2.3.3 Sublime Text ............................................................................ 30
2.3.4 Codelgniter............................................................................... 30
2.3.5 Bootstrap .................................................................................. 31
2.3.6 PHP .......................................................................................... 32
2.3.7 Balsamiq Mockups .................................................................. 33
2.3.8 MySQL .................................................................................... 33
2.4 Metode Pengujian ............................................................................. 34
2.4.1 White Box Testing ................................................................... 34
2.4.2 Black Box Testing ................................................................... 34
BAB III ANALISIS DAN PERANCANGAN SISTEM ................................... 37
3.1 Analisis Sistem ................................................................................ 37
3.1.1 Analisis Sistem Yang Berjalan ................................................. 38
3.2 Analisis Kebutuhan Non Fungsional .............................................. 39
3.2.1 Analisis Perangkat Keras ......................................................... 39
3.2.2 Analisis Perangkat Lunak ......................................................... 40
3.2.3 Analisis Kebutuhan Fungsional ................................................ 40
3.2.3.1 Kebutuhan pengelolaan kategori .............................................. 40
3.3 Perancangan Sistem .......................................................................... 40
3.3.1 Use Case ........................................................................................... 41
3.3.2 Use Case Diagram .................................................................... 42
3.3.3 Use Case Scenario .................................................................... 43
v
iii
3.3.4 Activity Diagram ...................................................................... 47
3.3.5 Class Diagram ........................................................................... 56
3.3.6 Sequence Diagram .................................................................... 57
3.4 Perancangan Menu ............................................................................ 62
3.5 Perancangan Antarmuka ................................................................... 63
3.5.1 Antarmuka login ...................................................................... 63
3.5.2 Antarmuka Halaman Admin ..................................................... 64
3.5.3 Antarmuka Halaman Kasir ....................................................... 65
3.5.4 Antarmuka Kelola Penjualan .................................................... 65
3.5.5 Antarmuka Kelola Menu .......................................................... 66
3.5.6 Antarmuka Kelola kategori ....................................................... 66
3.5.7 Antarmuka Kelola Pengguna .................................................... 66
3.5.8 Antarmuka Kelola Grafik Penjualan......................................... 67
3.5.9 Antarmuka Kelola Laporan ...................................................... 67
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM ............................. 68
4.1 Implementasi .................................................................................. 68
4.1.1 Kebutuhan Perangkat Keras..................................................... 68
4.1.2 Kebutuhan Perangkat Lunak .................................................... 68
4.2 Tampilan Antarmuka ..................................................................... 69
4.2.1 Tampilan Halaman Login ......................................................... 69
4.2.2 Tampilan Halaman Utama Admin ............................................ 70
4.2.3 Tampilan Halaman Utama Kasir .............................................. 70
4.2.3 Tampilan Kelola Penjualan ...................................................... 71
4.2.4 Tampilan Kelola Kategori ........................................................ 71
4.2.5 Tampilan Kelola Menu ............................................................. 72
4.2.6 Tampilan Kelola Pengguna ....................................................... 72
4.2.7 Tampilan Kelola Laporan ......................................................... 73
4.2.8 Tampilan Kelola Grafik Penjualan ........................................... 73
4.3 Pengujian ........................................................................................ 74
BAB V PENUTUP .............................................................................................. 78
5.1 Kesimpulan ...................................................................................... 78
5.2 Saran ................................................................................................ 78
ix
DAFTAR PUSTAKA .......................................................................................... 79
DAFTAR RIWAYAT HIDUP ........................................................................... 80
LAMPIRAN-LAMPIRAN.................................................................................. 81
x
DAFTAR TABEL
Tabel 1.1 Jadwal Kegiatan ........................................................................................6

Tabel 2.1 Simbol ERD (Entity Relationship Diagram) ..........................................15
Tabel 2.2 Simbol Use Case Diagram ......................................................................17
Tabel 2.3 Simbol Class Diagram ............................................................................18
Tabel 2.4 Simbol State Machine Diagram .............................................................19
Tabel 2.5 Simbol Activity Diagram ........................................................................21
Tabel 2.6 Simbol Sequence Diagram .....................................................................23
Tabel 2.7 Simbol Collaboration Diagram..............................................................25
Tabel 2.8 Simbol Component Diagram ..................................................................27
Tabel 2.9 Simbol Deployment Diagram ................................................................28
Tabel 3.1 Kebutuhan Spesifikasi Perangkat Keras (Hardware) .............................38
Tabel 3.2 Tabel kebutuhan fungsional ....................................................................39
Tabel 3.3 Daftar Use Case ......................................................................................40
Tabel 3.4 Deskripsi Use Case Login ......................................................................42
Tabel 3.5 Deskripsi Use Case Halaman Utama ......................................................43
Tabel 3.6 Deskripsi Use Case Pengelolaan Menu ..................................................43
Tabel 3.7 Deskripsi Use Case Pengelolaan Kategori .............................................44
Tabel 3.8 Deskripsi Use Case Pengelolaan Data Pengguna ...................................44
Tabel 3.9 Deskripsi Use Case Transaksi ................................................................44
Tabel 3.10 Deskripsi Use Case Grafik Penjualan ... Error! Bookmark not defined.
Tabel 3.11 Deskripsi Use Case Laporan ................. Error! Bookmark not defined.
Tabel 4.1 Spesifikasi kebutuhan Perangkat Keras ..................................................60
Tabel 4.2 Pengujian Black Box.............................................................................74
xi
DAFTAR GAMBAR
Gambar 1.1 Paradigma Waterfall menurut Pressman (Pressman, 2015:42) ........... 4

Gambar 2.1 Struktur Organisasi Cafe Lekra Kopi ................................................. 9
Gambar 2.2 Source Code Php .............................................................................. 33
Gambar 3.1 Swimline Diagram Sistem yang Sedang Berjalan............................. 38
Gambar 3.2 Use Case Diagram Sistem Point Of Sales ......................................... 42
Gambar 3.3 Activity Diagram Login .................................................................... 48
Gambar 3.4 Activity Diagram Halaman Utama Admin........................................ 49
Gambar 3.5 Activity Diagram Halaman Utama Kasir .......................................... 50
Gambar 3.6 Activity Diagram Kelola Menu ......................................................... 51
Gambar 3.8 Activity Diagram Kelola Data Pengguna .......................................... 53
Gambar 3.9 Diagram Transaksi Penjualan Activity ............................................. 54
Gambar 3.10 Activity Diagram Laporan .............................................................. 55
Gambar 3.11 Activity Diagram Grafik Penjualan................................................. 56
Gambar 3.12 Class Diagram Point of Sales Lekra Kopi ....................................... 57
Gambar 3.13 Sequence Diagram Login Point of Sales Lekra Kopi ..................... 58
Gambar 3.14 Sequence Diagram Menu Point of Sales Lekra Kopi ...................... 58
Gambar 3.15 Sequence Diagram Pengguna Point of Sales Lekra Kopi ............... 59
Gambar 3.16 Sequence Diagram Kategori Point of Sales Lekra Kopi ................. 60
Gambar 3.17 Sequence Diagram Penjualan Point of Sales Lekra Kopi ............... 61
Gambar 3.18 Sequence Diagram Laporan Point of Sales Lekra Kopi .................. 61
Gambar 3.19 Sequence Diagram Grafik Penjualan Point of Sales Lekra Kopi ... 62
Gambar 3.20 Struktur Menu ................................................................................. 63
Gambar 3.21 Antarmuka Perancangan Login ....................................................... 64
Gambar 3.22 Antgarmuka Perancangan Halaman Utaman Admin ...................... 64
Gambar 3.23 Antarmuka Perancangan Halaman Utaman Kasir ........................... 65
Gambar 3.24 Antarmuka Perancangan Kelola Penjualan .................................... 65
Gambar 3.25 Antarmuka Perancangan Kelola Menu ......................................... 66
Gambar 3.26 Antarmuka Perancangan Kelola Kategori ...................................... 66
Gambar 3.27 Antarmuka Perancangan Kelola Pengguna .................................... 67
Gambar 3.28 Antarmuka Perancangan Kelola Grafik penjualan .......................... 67
x
ii
Gambar 3.29 Antarmuka Perancangan Kelola Laporan ...................................... 67
Gambar 4.1 Form Login ........................................................................................ 69
Gambar 4.2 Halaman Utama Admin .................................................................... 70
Gambar 4.3 Halaman Utama Kasir ....................................................................... 70
Gambar 4.4 Halaman Kelola Penjualan ................................................................ 71
Gambar 4.4 Halaman Kelola Kategori .................................................................. 71
Gambar 4.5 Halaman Kelola Menu ...................................................................... 72
Gambar 4.7 Halaman Kelola Pengguna ................................................................ 72
Gambar 4.8 Halaman Kelola Laporan .................................................................. 73
Gambar 4.9 Halaman Kelola Grafik Penjualan..................................................... 73
xii
i
DAFTAR SIMBOL
A. Simbol Use Case
No Nama Simbol Gambar Keterangan
1 Aktor Menggambarkan pengguna

software aplikasi (user).
2 Use Case Menggambarkan fungsionalitas

dari suatu sistem, sehingga
customer atau pengguna sistem
paham dan mengerti mengenai
kegunaan sistem yang akan
dibangun.
3 Association Menggambarkan hubungan

antara actor dengan use case.
4 Include Menspesifikasikan bahwa use

case sumber secara ekpslisit.
5 System Menspesifisikan paket yang

menampilkan sistem secara
terbatas
B. Simbol Activity Diagram

x
iv
1 Start State Menggambarkan awal dari suatu
aktivitas yang berjalan pada
sistem
2 End State Menggambarkan akhir dari suatu

sistem.
3 Activity Menggambarkan aktivitas yang

dilakukan pada sistem.
4 Activity Menggambarkan
pembagian/pengelompokan
berdasarkan tugas dan
fungsi tersendiri.
5 Transition to Menggambarkan hubungan antara

self state atau activity yang
kembali kepada state atau activity

itu sendiri.
6 Transition Menggambarkan hubungan antara

State dua state, dua activity ataupun
antara state dan activity.
xv
7 Decision Menggambarkan kondisi dari
sebuah aktivitas yang bernilai
benar/salah.
8 State Menggambarkan kondisi, situasi

ataupun tempat untuk beberapa
aktivitas
9 Fork Menggambarkan aktivitas yang

dimulai dengan sebuah aktivitas
dan diikuti oleh dua atau lebih

aktivitas yang harus dikerjakan.
10 Join Menggambarkan aktivitas yang

dimulai dengan dua atau lebih
aktivitas yang sudah dilakukan dan

menghasilkan sebuah aktivitas.
C. Simbol Class Diagram

x
vi
1 Class • Nama menggambarkan
Diagram nama dari class/objek.
• Atribut menggambarkan
batasan dari nilai yang
dapat dimiliki oleh
property tersebut.
• Method menggambarkan
implementasi dari layanan
yang dapat diminta dari
beberapa object dari class
, yang
mempengaruhi
behaviour.
2 Association Menggambarkan
mekanisme komunikasi
suatu objek dengan objek
lainnya. Atau dapat juga
menggambarkan
ketergantungan antar kelas.
3 Aggregate Menggambarkan bahwa

suatu objek secara fisik
dibentuk
dari objek-objek lain, atau

secara logis mengandung
objek lain.
4 compositiont Menggambarkan bahwa

suatu objek memiliki relasi
atau saling ketergantungan
dengan objek yang lainnya.
xv
ii
5 Multiplicity Menggambarkan
banyaknya object yang
terhubung satu
dengan yang lainnya.

Contoh :
1 Tepat satu
0..* Nol atau lebih
1..* Satu atau lebih
0..1 Nol atau satu
Simbol Sequence Diagram

1 Aktor Menggambarkan seseorang atau

sesuatu (seperti perangkat,
sistem lain) yang berinteraksi

dengan sistem.
2 Boundary Menggambarkan interaksi antara

satu atau lebih actor dengan
sistem, memodelkan bagian dari

sistem yang bergantung pada
pihak lain disekitarnya dan
merupakan pembatas sistem
dengan dunia luar.
x
viii
3 Control Menggambarkan “perilaku
mengatur”, mengkoordinasikan
perilaku sistem dan dinamika dari
suatu sistem, menangani tugas
utama dan mengontrol alur kerja
suatu sistem.
4 Entity Menggambarkan informasi yang

harus disimpan oleh sistem
(struktur data dari sebuah sistem).
5 Object Message Menggambarkan

pesan/hubungan antar
objek, yang
menunjukan urutan kejadian yang

terjadi.
6 Message to Self Menggambarkan

pesan/hubungan objek itu sendiri,
yang
menunjukan urutan kejadian yang

terjadi.
xi
x
7 Object Menggambarkan abstraksi dari
sebuah entitas nyata/tidak nyata
yang informasinya harus
disimpan.
D. Simbol ERD (Entity Relationship Diagram)

Keterangan
No Nama Simbol Gambar
1 Entity Jenis enitas dapat berupa

suatu elemen
lingkungan, sumber
daya atau ransaksi yang
field-fieldnya
dipergunakan dalam aplikasi
program.
2 Garis Relasi Menunjukan keterkitan

(hubungan) antar entitas
3 Entitas Lemah Entitas yang kemunculannya

tergantung dari entitas lain.
x
x
DAFTAR LAMPIRAN
A. Lampiran Penilaian Kerja Praktek

B. Lampiran Source Code Program
xx
i
BAB I
PENDAHULUAN
1.1. Latar Belakang

Perkembangan teknologi semakin pesat dan cepat, khususnya teknologi
informasi dan komunikasi. Teknologi informasi sangat berperan penting hampir
disemua bidang kehidupan manusia, mengingat hal tersebut memberikan hal positif
kerena semakin hari dirasakan semakin banyak kemudahan yang diperoleh.
Teknologi informasi tersebut merupakan suatu wadah dalam mengolah atau
menyampaikan informasi diberbagai bidang, salah satunya di bidang bisnis.
Lekra Kopi adalah cafe kopi yang masih baru di kota Cianjur. Cafe kopi ini
dibuka pada bulan September 2018 di Jl. Oto Iskandardinata No.28 Bojongherang
Cianjur. Lekra Kopi ini menyediakan berbagai macam kopi dengan harga yang
cukup terjangkau.
Aktivitas sehari-hari di Cafe Lekra Kopi masih menggunakan cara-cara
manual, seperti Transaksi Penjualan, pengelolaan menu makanan dan minuman,
pengelolaan kategori, pencarian menu makanan dan minuman, pengelolaan
pengguna, grafik penjualan, dan pembutan laporan-laporan. Pada transaksi
penjualan ketika pembayaran masih dilakukan manual dengan cara mencatat
kedalam sebuah nota kecil yang dapat menyebabkan proses transaksi kurang
efektif, salah satunya apabila banyak pelanggan yang datang kekasir harus menulis
pembayaran satu persatu akan terasa lebih lama dan membuang waktu untuk satu
pelanggan saja, maka yang akan terjadi adalah pengantrian dalam pembayaran.
Point Of Sales (POS) yang merupakan sebuah sistem yang digunakan untuk
melakukan transaksi penjualan retail, seperti di restoran atau cafe. Dengan
memperhatikan hal tersebut dibutuhkan sebuah aplikasi desktop. Aplikasi desktop
adalah aplikasi database yang mampu beroperasi secara offline yang ditempatkan
dalam sebuah peragkat komputer ataupun laptop dengan cara menginstalnya
terlebih dahulu. Sehingga dapat dengan mudah untuk penginputan data, perekapan,
dan pengeditan maupun penghapusan data, yang dimana berfungsi mengolah dan
2
1
menyimpan data menjadi virtual yang di simpan melalui suatu aplikasi
desktop dengan harapan dapat mempermudah dalam proses transaksi penjualan,
pengelolaan menu makanan dan minuman, pengelolaan kategori, pengelolaan
pengguna, pembuatan laporan, grafik penjualan dan stok menu dan pencarian menu
makanan dan minuman. Dengan adanya sistem yang terkomputerisasi ini bertujuan
untuk meningkatkan fasilitas pelayanan kepada pelanggan dengan optimal dan
efisien.
Permasalahan-permasalahan yang terjadi Cafe Lekra Kopi maka dibutuhkan

suatu aplikasi yang dapat memudahkan transaksi penjualan, pengelolaan menu dan
stok, pengelolaan kategori, pengelolaan pengguna, pembuatan laporan, grafik
penjualan dan pencarian menu dengan efektif dan efisien. Oleh karena itu, melalui
Kerja Praktek ini akan dibuat sebuah perangkat lunak berbasis desktop dengan
MYSQL sebagai DBMS, bahasa pemrograman PHP dan aplikasi Sublime Text 3
sebagai media untuk mengimplementasikannya, dan juga nantinya akan dirancang
dengan metode tertentu berdasarkan analisis permasalahan yang ada dan sesuai
dengan kebutuhan.
Berdasarkan latar belakang masalah di atas maka judul yang akan diambil
dalam penelitian kerja praktek ini adalah “APLIKASI POINT OF SALES (POS)
BERBASIS DESKTOP DI CAFE LEKRA KOPI”.
1.2. Rumusan Masalah

Berdasarkan latar belakang masalah yang telah diuraikan di atas, maka dapat
dirumuskan permasalahan yang timbul yaitu :
1. Bagaimana membuat proses transaksi penjualan lebih cepat.

2. Bagaimana cara pembuatan laporan transaksi penjualan, laporan menu
makanan dan minuman lebih efektif dan efisien.
3. Bagaimana cara mengelola menu makanan dan minuman di dapur menjadi
lebih terorganisir.
4. Bagaimana cara memonitoring grafik penjualan dan stok menu makanan agar
lebih tepat dan akurat.
3
Dari permasalahan diatas maka harus dilakukan sebuah perbaikan sistem

yang lebih terkomputerisasi sehingga proses lebih efisien dan dapat memudahkan
pekerjaan.
1.3. Maksud dan Tujuan

1. Maksud
Pembuatan sebuah aplikasi Point Of Sales (POS) di Lekra Kopi dengan
menggunakan bahasa pemrograman PHP dan aplikasi Sublime Text 3 sebagai
media untuk mengimplementasikannya.
2. Tujuan yang akan dicapai pada penelitian ini adalah :
a. Mempermudah proses mengolah data transaksi penjualan sehingga
perhitungan lebih akurat.
b. Pembuatan laporan transaksi ,laporan menu dan stok menu lebih mudah,
akurat, tepat dan lebih cepat.
c. Pengelolaan menu dan stok menu di dapur lebih mudah, terorganisir dan
teratur.
d. Monitoring grafik penjualan dan stok menu menjadi lebih tepat dan akurat.
1.4. Batasan Masalah

Berdasarkan rumusan masalah yang sudah dipaparkan maka batasan
masalah pada permasalahan ini adalah :
Yang akan dibahas :
1. Membuat sebuah aplikasi berbasis desktop menggunakan bahasa

pemrograman php dengan sublime text 3 sebagai media implementasinya.
2. Pengelolaan data transaksi Penjualan.
3. Pembuatan laporan transaksi penjualan ,laporan menu dan stok menu.
4. Pengelolaan menu makanan dan minuman secara terkomputerisasi.
5. Pencarian suatu menu.
6. Grafik Penjualan.
4
1.5. Metode Penelitian

Metode penelitian yang digunakan adalah deskriptif, yaitu suatu metode
dengan cara mengumpulkan data, mengolah, serta menganalisa data yang telah
terkumpul kemudian ditarik kesimpulan dan diberkan saran-saran yang diperlukan.
Metode yang digunakan adalah:
1.5.1 Pengumpulan data

Terdapat beberapa metode diantaranya:
1. Wawancara
Wawancara yang dilakukan yaitu dengan melakukan tanya jawab dengan
Pemilik Cafe Lekra Kopi yang terkait dengan masalah yang akan dipecahkan,
sehingga mendapatkan data yang benar-benar akurat.
2. Observasi
Observasi dilakukan langsung ke Cafe Lekra Kopi untuk mendapatkan data
dimana dilakukan pengumpulan data dengan cara bertanya langsung kepada
Pemilik Cafe Lekra Kopi.
3. Tinjauan Pustaka
Membahas tentang bagaimana mencari data-data dari berbagai sumber serta
membaca dan mempelajari buku–buku yang berkaitan dengan
permasalahanpermasalahan yang akan dibahas untuk merancang suatu
perangkat lunak atau produk.
1.5.2 Rekayasa Perangkat Lunak

Metode rekayasa perangkat lunak yang akan digunakan adalah paradigma
waterfall menurut Pressman terdapat pada gambar 1.1.
Gambar 1.1 Paradigma Waterfall menurut Pressman (Pressman,

2015:42)
Berikut tahapan-tahapan dar model waterfall menurut Pressman:

5
1. Communication (Komunikasi)
Communication merupakan sebuah tahapan awal dari metode waterfall
sebagai penghubung antar penulis dengan pemilik cafe. Pada tahap ini penus
melakukan komunikasi dengan pemilik Cafe Lekra Kopi untuk mencari
masalh-masalah yang dihadapi dan juga untukmendapatkan informasi seputar
Cafe Lekra Kopi. Masalah dan informasi yang didapat dijadikan sebagai
acuan dalam pembuatan aplikasi.
2. Planning (Perencanaan)
Proses Planning ini merupakan proses lanjutan dari proses Communication
(Analysis requirement). Pada tahap ini penulis mulai menentukan target
waktu untuk menyelasaikan seluruh pekerjaannya, dengan cara
memeperkirakan beban pekerjaan, menjadwalkan pengerjaanya juga
mengamati pekerjaan yang telah dilakukan.
3. Modelling (Pemodelan)
Tahapan modeling ini menggunakan metode Unified Modelling language
(UML) yaitu pendeskripsian dan desain sistem perangkat lunak, khususnya
sistem yang dibangun menggunakan pemrograman PHP diaman dalam
tahapan model ini yaitu menggunakan Usecase Diagram, Activity Diagram,
Class Diagram, State Diagram dan Sequence Diagram.
4. Constructiont (Pembuatan)
Pada tahapan ini penulis mulai mengimplementasikan model yang telah
dibuat kedalam sebuah aplikasi nyata dengan menggunakna bahsa
pemrograman sampai menghasilkan sebuah aplikasi yang dapat digunakan.
5. Deployment
Pada tahap deployment penulis melakukan uji coba produk yang telah dibuat
diimplementasikan pada instansi tempat melakukan kerja praktek.
1.6. Tempat dan Waktu

Tempat Kerja Praktek akan dilaksanakan di:
Nama Instansi : Cafe Lekra Kopi
Alamat : Jl. Oto Iskandardinata No.28 Bojongherang Cianjur
Waktu : Januari 2019 – Juli 2019 terdapat pada tabel 1.1
6
Tabel 1.1 Jadwal Kegiatan

No. Uraian Bulan
Langkah Januari Februari Maret April Mei Juni Juli
Penelitian
1. Rumusan
Masalah
2. Pengumpulan
Data
3. Analisis
4. Desain
5. Implementasi
6. Pengujian
7. Penyusunan
Laporan
8. Seminar
1.7. Sistematika Penulisan

Sistematika penulisan laporan kerja praktek ini dibagi menjadi 5 (lima) bab.
Berikut penjelasan tentang masing-masing bab :
BAB I PENDAHULUAN
Bab ini penulis menjelaskan tentang latar belakang, rumusan masalah, tujuan dan
manfaat, batasan masalah, tempat dan waktu, metode pelaksanaan dan sistematika
penulisan.
BAB II TINJAUAN PUSTAKA

Bab ini menjelaskan tentang gambaran organisasi tempat survey yang di dalamnya
mencakup nama organisasi tempat survey, alamat organisasi, sejarah singkat,
organisasi, struktur organisasi, dan job deskripsi serta landasan teori yang
digunakan dalam pengembangan sistem yang dibangun.
7
BAB III ANALISA DAN PERANCANGAN

Bab ini menjelaskan tentang analisa sistem yang akan segera dibuat dan bagaimana
merancangnya sehingga menjadi sebuah sistem. Selain itu mencari informasi –
informasi yang sangat berkaitan dengan sistem yang akan dibangun.
BAB IV IMPLEMENTASI & PENGUJIAN

Bab ini menjelaskan tentang pembuatan sistem yang merupakan pengimplementasian
dari hasil analisa dan perancangan yang berisi gambaran struktur menu serta
tampilan layar dan langkah pengujian dari sistem yang dibangun.
BAB V SIMPULAN
Bab ini menjelaskan tentang kesimpulan dan saran yang bermanfaat.
BAB II
TINJAUAN PUSTAKA
2.1. Sejarah Singkat Cafe Lekra Kopi

Cafe Lekra Kopi pertama kali di bentuk pada akhir bulan september 2018,
bertempat di Jl. Oto Iskandardinata No.28 Bojongherang Cianjur. Pembentukan
Cafe Lekra Kopi didasari oleh potensi yang ada di daerah cianjur-pacet terhadap
minat masyarakat. Salah satu produk dari cianjur-pacet adalah kopi sarongge yang
sangat membantu petani kopi yang semula sekedar memproduksi kopi untuk
kebutuhan sendiri, kemudian mengembangkan kopi sarongge menjadi peluang
bisnis.
Coffe shop menjadi salah satu pilihan favorit di masyarakat. Meminum kopi
sudah menjadi kebiasaan masyarakat cianjur tidak memandang umur dari mulai
anak-anak ,remaja hingga orang tua, terbukti mempunyai minat yang amat besar
untuk mengunjungi tempat yang digemari semua usia ini. Keberadaan Coffee Shop
semakin di akui di masyarakat cianjur, peran media-media yang sering
mensosialisasikan Coffee Shop mendukung perkembangan warung khususnya kopi.
Coffee shop dijadikan sebagai tempat berkumpul yang mempunyai fungsi
tambahan sebagai tempat untuk bertemu teman lama, sahabat atau bahkan rekan
bisnis.
1.5.2 Visi dan Misi Cafe Lekra Kopi

a. Visi :
Menjadikan Cafe Lekra Kopi sebagai cafe kopi pilihan masyarakat yang
berkualitas dengan cita rasa tinggi baik di tingkat nasional maupun
internasional.
b. Misi :
1. Menyediakan kopi yang berkualitas.
2. Menyediakan tempat yang nyaman untuk berkumpul dan bersantai.
3. Memproduksi olahan kopi dengan cita rasa tinggi, inovatif, harga
terjangkau
9
8
4. Aktif dalam melakukan promosi terhadap masyarakat.
1.5.3 Struktur Organisasi Cafe Lekra Kopi
Pemilik
Kasir Barista Pelayan
Gambar 2.1 Struktur Organisasi Cafe Lekra Kopi
1.5.4 Job Deskripsi

Berikut ini adalah job deskripi dari Cafe Lekra Kopi : A.
Pemilik
Job deskripsi dari Pemilik adalah sebagai berikut :
1. Mengatur dan mengawasi jalannya usaha serta kerja para karyawannya.
2. Bertanggung jawab penuh atas semua kelangsungan usaha.
B. Barista
Job deskripsi dari Barista adalah sebagai berikut :
1. Membuat minuman atau makanan sesuai order dari customer dan sesuai
dengan standar resep yang ditetapkan.
2. Menyipakan bahan-bahan racikan kopi,jus, dan minuman lainnya.
3. Memastikan kebersihan area cafe meliputi peralatan, tempat bahan
makanan dan minuman serta meja kursi cafe.
4. Mengecek stock bahan raciakan kopi,jus dan minuman lainnya yang
kosong atau habis.
5. Melakuakn inovasi menu di cafe.
10
C. Pelayan
Job deskripsi dari Pelayan adalah sebagai berikut :
1. Menyambut kedatangan pelanggan serta mengantarkan makanan dan
minuman yang dioesan pelanggan
2. Bertanggung jawab atas semua pelayanan yang diberikan kepada
pelanggan Cafe Lekra Kopi.
1.2 Landasan Teori

1.2.1 Definisi Kopi
Berikut merupakan definisi kopi yang telah di kemukakan oleh beberapa ahli
diantaranya :
a. Kopi merupakan sejenis minuman yang berasal dari proses pengolahan biji
tanaman kopi. Kopi digolongkan ke dalam famili Rubiaceae dengan genus
Coffea. Secara umum kopi hanya memiliki dua spesies yaitu Coffea arabica
dan Coffea robusta (Saputra E., 2008).
b. Kopi adalah suatu jenis tumbuhan yang dibuat minuman dengan sifat
psikostimulant sehingga menyebabkan seseorang yang meminumnya akan
tetap terjaga (susah tidur), mengurangi kelelahan atau stress saar bekerja, serta
mampu untuk memberikan efek fisiologis yakni energi (Bhara L.A.M.,2005).
Dari pengertian diatas penulis menyimpulkan Kopi adalah proses pengolahan biji
tanaman kopi yang diolah menjadi minuman yang mempunyai sifat psikostimulant.
1.2.2 Definisi Kafe

Berikut merupakan definisi kopi yang telah di kemukakan oleh beberapa ahli
diantaranya :
a. Caffe adalah suatu usaha di bidang makanan yang dikelola secara komersial
yang menawarkan pada para tamu makanan atau makanan kecil dengan
pelayanan dalam suasana tidak formal tanpa diikuti suatu aturan atau pelayanan
yang baku (sebagaimana sebuah exlusive dinning room), jenis-jenis makanan
atau harganya lebih murah karena biasanya beroperasi selama 24 jam, dengan
demikian dapat dipastikan sebuah caffe akan tetap buka ketika restoranrestoran
lainnya sudah tutup. (Sugiarto:1996).
11
b. Kafe adalah tempat untuk makan dan minum sajian cepat saji dan
menyuguhkan suasanan santai atau tidak resmi, selain itu juga merupakan suatu
tipe dari restoran yang biasanya menyediakan tempat duduk didalam dan diluar
restoran. Kebanyakan kafe tidak menyajikan makanan berat namun lebih
berfokus pada menu makanan ringan seperti kue, roti, sup, dan minuman. Kafe
pertama kali muncul di daerah barat (Marsum, 2005).
Dari pengertian diatas penulis menyimpulkan Kafe adalah tempat usaha di bidang
makanan dan minuman sajian cepat saji dengan harga yang terjangkau, biasanya
kafe beroperasi 24 jam.
1.2.3 Definisi Penjualan

Berikut merupakan definisi penjualan yang telah di kemukakan oeleh
beberapa ahli diantaranya:
a. Penjualan ialah proses sosial manaherial dimana individu dan kelompok
mendapatkan apa yang mereka butuhkan dan inginkan, menciptakan,
menawarkan dan mempertukarkan produk yang bernilai dengan pihak lain
(Philip Kotler, 2000).
b. Penjualan ialah semua kegiatan yang bertujuan untuk melancarkan arus barang
dan jasa dari produsen ke konsumen secara paling efisien dengan maksud untuk
menciptakan permintaan yang efektif (Nitisemito, 1998).
c. Penjualan ialah sebagai kegiatan manusia yang mengarahkan untuk memenuhi
dan memuaskan kebutuhan dan keinginan melalui proses pertukaran (Assuari,
2004).
Dari pengertian diatas penulis menyimpulkan Penjualan adalah semua

kegiatan pertukaran produk yang bernilai dengan pihak lain yang bertujuan untuk
melancarkan arus barang dan saja dari produsen kekonsumen untuk memuaskan
kebutuhan dan keinginin melalui proses pertukaran.
1.2.4 Definisi Pembelian
beberapa ahli diantaranya:
a. Transaksi pembelian dapat digolongkan menjadi dua : pembelian Lokal dan
Impor. Pembelian lokal adalah pembelian dari pemasok dalam negeri,
sedangkan pembelian impor adalah pembelian dari pemasok luar negeri.yang
12
dimana sistem akuntansi pembelian digunakan dalam perusahaan untuk

pengadaan barang yang diperlukan oleh perusahaan (Mulyadi, 2001).
b. Pembelian adalah Suatu kegiatan untuk memperoleh sejumlah harta atau aktiva
maupun jasa dari satu pihak untuk kelangsungan usaha atau kebutuhan yang
mendasar, sehingga dilakukan pembayaran atas sejumlah uang atau jasa
tersebut, untuk kelangsungan operasional perusahaan (Susan Irawati, 2008).
Dari pengertian diatas penulis menyimpulkan Pembelian adalah pengadaan

barang atau jasa untuk keperluan konsumsi dan mengatur pemasukan ke dalam
perusahaan untuk diubah bentuknya.
1.2.5 Definisi Data

beberapa ahli diantaranya :
a. Data adalah suatu file ataupun field yang berupa karakter atau tulisan dan
gambar (Wahyudi, 2012:3).
b. Data adalah fakta dari suatu pernyataan yang berasal dari kenyataan, dimana
pernyataan tersebut merupakan hasil pengukuran atau pengamatan (Sutarman,
2012:3).
Dari pengertian diatas penulis menyimpulkan Data adalah suatu file yang
berupa karakter, tulisan dan gambar atau fakta yang dapat diolah menjadi informasi.
1.2.6 Definisi Informasi

a. informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih
berarti bagi yang menerimanya, sedangkan data merupakan sumber informasi
yang menggambarkan suatu kejadian yang nyata (Agus Mulyanto, 2009:12).
b. Informasi (information) adalah data yang telah dikelola dan diproses untuk
memberikan arti dan memperbaiki proses pengambilan keputusan.
Sebagaimana perannya, pengguna membuat keputusan yang lebih baik sebagai
kuantitas dan kualitas dari peningkatan informasi (Romney dan Steinbart,
2015:4).
13
Dari pengertian diatas penulis menyimpulkan Informasi adalah data yang

diolah dan diproses untuk lebih berguna serta memeberikan arti dan memperbaiki
proses pengambilan keputusan.
1.2.7 Definisi Database

a. Database sekumpulan file yang saling berhubungan dan terorganisasi atau
kumpulan record-record yang menyimpan data dan hubungan diantaranya
(Sutarman, (2012:15).
b. 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 (Ladjamudin, 2013:129).
Dari pengertian diatas penulis menyimpulkan Database adalah sekumpulan
file yang saling berhubungan yang menyimpan data dan tersimpan dalam sebuah
media penyimpanan.
1.2.8 Definisi DBMS

DBMS adalah suatu system software yang memberikan kebebasan pada user untuk
mendefinisikan, membuat, memelihara dan mengontrol akses ke database
(Connolly & Begg ,2010:p66).
Adapun bahasa yang digunakan dibagi dalam 2 (dua) macam diantaranya sebagai
berikut :
1. DDL (Data Definition Language)
DDL atau singkatan dari Data Definition Languange, yaitu dipakai untuk
menggambarkan desain dari basis data secara menyeluruh. DDL (Data Definition
Language) dapat dipakai untuk membuat tabel baru, memuat indeks, maupun
mengubah tabel. Hasil dari kompilasi DDL akan disimpan di kamus data. Itulah
definisi dari DDL.
2. DML (Data Manipulation Language)
DML atau singkatan dari Data Manipulation Language, yaitu dipakai untuk
memanipulasi daan pengambilan data pada suatu basis data, misalnya seperti
14
penambahan data yang baru ke dalam suatu basis data, menghapus data pada seuatu
basis data dan mengubah data pada suatu basis data. Itulah definisi dar DML.
1.2.9 Definisi Aplikasi

Menurut kamus besar bahasa indonesia, aplikasi adalah penerapan dari perancangan
sistem untuk mengolah data yang , menggunakan aturan atau ketentuan bahasa
permrograman tertentu. Aplikasi adalah suatu program komputer yang dibuat untuk
mngerjakan dan melaksanakan tugas khusus dari pengguna.
Aplikasi merupakan penggunaan dalam suatu komputer, intruksi (intruction) atau
pernyataan (statement) yang disusun sedemikian rupa sehingga komputer dapat
memproses input menjadi outout (Jogiyanto,1999:12).
1.2.10 Definisi Point of Sales (POS)

Point-of-Sale adalah sebuah sistem yang memungkinkan diadakannya proses
transaksi dan untuk memonitor stock barang penjualan / pembelian Barang
program ini juga dilengkapi hutang piutang. Kalau ingin dirunut lebih spesifik
lagi, maka POS memiliki pengertian sebagai hardware atau software yang
digunakan untuk transaksi.Tidak itu saja, sistem POS modern dilengkapi
dengan sistem pelaporan manajemen yang terintegrasi.Sistem POS digunakan
di supermarket, restoran, hotel dan tempat-tempat lain yang membuka jasa retail.
Dalam lingkup yang luas, POS juga bisa berarti proses pelayanan transaksi dalam
sebuah toko retail (Hanif Al Fatta 2007 : p5).
1.2.11 Definisi Desktop

Desktop adalah aplikasi yang dapat berjalan secara sendiri atau independen
dalam sistem desktop komputer atau laptop dan dapat menjalankan serangkaian
aktivitas dengan diatur oleh pengguna (Neobytesolutions, 2012).
1.2.12 Definisi ERD (Entity Relationship Diagram)

ERD merupakan suatu model untuk menjelaskan hubungan antar data dalam basis
data berdasarkan objek-objek dasar data yang mempunyai hubungan antar relasi.
15
ERD untuk memodelkan struktur data dan hubungan antar data, untuk
menggambarkannya digunakan beberapa notasi dan simbol.
Menurut Brady dan Loonam (2010), Entity Relationship Diagram (ERD)

merupakan teknik yang digunakan untuk memodelkan kebutuhan data dari suatu
organisasi, biasanya oleh System Analyst dalam tahap analisis persyaratan proyek
pengembangan sistem. Sementara seolah-olah teknik diagram atau alat peraga
memberikan dasar untuk desain database relasional yang mendasari sistem
informasi yang dikembangkan. ERD bersama-sama dengan detail pendukung
merupakan model data yang pada gilirannya digunakan sebagai spesifikasi untuk
database.
Tabel 2.1 Simbol ERD (Entity Relationship Diagram)

1 Entity Jenis enitas dapat berupa

suatu elemen lingkungan,
sumber daya atau ransaksi
yang field-fieldnya
dipergunakan dalam aplikasi

program.
2 Garis Relasi Menunjukan keterkitan

(hubungan) antar entitas
3 Entitas Lemah Entitas yang kemunculannya

tergantung dari entitas lain.
16
1.2.13 Unified modelling language (UML)

Unified Modeling Language (UML) adalah keluarga notasi grafis yang didukung
oleh meta – model tunggal, yang membantu pendeskripsian dan desain sistem
perangkat lunak, khususnya sistem yang dibangun menggunakan pemrograman
berorientasi objek (OO). UML merupakan standar yang relatif terbuka yang
dikontrol oleh Object Management Group (OMG), sebuah konsorsium terbuka
yang terdiri dari banyak perusahaan. OMG dibentuk untuk membuat standar-
standar yang mendukung interoperabilitas, khususnya interoperabilitas sistem
berorientasi objek. OMG mungkin lebih dikenal dengan standar-standar CORBA
(Common Object Request Broker Architecture).
Menurut Verdi Yasin (2012) UML adalah sebuah "bahasa" yg telah menjadi
standar dalam industri untuk visualisasi, merancang dan mendokumentasikan
sistem piranti lunak. Dengan menggunakan UML kita dapat membuat model untuk
semua jenis aplikasi piranti lunak, dimana aplikasi tersebut dapat berjalan pada
piranti keras, sistem operasi dan jaringan apapun, serta ditulis dalam bahasa
pemrograman apapun.
seperti bahasa-bahasa lainnya, UML mendefinisikan notasi dan syntax/semantik.

Notasi UML merupakan sekumpulan bentuk khusus untuk menggambarkan
berbagai Diagram piranti lunak. Setiap bentuk memiliki makna tertentu, dan UML
syntax mendefinisikan bagaimana bentuk-bentuk tersebut dapat dikombinasikan.
Notasi UML terutama diturunkan dari 3 notasi yang telah ada sebelumnya: OOD
(Object-Oriented Design), OMT (Object Modeling Technique), dan OOSE (Object-
Oriented Software Engineering).
Menurut Verdi Yasin (2012) di dalam UML terdapat beberapa Diagram yaitu:
a. Use Case Diagram

Use Case Diagram menggambarkan fungsionalitas yang diharapkan dari
sebuah sistem. Yang ditekankan adalah “apa” yang diperbuat sistem, dan bukan
“bagaimana”. Sebuah use case mempresentasikan sebuah interaksi antara aktor
dengan sistem.
17
Tabel 2.2 Simbol Use Case Diagram

1 Aktor Menggambarkan pengguna

software aplikasi (user).
2 Use Case Menggambarkan fungsionalitas

dari suatu sistem, sehingga
customer atau pengguna sistem
paham dan mengerti mengenai
kegunaan sistem yang akan
dibangun.
3 Association Menggambarkan hubungan

antara actor dengan use case.
4 Include Menspesifikasikan bahwa use

case sumber secara ekpslisit.
5 System Menspesifisikan paket yang

menampilkan sistem secara
terbatas
18
b. Class Diagram
Class Diagram adalah sebuah spesifikasi yang jika diinstansiasi akan
menghasilkan sebuah objek dan merupakan inti dari pengembangan dan
desain berorientasi objek.
Tabel 2.3 Simbol Class Diagram

1 Generalization Hubungan dimana objek anak

(descendent) berbagi perilaku
dan struktur data dari objek
yang ada di atasnya objek induk
(ancestor).
2 Nary Upaya untuk menghindari

Association asosiasi dengan lebih dari 2
objek.
3 Class Himpunan dari objek-objek

yang berbagi atribut serta
operasi yang sama.
4 Collaboration Deskripsi dari urutan aksi-aksi

yang ditampilkan sistem yang
menghasilkan suatu hasil yang
terukur bagi suatu aktor
19
5 Realization Operasi yang benar-benar

dilakukan oleh suatu objek.
6 Dependency Hubungan dimana perubahan

yang terjadi pada suatu elemen
mandiri (independent) akan
mempegaruhi elemen yang
bergantung padanya elemen
yang tidak mandiri
7 Association Apa yang menghubungkan

antara objek satu dengan objek
lainnya.
c. State Machine Diagram

State Machine Diagram menggambarkan transisi dan perubahan keadaan (dari
satu state ke state lainnya) suatu objek pada sistem sebagai akibat dari stimuli
yang diterima.
Tabel 2.4 Simbol State Machine Diagram

1 State Nilai atribut dan nilai link pada

suatu waktu tertentu, yang
dimiliki oleh suatu objek.
20
2 Initial Pseudo Bagaimana objek dibentuk atau

State diawali
3 Final State Bagaimana objek dibentuk dan

dihancurkan
4 Transition Sebuah kejadian yang memicu

sebuah state objek dengan cara
memperbaharui satu atau lebih
nilai atributnya
5 Association Apa yang menghubungkan

antara objek satu dengan objek
lainnya.
6 Node Elemen fisik yang eksis saat

aplikasi dijalankan dan
mencerminkan suatu sumber
daya komputasi.
d. Activity Diagram
Activity Diagram menggambarkan berbagai alir aktivitas dalam sistem yang
sedang dirancang, bagaimana masing – masin (Yasin, 2012)g alir berawal,
decision yang mungkin terjadi, dan bagaimana mereka berakhir.
21
Tabel 2.5 Simbol Activity Diagram

1 Start State Menggambarkan awal dari suatu

sistem
2 End State Menggambarkan akhir dari suatu

sistem.
3 Activity Menggambarkan aktivitas yang

dilakukan pada sistem.
4 Activity Menggambarkan
pembagian/pengelompokan
berdasarkan tugas dan fungsi
tersendiri.

22
5 Transition to Menggambarkan hubungan antara

self state atau activity yang kembali
kepada state atau activity itu
sendiri.
6 Transition Menggambarkan hubungan antara

State dua state, dua activity ataupun
antara state dan activity.
7 Decision Menggambarkan kondisi dari

sebuah aktivitas yang bernilai
benar/salah.
8 State Menggambarkan kondisi, situasi

ataupun tempat untuk beberapa
aktivitas
9 Fork Menggambarkan aktivitas yang

dimulai dengan sebuah aktivitas
dan diikuti oleh dua atau lebih

aktivitas yang harus dikerjakan.
10 Join Menggambarkan aktivitas yang

dimulai dengan dua atau lebih

23
aktivitas yang sudah dilakukan dan

menghasilkan sebuah aktivitas.
e. Sequence Diagram
Sequence Diagram menggambarkan interaksi antar objek di dalam dan di
sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message
yang digambarkan terhadap waktu.
Tabel 2.6 Simbol Sequence Diagram


sesuatu (seperti perangkat, sistem
lain) yang berinteraksi dengan
sistem.
2 Boundary Menggambarkan interaksi antara

satu atau lebih actor dengan
sistem, memodelkan bagian dari
sistem yang bergantung pada
pihak lain disekitarnya dan
24
merupakan pembatas sistem

dengan dunia luar.
3 Control Menggambarkan “perilaku

mengatur”, mengkoordinasikan
perilaku sistem dan dinamika dari
suatu sistem, menangani tugas
utama dan mengontrol alur kerja
suatu sistem.
4 Entity Menggambarkan informasi yang

harus disimpan oleh sistem
(struktur data dari sebuah sistem).
5 Object Message Menggambarkan

pesan/hubungan antar
objek, yang menunjukan
urutan kejadian yang terjadi.
25
6 Message to Self Menggambarkan

pesan/hubungan objek itu sendiri,
yang menunjukan urutan kejadian
yang terjadi.
7 Object Menggambarkan abstraksi dari

sebuah entitas nyata/tidak nyata
yang informasinya harus
disimpan.
f. Collaboration Diagram
Collaboration Diagram juga menggambarkan interaksi antar objek
sepertisequence diagram, tetapi lebih menekankan pada peran masing – masing
objek danbukan pada waktu penyampaian message. Simbol dan deskripsi
terdapat pada tabel 2.7.
Tabel 2.7 Simbol Collaboration Diagram

No Nama Gambar Keterangan
Simbol
26

sesuatu (seperti perangkat,sistem lain)
yang berinteraksi dengan sistem.
2 Object Obyek yang dibuat, melakukan

instance tindakan, dan / atau dimusnahkan
selama lifeline
No Nama Gambar Keterangan

Simbol
3 Interaksi Menggambarkan “perilaku

link mengatur”,mengkoordinasikanperilaku
sistem dan dinamika dari suatu sistem,
menangani tugas utama dan
mengontrol alur kerja suatu sistem.
Sinkronis Seketika sebuah komunikasi antara

pesan objek-objek yang menyampaikan
informasi, dengan harapan bahwa
tindakan akan dimulai sebagai hasil.
g. Component Diagram
Component Diagram menggambarkan struktur dan hubungan antar
komponen piranti lunak, termasuk ketergantungan (dependency) diantaranya.
Simbol dan deskripsi terdapat pada tabel 2.8.
27
Tabel 2.8 Simbol Component Diagram

1 Package Package merupakan sebuah

bungkusan dari satu atau
lebih komponen.
2 Komponen Komponen system.
3 Dependency Kebergantungan antar

komponen, arah panah
mengarah pada komponen
yang dipakai.
4 Interface Sama dengan interface

pada pemrograman
berbasis objek, yaitu
sebagai antarmuka
komponen yang dipakai
28
5 Link Relasi antar komponen.
h. Deployment Diagram
Deployment Diagram menggambarkan detil bagaimana komponen di-deploy
dalam infrastruktur sistem, dimana komponen akan terletak (pada mesin,
serveratau piranti keras apa), bagaimana kemampuan jaringan pada lokasi
tersebut, spesifikasi server, dan hal-hal lain yang bersifat fisikal.
Tabel 2.9 Simbol Deployment Diagram
1 Node Node menggambarkan

bagian-bagian hardware
dalam sebuah sistem.
Notasi untuk node
digambarkan sebagai
sebuah kubus 3 dimensi.
2 Komponen Pada deployment diagram,

komponenkomponen yang
ada diletakkan didalam
node untuk memastikan
keberadaan posisi mereka
29
3 Association Sebuah association

digambarkan sebagai
sebuah garis yang
menghubungkan dua node
yang mengindikasikan jalur
komunikasi antara
elementelemen hardware
1.3 Tools Pendukung

Agar memudahkan dalam pembuatan sistem, maka diperlukan beberapa alat atau
tools yang digunakan dalam pembuatan Aplikasi Point of sales (POS) Cafe Lekra
Kopi. Untuk membangun sebuah aplikasi berbasis desktop, diperlukan beberapa
perangkat seperti bahasa pemrograman, tools perancangan sistem, editor, dan
database. Berikut ini adalah bahasa pemrograman, editor, dan database yang
digunakan dalam membangun aplikasi.
1.3.1 Visual Paradigm

Visual Paradigm merupakan sebuah software model dengan sistem visualisasi
yang memungkinkan model yang telah dibuat dapat digunakan sebagai representasi
proyek-proyek lain dilengkapi dengan beberapa fitur yang ada didalamnya sampai
pada menganalisa sebuah proyek yang akan dikerjakan. Diagram dapat disusun
sedemikian rupa sehingga dapat dipustakakan menjadi proyek per proyek yang
saling berkaitan. Hal ini dapat juga membantu memisahkan terhadap pekerjaan
proyek sampai level terkecil.
Visual Paradigm dapat membandingkan perubahan antara diagram yang satu

dengan yang lain yang saling berkaitan dan dapat digunakan untuk melacak
30
perbedaan antara diagram-diagram yang ada. Dengan dukungan design layaknya

freehand dapat menambahkan ke diagram untuk penjelasan lebih detail apa yang
menjadi tujuan. Fasilitas lain dapat menggunakan mouse pen atau pena untuk
sketching bentuk jalan, kita juga dapat menambahkan bentuk solid seperti bintang,
dan panah rectangles.
1.3.2 XAMPP
XAMPP adalah perangkat lunak yang menghubungkan tiga aplikasi kedalam satu
paket yaitu Apache, MySQL, dan PHPMyAdmin. XAMPP ini merupakan sebuah
perangkat lunak yang mudah digunakan dan mendukung instalasi di Linux dan
Windows. Keuntungan menggunakan XAMPP juga adalah hanya menginstal satu
kali sudah tersedia Apache Web Server, MySQL DatabaseServer, PHP Support dan
beberapa modul lainnya.
1.3.3 Sublime Text

Sublime Text adalah aplikasi editor kode dan teks yang dapat berjalan
diberbagai platform operating system dengan menggunakan tekonologi Phyton
Application Programming Interface. Terciptanya aplikasi ini terinsipirasi dari aplikasi
Vim, Aplikasi ini sangatlah fleksibel dan powerful. Fungsional dari aplikasi ini dapat
dikembangkan dengan menggunakan Sublime-packages. Sublime text bukanlah
aplikasi open source dan juga bukan aplikasi yang dapat digunakan dan didapatkan
secara gratis,akan tetapi beberapa fitur pengembang fungsionalitas (packages) dari
aplikasi ini merupakan hasil dari temuan dan mendapat dukungan penuh dari
komunitas serta memiliki lisensi aplikasi gratis. Sublime Text mendukung berbagai
bahasa pemrograman dan mampu menyajikan fitur syntax higlight hampir di semua
bahasa pemrograman yang didukung ataupun dikembangkan oleh komunitas seperti :
C, C++, C#, CSS, D, Dylan, Erlang, HTML, Groovy, Haskell, Java, JavaScript,
LaTeX, Lisp, Lua, Markdown, MATLAB, OCmal, Perl, PHP, Phyton, R,Ruby, SQL,
TCL, Textile and XML. Biasanya bagi bahasa pemrograman yang didukung ataupun
belum terdukung secara default dapat lebih dimaksimalkan atau didukung dengan
menggunakan add-ons yang bisa di download sesuai kebutuhan user.
31
1.3.4 Codelgniter
Codelgniter (CI) adalah framework pengembangan aplikasi (Application
Development Framework) dengan menggunakan PHP, Pengembangan dapat
langsung menghasilkan program dengan cepat, dengan mengikuti kerangka kerja
membuat yang telah disiapkan oleh framework CI. Dengan menggunkan
framework kita tidak perlu membuat program dari awal, tetapi sudah diberikan
library fungsi-fungsi yang sudah diorganisasi untuk dapat membuat suatu program
dengan cepat. Kita hanya perlu memasukkan data yang akan diproses dan
bagaimana menampilkannya Codelgniter memiliki struktur direktori utama. Ada 3
direktori sertaan dari codelgniter yaitu:
1. Application
Direktori application adalah direktori tempat pemrogram membuat aplikasi
dengan menggunakan codelgniter, termasuk didalamnya pemrogram bisa
menambahkan library class dan fungsi tambahan, apabila library class dan
fungsi yang disediakan oleh codelgniter tidak memadai untuk kebutuhan
program yang dibuat
2. System
Direktori system adalah direktori inti dari semua library class dan fungsi yang
dimiliki oleh codelgniter untuk dapat digunakan untuk mengembangkan
aplikasi.
3. User guide
Direktori user guide adalah sekumpulan inti dari user guide dalam
penggunaan dan implementasi aplikasi dengan menggunakan codelgniter.
Direktori ini ada untuk membantu bagaimana cara menggunakan library class
dan fungsi yang di miliki oleh codelgniter tersebut.
1.3.5 Bootstrap
Bootstrap merupakan sebuah toolkit yang dikembangkan oleh Twitter untuk
mempermudah web developer dalam mendesain tampilan aplikasi. Platform ini
awalnya dikembangkan pada ajang Hackweek, sebuah perhelatan developer yang
28 diakan Twitter. Standarisasi platform tersebut sudah disempurnakan sejak saat
itu. Kini, disebutkan Twitter memiliki kerangka kerja yang konsisten untuk
32
mengembangkan aplikasi. Di Bootstrap sudah tersedia CSS, HTML, dan Jquery

Plugin.
Bootstrap pertama kali dirilis pada Agustus 2012. Kelebihan Framework Bootstrap
adalah Responsive Layout dan 12 - column grid system. Dengan Responsive Layout
maka aplikasi web yang didesain dengan menggunakan Bootstrap akan langsung
menyesuaikan dengan leabr dari media perambahannya. Sehingga Framework ini
support untuk semua jenis device baik dari smartphone, tablet, laptop ataupun PC
Desktop. Di samping itu, Boostrap juga sudah support untuk HTML 5 dan CSS
3.7.2.
1.3.6 PHP
PHP (hypertext preprocessor) adalah sebuah bahasa pemrograman di sisi
server. Ketika url diakses, web browser akan melakukan request kesebuah web
server. Awalnya Rasmus Lerdrof mengembangkan sebuah perkakas yang
digunakan sebagai engine parsing sebagai penerjemah atau interpreter beberapa
macro. Pada saat itu engine digunakan untuk pembuatan buku tamu, counter dan
beberapa homepage. Ia menamai engine parse tersebut dengan nama PHP/FI.
PHP dikenal sebagai Bahasa scripting yang menyatu dengan tag-tag HTML,
dieksekusi di server dan digunakan untuk membuat halaman web yang dinamis
seperti halnya Active Server Pages (ASP) atau Java Server Pages (JSP). PHP versi
ketiga dirilis pertengahan 1997, pada versi ini pembuatannya tidak lagi leh Rasmus
sendiri, tetapi juga melibatkan beberapa programmer lain yang antusias untuk
mengembangkan PHP. Versi keempat PHP 4.0 dirilis bulan Oktober 2000, dan saat
ini telah pada versi terbaru yaitu PHP versi 5.0.
Beberapa kelebihan PHP dari bahasa pemrograman web, antara lain:
a. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan
sebuah kompilasi dalam penggunaanya.
b. Web Server yang mendukung PHP dapat ditemukan dimana – mana dari mulai
apache, IIS, Lightpd, hingga Xitami dengan konfigurasi yang relatif mudah.
c. Dalam sisi pengembangan lebih mudah, karena banyaknya developer yang siap
membantu dalam pengembangan.
d. Dalam sisi pemahaman, PHP adalah bahasa scripting yang paling mudah
karena memiliki referensi yang banyak.
33
e. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin
(Linux, Unix, Macintos, Windows) dan dapat dijalankan seara runtime melalui
console seta juga dapat menjalankan perintah-perintah sistem. Format
penulisan php terdapat pada gambar 2.3.6.
Gambar 3Gambar 2.2 Source Code Php
1.3.7 Balsamiq Mockups

Balsamiq mockups adalah software yang digunakan dalam pembuatan tampilan
User Interface sebuah aplikasi. Software ini sudah menyediakan tools yang dapat
memudahkan dalam membuat desain prototyping aplikasi yang akan kita buat.
Mockup artinya model atau replika mesin atau struktur, yang digunakan untuk
tujuan instruksional atau eksperimental. Software ini berfokus pada konten yang
ingin digambar dan fungsionalitas yang dibutuhkan oleh pengguna. Dengan alat
pembuat mockup maka seorang web desainer dapat mengalisa tata letak, desain dan
fungsi.
34
1.3.8 MySQL
MySQL adalah sebuah software atau perangkat lunak sistem manajemen berbasis
data SQL atau juga multi user dan DBMD Multithread. Pada dasarnya, MySQL ini
sebenarnya adalah turunan yang berasal dari salah satu konsep utama dalam
database yang memang telah ada sebelumnya yaitu SQL atau Structured Query
Language. Konsep ini digunakan untuk seleksi atau pemilihan dan pemasukan data
dimana hal ini memungkinkan pengerjaan operasi data yang otomatis lebih mudah.
MySQL sendiri diciptakan pada tahun 1979 oleh seorang programmer computer
yang berasal dari Swedia bernama Michael “Monty” Widenius.
1.4 Metode Pengujian

1.4.1 White Box Testing
White box testing adalah pengujian yang didasarkan pada pengecekan terhadap
detail perancangan, menggunakan struktur kontrol dari desain program secara
procedural untuk membagi pengujian ke dalam beberapa kasus pengujian. Secara
sekilas dapat diambil kesimpulan white box testing merupakan petunjuk untuk
mendapatkan program yang benar secara 100%.
Berikut Pelaksanaan pengujian white box:
a. Menjamim seluruh independent path dieksekusi paling sedikit satu kali.
Independent path adalah jalur dalam program yang menunjukkan paling
sedikit satu kumpulan proses ataupun kondisi baru.
b. Menjalani logical decision pada sisi dan false.
c. Mengeksekusi pengulangan (looping) dalam batas-batas yang ditentukan.
d. Menguji struktur data internal.
Berdasarkan konsep pengujian White box (structural) testing / glass box testing
memeriksa kalkulasi internal path untuk mengidentifikasi kesalahan. Berikut
langkah-langkah white box:
1. Mendefinisikan semua alur logika
2. Membangun kasus untuk digunakan dalam pengujian
3. Melakukan pengujian
35
1.4.2 Black Box Testing

Pengujian yang mengabaikan mekanisme internal sistem atau komponen dan
fokus semata-mata pada output yang dihasilkan yang merespon input yang dipilih
dan kondisi eksekusi”. (IEEE, 1990).
Metode ujicoba blackbox memfokuskan pada keperluan fungsional dari
software. Karena itu ujicoba blackbox memungkinkan pengembang software untuk
membuat himpunan kondisi input yang akan melatih seluruh syarat-syarat
fungsional suatu program. Ujicoba blackbox bukan merupakan alternatif dari
ujicoba whitebox, tetapi merupakan pendekatan yang melengkapi untuk
menemukan kesalahan lainnya.
Menurut Simarmata Janner (2010 : 316) Klasifikasi blackbox testing

mencakup beberapa pengujian yaitu : 1. Pengujian fungsional (functional testing)
2. Pengujian tegangan (stress testing)
3. Pengujian beban (load testing)
4. Pengujian khusus (ad-hoc testing)
BAB III
ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Sistem
Analisis sistem ini akan membahas mengenai analisis masalah, analisis sistem
yang sedang berjalan,analisis kebutuhan, analisis kebutuhan nonfungsional, dan
analisis kebutuhan fungsional.
3.1.1 Analisis Sistem Yang Berjalan

Proses analisis sistem dalam pengembangan Sistem Informasi merupakan
suatu prosedur yang dilakukan untuk pemeriksaan masalah dan penyusunan
pemecahan masalah yang timbul serta membuat spesifikasi sistem yang baru.
Proses analisis sistem bertujuan untuk mengetahui bagaimana sistem sebelumnya
berjalan, agar dalam pengerjaaan sistem yang akan dibuat lebih maksimal karena
sudah diketahuinya kelemahan sistem terdahulu.
Toko Kerudung ulmiyah merupakan salah satu took Kerudung yang menjual
berbagai jenis Kerudung. Semua kegiatan yang ada di took ulmiyah pastinya akan
ada proses transaksi dan pembuatan laporan dan pengelolaan stok. Akan tetapi
waktu yang dibutuhkan untuk proses transaksi dan pembuatan laporan
membutuhkan waktu yang cukup lama bisa menghabiskan waktu bermenit-menit
untuk satu proses transaksi dan untuk pembuatan laporan bisa menghabisakan
sampe berjam-jam karena proses yang ada di toko tersebut belum terintegrasi
dengan sistem penjualan.Tentu saja ini akan berdampak terhadap ketidak nyamanan
pengunjung yang sudah datang ke toko dan membuat proses penentuan strategi
penjualan menjadi sedikit kurang akurat karena informasi yang di hasilkan dari
laporan yang dibuat manual belum tentu seluruhnya sempurana.
37
38
Gambar 4Gambar 3.1 Swimline Diagram Sistem yang Sedang Berjalan
3.2 Analisis Kebutuhan Non Fungsional

Analisis kebutuhan nonfungsional menggambarkan kebutuhan yang
diperlukan untuk menjalankan sistem yang dibangun. Analisis kebutuhan
nonfungsional dilakukan untuk mengetahui spesifikasi kebutuhan untuk sistem.
Spesifikasi kebutuhan melibatkan analisis perangkat keras (hardware), analisis
perangkat lunak (software), dan analisis pengguna (user).
3.2.1 Analisis Perangkat Keras
Untuk menjalankan sebuah sistem yang selesai dibuat nantinya diperlukan
sebuah kebutuhan perangkat keras sehingga sistem yang dibangun dapat
berjalan dengan baik. Spesifikasi minimun perangkat keras untuk menjalankan
sistem Penjualan Kerudung berbasis website ini terdapat pada tabel 3.1.
Tabel 3.2 Kebutuhan Spesifikasi Perangkat Keras (Hardware)

No Perangkat Keras Spesifikasi
1 Processor Intel Celeron G530, 2,4 Ghz
2 Memory 1024 MB
39
3 VGA 128 MB
4 Harddisk 80 GB
5 Monitor Resolusi 1024 x 768 pixel
6 Mouse dan Keyboard Portable
3.2.2 Analisis Perangkat Lunak

Analisis perangkat lunak merupakan mendefinisikan perangkat lunak apa saja yang
digunakan oleh komputer untuk smenjadi pendukung agar sistem dapat
berjalan,diantaranya adalah :
1. Sistem Operasi Windows 7

Sistem Operasi digunakan untuk menjadi perantara antara perangkat lunak
dengan perangkat keras komputer. Sistem Operasi menjadi pengatur atau
bertanggung jawab dalam penggunaan perangkat keras dan bertugas untuk
menjalankan perangkat lunakatau aplikasi.
2. Database MySQL
Dengan menggunakan database MySQL, maka pengguna akan diberikan
fasilitas untuk melakukan penyimpanan, pengolahan dan transformasi data di
dalam basis data.
3. XAMPP
Dengan menggunakan server XAMPP, maka pengguna akan diberikan
fasilitas untuk menggunakan web
3.2.3 Analisis Kebutuhan Fungsional

Kebutuhan fungsional menjelaskan mengenai proses-proses apa saja yang
akan dilakukan oleh sistem. Deskripsi dari kebutuhan aktivitas-aktivitas dan
layanan-layanan yang harus disediakan oleh sistem, kebutuhan fungsional sistem
menggambarkan layanan secara detail.
Berikut adalah fungsi atau modul yang dibutuhkan oleh sistem yang nantinya
akan digunakan oleh user (pengguna) :
Tabel 3.2 Tabel kebutuhan fungsional
No Modul User Keterangan
1 Log In Admin Function yang

digunakan untuk
masuk kehalaman
aplikai Point Of Sales
Kerudung
40
Kelola Stok Barang Function ini

digunakan untuk
mengelola stok
Kerudung yang dijual
Kelola Transaksi Function ini
digunakan untuk
pembayaran
Kerudung yang sudah
dipilih.
Kelola Kategori Function ini
digunakan untuk
mengelola kategori
Kerudung.
Kelola Laporan Function ini
digunakan untuk
mencetak laporan.
Log Out Function ini
digunakan untuk
keluar dari aplikasi
3.2.3.1 Kebutuhan pengelolaan kategori

Kebutuhan pengelolaan kategori terdapat 2 macam yaitu pengelolaan
kategori makanan dan minuman yang dimana di satukan dalam satu list.
3.3 Perancangan Sistem

Perancangan sistem yang dilakukan dengan menggunakan UML (Unified
Modeling Language)sebagai penggambaran, perencanaan dan pembuatan sistem
yang akan dibangun. Adapun tahapan analisis sistem menggunakan UML adalah
Use Case
3.3.1 Use Case

Use Case merepresentasikan cara yang dilakukan aktor melalui fungsi dari
awal sampai akhir.
Tabel 3.3 Daftar Use Case

Kode Nama Use Case Keterangan
U1 Log In Function yang digunakan untuk

masuk kehalaman aplikai Point
Of Sales Kerudung
41
U2 Kelola Stok Barang Function ini digunakan untuk

mengelola stok Kerudung yang
dijual
U3 Kelola Transaksi Function ini digunakan untuk
pembayaran Kerudung yang
sudah dipilih.
U4 Kelola Kategori Function ini digunakan untuk

mengelola kategori Kerudung.
U5 Kelola Laporan Function ini digunakan untuk

mencetak laporan.
U6 Log Out Function ini digunakan untuk

keluar dari aplikasi
3.3.2 Use Case Diagram

Use case diagram digunakan untuk memperlihatkan fungsionalitas sistem
yang akan disediakan dan memperlihatkan pengguna yang berkomunikasi dengan
sistem dengan memanfaatkan setiap fungsi yang ada dalam system. Use case
diagram memperlihatkan tiga aspek sistem aktor, use case, dan lingkup sistem /
sub sistem. Memperlihatkan hubungan antara aktor dan fungsi yang dapat
dilakukan oleh actor dalam ruang lingkup sistem.
42
Gambar 3.2 Use Case Diagram Aplikasi Penjualana Kerudung berbasis

Website di Toko Ulmiyah Hijab
Keterangan :
Terdapat enam (6) function dan satu (1) aktor dalam use case diagram diatas,
dimana setiap function yang ada dalam use case diagram tersebut mempunyai
fungsi yang berbeda-beda pada sistem nantinya. Function login berguna untuk
melakukan login sehingga bisa masuk kehalaman aplikasi. Function kelola stok
Kerudung digunakan oleh admin untuk mendata stok Kerudung yang dijual.
Function kelola kategori digunakan oleh admin untuk pendataan perkategori
Kerudung. Function transaksi digunakan oleh admin untuk bertaransaksi dengan
pelanggan yang akan membayar Kerudung yang sudah dipilih atau dipesan.
Function laporan digunakan oleh admin untuk membuat laporan penjualan .
function logout digunak untuk admin keluar dari aplikasi.
3.3.3 Use Case Scenario
Use case Scenario mendeskripsikan urutan langkah-langkah dalam proses
yang dilakukan actor terhadap system maupun yang dilakukan oleh system terhadap
aktor.
Tabel 3.4 Deskripsi Use Case Login

Kode U1
Use Case Login
Pra Kondisi User sudah mengetahui URL untuk masuk kehalaman

admin dan user sudah mempunyai username dan
password.
Detail 1. Memasukan URL di halaman peramban.

2. Masukan username dan password
3. Klik Login
Pasca Kondisi Akan masuk kehalaman utama aplikasi.

43
Keterangan Orang yang melakukan login merupakan admin dan kasir

yang akunya sudah didefinisikan di dalam sistem. Login
bisa berhasil bila username dan password benar, artinya
ketika username dan password yang dimasukan salah
maka proses login tidak akan berhasil.
Tabel 3.5 Deskripsi Use Case Kelola Stok Barang

Kode U2
Use Case Kelola Stok Barang
Pra Kondisi User sudah berhasil melakukan proses login.
Detail 1. User berhasil malakukan login

2. User berada dihalaman stok
barang.
Pasca Kondisi Akan menampilkan halaman sesuai dengan hak aksesnya

masig-masing.
Keterangan Halaman stok barang ini digunakan untuk mengelola data

barang (tambah, ubah, hapus, lihat, dan cari).
Tabel 3.6 Deskripsi Use Case Kelola Transaksi

Kode U3
Use Case Kelola Transaksi
Pra Kondisi Admin telah melakukan proses login aplikasi.
Detail 1. Pilih menu atau icon kelola transaksi
Pasca Kondisi Sistem akan secara otomatis menampilkan data transaksi,

dan admin bisa melakukan kelola aplikasi.
Keterangan -
44
Tabel 3.7 Deskripsi Use Case Kelola Kategori

Kode U4
Use Case Kelola Kategori
Detail 1. Pilih menu atau icon kelola kategori
Pasca Kondisi Sistem akan secara otomatis menampilkan list kategori dan
admin bisa melakukan penambahan kategori baru
Keterangan -
Tabel 3.8 Deskripsi Use Case Kelola Laporan

Kode U5
Use Case Kelola Laporan
Pra Kondisi Admin telah melakukan proses login aplikasi
Detail 1. Pilih menu atau icon kelola laporan
Pasca Kondisi Menampilkan seluruh data penjualan dan stok barang
Keterangan Halaman ini digunakan untuk mencetak seluruh laporan

penjualan dan stok, mulai dari perhari,pertanggal,
perbulan dan pertahun.
Tabel 3.9 Deskripsi Use Case Log Out

Kode U6
Use Case Log Out

45
Detail 1. Pilih menu atau icon log out
Pasca Kondisi Menampilkan kembali halam login
Keterangan -
3.3.4 Activity Diagram

Diagram aktivitas atau activity diagram menggambarkan workflow (aliran
kerja) atau aktivitas dari sebuah sistem atau proses bisnis. Activity diagrams
menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang,
bagaimana masing – masing alir berawal, decision yang mungkin terjadi, dan
bagaimana mereka berakhir.
a. Activity Diagram Login

Function ini merupakan function yang digunakan untuk masuk kehalaman
aplikasi.
46
Gambar 3.3 Activity Diagram Login
Keterangan:
Login merupakan sebuah proses yang harus dilalui oleh admin dan kasir untuk
masuk kehalaman aplikasi. Ketika admin dan kasir mengetikan URL di peramban
maka secara otomatis akan di arahkan ke halaman login dan menampilkan form
login, dimana form tersebut berisi username dan password yang harus di isi oleh
admin dan kasir. Apabila username dan passwrod yang dimasukan user benar maka
sistem akan secara otomatis menampilkan halaman sesuai dengan hak akses user
masing-masing, tetapi apabila username dan password yang dimasukan user salah
maka sistem akan menampilkan form login kembali.
47
b. Activity Diagram Kelola Stok Barang
Function ini merupakan function yang digunakan untuk kelola stock Kerudung.
Gambar 3.4 Activity Diagram Kelola Stok Barang
Keterangan:
Untuk melakukan Kelola Stok Barang admin sudah login kedalam sistem dan
menampilkan halaman utama. Selanjutnya Admin memilih menu Kelola Stok
Barang lalu sistem menampilkan Sub Menu Kelola Stok Barang Keseluruhan dan
Sub Menu Kelola Stok Barang Habis dan Minim.
c. Activity Diagram Kelola Transaksi
Function ini merupakan function yang digunakan untuk melakukan proses
transaksi atau pembayaran.
48
Gambar 3.5 Activity Diagram Kelola Transaksi
Keterangan:
Untuk melakukan Kelola Data Transaksi admin sudah login kedalam sistem
dan menampilkan halaman utama. Selanjutnya Admin memilih menu Kelola Data
Transaksi lalu sistem menampilkan Sub Menu Kelola Data Transaksi. Kemudian
Admin memilih salah satu diantara Sub Menu Kelola Data Transaksi dan sistem
menampilkan halaman Kelola Data Transaksi yang dipilih admin. Pada halaman Sub
Menu Kelola Data Transaksi yaitu Penjualan ini admin dapat melakukan 4 aksi yaitu
tambah data transaksi, ubah data transaksi, hapus data transaksi, dan cari data
transaksi. Pada 1 halaman Sub Menu Kelola Data Transaksi yaitu Transaksi
Penjualan admin bisa melakukan cetak nota penjualan.
49
d. Activity Diagram Kelola Kategori

Function ini merupakan function yang digunakan untuk menentuka kategori
Kerudung berdasarkan jenisnya.
50
Gambar 3.5 Activity Diagram Kelola Kategori
Keterangan:
Kelola kategori merupakan sebuah proses untuk melakukan penambahan
kategori dalam jenis Kerudung . Admin dapat melakukan penambahan dengan
mengisi form tambah data kategori . Setelah mengisi form kategori otomatis di form
tambah Kerudung akan bertambah kategori.
e. Activity Diagram Kelola Laporan

Function ini merupakan function yang digunakan untuk melihat mencetak dan
memfilter laporan.
51
Gambar 3.6 Activity Diagram Kelola Laporan
Keterangan :
Admin atau kasir dapat mencetak laporan penjualan pertanggal, perbulan, dan
pertahun.
f. Activity Diagram Log Out

Function ini merupakan function yang di gunakan untuk keluar dari aplikasi.
52
Gambar 3.7 Activity Diagram Log Out
Keterangan :
Untuk melakukan logout dari sistem admin memilih menu logout lalu sistem
akan menampilkan pesan konfirmasi, jika admin menekan tombol ya maka berhasil
keluar dan menampilkan halaman login kembali tetapi jika menekan tombol tidak
maka sistem akan menampilkan kembali halaman utama.
3.3.5 Class Diagram
Class Diagram adalah pandangan aplikasi yang statis. Class Diagram tidak
hanya menggambarkan visualisasi, menggambarkan dan mendokumentasikan
aspek yang berbeda dalam sistem, tetapi juga untuk kontruksi eksekusi kode dalam
software aplikasi. Class Diagram digunakan untuk mengelompokkan hal-hal inti
dari setiap proses yang ingin dilakukan. Semua proses dimasukkan ke dalam
tiaptiap Class dan saling dihubungkan pada Class-Class lainnya yang saling
berhubungan. Gambar 3.12 merupakan class diagram dari Aplikasi Penjualan
Kerudung berbasis Website di Toko Ulmiyah Hijab :
53
Gambar 14Gambar 3.12 Class Diagram Point of Sales Lekra Kopi
3.3.6 Sequence Diagram

Sequence Diagram merupakan bentuk kedua dari behavioral model.
Sequence Diagram menunjukan bagaimana sebuah kejadian (event) menyebabkan
transisi dari objek ke objek. Berikut merupakan Sequence Diagram dari Aplikasi
Penjualan Kerudung berbasis Website di Toko Ulmiyah Hijab :
1. Sequence Diagram Login
Gambar 3.13 Sequence Diagram Login Aplikasi Penjualan Kerudung

ambar 15
berbasis Website di Toko Ulmiyah Hijab

54
2. Sequence Diagram Kelola Stok Barang

Sequence Diagram Kelola Stok Barang merupakan rangkaian pesan yang
terdapat didalam sistem pada saat pengguna menjalankan fungsi Kelola Stok
Barang yang dilakukan oleh Admin. Berikut merupakan Sequence Diagram
Kelola Stok Barang dari Aplikasi Penjualan Kerudung berbasis Website di
Toko Ulmiyah Hijab :
Gambar 3.14 Sequence Diagram Kelola Stock Barang Aplikasi

Gambar 16
Penjualan Kerudung berbasis Website di Toko Ulmiyah Hijab
3. Sequence Diagram Kelola Transaksi

Sequence Diagram Kelola Transaksi merupakan rangkaian pesan yang
terdapat didalam sistem pada saat pengguna menjalankan fungsi Penjualan
yang dilakukan dari admin atau kasir terhadap objek interface, proses dan
table.
Gar 17 Gambar 3.15 Sequence Diagram Kelola Transaksi Aplikasi Penjualan

Kerudung berbasis Website di Toko Ulmiyah Hijab
55
4. Sequence Diagram Kelola Kategori

Sequence Diagram Kelola Kategori merupakan rangkaian pesan yang
terdapat didalam sistem pada saat pengguna menjalankan fungsi Kategori
yang dilakukan dari admin terhadap objek interface, proses dan tabel.
bar 18 Gambar 3.16 Sequence Diagram Kelola Kategori Aplikasi Penjualan

5. Sequence Diagram Kelola Laporan

Sequence Diagram Kelola Laporan merupakan rangkaian pesan yang
terdapat didalam sistem pada saat pengguna menjalankan fungsi Laporan
yang dilakukan dari admin terhadap objek interface, proses dan tabel.
bar 18 Gambar 3.16 Sequence Diagram Kelola Laporan Aplikasi Penjualan

56
6. Sequence Diagram Log Out

Sequence Diagram Logout merupakan rangkaian pesan yang terdapat didalam
sistem pada saat pengguna menjalankan fungsi Logout yang dilakukan dari
aktor terhadap objek Logout.
bar 18 Gambar 3.16 Sequence Diagram Log Out Aplikasi Penjualan Kerudung
berbasis Website di Toko Ulmiyah Hijab
3.4 Perancangan Menu

Perancangan menu merupakan rancangan struktur menu yang nantinya akan
dibangun pada Aplikasi Penjualan Kerudung berbasis Website di Toko Ulmiyah
Hijab. Struktur menu yang akan di bangun dapat dilihat pada gambar 3.20.
Gambar 3.20 Struktur Menu Aplikasi Penjualan Kerudung berbasis Website di

Toko Ulmiyah Hijab
3.5 Perancangan Antarmuka
Perancangan antarmuka merupakan rancangan antarrmuka aplikasi yang

nantinya akan dibangun. Pada tahap analisis, telah dilakukan kajian untuk
57
mengetahui komponen-komponen yang diperlukan pada pembuatan Aplikasi

Penjualan Kerudung berbasis Website di Toko Ulmiyah Hijab. Berikut ini adalah
pembuatan perancangan antarmuka Aplikasi Penjualan Kerudung berbasis Website
di Toko Ulmiyah Hijab.
3.5.1 Antarmuka login
Antarmuka halaman login merupakan halaman default dari aplikasi ketika
seorang pengguna membuka aplikasi, sehingga pengguna tersebut bisa masuk ke
dalam sistem aplikasi. Gambar 3.21 adalah gambar halaman login :
Gambar 23 Gambar 3.21 Antarmuka Perancangan Login
3.5.2 Antarmuka Kelola Stock Barang

Halaman Kelola Stok Barang Keseluruhan merupakan halaman yang
digunakan untuk menampilkan informasi stok barang keseluruhan. Selain
menampilkan informasi, di halaman ini juga dapat melakukan cari :
Gambar 3.22 Antgarmuka Perancangan Kelola Stock Barang

Gambar 24
58
3.5.4 Antarmuka Kelola Transaksi

Antarmuka kelola transaksi memungkinkan Admin untuk dapat mengelola
penjualan. Gambar 3.24 adalah antarmuka kelola transaksi :
Gambar 3.24 Antarmuka Perancangan Kelola Transaksi
3.5.6 Antarmuka Kelola kategori

Antarmuka kelola penjualan memungkinkan Admin untuk dapat mengelola
kategori. Gambar 3.26 adalah antarmuka kelola kategori :
Gambar 27 Gambar 3.26 Antarmuka Perancangan Kelola Kategori
3.5.9 Antarmuka Kelola Laporan

Antarmuka kelola laporan memungkinkan Admin untuk dapat mengelola
laporan. Gambar 3.29 adalah antarmuka kelola laporan :
59
Gambar 30 Gambar 3.29 Antarmuka Perancangan Kelola Laporan
3.5.9 Antarmuka Log Out

Antarmuka log Out memungkinkan Admin untuk keluar dengan
memvrefikasi terlebid dahulu:
Gambar 30 Gambar 3.29 Antarmuka Perancangan Kelola Laporan

BAB IV
IMPLEMENTASI DAN PENGUJIAN SISTEM
4.1 Implementasi
Implementasi adalah proses representasi dari analisis dan perancangan
menjadi suatu aplikasi atau pengkodean program dengan bahasa pemrograman
tertentu.
Tahap implementasi dapat diterapkan jika sistem perangkat lunak dan

perangkat kerasnya telah dipersiapkan. Kegiatan implementasi sistem ini meliputi
kebutuhan-kebutuhan perangkat keras, perangkat lunak, kebutuhan pengguna,
implementasi antarmuka, serta source code program.
4.1.1 Kebutuhan Perangkat Keras

Spesifikasi perangkat keras yang digunakan untuk membangun Aplikasi POS
Lekra Kopi Berbasis Dekstop ini adalah :
Tabel 4.3 Spesifikasi kebutuhan Perangkat Keras

No Perangkat Keras Spesifikasi
1 Processor Intel Celeron G530, 2,4 Ghz
2 Memory 1024 MB
3 VGA 128 MB
4 Harddisk 80 GB
5 Monitor Resolusi 1024 x 768 pixel
6 Mouse dan Keyboard Portable
4.1.2 Kebutuhan Perangkat Lunak

Perangkat lunak yang digunakan untuk membangun Aplikasi POS Lekra
Kopi Berbasis Dekstop adalah sebagai berikut : 1. Microsoft Windows 7,
merupakan sistem
61
68
2. operasi yang dapat menjalankan perangkat keras yang ada didalamnya.

3. XAMPP, merupakan paket aplikasi yang dipergunakan untuk database server.
Berikut adalah paket aplikasi yang ada pada xampp : a.
Apache
b. MySQL
4. Codelgniter (CI) adalah framework pengembangan aplikasi (Application
Development Framework) dengan menggunakan PHP, Pengembangan dapat
langsung menghasilkan program dengan cepat, dengan mengikuti kerangka
kerja membuat yang telah disiapkan oleh framework CI.
5. Sublime Text, merupakan sebuah aplikasi utama yang dipergunakan sebagai
code editor dalam membuat sebuah program.
6. PHP (hypertext preprocessor) adalah sebuah bahasa pemrograman di sisi
server.
Ketika url diakses, web browser akan melakukan request kesebuah web server.
4.2 Tampilan Antarmuka

Antarmuka merupakan tampilan halaman aplikasi yang sudah dibuat. Berikut
ini akan diuraikan mengenai antarmuka Aplikasi POS Lekra Kopi : 4.2.1 Tampilan
Halaman Login
Gambar 31Gambar 4.1 Form Login

62
Keterangan :
Dalam tampilan antarmuka Login menampilkan halaman login dan mengisi

username dan password untuk masuk ke halaman utama.
4.2.2 Tampilan Halaman Utama Admin
mbar 32Gambar 4.2 Halaman Utama Admin
Keterangan :
Dalam tampilan antarmuka Halaman Utama Admin menampilkan halaman
utama sesuai dengan level pengguna. Jika login sebagai Admin, maka akan
menampilkan menu Kelola Menu, Kelola Kategori, Transaksi, Kelola Pengguna,
Kelola Grafik Penjualan dan Kelola Laporan.
63
4.2.3 Tampilan Halaman Utama Kasir
Gambar 4.3 Halaman Utama Kasir

Keterangan :
Dalam tampilan halaman utama kasir digunakan untuk mengelola transaksi
pembayaran
4.2.4 Tampilan Kelola Penjualan

64
Gambar 33Gambar 4.4 Halaman Kelola Penjualan
Keterangan :
Dalam tampilan halaman kelola penjualan digunakan untuk mengelola transaksi
pembayaran
4.2.5 Tampilan Kelola Kategori
Gambar 34Gambar 4.5 Halaman Kelola Kategori
Keterangan :
Dalam tampilan halaman kelola kategori digunakan untuk mengatur kategori tiap
menu
65
4.2.6 Tampilan Kelola Menu
Gambar 4.6 Halaman Kelola Menu
Keterangan :
Dalam tampilan halaman kelola menu digunakan untuk menambah menu atau
resep yang baru
66
4.2.7 Tampilan Kelola Pengguna
Gambar 35Gambar 4.7 Halaman Kelola Pengguna
Keterangan :
Dalam tampilan halaman kelola pengguna digunakan untuk menambah pengguna

atau menonaktifkan pengguna
67
4.2.8 Tampilan Kelola Laporan
Gambar 36Gambar 4.8 Halaman Kelola Laporan
Keterangan :
Dalam tampilan halaman kelola laporan digunakan untuk menmapilkan
halaman laporan-laporan penjualan dan stok menu
4.2.9 Tampilan Kelola Grafik Penjualan
Gambar 37Gambar 4.9 Halaman Kelola Grafik Penjualan

68
Keterangan :
Dalam tampilan halaman kelola grafik penjualan digunakan untuk melihat grafik
penjulan tiap per tanggal, bulan ,dan tahun
4.3 Pengujian
Pengujian merupakan bagian yang penting dalam siklus pengembangan
perangkat lunak. Pengujian dilakukan untuk menjamin kualitas dan juga
mengetahui kelemahan dari perangkat lunak. Tujuan dari pengujian ini adalah
untuk menjamin bahwa perangkat lunak yang dibangun memiliki kualitas yang
handal. Pengujian perangkat lunak ini menggunakan metode pengujian blackbox.
Metode uji coba blackbox memfokuskan pada keperluan fungsional dari
software. Karena itu ujicoba blackbox memungkinkan pengembang software untuk
membuat himpunan kondisi input yang akan melatih seluruh syarat-syarat
fungsional suatu program. Ujicoba blackbox bukan merupakan alternatif dari uji
coba whitebox, tetapi merupakan pendekatan yang melengkapi untuk menemukan
kesalahan lainnya. (Ayuliana, 2009).
Tabel 4.4 Pengujian Black Box

No User Interface Harapan Kesesuaian
1. Login Pada halaman login, admin harus Sesuai

mengisikan username dan
password jika username dan
password yang diinputkan benar
maka akan diarahkan ke halaman
utama. Namun jika username atau
password yang diinputkan salah
atau tidak cocok maka muncul
pesan kesalahan bahwa Username
dan Password tidak cocok.
69
2. Halaman Utama Admin Admin memilih menu Kelola Sesuai

Penjualan, sistem menampilkan
Halaman Kelola Penjualan.
3. Admin memilih menu Kelola Sesuai

Menu, sistem menampilkan
Halaman Kelola Menu.

Kategori, sistem menampilkan
Halaman Kelola Kategori.

Pengguna, sistem menampilkan
Halaman Kelola Pengguna.

Laporan, sistem menampilkan
Halaman Kelola Laporan.

Halaman Kelola Gafik Penjualan.
8. Halaman Utama Kasir Admin memilih menu Kelola Sesuai

Halaman Kelola Penjualan.
70
9. Halaman Kelola Admin atau Kasir menekan Sesuai

Penjualan tombol kelola penjualan,
kemudian admin atau kasir
menekan tombol cari menu,
sistem menampilkan modal untuk
menambahkan menu, admin atau
kasir menekan tombol tambahkan
kedalam list dengan secara
otomatis akan tertambah pada
keranjang pembayaran jika ada
kesalah dalam menambahkan
admin atau kasit menekan tombol
batal, admin atau kasir
memasukan jumlah uang yang di
berikan pelanggan, admin atau
kasir menekan tombol simpan
otomatis akan membawa ke
halaman simpan penjualan dan
notifikasi traksaksi berhasil,
admin atau kasir menekan tombol
cetak.
10. Halaman Kelola Menu Pada halaman ini admin dapat Sesuai
menambahkan menu makanan dan
minuman yang baru, mengubah
dan menghapusnya.

71
11. Halaman Kelola Pada halaman ini admin dapat Sesuai

Kategori menambah, mengubah, dan
menghapus data kategori makanan
dan minuman.
12. Halaman Kelola Pada halaman ini admin dapat Sesuai

Pengguna menambah, mengubah, dan
menonaktifkan data pengguna.
13. Halaman Kelola Admin dapat melihat, mem-filter Sesuai

Laporan laporan, mencetak dan
mempreview laporan.
14. Halaman Kelola Grafik Admin dapat melihat, mem-filter Sesuai

Penjualan grafik, dan mem-preview grafik
penjualan.
81
BAB V PENUTUP
5.1 Simpulan
Telah berhasil sebuah Aplikasi Point Of Sales (POS) Di Lekra Kopi dengan
menggunakan bahasa PHP dengan pendukung aplikasi Sublime text 3, Penulis
dapat menyimpulkan beberapa hal kesimpulan sebagai berikut :
1. Aplikasi ini dapat membantu bagian admin dan kasir untuk mempermudah
mengelola data penjualan dan melakukan transaksi
2. Aplikasi ini dapat membantu kasir dan admin untuk mempermudah pembuatan
laporan data penjualan, stok data menu , dan mem-preview grafik penjualan.
3. Aplikasi ini dapat membantu bagian admin untuk mempermudah pengelolaan
menu dan stok menu menjadi lebih terorganisir dan teratur
4. Aplikasi ini dapat membantu admin untuk mempermudah memonitoring grafik
penjualan dan stok menu menjadi lebih tepat dan akurat.
5.2 Saran
Berdasarkan hasil analisis yang dilakukan maka penulis mengajukan
beberapa saran kepada pihak yang akan mengembangkan sebagai pengembang
selanjutnya antara lain:
1. Aplikasi POS (Point Of Sales) Lekra Kopi ini dikembangkan apabila terdapat
kebutuhan fungsional yang dibutuhkan yaitu kelola suplier.
2. Akan lebih baik jika aplikasi POS (Point Of Sales) Lekra Kopi ini
dikembangkan dengan cakupan yang lebih luas diantaranya jaringan yang
saling terhubung apabila lekra kopi ini membuka cabang.
DAFTAR PUSTAKA
Budi, R. 2011. Membuat Database Menggunakan MySQL. Bandung: Informatika

Bandung.
I Komang Setia Buana. 2014. Jago Pemrograman PHP. Jakarta: Dunia Komputer.
Suci, L. P. (2018). Pembuatan e-SKUM (Surat Kuasa Untuk Membayar) panjar
perkara di Pengadilan Negeri Klas 1B. Cianjur: Universitas Suryakancana. Presman,
80
R. S. (2010). Software Engineering A Practitioner's Approach Seven Edition. New
York: The McGraw-Hill Companies, inc.
Sianipar, R.H. 2015. Membangun Web dengan PHP dan MySQL. Bandung :
Informatika.
Martin Fowler. 2005. UML Distilled Edisi 3. Yogyakarta: Andi.
Pressman, Roger S. 2010. Rekayasa Perangkat Lunak : Pendekatan Praktisi Edisi 7.
Yogyakarta: Andi Yogyakarta
Rosa, P. H. Prima, St Wisnu Wijaya dan Lilis Setiawati. 2008. Makalah-Makalah
Sistem Informasi. Yogyakarta: Universitas Sanata Dharma Yogyakarta
Verdi Yasin. 2012. Rekayasa Perangkat Lunak berorientasi Objek. Jakarta: Mitra
Wacana Media.
http://openlibrary.telkomuniversity.ac.id/pustaka/files/107489/jurnal_eproc/peran
cangan-point-of-sales-pos-untuk-sistem-biometric-payment.pdf, 1 April 2016.
Rokhman, Abdulatif. 2012. Apa itu software POS.
http://abdulatifrokhman.com/2012/05/apa-itu-software-pos/ , diakses 18 Juli 2013.
Simarmata Janner. 2010. Rekayasa Perangkat Lunak. Yogyakarta: Andi.
Binanto, Iwan. 2010. Multimedia Digital Dasar Teori dan Pengembanganya.
Yoyakarta: Andi Publisher.
Budi, R. 2011. Membuat Database Menggunakan MySQL. Bandung: Informatika
Bandung.
Hidayatulloh Priyanto dan Jauhari Khairul. 2014. Pemrograman Web. Bandung:
Informatika.
Riyanto, Slamet. 2014. Kupas Tuntas Web Responsif. Jakarta: PT Elex Media
Komputindo.
DAFTAR RIWAYAT HIDUP
a. Data Personal
NPM : 5520116016
81
Tempat/ Tgl. Lahir : Cianjur, 17 September 1998

Jenis Kelamin : Laki-laki
Agama : Islam
Program Studi : Teknik Informatika
Alamat Rumah : Kp.Babakan Tipar Desa Limbangan Sari
Telp : 083825205935
Email : hilhamdan17@gmail.com
b. Pendidikan
Jenjang Nama Lembaga Program Studi Tahun Lulus
SD SDN Panembong 1 - 2010

SMP SMP Islam Al-i’anah - 2013
SMA SMK Pasundan 2 Cianjur RPL 2016
PT Universitas Suryakancana Teknik Informatika
Demikian daftar riwayat hidup ini dibuat dengan sebenarnya.

Mahasiswa Ybs.
82
LAMPIRAN-LAMPIRAN
LEMBAR PENILAIAN KERJA PRAKTEK (OLEH

PEMBIMBING LAPANGAN)
Pembimbing Lapangan yang bertandatangan di bawah ini telah melaksanakan

penilaian terhadap kegiatan Kerja Praktek untuk Mahasiswa Program Studi Teknik
Informatika :
NPM : 5520116016
Judul : APLIKASI POINT OF SALES (POS) BEBRBASIS

DESKTOP DI CAFE LEKRA KOPI
Dengan penilaian KP, sebagai berikut :

NO. PENILAIAN NILAI
1. Disiplin
2. Sikap
3. Pelaksanaan Tugas
83
4. Produk yang dihasilkan
Rata-rata
Keterangan Nilai :
1. Sangat baik = 80 s/d 100
2. Baik = 70 s/d 79
3. Cukup = 55 s/d 69
4. Kurang = 40 s/d 54
5. Buruk = < 39 Cianjur, Juli 2019
Pembimbing Lapangan,
M Riyadi Maskur
Source Code Program
1. Barang.php
<?php class Barang extends

CI_Controller{ function
__construct(){
parent::__construct();
if($this->session->userdata('masuk') !=TRUE){
$url=base_url();
redirect($url);
};
$this->load->model('m_kategori');
$this->load->model('m_barang');
// $this->load->library('barcode');
}
function index(){
if($this->session->userdata('akses')=='1'){
$data['data']=$this->m_barang->tampil_barang();
$data['kat']=$this->m_kategori->tampil_kategori();
$data['kat2']=$this->m_kategori->tampil_kategori();
$this->load->view('admin/v_barang',$data);
}else{
echo "Halaman tidak ditemukan";
}
}
function tambah_barang(){
84
$kobar=$this->m_barang->get_kobar();
$nabar=$this->input->post('nabar');
$cc=$this->m_barang->crosscek($nabar);
$kat=$this->input->post('kategori');
$satuan=$this->input->post('satuan');
$harpok=str_replace(',', '', $this->input-
>post('harpok'));
$harjul=str_replace(',', '', $this->input-
>post('harjul'));
$stok=$this->input->post('stok');
$min_stok=$this->input->post('min_stok');
if (count($cc)==1) {
$this->m_barang-
>tambahStok($nabar,$stok);
redirect('admin/barang');
}else{
$this->m_barang-
>simpan_barang($kobar,$nabar,$kat,$satuan,$harpok,$harjul,$stok
,$min_stok);
}
}else{
}
}
function edit_barang(){ if($this->session-
>userdata('akses')=='1'){ $kobar=$this->input-
>post('kobar');
$nabar=$this->input->post('nabar');
$kat=$this->input->post('kategori');
$satuan=$this->input->post('satuan');
$harpok=str_replace(',', '', $this->input-
>post('harpok'));
$harjul=str_replace(',', '', $this->input-
>post('harjul'));
$stok=$this->input->post('stok');
$min_stok=$this->input->post('min_stok');
$this->m_barang-
>update_barang($kobar,$nabar,$kat,$satuan,$harpok,$harjul,$harj
ul_grosir,$stok,$min_stok);
}else{
85
}
}
function hapus_barang(){ if($this->session-
>userdata('akses')=='1'){
$kode=$this->input->post('kode');
$this->m_barang->hapus_barang($kode);
}else{ echo "Halaman tidak
ditemukan";
}
}
}
1. Penjualan <?php
class Penjualan extends CI_Controller{
function __construct(){
$url=base_url();
redirect($url);
};
$this->load->model('m_suplier');
$this->load->model('m_penjualan');
}
function index(){
if($this->session->userdata('akses')=='1' || $this->session-
$this->load->view('admin/v_penjualan',$data);
}else{
}
}
function get_barang(){
if($this->session->userdata('akses')=='1' || $this-
>session>userdata('akses')=='2'){
$kobar=$this->input->post('kode_brg');
$x['brg']=$this->m_barang->get_barang($kobar);
$this->load-
>view('admin/v_detail_barang_jual',$x);
86
}else{
}
}
function add_to_cart(){
$produk=$this->m_barang->get_barang($kobar);
$i=$produk->row_array();
$data = array(
'id' => $i['barang_id'],
'name' => $i['barang_nama'],
'satuan' => $i['barang_satuan'],
'harpok' => $i['barang_harpok'],
'price' => str_replace(",", "", $this->input-
>post('harjul'))-$this->input->post('diskon'),
'disc' => $this->input->post('diskon'),
'qty' => $this->input->post('qty'),
'amount' => str_replace(",", "", $this->input-
>post('harjul'))
);
if(!empty($this->cart->total_items())){
foreach ($this->cart->contents() as $items){
$id=$items['id'];
$qtylama=$items['qty'];
$rowid=$items['rowid'];
$qty=$this->input->post('qty');
if($id==$kobar){
$up=array(
'rowid'=> $rowid,
'qty'=>$qtylama+$qty
);
$this->cart->update($up);
}else{
$this->cart->insert($data);
}
}
}else{
} redirect('admin/penjualan');
87
}else{ echo "Halaman tidak
ditemukan";
}
}
function remove(){
$row_id=$this->uri->segment(4);
$this->cart->update(array(
'rowid' => $row_id,
'qty' => 0
));
redirect('admin/penjualan');
}else{
}
}
function simpan_penjualan(){
$total=$this->input->post('total');
$jml_uang=str_replace(",", "", $this->input-
>post('jml_uang'));
$kembalian=$jml_uang-$total;
if(!empty($total) && !empty($jml_uang)){
if($jml_uang < $total){
echo $this->session-
>set_flashdata('msg','<label class="label label-danger">Jumlah
Uang yang anda masukan Kurang</label>');
}else{
$nofak=$this->m_penjualan-
>get_nofak();
$this->session-
>set_userdata('nofak',$nofak);
$order_proses=$this->m_penjualan-
>simpan_penjualan($nofak,$total,$jml_uang,$kembalian);
if($order_proses){ $this->cart-
>destroy();
$this->session-
>unset_userdata('tglfak');
88
$this->session-
>unset_userdata('suplier');
$this->load-
>view('admin/alert/alert_sukses');
}else{
}
}
}else{ echo $this->session-

>set_flashdata('msg','<label class="label label-danger">Penjualan
Gagal di Simpan, Mohon Periksa Kembali Semua Inputan
Anda!</label>');
}
}else{
}
}
function cetak_faktur(){
$x['data']=$this->m_penjualan->cetak_faktur();
$this->load->view('admin/laporan/v_faktur',$x);
//$this->session->unset_userdata('nofak');
}
2. Kategori
<?php
class Kategori extends CI_Controller{ function __construct(){
parent::__construct(); if($this->session-
>userdata('masuk') !=TRUE){ $url=base_url();
redirect($url);
};
}
function index(){
$data['data']=$this->m_kategori->tampil_kategori();
89
$this->load->view('admin/v_kategori',$data);
}else{
}
}
function tambah_kategori(){ if($this->session-
$kat=$this->input->post('kategori'); $this-
>m_kategori->simpan_kategori($kat);
redirect('admin/kategori');
}else{
}
}
function edit_kategori(){ if($this->session-
$kat=$this->input->post('kategori'); $this-
>m_kategori->update_kategori($kode,$kat);
}else{
}
}
function hapus_kategori(){ if($this->session-
$kode=$this->input->post('kode'); $this-
>m_kategori->hapus_kategori($kode);
}else{
}
}
}
3. Pengguna
<?php class Pengguna extends

CI_Controller{
90
$url=base_url();
redirect($url);
};
$this->load->model('m_pengguna');
}
function index(){
$data['data']=$this->m_pengguna->get_pengguna();
$this->load->view('admin/v_pengguna',$data);
}else{
}
}
function tambah_pengguna(){ if($this->session-

$nama=$this->input->post('nama');
$username=$this->input->post('username');
$password=$this->input->post('password');
$password2=$this->input-
>post('password2'); $level=$this->input-
>post('level'); if ($password2 <> $password) {
>set_flashdata('msg','<label class="label label-danger">Password yang
Anda Masukan Tidak Sama</label>');
redirect('admin/pengguna');
}else{
$this->m_pengguna-
>simpan_pengguna($nama,$username,$password,$level);
>set_flashdata('msg','<label class="label label-success">Pengguna
Berhasil ditambahkan</label>');
}
}else{
}
}
function edit_pengguna(){ if($this->session-
$nama=$this->input->post('nama');
91
$username=$this->input->post('username');
$password=$this->input->post('password');
$password2=$this->input->post('password2');
$level=$this->input->post('level'); if
(empty($password) && empty($password2)) {
$this->m_pengguna-
>update_pengguna_nopass($kode,$nama,$username,$level);
Berhasil diupdate</label>');
}elseif ($password2 <> $password) {
>set_flashdata('msg','<label class="label label-danger">Password yang
Anda Masukan Tidak Sama</label>');
}else{
$this->m_pengguna-
>update_pengguna($kode,$nama,$username,$password,$level);
Berhasil diupdate</label>');
}
}else{
}
}
function nonaktifkan(){ if($this->session-
$kode=$this->input->post('kode'); $this-
>m_pengguna->update_status($kode);
}else{
}
}
}
4. Grafik
<?php
92
class Grafik extends CI_Controller{
$url=base_url();
redirect($url);
};
$this->load->model('m_pembelian');
$this->load->model('m_laporan');
$this->load->model('m_grafik');
}
function index(){
$data['jual_bln']=$this->m_laporan-
>get_bulan_jual();
$data['jual_thn']=$this->m_laporan-
>get_tahun_jual();
$this->load->view('admin/v_grafik',$data);
}else{
}
}
function graf_stok_barang(){
$x['report']=$this->m_grafik->statistik_stok();
$this->load-
>view('admin/grafik/v_graf_stok_barang',$x);
}
function graf_penjualan_perbulan(){
$bulan=$this->input->post('bln');
$x['report']=$this->m_grafik-
>graf_penjualan_perbulan($bulan);
$x['bln']=$bulan;
$this->load-
>view('admin/grafik/v_graf_penjualan_perbulan',$x);
}
93
function graf_penjualan_pertahun(){
$tahun=$this->input->post('thn');
$x['report']=$this->m_grafik-
>graf_penjualan_pertahun($tahun);
$x['thn']=$tahun;
$this->load-
>view('admin/grafik/v_graf_penjualan_pertahun',$x);
}
5. Penjualan
<?php
class Penjualan extends CI_Controller{
$url=base_url();
redirect($url);
};
$this->load->model('m_kategori'); $this-
>load->model('m_barang');
$this->load->model('m_suplier');
}
function index(){
if($this->session->userdata('akses')=='1' || $this->session-
$this->load->view('admin/v_penjualan',$data);
}else{
}
}
function get_barang(){
$x['brg']=$this->m_barang->get_barang($kobar);
$this->load-
>view('admin/v_detail_barang_jual',$x);
}else{
94
}
}
function add_to_cart(){
$produk=$this->m_barang->get_barang($kobar);
$i=$produk->row_array();
$data = array(
'id' => $i['barang_id'],
'name' => $i['barang_nama'],
'satuan' => $i['barang_satuan'],
'harpok' => $i['barang_harpok'],
'price' => str_replace(",",
"", $this->input>post('harjul'))-$this->input->post('diskon'),
'disc' => $this->input->post('diskon'),
'qty' => $this->input->post('qty'),
'amount' => str_replace(",", "", $this->input>post('harjul'))
);
if(!empty($this->cart->total_items())){
foreach ($this->cart->contents() as $items){
$id=$items['id'];
$qtylama=$items['qty'];
$rowid=$items['rowid'];
$qty=$this->input->post('qty');
if($id==$kobar){
$up=array(
'rowid'=> $rowid,
'qty'=>$qtylama+$qty
);
$this->cart->update($up);
}else{
}
}
}else{
}
}else{
95
}
}
function remove(){
$row_id=$this->uri->segment(4);
$this->cart->update(array(
'rowid' => $row_id,
'qty' => 0
));
}else{
}
}
function simpan_penjualan(){
$total=$this->input->post('total');
$jml_uang=str_replace(",", "", $this->input-
>post('jml_uang'));
$kembalian=$jml_uang-$total;
if(!empty($total) && !empty($jml_uang)){
if($jml_uang < $total){
>set_flashdata('msg','<label class="label label-danger">Jumlah
Uang yang anda masukan Kurang</label>');
}else{
$nofak=$this->m_penjualan-
>get_nofak();
$this->session-
>set_userdata('nofak',$nofak);
$order_proses=$this->m_penjualan-
>simpan_penjualan($nofak,$total,$jml_uang,$kembalian);
if($order_proses){
$this->cart->destroy();
$this->session-
>unset_userdata('tglfak');
$this->session-
>unset_userdata('suplier');
96
$this->load-
>view('admin/alert/alert_sukses');
}else{
}
}
}else{ echo $this->session-

>set_flashdata('msg','<label class="label label-danger">Penjualan
Gagal di Simpan, Mohon Periksa Kembali Semua Inputan
Anda!</label>');
}
}else{
}
}
function cetak_faktur(){
$x['data']=$this->m_penjualan->cetak_faktur();
$this->load->view('admin/laporan/v_faktur',$x);
//$this->session->unset_userdata('nofak');
}
6. Laporan <?php class Laporan extends
CI_Controller{
$url=base_url();
redirect($url);
};
97
$this->load->model('m_pembelian');
$this->load->model('m_penjualan'); $this->load-
>model('m_laporan');
function index(){
$data['jual_bln']=$this->m_laporan-
>get_bulan_jual();
$data['jual_thn']=$this->m_laporan-
>get_tahun_jual();
$this->load->view('admin/v_laporan',$data);
}else{
function lap_stok_barang(){
$x['data']=$this->m_laporan->get_stok_barang();
$this->load-
>view('admin/laporan/v_lap_stok_barang',$x);
function lap_data_barang(){
$x['data']=$this->m_laporan->get_data_barang();
$this->load-
>view('admin/laporan/v_lap_barang',$x);
function lap_data_penjualan(){ $x['data']=$this->m_laporan-

>get_data_penjualan();
98
$x['jml']=$this->m_laporan->get_total_penjualan();
$this->load-
>view('admin/laporan/v_lap_penjualan',$x);
function lap_penjualan_pertanggal(){
$tanggal=$this->input->post('tgl');
$x['jml']=$this->m_laporan-
>get_data__total_jual_pertanggal($tanggal);
$x['data']=$this->m_laporan-
>get_data_jual_pertanggal($tanggal);
$this->load-
>view('admin/laporan/v_lap_jual_pertanggal',$x);
function lap_penjualan_perbulan(){
>get_total_jual_perbulan($bulan);
>get_jual_perbulan($bulan);
$this->load-
>view('admin/laporan/v_lap_jual_perbulan',$x);
function lap_penjualan_pertahun(){
$tahun=$this->input->post('thn');
>get_total_jual_pertahun($tahun);
>get_jual_pertahun($tahun);
$this->load-
>view('admin/laporan/v_lap_jual_pertahun',$x);
99
function lap_laba_rugi(){
>get_total_lap_laba_rugi($bulan);
>get_lap_laba_rugi($bulan);
$this->load-
>view('admin/laporan/v_lap_laba_rugi',$x);
7. Administrator
<?php class Administrator extends

CI_Controller{
parent:: __construct(); $this-
>load->model('mlogin');
}
function index(){
$x['judul']="Silahkan Masuk..!";
$this->load->view('admin/v_login',$x);
}
function cekuser(){
$username=strip_tags(stripslashes($this->input-
>post('username',TRUE)));
$password=strip_tags(stripslashes($this-
>input>post('password',TRUE)));
$u=$username;
$p=$password;
$cadmin=$this->mlogin->cekadmin($u,$p); if($cadmin-
>num_rows > 0){
$this->session->set_userdata('masuk',true);
$this->session->set_userdata('user',$u);
$xcadmin=$cadmin->row_array();
if($xcadmin['user_level']=='1') $this->session-
>set_userdata('akses','1');
$idadmin=$xcadmin['user_id'];
100
$user_nama=$xcadmin['user_nama'];
$this->session->set_userdata('idadmin',$idadmin);
$this->session->set_userdata('nama',$user_nama);
if($xcadmin['user_level']=='2'){ $this->session-
>set_userdata('akses','2');
$idadmin=$xcadmin['user_id'];
$user_nama=$xcadmin['user_nama'];
$this->session->set_userdata('idadmin',$idadmin);
$this->session->set_userdata('nama',$user_nama);
} //Front Office
if($this->session->userdata('masuk')==true){
redirect('administrator/berhasillogin');
}else{
redirect('administrator/gagallogin');
}
}
function berhasillogin(){
redirect('welcome');
}
function gagallogin(){
$url=base_url('administrator');
echo $this->session->set_flashdata('msg','Username Atau
Password Salah');
redirect($url);
}
function logout(){
$this->session->sess_destroy();
$url=base_url('administrator');
redirect($url);
}
}
101
102

KP Pro

Diunggah oleh

Informasi Dokumen

Deskripsi Asli:

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

KP Pro

Diunggah oleh

Hak Cipta:

Format Tersedia

APLIKASI PENJULAN KERUDUNG BERBASIS WEBSITE DI

TOKO ULMIYAH HIJAB

OLEH HERDIANSYAH SETIAWAN 5520116016

PROGRAM STUDI TEKNIK INFORMATIKA

Nama : HERDIANSYAH SETIAWAN

Program Studi : TEKNIK INFORMATIKA

Judul : APLIKASI PENJULAN KERUDUNG

Pembimbing Kerja Praktek Pembimbing Lapangan

Fuad Nasher,ST,M.Kom M Riyadi Maskur

Nama : HERDIANSYAH SETIAWAN

Program Studi : TEKNIK INFORMATIKA

Judul : APLIKASI PENJUALAN HIJAN

WEBSITE DI TOKO ULMIYAH HIJAB

Nama Penguji Tanda Tangan

1. Fuad Nasher, ST.,M.Kom

2. Agus Suheri, ST., M.Kom.

Tarmin Abdulghani, ST, MT

Nama : HERDIANSYAH SETIAWAN

Program Studi : TEKNIK INFORMATIKA

Judul : APLIKASI POINT OF SALES (POS) BERBASIS

DESKTOP DI CAFE LEKRA KOPI

Cianjur, 01 Agustus 2019

Kata Kunci : Penjualan, stok menu , cafe kopi

Tabel 1.1 Jadwal Kegiatan ........................................................................................6

Tabel 4.2 Pengujian Black Box.............................................................................74

Gambar 1.1 Paradigma Waterfall menurut Pressman (Pressman, 2015:42) ........... 4

1 Aktor Menggambarkan pengguna

2 Use Case Menggambarkan fungsionalitas

3 Association Menggambarkan hubungan

4 Include Menspesifikasikan bahwa use

5 System Menspesifisikan paket yang

B. Simbol Activity Diagram

2 End State Menggambarkan akhir dari suatu

3 Activity Menggambarkan aktivitas yang

5 Transition to Menggambarkan hubungan antara

kembali kepada state atau activity

6 Transition Menggambarkan hubungan antara

No Nama Simbol Gambar Keterangan

8 State Menggambarkan kondisi, situasi

9 Fork Menggambarkan aktivitas yang

dan diikuti oleh dua atau lebih

10 Join Menggambarkan aktivitas yang

aktivitas yang sudah dilakukan dan

C. Simbol Class Diagram

No Nama Simbol Gambar Keterangan

3 Aggregate Menggambarkan bahwa

dari objek-objek lain, atau

4 compositiont Menggambarkan bahwa

dengan yang lainnya.

0..* Nol atau lebih

1..* Satu atau lebih

0..1 Nol atau satu

Simbol Sequence Diagram

1 Aktor Menggambarkan seseorang atau

sistem lain) yang berinteraksi

2 Boundary Menggambarkan interaksi antara

sistem, memodelkan bagian dari

4 Entity Menggambarkan informasi yang

(struktur data dari sebuah sistem).

5 Object Message Menggambarkan

menunjukan urutan kejadian yang

No Nama Simbol Gambar Keterangan