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