Aplikasi Pembelajaran Pengenalan Komputer Pada Sekolah Dasar (SD) Berbasis Multimedia

(1)

APLIKASI PEMBELAJARAN PENGENALAN KOMPUTER

PADA SEKOLAH DASAR (SD) BERBASIS MULTIMEDIA

TUGAS AKHIR

YULIANA HANDAYANI

082406121

PROGRAM STUDI DIPLOMA III TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2011

(2)

APLIKASI PEMBELAJARAN PENGENALAN KOMPUTER PADA SEKOLAH DASAR (SD) BERBASIS MULTIMEDIA

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh gelar Ahli Madya

YULIANA HANDAYANI 082406121

PROGRAM STUDI DIII TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2011

(3)

Judul : APLIKASI PEMBELAJARAN PENGENALAN KOMPUTER PADA SEKOLAH DASAR(SD) BERBASIS MULTIMEDIA

Kategori : TUGAS AKHIR

Nama : YULIANA HANDAYANI

Nomor Induk Mahasiswa : 082406121

Program Studi : D – III TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan,

Komisi Pembimbing :

Diketahui

Departemen Matematika FMIPA USU Pembimbing, Ketua,

Prof. Drs. Tulus, M.Si Drs. Partano Siagian, M.Sc

NIP.196209011988031002 NIP.130877994

(4)

APLIKASI PEMBELAJARAN PENGENALAN KOMPUTER PADA SEKOLAH DASAR(SD) BERBASIS MULTIMEDIA

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juni 2011

YULIANA HANDAYANI 082406121

(5)

Alhamdulillah. Segala puji bagi Allah SWT yang telah memberikan rahmat dan hidayat-Nya, sehingga penulis berhasil meyelesaikan tugas akhir yang berjudul Aplikasi pembelajaran Pengenalan Komputer Pada Sekolah Dasar (SD) Berbasis Multimedia ini tepat pada waktunya. Shalawat dan salam semoga selalu dilimpahkan kepada junjungan Nabi besar Muhammad SAW, keluarga, sahabat dan para pengikut sampai akhir zaman.

Tugas akhir ini disusun sebagai salah satu syarat untuk menyelesaikan pendidikan Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatra Utara. Dalam tugas akhir ini, penulis banyak mendapat masukan dan serta dukungan dari berbagai pihak.

Secara khusus penulis menyampaikan rasa terima kasih yang sedalam – dalamnya kepada Ayahanda Soyo Mulyo dan Ibunda Suharti yang telah mendidik dan membesarkan penulis dengan segala pengorbanan yang tak terhitung nilainya serta kasih penulis yang tulus. Dan selalu memberikan doa dan dukungan baik moril maupun materil, sehingga penulis dapat mengikuti kuliah Diploma III Teknik Informatika dan menyelesaikan pendidikan ini tepat pada waktunya. Semoga Allah SWT membalas budi baik mereka. Amin.

Ucapan terima kasih juga penulis sampaikan kepada Kakanda Maulika Wahyuni, Kakanda Estri Anggun G, Abangda Mhd. Adil Bisri, Kakanda Sumi Laila H, dan Adinda Putri Wirda N. Terima kasih atas kasih sayang dan perhatiannya kepada penulis selama ini.

Dalam kesempatan ini penulis juga ingin mengucapkan terima kasih kepada:

1. Bapak Drs. Partano Siagian, M.Sc. selaku dosen pembimbing tugas akhir yang telah memberikan bimbingan dan pengarahan kepada penulis selama menyusun tugas akhir ini.

2. Bapak Dr. Sutarman, M.Sc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatra Utara, selaku Pembantu Dekan I. 3. Bapak Prof. Drs. Tulus, M.Si selaku ketua Departemen Matematika.

4. Bapak Syahril Efendi, S.Si, M.IT dan Syahriol Sitorus M.IT selaku ketua dan sekretaris program studi Diploma III Teknik Informatika.

5. Seluruh dosen pengajar program studi Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatra Utara yang telah memberikan ilmu pengetahuannya kepada penulis selama masa perkuliahan.

6. Para Pegawai FMIPA USU yang telah banyak membantu penulis.

7. Teman – teman khususnya kepada Kania, Fira, Rayi, Yani, Uci, Areph, Ahmad, Bjo, Dinda yang telah banyak membantu dalam penyusunan tugas akhir ini serta rekan-rekan mahasiswa Diploma III Teknik Informatika lainnya yang tidak bisa penulis sebutkan masing-masing namanya yang telah banyak memberikan ilmu kepada penulis pada masa perkuliahan.

(6)

8. Kepada semua saudara/i penulis di UKMI ALFALAK. Terimakasih atas segala inspirasi, dorongan, dan semangat yang diberikan. Semoga kita dipertemukan di JannnahNya. Amin

Pada penulisan tugas akhir ini, penulis telah berusaha semaksimal mungkin untuk mencapai kesempurnan. Namun penulis menyadari terdapat kelemahan dan kekurangan dalam penulisan tugas akhir ini. Untuk itu penulis mengharapkan kritik dan saran dari pembaca sekalian demi penyempurnaan.

Demikian tugas akhir ini penulis buat. Semoga tulisan ini bermanfaat bagi kita semua.

Medan, Juni 2011 Penulis

Yuliana Handayani

(7)

Kajian ini bertujuan untuk membangun sebuah aplikasi pembelajaran. Sistem pembelajaran tentang pengenalan dasar komputer ini dibuat sepenuhnya dengan menggunakan perangkat lunak Adobe Flash CS3 professional. Aplikasi ini dapat dijalankan dengan Flash Player atau browser. Tujuan dari sistem pembelajaran ini adalah untuk membantu para siswa Sekolah Dasar untuk dapat lebih mudah mengenal dan memahami komputer. Isi yang disampaikan mulai dari teori tentang defenisi komputer, perangkat keras, perangkat lunak, sampai pada kuis yang menguji pemahaman siswa. Selain itu aplikasi ini juga dapat membantu guru menyampaikan materi pengenalan komputer dengan lebih mudah dan menyenangkan.

(8)

ABSTRACT

This study aims to build application. This English study application about learning English in Kindergarten using software Adobe Flash CS3 Professional. This application can be run in Flash Player or browser. The aim of this study system is to help students to learn English especially about introduction of letters, numbers, and vocabulary. The contents start from the theory about the introduction of numbers and letters are also diverse vocabulary, pronunciation, conversation came to a test quis student understanding. This application also can help teacher to teach about learning English more easily and also fun.

(9)

Halaman Persetujuan ii Pernyataan iii Penghargaan iv Abstrak vi Abstract vii

Daftar Isi viii

Daftar Tabel xi

Daftar Gambar xii

Bab 1 Pendahuluan

1.1 Latar Belakang 1

1.2 Identifikasi Masalah 3

1.3 Batasan Masalah 4

1.4 Maksud dan Tujuan Penelitian 4

1.5 Metodologi Penelitian 5

1.6 Kontribusi Penelitian 5

1.7 Sistematika Penulisan 6

Bab 2 Landasan Teori

2.1 Multimedia 8

2.1.1 Komponen Multimedia 9

2.1.2 Multimedia Berbasis Komputer 12

2.1.3 Multimedia Sebagai Media Pembelajaran 13

2.2 Flash 14

2.2.1 Pengenalan Flash 15

2.2.2 Kemampuan Flash 15

2.2.3 Ekstensi File 16

2.2.4 Adobe Flash CS 3 16

2.3 Dasar-dasar Penggunaan Adobe Flash CS 3 17

2.3.1 Halaman Awal 17

2.3.2 Jendela Utama 18

2.3.3 Toolbox 20

2.3.4 Library 23

2.3.5 Action Script 24

2.4 Pengenalan Komputer 25

2.4.1 Defenisi Komputer 25

2.4.2 Komponen Komputer 27

2.4.2.1 Perangkat Keras (hardware) 27

2.4.2.2 Perangkat Lunak 30

Bab 3 Perancangan Sistem

3.1 Penentuan Aplikasi yang akan Dibuat 33

(10)

3.2.2 Desain Halaman Home 38

3.2.2.1 Desain Halaman Home 38

3.2.3 Desain Halaman Defenisi Komputer 30

3.2.4 Desain Halaman Perangkat Keras 45

3.2.4.1 Desain Halaman Hardware 49

3.2.4.2 Desain Halaman CPU 49

3.2.4.3 Desain Halaman Monitor 53

3.2.5 Desain Halaman Perangkat Lunak 57

3.2.5.1 Desain Halaman Word 60

3.2.5.2 Desain Halaman Excel 62

3.2.5.3 Desain Halaman Paint 65

3.2.5.4 Desain Halaman Winamp 66

3.2.6 Halaman Kuis 68

3.3 Algoritma Perancangan Aplikasi 69

3.4 Flowchart 69

3.5 Pengujian Sistem 73

Bab 4 Implementasi Sistem

4.1 Hasil 74

4.1.1 Menu Utama 74

4.1.2 Halaman Home 75

4.1.3 Halaman Defenisi Komputer 76

4.1.4 Halaman Perangkat Keras 77

4.1.4.1 Halaman Perangkat Keras CPU 78

4.1.4.2 Halaman Perangkat Keras Monitor 79

4.1.4.3 Halaman Perangkat Keras Keyboard 80

4.1.4.4 Halaman Perangkat Keras Mouse 81

4.1.4.5 Halaman Perangkat Keras Printer 82

4.1.4.6 Halaman Perangkat Keras Scanner 83

4.1.4.7 Halaman Perangkat Keras Stabilizer 84

4.1.4.8 Halaman Perangkat Keras UPS 85

4.1.5 Halaman Perangkat Lunak 86

4.1.5.1 Tampilan Halaman Word 87

4.1.5.2 Tampilan Halaman Excel 92

4.1.5.3 Tampilan Halaman Paint 96

4.1.5.4 Tampilan Halaman Winamp 98

4.1.6 Kuis 100

4.1.6.1 Tampilan Setelah Klik Tombol Mulai 101

4.1.6.2 Tampilan Jika Nilai <= 40 102

4.1.6.3 Tampilan Jika Nilai >= 60 103

4.2 Pembahasan 104

Bab 5 Kesimpulan dan Saran

5.1 Kesimpulan 105

5.2 Saran 106

(11)

(12)

Halaman

Tabel 3.4 Simbol-simbol Flowchart 70

(13)

Halaman

Gambar 2.1 Tampilan Start Page Adobe Flash CS3 18

Gambar 2.2 Jendela Utama 19

Gambar 2.3 Panel Library 23

Gambar 2.4 Panel Action 25

Gambar 3.3 Algoritma Diagram Alur 69

Gambar 3.4 Flowchart 72

Gambar 4.1 Halaman Awal Animasi 73

Gambar 4.2 Halaman Home 75

Gambar 4.3 Halaman Defenisi Komputer 76

Gambar 4.4 Halaman Perangkat Keras 77

Gambar 4.5 Halaman Perangkat Keras CPU 78

Gambar 4.6 Halaman Perangkat Keras Monitor 79

Gambar 4.7 Halaman Perangkat Keras Keyboard 80

Gambar 4.8 Halaman Perangkat Keras Mouse 81

Gambar 4.9 Halaman Perangkat Keras Printer 82

Gambar 4.10 Halaman Perangkat Keras Scanner 83

Gambar 4.11 Halaman Perangkat Keras Stabilizer 84

Gambar 4.12 Halaman Perangkat Keras UPS 85

Gambar 4.13 Halaman Perangkat Lunak 86

Gambar 4.14 Halaman Microsoft Word 87

Gambar 4.15 Halaman Video Menjalankan Microsoft Word 2007 88 Gambar 4.16 Halaman Video Mengenal Tampilan Microsoft Word 2007 89

Gambar 4.17 Halaman Video Membuat Dokumen Baru 90

Gambar 4.18 Halaman Video Menyisipkan Gambar dan Tabel 91

Gambar 4.19 Halaman Microsoft Excel 92

Gambar 4.20 Halaman Video Menjalankan Microsoft Excel 2007 93 Gambar 4.21 Halaman Video Mengenal Tampilan Microsoft Excel 2007 94 Gambar 4.22 Halaman Video Memasukkan Data Pada Microsoft Excel 2007 95

Gambar 4.23 Halaman Microsoft Paint 96

Gambar 4.24 Halaman Video Menjalankan Paint 97

Gambar 4.25 Halaman Winamp 98

Gambar 4.26 Halaman Video Menjalankan Winamp 99

Gambar 4.27 Halaman Awal Kuis 100

Gambar 4.28 Halaman Setelah Klik Tombol Mulai 101

Gambar 4.29 Halaman Ketika User Kalah 102

(14)

8. Kepada semua saudara/i penulis di UKMI ALFALAK. Terimakasih atas segala inspirasi, dorongan, dan semangat yang diberikan. Semoga kita dipertemukan di JannnahNya. Amin

Demikian tugas akhir ini penulis buat. Semoga tulisan ini bermanfaat bagi kita semua.

Medan, Juni 2011 Penulis

Yuliana Handayani

(15)

(16)

ABSTRACT

(17)

PENDAHULUAN

1.1 Latar Belakang

Perkembangan teknologi yang pesat mempengaruhi peran sebuah komputer itu sendiri. Pada masa sekarang ini, hampir semua aktivitas dapat dilakukan dengan komputer. Setiap waktu orang dapat melihat perkembangan teknologi dari hari ke hari dan teknologi tersebut dapat digunakan sebagai alat bantu manusia untuk menyelesaikan beberapa aktifitas dengan secepat dan setepat mungkin. Hampir semua kalangan dapat menggunakan komputer baik dari kalangan bawah sampai kalangan atas terutama dalam bidang pendidikan. Dalam hal ini Heinich, Molenda, & Russel (1996) mengemukakan bahwa :

“…It has ability to control and integrate a wide variety of media – still pictures, graphics and moving images, as well as printed information. The computer can also record, analyze, and react to student responses that are typed on a keyboard or selected with a mouse. “ (hal. 228)

Di dalam dunia pendidikan, komputer dapat dimanfaatkan sebagai media untuk menyampaikan materi pelajaran kepada anak didik yaitu menjadi alat peraga atau media pembelajaran. Sebagai media tutorial, komputer memiliki keunggulan dalam hal interaksi, menumbuhkan minat belajar mandiri serta dapat disesuaikan dengan kebutuhan siswa. Yang perlu dijadikan perhatian bagi orangtua dan guru adalah bagaimana cara memperkenalkan komputer kepada anak atau anak didiknya.

(18)

dipergunakan secara luas. Khusus untuk pembelajaran pengenalan komputer akan sangat membantu guru maupun siswa.

Salah satu materi pendidikan yang diajarkan kepada siswa SD adalah Pengenalan Teknologi Informasi dan Komunikasi (TIK). Mata pelajaran ini perlu dikenalkan, dipraktekkan dan dikuasai oleh siswa sedini mungkin agar siswa memiliki bekal untuk menyesuaikan penerapan teknologi informasi dan komunikasi. Materi yang disajikan pun bervariasi, biasanya materi diawali dengan pengenalan komputer itu sendiri sampai masuk dalam perangkat komputer yang menjadi tujuan utama pembelajaran di SD. Salah satu yang menjadi kendala dalam pembelajaran komputer di SD adalah istilah-istilah didalamnya yang menggunakan Bahasa Inggris, di butuhkan tenaga ekstra untuk menerangkan kepada siswa sehingga siswa benar-benar paham dengan materi yang diberikan.

Pendidikan komputer bagi anak tentunya berbeda dari orang dewasa. Mendidik anak lebih sulit daripada orang dewasa. Selain harus menguasai masalah komputer, pengajar atau guru juga harus memahami karakter kejiwaan anak. Ini perlu agar siswa tidak cepat bosan, yang membuat konsentrasi mereka dalam belajar menjadi berkurang. Untuk itu guru harus mampu menerapkan berbagai teknik dan metode pembelajaran untuk mendapatkan hasil belajar yang optimal. Salah satu teknik dan metode pembelajaran yang dapat diterapkan adalah demonstrasi yang melibatkan partisipasi aktif siswa.

Berdasarkan latar belakang di atas, maka penulis berinisiatif membuat Aplikasi Pembelajaran Pengenalan Komputer pada Sekolah Dasar (SD) berbasis multimedia.

(19)

Biasanya penyajian multimedia untuk pembelajaran lebih mudah diserap dan dimengerti dengan baik oleh siswa sehingga akan sangat membantu dalam proses penyampaian dan pemahaman terhadap materi yang disampaikan.

Dengan adanya aplikasi ini diharapkan dapat memberi manfaat dan pengetahuan bagi siswa tentang pengenalan teknologi informasi dan komunikasi yang tidak bersifat menoton karena terdapat interface yang diolah semenarik mungkin sehingga menjadikan siswa tidak mudah jenuh dan terus semangat dalam belajar.

Pembelajaran komputer yang akan dibuat oleh penulis difokuskan Pengenalan Dasar Komputer dengan menggunakan animasi. Hasil dari pembelajaran tersebut akan dituangkan dalam bentuk tugas akhir dengan judul ”Aplikasi Pembelajaran Pengenalan Komputer Pada Sekolah Dasar (SD) Berbasis Multimedia”.

1.2 Identifikasi Masalah

Kemajuan teknologi informasi dan komunikasi juga terjadi di dunia pendidikan. Kurikulum pendidikan yang memasukkan TIK sebagai satu mata pelajaran, merupakan bukti bahwa kemajuan teknologi mempengaruhi pendidikan di Negara Indonesia. Materi yang diajarkan di SD hanya sebatas pengenalan dasar- dasar TIK, yang salah satunya dasar - dasar pengenalan komputer.

Kemampuan siswa tentang komputer masih perlu dikembangkan, terlebih selama ini metode pembelajaran yang digunakan hanya berpatok pada buku, baik itu dilihat dari

(20)

satu sistem penyajian multimedia untuk pembelajaran agar lebih mudah diserap dan dimengerti dengan baik oleh siswa sehingga akan sangat membantu dalam proses penyampaian dan pemahaman terhadap materi yang disampaikan. Penulis mengidentifikasi permasalahan yaitu bagaimana merancang suatu aplikasi pembelajaran pengenalan komputer berbasis multimedia.

1.3 Batasan Masalah

Adapun batasan masalah pada penelitian ini adalah sebagai berikut :

1. Aplikasi ini membahas tentang pengenalan komputer pada Sekolah Dasar yang disesuaikan dengan KTSP.

2. Materi yang akan disajikan hanya beberapa topik penting dari pengenalan komputer yaitu : defenisi komputer, pengenalan perangkat keras (CPU, monitor, keyboard, mouse, printer, scanner, stabilizer,UPS), mengoperasikan beberapa perangkat lunak (Ms.Word, Ms. Excel, Ms.Paint, Winamp), dan soal latihan.

3. Aplikasi ini dibangun dengan menggunakan Adobe Flash CS 3 Professional.

1.4 Maksud dan Tujuan Penelitian

Maksud dari penelitian ini adalah untuk meneliti cara perancangan sebuah aplikasi pembelajaran pengenalan komputer berbasis multimedia. Tujuan dari penelitian ini adalah untuk merancang sebuah aplikasi pembelajaran pengenalan komputer yang dapat memudahkan siswa Sekolah Dasar dalam mempelajari komputer dan membantu pihak pengajar dalam menyampaikan materi pelajaran TIK khususnya tentang

(21)

Pengenalan Komputer. Penelitian ini juga dapat digunakan sebagai permainan yang mengandung pengetahuan.

1.5 Metodologi Penelitian

Untuk melakukan penelitian tugas akhir ini, penulis menerapkan beberapa metodologi penelitian sehingga tugas akhir ini dapat diselesaikan dengan baik. Beberapa metodologi penilitian tersebut adalah sebagai berikut:

1. Menentukan aplikasi yang akan dibuat. 2. Merancang aplikasi.

3. Algoritma perancangan. 4. Membuat flowchart. 5. Uji sistem.

1.6 Kontribusi Penelitian

Kontribusi penelitian ini adalah untuk membantu proses pembelajaran pada Sekolah Dasar baik kepada siswa dalam mempelajari komputer maupun kepada pihak pengajar dalam menyampaikan materi pelajaran TIK khususnya tentang Pengenalan Komputer.

Serta menumbuhkan semangat belajar para siswa karena aplikasi ini dibangun dengan interface yang lebih menarik dari sekedar membaca buku.

(22)

1.7 Sistematika Penulisan

Sistematika penulisan tugas akhir ini adalah sebagai berikut:

BAB 1 : PENDAHULUAN

Bab ini berisi tentang latar belakang, identifikasi masalah, batasan masalah, maksud dan tujuan, metodologi penelitian, kontribusi penelitian, dan sistematika penulisan dari tugas akhir.

BAB 2 : LANDASAN TEORI

Bab ini menguraikan landasan teori dari beberapa literatur yang digunakan sebagai referensi dalam pembuatan aplikasi ini.

BAB 3 : PERANCANGAN SISTEM

Bab ini membahas tentang perancangan aplikasi pembelajaran pengenalan komputer dan gambaran umum rancangannya.

BAB 4 : IMPLEMENTASI SISTEM

Bab ini menguraikan hasil tampilan dari aplikasi yang dirancang dan pembahasan hasilnya serta pengujian aplikasi.

BAB 5 : KESIMPULAN DAN SARAN

Bab ini berisi kesimpulan dari penilitian yang dilakukan, sehingga dari kesimpulan ini penulis mencoba untuk memberi saran yang

(23)

berguna untuk melengkapi dan menyempurnakan pengembangan aplikasi ini.

(24)

LANDASAN TEORI

2.1 Multimedia

Definisi multimedia secara umum adalah penggabungan berbagai infomasi dengan menggunakan fasilitas dari komputer. Multimedia yang berasal dari kata multi yang berarti banyak atau lebih dari satu dan media yang dapat diartikan penyajian suatu tempat. Multimedia adalah pemanfaatan komputer untuk membuat dan menggabungkan teks, audio, gambar, bergerak (video dan animasi dengan menggunakan link dan tool yang memungkinkan pemakaian melakukan navigasi, berinteraksi, berkreasi dan berkomunikasi (Suyanto,2004).

Kelebihan multimedia adalah menarik indera dan minat, karena merupakan gabungan antara pandangan, suara dan gerakan. Lembaga Riset dan Penerbitan Komputer yaitu Computer Technology Research (CTR), menyatakan bahwa orang hanya mampu mengingat 20% dari yang dilihat dan 30% dari yang didengar. Tetapi orang dapat mengingat 50% dari yang dilihat dan didengar dan 30% dari yang dilihat, didengar dan dilakukan sekaligus. Maka multimedia sangatlah efektif. Multimedia menjadi tool yang ampuh untuk pengajaran dan pendidikan serta untuk meraih keunggulan bersaing perusahaan (Suyanto, 2004).

2.1.1 Komponen Multimedia

(25)

Tampilan dalam bentuk teks atau yang lebih dikenal dengan istilah tipografi merupakan elemen yang cukup penting dalam pembuatan multimedia. Sebagian besar multimedia menggunakan teks karena sangat efektif untuk menyampaikan ide dan panduan kepada pengguna. Teks merupakan bentuk data multimedia yang paling mudah disimpan dan dikenali, serta file teks mempunyai struktur yang sederhana. Teks biasanya mengacu pada kata, kalimat, alinea, segala sesuatu yang tertulis atau ditayangkan.

Beberapa hal yang perlu diperhatikan mengenai penggunaan teks dalam suatu aplikasi multimedia adalah :

1. Gunakanlah huruf (font) yang sesuai dengan tema aplikasi multimedia yang akan dibuat.

2. Pastikan huruf (font) yang dipakai tersedia di sistem komputer lain.

3. Pemilihan bentuk dan warna yang sesuai dengan tema aplikasi multimedia. 4. Pastikan teks tersebut terbaca.

5. Usahakan ringkas tetapi padat.

b. Grafik (Gambar)

Grafik atau gambar merupakan sarana pembentukan informasi yang lebih mudah untuk dipahami. Gambar juga merupakan salah satu komponen penting dalam multimedia karena dapat meringkas dan menyajikan data kompleks serta mampu menyampaikan banyak kata. Gambar dalam publikasi multimedia lebih menarik perhatian dan dapat mengurangi kebosanan dibandingkan dengan teks, sebab manusia selalu berorientasi terhadap visual.

(26)

c. Audio

Teknologi audio juga berperan penting dalam penyampaian informasi, tanpa adanya audio dalam sebuah multimedia maka hasilnya tidak lengkap. Suara atau audio di dalam multimedia biasanya berupa suara musik, suara dari voice record dan efek–efek suara lain.

d. Video

Video adalah gambar–gambar yang saling berurutan sehingga menimbulkan efek gerak. Pembuatan video dalam tampilan multimedia bertujuan untuk membuat tampilan yang dihasilkan lebih menarik.

e. Animasi

Animasi merupakan kumpulan gambar yang ditampilkan secara bergantian dan berurutan sehingga terlihat bergerak dan hidup. Pergerakan animasi akan lebih mudah dimengerti daripada objek atau gambar diam. Selain itu, animasi lebih menarik dan mudah dimengerti daripada hanya sekedar gambar karena lebih komunikatif dalam menyampaikan suatu tujuan. Animasi dibagi menjadi beberapa macam, yaitu :

1) Animasi Sel

Sel animasi biasanya merupakan lembaran-lembaran yang membentuk sebuah frame animasi tunggal. Sel animasi merupakan sel yang terpisah dari lembaran latar belakang dan sebuah sel untuk masing-masing objek yang bergerak secara mandiri diatas latar belakang.

2) Animasi Frame

Animasi frame adalah bentuk animasi yang paling sederhana. Diumpamakan sebuah buku yang mempunyai gambar berseri di tepi halaman berurutan. Jika membuka buku

(27)

dengan cepat, maka gambar kelihatan bergerak. Pada komputer multimedia, animasi buku tersebut menampilkan sebuah gambar yang berurutan secara cepat. Antara gambar satu (frame satu) dengan gambar lain (frame lain) berbeda.

3) Animasi Sprite

Animasi sprite serupa dengan teknik animasi tradisional, yaitu objek yang diletakkan dan dianimasikan pada bagian puncak grafik dengan latar belakang diam. Sprite adalah setiap bagian dari animasi yang bergerak secara mandiri, misalnya burung terbang, planet berotasi atau logo

berputar.

4) Animasi Lintasan (Path Animation)

Animasi lintasan adalah animasi dari objek yang bergerak sepanjang garis kurva yang ditentukan sebagai lintasan.

5) Animasi Spline

Spline adalah representasi matematis dari kurva. Bila objek bergerak, biasanya tidak mengikuti garis lurus, misalnya berbentuk kurva. Program animasi komputer memungkinkan untuk membuat animasi spline dengan lintasan gerakan berbentuk kurva.

6) Animasi Vektor

Animasi vektor menjadikan objek bergerak dengan memvariasikan ketiga parameter ujung pangkal, arah dan panjang pada segmen-segmen garis yang menentukan objek.

(28)

Animasi karakter merupakan sebuah cabang khusus animasi. Animasi karakter semacam yang dilihat dalam film kartun. Animasi ini berbeda dengan animasi lainnya, misalnya grafik bergerak animasi logo yang melibatkan bentuk organik yang komplek dengan penggandaan yang banyak, gerakan hirarkis.

8) Computational Animation

Dengan computational animation, untuk menggerakkan objek dilayar cukup memvariasikan koordiant x dan y nya. Koordinat x merupakan posisi horizontal objek, yaitu berapa jauh kiri-kanan layar. Koordinat y merupakan posisi vertikal, yakni berapa jauh atas-bawah layar.

9) Morphing

Morphing artinya mengubah satu bentuk menjadi bentuk lain dengan menampilkan serangkaian frame yang menciptakan gerakan halus begitu bentuk pertama mengubah dirinya menjadi bentuk lain. (Suyanto, 2004).

2.1.2 Multimedia Berbasis Komputer

Saat ini teknologi komputer tidak hanya digunakan sebagai sarana komputasi pengolahan kata (word processor), tetapi juga sebagai sarana belajar multimedia yang memungkinkan mahasiswa membuat desain dan rekayasa suatu konsep dan ilmu pengetahuan. Sajian multimedia berbasis komputer dapat diartikan sebagai teknologi yang mengoptimalkan peran komputer sebagai sarana untuk menampilkan dan merekayasa teks, grafik, dan dalam sebuah tampilan yang terintegrasi. Dengan

(29)

tampilan yang dapat mengkombinasikan berbagai unsur penyampaian informasi dan pesan, komputer dapat dirancang dan digunakan sebagai media teknologi yang efektif untuk mempelajari dan menyampaikan informasi yang dibutuhkan oleh manusia.

2.1.3 Multimedia Sebagai Media Pembelajaran

Teknologi baru terutama multimedia mempunyai peranan semakin penting dalam pembelajaran. Banyak orang percaya bahwa multimedia akan dapat membawa kita kepada situasi belajar di mana "learning with effort" akan dapat digantikan dengan "learning with fun". Apalagi dalam pembelajaran orang dewasa, “learning with effort”

menjadi hal yang cukup menyulitkan untuk dilaksanakan karena berbagai faktor pembatas seperti usia, kemampuan daya tangkap, kemauan berusaha, dan lain lain. Proses pembelajaran yang menyenangkan, kreatif, dan tidak membosankan menjadi pilihan para guru atau fasilitator. Jika situasi belajar seperti ini tidak tercipta, paling tidak multimedia dapat membuat belajar lebih efektif menurut pendapat beberapa pengajar.

Beberapa kelebihan multimedia seperti tidak perlu pencetakan hard copy dan dapat dibuat atau diedit pada saat mengajar menjadi hal yang memudahkan guru dalam penyampaian materinya. Berbagai variasi tampilan atau visual bahkan audio mulai dicoba seperti animasi bergerak, potongan video, rekaman audio, paduan warna dibuat untuk mendapatkan sarana bantu mengajar yang sebaik-baiknya. (http://blank91.wordpress.com, 2011).

(30)

2.2 Flash

2.2.1 Pengenalan Flash

Flash merupakan salah satu teknologi komputasi multimedia. Multimedia diartikan sebagai kombinasi dari teks, grafik, animasi suara dan video yang digabung menjadi satu kesatuan kerja yang menghasilkan suatu informasi yang memiliki nilai komunikasi interaktif yang sangat tinggi bukan hanya dilihat sebagai hasil cetakan melainkan dapat didengar, membentuk simulasi dan animasi yang memiliki seni grafis yang sangat tinggi dalam penyampaiannya.

Flash adalah program grafis yang diproduksi oleh Macromedia corp, yaitu sebuah vendor software yang bergerak dibidang animasi web. Macromedia Flash pertama kali diproduksi pada tahun 1996. Macromedia Flash telah diproduksi dalam beberapa versi. Versi terakhir dari Macromedia Flash adalah Macromedia Flash 8. Sekarang Flash telah berpindah vendor menjadi Adobe.

Adobe adalah vendor software yang membeli Flash dari vendor sebelumnya yaitu Macromedia. Sejak itu, Macromedia Flash berganti nama menjadi Adobe Flash. Versi terbaru dari Adobe Flash adalah Adobe Flash Cs5 Professional. Namun, dalam pembuatan animasi ini penulis masih menggunakan Adobe Flash Cs3 Professional sebagai aplikasinya.

2.2.2 Kemampuan Flash

Animasi adalah proses menciptakan efek gerak atau efek perubahan bentuk yang terjadi selama beberapa waktu. Animasi bisa berupa gerak sebuah objek dari tempat

(31)

satu ke tempat yang lain, perubahan warna atau perubahan bentuk (yang disebut morphing). Flash sangat memungkinkan membuat movie yang interaktif sehingga user dapat menggunakan alat–alat input komputer seperti keyboard dan mouse untuk menjalankan bagian movie lain, menggerakkan objek, memasukkan informasi tertentu dan menampilkan beberapa operasi sekaligus.

Flash merupakan salah satu media dalam desain web yang digunakan untuk editing manipulasi yang handal, sebuah aplikasi yang mempunyai kemampuan dalam mengolah objek–objek vektor. Flash memiliki kecepatan release yang sangat tinggi. Flash adalah sebuah software animasi yang sekarang menjadi software favorit para web desainer untuk membuat webnya terlihat dimamis dan lebih atraktif. Bahkan sekarang Flash digunakan untuk berbagai keperluan, diantaranya untuk presentasi, proposal modern, e–card, game dan lain lain.

2.2.3 Extensi File

Jenis file pada flash ada dua macam, yaitu *.swf dan *.fla, perbedaanya jika file *.fla merupakan file yang berisi source code dan animasi yang bisa dibuka melalui Adobe Flash, sedangkan file *.swf merupakan hasil compile dari program atau source code pada file *.fla itu sendiri, namun file *.swf hanya bisa berjalan apabila ada software tambahan pada windows atau OS lainnya seperti Adobe Flash Player dan bisa juga dijalankan pada browser. Namun file *.swf juga dapat berjalan tanpa menggunakan Flash Player yaitu dengan cara meng-export file *.swf tersebut menjadi file Projector dengan extensi sebagai *.exe atau Executable (Suciadi,2003).

(32)

2.2.4 Adobe Flash CS 3

Adobe Flash CS 3 adalah salah satu aplikasi pembuat animasi yang cukup dikenal saat ini. Berbagai fitur dan kemudahan yang dimiliki menyebabkan Adobe Flash CS 3 menjadi program animasi favorit dan cukup populer. Tampilan interface, fungsi dan pilihan palet yang beragam, serta kumpulan tool yang sangat lengkap sangat membantu dalam pembuatan karya animasi yang menarik.

Flash seperti software gado-gado dimana didalamnya terdapat semua kelengkapan yang dibutuhkan. Mulai dari fitur menggambar, ilustrasi, mewarnai, animasi, dan programming. Kita dapat mendesain gambar atau objek yang akan kita animasikan langsung pada Flash. Fitur programming pada Flash menggunakan bahasa ActionScript.

ActionScript dibutuhkan untuk memberi efek gerak dalam animasi. ActionScript di flash pada awalnya memang sulit dimengerti jika seseorang tidak mempunyai dasar atau mengenal flash. Tetapi jika sudah mengenalnya, kita tidak bisa lepas dari ActionScript karena sangat menyenangkan dan dapat membuat pekerjaan jauh lebih cepat dan mudah.

2.3 Dasar-Dasar Penggunaan Adobe Flash CS 3 2.3.1 Halaman Awal

Halaman awal adalah tampilan yang pertama kali muncul ketika kita mengakses Adobe Flash CS 3 Professional. Cara mengakses Adobe Flash CS 3 Professional

(33)

pertama kali yaitu double klik pada icon yang ada di desktop atau lihat dari daftar program. Tampilan start page pertama kali membuka Adobe Flash CS 3 Professional yaitu:

Gambar 2.1 Tampilan Star Page Adobe Flash CS 3 Professional

2.3.2 Jendela Utama

Jendela utama merupakan awal dari pembuatan program, pembuatannya dilakukan dalam kotak movie dan stage yang didukung oleh tools lainnya. Seperti yang pernah dijelaskan dalam sebuah tulisan “Jendela kerja flash terdiri dari panggung (stage) dan panel-panel. Panggung merupakan tempat objek diletakkan, tempat menggambar dan menganimasikan objek. Sedangkan panel disediakan untuk membuat gambar, mengedit gambar, menganimasi, dan pengeditan lainnya.” (Diginnovac et al, 2008) Berikut ini adalah bentuk tampilan jendela utama pada Adobe Flash CS 3

(34)

1 2

4 5 6

Gambar 2.2 Jendela Utama

Keterangan gambar :

1. Menu Bar adalah kumpulan yang terdiri atas dasar menu-menu yang digolongkan dalam satu kategori. Misalnya menu file terdiri atas perintah New, Open, Save, Import, Export, dan lain-lain.

2. Timeline adalah sebuah jendela panel yang digunakan untuk mengelompokkan dan mengatur isi sebuah movie, pengaturan tersebut meliputi penentuan masa tayang objek, pengaturan layer, dan lain-lain.

3. Stage adalah area untuk berkreasi dalam membuat animasi yang digunakan untuk mengkomposisi frame-frame secara individual dalam sebuah movie.

(35)

4. Toolbox adalah kumpulan tools yang sering digunakan untuk melakukan seleksi, menggambar, mewarnai objek, memodifikasi objek, dan mengatur gambar atau objek.

5. Properties adalah informasi objek-objek yang ada di stage. Tampilan panel properties secara otomatis dapat berganti-ganti dalam menampilkan informasi atribut-atribut properties dari objek yang terpilih.

6. Panels adalah sebagai pengontrol yang berfungsi untuk mengganti dan memodifikasi berbagai atribut dari objek dari animasi secara cepat dan mudah.

2.3.3 Toolbox

Fasilitas Toolbox seperti telah dijelaskan sekilas diawal adalah sekumpulan tool atau alat yang mempunyai fungsi-fungsi tersendiri untuk keperluan desain (M. Amarullah Akbar et al, 2008). Berikut penjelasan setiap tool yang terdapat pada Toolbox .

1. Arrow Tool

Arrow Tool atau sering disebut selection tool berfungsi untuk memilih atau menyeleksi suatu objek.

2. Subselection Tool

Subselection Tool berfungsi menyeleksi bagian objek lebih detail dari pada selection tool.

(36)

3. Free Transform Tool

Free Transform Tool berfungsi untuk mentransformasi objek yang terseleksi.

4. Gradient Transform Tool

Gradient Transform Tool berfungsi untuk mentransformasi warna dari fill objek yang terseleksi.

5. Lasso Tool

Lasso Tool digunakan untuk melakukan seleksi dengan menggambar sebuah garis seleksi.

6. Pen Tool

Pen Tool digunakan untuk menggambar garis dengan bantuan titik-titik bantu seperti dalam pembuatan garis, kurva atau gambar.

7. Text Tool

Text Tool digunakan untuk membuat objek teks.

8. Line Tool

Line Tool digunakan untuk membuat atau menggambar garis.

9. Rectangle Tool

Rectangle Tool digunakan untuk menggambar bentuk bentuk persegi panjang atau bujur sangkar.

(37)

10. Oval Tool

Oval Tool digunakan untuk membuat bentuk bulat atau oval.

11. Poly Star Tool

Poly Star Tool digunakan untuk menggambar bentuk dengan jumlah segi yang diinginkan.

12. Pencil Tool

Pencil Tool digunakan untuk membuat garis.

13. Brush Tool

Brush Tool digunakan untuk menggambar bentuk garis-garis dan bentuk-bentuk bebas.

14. Ink bottle

Ink Bottle digunakan untuk mengubah warna garis, lebar garis, dan style garis atau garis luar sebuah bentuk.

15. Paintbucket Tool

Paintbucket Tool digunakan untuk mengisi area-area kosong atau digunakan untuk mengubah warna area sebuah objek yang telah diwarnai.

16. Eraser Tool

Eraser Tool digunakan untuk menghapus objek

17. Hand Tool

(38)

18. Zoom Tool

Zoom Tool digunakan untuk memperbesar atau memperkecil tampilan stage.

19. Stroke Color

Stroke Color digunakan untuk memilih atau memberi warna pada suatu garis.

20. Fill Color

Fill Color digunakan untuk memilih atau memberi warna pada suatu objek.

21. Black and white

Black and White digunakan untuk memilih warna hitam dan putih saja.

22. Swap Color

Swap Color digunakan untuk menukar warna fill dan stroke atau sebaliknya dari suatu gambar atau objek.

2.3.4 Library

Fungsi dari library adalah sebagai wadah untuk menyimpan program-program terpisah yang sudah jadi, seperti tombol, objek grafis, audio, video, dan lain-lain. Berikut tampilan panel library.

(39)

Gambar 2.3 Panel Library

2.3.5 Action Script

Salah satu kelebihan Adobe Flash CS 3 Professional dibanding perangkat lunak animasi yang lain yaitu adanya ActionScript. ActionScript adalah bahasa pemrograman Adobe Flash CS 3 Professional yang digunakan untuk membuat animasi atau interaksi (Ferry Herlambang, 2007). ActionScript mengizinkan untuk membuat instruksi berorientasi action (lakukan perintah) dan instruksi berorientasi logic (analisis masalah sebelum melakukan perintah) .

Sama dengan bahasa pemrograman yang lain, ActionScript berisi banyak elemen yang berbeda serta strukturnya sendiri. Kita harus merangkainya dengan benar agar ActionScript dapat menjalankan dokumen sesuai dengan keinginan. Jika tidak merangkai semuanya dengan benar, maka hasil yang didapat kan akan berbeda atau file flash tidak akan bekerja sama sekali. ActionScript juga dapat diterapkan untuk action pada frame, tombol, movie clip, dan lain-lain. Action frame adalah action yang diterapkan pada frame untuk mengontrol navigasi movie, frame, atau objek

(40)

lain-ActionScript diketikkan pada panel actions yang tersedia pada software. ActionScript hanya dapat dituliskan pada objek yang bertipe Movie Clip, keyframe, Button, dan objek components. ActionScript tidak dapat digunakan pada objek tulisan atau gambar lain yang bukan bertipe Movie Clip. Jadi bila ingin menggunakan ActionScript pada suatu objek, objek tersebut harus diubah menjadi Movie Clip terebih dahulu. Untuk membuka panel Actions, klik tulisan Action yang ada pada jendela panel. Berikut tampilan dari panel ActionScript pada Adobe Flash CS 3 Professional.

Gambar 2.4 Panel Action

2.4 Pengenalan Komputer 2.4.1 Defenisi Komputer

Penggunaan komputer telah begitu luas dan mencakup seluruh sendi kehidupan dan telah menjadi salah satu kebutuhan pokok dalam kegiatan sehari-hari. Namun pada

(41)

awalnya komputer hanya digunakan untuk alat hitung belaka. Komputer berasal dari bahasa latin Computare yang berarti alat hitung. Komputer mempunyai arti yang sangat luas dan berbeda untuk orang yang berbeda. Berikut ini definisi komputer yang didapat dari beberapa buku komputer.

Menurut buku Computer Annual (Robert H.Blissmer), komputer adalah suatu alat elektronik yang mampu melakukan beberapa tugas sebagai berikut :

1. Menerima input.

2. Memproses input tadi sesuai dengan programnya. 3. Menyimpan perintah-perintah dan hasil dari pengolahan. 4. Menyediakan output dalam bentuk informasi.

Menurut buku Computer Today (Donald H.Sanders), komputer adalah sistem elektronik untuk memanipulasi data yang cepat dan tepat serta dirancang dan diorganisasikan supaya secara otomatis menerima dan menyimpan data input, memprosesnya dan menghasilkan output dibawah pengawasan suatu langkah-langkah instruksi-instruksi program yang tersimpan di memori (stored program).

Menurut buku Computer Organization (V.C. Hamacher, Z.G. Vranesic. S.G. Zaky), komputer adalah mesin penghitung elektronik yang cepat dapat menerima informasi input digital, memprosesnya sesuai dengan suatu program yang tersimpan di memorinya (stored program) dan menghasilkan output informasi.

(42)

Menurut buku Introduction To Computers (Gordon B. Davis), komputer adalah tipe khusus alat penghitung yang mempunyai sifat tertentu yang pasti. Dari beberapa definisi yang didapat dari berbagai buku, dapat disimpulkan bahwa komputer adalah :

1. Alat elektronik.

2. Dapat menerima input data. 3. Dapat mengolah data.

4. Dapat memberikan informasi.

5. Menggunakan suatu program yang tersimpan di memori komputer (stored program).

6. Dapat menyimpan program dan hasil pengolahan. 7. Bekerja secara otomatis.

Sedangkan yang disebut dengan program adalah kumpulan instruksi atau perintah terperinci yang sudah dipersiapkan supaya komputer dapat melakukan fungsinya dengan cara yang sudah tertentu.

2.4.2 Komponen Komputer

2.4.2.1 Perangkat Keras (Hardware)

Perangkat keras adalah perangkat fisik komputer. Dalam hal ini penulis hanya memaparkan secara umum perangkat keras komputer, antara lain:

(43)

1. CPU(Central Processing Unit)

CPU berarti unit pengolah pusat. Di CPU inilah perintah-perintah dalam program komputer diproses untuk mengolah data. Data yang diolah sudah dimasukkan lewat alat masukan (input device) dan hasilnya akan ditampilkan oleh output device (alat keluaran).

2. Monitor

Monitor berfungsi untuk menampilkan data atau infomasi yang berguna bagi para pemakai komputer. Disamping itu juga berfungsi untuk melihat keadaan benar tidaknya data atau program dalam komputer.

3. Keyboard

Keyboard adalah alat untuk menuliskan perintah melalui huruf dan angka ke layar monitor. Bentuk tombol keyboard umumnya sama dengan tombol mesin tik. Bedanya, jumlah tombol keyboard untuk huruf, angka, dan printah lainnya lebih banyak daripada yang ada pada mesin tik. Susunan huruf dan angka pada keyboard pun diadaptasi dari mesin tik.

4. Mouse

Mouse dalam bahasa indonesia disebut tetikus. Mouse berfungsi sebagai alat penunjuk. Mouse terhubung ke komputer melalui kabel yang terdapat pada mouse.Ujung kabel tersebut dimasukkan dalam soket (port) yang ada di CPU komputer. Tombol kiri dan tombol putar pada mouse dioperasikan dengan jari telunjuk. Sedangkan tombol kanan dioperasikan dengan jari tengah.

(44)

5. Printer

Dalam bahasa indonesi printer berarti pencetak (alat cetak). Printer berfungsi untuk mencetak tulisan, gambar, dan tampilan lainnya dari komputer ke kertas. Dalam teknologi printer , dikenal istilah resolusi printer yaitu dpt (dot per inch) maksudnya adalah kemampuan printer untuk mencetak jumlah titik dalam luas area satu inci. Makin tinggi resolusinya akan semakin bagus cetakan yang dihasilkan.

6. Scanner

Scanner adalah alat elektronik yang fungsinya sama seperti mesin fotokopi. Bedanya, fotokopian dapat langsung dilihat pada kertas. Sementara hasil scan ditampilkan pada layar monitor komputer. Dalam bahasa indonesia scanner adalah mesin pemindai atau cukup disebut pemindai. Arti pindai adalah melihat dengan teliti dan saksama. Maksud pemindai kurang lebih adalah alat yang dapat membaca data dengan teliti dan saksama.

7. Stabilizer

Stabilizer disebut juga AVR (Automatic Voltage Regulator) fungsinya untuk menjaga tegangan listrik yang masuk agar tetap stabil saat menggunakan komputer. Pada kenyataannya, tidak semua komputer memakai stabilizer. Memang, tetap bisa menjalankan komputer meskipun belum memasang stabilizer. Namun sebaiknya komputer terhubung dengan stabilizer untuk menjaga agar komputer tetap dlam kondisi baik.

(45)

8. UPS (Uninterruptible Power Supply)

UPS fungsinya adalah untuk menahan listrik selama beberapa waktu. Lama waktunya bergantung pada besarnya kemampuan UPS tersebut dalam menyimpan cadangan listrik. UPS berfungsi juga sebagai stabilizer yang menyuplai aliran listrik pengganti ketika listrik terputus.

2.4.2.2 Perangkat Lunak (Software)

Perangkat lunak adalah perangkat non fisik komputer. 1. Sistem Operasi

Sistem operasi (Operating System) adalah perangkat lunak yang ada dalam sistem komputer. Tugasnya menjalankan seluruh perangkat keras serta operasi-operasi awal pada saat komputer dinyalakan. Sistem operasi-operasi yang digunakan dalam banyak komputer saat ini terbagi menjadi tiga kelompok besar, yaitu Microsoft Windows, Unix, dan MAC OS

a. Keluarga Microsoft Windows, terdiri atas Ms. Windows XP, Ms. Windows Server 2003, Ms. Windows Vista, dan Ms. Windows 7

b. Keluarga Unix, antara lain SCO UNIX, keluarga BSD (Barkeley Software Distribution), GNU/Linux. MAC OS X, dan GNU/ Hurd.

c. Mac OS adalah sistem operasi untuk komputer keluaran Apple. Biasanya disebut Mac atau Macintosh.

(46)

2. Program Aplikasi

Program aplikasi adalah program yang dibuat untuk melaksanakan tugas tertentu yang dibutuhkan pengguna komputer (user). Jika komputer diibaratkan mesin yang memiliki lapisan-lapisan, maka program aplikasi adalah lapisan ketiga setelah perangkat keras dan sistem operasi.

Sekarang sudah banyak program aplikasi komputer yang digunakan. Program aplikasi berhubungan dengan kebutuhan pengguna komputer. Program aplikasi meliputi program-program dibawah ini:

a. Program Kantor

Program yang khusus dibuat untuk aplikasi perkantoran, seperti pekerjaan administrasi, surat menyurat, dan akuntansi. Contohnya: Microsoft Office yang berisi program Microsoft Word, Microsoft Excel, Microsoft Power Point, dan Microsoft Access. Dalam hal ini, penulis hanya menjabarkan mengenai Microsoft Word dan Microsoft Excel.

1. Microsoft Word adalah perangkat lunak pengolah kata untuk membuat dokumen, berupa surat, cerita, puisi, artikel, dan laporan.

2. Microsoft Excel adalah perangkat lunak pengolah angka untuk membantu perhitungan. Microsoft Excel juga dapat membuat grafik dan mengolah data dalam jumlah yang besar.

(47)

Program khusus yang disediakan untuk merancang atau mendesain gambar dan foto. Contohnya Corel Draw, PhotoShop, Auto Cad, Microsoft Paint dan sebagainya.

c. Program Musik dan Film

Program musik dan film dibuat untuk pengguna yang ingin mendengarkan musik atau menonton film. Contohnya Winamp dan Windows Media Player.

(48)

BAB 3

PERANCANGAN SISTEM

3.1 Penentuan Aplikasi yang Akan Dibuat

Penentuan aplikasi Pembelajaran Pengenalan Komputer Berbasis Multimedia bertujuan untuk membantu penulis dalam menemukan suatu solusi dari permasalahan yang dihadapi siswa Sekolah Dasar dalam mempelajari pelajaran pengenalan komputer yang pada umumnya siswa hanya mampu menggunakan komputer dengan tidak mengedepankan lebih jauh apa sebenarnya makna komputer itu, apa fungsi dari perangkat keras komputer, juga bagaimana mereka bisa menjalankan program aplikasi komputer disamping banyaknya istilah Bahasa Inggris didalam komputer yang juga menjadi hal yang perlu diperhatikan dalam proses belajar mengajar. Materi pengenalan komputer yang dimasukkan ke dalam aplikasi pembelajaran ini hanya sebatas materi umum dan sesuai dengan kurikulum yang sedang dipelajari.

3.2 Perancangan Aplikasi

Pembuatan aplikasi pembelajaran pengenalan komputer ini menggunakan teknik yang sederhana. Teknik yang sederhana ini tentunya juga didukung oleh peranan ActionScript yang sangat membantu dalam penyederhanaan hasil publikasi flash

(49)

semaksimal mungkin sehingga didapatkan objek yang dinamis, interaktif dan tidak terjadi pemakaian ruang publikasi secara berlebihan. Animasi ini akan menggunakan ActionScript. ActionScript akan dilampirkan pada bagian lampiran listing program.

3.2.1 Desain Halaman Awal

Halaman awal adalah tampilan animasi yang pertama kali muncul jika aplikasi dibuka untuk pertama kalinya. Halaman ini berisi judul dari pembelajaran yaitu ” Aplikasi Pembelajaran Pengenalan Komputer Berbasis Multimedia” yang dianimasikan serta terdapat link menuju menu yang nantinya menjadi tampilan utama setelah aplikasi dijalankan. Selain itu background dari halaman awal ini berupa animasi sebuah sekolah yang berada dipinggir jalan berlatar belakang puncak gunung dan merupakan pemandangan siang hari .

3.2.1.1 Desain Awal

a. Buka halaman baru beri judul awal.fla. Ubah ukuran stage menjadi 800 x 400 pixels. Buat 15 layer secara berturut yaitu layer background, awan, matahari, gunung, tanah, sekolah, next, kipas, pohon, bunga, jalan, orang, mobil, judul,bus.

b. Ganti kode warna background pada layer menjadi #33CCFF.

c. Pada layer awan, gambar awan dengan Oval Tool dan edit lengkungan agar menyerupai awan gunakan Selection Tool, pada Oval Tool buat fill colornya warna

(50)

F8, pilih movie clip, dan beri nama awan. Insert keyframe pada frame 200. Dan klik kanan pilih Create Motion Tween di antara frame 1 dan frame 200. Pada frame 200 geser objek awan sesuai gerak yang diinginkan.

d. Pada layer matahari, gambar matahari dengan Oval Tool dan pada Oval Tool buat fill colornya warna #FFFF00 (kuning) dan stroke color pilih #FFFF00 (kuning). Tekan CTRL + F8, pilih movie clip, dan beri nama matahari. Buat 2 layer dengan nama cahaya dan matahari blok kedua layer pada frame 500 insert frame. Pada layer cahaya gambarkan objek bulat mengelilingi matahari yang telah dibuat tadi dengan stroke color yang sama. Kemudian pada layer cahaya insert keyframe pada frame 50. Create Motion Tween diantara frame 1 dan frame 50 pada layer cahaya.

e. Pada layer gunung tekan CTRL + F8, pilih movie clip , dan beri nama sesuai layer. Buat gambar gunung dengan Line Tool, dan warnailah dengan Paint Bucket Tool, jika ingin membuat efek lengkungan pada gunung, gunakan dengan Selection Tool, kemudian tarik garis hingga lengkung sesuai efek gunung. Pilih warna #01DE01 untuk warna dasar gunung kemudian pilih #02A301untuk warna bagian bawah gunung yang menyerupai rumput.

f. Pada layer tanah, tekan CTRL + F8 pilih movie clip beri nama sesuai layer. Buat gambar tanah dengan Rectangle Tool dan padacolor, pilih type menjadi Radial.

Tambahkan satu titik warna diantara kedua titik dan pilih warna #999900 untuk dua titik kanan dan kiri pilih warna #999933 dengan Alpha masing-masing titik 100%.

(51)

g. Pada layer sekolah , tekan CTRL + F8 pilih movie clip beri nama sesuai dengan layer. Gambarkan setiap objek pada sekolah dengan Line Tool, seperti pintu, atap, dinding, jendela dengan warna yang diinginkan menggunakan Paint Bucket Tool dan untuk menggambar batu pilih Oval Tool kemudian warnai dengan warna coklat.

h. Pada layer next, tekan CTRL + F8 pilih button, akan ada pilihan up, over, down dan hit pada setiap frame. Pada frame up buatlah sebuah lingkaran dengan menggunakan Oval Tool warnai dengan warna #FF6699 pada Paint Bucket Tool, untuk Stroke Color pilih warna #990000 dengan ukuran 8 dan pilih garis putus-putus. Kemudian buat teks next pada lingkaran dengan menggunakan Teks Tool. Tekan F6 untuk menambahkan frame sampai frame hit. Pada over ganti warna dasar bertype Linear kemudian dititik sebelah kanan pilih warna #CC6699 dan titik sebelah kiri dengan warna #FFFFFF. Pada down, ganti warna dasar menjadi hitam dan pada hit tetap pada keadaan semula

i. Pada layer kipas, tekan CTRL + F8 pilih movie clip beri nama sesuai dengan layer. Buat 2 layer, pada layer 1 gambar objek segitiga dan pada layer 2 gambar tiang menggunakan Line Tool. Insert Frame (tekan F5) pada frame 50 pada kedua layer. Pada layer 1 antara frame 1 dan 50 pada bagian properties pilih Motion: Twin, kemudian pilih Rotate: CW agar searah dengan jarum jam dan dengan memasukkan 5 untuk timesnya. Nilai yang dimasukkan pada times berpengaruh berapa kali objek akan diputar.

(52)

j. Pada layer pohon, bunga, dan jalan masing-masing menggunakan Line Tool dan pewarnaan objek dengan Paint Bucket Color. Lakukan hal yang sama sebelum menggambar objek tekan CTRL + F8 pilih movie clip dan namai sesuai dengan layer. Pada objek bunga terdiri dari beberapa frame dengan objek yang berbeda. Untuk frame pertama diisi dengan objek batang dan daun, lakukan insert keyframe, lalu pada frame 5 tambahkan tunas bunga, begitu seterusnya hingga di frame 15 hingga bentuk bunga menjadi sempurna. Lakukan lagi insert keyframe berjarak 5 hingga frame 55. Create Motion Tween pada diantara setiap frame setelah 15. Lakukan pengeditan seperti memeringkan ke kanan dan kiri pada setiap frame untuk menghasilkan bunga tumbuh dan bergoyang.

k. Pada layer orang, tekan Ctrl CTRL + F8 untuk membuat simbol baru. Pilih movie clip. Gambar objek kepala, tangan, badan, mata dan kaki dengan layer yang terpisah. Fungsinya adalah untuk memudahkan dalam meng-edit objek ketika akan dianimasikan. Pada objek orang yang digerakkan hanyalah tangan, mata, dan mulut. Pada layer tangan, masukkan beberapa keyframe yang diisi dengan objek yang berbeda, berjarak 5 setiap frame. Begitu pula pada layer mata dan mulut.

l. Pada layer mobil, pastikan posisi frame pada 45 tekan CTRL + F8 pilih movie clip dan namai sesuai dengan layer. Gambar objek mobil menggunakan Line Tool. Insert Keyframe pada frame 100 kemudian diantara frame 1 dan 100 Create Motion Tween dan atur gerakan mobil sesuai yang diinginkan, dari kanan ke kiri tepat diposisi frame 100. Hal yang sama juga dilakukan ketika membuat objek bus. Tetapi pada layer bus posisi keyframe di frame 1.

(53)

m. Pada layer judul, tekan CTRL + F8 pilih movie clip dan namai sesuai layer. Insert Frame di frame 100. Ketik tulisan “ Aplikasi Pembelajaran Pengenalan Komputer Berbasis Multimedia” pada frame 1 menggunakan Text Tool. Pada properties ubah ukuran huruf menjadi 48 dan warna hitam. Blok tulisan kemudian pilih Modify-Timeline- Distribute to layers (CTRL+B) untuk memecah layer menjadi beberapa bagian. Maka akan muncul beberapa layer sesuai dengan huruf masing-masing tulisan yang telah diketik tadi. Hapus Layer 1, dan pada layer A insert keyframe pada frame 2 kemudian perkecil objek huruf A dengan menggunakan Free Transform Tool dan mengubah ukuran huruf menjadi 23 dan warna #660033. Pada layer P, geser frame 1 ke frame 2 kemudian insert keyframe pada frame 3 perkecil objek huruf P dengan ukuran 23 dengan warna yang sama pada huruf A. Begitu seterusnya untuk layer L sampai dengan A berjarak 2 frame, kemudian disusul insert keyframe untuk memperkecil huruf.

3.2.2 Desain Halaman Home

Halaman home adalah tampilan animasi yang muncul jika tombol Next di klik pada tampilan awal sebelumnya. Halaman ini berisi judul yaitu ”Belajar Komputer” yang dianimasikan serta link – link menuju materi yaitu defenisi komputer, perangkat keras, perangkat lunak dan contoh soal. Selain itu background dari halaman awal ini juga berupa animasi pemandangan di sore hari.

(54)

a. Buka halaman baru beri judul home.fla. Ubah ukuran st age menjadi 800 x 400 pixels.Buat 9 layer secara bert urut yait u layer background, judul, rumput , komput er, menu, t anah, kipas, burung, bunga.

b. Pada layer background, t ekan CTRL + F8, pilih movie clip, dan beri nama sesuai layer, kemudian membuat background dengan menggunakan Rect angle t ool, pada color ubah t ype menjadi Linear buat menjadi 4 t it ik. Pilih w arna bert urut t urut pada 4 t it ik t ersebut dengan #0033CC, #0099FF, #00FFFF, #FFFF00 dengan Alpha 100 %.

c. Pada layer judul, tekan CTRL + F8, pilih movie clip, dan beri nama sesuai layer. Ketik tulisan “Pembelajaran Pengenalan Komputer” dengan mengguna kan Text Tool dan warnai dengan Paint Bucket Color dengan warna merah hati kemudian blok tulisan pilih Modify- Timeline- Distribute to layers (CTRL+B) untuk memecah layer menjadi beberapa bagian sesuai jumlah huruf .yang diketik. Hapus layer 1. Animasi dimulai dari dari huruf P. Insert keyframe di frame 6 dan 11. Beri motion tween di frame 1 dan 2.Klik keyframe 2 di frame 6, tampilkan panel transform, centang pilihan Constrain, ganti persentase menjadi 300 %. Tekan Enter. Pada properties, pilih Motion: Tween dan Rotate: CW dan beri nilai times 1. Lakukan langkah yang sama untuk setiap huruf tetapi insert keyframe menjadi lebih banyak 1 keyframe dibanding huruf sebelumnya dengan berjarak 5. Lakukan insert frame pada frame 165.

d. Pada layer rumput, tekan CTRL+F8, pilih movie clip beri nama sesuai dengan layer. Gambar objek rumput dengan menggunakan Line Tool lakukan pengeditan untuk melengkungkan objek agar kelihatan seperti 2 bukit rumput

(55)

dengan mengaktifkan Selection Tool. Pada color pilih type Linear dengan 3 titik. Bukit pertama dan kedua warnai berturut dengan #FFFFFF, #00FF00, #00CC33 dengan stroke color warna hijau ukuran 9 dan stroke style garis putus.

e. Pada layer komputer, tekan CTRL+F8 pilih movie clip dan beri nama sesuai dengan layer. Buat 5 layer berturut kabelmouse, PC, keyboard, huruf, mouse. Gambar objek dengan menggunakan Line Tool dan Selection Tool untuk melengkungkan,meluruskan, dan memotong garis pada objek. Setelah semua digambar, insert keyframe (F6) diposisi frame 85 pada semua layer. Antara frame 1 dan frame 85 pada PC lakukan motion shape dengan mengatur properties Motion: Shape. Lakukan perubahan bentuk gambar dengan Free Transform Tool dengan memperkecil atau memperbesar objek PC. Ubah warna screen monitor dengan warna #000099. Begitu seterusnya pada layer mouse, keyboard, huruf, dan kabel mouse. Masukkan Action Script: Stop(); pada frame 85 disemua layer untuk menghentikan gerakan objek agar tidak berulang.

f. Pada frame menu, tekan CTRL+F8 pilih movie clip beri nama tiang. Gambar tiang dengan Line Tool dan untuk melengkungkan pilih Free Transform Tool. Pada tiang batasi dengan setiap garis yang terdiri dari 4 bagian dengan warna yang berbeda yaitu biru, kuning, ungu, merah, pink fungsinya untuk meletakkan masing-masing menu yang akan di link. Kemudian tekan

(56)

“Defenisi Komputer” dengan ukuran 18 dan warna merah. Tekan F6 pada frame up untuk insert keyframe sampai ke hit. Pada over dan down, ubah ukuran huruf menjadi 20 namun pada down perkecil ukuran dengan Free Transform Tool dan pada hit tetap pada keadaan semula. Begitu pula untuk membuat link pada perangkat keras, perangkat lunak, kuis, dan keluar. Setelah selesai membuat link, drag masing-masing ke stage pada tiang yang telah dipisah dengan garis.

g. Pada layer burung dan bunga, di sini penulis men-download animasi.gif agar tampilan lebih menarik dan sempurna, penulis hanya meng-edit motion tweennya saja agar animasi lebih tepat dalam penggerakan animasi, animasi.gif ini dibuat menjadi simbol dengan cara pada setiap layer tersebut tekan F8, pilih movie clip, dan beri nama sesuai nama layer tersebut.

3.2.3 Desain Halaman Defenisi Komputer

a. Buka halaman baru beri judul Defenisi.fla. Ubah ukuran stage menjadi 800 x 400 pixels. Buat 9 layer secara berturut yaitu layer background, papan, judul, defenisi, istilah , guru, link, efek, komputer.

b. Pada layer background, tekan CTRL+ F8, pilih movie clip, dan beri nama sesuai layer, kemudian membuat background dengan menggunakan 5 buah Rectangle tool yang dibuat secara vertikal dengan warna yang berbeda berturut #0066FF, #FFFF00, #FF00FF, #00FF00, #FF6633 alpha 58 %. Masih dalam keadaan terseleksi, tekan CTRL+D untuk menggandakan objek. Lakukan hingga 2 kali.

(57)

Atur posisinya hingga menutupi background stage. Tambahkan kembali 2 Rectangle Tool dengan warna putih dan coklat alpha 58% letakkan dibawah dengan posisi horizontal.

c. Pada layer papan, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Gambarkan papan tulis dengan menggunakan Rectangle Tool warna putih dan stroke style garis putus-putus dengan warna hitam.Untuk menggambar spidol dan penghapus dengan menggunakan Line Tool.

d. Pada layer judul, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Ketik tulisan “KOMPUTER” dengan ukuran 44 warna merah marun. Blok tulisan dan tekan CTRL+B lalu pilih Modify- Timeline- Disrtibute To Layers, maka muncul beberapa layer terpisah dengan huruf yang diketik tersebut. Hapus layer 1. Blok semua layer hingga ke posisi frame 4. Tekan F6 untuk Insert Keyframe. Pada layer K, ubah warna K menjadi biru pada frame 2, frame 3 menjadi warna kuning dan frame 4 menjadi warna merah tua. Pada layer O diposisi frame 2,3, dan 4 ubah warna menjadi pink, biru, hijau. Lakukan hal yang sama untuk huruf M,P,U,T,E,R dengan warna yang berbeda untuk setiap frame 2,3, dan 4.

e. Pada layer defenisi, ketik tulisan “defenisi” dengan menggunakan Text Tool ukuran 34. Pada frame 35 tekan F6 lalu geser kata defenisi ke atas tepat diatas judul komputer. Klik kanan Create Motion Tween diantara frame 1 dan 35. Masukkan ActionScrip: Stop(); pada frame 35.

(58)

f. Pada layer istilah, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Ketik tulisan “Istilah Komputer berasal dari Bahasa Latin yaitu Computare yang berarti Menghitung” lalu blok tulisan dan tekan CTRL+B dan pilih Modify-Timeline- Disrtibute To Layers, maka muncul beberapa layer terpisah dengan huruf yang diketik tersebut. Geser layer 1 tepat dibawah layer G Geser frame 1 pada layer I ke frame 2, Pada layer S frame 1 geser ke frame 3, begitu seterusnya hingga layer g berjarak 1 frame. Pada layer 1 geser frame ke frame 75 dan tekan F6 geser ke posisi 80 perbesar tulisan dengan Free Transform Tool. Create Motion Tween antara frame 75 dan 80. Masih di layer 1 tekan F5 pada frame 180 Tambahkan layer dengan nama simulasi dan defenisi. Pada layer defenisi ketik tulisan pengertian komputer pada frame 181.Tekan F5 di frame 350 dan tambahkan keyframe(F6) di frame 351 masukkan Action Script:Stop; lalu hapus frame dengan menekan tombol delete.

g. Tekan CTRL+F8, pilih movie clip, dan beri nama simulasi. Buat 4 layer baru dengan nama masuk, data, proses, simpan, selesai. Pada layer masuk, gambar objek komputer di frame 1. Gambar tanda panah dengan Line Tool di frame 1 layer data dan letakkan tepat diatas gambar komputer.Tekan F6 hingga frame 10 pada layer masuk dan frame 15 layer data. Pada frame 15 layer data, tekan F6 di posisi 20 kemudian lakukan motion tween diantara keduanya. Geser tulisan data mengikuti tanda panah seolah-olah masuk kedalam komputer. Masih di layer data, tekan F6 hingga frame 30. Isi setiap frame 21 sampai 30 dengan masing-masing huruf didalam gambar komputer.Pada layer masuk, tekan F6 dari frame 30 sampai 36. Isi setiap frame dengan gerakan tanda panah ke samping menuju objek proses yang dibuat pada layer proses. Pada layer proses gambar objek

(59)

tabung di frame 37 tekan F6 pada frame 45 kemudian atur pada properties, pilih Motion: Twin, Rotate: CW diantara frame 37 dan 45 dan tekan F6 hingga frame 53 isi setiap frame dengan tanda panah ke samping . Pada layer simpan frame 54, masukkan text tepat didalam tabung tekan F6 pada frame 58. Create Motion Tween diantara frame 54 dan 58 geser kata simpan kearah kanan. Tekan F6 8 kali pada layer simpan sampai frame 95 berjarak 5 dan gambar lingkaran dengan menggunakan Oval Tool. Tempatkan di atas kata simpan. Gambarkan tanda panah kembali di layer proses di frame 54. Pada layer simpan gambarkan kembali kompuer untuk hasil akhir dari simulasi ini. Ketik tulisan informasi dan letakkan tepat di screen monitor. Lalu pada layer komputer, data, proses dan simpan tekan F6 pada frame 180. Langkah terakhir, Insert frame pada semua layer di frame 500. Buka kembali simbol istilah. Pada layer simulasi,tekan F6 pada frame 350 kemudian drag simbol simulasi dari panel library. Insert Keyframe pada layer defenisi dan simulasi di frame 800.

h. Pada layer guru, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Buat 9 layer baru yaitu mata, alis, tangan kanan, mulut, hidung,wajah, baju, sepatu, tangan kiri.Gambar objek dengan Line Tool dan Selection Tool. Dalam objek guru ini, yang dianimasikan hanya mata, tangan, dan mulut. Maka disetiap layer mata, mulut, dan tangan diisi frame dengan objek yang berbeda. Untuk mata berjarak 5 setiap frame dengan 2 gambar masing–masing frame yaitu mata terbuka dan tertutup, mulut bejarak 4 dengan gambar mulut sedang terkatup dan terbuka, dan tangan berjarak 7 dengan gambar setiap frame tangan mengepal, terbuka dan menunjuk ke papan tulis, untuk meng-editnya dengan menggunakan

(60)

i. Pada layer link, tekan CTRL+F8, pilih button dan beri nama home. Gambarkan bentuk rumah dengan menggunakan Line Tool ubah warna atap dengan merah dan dinding warna putih. Masukkan teks “home” dengan Text Tool. Tekan F6 hingga posisi hit. Pada over dan down ubah warna stroke menjadi kuning dan warna dasar tidak ada. Perkecil objek pada down dengan menggunakan Free Transform Tool.

j. Pada layer efek, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Gambar komputer dengan menggunakan Line Tool warnai objek dengan warna hitam dan atur alpha 40%. Pada layer efek, tekan F6 sebanyak 6 kali dan beri jarak 10.Geser objek ke segala arah dekat dengan papan tulis di setiap frame.

k. Pada layer komputer, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Buat 9 layer baru dengan nama bayangan, kaki, tangan, mouse, kepala, alis, mata, mulut. Gambar objek dengan menggunakan Line Tool dan warnai dengan Paint Bucket Tool. Pada objek komputer ini, yang dianimasikan hanyalah tangan, mulut, dan mata dengan diisi objek yang berbeda pada setiap frame.

3.2.4 Desain Halaman Perangkat Keras

a. Buka halaman baru beri judul Opening Hardware.fla. Ubah ukuran stage menjadi 800 x 400 pixels.Buat 5 layer secara berturut yaitu layer background, home, orang, efek, hardware.

(61)

b. Pada layer background, , tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Buat 3 layer baru dengan nama back, bulat, efek. Pada layer back gambar 2 buah Rectangle Tool. Letakkan berdampingan,dengan posisi lebih kecil kiri dan kanan lebih besar. Untuk kotak yang sebelah kanan, warnai dengan type Radial dengan 4 titik warna berurut #0099FF, #079CFF, #15A1FF, #FFFFFF. Untuk kotak sebelah kanan, warnai dengan warna type Linear dengan 2 titik berurut #FF3366, #FFFFFF dengan alpha 100%. Pada layer bulat, gambar 4 objek lingkaran dengan menggunakan Oval Tool warnai dengan #FF00FF alpha 45%. Pada layer efek, buat persegi panjang dengan Rectangle Tool, atur warna dengan #FF0000 dan stroke pilih garis putus dengan ukuran 1,5 dengan warna #0099FF. Masih pada layer efek, letakkan objek diantara 2 kotak yang telah dibuat.Tekan F6 pada frame 35 kemudian Create Motion Tween diantara frame 1 dan 35 pada layer efek. Geser kotak persegi panjang ke atas. Pastikan ketika menggeser objek frame berada pada 35.

c. Pada layer Home, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. tekan CTRL+F8, pilih button dan beri nama home. Gambarkan bentuk rumah dengan menggunakan Line Tool ubah warna atap dengan merah dan dinding warna putih. Masukkan teks “home” dengan Text Tool. Tekan F6 hingga posisi hit. Pada over dan down ubah warna stroke menjadi kuning dan warna dasar tidak ada. Perkecil objek pada down dengan menggunakan Free Transform Tool.

(62)

sepatu, tangan kiri.Gambar objek dengan Line Tool dan Selection Tool. Dalam objek guru ini, yang dianimasikan hanya mata, tangan, dan mulut. Maka disetiap layer mata, mulut, dan tangan diisi frame dengan objek yang berbeda. Untuk mata berjarak 5 setiap frame dengan 2 gambar masing–masing frame yaitu mata terbuka dan tertutup, mulut bejarak 4 dengan gambar mulut sedang terkatup dan terbuka, dan tangan berjarak 7 dengan gambar setiap frame tangan mengepal, terbuka dan menunjuk ke papan tulis, untuk meng-editnya dengan menggunakan Free Transform Tool.

e. Pada layer efek, ada 2 objek sekaligus yaitu judul dan efek jatuh. Untuk membuat judul :

Tekan CTRL+F8, pilih movie clip, dan beri nama dengan judul. Ketik “Perangkat Keras” dengan menggunakan Text Tool dengan warna merah . Tekan CTRL+B sebanyak 2 kali hingga muncul titik-titik penuh pada setiap huruf. Tekan F6 sebanyakj 3 kali lalu geser ke frame 20, 30, dan 40.Untuk membuat tulisan memiliki 2 warna yang berbeda, menggunakan Line Tool yang digambar ditengah pada huruf, lalu warnai bagian atas atau bawah huruf secara acak dengan warna ber-type Linear berturut #00FFFF, #3333CC, #FF00FF ini dilakukan pada frame 20. Create Motion Shape antara frame 1 dan 20. Begitu pula seterusnya antara frame 20 dengan 30 Motion Shaping dengan warna seperti semula. Antara frame 30 dan 40 Create Motion Shape dan kembalikan tulisan ke bentuk awal. Langkah terakhir pilih Insert Frame pada posisi 100.

-Untuk membuat efek jatuh:

Tekan CTRL+F8, pilih movie clip, dan beri nama dengan efek jat uh. Buat 4 layer baru bert urut dengan nama mouse, CPU, monit or, keyboard. Pada layer keyboard, gambar

(63)

t erlebih dahulu keyboard dengan m enggunakan Line Tool dan Paint Bucket Tool dengan w arna abu-abu. Pada layer keyboard frame 1 t ekan F6 dan geser ke posisi 40. Create M ot ion Tween ant ara frame 1 dan frame 40. Pada frame 40 geser keyboard ke baw ah seolah-olah jat uh dan at ur alpha menjadi 28%. Pada layer monit or, t ekan F6 pada frame 5 dan gambarkan monit or dengan Line Tool gant i w arna dengan abu-abu. Tekan F6 kembali sebanyak 6 kali t empat kan pada frame 10, 15, 35,42. Pada frame 10 dan 15 hanya mengubah w arna pada objek. Ant ara frame 15 dan 35 , 35 dan 40 Creat e M ot ion Tw eendan jat uhkan objek monit or kebaw ah dengan alpha 28%. Pada layer CPU, t ekan F6 pada frame 9 kemudian gambar CPU dengan Line Tool, w arnai dengan abu-abu. Tekan F6 pada frame 40 dan Create M ot ion Tween geser CPU kebawah. Pada layer mouse t ekan F6 pada frame 6 dan gambar objek mouse menggunakan Line Tool dan Select ion Tool unt uk melengkungkan objek w arnai dengan abu-abu. Tekan F6 pada frame 35 dan 40. Creat e M ot ion Tween ant ara frame 6 dan 35, 35 dan 40 dengan gerakan jat uh kebaw ah unt uk masing-masing gerakan. Blok semua layer pada frame 50 t ekan F6, naikkan kembali dan susun objek menjadi sat u perangkat komput er yang t ak t erpisah. Tekan F6 pada layer keyboard, monit or, CPU, mouse bert urut pada frame 65, 75, 80, 85. Geser masing-masing objek keat as dan susun kembali menjadi perangkat komput er.

f. Pada layer hardware, terdapat 2 objek berbeda yaitu subjudul dan link. -Untuk membuat subjudul:

Tekan CTRL+F8, pilih movie clip, dan beri nama subjudul. Buat 2 layer baru, layer 2, ketikkan judul hardware pada frame 1 ketik pengertian hardware dengan menggunakan Text Tool dan layer 1 gambar objek menggunakan Line

(64)

pilih warna pelangi dengan type Linear. Tekan F6 di frame 45 pada layer 1 dan 2. Create Motion Tween besarkan dan kecilkan objek dengan Free Transform Tool -Untuk membuat Link

Tekan CTRL+F8, pilih movie clip, dan beri nama link. Gambarkan sebuah kotak dengan menggunakn Rectangle Tool dengan warna #FFFFFF dan alpha 32 %. Masukkan gambar hardware yang sebelumnya di convert to symbol agar berfungsi menjadi tombol button yang ketika di klik maka akan muncul keterangan dari gambar tersebut.

3.2.4.1 Desain Halaman Hardware

Pada bagian ini menjelaskan pengert ian dari suat u hardw are yang apabila diklik gambar maka akan muncul pengert ian dari hardw are t ersebut . Adapun hardw are yang akan di link pada halaman ini adalah CPU, monit or, keyboard, scanner, mouse, print er, st abilizer, dan UPS. Dalam hal ini penulis hanya menjelaskan halaman CPU dan monit or, karena pada dasarnya langkah yang dilakukan sama, namun yang membedakan hanyalah gambar objek, penamaan, warna background dan pengert ian dari hardw are t ersebut .

3.2.4.2 Desain Halaman CPU

a. Buka halaman baru beri judul CPU.fla. Ubah ukuran stage menjadi 800 x 400 pixels. Buat 6 layer secara berturut yaitu layer background, papan, link, efek, orang, hardware.

b. Pada layer background, , tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Buat 3 layer baru dengan nama back, bulat, efek. Pada layer back gambar 2

(65)

buah Rectangle Tool. Letakkan berdampingan,dengan posisi lebih kecil kiri dan kanan lebih besar. Untuk kotak yang sebelah kanan, warnai dengan type Radial dengan 2 titik warna berurut #00CC33, #FFFFFF. Untuk kotak sebelah kanan, warnai dengan warna type Linear dengan 2 titik berurut #FF3366, #FFFFFF dengan alpha 100%. Tambahkan gambar lemari buku dan pot menggunakan Line Tool dan Retangle Tool. Pada layer bulat, gambar 4 objek lingkaran dengan menggunakan Oval Tool kemudian potong masing masing sisi luarnya, sehingga kelihatan seperti bentuk ketupat. Tekan CTRL+D untuk menggandakan, rapatkan posisi objek dengan yang lainnya hingga membentuk bulatan. Letakkan tepat diatas kotak yang sebelah kanan. Pada layer efek, buat persegi panjang dengan Rectangle Tool, atur warna dengan #FF0000 dan stroke pilih garis putus dengan ukuran 1,5 dengan warna #0099FF. Masih pada layer efek, letakkan objek diantara 2 kotak yang telah dibuat.Tekan F6 pada frame 35 kemudian Create Motion Tween diantara frame 1 dan 35 pada layer efek. Geser kotak persegi panjang ke atas. Pastikan ketika menggeser objek frame berada pada 35.

c. Pada layer papan, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Gambarkan papan tulis dengan menggunakan Rectangle Tool warna putih dan stroke style garis solid dengan warna hitam.Untuk menggambar spidol dan penghapus dengan menggunakan Line Tool dan warnai dengan Paint Bucket Tool.

d. Pada layer link, terdapat 2 tombol yaitu Back dan Next. Tekan CTRL+F8, pilih button dan beri nama Kembali . Pada frame up ketikkan tulisan Back dengan menggunakan Text Tool dan beri warna hitam. Tekan F6 pada over dan down.

(66)

disamping kiri kata Back, perkecil objek Back dengan menggunakan Free Transform Tool. Tekan F5 pada hit warna dasar tidak ada. Perkecil objek pada down dengan menggunakan Free Transform Tool. Lakukan langkah yang sama untuk membuat tombol Next.

e. Pada layer efek, ada 2 objek sekaligus yaitu judul dan efek jatuh. 1. Untuk membuat judul :

2. Untuk membuat efek jatuh:

Tekan CTRL+F8, pilih movie clip, dan beri nama dengan efek jat uh. Buat 4 layer baru bert urut dengan nama mouse, CPU, monit or, keyboard. Pada layer keyboard, gambar t erlebih dahulu keyboard dengan m enggunakan Line Tool dan Paint Bucket Tool dengan w arna abu-abu. Padalayer keyboard frame 1 t ekan F6 dan geser ke posisi 40. Create M ot ion Tween ant ara frame 1 dan frame 40. Pada frame 40 geser keyboard ke baw ah

(1)

4 HALAMAN KUIS

Layer Action

fscommand("fullscreen",true);

Layer Background

jumlah_animasi = 0;

onEnterFrame = function () { if (jumlah_animasi<30) { salju=attachMovie("salju", "salju"+_root.getNextHighestDepth(),

_root.getNextHighestDepth(), {_x:random(Stage.width), _y:0});

salju._xscale = salju._yscale=random(30)+60; salju.kecepatan = random(6)+2; jumlah_animasi += 1;

salju.onEnterFrame = function() {

this._y += this.kecepatan; if (this._y>Stage.height) { this.removeMovieClip();

jumlah_animasi -= 1; }

}; }

};

Layer Tombol Mulai on(release){

nomor_soal+=1;

_root.waktu.mulai = 0; naik+=1

gotoAndStop(hasil[naik]) ; }

(2)

Layer Lanjut on(release){

nomor_soal+=1

if(jawaban == kunci){ nilai += 20 ; }

naik+=1

gotoAndStop(hasil[naik]) ; if(nomor_soal > 5){

_root.waktu.mulai = 1 ; if(nilai > 50){

gotoAndStop("frame_menang") }else{

gotoAndStop("frame_kalah") }

} }

Layer Action Frame 1 stop () ;

jawaban = "" ; kunci = "" ; nilai = 0 ;

nomor_soal = 0 ;

bank_soal =new Array (1,2,3,4,5,6,7,8,9,10,11,12,13) ; sudah=new Array(0,0,0,0,0,0,0,0,0,0,0,0,0);

hasil=new Array(0,0,0,0,0);

naik=-1

function acak_soal(){ for(i=0;i<5;i++){

belum=0;

while(belum==0){

item=random(12); if(sudah[item]==0){

belum=1;

sudah[item]=1;

hasil[i]=bank_soal[item]+1; }

} }

}

(3)

trace(hasil)

Layer Timer

onClipEvent(load){ detik = 0 ; menit = 3 ; mulai = 1 ; }

onClipEvent(enterFrame){ if(mulai == 0){

if(_currentframe == 12){ detik -= 1 ;

if(detik < 0){ detik = 59 ; menit -= 1 }

} }

if(detik < 10){

tampil_detik = "0" + detik ; }else {

tampil_detik = detik ; }

if(detik==60){

tampil_detik="00" }

if(menit < 10){

tampil_menit = "0" + menit ; }else {

tampil_menit = menit ; }

if(menit == 0 and detik ==0 ){ mulai = 1 ;

_root.gotoAndStop ("frame_kalah") ; }

}

Layer Home

on (release) {

(4)

}

5 HALAMAN KELUAR

Layer Action

fscommand("fullscreen",true);

Layer Keluar

(5)

DEPARTEMEN PENDIDIKAN NASIONAL UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jl. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155

Telp. (061) 8211050, Fax. (061) 8214290

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama Mahasiswa : YULIANA HANDAYANI Nomor Stambuk : 082406121

Judul Tugas Akhir : Aplikasi Pembelajaran Pengenalan Komputer Pada Sekolah Dasar Berbasis Multimedia

Dosen Pembimbing : Drs. Partano Siagian, M.Sc Tanggal Mulai Bimbingan : 31 Januari 2011

Tanggal Selesai Bimbingan :

No .

Tanggal Asisten Bimbingan

Pembahasan pada Asistensi Mengenai, pada Bab :

Paraf Dosen Pembimbing

Keterangan 1

2 3 4

 Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai.

Diketahui

Departemen Matematika FMIPA USU Pembimbing, Ketua,

Prof. Drs. Tulus, M.Si Drs. Partano Siagian, M.Sc. NIP.196209011988031002 NIP. 130877994

(6)

SURAT KETERANGAN

Hasil Uji Program Tugas Akhir

Yang bertanda tangan di bawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program Diploma 3 Teknik Informatika :

Nama : YULIANA HANDAYANI N I M : 082406121

Program Studi : Teknik Informatika

Judul Tugas Akhir : Aplikasi Pembelajaran Pengenalan Komputer Pada Sekolah Dasar (SD) Berbasis Multimedia

Telah melaksanakan tes program Tugas Akhir Mahasiswi tersebut di atas pada tanggal : Mei 2011

Dengan Hasil : SUKSES / GAGAL

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.

Medan, Mei 2011 Dosen Pembimbing

Program Studi D – III Teknik Informatika

Drs. Partano Siagian, M.Sc NIP. 130877994

Aplikasi Pembelajaran Pengenalan Komputer Pada Sekolah Dasar (SD) Berbasis Multimedia