DESKRIPSI PERANCANGAN PERANGKAT LUNAK

SISTEM INFORMASI TOKO KELONTONG

ADITYA EKA PRIYATNA 14102001

AGUNG DWI LAKSONO 14102003

AUFA ILYAS RAMBE 14102009

CAHAYA MEYLISA RAJAGUGUK 14102015

NANCY RIA SILVANI HUTAURUK 14102031

ROS NOVIA CITRA DEVI 14102038

TIRTO PAMBUNIARTO 14102042

PROGRAM STUDI S1 TEKNIK INFORMATIKA

SEKOLAH TINGGI TEKNOLOGI TELEMATIKA TELKOM PURWOKERTO
2015
1. Pendahuluan
1.1. Tujuan
1.1.1. Menerapkan metode waterfall dalam pembuatan sistem informasi
pada Toko Pratama Jaya.
1.1.2. Menghasilkan sistem informasi yang mampu memperkenalkan
dan menjual secara online.
1.2. Ruang Lingkup
1.2.1. Perangkat lunak yang dibangun merupakan aplikasi business to
consumer ecommerce yang sederhana, yang mana dalam aplikasi
ini terjadi transaksi penjualan secara online antara badan usaha
dengan pembeli perorangan.
1.2.2. Simulasi sistem online dilakukan pada localhost.
1.2.3. Metode pengembangan sistem menggunakan waterfall model.
1.2.4. Perangkat lunak yang dibangun dapat melakukan otentikasi
member dan admin.
1.2.5. Perangkat lunak yang dibangun dapat menerima proses registrasi
non member untuk menjadi member.
1.2.6. Perangkat lunak yang dibangun dapat menangani transaksi
pembelian dan pemesanan produk.
1.2.7. Sistem pembayaran produk dilakukan dengan transfer antar
rekening bank secara manual kemudian divalidasi oleh admin
setelah pembeli mengkonfirmasi pembayaran.
1.2.8. Stok produk pada manajemen data produk perangkat lunak yang
dibangun akan berubah jika ada produk yang dipesan/dibeli sudah
dibayar lunas oleh member.
1.2.9. Perangkat lunak dapat menampilkan laporan data produk, laporan
order dan laporan penjualan.
1.2.10. Perangkat lunak yang dibangun dapat menampilkan produk
terbaru pada halaman home dan rekomendasi produk lainnya pada
halaman detail produk.
1.2.11. Perangkat lunak yang dibangun dapat memberikan fasilitas
pencarian produk.
 1.2.12. Perangkat lunak yang dibangun dapat melakukan pengumpulan
produk yang dibeli dalam keranjang belanja dan mampu
menampilkan keranjang belanja dengan field berisi gambar
produk, nama produk, berat, jumlah, harga dan total harga seluruh
produk yang dibeli.
1.3. Definisi dan akronim
1.3.1. Software : Sekumpulan data elektronik yang disimpan dan diatur
oleh komputer, data elektronik yang disimpan oleh komputer itu
dapat berupa program atau instruksi yang akan menjalankan suatu
perintah. Melalui sofware atau perangkat lunak inilah suatu
komputer dapat menjalankan suatu perintah.
1.3.2. Barcode : kumpulan kode yang berbentuk garis, dimana masing-
masing ketebalan setiap garis berbeda sesuai dengan isi kodenya.
Barcode juga informasi terbacakan mesin ( machine readable )
dalam format visual yang tercetak.
1.3.3. Barcode Scanner : alat yang digunakan untuk membaca kode-
kode berbentuk garis-garis vertikal (disebut dengan BARCODE)
yang terdapat pada kebanyakan produk-produk consumer good.
1.3.4. Cash drawer atau laci uang elektronik adalah drawer atau laci
yang berisi rak-rak yang disebut bill tray dan coin tray, digunakan
untuk penyimpanan uang berdasarkan nominal uang. Bill tray
adalah untuk uang kertas dan coin tray untuk uang logam.
1.3.5. Mini printer atau POS printer adalah jenis printer yang digunakan
untuk keperluan aplikasi yang berhubungan dengan mesin kasir
atau komputer kasir. Ukurannya relatif kecil, kecepatan cetak
tinggi, menggunakan kertas struk model Roll.
1.3.6. Customer display atau sering juga disebut customer pole adalah
alat display output yang berguna untuk menampilkan informasi
penting pada pelanggan. Customer display ini memberikan
tampilan ringkas atas barang yang sedang di-entry oleh kasir.
1.3.7. Mesin Kasir / Cash register adalah suatu peralatan mekanik
maupun elektronik untuk menghitung dan mencatat transaksi
 penjualan yang biasanya terintegrasi secara modul dengan laci
(cash drawer) untuk menyimpan sejumlah mata uang. Cash
register umumnya juga mengeluarkan hasil cetak (print) dari struk
penjualan (receipt) untuk pelanggan.
1.3.8. Sistem adalah sekumpulan unsur / elemen yang saling berkaitan
dan saling mempengaruhi dalam melakukan kegiatan bersama
untuk mencapai suatu tujuan.
2. Perancangan Sistem
2.1 Perancangan Arsitektur
2.1.1. Sistem Informasi Pendaftaran Online ini merupakan software yang
dikembangkan dengan menggunakan SQL Developer sebagai Data
Base Management System (DBMS) dan menggunakan web
browser untuk mengakses halaman web bagi konsumen secara
online.
2.1.2. Dalam sistem ini terdapat user yaitu Pelanggan. User akan
menggunakan sistem secara online dan data yang dimasukkan oleh
user akan dikirimkan ke database server.
2.1.3. Bahasa pemrograman yang dipakai unuk sistem ini yaitu JSP (Java
Server Pages).

Gambar 2.1 Perancangan arsitektur toko

online Pratama Jaya
2.2 Perancangan Rinci
2.2.1. Use Case Sequence Diagram

Sebelum masuk pada sistem use cases yang akan dibuat,

disini akan dijelaskan secara detail use case diagram adalah
model fungsional sebuah system yang akan menggunakan actor
dan use case dan juga suatu pola atau gambaran yang
menunjukkan prilaku atau kebiasaan system. Untuk lebih
jelasnya ada terletak pada gambar dibawah ini dengan system
pembayaran online atau ofline.

2.2.1.1. Registrasi

Gambar 2.2 use case regsitrasi

 2.2.1.2. Login

Gambar 2.3 use case login

2.2.1.3. Pembelian

Gambar 2.4 use case pembelian

2.2.1.4. Pembayaran

Gambar 2.5 use case pembayaran

2.2.2 Class Diagram

Class diagram ini pada took kelontong digunakan untuk

menampilkan kelas-kelas dan paket-paket didalam system. Class diagram
memberikan gambaran system secara statis dan relasi antar mereka.
Biasanya dibuat beberapa class diagram untuk system tunggal. Beberapa
diagram sesuai dengan yang diinginkan untuk mendapatkan gambaran
lengkap terhadap system yang dibangun. Diagram adalah alat perancangan
terbaik untuk tim pengembang. Diagram tersebut membantu pengembang
mendapatkan struktur system sebelum kode tulis, dan membantu untuk
memastikan bahwa system adalah desain terbaik. Untuk gambaran
relasinya bisa dilihat pada gambar berikut ini :

Gambar 2.6 class diagram

2.2.3 Class Description

Pada class description yang dibutuhkan disini ialah penjelasan dari class
diagram di atas.

Class: Tabel User

 User_Id : field yang digunakan untuk menyimpan id user yang digunakan
untuk login.
 Password: field yang digunakan untuk login dan bersifat rahasia.
 Login_status : merupakan sebuah status sudah login atau tidak.

Class: Pelanggan
 Nama_pelanggan: berisikan nama pelanggan sesuai dengan identitas
sipelanggan.
 Alamat : berisikan alamat si pelanggan.
 Email : berisikan alamat email si pelanggan agar dapat pengiriman
informasi seputar transaksi.
 Nomor_telepon :berisikan nomor telepon sipelanggan.
- Register : field yang melakukan register terhadap data.
- Login : melakukan login atau masuk
- Edit : melakukan pengeditan atau perubahan pada input data.
- Save : melakukan penyimpanan.

Class: Keranjang Belanja

 Id_produk : nama dari sebuah produk.
 Banyaknya_beli : banyaknya produk yang dibeli.
 Tanggal_pembelian : tanggal pada pembelian.
- Nambah : menambah untuk jumlah pembelian.
- Hapus : untuk menghapus atau membatalkan produk.
Class: Admin
 Id_username : id username sipengguna.
 Id_password : id untuk login merupakan field yang bersifat rahasia.
- Login : melakukan login si admin.
- Input : melakukan penginputan data admin.
- Hapus : melakukan penghapusan data.
- Edit : melakukan pengeditan atau perubahan data.
- Save : melakukan penyimpanan data.

Class: Member
 Id_member : Id saat daftar member berupa nomor yang diberi saat
mendaftar menjadi member.
 Id_nama : nama dari member.
 Id_username : username buat login.
 Id_password : password yang bersifat rahasia dan guna untuk login.
- Input : melakukan input data.
- Edit : melakukan pengeditan atau perubahan saat menginput identitas.
- Hapus : menghapus data.

Class: Pemesanan Produk

 Id_pemesan : identitas pengiriman barang.
 Tanggal_pembelian : identitas mengenai produk yang akan dikirim.
 Nama_pelanggan : nama produk yang akan dipeasn.
 Banyak_pembelian : banyak barang yang dipesan.
- Total_pembelian : total belanja yang harus dibayar.

Class: Data Pemesanan

 Id_order : berisikan id order (pemesanan)
 Id_produk : id dari produk yang dipesan.
 Nama_produk : nama produk yang dipesan
  Banyak_pembelian : banyaknya barang dipesan.
 Total_pembelian : total dari keseluruhan pembelian barang.

3. Perancangan Data
3.1. Dekomposisi Data
Bagian ini berisi dekomposisi logik dari data. Pada bagian ini
berisi tabel dengan kolom Data, Proses, Keterangan. Kolom keterangan
hanya diisi jika proses tidak tergambarkan dalam DFD (Data Flow
Diagram). Misalnya untuk proses-proses yang mewakili suatu library
umum. Contoh dekomposisi fungsional data adalah sebagai berikut:

Secara logik perangkat lunak Toko Klontong Online dibagi ke

dalam 6 modul. Dekomposisi logik dari modul tersebut diperlihatkan
pada tabel berikut:

Tabel Error! No text of specified style in document.-1 Dekomposisi Logik Data

Modul Nama Proses Nama Fungsi Keterangan

Login Login Login

Katalog Barang Katalog Barang Katalog

Data User Lihat Data Petugas Lihat Data Petugas

Edit Data Petugas Edit DataPetugas

Lihat Data Anggota Lihat Data Anggota

Edit Data Anggota Edit Data Anggota

Tambah Data Tambah Data Anggota

Anggota

Registrasi Anggota Tambah Data Anggota

Online
Penjualan Offline Tambah Data TambahPeminjaman
Penjualan Barang

Input Data Barang LihatBelumKembali

Yang Rusak
InputPengembalian

Penjualan Online Input Data Penjualan InputPenjualan

Barang

Validasi Penjualan Lihat Penjualan

Barang
Validasi Penjualan

Pengiriman Barang Lihat Pengiriman

Edit Pengiriman

Penjemputan Barang Lihat Penjemputan

EditPenjemputan

KoneksiDB KoneksiDB Modul untuk

melakukan
koneksi dengan
database

3.1.1 Deskripsi Data

Hasil transformasi diagram pada dokumen model relasi
menghasilkan 9 buah relasi yaitu Info Login, Anggota, Petugas,
Kategori, Pembuat, Pengelola, Barang, Penjualan, dan Detail
Penjualan. Secara detail, hasil transformasi tersebut diuraikan
sebagai berikut:

Tabel Error! No text of specified style in document.-2 Tabel Login

Field Tipe Panjang Desimal Nilai Default Spesifikasi Null Keterang

(1) (2) (3) (4) (5) (6) (7) an

 (8)

Userid varchar 8 ‘a’..’Z’,’0’..’9’ F PK

Password varchar 12 ‘a’..’Z’,’0’..’9’ F

kelas_user varchar 8 ‘anggota’/’pet F

ugas’/’delivery
’

Tabel 2-3 Tabel Regristrasi

Field Tipe Panjang Desimal Nilai Spesifikasi Null Keterangan

Default
(1) (2) (3) (4) (5) (6) (7) (8)
Email Varchar 50 a'..'Z','0'..'9' F PK
Nama Varchar 20 a'..'Z','0'..'9' F
Password Varchar 8 a'..'Z','0'..'9' F
Userid Varchar 15 a'..'Z','0'..'9' F
No.Telepon Integer 12 F

Tabel Error! No text of specified style in document.-1 Tabel Anggota

Nilai
Field Tipe Panjang Desimal Spesifikasi Null Keterangan
Default
(1) (2) (3) (4) (6) (7) (8)
(5)

id_anggota integer 5 0 Auto- F PK

increment

nama_anggota varchar 30 ‘a’..’Z’,spa F

si

alamat_anggota varchar 255 ‘a’..’Z’,’0’.. F

’9’, spasi

no_telepon_anggot varchar 15 ‘0’..’9’ F

a
e_mail_anggota varchar 30 ‘a’..’Z’,’0’.. F
’9’,’@’,’-
‘,’_’,’.’

foto_anggota varchar 100 ‘a’..’Z’,’0’.. F

’9’,’/’

Userid varchar 8 ‘a’..’Z’,’0’.. F FK

’9’

Tabel Error! No text of specified style in document.-4 Tabel Barang

Keteranga
Field Tipe Panjang Desimal Nilai Default Spesifikasi Null
n
(1) (2) (3) (4) (5) (6) (7)
(8)

id_barang integer 3 0 Auto- F PK

increment

nama_barang varchar 15 ‘a’..’Z’,’0’..’9’ F

, spasi

Tabel Error! No text of specified style in document.-5 Tabel Penjualan

Spesifikas
Field Tipe Panjang Desimal Nilai Default Null Keterangan
i
(1) (2) (3) (4) (5) (7) (8)
(6)

id_penjualan integer 5 0 Auto- F FK

increment

id_barang integer 5 0 Auto- F FK

increment

Jumlah integer 1 0 F

Harga decim 5 2 F
al
 3.1.2 Dekomposisi Fisik Modul
Dekomposisi fisik modul Perangkat lunak Toko Klontong
Online diperlihatkan seperti tabel di bawah ini:

Modul Nama File Nama Fungsi Input Output

Login login.php Login userid, password -

Katalog katalog.php Katalog jenis, kategori, -

Barang pengelola

Data User datauser.php LihatDataPetugas - -

EditDataPetugas alamat, email, -

telepon,
password

LihatDataAnggota Userid -

EditDataAnggota alamat, email, -

telepon,
password

TambahDataAnggota nama, alamat, -

email, telepon,
foto, userid,
password

Penjualan pinjoffline.php TambahPenjualan idanggota, -

Offline idpenjualan,
idbarang,
jumlah, harga, n

LihatBelumKembali - -

InputPengembalian idpenjualan, -
idbarang,
jumlah, harga, n
Penjualan pinjonline.php InputPenjualan idpeminjaman, -
Online idbarang,
jumlah, harga, n

LihatPenjualan - -

Validasi Penjualan idpenjualan, -

dibatalkan,
idbarang,
jumlah, n

LihatPengiriman - -

EditPengiriman idpenjualan, -
idpengirim

LihatPenjemputan - -

EditPenjemputan idpenjualan, -
idpenjemput,
tgldikembalikan,
idbarang,
jumlah, harga, n

KoneksiDB koneksidb.php KoneksiDB - -

 Tabel Dekomposisi Logik Data

Data Nama File Nama Fungsi input output

Program Toko Klontong Proagram Toko Baca Username Pegawai Login Kode,paswod valid
Online Klontong
Online.dfm/fas/

Validasi Password Login Kode,paswod valid

Pembuatan Kartu Member Kartu member Kartu member

Mengolah Data member Nik,nama,alamat,ktp Kartu member

Mengolah data barang pegawai

Info data barang Disewakan dikembalikan

Mengolah data Member pegawai

Info data Member Nik,nama,alamat,ktp

Mengolah data Transaksi Peminjaman Pegawai transaksi

Info data peminjaman Anggota,peminjaman,pencaraian Mendapatakan dvd.tdk

ditemukan
Login Login.pas/dfm Mebaca Username dan password Pegawai Login valid Login tidak valid

Gagal Memasukan Username dan password No valid No valid

Register Member Register.pas/dfm Proses bila ada member baru Input data member,edit data
member,detail data member

Proses dimana data member tidak lengkap Edut data member,input data
ataupun tidak benar member,detail data member

Jika Member bersangkutan tidak Pernah lagi Delete member No member

meminjam maka data member tersebut di
hapus

Klontong Klontong.pas/dfm Proses dimana bila ada yang membeli barang Pembelian barang

Memperbarui data barang yang dijual dan Data Yang Telah Diperbarui
yang telah dibeli

Member Member.pas/dfm Barang Yang di beli Kode,nama Mendapatakan

barang,katagori,jenis,jumlah barang,tidak
barang ditemukan,pembayaran

Barang yang rusak Pengembalian ganti

Transaksi Transaksi.pas/dfm Proses Penjualan Barang Transaksi penjualan,.info Tidak
trnsaksi mendapatkan barang ditemukan,transaksi
pembayaran.

Proses dimana calon pembelli membatalkan No transaksi,

 3.2. PDM ( Physical Data Online)
MEMBER
I D_MEMBER = ID _MEMBER ID_MEMBER Text(20)
NAMA Text(30)
I D_MEMBER = ID _MEMBER ALA MAT Text(30)
TLP Integer
KOTA Text(20) BARANG
USERNAME Text(30)
ID_BARANG Text(20)
PASSWROD <undefined>
ID_HISTORY Text(20)
ADMIN NM_BRG Text(20)
ID_ADMIN Text(20) HARGA_BRG Text(30)
USERNAME Text(30) SATUAN Text(20)
I D_MEMBER = ID _MEMBER
PASSWRD Text(20) I D_BARAN G = ID _BARANG

MEMBELI
ID_MEMBER Text(20)
ID_BARANG Text(20)

STOCK_BRG
ID_STOCK Text(20) I D_BARAN G = ID _BARANG
ID_BARANG Text(20) I D_H ISTORY = I D_HI STOR Y
JUMLAH_STOCK Text(30)
PENJUALAN
ID_PENJUALAN Text(20)
TGL_MASUK DateTime
TGL_KELUAR DateTime

I D_BARAN G = ID _BARANG

PENGIRIMAN HISTORY_BRG
MEMPEROLEH ID_HISTORY Text(20)
ID_PENGIRIMAN Text(20)
ID_BARANG Text(20) TGL_MASUK DateTime
BIAYA_PENGIRIMA N Text(30)
ID_MEMBER Text(20) ID_PEMESANAN Text(20) TGL_KELUAR DateTime
KETERANGAN Text(30)
I D_PEMESANAN = ID _PEMESANAN

PEMESANAN
ID_PEMESANAN Text(20)
ID_KONFIRMASI Text(20)
KONFIRMASI ID_MEMBER Text(20)
ID_KONFIRMASI Text(20) I D_MEMBER = ID _MEMBER ID_BRG Text(20)
ID_PEMESANAN Text(20) ID_MMBR Text(20)
ID_MEMBER Text(20) ID_KONFIRM Text(20)
TGL_KONFIRMASI DateTime I D_PEMESANAN
I D_KONFI RMASI
= ID=_PEMESANAN
ID_KON FI RMASI JUMLAH Text(30)
TGL_PENGIRIMAN DateTime HARGA_TOTAL Text(30)
Dari diagram arus data perusahaan diperoleh entity-entity utama untuk Sistem
Informasi Toko Klontong Online :

1. Admin : Berisikan awal masuk member melakukan transaksi di toko

tersebut dengan memasukkan username dan password.
2. Member : Berisikan Informasi mengenai Data-data Member
3. Barang : Berisikan Informasi mengenai Barang yang ada pada toko
tersebut.
4. Stock Barang : Berisikan Informasi mengenai Stock barang yang
tersedia atau tidak serta jumlah barang yang tersimpan dalam gudang
toko tersebut.
5. History Barang : Berisikan Informasi mengenai keterangan tiap
barang tersebut dalam keadaan baik atau rusak yang ada pada toko
tersebut.
6. konfirmasi : Berisikan informasi mengenai member melakukan
konfirmasi pada saat barang tersebut sudah dikirim atau belum
dikirim.
7. Penjualan : Berisikan Informasi mengenai Penjualan barang yang
tersedia di toko tersebut.yang mana nantinya barang penjualan tersebut
kita asumsikan tgl masuk dan tgl keluar barang yang sudah terjual.
8. Pemesanan : Berisikan informasi pada saat member ingin melakukan
pemesanan barang.
9. Pengiriman : Berisikan informasi pengiriman barang di toko tersebut
serta menyantumkan biaya pengiriman yang nantinya akan di terima
oleh member tersebut.
Mencari Hubungan atau relasi antara ke enam entity atau file diatas maka kita
dapatkan hubungan sebagai berikut :

- Banyak Member dapat membeli banyak barang berarti disini

hubungannya yaitu Many To Many
- Satu Member dapat melakukan banyak Pemesanan disini hubungannya
adalah One To many.
- Banyak Konfirmasi dapat dilakukan satu member,atau sebaliknya berarti
hubungannya adalah One To many atau Many to One.
- Banyak Pengiriman dapat dilakukan satu member berarti hubungannya
adalah Many to One.
- Banyak barang mempunyai satu history barang,berarti disini
hubungannya Many To One.
- Banyak barang menyediakan satu Stock barang,bisa jadi kemungkinan
stock yang disediakan toko tersebut kosong. Berarti disini hubungannya
Many To One.
- Banyak pemesanan bisa memperoleh banyak barang, berarti disini
hubungannya Many To Many.
- Satu Pemesanan Menerima satu konfirmasi, berarti disini hubungannya
One To One.

4. Perancangan Antar Muka

Gambar 4.1 Halaman Awal

Gambar 4.2 Membuka menu

Gambar 4.3 Sub dari parabot

 Gambar 4.4 Sub dari Sembako

Gambar 4.5 Sub dari profil member

 Gambar 4.6 Form login

Gambar 4.7 Form sign up

Gambar 4.8 Form pengisian no kartu pelanggan

Gambar 4.9 Form pengisian data pelanggan