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