Struktur Database - yang berjalan di suatu perusahaan dan sebagai dasar untuk membuat atau Alu

Struktur database yang digunakan dalam aplikasi ini, dapat dilihat pada tabel – tabel berikut ini.

Akses

Tabel 3.18 struktur data akses

Nama Tipe Length Keterangan

id_akses int 11 Primary Key

nama varchar 255 tipe varchar 100

Barang

Tabel 3.19 struktur data barang

Nama Tipe Length Keterangan

id_barang int 11 Primary Key

kode_barcode text

id_kategori int ¹¹ ^{Foreign Key, References kategori_barang} (id_kategori) nama varchar 255 harga float diskon float ppn float deskripsi text Barang_terjual

Tabel 3.20 struktur data barang terjual

Nama Tipe Length Keterangan

id int 11 Primary Key

id_transaksi varchar ¹⁰⁰ ^{Foreign Key, References transaksi} (id_transaksi)

nama_item varchar 255 harga float

diskon float

ppn float

qty int 11

waktu_transaksi datetime

Barcode

Tabel 3.21 struktur data barcode

Nama Tipe Length Keterangan

id_barcode int 11 Primary Key

id_barang int 11 Foreign Key, References barang (id_barang) kode_barcode text output int 11 DPI int 11 thickness int 11 resolution int 11 rotation int 11 text text fontStyle varchar 255 fontSize int 11 A1 text A2 text A3 text Hak_akses

Tabel 3.22 struktur data hak akses

Nama Tipe Length Keterangan

id_akses int 11 Foreign Key, References akses (id_akses) id_pengguna int ¹¹ ^{Foreign Key, References pengguna_aplikasi}

(id_pengguna)

Harga_tambahan

Tabel 3.23 struktur data harga tambahan

Nama Tipe Length Keterangan

id_barang int 11 Foreign Key, References barang (id_barang) harga float

Jadwal_sychronize

Tabel 3.24 struktur data jadwal synchronize

Nama Tipe Length Keterangan

id_jadwal int 11 Primary Key

waktu datetime

mode varchar 100

Kategori_barang

Tabel 3.25 struktur data kategori barang

Nama Tipe Length Keterangan

id_kategori int 11 Primary Key nama varchar 255

Nama_bank

Tabel 3.26 struktur data nama bank

Nama Tipe Length Keterangan

id_bank int 11 Primary Key

nama text

Pembayaran

Tabel 3.27 struktur data pembayaran

Nama Tipe Length Keterangan

id_pembayaran int 11 Primary Key

id_tipe_pembayaran int ^{11 Foreign}^Key,^References

tipe_pembayaran (id_tipe_pembayaran) no_kartu text

expired_kartu date

id_tipe_kartu int ¹¹ ^{Foreign Key, References tipe_kartu} (id_tipe_kartu)

id_bank int ¹¹ ^{Foreign Key, References nama_bank} (id_bank)

total int 11

waktu_pembayaran datetime

Pengguna_aplikasi

Tabel 3.28 struktur data pengguna aplikasi

Nama Tipe Length Keterangan

id_pengguna int 11 Primary Key

username varchar 255 password varchar 255 nama varchar 255 email varchar 150 telepon varchar 100 status varchar 10 tipe varchar 100 avatar varchar 255 alamat text Pesan_transaksi

Tabel 3.29 struktur data pesan traksaksi

Nama Tipe Length Keterangan

id_pesan_transaksi int 11 Primary Key deskripsi text

status varchar 20 waktu_input datetime

Server_cabang

Tabel 3.30 struktur data server cabang

Nama Tipe Length Keterangan

server_alias varchar 255 server_url varchar 255 tipe varchar 100 lokasi varchar 255 deskripsi text Targetip

Tabel 3.31 struktur data target IP

Nama Tipe Length Keterangan

id_targetip int 11 Primary Key

id_jadwal int ¹¹ ^{Foreign Key, References jadwal_synchronize} (id_jadwal)

ip varchar 100

Temporary

Tabel 3.32 struktur data temporary

Nama Tipe Length Keterangan

id_temporary int 11 Primary Key id_barang int 11

qty int 11

waktu_input datetime

Tipe_kartu

Tabel 3.33 struktur data tipe kartu

Nama Tipe Length Keterangan

id_tipe_kartu int 11 Primary Key tipe_kartu varchar 255

Tipe_pembayaran

Tabel 3.34 struktur data tipe pembayaran

id_tipe_pembayaran int 11 Primary Key tipe_pembayaran varchar 255

Transaksi

Tabel 3.35 struktur data transaksi

Nama Tipe Length Keterangan

id_transaksi varchar 100 Primary Key sumber_transaksi varchar 255

id_pembayaran int ¹¹ ^{Foreign Key, References pembayaran} (id_pembayaran)

id_pengguna int ¹¹ ^{Foreign Key, References}

pengguna_aplikasi (id_pengguna) id_pesan_transaksi int ¹¹ ^{Foreign Key, References pesan_transaksi}

(id_pesan_transaksi)

bayar int 11

kembalian int 11

waktu_transaksi datetime

3.9 Perancangan Antarmuka

Berdasarkan skematik perancangan antarmuka aplikasi, kemudian perancangan antarmuka mulai dibuat. Dengan mengacu pada parameter – parameter yang akan disesuaikan dengan kebutuhan aplikasi, dan ini ditujukan untuk mempermudah pengguna dalam memakai aplikasi web based nantinya.

Perancangan antarmuka aplikasi yang dibuat dititik beratkan hanya untuk membantu dalam memperlancar proses synchronize database dan penjualan.

Berikut adalah tampilan – tampilan dari rancangan antarmuka aplikasi, berdasarkan urutan dari skematik perancangan antarmuka aplikasi untuk pemakai: 1. Tampilan utama dari aplikasi untuk frontend. Pada gambar 3.29 diperlihatkan

Gambar 3.32 Rancangan antarmuka pada halaman kasir di server cabang Pada tampilan utama ini terdapat menu-menu, diantaranya:

(1) Cari Data, untuk membantu kasir pada server cabang dalam mencari informasi tentang barang/item.

(2) Administrator, link menuju ke halaman administrator, dimana merupakan hak akses bagi kepala gudang dan operator.

(3) Logout, digunakan jika user telah selesai menggunakan aplikasi

2. Tampilan halaman Administrator, pada tampilan ini terdapat sub sub menu utama backend bagi administrator berupa pengaturan item, laporan penjualan, schedule synchronize database, dan profile user.

Gambar 3.33 Rancangan antarmuka backend Pada tampilan ini terdapat menu-menu , diantaranya:

(1) Master, menu dropdown yang terdiri dari item, kategori item, payment type.

(2) Barcode, digunakan untuk menampilkan data gambar barcode tiap item / barang.

(3) Syncronize Schedule, menu ini tampil baik di aplikasi yang diakses di pusat maupun cabang, berisi konfigurasi penjadwalan kapan synchronize database dilakukan. Baik dari server pusat ke cabang maupun sebaliknya.

(4) Log, digunakan untuk menampilkan informasi catatan akhir dari proses synchronize database

(5) Panel, merupakan drop down menu yang terdiri dari menu user, backup dan restore database, dan konfigurasi system secara umum. (6) Kasir, link menuju halaman kasir.

(7) Logout, digunakan jika user telah selesai menggunakan aplikasi. 3. Tampilan menu server cabang, pada tampilan ini hanya dapat diakses oleh

aplikasi yang terinstall di server pusat, dalam arti user merupakan super administrator.

(1) Server name, nama komputer server cabang yang akan di syncronkan. (2) IP Address, ip address server cabang yang akan di syncronkan.

Gambar 3.34 Rancangan antarmuka backend superadmin yang diakses dari server pusat

4. Tampilan menu synchronize schedule, berguna untuk mengatur penjadwalan kapan waktu proses synchronize database berlangsung.

Gambar 3.35 Rancangan antarmuka synchronize schedule

5. Tampilan Panel User, pada tampilan ini terdapat informasi data user yang menggunakan aplikasi, diantaranya:

a. username. b. password. c. email. d. hak akses.

Gambar 3.36 Rancangan antarmuka backend user aplikasi

6. Tampilan halaman input data barang, pada tampilan ini berfungsi untuk mempermudah administrator pusat dalam proses input data barang:

Dalam dokumen yang berjalan di suatu perusahaan dan sebagai dasar untuk membuat atau Alur sistem yang sedang berjalan dapat dijelaskan secara rinci sebagai (Halaman 43-54)