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

Anggota

Tambah Data Anggota

Registrasi Anggota

Online

Tambah Data Anggota

Penjualan Offline Tambah Data

Penjualan Barang

TambahPeminjaman

Input Data Barang

Yang Rusak

LihatBelumKembali

InputPengembalian

Penjualan Online Input Data Penjualan

Barang

InputPenjualan

Validasi Penjualan

Barang

Lihat Penjualan

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

(1)

Tipe

(2)

Panjang

(3)

Desimal

(4)

Nilai Default

(5)

Spesifikasi

(6)

Null

(7)

Keterang

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

ugas’/’delivery

’

F

Field Tipe Panjang Desimal Nilai

Default

Spesifikasi Null Keterangan

(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 2-3 Tabel Regristrasi

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

Field

(1)

Tipe

(2)

Panjang

(3)

Desimal

(4)

Nilai

Default

(5)

Spesifikasi

(6)

Null

(7)

Keterangan

(8)

id_anggota integer 5 0 Auto-

increment

F PK

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

si

F

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

’9’, spasi

F

no_telepon_anggot

a

varchar 15 ‘0’..’9’ F

e_mail_anggota varchar 30 ‘a’..’Z’,’0’..

’9’,’@’,’-

‘,’_’,’.’

F

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

’9’,’/’

F

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

’9’

F FK

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

Field

(1)

Tipe

(2)

Panjang

(3)

Desimal

(4)

Nilai Default

(5)

Spesifikasi

(6)

Null

(7)

Keteranga

n

(8)

id_barang integer 3 0 Auto-

increment

F PK

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

, spasi

F

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

Field

(1)

Tipe

(2)

Panjang

(3)

Desimal

(4)

Nilai Default

(5)

Spesifikas

i

(6)

Null

(7)

Keterangan

(8)

id_penjualan integer 5 0 Auto-

increment

F FK

id_barang integer 5 0 Auto-

increment

F FK

Jumlah integer 1 0 F

Harga decim

al

5 2 F

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

Barang

katalog.php Katalog jenis, kategori,

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

Offline

pinjoffline.php TambahPenjualan idanggota,

idpenjualan,

idbarang,

jumlah, harga, n

-

LihatBelumKembali - -

InputPengembalian idpenjualan,

idbarang,

jumlah, harga, n

-

Penjualan

Online

pinjonline.php InputPenjualan idpeminjaman,

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

Online

Proagram Toko

Klontong

Online.dfm/fas/

Baca Username Pegawai Login Kode,paswod valid

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

ataupun tidak benar

Edut data member,input data

member,detail data member

Jika Member bersangkutan tidak Pernah lagi

meminjam maka data member tersebut di

hapus

Delete member No member

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

Memperbarui data barang yang dijual dan

yang telah dibeli

Data Yang Telah Diperbarui

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

barang,katagori,jenis,jumlah

barang

Mendapatakan

barang,tidak

ditemukan,pembayaran

Barang yang rusak Pengembalian ganti

Transaksi Transaksi.pas/dfm Proses Penjualan Barang Transaksi penjualan,.info

trnsaksi mendapatkan barang

Tidak

ditemukan,transaksi

pembayaran.

Proses dimana calon pembelli membatalkan No transaksi,

3.2. PDM ( Physical Data Online)

ID_PEMESANAN = ID _PEMESANAN

ID_BARAN G = ID _BARANG

ID_MEMBER = ID _MEMBER

ID_MEMBER = ID _MEMBER

ID_KONFIRMASI = ID_KON FIRMASIID_PEMESANAN = ID _PEMESANAN

ID_H ISTORY = ID_HISTOR Y

ID_BARAN G = ID _BARANG

ID_MEMBER = ID _MEMBER

ID_BARAN G = ID _BARANGID_MEMBER = ID _MEMBER

ADMIN

ID_ADMIN Text(20)

USERNAME Text(30)

PASSWRD Text(20)

PENJUALAN

ID_PENJUALAN Text(20)

TGL_MASUK DateTime

TGL_KELUAR DateTime

MEMBER

ID_MEMBER Text(20)

NAMA Text(30)

ALAMAT Text(30)

TLP Integer

KOTA Text(20)

USERNAME Text(30)

PASSWROD <undefined>

BARANG

ID_BARANG Text(20)

ID_HISTORY Text(20)

NM_BRG Text(20)

HARGA_BRG Text(30)

SATUAN Text(20)

STOCK_BRG

ID_STOCK Text(20)

ID_BARANG Text(20)

JUMLAH_STOCK Text(30)

HISTORY_BRG

ID_HISTORY Text(20)

TGL_MASUK DateTime

TGL_KELUAR DateTime

KETERANGAN Text(30)

KONFIRMASI

ID_KONFIRMASI Text(20)

ID_PEMESANAN Text(20)

ID_MEMBER Text(20)

TGL_KONFIRMASI DateTime

TGL_PENGIRIMAN DateTime

PEMESANAN

ID_PEMESANAN Text(20)

ID_KONFIRMASI Text(20)

ID_MEMBER Text(20)

ID_BRG Text(20)

ID_MMBR Text(20)

ID_KONFIRM Text(20)

JUMLAH Text(30)

HARGA_TOTAL Text(30)

PENGIRIMAN

ID_PENGIRIMAN Text(20)

BIAYA_PENGIRIMAN Text(30)

ID_MEMBER Text(20)

MEMBELI

ID_MEMBER Text(20)

ID_BARANG Text(20)

MEMPEROLEH

ID_BARANG Text(20)

ID_PEMESANAN Text(20)

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