BAB III ANALISA DAN PERANCANGAN

Transkripsi

1 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 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 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.

2 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 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 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 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

3 31 Use case name Aktor Brief Description Tabel 3.1 Use Case Login tingkat analisis Login Operator Data Entry 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 Basic Flow Jika dalam verifikasi user tidak ditemukan berarti tidak berhak untuk menggunakan system 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

4 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

5 33 Tabel 3.3 Spesifikasi Naratif Tabel Use case Revisi Data Tingkat analisis Use Case Name Aktor Brief Description Exception Revisi Data Operator Data Entry Use Case ini memungkinkan operator data entry untuk melakukan mengedit dan menghapus data yang telah tersimpan untuk menambahkan rincian informasi Data karyawan yang akan di revisi sudah tersedia Basic Flow Alternatif Flow Pre condition Post Condition 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 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

6 34 Exception Jika salah dalam menginputkan user dan password maka system tidak akan menampilkan menu utama Basic Flow Alternatif Flow Pre condition Post Conditio 1. Tampilkan Form Login 2. Operator Data Entry menginputkan user name 3. Operator Data Entry menginputkan password 4. 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 Operator Data Entry harus mengetahui username dan password Tampil Form Menu Utama Tabel 3.5 Spesifikasi Use case Input Data Karyawan tingkat Design Use Case Name Aktor Brief Description Exception Input Data Karyawan Operator Data Entry 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

7 35 Basic Flow Alternatif Flow Pre condition Post Condition 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 1. Operator data entry harus login terlebih dahulu 2. Data yang diperlukan sudah tersedia dan sudah sesuai Data karywan telah tersimpan Tabel 3.6 Spesifikasi Use case Revisi Data tingkat Design Use Case Name Aktor Brief Description Revisi Data Operator Data Entry Use Case ini memungkinkan operator data entry untuk melakukan Edit dan Hapus data karyawan Exception Basic Flow Data Karyawan yang akan di edit dan dihapus sudah tersedia 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

8 36 5. Untuk mengedit dan DELETE untuk menghapus Alternatif Flow Pre condition Post condition 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 1. Operator data entry harus login terlebih dahulu 2. Data yang di perlukan sudah tersedia dan sesuai Data karyawan telah di Update dan tersimpadi table 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

9 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.

10 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

11 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: 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

12 40 Tabel 3.7 Tabel Login Nama Kolom Type Data Ukuran Keterangan kd_kywn varchar 10 Field Untuk menyimpan kode karyawam sebagai Primary key Username varchar 22 untuk menyimpan data username Password varchar 22 untuk menyimpan data password 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.

13 41 Tabel 3.8 Tabel Karyawan Nama Kolom Type Data Ukuran Keterangan kd_kywn varchar 10 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 Rancangan Interface Login Rancangan interface login adalah interface awal untuk dapat mengakses aplikasi. Rancangan interface login dapat di lihat pada gambar.

14 42 Gambar 3.7 Rancangan interface login 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 USER ACCESS LOGO SHOW DATA Gambar 3.8 Rancangan interface menu pilihan 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

15 43 Gambar 3.9 Rancangan interface input data karyawan 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 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

16 44 Gambar 3.11 Rancangan Interface Revisi Data 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 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

17 Gambar 3.13 Rancangan show data user 45