BAB III PEMBAHASAN III.1
Analisis Sistem Pada bagian ini akan dilakukan analisis terhadap system yang sedang
berjalan. Hasilnya digunakan untuk mengidentifikasi dan mengevaluasi berbagai kelemahan dan kelebihan yang terdapat pada system Kantor Pelayanan Pajak Pratama Sumedang. Dari proses analisis tersebut akan dihasilkan berbagai saran perbaikan terhadap system yang dapat dijadikan dasar dalam merancang yang akan dibangun. III.1.1 Analisis Masalah Sesuai dengan hasil analisis di Kantor Pelayanan Pajak (KPP) Pratama Sumedang dalam kegiatan yang terdapat di Seksi Pengawan dan Komunikasi (Waskon) dalam kegiatan perkantorannya membutuhkan suatu perangkat lunak, yaitu Pengolahan data surat masuk dan keluar yang dilakukan seorang petugasnya yang diperlukan untuk mengetahui surat apa saja yang masuk ke KPP Pratama Sumedang dan suratyang dikeluarkan dalam sebuah agenda kantor. Dalam pembuatannya masih menyalin secara manual dengan menggunakan agenda dan ditulis tangan. Hal ini menyebabkan banyaknya kelemahan dalam penyalinan surat-surat masuk dan keluar, pegawai mungkin terlewat menulis atau kesalahan dalam penulisan. Dan membuat tidak rapihnya sebuah agenda yang nantinya akan dilaporkan kepada Kepala Kantor KPP Sumedang. Hal ini juga sangat menyulitkan bagi pegawai di seksi waskon, dalam hal pencarian data, apabila data dibutuhkan dengan segera tidak bisa langsung didapat karena pegawai harus mencari satu-satu dari tumpukan agenda, dan pegawai di waskon harus menyalinnya lagi di mocrosoft word apabila kepala kantor meminta laporan bulanan tentang surat keluar ataupun surat masuk ke kantor pajak. Untuk itu diperlukan sebuah pembangunan aplikasi surat menyurat untuk merekam data data surat masuk dan surat keluar. Agar mempermudah pegawai
18
waskon dalam melakukan pencaria ataupun menghindari penumpukan agenda yang berada di ruangan waskon. III.1.2 Analisis Prosedur yang berjalan Analisis prosedur atau proses sistem memberikan gambaran tentang system yang saat ini sedang berjalan. Analisis sistem bertujuan untuk mengetahui lebih jelas bagaimana cara kerja sistem tersebut, sehingga kelebihan dan kekurangan sistem dapat diketahui.
III.1.2.1 Flowmap yang sedang berjalan Di KPP Pratama Sumedang ada prosedur dalam melakukan perekaman surat masuk dan surat keluar : 1. Para account respresentative akan mengeluarkan surat-surat yang akan diberikan pada WP (wajib pajak) 2. Sebelum dikirimkan kepada para WP, maka diproses terlebih dahulu oleh sekretaris Kepala Kantor 3. Setelah selesai diproses oleh sekretaris kepala kantor, maka surat dicatat telebih dahulu oleh salah satu pegawai seksi Waskon 4. Lalu surat yang dikeluarkan AR untuk WP dikirim oleh petugas waskon
III.1.2.1.1 Flowmap Surat Masuk Pada flow map proses surat masuk ini mempunyai fungsinya masingmasing dan terdiri 3 fungsi yaitu : 1. User, dalam fungsi pertama yaitu user mempunyai dokumen berupa surat masuk yang didalamnya berupa data surat masuk kemudian akan melalui proses penyimpanan surat masuk kemudian proses edit jika ada kesalahan input.
19
2. Surat masuk, setelah mendapatkan dokumen berupa surat maka dilakukan proses tambah yang didalamnya berupa penginputan data isi surat kemudian data disimpan. Proses selanjutnya adalah pengeditan data surat masuk jika ada kesalahan penginputan pada poses tambah lalu setelah semua proses telah selasai data surat dapat ditampilkan lewat proses preview. 3. Sistem Database, dalam fungsi sistem database operator ini mempunyai tugas menyimpan data dari proses isi data surat masuk kemudian menjadi dokumen data yang telah di olah. Alur diatas dapat digambarkan sebagain flowmap sebagai berikut :
20
Proses Surat Masuk User
Surat Masuk
Data Surat
Database Sistem
Proses Tambah
Data Surat
Isi Data Surat
Simpan Data Surat
Data Surat Masuk Terisi
Database Surat Masuk
Proses Edit Surat Masuk
Data Surat Masuk di Edit
Lapora Surat Masuk
Proses Priview
Gambar 0-1 Flowmap Surat Masuk
21
III.1.2.1.2 Flow Map Surat Keluar Pada flow map proses surat keluar ini mempunyai fungsinya masingmasing dan terdiri 3 fungsi yaitu : 1. User, dalam fungsi pertama yaitu user mempunyai dokumen berupa surat keluar yang didalamnya berupa data surat keluar kemudian akan melalui proses isi surat keluar dan penyimpanan surat masuk kemudian proses edit jika ada kesalahan input. 2. Surat keluar, setelah mendapatkan dokumen berupa surat maka dilakukan proses tambah yang didalamnya berupa penginputan data isi surat kemudian data disimpan. Proses selanjutnya adalah pengeditan data surat masuk jika ada kesalahan penginputan pada poses tambah lalu setelah semua proses telah selasai data surat dapat ditampilkan lewat proses preview. 3. Sistem Database, dalam fungsi sistem database operator ini mempunyai tugas menyimpan data dari proses isi data surat keluar kemudian menjadi dokumen data yang telah di olah.
22
Proses Surat Keluar User
Surat Keluar
Data Surat
Proses Tambah
Database Sistem
Data Surat
Simpan Data Surat
Database Surat Keluar Data Sura Keluar Terisi
Proses Edit surat Keluar
Data Surat Keluar
Priview Surat Keluar
Info Laporan Surat Keluar
Info Surat Keluar
Gambar 0-2Flowmap Surat Keluar
23
III.1.3 Analisis Pengkodean III.1.3.1 Pengkodean NIP Di KPP Pratama Sumedang, digunakan pengkodean berupa NIP pegawai. NIP tersebut dimiliki semua pegawai KPP Pratama Sumedang. Format NIP 18 digit sesuai dengan Pasal 2 Peraturan Kepala BKN nomor 22 tahun 2007 menggunakan tahun, bulan dan tanggal lahir CPNS/PNS sebanyak 8 (delapan) digit dengan ketentuan untuk bulan dan tanggal lahir masing-masing 2 (dua) digit, 6 (enam) digit berikutnya menunjukkan tahun dan bulan pengangkatan pertama sebagai CPNS/PNS dengan ketentuan untuk bulan pengangkatan pertama dua digit, 1 (satu) digit berikutnya menunjukkan jenis kelamin CPNS/PNS yaitu angka 1 untuk Pria dan angka 2 untuk Wanita dan 3 (tiga) digit terakhir adalah angka pengenal yang menunjukkan nomor urut CPNS/PNS yang diatur dan ditetapkan oleh BKN. Berikut gambar yang menjelaskan NIP di KPP Pratama Sumedang :
Gambar 0-3 Kode NIP
III.1.4 Pengkodean Surat Di KPP Pratama Sumedang untuk mengirimkan suatu surat untuk para wajib pajak ataupun surat yang diterima daari luar KPP Pratama, ada pengkodean tertentu dalam hal membuat nomor surat. Format nomor surat itu sendiri pertama ditulis jenis surat dengan pengkodean tertentu jenis-jenis surat lalu diikuti dengan nomer agenda yang sebelumnya harus ditulis terlebih dahulu dalam sebuah agenda lalu kode selanjutnya adalah kode penerima surat tersebut dan tahun pajak yang dikenakan
24
oleh penerima tsb diikuti oleh kode KPP Pratama Sumedang dan tanggal dikirimkannya surat lalu diikuti oleh tahun sekarang.
Jenis surat
kode KPP
No agenda Tgl suratdikirim Kode Wajib pajak TahunGambar 0-4 Pengkodean Surat
III.2
Analisis Kebutuhan
S-264 / WPJ 09 / KP 0206 / 2010 III.2.1 Analisis Kebutuhan Non Fungsional Analisis kebutuhan non fungsional dilakukan untuk menghasilkan spesifikasi yang rinci mengenai segala hal yang dapat dikerjakan sistem ketika diimplementasikan (spesifikasi kebutuhan non fungsional). Hasil dari analisis ini akan menentukan masukan yang dibutuhkan sistem, keluaran yang dihasilkan sistem, lingkup proses yang digunakan untuk mengolah masukan sehingga menghasilkan keluaran yang diinginkan, volume data yang akan ditangani sistem, kendali terhadap sistem, dan macam-macam kategori pengguna sistem.
III.2.1.1 Analisis Jaringan Saat ini, jaringan yang terpasang pada KPP Pratama Sumedang merupakan jaringan lokal dengan bentuk topologi jaringan jenis star, dimana sebuah server akan melayani kebutuhan beberapa komputer klien. Sistem informasi yang dibangun berbasis klien-server, sehingga sistem ini dapat langsung beradaptasi, dan berjalan dengan efisien.
25
III.2.1.2 Analisis Perangkat Keras Perangkat keras yang ada saat ini di Direktorat Metrologi sudah memenuhi standard untuk menjalankan aplikasi sistem yang dibangun. Adapun spesifikasinya sebagai berikut : Server a. Processor : Intel Core 2 Duo E7500 b. RAM
: DDR2 1 GB
c. VGA
: ATI RADEON DDR2 512MB
d. Harddisk : 160 GB e. Monitor
: LCD 16 inch
f. Keyboard an Mouse
Client g. Processor : Intel Core 2 Duo E7500 h. RAM
: DDR2 1 GB
i. VGA
: ATI RADEON DDR2 512MB
j. Harddisk : 160 GB k. Monitor
: LCD 16 inch
l. Keyboard an Mouse
III.2.1.3 Analisis Perangkat Lunak Spesifikasi perangkat lunak yang digunakan di KPP Pratama Sumedang adalah sebagai berikut : a. Microsoft Windows XP Proffesional sebagai Sistem Operasi b. Borland Delphi 7 sebagai aplikasi pembangun perangkat lunak c. Delphi sebagai bahasa pemrograman d. My SQL sebagai Server Database Management System
26
III.2.1.4 Analisis User Setelah melakukan pengumpulan data dengan teknik wawancara dan survey bahwa pengguna sistem yang akan menggunakan perangkat lunak ini adalah pegawai dengan jabatan pelaksana pada seksi Pengawasan dan Komunikasi di KPP Pratama Sumedang dan sudah mempunyai pengalaman dalam menginputkan data, menyalin data dan menguasai komputer minimal dapat bekerja dengan Microsoft Office Word dan Microsoft Office Excel, sehingga tidak perlu dilakukan pelatihan secara khusus pada sistem yang akan dibangun. Akan tetapi hanya melakukan pengenalan dan pengarahan sistem secara singkat.
III.2.2
Analisis Kebutuhan Fungsional Analisis kebutuhan fungsional akan dimulai setelah tahap analisis terhadap
sistem selesai dilakukan, analisis kebutuhan fungsional dapat didefinsikan sebagai penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi. Tahapan ini menyangkut mengkonfigurasi dari komponen-komponen perangkat lunak dan perangkat keras dari suatu sistem sehingga setelah instalasi dari sistem akan benar-benar memuaskan dari rancang bangun yang telah ditetapkan pada akhir tahap analisis sistem. Alat bantu yang digunakan untuk menggambarkan system secara umum yang akan dibangun yaitu diagram konteks dan data flow diagram. Untuk menjelaskan bagaimana suatu masukan diproses pada sistem maka digunakan spesifikasi proses dan kamus data untuk mengetahui aliran data yang mengalir pada sistem.
III.2.2.1 Kamus Data Kamus data adalah tempat penyimpanan definisi dari aliran-aliran data, file-file, dan proses-proses dalam sebuah sistem informasi. Kamus data ini berasal dari diagram arus data dan dokumen-dokumen sumber inputan. Untuk menjelaskan semua data yang digunakan dalam sistem, digunakan kamus data. Kamus data untuk sistem ini diuraikan dalam tabel berikut : 27
Tabel 0-1 Kamus Data No Detail 1.
Keterangan
Nama
Data login & user
Deskripsi
Berisi data user yang digunakan untuk login dan untuk merekam surat masuk dan keluar
Struktur Data
Username + password
Username
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
password 2.
Nama
Data Surat Masuk
Deskripsi
Berisi data surat masuk
Struktur Data
Tglmasuk + noagenda + ditujukankepada + keterangan + jenissurat
3.
Tgl Masuk
{dd / mm / yy}
No Agenda
{0..9 }
Ditujukan kepada
{a..z|A..Z}
Keterangan
{a..z|A..Z}
Jenis Surat
{a..z|A..Z}
Nama
Data Surat Keluar
Deskripsi
Berisi data surat keluar
Struktur Data
Tglkeluar + noagenda + ditujukankepada + keterangan + ar + jenissurat
4.
Tgl Keluar
{dd / mm / yy}
No Agenda
{0..9 }
Ditujukan kepada
{a..z|A..Z}
Keterangan
{a..z|A..Z}
Account Representative
{a..z|A..Z}
Jenis Surat
{a..z|A..Z}
Nama
Data Account Representative
Deskripsi
Berisi data Account Representative
Struktur Data
Namalgkp + gol + alamat + PA
28
Nama Lengkap
{a..z|A..Z}
Golongan
{0..9|a..z|A..Z}
Alamat
{0..9|a..z|A..Z}
Pendidikan Terakhir
{0..9|a..z|A..Z}
III.2.2.2 Diagram Konteks Diagram konteks atau disebut juga dengan model sistem pundamental merepresentasikan seluruh elemen sistem sebagai sebuah bubble tunggal dengan data input output yang ditunjukan oleh anak panah yang masuk dan keluar secara berurutan. Data Login
Data Login
Data Surat
Data Pegawai
Laporan
Data Surat
SI Surat Masuk dan Surat Keluar
Administrator
Petugas
Info login invalid
Info login invalid Info pegawai Info surat
Info surat Info laporan
Gambar 0-5 Diagram Konteks
III.2.2.3 Data Flow Diagram (DFD) Dari diagram konteks di atas, aliran data yang ada pada sistem digambarkan dengan lebih rinci menggunakan Data Flow Diagram.
29
III.2.2.4
DFD Level 1 1. Surat Masuk Proses ini adalah proses pendataan yang dilakukan oleh user dengan data dari surat yang masuk untuk diarsipkan untuk keperluan tertentu. 2. Surat Keluar Proses ini adalah proses pendataan yang dilakukan oleh user dengan data dari surat yang akan keluar untuk diarsipkan untuk keperluan tertentu.
30
Data User Data login
1.0 Login
Data login Info login valid Info laporan bulanan Info data Acoount Representative User
Input data account Representative
Info surat masuk
Input data surat masuk
Info input surat keluar Input surat keluar
Info data surat masuk
Data Surat Keluar
Info AccountRepresentative
Info data surat masuk
Surat Masuk
4.0 Pengisian data AR Info data Account Representative
3.0 Perekaman Surat Keluar
Data Surat masuk
2.0 Perekaman Surat Masuk
Account Representative
Surat Keluar
DB perekaman Surat Keluar/bulan
DB Perekeman Surat Masuk/ bulan
Gambar 0-6 DFD Level 1
31
5.0 Laporan
III.2.2.5
DFD Level 2 Proses 2.0 Perekaman Surat Masuk
2.1: Tambah User menginputkan data isi surat masuk berupa tanggal agenda, asal surat, tanggal surat, no surat, perihal, keterangan. 2.2: Edit Proses ini merupakan proses pengeditan data surat masuk jika ada kesalahan input data pada proses tambah. 2.3: Cari Proses ini merupakan proses pencarian data surat masuk yang sudah di input dan tersimpan di database. 2.4: Preview Proses ini merupakan proses pencarian untuk menampilkan surat yang sudah masuk dalam jangka waktu tertentu dalam bentuk laporan. 2.5: Hapus Proses ini merupakan proses penghapusan data yang telah diinputkan dengan otomatis menghapus langsung dari database.
32
Input no agenda
Simpan Data surat Masuk
Input asal surat Input tanggal surat
2.1 Tambah
Input no agenda Input perihal Input keterangan
Input gambar Edit data surat masuk
2.2 Edit
Simpan Data Surat Masuk
Data Surat Masuk User
Input pencarian no agenda
Cari Surat Masuk
Surat Masuk
2.3 Cari
Input pencarian asal surat Input pencarian perihal
Info Data Surat Masuk
Input tanggal surat
Hapus database 2.4 Preview
Lihat priview laporan
Info Laporan Surat Masuk
Info hapus data berhasil Hapus data surat 2.5 Hapus
Info hapus data
Gambar 0-7 DFD Level 2 Proses 2.0
III.2.2.6
DFD Level 2 Proses 3.0 Perekaman Surat Keluar 3.1: Tambah User menginputkan data isi surat keluar berupa tanggal agenda, no agenda, ditujukan kepada, perihal, keterangan. 3.2: Edit Proses ini merupakan proses pengeditan data surat keluar jika ada kesalahan input data pada proses tambah. 3.3: Cari
33
Proses ini merupakan proses pencarian data surat keluar yang sudah di input dan tersimpan di database. 3.4: Preview Proses ini merupakan proses pencarian untuk menampilkan surat yang sudah masuk dalam jangka waktu tertentu dalam bentuk laporan. 3.5: Hapus Proses ini merupakan proses pencarian untuk menghapus data surat keluar yang telah dibuat lalu akan dihapus.
34
Simpan Data Surat Keluar
Input no agenda Input tanggal Keluar Input ditunjukan kepada 3.1 Tambah
Input perihal Input AR Input keterangan
3.2 Edit
Edit Data Surat Keluar
Simpan Data Surat Keluar
Data Surat Keluar User
Input pencarian no agenda
Cari Surat Keluar
Surat Keluar
3.3 Cari
Input pencarian tanggal agenda
Input Ditujukan Kepada
Info Data Surat Keluar
3.4 Preview
Lihat preview laporan surat keluar
Info Laporan Surat Keluar
Hapus database Info data dihapus berhasil Info datadihapus
3.5 Hapus
Hapus data surat
Gambar 0-8 DFD Level 2 Proses 3.0
III.2.2.7
DFD Level 2 Proses 4.0 Pengolahan Data AR
4.1: Tambah User menginputkan data nama Account Representative, NIP, Golongan dan Pendidikan terakhir. 4.2: Edit Proses
ini
merupakan
representative. 4.3: Cari
35
proses
pengeditan
data
account
Proses ini merupakan proses pencarian data surat keluar yang sudah di input dan tersimpan di database. 4.4: Hapus Proses ini merupakan proses pengahapusan table di database, dengan menggunakan konfirmasi terlebih dahulu.
Simpan Data Acc. Representative
Input nama AR Input NIP Input Golongan 4.1 Tambah Input Pendidikan Terakhir
4.2 Edit
Edit Data AR
Simpan Data Acc. Representative
Data Acc. Representative User
Input pencarian nama AR
Cari Account Representative
4.3 Cari
Input pencarian NIP
Input Golongan
Info Data Acc. Representative
4.4 Preview
Lihat preview data AR
Account Representative
Info Preview Data AR
Hapus database Info data dihapus berhasil 4.5 Hapus
Hapus data AR
Gambar 0-9 DFD Level 2 Proses 4.0
36
Info datadihapus
III.2.2.8
DFD Level 2.0 Proses 5.0
DFD level 2.0 pada Proses 5.0 ini adalah Laporan yang dirancang ditampilkan secara per bulan. 5.1 : View Laporan Ini digunakan ketika user menuju laporan bulanan yang user pilih pada menu utama ataupun yang user pilih saat dipengolahan data surat masuk maupun suratkeluar. 5.2: Cetak Laporan Fitur ini sudah otomatis tersedia bagi user yang telah melihat laporan maka tersedia tombol cetak laporan untuk mencetak laporan dari database yang tersimpan.
5.1 View Laporan
Info DB perekaman surat masuk Info DB perekaman surat keluar
Surat Masuk
5.2 Cetak Laporan
SuratKeluar
0-10DFD Level 2.0 Proses 5.0
37
III.3
Perancangan Sistem
III.3.1
Perancangan Basis Data
Usulan untuk diagram E-R yaitu terdapat kunci yang unik (primary key) pada setiap entitas (tabel induk) yang dapat membedakan dengan atribut lainnya sehingga tabel tersebut dapat dijadikan referensi untuk tabel yang lainnya. Dari usulan diatas maka dapat dibuat diagram E-R untuk sistem yang terdri dari beberapa tabel yang dibutuhkan untuk menyimpan data. Untuk melihat keterhubungan antar tabel yang ada maka akan digambarkan sebagai berkut : III.3.1.1 ERD (Entity Relationship Diagram) ERD (Entity Relationship Diagram) adalah sebuah spesialisasi grafik yang mengilustrasikan hubungan antara entitas dengan sebuah database.
Perihal Jenis Surat
Tgl Masuk
Keterangan
No Agenda
Tujuan
Perihal Surat Masuk
Jenis Surat Tgl Masuk
m
Tujuan
Nama AR
NIP
No Agenda Keterangan Golongan Merekam
m
Surat Keluar
m
Mengeluarkan
1 User
username
password
Gambar 0-11 ERD
38
Account m Representative
Pendidikan Terakhir
III.3.1.2
Struktur Tabel
Tabel 0-2 User Nama Field Username Password
Tipe Data (Ukuran) String String
Keterangan Nama user Password user
Tabel 0-3 Surat Masuk Nama Field No Agenda
Tipe Data (Ukuran) Integer
Jenis Surat Tgl Masuk Ditujukan kepada Keterangan
String Date String String
Keterangan Nomer Agenda Surat Masuk Jenis Surat yang Masuk Tanggal Surat Masuk Ditujukan untuk siapa Keterangan / isi surat masuk
AsalSurat
String
Tabel 0-4 Surat Keluar Nama Field No Agenda
Tipe Data (Ukuran) Integer
Jenis Surat
String
Tgl Keluar Ditujukan Kepada Keterangan
Date String String
Account Representative
String
Tabel 0-5 Account Representative Nama Field Tipe Data (Ukuran) Account Representative String Golongan NIP Pendidikan Terakhir
String String String
39
Keterangan Nomer Agenda surat keluar Jenis surat yang dikeluarkan Tanggal surat keluar Ditujukan untuk siapa Keterangan / isi surat keluar Nama ar yang mengeluarkan surat keluar
Keterangan Nama Lengkap Account Representative Golongan dari AR NIP para AR Pendidikan yang terakhir ditempuh oleh para AR
III.3.1.3
Skema Relasi
User Username Password
Surat Masuk
Surat Keluar
AR
NoAgenda TglMasuk JenisSurat DitujukanKepada Perihal Asal Surat
NoAgenda TglKeluar JenisSurat DitujukanKepada Perihal Account Representative
AccountRepresentative NIP Golongan PendidikanTerakhir
Gambar 0-12 Skema Relasi
III.3.2 Perancangan Prosedural III.3.2.1
Flowchart
Flowchart adalah jenis diagram yang mewakili suatu algoritma atau proses, yang menunjukan langkah-langkah sebagai kotak dari berbagai jenis, dan ketertiban mereka dengan menghubungkan proses satu dengan proses yang lainnya dengan menggunakan panah. Hal ini diagramatik representasi dapat memberikan langkah demi langkah dalam menemukan solusi yang diberikan dalam suatu permasalahan. Proses operasi diwakili dalam kotak, dan panahdengan menghubungkan satu sama lain yang mewakili aliran control. Data arus biasanya tidak diwakili dalam diagram alur, berbeda dengan diahram data, melainkan mereka tersirat oleh urutan
operasi
yang
digunakan
dlam
menganalisis,
mendokumentasikan atau mengelola suatu proses di berbagai bidang.
40
merancang,
Pengolahan Data Surat Masuk dan Keluar
Data Surat Masuk / Keluar
Diproses di KPP melalu Seksi Waskon
Apakah Perlu dilanjutkan ke yang dituju
Jika Perlu Diteruskan ke orang dituju
Melakukan Perekaman Surat Masuk dan Keluar Oleh Pegawai Waskon
Gambar 0-13 Flowchart
41
III.3.3 Perancangan Struktur Menu Struktur menu dirancang sesuai dengan level pengguna yang menggunakan sistem. Berikut struktur menu program pengolahan data surat masuk dan keluar :
Menu
File
Laporan
Pengolahan Data Surat Masuk
Laporan Bulanan
About
Pengolahan Data Surat Keluar
Pengolahan Data AR
Gambar 0-14 Struktur Menu
III.3.4 Perancangan antarmuka a.
Perancangan Antar Muka Login Perancangan untuk Login sama untuk segala jenis user. Baik admin ataupun petugas. Masukkan username dan password, kemudian klik tombol Login maka jika data valid user bisa langsung masuk ke system.
42
Gambar 0-15 Perancangan Login
b. Perancangan antarmuka menu T 01 A File
Laporan
Surat masuk
Lap Bulanan
Surat Keluar
About
Data AR Keluar
Keterangan Ukuran : AlClient Warna : Cream
Gambar 0-16 Perancangan Menu Gambar KPP
43
c. Perancangan antarmuka pengolahan data surat masuk S02 Navigasi : -klik tambah untuk menuju S03 (Form tambah). -klik edit untuk menuju S04 (Form edit). -klik preview untuk menuju S05 (Laporan).
Pengolahan Data Surat Masuk NoAgenda
TglAgenda
AsalSurat
TglSurat
NoSurat
Perihal
Keterangan
Gambar
Kategori Pencarian : No Agenda Asal Surat Perihal Tanggal Agenda Tanggal Surat Jenis Surat : ComboBox1 Pencarian :
CARI
PRIVIEW NAVIGASI
TAMBAH
EDIT
HAPUS
TUTUP PRINT
Gambar 0-17 Perancangan Pengolahan Surat Masuk d. Perancangan antarmuka pengisian data surat masuk T 03 Navigasi : -klik simpan untuk kembali menuju T02 (Form surat masuk). -klik batal untuk menuju pesan M01
No Agenda Tanggal Masuk Asal Surat Ditujukan Kepada Jenis Surat Perihal Keterangan
SIMPAN
BATAL
Gambar 0-18 Perancangan Pengisian Surat Masuk 44
e. Perancangan antarmuka Laporan bulanan S05 Navigasi :
string string string
string
string
Gambar 0-19 Perancangan Laporan
45
string
string
f. Perancangan antarmuka surat keluar S06 Navigasi : -klik tambah untuk menuju S07 (Form tambah). -klik edit untuk menuju S08 (Form edit). -klik preview untuk menuju S09 (Laporan).
Pengolahan Data Surat Keluar NoAgenda
DitujukanKepad a
TglAgenda
Perihal
Keterangan
Kategori Pencarian : No Agenda Tanggal Agenda Ditujukan Kepada
Pencarian :
CARI
PRIVIEW NAVIGASI
TAMBAH
EDIT
HAPUS
TUTUP PRINT
Gambar 0-20 Perancangan Pengolahan Surat Keluar
g. Pengisian data surat keluar Navigasi : -klik simpan untuk kembali menuju (Form surat keluar). -klik batal untuk menuju pesan M02
NIP Acc. Representative Pend. Terakhir
Golongan
SIMPAN
BATAL
Gambar 0-21 Perancangan Pengisian Surat Keluar 46
h. Perancangan antarmuka pegolahan Data Account Representative T07 Navigasi : -klik tambah untuk menuju (Form tambah). -klik edit untuk menuju (Form edit). -klik preview untuk menuju (Laporan).
Pengolahan Data Account Representative NIP
Golongan
Pend. Trakhir
Acc. Representative
Kategori Pencarian : Golongan Pend. Trakhir
NAVIGASI
TAMBAH
EDIT
HAPUS
TUTUP
Gambar 0-22 Pengolahan Data AR
i. Perancangan antarmuka pengisian data AR Navigasi : -klik simpan untuk kembali menuju (Form surat keluar). -klik batal untuk menuju pesan M02
NIP Acc. Representative Pend. Terakhir
Golongan
SIMPAN
Gambar 0-23 Pengisian Data AR 47
BATAL
III.4
Perancangan antarmuka pesan
a. Pesan ini muncul apabila user salah memasukan username atau password ketika log in
Gambar 0-24 Perancangan antarmuka pesan
III.5
Jaringan Semantik
Gambar 0-25 Jaringan Semantik
48
III.6
Implementasi Pada tahap ini, hasil dari tahap perancangan diterjemahkan ke dalam
bahasa pemrograman. Wujud dari hasil tahap implementasi ini nantinya adalah sebuah sistem yang siap untuk diuji. III.6.1 Log in Pada halaman ini, user diminta untuk memasukan username dan password. Tekan tombol LOGIN untuk melakukan verifikasi username dan password, tekan tombol BATAL untuk membatalkan proses login dan keluar dari aplikasi.
Gambar 0-26 Form Login
III.6.2 Menu Utama Halaman ini akan muncul, ketika user telah terlebih dahulu melakukan login dan apabila username dan password yang diisikan user benar. Maka user akan menuju form utama seperti pada gambar dibawah tersebuh. Terdapat beberapa menu yaitu, menu File, Laporan dan About.
49
Gambar 0-27 Form Menu Utama
III.6.3 Menu Pengolahan Data Surat Masuk Halaman ini akan muncul ketika user berada di menu utama dan memilih file lalu memilih Surat Masuk maka munculan gambar seperti dibawah ini. Di halaman ini user dapat melihat data yang sudah diinputkan dan juga mencari data ataupun pengurutan berdasarkan user inginkan.
50
Gambar 0-28 Form Pengolahan Surat Masuk
III.6.4 Pengolahan Data Surat Keluar Halaman Ini akan muncul apabila user memilih Surat Keluar di form utama maka akan muncul form pengolahan surat keluar yang berisi table dan kolom pencarian dan pengurutan juga terdapat bebearapa navigasi. Dan tombol seperti tambah, edit, hapus, laporan.
Gambar 0-29 Form Pengolahan Surat Keluar
51
III.6.5 Pengolahan Data Account Representative Halaman ini akan muncul ketika user memilih File lalu Account Representative di meu utama. Di form ini hanya tersedia penambahan edit dan hapus data accout representative karena tiap bulan kadang terjadi penggantian jabatan dan adanya pegawai baru, maka diperlukan form ini untuk mengupdate data AR
Gambar 0-30 Form Account Representative
III.6.6 Pengisian Surat Masuk Form ini muncul ketika user memilih button tambah di form pengolahan data surat masuk. Disini user melakukan penginputan atau perekaman surat masuk untuk disimpan ke dalam database.
52
Gambar 0-31 Form Pengisian Surat Masuk
III.6.7 Laporan Perekaman Surat Masuk Laporan yang nantinya user butuhkan untuk hard copy diberikan kepada KaKap KPP Sumedang. Apabila user telah mengisinya dan disimpan di dalam database
53
Gambar 0-32 Report
III.6.8 Pengisian Surat Keluar Form ini muncul ketika user memilih button tambah di form pengolahan data surat keluar. Disini user melakukan penginputan atau perekaman surat keluar untuk disimpan ke dalam database.
54
Gambar 0-33 Form Pengisian Surat Keluar
III.6.9 Pengisian AR Form ini muncul ketika user memilih button tambah di form pengolahan data account representative. Disini user melakukan penginputan atau data AR untuk disimpan ke dalam database.
55
Gambar 0-34 Form Pengisian Data AR
III.6.10
Menu About
Halaman ini muncul ketika user memilih menu about di form menu utama. Halaman ini hanya menyajikan informasi tentang perangkat lunak.
Gambar 0-35 Form About
56
III.6.11
Menu Laporan Bulanan
Menu ini muncul ketika user memilih tab menu laporan lalu laporan bulanan maka akan muncul tab pemilihan bulan dan juga tahun untuk melihat laporan surat per bulan.
Gambar 0-36 Form Laporan
57
III.6.12
Pesan Kesalahan Login
Pesan ini muncul jika user mengisikan username dan password kosong dan apabila username dan password salah maka akan muncul seperti gambari dibawah ini.
Gambar 0-37 Message Dialog username kosong
Gambar 0-38 Message Dialog Password Kosong
Gambar 0-39 Message Dialog Salah Password
58
