1

JURTI, Vol.1 No.1, Juni 2017, ISSN: 2579-8790

IJCCS ISSN: 1978-

SISTEM INFORMASI PENJUALAN PADA TOKO

CANON FOTOCOPY BERBASS WEB
Amin Rais*1, Rika Ismayanti2, Dedi Mirwansyah3
1,2
Sistem Informasi, Universitas Mulia, Samarinda
3
Manajemen Informatika, Universitas Mulia, Samarinda
e-mail: *1aminrais@students.universitasmulia.ac.id, 2xxx@xxxx.xxx, 3xxx@xxxx.xxx

Abstrak
Abstrak Maksimal 200 kata berbahasa Indonesia dicetak miring dengan Times New
Roman 11 point menggunakan single spasi. Abstrak harus jelas, deskriptif dan harus memberikan
gambaran singkat masalah yang diteliti. Abstrak meliputi alasan pemilihan topik atau
pentingnya topik penelitian termasuk tujuan penelitian, metode penelitian dan ringkasan hasil.
Abstrak harus diakhiri dengan komentar tentang pentingnya hasil atau kesimpulan singkat.

Kata kunci—3-5 kata kunci, Algoritma A, algoritma B, kompleksitas

1. PENDAHULUAN

Kebutuhan manusia akan informasi memacu pesatnya perkembangan teknologi di bidang

informasi dan telekomunikasi. Teknologi yang semakin meningkat didukung dengan sarana dan
prasarana yang memadai, membuktikan bahwa kini informasi telah menjadi kebutuhan pokok
dalam kehidupan manusia.
Seiring perkembangan teknologi informasi yang ada saat ini, pengolahan data dapat
dilakukan dengan mudah, dapat menghasilkan suatu informasi yang kita butuhkan dengan akurat
dan mengefektifkan waktu, serta dengan biaya yang kita keluarkan lebih efisien. Keunggulan
inilah yang menjadikan teknologi informasi saat ini banyak berperan serta dalam segala bidang
dan aspek kehidupan yang ada, dan berkembang sesuai dengan kebutuhan masyarakat. Sistem
informasi juga suatu perangkat lunak yang diciptakan sebagai sarana untuk membantu dalam
proses berlangsungnya bisnis, salah satu sistem informasi yang banyak di implementasikan
adalah sistem berbasis website.
Kegiatan bisnis seperti penjualan dan pembelian sangat memerlukan sistem informasi
untuk pengolahan data dan informasi. Di Canon Fotocopy penulis mengambil sebuah gambaran
dari sebuah permasalahan pada sistem penjualan dan pembelian buku dan alat tulis serta fotocopy
yang terjadi. Sebelumnya, dalam sistem penjualan dan pembelian di toko tersebut hanya dapat di
lakukan secara manual untuk melakukan semua transaksi penjualan sampai melakukan pencatatan
biaya perawatan. Transaksi penjualan rata-rata mencapai Rp. 1.500.00 per hari dan tidak ada
rekap laporan yang dilakukan. Pada pengolahan data pembelian pengelola toko membuatkan
secara manual, dengan tulis tangan di kertas. Hal ini menyebabkan tidak efisiennya pengelolaan
biaya pembelian dan juga pemesanan produk karena sering terjadi kesalahan dalam penulisan dan
perhitungan. Sedangkan dalam pengelolaan data penjualan produk, pembuatan laporan hanya
dibuatkan secara garis besar yaitu berapa jumlah uang didapat setiap harinya. Selain itu juga ada
masalah-masalah lain yang sering muncul seperti hilangnya faktur-faktur pembelian maupun
faktur-faktur penjualan yang merupakan bukti-bukti dari transaksi-transaksi yang dilakukan.
Berdasarkan uraian di atas, maka dirancang Sistem Informasi Penjualan Berbasis Website
pada toko Canon Fotocopy. Sistem ini berisi tentang data barang, data pemasok, data penjualan

ar, implies research results (First Author)

 2
JURTI, Vol.1 No.1, Juni 2017, ISSN: 2579-8790
IJCCS ISSN: 1978-

dan data pembelian. Dengan adanya Sistem Informasi Penjualan ini dapat membantu pemilik toko
dalam mengelola data barang, data pemasok, data penjualan dan data pembelian.

2. METODE PENELITIAN

2.1. Metode Prototype

Metode pengembangan sistem yang digunakan dalam penelitian ini adalah prototype
yang digambarkan sebagai berikut:

Gambar 1 Metode Prototype

Uraian tahap dalam penelitian ini adalah sebagai berikut:

a. Komunikasi, Pada tahap ini dilakukan pengumpulan atau analisa kebutuhan dari
sistem dengan cara melakukan wawancara terhadap pemilik toko dan memberikan
solusi untuk membuat suatu sistem yang sesuai dengan kebutuhan yang ada.
b. Quick Plan. Pada tahap ini, dilakukan analisis gambaran umum pada sistem yang
sedang berjalan di toko menggunakan alat bantu pengembangan sistem Flow Of
Document, dan menghasilkan gambaran umum sistem yang berjalan sehingga dapat
diuraikan permasalahan-permasalahan yang terjadi dan memberikan solusi yang tepat
dari permasalahan tersebut.
c. Pembentukan Prototype. Pada tahap ini dilakukan tahap perancangan pembuatan
sistem mulai dari alur proses yang diusulkan, relasi data, context diagram, data flow
diagram, hingga dengan struktur data.
d. Evaluasi Prototype. Pada tahap ini dilakukan evaluasi sistem dengan menjelaskan
seluruh halaman menu yang terdapat pada sistem.
e. Perbaikan Prototype (Deployment Delivery and Feedback). Pada tahap ini sistem diuji
dengan metode black box. Kemudian melakukan evaluasi kekurangan-kekurangan
dari kebutuhan apa saja yang terlibat pada aplikasi tersebut. Penulis kembali
mendengarkan keluhan dari user untuk memperbaiki prototype yang ada.

2.2. Alat Bantu Pengembangan Sistem

Teknik yang digunakan untuk melaksanakan bagian dari tahapan pengembangan sistem
yang digunakan teknik analisis terstruktur dan alat bantu analisis yang digunakan adalah Flow of
Document, Context Diagram, Data Flow Diagram, Entity Relationship Diagram dan Hierarhy
Input Process Output. Alat bantu ini nantinya digunakan untuk menerjemahkan segala alur proses
pengelolaan data.

ar, implies research results (First Author)

 3
JURTI, Vol.1 No.1, Juni 2017, ISSN: 2579-8790
IJCCS ISSN: 1978-

2.3. Kerangka Berpikir

Mu la i

Mengelola data Pen gu mpula n

Penjuala
Studi Pustaka
Keb utuh an

Studi L ite ratu r

Seje nis
Ide ntifikasi
Ma sa lah

Membangun Protoype :
- FOD Berjalan/Usulan
Pengumpulan Data:
- CD Ana lisis
- Wawancara
- DFD Data - Observasi
- ERD
- HIPO

Pro se s
Ana lisis

Mengembangkan
- Bahasa Pemogr aman P HP
Sistem Pro se s Pe mecah an
- Desain / Form
Model : Protoype Ma sa lah - Report
Testing : Blacbox

Hasil :
Rancangan S istem, Solu si / Pe rb aikan
Program Aplikasi

Sele sa i

Gambar 2 Kerangka Berpikir

Beberapa tahapan tersebut antara lain seperti awalnya memilih tempat penelitian untuk
meneliti proses yang berjalan dengan cara melakukan pengumpulan data studi pustaka dan studi
literatur sejenis, untuk menentukan latar belakang, setelah menentukan latar belakang akan
berlanjut ke proses identifikasi masalah berdasarkan latar belakang, lalu ke proses analisis data
berdasarkan pengumpulan data wawancara dan observasi, pada proses analisis data akan
dibangun Flow of Document berjalan dan usulan, Context Diagram, Data Flow Diagram, Entity
Relationship Diagram, Hierarchy Input Proses Output. dan berdasarkan dari analisis data yang
dilakukan maka akan lanjut ke proses analisis dan masuk ke proses pemecahan masalah dengan
membangun sebuah Aplikasi menggunakan bahasa pemrograman PHP dan mendesain Form atau
laporan, mengembangkan sistem dengan metode prototype dan testing menggunakan Blackbox
testing, lanjut ke proses solusi dan perbaikan pada proses ini yaitu hasil perancangan sistem,
program Aplikasi hingga siap diimplementasikan.

2.4. Perancangan Sistem

Pada Flow of Document usulan di bawah, dapat dijelaskan bahwa karyawan memasukan
data barang, data kategori, dan data transaksi penjualan ke dalam sistem, yang kemudian disimpan
ke dalam database sistem. Dari database sistem dapat langsung mencetak nota penjualan yang
diberikan kepada pelanggan, dan dapat langsung mencetak laporan data barang dan data transaksi
penjualan yang bisa langsung dilaporkan kepada pemilik toko.

ar, implies research results (First Author)

 4
JURTI, Vol.1 No.1, Juni 2017, ISSN: 2579-8790
IJCCS ISSN: 1978-

Flow Of Document Usulan Pada Toko Canon Fotocopy

Pelanggan Karyawan Pemilik

Mulai

Data Barang
Input Data
Input Data Barang Input Kategori Data User
Penjualan

Database

Cetak Laporan Data

Cetak Nota Laporan Stock
barang dan
Penjualan Barang
Penjualan
Laporan Penjualan

Laporan Stock
Nota Penjualan Nota Penjualan Selesai
Barang
Laporan Penjualan
Phase

Gambar 3 Rancangan Sistem Usulan

Pada Context Diagram di bawah, dapat dijelaskan bahwa sistem terdiri dari satu proses
utama dan 2 entitas. Entitas karyawan memberikan data kategori, data produk, dan data transaksi
ke dalam sistem, dan entitas pemilik memberikan data user ke sistem dan mendapatkan data
laporan produk dan laporan transaksi.
Laporan Data Produk

Data Kategori

SISTEM INFORMASI PENJUALAN CANON

Karyawan Data Produk Laporan Transaksi Pemilik
FOTOCOPY

Data Transaksi

Data User

Gambar 4 Context Diagram Sistem

Pada Data Flow Diagram di bawah dapat dijelaskan bahwa terdapat 4 proses, 2 entitas
dan 4 data store. Entitas karyawan memberikan data produk, data kategori, dan data transaksi ke
proses master data, yang kemudian disimpan ke data store. Entitas pemilik memberikan data user
ke dalam proses manajemen user. Proses transaksi dilakukan dengan menggunakan data produk,
data kategori, dan data user yang kemudian di simpan ke dalam data store transaksi. Seluruh data
dari semua data store digunakan oleh proses laporan untuk membuat laporan yang akan
diserahkan kepada pemilik toko.

ar, implies research results (First Author)

 5
JURTI, Vol.1 No.1, Juni 2017, ISSN: 2579-8790
IJCCS ISSN: 1978-

PRODUK

PRODUK

DATA PRODUK DATA MASTER

PRODUK
DATA KATEGORI

KATEGORI

KATEGORI

DATA TRANSAKSI TRANSAKSI TRANSAKSI TRANSAKSI

DATA USER

KARYAWAN
USER USER

DATA USER MANAGEMENT USER

PEMILIK

LAPORAN TRANSAKSI USER

TRANSAKSI

LAPORAN KATEGORI

LAPORAN PRODUK PRODUK

Gambar 5 Data Flow Diagram Lvl 0

Pada Entity Relationship Diagram (ERD) diatas dijelaskan hubungan dari masing-masing
entitas tabelnya yaitu sebagai berikut:
1. Tabel Produk
a. Satu produk memiliki banyak kategori
b. Banyak produk memiliki banyak transaksi
c. Banyak produk dapat dijual oleh satu user
2. Tabel Kategori
a. Banyak kategori dimiliki oleh satu produk
b. Banyak kategori dapat dimasukan oleh banyak user
3. Tabel User
a. satu user dapat memasukan banyak kategori
b. satu user dapat memasukan banyak produk
c. satu user dapat melakukan banyak transaksi
Id_kategori Harga_jual Id_user total

id Harga_beli id Notransaksi
untungi tunai

nama
keterangan untung

terdaftar
terdaftar

stock
PRODUK m memiliki n TRANSAKSI

foto

1 n
n
memiliki

Melakukan

me
ma terdaftar
s uk
an

level

n
1 1 skin

foto

KATEGORI 2 memasukan 1
USER password

username

id kategori terdaftar id Nama telp email

Gambar 6 Entity Relationship Diagram

ar, implies research results (First Author)

 6
JURTI, Vol.1 No.1, Juni 2017, ISSN: 2579-8790
IJCCS ISSN: 1978-

3. HASIL DAN PEMBAHASAN

3.1. Tampilan Beranda

Pada gambar di bawah adalah tampilan laman menu beranda, pada halaman ini terdapat
menu data master untuk melakukan input data barang dan data kategori, juga terdapat menu
transaksi untuk memasukan data transaksi penjualan, dan terdapat laporan penjualan.

Gambar 7 Tampilan Beranda

3.2. Tampilan Master Barang

Pada gambar di bawah adalah tampilan menu master barang. Di dalam menu ini user
dapat menambahkan data barang dan sekaligus dapat menghapus, dan merubah data barang sesuai
keinginan.

Gambar 8 Tampilan Master Barang

3.3. Tampilan Transaksi Penjualan

Pada gambar di bawah adalah tampilan menu transaksi penjualan. Di dalam menu ini
user dapat menambahkan data transaksi dan sekaligus dapat menghapus, dan merubah data
transaksi sesuai keinginan.

ar, implies research results (First Author)

 7
JURTI, Vol.1 No.1, Juni 2017, ISSN: 2579-8790
IJCCS ISSN: 1978-

Gambar 9 Tampilan Menu Transaksi Penjualan

3.4. Tampilan Menu Laporan

Pada gambar di bawah adalah menu tampilan untuk membuat laporan penjualan, di
dalam menu ini, user dapat memilih bulan dan tanggal untuk mencari data penjualan yang
diinginkan dan dapat langsung di export ke dalam bentuk excel dan dapat di download.

Gambar 10 Tampilan Menu Laporan

ar, implies research results (First Author)

 8
JURTI, Vol.1 No.1, Juni 2017, ISSN: 2579-8790
IJCCS ISSN: 1978-

4. KESIMPULAN

Dari hasil penelitian, perancangan dan implementasi yang telah dilakukan maka dapat ditarik
kesimpulan yang dapat dikemukakan sebagai berikut:
Sistem Informasi Penjualan pada Toko Canon Fotocopy berbasis web ini dapat membantu
karyawan dalam kegiatan mengolah data barang, data transaksi dan laporan transaksi penjualan
dan system ini dibuat bersifat intern, artinya pengguna program ini hanya kalangan tertentu yang
memiliki hak akses terhadap sistem ini yang terdiri dari karyawan dan pemilik toko dan sistem
ini juga memberikan informasi mengenai data barang, data transaksi penjualan dan laporan
transaksi penjualan.
5. SARAN

Dalam sistem ini disadari masih banyak kekurangan dan kelemahan, diharapkan dalam
pembuatan Sistem Informasi penjualan ini yang selanjutnya dapat dikembangkan menjadi sebuah
E-Commerce sehingga pelanggan dapat langsung memilih barang dan bertransaksi tanpa harus
datang ke toko.

DAFTAR PUSTAKA

[1] Bunafit, N. (2018). Aplikasi Pemograman Web Dinamis Dengan PHP dan MySQL.
Yogyakarta: Gava Media.

[2] Darmawan, D., & Fauzi, K. N. (2013). Sistem Informasi Manajemen. Bandung: PT Remaja
Rosdakarya.

[3] Indrajani. (2017). Database Design (Theory, Pratice, and Case Study). Jakarta: PT Elex
Media Koputindo.

[4] Junindar. (2018). Panduan Lengkap Menjadi Programmer Membuat Aplikasi Penjualan
Menggunakan VB.Net. Jakarta: Mediakita.

[5] Kadir, A. (2013). Pengenalan Sistem Informasi. Yogyakarta: Andi Offset.

[6] Kristanto, A. (2014). Analisa Sistem Informasi. Yogyakarta: Graha Ilmu..

[7] Nugroho, B. (2013). Dasar Pemograman Web PHP - MySQL dengan Dreamweaver.
Yogyakarta: Gava Media.

[8] Ogedebe, P., M., & Jacob, B., P. (2012). A Strategy to Use When User Lacks Data Processing
Experience. ARPN Journal of Systems and Software , 219-223.

[9] Pressman, R., S. (2012). Rekayasa Perangkat Lunak. Yogyakarta: Andi.

[10] Sutabri, T. (2012). Konsep Sistem Informasi. Yogyakarta: CV ANDI OFFSET.

[11] Saleh, A., R. (2013). Membangun Perpustakaan Digial. Jakarta: CV Sagung Seto.

[12] Sidik, B. (2012). Pemograman Web Dengan PHP. Bandung: Informatika.

ar, implies research results (First Author)

 9
JURTI, Vol.1 No.1, Juni 2017, ISSN: 2579-8790
IJCCS ISSN: 1978-

[13] Wicaksono, Y. (2018). Membangun Bisnis Online Dengan Mambo. Jakarta: PT. Elex Media
Komputindo.

ar, implies research results (First Author)