BAB III ANALISA dan PERANCANGAN 3.1 Analisis Kebutuhan Analisis kebutuhan sistem ini adalah user dapat mempelajari beberapa pokok bahasan seperti faktor prima, pengetahuan tentang pohon faktor, serta langkah-langkah untuk menentukan kpk dari dua atau lebih bilangan. User juga dapat berlatih dan menentukan faktor prima suatu bilangan dengan menggunakan pohon faktor secara langkah demi langkah, sebagai salah satu metode menentukan kpk
Gambar 3.7 Use Case Aplikasi Pembelajaran KPK
3.2 Storyboard Dalam tahap ini juga dilakukan perancangan storyboard. Storyboard merupakan rangkaian gambar yang dibuat secara keseluruhan sehingga menggambarkan suatu cerita, dan gambaran dari cerita yang di buat dan mudah dimengerti oleh semua pihak. Storyboard aplikasi pembelajaran ini terdiri dari:
15
http://digilib.mercubuana.ac.id/
APLIKASI PEMBELAJARAN KPK
MATERI
PELATIHAN
Gambar 3.8 Storyboard Beranda
Modul
:
Layar Intro
Nama File
:
index.html
Frame
:
1 dari 6
Selanjutnya
:
Materi atau Pelatihan
Kembali
:
-
Bantuan
:
-
Beranda
:
-
Navigasi
16
http://digilib.mercubuana.ac.id/
APLIKASI PEMBELAJARAN KPK
BUKU
VIDEO
Gambar 3.9 Storyboard Materi
Modul
:
Materi
Nama File
:
materi.html
Frame
:
2 dari 6
Next
:
Buku / Video
Back
:
Tombol Kembali ke Home
Bantuan
:
-
Beranda
:
Tombol Rumah
Navigasi
17
http://digilib.mercubuana.ac.id/
APLIKASI PEMBELAJARAN KPK PEMBELAJAR
Gambar 3.10 Storyboard Buku
Modul
:
Buku
Nama File
:
buku.html
Frame
:
3 dari 6
Next
:
-
Back
:
Tombol Kembali ke Materi
Bantuan
:
Tombol "?" Cara Penggoperasian buku
Beranda
:
Tombol Rumah
Navigasi
18
http://digilib.mercubuana.ac.id/
APLIKASI PEMBELAJARAN KPK
Gambar 3.11 Storyboard Video
Modul
:
Video
Nama File
:
video.html
Frame
:
4 dari 6
Next
:
-
Back
:
Tombol Kembali ke Materi
Bantuan
:
-
Beranda
:
Tombol Rumah
Navigasi
19
http://digilib.mercubuana.ac.id/
APLIKASI PEMBELAJARAN KPK ACAK ANGKA
MULAI
Bilangan 1 Bilangan 2 Berapakah erapakah KPK dari 21 & 35?
HASIL
Gambar 3.12 Storyboard Latihan
Modul
:
Pelatihan
Nama File
:
latihan.html
Frame
:
5 dari 6
Next
:
Tombol Hasil ke Hasil / Ending
Back
:
Tombol Kembali ke Beranda
Bantuan
:
Tombol "?" Cara Mengerjakan Latihan
Beranda
:
Tombol Rumah
Navigasi
20
http://digilib.mercubuana.ac.id/
APLIKASI PEMBELAJARAN KPK ACAK ANGKA
MULAI
Bilangan 1 BERHASIL
Bilangan 2
Berapakah KPK dari 21 & 35?
Gambar 3.13 Storyboard
Modul
:
Hasil
Nama File
:
latihan.html#hasil
Frame
:
6 dari 6
Ulangi
:
Tombol Ulangi ke Pelatihan
Selesai
:
Tombol Kembali ke Beranda
Bantuan
:
-
Beranda
:
Tombol Rumah
Navigasi
21
http://digilib.mercubuana.ac.id/
3.3 Algoritma 3.1.1 Algoritma Menu Utama
Pada Gambar 3.8 disajiklkan Flowchart menu utama yang akan dilaksanakan ketika aplikasi pertama kali disajikan. Flowchart tersebut dimulai dengan munculnya menu utamayang memberikan pilihan kepada siswa untuk memilih 2 Sub Bab, Yaitu: 1 Modul Materi , yang akan membawa siswa untuk masuk kebagian penyajian materi yang berupa slidfe pembelajaran seperti buku dan video mengenai Faktor prima, Pohon faktor, FPB & KPK 2 Modul Latihan Soal, yang akan membawa siswa untuk masuk ke bagian latihan, berupa tutorial dan latihan bagaimana menentukan kpk. 3.1.2 Algoritma Menu Materi
Pada Gambar 3.9 disajikan Flowchart modul materi yang akan dilaksanakan jika siswa memilih sub menu Modul Materi pada Menu utama. Flowchart tersebut dimulai dengan menampilkan halaman pertama dalam penyajian materi, dimana terdapat 2 menu di dalam nya, yang pertama adalah menu buku, yaitu penyajian materi kepada siswa dengan menampilkan buku sebagai referensi. Yang kedua adalah menu video, yaitu penyajian materi kepada siswa dengan menampilkan video. Pada menu ini juga terdapat tombol kembali untuk kembali ke menu sebelumnya atau berandauntuk kembali ke halaman utama. 3.1.3 Algoritma Menu Buku
Pada Gambar 3.10 disajikan Flowchart Modul Buku, siswa bisa membaca buku dengan cara slide seperti membaca buku sungguhan. Pada menu ini juga terdapat tombol kembali untuk kembali ke menu sebelumnya atau berandauntuk kembali ke halaman utama.
3.1.4 Algoritma Menu Video
Pada Gambar 3.11 disajikan Flowchart Modul Video, siswa bisa memainkan & menontonVideo dengan meng-klik video, jika user ingin menonton dengan layar penuh, cukup klik 2 kali pada layar video. Pada menu ini juga 22
http://digilib.mercubuana.ac.id/
terdapat tombol kembali untuk kembali ke menu sebelumnya atau berandauntuk kembali ke halaman utama. 3.1.5 Algoritma Menu Latihan
Pada gambar 3.12 disajikan state diagram dimana pada menu ini user akan diberi pertanyaan, berapakah kpk dari bilangan pertama dengan bilangan kedua? sistem akan menunggu jawaban user, 1. Jika jawaban benar maka berhasil dan state selesai, 2. Jika jawaban salah dengan kondisi FPB lebih dari 1 maka untuk menentukan KPK digunakan metode pohon faktor, kemudian memilih faktor prima yang sama diantara kedua bilangan, kemudian menentukan FPB dari kedua bilangan tersebut dengan mengalikan faktor sama yang sudah dipilih di kedua pohon faktor, setelah mengetahui FPB, siswa diminta mengalikan bilangan pertama dengan bilangan kedua kemudian dibagi dengan FPB dari bilangan pertama dan kedua, untuk mendapatkan nilai dari KPK. Maka berhasil dan state selesai 3. Jika jawaban salah dengan kondisi FPB sama dengan 1 maka untuk menentukan KPK digunakan metode: siswa langsung mengalikan bilangan pertama dengan kedua untuk mendapatkan nilai dari KPK. maka berhasil dan state selesai 4.
Jika jawaban salah dengan kondisi bilangan pertama habis dibagi bilangan kedua atau bilangan kedua habis dibagi bilangan pertama memlih maka untuk menentukan KPK dinumakan metode: siswa tinggal memilih bilangan terbesar diantara ke dua bilangan untuk mendapatkan nilai dari KPK. maka berhasil dan state selesai
5. Semua langkah tersbut akan berlanjut jika jawaban pada kolom yang ditentukan dengan benar, jika salah maka langkah akan berulang di state terakhir siswa berada. Jika siswa salah menjawab lebih dari 2 kali maka akan diberitahu jawaban untuk menjawab pertanyaan sesuai state
23
http://digilib.mercubuana.ac.id/
Mulai
Menampilkan Menu Pilihan: 1. Materi 2.Latihan
TRUE User memilih materi
Modul Materi
FALSE
User memilih Latihan
TRUE Modul Latihan
FALSE
Selesai
Gambar 3.14 Flowchart Menu Utama / Beranda
25
http://digilib.mercubuana.ac.id/
Gambar 3.15 Flowchart Modul Materi
26
http://digilib.mercubuana.ac.id/
Gambar 3.16 Flowchart Modul Buku
27
http://digilib.mercubuana.ac.id/
Gambar 3.17 Flowchart Modul Video
28
http://digilib.mercubuana.ac.id/
3.4 State Diagram Pada Bagian ini, penulis akan merancang langkah bagaimana user akan menggunakan Pelatihan pada Aplikasi Pembelajaran KPK
Gambar 3.18 State Diagram Modul Latihan
29
http://digilib.mercubuana.ac.id/
Gambar 3.19 State Diagram Pohon Faktor
30
http://digilib.mercubuana.ac.id/