Desain Sistem LKP : Rancang Bangun Sistem Informasi Document Archieving Pada PT. Jawa Pos Koran Surabaya.

4.4 Desain Sistem

4.4.1 Context Diagram

Context diagram pada aplikasi document archieving ini terdiri dari 2 external entity yaitu admin dan keuangan bagian yang menunjang jalannya sistem. Gambar 4.6 Context Diagram Aplikasi Document Archieving Data Interface Lihat Dokumen Form Lihat Dokumen Input Verifikasi Notif Verifikasi Form Master Dokumen Data Interface Master Dokumen Form Master Bagian Data Interface Master Bagian Form Master User Data Interface Master User Tampilan Pencarian Notif Verifikasi Inputan Notif Login Keuangan Input Tanggal Pencarian Input Data Dokumen Data Login Keuangan Notif Input Bagian Input Data Bagian Notif Input User Input Data User Baru Notif Login Admin Data Login Admin Form Login Data Masuk Aplikasi Form Login Data Masuk Aplikasi Admin Keuangan Bagian Sistem Informasi Document Archieving pada PT Jawa Pos Koran +

4.4.2 DFD Level 0

Gambar 4.7 DFD Level 0 Aplikasi Document Archieving Data Request Form Master Dokumen Data Request Form Melihat Dokumen Data Keuangan Sukses Admin Data Request Form Master User Data Request Form Master Bagian Data Admin Sukses Login Atribut Data Login [Tampilan Pencarian] [Input Tanggal Pencarian] [Form Lihat Dokumen] [Data Interface Lihat Dokumen] Atribut Master Dokumen Input Master Dokumen [Input Verifikasi] [Notif Verifikasi] [Form M aster Dokumen] [Input Data Dokumen] [Notif Verifikasi Inputan] [Data Interface Master Dokumen] Atribut Master Bagian Input Master Bagian [Form M aster Bagian] [Data Interface Master Bagian] [Notif Input Bagian] [Input Data Bagian] Input Master Pengguna Atribut Master Pengguna [Form M aster User] [Data Interface Master User] [Notif Input User] [Input Data User Baru] Atribut Data Login [Data Masuk Aplikasi] [Data Masuk Aplikasi] [Form Login] [Form Login] [Notif Login Keuangan] [Data Login Keuangan] [Notif Login Admin] [Data Login Admin] Admin Admin Admin Admin Admin Admin Keuangan Bagian Keuangan Bagian Keuangan Bagian Keuangan Bagian Keuangan Bagian Keuangan Bagian Admin Admin Admin Admin Admin Admin Keuangan Bagian Keuangan Bagian Keuangan Bagian Keuangan Bagian Keuangan Bagian Keuangan Bagian Keuangan Bagian Keuangan Bagian 1 Login + 2 Mengelola Master User + 3 Mengelola Master Bagian 4 Mengelola Master Dokumen 5 Melihat Dokumen 1 Pengguna 1 Pengguna 2 Bagian 3 Dokumen 3 Dokumen

4.4.3 DFD Level 1

a. Login Gambar 4.8 DFD Level 1 Proses Login [Notif Login Keuangan] [Notif Login Admin] Data Login Gagal [Data Keuangan Sukses Admin] [Data Admin Sukses Login] [Atribut Data Login] [Data Login Keuangan] [Data Login Admin] Atribut Login [Form Login] [Form Login] [Data Masuk Aplikasi] [Data Masuk Aplikasi] Admin Admin Keuangan Bagian Keuangan Bagian Admin Keuangan Bagian Keuangan Bagian Admin 1 Pengguna Data Form Pilihan Admin Data Form Pilihan Keuangan 1.1 Menampilkan Form Login 1.2 Verifikasi 1.3 Menampilkan Login Gagal b. Mengelola Master User Gambar 4.9 DFD Level 1 Mengelola Master User [Input Master Pengguna] Verifikasi Berhasil [Atribut Master Pengguna] [Notif Input User] [Input Data User Baru] Atribut Master User [Form Master User] [Data Request Form Master User] Admin Admin Admin 1 Pengguna 1 Pengguna Data Form Pilihan Admin 2.1 Menampilkan Form Master User 2.2 Validasi Data User Baru 2.3 Menyimpan User c. Mengelola Master Bagian Gambar 4.10 DFD Level 1 Mengelola Master Bagian Verifikasi Bagian Atribut Bagian [Atribut Master Bagian] [Input Data Bagian] [Notif Input Bagian] [Data Request Form Master Bagian] [Form Master Bagian] [Input Master Bagian] Admin Admin Admin 2 Bagian 2 Bagian Data Form Pilihan Admin 3.1 Menampilkan Form Master Bagian 3.2 Validasi Bagian 3.3 Menyimpan Bagian d. Mengelola Master Dokumen Gambar 4.11 DFD Level 1 Mengelola Master Dokumen Verifikasi Inputan Verifikasi Data Benar Atribut Dokumen [Input Master Dokumen] [Input Verifikasi] [Notif Verifikasi] [Notif Verifikasi Inputan] [Input Data Dokumen] [Atribut Master Dokumen] [Form Master Dokumen] [Data Request Form Master Dokumen] Keuangan Bagian Keuangan Bagian Keuangan Bagian Keuangan Bagian Keuangan Bagian 3 Dokumen 3 Dokumen Data Form Pilihan Keuangan 4.1 Menampilkan Form Master Dokumen 4.2 Verifikasi Inputan 4.3 Menampilkan Notif Verifikasi Inputan 4.4 Menyimpan Dokumen e. Lihat Dokumen Gambar 4.12 DFD Level 1 Proses Lihat Dokumen Data yang Ing in Ditampilkan Input Pencarian [Atribut Data Login] [Input Tang g al Pencarian] [Tampilan Pencarian] [Form Lihat D okumen] [Data Req uest Form Melihat Dokumen] Keuang an Bag ian Keuang an Bag ian Keuang an Bag ian 3 Dokumen Data Form Pilihan Keuang an 5.1 Menampilkan Form Lihat Dokumen 5.2 Pencarian Dokumen 5.3 Menampilkan Form Pencarian

4.4.4 Conceptual Data Model CDM

Di bawah ini merupakan Conceptual Data Model CDM dari struktur database aplikasi document archieving. Gambar 4.13 CDM Aplikasi Document Archieving

4.4.5 Physical Data Model PDM

Di bawah ini merupakan Physical Data Model PDM dari struktur database aplikasi document archieving. Gambar 4.14 PDM Aplikasi Document Archieving

4.4.6 Struktur Basis Data dan Tabel

1. Tabel Pengguna Nama tabel : pengguna Primary key : id_user Foreign key : id_bagian Fungsi : Menyimpan data user Tabel 4.1 Tabel Pengguna No Field Name Data Type Length Constraint Foreign Key On Field On Table 1 id_user int PK 2 password varchar 10 3 id_bagian int FK id_bagian Bagian 2. Tabel Bagian Nama tabel : bagian Primary key : id_bagian Foreign key : - Fungsi : Menyimpan bagian Tabel 4.2 Tabel Bagian No Field Name Data Type Length Constraint Foreign Key On Field On Table 1 id_bagian int PK 2 nama_bagian varchar 20 3. Tabel Dokumen Nama tabel : dokumen Primary key : id_dokumen Foreign key : - Fungsi : Menyimpan dokumen Tabel 4.3 Tabel Dokumen No Field Name Data Type Length Constraint Foreign Key On Field On Table 1 id_dokumen int PK 2 keterangan varchar 200 3 scan_dokum en image 4. Tabel Kategori Dokumen Nama tabel : kategori_dokumen Primary key : id_kategori Foreign key : id_dokumen Fungsi : Menyimpan kategori dokumen Tabel 4.4 Tabel Kategori Dokumen No Field Name Data Type Length Constraint Foreign Key On Field On Table 1 id_kategori int PK No Field Name Data Type Length Constraint Foreign Key On Field On Table 2 id_dokumen int FK id_dokumen Dokumen 3 nama_kategor i varc har 50 4 tanggal_kateg ori varc har 12 5. Tabel Dokumen Pengguna Nama tabel : dokumen_pengguna Primary key : id_dokumen, id_user Foreign key : id_dokumen, id_user Fungsi : Merelasikan data dokumen dengan pengguna Tabel 4.5 Tabel Dokumen Pengguna No Field Name Data Type Length Constraint Foreign Key On Field On Table 1 id_dokumen int PK, FK id_dokumen Dokumen 2 id_user int PK, FK id_user Pengguna 6. Tabel Dokumen Bagian Nama tabel : dokumen_bagian Primary key : id_dokumen, id_bagian Foreign key : id_dokumen, id_bagian Fungsi : Merelasikan data dokumen dengan bagian Tabel 4.6 Tabel Dokumen Bagian No Field Name Data Type Length Constraint Foreign Key On Field On Table 1 id_dokumen int PK, FK id_dokumen Dokumen 3 id_bagian int PK, FK id_bagian Bagian

4.4.7 Desain InputOutput

Desain inputoutput merupakan rancangan berupa form sebelum menjadi sebuah program. Desain ini berfungsi sebagai inputan program dan laporan sebagai informasi yang dihasilkan oleh program dari pengolahan data. Desain ini juga merupakan acuan pembuatan aplikasi dalam merancang dan membangun sebuah sistem. 1. Desain Input Desain Input ini merupakan sebuah perancangan form yang memungkinkan penggunanya untuk melakukan input-an ke dalam aplikasi yang nantinya akan disimpan di database. a. Desain Master User Gambar 4.15 Form Master User Form ini berfungsi untuk mencatat user yang diberikan wewenang untuk mengakses aplikasi. Data ini selanjutnya bisa digunakan untuk Login aplikasi. Form ini hanya bisa diakses oleh Admin. b. Desain Master Bagian Gambar 4.16 Form Master Bagian Form ini berfungsi untuk mencatat bagian. Fungsinya untuk membedakan user di tiap bagian sehingga memiliki hak akses yang berbeda. c. Desain Master Dokumen Gambar 4.17 Form Master Dokumen Form ini berfungsi untuk mencatat data dokumen sekaligus scan lampiran semua bukti yang masuk ke bagian keuangan. 2. Desain Output Desain output ini merupakan rancangan berupa form laporan yang diproses menjadi suatu informasi berguna bagi penggunanya, yaitu keuangan bagian. a. Desain Halaman Utama Gambar 4.18 Tampilan Halaman Utama Form ini digunakan untuk melihat dokumen terakhir yang di masukkan kedalam aplikasi sekaligus menjadi halaman utama aplikasi keuangan bagian. b. Desain Lihat Dokumen Gambar 4.19 Output Lihat Dokumen Form ini digunakan untuk melihat dokumen yang telah di masukkan sebelumnya oleh keuangan bagian.

4.5 Implementasi Sistem