Pembelajaran Aritmatika dengan Metode JANGKA Menggunakan Jquery

Transkripsi

1 Pembelajaran Aritmatika dengan Metode JANGKA Menggunakan Jquery Titik Indrayati, Rengga Asmara, Ahmad Syauqi Ahsan Politeknik Elektronika Negeri Surabaya Kampus PENS-ITS, Keputih, Sukolilo, Surabaya. Abstrak Matematika merupakan suatu mata pelajaran yang diajarkan pada setiap jenjang pendidikan di Indonesia mulai dari Sekolah Dasar (SD) sampai dengan Sekolah Menengah Atas (SMA). Tapi banyak yang menganggap berhitung itu sulit. Padahal berhitung bisa dilakukan dengan mudah, bahkan dengan cara yang menyenangkan. Metode JANGKA(Jemari Berhitung Angka) merupakan salah satu cara memudahkan berhitung dengan hanya menggunakan jari. Dengan rumus-rumus unik berdasarkan titian ingatan, metode JANGKA sangat memudahkan dalam perhitungan perkalian. Teknik perhitungan ini lebih ditekankan pada penyederhanaan atau bahkan penggabungan pemahaman dari beberapa sistem berhitung sejenis dengan mengenalkan penggunaan rumusrumus berbasis TITIAN INGATAN yang diintisarikan dari dua jenis perhitungan berbasis jemari yang telah ada sebelumnya. Pada penelitian dibuat sebuah aplikasi pembelajaran aritmatika dengan menggunakan metode JANGKA berbasis web, menggunakan animasi jquery, dan disertai suara agar lebih menarik dan lebih mudah dipelajari terutama bagi anak-anak. Kata kunci : metode JANGKA, aritmatika, jquery, jari 1. Pendahuluan Matematika merupakan suatu mata pelajaran yang diajarkan pada setiap jenjang pendidikan di Indonesia. Namun sampai saat ini masih banyak ditemukan kesulitankesulitan yang dialami dalam mempelajari matematika. Kini telah dikembangkan berbagai metode pembelajaran untuk mengatasi kesulitan-kesulitan dalam belajar matematika, terutama dalam hal berhitung. Sebagai contoh setelah berkembang teknik berhitung dengan hanya menggunakan sepuluh jari yang dikenal dengan nama hand system dan teknik berikutnya, yaitu jarimatika di tengah masyarakat Indonesia, kini hadir sebuah teknik berhitung menggunakan jari dengan pendekatan berbeda. Teknik ini terinspirasi oleh para pendahulunya, tetapi terdapat satu prinsip yang sangat lain dengan metode-metode sebelumnya. Metode tersebut adalah metode JANGKA(Jemari Berhitung Angka). Teknik perhitungan ini lebih ditekankan pada penyederhanaan atau bahkan penggabungan pemahaman dari beberapa sistem berhitung sejenis dengan mengenalkan penggunaan rumus-rumus berbasis TITIAN INGATAN yang diintisarikan dari dua jenis perhitungan berbasis jemari yang telah ada sebelumnya. Pada penelitian ini dibuat sebuah aplikasi yang mengembangkan metode JANGKA dengan berbasis web dan animasi jquery agar lebih mudah dan lebih menarik untuk dipelajari. 2. Related Works Penelitian ini terinspirasi oleh hasil karya dari Asep Budy Mulia yang telah menciptakan metode JANGKA dalam bukunya yang berjudul Cepat Berhitung dengan Jari Metode JANGKA. Untuk mempermudah dan mengenalkan metode JANGKA ke masyarakat, maka pada penelitian ini mengimplementasikan metode tersebut dalam bentuk web dengan jquery. 3. Teori Penunjang 3.1 Metode JANGKA Rumah yang kokoh pasti berdiri di atas pondasi yang juga kokoh. Analogi di atas menggambarkan tentang dasar teknik JANGKA. Yang dipelajari dalam metode JANGKA adalah operasi perkalian, yang dibagi seperti tabel di bawah ini : Tabel 1. Tabel Operasi Metode JANGKA Operasi PEDAS ke-1 : Perkalian 6-10 PEDAS ke-2 : Perkalian 11- Rumus PEDAS PTPT SAKALIAN (P+P)+(SxS) SERTA PTPT SABUK SABU 100+ (P + P) + 1

2 15 (S1 x S2) : Perkalian : Perkalian : Perkalian : Perkalian PELAN DUARTA PTPT PARTA 2 PTPT NARATA 2 PTPT BILARATA 3 PTPT SERIDUTA 3 PTPT SENAMRATA 4 PTPT DURIBUTA 4 PTPT DURIMATA 5 PTPT TIRTA 5 PTPT TIRNARATA 6 PTPT PARDURATA 6 PTPT PASERATA 7 PTPT MARINARATA 7 PTPT (P + P) + (P x (P x (P x (P x (P x (P + P) + (S1 x S2) x (P x (P x (P x (P + P) + (S1 x S2) x (P x (P x (P + PEKAT MAKARITA 5x + (P + P) + (S SEKARITA 10x + (P + P) + (S 3 MALAKARITA 15x + (P + P) dengan dengan dengan dengan : Perkalian dengan : : : : : (S DULUKARITA 20x + (P + P) + (S DULIKARITA 25x + (P + P) + (S SEKARITA MALAKARITA DULUKARITA DULIKARITA GALUHKARITA MALAKARITA SEKANANTA DULUKARITA SEKANANTA DULIKARITA SEKANANTA GALUHKARITA SEKANANTA GALIKARITA SEKANANTA 10x + 5y + (P + 15x + 5y + (P + 20x + 5y + (P + 25x + 5y + (P + 30x + 5y + (P + 15x + 10y + (P + 20x + 10y + (P + 25x + 10y + (P + 30x + 10y + (P + 35x + 10y + (P + 2

3 3.2 Jquery jquery adalah javascript library, jquery mempunyai semboyan write less, do more. jquery dirancang untuk memperingkas kode-kode javascript. JQuery adalah javascript library yang cepat dan ringan untuk menangani dokumen HTML, menangani event, membuat animasi dan interaksi ajax. JQuery dirancang untuk mengubah cara anda menulis javascript.sebelum anda memulai mempelajari jquery, anda harus mempunyai pengetahuan dasar mengenai HTML, CSS dan Javascript. 3.3 HTML5 HTML 5 merupakan standarisasi untuk HTML, XHTML dan HTML DOM (Document Object Model) untuk waktu yang akan datang dimana sedang dalam proses pengembangan. Secara umum fitur-fitur baru pada HTML 5 berbasis pada HTML, CSS, DOM dan Javascript atau dapat dikatakan HTML 5 adalah perpaduan antara keempat elemen tersebut. Hingga saat ini, browser yang mendukung sebagian besar fitur HTML 5 adalah Opera 10+, Mozilla 4 beta, dan GoogleChrome. 3.4 Flash Animasi flash secara cepat berkembang menjadi suatu teknologi pilihan untuk membuat animasi-animasi yang dinamis dan interaktif, seperti pembuatan game, presentasi, dan lain-lain. Selain itu juga digunakan untuk pembuatan multimedia, seperti pembuatan animasi untuk mempecantik halaman web. Dengan kata lain, Macromedia Flash adalah tool yang paling populer saat ini dalam bidang pembuatan animasi. Istilah istilah umum yang terdapat pada flash : a. Movie Clip Movie Clip adalah gabungan suatu animasi dengan animasi atau object yang lain. b. Actions Script Action Script adalah suatu perintah yang diletakkan pada suatu frame atau object sehinga frame atau object tersebut akan menjadi lebih interaktif. 4. Perancangan Sistem 4.1. Perencanaan Sistem Pada penelitian mengenai pembuatan aplikasi pembelajaran aritmatika dengan Metode JANGKA, desain sistem yang digunakan terlihat seperti gambar 1 berikut: Gambar 1. Desain Umum Sistem Dari desain sistem tersebut, maka terlihat bahwa pada aplikasi ini berisi tentang tutorial dan game pembelajaran aritmatika dengan metode JANGKA yang menggunakan suara dan gambar. Aplikasi ini dibuat dalam bentuk web sehingga dapat diakses dengan mudah oleh pemakainya. Dalam perancangan dan pembuatan rancangan pembelajaran aritmatika tersebut terdapat beberapa elemen pembangun utama, antara lain: a. Menu Home, yaitu hanya berisi tampilan awal dari metode JANGKA. b. Menu PEDAS (Perkalian Dasar), yaitu operasi metode JANGKA untuk perkalian antara 6-15 c. Menu PELAN (Perkalian Puluhan), yaitu operasi metode JANGKA untuk perkalian antara d. Menu PEKAT (Perkalian Bertingkat), yaitu operasi metode JANGKA yang merupakan gabungan dari PEDAS dan PELAN e. Menu Tebakan, yang berbentuk sebuah game untuk mengasah kemampuan anak dalam memahami metode JANGKA Dalam rancangan sistem ini juga terdapat aliran proses secara keseluruhan dari aplikasi penelitian ini, seperti yang ada pada gambar 2. Gambar 2. Aliran proses secara keseluruhan 3

4 User bisa memilih menu yang ada pada aplikasi web, jika user sudah membuka aplikasi web tersebut. Ada lima menu yang bisa dipilih oleh user, yaitu menu Home, Pedas, Pelan, Pekat, dan Menu Tebakan. Untuk Menu Pedas, Pelan, dan Pekat user dapat memilih dua menu lagi, yaitu Menu Belajar dan Bermain. Menu Belajar berisi tentang tutorial pembelajaran dari metode JANGKA, sedangkan menu Bermain berisi contoh-contoh soal dari pembelajaran tersebut. Untuk menu Tebakan, user bisa memilih terlebih dahulu level yang ada Pembuatan Aplikasi Tahap pembuatan aplikasi ini dapat digolongkan menjadi beberapa tahap. Tahapantahapan tersebut terdiri dari pembuatan file untuk masing-masing menu. Masing-masing menu kebanyakan memiliki cara pengerjaan yang hampir sama. source code jquery jenis slider yang digunakan adalah sebagai berikut : Gambar 4 Source code jquery slider pada Menu Home Pada potongan source code tersebut, dapat dilihat bahwa ada pemanggilan class dan id pada CSS style, yaitu id intro, class tool, class details, dan class demos. Untuk lebih jelasnya style pada id dan class di atas, maka berikut ada potongan source code CSS stylenya : Menu HOME Pada menu HOME berisi tentang tampilan awal dari aplikasi web Pembelajaran Aritmatika dengan Metode JANGKA. Tampilan web ini langsung menggunakan library jquery agar lebih menarik. Gambar 3 adalah gambar tampilan menu HOME. Gambar 5 id intro Gambar 3 Menu HOME Menu Home adalah menu awal saat web di load, berisi pilihan-pilihan menu yang ada pada website pembelajaran aritmatika ini, yaitu menu Pedas, Pelan, Pekat, dan Tebakan. Dan apabila menu-menu tersebut di klik akan ada dua pilihan button, yaitu Belajar dan Bermain. Kecuali untuk menu Tebakan, terdiri dari button pilihan level tebakan. Terdiri dari tiga level, dan apabila di klik akan menuju tebakan pada level yang dimaksud. Saat menu Belajar, Bermain, atau pilihan LEVEL di klik, otomatis website akan meload ke halaman web yang dimaksud. Halaman Home menggunakan jquery jenis slider, agar lebih mudah menggeser-geser ke menu-menu lain yang diinginkan. Potongan.tool { } float:left; width:1000px; height:400px; background-repeat:no-repeat; background-position:0-40px; Source code di atas adalah CSS style dari class tool..details { background-color:#fff; color:#666; float:left; font-size:20px; margin:270px 0 0 0;/*margin tulisan bawah*/ padding:10px 60px; width:537px;/*ukuran panjang tulisan bawah*/ } Source code di atas adalah CSS style dari class details. 4

5 .demos { 0.8); } background-color:#fff; background-color:rgba(255, 255, 255, border-left:1px solid #ddd; float:right; min-height:365px; padding:0 25px; width:272px; Source code di atas adalah CSS style dari class demos PEDAS(Perkalian Dasar) Perkalian Dasar merupakan operasi perkalian yang terbagi dari 2 operasi yaitu: a. Perkalian antara 6-10 b. Perkalian antara. c. Perkalian antara d. Perkalian antara e. Perkalian antara f. Perkalian antara g. Perkalian antara h. Perkalian antara i. Perkalian antara j. Perkalian antara k. Perkalian antara l. Perkalian antara m. Perkalian antara Tampilan awal dari menu PELAN dapat dilihat pada gambar 8. Berikut adalah gambar 6 yang merupakan tampilan awal dari menu PEDAS. Gambar 8 Menu PELAN Untuk mengetahui lebih detail apa saja yang bisa dilakukan user pada menu PELAN, maka terdapat flowchart menu PELAN, seperti yang terlihat pada gambar di bawah ini : Gambar 6. Menu PEDAS Untuk mengetahui lebih detail apa saja yang bisa dilakukan user pada menu PEDAS, maka terdapat flowchart menu PEDAS, seperti yang terlihat pada gambar di bawah ini : Gambar 9 Flowchart Menu PELAN Gambar 7 Flowchart Menu PEDAS PELAN(Perkalian Puluhan) Perkalian Puluhan merupakan operasi perkalian yang terbagi dari 13 operasi yaitu: a. Perkalian antara b. Perkalian antara PEKAT(Perkalian Bertingkat) Perkalian Bertingkat merupakan operasi perkalian gabungan dari operasi PEDAS dan PELAN. Gambar 10 adalah tampilan awal dari menu PEKAT. 5

6 Gambar 10 Menu PEKAT Untuk mengetahui lebih detail apa saja yang bisa dilakukan user pada menu PEKAT, maka terdapat flowchart menu PEKAT, seperti yang terlihat pada gambar di bawah ini : Gambar 13 Aliran proses Menu Tebakan Pembuatan Web Aplikasi yang dibuat adalah berbasis web dengan animasi jquery. Jadi setelah semua file selesai dibuat, maka langkah selanjutnya adalah upload semua file ke server student.eepis-its.edu melalui coreftp. Buka browser kemudian ketikkan Maka tampilan yang muncul pertama kali adalah index.html.. Gambar 11 Flowchart Menu PEKAT Tebakan Menu tebakan ini berisi tentang game quiz yang berfungsi untuk menambah pemahaman anak dalam pembelajaran metode JANGKA. Tampilan awal dari menu Tebakan ada pada gambar Hasil dan Analisa Gambar 14 index.html Gambar 12 Tampilan Awal Menu Tebakan Secara garis besar aliran proses dari menu tebakan adalah seperti terlihat pada gambar 13. Gambar 15 Halaman Utama Berikut adalah tabel cheklist dari pengujian sistem di atas : 6

7 Tabel 2. Tabel Pengujian Keterangan Berhasil Gagal Menu HOME Menu PEDAS Menu PELAN Menu PEKAT Menu Tebakan Pengujian lain dilakukan dengan menyebarkan kuisioner kepada 34 responden yang terdiri dari siswa-siswi SD. Tabel 3. Hasil Kuisioner No Poling Jumlah Prosentase 1. Tidak menarik 3 8.8% 2. Kurang menarik 2 5.9% 3. Menarik % 4. Sangat menarik % 5. Sulit dipahami 2 5.9% 6. Cukup mudah dipahami % 7. Mudah dipahami % 8. Sangat mudah dipahami % 9. Senang mempelajari % 10. Kurang senang % 11. Tidak senang % 13. Tidak bermanfaat % 14. Bermanfaat % 15. Sangat bermanfaat % 7. Daftar Pustaka [1] Mulia, Asep Budy Cepat Berhitung dengan Jari (Metode JANGKA). Depok: Penerbit Raih Asa Sukses. [2] Septiana, Rizki Rancang Bangun Modul Pembelajaran Jarimagic. Politeknik Elektronika Negeri Surabaya. [3] Kurniawan, Heru Adi, Ana Yuniastri Pengajaran Metode Jarimatika sebagai Alternatif dalam Pembelajaran Matematika Bab Penjumlahan dan Pengurangan untuk Siswa Kelas 2 SDN Bolon. Fakultas Keguruan dan Ilmu Pendidikan Universitas Sebelas Maret Surakarta. [4] diakses April [5] diakses April [6] Pramono, Andi Berkreasi Animasi dengan Macromedia Flash MX Profesional Yogyakarta: Penerbit ANDI. [7] Lubbers, Peter, Brian Albers, Frank Salim Pro HTML5 Programming. New York. Gambar 16 Grafik hasil Quisioner 6. Kesimpulan Dari hasil pengujian dan analisa, maka dapat diambil beberapa kesimpulan sebagai berikut: a. Pada aplikasi yang telah diuji diperoleh hasil sesuai yang diharapkan, yaitu aplikasi web yang menerangkan tentang pembelajaran aritmatika dengan Metode JANGKA. b. Pembelajaran yag dibuat berbentuk aplikasi web yang langsung bisa diload di browser. c. Quisioner yang telah didapat dari 34 responden menunjukkan bahwa modul ajar ini 73.5% menarik, 67.6% mudah dipahami, 76.5% user senang mempelajari, dan 76.5% bermanfaat. 7