BAB III KONSEP DAN PERANCANGAN

BAB III KONSEP DAN PERANCANGAN

3.1

Konsep Aplikasi modul pembelajaran Matematika SMA kelas 11 IPS ini

merupakan aplikasi yang khusus dibuat untuk siswa-siswi SMA kelas 11 IPS. Di mana isi materi berdasarkan dari Kurikulum Tingkat Satuan Pendidikan (KTSP). Rancang bangun aplikasi modul pembelajaran Matematika SMA kelas 11 IPS ini merupakan media alternatif dari salah satu alat bantu untuk belajar. Deskripsi konsep aplikasi ini adalah sebagai berikut : Tabel 3.1 Deskripsi Konsep Aplikasi Aplikasi modul pembelajaran Matematika untuk SMA kelas

Judul

11 IPS

Pengguna

Siswa-siswi SMA kelas 11 IPS

Gambar

Menggunakan file berformat .jpg

Suara

Menggunakan file .mp3

Animasi teks

Animasi pada teks dan gambar dibuat sendiri

Interaktif

3.2

Menggunakan link berupa tombol yang memungkinkan pengguna menuju dari halaman satu ke halaman yang lain

Perancangan Pada tahap ini, dalam pembuatan aplikasi modul pembelajaran

matematika SMA kelas 11 IPS, dilakukan perancangan terhadap aplikasi yang terdiri dari perancangan storyboard, perancangan use case diagram, perancangan activity diagram, perancangan sequence diagram, dan perancangan antarmuka.

3.2.1

Perancangan storyboard Storyboard merupakan deskripsi masing-masing tampilan suatu kejadian

dari movie yang dimainkan dengan menampilkan semua objek atau elemen multimedia serta komponen-komponen aplikasi yang akan dibuat. Storyboard

25

26

digunakan sebagai alat bantu pada tahapan perancangan multimedia. Satu kolom storyboard mewakili satu tampilan dilayar monitor. Tabel 3.2 Storyboard Halaman Utama No

Visual

1 Judul Kelas 12

Kelas 11

Kelas 10

Form Name

: Menu Utama

Link

: kelas10, kelas11, dan kelas12

Keterangan

: Halaman ini menampilkan pilihan kelas

Tabel 3.3 Storyboard Halaman Menu Kelas 11 2 Home

Sound

Exit

Judul

Animasi IPS

Bab 1 Bab 2

Ujian Semester 1

Bab Bab 4 Bab 5

Ujian Semester 2

3

Form Name

: Menu Materi

Link

: Bab 1, 2, 3, 4, 5, us1, dan us2

Keterangan

: Halaman ini menampilkan pilihan materi per bab

27

Tabel 3.4 Storyboard Materi Bab 1 3 Home

Keluar

Bab 1. Statistika

Penyajian Data Penyajian Data dalam Bentuk Diagram

Materi

Ukuran Pemusatan dan Ukuran Letak Simpangan Rataan dan Simpangan Baku Latihan Next Back

Form Name

: Menu Materi Bab 1

Link

: bab1

Keterangan

: Menampilkan pilihan submateri bab 1 dan latihan

Tabel 3.5 Storyboard Halaman Latihan Bab 1 4 No

Soal

A

D

B

E

C

Jawab

Lanjut

Form Name

: Menu Latihan Bab 1

Link

: latbab1

Keterangan

: Menampilkan soal latihan bab 1, dimana pengguna

dapat

memilih jawaban yang dianggap benar

28

Tabel 3.6 Storyboard Halaman Materi Bab 2 5

Home

Keluar

Bab 2. Peluang

Kaidah Pencacahan Peluang Suatu Kejadian

Materi

Kejadian Majemuk

Latihan Next Back Form Name

: Menu Materi Bab 2

Link

: bab2

Keterangan



Soal

A

D

B

E

C

Jawab

Lanjut

Form Name


Link

: latbab2

Keterangan

: Menampilkan soal latihan bab 2, dimana pengguna dapat memilih jawaban yang dianggap benar

29

Tabel 3.8 Storyboard Halaman Materi Bab 3 7 Home

Keluar

Bab 3. Fungsi Komposisi & Invers

Fungsi Fungsi Komposisi

Materi

Fungsi invers

Latihan Next Back Form Name

: Menu Materi Bab 3

Link

: bab3

Keterangan



Soal

A

D

B

E

C

Jawab

Lanjut

Form Name


Link

: latbab3

Keterangan


30

Tabel 3.10 Storyboard Halaman Materi Bab 4 9 Home

Keluar

Bab 4. Limit Fungsi

Limit Fungsi Teorema Limit Utama

Materi

Limit Fungsi yang Mengarah ke Konsep Turunan Latihan Next Back Form Name

: Menu Materi Bab 4

Link

: bab4

Keterangan



Soal

A

D

B

E

C

Jawab

Lanjut

Form Name


Link

: latbab4

Keterangan


31

Tabel 3.12 Storyboard Halaman Materi Bab 5 11

Home

Keluar

Bab 5. Fungsi & Turunannya

Turunan Fungsi Teorema Turunan Fungsi Aljabar

Materi

Turunan Sebagai Laju Perubahan Persamaan Garis Singgung Kurva Latihan Next Back Form Name

: Menu Materi Bab 5

Link

: bab5

Keterangan



Soal

A

D

B

E

C

Jawab

Lanjut

Form Name


Link

: latbab5

Keterangan


32

Tabel 3.14 Storyboard Halaman Ujian Semester 1 13 Timer No

Soal

A

D

B

E

C

Jawab

Form Name

: Menu Ujian Semester 1

Link

: us1

Keterangan

: Menampilkan soal ujian semester 1

Lanjut

Tabel 3.15 Storyboard Halaman Ujian Semester 2 14 Timer No

Soal

A

D

B

E

C

Jawab

Form Name

: Menu Ujian Semester 2

Link

: us2

Keterangan

: Menampilkan soal ujian semester 2

Lanjut

33

3.2.2

Perancangan Use Case Diagram Use case diagram ialah gambaran fungsionalitas dari suatu sistem,

sehingga pengguna sistem paham dan mengerti mengenai kegunaan sistem yang akan dibangun. Pada aplikasi modul pembelajaran matematika SMA kelas 11 IPS, dapat ditahui bahwa aktor utamanya adalah user (pengguna). Maka didapatkan satu use case diagram dan beberapa skenario yang memperlihatkan interaksiinteraksi use case diagram dengan aktor use case diagram.

APLIKASI PEMBELAJARAN <>

Memilih Submateri

<> Memilih Materi

<>

<> Memilih Latihan Memilih Ujian Semester

Pengguna Gambar 3.1 Use Case Diagram Aplikasi Modul Pembelajaran Matematika SMA kelas 11 IPS

Berikut ini adalah deskripsi use case diagram yang telah digambarkan pada gambar 3.1:

34

Tabel 3.16 Use Case Materi Nama

Bab Materi

Aktor

Siswa SMA kelas 11 IPS (pengguna)

Deskripsi

Pengguna dapat memilih menu bab 1 sampai bab 5 yang berisi materi dan latihan soal.

Skenario

1. Pengguna memilih bab - bab materi. 2. Sistem akan menampilkan halaman materi yang dipilih. 3. Pengguna memilih submateri yang ada. 4. Sistem akan menampilkan halaman submateri yang dipilih 5. Pengguna memilih menu latihan. 6. Sistem akan menampilkan halaman latihan yang berisikan soal-soal pilihan ganda. 7. Pengguna mengerjakan soal-soal yang telah disediakan. 8. Sistem mengecek jawaban pengguna dan menampilkan nilai dari hasil jawaban pengguna.

Kondisi Awal

1. Pengguna menerima halaman materi pelajaran yang terdiri dari beberapa materi yaitu Statistika, Peluang, Fungsi Komposisi dan Fungsi Invers, Limit Fungsi, dan Fungsi dan Turunannya. 2. Pengguna menerima halaman latihan dari menu bab materi yang dipilih.

Kondisi

1. Pengguna mempelajari menu bab yang dipilih.

Akhir

2. Pengguna mengerjakan soal latihan dari bab materi yang dipilih.

35

Tabel 3.17 Use Case Menu Ujian Semester Nama

Menu Ujian Semester

Aktor

Siswa SMA kelas 11 IPS (pengguna)

Deskripsi

Pengguna dapat menguji kemampuannya dengan mengerjakan soal ujian semester 1 dan semester 2 dengan batas waktu yang ditentukan.

Skenario

1. Pengguna masuk ke halaman ujian semester 1 2. Sistem masuk ke menu ujian semester 1 3. Pengguna menjawab soal - soal pilihan ganda 4. Sistem mengecek jawaban dan menampilkan hasil dari pekerjaan pengguna 5. Pengguna masuk ke halaman ujian semester 2 6. Sistem masuk ke menu ujian semester 2 7. Pengguna menjawab soal - soal pilihan ganda 8. Sistem mengecek jawaban dan menampilkan hasil dari pekerjaan pengguna

Kondisi

1. Pengguna menerima halaman ujian semester 1

Awal

2. Pengguna menerima halaman ujian semester 2

Kondisi

1. Pengguna mengisi jawaban soal ujian semester 1

Akhir

2. Pengguna mengisi jawaban soal ujian semester 2

3.2.3

Perancangan Activity Diagram Diagram aktivitas menggambarkan berbagai alir aktivitas dalam sistem

yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana suatu aktivitas berakhir. Diagram aktivitas juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.

36

Pengguna Aplikasi

Sistem

User membuka aplikasi Memilih menu SMA

Menampilkan halaman

kelas 11 IPS

Matematika SMA IPS

Memilih materi bab

Latihan

Menampilkan halaman materi bab

Submateri Menampilkan submateri bab Menampilkan halaman Latihan

Klik Mulai

Soal ditampilkan random

Menjawab Soal

Memeriksa jawaban

ya

Jawaban

tidak

Benar?

Hasil + 1

Hasil + 0

tidak

Soal=10

ya Menampilkan halaman nilai

Gambar 3.2 Activity Diagram Materi

37

Pengguna Aplikasi

Sistem

User membuka aplikasi

Memilih menu SMA

Menampilkan halaman

kelas 11 IPS

Matematika SMA IPS kelas 11 IPS

Memilih ujian semester

Menampilkan menu materi Matematika SMA 11 IPS

Menampilkan halaman Ujian Semester Klik Mulai

Soal ditampilkan random

Memeriksa jawaban

Menjawab soal

ya

Jawaban

tidak

Benar?

Hasil + 0

Hasil + 1

Soal=10

ya Menampilkan halaman hasil nilai

Gambar 3.3 Activity Diagram Ujian Semester

tidak

38

Pada Gambar 3.2 diatas menjelaskan aplikasi dimulai saat pengguna memilih menu kelas 11 IPS, kemudian sistem akan menampilkan halaman yang dipilih. Selanjutnya pengguna bisa memilih 5 materi pokok yang tersedia. Kemudian sistem akan menampilkan halaman submateri dari materi bab yang sudah dipilih dan bisa dipelajari oleh pengguna. Selain itu, disetiap bagian materi terdapat latihan untuk para pengguna. Untuk menggunakan menu latihan, pengguna bisa menekan tombol latihan dan sistem akan menampilkan halaman soal yang berisi 10 soal dari 15 soal pilihan ganda dan ditampilkan secara random. Pengguna dapat memilih jawaban yang dianggap benar, lalu sistem akan mengecek tiap jawaban dari pengguna, jika jawaban benar maka akan mendapatkan nilai 1 jika salah nilainya 0. Setelah 10 soal dijawab, sistem akan mengecek seluruh jawaban pengguna dan akan ditampilkan pada bagian halaman nilai. Pada Gambar 3.3 diatas menjelaskan bahwa aktifitas dimulai ketika pengguna memilih menu ujian semester 1 atau ujian semester 2. Selanjutnya sistem akan menampilkan halaman ujian semester yang dipilih. Pengguna kemudian memilih tombol mulai untuk menampilkan soal ujian semester. Dalam frame ujian semester ini diberikan waktu selama 60 menit untuk mengerjakan soal. Kemudian pengguna dapat memilih jawaban yang dianggap benar, lalu sistem akan mengecek tiap jawaban dari pengguna, jika jawaban benar maka akan mendapatkan nilai 1 jika salah nilainya 0. Setelah 10 soal dijawab, sistem akan mengecek seluruh jawaban pengguna dan akan ditampilkan pada bagian halaman nilai.

3.2.4

Perancangan Sequence Diagram Sequence

diagram

menggambarkan

interaksi

antar

obyek

dan

mengindikasikan komunikasi diantara obyek-obyek tersebut. Diagram ini juga menunjukkan serangkaian pesan yang dipertukarkan oleh obyek-obyek yang melakukan suatu tugas atau aksi tertentu. Obyek-obyek tersebut kemudian diurutkan dari kiri ke kanan, aktor yang menginisiasi interaksi biasanya ditaruh di paling

kiri

dari

diagram.

Sequence

diagram

biasa

digunakan

untuk

menggambarkan skenario atau rangkaian langkah-langkah yang dilakukan sebagai respons dari sebuah event untuk menghasilkan keluaran tertentu.

39

3.2.4.1 Sequence Diagram Halaman Materi Pada Sequence Diagram halaman materi, pengguna mengakses menu bab, kemudian pengguna bisa memilih bab yang ada. Setelah memilih dari bab yang ada, sistem akan menampilkan halaman yang dipilih. Didalam setiap menu materi terdapat menu latihan untuk para pengguna, lalu memilih jawaban dan sistem akan menampilkan nilai pada jawaban yang benar.

Menu bab

Materi bab

Submateri bab

latihan

Top Package::Pengguna (user) Akses menu bab

Menampilkan menu bab

Memilih menu materi bab

Menampilkan halaman materi bab

Memilih submateri bab

Menampilkan halaman submateri bab Masuk ke halaman latihan

Menampilkan halaman latihan

Memilih jawaban

Mencocokan jawaban

Menampilkan hasil

Gambar 3.4 Sequence Diagram Materi

40

3.2.4.2 Sequence Diagram Halaman Ujian Semester Pada Sequence Diagram halaman ujian semester, pengguna masuk halaman menu, kemudian memilih menu ujian semester. Sistem akan menampilkan soal - soal ujian semester dan selanjutnya pengguna memilih jawaban yang dianggap benar, sistem akan menampilkan nilai pada jawaban yang benar.

Menu materi

Ujian Semester

Pengguna Akses menu materi

Menampilkan menu materi

Masuk halaman ujian

Menampilkan halaman ujian

Menjawab soal

Cek jawaban

Menampilkan hasil

Gambar 3.5 Sequence Diagram Ujian Semester

41

3.2.5

Perancangan Antarmuka Pada tahap perancangan antarmuka ini,

penulis mendesain rancangan

antarmuka untuk aplikasi yang akan dibuat dan menunjukan letak tombol yang satu dengan yang lainnya untuk dapat memproses pembelajaran matematika untuk SMA kelas 11, serta menjelaskan tombol-tombol yang ada pada aplikasi pembelajaran. 3.2.5.1 Perancangan Antarmuka Halaman Utama Judul Kelas 11

Kelas 10

Kelas 12

Gambar 3.6 Perancangan Antarmuka Halaman Utama Pada halaman utama terdapat 3 tombol untuk menuju ke kelas 10 sampai kelas 12 SMA, dimana pengguna dapat memilih kelas sesuai tingkatan kelas. 3.2.5.2 Perancangan Antarmuka Halaman Menu Kelas 11 Home

Sound

Exit

Judul

Animasi IPS

Bab 1 Bab 2

Ujian Semester 1

Bab Bab 4 Bab 5

Ujian Semester 2

3

Gambar 3.7 Perancangan Antarmuka Halaman Menu Kelas 11

42

Pada halaman menu kelas 11 terdapat tombol materi dari bab 1 sampai bab 5, dan juga 2 tombol ujian semester. Pada halaman ini juga terdapat tombol “Home” untuk kembali ke halaman utama, tombol “Sound” untuk menghidupkan atau mematikan suara, dan tombol “Exit” untuk keluar dari aplikasi. Dibagian kiri atas terdapat animasi bertuliskan “Matematika SMA Kelas 2”. 3.2.5.3 Perancangan Antarmuka Halaman Materi Home

Keluar

Judul Bab

Sub Materi

Materi Latihan Next Back Gambar 3.8 Perancangan Antarmuka Halaman Materi Pada halaman materi terdapat tombol sub materi yang dapat dipilih oleh pengguna, pada sub materi bisa menekan tombol next dan back untuk menuju ke sub materi selanjutnya ataupun kembali ke sub materi sebelumnya. Tombol latihan akan masuk ke menu latihan, tombol home untuk kembali ke halaman menu kelas 11.

43

3.2.5.4 Perancangan Antarmuka Halaman Latihan a. Antarmuka Halaman Awal Menu Latihan

Gambar 3.9 Perancangan Antarmuka Halaman Latihan Pada halaman awal menu latihan ini terdapat tombol mulai yang berfungsi untuk memulai latihan dan menampilkan halaman soal latihan. Perancangan halaman ini digunakan untuk halaman latihan 1 sampai 5. b. Antarmuka Halaman Soal Latihan

No

Soal

A

D

B

E

C

Jawa

Lanjut

b

Gambar 3.10 Perancangan Antarmuka Halaman Soal Latihan Halaman soal latihan ini menampilkan 10 soal pilihan ganda dan pilihan jawaban A, B, C, D, dan E berbentuk tombol yang dapat diklik oleh pengguna. Pada halaman ini juga terdapat tombol Lanjut yang berfungsi untuk menuju ke soal berikutnya. Perancangan halaman ini digunakan untuk halaman latihan 1 sampai 5.

44

c. Antarmuka Halaman Nilai Latihan Home

Text

Nilai

Gambar 3.11 Perancangan Antarmuka Halaman Nilai Latihan Halaman nilai latihan ini untuk menampilkan nilai yang diperoleh oleh pengguna setelah menjawab 10 pertanyaan. 3.2.5.5 Perancangan Antarmuka Halaman Ujian Semester a. Antarmuka Halaman Awal Ujian Semester

Gambar 3.12 Perancangan Antarmuka Halaman Awal Ujian Semester

45

Pada halaman awal menu ujian semester ini terdapat tombol mulai yang berfungsi untuk memulai latihan dan menampilkan halaman soal ujian semester. Perancangan halaman ini digunakan untuk halaman ujian semester 1 dan ujian semester 2. b. Antarmuka Halaman Soal Ujian Semester Timer No

Soal

A

D

B

E

C

Jawab

Lanjut

Gambar 3.13 Perancangan Antarmuka Halaman Soal Ujian Semester Halaman ujian semester ini menampilkan 10 soal pilihan ganda dan pilihan jawaban A, B, C, D, dan E berbentuk tombol yang dapat diklik oleh pengguna. Pada halaman ini juga terdapat tombol Lanjut yang berfungsi untuk menuju ke soal berikutnya. Terdapat timer untuk masa pengerjaan ujian semester, lamanya waktu yang diberikan adalah 60 menit.

46

c. Antarmuka Halaman Papan Nilai Ujian Semester

Papan Nilai

Home

No

Nama

Nilai

Gambar 3.14 Perancangan Antarmuka Halaman Papan Nilai Ujian Semester Halaman papan nilai ujian semester ini untuk menampilkan nilai yang diperoleh oleh pengguna setelah menjawab 10 pertanyaan. Kemudian pengguna memasukkan nama ke kolom yang tersedia, nama pengguna akan ter-update berdasarkan nilai tertinggi berada diposisi paling atas dan nilai terkecil berada diposisi paling bawah.

BAB III KONSEP DAN PERANCANGAN

Recommend Documents