bab ii - repository.bsi.ac.id · instalasi aplikasi untuk dapat membuat dan mengimplementasikan...
TRANSCRIPT
![Page 1: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/1.jpg)
1
![Page 2: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/2.jpg)
2
BAB II
PERANCANGAN APLIKASI
1.1. Instalasi Aplikasi
Untuk dapat membuat dan mengimplementasikan sistem absensi dan
penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,
Adapun perangkat lunak yang digunakan dalam pembuatan dan implementasi
sistem ini adalah sebagai berikut:
1.1.1 Instalasi JDK
Untuk dapat menjalankan dan membuat program berbasis Java, maka
kita perlumenginstal JDK terlebih dahulu. Langkah-langkah penginstalasian
JDK sebagai berikut.
1. Mengunduh JDK 8 pada website resminya, https://www.oracle.com/
2. Buka program yang telah terunduh dengan double click lalu klik next
3. Tunggu hingga proses instalasi selesai
![Page 3: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/3.jpg)
3
4. Lalu klik close untuk mengakhiri proses instalasi.
![Page 4: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/4.jpg)
4
1.1.2 Instalasi Netbeans
Untuk mengembangkan sistem yang akan penulis buat, maka diperlukan
perangkatlunak pendukung lainnya yaitu Netbeans IDE. Untuk itu berikut ini
adalah proses instalasi.
1. Mengunduh aplikasi Netbeans di https://netbeans.org/
2. Lalu double click pada program yang telah terunduh, kemudian klik next
![Page 5: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/5.jpg)
5
3. Ceklis I accept the terms in the license agreement, lalu klik next
![Page 6: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/6.jpg)
6
4. Pilih folder untuk instalasi netbeans, lalu klik next
5. Klik Install untuk memulai proses instalasi
![Page 7: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/7.jpg)
7
6. Tunggu hingga proses instalasi selesai
7. Klik Finish untuk mengakhiri proses instalasi
![Page 8: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/8.jpg)
8
1.1.3 Instalasi Xampp
Xampp merupakan aplikasi pengembang yang mempunyai beberapa
fungsi salah satunya yaitu berfokus pada MySQL yang berguna untuk
menambahkan,menghapus atau mengubah data pada database. Berikut
langkah-langkah proses instalasi Xampp.
1. Unduh aplikasi Xampp pada https://www.apachefriends.org
2. Lakukan double click pada program yang telah terunduh, kemudian klik
next
![Page 9: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/9.jpg)
9
![Page 10: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/10.jpg)
10
3. Pilih folder untuk menyimpan hasil instalasi Xampp
4. Lalu klik next untuk memulai proses instalasi
5. Tunggu hingga proses instalasi selesai
![Page 11: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/11.jpg)
11
6. Klik Finish untuk mengakhiri proses instalasi
![Page 12: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/12.jpg)
12
1.1.4 Instalasi iReport
iReport adalah tools yang berfungsi untuk membuat laporan yang
kompleks dan mudah, proses instalasi iReport adalah sebagai berikut.
1. Mengunduh iReport pada
http://plugins.netbeans.org/plugin/4425/ireport
2. Buka Netbeans, lalu pilih tools kemudian pilih opsi plugin
3. Pilih Downloaded kemudian klik Add Plugins
![Page 13: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/13.jpg)
13
4. Pilih destinasi folder hasil download iReport, kemudian klik open. Pilih
semua file yang ber ekstensi .nbm, lalu klik install
![Page 14: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/14.jpg)
14
5. Untuk memastikan semua file terinstal, klik next kemudian Ceklis I accept
the terms in the license agreement, lalu klik install
![Page 15: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/15.jpg)
15
6. Tunggu hingga proses instalasi selesai, kemudian pilih Restart IDE now
![Page 16: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/16.jpg)
16
1.2. Rancangan Database
Database adalah kumpulan data yang disimpan dalam suatu media, umumnya
disimpan pada komputer yang nantinya dapat diolah atau dimanipulasi
menggunakan perangkat lunak pendukung untuk menghasilkan suatu informasi.
Adapun langkah-langkah dalam pembuatan database sebagai berikut.
1. Buka Xampp, lalu klik start pada Apache dan MySQL. Setelah itu klik Admin
pada modul MySQL.
2. Setelah muncul jendela browser dengan alamat
http://localhost/phpmyadmin maka klik new untuk membuat database
baru. Kemudian ketikan abjikud lalu klik buat.
3. Setelah database berhasil dibuat, langkah selanjutnya adalah membuat
table. Table yang akan dibuat pertama kali adalah absensi yaitu dengan
![Page 17: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/17.jpg)
17
cara klik nama database yang telah dibuat pada samping kiri layar,
kemudian ketikan “absensi” pada name serta isikan jumlah kolom yang
dibutuhkan untuk table lalu klik Go
4. Setelah table berhasil dibuat selajutnya membuat field pada table dengan
mengisi “no” sebagai primary key dengan cara memilih “PRIMARY”. Pada
kolom Index dengan tipe data integer yang dapat dipilih pada Type
dengan memilih “INT”, kemudian beri ceklis pada kolom A_I yang mana itu
merupakan Auto Increment yang berfungsi sebagai peurutan otomatis
pada nomor. Setelah field no selesai dibuat ulangi langkah yang sama
seperti di atas untuk membuat field lainnya pada table absensi. Jika semua
field telah dibuat klik Save.
5. Setelah table absensi berhasil terbuat, langkah selanjutnya adalah
membuat table gaji dengan cara klik new kemudian ketikan “gaji” pada
name serta isikan jumlah kolom yang dibutuhkan untuk table lalu klik Go.
![Page 18: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/18.jpg)
18
6. Setelah table berhasil dibuat selajutnya membuat field pada table dengan
mengisi “id_gaji” sebagai primary key dengan cara memilih “PRIMARY”.
Setelah field id_gaji selesai dibuat ulangi langkah yang sama seperti di atas
untuk membuat field lainnya pada table absensi. Jika semua field telah
dibuat klik Save.
7. Setelah table gaji berhasil terbuat, langkah selanjutnya adalah membuat
table karyawan dengan cara klik new kemudian ketikan “karyawan” pada
name serta isikan jumlah kolom yang dibutuhkan untuk table lalu klik Go.
![Page 19: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/19.jpg)
19
8. Setelah table berhasil dibuat selajutnya membuat field pada table dengan
mengisi “id_karyawan” sebagai primary key dengan cara memilih
“PRIMARY”. Setelah field id_karyawan selesai dibuat ulangi langkah yang
sama seperti di atas untuk membuat field lainnya pada table absensi. Jika
semua field telah dibuat klik Save.
1.3. Membuat Project Aplikasi abjiTA, Merancang Class koneksi
2.3.1. Membuat Project abjiTA
1. Buka aplikasi netbeans
2. Pilih menu file>New Project
![Page 20: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/20.jpg)
20
3. Setelah muncul jendela New Project pilih Java>Java Application lalu klik
Next
4. Setelah itu ketikan “abjiTA” , klik browse untuk memilih dimana project
akan disimpan lalu klik Finish.
![Page 21: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/21.jpg)
21
2.3.2. Membuat Package
1. Klik kanan pada abjiTA lalu pilih New>Java Package
2. Setelah itu ketik “Abji” pada Folder Name kemudian klik Finish.
![Page 22: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/22.jpg)
22
2.3.3. Merancang Class koneksi
1. Klik kanan pada Package lalu pilih New>Java Class
2. Setelah jendela New Java Class muncul, ketikan “koneksi” pada Class
Name lalu klik Finish
![Page 23: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/23.jpg)
23
3. Ketikan codingan berikut
4. Tambahkan libraries pada project abjiTA dengan klik kanan pada
libraries>Add Library lalu pilih MySQL JDBC Driver kemudian klik Add
Library.
![Page 24: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/24.jpg)
24
2.4. Rancangan Form Master
2.4.1. Form Data Karyawan
1. Buatlah form baru dengan nama Data_Karyawan
2. Desain Form Data_Karyawan
![Page 25: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/25.jpg)
25
![Page 26: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/26.jpg)
26
3. Spesifikasi properties komponen form Data_Karyawan
Nama Objek Nama Variabel Nilai
Jlabel JLabel1 Data Karyawan
JtabbedPane JTabbedPane1 Data Karyawan, Rekap
Jpanel JPanel1
Jlabel JLabel6 Id Karyawan
Jlabel JLabel4 Password
Jlabel JLabel7 Nama Karyawan
Jlabel JLabel8 Jenis Kelamin
Jlabel JLabel9 No Tlp
Jlabel JLabel10 Jabatan
Jlabel JLabel11 Alamat
JtextField idkaryawan
JtextField pass (Hidden)
JtextField namakaryawan
ButtonGroup jkel
JradioButton laki Laki-laki
![Page 27: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/27.jpg)
27
JRadioButton wanita Perempuan
JTextField notlp
JcomboBox jab
JScrollPane JscrollPane2
JTextArea alam
JButton bttambah Tambah
JButton btkeluar Keluar
JPanel JPanel2
JTable tbpegawai
JScrollPane JscrollPane1
JButton tbcetak
JTextField txtcari
JButton btncari
JButton keluar
4. Setelah selesai mendesain form, maka langkah selanjutnya adalah klik
tab Source dan masukan script method-method dibawah ini
![Page 28: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/28.jpg)
28
![Page 29: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/29.jpg)
29
![Page 30: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/30.jpg)
30
5. Setelah semua script code selesai diketik,klik tab Design lalu klik kanan
pada JFrame>Events>Window>WindowActivated kemudian ketik script
dibawah ini
6. klik kanan pada keluar>Events>Mouse>mouseClicked lalu ketik script
dibawah ini
7. klik kanan pada btkeluar>Events>Action>actionPerformed lalu ketik
script dibawah ini
![Page 31: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/31.jpg)
31
8. klik kanan pada bttambah>Events>Action>actionPerformed lalu ketik
script dibawah ini
9. klik kanan pada idkaryawan>Events>Key>keyPressed lalu ketik script
dibawah ini
![Page 32: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/32.jpg)
32
10. klik kanan pada pass>Events>Key>keyPressed lalu ketik script dibawah
ini
11. klik kanan pada namakaryawan>Events>Key>keyPressed lalu ketik script
dibawah ini
12. klik kanan pada notlp>Events>Key>keyPressed lalu ketik script dibawah
ini
13. klik kanan pada tbpegawai>Events>Key>keyPressed lalu ketik script
dibawah ini
14. klik kanan pada tbpegawai>Events>Mouse>mouseClicked lalu ketik
script dibawah ini
15. klik kanan pada btncari>Events>Action>actionPerformed lalu ketik
script dibawah ini
16. klik kanan pada tbcetak>Events>Action>actionPerformed lalu ketik
script dibawah ini
![Page 33: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/33.jpg)
33
2.4.2. Form Absensi
1. Buatlah form baru dengan nama Absensi
2. Desain Form Absensi
![Page 34: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/34.jpg)
34
3. Spesifikasi properties komponen form Absensi
Nama Objek Nama Variabel Nilai
JtabbedPane JTabbedPane1 Absensi, Lihat Absensi
Jpanel JPanel1
Jlabel getTanggal
Jlabel getWaktu
Jlabel Inama
Jlabel Idkar
Jlabel background
Jbutton absen Absen Masuk
Jpanel Jpanel2
Jlabel nmapt
Jlabel background1
Jbutton keluar
4. Setelah selesai mendesain form, maka langkah selanjutnya adalah klik
tab Source dan masukan script method-method dibawah ini
![Page 35: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/35.jpg)
35
![Page 36: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/36.jpg)
36
![Page 37: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/37.jpg)
37
5. Setelah semua script code selesai diketik,klik tab Design lalu klik kanan
pada
SJframe>Events>Window>WindowActivated[formWindowActivated]
kemudian ketik script dibawah ini
6. klik kanan pada absen>Events>Action>actionPerformed kemudian ketik
script dibawah ini
7. klik kanan pada keluar>Events>Mouse>MouseClicked kemudian ketik
script dibawah ini
2.4.3. Form Data Absensi
1. Buatlah form baru dengan nama Data_Absensi
2. Desain Form Data_Absensi
![Page 38: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/38.jpg)
38
3. Spesifikasi properties komponen form Data_Absensi
Nama Objek Nama Variabel Nilai
JtabbedPane JTabbedPane1
Jpanel JPanel2
JscrollPane JScrollPane1
Jtable tbpegawai
Jbutton Tbcetak
Jbutton btncari
JtextField txtcari
Jlabel JLabel
Jbutton keluar
4. Setelah selesai mendesain form, maka langkah selanjutnya adalah klik
tab Source dan masukan script method-method dibawah ini
![Page 39: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/39.jpg)
39
![Page 40: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/40.jpg)
40
5. Setelah semua script code selesai diketik,klik tab Design lalu klik kanan
pada keluar>Events>Mouse>MouseClicked kemudian ketik script
dibawah ini
![Page 41: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/41.jpg)
41
6. klik kanan pada tbpegawai>Events>Mouse>MouseClicked kemudian
ketik script dibawah ini
7. klik kanan pada btncari>Events>Action>ActionPerformed kemudian
ketik script dibawah ini
8. klik kanan pada tbcetak>Events> Action>ActionPerformed kemudian
ketik script dibawah ini
![Page 42: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/42.jpg)
42
2.5. Form Transaksi
2.5.1. Form Data Gaji
1. Buatlah form baru dengan nama Data_Gaji
2. Desain Form Data_Gaji
![Page 43: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/43.jpg)
43
3. Spesifikasi properties komponen form Data_Gaji
Nama Objek Nama Variabel Nilai
JLabel JLabel1 Data Gaji
JTabbedPane JTabbedPane1 Data Gaji, Rekap
JPanel JPanel2
JLabel JLabel6 Id Gaji
JLabel JLabel7 Jabatan
JLabel JLabel13 Lembur
Jlabel JLabel10 Id Karyawan
JLabel JLabel11 Nama Karyawan
JLabel JLabel12 Tanggal
JLabel JLabel4 Gaji Pokok
JLabel JLabel14 Uang Lembur
JLabel JLabel8 Tunjangan
JLabel JLabel2 Potongan
JLabel JLabel9 Total Gaji
JTextField Idgaji
JComboBox jab
JComboBox lembur
JTextField idkaryawan
JTextField namakaryawan
JTextField tgl
JTextField gapok
JTextField uanglembur
JTextField tunjangan
JTextField potongan
JTextField totgaji
JButton hitung Hitung
JButton bttambah Tambah
JButton btkeluar Keluar
JPanel JPanel2
JTable tbpegawai
JScrollPane JscrollPane1
JButton tbcetak
JTextField txtcari
JButton btncari
![Page 44: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/44.jpg)
44
Jbutton keluar
4. Setelah selesai mendesain form, maka langkah selanjutnya adalah klik
tab Source dan masukan script method-method dibawah ini
![Page 45: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/45.jpg)
45
![Page 46: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/46.jpg)
46
![Page 47: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/47.jpg)
47
5. Setelah semua script code selesai diketik,klik tab Design lalu klik kanan
pada keluar>Events>Mouse>mouseClicked kemudian ketik script
dibawah ini
6. klik kanan pada JFrame>Events>Window>WindowActivated kemudian
ketik script dibawah ini
![Page 48: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/48.jpg)
48
7. klik kanan pada idgaji>Events>Key>keyPressed kemudian ketik script
dibawah ini
8. klik kanan pada jab>Events> Action>ActionPerformed kemudian ketik
script dibawah ini
9. klik kanan pada lembur>Events>Action>ActionPerformed kemudian
ketik script dibawah ini
![Page 49: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/49.jpg)
49
10. klik kanan pada idkaryawan>Events>Key>keyPressed kemudian ketik
script dibawah ini
11. klik kanan pada gapok>Events> Action>ActionPerformed kemudian
ketik script dibawah ini
12. klik kanan pada tunjangan>Events> Action>ActionPerformed
kemudian ketik script dibawah ini
![Page 50: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/50.jpg)
50
13. klik kanan pada hitung>Events> Action>ActionPerformed kemudian
ketik script dibawah ini
14. klik kanan pada bttambah>Events> Action>ActionPerformed kemudian
ketik script dibawah ini
15. klik kanan pada btkeluar>Events> Action>ActionPerformed kemudian
ketik script dibawah ini
![Page 51: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/51.jpg)
51
16. klik kanan pada tbpegawai>Events>Key>keyPressed kemudian ketik
script dibawah ini
17. klik kanan pada tbpegawai>Events>Mouse>mouseClicked kemudian
ketik script dibawah ini
18. klik kanan pada btncari>Events> Action>ActionPerformed kemudian
ketik script dibawah ini
19. klik kanan pada tbcetak>Events> Action>ActionPerformed kemudian
ketik script dibawah ini
![Page 52: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/52.jpg)
52
2.6. Rancangan Form Login dan Menu Utama
2.6.1. Form Login
1. Buatlah form baru dengan nama Login
2. Desain Form Login
3. Spesifikasi properties komponen form Login
Nama Objek Nama Variabel Nilai
Jlabel JLabel2 Kode User
Jlabel JLabel3 Password
Jlabel JLabel4
Jlabel JLabel1
JtextField tkodeuser
JtextField tjabatan
JPasswordField tpassword
Jbutton bt_tlogin Login
Jbutton bt_keluar Keluar
4. Setelah selesai mendesain form, maka langkah selanjutnya adalah klik
tab Source dan masukan script method-method dibawah ini
![Page 53: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/53.jpg)
53
5. Setelah semua script code selesai diketik,klik tab Design lalu klik kanan
pada JFrame>Events>Window>WindowActivated kemudian ketik script
dibawah ini
![Page 54: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/54.jpg)
54
6. klik kanan pada bt_keluar>Events>Action>actionPerformed kemudian
ketik script dibawah ini
7. klik kanan pada bt_login>Events>Action>actionPerformed kemudian
ketik script dibawah ini
8. klik kanan pada tkodeuser>Events>Action>actionPerformed kemudian
ketik script dibawah ini
2.5.2. Form Menu Utama Manager
1. Buatlah form baru dengan nama Menu_Utama_Manager
2. Desain Form Menu_Utama_Manager
![Page 55: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/55.jpg)
55
3. Spesifikasi properties komponen form Menu_Utama_Manager
Nama Objek Nama Variabel Nilai
JLabel getTanggal
JLabel getWaktu
JLabel namapt
JLabel Inama
JLabel background
JButton dataabsensi Data Absensi
JButton datakaryawan Data Karyawan
JButton absen
JButton logout
4. Setelah selesai mendesain form, maka langkah selanjutnya adalah klik
tab Source dan masukan script method-method dibawah ini
![Page 56: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/56.jpg)
56
![Page 57: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/57.jpg)
57
5. Setelah semua script code selesai diketik,klik tab Design lalu klik kanan
pada JFrame>Events>Window>WindowActivated kemudian ketik script
dibawah ini
6. klik kanan pada logout>Events>Mouse>mouseClicked kemudian ketik
script dibawah ini
7. klik kanan pada btkeluar>Events>Action>actionPerformed lalu ketik
script dibawah ini
![Page 58: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/58.jpg)
58
8. klik kanan pada dataabsensi>Events>Action>actionPerformed lalu ketik
script dibawah ini
9. klik kanan pada datakaryawan>Events>Action>actionPerformed lalu
ketik script dibawah ini
2.5.3. Form Menu Utama Akunting
1. Buatlah form baru dengan nama Menu_Utama_Akunting
2. Desain Form Menu_Utama_Akunting
![Page 59: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/59.jpg)
59
3. Spesifikasi properties komponen form Menu_Utama_Akunting
Nama Objek Nama Variabel Nilai
JLabel getTanggal
JLabel getWaktu
JLabel namapt
JLabel Inama
JLabel background
JButton penggajian
JButton logout
JButton absen
4. Setelah selesai mendesain form, maka langkah selanjutnya adalah klik
tab Source dan masukan script method-method dibawah ini
![Page 60: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/60.jpg)
60
5. Setelah semua script code selesai diketik,klik tab Design lalu klik kanan
pada JFrame>Events>Window>WindowActivated kemudian ketik script
dibawah ini
![Page 61: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/61.jpg)
61
6. klik kanan pada logout>Events>Mouse>mouseClicked kemudian ketik
script dibawah ini
7. klik kanan pada penggajian>Events>Action>actionPerformed lalu ketik
script dibawah ini
8. klik kanan pada absen>Events>Action>actionPerformed lalu ketik
script dibawah ini
![Page 62: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/62.jpg)
62
2.6. Rancangan Laporan
1. Laporan Data Karyawan
2. Laporan Data Absensi
3. Slip Gaji
![Page 63: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/63.jpg)
63
2.7. Rancangan Backup Data /Keamanan Data
Pada umumnya perusahaan memenuhi kebutuhan keamanan Basisdata untuk
Mengidentifikasi dan mengorganisir kegiatan keamanan Basisdata dalam sistem
komputasi. Tujuan rencana keamanan database untuk memungkinkan manager
operasional untuk bertindak secara efektif untuk mencegah dan mengurangi
dampak masalah keamanan basisdata. Aspek-aspek yang meliputi keamanan dan
backup data terdiri dari:
1. Keamanan Data
a. Manager Operasional dapat memonitor segala bentuk aktivitas yang
terjadi dalam aplikasi dan database
b. Melakukan autentifikasi pada user /karyawan
2. Backup Data
a. Backup dapat dilakukan dengan melalui export database yang nanti bisa
ditampilkan dalam bentuk excel
![Page 64: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/64.jpg)
64
b. Memungkinkan recovery data yang akurat jika suatu saat data
mengalami kerusakan.
![Page 65: BAB II - repository.bsi.ac.id · Instalasi Aplikasi Untuk dapat membuat dan mengimplementasikan sistem absensi dan penggajian karyawan maka dibutuhkan beberapa perangkat lunak pendukung,](https://reader030.vdocuments.pub/reader030/viewer/2022011912/5f9dd2ff4bb75d087b047017/html5/thumbnails/65.jpg)
65