Institutional Repository | Satya Wacana Christian University: Aplikasi Pembelajaran IPA Berbasis Multimedia Interaktif Menggunakan HTML5 (Studi Kasus: SD Negeri 06 Salatiga)
Aplikasi Pembelajaran IPA Berbasis
Multimedia Interaktif Menggunakan HTML5
(Studi Kasus: SD Negeri 06 Salatiga)
TUGAS AKHIR
Diajukan kepada
Fakultas Teknologi Informasi
Untuk memperoleh Gelar Sarjana Komputer
Peneliti :
Wuri Pujayanti 672007146
Michael Bezaleel Wenas, S.Kom., M.Cs.
Adriyanto Juliastomo Gundo, S.Si., M.Pd.
Program Studi Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
Maret 2012
i
ii
Pernyataan
Tugas akhir yang berikut ini :
Judul
:
Aplikasi
Pembelajaran
IPA
Berbasis
Multimedia Interaktif Menggunakan HTML5
(Studi Kasus SDN 06 Salatiga).
Pembimbing
: 1. Michael Bezaleel Wenas, S.Kom., M.Cs.
2. Adriyanto Juliastomo Gundo, S.Si., M.Pd.
Adalah benar hasil karya saya :
Nama
: Wuri Pujayanti
Nim
: 672007146
Saya menyatakan tidak mengambil sebagian atau seluruhnya dari
hasil karya orang lain kecuali sebagaimana yang tertulis pada daftar
pustaka.
Pernyataan ini dibuat dengan sebenarnya sesuai dengan ketentuan
yang berlaku dalam penulisan karya ilmiah.
Salatiga, Maret 2012
Wuri Pujayanti
iii
Prakata
Puja dan puji syukur penulis panjatkan kepada Allah SWT
atas Rahmat dan Hidayah-Nya, penulis dapat menyelesaikan tugas
akhir yang berjudul “Aplikasi Pembelajaran IPA Berbasis
Multimedia Interaktif Menggunakan HTML5” ini. Tugas akhir
ini disusun untuk memenuhi persyaratan dalam memperoleh gelar
Sarjana Komputer pada Program Studi Teknik Informatika, Fakultas
Teknologi Informasi Universitas Kristen Stya Wacana Salatiga.
Tugas akhir ini dapat selesai berkat bantuan dari berbagai
pihak yang telah memberikan bimbingan, ide, dan berbagai
dukungan lainnya kepada penulis. Pada kesempatan ini penulis
mengucapkan terima kasih kepada :
1.
Bapak Andeka Rocky Tanamaah, S.E., M.Cs., selaku Dekan
Fakultas Teknologi Informasi Universitas Kristen Satya
Wacana Salatiga.
2.
Bapak Dian W. Chandra, S.Kom., M.Cs., selaku Ketua
Program Studi Teknik Informatika Fakultas Teknologi
Informasi Universitas Satya Wacana Salatiga.
3.
Bapak Michael Bezaleel Wenas, S.Kom., M.Cs., selaku
dosen pembimbing pertama yang selalu memberikan arahan
dan dukungan dalam penyelesaian laporan penelitian ini.
Terimakasih telah membimbing penulis dengan baik
sehingga laporan penelitian ini bisa selesai dengan baik.
4.
Bapak Adriyanto Juliastomo Gundo, S.Si., M.Pd., selaku
dosen pembimbing kedua dan selaku Koordinator KP/TA
Fakultas Teknologi Informasi, Universitas Kristen Satya
iv
Wacana, Salatiga. Terima kasih atas kesabarannya dalam
membimbing penulis, masukan-masukan yang sangat berarti
untuk
penulis,
serta
kata-kata
positif
yang
selalu
membangkitkan semangat penulis.
5.
Dosen-dosen pengajar dan asisten-asisten di FTI yang baik
secara langsung maupun tidak langsung telah bersama-sama
membagikan pengetahuannya kepada penulis.
6.
Petugas TU FTI yang selama ini telah banyak berjasa dalam
pelayanannya kepada mahasiswa.
7.
Pak Joko dan Pak Wagimin, terima kasih sudah membantu
sehingga laporan penelitian ini bisa selesai.
8.
Teman-teman di FTI angkatan 2007, angkatan sebelumnya
dan sesudahnya yang tidak dapat penulis sebutkan satu per
satu.
9.
Teman-teman
seperjuangan
sekaligus
sahabat-sahabat
terdekat, Novia, Etna, Rani, Danang, Anjas, Arya, Angga,
Rosa dan yang lain. Terima kasih atas semangat dan bantuan
yang selalu diberikan. “Luv u all ^^”.
10.
Kakak-kakakq koh Mike, kak Rici Lozano, kak abet, kak
Dian. Terima kasih semua bantuan dan semangat yang
diberikan sehingga laporan penelitian cepat selesai dan
mendapatkan hasil yang terbaik.
11.
Seseorang yang selalu membuat saya tersenyum dan bahagia,
semangat dan doanya juga.
12.
Yang tersayang Bapak, Ibuk, Dawis, dan semua keluarga
yang selalu memberikan doa dan dukungan. Semoga Allah
v
senantiasa memberikan kesehatan dan umur panjang, betapa
besar pengorbanan dan usaha yang diberikan kepada penulis.
Penulis menyadari pembuatan tugas akhir ini masih belum
sempurna. Oleh karena itu, kritik dan saran yang membangun sangat
penulis
harapkan
dalam
pengembangan
laporan
penelitian
khususnya, dan dalam pengembangan ilmu pengetahuan ke
depannya.
Salatiga, Maret 2012
Wuri Pujayanti
vi
Daftar Isi
Halaman Judul .............................................................................
Lembar Pengesahan ....................................................................
Halaman Pernyataan ...................................................................
Prakata ..........................................................................................
Daftar Isi .......................................................................................
Daftar Tabel .................................................................................
Daftar Gambar ............................................................................
Kode Program ..............................................................................
Lampiran ......................................................................................
Abstract ..........................................................................................
i
ii
iii
iv
viii
x
xi
xiii
xiv
xv
Bab 1 Pendahuluan ......................................................................
1.1 Latar Belakang .............................................................
1.2 Rumusan Masalah ........................................................
1.3 Tujuan dan Manfaat .....................................................
1.4 Batasan Masalah ..........................................................
1.5 Sistematika Penulisan...................................................
1
1
3
3
4
4
Bab 2 Tinjauan Pustaka ..............................................................
2.1 Penelitian Terdahulu ....................................................
2.2 Multimedia....................................................................
2.2.1 Multimedia Pembelajaran ..................................
2.2.2 Multimedia Interaktif .........................................
2.2.3 Unsur-unsur Pendukung dalam Multimedia ......
2.2.4 Manfaat Multimedia Pembelajaran ....................
2.3 HTML5.........................................................................
2.4 Pengertian Tata Surya...................................................
2.4.1 Matahari sebagai Pusat Tata Surya ....................
2.4.2 Planet-planet.......................................................
2.4.3 Orbit Tata Surya .................................................
2.4.4 Gerhana Matahari ...............................................
2.4.5 Gerhana Bulan....................................................
2.4.6 Meteor dan Meteoroid .......................................
2.4.7 Sistem Penanggalan ...........................................
2.5 Profil SD Negeri Salatiga 06 ........................................
7
7
8
9
9
10
11
11
12
12
12
13
13
13
14
14
14
vii
Bab 3 Metode Perancangan Sistem ...........................................
3.1 Metode Perancangan Sistem ........................................
3.1.1 Kebutuhan Sistem ..............................................
3.2 Perancangan Sistem......................................................
3.2.1 Use Case Diagram .............................................
3.2.2 Activity Diagram ................................................
3.2.3 Sequence Diagram..............................................
3.2.4 Class Diagram....................................................
3.3 Desain Antarmuka........................................................
3.3.1 Rancangan Antarmuka Halaman Utama ............
3.3.2 Rancangan Antarmuka Halaman Pengenalan
Planet .................................................................
3.3.3 Rancangan Antarmuka Halaman Orbit Tata
Surya ..................................................................
3.3.4 Rancangan Antarmuka Halaman Gerhana .........
3.3.5 Rancangan Antarmuka Halaman Meteor ...........
3.3.6 Rancangan Antarmuka Halaman Sistem
Penanggalan .......................................................
3.3.7 Rancangan Antarmuka Halaman Bantuan .........
17
17
19
19
20
21
22
27
28
28
Bab 4 Hasil dan Pembahasan......................................................
4.1 Prototype ......................................................................
4.2 Implementasi Sistem ....................................................
4.2.1 Implementasi Halaman Utama ...........................
4.2.2 Implementasi Halaman Pengenalan Planet ........
4.2.3 Implementasi Halaman Orbit Tata Surya...........
4.2.4 Implementasi Halaman Gerhana ........................
4.2.5 Implementasi Halaman Meteor ..........................
4.2.6 Implementasi Halaman sistem Penanggalan ......
4.3 Pengujian ......................................................................
4.3.1 Pengujian pada User............................................
37
37
52
52
55
57
58
59
59
60
60
29
30
31
32
33
34
Bab 5 Kesimpulan dan Saran ..................................................... 65
5.1 Kesimpulan................................................................... 65
5.2 Saran............................................................................. 65
Daftar Pustaka ............................................................................. xvi
viii
Daftar Tabel
Tabel 4.1 Tabel Perbandingan Nilai Kelas VI A ........................ 61
Tabel 4.2 Tabel Perbandingan Nilai Kelas VI B......................... 63
ix
Daftar Gambar
Gambar 3.1
Gambar 3.2
Gambar 3.3
Gambar 3.4
Gambar 3.5
Gambar 3.6
Gambar 3.7
Gambar 3.8
Gambar 3.9
Gambar 3.10
Gambar 3.11
Gambar 3.12
Gambar 3.13
Gambar 3.14
Gambar 3.15
Gambar 3.16
Gambar 4.1
Gambar 4.2
Gambar 4.3
Gambar 4.4
Gambar 4.5
Gambar 4.6
Gambar 4.7
Gambar 4.8
Gambar 4.9
Gambar 4.10
Gambar 4.11
Gambar 4.12
Gambar 4.13
Gambar 4.14
Gambar 4.15
Gambar 4.16
Gambar 4.17
Gambar 4.18
Metode Perancangan Sistem ................................
Use Case Diagram Sistem ...................................
Activity Diagram User..........................................
Sequence Diagram Pengenalan Planet.................
Sequence Diagram Orbit Tata Surya....................
Sequence Diagram Gerhana.................................
Sequence Diagram Meteor ..................................
Sequence Diagram Sistem Penanggalan...............
Class Diagram Aplikasi........................................
Rancangan Antarmuka Halaman Utama ..............
Rancangan Antarmuka Halaman Pengenalan
Planet....................................................................
Rancangan Antarmuka Halaman Orbit Tata
Surya.....................................................................
Rancangan Antarmuka Halaman Gerhana ...........
Rancangan Antarmuka Halaman Meteor .............
Rancangan Antarmuka Halaman Sistem
Penanggalan..........................................................
Rancangan Antarmuka Halaman Bantuan............
Prototype 1 Halaman Utama................................
Prototype 1 Halaman Pengenalan Planet .............
Prototype 1 Halaman Orbit Tata Surya................
Prototype 1 Halaman Gerhana .............................
Prototype 1 Halaman Meteor ...............................
Prototype 1 Halaman Sistem Penanggalan ..........
Prototype 2 Halaman Utama................................
Prototype 2 Halaman Pengenalan Planet..............
Prototype 2 Halaman Orbit Tata Surya................
Prototype 3 Halaman Utama................................
Prototype 3 Halaman Pengenalan Planet..............
Prototype 4 Halaman Utama................................
Prototype 4 Halaman Pengenalan Planet .............
Prototype 4 Halaman Orbit Tata Surya................
Prototype 4 Halaman Gerhana .............................
Prototype 5 Halaman Utama................................
Prototype 5 Halaman Pengenalan Planet .............
Prototype 5 Halaman Orbit Tata Surya................
x
17
20
22
23
24
25
26
27
27
28
30
31
32
33
34
35
37
38
38
39
39
40
41
41
42
43
44
45
46
47
47
48
49
49
Gambar 4.19
Gambar 4.20
Gambar 4.21
Gambar 4.22
Gambar 4.23
Gambar 4.24
Gambar 4.25
Gambar 4.26
Gambar 4.27
Prototype 5 Halaman Gerhana .............................
Prototype 5 Halaman Meteor ...............................
Prototype 5 Halaman Sistem Penanggalan ..........
Tampilan Halaman Utama ...................................
Tampilan Halaman Pengenalan Planet.................
Tampilan Halaman Orbit Tata Surya ...................
Tampilan Halaman Gerhana.................................
Tampilan Halaman Meteor...................................
Tampilan Halaman Sistem Penanggalan..............
xi
50
51
51
53
55
57
58
59
60
Kode Program
Kode Program 4.1
Kode Program 4.2
Kode Program 4.3
Kode Program 4.4
Pembuatan Canvas ........................................
Halaman Utama.............................................
Tampilan Pengenalan Planet .........................
Halaman Orbit Tata Surya ............................
xii
53
54
56
57
Lampiran
Lampiran 1
Surat Keterangan SDN Salatiga 06.................. xviii
Lampiran 2
Angket Wanwancara Guru SDN 06 Salatiga ..
xix
Lampiran 3
Surat Pernyataan Guru SDN 06 Salatiga.........
xx
Lampiran 4
Wanwancara Kebutuhan Aplikasi kepada
Guru Kelas VI SDN 06 Salatiga......................`
xxi
Wawancara Aplikasi Revisi 1 kepada Guru
Kelas VI SDN 06 Salatiga...............................
xxii
Wawancara Aplikasi Revisi 2 kepada Guru
Kelas VI SDN 06 Salatiga...............................
xxiii
Wawancara Aplikasi Revisi 3 kepada Guru
Kelas VI SDN 06 Salatiga...............................
xxiv
Wawancara Aplikasi Revisi 4 kepada Guru
Kelas VI SDN 06 Salatiga...............................
xxv
Wawancara Aplikasi Revisi 5 kepada Guru
Kelas VI SDN 06 Salatiga...............................
xxvi
Lampiran 5
Lampiran 6
Lampiran 7
Lampiran 8
Lampiran 9
Lampiran 10
Wawancara Aplikasi Revisi 6 kepada Guru
Kelas VI SDN 06 Salatiga............................... xxvii
xiii
Abstract
Technology facilities such as computer, LCD and Wi-Fi are
available in SDN 6 Salatiga. Based on the research, the teaching
process of solar system is still conventional. Students understanding
then become less maximum hence influence the learning result in the
classroom. The aim of this study is to build an interactive
multimedia-based learning application. The solar system learning
application of planets introduction as well as its details is built
using HTML5 technology an implemented in the web application.
This application design uses prototyping and developed according
to the result and evaluation in order to provide benefits for the
users. This application helps teachers in delivering subject about
solar system, especially the planets introduction and details
information about each planet. The implementation of interactive
multimedia-based applications using HTML5 can increase the
learning value outcomes of student class VI at SDN 6 Salatiga.
Keywords: HTML5, Multimedia, Solar system
xiv
Multimedia Interaktif Menggunakan HTML5
(Studi Kasus: SD Negeri 06 Salatiga)
TUGAS AKHIR
Diajukan kepada
Fakultas Teknologi Informasi
Untuk memperoleh Gelar Sarjana Komputer
Peneliti :
Wuri Pujayanti 672007146
Michael Bezaleel Wenas, S.Kom., M.Cs.
Adriyanto Juliastomo Gundo, S.Si., M.Pd.
Program Studi Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
Maret 2012
i
ii
Pernyataan
Tugas akhir yang berikut ini :
Judul
:
Aplikasi
Pembelajaran
IPA
Berbasis
Multimedia Interaktif Menggunakan HTML5
(Studi Kasus SDN 06 Salatiga).
Pembimbing
: 1. Michael Bezaleel Wenas, S.Kom., M.Cs.
2. Adriyanto Juliastomo Gundo, S.Si., M.Pd.
Adalah benar hasil karya saya :
Nama
: Wuri Pujayanti
Nim
: 672007146
Saya menyatakan tidak mengambil sebagian atau seluruhnya dari
hasil karya orang lain kecuali sebagaimana yang tertulis pada daftar
pustaka.
Pernyataan ini dibuat dengan sebenarnya sesuai dengan ketentuan
yang berlaku dalam penulisan karya ilmiah.
Salatiga, Maret 2012
Wuri Pujayanti
iii
Prakata
Puja dan puji syukur penulis panjatkan kepada Allah SWT
atas Rahmat dan Hidayah-Nya, penulis dapat menyelesaikan tugas
akhir yang berjudul “Aplikasi Pembelajaran IPA Berbasis
Multimedia Interaktif Menggunakan HTML5” ini. Tugas akhir
ini disusun untuk memenuhi persyaratan dalam memperoleh gelar
Sarjana Komputer pada Program Studi Teknik Informatika, Fakultas
Teknologi Informasi Universitas Kristen Stya Wacana Salatiga.
Tugas akhir ini dapat selesai berkat bantuan dari berbagai
pihak yang telah memberikan bimbingan, ide, dan berbagai
dukungan lainnya kepada penulis. Pada kesempatan ini penulis
mengucapkan terima kasih kepada :
1.
Bapak Andeka Rocky Tanamaah, S.E., M.Cs., selaku Dekan
Fakultas Teknologi Informasi Universitas Kristen Satya
Wacana Salatiga.
2.
Bapak Dian W. Chandra, S.Kom., M.Cs., selaku Ketua
Program Studi Teknik Informatika Fakultas Teknologi
Informasi Universitas Satya Wacana Salatiga.
3.
Bapak Michael Bezaleel Wenas, S.Kom., M.Cs., selaku
dosen pembimbing pertama yang selalu memberikan arahan
dan dukungan dalam penyelesaian laporan penelitian ini.
Terimakasih telah membimbing penulis dengan baik
sehingga laporan penelitian ini bisa selesai dengan baik.
4.
Bapak Adriyanto Juliastomo Gundo, S.Si., M.Pd., selaku
dosen pembimbing kedua dan selaku Koordinator KP/TA
Fakultas Teknologi Informasi, Universitas Kristen Satya
iv
Wacana, Salatiga. Terima kasih atas kesabarannya dalam
membimbing penulis, masukan-masukan yang sangat berarti
untuk
penulis,
serta
kata-kata
positif
yang
selalu
membangkitkan semangat penulis.
5.
Dosen-dosen pengajar dan asisten-asisten di FTI yang baik
secara langsung maupun tidak langsung telah bersama-sama
membagikan pengetahuannya kepada penulis.
6.
Petugas TU FTI yang selama ini telah banyak berjasa dalam
pelayanannya kepada mahasiswa.
7.
Pak Joko dan Pak Wagimin, terima kasih sudah membantu
sehingga laporan penelitian ini bisa selesai.
8.
Teman-teman di FTI angkatan 2007, angkatan sebelumnya
dan sesudahnya yang tidak dapat penulis sebutkan satu per
satu.
9.
Teman-teman
seperjuangan
sekaligus
sahabat-sahabat
terdekat, Novia, Etna, Rani, Danang, Anjas, Arya, Angga,
Rosa dan yang lain. Terima kasih atas semangat dan bantuan
yang selalu diberikan. “Luv u all ^^”.
10.
Kakak-kakakq koh Mike, kak Rici Lozano, kak abet, kak
Dian. Terima kasih semua bantuan dan semangat yang
diberikan sehingga laporan penelitian cepat selesai dan
mendapatkan hasil yang terbaik.
11.
Seseorang yang selalu membuat saya tersenyum dan bahagia,
semangat dan doanya juga.
12.
Yang tersayang Bapak, Ibuk, Dawis, dan semua keluarga
yang selalu memberikan doa dan dukungan. Semoga Allah
v
senantiasa memberikan kesehatan dan umur panjang, betapa
besar pengorbanan dan usaha yang diberikan kepada penulis.
Penulis menyadari pembuatan tugas akhir ini masih belum
sempurna. Oleh karena itu, kritik dan saran yang membangun sangat
penulis
harapkan
dalam
pengembangan
laporan
penelitian
khususnya, dan dalam pengembangan ilmu pengetahuan ke
depannya.
Salatiga, Maret 2012
Wuri Pujayanti
vi
Daftar Isi
Halaman Judul .............................................................................
Lembar Pengesahan ....................................................................
Halaman Pernyataan ...................................................................
Prakata ..........................................................................................
Daftar Isi .......................................................................................
Daftar Tabel .................................................................................
Daftar Gambar ............................................................................
Kode Program ..............................................................................
Lampiran ......................................................................................
Abstract ..........................................................................................
i
ii
iii
iv
viii
x
xi
xiii
xiv
xv
Bab 1 Pendahuluan ......................................................................
1.1 Latar Belakang .............................................................
1.2 Rumusan Masalah ........................................................
1.3 Tujuan dan Manfaat .....................................................
1.4 Batasan Masalah ..........................................................
1.5 Sistematika Penulisan...................................................
1
1
3
3
4
4
Bab 2 Tinjauan Pustaka ..............................................................
2.1 Penelitian Terdahulu ....................................................
2.2 Multimedia....................................................................
2.2.1 Multimedia Pembelajaran ..................................
2.2.2 Multimedia Interaktif .........................................
2.2.3 Unsur-unsur Pendukung dalam Multimedia ......
2.2.4 Manfaat Multimedia Pembelajaran ....................
2.3 HTML5.........................................................................
2.4 Pengertian Tata Surya...................................................
2.4.1 Matahari sebagai Pusat Tata Surya ....................
2.4.2 Planet-planet.......................................................
2.4.3 Orbit Tata Surya .................................................
2.4.4 Gerhana Matahari ...............................................
2.4.5 Gerhana Bulan....................................................
2.4.6 Meteor dan Meteoroid .......................................
2.4.7 Sistem Penanggalan ...........................................
2.5 Profil SD Negeri Salatiga 06 ........................................
7
7
8
9
9
10
11
11
12
12
12
13
13
13
14
14
14
vii
Bab 3 Metode Perancangan Sistem ...........................................
3.1 Metode Perancangan Sistem ........................................
3.1.1 Kebutuhan Sistem ..............................................
3.2 Perancangan Sistem......................................................
3.2.1 Use Case Diagram .............................................
3.2.2 Activity Diagram ................................................
3.2.3 Sequence Diagram..............................................
3.2.4 Class Diagram....................................................
3.3 Desain Antarmuka........................................................
3.3.1 Rancangan Antarmuka Halaman Utama ............
3.3.2 Rancangan Antarmuka Halaman Pengenalan
Planet .................................................................
3.3.3 Rancangan Antarmuka Halaman Orbit Tata
Surya ..................................................................
3.3.4 Rancangan Antarmuka Halaman Gerhana .........
3.3.5 Rancangan Antarmuka Halaman Meteor ...........
3.3.6 Rancangan Antarmuka Halaman Sistem
Penanggalan .......................................................
3.3.7 Rancangan Antarmuka Halaman Bantuan .........
17
17
19
19
20
21
22
27
28
28
Bab 4 Hasil dan Pembahasan......................................................
4.1 Prototype ......................................................................
4.2 Implementasi Sistem ....................................................
4.2.1 Implementasi Halaman Utama ...........................
4.2.2 Implementasi Halaman Pengenalan Planet ........
4.2.3 Implementasi Halaman Orbit Tata Surya...........
4.2.4 Implementasi Halaman Gerhana ........................
4.2.5 Implementasi Halaman Meteor ..........................
4.2.6 Implementasi Halaman sistem Penanggalan ......
4.3 Pengujian ......................................................................
4.3.1 Pengujian pada User............................................
37
37
52
52
55
57
58
59
59
60
60
29
30
31
32
33
34
Bab 5 Kesimpulan dan Saran ..................................................... 65
5.1 Kesimpulan................................................................... 65
5.2 Saran............................................................................. 65
Daftar Pustaka ............................................................................. xvi
viii
Daftar Tabel
Tabel 4.1 Tabel Perbandingan Nilai Kelas VI A ........................ 61
Tabel 4.2 Tabel Perbandingan Nilai Kelas VI B......................... 63
ix
Daftar Gambar
Gambar 3.1
Gambar 3.2
Gambar 3.3
Gambar 3.4
Gambar 3.5
Gambar 3.6
Gambar 3.7
Gambar 3.8
Gambar 3.9
Gambar 3.10
Gambar 3.11
Gambar 3.12
Gambar 3.13
Gambar 3.14
Gambar 3.15
Gambar 3.16
Gambar 4.1
Gambar 4.2
Gambar 4.3
Gambar 4.4
Gambar 4.5
Gambar 4.6
Gambar 4.7
Gambar 4.8
Gambar 4.9
Gambar 4.10
Gambar 4.11
Gambar 4.12
Gambar 4.13
Gambar 4.14
Gambar 4.15
Gambar 4.16
Gambar 4.17
Gambar 4.18
Metode Perancangan Sistem ................................
Use Case Diagram Sistem ...................................
Activity Diagram User..........................................
Sequence Diagram Pengenalan Planet.................
Sequence Diagram Orbit Tata Surya....................
Sequence Diagram Gerhana.................................
Sequence Diagram Meteor ..................................
Sequence Diagram Sistem Penanggalan...............
Class Diagram Aplikasi........................................
Rancangan Antarmuka Halaman Utama ..............
Rancangan Antarmuka Halaman Pengenalan
Planet....................................................................
Rancangan Antarmuka Halaman Orbit Tata
Surya.....................................................................
Rancangan Antarmuka Halaman Gerhana ...........
Rancangan Antarmuka Halaman Meteor .............
Rancangan Antarmuka Halaman Sistem
Penanggalan..........................................................
Rancangan Antarmuka Halaman Bantuan............
Prototype 1 Halaman Utama................................
Prototype 1 Halaman Pengenalan Planet .............
Prototype 1 Halaman Orbit Tata Surya................
Prototype 1 Halaman Gerhana .............................
Prototype 1 Halaman Meteor ...............................
Prototype 1 Halaman Sistem Penanggalan ..........
Prototype 2 Halaman Utama................................
Prototype 2 Halaman Pengenalan Planet..............
Prototype 2 Halaman Orbit Tata Surya................
Prototype 3 Halaman Utama................................
Prototype 3 Halaman Pengenalan Planet..............
Prototype 4 Halaman Utama................................
Prototype 4 Halaman Pengenalan Planet .............
Prototype 4 Halaman Orbit Tata Surya................
Prototype 4 Halaman Gerhana .............................
Prototype 5 Halaman Utama................................
Prototype 5 Halaman Pengenalan Planet .............
Prototype 5 Halaman Orbit Tata Surya................
x
17
20
22
23
24
25
26
27
27
28
30
31
32
33
34
35
37
38
38
39
39
40
41
41
42
43
44
45
46
47
47
48
49
49
Gambar 4.19
Gambar 4.20
Gambar 4.21
Gambar 4.22
Gambar 4.23
Gambar 4.24
Gambar 4.25
Gambar 4.26
Gambar 4.27
Prototype 5 Halaman Gerhana .............................
Prototype 5 Halaman Meteor ...............................
Prototype 5 Halaman Sistem Penanggalan ..........
Tampilan Halaman Utama ...................................
Tampilan Halaman Pengenalan Planet.................
Tampilan Halaman Orbit Tata Surya ...................
Tampilan Halaman Gerhana.................................
Tampilan Halaman Meteor...................................
Tampilan Halaman Sistem Penanggalan..............
xi
50
51
51
53
55
57
58
59
60
Kode Program
Kode Program 4.1
Kode Program 4.2
Kode Program 4.3
Kode Program 4.4
Pembuatan Canvas ........................................
Halaman Utama.............................................
Tampilan Pengenalan Planet .........................
Halaman Orbit Tata Surya ............................
xii
53
54
56
57
Lampiran
Lampiran 1
Surat Keterangan SDN Salatiga 06.................. xviii
Lampiran 2
Angket Wanwancara Guru SDN 06 Salatiga ..
xix
Lampiran 3
Surat Pernyataan Guru SDN 06 Salatiga.........
xx
Lampiran 4
Wanwancara Kebutuhan Aplikasi kepada
Guru Kelas VI SDN 06 Salatiga......................`
xxi
Wawancara Aplikasi Revisi 1 kepada Guru
Kelas VI SDN 06 Salatiga...............................
xxii
Wawancara Aplikasi Revisi 2 kepada Guru
Kelas VI SDN 06 Salatiga...............................
xxiii
Wawancara Aplikasi Revisi 3 kepada Guru
Kelas VI SDN 06 Salatiga...............................
xxiv
Wawancara Aplikasi Revisi 4 kepada Guru
Kelas VI SDN 06 Salatiga...............................
xxv
Wawancara Aplikasi Revisi 5 kepada Guru
Kelas VI SDN 06 Salatiga...............................
xxvi
Lampiran 5
Lampiran 6
Lampiran 7
Lampiran 8
Lampiran 9
Lampiran 10
Wawancara Aplikasi Revisi 6 kepada Guru
Kelas VI SDN 06 Salatiga............................... xxvii
xiii
Abstract
Technology facilities such as computer, LCD and Wi-Fi are
available in SDN 6 Salatiga. Based on the research, the teaching
process of solar system is still conventional. Students understanding
then become less maximum hence influence the learning result in the
classroom. The aim of this study is to build an interactive
multimedia-based learning application. The solar system learning
application of planets introduction as well as its details is built
using HTML5 technology an implemented in the web application.
This application design uses prototyping and developed according
to the result and evaluation in order to provide benefits for the
users. This application helps teachers in delivering subject about
solar system, especially the planets introduction and details
information about each planet. The implementation of interactive
multimedia-based applications using HTML5 can increase the
learning value outcomes of student class VI at SDN 6 Salatiga.
Keywords: HTML5, Multimedia, Solar system
xiv