BAB III ANALISIS DAN PERANCANGAN III.1. Analisis Sistem yang Berjalan Analisa sistem pada yang berjalan bertujuan untuk mengidentifikasi serta melakukan evaluasi terhadap sistem yang telah ada. Analisis dilakukan agar dapat menemukan masalah-masalah dalam pengolahan sistem geografis yang menjadi kendala dalam pencarian lokasi TIKI khususnya di kota Medan. Adapun analisis sistem ini meliputi input, proses dan output yang dijabarkan sebagai berikut : III.1.1. Analisis Input Analisis sistem input yang sedang berjalan pada sistem yang lama adalah sebagai berikut : 1. Konsumen melihat banner TIKI. 2. Konsumen mengingat alamat TIKI. 3. Konsumen mengunjungi TIKI. III.1.2. Analisis Process Proses yang terjadi pada sistem yang dijelaskan pada langkah-langkah: 25
26 Sistem Informasi Geografis Lokasi perwakilan/agen tiki Masyarakat TIKI MULAI Melihat Iklan / Brosur TIKI Iklan / Brosur TIKI Mengingat Alamat Mengunjungi TIKI Mengunjungi TIKI SELESAI Phase Gambar III.1. Flow Of Document Lokasi Perwakilan/Agen TIKI 1. Konsumen mendapatkan informasi mengenai TIKI yang berada di kota Medan melalui iklan dan selebaran brosur. 2. Kemudian konsumen mengingat atau mencatat alamat lokasi TIKI tersebut.
27 3. Setelah mendapatkan informasi TIKI, konsumen melakukan pengunjungan ke lokasi TIKI yang mereka ketahui. III.1.3. Analisis Output Output yang dihasilkan dari sistem adalah informasi-informasi tempat TIKI yang ada di kota Medan dan mengunjungi TIKI yang di inginkan maka konsumen akan mendapatkan jasa pelayanan sesuai dengan kebutuhan konsumen yang diberikan oleh pihak TIKI yang bersangkutan. Gambar III.2. Lokasi TIKI III.2. Evaluasi Sistem yang Berjalan Sistem yang sedang berjalan memiliki beberapa kelemahan yang dijabarkan sebagai berikut: 1. Tidak adanya informasi mengenai letak geografis TIKI di Indonesia, khusunya di kota Medan. 2. Tidak adanya sistem dalam membangun dan memetakan data pendukung geografi.
28 3. Sulitnya mendapatkan informasi data TIKI secara lengkap dan akurat. Sistem yang sedang berjalan memiliki beberapa kelebihan yang dijabarkan sebagai berikut: 1. Informasi dapat di akses oleh semua kalangan masyarakat. 2. Sistem dapat diterima dengan baik oleh masyarakat. III.3. Desain Sistem Untuk membantu sistem informasi geografis lokasi Perwakilan/Agen Tiki di kota Medan, penulis mengusulkan pembuatan sebuah aplikasi dengan menggunakan aplikasi program yang lebih akurat dan lebih mudah dalam pengolahannya. Dengan menggunakan Dreamweaver8 dan database MySql untuk memudahkan dalam perancangan dari aplikasi itu sendiri. III.3.1. Desain Sistem Secara Global Desain sistem secara global menggunakan bahasa pemodelan UML yang terdiri dari Usecase Diagram, Class Diagram, dan Sequence Diagram. III.3.1.1. Usecase Diagram Secara garis besar, bisnis proses sistem yang akan dirancang digambarkan dengan usecase diagram yang terdapat pada Gambar III.3 :
29 Sistem Informasi Geografis Lokasi perwakilan/agen TIKI Login <include> Logout Admin <extends> Konten <extends> Update Data TIKI <extends> Lokasi TIKI <extends> Pengaturan Tampilan Peta Lokasi TIKI <include> Buku Tamu User HOMEPAGE <include> Gambar III.3 Use Case Diagram Sistem Informasi Geografis Lokasi Perwakilan/Agen TIKI III.3.1.2. Activity Diagram Bisnis proses yang telah digambarkan pada use case diagram di atas dijabarkan dengan activity diagram : 1. Activity Diagram Melihat Peta Aktivitas melihat peta diterangkan dalam langkah-langkah state, dimulai dari kegiatan melihat panel peta kemudian mencari Artikel TIKI, selanjutnya menekan tombol atau link yang ada pada peta dan yang terakhir melihat informasi yang di sajikan dalam peta yang ditunjukkan pada gambar III.4:
30 Halaman Utama Click Peta TIKI Click Salah Satu marka TIKI Melihat Informasi Lokasi TIKI Gambar III.4 Activity Diagram Melihat Peta 2. Activity Diagram Login Administrator Website Aktvitas proses login admin diterangkan dalam langkah-langkah state, dimulai dari memasukkan username, memasukkan password, jika profil valid maka sistem akan mengaktifkan menu administrator, sedangkan jika tidak valid, maka tampilkan pesan kesalahan yang ditunjukkan pada gambar III.4: Memasukkan Username Memasukkan Password Valid Aktifkan Menu Administrator invalid Menampilkan Pesan Error Gambar III.4 Activity Diagram Login Admin
31 3. Activity Diagram Mengolah Data TIKI Aktivitas proses mengolah data TIKI diterangkan dalam langkah-langkah state yang ditunjukmkan pada gambar III.5: Memilih aksi pada form lokasi TIKI Tidak Cari Tambah Edit Hapus Memilih Pencarian Mengisi Data Memilih Data Memilih Data Mengetik Kata Kunci Menyimpan Data Mengubah Data Konfirmasi Penghapusan Menekan Enter Menekan Tombol Simpan Menyimpan Data Menghapus Data ya Gambar III.5 Activity Diagram Mengolah Data TIKI 4. Activity Diagram Mengolah Data Buku Tamu Aktvitas proses mengolah data Buku Tamu diterangkan dalam langkahlangkah state yang ditunjukkan pada gambar III.6: Memilih aksi pada form Buku Tamu Tambah Hapus Mengisi Data Menyimpan Data Menekan Tombol Kirim Memilih Data Konfirmasi Penghapusan Menghapus Data Tidak Ya Gambar III.6 Activity Diagram Mengolah Data Buku Tamu
32 5. Activity Diagram Mengolah Data Konten Aktvitas proses mengolah data Konten diterangkan dalam langkah-langkah state yang ditunjukkan pada gambar III.7 : Memilih aksi pada form data konten Tidak Cari Tambah Edit Hapus Memilih Pencarian Mengisi Data Memilih Data Memilih Data Mengetik Kata Kunci Menyimpan Data Mengubah Data Konfirmasi Penghapusan Menekan Enter Menekan Tombol Simpan Menyimpan Data Menghapus Data ya Gambar III.7 Activity Diagram Mengolah Data Konten 6. Activity Diagram Mengolah Pengaturan Account Aktvitas proses mengolah data account diterangkan dalam langkah-langkah state yang ditunjukkan pada gambar III.8 : Mengisi Data Username Mengisi Data Nama Administrator Mengisi Data Password Lama Mengisi Data Password Baru Gambar III.8 Activity Diagram Mengolah Pengaturan Account
33 III.3.1.3. Class Diagram Rancangan kelas-kelas yang akan digunakan pada sistem yang akan dirancang dapat dilihat pada gambar III.9 : jalan - Kode_Jalan : Field - Nama_Jalan : Field - Tipe_Jalan : Field - Lon : Field - Lat : Field + Jalan () - InitComponents () + Main (String args []) user - Id_User : Field - Username : Field - Nama : Field - Password : Field + User () - InitComponents () + LoginAcction (Evt) + ResetAcction (Evt) komentar - Kode_Komentar : Field - Nama : Field - Email : Field - Pesan : Field - Tanggal : Field + Komentar () - InitComponents () + Main (String args []) using using Connection + ConnectionManager () using konten using using tiki - Kode_Tiki : Field - Nama : Field - Informasi : Field - Alamat : Field - Telepon : Field - Gambar : Field - Lon : Field - Lat : Field - Kode_Konten : Field - Isi : Field - Judul : Field - Tanggal : Field - Terbit : Field - Thumbnail : Field + tiki () - InitComponents () + Main (String args []) + Konten () - InitComponents () + Main (String args []) Gambar III.9 Class Diagram Sistem Informasi Geografis lokasi Perwakilan/Agen TIKI III.3.1.4. Sequence Diagram Rangkaian kegiatan pada setiap terjadi event sistem digambarkan pada sequence diagram berikut:
34 1. Sequence Diagram pada Form Peta Serangkaian kegiatan saat terjadi event pada form peta dapat dilihat pada gambar III.10 : User Tampilkan Menu () Main form Form Peta Menu () click form Peta () Koneksi database () Gambar III.10 Sequence Diagram Form Peta 2. Sequence Diagram pada Form Login Serangkaian kegiatan saat terjadi event pada form login dapat dilihat pada gambar III.11 :
35 Administrator Website Main form Form Login Proses Login Halaman Administrator Tampilkan Fom () Menu () click form login Validasi nama dan password () Invalid () Login sukses () Gambar III.11 Sequence Diagram Form Login 3. Sequence Diagram pada Form Data TIKI Serangkaian kegiatan saat terjadi event pada form TIKI dapat dilihat pada gambar III.12 :
36 Administrator Website Main form Form Lokasi TIKI Proses Tampilkan Fom () Menu () click form TIKI () update data () Koneksi database () Close form () deletel data () Koneksi database () Gambar III.12 Sequence Diagram Form TIKI 4. Sequence Diagram pada Form Data Konten Serangkaian kegiatan saat terjadi event pada form Data Konten dapat dilihat pada gambar III.13 : Administrator Website Main form Form Konten Proses Tampilkan Fom () Menu () click form Konten () update data () Koneksi database () Close form () deletel data () Koneksi database () Gambar III.13 Sequence Diagram Form Data Konten
37 5. Sequence Diagram pada Form Pengaturan Account Serangkaian kegiatan saat terjadi event pada form Pengaturan profil dapat dilihat pada gambar III.14 : Administrator Website Main form Form Pengaturan Proses Tampilkan Fom () Menu () click form Pengaturan () Close form () update data () Koneksi database () Gambar III.14 Sequence Diagram Form Pengaturan Profil Administrator III.3.2. Desain Sistem Secara Detail Tahap perancangan berikutnya yaitu desain sistem secara detail yang meliputi desain output sistem, desain input sistem, dan desain database. III.3.2.1. Desain Output Berikut ini adalah rancangan tampilan desain peta yang akan dihasilkan oleh sistem:
38 Gambar III.15 Desain Tampilan Peta III.3.2.2. Desain Input Berikut ini adalah rancangan atau desain input sebagai antarmuka pengguna: 1. Desain Form Login Desain form login dapat dilihat pada gambar III.16: Gambar III.16 Desain Form Login
39 2. Desain Form Data Lokasi TIKI Desain form Data TIKI dapat dilihat pada gambar III.17 : Gambar III.17 Desain Form Lokasi TIKI 3. Desain Form Data Konten Desain form Data Konten dapat dilihat pada gambar III.18 : Gambar III.18 Desain Form Data Konten
40 4. Desain Form Pengaturan Account Desain form Pengaturan Account dapat dilihat pada gambar III.19 : III.3.2.3. Desain Basis Data Gambar III.19 Desain Form Account Desain basis data terdiri dari tahap merancang kamus data, melakukan normalisasi tabel, merancang struktur tabel, dan membangun Entity Relationship Diagram (ERD). III.3.2.3.1. Kamus Data Kamus data merupakan sebuah daftar yang terorganisasi dari elemen data yang berhubungan dengan sistem, dengan definisi yang tepat dan teliti sehingga pemakai dan analis sistem akan memiliki pemahaman yang umum mengenai input, output, dan komponen penyimpan. Kamus data penyimpanan sistem yang akan dirancang dapat dilihat pada tabel III.1 : Tabel.III.1. Kamus Data Data Atribut Ekspresi Reguler Data jalan = @Kode_Jalan + Nama_Jalan + Tipe_Jalan + Lon + Lat 1. Kode_Jalan = {^[-+]?[0-9]} 2. Nama_Jalan = {[0-9][a-z][A-Z][Spasi]} 3. Tipe_Jalan = {[0-9][a-z][A-Z][Spasi]} 4. Lon = ^[-+]?[0-9]*\.?[0-9]+$ 5. Lat = ^[-+]?[0-9]*\.?[0-9]+$ tiki = @Kode_Tiki + Nama_Tiki + Informasi + Alamat + Telepon + Gambar + Lon + Lat 1. Kode_Tiki = {^[-+]?[0-9]}
41 2. Nama_Tiki = {[0-9][a-z][A-Z][Spasi]} 3. Informasi = {[0-9][a-z][A-Z][Spasi]} 4. Alamat = {[0-9][a-z][A-Z][Spasi]} 5. Telepon = {[0-9][a-z][A-Z][Spasi]} 6. Gambar = {[0-9][a-z][A-Z][Spasi]} 7. Lon = ^[-+]?[0-9]*\.?[0-9]+$ 8. Lat = ^[-+]?[0-9]*\.?[0-9]+$ komentar = @Kode_Komentar + Nama + Email + Tanggal + Pesan 1. Kode_Komentar = {^[-+]?[0-9]} 2. Nama = {[0-9][a-z][A-Z][Spasi]} 3. Email = {[0-9][a-z][A-Z][Spasi]} 4. Tanggal = {^[-+]?[0-9]} 5. Pesan = {[0-9][a-z][A-Z][Spasi]} konten = @Kode_Konten + Tanggal + Terbit + Judul + Isi + Thumbnail 1. Kode_Konten = {^[-+]?[0-9]} 2. Tanggal = {^[-+]?[0-9]} 3. Terbit = {[0-9][a-z][A-Z][Spasi]} 4. Judul = {[0-9][a-z][A-Z][Spasi]} 5. Isi = {[0-9][a-z][A-Z][Spasi]} 6. Thumbnail = {[0-9][a-z][A-Z][Spasi]} user = @Id_User + Username + Password + Nama 1. Id_User = {^[-+]?[0-9]} 2. Username = {[0-9][a-z][A-Z][Spasi]} 3. Password = {[0-9][a-z][A-Z][Spasi]} 4. Nama = {[0-9][a-z][A-Z][Spasi]} III.3.2.3.2. Desain Tabel Setelah melakukan tahap normalisasi, maka tahap selanjutnya yang dikerjakan yaitu merancang struktur tabel pada basis data sistem yang akan dibuat, berikut ini merupakan rancangan struktur tabel tersebut: 1. Struktur Tabel Jalan Tabel jalan digunakan untuk menyimpan data Kode_Jalan, Nama_Jalan, Tipe_Jalan, Lon, Lat, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.2 di berikut :
42 Tabel III.2 Rancangan Tabel Jalan Nama Database eni_gis_tiki Nama Tabel Jalan No Nama Field Tipe Data Boleh Kosong Kunci 1. Kode_Jalan int(5) Tidak Primary Key 2. Nama_Jalan varchar(30) Tidak - 3. Tipe_Jalan varchar(10) Tidak - 4. Lon Double Tidak - 5. Lat Double Tidak - 2. Struktur Tabel Komentar Tabel komentar digunakan untuk menyimpan data Kode_Komentar, Nama, Email, Tanggal, Pesan, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.3 di bawah ini: Tabel III.3 Rancangan Tabel Komentar Nama Database eni_gis_tiki Nama Tabel Komentar No Nama Field Tipe Data Boleh Kosong Kunci 1. Kode_Komentar int(5) Tidak Primary Key 2. Nama varchar(25) Tidak - 3. Email varchar(25) Tidak - 4. Tanggal Datetime Tidak - 5. Pesan Text Tidak - 3. Struktur Tabel Konten Tabel konten digunakan untuk menyimpan data Kode_Konten, Tanggal, Terbit, Judul, Isi, Thumbnail, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.4 di bawah ini:
43 Tabel III.4 Rancangan Tabel Konten Nama Database eni_gis_tiki Nama Tabel Konten No Nama Field Tipe Data Boleh Kosong Kunci 1. Kode_Konten int(11) Tidak Primary Key 2. Tanggal Timestamp Tidak - 3. Terbit varchar(6) Tidak - 4. Judul varchar(25) Tidak - 5. Isi Text Tidak - 6. Thumbnail varchar(25) Tidak - 4. Struktur Tabel Tiki Tabel tiki digunakan untuk menyimpan data Kode_Tiki, Nama_Tiki, Informasi, Alamat, Telepon, Gambar, Lon, Lat, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.5 di bawah ini: Tabel III.5 Rancangan Tabel Tiki Nama Database eni_gis_tiki Nama Tabel Tiki No Nama Field Tipe Data Boleh Kosong Kunci 1. Kode_Tiki int(5) Tidak Primary Key 2. Nama_Tiki varchar(25) Tidak - 3. Informasi Text Tidak - 4. Alamat Text Tidak - 5. Telepon varchar(12) Tidak - 6. Gambar varchar(30) Tidak - 7. Lon Double Tidak - 8. Lat Double Tidak - 5. Struktur Tabel User Tabel user digunakan untuk menyimpan data Id_User, Username, Password, Nama, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.6 di bawah ini:
44 Tabel III.6 Rancangan Tabel User Nama Database eni_gis_tiki Nama Tabel User No Nama Field Tipe Data Boleh Kosong Kunci 1. Id_User int(11) Tidak Primary Key 2. Username varchar(12) Tidak Unique 3. Password varchar(12) Tidak - 4. Nama varchar(25) Tidak - III.3.2.3.2. ERD (Entity Relationship Diagram) Tahap selanjutnya pada penelitian ini yaitu merancang ERD untuk mengetahui hubungan antar tabel yang telah didesain sebelumnya, ERD tersebut dapat dilihat pada gambar III.20 : Id_User Username Password User Nama Mengolah Kode_Tempat Tiki Nama_Tiki Informasi Alamat Telepon Gambar Memiliki Lon Kode_Jalan Lat Kode_Konten Nama_Jalan Tipe_Jalan Jalan Memiliki Konten Tanggal Terbit Lat Lon Kode_Komentar Nama Judul Isi Thumbnail Email Komentar Memiliki Tanggal Pesan Gambar III.18 Diagram ERD
45 III.3.2.4. Logika/Algoritma Program Logika atau algoritma program pada penelitian ini menggunakan algoritma tipe deskriptif. Algoritma yang akan dibuat dapat dipahami dengan langkahlangkah deskripsi sebagai berikut: 1. Mengakses otoritas sistem: a. Memasukan nama pengguna. b. Memasukan kata sandi. c. Menekan tombol "Login". d. Jika otoritas valid maka mengaktifkan menu administrator. e. Jika tidak valid maka menampilkan pesan peringatan. 2. Mengolah Data Jalan: a. Menekan menu data Jalan. b. Mencari data Jalan: 1) Memilih pencarian berdasarkan kolom yang terseda. 2) Mengetik kata kunci pencarian pada komponen pencarian. 3) Menekan tombol "Reset" untuk mengulang pencarian baru. c. Menambah data Jalan: 1) Menekan tombol "Baru". 2) Mengisi atribut Kode Jalan. 3) Mengisi atribut Nama Jalan. 4) Mengisi atribut Tipe Jalan. 5) Mengisi atribut Lon. 6) Mengisi atribut Lat.
46 7) Menekan tombol "Simpan". d. Mengubah data Jalan: 1) Memilih baris data Jalan yang akan diubah pada tabel Jalan. 2) Mengubah atribut Kode Jalan. 3) Mengubah atribut Nama Jalan. 4) Mengubah atribut Tipe Jalan. 5) Mengubah atribut Lon. 6) Mengubah atribut Lat. 7) Menekan tombol "Simpan". e. Menghapus data Jalan: 1) Memilih baris data Jalan yang akan dihapus pada komponen tabel Jalan. 2) Memilih konfirmasi dari "Confirmation Dialog". 3) Jika menekan "Yes" maka hapus data Jalan yang terpilih. 4) Jika menekan "No" maka membatalkan proses penghapusan data Jalan yang terpilih. 3. Mengolah Data TIKI: a. Menekan menu data TIKI. b. Mencari data TIKI: 1) Memilih pencarian berdasarkan kolom yang terseda. 2) Mengetik kata kunci pencarian pada komponen pencarian. 3) Menekan tombol "Reset" untuk mengulang pencarian baru. c. Menambah data TIKI:
47 1) Menekan tombol "Baru". 2) Mengisi atribut Kode Tempat. 3) Mengisi atribut Nama TIKI. 4) Mengisi atribut Alamat. 5) Mengisi atribut Telepon. 6) Mengisi atribut Gambar. 7) Mengisi atribut Lon. 8) Mengisi atribut Lat. 9) Menekan tombol "Simpan". d. Mengubah data TIKI: 1) Memilih baris data TIKI yang akan diubah pada tabel TIKI. 2) Mengubah atribut Kode Tempat. 3) Mengubah atribut Nama TIKI. 4) Mengubah atribut Alamat. 5) Mengubah atribut Telepon. 6) Mengubah atribut Gambar. 7) Mengubah atribut Lon. 8) Mengubah atribut Lat. 9) Menekan tombol "Simpan". e. Menghapus data TIKI: 1) Memilih baris data TIKI yang akan dihapus pada komponen tabel TIKI. 2) Memilih konfirmasi dari "Confirmation Dialog".
48 3) Jika menekan "Yes" maka hapus data TIKI yang terpilih. 4) Jika menekan "No" maka membatalkan proses penghapusan data TIKI yang terpilih. 4. Mengolah Data Komentar: a. Menekan menu data Komentar. b. Mencari data Komentar: 1) Memilih pencarian berdasarkan kolom yang terseda. 2) Mengetik kata kunci pencarian pada komponen pencarian. 3) Menekan tombol "Reset" untuk mengulang pencarian baru. c. Menambah data Komentar: 1) Menekan tombol "Baru". 2) Mengisi atribut Kode Komentar. 3) Mengisi atribut Nama. 4) Mengisi atribut Email. 5) Mengisi atribut Tanggal. 6) Mengisi atribut Pesan. 7) Menekan tombol "Simpan". d. Mengubah data Komentar: 1) Memilih baris data Komentar yang akan diubah pada tabel Komentar. 2) Mengubah atribut Kode Komentar. 3) Mengubah atribut Nama. 4) Mengubah atribut Email.
49 5) Mengubah atribut Tanggal. 6) Mengubah atribut Pesan. 7) Menekan tombol "Simpan". e. Menghapus data Komentar: 1) Memilih baris data Komentar yang akan dihapus pada komponen tabel Komentar. 2) Memilih konfirmasi dari "Confirmation Dialog". 3) Jika menekan "Yes" maka hapus data Komentar yang terpilih. 4) Jika menekan "No" maka membatalkan proses penghapusan data Komentar yang terpilih. 5. Mengolah Data Konten: a. Menekan menu data Konten. b. Mencari data Konten: 1) Memilih pencarian berdasarkan kolom yang terseda. 2) Mengetik kata kunci pencarian pada komponen pencarian. 3) Menekan tombol "Reset" untuk mengulang pencarian baru. c. Menambah data Konten: 1) Menekan tombol "Baru". 2) Mengisi atribut Kode Konten. 3) Mengisi atribut Tanggal. 4) Mengisi atribut Terbit. 5) Mengisi atribut Judul. 6) Mengisi atribut Isi.
50 7) Mengisi atribut Thumbnail. 8) Menekan tombol "Simpan". d. Mengubah data Konten: 1) Memilih baris data Konten yang akan diubah pada tabel Konten. 2) Mengubah atribut Kode Konten. 3) Mengubah atribut Tanggal. 4) Mengubah atribut Terbit. 5) Mengubah atribut Judul. 6) Mengubah atribut Isi. 7) Mengubah atribut Thumbnail. 8) Menekan tombol "Simpan". e. Menghapus data Konten: 1) Memilih baris data Konten yang akan dihapus pada komponen tabel Konten. 2) Memilih konfirmasi dari "Confirmation Dialog". 3) Jika menekan "Yes" maka hapus data Konten yang terpilih. 4) Jika menekan "No" maka membatalkan proses penghapusan data Konten yang terpilih. 6. Mengolah Data User: a. Menekan menu data User. b. Mencari data User: 1) Memilih pencarian berdasarkan kolom yang terseda. 2) Mengetik kata kunci pencarian pada komponen pencarian.
51 3) Menekan tombol "Reset" untuk mengulang pencarian baru. c. Menambah data User: 1) Menekan tombol "Baru". 2) Mengisi atribut Id User. 3) Mengisi atribut Username. 4) Mengisi atribut Password. 5) Mengisi atribut Nama. 6) Menekan tombol "Simpan". d. Mengubah data User: 1) Memilih baris data User yang akan diubah pada tabel User. 2) Mengubah atribut Id User. 3) Mengubah atribut Username. 4) Mengubah atribut Password. 5) Mengubah atribut Nama. 6) Menekan tombol "Simpan". e. Menghapus data User: 1) Memilih baris data User yang akan dihapus pada komponen tabel User. 2) Memilih konfirmasi dari "Confirmation Dialog". 3) Jika menekan "Yes" maka hapus data User yang terpilih. 4) Jika menekan "No" maka membatalkan proses penghapusan data User yang terpilih.