Anda di halaman 1dari 20

BAB III

PENGOLAHAN DATA

3.1. Requirements
Requirements adalah kondisi atau kebutuhan yang diperlukan oleh suatu
komponen system untuk menyelesaikan suatu masalah.

3.2. Pembuatan Command Line Interface (CLI)


3.2.1. Pembuatan Project
Untuk membuat tabel, dapat mengikuti langkah-langkah sebagai berikut:
1. Buka aplikasi NeatBeans IDE 8.2, lalu muncul tampilan awal NeatBeans
IDE 8.2

Sumber: NeatBeans IDE 8.2


Gambar 3.1 Tampilan awal

2. Lalu buat project baru dengan cara klik New Project (Ctrl+Shift+N) atau
bisa dilakukan dengan klik file lalu klik New Project.
Sumber: NeatBeans IDE 8.2
Gambar 3.2 Tampilan File

3. Pada halaman New Project, pilih Categories “JAVA” dan Project “Java
Application”.

Sumber: NeatBeans IDE 8.2


Gambar 3.3 Tampilan New Project

4. Tentukan project name (contohnya : sensuspenduduk) dan project


location dapat diletakkan di tempat yang diinginkan. Dan jangan lupa
untuk menghilangkan centang pada Create Main Class. Klik Finish.
Sumber: NeatBeans IDE 8.2
Gambar 3.4 Tampilan New Java Aplication

3.2.2. Pembuatan Package


1. Kita dapat membuat Package dengan cara klik kanan Project, New-Java
Package.

Sumber: NeatBeans IDE 8.2


Gambar 3.5 Tampilan New Java Package

2. Simpan dengan nama yang inginkan, lalu klik Finish .


Sumber: NeatBeans IDE 8.2
Gambar 3.6 Tampilan New Java Package

3. Lalu Java Package akan muncul dengan nama yang kita buat.

Sumber: NeatBeans IDE 8.2


Gambar 3.7 Tampilan Projects

3.2.3. Pembuatan Class


1. Untuk membuat class dapan dilakukan dengan cara klik kanan project,
New-Java Class.
Sumber: NeatBeans IDE 8.2
Gambar 3.8 Tampilan New dan Java Class

2. Lalu buat nama dari class yang diinginkan, lalu klik Finish.

Sumber: NeatBeans IDE 8.2


Gambar 3.9 Tampilan New Java Class

3. Stelah itu akan tampil sebuah class java sesuai dengan nama class java
yang kita buat.
Sumber: NeatBeans IDE 8.2
Gambar 3.10 Tampilan Java Class

3.2.4. Penulisan Kode Program


3.2.4.1.Penulisan Kode Program Form Selamat Datang
Penulisan kode program Form Selamat Datang adalah sebagai berikut:
1. Penulisan kode program Tombol Next

Sumber: NeatBeans IDE 8.2


Gambar 3.11 Penulisan Kode Program Tombol Next

3.2.4.2.Penulisan Kode Program Form Login


Penulisan kode program Form Login adalah sebagai berikut:
1. Penulisan kode program Text Field untuk otomatis enter

Sumber: NeatBeans IDE 8.2


Gambar 3.12 Penulisan Kode Program Text Field
2. Penulisan kode program Tombol Login.

Sumber: NeatBeans IDE 8.2


Gambar 3.13 Penulisan Kode Program Tombol Login

3.2.4.3.Penulisan Kode Program Form Password


Penulisan kode program Form Password adalah sebagai berikut:
1. Penulisan kode program Text Field untuk otomatis enter

Sumber: NeatBeans IDE 8.2


Gambar 3.14 Penulisan Kode Program Text Field

2. Penulisan kode program Tombol Masuk.


Sumber: NeatBeans IDE 8.2
Gambar 3.15 Penulisan Kode Program Tombol Masuk

3.2.4.4.Penulisan Kode Program Form Data


Penulisan kode program Form Data adalah sebagai berikut:
1. Penulisan kode program Text Field untuk otomatis enter
Sumber: NeatBeans IDE 8.2
Gambar 3.16 Penulisan Kode Program Text Field

2. Penulisan kode program Tombol Input.

Sumber: NeatBeans IDE 8.2


Gambar 3.17 Penulisan Kode Program Tombol Input

3.2.4.5.Penulisan Kode Program Form Call Center


Penulisan kode program Form Call Center adalah sebagai berikut:
1. Penulisan kode program Tombol Selanjutnya

Sumber: NeatBeans IDE 8.2


Gambar 3.18 Penulisan Kode Program Tombol Selanjutnya

3.2.4.6.Penulisan Kode Program Form Terimakasih


Penulisan kode program Form Terimakasih adalah sebagai berikut:
1. Penulisan kode program Tombol Kembali

Sumber: NeatBeans IDE 8.2


Gambar 3.19 Penulisan Kode Program Tombol Kembali
2. Penulisan kode program Tombol Keluar

Sumber: NeatBeans IDE 8.2


Gambar 3.20 Penulisan Kode Program Tombol Keluar

3.2.5. Hasil Penulisan


Langkah-langkah untuk melihat hasil penulisan pada Form Data.
1. Ada 2 cara untuk menjalankan file adalah sebagai berikut:
a. Klik kanan pada Main Class, lalu pilih dan klik Run file.
Sumber: NeatBeans IDE 8.2
Gambar 3.21 Tampilan Option Class

b. Klik tanda play yang berwarna hijau seperti gambar berikut:

Sumber: NeatBeans IDE 8.2

Gambar 3.22 Tampilan Toolbar

2. Hasil penulisan kode program dari aplikasi Sensus Penduduk dimana


Form Data telah di Run
Sumber: NeatBeans IDE 8.2
Gambar 3.23 Hasil Kode Program Di Run

3.3. Pembuatan Graphical User Interface (GUI)


3.3.1. Tahapan Pembuatan Form
Langkah-langkah dalam pembuatan Form adalah sebagai berikut:
1. Klik kanan pada Package, lalu klik New, lalu klik JFrame Form

Sumber: NeatBeans IDE 8.2


Gambar 3.24 Tampilan Options Project Form

2. Ketikkan nama yang ingin dimasukkan di Class Name , lalu klik Finish.

Sumber: NeatBeans IDE 8.2


Gambar 3.25 Tampilan New jFrame Form

3. Lalu akan muncul tampilan awal Form


Sumber: NeatBeans IDE 8.2
Gambar 3.26 Tampilan Form Awal

3.3.2. Interface Program Form


Dalam pembuatan interface program form, ada 6 buah form yang akan
ditampilkan, yaitu :
3.3.2.1.Form Selamat Datang
Form yang muncul pertama kali saat program aplikasi ini dijalankan.

Sumber: NeatBeans IDE 8.2


Gambar 3.27 Tampilan Form Selamat Datang

3.3.2.2.Form Login
Sebuah Form yang berisi nama dan NIK untuk masuk ke form selanjutnya.
Sumber: NeatBeans IDE 8.2
Gambar 3.28 Tampilan Form Login

3.3.2.3.Form Password
Sebuah form yang berisi password dan confirm password untuk membuat
akun sensus.

Sumber: NeatBeans IDE 8.2


Gambar 3.29 Tampilan Form Password

3.3.2.4.Form Data
Sebuah Form yang berisi data yang harus diisi oleh yang melakukan
sensus.
Sumber: NeatBeans IDE 8.2
Gambar 3.30 Tampilan Form Data

3.3.2.5.Form Call Center


Sebuah Form yang berisi nomor yang bisa dihubungi apabila terjadi
kesalahan dalam pengisian data.

Sumber: NeatBeans IDE 8.2


Gambar 3.31 Tampilan Form Call Center

3.3.2.6.Form Terimakasih
Sebuah Form yang berisi terimakasih atas penggunaan jasa.
Sumber: NeatBeans IDE 8.2
Gambar 3.32 Tampilan Form Terimakasih

3.4. Pembuatan Nilai Properties Object


3.4.1. Properties Form Login
Pengaturan Properties Form Login dapat dilihat pada tabel 3.1
Tabel 3.1. Keterangan Form Login

Form Login Kolom


Nama (Dikosongkan)
NIK (Dikosongkan)

Sumber: Pengolahan Data

3.4.2. Properties Form Password

Pengaturan Properties Form Login dapat dilihat pada tabel 3.2.

Tabel 3.2. Keterangan Form Password

Form Login Kolom


Password (Dikosongkan)
Confirm Password (Dikosongkan)
Sumber:Pengolahan Data

3.4.3. Properties Form Data

Pengaturan Properties Form Data dapat dilihat pada tabel 3.3.


Form Data Kolom
NIK (Dikosongkan)
Nama Lengkap (Dikosongkan)
Kota (Dikosongkan)
Kecamatan (Dikosongkan)
Kelurahan (Dikosongkan)
Kode Pos (Dikosongkan)
Alamat (Dikosongkan)
Jenis Kelamin - Laki-laki
- Perempuan
Status - Belum kawin
- Kawin
Tempat / Tanggal Lahir (Dikosongkan)
Sumber: Pengolahan Data

3.5. Tampilan Akhir Program Aplikasi


3.5.1. Form Selamat Datang
Form yang muncul pertama kali saat program aplikasi ini dijalankan.

Sumber: NeatBeans IDE 8.2


Gambar 3.33 Tampilan Form Selamat Datang

3.5.2.Form Login
Sebuah Form yang berisi nama dan NIK untuk masuk ke form selanjutnya.
Sumber: NeatBeans IDE 8.2
Gambar 3.34 Tampilan Form Login

3.5.3. Form Password


Sebuah form yang berisi password dan confirm password untuk membuat
akun sensus.

Sumber: NeatBeans IDE 8.2


Gambar 3.35 Tampilan Form Password

3.5.4. Form Data


Sebuah Form yang berisi data yang harus diisi oleh yang melakukan
sensus.
Sumber: NeatBeans IDE 8.2
Gambar 3.36 Tampilan Form Data

3.5.5. Form Call Center


Sebuah Form yang berisi nomor yang bisa dihubungi apabila terjadi
kesalahan dalam pengisian data.

Sumber: NeatBeans IDE 8.2


Gambar 3.37 Tampilan Form Call Center

3.5.6. Form Terimakasih


Sebuah Form yang berisi terimakasih atas penggunaan jasa.
Sumber: NeatBeans IDE 8.2
Gambar 3.38 Tampilan Form Terimakasih

Anda mungkin juga menyukai