ANALISIS DAN PERANCANGAN SISTEM
3. Memanfaatkan Emosi Secara Produktif 7-
3.3 Tahap Perancangan Sistem
Pada tahap ini akan dilakukan perancangan aplikasi dengan menggunakan data yang ada dan mengimplementasikan model sesuai dengan keinginan user. Pemodelan sistem ini akan menggunakan database yang didukung dengan pembuatan context diagram, sequence diagram, use case diagaram, dan flowchart, untuk mempermudah proses selanjutnya.
Adapun skema sistem yang disesuaikan dengan perancangan sistem yang telah dibuat dapat digambarkan sebagai berikut:
Gambar 3.1 Arsitektur Aplikasi
3.3.1 Use Case Diagram
Use case merupakan deskripsi fungsi sebuah sistem dari perspektif pengguna. Use case dari sistem ini dapat dilihat pada Gambar 3.2.
1. Skenario Use Case User
Dibawah ini adalah skenario use case yang akan menjelaskan apa saja yang terjadi didalam sistem dan penjelasannya.
a. Mendaftar sebagai User
Tabel 3.2 Skenario Use Case Registrasi
UseCase Mendaftar sebagai User.
Deskripsi Kegiatan Pendaftaran memasukkan detail si pengguna sistem ke dalam daftar. Sehingga user dapat melakukan login untuk dapat megakses fitur aplikasi ini.
Pre-Condition User menekan tombol register pada
menu utama.
Actor Action System Respon
1. User mengisi semua field. 2. Sistem akan memvalidasi apakah semua field sudah diisi.
3. User menekan tombol registrasi 4. Sistem akan memasukkan data user baru ke dalam database.
b. Login ke dalam sistem 1
Tabel 3.3 Skenario use case login
UseCase Login ke dalam sistem
Deskripsi Kegiatan login ke dalam sistem untuk mengakses fitur aplikasi EQ anak.
Pre-Condition User harus mendaftar data user
sebelum melakukan login.
Actor Action System Respon
1. User mengisi username dan password mereka, kemudia
menekan tombol “Login”.
2. Sistem akan memvalidasi apakah data user sudah terdaftar atau belum. Jika sudah maka user akan menuju ke halaman pertanyaan. Namun jika belum, maka user akan diminta memasukkan login field lagi.
c. Menjawab Pertanyaan
Tabel 3.4 Menjawab Pertanyaan
UseCase Menjawab pertanyaan.
Deskripsi Kegiatan yang dilakukan user dimana sistem akan memberikan sejumlah pertanyaan yang kemudian user diharapkan untuk menjawab pertanyaan yang diberikan.
Pre-Condition Setelah user melakukan login dengan
akun yang valid.
Actor Action System Respon
1. Menekan tombol “Login” 2. Sistem akan memberikan sejumlah pertanyaan yang akan diisi oleh user.
3. User akan menjawab
pertanyaan yang telah diberikan oleh sistem.
4. Sistem akan memvalidasi apakah user sudah menjawab pertanyaan yang diberikan atau belum.
d. Lihat Hasil Pengukuran
Tabel 3.5 Skenario Lihat Hasil Pengukuran
UseCase Melihat hasil pengukuran.
Deskripsi Kegiatan ini akan menampilkan hasil diagnosa yang telah dikalkulasi oleh sistem.
Pre-Condition Setelah user menjawab semua
pertanyaan yang telah diberikan.
Actor Action System Respon
1. User menekan tombol “hitung”. 2. Sistem akan menampilkan hasil diagnosa yang telah dikalkulasi oleh sistem sebelumnya
berdasarkan dari jawaban user. 3. User akan memilih untuk
menekan tombol kembali
4. Sistem akan mengarahkan user ke menu utama apabila user memilih tombol kembali.
2. Skenario Use Case admin a. Login Admin
Tabel 3.6 Skenario login admin
UseCase Login ke dalam sistem
Deskripsi Kegiatan login ke dalam sistem untuk mengakses fitur admin.
Pre-Condition Admin harus mendaftar data admin
sebelum melakukan login.
Actor Action System Respon
1. Admin mengisi username dan password mereka, kemudian
menekan tombol “Login”.
2. Sistem akan memvalidasi apakah data admin sudah terdaftar atau belum. Jika sudah maka admin akan menuju ke halaman admin. Namun jika belum, maka admin akan diminta memasukkan login field lagi.
b. Update Pertanyaan dan Bobot
Tabel 3.7 Skenario Update Pertanyaan dan Bobot
UseCase Update pertanyaan dan bobot.
Deskripsi Kegiatan ini memberikan akses kepada admin untuk melakukan perubahan pertanyaan dan nilai bobotnya.
Pre-Condition Admin harus memilih menu update
pertanyaan didalam fitur admin.
Actor Action System Respon
1. Menekan menu update pertanyaan.
2. Sistem akan memberikan form update pertanyaan yang harus diisi oleh admin.
3. Admin mengisi semua field yang ada didalam form.
4. Sistem akan memvalidasi apakah semua field sudah terisi atau belum. Jika sudah maka sistem akan
memberikan pesan bahwa update pertanyaan dan bobot berhasil.
c. Lihat History Pasien
Tabel 3.8 Skenario lihat history pasien
UseCase Lihat history pasien
Deskripsi Kegiatan menampilkan semua data user yang pernah menggunakan aplikasi ini. Data yang ditampilkan mulai dari nama, dan nilai yang diperoleh.
Pre-Condition Admin memilih menu history pasien
didalam fitur admin.
Actor Action System Respon
1. Admin menekan tombol history pasien.
2. Sistem akan menampilkan semua data pengguna yang telah menggunakan aplikasi.
3. Admin menekan tombol kembali.
4. Sistem akan mengarahkan admin ke halaman utama admin.
3.3.2 Context Diagram
Dalam Context Diagram dibawah ini akan dijelaskan gambaran secara umum tentang komponen-komponen sistem yang diperlukan secara terinci. Berikut diagram arus datanya dapat dilihat pada Gambar 3.3.
Keterangan dari konteks diagram aplikasi untuk mengukur tingkat kecerdasan emosi anak usia dini, dapat dilihat sebagai berikut:
1. User
User login dengan cara memasukkan username dan password, lalu sistem akan menampilkan halaman pertanyaan, disini user dapat memasukkan jawaban respon dari pernyataan tiap angket, dan melihat total skor hasil jawaban angket yang di inputkan. Tetapi user disini dibatasi dengan satu kali melakukan pengisian angket. 2. Admin
Admin akan login dengan memasukkan username dan password dan masuk ke halaman admin, admin dapat memasukkan semua data pertanyaan, dan juga dapat menambahkan atau menghapus username, dan data-data pertanyaan pada sistem.
3.3.3 Sequence Diagram Model Skenario User :
1. Registrasi user
2. Login user
Gambar 3.5 Sequence Diagram Login
3. Menampilkan Pertanyaan
4. Lihat Hasil
Gambar 3.7 Sequence Diagram Lihat Hasil
Skenario Admin :
1. Login Admin
2. Update Pertanyaan dan Bobot
Gambar 3.9 Sequence Diagram Update Pertanyaan dan Bobot
3. Lihat History Pasien
