Judul : “WEBSITE PROMOSI MENGGUNAKAN ADOBE FLASH ATAU MACROMEDIA FLASH 8 (Studi Kasus TATK Al-Azhar Syifa Budi Jakarta)”
MOTTO
Hidup tak luput dari rasa syukur dan mohon kepada allah S.W.T.
Kami bukan yang pertama tapi kami yang terbaik.
Pendidikan adalah sumberdaya manusia.
Diri tanpa ilmu adalah sampah masyarakat.
Ilmu adalah kunci kebarhasilan.
Gagal bukan berarti untuk melangkah dengan gagah tetapi sebuah peringatanuntuk melangkah lebih sukses.
Hidup adalah untuk mempelajari dan mengerti ilmu.
ii
LEMBAR PENGESAHAN
Judul : “WEBSITE
PROMOSI
MENGGUNAKAN
ADOBE
FLASH
ATAU
MACROMEDIA FLASH 8 (Studi Kasus TA/TK Al-Azhar Syifa Budi Jakarta)”
Nama : Lisnawati
N.P.M : 0651 08 086
Mengesahkan,
Pembimbing I
Pembimbing II
Eneng Tita Tosida, S.Tp., M.Si.
Herfina, S.Kom.
Mengetahui,
Ketua Jurusan Ilmu Komputer
FMIPA - UNPAK
Dekan
FMIPA - UNPAK
Prihastuti Harsani, M.Si.
Dr. Prasetyorini
iii
LEMBAR PENGUJI
Judul : “WEBSITE
PROMOSI
MENGGUNAKAN
ADOBE
FLASH
ATAU
MACROMEDIA FLASH 8 (Studi Kasus TA/TK Al-Azhar Syifa Budi Jakarta)”
Nama : Lisnawati
N.P.M : 0651 08 086
Mengesahkan,
Penguji I
Penguji II
Eneng Tita Tosida, S.Tp., M.Si
Arie Qur’ania, S.Kom
iv
RIWAYAT HIDUP
Penulis dilahirkan di Bogor pada Tanggal 07 Oktober 1989, dari pasangan
Bapak Abdussalam dan Ibu Moto Halimah sebagai anak ke-Pertama dari tiga
bersaudara. Penulis Melaksanakan pendidikan TPA. Nurul yaki di Depok, M.I
An-Nizhomiyah Depok, SMP Negeri 6 Depok Jawa Barat. Penulis Adalah
Lulusan SMK Negeri 1 Depok Bidang Keahlian Pariwisata, Program Keahlian Akomodasi
Perhotelan pada Tahun 2008.
Pada tahun yang sama penulis meneruskan pendidikan ke-Universitas Pakuan Bogor,
Jurusan Ilmu Komputer, Fakultas Matematika dan Ilmu Pengetahuan Alam.
Selama di Universitas Pakuan, penulis Aktif pada kegiatan Kelembagaan SENAT
Mahasiswa FMIPA-UNPAK periode 2008-2009, serta aktif dihimpunan Mahasiswa Ilmu
Komputer (HIMAKOM). Serta pernah menjadi Assiten Dosen di Laboratorium Komputer untuk
Mata kuliah Statistika, dan Laboratorium Workshop untuk mata kuliah Dasar – dasar
Instrumentasi.
v
RINGKASAN
Lisnawati. 2010. Website Promosi menggunakan Adobe Flash atau Macromedia Flash 8 (Studi
Kasus TA/TK Al-Azhar Syifa Budi Jakarta). Dibawah bimbingan ENENG TITA TOSIDA dan
HERFINA.
Merupakan salah satu media promosi yang berbasis Animasi dalam bentuk Web
Interaktif. Sehinga dapat memudahkan User dalam penggunaanya dari bentuk Interfacenya pun
lebih menarik dan lebih hidup disbanding web statis pada umumnya.
Proses penbuatan web Interaktif ini menggunakan Macromedia Flash 8 (Full Flash),
biasanya sering disebut dengan Company Profil.
vi
KATA PENGANTAR
Puji serta syukur penulis panjatkan kehadirat Allah SWT, karena atas rahmat, hidayah
serta izin-Nya penulis dapat menyelesaiakan penulisan Karya Ilmiah dengan Judul “Website
promosi menggunakan Adobe Flash atau Macromedia Flash 8 (Studi Kasus TA/TK AlAzhar Syifa Budi Jakarta)”.
Karya Ilmiah ini tidak dapat terselesaikan dengan baik tanpa adanya bantuan
moril
ataupun spiritual dari berbagai pihak dalam proses penyusunannya. Oleh karena itu, penulis
dengan ikhlas mengucapkan terima kasih yang sebesar – besarnya kepada :
1)
Kepala atau Ketua Yayasan Al-Azhar Syifa Budi Jakarta.
2)
Ibu Asriani Selaku Kepala Sekolah TA Al-Azhar Syfa Budi Jakarta.
3)
Bapak Syaiful Bahri, SE. Selaku Kepala Sekolah TK Al-Azhar Syifa Budi Jakarta.
4)
Bapak H.Djamu zamzam achmad, Drs. Selaku Ketua Yayasan Pakuan Siliwangi.
5)
Bapak Dr. H. Bibin Rubini, M.Pd. Selaku Rektor Universita Pakuan Bogor.
6)
Ibu Dr. Hj. Prasetyorini, MS., Dra. Selaku Dekan Fakultas Matematika dan Ilmu
Pengetahuan Alam, Universitas Pakuan Bogor.
7)
Ibu Prihastuti Harsani, M.Si. Selaku Ketua Program Studi Ilmu Komputer Fakultas
Matematika dan Ilmu Pengetahuan Alam, Universitas Pakuan Bogor.
8)
Ibu Eneng Tita Tosida, S.Tp., M.Si. dan Herfina, S.Kom. Selaku Dosen
Pembimbing dan Dosen Wali.
9)
TA dan TK Al-Azhar Syifa Budi Jakarta, yang telah memberikan kesempatan
kepada penulis.
10) Pada guru jdan Staf Tata Usaha Al-Azhar Syifa Budi Jakarta.
11) Kepada Kedua Orang tua penulis serta sahabat – sahabat penulis dimanapun mereka
berada yang selalu memotivasi penulis, serta mengingatkan penulis untuk
melaksanakan penelitian ini.
12) Teman – teman seperjuangan dan Lingkungan Kampus yang telah memberikan
saran dan motivasinya kepada penulis.
vii
Akhir Kata penulis mengucapkan banyak – banyak terima kasih kepada semua pihak
yang membantu pembuatan laporan prakerin ini. Saran serta kritik sangat di0terima demi
penyempurnaan karya Ilmiah ini.
Bogor, April 2010
Penulis,
(LISNAWATI)
N.P.M : 0651 08 086
viii
DAFTAR ISI
LEMBAR JUDUL…………………………………………………………………………
i
MOTO……………………………………………………………………………………..
ii
LEMBAR PENGESAHAN……………………………………………………………….
iii
LEMBAR PENGUJI………………………………………………………………………
iv
DAFTAR RIWAYAT HIDUP……………………………………………………………
v
RINGKASAN……………………………………………………………………………..
vi
KATA PENGANTAR……………………………………………………………………..
vii
DAFTAR ISI……………………………………………………………………………….
ix
DAFTAR GAMBAR………………………………………………………………………
xiii
DAFTAR TABEL………………………………………………………………………….
xv
DAFTAR LAMPIRAN…………………………………………………………………….
xvi
BAB I
PENDAHULUAN……………………………………………………………..
1
1.1
Latar Belakang Penelitian……………………………………………………… 1
1.2
Tujuan Penelitian………………………………………………………………. 2
1.3
Ruang Lingkup Penelitian……………………………………………………...
2
1.4
Manfaat Penelitian……………………………………………………………...
2
TINJAUAN PUSTAKA……………………………………………………….
3
BAB II
2.1 Tinjauan Pustaka……………………………………………………………….. 3
2.1.1
Pengertian Internet……………………………………………………... 3
2.1.2
Pengertian Website……………………………………………………..
4
2.1.3
Pengertian Multimedia…………………………………………………
4
2.1.4
Animasi………………………………………………………………… 6
2.1.4.1 Jenis-jenis Animasi…………………………………………… 6
2.1.4.2 Software Animasi……………………………………………..
10
2.1.5
Pengertian Promosi…………………………………………………….. 11
2.1.6
Pengertian Macromedia Flash………………………………………….
12
2.1.7
Pengertian Macromedia Flash 8………………………………………..
13
2.1.7.1
Fasilitas – fasilitas yanga ada pada Macromedia Flash 8…….
13
2.1.7.2
Komponen Macromedia Flash 8…………………………….. 14
ix
2.2
BAB III
Tinjauan Instansi……………………………………………………………….. 19
2.2.1
Sejarah singkat…………………………………………………………. 19
2.2.2
Latar Belakang…………………………………………………………. 19
2.2.3
Visi dan Misi…………………………………………………………...
21
METODOLOGI PENELITIAN………………………………………………..
23
3.1 Metodologi penelitian………………………………………………………….. 23
3.1.1
Concept (Konsep)………………………………………………………
23
3.1.1.1
Sumber Data dan Metode Pengumpulan data………………..
23
Design (Desain)………………………………………………………...
24
3.1.2.1
Design Berbasis Multimedia…………………………………
24
3.1.2.2
Design struktur navigasi……………………………………...
24
3.1.2.3
Design Screen………………………………………………...
24
3.1.3
Material Collecting (Pengumpulan Data)……………………………...
24
3.1.4
Assembly……………………………………………………………….
24
3.1.5
Testing………………………………………………………………….
25
3.1.6
Distribution…………………………………………………………….. 25
3.1.2
3.2
Waktu dan Tempat Penelitian………………………………………………….. 25
3.3
Alat dan Bahan…………………………………………………………………
25
3.3.1
Hardware (Perangkat Keras)…………………………………………...
25
3.3.2
Software (Perangkat Lunak)…………………………………………… 25
BAB IV
RANCANGAN DAN IMPLEMENTASI……………………………………..
26
4.1 Concept (Konsep)………………………………………………………………
26
4.2 Design (Desain)………………………………………………………………...
27
4.3
4.2.1
Struktur Navigasi………………………………………………………. 27
4.2.2
Flowchart View………………………………………………………...
29
4.2.3
Flowchart Sistem……………………………………………………….
30
Rancangan tampilan animasi yang digunakan dalam aplikasi Multimedia……. 31
4.3.1
Rancangan Pada Tampilan Intro……………………………………….. 32
4.3.2
Rancangan Pada Tampilan Menu………………………………………
32
4.4 Material Collecting……………………………………………………………..
32
4.4.1
Hardware (Perangkat Keras)…………………………………………...
x
32
4.4.2
Software (Perangkat Lunak)…………………………………………… 33
4.4.3
Bahan…………………………………………………………………...
4.4.4
Objek Multimedia……………………………………………………… 33
33
4.4.4.1
Teks…………………………………………………………..
33
4.4.4.2
Image…………………………………………………………
33
4.4.4.3
Animasi………………………………………………………. 33
4.4.4.4
Audio…………………………………………………………
34
4.5 Assembly………………………………………………………………………………… 34
4.5.1 Pembuatan objek Multimedia yang digunakan dalam media promosi 34
(Company Profil) Taman Kanak – Kanak……………………………………... 34
4.5.2
4.5.1.1
Teks…………………………………………………………..
34
4.5.1.2
Image…………………………………………………………
34
4.5.1.3
Animasi………………………………………………………. 34
4.5.1.4
Audio…………………………………………………………
35
4.5.1.5
Pengisian ActionScript……………………………………….
35
Langkah – Langkah Pembuatan…………..……………………………
37
4.5.2.1
Animasi sebelum masuk Menu………………………………. 39
4.5.2.2
Membuat Animasi Tombol Navigasi………………………...
39
4.5.2.3
Membuat Halaman Content………………………………….
40
4.5.2.4 Penyelesaian Program (Publish)……………………………… 41
BAB V
HASIL DAN PEMBAHASAN………………………………………………...
42
5.1 Hasil Penelitian………………………………………………………………… 42
5.2
5.1.1
Halaman Pembuka……………………………………………………... 42
5.1.2
Halaman Home Page…………………………………………………...
5.1.3
Halaman Profil…………………………………………………………. 43
5.1.4
Halaman Fasilitas………………………………………………………
5.1.5
Halaman Contact Us…………………………………………………… 44
43
44
Pembahasan…………………………………………………………………….
45
5.2.1 Tahapan Uji Coba Sistem……………………………………………….
45
5.2.1.1
Tahapan Uji Coba Struktural…………………………………. 45
5.2.1.2
Uji Coba Fungsional………………………………………….. 45
xi
5.3 Distribusi………………………………………………………………………..
BAB VI
KESIMPULAN DAN SARAN………………………………………………..
46
47
6.1 Kesimpulan…………………………………………………………………….. 47
6.2
Saran……………………………………………………………………………
47
DAFTAR PUSTAKA……………………………………………………………………… 48
LAMPIRAN………………………………………………………………………………..
xii
49
DAFTAR GAMBAR
Gambar 1. Salah satu adegan dari film Chiken Run…………………………………………………
7
Gambar 2. Salah satu adegan dari film Celebrity Deadmatch……………………………….
7
Gambar 3. Contoh gambar proses gerakan berjalan pada animasi tradisional……………
8
Gambar 4. ”Pinokio” salah satu film animasi tradisional buatan Waltsdisney…………..
9
Gambar 5.”Naruto” salah satu film animasi tradisional yang proses pembuatannya
telah menggunakan komputer…………………………………………………
9
Gambar 6. Monster Inc, salah satu film animasi yang seluruh pembuatannya
menggunakan komputer…………………………………………………………...
10
Gambar 7. Jendela Utama Macromedia Flash 8……………………………………………….
14
Gambar 8. Tampilan Pada Menu Bar……………………………………………………….
14
Gambar 9. Tampilan ToolsBox (Tombol Gambar)……………………………………….
16
Gambar 10. Tampilan Kanvas (Stage)……………………………………………………….
17
Gambar 11. Tampilan Batas Waktu (Time Line)………………………………………….
17
Gambar 12. Tampilan Jendela warna (Color Box)………………………………………..
18
Gambar 13. Tampilan Jendela Library…………………………………………………….
18
Gambar 14. Diagram Lingkaran Tahapan Metode Penelitian……………………………
23
Gambar 15. Tampilan Rancangan program menggunakan Struktur Navigasi Spoke-andHub model……………………………………………………………………
28
Gambar 16. Flowchart View untuk media Promosi……………………………………….
30
Gambar 17. Tampilan rancangan Flowchart System media promosi Taman Kanak –
kanak…………………………………………………………………………. 31
Gambar 18. Rancangan Tampilan Menu………………………………………………….
32
Gambar 19. (a) Informasi lokasi ButtonScript, (b) Informasi lokasi frameScript………...
36
Gambar 20. Langkah untuk masuk kedalam program Macromedia Flash 8……………..
37
Gambar 21. Tampilan awal Macromedia Flash 8………………………………………...
38
Gambar 22. Layar Kerja Macromedia Flash 8……………………………………………
38
Gambar 23. Tampilan Proses Pembuatan Animasi sebelum masuk menu………………..
39
Gambar 24. Tampilan Tombol Navigasi menu…………………………………………… 40
Gambar 25. Tampilan Awal (Intro)……………………………………………………….
xiii
42
Gambar 26. Tampilan Halaman Home Pages…………………………………………….. 43
Gambar 27. Tampilan Profil………………………………………………………………
43
Gambar 28. Tampilan Fasilitas……………………………………………………………
44
Gambar 29. Tampilan Contact Us………………………………………………………...
44
xiv
DAFTAR TABEL
Tabel 1. Deskripsi konsep informasi pengenalan taman kanak – kanak berbasis
Multimedia……………………………………………………………………………….. 26
Tabel 2. Uji Coba Struktural………………………………………………………………..
45
Tabel 3. Uji Coba Fungsional………………………………………………………………
45
xv
DAFTAR LAMPIRAN
Lampiran 1. Source Code Program (ActionScript)
xvi
49
Hidup tak luput dari rasa syukur dan mohon kepada allah S.W.T.
Kami bukan yang pertama tapi kami yang terbaik.
Pendidikan adalah sumberdaya manusia.
Diri tanpa ilmu adalah sampah masyarakat.
Ilmu adalah kunci kebarhasilan.
Gagal bukan berarti untuk melangkah dengan gagah tetapi sebuah peringatanuntuk melangkah lebih sukses.
Hidup adalah untuk mempelajari dan mengerti ilmu.
ii
LEMBAR PENGESAHAN
Judul : “WEBSITE
PROMOSI
MENGGUNAKAN
ADOBE
FLASH
ATAU
MACROMEDIA FLASH 8 (Studi Kasus TA/TK Al-Azhar Syifa Budi Jakarta)”
Nama : Lisnawati
N.P.M : 0651 08 086
Mengesahkan,
Pembimbing I
Pembimbing II
Eneng Tita Tosida, S.Tp., M.Si.
Herfina, S.Kom.
Mengetahui,
Ketua Jurusan Ilmu Komputer
FMIPA - UNPAK
Dekan
FMIPA - UNPAK
Prihastuti Harsani, M.Si.
Dr. Prasetyorini
iii
LEMBAR PENGUJI
Judul : “WEBSITE
PROMOSI
MENGGUNAKAN
ADOBE
FLASH
ATAU
MACROMEDIA FLASH 8 (Studi Kasus TA/TK Al-Azhar Syifa Budi Jakarta)”
Nama : Lisnawati
N.P.M : 0651 08 086
Mengesahkan,
Penguji I
Penguji II
Eneng Tita Tosida, S.Tp., M.Si
Arie Qur’ania, S.Kom
iv
RIWAYAT HIDUP
Penulis dilahirkan di Bogor pada Tanggal 07 Oktober 1989, dari pasangan
Bapak Abdussalam dan Ibu Moto Halimah sebagai anak ke-Pertama dari tiga
bersaudara. Penulis Melaksanakan pendidikan TPA. Nurul yaki di Depok, M.I
An-Nizhomiyah Depok, SMP Negeri 6 Depok Jawa Barat. Penulis Adalah
Lulusan SMK Negeri 1 Depok Bidang Keahlian Pariwisata, Program Keahlian Akomodasi
Perhotelan pada Tahun 2008.
Pada tahun yang sama penulis meneruskan pendidikan ke-Universitas Pakuan Bogor,
Jurusan Ilmu Komputer, Fakultas Matematika dan Ilmu Pengetahuan Alam.
Selama di Universitas Pakuan, penulis Aktif pada kegiatan Kelembagaan SENAT
Mahasiswa FMIPA-UNPAK periode 2008-2009, serta aktif dihimpunan Mahasiswa Ilmu
Komputer (HIMAKOM). Serta pernah menjadi Assiten Dosen di Laboratorium Komputer untuk
Mata kuliah Statistika, dan Laboratorium Workshop untuk mata kuliah Dasar – dasar
Instrumentasi.
v
RINGKASAN
Lisnawati. 2010. Website Promosi menggunakan Adobe Flash atau Macromedia Flash 8 (Studi
Kasus TA/TK Al-Azhar Syifa Budi Jakarta). Dibawah bimbingan ENENG TITA TOSIDA dan
HERFINA.
Merupakan salah satu media promosi yang berbasis Animasi dalam bentuk Web
Interaktif. Sehinga dapat memudahkan User dalam penggunaanya dari bentuk Interfacenya pun
lebih menarik dan lebih hidup disbanding web statis pada umumnya.
Proses penbuatan web Interaktif ini menggunakan Macromedia Flash 8 (Full Flash),
biasanya sering disebut dengan Company Profil.
vi
KATA PENGANTAR
Puji serta syukur penulis panjatkan kehadirat Allah SWT, karena atas rahmat, hidayah
serta izin-Nya penulis dapat menyelesaiakan penulisan Karya Ilmiah dengan Judul “Website
promosi menggunakan Adobe Flash atau Macromedia Flash 8 (Studi Kasus TA/TK AlAzhar Syifa Budi Jakarta)”.
Karya Ilmiah ini tidak dapat terselesaikan dengan baik tanpa adanya bantuan
moril
ataupun spiritual dari berbagai pihak dalam proses penyusunannya. Oleh karena itu, penulis
dengan ikhlas mengucapkan terima kasih yang sebesar – besarnya kepada :
1)
Kepala atau Ketua Yayasan Al-Azhar Syifa Budi Jakarta.
2)
Ibu Asriani Selaku Kepala Sekolah TA Al-Azhar Syfa Budi Jakarta.
3)
Bapak Syaiful Bahri, SE. Selaku Kepala Sekolah TK Al-Azhar Syifa Budi Jakarta.
4)
Bapak H.Djamu zamzam achmad, Drs. Selaku Ketua Yayasan Pakuan Siliwangi.
5)
Bapak Dr. H. Bibin Rubini, M.Pd. Selaku Rektor Universita Pakuan Bogor.
6)
Ibu Dr. Hj. Prasetyorini, MS., Dra. Selaku Dekan Fakultas Matematika dan Ilmu
Pengetahuan Alam, Universitas Pakuan Bogor.
7)
Ibu Prihastuti Harsani, M.Si. Selaku Ketua Program Studi Ilmu Komputer Fakultas
Matematika dan Ilmu Pengetahuan Alam, Universitas Pakuan Bogor.
8)
Ibu Eneng Tita Tosida, S.Tp., M.Si. dan Herfina, S.Kom. Selaku Dosen
Pembimbing dan Dosen Wali.
9)
TA dan TK Al-Azhar Syifa Budi Jakarta, yang telah memberikan kesempatan
kepada penulis.
10) Pada guru jdan Staf Tata Usaha Al-Azhar Syifa Budi Jakarta.
11) Kepada Kedua Orang tua penulis serta sahabat – sahabat penulis dimanapun mereka
berada yang selalu memotivasi penulis, serta mengingatkan penulis untuk
melaksanakan penelitian ini.
12) Teman – teman seperjuangan dan Lingkungan Kampus yang telah memberikan
saran dan motivasinya kepada penulis.
vii
Akhir Kata penulis mengucapkan banyak – banyak terima kasih kepada semua pihak
yang membantu pembuatan laporan prakerin ini. Saran serta kritik sangat di0terima demi
penyempurnaan karya Ilmiah ini.
Bogor, April 2010
Penulis,
(LISNAWATI)
N.P.M : 0651 08 086
viii
DAFTAR ISI
LEMBAR JUDUL…………………………………………………………………………
i
MOTO……………………………………………………………………………………..
ii
LEMBAR PENGESAHAN……………………………………………………………….
iii
LEMBAR PENGUJI………………………………………………………………………
iv
DAFTAR RIWAYAT HIDUP……………………………………………………………
v
RINGKASAN……………………………………………………………………………..
vi
KATA PENGANTAR……………………………………………………………………..
vii
DAFTAR ISI……………………………………………………………………………….
ix
DAFTAR GAMBAR………………………………………………………………………
xiii
DAFTAR TABEL………………………………………………………………………….
xv
DAFTAR LAMPIRAN…………………………………………………………………….
xvi
BAB I
PENDAHULUAN……………………………………………………………..
1
1.1
Latar Belakang Penelitian……………………………………………………… 1
1.2
Tujuan Penelitian………………………………………………………………. 2
1.3
Ruang Lingkup Penelitian……………………………………………………...
2
1.4
Manfaat Penelitian……………………………………………………………...
2
TINJAUAN PUSTAKA……………………………………………………….
3
BAB II
2.1 Tinjauan Pustaka……………………………………………………………….. 3
2.1.1
Pengertian Internet……………………………………………………... 3
2.1.2
Pengertian Website……………………………………………………..
4
2.1.3
Pengertian Multimedia…………………………………………………
4
2.1.4
Animasi………………………………………………………………… 6
2.1.4.1 Jenis-jenis Animasi…………………………………………… 6
2.1.4.2 Software Animasi……………………………………………..
10
2.1.5
Pengertian Promosi…………………………………………………….. 11
2.1.6
Pengertian Macromedia Flash………………………………………….
12
2.1.7
Pengertian Macromedia Flash 8………………………………………..
13
2.1.7.1
Fasilitas – fasilitas yanga ada pada Macromedia Flash 8…….
13
2.1.7.2
Komponen Macromedia Flash 8…………………………….. 14
ix
2.2
BAB III
Tinjauan Instansi……………………………………………………………….. 19
2.2.1
Sejarah singkat…………………………………………………………. 19
2.2.2
Latar Belakang…………………………………………………………. 19
2.2.3
Visi dan Misi…………………………………………………………...
21
METODOLOGI PENELITIAN………………………………………………..
23
3.1 Metodologi penelitian………………………………………………………….. 23
3.1.1
Concept (Konsep)………………………………………………………
23
3.1.1.1
Sumber Data dan Metode Pengumpulan data………………..
23
Design (Desain)………………………………………………………...
24
3.1.2.1
Design Berbasis Multimedia…………………………………
24
3.1.2.2
Design struktur navigasi……………………………………...
24
3.1.2.3
Design Screen………………………………………………...
24
3.1.3
Material Collecting (Pengumpulan Data)……………………………...
24
3.1.4
Assembly……………………………………………………………….
24
3.1.5
Testing………………………………………………………………….
25
3.1.6
Distribution…………………………………………………………….. 25
3.1.2
3.2
Waktu dan Tempat Penelitian………………………………………………….. 25
3.3
Alat dan Bahan…………………………………………………………………
25
3.3.1
Hardware (Perangkat Keras)…………………………………………...
25
3.3.2
Software (Perangkat Lunak)…………………………………………… 25
BAB IV
RANCANGAN DAN IMPLEMENTASI……………………………………..
26
4.1 Concept (Konsep)………………………………………………………………
26
4.2 Design (Desain)………………………………………………………………...
27
4.3
4.2.1
Struktur Navigasi………………………………………………………. 27
4.2.2
Flowchart View………………………………………………………...
29
4.2.3
Flowchart Sistem……………………………………………………….
30
Rancangan tampilan animasi yang digunakan dalam aplikasi Multimedia……. 31
4.3.1
Rancangan Pada Tampilan Intro……………………………………….. 32
4.3.2
Rancangan Pada Tampilan Menu………………………………………
32
4.4 Material Collecting……………………………………………………………..
32
4.4.1
Hardware (Perangkat Keras)…………………………………………...
x
32
4.4.2
Software (Perangkat Lunak)…………………………………………… 33
4.4.3
Bahan…………………………………………………………………...
4.4.4
Objek Multimedia……………………………………………………… 33
33
4.4.4.1
Teks…………………………………………………………..
33
4.4.4.2
Image…………………………………………………………
33
4.4.4.3
Animasi………………………………………………………. 33
4.4.4.4
Audio…………………………………………………………
34
4.5 Assembly………………………………………………………………………………… 34
4.5.1 Pembuatan objek Multimedia yang digunakan dalam media promosi 34
(Company Profil) Taman Kanak – Kanak……………………………………... 34
4.5.2
4.5.1.1
Teks…………………………………………………………..
34
4.5.1.2
Image…………………………………………………………
34
4.5.1.3
Animasi………………………………………………………. 34
4.5.1.4
Audio…………………………………………………………
35
4.5.1.5
Pengisian ActionScript……………………………………….
35
Langkah – Langkah Pembuatan…………..……………………………
37
4.5.2.1
Animasi sebelum masuk Menu………………………………. 39
4.5.2.2
Membuat Animasi Tombol Navigasi………………………...
39
4.5.2.3
Membuat Halaman Content………………………………….
40
4.5.2.4 Penyelesaian Program (Publish)……………………………… 41
BAB V
HASIL DAN PEMBAHASAN………………………………………………...
42
5.1 Hasil Penelitian………………………………………………………………… 42
5.2
5.1.1
Halaman Pembuka……………………………………………………... 42
5.1.2
Halaman Home Page…………………………………………………...
5.1.3
Halaman Profil…………………………………………………………. 43
5.1.4
Halaman Fasilitas………………………………………………………
5.1.5
Halaman Contact Us…………………………………………………… 44
43
44
Pembahasan…………………………………………………………………….
45
5.2.1 Tahapan Uji Coba Sistem……………………………………………….
45
5.2.1.1
Tahapan Uji Coba Struktural…………………………………. 45
5.2.1.2
Uji Coba Fungsional………………………………………….. 45
xi
5.3 Distribusi………………………………………………………………………..
BAB VI
KESIMPULAN DAN SARAN………………………………………………..
46
47
6.1 Kesimpulan…………………………………………………………………….. 47
6.2
Saran……………………………………………………………………………
47
DAFTAR PUSTAKA……………………………………………………………………… 48
LAMPIRAN………………………………………………………………………………..
xii
49
DAFTAR GAMBAR
Gambar 1. Salah satu adegan dari film Chiken Run…………………………………………………
7
Gambar 2. Salah satu adegan dari film Celebrity Deadmatch……………………………….
7
Gambar 3. Contoh gambar proses gerakan berjalan pada animasi tradisional……………
8
Gambar 4. ”Pinokio” salah satu film animasi tradisional buatan Waltsdisney…………..
9
Gambar 5.”Naruto” salah satu film animasi tradisional yang proses pembuatannya
telah menggunakan komputer…………………………………………………
9
Gambar 6. Monster Inc, salah satu film animasi yang seluruh pembuatannya
menggunakan komputer…………………………………………………………...
10
Gambar 7. Jendela Utama Macromedia Flash 8……………………………………………….
14
Gambar 8. Tampilan Pada Menu Bar……………………………………………………….
14
Gambar 9. Tampilan ToolsBox (Tombol Gambar)……………………………………….
16
Gambar 10. Tampilan Kanvas (Stage)……………………………………………………….
17
Gambar 11. Tampilan Batas Waktu (Time Line)………………………………………….
17
Gambar 12. Tampilan Jendela warna (Color Box)………………………………………..
18
Gambar 13. Tampilan Jendela Library…………………………………………………….
18
Gambar 14. Diagram Lingkaran Tahapan Metode Penelitian……………………………
23
Gambar 15. Tampilan Rancangan program menggunakan Struktur Navigasi Spoke-andHub model……………………………………………………………………
28
Gambar 16. Flowchart View untuk media Promosi……………………………………….
30
Gambar 17. Tampilan rancangan Flowchart System media promosi Taman Kanak –
kanak…………………………………………………………………………. 31
Gambar 18. Rancangan Tampilan Menu………………………………………………….
32
Gambar 19. (a) Informasi lokasi ButtonScript, (b) Informasi lokasi frameScript………...
36
Gambar 20. Langkah untuk masuk kedalam program Macromedia Flash 8……………..
37
Gambar 21. Tampilan awal Macromedia Flash 8………………………………………...
38
Gambar 22. Layar Kerja Macromedia Flash 8……………………………………………
38
Gambar 23. Tampilan Proses Pembuatan Animasi sebelum masuk menu………………..
39
Gambar 24. Tampilan Tombol Navigasi menu…………………………………………… 40
Gambar 25. Tampilan Awal (Intro)……………………………………………………….
xiii
42
Gambar 26. Tampilan Halaman Home Pages…………………………………………….. 43
Gambar 27. Tampilan Profil………………………………………………………………
43
Gambar 28. Tampilan Fasilitas……………………………………………………………
44
Gambar 29. Tampilan Contact Us………………………………………………………...
44
xiv
DAFTAR TABEL
Tabel 1. Deskripsi konsep informasi pengenalan taman kanak – kanak berbasis
Multimedia……………………………………………………………………………….. 26
Tabel 2. Uji Coba Struktural………………………………………………………………..
45
Tabel 3. Uji Coba Fungsional………………………………………………………………
45
xv
DAFTAR LAMPIRAN
Lampiran 1. Source Code Program (ActionScript)
xvi
49