S KOM 1205900 Appendix

Daftar Lampiran
Lampiran 1
a. Silabus
b. RPP
Lampiran 2
a.
b.
c.
d.

Flowchart
Storyboard
Antarmuka multimedia
Hasil black box testing

Lampiran 3
a.
b.
c.
d.
e.

f.
g.
h.

Format angket survey lapangan siswa
Format wawancara guru
Format angket validasi ahli media
Format lembar judgement soal
Format soal validasi
Soal Pretest
Soal Posttest
Format angket tanggapan siswa

Lampiran 4
a. Hasil validasi instrumen tes
b. Hasil pengujian instrumen tes
c. Hasil angket tanggapan siswa
Lampiran 5
a. Uji Normalitas, Uji Homogenitas, Uji Perbedaan rerata
b. Analisis indeks gain

Lampiran 6
a. Surat izin penelitian
b. Surat keterangan penelitian
c. Dokumentasi

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE
DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

SILABUS MATA PELAJARAN PEMROGRAMAN WEB DINAMIS
(PAKET KEAHLIAN REKAYASA PERANGKAT LUNAK )

Satuan Pendidikan
Kelas

: SMK / MAK
: XI

Kompetensi Inti

KI-1.

Menghayati dan mengamalkan ajaran agama yang dianutnya

KI-2.
Menghayati dan mengamalkan perilaku jujur, disiplin, tanggungjawab, peduli (gotong royong, kerjasama, toleran, damai), santun, responsif dan pro-aktif dan
menunjukkan sikap sebagai bagian dari solusi atas berbagai permasalahan dalam berinteraksi secara efektif dengan lingkungan sosial dan alam serta dalam menempatkan
diri sebagai cerminan bangsa dalam pergaulan dunia.
KI-3.
Memahami, menerapkan dan menganalisis pengetahuan faktual, konseptual, prosedural, dan metakognitif berdasarkan rasa ingin tahunya tentang ilmu
pengetahuan, teknologi, seni, budaya, dan humaniora dengan wawasan kemanusiaan, kebangsaan, kenegaraan, dan peradaban terkait penyebab fenomena dan kejadian
dalam bidang kerja yang spesifik untuk memecahkan masalah.
KI-4.
Mengolah, menalar, dan menyaji dalam ranah konkret dan ranah abstrak terkait dengan pengembangan dari yang dipelajarinya di sekolah secara mandiri,
bertindak secara efektif dan kreatif, dan mampu melaksanakan tugas spesifik di bawah pengawasan langsung.

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu


Kompetensi Dasar
1.1.

Memahami nilainilai keimanan
dengan menyadari
hubungan
keteraturan dan
kompleksitas alam
dan jagad raya
terhadap kebesaran
Tuhan yang
menciptakannya

1.2.

Mendeskripsikan
kebesaran Tuhan
yang menciptakan
berbagai sumber
energi di alam


1.3.

Mengamalkan nilainilai keimanan
sesuai dengan ajaran
agama dalam
kehidupan seharihari

2.1.

Menunjukkan
perilaku ilmiah
(memiliki rasa ingin

Materi Pokok

Pembelajaran*

Penilaian


Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

Alokasi
Waktu

Sumber Belajar

tahu; objektif; jujur;
teliti; cermat; tekun;
hati-hati;
bertanggung jawab;
terbuka; kritis;
kreatif; inovatif dan
peduli lingkungan)
dalam aktivitas
sehari-hari sebagai
wujud implementasi
sikap dalam

melakukan
percobaan dan
berdiskusi
2.2.

Menghargai kerja
individu dan
kelompok dalam
aktivitas sehari-hari
sebagai wujud
implementasi
melaksanakan
percobaan dan
melaporkan hasil
percobaan
3.1.

Memahami
teknologi
aplikasi web


Teknologi Aplikasi
Web Berbasis Server

Mengamati


Cara kerja aplikasi

Tugas
Menyelesaikan

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

8 JP

From Zero To A Pro: Membuat Aplikasi Web
Dengan PHP + Database MySQL, Abdul


server
4.1.Menyajikan
teknologi
pengembangan
aplikasi web server







Cara kerja
aplikasi web
berbasis server
Perangkat
pengembangan
aplikasi web
berbasis server

Pengenalan
Pemrograman
Web Berbasis
Teknologi
Server

web berbasis server




Perangkat
pengembangan
aplikasi web berbasis
server
Pemrograman web
berbasis teknologi
server

Menanya



Mendiskusikan cara
kerja aplikasi web
berbasis server



Mendiskusikan
pemrograman web
berbasis teknologi
server

masalah tentang
teknologi aplikasi web
berbasis server

Buku Pintar Pemrograman Web, Adhi
Prasetyo, Penerbit Mediakita, 2012
Observasi
Mengamati
kegiatan/aktivitas
siswa secara individu
dan dalam diskusi
dengan checklist
lembar pengamatan
atau dalam bentuk lain

Portofolio

Eksperimen
perangkat
pengembangan

Pemrograman Web (HTML, PHP & MySQL)
Edisi Revisi, Budi Rahardjo, Imam Heryanto,
Enjang RK, Penerbit Modula Bandung, Juni
2012

Learning PHP, MySQL, and JavaScript, Robin
Nixon, Penerbit O'Reilly Media, Inc., 2009



Hasil kerja
mandiri/kelomp
ok



Bahan
Presentasi

Eksperimen/Eksplorasi


Kadir, Penerbit Andi, 2010

Tes
Essay dan/atau pilihan

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

aplikasi web berbasis
server


ganda

Eksperimen bahasa
pemrograman web
berbasis server

Asosiasi
Membuat kesimpulan tentang
cara kerja web berbasis
server dan penggunaan
bahasa pemrogaman berbasis
server untuk pengembangan
aplikasi web

Mengkomunikasikan
Menyampaikan hasil tentang
cara kerja aplikasi web
berbasis server dan
penggunaan bahasa
pemrograman berbasis server
dalam pengembangan web

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

3.2.Memahami dasar
pemrograman pada web
server
4.2. Menalar data kedalam
program

Pemrograman Dasar
Web Dinamis


Tipe data



Variabel

Mengamati


Pelbagai jenis tipe
data



Aturan penamaan
variabel



Operator



Komentar



Array 1 dan 2
dimensi



Aturan penerapan
komentar



Array asosiatif



Penyimpanan data
dalam array 1 dan 2
dimensi



Penyimpanan data
dalam array asosiatif



Pelbagai jenis
operator

Tugas
Menyelesaikan
masalah tentang tipe
data, variabel, operator
dan array





Mendiskusikan
pelbagai jenis tipe
data
Mendiskusikan aturan
penamaan variabel

From Zero To A Pro: Membuat Aplikasi Web
Dengan PHP + Database MySQL, Abdul
Kadir, Penerbit Andi, 2010

Buku Pintar Pemrograman Web, Adhi
Prasetyo, Penerbit Mediakita, 2012

Observasi
Mengamati
kegiatan/aktivitas
siswa secara individu
dan dalam diskusi
dengan checklist
lembar pengamatan
atau dalam bentuk lain

Portofolio
Menanya

16 JP

Laporan percobaan

Tes
Essay dan pilihan
ganda

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

Pemrograman Web (HTML, PHP & MySQL)
Edisi Revisi, Budi Rahardjo, Imam Heryanto,
Enjang RK, Penerbit Modula Bandung, Juni
2012

Learning PHP, MySQL, and JavaScript, Robin
Nixon, Penerbit O'Reilly Media, Inc., 2009



Mendiskusikan
pelbagai jenis
operator



Mendiskusikan
pemberian komentar
pada program



Mendiskusikan
penyimpanan data
dalam array 1 dan 2
dimensi



Mendiskusikan
penyimpanan data
dalam array asosiatif

Eksperimen/Eksplorasi


Eksplorasi pelbagai
jenis tipe data



Eksperimen aturan
penamaan variabel



Eksperimen pelbagai
operator



Eksperimen

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

pemberian komentar
pada program


Eksperimen
penyimpanan data
dalam array 1 dan 2
dimensi



Eksperiman
penyimpanan data
dalam array asosiatif

Asosiasi


Membuat ulasan
tentang hubungan
antara pelbagai jenis
data dan klasifikasi
tipenya yang sesuai



Membuat ulasan
kesesuaian penamaan
variabel dengan data
yang diolah



Menghubungkan data
jamak dengan array
yang sesuai

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

Mengkomunikasikan
Menyampaikan hasil diskusi
kelompok tentang tipe data,
variabel, operator dan array

3.3.Memahami struktur
kendali program
4.3.

Menyajikan proses
kerja aplikasi
melalui struktur
kendali

Struktur Kontrol

Mengamati



Percabangan (if,
switch, dan
operator ?:)



Pelbagai jenis
percabangan dalam
program



Perulangan (for,
while, do-while)





Pernyataan
break dan
continue dalam
perulangan

Pelbagai jenis
perulangan dalam
program

Tugas
Menyelesaikan
masalah tentang
pelbagai jenis
perulangan dan
percabangan dalam
program

Observasi
Menanya


Mengamati
Mendiskusikan

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

16 JP

From Zero To A Pro: Membuat Aplikasi Web
Dengan PHP + Database MySQL, Abdul
Kadir, Penerbit Andi, 2010

Buku Pintar Pemrograman Web, Adhi
Prasetyo, Penerbit Mediakita, 2012

Pemrograman Web (HTML, PHP & MySQL)
Edisi Revisi, Budi Rahardjo, Imam Heryanto,
Enjang RK, Penerbit Modula Bandung, Juni

pelbagai jenis
percabangan dalam
program


Mendiskusikan
pelbagai jenis
perulangan dalam
program

kegiatan/aktivitas
siswa secara individu
dan dalam diskusi
dengan checklist
lembar pengamatan
atau dalam bentuk lain

Portofolio
Eksperimen/Eksplorasi




Eksperimen pelbagai
jenis percabangan
dalam program
Eksperimen pelbagai
jenis perulangan
dalam program

Laporan percobaan

Tes
Essay dan pilihan
ganda

Asosiasi
Mendiskusikan hubungan
suatu proses kerja dengan
alur pada program.

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

2012

Learning PHP, MySQL, and JavaScript, Robin
Nixon, Penerbit O'Reilly Media, Inc., 2009

Mengkomunikasikan
Menyampaikan hasil
pengamatan dan percobaan
pelbagai jenis percabangan
dan perulangan pada program

3.4.Memahami fungsi
dalam program
4.4.

Mengolah kode
program dalam
bentuk fungsi

Fungsi






Mengamati
Prinsip fungsi
dalam
pemrograman
Teknik
pembuatan dan
pemanggilan
fungsi
Parameter
fungsi



Pelbagai jenis fungsi
dalam program



Teknik pembuatan
dan pemanggilan
fungsi



Tugas
Menyelesaikan
masalah terkait fungsi
pada aplikasi web

Observasi

Pemberian parameter
pada fungsi

Mengamati
kegiatan/aktivitas
siswa secara individu
dan dalam diskusi
Menanya
dengan checklist
lembar pengamatan
 Mendiskusikan teknik
atau dalam bentuk lain
pembuatan dan
pemanggilan fungsi


Mendiskusikan jenis
parameter dalam

Portofolio

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

16 JP

From Zero To A Pro: Membuat Aplikasi Web
Dengan PHP + Database MySQL, Abdul
Kadir, Penerbit Andi, 2010

Buku Pintar Pemrograman Web, Adhi
Prasetyo, Penerbit Mediakita, 2012

Pemrograman Web (HTML, PHP & MySQL)
Edisi Revisi, Budi Rahardjo, Imam Heryanto,
Enjang RK, Penerbit Modula Bandung, Juni
2012

Learning PHP, MySQL, and JavaScript, Robin
Nixon, Penerbit O'Reilly Media, Inc., 2009

fungsi

Eksperimen/Eksplorasi


Eksperimen
pembuatan dan
pemanggilan fungsi
dalam program



Eksperimen
penggunaan
parameter dalam
fungsi

Laporan percobaan

Tes
Essay dan pilihan
ganda

Asosiasi


Mengulas hubungan
prosedur/fungsi
sesuatu kerja/aplikasi
dengan fugnsi pada
program.



Mengulas hubungan
antara parameter
dengan persyaratan
dalam suatu
prosedur/fungsi

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

kerja/aplikasi

Mengkomunikasikan
Menyampaikan hasil
pengamatan dan percobaan
fungsi pada program

3.5.Menerapkan pustaka
standar dalam program
4.5.

Fungsi Standar


Mengolah data
melalui pustaka
standar


Fungsi standar
PHP untuk
operasi
aritmatika, array
dan string

Mengamati




Konversi data

Penggunaan fungsi
standar PHP untuk
operasi aritmatika,
array dan string

Tugas
Menyelesaikan
masalah terkait
penggunaan fungsi
standar pada aplikasi
web

Teknik konversi tipe
data ke tipe lainnya
Observasi

Menanya


Mendiskusikan
kegunaan fungsi
standar PHP untuk
aritmatika, array dan
string

Mengamati
kegiatan/aktivitas
siswa secara individu
dan dalam diskusi
dengan checklist
lembar pengamatan
atau dalam bentuk lain

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

16 JP

From Zero To A Pro: Membuat Aplikasi Web
Dengan PHP + Database MySQL, Abdul
Kadir, Penerbit Andi, 2010

Buku Pintar Pemrograman Web, Adhi
Prasetyo, Penerbit Mediakita, 2012

Pemrograman Web (HTML, PHP & MySQL)
Edisi Revisi, Budi Rahardjo, Imam Heryanto,
Enjang RK, Penerbit Modula Bandung, Juni
2012

Learning PHP, MySQL, and JavaScript, Robin
Nixon, Penerbit O'Reilly Media, Inc., 2009



Mendiskusikan teknik
konversi tipe data

Portofolio
Laporan percobaan

Eksperimen/Eksplorasi




Eksperimen
penggunaan fungsi
standar PHP untuk
aritmatika, array dan
string

Tes
Essay dan pilihan
ganda

Eksperimen konversi
pelbagai tipe data

Asosiasi
Mengulas penyelesaian
aritmatika dan perubahan
kalimat dalam operasi
aritmatika dan string

Mengkomunikasikan
Menyampaikan hasil
pengamatan dan percobaan

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

fungsi standar pada program

3.6.Memahami pembuatan
aplikasi interaktif pada
web server
4.6.

Penanganan Input
User

Mengamati


Prinsip
pengiriman data
pada aplikasi
web

Proses pengiriman
data pada aplikasi
web



Penanganan input dari
form



Pengolahan
input dari form





Pengolahan
input dari
url/link



Menyajikan aplikasi
interaktif pada web
server

Tugas
Menyelesaikan
masalah tentang
penanganan input dari
user

Penanganan input dari Observasi
url/link
Mengamati
kegiatan/aktivitas
siswa secara individu
Menanya
dan dalam diskusi
dengan checklist
 Mendiskusikan
lembar pengamatan
prinsip pengiriman
atau dalam bentuk lain
data pada aplikasi
web


Mendiskusikan
Portofolio
penanganan input dari
Laporan percobaan
form



Mendiskusikan

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

16 JP

From Zero To A Pro: Membuat Aplikasi Web
Dengan PHP + Database MySQL, Abdul
Kadir, Penerbit Andi, 2010

Buku Pintar Pemrograman Web, Adhi
Prasetyo, Penerbit Mediakita, 2012

Pemrograman Web (HTML, PHP & MySQL)
Edisi Revisi, Budi Rahardjo, Imam Heryanto,
Enjang RK, Penerbit Modula Bandung, Juni
2012

Learning PHP, MySQL, and JavaScript, Robin
Nixon, Penerbit O'Reilly Media, Inc., 2009

penanganan input dari Tes
url/link
Essay dan/atau pilihan
ganda
Eksperimen/Eksplorasi


Eksperimen
penanganan input dari
form



Eksperimen
penanganan input dari
url/link

Asosiasi
Membuat kesimpulan tentang
prinsip pengiriman data dan
kaitannya dengan
penanganan input dari
form/url/link untuk
pengembangan aplikasi web

Mengkomunikasikan
Menyampaikan hasil
percobaan tentang
Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

penanganan input dari form
dan url/link
3.7.Memahami operasi file
4.7.

Mengolah data pada
file

Operasi File

Mengamati



Prinsip operasi
file



Pembacaan file



Penulisan file



File upload

Menanya



File download



Mendiskusikan pengolahan
data pada file

Mengelola file
(salin, pindah,
hapus)





Prinsip operasi file



Teknik pengolahan
data pada file

Tugas
Menyelesaikan
masalah pengolahan
data pada file

Observasi

Mengelola
direktori (buat,
lihat isi, hapus)

Eksperimen/Eksplorasi
Eksperimen teknik
pengolahan data pada file

Mengamati
kegiatan/aktivitas
siswa secara individu
dan dalam diskusi
dengan checklist
lembar pengamatan
atau dalam bentuk lain

From Zero To A Pro: Membuat Aplikasi Web
Dengan PHP + Database MySQL, Abdul
Kadir, Penerbit Andi, 2010

Buku Pintar Pemrograman Web, Adhi
Prasetyo, Penerbit Mediakita, 2012

Pemrograman Web (HTML, PHP & MySQL)
Edisi Revisi, Budi Rahardjo, Imam Heryanto,
Enjang RK, Penerbit Modula Bandung, Juni
2012

Learning PHP, MySQL, and JavaScript, Robin
Nixon, Penerbit O'Reilly Media, Inc., 2009
Portofolio

Asosiasi

20 JP

Laporan percobaan

Menyimpulkan proses-proses
pada pengolahan data melalui
Tes
file
Essay dan pilihan

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

ganda
Mengkomunikasikan
Menyampaikan hasil
pengamatan dan percobaan
pelbagai teknik pengolahan
data pada file

3.8.Memahami penanganan
kesalahan pada program
4.8.

Penanganan Error


Mengolah kesalahan
pada program


Prinsip
penanganan
error
Teknik
penanganan
error

Mengamati


Prinsip penanganan
error



Teknik penanganan
error

Tugas
Menyelesaikan
masalah penanganan
error pada program

Observasi
Menanya
Mendiskusikan penanganan
error pada program

Eksperimen/Eksplorasi

Mengamati
kegiatan/aktivitas
siswa secara individu
dan dalam diskusi
dengan checklist
lembar pengamatan
atau dalam bentuk lain

Eksperimen teknik
penanganan error

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

12 JP

From Zero To A Pro: Membuat Aplikasi Web
Dengan PHP + Database MySQL, Abdul
Kadir, Penerbit Andi, 2010

Buku Pintar Pemrograman Web, Adhi
Prasetyo, Penerbit Mediakita, 2012

Pemrograman Web (HTML, PHP & MySQL)
Edisi Revisi, Budi Rahardjo, Imam Heryanto,
Enjang RK, Penerbit Modula Bandung, Juni
2012

Learning PHP, MySQL, and JavaScript, Robin
Nixon, Penerbit O'Reilly Media, Inc., 2009

Portofolio
Asosiasi
Menyimpulkan proses-proses
pada penanganan error

Mengkomunikasikan

Laporan percobaan

Tes
Essay dan pilihan
ganda

Menyampaikan hasil
pengamatan dan percobaan
pelbagai teknik penanganan
error

3.9.Memahami pembuatan
aplikasi basis data
berbasis web
4.9.

Menyajikan aplikasi
basisdata berbasis
web

Pemrograman
Basisdata




Jenis-jenis
operasi basis
data
Pembuatan
database



Operasi DDL
untuk tabel



Operasi DML

Mengamati


Prinsip pemrograman
data pada aplikasi
basisdata



Teknik penambahan
data melalui program



Teknik pencarian dan
penampilan data
melalui program



Teknik penghapusan

Tugas
Menyelesaikan
masalah pengolahan
data melalui program
pada aplikasi basisdata

32 JP

From Zero To A Pro: Membuat Aplikasi Web
Dengan PHP + Database MySQL, Abdul
Kadir, Penerbit Andi, 2010

Buku Pintar Pemrograman Web, Adhi
Prasetyo, Penerbit Mediakita, 2012

Observasi
Mengamati
kegiatan/aktivitas
siswa secara individu

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

Pemrograman Web (HTML, PHP & MySQL)
Edisi Revisi, Budi Rahardjo, Imam Heryanto,
Enjang RK, Penerbit Modula Bandung, Juni

untuk
data/record 1
tabel dan multitabel


Export data



Import data



Prinsip
pemrograman
data pada
aplikasi
basisdata



Teknik
penambahan
data



Teknik
pencarian dan
penampilan data



Teknik
penghapusan
data
Teknik
pengubahan
data

Teknik pengubahan
data melalui program

Menanya

dan dalam diskusi
dengan checklist
lembar pengamatan
atau dalam bentuk lain

Portofolio



Mendiskusikan teknik Laporan percobaan
penambahan data



Mendiskusikan teknik
Tes
pencarian dan
penampilan data
Essay dan pilihan
Mendiskusikan teknik ganda



penghapusan data






data melalui program

Mendiskusikan teknik
pengubahan data

Eksperimen/Eksplorasi


Eksperimen teknik
penambahan data



Eksperimen teknik
pencarian dan

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

2012

Learning PHP, MySQL, and JavaScript, Robin
Nixon, Penerbit O'Reilly Media, Inc., 2009

penampilan data


Eksperimen teknik
penghapusan data



Eksperimen teknik
pengubahan data

Asosiasi
Mendiskusikan hubungan
pengolahan data pada
program dengan proses pada
aplikasi manajemen basisdata

Mengkomunikasikan
Menyampaikan hasil
pengamatan dan percobaan
pelbagai teknik pengolahan
data pada aplikasi basisdata

3.10.

Memahami
pembuatan
sistem

Publikasi Aplikasi
Web


Prinsip

Mengamati


Pelbagai prinsip
pemilihan web

Tugas
Menyelesaikan
masalah publikasi

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

8 JP

From Zero To A Pro: Membuat Aplikasi Web
Dengan PHP + Database MySQL, Abdul
Kadir, Penerbit Andi, 2010

informasi web
4.10.

Menyajikan aplikasi
sistem informasi
web

pemilihan web
hosting


Pengelolaan
aplikasi web
dalam web
hosting

hosting


Pengelolaan web
hosting

aplikasi web

Observasi

Mengamati
kegiatan/aktivitas
Menanya
siswa secara individu
 Mendiskusikan
dan dalam diskusi
prinsip pemilihan web dengan checklist
hosting
lembar pengamatan
atau dalam bentuk lain
 Mendiskusikan teknik
pengelolaan web
hosting
Portofolio
Laporan percobaan
Eksperimen/Eksplorasi




Eksplorasi prinsip
pemilihan web
hosting
Eksperimen
pengelolaan web
hosting

Tes
Essay dan pilihan
ganda

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

Buku Pintar Pemrograman Web, Adhi
Prasetyo, Penerbit Mediakita, 2012

Pemrograman Web (HTML, PHP & MySQL)
Edisi Revisi, Budi Rahardjo, Imam Heryanto,
Enjang RK, Penerbit Modula Bandung, Juni
2012

Learning PHP, MySQL, and JavaScript, Robin
Nixon, Penerbit O'Reilly Media, Inc., 2009

Asosiasi
Mengulas hubungan web
hosting dengan
pengembangan aplikasi web
jarak jauh

Mengkomunikasikan
Menyampaikan hasil
pengamatan dan percobaan
tentang publikasi aplikasi
web

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

RENCANA PELAKSANAAN PEMBELAJARAN
(RPP)

Sekolah

: SMK MEDIKA COM BANDUNG

Program Keahlian

: Rekayasa Perangkat Lunak

Mata Pelajaran

: Pemrograman Web

Kelas / Semester

: XI / Genap

Materi Pokok

: Publikasi Aplikasi Web

Alokasi Waktu

: 4 x 40 menit (2x pertemuan)

Jadwal Pelaksanaan

: Mei 2016

A. KOMPETENSI INTI
1.

Menghayati dan mengamalkan ajaran agama yang dianutnya

2.

Menghayati dan mengamalkan perilaku jujur, disiplin, tanggungjawab, peduli (gotong
royong, kerjasama, toleran, damai), santun, responsif dan pro-aktif dan menunjukkan
sikap sebagai bagian dari solusi atas berbagai permasalahan dalam berinteraksi secara
efektif dengan lingkungan sosial dan alam serta dalam menempatkan diri sebagai
cerminan bangsa dalam pergaulan dunia.

3.

Memahami, menerapkan dan menganalisis pengetahuan faktual, konseptual, prosedural,
dan metakognitif berdasarkan rasa ingin tahunya tentang ilmu pengetahuan, teknologi,
seni, budaya, dan humaniora dengan wawasan kemanusiaan, kebangsaan, kenegaraan,
dan peradaban terkait penyebab fenomena dan kejadian dalam bidang kerja yang spesifik
untuk memecahkan masalah.

4.

Mengolah, menalar, dan menyaji dalam ranah konkret dan ranah abstrak terkait dengan
pengembangan dari yang dipelajarinya di sekolah secara mandiri, bertindak secara
efektif dan kreatif, dan mampu melaksanakan tugas spesifik di bawah pengawasan
langsung.

B. KOMPETENSI DASAR
1.1. Memahami nilai-nilai keimanan dengan menyadari hubungan keteraturan dan
kompleksitas alam dan jagad raya terhadap kebesaran Tuhan yang menciptakannya
1.2. Mendeskripsikan kebesaran Tuhan yang menciptakan berbagai sumber energi di alam

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

1.3. Mengamalkan nilai-nilai keimanan sesuai dengan ajaran agama dalam kehidupan seharihari
2.1. Menunjukkan perilaku ilmiah (memiliki rasa ingin tahu; objektif; jujur; teliti; cermat;
tekun; hati-hati; bertanggung jawab; terbuka; kritis; kreatif; inovatif dan peduli
lingkungan) dalam aktivitas sehari-hari sebagai wujud implementasi sikap dalam
melakukan percobaan dan berdiskusi
2.2. Menghargai kerja individu dan kelompok dalam aktivitas sehari-hari sebagai wujud
implementasi melaksanakan percobaan dan melaporkan hasil percobaan
3.1 Memahami pembuatan sistem informasi web
4.1 Menyajikan aplikasi sistem informasi web

C. INDIKATOR
3.1.1 Memahami konsep domain dan hosting
3.1.2 Memahami prinsip pemilihan domain dan hosting
4.1.1 Menggunakan aplikasi cpanel
D. TUJUAN PEMBELAJARAN
1.

Siswa dapat memahami konsep domain dan hosting

2.

Siswa dapat memahami prinsip pemilihan domain dan hosting

3.

Siswa dapat menggunakan aplikasi cPanel

E. ALAT BAHAN DAN SUMBER BELAJAR
1. Alat dan Bahan
a. Laptop
b. LCD
c. Media presentasi (Multimedia Interaktif)
d. Boardmaker
e. Whiteboard
f. Penghapus

2. Sumber Belajar
a. From Zero To A Pro: Membuat Aplikasi Web Dengan PHP + Database
MySQL, Abdul Kadir, Penerbit Andi, 2010

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

b. Buku Pintar Pemrograman Web, Adhi Prasetyo, Penerbit Mediakita, 2012
c. Pemrograman Web (HTML, PHP & MySQL) Edisi Revisi, Budi
Rahardjo, Imam Heryanto, Enjang RK, Penerbit Modula Bandung, Juni
2012
d. Learning PHP, MySQL, and JavaScript, Robin Nixon, Penerbit O'Reilly
Media, Inc., 2009

F. MODEL PEMBELAJARAN
1. Model Pembelajaran

: Explicit Instruction

G. KEGIATAN PEMBELAJARAN
Tahapan

Manual

Media

Guru memberikan salam
pembuka.
1.

Pendahuluan



Tujuan

2.

Inti (Eksplorasi)


Media menyajikan halaman
masuk dan daftar untuk siswa.
Masuk untuk yang sudah
memiliki akun sedangkan,
daftar untuk yang belum
memiliki akun.
Media menyajikan tujuan
pembelajaran, hal-hal yang
harus dipelajari oleh siswa.
Media menyajikan materi
berupa teks , gambar atau
video.

Penjelasan

Materi


Demonstrasi



Latihan

Media menyajikan video yang
menunjukan contoh materi.
Media menampilkan beberapa
potongan-potongan
pertanyaan dan jawaban yang
harus di drag and drop dengan
benar.
Media membantu siswa untuk
memahami materi yang sesuai
dengan kemampuan masingmasing melalui pemberian
beberapa soal latihan.
Untuk dapat melanjutkan ke
materi berikutnya siswa harus
menjawab
dengan
benar
semua pertanyaaan.

Terbimbing



Latihan
mandiri



Guru

memberikan

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

(Elaborasi)

kesempatan

kepada

siswa

untuk

menanyakan

hal-hal

yang belum dipahami
dari

hasil

diskusi

dengan

teman

sebangku.


Guru

memberikan

kesempatan

kepada

siswa untuk menjawab
pertanyaan
tanyakan

yang
oleh

di

siswa

yang belum mengerti.


Guru memberi respon
positif terhadap siswa
yang

mau

bertanya,

menjawab pertanyaan
dan menanggapi.


Guru
jawaban

meluruskan
dari

siswa

yang menjawab atau
memberikan komentar
untuk perbaikan.


Media menyajikan 20
pertanyaan, berupa soal pilhan
ganda.
Media menampilkan skor yang
diraih oleh siswa. Apabila siswa
mendapatkan skor di bawah
ketuntasan, maka siswa di
haruskan mengulang di materi
yang mendapat nilai terendah.
Media menyajikan akhir dari
pembelajaran dan siswa telah
berhasil dalam pembelajaran
kali ini.

Evaluasi

(Konfirmasi)

3.

Penutup



Guru bersama siswa
membuat simpulan
terhadap materi yang
telah dipelajari.

H.

PENILAIAN
1. Kognitif

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

mulai

Nama
Kata sandi

halaman awal

tidak

akun

daftar

iya
login

Username
password

Tujuan Pembelajaran

Petunjuk

latihan mandiri 1

 Materi
 Demonstrasi
 Latihan
terbimbing

berhasil

level 2

level 3

gagal

 Materi
 Demonstrasi
 Latihan
terbimbing

berhasil

level 1

Game 3

Game 2

gagal

gagal

Game 1

 Materi
 Demonstrasi
 Latihan
terbimbing
latihan mandiri 3

latihan mandiri 2

evaluasi

tidak

tuntas

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE
DENGAN MODEL
selesai
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

Storyboard
No.

Tampilan

Keterangan
1 : Judul Media “Sky
Adventure”

1.
1

2 : Tombol “Play”
Untuk memulai dan
mengarahkan ke halaman
daftar

2

2.
0

0 : Tombol Home
Untuk kembali ke halaman
awal

1

1 : Judul “Daftar”
:

2

katasandi :

3

nama

4

2 : input nama
3 : input katasandi
4 : Tombol Daftar
mengarahkan ke halaman
Masuk.

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

3.

0 : Tombol Back
Untuk kembali ke halaman
daftar

1

1 : Judul “Masuk”
:

2

katasandi :

3

nama

0

2 : input nama
3 : input katasandi

4

4 : Tombol Masuk
mengarakan ke halaman
tujuan pembelajaran

0 : Tombol “next”
Untuk mengarahkan ke
halaman petunjuk

4.

1

1 : Judul “Tujuan
Pembelajaran”

2

2 : Teks berisi tujuan
pembelajaran
0

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

0 : Tombol “Next”
Untuk mengarahkan ke
halaman game 1

5.

2

1 : stage game
2 : teks berisi petunjuk
0

1

5.
1 : Arena permainan
2 : Gambar Kunci.
Kunci ini digunakan untuk
masuk ke tampilan
selanjutnya.

1

2

3 : Musuh.
Musuh akan gerak ke kanan
ke kiri.

3

6.
1 : materi 1 berupa video
2 : tombol play
Untuk memulai

1

3 : tombol pause
Untuk berhenti sejenak

2

3

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

7.
1 : demonstrasi 1 berupa
video
2 : tombol play
Untuk memulai

1

3 : tombol pause
Untuk berhenti sejenak
2

3

8.
Latihan Terbimbing 1
2

2
1

1 : Soal berupa gambar

2

2 : Jawaban berupa gambar
yang di drag-and-drop

2
3

3 : tombol next
untuk mengarahkan ke
tampilan selanjutnya.

7.
1
2
2

Latihan Mandiri 1
1 : Teks Pertanyaan
2 : Jawaban berupa pilihan
ganda

2
2
2

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

8.
1 : Hasil Nilai Latihan
Mandiri
dan Teks Berhasil / Belum
Tuntas
1

9.
1 : Area Permainan (level 2)
2 : Gambar Kunci.
Kunci ini digunakan untuk
masuk ke tampilan
selanjutnya.

3

3 : Musuh.
Musuh akan gerak ke kanan
ke kiri.

2

10.
1 : materi 2 berupa video
2 : tombol play
Untuk memulai

1

3 : tombol pause
Untuk berhenti sejenak

2

3

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

11.
1 : demonstrasi 2 berupa
video
2 : tombol play
Untuk memulai

1

3 : tombol pause
Untuk berhenti sejenak
2

3

12.
Latihan Terbimbing 2
1

1 : Soal berupa teks
2 : input jawaban
3 : tombol “lanjut”

2
3

13.
1
2
2

Latihan Mandiri 2
1 : Teks Pertanyaan
2 : Jawaban berupa pilihan
ganda

2
2
2

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

14.
1 : Hasil Nilai Latihan
Mandiri
dan Teks Berhasil / Belum
Tuntas
1

15.
1 : Area Permainan (level 3)
1

2

3

2 : Gambar Kunci.
Kunci ini digunakan untuk
masuk ke tampilan
selanjutnya.
3 : Musuh.
Musuh akan gerak ke
kanan ke kiri.

16.
1 : Tampilan Materi
2 : Tombol “Back”
Untuk ke halaman
sebelumnya

1

3 : Tombol “Next”
Untuk ke halaman
selanjutnya.
2

3

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

17.
1 : demonstrasi 3 berupa
video
2 : tombol play
Untuk memulai

1

3 : tombol pause
Untuk berhenti sejenak
2

3

16.
Latihan Terbimbing 3
1 : Soal berupa gambar
2 : Jawaban berupa gambar
yang di drag-and-drop

1

2

3 : tombol next
untuk mengarahkan ke
tampilan selanjutnya.
3

17.
Latihan Mandiri 3
1
1 : Teks Pertanyaan
2
2

2 : Jawaban berupa pilihan
ganda

2
2
2

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

18.
1 : Hasil Nilai Latihan
Mandiri
dan Teks Berhasil / Belum
Tuntas
1

19.
1
2
2

Evaluasi Akhir
1 : Teks Pertanyaan
2 : Jawaban berupa pilihan
ganda

2
2
2
20.
1 : Hasil Nilai Latihan
Mandiri
dan Teks Berhasil / Belum
Tuntas
1

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

1) Antarmuka Tampilan Awal

2) Antarmuka Tampilan Daftar

3) Antarmuka Tampilan Masuk

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

4) Antarmuka Tampilan Tujuan

5) Antarmuka Tampilan Petunjuk

6) Antarmuka Tampilan Game Level 1

1

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

7) Antarmuka Tampilan Materi 1

8) Antarmuka Tampilan Demonstrasi 1

9) Antarmuka Latihan Terbimbing 1

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

10) Antarmuka Tampilan Latihan Mandiri 1

11) Antarmuka Tampilan Nilai 1

12) Antarmuka Tampilan Game Level 2

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

13) Antarmuka Tampilan Materi 2

14) Antarmuka Tampilan Demonstasi 2

15) Antarmuka Tampilan Latihan Terbimbing 2

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

16) Antarmuka Tampilan Latihan Mandiri 2

17) Antarmuka Tampilan Nilai 2

2

18) Antarmuka Tampilan Game Level 3

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

19) Antarmuka Tampilan Materi 3

20) Antarmuka Tampilan Demonstrasi 3

21) Antarmuka Tampilan Latihan Terbimbing 3

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

22) Antarmuka Tampilan Latihan Mandiri 3

23) Antarmuka Tampilan Nilai 3

3

24) Antarmuka Tampilan Evaluasi

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

25) Antarmuka Tampilan Nilai Evaluasi

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

Hasil Black Box Testing
No

Deskripsi
Pengujian

Skenario Pengujian

Hasil yang diharapkan

Hasil

1.

Awal

1.Klik tombol “Play”

1.Masuk ke halaman Daftar

1.OK

2.

Daftar

1.Klik tombol “Daftar”

1.Masuk ke halaman Masuk

1.OK

3.

Masuk

1.Klik tombol “Masuk”
2.Klik tombol “Back”

1.OK
2.OK

4.

Tujuan

1.Klik tombol “Next”

1.Masuk ke halaman Tujuan
jika Nama dan Kata Sandi
sesuai
2.Masuk ke halaman Daftar
1.Masuk halaman Petunjuk

5.

Petunjuk

1.Klik tombol “Next”
2.Keyboard panah kanan,
kiri,atas

1.OK
2.OK

6.

Level 1

1.Keyboard panah kanan,
kiri,atas
2.Player menyentuh musuh
3.Player menyentuh kunci

1.Masuk halaman Game
Level 1
2.Player bergerak ke
kanan,kiri,lompat
1.Player bergerak ke
kanan,kiri,lompat
2.Player menghilang dan
kembali keadaan awal
3. Kunci menghilang dan
masuk ke halaman Materi 1

Materi 1

1.Klik tombol “Play”
2.Klik tombol “Pause”

1.OK
2.OK

Demonstrasi
1

1.Klik tombol “Play”
2.Klik tombol “Pause”

Latihan
terbimbing 1

1.Gambar “Jawaban” drag and
drop
2.Klik tombol “Next”

Latihan
Mandiri 1

1.Klik “Pilihan Jawaban”

1.Video mulai, jika video
selesai lanjut ke halaman
Demonstrasi 1
2.Video berhenti sejenak
1.Video mulai, jika video
selesai lanjut ke halaman
Latihan Terbimbing 1
2.Video berhenti sejenak
1.Jika Gambar Jawaban didrop tepat pada gambar
pertanyaan yang benar akan
muncul tombol “Next”
2.Masuk pada halaman
Latihan Mandiri 1
1.Jika mengeklik jawaban
akan mucul pertanyaan
berikutnya sebanyak
pertanyaan yang ada, setelah
selesai akan masuk halaman
Nilai1

1.OK

1.OK
2.OK
3.OK

1.OK
2.OK

1.OK
2.OK

1.OK

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

Nilai 1

1. Teks berupa “Nilai”

1. Jika nilai >= 60 akan
masuk ke halaman Materi 2,
jika nilai < 60 maka akan ke
mengulang ke halaman
Materi 1

1.OK

Level 2

1.Keyboard panah kanan,
kiri,atas
2.Player menyentuh musuh
3.Player menyentuh kunci

1.Player bergerak ke
kanan,kiri,lompat
2.Player menghilang dan
kembali keadaan awal
3. Kunci menghilang dan
masuk ke halaman Materi 2

1.OK
2.OK
3.OK

Materi 2

1.Klik tombol “Play”
2.Klik tombol “Pause”

1.OK
2.OK

Demonstrasi
2

1.Klik tombol “Play”
2.Klik tombol “Pause”

Latihan
terbimbing 2

1.Gambar “Jawaban” drag and
drop
2.Klik tombol “Next”

Latihan
Mandiri 2

1.Klik “Pilihan Jawaban”

Nilai 2

1. Teks berupa “Nilai”

Level 3

1.Keyboard panah kanan,
kiri,atas
2.Player menyentuh musuh
3.Player menyentuh kunci

1.Video mulai, jika video
selesai lanjut ke halaman
Demonstrasi 2
2.Video berhenti sejenak
1.Video mulai, jika video
selesai lanjut ke halaman
Latihan Terbimbing 2
2.Video berhenti sejenak
1.Jika Gambar Jawaban didrop tepat pada gambar
pertanyaan yang benar akan
muncul tombol “Next”
2.Masuk pada halaman
Latihan Mandiri 2
1.Jika mengeklik jawaban
akan mucul pertanyaan
berikutnya sebanyak
pertanyaan yang ada, setelah
selesai akan masuk halaman
Nilai 2
1. Jika nilai >= 60 akan
masuk ke halaman Materi 3,
jika nilai < 60 maka akan ke
mengulang ke halaman
Materi 2
1.Player bergerak ke
kanan,kiri,lompat
2.Player menghilang dan
kembali keadaan awal

1.OK
2.OK

1.OK
2.OK

1.OK

1.OK

1.OK
2.OK
3.OK

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

3. Kunci menghilang dan
masuk ke halaman Materi 3
Materi 3

1.Klik tombol “Play”
2.Klik tombol “Pause”

Demonstrasi
3

1.Klik tombol “Play”
2.Klik tombol “Pause”

Latihan
terbimbing 3

1.Gambar “Jawaban” drag and
drop
2.Klik tombol “Next”

Latihan
Mandiri 3

1.Klik “Pilihan Jawaban”

Nilai 3

1. Teks berupa “Nilai”

Evaluasi
Akhir

1.Klik “Pilihan Jawaban”

Nilai
Evaluasi

1. Teks berupa “Nilai”

1.Video mulai, jika video
selesai lanjut ke halaman
Demonstrasi 3
2.Video berhenti sejenak
1.Video mulai, jika video
selesai lanjut ke halaman
Latihan Terbimbing 3
2.Video berhenti sejenak
1.Jika Gambar Jawaban didrop tepat pada gambar
pertanyaan yang benar akan
muncul tombol “Next”
2.Masuk pada halaman
Latihan Mandiri 3
1.Jika mengeklik jawaban
akan mucul pertanyaan
berikutnya sebanyak
pertanyaan yang ada, setelah
selesai akan masuk halaman
Nilai3
1. Jika nilai >= 60 akan
masuk ke evaluasi akhir,
jika nilai < 60 maka akan ke
mengulang ke halaman
Materi 3
1.Jika mengeklik jawaban
akan mucul pertanyaan
berikutnya sebanyak
pertanyaan yang ada, setelah
selesai akan masuk halaman
Nilai Evaluasi
1. Jika nilai < 55 akan masuk
ke Materi 1, jika nilai < 70
akan masuk ke Materi 2 dan
jika nilai < 75 akan masuk
ke Materi 3, dan jika nilai
>=75akan selesai

1.OK
2.OK

1.OK
2.OK

1.OK
2.OK

1.OK

1.OK

1.OK

1.OK

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

PEDOMAN WAWANCARA UNTUK PENGAJAR

1.

Selama ini model apa yang bapak/ibu terapkan dalam menyampaikan materi
Pemrograman Web (boleh lebih dari satu jawaban)?
Demonstrasi
Simulasi
Ceramah
Explicit Instruction
Lain-lain …

2.

Apakah model pembelajaran tersebut sudah mampu memaksimalkan potensi belajar
siswa selama ini?
Sudah
Belum

3.

Kendala apa yang biasanya bapak/ibu temui dalam pembelajaran Pemrograman Web?
Media pembelajaran
Kondisi mahasiswa
Materi
Lain-lain …

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

4.

Apakah bapak/ibu menggunakan multimedia pembelajaran khusus untuk menyampaikan
materi Pemrograman Web?
Sudah
Belum
Jika sudah, jenis multimedia apa yang Anda gunakan?
Permainan
Percobaan
Problem Solving
Drill and Practice
Tutorial
Simulasi
Lain-lain (isi dalam kotak dibawah ini)

5.

Adakah titik lemah pada pembelajaran berbasis konsep dasar dari materi yang diajarkan
dan adakah rekomendasi untuk permasalahan tersebut?

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

ANGKET SURVEY LAPANGAN PEMBELAJARAN PEMROGRAMAN WEB
Tingkat Pemahaman
NO

Sistem Pembelajaran yang Ideal

Pokok Bahasan dan TIU
Sangat
Mudah

Mudah

Sedang

Sulit

Sangat
Sulit

Ceramah

Praktek

Teknologi Aplikasi Web
Berbasis Server

1

2

3

 Cara kerja aplikasi web
berbasis server
 Perangkat pengembangan
aplikasi web berbasis
server
 Pengenalan Pemrograman
Web Berbasis Teknologi
Server
Pemrograman Dasar Web
Dinamis
 Tipe data
 Variabel
 Operator
 Komentar
 Array 1 dan 2 dimensi
 Array asosiatif
Struktur Kontrol
 Percabangan (if, switch, dan
operator ?:)
 Perulangan (for, while, dowhile)
 Pernyataan break dan
continue dalam perulangan

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

Media
Pembelajaran

Tugas

Tingkat Pemahaman
NO

Pokok Bahasan dan TIU
Sangat
Mudah

4

5

6

7

Sistem Pembelajaran yang Ideal

Mudah

Sedang

Sulit

Sangat
Sulit

Ceramah

Praktek

Fungsi
 Prinsip fungsi dalam
pemrograman
 Teknik pembuatan dan
pemanggilan fungsi
 Parameter fungsi
Fungsi Standar
 Fungsi standar PHP untuk
operasi aritmatika, array
dan string
 Konversi data
Penanganan Input User
 Prinsip pengiriman data
pada aplikasi web
 Pengolahan input dari
form
 Pengolahan input dari
url/link
Operasi File
 Prinsip operasi file
 Pembacaan file
 Penulisan file
 File upload
 File download
 Mengelola file (salin,
pindah, hapus)
 Mengelola direktori (buat,
lihat isi, hapus)

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

Media
Pembelajaran

Tugas

Tingkat Pemahaman
NO

Pokok Bahasan dan TIU
Sangat
Mudah

8

9

Sistem Pembelajaran yang Ideal

Mudah

Sedang

Sulit

Sangat
Sulit

Ceramah

Praktek

Penanganan Error
 Prinsip penanganan error
 Teknik penanganan error
Pemrograman Basisdata
 Jenis-jenis operasi basis
data
 Pembuatan database
 Operasi DDL untuk tabel
 Operasi DML untuk
data/record 1 tabel dan
multi-tabel
 Export data
 Import data
 Prinsip pemrograman data
pada aplikasi basisdata
 Teknik penambahan data
 Teknik pencarian dan
penampilan data
 Teknik penghapusan data
 Teknik pengubahan data

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

Media
Pembelajaran

Tugas

Keterangan

Bandung, …………………….
Guru Mata Pelajaran

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

ANGKET SURVEY LAPANGAN
Pembelajaran Pemrograman Web
1.

Bagaimana pendapat Anda mengenai pembelajaran Pemrograman Web selama ini?
฀ Sangat Menarik
฀ Menarik
฀ Tidak Menarik
฀ Sangat Tidak Menarik

2.

Kendala apa yang Anda temui dalam pembelajaran Pemrograman Web?
฀ Materi
฀ Media pembelajaran (game, animasi,…)
฀ Model pembelajaran
฀ Lain-lain …

3.

Apakah selama pembelajaran Pemrograman Web telah menggunakan multimedia
pembelajaran?
฀ Sudah
฀ Belum
Jika sudah, multimedia pembelajaran apa? Jika belum, multimedia pembelajaran seperti
apa yang dibutuhkan?

4.

Materi apa yang sekiranya membutuhkan bantuan multimedia pembelajaran?

5.

Mengapa materi tersebut membutuhkan bantuan multimedia pembelajaran?

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

6.

Bagaimana pendapat Anda jika ada multimedia pembelajaran berbasis game untuk
pembelajaran Pemrograman Web?
฀ Sangat Menarik
฀ Menarik
฀ Tidak Menarik
฀ Sangat Tidak Menarik

Bandung,
………………….
Responden

Nuruly Firdaus, 2016
PENINGKATAN PEMAHAMAN KONSEP SISWA SMK MELALUI MULTIMEDIA GAME ADVENTURE DENGAN MODEL
EXPLICIT INSTRUCTION
Universitas Pendidikan Indonesia | repository.upi.edu | perpustakaan.upi.edu

ANGKET TANGGAPAN SISWA TERHADAP MULTIMEDIA GAME
ADVENTURE DENGAN MODEL EXPLICIT INSTRUCTION

Nama
Kelas
Petunjuk
1.
2.
3.
4.

:
:
:
Isi dengan lengkap dan benar identitas anda.
Bacalah setiap pertanyaan sebelum memberi nilai pada setiap nomor.
Lingkari pada kolom jawaban.
Angket ini tidak mempengaruhi apapun selain untuk kepentingan penelitian
semata.
5. Terima kasih atas kesediaan waktu dan tenaga untuk membantu penelitian ini.
Keterangan :
1 = Sangat Kurang
3 = Cukup
5 = Baik Sekali
2 = Kurang
4 = Baik
No
Aspek
Indikator
Penilaian
Aspek Rekayasa Perangkat Lunak
1
Multimedia mudah digunakan
1 2 3 4
Usable
2
Multimedia nyaman digunakan
1 2 3 4
3
Multimedia tidak mudah macet
1 2 3 4
Reliable
4
Selama digunakan tidak ada error
1 2 3 4
Kompatibilita Dapat diinstalasi/dijalankan di komputer lain
5
1 2 3 4
s
Aspek Pembelajaran
6
Respon multimedia mudah dipahami
1 2 3 4
Interaktivitas Multimedia merespon segala yang diperintahkan
7
1 2 3 4
pengguna
8
Memberikan semangat belajar
1 2 3 4
Motivasi
9
Menambah pengetahuan & pemahaman konsep
1 2 3 4
Materi sesuai dengan bahan pelajaran
10
1 2 3 4
Kesesuaian
pemrograman web
bidang studi
11
Pertanyaan atau soal – soal sesuai dengan materi 1 2 3 4
Aspek Komunikasi Visual
12
Tampilan dan komposisi warna mu