Rancang Bangun Aplikasi Pembelajaran Berbasis Web ... - PPTA

Rancang Bangun Aplikasi Pembelajaran Berbasis Web Untuk Persamaan Kuadrat Dengan Metode Accelerated Learning (Studi Kasus SMA Negeri 1 Sangatta Utara) Setya Huda Mustaqim 1) S1/Sistem Informasi, STIKOM Surabaya, email: [email protected]

Abstract: During this time, teaching and learning process in Senior High School 1 of North Sangatta is still conventional, in other words it can only be held in the classroom. Such circumstances clearly can inhibit the learning process in this school. This web-based learning application will includes several features that became standard in teaching and learning process such as distribution of course materials, exercises, and discussion forum. With webbased learning application using accelerated learning methods, students will gain insight and knowledge not only when they come to school, but also by the Internet from home or by internet service providers. Keywords: web-based learning, accelerated learning, teaching and learning process

Dalam era modernisasi ini, memang

menghambat proses pembelajaran di SMA

harus diakui bahwa kemajuan teknologi semakin

Negeri 1 Sangatta Utara yang dapat berakibat

pesat.

berkurangnya pemahaman siswa terhadap suatu

Untuk mendapatkan

informasi

yang

dibutuhkan, kita tidak perlu membuang waktu,

materi pelajaran.

dan tenaga untuk datang ke tempat yang

Dengan adanya aplikasi pembelajaran

memiliki informasi tersebut, melainkan kita dapat

berbasis web ini, para pelajar akan mendapatkan

memperolehnya

mengakses

wawasan dan ilmu pengetahuan tidak hanya

internet, baik dari rumah maupun dari tempat

ketika datang ke sekolah, tetapi juga dapat

penyedia layanan internet. Internet sendiri telah

mengakses internet dari rumah atau dari tempat

memberikan nilai penting tersendiri dalam

penyedia layanan internet.

bidang

hanya

pelatihan

dengan

dan

pendidikan

yang

Dari uraian di atas dapat dirumuskan

pengadaannya lebih cepat, metode lebih efektif,

permasalahan

penelitian

dan persiapannya lebih singkat.

“Bagaimana

merancang

Konsep terjadinya

proses

ini

membawa

pengaruh

transformasi

pendidikan

yang

ada

bangun

yaitu aplikasi

pembelajaran berbasis web untuk persamaan kuadrat dengan metode accelerated learning”.

konvensional ke bentuk digital, baik secara isi

Wawasan

dan sistemnya. Selama ini proses pembelajaran di

penelitian ini yang pertama aplikasi pembelajaran

SMA Negeri 1 Sangatta Utara masih bersifat

berbasis web dengan studi kasus di SMA Negeri

konvensional, dengan kata lain bahwa proses

1

belajar mengajar antara siswa dengan guru hanya

Accelerated

dapat

pembelajaran, pengguna mempelajari persamaan

dilakukan

dengan

syarat

terjadinya

dan

Sangatta

kuadrat

kelas.

memanfaatkan

seperti

ini

jelas

dapat

Utara

pemecahan

menggunakan

Learning.

pertemuan antara siswa dengan guru di dalam Keadaan

rencana

menggunakan keunggulan

Dalam

aplikasi

pada

metode proses

yang

pembelajaran

berbasis web yang telah disesuaikan dengan

seseorang yang terlibat dalam peristiwa belajar

metode accelerated learning. Adapun keluaran

pada akhirnya menyadari bahwa ia mempelajari

yang

aplikasi

sesuatu, sehingga terjadi perubahan pada dirinya

pembelajran berbasis web dan hasil penilaian dari

sebagai akibat dari kegiatan yang disadari dan

latihan yang dilakukan oleh pengguna.

sengaja dilakukannya.

dihasilkan

berupa

tampilan

Harapan yang diinginkan pada penelitian ini adalah untuk merancang bangun aplikasi pembelajaran berbasis web untuk persamaan

Internet

Menurut Turban (2005), internet adalah sistem jaringan komputer dan jaringan

kuadrat dengan metode accelerated learning.

dari banyak jaringan yang meliputi seluruh Belajar

dunia. Sedangkan menurut Browne (1994) Skiner dalam Dimyati dan Mudjiono

(2002) mengatakan belajar belajar adalah suatu kegiatan yang dikerjakan individu untuk

mendapatkan

suatu

hasil

yang

maksimal atas dasar interaksi lingkungan. Hamalik (2007) menyatakan belajar adalah suatu proses usaha yang dilakukan seseorang untuk memperoleh suatu perubahan tingkah laku yang baru

secara

keseluruhan

sebagai

hasil

pengalamannya sendiri dalam interaksi dengan

internet merupakan jaringan komputer yang sangat besar, terdiri atas jaringan-jaringan kecil yang terkoneksi yang menjangkau keseluruh dunia. Sepintas internet tampak sebagai kelompok jaringan yang kita lihat sehari-hari, tetapi terdiri atas jutaan koneksi. Jadi

dapat

disimpulkan

bahwa

internet adalah sistem jaringan komputer yang sangat besar dan terdiri dari banyak

lingkungan. Belajar juga dapat diartikan sebagai

jaringan yang terkoneksi secara global ke

perubahan tingkah laku yang relatif menetap

seluruh dunia.

sebagai

kooperatif, dan mandiri yang memfasilitasi

hasil

pengalaman-pengalaman

atau

praktik.

Internet bersifat publik,

akses ke jutaan manusia di seluruh dunia. Dari

pengertian

di

atas

dapat

disimpulkan bahwa belajar adalah suatu proses

Pembelajaran Berbasis Web (Web Based

usaha

Learning)

yang

dilakukan

individu

untuk

memperoleh perubahan tingkah laku yang baru

Rospasari

dalam

blog.unila.ac.id

sendiri.

mengatakan bahwa web based learning adalah

seseorang

suatu sistem belajar jarak jauh berbasis teknologi

berupa

informasi dengan antarmuka web. Dari konsep di

ataupun

atas, dapat diketahui bahwa media pembelajaran

pengetahuan. Belajar merupakan peristiwa yang

berbasis web adalah kumpulan halaman-halaman

terjadi secara sadar dan disengaja, artinya

dalam internet yang didesain secara terencana

sebagai

pengalaman

Perubahan

yang

melakukan

kegitan

keterampilan,

individu

terjadi

sikap,

itu

setelah

belajar

dapat

pengertian,

dan terpadu untuk kepentingan pembelajaran,

dengan maksud agar proses interaksi komunikasi

mengerjakan tugas tambahan yang mungkin

edukatif antara guru dan anak didik dapat

diberikan lewat E-mail.

berlangsung secara tepat guna dan berdayaguna. Media web dikatakan

based

merupakan

terprogram

dan

·

learning dapat

bentuk

kreatif yang lain dengan menggunakan

pembelajaran

individual.

Pembelajaran

Aktif menulis artikel ataupun karya-karya

fasilitas yang disediakan. c. Instruktur

terprogram adalah sistem belajar yang dalam

Intruktur adalah orang yang berperan sebagai

penggunaan bahan-bahannya diprogram untuk

pengajar dalam proses belajar mengajar. Adapun

mencapai

kegiatannya adalah:

tujuan

pembelajaran

pendidikan.

individual

Sedangkan

adalah

suatu

·

Mempersiapkan materi tugas dan latihan

sistem belajar yang memperhatikan kebutuhan

·

Menyerahkan

dan karakteristik siswa (Burns, 1971). Pelaku

dalam

sistem

materi tugas

dan

latihan

tentang

materi

kepada Administrator

pembelajaran

berbasis web adalah pihak-pihak yang akan

·

Menjawab

konsultasi

pelajaran lewat media web

terlibat dalam proses belajar dan mengajar

d. Pakar

dengan

based

Adalah seorang pakar yang keahliannya sangat

learning ini. Secara garis besar para pelaku dalam

diperlukan untuk menambah wawasan para siswa

sistem ini adalah:

dan mungkin dapat membantu instruktur dalam

a. Administrator

mempersiapkan bahan ajarnya.

menggunakan

Administrator fasilitator

media web

adalah

selama

pihak

proses

yang

belajar

menjadi mengajar

Metode Accelerated Learning Accelerated

berlangsung. Adapun otoritas dan kewajibannya proses

·

Meng-update content

·

Meng-update user

·

Membuat data base user ataupun content

·

Mengirimkan berita-berita terbaru bagi user

·

Mempersiapkan

belajar

(konvensional).

segala

hal

yang

berhubungan dengan masalah administratif

Ciri

mengajar khas

dari

tradisional accelerated

learning itu adalah: cenderung luwes, gembira, banyak jalan, mementingkan tujuan, bekerja sama,

multi

indrawi,

bersifat

mengasuh,

mementingkan aktivitas, melibatkan mental, emosional, dan fisik serta lebih mengutamakan

dan fasilitas

hasil, bukan sarana atau metode tertentu. Berikut

b. Siswa adalah

orang

yang

belajar

untuk

memperoleh tambahan ilmu dari proses belajar yang berlangsung tersebut. Adapun kegiatan yang dilakukan adalah: ·

memiliki

beberapa ciri khas yang membedakan dengan

adalah:

Siswa

learning

Mengakses materi, mengerjakan latihan dan

tabel perbandingan proses belajar mengajar tradisonal dan accelerated learning (Meier, 2000).

Tabel 1 Perbandingan Proses Belajar Mengajar Pelajar

Tradisional dan Accelerated Learning Belajar Tradisional Cenderung Kaku Muram dan Serius Satu-jalan Mementingkan Sarana Bersaing Behavioristis Verbal Mengontrol Mementingkan Materi Mental (Kognitif) Berdasar-waktu

Web Based Learning

Start

Accelerated learning Cenderung Luwes Gembira Banyak-jalan Mementingkan Tujuan Bekerja Sama Manusiawi Multi-indrawi Mengasuh Mementingkan Aktivitas Mental/Emosional/Fisik Berdasar-hasil

Database

Proses Login

Member

Data Login Yes

Ada

No

Registrasi

Informasi Pengguna, point Pilih materi, latihan, forum

Materi

Tidak

Latihan

Tidak

Forum Master Artikel

Ya

Tampilan Materi

Ya Tampilkan Latihan

Tampilkan Materi

Master Latihan

Tampilan Latihan

Perhitungan nilai, simpan data latihan, point, dan jawaban

Masukkan Jawaban

Hasil Latihan Ya

Display nilai dan jawaban, point

Point

Display Forum Tampilkan Forum

Pertanyaan Forum

Lihat Topik Forum

Input Pertanyaan

Pilih pertanyaan Forum

Tidak

Bertanya?

Jawaban Forum

Ya Tidak

METODE

Simpan Pertanyaan, jawaban

Input Jawaban

Model yang digunakan dalam rancang bangun aplikasi pembelajaran berbasib web

Selesai

Gambar 2 Sistem Flow Pembelajaran Berbasis Web untuk Pelajar.

untuk persamaan kuadrat menggunakan metode Guru

accelerated learning berupa rancangan proyek

Materi Informasi Pengguna, point

Pilih materi, latihan, forum

Materi Tertulis

Aplikasi Pembelajaran

Soal dan Kunci Jawaban

Tampilan Materi

Output

Ya

Manage?

Forum

Master Artikel

Ya Tidak

Input Data

Tampilkan Latihan

Tidak

Ya

Edit

Hasil Latihan

Manage Latihan

Tampilan Latihan Tampilan Manage Latihan

Ya

Lihat Hasil Siswa

Tidak

Ya

Hasil Evaluasi Latihan

Master Latihan

Ya Insert, Update, Delete Materi

Ya

Lihat Hasil Test Siswa Insert, Update, Delete Latihan

Tidak

Input Data

Tampilan Hasil Test

Berbasis Web

Bertanya? Jawaban Forum

Lihat Topik Forum

Input Pertanyaan

Sistem Flow

Pertanya an Forum

Tampilkan Forum Display Forum

Tidak Ya

Input Jawaban

Simpan Pertanyaan, jawaban

Pilih pertanyaan Forum

Selesai

Sistem Flow merupakan gambaran aliran kerja yang terdapat dalam suatu sistem yang juga berupa representasi grafik, proses-proses yang terjadi, input-output, serta kegiatan-kegiatan

tersebut.

Ya

Manage Materi Edit

Pembelajaran Persamaan Kuadrat Menggunakan Metode Accelerated Learning

Accelerated Learning

yang

Tidak

Manage?

Tampilan Manage Materi

Gambar 1 Diagram Blok Aplikasi Pembelajaran

operasi

Latihan

Tampilkan Materi

Tidak

Web Based Learning

Tidak

Tidak

proses pembelajaran yang akan dilakukan: Video/Flash

Member

Data Login

web. Berikut ini adalah gambar blok diagram

Proses

Database

Proses Login

yaitu sub sistem dari sitem pembelajaran berbasis

Input

Web Based Learning

Start

berhubungan

dengan

sistem

Gambar 3 Sistem Flow Pembelajaran Berbasis Web untuk Pengajar.

Context Diagram Context Diagram adalah diagram yang terdiri dari suatu proses dan menggambarkan ruang lingkup suatu sistem.

Berikut ini adalah context diagram dari aplikasi

pembelajaran

berbasis

web

untuk

persamaan kuadrat:

MASTERARTIKEL PENGUM UMAN ID JUDUL KATEGORI ISI

IDARTIKEL JUDULARTIKEL KATEGORI INTIARTIKEL ISIARTIKEL TGLPOSTING

numeric long varchar long varchar long varchar

numeric long varchar long varchar long varchar long varchar long varchar

QUESTIONLIST QID QUESTION CATEGORY POSTEDDATE POSTEDBY

Data ID Siswa Pilih latihan Input jawaban Pilih file pendukung

long long long long long

ANSWERLIST

varchar varchar varchar varchar varchar

QID = QID

QID REPLIEDBY REPLIEDDATE ANSWER

long long long long

varchar varchar varchar varchar

Pilih lihat histori latihan

Siswa

Input Data Pertanyaan Pilih Materi

MEMBERNAME = REPLIEDBY

Data verifikasi Data ID

MEMBER Input Data Jawaban Data ID Pendaftaran

MEMBERNAM E MEMBEREM AIL MEMBERPASSWORD GROUP ALAMAT URLFOTO NAMA TELP TTL

MEMBERNAME = POST EDBY

Data Lihat Peng umuman

MEMBERNAME = MEMBERNAME 0

Input data pertanyaan forum Input data latihan

Data Feedback Siswa Soal latihan

Pilih Data Siswa Pilih forum tanya jawab

Tampilan forum

Input data file pendukung

Sistem Informasi Pembelajaran Berbasis Web

Data file pendukung

MASTERFEEDBACK

Input deskripsi materi

IDFEEDBACK MEMBERNAM E NAMA EMAIL ISIFEEDBACK STATUS

Pilih Tanya Jawab Hasil latihan

+

Tampilan histori latihan Data deskripsi materi

Data Verifikasi ID Guru Data ID Guru

numeric long varchar long varchar long varchar long varchar smallint

long long long long long long long long long

varchar varchar varchar varchar varchar varchar varchar varchar varchar

MEMBERNAME = MEMBERNAME

POINT MEMBERNAM E POINT

Tampilan data forum tanya jawab Input data jawaban forum

Guru

IDHASIL MEMBERNAM E NILAI TANGGAL

Tampilan Data Test Siswa Data Feedback Guru Data Peng umuman

numeric long varchar numeric long varchar

MEMBERNAME = MEMBERNAME

MASTERLATIHAN IDLAT IHAN = IDLAT IHAN

Gambar 4 Context Diagram

DETAILLATIHAN

IDHASIL = IDHASIL

Entity Relational Diagram (ERD)

database

yang

digunakan

dalam

IDDETAIL IDLATIHAN IDHASIL JAWABANUSER

numeric numeric numeric long varchar

IDLATIHAN ISISOAL JAWABANA JAWABANB JAWABANC JAWABAND KUNCIJAWABAN PEM BAHASAN

numeric long varchar long varchar long varchar long varchar long varchar long varchar long varchar

Gambar 6 Physical Data Model

Gambar 5 merupakan bentuk konsep model

long varchar numeric

HASILLATIHAN

HASIL DAN PEMBAHASAN

perancangan sistem. Conceptual Data Model

Melalui banyak revisi yang melibatkan

(CDM) menggambarkan struktur aliran data

setiap user yang menggunakan aplikasi ini,

dalam database.

penulis sengaja mengutamakan kemudahan dan

Pengumuman ID Judul Kategori Isi

Ques tionList QID Ques tion Category PostedDate

AnswerList RepliedDate Answer

Has

Member MasterFeedBac k

Comment Has

HasilLatihan IdHasil Nilai Tanggal

yang

menjadi

basis

Has

Point Point

Has

DetailLatihan has

IDDetail JawabanUs er

has

telah

diuji

dan

diimplementasikan

sistem yang dibangun.

IdLatihan IsiSoal JawabanA JawabanB JawabanC JawabanD Kunc iJ awaban Pembahas an

Physical Data Model (PDM) merupakan implementasi secara fisik dari database yang dibuat. PDM adalah hasil generate dari bentuk CDM. Pada PDM dapat dilihat tipe data dari setiap atribut. Bentuk dari PDM dapat dilihat

secara

langsung kepada user yang akan menggunakan

Gambar 5 Conceptual Data Model

pada Gambar 6

aplikasi

kuadrat pada SMA Negeri 1 Sangatta Utara ini

MemberName MemberEmail MemberPas sword Group Alamat UrlFoto Nama Telp TTL

MasterLatihan MasterArtikel IdArtikel JudulArtikel Kategori IntiArtikel IsiArtikel TglPosting

Aplikasi

pembelajaran berbasis web untuk persamaan

Has

IdFeedBac k Nama Email IsiFeedBack Status

kenyamanan user dalam pemrograman aplikasi.

Gambar 7 Halaman Login

Halaman

login,

sebagaimana

dapat

dilihat pada gambar 7 adalah halaman pertama pada aplikasi pembelajaran berbasis web SMA Negeri 1 Sangatta Utara. User dapat melakukan login dengan mengisi username, dan password. Bila user adalah guru maka user akan masuk ke halaman utama guru, dan bila user adalah user biasa/siswa maka user akan masuk ke halaman

Gambar 10 Halaman Profil

utama siswa.

Pada linkmenu Materi, terdapat tampilan

Setelah halaman login, halaman kedua adalah halaman utama yang berisi pengumuman dan kegiatan terbatas oleh sekolah. Di bagian atas terdapat menu navigasi pertama berada yang berisikan link kategori dalam forum.

beberapa materi yang dapat dipelajari. Materimateri yang disajikan tersebut berupa judul dari materi-materi yang ada. Ketika salah satu judul materi tersebut diklik, maka kemudian akan menampilkan

detail

dari

materi

tersebut

sebagaimana dapat dilihat pada gambar 11.

Gambar 8 Halaman Utama Guru

Untuk halaman utama guru dapat dilihat

Gambar 11 Halaman Detail Materi

pada gambar 8, sedangkan untuk halaman siswa dapat dilihat pada gambar 9.

Pada halaman latihan akan diperlihatkan satu soal, terdapat link back dan link next untuk kembali

atau menuju ke

soal berikutnya,

sebagaimana terlihat pada gambar 12.

Gambar 9 Halaman Utama Siswa

Halaman menampilkan

Profil

data

diri

berfungsi dari

untuk

pengguna,

sebagaimana dapat dilihat pada gambar 10.

Gambar 12 Halaman Latihan

semua hasil kuesioner yang telah dilakukan serta Gambar 13 menunjukkan halaman yang berfungsi mengolah pengumuman, mulai dari menambah,

mengubah,

dan

menghapus

pengumuman.

dibantu dengan studi literatur yang ada di sekolah, maka disimpulkan sebagai berikut: 1) Aplikasi pembelajaran berbasis web untuk persamaan kuadrat dengan metode accelerated leearning menjadi salah satu media yang dapat digunakan

untuk

membantu

pembelajaran

persamaan kuadrat. 2) Aplikasi pembelajaran berbasis web ini telah diimplementasikan dengan baik. DAFTAR RUJUKAN Gambar 13 Mengelola Pengumuman

Burns,

1971. Methode

for

individualizing Instruction. New York:

Halaman kelola user berfungsi untuk

The Macmillan Company.

menambah, mengubah, dan menghapus user siswa, sebagaimana dapat dilihat pada gambar

Richard.

Browne, Steve. 1994. Internet Lewat Mosaic dan World-Wide Web. Terjemahan oleh

14.

Yulianto. 1995. Jakarta: PT Elex Media Komputindo. Dimyati, dan Mudjiono. 2002. Belajar dan Pembelajaran. Jakarta: PT. Rineka Cipta. Hamalik, Gambar 14 Halaman Kelola User

Selain halaman-halaman tersebut, masih

Oemar.

fungsi-fungsi

Efektif

mengelola

dan

Meier, Dave. 2000. The Accelerated Learning Handbook:

Seperti

Kurikulum

Pembelajaran. Jakarta: Bumi Aksara.

terdapat halaman-halaman lain yang mempunyai tersendiri.

2007.

Panduan Kreatif Dan Merancang

Program

materi, mengelola latihan, mengelola kategori

Pendidikan Dan Pelatihan. Terjemahan

dalam forum, halaman forum, halaman rekap

oleh Rahmani Astuti. 2001. Bandung,

latihan, halaman hasil latihan, halaman feedback,

Penerbit Khaifa.

dan mengelola feedback.

Rospasari,

Tuti.

2010.

Penggunaan

Pembelajaran Web Based Learning SIMPULAN

Dengan adanya rancangan aplikasi pembelajaran berbasis web untuk persamaan kuadrat pada SMA Negeri 1 Sangatta Utara dan diperkuat oleh

(Pembelajaran Inovatif) (online). (http://blog.unila.ac.id/sadina/2010/01/1 4/pembelajaran-dengan-website/ diakses 2 Juli 2010)

Turban, Efraim, Rainer, R. Richard

E. 2005.

Kelly Jr., Potter, Introduction to

Information Technology. 3rd edition. Sine Nomine: Wiley & Sons, Inc.