Fase Definisi Ruang Lingkup Fase Analisis Masalah

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