Pemodelan Object Oriented Workshop Design

4.2.1.2Narasi Usecase Diagram NarasiUsecase Diagram digunakan untuk menggambarkan secara tekstual langkah-langkah dalam interaksi sistem dengan penggunaannya. Tabel 4.4 Narasi Usecase Login Usecase Name Login Usecase ID 1 Actor Administrator,Pelanggan Description Usecase ini menggambarkan proses login yang dilakukan oleh pengguna kedalam sistem dengan memasukkan username dan password untuk diverifikasi oleh sistem. Precondition 1. Actor yang ingin melakukan login, terlebih dahulu mengakses url sistem. Flow of Events 2. Actor memasukkan data login berupa username dan password pada form login yang tersedia pada halaman utama. 3. Sistem akan melakukan verifikasi data yang dimasukkan oleh Actor. 4. Jika data sesuai dan terdapat dalam database, maka sistem akan menampilkan halaman home dengan tampilan sesuai dengan role pengguna sistem. Alternate Courses 3b. Jika data tidak sesuai atau tidak terdapat dalam database maka sistem akan menampilkan alert “login gagal”. Conclusion Actor berhasil login ke dalam sistem. Post Condition Actor berada pada halaman home sesuai dengan role masing- masing. Tabel 4.5 Narasi Usecase Ganti Password Usecase Name Ganti Password Usecase ID 2 Actor Pelanggan Description Usecase ini menggambarkan proses perubahan password user setelah pelanggan dan admin melakukan login kedalam sistem. Precondition Pelangganyang ingin mengganti password terlebih dahulu mengakses url sistem dan melakukan login dengan username dan password awal. Flow of Events 1. Actor memilih menu “Ganti password” pada halaman home setelah login. Tabel 4.6 Narasi Usecase Permohonan Sambungan Baru 2. Sistem menampilkan halaman “Ganti password” yang berisi form untuk mengganti password. 3. Actor mengisi password lama dan password baru yang untuk mengkonfirmasi perubahan password, kemudian memilih simpan. 4. Sistem melakukan update password baru dan menyimpan ke dalam database. 5. Password berhasil diganti. Alternate Courses 3a. Jika Actor batal melakukan perubahan password, maka dapat memilih menu cancel untuk mengkonfirmasi pembatalan. Conclusion Actor berhasil melakukan perubahan password. Post Condition Actor telah melakukan perubahan password. Usecase Name Permohonan Sambungan Baru Usecase ID 3 Actor Calon Pelanggan Description Usecase ini menggambarkan proses registrasi dari calon pelanggan yang ingin melakukan permohonan sambungan baru. Precondition Calon pelanggan yang ingin melakukan permohonan sambungan baruterlebih dahulu mengakses url sistem. Flow of Events 6. Actor memilih menu “registrasi” pada halaman utama sistem. 7. Sistem menampilkan halaman “daftar sambungan baru” yang berisi formulir dan persyaratan pendaftaran sambungan baru. 8. Actor mengisi data pribadi secara lengkap pada formulir dan menyetujui persyaratan yang diberikan. 9. Sistem melakukan pengecekan kelengkapan data.

10. Konfirmasi data berhasil tersimpan. 11. Actor akan dihubungi untuk proses sambungan baru.

Alternate Courses 3a. Jika data pribadi yang dimasukkan tidak lengkap, maka akan muncul pesan “data tidak lengkap”. Conclusion Actor berhasil melakukan permohonan daftar sambungan baru pada PT. PAM Lyonnaise Jaya. Post Condition Actor telah melakukan pendaftaran sambungan baru. Tabel 4.7 Narasi Usecase Layanan Informasi Tabel 4.8 Narasi Usecase Buku Tamu Usecase Name Layanan Informasi Usecase ID 4 Actor Calon Pelanggan, Pelanggan Description Usecase ini menggambarkan proses penyampaian informasi yang berkaitan dengan perusahaan kepada pelanggan dan calon pelanggan. Precondition Pelanggan dan calon pelanggan yang ingin mendapatkan informasiterlebih dahulu mengakses url sistem. Flow of Events 1. Actor mengakses menu-menu yang menampilkan layanan informasi, seperti “Profil”,”Bisnis Utama”, “Layanan”, “Berita Terbaru”, “FAQ” , “Informasi sambungan baru” dan lainnya pada halaman utama sistem. 2. Sistem menampilkan halaman menu “Profil”, “Bisnis Utama”, “Layanan”, “Berita Terbaru”, “FAQ” “Informasi sambungan baru”, yang berisi informasi mengenai perusahaan, produk, cara melakukan registrasi, informasi terbaru, serta berbagai layanan yang ditawarkan oleh perusahaan. Alternate Courses 2a.Berbagai Menu layanan informasi yang diakses oleh Actor disesuaikan dengan kebutuhan informasi pada saat itu, menu Profil berisi informasi lengkap mengenai PT. PAM Lyonnaise Jaya, menu Bisnis Utama menginformasikan jenis produk dan infrastruktur yang dimiliki, menu Informasi sambungan menjelaskan cara melakukan pendaftaran sambungan baru, menu Layanan menginformasikan layanan yang ditawarkan oleh perusahaan, menu Berita menginformasikan berita terbaru, serta menu FAQ berisi berbagai pertanyaan yang sering ditanyakan. Conclusion Actor berhasil mendapatkan layanan informasi. Post Condition Actor telah mendapatkan informasi. Usecase Name Buku Tamu Usecase ID 5 Actor Pelanggan, calon Pelanggan Description Usecase ini menggambarkan proses pengisian buku tamu oleh pelanggan dan calon pelanggan. Precondition Pelanggan dan calon pelanggan yang ingin mengisi buku tamu terlebih dahulu mengakses url sistem. Tabel 4.9 Narasi Usecase Layanan Pelanggan Flow of Events 1. Actor memilih menu “Buku Tamu” pada halaman utama sistem. 2. Sistem menampilkan form “Buku Tamu” untuk diisi oleh Actor. 3. Actor mengisi data nama dan komentar pada form buku tamu, kemudian memilih “submit”. 4. Sistem menampilkan berbagai komentar yang telah diisi oleh Actor pada buku tamu. Alternate Courses 4a. Jika Actor tidak mengisi form secara lengkap atau ada field yang masih kosong, maka buku tamu tidak dapat diproses. Conclusion Actor berhasil melakukan pengisian buku tamu pada web e-crm. Post Condition Actor telah melakukan pengisian buku tamu. Usecase Name Layanan Pelanggan Usecase ID 6 Actor Pelanggan Description Usecase ini menggambarkan proses layanan yang diberikan oleh sistem kepada pelanggan. Precondition Pelanggan yang ingin mengakses layanan pelangganterlebih dahulu melakukan login dan mengakses halaman home pelanggan. Flow of Events 1. Actor memilih menu “Ask Palyja”, “mail updates” “subscribe newsletter”, dan “chat” pada halaman home pelanggan. 2. Sistem menampilkan halaman menu “Ask Palyja ”,“mail updates”, “ subscribe newsletter ”, dan “chat” . 3. Actor mengakses halaman layanan pelanggan yang telah ditampilkan oleh sistem. Alternate Courses 3a. Berbagai Menu layanan pelanggan yang diakses oleh Actor disesuaikan dengan kebutuhan pelanggan pada saat itu. Menu Ask Palyja berisi form untuk mengirim pesan, keluhan dan pertanyaan kepada pihak perusahaan. Menu mail updates berisi pesan balasan maupun pemberitahuan dari pihak perusahaan. Menu subscribe newsletter merupakan form untuk menyimpan alamat e-mail pelanggan agar dapat berlangganan beritanewsletter bulanan perusahaan melalui e-mail, dan menu chat untuk melakukan chat dengan admin PALYJA. Tabel 4.10 Narasi Usecase Cek Biaya Tagihan Tabel 4.11 Narasi Usecase Manage Permohonan Sambungan Conclusion Actor berhasil mengakses layanan pelanggan pada website e-CRM PT. PAM Lyonnaise Jaya. Post Condition Actor telah mengakses layanan pelanggan. Usecase Name Cek Biaya Tagihan Usecase ID 7 Actor Pelanggan Description Usecase ini menggambarkan proses pengecekan biaya tagihan penggunaan air pelanggan disesuaikan dengan pemakaian bulanan. Precondition Pelanggan yang ingin melakukan pengecekan biaya tagihan terlebih dahulu mengakses halaman home pelanggan dan melakukan login. Flow of Events 1. Actor memilih menu “kalkulator air”. 2. Sistem menampilkan halaman menu “kalkulator air” yang berisi form untuk menghitung estimasi tagihan berdasarkan jumlah pemakaian air. 3. Actor memilih kelompok pelanggan dan mengisi jumlah pemakaian air pada form yang tersedia pada halaman “kalkulator air” yang telah ditampilkan oleh sistem untuk menghitung estimasi biaya tagihan air. Alternate Courses 3a. Jika form tidak diisi secara lengkap, maka pengecekan biaya tagihan tidak dapat diproses. Conclusion Actor berhasil melakukan pengecekan biaya tagihan. Post Condition Actor telah melakukan pengecekan biaya tagihan. Usecase Name Manage Permohonan Sambungan Usecase ID 8 Actor Admin Description Usecase ini menggambarkan proses manajemen data calon pelanggan yang telah melakukan permohonan sambungan baru. Precondition Admin yang ingin melakukan manajemen data permohonan sambungan baruterlebih dahulu mengakses url sistem, dan login ke halaman home admin. Tabel 4.12 Narasi UsecaseManage Data Pelanggan Flow of Events 1. Actor memilih menu pendaftaran pada halaman utama admin. 2. Sistem menampilkan halaman “Data pendaftaran sambungan baru” yang berisi tabel data-data calon pelanggan untuk pendaftaran sambungan baru. 3. Actor melakukan manajemen data seperti mengecek kebenaran pengisian data serta melakukan hapus dan edit, jika data tersebut tidak lengkap. 4. Actor memilih tanggal pendaftaran untuk menampilkan data permohonan berdasarkan tanggal. 5. Sistem akan menampilkan data permohonan pendaftaran berdasarkan tanggal terpilih. Alternate Courses 4a. Jika Actor tidak memilih tanggal pendaftaran untuk ditampilkan, maka sistem akan menampilkan semua data yang ada pada data pendaftaran sambungan. Conclusion Actor berhasil melakukan manajemen data permohonan daftar sambungan baru pada PT. PAM Lyonnaise Jaya. Post Condition Data pendaftaran sambungan baru telah diproses.. Usecase Name Manage Data Pelanggan Usecase ID 9 Actor Admin Description Usecase ini menggambarkan proses manajemen data pelanggan. Precondition Admin yang ingin melakukan manajemen data pelangganterlebih dahulu mengakses url sistem, dan login ke halaman home admin. Flow of Events 1. Actor memilih menu “Pelanggan” pada halaman utama sistem. 2. Sistem menampilkan menu “Pelanggan” dengan submenu “input pelanggan”, “daftar pelanggan”. 3. Actor mengisi data pelanggan. 4. Sistem mengecek kebenaran pengisisan data dan kelengkapan data. 5. Simpan data ke dalam database. Alternate Courses 3a. Jika data pelanggan yang dimasukkan tidak lengkap, maka akan muncul pesan “data tidak lengkap”. Conclusion Actor berhasil melakukan manajemen data pelanggan. Post Condition Actor telah melakukan manajemen data pelanggan. Tabel 4.13 Narasi Usecase Manage Layanan Pelanggan Usecase Name Manage Layanan Pelanggan Usecase ID 10 Actor Admin Description Usecase ini menggambarkan proses manajemen layanan pelanggan. Precondition Admin yang ingin melakukan manajemen data pelangganterlebih dahulu mengakses url sistem, dan login ke halaman home admin. Flow of Events 1. Actor memilih menu “CRM”, “Berita”, “Info” dan “Media” pada halaman utama sistem. 2. Sistem menampilkanmenu“CRM”,”Berita”,“Info” dan “Media” . 3. Actor melakukan proses update input, edit dan deletepada menu layanan pelanggan. 4. Sistem mengecek kebenaran pengisisan data dan kelengkapan data. 5. Simpan data ke dalam database. Alternate Courses 2a. Layanan pelanggan yang akan di manage oleh admin, sesuai dengan kebutuhan admin. Menu CRM memiliki submenu “PALYJA Answer” untuk menjawab keluhan dan pertanyaan dari pelanggan, dan submenu “Data Subscriber” untuk menlihat data pelanggan yang iingin berlangganan newsletter lewat email. Menu Berita memiliki submenu “Input Berita” dan “View Berita” yang bertujuan untuk manajemen berita dihalaman home sistem.Menu “Info” memiliki submenu “input info” dan “view info” yang bertujuan untuk manajemen informasi khusus pelanggan. Selanjutnya menu Media bertujuan untuk manajemen media seperti foto, FAQ, dan Guestbook yang berada pada halaman home sistem. Conclusion Actor berhasil melakukan manajemen layanan pelanggan. Post Condition Layanan pelanggan telah berhasil diproses. Tabel 4.14 Narasi Usecase Cetak data survey Tabel 4.15 Narasi Usecase Manage hasil survey Usecase Name Cetak Data Survey Usecase ID 11 Actor Teknisi Description Usecase ini menggambarkan proses mencetak data calon pelanggan yang untuk keperluan survey oleh teknisi. Precondition Teknisi yang ingin melakukan cetak data survey terlebih dahulu mengakses url sistem, dan login ke halaman home teknisi. Flow of Events 1. Actor memilih menu survey pada halaman utama admin. 2. Sistem menampilkan halaman “Data pendaftaran calon pelanggan” yang berisi tabel data-data calon pelanggan yang telah melakukan pendaftaran sambungan baru secara online. 3. Actor memilih data calon pelanggan berdasarkan tanggal dan nama calon pelanggan. 4. Sistem menampilkan data calon pelanggan. 5. Actor memilih “cetak” untuk mencetak data survey yang berisi form untuk survey. Alternate Courses 5a. Jika admin batal melakukan cetak data, maka dapat memilih menu “cancel” untuk membatalkan. Conclusion Actor berhasil melakukan cetak data survey calon pelanggan PT. PAM Lyonnaise Jaya. Post Condition Actor telah melakukan cetak data survey dan dapat melaksanakan survey. Usecase Name Narasi Usecase Manage hasil survey Usecase ID 12 Actor Teknisi Description Usecase ini menggambarkan proses pengisian laporan hasil survey yang dilakukan oleh teknisi. Precondition Actor yang ingin melakukan input form terlebih dahulu telah mengakses url sistem dan telah login ke halaman home. Flow of Events 1. Actor memilih menu “survey” dan submenu laporan hasil survey. 2. Sistem menampilkan form hasil survey yang harus diisi oleh Actor 3. Jika actor telah selesai melakukan input form hasil survey, dan memilih simpan. maka sistem menyimpan Tabel 4.16 Narasi Usecase Validasi calon pelanggan Tabel 4.17 Narasi Usecase Manage Keluhan Teknis data tersebut. Alternate Courses 3a. Jika Actor salah melakukan input data maka dapat mrmilih reset pada form tersebut. Conclusion Actor berhasil melakukan simpan data hasil survey. Post Condition Actor telah selesai memanage laporan hasil survey. Usecase Name Narasi Usecase Logout Usecase ID 13 Actor Teknisi. Description Usecase ini menggambarkan proses validasi calon pelanggan menjadi pelanggan PT.PAM Lyonnaise Jaya. Precondition Actor yang ingin melakukan validasi terlebih dahulu telah mengakses url sistem dan telah login ke halaman home serta telah menginput data hasil survey. Flow of Events

1. Actor memilih menu survey pada halaman aktif. 2. Sistem menampilkan data calon pelanggan.

3. Actor memilih calon pelanggan yang telah disurvey dan melakukan pengisian laporan hasil survey. 4. Apabila calon pelanggan memiliki hasil survey yang validsesuai dengan persyaratan maka secara otomatis sistem akan mengirim e-mail untuk validasi calon pelanggan tersebut menjadi pelanggan. Alternate Courses 3a. Jika calon pelanggan tidak memiliki hasil survey yang sesuai atau valid dengan persyaratan maka sistem tidak akan mengirim e-mail validasi. Conclusion Actor berhasil melakukan proses validasi calon pelanggan menjadi pelanggan. Post Condition Actor telah selesai melakukan validasi calon pelanggan. Usecase Name Narasi Usecase Manage Keluhan Teknis Usecase ID 14 Actor Teknisi. Description Usecase ini menggambarkan proses penanganan keluhan teknis oleh teknisi, serta laporan penanganan keluhan yang harus diisi oleh teknisi. Tabel 4.18 Narasi Usecase Logout \ 4.2.1.3 Class Diagram Precondition Actor yang ingin melakukan manage keluhan teknis terlebih dahulu telah mengakses url sistem dan telah login ke halaman home. Flow of Events

1. Actor memilih menu keluhan pada halaman aktif.

2. Sistem menampilkan data keluhan teknis yang dikirim pelanggan melalui ask palyja. 3. Actor memilih untuk mencetak data keluhan pelanggan 4. Setelah melakukan penanganan keluhan ke lapanganlokasi maka actor harus melakukan pengisian form laporan penanganan keluhan. Alternate Courses 3a. Jika actor telah melakukan penanganan keluhan maka pelanggan akan dinotifikasi untuk pemberitahuan. Conclusion Actor berhasil melakukan proses manage keluhan teknis. Post Condition Actor telah selesai melakukan penanganan keluhan dan telah mengisi laporan penanganan keluhan teknis. Usecase Name Narasi Usecase Logout Usecase ID 15 Actor Pelanggan, Admin, Teknisi. Description Usecase ini menggambarkan proses keluar dari halaman home masing-masing user. Precondition Actor yang ingin melakukan logout terlebih dahulu telah mengakses url sistem dan telah login ke halaman home masing-masing. Flow of Events

1. Actor memilih menu “logout” pada halaman aktif. 2. Sistem memproses logout untuk Actor

3. Logout berhasil, sistem menampilkan kembali halaman utama sistem. Alternate Courses 3a. Jika Actor halaman home maka harus kembali mengakses menu login pada halaman utama. Conclusion Actor berhasil melakukan proses Logout dari sistem. Post Condition Actor telah keluar dari halaman home masing- masing. Class diagram menggambarkan struktur objek dalam sistem.Diagram ini juga menunjukkan kelas objek yang menyusun sistem dan hubungan antara kelas tersebut. Class merepresentasikan objek-objek atau sesuatu yang ditangani oleh sistem. class memiliki relasi antara satu dengan yang lain. Selain itu class juga memiliki atribut dan operasi.Class diagram pada perancangan e-CRM adalah ditampilkan pada gambar 4.8. Gambar 4.8 Class Diagram Class pelanggan, teknisi dan administrator memiliki hubungan generalisasi dengan class User. Class administrator memiliki hubungan 1 one to 1.. one or many dengan class berita, artinya 1 admin dapat menginput dari 1hingga banyakberita. Class administrator juga mempunyai hubungan 1 one to 1.. one or many dengan class pesan, sehingga 1 orang admin dapat menulis 1 hingga banyak pesan. Sedangkan class pelanggan dan class pesan memiliki hubungan 1 one to 0.. zero or many, artinya 1 orang pelanggan bisa tidak menulis pesan sama sekali atau dapat menulis banyak pesan. Class teknisi memiliki hubungan 1 to 1… dengan kelas survey. class promosi memiliki hubungan agregasi dengan class berita, dimana promosi merupakan bagian dari berita. Selain itu hubungan class pelanggan dengan class buku tamu memiliki hubungan 0.. to 1, Yang artinya banyak pelanggan, hingga tidak ada sama sekali dapat mengakses 1 buku tamu. Selanjutnya class pelanggan memiliki hubungan dengan class layanan, dengan multiplisitas 1 to1.., yaitu 1 pelanggan, mengakses 1 hingga banyak layanan. Selain itu, terdapat pula class calon_pelanggan, yang memiliku hubungan dengan class Pendaftaran berupa 0.. to 1 yaitu setiap terdapat banyak sekali calon pelanggan, hingga tidak ada sama sekalicalon_pelanggan yang akan melakukan hanya 1 pendaftaran. Class calon_pelanggan juga memiliki hubungan dengan class profil, dimana terdapat 0 hingga banyak sekali calon pelanggan yang akan mengakses 1 profil perusahaan. Selain itu class pelanggan dan class newsletter memiliki hubungan 1.. one or many to 1one, dimana 1 orang atau banyak pelanggan akan melakukan subscribe atau berlangganan newsletter sebanyak 1 kali. Class pesan dan class keluhan memiliki hubungan aggregasi yaitu class keluhan merupakan “bagian dari” class Pesan yang berfungsi sebagai induk. Demikian pula dengan class layanan dengan class informasi pelanggan. dimana classlayanan merupakan induk, class informasi pelanggan merupakan bagian dari class pelanggan tersebut.

4.2.1.4 Activity Diagram

Activity diagram menggambarkan rangkaian aliran dari aktivitas, baik proses bisnis maupun use case. Diagram ini juga digunakan untuk memodelkan action yang dilakukan saat sebuah operasi dieksekusi dan memodelkan hasil dari action tersbut. Activity diagram e- CRM adalah sebagai berikut. 1. Activity Diagram Login Gambar 4.9 Activity Diagram Login User yaitu admin dan pelanggan mengakses web e-CRM PALYJA terlebih dahulu dan melakukan kegiatan login. Saat melakukan login user akan memasukkan username dan password kemudian sistem akan memverifikasi apakah username dan password yang dimasukkan sesuai dengan database. Jika verifikasi gagal, maka akan kembali ke tampilan menu login. Jika verifikasi berhasil, maka sistem akan menampilkan menu utama sesuai dengan role masing-masing user. Masukkan username Password Tampilkan Halaman Utama Verifikasi Mulai Gagal Berhasil Selesai Sistem Admin, Pelanggan 2. Activity Diagram Ganti Password Gambar 4.10 Activity Diagram Ganti Password User yaitu admin dan pelanggan yang telah melakukan proses login dapat mengganti password, dengan cara memilih submenu ganti password, sistem akan menampilkan halaman ganti password, user akan mengisi password baru yang akan disimpan ke dalam database oleh sistem. Selesai Login Mulai Pilih Submenu Ganti Password Lakukan Penggantian Password Pilih OK Menampilkan halaman Ganti Password Menyimpan Password Baru Sistem Admin, Pelanggan 3. Activity Diagram Permohonan Sambungan Baru Gambar 4.11 Activity Diagram Permohonan Sambungan Baru Calon pelanggan mengakses web e-CRM PALYJA dan melakukan registrasi atau permohonan sambungan baru dengan cara memilih menu registrasi, sistem akan menampilkan halaman daftar sambungan baru yang berisi langkah-langkah pendaftaran dan form pendaftaran yang harus diisi. Selanjutnya calon pelan ggan harus mengisi data pribadi pada form yang tersedia, sistem akan mengecek kelengkapan data yang diisi, apabila data Mengakses web e-CRM PALYJA Mulai Pilih Menu Registrasi Mengisi Data Pribadi Pilih OK kelengkapan data? Menampilkan Halaman Daftar Sambungan Baru Menampilkan alert Data Tidak Lengkap Menyimpan Permohonan Sambungan Baru Selesai Tidak Lengkap Lengkap Sistem Calon Pelanggan tidak lengkap maka akan muncul alert “Data tidak lengkap”, apabila telah lengkap maka sistem akan menyimpan permohonan sambungan baru ke dalam database dan akan diproses lebih lanjut oleh petugas.

4. Activity Diagram

Layanan Informasi Gambar 4.12 Activity Diagram Layanan Informasi Pelanggan dan calon pelanggan mengakses web e-CRM PALYJA terlebih dahulu, kemudian memilih berbagai menu untuk layanan informasi, kemudian sistem akan menampilkan halaman tersebut, antara lain menu profil yang menampilkan informasi profil perusahaan PT. PAM Lyonnaise Jaya, menu Bisnis Utama yang menampilkan informasi produk dan infrastruktur dari PT. PAM Lyonnaise Jaya, serta menu layanan yang Mengakses web e-CRM PALYJA Mulai Pilih Menu Profil Pilih Menu Bisnis Utama Pilih Menu Layanan Menampilkan profil perusahaan Menampilkan Informasi Produk dan infrastruktur Menampilkan Berita Terbaru dan FAQ Selesai Sistem Pelanggan, Calon Pelanggan menampilkan informasi berita terbaru serta informasi layanan perusahaan seperti kontak kami dan FAQ yang merupakan pertanyaan yang paling sering ditanyakan. 5. Activity Diagram Buku Tamu Gambar 4.13 Activity Diagram Buku Tamu Buku tamu merupakan salah satu menu yang dapat diakses baik oleh pelanggan maupun calon pelanggan, buku tamu biasa berisi pesan, komentar, testimonial maupun pertanyaan yang secara umum berhubungan dengan perusahaan maupun produk. Setelah mengakses web e-CRM PALYJA maka pelanggan dan calon pelanggan dapat memilih menu Guestbook dan sistem akan menampilkan form untuk mengisi buku tamu.setelah user mengisi nama dan komentar pada buku tamu maka sistem akan menyimpannya ke dalam database. 6. Activity Diagram Layanan Pelanggan Mengakses web e-CRM PALYJA Mulai Pilih Menu Guest Book Mengisi Nama dan Komentar Pilih Submit Menampilkan Form Input Buku Tamu Menyimpan Buku Tamu Selesai Sistem Pelanggan, Calon Pelanggan Gambar 4.14 Activity Diagram Layanan Pelanggan Pelanggan dapat mengakses menu layanan pelanggan setelah melakukan login terlebih dahulu, menu yang terdapat pada halaman home pelanggan antara lain, menu Ask Palyja yang akan menampilkan form input untuk menuliskan keluhan dan pertanyaan kepada pihak perusahaan. Setelah pelanggan mengisi pesan keluhan maupun pertanyaan, maka dapat memilih simpan sehingga pesan tersebut akan tersimpan dan disampaikan kepada admin. Menu Mail Updates merupakan update pesan terbaru berupa informasi untuk pelanggan dan jawaban atas keluhan dan pertanyaan yang dikirim pelanggan melalui Ask Palyja. Menu chat menampilkan chat instant dengan pihak customer care PALYJA. Selanjutnya menu subscribe newsletter merupakan menu untuk berlangganan newsletter PALYJA melalui e- mail. Pelanggan hanya perlu mengisi alamat e-mail yang akan berlangganan newsletter tersebut dan sistem akan menyimpan data subscriber tersebut ke database. 7. Activity Diagram Cek Biaya Tagihan Mengakses web e-CRM PALYJA Mulai Pilih Menu Ask Palyja Pilih Menu Mail Updates Pilih Menu Chat Pilih Menu subscribe Newsletter Masukkan Pesan Keluhan Pilih Simpan Masukkan Data Subscribe Menyimpan Pesan Menampilkan Update pesan terbaru Menyimpan Data Subscribe Selesai Sistem Pelanggan Gambar 4.15 Activity Diagram Cek Biaya Tagihan Pelanggan dapat melakukan perhitungan estimasi biaya tagihan air pada web e-CRM PALYJA, setelah melakukan akses web e-CRM PALYJA dan login ke dalam home pelanggan maka pelanggan dapat memilih menu kalkulator air. Selanjutnya sistem akan menampilkan form input kalkulator air yang harus diisi oleh pelanggan seperti data dan jumlah pemakaian air, selanjutnya sistem akan mengecek kelengkapan data, apabila sudah lengkap maka sistem akan menghitung estimasi biaya tagihan air. Jika ternyata tidak lengkap, maka akan kembali ke form input data untuk melengkapinya. 8. Activity Diagram Manage Permohonan Sambungan Mengakses web e-CRM PALYJA Mulai Login Pilih Menu Kalkulator Air Mengisi data dan jumlah pemakaian air Lengkap? Tidak Lengkap Menampilkan form input KalkulatorAir Menghitung estimasi biaya tagihan air Lengkap Selesai Sistem Pelanggan Gambar 4.16 Activity Diagram Manage Permohonan Sambungan Untuk melakukan manage permohonan sambungan, admin terlebih dahulu harus melakukan login ke menu home admin setelah mengakses web e-CRM PALYJA. Setelah login, admin dapat memilih menu pendaftaran. Sistem akan menampilkan halaman data pendaftaran sambungan baru, pada halaman ini admin dapat melakukan edit, delete maupun mengurutkan data berdasarkan tanggal pendaftaran. Hal ini untuk memudahkan admin ketika memproses data-data tersebut sehingga data pendaftaran ditampilkan dengan tanggal yang telah dipilih oleh admin. Sebab calon pelanggan yang telah melakukan pendaftaran tidak langsung menjadi pelanggan, melainkan harus melewati beberapa tahap tertentu. Oleh sebab itu data pendaftaran atau permohonan pasang baru dapat lebih mudah diakses jika diurut berdasarkan tanggal pendaftaran. Mengakses web e-CRM PALYJA Mulai Login Pilih Menu Pendaftaran edit delete pilih tanggal pendaftaran Menampilkan halaman Data pendaftaran sambungan baru Menampilkan data pendaftaran sambungan sesuai tanggal terpilih Selesai Sistem Admin 9. Activity Diagram Manage Data Pelanggan Gambar 4.17 Activity Diagram Manage Data Pelanggan Setelah melakukan login, admin dapat memilih menu pelanggan untuk manage data pelanggan. Dalam manage data pelanggan ini admin dapat melakukan input, edit, dan delete data pelanggan. Setelahmemilih menu input data pelanggan, maka admin harus mengisi data pelanggan secara lengkap pada form input yang tersedia, kemudian memilih simpan, untuk menyimpan ke dalam database. Demikian pula dengan menu edit, dimana admin akan melakukan perubahan pada data yang telah disimpan, ketika selesai melakukan edit admin kembali memilih simpan, unuk menyimpan data tersebut. Untuk menu delete, ketika admin akan menghapus data, akan muncuk pertanyaan konfirmasi delete data, jika admin memilih “ya” maka data akan terhapus. Selanjutnya admin dapat melihat kembali data pelanggan yang telah di-update tersebut. Login Mengakses web e-CRM PALYJA Mulai Pilih menu Pelanggan input edit delete Pilih simpan data Menampilkan halaman Data pelanggan Menampilkan konfirmasi delete data Delete data? Data berhasil di delete Ya Menyimpan Data pelanggan Selesai Sistem Admin 10. Activity Diagram Manage Layanan Pelanggan Gambar 4.18 Activity Diagram Manage Layanan Pelanggan Setelah admin melakukan login, admin memilih menu layanan untuk melakukan manage layanan pelanggan. Antara lain menu CRM yang berisi form Palyja Answer yang merupakan form untuk membalas pesan atau keluhan dari pelanggan, serta submenu Data Subscriber yang merupakan daftar e-mail yang berlangganan newsletter. Menu Berita merupakan form update untuk layanan berita dan informasi yang akan ditampilkan kepada pelanggan dan calon pelanggan. Selanjutnya menu Media merupakan halaman update untuk media foto, halaman FAQ, dan guestbook. Setelah menuju ke halaman menu yang dipilih, admin dapat segera melakukan proses update, yakni input, edit dan delete serta dapat langsung melakukan penyimpanan data tersebut ke dalam database. Login Mengakses web e-CRM PALYJA Mulai Pilih Menu Layanan CRM input edit Update data delete Pilih Simpan Menampilkan Halaman Layanan CRM Pilih Menu CRM Pilih Menu Media Pilih Menu Berita Menampilkan form update data Menyimpan data Selesai Sistem Admin 11. Activity Diagram Cetak data survey Gambar 4.19 Activity Diagram Cetak Data Survey Setelah teknisi mengakses web e-CRM dan melakukan login, teknisi memilih menu survey. Kemudian sistem akan menampilkan halaman data pendaftaran calon pelanggan. Selanjutnya teknisi memilih menampilkan data berdasarkan nama calon pelanggan dan sistem akan menampilkan data pendaftaran tersebut, teknisi memilih untuk mencetak data calon pelanggan tersebut untuk melakukan survey, sistem menampilkan data tersebut siap cetak dalam format pdf, dan kemudian sistem akan mencetak data tersebut. 12. Activity Diagram Manage Hasil Survey Login Mengakses web e-CRM PALYJA Mulai Pilih tampilkan berdasarkan nama calon pelanggan Pilih Cetak Data survey calon pelanggan Pilih Menu Survey Menampilkan data survey calon pelanggan sesuai yang dipilih Mencetak Data Survey Selesai Menampilkan Halaman Daftar Calon Pelanggan Menampilkan Data survey calon pelanggan siap cetak Sistem Teknisi Gambar 4.20 Activity Diagram Manage hasil survey Setelah melakukan proses login dan masuk ke halaman home, maka teknisi memilih menu survey dan dapat melakukan manage hasil survey dengan menginput form hasil survey disesuaikan dengan data di lapangan dan menyimpan data tersebut untuk keperluan validasi calon pelanggan. 13. Activity Diagram Validasi Calon Pelanggan Login Mengakses web e-CRM PALYJA Pilih Menu Survey isi form hasil survey Menampilkan Halaman Daftar Calon Pelanggan tampilkan form hasil survey dan menu validasi Mulai Sistem Teknisi Gambar 4.21 Activity Diagram Validasi calon pelanggan Setelah melakukan proses login dan masuk ke halaman home, maka teknisi memilih menu survey dan dapat melakukan menginput form hasil survey disesuaikan dengan data di lapangan dan menyimpan data tersebut untuk keperluan validasi calon pelanggan, dimana apabila data tersebut valid sesuai dengan persyaratan untuk menjadi pelanggan maka sistem akan melakukan validasi dengan secara otomatis mengirim e-mail untuk calon pelanggan . 14. Activity Diagram Manage Keluhan Teknis Login Mengakses web e-CRM PALYJA Pilih Menu Survey isi form hasil survey Mulai Validasi calon pelanggan Menampilkan Halaman Daftar Calon Pelanggan tampilkan form hasil survey dan menu validasi Kirim email validasi terdaftar sebagai pelanggan Valid Tidak terdaftar sebagai pelanggan Tidak Valid Sistem Teknisi Gambar 4.22 Activity Diagram Manage keluhan teknis Setelah melakukan proses login dan masuk ke halaman home, maka teknisi memilih menu keluhan dan dapat melakukan cetak data keluhan teknis yang dikirim oleh pelanggan untuk segera melakukan penanganan atas keluhan tersebut. Setelah itu teknisi harus melakukan pengisian laporan penanganan keluhan yang sudah dilakukan dan menyimpannya, selain itu sistem juga dapat memberikan pemberitahuan kepada pelanggan yang memberikan keluhan teknis tersebut. 15. Activity Diagram Logout Login Mengakses web e-CRM PALYJA Mulai Pilih menu Keluhan Pilih cetak data keluhan input laporan penanganan keluhan Tampilkan keluhan teknis pelanggan Cetak data keluhan Simpan laporan penanganan keluhan Sistem Teknisi Gambar 4.23 Activity Diagram Logout Setelah melakukan proses login dan berbagai kegiatan lainnya di halaman home masing-masing user, maka admin dan pelanggan selanjutnya dapat melakukan proses logout dengan cara memilih menu logout pada halaman home untuk keluar dari halaman home user dan kembali ke menu utama sistem. Mengakses web e-CRM PALYJA Mulai Login Pilih Logout Menampilkan Halaman Home User Kembali Ke Halaman Utama sistem Selesai Sistem Admin, Pelanggan

4.2.1.5 Sequence Diagram

Sequence Diagram menggambarkan bagaiman objek berinteraksi sengan satu sama lain, melalui pesan eksekusi. Kegunaannya untuk menunjukkan rangkaian pesan yang dikirim antara objek, beserta interaksinya, yakni sesuatu yang terjadi pada titik tertentu dalam eksekusi sistem. Sequence Diagram digambarkan sebagai berikut. 1. Sequence Diagram Login Gambar 4. 24 Sequence Diagram Login Sequence Diagram diatas menjelaskan proses login yang dilakukan oleh aktor user, yaitu admin dan pelanggan. User melakukan login dengan memasukkan username dan password pada form login. Sistem akan melakukan verifikasi atau pengecekan data ke dalam database apakah username dan password sudah benar. Apabila verifikasi gagal, maka sistem akan menampilkan pesan kesan gagal. Sebaliknya, apabila verifikasi tersebut berhasil, maka sistem akan menampilkan halaman home masing-masing user. 2. Sequence Diagram Ganti Password : User : Form login : User 4: verifikasi data 1: Tampilkan form Login 2: Input username dan password 3: Kirim data Login username dan password 5: kirim pesan gagal atau berhasil 6: Tampilkan Pesan gagal atau berhasil Gambar 4. 25 Sequence Diagram Ganti Password Pelanggan yang telah melakukan proses login kemudian memilih menu ganti password . Sistem akan menampilkan form ganti password. Kemudian pelanggan mengisi password lama dan password baru, serta kembali mengisi password baru. Hal ini agar sistem melakukan validasi password sebelumnya dan konfirmasi penggantian password. Selanjutnya sistem akan menyimpan password baru tersebut ke database pelanggan. Apabila telah tersimpan, sistem akan menampilkan pesan berhasil ganti password. 3. Sequence Diagram Permohonan Sambungan Baru : pelanggan : Pelanggan : Form ganti password 7: cek password lama Cek password baru 1: Tampilkan form ganti password 2: Isi password lama 3: Isi password Baru 4: Ulangi isi password baru 5: Pilih Change 6: Validasi Password lama 8: Tampilkan pesan gagal Tidak valid 11: 10: Validasi Password Baru 9: Tampilkan pesan valid 13: Simpan Password Baru 12: Password Baru valid 14: Tampilkan pesan berhasil ganti password Gambar 4.26 Sequence Diagram Permohonan Sambungan Baru Sequence Diagram dimulai dari calon pelanggan yang memilih menu registrasi. Setelah sistem menampilkan form daftar sambungan baru, maka calon pelanggan akan mengisi data pribadi, selanjutnya sistem akan mengecek kelengkapan data, serta menampilkan konfirmasi apabila tidak lengkap. Jika telah lengkap, maka sistem akan menyimpan data pendaftaran sambungan baru. Selanjutnya data akan diproses oleh admin untuk tahapan pendaftaran selanjutnya. 4. Sequence Diagram Layanan Informasi : calon_ pelanggan : Pendaftaran : Form Pendaftaran 1: pilih registrasi 2: Tampilkan form daftar sambungan baru 3: isi data pribadi 4: Cek Kelengkapan data 5: Konfirmasi data tidak lengkap 6: Simpan data pendaftaran 7: Permohonan daftar sambungan baru tersimpan Gambar 4.27 Sequence Diagram Layanan Informasi Sequence Diagram ini dimulai ketika aktor mengakses menu berita, dan memilih berita yang diinginkan, kemudian sistem akan menampilkan berita terpilih. Selanjutnya aktor akan mengakses menu profil, dan sistem akan menampilkan halaman profil tersebut. 5. Sequence Diagram Buku Tamu Calon_Pelangg an Pelanggan : Tampilan Utama : Berita : Profil 1: akses menu berita 2: Tampilkan berita 3: Pilih berita 4: Kirim Pesan 5: Akses data 6: Tampilkan 7: Tampilkan berita terpilih 8: Akses menu profil 9: Tampilkan Profil Gambar 4.28 Sequence Diagram Buku Tamu Dimulai saat aktor yaitu calon pelanggan dan pelanggan mengakses menu buku tamu pada tampilan utama sistem. Sistem akan menampilkan form input buku tamu. Selanjutnya aktor mengisi nama dan komentar pada buku tamu, setelah tersimpan sistem akan menampilkan buku tamu tersebut. : Tampilan Utama : Buku Tamu Calon Pelanggan Pelanggan 1: Akses Buku Tamu 2: Tampilkan form Buku Tamu 3: Isi nama dan komentar 4: Simpan data 5: Data tersimpan 6: Tampilkan Buku Tamu 6. Sequence Diagram Layanan Pelanggan Gambar 4. 29 Sequence Diagram Layanan Pelanggan Layanan Pelanggan dimulai ketika pelanggan melakukan login kedalam sistem, sehingga sistem menampilkan home pelanggan. Selanjutnya pelanggan akan mengakses layanan pelanggan, sehingga sistem akan menampilkan layanan pelanggan. Selanjutnya pelanggan memilih berbagai layanan yang ditawarkan seperti pesan, baik mengecek pesan terbaru, maupun menuliskan pesan pada menu Ask Palyja. : pelanggan : Form login :Pelanggan : Pesan : Keluhan : Newsletter : Layanan 3: Tampilkan home pelanggan 6: Akses menu pesan mail updates 7: Tampilkan menu pesan 11: Tulis pesan 14: isi form keluhan 13: Konfirmasi pesan tersimpan 12: Simpan pesan 15: Simpan Keluhan 16: konfirmasi keluhan tersimpan 8: Baca pesan baru 9: Akses menu ask palyja 10: Tampilkan form tulis pesan 1: Login Username, Password 2: Verifikasi data login 4: Akses Layanan pelanggan 5: tampilkan layanan pelanggan 17: Akses menu newsletter 18: Tampilkan form subscribe newsletter 19: Isi form subscribe newsletter Selain itu pelanggan dapat pula menuliskan keluhan pada form yang tersedia.Sistem akan memproses sehingga pesan dan keluhan tersebut dapat tersimpan, sehingga dapat dibaca oleh admin. Selain itu pelanggan juga dapat berlangganan newsletter dengan mendaftarkan email pada form subscribe newsletter yang tersedia. 7. Sequence Diagram Cek Biaya Tagihan Gambar 4. 30 Sequence Diagram Cek Biaya Tagihan Setelah melakukan login, pelanggan dapat mengakses cek form cek biaya tagihan, untuk menghitung estimasi biaya tagihan air, Sistem akan menampilkan form input, pelanggan mengisi data yang diperlukan dan memilih “hitung”,selanjutnya sistem akan menampilkan hasil perhitungan estimasi tagihan air. 8. Sequence Diagram Manage Permohonan Sambungan : pelanggan : Form login :Pelanggan : Form Cek Biaya Tagihan :Tagihan 3: Tampilkan home pelanggan 1: Login Username, Password 2: Verifikasi username password 4: Akses form cek biaya tagihan 5: Tampilkan form cek biaya tagihan 6: Isi form 8: Pilih hitung 11: Tampilkan hasil perhitungan estimasi biaya tagihan 7: kirim pesan 9: hitung 10: Tampilkan hasil Gambar 4.31 Sequence Diagram Manage Permohonan Sambungan Sequence Diagram ini dimulai dari admin yang melakukan login dan masuk ke halaman home admin. Selanjutya admin memilih menu pendaftaran, sistem akan menampilkan data pendaftaran sambungan baru. Admin melakukan manage data berupa lihat dan edit data. Kemudian admin dapat memilih untuk melihat data pendaftaran sambungan baru berdasarkan tanggal pendaftaran. Dan sistem akan menampilkan data berdasarkan tanggal terpilih. 9. Sequence Diagram Manage Data Pelanggan : admin : Form Login Admin : Pendaftaran 1: Login 2: Tampilkan halaman home admin 3: Akses menu pendaftaran 4: Tampilkan data pendaftaran sambungan baru 5: Lihat dan edit data 6: Pilih data berdasarkan tanggal 7: Tampilkan data pelanggan berdasar tanggal terpilih : Gambar 4. 32 Sequence Diagram Manage Data Pelanggan Dimulai dari admin yang melakukan login dan masuk ke home admin, kemudian mengakses menu pelanggan. Admin memilih input data pelanggan, sistem akan menampilkan form input data pelanggan. Admin akan melakukan input data pelanggan, dan sistem akan melakukan cek kelengkapan data. Apabila ada data yang tidak lengkap, maka sistem akan menampilkan pesan gagal. Bila data lengkap, maka sistem akan menampilkan pesan berhasil. Admin juga dapat melakukan edit data, hapus data dan menyimpannya. Serta sistem akan menampilkan data pelanggan. : admin : Form Login Admin : Pelanggan 1: Login 2: Tampilkan halaman home admin 3: Akses menu pelanggan 4: Tampilkan form input data pelanggan 5: Input data pelanggan 6: Simpan data 7: Cek kelengkapan data 8: Tampilkan pesan gagal 9: Tampilkan pesan berhasil 10: Edit data 12: Data berhasil tersimpan 11: Simpan data 13: Tampilkan data pelanggan 10. Sequence Diagram Manage Layanan Pelanggan Gambar 4.33 Sequence Diagram Manage Layanan Pelanggan Dimulai dari admin yang melakukan login dan masuk ke home admin, selanjutnya admin mengakses menu pesan, yaitu berbagai pesan dari pelanggan yang ditujukan kepada admin. Kemudian admin memilih menu “PalyjaAnswer” untuk membalas berbagai pertanyaan dan keluhan yang dikirim oleh pelanggan. Admin menulis pesan tersebut, dan memilih kirim. Selanjutnya admin dapat mengakses menu Informasi pelanggan, yakni informasi terbaru yang ditujukan untuk semua pelanggan. Biasanya berupa pengumuman mengenai pelayanan air Palyja, maupun pengumuman terbaru lainnya. Jika telah berhasil, sistem akan menampilkan pesan info berhasil di-update. Selanjutnya admin dapat memperbaharui berita yang ada pada halaman utama sistem, dan mengaksesdata subscribe newsletter. : admin : Form Login Admin : Pesan : Berita :Newsletter : Informasi_Pelanggan 1: Login 2: Tampilkan halaman home admin 3: Akses pesan dari pelanggan 4: Menampilkan pesan pelanggan 5: Pilih menu Palyja Answer 6: Tulis pesan 7: Kirim pesan 8: Pesan berhasil terkirim 14: Akses menu berita 15: Tampilkan form update berita 16: input edit berita 17: Simpan data 18: Data tersimpan 19: Akses menu newsletter 20: Tampilkan data newsletter 9: Pilih menu info 10: Tampilkan form input info 11: Update info 13: Info berhasil di update 12: Kirim Pesan 11. Sequence Diagram Cetak Data Survey Gambar 4.34 Sequence Diagram Cetak Data Survey Teknisi yang telah melakukan login dan masuk ke halaman home. Selanjutnya teknisi memilih menu survey, dan sistem akan menampilkan data calon pelanggan. Setelah sistem menampilkan data berdasarkan nama calon pelanggan, teknisi dapat mencetak data tersebut untuk keperluan survey ke lapangan. 12. Sequence Diagram Manage Hasil Survey : Teknisi : Form login :Survey 1: Login 2: Tampilkan halaman home teknisi 3: Akses menu Survey 4: Tampilkan data calon pelanggan 5: Pilih berdasarkan nama 6: Tampilkan data calon pelanggan 7: Pilih Cetak data 8: Data berhasil dicetak Gambar 4.35 Sequence Diagram Manage Hasil Survey Teknisi yang telah melakukan login dan masuk ke halaman home. Selanjutnya teknisi memilih menu survey, dan sistem akan menampilkan data calon pelanggan. Setelah sistem menampilkan data berdasarkan nama calon pelanggan, teknisi dapat melakukan pengisian data hasil survey di lapangan. Data tersebut dibutuhkan untuk keperluan validasi calon pelanggan. 13. Sequence Diagram Validasi Calon Pelanggan : Teknisi : Form login :Survey 1: Login 2: Tampilkan halaman home teknisi 3: Akses menu Survey 4: Tampilkan data calon pelanggan 5: Input form hasil survey 6: Simpan form hasil survey Gambar 4.36 Sequence Diagram Validasi Calon Pelanggan Teknisi yang telah melakukan login dan masuk ke halaman home. Selanjutnya teknisi memilih menu survey, dan melakukan pengisian data hasil survey di lapangan. Dari data hasil survey tersebut maka dilakukan validasi pelanggan jika hasil survey sesuai dengan persyaratan menjadi pelanggan maka calon pelanggan akan divalidasi dengan cara dikirimkan email secara otomatis dari sistem. 14. Sequence Diagram Manage Keluhan Teknis : Teknisi : Form login :Survey 1: Login 2: Tampilkan halaman home teknisi 3: Akses menu Survey 4: Tampilkan data calon pelanggan 5: Input form hasil survey 6: Validasi calon pelanggan 7: Kirim email validasi Gambar 4.37 Sequence Diagram Manage Keluhan Teknis Teknisi yang telah melakukan login dan masuk ke halaman home. Selanjutnya teknisi memilih menu Keluhan, dan sistem menampilkan data keluhan teknis pelanggan, teknisi dapat melakukan cetak kdata keluhan tersebut. Selanjutnya jika telah melakukan penanganan atas keluhanteknis tersebut teknisi harus melakukan pengisian form laporan keluhan yang akan menjelaskan masalah teknis dan penanganan yang dilakukan oleh teknisi. 15. Sequence Diagram Logout : Teknisi : Form login : Keluhan 1: Login 2: Tampilkan halaman home teknisi 3: Akses menu keluhan 4: Tampilkan data keluhan teknis 5: Cetak data keluhan 6: Data keluhan berhasil dicetak 7: input form laporan keluhan 8: Laporan keluhan tersimpan Gambar 4.38 Sequence Diagram Logout Pada Sequence diagram logout, User yaitu admin, teknisi dan pelanggan memilih menu logout pada home user, dan akan segera keluar dari sistem. Selanjutnya sisem akan menampilkan kembali halaman utama sistem.

4.2.1.5 Statechart Diagram

Statechart diagram menggambarkan semua state kondisi yang dimiliki oleh suatu objek dan keadaan yang menyebabkan state berubah. Statechart diagram sistem e-CRM adalah sebagai berikut: : Tampilan home user : User 2: Pilih menu logout 3: Keluar dari sistem 1: Tampilkan menu home user 4: Tampilkan halaman utama sistem 1. Statechart Diagram Login Gambar 4.39 Statechart Diagram Login State login dimulai ketika Menginputusername dan password. Jika username dan password salah sistem menampilkan pesan kesalahan, dan kembali meminta input username dan password. Jika data tersebut benar, maka verifikasi berhasil dan state login berakhir. 2. Statechart Diagram Ganti Password Gambar 4.40 Statechart Diagram Ganti Password State ganti password dimulai ketika mengaktifkan menu ganti password. Setelah menu ganti password aktif. user dapat melakukan penggantian password dengan cara meng- inputpassword lama untuk di validasi dalam sistem. Dan menginput password baru yang akan disimpan, Selanjutnya akan muncul konfirmasi ganti password berhasil dilakukan, dan state ganti password berakhir. Username password Terisi Verifikasi username password Verifikasi berhasil Menginput username password Menu Ganti Password aktif Password baru tersimpan Password Baru terkonfirmasi Validasi password lama Input Simpan Password baru Menampilkan konfirmasi berhasil ganti password Mengaktifkan menu Ganti Password 3. Statechart Diagram Permohonan Sambungan Baru Gambar 4.41 Statechart Diagram Permohonan Sambungan Baru State permohonan sambungan baru aktif ketika user mengisi form daftar sambungan baru. Ketika telah diisi, sistem akan melakukan pengecekan kelengkapan data. Apabila tidak lengkap maka user harus kembali mengisi form pendaftaran tersebut. Ketika data yang dimasukkan lengkap, maka sistem akan menyimpan data pendaftaran sambungan baru tersebut dan menampilkan konfirmasi pendaftaran sambungan baru berhasil, dan state permohonan sambungan baru berakhir. 4. Statechart Diagram Layanan Informasi Data tersimpan Data Pendaftaran sambungan baru terkonfirmasi Menampilkan konfirmasi pendaftaran sambungan berhasil Menyimpan data pendaftaran sambungan baru Form Daftar sambungan baru terisi Data tidak lengkap Mengisi form daftar sambungan baru Gambar 4.42 Statechart Diagram Layanan Informasi State layanan informasi dimulai ketika mengaktifkan menu pilihan layanan pelanggan. Setelah pilihan layanan pelanggan aktif, user dapat mengakses menu Profil, Bisnis Utama, Layanan, Berita, FAQ, dan Informasi sambungan baru. Sistem kemudian menampilkan data layanan informasi tersebut dan eksekusi state layanan pelanggan berakhir.

5. Statechart Diagram

Buku Tamu Gambar 4.43 Statechart Diagram Buku Tamu State buku tamu aktif ketika Menu buku tamu diaktifkan, selanjutnya user menginput dan menyimpan komentar pada form yang tersedia. Jika form tidak terisi secara lengkap maka buku tamu tidak dapat diproses. Ketika form diisi secara lengkap, maka data tersimpan, dan sistem akan menampilkan buku tamu tersebut, serta eksekusi state buku tamu selesai. 6. Statechart Diagram Layanan Pelanggan Layanan Informasi Aktif Informasi ditampilkan Menampilkan Informasi Akses menu Profil, Bisnis Utama, Layanan, Berita, FAQ, Informasi sambungan baru. Mengaktifkan Menu Pilihan Layanan Pelanggan Menu Buku Tamu Aktif Buku Tamu Ditampilkan Data tersimpan Mengaktifkan Menu Buku Tamu Menginput dan menyimpan data komentar Menampilkan Buku Tamu Gambar 4.44 Statechart Diagram Layanan Pelanggan State layanan pelanggan dimulai ketika mengaktifkan pilihan layanan pelanggan. Setelah pilihan layanan pelanggan aktif, maka user dapat mengakses menu Ask Palyja, Mail Updates, Subscribe Newsletter dan Chat. Sistem menampilkan data layanan pelanggan dan state layanan pelanggan berakhir. Pilihan Layanan Pelanggan aktif Data Layanan Pelanggan ditampilkan Mengaktifkan pilihan layanan Pelanggan Akses menu Ask Palyja, Mail Updates, Subscribe Newsletter, dan Chat Menampilkan data Layanan Pelanggan 7. Statechart Diagram Cek Biaya Tagihan Gambar 4.45 Statechart Diagram Cek Biaya Tagihan State cek biaya tagihan dimulai ketika mengaktifkan menu kalkulator air. Jika menu kalkulator air telah terisi, maka user dapat melakukan input data penggunaan air pada form yang disediakan. Apabila data yang dimasukkan tidak lengkap, maka state tidak dapat diproses dan harus kembali melengkapidata tersebut. Setelah data lengkap, sistem akan melakukan perhitungan dan menampilkan hasil perhitungan estimasi biaya tagihan air. Hasil perhitungan tersebut ditampilkan, dan eksekusi state berakhir. Mengaktifkan Menu Kalkulator Air input data penggunaan air Menu Kalkulator Air Aktif Data tidak lengkap Hasil perhitungan estimasi tagihan ditampilkan Menghitung dan Menampilkan hasil perhitungan estimasi tagihan air 8. Statechart Diagram Manage Permohonan Sambungan Gambar 4.46 Statechart Diagram Manage Permohonan Sambungan State manage permohonan sambungan dimulai ketika mengaktifkan menu data pendaftaran sambungan baru. Ketika menu data pendaftaran aktif, user dapat melakukan update data pendaftaran sambungan baru. Kemudian data tersebut disimpan dapat ditampilkan kembali, dan eksekusi state manage permohonan sambungan berakhir. 9. Statechart Diagram Manage Data Pelanggan Gambar 4.47 Statechart Diagram Manage Data Pelanggan State manage data pelanggan dimulai ketika mengaktifkan menu data pelanggan. Jika menu data pelanggan telah aktif, user dapat melakukan view, input, edit, dan delete data pelanggan. Fungsi ini hanya berada pada user tertentu yang memiliki hak akses. Jika data Menu Data Pendaftaran Sambungan Baru aktif Data Pendaftaran Sambungan Baru Disimpan Data pendaftaran Sambungan Baru Ditampilkan Mengaktifkan Menu Data Pendaftaran view, edit, delete data pendaftaran Menyimpan Data Pendaftaran Sambungan Baru Menampilkan data sambungan baru Mengaktifkan Menu Data Pelanggan view, input,edit, delete data pelanggan Menyimpan Data Pelanggan Menampilkan Data Pelanggan Menu Data Pelanggan Aktif Data Pelanggan tidak lengkap Data Pelanggan Tersimpan Data Pelanggan Ditampilkan pelanggan yang diinput tidak lengkap maka sistem akan meminta untuk kembali melengkapi data pelanggan. Selanjutnya data pelanggan disimpan. Dan dapat ditampilkn kembali oleh sistem. Eksekusi state manage data pelanggan berakhir. 10. Statechart Diagram Manage Layanan Pelanggan Gambar 4.48 Statechart Diagram Manage Layanan Pelanggan State manage layanan pelanggan dimulai ketika mengaktifkan pilihan manage layanan pelanggan diaktifkan. Ketika pilihan manage layananpelanggan telah aktif, maka user dapat mengakses menu CRM, Mail Updates, Palyja Answer, Info, dan Newsletter data subscriber. Fungsi ini hanya berada pada user tertentu yang memiliki hak akses. Jika data yang dimasukkan tidak lengkap sistem akan kembali meminta melengkapi data. Jika data sudah lengkap, maka data akan tersimpan, dan data layanan pelaggan dapat ditampilkan. Selanjutnya state manage layanan pelanggan berakhir. 11. Statechart Diagram Cetak Data Survey Data Layanan Pelanggan ditampilkan Mengaktifkan pilihan Manage layanan Pelanggan Akses menu CRM, Mail Updates, Palyja Answer,info, Newsletter data Subscriber Pilihan Manage Layanan Pelanggan Aktif Cek Kelengkapan Data Data tersimpan Menyimpan data Menampilkan Data Layanan Pelanggan Gambar 4.49 Statechart Diagram Cetak Data survey State cetak data survey dimulai ketika mengaktifkan menu data survey calon pelanggan, ketika menu data pendaftaran calon pelanggan aktif, user dapat melakukan view data. Selanjutnya sistem akan menampilkan data survey calon pelanggan berdasarkan nama. Ketika data ditampilka user memilih mencetak data survey calon pelanggan. Selanjutnya jika data survey telah dicetak maka state cetak data survey berakhir. Menu Data calon pelanggan aktif Data calon pelanggan ditampilkan Mengaktifkan Menu Data survey calon pelanggan view data survey Menampilkan data calon pelanggan Mencetak Data Data survey Calon Pelanggan Dicetak 12. Statechart Diagram Manage Hasil Survey Gambar 4.50 Statechart Diagram Manage Hasil Survey State Manage Hasil Survey dimulai ketika mengaktifkan menu data survey calon pelanggan, ketika menu data pendaftaran calon pelanggan aktif, user dapat melakukan view data survey. Selanjutnya sistem akan menampilkan form input data hasil suvey dan data akan diinput oleh user dan disimpan oleh sistem. Selanjutnya jika data hasil survey telah disimpan maka state manage hasil survey berakhir. 13. Statechart Diagram Validasi Calon Pelanggan Gambar 4.51 Statechart Diagram Validasi Calon Pelanggan State Diagram validasi calon pelanggan dimulai ketika mengaktifkan menu data survey calon pelanggan, ketika menu data pendaftaran calon pelanggan aktif, user dapat melakukan view data. Selanjutnya sistem akan menampilkan data hasil survey calon Menu Data calon pelanggan aktif Mengaktifkan Menu Data survey calon pelanggan view data survey Menyimpan Data Data Hasil Survey Diinput Data Hasil Survey Disimpan Menampilkan Form input Data hasil survey Menu Data calon pelanggan aktif Mengaktifkan Menu Data survey calon pelanggan view data survey Validasi calon pelanggan Menampilkan data hasil survey data hasil survey ditampilkan Email validasi dikirimkan ke calon pelanggan pelanggan berdasarkan nama. Ketika data ditampilkan user dapat langsung melakukan validasi calon pelanggan dan sistem akan mengirim email validasi tersebut. mencetak data survey calon pelanggan. 14. Statechart Diagram Manage Keluhan Teknis Gambar 4.52 Statechart Diagram Manage Keluhan Teknis State manage keluhan teknis dimulai ketika mengaktifkan menu keluhan, ketika menu keluhan aktif, Selanjutnya sistem akan menampilkan data keluhan dan user dapat memilih untuk mencetak keluhan. Selanjutnya jika telah melakukan penanganan keluhan, user harus mengisi laporan penanganan keluhan dan jika telah disimpan oleh sistem state manage keluhan teknis berakhir. Laporan Penanganan Keluhan disimpan Menu Keluhan aktif Data tercetak Cek Keluhan teknis pelanggan Mencetak data keluhan teknis Menginput laporan penanganan keluhan Mengaktifkan menu keluhan akses menu keluhan teknis pelanggan 15. Statechart Diagram Logout Gambar 4. 53 Statechart Diagram Logout State logout dimulai ketika mengaktifkan menu logout. Setelah menu logout aktif, user akan keluat dari sistem, dan sistem kembali menampilkan halaman utama sistem, selanjutnya eksekusi state logout berakhir disini.

4.2.2 Spesifikasi Database electronic Customer Relationship Management

Pada perancangan sistem e-CRM ini dibuat pula suatu rancangan database. Terdapat 11 tabel untuk database e-CRM dengan spesifikasi sebagai berikut: 1. Tabel pelanggan Nama tabel : pelanggan Primary key : no_pelanggan Foreign key : kd_kelompok Fungsi tabel : Tabel master yang digunakan untuk menjelaskan seluruh data pelanggan. Menu Logout Aktif Halaman Utama Ditampilkan Mengaktifkan Menu Logout Keluar Dari sistem Menampilkan Halaman Utama Sistem Tabel 4. 19 struktur tabel pelanggan No Nama Field Type Null Default Keterangan 1. no_pelanggan varchar20 No Nomor Pelanggan 2. nama varchar30 No Nama Pelanggan 3. username varchar20 No Username 4. password varchar20 No Password 5. kd_kelompok varchar20 No Kelompok pelanggan 6. no_ktp varchar30 No No KTP 7. jns_kel varchar20 No Jenis Kelamin 8. tempat_lahir varchar30 No Tempat lahir 9. tgl_lahir varchar20 No Tanggal lahir 10. alamat Text No Alamat lengkap 11. kota varchar20 No Kota 12. no_telp varchar20 No No telpHp 13. no_lain varchar20 No No Alternatif 14. Keterangan varchar30 No Keterangan nomor lain 15. Email varchar30 No Email 16. Fax varchar30 No Fax 17. tgl_langganan varchar30 No Tanggal berlangganan 18. ukuran_meter varchar10 No Ukuran meter 2. Tabel Daftar Nama tabel : daftar Primary key : id_daftar Foreign key : - Fungsi tabel : Tabel master yang digunakan untuk menjelaskan seluruh data calon pelanggan pada pendaftaran sambungan baru. Tabel 4. 20 struktur tabel daftar No Nama Field Type Null Default Keterangan 1. id_daftar varchar11 Id daftar 2. nama varchar30 No Nama Pendaftar 3. no_ktp varchar30 No No_Ktp pendaftar 4. alamat Text No Alamat lengkap 5. no_telp varchar20 No Nomor telepon 6. email varchar30 No Email pendaftar 7 Date Date No Tanggal mendaftar