BAB III ANALISIS DAN DESAIN SISTEM III.1. Analisis Masalah Analisa pada sistem yang berjalan bertujuan untuk mengidentifikasi serta melakukan evaluasi terhadap sistem aplikasi Android SMS Gateway pengaduan pada PT. Media Antar Nusa dikarenakan belum adanya aplikasi berbasis Android untuk menerima pengaduan melalui sms. Perangkat android menjadi multiguna yang dapat membantu kinerja customer service dalam menerima laporan pengaduan dari customer. Analisis dilakukan agar dapat menemukan masalahmasalah dalam melakukan sms yang diperlukan yang diberikan oleh pihak pengguna. Adapun analisis sistem ini meliputi input, proses dan output yang dijabarkan sebagai berikut : III.2. Evaluasi Sistem Yang Berjalan Sistem yang sedang berjalan memiliki beberapa kelemahan yang dijabarkan sebagai berikut : 1. Perlu dilakukannya rancangan aplikasi Server SMS Gateway yang dapat membantu customer service dalam menerima laporan. 2. Perlunya diciptakan suatu aplikasi yang dapat memudahkan pihak pelanggan dalam melakukan pengaduan. 3. Belum adanya aplikasi berbasis Android untuk menerima pengaduan SMS pada sistem Android. 38
39 4. Sistem yang sedang berjalan pada saat ini masih menggunakan sistem sms biasa. Sistem yang sedang berjalan memiliki beberapa kelebihan yang dijabarkan sebagai berikut : 1. Sistem dapat memudahkan pengguna berinteraksi pada pelanggan yang melaporkan gangguan melalui sms. 2. Informasi yang disajikan pada sistem cukup akurat dan efektif. III.3. Desain Sistem Desain sistem pada penelitian ini dibagi menjadi dua desain, yaitu desain sistem secara global untuk penggambaran model sistem secara garis besar dan desain sistem secara detail untuk membantu dalam pembuatan sistem. III.3.1. Desain Sistem Secara Global Desain sistem secara global menggunakan bahasa pemodelan UML yang terdiri dari Usecase Diagram, Activity Diagram dan Squence Diagram. III.3.1.1. Usecase Diagram Rancangan ini disusun dengan tujuan mendesain dan mempresentasikan program. Fungsinya adalah untuk memudahkan pengaduan SMS gateway yang akan dibuat pada gambar III.1 berikut :
40 Pelanggan <include> Tambah Customer Service Customer Service Login <include> Logout <include> <include> <include> Fronline Customer Service Admin Tentang Gambar III.1. Use Case Diagram SMS Gateway III.3.1.2. Activity Diagram Proses yang telah digambarkan pada use case diagram dijabarkan dengan Activity diagram : 1. Activity Diagram Melakukan Login Pengguna Aktifitas untuk melakukan login untuk dapat masuk kedalam sistem terlihat seperti pada gambar III.2 berikut :
41 Login Customer Service User Sistem Buka Aplikasi Login Isi nama email Gagal Isi Password Click Login Berhasil Phase Gambar III.2. Activity Diagram Login Customer Service 2. Activity Diagram Daftar Pelanggan Aktivitas untuk melihat daftar pelanggan pada sistem seperti pada gambar III.3 berikut :
Phase 42 Daftar Pelanggan User Sistem Buka Menu pelanggan Menampilkan Daftar Pelanggan Gambar III.3. Activity Diagram Melihat Daftar Pelanggan 3. Activity Diagram Melihat SMS Pelanggan Aktivitas untuk melihat sms pelanggan pada sistem seperti pada gambar III.4 berikut :
Phase 43 SMS PELANGGAN User Sistem Buka Menu pelanggan Click Nama Pelanggan Lihat SMS Pelanggan Menampilkan SMS Pelanggan Gambar III.4. Activity Diagram Melihat SMS Pelanggan 4. Activity Diagram Melihat Customer Service Aktivitas untuk melihat customer service pada sistem seperti pada gambar III.5 berikut :
44 Melihat Customer Service User Sistem Buka Customer Service Click Nama CS Menampilkan Informasi CS Phase Gambar III.5. Activity Diagram Melihat Customer Service 5. Activity Diagram Log Stream SMS Aktivitas untuk melihat pesan pengaduan SMS sistem seperti pada gambar III.6 berikut :
45 Log Stream SMS User Sistem Click Log SMS Memilih Pesan Masuk Membaca Pesan Membalas Pesan Masuk Pengaduan SMS Gateway Phase Gambar III.6. Activity Diagram Log Stream SMS 6. Activity Diagram Tambah Customer Service Aktivitas untuk melakukan pengolahan tambah customer service terlihat seperti pada gambar III.7 berikut :
46 Tambah Customer Service User Sistem Buka Menu Admin Click Tambah Data Tersimpan Isi Data Gagal Simpan Data Berhasil Phase Gambar III.7. Activity Diagram Tambah Customer Service III.3.1.3. Sequence Diagram Rangkaian kegiatan pada setiap terjadi event sistem digambarkan pada sequence diagram berikut : 1. Sequence Diagram Login admin Serangkaian kinerja sistem login yang dilakukan oleh admin dapat diterangkan dengan langkah-langkah state, dimulai dari memasukkan email dan memasukkan password, jika Akun valid maka sistem akan mengaktifkan menu
47 user, sedangkan jika tidak valid, maka tampilkan pesan kesalahan yang ditunjukkan pada gambar III.8 berikut : Administrator Website Main form Form Admin Proses Login Halaman Administrator Tampilkan Fom () Menu () click form admin Validasi nama dan password () Invalid () Login sukses () Gambar III.8. Sequence Diagram Login 2. Sequence Diagram Daftar Pelanggan Serangkaian kerja untuk melihat daftar istana pancing pada sistem seperti pada gambar III.9 berikut :
48 Administrator Website Main form Form Daftar Pelanggan Proses Nama Pelanggan Tampilkan Fom () Menu () click form Pelanggan () update data () Koneksi database () Close form () delete data () Koneksi database () Gambar III.9. Sequence Diagram Melihat Daftar Pelanggan 3. Sequence Diagram Melihat Customer Service Serangkaian kerja untuk melihat customer service pada sistem seperti pada gambar III.10 berikut : User Main form Form Customer service Nama CS Tampilkan Menu () Menu () click form Customer service() Koneksi database () Gambar III.10. Sequence Diagram Melihat Customer Service
49 4. Sequence Diagram Log Stream SMS Serangkaian kerja untuk melihat mengenai pesan masuk sistem seperti pada gambar III.11 berikut : User Form Log Proses Daftar Log Form log stream sms () Informasi data () Koneksi database () Gambar III.11. Sequence Diagram Log Stream SMS 5. Sequence Diagram Tambah Data Customer Service Serangkaian kerja untuk melakukan pengolahan tambah data terlihat seperti pada gambar III.12 berikut : User Form Tambah Data Proses Tambah Tambah CS Form tambah data() Isi data () Simpan Data () Data tersimpan () Clik Batal () Koneksi database () Gambar III.12. Sequence Diagram Tambah Data Customer Service
50 III.4. Desain User Interface Tahap perancangan berikutnya yaitu desain sistem secara detail yang meliputi desain sistem. III.4.1. Desain Pelanggan Berikut ini adalah rancangan tampilan desain output yang akan dihasilkan oleh sistem : 1. Desain Form Login Customer Service Desain form untuk melakukan login data terlihat seperti pada gambar III.13 berikut : NUSANETCS SERVER OFFLINE NusanetCS Selamat datang di aplikasi NusanetCS, untuk mengakses aplikasi ini, silahkan masukan username dan password anda pada form di bawah ini : Masukkan Email Masukkan Password Masuk Reset Gambar III.13. Desain Form Login Customer Service 2. Desain Form Frontline Desain form frontline melihat percakapan, data customer, dan data SMS pelanggan seperti pada gambar III.14 berikut :
51 NUSANETCS SERVER OFFLINE Frontline Customer Service Pelanggan Tentang SMS Pelanggan Percakapan Update Profil Ganti Password Gambar III.14. Desain Form Frontline 3. Desain Form Daftar Pelanggan Desain form untuk melihat daftar pelanggan pada sistem seperti pada gambar III.15 berikut : NUSANETCS - SERVER OFFLINE Frontline Customer Service Pelanggan Tentang DAFTAR PELANGGAN gfedc Tampilkan form edit pelanggan SMS PELANGGAN Pelanggan Produk Layanan Alamat No.Telepon Gambar III.15. Desain Form Melihat Daftar Pelanggan 4. Desain Form Melihat Daftar Customer Service Desain form untuk melihat mengenai daftar customer service sistem seperti pada gambar III.16 berikut :
52 NUSANETCS - SERVER OFFLINE Frontline Customer Service Pelanggan Tentang CUSTOMER SERVICE Ini adalah daftar data customer Service yang terdaftar di didtem NusanetCS. Gambar III.16. Desain Form Melihat Daftar Customer Service 5. Desain Form Tentang Aplikasi Desain form untuk melihat mengenai tentang aplikasi pada sistem seperti pada gambar III.17 berikut : NUSANETCS SERVER OFFLINE Frontline Customer Service Pelanggan Tentang NUSANET Estabished sine 1996 as a web hosting and design company. Gambar III.17. Desain Form Tentang Aplikasi
53 6. Desain Form Grafik Nusanet Desain form untuk melihat mengenai grafik nusanet dalam setahun pada sistem seperti pada gambar III.18 berikut : 03:45 Nusanet ISP terpecaya oleh pelanggan Indonesia dan terus berinovasi untuk solusi terbaik bagi anda 18 15 12 9 Data SMS 6 3 0 Jan May Jul Sep Nov Data grafik diatas menunjukan statistik data sms yang masuk pada 100 data terakhir. Grafik disinkronkan secara otomatis saat perubahan data sms, Statistik SMS disajikan per hari Gambar III.18. Desain Form Grafik Nusanet 7. Desain Form Log Stream SMS Desain form untuk melihat mengenai log stream sms ini mengetahui pesan pengaduan terhadap nusanet seperti pada gambar III.19 berikut :
54 Nusanet 03:45 Log Stream SMS Stream data log SMS pengaduan yang masuk ke SMS Gateway Server dan yang tersinkronisasi Unknown +6285830166314 22/05 12:22:30 Pak kenapa koneksi internetnya sering terputus ya Unknown 808 21/05 11:03:42 Sob, ayo pakai iring GRATIS favorit kamu Unknown 234 18/05 08:02:26 Success registration to 5GB package Unknown 3 18/05 10:34:45 Maaf, keyword yang anda masukan salah Gambar III.19. Desain Form Log Stream SMS 8. Desain Form Melihat Customer Service Desain form untuk melihat mengenai customer service sistem seperti pada gambar III.20 berikut :
55 Nusanet Customer Service Data customer yang terdaftar di sistem dan dapat melayani sms dari pelanggan Tambah CS 03:45 Bian Melisa Indah Perm Melisa War Reni Julian Gambar III.20. Desain Form Melihat Customer Service 9. Desain Form Tambah Customer Service Desain form untuk melakukan pengolahan tambah customer service terlihat seperti pada gambar III.21 berikut :
56 Nusanet Customer Service Data customer yang terdaftar di sistem dan Customer Service dapat melayani sms dari pelanggan 03:45 Tamabah Form penambahan CS data akun customer service, dengan ditambahkan akun customer service, akun tersebut dapat mengakses data dan merespon pengaduan dari pelanggan. Nama Lengkap Bian Melisa Indah Perm Alamat Email Password Default Melisa War BATAL SIMPAN Reni Julian Gambar III.21. Desain Form Tambah Customer Service