MEDIA PEMBELAJARAN INTERAKTIF MATEMATIKA “KESEBANGUNAN DAN KEKONGRUENAN” BERBASIS MULTIMEDIA
TUGAS AKHIR
“Diajukan Sebagai Persyaratan Untuk Menyelesaikan Program Pendidikan Diploma III Teknik Informatika Program Studi Teknik Informatika Jurusan Teknik Elektro Politeknik Negeri Pontianak”
OLEH : KORINA JAMI’S NIM : 3201216002
PROGRAM STUDI TEKNIK INFORMATIKA JURUSAN TEKNIK ELEKTRO POLITEKNIK NEGERI PONTIANAK 2015
HALAMAN PENGESAHAN
MEDIA PEMBELAJARAN INTERAKTIF MATEMATIKA “KESEBANGUNAN DAN KEKONGRUENAN” BERBASIS MULTIMEDIA
OLEH : : KORINA JAMI’S : 3201216002
NAMA NIM
Tugas Akhir ini telah diterima dan disahkan sebagai salah satu syarat untuk menyelesaikan program pendidikan Diploma III Jurusan Teknik Elektro Program Studi Teknik Informatika Politeknik Negeri Pontianak
Disahkan Oleh : Ketua Jurusan Teknik Elektro
Pembimbing
Wendhi Yuniarto, ST. MT NIP. 1974062311999031001
Yasir Arafat, SST NIP. 197203041995011001
Menyetujui Direktur Politeknik Negeri Pontianak
Ir. H. Toasin Asha, M.Si NIP. 196112251990111001
LEMBAR PENGESAHAN
Yang bertanda tangan dibawah ini, Tim Penguji Tugas Akhir pada Tenik Informatika Program Studi Teknik Informatika Jurusan Teknik Elektro pada Politeknik Negeri Pontiaak, Menyatakan bahwa Tugas Akhir dari : Nama NIM Judul
: Korina Jami’s : 3201216002 : Media Pembelajaran Interaktif Matematika “Kesebangunan dan Kekongruenan” berbasis Multimedia
Telah diuji dalam sidang pada tanggal : 6 Juli 2015
Ketua Penguji
Yasir Arafat, SST NIP. 197203041995011001
Pemguji I
Penguji II
Wawan Heryawan, ST.,MT NIP. 197010161997021002
Fitri Wibowo, ST.,MT NIP.
RIWAYAT HIDUP
A. Biodata Mahasiswa :
Nama Mahasiswa
: Korina Jami’s
NIM
: 3201216002
No. Telp. Rmh/HP
: 089624334915
Jenis Kelamin
: Perempuan
E-Mail
:
[email protected]
Alamat Asal
: Gang Swasembada II Dalam, Nomor 42, Siantan Hulu
Alamat Sekarang
: Gang Swasembada II Dalam, Nomor 42, Siantan Hulu
ABSTRAK Matematika sebagai salah satu mata pelajaran yang cukup sulit untuk beberapa anak membuat anak menjadi malas untuk belajar,jika ditampilkan dengan cara yang menarik dengan gabungan gambar, animasi, tulisan, dan suara, dan suara akan membuat anak-anak tertarik untuk mempelajarina. Dengan perkembangan multimedia yang semakin berkualitas, membuat proses pembelajaran akan lebih mudah dan menarik, dengan pemanfaatan perangkatperangkat yang mendukung dan tersedia untuk digunakan. Penggunaan media pembelajaran yang dibuat secara menarik, membuat anak dapat tertarik untuk belajar dan melakukan proses belajar mengajar secara mandiri,serta kreatif dalam pemecahan masalah. Sehingga lebih menarik dibandingkan membaca buku yang bersifat monoton. Kemampuan perangkat multimedia yang semakin berkualitas, terlebih lagi dalam membantu penyampaian informasi disegala bidang melalui tampilan-tampilan yang menarik dan kemudahan dalam penggunaanya. Terutama penggunaan dibidang pendidikan untuk menambah minat belajar bagi anak melalui memanfaatan kemampuat multimedia berupa media pembelajaran yang menarik dan interaktif. Hasil pemanfaatan kemampuan multimedia ditunjukan dengan pengadaan atau rancang bangun dari media pembelajaran interaktif matematika.
Kata Kunci : media, interaktif, matematika, kesebangunan, kongruen
KATA PENGANTAR Assalamu’alaikum Wr. Wb. Alhamdulillah Hirobbil’alamin, Segala puji bagi Allah, Tuhan yang maha Pengasih lagi Maha Pennyayang. Puji dan syukur penulis panjatkan kehadirat Allah SWT yang telah memberikan rahmat, hidayah, dan ridho-Nya sehingga penulis dapat menyelesaikan tanggungjawab dengan selesainya Tugas Akhir ini dalam rangka memenuhi syarat untuk menyelesaikan Program Diploma III Program Studi Teknik Informatika Jurusan Teknik Elektro Politeknik Negeri Pontianak yang berjudul Media Pembelajaran Interaktif Matematika “Kesebangunan dan Kekongruenan” berbasis Multimedia. Sholawat serta salam tak lupa penulis hanturkan kepada junjungan kita Nabi Muhammad SAW yang telah memberi contoh dan tauladan yang baik bagi kita semua. Pada kesempatan ini penulis mengucapkan banyak terima kasih atas bantuan yang di berikan secara moril maupun materil sehingga penulis dapat menyelesaikan tugas akhir ini. Untuk itu penulis mengucapkan terima kasih kepada: 1. Kedua orang tua, Bapak Koryanto dan Ibu Syamsinah yang tiada hentinya memberi dukungan yang tak dapat penulis temukan dari pihak manapun, dan kesabaran dalam mendidik penulis sehingga mampu berdiri dan menyelesaikan pendidikan hingga saat ini. 2. Bapak Ir. H. Toasin Asha M.Si Selaku Direktur Politeknik Negeri Pontianak. 3. Bapak H. Irawan Suharto, S.T selaku Ketua Jurusan Elektro Pada Periode sebelumnya yang selalu memberi nasihat dan dorongan untuk penulis dalam menyelesaikan Tugas Akhir ini. 4. Bapak Wendhi Yuniarto, S.T. MT selaku Ketua Jurusan Elektro yang selalu memberi nasihat dan dorongan untuk penulismenyelesaikan Tugas Akhir ini. 5. Bapak Satriyo, ST.,M.Kom selaku Ketua Program Studi yang selalu memberi nasihat dan dorongan untuk penulismenyelesaikan Tugas Akhir ini.
6. Bapak Yasir Arafat. SST selaku Pembimbing TA yang tiada hentinya membimbing
dan
memberi
arahan
kepada
penulis
dalam
menyelesaikan Tugas Akhir ini. 7. Penguji I dan Penguji II, Bapak Wawan Heryawan, ST.,MT dan Bapak Fitri Wibowo, ST.,MT. 8. Seluruh Staf Pengajar Khususnya Jurusan Teknik Elektro Program Studi Teknik Informatika. 9. Sahabat penulis, Indah Janiarti dan Herlina, yang telah membantu penulis secara moril dengan memberi dukungan, dorongan dan semangat dalam menyelesaika Tugas Akhir ini. 10. Kakak, adik, dan teman seperjuangan di organisasi, yang banyak memberikan dukungan. 11. Seluruh teman-teman seperjuangan di Program Studi Teknik Informatika Angkatan 2012. Penulis menyadari bahwa dalam penyusunan tugas akhir ini masih jauh dari sempurna baik isi maupun susunannya, untuk itu penulis mengharapkan kritik dan saran yang sifatnya membangun demi kesempurnaan tugas akhir ini. Akhirnya semua penulis kembalikan kepada Allah SWT yang selalu memberikan pertolongan kepada penulis sehingga terselesaikannya Tugas Akhir ini.
Pontianak, 1 Juli 2015
Penulis
DAFTAR ISI HALAMAN JUDUL ..................................................................................... i HALAMAN PENGESAHAN ........................................................................ ii ABSTRAK ...................................................................................................... iv KATA PENGANTAR .................................................................................... v DAFTAR ISI ................................................................................................... vii DAFTAR GAMBAR ...................................................................................... xii DAFTAR TABEL ......................................................................................... xix BAB I PENDAHULUAN ............................................................................... 1 1.1. Latar Belakang ....................................................................................... 1 1.2. Rumusan Masalah ................................................................................... 2 1.3. Ruang Lingkup ...................................................................................... 2 1.4. Tujuan Tugas Akhir ................................................................................ 3 1.5. Metodelogi .............................................................................................. 3 1.5.1. Analisis ...................................................................................... 4 1.5.2. Design ......................................................................................... 4 1.5.3. Coding & Testing........................................................................ 5 1.5.4. Penerapan .................................................................................... 5 1.6. Sistematika Penulisan ............................................................................. 5 1.7. Penjelasan Istilah .................................................................................... 6 BAB IILANDASAN TEORI 9 2.1. Media Pembelajaran ............................................................................... 9 2.2. Adobe Flash Profesional CS5.5 .............................................................. 11 2.3. Adobe Photoshop CS5.5 ......................................................................... 19 2.4. Adobe Audition CS5.5 ........................................................................... 27 2.5. Xammp .................................................................................................. 28 2.6. Kesebangunan dan Kekongruenan ......................................................... 28 2.6.1. Kesebangunan Bangun Datar ........................................................ 28 a. Bangun Datar yang Sebangun dan Kongruen .......................... 28 b. Kesebangunan........................................................................... 29
2.6.2. Kekongruenan Bangun Datar ........................................................ 32 2.6.3. Kekongruenan Dua Segitiga.......................................................... 34 a. Sifat-sifat Dua Segitiga yang Sebangun dan Kongruen ........... 34 b. Prinsip-Prinsip Kekongruenan Dua Segitiga ............................ 34 1. Postulat Kekongruenan s.sd.s (sisi-sudut-sisi)..................... 34 2. Teorema Kekongruenan sd.s.sd (sudut-sisi-sudut) .............. 35 3. Teorema Kekongruenan s.s.s (sisi-sisi-sisi)......................... 35 4. Teorema Kekongruenan s.sd.sd (sisi-susut-sudut) .............. 35 2.6.4. Kesebangunan Dua Segitiga.......................................................... 36 a. Prinsip-Prinsip Kesebangunan Dua Segitiga ............................ 36 1.
Teorema Dasar Kesebangunan / Basic Similarity Theorm(BST)................................................................. 36
2.
Sifat Kesebangunan Sua Segitiga Siku-Siku ..................... 27
3.
Teorema Kesebangunan sd.sd.sd (sudut-sudut-sudut) ...... 38
4.
Teorema Kesebangunan sd.sd (sudut-sudut) ..................... 39
5.
Teorema Kesebangunan s.s.s (sisi-sisi-sisi) ...................... 40
6.
Teorema Kesebangunan s.sd.s (sisi-susut-sisi) ................. 40
2.6.5. Contoh Soal dan Pembahasan ....................................................... 40 BAB III PERANCANGAN SISITEM .......................................................... 45 3.1. Deskripsi Sistem ..................................................................................... 45 3.2. Analisis Kebutuhan ................................................................................. 45 3.2.1. Kebutuhan Umum Sistem ............................................................. 45 3.2.2. Kebutuhan Fungsional dan Penggunaan Sistem ........................... 45 3.3. Perangkat Keras ...................................................................................... 46 3.4. Perangkat Lunak ..................................................................................... 47 3.5. Perancangan Sistem ................................................................................ 47 3.5.1. UseCase ...................................................................................... 47 3.5.1.1. Use Case Diagram : uc.1 Materi Kesebangunan ............ 48 3.5.1.2. Use Case Diagram : uc.2 Materi Kekongruenan ........... 48
3.5.1.3. Use Case Diagram : uc.3 Soal Latihan dan Pembahasan ......................................................................................... 48 3.5.1.4. Use Case Diagram : uc.4 Soal Interaktif ....................... 49 3.5.1.5. Use Case Diagram : uc.5 Login ..................................... 49 3.5.1.6. Use Case Diagram : uc.6 Bank Soal .............................. 50 3.5.2. Sekenario ....................................................................................... 50 3.5.2.1. Use Case Diagram : uc.1 Materi Kesebangunan ............ 50 3.5.2.2. Use Case Diagram : uc.2 Materi Kekongruenan ............ 51 3.5.2.3. Use Case Diagram : uc.3 Soal dan Pembahasan ............ 51 3.5.2.4. Use Case Diagram : uc.4 Soal Interaktif ........................ 52 3.5.2.5. Use Case Diagram : uc.5 Login ..................................... 53 3.5.2.6. Use Case Diagram : uc.6 Bank Soal .............................. 53 3.5.2.7. Use Case Diagram : uc.10 Ujian .................................... 54 3.5.2.8. Use Case Diagram : uc.11 Nilai ..................................... 55 3.5.2.9. Use Case Diagram : uc.12 Rating .................................. 56 3.5.3. Activity Diagram ..................................................................................... 56 3.5.3.1. Activity Diagram : uc.1 Materi Kesebangunan ........................ 57 3.5.3.2. Activity Diagram : uc.2 Materi Kekongruenan ........................ 58 3.5.3.3. Activity Diagram : uc.3 Soal dan Pembahasan ........................ 59 3.5.3.4. Activity Diagram : uc.4 Soal Interaktif .................................... 59 3.5.3.5. Activity Diagram : uc.5 Login .................................................. 60 3.5.3.6. Activity Diagram : uc.6 Bank Soal ........................................... 61 3.5.3.7. Activity Diagram : uc.10 Ujian ................................................ 62 3.5.3.8. Activity Diagram : uc.11 Nilai ................................................. 63 3.5.3.9. Activity Diagram : uc.12 Rating ............................................... 65 3.5.4. Database ................................................................................................. 66 3.5.4.1. Tabel Registrasi_admin ............................................................ 66 3.5.4.2. Tabel quiz_data_siswa.............................................................. 66 3.5.4.3. Tabel quiz_pertanyaan.............................................................. 67 3.5.4.4. Tabel quiz_jawaban .................................................................. 67 3.5.5. User Interface ......................................................................................... 68
BAB IV MEDIA PEMBELAJARAN ........................................................... 90 4.1. Sistem Pembelajaran Berbasis Multimedia ............................................ 90 4.2. Tampilan Media Pembelajaran Matematika “Kesebangunan dan Kekongruenan” ....................................................................................... 90 4.2.1. Opening ....................................................................................... 90 4.2.2. Profile Penyusun ......................................................................... 91 4.2.3. Pembuka ..................................................................................... 93 4.2.4. Home ........................................................................................... 94 4.2.5. Menu ........................................................................................... 95 4.2.6. Bangun-Bangun Datar yang Sebangun dan Kongruen ............... 96 4.2.6.1. Kesebangunan Bangun Datar hal 1............................... 98 4.2.6.2. Kesebangunan Bangun Datar hal 2............................... 99 4.2.6.3. Contoh hal 1.................................................................. 100 4.2.6.4. Contoh hal 2.................................................................. 101 4.2.6.5. Contoh hal 3.................................................................. 102 4.2.6.6. Contoh hal 4.................................................................. 103 4.2.6.7. Contoh hal 5.................................................................. 104 4.2.6.8. Contoh hal 6.................................................................. 105 4.2.7. Kekongruenan Bangun Datar hal 1 ............................................. 105 4.2.7.1. Kekongruenan Bangun Datar hal 2............................... 107 4.2.7.2. Contoh 1.2 hal 1............................................................ 108 4.2.7.3. Contoh 1.2 hal 2............................................................ 109 4.2.7.4. Contoh 1.2 hal 3............................................................ 110 4.2.7.5. Contoh 1.2 hal 4............................................................ 111 4.2.8. Sifat-Sifat Dua Segitiga yang Sebangun dan Kengruen ............. 111 4.2.8.1. Prinsip-Prinsip Kekongruenan Dua Segitiga ................ 113 4.2.8.2. Postulat Kekongruenan s.sd.s (Sisi-Sudut-Sisi) ........... 114 4.2.8.3. Teorema Kekongruenan sd.s.sd (Sudut-sisi-sudut) ...... 115 4.2.8.4. Teorema Kekongruenan s.s.s (sisi-sisi-sisi).................. 116 4.2.8.5. Teorema Kekongruenan s.sd.sd (sisi-sudut-sudut) ....... 117 4.2.9. Prinsip-prinsip Kesebangunan Dua Segitiga .............................. 117
4.2.9.1. Teorema Dasar Kesebangunan /Basic SimilarityTheorm (BST) ............................................................................. 119 4.2.9.2. Sifat-Sifat Kesebangunan Dua SegitigaSiku-Siku hal 1 ...................................................................................... 120 4.2.9.3. Sifat-Sifat Kesebangunan Dua Segitiga Siku-Siku hal 2 ...................................................................................... 121 4.2.9.4. Sifat-Sifat Kesebangunan Dua Segitiga Siku-Siku hal 3 ...................................................................................... 122 4.2.9.5. Teorema Kesebangunan sd.sd.sd (sudut-sudut-sudut).. 123 4.2.9.6. Teorema Kesebangunansd.sd (susut-sudut).................. 124 4.2.9.7. Teorema Kesebangunan s.s.s (sisi-sisi-sisi).................. 125 4.2.9.8. Teorema Kesebangunan s.sd.s (sisi-sudut-sisi) ............ 126 4.2.10. Contoh Soal dan Permasalahannya ............................................. 127 4.2.11. Ujian............................................................................................ 128 4.2.12. Login Siswa ................................................................................ 129 4.2.13. Koreksi ...................................................................................... 129 4.2.14. Admin Panel ............................................................................... 130 4.2.15. Administrasi Panel ...................................................................... 131 4.2.16. Add Item ..................................................................................... 132 4.2.17. Daftar Siswa ............................................................................... 133 4.2.18. Tambah Siswa ............................................................................. 135 BAB V PENUTUP ......................................................................................... 136 5.1. Kesimpulan ............................................................................................. 136 5.2. Saran ....................................................................................................... 136 DAFTAR PUSTAKA ..................................................................................... 137 LAMPIRAN .................................................................................................... 139
DAFTAR GAMBAR Gambar 1.1. Metodologi ............................................................................... 4 Gambar 2.1. Tampilan Awal Adobe Flash .................................................... 12 Gambar 2.2. Halaman kerja Adobe Flash ..................................................... 12 Gambar 2.3. Menu ......................................................................................... 13 Gambar 2.4. Toolbox Adobe Flash ............................................................... 13 Gambar 2.5. Timeline.................................................................................... 16 Gambar 2.6. Import to library ....................................................................... 17 Gambar 2.7. Memilih objek atau gambar yang akan digunakan ................... 18 Gambar 2.8. Library ...................................................................................... 18 Gambar 2.9. Background............................................................................... 19 Gambar 2.10. Toolbox Adobe Photoshop ....................................................... 20 Gambar 2.11. Halaman kerja Adobe Photoshop ............................................. 23 Gambar 2.12. Cara membuka objek yang akan di edit ................................... 24 Gambar 2.13. Memilih objek .......................................................................... 24 Gambar 2.14. Objek telah terbuka................................................................... 25 Gambar 2.15. Membuka kunci untuk memulai mewarnai .............................. 25 Gambar 2.16. Menyeleksi menggunakan wand megic tool ............................ 26 Gambar 2.17. Menghapus Background ........................................................... 26 Gambar 2.18. Objek yang telah diwarnai ........................................................ 27 Gambar 2.19. Tampilan Adobe Audition ........................................................ 28 Gambar 2.20. Bangun Datar yang Sebangun dan Kongruen .......................... 29 Gambar 2.21. Kesebangunan........................................................................... 30 Gambar 2.22. Korespondensi bangun datar .................................................... 31 Gambar 2.23. Perubahan posisi korespondensi bangun datar ......................... 31 Gambar 2.24. Kekongruenan Bangun Datar ................................................... 32 Gambar 2.25. Posisi kekongruenan Bangun Datar.......................................... 33 Gambar 2.26. Hubungan Bangun Datar .......................................................... 33 Gambar 2.27. Kekongruenan Dua Segitiga ..................................................... 34 Gambar 2.28. Postulat Kekongruenan s.sd.s (sisi-sudut-sisi) ......................... 35 Gambar 2.30. Teorema Kekongruenan sd.sd .................................................. 35 Gambar 2.31. Teorema Kekongruenan s.s.s .................................................... 35 Gambar 2.32. Teorema Kekongruenan s.sd.s .................................................. 36 Gambar 2.33. Kesebagunan dua segitiga ......................................................... 36 Gambar 2.34. BST ........................................................................................... 37 Gambar 2.35. Segitiga Siku-siku ..................................................................... 37 Gambar 2.36. Jawaban soal Segitiga Siku-siku .............................................. 37 Gambar 2.37. Penjelasan Segitiga Siku-siku................................................... 38 Gambar 2.38. Teorema Kesebangunan sd.sd.sd .............................................. 38
Gambar 2.38. Gambar 2.39. Gambar 2.40. Gambar 2.41. Gambar 3.1. Gambar 3.2. Gambar 3.3. Gambar 3.4. Gambar 3.5. Gambar 3.6. Gambar 3.7. Gambar 3.8. Gambar 3.9. Gambar 3.10. Gambar 3.11. Gambar 3.12. Gambar 3.13. Gambar 3.14. Gambar 3.15. Gambar 3.16. Gambar 3.17. Gambar 3.18. Gambar 3.19. Gambar 3.20. Gambar 3.21. Gambar 3.22. Gambar 3.23. Gambar 3.24. Gambar 3.25.
Penjelasan Teorema Kesebangunan sd.sd.sd............................ 39 Penjelasan Teorema Kesebangunan sd.sd ................................ 39 TIPS .......................................................................................... 39 Teorema Kesebangunan s.s.s .................................................... 40 Use Case Diagram ................................................................... 47 Use Case Diagram : uc.1 Materi Kesebanguan ....................... 48 Use Case Diagram : uc.2 Materi Kekongruenan ..................... 48 Use Case Diagram : uc.3 Soal Latihan dan Pembahasan ....... 48 Use Case Diagram : uc.4 Soal Interaktif ................................ 49 Use Case Diagram : uc.5 Login ............................................... 49 Use Case Diagram : uc.6 Bank Soal ........................................ 50 Activity Diagram : uc.1 Materi Kesebangunan ........................ 57 Activity Diagram : uc.2 Materi Kekongruenan ........................ 58 Activity Diagram : uc.3 Soal dan Pembahasan ........................ 59 Activity Diagram : uc.4 Soal Interaktif .................................... 59 Activity Diagram : uc.5 Login .................................................. 60 Activity Diagram : uc.6 Bank Soal (bag.1) .............................. 61 Activity Diagram : uc.6 Bank Soal (bag.2) .............................. 62 Activity Diagram : uc.6 Bank Soal (bag.3) .............................. 63 Activity Diagram : uc.10 Ujian ................................................ 64 Activity Diagram : uc.11 Nilai ................................................. 65 Activity Diagram : uc.12 Rating ............................................... 65 Mockup : Opening .................................................................... 68 Mockup : Profile Pengguna ...................................................... 68 Mockup : Pembuka ................................................................... 69 Mockup : Home ........................................................................ 69 Mockup : Help .......................................................................... 70 Mockup : Menu......................................................................... 70 Mockup :Bangun-Bangun Datar yang Sebangun dan Kongruen .................................................................................................. 71
Gambar 3.26. Gambar 3.27. Gambar 3.28. Gambar 3.29. Gambar 3.30. Gambar 3.31. Gambar 3.32. Gambar 3.33. Gambar 3.34. Gambar 3.35.
Mockup : Kesebangunan Bangun Datar hal 1 .......................... 71 Mockup : Kesebangunan Bangun Datar hal 2 .......................... 72 Mockup : Contoh hal 1 ............................................................. 72 Mockup : Contoh hal 2 ............................................................. 73 Mockup : Contoh hal 3 ............................................................. 73 Mockup : Contoh hal 4 ............................................................. 74 Mockup : Contoh hal 5 ............................................................. 74 Mockup : Contoh hal 6 ............................................................. 74 Mockup : Kekongruenan Bangun Datar hal 1 .......................... 75 Mockup : Kekongruenan Bangun Datar hal 2 .......................... 75
Gambar 3.36. Gambar 3.37. Gambar 3.38. Gambar 3.38. Gambar 3.39. Gambar 3.40. Gambar 3.41. Gambar 3.42. Gambar 3.43. Gambar 3.44. Gambar 3.45. Gambar 3.46. Gambar 3.47. Gambar 3.48. Gambar 3.49. Gambar 3.50. Gambar 3.51. Gambar 3.52. Gambar 3.53. Gambar 3.54. Gambar 3.55. Gambar 3.56. Gambar 3.57. Gambar 3.58. Gambar 3.59. Gambar 3.40. Gambar 4.1. Gambar 4.2. Gambar 4.3. Gambar 4.4. Gambar 4.5. Gambar 4.6. Gambar 4.7. Gambar 4.8. Gambar 4.9. Gambar 4.10.
Mockup : Contoh 1.2 hal 1 ....................................................... 76 Mockup : Contoh 1.2 hal 2 ....................................................... 76 Mockup : Contoh 1.2 hal 3 ....................................................... 77 Mockup : Contoh 1.2 hal 3 ....................................................... 77 Mockup : Sifat-Sifat Dua Segitiga yang Sebangun dan Kongruen .................................................................................................. 78 Mockup : Prinsip-Prinsip Kekongruenan Dua Segitiga............ 78 Mockup : Postulat Kekongruenan s.sd.s ................................... 79 Mockup : Teorema Kekongruenan ad.s.sd ............................... 79 Mockup : Teorema Kekongruenan s.s.s ................................... 80 Mockup : Teorema Kekongruenan s.sd.sd ............................... 80 Mockup : Prinsip-PrinsipDua Segitiga ..................................... 81 Mockup : BST........................................................................... 81 Mockup : Sifat-Sifat Kesebangunan Dua Segitiga Siku-Siku hal 1 .................................................................................................. 82 Mockup : Sifat-Sifat Kesebangunan Dua Segitiga Siku-Siku hal 2 .................................................................................................. 82 Mockup : Sifat-Sifat Kesebangunan Dua Segitiga Siku-Siku hal 3 .................................................................................................. 83 Mockup : Teorema Kesebangunan sd.sd.sd ............................. 83 Mockup : Teorema Kesebangunan sd.sd .................................. 84 Mockup : Teorema Kesebangunan s.s.s ................................... 84 Mockup : Teorema Kesebangunan s.sd.s ................................. 85 Mockup : Contoh Soal dan Permasalahannya .......................... 85 Mockup : Login Siswa .............................................................. 86 Mockup : Koreksi ..................................................................... 87 Mockup : Administrasi Panel ................................................... 87 Mockup : Add Item ................................................................... 88 Mockup : Daftar Siswa ............................................................. 88 Mockup : Tambah Siswa .......................................................... 89 Tampilan : Opening .................................................................. 91 Timeline : Opening ................................................................... 91 Tampilan : Profile penyusun .................................................... 92 Timeline : Profile penyusun ...................................................... 92 Tampilan : Pembuka ................................................................. 93 Timeline : Pembuka .................................................................. 93 Tampilan : home ....................................................................... 94 Timeline : home ........................................................................ 95 Tampilan : Menu ...................................................................... 95 Timeline : Menu........................................................................ 96
Gambar 4.11. Tampilan : Bangun-Bangun Datar yang Sebangun dan Kongruen .................................................................................................. 97 Gambar 4.12. Timeline : Bangun-Bangun Datar yang Sebangun dan Kongruen .................................................................................................. 97 Gambar 4.13. Tampilan : Kesebangunan Bangun Datar hal 1 ........................ 98 Gambar 4.14. Timeline : Kesebangunan Bangun Datar hal 1 ......................... 98 Gambar 4.15. Tampilan : Kesebangunan Bangun Datar hal 2 ........................ 99 Gambar 4.16. Timeline : Kesebangunan Bangun Datar hal 2 ......................... 99 Gambar 4.17. Tampilan : Contoh hal 1 ........................................................... 100 Gambar 4.18. Timeline : Contoh hal 1 ............................................................ 100 Gambar 4.19. Tampilan : Contoh hal 2 ........................................................... 101 Gambar 4.20. Timeline : Contoh hal 2 ............................................................ 101 Gambar 4.21. Tampilan : Contoh hal 3 ........................................................... 102 Gambar 4.22. Timeline : Contoh hal 3 ............................................................ 102 Gambar 4.23. Tampilan : Contoh hal 4 ........................................................... 103 Gambar 4.24. Timeline : Contoh hal 4 ............................................................ 103 Gambar 4.25. Tampilan : Contoh hal 5 ........................................................... 104 Gambar 4.26. Timeline : Contoh hal 5 ............................................................ 104 Gambar 4.27. Tampilan : Contoh hal 6 ........................................................... 105 Gambar 4.28. Timeline : Contoh hal 6 ............................................................ 105 Gambar 4.29. Tampilan : Kekongruenan Bangun Datar hal 1 ........................ 106 Gambar 4.30. Timeline : Kekongruenan Bangun Datar hal 1 ......................... 106 Gambar 4.31. Tampilan : Kekongruenan Bangun Datar hal 2 ........................ 107 Gambar 4.32. Timeline : Kekongruenan Bangun Datar hal 2 ......................... 107 Gambar 4.33. Tampilan : Contoh 1.2 hal 1 ..................................................... 108 Gambar 4.34. Timeline : Contoh 1.2 hal 1 ...................................................... 108 Gambar 4.35. Tampilan : Contoh 1.2 hal 2 ..................................................... 109 Gambar 4.36. Timeline : Contoh 1.2 hal 2 ...................................................... 109 Gambar 4.37. Tampilan : Contoh 1.2 hal 3 ..................................................... 110 Gambar 4.38. Timeline : Contoh 1.2 hal 3 ...................................................... 110 Gambar 4.39. Tampilan : Contoh 1.2 hal 4 ..................................................... 111 Gambar 4.40. Timeline : Contoh 1.2 hal 4 ...................................................... 111 Gambar 4.41. Tampilan : Sifat-sifat Dua Segitiga yang Sebangun dan Kongruenan .............................................................................. 112 Gambar 4.42. Timeline : Sifat-sifat Dua Segitiga yang Sebangun dan Kongruenan .................................................................................................. 112 Gambar 4.43. Tampilan : Prinsip-prinsip Kekongruenan dua segitiga ........... 113 Gambar 4.44. Timeline : Prinsip-prinsip Kekongruenan dua segitiga ............ 113 Gambar 4.45. Tampilan : Postulat Kekongruenan s.sd.s................................. 114 Gambar 4.46. Timeline : Postulat Kekongruenan s.sd.s................................... 114
Gambar 4.47. Tampilan : Teorema Kekongruenan sd.s.sd ............................. 115 Gambar 4.48. Timeline : Teorema Kekongruenan sd.s.sd............................... 115 Gambar 4.49. Tampilan : Teorema Kekongruenan s.s.s ................................. 116 Gambar 4.50. Timeline : Teorema Kekongruenan s.s.s................................... 116 Gambar 4.51. Tampilan : Teorema Kekongruenan s.sd.sd ............................. 117 Gambar 4.52. Timeline : Teorema Kekongruenan s.sd.sd ............................... 117 Gambar 4.53. Tampilan : Prinsip-prinsip kesebangunan dua segitiga ............ 118 Gambar 4.54. Timeline : Prinsip-prinsip kesebangunan dua segitiga ............. 118 Gambar 4.55. Tampilan : BST ........................................................................ 119 Gambar 4.56. Timeline : BST .......................................................................... 119 Gambar 4.57. Tampilan : Sifat Kesebangunan Dua Segitiga Siku-siku hal 1. 120 Gambar 4.58. Timeline : Sifat Kesebangunan Dua Segitiga Siku-siku hal 1 .. 120 Gambar 4.59. Tampilan : Sifat Kesebangunan Dua Segitiga Siku-siku hal 2. 121 Gambar 4.60. Timeline : Sifat Kesebangunan Dua Segitiga Siku-siku hal 2 .. 121 Gambar 4.61. Tampilan : Sifat Kesebangunan Dua Segitiga Siku-siku hal 3. 122 Gambar 4.62. Timeline : Sifat Kesebangunan Dua Segitiga Siku-siku hal 3 .. 122 Gambar 4.63. Tampilan :Teorema Kesebangunan sd.sd.sd ............................ 123 Gambar 4.64. Timeline : Teorema Kesebangunan sd.sd.sd............................. 123 Gambar 4.65. Tampilan : Teorema Kesebangunan sd.sd ................................ 124 Gambar 4.66. Gambar 4.67. Gambar 4.68. Gambar 4.69. Gambar 4.70. Gambar 4.71. Gambar 4.72. Gambar 4.73. Gambar 4.74. Gambar 4.75. Gambar 4.76. Gambar 4.77. Gambar 4.78. Gambar 4.79. Gambar 4.80. Gambar 4.81.
Timeline : Teorema Kesebangunan sd.sd ................................. 124 Tampilan : Teorema Kesebangunan s.s.s ................................. 125 Timeline : Teorema Kesebangunan s.s.s................................... 125 Tampilan : Teorema Kesebangunan s.sd.s ............................... 126 Timeline : Teorema Kesebangunan s.sd.s................................. 126 Tampilan : Contoh Soal dan Permasalahannya ........................ 127 Timeline : Contoh Soal dan Permasalahannya ......................... 127 Tampilan : Ujian ....................................................................... 128 Timeline : Ujian ........................................................................ 128 Tampilan : Login siswa ............................................................ 129 Tampilan : Koreksi ................................................................... 130 Tampilan : Admin Panel ........................................................... 131 Tampilan : Administration Panel.............................................. 132 Tampilan : Add Item ................................................................ 133 Tampilan : Daftar Siswa ........................................................... 134 Tampilan : Tamabah Siswa ...................................................... 135
DAFTAR TABEL
Tabel 3.1. Skenario Materi Kesebangunan ...................................................... 50 Tabel 3.2. Skenario Materi Kekongruenan ...................................................... 51 Tabel 3.3. Skenario Soal dan Pembahasan....................................................... 51 Tabel 3.4. Skenario Soal Interaktif .................................................................. 52 Tabel 3.5. Skenario Login ................................................................................ 53 Tabel 3.6. Skenario Bank Soal ......................................................................... 53 Tabel 3.7. Skenario Ujian................................................................................. 54 Tabel 3.8. Skenario Nilai ................................................................................. 55 Tabel 3.9. Skenario Rating ............................................................................... 56 Tabel 3.10. Tabel Registrasi_admin................................................................. 66 Tabel 3.11. Tabel quiz_data_siswa .................................................................. 66 Tabel 3.12. Tabel quiz_pertanyaan .................................................................. 67 Tabel 3.13. Tabel quiz_jawaban ...................................................................... 68
BAB I PENDAHULUAN
1.8. Latar Belakang Proses Belajar Mengajar (PBM) merupakan suatu proses yang mengandung serangkaian perbuatan guru dan siswa atas dasar hubungan timbal balik yang berlangsung dalam situasi edukatif untuk mencapai tujuan tertentu (Moh Uzer Usman)[1] . Dalam proses belajar mengajar membutuhkan alat bantu dalam penyampaian materi yang akan di pelajari, secara umum pembelajaran dilakukan dengan bantuan buku yang berisi teks materi dan soal-soal didalamnya. Faktanya buku pelajaran yang di gunakan saat proses belajar mengajar akan mudah di pahami setelah guru atau orang tua dapat menjelaskan materi dan mempraktekkan soal yang ada. Bagaimana jika guru atau orang tua tidak ada saat PBM berlangsung?. Untuk itu media pembelajaran berbasis multimedia bisa dijadikan alternatif alat bantu dalam proses belajar mengajar di kelas maupun di rumah. Media pembelajaran interaktif adalah suatu sistem penyampaian pengajaran yang menyajikan materi video rekaman dengan pengendalian komputer kepada penonton (siswa) yang tidak hanya mendengar dan melihat video dan suara, tetapi juga memberikan respon yang aktif, dan respon itu yang menentukan kecepatan dan sekuensi penyajian (Seels & Glasgow
dalam
Arsyad,
2002:36)
[2]
.
Dengan
pemanfaat
media
pembelajaran interaktif yang berbasis multimedia siswa atau anak tidak hanya membaca namun dapat mendengar penjelasan secara langsung, melakukan percobaan mengikuti video tutorial, dan mengerjakan latihan maupun ujian dalam satu media. Sehingga siswa atau anak dapat belajar walau tanpa bimbingan guru ataupun orang tua.
Matematika merupakan salah satu mata pelajaran yang menjadi tolak ukur kemampuan siswa dengan diikutsertakan dalan UN. Sebagian besar siswa menganggap matematika sebagai pelajaran yang sukar dan menakutkan, sehingga menjadi momok bagi siswa. [3] Materi Kesebangunan dan Kekongruenan merupakan materi pelajaran yang membutuhkan banyak contoh dan pratikum dalam proses belajar nya, jika hanya menggunakan buku yang bersifat monoton, membuat siswa sulit untuk membayangkan apa yang dimaksud soal dan latihan. Media pembelajaran akan mempermudah siswa dengan penjelasan langsung berupa suara, gambar, animasi, dan video yang menambah ketertarikan siswa atau anak untuk belajar di kelas maupun di rumah. Hasil pemanfaatan kemampuan multimedia di wujudkan dengan pengadaan atau pembuatan sebuah Media Pembelajaran Interaktif Matematika “Kesebanguanan dan Kekongruenan”. 1.9. Rumusan Masalah Perumusan masalah yang dapat ditarik dari penjelasan latar belakang dibuatnya aplikasi ini, yaitu: -
Bagaimana merancang dan membuat alat bantu belajar siswa/ anak saat berada dirumah.
-
Bagaimana merancang dan membuat media pembelajaran interaktif yang menampilkan materi pembelajaran matematika “kesebangunan dan kekongruenan” jenjang pendidikan SMP.
-
Bagaimana merancang dan membuat media pembelajaran interaktif yang dapat mengolah soal untuk kebutuhan ujian/quis, penilaian, dan rangking untuk siswa (anak) dan guru (orang tua).
1.10. Ruang Lingkup
Berdasarkan judul tugas akhir diatas, ruang lingkup masalah ini adalah : -
Media pembelajaran ini dibuat sebagai alat bantu belajar siswa dan anak.
-
Media pembelajaran ini berbasis aplikasi dekstop, artinya media ini membutuhkan seperangkat Personal Computer (PC) sebagai media pengguna dan penyimpanan database.
-
Media ini menggunakan bahasa pemrograman ActionScript 2.0, ActionScrip 3.0 dan dibuat menggunakan Adobe Flash Profesional CS5.5.
-
Database yang di gunakan adalah MySql
1.11. Tujuan Tugas Akhir Tujuan dari tugas akhir ini adalah terwujudnya media pembelajaran matematika khususnya materi kesebangunan dan kekongruenan yang dapat di gunakan siswa dan anak untuk membantu proses belajar di sekolah maupun dirumah.
1.12. Metodelogi Metodelogi yang akan di gunakan dalam penyususnan dan perancangan Tugas akhir dapat di lihat pada gambar dimawah ini :
User Requireme nt
Penyusunan Tugas Akhir
Analisis
Design
Coding & Testing
Penerapan
Analisis
Analisis kebutuhan sistem/media . pengumpulan data yang dibutuhkan user (User Requimen
Design
Pengumpulan Kebutuhan dari media sebelum perancangan (Sistem Requiment)
Coding & Testing
Penerapan
Proses Pengerjaan Media
Penggunaan Oleh User
Pemilihan Bahasa Pemilihan Database Orang TuaAnak Guru- Siswa
Gambar 1.1. Metodologi 1.12.1. Analisis Langkah ini merupakan analisa terhadap kebutuhan sistem. Pengumpulan data dalam tahap ini bisa malakukan sebuah penelitian, wawancara atau study literatur. Seorang sistem analis akan menggali informasi sebanyak-banyaknya dari user sehingga akan tercipta sebuah sistem komputer yang bisa melakukan tugas-tugas yang diinginkan oleh user tersebut. Tahapan ini akan menghasilkan dokumen user requirment atau bisa dikatakan sebagai data yang berhubungan dengan keinginan user dalam pembuatan sistem. Dokumen ini lah yang akan menjadi acuan sistem analis untuk menterjemahkan ke dalam bahasa pemprogram.
1.12.2. Design Proses desain akan menerjemahkan syarat kebutuhan ke sebuah perancangan perangkat lunak yang dapat diperkirakan sebelum dibuat
coding. Proses ini berfokus pada : struktur data, arsitektur perangkat lunak, representasi interface, dan detail (algoritma) prosedural. Tahapan ini akan menghasilkan dokumen yang disebut software requirment. Dokumen inilah yang akan digunakan proggrammer untuk melakukan aktivitas pembuatan sistemnya.
1.12.3. Coding & Testing Coding merupan penerjemahan design dalam bahasa yang bisa dikenali oleh komputer. Dilakukan oleh programmer yang akan meterjemahkan transaksi yang diminta oleh user. Tahapan ini lah yang merupakan tahapan secara nyata dalam mengerjakan suatu sistem. Dalam artian penggunaan komputer akan dimaksimalkan dalam tahapan ini. Setelah pengkodean selesai maka akan dilakukan testing terhadap sistem yang telah dibuat tadi. Tujuan testing adalah menemukan kesalahankesalahan terhadap sistem tersebut dan kemudian bisa diperbaiki.
1.12.4. Penerapan Tahapan ini bisa dikatakan final dalam pembuatan sebuah sistem. Setelah melakukan analisa, design dan pengkodean maka sistem yang sudah jadi akan digunakan oleh user.
1.13. Sistematika Penulisan BAB I.
PENDAHULUAN Menjelaskan tentang latar belakang perancangan, rumusan masalah, ruang lingkup, tujuan perancangan dan metodelogi yang digunakan.
BAB II.
LANDASAN TEORI Menjelaskan tentang landasan teori yang digunakan, seperti penjelasan
mengenai
aplikasi
yang
digunakan
dalam
membangun media dan materi yang akan dibahas dalam media. BAB III.
PERANCANGAN SISTEM
Bab ini berisi perancanngan sistem yang sekarang berjalan, terdiri dari usecase, scenario, activity diagram, database, dan user interface. Dari hasil rancangan dapat diketahui lebih jelas mengenai masalah yang dihadapi pada sistem yang sekarang berjalan. BAB IV.
MEDIA PEMBELAJARAN Menjelaskan
mengenai
pembahasan
sistem
hasil media
perancangan
sistem
pembelajaran
dan
matematika
“kesebangunan dan kekongruenan” yang di bangun. BAB V.
PENUTUP Bab ini berisi uraian tentang kesimpulan yang didapat dari proses membangun media pembelajaran, serta saran yang dapat penulis berikan apabila sistem ini ingin dikembangkan lebih lanjut.
1.14. Penjelasan Istilah Flash
: satu perangkat lunakkomputer yang merupakan produk unggulan Adobe Systems. Adobe Flash digunakan untuk membuat gambar vektor maupun animasi gambar tersebut.
Photoshop
: perangkat lunak editor citra buatan Adobe Systems yang dikhususkan untuk pengeditan foto/gambar dan pembuatan efek.
Audition
: multitrack digital audio recording, editor dan mixer yang udah digunakan dan memiliki berbagai fasilitas pengolahan suara
Animasi
: film yang merupakan hasil dari pengolahan gambar tangan sehingga menjadi gambar yang bergerak.
Button
: suatu objek menjadi button maka objek tersebut menjadi tombol yang bisa di klik. objek ini juga dapat menggunakan fasilitas dari flash
Movie clip
: type dari symbol yang di gunakan untuk membuat objek agar dapat menggunakan fasilitas dari Adobe Flash. Contohnya adalah membuat animasi tween, masking dan guide.
Graphic
: simbol berupa gambar yang diam. Simbol ini biasanya dijadikan sebagai background presentasi. Movie clip dan Graphic itu mempunyai fungsi yang sama hanya saja graphic tidak bisa dimasukan actionscript.
Library
: jendela anda dalam mengamati dan mengorganisasi simbol dan sumberdaya yang anda miliki.
Scene
: sebuah film, maka scene adalah episodenya, dengan scene kita bisa mengatur susunan adegan dalam movie kita.
Frame
: adegan,
berarti
satu
frame
pada
movie
anda
melambangkan satu potongan adegan, yang akan menyusun keseluruhan animasi atau movie anda. Layer
: semacam lapisan plastik transparan yang dapat kita letakkan bertumpukan dengan masing-masing plastik transparan tersebut mengandung elemen tersendiri, sehingga
memudahkan
kita
untuk
mengorganisasikannya. Keyframe
: suatu tempat yang digunakan untuk menaruh objek.
Data
: catatan atas kumpulan fakta.
Sound
: getaran yang cepat yang ditransmisikan sebagai variasi dalam tekanan udara.
Exe
: salah satu jenis file yang paling berguna karena digunakan untuk menjalankan program.
Fla
: format asli pada Flash yang di dalamnya menyimpan layer – layer dan frame-frame.
Swf
: sebuah karya berbasis grafis (gambar)
Tween
: tehknik membuat animasi yang harus kita kuasai. Dengan menguasai motion tween ini kita dapat membuat animasi-animasi yang bagus, halus dan juga lebih
hemat
waktu
dalam
pembuatannya
jika
dibandingkan dengan menggunakan animasi frame by frame. Xml
: bahasa markup untuk keperluan umum yang disarankan oleh W3C untuk membuat dokumen markup keperluan pertukaran data antar sistem yang beraneka ragam.
Php
: bahasa markup untuk keperluan umum yang disarankan oleh W3C untuk membuat dokumen markup keperluan pertukaran data antar sistem yang beraneka ragam.
Database
: kumpulan informasi yang disimpan di dalam komputer secara
sistematik
menggunakan
sehingga
suatu
dapat
program
diperiksa
komputer
untuk
memperoleh informasi dari basis data tersebut Actionscript
: bahasa
pemrograman
yang
dibuat
berdasarkan
ECMAScript, yang digunakan dalam pengembangan situs
web
dan
perangkat
platformAdobe Flash Player.
lunak
menggunakan
