Rancang Bangun Aplikasi Pembelajaran Berbasis Web

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.