bab ii - repository.bsi.ac.id · instalasi aplikasi untuk dapat membuat dan mengimplementasikan...

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

4. Lalu klik close untuk mengakhiri proses instalasi.

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

3. Ceklis I accept the terms in the license agreement, lalu klik next

4. Pilih folder untuk instalasi netbeans, lalu klik next

5. Klik Install untuk memulai proses instalasi

7. Klik Finish untuk mengakhiri proses instalasi

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

3. Pilih folder untuk menyimpan hasil instalasi Xampp

4. Lalu klik next untuk memulai proses instalasi

6. Klik Finish untuk mengakhiri proses instalasi

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

4. Pilih destinasi folder hasil download iReport, kemudian klik open. Pilih

semua file yang ber ekstensi .nbm, lalu klik install

5. Untuk memastikan semua file terinstal, klik next kemudian Ceklis I accept

the terms in the license agreement, lalu klik install

6. Tunggu hingga proses instalasi selesai, kemudian pilih Restart IDE now

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

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.

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.

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

3. Setelah muncul jendela New Project pilih Java>Java Application lalu klik

4. Setelah itu ketikan “abjiTA” , klik browse untuk memilih dimana project

akan disimpan lalu klik Finish.

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.

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

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.

2.4. Rancangan Form Master

2.4.1. Form Data Karyawan

1. Buatlah form baru dengan nama Data_Karyawan

2. Desain Form Data_Karyawan

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

JRadioButton wanita Perempuan

JTextField notlp

JcomboBox jab

JScrollPane JscrollPane2

JTextArea alam

JButton bttambah Tambah

JButton btkeluar Keluar

JPanel JPanel2

JTable tbpegawai

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

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

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

10. klik kanan pada pass>Events>Key>keyPressed lalu ketik script dibawah

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

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

2.4.2. Form Absensi

1. Buatlah form baru dengan nama Absensi

2. Desain Form Absensi

3. Spesifikasi properties komponen form Absensi

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

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

3. Spesifikasi properties komponen form Data_Absensi

JtabbedPane JTabbedPane1

Jpanel JPanel2

JscrollPane JScrollPane1

Jtable tbpegawai

Jbutton Tbcetak

Jbutton btncari

JtextField txtcari

Jlabel JLabel

Jbutton keluar

pada keluar>Events>Mouse>MouseClicked kemudian ketik script

dibawah ini

6. klik kanan pada tbpegawai>Events>Mouse>MouseClicked kemudian

ketik script dibawah ini

7. klik kanan pada btncari>Events>Action>ActionPerformed kemudian

8. klik kanan pada tbcetak>Events> Action>ActionPerformed kemudian

2.5. Form Transaksi

2.5.1. Form Data Gaji

1. Buatlah form baru dengan nama Data_Gaji

2. Desain Form Data_Gaji

3. Spesifikasi properties komponen form Data_Gaji

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

JButton tbcetak

JTextField txtcari

JButton btncari

Jbutton keluar

pada keluar>Events>Mouse>mouseClicked kemudian ketik script

dibawah ini

6. klik kanan pada JFrame>Events>Window>WindowActivated kemudian

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

10. klik kanan pada idkaryawan>Events>Key>keyPressed kemudian ketik

script dibawah ini

11. klik kanan pada gapok>Events> Action>ActionPerformed kemudian

12. klik kanan pada tunjangan>Events> Action>ActionPerformed

kemudian ketik script dibawah ini

13. klik kanan pada hitung>Events> Action>ActionPerformed kemudian

14. klik kanan pada bttambah>Events> Action>ActionPerformed kemudian

15. klik kanan pada btkeluar>Events> Action>ActionPerformed kemudian

16. klik kanan pada tbpegawai>Events>Key>keyPressed kemudian ketik

script dibawah ini

17. klik kanan pada tbpegawai>Events>Mouse>mouseClicked kemudian

18. klik kanan pada btncari>Events> Action>ActionPerformed kemudian

19. klik kanan pada tbcetak>Events> Action>ActionPerformed kemudian

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

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

dibawah ini

6. klik kanan pada bt_keluar>Events>Action>actionPerformed kemudian

7. klik kanan pada bt_login>Events>Action>actionPerformed kemudian

8. klik kanan pada tkodeuser>Events>Action>actionPerformed kemudian

2.5.2. Form Menu Utama Manager

1. Buatlah form baru dengan nama Menu_Utama_Manager

2. Desain Form Menu_Utama_Manager

3. Spesifikasi properties komponen form Menu_Utama_Manager

JLabel getTanggal

JLabel getWaktu

JLabel namapt

JLabel Inama

JLabel background

JButton dataabsensi Data Absensi

JButton datakaryawan Data Karyawan

JButton absen

JButton logout

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

8. klik kanan pada dataabsensi>Events>Action>actionPerformed lalu ketik

script dibawah ini

9. klik kanan pada datakaryawan>Events>Action>actionPerformed lalu

2.5.3. Form Menu Utama Akunting

1. Buatlah form baru dengan nama Menu_Utama_Akunting

2. Desain Form Menu_Utama_Akunting

3. Spesifikasi properties komponen form Menu_Utama_Akunting

JLabel getTanggal

JLabel getWaktu

JLabel namapt

JLabel Inama

JLabel background

JButton penggajian

JButton logout

JButton absen

dibawah ini

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

2.6. Rancangan Laporan

1. Laporan Data Karyawan

2. Laporan Data Absensi

3. Slip Gaji

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

b. Memungkinkan recovery data yang akurat jika suatu saat data

mengalami kerusakan.

bab ii - repository.bsi.ac.id · instalasi aplikasi untuk dapat membuat dan mengimplementasikan...

Documents

analisis penggajian

artikel analisis sistem akuntansi penggajian...

erd penggajian

skripsi rancang bangun sistem informasi penggajian...

bab v uji coba dan implementasi 1....

pengembangan sistem informasi penggajian · pdf fileskripsi...

strategi komunikasi dalam mengimplementasikan …

absensi bln

proses penggajian

majalah ilmiah unikom vol.15 no. 1 · dalam proses...

pengadilan agama bulukumba standar … fileo diterimanya...

siklus penggajian

penerapan sistem penggajian karyawan · pdf filesistem...

rancang bangun aplikasi absensi dan penggajian karyawan...

tantangan guru dalam mengimplementasikan …

paper format for the proceeding of...

aplikasi penggajian

absensi ninik

daftar absensi

laporan s k r i p s i sistem informasi absensi dan...