29
BAB III ANALISA DAN PERANCANGAN
Aplikasi database berbasis desktop sekarang ini sangat membantu dalam dunia bisnis, banyaknya manfaat yang di miliki aplikasi ini antara lain; dapat berjalan dengan independen, tanpa perlu menggunakan browser.
Tidak perlu koneksi
internet , karena semua file yang di perlukan untuk menjalankan aplikasinya sudah terinstal sebelumnya, dapat dengan mudah memodifikasi settingannya, serta prosesnya lebih cepat. Aplikasi database berbasis desktop dengan sofware Netbean IDE 7.1.2 adalah salah satunya. Aplikasi ini salah satu aplikasi yang dapat membantu perusahaan untuk menyediakan informasi tentang data karyawan dengan cepat. Dalam bab ini penulis akan menceritakan tentang analisa program, mulai dari identifikasi input hingga output. Juga perancangan aplikasi yang menggunakan UML yaitu use case diagram dan user case skenario, activity diagram, class diagram, statechart diagram, sequence diagram dan perancangan User Interface dari aplikasi ini. Berdasarkan uraian sebelumnya, maka struktur penulisan di bab ini dimulai dari pembahasan tentang analisa input, proses hingga output. Kemudian dilanjutkan dengan perancangan tampilan aplikasi. Selanjutnya dilanjutkan dengan diagram aliran data tentang bagaimana aplikasi ini berjalan dan desain antar muka dari aplikasi ini.
3.1
Identifikasi Kebutuhan Input Dan Output
3.1.1 Identifikasi Input Dalam aplikasi pembuatan ini sudah terinstall Mysql. Sesaat setelah aplikasi dijalankan user akan langsung dihadapkan padaform interface aplikasi Yaitu; 1. Form login yaitu form untuk akses untuk masuk ke aplikasi 2. Form input data karyawan yaitu form untuk entry atau input data karyawan.
30
3. Form table karyawan yaitu form informasi berupa data para karyawan 4. Form table karyawan memiliki tools untuk memfilter berdasarkan nama karyawan atau alamat dan print report. 5. Form data karyawan yaitu form untuk mengedit dan menghapus data karyawan
3.1.2 Analisa Kebutuhan dan Sistem yang Diharapkan Aplikasi pengolahan data ini dapat menghasilkan output berupa interface yang di perlukan sehingga dapat memberikan informasi mengenai data karyawan. Selain itu aplikasi ini dapat mengeprint laporan data karyawan
3.2
PerancanganAplikasi
Perancangan untuk aplikasi pengolahan data karyawan meliputi perancangan dengan UML.
3.2.1 Perancangan UML Perancangan sistem dalam penerapannya menggunakan UML yaitu: use case diagram dan user case skenario, activity diagram, class diagram, statechart diagram, dan sequence diagram.
3.2.1.1 Use Case Diagram Use case yang akan dibuat pada sistem prediksi anggaran terdiri dari menginput data dan memperoleh hasil seperti yang terlihat
Gambar 3.1 Use case diagram
31
Tabel 3.1 Use Case Login tingkat analisis Use case name Aktor
Login Operator Data Entry
Brief Description
Use case ini merupakan awal dari semua kegiatan yang terjadi. Operator data ingin login terhadap system dengan menginputkan data user nama dan password, maka system akan memvalidasi user name dan password tersebut
Exception
Jika dalam verifikasi user tidak ditemukan berarti tidak berhak untuk menggunakan system
Basic Flow
1. Operator Data Entry menginput username, 2. Operator Data Entry menginputkan password 3. Sistem memvalidasi username dan password 4. Sistem akan merespon dari proses tersebut untuk memberikan keterangan
Alternatif Flow
Jika dalam menginputkan username dan password tidak sesuai maka user harus mengisi kembali
Pre – Condition
Operator data entry harus mengetahui username dan password
Post Condition
Akan masuk kedalam system
32
Tabel 3.2 Spesifikasi Naratif Tabel Use case Input Data Karyawan Tingkat analisis Use Case Name Input Data Karyawan Aktor
Operator Data Entry
Brief Description
Use Case ini memungkin operasi data entry untuk melakukan entry Data karyawan yang bekerja di perusahaan tersebut
Exception
Data karyawan yang akan di masukkan sudah tersedia dan sudah sesuai dengan kebutuhan
Basic Flow
1. Operator Data Entry mulai melakukan input data yang di butuhkan sebagai bahan informasi 2. Sistem akan memproses data yang telah di input sesuai dengan ketentuan 3. Setelah itu data yang telah di input akan di simpan untuk menjadi sumber informasi
Alternatif Flow
-
Pre condition
Post condition
1. Operator Data Entry harus login terlebih dahulu 2. Data yang diperlukan sudah tersedia dan sudah sesuai Data Karyawan telah tersimpan
33
Tabel 3.3 Spesifikasi Naratif Tabel Use case Revisi Data Tingkat analisis Use Case Name
Revisi Data
Aktor
Operator Data Entry
Brief Description
Use Case ini memungkinkan operator data entry untuk melakukan mengedit dan menghapus data yang telah tersimpan untuk menambahkan rincian informasi
Exception
Data karyawan yang akan di revisi sudah tersedia
Basic Flow
1. Operator data entry mulai melakukan input data yang di butuhkan sebagai bahan informasi berikutnya. 2. Sistem akan memproses data yang telah di inputkan sesuai dengan ketentuan 3. Setelah itu data itu yang telah di inputkan akan di simpan untuk menjadi sumber informasi yang di butuhkan Jika dalam merevisi data system tidak run proses cek kembali text box kosong apabila lengkap operator melanjutkan proses revisi data
Alternatif Flow
Pre condition
Post Condition
Operator data entry harus login terlebih dahulu Data yang di perlukan sudah tersedia dan sudah tersedia dan sesuai Data karyawan telah tersimpan
Tabel3.4 Spesifikasi Use case Login tingkat Design Use Case Name Actor Brief Description
Login Operator Data Entry Operator Data Entry Login terhadap system dengan menginputkan data username dan password, maka system memvalidasi username dan password tersebut
34
Exception
Jika salah dalam menginputkan user dan password maka system tidak akan menampilkan menu utama
Basic Flow
1. 2. 3. 4.
Alternatif Flow
Tampilkan Form Login Operator Data Entry menginputkan user name Operator Data Entry menginputkan password Operator Data entry mengirimkan username dan password dengan mengklik tombol login agar system memvalidasi username dan password tersebut 5. Sistem memvalidasi username dan password tersebut 6. Sistem menampilkan informasi , jika username dan password yang diinputkan benar maka system akan menampilkan form menu utama, tetapi jika salah maka system akan menampilkan pesan eror Jika dalam menginputkan username dan password salah maka system akan menampilkan pesan error
Pre condition
Operator Data Entry harus mengetahui username dan password
Post Conditio
Tampil Form Menu Utama
Tabel 3.5 Spesifikasi Use case Input Data Karyawan tingkat Design Use Case Name
Input Data Karyawan
Aktor
Operator Data Entry
Brief Description
Use case ini memungkinkan operator data entry untuk melakukan entry data karyawan yang bekerja di perusahaan tersebut Data karyawan yang akan dimasukkan sudah tersedia dan sudah sesuai dengan ketentuan dan karyawan adalah pekerja perusahaan
Exception
35
Basic Flow
Alternatif Flow
1. Untuk menambahkan maka dapat dilakukan pada form meu pilihan dengan mengklick button Input Data 2. Sistem secafra otomatis akan menampilkan form tersebut 3. Operator data entry menginputkan data-data pada field text yang telah ditentukan dengan benar 4. Bila semua data yang dimasukkan telah lengkap maka operator data entry dapat menyimpan data tersebut dengan menekan tombol ADD DATA. 5. Sistem akan menyimpan data karyawan Jika dalam pengisian data karyawan tidak lengkap maka system akan menampilkan pesan kesalahan dan operator data mengecek kembali kemudian mengentry data ke field text yang telah ditentukan
Pre condition
1. Operator data entry harus login terlebih dahulu 2. Data yang diperlukan sudah tersedia dan sudah sesuai
Post Condition
Data karywan telah tersimpan
Tabel 3.6 Spesifikasi Use case Revisi Data tingkat Design Use Case Name
Revisi Data
Aktor
Operator Data Entry
Brief Description
Use Case ini memungkinkan operator data entry untuk melakukan Edit dan Hapus data karyawan
Exception
Data Karyawan yang akan di edit dan dihapus sudah tersedia
Basic Flow
1. Untuk mengedit dan menghapus maka dapat dilakukan pada form input data karyawan dengan mengklick button Revisi Data 2. Sistem secara otomatis akan menampilkan form tersebut 3. Operator data entry mengklick table area nama yang di edit atau dihapus 4. Mengedit data yang ada di field text secara lengkap kemudian operator data entry dapat mengedit atau menghapus data tersebut dengan menekan tombol EDIT
36
5. Untuk mengedit dan DELETE untuk menghapus
Alternatif Flow
Jika dalam pengisian data karyawan tidak lengkap atau tidak sesuai dengan aturan maka system akan menampilkan pesan kesalahan, dan operator data mengecek kembali memastikan field text sudah terisi lengkap sesuai aturan system
Pre condition
1. Operator data entry harus login terlebih dahulu 2. Data yang di perlukan sudah tersedia dan sesuai
Post condition
Data karyawan telah di Update dan tersimpadi table
3.2.1.2 Activity Diagram Gambar 3.2 menjelaskan tentang aktivitas yang dilakukan oleh user dan sistem dari awal belum adanya data sampai dengan menghasilkan keluaran data yang diinginkan. Di mulai dari user /operator login pilih input kemudian user memasukkan data kemudian oleh system disimpan database lalu pilih revisi data sampai menampilkan report.
Gambar 3.2 Activity Diagram
37
3.2.1.3 Sequence Diagram Sequence diagram menggambarkan kelakuan objek pada use case dengan mendeskripsikan waktu hidup objek dan pesan yang dikirimkan dan diterima antar objek. Oleh karena itu untuk menggambar diagram sekuen maka harus diketahui objek-objek yang terlibat dalam sebuah use case beserta metode-metode yang dimiliki kelas yang diinstansiasi menjadi objek itu. Gambar 3.3 menunjukkan di mulai dengan tampilkan form login selanjutnya operator belum login harus memasukkan username dan pasword, sistem akan memvalidasi user dan password menampilkan message kesalahan jika user dan password yang di entry salah, selanjutnya jika sukses login akan memanggil form pengolahan data. Prosesnya dapat dilihat pada gambar 3.3 sequence diagram use case login.
Gambar 3.3 Sequence Diagram Use Case Login
Gambar
3.4 menunjukkan di mulai dengan tampilkan form Input Data
kemudian operator melakukan entry data (Add data) selanjutnya akan tampil pesan jikadata data belum di isi dengan benar , jika benar database akan di update, sistem akan menampilkan pesan data berhasil di tambah. Prosesnya dapat dilihat pada gambar 3.4. Sequenced Diagram use case input data karyawan.
38
Gambar 3.4 Sequence Diagram Use Case Input Data
Gambar 3.5 menunjukkan di mulai dengan tampilkan form Data kemudian operator melakukan entry data, kemudian database akan di update oleh sistem, selanjutnya sistem menampilkan pesan data berhasil di Edit. Prosesnya dapat dilihat pada gambar 3.5. Sequence diagram use case revisi data karyawan.
Gambar 3.5 Sequence diagram use case revisi data
39
3.2.1.4 Class Diagram Class diagram menggambarkan struktur sistem dari segi pendefinisian kelaskelas yang akan dibuat untuk membangun sistem. Kelas-kelas yang ada pada struktur sistem harus dapat melakukan fungsi sesuai dengan kebutuhan sistem
Gambar 3.6 Class Diagram
3.3
Basis Data yang Digunakan
Untuk perancangan basis data, penulis menggunakan class diagramsesuai dengan gambar 3.6. Penjelasan dari masing-masing tabel di class diagram tersebut, bisa dilihat diuraian dibawah ini:
3.3.1
Tabel Login
Tabel ini berguna untuk menyimpan data user atau administrator yang akan login ke aplikasi. Dalam table terdapat kolom a) Kd_kywn merupakan kolom dengan tipe data varchar (10) yang akan digunakan untuk menyimpan data Kode karyawan. Kd ini merupakan key primary untuk Tabel login. b) Username merupakan kolom dengan tipe data varchar (22) yang menyimpan data nama user dan administrator untuk login ke aplikasi c) Password merupakam kolom dengan tipe data varchar(32) yang digunakan untuk menyimpan nama password
40
Tabel 3.7 Tabel Login Nama Kolom
Type Data
kd_kywn varchar Username varchar
10 22
Keterangan Field Untuk menyimpan kode karyawam sebagai Primary key untuk menyimpan data username
Password
22
untuk menyimpan data password
3.3.2
Ukuran
varchar
Tabel Karyawan
Tabel Ini berguna untuk menyimpan data karyawan. Dalam table ini terdapat beberap kolom sebagai berikut a) Kd_kywn
merupakan kolom dengan tipe data varchar(10) yang di
gunakan untuk menyimpan data kode karyawan. Kd ini merupakan primary key untuk table b) nm_kywn merupakan kolom dengan tipe data varchar(32) yang di gunakan menyimpan nama-nama karyawan c) temp_lhr merupakan kolom dengan dengan tipe data varchar(22) untuk menyimpan nama tempat lahir karyawan d) tgl_lhr merupakan kolom dengan tipe data varchar(date) untuk menyimpan data lahir e) pend merupakan kolom dengan tipe data varchar(32) untuk menyimpan data pendidikan karyawan f) jab merupakan kolom dengan tipe datavarchar(22) untuk menyimpan data jabatan g) no_tep merupakan kolom dengan tipe data varchar(15) untuk menyimpan h) nomor telepon. i) Alamat merupakan kolom dengan tipe data varchar(15) untuk menyimpan Alamat.
41
Tabel 3.8 Tabel Karyawan Nama Kolom
Type Data
Ukuran
kd_kywn
varchar
10
Keterangan Field Untuk menyimpan kode karyawam sebagai Primary key
nm_kywn varchar
32
untuk menyimpan data nama karyawan
temp_lhr
varchar
22
untuk menyimpan data tempat lahir
tgl_lhr
DATE
-
untuk menyimpan data tanggal lahir
Pend
varchar
32
untuk menyimpan data pendidikna
Jab
varchar
22
untuk menyimpan data jabatan
no_telp
varchar
15
untuk menyimpan data nomort telepon
Alamat
varchar
15
untuk menyimpan data alamat
3.4
Perancangan AntarMuka
Pada bagian ini akan dijelaskan, mengenai tampilan aplikasi pengolahan data karyawan. Perancangan antarmuka ini terdiri dari 6 interface yaitu login, menu pilihan, input data karyawan, show data, revisi data, print. Untuk login memiliki tombol masuk agar dap mengakses aplikasi, menu pilihan yaitu menu untuk pilihan input data atau pilihan melihat data, input data karyawan yaitu untuk mengentry data karyawan , show data yaitu Interface melihat hasil data, revisi data yaitu untuk mengedit data kalau terjadi kesalahan input atau adanya perubahan data pada profil karyawan, print yaitu untuk mengeprint laporan.
3.4.1 Rancangan Interface Login
Rancangan interface login adalah interface awal untuk dapat mengakses aplikasi. Rancangan interface login dapat di lihat pada gambar.
42
Gambar 3.7 Rancangan interface login
3.4.2 Rancangan Menu Pilihan Rancangan menu pilihan untuk memilih pilihan apakah mau input data atau pilihan untuk melihat data. Interface ini hanya untuk login administrator rancangan menu pilihan dapat dilihat pada gambar.
PENGOLAHAN DATA KARYAWAN INPUT DATA LOGO
USER ACCESS SHOW DATA
Gambar 3.8 Rancangan interface menu pilihan
3.4.3 Rancangan Input Data Karyawan Rancangan input data karyawan untuk mengisi data karyawan. Dan memiliki tombol tambah dan show data. Rancangan input data karyawan dapat di lihat pada gambar
43
Gambar 3.9 Rancangan interface input data karyawan
3.4.4 Rancangan Interface Show Data Rancangan interface show data berisi hasil data karyawan hasil entry data. Memiliki tombol filter berdasarkan nama karyawan,alamat, revisi data, tambah data dan juga tombol print. Rancangan interface show data dapat di lihat pada gambar
Gambar 3.10 Rancangan Interface Show Data
3.4.5 Rancangan Interface Revisi Data Rancangan interface revisi data yaitu interface untuk merivisi data karyawan jika ada perubahan data , interface ini memiliki tomobol edit, hapus, tambah, show data. Rancangan interface revisi data dapat di lihat pada gambar
44
Gambar 3.11 Rancangan Interface Revisi Data
3.4.6 Rancangan login user Rancangan login user yaitu interface login user beda dengan administrator tidak ada tombol input. Rancangan login user dapat dilihat pad a gambar
Gambar 3.12 Rancangan login user
3.4.7 Rancangan Show Data User Rancangan show data user untuk acces show data bedanya dengan show data pada administrator adalah tidak ada tombolnya revisi data dan tambah data. Rancangan show data user dapat di lihat pada gambar
45
Gambar 3.13 Rancangan show data user