BAB III Client Server

10 | A N A L I S I S D A N P E R A N C A N G A N S I S T E M

BAB III

ANALISIS DAN PERANCANGAN SISTEM

3.1 Deskripsi Sistem

Aplikasi Data Pengiriman Ikan adalah aplikasi yang dapat

menampilkan data-data pengiriman, pemasukan serta pengeluaran

dan penghasilan. Sistem ini mengunakan teknologi J2ME yang

menggunakan database terpusat untuk mengelolah data yang

dikirim oleh aplikasi melalui jaringan internet dengan

pengkoneksian antara database menggunakan IP Public.

3.2 Analisis Sistem

Sistem yang akan dibuat adalah sebuah sistem pengelolah

data yang digunakan pada UD. ALHAMDULILLAH. Sistem ini

mengunakan database terpusat untuk pengelolahan data.

Pada aplikasi desktop terdapat beberapa menu tampilan yaitu :

menu transaksi, menu faktur, menu pengeluaran, menu

penghasilan, dan menu data karyawan.


3.2.1 Menu transaksi

berisi data-data transaksi pengiriman ikan yang dilakukan

pada setiap super market dalam bentuk tabel yang berisi data tgl

pengiriman, jumlah timbangan sekaligus harga dari ikan yang

dikirim dan juga kode super market yang telah dilakukan transksi

pemasokan ikan.

3.2.2 Menu faktur

berisi data-data pengambilan faktur yang sudah diambil

maupun yang belum diambil yang berbentuk tabel.

3.2.3 Menu pengeluaran

Berisi inputan dan data-data informasi pengeluaran setiap

hari, baik itu pembelian ikan maupun gaji buruh perharinya dan

juga biaya transportasi untuk pengiriman.

3.2.4 Menu penghasilan

Berisi dan data-data penghasilan yang sebelumnya sudah di

hitung dengan keseluruhan pengeluaran dan juga menampilkan

informasi pemasukan berupa data-data nilai atau total pemasukan

setiap hari jadi datanya hampir mirip dengan menu informasi

pengiriman hanya saja di sini variable datanya lebih sedikit.


3.2.5 Menu data karyawan

Berisi inputan dan informasi data-data karyawan, agar lebih

mudah mencari data karyawan yang di inginkan.

3.3 Kebutuhan hadware

1. PC dengan processor minimal Pentium 4

2. Ram 2000 MB

3. Hardisk 500 GB

4. Monitor 14”

5. Keyboard

6. mouse

3.4 Kebutuhan software

1. Widows 7

2. Neatbeans 7.1.3

3. MySQL

4. Rational rose

3.5 kebutuhan input

Berupa input data karyawan, data transaksi, dan data

pengeluaran. Untuk data karyawan meliputi nama, tgl lahir, alamat,

jenis kelamin, status, agama, nama ayah, dan nama ibu. Untuk


data transaksi meliputi kd SP, tgl pemasokan, jenis ikan, harga/kg,

dan berat/kg. Dan untuk data pengeluaran meliputi tgl, biaya

pembelian ikan, biaya transportasi

3.6 Kebutuhan Proses

Berupa transaksi pemasokan ikan, pegelolahan laporan

penghasilan dan pengeluaran.

3.7 kebutuhan output

berupa hasil seleksi inputan data transaksi yang berupa

tampilan laporan yang akan disimpan di database server dan juga

dapat di simpan dengan *.pdf.


3.8 Perancangan sistem

3.8.1 Use Case Diagram

Gambar 3.1 Use Case Diagram Hak akses pengguna

Pada Gambar 3.1 Use Case Diagram Hak akses pengguna di

jelaskan tentang alur menu-menu yang bisa diakses oleh pengguna

aplikasi sesuai dengan hak aksesnya. Dimana ada dua hak akses

pada aplikasi ini yaitu karyawan, administrator, yang masing-

masing memiliki jumlah hak akses menu yang berbeda.


3.8.2 Activity Diagram

Gambar 3.2 Activity Diagram Login

Pada Gambar 3.2 Activity Diagram Login menjelaskan tentang

alur login pada aplikasi, supaya aplikasi dapat masuk pada tampilan

utama dan menggunakan menu-menu yang tersedia. Pengguna

disini harus menginputkan terlebih dahulu user name dan password

setelah itu login akan diproses di server dan akan menampilkan

tampilan utama dan menu-menu yang bisa diakses sesuai dengan

hak aksesnya, tetapi jika pada server tidak menemukan hak akses

dengan user name dan password yang di inputkan maka aplikasi


akan kembali ke menu login walaupun user name dan password

yang diinputkan benar.

Gambar 3.3 Activity Diagram Transaksi

Pada Gambar 3.3 Activity Diagram Transaksi menjelaskan

tentang alur transaksi pada aplikasi. Alur penggunaannya bisa kita

lihat di mana user akan memilih terlebih dahulu menu transaksi

pada aplikasi client, dan aplikasi menampilkan inputan data yang

harus diisi sebelum dikirim oleh aplikasi client ke database server

untuk dikelolah dan disimpan di tabel transaksi


3.8.3 Sequence diagram

Gambar 3.4 Sequence Diagram Login

Pada Gamabar 3.4 Sequence Diagram Login

menjelaskan tentang alur saat administrator melakukan login di

aplikasi sampai administrator bisa menggunakan aplikasi. Untuk

alur yang lebih jelas kita bisa lihat di gambar 3.5 Collaboration

Diagram Login seperti berikut :

: Administrator : Administrator:Form Login:Form Login Database serverDatabase server

input user name & Passwor

cek user name & password

user name & password salah

user name & password benar

cek hak akses

tidak ada hak akses

hak akses ditemukan

tampil menu utama sesuai hak akses (selesai)

input ulang user name & password

input ulang user name & password


Gambar 3.5 Collaboration Diagram Login

Pada Gambar 3.5 Collaboration Diagram Login

menjelaskan tentang alur kerja dari sequence diagram yang ada

pada gambar 3.4, yang sudah menampilkan urutan alur

kerjanya.

Gambar 3.6 Sequence Diagram Transaksi

: Administrator

:Form

Login

Database

server

6: cek hak akses

1: input user name & Passwor

10: tampil menu utama sesuai hak akses (selesai)

4: input ulang user name & password8: input ulang user name & password

2: cek user name & password

3: user name & password salah5: user name & password benar

7: tidak ada hak akses9: hak akses ditemukan

: User : User

Form TransaksiForm Transaksi Database serverDatabase server

input data transaksi

cek data transaksi

cek tabel transaksi

data transaksi tidak lengkap

input kembali data

data transaksi lengkap

data transaksi berhasil di simpan


Pada Gambar 3.6 Sequence Diagram Transaksi

menjelaskan tentang alur setiap transaksi saat melakukan

pemasokan ke super market yang di inputkan oleh karyawan

pengirim ikan. Untuk alur yang lebih jelasnya kita bisa lihat pada

gambar 3.7 Collaboration Diagram, gambarnya sebagai berikut :

Gambar 3.7 Collaboration Diagram Transaksi

Pada Gambar 3.7 Collaboration Diagram Transaksi

menjelaskan tentang alur transaksi secara lebih jelas karena pada

Collaboration Diagram ini sudah di lengkapi dengan urutan-urutan

alur sesuai dengan alur yang ada pada sequence diagram seperi

pada gambar 3.6 yang sudah dijelaskan sebelumnya.

Form

Transaksi

: User

Database

server

3: cek tabel transaksi

1: input data transaksi

5: input kembali data7: data transaksi berhasil di simpan

2: cek data transaksi

4: data transaksi tidak lengkap6: data transaksi lengkap


3.8.4 Class Diagram

Gambar 3.8 Class Diagram Akses

Pada Gambar 3.8 Class Diagram Akses menjelaskan

hubungan antara class yang satu dengan kelas yang lainnya seperti

contohnya antara class login itu sailing berhubungan dengan semua

class yang ada karena harus mengakses class login terlebih dahulu

agar bisa mengakse class yang lainnya, sama sperti class transaksi

dengan class faktur. Class faktur membutuhkan data dari class

transaksi.


3.9 Perancangan Tampilan

Tahap ini adalah tahap dimana rancangan tampilan sebelum

diimplementasikan kedalam program, sehingga diharapkan akan

adanya gambaran tentang program yang akan dibuat. Untuk

rancangannya sendiri dalam aplikasi data pengiriman ikan di UD.

Alhamdulillah adalah sebagai berikut :

3.9.1 Rancangan tampilan untuk mobile

3.9.1.1 Rancangan Login

SILAHKAN LOGIN

User name

password

Login Keluar

Gambar 3.9 rancangan Tampilan Login

Gambar 3.9 merupakan tampilan awal saat program

dijalankan dimana program akan menampilkan from login yang

wajib di isi jika ingin menggunakan aplikasi ini dan tentu saja


dengan user name dan password yang sudah ada pada database

server. Setelah login berhasil maka akan muncul tampilan utama

sesuai dengan hak akses yang digunakan pada aplikasi. Untuk

tampilan utama aplikasi bagian di tunjukkan oleh gambar 3.10

sebagai berikut :

3.9.1.2 Rancangan Tampilan Utama

1 2

Gambar 3.10 Rancangan Tampilan Utama

Untuk Gambar 3.10 Rancangan tampilan utama pada aplikasi

ini menggunakan 2 hak akses yaitu karyawan (pengirim ikan dan

pengambilan faktur), dan administrator, masing-masing dibedakan

dari daftar menu atau sub menu yang bisa diakses dari aplikasi.

Pada rancangan tampilan menu yang gambar pertama itu adalah

APLIKASI DATA PENGIRIMAN IKAN

TRANSAKSI FAKTUR PENGELUARAN Pilih Keluar


TRANSAKSI FAKTUR PENGELUARAN PENGHASILAN DATA KARYAWAN Pilih Keluar


rancangan tampilan menu untuk hak akses karyawan (pengirim

ikan dan pengambilan faktur), dan untuk gambar rancangan yang

ke-dua itu untuk tampilan dengan hak akses administrantor.

Masing-masing dibedakan dari jumlah menu yang bisa digunakan.

Untuk rancangan transaksi bisa kita lihat di gambar 3.11 sebagai

berikut :

3.9.1.3 Rancangan Tampilan Menu Transaksi

Gambar 3.11 Rancangan Tampilan Menu Transaksi

Untuk Gambar 3.11 Tampilan menu transaksi berguna untuk

mengisi data-data transaksi setiap pemasokan ke super market.

Data yang di input dan disimpan akan masuk ke database tepatnya

di tabel transaksi.

TRANSAKSI

Kd SP Tgl pemasokan Jenis ikan Harga/Kg Berat (Kg) hitung

Total harga Simpan Keluar


3.9.1.4 Rancangan Tampilan Menu Faktur

Gambar 3.12 Rancangan Tampilan Menu Faktur

Gambar 3.12 Tampilan Menu Faktur berguana untuk menampilkan

informasi faktur yang statusnya masih pending agar lebih

mempermudah karyawan pengambilan faktur dalam mencari nota

yang fakturnya belum diambil atau masih pending.

PENDINGAN FAKTUR

Kd SP : GOD Tgl pemasokan : 02/06/2015 Total harga : 500.000 Status faktur : pending ---------------------------------------------------------------- Kd SP : GOD Tgl pemasokan : 03/06/2015 Total harga : 1300.000 Status faktur : pending

Kd SP : KAL Tgl pemasokan : 02/06/2015 Total harga : 800.000 Status faktur : pending

Keluar


3.9.1.5 Rancangan Tampilan Menu Pengeluaran

Gambar 3.13 Rancangan tampilan menu pengeluaran

Gambar 3.13 Tampilan menu pengeluran ini beguna untuk

menghitung pengeluaran mulai dari biaya pembelian ikan, biaya

tranportasi, dan gaji buruh/hari. Untuk gaji buruh disini itu tidak

bisa diubah oleh karyawan yang bukan administrator, dalam kata

lain yang bisa merubah gaji buruh itu hanyalah karyawan yang

meimiliki hak akses admin dalam aplikasi desktop yang ada di PC.

Untuk perhitungan mendapatkan total pengeluaran itu dihasilkan

dari penjumlahan seperti berikut :

PENGELUARAN

Tgl Biaya pembelian ikan Biaya transportasi Gaji buruh/hari 24.000 hitung Total pengeluaran Simpan Keluar


Total pengeluaran = biaya pembelian ikan + biaya transportasi +

24.000 (gaji buruh)

Dengan perhitungan seperti itu maka akan diperoleh hasil total

pengeluaran perharinya.

3.9.1.6 Rancangan Tampilan Menu Penghasilan

Gambar 3.14 Rancangan tampilan menu penghasilan

Gambar 3.14 tampilan menu penghasilan ini berguna untuk

menghitung penghasilan dalam satu hari. Sebelum kita menghitung

total penghasilan, terlebih dahulu kita hitung dulu pengeluaran dan

penghasilan yang diambil dari hasil transaksi sesuai dengan tanggal

yang dipilih, setelah hasil pengeluarn dan penghasilan sudah di

PENGHASILAN

Hitung pengeluaran 02/06/2015 Hitung

Hitung penghasilan 02/06/2015 Hitung

Hitung total Total penghasilan

Simpan Keluar


dapatkan kita tiggal menghitung total penghasilan. Untuk

mendapatkan total penghasilan dilakukan perhitungan seperti

berikut :

Penghasilan besih = penerimaan kotor – pengeluaran

Dengan perhitungan seperti itu maka kita akan mendapatkan

nilai total penghasilan. Untuk hasil dari pengeluran, aplikasi

mengambil dari tabel pengeluaran yang sudah di jumlahkan sesuai

dengan tanggal data yang di pilih sedangkan untuk hasil dari

penghasilan itu diambil dari tabel transaksi yang juga sudah di

jumlahkan sesuai dengan tanggal yang di pilih maka akan di

dapatkan nilai yang kita inginkan.


3.9.1.7 Rancangan Tampilan Menu Data Karyawan

Gambar 3.15 Tampilan menu data karyawan

Gambar 3.15 tampilan menu data karyawan, berguna untuk

menampilkan informasi data-data karyawan yang bekerja di UD.

Alhadulillah. Menu ini hanya bisa diakses oleh administrator atau

yang memiliki hak akses admin, selain dari itu tidak akan bisa

mengakses menu data karyawan pada aplikasi.

DATA KARYAWAN

Nama : hajip Tgl lahir : 02/06/1993 Alamat : Kaliurang Jenis kelamin: laki-laki Status : Mahasiswa Agama : islam ---------------------------------------------------------------- Nama : malih Tgl lahir : 04/09/1992 Alamat : Magelang Jenis kelamin: laki-laki Status : - Agama : islam

Keluar


3.9.2 Rancangan tampilan untuk desktop

3.9.2.1 Rancangan Tampilan Login

SILAHKAN LOGIN

LOGIN

Gambar 3.16 Rancngan tampilan login

Gambar 3.16 Tampilan login adalah tampilan utama saat

aplikasi desktop dijalankan, yang mempunayai user name dan

password yang wajib di isi saat ingin menggunakan aplikasi desktop

ini dan tentunya harus mempunyai hak akses, untuk mengakses

aplikasinya. Untuk aplikasi desktop diutamakan untuk dipakai atau

dijalankan oleh administrator untuk memudahkan perubahan,

penambahan maupun penghapusan data. Untuk tampilan menu

utamanya bisa dilihat di gambar 3.17 seperti berikut :


3.9.2.2 Rancangan Tampilan Menu Utama


TRANSAKSI

FAKTUR SELAMAT DATANG

DI APLIKASI DATA PENGIRIMAN IKAN

PENGELUARAN

PENGHASILAN

DATA KARYAWAN LOG OUT

Gambar 3.17 Rancangan tampilan menu utama

Gambar 3.17 Tampilan menu utama ini hampir sama seperti pada

apliakasi mobile. tampilan ini juga mempunyai dua hak akses yaitu

karyawan (pengirim ikan dan pengambil faktur) dan administrator,

untuk gambar 3.17 ini adalah tampilan untuk hak akses admin,

saya menampilkan rancangan tampilan menu utama seperti pada


gambar 3.17 dikarenakan untuk aplikasi desktop ini diutamakan

pemakainya itu adalah administrator seperti penjelasan sebelumnya

jadi saya menampilkan rancangan menu utama dengan hak akses

admin.

BAB III Client Server

Documents

Transcript of BAB III Client Server