Pembelajaran Bahasa Mandarin Berbantu Komputer ini dibangun secara atraktif dengan menggunakan program illustrator
Adobe Flash CS5 dan bahasa pemrograman PHP dan MySQL sebagai DBMS untuk halaman guru. Guru dapat melihat data
materi, data latihan dan data siswa serta mencetak laporan nilai siswa sesudah melakukan login untuk menjaga keamanan data.
Setelah menggunakan Pembelajaran Bahasa Mandarin Berbantu Komputer ini diharapkan siswa dapat dengan mudah
mempelajari cara menulis huruf Mandarin, menghapalkan arti dengan mudah karena ada ilustrasinya dan mengucapkan kata
Bahasa Mandarin dengan lafal dan intonasi yang benar. Perangkat keras
yang digunakan untuk membuat Pembelajaran Bahasa Mandarin Berbantu Komputer ini adalah
komputer desktop dengan sistem operasi Windows7. Perangkat lunak yang dipakai yaitu program ilustrator Adobe Flash CS5, PHP
sebagai bahasa pemrograman, MySQL sebagai DBMS dan Mozilla Firefox sebagai web browser.
3.1.3 Fase Kebutuhan Pengguna Requirement Analysis Phase
3.1.3.1 Analisis Kebutuhan Pengguna
Pembelajaran Bahasa Mandarin Berbantu Komputer untuk kelas 1-3 SD ini dapat diakses oleh 2 aktor pengguna
yaitu guru dan siswa. Pada tabel ini akan dipaparkan deskripsi kebutuhan untuk tiap pengguna.
Tabel 3.1 Tabel Kebutuhan Pengguna
Aktor Wewenang
Admin Guru
1. Melakukan proses Login dan Logout. 2. Memasukkan data siswa kelas 1-3
3. Melihat data siswa 4. Melihat materi dan latihan
5. Melihatdan mencetak laporan nilai latihan Siswa.
Siswa 1. Melakukan proses Login dan Logout.
2. Melihat isi menu materi. 3. Melihat dan mengerjakan soal-soal latihan.
3.1.3.2 Use Case Diagram
3.1.3.2.1 Use Case Diagram
Data Materi
Depends on Mengerjakan
latihan Data Siswa
Login Depends on
Lihat Materi
Admin guru Siswa
Insert data siswa
Edit data siswa
Lihat data siswa
Delete data siswa
Lihat nilai siswa
Data Latihan Lihat Latihan
Mencetak laporan nilai
siswa
Gambar 3.1 Use Case
3.1.3.2.2 Narasi Use Case
Nama use case : Login
Aktor : Guru dan Siswa
Tabel 3.2 Narasi Use Case Login
Aksi Actor Reaksi Sistem
Skenario Normal
1. Sistem menampilkan form login yang
berupa text
field untuk
memasukkan user
name dan
password serta tombol ”Login”
2. Guru dan
siswa memasukkan username dan
password serta mengklik
tombol ”Login”
3. Sistem memverifikasi semua data yang telah diinputkan oleh user dan
menampilkan pesan “Login berhasil”.
Skenario Alternatif
4. Sistem menampilkan form login yang
berupa text
field untuk
memasukkan user
name dan
password serta tombol ”Login” 5. Guru
dan siswa
tidak
memasukkan username dan password.
Lalu mengklik tombol “Login”.
6. Sistem merespon
dengan menampilkan
pesan error
dan meminta
pengguna untuk
memasukkan username dan password yang sesuai dengan database untuk
login .
7. Guru dan
siswa memasukkan
username tetapi tidak memasukkan
password . Lalu mengklik
tombol “Login”. 8. Sistem
merespon dengan
menampilkan pesan
error dan
meminta pengguna
untuk memasukkan username dan password
yang sesuai dengan database untuk login
. 9. Guru
dan siswa
memasukkan password
tetapi tidak memasukkan
username . Lalu mengklik
tombol “Login”. 10. Sistem merespon dengan
menampilkan pesan error dan meminta pengguna untuk
memasukkan username dan password yang sesuai dengan database untuk
login .
11. Guru dan
siswa memasukkan username dan
password yang tidak sesuai
dengan data di database serta
mengklik tombol
“Login”. 12. Sistem memverifikasi semua data
yang dimasukkan oleh pengguna dan merespon dengan menampilkan pesan
“Masukkan Username dan Password dengan benar
”.
Nama use case : Insert data siswa
Aktor : Guru
Tabel 3.3 Narasi Use Case Insert Data Siswa
Aksi Aktor Reaksi Sistem
Skenario Normal
1. Sistem menampilkan form login yang
berupa text
field untuk
memasukkan username
dan password
serta tombol ”Login”.
2. Guru memasukkan username dan password serta mengklik
tombol ”Login”.
3. Sistem memverifikasi semua data yang telah diinputkan oleh user dan
menampilkan pesan
“Login berhasil”.
4. Guru memilih menu Tambah Siswa untuk memasukkan
data siswa yang baru. 5. Sistem akan menampilkan halaman
untuk menambah data siswa baru. Pada halaman tersebut terdapat text
field untuk memasukkan NIS, nama siswa dan password dengan tipe
inputan text field dan kelas,tahun ajaran dan semester dengan tipe
inputan dropdown menu. 6. Guru mengisi form untuk
menambahkan data siswa baru. Lalu menekan tombol
“Simpan”. 7. Sistem akan menyimpan data siswa
dan menampilkan pesan konfirmasi data siswa baru sudah berhasil
disimpan.
Skenario alternatif 1
8. Guru memasukkan username dan password yang tidak
sesuai dengan
data di
database serta
mengklik tombol “Login”.
9. Sistem memverifikasi semua data yang dimasukkan oleh pengguna dan
merespon dengan
menampilkan pesan “Masukkan Username dan
Password dengan benar ”.
Skenario alternatif 2
10. Guru mengisi form untuk menambahkan siswa baru
dan menekan
tombol “Simpan”.
11. Jika data tidak berhasil disimpan, maka sistem akan menampilkan
pesan gagal.
Skenario alternatif 3
12. Guru mengisi form untuk menambahkan data siswa
baru dan menekan tombol “Batal”.
13. Sistem akan mereset semua data yang sudah diisikan oleh guru dalm
form tambah siswa.
Nama use case : Edit data siswa
Aktor : Guru
Tabel 3.4 Narasi Use Case Edit Data Siswa
Aksi Aktor Reaksi Sistem
Skenario Normal
1. Sistem menampilkan form login yang
berupa text
field untuk
memasukkan username
dan password
serta tombol ”Login”.
2. Guru memasukkan
username dan
password serta
mengklik tombol
”Login”.
3. Sistem memverifikasi semua data yang telah diinputkan oleh user dan
menampilkan pesan
“Login berhasil”.
4. Guru memilih menu siswa untuk menampilkan daftar
siswa yang ada. 5. Sistem menampilkan daftar siswa
6. Guru memilih tombol edit
siswa pada salah satu nama siswa yang akan diubah.
7. Sistem akan menampilkan halaman untuk mengubah data siswa. Pada
halaman tersebut terdapat data NIS, nama siswa, password, kelas, tahun
ajaran dan semester. 8. Guru melakukan perubahan
data pada
data siswa
tersebut lalu klik “Simpan”. 9. Sistem akan menampilan pesan
konfirmasi bahwa data siswa sudah berhasil diubah dan sudah disimpan
di database.
Skenario alternatif 1
10. Guru memasukkan
username dan
password yang tidak sesuai dengan
data di
database serta
mengklik tombol “Login”. 11. Sistem memverifikasi semua data
yang dimasukkan oleh pengguna dan merespon
dengan menampilkan
pesan “Masukkan Username dan Password dengan benar
”.
Skenario alternatif 2
12. Guru melakukan perubahan data
pada data
siswa tersebut lalu klik “Simpan”.
13. Jika data tidak berhasil disimpan, maka sistem akan menampilkan
pesan gagal.
Skenario alternatif 3
14. Guru melakukan perubahan data
pada data
materi tersebut lalu klik “Batal”.
15. Sistem akan mereset semua data yang sudah diisikan oleh guru dalm
form tambah materi.
Nama use case : Delete data siswa
Aktor : Guru
Tabel 3.5 Narasi Use Case Delete Data Siswa
Aksi Aktor Reaksi Sistem
Skenario Normal
1. Sistem menampilkan form login
yang berupa
text field
untuk memasukkan
username dan
password serta tombol ”Login”.
2. Guru memasukkan
username dan
password serta
mengklik tombol
”Login”.
3. Sistem memverifikasi semua data yang telah diinputkan oleh user dan
menampilkan pesan
“Login berhasil”.
4. Guru memilih menu Siswa untuk menampilkan data
siswa. 5. Sistem menampilkan daftar siswa.
6. Guru mengklik
tombol hapus pada data siswa yang
ingin dihapus. 7. Sistem akan menampilkan pesan
konfirmasi apakah
guru akan
menghapus seluruh
data siswa
tersebut.
8. Guru mengklik
tombol “Ya”.
9. Sistem akan menampilkan pesan konfirmasi
bahwa data
sudah berhasil dihapus.
Skenario alternatif 1
10. Guru memasukkan
username dan
password yang tidak sesuai dengan
data di
database serta
mengklik tombol “Login”. 11. Sistem memverifikasi semua data
yang dimasukkan oleh pengguna dan merespon
dengan menampilkan
pesan “Masukkan Username dan Password dengan benar
”.
Skenario alternatif 2
12. Guru mengklik
tombol “Tidak”
13. Sistem tidak menghapus data dan akan menampilkan daftar siswa.
Nama use case : Lihat Data Siswa
Aktor : Guru
Tabel 3.6 Narasi Use Case Lihat Data Siswa
Aksi Aktor Reaksi Sistem
1. Sistem menampilkan form login yang berupa text field
untuk memasukkan username dan password serta tombol
”Login”. 2. Guru memasukkan username
dan password serta mengklik tombol ”Login”.
3. Sistem memverifikasi semua data yang telah diinputkan oleh
user dan menampilkan pesan
“Login berhasil”. 4. Guru memilih menu Siswa
untuk menampilkan data siswa. 5. Sistem
menampilkan daftar
siswa.
Skenario alternatif 1
6. Guru memasukkan username dan password yang tidak sesuai
dengan data di database serta
mengklik tombol “Login”. 7. Sistem memverifikasi semua
data yang dimasukkan oleh pengguna dan merespon dengan
menampilkan pesan “Masukkan Username dan Password dengan
benar ”.
Nama use case : Lihat Nilai Siswa
Aktor : Guru
Tabel 3.7 Narasi Use Case Lihat Nilai Siswa
Aksi Aktor Reaksi Sistem
1. Sistem menampilkan form login yang berupa text field
untuk memasukkan username dan password serta tombol
”Login”. 2. Guru memasukkan username
dan password serta mengklik tombol ”Login”.
3. Sistem memverifikasi semua data yang telah diinputkan oleh
user dan menampilkan pesan
“Login berhasil”. 4. Guru memilih menu Siswa
untuk menampilkan data siswa. 5. Sistem
menampilkan daftar
siswa. 6. Guru memilih nama siswa yang
nilainya akan dicetak. 7. Sistem akan menampilkan data
siswa dan nilai latihan yang
diperoleh.
8. Guru mengklik tombol export to
pdf.
9. Sistem akan mengkonversikan data dan daftar nilai siswa ke
dalam bentuk pdf.
Skenario alternatif 1
10. Guru memasukkan username dan password yang tidak sesuai
dengan data di database serta mengklik tombol “Login”.
11. Sistem memverifikasi semua data yang dimasukkan oleh
pengguna dan merespon dengan
menampilkan pesan “Masukkan Username dan Password dengan
benar ”.
Nama use case : Lihat materi
Aktor : Guru dan siswa
Tabel 3.8 Narasi Use Case Lihat Materi
Aksi Aktor Reaksi Sistem
Skenario Normal
1. Menampilkan halaman menu utama pengguna.
2. Pengguna memilih menu lihat materi.
3. Sistem menampilkan daftar tema materi berdasarkan kelas.
4. Pengguna memilih salah satu tema
materi berdasarkan
kelas yang sesuai. 5. Sistem menampilkan isi materi
sesuai dengan tema yang sudah dipilih oleh pengguna.
Nama use case : Lihat latihan
Aktor : Guru
Tabel 3.9 Narasi Use Case Lihat Latihan
Aksi Aktor Reaksi Sistem
Skenario Normal
1. Menampilkan halaman menu utama pengguna.
2. Pengguna memilih menu lihat latihan.
3. Sistem menampilkan daftar tema latihan berdasarkan kelas.
4. Pengguna memilih salah satu tema latihan berdasarkan
kelas yang sesuai. 5. Sistem menampilkan isi latihan
sesuai dengan tema yang sudah dipilih oleh pengguna.
Nama use case : Mengerjakan latihan
Aktor : Siswa
Tabel 3.10 Narasi Use Case Mengerjakan Latihan
Aksi Aktor Reaksi Sistem
Skenario Normal
1. Menampilkan halaman menu utama.
2. Siswa memilih menu latihan.
3. Sistem menampilkan form login. 4. Siswa
memasukkan username
dan password serta
mengklik tombol
”Login”.
5. Sistem memverifikasi semua data yang telah diinputkan oleh user dan
menampilkan pesan
“Login berhasil”.
6. Sistem menampilkan daftar menu tema latihan yang sesuai dengan
tingkatan kelas yang sudah dipilih. 7. Siswa memilih salah satu
dari menu tema latihan. 8. Sistem akan menampilkan halaman
soal. 9. Siswa memilih jawaban dari
pilihan yang
telah
disediakan. 10. Siswa
mengklik tombol
Next. 11. Sistem akan melanjutkan ke soal
berikutnya.
Skenario Alternatif
10. Siswa mengklik
tombol Finish
11. Sistem akan menampilkan total nilai yang diperoleh oleh siswa
3.1.3.3 Data Flow Diagram Processing Modelling
3.1.3.3.1 Diagram Konteks Logical Design Phase
Sistem pembelajaran Bahasa Mandarin berbantu komputer
siswa SD kelas 1-3
Siswa Guru
Data Materi, total nilai Data siswa, jawaban latihan
Data siswa, data materi
Data materi, data siswa
Gambar 3.2 Diagram Konteks
3.1.3.3.2 Diagram Berjenjang
Pembelajaran Bahasa Mandarin Berbantu Komputer untuk Siswa
Sekolah Dasar Kelas 1-3
Lihat materi dan latihan
1 Pengelolaan Siswa
2
Lihat data materi 1.1
Insert data siswa 2.1
Update data siswa 2.2
Delete data siswa 2.3
Lihat data latihan 1.2
Lihat data siswa 2.4
Lihat nilai siswa 2.5
Gambar 3.3 Diagram berjenjang
3.1.3.3.3 Overview Diagram
Admin
Materi dan Latihan 1
2 Siswa
Data latihan dan materi
Input data siswa nama,password,kelas,tahun_ajaran,
semester Informasi latihan dan materi
Data Materi
Data Siswa
Siswa D1
Materi
D2 Siswa
Informasi nilai Data Materi
Data Siswa Informasi siswa
Informasi latihan dan materi
Gambar 3.4 Overview Diagram
3.1.3.3.4 Data Flow Diagram Level 2 Proses 1
AdminGuru
Lihat data materi 1.1
D1 Materi
Informasi data materi
id_materi Data materi
Lihat data latihan 1.2
id_latihan Informasi data latihan
Data materi
Gambar 3.5 Data Flow Diagram Level 2 Proses 1
3.1.3.3.5 Data Flow Diagram Level 2 Proses 2
AdminGuru Insert data siswa
2.1
D3 Siswa
Data siswa Konfirmasi tambah
Data siswa
Update data siswa 2.2
Id_siswa Data siswa
Data siswa terubah
Delete data siswa 2.3
Id_siswa Konfirmasi ubah
Konfirmasi hapus Data siswa
Data siswa terhapus
View data siswa 2.4
Id_siswa Informasi data siswa
Data siswa
View data siswa 2.5
Informasi nilai siswa
Id_siswa
Gambar 3.6 Data Flow Diagram Level 2 Proses 3
3.2 Perancangan Sistem
