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
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
APLIKASI PEMBELAJ ARAN INTERAKTIF BAHASA
Telah dipertahankan dihadapan dan diterima oleh tim penguji skripsi Program studi teknik infor matika fakultas teknologi industri
Univer sitas pembangunan nasional “veteran” jawa timur Pada tanggal : 05 Oktober 2012
Pembimbing : Tim Penguji :
1)
Intan Yuniar Purbasari, S.Kom, M.Sc NPT/NIP. 380060401981
NPT/NIP. 1965 07311 9920 32001
2)
Univer sitas Pembangunan Nasional “Veteran” J awa Timur Sur abaya
APLIKASI PEMBELAJ ARAN INTERAKTIF BAHASA
Telah disetujui mengikuti ujian negar a lisan Gelombang I Tahun Akademik 2012/2013
Menyetujui,
Mengetahui,
Ketua Program Studi Teknik Infor matika Fakultas Teknologi Industri
Univer sitas Pembangunan Nasional “Veteran” J awa Timur
Dr. Ir. Ni Ketut Sar i, MT. NPT. 196507311992032001 Pembimbing I
Intan Yuniar Purbasari, S.Kom, M.Sc NPT/NIP. 380060401981
Pembimbing II
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 Pembelajar an 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
Intan Yuniar Purbasari, S.Kom, M.Sc NPT/NIP. 380060401981
Dosen Pembimbing II
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
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
Dengan mengucap puji syukur kehadirat Allah SWT atas segala rahmad
dan hidayah-Nya yang telah dilimpahkan sehingga penyusunan skripsi yang
berjudul: ”Aplikasi Pembelajar an Interaktif Bahasa Pemr ogr 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
buku-buku. Walaupun dalam penyusunan skripsi ini penulis telah berusaha dengan
segala daya upaya sesuai dengan kemampuan, namun tak luput dari
kesalahan-kesalahan 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
Halaman
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
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
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
DOSEN PEMBIMBING I : Intan Yuniar Purbasari S.Kom, M.Sc DOSEN PEMBIMBING II : 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.
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
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
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,
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
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.
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
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
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
bentuk Visual Basic, yang diikuti oleh C++, JavaScript,C#, dan Java.[Wikipedia,
2012]
2.1.1 Hubungan Antar a Visual Basic Ver si Klasik Dengan Ver si
Ter baru
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
semantik, yang berubah secara signifikan. Visual Basic .NET merupakan
sebuah bahasa pemrograman yang mendukung fitur "Bahasa
Pemrograman Berorientasi Objek" secara penuh, karena memang
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
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,
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
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 Kekur angan 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
game-game 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
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
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
sumber-sumber 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
benar-benar memuaskan.
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.[
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
control-control 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
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
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
meng-compile 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
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
e-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 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 Ar ea Kerja Macromedia Flash 8
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
c. Timeline
Timeline merupakan tool utama untuk membuat animasi dan objek –
objek interaktif. Timeline terdiri atas 3 bagian utama yaitu scene, layer dan
frame.
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 default flash
akan menampilkan empat panel yaitu : info, mixer, character dan
instance.
• Panel info berisi keterangan mengenai objek yang sedang aktif, salah
satunya keterangan mengenai koordinat objek.
• Panels Character berisi pengaturan properti dan atribut text.
• Panels Mixer digunakan untuk pengaturan warna.
Panels Instance berisi keterangan apakah objek yang aktif itu berupa
2.2.3 Manfaat Manggunakan Macromedia Flash 8
Adobe Flash dirancang untuk membuat animasi pada halaman web atau
presentasi kompleks maupun sederhana bahkan membuat program yang dapat
berjalan dengan sendirinya. Manfaat kita menggunakan Adobe Flash adalah
sebagai berikut.[ Nesya Tabita, 2012]
a. Dari segi pemrograman, fitur pemrograman yang tidak terlalu rumit, sehingga
memungkinkan bagi seorang programmer pemula sekalipun dapat membuat
situs web yang sederhana tanpa melibatkan begitu banyak kode
pemrograman.
b. Besarnya kapasitas file yang dihasilkan begitu kecil, sehingga memungkinkan
pembuatan animasi dan presentasi menjadi lebih ringkas.
c. Pembuatan executable file, dimana apabila file ini dimainkan tidak diperlukan
lagi keterlibatan penuh program pembangunan yang dalam hal ini Adobe
Flash, selain manfaat tersebut diatas, adobe Flash memiliki fasilitas –
fasilitas sebagai berikut.
•Tersedianya fasilitas export dan import grafik ke suara dari Adobe Flash.
•Tersedianya drawing tool yang memungkinkan pemakai membuat animasi
pada jendela Adobe Flash.
•Tersedianya pustaka (library) yang dapat digunakan oleh pemakai.
•Tersedianya pencampuran antara animasi dan suara, yang apabila dibuat
dengan program lain membutuhkan prosedur yang lebih banyak.
•Dapat menampilkan macam – macam gambar, teks dan animasi dengan
•Dapat menggabungkan suara dengan format mp3 dalam aplikasi kita.
Dengan teknologi kompresi MP3 yang sangat bagus, kita dapat membuat
suatu animasi yang panjang dengan suara yang bermacam – macam tanpa
takut ukuran file-nya membesar.
•Mempermudah dalam membuat suatu aplikasi multimedia yang berbasis
web.
2.3 Kebutuhan Sistem
Microsoft Visio (atau sering disebut Visio) adalah sebuah program aplikasi
komputer yang sering digunakan untuk membuat diagram, diagram alir
(flowchart), brainstorm, dan skema jaringan yang dirilis oleh Microsoft
Corporation. Aplikasi ini menggunakan grafik vektor untuk membuat
diagram-diagramnya.
Visio aslinya bukanlah buatan Microsoft Corporation, melainkan buatan Visio
Corporation, yang diakusisisi oleh Microsoft pada tahun 2000. Versi yang telah
menggunakan nama Microsoft Visio adalah Visio 2002, Visio 2003, dan Visio
2007 yang merupakan versi terbaru. Visio 2007 Standard dan Professional
menawarkan antarmuka pengguna yang sama, tapi seri Professional menawarkan
lebih banyak pilihan template untuk pembuatan diagram yang lebih lanjut dan
juga penataan letak (layout). Selain itu, edisi Professional juga memudahkan
pengguna untuk mengoneksikan diagram-diagram buatan mereka terhadap
beberapa sumber data dan juga menampilkan informasi secara visual dengan
2.3.1 Sistem Flowchart ( Flowchart System )
Flowchart adalah jenis diagram yang merepresentasikan sebuah algoritma
atau proses, menunjukkan langkah-langkah sebagai kotak dari berbagai jenis,
dan pesanan mereka dengan menghubungkan ini dengan panah. Representasi
diagram dapat memberikan solusi langkah-demi-langkah untuk masalah
tertentu. Operasi proses direpresentasikan dalam kotak-kotak, dan panah
menghubungkan mereka mewakili aliran kontrol. Data arus tidak biasanya
direpresentasikan dalam diagram alur, berbeda dengan diagram aliran data,
melainkan, mereka yang tersirat oleh urutan operasi. Flowchart digunakan
dalam menganalisis, merancang, mendokumentasikan atau mengelola proses
atau program di berbagai bidang.[10]
Adapun simbol-simbol standar yang digunakan untuk membuat bagan alir
adalah sebagai berikut.
Simbol Dokumen
Simbol ini digunakan untuk menggambarkan semua
jenis dokument input dan output baik untuk proses
manual, mekanik maupun komputer.
Simbol Kegiatan Manual
Simbol ini digunakan untuk menggambarkan kegiatan
Simbol Operasi Luar
Simbol ini menunjukkan operasi yang dilakukan diluar
computer.
Simbol Arsip Sementara
Simbol ini digunakan untuk menggambarkan tempat
penyimpanan dokumen yang dokumennya akan diambil
kembali dari arsip tersebut dimasa yang akan datang
untuk keperluan pengolahan lebih lanjut terhadap
dokumen tersebut urutan pengarsipan dokumen
digunakan simbol berikut :
menggambarkan bagan alir dokumen dibuat mengalir
dari atas ke bawah dan dari kiri kekanan. Karena
keterbatasan ruang halaman kertas untuk
menggambarkan maka diperlukan simbol penghubung
lokasi pada halaman tertentu dan kembali berjalan
dilokasi lain pada halaman yang sama.
Simbol Penghubung
Penghubung pada halaman yang berbeda. Dalam
menggambarkan bagan alir dokumen dibuat mengalir
dari atas ke bawah dan dari kiri kekanan. Karena
keterbatasan ruang halaman kertas untuk
menggambarkan maka diperlukan simbol penghubung
yang memungkinkan aliran dokumen berhenti disuatu
lokasi pada halaman tertentu dan kembali berjalan
dilokasi lain pada halaman yang berbeda.
Simbol Terminal
Simbol ini digunakan untuk menggambarkan awal dan
akhir suatu sistem.
Simbol Keputusan
Simbol ini menggambarkan keputusan yang harus
dibuat dalam proses pengolahan data.
Simbol Display
Simbol ini menggambarkan informasi yang ditampilkan
ANALISIS DAN PERANCANGAN SISTEM
Bab III menjelaskan proses perancangan dan pembangunan Aplikasi
Pembelajaran Interaktif Bahasa Pemrograman VB.Net Berbasis Online
Menggunakan VB.Net.
3.1 Analisis Sistem
Sesuai dengan latar belakang dan perumusan masalah yang sudah terdapat
di bab sebelumnya dapat diketahui perancangan yang dilakukan penulis ini adalah
membuat aplikasi pembelajaran interaktif bahasa pemrograman visual basic
berbasis online, yang tujuan utama diharapkan penulis untuk aplikasi
pembelajaran online ini adalah pengguna dapat menikmati pembelajaran online
yang pembahasannya lebih komplit 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 dari penulis untuk
pengetahuan dan ilmu lebih, 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 ini memuat beberapa materi dan trik yang diambil
aplikasi pembelajran ini diambil dari buku 7 Jam Belajar Visual Basic.Net 2008
yang ditulis oleh Muhammad Sadeli.
3.2 Perancangan Sistem
Disini menjelaskan tentang perancangan pembuatan Aplikasi
Pembelajaran Interaktif Bahasa Pemrograman VB.Net Berbasis Online
Menggunakan VB.Net, dimulai dari awal pembuatan sampai pada penyelesaian
aplikasi pembelajaran, yang didalamnya terdapat kebutuhan minimal perangkat
keras dan perangkat lunak, flowchart. Untuk membangun aplikasi pembelajaran
ini diperlukan spesifikasi perangkat keras yang akan kita gunakan. Hal ini
merupakan persiapan penting dari awal yang harus dilakukan untuk membuat
aplikasi pembelajaran ini.
3.2.1 Kebutuhan Minimal Perangkat Keras
Perangkat keras minimal yang digunakan untuk membuat Aplikasi
Pembelajaran Interaktif Bahasa Pemrograman VB.Net Berbasis Online
Menggunakan VB.Net ini yang berbasis multimedia adalah sebagai
berikut :
a) Processor Dual Core
b) RAM 1GB DDR1
c) Monitor SVGA dengan resolusi 1280 X 768
d) VGA Card
3.2.2 Perangkat Lunak
Perangkat lunak minimal yang dapat digunakan untuk membuat
Aplikasi Pembelajaran Interaktif Bahasa Pemrograman VB.Net Berbasis
Online Menggunakan VB.Net adalah sebagai berikut.
a. Marcomedia Flash 2.0
b. Visual Basic2008
c. ASP.Net
d. Paint
ASP.Net merupakan perangkat lunak visual web developer yang
termasuk bagian dari paket Microsoft Visual Studio, pada pembuatan
aplikasi pembelajaran ini fungsi utama dari ASP.Net adalah untuk
menampilkan aplikasi yang semula berbasis desktop menjadi sebuah
aplikasi berbasis web.
Visual Studio 2008 merupakan sebuah perangkat lunak lengkap
(suite) yang dapat digunakan untuk melakukan pengembangan
aplikasi, baik itu aplikasi bisnis, aplikasi personal, ataupun komponen
aplikasinya, dalam bentuk aplikasi console, aplikasi Windows, ataupun
aplikasi Web. Pada aplikasi pembelajaran ini visual basic yang tersedia
di visual studio membantu proses pembuatan aplikasi desktop beserta
Macromedia Flash 2.0 merupakan perangkat lunak yang dapat
digunakan untuk menambahkan aspek dinamis sebuah web atau
membuat film animasi interaktif. Untuk saat ini perangkat lunak
tersebut digunakan untuk membuat aplikasi flash berbentuk .fla dan
.exe yang merupakan aplikasi utama aplikasi pembelajaran untuk
menampilkan pembelajaran visual basic secara interaktif.
Paint merupakan perangkat lunak yang sudah tersedia pada saat
install windows. Fungsi perangkat lunak untuk aplikasi pembejaran
ini adalah mengedit hasil printscreen kode program visual basic
menjadi file .jpg yang sesuai untuk dimasukkan kedalam materi
aplikasi yang masih berupa file .fla sehingga pengguna tahu bahwa
kode program yang dilihatnya merupakan kode program yang benar
bisa dijalankan.
3.3Alur Aplikasi
Dalam perancangan sistem diperlukan alur aplikasi yang sistematis dan
terarah sehingga dapat terencana dengan baik. Terdapat beberapa menu dan
tombol agar peta dapat digunakan secara interaktif dengan usernya. Tahap – tahap
a) Menu beranda
Didalam menu beranda terdapat sub-menu, yaitu menu pengenalan yg isinya
pengenalan sejarah singkat tentang visual basic, dan menu profil yang isinya
profil pembuat aplikasi pembelajaran visual basic.
b) Menu materi
Menu materi merupakan menu utama untuk proses pembelajaran visual basic.
Dalam menu materi ini terdapat sub-menu yang urut sesuai tingkat pembelajaran
dari pengenalan form dan objek hingga penggunaan database.
c) Menu trik
Menu trik dalam aplikasi ini adalah menu yang berisi tentang trik-trik dalam
visual basic tujuannya untuk lebih mengenal dan meningkatkan pembelajaran
visual basic.
d) Menu video
Menu video berisi sub-menu yang akan menampilkan pembelajaran secara
langsung dengan melihat video sehingga pengguna yang kurang paham dengan
materi teks maka dengan video diharap lebih mudah dimengerti.
e) Menu soal
Pada menu ini pengguna dapat mengikuti kuis yang telah disiapkan, untuk
lebih paham mengikuti soal, pengguna bisa melihat petunjuk yang sudah
saat mengisi soal, pengguna bisa keluar dari latihan soal dengan menekan tombol
menu.
Setelah penjelasan singkat menu utama dan alur aplikasi di atas dapat
digambarkan ke dalam Flowchart seperti pada Gambar 3.1 :
Start
Berdasarkan Gambar 3.1 dapat dijelaskan alur utama pada
aplikasi pembelajaran yang pada setiap sub-menu memiliki isi dan fungsi
yang berbeda.
3.3.1 Menu Beranda
Menu beranda memiliki dua sub-menu yaitu menu pengenalan yang berisi
tentang sejarah singkat dari visual basic beserta perkembangan dari isual basic
1 hingga VBx. Sub-menu kedua adalah menu profil yang berisi data singkat
dari pembuat aplikasi pembelajaran visual basic ini.
Alur aplikasi pembelajar pada menu beranda di atas dapat digambarkan
berupa diagram flowchart seperti Gambar 3.2.
3.3.2 Menu Materi
Pada menu materi ini terdapat 7 menu yang masing-masing
sub-menu berisikan materi yang berbeda pembahasan beserta berbeda tingkat
kesulitannya. Berikut ini penjelasan materi-materi yang tersedia pada menu
materi.
1.Mengenal Visual Basic
2.Mengenal Form & Objek Kontrol
3.Tipe Data, Variabel, Konstanta, dan Operator
4.Algoritma Pemrograman
5.OOP (Object Oriented Programming)
6.Exception Handling
7.Manajemen Database
Setiap menu di atas memiliki tombol untuk lanjut atau kembali ke halaman
pada satu menu. Alur menu materi di atas dapat digambarkan dengan diagram
Start
3.3.3 Menu Trik
Pada menu trik ini berisi beberapa trik visual basic yang dapat
digunakan untuk windows yang tidak ada di pembahasan dalam menu materi.
Alur aplikasi diatas dapat digambarkan melalui diagram flowchart seperti
Gambar 3.4.
3.3.4 Menu Video
Pada menu video ini berisi beberapa video visual basic yang dapat
digunakan untuk windows yang tidak ada di pembahasan dalam menu materi.
Alur aplikasi diatas dapat digambarkan melalui diagram flowchart seperti
Gambar 3.5.
3.3.5 Menu Soal
Merupakan menu terakhir dalam aplikasi pembelajaran. Menu ini berisi
soal-soal yang diambil dari materi yang sudah ditampilkan didalam isi menu
materi, pada soal ini pengguna diberikan kesempatan mengisi 10 soal yang
acak, dan pada saat akhir akan muncul nilai yang diperoleh jumlah benar,
jumlah salah, serta nilai akumulisi untuk setiap nilai yang benar. Alur menu
soal diatas dapat digambarkan melalui diagram flowchart seperti Gambar 3.6.
Start
3.4 Perancangan Perangkat Lunak
Dalam perancangan awal pembuatan aplikasi pembelajaran ini dibutuhkan
metari visual basic untuk isi utama dalam aplikasi pembelajaran ini. Untuk
kelangsungan berjalannya aplikasi ini agar menjadi interaktif dengan pengguna
maka dibuatkan button yang dapat menghubungkan pengguna dengan menu yang
tersedia di dalam aplikasi sehingga pengguna lebih bebas menentukan
pembelajaran mana yang diinginkan. Berikut penjelasan perancangan awal
aplikasi, fungsi button, fungsi sprite pada Aplikasi Pembelajaran Interaktif Bahasa
Pemrograman VB.Net Berbasis Online Menggunakan VB.Net.
3.4.1 Perancangan Awal Aplikasi
Merancang sebuah aplikasi pembelajaran dibutuhkan gambaran awal
untuk desain tampilan aplikasi sehingga aplikasi terkesan indah bila dilihat
yang membuat pengguna nantinya tidak kesulitan memahami fungsi-fungsi
atau tombol yang ada dalam aplikasi pembelajaran tersebut. Rancangan awal
Aplikasi Pembelajaran Interaktif Bahasa Pemrograman VB.Net Berbasis
Online Menggunakan VB.Net sebagai berikut.
a. Tampilan awal aplikasi, merupakan tampilan awal pada saat aplikasi ini
dijalankan oleh pengguna, dimana pengguna dapat memilih menu utama
yang disediakan dalam aplikasi. Seperti menu pengenalan yang berisi
pengenalan sejarah singkat VB.Net dan profil dari penulis, selanjutnya
terdapat menu materi pembelajaran VB.Net, menu trik yang membuat
aplikasi VB.Net untuk Windows, menu video yang dapat mendukung
Pada saat pengguna menekan salah satu menu utama maka akan muncul
lagi submenu yang lebih menjelaskan isi dari submenu tersebut.
Tampilan awal menu aplikasi digambarkan seperti Gambar 3.7.
Gambar 3.7 Rancangan Desain Awal Aplikasi
b. Rancangan desain tampilan menu materi hampir sama dengan
rancangan desain menu awal aplikasi, hanya pada menu materi
terdapat tambahan beberapa tombol materi beserta tombol next dan
selanjutnya atau halaman sebelumnya. Tampilan awal menu materi
aplikasi pembelajaran digambarkan seperti Gambar 3.8.
Gambar 3.8 Rancangan Desain Menu Materi
3.4.2 Button
Salah satu bagian yang terpenting dalam menu aplikasi pembelajaran
adalah button atau tombol. Setiap tombol mempunyai fungsi-fungsi tertentu,
bisa sebagai tombol navigasi, tombol main dan berhenti untuk animasi dan
dimasukkan actionscript yang berguna untuk animasi yang berhubungan
dengan aplikasi pembelajaran ini.
Tabel 3.1 Button Pada Aplikasi
TOMBOL KETERANGAN
Tombol untuk pemilihan materi-materi
Tombol ini akan memunculkan submenu,
yaitu menu pengenalan dan profil
Tombol yang berisikan trik-trik yang telah
disediakan dalam aplikasi pembelajaran
Tombol video dimana pengguna dapat
melihat video penyampaian materi.
Tombol untuk menuju ke latihan soal
Tombol ini terdapat pada menu materi dan
trik yang fungsinya untuk kembali ke
halaman sebelumnya.
Tombol ini terdapat pada menu materi dan
TOMBOL KETERANGAN
Tombol ini tersedia bila pengguna telah
masuk ke menu soal, yang fungsinya
untuk kembali ke menu utama
Tombol ini terdapat pada menu soal yang
fungsinya untuk memulai latihan soal
3.4.3 Sprite
Sprite pada aplikasi pembelajaran ini merupakan alert yang muncul pada
saat latihan soal dijalankan, sprite ini fungsinya hampir sama dengan
messagebox yang berisikan pesan kepada pengguna yang ditunjukkan pada
Tabel 3.2 penjelasan dari fungsi sprite.
Tabel 3.2 Sprite Pada Aplikasi
TOMBOL KETERANGAN
Sprite ini akan muncul apabila pengguna
menekan“Menu” pada saat sudah masuk
ke latihan soal. Fungsi dari sprite ini untuk
meyakinkan apakah pengguna yakin keluar
TOMBOL KETERANGAN
pengguna akan kembali ke manu utama.
Sprite ini akan muncul ketika pengguna
memilih jawaban pada latian soal, bila
jawaban dari pengguna salah makan sprite
ini akan muncul. Sprite ini berfungsi untuk
menyampaikan pesan karena jawaban dari
pengguna salah, dan sprite ini dilengkapi
tombol lanjut yang berfungsi untuk
melanjutkan ke soal selanjutnya
Sprite ini akan muncul ketika pengguna
memilih jawaban pada latian soal, bila
jawaban dari pengguna benar makan sprite
ini akan muncul. Sprite ini berfungsi untuk
menyampaikan pesan karena jawaban dari
pengguna benar, dan sprite ini dilengkapi
tombol lanjut yang berfungsi untuk
melanjutkan ke soal selanjutnya
3.4.4 Background
Background merupakan latar belakang yang berupa gambar dipasang ke
penanda disetiap menu yang ditambahkan sebuah icon. Berikut ini tabel
background yang digunakan pada aplikasi pembelajaran.
Tabel 3.3 Background Pada Aplikasi
BACKGROUND KETERANGAN
Nama : Background menu beranda
Ukuran : 1000 x 800 pixels
Fungsi : Background ini memiliki icon
rumah yang berada di kanan bawah yang
berfungsi untuk menunjukkan menu yang
dipilih merupakan menu beranda.
Nama : Background menu materi
Ukuran : 1000 x 800 pixels
Fungsi : Background ini memiliki icon
tumpukan buku yang menggambarkan
bahwa menu ini merupakan menu yang
BACKGROUND KETERANGAN
Nama : Background menu trik
Ukuran : 1000 x 800 pixels
Fungsi : Background ini memiliki icon
gear yang menandakan bahwa menu ini
berisikan tentang pembahasan trik untuk
visual basic.
Nama : Background menu video
Ukuran : 1000 x 800 pixels
Fungsi : Background ini memiliki icon roll
negative film yang menandakan di dalam
menu ini berisikan kumpulan video tutorial
pembelajaran visual basic.
Nama : Background menu soal
Ukuran : 1000 x 800 pixels
Fungsi : Background ini memiliki icon
kertas dengan pensil yang menandakan
pengguna sedang berada pada menu soal.
Dan pada menu awal terdapat petunjuk
BACKGROUND KETERANGAN
Nama : Background menu awal
Ukuran : 1000 x 800 pixels
Fungsi : Background ini berisikan
logo-logo visual studio beserta tulisan belajar
microsoft visual studio 2008.
Nama : Background soal
Ukuran : 1000 x 800 pixels
Fungsi : Background ini berisikan soal
latihan, baik soal pilihan ganda maupun
IMPLEMENTASI SISTEM
Solusi untuk memecahkan masalah adalah membuat aplikasi dengan
menggunakan berbagai media pendukung, setelah melewati tahap dalam
menganalisis dan perencanaan aplikasi pembelajaran, maka pada bab IV ini
merupakan pembahasan implementasian dari hasil aplikasi pembelajaran interaktif
bahasa pemrograman vb.net berbasis online menggunakan vb.net.
4.1 Perangkat sistem
Perangkat yang digunakan untuk semua proses dalam pembuatan aplikasi
ini termasuk pembuatan laporan adalah menggunakan perangkat keras dan
perangkat lunak.
4.1.1 Perangkat keras
Laptop HP Pavilion g4 yang telah diberi tambahan
aplikasi-aplikasi pendukung. Spesifikasi perangkat keras didalam laptop tersebut
adalah:
a) Processor Intel Core i5-2410M
b) RAM 4GB DDR3
c) Hard Disk 500GB
e) Video Card ATI RADEON HD6470M
f) Sound Card Realtek
4.1.2 Perangkat lunak
a) Sistem Operasi Microsoft Windows 7 Ultimate
Sistem Operasi yang digunakan untuk membuka aplikasi
pendukung lainnya.
b) Macromedia Flash 8
Macromedia Flash adalah perangkat lunak yang digunakan untuk
membuat aplikasi pembelajaran interaktif bahasa pemrograman vb.net
berbasis online menggunakan vb.net. Dengan aplikasi Macromedia
Flash ini, penulis menggabungkan beberapa unsur seperti teks, gambar,
suara, video dan animasi sehingga akan membuat aplikasi pembelajaran
yang interaktif.
c) Visual Basic
Perangkat lunak ini digunakan untuk membuat isi materi aplikasi
pembelajaran. Disini akan dijelaskan bagaimana mengetikkan kode
program hingga tampilan form. Di aplikasi ini dibuat gambar
pendukung untuk materi, gambar tersebut memuat kode program dan
hasil aplikasi yang dibuat sehingga pengguna mengerti kode program
d) ASP.Net
ASP.Net merupakan perangkat lunak yang terdapat pada Visual
Studio, sama dengan Visual Basic yang juga terdapat didalamnya.
Namun ASP.Net ini merupakan perangkat lunak yang digunakan untuk
membuat web, kali ini fungsinya adalah menampilkan aplikasi
pembelajaran berupa web.
e) Paint
Paint merupakan perangkat lunak yang sudah tertanam pada saat
menginstal windows. Fungsi perangkat lunak ini dalam aplikasi
pembelajaran kali adalah untuk menampilkan kode program dan hasil
form serta aplikasi yang telah dibuat pada visual basic menjadi file .jpg
untuk dimasukkan ke dalam file .fla.
4.2 Pengenalan Aplikasi
Pada tahap ini penulis akan mengenalkan aplikasi pembelajaran yang telah
dibuat tentang tampilan awal yang ada pada aplikasi pembelajaran interaktif
bahasa pemrograman vb.net berbasis online menggunakan vb.net. Tampilan
aplikasi bisa dilihat pada penjelasan selanjutnya.
Pada tampilan awal aplikasi pembelejaran ini tersedia menu utam, yaitu
menu beranda, menu materi, menu trik, menu video, menu soal. Pada setiap menu
4.3 Tampilan Setiap Menu Utama
Pada aplikasi pembelajaran interaktif bahasa pemrograman vb.net berbasis
online menggunakan vb.net ini terdapat 3 menu utama yang akan dibahas. Menu
utama tersebut adalah menu beranda, menu materi, menu trik, menu video, menu
soal. Pada setiap menu utama aplikasi pembelajaran masih terdapat submenu yang
lebih memfokuskan pembelajaran. Tampilan awal utama seperti Gambar 4.1.
