Pembelajaran Aritmatika dengan Metode JANGKA Menggunakan Jquery Titik Indrayati, Rengga Asmara, Ahmad Syauqi Ahsan Politeknik Elektronika Negeri Surabaya Kampus PENS-ITS, Keputih, Sukolilo, Surabaya. Email:
[email protected] ,
[email protected],
[email protected]
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.
lebih mudah dipelajari.
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
dan
lebih
menarik
untuk
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 610 PEDAS ke-2 : Perkalian 11-
1
Rumus PEDAS PTPT SAKALIAN
(P+P)+(SxS)
SERTA PTPT SABUK SABU
100+ (P + P) +
15
(S1 x S2)
: Perkalian 610 dengan 21-25 PEKAT KE – 4 : Perkalian 610 dengan 26-30 PEKAT KE – 5 : Perkalian 610 dengan 31-35 PEKAT KE – 6 : Perkalian 11-15 dengan 1620 PEKAT KE – 7 : Perkalian 11-15 dengan 2125 PEKAT KE – 8 : Perkalian 11-15 dengan 2630 PEKAT KE – 9 : Perkalian 11-15 dengan 3135 PEKAT KE – 10 : Perkalian 1115 dengan 36-40 PEKAT KE – 11 : Perkalian 1620 dengan 21-25 PEKAT KE – 12 : Perkalian 1620 dengan 26-30 PEKAT KE – 13 : Perkalian 1620 dengan 31-35 PEKAT KE – 14 : Perkalian 1620 dengan 36-40 PEKAT KE – 15 : Perkalian 1620 dengan 41-45
PELAN PELAN KE – 1 : Perkalian 16-20 PELAN KE – 2 : Perkalian 21-25 PELAN KE – 3 : Perkalian 26-30 PELAN KE – 4 : Perkalian 31-35 PELAN KE – 5 : Perkalian 36-40
DUARTA PTPT KARPET
200 + (P + P) + (P + P) + (S x S)
PARTA 2 PTPT SABUK SABU
400 + 2 x (P + P) + (S1 x S2)
NARATA 2 PTPT KARPET
600 + 2 x (P + P) + (P + P) + (S x S) 900 + 3 x (P + P) + (S1 x S2)
SERIDUTA 3 PTPT KARPET
1.200 + 3 x (P + P) + (P + P) + (S x S)
PELAN KE – 6 : Perkalian 41-45 PELAN KE – 7 : Perkalian 46-50 PELAN KE – 8 : Perkalian 51-55 PELAN KE – 9 : Perkalian 56-60
SENAMRATA 4 PTPT SABUK SABU
1.600 +4x (P + P) + (S1 x S2) 2.000 + 4 x (P + P) + (P + P) + (S x S) 2.500 + 5 x (P + P) + (S1 x S2)
TIRTA 5 PTPT KARPET
3.000 + 5 x (P + P) + (P + P) + (S x S)
PELAN KE – 10 : Perkalian 6165 PELAN KE – 11 : Perkalian 6670 PELAN KE – 12 : Perkalian 7175 PELAN KE – 13 : Perkalian 7680
TIRNARATA 6 PTPT SABUK SABU
1.600 +6x (P + P) + (S1 x S2)
PARDURATA 6 PTPT KARPET
4.200 + 6 x (P + P) + (P + P) + (S x S)
PASERATA 7 PTPT SABUK SABU
4.900 + 7 x (P + P) + (S1 x S2)
PEKAT KE – 1 : Perkalian 610 dengan 11-15 PEKAT KE – 2 : Perkalian 610 dengan 16-20 PEKAT KE – 3
MAKARITA KARPET
BILARATA 3 PTPT SABUK SABU
DURIBUTA 4 PTPT KARPET DURIMATA 5 PTPT SABUK SABU
MARINARATA 7 PTPT KARPET
5.600 + 7 x (P + P) + (P + P) + (S x S)
PEKAT 5x + (P + P) + (S x S)
SEKARITA KARPET
10x + (P + P) + (S x S)
MALAKARITA
15x + (P + P) +
2
KARPET
(S x S)
DULUKARITA KARPET
20x + (P + P) + (S x S)
DULIKARITA KARPET
25x + (P + P) + (S x S)
SEKARITA MAKANANTA KARPET
10x + 5y + (P + P) + (S x S)
MALAKARITA MAKANANTA KARPET
15x + 5y + (P + P) + (S x S)
DULUKARITA MAKANANTA KARPET
20x + 5y + (P + P) + (S x S)
DULIKARITA MAKANANTA KARPET
25x + 5y + (P + P) + (S x S)
GALUHKARITA MAKANANTA KARPET
30x + 5y + (P + P) + (S x S)
MALAKARITA SEKANANTA KARPET
15x + 10y + (P + P) + (S x S)
DULUKARITA SEKANANTA KARPET
20x + 10y + (P + P) + (S x S)
DULIKARITA SEKANANTA KARPET
25x + 10y + (P + P) + (S x S)
GALUHKARITA SEKANANTA KARPET
30x + 10y + (P + P) + (S x S)
GALIKARITA SEKANANTA KARPET
35x + 10y + (P + P) + (S x S)
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. Gambar 1. Desain Umum Sistem
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.
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 16-80 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
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.
Dalam rancangan sistem ini juga terdapat aliran proses secara keseluruhan dari aplikasi penelitian ini, seperti yang ada pada gambar 2.
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 2. Aliran proses secara keseluruhan
3
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.
source code jquery jenis slider yang digunakan adalah sebagai berikut :
4.2. Pembuatan Aplikasi
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 :
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. 4.2.1.
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 .tool { float:left; width:1000px; height:400px; background-repeat:no-repeat; background-position:0 -40px;
Gambar 3 Menu HOME
}
Source code di atas adalah CSS style dari class tool.
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
.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
c. Perkalian antara 26-30 d. Perkalian antara 31-35 e. Perkalian antara 36-40 f. Perkalian antara 41-45 g. Perkalian antara 46-50 h. Perkalian antara 51-55 i. Perkalian antara 56-60 j. Perkalian antara 61-65 k. Perkalian antara 66-70 l. Perkalian antara 71-75 m. Perkalian antara 76-80
.demos { background-color:#fff; background-color:rgba(255, 255, 255, 0.8); 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.
Tampilan awal dari menu PELAN dapat dilihat pada gambar 8.
4.2.2.
PEDAS(Perkalian Dasar) Perkalian Dasar merupakan operasi perkalian yang terbagi dari 2 operasi yaitu: a. Perkalian antara 6-10 b. Perkalian antara 11-15. 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 4.2.4. PEKAT(Perkalian Bertingkat) Perkalian Bertingkat merupakan operasi perkalian gabungan dari operasi PEDAS dan PELAN. Gambar 10 adalah tampilan awal dari menu PEKAT.
Gambar 7 Flowchart Menu PEDAS 4.2.3.
PELAN(Perkalian Puluhan) Perkalian Puluhan merupakan operasi perkalian yang terbagi dari 13 operasi yaitu: a. Perkalian antara 16-20 b. Perkalian antara 21-25 5
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 4.2.6.
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 https://student.eepis-its.edu/~thitieq . Maka tampilan yang muncul pertama kali adalah index.html..
Gambar 11 Flowchart Menu PEKAT 4.2.5. 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 12.
Gambar 14 index.html
5. Hasil dan Analisa
Gambar 15 Halaman Utama
Gambar 12 Tampilan Awal Menu Tebakan
Berikut adalah pengujian sistem di atas :
Secara garis besar aliran proses dari menu tebakan adalah seperti terlihat pada gambar 13.
6
tabel
cheklist
dari
Tabel 2. Tabel Pengujian
Keterangan
Berhasil
7. Daftar Pustaka Gagal
[1] Mulia, Asep Budy. 2008. Cepat Berhitung dengan Jari (Metode JANGKA). Depok: Penerbit Raih Asa Sukses. [2] Septiana, Rizki. 2010. Rancang Bangun Modul Pembelajaran Jarimagic. Politeknik Elektronika Negeri Surabaya. [3] Kurniawan, Heru Adi, Ana Yuniastri. 2009. 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] http://jqueryfordesigners.com/ diakses April 2011. [5] http://www.jquery.com diakses April 2011. [6] Pramono, Andi. 2004. Berkreasi Animasi dengan Macromedia Flash MX Profesional 2004. Yogyakarta: Penerbit ANDI. [7] Lubbers, Peter, Brian Albers, Frank Salim. 2010. Pro HTML5 Programming. New York.
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 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 13. 14. 15.
Poling Tidak menarik Kurang menarik Menarik Sangat menarik Sulit dipahami Cukup mudah dipahami Mudah dipahami Sangat mudah dipahami Senang mempelajari Kurang senang Tidak senang Tidak bermanfaat Bermanfaat Sangat bermanfaat
Jumlah Prosentase 3 8.8% 2 5.9% 25 73.5% 4 11.8% 2 5.9% 5 14.7% 23 67.6% 4 11.8% 26 76.5% 4 11.8% 4 11.8% 4 11.8% 26 76.5% 4 11.8%
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
