Perancangan Antar Muka Analisis Sistem

2. Perancangan antar muka menu Pengolah Data PDF T02 Gambar 3.14 Rancangan antar muka menu Pengolah Data PDF T02 -Klik Menu Tambah menuju T06 -Klik menu hapus untuk menghapus data PDF yang ditunjuk oleh kursor -Klik ubah menuju T06 -Klik Cetak menuju L02 -Klik cari berdasarkan kategori : NIPNIK, Nama dan Pendidikan Resolusi 1024 x 768 Pixel Font : Times New Roman , Size 12 Pengolah Data PDF Nama Field Data PDF Isi Field Data PDF Tambah Hapus Ubah Cetak Kategori : NIPNIK Keyword Cari 3. Perancangan antar muka menu Pengolah Data Golongan T03 Gambar 3.15 Rancangan Antar muka Menu Pengolah Data Golongan T03 -Klik Menu Tambah menuju T07 -Klik menu hapus untuk menghapus data golongan yang ditunjuk oleh kursor -Klik ubah menuju T07 -Klik Cetak menuju L03 -Klik cari berdasarkan kategori : Nama Golongan dan Kode Golongan. Resolusi 1024 x 768 Pixel Font : Times New Roman , Size 12 Pengolah Data Golongan Nama Field Data Golongan Isi Field Data Golongan Tambah Hapus Ubah Cetak Kategori : Nama Golongan Keyword Cari 4. Perancangan antar muka menu Pengolah Data Pangkat T04 Gambar 3.16 Rancangan Antar muka Menu Pengolah Data Pangkat T04 -Klik Menu Tambah menuju T08 -Klik menu hapus untuk menghapus data pangkat yang ditunjuk oleh kursor -Klik ubah menuju T08 -Klik Cetak menuju L04 -Klik cari berdasarkan kategori : Nama Pangkat dan Kode Pangkat Resolusi 1024 x 768 Pixel Font : Times New Roman , Size 12 Pengolah Data Pangkat Nama Field Data Pangkat Isi Field Data Pangkat Tambah Hapus Ubah Cetak Kategori : Nama Pangkat Keyword Cari 5. Perancangan antar muka menu Pengolah Data SKPD T05 Gambar 3.17 Rancangan Antar muka menu Pengolah Data SKPD T05 -Klik Menu Tambah menuju T09 -Klik menu hapus untuk menghapus data SKPD yang ditunjuk oleh kursor -Klik ubah menuju T09 -Klik Cetak menuju L05 -Klik cari berdasarkan kategori : Nama SKPD dan Kode SKPD Resolusi 1024 x 768 Pixel Font : Times New Roman , Size 12 Pengolah Data SKPD Nama Field Data SKPD Isi Field Data SKPD Tambah Hapus Ubah Cetak Kategori : Nama SKPD Keyword Cari 6. Perancangan antar muka menu tambah PDF T06 Gambar 3.18 Rancangan antar muka menu Tambah data PDF T06 Menu Tambah PDF NIPNIK : Nama : Tempat dan Tanggal Lahir : Pendidikan : Alamat Rumah : No Telepon : Simpan Batal -isi NIPNIK -isi Nama -isi Tempat dan Tanggal Lahir -isi Pendidikan -isi Alamat Rumah -isi No Telepon -klik simpan jika setuju menambahkan NIPNIK,Nama, Tempat dan Tanggal Lahir, Pendidikan, Alamat Rumah, No Telepon Resolusi 1024 x 768 Pixel Font : Times New Roman , Size 12 7. Perancangan antar muka menu tambah Golongan T07 Gambar 3.19 Rancangan Antar muka menu tambah Golongan 8. Perancangan antar muka menu tambah Pangkat T08 Gambar 3.20 Rancangan Antar muka menu tambah pangkat T07 Menu Tambah Golongan No Golongan : : Nama Golongan : : : Simpan Batal -isi No Golognan -isi Nama Golongan -klik simpan jika setuju menambahkan No Golongan dan nama Golongan, Resolusi 1024 x 768 Pixel Font : Times New Roman , Size 12 T08 Menu Tambah Pangkat No Golongan : Nama Golongan : Simpan Batal -isi No Golognan -isi Nama Golongan -klik simpan jika setuju menambahkan No Golongan dan nama Golongan, Resolusi 1024 x 768 Pixel Font : Times New Roman , Size 12 9. Perancangan antar muka menu tambah SKPD T09 Gambar 3.21 Rancangan antar muka Menu Tambah SKPD

3.2.5 Perancangan Semantik

T02 T01 T03 T04 T05 L01 T06 L02 T07 L03 T08 L04 T09 L05 Gambar 3.22 Perancangan jaringan Semantik Aplikasi T09 Menu Tambah SKPD No SKPD : Nama SKPD : Alamat SKPD : No Telepon SKPD : Simpan Batal -isi SKPD -isi Nama SKPD -isi Alamat SKPD -isi No Telepon SKPD -klik simpan jika setuju menambahkan No SKPD, Nama SKPD, Alamat SKPD, No Telepon SKPD Resolusi 1024 x 768 Pixel Font : Times New Roman , Size 12

3.2.6 Perancangan Prosedural

Perancangan prosedural pada sistem ini menggunakan flowchart yang berguna untuk menggambarkan tahap penyelesaian suatu masalah dengan menggunakan simbol-simbol. Procedural yang terdapat dalam sistem ini terdiri dari 4 yaitu tambah data, ubah data, cari data dan hapus data.

3.2.6.1 Flowchart tambah data

mulai selesai tambah data valid Info data berhasil ditambahkan ya Info data gagal ditambahkan tidak Cek data Gambar 3.23 Flowchart tambah data