LAPORAN KP HENDRIYADI 201812056

(1)

PERANCANGAN SISTEM INFORMASI PENJUALAN & KASIR BERBASIS WEB PADA STITEK MART

Oleh:

HENDRIYADI 201812056

PROGRAM STUDI TEKNIK INFORMATIKA SEKOLAH TINGGI TEKNOLOGI BONTANG

2022

(2)

ii LEMBAR PENGESAHAN

Laporan Kerja Praktek yang telah diajukan oleh:

Nama Lengkap : Hendriyadi

NIM : 201812056

Program Studi : Teknik Informatika

Judul Kerja Praktek : Perancangan Sistem Informasi Penjualan & Kasir Berbasis Web Pada Stitek Mart

Telah disetujui dan disahkan pada tanggal 19 Januari 2022 oleh:

Menyetujui, Dosen Penguji

Abadi Nugroho, S.Kom., M.Kom.

NIK. 16080116

Dosen Pembimbing

Lapu Tombilayuk, S.Kom.,M.T NIK. 09010107

Mengetahui, Ketua Program Studi

Teknik Informatika

Abadi Nugroho, S.Kom., M.Kom.

NIK. 16080116

(3)

iii HALAMAN PERNYATAAN TUGAS AKHIR

Saya Mahasiswa program Studi Teknik Informatika Sekolah Tinggi Teknologi Bontang,

Nama Lengkap : Hendriyadi

NIM : 201812056

Program Studi : Teknik Informatika

Judul Kerja Praktek : Perancangan Sistem Informasi Penjualan & Kasir Berbasis Web Pada Stitek Mart

Dengan ini menanyakan bahwa :

1. Laporan Kerja Praktek saya ini dibuat dan dibantu dan diselesaikan oleh beberapa pihak.

2. Dalam laporan Kerja Praktek ini terdapat duplikasi karya tulis orang lain yang telah dipublikasikan, dan tertulis dengan jelas dicantumkan dalam naskah dengan disebutkan nama pengarang dalam daftar pustaka.

3. Pernyataan ini saya buat dengan sebenarnya dan apabila dikemudian hari terbukti saya tidak memenuhi apa yang telah dinyatakan, maka saya bersedia menerima sanksi akademik sesuai aturan yang berlaku.

Bontang, ………..2022 Yang membuat pernyataan,

Hendriyadi NIM. 201812056

Materai 10000

(4)

iv KATA PENGANTAR

Segala puji dan syukur penulis ucapkan kepada Tuhan Yang Maha Esa karena atas berkah dan rahmat-Nya, penulis mampu menyelesaikan laporan Kerja Praktek Jalur Mini Riset di Bontang, Kalimantan Timur dengan sebaik-baiknya.

Laporan ini disusun untuk memenuhi sebagian dari syarat untuk menyelesaikan Kerja Praktek pada program Studi Teknik Informatika Sekolah Tinggi Teknologi Bontang. Pada kesempatan kali ini, penulis mengucapkan banyak terima kasih kepada semua pihak yang telah membantu dalam penyelesaian laporan kerja praktik ini, diantaranya:

1. Tuhan yang maha esa meridhoi penulis sehingga untuk mengerjakan laporan kerja praktek.

2. Kedua orang tua dan keluarga penulis yang selalu memberikan dukungan, motivasi dan doa yang tulus sehingga penulis dapat menjalankan program KP Jalur Mini Riset dengan baik.

3. Ketua Sekolah Tinggi Teknologi Bontang, Bapak Hardianto, S.T., M.Eng.

4. Ketua Program Studi Teknik Informatika, Bapak Abadi Nugroho, S.Kom., M.Kom.

5. Bapak Lapu Tombilayuk, S.Kom., M.T. selaku pembimbing utama penulis.

6. Semua pihak yang berperan dalam pelaksanaan penelitian dan penyelesaian laporan yang tidak dapat penulis sebutkan satu persatu.

Penulis menyadari bahwa laporan ini masih jauh dari sempurna sehingga diperlukan untuk peningkatan kualitas yang berkelanjutan. Oleh karena itu, penulis sangat mengharapkan kritik dan saran yang membangun dari para pembaca. Penulis mengharapkan semoga laporan ini menambah wawasan dan bermanfaat bagi para pembacanya.

Bontang, 19 Januari 2022

Hendriyadi

(5)

v DAFTAR ISI

LEMBAR PENGESAHAN ... ii

HALAMAN PERNYATAAN TUGAS AKHIR ... iii

KATA PENGANTAR ... iv

DAFTAR ISI ... v

DAFTAR TABEL ... vii

DAFTAR GAMBAR ... viii

DAFTAR MODUL PROGRAM ... ix

DAFTAR LAMPIRAN ... ix

BAB I PENDAHULUAN ... 1

1.1. Latar Belakang ... 1

1.2. Tujuan dan Manfaat ... 2

1.3. Waktu Pelaksanaan Kerja Praktek ... 2

1.4. Sistematika Penulisan ... 2

BAB II TINJAUAN PUSTAKA ... 4

2.1. Landasan Teori ... 4

2.1.1. Sistem ... 4

2.1.2. Informasi ... 5

2.1.3. Aplikasi Website ... 6

2.1.4. Basis Data (Database) ... 6

2.1.5. Web Server dan Database Server ... 7

2.1.6. My Structure Query Language (MySQL) ... 7

2.1.7. Hypertext Preprocessor (PHP) ... 7

2.1.8. Flowchart ... 8

2.1.9. Data Flow Diagram ... 9

2.2. Penelitian Terdahulu ... 10

2.3. Kerangka Pemikiran ... 13

BAB III METODOLOGI PENELITIAN ... 15

1.1 Metode Pengumpulan Informasi ... 15

1.2 Metode Pengembangan Perangkat Lunak ... 16

BAB IV HASIL DAN PEMBAHASAN ... 18

(6)

vi

4.1. Hasil Penelitian ... 18

4.1.1. Perancangan sistem Flow Of Document (FOD) ... 18

4.1.2. Diagram Konteks ... 19

4.1.3. Rancangan Basis Data ... 20

4.1.4. Relasi Antar Tabel ... 26

4.2. Pembahasan ... 26

BAB V PENUTUP ... 39

5.1. Kesimpulan ... 39

5.2. Saran ... 39

DAFTAR PUSTAKA ... 40

LAMPIRAN ... 1

(7)

vii DAFTAR TABEL

Tabel 2. 1 Simbol – Simbol Flowchart ... 8

Tabel 2. 2 Simbol - Simbol Data Flow Diagram ... 9

Tabel 2. 3 Tabel Penelitian Terdahulu ... 10

Tabel 2. 4 Tabel Perbandingan ... 12

Tabel 4. 1 Struktur Tabel User... 21

Tabel 4. 2 Struktur Tabel Type User... 21

Tabel 4. 3 Struktur Tabel Transaksi Detail ... 21

Tabel 4. 4 Struktur Tabel Transaksi ... 22

Tabel 4. 5 Struktur Tabel Supllier ... 22

Tabel 4. 6 Struktur Tabel Keuangan ... 22

Tabel 4. 7 Struktur Tabel Jenis ... 23

Tabel 4. 8 Struktur Tabel Barang Masuk ... 23

Tabel 4. 9 Struktur Tabel Barang ... 23

Tabel 4. 10 Struktur Tabel View Barang ... 24

Tabel 4. 11 Struktur Tabel View Barang Masuk ... 24

Tabel 4. 12 Struktur Tabel View Transaksi ... 25

Tabel 4. 13 Struktur tabel user ... 25

(8)

viii DAFTAR GAMBAR

Gambar 2. 1 Kerangka Pemikiran ... 14

Gambar 4. 1 Flow Of Document (FOD) Pembelian ... 18

Gambar 4. 2 Flow Of Document (FOD) Penjualan ... 19

Gambar 4. 3 Diagram Konteks ... 20

Gambar 4. 4 Relasi Antar Tabel... 26

Gambar 4. 5 Tampilan halaman Login... 26

Gambar 4. 6 Halaman Menu Kasir ... 27

Gambar 4. 7 Tampilan Menu Transaksi Baru ... 27

Gambar 4. 8 Tampilan Menu Pembayaran Kasir ... 28

Gambar 4. 9 Tampilan Menu Kalkulator Perhitungan ... 28

Gambar 4. 10 Halaman Transaksi Penjualan Kasir ... 29

Gambar 4. 11 Halaman Menu Edit Data Diri Kasir ... 29

Gambar 4. 12 Halaman Menu Utama Admin ... 30

Gambar 4. 13 Kelola Daftar Jenis Barang ... 31

Gambar 4. 14 Kelola Daftar Barang ... 31

Gambar 4. 15 Kelola Data Supllier ... 32

Gambar 4. 16 Kelola Data User ... 32

Gambar 4. 17 Kelola Data Pembelian Barang ... 33

Gambar 4. 18 Kelola Data Pemasukan dan Pengeluaran ... 33

Gambar 4. 19 Menu Laporan Daftar Jenis Barang ... 34

Gambar 4. 20 Menu Laporan Daftar Barang ... 34

Gambar 4. 21 Laporan Daftar Supplier ... 35

Gambar 4. 22 Laporan Daftar Pembelian Barang Bulanan ... 35

Gambar 4. 23 Laporan Daftar Transaksi Harian ... 35

Gambar 4. 24 Laporan Pemasukan dan Pengeluaran Keuangan ... 36

Gambar 4. 25 Halaman Menu Pimpinan Unit... 36

Gambar 4. 26 Laporan Daftar Jenis Barang ... 37

Gambar 4. 27 Laporan Daftar Barang ... 37

Gambar 4. 28 Laporan Daftar Supplier ... 37

Gambar 4. 29 Laporan Pembelian Barang Bulanan ... 37

Gambar 4. 30 Laporan Transaksi Harian ... 38

Gambar 4. 31 Laporan Transaksi Bulanan... 38

Gambar 4. 32 Laporan Pemasukan dan Pengeluaran Keuangan Bulanan ... 38

(9)

ix DAFTAR MODUL PROGRAM

Lampiran 1 Source Code Halaman Login ... 1

Lampiran 2 Source Code Menu Kasir ... 4

Lampiran 3 Source Code Daftar Barang ... 8

Lampiran 4 Source Code Daftar Jenis ... 15

Lampiran 5 Source Code Daftar Supplier ... 19

DAFTAR LAMPIRAN

(10)

x

Lampiran 1 Source Code struktur halaman Login dan Register ... L-1

Lampiran 2 Source Code Struktur Halaman Home User ... L-8

Lampiran 3 Source Code Struktur Halaman Order ... L-13

Lampiran 4 Source Code Struktur Halaman Home Admin ... L-19

Lampiran 1 Sorce Code Struktur Halaman Paket Wisata Admin ... L-23

(11)

1 1.1. Latar Belakang

Toko kelontong atau minimarket adalah suatu toko kecil yang mudah diakses umum atau bersifat lokal, toko kelontong menjadi salah satu usaha yang banyak digeluti oleh masyarakat hal ini karena keberadaan toko kelontong yang menjadi salah satu kebutuhan primer masyarakat, berbagai macam kebutuhan pokok hidup manusia tersedia didalamnya termasuk sembilan bahan pokok.

Namun seiring berkembangnya zaman dan teknologi toko kelontong kini dapat dikelompokkan menjadi dua kategori yaitu toko konvensional dan modern. Ciri – ciri dari toko kelontong konvensional biasanya masih menerapkan sistem manual seperti warung dirumah sedangkan untuk toko kelontong modern telah menerapkan teknologi dalam pelaksanaan bisnisnya, contohnya seperti Indomaret, alfamart dan sebagainya.

Keberadaan toko kelontong terus menjalar sehingga menjadi potensi usaha yang bisa dimanfaatkan oleh masyarakat, potensi ini pula yang dilihat oleh Sekolah Tinggi Teknologi (STITEK) Bontang sebagai perguruan tinggi terbaik di Kota Bontang dan sadar bahwa perputaran keuangan tidak dapat hanya mengandalkan dari pungutan iuran mahasiswa, sehingga lahirlah sebuah unit bisnis di STITEK Bontang yaitu STITEK Mart yang berada di kampus utama STITEK Bontang, Jl. Letjen S. Parman No 65. Berdasarkan ciri – ciri dari jenis toko kelontong yang telah disebutkan sebelumya, STITEK Mart masih masuk kedalam kategori toko kelontong konvensional sebab aktivitas dari STITEK Mart yang masih dilaksanakan secara konvensional pula, mulai dari proses pendataan stok barang, pelaporan penjualan, pelaporan keuangan yang semuanya masih dilakukan secara manual menggunakan buku dan Microsoft exel sebagai aplikasi pengolahan laporan

Berdasarkan uraian diatas maka penulis melaksanakan miniriset pada unit

bisnis STITEK Bontang yaitu STITEK Mart dengan maksud untuk membangun

sebuah aplikasi dengan judul “Perancangan Sistem Informasi Penjualan & Kasir

Berbasis Web Pada Stitek Mart” sehingga proses pengolahan data di STITEK

Mart tidak lagi dilaksanakan secara manual.

(12)

1.2. Tujuan dan Manfaat 1.2.1. Tujuan

Tujuan dari penelitian ini antara lain :

1. Mempermudah proses pengolahan data di STITEK Mart seperti data jenis barang, daftar barang, daftar supplier, laporan pembelian bulanan, laporan transaksi harian dan laporan transaksi bulanan

2. Mendukung percepatan transformasi STITEK Mart dari toko kelontong konvensional menuju toko kelontong modern

1.2.2. Manfaat

Manfaat yang ditawarkan penulis dalam miniriset ini adalah kemudahan dalam pengolahan data di STITEK Mart seperti data jenis barang, daftar barang, daftar supplier, laporan pembelian bulanan, laporan transaksi harian dan laporan transaksi bulanan sehingga dengan hadirnya aplikasi ini pengolahan yang awalnya dilakukan secara manual kini dapat dilakukan melalui aplikasi, tentu hal ini akan berdampak pada efesiensi waktu pengerjaan laporan dan me-minimalisir kemungkinan kesalahan pelaporan

1.3. Waktu Pelaksanaan Kerja Praktek

Penulis melaksanakan program Kerja Praktek (KP) jalur miniriset pada perkuliahan semester gasal tahun akademik 2021/2022 terhitung tanggal 20 September 2021 hingga 19 Januari 2022

1.4. Sistematika Penulisan

Dalam penulisan laporan ini, penulis membagi penulisan laporan kedalam beberapa bab penulisan diantaranya:

BAB I PENDAHULUAN

Bab pendahuluan berisi latar belakang, Tujuan dan Manfaat, Waktu Pelaksanaan Kerja Praktek dan Sistematika Penulisan.

BAB II TINJAUAN PUSTAKA

Bab tinjauan puataka berisi landasan teori, penelitian terdahulu, dan kerangka pemikiran.

BAB III METODOLOGI PENELITIAN

Bab metodologi penelitian berisi metode Pengumpulan Informasi dan

Metode Pengembangan Perangkat Lunak

(13)

BAB IV HASIL DAN PEMBAHASAN

Bab hasil dan pembahasan berisi hasil Penelitian dan Pembahsan BAB V PENUTUP

Bab penutup berisi kesimpulan dan Saran.

DAFTAR PUSTAKA

LAMPIRAN

(14)

4 2.1. Landasan Teori

Dalam perancangan Sistem Informasi Penjualan & Kasir Berbasis Web Pada Stitek Mart Penulis akan menjelaskan beberapa tinjauan pustaka yang digunakan sebagai landasan teori.

2.1.1. Sistem

Suatu sistem pada dasarnya adalah sekelompok unsur yang erat hubungannya satu dengan yang lain, yang berfungsi bersama-sama untuk mencapai tujuan tertentu. Dari definisi ini dapat dirinci lebih lanjut pengertian sistem secara umum, yaitu sebagai berikut :

1. Setiap sistem terdiri dari berbagai unsur. Sistem pernapasan kita sendiri terdiri dari suatu kelompok unsur, yaitu hidung, saluran pernapasan, paru- paru dan darah. Unsur – unsur suatu sistem terdiri dari subsistem yang lebih kecil, yang terdiri pula dari kelompok – kelompok unsur yang membentuk subsistem tersebut

2. Unsur-unsur tersebut merupakan bagian yang tak terpisahkan dari sistem yang bersangkutan. Unsur-unsur sistem berhubungan erat satu sama lain dimana sifat serta Kerjasama antarstruktur dalam sistem tersebut mempunyai bentuk tertentu

3. Unsur-unsur didalam sistem tersebut bekerjasama untuk mencapai tujuan sistem. Setiap sistem mempunyai tujuan tertentu. Sistem pernapasan kita bertujuan menyediakan oksigen dan membuang karbon dioksida dari tubuh kita bagi kepentingan kelangsungan hidup kita. Unsur sistem tersebut berupa hidung, saluran pernapasan, paru-paru dan darah yang bekerjasama satu dengan yang lainnya dalam suatu proses tertentu untuk mencapai tujuan tersebut diatas

4. Suatu sistem merupakan bagian dari sistem lain yang lebih besar. Sistem

pernapasan kita merupakan bagian dari sistem metabolisme tubuh. Contoh

sistem lain adalah sistem pencernaan makanan, sistem peredaran darah dan

sistem pertahanan tubuh.

(15)

Dari uraian tersebut diatsa maka timbul pertanyaan, “ untuk apa suatu sistem diciptakan ?”. Suatu sistem dibuat untuk menangani sesuatu yang berulang kali atau yang secara rutin terjadi. Pendekatan sistem merupakan suatu filsafat atau persepsi tentang struktur yang mengkoordinasikan kegiatan-kegiatan dan operasi-operasi dalam suatu sistem organisasi dengan cara yang efisien dan yang paling baik. Suatu sistem dapat dirumuskan sebagai setiap kumpulan komponen atau subsistem yang dirancang untuk mencapai suatu tujuan. Dengan pendekatan sistem kita berhubungan dengan komponen perseorangan, dan kita lebih menekankan perannya didalam sistem daripada perannya sebagai suatu keseluruhan individu. Keberhasilan komponen-komponen yang dipertimbangkan secara bersama sebagai suatu sistem mungkin jauh lebih besar daripada jumlah keberhasilan setiap komponen yang dipertimbangkan secara terpisah (Sutabri, 2012) .

Sistem adalah kumpulan orang yang saling bekerjasama dengan ketentuan- ketentuan aturan yang sistematis dan terstruktur untuk membentuk satu kesatuan yang melaksanakan fungsi untuk mencapai tujuan (Anggraeni, et al., 2017)

2.1.2. Informasi

Informasi adalah data yang diolah menjadi lebih berguna dan berarti bagi penerimanya, serta untuk mengurangi ketidakpastian dalam proses pengambilan keputusan mengenai suatu keadaan (Anggraeni, et al., 2017)

Informasi merupakan proses lebih lanjut dari data yang sudah memiliki nilai tambah. Informasi dapat dikelompokkan menjadi 3 bagian yaitu :

1. Informasi Strategis. Informasi ini digunakan untuk mengambil keputusan jangka panjang, yang mencakup informasi eksternal, rencana perluasan perusahaan dan sebagainya.

2. Informasi Taktis. Informasi ini dibutuhkan untuk mengambil keputusan jangka menengah, seperti informasi tren penjualan yang dapat dimanfaatkan untuk menyusun rencana penjualan

3. Informasi Teknis. Informasi ini dibutuhkan untuk keperluan operasional

sehari-hari seperti informasi persediaan stock, retur penjualan dan laporan kas

harian (Sutabri, 2012).

(16)

2.1.3. Aplikasi Website

Aplikasi website terbagi menjadi dua macam yaitu:

1. Web Statis

Web statis merupakan sebuah web dengan konsep konten dari website tidak terhubung dengan database yang dibangun dengan menggunakan pemrograman web yang hanya berjalan disisi Client (Client Side Programming) yaitu HTML, CSS dan Javascript.

2. Web Dinamis

Web dinamis merupakan sebuah web dengan konsep konten dari website terhubung dengan database dimana konten dari website berubah mengikuti isi dari database yang dibangun dengan menggunakan pemrograman web yang berjalan disisi Server (Server Side Programming) seperti php, jsp, phyton, asp dan sebagainya.

Web dinamis digunakan untuk membuat aplikasi interaktif yang memungkinkan pengguna tidak hanya membaca atau mendapatkan informasi tetapi juga dapat melakukan perubahan data (Jumardi, 2019)

2.1.4. Basis Data (Database)

Basis data merupakan komponen mendasar suatu sistem informasi dimana pengembangan atau penggunaannya harus dilihat dari perspektif yang lebih luas berdasarkan kebutuhan organisasi. Dengan sistem informasi, memungkinkan terjadinya proses pengumpulan data, pengaturan, pengawasan dan penyebaran informasi keseluruh organisasi (Indrajani, 2018)

Basis data merupakan gabungan file data yang dibentuk dengan hubungan/relasi yang logis dan dapat diungkapkan dengan catatan serta bersifat independen. (Lubis, 2016)

Database adalah sebuah struktur yang umumnya terbagi dalam 2 hal, yaitu

sebuah database flat dan sebuah database relasional. Database relasional lebih

mudah dipahami daripada database flat karena database relasional mempunyai

bentuk yang sederhana serta mudah dilakukan operasi data (Wahana Komputer,

2010)

(17)

2.1.5. Web Server dan Database Server

Pada prinsipnya web server merupakan sebuah pernangkat lunak yang bertanggung jawab terhadap request dan reponse dari sebuah halaman web. Web server adalah perangkat lunak server yang berfungsi menerima HTTP dari client yang dikenal dengan browser dan mengirim kembali hasilnya dalam bentuk halaman web berekstensikan HTML. Contoh dari web server adalah Apache dan Internet Information System (IIS) (Jumardi, 2019)

Database server adalah sebuah perangkat lunak penyedia layanan pengelolaan basis data baik komputer maupun aplikasi basis data menggunakan model Client-Server (Jumardi, 2019)

2.1.6. My Structure Query Language (MySQL)

My Structure Query Language (MySQL) adalah salah satu database Management System (DBMS) dari sekian banyak DBMS seperti Oracle, MS SQL, Postagre SQL dan lainnya, MySQL berfungsi untuk mengolah database menggunakan bahasa SQL. MySQL besifat open source sehingga kita bisa menggunakannya secara gratis. Pemrograman PHP juga sangat mendukung/support dengan database MySQL (Anhar, 2010)

My SQL merupakan database server open source yang cukup popular keberadaannya. Dengan berbagai keunggulan yang dimiliki, membuat software database ini banyak digunakan oleh para praktisi untuk membangun suatu project.

Adanya fasilitas API (Apllication Programming Interface ) yang dimiliki oleh MySQL memungkinkan bermacam-macam aplikasi komputer yang ditulis dengan berbagai bahasa pemrograman dapat mengakses basis data MySQL. (Wahana Komputer, 2010)

2.1.7. Hypertext Preprocessor (PHP)

Hypertext Preprocessor atau lebih akrab dengan sapaan PHP merupakan bahasa pemrograman script server-side yang didesain untuk pengembangan web.

PHP disebut bahasa pemrograman server-side karena diproses pada komputer

server. Hal ini berbeda dengan bahasa pemrograman client-side seperti javascript

yang diproses didalam web browser. PHP dapat digunakan secara gratis dan

bersifat Open Source. PHP dirilis dalam lisensi PHP Licence GNU General

(18)

Public Licence yang biasa digunakan untuk proyek open source (Jannah, et al., 2019)

2.1.8. Flowchart

Flowchart adalah suatu metode yang digunakan untuk menyajikan dalam bentuk bagan alur atau sekuensi actual serangkaian peristiwa dalam proses atau layanan yang diberikan. Flowchart merupakan alat yang sangat fleksibel yang memungkinkan anggota tim meneliti proses yang kompleks dalam mengidentifikasi bidang masalah potensial dan peluang bagi peningkatan (Roberts, et al., 2009)

Flowchart adalah penggambaran secara grafik dari tahapan penyelesaian suatu masalah yang terdiri atas sekumpulan simbol, dimana masing-masing simbol merepresentasikan suatu kegiatan tertentu. Flowchart merupakan cara penyajian dari suatu algoritma program. Secara khusus, flowchart berfungsi untuk membantu menggambarkan situasi apa yang sedang terjadi dan yang akan terjadi dari sebuah simbol dan tanda penghubungnya. Selain itu, flowchart ini mampu memperjelas sebuah alur dari suatu sistem baik itu kekurangan atau kelebihan dari berbagai proses di dalam tahapan suatu sistem. (DosenPendidikan.com, 2022) Berikut ini adalah simbol-simbol standar pada sebuah flowchart beserta fungsinya:

Tabel 2. 1 Simbol – Simbol Flowchart

Simbol Nama Fungsi

Terminator Permulaan/akhir program

Garis Alir (Flow

Line)

Arah aliran program

Preparation

Proses insialisassi/pemberian harga awal

Proses Proses perhitungan/proses pengolahan data

Input/Output Data

Proses input/output data, parameter,

informasi

(19)

Predefined Process (Sub

Program)

Permulaan sub program/ proses menjalankan sub program

Decision

Perbandingan pernyataan,

penyeleksian data yang memberikan pilihan untuk langkah selanjutnya

On Page Conector

Penghubung bagian-bagian

Flowchart yang berada pada satu

halaman

Off Page Conector

Penghubung bagian-bagian

flowchart yang berada pada halaman

berbeda

2.1.9. Data Flow Diagram

Data Flow Diagram yaitu diagram yang menggambarkan sebuah aliran data dari suatu proses yang sering disebut dengan sistem informasi. Diagram ini juga menyediakan informasi mengenai input dan output dari setiap entitas yang ada pada proses tersebut.

Berikut ini adalah simbol-simbol standar pada sebuah data flow diagram beserta fungsinya:

Tabel 2. 2 Simbol - Simbol Data Flow Diagram

SIMBOL NAMA FUNGSI

Terminator

Kesatuan diluar sistem yang memberikan

input ke sistem atau menerima output dari

sistem berupa orang, organisasi, atau sistem lain

Aliran Data

Aliran data merupakan perpindahan data dari satu titik ke titik yang lain.

Penyimpanan Data

Menunjukkan penyimpanan dalam sebuah

database.

Proses

Menunjukkan suatu perubahan data dan

terjadinya proses transformasi data.

(20)

2.2. Penelitian Terdahulu

Kebutuhan penjualan toko kelontong telah berangsur beralih dari konvensional menuju modern, hal ini pula yang mendorong para peneliti untuk membangun aplikasi transaksi penjualan dengan kelebihan dan kekurangannya masing-masing, berikut hasil penelitian terdahulu yang dijadikan sebagai referensi oleh penulis :

1. (Kurniawan, 2020) dengan judul penelitian “Rancang Bangun Aplikasi Kasir Berbasis Website Pada CV Harmoni Sinergi Ekacipta” pada tahun 2020.

Dalam penelitian ini aplikasi dirancang untuk memudahkan bagian kasir dalam melakukan penjualan barang dan memudahkan pemilik usaha untuk melihat laporan penjualan dan mencetak laporan penjualan

2. (Ramadhini, et al., 2021) dengan judul penelitian “Aplikasi Manajemen Penjualan dan Pembelian Barang Dagang Pada Toko Buku Riyadh Banjarbaru“ pada tahun 2021. Dalam penelitian ini membangun aplikasi berbasis desktop dengan Bahasa pemrograman Php Native dengan menggunakan MySQL sebagai database.

3. (Suminten, 2020) dengan judul penelitian “Sistem Informasi Penjualan Aplikasi Kasir Berbasis Website Pada Mart Serba Guna Blora” tahun 2020.

Dalam penelitian ini penulis mengumpulkan data yang bersumber dari internet. Metode perancangan dengan model waterfall, implementasi pada perancangan skema database , desain user interface, pembuatan program menggunakan dreamweawer CS5.

Tabel 2. 3 Tabel Penelitian Terdahulu

No Penulis Judul Keterangan Kekurangan

1 Ach Nofal Kurniawan (2020)

Rancang Bangun Aplikasi Kasir Berbasis Website pada CV Harmoni

Aplikasi kasir berbasis website memudahkan bagian kasir dalam

melakukan penjualan barang dan memudahkan pemilik usaha untuk

- Aplikasi yang dibangun terbatas hanya mengenai proses penjualan - Aplikasi yang

dibangun tidak

membahas stok

barang masuk dan

(21)

Sinergi Ekacipta

melihat laporan penjualan dan mencetak laporan penjualan

stok barang keluar dari supplier

- User hanya kasir dan pemilik

2 Dessy Ramadhini, Rina Alfiah, Desy Ika Puspitasari (2021)

Aplikasi Manajemen Penjualan dan Pembelian Barang Dagang Pada Toko buku Riyadh Banjarbaru

Dalam penelitian ini membangun aplikasi berbasis desktop dengan Bahasa pemrograman Php Native dengan menggunakan MySQL sebagai database

- Akses aplikasi hanya terbatas pada proses transaksi penjualan dan pembelian - Laporan keuangan

bulanan masih secara manual

3 Suminten (2020)

Sistem Informasi Penjualan Aplikasi Kasir Berbasis Website Pada Mart Serba Guna Blora

Dalam penelitian ini penulis

mengumpulkan data yang bersumber dari internet. Metode perancangan dengan model waterfall, implementasi pada perancangan skema database , desain user interface, pembuatan program menggunakan dreamweawer CS5

- User hanya kasir dan owner

- Laporan yang

dihasilkan hanya

laporan penjualan,

laporan pembelian

dan laporan stok

barang, untuk

laporan keuangan

bulanan masih

secara manual

(22)

Untuk memperlihatkan perbandingan atau perbedaan antara penelitian terdahulu dengan penilitian yang dilakukan penulis maka ditampilkan dalam bentuk tabel 2.4 dibawah ini :

Tabel 2. 4 Tabel Perbandingan

Peneliti (Terdahulu) Peneliti (Sekarang) Ach Nofal

Kurniawan (2020)

- menggunakan 2 user yaitu kasir dan pemilik - Berfokus pada

transaksi penjualan - Studi kasus

perusahaan software house

Hendriyadi (2022)

- Terdapat 3 user yaitu kasir, admin dan pimpinan unit bisnis - Kasir memiliki akses

mulai transaksi baru, lihat transaksi - Admin memiliki

akses Kelola data jenis barang, Kelola daftar barang, Kelola daftar supplier, Kelola daftar user, Kelola pembelian barang, Kelola keuangan - Pimpinan memiliki

akses laporan - Laporan daftar jenis

barang, Laporan daftar barang, laporan daftar supplier, laporan daftar user, laporan pembelian, laporan transaksi harian, laporan transaksi bulanan, laporan keuangan bulanan

Dessy Ramadhini, Rina Alfiah, Desy Ika Puspitasari (2021)

- Aplikasi dibangun berbasis desktop - Fokus pada

transaksi pembelian dan penjualan - Studi kasus toko

buku Suminten

(2020)

- Menggunakan 2 user yaitu kasir dan owner - Laporan yang

dihasilkan laporan penjualan, laporan pembelian,

laporan stok

barang

(23)

2.3. Kerangka Pemikiran

STITEK Mart adalah salah satu unit bisnis yang ada di Sekolah Tinggi Teknologi (STITEK) Bontang, STITEK Mart hadir sebagai bentuk inovasi STITEK Bontang dalam melihat peluang dan upaya mewujudkan cita-cita besar untuk dapat membuat unit usaha mandiri yang mampu menopang perputaran keuangan di STITEK Bontang agar dapat meringankan beban biaya kuliah Mahasiswa, untuk mewujudkan cita – cita tersebut produktifitas STITEK Mart harus terus meningkat dari waktu ke waktu, namun berbagai kegiatan di STITEK Mart terlihat masih dilakukan secara manual seperti pembuatan laporan keuangan, laporan transaksi penjualan, laporan transaksi pembelian, laporan data supplier, laporan stok barang.

Proses pengolahan data yang manual yang dimaksudkan adalah pencatatan

laporan stok barang, laporan keuangan, laporan barang masuk dan barang keluar

dicatat dibuku besar, kemudian pengolahan datanya selanjutnya memanfaatkan

microsoft excel sebagai media penyimpanan datanya. Seperti yang diketahui,

sebuah sistem yang dibuat menggunakan microsoft excel memerlukan lebih dari

satu worksheet yang terlibat untuk menyimpan dan memanggil data yang

diperlukan. Resiko terkait keamanan data dan efesiensi waktu menjadi salah satu

yang melatar belakangi penelitian ini. Dalam penggunaannya, setiap worksheet

pada microsoft excel sangat mudah diakses dan diubah datanya bahkan oleh

pihak-pihak yang tidak memiliki hak akses. Tidak hanya data yang dapat diubah

dengan mudah, namun juga fungsi atau rumus yang digunakan. Apabila fungsi

atau rumus pada salah satu sheet terhapus atau berubah, maka tampilan akhir tidak

akan sesuai dengan apa yang diinginkan atau diperlukan oleh user, bahkan

tampilannya dapat error atau tidak lengkap.

(24)

Berikut adalah rangkuman kerangka pemikiran dari penelitian ini :

Gambar 2. 2 Kerangka Pemikiran Keterangan Kerangka Pemikiran :

Gambar 2. 1 Kerangka Pemikiran

(25)

15 1.1 Metode Pengumpulan Informasi

Untuk mendukung kebutuhan data dan informasi, penulis melakukan beberapa hal untuk mengumpulkan informasi antara lain :

1. Wawancara

Metode pengumpulan informasi yang pertama dilakukan oleh penulis adalah dengan melakukan wawancara kepada narasumber yaitu kasir, admin dan pimpinan unit, wawancara merupakan teknik pengumpulan data uang dilakukan melalui tatap muka dengan sistem tanya jawab, seiiring perkembangan teknologi wawancara kini terbagi menjadi dua kategori yaitu wawancara langsung dan wawancara tidak langsung, yang dimaksudkan dengan wawancara langsung adalah pewawancara menanyakan secara langsung atau tatap muka kepada narasumber dan narasumber langsung menjawab, sedang wawancara tidak langsung adalah wawancara yang dilakukan dengan menggunakan media perantara seperti telefon, email, whatsapp dan media online lainnya, dalam pengumpulan data ini penulis melakukan wawancara dengan kedua metode, yaitu wawancara langsung dan tidak langsung

2. Observasi

Selain wawancara, penulis juga melakukan pengumpulan data dengan metode observasi yaitu metode pengumpulan data dengan cara mengamati secara langsung aktivitas sehari – hari yang dilakukan oleh kasir, admin dan pimpinan unit di STITEK Mart, observasi dilakukan untuk mendapatkan data secara detail untuk kebutuhan sistem

3. Studi Pustaka

Setelah menentukan topik penelitian, langkah selanjutnya dalah melakukan

kajian yang berkaitan dengan teori dan topik penelitian, dalam

mengumpulkan teori, peneliti akan mengumpulkan informasi sebanyak –

banyaknya melalui sumber kepustakaan yang berhubungan, sumber – sumber

yang dimaksud seperti buku, jurnal, majalah, tesis, disertasi dan sumber –

sumber akurat lainnya yang sesuai

(26)

1.2 Metode Pengembangan Perangkat Lunak

Metode pengembangan perangkat lunak yang digunakan penulis adalah metode air terjun atau yang sering dikenal metode waterfall sering dinamakan siklus hidup klasik (classic life cycle), nama model ini sebenarnya adalah “Linear Sequential Model”, dimana hal ini menggambarkan pendekatan yang sistematis dan juga berurutan pada pengembangan perangkat lunak, dimulai dengan spesifikasi kebutuhan pengguna lalu berlanjut melalui tahapan-tahapan perencanaan (planning), permodelan (modelling), konstruksi (construction), serta penyerahan sistem ke para pengguna (deployment), yang diakhiri dengan dukungan pada perangkat lunak lengkap yang dihasilkan (Pressman, 2012).

Pertama kali model waterfall ini diperkenalkan oleh Winston Royce pada tahun 1970

Model ini termasuk ke dalam model generic pada rekayasa perangkat lunak dan pertama kali diperkenalkan oleh Winston Royce sekitar tahun 1970 sehingga seringkali dianggap kuno, tetapi merupakan model yang paling banyak dipakai dalam Software Engineering (SE). Model ini melakukan pendekatan secara sistematis dan berurutan. Disebut dengan waterfall karena tahap demi tahap yang dilalui harus menunggu selesainya tahap sebelumnya dan berjalan berurutan.

(Syafnidawaty, 2020)

Gambar 3. 1 Metode Waterfall

(27)

Metode waterfall ini dapat diuraikan sebagai berikut : 1. Analisis Kebutuhan (Requitment Analysis)

Tahap pertama yaitu analisis kebutuhan atau requitment analysis, tahao ini merupakan tahap untuk mengumpulkan berbagai informasi melalui metode pengumpulan informasi seperti wawancara, observasi dan studi pustaka, informasi yang diperoleh kemudian dianalisis sehingga didapatkan data dan informasi yang lengkap sesuai kebutuhan perangkat yang akan dibuat

2. Desain Sistem dan Perangkat Lunak (System and Software Design)

Tahap selanjutnya setelah analisis kebutuhan adalah tahap desain sistem, perancangan desain dilakukan untuk membantu memberikan gambaran lengkap mengenai lingkup pekerjaan

3. Implementasi dan Pengujian ( Implementation and Testing )

Tahapan selanjutnya pada metode waterfall adalah implementasi kode program dengan berbagai tools dan bahasa pemrograman sesuai dengan kebutuhan tujuannya adalah membangun aplikasi yang dirancang agar dapat berjalan sesuai dengan kebutuhan

4. Integrasi dan Pengujian Sistem ( Integration and System Testing )

Selanjutnya yaitu proses integrasi dan pengujian sistem, proses integrasi dimaksudkan adalah proses pengabungan modul yang sudah dibuat pada tahap sebelumnya, setelah proses integrasi selesai masuk ketahap pengujian sistem dengan tujuan menguji sistem yang telah dibangun apakah sudah sesuai dengan desain sistem dan fungsi

5. Operasi dan Pemeliharaan ( Operation and Maintenance )

Tahapan terakhir dan berkelanjutan adalah operasi dan pemeliharaan, tahapan

ini bertujuan untuk pemeliharaan sistem yang sudah berjalan hal ini

memungkinkan pengembang untuk dapat melakukan perbaikan atas

kesalahan yang tidak terdeteksi sebelumnya

(28)

18 4.1. Hasil Penelitian

Hasil dari penelitian ini berupa perancangan sistem yang dapat menunjang jalannya sebuah aplikasi. Dalam aplikasi ini terdapat beberapa sistem seperti flow of document (FOD), diagram konteks, use case diagram dan entity relationship diagram (ERD).

4.1.1. Perancangan sistem Flow Of Document (FOD)

Berikut adalah gambaran sistem penjualan yang akan dibangun dalam aplikasi digambarkan dalam bentuk Flow Of Document (FOD) :

Berikut adalah gambaran sistem pembelian yang akan dibangun dalam aplikasi digambarkan dalam bentuk Flow Of Document (FOD) :

Gambar 4. 1 Flow Of Document (FOD) Pembelian

(29)

Gambar 4.1. Flow Of Document

4.1.2. Diagram Konteks

Dalam perancangan sistem informasi penjualan & kasir berbasis web pada STITEK Mart terdapat tiga entitas pengguna yang memiliki hak akses terhadap sistem. Ketiga entitas pengguna masing-masing memiliki peran, tugas dan hak yang berbeda.

Entitas kasir memiliki hak akses untuk login ke sistem, melakukan transaksi penjualan baru dan melihat data transaksi penjualan

Entitas admin memiliki hak akses untuk login ke sistem, mengelola data jenis barang, data barang, data supplier, data user, data pembelian barang, data

Gambar 4. 2 Flow Of Document (FOD) Penjualan

(30)

keuangan, admin juga memiliki akses untuk melihat dan mendownload laporan jenis barang, data barang, data supplier, data user, laporan pembelian bulanan, laporan transaksi harian, laporan transaksi bulanan dan laporan keuangan bulanan.

Entitas pimpinan unit memiliki hak akses untuk login ke sistem, untuk melihat dan mendownload laporan jenis barang, data barang, data supplier, data user, laporan pembelian bulanan, laporan transaksi harian, laporan transaksi bulanan dan laporan keuangan bulanan

Berikut adalah gambar diagram konteks dari sistem informasi penjualan dan kasir pada STITEK Mart :

4.1.3. Rancangan Basis Data

Rancangan basis data pada penelitian ini terdiri dari tiga belas tabel diantaranya adalah tabel user, tabel type user, tabel transaksi detail, tabel transaksi, tabel supplier, tabel keuangan, tabel jenis, tabel barang masuk, tabel barang, tabel view barang, tabel view barang masuk, tabel view transaksi, tabel

Gambar 4. 3 Diagram Konteks

(31)

view user. Berikut struktur tabel dalam penelitian sistem informasi penjualan dan kasir pada STITEK Mart :

1. Tabel User

Tabel user adalah tabel yang memuat data-data intetas yang dapat mengakses sistem informasi penjualan dan kasir ini. Tabel user terdiri dari 8 kolom diantaranya id_user, nama_user, jk_user, alamat_user, no_telp_user, username, password, type_user dengan struktur tabel sebagai berikut:

Tabel 4. 1 Struktur Tabel User

2. Tabel Type User

Tabel type user adalah tabel yang memuat type dari user, terdapat tiga type user yaitu kasir, admin, pimpinan unit dengan struktur tabel sebagai berikut:

Tabel 4. 2 Struktur Tabel Type User

3. Tabel Transaksi Detail

Tabel transaksi detail adalah tabel yang memuat data detail transaksi sepeti id, no_transaksi, kd_barang, barang, harga, banyak, total dengan struktur tabel sebagai berikut:

Tabel 4. 3 Struktur Tabel Transaksi Detail

No Nama Kolom Tipe Data Ukuran Keterangan

1 id_user (*) int 11 Id user

2 nama_user varchar 50 Nama user

3 Jk_user varchar 9 Jenis user

4 alamat_user text Alamat user

5 No_telp_user varchar 13 No telepon user

6 username varchar 20 Username

7 Password varchar 30 Password

8 Type_user int 1 Type user

No Nama Kolom Tipe Data Ukuran Keterangan

1 Type_user (*) int 1 Type user

2 jabatan varchar 25 Jabatan user

No Nama Kolom Tipe Data Ukuran Keterangan

1 id_user (*) int 11 Id user

2 No_transaksi varchar 11 No transaksi

3 Kd_barang varchar 9 Kode barang

4 Barang varchar 50 Barang

5 Harga int 11 Harga

(32)

4. Tabel Transaksi

Tabel transaksi adalah tabel yang memuat data transaksi sepeti no transkasi, tanggal transaksi, waktu, id kasir, subtotal, diskon, total akhir, bayar dan kembalian dengan struktur tabel sebagai berikut:

Tabel 4. 4 Struktur Tabel Transaksi

5. Tabel supplier

Tabel supplier adalah tabel yang memuat data supplier sepeti kode supplier, nama supplier, alamat supplier, no telepon supplier dengan struktur tabel sebagai berikut:

Tabel 4. 5 Struktur Tabel Supllier

6. Tabel Keuangan

Tabel keuangan adalah tabel yang memuat data keuangan sepeti id keuangan, id asal, tanggal, waktu, jenis keuanga, masuk dan keluar dengan struktur tabel sebagai berikut:

Tabel 4. 6 Struktur Tabel Keuangan

6 Banyak int 11 Banyak

7 total int 11 total

No Nama Kolom Tipe Data Ukuran Keterangan

1 no_transaksi (*) varchar 11 No transaksi

2 Tgl_transaksi Date Tanggal transaksi

3 Waktu Timestamp Waktu transaksi

4 Id_kasir Varchar 20 Id kasir

5 Subtotal Int 11 Subtotal

6 Diskon Int 3 Diskon

7 Total_akhir Int 11 Total akhir

8 Bayar Int 11 Bayar

9 kembalian int 11 kembalian

No Nama Kolom Tipe Data Ukuran Keterangan

1 Kd_supplier () varchar 6 Kode supplier*

2 Nama_supplier varchar 50 Nama supplier

3 Alamat_supplier text Alamat supplier

4 No_telp_supplier Varchar 13 No telepon supplier

No Nama Kolom Tipe Data Ukuran Keterangan

1 Id_keuangan (*) int 11 Id keuangan

2 Id_asal Varchar 11 Id asal uang

(33)

7. Tabel Jenis

Tabel jenis adalah tabel yang memuat data jenis barang id jenis dan jenis dengan struktur tabel sebagai berikut:

Tabel 4. 7 Struktur Tabel Jenis

8. Tabel Barang Masuk

Tabel barang masuk adalah tabel yang memuat data barang masuk sepeti kode barang masuk, kode supplier, tanggal, waktu, jenis keuangan, masuk dan keluar dengan struktur tabel sebagai berikut:

Tabel 4. 8 Struktur Tabel Barang Masuk

9. Tabel Barang

Tabel barang adalah tabel yang memuat data barang sepeti kode barang, nama barang, id jenis, satuan, stok, harga pokok, ppn dan harga jual dengan struktur tabel sebagai berikut:

Tabel 4. 9 Struktur Tabel Barang

3 Tanggal Date Tanggal

4 Waktu Timestamp Waktu

5 Jenis_keuangan Varchar 25 Jenis keuangan

6 masuk Int 11 Jumlah uang masuk

7 keluar int 11 Jumlah uang keluar

No Nama Kolom Tipe Data Ukuran Keterangan

1 Id_jenis (*) int 11 Id jenis

2 jenis Varchar 25 Jenis barang

No Nama Kolom Tipe Data Ukuran Keterangan 1 Kd_barang_masuk (*) Varchar 11 Kode barang masuk

2 Kd_supplier Varchar 6 Kode Supplier

3 Kd_barang Varchar 9 Kode barang

4 Nama_barang Varchar 50 Nama barang

5 Satuan Varchar 25 Satuan barang

6 Harga Int 11 Harga barang

7 jumlah Int 11 Jumlah barang

8 Total_harga Int 11 Total harga

9 tanggal date tanggal

No Nama Kolom Tipe Data Ukuran Keterangan

1 Kd_barang (*) Varchar 9 Kode barang

(34)

10. Tabel View Barang

Tabel view barang adalah tabel yang memuat data view barang sepeti kode barang, nama barang, id jenis, satuan, stok, harga pokok, ppn, harga jual dan jenis barang dengan struktur tabel sebagai berikut:

Tabel 4. 10 Struktur Tabel View Barang

11. Tabel View Barang Masuk

Tabel view barang masuk adalah tabel yang memuat data barang masuk sepeti kode barang masuk, kode supplier, kode barang, nama barang, satuan, harga, jumlah, total harga, tanggal dan nama supplier dengan struktur tabel sebagai berikut:

Tabel 4. 11 Struktur Tabel View Barang Masuk

2 Nama_barang Varchar 50 Nama barang

3 Id_jenis Int 11 Id jenis

4 Satuan Varchar 25 Satuan barang

5 Stok Int 11 Stok barang

6 Harga_pokok Int 11 Harga pokok

7 Ppn Int 11 Ppn

8 Harga_jual int 11 Harga jual

No Nama Kolom Tipe Data Ukuran Keterangan

1 Kd_barang (*) Varchar 9 Kode barang

2 Nama_barang Varchar 50 Nama barang

3 Id_jenis Int 11 Id jenis

4 Satuan Varchar 25 Satuan barang

5 Stok Int 11 Stok barang

6 Harga_pokok Int 11 Harga pokok

7 Ppn Int 11 Ppn

8 Harga_jual int 11 Harga jual

9 jenis varchar 25 Jenis barang

No Nama Kolom Tipe Data Ukuran Keterangan 1 Kd_barang_masuk (*) Varchar 11 Kode barang masu

2 Kd_supplier Varchar 6 Kode Supplier

3 Kd_barang Varchar 9 Kode barang

4 Nama_barang Varchar 50 Nama barang

5 Satuan Varchar 25 Satuan barang

6 Harga Int 11 Harga barang

7 jumlah Int 11 Jumlah barang

(35)

12. Tabel View Transaksi

Tabel View transaksi adalah tabel yang memuat data transaksi sepeti no transkasi, tanggal transaksi, waktu, id kasir, subtotal, diskon, total akhir, bayar, kembalian dan nama kasir dengan struktur tabel sebagai berikut :

Tabel 4. 12 Struktur Tabel View Transaksi

13. Tabel View User

Tabel View user adalah tabel yang memuat data user diantaranya id_user, nama_user, jk_user, alamat_user, no_telp_user, username, password, type_user dan jabatan dengan struktur tabel sebagai berikut:

Tabel 4. 13 Struktur tabel user

8 Total_harga Int 11 Total harga

9 tanggal date tanggal

10 Nama_supplier varchar 50 Nama supllier

No Nama Kolom Tipe Data Ukuran Keterangan

1 no_transaksi (*) varchar 11 No transaksi

2 Tgl_transaksi Date Tanggal transaksi

3 Waktu Timestamp Waktu transaksi

4 Id_kasir Varchar 20 Id kasir

5 Subtotal Int 11 Subtotal

6 Diskon Int 3 Diskon

7 Total_akhir Int 11 Total akhir

8 Bayar Int 11 Bayar

9 kembalian int 11 kembalian

10 Nama_kasir varchar 50 Nama kasir

No Nama Kolom Tipe Data Ukuran Keterangan

1 id_user (*) int 11 Id user

2 nama_user varchar 50 Nama user

3 Jk_user varchar 9 Jenis user

4 alamat_user text Alamat user

5 No_telp_user varchar 13 No telepon user

6 username varchar 20 Username

7 Password varchar 30 Password

8 Type_user int 1 Type user

9 Jabatan

varchar 25 Jabatan user

(36)

4.1.4. Relasi Antar Tabel

4.2. Pembahasan

Berikut ini adalah interface dari rancangan sistem informasi penjualan dan kasir berbasis web pada STITEK Mart

1. Tampilan halaman Login

Gambar 4. 4 Relasi Antar Tabel

Gambar 4. 5 Tampilan halaman Login

(37)

2. Halaman Menu Kasir

Kasir yang akses masuknya diterima oleh sistem akan dialihkan ke halaman menu kasir. Halaman menu kasir terdiri dari tiga akses yaitu transaksi baru, daftar transaksi penjualan, edit data diri

a) Transaksi Baru

Gambar 4. 7 Tampilan Menu Transaksi Baru

Pada menu transaksi baru, Kasir dapat memilih kode barang dan secara otomatis nama barang, harga barang akan tampil, kasir tinggal menginputkan jumlah barang dan total harga akan terhitung.

Gambar 4. 6 Halaman Menu Kasir

(38)

Setelah memilih menambahkan barang, kasir dapat langsung memilih menu pembayaran atau melakukan aksi hapus dan edit.

Gambar 4. 9 Tampilan Menu Kalkulator Perhitungan

Selanjutnya kasir tinggal menginputkan diskon dan total bayar, maka secara otomatis nilai kembalian dapat terhitung, dan struk pembayaran dapat dicetak.

Gambar 4. 8 Tampilan Menu Pembayaran Kasir

(39)

b) Daftar Transaksi Penjualan

Akses selanjutnya yaitu kasir dapat melihat daftar transaksi penjualan perbulannya, kasir juga dapat melihat kembali detail penjualan dan mencetak struk penjualan

c) Edit Data Diri

Gambar 4. 11 Halaman Menu Edit Data Diri Kasir

Kasir dapat melakukan pengeditan data diri seperi ganti password , nama, jenis kelamin, alamat dan nomor telepon

Gambar 4. 10 Halaman Transaksi Penjualan Kasir

(40)

3. Halaman Menu Admin

Gambar 4. 12 Halaman Menu Utama Admin

Tampilan halaman utama admin akan langsung menampilkan ringkasan aktivitas seperti pendapatan harian, pendapatan bulanan, pengeluaran bulanan, saldo akhir, transaksi harian, barang keluar harian, barang masuk harian, peringatan jumlah stok barang, jumlah jenis barang, jumlah barang tersedia, jumlah user dan jumlah supplier barang.

Admin menjadi intitas yang memiliki paling banyak akses diantaranya

kelola daftar jenis barang, kelola daftar barang, kelola daftar supplier, kelola data

user, kelola pembelian barang, kelola keuangan tambahan, akses daftar jenis

barang, akses daftar barang, akses daftar supplier, akses daftar user, akses laporan

pembelian bulanan, akses transaksi harian, akses transaksi bulanan, dan akses

laporan keuangan bulanan dengan detail sebagai berikut :

(41)

a) Kelola Daftar Jenis Barang

Gambar 4. 13 Kelola Daftar Jenis Barang

Pada halaman admin, hak akses yang pertama adalah kelola daftar jenis barang, didalam menu ini admin dapat menambahkan, menghapus dan mengedit daftar jenis barang

b) Kelola Daftar Barang

Admin dapat mengolah daftar barang, mulai dari menambahkan barang baru, menambahkan stok dan mengedit barang.

Gambar 4. 14 Kelola Daftar Barang

(42)

c) Kelola Data Supplier

Admin dapat data menambah supplier meliputi data nama, alamat dan nomor telepon, admin juga dapat mengedit data supplier yang sudah ada sebelumnya.

d) Kelola data user

Admin dapat menambahkan data user baru meliputi username, password, nama, jabatan, jenis kelamin, alamat, nomor telepon, admin juga dapat menghapus dan mengedit data user yang sudah ada sebelumnya.

Gambar 4. 15 Kelola Data Supllier

Gambar 4. 16 Kelola Data User

(43)

e) Kelola Data Pembelian Barang

Admin dapat mengelola data pembelian barang setiap bulannya f) Kelola Data Pengeluaran Dan Pemasukan

Admin memiliki akses untuk mengelola pengeluaran dan pemasukan setiap bulannya, admin juga dapat mengedit dan menghapusnya jika terjadi kesalahan.

Gambar 4. 17 Kelola Data Pembelian Barang

Gambar 4. 18 Kelola Data Pemasukan dan Pengeluaran

(44)

g) Laporan Daftar Jenis Barang

Pada menu laporan daftar jenis barang, admin dapat langsung mencetak laporan atau mendownload laporan dengan format PDF.

h) Laporan Daftar Barang

Pada menu laporan daftar barang, Admin dapat mencetak laporan, menyimpan format pdf dan format exel.

Gambar 4. 19 Menu Laporan Daftar Jenis Barang

Gambar 4. 20 Menu Laporan Daftar Barang

(45)

i) Laporan Daftar Supplier

Pada menu laporan daftar supplier admin dapat mencetak daftar supplier dan menyimpannya dalam format pdf.

j) Laporan Daftar Pembelian Barang Bulanan

Admin dapat dengan mudah mendowload laporan pembelian barang bulanan, dan juga mendowload file laporan dengan format PDF.

k) Laporan Daftar Transaksi Harian

Gambar 4. 21 Laporan Daftar Supplier

Gambar 4. 22 Laporan Daftar Pembelian Barang Bulanan

Gambar 4. 23 Laporan Daftar Transaksi Harian

(46)

Admin dapat mencetak laporan daftar transaksi harian dan mingguan hanya dengan memilih tanggal yang diinginkan, setelah itu admin dapat langsung mencetak dan mendownload laporan.

l) Laporan Pemasukan dan Pengeluaran Keuangan

Admin dapat langsung mencetak laporan keuangan setiap bulan, dilengkapi dengan deskirpsi jenis keuangan dan tanggal transaksi.

4. Halaman Menu Pimpinan Unit

Pimpinan unit memiliki akses untuk melihat dan mencetak laporan diantaranya laporan daftar jenis barang, laporan daftar barang, Laporan daftar supplier, laporan daftar user, laporan pembelian bulanan, Laporan transaksi harian, laporan transaksi bulanan, dan laporan keuangan bulanan dengan detail sebagai berikut

Gambar 4. 24 Laporan Pemasukan dan Pengeluaran Keuangan

Gambar 4. 25 Halaman Menu Pimpinan Unit

(47)

Gambar 4. 28 Laporan Daftar Supplier Gambar 4. 26 Laporan Daftar Jenis Barang

Gambar 4. 27 Laporan Daftar Barang

Gambar 4. 29 Laporan Pembelian Barang Bulanan

(48)

Gambar 4. 30 Laporan Transaksi Harian

Gambar 4. 31 Laporan Transaksi Bulanan

Gambar 4. 32 Laporan Pemasukan dan Pengeluaran Keuangan Bulanan

(49)

BAB V PENUTUP 5.1. Kesimpulan

Perancangan Sistem Informasi Penjualan Berbasis Web di STITEK Mart diharapkan mampu memberikan solusi untuk permasalahan yang sedang dihadapi oleh pengelola STITEK Mart, beberapa kesimpulan yang dapat diambil adalah : 1. Sistem Informasi ini nantinya diharapkan dapat memberikan solusi terkait

pengelolaan data di STITEK Mart

2. Dengan hadirnya aplikasi ini diharapkan pengolahan laporan dapat lebih akurat dan cepat

5.2. Saran

Sebagai bentuk upaya untuk terus berbenah dan berinovasi, beberapa saran yang dapat penulis berikan untuk pengembangan sistem informasi penjualan dan kasir berbasis website di STITEK Mart untuk kedepannya :

1. Untuk mendukung STITEK Mart beralih dari toko kelontong konvensional menuju modern dan mampu meningkatkan pemasaran di STITEK Mart maka Sistem Informasi Penjualan dan Kasir ini dapat dikembangkan menjadi sebuah aplikasi e-commerce yang terintegrasi dengan jasa pengiriman seperti gojek, nujek dll

2. Untuk beralih menjadi aplikasi e-commerce maka tampilan atau interface

aplikasi harus dibuat lebih fresh dan user friendly.

(50)

40 DAFTAR PUSTAKA

Anggraeni, Elisabet Yunaeti and Irviani, Rita. 2017. Pengantar Sistem Informasi.

Yogyakarta : Andi, 2017.

Anhar. 2010. Panduan Menguasai PHP & MySQL Secara Otodidak. Jakarta : Mediakita, 2010.

DosenPendidikan.com. 2022. Simbol FLowchart - Pengertian, Fungsi, Tujuan, Jenus, Contoh. dosenpendidikan.co.id. [Online] Dosen Pendidikan, 1 3, 2022. [Cited: 1 18, 2022.] https://www.dosenpendidikan.co.id/simbol-flowchart/. -.

Indrajani. 2018. DATABASE SYSTEM ALL IN ONE THEORY, PRACTICE, AND CASE STUDY.

Jakarta : PT Alex Media Komputido, 2018. 123.

Jannah, MIftahul, Sarwandi and Creative, Cyber. 2019. Mahir Bahasa Pemrograman

PHP. Jakarta : PT Alex Media Komputido, 2019. 978-602-04-9876-8.

Jumardi, Rio. 2019. Website Statis, Konsep dan Praktik HTML - CSS. Ponorogo : Uwais Inspirasi Indonesia, 2019. 978-623-7035-34-3.

Kurniawan, Ach Nofal. 2020. Rancang Bangun Aplikasi kasir Berbasis Website Pada CV

Harmoni Sinergi Ekacipta. Surabaya : repository.dinamika.ac.id, 2020. 14410100173.

Lubis, Adyanata. 2016. Basis Data Dasar Untuk Mahasiswa Ilmu Komputer. Yogyakarta : Deepublish, 2016. 978-602-453-007-8.

Ramadhini, Dessy, Alfiah, Rina and Puspitasari, Desy Ika. 2021. Aplikasi Manajemen

Penjualan dan Pembelian Barang Dagang Pada Toko Buku Riyadh Banjarbaru.

Banjarbaru : eprints.uniska-bjm.ac.id, 2021. 4502.

Roberts, Albert R. and Greene, Gilbert J. 2009. Buku Pintar Pekerja Sosial - Jilid 2.

Jakarta : Oxford Univertity Press.Inc, 2009. 978-979-687-574-0.

Suminten. 2020. Sistem Informasi Penjualan Aplikasi Kasir Berbasis Website Pada Mart

Serba Guna Blora. Bogor : Jurnal Prosisko Vol 7, 2020. 2597-9922.

Sutabri, Tata. 2012. Analisis Sistem Informasi. Yogyakarta : CV ANDI OFFSET, 2012. p. 6.

978-979-29-3295-9.

Syafnidawaty. 2020. Metode Waterfall. raharja.ac.id. [Online] Universitas Raharja, 4 4, 2020. [Cited: 1 18, 2022.] https://raharja.ac.id/2020/04/04/metode-waterfall/. -.

Wahana Komputer. 2010. Panduan Belajar MySQL Database Server. Jakarta Selatan : PT

TransMedia, 2010. 979-794-243-0.

(51)

L-1 LAMPIRAN

Lampiran 1 Source Code Halaman Login

<?php

include "config/koneksi.php";

include "library/fungsi.php";

date_default_timezone_set("Asia/Jakarta");

@$aksi = new oop();

session_start();

@$table = "tbl_user";

@$user = mysql_real_escape_string($_POST['tuser']);

@$pass = mysql_real_escape_string($_POST['tpass']);

@$sql = mysql_fetch_array(mysql_query("SELECT * FROM tbl_user WHERE username = '$user'"));

@$type = $sql[7];

if (empty($_SESSION['user']) || empty($_SESSION['type'])) { }else{

switch ($_SESSION['type']) { case '1':

$aksi->alamat("pimpinan_unit/");

break;

case '2':

$aksi->alamat("admin/");

break;

case '3':

$aksi->alamat("kasir/");

break;

default:

break;

}}

if (isset($_POST['blogin'])) {

@$a=$aksi->login($table, $user, $pass, $type, $alamat);

if(isset($a['0']) && isset($a['1']) && isset($a['2'])){

switch ($a['2']) { case '1':

$aksi->alamat("pimpinan_unit/");

break;

case '2':

$aksi->alamat("admin/");

break;

case '3':

$aksi->alamat("kasir/");

break;

default:

break;

}}}

?>

<!DOCTYPE html>

<html>

<head>

(52)

L-2

<title>Aplikasi Inventory : STITEK MART</title>

body{

background-color: rgba(0, 0, 61, 0.1);

} </style>

</head>

<body>

<div class="panel-heading"

style="padding:20px;">

<center><img

src="http://localhost/STITEKMART/app/img/whitemart.png" alt="logo"

width="160" height="160"></td>

<div style="font-

size:200%;"><strong>STITEK MART</strong></S></div>

<div style="font-

size:100%;">APLIKASI INVENTORY MANAGEMENT & KASIR</div>

</div>

<div class="input-group"

style="margin:10px 2px;">

<span

class="input-group-addon"><div class="glyphicon glyphicon- user"></div></span>

<input type="text"

name="tuser" class="form-control" placeholder="Username"

maxlength="20" required value="<?php echo @$_POST['tuser']; ?>"

tabindex="0" autofocus autocomplete="on">

</div>

<input

type="password" name="tpass" id="password" class="form-control"

placeholder="Password" tabindex="0" maxlength="30" required

(53)

L-3

value="<?php echo @$_POST['tpass']; ?>" autocomplete="off">

</div>

<!-- <div class="form-group">

<div class="input-group"

style="margin:10px 2px;">

<span

class="input-group-addon"><div class="glyphicon glyphicon- education"></div></span>

<?php

$sql="SELECT

* FROM tbl_type_user ORDER BY type_user DESC";

$z=mysql_query($sql);

while ($x=mysql_fetch_array($z)) {

?>

<option value="<?php echo $x['0']; ?>" <?php if ($x['0']==@$_POST['level']){echo "selected";} ?>><?php echo

$x['1']; ?></option>

<?php } ?>

</select>

</div>

</div> -->

<button type="submit"

name="blogin" class="btn btn-primary btn-block col-md- 6">LOGIN</button>

</form>

</div>

</div>

$(function () {

$('#password').password().on('show.bs.password', function (e) {

$('#methods').prop('checked', true);

}).on('hide.bs.password', function (e) {

$('#methods').prop('checked', false);

});

$('#methods').click(function () {

$('#password').password('toggle');

});

</script>