bab iv perancangan sistem usulan 4.1. tahapan …

28
36 BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan Perancangan Sistem 4.1.1. Analisis Kebutuhan A. Kebutuhan Pengguna Dalam sistem usulan berbasis website ini terdapat sekretaris sebagai pengguna yang dapat berinteraksi langsung dengan sistem untuk mengelola data surat masuk dan surat keluar dalam sistem dengan kebutuhan informasi sebagai berikut: 1. Mengelola menu surat masuk 2. Mengelola menu surat keluar 3. Mengelola laporan surat masuk 4. Mengelola laporan surat keluar 5. Mengelola menu pengaturan user B. Kebutuhan Sistem 1. Sistem memiliki satu hak akses yaitu sekretaris sebagai admin 2. Sistem berisi menu surat masuk, surat, keluar, menu lapora surat masuk, laporan surat keluar, dan pengaturan user 3. Admin dapat mengelola surat masuk, menambahkan, menghapus, mengedit surat masuk, dan mencetak disposisi. 4. Admin dapat mengelola surat keluar, menambahkan, mengedit, dan menhapus surat masuk. 5. Admin dapat mengelola menu pengaturan user untuk melihat data diri, mengubah data diri, menghapus data diri.

Upload: others

Post on 16-Oct-2021

10 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

36

BAB IV

PERANCANGAN SISTEM USULAN

4.1. Tahapan Perancangan Sistem

4.1.1. Analisis Kebutuhan

A. Kebutuhan Pengguna

Dalam sistem usulan berbasis website ini terdapat sekretaris sebagai pengguna

yang dapat berinteraksi langsung dengan sistem untuk mengelola data surat masuk

dan surat keluar dalam sistem dengan kebutuhan informasi sebagai berikut:

1. Mengelola menu surat masuk

2. Mengelola menu surat keluar

3. Mengelola laporan surat masuk

4. Mengelola laporan surat keluar

5. Mengelola menu pengaturan user

B. Kebutuhan Sistem

1. Sistem memiliki satu hak akses yaitu sekretaris sebagai admin

2. Sistem berisi menu surat masuk, surat, keluar, menu lapora surat masuk, laporan

surat keluar, dan pengaturan user

3. Admin dapat mengelola surat masuk, menambahkan, menghapus, mengedit surat

masuk, dan mencetak disposisi.

4. Admin dapat mengelola surat keluar, menambahkan, mengedit, dan menhapus

surat masuk.

5. Admin dapat mengelola menu pengaturan user untuk melihat data diri, mengubah

data diri, menghapus data diri.

Page 2: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

37

4.1.2. Rancangan Diagram Use Case

Gambar IV.1. Use Case Diagram

Tabel IV.1. Deksripsi Use Case Diagram

Use Case Name Pengelolaan surat

Requirements Sekretaris harus melakukan log in

Goal Sekretaris mencetak disposisi, laporan surat masuk,

dan laporan surat keluar

Pre-Condition Sekretaris menginput data surat masuk dan surat

keluar

Post-Condition Sekretaris dapat mencetak disposisi, laporan surat

masuk, dan laporan surat keluar

Failed End Condition Sekretaris tidak dapat mencetak disposisi, laporan

surat masuk, dan surat keluar

Actors Sekretaris

sekretaris

login

mengelola surat masuk

mengelola surat keluar

mengelola laporan

surat keluar

mengelola laporan

surat masuk

mengelola pengaturan user

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

mencetak disposisi

mencetak laporan

surat masuk

mencetak laporan

surat keluar

<<extend>>

<<extend>>

<<extend>>

Page 3: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

38

Main Flow/Basic Path 1. 1. Sekretaris mengelola surat masuk, surat keluar,

laporan surat masuk, laporan surat keluar

2. 2. Sekretaris mencetak disposisi surat masuk, surat

keluar

Alternate Flow/Invariant A A1. Sistem menampilkan data surat masuk dan surat

keluar

A2. Sistem menampilkan disposisi, laporan surat

masuk, dan laporan surat keluar

Invarian B B1. Sekretaris mengelola surat masuk dan surat

keluar

B2. Sekretaris mencetak disposisi

B3. Sekretaris mencetak laporan surat masuk

B4. Sekretaris mencetak laporan surat keluar

Page 4: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

39

4.1.3. Rancangan Diagram Aktivitas

Gambar IV.2. Activitty Diagram

4.1.4. Rancangan Dokumen Sistem Usulan

Dibawah ini merupakan rancangan dokumen usulan yang dibutuhkan dalam

sistem pengelolaan surat masuk dan surat keluar pada bagian tata usaha sekertariat

daerah kota tasikmalaya:

A. Dokumen Masukan

1. Nama Dokumen : Surat Masuk

Fungsi : Sebagai bahan data penginputan surat masuk

Sumber : Pengirim Surat

Tujuan : Sekretaris

Media : Kertas

Jumlah : 1

Frekuensi : Setiap ada surat masuk

Bentuk : Lihat lampiran C.1

Page 5: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

40

2. Nama Dokumen : Surat Keluar

Fungsi : Sebagai bahan data penginputan surat keluar

Sumber : sekretaris

Tujuan : Sekretaris

Media : Kertas

Jumlah : 1

Frekuensi : Setiap ada surat keluar

Bentuk : Lihat lampiran C.2

B. Dokumen Keluaran

1. Nama Dokumen : Disposisi

Fungsi : Sebagai tanggapan, instruksi, catatan lanjutan dari surat

masuk

Sumber : Sekretaris

Tujuan : Kepala Bagian Tata Usaha

Media : Kertas

Jumlah : 1

Frekuensi : Setiap ada surat masuk

Bentuk : Lihat lampiran D.1

Page 6: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

41

2. Nama Dokumen : Laporan Surat Masuk

Fungsi : Sebagai arsip data surat masuk

Sumber : Sekretaris

Tujuan : Sekretaris

Media : Kertas

Jumlah : 1

Frekuensi : Setiap ada surat masuk

Bentuk : Lihat lampiran D.2

3. Nama Dokumen : Laporan Surat Keluar

Fungsi : Sebagai arsip data surat keluar

Sumber : Sekertaris

Tujuan : Sekertaris

Media : Kertas

Jumlah : 1

Frekuensi : Setiap ada surat keluar

Bentuk : Lihat lampiran D.3

Page 7: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

42

4.1.5. Rancangan Prototype

1. Halaman Login

Sebelum dapat masuk ke halaman utama untuk mengelola surat masuk dan surat

keluar, admin terlebih dahulu masuk ke halaman login dengan memasukan

nip/email dan password.

Gambar IV.3. Halaman Login

Page 8: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

43

2. Halaman Registrasi

Halaman registrasi adalah halaman yang digunakan admin ketika admin belum

memiliki hak akses untu masuk ke dalam sistem.

Gambar IV.4. Halaman Registrasi

Page 9: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

44

3. Halaman Dashboard

Dalam halaman dashboard terdapat menu surat masuk, menu surat keluar, menu

laporan surat keluar, menu laporan surat masuk, menu laporan surat keluar,

pengaturan user.

Gambar IV.5. Halaman Dashboard

Page 10: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

45

4. Halaman Menu Surat Masuk

Halaman menu surat masuk berisi data surat masuk yang telah dimasukan oleh

sekertaris, dalam menu surat masuk juga sekertaris dapat menambahkan, melihat,

mencari, mengubah, menghapus surat masuk.

Gambar IV.6. Halaman Menu Surat Masuk

Page 11: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

46

5. Halaman Tambah Surat Masuk

Halaman tambah surat masuk merupakan halaman yang digunakan untuk

menambahkan data surat masuk dengan menginputkan beberapa data diantaranya

no agenda, tanggal menerima surat, no surat, tanggal surat, asal surat, perihal,

sifat surat, keterangan.

Gambar IV.7. Halaman Tambah Surat Masuk

Page 12: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

47

6. Halaman Lembar Disposisi

Halam lembar disposisi yaitu hasil keluaran data dari surat masuk yang nantinya

akan di cetak oleh sekertaris yang kemudian di serahkan kepada kepala bagian

tata usaha sebagai bahan instruksi, atau tahapan dari surat tersebut yang nantinya

akan diturunkan kepada kepala suku bagian tata usaha.

Gambar IV.8. Gambar Halaman Disposisi

Page 13: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

48

7. Halaman Menu Surat Keluar

Halaman menu surat masuk berisi data surat keluar yang telah dimasukan oleh

sekertaris, dalam menu surat keluar sekertaris dapat menambahkan, melihat,

mencari, mengubah, menghapus data surat keluar.

Gambar IV.9. Halaman Menu Surat Keluar

Page 14: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

49

8. Halaman Tambah Surat Keluar

Halaman tambah surat keluar merupakan halaman yang digunakan untuk

menambahkan data surat masuk dengan menginputkan beberapa data diantaranya

no urut, tanggal surat, no surat, tanggal mengirim surat, pengolah, instansi yang

dituju dan perihal.

Gambar IV.10. Halaman Tambah Surat Keluar

Page 15: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

50

9. Halaman Menu Laporan Surat Masuk

Halaman menu laporan surat masuk digunakan apabila sekretaris/admin ingin

melihat dan akan mencetak laporan surat masuk. Dalam halaman menu laporan

surat masuk sekretaris dapat mencari laporan surat masuk yang akan dicetak

Gambar IV.11. Halaman Menu Laporan Surat Masuk

Page 16: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

51

10. Halaman Cetak Laporan Surat Masuk

Halaman cetak laporan surat masuk berisi laporan surat masuk yang sudah siap

untuk dicetak dengan berbentuk pdf.

Gambar IV.12. Halaman Cetak Laporan Surat Masuk

Page 17: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

52

11. Halaman Menu Laporan Surat Keluar

Halaman menu laporan surat keluar digunakan apabila sekretaris/admin ingin

melihat dan akan mencetak laporan surat surat keluar. Sama seperti menu laporan

surat masuk, dalam halaman menu laporan surat masuk sekretaris dapat mencari

laporan surat keluar yang akan dicetak.

Gambar IV.13. Halaman Menu Laporan Surat Keluar

Page 18: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

53

12. Halaman Cetak Laporan Surat Keluar

Halaman cetak laporan surat masuk berisi laporan surat masuk yang sudah siap

untuk dicetak dengan berbentuk pdf.

Gambar IV.14. Halaman Cetak Laporan Surat Keluar

Page 19: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

54

13. Halaman Pengaturan User

Halaman pengaturan user digunakan oleh admin apabila admin ingin mengubah

data pribadi, selain itu juga admin dapat menambahkan data admin baru.

Gambar IV.15. Halaman Menu Pengaturan User

Page 20: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

55

14. Halaman Tambah Admin

Dalam halaman tambah data admin, admin dapat menginput data admin

diantaranya: nip, nama, alamat, no hp, jenis kelamin, email, foto, password.

Gambar IV.16. Halaman Tambah Admin

Page 21: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

56

4.2. Perancangan Peragkat Lunak

4.2.1. Entity Relationship Diagram

Gambar IV.17. Entity Relationship Diagram

4.2.2. Logical Record Structure

Gambar IV.18. Logical Record Structure

Page 22: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

57

4.2.3. Spesifikasi File

1. Spesifikasi File Admin

Nama file : admin.sql

Akronim : Admin

Fungsi : Untuk menyimpan data admin

Tipe file : File Master

Organisasi file : Index sequential

Akses file : Random

Media : Hardisk

Panjang Record : 120

Kunci field : nip_admin

Software : MySql

Tabel IV.2. Spesifikasi File Admin

No Elemen data Nama Field Tipe Size Keterangan

1 Nip nip_admin Int 15 Primary Key

2 Nama nama_admin Char 20

3 Alamat Alamat Varchar 30

4 No Hp no_tlp Int 15

5 Jenis Kelamin jenis_kelamin Enum Laki-Laki

Perempuan

6 Email Email Varchar 20

7 Password Password Varchar 20

8 Foto Foto Text

Page 23: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

58

2. Spesifikasi File Surat Masuk

Nama file : tbl_suratmasuk.sql

Akronim : Surat Masuk

Fungsi : Untuk menyimpan data surat masuk

Tipe file : File Master

Organisasi file : Index sequential

Akses file : Random

Media : Hardisk

Panjang Record : 135

Kunci field : noagnd

Software : MySql

Tabel IV.3. Spesifikasi File Surat Masuk

No Elemen data Nama Field Tipe Size Keterangan

1 No Agenda Noagnd Int 20 Primary Key

2 Nip Admin nip_admin Int 15 Foreign Key

3 Tanggal Menerima

Surat

tgl_mmnrm

_srt

Date

4 Asal Surat Pengirim Varchar 20

5 No Surat no_surat Int 20

6 Tanggal Surat tgl_surat Date

7 Perihal Perihal Varchar 50

8 Sifat Surat sifat_surat Char 10

9 Keterangan Keterangan Text

3. Spesifikasi File Surat Keluar

Page 24: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

59

Nama file : tbl_suratkeluar.sql

Akronim : Surat Keluar

Fungsi : Untuk menyimpan data surat keluar

Tipe file : File Master

Organisasi file : Index sequential

Akses file : Random

Media : Hardisk

Panjang Record : 120

Kunci field : no_urut

Software : MySql

Tabel IV.4. Spesifikasi File Surat Keluar

No Elemen data Nama Field Tipe size Keterangan

1 No Urut no_urut Int 10 Primary Key

2 Nip Admin nip_admin Int 15 Foreign Key

3 Tanggal Surat tgl_srt Date

4 No Surat no_surat Int 15

5 Perihal Perihal Varchar 50

6 Intansi Yang

Dituju

intansi_yang_dituju Char 20

7 Pengolah Pengolah Char 10

8 Tanggal

Mengirim Surat

tgl_pngrm_srt Date

Page 25: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

60

4.2.4. Class Model/Class Diagram

Gambar IV.19. Class Diagram

Page 26: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

61

4.2.5. Sequence Diagram

Gambar IV.20. Sequence Diagram

sekretarissekretaris loginlogin dashboarddashboard surat masuksurat masuk surat keluarsurat keluar prosesproses hasilhasil

1: masukan email, password

2: tampil halaman dashboard

3: memil ih menu surat masuk

4: menambah data surat masuk

7: menampilkan data surat masuk

8: mencetak disposisi

9: get disposisi

10: mencetak laporan surat masuk

11: get laporan surat masuk

12: memilih menu surat keluar

13: menambah data surat keluar

5: menginput data surat keluar

6: menyimpanan data surat masuk

14: menginput data surat keluar

15: menyimpan data surat keluar

16: menampilkan data surat keluar

17: mencetak laporan surat keluar

18: get laporan surat keluar

Page 27: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

62

4.2.6. Spesifikasi Hardware dan Software

1. Spesifikasi Hardware

A. Server

1) CPU

(a) Processor Intel® Pentium® P6200

(b) RAM DDR3 1 GB

(c) Hard Disk 500 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1366x768

5) Koneksi internet dengan kecepatan 102 Kb/s

B. Client

1) CPU

(a) Processor Intel® Pentium® P6200

(b) RAM DDR3 1 GB

(c) Hard Disk 500 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1366x768

5) Koneksi internet dengan kecepatan 102 Kb/s

2. Spesifikasi Software

A. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau

Linux (Ubuntu, Fedora, debian 6 dan lain-lain), dianjurkan menggunakan

sistem operasi Microsoft Windows.

Page 28: BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan …

63

B. Aplikasi bundle web server seperti: Xampp, WampServer, php2triad yang

terdiri dari beberapa komponen, diantaranya:

1) Aplikasi Apache Server v2

2) Aplikasi PHP Server v5

3) Aplikasi MySQL Server v5

4) Aplikasi phpMyAdmin v3

C. Aplikasi Web browser seperti Mozilla Firefox, Opera, Safari, Internet

Explorer, Google Chrome.

4.3. Jadwal Implementasi

Tabel iV.5. Jadwal Implementasi

No KEGIATAN WAKTU

BULAN I BULAN II BULAN III

1. Persiapan data awal

2. Analisa

3. Desain Sistem

4. Desain Perangkat Lunak

5.

Pembuatan & Tes

Program

6. Tes Sistem

7. Pelatihan

8.

Pembuatan Buku

Petunjuk

9. Evaluasi & Operasional