APLIKASI PEMBELAJARAN

MATEMATIKA INTERAKTIF

BERBASISKAN WEB

David Liusman Binus University, Jakarta, DKI Jakarta, Indonesia

Anthony Gunawan Binus University, Jakarta, DKI Jakarta, Indonesia

dan

David Binus University, Jakarta, DKI Jakarta, Indonesia

Abstrak

Tujuan Skripsi ini adalah membantu dan memudahkan user khususnya siswa-siswi SMP untuk lebih mudah belajar Matematika. Selama ini pelajar merasa kesulitan dalam belajar mata pelajaran Matematika karena banyak menggunakan logika dan dibutuhkan konsentrasi yang tinggi sehingga terbentuklah paradigma bahwa mata pelajaran Matematika sulit dan tidak menarik. Oleh sebab itu dibuatlah sebuah aplikasi pembelajaran Matematika interaktif berbasiskan web untuk mengubah pandangan mereka dan membantu mereka dalam belajar. Metode penelitian yang digunakan dalam skripsi ini adalah metode extreme programming yaitu perencanaan, desain, pengkodean, dan aktifitas pengujian. Hasil yang dicapai adalah aplikasi pembelajaran matematika interaktif berbasis web yang dapat membantu pelajar dalam belajar, berbagi, dan menambah pengetahuan. Simpulan yang didapat adalah web ini dapat membantu meningkatkan nilai pelajar dan meningkatkan motivasi mereka dalam belajar. Kata Kunci : APLIKASI, PEMBELAJARAN , MATEMATIKA, INTERKATIF, WEB

1. Pendahuluan

Perkembangan teknologi informasi yang semakin pesat membuat kebutuhan akan

informasi yang cepat, akurat dan efesien semakin penting. Dan dengan adanya internet sebagai

bagian dari perkembangan teknologi informasi, memungkinkan pertukaran informasi antar

individu maupun kelompok hampir tidak ada batas baik jarak maupun waktu. Sehingga

penerapan teknologi informasi hampir dilakukan di setiap aspek kehidupan antara lain ekonomi,

industri, budaya, serta pendidikan.

Sayangnya dalam dunia pendidikan yang merupakan salah satu aspek yang krusial,

teknologi informasi masih sangat minim dalam penerapannya. Disekolah, materi dan informas i

yang bisa didapatkan siswa dari guru sangat terbatas. Murid hanya bisa mengandalkan catatan

ataupun buku buku panduan yang diberikan untuk belajar. Inisiatif para murid untuk mencari

materi pembelajaran dari luar juga masih sangat kurang terutma di Indonesia yang budaya

membaca bukunya sangat buruk. Seharusnya dengan pengunaanan dan pengembangan yang

tepat, teknologi informasi dapat sangat berguna untuk dapat memberikan materi pembelajaran

kepada siswa dengan cara berbeda dengan menarik salah satunya dengan membuat suatu wadah

pembelajaran interaktif berbasis web. Dengan pengembangan dan pemberian materi

pembelajaran secara interaktif dengan menggunakan animasi,diharapkan dapat mengubah pola

pikir dan paradigma murid tentang pelajaran, terutama untuk pelajaran yang membutuhkan

pemahaman seperti matematika. Pelajaran matematika menjadi momok yang menakutkan bagi

kebanyakan siswa. Ketika mereka menghadapi metematika yang ada di pikiran mereka adalah

matematika sesuatu yang tidak menarik dan tidak diperlukan untuk dipelajari karena tidak akan

berguna dalam kehidupan, padahal tanpa mereka sadari, matematika itu sangat dekat dengan

kehidupan mereka sehari-hari

2. Metodologi

Metodologi yang digunakan meliputi :

a. Analisis Kebutuhan

1) Studi kepustakaan dengan mempelajari informasi yang didapat dari buku-buku,

jurnal, artikel, majalah, internet dan sumber tertulis lainnya yang dapat mendukung

skripsi ini.

2) Analisis sistem berjalan yang meliputi analisis mata pelajaran dan proses

pembelajaran berjalan.

3) Analisis pre-kuesioner yang bertujuan untuk mendapatkan feeback mengenai

kondisi pengajaran saat ini yang diterima oleh pembelajar pada lingkungan studi.

4) Analisis perangkat ajar sejenis yang sudah ada di masyarakat.

b. Perancangan Aplikasi

Metode perancangan yang akan penulis gunakan yaitu Agile Software

Development yang fokus pada model XP(Extreme Programming) dimana dalam

perancangan software terdiri dari beberapa tahap yaitu:

• Aktifitas Perencanaan

• Aktifitas Desain

• Aktifitas Pengkodean

• Aktifitas Pengujian

c. Implementasi dan Evaluasi

Evaluasi yang dilakukan meliputi :

1) Evaluasi elemen-elemen dari studi kepustakaan di antaranya evaluasi elemen

multimedia, evaluasi interaksi manusia computer dan evaluasi elemen perangkat

ajar cerdas.

2) Evaluasi post-kuesioner yang disebarkan kepada responden dengan komunitas yang

sama dengan pre-kuesioner setelah melakukan implementasi aplikasi.

3) Evaluasi perbandingan dengan perangkat ajar sejenisnya.

2.1. Perancangan

Metode perancangan yang akan penulis gunakan yaitu Agile Software Development

yang fokus pada model XP(Extreme Programming) dimana dalam perancangan

software terdiri dari beberapa tahap yaitu:

• Aktifitas Perencanaan

• Aktifitas Desain

• Aktifitas Pengkodean

• Aktifitas Pengujian

Gambar 2.1 Extreme Programming Cycle

.

2.2. Impelementasi

Implementasi Aplikasi pembelajaran matematika interaktif ini sudah dilakukan

kepada 3 sekolah berbeda yaitu SMP Dian Kasih, SMP Santo Kristoforus II dan SMP

San Marino. Implementasi dilakukan untuk menguji sejauh mana efektifitas dari

aplikasi ini dilakukan dengan memberi soal matematika dengan model yang sama

kepada responden sebelum dan setelah menggunakan aplikasi pembelajaran

matematika ini.

2.3. Evaluasi

Untuk menguji efektifitas dan efek dari aplikasi yang dibuat maka

dilakukan evaluasi yang mencakup evaluasi dari segi penggunan dan evaluasi

dari segi IMK.

2.3.1. Evaluasi dari segi Interaksi Manusia dan Komputer

Dari segi IMK Penerapan delapan aturan emas perancangan aplikasi

pembelajaran matematika interaktif ini meliputi :

1. Berusaha untuk konsiten

Perancangan aplikasi pembelajaran matematika interaktif berbasis web ini

dibuat dengan mempertahankan segi konsisten dalam tampilan dan bahasa.

Sebagai contoh, tampilan layar aplikasi ini menggunakan struktur tampilan yang

tetap, dengan menu di bagian atas. Seluruh font yang digunakan dalam aplikasi ini

adalah default font serta bahasa yang digunakan adalah bahasa inggris.

2. Melayani semua user

Perancangan aplikasi pembelajaran matematika interaktif berbasis web dibuat

sedimikian rupa sehingga user baik pemula maupun yang sudah mahir dapat

mengakses fitur penting dengan mudah Sebagai contoh, pada halaman utama

terdapat tombol login. Ketika tombol ini ditekan user dapat langsung login di

halaman home tanpa harus berpindah ke halaman login.

3. Memberikan umpan balik yang informatif

Perancangan aplikasi pembelajaran matematika interaktif berbasis web dibuat

sedemikan rupa sehingga sistem akan mengirimkan umpan balik kepada setiap

aksi yang dilakukan oleh user yang bersangkutan dengan status kondisi yang

sedang berlangsung. Sebagai contoh, jika admin hendak menghapus materi, akan

muncul pesan bahwa materi telah berhasil dihapus.

4. Merancang dialog yang memberikan penutupan(keadaan akhir)

Perancangan aplikasi pembelajaran matematika interaktif berbasis web dibuat

sedemikian rupa sehingga user dapat mengetahui keadaan akhir dari status konsisi

yang sedang berlangsung. Sebagai contoh dalam pembuatan akun baru setelah

user mengisi semua field dengan benar, pengguana akan mendapatkan hasil

keadaan akhir mengenai sukses dan tidaknya pembuatan akun.

5. Memberikan pencegahan kesalahan dan penanganan kesalahan secara

sederhana

Perancangan aplikasi pembelajaran matematika interaktif berbasis web dibuat

sedemikan rupa sehingga dapat meminimalisir kesalahan yang user lakukan.

Sebagai contoh dalam pembuatan kuis pilihan ganda, jika user memasukan soal

dan jawaban dengan benar akan muncul pesan bahwa soal telah berasil

dimasukkan, dan jika terjadi kesalahan akan ditampilkan peringatan kesalahan

yang terjadi.

6. Memungkinkan membalikan aksi yang mudah

Perancangan aplikasi pembelajaran matematika interaktif berbasis web dibuat

untuk memungkinkan membalikan aksi dengan mudah yaitu ketika administrator

sudah menghapus suatu materi, adminisitrator bisa mengembalikan kembali

materi yang dihapusnya dan materi akan kembali seperti semula.

7. Mendukung pusat kendali internal

Aplikasi pembelajaran matematika interaktif berbasis web ini dirancang

sedemikan rupa sehingga user diberikan kebebasan untuk bernavigasi tanpa

urutan yang ditentukan. Sebagai contoh user mampu berpindah dari halaman

profile menuju halaman material atau ke halaman registration tanpa harus melalui

urutan langkah yang pasti.

8. Mengurangi beban ingatan jangka pendek

Pengunaan gambar dan link pada aplikasi pembelajaran matematika interaktif

berbasis web interaktif ini dibuat sesederhana mungkin sehingga user mampu

mengenal dan mengingat fungsi dari link dan gambar yang dimaksud dengan

mudah.

2.3.2. Evaluasi dari segi Pengguna

Evaluasi dari segini user dilakukan dengan memberikan soal sebelum dan

sesudah pemberian materi flash dari aplikasi pembelajaran matermatika interaktif

dan juga dibagikan kuesioner kembali.

Sesuai rencana awal implementasi dilakukan di 3 sekolah yang berbeda yaitu

SMP Santo Kristofours II, SMP Dian Kasih, dan SMP San Marino. Soal yang

diberikan berjumlah 7 buah soal dari Bab Himpunan. Soal diberikan dua kali

yaitu setelah dan sebelum materi flash diberikan. Setelah menggunakan aplikasi

pembelajaran nilai rata-rata dari seluruh siswa mengalami kenaikan sebesar 14%

.

3. Kesimpulan

Kesimpulan yang dapat diperoleh berdasarkan hasil analisis, peracangan, dan

implementasi aplikasi pembelajaran interaktif berbasiskan web adalah sebagai berikut :

1. Aplikasi pembelajaran interaktif berbasiskan web ini merupakan alternatif baru

yang dapat digunakan sebagai sarana user untuk belajar dan lebih mengerti tetang

meteri pembelajaran.

2. Aplikasi pembelajaran interaktif berbasiskan web membantu meningkatkan

motivasi pelajar sebagai pengguna dalam belajar mata pelajaran Matematika.

3. Aplikasi pembelajaran interaktif berbasiskan web membantu pengguna dalam

latihan dan mengerti cara mengerjakan soal.

4. Aplikasi pembelajaran interaktif berbasiskan web membantu user agar dapat

berbagi materi sehingga referensi materi bertambah.

Daftar Pustaka

Castro, Elizabeth. 2007. HTML XHTML &CSS : Visual Quickstart Guide.6th Edition. United

States of America :Peachpit Press.

Clark, Ruth and Mayer, Richard E, 2008, E-Learning and The Science of Instruction : Proven

Guidelines for Consumers and Designer of Multimedia Learning. United States of America

:Pfieffer.

Connoly, Thomas M and Begg, Carolyn E, 2005,Database System a Practical Approach to

Design, Implementation and Management. 4th Edition.Harlow : Addison Wesley.

Elst, Peter, Sas, Jacobs, adn Yard, Todd. (2007). Object-Oriented ActrionScript 3.0.[ed.] Chris

Mills. United States of America :Friendsofed.

Fowler, Marti. (2004). UML Distilled. 3rd Edition.Boston : Pearson Education, Inc.

Laudon, C, Kenneth and Laudon, Jane P. (2002).Essentials of Management Information

System.5th Edition. New Jersey : Prentice – Hall.

Laudon, C, Kenneth and Laudon, Jane P. (2003).Management Information System.Pearson

International Edition. New Jersey :Pretince-Hall.

Mercer, Dave ,2004 ,Programming the Web using Visual Studio.Net. International Edition. New

York : McGraw-Hill.

Negrino, Tom and Smith, Dori, 2001, JavaScript for the World Wide Web. 4th Edition. United

State of America : Peachpit Press

Pressman, Roger S and Lowe, David.(2009). Web Engineering a Practitioner’s Approach. New

York :MacGraw-Hill.

Sanders, William and C, Chandima, 2007, ActionScript 3.0 Design Paterns : Object Oriented

Programming Techiques. 1st Edition. United States of America : O’Reilly Media.

Shneiderman, Ben adnPlaisant, Cathrine. (2010). Designing The User Interface Strategies for

Effective Human-Computer Interaction. 5th edition.Boston :addisonwesley.

Sukino dan Simangunsong Wilson, 2006, Matematika untuk SMP Kelas VII. Jakarta : Erlangga

Welling, Luke and Thomson, Laura, 2001, PHP and MySQL Web Development.1st Edition.

United States of America :Sams Publishing.

Wells, Don. (2009). Extreme Programming : A Gentle Introduction.

Whitten, jeffrey l., bentley, lonnie d. and dittman, kevin. (2004). System analyst and design

methods.6th edition. New York : McGraw-Hill.

Anonim1, http://extremeprogramming.org

Anonim2, Trolltech Developer, 2005, Qt4, http://doc.trolltech.com/4.0/

Anonim3, Trolltech Developer, 2005, Trolltech Developer, Tools List,

http://doc.trolltech.com/4.0/tools-list.html,2005

Anonim4,http://www.w3.org/TR/xslt20,2008

Anonim5, http://www.adobe.com/devnet/actionscript.html?promoid=HTLXK

WEB BASED INTERACTIVE

MATHEMATIC LEARNING

APPLICATION

David Liusman Binus University, Jakarta, DKI Jakarta, Indonesia

Anthony Gunawan Binus University, Jakarta, DKI Jakarta, Indonesia

and

David Binus University, Jakarta, DKI Jakarta, Indonesia

Abstrak

Final goal is to assist and facilitate the user, especially for junior high students learn math more easily. So far, students find it difficult to study mathematic. Because mathematic require logic and high concentration, forming a paradigm that is difficult and Mathematics subjects are not interesting. Therefore this application made to change their views and assist them in learning. The research method used in this thesis is extreme programming methods including planning, design, coding, and testing activities. The result achieved in this application that it can assist students in learning, sharing, and increase knowledge. The conclusions obtained are the web can help increase the value students and increase their motivation to learn. Keywords: APPLICATION, LEARNING, MATH, INTERKATIF, WEB

1. Introduction

Development of information technology is rapidly increasing making the need for

information quickly, accurately and efficiently is increasingly important. And with the internet

as part of the development of information technology, enabling the exchange of information

between individuals and groups is virtually no limit both distance and time. So that the

application of information technology is almost done in every aspect of life including economic,

industry, culture, and education.

Unfortunately in the world of education is one of the crucial aspects of information

technology is very limited in its application. At school, the material and information can be

obtained from the student teachers are very limited. Pupils can only rely on manual records or

books provided for study. Initiative of the students to seek learning materials from the outside is

still very lacking in Indonesia because culture of reading in Indonesia book is very bad. With

the right use and development, information technology can be very useful and able to provide

learning materials to students with different ways, one of them is to create an interactive

learning. With the development and delivery of interactive learning materials using animation,

is expected to change the mindset and students about learning paradigm, especially for subjects

that require such an understanding of mathematics. Math becomes a frightening specter for most

students. When they encounter mathematics, what they have in mind it is something that is not

interesting and not required to be studied because it won’t be useful in life, but without they

realize, math is very close to their daily lives.

2. Methodology

Methodologies used include:

a. Analysis of Needs

1) The study of literature by studying the information obtained from books, journals, articles,

magazines, internet and other written sources that can support this thesis.

2) Analysis of a running system that includes the analysis of subjects and learning to walk.

3) Analysis of pre-questionnaire that aims to get feedback about the current conditions

of teaching received by the learners in the study environment.

4) Analysis of similar teaching tools that already exist in society.

b. Applications Design

Design method that used is the Agile Software Development which focused on

the model XP(Extreme Programming) which consists of several stages :

• Activity Planning

• Design Activity

• Activity Coding

• Testing Activity

c. Implementation and Evaluation

Evaluation Include :

1) Evaluation of the elementas of literary study include the evaluation of multimedia

elements, the evaluation of human computer interaction and the evaluation of smart

teaching tool.

2) Evaluation of post-questionnaires distributed to respondents in the same

community with the pre-application questionnaire after implementation.

3) Evaluation of comparison with similar teaching tools.

2.1. Designing

Design method that used is the Agile Software Development which focused on

the model XP(Extreme Programming) which consists of several stages :

• Activity Planning

• Design Activity

• Activity Coding

• Testing Activity

Gambar 2.1 Extreme Programming Cycle

.

2.2. Impelementation

Implementation of this interactive learning mathematics Application has been

made to three different schools, namely junior Dian Love, Junior II and Junior High

School Saint Christopher San Marino. Implementation was conducted to examine the

extent to which the effectiveness of the application is done by giving a math problem

with the same model to the respondents before and after using this math learning

application.

2.3. Evaluation

To test the effectiveness and effects of the application made by an

evaluation that includes an evaluation of the terms of use and evaluation in

terms of the human and computer interaction.

2.3.1. Evaluation in terms of Human and Computer Interaction

In terms of application of the eight golden rules, designing of this interactive

math learning application include:

1. Trying to be consistent

The design of this web-based interactive learning mathematics learning

application is created by maintaining a consistent in terms of appearance and

language. For example, the display screen of this application using a fixed structure

of the display, the menu at the top. The entire font is used in this application is the

default font and the language used is English.

2. Serve all users

The design of this web-based interactive learning mathematics learning

application made so that both beginners and advancen users can access to important

features easily. For example, there is a button on the main page login. When this

button is pressed the user can directly log on the home page without having to switch

to the login page.

3. Provide informative feedback

The design of this web-based interactive learning mathematics learning

application is created in such a way that the system will send feedback to every action

taken by the user is concerned with the status of ongoing conditions. For example, if

admins want to remove the material, a message that the material has been

successfully removed.

4. Designing a dialogue that provides closure (final state)

The design of this web-based interactive learning mathematics learning

application made so user can know the final state of the ongoing status. For example

in creating of a new account, after the user fills in all the fields correctly, user will get

the final statemen if the account creation is successful or not.

5. Provide error prevention and simple error handling

The design of this web-based interactive learning mathematics learning

application is created in such a way as to minimize the errors that users do. For

example in creating of multiple-choice quiz, if the user enter a question and answer

correctly a message will appear that the question has been added, and if there is an

error , the error message will be displayed.

6. Allow easy reversal of actions

The design of interactive math learning application created to allow web-based

reverse the action with ease when an administrator is removing the material,

adminisitrator can return back to the abolition of the material and the material will

return to normal.

7. Supports internal control center

The design of this web-based interactive learning mathematics learning

application is designed in such a way so that the user is given the freedom to navigate

without a specified sequence. For example, user can move from page to page profile

to the material or the registration page without having to go through a certain

sequence of steps.

8. Reducing the burden of short-term memory

The use of images and link of this web-based interactive learning mathematics

learning application was made as simple as possible so that the user is able to

recognize and remember the functions of links and images easily.

2.3.2. Evaluation from the user side

Evaluation from the user side is done by providing the material before and

after the flash material is given applications. Pos-questionare also distributed to

user.

Initial implementation plan accordingly done in three different schools,

namely St. Kristofours II Junior, Junior Dian Love, and junior San Marino.Test

with 7 problem from Chapter Association is given. Test is given twice after and

before the flash content viewed to the user.. After using the application, the

average score of all students has increased by 14%

.

3. Conclusion

The conclusion that can be obtained based on the results of the analysis, designing,

and implementation of web-based interactive learning applications are as follows:

1. Web-based interactive learning application is a new alternative that can be used as a

means of user to learn and better understand the learning meteri neighbors.

2. Web-based interactive learning applications to help improve student motivation as a user

in learning the subjects of Mathematics.

3. Web-based interactive learning application to help users understand the way in training

and work on the problems.

4. Web-based interactive learning application to help users to share material that increases

the reference material.

Bibliography

Castro, Elizabeth. 2007. HTML XHTML &CSS : Visual Quickstart Guide.6th Edition. United

States of America :Peachpit Press.

Clark, Ruth and Mayer, Richard E, 2008, E-Learning and The Science of Instruction : Proven

Guidelines for Consumers and Designer of Multimedia Learning. United States of America

:Pfieffer.

Connoly, Thomas M and Begg, Carolyn E, 2005,Database System a Practical Approach to

Design, Implementation and Management. 4th Edition.Harlow : Addison Wesley.

Elst, Peter, Sas, Jacobs, adn Yard, Todd. (2007). Object-Oriented ActrionScript 3.0.[ed.] Chris

Mills. United States of America :Friendsofed.

Fowler, Marti. (2004). UML Distilled. 3rd Edition.Boston : Pearson Education, Inc.

Laudon, C, Kenneth and Laudon, Jane P. (2002).Essentials of Management Information

System.5th Edition. New Jersey : Prentice – Hall.

Laudon, C, Kenneth and Laudon, Jane P. (2003).Management Information System.Pearson

International Edition. New Jersey :Pretince-Hall.

Mercer, Dave ,2004 ,Programming the Web using Visual Studio.Net. International Edition. New

York : McGraw-Hill.

Negrino, Tom and Smith, Dori, 2001, JavaScript for the World Wide Web. 4th Edition. United

State of America : Peachpit Press

Pressman, Roger S and Lowe, David.(2009). Web Engineering a Practitioner’s Approach. New

York :MacGraw-Hill.

Sanders, William and C, Chandima, 2007, ActionScript 3.0 Design Paterns : Object Oriented

Programming Techiques. 1st Edition. United States of America : O’Reilly Media.

Shneiderman, Ben adnPlaisant, Cathrine. (2010). Designing The User Interface Strategies for

Effective Human-Computer Interaction. 5th edition.Boston :addisonwesley.

Sukino dan Simangunsong Wilson, 2006, Matematika untuk SMP Kelas VII. Jakarta : Erlangga

Welling, Luke and Thomson, Laura, 2001, PHP and MySQL Web Development.1st Edition.

United States of America :Sams Publishing.

Wells, Don. (2009). Extreme Programming : A Gentle Introduction.

Whitten, jeffrey l., bentley, lonnie d. and dittman, kevin. (2004). System analyst and design

methods.6th edition. New York : McGraw-Hill.

Anonim1, http://extremeprogramming.org

Anonim2, Trolltech Developer, 2005, Qt4, http://doc.trolltech.com/4.0/

Anonim3, Trolltech Developer, 2005, Trolltech Developer, Tools List,

http://doc.trolltech.com/4.0/tools-list.html,2005

Anonim4,http://www.w3.org/TR/xslt20,2008

Anonim5, http://www.adobe.com/devnet/actionscript.html?promoid=HTLXK