ilmujaringankomputer.files.wordpress.com · web viewperangkat lunak yang dibutuhkan dan digunakan...

BAB IV

PERANCANGAN & PERENCANAAN IMPLEMENTASI PRODUK

4.1. Analisa Kebutuhan Sistem

4.1.1. Perangkat Keras (Hardware) yang Dibutuhkan

Hardware merupakan kebutuhan paling mendasar dalam

proses pembuatan sistem. Spesifikasi minimal hardware yang

digunakan dalam merancang Sistem Sms Gateway ini adalah sebagai

berikut :

1. Suatu perangkat komputer/laptop dengan spesifikasi minimal :

a. Processor 1,8 GHz,

b. Harddisk 40 GB,

c. Memory 256 MB,

d. VGA Card onboard.

e. CD-Rom

2. Monitor

3. Keyboard dan Mouse

4. Printer

5. Modem

4.1.2. Perangkat Lunak (Software) yang dibutuhkan

Perangkat lunak yang dibutuhkan dan digunakan dalam

pembuatan aplikasi sms gateway ini adalah sebagai berikut :

1. Sistem Operasi Microsoft Windows 07

2. Program Aplikasi sms gateway menggunakan gammu

3. Database dengan menggunakan Mysql

4. Dreamweaver

33

34

4.2. Perancangan Sistem (UML)

Unified Modeling Language (UML) merupakan satu kumpulan

konvensi pemodelan yang digunakan untuk menentukan atau

menggambarkan sebuah sistem software yang terkait dengan objek.

4.2.1. Use Case Diagram

Use Case Diagram dibuat untuk memvisualisasikan/

menggambarkan hubungan antara Actor dan Use Case. Use Case

diagram mempresentasikan kegunaan atau fungsi-fungsi sistem dari

perspektif pengguna.

Gambar 4.1. Use Case Admnistrator Aplikasi Shift Meeting

Gambar 4.1. Use Case Staff Operator Aplikasi Shift Meeting

ADMIN

Managemen User

Managemen Regu

Managemen Modul

Managemen Shift

STAFF

Login

Modul Staff

Pengaturan Akun

Logout

35

4.2.2. Activity Diagram

Activity diagram menggambarkan rangkaian aliran dari

aktifitas, digunakan untuk mendeskripsikan aktifitas yang dibentuk

dalam suatu operasi sehingga dapat juga digunakan untuk aktifitas

lainnya seperti use case atau interaksi.

a. Activity Diagram Login

Gambar 4.2. Activity Diagram Login

36

b. Activity Diagram Tambah User

Gambar 4.3. Activity Diagram tambah User

c. Activity Diagram Edit User

Gambar 4.4. Activity Diagram Edit user

37

d. Activity Diagram Hapus User

Gambar 4.5. Activity Diagram hapus user

e. Activity Diagram Tambah Anggota

Gambar 4.6. Activity Diagram tambah anggota

38

f. Activity Diagram Edit Anggota

Gambar 4.7. Activity Diagram Edit anggota

g. Activity Diagram Hapus Anggota

Gambar 4.8. Activity Diagram hapus anggota

39

h. Activity Diagram entry data

Gambar 4.9. Activity Diagram Data Entry

40

i. Activity Diagram Report (laporan)

Login

Pil ih Menu Report

Output Laporan

Decision_1

Gambar 4.10. Activity Diagram Report (laporan)

4.2.3. Sequence Diagram

Diagram sekuen adalah gambaran urutan kejadian suatu

kegiatan yang digunakan untuk membantu kita dalam membuat

statechart.

a. Sequence Diagram Login

Gambar 4.24. Sequence Diagram Login

41

b. Sequence Diagram Tambah Anggota

Gambar 4.25. Sequence Diagram Tambah Anggota

42

c. Sequence Diagram Edit Anggota

Gambar 4.26. Sequence Diagram Edit Anggota

4.2.4. Class Digram

Class Diagram atau Diagram kelas itu merupakan

penggambaran dari sistem itu sendiri yang berupa program ataupun

suatu menu form pilihan yang berisi tentang apa-apa saja yang saling

berdekatan digambarkan dengan class diagram berupa tabel kotak-

kotak kecil berisi suatu kata kunci dan isi nya masing-masing yang

berhubungan, dalam merancang class diagram ini harus

membutuhkan ketelitian dan pemikiran yang dapat di

implementasikan kedalam program sistem yang akan di buat nanti.

Admin

- Username: varchar[11]- Id_regu: int[3]- Id_shift: int[3]- Departemen: varchar[10]- Namalengkap: varchar[40]

- No_Hp: varchar[12]- Alamat: text

+ tambah ()+ edit ()+ hapus ()+ detail ()

Regu

- Id_regu: int[3]- Nama_Regu: varchar[11]


Shift

- Id_shift: int[3]- Nama_shift: int[3]-Start: time-Finish : time


Sistem

- Username: varchar[11]- Id_shift: int[3]- sistem: varchar[25]- target: varchar[25]- rising: varchar[25]


Failure

- Username: int[11]- Id_shift: int[3]- Nofailure: int[10]- Summary: Varchar[50]- Link: varchar[50]- Denda: varchar[15]


43

Gambar 4.36. Class Diagram notifikasi shift meeting entry

44

4.3. Perancangan Tabel

Perancangan tabel dalam basis data ini menggunakan tipe data int,

varchar, text. Tabel yang dibutuhkan sistem ini adalah sebagai berikut :

1. Tabel 4.1. data User

Nama Field Type Data Size Keterangan

Username Varchar 25 Primary Key

Password Varchar 25

Nama_Lengkap Varchar 25

Id_shift INT 3

Id_regu INT 3

2. Tabel 4.2. Shift


Id_Shif INT 3 Primary Key

Namashift Varchar 25

3. Tabel 4.3. Regu


Id_regu INT 3 Primary Key

Namaregu Varchar 25

4. Tabel 4.4. data Sistem


Username INT 11 Primary Key

Id_shift INT 3

Sistem Varchar 50

Target INT 11

Rising Varchar 15

5. Tabel 4.4. data Failure


Username INT 11 Primary Key

45

Id_shift INT 3

Nofailure INT 20

Summary Varchar 50

Link Varchar 50

4.4. Perancangan Sistem

Perancangan sistem adalah tahapan untuk membuat tampilan dari

sistem yang akan diusulkan. Rancangan tampilan yang akan dibuat ini,

merupakan tampilan milik admin.

4.4.1. Perancangan Antarmuka Form Login

Gambar 4.37. Antarmuka Form Login

4.4.2. Perancangan Antarmuka Menu Utama User

Gambar 4.38. Antarmuka Menu Utama User

Tambah User

Id User

Username

Password

Nama_Lengkap

Simpan

:

:

:

:

Menu Utama

Home

Manajemen User

Manajemen Shift

Manajemen Regu

Pengaturan Modul

Run Hours

Sistem

Kotak Keluar

Logout

46

4.4.3. Perancangan Antarmuka Halaman Admin

4.4.4. Perancangan Antarmuka Tambah User

Id User

Username

Password

Nama_Lengkap

Simpan

::

:

:

Menu Utama

Home

Manajemen User

Manajemen Shift

Manajemen Regu

Manajemen Modul

Run Hours

Sistem

Kotak Keluar

Logout

Edit User

47

Gambar 4.39. Antarmuka Tambah User

4.4.5. Perancangan Antarmuka Edit User

Gambar 4.40. Antarmuka Edit User

4.5. Tampilan / Priview

Perancangan input dan output dimaksudkan untuk meminta masukan

dari user berupa menu-menu dan pilihan input kemudian dilakukan proses

pemanggilan data dari input yang telah tersedia dalam database admin dan

menjadikan bentuk keluaran (output).

Perancangna tampilan input adalah sebagi berikut:

a.Rancangan Halaman Menu Utama

48

Gambar 17. Rancangan Halaman Menu Utama

Keterangan gambar:

Pada menu utama aplikasi yang akan dibuat menyajikan 7 (tujuh)

pilihan session menu yaitu:

1) Senior Supervisor, menu ini digunakan untuk menampilkan

fitur – fitur / fasilitas yang dapat digunakan oleh Senior

supervisor yaitu edit All Menu dan approval

2) Supervisor, menu ini digunakan untuk menampilkan fitur –

fitur / fasilitas yang dapat digunakan oleh supervisor yaitu

Insert dan Edit data All Menu dan Checked data.

3) Petugas Niaga, menu ini digunakan untuk menampilkan fitur

– fitur / fasilitas yang dapat digunakan yaitu Insert dan Edit

data All Menu

4) Operator PPO, menu ini digunakan untuk menampilkan fitur

– fitur / fasilitas yang dapat digunakan yaitu Insert dan Edit

data All Menu

5) Operator PBS, merupakan menu untuk mengisi komentar

bagi menu ini digunakan untuk menampilkan fitur – fitur /

49

fasilitas yang dapat digunakan yaitu Insert Data dan Edit data

Menu Operasi PLTA PB Soedirman

6) Tamu merupakan menu untuk menampilkan keterangan

informasi shift meeting dan report.

b. Rancangan Halaman Menu User Profil

Gambar 18. Rancangan Halaman Menu Profil

Keterangan gambar:

Pada menu profil ini yang ditampilkan adalah informasi

mengenai keterangan detil dari user session yang ada pada sistem

ASO lengkap dengan identitas dan shift operasinya.

c. Rancangan Halaman Menu Managemen Shift Operasi

50

Gambar 19. Rancangan Halaman Menu Shift Operasi

Keterangan gambar:

Menu daftar barang menampilkan informasi mengenai pembagian

shift operasi dan waktunya.

Gambar 20. Rancangan Halaman Edit Waktu Shift

Jika ada pergantian waktu shift dapat melakukan perubahan

tersebut melalui link edit shift.

d. Rancangan Halaman Menu Login dan Logout

51

Gambar 21. Rancangan Menu Login dan Logout

Keterangan gambar:

Pada menu user area terdapat dua pilihan menu yaitu login dan

daftar. Jika seorang pengunjung sudah maka dia dapat

memanfaatkan fasilitas login untuk masuk ke menu selanjutnya.

Pada gambar tersebut terdapat form login yang isinya adalah id

user dan password. Sedangakan pada tampilan Logout jika user

telah keluar dari sistem maka akan ada keterangan bahwa bahwa

anda telah keluar dari sistem.

Gambar 22. Rancangan Halaman Administrati Ganti Password

52

Merupakan halaman untuk mengubah / mengganti password

bagi user session.

Setelah melakukan login, user dengan session sebagai operator

PBS dapat akan tampil seperti yang diperlihatkan pada gambar 23

di bawah ini.

Gambar 23. Rancangan Halaman Operator PBS

53

Gambar 24. Rancangan halaman Run Hours PLC

Keterangan gambar:

Pada halaman ini tampil form isian untuk run hours mode plc.

Gambar 25. Rancangan Halaman Stand KWH Meter

54

Keterangan gambar:

Pada halaman ini tampil form isian untuk Stand KWH Meter.

Gambar 26. Rancangan Halaman Failure Report

Keterangan gambar:

Pada halaman ini tampil form isian Failure Report.

Gambar 27. Rancangan Halaman Catatan

Keterangan gambar:

55

Untuk menulis catata / note yang diperkirakan penting sebagai

catatan.

Gambar 28. Rancangan Halaman Status Unit

Keterangan gambar:

Proses selanjutnya adalah inputan status unit oleh user session

Operator PPO.

56

Gambar 29. Rancangan Informasi Unit dan Siste

.

.

Gambar 30. Rancangan Halaman Cek Data User

57

Merupakan menu dari fitur pada user session Supervisor yang

bertujuan untuk mengecek user operator.

Gambar 31. Rancangan Halaman Appoval

Keterangan gambar:

Pada menu approval ini merupakan persetujuan dari Sernior

Supervisor mengenai dari yang terlah diinputkan dari operator –

operator yang bekerja. Ketika data telah di Approve maka data

tidak bisa di edit seperti terlihat pada gambar 32 dibawah ini.

Gambar 32. Data telah disapprove dan tak bisa diedit

ilmujaringankomputer.files.wordpress.com · web viewperangkat lunak yang dibutuhkan dan digunakan...

Documents