BAB 4 ANALISA DAN PERANCANGAN E-LEARNING DENGAN METODE ADBE(ANALYZE, DESIGN, BUILD, EVALUATE)

BAB 4 ANALISA DAN PERANCANGAN E-LEARNING DENGAN METODE ADBE(ANALYZE, DESIGN, BUILD, EVALUATE)

Metode perancangan E-learning yang digunakan untuk sekolah SMA Antonius adalah ADBE(Analyze, Design, Build, Evaluate). Berikut merupakan pembahasan dari metode tersebut:

Gambar 4.1 Analyze, Design, Build, Evaluate cycle

4.1

Analyze 4.1.1

Analisa Hasil Kuesioner Setelah dilakukannya pengumpulan data melalui kuesioner dan telah dilampirkan di bab sebelumnya, kini peneliti akan menungkapkan analisa dari hasil kuesioner tersebut. Analisa hasil kuesioner adalah sebagai berikut: 1. Diketahui bahwa murid Sma Antonius kelas XII IPS , sudah hampir semua murid mengakses internet melalui rumahnya (kuesioner no.1) .Yang biasa di lakukan para murid pada saat mengakses internet adalah browsing dan download(kuesioner no.2).Hal tersebut membuktikan bahwa para murid sudah mengerti tentang menggunakan internet. 47

48

2. Tingkat keseringan para murid mencari informasi dengan melalui internet,

para

murid

memiliki

jawaban

yang

cukup

beragam(kuesioner no.3) , dari 51 murid kelas XII IPS , 27 murid menjawab sering , 14 murid menjawab sangat sering dan 10 murid menjawab jarang dan informasi yang paling dibutuhkan oleh para murid adalah materi pembelajaran(kuesioner no.4).Hal tersebut menandakan bahwa sebagian besar para murid , mencari informasi menggunakan internet dan membutuhkan materi pembelajaran lebih banyak. 3. Tingkat keseringan para murid berdiskusi tentang tugas sekolah dengan menggunakan internet(kuesioner no.5) , memiliki jawaban yang cukup beragam yaitu dari 51 murid kelas XII IPS terdapat 22 murid menjawab jarang , 13 murid menjawab sering , 9 murid menjawab tidak pernah dan 7 murid menjawab sering.Dapat disimpulkan bahwa para murid masih jarang menggunakan internet untuk berdiskusi tentang tugas sekolah. 4. Waktu yang di gunakan para murid dalam menggunakan internet untuk menunjang tugas para murid sebagai siswa(kuesioner no.6) adalah tercatat 28 murid menjawab kurang dari 7 jam,16 murid menjawab 7-14 jam dan 7 murid menjawab lebih dari 21 jam.Tingkat keseringan para murid dalam mencari soal-soal latihan dengan menggunakan internet untuk menghadapi ujian (kuesioner no.7) adalah tercatat 27 murid menjawab jarang,18 murid menjawab sering dan 6 murid menjawab tidak pernah.Hal tersebut menandakan sudah cukupnya waktu para murid untuk mencari informasi mengenai tugas dan masih kurangnya para murid yang mencari soal-soal latihan untuk menghadapi ujian. 5. Penjelasan guru tentang materi pembelajaran(kuesioner no.8) kepada para murid ,tercatat 38 murid menjawab kurang dan 13 murid menjawab cukup.Kecukupan pemberian materi-materi

49

pembelajaran kepada para murid(kuesioner no.9),tercatat 38 murid menjawab kurang dan 13 murid menjawab cukup dan kecukupan waktu dalam penyampaian materi kepada para murid (kuesioner no.10),tercatat 35 murid menjawab kurang dan 16 murid

menjawab

cukup.

Dapat

di

simpulkan

bahwa

penjelasan,pemberian dan penyampaian materi kepada para murid masih kurang. 6. Diketahui bahwa sarana dan prasarana para murid untuk menunjang

pembelajaran

e-learning(kuesioner

no.11),sudah

hampir semua murid memiliki sarana dan prasarana untuk menunjang pembelajaran e-learning. 7. Fasilitas yang seharusnya ada pada website e-learning(kuesioner no.12) yang di butuhkan oleh para murid adalah tercatat 24 murid menjawab soal latihan,14 murid menjawab materi pembelajaran dan 13 murid menjawab forum diskusi.Dapat disimpulkan dari jawaban para murid,mereka membutuhkan soal latihan.

4.2

Design Dibagian design, peneliti akan melakukan perancangan untuk pembuatan website geniusmath. Dimulai dari materi pembelajaran yang diberikan, latihan soal dan kuis yang diberikan serta bagaimana berkomunikasi dengan murid lainnya didalam forum.

4.2.1 Sistem Pembelajaran Usulan Untuk mengatasi masalah dan keluhan dari para murid dan guru, peneliti telah merancang sebuah proses pembelajaran usulan berbasiskan E-learning. Berikut merupakan proses pembelajaran usulan yang telah dirancang:

50

a. Admin Tugas

pertama

admin

dalam

mengelola

website

geniusmath dari E-learning SMA Antonius adalah melakukan input data para pemakai(user). Terdiri dari admin sendiri, teacher, dan student. Dan setiap pemakai mempunya tugas masing-masing dalam mengelola website tersebut. Setelah itu ditampilan beranda (HOME), admin dapat men-input data pengumuman dari sekolah berupa announcement. Pada bagian forum,admin dapat membuat thread untuk diskusi murid, dan sebagainya. Admin pun mempunya wewenang untuk menghapus balasan-balasan di threadforum dan admin dapat pula melakukan balasan-balasan didalam threadforum tersebut.Dibagian materi admin dapat meninput exercise. Pada bagian kuis, adminakanmen-input kuis berupamultiple choice(pilihan ganda) untukmenguji sejauh mana pemahaman murid dalam belajar.

b. Teacher Tugas yang diberikan untuk guru untuk mengelolawebsite dari geniusmath tidaklah banyak. Guru juga mempunyai wewenang untuk membuat thread diforum untuk pembahasanpembahasan maupun pengumuman tertentu mengenai proses pembelajaran yang sedang berlangsung. Guru juga dapat melakukan post dan reply di dalam forum.Guru juga dapat memantau hasil nilai kuis dari setiap murid.

c. Student Dibagian forum, murid dapat membuat thread serta melakukanpost dan replydi thread.Dibagian materi , murid dapat mempelajari semua materi yang telah disediakan. Para murid dapat pula mengerjakan exercise yang telah disediakan setelah

51

mempelajari materi matematika.Murid wajib mengerjakan kuis yang telah disediakan yaitu kuis multiple choice(pilihan ganda) yang nilainya dapat dilihat dibagian score.

4.2.2

Predictable Learning Cycle Berikut merupakan serangkaian materi pembelajaran yang akan diberikan dan dikemas dalam 6 materi:

Materi II

Materi III

Materi I

Materi

Materi

Materi

IV

V

VI

(absorb activities)

Presentation

Class Meeting Logika

Aturan

Persamaan

sistem

Limit

Mengo-

Matematika

pangkat,

dan

persam

fungsi

lah,

akar dan

pertidaksa

aan

aljabar,

menyaji

logaritma

maan

linear,

turunan

kan, dan

, fungsi

kuadrat,

progra

fungsi,

menafsi

aljabar

komposisi

m

nilai

rkan

sederhan

dan invers

linear,

ekstrim

data dan

a, fungsi

fungsi,

matriks

dan

memaha

kuadrat

,

integral

mi

dan

barisan

fungsi

pencaca

grafiknya

dan

han,

,

deret

permuta si dan, kombin asi dan peluang kejadian

52

Mempe-lajari

Mempela

Mempelaja

Mempe

Mempel

Mempel

logika matema-

ja-ri

ri

-lajari

ajari

ajari

tika

pangkat,

persamaan

persam-

limit

pencac-

akar,

dan

aan

fungsi

han,

logaritma

pertidaksa-

linear,

aljabar,

permuta

, aljabar,

maan

matriks

turunan

-si, dan

fungsi

kuadrat

, dan

fungsi,

kombi-

kuadrat,

,komposisi,

barisan

luas

nasi,

dan

dan invers

deret

daerah

peluang

grafik

fungsi

dengan

kejadian

Activities

menggu nakan integral Assignments

Menger Menger- Menger-

Mengerjakan

Menger-

Mengerjak

soal secara

jakan

an soal

-jakan

jakan

jakan

online logika

soal

secara

soal

soal

soal

matematika

secara

online

secara

secara

secara

online

mengenai

online

online

online

menge-

persamaan

menge-

mengen

mengen

naipangk

dan

nai

ai limit

ai

at, akar,

pertidaksa-

persam-

fungsi

pencaca

logarit-

maan

aan

aljabar,

han,

ma,

kuadrat,

linear,

turunan

permuta

aljabar,

komposisi,

matriks

fungsi,

si, dan

fungsi

dan invers

, dan

luas

kombin

kuadrat,

fungsi

barisan

daerah

a-si,

deret

dengan

peluang

menggu

kejadian

(Individual)

Drill and Practice

53

dan grafik

-nakan

(Group)

Discussion

integral Mengumpulka

Mengum

Mengumpu

Mengu

Mengu

Mengu

ninformasi dan

pulkan

lkan

mpul-

mpul-

mpul-

pendapat dari

informasi

informasi

kan

kan

kan

murid lainnya

dan

dan

informa

informa

informa

melalui forum

pendapat

pendapat

si dan

si dan

si dan

murid

murid

lainnya

lainnya

melalui forum

pendap- pendapa

pendapa

at

t murid

t murid

melalui

murid

lainnya

lainnya

forum

lainnya

melalui

melalui

melalui

forum

forum

forum Resources

54

Website

Website

Websit

Website

Website

penyedia teori

penyedia

penyedia

e

penyedi

penyedi

dan rumus

teori dan

teori dan

penyedi

a teori

a teori

tambahan

rumus

rumus

a teori

dan

dan

Cari: logika

tambahan

tambahan

dan

rumus

rumus

matematika

Cari :

Cari :

rumus

pangkat,

persamaan

tambah

n

n

akar,

dan

an

Cari:

Cari:

logaritma

pertidaksa

Cari:

limit

limit

, aljabar,

maan

persam

fungsi

fungsi

fungsi

kuadrat,ko

aan

aljabar,

aljabar,

kuadrat,

mposisi,

linear,

turunan

turunan

dan

dan invers

matriks

fungsi,

fungsi,

grafik

fungsi

, dan

luas

luas

barisan

daerah

daerah

deret

dengan

dengan

menggu

menggu

nakan

nakan

integral

integral

Other

Web sites and searches

Website

tambaha tambaha

Buku sekolah

Buku

Buku

Buku

Buku

Buku

matematika

sekolah

sekolah

sekolah

sekolah

sekolah

kelas X-XII

matemati

IPS

ka kelas

kelas X-

tika

ika

ika

X-XII

XII IPS

kelas

kelas X-

kelas X-

X-XII

XII IPS

XII IPS

IPS

matematika matema matemat matemat

IPS

Tabel4.1 Predictable Learning Cycle

55

4.2.3

Event Table

Event

Trigger

Source

UseCase

Response

Admin menginput announcement

Adanya pengumuman baru

Teacher

Menginput announcement

Pengumuman pada web

-

Admin menginput Exercises

Adanya Exercises baru

Teacher

Menginput Exercises

Exercises baru

-

Admin menginput quiz multiple choice

Adanya quiz baru

Teacher

Menginput quiz multiple choice

Quiz baru

-

Admin mengupdate quiz multiple choice

Adanya perubahan quiz

Teacher

Mengupdate quiz multiple choice

Perubahan quiz

-

Admin melakukan post,reply di forum

Adanya posting yang harus dijawab

Admin

Melakukan post,reply di thread

Menjawab posting

-

Admin melakukan register teacher

Adanya teacher baru

Teacher

Melakukan register teacher

Teacher baru

-

Admin melakukan register student

Adanya student baru

Student

Melakukan register student

Student baru

-

Admin menghapus post

Adanya post yang tidak dibutuhkan

Menghapus post

Post terhapus

-

Admin membuat thread di forum

Adanya topic yang harusdibahas

Membuat thread

Thread baru

-

Admin menghapus thread di forum

Adanya thread yang tidak dibutuhkan

Menghapus thread diforum

Thread terhapus

-

Teacher mendownload Exercise

Adanya Exercise yang ingin di bahas

Mendownload Exercise

Membahas Exercise

-

-

Admin,teacher

-

Teacher

Destination

56

Teacher membuat thread di forum

Adanya topic yang harus dibahas

Student, Teacher

Membuat thread diforum

Thread baru

-

Teacher melakukan post , reply di forum

Adanya posting yang harus dijawab

Student, Teacher

Melakukan post dan reply diforum

Jawab posting

-

Student Mendownload Exercises

Adanya Exercises yang dikerjakan

Teacher, Admin

Mendownload Exercises

Mengerjakan Exercises

-

Student Mengerjakan quiz multiple choice

Adanya quiz multiple choice yang dikerjakan

Teacher, Admin

Mengerjakan quiz multiple choice

Mendapatkan nilai

-

Student Mengerjakan ulang quiz multiple choice

Adanya nilai yang kurang memuaskan

Teacher, Admin

Mengerjakan ulang quiz multiple choice

Mendapatkan nilai

-

Student Membuat thread diforum

Adanya topic yang ingin dibahas

Student, Teacher

Membuat thread

Thread baru

-

Student Melakukan post dan relay diforum

Adanya pertanyaan yang ingin diajukan

Student Teacher

Melakukan post dan replay diforum

Pertanyaan dijawab

-

Table 4.2 Event Table

57

4.2.4

Use Case S is te m In fo r m a s i S M A A n to n iu s

M e la k u k a n L o g in

M e n g in p u t announcem ent

M enghapus announcem ent

M e n g in p u t E x e r c is e

M e n g u p d a te Q u iz m u ltip le c h o ic e A d m in M e la k u k a n re g is te r s tu d e n t

M e la k u k a n re g is te r te a c h e r

M e m b u a t th re a d

M e la k u k a n p o s t , re p ly d a n d e le te th re a d

M e n g h a p u s th r e a d

M e la k u k a n lo g in

M e n d o w n lo a d E x e rc is e

G u ru

M e m b u a t th re a d

M e la k u k a n p o s t d a n re p ly th r e a d

M e la k u k a n lo g in

M u r id

M e n d o w n lo a d e x e r c is e

M e n g e r ja k a n q u iz m u ltip le c h o ic e

M e n g e rja k a n u la n g q u iz m u ltip le c h o ic e

M e n d a p a tk a n n ila i

M e m b u a t th re a d

M e la k u k a n p o s t d a n r e p ly th r e a d

Gambar 4.2Use Case

58

Data para user yang di input oleh admin bersifat statis, artinya tidak selalu berubah-ubah dan hanya di ganti satu kali dalam satu tahun yaitu pada saat mulainya tahun ajaran baru dan murid yang baru masuk ke kelas XII-IPS. Untuk dapat mengakses website tersebut, admin harus melakukan login terlebih dahulu. Pengumuman berisikan pengumuman akan kuis yang akan datang beserta deadline nya. Admin juga harus membuat thread di bagian forum.Admin juga dapat melakukan post dan reply di dalam thread di forum. Admin mempunyai wewenang untuk menghapus post atau comment dari para murid. Ada 2 macam latihan di dalam website tersebut, yaitu yang pertama adalah exercise yang merupakan latihan langsung setelah melakukan pembelajaran, kuis multiple choice merupakan latihan berupa pilihan ganda dan nilai yang dihasilkan akandapat ditampilkan dibagian score. Peran

guru

dalam

mengelola

websitegeniusmath

tidaklah

banyak.Dikarenakan pengetahuan dan kemampuan dari guru dalam teknologi informasi cukup terbatas. Oleh karena itu guru hanya memiliki peran seperti dapat membuat thread di forum apabila ada hal yang ingin didiskusikan dengan para murid. Disamping membuat thread, guru juga dapat melakukan post dan reply di dalam thread di forum.Guru juga dapat melihat nilai kuis multiple choice dari para muridnya. Sama seperti user lainnya, murid harus melakukan login terlebih dahulu untuk dapat mengakses websitewww.genius-math.com. Di bagian forum murid dapat membuat thread dan dapat melakukan reply di dalam thread Dibagian pertemuan murid dapat melakukan pembelajaran secara online. Dibagian kuis, murid dapat mengerjakan kuis multiple choice yang nilai hasil pengerjaannya akan disimpan ke dalam database. Murid dapat melihat nilai hasil kuis multiple choice dibagian nilai.

59

4.2.5

Class Diagram Berikut merupakan class diagramyang ditampilkan dalam gambar 4.3

dari perancangan E-Learning geniusmath. Terdiri dari 13 class yaitu Score,student,class,materi,teacher,announcement,forum,admin,quiz,detailMateri ,tahun,reply,jawabanQuizStudent. 1.*

*

1.1

1.1

1.1

1.1

Student

-ID_score -ID_guru -ID_murid -ID_quiz -nilai

1.1

1.1

1.* -ID_student -nama -pass 1.* -phone -gender 1.* -email -tahun

0.1

Class -ID_kelas -ID_student -nama_kelas 1.* -nama

1.1 1.*

1.1

1.1

1.*

1.*

1.*

1.* Materi

1.1

1.*

1.*

Score 1.1

Tahun 1.* -Id_Tahun -periode -nama -nama_kelas

1.1

Teacher

-ID_materi -judul_materi -type -nama_file -id_exercise -file_name_exercise -exercise_tittle

1.1

1.*

-ID_teacher 1.* -nama -pass -phone 1.* -gender -email 1.1

Announcement

1.*

1.1

-ID_annon -ID_admin -isi -tanggal -judul_annon

1.1

1.*

0.1

DetailMateri 1.1 Forum -ID_forum -judul -deskripsi 1.* -tanggal -username -userstatus

-ID_detail_Materi -No_materi -isi_materi

1.1

-ID_admin 1.1 -pass -nama -phone 1.*

1.1

1.1

1.1 Admin

1.*

1.* Quiz

1.*

1.*

-ID_quiz -soal -jawaban A 1.1-jawaban B -jawaban C -jawaban D -jawaban_benar

*

1.*

1.* 1.*

1.* 1.1

Reply 1.1

-Id_reply -isi_reply -username -tanggal

JawabanQuizStudent 1.1

-Id_Student -Id_student -jawaban_student -nilai -soal

1.1 1.1

Gambar 4.3Class Diagram

1.1

60

4.2.6

System Sequence Diagram (Three Layer)

:<>Login

:<>Login

:Admin

:Admin DA

Read_Admin() Admin Start_login(ID_admin,nama,pass,phone,gender,email) Start_login(Start_login(ID_admin,nama,pass,phone,gender,email) Start_login(Start_login(ID_admin,nama,pass,phone,gender,email)

Confirmation()

Confirmation()

Gambar 4.4Three Layer – Admin melakukan login

Pada sequence three layer ini menjelaskan tentang admin yang melakukan login.

61

:<>Announcement

:<>Announcement

Admin

:Announcement DA

Start_input_announcement(Id_annon,is,tangal,judul) Start_input(Id_annon,isi,tanggal,judul) Add_Announcement(id_annon,isi,tanggal,judul) :Announcement

Confirmation() Confirmation()

Hapus_annon() Hapus_annon()

Save() Save() Save()

Save()

Gambar 4.5Three Layer – Admin men-input Announcement

Pada sequence three layer ini menjelaskan tentang , admin yang akan men-input announcement baru , apabila ada penambahan announcement dan juga admin dapat menghapus announcement.

62

:< < h an d ler>> E x ercis e

:< < b ou n da ry >> E x ercise

A dm in :D e ta il m ate ri

:M a te ri D A

S tart_ in pu t_ e xe rcise (ID _e xe rcise ,ju du l,file )

:D etail m a te ri D A

S tart_ inp u t_ e xe rc ise (ID _ e xe rc ise ,jud u l,file ) A d d _e xe rc ise (ID _ ex ercis e ,ju du l,file ) :M a te ri

C o nfirm a tio n()

C on firm atio n()

S a ve () S a ve () S a ve () S a ve () S a ve () S av e ()

Gambar 4.6Three Layer – Admin men-input exercise

Pada sequence three layer ini menjelaskan tentang , admin yang akan men-input exercise baru .

63

Admin

:<>Quiz

:<>Quiz :Detail quiz

:Detail quiz QA

:Quiz DA

Start_input_quiz_multiplechoice(ID_quiz_soal,jawaban A,jawaban B,Jawaban C,Jawaban D)

Start_input_quiz_multiplechoice(ID_quiz_soal,jawaban A,jawaban B,Jawaban C,Jawaban D)

Add_quiz(id_quiz,soal,jawaban A,jawaban B,Jawaban C,Jawaban D) :Quiz

Confirmation() Confirmation()

Save() Save() Save()

Save() Save() Save()

Gambar 4.7Three Layer – Admin men-input quiz multiple chocice

Pada sequence three layer ini , menjelaskan tentang , admin yang akan men-input quiz multiple choice baru , apabila ada penambahan quiz baru.

64

Admin

:<>Quiz

:<>Quiz :Quiz

:Detail quiz

:Detail quiz QA

:Quiz DA

Start_update_quiz_multipleChocice(Id_quiz,soal,jawaban A,jawaban B,jawaban C,jawaban D)

Start_update_quiz_multiplechoice(ID_quiz_soal,jawaban A,jawaban B,Jawaban C,Jawaban D) init_Quiz()

Read_Quiz()

get_soal() soal()

Ubah_quiz(Soal) Ubah_quiz(Soal) Ubah_quiz(Soal) update_quiz()

Save() Save() Save() Save() Save() Save()

Gambar 4.8Three Layer – Admin men-update quiz multiple choice

Pada sequence three layer ini menjelaskan tentang , admin yang akan men-update quiz multiple choice . Apabila ada perubahan pada quiz sebelumnya.

65

Admin

: <>register teacher

:<>register teacher

:Teacher DA

Start_register_teacher(id_teacher,nama,pass,phone,gender,email) Start_register_teacher(id_teacher,nama,pass,phone,gender,email)

Add_register_teacher(ID_Teacher,nama,pass,phone,gender,email) :Teacher

Confirmation() Confirmation()

Save() Save() Save()

Save()

Gambar 4.9Three Layer– Admin melakukan register teacher

Pada sequence three layer ini menjelaskan tentang admin yang melakukan register teacher , apabila adanya teacher baru.

66

Admin

:<>register student

:<>register student

:student DA

Start_register_student(id_Student,nama,pass,phone,gender,email,tahun)

Start_input_quiz_multiplechoice(ID_quiz_soal,jawaban)

Add_register_student(ID_student,nama,pass,phone,gender,email,phone) :student

Confirmation() Confirmation()

Save() Save()

Save()

Save()

Gambar 4.10 Three Layer – Admin melakukan register student

Pada sequence three layer ini menjelaskan tentang admin yang melakukan register student apabila sudah dimulainya tahun ajaran baru.

67

Admin

:<>Thread

:<>Thread

:Forum DA :Forum

Start_buat_thread(ID_forum,judul,desk,tgl,username,userstatus,reply) Start_buat_thread(ID_forum,judul,desk,tgl,username,userstatus,reply)

Add_thread(Id_Forum,judul,deskripsi,tgl,username)

Confirmation() Confirmation()

OPT Hapus_thread() Hapus_thread()

Confirmation() Confirmation()

Save()

Save() Save() Save()

Gambar 4.11 Three Layer – Admin membuat dan menghapus thread

Pada sequence three layer ini menjelaskan tentang , wewenang admin untuk membuat thread apabila ada hal yang akan disampaikan.Admin juga dapat menghapus thread , apabila ada thread yg sudah terlalu lama dan tidak digunakan lagi.

68

Admin

:<>Post

:<>Post

:Forum DA

Start_melakukan_post(id_forum,judul,deskripsi,username,tanggal,userstatus,reply) Start_melakukan_post(id_forum,judul,deskripsi,username,tangga,userstatus,replyl)

Add_post(judul,deskripsi,username,tanggal,userstatus,reply) :Forum

Confirmation() Confirmation()

opt

Hapus_post() Hapus_post()

Confirmation() Confirmation()

Save()

Save()

Save()

Save()

Gambar 4.12 Three Layer – Admin melakukan post,replydan delete thread

Pada sequence three layer ini menjelaskan tentang, wewenang admin untuk melakukan post dan reply apabila ada pertanyaan yg diajukan kepada admin dan admin harus menjawabnya.Admin juga dapat menghapus post yg telah di;akukan oleh techer dan student.

69

Teacher

:Teacher :<>Login

:Teacher DA

:<>Login

Start_login(Id_teacher,nama,pass,phone,gender,email) Start_login(ID_teacher,nama,pass,phone,gender,email) Init_teacher(ID_teacher,nama,pass,phone,gender,email)

Read_Teacher

Confirmation()

Confirmation()

Gambar 4.13 Three Layer – Teacher melakukan login

Pada sequence three layer ini menjelaskan tentang , teacher yang melakukan login.

70

Gambar 4.14 Three Layer – Teacher men-download exercise

Pada sequence three layer ini menjelaskan tentang , teacher yang mendownload exercise.

71

Teacher

:<>Thread

:<>Thread

:ForumDA

:Teacher

:Teacher DA

Start_buat_thread(ID_forum,judu,deskripsi,tanggal,username,usertatus,replyl) Start_buat_thread(Id_forum,judul,deskripsi,tanggal,username,userstatus,reply) Add_thread(Id_Forum,judul,deskripsi,tanggal,username,userstatus,reply) :Forum

Init_Teacher() Get_username()

Username() Confirmation() Confirmation() Save() Save() Save() Save() Save() Save()

Gambar 4.15 Three Layer – Teacher membuat thread

Pada sequence three layer ini menjelaskan tentang , wewnang teacher yang ingin membuat thread.Apabila adanya materi yang ingin dibahas.

72

Gambar 4.16 Three Layer – Teacher melakukan post dan reply

Pada sequence three layer ini menjelaskan tentang , wewenang teacher untuk melakukan post dan reply.Apabila adanya pertanyaan dari student sehingga teacher haarus menjawabnya.

73

Student

:<>Login

:M urid :Murid DA

:<>Login

R ead_Murid() Start_login(ID_m urid,nama,pass,phone,gender,em ail) Start_loginStart_login(ID_m urid,nama,pass,phone,gender,email)

C onfirmation() Confirmation()

Gambar 4.17 Three Layer – Student melakukan login

Pada sequence three layer ini menjelaskan tentang student yang akan melakukan login.

74

Student

:Materi :<>Exercises

:Detail materi

:<>Exercises

:Materi DA

:Detail materi DA

Start_exercises(Id_exercisesz,File,judul,pembahasan) Start_exercises(Id_Exercises,File,judul,pembahasan) Init_Exercises(id_exercises,File,judul,pembahasan)

Read_Materi() Confirmation()

Read_DetailMateri()

Confirmation()

Confirmation()

Gambar 4.18 Three Layer – Student men-download exercise

Pada sequence three layer ini menjelaskan tentang , student yang akan men-download exercise , untuk dikerjakannya di rumah sebagai latihan.

75

:<> Quiz Multiple Choice

:<> Quiz Multiple Choice

:Student

:Quiz

:Student DA

:Quiz DA

:Jawaban Quiz Student

:Jawaban Quiz Student DA

Student

Start_Quiz_Multiple_Choice(Id_quiz,jawaban,a,b,c,d) Start_Quiz_Multiple_Choice(Id_quiz,jawaban,a,b,c,d) Init_student() Read_Student() Get_Username() Confirm() Confirm() Init_quiz() Get_Soal() Read_Quiz() Confirm() Confirm()

Confirm()

Jawab() Jawab() Confirm()

Save() Save() Save() Save()

Gambar 4.19 Three Layer – Student mengerjakan quiz multiple choice dan mendapatkan score

Pada sequence three layer ini menjelaskan tentang student yang harus mengerjakan quiz multiple choice serta setelah selesai mengerjakan quiz tersebut , student akan mendapatkan score.

76

Murid

:<>Thread

:<>Thread

:Student

:Student DA

:Forum DA Start_buat_thread(ID_forum,judul,deskripsi,tanggal,username,userstatus,reply) Start_buat_thread(ID_forum,judul,deskripsi,tanggal,username,userstatus,reply) Add_thread(Id_forum,judul,deskripsi,tanggal,username,userstatus,reply) :Forum

Init_Murid()

Get_username() Username()

Confirmation() Confirmation() Save() Save() Save() Save()

Save() Save()

Gambar 4.20 Three Layer – Student membuat thread

Pada sequence three layer ini menjelaskan tentang , wewenang student untuk membuat thread apabila adanya materi yang kurang jelas , sehingga student dapat bertanya kepada teacher.

77

Murid

:<>Post

:<>Post :ForumDA

Start_melakukan_post(id_forum,judul,deskripsi,username,tanggal,userstatus,reply) Start_melakukan_post(id_forum,judul,deskripsi,username,tanggal,userstatus,reply)

Add_post(Id_Forum,judul,deskripsi,username,tanggal,userstatus,reply) :Forum

Confirmation()

Confirmation()

Save()

Save()

Save() Save()

Gambar 4.21 Three Layer – Student melakukan post dan reply

Pada sequence three layer ini menjelaskan tentang , student yang melakukan post dan reply . Apabila adanya pertanyaan yang ingin dijawab oleh student tersebut.

78

4.2.7

Rancangan Layar Rancangan layar adalah sebuah rancangan atau blueprint awal dari pembuatan websitegenius-math. Rancangan layar menampilkan bentuk website yangbelum dibuat dan masih dalam tahap pengembangan. Berikut merupakan rancangan layar dari website genius-math :

Gambar 4.22 Rancangan layar –Admin , Student , Teacher Login

Halaman ini merupakan halaman awal yang digunakan untuk melakukan login untuk dapat mengakses website genius-math. Terdapat 3 pemakai website yaitu admin, teacher, dan student.

79

Gambar 4.23 Rancangan Layar – Home Admin

Halaman ini merupakan halaman awal (HOME) setelah melakukan login dengan admin.Halaman ini berisi kata sambutan , announcement , about us dan contact us.

80

Gambar 4.24 Rancangan Layar – About us Admin

Halaman ini berisi tentang about us sekolahan Sma Antonius .Didalam about us ini terdapat keterangan tentang sejarah sekolah SMA Antonius.

81

Gambar 4.25 Rancangan Layar –Detail announcement Admin

Pada halaman ini berisi tentang , detail dari announcement yang telah dibuat.

82

Gambar 4.26 Rancangan Layar – New announcement Admin

Pada halaman ini berisi tentang , wewenang admin yang akan membuat announcement baru.

83

Gambar 4.27 Rancangan Layar – Materi Admin

Pada halaman ini berisi tentang materi yang telah dirangkum menjadi 6 bagian dan pada setiap materinya terdapat exercise untuk didownload oleh student dan teacher.

84

Gambar 4.28 Rancangan Layar – Detail materi Admin

Halaman ini berisi tentang isi atau detail dari materi yang dipilih.

85

Gambar 4.29 Rancangan layar – Input exercise admin Halaman ini berisi tentang , wewenang admin , untuk meninput exercise baru.

86

Gambar 4.30 Rancangan Layar – Quiz Admin

Halaman ini berisi tentang quiz yang harus dijawab oleh student . Untuk admin,terdapat button update , yang berguna untuk men-update quiz.

87

Gambar 4.31 Rancangan Layar – Update quiz Admin

Halaman ini digunakan admin , untuk mengupdate quiz berserta jawabannya.

88

Gambar 4.32 Rancangan Layar – Register Admin

Halaman ini dugunakan oleh admin untuk melakukan register student dan teacher.Untuk student hanya dilakukan pada saat tahun ajaran baru.

89

Gambar 4.33 Rancangan Layar – Forum Admin

Halamn ini digunakan admin , untuk membuat thread apabila adanya pemberitahuan yang harus disampaikan untuk student dan teacher.Untuk admin adanya button Delete , untuk menghapus thread.

90

Gambar 4.34 Rancangan Layar – Detail forum Admin

Halaman ini berisi tentang detail forum , yang digunakan untuk menjawab pertanyaan yang diajukan student dan teacher.Untuk admin ada button Delete , yang berguna untuk menghapus post yang telah dibuat oleh student , admin dan teacher.

91

.

Gambar 4.35 Rancangan Layar –Create new thread Admin

Halaman ini digunakan untuk membuat thread , admin harus memasukkan title dan description.

92

Gambar 4.36 Rancangan Layar – Home Teacher

Halaman ini merupakan halaman home teacher ,setelah melaakukan login yang terdiri dari about us , contact us , dan announcement.

93

Gambar 4.37 Rancangan Layar – About us Teacher

Halaman ini berisi tentang sejarah sekolah SMA Antonius.

94

Gambar 4.38 Rancangan Layar – Detail announcmenet Teacher

Halaman ini berisi tentang isi announcement yang dapat dilihat oleh teacher , admin dan student.

95

Gambar 4.39 Rancangan Layar – Materi Teacher

Halaman ini berisi tentang materi yang telah diringkas menjadi 6 materi , untuk digunaka para teacher dan student agar dapat lebih memahami materi.Disetiap materi , terdapat exercise yang bisa didownload.

96

Gambar 4.40 Rancangan Layar – Detail materi Teacher

Halaman ini berisi tentang , isi dari materi yang telah dipilih untuk dipelajari.

97

Gambar 4.41 Rancangan Layar – Quiz Teacher

Halaman ini berisi tentang quiz yang akan dikerjakan oleh student.Quiz dibagi menjadi 6 sesuai dengan materi yang telah disediakan.

98

Gambar 4.42 Rancangan Layar – Score Teacher

Halaman ini berisi tentang score para student , yang telah mengerjakan quiz multiple choice.Teacher dapat melihat nilai student yang telah mengerjakan quiz multiple choice.

99

Gambar 4.43 Rancangan Layar – Forum Teacher

Halaman ini merupakan forum , untuk berdiskusi teacher dan student.Apabila adanya pembahasan yang dirasa , kurang dimengerti oleh student.Pada halaman ini teacher dapat membuat thread baru.

100

Gambar 4.44 Rancangan Layar – Detail forum Teacher

Halaman ini digunakan untuk berdiskusi para teacher dan student , apabila adanya pertanyaan yang ingin diajuakan serta menjawab pertanyaan yang telah diajukan.Untu teacher tidak terdapat button Delete.

101

Gambar 4.45 Rancangan Layar – Create new thread Teacher

Halamn ini digunakan teacher untuk membuat thread baru.Teacher harus memasukkan tittle dan deskripsi untuk membuat thread baru.

102

Gambar 4.46 Rancangan Layar – Home Student

Halaman ini merupakan tampilan awal student setelah student melakukan login.Halaman ini berisi About us , contact us dan announcement.

103

Gambar 4.47 Rancangan Layar – About us Student

Halaman ini berisi tentang sejarah sekolah SMA Antonius.

104

Gambar 4.48 Rancangan Layar – Detail announcement Student

Halaman ini berisi tentang detail announcement , setelah student memilih announcement yang ingin dilihat.

105

Gambar 4.49 Rancangan Layar – Materi Student

Halaman ini berisi tentang materi , yang harus dipelajari oleh student.Materi telah diringkas menjadi 6 materi dan disetiap materinya terdapat exercise,yang dapat didownlaod untuk dikerjakan di rumah oleh student.

106

Gambar 4.50 Rancangan Layar – Detail materi Student

Halaman ini berisi detail materi yang telah dipilih oleh student.

107

Gambar 4.51 Rancangan Layar – Quiz Student

Halaman ini digunakan student untuk mengerjakan quiz .Quiz terdiri dari 6 quiz , sesuai dengand materi yang telah disediakan.

108

Gambar 4.52 Rancangan Layar – Score Student

Halaman ini berisi tentang score student yang didapatkan setelah mengerjakan quiz multiple choice .

109

Gambar 4.53 Rancangan Layar – Forum Student

Halaman ini merupakan forum diskusi , yang berguna untuk berdiskusi antara teacher , student dan admin.

110

Gambar 4.54 Rancangan Layar – Detail Forum Student

Halaman ini berisi tentang detail forum , setelah student membuat thread.

111

Gambar 4.55 Rancangan Layar – Create new thread Student

Halaman ini digunakan student untuk membuat thread baru apabila adanya topic yang ingin dibahas.Student harus memasukkan tittle dan description untuk membuat thread.

112

4.3

Build Pada bagian build ini, peneliti akan menampilkan hasil pembuatan dari website genius-math berdasarkan hasil analyze dan design. Berikut merupakan hasil dari pembuatan website genius-math yang di bagi menjadi 3 bagian, yaitu absorb activities, do activities, dan connect activities.

4.3.1

Absorb Activities Bagian absorb activities akan menampilkan hasil dari

pembuatan materi pembelajaran yang ditampilkan dalam bentuk screen shot. Dari 6 materi yang telah direncanakan (lihat predictable learning cycle hal 53).

Gambar 4.56 Pemilihan Materi 1

Halaman ini merupakan pemilihan topik, dari materi pertama agar para siswa dapat memilih sub-topik yang akan dipilih untuk dipelajari.

113

Gambar 4.57 DetailMateri 1

Halaman ini berisi yang akan menjelaskan mengenai topik logika matematika.

114

Gambar 4.58 Pemilihan Materi 2

Halaman ini merupakan halaman dari materi 2, dimana siswa dapat memilih sub-topik yang akan dipelajari dalam materi kedua.

Gambar 4.59 DetailMateri 2

Halaman ini merupakan isi dari materi kedua yang menjelaskan fungsi kuadrat yang berisikan beberapa rumus matematika fungsi kuadrat

115

Gambar 4.60 PemilihanMateri 3

Halaman ini merupakan materi 3, dimana siswa dapat memilih sub-topik yang akan dibahas pada materi ketiga

Gambar 4.61 DetailMateri 3

Halaman ini merupakan isi dari materi 3, yang berisikan beberapa penjelasan mengenai persamaan kuadrat beserta beberapa rumus yang dipelajari di materi 3 ini.

116

Gambar 4.62 Pemilihan Materi 4

Halaman ini merupakan materi 4 yang akan dipilih siswa untuk mempelajari beberapa materi yang akan dibahas dalam materi keempat

Gambar 4.63 DetailMateri 4

Pada halaman isi materi 4 ini tersedia contoh dari pembahasan matriks agar dapat mempermudah siswa untuk mengerjakan soal matriks lainnya.

117

Gambar 4.64 Pemilihan Materi 5

Halaman ini merupakan halaman dari materi 5, dimana siswa dapat memilih sub-topik yang ada dia materi kelima ini

Gambar 4.65 Detail Materi – Materi 5

Halaman ini berisikan tabel yang merupakan pernyataan berkuantator yang merupakan salah satu topik yang di bahas di materi kelima

118

Gambar 4.66 Pemilihan Materi6

Halaman ini merupakan halaman awal dari materi 6, dimana sebelum siswa memilih sub-topik akan tampil halaman ini

Gambar 4.67 DetailMateri 6

Halaman ini berisikan isi materi dari materi 6 yang menjelaskan frekuensi beragam suatu kejadian dan terdapat penjelasan dan beberapa rumus dari peluang

119

4.3.2

Do Activities Didalam do activities akan diberikan latihan – latihan soal yang

akan dikerjakan oleh para murid. Terdapat 2 macam latihan yang akan diberikan kepada para murid yaitu Exercise dan multiple choice. Berikut merupakan hasil tampilan dari multiple choice tersebut :

Gambar 4.68 Do Activites– QuisMultiple Choice

120

Halaman ini merupakan tampilan quiz1, dimana siswa harus mengerjakan soal kuis ini dan akan mendapatkan nilai dari hasil pengerjaan nya

4.3.3

Connect Activities Di dalam connect activities akan dibuat sebuah forum yang akan digunakan sebagai media komunikasi dan pembahasan antara para murid dan guru. Forum yang dibuat mengunakan aplikasi php .Dimanaadmin , student , teacher dapat membuat thread sehingga memudahkan para murid dan guru untuk berkomunikas. Berikut merupakan tampilan dari forum yang telah dibuat :

Gambar 4.69Tampilan Awal Forum

Halaman ini merupakan tampilan awal forum, yang berguna untuk melihat apakah ada thread yang telah dibuat murid atau guru , untuk melakukan pembahasan seputar materi atau lainnya.

121

Gambar 4.70 Detail Forum

Halaman ini merupakan tampilan detail forum yang dapat digunakan oleh guru

murid dan admin

dipahami.

untuk berdiskusi mengenai materi yang kurang

122

4.4

Evaluate Setelah melalui tahap analyze, design, dan build, tahap selanjutnya adalah melalukan evaluasi ulang dari website geniusmath yang telah dibuat. Evaluasi dilakukan dengan melakukan wawancara serta pengisian kuesioner yang di lakukan oleh teacher dan student.Jumlahsample yang melakukan wawancara dan pengisian kuesioner hanya berjumlah 5 student dan 1 teacher. Berikut merupakan hasil pengisian kuesioner yang telah di isi:

No. Pertanyaan 1.

2.

3.

4.

5.

6.

7.

Tampilan dari website geniusmath

Pemahaman terhadap konsep Tingkat kesulitan dalam mengoperasikan website Fitur – fitur yang disajikan

Mengerti tidak dengan materi yang di sajikan? Tampilan dari materi yang disajikan Bisa tidak mengerjakan kuis pilihan ganda?

Murid 1

Murid 2

Murid 3

Murid 4

Murid 5

Guru

simple, tidak ribet

bagus, menarik

menarik

bagus

biasa saja

cukup menarik

konsepnya bagus

mudah dimengerti

cukup mudah

paham

paham

cukup bisa dipahami

tidak susah

mudah

tidak susah

tidak sulit

tidak sulit, mudah

mungkin belum terbiasa

bagus

bagus

lengkap

lumayan

biasa saja

sudah cukup bagus

sangat mengerti

kurang mengerti

mengerti

lumayan mengerti

mengerti

penjelasan kurang detail

belum terbiasa

mudah dimengerti

mudah dipahami

bagus

bagus

menarik

bisa – bisa saja

bisa

bisa

bisa

bisa

bisa kalau belajar

Table 4.3 Hasil Kuesioner Evaluasi

123

Hasil kuesioner yang di tampilkan berisi jawaban yang di isi oleh para murid dan guru. Di akhir kuesioner, diberikan pula 1 buah pertanyaan mengenai proses pembelajaran matematika di sekolah, hasil jawaban dari pertanyaan tersebut adalah:

Kira – kira kalau website ini di gunakan untuk membantu kegiatan belajar kalian sehingga tidak ada lagi kelas tambahan seusai jam pelajaran sekolah dalam belajar matematika tertarik atau tidak? YA

Tidak

(6)

(0)

Table 4.4 Hasil Kuesioner Evaluasi Lanjutan

Kesimpulan hasil dari kuesioner di atas adalah sebagai berikut: 1. Para murid dan guru cukup tertarik dengan tampilan dari website geniusmath. 2. Konsep dari pembelajaran yang di sajikan cukup mudah untuk dipahami oleh para murid dan guru. 3. Para murid dan guru tidak mengalami kesulitan yang berarti dalam mengoperasikan website geniusmath. 4. Para murid dan guru cukup tertarik dengan fitur – fitur yang di sajikan. 5. Para murid menganggap penjelasan materi yang diberikan sudah cukup jelas,akan tetapi untuk guru matematika tersebut masih menanggap penjelasan yang diberikan masih kurang detail. 6. Para murid dan guru menganggap tampilan materi yang diberikan sudah cukup bagus.

124

7. Para murid dan guru pun tidak mengalami kesulitan dalam mengerjakan kuis setelah mempelajari materi yang diberikan terlebih dahulu.