T0 Judul Institutional Repository | Satya Wacana Christian University: Pengembangan Peta Digital Kota Salatiga Berbasis Animasi
Pengembangan Peta Digital Kota Salatiga Berbasis
Animasi
Diajukan kepada
Fakultas Teknologi Informasi
Untuk memperoleh Gelar Ahli Madya Komputer
Oleh:
Rezha Adietya Wardhana
562011028
Program Studi Diploma Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
2015
Pengembangan Peta Digital Kota Salatiga Berbasis
Animasi
Laporan Tugas Akhir
Oleh:
Rezha Adietya Wardhana
562011028
Program Studi Diploma Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
2015
Kata Pengantar
Puji dan syukur penulis panjatkan kehadirat Tuhan Yang
Maha
Esa
atas
berkah
dan
rahmat-Nya
penulis
dapat
menyelesaikan dengan baik laporan tugas akhir yang berjudul
“Pengembangan Peta Digital Kota Salatiga Berbasis Animasi”.
Laporan tugas akhir ini disusun guna untuk memperoleh gelar
Ahli Madya Komputer pada Program Studi Diploma Teknik
Informatika Fakultas Teknologi Informasi Universitas Kristen
Satya Wacana Salatiga. Penulis ingin mengucapkan terima kasih
kepada :
1.
Allah SWT karena kasih dan ridho-Nya penulis dapat
menyelesaikan tugas akhir ini.
2.
Orang tua dan keluarga yang tidak henti-hentinya
meberikan semangat.
3.
Bapak Dr. Dharmaputra T. Palekahelu, M.Pd selaku dekan
Fakultas Teknologi Informatika Universitas Kristen Satya
Wacana yang telah memberikan fasilitas untuk menunjang
perkuliahan hingga selesainya studi penulis .
4.
Bapak
Teguh
berkenaan
Wahyono
meluangkan
selaku
waktu
pembimbing
untuk
yang
memberikan
bimbingan dan arahan yang bermanfaat bagi penulis.
5.
Bapak Sri Winarso Martyas Edi, S.Kom, M.Cs. Selaku
Kepala Program Studi.
Daftar Isi
Judul .................................................................................... i
Lembar Pengesahan ........................................................... ii
Lembar Pernyataan Bebas Plagiasi .................................. iii
Lembar Pernyataan Persetujuan Publikasi ....................... iv
Kata Pengantar ................................................................... v
Daftar Isi ........................................................................... vii
Daftar Gambar .................................................................... x
Bab I Pendahuluan
1.1 Latar Belakang ...................................................... 1
1.2 Tujuan ................................................................... 2
1.2.1 Tujuan Umum ............................................. 2
1.2.2 Tujuan Khusus ............................................ 2
1.3 Rumusan Masalah ................................................. 3
1.4 Batasan Masalah ..................................................... 3
1.5 Metodologi ............................................................ 3
1.5.1 Analisis Kebutuhan ..................................... 3
1.5.2 Perancangan Aplikasi .................................. 5
1.5.3 Pengujian ..................................................... 6
1.5.4 Implementasi ............................................... 6
Bab II Tinjauan Pustaka
2.2 Penelitian Terdahulu ............................................. 7
2.3 Landasan Teori ...................................................... 8
2.2.1 Pengertian Aplikasi ........................................ 8
2.2.2 Media Promosi ............................................. 12
2.2.3 Konsep Multimedia ...................................... 12
2.2.4 Komponen Multimedia ................................ 14
Bab III Perancangan Sistem
3.3 Ruang Lingkup Aplikasi ..................................... 18
3.3.1 Form Tampilan Utama Peta ......................... 19
3.3.2 Desain Icon ................................................... 19
3.3.3 Membuat Animasi Peta Kota Salatiga ......... 21
3.3.4 Membuat Tombol Navigasi .......................... 21
3.3.5 Membuat Tombol Zoom In .......................... 22
3.3.6 Membuat Tombol Zoom Out ....................... 23
3.3.7 Membuat Tombol Refresh ........................... 23
3.4 SiteMap ............................................................... 18
3.5 Lembar Kerja Tampilan ...................................... 18
Bab IV Hasil dan Analisis
4.1 Hasil Karya / Implementasi ................................. 25
4.1.1 Tampilan Awal Animasi Peta Kota Salatiga 25
4.1.2 Tombol Zoom In .......................................... 26
4.1.3 Tombol Zoom Out ........................................ 27
4.1.4 Tombol Refresh ............................................ 27
4.1.5 Drag & Drop ................................................. 28
4.1.6 Movie Clip.................................................... 30
4.2 Hasil Pengujian ................................................... 31
4.3 Analisis ................................................................ 32
Bab V Penutup
5.1 Kesimpulan ......................................................... 33
5.2 Saran .................................................................... 33
Daftar Pustaka ................................................................. 35
Lampiran
Daftar Gambar
Gambar 3.1 SiteMap ......................................................... 18
Gambar 3.2 LKT tampilan peta ....................................... 19
Gambar 3.3 Pembuatan Icon ............................................ 20
Gambar 3.4 Pembuatan Frame .......................................... 20
Gambar 3.5 Pembuatan Peta ............................................. 21
Gambar 3.6 Pembuatan Tombol ....................................... 21
Gambar 4.1 Tampilan awal saat dijalankan ...................... 26
Gambar 4.2 Tampilan peta setelah diperbesar 10x ........... 26
Gambar 4.3 Tampilan peta setelah diperkecil 5x ............. 27
Gambar 4.4 Tampilan peta setelah direfresh..................... 28
Gambar 4.5 Tampilan peta setelah drag kekiri ................. 28
Gambar 4.6 Tampilan peta setelah drag kekanan ............. 29
Gambar 4.7 Tampilan peta setelah drag keatas ................. 29
Gambar 4.9 Tampilan peta setelah drag kebawah ............ 30
Gambar 4.8 Tampilan movie clip hotel............................. 30
Gambar 4.10 Tampilan movie clip masjid ........................ 31
Animasi
Diajukan kepada
Fakultas Teknologi Informasi
Untuk memperoleh Gelar Ahli Madya Komputer
Oleh:
Rezha Adietya Wardhana
562011028
Program Studi Diploma Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
2015
Pengembangan Peta Digital Kota Salatiga Berbasis
Animasi
Laporan Tugas Akhir
Oleh:
Rezha Adietya Wardhana
562011028
Program Studi Diploma Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
2015
Kata Pengantar
Puji dan syukur penulis panjatkan kehadirat Tuhan Yang
Maha
Esa
atas
berkah
dan
rahmat-Nya
penulis
dapat
menyelesaikan dengan baik laporan tugas akhir yang berjudul
“Pengembangan Peta Digital Kota Salatiga Berbasis Animasi”.
Laporan tugas akhir ini disusun guna untuk memperoleh gelar
Ahli Madya Komputer pada Program Studi Diploma Teknik
Informatika Fakultas Teknologi Informasi Universitas Kristen
Satya Wacana Salatiga. Penulis ingin mengucapkan terima kasih
kepada :
1.
Allah SWT karena kasih dan ridho-Nya penulis dapat
menyelesaikan tugas akhir ini.
2.
Orang tua dan keluarga yang tidak henti-hentinya
meberikan semangat.
3.
Bapak Dr. Dharmaputra T. Palekahelu, M.Pd selaku dekan
Fakultas Teknologi Informatika Universitas Kristen Satya
Wacana yang telah memberikan fasilitas untuk menunjang
perkuliahan hingga selesainya studi penulis .
4.
Bapak
Teguh
berkenaan
Wahyono
meluangkan
selaku
waktu
pembimbing
untuk
yang
memberikan
bimbingan dan arahan yang bermanfaat bagi penulis.
5.
Bapak Sri Winarso Martyas Edi, S.Kom, M.Cs. Selaku
Kepala Program Studi.
Daftar Isi
Judul .................................................................................... i
Lembar Pengesahan ........................................................... ii
Lembar Pernyataan Bebas Plagiasi .................................. iii
Lembar Pernyataan Persetujuan Publikasi ....................... iv
Kata Pengantar ................................................................... v
Daftar Isi ........................................................................... vii
Daftar Gambar .................................................................... x
Bab I Pendahuluan
1.1 Latar Belakang ...................................................... 1
1.2 Tujuan ................................................................... 2
1.2.1 Tujuan Umum ............................................. 2
1.2.2 Tujuan Khusus ............................................ 2
1.3 Rumusan Masalah ................................................. 3
1.4 Batasan Masalah ..................................................... 3
1.5 Metodologi ............................................................ 3
1.5.1 Analisis Kebutuhan ..................................... 3
1.5.2 Perancangan Aplikasi .................................. 5
1.5.3 Pengujian ..................................................... 6
1.5.4 Implementasi ............................................... 6
Bab II Tinjauan Pustaka
2.2 Penelitian Terdahulu ............................................. 7
2.3 Landasan Teori ...................................................... 8
2.2.1 Pengertian Aplikasi ........................................ 8
2.2.2 Media Promosi ............................................. 12
2.2.3 Konsep Multimedia ...................................... 12
2.2.4 Komponen Multimedia ................................ 14
Bab III Perancangan Sistem
3.3 Ruang Lingkup Aplikasi ..................................... 18
3.3.1 Form Tampilan Utama Peta ......................... 19
3.3.2 Desain Icon ................................................... 19
3.3.3 Membuat Animasi Peta Kota Salatiga ......... 21
3.3.4 Membuat Tombol Navigasi .......................... 21
3.3.5 Membuat Tombol Zoom In .......................... 22
3.3.6 Membuat Tombol Zoom Out ....................... 23
3.3.7 Membuat Tombol Refresh ........................... 23
3.4 SiteMap ............................................................... 18
3.5 Lembar Kerja Tampilan ...................................... 18
Bab IV Hasil dan Analisis
4.1 Hasil Karya / Implementasi ................................. 25
4.1.1 Tampilan Awal Animasi Peta Kota Salatiga 25
4.1.2 Tombol Zoom In .......................................... 26
4.1.3 Tombol Zoom Out ........................................ 27
4.1.4 Tombol Refresh ............................................ 27
4.1.5 Drag & Drop ................................................. 28
4.1.6 Movie Clip.................................................... 30
4.2 Hasil Pengujian ................................................... 31
4.3 Analisis ................................................................ 32
Bab V Penutup
5.1 Kesimpulan ......................................................... 33
5.2 Saran .................................................................... 33
Daftar Pustaka ................................................................. 35
Lampiran
Daftar Gambar
Gambar 3.1 SiteMap ......................................................... 18
Gambar 3.2 LKT tampilan peta ....................................... 19
Gambar 3.3 Pembuatan Icon ............................................ 20
Gambar 3.4 Pembuatan Frame .......................................... 20
Gambar 3.5 Pembuatan Peta ............................................. 21
Gambar 3.6 Pembuatan Tombol ....................................... 21
Gambar 4.1 Tampilan awal saat dijalankan ...................... 26
Gambar 4.2 Tampilan peta setelah diperbesar 10x ........... 26
Gambar 4.3 Tampilan peta setelah diperkecil 5x ............. 27
Gambar 4.4 Tampilan peta setelah direfresh..................... 28
Gambar 4.5 Tampilan peta setelah drag kekiri ................. 28
Gambar 4.6 Tampilan peta setelah drag kekanan ............. 29
Gambar 4.7 Tampilan peta setelah drag keatas ................. 29
Gambar 4.9 Tampilan peta setelah drag kebawah ............ 30
Gambar 4.8 Tampilan movie clip hotel............................. 30
Gambar 4.10 Tampilan movie clip masjid ........................ 31