Bab Iv Hasil Penelitian Dan Pembahasan - Dinus

Bidang Khas Suatu Event : Kegiatan Pelaku Respon Sistem Langkah 1: User melakukan Langkah 2 : User memilih menu proses masuk ke dalam Belajar di dalam menu utama. menu utama perangkat lunak Chatbot. Langkah 3 : Sistem akan Langkah 4 : User dapat melihat 2 menampilkan Form Belajar field yaitu field tanya dan field jawab sesuai dengan menu yang yang mana field jawab wajib diisi bila dipilih user. field tanya sudah berisi nilai. Jika user sudah selesai dapat memilih ESC(Keluar). Langkah 6 : Sistem akan memproses apa yang dilakukan user sesuai dengan logika sistem yang sudah dibuat. Jika ESC(Keluar) dipilih user, maka sistem akan menutup form tersebut. 5. Naratif Use-case Chat Tabel 4.5 Naratif Use-case Chat ChaBee Chatbot Pengarang : Abror Resid Tanggal : 12 Desember 2012 Nama Use-case : Chat ID Use-case : Chabee-001 Prioritas : Tinggi Sumber : - Pelaku Bisnis Utama : User dan Admin Pelaku Partisipan Lain : - Tipe Use Case Analisa Sistem :

Stakeholder Lain : - Deskripsi : Use-case ini bertujuan untuk menggambarkan kegiatan user mengisi field chat yang kemudian diproses oleh sistem dan hasil proses itu ditampilkan kedalam grid chat. Pra-kondisi : User sudah berada pada menu utama chatbot Pemicu : Use-case ini adalah salah satu menu dalam sistem perangkat lunak chatbot. User memilih menu chat pada menu Utama. Bidang Khas Suatu Event : Kegiatan Pelaku Respon Sistem Langkah 1: User melakukan Langkah 2 : User memilih menu proses masuk ke dalam chat di dalam menu utama. menu utama perangkat lunak Chatbot. Langkah 3 : Sistem akan Langkah 4 : User dapat melihat menampilkan Form chat sebuah field isian yang bila diisi maka sesuai dengan menu yang kompurer akan memproses isian dipilih user. tersebut kemudian user dapat juga melihat grid riwayat percakapan. Jika user sudah selesai dapat memilih ESC(Keluar). Langkah 6 : Sistem akan memproses apa yang dilakukan user sesuai dengan logika sistem yang sudah dibuat. Jika ESC(Keluar) dipilih user, maka sistem akan menutup form tersebut. 6. Naratif Use-case Edit Tabel 4.6 Naratif Use-case Edit ChaBee Chatbot Pengarang : Abror Resid Tanggal : 12 Desember 2012

Nama Use-case : Edit ID Use-case : Chabee-001 Prioritas : Tinggi Sumber : - Pelaku Bisnis Utama : Admin Pelaku Partisipan Lain : - Stakeholder Lain : - Deskripsi : Use-case ini bertujuan untuk menggambarkan kegiatan user untuk Tipe Use Case Analisa Sistem : melakukan pencarian,perubahan dan hapus pada database chatbot. Pra-kondisi : User sudah berada pada menu utama chatbot Pemicu : Use-case ini adalah salah satu menu dalam sistem perangkat lunak chatbot. User memilih menu Edit pada menu Utama. Bidang Khas Suatu Event : Kegiatan Pelaku Respon Sistem Langkah 1: User melakukan Langkah 2 : User menekan tobol esc proses masuk ke dalam untuk mengaktifkan form login di menu utama perangkat dalam menu utama. Apabila lunak Chatbot. password dikonfirm maka akan tampil menu edit di menu utama Langkah 3 : User memilih Langkah 3 : Sistem akan menu Edit di dalam menu menampilkan Form edit sesuai utama. dengan menu yang dipilih user. Langkah 4 : User dapat Langkah 6 : Sistem akan memproses mengeksekusi perintah apa yang dilakukan user sesuai dengan cara menekan button dengan logika sistem yang sudah edit untuk merubah,delete dibuat. Jika ESC(Keluar) dipilih user, untuk menghapus dan search maka sistem akan menutup form untuk mencari record yang tersebut. terdapat pada database.Jika user sudah selesai dapat memilih ESC(Keluar).

7. Naratif Use-case About Tabel 4.7 Naratif Use-case About ChaBee Chatbot Pengarang : Abror Resid Tanggal : 12 Desember 2012 Nama Use-case : About ID Use-case : Chabee-001 Prioritas : Tinggi Sumber : - Pelaku Bisnis Utama : User dan Admin Pelaku Partisipan Lain : - Stakeholder Lain : - Deskripsi : Use-case ini bertujuan untuk menggambarkan kegiatan user melihat Tipe Use Case Analisa Sistem : bantuan seputar pembuat program pada sistem perangkat lunak Chatbot. Pra-kondisi : User sudah berada pada menu utama chatbot Pemicu : Use-case ini adalah salah satu menu dalam sistem perangkat lunak chatbot. User memilih menu About pada menu Utama. Bidang Khas Suatu Event : Kegiatan Pelaku Respon Sistem Langkah 1: User melakukan Langkah 2 : User memilih menu proses masuk ke dalam About di dalam menu utama. menu utama perangkat lunak Chatbot. Langkah 3 : Sistem akan Langkah 4 : User dapat melihat menampilkan Form About bantuan seputar pembuat program sesuai dengan menu yang Chatbot. Jika user sudah selesai dapat dipilih user. memilih ESC(Keluar). Langkah 6 : Sistem akan memproses apa yang

dilakukan user sesuai dengan logika sistem yang sudah dibuat. Jika ESC(Keluar) dipilih user, maka sistem akan menutup form tersebut. 4.3.3 Diagram Aktifitas / Activity Diagram 1. Diagram Aktifitas Login (oleh Admin) act login M embuka aplikasi Chabee Chatbot form M enu utama Form Login LOGIN LOGOUT Admin memasukkan Kata Sandi Verifikasi Kata Sandi «datastore» Database Sistem Operator M enu utama dengan tambahan menu edit Password Val i d Password T i dak Val i d Val i dasi Password

Gambar 4.3 Diagram Aktifitas Login (oleh Admin) Diagram aktifitas di atas menggambarkan proses login yang dilakukan oleh admin ke dalam sistem perangkat lunak Chatbot. Admin membuka Aplikasi Chatbot, kemudian muncul form awal kemudian memilih “click here” kemudian admin menekan tombol esc untuk menampilkan Form Login, admin memasukkan password, kemudian sistem mem-verifikasi password tersebut. Apabila password tersebut benar, maka akan muncul Menu Utama ditambah dengan menu edit, jika salah maka akan muncul pesan konfirmasi yang menunjukkan gagal login dan kembali ke Form Login. 2. Diagram Aktifitas Logout act Logout LOGIN M asuk M enu utama dengan tambahan menu edit M emilih M enu LOGOUT T i dak Ya LOGOUT [Otomatis] Gambar 4.4 Diagram Aktifitas Logout Diagram aktifitas di atas menggambarkan proses Admin logout atau keluar dari perangkat lunak Chatbot. Pertama setelah admin

berhasil login. Admin memilih menu Logout. Sistem akan mengkonfirmasi proses Logout, jika Admin memilih Tidak maka akan kembali ke Menu Utama bila user memilih Ya, maka sistem akan menampilkan informasi pengguna user . 3. Diagram Aktifitas Belajar

act Belaj ar Form aw al Masuk Form Menu Utama Memilih Menu Chat Menginputkan Field Pertanyaan Menginputkan field j aw ab Simpan «datastore» database sistem KELUAR Kembali ke Form Menu Utama Menu Keluar Gambar 4.5 Diagram Aktifitas Belajar Diagram aktifitas di atas menggambarkan proses menambah kosa kata percakapan untuk chatbot. Pertama setelah user berada di form awal kemudian user masuk ke form menu utama. Didalam menu utama user memilih form menu belajar. User dapat melakukan aktifitas menambah pertanyaan di field Tanya dan jawaban di field jawab,

Kemudian sistem akan memproses logika kegiatan user ke dalam database sistem. Bila user memilih untuk Keluar, maka Form belajar akan tertutup. 4. Diagram Aktifitas Chat act Chat Form aw al M asuk Form M enu Utama M emilih M enu Chat M enginputkan Field Pertanyaan M enekan tombol "Ya" «datastore» database sistem KELUAR sistem memberikan j aw aban Kembali ke Form M enu Utama M enu Keluar Gambar 4.6 Diagram Aktifitas Chat Diagram aktifitas di atas menggambarkan proses User melakukan percakapan dengan bot. Pertama setelah user berada di form awal kemudian user masuk ke form menu utama. Didalam menu utama user memilih form menu Chat. User dapat melakukan aktifitas mengisi field pertanyaan. Kemudian sistem akan memproses logika kegiatan user ke dalam database sistem kemudian setelah diproses hasil dari proses tersebut ditampilkan ke dalam grid riwayat chat, aktivitas ini dapat

dilakukan berulang-ulang. Bila user memilih untuk Keluar, maka Form Chat akan tertutup. 5. Diagram Aktifitas About act About LOGIN Form M enu aw al M asuk menu utama M emilih M enu About Tampilkan Informasi Tentang pembuat aplikasi KELUAR Kembali ke M enu Utama LOGOUT Gambar 4.7 Diagram Aktifitas About Diagram aktifitas di atas menggambarkan proses user melihat informasi tentang pembuat program Chatbot. Pertama setelah user berada di form awal kemudian user masuk ke form menu utama. Didalam menu utama user memilih form menu About. User dapat melihat informasi tentang pembuat aplikasi. Setelah selesai user dapat memilih ESC(Keluar), maka Form About akan tertutup. 6. Diagram Aktifitas Edit

act Edit Form aw al M asuk Form M enu Utama Login M emilih M enu Chat M emilih dan M elakukan Aktifitas Edi t Cari Hapus Pilih Data yang akan di Edit M enekan Tombol EDIT Pilih Data yang akan di Hapus M emasukkan Data yang Dicari Batal Kel uar KELUAR Kembali ke M enu Utama M engedit Data M enekan Tombol HAPUS LOGOUT Set Fi l ter T o "Data" Batal M elakukan Filter Database M enekan Tombol SIM PAN Kembali ke Form M enu Utama Set Fi l ter T o M enekan Tombol REFRESH M enu Keluar «datastore» database sistem M enekan Tombol BATAL Tampilkan Informasi M enu Edit [Sebelum Olahan aktifitas] Tampilkan Informasi M enu Edit [Hasil Olahan aktifitas] Gambar 4.8 Diagram Aktifitas Edit Diagram aktifitas di atas menggambarkan proses user melakukan edit database dan hanya bisa dilakukan oleh admin. Pertama setelah user berada di form awal kemudian user masuk ke form menu utama. Didalam menu utama user menekan tobol esc maka akan keluar form login kemudian user mengisi form login, setelah user berhasil login. User memilih menu utama lalu memilih menu Edit. Didalam form edit User dapat melakukan aktifitas Edit, Simpan, Hapus, dan Keluar. Kemudian sistem akan memproses logika kegiatan user ke dalam database sistem. Bila user memilih untuk Keluar, maka Form edit akan tertutup.

4.3.4 Diagram Sekuensial/ Sequence Diagram 1. Diagram Sekuensial Login (Admin) sd login Admin Form Awal Form Menu Utama Form Login Database Form Menu Utama Admin Form Pesan Form Logout Membuka Form Awal() membuka form menu utama() T ampilkan Form Menu Utama() membuka form login() T ampilkan Form Login() Memasukkan Kata Sandi() Cek Kata Sandi di Database() Berhasil Login() T ampilkan Menu Utama Admin() Pesan Gagal Login() T ampilkan Pesan Gagal Login() Memilih Logout() Verifikasi Logout() [T idak]Kembali() [Ya] Logout() T ampilkan Form Logout lalu Keluar dari Sistem() Gambar 4.9 Diagram Sekuensial Login (oleh Admin) Proses ini diawali ketika admin membuka Aplikasi chatbot yang kemudian sistem langsung menampilkan form awal kemudian dilanjutkan dengan form menu utama, setelah berada di menu utama admin menekan tombol esc untuk menampilkan form login. Admin kemudian memasukkan kata sandi, dimana kata sandi tersebut di cek oleh sistem di database untuk diverifikasi. Ketika berhasil login maka sistem akan menampilkan menu utama Admin, ketika gagal maka sistem akan menampilkan pesan gagal login. Kemudian Admin memilih logout, sistem menkonfirmasi untuk keluar dari sistem, bila Tidak maka akan kembali ke menu utama, bila Ya maka sistem akan menutup dan keluar dari Aplikasi Chatbot. 2. Diagram Sekuensial Belajar

sd Belaj . Adm in / User Form Awal Form M enu Utam a Form Belajar Form Pesan Database M em buka Form Awal() M em buka Form M enu Utam a() M em buka Form M enu Belajar() T am pilkan Form Belajar() M em asukkan Field T anya dan Field Jawab() M elakukan Aktivitas Sim pan () T am pilkan Hasil update database() T am pilkan Hasil Sim pan field tanya dan jawab() M em ilih Keluar() Kem bali ke M enu Utam a() T am pilkan M enu Utam a() M em ilih Keluar Aplikasi() Konfirm asi Keluar() [T idak] Kem bali() Gambar 4.10 Diagram Sekuensial Belajar Proses ini diawali ketika user membuka Aplikasi chatbot yang kemudian sistem langsung menampilkan form awal kemudian dilanjutkan dengan form menu utama lalu user memilih menu Belajar, maka sistem akan menampilkan form Belajar. Di dalam form belajar User dapat melakukan penambahan kosa kata baru kedalam field Tanya dan field jawab kemudian hasil penambahan tersebut di update ke dalam database. bila user menekan tombol keluar yang ada di dalam form belajar maka user akan keluar dari menu belajar dan kembali ke menu utama, tetapi jika user memilih Tidak maka user akan kembali ke menu belajar. 3. Diagram Sekuensial Chat

sd Chat Admin / User Form Awal Form Menu Utama Form Chat Database Form Pesan Membuka Form Awal() Membuka Form Utama() T ampilan Form Utama() Membuka Form Chat() T ampilkan Form Chat() menginput field pertanyaan() Update Database() T ampilkan Hasil update() T ampilkan Hasil jawaban dari pertanyaan() Memilih Keluar() T ampilkan Menu Utama() Kembali ke Menu Utama() Memilih Keluar Aplikasi() Konfirmasi Keluar Aplikasi() [T idak] Kembali() Gambar 4.11Diagram Sekuensial Chat Proses ini diawali ketika user membuka Aplikasi chatbot yang kemudian sistem langsung menampilkan form awal kemudian dilanjutkan dengan form menu utama lalu user memilih menu Chat, maka sistem akan menampilkan form Chat. Di dalam form Chat User dapat melakukan input pertanyaan kedalam field pertanyaan, kemudian hasil pertanyaan tersebut di diproses ke dalam database bila proses selesai maka hasil dari proses tersebut ditampilkan kedalam grid riwayatchat. bila user menekan tombol keluar yang ada di dalam form chat maka user akan keluar dari menu chat dan kembali ke menu utama, tetapi jika user memilih Tidak maka user akan kembali ke menu Chat. 4. Diagram Sekuensial Edit

sd Edit Admin / User Form Awal Form Menu Utama Form Login Form Edit Form Pesan Database Membuka Form Awal() Membuka Form Utama() T ampilkan Form Menu Utama() Melakukan Login() Gagal Login() Berhasil Login() T ampilkan Form Edit() Melakukan Aktifitas [ Edit, Simpan, Hapus, Cari]() Update Database() T ampilkan Hasil Update() T ampilkan Database Chatbot() Memilih Keluar() Kembali ke Menu Utama() T ampilkan Menu Utama() Memilih Keluar Aplikasi() Konfirmasi Keluar Aplikasi() [T idak] Kembali() Gambar 4.12 Diagram Sekuensial Edit Proses ini diawali ketika user membuka Aplikasi chatbot yang kemudian sistem langsung menampilkan form awal kemudian dilanjutkan dengan form menu utama lalu user menekan tombol esc untuk menampilkan form login password setelah behasil login user dapat memilih menu Edit, kemudian sistem akan menampilkan form Edit. Didalam form Edit, Admin dapat melakukan aktifitas Edit, Simpan, Hapus, Cari dan Keluar. Sistem akan memproses logika aktifitas Admin dan atau meng-update database. Jika selesai Admin memilih untuk keluar, maka form Edit akan tertutup dan kembali ke menu utama. User dapat memilih untuk keluar aplikasi, kemudian sistem akan menampilkan konfirmasi keluar aplikasi jika user memilih

Tidak maka akan kembali ke menu utama tapi bila memilih Ya maka akan keluar dari Aplikasi Chatbot 5. Diagram Sekuensial About sd About Admin /User Form Awal Form Menu Utama Form About Form Pesan Membuka Form awal() Membuka Form Menu utama() T ampilkan Form Menu Utama() Membuka Form About() T ampilkan Form About() Memilih Keluar() Kembali ke Menu Utama() T ampilkan Menu Utama() Memilih Menu keluar() Konfirmasi Keluar() [T idak] Kembali() Gambar 4.13 Diagram Sekuensial About Proses ini diawali ketika user membuka Aplikasi chatbot yang kemudian sistem langsung menampilkan form awal kemudian dilanjutkan dengan form menu utama lalu user memilih menu About, maka sistem akan menampilkan form About, lalu didalam form about user dapat melihat informasi tentang profil pembuat aplikasi chabee chatbot. Jika selesai user memilih untuk keluar, maka form about akan tertutup dan kembali ke menu utama. 6. Diagram Sekuensial Logout

sd Logout Admin Form Menu Utama Admin Kontrol Admin Form Pesan Form Logout Berhasil LOGIN() Memilih Menu FILE() Memilih LOGOUT () Konfirmasi Logout() [T idak] Kembali() [Ya] Logout() T ampilkan Form Logout() Gambar 4.14 Diagram Sekuensial Logout Proses ini diawali ketika Admin berhasil login, lalu admin memilih menu Logout, kemudian sistem akan memberikan pesan menampilkan konfirmasi keluar dari Aplikasi Chabee Chatbot jika Admin memilih Tidak maka akan kembali ke menu utama tapi bila memilih Ya maka akan keluar dari Aplikasi Chabee Chatbot. 4.3.5 Perancangan Basis Data/Database Penulis menyajikan tabel beserta relasi antar tabel sebagai database dari perangkat lunak Chabee Chatbot ini :

class Relasi Tabel tb tanya tb j aw ab «column» *PK idx tanya kat1 kat2 kat3 kat4 kat5 kat6 kat7 kat8 kat9 kat10 kat11 kat12 kat13 kat14 kat15 kat16 kat17 kat18 kat19 kat20 konter riwayatchat «column» * idx jawab jawab * id jawab «PK» idx tanya() tb icon «column» * nama alamaturl tb randombuzz «column» * id randombuzz randombuzz tb riw ayatchat «column» * riwayatchat userbot *PK idriwayatchat «PK» PK tb riwayatchat() Gambar 4.15 Relasi Tabel Secara Umum pada perangkat lunak Chabee Chatbot 4.3.6 Perancangan Antarmuka Pemakai Aplikasi Chabee Chatbot Berikut ini merupakan user interface baru dari beberapa form pada Aplikasi Chabee Chatbot yang sudah dibuat oleh penulis : 1. User Interface Form Awal Gambar 4.16 User Interface Form Awal Chabee Chatbot 2. User Interface Form Menu Utama

Gambar 4.17 User Interface Form Menu Utama Chabee Chatbot 3. User Interface Form Belajar Gambar 418 User Interface Form Belajar Chabee Chatbot 4. User Interface Form Chat

Gambar 4.19 User Interface Form Chat Chabee Chatbot 5. User Interface Form About Gambar 4.20 User Interface Form About Chabee Chatbot 6. User Interface Form Edit

Gambar 4.21 User Interface Form Edit Chabee Chatbot 7. User Interface Form Login Gambar 4.22 User Interface Form Login Chabee Chatbot 8. User Interface Form Logout

Gambar 4.23 User Interface Form Logout Chabee Chatbot 4.4 Tahap Construction Pada tahap construction ini penulis mengembangkan model use case ke dalam bentuk form dengan coding program dari Microsoft Visual FoxPro di tahap implementasi, beserta pengujian apakah perangkat lunak sudah memenuhi requirement awal dengan menggunakan User Acceptance Testing. 4.4.1 Implementasi Tahap ini dilakukan implementasi desain user interface dari Aplikasi Chabee Chatbot. 1. Implementasi User Interface Login

Gambar 4.24 Implementasi Form Login POS Baru 2. Implementasi User Interface Form Awal Gambar 4.25 Implementasi Form Awal Chabee chatbot 3. Implementasi User Interface Form Menu Utama

Gambar 4.26 Implementasi Form Menu Utama Chabee chatbot 4. Implementasi User Interface Form Belajar Gambar 4.27 Implementasi Form Belajar Chabee chatbot 5. Implementasi User Interface Form Chat

Gambar 4.28 Implementasi Form Chat Chabee chatbot 6. Implementasi U

4.3.2 Naratif Use-case Naratif dari Use-case yang telah dibuat penulis berasal dari Use-case yang melibatkan sistem perangkat lunak Chatbot, di antaranya adalah sebagai berikut : 1. Naratif Use-case Login Tabel 4.1 Naratif Use-case Login ChaBee Chatbot Pengarang : Abror Resid Tanggal : 12 Desember 2012 Nama Use-case : Login Tipe Use Case