BAB 4 PERANCANGAN 2.1 Perancangan UML Pada perancangan sistem ini terdapat beberapa perancangan UML yang terdiri dari use case diagram, dan diagram activity yang akan menggambarkan tentang prosedur dari aplikasi dan proses pengopreasian aplikasi file sharing tersebut. 2.9.1 Usecase Diagram Diagram use case merupakan suatu prosedur atau langkah-langkah yang saling berkaitan didalam sistem aplikasi. Sebuah diagram use case menggambarkan hubungan antara aktor (pengguna) dan kegiatan yang dapat dilakukannya terhadap aplikasi, diagram use case juga menunjukkan fungsionalitas suatu sistem atau kelas dan bagaimana sistem berinteraksi dengan dunia luar. Didalam aplikasi ini terdapat use case yang akan menjelaskan bagaimana aktor menggunakan aplikasi tersebut.untuk lebih jelasnya lihatgambar 1 Gambar1 Usecase Diagram Dari (Gambar 1) dapat dilihat bahwa pengguna sistem atau aplikasi ialah aktor yang menggunakan aplikasi file sharing tersebut, yakni Bagian Development dan Bagian 33
Administrator Bank Jatim (Bagian IT)yang dapat mengoperasionalkan fitur pada aplikasi dan juga memiliki hak akses atau yang nama lainnya ialah hak privilege, seperti Backup atau Reset DB, Backup atau Reset Loader, Backup atau Reset Report. Dalam kasus ini Bagian Development dan Bagian Administrator Bank Jatim (Bagian IT) sama-sama memiliki hak akses untuk menggunakan atau melakukan proses seperti Backup atau Reset DB, Backup atau Reset Loader, Backup atau Reset Report karena dalam hal ini sama-sama memiliki peranan penting dalam mengamankan data-data perusahaan. Nama Use Case Aktor Deskripsi Pra-Kondisi Tindakan Post-Kondisi Tabel 1 Skenario Use Case Form Login Memasuki Form Login Bagian Development / Bagian Administrator Bank Jatim (Bagian IT) User (Bagian Development / Bagian Administrator Bank Jatim (Bagian IT) ) akan masuk ke form login. User (Bagian Development / Bagian Administrator Bank Jatim (Bagian IT) ) mulai masuk ke form login User (Bagian Development / Bagian Administrator Bank Jatim (Bagian IT) ) mengisi username & password User (Bagian Development / Bagian Administrator Bank Jatim (Bagian IT) ) masuk ke sistem. Nama Use Case Tabel 2 Skenario Use Case Backup atau Reset DB Backup atau Reset DB Aktor Deskripsi Bagian Development / Bagian Administrator Bank Jatim (Bagian IT) User mulai membackup mockup / sketsa Pra-Kondisi Tindakan User menyiapkan mockup atau sketsa yang ingin di backup User memulai proses backup mockup atau sketsa yang diinginkan 34
Post-Kondisi User melihat hasil backup an berupa format.rar Tabel 3 Skenario Use Case Backup atau Reset Loader Nama Use Case Backup atau Reset Loader Aktor Bagian Development / Bagian Administrator Bank Jatim (Bagian IT) Deskripsi User mulai mem backup database perusahaan Pra-Kondisi Tindakan User menyiapkan database mana saja yang ingin di backup User memulai proses backup database Post-Kondisi User melihat hasil backup an berupa format.rar Tabel 4 Skenario Use Case Backup atau Reset Report Nama Use Case Backup atau Reset Report Aktor Bagian Development / Bagian Administrator Bank Jatim (Bagian IT) Deskripsi User mulai mem backup database report harian Pra-Kondisi User menyiapkan file-file atau data-data report mana saja yang akan di backup Tindakan User memulai proses backup report database Post-Kondisi User melihat hasil backup an berupa format.rar 35
2.1.1 Activity Diagram Activity diagram menggambarkan workflow (aliran kerja) atau aktivitas dari sebuah sistem atau proses bisnis atau menu yang ada pada perangkat lunak. Yang perlu diperhatikan disini adalah bahwa diagram aktivitas menggambarkan aktivitas sistem bukan apa yang dilakukan aktor, jadi intinya adalah suatu aktivitas yang dapat dilakukan oleh sistem. Berikut contoh Activity Diagram yaitu: Gambar2 Activity Diagram Form Login 36
2.1.1.1 Activity Diagram Form Login Aktifitas Diagram Form Login merupakan aktifitas yang dilakukan user untuk mendapatkan akses kedalam aplikasi untuk melakukan activity yang ada. Dalam aktivitas ini terdapat beberapa aktifitas yaitu. 1. Mulai Tampil Form Login, pada aktifitas ini user menyiapkan username dan password yang valid. 2. Mengisi Form Login, pada aktifitas ini user mengisi username & password sebelum masuk aplikasi tersebut. 3. Validasi data, pada aktfitas ini setelah mengisi form login dan mengisi username dan password akan langsung diproses sistem untuk memvalidasi data apakah username dan password itu benar apa salah atau ada yang kurang. 4. Penyeleksian data (Decision), pada aktifitas ini jika username & password tersebut benar dan datanya lengkap serta valid, bisa langsung masuk ke sistem. Apabila username & password tidak valid, maka muncul atau menampilkan pesan kesalahan atau notifikasi tidak valid. Setelah itu user akan menerima pesan kesalahan atau tidak valid itu dan user diharuskan mengisi form login kembali dengan username atau password dengan benar Tabel 5 Skenario Activity Diagram Form Login Nama Use Case Mengisi form login Aktor Deskripsi Bagian Development / Bagian Administrator Bank Jatim (Bagian IT) User mulai mengisi form login terlebih dahulu Pra-Kondisi Tindakan Post-Kondisi User mempersiapkan username dan password untuk dimasukkan ke dalam form login User mengisi form login yakni username dan password yang benar User masuk ke sistem apabila username dan password tersebut benar dan valid 37
Gambar3 Activity Diagram Backup atau Reset DB 2.1.1.2 Activity Diagram Backup atau Reset DB Aktifitas Diagram Backup atau Reset DB merupakan aktifitas yang dilakukan oleh user untuk mendapatkan akses backup atau reset untuk melakukan activity yang ada. Dalam aktifitas ini terdapat beberapa aktifitas antara lain: 1. Masuk Form Login, pada aktifitas ini user menyiapkan sekaligus mengisi field username dan password yang telah tersedia. 2. Membuka Aplikasi, pada aktifitas ini user mulai masuk kedalam aplikasi setelah login sebelumnya 3. Memilih Tab DB, pada aktifitas ini user memilih Tab DB untuk melakukan proses backup mockup atau sketsa yang akan di backup 4. Mengisi Field, pada aktifitas ini user mulai mengisi field-field yang telah tersedia di Tab DB 5. Backup DB, pada aktifitas ini user setelah mengisi semua field yang tersedia lalu user menekan tombol Backup DB yang hanya membackup DB nya saja 38
6. Penyeleksian Data (Decision), pada aktifitas ini jika user telah mengisi semua Tab Field yang ada di aplikasi tersebut, maka bisa langsung menekan button atau tombol Backup All dan sebaliknya jika user melakukan pembatalan pengisian field tab DB, maka user menekan button atau tombol Reset. Tabel 6 Skenario Activity Diagram Backup atau Reset DB Nama Use Case Backup atau Reset DB Aktor Deskripsi Pra-Kondisi Tindakan Post-Kondisi Bagian Development / Bagian Administrator Bank Jatim (Bagian IT) User mulai menginput field-field di Tab Backup atau Reset DB User mempersiapkan data mana saja yang akan di backup pada Tab Backup atau Reset DB User mulai mengisi field-field yang belum terisi di Tab Backup atau Reset DB User menerima hasil backup an dengan format.rar 39
Gambar4 Activity Diagram Backup / Reset Loader 2.1.1.3 Activity Diagram Backup / Reset Loader Aktifitas Diagram Backup / Reset Loadermerupakan aktifitas yang dilakukan oleh user untuk mendapatkan akses backup atau reset untuk melakukan activity yang ada. Dalam aktifitas ini terdapat beberapa aktifitas antara lain: 1. Masuk Form Login, pada aktifitas ini user menyiapkan sekaligus mengisi field username dan password yang telah tersedia. 2. Membuka Aplikasi, pada aktifitas ini user mulai masuk kedalam aplikasi setelah login sebelumnya 3. Memilih Tab Loader, pada aktifitas ini user memilih Tab Loader untuk melakukan proses backup database. 40
4. Mengisi Field, pada aktifitas ini user mulai mengisi field-field yang telah tersedia di Tab Loader 5. Backup Loader, pada aktifitas ini user setelah mengisi semua field yang tersedia lalu user menekan tombol Backup Loader yang hanya membackup Loader nya saja 6. Penyeleksian Data (Decision), pada aktifitas ini jika user telah mengisi semua Tab Field yang ada di aplikasi tersebut, maka bisa langsung menekan button atau tombol Backup All dan sebaliknya jika user melakukan pembatalan pengisian field tab Loader, maka user menekan button atau tombol Reset. Tabel 7 Skenario Activity Diagram Backup atau Reset Loader Nama Use Case Backup atau Reset Loader Aktor Deskripsi Pra-Kondisi Tindakan Post-Kondisi Bagian Development / Bagian Administrator Bank Jatim (Bagian IT) User mulai menginput field-field di Tab Backup atau Reset Loader User mempersiapkan database mana saja yang akan di backup pada Tab Loader User mulai mengisi field-field yang belum terisi di Tab Loader User menerima hasil backup an dengan format.rar 41
Gambar5 Activity Diagram Backup / Reset Report 2.1.1.4 Activity Diagram Tab Report Aktifitas Diagram Backup / Reset Report merupakan aktifitas yang dilakukan oleh user untuk mendapatkan akses backup atau reset untuk melakukan activity yang ada. Dalam aktifitas ini terdapat beberapa aktifitas antara lain: 1. Masuk Form Login, pada aktifitas ini user menyiapkan sekaligus mengisi field username dan password yang telah tersedia. 2. Membuka Aplikasi, pada aktifitas ini user mulai masuk kedalam aplikasi setelah login sebelumnya 3. Memilih Tab Report, pada aktifitas ini user memilih Tab Report untuk melakukan proses backup report harian setiap harinya. 42
4. Mengisi Field, pada aktifitas ini user mulai mengisi field-field yang telah tersedia di Tab Report 5. Backup Report, pada aktifitas ini user setelah mengisi semua field yang tersedia lalu user menekan tombol Backup Report yang hanya membackup Report nya saja 6. Penyeleksian Data (Decision), pada aktifitas ini jika user telah mengisi semua Tab Field yang ada di aplikasi tersebut, maka bisa langsung menekan button atau tombol Backup All dan sebaliknya jika user melakukan pembatalan pengisian field tab Report, maka user menekan button atau tombol Reset. Tabel 8 Skenario Activity Diagram Backup atau Reset Report Nama Use Case Backup atau Reset Report Aktor Deskripsi Pra-Kondisi Tindakan Post-Kondisi Bagian Development / Bagian Administrator Bank Jatim (Bagian IT) User mulai menginput field-field di Tab Backup atau Reset Report User mempersiapkan data report mana saja yang akan di backup pada Tab Report User mulai mengisi field-field yang belum terisi di Tab Report User menerima hasil backup an dengan format.rar 43
2.2 Perancangan Class Diagram Class Diagram adalah diagram yang menunjukkan class-class yang ada dari sebuah sistem dan saling berhubungan secara logika. Diagram ini menggambarkan struktur statis dari sebuah sistem. Karena itu, class diagram merupakan tulang punggung atau kekuatan dasar dari hamper setiap metode berorientasi objek termasuk UML (Unified Modeling Language). 2.2.1 Class Diagram 2.2.2 Struktur Tabel Gambar6 Class Diagram Tabel 9 Struktur Tabel Pengguna atau User Nama Field Type Keterangan Nama_user Int(15) Nama user Jenis_kelamin Varchar(10) Jenis user Alamat Varchar(20) Alamat user Email Varchar(15) Email user No_telepon Varchar(10) No telepon user Bagian_pekerjaan Varchar(15) Bagian pekerjaan user 44
Tabel 10 Struktur Tabel User Administrator Bank Jatim (Bagian IT) Nama Field Type Keterangan Nama_user Int(10) Nama user Jenis_kelamin Varchar(10) Jenis user Alamat Varchar(20) Alamat user Email Varchar(15) Email user No_telepon Varchar(10) No telepon user Bagian_pekerjaan Varchar(15) Bagian pekerjaan user Tabel 11 Struktur Tabel Form Login Nama Field Type Keterangan Username Int(10) Nama user Password Varchar(15) Kata sandi user Nama_user Int(10) Nama user Email Varchar(15) Email user No_telepon Varchar(15) No telepon user Tabel diatas menjelaskan struktur-struktur database dengan field-field yangberbeda antara tabel satu dengan tabel yang lainnya. Jika diperhatikan pada setiaptabel memiliki field, type dan keterangan. Field adalah kumpulan dari karakter yangmembentuk satu arti, maka jika terdapat field misalnya seperti id user, Nama userdan lainnya. Maka yang dipaparkan dalam field tersebut harus yang berkaitandengan id user. Atau definisi field yang lainnya yaitu tempat atau kolom yangterdapat dalam suatu Tabel untuk mengisikan data-data field yang akan di isikan. Type adalah tipe data yang digunakan, tipe data sangat beragam seperti yang terlihatsetiap field mempunyai tipe data berbeda, tipe data tersebut adalah sebagai berikut. a) Varchar adalah tipe data untuk menampung data yang bertipe karakter ataualfabetic(a-z) Tipe data Varchar ini dapat Mendefinisikan string sepanjangvariabel n. Tipe data ini mirip dengan tipe data char, namun tipe data iniberguna bagi Anda yang tidak mengetahui secara pasti jumlah karakter yangakan dimasukkan oleh user. Tipe data ini juga bisa menerima nilai hingga 8000karakter tapi biasanya jumlah karakter normal yang sering digunakan adalah225. b) Integer Adalah sebuah bilangan bulat berukuran normal yang dapat ditandatangani atau unsigned. Anda dapat menentukan lebar ukuran data sampaidengan 11 digit. 45
2.2.3 Perancangan User Interface Gambar7 Tampilan Form Register Halaman Aplikasi Gambar8 Tampilan Form Login Halaman Aplikasi 46
Gambar 10 Tampilan Tab DB Aplikasi File Sharing Gambar9 Tampilan Tab Loader Aplikasi File Sharing 47
Gambar 11 Tampilan Tab Report Aplikasi File Sharing Gambar12 Tampilan Struktur Database Bagian Development 48
Gambar 13 Tampilan Struktur Database Bagian Administrator Bank Jatim (Bagian IT) 49