BAB III ANALISIS DAN PERANCANGAN. Analisis fungsional pada Aplikasi Surat Menyurat ini terdiri dari:

Transkripsi

1 3.1. Analisis Fungsional BAB III ANALISIS DAN PERANCANGAN Analisis fungsional pada Aplikasi Surat Menyurat ini terdiri dari: Prosedur dan Flowmap Prosedur dan flowmap pada Aplikasi Surat Menyurat ini terdiri dari prosedur surat masuk serta flowmap untuk surat masuk dan prosedur surat keluar serta flowmap untuk surat keluar Prosedur Surat Masuk 1. Bagian surat menyurat menerima surat yang masuk dari SKPD. 2. Surat masuk tersebut dicatatkan semua datanya ke dalam form surat masuk. 3. Form surat masuk diarsipkan oleh bagian surat menyurat, sedangkan suratmasuk diserahkan ke Kepala Dinas. 4. Lalu Kepala Dinas melakukan pengecekan surat masuk, apakah harus di disposisi atau tidak. 5. Jika ya, maka Kepala Dinas membuat form surat disposisi, kemudian form surat disposisi dan surat masuk diserahkan kembali ke bagian surat menyurat untuk diserahkan kepada pihak yang ditujukan. 6. Jika tidak, surat tersebut diserahkan kembali ke bagian surat menyurat. Lalu bagian surat menyurat mengarsipkan surat tersebut unuk diserahkan kepada pihak yang ditujukan.

2 Flowmap Surat Masuk SKPD Bagian Surat Menyurat Kepala Dinas Surat Masuk Surat Masuk Surat Masuk Menuliskan Data Surat Masuk Melakukan pengecekan disposisi Form Surat 1 Masuk A1 2 Apakah harus didisposisi Surat Masuk yg tidak didisposisi Surat Masuk yg harus didisposisi Surat Masuk yg tidak didisposisi A2 Membuat Form Surat Disposisi Form Surat Disposisi 2 Form Surat 2 Disposisi A3 A4 Gambar 3.1 Flowmap Surat Masuk

3 Keterangan : 1 : Form Surat Masuk 2 : Surat Masuk A1 : Arsip Form Surat Masuk A2 : Arsip Surat Masuk yang tidak di disposisi A3 : Arsip Form Surat Disposisi A4 : Arsip Surat Masuk yang sudah di disposisi Prosedur Surat Keluar 1. Bagian surat menyurat membuat surat keluar. 2. Bagian surat menyurat mencatat data surat keluar ke dalam form surat keluar. 3. Form surat keluar diarsipkan oleh bagian surat menyurat, sedangkan surat keluar diserahkan ke Kepala Dinas. 4. Kepala Dinas membaca dan menandatangani surat keluar. 5. Kemudian surat keluar yang sudah ditandatangani diserahkan kembali kepada bagian surat menyurat. 6. Surat keluar yang sudah ditandatangani diberikan kepada SKPD.

4 Flowmap Surat Keluar SKPD Bagian Surat Menyurat Kepala Dinas Surat Keluar Menuliskan Data Surat Keluar Form Surat 1 Keluar 2 3 Surat Keluar 2 A 1 Membaca dan menandatangani Surat Keluar Surat Keluar yg sudah ditandatangani Surat Keluar yg sudah ditandatangani 2 Surat Keluar yg sudah 1 ditandatangani 2 A 3 A 2 Gambar 3.2 Flowmap Surat Masuk Keterangan : 1 : Form Surat Keluar 2,3 : Surat Keluar A1 : Arsip Surat Keluar A2,A3 : Arsip Surat Keluar yang sudah ditandatangani

5 Use Case Diagram Use case diagram menggambarkan fungsionalitas yang diharapkan dari sebuah sistem. Yang ditekankan adalah apa yang diperbuat sistem, dan bukan bagaimana. Sebuah use case merepresentasikan sebuah interaksi antara aktor dengan sistem. Gambar 3.3 Use Case Diagram Activity Diagram Activity diagram merupakan state diagram khusus, di mana sebagian besar state adalah action dan sebagian besar transisi ditrigger oleh selesainya state sebelumnya (internal processing). Oleh karena itu activity diagram tidak menggambarkan behaviour internal sebuah sistem (dan interaksi antar subsistem) secara eksak, tetapi lebih menggambarkan proses-proses dan jalur-jalur aktivitas dari level atas secara umum. Activity diagram menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.

6 Gambar 3.4 Activity Diagram Sequence Diagram Sequence diagram menggambarkan interaksi antar objek di dalam dan di sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message yang digambarkan terhadap waktu. Sequence diagram terdiri atar dimensi vertikal (waktu) dan dimensi horizontal (objek-objek yang terkait). Sequence diagram biasa digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah yang dilakukan sebagai respon dari sebuah event untuk menghasilkan output tertentu. Diawali dari apa yang men-trigger aktivitas tersebut, proses dan perubahan apa saja yang terjadi secara internal dan output apa yang dihasilkan. Gambar 3.5 Sequence Diagram

7 Collaboration Diagram Collaboration diagram juga menggambarkan interaksi antar objek seperti sequence diagram, tetapi lebih menekankan pada peran masing-masing objek dan bukan pada waktu penyampaian message. Gambar 3.6 Collaboration Diagram Class Diagram Class Diagram adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan sebuah objek dan merupakan inti dari pengembangan dan desain berorientasi objek. Class Diagram menggambarkan keadaan (atribut/properti) suatu sistem, sekaligus menawarkan layanan untuk memanipulasi keadaan tersebut (metoda/fungsi). Class Diagram menggambarkan struktur dan deskripsi class, package dan objek beserta hubungan satu sama lain seperti containment, pewarisan, asosiasi, dan lain-lain. Gambar 3.7 Class Diagram

8 Entity Relational Diagram (ERD) ERD adalah suatu model jaringan yang menggunakan susunan data yang disimpan dalam system secara abstrak. Model data E-R (Entity Relationship) didasarkan pada persepsi terhadap dunia nyata yang tersusun atas kumpulan objek-objek dasar yang dissebut entitas dan relasi. Gambar 3.8 ERD 3.2. Analisis Non Fungsional Analisis Kebutuhan Perangkat Keras Kebutuhan perangkat keras yang digunakan dalam Aplikasi Surat Menyurat adalah komputer Analisis Kebutuhan Perangkat Lunak Kebutuhan perangkat lunak yang digunakan dalam Aplikasi Surat Menyurat adalah: 1. Windows XP, Windows 7 atau Linux 2. MySQL

9 3. NetBeans IDE jdk-6u24-windows-i Analisis Kebutuhan Pengguna Kebutuhan pengguna dalam Aplikasi Surat Menyurat adalah: 1. Bagian Surat Menyurat 2. Kepala Dinas 3.3. Perancangan Tabel Perancangan tabel yang digunakan dalam aplikasi surat menyurat ini adalah : Tabel 3.1 Perancangan Tabel Login Nama Alamat Username Userpass jabatan Tabel 3.2 Perancangan Tabel Surat Masuk Indeks Kode No.Urut Perihal Isi Ringkas Dari Tgl.Surat No.Surat Lampiran Pengolah Tgl.Diteruskan Tanda Terima Catatan Tabel 3.3 Perancangan Tabel Surat Keluar Indeks Kode No.Urut Perihal Isi Ringkas Kepada Pengolah Tgl.Surat Lampiran Catatan Tabel 3.4 Perancangan Tabel Disposisi Indeks Tgl.Penyelesaian Dari Perihal Kepada Tgl.Surat No.Surat Instruksi Diteruskan Kepada Tabel 3.5 Perancangan Tabel SKPD ID Nama SKPD Alamat Keterangan Tabel 3.6 Perancangan Tabel Kode Surat Kode Nama

10 3.4. Struktur Tabel Struktur tabel yang digunakan dalam aplikasi surat menyurat ini yaitu: Tabel 3.7 Struktur Tabel Login Field Type Collation Attributes Null Default Axtra nama varchar(30) latin1_swedish_ci No None varchar(50) latin1_swedish_ci No None alamat varchar(150) latin1_swedish_ci No None username varchar(20) latin1_swedish_ci No None userpass varchar(100) latin1_swedish_ci No None jabatan enum('sudah','belum') latin1_swedish_ci No None Tabel 3.8 Struktur Tabel Surat Masuk Field Type Collation Attributes Null Default Axtra indeks varchar(50) latin1_swedish_ci No None kode varchar(20) latin1_swedish_ci No None no_urut int(11) No None auto_increment perihal varchar(100) latin1_swedish_ci No None isi_ringka s varchar(500) latin1_swedish_ci No None dari varchar(100) latin1_swedish_ci No None tgl_surat Date No None no_surat varchar(50) latin1_swedish_ci No None lampiran varchar(20) latin1_swedish_ci No None pengolah varchar(50) latin1_swedish_ci No None tgl_diteru skan tanda_teri ma date No None varchar(20) latin1_swedish_ci No None

11 catatan varchar(200) latin1_swedish_ci No None disposisi enum('sudah','belum') latin1_swedish_ci No None Tabel 3.9 Struktur Tabel Surat Keluar Field Type Collation Attributes Null Default Axtra indeks varchar(100) latin1_swedish_ci No None kode varchar(50) latin1_swedish_ci No None no_urut int(10) No None perihal varchar(200) latin1_swedish_ci No None isi_ringkas varchar(500) latin1_swedish_ci No None kepada varchar(1000) latin1_swedish_ci No None pengolah varchar(100) latin1_swedish_ci tgl_surat Date No None lampiran varchar(1000) latin1_swedish_ci No None catatan varchar(200) latin1_swedish_ci No None tembusan varchar(300) latin1_swedish_ci No None Tabel 3.10 Struktur Tabel Disposisi Field Type Collation Attributes Null Default Axtra indeks varchar(100) latin1_swedish_ci No None tgl_penyele saian date No None dari varchar(100) latin1_swedish_ci No None perihal varchar(200) latin1_swedish_ci No None tgl_surat date No None no_surat varchar(50) latin1_swedish_ci No None instruksi varchar(200) latin1_swedish_ci No None

12 diteruskan_ kepada varchar(200) latin1_swedish_ci No None Tabel 3.10 Struktur Tabel SKPD Field Type Collation Attributes Null Default Axtra id_skpd int(11) latin1_swedish_ci No None nama varchar(100) No None alamat varchar(400) latin1_swedish_ci No None ket varchar(400) No None Tabel 3.11 Struktur Tabel Kode Surat Field Type Collation Attributes Null Default Axtra kode varchar(20) latin1_swedish_ci No None nama varchar(200) latin1_swedish_ci No None

13 3.5. Perancangan Menu Perancangan menu adalah perancangan antar muka pilihan perintah pada program aplikasi untuk mengoprasikan dan memudahkan pemakai dalam menjalankan program. Struktur menu aplikasi yang di usulkan dapat di lihat pada gambar berikut : Login 1 Bagian Surat Menyurat 2 Kepala Dinas 1.1 Surat Masuk 1.2 Surat Keluar 1.3 Tambah Pengguna 1.4 Daftar SKPD 1.5 Ganti Kata Kunci 1.6 Tambah Kode Surat 2.1 Disposisi 2.2 Laporan 2.3 Ganti Kata Kunci Tambah Tambah Ubah Surat Masuk Ubah Ubah Ubah Surat keluar Cari Lapora n Cari Laporan Belum Terdisposisi Sudah Terdisposisi Gambar 3.9 Perancangan Menu

14 3.6. Perancangan Antarmuka Antarmuka perangkat lunak merupakan media komunikasi pengguna saat akan berinteraksi dengan sistem. Oleh karena itu agar proses interaksi pengguna dengan sistem berjalan dengan baik maka perlu diketahui terlebih dahulu sejauhmana performansi profile pengguna antarmuka, sehingga antarmuka yang dihasilkan dapat dengan mudah dipelajari, mudah dan nyaman pada saat digunakan. Performansi pengguna dapat diukur dari beberapa profile pengguna, dimana setiap profile akan memiliki implikasi terhadap perancangan antarmuka. Perancangan antarmuka pada dasarnya adalah proses penggambaran dari bagaimana sebuah bagian sistem dibentuk. Maka dari itu pada saat akan melakukan tahap perancangan antarmuka diperlukan untuk mendefinisikan kebutuhan-kebutuhan fungsional dari sistem yang akan dibangun serta mengetahui sejauh mana performansi profile pengguna pada saat akan menggunakan sistem tersebut. F01 Masukkan Akun Anda Nama pengguna Ganti Password Masuk Batal - Ini merupakan tampilan login untuk Bagian Surat Menyurat maupun Kepala Dinas. - Klik Masuk untuk login. - Klik Batal untuk membatalkan login. Warna latar/background = hitam \ Gambar 3.10 Perancangan Form Login

15 F02 Perancangan Form Menu untuk Bagian Surat Menyurat Surat Masuk [JUDUL] Surat Keluar Keluar Tambah Pengguna - Klik icon Surat Masuk, Surat Keluar, Tambah Pengguna, Daftar SKPD, Ganti Kata Kunci atau Tambah Kode Surat untuk masuk ke formnya masing-masing. - Klik Keluar untuk keluar dari aplikasi. Daftar SKPD Ganti Kata Kunci Tambah Kode Surat Warna latar/background = hijau dan hitam Gambar 3.11 Perancangan Form Menu untuk Bagian Surat Menyurat F03 Menu Surat Masuk Tambah Laporan Ubah Cari Tutup - Klik icon Tambah untuk menambah surat masuk. - Klik icon Ubah untuk mengubah surat masuk. - Klik Laporan untuk mengetahui semua daftar surat masuk. - Klik icon Cari untuk mengetahui data surat masuk yang dicari. - Klilk Tutup untuk kembali ke menu sebelumnya. Warna latar/background = hijau dan hitam Gambar 3.12 Perancangan Form Menu Surat Masuk

16 F04 Kode No. Urut Perihal Isi Ringkas Dari Tanggal Surat Lampiran Tgl. Diteruskan Catatan Tambah Data Surat Masuk Lihat Kode Pengolah Tanda Terima [Data surat masuk dalam bentuk tabel] Simpan Tutup - F04 ini merupakan form penambahan data surat masuk yang nantinya akan disimpan ke dalam tabel. - Klik Simpan untuk menyimpan data baru atau Tutup ketika sudah selesai menambah data surat masuk. - Surat yang ditambahkan akan muncul dalam tabel surat masuk. Warna latar/background = hijau dan hitam Gambar 3.13 Perancangan Form Tambah Surat Masuk F05 Pencarian berdasarkan Ubah Surat Masuk Indeks Kode No. Urut Perihal Isi Ringkas Dari Tanggal Surat No. Surat Lampiran Pengolah Tgl. Diteruskan Tanda Terima Catatan [Data surat masuk dalam bentuk tabel] Cari Hapus Ubah Tutup - F05 ini merupakan form ubah surat masuk, terdapat pula pencarian surat masuk berdasarkan kategori yang sudah ditentukan lalu bisa muncul otomatis di fieldfieldnya supaya bisa diubah. - Terdapat pula tabel data surat masuk. - Klik Hapus untuk menghapus surat masuk. - Klik Ubah untuk merubah surat masuk. - Klik tutup ketika sudah selesai. Warna latar/background = hijau dan hitam Gambar 3.14 Perancangan Form Ubah Surat Masuk

17 F06 Mulai tanggal Sampai tanggal Warna latar/background = hitam Lihat - Field mulai tanggal diisi dan sampai tanggal diisi untuk mengetahui laporan berdasarkan interval tanggal. - Jika langsung klik Lihat tanpa mengisi fieldnya maka akan mmuncul laporan semua surat masuk. Gambar 3.15 Perancangan Form Laporan Berdasarkan Tanggal Surat Masuk F07 [JUDUL] [SUB JUDUL] Daftar Laporan Surat Masuk - F07 berisikan laporan surat masuk baik berdasarkan interval tanggal maupun semuanya. Warna latar/background = Putih Gambar 3.16 Perancangan Form Laporan Surat Masuk

18 F08 Cari Surat Masuk Pencarian berdasarkan [Data surat masuk dalam bentuk tabel] Cari Tutup - Pencarian dapat dilakukan berdasarkan kategori yang telah ditentukan. - Hasil penacarian akan muncul dalam tabel. - Tabel juga memperlihatkan semua data surat masuk. - Klik Tutup jika telah selesai dan kembali ke menu sebelumnya. Warna latar/background = hijau dan hitam Gambar 3.17 Perancangan Form Cari Surat Masuk F09 Menu Surat Keluar Tambah Laporan Ubah Cari -klik icon surat masuk untuk masuk ke F08. -klik icon surat keluar untuk masuk ke F09. -klik icon belum terdisposisi untuk masuk ke F10. -klik icon sudah terdisposisi untuk masuk ke F11. Warna latar/background = hitam Gambar 3.18 Perancangan Form Menu Surat Keluar

19 F10 Kode Perihal Isi Ringkas Kepada (Nama SKPD) Pengolah Lampiran Catatan Tembusan Tambah Surat Keluar Lihat Kode No. Urut Tanggal Surat Simpan [Data surat keluar dalam bentuk tabel] Tutup - Form ini merupakan form tambah data Surat Keluar. - Field Kepada diisi dengan memilih list di kotak bagian kiri lalu klik tanda panah dan list yang dipilih akan pindah ke kotak bagian kanan, begitupun dengan Tembusan. - Klik Simpan untuk menambahkan data surat keluar ke dalam tabel. - Klik Tutup untuk kemabali ke menu sebelumnya. Warna latar/background = hijau dan hitam Gambar 3.19 Perancangan Form Tambah Surat Keluar

20 F11 Pencarian berdasarkan Indeks Kode No. Urut Perihal Isi Ringkas Dari Kepada Pengolah Catatan Tembusan Ubah Surat Keluar Tanggal Surat Lampiran Cari Hapus Ubah Tutup [Data surat keluar dalam bentuk tabel] - Ini merupakan form ubah surat keluar - Terdapat pula pencarian surat keluar berdasarkan kategori yang sudah ditentukan lalu bisa muncul otomatis di fieldfieldnya supaya bisa diubah. - Terdapat pula tabel data surat keluar. - Klik Hapus untuk menghapus surat keluar. - Klik Ubah untuk merubah surat kleuar. - Klik Tutup jika telah selesai dan kembali ke form sebelumnya. Warna latar/background = hijau dan hitam Gambar 3.20 Perancangan Form Ubah Surat Keluar

21 F12 Mulai tanggal Sampai tanggal Lihat - Field mulai tanggal diisi dan sampai tanggal diisi untuk mengetahui laporan berdasarkan interval tanggal. - Jika langsung klik Lihat tanpa mengisi interval tanggal maka akan mmuncul laporan semua surat keluar. Warna latar/background = hitam Gambar 3.21 Perancangan form Laporan Berdasarkan Tanggal Surat Keluar F13 Mulai tanggal Sampai tanggal Lihat - Field mulai tanggal diisi dan sampai tanggal diisi untuk mengetahui laporan berdasarkan interval tanggal. - Jika langsung klik Lihat tanpa mengisi interval tanggal maka akan mmuncul laporan semua surat keluar. Warna latar/background = hitam Gambar 3.22 Perancangan Laporan Surat Keluar

22 F14 Cari Surat Keluar Pencarian berdasarkan [Data surat keluar dalam bentuk tabel] Cari Tutup - Pencarian dapat dilakukan berdasarkan kategori yang telah ditentukan. - Hasil penacarian akan muncul dalam tabel. - Tabel juga memperlihatkan semua data surat keluar. - Klik Tutup jika telah selesai dan kembali ke menu sebelumnya. Warna latar/background = hijau dan hitam Gambar 3.23 Perancangan Form Cari Surat Keluar F15 Nama Alamat Nama Pengguna Kata Sandi Jabatan DAFTAR Simpan Batal - Form ini digunakan untuk menambah pengguna. - Klik Simpan untuk menambah pengguna atau Batal jika ingin kembali ke form sebelumnya. Warna latar/background = Hijau dan hitam Gambar 3.24 Perancangan Form Tambah Pengguna

23 F16 Pencarian berdasarkan Simpan Ubah Masukkan Daftar SKPD ID Nama Alamat Keterangan [Daftar nama SKPD dalam bentuk tabel] Hapus Cari Tutup - Form daftar SKPD ini digunakan apabila perlu menambahkan nama SKPD yang belum tercantum. - Dilengkapi pencarian agar memudahkan Bagian Surat Menyurat. - Data disimpan dalam bentuk tabel. - Klik Simpan untuk menambah daftar SKPD. - Klik Ubah untuk menghapus daftar SKPD - Klik Hapus untuk menghapus daftar SKPD. - Klik Tutup untuk kembali ke form sebelumnya. Warna latar/background = Hijau dan hitam Gambar 3.25 Perancangan Form Daftar SKPD

24 F17 [JUDUL] Nama Pengguna Kata Sandi Nama Pengguna Kata Sandi Baru Masukan Ulang Kata Sandi -masukan nama pengguna d n kata sandi yang lama. -masukan nama pengguna, kata sandi baru dan masukan ulang kata sandi baru. -klik button ganti untuk mengganti. -klik button batal jika ingin membatalkan. GANTI BATAL Warna latar/background = hijau F18 Gambar 3.26 Perancangan Form Ganti Kata Kunci Nama kode Tambah Daftar kode Surat Tabel Daftar Kode Surat Simpan Tutup - Form ini digunakan untuk menambah kode surat. - Klik Simpan untuk menambah kode atau Batal jika ingin kembali ke form sebelumnya. Warna latar/background = Hijau dan hitam Gambar 3.27 Perancangan Form Tambah Kode Surat

25 F02 [JUDUL] KELUAR Disposisi Laporan Ganti Kata Kunci -klik icon disposisi untuk masuk ke F03 -klik icon laporan untuk masuk ke F06 -klik icon ganti kata kunci untuk masuk ke F12 -klik button keluar untuk keluar dari aplikasi. Warna latar/background = hitam Gambar 3.28 Perancangan Form Menu untuk Kepala Dinas F03 [JUDUL] Daftar Surat Masuk yang belum terdisposisi Indeks Tanggal Penyelesaian Dari Perihal Tanggal Surat No.Surat Instruksi Diteruskan Kepada SIMPAN TUTUP UBAH CARI -F03=pengisian data-data surat disposisi yaitu dengan mengisi indeks, tanggal penyelesaian, dari, perihal, tanggal surat, no.surat, instruksi dan diteruskan kepada. -klik button simpan, maka data akan tersimpan di F04 -klik icon ubah untuk masuk ke F04. -klik icon cari untuk masuk ke F05. Warna latar/background = hijau Gambar 3.29 Perancangan Form Tambah Disposisi

26 F04 [JUDUL] Pencarian berdasarkan Indeks Tanggal Penyelesaian Dari Perihal Tanggal Surat No.Surat Instruksi Diteruskan Kepada Tabel Daftar Surat Masuk yang sudah terdisposisi CARI -klik combobox untuk memilih pencarian berdasarkan. Lalu klik button cari. Maka data yang dicari akan muncul pada tabel. -klik button hapus untuk menghapus data. -klik button ubah unt K mengubah data. -klik button tutup untuk kembali ke F03. HAPUS UBAH TUTUP Warna latar/background = hijau Gambar 3.30 Perancangan Form Ubah Disposisi

27 F05 [JUDUL] Pencarian berdasarkan CARI Tabel Daftar Surat Masuk yang sudah terdisposisi TUTUP -klik combobox untuk memilih pencarian berdasarkan. Lalu klik button cari. Maka data yang dicari akan muncul pada tabel. -klik button tutup untuk kembali ke F03. Warna latar/background = hijau Gambar 3.31 Perancangan Form Cari Disposisi F06 Back Surat Masuk Belum Terdisposisi Surat Keluar Sudah Terdisposisi -klik icon surat masuk untuk masuk ke F08. -klik icon surat keluar untuk masuk ke F09. -klik icon belum terdisposisi untuk masuk ke F10. -klik icon sudah terdisposisi untuk masuk ke F11. Warna latar/background = hitam Gambar 3.32 Perancangan Form Menu Laporan Kepala Dinas

28 F07 Mulai tanggal Sampai tanggal Lihat - Field mulai tanggal diisi dan sampai tanggal diisi untuk mengetahui laporan berdasarkan interval tanggal. - Jika langsung klik Lihat tanpa mengisi fieldnya maka akan mmuncul laporan semua surat masuk. Warna latar/background = hitam Gambar 3.33 Perancangan Form Tanggal Surat F08 [JUDUL] [SUB JUDUL] F08 menjelaskan tentang daftar laporan surat masuk. Daftar Laporan Surat Masuk Warna latar/background = Putih Gambar 3.34 Perancangan Form Laporan Surat Masuk

29 F08 [JUDUL] [SUB JUDUL] F08 menjelaskan tentang daftar laporan surat masuk. Daftar Laporan Surat Masuk Warna latar/background = Putih Gambar 3.35 Perancangan Form Laporan Surat Keluar F10 [JUDUL] [SUB JUDUL] Daftar Laporan Surat Masuk yang sudah di disposisi F10 menjelaskan tentang daftar laporan surat masuk yang sudah di disposisi. Warna latar/background = Putih Gambar 3.36 Perancangan Form Laporan Surat Masuk yang Sudah di Disposisi

30 F11 [JUDUL] [SUB JUDUL] Daftar Laporan Surat Masuk yang belum di disposisi F11 menjelaskan tentang daftar laporan surat masuk yang belum di disposisi. Warna latar/background = Putih Gambar 3.37 Perancangan Form Laporan Surat Masuk yang Belum di Disposisi M01 M03 Keluar dari apliksai ini? Yes No -klik yes jika ingin keluar aplikasi. -klik no jika tidak ingin keluar dari aplikasi. Ubah data? Yes No -klik yes jika ingin ubah data. -klik no jika tidak ingin ubah data. M02 Hapus data? Yes No -klik yes jika ingin menghapus. -klik no jika tidak ingin menghapus. Gambar 3.38 Perancangan Form Pesan

31 3.7. Jaringan semantik Jaringan semantik merupakan jaringan data dan informasi, yang menunjukan hubungan antar berbagai objek dimana informasi yang terhubung tersebut adalah informasi yang proporsional (suatu pernyataan yang dapat bernilai benar atau salah). Struktur jaringan semantik terdiri dari node atau simpul dan busur atau arc yang menghubungkannya. Simpul menyatakan objek sedangkan busur menyatakan links. Links dari jaringan semantik digunakan untuk menunjukkan hubungan (relationship) antar simpul-simpul tersebut. F04 F05 M03 M02 F03 F06 F07 F01 M01 F02 F09 F08 F10 F15 F11 F12 M03 M02 F16 F13 F14 F17 F18 Gambar 3.39 Jaringan Semantik untuk Bagian Surat Menyurat

32 M03 F04 M02 F03 F08 M01 F05 F09 F01 F02 F06 F07 F10 F12 F11 Gambar 3.40 Jaringan Semantik untuk Kepala Dinas