All File

RANCANG BANGUN SISTEM APLIKASI
PENJUALAN BUSANA MUSLIM PADA

PODOMORO STORE PROBOLINGGO
BERBASIS WEB
TUGAS AKHIR
OLEH
KHUSNUL ARIFIN
NIM 18.12.2256
AKADEMI MANAJEMEN INFORMATIKA DAN KOMPUTER TARUNA
AMIK TARUNA PROBOLINGGO

PROGRAM STUDI D-III SISTEM INFORMASI AKUNTANSI
SEPTEMBER 2021
RANCANG BANGUN SISTEM APLIKASI
PODOMORO STORE PROBOLINGGO
BERBASIS WEB
TUGAS AKHIR
Diajukan kepada
Akademi Manajemen Informatika dan Komputer Taruna
untuk memenuhi salah satu persyaratan dalam menyelesaikan program Diploma III
OLEH
KHUSNUL ARIFIN
NIM 18.12.2256
AMIK TARUNA PROBOLINGGO

PROGRAM STUDI D-III SISTEM INFORMASI AKUNTANSI
SEPTEMBER 2021
i
UCAPAN PERSEMBAHAN
Kupersembahkan Tugas Akhir ini untuk:

1. Almamater saya AMIK Taruna Probolinggo
2. Kedua orang tua dan keluarga saya yang selalu membimbing dan
memberikan do’a serta semangat buat saya dengan tak pernah lelah
mendidik saya untuk selalu mencari ilmu, belajar, ibadah, dan berdo’a.
3. Yang kukasihi teman serta sahabat yang telah membantu saya
menyelesaikan Tugas Akhir saya.
ii
PENGESAHAN STATUS TUGAS AKHIR
JUDUL : RANCANG BANGUN SISTEM APLIKASI PENJUALAN

BUSANA MUSLIM PADA PODOMORO STORE
PROBOLINGGO BERBASIS WEB
NAMA : KHUSNUL ARIFIN
NIM : 18.12.2256
Mengijinkan Tugas Akhir ini disimpan diperpustakaan Akademi Manajemen

Informatika dan Komputer (AMIK) Taruna Probolinggo dengan syarat – syarat
kegunaan sebagai berikut :
1. Tugas Akhir adalah hak milik AMIK Taruna Probolinggo.
2. Perpustakaan AMIK Taruna dibenarkan membuat salinan untuk tujuan
referensi.
3. Perpustakaan AMIK Taruna juga dibenarkan membuat salinan Tugas Akhir
ini sebagai bahan pertukaran antar institusi pendidikan tinggi.
Disahkan Oleh :
Khusnul Arifin Ir. Sisbiyanto, M.Pd.

Direktur
Alamat tetap :
JL. Kyai Arif No. 85, RT 04/ RW 07
Desa Sumberkedawung, Kec. Leces,
Kab. Probolinggo, Jawa Timur
Tanggal: 24 September 2021
iii
PERSETUJUAN TUGAS AKHIR

NIM : 18.12.2256
Tugas Akhir ini telah diperiksa dan disetujui untuk disidangkan dihadapan
Dewan Penguji Tugas Akhir,
Probolinggo, 1 September 2021
Ir. Bambang Hariyadi, MBA Jamal, SE., M.Kom.

Pembimbing I Pembimbing II
iv
PENGESAHAN TUGAS AKHIR

NIM : 18.12.2256
Tugas Akhir ini telah diujikan dan dipertahankan dihadapan Dewan Penguji pada
Sidang Tugas Akhir tanggal 3 September 2021.

Dewan Penguji,
Ir. Sisbiyanto, M.Pd. Heri Susanto, S.E, Kom.

Penguji I Penguji II
Yang mengesahkan,
Ir. Sisbiyanto, M.Pd.

Direktur
v
PERNYATAAN PENULIS
JUDUL : RANCANG BANGUN SISTEM APLIKASI

PODOMORO STORE PROBOLINGGO BERBASIS
WEB
NIM : 18.12.2256
PROGRAM STUDI : SISTEM INFORMASI AKUNTANSI
“Saya menyatakan dan bertanggung jawab dengan sebenarnya bahwa Tugas Akhir
ini adalah hasil karya saya sendiri kecuali cuplikan dan ringkasan yang masing-
masing telah saya jelaskan sumbernya. Apabila di kemudian hari, ada pihak lain
yang mengklaim bahwa Tugas Akhir ini sebagai karyanya, yang disertai dengan
bukti-bukti yang cukup, maka saya bersedia menerima sanksi atas perbuatan
tersebut sesuai dengan ketentuan yang berlaku.”

Yang menyatakan,
Khusnul Arifin
vi
KATA PENGANTAR
Puji syukur penulis ucapkan atas kehadirat Allah Subhanahuwata’ala yang

telah melimpahkan rahmat, taufik, serta hidayah-Nya sehingga penulis dapat
melaksanakan menyelesaikan tugas akhir ini sebagai salah satu syarat
menyelesaikan Program Diploma III di AMIK Taruna Probolinggo dengan
sebaik- baiknya.
Dengan terselesaikannya laporan tugas akhir ini diharapkan mampu
menciptakan keserasian, keselarasan dan kesesuaian antara teori dan praktik juga
antar kampus dan dunia kerja.
Penulis menyadari sepenuhnya bahwa tugas akhir ini dapat terselesaikan
berkat bantuan dari pihak baik yang secara langsung maupun tidak langsung, oleh
karena itu penulis mengucapkan rasa terimakasih yang sedalam-dalamnya kepada
pihak-pihak yang telah banyak membantu dan memberi kemudahan dalam
penyelesaian tugas akhir ini.
Pada kesempatan ini pula, penulis tak lupa menyampaikan rasa terimaksih
yang tiada terkira kepada :
1. Bapak Ir. Sisbiyanto, M.Pd., selaku Direktur Akademi Manajemen
Informatika dan Komputer (AMIK) Taruna Probolinggo.
2. Ibu Jumaiya Ningsih, selaku Pemilik Podomoro Store Probolinggo yang telah
memberikan kesempatan untuk melakukan penyelesaian tugas akhir.
3. Bapak Ir. Bambang Hariyadi, M.BA., selaku dosen pembimbing I yang telah
memberikan waktu, pengarahan dan membantu dalam menyelesaikan Tugas
Akhir ini.
4. Bapak Jamal, S.E., M.Kom., selaku dosen pembimbing II yang telah
memberikan waktu, pengarahan dan membantu dalam menyelesaikan Tugas
Akhir ini.
5. Bapak Ir. Sisbiyanto, M.Pd., selaku dosen penguji I
6. Bapak Heri Susanto, S.E., M.Kom., selaku dosen penguji II
7. Seluruh rekan-rekan mahasiswa Akademi Manajemen Informatika dan
Komputer (AMIK) Taruna probolinggo atas segala dukungan dan
bantuannya.
vii
8. Keluarga tercinta, yang telah memberi dukungan penuh kepada penulis.
9. Pihak-pihak lain yang tidak dapat kami sebutkan satu persatu yang telah
membantu baik materiil maupun spirituil sehingga laporan ini selesai tepat
pada waktunya.
Penulis menyadari bahwa tugas akhir ini jauh dari sempurna oleh karenanya
penulis mengharapkan adanya saran dan kritik yang membangun dari semua pihak
guna menyempurnakan tugas akhir ini. Besar harapan kami bahwa laporan tugas
akhir ini dappat bermanfaat bagi kita semua, Aamiin.
Probolinggo, September 2021
Penulis
viii
ABSTRAK
Ilmu pengetahuan dan teknologi berkembang sangat pesat, hal ini

menghasilkan perkembangan baru kearah yang lebih baik. Salah satu bidang
pengetahuan yang berkembang sangat pesat saat ini adalah internet. Saat ini
teknologi internet sangat mudah diakses hampir di seluruh penjuru dunia dan
semua kalangan bisa menikmatinya mulai dari anak-anak sampai orang dewasa.
Kemudahan mengakses inilah yang menjadikan internet sebagai sarana
pemenuhan kebutuhan informasi yang utama. Kehadiran teknologi internet pada
dunia global saat ini memberikan dampak yang sangat besar untuk segala bidang,
salah satunya bidang penjualan. Banyak sekali perusahaan atau badan usaha yang
memanfaatkan media website untuk melakukan penjualan ataupun promosi atas
produknya.
Podomoro Store adalah sebuah badan usaha yang bergerak di bidang
penjualan busana muslim wanita dan jilbab, yang terletak di Jl. Raya Leces No.01,
Krajan II, Sumberkedawung, Kec. Leces, Probolinggo. Kebutuhan busana muslim
terus meningkat, dikarenakan mayoritas penduduk Indonesia adalah muslim.
Selama ini penjualan masih menggunakan media tatap muka yaitu kegiatan
transaksi antara penjual dan pembeli dilakukan dengan datang langsung ke
Podomoro Store. Hal ini akan menjadi masalah bagi pembeli yang menyukai
berbelanja dari rumah. Selain permasalahan tersebut, setiap terjadi transaksi
penjualan di Podomoro Store tidak dilakukan pencatatan, dan pencatatan hanya
dilakukan pada saat pembeli ingin melakukan Pre-Order. Sehingga pemilik
mengalami kesulitan dalam merekap transaksi dan memeriksa persediaan di
Podomoro Store.
Rumusan masalahnya adalah bagaimana Prodomoro Store mampu
menjaring banyak pembeli yang senang belanja online melalui website dan
mempermudah pemilik dalam mengolah data?
Dalam hal inilah peneliti bertujuan untuk membuat Prodomoro Store
mampu menjaring banyak pembeli yang senang belanja online melalui website
dan mempermudah pemilik dalam mengolah data.
Kesimpulan dari tugas akhir ini yaitu (1) dengan rancang bangun sistem
informasi penjualan busana muslim berbasis web pada Podomoro Store
Probolinggo, mempermudah pelanggan dalam berbelanja online. (2) dan pemilik
tidak kesusahan dalam mengolah data.
Dengan adanya kesimpulan tersebut maka saran yang diberikan yaitu : (1)
Dalam pengembangan selanjutnya, disarankan bagi siapa saja yang akan
meneruskan sistem informasi penjualan ini dapat menambahkan fasilitas-fasilitas
ataupun suatu alat yang sekiranya menunjang untuk kelancaran dalam proses
informasi penjualan, seperti penambahan fasilitas program yang memadai. (2)
Perlu adanya pengembangan dan pemeliharaan yang lebih baik lagi terhadap
sistem penjualan yang telah dibuat, sehingga sistem ini dapat dipergunakan sesuai
dengan kebutuhan.
Kata Kunci : Penjualan Gamis Online Podomoro Store
ix
DAFTAR ISI
Halaman
HALAMAN JUDUL...............................................................................................i
UCAPAN PERSEMBAHAN.................................................................................ii
LEMBAR PENGESAHAN STATUS..................................................................iii
LEMBAR PERSETUJUAN.................................................................................iv
LEMBAR PENGESAHAN...................................................................................v
LEMBAR PERNYATAAN PENULIS................................................................vi
KATA PENGANTAR..........................................................................................vii
ABSTRAK.............................................................................................................ix
DAFTAR ISI...........................................................................................................x
DAFTAR TABEL...............................................................................................xiv
DAFTAR GAMBAR............................................................................................xv
DAFTAR LAMPIRAN.....................................................................................xviii
BAB I PENDAHULUAN.......................................................................................1
1.1 Latar Belakang Masalah........................................................................1
1.2 Rumusan Masalah.................................................................................2
1.3 Tujuan Penelitian...................................................................................2
1.4 Ruang Lingkup Penelitian.....................................................................2
1.5 Metodologi Penelitian...........................................................................3
1.6 Kerangka Berpikir.................................................................................4
1.7 Jadwal Penelitian...................................................................................5
1.8 Definisi Istilah.......................................................................................5
BAB II LANDASAN TEORI................................................................................9

2.1. Profil......................................................................................................9
2.2. Prosedur sistem yang ada saat ini........................................................11
2.3. Pengertian Pembelian..........................................................................12
2.4. Return Pembelian................................................................................12
x
2.5. Pengertian Penjualan...........................................................................13
2.6. Pengertian Persediaan..........................................................................13
2.7. Pengertian Sistem................................................................................16
2.8. Pengertian Data...................................................................................18
2.9. Perangkat Lunak Pendukung...............................................................18
2.9.1 XAMPP...................................................................................18
2.9.2 PHP..........................................................................................19
2.9.3 PHP dan Database...................................................................20
2.9.4 MySQL....................................................................................20
2.9.5 HTML......................................................................................21
2.9.6 CSS..........................................................................................22
2.9.7 JavaScript................................................................................22
2.9.8 JQuery......................................................................................23
2.9.9 Bootstrap..................................................................................23
2.9.10 CodeIgniter (CI)......................................................................23
2.9.11 Sublime Text...........................................................................24
2.10 Analisis Perancangan Sistem..............................................................24
2.10.1 Struktur Organisasi Terkait dan Key User..............................24
2.10.2 Proses-Proses Dalam Sistem...................................................25
2.10.3 Daftar Laporan.........................................................................25
2.10.4 Diagram Alir Sistem (DAS)....................................................25
2.10.5 Diagram Alir Data (DAD).......................................................27
2.10.6 Kamus Data.............................................................................27
2.10.7 Spesifikasi Proses....................................................................28
2.10.8 Perancangan Antar Muka........................................................29
BAB III ANALISI DAN PERANCANGAN SISTEM......................................30

3.1 Analisis Sistem....................................................................................30
3.1.1 Prosedur Sistem Yang Akan Dibangun...................................30
3.1.2 Struktur Organisasi Terkait Dengan Key User........................31
3.1.3 Daftar Aktifitas........................................................................32
3.1.4 Proses-Proses Dalam Sistem...................................................32
xi
3.1.5 Daftar Laporan-Laporan Dalam Sistem..................................33
3.1.6 Diagram Alir Sistem................................................................34
3.2 Perancangan Sistem.............................................................................37
3.2.1 Diagram Alir Data...................................................................37
3.2.1.1 Diagram Konteks (DAD Level 0).............................38
3.2.1.2 Diagram Berjenjang..................................................38
3.2.1.3 Diagram Alir Data Level 1........................................39
3.2.1.4 Diagram Alir Data Level 2........................................40
3.2.1.5 Kamus Data...............................................................41
3.2.1.6 Proses Spesifikasi......................................................44
3.2.1.7 Perancangan Antar Muka..........................................48
BAB IV IMPLEMENTASI SISTEM.................................................................60

4.1. Spesifikasi Perangkat Keras (Hardware).............................................60
4.2. Spesifikasi Perangkat Lunak (Software).............................................60
4.3. Implementasi Program........................................................................60
4.3.1 Tampilan Home.......................................................................61
4.3.2 Tampilan Select Login............................................................62
4.3.3 Tampilan Registration User.....................................................62
4.3.4 Tampilan Login User...............................................................63
4.3.5 Tampilan Home Setelah Login................................................63
4.3.6 Tampilan Detail Product..........................................................64
4.3.7 Tampilan Cart Product............................................................64
4.3.8 Tampilan Checkout Product....................................................65
4.3.9 Tampilan Token Pemesanan....................................................65
4.3.10 Tampilan Riwayat Belanja.......................................................66
4.3.11 Tampilan Login Admin............................................................66
4.3.12 Tampilan Dashboard Admin....................................................67
4.3.13 Tampilan Daftar Barang...........................................................67
4.3.14 Tampilan Detail Barang...........................................................68
4.3.15 Tampilan Tambah Data Barang...............................................68
4.3.16 Tampilan Edit Barang..............................................................69
xii
4.3.17 Tampilan Daftar Supplier.........................................................69
4.3.18 Tampilan Detail Supplier.........................................................70
4.3.19 Tambah Data Supplier..............................................................70
4.3.20 Tampilan Edit Supplier............................................................71
4.3.21 Tampilan Daftar Pelanggan......................................................71
4.3.22 Tampilan Detail Pelanggan......................................................72
4.3.23 Tampilan Pembelian.................................................................72
4.3.24 Tampilan Beli Product.............................................................73
4.3.25 Tampilan Return Pembelian.....................................................73
4.3.26 Tampilan Return Beli Product..................................................74
4.3.27 Tampilan Struk Return Pembelian...........................................74
4.3.28 Tampilan Penjualan..................................................................75
4.3.29 Tampilan Jual Product..............................................................75
4.3.30 Tampilan Struk Penjualan........................................................76
4.3.31 Tampilan Konfirmasi Pembayaran...........................................76
4.3.32 Tampilan Filter Laporan Pembelian.........................................77
4.3.33 Tampilan Laporan Rekap Pembelian.......................................77
4.3.34 Tampilan Filter Laporan Return Pembelian.............................78
4.3.35 Tampilan Laporan Rekap Return Pembelian...........................78
4.3.36 Tampilan Filter Laporan Penjualan..........................................79
4.3.37 Tampilan Laporan Rekap Penjualan........................................79
BAB V PENUTUP................................................................................................80
5.1. Kesimpulan..........................................................................................80
5.2. Saran....................................................................................................80
DAFTAR PUSTAKA...........................................................................................81
LAMPIRAN..........................................................................................................83
xiii
DAFTAR TABEL
Tabel Halaman
1.1 Jadwal Penelitian Penulis...................................................................................5
2.1 Simbol-Simbol Dalam Bagan Alir...................................................................25
3.1 Daftar Aktivitas................................................................................................32
3.2 Tabel Proses.....................................................................................................33
3.3 Tabel Laporan..................................................................................................33
3.4 Kamus Data Master Barang.............................................................................42
3.5 Kamus Data Master Supplier...........................................................................42
3.6 Kamus Data Master Pelanggan.......................................................................43
3.7 Kamus Data Transaksi Pembelian...................................................................43
3.8 Kamus Data Transksi Return Pembelian.........................................................43
3.9 Kamus Data Transksi Penjualan......................................................................44
3.10 Proses Spesifikasi Master Barang..................................................................45
3.11 Proses Spesifikasi Master Supplier................................................................45
3.12 Proses Spesifikasi Master Pelanggan.............................................................46
3.13 Proses Spesifikasi Transaksi Pembelian........................................................46
3.14 Proses Spesifikasi Transaksi Return Pembelian............................................47
3.15 Proses Spesifikasi Transaksi Penjualan.........................................................47
xiv
DAFTAR GAMBAR
Gambar Halaman
1.1 Kerangka Berpikir..............................................................................................4
2.1 Denah Lokasi Podomoro Store........................................................................10
2.2 Prosedur Saat Ini Podomoro Store...................................................................11
3.1 Prosedur yang Akan Dibangun Podomoro Store.............................................31
3.2 Struktur Organisasi Terkait Key User..............................................................32
3.3 Diagram Header Swimlane..............................................................................35
3.4 Proses Dalam Diagram Header........................................................................36
3.5 Laporan Dalam Diagram Header Swinlane.....................................................36
3.6 Diagram Alir Sistem (DAS).............................................................................37
3.7 Diagram Alir Sistem (DAS) Lanjutan..............................................................38
3.8 Diagram Alir Data (DAD) Level 0..................................................................39
3.9 Diagram Berjenjang (sitemap).........................................................................40
3.10 Diagram Alir Data (DAD) Level 1................................................................40
3.11 Diagram Alir Data (DAD) Level 2 Master....................................................41
3.12 Diagram Alir Data (DAD) Level 2 Proses.....................................................42
3.13 Diagram Alir Data (DAD) Level 2 Laporan..................................................42
3.14 Interface Home...............................................................................................49
3.15 Interface Select Login....................................................................................50
3.16 Interface Registration User............................................................................50
3.17 Interface Login User......................................................................................50
3.18 Interface Home Setelah Login.......................................................................51
3.19 Interface Detail Product.................................................................................51
3.20 Interface Cart Product....................................................................................51
3.21 Interface Checkout Product............................................................................52
3.22 Interface Token Pemesanan...........................................................................52
3.23 Interface Riwayat Belanja..............................................................................52
3.24 Interface Dashboard Admin...........................................................................53
3.25 Interface Daftar Barang..................................................................................53
xv
3.26 Interface Detail Barang..................................................................................53
3.27 Interface Tambah Data...................................................................................54
3.28 Interface Edit Barang.....................................................................................54
3.29 Interface Daftar Supplier................................................................................54
3.30 Interface Detail Supplier................................................................................55
3.31 Interface Tambah...........................................................................................55
3.32 Interface Edit Supplier...................................................................................55
3.33 Interface Daftar Pelanggan.............................................................................56
3.34 Interface Detail Pelanggan.............................................................................56
3.35 Interface Pembelian........................................................................................56
3.36 Interface Beli Product....................................................................................57
3.37 Interface Struk Pembelian..............................................................................57
3.38 Interface Return Pembelian............................................................................57
3.39 Interface Return Beli Product.........................................................................58
3.40 Interface Struk Return Pembelian..................................................................58
3.41 Interface Penjualan.........................................................................................58
3.42 Interface Jual Product.....................................................................................59
3.43 Interface Struk Penjualan...............................................................................59
3.44 Interface Konfirmasi Pembayaran..................................................................59
3.45 Interface Laporan Pembelian.........................................................................60
3.46 Interface Laporan Return Pembelian.............................................................60
3.47 Interface Laporan Penjualan..........................................................................60
4.1 Tampilan Home................................................................................................61
4.2 Tampilan Select Login.....................................................................................62
4.3 Tampilan Registration User.............................................................................62
4.4 Tampilan Login User.......................................................................................63
4.5 Tampilan Home Setelah Login........................................................................63
4.6 Tampilan Detail Product..................................................................................64
4.7 Tampilan Cart Product.....................................................................................64
4.8 Tampilan Checkout Product.............................................................................65
4.9 Tampilan Token Pemesanan............................................................................65
4.10 Tampilan Riwayat Belanja.............................................................................66
xvi
4.11 Tampilan Login Admin..................................................................................66
4.12 Tampilan Dashboard Admin..........................................................................67
4.13 Tampilan Daftar Barang.................................................................................67
4.14 Tampilan Detail Barang.................................................................................68
4.15 Tampilan Tambah Barang..............................................................................68
4.16 Tampilan Edit Barang....................................................................................69
4.17 Tampilan Daftar Supplier...............................................................................69
4.18 Tampilan Detail Supplier...............................................................................70
4.19 Tampilan Tambah Supplier............................................................................70
4.20 Tampilan Edit Supplier..................................................................................71
4.21 Tampilan Daftar Pelanggan............................................................................71
4.22 Tampilan Detail Pelanggan............................................................................72
4.23 Tampilan Pembelian.......................................................................................72
4.24 Tampilan Beli Product...................................................................................73
4.25 Tampilan Return Pembelian...........................................................................73
4.26 Tampilan Return Beli.....................................................................................74
4.27 Tampilan Struk Return Pembelian.................................................................74
4.28 Tampilan Penjualan........................................................................................75
4.29 Tampilan Jual Product....................................................................................75
4.30 Tampilan Struk Penjualan..............................................................................76
4.31 Tampilan Konfirmasi Pembayaran................................................................76
4.32 Tampilan Filter Laporan Pembelian...............................................................77
4.33 Tampilan Laporan Rekap Pembelian.............................................................77
4.34 Tampilan Filter Laporan Return Pembelian...................................................78
4.35 Tampilan Laporan Rekap Return Pembelian.................................................78
4.36 Tampilan Filter Laporan Penjualan................................................................79
4.37 Tampilan Laporan Rekap Penjualan..............................................................79
xvii
DAFTAR LAMPIRAN
Lampiran Halaman
Lampiran 1 : Surat Permohonan Observasi Data/Sistem.......................................84
Lampiran 2 : Surat Balasan Observasi Data/Sistem..............................................85
Lampiran 3 : Berita Acara Pembimbing 1.............................................................86
Lampiran 4 : Berita Acara Pembimbing 2.............................................................87
xviii
BAB I
PENDAHULUAN
1.1 Latar Belakang

Ilmu pengetahuan dan teknologi berkembang sangat pesat, hal ini
menghasilkan perkembangan baru kearah yang lebih baik. Salah satu bidang
pengetahuan yang berkembang sangat pesat saat ini adalah internet. Saat ini
teknologi internet sangat mudah diakses hampir di seluruh penjuru dunia dan
semua kalangan bisa menikmatinya mulai dari anak-anak sampai orang dewasa.
Kemudahan mengakses inilah yang menjadikan internet sebagai sarana
pemenuhan kebutuhan informasi yang utama. Kehadiran teknologi internet pada
dunia global saat ini memberikan dampak yang sangat besar untuk segala bidang,
salah satunya bidang penjualan. Banyak sekali perusahaan atau badan usaha yang
memanfaatkan media website untuk melakukan penjualan ataupun promosi atas
produknya.
Podomoro Store adalah sebuah badan usaha yang bergerak di bidang
penjualan busana muslim wanita dan jilbab, yang terletak di Jl. Raya Leces No.01,
Krajan II, Sumberkedawung, Kec. Leces, Probolinggo. Kebutuhan busana muslim
terus meningkat, dikarenakan mayoritas penduduk Indonesia adalah muslim.
Selama ini penjualan masih menggunakan media tatap muka yaitu kegiatan
transaksi antara penjual dan pembeli dilakukan dengan datang langsung ke
Podomoro Store. Hal ini bukan jadi masalah bagi pembeli yang menyukai belanja
dengan langsung datang ke tempat, akan tetapi hal ini membuat pembeli yang
tidak suka keluar rumah merasa kurang efektif dalam berbelanja. Selain
permasalahan tersebut, setiap terjadi transaksi penjualan di Podomoro Store tidak
dilakukan pencatatan, dan pencatatan hanya dilakukan pada saat pembeli ingin
melakukan Pre-Order. Sehingga pemilik mengalami kesulitan dalam merekap
transaksi dan memeriksa persediaan di Podomoro Store.
Demi mempermudah pembeli yang senang belanja dari rumah dan juga
pemilik dalam mengolah data, Podomoro Store ingin membuat sebuah sistem
penjualan yang praktis dan cepat. Untuk itu penulis ingin membuat sistem
1
penjualan menggunakan perangkat website. Dengan sistem ini diharapkan
pembeli dapat langsung melakukan transaksi pemesanan secara online dari rumah.
Pembeli dapat mengetahui barang apa saja yang ada di Podomoro Strore, melihat
detail barang, dan memesan barang. Dengan memanfaatkan media ini diharapkan
dapat menguntungkan kedua belah pihak yaitu pembeli dan pemilik Podomoro
Store.
Berdasarkan uraian di atas, penulis mempunyai gagasan untuk mengangkat
permasalahan tersebut dalam penelitian yang berjudul “RANCANG BANGUN
SISTEM APLIKASI PENJUALAN BUSANA MUSLIM PADA
PODOMORO STORE PROBOLINGGO BERBASIS WEB”.
1.2 Rumusan Masalah

Berdasarkan Latar belakang di atas, maka permasalahan yang akan
dibahas/diteliti dalam Tugas Akhir ini sebagai berikut :
1. Bagaimana Podomoro Store memfasilitasi pelanggan agar mudah saat
berbelanja online.
2. Bagaimana cara mempermudah pemilik dalam mengolah data.
1.3 Tujuan Penelitian

Tujuan penyusunan Tugas Akhir ini adalah :
1. Prodomoro Store dapat memfasilitasi pelanggan agar mudah saat
berbelanja online.
2. Memberikan kemudahan pada pemilik dalam mengolah data, mulai dari
data master, transaksi, dan laporan.
1.4 Ruang Lingkup Penelitian

Ruang lingkup yang menjadi batasan masalah dalam proyek Tugas Akhir
yang dibuat oleh Penulis :
1.4.1 Area Observasi
Observasi Tugas Akhir dilaksanakan di Podomoro Store yang beralamatkan
Jl. Raya Leces No.01, Krajan II, Sumberkedawung, Kec. Leces, Probolinggo,
Jawa Timur 67273.
2
1.4.2 Tema Observasi
Tema Observasi adalah Rancang Bangun Sistem Aplikasi Penjualan Busana
Muslim Pada Podomoro Store Probolinggo Berbasis Web.
1.4.3 Bahasa Pemprograman
Bahasa pemrograman yang digunakan penulis pada penyusunan tugas akhir
ini yaitu PHP (Hypertext Prepocessor) dan menggunakan data base MY SQL.
1.5 Metodologi Penelitian

Metodologi yang digunakan dalam pembuatan laporan Tugas Akhir (TA) dan
pembuatan sistem ini meliputi:
1.5.1 Metode Pengumpulan Data
1. Studi Pustaka
Usaha yang dilakukan Penulis untuk menghimpun informasi yang terkait
degan penelitian dan pembuatan aplikasi pada penyusunan Tugas Akhir. Literatur
yang terkait dengan sistem pelaksanaan tugas akhir dan bahasa pemrograman PHP
dan My SQL baik dari buku panduan dan dari internet.
2. Wawancara
Metode pengumpulan data dengan melakukan tatap muka langsung terhadap
orang yang berkaitan dengan studi kasus, dalam hal ini penulis melakukan
percakapan dengan Jumaiya Ningsih (Maya) sebagai pemilik dari Podomoro
Store.
3. Studi Lapangan
Teknik pengumpulan data dimana penulis meninjau langsung tempat
observasi dan melihat bagaimana proses transaksi di Podomoro Store.
4. Studi Dokumentasi
Pengamatan secara tidak langsung terhadap objek penelitian dengan cara
mengumpulkan dan mempelajari dokumen-dokumen berupa pencatatan proses Pre
Order di Podomoro Store.
1.5.2 Metode Pengembangan Sistem
Metode yang digunakan pada pengembangan perangkat lunak ini
menggunakan waterfall. Waterfall merupakan model yang membangun perangkat
lunak berdasarkan Daur Hidup Perangkat Lunak (SDLC), yaitu model yang
3
mempunyai struktur yang dimulai dari perencanaan, analisis, design dan
implementasi.
1.6 Kerangka Berpikir
Mulai
Observasi
Analisis Masalah
Pengumpulan Data:
Metode Observasi
Metode Interview
Metode Pustaka
Analisis Sistem
Perancangan Sistem
Pembuatan Aplikasi
Testing Aplikasi
Revisi Tidak Sesuai ?
Iya
Implementasi Aplikasi
Hasil
Selesai
Gambar 1.1 Kerangka Berpikir
4
1.7 Jadwal Penelitian
Berikut jadwal penelitian yang dilakukan oleh penulis :
Tabel 1.1 Jadwal Penelitian Penulis

2021
Maret
April
Mei
Juni
Juli
Agustus
September
No. Kegiatan
1. Tahap Persiapan Penelitian

a. Perijinan Penelitian
b. Penyusunan dan Pengajuan
Judul TA
2. Tahap Pelaksanaan
Pengumpulan Data
a. Analisis Data
b. Perancangan Sistem
c. Pembuatan Aplikasi
d. Pengujian Aplikasi
e. Penerapan Aplikasi
3. Tahap penyusunan Laporan TA
1.8 Definisi Istilah

Adapun istilah yang dipakai dalam penulisan tugas Akhir adalah sebagai
berikut:
1. Podomoro Store
Sebuah usaha yang bergerak dalam bidang penjualan gamis syar’i dan jilbab
yang pemiliknya bernama Jumaiya Ningsih (Maya).
2. Pembelian
Kegiatan yang dilakukan untuk pengadaan barang yang dibutuhkan
perusahaan dalam menjalankan usahanya dimulai dari pemilihan sumber sampai
memperoleh barang.
5
3. Penjualan
Kegiatan berupa menjual barang atau jasa yang dilakukan oleh dua belah
pihak yaitu penjual dan pembeli yang dapat dilakukan baik secara tunai maupun
secara kredit, online maupun secara langsung.
4. Persediaan
Barang-barang yang disediakan dengan tujuan untuk dijual kembali kepada
para konsumen dan digunakan untuk mencatat harga pokok barang dagang selama
periode tertentu.
5. Sistem
Suatu kesatuan yang terdiri dari komponen atau unsur-unsur yang
dihubungkan bersama untuk memudahkan aliran informasi, materi atau energy
untuk mencapai suatu tujuan.
6. Data
Fakta yang dapat disimpan dan mempunyai arti tertentu.
7. Informasi
Data yang diolah menjadi bentuk yang berguna untuk membuat keputusan.
8. Pengolahan Data
Serangkaian kegiatan dalam mengolah, menyimpan serta memodifikasi data
sehingga menjadi sebuah informasi yang berguna bagi pihak yang membutuhkan.
9. Admin
Kependekan dari administrator yang akan mengolah suatu server, web dan
database.
10. User
Pengguna atau pemakai yang berhubungan langsung dengan komputer.
11. Password
Kode unik yang bersifat pribadi, yang digunakan untuk kunci masuk ke
dalam sebuah aplikasi.
12. Login
Proses untuk mengakses aplikasi dengan memasukkan identitas.
6
13. PHP
PHP merupakan singkatan dari PHP Hypertext Preprocessor. PHP
merupakan bahasa pemrograman skrip yang diletakkan dalam server yang biasa
digunakan untuk membuat aplikasi web yang bersifat dinamis.
14. HTML
HTML (HyperText Markup Language) dikenal sebagai bahasa kode berbasis
teks untuk membuat sebuah halaman web.
15. CSS
CSS kepanjangan dari Cascading Style Sheet adalah bahasa-bahasa yang
merepresentasikan halaman web. Seperti warna, layout, dan font.
16. JavaScript
JavaScript adalah bahasa pemrograman web yang bersifat Client Side
Programming Language. Client Side Programming Language adalah tipe bahasa
pemrograman yang pemrosesannya dilakukan oleh client.
17. MySQL
MySQL adalah salah satu jenis database server yang sangat populer, hal ini
disebabkan karena MySQL menggunakan SQL sebagai bahasa dasar untuk
mengakses databasenya.
18. Entry
Proses memasukkan data ke dalam database
19. Database
Kumpulan informasi yang disimpan di dalam komputer secara sistematik
sehingga dapat diperiksa menggunakan suatu program komputer untuk
memperoleh informasi dari basis data tersebut.
20. Form
Sebuah objek yang digunakan untuk mengolah data table / sebagai dasar
rancangan tampilan aplikasi dalam bentuk yang dapat dimengerti oleh pengguna.
21. Table
Kumpulan record sejenis yang mempunyai panjang elemen yang sama atau
field yang sama namun berbeda data valuenya.
7
22. Record
Kumpulan field-field yang saling mendukung yang menggambarkan suatu
unit tertentu.
23. Field
Suatu atribut dari record yang menunjukkan suatu item dari data atau
informasi.
24. Report
Kegiatan menampilkan dan meringkas data dalam format cetakan baik ke
printer maupun cetakan ke layar.
8
BAB II
LANDASAN TEORI
2.1 Profil
Podomoro Store didirikan oleh Jumaiya Ningsih atau yang sering disapa
dengan Ibu Maya pada Tahun 2015. Pada awalnya beliau hanya coba-coba untuk
menjual busana muslim, bermula dari hobi kemudian dikembangkan menjadi
bisnis yang menghasilkan uang. Ide ini didapatkan karena Ibu Maya pernah
membaca artikel yang didalamnya memuat kalimat motivasi “Kerja yang paling
menyenangkan adalah hobi yang dibayar” yang menjadikan Ibu Maya berani
untuk menjual produk busana muslim. Pada mulanya produk busana muslim di
sekitar tempat tinggal masih sepi dan dari sini beliau mulai untuk membuka bisnis
ini. Orang sekitar yang berjilbab di sekitar daerah tempat tinggal dianggap sebelah
mata, maka dari itu Ibu Maya ingin mengubah pemikiran masyarakat tentang
jilbab dan busana muslim, bagaimana dengan menggunakan busana muslim tetap
terlihat anggun dan modis bagi kaum hawa.
Podomoro Store, nama ini diambil karena dalam bahasa jawa memiliki arti
”Pada datang”, dengan harapan banyak pelanggan yang berdatangan dan dikenal
banyak orang, sehingga dipilihlah nama Podomoro Store sebagai nama usaha
butik tersebut. Podomoro Store lebih dikhususkan untuk menjual produk-produk
busana muslim. Produk busana muslim yang dijual lebih memfokuskan untuk
perempuan muslimah khususnya ibu-ibu. Sebagai media promosi Ibu Maya
memilih memasarkan produk tersebut kepada teman-teman dekat Ibu Maya yang
kemudian melalui mulut ke mulut membantu memasarkan produk tersebut.
Seiring dengan perkembangan zaman yang semakin modern banyak toko busana
muslim yang menjadi pesaing bagi Podomoro Store yang menuntut Podomoro
Store untuk selalu memberikan terobosan baru dan mengikuti tren yang ada dalam
masyarakat agar dapat bersaing dengan Butik busana muslim lainnya. Dengan
alasan untuk memperkuat media penjualan Ibu Maya mulai untuk memasarkan
produk-produk secara online melalui facebook, instagram dan whatsapp.
Dengan menggunakan
9
media sosial Podomoro Store dapat dikenal oleh masayarakat luas. Zaman yang
semakin modern dan canggih, pemasaran melalui media sosial jadi semakin
mudah dan praktis tanpa harus mengeluarkan biaya yang besar.
Podomoro Store merupakan salah satu penjual busana muslim yang
memiliki konsumen yang banyak di daerah Probolinggo. Produk yang dijual Butik
Podomoro Store memiliki kualitas yang baik dan tidak pasaran, sehingga banyak
menarik minat pembeli dan kemudian para pembeli menjadi berlangganan pada
Podomoro Store, sehingga dari segi konsumen Podomoro Store memiliki
pelanggan tetap. Kualitas yang terjaga membuat Podomoro Store masih ramai
konsumen. Podomoro Store ingin mengubah pemikiran masyarakat sekitar
meskipun tampil dengan busana muslim tetap terlihat modis dan trendy seperti
memakai pakaian biasa.
Podomoro Store lebih memprioritaskan penjualan produk busana muslim,
Ibu Maya menjelaskan karena telah menjadi hobi dalam mengoleksi dan memakai
busana muslim, jadi Ibu Maya semakin paham mengenai apa saja yang
dibutuhkan agar busana muslim yang ia tekuni dapat bertahan sesuai dengan
perkembangan zaman.
Podomoro Store berlokasi di Jl. Raya Leces No.01, Krajan II,
Sumberkedawung, Kec. Leces, Probolinggo, Jawa Timur 67273. Nomer telepon/
whatsapp 082244444624. Untuk info lainnya yaitu melalui medsos Instagram:
grosir.gamis.syari, Fb: Maya Harianto.
Sumber: Google Maps

Gambar 2.1 Denah Lokasi Podomoro Store
10
2.2 Prosedur Sistem yang Ada Saat Ini
Penjualan Pembelian
Pelanggan Pemilik Supplier Pemilik
Mulai
Mulai
Memilih Barang Bayar Barang datang
Selesai Pengecekan
Barang
Tidak
Sesuai ?
Iya
Bayar
Selesai
Gambar 2.2 Prosedur Saat Ini Podomoro Store
Narasi Prosedur yang ada saat ini :

 Pemilik melakukan pembelian barang kepada supplier. Setelah barang
datang kemudian di cek apakah barang sesuai dengan yang dipesan, dan
apakah barang tersebut ada yang cacat atau tidak. Jika sudah sesuai maka
dilakukan pembayaran dan mendapatkan nota pembelian, jika sebaliknya
maka barang akan dikembalikan ke supplier. dan proses tersebut tidak
dicatat oleh pemilik, mulai dari data barang, pembelian dan return
pembelian.
 Dalam proses penjualan, pembeli memulai dengan memilih barang, setelah
memilih barang selesai kemudian membayar kepada pemilik. Dalam proses
11
ini pemilik tidak mencatat data penjualan dan tidak memberikan nota
penjualan kepada pembeli.
 Dari proses pembelian, return pembelian, dan penjualan, pemilik tidak
melakukan perhitungan stok barang. dan saat akan menghitungnya hanya
menggunakan perhitungan fisik, yaitu menghitung jumlah barang secara
manual.
2.3 Pengertian Pembelian

Prosedur pembelian adalah urutan-urutan dari kegiatan pembelian yang
dilaksanakan melalui beberapa bagian dalam perusahaan. Bagian bagian yang
terkait dalam prosedur ini adalah bagian pembelian, penerimaan barang, hutang
dan gudang. [13]
Pembelian adalah akun yang digunakan untuk mencatat semua pembelian
barang dagang dalam suatu periode. [16]
Jadi dari beberapa definisi pembelian diatas dapat disimpulkan bahwa
prosedur pembelian merupakan rangkaian-rangkaian kegiatan yang dilakukan
untuk pengadaan barang yang dibutuhkan perusahaan dalam menjalankan
usahanya dimulai dari pemilihan sumber sampai memperoleh barang.
Ada dua jenis pembelian berdasarkan transaksi: [13]
1. Transaksi pembelian tunai adalah jenis transaksi dimana pembayarannya
dilakukan secara langsung pada saat barang diterima.
2. Transaksi pembelian kredit adalah jenis transaksi dimana pembayarannya
tidak dilakukan secara langsung pada saat barang diterima, tetapi dilakukan
selang beberapa waktu setelah barang diterima, sesuai perjanjian kedua
belah pihak.
2.4 Return Pembelian

Sistem return pembelian dalam perusahaan untuk pengembalian barang
yang sudah dibeli kepada pemasoknya. Barang yang sudah diterima pemasok
terkadang tidak sesuai dengan barang yang dipesan menurut surat order
pembelian. Ketidaksesuaian itu terjadi kemungkinan karena barang yang diterima
tidak cocok dengan spesifikasi yang tercantum dalam surat order pembelian,
barang mengalami
12
kerusakan dalam pengiriman, atau barang yang diterima melewati tanggal
pengiriman yang dijalankan oleh pemasok. [13]
2.5 Pengertian Penjualan

Dalam suatu perusahaan dagang maupun jasa, tidak terlepas dari adanya
kegiatan yang bertujuan untuk mendapatkan laba bagi perusahaan. Kegiatan yang
tujuannya mendapatkan laba dalam suatu perusahaan didapat dari proses
penjualan yang dilakukan perusahaan. Adapun pengertian penjualan dapat dilihat
dari beberapa pendapat berikut ini, yaitu :
Penjualan adalah kegitan berupa menjual barang dan jasa, baik dilakukan
secara kredit maupun secara tunai. [13]
Dari pengertian penjualan diatas dapat disimpulkan bahwa Penjualan
merupakan kegiatan berupa menjual barang dan jasa yang dilakukan antara dua
belah pihak (pembeli dan penjual) yang dapat dilakukan baik secara tunai maupun
secara kredit.
2.6 Pengertian Persediaan

2.6.1 Pengertian Persediaan
Persediaan pada perusahaan dagang adalah barang-barang yang dimiliki
untuk dijual dalam kegiatan normal perusahaan. [19]
Pengertian persediaan dalam hal ini merupakan suatu aktiva yang meliputi
barang-barang perusahaan dengan maksud untuk dijual dalam suatu periode usaha
tertentu, atau persediaan barang masih dalam pengerjaan/proses produksi ataupun
persediaan barang baku yang masih menunggu penggunaannya suatu proses
produksi. [15]
Persediaan barang dagang adalah elemen yang sangat penting dalam
penentuan harga pokok penjualan pada perusahaan dagang eceran walaupun
perusahaan dagang partai besar. [6]
Berdasarkan dari definisi diatas dapat disimpulkan bahwa, definisi dari
persediaan adalah proses pencatatan, pengidentivikasian bukti-bukti transaksi
masuk dan keluar barang yang dimiliki oleh perusahaan yang siap untuk dijul
13
kembali dalam kegiatan normal, perusahaan atau barang yang di proses lebih dulu
menjadi barang jadi atau setengah jadi dan kemudian dijual.
2.6.2 Metode Pencatatan Persediaan
Ada dua macam metode pencatatan persediaan yaitu : [13]
a) Metode Mutasi Persediaan (Perpetual Inventory Method)
Disebut sistem perpetual karena pencatatan akuntansinya dilakukan secara
kontinyu (perpetual) baik untuk pencatatan jumlahnya maupun biayanya atau
harga pokoknya. Dengan demikian jumlah maupun biaya persediaan dapat
diketahui setiap saat. Sistem ini seringkali diterapkan oleh perusahaan yang
menjual barang dagangan dengan harga per unit relatif mahal dan setiap unit
barang dimungkinkan memiliki variasi spesifikasi sesuai dengan keinginan
konsumen. Contoh perusahaan yang menerapkan misalnya perusahaan mobil,
perusahaan pesawat terbang, mebel, dan peralatan rumah tangga. Sistem perpetual
ini juga bisa diterapkan oleh perusahaan selain yang dicontohkan di atas dikarena
penggunaan wide spreadsheet yang disediakan oleh komputer dan penggunaan
scanner untuk mengidentifikasi setiap item persediaan.
Perlakuan akuntansi untuk sistem pencatatan persediaan perpetual adalah
sebagai berikut:
a. Pembelian barang dagangan akan di debit pada akun persediaan.
b. Beban angkut pembelian akan di debit pada akun persediaan.
c. Return pembelian akan di kredit ke akun persediaan.
d. Potongan pembelian akan di kredit ke akun persediaan.
e. Beban pokok penjualan atau harga pokok penjualan (Cost of Good Sold) diakui
bersamaan dengan pengakuan penjualan dan akun persediaan akan di kredit.
f. Akun persediaan adalah akun pengendali yang didukung dengan buku besar
pembantu untuk setiap jenis/item persediaan.
b) Metode Persediaan Fisik (Physical Inventory Method)
Dalam metode persediaan fisik, hanya ditambah persediaan dari pembelian
saja yang dicatat, sedangkan mutasi berkurangnya persediaan karena pemakaian
tidak dicatat dalam kartu persediaan. Disebut sistem periodik atau fisik karena
penghitungan jumlah dan nilai persediaan hanya akan diketahui pada akhir
periode saja untuk penyiapan pembuatan laporan keuangan. Setiap terjadi
transaksi
14
pembelian barang maupun penjualan barang akun persediaan tidak pernah
dimutasi atau tidak pernah didebit jika ada pembelian atau dikredit jika ada
penjualan. Akun persediaan akan diperbaharui nilainya hanya pada akhir periode
saja sebelum penyusunan laporan keuangan melalui penghitungan fisik persediaan
(stock opname) di gudang. Saat ini sangat sedikit perusahaan yang menerapkan
sistem periodik kecuali untuk perusahaan kecil yang menjual barang barang
tertentu secara eceran dengan harga yang murah misal permen, korek api, dan lain
lain.
Perlakuan akuntansi untuk sistem pencatatan persediaan periodik adalah
sebagai berikut:
1. Pembelian barang dagangan akan didebit pada akun pembelian
2. Tidak ada pencatatan pada akun persediaan.
3. Beban angkut pembelian akan didebit pada akun beban angkut pembelian.
4. Return dan potongan pembelian akan dikredit ke akun return dan potongan
pembelian
5. Potongan tunai pembelian akun dikredit ke akun potongan tunai pembelian.
6. Beban pokok penjualan atau harga pokok penjualan (Cost of Good Sold)
dihitung pada akhir periode setelah melakukan penghitungan fisik dan
penilaian persediaan akhir.
2.6.3 Metode Penilaian Persediaan
Setelah perusahaan memilih sistem pencatatan yang diberlakukan, kemudian
ditentukan metode penilaian persediaan yang bertujuan untuk menelaah laporan
keuangan, oleh karena itu pemilihan metode penilaian persediaan mempunyai arti
penting dalam menelaah laporan keuangan.
Terdapat empat metode penilaian persediaan:
a. Metode FIFO (First In First Out)
Dengan metode ini maka harga pokok barang yang tersedia untuk dijual
dihitung dengan cara barang yang pertama masuk (dibeli) akan dijual terlebih
dahulu. Kekurangannya baru diambil dari barang yang masuk berikutnya.
b. Metode LIFO (Last In First Out)
Dengan metode ini maka harga pokok barang yang tersedia untuk dijual
dihitung dengan cara barang yang terakhir masuk (dibeli) akan dijual terlebih
dahulu. Kekurangannya baru diambil dari barang yang terakhir masuk berikutnya.
15
c. Metode Rata-Rata (Average)
Disebut metode rata-rata, kerena dalam metode ini harga beli rata-rata
persatuan harus dihitung setiap transaksi pembelian barang. Dengan demikian
harga rata-rata persatuan akan berlaku sampai terjadi transaksi pembelian
berikutnya.
d. Metode Identifikasi Khusus
Dengan metode ini, setiap barang yang masuk (dibeli) diidentifikasi dengan
diberikan tanda pengenal khusus yang menunjukan harga persatuan sesuai dengan
faktur yang telah diterima.
2.7 Pengertian Sistem

Sistem secara sederhana dapat didefinisikan sebagai sekelompok elemen
yang saling berhubungan atau berinteraksi hingga membentuk satu persatuan.[5]
Konsep umum sistem adalah sekelompok komponen yang saling berhubungan,
bekerja sama untuk mencapai tujuan bersama dengan menerima input serta
menghasilkan output dalam proses transformasi yang teratur. Dari pengertian
diatas dapat di simpulkan bahwa sistem adalah suatu kumpulan dari suatu proses
yang saling memiliki ketergantungan dan memiliki suatu tujuan tertentu.
Berikut beberapa pengertian tentang sistem adalah sebagai berikut:
 Dalam kamus besar bahasa indonesia sistem adalah sekelompok bagian-
bagian alat dan sebagainya yang bekerja bersama-sama untuk melakukan
sesuatu maksud. Cara atau metode yang teraturuntuk melakukan sesuatu.
 Sistem merupakan kumpulan elemen-elemen yang saling berkait dan
bekerja sama untuk memroses masukan (input) yang ditujukan kepada
sistem tersebut dan mengolah masukan tersebut sampai menghasilkan
keluaran (output) yang diinginkan. [9]
Dari beberapa pengertian diatas dapat diambil suatu kesimpulan bahwa
sistem adalah suatu metode yang berada satu kesatuan utuh yang terdiri dari
beberapa bagian yangsaling berhubungan dan berinteraksi untuk mencapai satu
tujuan tertentu.
16
2.7.1 Karakteristik Sistem
Sebuah sistem memiliki karakteristik sebagai berikut : [3]
1. Komponen (Components)
Bagian-bagian atau elemen-elemen yang dapat berupa benda atau manusia,
berbentuk nyata atau abstrak, dan disebut subsistem.
2. Penghubung antar bagian (Interface)
Sesuatu yang bertugas menjembatani satu bagian dengan bagian lain, dan
memungkinkan terjadinya interaksi/komunikasi antar bagian.
3. Batas (Boundary)
Sesuatu yang membedakan antara satu sistem dengan sistem atau dengan
sistem-sistem lain.
4. Lingkungan (Environment)
Segala sesuatu yang berada diluar sistem dan dapat bersifat menguntungkan
atau merugikan sistem yang bersangkutan.
5. Masukan (Input)
Sesuatu yang merupakan bahan untuk diolah atau diproses oleh sistem.
6. Mekanisme Pengolahan (Processing)
Perangkat dan prosedur untuk mengubah masukan menjadi keluaran dan
menampilkannya.
7. Keluaran (Output)
Berbagai macam bentuk hasil atau produk yang dikeluarkan dari pengolahan.
8. Tujuan (Goal/Objective)
Sesuatu atau keadaan yang ingin dicapai oleh sistem, baik dalam jangka
pendek maupun jangka panjang.
9. Sensor dan Kendali (Sensor and Control)
Sesuatu yang bertugas untuk memantau dan menginformasikan perubahan-
perubahan didalam lingkungan dan dalam diri sistem kepada sistem.
10. Umpan balik (Feedback)
Informasi tentang perubahan-perubahan lingkungan dan perubahan-
perubahan (penyimpangan) dalam diri sistem.
17
2.8 Pengertian Data
Data merupakan istilah paling mendasar dalam database. Pada awalnya data
menyatakan fakta yang dapat direkam dan disimpan pada media komputer,
misalnya hard disk. Namun, saat sekarang ini, data tidak hanya berbentuk teks
saja tetapi juga bisa berupa dokumen, gambar, suara ataupun potongan video.
Berikut ini beberapa pengertian tentang data adalah sebagai berikut :
 Data merupakan fakta-fakta mentah yang mewakili kejadian-kejadian yang
berlangsung dalam organisasi atau lingkungan fisik sebelum ditata dan
diatur ke dalam bentuk yang dapat dipahami dan digunakan orang. [10]
 Deskripsi tentang benda, kejadian, aktivitas, dan transaksi yang tidak
mempunyai makna atau tidak berpengaruh secara langsung kepada pemakai.
 Sedangkan data menurut Wilkinson adalah fakta, angka, bahkan simbol
mentah. Secara bersama-sama merupakan masukan bagi suatu sisitem
informasi.
Dari beberapa pengertian di atas, dapat disimpulkan bahwa data adalah
suatu bahan mentah yang kelak dapat diolah lebih lanjut untuk menjadi sesuatu
yang lebih bermakna
2.9 Perangkat Lunak Pendukung

Penulis menggunakan beberapa perangkat lunak pendukung yang digunakan
untuk pengembangan sistem, dibawah ini akan dijelaskan perangkat-perangkat
lunak yang penulis gunakan.
2.9.1 XAMPP
XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem
operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai
server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP
Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa
pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat
sistem operasi, yaitu Windows, Linux, Mac OS, dan Solaris), Apache, MySQL,
PHP dan Perl. Program ini tersedia dalam GNU General Public License dan
bebas, merupakan web server yang mudah digunakan yang dapat melayani
tampilan halaman web yang dinamis.
18
2.9.2 PHP
PHP merupakan singkatan dari PHP Hypertext Preprocessor. PHP
merupakan bahasa pemrograman skrip yang diletakkan dalam server yang biasa
digunakan untuk membuat aplikasi web yang bersifat dinamis. Maksud web
dinamis adalah dapat membentuk suatu tampilan web berdasarkan permintaan
terkini, dapat dilakukan dengan menampilkan isi database ke halaman web. PHP
juga digunakan secara command line, yaitu skrip PHP dapat dijalankan tanpa
melibatkan web server maupun browser. [7]
Dengan menggunakan lisensi GPL (GNU Public License), PHP bebas
didistibusikan oleh siapa saja dan kemana saja. Software ini dapat diunduh pada
situs http:// www.php.net dan tersedia untuk berbagai platform (seperti Windows,
Linux,dan lain-lain). PHP tersedia dalam bentuk kode biner maupun kode sumber
yang lengkap.
Model kerja HTML diawali dengan permintaan suatu halaman web oleh
browser. Berdasarkan URL (Uniform Resource Locator), browser mendapatkan
alamat dari web server, mengidentifikasi halaman yang dikehendaki, dan
menyampaikan segalainformasi yang dibutuhkan oleh web server.
Selanjutnya, web server akan mencarikan file yang diminta dan memberikan
isinya ke browser. Browser yang telah menerima isinya akan segera melakukan
proses penerjemahan kode HTML dan menampilkannya ke layar user.
Konsep kerja halaman PHP, prinsipnya serupa dengan kode HTML. PHP
bekerja sebagai interpreter sehingga memerlukan kode asli. Ketika program yang
berekstensi .php diminta oleh user, web server yang menanganinya akan
mengambil kode sumber PHP-nya dan menyerahkan ke interpreter PHP.
Selanjutnya, interpreter PHP segera mengeksekusi kode dan menyerahkan
hasilnya ke web server. Setelah itu web server menyerahkan kode yang dihasilkan
inerpreter PHP ke user yang memintanya. Kode inilah yang akan diterjemahkan
oleh browser untuk ditampilkan di layar. Jika kode mengandung perintah untuk
mengakses database maka pada saat mengeksekusi kode lah PHP akan
berkomunikasi ke database server.
19
2.9.3 PHP dan Database
Salah satu kelebihan dari PHP adalah mampu berkomunikasi dengan
berbagai database. Sehingga, untuk menampilkan data yang bersifat dinamis, yang
diambil dari database merupakan hal yang mudah untuk diimplementasikan.
Inilah latar belakang mengapa PHP sangat tepat untuk membangun halaman-
halaman web dinamis.Pada saat ini PHP sudah dapat berkomunikasi dengan
berbagai database meskipun dengan kelengkapan yang berbeda-beda. Beberapa
diantaranya :
DBM,FilePro (Personix, Inc), Informix,Ingres,InterBase, Microsoft Access,
MSQL,MySQL, Oracle,PostgreSQL, Sybase
2.9.4 MySQL
MySQL adalah salah satu jenis database server yang sangat populer, hal ini
disebabkan karena MySQL menggunakan SQL sebagai bahasa dasar untuk
mengakses databasenya. MySQL bersifat Open Source, software ini dilengkapi
dengan source code (kode yang dipakai untuk membuat MySQL), bentuk
executable-nya atau kode yang dapat dijalankan secara langsung dalam sistem
operasi. [8]
MySQL awalnya dibuat oleh perusahaan konsultan bernama TcX yang
berlokasi di Swedia. Saat ini pengembangan MySQL berada di bawah naungan
perusahaan MySQL AB. Dan bisa diperoleh dengan cara mengunduh di internet
melalui situs www.mysql.com
MySQL termasuk jenis RDBMS (Relational Database Management
System). Itulah sebabnya, istilah tabel, baris, dan kolom digunakan pada MySQL.
Pada MySQL, sebuah database mengandung satu atau sejumlah tabel. Tabel
terdiri atas sejumlah baris dan setiap baris mengandung satu atau beberapa kolom.
Sebagai software DBMS, MySQL memiliki sejumlah fitur, diantaranya :
• Multiplatform
MySQL tersedia pada beberapa platform (Windows, Linux, Unix, dan lain-
lain).
• Andal, cepat, dan mudah digunakan
MySQL tergolong sebagai database server (server yang melayani permintaan
terhadap database) yang andal, dapat menangani database yang besar dengan
20
kecepatan yang tinggi, mendukung banyak fungsi untuk mengakses database, dan
mudah digunakan.
• Jaminan keamanan akses
MySQL mendukung pengamanan database dengan berbagai kriteria
pengaksesan. Penerapannya seperti pada saat mengatur user tertentu agar bisa
mengakses data yang bersifat rahasia, sedangkan user lain tidak boleh. MySQL
juga mendukung konektivitas ke berbagai software. Misalnya, dengan
menggunakan ODBC (Open Database Connectivity), database yang ditangani
MySQL dapat diakses melalui program yang dibuat dengan Visual Basic. Melalui
JDBC (Java Database Connectivity) program klien yang berbasis Java dapat
berkomunikasi dengan MySQL. MySQL juga bisa diakses melalui aplikasi
berbasis web, misalnya dengan mengguanakan PHP.
• Dukungan SQL
MySQL mendukung perintah SQL (Structured Query Language). SQL
merupakan standar dalam pengaksesan database relasional. Pengetahuan akan
SQL akan memudahkan user untuk menggunakan MySQL.
MySQL mempunyai empat instruksi dasar yang sangat mendukung dalam
pembentukan sebuah database. Yaitu select, insert, update, dan delete, masing-
masing digunakan untuk menampilkan data, menginput atau menambah data,
mengubah data, dan menghapus data dalam database. [11]
2.9.5 HTML
HTML (HyperText Markup Language) dikenal sebagai bahasa kode
berbasis teks untuk membuat sebuah halaman web, keberadaannya dikenal dengan
adanya ekstensi *.htm atau *.html. [12]
HTML merupakan suatu bahasa dari website (www) yang dipergunakan
untuk menyusun dan membentuk dokumen agar dapat ditampilkan pada program
browser.[18] Dapat disimpulkan bahwa HTML merupakan protokol yang
digunakan untuk mentransfer data atau dokumen dari web server ke browser.
Dalam penggunaannya, HTML menentukan dua fungsi, yaitu: [18]
1. Membentuk tata letak dokumen, baik jenis huruf, gambar, dan komponen-
komponen lainnya.
21
2. Menentukan hubungan ke dokumen lainnya, HTML merupakan suatu
bahasa komputer yang termasuk dalam katagori SGML (Standard
Generalized Markup Language) yang mana bentuknya merupakan file
standar ASCII yang berisi kodekode untuk mengatur dokumen.
HTML bersifat fleksibel, artinya HTML dapat disisipi kode-kode script
seperti JavaScript, VBScript, dan juga bahasa pemrograman berbasis web seperti
PHP dan ASP. Animasi seperti Flash serta beberapa jenis file grafis dan
multimedia juga dapat disisipkan dan ditampilkan melalui HTML. Fleksibilitas
HTML dan daya dukung ini meningkatkan daya guna dan menjadikannya sebagai
bahasa kode yang dinamis. [12]
2.9.6 CSS
CSS kepanjangan dari Cascading Style Sheet adalah bahasa-bahasa yang
merepresentasikan halaman web. Seperti warna, layout, dan font. Dengan
menggunakan CSS, seorang web developer dapat membuat halaman web yang
dapat beradaptasi dengan berbagai macam ukuran layar. Pembuatan CSS biasanya
terpisah dengan halaman HTML. Meskipun CSS dapat disisipkan di dalam
halaman HTML. Hal ini ditujukan untuk memudahkan pengaturan halaman
HTML yang memiliki rancangan yang sama. [4]
2.9.7 JavaScript
JavaScript adalah bahasa pemrograman web yang bersifat Client Side
Programming Language. Client Side Programming Language adalah tipe bahasa
pemrograman yang pemrosesannya dilakukan oleh client. Aplikasi client yang
dimaksud merujuk kepada web browser seperti Google Chrome, Mozilla Firefox,
Opera Mini dan sebagainya.
JavaScript pertama kali dikembangkan pada pertengahan dekade 90’an.
Meskipun memiliki nama yang hampir serupa, JavaScript berbeda dengan bahasa
pemrograman Java. Untuk penulisannya, JavaScript dapat disisipkan di dalam
dokumen HTML ataupun dijadikan dokumen tersendiri yang kemudian
diasosiasikan dengan dokumen lain yang dituju. JavaScript mengimplementasikan
fitur yang dirancang untuk mengendalikan bagaimana sebuah halaman web
berinteraksi dengan penggunanya. [4]
22
2.9.8 JQuery
JQuery adalah open source add-on pustaka JavaScript yang menekankan
pada interaksi antara JavaScript dan HTML. JQuery merupakan kode JavaScript
yang telah ditulis dan tinggal menambahkan satu atau dua baris kode untuk
memanggil JQuery. [1]
2.9.9 Bootsrap
Bootsrap adalah sebuah framework untuk CSS dan berupa produk open
source yang dibuat oleh Mark Otto dan Jacob Thornton. Pada awalnya Bootsrap
ini dibuat untuk membuat standarisasi front end untuk semua programmer di
perusahaannya. Bootsrap telah berubah dari yang sebelumnya adalah CSS-Driven
proyek ke sebuah host dari JavaScript plugins dan ikon yang dapat dengan mudah
digunakan untuk formulir dan tombol. [17]
2.9.10 CodeIgniter (CI)
CodeIgniter adalah framework web untuk bahasa pemrograman PHP yang
dibuat oleh Rick Ellis pada tahun 2006, penemu dan pendiri EllisLab. EllisLab
adalah suatu tim kerja yang berdiri pada tahun 2002 dan bergerak di bidang
pembuatan software dan tool untuk para pengembang web. [14]
CodeIgniter memiliki banyak fitur (fasilitas) yang membantu para
pengembang (developer) PHP untuk dapat membuat aplikasi web secara mudah
dan cepat. Dibandingkan dengan framework web PHP lainnya, harus diakui
bahwa CodeIgniter memiliki desain yang lebih sederhana dan bersifat fleksibel
(tidak kaku). CodeIgniter mengizinkan parap engembang untuk menggunakan
framework secara parsial atau secara keseluruhan.
CodeIgniter merupakan sebuah toolkit yang ditujukan untuk orang yang
ingin membangun aplikasi web dalam bahasa pemrograman PHP. Beberapa
keunggulan yang ditawarkan oleh CodeIgniter adalah sebagai berikut:
- CodeIgniter adalah framework yang bersifat free dan open-source.
- CodeIgniter memiliki ukuran yang kecil dibandingkan dengan framework
lain. Setelah proses instalasi, framework CodeIgniter hanya berukuran
kurang lebih 2MB (tanpa dokumentasi atau jika direktori user_guide
dihapus). Dokumentasi CodeIgniter memiliki ukuran sekitar 6MB.
- Aplikasi yang dibuat menggunakan CodeIgniter bisa berjalan cepat.
23
- CodeIgniter menggunakan pola desain Model-View-Controller (MVC)
sehingga satu file tidak terlalu berisi banyak kode. Hal ini menjadikan kode
lebih mudah dibaca, dipahami, dan dipelihara di kemudian hari.
- CodeIgniter dapat diperluas sesuai dengan kebutuhan.
- CodeIgniter terdokumentasi dengan baik. Informasi tentang pustaka kelas
dan fungsi yang disediakan oleh CodeIgniter dapat diperoleh melalui
dokumentasi yang disertakan di dalam paket distribusinya.
2.9.11 Sublime Text 3
Sublime Text 3 merupakan salah satu text editor yang sangat powerful
yang dapat meningkatkan produktivitas dan mengembangkan kualitas kode yang
tinggi. [2]
2.10 Analisa Perancangan Sistem

Analisis sistem adalah upaya-upaya untuk merumuskan tujuan dan
mekanisme, serta mengidentifikasi kemauan atau kemampuan pengguna dan
infrastruktur. Sedangkan perancangan sistem adalah penentuan solusi teknologi
untuk menjadikan suatu perangkat lunak sistem informasi. Adapun teori-teori
yang mendasari perancangan sistem informasi ini yang dapat penulis kemukakan
adalah sebagai berikut:
2.10.1 Struktur Organisasi Terkait dan Key User
Untuk memahami bisnis yang akan menjadi target sistem informasi yang
dibangun, seorang analis harus mengenal organisasinya dan siapa saja yang
bertanggung jawab dalam unit-unit organisasi tersebut. Salah satu cara yang biasa
dilakukan dalam mendapatkan informasi tentang struktur organisasi terkait adalah
dengan melakukan survey.
Untuk masing-masing unit organisasi yang menjadi sistem, harus ada
seorang key user yang dapat memberikan justifikasi (pernyataan) atas pertanyaan-
pertanyaan dalam dokumen definisi kebutuhan serta konfirmasi atas rancangan
perangkat lunak nantinya. Kriteria key user adalah orang yang benar-benar
mengetahui proses bisnis yang menjadi sasaran (narasumber) atau orang yang
mempunyai otoritas dalam menentukan kebijakan (decision maker).
24
Setiap unit organisasi terkait sebaiknya ada key user-nya, kecuali jika
memang tidak ada orang yang memenuhi kriteria. Sebaiknya tidak terlalu banyak
dalam menentukan key user, karena akan berakibat lamanya waktu untuk
menyepakati pengambilan keputusan.
2.10.2 Proses-Proses Dalam Sistem
Proses adalah kegiatan atau kerja yang dilakukan oleh orang, mesin atau
komputer dari hasil suatu arus data yang masuk ke dalam proses untuk dihasilkan
arus data yang akan keluar dari proses.
2.10.3 Daftar Laporan
Daftar laporan bisa jadi dikerjakan lebih dulu dari pada daftar proses dan
tujuan sistem. Pengguna umumnya lebih mudah menyetujui sistem dari sejumlah
laporan yang mampu dihasilkan oleh sistem.
2.10.4 Diagram Alir Sistem (DAS)
Diagram Alir Sistem (DAS) merupakan diagram yang menunjukkan arus
pekerjaan secara keseluruhan dari suatu sistem. Diagram ini menjelaskan urut-
urutan dari prosedur yang ada di dalam suatu sistem. Simbol-simbol yang
digunakan untuk menggambarkan sistem dengan DAS adalah sebagai berikut:
Tabel 2.1 Simbol-Simbol Dalam Bagan Alir

Simbol-Simbol Input/Output
Simbol Nama Penjelasan
Input/Output/ Simbol ini digunakan untuk
data menggambarkan berbagai media
input dan output dalam sebuah
bagan alir data.
Manual Input Simbol ini digunakan untuk

menggambarkan input manual dari
luar.
Document Simbol ini digunakan untuk

menggambarkan laporan atau
dokumen yang dihasilkan dari
setiap proses.
25
Display Informasi ditampilkan oleh alat
output on-line seperti komputer
PC.
Simbol-Simbol Pemrosesan
Pemrosesan Sebuah fungsi pemrosesan yang
Komputer dilakukan komputer, biasanya
menghasilkan perubahan terhadap
data atau informasi. Symbol ini
harus didahului input dan
sesudahnya harus ada output (data,
dokumen, display)
Kegiatan Sebuah kegiatan pemrosesan yang

manual dilakukan secara manual
Penyimpanan Simbol ini digunakan untuk

On-Line menggambarkan data yang
tersimpan dalam memori
komputer yang dihasilkan oleh
suatu proses.
Arsip Arsip dokumen disimpan dan
N diambil secara manual. Huruf
didalam.
Simbol-Simbol Arus dan Simbol lainnya

Arus dokumen/ Arah arus dokumen atau
pemrosesan pemrosesan.
Arus Arus data atau informasi, sering

data/informasi digunakan untuk menunjukan data
yang dicopy dari sebuah dokumen.
Hubungan Simbol ini digunakan untuk

komunikasi menggambarkan data yang
tersimpan dalam memori
komputer yang dihasilkan oleh
suatu proses.
Penghubung Menghubungkan bagan alir pada
pada halaman halaman yang sama.
yang sama
26
Penghubung Menghubungkan bagan alir pada
pada halaman halaman yang berbeda.
berbeda
2.10.5 Diagram Arus Data (DAD)

Fungsi dari Diagram Alir Data (DAD) adalah untuk menggambarkan arus
atau aliran data di dalam sistem secara terstruktur. Arus data (Data Flow) pada
diagram alir data diberi simbol tanda panah. Arus data ini mengalir di antara
proses, simpanan dan data output.
Simbol-simbol yang digunakan untuk menggambarkan sistem dengan
DAD, antara lain :
1. External Entity(Kesatuan Luar)
Suatu kesatuan (entity) di lingkungan luar sistem, dapat
berupa orang, organisasi, atau sistem lain.
2. Arus Data
Arus data disimbolkan dengan panah. Arus data
mengalir diantara proses, simpanan data dan external
entity, bisa berupa formulir atau dokumen dasar,
laporan atau output sistem, dan lain sebagainya.
3. Proses
Proses merupakan suatu kegiatan yang
menggambarkan masuknya input dan keluarannya
output.
4. Simpanan Data
Simpanan data adalah suatu tempat data disimpan, bisa
berupa file atau database, arsip, dan lain-lain.
Simpanan data digambarkan dengan notasi sepasang
garis
horizontal paralel.
2.10.6 Kamus Data
Kamus data (KD) atau Data Dictionary (DD) atau disebut juga dengan
istilah System Data Dictionary adalah katalog fakta tentang data dan kebutuhan-
kebutuhan informasi dari sebuah sistem informasi. Dengan menggunakan kamus
27
data, analis sistem dapat mendefinisikan data yang mengalir dari sistem secara
lengkap. Kegunaan kamus data :
1. Untuk Tahap Analis
Kamus data dapat digunakan sebagai alat komunikasi antara analis sistem
dengan pemakai sistem tentang data yang mengalir di sistem, yaitu tentang data
yang masuk dan tentang informasi yang dibutuhkan oleh pemakai sistem.
2. Untuk Tahap Perancangan
Kamus data digunakan untuk merancang input, merancang laporan dan
database.
Kamus data dibuat berdasarkan arus data yang terdapat pada DAD. Arus data
pada DAD sifatnya adalah global, hanya menunjukkan nama arus datanya saja
sehingga harus dapat mencerminkan keterangan yang jelas tentang data yang
dicatatnya. Kamus data dalam daftar database dan tabel yang digunakan dalam
sistem informasi, memuat informasi sebagai berikut:
a. Nama, adalah nama database atau tabelnya.
b. Deskripsi, adalah uraian singkatan dari database atau tabel tersebut.
c. Struktur data, adalah daftar field (elemen data) yang ada dalam tabel dari
database tersebut.
d. Tipe data field, adalah jenis data dalam representasi komputer untuk masing-
masing data.
2.10.7 Spesifikasi Proses
Proses spesifikasi adalah logika pembuatan keputusan dan rumusan-
rumusan yang akan mentransformasikan proses data-data masukan menjadi
keluaran. Proses spesifikasi digunakan untuk mendeskripsikan proses yang terjadi
pada level yang paling dasar dalam Diagram Alir Data. Fungsiya yaitu
mendeskripsikan tahapan yang dilakukan untuk mentransformasikan input
menjadi output.
Tujuannya yaitu:
1. Untuk mengurangi makna ganda dari proses agar memperoleh deskripsi yang
tepat mengenai apa yang dicapai.
2. Untuk memastikan bahwa suatu proses memiliki semua aliran data masukan
yang diperlukan untuk menghasilkan keluaran.
28
Logika proses akan menjelaskan terjadinya proses, menceritakan dari
entitas ke input, dan memaparkan output sebanyak yang dikeluarkan oleh proses
tersebut.
2.10.8 Perancangan Antar Muka
Pada umumnya teknik pemrograman atau dalam aplikasi sistem, proses
yang terjadi adalah input, proses dan output, maka kita perlu mengetahui definisi
dari masing-masing proses pembuatan sistem tersebut.
1. Input
Pada desain program ini alat input yang digunakan yaitu alat input dari luar
sistem yang langsung dihubungkan dengan CPU, berupa keyboard. Yang perlu
didesain input adalah bentuk dari dokumen dasar yang digunakan untuk
menangkap data. Pada tahap desain input secara umum yang perlu dilakukan
adalah mengidentifikasikan terlebih dahulu input apa yang akan didesain.
2. Proses
Proses merupakan suatu kegiatan yang menggambarkan masuknya input dan
keluarannya output. Setiap proses itu sendiri memiliki penjelasan yang lengkap,
seperti:
1) Identifikasi Proses
Umumnya berupa angka yang menunjukkan nomor acuan dari proses
dan ditulis pada bagian atas simbol proses.
2) Nama Proses
Menunjukkan apa yang dikerjakan oleh suatu proses tersebut. Pada
nama ini harus jelas dan lengkap menggambarkan kegiatan proses.
3. Output
Output adalah informasi hasil dari suatu proses yang dikerjakan oleh sistem
informasi. Output dapat berbentuk media cetak misalnya kertas atau hasil dari
media lunak yang berupa tampilan pada layar monitor. Yang dimaksud desain
output adalah bentuk tampilan hasil secara garis besar baik hasil dari kertas atau
dari tampilan layar monitor.
29
BAB III
ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Sistem
Penjualan Persediaan Pembelian

PelangganPemilikPemilikSupplierPemilik
Mulai Mulai
Barang datang
Persediaan
Pengecekan
Mencari Produk Barang
+
Tidak
Memilih &
Melihat Informasi Produk
Sesuai ?
Menyelesaikan
Proses Pemesanan Iya
-
Bayar
Konfirmasi
Pembayaran
Selesai
Selesai
3.1.1 Prosedur Sistem Yang Akan Dibangun

Gambar 3.1 Prosedur yang Akan Dibangun Podomoro Store
Narasi Prosedur yang akan dibangun :

 Pemilik melakukan pembelian barang kepada supplier. Setelah barang
datang kemudian di cek apakah barang sesuai dengan yang dipesan, dan
apakah barang tersebut ada yang cacat atau tidak. Jika sudah sesuai maka
dilakukan pembayaran dan mendapatkan nota pembelian, jika sebaliknya
maka barang akan dikembalikan ke supplier. Dan proses tersebut diinputkan
oleh pemilik, mulai dari data barang, data supplier, data pembelian dan data
return pembelian.
30
 Dalam proses penjualan, pelanggan bisa mulai memilih atau melihat detail
produk yang disukai. Kemudian jika sudah pembeli bisa langsung klik ”
checkout”, atau jika ingin berbelanja lagi bisa masuk keranjang terlebih
dahulu. Setelah itu pembeli akan mendapatkan token, yang nantinya
digunakan untuk melakukan pembayaran di Toko. Dan disini untuk data
pemesanan akan masuk pada tabel checkout, dan untuk yang memasukkan
keranjang terlebih dahulu, maka data tersebut tersimpan ke tabel cart yang
nantinya jika ditekan tombol checkout akan pindah ke tabel checkout dan
otomatis yang di tabel cart akan terhapus. Dan untuk data persediaan akan
otomatis berkurang sesuai quantity yang diinput pembeli.
 Setelah proses pemesanan, pembeli akan datang ke podomoro store untuk
melakukan pembayaran. Dan disini pemilik melakukan konfirmasi
pembayaran dan barang akan diberikan kepada pembeli.
 Untuk penjualan yang dilayani ditempat, diawali dengan pembeli memilih
barang, kemudian membayarnya kepada pemilik. Pemilik menginputkan
data barang, quantity barang, kemudian cetak struk penjualan dan
memberikannya kepada pembeli. Dan untuk data persediaan akan otomatis
berkurang sesuai quantity yang diinput.
3.1.2 Struktur Organisasi Terkait Dengan Key User

Di Podomoro Store ini tidak semua bagian berperan aktif dalam proses
pencatatan data ke dalam Aplikasi Penjualan. Untuk mengetahui bagian yang
berperan aktif dan yang berperan pasif dalam Aplikasi Penjualan, maka dibuatlah
struktur organisasi terkait. Berdasarkan analisis terkait, ada beberapa bagian yang
terlibat dalam sistem diantaranya: Pemilik, Supplier dan Pelanggan. Sesuai dari
uraian diatas, maka struktur organisasi terkait dapat digambarkan sebagai berikut :
Gambar 3.2 Struktur Organisasi Terkait Key User
31
Key user aktif merupakan bagian yang melaksanakan kegiatan yang
berhubungan secara langsung dengan proses-proses dalam Aplikasi Penjualan
Podomoro Store.
Key user pasif merupakan key user yang tidak melakukan kegiatan yang
berhubungan secara langsung dengan sistem.
3.1.3 Daftar Aktivitas

Daftar aktivitas yaitu aktivitas-aktivitas yang memproses input menjadi
output. Aktivitas yang berkaitan dengan Aplikasi Penjualan Podomoro Store yaitu:
Tabel 3.1 Daftar Aktivitas
Penanggung
Jenis Aktivitas Uraian Aktivitas
Jawab
Pencatatan Data Barang  Mencatat data barang Pemilik
Pencatatan Data Supplier  Mencatat data supplier Pemilik
Pencatatan Data
 Mencatat data pelanggan Pelanggan
Pelanggan
Transaksi Pembelian  Mencatat data pembelian Pemilik
 Menyiapkan laporan
pembelian
Transaksi Return  Mencatat data return Pemilik
Pembelian pembelian
 Menyiapkan laporan return
pembelian
Transaksi Pemesanan  Mencatat data pemesanan Pelanggan
Konfirmasi Pembayaran  Mengkonfirmasi pembayaran Pemilik
atas pesanan yang dibuat
Transaksi Penjualan  Mencatat data penjualan Pemilik,
 Menyiapkan laporan Pelanggan
penjualan
3.1.4 Proses - Proses Dalam Sistem

Proses merupakan aktivitas yang akan di implementasikan dalam suatu
aplikasi. Berdasarkan identifikasi yang berkaitan dengan Perancangan dan
Pembuatan Aplikasi Penjualan Podomoro Store Probolinggo terdapat beberapa
proses yang diantaranya:
32
Tabel 3.2 Tabel Proses
No. Kode Proses Penjalasan Pelaku
Master
1. P1 Proses memasukkan data barang Pemilik
Barang
Master
2. P2 Proses memasukkan data supplier Pemilik
Supplier
Master Proses memasukkan data
3. P3 Pelanggan
Pelanggan pelanggan
Transaksi
4. P4 Memproses transaksi pembelian Pemilik
Pembelian
Transaksi
Memproses transaksi return
5. P5 Return Pemilik
pembelian
Pembelian
Transaksi
6. P6 Proses pelanggan memesan barang Pelanggan
Pemesanan
Konfirmasi
7. P7 Memproses transaksi pembayaran Pemilik
Pembayaran
Transaksi Pemilik,
8. P8 Memproses transaksi penjualan
Penjualan Pelanggan
3.1.5 Daftar Laporan- Laporan Dalam Sistem

Laporan-laporan yang dituliskan dalam daftar laporan merupakan output
dari suatu sistem informasi yang akan dibangun. Berdasarkan identifikasi yang
dilakukan di Podomoro Store berkaitan dengan Aplikasi Penjualan Podomoro
Store maka dihasilkan output yang berupa laporan yaitu:
Tabel 3.3 Tabel Laporan
No. Kode Laporan Penjalasan Pengguna
Laporan Berisi rincian pembelian barang
1. L1 Pemilik
Pembelian selama periode tertentu
Laporan
Berisi rincian barang return pembelian
2. L2 Return Pemilik
selama periode tertentu
Pembelian
Bukti
Berisi perincian barang yang akan Pemilik,
3. L3 Return
direturn kepada supplier Supplier
Pembelian
Laporan Berisi rincian penjualan barang selama
4. L4 Pemilik
Penjualan periode tertentu
Faktur Berisi rincian barang yang dibeli oleh Pemilik,
5. L5
Penjualan pelanggan Pelanggan
33
3.1.6 Diagram Alir Sistem
Diagram alir sistem merupakan suatu gambaran proses yang terjadi dalam
suatu sistem, yang melibatkan seluruh komponen di dalam dan di luar sistem.
Dalam pemodelan proses harus diperhatikan juga urutan dari proses yang akan
dilakukan agar mempermudah dalam pembuatan aplikasinya. Urutan proses ini
juga memperhatikan antar proses dan key user.
Langkah - langkah dalam penyusunan urutan proses pada suatu sistem
sebagai berikut :
3.6.1 Pembuatan Diagram Header Swimlane
Dari struktur organisasi yang terdapat pada Podomoro Store selanjutnya
dapat dibuat Header Swimlane seperti berikut
Gambar 3.3 Diagram Header Swimlane
3.6.2 Meletakkan Proses Dalam Diagram Header Swimlane

Setiap proses yang telah didefinisikan selanjutnya diletakkan sesuai dengan
Header swimlane seperti berikut ini:
Pemilik Supplier Pelanggan
Master Barang
(P1)
Master Supplier
(P2)
Master
Pelanggan
(P3)
Transaksi
Pembelian
(P4)
34
Transaksi Return
Pembelian
(P5)
Transaksi
Pemesanan
(P6)
Konfirmasi
Pembayaran
(P7)
Transaksi
Penjualan
(P8)
Gambar 3.4 Proses Dalam Diagram Header
3.6.3 Meletakkan Laporan Dalam Diagram Header Swimlane

Setiap laporan yang telah didefinisikan selanjutnya diletakkan sesuai
dengan Header swimlane seperti berikut ini:
Laporan Pembelian
(L1)
Laporan Return Pembelian

(L2)
Bukti Return Pembelian Bukti Return Pembelian

(L3) (L3)
Laporan Penjualan
(L4)
Faktur Penjualan Faktur Penjualan

(L5) (L5)
Gambar 3.5 Laporan Dalam Diagram Header Swinlane
35
Data Barang Data Pelanggan
Master Pelanggan (P3)
Master Barang
(P1) 3
1
Data Supplier
Master Supplier
(P2)
Data Return Pembelian

Data Pembelian
Transaksi Return
Transaksi Pembelian Pembelian
(P4) (P5)
Lap. Pembelian Lap. Return Pembelian (L2)

(L1) TT
2
Bukti Return Pembelian (L3)
T Bukti Return Pembelian (L3)
Pha
Gambar 3.6 Diagram Alir Sistem (DAS)
36
Token 13Data Pemesanan

13
Pembayaran
Konfirmasi Pembayaran (P7)

Transaksi Pemesanan (P6)
13Data Penjualan
Transaksi Penjualan (P8)
Lap. Penjualan (L4)
T
2
Faktur Penjualan T
(L5) Faktur Penjualan (L5)
Pha
Gambar 3.7 Diagram Alir Sistem (DAS) Lanjutan
3.2 Perancangan Sistem

3.2.1 Diagram Alir Data
Diagram Alir Data (DAD) merupakan alat yang digunakan pada
metodologi pengembangan sistem yang terstruktur (Structure Analysis and
Design). Fungsi dari DAD adalah untuk menggambarkan arus atau aliran data di
dalam sistem secara terstruktur dan jelas. Selain itu, DAD juga merupakan
dokumentasi sistem yang baik.
37
3.2.1.1 Diagram Konteks (DAD Level 0)
Diagram konteks merupakan bagian dari DAD atau disebut juga dengan
DAD Level 0. Diagram konteks berfungsi memetakan model lingkungan sistem.
Diagram konteks dimulai dengan penggambaran terminator dan sebuah proses
yang mempresentasikan keseluruhan sistem. Untuk menggambarkan diagram
konteks, dilakukan pendeskripsian data apa saja yang akan dihasilkan sistem dan
kemana saja informasi tersebut akan diberikan.
Berikut gambar diagram konteks (DAD Level 0) dari perancangan
Aplikasi Penjualan Podomoro Store:
Pemilik
Laporan Pembelian
Bukti Return Pembelian
Laporan Penjualan
Faktur Penjualan
Data Barang
Data Supplier
Data Pembelian 0
Data Penjualan
Aplikasi Penjualan Podomoro Store Data Pelanggan
Data Pemesanan
Token Pemesanan
Bukti Return Pembelian Faktur Penjualan

Supplier Pelanggan
Gambar 3.8 Diagram Alir Data (DAD) Level 0
3.2.1.2 Diagram Berjenjang (sitemap)

Diagram berjenjang merupakan diagram yang menunjukkan level
pekerjaan secara keseluruhan dari suatu sistem. Diagram ini menjelaskan urutan-
urutan dari level terendah sampai level tertinggi di dalam sistem.
Berikut gambar diagram berjenjang dari perancangan Aplikasi Penjualan
Podomoro Store:
38
0
Level 0
Aplikasi Penjualan Podomoro Store
1 2 3
Master Proses Laporan
1.1 1.2 2.1 2.2 3.1 3.2 3.3
Transaksi Pembelian Transaksi Return Pembelian Laporan Pembelian Laporan ReturnBukti Return
Master Barang Master Supplier PembelianPembelian
1.3 2.3 2.4 3.4 3.5
Transaksi Penjualan Transaksi Pemesanan Laporan Penjualan

Master Pelanggan Faktur Penjualan
2.5
Konfirmasi Pembayaran
Gambar 3.9 Diagram Berjenjang (sitemap)
3.2.1.3 Diagram Level 1

DAD level 1 merupakan penurunan atau penjabaran dari DAD level 0.
Biasanya proses-proses dalam DAD level 1 merupakan proses-proses yang
terdapat di dalam Diagram Alir Sistem.Berikut gambar diagram konteks (DAD
Level 1) dari perancangan Aplikasi Penjualan Podomoro Store:
Pemilik
Laporan Pembelian
Data Pembelian Bukti Return Pembelian
Data Return Pembelian Laporan Penjualan
Data Penjualan Faktur Penjualan
Data Barang 1 2 3
Data Supplier
Master Proses Laporan
Data Pelanggan Data Pemesanan

Token Pemesanan
Faktur Penjualan Bukti Return Pembelian

Pelanggan Supplier
Gambar 3.10 Diagram Alir Data (DAD) Level 1
39
3.2.1.4 Diagram Level 2
Semakin besar / dalam level DAD menunjukkan penggambaran proses
yang lebih rinci. DAD Level 2 merupakan penurunan atau penggambaran
lebih rinci dari proses-proses yang ada pada level 1. Begitu juga dengan
DAD Level 3, 4 dan seterusnya. Tetapi tidak semua proses pada suatu level
harus diturunkan ke level selanjutnya. Hanya proses-proses yang kompleks
saja yang perlu diturunkan ke level selanjutnya.Untuk proses-proses yang
sederhana tidak perlu diturunkan lagi.
Berikut gambar Diagram Konteks (DAD Level 2) dari perancangan
Aplikasi Penjualan Podomoro Store:
Pemilik
1.1
Master Barang
Master Barang
Rec. Barang D1 Barang

1.2
Master Supplier
Master Supplier
Pelanggan
Rec. Supplier D2
Supplier
1.3
Master Pelanggan
Master Pelanggan
Rec. Pelanggan D3
Pelanggan
Gambar 3.11 Diagram Alir Data (DAD) Level 2 Master
40
D1 Barang
D2 Supplier2.2 D1 Barang
2.1 D2 Supplier
Transaksi Return
Pembelian
D4 Pembelian
Data PembelianTransaksi Pembelian
Rec. Return Pembelian
Pemilik D5 Return Pembelian
Rec. Pembelian D4 Pembelian
D1 Barang
D3 Pelanggan
2.3
Data Penjualan
Transaksi Penjualan D1 Barang
Pelanggan D3 Pelanggan
Rec. Penjualan D7 Pemesanan
D6 Penjualan
D1 Barang 2.5
D3 Pelanggan Rec. Konfirmasi D8 Konfirmasi

Konfirmasi
Pembayaran
2.4
Data Pemesanan
Rec. Pemesanan
Transaksi D7 Pemesanan
Pemesanan
Token Pembayaran
Gambar 3.12 Diagram Alir Data (DAD) Level 2 Proses
D1 Barang Supplier
D2 Supplier
3.1
Laporan Pembelian D1 Barang
D2 Supplier
Laporan Pembelian D4 Pembelian
D1 Barang
D2 Supplier
3.2 D4 Pembelian
Laporan Return Pembelian Laporan Return Pembelian
3.3
Pemilik Bukti Return Pembelian Bukti Return Pembelian Bukti Return Pembelian
D1 Barang
D3 Pelanggan
D1 Barang
D3 Pelanggan
3.4 D6 Penjualan
Laporan Penjualan
D8 Konfirmasi
Laporan Penjualan
3.5
Faktur Penjualan Faktur Penjualan Pelanggan
Faktur Penjualan
Gambar 3.13 Diagram Alir Data (DAD) Level 2 Laporan
3.2.1.5 Kamus Data

Kamus data adalah catalog fakta tentang data dan kebutuhan-kebutuhan
informasi dari sebuah sistem informasi.
Dengan menggunakan kamus data, analisis sistem dapat mendefinisikan
data yang mengalir dari sistem secara lengkap. Kamus data dibuat berdasarkan
arus data yang ada di Diagram Alir Data. Arus data di diagram alir data sifatnya
global,
41
hanya ditunjukkan nama arus datanya saja. Keterangan lebih lanjut tentang
struktur dari suatu arus data di Diagram Alir Data dapat dilihat di kamus data.
Kamus data harus dapat mencerminkan keterangan yang jelas tentang
data yang dicatatnya. Kamus data berisi tentang nama, sumber tujuan, deskripsi,
bentuk data dan struktur data. Berikut kamus data yang ada pada Aplikasi
Penjualan Podomoro Store:
Tabel 3.4 Kamus Data Master Barang
Nama Arus Data Master Barang
Bentuk Data Dokumen dan Database
Arus Data Pemilik Proses 1.1
Penjelasan Bagian Pemilik memasukkan data barang ke dalam sistem,
kemudian disimpan dalam tabel mt_barang
Periode Setiap ada penambahan barang baru
Struktur Data Nama Field Type Len Keterangan
Id_brg Int 11 Primary key,
Auto_Incremen
Kdbrg Character 10
Nmbrg Character 30
Hrgj int 11
Jumlah int 11
Gambar Character 30
Deskripsi Character 5000
Tabel 3.5 Kamus Data Master Supplier

Nama Arus Data Master Supplier
Penjelasan Bagian Pemilik memasukkan data Supplier ke dalam
sistem,kemudian disimpan dalam tabel mt_supplier
Periode Setiap ada penambahan Supplier baru
Id_sup Int 11 Primary key,
Auto_Incremen
Kdsup Character 10
Nmsup Character 30
Alamat Character 50
No_Hp Character 12
42
Tabel 3.6 Kamus Data Master Pelanggan
Nama Arus Data Master Pelanggan
Bentuk Data Dokumen dan Databse
Penjelasan Bagian Pelanggan memasukkan data Pelanggan ke dalam
sistem,kemudian disimpan dalam tabel mt_pelanggan
Periode Setiap ada penambahan Pelanggan baru
Id_plg Int 11 Primary key,
Auto_Incremen
Nmplg Character 30
Email Character 30
Password Character 225
No_Hp Character 12
Alamat Character 50
Image Character 30
Tabel 3.7 Kamus Data Transaksi Pembelian

Nama Arus Data Transaksi Pembelian
Penjelasan Bagian Pemilik memasukkan data Pembelian ke dalam
sistem,kemudian disimpan dalam tabel Pembelian
Periode Setiap ada transaksi pembelian barang
Id_beli int 11 Primary key,
Auto_Incremen
tgl datetime 14
Id_brg Int 11
Id_sup int 11
Nmbrg Character 30
Hrgj int 11
Qty int 11
Tothrg int 11
Gambar Varchar 30
Deskripsi Varchar 5000
Tabel 3.8 Kamus Data Transksi Return Pembelian

Nama Arus Data Transaksi Return Pembelian
Penjelasan Bagian Pemilik memasukkan data Return Pembelian ke
dalam sistem,kemudian disimpan dalam tabel Return
Pembelian
Periode Setiap ada return pembelian barang
43
Id_rbeli Int 11 Primary key,
Auto_Incremen
Tgl datetime 14
Id_brg Int 11
Id_sup Int 11
Nmbrg Character 30
Hrgj Int 11
Qty Int 11
Tothrg Int 11
Gambar Varchar 30
Tabel 3.9 Kamus Data Transksi Penjualan

Nama Arus Data Transaksi Penjualan
Penjelasan Bagian Pemilik memasukkan data Penjualan ke dalam
sistem,kemudian disimpan dalam tabel Checkout
Periode Setiap ada penjualan barang
Struktur Data Tabel Penjualan
Nama Field Type Len Keterangan
Id_co int 11 Primary key,
Auto_Incremen
Tgl datetime 14
Id_brg Int 11
Id_plg int 11
Nmbrg Character 30
Tothrg int 11
Qty int 11
Gambar Varchar 30
3.2.1.6 Proses Spesifikasi

Proses spesifikasi digunakan untuk mendiskripsikan semua proses yang
ada dalam atau penurunan yang paling akhir. Proses spesifikasi mendefinisikan
apa yang harus dilakukan untuk mengubah masukan menjadi keluaran.
Berikut proses spesifikasi yang ada pada Aplikasi Penjualan Podomoro
Store:
44
Tabel 3.10 Proses Spesifikasi Master Barang
Nomor Proses 1.1
Nama Proses Master Barang
Deskripsi Entri data barang ke dalam database
Input Data barang
Output Simpanan data D1 (barang)
Logika proses - Proses entri di lakukan oleh entitas Bagian Pemilik
- ID Barang muncul secara otomatis dan unik
- Dilanjutkan dengan mengentri ke masing-masing field
- Tekan tombol tambah untuk menambahkan record baru
- Edit untuk mengoreksi perubahan didalam record
- Hapus untuk menghapus record tertentu
- Detail untuk menampilkan rincian barang
- Cari untuk mencari data barang
Tabel 3.11 Proses Spesifikasi Master Supplier

No. Proses 1.2
Nama Master supplier
Diskripsi Mengentri data supplier ke dalam database
Input Data Supplier
Output Simpanan data D2 (supplier)
Logika Proses - Proses entri dilakukan oleh entitas Bagian Pemilik
- ID supplier muncul secara otomatis dan unik
- Detail untuk menampilkan rincian supplier
- Cari untuk mencari data supplier
45
Tabel 3.12 Proses Spesifikasi Master Pelanggan
No. Proses 1.3
Nama proses Master Pelanggan
Diskripsi Mengentri data pelanggan ke dalam database
Input Data Pelanggan
Output Simpanan data D3 (pelanggan)
- ID pelanggan muncul secara otomatis dan unik
- Detail untuk menampilkan rincian pelanggan
- Cari untuk mencari data pelanggan
Tabel 3.13 Proses Spesifikasi Transaksi Pembelian

No. Proses 2.1
Nama proses Transaksi Pembelian
Diskripsi Mengentri pembelian barang ke dalam database
Input Data pembelian di dukung oleh data D1 (barang) D2
(supplier)
Output Simpanan data D4 (pembelian)
- ID Pembelian muncul secara otomatis dan unik
- Dilanjutkan mengentrikan pada masing-masing field
- Pilih id barang sesuai dengan daftar barang yang sudah di
beli
- Nama barang otomatis akan tampil setelah dipilih kode
barang
- Tombol tambah digunakan untuk menambahkan transaksi
baru
- Detail untuk menampilkan rincian trasaksi pembelian
- Cari untuk mencari data transaksi pembelian
46
Tabel 3.14 Proses Spesifikasi Transaksi Return Pembelian
No. Proses 2.2
Nama proses Transaksi Return Pembelian
Diskripsi Mengentri return pembelian barang ke dalam database
Input Data return pembelian di dukung oleh data D1 (barang) D2
(supplier) D4 (pembelian)
Output Simpanan data D5 (return pembelian)
- ID Return Pembelian muncul secara otomatis dan unik
- Pilih id barang sesuai dengan daftar barang yang sudah
di beli
- Nama barang otomatis akan tampil setelah dipilih id
barang
- Tombol tambah digunakan untuk menambahkan
transaksi baru
- Detail untuk menampilkan rincian trasaksi return
pembelian
- Cari untuk mencari data transaksi return pembelian
Tabel 3.15 Proses Spesifikasi Transaksi Penjualan

No. Proses 2.3
Nama proses Transaksi Penjualan
Diskripsi Mengentripenjualan barang ke dalam database
Input Data penjualan di dukung oleh data D1 (barang) D3
(pelanggan)
Output Simpanan data D6 (penjualan)
- ID Penjualan muncul secara otomatis dan unik
- Pilih id barang sesuai dengan daftar barang yang sudah di
beli
47
- Nama barang otomatis akan tampil setelah dipilih id
barang
- Tombol tambah digunakan untuk menambahkan
transaksi baru
- Detail untuk menampilkan rincian trasaksi pennjualan
- Cari untuk mencari data transaksi return pembelian
3.2.2 Perancangan Antar Muka
Gambar 3.14 Interface Home
Gambar 3.15 Interface Select Login
48
Gambar 3.16 Interface Registration User
Gambar 3.17 Interface Login User
Gambar 3.18 Interface Home Setelah Login
49
Gambar 3.19 Interface Detail Product
Gambar 3.20 Interface Cart Product
Gambar 3.21 Interface Checkout Product
50
Gambar 3.22 Interface Token Pemesanan
Gambar 3.23 Interface Riwayat Belanja
Gambar 3.24 Interface Dashboard Admin
51
Gambar 3.25 Interface Daftar Barang
Gambar 3.26 Interface Detail Barang
Gambar 3.27 Interface Tambah Data
52
Gambar 3.28 Interface Edit Barang
Gambar 3.29 Interface Daftar Supplier
Gambar 3.30 Interface Detail Supplier
53
Gambar 3.31 Interface Tambah
Gambar 3.32 Interface Edit Supplier
Gambar 3.33 Interface Daftar Pelanggan
54
Gambar 3.34 Interface Detail Pelanggan
Gambar 3.35 Interface Pembelian
Gambar 3.36 Interface Beli Product
55
Gambar 3.37 Interface Struk Pembelian
Gambar 3.38 Interface Return Pembelian
Gambar 3.39 Interface Return Beli Product
56
Gambar 3.40 Interface Struk Return Pembelian
Gambar 3.41 Interface Penjualan
Gambar 3.42 Interface Jual Product
57
Gambar 3.43 Interface Struk Penjualan
Gambar 3.44 Interface Konfirmasi Pembayaran
Gambar 3.45 Interface Laporan Pembelian
58
Gambar 3.46 Interface Laporan Return Pembelian
Gambar 3.47 Interface Laporan Penjualan
59
BAB IV
IMPLEMENTASI SISTEM
4.1 Spesifikasi Perangkat Keras (Hardware)

Perangkat keras yang digunakan untuk mengimplementasikan sistem ini
diantaranya sebagai berikut:
- Processor : AMD E1-7010 APU with AMD Radeon R2 Graphics 1.50 GHz
- Memory : RAM 2 GB
- Hardisk : 500 GB
4.2 Spesifikasi Perangkat Lunak (Software)

Perangkat lunak yang digunakan untuk mengimplementasikan sistem ini
diantaranya sebagai berikut:
- Sistem Operasi : Microsoft Windows 10
- Bahasa Pemrograman : PHP
- Text Editor : Sublime Text 3
- Database : MySQL
- Koneksi : Internet
- Browser : Google Chrome
4.3 Implementasi Program

Implementasi program ini menampilkan program yang telah dikerjakan yaitu
menu program, input, proses, dan output.
60
4.3.1 Tampilan Home
Halaman beranda tampil ketika website pertama kali diakses sebelum user
login atau belum daftar menjadi member. Juga terdapat galeri produk yang berisi
semua produk yang dijual di Podomoro Store.
Gambar 4.1 Tampilan Home
61
4.3.2 Tampilan Select Login
Berikut adalah halaman untuk memilih login admin atau user.
Gambar 4.2 Tampilan Select Login
4.3.3 Tampilan Registration User

Berikut adalah halaman untuk mendaftar menjadi member baru.
Gambar 4.3 Tampilan Registration User
62
4.3.4 Tampilan Login User
Berikut adalah halaman login user.
Gambar 4.4 Tampilan Login User
4.3.5 Tampilan Home Setelah Login

Berikut adalah halaman beranda setelah user login atau sudah mendaftar
menjadi member. Terdapat informasi menu Profil, Riwayat Belanja, dan
Keranjang user.
Gambar 4.5 Tampilan Home Setelah Login
63
4.3.6 Tampilan Detail Product
Berikut adalah halaman detail produk, yang berisi foto, nama, deskripsi
dan stok produk. Untuk memesan produk bisa langsung mengisi quantity
kemudian Checkout, atau bisa memasukkan keranjang terlebih dahulu.
Gambar 4.6 Tampilan Detail Product
4.3.7 Tampilan Cart Product

Berikut adalah halaman keranjang, berisi informasi produk yang telah
dipilih. Untuk menghapus data bisa menekan tombol (x) di samping kanan
produk. Dan untuk melanjutkan memesan klik tombol ”Checkout”.
Gambar 4.7 Tampilan Cart Product
64
4.3.8 Tampilan Checkout Product
Berikut adalah halaman checkout, berisi informasi produk yang telah
dipesan. Untuk melihat token bisa langsung menekan tombol ”Dapatkan Token”.
Gambar 4.8 Tampilan Checkout Product
4.3.9 Tampilan Token Pemesanan

Berikut adalah halaman token pemesanan, berisi informasi pesanan yang
telah dibuat.
Gambar 4.9 Tampilan Token Pemesanan
65
4.3.10 Tampilan Riwayat Belanja
Berikut adalah halaman Riwayat Belanja, berisi histori pesanan yang pernah
dibuat.
Gambar 4.10 Tampilan Riwayat Belanja
4.3.11 Login Admin

Berikut adalah halaman login admin.
Gambar 4.11 Tampilan Login Admin
66
4.3.12 Tampilan Dashboard Admin
Berikut adalah halaman dashboard admin, berisi sekilas informasi master-
master proses.
Gambar 4.12 Tampilan Dashboard Admin
4.3.13 Tampilan Daftar Barang

Berikut adalah halaman master barang, berisi informasi daftar barang, juga
terdapat beberapa aksi, yaitu tambah untuk menambah data, detail untuk
mengetahui detail produk, edit untuk merubah data, dan delete untuk menghapus
data.
Gambar 4.13 Tampilan Daftar Barang
67
4.3.14 Tampilan Detail Barang
Berikut adalah halaman detail barang, berisi informasi produk lebih rinci
lagi.
Gambar 4.14 Tampilan Detail Barang
4.3.15 Tampilan Tambah Data Barang

Berikut adalah halaman tambah data barang, berisi form input data barang,
untuk harga beli, harga jual, dan jumlah sengaja kosong terlebih dahulu, dan akan
terisi otomatis saat proses transaksi.
Gambar 4.15 Tampilan Tambah Barang
68
4.3.16 Tampilan Edit Barang
Berikut adalah halaman edit barang, berisi form edit untuk merubah data
barang.
Gambar 4.16 Tampilan Edit Barang
4.3.17 Tampilan Daftar Supplier

Berikut adalah halaman master supplier, berisi informasi daftar supplier,
juga terdapat beberapa aksi, yaitu tambah untuk menambah data, detail untuk
mengetahui detail supplier, edit untuk merubah data, dan delete untuk menghapus
data.
Gambar 4.17 Tampilan Daftar Supplier
69
4.3.18 Tampilan Detail Supplier
Berikut adalah halaman detail supplier, berisi informasi supplier lebih rinci
lagi.
Gambar 4.18 Tampilan Detail Supplier
4.3.19 Tambah Data Supplier

Berikut adalah halaman tambah data supplier, berisi form input data
supplier.
Gambar 4.19 Tampilan Tambah Supplier
70
4.3.20 Tampilan Edit Supplier
Berikut adalah halaman edit supplier, berisi form edit untuk merubah data
supplier.
Gambar 4.20 Tampilan Edit Supplier
4.3.21 Tampilan Daftar Pelanggan

Berikut adalah halaman master pelanggan, berisi informasi daftar
pelanggan, juga terdapat aksi, yaitu detail untuk mengetahui detail pelanggan.
Gambar 4.21 Tampilan Daftar Pelanggan
71
4.3.22 Tampilan Detail Pelanggan
Berikut adalah halaman detail pelanggan, berisi informasi pelanggan lebih
rinci lagi.
Gambar 4.22 Tampilan Detail Pelanggan
4.3.23 Tampilan Pembelian

Berikut adalah halaman pembelian, dimana tampilan awal berisi daftar
barang, dan tombol aksi yaitu beli.
Gambar 4.23 Tampilan Pembelian
72
4.3.24 Tampilan Beli Product
Berikut adalah halaman beli produk, berisi form input dimana kita
mengisikan tanggal, supplier, harga, dan quantity. Kemudian untuk melanjutkan
pembelian klik tombol “Beli”.
Gambar 4.24 Tampilan Beli Product
4.3.25 Tampilan Return Pembelian

Berikut adalah halaman return pembelian, dimana tampilan awal berisi
daftar barang, dan tombol aksi yaitu return beli.
Gambar 4.25 Tampilan Return Pembelian
73
4.3.26 Tampilan Return Beli Product
Berikut adalah halaman return beli produk, berisi form input dimana kita
mengisikan supplier, harga, dan quantity. Kemudian untuk melanjutkan return
pembelian klik tombol “Return Beli”.
Gambar 4.26 Tampilan Return Beli
4.3.27 Tampilan Struk Return Pembelian

Berikut adalah halaman struk return pembelian, berisi informasi return
pembelian yang telah dilakukan.
Gambar 4.27 Tampilan Struk Return Pembelian
74
4.3.28 Tampilan Penjualan
Berikut adalah halaman penjualan, dimana tampilan awal berisi daftar
barang, dan tombol aksi yaitu jual.
Gambar 4.28 Tampilan Penjualan
4.3.29 Tampilan Jual Product

Berikut adalah halaman jual produk, berisi form input dimana kita
mengisikan quantity. Kemudian untuk melanjutkan pembelian klik tombol “Jual”.
Gambar 4.29 Tampilan Jual Product
75
4.3.30 Tampilan Struk Penjualan
Berikut adalah halaman struk penjualan, berisi informasi penjualan yang
telah dilakukan.
Gambar 4.30 Tampilan Struk Penjualan
4.3.31 Tampilan Konfirmasi Pembayaran

Berikut adalah halaman konfirmasi pembayaran, dimana pelanggan
melakukan pembayaran terlebih dahulu sebelum akhirnya pemilik melakukan
konfirmasi pembayaran.
Gambar 4.31 Tampilan Konfirmasi Pembayaran
76
4.3.32 Tampilan Filter Laporan Pembelian
Berikut adalah halaman filter laporan pembelian, input bulan dan tahun
yang ingin dicetak, kemudian klik tombol “Cetak Laporan Pembelian”.
Gambar 4.32 Tampilan Filter Laporan Pembelian
4.3.33 Tampilan Laporan Rekap Pembelian

Berikut adalah halaman laporan rekap pembelian, berisi rincian pembelian
selama periode yang sudah dipilih sebelumnya.
Gambar 4.33 Tampilan Laporan Rekap Pembelian
77
4.3.34 Tampilan Filter Laporan Return Pembelian
Berikut adalah halaman filter laporan return pembelian, input bulan dan
tahun yang ingin dicetak, kemudian klik tombol “Cetak Laporan Return
Pembelian”.
Gambar 4.34 Tampilan Filter Laporan Return Pembelian
4.3.35 Tampilan Rekap Laporan Return Pembelian

Berikut adalah halaman laporan rekap laporan return pembelian, berisi
rincian return pembelian selama periode yang sudah dipilih sebelumnya.
Gambar 4.35 Tampilan Laporan Rekap Return Pembelian
78
4.3.36 Tampilan Filter Laporan Penjualan
Berikut adalah halaman filter laporan penjulan, input bulan dan tahun yang
ingin dicetak, kemudian klik tombol “Cetak Laporan Penjualan”.
Gambar 4.36 Tampilan Filter Laporan Penjualan
4.3.37 Tampilan Laporan Rekap Penjualan

Berikut adalah halaman laporan rekap penjualan, berisi rincian penjualan
selama periode yang sudah dipilih sebelumnya.
Gambar 4.37 Tampilan Laporan Rekap Penjualan
79
BAB V
PENUTUP
5.1 Kesimpulan
1. Kesimpulan yang dapat diambil dari pembahasan yang telah penulis
kemukakan ialah dengan rancang bangun sistem informasi penjualan busana
muslim berbasis web pada Podomoro Store Probolinggo, mempermudah
pelanggan dalam berbelanja online.
2. Dan pemilik tidak kesusahan dalam mengolah data.
5.2 Saran
Adapun saran yang diharapkan adalah :
1. Dalam pengembangan selanjutnya, disarankan bagi siapa saja yang akan
meneruskan sistem informasi penjualan ini dapat menambahkan fasilitas-
fasilitas ataupun suatu alat yang sekiranya menunjang untuk kelancaran
dalam proses informasi penjualan, seperti penambahan fasilitas program
yang memadai.
2. Perlu adanya pengembangan dan pemeliharaan yang lebih baik lagi terhadap
sistem penjualan yang telah dibuat, sehingga sistem ini dapat dipergunakan
sesuai dengan kebutuhan.
80
DAFTAR PUSTAKA
[1] Beighley, Lynn. jQuery for Dummies. Canada: Wiley Publishing,Inc. 2010.
[2] Bos, Wes. Sublime Text Power User. Hamilton: O’Reilly. 2014.
[3] Hartono, Bambang. Sistem Informasi Manajemen Berbasis Komputer. Jakarta:
PT. Rineka Cipta. 2013.
[4] Henderson, H. Encyclopedia of Computer Science and Technology.(Revise-
dEditionEdition). New York: Facts on File, Inc. 2009.
[5] Indrajani. Perencanaan Basis Data dalam All in 1. Jakarta : elex Media Kom-
putindo. 2011.
[6] Jusup, Haryono. Dasar-Dasar Akuntansi. Yogyakarta: STIE YKPN. 2001.
[7] Kadir, Abdul. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogy-
akarta: Andi Offset. 2008a.
[8] Kadir, Abdul. Tuntunan Praktis Belajar Database Menggunakan MySQL. Yo-
gyakarta: Andi Offset. 2008b.
[9] Kristanto, A. Perancangan Sistem Informasi dan Aplikasinya. Yogyakarta:
Gava Media. 2003.
[10] Laudon, Kenneth C. Dan Laudon, Jane P. Sistem Infromasi Manajemen. Edisi
10. Terjemahan Chriswan Sungkono dan Machmudin Eka P. Jakarta: Sa-
lemba Empat. 2007.
[11] Madcoms, Teknik Mudah Membangun Website dengan HTML, PHP, Dan
MySQL. Yogyakarta: Andi Offset. 2008.
[12] Madcoms. PHP dan MYSQL untuk Pemula. Edisi 1. Yogyakarta: Andi; Ma-
diun. 2008.
[13] Mulyadi. Sistem Akuntansi. Jakarta: Salemba Empat. 2001.
[14] Raharjo, Budi. Belajar Otodidak Framework Code Igniter. Bandung : Infor-
matika. 2015.
[15] Rangkuti, Freddy. Menejemen Persediaan. Jakarta: Aplikasi Bidang Bisnis
Raja Grafindo Persada. 2004.
[16] Soemarso, Akuntansi Suatu Pengantar. Jakarta: Salemba Empat. 2004.
[17] Spurlock, Jake. Bootstrap. Sebastopol: O’Reilly. 2013.
81
[18] Supriyanto, Aji. Web dengan HTML dan XML. Yogyakarta: Graha Ilmu.
2007.
[19] Wibowo, Arif Abubakar. Pengantar Akuntansi 1. Jakarta: PT. Gramedia Wi-
diasarana Indonesia. 2003.
82
LAMPIRAN
83
LAMPIRAN 1 : SURAT PERMOHONAN OBSERVASI DATA/SISTEM
84
LAMPIRAN 2 : SURAT BALASAN OBSERVASI DATA/SISTEM
85
Probolinggo, 18 Juni 2021
Kepada
Sifat : Penting Yth.Sdr. Direktur
Lampiran : 1(Satu) Lembar AMIK TARUNA
Perihal : Observasi Data/Sistem di
LECES
Memperhatikan Surat Saudara Nomor 145/A.07/AMIK_YPKK/VI/2021

tanggal 14 Juni 2021 perihal Permohonan Observasi Data/Sistem, bersama ini
kami sampaikan bahwa Podomoro Store Probolinggo bersedia menerima
mahasiswa dengan nama Khusnul Arifin (NIM 18.12.2256) untuk melakukan
Observasi Data/Sistem dengan rencana observasi dilakukan pada tanggal 16 Juni
2021 sampai dengan 22 Mei 2021.
Demikian disampaikan atas perhatian dan kerjasamanya terima kasih.
PODOMORO STORE
PEMILIK
JUMAIYA NINGSIH
LAMPIRAN 3 : BERITA ACARA PEMBIMBING 1
LAMPIRAN 4 : BERITA ACARA PEMBIMBING 2
87

All File

Diunggah oleh

Informasi Dokumen

Deskripsi Asli:

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

All File

Diunggah oleh

Hak Cipta:

Format Tersedia

RANCANG BANGUN SISTEM APLIKASI

PENJUALAN BUSANA MUSLIM PADA

AKADEMI MANAJEMEN INFORMATIKA DAN KOMPUTER TARUNA

AMIK TARUNA PROBOLINGGO

AKADEMI MANAJEMEN INFORMATIKA DAN KOMPUTER TARUNA

AMIK TARUNA PROBOLINGGO

Kupersembahkan Tugas Akhir ini untuk:

PENGESAHAN STATUS TUGAS AKHIR

JUDUL : RANCANG BANGUN SISTEM APLIKASI PENJUALAN

Mengijinkan Tugas Akhir ini disimpan diperpustakaan Akademi Manajemen

Khusnul Arifin Ir. Sisbiyanto, M.Pd.

Tanggal: 24 September 2021

PERSETUJUAN TUGAS AKHIR

JUDUL : RANCANG BANGUN SISTEM APLIKASI PENJUALAN

Probolinggo, 1 September 2021

Ir. Bambang Hariyadi, MBA Jamal, SE., M.Kom.

PENGESAHAN TUGAS AKHIR

JUDUL : RANCANG BANGUN SISTEM APLIKASI PENJUALAN

Probolinggo, 16 September 2021

Ir. Sisbiyanto, M.Pd. Heri Susanto, S.E, Kom.

Ir. Sisbiyanto, M.Pd.

JUDUL : RANCANG BANGUN SISTEM APLIKASI

Probolinggo, 1 September 2021

Puji syukur penulis ucapkan atas kehadirat Allah Subhanahuwata’ala yang

Probolinggo, September 2021

Ilmu pengetahuan dan teknologi berkembang sangat pesat, hal ini

Kata Kunci : Penjualan Gamis Online Podomoro Store

BAB II LANDASAN TEORI................................................................................9

BAB III ANALISI DAN PERANCANGAN SISTEM......................................30

3.1.4 Proses-Proses Dalam Sistem...................................................32

BAB IV IMPLEMENTASI SISTEM.................................................................60

1.1 Latar Belakang

1.2 Rumusan Masalah

1.3 Tujuan Penelitian

1.4 Ruang Lingkup Penelitian

1.5 Metodologi Penelitian

1.6 Kerangka Berpikir

Revisi Tidak Sesuai ?

Gambar 1.1 Kerangka Berpikir

Tabel 1.1 Jadwal Penelitian Penulis

1. Tahap Persiapan Penelitian

1.8 Definisi Istilah

Sumber: Google Maps

Memilih Barang Bayar Barang datang

Gambar 2.2 Prosedur Saat Ini Podomoro Store

Narasi Prosedur yang ada saat ini :

2.3 Pengertian Pembelian

2.4 Return Pembelian

2.5 Pengertian Penjualan

2.6 Pengertian Persediaan

2.7 Pengertian Sistem

2.9 Perangkat Lunak Pendukung

2.10 Analisa Perancangan Sistem

Tabel 2.1 Simbol-Simbol Dalam Bagan Alir

Manual Input Simbol ini digunakan untuk

Document Simbol ini digunakan untuk

Kegiatan Sebuah kegiatan pemrosesan yang

Penyimpanan Simbol ini digunakan untuk

Simbol-Simbol Arus dan Simbol lainnya

Arus Arus data atau informasi, sering

Hubungan Simbol ini digunakan untuk

2.10.5 Diagram Arus Data (DAD)