RANCANG BANGUN APLIKASI ANIMASI INTERAKTIF TUTORIAL INSTALASI WINDOWS 7 PADA SMK TECHNO MEDIA SERPONG

ISBN: 978-602-72850-4-0

  SNIPTEK 2013

RANCANG BANGUN APLIKASI ANIMASI INTERAKTIF TUTORIAL

  visual yang berisi simulasi, video, serta gambar yang

  3. Studi Pustaka Dengan metode ini dapat membantu penulisan dalam hal penelitian yang ditunjang

  2. Wawancara Adalah Metode dilakukan dengan tanya jawab dengan guru-guru dan kepala Sekolah Smk techno media

  1. Observasi Adalah melakukan pencatatan, pengumpulan data yang dibutuhkan dan melakukan pengamatan dengan secara langsung ke “Smk Techno media”

  Metode penelitian yang digunakan dalam penelitian ini adalah :

  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.

  Dalam era teknologi informasi saat ini, konteks pembelajaran berbasis komputer sangat di butuhkan dalam memberikan kesempatan kepada anak untuk belajar secara dinamis 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.

  menjadikan pembelajaran atau edukasi lebih menarik dan interaktif.

  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 konsep multimedia, dari audio

  

INSTALASI WINDOWS 7 PADA SMK TECHNO MEDIA SERPONG

Salman

  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 teknologi informasi yang sudah ada.

  PENDAHULUAN

  Kata Kunci: Animasi Interaktif, Instalasi Windows 7

  mencakup semua unsur multimedia bahkan dapat digunakan menjadi program yang dikemas dengan tidak membosankan dan menjadi teman belajar yang baik.

  Adobe Flash CS3 Professional, Adobe Flash CS3 Professional adalah program multimedia yang

  pembelajaran atau pelatihan mengenai langkah- langkah melakukan instalasi windows 7 bagi 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

  tutorial instalasi windows 7 yaitu sarana

  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 penggunaan hardware dan software. Segala hal dapat dijadikan sebuah informasi, salah satunya

  salman@gmail.com ABSTRAK — Seiring berkembangnya teknologi

  AMIK BSI Tangerang Bumi Serpong Damai Sektor XIV Blok C1/1,Jl. Letnan Sutopo BSD Tangerang

BAHAN DAN METODE

  SNIPTEK 2013

ISBN: 978-602-72850-4-0

  dengan beberapa literatur yang berhubungan dengan mempelajari buku–buku, jurnal, dan

  Gambar V.5

  bahan pustaka lainnya

  State Transition Diagram Menu Informasi

HASIL DAN PEMBAHASAN

  Sebuah perangkat lunak (software)

  6.2.4. User Interface

  tentu memiliki kebutuhan sistem atau pun Pada halaman ini akan dijelaskan perangkat yang berbeda-beda agar dapat berfungsi perancangan user interface animasi yang akan dengan baik tanpa adanya kesalahan program atau ditampilkan. Dalam tampilan animasi ini akan

  error yang disebabkan karena tidak sesuainya

  dibuat bermacam-macam gambar, sehingga sistem dengan program yang digunakan. Berikut tampilannya menjadi lebih menarik dan lebih hidup.

  software yang dibutuhkan dalam merancang

  Berikut ini adalah semua tampilan yang ada pada animasi instalasi windiws, yaitu : aplikasi yang penulis buat:

  1. Sistem operasi

  1. Halaman Opening 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 operasi Windows 7 Ultimate.

  2. Paket Program Dalam penelitian ini, penulis menggunakan paket program Adobe Flash CS3 sebagai program animasi berbasis windows, yang diharapkan dapat memberikan kemudahan dan kepuasan bagi pemakai dalam menjalankan program animasi yang penulis buat.

  3. Adobe Photoshop CS3 Digunakan untuk membuat, mengedit dan

  Gambar V.6

  mengelola gambar yang berhubungan dengan huruf, angka dan warna.

  Halaman Opening

4. Flash Player

  Digunakan untuk melihat hasil dari pembuatan aplikasi mengenal huruf, angka dan warna.

  2. Halaman Judul

  Gambar V.3 State Transition Diagram Menu Simulasi

  Tampilan Menu Opening Judul Menu Utama Menu Video Video

  Gambar V.4 State Transition Diagram Menu Video

  Gambar V.7 Halaman Judul 3 halaman menu Tampilan Menu Opening Judul Menu Utama Menu Informasi

  Informasi

ISBN: 978-602-72850-4-0

  SNIPTEK 2013

  5. Halaman Informasi

  Gambar V.8 Halaman Menu Utama

  3. Halaman Mengenal simuasi Gambar V.11

  Halaman Informasi

  6.4. Code Generation

  1. Halaman Loading

  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) { }

  Gambar V.9

  5. Menu Informasi

  Halaman Mengenal simulasi

  on (release) {

  4. Halaman Video _root.gotoAndStop(4);

  }

  a. Materi 1 on (release) { gotoAndPlay(2);

  }

  a. Materi 2 on (release) { gotoAndPlay(3);

  }

  b. Materi 3 on (release) { gotoAndPlay(4);

  }

  c. Materi 4

  Gambar V.10

  on (release) { gotoAndPlay(5);

  Halaman Video

  SNIPTEK 2013

ISBN: 978-602-72850-4-0

  on (release) { _root.goto AndStop(3); }

6.4.1. Testing

  1 GB Harddisk

  f. Jika tombol informasi yang diklik pada tampilan menu utama, maka akan tampil informasi tentang simulasi instalasi windows7 dan fungsinya

  e. Jika tombol video yang diklik pada tampilan menu utama, maka akan ada sebuaah simulasi instalasi windows7.

  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.

  1. Algoritma alur aplikasi media pembelajaran interaktif simulasi instalasi windows7: a. Aplikasi media pembelajaran interaktif simulasi instalasi windows7 dimulai.

  Pengujian White Box mengasumsikan bahwa speifikasi logika adalah penting untuk menjamin apakah sistem perangkat lunak berfungsi dengan baik. Berikut adalah pengujian White Box yang coba penulis gambarkan:

  6. Menu Quiz on (release) { _root.gotoAndStop(7);

  }

  e. Materi 6 on (release) { gotoAndPlay(6);

  }

  d. Materi 5 on (release) { gotoAndPlay(6);

  }

  Tombol mulai

A. Pengujian White Box

  Windows XP, Windows 7 atau sesudahnya Processor Intel Pentium IV 300 MHz atau selebihnya Memori

  Menam pilkan Menu Utama

  Sesuai Tombol Informas i

  Sesuai Tombol simulasi

  on (release) { _root.goto AndStop(4)

  Meampi lkan Menu simulasi

  Sesuai Tombol Video

  on (release) { _root.goto AndStop(5)

  Menam pilkan Menu Video

  on (release) { _root.goto AndStop(5)

  6.4.2 Support Tabel V.8 Kebutuhan Hardware dan Software

  Menam pilkan Menu Informa si klik next untuk informa si lain

  Sesuai Tombol Keluar

  on (press) { fscomman d ("quit",""); }

  Keluar dari progra m

  Sesuai

  Kebutuhan Keterangan

  Sistem Operasi

B. Pengujian Black Box

  Pengujian Black Box

  6.5. Hasil Pengolahan Data Kuisioner Animasi Interaktif

  Uji lapangan dilakukan di Smk thecno media Serpong dengan jumlah sampel 16 anak. Dalam proses pembelajarannya, murid dibimbing oleh

  memperlakukan perangkat lunak yang tidak diketahui kinerja internalnya.. Berikut ini adalah pengujian black box aplikasi media pembelajaran interaktif instalasi windows7. . Tabel V.7

  Black box testing adalah tipe testing yang

  80 GB Software Adobe Flash CS3 Professional

  INPUT/ EVENT PROSES OUTPU T / NEXT STAGE HASIL PENG UJIAN

ISBN: 978-602-72850-4-0

  SNIPTEK 2013

  guru untuk mengoperasikan komputer. Dengan demikian, pembelajaran animasi interaktif ini Tabel V. 10 menjadi suatu media pembelajaran yang dapat Nilai Terhadap Quisioner memandu murid melakukan pengoperasian komputer.

  Berikut ini adalah rincian dari beberapa

  INDIKATOR KESUKAAN MATERI N

  pertanyaan kusioner untuk para siswa/siswi smk

  TID SIMULASI ANG WAR O YA

  thecno media Serpong :

AK MANASIK HAJI KA NA

  1

  16

  2

  16

  3

  16

  4

  16 Tabel V.9

  5

  16 Kuisioner Murid

  6

  9

  5

  2 JUMLAH

  7

  16 N

INDIKATO PERTANYAAN JAWABA

  8

  16 O R N

  9

  16 Apakah kamu suka

  10

  16

  belajar YA

  16

  1 menggunakan TIDAK animasi? Apakah di sekolah

  YA

  16 2 mu menggunakan TIDAK media animasi?

  16 Apakah menurut

  14 YA

  16 3 kamu tampilan

  12 TIDAK

  animasinya bagus?

  10 Series 1

  Apakah kamu biasa

  8 YA

  16 4 memainkan

  6 TIDAK

  animasi?

  4

  2 Apakah animasi ini

  YA

  16 5 sangat mudah TIDAK digunakan?

  Ya Tidak

  6 Materi mana yang kamu suka?

  a. Simulasi

  Gambar V. 14

  Instalasi

  9 Grafik Nilai Kuisioner windows b. Informasi

  5 ₉

  c. Video

  2 _{7 8} Apakah Instalasi

  16 YA ₆ 7 windows sangat TIDAK ₅ penting buat anda? _{4 Series 1}

  Apakah menurut ₃ YA

  16 8 kamu suara ₂ TIDAK animasinya bagus? ₁ Apakah kamu ingin _{Simulasi instalasi video Informasi} pelajaran tentang YA

  16

  9 ^windows animasi ada di TIDAK semua pelajaran? Apakah animasi

  YA

  16 10 sangat penting bagi TIDAK Gambar V. 15 anda?

  Grafik Tingkat Kesukaan Murid Terhadap Animasi

  SNIPTEK 2013

ISBN: 978-602-72850-4-0

  Dari hasil kuisioner di atas dapat Suhendi, Edi. 2009. Kreasi Dengan Adobe Flash disimpulkan bahwa murid Smk Thecno media Professional. Bandung : Yrama Widya Serpong sangat menyukai animasi Pembelajaran animasi instalasi windows 7. Itu berarti rasa ingin Ramadhan, Arief. 2010. Mengolah Audio dan MP3 tahu siswa-siswi terhadap hal-hal yang baru mereka Dengan Audacity. Jakarta : PT. Elex Media temui sangatlah besar. Komputindo

  HM, Jogiyanto. 2005. Analisis dan Desain.

  KESIMPULAN

  Yogyakarta : Penerbit Andi Perkembangan teknologi memberikan pengaruh untuk membuat aplikasi pendidikan atau

  Koswara, Eko. 2012. The Secret Of Photoshop 3D perangkat lunak yang menyajikan multimedia Effect. Jakarta : HP Cyber Community. bertujuan untuk menghasilkan pembelajaran lewat animasi interaktif yang dinamis atau memiliki

  Binanto, Iwan. 2010. Multimedia Digital Dasar Teori sistem interaktif serta menarik.

• Pengembangannya. Yogyakarta : Penerbit Andi Berdasarkan pembahasan mengenai pembuatan animasi interaktif diatas, secara umum

  Agung, Gregorius. 2010. 30 Bisnis Berbasis Ide Bagi kesimpulan penulis mengenai animasi tersebut akan Siapa pun. Jakarta : PT. Elex Media dijelaskan sebagai berikut: Komputindo

  a. Pengenalan atau belajar dengan menggunakan animasi (Adobe Flash CS3 Professional) lebih praktis Agus suheri Animasi multimedia pembelajaran dan lebih mudah dimengerti untuk pemula dan volume 2- no 1: peiode Juli- Desember, banyak di bantu dengan menu–menu tampilan

  2006 sederhana Adobe Flash CS3 Professional.

  b. Perancangan animasi interaktif ini lebih ditujukan Hasrul, Desain Media Pembelajaran Animasi untuk membantu pembelajaran bagi para siswa dan

  Berbasis Adobe Flash CS 3 siswi SLTA atau SLTP yang ingin melakukan Jurnal Medtek, Volume 3, Nomor 2, Oktober instalasi windows 7, tanpa harus mencoba langsung 2011 pada komputer terlebih dahulu melalui menu simulasi sehingga memperkecil resiko kesalahan.

  Septiana Firdaus,Dhami Johar Damiri, Dewi

  c. Pembuatan animasi interaktif ini sangat Tresnawati, Perancangan Aplikasi membantu untuk mendapatkan informasi secara Multimedia Interaktif Compani Prifile menarik dan tidak membosankan karena disajikan Generic, ISSN: 2302- 7339 Vol. 01 No. 09. dengan kemasan yang interaktif membuat belajar

  2012 mengenai hadware dan software lebih menyenangkan.

  Indriyawan, Eko. 2007. To Be A Programmer.

  d. Selain terdapat simulasi yang ada, animasi ini Yogyakarta: Penerbit Andi dilengkapi dengan video tutorial dan instalasi mengenai windows 7 yang menjadikan animasi

  Rizky, Soetam. 2011. Konsep Dasar Rekayasa interaktif ini menjadi teman belajar yang baik.

  Perangkat Lunak. Jakarta : Prestasi Pustaka . Publisher

  REFERENSI

  Slamet Nurhadi. 2011. Apa Itu State Transition Sutedjo, Budi dan Michael. 2004. Algoritma & Diagram? For Modul RPL.

  Teknik Pemograman. Yogyakarta : Penerbit

  http://www.scribd.com/doc/54930738/8/Apa-

  Andi

  itu-State-Transition-Diagram

  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