Membangun Aplikasi Pencatatan Penjualan

MEMBANGUN APLIKASI PENCATATAN PENJUALAN
BERBASIS WEB (STUDI KASUS DI CV. HADIANITA)
SKRIPSI
Karya tulis sebagai syarat memperoleh
Gelar Sarjana Komputer dari Fakultas Teknologi Informasi
Universitas Bale Bandung
Disusun Oleh:
ARES SETIAWAN
NPM.C1A130039
PROGRAM STRATA 1
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS BALE BANDUNG
BANDUNG
2017
LEMBAR PERSETUJUAN PENGUJI

Disusun oleh :
ARES SETIAWAN
NPM.C1A130039
Skripsi ini telah diterima dan disetujui untuk memenuhi persyaratan mencapai gelar
SARJANA KOMPUTER
Pada
Baleendah, Agustus 2017
Disetujui oleh
Penguji 1 Penguji 2
Mochamad Ridwan, S.T., M.Kom. Yudi Herdiana, S.T., M.T.

NIDN. 04104808007 NIDN. 4104808008
LEMBAR PERSETUJUAN PEMBIMBING

Disusun oleh :
ARES SETIAWAN
NPM.C1A130039
SARJANA KOMPUTER
Pada
Disetujui oleh
Dosen Pembimbing 1 Dosen Pembimbing 2
Rustiyana, S.T, M.T, M.Pd Denny Rusdianto, S.T, M.Kom

NIDN. 0416017704
LEMBAR PERSETUJUAN PROGRAM STUDI

Disusun oleh :
ARES SETIAWAN
NPM.C1A130039
SARJANA KOMPUTER
Pada
Mengesahkan,
Ketua Prodi Teknik Informatika
Rustiyana, S.T, M.T, M.Pd

NIDN. 0416017704
LEMBAR PERSETUJUAN FAKULTAS

Disusun oleh :
ARES SETIAWAN
NPM.C1A130039
SARJANA KOMPUTER
Pada
Mengetahui,
Dekan Fakultas Teknologi dan Informasi
Yudi Herdiana, S.T, M.T,

NIDN. 04104808008
ABSTRACT
BUILD WEB-BASED RECORDING SALES APPLICATIONS

(CASE STUDY IN CV HADIANITA)
Ares Setiawan (C1A130039)
The research was conducted in CV. HADIANITA having address at Matahari

Square Complex 88F Jl. Simpang Terusan Siliwangi Baleendah, and is one of the
companies engaged in online shop, a variety of products sold by this company such
as clothing products ranging from pants, t-shirts to jackets, in addition there are
also cosmetics and other household products. In its sales activity CV. HADIANITA
embraces the dropship system, the system where the CV. HADIANITA purchases
products from a second traders, for sale and shipped to a buyer with the sending
identity of the CV. HADIANITA. The authors emphasize research on the
management of sales data so centralized and accessed by employee authority in the
CV. HADIANITA.
Research conducted is to analyze the system used for the process of data
management of sales that run on the CV. HADIANITA, and the design of web-based
applications that are recommended for the management of sales data. The
methodology used in the design of this application is waterfall methodology, which
has 5 stages namely; Analysis, design, coding, implementation and testing.
Software used in the design of this application include; Balsamiq Mockup, Xampp,
Notepad ++ and Google Chrome as internet browsers. And the programming
language used is HTML, PHP and CSS, and MySQL as its database builder
program.
The end result of the implementation of this research, the authors successfully
analyzed the procedures of systematic sales data management as well as design and
development of web-based applications for data sales management. Through this
application the authors hope to be able to improve the efficiency and effectiveness
of data management sales at CV. HADIANITA and the ease in obtaining
information for employees who are integrated with the application.
Keywords: Apps, Recording, Sales, Web
vi
ABSTRAK
MEMBANGUN APLIKASI PENCATATAN PENJUALAN BERBASIS

WEB (STUDI KASUS DI CV. HADIANITA)
Ares Setiawan (C1A130039)
Penelitian dilaksanakan di CV. HADIANITA yang beralamat di Komplek

Matahari Square 88F Jl. Simpang Terusan Siliwangi Baleendah, dan merupakan
salah satu perusahaan yang bergerak dibidang penjualan secara online, ragam
produk yang dijual oleh perusahan ini diantaranya yaitu produk pakaian mulai dari
celana, kaos hingga jaket, selain itu pula ada produk kecantikan dan produk
perlengkapan rumah tangga lainnya. Dalam kegiatan penjualannya CV.
HADIANITA menganut sistem drop pengirim, yaitu sistem dimana pihak CV.
HADIANITA membeli produk dari pihak kedua, untuk dijual dan dikirim ke pihak
ketiga dengan identitas pengirim dari CV. HADIANITA. Penulis menitikberatkan
penelitian pada pengelolaan data penjualan sehingga terpusat dan diakses oleh
otoritas karyawan di CV. HADIANITA.
Penelitian yang dilakukan adalah dengan menganalisa sistem yang digunakan untuk
proses pengelolaan data penjualan yang berjalan di CV. HADIANITA, serta
rancang bangun aplikasi berbasis web yang direkomendasikan bagi pengelolaan
data penjualan tersebut. Adapun metodologi yang digunakan dalam rancang
bangun aplikasi ini adalah metodologi waterfall, yang memiliki 5 tahapan yaitu;
analisis, perancangan, pengkodean, implementasi dan pengujian. Software yang
digunakan dalam rancang bangun aplikasi ini diantaranya adalah; Balsamiq
Mockup, Xampp, Notepad++ dan Google Chrome sebagai internet browser. Dan
bahasa pemrograman yang digunakan adalah HTML, PHP dan CSS, serta MySQL
sebagai program pembangun database-nya.
Hasil akhir dari pelaksanaan penelitian ini, penulis berhasil menganalisis prosedur
dari pengelolaan data penjualan secara sistematis serta perancangan dan
pembangunan aplikasi berbasis web bagi pengelolaan data penjualan. Melalui
aplikasi ini penulis berharap untuk dapat meningkatkan efisiensi dan efektifitas
pengelolaan data penjualan di CV. HADIANITA serta adanya kemudahan dalam
mendapatkan informasi bagi para pegawai yang terintegrasi dengan aplikasi
tersebut.
Kata Kunci: Aplikasi, Pencatatan, Penjualan, Web
vii
KATA PENGANTAR
Bismillahirrahmanirrahim, Puji dan syukur saya panjatkan kehadirat Allah

SWT, yang telah memberikan rahmat dan karunia-Nya, shalawat serta salam
semoga senantiasa tercurah bagi Nabi Muhammad SAW beserta keluarga dan
sahabatnya.
Dalam pelaksanaan skripsi ini, penulis mengambil judul “MEMBANGUN

APLIKASI PENCATATAN PENJUALAN BERBASIS WEB (STUDI KASUS DI
CV. HADIANITA)”. Adapun tujuan dari penulisan skripsi ini yaitu sebagai syarat
untuk memperoleh gelar Sarjana Komputer pada Program Studi Teknik Informatika
Fakultas Teknologi Informasi Universitas Bale Bandung.
Penyusunan skripsi ini tidak terlepas dari bantuan pihak lain, oleh karena
itu penulis ingin mengucapkan terima kasih kepada:
1. Bapak Yudi Herdiana, ST. MT., selaku Dekan Fakultas Teknologi

Informasi Universitas Bale Bandung;
2. Bapak Rustiyana, S.T.,M.T.,M.Pd., selaku Kepala Program Studi Fakultas
Teknologi Informasi dan juga sebagai pembimbing I yang telah
membimbing dan mengarahkan penulis dalam menyelesaikan skripsi ini;
3. Bapak Denny Rusdianto, S.T, M.Kom, selaku pembimbing II yang telah
memberikan bimbingan, pengarahan, petunjuk serta saran-saran yang
berguna dalam penyusunan skripsi ini sehingga penulis dapat
menyelesaikannya dengan baik;
4. Bapak Irvan Hendriawan S.pd selaku Pemimpin Divisi Operasional yang
telah menjadi pembimbing lapangan bagi penulis;
5. Kedua orang tua tercinta yang telah memberikan dukungan baik moral
maupun materi;
6. Rekan-rekan seangkatan yang telah memotivasi penulis untuk
menyelesaikan penyusunan skripsi ini;
7. Semua pihak yang tidak dapat disebutkan satu persatu yang telah
membantu dalam pelaksanaan penyusunan skripsi.
viii
Semoga Allah SWT memberikan balasan yang berlipat ganda.
Penulis menyadari bahwa skripsi ini masih banyak memiliki kekurangan
dan jauh dari kesempurnaan, baik dalam hal isi maupun sistematika dan teknik
penulisannya. Oleh karena itu, penulis sangat mengharapkan saran dan kritik yang
membangun dari pembaca sebagai bahan pertimbangan bagi penulis dalam
membuat karya-karya selanjutnya. Semoga skripsi ini dapat memberikan manfaat
bagi semua pihak.
Bandung, Agustus 2017
Penulis
ix
DAFTAR ISI
ABSTRACT ........................................................................................................... vi
ABSTRAK ............................................................................................................ vii
KATA PENGANTAR ......................................................................................... viii
DAFTAR ISI ........................................................................................................... x
DAFTAR GAMBAR ........................................................................................... xiii
DAFTAR TABEL ................................................................................................. xv
BAB I PENDAHULUAN ....................................................................................... 1
1.1 Latar Belakang ......................................................................................... 1
1.2 Rumusan Masalah .................................................................................... 2
1.3 Batasan Masalah ...................................................................................... 2
1.4 Tujuan Penelitian ..................................................................................... 3
1.5 Metodologi ............................................................................................... 3
1.5.1 Metodologi Pengumpulan Data ................................................... 3
1.5.2 Metodologi Pengembangan Sistem ............................................. 4
1.6 Sistematika Penulisan .............................................................................. 4
BAB II TINJAUAN PUSTAKA............................................................................. 6
2.1 Landasan Teori ........................................................................................ 6
2.1.1 “Aplikasi Penjualan Barang Berbasis Web dengan Feature
Database Syncronyzer” (Siswoyo, 2011) ................................. 6
2.1.2 “Perancangan Aplikasi Pengelolaan Data Report Penjualan”
(Agung Wahana, 2014) ............................................................ 6
2.1.3 “Membuat Sistem Informasi Penjualan Berbasis Web dengan
PHP dan MySQL” (Nugroho, 2008) ........................................ 7
2.2 Dasar Teori ........................................................................................... 8
2.2.1 Pengertian Aplikasi ..................................................................... 8
2.2.2 Pengertian Pencatatan ................................................................. 8
2.2.3 Pengertian Penjualan ................................................................... 9
2.2.4 Pengertian Web ........................................................................... 9
2.2.5 Pengertian Pengelolaan ............................................................. 10
2.2.6 Pengertian Data ......................................................................... 10
2.2.7 Pengertian Pengelolaan Data ..................................................... 11
2.2.8 Basis Data (Database)............................................................... 11
2.2.9 Balsamiq Mockup ..................................................................... 12
2.2.10 XAMPP ................................................................................... 12
2.2.11 MySQL .................................................................................... 13
x
2.2.12 Notepad ++ ............................................................................. 13
2.2.13 HTML...................................................................................... 14
2.2.14 PHP.......................................................................................... 14
2.2.15 CSS .......................................................................................... 15
2.2.16 Jaringan Komputer .................................................................. 16
2.2.17 SDLC Waterfall....................................................................... 16
2.2.18 UML (Unified Modelling Language) ...................................... 18
BAB III METODOLOGI ...................................................................................... 22
3.1 Kerangka Pemikiran .............................................................................. 22
3.2 Deskripsi Tahap Penelitian .................................................................... 23
3.2.1 Perumusan Masalah................................................................... 23
3.2.2 Pengumpulan Data .................................................................... 23
3.3 Metode Pengembangan Sistem .............................................................. 25
3.3.1 Analisis ...................................................................................... 25
3.3.2 Perancangan .............................................................................. 26
3.3.3 Pengkodean ............................................................................... 26
3.3.4 Implementasi dan Pengujian ..................................................... 26
3.4 Penyelesaian Laporan Penelitian ........................................................... 26
BAB IV ANALISIS DAN PERANCANGAN ..................................................... 27
4.1 Analisis ............................................................................................... 27
4.1.1 Analisis Masalah ....................................................................... 27
4.1.2 Analisis Software ...................................................................... 28
4.1.3 Analisis Pengguna ..................................................................... 28
4.1.4 User Interface ............................................................................ 29
4.1.5 Fitur-fitur ................................................................................... 30
4.1.6 Analisis Data ............................................................................. 30
4.1.7 Analisis Biaya ........................................................................... 31
4.2 Perancangan ........................................................................................... 32
4.2.1 Diagram Arus Data (DAD) UML ............................................. 32
4.2.2 Entity Relasional Diagram (ERD)............................................. 47
4.2.3 Normalisasi................................................................................ 47
4.2.4 Tabel Relasi ............................................................................... 49
4.2.5 Struktur Tabel ............................................................................ 49
4.2.6 Desain ........................................................................................ 50
BAB V IMPLEMENTASI DAN PENGUJIAN ................................................... 55
5.1 Listing Program .................................................................................. 55
xi
5.2 Implementasi dan Pengujian Sistem .................................................. 75
5.2.1 Tempat dan Waktu Implementasi........................................... 75
5.2.2 Pengujian ................................................................................ 75
5.3 Spesifikasi Sistem .............................................................................. 79
5.3.1 Perangkat Keras ...................................................................... 79
5.3.2 Perangkat Lunak ..................................................................... 79
5.4 Instalasi Sistem................................................................................... 80
5.4.1 Instalasi Aplikasi ....................................................................... 80
5.4.2 Instalasi Basis Data ................................................................... 82
5.5 Menjalankan Sistem ........................................................................... 83
BAB VI KESIMPULAN DAN SARAN .............................................................. 88
6.1 Kesimpulan ............................................................................................ 88
6.2 Saran ...................................................................................................... 88
DAFTAR PUSTAKA ........................................................................................... 89
LAMPIRAN-LAMPIRAN
Lampiran 1 Hasil wawancara dengan Manajer Operasional
Lampiran 2 Dokumentasi observasi sistem yang sedang berjalan
xii
DAFTAR GAMBAR
Gambar 1.1 SDLC (Systems Development Life Cycle) Waterfall……………….. 4

Gambar 2.1 Ilustrasi Model Waterfall…………………………………………... 17
Gambar 3.1 Kerangka Pemikiran………………………………………………... 22
Gambar 3.2 Tahapan-Tahapan Pengembangan Sistem…………………………..25
Gambar 4.1 Use Case Aplikasi Pencatatan Penjualan CV. HADIANITA……… 32
Gambar 4.2 Sequence Diagram Login…………………………………………... 39
Gambar 4.3 Sequence Diagram Mengelola Data Penjualan…………………….. 39
Gambar 4.4 Sequence Mencetak Laporan Data Penjualan……………………… 40
Gambar 4.5 Sequence Diagram Mengelola Data Barang……………………….. 40
Gambar 4.6 Sequence Diagram Mencetak Laporan Data Barang………………. 41
Gambar 4.7 Sequence Diagram Menambahkan Pengguna……………………… 41
Gambar 4.8 Sequence Diagram Memasukan Data Penjualan……………………42
Gambar 4.9 Sequence Diagram Melihat Data Barang…………………………... 42
Gambar 4.10 Activity Diagram Login…………………………………………... 43
Gambar 4.11 Activity Diagram Mengelola Data Penjualan…………………….. 43
Gambar 4.12 Activity Diagram Mencetak Laporan Data Penjualan……………. 44
Gambar 4.13 Activity Diagram Mengelola Data Barang……………………….. 44
Gambar 4.14 Activity Diagram Mencetak Laporan Data Barang………………. 45
Gambar 4.15 Activity Diagram Menambahkan Pengguna……………………… 45
Gambar 4.16 Activity Diagram Memasukan Data Penjualan…………………… 46
Gambar 4.17 Activity Diagram Melihat Data Barang…………………………... 46
Gambar 4.18 ERD Aplikasi Pencatatan Penjualan CV. HADIANITA…………. 47
Gambar 4.19 Tabel Relasi……………………………………………………….. 49
Gambar 4.20 Rancangan Halaman Login……………………………………….. 50
Gambar 4.21 Rancangan Layout Mengelola Data Penjualan…………………… 51
Gambar 4.22 Rancangan Layout Mencetak Laporan Data Penjualan…………... 51
Gambar 4.23 Rancangan Layout Mengelola Data Barang……………………….52
Gambar 4.24 Rancangan Layout Mencetak Laporan Data Barang………………52
Gambar 4.25 Rancangan Layout Menambahkan Pengguna…………………….. 53
Gambar 4.26 Rancangan Layout Memasukan Data Penjualan…………………..53
xiii
Gambar 4.27 Rancangan Layout Melihat Data Barang…………………………. 54
Gambar 5.1 Tahap Awal Instalasi XAMPP……………………………………... 80
Gambar 5.2 Instalasi XAMPP Lanjutan………………………………………….81
Gambar 5.3 Panel Kontrol XAMPP……………………………………………... 81
Gambar 5.4 Panel Kontrol XAMPP Aktif………………………………………. 82
Gambar 5.5 Tampilan XAMPP Pada Localhost………………………………… 82
Gambar 5.6 Tampilan Tabel Pada Basis Data cv_hadianita.sql………………… 83
Gambar 5.7 Screenshoot Tampilan Login………………………………………. 83
Gambar 5.8 Screenshoot Menu Mengelola Data Penjualan……………………...84
Gambar 5.9 Screenshoot Menu Mencetak Laporan Data Penjualan……………..84
Gambar 5.10 Screenshot Menu Mengelola Data Barang………………………... 85
Gambar 5.11 Screenshoot Mencetak Laporan Data Barang…………………….. 85
Gambar 5.12 Screenshoot Menu Menambahkan Pengguna…………………….. 86
Gambar 5.13 Screenshoot Menu Memasukan Data Penjualan………………….. 86
Gambar 5.14 Screenshoot Menu Melihat Data Barang…………………………. 87
xiv
DAFTAR TABEL
Tabel 2.1 Notasi Use Case Diagram ..................................................................... 18

Tabel 2.2 Notasi Activity Diagram ....................................................................... 19
Tabel 2.3 Notasi Sequence Diagram ..................................................................... 20
Tabel 4.1 Analisis Software .................................................................................. 28
Tabel 4.2 Analisis Pengguna ................................................................................. 29
Tabel 4.3 Analisis Data ......................................................................................... 31
Tabel 4.4 Analisis Biaya ....................................................................................... 31
Tabel 4.5 Deskripsi Aktor ..................................................................................... 32
Tabel 4.6 Deskripsi Use Case ............................................................................... 33
Tabel 4.7 Skenario Login ...................................................................................... 34
Tabel 4.8 Skenario Mengelola Data Penjualan ..................................................... 34
Tabel 4.9 Skenario Mencetak Laporan Data Penjualan ........................................ 35
Tabel 4.10 Skenario Mengelola Data Barang ....................................................... 36
Tabel 4.11 Skenario Mencetak Laporan Data Barang .......................................... 36
Tabel 4.12 Skenario Menambahkan Pengguna ..................................................... 37
Tabel 4.13 Skenario Memasukan Data Penjualan................................................. 37
Tabel 4.14 Skenario Melihat Data Barang ............................................................ 38
Tabel 4.15 Rancangan Tabel Petugas ................................................................... 49
Tabel 4.16 Rancangan Tabel Barang .................................................................... 49
Tabel 4.17 Rancangan Tabel Penjualan ................................................................ 50
Tabel 5.1 Rencana Pengujian Black Box .............................................................. 76
Tabel 5.2 Pengujian Login .................................................................................... 76
Tabel 5.3 Pengujian Input Data ............................................................................. 77
Tabel 5.4 Pengujian Data Output .......................................................................... 78
Tabel 5.5 Pengujian Menambah Pengguna Baru .................................................. 78
Tabel 5.6 Spesifikasi Perangkat Keras .................................................................. 79
Tabel 5.7 Spesifikasi Perangkat Lunak ................................................................. 80
xv
BAB I
PENDAHULUAN
1.1 Latar Belakang
Pada dunia penjualan, keakuratan informasi sangatlah dibutuhkan, terutama

informasi mengenai data penjualan karena keakuratan informasi-informasi tersebut
mempengaruhi hubungan perusahaan terhadap konsumen serta sistem informasi
penjualan pada perusahaan itu sendiri (Agung Wahana, 2014). Ketidak-akuratan
informasi yang dihasilkan dari sistem informasi penjualan dapat menimbulkan
konsumen kecewa serta menyebabkan perusahaan tidak dapat mengambil suatu
keputusan dengan tepat dan cepat.
CV. HADIANITA merupakan salah satu perusahaan yang bergerak

dibidang penjualan secara online, dimana produk-produk yang dijual meliputi
produk pakaian seperti celana, kaos hingga jaket, selain itu pula ada produk
kecantikan dan juga perlengkapan rumah tangga lainnya.
Dalam melaksanakan kegiatan kerja, setiap karyawan CV. HADIANITA

sudah menggunakan komputer sebagai media di dalamnya, namun dalam proses
sistem penjualan masih ditemukan cara yang bisa disebut input manual dalam
pengelolaan datanya dan dirasa kurang efisien, pemesan yang masuk via perangkat
mobile harus ditulis ke notepad terlebih dahulu dan kemudian disetorkan kepada
admin melalui aplikasi Telegram untuk dilakukan proses pengeluaran produk.
Dengan adanya komputer berupa perangkat keras, perangkat lunak pun

dapat dihasilkan dan dimanfaatkan untuk menangani berbagai permasalahan
perusahaan yang akan semakin mempermudah dan mempercepat kinerja
perusahaan dalam proses penjualan (Siswoyo, 2011). Salah satunya yakni
pengelolaan data penjualan, antara lain mengenai pemasukan, data kegiatan yang
berkaitan dengan pelaksanaan operasional yang sesuai dengan bidang usaha pada
perusahaan tersebut.
1
2
Berdasarkan uraian diatas, penulis tertarik untuk membuat suatu aplikasi

dengan tema “MEMBANGUN APLIKASI PENCATATAN PENJUALAN
BERBASIS WEB (STUDI KASUS DI CV. HADIANITA)”. Dengan harapan dapat
memberikan kemudahan bagi perusahaan dalam melakukan proses pencarian,
perekapan dan pelaporan data penjualan. Sehingga pengelolaan data penjualan
tersebut dapat berjalan dengan lebih efektif dan efesien.
1.2 Rumusan Masalah
Berdasarkan uraian latar belakang masalah diatas, maka penulis

merumuskan permasalahan yang ada yaitu “Bagaimana Membangun Aplikasi
Pencatatan Penjualan Berbasis Web Di CV. HADIANITA yang akan memberikan
kemudahan bagi petugas terkait untuk mendapatkan informasi mengenai data
penjualan, dapat mengoptimalkan pengelolaan data penjualan, serta memberikan
solusi bagi kendala yang terjadi pada proses pelaporan penjualan?”
1.3 Batasan Masalah
Aplikasi pencatatan penjualan yang akan dibangun memiliki ruang lingkup

yang harus diperhatikan, diantaranya adalah sebagai berikut:
1. Aplikasi hanya dapat digunakan oleh petugas yang sudah memiliki akun
login;
2. Aplikasi dapat digunakan oleh admin untuk mengelola data penjualan;
3. Aplikasi dapat digunakan oleh admin untuk mencetak laporan data
penjualan;
4. Aplikasi dapat digunakan oleh admin untuk mengelola data barang;
5. Aplikasi dapat digunakan oleh admin untuk mencetak laporan data barang;
6. Aplikasi dapat digunakan oleh admin untuk menambahkan pengguna baru
untuk dapat mengakses aplikasi;
7. Aplikasi dapat digunakan oleh user untuk memasukan data penjualan;
8. Aplikasi dapat digunakan oleh user untuk melihat data barang.
3
1.4 Tujuan Penelitian
Tujuan dari penelitian ini adalah membangun aplikasi pencatatan penjualan

berbasis web di CV.HADIANITA yang dapat memberikan kemudahan bagi
petugas terkait untuk mendapatkan informasi dan dapat mengoptimalkan
pengelolaan data penjualan.
1.5 Metodologi
Dalam pelaksanaan penelitian ini, penulis melakukan tahapan kegiatan

metodologi pengumpulan data dan metodologi pengembangan sistem. Adapun
tahapan-tahapan kegiatan tersebut adalah sebagai berikut:
1.5.1 Metodologi Pengumpulan Data
Metodologi pengumpulan data dilakukan dalam penelitian ini melalui

beberapa cara, yaitu sebagai berikut:
1. Studi Literatur
Dengan mencari referensi dari buku, jurnal maupun karya tulis ilmiah
lainnya yang mendukung dalam menyelesaikan permasalahan yang akan dibahas,
dan menjadikannya sebagai landasan dalam memecahkan masalah yang dihadapi.
2. Observasi
Dengan meninjau secara langsung ke lokasi di CV. HADIANITA untuk

melakukan pengamatan dan pencatatan secara sistematik terhadap objek, subjek
dan unsur-unsur yang terkait dengan penelitian sehingga dapat ditemukan data
tambahan untuk pemecahan permasalahan penelitian yang terjadi.
3. Wawancara
Dengan melakukan tanya jawab secara langsung dengan pihak-pihak yang

berada di CV. HADIANITA untuk mengetahui tujuan umum, kebutuhan dan
gambaran aplikasi yang akan dirancang.
4
1.5.2 Metodologi Pengembangan Sistem
Metodologi pengembangan sistem yang akan digunakan adalah metodologi

SDLC (Systems Development Life Cycle) Waterfall yang dilakukan dengan
beberapa tahap, diantaranya:
1. Analisis, dengan menganalisis kebutuhan dari hasil pengumpulan data yang

telah dilakukan.
2. Perancangan, dengan mengubah kebutuhan-kebutuhan aplikasi ke dalam
bentuk desain aplikasi sebelum dilakukan pengkodean.
3. Pengkodean, dilakukan berdasarkan desain yang telah dibuat untuk diubah
menjadi bentuk kode-kode yang dapat dimengerti oleh mesin yaitu ke dalam
bahasa pemrograman.
4. Implementasi dan Pengujian, dilakukan untuk menguji hasil pengkodean
agar terbebas dari error dan hasilnya sesuai dengan kebutuhan.
Untuk mendeskripsikan metodologi yang digunakan dalam dilakukannya

penelitian Membangun Aplikasi Pencatatan Penjualan Berbasis Web (Studi Kasus
di CV Hadianita), penulis mencatut dari sumber (Rosa. A.S., 2014, p. 29) dan
menggambarkanya dengan model seperti dibawah ini:
Sistem/Rekayasa
Informasi
Implementasi
Analisis Perancangan Pengkodean
dan Pengujian
Gambar 1.1 SDLC (Systems Development Life Cycle) Waterfall
1.6 Sistematika Penulisan
Sistematika penulisan Tugas Akhir ini disusun untuk memberikan

gambaran umum tentang penelitian yang dilakukan. Penulisan laporan tugas akhir
di Program Studi Teknik Informatika Universitas Bale Bandung terdiri atas 6 bab:
5
BAB I PENDAHULUAN
Bab ini menjelaskan tentang Latar Belakang, Rumusan Masalah, Batasan

Masalah, Tujuan Penelitian, Metodologi Penelitian, dan Sistematika Penulisan.
BAB II TINJAUAN PUSTAKA
Bab ini menjelaskan tentang penelitian yang dilakukan terkait dengan hasil
penelitian terdahulu yang relevan. Dan dalam bab ini juga dijelaskan mengenai
teori-teori pendukung dalam membangun aplikasi, yang diambil dari berbagai
sumber seperti buku, jurnal dan karya tulis ilmiah lainya yang relevan, khususnya
teori-teori yang berhubungan dengan aplikasi pengelolaan data penjualan berbasis
web yang akan dibangun.
BAB III METODOLOGI
Bab ini menjelaskan tentang metodologi dan kerangka penelititan atau

tahapan penulis, pengumpulan data dan pengembangan aplikasi yang dilakukan
oleh penulis di CV. HADIANITA untuk memperoleh solusi dalam mengatasi
permasalahan yang sedang dihadapi.
BAB IV ANALISIS DAN PERANCANGAN
Bab ini memaparkan mengenai tahap-tahap proses analisis dan perancangan

aplikasi yang dibuat, untuk memenuhi kebutuhan aplikasi, perancangan basis data,
dan perancangan bentuk aplikasi yang akan ditampilkan.
BAB V IMPLEMENTASI DAN PENGUJIAN
Bab ini menguraikan tahapan implementasi dari sistem yang telah dibangun.
Selain itu pada bab ini juga dijelaskan mengenai tahapan pengujian sistem dan hasil
dari pengujian tersebut.
BAB VI KESIMPULAN DAN SARAN
Bab ini berisi kesimpulan dan saran-saran dari penulis yang didasarkan pada
perancangan dan realisasi tugas akhir ini, yang mungkin diperlukan untuk
pengembangan dan penelitian untuk hasil yang lebih baik.
BAB II
TINJAUAN PUSTAKA
2.1 Landasan Teori
Dalam melakukan penelitian, penulis juga mempelajari referensi dari

penelitian terdahulu yang relevan sebagai landasan teori yang melandasi penelitian
yang tengah dilakukan. Beberapa landasan teori tersebut yaitu:
2.1.1 “Aplikasi Penjualan Barang Berbasis Web dengan Feature Database

Syncronyzer” (Siswoyo, 2011)
Dr.emi creative design merupakan salah satu software house pengembang

aplikasi berbasis web yang berlokasi di Bandung, Jawa Barat. Kegiatan
produksinya meliputi pengembangan proyek aplikasi berbasis web, penjualan
software retail dalam bentuk CD master, merchandise dan beberapa barang berupa
alat-alat tulis kantor. Dr.emi creative design telah memiliki 2 (dua) cabang di luar
kota, yakni Subang Jawa Barat dan Solo Jawa Tengah. Untuk melakukan proses
transaksi jual beli barang, saat ini sudah menggunakan aplikasi berbasis web,
namun aplikasi yang dimaksud terbukti memakan waktu yang cukup lama saat akan
melakukan pencarian data barang. Untuk mengatasi masalah tersebut, maka
dibuatlah aplikasi penjualan barang berbasis web yang memiliki fitur database
synchronizer, dengan menganalisa dan memahami sistem yang ada sebelumnya.
Sehingga diharapkan perangkat lunak ini akan lebih mempercepat proses traksaksi
penjualan dan mempermudah proses pelaporan.
2.1.2 “Perancangan Aplikasi Pengelolaan Data Report Penjualan” (Agung

Wahana, 2014)
Tujuan dari penelitian adalah untuk menganalisis sistem informasi

penjualan pada Agen Toko Wulan Jaya. Metode penulisan dalam penelitian
menggunakan jenis penelitian deskriptif dengan menggunakan dua jenis data yaitu
data primer dan sekunder. Teknik pengumpulan data yang digunakan adalah dengan
6
7
metode observasi, wawancara dan dokumentasi. Dalam penelitian menggunakan

analisis data deskriptif kualitatif, yang menggambarkan sistem informasi penjualan
pada Agen Toko Wulan Jaya. Hasil dari penelitian diharapkan mampu memberikan
informasi mengenai sistem informasi penjualan pada Agen Toko Wulan Jaya.
Sehingga membantu perusahaan untuk mengelola sistem penjualan dengan lebih
baik dan sesuai dengan harapan. Kesimpulan dalam penelitian adalah sistem
penjualan harus dapat ditingkatkan agar menjadi sistem yang lebih baik dan juga
memiliki kebijakan dan otorisasi yang tepat.
2.1.3 “Membuat Sistem Informasi Penjualan Berbasis Web dengan PHP dan
MySQL” (Nugroho, 2008)
Pada buku ini akan dibimbing untuk dapat membangun atau membuat
sebuah aplikasi web yang digunakan untuk menjual produk secara online di
internet. Buku ini memiliki kelebihan yang mendasar, diantaranya adalah:
 Pembahasan menggunakan PHP 5 dan Register ON

 Studi kasus yang dibahas adalah penjualan buku
 Teknik pemrograman dan validasi dengan array
 Sistem transaksi penjualan dengan metode anggota
 Sistem pembayaran dengan cara transfer
 Pembahasan membuat laporan transaksi
Selain para siswa dan mahasiswa, semua masyarakat IT yang hendak

mengembangkan aplikasi toko online dapat menggunakan buku ini sebagai
panduan. Materi yang dibahas dari buku ini adalah:
 Instalasi PHP 5 dan XAMPP

 Dasar Database MySQL server
 Mengakses Database MySQL dengan PHP
 Alur Sistem dan Merancang Basis Data
 Membuat Program Utama (INDEX)
 Membuat halaman ePanel untuk Admin
 Membuat laporan transaksi penjualan
8
2.2 Dasar Teori
Berikut adalah beberapa teori yang relevan dengan penelitian yang tengah
dilaksanakan:
2.2.1 Pengertian Aplikasi
Aplikasi merupakan prangkat lunak yang dikembangkan untuk digunakan

pada aplikasi tertentu (Sutanta, 2005, p. 21). Aplikasi dapat dikatakan suatu
perangkat lunak yang berguna untuk menjalankan suatu pekerjaan sesuai yang
dikehendaki (Simarmata, 2006, p. 126). Pendapat lain menyatakan aplikasi adalah
seperangkat instruksi khusus dalam komputer yang dirancang agar kita dapat
menyelesaikan tugas-tugas tertentu. Aplikasi disebut juga software yang
merupakan salah satu dari komponen sistem informasi (Putra, 2013, p. 131).
Sementara menurut Kamus Besar Bahasa Indonesia (KBBI), aplikasi

artinya penggunaan atau penerapan. Jadi aplikasi dapat dikatakan sebagai suatu
pelaksanaan yang dapat membantu aktivitas atau kegiatan yang dilakukan oleh
manusia.
Mengacu pada pendapat-pendapat di atas, dapat disimpulkan bahwa aplikasi

adalah suatu perangkat lunak yang dibangun untuk membantu dan mempermudah
agar bisa menyelesaikan tugas-tugas tertentu sesuai yang dikehendaki.
2.2.2 Pengertian Pencatatan
Pencatatan adalah proses memasukkan data ke dalam media sistem

pencatatan data. Jika media sistem pencatatan data tersebut berupa buku, pencatatan
data dilakukan dengan menulis pada lembar-lembar buku. Jika sistem pencatatan
data berupa perangkat komputer, pencatatan dilakukan dengan mengetik melalui
keyboard, penggunaan pointer mouse, alat scanner (pembaca gambar), atau kamera
video. Yang termasuk dalam pencatatan data adalah aktivitas penulisan ke buku
atau kertas, pemasukan data ke dalam komputer (Witarto, 2008, p. 14)
9
2.2.3 Pengertian Penjualan
Penjualan ialah suatu kegiatan yang ditujukan untuk mencari pembeli,

mempengaruhi dan memberikan petunjuk agar pembeli dapat menyesuaikan
kebutuhannnya dengan produk yang ditawarkan serta mengadakan perjanjian
mengenai harga menguntungkan bagi kedua belah pihak (Moekijat, 2000, p. 488).
Pengertian lainnya penjualan ialah proses sosial manajerial dimana individu

dan kelompok mendapatkan apa yang mereka butuhkan dan inginkan, menawarkan
dan mempertukarkan produk yang bernilai dengan pihak lain (Kotler, 2000, p. 8).
Pendapat lain penjualan ialah ilmu dan seni mempengaruhi pribadi yang dilakukan
oleh penjual, untuk mengajak orang lain bersedia membeli barang atau jasa yang
ditawarkan. Jadi penjualan yaitu proses menawarkan barang atau produk kepada
konsumen dengan cara merayu konsumen tersebut (Swastha, 1981, p. 28).
Berdasar pada pengertian di atas penjualan merupakan salah satu fungsi

pemasaran yang penting dan menentukan bagi perusahaan dalam mencapai tujuan
perusahaan yaitu memperoleh laba untuk menjaga kelangsungan hidup perusahaan.
2.2.4 Pengertian Web
Web terdiri dari kumpulan dokumen elektronik di seluruh dunia. Setiap

dokumen elektronik di web disebut webpage, yang dapat berisi teks, grafik,
animasi, audio dan video (Shelly Cashman, 2011, p. 80). Web merupakan teknik
paling umum untuk menyebarkan informasi di internet. WWW dapat diakses
melalui web browser dimana dapat menampilkan webpages yang di dalamnya
terdapat elemen grafis dan kode HTML (Chaffey, 2009, p. 4).
Web adalah informasi yang dapat diakses melalui internet dimana dokumen
hypermedia (file komputer) yang disimpan dan kemudian diambil melalui skema
pengalamatan (Mcleod, 2007, p. 95). Pendapat lain mengemukakan Web (World
Wide Web) merupakan sistem pengaksesan informasi dalam internet menggunakan
protokol yang disebut HTTP (Hypertext Transfer Protocol) yang berjalan pada
TCP/IP. (Kadir, 2003, p. 172).
10
Mengacu pada pendapat pendapat di atas maka disimpulkan Web adalah

berkas yang ditulis sebagai berkas teks, yang diatur dan dikombinasikan sedemikian
rupa dengan instruksi–instruksi berbasis HTML, yang kadang juga turut disisipi
dengan berbagai macam bahasa skrip. Berkas web ini nantinya akan diterjemahkan
oleh mesin browser dan ditampilkan menjadi sebuah halaman/situs web.
2.2.5 Pengertian Pengelolaan
Pengelolaan adalah proses yang membantu merumuskan kebijaksanaan dan

tujuan memberikan pengawasan pada semua hal yang terlibat dalam pelaksanaan
dan pencapaian tujuan (Peter Salim, 2002, p. 534). Pengelolaan bisa diartikan juga,
yaitu suatu proses kegiatan yang dimulai dari perencanaan, pengorganisasian,
pengarahan dan pengawasan usaha-usaha para anggota organisasi dan penggunaan-
penggunaan sumber daya sumber daya organisasi lainnya agar mencapai tujuan
organisasi yang telah ditentukan (Handayaningrat, 1997, p. 9).
Menurut (Handoko, 1997, p. 8) pengelolaan adalah proses yang membantu

merumuskan suatu kebijakan dan tujuan organisasi atau proses yang memberikan
pengawasan pada suatu yang terlibat dalam pelaksanaan dan pencapaian tujuan.
Mengacu pada pendapat-pendapat di atas maka dapat disimpulkan bahwa
pengelolaan adalah suatu kegiatan yang dilakukan organisasi dalam rangka
penertiban, pemeliharaan, pengaturan secara sistematika sumber-sumber yang ada.
2.2.6 Pengertian Data
Data sering disebut sebagai bahan informasi. Data adalah fakta yang
dikumpulkan dari pengukuran atau pengamatan (Tsichritis dan Lochovsky, 1970).
Sedangkan menurut Synansky dan Pulschen (1995) data adalah fakta mentah (dapat
berupa angka, huruf, karakter khusus) yang menyampaikan sedikit arti. Agar data-
data terkumpul menjadi berarti dan memberi manfaat, maka data-data tersebut
harus diproses lebih lanjut. Data adalah sumber dari informasi. Data merupakan
11
bentuk jamak dari bentuk tungggal data-item. Data adalah kenyataan yang
menggambarkan suatu kejadian-kejadian dan kesatuan nyata (Riyanto, 2009, p. 23).
Data adalah bahan keterangan tentang kejadian-kejadian nyata atau fakta-

fakta yang dirumuskan dalam sekelompok lambang tertentu yang tidak acak, yang
menunjukan jumlah, tindakan, atau hal (Sutanta, 2005, p. 56).
Dari pendapat-pendapat diatas dapat disimpulkan data merupakan bentuk

yang masih mentah yang belum dapat berceritera banyak, sehingga perlu diolah
lebih lanjut. Data diolah melalui suatu model untuk dihasilkan informasi.
2.2.7 Pengertian Pengelolaan Data
Pengelolaan data adalah serangkaian operasi atas informasi yang

direncanakan guna mencapai tujuan. Proses transformasi data menjadi informasi
melibatkan komponen input yaitu data yang akan diolah, unit pengelola yaitu unit
yang berperan sebagai pengelolaan data yang diinputkan, dan output informasi dari
pengelolaan data, serta unit penyimpanan (Sutanta, 2005, p. 57).
2.2.8 Basis Data (Database)
Menurut (Rosa. A.S., 2014, p. 43), basis data (Database) adalah sistem
terkomputerisasi yang tujuan utamanya adalah memelihara data yang sudah diolah
atau informasi dan membuat informasi tersedia saat dibutuhkan. Pada intinya basis
data adalah media untuk menyimpan data agar dapat diakses dengan mudah dan
cepat. Database merupakan sekumpulan data yang saling terintegrasi satu sama lain
dan terorganisasi berdasarkan sebuah skema atau struktur tertentu dan tersimpan
pada sebuah hardware komputer. Database terdiri dari beberapa tabel (lebih dari
satu tabel) yang saling terorganisir. Tabel digunakan untuk menyimpan data dan
terdiri baris dan kolom. Data tersebut dapat ditampilkan, dimodifikasi, dan dihapus
dari tabel. Setiap pemakai (user) yang diberi wewenang (otoritas) saja yang dapat
melakukan akses terhadap data tersebut.
12
Database memiliki operasi dasar, yaitu:
1. Pembuatan basis data (create database).

2. Penghapusan basis data (drop database).
3. Pembuatan file atau tabel (create tabel).
4. Penghapusan file atau tabel (drop tabel).
5. Penambahan atau pengisian data baru (insert).
6. Pengambilan data (retrieve atau search).
7. Pengubahan data (update).
8. Penghapusan data (delete).
2.2.9 Balsamiq Mockup
Mockup artinya model atau replika mesin atau struktur, yang digunakan
untuk tujuan instruksional atau eksperimental. Balsamiq mockup adalah program
aplikasi 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. Software ini berfokus pada konten
yang ingin digambar dan fungsionalitas yang dibutuhkan oleh pengguna.
Kelebihan Balsamiq Mockups dibanding software pembuat mockup lainnya

adalah aplikasi ini berbasis cloud, disertai aplikasi desktop yang memungkinkan
kita dengan cepat dan mudah membuat rancangan website. Dengan konten yang
terbuat seperti dari gambaran tangan, akan membuat kita fokus pada pemecahan
masalah user interface yang lebih besar, daripada pada perincian website. (Walsh,
2009).
2.2.10 XAMPP
Xampp adalah sebuah paket kumpulan software yang terdiri dari Apache,
MySQL, PhpMyAdmin, PHP, Pearl, Filezilla dan lain-lain. Xampp berfungsi untuk
memudahkan instalasi lingkungan PHP, dimana biasanya lingkungan
pengembangan web memerlukan PHP, Apache, MySQL dan PhpMyAdmin serta
13
software-software yang terkait dengan pengembangan web. Dengan menggunakan

Xampp maka tidak perlu menginstal aplikasi-aplikasi tersebut satu persatu. Paket
aplikasi perlu diekstrak dan diinstall terlebih dahulu, dengan memilih jenis Xampp
sesuai dengan jenis OS-nya. Setelah sukses menginstall Xampp, maka dapat
langsung mengaktifkan MySQL (Madcoms, 2016, p. 186).
2.2.11 MySQL
MySQL adalah sebuah program database server yang mampu menerima

dan mengirimkan datanya dengan sangat cepat, multi-user serta menggunakan
perintah standar SQL (Structured Query Language) (Sari, 2014, p. 16). MySQL
merupakan turunan konsep utama dalam basis data yang telah ada sebelumnya yaitu
SQL (Structured Query Language). MySQL mendukung operasi basis data
transaksional maupun operasi basis data non-transaksional (Roziqin, 2012, p. 5).
MySQL adalah sebuah program database server, yaitu software database

yang berbentuk database relasional atau dalam bahasa basis data biasa disebut
Relation Database Management System (RDMS), yang mampu menerima dan
mengirimkan datanya dengan sangat cepat, multi user serta menggunakan perintah
standar SQL (Muna, 2010, p. 2). MySQL adalah salah satu jenis database
penyimpan data yang sangat terkenal dan banyak digunakan untuk membangun
aplikasi web yang menggunakan database sebagai sumber dan pengelolaan
datanya” (Nugroho, 2008, p. 13).
Merujuk beberapa pendapat di atas dapat disimpulkan MySQL merupakan

database server yang didukung bahasa pemrograman script untuk internet (PHP
dan Perl). MySQL sering digunakan untuk membangun aplikasi berbasis web,
dimana pengembangan aplikasinya menggunakan bahasa pemrograman script PHP.
2.2.12 Notepad ++
Notepad++ adalah program aplikasi pengembang yang berguna untuk

mengedit teks dan script kode pemrograman. Perangkat lunak komputer ini
14
memiliki kelebihan pada peningkatan kemampuan sebuah program teks editor,

lebih dari sekedar program Notepad bawaan Windows. Notepad++ bisa mengenal
tag dan kode dalam berbagai bahasa pemrograman. Fitur pencarian tingkat lanjut
dan pengeditan teks yang tersedia juga cukup ampuh, sangat membantu tugas
seorang programmer dalam menyelesaikan skrip kode programnya.
2.2.13 HTML
HTML atau Hypertext Markup Language adalah bahasa yang dipakai untuk
menampilkan informasi dalam bentuk Hypertext. HTML juga mendukung
bagaimana suatu informasi ditampilkan (Riyanto, 2009, p. 247). HTML adalah
bahasa yang digunakan pada dokumen web sebagai bahasa pertukaran dokumen
web. Struktur dokumen HTML terdiri dari tag pembuka dan tag penutup (Siberio,
2013, p. 19).
Dari beberapa pengertian di atas dapat disimpulkan HTML adalah file text
murni yang dapat dibuat dengan editor teks. Dokumen ini dikenal sebagai web page.
HTML merupakan file yang berisi instruksi-instruksi yang kemudian
diterjemahkan oleh browser yang ada dikomputer sehingga isi formasinya dapat
ditampilkan secara visual.
2.2.14 PHP
PHP (Hypertext Preprocessor) adalah bahasa script yang dapat ditanamkan

atau disisipkan kedalam HTML. PHP digunakan untuk membuat program situs web
dinamis (Madcoms, 2016, p. 2). PHP adalah bahasa pemrograman untuk dijalankan
melalui halaman web, umumnya digunakan untuk mengolah informasi di internet
(Riasti, 2013, p. 15). PHP merupakan suatu bahasa pemrograman yang difungsikan
untuk membangun suatu website dinamis (Wijaya, 2012, p. 2).
PHP adalah pemrograman interpreter yaitu proses penerjemahan baris kode

sumber menjadi kode mesin yang dimengerti komputer secara langsung pada saat
baris kode dijalankan. PHP disebut sebagai pemrograman Server Side
Programming, hal ini dikarenakan seluruh prosesnya dijalankan pada server.
15
Pemrograman PHP dapat ditulis dalam dua bentuk yaitu penulisan baris kode PHP
pada file tunggal dan penulisan kode PHP pada halaman html (Siberio, 2013, p. 49).
PHP adalah bahasa server-side-scripting yang menyatu dengan HTML

untuk membuat halaman web yang dinamis. Karena PHP merupakan server-side-
scripting maka sintak dan perintah-perintah PHP akan dieksekusi diserver
kemudian hasilnya akan dikirimkan ke browser dengan format HTML. Dengan
demikian kode program yang ditulis dalam PHP tidak terlihat oleh user sehingga
halaman web lebih terjamin.
Merujuk pada beberapa pengertian di atas dapat disimpulkan PHP adalah

bahasa pemrograman yang dirancang untuk membuat halaman web dinamis, yaitu
halaman web yang dapat membentuk suatu tampilan berdasarkan permintaan
terkini, seperti menampilkan isi basis data di halaman web.
2.2.15 CSS
CSS (Cascading Style Sheet) adalah salah satu bahasa pemrograman desain
web yang mengontrol format tampilan sebuah halaman web yang ditulis dengan
menggunakan bahasa penanda (Wiswakarma, 2010).
CSS, merupakan suatu dokumen yang digunakan untuk melakukan

pengaturan halaman Web yang ditulis dengan HTML atau XHTML. Penggunaan
CSS tidak memerlukan perangkat lunak tertentu karena CSS merupakan script yang
telah embedded dengan HTML. CSS digunakan oleh Web Designer untuk
menentukan warna, jenis, huruf, tata letak, dan berbagai aspek tampilan dokumen.
CSS digunakan terutama untuk memisahkan antara isi dokumen (yang ditulis
dengan HTML atau bahasa markup lainnya) dengan presentasi dokumen (yang
ditulis dengan CSS) (Prasetyo, 2014, p. 252).
Dari pendapat-pendapat di atas dapat disimpulkan CSS merupakan bahasa

pemrograman yang ditulis dengan HTML, yang digunakan sebagai pemisah antara
dokumen isi dan dokumen presentasi sebagai pengontrol format tampilan sebuah
halaman web.
16
2.2.16 Jaringan Komputer
Jaringan komputer merupakan interkoneksi sejumlah komputer dan

peralatan lainnya yang dihubungkan dengan jalur transmisi dan alat komunikasi
membentuk satu sistem sehingga dapat saling bertukar data, informasi, atau
menggunakan peralatan secara bersama untuk melaksanakan tugas pengolahan data
(Sutanta, 2005, p. 503).
Jaringan komputer adalah sebuah sistem yang terdiri dari atas komputer-
komputer yang didesain untuk dapat berbagi sumber daya (printer, CPU),
berkomunikasi dan dapat mengakses informasi. Setiap bagian dari jaringan
komputer dapat meminta dan memberikan layanan. Pihak yang meminta/menerima
layanan disebut klien dan yang memberikan/mengirim layanan disebut peladen.
2.2.17 SDLC Waterfall
Menurut (Rosa. A.S., 2014, p. 23) SDLC atau Software Development Life
Cycle atau sering disebut juga System Development Life Cycle adalah proses
mengembangkan atau mengubah suatu sistem perangkat lunak dengan
menggunakan model-model dan metodologi yang digunakan orang untuk
mengembangkan sistem-sistem perangkat lunak.
Model SDLC Waterfall merupakan salah satu metode dalam SDLC yang
mempunyai ciri khas pengerjaan setiap fase dalam waterfall harus diselesaikan
terlebih dahulu sebelum melanjutkan ke fase selanjutnya. Artinya fokus terhadap
masing-masing fase dapat dilakukan maksimal karena tidak adanya pengerjaan
yang sifatnya parallel.
Kelebihan model air terjun adalah model ini sangat cocok digunakan ketika
kebutuhan pelanggan sudah sangat dipahami dan kemungkinan terjadinya
perubahan kebutuhan selama pengembangan perangkat lunak kecil, struktur tahap
pengembangan sistem jelas, dokumentasi dihasilkan di setiap tahap pengembangan,
dan sebuah tahap dijalankan setelah tahap sebelumnya selesai dijalankan. Tahapan
tahapan dari metode waterfall adalah sebagai berikut:
17
1. Analisa kebutuhan perangkat lunak (Software Requirement Analysis),

Seluruh kebutuhan software harus didapatkan dalam fase ini, termasuk
didalamnya kegunaan yang diharapkan pengguna dan batasan software.
Informasi ini biasanya diperoleh melalui wawancara, survey atau diskusi.
2. Desain sistem (System Design), Tahap ini bertujuan untuk memberikan
gambaran apa yang seharusnya dikerjakan dan bagaimana tampilannya.
Tahap ini membantu dalam menspesifikasikan kebutuhan hardware dan
sistem serta mendefinisikan arsitektur sistem secara keseluruhan.
3. Pembuatan kode program (Coding), Dalam tahap ini dilakukan
pemrograman. Pembuatan software dipecah menjadi modul-modul kecil
yang nantinya akan digabungkan dalam tahap berikutnya. Selain itu dalam
tahap ini juga dilakukan pemeriksaaan terhadap modul yang dibuat.
4. Pengujian (Testing), pada tahap ini dilakukan penggabungan modul-
modul yang sudah dibuat dan dilakukan pengujian ini dilakukan untuk
mengetahui apakah software yang dibuat telah sesuai dengan desainnya dan
masih terdapat kesalahan atau tidak.
5. Pemeliharaan (Maintenance), Ini merupakan tahap terakhir dalam model
waterfall. Software yang sudah jadi dijalankan serta dilakukan
pemeliharaan. Pemeliharaan termasuk dalam memperbaiki kesalahan yang
tidak ditemukan pada langkah sebelumnya. Perbaikan implementasi unit
sistem dan peningkatan jasa sistem sebagai kebutuhan baru.
Sistem/ Rekayasa
Informasi
Analisis Desain Pengkodean Pengujian
Gambar 2.1 Ilustrasi Model Waterfall

18
2.2.18 UML (Unified Modelling Language)
Menurut (Rosa. A.S., 2014, p. 113), UML (Unified Modelling Language)

adalah salah satu standar bahasa yang banyak digunakan didunia industry untuk
mengidentifikasikan requirement, membuat analisis dan desain, serta
menggambarkan arsitektur dalam pemrograman berorientasi objek.
1. Use Case Diagram

Menurut para ahli, pengertian use case diagram adalah sebagai berikut:
“Diagram untuk menunjukkan peran dari berbagai pengguna dan bagaimana peran-
peran menggunakan sistem.” – (Satzinger, 2009, p. 242). “Representasi visual yang
mewakili interaksi antara pengguna dan sistem informasi dalam UML.” -Shelly
(Shelly, 2012, p. 151).
Berikut ini merupakan notasi-notasi yang dipergunakan dalam pembuatan
use case diagram, dimana setiap notasi memiliki fungsinya masing-masing:
Tabel 2.1 Notasi Use Case Diagram
Simbol Deskripsi
Use Case Fungsionalitas yang disediakan sistem
sebagai unit-unit yang saling bertukar
Nama use case
pesan antar unit atau aktor.
Aktor/actor Orang, proses, atau sistem lain yang
berinteraksi dengan sistem informasi
yang akan dibuat di luar sistem informasi
Nama aktor yang akan dibuat itu sendiri.
Asosiasi/association Komunikasi antara aktor dan use case

yang berpartisipasi pada use case atau
use case memiliki interaksi dengan aktor.
Ekstensi/extend Relasi use case tambahan ke sebuah use
case dimana use case yang ditambahkan
<<extend>>
dapat berdiri sendiri walau tanpa use case
tambahan itu.
19
Generalisasi / generalization Hubungan generalisasi dan spesialisasi

(umum-khusus) antara dua buah use case
dimana fungsi yang satu adalah fungsi
yang lebih umum dari lainnya.
Menggunakan/include/uses
Relasi use case tambahan kesebuah use
<<include>> case dimana use case yang ditambahkan
memerlukan use case ini untuk
menjalankan fungsinya atau sebagai
<<uses>>
syarat dijalankan use case ini.
Sistem
Menspesifikasikan paket yang

menampilkan sistem secara terbatas.
2. Activity Diagram
Menurut Satzinger et al (2010:141), Activity diagram merupakan sebuah

tipe dari diagram workflow yang menggambarkan tentang aktivitas dari pengguna
ketika melakukan setiap kegiatan dan aliran sekuensial.
Tabel 2.2 Notasi Activity Diagram
Simbol Deskripsi
Status Awal Status awal aktivitas sistem, sebuah

diagram aktivitas memiliki sebuah
status awal.
Aktivitas Aktivitas yang dilakukan sistem,
aktivitas biasanya diawali dengan kata
kerja.
20
Percabangan/decision
Asosiasi percabangan dimana jika ada
pilihan aktivitas lebih dari satu.
Penggabungan / join Asosiasi penggabungan dimana lebih

dari satu aktivitas digabungkan
menjadi satu.
Status akhir Status akhir yang dilakukan sistem,
sebuah diagram aktivitas memiliki
sebuah status akhir.
Swimlane
nama swimlane
Memisahkan organisasi bisnis yang

bertanggung jawab terhadap aktivitas
nama swimlane
yang terjadi.
atau
3. 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. Jenis diagram ini terdiri antar dimensi vertikal
(waktu) dan dimensi horizontal (objek-objek yang terkait) (Henderi et al, 2008).
Tabel 2.3 Notasi Sequence Diagram
Simbol Deskripsi
Garis hidup/lifeline
Menyatakan kehidupan suatu objek.
21
Aktor Orang, proses, atau sistem lain yang

berinteraksi dengan sistem informasi
yang akan dibuat di luar sistem
Nama Aktor informasi yang akan dibuat itu sendiri.
Objek
Menyatakan objek yang berinteraksi
nama objek : nama pesan.
kelas
Waktu aktif
Menyatakan objek dalam keadaan aktif
dan berinteraksi, semua yang
terhubung dengan waktu aktif ini
adalah sebuah tahapan yang dilakukan
didalamnya.
Pesan tipe create

Menyatakan suatu objek membuat
<<create>> objek yang lain.
Pesan tipe call

Menyatakan suatu objek memanggil
operasi/metode yang ada pada objek
1 : nama_metode() lain atau dirinya sendiri.
Pesan tipe send Menyatakan bahwa suatu objek

mengirimkan data/masukan/informasi
1 : masukan
ke objek lainya.
Pesan tipe return Menyatakan bahwa suatu objek yang

telah menjalankan suatu operasi atau
1 : keluaran
metode menghasilkan suatu kembalian
ke objek tertentu.
Pesan tipe destroy
Menyatakan suatu objek mengakhiri

hidup objek lainnya.
BAB III
METODOLOGI
3.1 Kerangka Pemikiran
Dalam melakukan penelitian penulis melakukan tahapan kegiatan sesuai

dengan deskripsi seperti gambar di bawah ini:
Mulai
Bagaimana membangun
Perumusan aplikasi pencatatan
Masalah penjualan sesuai dengan
kebutuhan saat ini di
 Studi Literatur CV. HADIANITA ?
Pengumpulan
 Observasi
Data
 Wawancara
Pengembangan Sistem Perangkat Lunak

 UML Analisis  Analisis Masalah
 ERD  Analisis Software
 Normalisasi  Analisis Pengguna
 Struktur Tabel Perancangan  User Interface
 Desain  Fitur-fitur
 Analisis Data
 Listing Program Pengkodean
 Analisis Biaya
Implementasi dan Pengujian
 Revisi
Penyelesaian Laporan Penelitian
 Bimbingan
Selesai
Gambar 3.1 Kerangka Pemikiran
22
23
3.2 Deskripsi Tahap Penelitian
3.2.1 Perumusan Masalah
Berdasarkan dari data dan informasi yang didapat dari hasil observasi awal,
penulis mengindentifikasi permasalahan terdapat pada metode dan alur pencatatan
data penjualan, terdapat beberapa penghambat untuk mengakses data penjualan
yang telah dibuat, karena pengelolaan dan penyimpanan data masih berupa
dokumen-dokumen Ms. Excel yang terkadang penyimpanannya tercecer sehingga
sulit untuk mencari dan mengaksesnya kembali. Selain itu pula ditemukan
permasalahan dalam hal pelaporan dimana pembuatannya harus dilakukan secara
dokumen ganda, karena harus membuat laporan secara harian juga secara bulanan.
Dimana hal demikian dirasa kurang efektif dan efisien. Sehingga dari permasalahan
tersebut penulis mengambil rumusan bagaimana membuat suatu aplikasi pencatatan
penjualan yang sesuai dengan kebutuhan saat ini di CV. HADIANITA.
3.2.2 Pengumpulan Data
Pengumpulan data dilakukan untuk memperoleh dan mencatat data yang

dibutuhkan untuk menyusun karya ilmiah. Dalam pengumpulan data ada beberapa
cara yang diambil peneliti yaitu:
1. Studi Literatur
Dalam penelitian ini, penulis mengumpulkan beberapa referensi yang

diperoleh dari buku, jurnal, dan karya tulis ilmiah lainnya yang berhubungan
dengan judul dalam penulisan skripsi ini. Buku yang dijadikan referensi
diantaranya:
1. Membuat Sistem Informasi Penjualan Berbasis Web dengan PHP dan
MySQL, karya Bunafit Nugroho;
2. Rekayasa Perangkat Lunak, karya Rosa. A.S., dan Shalahuddin. M;
3. Perancangan Aplikasi Pengolahan Data Report Pejualan, karya Agung
Wahana;
4. Pemrograman PHP dan MySQL untuk Pemula, karya Madcoms;
24
5. Panduan Lengkap Menguasai Pemrograman CSS, karya Komang

Wiswakarma;
6. Pengenalan Teknologi Komputer & Informasi, karya Janner Simarmata
7. Buku Sakti Web Master, karya Adhi Prasetyo.
Selain buku-buku yang sudah disebutkan di atas, masih ada judul buku,
jurnal dan karya ilmiah lainnya yang digunakan sebagai rujukan, yang penulis
cantumkan pada daftar pustaka.
2. Observasi
Dalam penelitian ini, penulis melaksanakan observasi yaitu melakukan

pengamatan secara langsung dan mengumpulkan data dengan melihat,
mengamati dan mempelajari bagaimana pencatatan data penjualan pada sistem
yang sedang berjalan saat ini.
Observasi mulai dilaksanakan pada bulan April 2017 di CV. HADIANITA,

yang beralamat di Komplek Matahari Square 88F Jl. Simpang Terusan Siliwangi
Baleendah Kabupaten Bandung 40375.
Dari hasil observasi ini penulis mendapatkan data dan informasi bahwa
pencatatan data penjualan masih dilakukan secara semi-manual, sudah
terkomputerisasi, penyimpanan data penjualan yang berupa dokumen Ms. Excel
disimpan pada folder-folder pada komputer, dan masih belum memiliki database
sendiri sehingga memungkinkan terjadinya kesalahan atau hilangnya data
penjualan tersebut dalam penyimpanan laporan.
3. Wawancara
Dalam penelitian ini, penulis melakukan tanya-jawab terhadap narasumber

dari pihak CV.HADIANITA yaitu Bpk. Irvan Hendriawan S.pd selaku Manager
Operasional pada bulan Mei 2017 bertempat di kantor CV. HADIANITA
Komplek Matahari Square 88F. Wawancara dilakukan dengan tujuan untuk
mengetahui hal-hal berikut ini:
1. Prosedur pengelolaan data penjualan yang sedang berjalan;
2. Berbagai kendala dan permasalahan yang dihadapi oleh karyawan dengan
menggunakan sistem pengelolaan data penjualan yang telah ada.
25
3.3 Metode Pengembangan Sistem
Pengembangan sistem dilakukan dengan tujuan untuk memperbaiki sistem

pengelolaan data yang telah ada. Dalam pengembangan sistem ini peneliti
menggunakan model tahapan-tahapan SDLC waterfall. Merujuk pada sumber
(Rosa. A.S., 2014, p. 29), model pengembangan sistem yang digunakakn pada
penelitin ini adalah sebagai berikut:
Sistem/Rekayasa Informasi
Analisis Implementasi
Perancangan Pengkodean
dan Pengujian
Gambar 3.2 Tahapan-Tahapan Pengembangan Sistem
3.3.1 Analisis
Pada tahapan ini penulis melakukan analisis dari beberapa aspek, yang
nantinya peneliti dapat menentukan kebutuhan-kebutuhan yang akan
dikembangkan. Berikut ini adalah tahapan analisis yang dilakukan:
1. Analisis Masalah
2. Analisis Software
3. Analisis Pengguna
4. User Interface
5. Fitur-fitur
6. Analisis Data
7. Analisis Biaya
26
3.3.2 Perancangan
Setelah melakukan analisis, tahapan selanjutnya adalah membuat rancangan

aplikasi sesuai dengan kebutuhan. Dimulai dari membuat rancangan diagram arus
data, rancangan basis data dan rancangan antarmuka menggunakan aplikasi
Balsamiq Mockup, dengan mempertimbangkan fungsi dari aplikasi tersebut.
3.3.3 Pengkodean
Dalam tahap ini penulis membuat kode program dengan menggunakan

bahasa pemrograman HTML, PHP dan CSS, sebagai penerjemahan dari
perancangan aplikasi yang telah dibuat, dan mampu mengakses database yang telah
dibuat menggunakan MySQL, untuk menyimpan data maupun mengeditnya.
3.3.4 Implementasi dan Pengujian
Pada tahapan ini program Aplikasi Pencatata Penjualan Berbasis Web yang
telah dibuat selanjutnya diuji secara keseluruhan dengan tujuan untuk mengetahui
keberhasilan dari pembangunan aplikasi tersebut. Bila terjadi kesalahan-kesalahan
maka akan dilakukan perbaikan.
3.4 Penyelesaian Laporan Penelitian
Setelah tahap pengembangan sistem aplikasi diselesaikan maka tahap

selanjutnya adalah melakukan penyelesaian laporan penelitian dengan melakukan
bimbingan terhadap revisi yang dihasilkan dari diadakannya sidang UPS1 dan
UPS2 sehingga menghasilkan laporan penelitian yang sesuai dengan kriteria dan
standar dari pihak Program Studi Teknik Informatika, Fakultas Teknologi
Informasi, Universitas Bale Bandung. Dari pertama penulis melakukan penelitian
hingga menyimpulkan pembangunan Aplikasi Pencatatan Penjualan Berbasis Web
yang telah dibuat.
BAB IV
ANALISIS DAN PERANCANGAN
4.1 Analisis
4.1.1 Analisis Masalah
Analisis masalah dilakukan untuk mendapatkan gambaran tentang sistem

yang digunakan dalam proses pencatatan data penjualan yang berlangsung di CV.
HADIANITA.
Adapun prosedur dari pencatatan data penjualan di CV. HADIANITA dapat

dideskripsikan sebagai berikut:
1. Data penjualan yang didapat dari interaksi sebelumnya terjalin via mobile
antara pelanggan dan costumer services, disalin pada notepad oleh costumer
services;
2. Data yang telah disalin pada notepad selanjutnya oleh costumer services
dikirim kepada admin melalui aplikasi Telegram;
3. Data yang telah diterima melalui Telegram, untuk sementara disalin pada
notepad oleh Admin;
4. Admin melakukan validasi pembayaran dari setiap data yang masuk dengan
melakukan pengecekan rekening terhadap setiap transfer yang telah masuk;
5. Admin melakukan konfirmasi kepada costumer services apabila data
pembayaran tidak valid, untuk selanjutnya dilakukan followup oleh
costumer services kepada pelanggan;
6. Admin menyalin dan menyimpan data penjualan yang sudah valid status
pembayarannya pada Ms. Excel;
7. Admin membuat salinan data penjualan pada dokumen Ms. Excel yang
berbeda sebagai pelaporan harian dan bulanan.
Berdasarkan prosedur diatas, penulis menyimpulkan bahwa dalam

pencatatan data penjualan di CV. HADIANITA, terjadi beberapa kali duplikasi
data, selain itu juga penyimpanan data penjualan membutuhkan banyak file notepad
27
28
dan dokumen dalam bentuk Ms. Excel. Apabila ingin melakukan akses ulang harus
memakan waktu karena harus dilakukan pencarian, terlebih untuk mengakses data
yang telah lama yang terkadang penyimpanan dokumennya tercecer dan terlupakan
maka akan memakan waktu lebih lama lagi. Melalui aplikasi yang tengah dibangun
ini, diharapkan proses pencatatan data akan berjalan lebih efisien dan efektif,
disamping berbagai kemudahan yang akan didapatkan.
4.1.2 Analisis Software
Dalam pembuatan aplikasi pencatatan penjualan di CV. HADIANITA

penulis melakukan analisis terhadap kebutuhan software minimum yang digunakan
sebagai berikut:
Tabel 4.1 Analisis Software
No Jenis Software Keterangan

1 Sistem Operasi Windows 7 Ultimate
2 Sistem manajemen basis data MySQL 5.5.16
3 Script editor Notepad++
4 User Interface editor Balsamiq Mockup
5 Bahasa Pemrograman HTML, PHP, CSS
6 Web Server Apache 2.2.21
7 Web Browser Google Chrome v60.0.3
4.1.3 Analisis Pengguna
Sebagian besar karyawan di CV. HADIANITA memiliki kemampuan yang

hampir sama secara keseluruhan dalam mengoperasikan komputer, belum
memahami program-program aplikasi tetapi sudah cukup berpengalaman dalam
mengoperasikan sistem Operasi Windows, bekerja menggunakan Ms. Excel,
notepad, Telegram dan dapat menggunakan Internet dengan baik.
Pengguna aplikasi pencatatan penjualan berbasis web di CV. HADIANITA
digolongkan menjadi dua, yaitu:
1. Admin : Admin
2. User : Costumer Services
29
Berikut deskripsi mengenai analisis pengguna aplikasi pencatatan penjualan

berbasis web di CV. HADIANITA:
Tabel 4.2 Analisis Pengguna
No Admin User
1 Mengelola data penjualan yang Memasukan data penjualan sesuai
telah dimasukan oleh user dengan hak aksesnya
2 Mencetak laporan data penjualan Melihat informasi data barang
secara perhari maupun per bulan
3 Mengelola data barang
4 Mencetak laporan data barang
5 Menambahkan pengguna baru
4.1.4 User Interface
Antarmuka pemakai (user interface) dari aplikasi pencatatan penjualan di

CV. HADIANITA sangat berpengaruh terhadap kinerja karyawan dalam
penggunaanya. Hal ini mencakup perangkat yang digunakan sebagai piranti
masukan dan keluaran dari aplikasi. Karena aplikasi yang dibuat ditujukan untuk
karyawan yang notabene adalah orang dewasa, maka user interface aplikasi juga
menyesuaikan dengan kepribadian dari orang dewasa. Kecenderungan dari
kepribadian orang dewasa yaitu menyukai bentuk huruf-huruf yang jelas dan dapat
dibaca dengan mudah, warna-warna yang halus, serta background yang elegan
dengan kombinasi warna sesuai komposisinya. Maksud dan tujuan dari tampilan
tersebut agar aplikasi nyaman dipandang dan tidak membosankan bagi pengguna
dalam menjalankannya.
Selain hal di atas, penggunaan simbol pada pilihan konten digunakan

sebagai tambahan untuk membantu visualisasi dari pilihan konten itu sendiri,
sehingga lebih mudah dalam mengenali instruksi-instruksi dari pilihan konten.
Untuk perangkat masukan digunakan mouse dan keyboard agar pengguna

dapat leluasa menggerakan petunjuk mouse untuk memilih konten yang dimaksud
dan juga mempermudah dalam melakukan pencatatan data penjualan.
30
4.1.5 Fitur-fitur
Mengedepankan kebutuhan utama pengguna, maka kesederhanaan konten,

kemudahan akses konten dan kecepatan akses data menjadi sebuah prioritas. Fitur-
fitur yang terpenting dari aplikasi pencatatan penjualan di CV. HADIANITA ini
adalah:
1. Untuk membatasi hak akses, maka form log in dipergunakan sehingga data
dapat tersimpan dengan aman;
2. Pengelolaan data dari mulai memasukan data, memperbaharui data,
menyimpan data hingga menampilkan informasi mengenai data penjualan
merupakan tugas utama dari aplikasi;
3. Dengan menyediakan menu pintasan di sebelah kanan layar dan di tempat
itulah pengguna bisa langsung mendapatkan informasi secara jelas tanpa
harus mengunjungi link-link yang lebih dalam;
4. Form pencarian menjadikan pengguna untuk diarahkan secara cepat dan
mudah untuk mendapatkan informasi yang diharapkan;
5. Selain disimpan, data penjualan juga dapat dicetak sebagai bahan pelaporan.
Dari hasil analisis yang didapat paduan antara user interface dan fitur
aplikasi perlu dibentuk untuk menciptakan produk yang cepat, mudah, efektif, dan
efisien, termasuk dalam hal mengakses data penjualan.
4.1.6 Analisis Data
Analisis data dilakukan untuk mengetahui data apa saja yang menunjang
bagi aplikasi pencatatan penjualan yang akan dibuat, sehingga dapat diproses dan
menghasilkan informasi yang dibutuhkan CV. HADIANITA.
Pada dasarnya sistem yang dibangun tidaklah jauh berbeda dengan sistem
yang telah ada. Sistem yang dibangun hanyalah peralihan dari sistem manual ke
sistem menggunakan aplikasi. Sistem menggunakan aplikasi diharapkan dapat
membantu dan memudahkan karyawan di CV. HADIANITA sebagai pengguna.
Berikut adalah analisis berupa data masukan, proses dan keluaran yang
menunjang dibuatnya aplikasi pencatatan penjualan di CV.HADIANITA:
31
Tabel 4.3 Analisis Data
Masukan Proses Keluaran

Data penjualan: Aplikasi menyimpan data Informasi
1. Barang yang dibeli
penjualan pada database penjualan yang
2. Jumlah pembelian
3. Pembeli telah tersimpan
4. Alamat
5. Telp.
6. Rekening bank
7. Nominal transfer
Data barang: Aplikasi menyimpan data Informasi barang
1. Nama
barang pada database yang dijual
2. Jenis
3. Harga beli
4. Harga jual
5. Suplier
6. Kontak suplier
Resi pengiriman Admin menambahkan resi Informasi
pengiriman pada data penjualan dan
penjualan yang sudah menjadi laporan
dilakukan pengiriman barang data penjualan
4.1.7 Analisis Biaya
Analisis biaya dilakukan sebagai gambaran jumlah biaya yang dibutuhkan

dalam pengembangan aplikasi pencatatan penjualan berbasis web di CV.
HADIANITA, dan analisis biayanya adalah sebagai berikut:
Tabel 4.4 Analisis Biaya
No Kegiatan Biaya (Rp)

1 Analisis dan Riset 300,000
2 Desain dan Tampilan 1,000,000
3 Pemrograman 2,000,000
4 Pengujian 300,000
5 Pelatihan 500,000
6 Dokumentasi 150,000
Total 4,250,000
32
4.2 Perancangan
4.2.1 Diagram Arus Data (DAD) UML
4.2.1.1 Use Case Diagram
Use case diagram digunakan untuk mendeskripsikan interaksi antara aktor

dengan aplikasi yang akan dibuat. Use case diagram yang dibuat dalam
perancangan aplikasi ini adalah sebagai berikut:
Gambar 4.1 Use Case Aplikasi Pencatatan Penjualan CV. HADIANITA
Adapun penjelasan untuk use case di atas adalah sebagai berikut:
1. Deskripsi Aktor
Tabel 4.5 Deskripsi Aktor
Aktor Deskripsi
Admin Pengguna yang melakukan operasi pengelolaan
data penjualan, mencetak laporan data penjualan
secara per hari dan per bulan, mengelola data
barang, mencetak laporan data barang, dan juga
bertugas menambahkan pengguna.
User Pengguna yang melakukan operasi memasukan
data penjualan sesuai hak aksesnya dan juga dapat
melihat data barang.
33
2. Deskripsi Use case
Tabel 4.6 Deskripsi Use Case
Use case Deskripsi

Proses untuk melakukan login agar mendapatkan
Login
hak akses sesuai dengan otoritasnya.
Proses pengelolaan berhubungan dengan masuknya

Mengelola Data Penjualan data penjualan, memperbaharui informasi termasuk
bila ada perubahan data penjualan.
Proses mencetak informasi dari data penjualan yang

Mencetak Laporan Data telah terjadi yang digunakan untuk proses pelaporan
Penjualan pertanggungjawaban oleh admin, baik itu secara per
hari dan juga secara per bulan.
Proses pengelolaan berhubungan dengan daftar

Mengelola Data Barang barang yang dijual, memperbaharui informasi
barang termasuk bila ada perubahan data barang.
Proses mencetak informasi dari data barang yang

Mencetak Laporan Data
terdaftar yang digunakan untuk proses pelaporan
Barang
pertanggungjawaban oleh admin.
Proses yang dilakukan oleh admin untuk

Menambahkan Pengguna menambahkan pengguna baru, dengan otoritas
sesuai dengan kebutuhan perusahaan.
Proses memasukan data penjualan dari proses

Memasukan Data Penjualan
transaksi yang telah terjalin via mobile sebelumnya.
Proses mendapatkan informasi mengenai barang

Melihat Data Barang
yang terdaftar, seperti nama barang dan harga jual.
34
3. Skenario Use case
a. Skenario Login
Tabel 4.7 Skenario Login
Identifikasi
Nama Login
Memastikan hak akses admin/user yang telah terdaftar
Tujuan
(pengguna sah).
Merupakan skenario validasi admin/user untuk memutuskan
Deskripsi
apakah pengguna memiliki hak akses sebagai admin/user.
Aktor Admin/User
Skenario Utama
Kondisi Awal Aktor sudah memiliki hak akses admin/user pada aplikasi.
Aksi Aktor Reaksi Aplikasi

Mengakses halaman login. Menampilkan halaman login.
Mengecek validasi nama pengguna dan kata sandi.

Mengisi form login.
Jika sesuai, maka akan menampilkan halaman
utama dengan menu admin/user.
Hak akses pengguna sudah dipastikan sebagai admin/user,

maka akan menampilkan halaman utama dengan menu
admin/user.
Kondisi Akhir
Jika nama pengguna dan kata sandi salah, maka akan tetap di
halaman login dengan pesan login gagal.
b. Skenario Mengelola Data Penjualan
Tabel 4.8 Skenario Mengelola Data Penjualan
Identifikasi
Nama Mengelola data penjualan
Tujuan Pengelolaan data penjualan
35
Merupakan skenario untuk melakukan masukan,

Deskripsi memperbaharui, menghapus ataupun melihat terhadap data
penjualan, maupun respon terhadap penjualan yang terjadi.
Aktor Admin
Skenario Utama
Aktor sudah berhasil login sebagai admin dan mengakses
Kondisi Awal
menu penjualan.
Menambah, memperbaharui,
Data di dalam database akan dirubah sesuai
menghapus dan melihat data yang
dengan aksi yang dilakukan aktor.
berhubungan dengan penjualan
Data penjualan di dalam database telah berubah dan
Kondisi Akhir menampilkan hasil perubahan pada tampilan antar muka
pengguna.
c. Skenario Mencetak Laporan Data Penjualan
Tabel 4.9 Skenario Mencetak Laporan Data Penjualan
Identifikasi
Nama Mencetak laporan data penjualan
Tujuan Mencetak hasil penjualan
Merupakan skenario untuk memberikan keluaran dari aplikasi
Deskripsi
berupa hasil cetak menjadi dokumen dengan format .pdf.
Aktor Admin
Skenario Utama
Kondisi Awal Aktor mengakses menu penjualan.
Melakukan koneksi dengan database dan
Memasukan pilihan tanggal
menampilkan preview data penjualan per
dari data yang akan dicetak
tanggal yang telah dipilih sesuai masukannya.
Menampilkan print preview dokumen dengan
Pilih cetak
format .pdf dari data yang akan dicetak
Aplikasi memberikan keluaran data berupa hasil cetak yaitu
Kondisi Akhir
dokumen dengan format .pdf.
36
d. Skenario Mengelola Data Barang
Tabel 4.10 Skenario Mengelola Data Barang
Identifikasi
Nama Mengelola data barang
Tujuan Pengelolaan data barang
Merupakan skenario untuk melakukan masukan,
Deskripsi memperbaharui, menghapus ataupun melihat terhadap data
barang yang dijual.
Aktor Admin
Skenario Utama
Kondisi Awal
menu barang.
Menambah, memperbaharui,
menghapus dan melihat data yang Data di dalam database akan dirubah sesuai
berhubungan dengan barang yang dengan aksi yang dilakukan aktor.
dijual
Data barang di dalam database telah berubah dan

Kondisi Akhir
menampilkan hasil perubahan pada tampilan antar muka.
e. Skenario Mencetak Laporan Data Barang
Tabel 4.11 Skenario Mencetak Laporan Data Barang
Identifikasi
Nama Mencetak laporan data barang
Tujuan Mencetak informasi mengenai barang yang dijual
Merupakan skenario untuk memberikan keluaran dari aplikasi
Deskripsi
berupa hasil cetak menjadi dokumen dengan format .pdf.
Aktor Admin
Skenario Utama
Kondisi Awal
menu barang.
37

Mencetak data barang yang terdaftar
Mengakses menu cetak
pada aplikasi.
Aplikasi memberikan keluaran data berupa hasil cetak yaitu
Kondisi Akhir
dokumen dengan format .pdf.
f. Skenario Menambahkan Pengguna
Tabel 4.12 Skenario Menambahkan Pengguna
Identifikasi
Nama Menambahkan pengguna
Tujuan Menambahkan pengguna yang sah
Merupakan skenario untuk menambah pengguna yang dapat
Deskripsi
mengakses aplikasi sesuai hak aksesnya.
Aktor Admin
Skenario Utama
Kondisi Awal
menu tambah pengguna.
Data pengguna yang dimasukan
Masukan data pengguna
tersimpan pada database
Data pengguna akan dimasukan ke dalam database dan
Kondisi Akhir
menampilkan pesan pemberitahuan.
g. Skenario Memasukan Data Penjualan
Tabel 4.13 Skenario Memasukan Data Penjualan
Identifikasi
Nama Memasukan data penjualan
Tujuan Memasukan data penjualan
Merupakan skenario untuk melakukan masukan data
Deskripsi
penjualan terhadap aplikasi
Aktor User
38
Skenario Utama
Aktor sudah berhasil login sebagai user dan mengakses
Kondisi Awal
halaman penjualan.
Data tersimpan di dalam database sesuai dengan

Masukan data penjualan
aksi yang dilakukan aktor.
Data penjualan tersimpan di dalam database dan

Kondisi Akhir
menampilkan data pada tampilan antar muka pengguna.
h. Skenario Melihat Data Barang
Tabel 4.14 Skenario Melihat Data Barang
Identifikasi
Nama Melihat data barang
Tujuan Mendapatkan informasi mengenai barang yang dijual
Merupakan skenario untuk memperoleh informasi barang
Deskripsi
yang dijual termasuk harga jual.
Aktor User
Skenario Utama
Kondisi Awal Aktor sudah berhasil login sebagai user
Mengakses menu data barang Menampilkan halaman data barang
Menampilkan Informasi mengenai data barang yang terdaftar

Kondisi Akhir
termasuk mengenai harga jual.
4.2.1.2 Sequence Diagram
Sequence diagram digunakan untuk menggambarkan perilaku objek pada

sebuah skenario dengan mendeskripsikan waktu hidup objek serta pesan yang
dikirimkan dan diterima antar objek.
39
1. Sequence Diagram Login
Gambar 4.2 Sequence Diagram Login
2. Sequence Diagram Mengelola Data Penjualan
Gambar 4.3 Sequence Diagram Mengelola Data Penjualan

40
3. Sequence Diagram Mencetak Laporan Data Penjualan
Gambar 4.4 Sequence Mencetak Laporan Data Penjualan
4. Sequence Diagram Mengelola Data Barang
Penjualan
Gambar 4.5 Sequence Diagram Mengelola Data Barang

41
5. Sequence Diagram Mencetak Laporan Data Barang
Gambar 4.6 Sequence Diagram Mencetak Laporan Data Barang
6. Sequence Diagram Menambahkan Pengguna
Gambar 4.7 Sequence Diagram Menambahkan Pengguna

42
7. Sequence Diagram Memasukan Data Penjualan
Gambar 4.8 Sequence Diagram Memasukan Data Penjualan
8. Sequence Diagram Melihat Data Barang
Gambar 4.9 Sequence Diagram Melihat Data Barang

43
4.2.1.2 Activity Diagram
1. Activity Diagram Login
Gambar 4.10 Activity Diagram Login

2. Activity Diagram Mengelola Data Penjualan
Gambar 4.11 Activity Diagram Mengelola Data Penjualan

44
3. Activity Diagram Mencetak Laporan Data Penjualan
Gambar 4.12 Activity Diagram Mencetak Laporan Data Penjualan
4. Activity Diagram Mengelola Data Barang
Gambar 4.13 Activity Diagram Mengelola Data Barang

45
5. Activity Diagram Mencetak Laporan Data Barang
Gambar 4.14 Activity Diagram Mencetak Laporan Data Barang
6. Activity Diagram Menambahkan Pengguna
Gambar 4.15 Activity Diagram Menambahkan Pengguna

46
7. Activity Diagram Memasukan Data Penjualan
Gambar 4.16 Activity Diagram Memasukan Data Penjualan
8. Activity Diagram Melihat Data Barang
Gambar 4.17 Activity Diagram Melihat Data Barang

47
4.2.2 Entity Relasional Diagram (ERD)
Tahapan selanjutnya adalah perancangan database yang bertujuan untuk

menggambarkan hubungan antara entitas. Perancangan database yang dibuat
menggunakan stuktur ERD, sebagai berikut:
Gambar 4.18 ERD Aplikasi Pencatatan Penjualan CV. HADIANITA

Gambar di atas mendeskripsikan dari satu petugas dapat mengelola banyak
data penjualan dan di dalam data penjualan memiliki beberapa data barang yang
terkait di dalamnya.
4.2.3 Normalisasi
Normalisasi adalah suatu proses mendesain struktur basis data sehingga
sebagian besar ambiguitas bisa dihilangkan sampai kemudian bisa menghasilkan
sebuah tabel yang normal.
Berikut ini merupakan normalisasi dari aplikasi pencatatan penjualan

berbasis web studi kasus di CV. HADIANITA yang diusulkan:
1. Bentuk tidak normal (Un-normal)
Bentuk ini merupakan semua kumpulan data yang akan direcord, tidak ada
keharusan mengikuti format tertentu, dapat saja tidak lengkap atau terduplikasi
datanya. Berikut ini bentuk data tidak normal:
{id_petugas, nama_petugas, kata_sandi, level, id_penjualan, tanggal, id_petugas,

id_barang, detil, jumlah, pembeli, alamat, telp, bank, transfer, laba, resi, id_barang,
nama_barang, jenis, suplier, harga_beli, harga_jual, kontak_suplier}
48
2. Bentuk normal 1 (1-NF)

Bentuk normal pertama dari aplikasi pencatatan penjualan ini adalah
sebagai berikut :
{id_petugas, nama_petugas, kata_sandi, level, id_penjualan, tanggal, id_petugas,

id_barang, detil, jumlah, pembeli, alamat, telp, bank, transfer, laba, resi, id_barang,
nama_barang, jenis, suplier, harga_beli, harga_jual, kontak_suplier}
3. Bentuk normal 2 (2_NF)

Pada bentuk normal tingkat kedua, semua atribut bukan kunci harus
tergantung total pada semua atribut kunci, karena pada pembuatan bentuk normal
kedua harus ditentukan dulu atribut kuncinya. Bentuk normal 2 aplikasi ini adalah
sebagai berikut:
Petugas : *id_petugas, nama_petugas, kata_sandi, level.
Barang : *id_barang, nama_barang, jenis, harga_beli, harga_jual, suplier,

kontak_suplier.
Penjualan : *id_penjualan, tanggal, id_petugas, id_barang, detil, jumlah,
pembeli, alamat, telp, bank, transfer, laba, resi.
4. Bentuk normal 3 (3_NF)

Normalisasi ke-3 yaitu nama-nama tabel dan field atau kolom yang sudah
pasti dan tidak ada redudansi atau pengulangan data pada tabel.
Pada tahap ini dilakukan penentuan relasi antar tabel, sehingga akan
ditemukan adanya field kunci sekunder pada tabel-tabel tertentu.
Petugas : *id_petugas, nama_petugas, kata_sandi, level.
Barang : *id_barang, nama_barang, jenis,harga_beli, harga_jual, suplier,

kontak_suplier.
Penjualan : *id_penjualan, tanggal, **id_petugas, **id_barang, detil,
jumlah, pembeli, alamat, telp, bank, transfer, laba, resi.
49
4.2.4 Tabel Relasi

Pembuatan Tabel Relasi dilakukan untuk mengetahui struktur basis data
yang akan dibuat pada aplikasi sebagai media penyimpanan data agar dapat diakses
dengan mudah dan cepat. Adapun tabel relasi basis data (database) yang akan
dibuat pada aplikasi ini adalah sebagai berikut:
Gambar 4.19 Tabel Relasi
4.2.5 Struktur Tabel
Adapun struktur rancangan basis data (database) yang akan di buat pada
aplikasi ini adalah sebagai berikut:
Tabel 4.15 Rancangan Tabel Petugas

Nama Field Tipe Ukuran Keterangan
id_petugas int 11 Primary Key
nama_petugas varchar 30 -
kata_sandi varchar 70 -
level text 10 -
Tabel 4.16 Rancangan Tabel Barang

Id_barang int 11 Primary key
nama_barang text 50 -
jenis text 50 -
harga_beli int 11 -
harga_jual int 11 -
suplier text 50 -
kontak_suplier text 70 -
50
Tabel 4.17 Rancangan Tabel Penjualan

id_penjualan int 11 Primary key
tanggal date - -
id_petugas int 11 Foreign key
id_barang int 11 Foreign key
detil text 70 -
jumlah int 11 -
pembeli int 11 -
alamat text 150 -
telp varchar 20 -
bank text 10 -
transfer decimal 10,0 -
laba int 11 -
resi varchar 20 -
4.2.6 Desain
Perancangan desain dilakukan untuk mengetahui bagaimana tampilan pada

aplikasi yang akan dibangun. Berikut ini adalah perancangan desain antarmuka dari
aplikasi pencatatan penjualan berbasis web DI CV. HADIANITA:
1. Halaman Login
Gambar 4.20 Rancangan Halaman Login

51
2. Rancangan Layout Mengelola Data Penjualan
Gambar 4.21 Rancangan Layout Mengelola Data Penjualan
3. Rancangan Layout Mencetak Laporan Data Penjualan
Gambar 4.4 Rancangan Layout Mencetak Laporan Data Penjualan

52
4. Rancangan Layout Mengelola Data Barang
Gambar 4.23 Rancangan Layout Mengelola Data Barang
5. Rancangan Layout Mencetak Laporan Data Barang
Gambar 4.24 Rancangan Layout Mencetak Laporan Data Barang

53
6. Rancangan Layout Menambahkan Pengguna
Gambar 4.25 Rancangan Layout Menambahkan Pengguna
7. Rancangan Layout Memasukan Data Penjualan
Gambar 4.26 Rancangan Layout Memasukan Data Penjualan

54
8. Rancangan Layout Melihat Data Barang
Gambar 4.27 Rancangan Layout Melihat Data Barang

BAB V
IMPLEMENTASI DAN PENGUJIAN
5.1 Listing Program
Listing program merupakan kode-kode program dari dibangunnya aplikasi

pencatatan penjualan berbasis web yang disajikan per modul.
1. Listing Program Login
<html>
<head>
<title>Skripsi Ares</title>
<link rel="stylesheet" type="text/css"
href="assets/css/bootstrap.css">
<link rel="stylesheet" type="text/css"
href="assets/js/jquery-ui/jquery-ui.css">
<script type="text/javascript"
src="assets/js/jquery.js"></script>
<script type="text/javascript"
src="assets/js/bootstrap.js"></script>
<script type="text/javascript" src="assets/js/jquery-
ui/jquery-ui.js"></script>
<?php include 'admin/config.php'; ?>
<style type="text/css">
.kotak{
margin-top: 150px;
}
.kotak .input-group{
margin-bottom: 20px;
}
</style>
</head>
<body>
<div class="container">
<?php
if(isset($_GET['pesan'])){
if($_GET['pesan'] == "gagal"){
echo "<div style='margin-bottom:-55px'
class='alert alert-danger' role='alert'><span class='glyphicon
glyphicon-warning-sign'></span> Login Gagal !! Nama Petugas /
Kata Sandi Salah !!</div>";
}
}
?>
<div class="panel panel-default">
<form action="login_act.php" method="post">
<div class="col-md-4 col-md-offset-4 kotak">
55
56
<font style=" font:bold 44px 'bauhaus 93';

text-shadow:1px 1px 15px #000;
color:#fff;"><center>hadianita</center></font>
<div class="input-group">
<span class="input-group-addon"><span
class="glyphicon glyphicon-user"></span></span>
<input type="text" class="form-control"
placeholder="Nama Petugas .." name="uname">
</div>
<span class="input-group-addon"><span
class="glyphicon glyphicon-lock"></span></span>
<input type="password" class="form-
control" placeholder="Kata Sandi .. "name="pass">
</div>
<input type="submit" class="btn btn-
primary" value="Masuk">
</div>
</div>
</form>
</div>
</div>
</body>
</html>
2. Listing Program Mengelola Data Penjualan
<?php
include 'header.php'; ?>
<h3><span class="glyphicon glyphicon-briefcase"></span>

Penjualan</h3>
<button style="margin-bottom:20px" data-toggle="modal" data-
target="#myModal" class="btn btn-info col-md-2"><span
class="glyphicon glyphicon-pencil"></span> Data Penjualan
Baru</button>
<form action="cari_transaksi_act.php" method="get">

<div class="input-group col-md-5 col-md-offset-7">
<span class="input-group-addon" id="basic-addon2"><span
class="glyphicon glyphicon-search"></span></span>
placeholder="Cari Data Penjualan .." aria-describedby="basic-
addon2" name="temukan" autocomplete=off>
</div>
</form>
<br/>
<form action="" method="get">
class="glyphicon glyphicon-calendar"></span></span>
<input type=text name='tgl_awal' id='tgl_awal'
class='form-control' placeholder="Dari Tanggal .." />
</div>
57

class="glyphicon glyphicon-calendar"></span></span>
<input type=text name='tgl_akhir' id='tgl_akhir'
class='form-control' placeholder="Hingga Tanggal .." />
</div>
<input type=submit name='cari' class='form-control'
value='Rekap Data Penjualan' />
</div>
</form>
<br/>
<?php
if(isset($_GET['tanggal'])){
$tanggal=mysql_real_escape_string($_GET['tanggal']);
$tg="lap_barang_laku.php?tanggal='$tanggal'";
?><?php
}
else if(isset($_GET['cari'])){
$tgl_awal = mysql_real_escape_string($_GET['tgl_awal']);
$tgl_akhir = mysql_real_escape_string($_GET['tgl_akhir']);
$tg="lap_barang_laku.php?tgl_awal=$tgl_awal&tgl_akhir=$tgl_akhir
";
?><a style="margin-bottom:10px" href="<?php echo $tg ?>"
target="_blank" class="btn btn-default pull-right"><span
class='glyphicon glyphicon-print'></span> Cetak</a><?php
}
else{
$tg="lap_barang_laku.php";
}
?>
<br/>
<?php
if(isset($_GET['tgl_awal']))
{
echo "<h4> Data Penjualan Tanggal: <a style='color:blue'>
". $_GET['tgl_awal']." - ". $_GET['tgl_akhir']."</a></h4>";
}
?>
<table class="table">
<tr><th>No</th>
<th>Tanggal</th>
<th>Petugas</th>
<th>Nama</th>
<th>Detil</th>
<th>Jumlah</th>
<th>Pembeli</th>
<th>Alamat</th>
<th>Telp.</th>
<th>Bank</th>
<th>Transfer</th>
<th>Laba</th>
<th>Resi</th>
<th>Opsi</th>
</tr>
58
<?php
if(isset($_GET['temukan'])){
$temukan=mysql_real_escape_string($_GET['temukan']);
$brg=mysql_query("select * from barang_laku where nama
like '%$temukan%' or pembeli like '%$temukan%'");
$no=1;
while($b=mysql_fetch_array($brg)) {
?>
<tr>
<td><?php echo $no++ ?></td>
<td><?php echo $b['tanggal'] ?></td>
<td><?php echo $b['petugas'] ?></td>
<td><?php echo $b['nama'] ?></td>
<td><?php echo $b['detil'] ?></td>
<td><?php echo $b['jumlah'] ?></td>
<td><?php echo $b['pembeli'] ?></td>
<td><?php echo $b['alamat'] ?></td>
<td><?php echo $b['telp'] ?></td>
<td><?php echo $b['bank'] ?></td>
<td>Rp.<?php echo number_format($b['transfer']) ?>,-
</td>
<td><?php echo "Rp.".number_format($b['laba']).",-
"?></td>
<td><?php echo $b['resi'] ?></td>
<td>
<a href="edit_laku.php?id=<?php echo $b['id'];
?>" class="btn btn-warning">Edit</a>
<a onclick="if(confirm('Apakah anda yakin ingin
menghapus data ini ??')){ location.href='hapus_laku.php?id=<?php
echo $b['id']; ?>&jumlah=<?php echo $b['jumlah'] ?>&nama=<?php
echo $b['nama']; ?>' }" class="btn btn-danger">Hapus</a>
</td>
</tr>
<?php
}
}
?>
<?php
if(!isset($_GET['temukan'])){
if(isset($_GET['cari'])){
$tgl_akhir =
mysql_real_escape_string($_GET['tgl_akhir']);
$brg=mysql_query("select * from barang_laku where
tanggal between '$tgl_awal' AND '$tgl_akhir' order by tanggal
desc");
}
else{
$per_hal=10;
$jumlah_record=mysql_query("SELECT COUNT(*) from
barang_laku");
$jum=mysql_result($jumlah_record, 0);
59
$halaman=ceil($jum / $per_hal);
$page = (isset($_GET['page'])) ? (int)$_GET['page'] : 1;
$start = ($page - 1) * $per_hal;
$brg=mysql_query("select * from barang_laku order by

tanggal desc limit $start, $per_hal");
}
$no=1;
while($b=mysql_fetch_array($brg)){
?>
<tr>
<td><?php echo $b['petugas'] ?></td>
</td>
<td><?php echo "Rp.".number_format($b['laba']).",-
"?></td>
<td>
<a href="edit_laku.php?id=<?php echo $b['id'];
?>" class="btn btn-warning">Edit</a>
menghapus data ini ??')){ location.href='hapus_laku.php?id=<?php
echo $b['id']; ?>&jumlah=<?php echo $b['jumlah'] ?>&nama=<?php
echo $b['nama']; ?>' }" class="btn btn-danger">Hapus</a>
</td>
</tr>
<?php
}
}
else{
echo "";
}
?>
<tr>
<?php
if(isset($_GET['tgl_awal'])){
$tgl_awal=$_GET['tgl_awal'];
$tgl_akhir=$_GET['tgl_akhir'];
$query=mysql_query("select * from barang_laku where
tanggal between '$tgl_awal' AND '$tgl_akhir'");
$x=mysql_query("select sum(transfer) as total from
barang_laku where tanggal between '$tgl_awal' AND
'$tgl_akhir'");
$xx=mysql_fetch_array($x);
echo "<td colspan='7'>Total Pemasukan</td>
<td><b> Rp.". number_format($xx['total']).",-
</b></td>";
}else{
60
}
?>
</tr>
<tr>
<?php
$query=mysql_query("select * from barang_laku where
tanggal between '$tgl_awal' AND '$tgl_akhir'");
$x=mysql_query("select sum(laba) as total from
barang_laku where tanggal between '$tgl_awal' AND
'$tgl_akhir'");
$xx=mysql_fetch_array($x);
echo "<td colspan='7'>Total Laba</td>
<td><b> Rp.". number_format($xx['total']).",-
</b></td>";
}else{
}
?>
</tr>
</table>
<ul class="pagination">
<?php
$per_hal=10;
barang_laku");
for($x=1;$x<=$halaman;$x++){
?>
<li><a href="?page=<?php echo $x ?>"><?php echo $x
?></a></li>
<?php
}
?>
</ul>

<div id="myModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-
dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title"> Data Penjualan Baru
</div>
<div class="modal-body">
<form action="barang_laku_act.php"
method="post">
<div class="form-group">
<label>Tanggal</label>
<input name="tgl" type="text"
class="form-control" id="tgl" autocomplete="off">
</div>
61
<label>Barang</label>
<select class="form-control"
name="nama">
<?php
$brg=mysql_query("select * from
barang");
?>
<option value="<?php echo
$b['nama']; ?>"><?php echo $b['nama'] ?></option>
<?php
}
?>
</select>
</div>
<label>Detil</label>
<input name="detil" type="text"
class="form-control" placeholder="Detil" autocomplete="off">
</div>
<label>Jumlah</label>
<input name="jumlah" type="text"
class="form-control" placeholder="Jumlah" autocomplete="off">
</div>
<label>Pembeli</label>
<input name="pembeli" type="text"
class="form-control" placeholder="Nama Pembeli"
autocomplete="off">
</div>
<label>Alamat</label>
<input name="alamat" type="text"
class="form-control" placeholder="Alamat Pembeli"
autocomplete="off">
</div>
<label>Telp.</label>
<input name="telp" type="text"
class="form-control" placeholder="Masukan No. Telp"
autocomplete="off">
</div>
<label>Bank</label>
<select name='bank' class="form-
control">
<option value=''>--Pilih Bank--
</option>
<option value='BCA'>BCA</option>
<option value='BNI'>BNI</option>
<option value='BRI'>BRI</option>
<option
value='MANDIRI'>MANDIRI</option></select>
</div>
<label>Transfer</label>
62
<input name="transfer" type="text"

class="form-control" placeholder="Jumlah Transfer"
autocomplete="off">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-
default" data-dismiss="modal">Batal</button>
<input type="reset" class="btn btn-
danger" value="Reset">
primary" value="Simpan">
</div>
</form>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$("#tgl").datepicker({dateFormat : 'yy-mm-dd'});
});
$("#tgl_awal").datepicker({dateFormat : 'yy-mm-
dd'});
});
$("#tgl_akhir").datepicker({dateFormat : 'yy-mm-
dd'});
});
</script>
<?php include 'footer.php';
?>
3. Listing Program Mencetak Laporan Data Penjualan

<?php
include 'config.php';
require('../assets/pdf/fpdf.php');
$tanggal=$_GET['tanggal'];
}
$tanggal=$_GET['tgl_awal']." - ".$_GET['tgl_akhir'];
}
$pdf = new FPDF("L","cm","A4");
$pdf->SetMargins(2,1,1);
$pdf->AliasNbPages();
$pdf->AddPage();
$pdf->SetFont('Times','B',11);
$pdf->SetX(4);
$pdf->Line(1,3.1,28.5,3.1);
63
$pdf->SetLineWidth(0.1);
$pdf->Line(1,3.2,28.5,3.2);
$pdf->SetLineWidth(0);
$pdf->ln(1);
$pdf->SetFont('Arial','B',14);
$pdf->Cell(0,0.7,'Laporan Data Penjualan',0,0,'C');
$pdf->ln(1);
$pdf->ln(1);
$pdf->Cell(6.5,0.7,"Laporan penjualan pada: ".$tanggal,0,0,'C');
$pdf->ln(1);
$pdf->Cell(0,0.7,"Dicetak pada : ".date("D d/m/Y"),0,0,'C');
$pdf->ln(1);
$pdf->Cell(3, 0.8, 'Tanggal', 1, 0, 'C');
$pdf->Cell(6, 0.8, 'Barang', 1, 0, 'C');
$pdf->Cell(2, 0.8, 'Jumlah', 1, 0, 'C');
$pdf->Cell(4, 0.8, 'Pembeli', 1, 0, 'C');
$pdf->Cell(3, 0.8, 'Bank', 1, 0, 'C');
$pdf->Cell(3, 0.8, 'Transfer', 1, 0, 'C');
$pdf->Cell(3, 0.8, 'Laba', 1, 1, 'C');
$tanggal=$_GET['tanggal'];
$query=mysql_query("select * from barang_laku where tanggal=" .
$tanggal);
}
$query=mysql_query("select * from barang_laku where tanggal
between '$tgl_awal' AND '$tgl_akhir'");
}
while($lihat=mysql_fetch_array($query)){
$pdf->Cell(3, 0.8, $lihat['tanggal'],1, 0, 'C');
$pdf->Cell(6, 0.8, $lihat['nama'],1, 0, 'C');
$pdf->Cell(2, 0.8, $lihat['jumlah'], 1, 0,'C');
$pdf->Cell(4, 0.8, $lihat['pembeli'], 1, 0,'C');
$pdf->Cell(3, 0.8, $lihat['bank'], 1, 0,'C');
$pdf->Cell(3, 0.8, "Rp.
".number_format($lihat['transfer'])." ,-", 1, 0,'C');
$pdf->Cell(3, 0.8, "Rp. ".number_format($lihat['laba'])." ,-
", 1, 1,'C');
}
$q=mysql_query("select sum(transfer) as total from barang_laku
where tanggal>='$tgl_awal' and tanggal<='$tgl_akhir' order by
tanggal asc");
// select sum(total_harga) as total from barang_laku where
tanggal='$tanggal'
while($total=mysql_fetch_array($q)){
$pdf->Cell(18, 0.8, "Total Pendapatan", 1, 0,'C');
$pdf->Cell(3, 0.8, "Rp. ".number_format($total['total'])."
,-", 1, 0,'C');
}
$qu=mysql_query("select sum(laba) as total_laba from
barang_laku where tanggal>='$tgl_awal' and tanggal<='$tgl_akhir'
order by tanggal asc");
64
// select sum(total_harga) as total from barang_laku where

tanggal='$tanggal'
while($tl=mysql_fetch_array($qu)){
$pdf->Cell(3, 0.8, "Rp.
".number_format($tl['total_laba'])." ,-", 1, 1,'C');
}
$pdf->Output("laporan_buku.pdf","I");
?>
4. Listing Program Mengelola Data Barang

<?php include 'header.php'; ?>
<h3><span class="glyphicon glyphicon-briefcase"></span> Data

Barang</h3>
class="glyphicon glyphicon-plus"></span>Tambah Barang</button>
<br/>
<br/>
<?php
$per_hal=10;
$jumlah_record=mysql_query("SELECT COUNT(*) from barang");
?>
<div class="col-md-12">
<table class="col-md-2">
<tr>
<td>Jumlah Record</td>
<td><?php echo $jum; ?></td>
</tr>
<tr>
<td>Jumlah Halaman</td>
<td><?php echo $halaman; ?></td>
</tr>
</table>
<a style="margin-bottom:10px" href="lap_barang.php"
target="_blank" class="btn btn-default pull-right"><span
class='glyphicon glyphicon-print'></span> Cetak</a>
</div>
<form action="cari_act.php" method="get">
<input type="text" class="form-control" placeholder="Cari
barang di sini .." aria-describedby="basic-addon1" name="cari"
autocomplete=off>
</div>
</form>
<br/>
<table class="table table-hover">
65
<tr>
<th class="col-md-1">No</th>
<th class="col-md-2">Nama Barang</th>
<th class="col-md-2">Jenis</th>
<th class="col-md-2">Suplier</th>
<th class="col-md-1">Harga Beli</th>
<th class="col-md-1">Harga Jual</th>
<th class="col-md-1">Kontak</th>
<th class="col-md-4">Opsi</th>
</tr>
<?php
$cari=mysql_real_escape_string($_GET['cari']);
$brg=mysql_query("select * from barang where nama like
'$cari' or jenis like '$cari'");
}else{
$brg=mysql_query("select * from barang limit $start,
$per_hal");
}
$no=1;
?>
<tr>
<td><?php echo $b['jenis'] ?></td>
<td><?php echo $b['suplier'] ?></td>
<td>Rp.<?php echo number_format($b['modal']) ?>,-
</td>
<td>Rp.<?php echo number_format($b['harga']) ?>,-
</td>
<td><?php echo $b['kontak'] ?></td>
<td>
<a href="edit.php?id=<?php echo $b['id']; ?>"
class="btn btn-warning">Edit</a>
menghapus data ini ??')){ location.href='hapus.php?id=<?php echo
$b['id']; ?>' }" class="btn btn-danger">Hapus</a>
</td>
</tr>
<?php
}
?>
</table>
<?php
?>
<li><a href="?page=<?php echo $x ?>"><?php echo
$x ?></a></li>
<?php
}
?>
</ul>

66
<h4 class="modal-title">Tambah Barang Baru</h4>
</div>
<form action="tmb_brg_act.php" method="post">
<label>Nama Barang</label>
<input name="nama" type="text"
class="form-control" placeholder="Nama Barang .."
autocomplete=off>
</div>
<label>Jenis</label>
<input name="jenis" type="text"
class="form-control" placeholder="Jenis Barang .."
autocomplete=off>
</div>
<label>Suplier</label>
<input name="suplier" type="text"
class="form-control" placeholder="Suplier .." autocomplete=off>
</div>
<label>Harga Beli</label>
<input name="modal" type="text"
class="form-control" placeholder="Harga Beli .."
autocomplete=off>
</div>
<label>Harga Jual</label>
<input name="harga" type="text"
class="form-control" placeholder="Harga Jual .."
autocomplete=off>
</div>
<label>Kontak</label>
<input name="kontak" type="text"
class="form-control" placeholder="Kontak Suplier .."
autocomplete=off>
</div>
</div>
<input type="submit" class="btn btn-primary"
value="Simpan">
</div>
</form>
</div>
</div>
</div>
<?php
include 'footer.php';
?>
67
5. Listing Program Mencetak Laporan Data Barang

<?php
include 'config.php';
require('../assets/pdf/fpdf.php');
$pdf = new FPDF("L","cm","A4");
$pdf->SetMargins(2,1,1);
$pdf->AliasNbPages();
$pdf->AddPage();
$pdf->SetFont('Times','B',11);
$pdf->Line(1,3.1,28.5,3.1);
$pdf->SetLineWidth(0.1);
$pdf->Line(1,3.2,28.5,3.2);
$pdf->SetLineWidth(0);
$pdf->ln(1);
$pdf->Cell(25.5,0.7,"Laporan Data Barang CV.
HADIANITA",0,10,'C');
$pdf->ln(1);
$pdf->Cell(5,0.7,"Di cetak pada : ".date("D-d/m/Y"),0,0,'C');
$pdf->ln(1);
$pdf->Cell(1, 0.8, 'NO', 1, 0, 'C');
$pdf->Cell(5, 0.8, 'Nama Barang', 1, 0, 'C');
$pdf->Cell(4, 0.8, 'Jenis', 1, 0, 'C');
$pdf->Cell(4, 0.8, 'Suplier', 1, 0, 'C');
$pdf->Cell(3, 0.8, 'Harga Beli', 1, 0, 'C');
$pdf->Cell(3, 0.8, 'Harga Jual', 1, 0, 'C');
$pdf->Cell(6, 0.8, 'Kontak', 1, 1, 'C');
$pdf->SetFont('Arial','',10);
$no=1;
$query=mysql_query("select * from barang");
while($lihat=mysql_fetch_array($query)){
$pdf->Cell(1, 0.8, $no , 1, 0, 'C');
$pdf->Cell(5, 0.8, $lihat['nama'],1, 0, 'C');
$pdf->Cell(4, 0.8, $lihat['jenis'], 1, 0,'C');
$pdf->Cell(4, 0.8, $lihat['suplier'],1, 0, 'C');
$pdf->Cell(3, 0.8, $lihat['modal'], 1, 0,'C');
$pdf->Cell(3, 0.8, $lihat['harga'],1, 0, 'C');
$pdf->Cell(6, 0.8, $lihat['kontak'], 1, 1,'C');
$no++;
}
$pdf->Output();
?>
68
6. Listing Program Menambah Pengguna

<?php
include 'header.php';
?>
<h3><span class="glyphicon glyphicon-lock"></span> Tambah

Pengguna</h3>
<br/><br/>
<?php
if(isset($_GET['pesan'])){
$pesan=mysql_real_escape_string($_GET['pesan']);
if($pesan=="gagal"){
echo "<div class='alert alert-danger'>Gagal Mendaftarkan
Petugas! Silahkan Ulangi! </div>";
}else if($pesan=="oke"){
echo "<div class='alert alert-success'>Berhasil
menambahkan petugas baru! </div>";
}
}
?>
<br/>
<div class="col-md-5 col-md-offset-3">
<form action="petugas_act.php" method="post">
<label>Petugas</label>
<input name="uname" type="text" class="form-control"
placeholder="Nama Petugas ..">
</div>
<label>Kata Sandi </label>
<input name="pass" type="password" class="form-
control" placeholder="Kata Sandi ..">
</div>
<label>Level</label>
<select name='level' class="form-control">
<option value=''>--Pilih Level--
</option>
<option value='admin'>admin</option>
<option value='cs'>cs</option>
</select>
</div>
<label></label>
<input type="submit" class="btn btn-info"
value="Simpan">
<input type="reset" class="btn btn-danger"
value="reset">
</div>
</form>
</div>
<?php
?>
69
7. Listing Program Memasukan Data Penjualan

<?php
include 'header.php'; ?>
<h3><span class="glyphicon glyphicon-briefcase"></span>

Penjualan</h3>
class="glyphicon glyphicon-pencil"></span> Data Penjualan
Baru</button>
<form action="cari_transaksi_act.php" method="get">

placeholder="Cari Data Penjualan .." aria-describedby="basic-
addon2" name="temukan" autocomplete=off>
</div>
</form>
<br/>
<table class="table">
<tr><th>No</th>
<th>Tanggal</th>
<th>Nama</th>
<th>Detil</th>
<th>Jumlah</th>
<th>Pembeli</th>
<th>Alamat</th>
<th>Telp.</th>
<th>Bank</th>
<th>Transfer</th>
<th>Resi</th>
</tr>
<?php
if(isset($_GET['temukan'])){
$temukan=mysql_real_escape_string($_GET['temukan']);
petugas='$_SESSION[uname]' and nama like '%$temukan%' or pembeli
like '%$temukan%'");
$no=1;
while($b=mysql_fetch_array($brg)) {
?>
<tr>
70

</td>
<td>
</td>
</tr>
<?php
}
}
?>
<?php
if(!isset($_GET['temukan'])){
$tgl_akhir =
mysql_real_escape_string($_GET['tgl_akhir']);
petugas='$_SESSION[uname]' and tanggal between '$tgl_awal' AND
'$tgl_akhir' order by id desc");
}
else{
$per_hal=10;
barang_laku");

petugas='$_SESSION[uname]' order by id desc limit $start,
$per_hal");
}
$no=1;
?>
<tr>
</td>
</tr>
<?php
}
71
}
else{
echo "";
}
?>
</table>
<?php
$per_hal=10;
$jumlah_record=mysql_query("SELECT COUNT(*) from barang_laku
where petugas='$_SESSION[uname]'");
?>
<li><a href="?page=<?php echo $x ?>"><?php echo $x
?></a></li>
<?php
}
?>
</ul>

<h4 class="modal-title">Data Penjualan Baru
</div>
<form action="barang_laku_act.php"
method="post">
<label>Tanggal</label>
<input name="tgl" type="text"
class="form-control" id="tgl" autocomplete="off">
</div>
<label>Barang</label>
<select name="nama" id="nama"
class="form-control" onchange="changeValue(this.value)" >
<option value=0>--Pilih Barang--
</option>
<?php
$result = mysql_query("select *
from barang");
$jsArray = "var dt = new
Array();\n";
while ($row =
mysql_fetch_array($result)) {
echo '<option value="' .
$row['nama'] . '">' . $row['nama'] . '</option>';
72
$jsArray .= "dt['" .
$row['nama'] . "'] = {harga:'" . addslashes($row['harga']) .
"'};\n";
}
?>
</select>
</div>
<label>Harga Jual</label>
<input id="harga" class="form-
control" onkeyup="sum();"/>
<?php echo $jsArray; ?>
function changeValue(nama){
document.getElementById('harga').value = dt[nama].harga;
};
</script>
</div>
<label>Detil</label>
<input name="detil" type="text"
class="form-control" placeholder="Detil" autocomplete="off">
</div>
<label>Jumlah</label>
<input name="jumlah" type="text"
class="form-control" id="jumlah" placeholder="Jumlah"
autocomplete="off" onkeyup="sum();"/>
</div>
<label>Pembeli</label>
<input name="pembeli" type="text"
class="form-control" placeholder="Nama Pembeli"
autocomplete="off">
</div>
<label>Alamat</label>
<input name="alamat" type="text"
class="form-control" placeholder="Alamat Pembeli"
autocomplete="off">
</div>
<label>Telp.</label>
<input name="telp" type="text"
class="form-control" placeholder="Masukan No. Telp"
autocomplete="off">
</div>
<label>Bank</label>
<select name='bank' class="form-
control">
<option value=''>--Pilih Bank--
</option>
<option value='BCA'>BCA</option>
<option value='BNI'>BNI</option>
<option value='BRI'>BRI</option>
<option
value='MANDIRI'>MANDIRI</option></select>
73
</div>
<label>Transfer</label>
<input name="transfer" type="text"
class="form-control" placeholder="Jumlah Transfer"
autocomplete="off">
</div>
<label>Total Harga</label>
<input type="text" class="form-
control" id="total" autocomplete="off">
<script>
function sum() {
var txtFirstNumberValue =
document.getElementById('harga').value;
var txtSecondNumberValue =
document.getElementById('jumlah').value;
var result = parseInt(txtFirstNumberValue) *
parseInt(txtSecondNumberValue);
if (!isNaN(result)) {
document.getElementById('total').value = result;
}
}
</script>
</div>
<input type="reset" class="btn btn-
danger" value="Reset">
primary" value="Simpan">
</div>
</form>
</div>
</div>
</div>
$("#tgl").datepicker({dateFormat : 'yy-mm-dd'});
});
$("#tgl_awal").datepicker({dateFormat : 'yy-mm-
dd'});
});
$("#tgl_akhir").datepicker({dateFormat : 'yy-mm-
dd'});
});
</script>
<?php include 'footer.php';
?>
74
8. Listing Program Melihat Data Barang

<?php include 'header.php'; ?>
<h3><span class="glyphicon glyphicon-briefcase"></span> Data

Barang</h3>
<br/>
<br/>
<?php
$per_hal=10;
$jumlah_record=mysql_query("SELECT COUNT(*) from barang");
?>
<div class="col-md-12">
<table class="col-md-2">
<tr>
<td>Jumlah Record</td>
<td><?php echo $jum; ?></td>
</tr>
<tr>
<td>Jumlah Halaman</td>
<td><?php echo $halaman; ?></td>
</tr>
</table>
</div>
<form action="cari_act.php" method="get">
placeholder="Cari barang di sini .." aria-describedby="basic-
addon1" name="cari">
</div>
</form>
<br/>
<table class="table table-hover">
<tr>
<th class="col-md-1">No</th>
<th class="col-md-2">Nama Barang</th>
<th class="col-md-2">Jenis</th>
<th class="col-md-1">Harga Jual</th>
</tr>
<?php
$cari=mysql_real_escape_string($_GET['cari']);
$brg=mysql_query("select * from barang where nama like
'$cari' or jenis like '$cari'");
}else{
$brg=mysql_query("select * from barang limit $start,
$per_hal");
}
$no=1;
75
?>
<tr>
<td><?php echo $b['jenis'] ?></td>
<td>Rp.<?php echo number_format($b['harga']) ?>,-
</td>
</tr>
<?php
}
?>
</table>
<?php
?>
<li><a href="?page=<?php echo $x ?>"><?php echo
$x ?></a></li>
<?php
}
?>
</ul>
<?php
?>
9.
5.2 Implementasi dan Pengujian Sistem
5.2.1 Tempat dan Waktu Implementasi
Tempat dan waktu untuk implementasi dari aplikasi pencatatan penjualan

berbasis web ini adalah sebagai berikut:
Tempat : CV. HADIANITA

Alamat : Komplek Matahari Square 88F Jl. Simpang Terusan Siliwangi
Baleendah, Kab. Bandung
Waktu : Agustus 2017
5.2.2 Pengujian
Pengujian sistem bertujuan untuk mengetahui jaminan kualitas sistem dan

merepresentasikan spesifikasi, desain dan pengkodean serta untuk menemukan
kesalahan-kesalahan yang terdapat pada sistem untuk diperbaiki.
76
5.2.2.1 Rencana Pengujian
Rencana pengujian pada aplikasi pencatatan penjualan berbasis web ini akan
menggunakan metode pengujian black-box yang memiliki fokus kepada
persyaratan fungsional (proses–proses yang terdapat didalamnya) sistem untuk
mengetahui apakah sistem sudah berfungsi dengan benar ataukah masih memiliki
banyak error. Berikut ini merupakan rencana pengujian yang akan dilakukan pada
aplikasi pencatatan penjualan berbasis web studi kasus di CV. HADIANITA.
Tabel 5.1 Rencana Pengujian Black Box
Kelas Uji Butir Uji

Pengujian Login Petugas Percobaan masuk/login dengan menggunakan
oleh Admin dan CS hak akses Admin dan hak akses CS
Kelola data penjualan
Pengujian Input Data
Kelola data barang
Cetak laporan data penjualan
Pengujian Data Output
Cetak laporan data barang
Pengujian Menambah Percobaan menambahkan pengguna baru pada
Pengguna Baru halaman Admin
5.2.2.2 Kasus dan Hasil Pengujian
1. Pengujian Login
Tabel 5.2 Pengujian Login

Kasus dan Hasil Uji (Data Normal)
Data Masukan Yang Diharapkan Pengamatan Kesimpulan Nilai
Akses admin
Login di halaman Login di
Nama Petugas: []Diterima
admin sukses, halaman admin
admin01 1
tampil menu sukses, tampil
Kata Sandi: [ ]Ditolak
beranda menu beranda
admin01
Akses CS
Login CS sukses, Login CS []Diterima
Nama Petugas:
tampil menu sukses, tampil 1
cs01
beranda menu beranda [ ]Ditolak
Kata Sandi: cs01
Kasus dan Hasil Uji (Data Salah)
Login gagal
Akses admin Login gagal []Diterima
Nama Petugas /
Nama Petugas: ad Nama Petugas / 1
Kata Sandi
Kata Sandi: ad Kata Sandi Salah [ ]Ditolak
Salah
77
Login gagal
Akses CS Login gagal []Diterima
Nama Petugas /
Nama Petugas: cc Nama Petugas / 1
Kata Sandi
Kata Sandi: cc Kata Sandi Salah [ ]Ditolak
Salah
TOTAL NILAI 4
2. Pengujian Input Data
Tabel 5.3 Pengujian Input Data

data penjualan
data penjualan bertambah di
bertambah di database dan
Mengisi semua []Diterima
database dan data data penjualan
field Input data 1
penjualan baru baru
penjualan [ ]Ditolak
ditampilkan pada ditampilkan
menu penjualan pada menu
penjualan
data barang
data barang bertambah di
bertambah di database dan
Mengisi semua []Diterima
database dan data data barang
field Input data 1
barang baru baru
barang [ ]Ditolak
ditampilkan pada ditampilkan
menu barang pada menu
barang
Mengenakan
data terhapus dan data terhapus []Diterima
tombol hapus
data barang dan data barang 1
pada menu data
berkurang. berkurang. [ ]Ditolak
barang
data penjualan data penjualan
berhasil diedit []Diterima
Mengedit data berhasil diedit
dan data 1
penjualan dan data penjualan [ ]Ditolak
penjualan berubah berubah
data tersimpan
Mengosongkan dan
Muncul pesan [ ]Diterima
salah satu field menampilkan
error “isi semua 0
pada form data data kosong
field yang ada” []Ditolak
penjualan pada menu
penjualan
78
data tersimpan
Mengosongkan dan
Muncul pesan [ ]Diterima
salah satu field menampilkan
error “isi semua 0
pada form data data kosong
field yang ada” []Ditolak
barang pada menu
barang
TOTAL NILAI 4
3. Pengujian Data Output
Tabel 5.4 Pengujian Data Output

Menampilkan
Cetak laporan Menampilkan []Diterima
laporan
data penjualan laporan penjualan 1
penjualan
per hari periode hari [ ]Ditolak
periode hari
Menampilkan
Cetak laporan Menampilkan []Diterima
laporan
data penjualan laporan penjualan 1
penjualan
per bulan periode bulan [ ]Ditolak
periode bulan
Menampilkan []Diterima
Menampilkan
Cetak laporan semua data
semua data barang 1
data barang barang yang
yang dijual [ ]Ditolak
dijual
Menginput []Diterima
Menampilkan Menampilkan
periode yang 1
rekap kosong rekap kosong
belum terlewati [ ]Ditolak
TOTAL NILAI 4
4. Pengujian Menambah Pengguna Baru
Tabel 5.5 Pengujian Menambah Pengguna Baru

Mengisi semua Menampilkan Menampilkan []Diterima
1
form inputan pesan “Berhasil pesan
79
Menambahkan “Berhasil [ ]Ditolak

Petugas Baru” Menambahkan
Petugas Baru”
Muncul pesan
Muncul pesan
Mengisikan data “Gagal
“Gagal []Diterima
petugas yang Mendaftarkan
Mendaftarkan 1
telah terdaftar Petugas!
Petugas! Silahkan [ ]Ditolak
pada form input Silahkan
Ulangi”
Ulangi”
TOTAL NILAI 2
5.2.2.3 Kesimpulan Hasil Pengujian

Setelah pengujian dengan berdasarkan akumulasi nilai yang dilakukan
dengan total nilai 14 point, penulis mengambil kesimpulan bahwa sistem yang
dibangun cukup memiliki fungsionalitas yang benar, namun masih ditemukan
beberapa kekurangan khususnya pada mode input data.
5.3 Spesifikasi Sistem
5.3.1 Perangkat Keras

Perangkat keras yang digunakan adalah :
Tabel 5.6 Spesifikasi Perangkat Keras
No Perangkat Keras Spesifikasi Minimum Spesifikasi yang

Digunakan
1 Prosessor Kecepatan minimum Core i3 dengan kecepatan
~1,7GHz ~3.4GHz
2 Kapasitas memori 512 MB RAM 8192 MB RAM
3 Ruang Harddisk 20 GB 500 GB
4 Screen Resolusi 800 x 600 pixel 1920 x 1080 pixel
5.3.2 Perangkat Lunak
Perangkat lunak yang digunakan adalah :

80
Tabel 5.7 Spesifikasi Perangkat Lunak
No Nama Perangkat Lunak Spesifikasi

1 Sistem Operasi Komputer Windows & Rog 32-Bit
2 Manajemen Basis Data MySQL (XAMPP) versi 5.0.67
3 Web Server Apache (XAMPP) versi 5.0.67
4 Web Browser Google Chrome versi 60.0.3112.101
5 Bahasa Pemrograman PHP versi 5.2.6, HTML, CSS
5.4 Instalasi Sistem
5.4.1 Instalasi Aplikasi
Berikut merupakan langkah-langkah instalasi aplikasi pencatatan penjualan

berbasis web studi kasus di CV. HADIANITA:
Xampp Merupakan perangkat lunak yang mendukung banyak sistem

operasi yang fungsinya sebagai server yang berdiri sendiri (localhost), yang terdiri
atas program Apache HTTP server , MySQL database, dan penerjemah bahasa
pemrograman PHP dan Perl. Instalasi programnya sebagai berikut:
1. Klik 2 kali file (dot)exe xampp kemudian muncul tampilan seperti dibawah ini.
Pilih folder untuk tempat install, disini penulis menggunakan drive C.
Kemudian install.
Gambar 5.1 Tahap Awal Instalasi XAMPP

2. Proses instalasi selesai kemudian muncul dialog seperti gambar dibawah ini,
pilih “Y” dan enter.
81
Gambar 5.2 Instalasi XAMPP Lanjutan
3. Xampp sudah terinstal di komputer dan panel kontrol xampp muncul seperti
gambar dibawah ini.
Gambar 5.3 Panel Kontrol XAMPP
Setelah XAMPP terinstall tahap selanjutnya yaitu menyalin folder

cv_hadianita dimana di dalam folder tersebut berisikan kumpulan file-file kode
pemrograman dari aplikasi pencatatan penjualan berbasis web.
Aplikasi selanjutnya yang dibutuhkan yaitu web browser fungsinya untuk

memanggil dan menjalankan aplikasi pencatatan penjualan berbasis web ini. Untuk
aplikasi ini, penulis menggunakan Google Chrome sebagai pemanggil dan media
untuk menjalankan aplikasi. Proses instalisasi dari Google Chrome adalah sebagai
berikut:
a. Unduh Google Chrome (pada web browser lain)

b. Klik Install dan Jalankan.
c. Tunggu proses installasi hingga selesai dan Google Chrome akan secara
otomatis dijalankan.
82
5.4.2 Instalasi Basis Data
Setelah folder cv_hadianita terpaste pada Local Disk(C)/xampp/htdocs,

tahap selanjutnya yaitu instalasi basis data, tahapan-tahapannya adalah sebagai
berikut:
1. Kemudian untuk menjalankan program yang dibutuhkan untuk menjalankan

aplikasi ini jalankan Apache server dan MySql dengan meng-klik tombol start.
Gambar 5.4 Panel Kontrol XAMPP Aktif
2. Setelah itu buka web browser anda lalu ketikkan ‘localhost’ pada address bar
dan kemudian akan muncul tampilan jendela seperti di bawah ini. Lalu pilih
phpmyadmin.
Gambar 5.5 Tampilan XAMPP Pada Localhost
3. Setelah muncul jendela phpmyadmin kemudian lakukan import database cv

hadianita dengan sebelumnya membuat database baru dengan mengisikan
83
nama database default supaya mudah yakni “cv_hadianita” pada create new
database kemudian klik ‘create’.
4. Setelah database berhasil dibuat, klik tab import.
5. Lalu pilih ‘choose file’ dan masukkan database ‘cv_hadianita.sql’ kemudian
klik ‘go’.
6. Setelah import berhasil kemudian akan tampil seluruh tabel yang berada pada
database ‘cv_hadianita.sql’ seperti di bawah ini:
Gambar 5.6 Tampilan Tabel Pada Basis Data cv_hadianita.sql
5.5 Menjalankan Sistem

Pada bagian ini akan diperlihatkan bagaimana jalannya aplikasi pencatatan
penjualan berbasis web studi kasus di CV. HADIANITA dengan bantuan screen-
shot program per modulnya. Adapun penggunaan program dilakukan oleh dua
petugas, yakni Admin dan Costumer Services (CS).
1. Halaman Login
Gambar 5.7 Screenshoot Tampilan Login

84
2. Menu Mengelola Data Penjualan
Gambar 5.8 Screenshoot Menu Mengelola Data Penjualan
3. Menu Mencetak Laporan Data Penjualan
Gambar 5.9 Screenshoot Menu Mencetak Laporan Data Penjualan

85
4. Menu Mengelola Data Barang
Gambar 5.10 Screenshot Menu Mengelola Data Barang
5. Menu Mencetak Laporan Data Barang
Gambar 5.11 Screenshoot Mencetak Laporan Data Barang

86
6. Tampilan Menu Menambahkan Pengguna
Gambar 5.12 Screenshoot Menu Menambahkan Pengguna
7. Tampilan Menu Memasukan Data Penjualan
Gambar 5.13 Screenshoot Menu Memasukan Data Penjualan

87
8. Tampilan Menu Melihat Data Barang
Gambar 5.14 Screenshoot Menu Melihat Data Barang

BAB VI
KESIMPULAN DAN SARAN
6.1 Kesimpulan
Berdasarkan hasil penelitian mengenai Membangun Aplikasi Pencatatan
Penjualan Berbasis Web studi kasus di CV. HADIANITA didapatkan hasil yakni
terbangunnya aplikasi pencatatan penjualan berbasis web di CV.HADIANITA
yang dapat memberikan kemudahan bagi petugas terkait untuk mendapatkan
informasi dan dapat mengoptimalkan pengelolaan data penjualan
6.2 Saran
Berdasarkan perancangan sistem yang telah dibuat oleh penulis, maka
penulis mempunyai beberapa saran untuk para pemrogram yang akan
mengembangkan sistem ini, antara lain sebagai berikut :
1. Pada proses masukan penambahan data penjualan, penambahan data barang

dan penambahan pengguna perlu dibuat suatu kondisi dimana data kosong
tidak bisa tersimpan pada database.
2. Sistem ini dapat dikembangkan lebih luas lagi yaitu dengan menambahkan
tabel untuk pembeli dan detil penjualan sehingga bisa lebih ternormalisasi
pada tabel penjualan.
3. Untuk meningkatkan keefektifan kinerja antara bagian admin dan user

sebaiknya program ini dirancang secara client server agar setiap bagian yang
terlibat dalam sistem ini dapat terfokus pada tugasnya masing-masing.
88
DAFTAR PUSTAKA
Agung Wahana, A. R. (2014). Perancangan Aplikasi Pengolahan Data Report

Pejualan. Jurnal Computech & Bisnis, VIII(1), 25-34.
Kadir, A. (2003). Pengenalan Sistem Informasi. Yogyakarta: Andi.
Madcoms. (2016). Pemrograman PHP dan MySQL untuk Pemula. Yogyakarta:
Andi.
Nugroho, B. (2008). Membuat Sistem Informasi Penjualan Berbasis Web dengan

PHP dan MySQL. Yogyakarta: Gava Media.
Peter Salim, Y. S. (2002). Kamus Bahasa Indonesia Kontemporer. Jakarta:

Modern English Press.
Prasetyo, A. (2014). Buku Sakti Web Master. Jakarta: mediakita.
Putra, R. (2013). Perancangan Aplikasi Absensi Dengan Deteksi Wajah

Menggunakan Metode Eigenface. In Pelita Informatika Budi Darma (p.
131). Yogyakarta: MediaKom.
Riyanto, P. E. (2009). Pengembangan Aplikasi Sistem Informasi Geografis

Berbasis Desktop dan Web. Yogyakarta: Gava Media.
Rosa. A.S., d. S. (2014). Rekayasa Perangkat Lunak Edisi 2. Bandung:

Informatika.
Shelly Cashman, V. (2011). Discovering Computers "Menjelajah Dunia STIKOM
Komputer" FUNDAMENTAL. Third Edition. Salemba: Infotek.
Simarmata, J. (2006). Pengenalan Teknologi Komputer dan Informasi.

Yogyakarta: Andi.
Siswoyo, B. (2011, Desember). Aplikasi Penjualan Barang Berbasis Web Dengan

Feature Database Synchronizer. Jurnal Computech & Bisnis, 89-94.
Sutanta, E. (2005). Pengantar Teknologi Informasi. Yogyakarta: Graha Ilmu.
Walsh, B. (2009). Balsamiq Interviews. California: techZING.
Wiswakarma, K. (2010). Panduan Lengkap Menguasai Pemrograman CSS.

Yogyakarta: Lokomedia.
Witarto. (2008). Memahami Sistem Informasi. Bandung: Informatika.
89
LAMPIRAN-LAMPIRAN
Lampiran 1 Hasil wawancara dengan Manajer Operasional
Nama : Bpk Irvan Hendriawan S.pd

Waktu : Mei 2017
Tempat : Kantor CV. HADIANITA
Sudah berapa lama perusahaan ini berdiri?

Jawaban: Kalau menjadi sebuah perusahaan dimulai dari tahun 2008 yah,
sebelumnya kan Si Agan kerja secara mandiri;
Sudah berapa lama bapak bekerja di perusahaan ini?

Jawaban: Saya gabung ke perusahaan ini pada tahun 2009 yang lalu, jadi kurang
lebih saya sudah 8 tahun kerja bareng Si Agan;
Jadi bapak bisa dikatakan sebagai perintis dari perusahaan ini?

Jawaban: Kalau dibilang sebagai perintis saya engga yah, karena yang merintis dari
nol itu Si Agan dan saudara-saudaranya yang dari Cimahi;
Pengorganisasian dari perusahaan ini seperti apa?

Jawaban: Kalau untuk pengorganisasian kita fleksibel gimana instruksi dari Si
Agan, tapi sudah ada strukturnya, jadi walaupun kantor kita ada dua
cabang Cimahi dan Baleendah, semua sudah ada job desknya;
Dari awal terbentuk, apakah perusahaan ini sudah menggunakan komputer?

Jawaban: Ya, karena dari awal perusahaan ini bergerak dibidang penjualan secara
online, jadi ya harus menggunakan komputer;
Apa saja produk yang dijual oleh perusahaan ini?

Jawaban: Pada awal-awal kita jual produk digital seperti ebook mengenai
kesehatan, tapi sekarang udah berubah ke produk fisik seperti produk
fashion, peralatan dapur, aksesoris otomotif dan ada juga aksesoris
gadget;
Bagaimana cara memasarkannya?
Jawaban: Untuk pemasarannya kita melakukan promosi melalui media sosial,
dengan cara pasang iklan dan posting posting ke forum-forum yang
terkait dengan produk yang kita jual;
Bagaimana cara pelanggan melakukan pembelian produk?

Jawaban: Jadi kalau ada calon pembeli, mereka menghubungi kontak yang
tercantum pada postingan-postingan yang kita buat, jadi kita interaksi
dengan pelanggan melalui Whatsapp, Sms, ataupun melalui telepon;
Bagaimana proses apabila ingin melihat data penjualan?

Jawaban: Setiap pelanggan yang sudah melakukan transaksi pembelian data-
datanya kita rekap di Ms. Excel dari mulai data produk yang dibeli dan
juga data dari pelanggan itu sendiri;
Bagaimana proses apabila ingin melihat data keuangan?

Jawaban: Data keuangan juga kita rekap pada dokumen Ms. Excel yang sama
dengan data penjualan tadi, jadi kita rekap juga berapa uang yang masuk
dan berapa uang yang keluar pada satu dokumen yang sama dengan data
penjualan tadi;
Bagaimana proses pelaporan data penjualan pada atasan yang selama ini berjalan?
Jawaban: Untuk laporan kita bikin secara harian dan bulanan, jadi tiap hari data
penjualan kita rekap juga pada dokumen bulanan;
Bagaimana proses dari pengiriman laporan-laporan tersebut?
Jawaban: Laporan harian kita kirim setiap hari setelah selesai jam kerja, sementara
untuk yang bulanan kita kirim tiap akhir bulan, untuk ngirimnya kita via
aplikasi Telegram, jadi selain sebagai media untuk berkomunikasi, kita
pake Telegram juga untuk sharing file laporan;
Apakah perusahaan ini memiliki database sendiri?

Jawaban: Database kita ga ada yah, dokumen-dokumen yang sudah kita buat
disimpan pada folder komputer masing-masing;
Apakah ada kendala dengan pengelolaan data untuk saat ini?
Jawaban: Kendala jelas ada, misalnya saja tadi, untuk rekap data kita harus double
kan yah, terus kalau mau cari data penjualan kita harus buka file sesuai
bulan terjadinya penjualan itu, kan ribet kalau harus mencari dulu kadang
filenya juga tercecer entah dimana;
Apabila dibuatkan aplikasi untuk pengelolaan data tersebut, aplikasi seperti apa
yang bapak inginkan?
Jawaban: Ya aplikasi yang efektif dan efisien, rekap data ga perlu double, kalau
mau ngedit data mudah, buat cari data mudah juga. Aplikasinya juga
harus mudah diakses jadi mempermudah juga klo mau bikin laporan.
Lampiran 2 Dokumentasi observasi sistem yang sedang berjalan
Data pelanggan yang masuk dicatat pada noteped
Dikirim kepada admin oleh costumer services via aplikasi telegram
Costumer services membuat laporan harian sebagai rekapitulasi

Costumer services membuat laporan bulanan
Admin membuat laporan laporan harian sebagai rekapitulasi
Admin membuat laporan bulanan

Membangun Aplikasi Pencatatan Penjualan

Diunggah oleh

Informasi Dokumen

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

Membangun Aplikasi Pencatatan Penjualan

Diunggah oleh

Hak Cipta:

Format Tersedia

MEMBANGUN APLIKASI PENCATATAN PENJUALAN

BERBASIS WEB (STUDI KASUS DI CV. HADIANITA)

Karya tulis sebagai syarat memperoleh

Gelar Sarjana Komputer dari Fakultas Teknologi Informasi

Universitas Bale Bandung

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNOLOGI INFORMASI

UNIVERSITAS BALE BANDUNG