Institutional Repository | Satya Wacana Christian University: Perancangan dan Implementasi Animasi Pengenalan Berbagai Kejadian Alam
PERANCANGAN DAN IMPLEMENTASI
ANIMASI PENGENALAN BERBAGAI
KEJADIAN ALAM
Diajukan kepada
Fakultas Teknologi Informasi
Untuk memperoleh Gelar Ahli Madya Komputer
Oleh:
Danang Setyoko
562012063
Program Studi Diploma Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
2015
PERANCANGAN DAN IMPLEMENTASI
ANIMASI PENGENALAN BERBAGAI
KEJADIAN ALAM
Laporan Tugas Akhir
Oleh:
Danang Setyoko
562012063
Program Studi Diploma Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
2015
i
ii
iii
iv
Kata Pengantar
Segala puji syukur penulis panjatkan kehadiran Tuhan
Yang Maha Esa atas segala berkat dan
anugerahnya
yang
sangat luar biasa sehingga penulis dapat menyelesaikan
penulisan laporan Tugas Akhir
laporan
Tugas Akhir
ini
ini dengan baik.
dimaksudkan
untuk
Penulisan
memenuhi
sebagian dari syarat dalam rangka meraih gelar Ahli Madya
Komputer pada Program Studi Diploma Teknik Informatika
Fakultas
Teknologi
Informasi
Universitas
Kristen
Satya
Wacana Salatiga.
Penulis juga menyadari bahwa terselesaikannya laporan
Tugas Akhir dengan lancar tidak terlepas juga karena bantuan
dari berbagai pihak. Oleh karena itu, pada kesempatan ini penulis
ingin menyampaikan terimakasih kepada
:
1. Dr. Dharmaputra T. Palekahelu sebagai Dekan Fakultas
Teknologi Informasi, Universitas Kristen Satya Wacana.
2. Bapak Sri Winarso Martyas Edi, S.Kom, M.Cs sebagai Ketua
Program Studi Teknik Informatika, Diploma Fakultas Teknologi
Informasi, Universitas Kristen Satya Wacana.
3.
Bapak Drs.Prihanto Ngesti Basuki, M.Kom yang telah
berkenan meluangkan waktu untuk memberikan bimbingan
dalam penyusunan Tugas Akhir ini.
v
vi
DAFTAR ISI
Judul ................................................................................................. i
Lembar Pengesahaan ....................................................................... ii
Lembar Bebas Plagiasi ..................................................................... iii
Lembar Pernyataan Persetujuan Publikasi ....................................... iv
Kata Pengantar ................................................................................. v
Daftar Isi .......................................................................................... vii
Daftar Gambar ................................................................................. ix
BAB 1 PENDAHULUAN ............................................................... 1
1.1 Latar belakang ....................................................................... 1
1.2 Tujuan .................................................................................... 2
1.2.1
Tujuan umum ............................................................ 2
1.2.2
Tujuan khusus ........................................................... 3
1.3 Rumusan masalah .................................................................. 3
1.4 Batasan masalah ..................................................................... 4
1.5 Metodologi ............................................................................. 4
BAB II TINJAUAN PUSTAKA ..................................................... 6
2.1 Penelitian terdahulu .............................................................. 6
2.2 Landasan teori ....................................................................... 7
BAB III PERANCANGAN SISTEM .............................................. 12
3.1 Analisa kebutuhan ................................................................. 12
3.2 Storyboard ............................................................................ 13
3.3 Jaringan semantim tampilan .................................................. 26
BAB IV HASIL DAN ANALISIS ................................................... 27
4.1 Hasil karya / Implementasi ................................................... 27
4.2 Hasil pengujian ..................................................................... 56
4.3 Analisis ................................................................................. 56
BAB V PENUTUP .......................................................................... 57
5.1 Kesimpulan ........................................................................... 57
5.2 Saran ..................................................................................... 57
Daftar Pustaka .................................................................................. 59
Lampiran .......................................................................................... 60
DAFTAR GAMBAR
Gambar 3.1 tampilan tampilan awal ................................................... 13
Gambar 3.2 Design animasi kedua ..................................................... 14
Gambar 3.3 Design animasi ketiga ..................................................... 15
Gambar 3.4 Design tampilan home .................................................... 16
Gambar 3.5 Design tampilan submenu .............................................. 17
Gambar 3.6 Design animasi dan pengertian ....................................... 19
Gambar 3.7 Design pengertian ........................................................... 20
Gambar 3.8 Design tampilan Inti Bumi ............................................ 21
Gambar 3.9 Design tampilan efek ...................................................... 22
Gambar 3.10 Design gambar dan pengertian ..................................... 23
Gambar 3.11 Design Tentang ............................................................. 24
Gambar 3.12 Design Soal Latihan...................................................... 25
Gambar 3.13 Jaringan Semantik tampilan.......................................... 26
Gambar 4.1 Tampilan awal ................................................................ 27
Gambar 4.2 Tampilan animasi kedua ................................................. 28
Gambar 4.3 Tampilan animasi ketiga ................................................. 29
Gambar 4.4 Tampilan animasi menu awal ......................................... 30
Gambar 4.5 Tampilan Submenu ......................................................... 31
Gambar 4.6 Tampilan animasi pergeseran normal ............................. 33
Gambar 4.7 Tampilan tentang pergeseran normal.............................. 34
Gambar 4.8 Tampilan animasi seisme tanah ...................................... 35
Gambar 4.9 Tampilan pengertian seisme tanah.................................. 36
Gambar 4.10 Tampilan animasi seisme gempa .................................. 37
Gambar 4.11 Tampilan pengertian seisme gempa.............................. 38
Gambar 4.12 Tampilan animasi patahan ............................................ 39
Gambar 4.13 Tampilan pengertian patahan........................................ 40
Gambar 4.14 Tampilan animasi pusat gempa .................................... 41
Gambar 4.15 Tampilan animasi inti bumi .......................................... 41
Gambar 4.16 Tampilan pengertian tentang inti bumi ......................... 42
Gambar 4.17 Tampilan pengertian tentang inti luar ........................... 43
Gambar 4.18 Tampilan pengertian tentang selimut/ selubung ........... 44
Gambar 4.19 Tampilan pengertian kerak bumi .................................. 45
Gambar 4.20 Tampilan animasi gunung meletus ............................... 46
Gambar 4.21 Tampilan pengertian tentang vulkanisme ..................... 47
Gambar 4.22 Tampilan animasi tsunami ............................................ 48
Gambar 4.23 Tampilan animasi tsunami ............................................ 49
Gambar 4.24 Tampilan animasi gempa bumi ..................................... 50
Gambar 4.25 Tampilan animasi gempa bumi ..................................... 51
Gambar 4.26 Tampilan tips ................................................................ 52
Gambar 4.27 Tampilan gempa bumi tektonik .................................... 53
Gambar 4.28 Tampilan pengertian teori bumi ................................... 54
Gambar 4.29 Tampilan soal latihan.................................................... 55
ANIMASI PENGENALAN BERBAGAI
KEJADIAN ALAM
Diajukan kepada
Fakultas Teknologi Informasi
Untuk memperoleh Gelar Ahli Madya Komputer
Oleh:
Danang Setyoko
562012063
Program Studi Diploma Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
2015
PERANCANGAN DAN IMPLEMENTASI
ANIMASI PENGENALAN BERBAGAI
KEJADIAN ALAM
Laporan Tugas Akhir
Oleh:
Danang Setyoko
562012063
Program Studi Diploma Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
2015
i
ii
iii
iv
Kata Pengantar
Segala puji syukur penulis panjatkan kehadiran Tuhan
Yang Maha Esa atas segala berkat dan
anugerahnya
yang
sangat luar biasa sehingga penulis dapat menyelesaikan
penulisan laporan Tugas Akhir
laporan
Tugas Akhir
ini
ini dengan baik.
dimaksudkan
untuk
Penulisan
memenuhi
sebagian dari syarat dalam rangka meraih gelar Ahli Madya
Komputer pada Program Studi Diploma Teknik Informatika
Fakultas
Teknologi
Informasi
Universitas
Kristen
Satya
Wacana Salatiga.
Penulis juga menyadari bahwa terselesaikannya laporan
Tugas Akhir dengan lancar tidak terlepas juga karena bantuan
dari berbagai pihak. Oleh karena itu, pada kesempatan ini penulis
ingin menyampaikan terimakasih kepada
:
1. Dr. Dharmaputra T. Palekahelu sebagai Dekan Fakultas
Teknologi Informasi, Universitas Kristen Satya Wacana.
2. Bapak Sri Winarso Martyas Edi, S.Kom, M.Cs sebagai Ketua
Program Studi Teknik Informatika, Diploma Fakultas Teknologi
Informasi, Universitas Kristen Satya Wacana.
3.
Bapak Drs.Prihanto Ngesti Basuki, M.Kom yang telah
berkenan meluangkan waktu untuk memberikan bimbingan
dalam penyusunan Tugas Akhir ini.
v
vi
DAFTAR ISI
Judul ................................................................................................. i
Lembar Pengesahaan ....................................................................... ii
Lembar Bebas Plagiasi ..................................................................... iii
Lembar Pernyataan Persetujuan Publikasi ....................................... iv
Kata Pengantar ................................................................................. v
Daftar Isi .......................................................................................... vii
Daftar Gambar ................................................................................. ix
BAB 1 PENDAHULUAN ............................................................... 1
1.1 Latar belakang ....................................................................... 1
1.2 Tujuan .................................................................................... 2
1.2.1
Tujuan umum ............................................................ 2
1.2.2
Tujuan khusus ........................................................... 3
1.3 Rumusan masalah .................................................................. 3
1.4 Batasan masalah ..................................................................... 4
1.5 Metodologi ............................................................................. 4
BAB II TINJAUAN PUSTAKA ..................................................... 6
2.1 Penelitian terdahulu .............................................................. 6
2.2 Landasan teori ....................................................................... 7
BAB III PERANCANGAN SISTEM .............................................. 12
3.1 Analisa kebutuhan ................................................................. 12
3.2 Storyboard ............................................................................ 13
3.3 Jaringan semantim tampilan .................................................. 26
BAB IV HASIL DAN ANALISIS ................................................... 27
4.1 Hasil karya / Implementasi ................................................... 27
4.2 Hasil pengujian ..................................................................... 56
4.3 Analisis ................................................................................. 56
BAB V PENUTUP .......................................................................... 57
5.1 Kesimpulan ........................................................................... 57
5.2 Saran ..................................................................................... 57
Daftar Pustaka .................................................................................. 59
Lampiran .......................................................................................... 60
DAFTAR GAMBAR
Gambar 3.1 tampilan tampilan awal ................................................... 13
Gambar 3.2 Design animasi kedua ..................................................... 14
Gambar 3.3 Design animasi ketiga ..................................................... 15
Gambar 3.4 Design tampilan home .................................................... 16
Gambar 3.5 Design tampilan submenu .............................................. 17
Gambar 3.6 Design animasi dan pengertian ....................................... 19
Gambar 3.7 Design pengertian ........................................................... 20
Gambar 3.8 Design tampilan Inti Bumi ............................................ 21
Gambar 3.9 Design tampilan efek ...................................................... 22
Gambar 3.10 Design gambar dan pengertian ..................................... 23
Gambar 3.11 Design Tentang ............................................................. 24
Gambar 3.12 Design Soal Latihan...................................................... 25
Gambar 3.13 Jaringan Semantik tampilan.......................................... 26
Gambar 4.1 Tampilan awal ................................................................ 27
Gambar 4.2 Tampilan animasi kedua ................................................. 28
Gambar 4.3 Tampilan animasi ketiga ................................................. 29
Gambar 4.4 Tampilan animasi menu awal ......................................... 30
Gambar 4.5 Tampilan Submenu ......................................................... 31
Gambar 4.6 Tampilan animasi pergeseran normal ............................. 33
Gambar 4.7 Tampilan tentang pergeseran normal.............................. 34
Gambar 4.8 Tampilan animasi seisme tanah ...................................... 35
Gambar 4.9 Tampilan pengertian seisme tanah.................................. 36
Gambar 4.10 Tampilan animasi seisme gempa .................................. 37
Gambar 4.11 Tampilan pengertian seisme gempa.............................. 38
Gambar 4.12 Tampilan animasi patahan ............................................ 39
Gambar 4.13 Tampilan pengertian patahan........................................ 40
Gambar 4.14 Tampilan animasi pusat gempa .................................... 41
Gambar 4.15 Tampilan animasi inti bumi .......................................... 41
Gambar 4.16 Tampilan pengertian tentang inti bumi ......................... 42
Gambar 4.17 Tampilan pengertian tentang inti luar ........................... 43
Gambar 4.18 Tampilan pengertian tentang selimut/ selubung ........... 44
Gambar 4.19 Tampilan pengertian kerak bumi .................................. 45
Gambar 4.20 Tampilan animasi gunung meletus ............................... 46
Gambar 4.21 Tampilan pengertian tentang vulkanisme ..................... 47
Gambar 4.22 Tampilan animasi tsunami ............................................ 48
Gambar 4.23 Tampilan animasi tsunami ............................................ 49
Gambar 4.24 Tampilan animasi gempa bumi ..................................... 50
Gambar 4.25 Tampilan animasi gempa bumi ..................................... 51
Gambar 4.26 Tampilan tips ................................................................ 52
Gambar 4.27 Tampilan gempa bumi tektonik .................................... 53
Gambar 4.28 Tampilan pengertian teori bumi ................................... 54
Gambar 4.29 Tampilan soal latihan.................................................... 55