RANCANG BANGUN APLIKASI ANIMASI INTERAKTIF TUTORIAL
INSTALASI WINDOWS 7 PADA SMK TECHNO MEDIA SERPONG
Salman
AMIK BSI Tangerang
Bumi Serpong Damai Sektor XIV Blok C1/1,Jl. Letnan Sutopo BSD Tangerang
salman@gmail.com
ABSTRAK — Seiring berkembangnya teknologi informasi yang semakin hari semakin pesat dan seiring berkembangnya era modernisasi, hampir mencakup semua bidang dan semua aspek kehidupan yang tidak akan pernah luput dari yang nama teknologi dan trend ,bahkan menjadi kebutuhan yang primer, salah satunya dunia pendidikan. Dunia pendidikan yang kita kenal telah mengalami revolusi mengikuti perkembangan sesuai dengan perkembangan teknologi informasi yang sudah ada. Adapun komputer yang merupakan peralatan yang diciptakan untuk mempermudah pekerjaan manusia, saat mencapai kemajuan baik di dalam pembuatan hardware maupun software. Sistem operasi merupakan salah satu perangkat lunak yang berperan penting dalam pengoprasian atau penggunaanhardwaredansoftware. Segala hal dapat dijadikan sebuah informasi, salah satunya
tutorial instalasi windows 7 yaitu sarana
pembelajaran atau pelatihan mengenai langkah-langkah melakukan instalasiwindows 7bagi pemula agar dapat menggunakan perangkat lunak secara maksimal dan dapat memperkecil resiko kesalahan konfigurasi pada komputer atau notebook dengan tampilan animasi interakatif. Sarana pembuatan tutorial itu dapat diwujudkan dengan program
Adobe Flash CS3 Professional, Adobe Flash CS3
Professional adalah program multimedia yang
mencakup semua unsur multimedia bahkan dapat digunakan menjadi program yang dikemas dengan tidak membosankan dan menjadi teman belajar yang baik.
Kata Kunci: Animasi Interaktif, Instalasi Windows 7
PENDAHULUAN
Seiring dengan berkembangnya Teknologi Informasi yang semakin pesat hingga mencakup semua bidang dan semua aspek kehidupan yang tidak akan pernah luput dari yang nama teknologi dan trend, bahkan menjadi kebutuhan yang primer, salah satunya dunia pendidikan, dunia pendidikan yang telah kita kenal mengalami revolusi mengikuti perkembangan sesuai dengan perkembangan
Salah satu contoh penerapan dalam pendidikan adalah edukasi yang dikemas dengan animasi interaktif, dan merubah sistem pembelajaranya menjadi lebih menarik dan tidak monoton, edukasi dengan animasi interaksi ini mengoptimalisasikan konsepmultimedia, dariaudio
visualyang berisi simulasi, video, serta gambar yang
menjadikan pembelajaran atau edukasi lebih menarik dan interaktif.
Kendala yang terjadi saat ini adalah pengajar mengalami kesulitan dalam memberikan pemahaman mengenai instalasi windows 7 kepada siswa. Keterbatasan media pembelajaran bisa menyebabkan Siswa menjadi cepat bosan sehingga hilang ketertarikan akan pelajaran. Penggunaan poster bergambar merupakan alat pembelajaran yang sudah ketinggalan zaman.
Dalam era teknologi informasi saat ini, konteks pembelajaran berbasis komputer sangat di butuhkan dalam memberikan kesempatan kepada anak untuk belajar secara dinamis dan interaktif.
Penggabungan antara text, gambar, audio, musik, animasi gambar atau video dalam satu kesatuan saling mendukung, mampu menimbulkan rasa senang selama proses belajar mengajar berlangsung. Hal ini akan menambah motivasi anak selama proses belajar mengajar hingga didapatkan tujuan pembelajaran yang maksimal.
BAHAN DAN METODE
Metode penelitian yang digunakan dalam penelitian ini adalah :
1. Observasi
Adalah melakukan pencatatan, pengumpulan data yang dibutuhkan dan melakukan pengamatan dengan secara langsung ke “Smk Techno media”
2. Wawancara
Adalah Metode dilakukan dengan tanya jawab dengan guru-guru dan kepala Sekolah Smk techno media
3. Studi Pustaka
Menu Utama Menu Video Tampilan Menu Video
dengan beberapa literatur yang berhubungan dengan mempelajari buku–buku, jurnal, dan bahan pustaka lainnya
HASIL DAN PEMBAHASAN
Sebuah perangkat lunak (software) tentu memiliki kebutuhan sistem atau pun perangkat yang berbeda-beda agar dapat berfungsi dengan baik tanpa adanya kesalahan program atau
error yang disebabkan karena tidak sesuainya
sistem dengan program yang digunakan. Berikut
software yang dibutuhkan dalam merancang
animasi instalasi windiws, yaitu : 1. Sistem operasi
Sistem operasi windows yang digunakan adalah sistem operasi yang mampu menunjang program aplikasi yang dibuat untuk menutupi kekurangan yang terdapat pada sistem aplikasi DOS. Dalam hal ini, penulis menggunakan sistem operasiWindows7 Ultimate.
2. Paket Program
Dalam penelitian ini, penulis menggunakan paket programAdobe FlashCS3 sebagai program animasi berbasis windows, yang diharapkan dapat memberikan kemudahan dan kepuasan bagi pemakai dalam menjalankan program animasi yang penulis buat.
3. Adobe PhotoshopCS3
Digunakan untuk membuat, mengedit dan mengelola gambar yang berhubungan dengan huruf, angka dan warna.
4. Flash Player
Digunakan untuk melihat hasil dari pembuatan aplikasi mengenal huruf, angka dan warna.
Gambar V.3
State Transition DiagramMenu Simulasi
Gambar V.5
State Transition DiagramMenu Informasi
6.2.4.User Interface
Pada halaman ini akan dijelaskan perancangan user interface animasi yang akan ditampilkan. Dalam tampilan animasi ini akan dibuat bermacam-macam gambar, sehingga tampilannya menjadi lebih menarik dan lebih hidup. Berikut ini adalah semua tampilan yang ada pada aplikasi yang penulis buat:
1. HalamanOpening
Gambar V.6 HalamanOpening
2. Halaman Judul
Opening Judul
Gambar V.4
State Transition DiagramMenu Video
Gambar V.7 Halaman Judul
3 halaman menu
Opening Judul Menu Utama Menu Informasi Tampilan Menu
Gambar V.8
Halaman Menu Utama
3. Halaman Mengenal simuasi
5. Halaman Informasi
Gambar V.11 Halaman Informasi 6.4. Code Generation
1. HalamanLoading
Fscommand("fullscreen",true); stop();
_root.nextFrame();
2. Halaman Judul
on (release) {
_root.gotoAndStop(3); }
3. Halaman Mengenal simulasi
on (release) {
_root.gotoAndStop(4) }
4. Menu Video on (release) {
_root.gotoAndStop(5);
Gambar V.9
Halaman Mengenal simulasi
4. Halaman Video
}
5. Menu Informasi on (release) {
_root.gotoAndStop(4); }
a. Materi 1 on (release) {
gotoAndPlay(2); }
a. Materi 2 on (release) {
gotoAndPlay(3); }
b. Materi 3 on (release) {
gotoAndPlay(4);
Gambar V.10
} c. Materi 4
Tombol mulai
on (release) { _root.goto
on (release) { _root.goto
on (release) { _root.goto
on (release) { _root.goto si klik next untuk informa si lain
Sesuai
Tombol Keluar
on (press) { fscomman d ("quit",""); }
Kebutuhan Keterangan
Sistem Operasi
Windows XP, Windows 7 atau sesudahnya
Processor Intel Pentium IV 300 MHz atau selebihnya
Memori 1 GB
Harddisk 80 GB
Software Adobe Flash CS3 Professional
INPUT/
EVENT PROSES
OUTPU
on (release) {
gotoAndPlay(6); }
e. Materi 6 on (release) {
gotoAndPlay(6); }
6. Menu Quiz
on (release) {
_root.gotoAndStop(7);
6.4.1.Testing
A. PengujianWhite Box
Pengujian White Box mengasumsikan bahwa speifikasi logika adalah penting untuk menjamin apakah sistem perangkat lunak berfungsi dengan baik. Berikut adalah pengujianWhite Box yang coba penulis gambarkan:
1. Algoritma alur aplikasi media pembelajaran interaktif simulasi instalasi windows7:
a. Aplikasi media pembelajaran interaktif simulasi instalasi windows7 dimulai. b. Setelah aplikasi terbuka maka akan muncul
halaman loading dan yang dilanjutkan halaman judul, dan setelah itu akan muncul halaman menu utama
c. Pada halaman menu utama terdapat beberapa pilihan tombol, yang terdiri dari tombol mengenal simulasi, tombol Video, tombol Informasi
d.Jika tombol mengenal simulasi yang diklik pada tampilan menu utama, maka akan langsung tampil langka-langka instalasi windows7.
e. Jika tombol video yang diklik pada tampilan menu utama, maka akan ada sebuaah video yang berisikan materi tengtang simulasi instalasi windows7.
f. Jika tombol informasi yang diklik pada tampilan menu utama, maka akan tampil informasi tentang simulasi instalasi windows7 dan fungsinya
B. PengujianBlack Box
Black box testing adalah tipe testing yang
memperlakukan perangkat lunak yang tidak diketahui kinerja internalnya.. Berikut ini adalah pengujian black box aplikasi media pembelajaran interaktif instalasi windows7.
.Tabel V.7
PengujianBlack Box
6.4.2 Support
Tabel V.8
Kebutuhan Hardware dan Software
6.5. Hasil Pengolahan Data Kuisioner Animasi Interaktif
N O
INDIKATOR KESUKAAN MATERI YA TID
AK
SIMULASI MANASIK HAJI
ANG
O PERTANYAAN
INDIKATO
Apakah kamu suka belajar
Apakah di sekolah mu menggunakan media animasi?
YA TIDAK
16 0
3
Apakah menurut kamu tampilan animasinya bagus?
YA TIDAK
16 0
4
Apakah kamu biasa memainkan
Apakah animasi ini sangat mudah digunakan?
YA TIDAK
16 0
6 Materi mana yang kamu suka? a. Simulasi
Instalasi windows
9
b. Informasi 5
c. Video 2
7
Apakah Instalasi windows sangat penting buat anda?
YA TIDAK
16 0
8
Apakah menurut kamu suara animasinya bagus?
YA TIDAK
16 0
9
Apakah kamu ingin pelajaran tentang animasi ada di semua pelajaran?
YA TIDAK
16 0
10
Apakah animasi sangat penting bagi anda?
YA TIDAK
16 0
guru untuk mengoperasikan komputer. Dengan demikian, pembelajaran animasi interaktif ini menjadi suatu media pembelajaran yang dapat memandu murid melakukan pengoperasian komputer.
Berikut ini adalah rincian dari beberapa pertanyaan kusioner untuk para siswa/siswi smk thecno media Serpong :
Tabel V.9 Kuisioner Murid
Tabel V. 10
Nilai Terhadap Quisioner
16
Ya Tidak
Series 1
Gambar V. 14
Grafik Nilai Kuisioner
9
Simulasi instalasi windows
video Informasi
Series 1
Gambar V. 15
Dari hasil kuisioner di atas dapat disimpulkan bahwa murid Smk Thecno media Serpong sangat menyukai animasi Pembelajaran animasi instalasi windows 7. Itu berarti rasa ingin tahu siswa-siswi terhadap hal-hal yang baru mereka temui sangatlah besar.
KESIMPULAN
Perkembangan teknologi memberikan pengaruh untuk membuat aplikasi pendidikan atau perangkat lunak yang menyajikan multimedia
bertujuan untuk menghasilkan pembelajaran lewat animasi interaktif yang dinamis atau memiliki sistem interaktif serta menarik.
Berdasarkan pembahasan mengenai pembuatan animasi interaktif diatas, secara umum kesimpulan penulis mengenai animasi tersebut akan dijelaskan sebagai berikut:
a. Pengenalan atau belajar dengan menggunakan animasi(Adobe Flash CS3 Professional) lebih praktis dan lebih mudah dimengerti untuk pemula dan banyak di bantu dengan menu–menu tampilan sederhanaAdobe Flash CS3 Professional.
b. Perancangan animasi interaktif ini lebih ditujukan untuk membantu pembelajaran bagi para siswa dan siswi SLTA atau SLTP yang ingin melakukan instalasiwindows 7, tanpa harus mencoba langsung pada komputer terlebih dahulu melalui menu simulasi sehingga memperkecil resiko kesalahan. c. Pembuatan animasi interaktif ini sangat membantu untuk mendapatkan informasi secara menarik dan tidak membosankan karena disajikan dengan kemasan yang interaktif membuat belajar mengenai hadware dan software lebih menyenangkan.
d. Selain terdapat simulasi yang ada, animasi ini dilengkapi dengan video tutorial dan instalasi mengenai windows 7 yang menjadikan animasi interaktif ini menjadi teman belajar yang baik. .
REFERENSI
Sutedjo, Budi dan Michael. 2004. Algoritma & Teknik Pemograman. Yogyakarta : Penerbit Andi
Agung, Gregorius. 2007. Membuat Cerita Pendek dengan Flash CS3. Jakarta : PT. Elex Media Komputindo
Kusrianto, Adi. 2006. Panduan Lengkap Memakai Macromedia Flash Professional 8. Jakarta : PT. Elex Media Komputindo
Suhendi, Edi. 2009. Kreasi Dengan Adobe Flash Professional. Bandung : Yrama Widya
Ramadhan, Arief. 2010. Mengolah Audio dan MP3 Dengan Audacity. Jakarta : PT. Elex Media Komputindo
HM, Jogiyanto. 2005. Analisis dan Desain. Yogyakarta : Penerbit Andi
Koswara, Eko. 2012. The Secret Of Photoshop 3D Effect. Jakarta : HP Cyber Community.
Binanto, Iwan. 2010. Multimedia Digital Dasar Teori + Pengembangannya. Yogyakarta : Penerbit Andi
Agung, Gregorius. 2010. 30 Bisnis Berbasis Ide Bagi Siapa pun. Jakarta : PT. Elex Media Komputindo
Agus suheri Animasi multimedia pembelajaran volume 2- no 1: peiode Juli- Desember, 2006
Hasrul, Desain Media Pembelajaran Animasi Berbasis Adobe Flash CS 3
Jurnal Medtek, Volume 3, Nomor 2, Oktober 2011
Septiana Firdaus,Dhami Johar Damiri, Dewi Tresnawati, Perancangan Aplikasi Multimedia Interaktif Compani Prifile Generic, ISSN: 2302- 7339 Vol. 01 No. 09. 2012
Indriyawan, Eko. 2007. To Be A Programmer. Yogyakarta: Penerbit Andi
Rizky, Soetam. 2011. Konsep Dasar Rekayasa Perangkat Lunak. Jakarta : Prestasi Pustaka Publisher
Slamet Nurhadi. 2011. Apa Itu State Transition Diagram? For Modul RPL.