RANCANG BANGUN APLIKASI MEDIA PEMBELAJARAN
RANTAI MAKANAN
TUGAS AKHIR
Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata I Teknik
Informatika Universitas Muhammadiyah Malang
Oleh:
Isna Kusumawati
201110370311395
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITASMUHAMMADIYAH MALANG
2016
LEMBAR PERSEMBAHAN
Puji syukur kepada Allah SWT atas rahmat dan karunia-Nya sehingga saya dapat
menyelesaikan Tugas Akhir ini. Maka dari itu saya menyampaikan ucapan terima
kasih yang sebesar-besarnya kepada:
1. Allah SWT atas semua Rahmat dan Hidayah-Nya dan kelancaran dalam
menyelesaikan tugas akhir ini.
2. Kedua orang tua, Bapak Moch. Taib dan Ibu Ponisri dengan seluruh doa dan
dukungan yang tiada henti untuk anak-anaknya.
3. Adik kembarku Agus, Andra, dan seluruh doa saudara-saudara.
4. Dosen pembimbing Pak Zamah Sari, S.T, M.T dan Pak Yuda Munarko,
S.Kom, M.Sc yang telah membimbing dengan penuh kesabaran hingga
selesai.
5. Dosen penguji Ibu Gita Indah M., ST, M.Kom dan Ibu Nur Hayatin, S.ST,
M.Kom terimakasih.
6. Teman-teman yang saya cintai terutama Miss, Aisyah, dan teman-teman
kelas H terimakasih atas semangat dan dukungannya.
KATA PENGANTAR
Dengan memanjatkan segala puji syukur kehadirat Allah SWT. atas segala
limpahan rahmat dan hidayah-Nya sehingga peneliti dapat menyelesaikan Tugas
Akhir dengan baik dan benar yang berjudul:
“RANCANG BANGUN APLIKASI MEDIA PEMBELAJARAN
RANTAI MAKANAN”
Peneliti menyadari sepenuhnya bahwa dalam penulisan Tugas Akhir ini
masih banyak kekurangan dan keterbatasan. Oleh karena itu saya mengharapkan
saran yang membangun agar tulisan ini bermanfaat bagi perkembangan ilmu
pengetahuan kedepan.
Malang, 2016
Penulis
DAFTAR ISI
LEMBAR PERSETUJUAN ................................................................................. i
LEMBAR PENGESAHAN ................................................................................. ii
LEMBAR PERNYATAAN ................................................................................ iii
LEMBAR PERSEMBAHAN ............................................................................. iv
ABSTRAK ............................................................................................................. v
ABSTRACT ......................................................................................................... vi
KATA PENGANTAR ........................................................................................ vii
DAFTAR ISI ...................................................................................................... viii
DAFTAR GAMBAR ........................................................................................... xi
DAFTAR TABEL ............................................................................................. xiii
BAB I PENDAHULUAN ...................................................................................... 1
1.1 Latar Belakang Masalah .......................................................................... 2
1.2 Rumusan Masalah ................................................................................... 2
1.3 Tujuan ....................................................................................................... 2
1.4 Batasan Masalah ...................................................................................... 2
1.5 Metodologi ............................................................................................... 2
1.6 Sistematika Pembahasan .......................................................................... 3
BAB II LANDASAN TEORI ............................................................................... 5
2.1 Pengertian Pembelajaran .......................................................................... 5
2.2 Media ....................................................................................................... 5
2.2.1 Karakteristik Media ....................................................................... 6
2.2.2 Manfaat Media ............................................................................... 8
2.2.3 Jenis Media .................................................................................... 9
2.3 Pengertian Rantai Makanan ................................................................... 10
2.4 HTML5 ................................................................................................. 13
2.4.1 Animatron ................................................................................... 14
BAB III ANALISIS DAN PERANCANGAN ................................................... 16
3.1 Analisis Sistem ...................................................................................... 16
3.1.1 Analisis Masalah ......................................................................... 16
3.1.2 Analisis Kebutuhan Sistem .......................................................... 16
3.1.3 Analisis Kebutuhan User ............................................................. 17
3.2 Gambaran Sistem .................................................................................. 17
3.2.1 Gambaran Umum Sistem............................................................. 17
3.2.2 Flow Chart Sistem ....................................................................... 18
3.3 Perancangan Sistem ............................................................................... 18
3.3.1 Perancangan Program .................................................................. 19
3.3.2 Pembuatan Design ....................................................................... 20
3.3.3 Perancangan Antar Muka ............................................................ 22
3.3.3.1 Struktur Menu Utama ........................................................ 22
3.3.3.2 Perancangan Halaman Media ............................................ 23
3.3.3.3 Perancangan Halaman Help .............................................. 23
3.3.3.4 Perancangan Halaman Exit ................................................ 24
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM .............................. 25
4.1 Implementasi .......................................................................................... 25
4.2 Langkah-Langkah Pembuatan Animatron ............................................ 25
4.3 Implementasi Perangkat Keras dan Perangkat Lunak ........................... 29
4.3.1 Implementasi Perangkat Keras .................................................... 29
4.3.2 Implementasi Perangkat Lunak ................................................... 30
4.3.3 Implementasi Sistem ................................................................... 30
4.4 Pengujian Sistem .................................................................................. 32
4.4.1 Pengujian Terhadap User ............................................................ 30
4.5 Penilaian Sistem..................................................................................... 35
4.5.1 Penilaian Terhadap User ............................................................. 35
BAB V PENUTUP ............................................................................................... 38
5.1 Kesimpulan ............................................................................................ 38
5.2 Saran ...................................................................................................... 38
DAFTAR PUSTAKA .......................................................................................... 39
LAMPIRAN
DAFTAR GAMBAR
Gambar 2.1 Tingkatan Trofik ............................................................................... 11
Gambar3.1 FlowChart Menu Utama ..................................................................... 18
Gambar3.2 Diagram FSM Main Menu .................................................................. 19
Gambar3.3 Diagram FSM Menu Belajar ............................................................... 20
Gambar3.4 Perancangan Halaman Pertama ............................................................. 21
Gambar3.5 Perancangan Halaman Menu Utama ................................................... 22
Gambar3.6 Perancangan Halaman Media ............................................................. 23
Gambar3.7 Perancangan Halaman Help ................................................................ 23
Gambar 3.8 Perancangan Halaman Exit ............................................................... 24
Gambar 4.1 Halaman Awal Animatron ................................................................ 25
Gambar 4.2 Lembar Membuat Animasi................................................................ 26
Gambar 4.3 Import Animasi ................................................................................. 26
Gambar 4.4 Animasi Tersimpan ........................................................................... 26
Gambar 4.5 Gambar Tampil Halaman Awal ........................................................ 27
Gambar 4.6 Pilihan Menu dan Suara .................................................................... 27
Gambar 4.7 Menambah Background .................................................................... 27
Gambar 4.8 Background Tampil ........................................................................... 28
Gambar 4.9 Menambah Animasi Tumbuhan dan Gambar ................................... 28
Gambar 4.10 Menambah Hewan, Panah,dan Suara .............................................. 28
Gambar 4.11 Cara Download ................................................................................ 29
Gambar 4.12 Download ........................................................................................ 29
Gambar 4.13 Halaman Pertama ........................................................................... 30
Gambar 4.14 Pilihan Menu .................................................................................. 30
Gambar 4.15 Isi Menu Belajar ............................................................................. 31
Gambar 4.16 Menu Permainan ............................................................................. 31
Gambar 4.17Feedback........................................................................................... 31
Gambar 4.18Menu Help ........................................................................................ 32
Gambar 4.19 Grafik Hasil Belajar ........................................................................ 34
DAFTAR TABEL
Tabel 4.1 Pengujian Pertama ................................................................................ 32
Tabel 4.2 Hasil Pengujian Pertama ....................................................................... 33
Tabel 4.3 Pengujian Kedua ................................................................................... 33
Tabel 4.4 Hasil Pengujian Kedua .......................................................................... 34
Tabel 4.5 Prosentase Hasil Belajar........................................................................ 34
Tabel 4.6 Hasil Peningkatan Pengujian Pertama dan Pengujian Kedua ............... 35
Tabel 4.7 Hasil Pengujian Kuesioner Siswa ......................................................... 36
Tabel 4.8 Hasil Prosentase Kuesioner ................................................................... 36
LAMPIRAN
1. Surat penelitian
2. Lembar pengujian 1
3. Lembar pengujian 2
4. Lembar kuesioner guru
5. Lembar kuesioner siswa
DAFTAR PUSTAKA
[1] Bretz, Rudy. 1971. A Taxonomi of Communication Media. Education
Technology Publication, Englewood, Cliffs, N.J
[2] Daryanto. 2013. Media Pembelajaran Peranannyasangat penting Dalam
Mencapai Tujuan Pembelajaran. Yogyakarta: Gava Media
[3] Fried, George H & George J. Hademenos. (2005). Biologi Edisi Kedua.
Jakarta. Erlangga.
[4] Http://animatron.com, diakses pada tanggal 10 November 2015 pukul 12.21
wib.
[5] Http://www.jenis-media-pembelajaran.web.id, diakses pada tanggal 16
November 2015 pukul 08.01 wib.
[6] Nana Sudjana dan Ahmad Rivai. 2013. Media Pengajaran (Penggunaan dan
Pembuatannya) Bandung. Sinar Baru Algensindo
[7] Sukiman. 2012. Pengembangan Media Pembelajaran.Yogyakarta: Pustaka
Insan Madani