66
BAB III
ANALISA DAN PERANCANGAN SISTEM
Bab III menjelaskan gambaran umum sistem, analisa kebutuhan, pemodelan proses, pemodelan data, perancangan
database
dan perancangan
interface
yang dibuat dan dikembangkan oleh penulis.
3.1 Analisa Sistem
3.1.1 Fase Definisi Ruang Lingkup
Scope Definition Phase
Bahasa Mandarin merupakan salah satu mata pelajaran yang masuk dalam kurikulum mata pelajaran wajib di beberapa
sekolah nasional 3 bahasa di Indonesia. Selama ini pengajaran dilakukan dengan cara 1 guru mengajarkan cara menulis huruf
Mandarin, cara pengucapan dan arti kata Bahasa Mandarin kepada 30 siswa sekaligus dalam sebuah kelas. Kurikulum yang dipakai
untuk proses belajar mengajar pelajaran Bahasa Mandarin saat ini mengacu pada kurikulum pelajaran Bahasa Mandarin di Singapura.
Adapun proses belajar mengajar yang selama ini terjadi adalah:
1. Guru membagikan materi baru berupa daftar huruf Bahasa
Mandarin, cara pengucapan
pinyin
dan arti dalam Bahasa Indonesia.
2. Guru mengucapkan di depan kelas cara pengucapan Bahasa
Mandarin dan siswa mengikuti guru mengucapkan. Ketika siswa tidak mendengarkan cara pengucapannya dengan baik
dan siswa salah mengucapkan maka guru tidak tahu karena siswa mengucapkannya secara bersamaan.
3. Guru menuliskan di papan tulis huruf Mandarin yang
dipelajari oleh siswa dan siswa menyalin tulisan tersebut di buku catatan. Ketika siswa tidak memperhatikan saat guru
menuliskan di papan tulis maka bisa terjadi huruf yang ditulis oleh siswa salah goresan atau salah bentuk tulisan.
4. Siswa menghapalkan daftar huruf Mandarin yang sudah
dibagikan oleh guru. Apabila siswa menghapalkan huruf tanpa mengetahui arti huruf tersebut maka ada kemungkinan
siswa menghapalkan huruf secara acak atau terbalik.
3.1.2 Fase Analisis Masalah
Problem Analysis Phase
3.1.2.1 Gambaran Umum Sistem Saat Ini
Saat ini proses belajar dan mengajar Bahasa Mandarin yang dilakukan oleh guru dan siswa masih dilakukan secara manual.
Kurikulum yang dipakai untuk proses belajar mengajar pelajaran Bahasa Mandarin saat ini mengacu pada kurikulum pelajaran
Bahasa Mandarin di Singapura. Guru mengajarkan cara menulis huruf Mandarin, pengucapan dan arti setiap kata kepada seluruh
siswa sekaligus. Faktor utama pembuatan sistem Pembelajaran Bahasa Mandarin Berbantu Komputer ini adalah kesulitan siswa
untuk mempelajari cara pengucapan, cara menulis dan memahami arti tiap kata ketika guru tidak dapat mengawasi siswa satu per
satu.
3.1.2.2 Gambaran Sistem yang akan Dibangun
Aplikasi yang dikembangkan adalah aplikasi Pembelajaran Bahasa Mandarin Berbantu Komputer untuk siswa SD kelas 1-3.
Konsep aplikasi ini adalah berperan sebagai guru atau pengajar dengan memberikan contoh pengucapan dan langkah-langkah
penulisan huruf Mandarin. Selain itu siswa akan diberikan beberapa soal latihan sesuai dengan tingkatan kelas dan materi
yang dipelajari untuk mengetahui seberapa jauh siswa tersebut dalam memahami materi yang sudah dipelajari.
Metode CAI yang dianggap tepat dipakai untuk Pembelajaran Bahasa Mandarin Berbantu Komputer ini adalah
metode
tutorial
karena menyediakan informasi visualisasi cara penulisan, fitur audio untuk mendengarkan cara pengucapan dan
visualisasi arti tiap huruf sehingga siswa dapat terlebih dahulu mempelajari materi sesuai dengan tingkatan kelasnya. Kemudian,
mereka dapat menguji seberapa jauh siswa memahami materi yang sudah dipelajari dengan soal-soal latihan yang mempunyai umpan
balik dan penilaian.
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
userna me
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 me
reset
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 me
reset
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