• Tidak ada hasil yang ditemukan

Use Case Diagram

Dalam dokumen BAB 3 ANALISIS DAN PERANCANGAN (Halaman 42-51)

3.3 Analisis Kebutuhan .1 Kuisioner

3.4.3 Use Case Diagram

Gambar 3. 26 Diagram Use Case

Pelaku : Pengguna Deskripsi : Cara Login awal

Tujuan : Agar dapat masuk ke “Menu Awal”

Bidang khas suatu event :

Kegiatan Pelaku Respon Aplikasi

1. Pengguna Menjalankan aplikasi 2. Aplikasi akan menampilkan “Menu Login”.

Terdapat tombol ‘Login’, ‘Register’, dan

‘Recovery Password’

3 .Pengguna Memilih ‘Login’,

‘Register’, atau ‘Recovery Password’

4a. Jika pengguna memilih ‘Login’ maka aplikasi akan melakukan pemeriksaan database. Bila data yang dimasukan tepat, maka aplikasi akan menampilkan “Menu Awal”. Jika data tidak tepat maka aplikasi akan tetap berada pada

“Menu Login”

4b. Jika pengguna memilih ‘Register’, maka aplikasi akan menampilkan “Menu Pendaftaran”

4c. Jika pengguna memilih ‘Recovery Password’, maka aplikasi akan menampilkan “Menu Recovery Password”

Pelaku : Pengguna

Deskripsi : Cara pendaftaran pengguna baru

Tujuan : Agar dapat menggunakan aplikasi dan masuk ke “Menu Awal”

Bidang khas suatu event :

Kegiatan Pelaku Respon Aplikasi

1. Pengguna memilih tombol

‘Register’

2. Aplikasi akan menampilkan “Menu Pendaftaran”

3. Pengguna memasukan data-data yang dibutuhkan seperti username, password, dan Secret Code

4a. Jika data yang dimasukan pengguna

benar/valid, maka aplikasi akan menampilkan

“Menu Awal”

4b. Jika data yang dimasukan salah/tidak valid/tidak lengkap, maka aplikasi akan tetap berada pada “Halaman Pendaftaran” dan menampilkan alert

Pelaku : Pengguna

Deskripsi : Cara meminta Recovery Password

Tujuan : Agar me-recovery password dari username pengguna Bidang khas

suatu event :

Kegiatan Pelaku Respon Aplikasi

1. Pengguna memilih tombol

‘Recovery Password’

2. Aplikasi akan menampilkan “Menu Recovery Password”

3 .Pengguna memasukan username dan Secret Code

4a. Aplikasi akan melakukan pemeriksaan pada database. Apabila username dan Secret Code yang dimasukan benar/valid, maka aplikasi akan memberikan password dari username tersebut

4b. Jika data yang dimasukan salah/tidak valid/tidak lengkap, maka aplikasi akan tetap berada pada “halaman Recovery Password”

dan menampilkan alert Tabel 3. 12 Use Case Diagram Spesification – Menu Login

Tabel 3. 13 Use Case Diagram Spesification – Menu Registrasi

Tabel 3. 14 Use Case Diagram Spesification – Menu Recover Password

Pelaku : Pengguna

Deskripsi : Cara Menggunakan “Menu Utama”

Tujuan : Agar dapat masuk ke “Menu Materi 1”, “Menu Materi 2”, “Menu Materi 3”, “Menu Latihan Umum”, “Menu Kosakata”

Bidang khas suatu event :

Kegiatan Pelaku Respon Aplikasi

1. Pengguna Masuk di “Menu Awal” 2. Aplikasi akan menampilkan “Menu Awal”.

Terdapat tombol ‘Materi 1’, ‘Materi 2’, ‘Materi 3’, ‘Latihan Umum’, dan ‘Kosakata’

3 .Pengguna Memilih tombol

‘Materi 1’, ‘Materi 2’, ‘Materi 3’,

‘Latihan Umum’, dan ‘Kosakata’

4a. Jika pengguna memilih ‘Materi 1’, maka aplikasi akan menampilkan “Menu Materi 1”

4b. Jika pengguna memilih ‘Materi 2’, maka aplikasi akan menampilkan “Menu Materi 2”

4c. Jika pengguna memilih ‘Materi 3’, maka aplikasi akan menampilkan “Menu Materi 3”

4d. Jika pengguna memilih ‘Latihan Umum’, maka aplikasi akan menampilkan “Menu Latihan Umum”

4e. Jika pengguna memilih ‘Kosakata’, maka aplikasi akan menampilkan “Menu Kosakata”

Pelaku : Pengguna

Deskripsi : Cara Menggunakan “Menu Materi 1”

Tujuan : Agar dapat memulai materi ‘Katakana’,’ Hiragana’ dan ‘Latihan Materi 1’

Bidang khas suatu event :

Kegiatan Pelaku Respon Aplikasi

1. Pengguna Masuk ‘Materi 1’ 2. Aplikasi akan menampilkan “Menu Materi 1”.

Terdapat tombol ‘Katakana’, ‘Hiragana’, dan

‘Latihan ’ 3 .Pengguna tombol ‘Katakana’,

‘Hiragana’, atau ‘Latihan Materi 1’

4a. Jika pengguna memilih ‘Katakana’, maka aplikasi akan menampilkan tabel huruf Katakana, cara pengucapan, dan tulisan latin dari huruf tersebut

4b. Jika pengguna memilih ‘Hiragana’, maka aplikasi akan menampilkan tabel huruf Hiragana, cara pengucapan, dan tulisan latin dari huruf tersebut

4c. Jika pengguna memilih ‘Latihan Materi 1’

maka aplikasi akan menampilkan soal untuk materi 1 yang didapat dari database yang ada.

Tabel 3. 16 Use Case Diagram Spesification – Menu Materi 1 Tabel 3. 15 Use Case Diagram Spesification – Menu Utama

Pelaku : Pengguna

Deskripsi : Cara Menggunakan “Menu Materi 2”

Tujuan : Agar dapat memulai materi ‘Lingkungan’,’ Kata Benda’ dan ‘Latihan Materi 2’

Bidang khas suatu event :

Kegiatan Pelaku Respon Aplikasi

1. Pengguna Masuk ‘Materi 2’ 2. Aplikasi akan menampilkan “Menu Materi 2”.

Terdapat tombol ‘Lingkungan’,’ Kata Benda’

dan ‘Latihan Materi 2’

3 .Pengguna ‘Lingkungan’,’ Kata Benda’ atau ‘Latihan Materi 2’

4a. Jika pengguna memilih ‘Lingkungan’, maka aplikasi akan menampilkan animasi peta dan jika objek lingkungan dari peta diberi aksi klik maka akan keluar keterangan bahasa Jepang (Huruf Kana dan Tulisan Latinnya) dan juga cara pelafalan objek tersebut dalam bahasa Jepang.

4b. Jika pengguna memilih ‘Kata Benda’, maka aplikasi akan menampilkan kategori kata benda, dan bila diberi aksi klik akan

memunculkan kategori benda-benda tersebut serta keterangan bahasa jepang nya

4c. Jika pengguna memilih ‘Latihan Materi 2’

maka aplikasi akan menampilkan soal untuk materi 2 yang didapat dari database yang ada.

Pelaku : Pengguna

Deskripsi : Cara Menggunakan “Menu Materi 3”

Tujuan : Agar dapat memulai materi ‘Jenis Kalimat’, ’Kalimat Sapaan’ dan ‘Latihan Materi 3’

Bidang khas suatu event :

Kegiatan Pelaku Respon Aplikasi

1. Pengguna Masuk ‘Materi 3’ 2. Aplikasi akan menampilkan “Menu Materi 2”.

Terdapat ‘Jenis Kalimat’, ’Kalimat Sapaan’ dan

‘Latihan Materi 3’

3 .Pengguna ‘Jenis Kalimat’,

’Kalimat Sapaan’ atau ‘Latihan Materi 3’

4a. Jika pengguna memilih ‘Jenis Kalimat’, maka aplikasi akan menampilkan pilihan tombol tipe-tipe kalimat (Kalimat Interogatif, Positif, Negatif) dan apabila 1 tipe kalimat diberi aksi klik akan muncul penjelasan kalimat tersebut seperti cara penggunaanya dan contoh penggunaannya

4b. Jika pengguna memilih ‘Kalimat Sapaan’, maka aplikasi akan menampilkan kartu-kartu yang berisikan kalimat sapaan dan apabila kartu tersebut diberi aksi klik akan muncul penjelasan seperti cara pengguanaan, kapan digunakan, serta contoh penggunaan kalimat tersebut.

4c. Jika pengguna memilih ‘Latihan Materi 3’

maka aplikasi akan menampilkan soal untuk materi 3 yang didapat dari database yang ada.

Tabel 3. 17 Use Case Diagram Spesification – Menu Materi 2

Tabel 3. 18 Use Case Diagram Spesification – Menu Materi 3

Pelaku : Pengguna

Deskripsi : Cara Menggunakan “Menu Latihan”

Tujuan : Agar dapat menggunakan menu latihan Bidang khas

suatu event :

Kegiatan Pelaku Respon Aplikasi

1. Pengguna memilih tombol

‘Latihan Umum’

2. Aplikasi akan memberikan Soal latihan yang diambil dari database.

3. Pengguna memilih jawaban 4a. Aplikasi akan memeriksa jawaban 4b. Bila jawaban benar akan mendapatkan

penjelasan bahwa jawaban itu benar serta nilai yang didapat lalu mendapatkan pertanyaan berikutnya

4c. Jika jawaban salah maka mendapatkan keterangan bahwa jawaban itu salah dan tidak mendapatkan nilai, setelah itu melanjutkan ke pertanyaan berikutnya

Pelaku : Pengguna

Deskripsi : Cara Menggunakan “Menu Kosakata”

Tujuan : Agar dapat menggunakan menu kosakata Bidang khas

suatu event :

Kegiatan Pelaku Respon Aplikasi

1. Pengguna memilih tombol

‘Kosakata’

2. Aplikasi akan menampilkan “Menu Kosakata”, terdapat pilihan ‘Lihat Kosakata’ dan ‘Ubah Kosakata’

3. Pengguna memilih pilihan ‘Lihat Kosakata’ atau ‘Ubah Kosakata’

4a. Jika pengguna memilih ‘Lihat kosakata’ maka aplikasi akan menampilkan “Menu Lihat Kosakata”

4b. Jika pengguna memilih ‘Ubah kosakata’ maka aplikasi akan menampilkan “Menu Ubah Kosakata”

Pelaku : Pengguna

Deskripsi : Cara Menggunakan “Menu Lihat Kosakata”

Tujuan : Agar dapat menggunakan menulihat kosakata Bidang khas

suatu event :

Kegiatan Pelaku Respon Aplikasi

1. Pengguna memilih tombol

‘Kosakata’

2. Aplikasi akan menampilkan “Menu Lihat Kosakata”

3. Pengguna memilih pilihan kosakata pada “Menu Lihat Kosakata”

4. Jika pengguna memilih ‘lihat kosakata’ maka aplikasi akan mengambil semua database kosakata yang pernah di-input oleh pengguna.

Apabila pengguna belum pernah memasukan kosakata maka tampilan layar pada pilihan ini kosong.

Tabel 3. 20 Use Case Diagram Spesification – Menu Kosakata

Tabel 3. 21 Use Case Diagram Spesification – Menu Lihat Kosakata

Pelaku : Pengguna

Deskripsi : Cara Menggunakan “Menu Update Kosakata”

Tujuan : Agar dapat menggunakan menu kosakata Bidang khas

suatu event :

Kegiatan Pelaku Respon Aplikasi

1. Pengguna memilih tombol ‘Ubah Kosakata’

2. Aplikasi akan menampilkan “Menu Kosakata”.

Terdapat tombol ‘Tambah Kosakata’, ‘Ubah Kosakata’, dan ‘Hapus Kosakata’

3 .Pengguna Memilih ‘Tambah Kosakata’, ‘Ubah Kosakata’, atau

‘Hapus Kosakata’

4a. Jika pengguna memilih ‘Tambah Kosakata’

maka aplikasi akan menampilkan “Menu Tambah Kosakata”

4b. Jika pengguna memilih ‘Ubah Kosakata’ maka aplikasi akan menampilkan “Menu Ubah Kosakata”

4c. Jika pengguna memilih ‘Hapus Kosakata’

maka aplikasi akan menampilkan “Menu Hapus Kosakata”

Pelaku : Pengguna

Deskripsi : Cara Menggunakan “Menu Tambah Kosakata”

Tujuan : Agar dapat menggunakan menu tambah kosakata Bidang khas

suatu event :

Kegiatan Pelaku Respon Aplikasi

1. Pengguna memilih tombol

‘Tambah Kosakata’

2. Aplikasi akan menampilkan “Menu Tambah Kosakata”

3 .Pengguna Meng-input huruf kana, romaji (Tulisan Latin), dan arti dalam bahasa indonesia

4a. Jika kosakata yang dimasukkan benar/valid, maka aplikasi akan memeriksa pada database apa data yang akan dimasukkan pernah dimasukan atau tidak, bila tidak maka hasil input pengguna akan dimasukan ke dalam database.

4b. Jika kosakata yang dimasukkan tidak lengkap, maka aplikasi memberikan alert pada bagian yang tidak lengkap.

Pelaku : Pengguna

Deskripsi : Cara Menggunakan “Menu Ubah Kosakata”

Tujuan : Agar dapat menggunakan menu ubah kosakata Bidang khas

suatu event :

Kegiatan Pelaku Respon Aplikasi

1. Pengguna memilih tombol ‘Ubah Kosakata’

2. Aplikasi akan menampilkan “Menu Ubah Kosakata”

3 .Pengguna memilih kosakata yang ingin diubah

4a. Jika kosakata yang dimasukkan dalam pengubahan lengkap maka data akan langsung diubah kedalam database

4b. Jika kosakata yang dimasukkan dalam pengubahan tidak lengkap maka aplikasi akan mengeluarkan alert tanda dan petunjuk dimana kesalahan pengubahan

Tabel 3. 22 Use Case Diagram Spesification – Menu Update Kosakata

Tabel 3. 23 Use Case Diagram Spesification – Menu Tambah Kosakata

Tabel 3. 24 Use Case Diagram Spesification – Menu Ubah Kosakata

Pelaku : Pengguna

Deskripsi : Cara Menggunakan “Menu Hapus Kosakata”

Tujuan : Agar dapat menggunakan menu hapus kosakata Bidang khas

suatu event :

Kegiatan Pelaku Respon Aplikasi

1. Pengguna memilih tombol ‘Hapus Kosakata’

2. Aplikasi akan menampilkan “Menu Hapus Kosakata”

3. Pengguna memilih kosakata yang ingin dihapus

4. Bila kosakata yang diinginkan akan di-delete sudah dipilih maka aplikasi akan menampilkan alert untuk memastikan kepastian penghapusan kosakata, dan bila dikonfirmasikan maka kosakata akan dihapus dari database

Pelaku : Pengguna (Admin)

Deskripsi : Cara Menggunakan “Menu Utama”

Tujuan : Agar dapat masuk ke “Menu Materi 1”, “Menu Materi 2”, “Menu Materi 3”, “Menu Latihan Umum”, “Menu Kosakata”

Bidang khas suatu event :

Kegiatan Pelaku Respon Aplikasi

1. Pengguna Masuk di “Menu Awal” 2. Aplikasi akan menampilkan “Menu Awal”.

Terdapat tombol ‘Materi 1’, ‘Materi 2’, ‘Materi 3’, ‘Latihan Umum’, ‘Kosakata’, dan ‘Update Soal’

3 .Pengguna Memilih tombol ‘Materi 1’, ‘Materi 2’, ‘Materi 3’, ‘Latihan Umum’, ‘Kosakata’, dan ‘Update Soal’

4a. Jika pengguna memilih ‘Materi 1’, maka aplikasi akan menampilkan “Menu Materi 1”

4b. Jika pengguna memilih ‘Materi 2’, maka aplikasi akan menampilkan “Menu Materi 2”

4c. Jika pengguna memilih ‘Materi 3’, maka aplikasi akan menampilkan “Menu Materi 3”

4d. Jika pengguna memilih ‘Latihan Umum’, maka aplikasi akan menampilkan “Menu Latihan Umum”

4e. Jika pengguna memilih ‘Kosakata’, maka aplikasi akan menampilkan “Menu Kosakata”

4f. Jika pengguna memilih ‘Update Soal’, maka aplikasi akan menampilkan “Menu Update Soal”

Pelaku : Pengguna (Admin)

Deskripsi : Cara Menggunakan “Menu Update Soal”

Tujuan : Agar dapat menggunakan menu update soal Bidang khas

suatu event :

Kegiatan Pelaku Respon Aplikasi

1. Pengguna memilih tombol

‘Update Soal’

2. Aplikasi akan menampilkan “Menu Kosakata”.

Terdapat tombol ‘Tambah Soal’, ‘Ubah Soal’, dan ‘Ubah Soal’

3 .Pengguna Memilih ‘Tambah Soal’, ‘Ubah Soal’, atau ‘Hapus Soal’

4a. Jika pengguna memilih ‘Tambah Soal’ maka aplikasi akan menampilkan “Menu Tambah Soal”

4b. Jika pengguna memilih ‘Ubah Soal’ maka aplikasi akan menampilkan “Menu Ubah Soal”

4c. Jika pengguna memilih ‘Hapus Soal’ maka aplikasi akan menampilkan “Menu Hapus Soal”

Tabel 3. 25 Use Case Diagram Spesification – Menu Hapus Kosakata

Tabel 3. 26 Use Case Diagram Spesification – Menu Utama Admin

Tabel 3. 27 Use Case Diagram Spesification – Menu Update Soal

Pelaku : Pengguna (Admin)

Deskripsi : Cara Menggunakan “Menu Tambah Soal”

Tujuan : Agar dapat menggunakan menu tambah soal Bidang khas

suatu event :

Kegiatan Pelaku Respon Aplikasi

1. Pengguna memilih tombol

‘Tambah Soal’

4a. Jika soal dan jawaban yang dimasukkan benar/valid, maka aplikasi akan memeriksa pada database apa data yang akan dimasukkan pernah dimasukan atau tidak, bila tidak maka hasil input-an pengguna akan dimasukan ke dalam database

3 .Pengguna (Admin) Meng-input Soal Serta Jawaban Soal.

4b. Jika soal dan jawaban yang dimasukkan tidak benar/tidak valid, maka aplikasi memberikan alert pada ketidaklengkapan data pengguna

Pelaku : Pengguna (Admin)

Deskripsi : Cara Menggunakan “Menu Ubah Soal”

Tujuan : Agar dapat menggunakan menu input soal Bidang khas

suatu event :

Kegiatan Pelaku Respon Aplikasi

1. Pengguna memilih tombol ‘Ubah Soal’

2. Aplikasi akan menampilkan “Menu Ubah Soal”

3 .Pengguna memilih soal dan jawaban yang ingin diubah

4a. Jika soal dan jawaban yang dimasukkan dalam pengubahan benar/valid, maka data akan langsung diubah kedalam database

4b. Jika soal dan jawaban yang dimasukkan dalam pengubahan tidak benar/tidak valid, maka aplikasi akan mengeluarkan alert tanda dan petunjuk dimana kesalahan pengubahan

Pelaku : Pengguna (Admin)

Deskripsi : Cara Menggunakan “Menu Hapus Soal”

Tujuan : Agar dapat menggunakan menu delete soal Bidang khas

suatu event :

Kegiatan Pelaku Respon Aplikasi

1. Pengguna memilih tombol ‘Hapus Soal’

2. Aplikasi akan menampilkan “Menu Hapus Soal”

3. Pengguna memilih Soal yang ingin dihapus

4. Bila Soal yang diinginkan akan dihapus sudah dipilih maka aplikasi akan menampilkan alert untuk memastikan kepastian penghapusan kosakata, dan bila dikonfirmasikan maka soal akan hapus dari database

Tabel 3. 28 Use Case Diagram Spesification – Menu Tambah Soal

Tabel 3. 29 Use Case Diagram Spesification – Menu Ubah Soal

Tabel 3. 30 Use Case Diagram Spesification – Menu Hapus Soal

Pelaku : Pengguna

Deskripsi : Cara keluar dari aplikasi

Tujuan : Agar dapat melakukan proses keluar Bidang khas

suatu event :

Kegiatan Pelaku Respon Aplikasi

1. Pengguna masuk di “Menu Konfirmasi Keluar”

2. Aplikasi akan menampilkan pop-up konfirmasi.

Terdapat tombol ‘Ya’ dan ‘Tidak’

3. Pengguna memilih ‘Ya’ atau

‘Tidak’

4a. Bila Pengguna memilih tombol ‘Ya’ maka aplikasi akan berhenti

4b. Bila pengguna memilih tombol ‘Tidak’ maka pop-up akan tertutup dan aplikasi akan menampilkan kembali posisi layar pengguna berada pada terakhir kali

Tabel 3. 31 Use Case Diagram Spesification –Menu Konfirmasi Keluar

Dalam dokumen BAB 3 ANALISIS DAN PERANCANGAN (Halaman 42-51)

Dokumen terkait