BAB IV PERANCANGAN SISTEM

Transkripsi

1 ` BAB IV PERANCANGAN SISTEM 4.1 Perancangan Algoritma Use Case Diagram Use Case Diagram untuk menggambarkan sistem baru yang akan dibangun dapat dilihat pada Gambar 3 di bawah ini. Tambah support- Sistem Lihat Support- Sistem <<extend>> Mapping support ke sistem Lihat notifikasi <<include>> <<include>> Tim support Tim monitoring Login Register ` <<include>> <<include>> Update Status Reset password Lihat Laporan Client/Supervisor Gambar 3. Use Case Diagram Use Case Description Penjelasan setiap use case pada diagram dalam Gambar 3 adalah sebagai berikut. 1. Login Use Case Name: Login ID :1.0.0 Importance 21

2 22 Primary Actor: Tim Monitoring Level:High Use Case Type: Detail, essential Stakeholders and Interests: Tim Monitoring memasukkan data login agar dapat menggunakan aplikasi Brief Description: Tim Monitoring memasukkan data autentikasi agar dapat menggunakan aplikasi notifikasi Trigger: Tim Monitoring membuka aplikasi notifikasi Relationships: Association Include Extend Generalization : Tim Monitoring : Login. Normal Flow of Events: 1. Tim Monitoring membuka aplikasi notifikasi 2. Tim Monitoring memasukkan data autentikasi agar dapat menggunakan aplikasi notifikasi 3. Tim Monitoring mengirimkan data login untuk menyelesaikan proses autentikasi SubFlows Alternate/Exceptional Flows: None 2. Lihat Daftar Sistem Use Case Name: Lihat Daftar Sistem ID :0.0.1 Importance Level:High Primary Actor: Tim Monitoring Stakeholders and Interests: Tim Monitoring melihat seluruh atau sebagian daftar sistem Use Case Type: Detail, essential Brief Description: Tim Monitoring melihat seluruh daftar sistem yang sudah terdaftar. Tim Monitoring dapat menambahkan sistem jika ada sistem yang baru yang akan dimonitoring. Trigger: Pelanggan atau Petugas membuka aplikasi

3 23 Relationships: Association Include Extend Generalization : Tim Monitoring : Tambah Sistem. Normal Flow of Events: 1. Tim Monitoring membuka aplikasi notifikasi 2. Tim Monitoring memasukkan data login dan mengirimkan data login 3. Tim monitoring memilih menu Lihat Daftar Sistem SubFlows: Alternate/Exceptional Flows: 3. Tambah Sistem Use Case Name: Tambah Sistem ID :0.0.2 Importance Level:High Primary Actor: Tim Monitoring Use Case Type: Detail, essential Stakeholders and Interests: Tim Monitoring menambahkan data sistem baru yang akan dimonitoring Brief Description: Tim Monitoring menambahkan data sistem baru ke dalam aplikasi notifikasi jika ada sistem baru yang akan dimonitoring. Trigger: Tim Monitoring mendapatkan sistem baru untuk dimonitoring Relationships: Association Include Extend Generalization : Tim Monitoring Normal Flow of Events: 1. Tim Monitoring membuka aplikasi notifikasi 2. Tim Monitoring memasukkan data login dan mengirimkan data login 3. Tim Monitoring memilih menu Lihat Daftar Sistem

4 24 4. Tim Monitoring menambahkan sistem baru yang akan dimonitoring SubFlows: Alternate/Exceptional Flows: 4. Lihat Daftar Support Use Case Name: Lihat Daftar Support ID :0.0.3 Importance Level:High Primary Actor: Tim Monitoring Use Case Type: Detail, essential Stakeholders and Interests: Tim Monitoring melihat semua atau sebagian daftar support yang sudah terdaftar pada aplikasi notifikasi. Brief Description: Tim Monitoring melihat daftar support yang telah terdaftar pada aplikasi notifikasi Trigger: penambahan support untuk sistem yang sedang berjalan Relationships: Association Include Extendx Generalization : Tim Monitoring : Tambah Support. Normal Flow of Events: 1. Tim Monitoring membuka aplikasi notifikasi 2. Tim Monitoring memasukkan data login dan mengirimkan data login 3. Tim Monitoring memilih menu Lihat Daftar Support untuk melihat daftar support yang sudah terdaftar pada aplikasi notifikasi SubFlows: Alternate/Exceptional Flows: 5. Tambah Support

5 25 Use Case Name: Tambah Support ID :1.0.1 Importance Level:High Primary Actor: Tim Monitoring Use Case Type: Detail, essential Stakeholders and Interests: Tim Monitoring menambahkan data support kedalam Brief Description: Tim Monitoring menambahkan data support baru pada aplikasi notifikasi Trigger: Penambahan support baru untuk mensupport sistem yang sedang berjalan Relationships: Association Include Extend Generalization : Tim Monitoring Normal Flow of Events: 1. Tim Monitoring membuka aplikasi notifikasi 2. Tim Monitoring memasukkan data login dan mengirimkan data login 3. Tim Monitoring memilih menu Lihat Daftar Support 4. Tim Monitoring menekan tombol tambah support untuk menambahkan data support baru pada aplikasi notifikasi SubFlows: Alternate/Exceptional Flows: 6. Lihat Notifikasi Error Use Case Name: Lihat Notifikasi Error ID :1.0.2 Importance Level:High Primary Actor: Tim Support Use Case Type: Detail, essential Stakeholders and Interests: Tim Support melihat notifikasi yang ada pada device android support Brief Description: Jika terjadi error pada sistem yang sedang dimonitoring tim monitoring, maka support mendapatkan notifiikasi pada device android mereka yang berisi pesan error

6 26 dari sistem yang sedang mengalamami masalah. Trigger: Terjadi error pada sistem yang dimonitoring Relationships: Association Include Extend Generalization : Tim Support Normal Flow of Events: 1. Aplikasi mengirimkan notifikasi error yang terjadi pada sistem kepada tim support 2. Tim support membuka aplikasi notifikasi pada device android 3. Tim support membaca notifikasi error SubFlows: Alternate/Exceptional Flows: 7. Mapping Support Ke Sistem Use Case Name: Mapping Support Ke Sistem Primary Actor: Tim Monitoring ID :1.0.2 Importance Level:High Use Case Type: Detail, essential Stakeholders and Interests: Tim Support mengalokasikan support terhadap sistem yang sedang dimonitoring Brief Description: Tim Monitoring mengalokasikan support untuk menangani sistem jika terjadi masalah pada sistem agar pada saat terjadi masalah, aplikasi notifikasi dapat mengirimkan pesan error kepada support yang terkait dengan sistem yang bermasalah. Trigger: Tim Monitoring membuka aplikasi notifikasi Relationships: Association Include Extend Generalization : Tim Monitoring

7 27 Normal Flow of Events: 1. Tim Monitoring membuka aplikasi notifikasi 2. Tim Monitoring memasukkan data login dan mengirimkan data login untuk proses autentikasi 3. Tim monitoring memilih menu Mapping Support Ke Sistem SubFlows: Alternate/Exceptional Flows: 8. Register Use Case Name: Register ID :1.0.2 Importance Level:High Primary Actor: Tim Support Use Case Type: Detail, essential Stakeholders and Interests: Tim Support mendaftarkan GCM ID ke dalam Brief Description: Tim Support memberikan keterangan mengenai data GCM ID device androidnya kepada server, agar data GCM ID support dapat diupdate pada server. Trigger: Tim Monitoring melakukan login pada aplikasi android Relationships: Association Include Extend Generalization : Tim Support Normal Flow of Events: 8. Tim Support membuka aplikasi notifikasi 9. Tim Support melakukan login untuk pertama kalinya 10. android mengupdate GCM ID pada server SubFlows: Alternate/Exceptional Flows:

8 Activity Diagram Activity Diagram untuk menggambarkan proses bisnis pada setiap use case adalah sebagai berikut. 1. Login-Lihat-Tambah Support Tim Monitoring (web base) (server) Melakukan login Memeriksa data login Invalid login N Y Logged in Pilih menu lihat Support Tekan tombol tambah support Mengisi data support Update data support Gambar 4. Activity Diagram: Login-Lihat-Tambah Support 2. Reset Password Tim Monitoring (web base) (server) Mengisi data Memeriksa data pengguna tidak terdafttar N Y terdaftar Mengganti password pengguna Mengirim password baru ke pengguna Gambar 5. Activity Diagram: Reset Password

9 29 3. Mapping Support Ke Sistem Tim Monitoring (web base) (Server) Melakukan login Memeriksa data login Invalid login N Y Logged in Pilih menu Lihat Support Tekan tombol mapping Submit data mapping baru Update data mapping Gambar 6. Activity Diagram: Mapping Support Ke Sistem 4. Lihat Laporan Client/Supervisor (web base) (Server) Memilih menu Laporan Mencari data laporan Melihat Laporan Gambar 7. Activity Diagram: Lihat Laporan

10 30 5. Lihat Notifikasi Error Tim Support (Android) (Server) Mengirim notifikasi Menerima notifikasi Membuka notifikasi Gambar 8. Activity Diagram: Lihat Notifikasi Error 6. Register Tim Support (Android) (server) Mengisi data login Mengirim data login Memeriksa data login Invalid login N Y Logged in Update GCM ID Gambar 9. Activity Diagram: Register

11 Sequence Diagram Sequence Diagram untuk menggambarkan interaksi antar class pada setiap use case aplikasi Notifikasi adalah sebagai berikut. 1. Login Tim Monitoring login periksadatalogin data login Gambar 10. Sequence Diagram: Login 2. Lihat Daftar Sistem Tim Monitoring lihatdaftarsistem getdaftarsistem Data daftar sistem Gambar 11. Sequence Diagram: Lihat Daftar Sistem

12 32 3. Tambah Sistem Tim Monitoring tambahsistem tambahdatasistem Data update sistem Gambar 12. Sequence Diagram: Tambah Sistem 4. Lihat Daftar Support Tim Monitoring lihatdaftarsupport getdaftarsupport Data daftar support Gambar 13. Sequence Diagram: Lihat Daftar Support

13 33 5. Tambah Support Tim Monitoring tambahsupport tambahdatasupport Data update support Gambar 14. Sequence Diagram: Tambah Support 6. Lihat Notifikasi Error (core) GCM Tim Support (Android) cekerror kirimnotifikasierror notify lihatnotifikasierror Gambar 15. Sequence Diagram: Lihat Notifikasi Error

14 34 7. Register Tim Support login periksadatalogin data login Kirim gcm id updategcmid Gambar 16. Sequence Diagram: Register 8. Mapping Support Ke Sistem Tim Monitoring lihatdaftarmapping getdaftarmapping Data daftar mapping submitdaftarmapping Data update daftar mapping adddaftarmapping Gambar 17. Sequence Diagram: Mapping Support Ke Sistem

15 Perancangan Sistem Class Diagram Class Diagram untuk menggambarkan secara struktural dapat dilihat pada Gambar 19 di bawah ini. trx_sistem mst_support users 1 -id : int -nama_sistem : char -deskripsi : char -nama_log : char -lokasi_log : char -created_at : Date -updated_at : Date 1 1 -id : int -gcm_id : char -nama : char -alamat : char - char -password : char -msisdn : Char -created_at : Date -updated_at : Date +lihatnotifikasierror() +regiser() +updatestatus() 1 -id : int -password : Char - char -role : int -name : char -address : char -created_at : Date -updated_at : Date -remember_token : char +lihatdaftarsistem() +tambahsistem() +lihatdaftarsupport() +tambahsupport() +mappingsupportkesistem() +lihatlaporan() Merespon * Mempunyai * t_mapping -id : int -support_id : int -sistem_id : int -status : char -deskripsi : char -created_at : Date -updated_at : Date * Mempunyai Mempunyai * laporan -id : int -message : string -sistem_id : int -support_id : int -status : int -created_at : Date -modified_at : Date Gambar 18.Class Diagram Rancangan Basis Data Berikut ini merupakan rancangan basis data pada aplikasi notifikasi. Basis data yang dikembangkan akan diakses pada aplikasi server. Daftar Tabel a. users Tabel 4. Tabel users Nama Kolom Tipe data Ukuran Nilai default NOTNULL id int 12 - password char char 50 -

16 36 Tabel 5. Lanjutan Tabel users Nama Kolom Tipe data Ukuran Nilai default NOTNULL role int 5 - name char 50 - address char created_at datetime :00:00 updated_at datetime :00:00 remember_token char 50 - b. mst_support Tabel 6. Tabel mst_support Nama Kolom Tipe data Ukuran Nilai default NOTNULL id int 11 - gcm_id char 255 NULL nama char 50 - alamat char char 50 - password char 20 msisdn char 20 - created_at datetime :00:00 updated_at datetime :00:00

17 37 c. trx_sistem Tabel 7. Tabel trx_system Nama Kolom Tipe data Ukuran Nilai default NOTNULL id int 11 - nama_sistem char 50 - deskripsi char nama_log char lokasi_log char created_at datetime :00:00 updated_at datetime :00:00 d. t_mapping Tabel 8. Tabel t_mapping Nama Kolom Tipe data Ukuran Nilai default NOTNULL id int 10 - support_id int 10 - sistem_id int 10 - status char 20 aktif deskripsi char created_at datetime :00:00 updated_at datetime :00:00

18 38 e. laporan Tabel 9. Tabel laporan Nama Kolom Tipe data Ukuran Nilai default NOTNULL id int 20 - message char sistem_id int 10 - support_id int 10 - status char 20 notif created_at datetime - updated_at datetime :00: :00: Desain Antarmuka Rancangan Antar Muka Berikut ini merupakan rancangan antar muka aplikasi pada sistem aplikasi notifikasi yang terdiri dari rancangan antara muka pada aplikasi server dan aplikasi client. 1. Antar Muka aplikasi web a. Login

19 39 username password username password login b. Menu utama Gambar 19. Rancangan Antar Muka Web: Login HEADER logout Home support sistem mapping CONTENT FOOTER Gambar 20. Rancangan Antar Muka Web: Menu Utama c. Lihat Daftar Support

20 40 HEADER logout Home support sistem mapping << First < Prev Next > End >> tambah FOOTER Gambar 21. Rancangan Antar Muka Web: Lihat Daftar Support d. Tambah Support HEADER logout Home support sistem mapping Gcm ID Nama Alamat Role Msisdn Reeset Simpan FOOTER Gambar 22. Rancangan Antar Muka Web: Tambah Support e. Lihat Daftar Sistem

21 41 HEADER logout Home support sistem mapping << First < Prev Next > End >> Tambah FOOTER Gambar 23. Rancangan Antar Muka Web: Lihat Daftar Sistem f. Tambah Sistem HEADER logout Home support sistem mapping Nama sistem Nama log Lokasi log Deskripsi Reeset Simpan FOOTER Gambar 24. Rancangan Antar Muka Web: Tambah Sistem g. Mapping Support Ke Sistem

22 42 HEADER logout Home support sistem mapping Pilih sistem Pilih Support Slypee Klikmedia Ani Budi > > Funbox Purba status Deskripsi aktif Tidak aktif Simpan FOOTER Gambar 25. Rancangan Antar Muka Web: Mapping Support Ke Sistem 2. Antar Muka aplikasi android Secara detail, rancangan antar muka client adalah sebagai berikut. a. Login Username or Password Login Gambar 26. Rancangan Antar Muka Android: Login

23 43 b. Lihat Notifikasi Error Refresh List Notifikasi MYSQL Server Error: Too.. Connection reset by peer Cannot found DNS Cannot reach Host Gambar 27. Rancangan Antar Muka Android: Lihat Notifikasi Error Rancangan Komunikasi Aplikasi Client, Server dan GCM Rancangan komunikasi antara aplikasi client, server dan server GCM dapat pada Gambar 28 di bawah ini. GCM GCM Tim Monitoring Support 4 Support 3 Server Support 1 Support 2 Gambar 28. Interaksi Client, Server dan GCM pada sistem Helpdesk

24 44 Pada gambar di atas dapat dilihat bahwa aplikasi client yang berjalan pada smartphone Android berhubungan secara langsung dengan server dan server GCM. Ketika terjadi error pada sebuah sistem yang sudah terdaftar pada ini, maka Aplikasi Notifikasi akan segera memberitahu GCM server untuk memberikan notifikasi kepada tim support yang berhubungan dengan sistem yang bermasalah tersebut sehingga tim support mendapatkan informasi error dan dapat melakukan tindakan selanjutnya terhadap masalah tersebut.