Tabel 3.2 Kamus Data
Kamus Keterangan
1 Nama aliran data
Data Admin Where used how used
Administrasi ke proses 1.0 pengolahan data KTP asal dan Alamat sementara, dari proses 1.0 ke proses 1.1 pendaftaran.
Deskripsi Untuk mengetahui identitas administrasi
Struktur data NIP + Username + Alamat + Telepon + Email
NIP Username
Alamat Telepon
Email 20[A..Z|a..z|0..9]
25[A..Z|a..z] 50[A..Z|a..z]
18[0..9] 30[A..Z|a..z|0..9]
2 Nama aliran data
Data KTP Where used how used
Administrasi ke proses 1.0 pengolahan data KTP asal dan Alamat Sementara, dari proses 1.0 ke proses 1.2 pengolahan
data KTP asal dan alamat sementara, dari proses 1.2 ke proses 1.2.1 tambah data warga, dari proses 1.2.1 ke proses 1.2.2
ubah data warga, dari proses 1.2.2 ke proses 1.2.3 hapus data warga, dari proses 1.2.3 ke proses 1.2.4 print data warga.
Deskripsi Untuk mengetahui identitas warga
Struktur data NIK + Nama + Tempat_Lahir + Tanggal_lahir + Status +
Agama + Pekerjaan + Alamat_Asal + Alamat_Sementara + Gol_darah + Tanggal_daftar +Status_KTP
NIK Nama
Tempat_Lahir Tanggal_Lahir
Status Agama
Pekerjaan Alamat_Asal
Alamat_Sementara Gol_darah
Tanggal_daftar Status_KTP
8[A..Z|a..z|0..9] 25[A..Z|a..z]
25[A..Z|a..z] {Datetime}
20[A..Z|a..z] 20[A..Z|a..z]
20[A..Z|a..z] 50[A..Z|a..z]
50[A..Z|a..z] 2[A..Z|a..z]
{Datetime} 20[A..Z|a..z]
3.2 Perancangan Sistem
Perancangan akan dimulai setelah tahap analisis terhadap sistem selesai dilakukan. Perancangan dapat didefinisikan sebagai penggambaran, perencanaan dan pembuatan sketsa
atau pengatur dari beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi.
3.2.1 Perancangan Basis Data
Perancangan basis data merupakan tahapan untuk memetakan model konseptual ke model basis data yang akan digunakan. Perancangan basis data terbagi menjadi dua yaitu
skema relasi dan struktur tabel.
3.2.1.1 Skema Relasi
Skema relasi antar tabel merupakan pengelompokkan data menjadi tabel-tabel yang menunjang entitas dan relasi yang berfungsi untuk mengakses data item dari setiap database.
Relasi antar tabel untuk sistem yang akan di buat dapat di lihat pada Gambar 3.9 seperti yang berikut ini :
NIP Username
Alamat Telepon
Email NIP
Username Alamat
Telepon Email
Administrasi Administrasi
PK PK
NIK Nama
Tempat_Lahir Tanggal_Lahir
Status Agama
Pekerjaan Alamat_Asal
Alamat_Sekarang Golongan_Darah
Tanggal_Daftar Status_KTP
NIK Nama
Tempat_Lahir Tanggal_Lahir
Status Agama
Pekerjaan Alamat_Asal
Alamat_Sekarang Golongan_Darah
Tanggal_Daftar Status_KTP
Warga Warga
PK PK
NIP NIK
Nama Alamat_Asal
Alamat_Sekarang Tanggal_daftar
Status_KTP NIP
NIK Nama
Alamat_Asal Alamat_Sekarang
Tanggal_daftar Status_KTP
Detail KTP Detail KTP
PK PK
Gambar 3.8 Skema Relasi
3.2.1.2 Struktur Menu
Struktur Menu bertujuan untuk memberikan gambaran tentang aplikasi yang akan dibangun. Sehingga akan mempermudah dalam mengimplementasikan aplikasi serta akan
memudahkan pembuatan aplikasi. Rancangan sistem informasi Pengolahan Data Urbanisasi yang akan dibuat sebagai
berikut :
BERANDA BERANDA
DATA KTP DATA KTP
EDIT EDIT
EDIT EDIT
DATA ADMIN DATA ADMIN
KELUAR KELUAR
LOGIN LOGIN
HAPUS HAPUS
INPUT ADMIN INPUT ADMIN
HAPUS HAPUS
PRINT PRINT
INPUT KTP INPUT KTP
Gambar 3.9 Perancangan Struktur Menu.
3.2.2 Perancangan Antar Muka
Masukan antar muka yang akan dirancang terdiri dari beberapa form yaitu: 1. Perancangan Menu Login
Tampilan perancangan untuk Menu Login seperti Gambar 3.10.
T01
LOGIN ADMIN
USER NAME : PASSWORD :
LOGIN STATISTIK PENDAFTARAN WARGA PENDATANG
Keterangan : Nama form : T01
Ukuran Layar : Font : Times New Roman
Header : image Warna Layar : Putih
Warna Login : kuning
Grafik Status KTP Grafik Status Pernikahan
Persentase Tetap Persentase Sementara
Persentase Kawin Persentase belum kawin
Pengolahan Data Urbanisasi
Kecamatan Bandung Kulon
Gambar 3.10 Menu Login
2. Perancangan Menu Beranda
T02
MAIN MENU
BERANDA MAIN MENU
Keterangan : Nama form : T02
Ukuran Layar : Font : Times New Roman
Warna Layar : Putih
SELAMAT DATANG DI WEB PENGOLAHAN DATA URBANISASI PENGOLAHAN DATA URBANISASI DI WILAYAH KECAMATAN KOTA BANDUNG
User : Tanggal
[Logout]
Open Close
Data Admin Input Admin
Data KTP Input KTP
Create by Kaisar Wijaya2011
Gambar 3.11 Menu Beranda
3. Perancangan Menu Data Admin
T03
MAIN MENU
BERANDA MAIN MENU
Keterangan : Nama form : T03
Ukuran Layar : Font : Times New Roman
Warna Layar : Putih
PENGOLAHAN DATA URBANISASI DI WILAYAH BANDUNG KULON
User : Tanggal
[Logout]
Open Close
Data Admin Input Admin
Data KTP Input KTP
Create by Kaisar Wijaya2011
NO NIP
USERNAME ALAMAT
TELEPON EMAIL
[EDIT] [HAPUS]
Gambar 3.12 Menu Data Admin
4. Perancangan Menu Edit Data Admin
T04
MAIN MENU
BERANDA MAIN MENU
Keterangan : Nama form : T04
Ukuran Layar : Font : Times New Roman
Warna Layar : Putih PENGOLAHAN DATA URBANISASI DI WILAYAH BANDUNG KULON
User : Tanggal
[Logout]
Open Close
Data Admin Input Admin
Data KTP Input KTP
Create by Kaisar Wijaya2011
NIP Username
Password Alamat
Telepon Email
EDIT BATAL
Gambar 3.13 Menu Edit Data Admin
5. Perancangan Menu Input Data Admin
T05
MAIN MENU
BERANDA MAIN MENU
Keterangan : Nama form : T05
Ukuran Layar : Font : Times New Roman
Warna Layar : Putih
PENGOLAHAN DATA URBANISASI DI WILAYAH BANDUNG KULON
User : Tanggal
[Logout]
Open Close
Data Admin Input Admin
Data KTP Input KTP
Create by Kaisar Wijaya2011
NIP Username
Password Alamat
Telepon Email
SIMPAN
Gambar 3.14 Menu Input Data Admin
6. Rancangan Menu Data KTP
NO NIK NAMA TMPTLAHIR TGL LAHIR STATUS T06
MAIN MENU
BERANDA MAIN MENU
Keterangan : Nama form : T06
Ukuran Layar : Font : Times New Roman
Warna Layar : Putih
PENGOLAHAN DATA URBANISASI DI WILAYAH BANDUNG KULON
User : Tanggal
[Logout]
Open Close
Data Admin Input Admin
Data KTP Input KTP
Create by Kaisar Wijaya2011
AGAMA PEKERJAAN ALMT_ASAL ALMT_SKRG GOL_DRH TGL DFTR STATUS
[Hapus] [Edit]
Gambar 3.15 Menu Data KTP
7. Rancangan Menu Edit Data KTP
T07
MAIN MENU
BERANDA MAIN MENU
Keterangan : Nama form : T07
Ukuran Layar : Font : Times New Roman
Warna Layar : Putih PENGOLAHAN DATA URBANISASI DI WILAYAH BANDUNG KULON
User : Tanggal
[Logout]
Open Close
Data Admin Input Admin
Data KTP Input KTP
Create by Kaisar Wijaya2011
NIK Nama
Tempat Lahir Tanggal Lahir
Status Agama
Alamat Asal Alamat Sekarang
Pekerjaan Golongan Darah
Batal Edit
Tanggal Daftar Status KTP
Gambar 3.16 Menu Edit Data KTP
8. Perancangan Menu Print
T08
MAIN MENU
BERANDA MAIN MENU
Keterangan : Nama form : T08
Ukuran Layar : Font : Times New Roman
Warna Layar : Putih
PENGOLAHAN DATA URBANISASI DI WILAYAH BANDUNG KULON
User : Tanggal
[Logout]
Open Close
Data Admin Input Admin
Data KTP Input KTP
Create by Kaisar Wijaya2011
NIK Nama
TTL Lahir Status
Agama Alamat Asal
Golongan Darah Tanggal Daftar
Lama aktif Status KTP
[ Print This Page ] [ Back ]
Gambar 3.17 Menu Print
9. Rancangan Menu Input Data KTP
T09
MAIN MENU
BERANDA MAIN MENU
Keterangan : Nama form : T09
Ukuran Layar : Font : Times New Roman
Warna Layar : Putih PENGOLAHAN DATA URBANISASI DI WILAYAH BANDUNG KULON
User : Tanggal
[Logout]
Open Close
Data Admin Input Admin
Data KTP Input KTP
Create by Kaisar Wijaya2011
NIK Nama
Tempat Lahir Tanggal Lahir
Status Agama
Alamat Asal Alamat Sekarang
Pekerjaan Gol Darah
Simpan
Tanggal Daftar Status KTP
Gambar 3.18 Menu Input Data KTP
10. Perancangan Menu Hapus
Yakin data ini akan di hapus ?
OK Cancel
T10
Gambar 3.19 Menu Hapus
3. 3 Implementasi Aplikasi
1. Tampilan Menu Login
Gambar 3.20 Menu Login
2. Tampilan Menu Beranda
Gambar 3.21 Menu Beranda
3. Tampilan Menu Data Admin
Gambar 3.22 Menu Data Admin
4. Tampilan Menu Edit Data Admin
Gambar 3.23 Menu Edit Data Admin
5. Tampilan Menu Input Data Admin
Gambar 3.24 Menu Input Data Admin
6. Tampilan Menu Data KTP
Gambar 3.25 Menu Data KTP
7. Tampilan Menu Edit Data KTP
Gambar 3.26 Menu Edit Data KTP
8. Tampilan Menu Print
Gambar 3.27 Menu Data Print
9. Tampilan Menu Input Data KTP
Gambar 3.28 Menu Input Data KTP
10. Tampilan Menu Hapus
Gambar 3.29 Menu Hapus
BAB IV KESIMPULAN DAN SARAN
4.1 Kesimpulan
