PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF · PDF fileKeluarga Besar ICT-CENTER FKIP UNS, FICOS...

18
perpustakaan.uns.ac.id digilib.uns.ac.id commit to user i PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF BERBASIS WEB DENGAN MENGGUNAKAN HTML5 PADA MATERI SUBNETTING KELAS X TKJ SMK TARUNA KRADENAN HALAMAN JUDUL SKRIPSI Oleh: PRIMANANDA ANINDYA PUTRI K3512053 FAKULTAS KEGURUAN DAN ILMU PENDIDIKAN UNIVERSITAS SEBELAS MARET SURAKARTA September 2016

Transcript of PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF · PDF fileKeluarga Besar ICT-CENTER FKIP UNS, FICOS...

Page 1: PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF · PDF fileKeluarga Besar ICT-CENTER FKIP UNS, FICOS UNS dan SEMAR TV sangat berarti bagi penulis. 5. MH Fahd Al Aliem Romas terima kasih atas

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

i

PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF BERBASIS

WEB DENGAN MENGGUNAKAN HTML5 PADA MATERI SUBNETTING

KELAS X TKJ SMK TARUNA KRADENAN

HALAMAN JUDUL

SKRIPSI

Oleh:

PRIMANANDA ANINDYA PUTRI

K3512053

FAKULTAS KEGURUAN DAN ILMU PENDIDIKAN

UNIVERSITAS SEBELAS MARET

SURAKARTA

September 2016

Page 2: PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF · PDF fileKeluarga Besar ICT-CENTER FKIP UNS, FICOS UNS dan SEMAR TV sangat berarti bagi penulis. 5. MH Fahd Al Aliem Romas terima kasih atas

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

ii

PERNYATAAN KEASLIAN TULISAN

HALAMAN PERNYATAAN

Page 3: PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF · PDF fileKeluarga Besar ICT-CENTER FKIP UNS, FICOS UNS dan SEMAR TV sangat berarti bagi penulis. 5. MH Fahd Al Aliem Romas terima kasih atas

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

iii

PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF BERBASIS

WEB DENGAN MENGGUNAKAN HTML5 PADA MATERI SUBNETTING

KELAS X TKJ SMK TARUNA KRADENAN

HALAMAN PENGAJUAN

Oleh:

PRIMANANDA ANINDYA PUTRI

K3512053

Skripsi

diajukan untuk memenuhi salah satu persyaratan mendapatkan gelar

Sarjana Pendidikan pada Program Studi Pendidikan Teknik

Informatika dan Komputer

FAKULTAS KEGURUAN DAN ILMU PENDIDIKAN

UNIVERSITAS SEBELAS MARET

SURAKARTA

Juni 2016

Page 4: PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF · PDF fileKeluarga Besar ICT-CENTER FKIP UNS, FICOS UNS dan SEMAR TV sangat berarti bagi penulis. 5. MH Fahd Al Aliem Romas terima kasih atas

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

v

PERSETUJUAN

Page 5: PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF · PDF fileKeluarga Besar ICT-CENTER FKIP UNS, FICOS UNS dan SEMAR TV sangat berarti bagi penulis. 5. MH Fahd Al Aliem Romas terima kasih atas

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

vi

PENGESAHAN SKRIPSI

Page 6: PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF · PDF fileKeluarga Besar ICT-CENTER FKIP UNS, FICOS UNS dan SEMAR TV sangat berarti bagi penulis. 5. MH Fahd Al Aliem Romas terima kasih atas

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

vi

ABSTRAK

ABSTRAK Primananda Anindya Putri. PEMBUATAN MEDIA PEMBELAJARAN

INTERAKTIF BERBASIS WEB DENGAN MENGGUNAKAN HTML5

PADA MATERI SUBNETTING KELAS X TKJ SMK TARUNA

KRADENAN. Skripsi, Surakarta : Fakultas Keguruan dan Ilmu Pendidikan

Universitas Sebelas Maret. September 2016.

Penelitian ini bertujuan untuk membuat media pembelajaran Subnetting

berbasis web dan mengetahui kelayakan media pembelajaran Subnetting berbasis

web yang dibuat. Penilaian kualitas media pembelajaran dilihat dari segi media,

materi dan dari segi pengguna.

Metode penelitian yang digunakan adalah pengembangan atau dikenal

dengan metode Research and Development (R&D). Model pengembangan

mengacu pada Waterfall model oleh Pressman mengenai pengembangan suatu

perangkat lunak. Pada tahap desain berupa pembuatan rancangan media

pembelajaran antara lain rancangan usecase, rancangan flowchart, rancangan data

flow diagram (DFD), rancangan entity relationship diagram (ERD), rancangan

database, dan rancangan desain. Tahap Pengujian yang dilakukan dibagi dalam

dua tahap yaitu alpha testing yang dilakukan oleh ahli media dan ahli materi serta

beta testing yang dilakukan oleh siswa kelas X TKJ SMK Taruna Kradenan.

Instrumen penelitian menggunakan angket tertutup dan angket terbuka. Pengujian

dilakukan untuk mengetahui kualitas media pembelajaran yang dikembangkan.

Pengembangan yang dilakukan menghasilkan produk berupa media

pembelajaran Subnetting berbasis web. Proses pengembangan terdiri dari (1)

analisis, (2) desain yang dibagi menjadi 2 yaitu desain program dan desain

tampilan, (3) implementasi berupa proses koding (4) pengujian berupa penilaian

kualitas media dan (5) proses perbaikan dan perawatan media. Hasil penilaian

dalam skala likert media pembelajaran yang dikembangkan adalah sebagai berikut

: (1) Penilaian ahli media menunjukkan bahwa website telah sesuai dengan

kriteria penilaian, nilai akhir dari media pembelajaran interaktif adalah 90%

dengan tingkat kelayakan “sangat layak”. (2) Total kriteria penilaian dalam segi

materi terhadap media pembelajaran interaktif adalah 90% dengan tingkat

kelayakan “sangat layak”. (3) Penilaian pengguna yang dilakukan secara 2 tahap

yaitu skala kecil dan skala besar secara langsung kepada guru dan siswa. Data

penilaian pengguna Skala Kecil yang merupakan hasil penilaian terhadap 2 orang

guru dan 5 orang siswa pada media pembelajaran subnetting menunjukan angka

sebesar 88% tingkat kelayakan “Sangat layak”. Berdasarkan data penilaian

pengguna skala besar yang merupakan hasil penilaian terhadap 21 siswa TKJ

kelas X SMK Taruna Kradenan yaitu menunjukan presentase 86,7% tingkat

kelayakan “Sangat Layak”. Dengan demikian hasil dari keseluruhan penilaian

dilihat pada tiga segi aspek tersebut, dapat disimpulkan bahwa media

pembelajaran subnetting berbasis web yang dibangun mempunyai kelayakan yang

baik. Sehingga dapat digunakan sebagai media pembelajaran.

Kata Kunci : media pembelajaran, subnetting, berbasis web

Page 7: PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF · PDF fileKeluarga Besar ICT-CENTER FKIP UNS, FICOS UNS dan SEMAR TV sangat berarti bagi penulis. 5. MH Fahd Al Aliem Romas terima kasih atas

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

vii

ABSTRACT

Primananda Anindya Putri. K3512053. DEVELOPMENT WEB-BASED

LEARNING INTERAKTIVE MEDIA WITH HTML5 USING SUBNETTING

MATERIAL CLASS TKJ SMK TARUNA KRADENAN. Thesis, Surakarta :

Teacher Training and Education Faculty, Sebelas Maret University, September

2016.

This aim of this research is to create a web-based learning media

subnetting and know the feasibility of web-based learning media subnetting.

Assessment of the quality of instructional media in terms of media , materials and

terms of users .

The method used is the development, known as the Research and

Development (R&D). Model of development which refer to the Waterfall models

by Pressman about software development.On step of design is making draft

design, between is usecase, flowchart, data flow diagram (DFD), entity

relationship diagram (ERD), database, and design. The step of testing divided

into two step between is alpha testing conducted by experts and beta testing

conducted by user is it teacher and student of class X TKJ SMK Taruna

Kradenan. The research instrument used questionnaire enclosed and open

questinnnaire. The tests conducted to understand the quality of learning media

that has been developed.

The result from the development that has been conducted is a Web-based

Subnetting Learning Media. The development process consist of : (1) Analysis, (2)

Two divided design: program design and interface design, (3) The implementation

was delivered in the coding process, (4) Media quality testing, (5) Media

Operation and Maintenance. The assessment results in a likert scale developed

learning media are as follows : (1) 90% of media expert percentage with the

feasibility “very feasible”. (2) 90% of material expert percentage with the

feasibility “very feasible”. (3) The assessment of user done in two stage which is

small and large scale. The assement small scale user is for two teacher and five

students person from subnetting learning media has been precentage 88% with

the feasibility “very feasible”. The assement large scale user is for 21 student of

class X TKJ SMK Taruna Kradenan from subnetting learning media has been

precentage 86,7% with the feasibility “very feasible”. Therefore, the overall

result assessment in terms of views on three aspects , we can conclude that the

web-based learning media subnetting is built has a good feasibility . So it can be

used as a medium of learning .

Keyword: learning media, subnetting, web-based.

Page 8: PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF · PDF fileKeluarga Besar ICT-CENTER FKIP UNS, FICOS UNS dan SEMAR TV sangat berarti bagi penulis. 5. MH Fahd Al Aliem Romas terima kasih atas

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

viii

MOTTO

HALAMAN MOTTO

Dengan menyebut nama Allah yang Maha Pengasih lagi Maha Penyayang.

(Q.S. Al Faatihah: 1)

Sesungguhnya shalatku, ibadahku, hidupku dan matiku hanyalah untuk Allah,

Tuhan semesta alam. (Q.S. Al An’am: 162)

Maka nikmat Tuhanmu yang manakah yang kau dustakan? (Q.S. Ar-Rahman: 13)

Niscaya Allah akan mengangkat (derajat) orang-orang yang beriman diantaramu

dan orang-orang yang diberi ilmu beberapa derajat (Q.S. Al-Mujadilah: 11)

Barang siapa merasa letih di malam hari karena berkerja, maka di malam itu ia

diampuni. (H.R. Ahmad )

Kemenangan yang seindah-indahnya dan sesukar-sukarnya yang boleh direbut

oleh manusia ialah menundukkan diri sendiri. (R.A. Kartini)

Ilmu itu lebih baik dari pada harta. Ilmu menjaga engkau dan engkau menjaga

harta. Ilmu itu penghukum (hakim) dan harta terhukum. Harta itu kurang apabila

dibelanjakan tapi ilmu bertambah bila dibelanjakan.

(Khalifah Ali bin Abi Talib)

My favorite things in life don’t cost any money. It’s really clear that the most

precious resource we all have is time.

(Steve Jobs)

We all need people who will give us feedback. That’s how we improve

(Bill Gates)

Page 9: PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF · PDF fileKeluarga Besar ICT-CENTER FKIP UNS, FICOS UNS dan SEMAR TV sangat berarti bagi penulis. 5. MH Fahd Al Aliem Romas terima kasih atas

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

ix

PERSEMBAHAN

HALAMAN PERSEMBAHAN

Alhamdulillahirobbil’alamin ...

Sujud syukurku kusembahkan kepada-Mu Tuhan yang Maha Agung nan Maha

Tinggi nan Maha Adil nan Maha Penyayang, atas takdir-Mu telah Kau jadikan aku

manusia yang senantiasa berpikir, berilmu, beriman dan bersabar dalam menjalani

kehidupan ini. Semoga keberhasilan ini menjadi satu langkah awal bagiku untuk

meraih cita-cita besarku. Kupersembahkan sebuah karya kecil ini untuk:

1. Bapak Hartono Dwi Santoso dan Ibu Dwi Putri Handayani orangtuaku tercinta,

yang telah bersusah payah untuk keberhasilanku, dan tiada pernah hentinya

selama ini memberiku semangat, doa, dorongan, nasehat dan kasih sayang serta

pengorbanan yang tak tergantikan.

2. Kakak yang paling kusayangi Primandhita Sandya Putri dan Antoni Anindhito

terima kasih tiada tara atas segala support yang telah diberikan selama ini.

3. Sahabatku Cintya Anggun, Anis Awwaliya Darojat, Linda Faricha Rachma,

Desy Ayu Ika C. S, Alin Hoerunnisa, Rini Umbarwati, Izzatun Ulfah Syahidah,

Dwi Septianingsih, Desy Yanti Cobena, Desti Permitasari, Ardian Ade

Pristiyana, Atikasita Armin Putri dan Ristiara Wantemas yang senantiasa

memberikan dukungan moril dan materil, terima kasih yang sebesar-besarnya.

4. Keluarga Besar ICT-CENTER FKIP UNS, FICOS UNS dan SEMAR TV

yang selalu memberikan dorongan dan dukungan yang sangat berarti bagi

penulis.

5. MH Fahd Al Aliem Romas terima kasih atas perhatian, dan kesabaranmu yang

telah memberikanku semangat dan do’a dalam menyelesaikan Tugas Akhir ini.

6. Keluarga Besar PTIK angkatan 2012 dan Almamaterku.

7. Teman-teman Kos Ibu Riyana.

8. Teman-teman KKN Desa Rambat Geyer.

9. Teman-teman PPL SMK Tekno-SA tahun 2015.

Terimakasih dan mohon maaf sebesar-besarnya kepada semua pihak.

Akhir kata, skripsi ini ku persembahkan ...

Page 10: PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF · PDF fileKeluarga Besar ICT-CENTER FKIP UNS, FICOS UNS dan SEMAR TV sangat berarti bagi penulis. 5. MH Fahd Al Aliem Romas terima kasih atas

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

x

KATA PENGANTAR

HALAMAN KATA PENGANTAR

Puji syukur peneliti panjatkan ke hadirat Allah SWT. karena telah

memberikan rahmat dan karunia-Nya. Atas kehendak-Nya peneliti dapat

menyelesaikan skripsi dengan judul “PEMBUATAN MEDIA

PEMBELAJARAN INTERAKTIF BERBASIS WEB DENGAN

MENGGUNAKAN HTML5 PADA MATERI SUBNETTING KELAS X TKJ

SMK TARUNA KRADENAN”.

Skripsi ini disusun untuk memenuhi sebagian persyaratan untuk

mendapatkan gelar Sarjana pada Program Studi Pendidikan Teknik Informatika

dan Komputer, Fakultas Keguruan dan Ilmu Pendidikan, Universitas Sebelas

Maret Surakarta. Peneliti menyadari bahwa terselesaikannya skripsi ini tidak

terlepas dari bantuan, bimbingan, dan dukungan dari berbagai pihak. Untuk itu

peneliti menyampaikan terimakasih kepada:

1. Prof. Dr. Dr. Joko Nurkamto, M.Pd. selaku Dekan FKIP Fakultas Keguruan

dan Ilmu Pendidikan Universitas Sebelas Maret Surakarta, yang telah

memberi ijin menyusun skripsi.

2. Dr. Agus Efendi, M.Pd selaku Kepala Program Studi Pendidikan Teknik

Informatika dan Komputer, Fakultas Keguruan dan Ilmu Pendidikan

Universitas Sebelas Maret Surakarta, yang telah memberi ijin menyusun

skripsi, dan Pembimbing Akademik yang selalu memberikan motivasi dan

bimbingan dalam penyusunan skripsi.

3. Rosihan Ari Yuana, S.Si., M.Kom selaku Pembimbing I, yang selalu

memberikan motivasi dan bimbingan dalam penyusunan skripsi.

4. Dwi Maryono, S.Si., M.Kom selaku Pembimbing II, yang selalu memberikan

motivasi dalam bimbingan penyusunan skripsi.

5. Segenap dosen Program Studi Pendidikan Teknik Informatika dan Komputer

atas ilmu yang telah diberikan.

6. Trias Atdi, S.Kom. dan Suristini, S.Kom selaku guru Program Keahlian TKJ

SMK Taruna Kradenan yang telah memberi kesempatan dan tempat guna

pengambilan data penelitian.

Page 11: PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF · PDF fileKeluarga Besar ICT-CENTER FKIP UNS, FICOS UNS dan SEMAR TV sangat berarti bagi penulis. 5. MH Fahd Al Aliem Romas terima kasih atas

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xi

7. Para siswa kelas X TKJ SMK Taruna Kradenan yang telah berpartisipasi

dalam pelaksanaan penelitian ini.

Peneliti menyadari masih ada kekurangan dalam skripsi ini. Oleh karena

itu peneliti mengharapkan kritik dan saran yang membangun guna kesempurnaan

dalam skripsi ini.

Akhir kata peneliti berharap semoga skripsi ini dapat diterima dan

bermanfaat bagi semua pihak. Semoga Allah SWT selalu membimbing kita

semua. Aamiin.

Surakarta, September 2016

Peneliti

Page 12: PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF · PDF fileKeluarga Besar ICT-CENTER FKIP UNS, FICOS UNS dan SEMAR TV sangat berarti bagi penulis. 5. MH Fahd Al Aliem Romas terima kasih atas

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xii

DAFTAR ISI

Halaman

HALAMAN JUDUL ................................................................................................ i

HALAMAN PERNYATAAN ................................................................................ ii

HALAMAN PENGAJUAN ................................................................................... iii

HALAMAN PERSETUJUAN ............................... Error! Bookmark not defined.

HALAMAN PENGESAHAN ................................ Error! Bookmark not defined.

ABSTRAK ............................................................................................................. vi

HALAMAN MOTTO .......................................................................................... viii

HALAMAN PERSEMBAHAN ............................................................................ ix

HALAMAN KATA PENGANTAR ....................................................................... x

DAFTAR ISI ......................................................................................................... xii

DAFTAR GAMBAR ............................................................................................ xv

DAFTAR TABEL ............................................................................................... xvii

DAFTAR LAMPIRAN ...................................................................................... xviii

BAB I PENDAHULUAN ...................................................................................... 1

A. Latar Belakang ............................................................................................. 1

B. Rumusan Masalah ........................................................................................ 4

C. Batasan Masalah........................................................................................... 4

D. Tujuan Penelitian ......................................................................................... 5

E. Manfaat Penelitian ....................................................................................... 5

BAB II KAJIAN PUSTAKA .................................................................................. 6

A. Kajian Teori ................................................................................................. 6

1. Media Pembelajaran ................................................................................. 6

2. Media Pembelajaran Interaktif ................................................................. 8

3. Media Pembelajaran Web ......................................................................... 9

4. Pengembangan Perangkat Lunak Berbasis Web..................................... 15

5. Materi Subnetting ................................................................................... 22

B. Kerangka Berpikir ...................................................................................... 25

BAB III METODE PENELITIAN....................................................................... 27

Page 13: PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF · PDF fileKeluarga Besar ICT-CENTER FKIP UNS, FICOS UNS dan SEMAR TV sangat berarti bagi penulis. 5. MH Fahd Al Aliem Romas terima kasih atas

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xiii

A. Jenis Penelitian ........................................................................................... 27

1. Analisis ................................................................................................... 27

2. Desain ..................................................................................................... 27

3. Implementation ....................................................................................... 28

4. Integration & Testing ............................................................................. 28

5. Operation & Maintenance ...................................................................... 28

B. Tempat dan Waktu Penelitian .................................................................... 28

1. Tempat Penelitian ................................................................................... 28

2. Waktu Penelitian .................................................................................... 29

C. Populasi dan Sampel .................................................................................. 29

D. Teknik Pengumpulan Data ......................................................................... 30

1. Metode Observasi ................................................................................... 30

2. Metode Literatur atau Kepustakaan. ...................................................... 30

3. Metode Quesioner atau Angket .............................................................. 30

E. Instrumen Penelitian................................................................................... 33

1. Menetapkan Tujuan ................................................................................ 33

2. Menetapkan aspek yang ingin diungkap ................................................ 33

3. Menyusun Kuisioner .............................................................................. 33

4. Menentukan jenis dan bentuk angket ..................................................... 33

5. Menentukan Skor ................................................................................... 33

F. Teknik Analisis Data ..................................................................................... 34

BAB IV HASIL DAN PEMBAHASAN .............................................................. 36

A. Deskripsi Hasil Penelitian .......................................................................... 36

1. Tahap Pendahuluan ................................................................................ 36

2. Tahap Pembuatan ................................................................................... 38

3. Tahap Penyelesaian ................................................................................ 62

B. Pembahasan ................................................................................................ 69

1. Hasil Tahap Pendahuluan ....................................................................... 69

2. Hasil Tahap Pembuatan .......................................................................... 70

3. Hasil Penyelesaian .................................................................................. 71

C. Kajian Produk Akhir .................................................................................. 77

Page 14: PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF · PDF fileKeluarga Besar ICT-CENTER FKIP UNS, FICOS UNS dan SEMAR TV sangat berarti bagi penulis. 5. MH Fahd Al Aliem Romas terima kasih atas

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xiv

1. Spesifikasi Produk .................................................................................. 77

2. Kelebihan Produk ................................................................................... 77

3. Kekurangan ............................................................................................ 78

BAB V KESIMPULAN, IMPLIKASI DAN SARAN ......................................... 79

A. KESIMPULAN .......................................................................................... 79

B. IMPLIKASI ............................................................................................... 79

C. SARAN ...................................................................................................... 80

DAFTAR PUSTAKA ........................................................................................... 81

LAMPIRAN .......................................................................................................... 85

Page 15: PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF · PDF fileKeluarga Besar ICT-CENTER FKIP UNS, FICOS UNS dan SEMAR TV sangat berarti bagi penulis. 5. MH Fahd Al Aliem Romas terima kasih atas

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xv

DAFTAR GAMBAR

..................................................................................................................... Halaman

Gambar 2. 1. Usecase Model ................................................................................ 17

Gambar 2. 2. Simbol - simbol DFD ...................................................................... 17

Gambar 2. 3. Simbol - simbol ERD ...................................................................... 19

Gambar 2. 4. Subnetting ........................................................................................ 24

Gambar 2. 5. Kerangka Berfikir ............................................................................ 26

Gambar 4. 1. Usecase Diagram ............................................................................. 39

Gambar 4. 2. Flowchart Admin ............................................................................ 40

Gambar 4. 3. Flowchart Guru ............................................................................... 41

Gambar 4. 4. Flowchart Siswa .............................................................................. 42

Gambar 4. 5. DFD level 0 ..................................................................................... 43

Gambar 4. 6. DFD level 1 ..................................................................................... 44

Gambar 4. 7. DFD Level 2 Proses Daftar ............................................................. 45

Gambar 4. 8. DFD Level 2 Proses Login .............................................................. 46

Gambar 4. 9. DFD Level 2 Proses Tambah Materi............................................... 47

Gambar 4. 10. DFD Level 2 Proses Soal Latihan ................................................. 48

Gambar 4. 11. Rancangan ERD ............................................................................ 49

Gambar 4. 12. Peta Navigasi Media Pembelajaran ............................................... 50

Gambar 4. 13. Relasi Tabel database .................................................................... 55

Gambar 4. 14. Desain Tampilan Depan Media ..................................................... 56

Gambar 4. 15. Desain Tampilan user Guru .......................................................... 56

Gambar 4. 16. Desain Tampilan user Siswa ......................................................... 57

Gambar 4. 17. Halaman Awal Media.................................................................... 58

Gambar 4. 18. Halaman Tujuan ............................................................................ 58

Gambar 4. 19. Halaman Pengembang ................................................................... 59

Gambar 4. 20. Halaman Materi ............................................................................. 59

Gambar 4. 21. Halaman Petunjuk ......................................................................... 60

Gambar 4. 22. Halaman Form Login .................................................................... 60

Gambar 4. 23. Halaman Dashboard Guru ............................................................ 61

Gambar 4. 24. Halaman Dashboard user Siswa ................................................... 62

Page 16: PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF · PDF fileKeluarga Besar ICT-CENTER FKIP UNS, FICOS UNS dan SEMAR TV sangat berarti bagi penulis. 5. MH Fahd Al Aliem Romas terima kasih atas

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xvi

Gambar 4. 25. Halaman Login Admin .................................................................. 66

Gambar 4. 26. Halaman awal Admin .................................................................... 67

Gambar 4. 27. Halaman Materi ............................................................................. 67

Gambar 4. 28. Halaman Materi ............................................................................. 67

Gambar 4. 29. Tampilan isi materi........................................................................ 68

Gambar 4. 30. Tampilan isi materi........................................................................ 68

Gambar 4. 31. Kategori Soal Latihan.................................................................... 69

Gambar 4. 32. Analisis Soal Latihan .................................................................... 72

Gambar 4. 33. Analisis Soal Latihan .................................................................... 72

Gambar 4. 34. Hasil Cetak Rekap Nilai per Siswa ............................................... 73

Gambar 4. 35. Hasil Cetak Rekap Nilai per Kelas ................................................ 73

Gambar 4. 36. Pengaktifan Siswa ......................................................................... 74

Gambar 4. 37. Pesan.............................................................................................. 75

Page 17: PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF · PDF fileKeluarga Besar ICT-CENTER FKIP UNS, FICOS UNS dan SEMAR TV sangat berarti bagi penulis. 5. MH Fahd Al Aliem Romas terima kasih atas

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xvii

DAFTAR TABEL

..................................................................................................................... Halaman

Tabel 3. 1. Kisi - Kisi Instrumen Ahli Materi ....................................................... 31

Tabel 3. 2. Kisi kisi Instrumen Ahli Media ........................................................... 32

Tabel 3. 3. Kisi - Kisi Instrumen Pengguna .......................................................... 32

Tabel 3. 4. Konversi Skor Penilaian Menurut Riduwan ....................................... 35

Tabel 3. 5. Konversi Skor Penilaian dari Para Ahli dan Pengguna Media

pembelajaran Subnetting ....................................................................................... 35

Tabel 4. 1. Tabel Analisis .................................................................................... 51

Tabel 4. 2. Tabel Analisis 2 .................................................................................. 51

Tabel 4. 3. Tabel Broadcast................................................................................... 51

Tabel 4. 4. Tabel Data Menu ................................................................................. 51

Tabel 4. 5. Tabel Chat ........................................................................................... 51

Tabel 4. 6. Tabel Chat ........................................................................................... 51

Tabel 4. 7. Tabel Detail Member .......................................................................... 52

Tabel 4. 8. Tabel Forum ........................................................................................ 52

Tabel 4. 9. Tabel jawaban ..................................................................................... 52

Tabel 4. 10. Tabel Kategori Soal .......................................................................... 52

Tabel 4. 11. Tabel Kelas ....................................................................................... 53

Tabel 4. 12. Tabel Materi ...................................................................................... 53

Tabel 4. 13. Tabel Member ................................................................................... 53

Tabel 4. 14. Tabel Nilai......................................................................................... 53

Tabel 4. 15. Tabel Pesan ....................................................................................... 54

Tabel 4. 16. Tabel Pokok Materi ........................................................................... 54

Tabel 4. 17. Tabel Admin ..................................................................................... 54

Tabel 4. 18. Tabel Soal ......................................................................................... 54

Tabel 4. 19. Penilaian Ahli Media ........................................................................ 63

Tabel 4. 20. Tabel Penilaian Ahli Materi .............................................................. 63

Tabel 4. 21. Penilaian pengguna skala kecil ......................................................... 64

Tabel 4. 22. Instrumen Penilaian Pengguna .......................................................... 65

Page 18: PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF · PDF fileKeluarga Besar ICT-CENTER FKIP UNS, FICOS UNS dan SEMAR TV sangat berarti bagi penulis. 5. MH Fahd Al Aliem Romas terima kasih atas

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xviii

DAFTAR LAMPIRAN

..................................................................................................................... Halaman

Lampiran 1 : Contoh hasil Analisis Soal............................................................... 86

Lampiran 2 : Contoh Output Daftar Nilai Latihan per Siswa ............................... 87

Lampiran 3 : Output Daftar Nilai Latihan per kelas ............................................. 88

Lampiran 4 : Instrumen Penilaian Ahli Media ...................................................... 90

Lampiran 5 : Instrumen Penilaian Ahli Materi ..................................................... 94

Lampiran 6 : Validasi Instrumen Ahli Media ....................................................... 96

Lampiran 7 : Instrumen Hasil Penilaian Ahli Media ............................................ 97

Lampiran 8 : Instrumen Hasil Penilaian Ahli Materi .......................................... 103

Lampiran 9 :: Instrumen Penilaian Pengguna ..................................................... 106

Lampiran 10 : Instrumen Penilaian Guru ............................................................ 108

Lampiran 11: Hasil Penilain Instrumen Pengguna Skala Kecil .......................... 110

Lampiran 12 : Hasil Penilaian Pengguna Skala Besar ........................................ 124

Lampiran 13 : Analisis Instrumen Ahli Media ................................................... 167

Lampiran 14 : Analisis Instrumen Ahli Materi ................................................... 169

Lampiran 15 : Hasil Analisis Penilaian Pengguna .............................................. 170

Lampiran 16 : Dokumentasi Pengujian Ahli Media ........................................... 173

Lampiran 17 : Dokumentasi Pengujian Instrumen Ahli Materi .......................... 176

Lampiran 18: Dokumentasi Pengujian Instrumen Pengguna Skala Kecil .......... 178

Lampiran 19: Dokumentasi Pengujian Instrumen Skala Besar .......................... 180

Lampiran 20 : Surat Ijin Menyusun Skripsi ........................................................ 183

Lampiran 21 : Surat Rekomendasi Penelitian Kesbanglinmas ........................... 185

Lampiran 22 : Surat Telah Melaksanakan Penelitian ......................................... 186