Académique Documents
Professionnel Documents
Culture Documents
PENDAHULUAN
(2008) dewasa ini dan masa yang akan datang, ilmu pengetahuan dan teknologi
dan kontribusi yang besar dalam mengubah pola dan tatanan kehidupan modern.
dan media bagi para masyarakat secara umum untuk mempelajari pengertian dan
penggunaan teknologi itu sendiri. Hal ini amat selaras dengan PP RI No. 19
Tahun 2005 tentang Standar Nasional Pendidikan Pasal 7 ayat (5), menyatakan
proses pembelajaran. Penelitian tersebut antara lain yang dilakukan oleh Francis
M. Dwyer. Hasil penelitian ini antara lain menyebutkan bahwa setelah lebih dari
1
2
tiga hari pada umumnya manusia dapat mengingat pesan yang disampaikan
sebagai media yang mempunyai potensi yang sangat besar dalam membantu
proses pembelajaran.
yang disebut juga dengan graphical user interface (GUI), baik berupa icon
maupun button, pop-up menu, scroll bar, dan lainnya yang dapat dioperasikan
oleh user untuk sarana browsing ke berbagai jendela informasi dengan bantuan
sarana hyperlink.
komputer dan juga munculnya media pembelajaran berbasis komputer yang dapat
pembelajaran interaktif ini dapat digunakan oleh para guru untuk menyampaikan
materi pelajaran lebih menarik kepada para siswa sehingga materi pelajaran dapat
Arsyad (2002), Media komputer dan internet cukup bagus untuk digunakan dalam
(Rahmat, 2008).
yang diajarkan oleh guru di kelas. Sumber materi berupa buku teks yang dibeli
4
oleh guru sebagai bahan referensi pembelajaran di kelas. Dengan demikian, guru
hanya dapat menyampaikan materi pelajaran berupa teks dan gambar yang
Penulis juga mengobservasi bahwa para siswa kini sudah terbiasa dalam
yang interaktif dan mencakup berbagai media. Namun, modul pembelajaran yang
interaktif masih sulit dalam hal pembuatan sehingga para guru mendapatkannya
tersebut.
Dengan latar belakang masalah tersebut, maka dengan ini penulis mengajukan
Berbasis Web (Studi Kasus : SMA Fatahillah Jakarta)” yang diharapkan para
guru dapat dengan mudah membuat modul pembelajaran yang interaktif dan para
b) Apa yang diperlukan seorang guru dalam modul pembelajaran agar dapat
pada:
c) Materi Pelajaran yang ditampilkan berupa huruf latin, gambar dan video.
Tujuan dari penelitian yang dilakukan oleh penulis adalah sebagai berikut
1. Bagi penulis
yang umum digunakan penelitian lainnya, metodologi yang digunakan antara lain:
1. Studi Pustaka
2. Studi Lapangan
guru.
adalah waterfall model yang kadang disebut classic life cycle (Royce, 1970),
sebagaimana yang dikutip oleh Roger Pressman (Pressman, 2010). Dimana ada
(pengumpulan kebutuhan).
balik).
8
BAB I : PENDAHULUAN
Bab ini berisi tentang landasan teori yang penulis gunakan dalam penyusunan
skripsi.
Pada bab ini menjelaskan mengenai analisis dan pembahasan yang dilakukan
BAB V : PENUTUP
Pada bab ini menjelaskan kesimpulan dari seluruh kegiatan yang telah
LANDASAN TEORI
2.1. Modul
disusun sedemikian rupa sehingga peserta diklat dapat belajar secara sistematis
dan bertahap untuk mencapai kompetensi kerja yang diinginkan (BPPK, 2009)
secara sistematis dan menarik untuk mencapai kompetensi yang diharapkan sesuai
Menurut Kamus Besar Bahasa Indonesia, Modul adalah komponen dari suatu
sistem yang berdiri sendiri, tetapi menunjang program dr sistem itu. Dalam
pengertian lain modul merupakan unit kecil dari satu pelajaran yang dapat
yang dapat dipelajari oleh murid dengan bantuan yang minimal dari guru
penyediaan materi pelajaran, alat yang dibutuhkan, serta alat untuk penilai,
yang menjadi alat atau sarana pembelajaran dan disusun secara sistematis dan
menarik sehingga dapat dijadikan alat untuk mengukur keberhasilan siswa dalam
9
10
terhadap semua situasi yang ada di sekitar individu, proses yang diarahkan
2010)
kata dasar “ajar” yang berarti petunjuk yang diberikan kepada orang supaya
diketahui (diturut) ditambah dengan awalan “pe” dan akhiran “an menjadi
Suatu sistem adalah suatu jaringan kerja dari prosedur yang saling
kerja yang saling berhubungan sedangkan sistem yang menekankan pada elemen
atau komponennya merupakan interaksi antar elemen untuk mencapai suatu tujuan
tertentu.
12
atau Computer assisted Learning – CAL). Dilihat dari situasi belajar dimana
komputer digunakan untuk tujuan menyajikan isi pelajaran, CAI bisa berbentuk
KARAKTERISTIK :
c) Adanya feedback.
pembelajaran.
13
KARAKTERISTIK :
proses.
KARAKTERISTIK :
b) Pertanyaan.
c) Respon jawaban.
KARAKTERSTIK :
yang dicapai.
e) Bersifat Imajinatif.
f) Bersifat menghibur.
adalah waterfall model yang kadang disebut classic life cycle (Royce, 1970),
sebagaimana yang dikutip oleh Pressman (2010). Dimana ada lima tahap
pengembangan, yaitu :
1. Communication (Komunikasi)
Gathering.
2. Planning (Perencanaan)
3. Modeling (Pemodelan)
4. Construction (Pembangunan)
5. Deployment (Pengembangan)
Communication
Project initiation
Planning
Estimating
Modeling
Analysis
Construction
Code
Deployment
Delivery
2.6. Multimedia
mencakup monitor video dan karya seni manusia sebagai bagian dari
16
melompat ke multimedia. Pada tahun 1994 diperkirakan ada lebih dari 700
menjadi :
1. Teks
terbiasa dengan teks. Teks merupakan dasar dari pengolahan kata dan
2. Image
Secara umum image atau grafik berarti still image seperti foto dan
3. Animasi
kesan gerakan.
4. Audio
suara efek (sound effect). Salah satu bentuk bunyi yang bisa digunakan
5. Video
6. Interactive Link
menekan mouse atau objek pada screen seperti button atau teks dan
2.7. Web
World Wide Web (WWW atau singkatnya web) adalah suatu ruang informasi
yang disebut Uniform Resource Identifier (URI) atau juga lebih dikenal dengan
istilah yang lebih populer yaitu Uniform Resource Locator (URL). WWW sering
hanyalah bagian dari internet. WWW juga dikenal dengan istilah situs internet
(Savana, 2010).
19
ERD adalah sebuah model data yang menggunakan beberapa notasi untuk
1.Entity / Entitas
Entity adalah sesuatu apa saja yang ada di dalam sistem, nyata maupun
abstrak dimana data tersimpan atau dimana terdapat data. Entity diberi nama
dengan kata benda dan dapat dikelompokkan dalam empat jenis nama, yaitu
2.Relationship / Hubungan
3.Atribut
Secara umum atribut adalah sifat atau karakteristik dari tiap entitas
4.Kardinalitas (Cardinality)
yang memberikan gambaran aliran dari satu tampilan ke tampilan lainnya. Dalam
Menurut Leod, Diagram Arus Data (Data Flow Diagram) adalah suatu
gambaran grafis dari suatu sistem yang menggunakan sejumlah bentuk simbol-
1. Terminator
segi empat.
2. Proses
berhubungan secara logis yang bergerak dari satu titik atau proses
1. Diagram Zero
dari sistem, hubungan entity, proses, data flow dan data store.
2. Diagram Konteks
web yang bersifat server-side scripting. PHP memungkinkan kita untuk membuat
halaman web yang bersifat dinamis. PHP dapat dijalankan pada berbagai macam
Operating System (OS), misalnya Windows, Linux dan Mac OS. Selain Apache,
PHP juga mendukung beberapa web server lain, misalnya Microsoft IIS,
database yang sering digunakan bersama PHP adalah MySQL. Namun PHP juga
ekstensi terbaru MySQL, pengembangan web services dengan SOAP dan REST,
Sama dengan web server lainnya PHP juga bersifat open source sehingga setiap
Inggris, SQL biasa dibaca sebagai SEQUEL atau ES-KYU–EL. Bahasa ini
2008).
Saat ini banyak perangkat lunak database yang menggunakan SQL sebagai
1. DB2
2. Ingres
3. Informix
4. ORACLE
5. Microsoft Access
6. MySQL
7. PostgreSQL
8. Rdb
9. Sybase
25
mulai tahun 1996 dan mendapatkan pengakuan dari W3C pada bulan
SGML.
ditandai dengan tag pembuka (diawali dengan ‘<’ dan diakhiri dengan ‘>’),
bedanya, HTML medefinisikan dari awal tag dan atribut yang dipakai
didalamnya, sedangkan pada XML kita bisa menggunakan tag dan atribut
<pesan>
<dari>MIS Manager</dari>
<buat>HRD Manager</buat>
<buat>Bagian rekrut</buat>
<buat>Computer Suport team</buat>
<subyek>Permohonan Tenaga kerja baru</subyek>
<isi>Mohon diberikan tenaga kerja baru untuk mengisi
lowongan di Departemen MIS</isi>
</pesan>
26
standard yang telah di tetapkan dalam XML. Tag-tag itu kita buat sendiri
sesuai keinginan kita. Sampai di sini XML tidak melakukan apapun. Yang
ada hanyalah informasi yang di kemas dengan tag-tag XML. Kita harus
informasi di dalamnya.
contoh apa bila kita ingin menyimpan dan menyajikan informasi notasi
musik pada lagu “Indonesia raya”, kita bisa menyimpannya dengan xml
kita bisa mendengarkan musiknya atau kita juga bisa membuat software
dalam hal kemampuannya menyimpan informasi dan data. Pada XML kita
bisa menyimpan data baik dalam atribut maupun sebagai isi elemen yang
Dalam satu dokumen XML hanya ada satu root node. Node-
dengan tag pembuka dan tag penutup, atau bisa juga sebuah tag
28
c) Attribute note termasuk nama dan nilai atribut ditulis pada tag
awal sebuah elemen atau pada tag tunggal. Text node, adalah
text yang merupakan isi dari sebuah elemen, ditulis diantara tag
Sebuah dokumen XML yang baik harus memiliki root tag. Yaitu tag yang
Contoh:
<root>
<child>
<subchild></subchild>
</child>
</root>
30
<p>paragraph pertama
<p>paragarap kedua
yang demikian tidak berlaku pada XML. Kita harus menulis pula tag
penutup untuk setiap tag yang kita buat. Penulisannya harus seperti ini
<p>paragraph pertama</p>
<p>paragarap kedua</p>
<anggota nama=”budi”/>
Pada XML, <tanggal> berbeda dengan <Tanggal>. Tag pembuka dan tag
Penulisan tag pada XML harus mengikuti aturan Last In First Out (LIFO).
seperti yang kita bahas terdahulu, pada XML kita tidak bisa membuat tag
<p><b>Huruf Tebal</p></b>
<p><b>Huruf tebal</b></p>
gambar dibawah:
2.15. XAMPP
XAMPP merupakan tool yang menyediakan paket perangkat lunak ke dalam satu
buah paket. Dengan menginstall XAMPP maka tidak perlu lagi melakukan
instalasi dan konfigurasi web server Apache, PHP dan MySQL secara manual.
2.16. MySQL
adalah sebuah sistem manajemen database yang bersifat open source. MySQL
adalah pasangan serasi dari PHP. MySQL dibuat dan dikembangkan oleh
dikelola dalam database akan diletakkan pada beberapa tabel yang terpisah
MySQL dapat digunakan untuk mengelola database mulai dari yang kecil
sampai dengan yang sangat besar. MySQL juga dapat menjalankan perintah-
2.17. PHPMyAdmin
mengetikkan baris-baris perintah yang sesuai (command line) untuk setiap maksud
tertentu. Jika anda ingin membuat database, ketikkan baris perintah yang sesuai
untuk membuat database. Jika kita ingin menghapus tabel, ketikkan baris perintah
yang sesuai untuk menghapus tabel. Hal tersebut tentu cukup menyulitkan karena
phpMyAdmin kita dapat membuat tabel, mengisi data dan lain-lain dengan mudah
langkahnya adalah : yang pertama setelah XAMP kita terinstall, kita harus
mengaktifkan web server Apache dan MySQL dari control panel XAMPP. Yang
kedua, jalankan browser kesayangan Anda (IE, Mozilla Firefox atau Opera) lalu
tekan Enter. Langkah ketiga apabila telah nampak interface (tampilan antar muka)
Flash adalah adalah salah satu software yang merupakan produk unggulan
pembuat animasi gambar vektor yang sangat diminati saat ini. Berkas yang
34
dihasilkan dari perangkat lunak ini mempunyai file extension *.swf dan dapat
diputar di penjelajah web yang telah dipasangi Flash Player. Flash menggunakan
yang merupakan produsen pembuat flash profesional kini telah merger dengan
adobe corp, perubahan terjadi pada macromedia flash series 9 menjadi Adobe
Flah CS3 pada April 16, 2007 ) merupakan tools yang dikembangkan untuk
membuat berbagai aplikasi berbasis internet. Pada awalnya, Flash yang dilengkapi
mendesain web menjadi lebih interaktif dengan berbagai macam animasi. Namun,
Seperti iklan banner, intro film, CD interactive, hingga pembuatan dan animasi.
Sebelum tahun 2005, Flash dirilis oleh Macromedia. Flash 1.0 diluncurkan
pada tahun 1996 setelah Macromedia membeli program animasi vektor bernama
ActionScript 3.0
Sedangkan versi flash yang digunakan oleh penulis adalah versi 9 atau
studi literatur hasil dari penelitian atau hasil penulisan karya ilmiah. Penelitian
pembelajaran kitab matnul ghoyah wat taqrib mengenai bab haji. Penelitian ini
difokuskan hanya untuk santri di pesantren luhur alhusna surabaya agar lebih
disampaikan secara Sorogan (santri bertatap muka dengan kyai satu persatu) dan
memberikan materi lebih variatif berupa teks, gambar, video dan suara
adalah pada saat itu belum banyak pihak yang memanfaatkan komputer untuk
peningkatan mutu dan kualitas ajar kepada siswa, kesulitan siswa dalam
memahami pelajaran melalui buku teks, sistem lama belum memiliki animasi
peraga dan terbatasnya latihan soal hanya dengan pilihan ganda. Sehingga mereka
alternative materi ajar yang diberikan pada siswa agar siswa tidak hanya
memahami materi pelajaran melalui buku teks saja melainkan disertai gambar dan
animasi peraga yang dapat membantu siswa dalam memahami materi. Penelitian
peraga dikarenakan mata pelajaran fisika terlihat sulit dan kurang menarik.
Belajar Kimia Siswa Sma Pokok Materi Sistem Koloid”. Penelitian ini berfokus
pada materi pelajaran kimia yaitu sistem koloid. Menurut Lestari, tujuan
penelitian ini adalah untuk mengetahui ada atau tidak adanya serta seberapa besar
pembelajaran dengan pendekatan CEP terhadap hasil belajar kimia siswa pokok
materi sistem koloid. Penelitian dilakukan kepada seluruh siswa kelas XI-IA SMA
Negeri 4 Semarang tahun pelajaran 2006/2007 yang berjumlah 244 siswa dan
terdiri dari 6 kelas. Hasil dari penelitian ini menunjukkan bahwa pemanfaatan
pendekatan CEP berpengaruh terhadap hasil belajar kimia siswa pokok materi
bangsa Indonesia yang harus dilestarikan. Tujuan dari penelitian ini adalah untuk
membantu pembelajaran aksara Jawa dengan pokok bahasan sejarah aksara Jawa
dalam cerita ajisaka, aksara carakan beserta pasangan, sandhangan, aksara murda,
aksara swara, aksara rekan, angka Jawa, tanda baca serta evaluasi yang
learning pembelajaran bahasa jepang untuk siswa sekolah dasar”. Fakta menarik
yang didapat penulis dari penelitian ini adalah bahwa kenyataannya bahwa bahasa
jepang dan bahasa Indonesia berasal dari satu bahasa yaitu bahasa sansekerta
sehingga menurut Liliana, dkk bahwa mempelajari bahasa jepang tidaklah sulit.
dengan target penelitian yaitu para siswa sekolah dasar, liliana, dkk mengemas
materi tersebut menggunakan computer aided learning sehingga para siswa dapat
komputer dapat meningkatkan minat siswa dan juga pemahaman siswa terhadap
METODOLOGI PENELITIAN
mendukung topik yang akan dibahas dalam penyusunan skripsi ini. Selain itu,
skripsi ini. Adapun daftar buku dan website yang menjadi referensi dalam
1. Observasi
40
41
2. Kuesioner
adalah waterfall model yang kadang disebut classic life cycle (Royce, 1970),
sebagaimana yang dikutip oleh Pressman (2010). Dimana ada lima tahap
pengembangan, yaitu :
gambaran umum tentang latar belakang sekolah, visi, misi dan tujuan
baru.
2) Desain Antarmuka
3) Desain Menu
Dalam desain sub menu ini, penulis merancang gambar sub menu
5) Desain Input
untuk user.
6) Desain Output
modeling dibangun menjadi sistem yang baru. Proses pembangunan sistem ini
didefinisikan.
dibangun. Proses ini menguji kinerja sistem apakah alur kerja dan hasil
Pada tahapan ini, sistem baru yang telah dibangun dikembangkan melalui
Pengumpulan data :
- Studi Pustaka
- Studi Lapangan
- Studi Literatur
Communications
Planning
Pengembangan
Modelling sistem
menggunakan
waterfall model
Construction
Deployment
Interaktif
BAB IV
detailnya :
Fatahillah yang diketuai KH. Ahfas Ars dan H. Nasarudin selaku ketua
badan pendiri.
Adapun sarana dan prasarana yang disiapkan pada saat itu adalah
lahan tanah seluas kurang lebih 2100 M3 dan luas bangunan kurang
dikeluarkan oleh Gubernur DKI Jakarta Kep. Dinas Tata Kota Provinsi
46
47
1. Visi
2. Misi
dimiliki.
3. Tujuan
perguruan tinggi
sekolah
22 Guru SMA Fatahillah Jakarta dan kuesioner yang kembali kepada penulis
adalah sebanyak 12. Hasil kuesioner akan dianalisa pada subbab modeling
di halaman lampiran.
49
4.2.1 Estimating
dan Test) akan memakan waktu selama 4 minggu dengan rincian pada sub
tahapan scheduling.
4.2.2 Scheduling
Minggu Ke-
Nama Kegiatan
1 2 3 4
Modeling
Analysis
Design
Construction
Code
Test
4.2.3 Tracking
pengembangan dengan daftar hari pada kalender pada bulan Februari 2010.
setelah diamati, hari libur nasional ada pada tanggal 14 Februari 2010
4.3.1 Analysis
utama yaitu :
lama (<5 Tahun < 10 Tahun dan > 10 Tahun). Dan sisanya 8 %
Jawaban Responden (12 Orang) <6 bulan < 1 Tahun < 5 Tahun < 10 Tahun > 10 Tahun
0 1 1 2 8
Jumlah Penjawab (Orang)
1 11
Persentase (%) 8 92
51
8
7
6
5
orang 4
3
2
1
0
<6 < 1 < 5 < 10 > 10
bulan Tahun Tahun Tahun Tahun
waktu
anda gunakan?”
diantaranya : internet (25%), alat peraga (50 %), dan flash (25%).
Persentase (%) 40 14 11 21 14
52
14%
buku
40%
kaset
21% ohp
power point
lainnya
11%
14%
satu)?”
Jawaban Responden (12 Orang) membeli teman membuat sendiri internet lainnya
Persentase (%) 32 8 32 28 0
9
8
jumlah responden
7
6
5
4
3
2
1
0
membeli teman membuat internet lainnya
sendiri
sumber
Persentase (%) 8 42 50
8%
sangat
cukup
50%
42% tidak
nomor 6.
100% 0%
harus ada, tidak perlu ada dan pilihan boleh ada atau tidak pada
sistem.
56
No Tingkat Kepentingan
Fitur Media Pembelajaran
penting kurang tidak
14 Petunjuk penggunaan 7 5 0
15 Profil pengguna 3 3 6
Keberadaan Fitur
No Fitur Media Pembelajaran
ada optional tidak
14 Petunjuk penggunaan x
15 Profil pengguna x
Sistem yang saat ini sedang berjalan adalah guru membeli ataupun
pembelajaran yang didapat masih berbentuk buku teks dan tidak semua
guru tidak sampai secara maksimal khususnya kepada siswa yang tidak
pelajaran tertentu.
hasil evaluasi.
59
GURU SISWA
mulai
1
Mendapatkan
media Materi Ajar
pembelajaran
2 1
Soal Evaluasi
Pemberian 4 Jawaban
Evaluasi
Evaluasi
Jawaban
Soal Evaluasi Evaluasi 4
Penilaian
3 Jawaban 5
Evaluasi
Nilai
Nilai
Selesai
5
Gambar 4.6 Workflow kegiatan guru dan siswa pada sistem yang berjalan
60
Data Modul
Template pembelajaran
interaktif
Buat
Modul
Download
modul
Modul
pembelajaran
Input interaktif
materi quiz (terkompresi)
Input Input
materi quiz
tidak
materi quiz
Selesai
menginput
ya
Modul
pembelajaran
interaktif
Gambar 4.7 Workflow kegiatan guru dan siswa pada sistem yang diusulkan
61
logout.
pada sistem.
ada.
mengenai sistem.
terhadap sistem.
1. Diagram Context
Input Modul
Input Login
4.0
Maintenance
Modul
Pembelajaran
Input Login
1.0 Input Login
Login
Input Artikel
Input User
Input Template
2.0 6.0
Maintenance 5.0
Download
User Maintenance Request Modul Siswa *
Modul
Artikel
Pembelajaran
Request Modul
3.0
Data
Maintenance
Template
Template Admin * Guru *
Data Login
Validasi
Data User
Data Artikel
5.1
Data Artikel
Input Artikel
Admin *
Data Artikel
5.2
Admin Data Artkel
Edit Artikel
5.3
ID Artikel
Delete Materi
ID Artikel
Data Modul
4.1.2
Edit Modul
Data Modul
Data Modul
Data
Template
Guru 4.1.1
Data Modul
Input Modul
Admin
Data Modul
ID Modul
Admin * ID Modul
ID Modul
4.1.4
4.1.3
ID Modul Cek Materi
Delete Modul
dan Quiz
Data Quiz
4.3.1
Data Quiz
Input Quiz
ID Modul
Data Modul
4.3.2
Admin Data Quiz
Edit Quiz
Data Quiz
Admin *
4.3.3
Id Quiz
Delete Quiz
ID Quiz
1. Perangkat Keras
b) Harddisk 40 GB
c) RAM 256 MB
d) Sound Card
e) VGA 64 MB
h) Lan Card
f) Text Editor
4.3.2 Design
Pada sub tahapan ini, penulis menerapkan hasil analisis dan rancangan
sistem yang telah dibuat pada sub tahapan sebelumnya. Dibagi menjadi
pesan
email
hari tanggal
jam
jawaban
gambar
nama
Isi_berita berita
1 counter
hubungi tanggal
judul
file foto
Id_user mengirim level
Id_hubungi
keterangan
Id_berita No_telp
tanggal
Pil_b Pil_c
nama Id_user alama
Pil_a
1 t
Pil_d m
Tgl_la
Pil_e Id_template 1
1 hir
Id_media Id_user
jawaban
Tmp_lahir
memiliki
Id_quiz
password
quiz memiliki email
1 jk
m
4.3.2.1 Perancangan Basis Data
media membuat
m m Nama_lengkap
1 Id_template
data memiliki Id_media
Static_content
gambar
judul Id_user
narasi
deskripsi tanggal publish
Id_data link
multimedia kelas
judul
isi status
tipe Nama_modul
subject aktif
pesan
email modul
Id_modul
urutan
tanggal
nama
testimonial
Id_testimonial
72
b) Spesifikasi Database
1. Tabel user
2. Tabel media
3. Tabel data
4. Tabel quiz
5. Tabel template
6. Tabel berita
7. Tabel testimonial
8. Tabel hubungi
9. Tabel modul
USER
Buat Modul
Edit Modul
Edit Artikel
USER
Buat Modul
Edit Modul
Edit Artikel
USER
Buat Modul
Edit Modul
Edit Artikel
USER
Buat Modul
Edit Modul
Edit Artikel
berupa data yang diketik sendiri oleh user, atau pun data yang
1. Form Login
Username
Password
Login
Judul
Deskripsi
Kelas V
Template V
Simpan
Judul
Isi Materi
Multimedia Browse
Narasi Browse
Simpan
Pertanyaan
Pilihan A
Pilihan B
Pilihan C
Pilihan D
Pilihan E
Jawaban V
Simpan
Judul
Isi Berita
Gambar Browse
Simpan
6. Form Testimonial
Nama
Subjek
Pesan
Send
7. Form hubungi
Nama
Subjek
Pesan
Send
Nama Modul
Modul Evaluasi
Deskripsi Modul
Logo
Profil Pembuat
Interaktif
84
Judul Materi
Modul Evaluasi
Penjelasan Materi
Multimedia
Halaman
Interaktif
EVALUASI
Modul Evaluasi
Pertanyaan
Pilihan A
Pilihan B
Pilihan C
Pilihan D
Pilihan E
Interaktif
85
4.4.1 Code
bahasa pemrograman PHP dan MySQL sebagai basis datanya. Untuk hasil
Adapun baris kode program yang penulis buat dapat dilihat pada bagian
4.4.2 Test
yang linier dan tidak adanya proses aritmatika maupun logika yang kompleks
didalam sehingga tidak diperlukan ujicoba yang terlalu dalam pada sistem.
Tujuan dari testing ini adalah melihat jenis masukan yang dapat diterima
sistem dan hasil keluaran yang dihasilkan sesuai dengan tujuan dari
pembuatan sistem. Hasil pengujian black box testing, seperti dapat dilihat
pada lampiran 5.
86
4.5.1 Delivery
4.5.2 Support
Dukungan berupa pemberian workshop dan pelatihan kepada para guru dalam
tanggal 10 April 2010 yang diikuti oleh 13 guru SMA Fatahillah Jakarta.
4.5.3 Feedback
feedback melalui formulir uji kelayakan sistem. Formulir uji kelayakan sistem
diisi oleh 13 guru yang mengikuti workshop. Berikut detail hasil uji
kelayakan sistem :
1. user friendly
0%
46% mudah
cukup mudah
54% kurang mudah
keseluruhan ?”
2. tampilan sistem
0%
31%
menarik
cukup menarik
tidak menarik
69%
3. pemilihan warna
0%
23%
menarik
cukup menarik
tidak menarik
77%
0%
38%
menarik
cukup menarik
0%
23%
jelas
cukup jelas
kurang jelas
77%
keseluruhan ?”
8% 23%
lengkap
cukup lengkap
tidak lengkap
69%
8% 0%
iya
kurang
tidak
92%
15% 0%
bagus
cukup bagus
tidak bagus
85%
PENUTUP
5.1 Kesimpulan
Bantu Modul Pembelajaran Interaktif Berbasis Web (studi kasus : SMA Fatahillah
a. Hasil dari penelitian ini adalah terciptanya alat bantu modul pembelajaran
sebagai alat bantu modul pembelajaran interaktif. Hasil uji dapat dilihat
pada bab 4.
5.2 Saran
modul pembelajaran yang lebih beragam seperti slide, gambar atau pdf.
93
Module Design Tool Web-Based Interactive Learning
(Case Study: Fatahillah SMA Jakarta)
Husni Teja Sukmana and Ahmad Zuhri Main
husniteja@uinjkt.ac.id , zuhriutama@gmail.com
Abstract
Media Education is Very Important for Teachers and Their students to reach goals. One is the best way for
supporting is to use multimedia and the Internet. We looked That there are A Few research try to create a
multimedia module in Their Class. However, from our observation, there still A Few studies focus on
making a general template for the multimedia module. It is very useful to create a general template,
Because it cans be Used for many discipline of knowledge, and it is manageable Also since this template
cans support sound, picture, and texts. We conduct a survey for getting a good analysis of what kind of
system That users need. Finally We design a general template and implement our design by using PHP,
MySQL the which bundled by using XAMPP.
11%
14% [6] conducted research on "The use of animation
and multimedia in learning software." Research
background at the time they are not many people
Figure 1 The medium used by teachers in high who use computers to improve the quality and
the quality of teaching to students, students'
school Fathatillah difficulties in understanding the lesson through
textbooks, the old system does not have an
On the other hand, computer technology has animated display and a limited exercise with
entered the world of education with the subjects multiple choice questions only. So that they do
of Information and Communication Technology
research in the use of animation and multimedia
(ICT) so that students have gained a basic
as alternative teaching materials given to
introduction to computers and also the
students to enable students not only understand
emergence of computer-based instructional
the subject matter through textbooks alone but
media that can be used by teachers to convey the
along with images and animated displays that
subject matter. This interactive learning module can assist students in understanding the
can be used by teachers to convey the subject material. This study focuses the subject matter of
matter more appealing to students so that course
physics that requires an animated demonstration
materials can be absorbed well.
due to be considered subjects of physics seem
difficult and less attractive. However, we see 3.1 Data Collection Method
that this research is still to be static, because it
only made specifically for one area of study, so The methods we use in data collection among
not very effective if we have to change into others, to study literature through books
another field of study. and websites. Besides, we also make
observations and direct interviews to determine
In the field of learning in the field of chemistry, a the extent to which the teachers and students use
study has been done by [7] This study focuses on computers as a teaching tool in high school
subject matter that is the system of colloidal Fatahillah Jakarta. Observations and interviews
chemistry. The study was conducted to students are done 1 (one) month from the date of 8
in grade XI-IA SMAN 4 Semarang 2006/2007 February to 7 March 2010. The questionnaire
school year which amounted to 244 students and was also distributed to obtain maximum results
consists of 6 classes (Figure 2 is a front view of in designing media that will be a general
the study). The results of this study indicate that template we made.
the use of Macromedia Flash MX as a medium
of CET on learning with the CEP approach
influence the chemistry student learn the subject 1. Systems Development Method
matter acceptable colloidal systems with a
Method of system development that writer used
contribution of 30.69%.
in this study is the waterfall model is sometimes
called the classic life-cycle [10], as quoted by
Roger Pressman [11] . Broadly speaking, the
design of this study can be seen in Figure 3.
Pengumpulan data :
- Studi Pustaka
- Studi Lapangan
- Studi Literatur
Similar studies done by [8, 9]. [8] focuses on Penentuan konsep dan hipotesis penelitian
learning to script Java. While [9] researching on
how to make Japanese language learning
becomes more interesting by using computer Pengembangan sistem menggunakan
waterfall model
aided learning.
3. RESEARCH METHODOLOGY
4. ANALYSIS AND DESIGN SYSTEM
Manajemen Berita
Manajemen Profil
Logout
Klik Menu Home
Masuk Halaman
USER
Buat Modul
Edit Modul
Halaman Utama
Buat
Artikel
Edit Artikel
5. IMPLEMENTATION
husniteja@uinjkt.ac.id, zuhriutama@gmail.com
ABSTRACT
Education media is very important for teachers and students to reach their goals. One the best way for supporting
is to use multimedia and internet. We looked that there are a few research try to create a multimedia module in
their class. However, from our observation, there still a few study focus on making a general template for
multimedia module. It is very useful to create general template, because it can be used for many discipline of
knowledge, and it is also manageable since this template can support sound, picture, and texts. We conduct a
survey for getting a good analysis what kind of system that users need. Finally we design a general template and
implement our design by using PHP, MySQL which bundled by using XAMPP.
Pengumpulan data :
- Studi Pustaka
- Studi Lapangan
- Studi Literatur
14 Petunjuk penggunaan x
15 Profil pengguna x
6. KESIMPULAN
REFERENSI