FlashCard Mobile Web App untuk Pembelajaran Matematika dengan Sencha Touch FrameWork

Penulis

  • Tjwanda Putera Gunawan Institut Sains dan Teknologi Terpadu Surabaya, Jl. Ngagel Jaya Tengah No.73-77 Surabaya, Indonesia
  • Esther Irawati Setiawan Institut Sains dan Teknologi Terpadu Surabaya, Jl. Ngagel Jaya Tengah No.73-77 Surabaya, Indonesia
  • Heppi Siswanto Institut Sains dan Teknologi Terpadu Surabaya, Jl. Ngagel Jaya Tengah No.73-77 Surabaya, Indonesia
  • Setya Ardhi Institut Sains dan Teknologi Terpadu Surabaya, Jl. Ngagel Jaya Tengah 73-77 Surabaya, Jawa Timur, Indonesia
  • Joan Santoso Institut Sains dan Teknologi Terpadu Surabaya, Jl. Ngagel Jaya Tengah No.73-77 Surabaya, Indonesia

DOI:

https://doi.org/10.17977/um068v3i22023p99-104

Kata Kunci:

aplikasi web seluler, sentuhan sencha, kartu flash

Abstrak

A flashcard is a learning card that is used by children. This study card has two sides, the front and rear. The front section usually contains questions, and the back contains the answers. The way to learn this card is by opening the front of the card and thinking about the answer. Then the card is reversed, if the answer is like the answer on the back of the card, it is correct. If the answer is wrong, this process is repeated until the answer is correct. Sencha Touch is a mobile web app framework. This framework is used by developers who want to develop web applications like the original, but Sencha only runs on the client side. If the developers want to run the application on the server side, they can use PHP which is called by using Ajax request. This application aims to develop a mobile flashcard application using Sencha Touch. Features such as quizzes and group will be added to share the flashcard or quiz questions with friends and find out their learning activities. There is also a multimedia feature, by which users can add images, voice, or video on flashcards. The use of Sencha Touch mobile web is very helpful because the GUI for web app development using Sencha Architect. Sencha Touch handles only the client side, so it is necessary to have an application to handle the server side for database processing, which is done by using PHP called by using Ajax request.

Flashcard merupakan kartu belajar yang pada umumnya digunakan untuk belajar anak-anak pada usia balita. Kartu belajar tersebut memiliki dua sisi, bagian depan dan bagian belakang. Pada bagian depan biasanya berisi pertanyaan, dan bagian belakang berisi jawaban. Cara mempelajarinya adalah dengan membuka kartu bagian depan, kemudian pengguna memikirkan jawabannya. Setelah itu kartu dibalik, jika jawaban yang dipikirkan sama dengan jawaban pada bagian belakang kartu, maka jawabannya benar. Jika jawabannya salah pembelajaran diulangi berkali-kali hingga jawabannya benar. Sencha Touch merupakan framework mobile web app. Framework ini digunakan para pengembang yang ingin membuat aplikasi web seperti aplikasi asli, tetapi pada Sencha hanya berjalan pada client side. Jika pengembang ingin menjalankan aplikasi server side, pengembang dapat menggunakan PHP yang dipanggil menggunakan Ajax request.  Aplikasi ini bertujuan membuat suatu aplikasi flashcard dengan Sencha Touch. Fitur yang akan ditambahkan antara lain fitur quiz, fitur grup untuk dapat berbagi kartu flashcard atau soal quiz kepada teman, dan mengetahui aktifitas belajar teman. Juga ada fitur multimedia, dimana pengguna dapat menambahkan gambar, suara, atau video pada flashcard yang dibuat. Penggunaan Sencha Touch sangat membantu pembuatan mobile web app, karena adanya GUI untuk pembuatan web app dengan menggunakan Sencha Architect. Sencha Touch hanya menangani aplikasi secara client side, sehingga dibutuhkan aplikasi server side untuk pengolahan database, yaitu dengan menggunakan PHP yang dipanggil menggunakan Ajax request.

Referensi

Alzeer, S. N. M. (2015). Intentional Vocabulary Learning using a Web-based Flashcard System. King Saud University.

Aulia, I. (2018). Using Flashcards for Teaching English Vocabulary in ELT Classroom. Graduate School of Yogyakarta State University, 1–13.

Chang, M. J., & Kusnadi, A. (2018). Creating A Web-Based Online Flashcard for Korean Vocabulary Memorization. IJNMT (International Journal of New Media Technology), 5(1), 35-40.

Clark, J. E., & Johnson, B. P. (2012). Sencha Touch Mobile JavaScript Framework. Packt Pub.

David, M. (2011). Using Sencha Touch to Build a Mobile Website. Taylor & Francis.

Ji, Z., Zhang, X., Ganchev, I., & O'Droma, M. (2013, July). Development of a sencha-touch mtest mobile app for a mlearning system. In 2013 IEEE 13th International Conference on Advanced Learning Technologies (pp. 210-211). IEEE.

Kumar, A. (2011). Sencha Touch Cookbook. Packt Publishing Ltd.

Nguyen Nhat, M. (2018). Building a component-based modern web application: full-stack solution.

Power, M. (2011). Mobile Web Apps. Center for Educational Technology and Interoperability Standards.

Widiasti, F., & Isnawati, I. (2023). Development of Flashcard and Interactive Mind Mapping Media in The Website on Plant Tissue Material to Improve Student’s Comprehension and Motivation. Berkala Ilmiah Pendidikan Biologi (BioEdu), 12(1), 168-175.

Diterbitkan

2023-02-27

Terbitan

Bagian

Articles