APLIKASI PEMBELAJARAN INTERAKTIF BAHASA PEMROGRAMAN VB.NET BERBASIS ONLINE MENGGUNAKAN ASP.NET.

APLIKASI PEMBELAJ ARAN INTERAKTIF BAHASA
PEMROGRAMAN VB.NET BERBASIS ONLINE
MENGGUNAKAN ASP.NET

SKRIPSI

Disusun oleh:

Mohammad Ilfan Avifullah
NPM. 0834010073

J URUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN”
J AWA TIMUR
2012
Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

APLIKASI PEMBELAJ ARAN INTERAKTIF BAHASA
PEMROGRAMAN VB.NET BERBASIS ONLINE

MENGGUNAKAN ASP.NET

SKRIPSI
Diajukan untuk memenuhi sebagai persyaratan
Dalam memperoleh gelar sarjana komputer
Jurusan teknik informatika

Disusun oleh:

Mohammad Ilfan Avifullah
NPM. 0834010073

J URUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN”
J AWA TIMUR
2012
Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

SKRIPSI
APLIKASI PEMBELAJ ARAN INTERAKTIF BAHASA
PEMROGRAMAN VB.NET BERBASIS ONLINE
MENGGUNAKAN ASP.NET
Disusun Oleh :
MOHAMMAD ILFAN AVIFULLAH
NPM : 0834010073
Telah dipertahankan dihadapan dan diterima oleh tim penguji skripsi
Program studi teknik informatika fakultas teknologi industri
Univer sitas pembangunan nasional “veteran” jawa timur
Pada tanggal : 05 Oktober 2012
Pembimbing :

Tim Penguji :

1)

1)

Intan Yuniar Purbasari, S.Kom, M.Sc

NPT/NIP. 380060401981

Ir. Purnomo Edi S, MP
NPT/NIP. 1965 07311 9920 32001

2)

2)

Wahyu S.J. Saputra, S.Kom, M.Kom
NPT/NIP. 386081002951

Budi Nugroho, S.Kom, M.Kom
NPT/NIP. 380060502051
3)

Wahyu S.J. Saputra, S.Kom, M.Kom
NPT/NIP. 386081002951
Mengetahui
Dekan Fakultas Teknologi Industri

Univer sitas Pembangunan Nasional “Veteran” J awa Timur
Surabaya

Ir. Sutiyono, MT
NPT/NIP. 196007131987031001
Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

LEMBAR PENGESAHAN
APLIKASI PEMBELAJ ARAN INTERAKTIF BAHASA
PEMROGRAMAN VB.NET BERBASIS ONLINE
MENGGUNAKAN ASP.NET
Disusun oleh :
MOHAMMAD ILFAN AVIFULLAH
NPM : 0834010073
Telah disetujui mengikuti ujian negar a lisan
Gelombang I Tahun Akademik 2012/2013

Menyetujui,

Pembimbing I

Pembimbing II

Intan Yuniar Purbasari, S.Kom, M.Sc
NPT/NIP. 380060401981

Wahyu S.J. Saputra, S.Kom, M.Kom
NPT/NIP. 386081002951

Mengetahui,
Ketua Program Studi Teknik Infor matika
Fakultas Teknologi Industri
Univer sitas Pembangunan Nasional “Veteran” J awa Timur

Dr. Ir. Ni Ketut Sari, MT.
NPT. 196507311992032001

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

YAYASAN KESEJ AHTERAAN PENDIDIKAN DAN PERUMAHAN
UPN “VETERAN” J AWA TIMUR
FAKULTAS TEKNOLOGI INDUSTRI

KETERANGAN REVISI
Yang bertanda tangan dibawah ini :
Nama

: Mohammad Ilfan Avifullah

NPM

: 0834010073

Program Studi

: Teknik Informatika

Fakultas

: Teknologi Industri

Telah mengerjakan revisi seminar Tugas Akhir ujian lisan gelombang I tahun
ajaran 2012/2013 dengan judul :
“Aplikasi Pembelajaran Interaktif Bahasa Pemrograman VB.Net
Berbasis Online Menggunakan ASP.Net”
Surabaya, 05 Oktober 2012
Dosen Penguji yang memerintahkan revisi

1. Ir. Purnomo Edi S, MP
NPT/ NIP. 1965 07311 9920 32001

( _______________ )

2. Budi Nugroho, S.Kom, M.Kom
NPT/NIP. 380060502051

( _______________ )

3. Wahyu S.J. Saputra, S.Kom, M.Kom
NPT/NIP. 386081002951

(________________)

Mengetahui,
Dosen Pembimbing I

Dosen Pembimbing II

Intan Yuniar Purbasari, S.Kom, M.Sc
NPT/NIP. 380060401981

Wahyu S.J. Saputra, S.Kom, M.Kom
NPT/NIP. 386081002951

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

UCAPAN TERIMA KASIH

Ucapan terima kasih ini saya persembahkan sebagai perwujudan rasa syukur atas
terselesaikannya Laporan Skripsi. Ucapan terima kasih ini saya tujukan kepada :
1. Allah SWT., karena berkat Rahmat dan berkahNya kami dapat menyusun dan
menyelesaikan Laporan Skripsi ini hingga selesai.
2. Bapak Prof. Dr. Ir. Teguh Soedarto, MP selaku Rektor Universitas
Pembangunan Nasional “Veteran” Jawa Timur.
3. Bapak Sutiyono, MT selaku Dekan Fakultas Teknologi Industri Universitas
Pembangunan Nasional “Veteran” Jawa Timur.
4. Ibu Dr. Ir. Ni Ketut Sari, MT. selaku Ketua Jurusan Teknik Informatika
Universitas Pembangunan Nasional “Veteran” Jawa Timur.
5. Bapak Firza Prima Aditiawan, S.Kom., Selaku PIA Tugas Akhir Teknik
Informatika UPN “Veteran” Jawa Timur yang telah meloloskan judul Skripsi
hingga memberi saya penjelasan tentang keperluan selama bimbingan skripsi,
seminar skripsi dan seminar lisan.
6.

Bu Intan Yuniar Purbasari, S.Kom, M.Sc selaku dosen pembimbing utama
pada Skripsi ini di UPN “Veteran” Jawa Timur yang telah banyak
memberikan petunjuk, masukan, bimbingan, dorongan serta kritik yang

bermanfaat hingga terselesainya Skripsi ini.

7. Bapak Wahyu S.J. Saputra, S.Kom, M.Kom selaku dosen pembimbing
pendamping yang telah memberikan

banyak

ide, petunjuk, masukan,

bimbingan, dan yang utama adalah membantu saya bagaimana membuat
laporan dengan tata penulisan yang baik dan benar.

iii

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

iv

8. Dosen penguji seminar (Bapak Budi Nugroho, S.Kom, M.Kom dan Bu Rinci

Kembang Hapsari, S.Si, M.Kom) dan penguji lesan (Bapak Wahyu S.J.
Saputra, S.Kom, M.Kom, Bapak Budi Nugroho, S.Kom, M.Kom dan Bapak
Ir. Purnomo Edi S, MP) yang memberi masukan terhadap aplikasi yang saya
buat ini agar menjadi lebih baik.
9. Keluarga tercinta, terutama Abah Umi, Kakak-kakakku terima kasih atas
semua doa, dukungan serta harapan-harapanya pada saat saya menyelesaikan
Skripsi dan laporan ini. Yang saya minta hanya doa restunya, sehingga bisa
membuat kelancaran dan semangat yang tiada henti.
10. Untuk 4 Celondo (Mohammad Ilfan Avifullah, Dwi Mohammad Zahid, Rizal
Agustyawan Wardana, Dwi Putra A.W.) kalian teman yang luar biasa
perjuangannya, dari pengajuan judul, bimbingan, kerjasama, hingga kalian
mengalami hambatan waktu lisan 5 Oktober 2012, semoga yang kita jalani ada
manfaatnya nanti.
11. Buat teman yang ada di FTI UPN, khususnya yang pernah menjadi pengurus
BEM FTI 2010-2012, kalian merupakan teman luar biasa dan istimewa, yang
membuat hidup selama 4 tahun lebih di kampus serasa singkat dengan
berbagai kenangan susah, amarah, senang, hingga bangga. “You Are
Remarkable”.
12. Para mahasiswa yang menghuni kantin tenda “Bu Tun”, meski panas
menyengat kalian selalu bikin suasana yang berbeda. Untuk bagus TF 2010
terima kasih telah membantu dalam pengadaan hardcopy laporan.
13. Teman-teman dan saudara yang belum disebut satu-satu, terimakasih atas
semua dukungan dan doanya.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

KATA PENGANTAR

Dengan mengucap puji syukur kehadirat Allah SWT atas segala rahmad
dan hidayah-Nya yang telah dilimpahkan sehingga penyusunan skripsi yang
berjudul: ”Aplikasi Pembelajaran Interaktif Bahasa Pemrogr aman VB.Net
Berbasis Online Menggunakan ASP.Net” dapat penulis selesaikan sesuai
dengan waktu yang ditentukan.
Penyusunan skripsi dengan bobot 4 SKS ini dibuat sebagai salah satu
syarat untuk menyelesaikan Program Strata Satu (S1) di Jurusan Teknik
Informatika, Fakultas Teknologi Industri, Universitas Pembangunan Nasional
“Veteran” Jawa Timur.
Sebagai dasar pembahasan dari skripsi ini adalah teori yang diperoleh
selama mengikuti bangku perkuliahan, mengikuti praktikum, membaca bukubuku. Walaupun dalam penyusunan skripsi ini penulis telah berusaha dengan
segala daya upaya sesuai dengan kemampuan, namun tak luput dari kesalahankesalahan karena penulis menyadari bahwa masih banyak kekurangan tentang
pengetahuan penulisan skripsi, maka dari itu kritik dan saran yang bersifat
membangun dan memperbaiki sangat penulis harapkan guna kesempurnaan
skripsi ini.

Surabaya, Nopember 2012

Peneliti

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan
sumber.
ii

DAFTAR ISI

Halaman
LEMBAR PENGESAHAN
ABSTRAK ...........................................................................................................

i

KATA PENGANTAR .......................................................................................... ii
DAFTAR ISI ........................................................................................................ iii
DAFTAR GAMBAR ........................................................................................... vi
DAFTAR TABEL ............................................................................................... ix

BAB I PENDAHULUAN .....................................................................................

1

1.1. Latar Belakang .....................................................................................

1

1.2. Rumusan Masalah ................................................................................

3

1.3. Batasan Masalah ..................................................................................

4

1.4. Tujuan ………..................................................................................... 4
1.5. Manfaat ................................................................................................

5

1.6. Metodologi Penelitian ..........................................................................

6

1.7. Sistematika Penulisan ...........................................................................

7

BAB II TINJ AUAN PUSTAKA ..........................................................................

8

2.1

Visual Basic ........................................................................................

8

2.1.1 Hubungan Visual Basic Versi Klasik Dengan Versi Terbaru .........

9

2.1.2 Fitur Baru Yang Ditambahkan Pada VB.Net ................................. 10
2.1.3 Kelebihan Dan Kekurangan Menggunakan Visual Basic .............. 11
2.1.4 Area Kerja Dan Komponen Visual Basic 2008 ............................. 14
2.2. Macromedia Flash 8.0 .......................................................................... 17
2.2.1 Perkembangan Macromedia Flash 8 ......................................... ` 20
2.2.2 Area Kerja Macromedia Flash 8 .............................................. 22
2.2.3 Manfaat Menggunakan Macromedia Flash 8 ............................ 23
2.3. Kebutuhan Sistem ............................................................................... 25
2.3.1 Sistem Flowchart .......................................................................... 26

Hak Cipta © milik UPN "Veteran" Jatim :
iii sumber.
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan

iv

BAB III ANALISIS DAN PERANCANGAN SISTEM ...................................... 30
3.1 Analisis Sistem ..................................................................................... 30
3.2 Perancangan Sistem .............................................................................. 31
3.2.1 Kebutuhan Minimal Perangkat Keras ............................................ 31
3.2.2 Perangkat Lunak ........................................................................... 32
3.3 Alur Aplikasi ......................................................................................... 33
3.3.1 Menu Beranda ............................................................................... 34
3.3.2 Menu Materi .................................................................................. 37
3.3.3 Menu Trik ..................................................................................... 38
3.3.4 Menu Video ................................................................................... 39
3.3.5 Menu Soal ..................................................................................... 40
3.4 Perancangan Perangkat Lunak ................................................................ 41
3.4.1 Perancangan Awal Aplikasi ............................................................ 43
3.4.2 Button ............................................................................................ 43
3.4.3 Sprite .............................................................................................. 45
3.4.4 Background .................................................................................... 47

BAB IV IMPLEMENTASI ................................................................................. 51
4.1 Perangkat Sistem................................................................................... 51
4.1.1 Perangkat Keras ........................................................................... 51
4.1.2 Perangkat Lunak .......................................................................... 52
4.2 Pengenalan Aplikasi ............................................................................. 53
4.3 Tampilan Setiap Menu Utama .............................................................. 53
4.3.1 Menu Beranda ............................................................................. 54
4.3.2 Menu Materi ................................................................................ 57
4.3.3 Menu Trik ................................................................................... 65
4.3.4 Menu Video ................................................................................. 71
4.3.5 Menu Soal ................................................................................... 77

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

v

BAB V UJ I COBA SISTEM ................................................................................ 87
5.1. Skenario Uji Coba ................................................................................ 87
5.2. Pelaksanaan Uji Coba ........................................................................... 87
5.2.1 Uji Coba Menu Beranda .............................................................. 88
5.2.2 Uji Coba Menu Materi ................................................................. 90
5.2.3 Uji Coba Menu Trik .................................................................... 98
5.2.4 Uji Coba Menu Video .................................................................. 104
5.2.5 Uji Coba Menu Soal .................................................................... 110
5.3 Evalusai ............................................................................................... 114
BAB VI PENUTUP ............................................................................................. 115
6.1. Kesimpulan ......................................................................................... 115
6.2. Saran ................................................................................................... 116
DAFTAR PUSTAKA ........................................................................................... 117
LAMPIRAN

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

JUDUL
PENYUSUN
DOSEN PEMBIMBING I
DOSEN PEMBIMBING II

: Aplikasi Pembelajaran Interaktif Bahasa Pemrograman VB.Net
Berbasis Online Menggunakan ASP.Net
: Mohammad Ilfan Avifullah
: Intan Yuniar Purbasari S.Kom, M.Sc
: Wahyu S.J. Saputra, S.Kom, M.Kom

ABSTRAK
Macromedia flash 8 profesional merupakan salah satu software yang dapat
digunakan untuk membuat modul pembelajaran interaktif. Didukung dengan
software program videoediting, soundrecorder dan pemrograman actionscript
diharapkan akan menghasilkan modul pembelajaran interaktif yang bagus,
bermutu dan mudah dipahami serta mudah diikuti pengguna. Pembelajaran
interaktif yang dilengkapi dengan alat pengontrol yang dapat dioperasikan oleh
pengguna, sehingga pengguna dapat memilih apa yang dikehendaki untuk proses
selanjutnya. Pembelajaran interaktif merupakan suatu metode pembelajaran
terbaru yang diharapkan dapat meningkatkan pemahaman dengan cepat.
Perancangan yang dilakukan penulis ini adalah membuat aplikasi
pembelajaran interaktif bahasa pemrograman visual basic.net berbasis online,
yang tujuan utama diharapkan penulis untuk aplikasi pembelajaran online ini
adalah pengguna dapat menikmati pembelajaran yang pembahasannya lebih
lengkap seperti menu pengenalan vb, menu materi yang disampaikan memiliki
alur dari pengenalan form dan objek hingga mengolah data dengan database,
terdapat menu trik khusus vb, ada menu video sebagai media pembelajaran yang
lebih interaktif dengan pengguna, terakhir menu soal dimana soal yang diberikan
memiliki jenjang kesulitan sehingga pengguna bisa memilih soal sesuai dengan
kemampuannya.
Aplikasi pembelajaran interaktif bahasa pemrograman visual basic.net
berbasis online sangat membantu pengguna untuk belajar bahasa pemrograman.
Didalam aplikasi ini memiliki materi yang cukup bisa dimengerti bagi pengguna
tingkat pemula sehingga lebih cepat pemahaman materi. Namun dari semua menu
yang ada pada aplikasi pembelajaran ini masih terdapat beberapa kekurangan,
yakni materi yang disampaikan kurang lengkap untuk pengguna kelas tingkat
lanjut yang kesulitannya kode programnya lebih rumit dibandingkan materi yang
telah tersedia di aplikasi saat ini.
Kata kunci : Pembelajaran Inter aktif, Pemr ogr aman, Visual Basic.Net

i

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

BAB I
PENDAHULUAN

1.1

Latar Belakang
Pembelajaran interaktif adalah suatu pembelajaran yang dilengkapi

dengan alat pengontrol yang dapat dioperasikan oleh pengguna, sehingga
pengguna dapat memilih apa yang dikehendaki untuk proses selanjutnya. Ada
macam-macam

pembelajaran

interaktif,

misalnya

tutorial

pembelajaran,

multimedia, dan masih banyak lagi.
Macromedia flash 8 profesional merupakan salah satu software yang
dapat digunakan untuk membuat modul pembelajaran

interaktif. Didukung

dengan software program videoediting, soundrecorder dan pemrograman
actionscript diharapkan akan menghasilkan modul pembelajaran interaktif yang
bagus, bermutu dan mudah dipahami serta mudah diikuti pengguna.
Pembelajaran ini dilengkapi dengan alat pengontrol yang dapat
dioperasikan oleh pengguna, sehingga pengguna dapat memilih apa yang
dikehendaki untuk proses selanjutnya. Pembelajaran interaktif merupakan suatu
metode pembelajaran terbaru yang diharapkan dapat meningkatkan pemahaman
dengan cepat. Tidak seperti metode belajar konvensional dimana pengguna harus
belajar dari membaca buku, sehingga terkadang terasa membosankan, kurang
menarik, dan kadang sulit dipahami dari segi bahasa maupun pembahasannya.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

1

2

Dalam pembelajaran interaktif visual basic.net 2008 pengguna akan dikenalkan
materi dari awal seperti sejarah perkembangan visual basic dari tahun pertama
pembuatan hingga versi yang terbaru, mengenal form dan objek kontrol yang ada
di dalam visual basic.net 2008, hingga mengolah data dengan database access
dan database sql.
Pemilihan pembahasan bahasa pemrograman visual basic.net yang
diangkat dalam aplikasi pembelajaran ini karena visual basic merupakan bahasa
pemrograman desktop dan web yang paling banyak digunakan oleh programmer.
Visual

basic.net

merupakan

suatu

program

yang

digunakan

untuk

mengembangkan dan membangun aplikasi yang bergerak di dalam sistem .Net
Framework 3.5. Dengan dikembangkan program ini para programmer dapat
membangun aplikasi dekstop (windows form, command line / console),
ADO.Net 3.5, crystal report, aplikasi web berbasis ASP.Net, dan aplikasi
window mobile version 5.0 (pocket PC). Aplikasi pembelajaran visual basic.net
online ini sangat cocok bagi programmer yang sering kali menghabiskan waktu
di depan komputer atau laptop sehingga bila tidak sempat ada waktu untuk
membaca buku di toko buku atau di perpustakaan, maka programmer cukup
mengakses di internet dimanapun programmer berada bisa belajar aplikasi
pembelajaran visual basic yang penulis buat ini.
Konsep dari pembelajaran interaktif ini adalah bagaimana membuat
pengguna merasa nyaman dalam belajar, sehingga pengguna dapat belajar
dengan baik, untuk itu diperlukan suatu desain program yang menarik dan
dengan penjelasan yang lengkap dari materi pelajaran yang ada.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

3

Dari uraian diatas maka penyusun merasa tertarik untuk membuat
dan membahas

lebih

lanjut

tentang aplikasi pembelajaran interaktif,

dan

merancangnya dalam sebuah apliksai, untuk mempermudah proses pembuatan
aplikasi pembelajaran yang akan digunakan untuk sarana pembelajaran untuk
kalangan umum, oleh karena itu penyusun membuat sarana tersebut melalui
aplikasi pembelajaran interaktif.

1.2

Rumusan Masalah
Dari latar belakang yang telah dibahas sebelumnya, maka permasalahan

yang akan dibahas adalah sebagai berikut.
a) Bagaimana membangun aplikasi pembelajaran multimedia yang
meliputi unsur video, suara, animasi, gambar, teks, dan actionscript
serta menggabungkan berbagai unsur tersebut?
b) Bagaimana membuat sebuah aplikasi pembelajaran Visual Basic.Net
yang bisa diakses di berbagai lokasi?
c) Bagaimana membuat web yang menampilkan aplikasi pembelajaran
bahasa pemrograman vb.net?

1.3

Batasan Masalah
Dari rumusan masalah yang disampaikan sebelumnya, maka batasa-

batasan masalah yang didapat antara lain:
a) Aplikasi pembelajaran ini menyampaikan materi berupa teks, suara,
gambar dan video.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

4

b) Aplikasi utama pembelajaran ini berupa file flash (.swf).
c) Aplikasi pembelajaran ini dapat berupa web yang dapat diakses melalui
internet.
d) Tugas

akhir

ini

dirancang

dan dibuat

menggunakan

software

Macromedia Flash 8 dan Microsoft Visual Studio 2008.
e) Menggunakan bahasa pemrograman Macromedia Flash Action Script 2.0
untuk membuat aplikasi pembelajarannya dan didukung ASP.Net untuk
menampilkan aplikasinya berupa web.

1.4

Tujuan
Tujuan dari penulisan ini adalah untuk merancang dan membangun

aplikasi pembelajaran interaktif bahasa pemrograman VB.Net berbasis online
menggunakan ASP.Net.

1.5

Manfaat
Manfaat dari penulisan tugas akhir ini adalah :
a) Bagi

pengembangan

ilmu

pengetahuan,

penelitian

ini

dapat

memberikan suatu karya penelitian yang dapat mendukung sarana
pendidikan sebagai media pembelajaran bahasa pemrograman VB.Net
yang menyenangkan dan tidak membosankan.
b) Bagi penulis, mengembangkan dan menerapkan materi dan praktikum
selama mengikuti pendidikan di Teknik Informatika, Fakultas

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

5

Teknologi Industri UPN “Veteran” Jatim. Dan penulis dapat menambah
wawasan dan pemahaman untuk meningkatkan kemampuan dalam
membuat aplikasi pembelajaran interaktif ini.
c) Bagi pengguna, sebagai media pembelajaran yang menarik dan tidak
membosankan serta pengguna dapat belajar bahasa pemrograma visual
basic.net dari nol hingga bisa membuat program sederhana sendiri.
d) Bagi pihak lain, dapat menjadi sumber referensi bila pihak lain akan
membuat aplikasi pembelajaran interaktif yang hampir sama dengan
yang penulis buat. Sehingga nanti antara pihak penulis dan pihak lain
bisa saling bekerja sama demi perkembangan dunia pendidikan.

1.6

Metodologi Penelitian
Metodologi yang digunakan pada penelitian ini adalah sebagai berikut :
a) Studi literature pendalaman materi Macromedia Flash 8, Visual Basic
2008, dan ASP.Net 2008.
b) Pengumpulan materi sebagai pembelajaran Visual Basic 2008.
c) Merancang

aplikasi

berupa

flash

sebagai

aplikasi

interaktif

pembelajaran Visual Basic 2008.
d) Mendesain tampilan web untuk lebih memperbagus tampilan aplikasi
pembelajaran ketika diakses ke internet.
e) Menguji kinerja sistem secara keseluruhan serta mengambil data dari
hasil perancangan.
f) Menganalisis hasil dan membuat kesimpulan.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

6

1.7

Sistematik Penulisan
Dalam penyusunan laporan tugas akhir, sistematika pembahasan diatur dan

disusun dalam enam bab, dalam setiap bab terdiri dari sub-sub bab. Untuk
memberikan gambaran yang lebih terperinci, maka penulis uraikan singkat
mengenai materi dari bab-bab dalam penulisan tugas akhir ini sebagai berikut.
BAB I

PENDAHULUAN
Bab ini berisi latar belakang, perumusan masalah, batasan masalah,

tujuan penelitian, manfaat penelitian, dan sistematika penulisan pembuatan tugas
akhir ini.
BAB II

TINJ AUAN PUSTAKA
Pada bab ini dijelaskan materi-materi yang diperlukan untuk

mengisi aplikasi pembelajaran visual basic 2008, serta penjelasan mengenai
macromedia flash 8, visual basic 2008, asp.net 2008, kebutuhan sistem.
BAB III

ANALISIS DAN PERANCANGAN SISTEM

Bab ini berisi tentang analisis dan perancangan sistem dalam pembuatan
Tugas Akhir Aplikasi Pembelajaran Interaktif Bahasa Pemrograman VB.Net
Berbasis Online Menggunakan VB.Net.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

7

BAB IV

IMPLEMENTASI SISTEM

Bab ini berisi penjelasan hasil Tugas Akhir dan pembahasan secara
terperinci bagaimana aplikasi ini dijalankan dari awal hingga akhir, dan tampilan
antarmuka aplikasi serta sebagian syntaks pemrograman action script yang
digunakan dalam aplikasi ini.
BAB V

UJ I COBA DAN EVALUASI

Dalam bab ini menjelaskan tentang uji coba serta evaluasi dari
pelaksanaan uji coba dari aplikasi yang dibuat. Uji coba dapat dilakukan pada
akhir dari tahap analisis sistem, desain sistem dan tahap penerapan sistem atau
implementasi. Sasaran dari ujicoba aplikasi adalah untuk

menemukan

kekurangan-kekurangan dari aplikasi yang mungkin terjadi sehingga dapat
diperbaiki untuk lebih menyempurnakan aplikasi yang dibuat oleh penulis.
BAB VI

PENUTUP

Bab ini berisi kesimpulan dan saran dari penulis untuk pengembangan
aplikasi sehingga aplikasi bisa dibuat sebaik mungkin.
DAFTAR PUSTAKA
Pada bagian ini dipaparkan sumber-sumber literatur yang digunakan dalam
pembuatan laporan tugas akhir ini.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

BAB II
TINJ AUAN PUSTAKA
Bab II ini akan membahas beberapa materi dasar untuk menunjang penulis
menyelesaikan tugas akhir ini, antara lain: Visual Basic, ASP.Net, Macromedia
Flash 8, Multimedia, Kebutuhan Sistem.

2.1

Visual Basic

Microsoft Visual Basic (sering disingkat sebagai VB) merupakan sebuah
bahasa pemrograman yang menawarkan Integrated Development Environment
(IDE) visual untuk membuat program perangkat lunak berbasis sistem operasi
Microsoft Windows dengan menggunakan model pemrograman (COM). Visual
Basic merupakan turunan bahasa pemrograman BASIC dan menawarkan
pengembangan perangkat lunak komputer berbasis grafik dengan cepat. Beberapa
bahasa skrip seperti Visual Basic for Applications (VBA) dan Visual Basic
Scripting Edition (VBScript), mirip seperti halnya Visual Basic, tetapi cara
kerjanya yang berbeda. Para programmer dapat membangun aplikasi dengan
menggunakan komponen-komponen yang disediakan oleh Microsoft Visual Basic
Program-program yang ditulis dengan Visual Basic juga dapat menggunakan
Windows API, tapi membutuhkan deklarasi fungsi luar tambahan.

Dalam pemrograman untuk bisnis, Visual Basic memiliki pangsa pasar
yang sangat luas. Sebuah survey yang dilakukan pada tahun 2005 menunjukkan
bahwa 62% pengembang perangkat lunak dilaporkan menggunakan berbagai
8

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

9

bentuk Visual Basic, yang diikuti oleh C++, JavaScript,C#, dan Java.[Wikipedia,
2012]
2.1.1 Hubungan Antara Visual Basic Ver si Klasik Dengan Ver si
Terbaru
Apakah Visual Basic .NET dianggap sebagai sebuah versi Visual
Basic atau benar-benar bahasa yang berbeda merupakan sebuah topik
perdebatan yang hangat. Hal ini dikarenakan sintaksis bahasa Visual Basic
.NET tidak mengalami perubahan yang sangat drastis, dan hanya
menambahkan beberapa dukungan fitur baru seperti penanganan eksepsi
secara terstruktur dan ekspresi yang bisa di short-circuit. Dua perubahan
tipe data pun terjadi saat berpindah ke Visual Basic .NET. Dibandingkan
dengan Visual Basic 6.0, tipe data Integer yang dimiliki oleh Visual Basic
.NET memiliki panjang dua kali lebih panjang, dari 16 bit menjadi 32 bit.
Selain itu, tipe data Long juga sama-sama berubah menjadi dua kali lipat
lebih panjang, dari 32 bit menjadi 64 bit. Bilangan bulat 16-bit dalam
Visual Basic .NET dinamakan dengan Short. Lagi pula, desainer GUI
Windows Forms yang terdapat di dalam Visual Studio .NET atau Visual
Basic .NET memiliki gaya yang sangat mirip dengan editor form Visual
Basic klasik.
Jika sintaksis tidak banyak yang berubah, lain halnya dengan
semantik, yang berubah secara signifikan. Visual Basic .NET merupakan
sebuah

bahasa

pemrograman

yang

mendukung

fitur

"Bahasa

Pemrograman Berorientasi Objek" secara penuh, karena memang
didukung oleh arsitektur Microsoft .NET Framework, yang mengandung

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

10

kombinasi dari Common Language Runtime dan Base Class Library.
Visual Basic klasik, hanya merupakan sebuah bahasa pemrogaman
berbasis objek, yang berjalan di atas arsitektur Component Object Model
(COM).
Perubahan ini telah mengubah banyak asumsi tentang hal yang benar
yang

harus dilakukan dengan

mempertimbangkan

performa dan

kemudahan untuk dipelihara. Beberapa fungsi dan pustaka perangkat
lunak, yang ada di dalam Visual Basic klasik, kini tidak terdapat di dalam
Visual Basic .NET; mungkin masih banyak yang masih terdapat di dalam
Visual Basic .NET, tapi tidak seefisien apa yang ditawarkan oleh .NET
Framework. Bahkan jika program Visual Basic klasik bisa dikompilasi
dengan benar, sebagian besar program Visual Basic klasik harus melalui
beberapa proses refactoring untuk mengadopsi fitur bahasa baru secara
keseluruhan. Dokumentasi untuk ini pun tersedia di situs Microsoft.[
Ronny Ramdhani, 2011]
2.1.2 Fitur Baru Yang Ditambahkan Pada Visual Basic.Net
Versi pertama dari Visual Basic .NET adalah Visual Basic .NET
2002 yang dirilis pertama kali pada bulan Februari 2002. Visual Basic .NET
2002 merupakan sebuah bahasa pemrograman visual yang berbasis bahasa
BASIC (sama seperti halnya Visual Basic 6.0, tetapi lebih disempurnakan
dan lebih berorientasi objek), dan didesain untuk berjalan di atas Microsoft
.NET Framework versi 1.0. Versi 7.0 ini dirilis bersamaan dengan Visual
C# dan ASP.NET. Bahasa C#, yang dianggap sebagai jawaban terhadap
Java, mendapatkan perhatian yang lebih banyak dibandingkan dengan

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

11

VB.NET yang kurang begitu banyak diulas. Hasilnya, sedikit orang di luar
komunitas Visual Basic yang memperhatikan VB.NET. Versi pertama ini
kurang mendapat sambutan yang bagus dari para programmer, dan pada
saat itu, program berbasis Visual Basic 6.0 sedang marak-maraknya dibuat.
Para programmer yang mencoba Visual Basic .NET untuk pertama kali akan
merasakan bahwa Visual Basic .NET sangatlah berbeda dibandingkan
dengan Visual Basic sebelumnya. Contoh yang paling mudah adalah
runtime engine yang lebih besar 10 kali lipat dibandingkan Visual Basic 6.0,
dan juga meningkatkan beban di memori.
Selanjutnya, pada bulan Maret 2003, Microsoft pun merilis lagi
versi yang lebih baru dari Visual Basic .NET, Visual Basic .NET 2003.
Visual Basic .NET 2003 tersedia dalam beberapa jenis cita rasa:
Professional, Enterprise Architect dan Academic Edition. Khusus untuk
Visual Basic .NET 2003 Academic Edition, versi tersebut didistribusikan
secara gratis untuk beberapa sekolah di dalam setiap negara; versi
Professional dan Enterprise Architect merupakan produk komersial.
Setelah itu, Microsoft pun berkonsentrasi dalam mengembangkan
Microsoft .NET Framework 2.0, dan tentunya alat bantu untuk membangun
program di atasnya. Hingga pada tahun 2005, mereka pun merilis versi
terbaru dari Visual Basic .NET, yang kali ini disebut dengan Visual Basic
2005 (dengan membuang kata ".NET"), bersama-sama dengan beberapa
aplikasi pengembangan lainnya.[ Ronny Ramdhani, 2011]
Untuk rilis 2005 ini, Microsoft menambahkan beberapa fitur baru,
di antaranya adalah:

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

12

a) Edit and Continue
Fitur ini sebelumnya terdapat di dalam Visual Basic, akan tetapi
dihapus di dalam Visual Basic .NET. Dengan keberadaan fitur ini, para
programmer dapat memodifikasi kode pada saat program dieksekusi
dan melanjutkan proses eksekusi dengan kode yang telah dimodifikasi
tersebut.
b) Evaluasi ekspresi pada saat waktu desain
c) Munculnya Pseudo-Namespace "My”, yang menyediakan:
Akses yang mudah terhadap beberapa area tertentu dari dalam .NET
Framework yang tanpanya membutuhkan kode yang sangat signifikan.
Kelas-kelas yang dibuat secara dinamis (khususnya My.Forms).
d) Peningkatan yang dilakukan terhadap konverter kode sumber dari
Visual Basic ke Visual Basic .NET.
e) Penggunaan kata kunci (keyword) Using, yang menyederhanakan
penggunaan objek-objek yang membutuhkan pola Dispose untuk
membebaskan sumber daya yang sudah tidak terpakai.
f) Just My Code, yang menyembunyikan kode reusable yang ditulis oleh
alat bantu Integrated Development Environment (IDE) Visual Studio
.NET.
g) Pengikatan sumber data (Data Source binding), yang mampu
mempermudah pengembangan aplikasi basis data berbasis klien/server.
h) Bawaan .NET Framework 2.0:
Generics, Partial class, sebuah metode yang dapat digunakan untuk
mendefinisikan beberapa bagian dari sebuah kelas di dalam sebuah

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

13

berkas, lalu menambahkan definisinya di lain waktu sangat berguna
khususnya ketika mengintegrasikan kode pengguna dengan kode yang
dibuat secara otomatis. Nullable Type.
i) Komentar XML yang dapat diproses dengan menggunakan beberapa
alat bantu seperti NDoc untuk membuat dokumentasi secara otomatis.
j) Operator overloading.
k) Dukungan terhadap tipe data bilangan bulat tak bertanda (unsigned
integer) yang umumnya digunakan di dalam bahasa lainnya.
2.1.3 Kelebihan dan Kekurangan Menggunakan Visual Basic
Seperti juga PHP, Visual basic adalah sebuah bahasa pemrograman
yang mudah dipelajari yang akan mengantarkan anda untuk memasuki
dunia VB. Dengan Visual basic, bisa mengembangkan aplikasi dan gamegame berbasis Windows. Visual Basic jauh lebih mudah dipelajari
dibandingkan bahasa pemrograman lainnya (seperti Visual C++) namun
tetap merupakan bahasa pemrograman yang sangat powerfull.
Visual basic lebih cocok untuk pengembangan aplikasi dibandingkan
pengembangan game. Seandainya bisa membuat game yang menakjubkan
menggunakan Visual Basic, tetapi jika ingin membuat game profesional
yang lebih canggih seperti Quake 2, maka mungkin lebih baik memilih
untuk menggunakan bahasa lain (seperti C++), yang tentunya akan jauh
lebih sulit untuk digunakan.
Namun demikian, Visual basic sebenarnya sudah sangat memadai
untuk memenuhi hampir semua kebutuhan pemrograman aplikasi dan
game yang diinginkan.[ Nasrula Anshary, 2012]

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

14

Berikut ini kelebihan Visual basic:
a) Kurva

pembelajaran

dan

pengembangan

yang

lebih

singkat

dibandingkan bahasa pemograman yang lain seperti C/C++, Delphi atau
bahkan PowerBuilder sekalipun.
b) Menghilangkan kompleksitas pemanggilan fungsi Windows API,
karena banyak fungsi-fungsi tersebut sudah di-”embeded” ke dalam
syntax Visual Basic.
c) Cocok digunakan untuk mengembangkan aplikasi/program yang
bersifat “Rapid Application Development”.
d) Juga sangat cocok digunakan untuk membuat program/aplikasi Bisnis.
e) Digunakan oleh hampir semua keluarga Microsoft Office sebagai
bahasa Macro-nya, segera akan diikuti oleh yang lain.
f) Dapat membuat ActiveX Control.
g) Dapat menggunakan OCX/Komponen yang disediakan oleh pihak
ketiga (“third party”) sebagai “tool” pengembangan.
h) Menyediakan

wizard

yang

sangat

berguna

untuk

mempersingkat/mempermudah pengembangan aplikasi.
i) Object Oriented Programming.
j) Dapat di-integrasikan dengan Internet, baik itu pada sisi Client maupun
pada sisi Server.
k) Dapat membuat ActiveX Automation Server.
l) Integrasi dengan Microsoft Transaction Server.
m) Dapat menjalankan server tersebut dari mesin yang sama atau bahkan
dari mesin/komputer yang lain.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

15

n) Bahasa yang sederhana. Banyak hal yang mungkin sulit dilakukan jika
menggunakan bahasa pemrograman lainnya, akan dapat dilakukan
dengan mudah dengan menggunakan Visual Basic.
o) Karena Visual Basic sangat populer, maka sangat banyak sumbersumber yang dapat digunakan untuk belajar dan mengembangkan
kemampuan baik berupa buku, web site dll.
p) Bisa memperoleh banyak tools baik gratis maupun tidak di internet
yang akan sangat membantu menghemat waktu dalam pemrograman.
Kekurangan Visual basic:
Walaupun Visual Basic mempunyai banyak kelebihan, tetapi tetap
saja mempunyai kekurangan/kelemahan. Kelemahan-kelemahan ini
sebenarnya

disebabkan

oleh

keterbatasan

Visual

Basic

dalam

“mengambil” fungsifungsi yang bersifat low-level yang berhubungan
dengan Hardware maupun Operating System (Windows) itu sendiri,[4]
antara lain:
a) File Distribusi runtime lebih besar dari kepunyaan C/C++.
b) Tidak mempunyai fungsi-fungsi untuk mengambil feature dari OS
sebanyak C/C++.
c) Visual Basic adalah bahasa pemrograman yang powerfull, tetapi
sebenarnya tidak terlalu bagus untuk membuat game-game yang benarbenar memuaskan.
d) Lebih lambat dibandingkan bahasa pemrograman lain.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

16

2.1.4 Area Kerja dan Komponen Visual Basic 2008

Gambar 2.1 Tampilan Area Kerja Visual Basic 2008

a) Projects
Sebuah Project Visual Basic dapat terdiri dari sekumpulan form,
control, reference, setting aplikasi dan informasi lainnya. Kesemua
component ini mempunyai tipe file sendiri-sendiri tetapi terkumpul
didalam sebuah project yang sama. Sebuah file Project sebenarnya adalah
merupakan file ASCII biasa yang berekstension .VBP (Visual Basic
Project). Didalam file tersebut kita akan melihat daftar dari file-file lain
yang membentuk project tersebut. Jika kita menggabungkan project
tersebut kedalam satu lingkungan pengembangan (design environment)
maka VB akan membuat sebuah project group yang berekstensi .VBG.[
Huspan Nasrulloh, 2011]

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

17

b) Forms
Sebuah form adalah seuah window yang akan ditampilkan pada
desktop Windows (Operating System) ataupun didalam sebuah Form
MDI. Form umumnya merupakan tempat untuk meletakkan controlcontrol dari aplikasi yang akan kita buat, juga terdapat code-code
program yang berhubungan dengan aplikasi, form disimpan dengan
ekstensi .FRM. Jika didalam form tersebut terdapat control yang bertipe
graphic maka graphic tersebut akan disimpan didalam file yang berbeda
(.FRX) tetapi dengan nama yang sama.
c) Controls
Control adalah sebuah alat/tool yang akan menampilkan informasi
ataupun mendapatkan informasi dari user. Contoh dari Control adalah
button, label, graphic, textbox dan masih banyak lagi. Control-control ini
biasanya diletakkan diatas sebuah form sebagai user interface. Control
terdapat pada jendela ToolBox didalam lingkungan pengembangan Visual
Basic. Terdiri atas dua jenis: Standard dan Custom. Standar adalah
control default yang sudah disediakan oleh VB, sedangkan Custom
Control biasanya kita dapatkan dari pihak ketiga (third-party). Control
berekstensi .OCX.
d) Code Modules
Module adalah tempat dimana kita akan menulis kode sumber
didalamnya yang bersifat global (dapat dikenal oleh semua form didalam
sebuah project VB). Kode-kode ini disimpan dalam file ASCII yang
berekstensi .BAS.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

18

e) Class Modules
Class Module memperbolehkan kita membuat object sendiri. Class
module ini adalah prototype dari object yang akan kita buat tersebut
(property dan method-nya). Class module disimpan dalam sebuah file
yang berekstensi .CLS.
f)User Controls
Kita dapat membuat custom controls sendiri dengan Visual Basic
disebut User Control. Custom Control ini disimpan didalam sebuah file
.CTL yang juga akan membuat file .CTX jika didalamnya terdapat
graphics.
g) Property Pages
Property pages digunakan didalam context sebuah User Control.
Page-page ini dibuat untuk merubah ataupun melihat property yang
terdapat pada sebuah user control dengan cara yang mudah dimengerti.
Disimpan didalam sebuah file yang berekstensi .PAG.
h) User Document
Dengan menggunakan Visual Basic kita dapat membuat sebuah
form ataupun aplikasi dan memberinya ekstensi .VBD. Hal ini tidak
hanya akan menghasilkan file .VBD itu sendiri tetapi file ActiveX atau
.EXE yang diperlukan untuk menampilkannya. Active Document ini
dapat disertakan kedalam container lain seperti Microsoft Binder ataupun
Internet Explore.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

19

i)IIS Application
IIS Application dibuat berdasarkan sekumpulan WebClass dan
WebItem. Sebuah WebClass adalah DLL yang berjalan dibawah IIS 4.0
dan mempunyai sekumpulan WebItems yang dapat berbentuk template
HTML yang akan dikirimkan ke browsers. File-file yang dihasilkan
berekstensi .DSR dan .DSX.
j) DHTML Application
Aplikasi DHTML mempunyai kode-kode yang disimpan didalam
Code Modules dan file-file .DSR atau .DSX. Kita juga akan mempunyai
file .HTM yang berasosiasi dengan project ini. Setelah kita mengcompile project ini dan akan mendistribusikannya, maka kita akan
mengirimkan file HTML dan file DLL ke end user.
k) Resource File
Sebuah file resource terdiri dari kumpulan string, bitmap, cursor
dan juga icon yang nantinya dapat kita load kedalam aplikasi yang kita
kembangkan. Salah satu contoh penggunaan file ini adalah ketika kita
akan menciptakan aplikasi lintas bahasa. Dengan menggunakan file
Resource maka kita hanya perlu memanipulasi string yang terdapat
didalam file resource tersebut tanpa harus mengganti setiap baris kode
program. File ini berekstensi .RC dan setelah dikompile maka kita akan
mendapatkan sebuah file .RES yang siap digunakan.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

20

2.2

Macromedia Flash 8
Macromedia Flash adalah salah satu perangkat lunak komputer yang

merupakan produk unggulan Adobe Systems. Macromedia Flash digunakan untuk
membuat gambar vektor maupun animasi gambar tersebut. Berkas yang
dihasilkan dari perangkat lunak ini mempunyai file extension .swf dan dapat
diputar di penjelajah web yang telah dipasangi Flash Player. Flash menggunakan
bahasa pemrograman bernama ActionScript yang muncul pertama kalinya pada
Flash 5.[ Nesya Tabita, 2011]
Sebelum tahun 2005, Flash dirilis oleh Macromedia. Flash 1.0 diluncurkan
pada tahun 1996 setelah Macromedia membeli program animasi vector bernama
FutureSplash. Versi terakhir yang diluncurkan di pasaran dengan menggunakan
nama 'Macromedia' adalah Macromedia Flash 8. Pada tanggal 3 Desember 2005
Adobe Systems mengakuisisi Macromedia dan seluruh produknya, sehingga nama
Macromedia Flash berubah menjadi Adobe Flash.
Macromedia Flash merupakan sebuah program yang didesain khusus oleh
Macromedia dan program aplikasi standar authoring tool professional yang
digunakan untuk membuat animasi dan bitmap yang sangat menarik untuk
keperluan pembangunan situs web yang interaktif dan dinamis. Flash didesain
dengan kemampuan untuk membuat animasi 2 dimensi yang handal dan ringan
sehingga flash banyak digunakan untuk membangun dan memberikan efek
animasi pada website, CD Interaktif dan yang lainnya. Selain itu aplikasi ini juga
dapat digunakan untuk membuat animasi logo, movie, game, pembuatan navigasi
pada situs web, tombol animasi, banner, menu interaktif, interaktif form isian, e-

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

21

card, screen saver dan pembuatan aplikasi-aplikasi web lainnya. Dalam Flash,
terdapat teknik-teknik membuat animasi, fasilitas action script, filter, custom
easing dan dapat memasukkan video lengkap dengan fasilitas playback FLV.
Keunggulan yang dimiliki oleh Flash ini adalah ia mampu diberikan sedikit code
pemograman baik yang berjalan sendiri untuk mengatur animasi yang ada
didalamnya atau digunakan untuk berkomunikasi dengan program lain seperti
HTML, PHP, dan Database dengan pendekatan XML, dapat dikolaborasikan
dengan web, karena mempunyai keunggulan antara lain kecil dalam ukuran file
outputnya.
2.2.1 Per kembangan Macromedia Flash 8
Sebelum tahun 2005, Flash dirilis oleh Macromedia. Flash 1.0
diluncurkan pada tahun 1996 setelah Macromedia membeli program
animasi vektor bernama FutureSplash. Versi terakhir yang diluncurkan di
pasaran dengan menggunakan nama 'Macromedia' adalah Macromedia
Flash 8. Pada tanggal 3 Desember 2005 Adobe Systems mengakuisisi
Macromedia dan seluruh produknya, sehingga nama Macromedia Flash
berubah menjadi Adobe Flash.[ M. Suteja, 2011]
Berikut perkembangan produk Macromedia Flash sampai awal 2010:
• FutureSplash Animator (10 April 1996)
• Flash 1 (Desember 1996)
• Flash 2 (Juni 1997)
• Flash 3 (31 Mei 1998)

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

22

• Flash 4 (15 Juni 1999)
• Flash 5 (24 Agustus 2000) - ActionScript 1.0
• Flash MX (versi 6) (15 Maret 2002)
• Flash MX 2004 (versi 7) (9 September 2003) - ActionScript 2.0
• Flash MX Professional 2004 (versi 7) (9 September 2003)
• Flash Basic 8 (13 September 2005)
• Flash Professional 8 (13 September 2005)
• Flash CS3 Professional (sebagai versi 9,16 April 2007) -ActionScript 3.0
• Flash CS4 Professional (sebagai versi 10, 15 Oktober 2008).
• Adobe Flash CS5 Professional (as version 11, to be released in spring of
2010, codenamed “Viper).
2.2.2 Area Kerja Macromedia Flash 8

Gambar 2.2 Tampilan Area Kerja Macromedia Flash 8

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

23

Area kerja di Flash terdiri dari lima komponen, yaitu Menu,
Toolbox, Timeline, Stage dan Panel. Lima komponen tersebut yang akan
digunakan untuk membangun aplikasi pembelajaran bahasa pemrograman
visual basic. Berikut adalah tampilan awal Macromedia Flash lengkap
dengan Menu, Toolbox, Timeline, Stage dan Panel beserta penjelasan
fungsi – fungsinya.[7]
a. Menu
Berisi kontrol untuk menyimpan berbagai fungsi seperti membuat,
membuka dan menyimpan file, copy, paste dan lain – lain.
b. Toolbox
Merupakan perangkat utama untuk menggambar dalam flash toolbox
terbagi dalam 4 bagian, yaitu : tool, view, colour, dan option. Tool selain
terdiri atas perangkat untuk menggambar dan untuk menuliskan teks juga
terdapat perangkat untuk memilih objek yang nantinya akan dimodifikasi.
View menyediakan perangkat hand yang digunakan untuk memindahkan
stage dan perangkat zoom yang digunakan untuk memperbesar dan
memperkecil gambar. Colour menyediakan perangkat untuk mewarnai
dan mengubah bentuk garis, mewarnai isi objek dan teks, bagian akhir dari
toolbox yaitu optional untuk tool yang sedang aktif. Jika toolbox tidak
terlihat dilayar, maka anda bisa menampilkannya dengan menggunakan
menu windows tools.

Hak Cipta © milik UPN "Veteran" Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

24

c. Timeline
Timeline merupakan tool utama untuk membuat animasi dan objek –
objek interaktif. Timeline terdiri atas 3 bagian utama yaitu scene, layer dan
frame.
d. Stage
Stage adalah area kerja dimana anda membuat semua elemen movie
flash. Jika diinginkan anda bisa mengubah ukuran dan warna latar
belakang stage. dan satu file .fla hanya mempunyai latar belakang yang
sama. Sehingga, ketika ada 1 stage yang berubah, maka stage dari scene
yang lain ikut berubah. Maka dari itu pemilihan background harus sesuai
dengan tema dan konsep pembelajaran. Sehingga background secara
patent akan digunakan dari semua scene.
e. Panel
• Berisi kontrol fungsi yang dipakai dalam flash secara de