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
Dari (Gambar 1) dapat dilihat bahwa pengguna sistem atau aplikasi ialah aktor yang Gambar1 Usecase Diagram
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.
Tabel 1 Skenario Use Case Form Login Nama Use Case Memasuki Form Login
Aktor Bagian Development / Bagian Administrator Bank Jatim (Bagian IT)
Deskripsi User (Bagian Development / Bagian Administrator Bank Jatim (Bagian IT) ) akan masuk ke form login.
Pra-Kondisi User (Bagian Development / Bagian Administrator Bank Jatim (Bagian IT) ) mulai masuk ke form login
Tindakan User (Bagian Development / Bagian Administrator Bank Jatim (Bagian IT) ) mengisi username & password Post-Kondisi User (Bagian Development / Bagian Administrator Bank
Jatim (Bagian IT) ) masuk ke sistem.
Tabel 2 Skenario Use Case Backup atau Reset DB Nama Use Case Backup atau Reset DB
Aktor Bagian Development / Bagian Administrator Bank Jatim (Bagian IT)
Deskripsi User mulai membackup mockup / sketsa
Pra-Kondisi User menyiapkan mockup atau sketsa yang ingin di backup
Tindakan User memulai proses backup mockup atau sketsa yang diinginkan
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 User menyiapkan database mana saja yang ingin di
backup
Tindakan 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
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:
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 Bagian Development / Bagian Administrator Bank Jatim (Bagian IT)
Deskripsi User mulai mengisi form login terlebih dahulu Pra-Kondisi User mempersiapkan username dan password untuk
dimasukkan ke dalam form login
Tindakan User mengisi form login yakni username dan password yang benar
Post-Kondisi User masuk ke sistem apabila username dan password tersebut benar dan valid
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
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 Bagian Development / Bagian Administrator Bank Jatim (Bagian IT)
Deskripsi User mulai menginput field-field di Tab Backup atau Reset DB
Pra-Kondisi User mempersiapkan data mana saja yang akan di backup pada Tab Backup atau Reset DB
Tindakan User mulai mengisi field-field yang belum terisi di Tab Backup atau Reset DB
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.
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 Bagian Development / Bagian Administrator Bank Jatim (Bagian IT)
Deskripsi User mulai menginput field-field di Tab Backup atau Reset Loader
Pra-Kondisi User mempersiapkan database mana saja yang akan di backup pada Tab Loader
Tindakan User mulai mengisi field-field yang belum terisi di Tab Loader
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.
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 Bagian Development / Bagian Administrator Bank Jatim (Bagian IT)
Deskripsi User mulai menginput field-field di Tab Backup atau Reset Report
Pra-Kondisi User mempersiapkan data report mana saja yang akan di backup pada Tab Report
Tindakan User mulai mengisi field-field yang belum terisi di Tab Report
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
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
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.
2.2.3 Perancangan User Interface
Gambar8 Tampilan Form Login Halaman Aplikasi Gambar7 Tampilan Form Register Halaman Aplikasi
Gambar 11 Tampilan Tab Report Aplikasi File Sharing