MODUL PEMBELAJARAN MENGENAL WIN32API DENGAN VISUAL BASIC 6.0 BERBASIS FLASH DAN WEB.

DENGAN VISUAL BASIC 6.0 BERBASIS FLASH DAN WEB

Disusun oleh :

Andi Ivan Akbar (0934010073)

JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNOLOGI INDUSTRI

UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN” JAWA TIMUR 2013

ABSTRAK

Masalah yang terjadi saat ini yaitu beberapa mahasiswa terkadang mengeluhkan tentang sulitnya memahami suatu Modul Pembelajaran seperti “Modul Pembelajaran Mengenal Win32API dengan Visual Basic 6.0 Berbasis Flash dan Web ”. Hal ini dikarenakan Modul Pembelajaran yang berupa buku dinilai tidak menarik, dan terkadang tidak memberikan implementasi langsung tentang apa yang dimaksud dari Modul Pembelajaran itu.

Tugas akhir ini dimaksudkan untuk membuat sebuah Modul Pembelajaran Mengenal Win32API dengan Visual Basic 6.0 Berbasis Flash dan Web. Peneliti memilih Modul Pembelajaran Mengenal Win32API dengan Visual Basic 6.0 karena mata kuliah ini digunakan untuk Pembelejaran mata kuliah Visual Basic 6.0 di UPN Veteran Jawa Timur, sehingga modul pembelajaran ini dapat digunakan untuk belajar Mahasiswa tersebut. Peneliti juga memilih Flash karena belajar dengan animasi, dinilai lebih menarik dan mudah diingat oleh pengguna. Sedangkan Web, user dapat menggunakan Modul Pembelajaran tersebut pada suatu jaringan komputer bersama dengan user lainnya.

Hasil yang dicapai pada Tugas Akhir ini yaitu membuat modul pembelajaran dengan menggunakan Flash dan Web karena belajar dengan animasi pada flash, lebih menarik dan mudah diingat oleh pengguna. Sedangkan Web, user dapat menggunakan Modul Pembelajaran tersebut pada suatu jaringan komputer bersama dengan user lainnya.

KATA PENGANTAR

Puji syukur ke pada Allah SWT atas segala rahmat kasihnya dan atas limpahan rahmat-Nya sehingga dengan keterbatasan kami baik waktu, tenaga, dan pikiran yang kami miliki, akhirnya kami dapat menyelesaikan laporan Tugas Akhir ini tepat pada waktunya.

Penulis membahas masalah tentang Modul Pembelajaran yang berjudul “Modul Pembelajaran Mengenal Win32API Dengan Visual Basic 6.0 Berbasis Flash danWeb ”. Pembuatan laporan Tugas Akhir ini tidak lepas dari bantuan dan kerja sama banyak pihak yang terkait oleh penulis. Oleh karena itu dengan segala kerendahan hati, penulis ingin mengucapkan terima kasih sebesar-besarnya kepada :

1. Kedua Orang Tua dan keluarga kami tercinta atas motivasi dan doanya sehingga yang kami kerjakan dalam menyelesaikan laporan Tugas Akhir ini.

2. Barry Nuqoba S.kom dan Dr.Ir.Ni Ketut Sari, MT. selaku dosen pembimbing Tugas Akhir.

3. Ibu Dr.Ir.Ni Ketut Sari, MT Kepala Jurusan Teknik Informatika, FTI UPN “VETERAN” Jawa Timur.

4. Tidak lupa kami ucapkan banyak terima kasih kepada teman-teman yang tidak bisa kami sebutkan satu-persatu dalam mendukung kami dalam menyelesaikan Tugas Akhir ini.

Kami menyadari masih banyak sekali kekurangan dalam menyelesaikan Tugas Akhir ini, namun kami juga berharap semoga laporan Tugas Akhir Ini dapat menunjang perkembangan ilmu, khususnya pembelajaran mengenal Win32API dengan visual basic 6.0. Kritik dan saran yang membangun kami harapkan dalam menyelesaikan laporan

ini. Akhrnya dengan ridho Allah kami berharap semoga laporan Tugas Akhir ini dapat memberikan manfaat bagi pembaca.

Surabaya, 13 November 2012

DAFTAR ISI

ABSTRAK ... i

KATA PENGANTAR ... ii

DAFTAR ISI ... iv

DAFTAR GAMBAR ...viii

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang ... 1

1.2 Rumusan Masalah ... 3

1.3 Batasan Masalah... 3

1.4 Tujuan ... 3

1.5 Manfaat ... 4

1.6 Metode Penelitian... 4

1.7 Sistematika Penulisan ... 5

BAB II TINJAUAN PUSTAKA ... 7

2.1 Windows API ... 7

2.1.1 Versi Windows API ... 7

2.1.1.1 Win16 API ... 8

2.1.1.2 Win32 API ... 8

2.1.1.2.1 Win32s API………...9

2.1.1.3 Win32 for 64-bit Windows ... 9

2.1.2 Fungsionalitas yang ditawarkan ... 9

2.1.2.1 Base Services ... 10

2.1.2.2 Advanced Services ... 10

2.1.2.3 Graphics Device Interface (GDI) ... 10

2.1.2.4 User Interface ... 11

2.1.2.5 Common Dialog Box Library ... 11

2.1.2.6 Common Control Library ... 11

2.1.2.7 Windows Shell ... 12

2.1.2.8 Network Services ... 12

2.1.3 Web API ... 12

2.1.4 Multimedia ... 13

2.1.5 Interaksi antar Program ... 14

2.2.1 Menu Bar ... 16

2.2.2 Form Designer ... 16

2.2.3 Menu Toolbar ... 16

2.2.4 Toolbox ... 17

2.2.5 Project Explorer ... 17

2.2.6 Code Windows ... 18

2.2.7 Properties ... 18

2.3 Tipe Data, Variabel dan Konstanta ... 19

2.3.1 Tipe Data ... 19

2.3.2 Variabel dan Konstanta ... 20

2.4 Percabangan (Branching) ... 21

2.4.1 IF,.. ... 22

2.4.2 Select Case ... 23

2.5 Perulangan (Looping) ... 24

2.5.1 Do…Loop ... 24

2.5.2 For…Next ... 26

2.5.3 While … Wend ... 26

2.6 Procedure dan Function ... 27

2.6.1 Jenis-jenis Procedure ... 27

2.7 Module ... 29

2.7.1 Pengenalan Modul Standart ... 29

2.8 Array ... 30

2.8.1 Pengertian Koleksi Objek ... 30

2.8.2 Cara Mengakses Koleksi Objek ... 31

2.8.3 Array Satu Dimensi ... 31

2.8.4 Array Multi Dimensi ... 32

2.9 Adobe Flash ... 32

2.9.1 Istilah –Istilah Umum Pada Flash ... 34

2.10 HyperText Markup Language ( HTML ) ... 34

2.11 PHP ... 35

2.12 Adobe Photoshop CS 2 ... 36

2.13 Extensible Markup Language (XML) ... 38

2.13.1 Struktur Dokumen XML ... 39

2.13.2 XML Well formed... 39

BAB III PERENCANAAN SISTEM ... 40

3.1 Sistem ... 40

3.2.1 Alur Aplikasi ... 41

3.2.2 Context Diagram ... 43

3.2.3 Data Flow Diagram ... 45

3.2.3.1 DFD Level 0 ... 45

3.2.3.2 DFD Level 1 Subproses Pengolahan Materi ... 48

3.2.3.3 DFD Level 1 Subproses Pengolahan Kuis ... 48

3.2.3.4 Level 1 Subproses Pengolahan Video ... 49

3.2.3.5 Level 1 Subproses Pesan ... 50

3.2.3.6 Level 1 Subproses Artikel ... 51

3.2.4 Entity Rational Diagram ... 52

3.3 Desain Aplikasi ... 55

3.3.1 Desain Website... 55

3.3.2 Desain Modul ... 59

BAB IV IMPLEMENTASI ... 67

4.1 Perangkat Keras ... 67

4.2 Perangkat Lunak... 67

4.3 Pembuatan Software... 68

4.3.1 Pembuatan Modul Flash ... 69

4.3.1.1 Pembuatan Halaman Opening ... 69

4.3.1.2 Pembuatan Video dan Kuis ... 71

4.3.1.3 Pembuatan Video ... 74

4.3.2 Pembuatan Website ... 75

4.3.2.1 Halaman User ... 75

4.3.2.2 Halaman Admin ... 77

BAB V UJI COBA EVALUASI ... 85

5.1 Skenario Uji Coba ... 85

5.2 Pelaksanaan Uji Coba ... 89

5.2.1 Uji Coba Login ... 89

5.2.2 Uji Coba Lihat Video & Kuis ... 90

5.2.3 Uji Coba Video ... 91

5.2.4 Uji Pesan ... 92

5.2.5 Uji Materi ... 93

5.2.6 Uji Coba Melihat Artikel ... 93

5.2.7 Login Admin ... 94

5.2.8 Kelola Materi Text ... 95

5.2.10 Kelola Materi Image ... 97

5.2.11 Kelola Hapus-Image... 98

5.2.12 Kelola Update Soal ... 98

5.2.13 Kelola Member... 99

5.2.14 Kelola Skor ... 100

5.2.15 Kelola Pesan ... 100

5.2.16 Kelola Artikel ... 101

BAB VI PENUTUP ... 103

6.1 Kesimpulan ... 103

6.2 Saran ... 104

DAFTAR GAMBAR

Gambar 2.1 Bagian IDE Visual Basic 6.0... 15

Gambar 2.2 Menu Bar ... 16

Gambar 2.3 Form Designer ... 16

Gambar 2.4 Menu Toolbar ... 17

Gambar 2.5 Toolbox ... 17

Gambar 2.6 Project Explorer... 18

Gambar 2.7 Code Windows ... 18

Gambar 2.8 Properties ... 19

Gambar 2.9 Tipe Data, Ukuran dan Jangkau ... 20

Gambar 2.10 Cara Menjalankan Module ... 29

Gambar 2.11 Module ... 30

Gambar 2.12 Jendela Kode Module ... 30

Gambar 3.1 Flowchart User ... 42

Gambar 3.2 Flowchart Admin ... 43

Gambar 3.3 Context Diagram Modul Pembelajaran Mengenal Win32API ... 44

Gambar 3.4 DFD Level 0 Modul Pembelajaran Mengenal Win32API ... 46

Gambar 3.5 DFD Level 1 Subproses Pengolahan Materi ... 48

Gambar 3.6 DFD Level 1 Subproses Pengolahan Kuis ... 49

Gambar 3.7 DFD Level 1 Subproses Video ... 50

Gambar 3.8 DFD Level 1 Subproses Pesan ... 51

Gambar 3.9 DFD Level 1 Subproses Artikel ... 52

Gambar 3.10 CDM Modul Pembelajaran Mengenal Win32API ... 53

Gambar 3.11 PDM Modul Pembelajaran Mengenal Win32API ... 54

Gambar 3.13 Halaman User ... 57

Gambar 3.14 Halaman Admin ... 57

Gambar 3.15 Desain Opening ... 60

Gambar 3.16 Desain Menu Video ... 61

Gambar 3.17 Desain Menu Kuis ... 62

Gambar 3.18 Desain Menu About Me ... 63

Gambar 3.19 Desain Materi ... 64

Gambar 3.20 Desain Pesan……….65

Gambar 3.21 Desain Artikel ... 66

Gambar 4.1 Gambar Folder Beserta Movie Clip ... 70

Gambar 4.2 Isi Movie Clip Opening ... 70

Gambar 4.3 Movie Opening ... 71

Gambar 4.4 Hasil Kuis ... 74

Gambar 4.5 Hasil import video ke Adobe Flash ... 75

Gambar 5.1 Halaman Login ... 89

Gambar 5.2 Halaman Utama User ... 90

Gambar 5.3 Uji Coba Kuis ... 91

Gambar 5.4 Uji Coba Video... 91

Gambar 5.5 Uji Coba Pesan ... 92

Gambar 5.6 Uji Materi ... 93

Gambar 5.7 Uji Coba Artikel ... 94

Gambar 5.8 Login Admin ... 94

Gambar 5.9 Halaman Utama Admin ... 95

Gambar 5.10 Kelola Materi Text ... 96

Gambar 5.11 Kelola Ganti Video... 96

Gambar 5.13 Kelola Materi Image... 97

Gambar 5.14 Kelola Hapus Image ... 98

Gambar 5.15 Kelola Update Soal... 99

Gambar 5.16 Kelola Member ... 99

Gambar 5.17 Kelola Skor ... 100

Gambar 5.18 Kelola Tulis Pesan ... 101

Gambar 5.19 Kelola Hapus Pesan ... 101

Gambar 5.20 Kelola Artikel ... 102

BAB I

PENDAHULUAN

1.1 Latar Belakang

Pada saat ini teknologi komputer berkembang sangat pesat, mengikuti kebutuhan hidup manusia. Komputer semakin banyak dibutuhkan untuk membantu manusia dalam kehidupan sehari-hari, baik di kalangan mahasiswa sampai kalangan kantor-kantor atau perusahaan. Telah diketahui bersama, bahwa 1omputer dapat dimanfaatkan untuk berbagai keperluan, misalnya dapat digunakan dalam dunia pendidikan.

Beberapa mahasiswa terkadang mengeluhkan tentang sulitnya memahami suatu Modul Pembelajaran yang berupa buku. Hal ini dikarenakan Modul Pembelajaran yang berupa buku tidak menarik, dan terkadang tidak memberikan Implementasi langsung tentang apa yang dimaksud dari Modul Pembelajaran itu.

Peneliti juga mendapatkan referensi dari pembuatan Tugas Akhir yang berjudul “Aplikasi Multimedia Pembelajaran Proses Pertumbuhan Janin Pada Ibu Hamil” [8]. Dari referensi tersebut, menyimpulkan bahwa aplikasi yang dibuat cukup menarik dan mudah digunakan, kelebihannya yaitu terdapat video pembelajaran, kuis dilengkapi timer, dan berbasis web. Kekurangan yang peneliti temukan dari referensi tersebut yaitu, isi materi 1ompute kuis tidak dapat diubah oleh admin, serta materi dan kuis tidak mendukung untuk menampilkan gambar. Soal-soal kuis juga tidak teracak, sehingga jawaban mudah dihafalkan oleh user. Peneliti menggunakan adobe flash CS 5 actionscript 3 dimana perintah yang digunakan memerlukan kode lebih panjang di bandingkan actionscript

Referensi lain yang didapatkan peneliti yaitu dari pembuatan Tugas Akhir yang berjudul “Aplikasi Pembelajaran Teknik Gitar Menggunakan Adobe Flash ” [9]. Dari referensi tersebut, peneliti menemukan kelebihan dan kekurangan dari aplikasi yang dibuat. Kelebihannya yaitu materi yang diberikan mendukung teks dan gambar, sehingga aplikasi tersebut menarik dan mudah dipahami. Kelebihan lainnya yaitu kuis dilengkapi dengan pengambilan acak dan diberikan timer. Kekurangan yang ditemukan peneliti dalam aplikasi ini yaitu, tidak didukung website, sehingga aplikasi sulit untuk diakses pada sebuah jaringan komputer. Kekurangan lain yang dihasilkan yaitu materi dan kuis tidak dapat diubah pada form khusus.

Berdasarkan dari peneliti diatas penulis memilih Modul Pembelajaran Mengenal Win32API dengan Visual Basic 6.0 Berbasis Flash dan Web karena dalam mata kuliah ini akan digunakan untuk media pembelajaran API dengan visual basic 6.0 di UPN Veteran Jawa Timur, sehingga modul pembelajaran ini dapat di manfaatkan bagi Mahasiswa yang mengikuti mata kuliah pemrograman API. Penulis juga memilih menggunakan Flash karena materi yang di sajikan dalam bentuk animasi, video dinilai lebih menarik dan mudah di pahami oleh user, dalam modul ini juga terdapat kuis dengan pilihan timer yang sudah di tentukan dan di akhir kuis terdapat history skor yang bisa digunakan user sebagai tolak ukur kemampuan. Dan pada modul ini terdapat fitur pesan yang fungsinya user dapat memberikan kritik yang membangun bagi perkembangan aplikasi ini dan memberikan saran atau masukkan untuk mengembangkan aplikasi ini menjadi lebih baek lagi, untuk menambah wawasan user di modul ini di berikan artikel yang sewaktu-waktu dapat di update oleh admin.

1.2 Rumusan Masalah

Terdapat beberapa Rumusan Masalah pada proyek tugas akhir ini, adapun Rumusan masalahnya adalah sebagai berikut :

a. Apa yang membuat user kesulitan untuk memahami modul pembelajaran yang sudah ada ?

b. Bagaimana cara mambuat rancang bangun modul pembelajan yang dapat dimengerti oleh semua kalangan user ?

1.3 Batasan Masalah

Sesuai permasalahan masalah yang telah dijelaskan di atas, pembuatan aplikasi ini dibatasi permasalahannya oleh beberapa hal, sebagai berikut:

a. Pembuatan aplikasi menggunakan perangkat lunak adobe flash CS3 dengan Action Script 2.0

b. Aplikasi yang sudah berupa flash nantinya akan di upload ke web localhost dengan Pemrograman PHP.

1.4 Tujuan

Tujuan aplikasi ini adalah implementasi dari teknologi informasi terhadap permasalahan yang ada pada Pembelajaran Pemrograman API di UPN veteran Jawa Timur, tujuan yang dicapai adalah seperti berikut:

a. Membuat rancang bangun modul pembelajaran mengenal Win32API dengan visual basic 6.0 berbasis flash dan web.

b. Memberikan content-content di dalam rancang bangun modul pembelajaran mengenal Win32API dengan visual basic 6.0 berbasis flash dan web.

1.5 Manfaat

Manfaat yang dapat diperoleh dari pembuatan aplikasi modul pembelajaran ini adalah sebagai berikut :

a. Modul pembelajaran ini dapat mempermudah mahasiswa bagaimana belajar Mengenal Win32API dengan Visual Basic 6.0 karena disajikan dalam bentuk Video dan animasi visual.

b. Modul pembelajaran ini dapat di akses dimana saja karena sifatnya online.

1.6 Metode Penelitian

Untuk dapat mencapai keberhasilan dalam pembangunan Aplikasi Modul Pembelajaran Mengenal Win32API dengan Visual Basic 6.0 ini, maka perlu dilakukan beberapa langkah seperti berikut :

a. Studi literature

Mengumpulkan referensi yang dibutuhkan untuk membangun aplikasi baik dari internet, maupun sumber-sumber yang lain mengenai materi contoh aplikasi , serta coding yang dapat membantu pembuatan aplikasi

b. Analisa dan perancangan

Pada tahap ini dilakukan perancangan terhadap aplikasi yang akan dibangun, seperti desain system aplikasi, aturan aplikasi, user-interface, dll.

c. Pembuatan

Pada tahap pembuatan, perencanaan yang telah di lakukan lalu diimplementasikan sehingga menjadi sebuah aplikasi dengan dasar bantuan literatur yang sudah dikumpulkan sebelumnya

d. Uji coba

Pada tahap ini, adalah tahap yang sangat penting karena pada tahap ini aplikasi akan di jalankan dan dilihat apakah ada yang kurang ataupun salah, dan tidak

sesuai konsep yang diajukan. Uji coba aplikasi tidak hanya dilakukan oleh satu user saja, namun oleh beberapa user yang sesuai dengan target aplikasi untuk mendapatkan hasil yang inginkan.

e. Penyusunan laporan

Pada tahap ini merupakan tahap terakir dari pengerjaan tugas akir, selama proses pembuatan aplikasi yang sudah dilakukan disusun menjadi sebuah laporan mulai dari proses awal hingga akhir pembuatan aplikasi. Dari penyusunan laporan ini diharapkan dapat mempermudah pembaca yang ingin mempelajari maupun mengembangkan aplikasi tersebut.

f. Kesimpulan

Pada tahap kesimpulan adalah bagian dari penyusunan laporan proses aplikasi ( tugas akhir ) yang dibuat. Disini dibuat sebuah kesimpulan dari hasil pembuatan aplikasi dengan dasar teori yang mendukung dalam pembuatan aplikasi tersebut.

1.7 Sistematika Penulisan

Secara garis besar penyusunan laporan ini, terdiridari enam bab utama dengan beebrapa sub bab didalamnya. Adapun sistematika penulisan laporan tugas. Akhir ini adalah sebagai berikut :

BAB I PENDAHULUAN

Bab ini menjelaskan permasalahan yang ada beserta solusi yang digunakan untuk menyelesaikan permasalahan tersebut. Penjelasan tersebut akan di bagi-bagi menjadi sub bab yaitu latar belakang masalah, perumusan masalahbatasan masalah, tujuan dari pembuatan tugas akir, manfaat yang diperoleh, dan sistematika penulisan.

BAB II TINJAUAN PUSTAKA

Bab ini membahas tentang teori-teori dasar yang di pakai untuk menyelesaikan permasalahan , yaitu teori-teori yang berkaitan dengan system aplikasi yang dibuat.

BAB III PERENCANAAN SISTEM

Bab ini membahas tentang gambaran umum dan rencanaan dari aplikasi pengajaran yang dibuat. Perencanaan aplikasi seperti konsep aplikasi seperti konsep aplikasi, desain system aplikasi, user-interface, dan lain sebagainya.

BAB IV IMPLEMENTASI

Bab ini membahas tentang bagaimana aplikasi yang sudah dirancang konsep, desain system aplikasi, user-interface dan lain-lainnya dibuat menjadi sebuah aplikasi yang dapat dijalankan.

BAB V UJI COBA EVALUASI

Bab ini menjelaskan tentang bagaimana aplikasi yang telah jadi dan dapat dijalankan telah di uji coba, untuk mengetahui apakah aplikasi tersebut telah menyelesaikan permasalahannya dan sesuai dengan konsep yang dibuat.

BAB VI PENUTUP

Bab ini membahas tentang bagian akir pada sebuah Laporan Tugas Akhir yaitu kesimpulan dan saran yang didapatkan dari hasil evaluasi BAB IV. Kesimpulan akan menjelaskan tentang hasil apa yang telah didapat dari pembuatan aplikasi dan laporannya. Sedangkan saran, akan menjelaskan bagaimana penulis memiliki visi tentang aplikasi yang dibuat pada masa mendatang.

BAB II

TINJAUAN PUSTAKA

2.1 Windows API

Antarmuka Pemrograman Aplikasi Windows (berasal dari Bahasa Inggris: Windows Application Programming Interface), yang sering disebut sebagai WinAPI atau Windows API adalah sekumpulan antarmuka pemrograman aplikasi yang dibuat oleh Microsoft dalam inti sistem operasi Microsoft Windows buatannya. Semua program Windows, kecuali program konsol, harus berinteraksi dengan Windows API tanpa melihat dengan bahasa apa ia dibuat. Akses terhadap elemen sistem operasi yang lebih rendah, seperti halnya yang dibutuhkan oleh device driver, tidak disediakan oleh Windows API, tapi disediakan oleh Windows Driver Foundation atau Native API dalam versi-versi baru Windows.

Agar para pengembang perangkat lunak dapat menggunakan versi-versi Windows baru, Microsoft sering merilis Software Development Kit (SDK), yang terdiri atas dokumentasi dan alat bantu untuk membangun aplikasi-aplikasi Windows dengan teknologi terbaru Microsoft Windows. [3]

2.1.1 Versi Windows API

Menurut (Wikipedia : Antarmuka Pemrograman Aplikasi Windows) [3] Hampir pada setiap peluncuran versi baru Windows, Microsoft memperkenalkan API baru terhadap Windows API. Meskipun demikian, nama dari panggilan API tersebut tetap dipertahankan dan konsisten antara satu versi dengan versi yang lainnya, dan

perubahan nama pun mungkin dilakukan jika memang terjadi di sana perubahan besar-besaran pada platform Windows itu sendiri. Microsoft pun kemudian akan mengubah

nama keluarga Win32 API yang digunakan saat ini menjadi Windows API, dan membuatnya dapat digunakan oleh semua versi API sistem operasi Windows. [3]

2.1.1.1 Win16 API

Windows 16 API atau Win16 API merupakan API yang digunakan pertama kali pada versi Windows 16-bit. Pada awalnya, Win16 API disebut dengan Windows API, tapi kemudian diubah menjadi Win16 dalam usaha Microsoft untuk membedakannya dengan versi Windows API yang lebih baru yang berjalan pada Windows 32-bit, Win32 API. Fungsi-fungsi Win16 API umumnya terdapat di dalam berkas-berkas inti sistem operasi: kernel.exe (atau krnl286.exe pada Windows for 286 atau krnl386.exe pada Windows yang berjalan pada Enhanced 386),

user.exe, dan gdi.exe. Meskipun memiliki ekstensi EXE, sebenarnya mereka

bukanlah berkas yang dapat dieksekusi (executable), melainkan mereka adalah DLL (Dynamic Linking Library). [3]

2.1.1.2 Win32 API

Win32 API merupakan antarmuka pemrograman yang terdapat di dalam sistem operasi Windows 32-bit modern. Seperti halnya Win16 API, Win32 API juga sama mengimplementasikan fungsi-fungsi di dalam DLL sistem operasi. DLL inti yang dimiliki oleh Win32 API antara lain kernel32.dll, user32.dll, dan

gdi32.dll. Win32 pertama kali muncul pada tahun 1993, saat Windows NT

diluncurkan. Windows 95 juga menggunakan Win32 API, dan pada awalnya dikenal dengan sebutan Win32c, di mana huruf "c" di sana merujuk kepada "compatibility", tapi istilah ini akhirnya ditinggalkan oleh Microsoft demi konsistensi nama "Win32". Dalam Windows NT 4.0 dan para penerusnya (termasuk di antaranya versi-versi terbaru Windows), panggilan-panggilan Win32 dieksekusi oleh dua

modul, yakni csrss.exe (Client/Server Runtime SubSystem) di dalam modus pengguna dan Win32K.sys di dalam modus kernel. [3]

2.1.1.2.1 Win32s API

Win32s API merupakan sebuah ekstensi untuk keluarga Windows 3.1x yang mengimplementasikan sekumpulan kecil dari Win32 API untuk sistem-sistem tersebut, yang merupakan sistem-sistem operasi 16-bit. Huruf "s" di sana merupakan singkatan dari "subset." [3]

2.1.1.3 Win32 for 64-bit Windows

Win32 for 64-bit Windows, yang sebelumnya dikenal dengan sebutan

Win64, merupakan sebuah versi Windows API yang ditargetkan untuk digunakan

oleh Windows versi 64-bit, yakni Windows XP Professional x64 Edition dan Windows Server 2003 x64 Edition (untuk prosesor-prosesor x86-64) dan Windows XP 64-bit Edition dan Windows Server 2003 for Itanium-series (untuk prosesor-prosesor IA-64). Dengan kemunculan Win64, Windows NT pun akhirnya masuk ke dalam pasar komputasi 64-bit, dan kompatibilitas aplikasi 32-bit pun masih terjaga. Akan tetapi, memang semua pointer memori dialamatkan dengan menggunakan alamat 64-bit, sehingga kode sumber program harus dicek ulang untuk melihat apakah ada masalah kompatibilitas dengan pointer aritmetika 64-bit dan jika perlu ditulis ulang. Tidak ada penambahan fungsi-fungsi baru yang spesifik ditambahkan ke dalam Windows versi 64-bit. [3]

2.1.2 Fungsionalitas yang ditawarkan

Fungsionalitas yang ditawarkan oleh Windows API dapat digolongkan ke dalam delapan kategori:

2.1.2.1 Base Services

Menyediakan akses terhadap beberapa sumber daya fundamental yang tersedia di dalam sebuah sistem yang menjalankan sistem operasi Microsoft Windows. Fungsi-fungsi ini terdapat dalam kernel.exe, krnl286.exe, atau

krnl386.exe (dalam Windows 16-bit) dan kernel32.dll serta advapi32.dll

dalam Windows 32-bit. Subkomponen yang terdapat pada golongan ini antara lain: [3]

a. File system (sistem berkas): FAT12, FAT16, FAT32, CDFS, UDFS dan NTFS

b. Devices

c. Process and threads d. Error handling.

2.1.2.2 Advanced Services

Menyediakan akses terhadap fungsionalitas yang berada di luar kernel sistem operasi Windows. Fungsionalitas yang termasuk di dalam kategori ini adalah akses registry Windows, shutdown (turn-off, restart, hibernate, atau standby) Windows, manajemen Windows service, hingga manajemen akun pengguna. Fungsi-fungsi ini terdapat di dalam advapi32.dll, dan hanya terdapat pada versi Windows 32-bit. [3]

2.1.2.3 Graphics Device Interface (GDI)

Menyediakan fungsionalitas untuk mengeluarkan tampilan grafik ke monitor, printer dan beberapa perangkat keluaran lainnya. Dalam Windows 16-bit, GDI ditangani oleh GDI.EXE, atau GDI32.DLL dalam Windows 32-bit. [3]

2.1.2.4 User Interface

Menyediakan fungsionalitas untuk membuat dan mengatur layar jendela dan sebagian besar kontrol dasar, seperti tombol (button), baris geser (scroll bar), hingga menerima input dari pengguna melalui keyboard atau mouse. Dalam Windows 16-bit, fungsionalitas user interface ditangani oleh USER.EXE, atau

User32.DLL dalam Windows 32-bit. Saat Windows XP dirilis, kontrol-kontrol

dasar Windows digabungkan ke dalam ComCtl32.DLL, bersama-sama dengan Common Control Library. [3]

2.1.2.5 Common Dialog Box Library

Menyediakan fungsionalitas untuk membuat kotak dialog untuk membuka dan menutup berkas, memilih warna, huruf (font) dan lain sebagainya. Antarmuka ini terdapat pada sebuah berkas dengan nama Commdlg.dll pada Windows 16-bit, atau Comdlg32.dll pada Windows 32-bit. Meskipun demikian, fungsionalitas ini dimasukkan dalam kategori User Interface. [3]

2.1.2.6 Common Control Library

Mengizinkan aplikasi agar dapat mengakses beberapa kontrol tingkat lanjut yang disediakan oleh sistem operasi, seperti halnya baris status (status bar), baris kemajuan (progress bar), baris peralatan (toolbar), dan juga tabulasi (tab). Pustaka untuk ini disediakan oleh sebuah DLL yang disebut dengan CommCtrl.DLL dalam sistem operasi Windows 16-bit, atau ComCtl32.DLL dalam Windows 32-bit. Ini juga dikelompokkan ke dalam kategori User Interface di dalam API. [3]

2.1.2.7 Windows Shell

Komponen Windows API yang mengizinkan aplikasi untuk mengakses fungsionalitas yang disediakan oleh shell sistem operasi, dan juga mengubah atau bahkan meningkatkannya. Komponen ini terdapat di dalam DLL Shell.DLL dalam Windows 16-bit, sementara dalam Windows 32-bit terdapat di dalam Shell32.DLL. Windows 95 juga menawarkan sebuah DLL yang disebut sebagai ShlWApi.DLL. Ini juga dikelompokkan ke dalam kategori User Interface di dalam API. [3]

2.1.2.8 Network Services

Mengizinkan aplikasi agar dapat mengakses kemampuan jaringan di dalam sistem operasi. Komponen ini memiliki beberapa subkomponen, yakni: [3]

a. Network Basic Input Output System (NetBIOS) b. Windows Socket (Winsock)

c. Network Dynamic Data Exchange (NetDDE) d. Remote Procedure Call (RPC)

e. dan masih banyak yang lainnya.

2.1.3 Web API

Penjelajah Web, Microsoft Internet Explorer juga menawarkan banyak API yang juga digunakan oleh banyak aplikasi, dan kini dianggap sebagai bagian dari Windows API. Program Internet Explorer memang telah dimasukkan dan diintegrasikan ke dalam Windows semenjak versi Windows 98, dan menyediakan beberapa layanan terkait kepada aplikasi. Khususnya, Web API ini digunakan untuk menyediakan: [3]

a. Sebuah kontrol penjelajah Web yang dapat dibenamkan ke dalam beberapa aplikasi, yang dikandung dalam shdocvw.dll dan mshtml.dll.

b. Layanan pemantau Universal Resource Locator (URL), yang dikandung di dalam URLMon.dll, yang membuat membuat objek-objek COM dapat digunakan oleh aplikasi untuk melakukan resolusi terhadap URL. Aplikasi juga dapat menyediakan handler URL mereka masing-masing untuk kepentingan lainnya.

c. Sebuah pustaka untuk membantu penanganan input multi bahasa dan juga dukungan terhadap teks internasional, selain Bahasa Latin (mlang.dll).

d. DirectX Transform, sekumpulan komponen filter gambar. e. Dukungan XML (yang dikandung oleh komponen MSXML). f. Akses terhadap Windows Address Book.

2.1.4 Multimedia

Selain sistem dan Web, Microsoft juga membuat API yang digunakan untuk memfasilitasi fitur multimedia, yang disebut dengan DirectX. DirectX pertama kali diintegrasikan di dalam Windows semenjak Windows 95 OSR2. DirectX menyediakan beberapa layanan untuk permainan dan multimedia, termasuk di antaranya adalah: [3]

a. Direct3D, sebagai alternatif terhadap OpenGL untuk mengakses perangkat

keras akselerasi grafik 3 dimensi.

b. DirectDraw, untuk mengakses perangkat keras akselerasi grafik 2 dimensi.

Saat DirectX 9 dirilis, komponen ini mulai ditinggalkan, karena keberadaan Direct3D, yang menyediakan jauh lebih banyak fungsionalitas grafik dan juga performa yang lebih tinggi (selain tentunya rendering grafik dua dimensi juga merupakan bagian dari rendering grafik tiga dimensi).

c. DirectSound, untuk mengakses kartu suara yang memiliki akselerasi perangkat

d. DirectInput, untuk melakukan komunikasi dengan perangkat input, seperti halnya gamepad dan joystick.

e. DirectPlay, sebagai infrastruktur permainan multiplayer. Saat DirectX 9 dirilis,

komponen ini juga ditinggalkan dan Microsoft pun sudah tidak lagi merekomendasikannya untuk digunakan saat pengembangan game.

f. DirectShow, yang membangun dan menjalankan multimedia generik. Kira-kira

sebanding dan setara dengan GStreamer framework dan sering digunakan untuk melakukan rendering video di dalam game dan juga membuat beberapa multimedia player (Windows Media Player dibangun berdasarkan teknologi DirectShow). DirectShow juga tidak disarankan untuk mengembangkan game.

g. DirectMusic, untuk mengakses perangkat Musical Instrumentation Device

Interface (MIDI).

2.1.5 Interaksi antar Program

Windows API sebagian besar menumpukan dirinya untuk memfasilitasi interaksi antara sistem operasi dengan aplikasi. Untuk memfasilitas komunikasi sesama aplikasi-aplikasi Windows, Microsoft telah mengembangkan sekumpulan teknologi di dalam Windows API yang utama. Hal ini dimulai dari Dynamic Data Exchange (DDE), yang kemudian digantikan Object Linking and Embedding (OLE), dan kemudian kembali digantikan oleh Component Object Model (COM). [3]

2.2 Pengenalan IDE Visual Basic 6.0

Visual BASIC (Beginners All-Purpose Symbolic Instruction Code) merupakan sebuah bahasa pemrograman yang dapat digunakan untuk membuat suatu aplikasi dalam Microsoft Windows. Visual BASIC menggunakan metode Graphical User Interface (GUI) dalam pembuatan program aplikasi (project). Istilah visual mengacu pada metode pembuatan tampilan program (Interface) atau objek pemrograman yang biasa dilakukan secara langsung terlihat oleh programmer. Dalam Visual BASIC, pembuatan program aplikasi harus dikerjakan dalam sebuah project. Sebuah Project dapat terdiri dari File Project (.vbp), File Form (.frm), File data binary (.frx), Modul Class (.cls), Modul Standar (.bas), dan file resource tunggal (.res). Bahasa yang digunakan adalah bahasa BASIC yang sangat populer pada era sistem operasi DOS. [2] Bagian-bagian IDE dapat di jelaskan di gambar 2.1

2.2.1 Menu Bar

Menampilkan daftar menu yang berisi daftar perintah-perintah yang dapat digunakan saat bekerja pada Visual BASIC. Terdiri dari menu File, Edit, View, Project, Format, Debug, Run, Query, Diagram, Tools, Add-Ins, Window dan Help. [2]. Bagian Menu Bar di tampilkan pada gambar 2.2

Gambar 2.2 Menu Bar [2]

2.2.2 Form Designer

Pada form design ini adalah tempat kita merancang user interface ( antar muka pemakai ). Untuk menampilkan layar ini dapat mengklik pada tombol Design View atau dengan menekan tombol Shift + F7. Sedangkan untuk ke layar coding dapat menekan tombol F7. [2]. Bagian Form Designer di tampilkan pada gambar 2.3

Gambar 2.3 Form Designer [2]

2.2.3 Menu Toolbar

Menu standar pada Windows, dapat digunakan untuk membuka project, menyimpan project, menjalankan project, dan sebagainya. [2]. Bagian Menu Toolbar di tampilkan pada gambar 2.4

Gambar 2.4 Menu Toolbar [2]

2.2.4 Toolbox

Di sinilah tempat komponen-komponen yang disediakan untuk merancang user interface. Masing-masing komponen memiliki cirri dan kegunaan masing-masing. Komponen kita gunakan sesuai kebutuhan kita. [2]. Bagian Toolbox di tampilkan pada gambar 2.5

Gambar 2.5 Toolbox [2]

2.2.5 Project Explorer

Di sini adalah struktur project yang sedang kita kerjakan. Suatu project dapat terdiri dari beberapa form. [2]. Bagian Project Explorer di tampilkan pada gambar 2.6

Gambar 2.6 Project Explorer [2]

2.2.6 Code Windows

Merupakan jendela yang digunakan untuk menuliskan kode program. [2]. Bagian Code Windows di tampilkan pada gambar 2.7

Gambar 2.7 Code Windows [2]

2.2.7 Properties

Pada kolom ini menampilkan Properties dari komponen yang sedang aktif. Property adalah data-data atau karakteristik yang dimiliki oleh suatu objek

Gambar 2.8 Properties [2]

2.3 Tipe Data, Variabel dan Konstanta

Visual basic mengenal tipe-tipe data yang secara default sudah ada dalam program visual basic. Dan berikut ini adalah jenis-jenis tipe data visual basic. [1].

2.3.1 Tipe Data

Gambar 2.9 Tipe Data, Ukuran dan Jangkau [1]

2.3.2 Variabel dan Konstanta

Variabel adalah suatu tempat untuk menampung data yang nilainya selalu berubah. Sedangkan konstanta adalah suatu tempat untuk menampung data yang nilainya tetap dan tidak berubah. Aturan penamaan konstanta dan variabel : [1]

1. Harus diawali huruf

2. Boleh terdiri dari huruf, angka dan garis bawah 3. Maksimal 225 karakter

4. Tidak boleh menggunakan reserve word

A. Deklarasi Variabel dan Konstanta Deklarasi Variabel

Pendeklarasian varibel ada 2 jenis : [1]

1) Deklarasi Eksplisit

Untuk mendeklarasikan nama variabel beserta tipe datanya pada awal procedure (menempatkan alokasi nama variabel didalam memori), contohnya sebagai berikut : [1]

Dim Nama as String

Dim Alamat as String *30 ‘Panjang maksimal 30

2) Deklarasi Implisit

Untuk mendeklarasikan nama variabel beserta tipe datanya dan langsung mengisi nilai variabelnya (menempatkan alokasi nilai variabel langsung didalam memori), contohnya sebagai berikut : [1]

Nama$ = “Adi” Gaji$ = 1750000

Deklarasi Konstanta

[Public | Private] Const nama_konstanta [AS tipe_konstanta]

Contoh Const HARGA As Currency = 1000

Dim Biaya As Currency Dim JUMLAH As Integer … ‘proses

Biaya = HARGA * JUMLAH

… ‘proses

2.4 Percabangan (Branching)

Struktur kendali memungkinkan anda untuk mengatur jalannya program anda, Jika membiarkan tanpa di periksa oleh statement control-flow, suatu logika program akan berjalan dari kiri ke kanan dan dari atas kebawah. Hanya program yang

sangat sederhana dapat ditulis tanpa statement control-flow. Struktur KENDALI yang didukung oleh Visual Basic adalah sebagai berikut: [1]

2.4.1 IF,..

A. If...Then

Gunakan suatu struktur If...Then untuk menjalankan suatu pernyataan secara kondisional. Anda dapat menggunakan syntax satu baris ataupun syntax banyak baris. [1]

Syntax: If kondisi Then pernyataan

Atau

If kondisi Then

pernyataan-pernyataan End If

Kondisi biasanya berupa suatu perbandingan, maupun ekspresi yang

menghasilkan nilai numerik. Visual Basic menginterpretasikan False sebagai nol (0), dan True sebagai satu

B. If...Then...Else

Gunakan If…Then…Else untuk mendefinisikan beberapa blok pernyataan yang akan dijalankan salah satu berdasarkan kondisi yang memenuhi syarat.

Syntax: If kondisi1 Then

[blok pernyataan-1]

[ElseIf kondisi2 Then

[blok pernyataan-2]] ...

[Else

[blok pernyataan-n]]

Visual Basic awalnya akan mencoba kondisi1. Jika False, maka Visual Basic akan memeriksa kondisi2, dan seterusnya sampai menemukan suatu kondisi True untuk dijalankan blok pernyataannya. [1]

C. If Bercabang / Bersarang (Nested IF)

If yang terletak di dalam IF [1]

Syntax: If kondisi ke-1 Then

If kondisi ke-1 Then

Pernyataan ke-1

Else

Pernyataan Ke-2

endif

Else

If kondisi ke-1 Then

Pernyataan ke-1

Else

Pernyataan Ke-2

endif

End IF

2.4.2 Select Case

Visual Basic menyediakan struktur Select Case sebagai suatu alternative terhadap If...Then...Else. Suatu Select Case statement memiliki kemampuan yang sama dengan If…Then…Else…, tetapi membuat code lebih mudah dibaca. Struktur Select Case bekerja dengan suatu percobaan tunggal yang hanya dievaluasi satu kali pada bagian atas struktur. Visual Basic then membandingkan hasil ekspresi dengan nilai pada setiap Case didalam struktur tersebut, jika ada yang sesuai, akan dijalankan blok statement yang sesuai. [1]

Syntax : Select Case ekspresi yang dicoba

[Case ekspresi1

[blok pernyataan-1]]

[Case ekspresi2

[blok pernyataan-2]]

…

[Case Else

[blok pernyataan-n]

End Select

2.5 Perulangan (Looping)

Struktur loop memperbolehkan anda untuk melakasanakan sekelompok baris terlebih dari satu kali. [1]

2.5.1 Do…Loop

Gunakan Do Loop untuk mengeksekusi suatu blok statement dengan jumlah perulangan yang tak terhingga, ada beberapa Do...Loop statement, tetapi masing-masing mengevaluasi suatu kondisi untuk menentukan apakah melanjutkan eksekusi Berikut ini adalah statement Do Loop, yang dijalankan selama kondisi benar : [1]

Syntax : Do While <kondisi>

statements

Loop

Ketika Visual menjalankan Do Loop ini, pertama kali akan di coba kondisinya, jika kondisi False (zero), akan diloncati semua statement yang mengikuti kondisi tersebut. Visual Basic akan menjalankan statement jika kondisi benar dan kembali ke Do…Loop berikutnya.

Syntax: Function Faktorial (x)

Dim Hasil As Double

Dim Count As Long

Hasil = 1

count = 2

Do While Count <= x

Hasil = Hasil * count

count = count + 1

Loop

Faktorial = count

End Function

Variasi lain dari statement Do…Loop, yang menjamin minimal satu kali statement dijalankan :

Syntax :

Do

statements

Loop While <Kondisi>

Dua variasi yang analog dengan dua contoh sebelumnya adalah perulangan minimal satu kali. Dan berikut ini adalah berulang atau tidak sama sekali :

Syntax :

Do Until <Kondisi>

statements

Loop

Do

statements

2.5.2 For…Next

Do Loop bekerja dengan baik, ketika anda tidak tahu berapa banyak kali untuk butuhkan untuk menjalankan statement. Ketika anda mengetahui harus menjalankan statement sejumlah kali, bagaimanapun For…Next adalah pilihan yang lebih baik. Tidak seperti Do Loop, For…Next menggunakan suatu variabel yang disebut counter yang mana akan bertambah atau berkurang pada setiap perulangan. [1]

Syntax : For < pencacah> = <awal> To <akhir> [step<langkah>]

Statement

Next <pencacah>

Keterangan :

Pencacah : Variabel ( tipe : integer) yang digunakan untuk

menyimpan angka pengulangan.

awal : Nilai awal dari pencacah

akhir : Nilai akhir dari pencacah

langkah : Perubahan nilai pencacah setiap pengulangan. Sifatnya

optional (boleh ditulis ataupun tidak). Bila tidak ditulis maka nilai langkah adalah 1.

2.5.3 While … Wend

While – Wend digunakan untuk mengeksekusi suatu blok statement dengan jumlah perulangan yang tak terhingga. Berikut ini adalah statement While –Wend, yang dijalankan selama kondisi benar :

Syntax : WHILE <Kondisi>

<Statements/Blok Kode Program>

WEND Jika kondisi FALSE (Zero), maka semua <Ststements/blok kode program> yang mengikitu kondisi akan diloncati. Program akan menjalankan

<Ststements/blok kode program> jika kondisi benar, dan akan kembali ke WHILE berikutnya. [1]

2.6 Procedure dan Function

Procedure adalah blok kode program yang berisi perintah-perintah untuk mengerjakan tugas tertentu. Bila di dalam kode program yang kita buat ada perintah-perintah untuk melakukan tugas yang sama di beberapa tempat, maka akan lebih baik perintah-perintah tersebut dibuat dalam sebuah procedure. Kemudian, procedure itu bisa di-‘panggil’ bila diperlukan. Penggunaan procedure sangat menghemat penulisan kode program, karena kode-kode program yang sama dibeberapa tempat cukup dibuat pada satu bagian saja. Selain itu, procedure akan memudahkan perbaikan kode program bila terjadi perubahan atau kesalahan, karena perbaikan cukup dilakukan pada satu bagian saja. [1]

2.6.1 Jenis-jenis Procedure

Pada VB6 ada 4 jenis procedure, yaitu :

- Procedure Sub – procedure yang tidak mengembalikan nilai setelah ‘tugas’-nya selesai.

- Procedure Function – procedure yang mengembalikan nilai setelah ‘tugas’-nya selesai.

- Procedure Event – procedure untuk suatu event pada sebuah object. Digunakan di dalam class module.

- Procedure Property – procedure untuk mengubah (let) atau mengambil (get) nilai property pada sebuah object. Digunakan di dalam class module.

Bentuk penulisan (syntax) procedure sub :

[Public | Private] Sub <nama_sub> ([<argumen>])

…

<isi procedure> …

End Sub

Sedangkan bentuk penulisan (syntax) procedure function :

[Public | Private] Function

<nama_function> ([<argumen>]) As <tipe_data>

…

<isi procedure>

…

End Function

Penjelasan :

Pernyataan [Public | Private] menentukan ruang lingkup (scope) procedure. Sebuah procedure dengan scope public bisa digunakan dalam lingkup project. Sedangkan procedure dengan scope private hanya bisa digunakan dalam lingkup form saja. <nama_sub> atau <nama_function> dibuat sebagai pengenal procedure saat di-‘panggil’. Aturan penamaan sebuah procedure sama dengan aturan penamaan sebuah variabel. <argumen> merupakan serangkaian nilai dan tipe data yang dipakai oleh procedure untuk mengerjakan ‘tugas’-nya. Sebuah procedure bisa saja tidak memakai argumen sama sekali. Pernyataan As <tipe_data> pada procedure function menentukan tipe data nilai yang akan dikembalikan (return value) setelah ‘tugas’-nya selesai. Untuk menggunakan

sebuah procedure, maka procedure tersebut harus di-‘panggil’ pada bagian tertentu dari kode program. Procedure sub di-‘panggil’ dengan pernyataan :

Call <nama_sub>([<argumen>])

Sedangkan procedure function bisa di-‘panggil’ langsung dengan menyisipkannya di dalam kode program yang memanggilnya. Procedure boleh ditulis dimana saja dalam kode program, tetapi biasanya ditulis dibagian atas atau bawah agar mudah ditangani. [1]

2.7 Module

Module adalah berisi kode program atau prosedur yang dapat digunakan oleh program aplikasi. Hampir sama denga form, tetapi module tidak berisi objek dan bentuk standar. Untuk menambahkan suatu module ke dalam program aplikasi dengan menggunakan perintah : pilih menu Project dan pilih Add Module. [1]

2.7.1 Pengenalan Modul Standart

Visual Basic menyediakan module yang dapat digunakan untuk memuat fungsi,subrutin, konstanta, variabel dan type ciptaan yang akan disediakan bagi keseluruhan project. Untuk membuat module dalam project anda dapat menggunakan perintah Project, Add Module. [1]. Pengenalan Modul Standart di tampilkan pada gambar 2.10

Sesaat setelah anda menambahkan module, maka pada Jendela Project Explorer akan nampak Module1, dapat ditampilkan pada gambar 2.11

Gambar 2.11 Module [1]

Untuk melakukan koding, anda dapat melakukan double klik pada Module tersebut, di tampilkan pada gambar 2.12

Gambar 2.12 Jendela Kode Module [1]

2.8 Array

[1] Memaparkan tentang array sebagai berikut :

2.8.1 Pengertian Koleksi Objek

Objek-objek yang digunakan dalam form biasanya berdiri sendiri. Dengan demikian jika anda ingin mengubah property ke semua objek tersebut, hal tersebut meny ebabkan listing menjadi panjang. Untuk itu

digunakan koleksi dan array yang dapat menghemat penulisan listing program. Koleksi adalah suatu kumpulan komponen yang dapat berfungsi sejalan. Hal ini sangat berguna saat akan mendefinisikan sebuah proses yang menyangkut kontrol-kontrol yang ada pada form. [1]

2.8.2 Cara Mengakses Koleksi Objek - Koleksi Sementara

Dapat dilakukan dengan mengklik kontrol-kontrol pada form yang akan dijadikan sebagai satu group koleksi sambil menekan tombol Ctrl. Koleksi sementara biasanya digunakan untuk memindahkan objek secara bersamaan hanya pada saat tersebut.

- Koleksi dengan Controls

Untuk mempermudah koleksi semua objek dalam satu form digunakan property controls.

Sintaknya :[Objek].controls

Dimana [objek] lebih umum dinyatakan sebagai nama form yang kontrol-kontrolnya dijadikan koleksi proses. [1]

2.8.3 Array Satu Dimensi

Array adalah variable yang berisi beberapa data sejenis. Data-data tersebut disimpan dengan nomor urut tertentu yang disebut index. Jika X adalah variable array, maka bias digambarkan sebagai berikut : [1]

Syntax : Variabel X

Data-1 Elemen/index ke-1 Data-2 Elemen/index ke-2 Data-3 Elemen/index ke -3 Data-n Elemen/index ke-n

2.8.4 Array Multi Dimensi

Array berdimensi 2 terdiri dari baris dan kolom, contohnya pada tabel atau matrik. Pendefinisiannya adalah sebagai berikut : [1]

Syntax :

Dim nama_variabel (n1, n2) As tipe_variabel (n1=baris, n2=kolom)

2.9 Adobe Flash

Adobe Flash merupakan sebuah program yang didesain khusus oleh Adobe 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-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 kode 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. [5]

Ketentuan penulisan di actionscript 2.0, agak longgar dibanding dengan penulisan pada actionscript 3.0. Jika di actionscript 2 kita boleh tidak memakai

keyword var, namun di actionscript 3.0 kita wajib untuk menggunakan keyword var untuk variabel. [5]

Contoh :

AS 2.0

nilai = 0; AS 3.0

var nilai = 0;

Tipe data ditulis setelah nama variabel. Aturan ini sebetulnya sudah

diperkenalkan pada Actionscript 2.0, namun kita mungkin jarang menggunakannya. Tipe Data Object

var nilai:* = 0; //atau

var nilai2:Object = 0;

Tipe Data uint

var nilai:uint = 0;

Tipe Data String

var kata:String = "Halo dunia..";

Tipe Data yang termasuk Widening Conversion

Untuk melakukan konversi tipe data dari movieclip menjadi object, dapat langsung dilakukan.

var kata:String = "Halo dunia..";

Tipe Data yang termasuk Narrowing Conversion untuk melakukan konversi dari objek menjadi movieclip, diperlukan sebuah keyword yaitu as. Keyword ini digunakan untuk mengubah tipe data sesuai tipe data asalnya. Konversi ini disebut casting.

var objek:Object = new MovieClip();

var mov:MovieClip = objek as MovieClip;

2.9.1 Istilah –Istilah Umum Pada Flash

Berikut ini beberapa istilah yang antinya sering kita jumpai dalam program kerja Adobe Flash CS 3 : [5]

a. Movie Clip

Movie Clip adalah gabungan suatu animasi dengan animasi atau object yang lain.

b. Masking

Masking adalah suatu perintah yang digunakan untuk menghilangkan sebuah isi dari suatu layer dan isi layer tersebut akan tampak saat movie dijalankan. c. Action Script

Action Script adalah suatu perintah yang diletakkan pada suatu frame atau object sehinga frame atau object tersebut akan menjadi lebih interaktif.

2.10 HyperText Markup Language ( HTML )

. HTML (HyperText Markup Language) adalah suatu bahasa yang dikenali oleh web browser untuk menampilkan informasi dengan lebih menarik dibandingkan dengan tulisan teks biasa (plain text). Sedangkan web browser adalah program komputer yang digunakan untuk membaca HTML, kemudian menerjemahkan dan menampilkan hasilnya secara visual ke layar komputer.[7]

Karena sebuah bahasa, maka HTML mempunyai aturan dan sruktur tertentu untuk menuliskan perintah-perintahnnya yang biasa dinamakan dengan TAG HTML. Aturan tersebut diawali dengan lambang <tag> dan biasanya akan diakhiri dengan lambang </tag>. Berikut gambaran struktur HTML.

<html> <head>

<title>Title tulis disini</title> </head>

<body>

.... kode-kode HTML lainnya di bagian ini... </body>

</html>

Dari struktur di atas, terlihat bahwa penulisan kode-kode HTML lainnya untuk keperluan isi situs web akan diletakkan di bagian tag <body>. Dengan demikian dapat dikatakan bahwa informasi yang berupa kode-kode akan diapit oleh tag awal dan tag akhir, dan sebuah apitan tag bisa juga diapit oleh tag lainnya.[7] Dalam HTML ada beberapa tag yang tidak perlu diakhiri/ditutup, misal tag <br>. Selain itu ada beberapa tag yang memiliki atribut-atribut untuk pengaturan teks maupun halaman, misalnya tag anchor yang sering dituliskan dengan lambang <a> dan memiliki atribut href, rel name dan sebagainya. Contoh penulisan tag yang memiliki atribut seperti berikut: [7]

<a href ="blablabla.html" name ="id"> </a>

2.11 PHP

PHP adalah akronim dan Hypertext Preprocessor. yaitu suatu bahasa pemrograman berbasiskan koclekode (scnpt) yang digunakan untuk mengolah suatu data dan mengirimkannya kembali ke web browser menjadi kode HTML. Kode PHP mempunyai ciri-ciri khusus, yaitu:

a. Hanya dapat dijalankan menggunakan web server, misal: Apache. b. Kode PHP diletakkan dan dijalankan di web server.

c. Kode PHP dapat digunakan untuk mengakses database, seperti: MySQL, PostgreSQL. Oracle. dan lain-lain.

e. Gratis untuk di-download dan digunakan.

f. Memilik sifat multlpaltform, artinya dapat dijalankan menggunakari sistem operasi apapun, seperti: Unux, Unix. Windows, dan lain-lain.

Dengan menggunakan PHP, selain memberikan keuntungan seperti pada beberapa poin dl atas, juga didukung oleh banyak komunitas. Hal ini yang membuat PHP terus berkembang. Selain itu, Anda dapat belajar lebih banyak lagi tentang tips dan trik penggunaannya dan berbagai komunitas, lembaga pendidikan, ataupun melalui media internet. [7]

2.12 Adobe Photoshop CS 2

Adobe Photoshop, atau biasa disebut Photoshop, Sotosop adalah perangkat lunak editor citra buatan Adobe Systems yang dikhususkan untuk pengeditan foto/gambar dan pembuatan efek. Perangkat lunak ini banyak digunakan oleh fotografer digital dan perusahaan iklan sehingga dianggap sebagai pemimpin pasar (market leader) untuk perangkat lunak pengolah gambar, dan, bersama Adobe Acrobat, dianggap sebagai produk terbaik yang pernah diproduksi oleh Adobe Systems. Versi kedelapan aplikasi ini disebut dengan nama Photoshop CS (Creative Suite), versi sembilan disebut Photoshop CS2, versi sepuluh disebut Adobe Photoshop CS3 , dan versi yang terakhir (kesebelas) adalah Adobe Photoshop CS4.

Photoshop tersedia untuk Microsoft Windows, Mac OS X, dan Mac OS; versi 9 ke atas juga dapat digunakan oleh sistem operasi lain seperti Linux dengan bantuan perangkat lunak tertentu seperti CrossOver.

Meskipun pada awalnya Photoshop dirancang untuk menyunting gambar untuk cetakan berbasis-kertas, Photoshop yang ada saat ini juga dapat digunakan untuk memproduksi gambar untuk World Wide Web. Beberapa versi terakhir juga menyertakan aplikasi tambahan, Adobe ImageReady, untuk keperluan tersebut.

Photoshop juga memiliki hubungan erat dengan beberapa perangkat lunak penyunting media, animasi, dan authoring buatan-Adobe lainnya. File format asli Photoshop, .PSD, dapat diekspor ke dan dari Adobe ImageReady. Adobe Illustrator, Adobe Premiere Pro, After Effects dan Adobe Encore DVD untuk membuat DVD profesional, menyediakan penyuntingan gambar non-linear dan layanan special effect seperti background, tekstur, dan lain-lain untuk keperluan televisi, film, dan situs web. Sebagai contoh, Photoshop CS dapat digunakan untuk membuat menu dan tombol (button) DVD.

Photoshop dapat menerima penggunaan beberapa model warna: - RGB color model

- Lab color model - CMYK color model - Grayscale

- Bitmap - Duotone

Keunggulan Photoshop dibandingkan produk sejenis terletak pada kemudahan, fasilitas, fleksibilitas dan dukungan berbagai filter, style dan efekefek yang sangat membantu dalam membuat grafik yang mengagumkan secara mudah dan cepat. Photoshop banyak digunakan di lingkungan developer Internet, terutama dalam pengolahan grafik di halaman web. Adobe Photoshop menyediakan tooltool yang mendukung pembuatan dan manipulasi image yang akan digunakan di dalam halaman web. Keuntungan lainnya adalah kita dapat membuka hasil pengkonfersian image di dalam program aplikasi desain web, seperti Microsoft Frantpage, Macromedia Dreamweaver, dan lain-lain.

2.13 Extensible Markup Language (XML)

Sebuah integrasi antara aplikasi multimedia dan database dalam menghasilkan rich multimedia application. XML (eXtensible Markup Language) saat ini sangat populer. Format penyimpanan data dalam XML membuat platform ini independen dan bermacam aplikasi dapat memprosesnya dengan mudah. Tidak terkecuali Adobe Flash yang juga dapat bekerja dengan file XML. [6]

Adobe Flash adalah software multimedia yang unggul dan populer untuk menambahkan animasi dan interaktif web site. Flash tidak hanya digunakan untuk aplikasi web, tetapi dapat juga di kembangkan untuk membangun aplikasi dekstop, karena selain dapat dikompilasi menjadi format .swf, Flash juga dapat dikompilasi menjadi format .exe. [6]

Berkaitan dengan bahasa pemprograman, kata extensible berarti pengembang dapat mengembangkan kemampuannya lebih lanjut. Informasi dalam XML disimpan di dalam tag. Markup berarti sebuah bahasa yang dibangun dengan menggunakan tag untuk mengelilinginya atau markup text. kemajuan teknologi multimedia Adobe Flash dan database khususnya XML membawa pengaruh terhadap perkembangan teknik-teknik dalam membangun aplikasi multimedia. Awalnya, aplikasi multimedia bersifat statis yang artinya isi informasi yang disajikan tidak dapat berubah. [6]

Integrasi antara aplikasi Adobe Flash dan database XML mampu membuat aplikasi multimedia menjadi bersifat dinamis, yang berarti informasi yang disampaikan dapat diupdate tanpa harus mengganti file mentahnya. Integrasi ini dapat membuat aplikasi multimedia yang lebih kaya. [6]

2.13.1 Struktur Dokumen XML

Sebelum membuat dokumen XML, kita terlebih harus tahu bagian-bagian dokumen XML. Bagaian menunjukkan koleksi dari isi yang berarti juga aturan membangun XML. Dokumen XML berisi informasi dan markup yang dibagi menjadi beberapa bagian yang penting, yaitu: [6]

a. Element b. Attribute c. Text d. Entite e. Comment

2.13.2 XML Well formed

Penulisan dokumen XML harus memenuhi aturan atau dengan kata lain harus well formed. Pada XHTML menyediakan aturan standar untuk menuliskan tag [6] . Kita harus menuliskan <ul> <li> </li> </ul> untuk membuat list. Sebuah dokumen XML dikatakan well formed jika memnuhi kriteria berikut:

a. Dokumen berisi satu atau lebih elemen

b. Dokumen berisi single root element, yang mana berisi beberapa elemen di dalamnya.

c. Tiap elemen harus ditutup

d. Tag pembuka dan penutup harus sama (case sensitive) e. Nilai atribut berada di dalam tanda petik (“…..”)

BAB III

PERENCANAAN SISTEM

3.1 Sistem

Berdasarkan latar belakang dan perumusan masalah yang terdapat dalam bab sebelumnya dapat diketahui perancangan sistem yang dilakukan adalah membuat Modul Pembelajaran Pemrograman API.

Modul Pembelajaran ini diterapkan dengan program yang mendukung Flash dan memilih tiga menu, yang mana pengguna dapat memilih menu dengan button-button yang telah disediakan. Tiga menu yang digunakan untuk modul pembelajaran ini yaitu Materi, Kuis, Pesan, Artikel

3.2 Perancangan Sistem

Pada sub-bab ini akan dijelaskan tentang perancangan pembuatan Modul Pembelajaran Mengenal Win32API Dengan Visual Basic 6.0 Menggunakan Flash Berbasis Web, dimulai dari awal pembuatan sampai pada aplikasi, dimana didalamnya terdapat Flowchart, Context Diagram, Data Flow Diagram, Conceptual Data Model, Physical Data Model dan deskripsi aplikasi kebutuhan perangkat lunak.

Sebelum merancang suatu aplikasi maka kita perlu menentukan jenis atau spesifikasi perangkat keras yang akan kita gunakan. Hal ini merupakan persiapan awal yang harus dilakukan.

3.2.1 Alur Aplikasi

Perancangan sistem modul pembelajaran ini, membutuhkan suatu alur aplikasi yang sistematis dan searah sehingga dapat terencana dengan baik. Dalam modul pembelajaran ini, peneliti membagi Modul Pembelajaran Mengenal Win32API dengan Visual Basic ini menjadi enam bagian, enam bagian tersebut adalah Opening, Menu,Video, Materi, Kuis, Pesan, dan Artikel.

Pada Gambar 3.1, akan dijelaskan tentang alur Modul Pembelajaran Mengenal Win32API dengan Visual Basic 6.0 oleh user ini mulai dari membuka aplikasi sampai dengan menutup aplikasi. Untuk dapat menggunakan aplikasi ini, user diwajibkan mengakses website yang memuat Modul Pembelajaran ini, hal yang harus dilakukan pengguna yaitu login ke form yang telah disediakan pada website. Jika user belum terdaftar, maka user tidak dapat mengakses modul pembelajaran ini, jika user telah terdaftar oleh admin, maka user dapat melakukan login.

Start Terdaftar ? Login Daftar Y T Terdaftar Y Anda berhasil login

Menu Home Video & Kuis Pesan T Artikel

Y Home About Me Mulai Kuis benar =0 For benar=1; benar<=n; benar ++ Cek benar = benar+1 benar=benar

Nilai = benar * 100 n Nilai kembali End Tulis Pesan Umum View Artikel Y Kembali T T Y T T Y T

Video Y

View about me View video T T Y Y T Y Materi & kuis Artikel T T Kirim Y Y Y T T Materi View Materi Y T kuis Pilih timer Y T Y

Gambar 3.1 Flowchart User

Selanjutnya pada gambar 3.2 akan menjelaskan tentang alur Modul Pembelajaran Mengenal Win32API dengan Visual Basic 6.0 oleh user.

start login

Login sukses

Atur data user Atur materi Atur video Atur pesan Atur artikel

ya

tdk tdk tdk tdk

Form atur data user Form atur materi Form atur video Form atur pesan Form atur artikel Tambah, edit, hapus data user

Tambah, edit, hapus data materi

Tambah, hapus data video

Tambah, edit, hapus data pesan

Tambah, edit, hapus data artikel

kembali

End

ya ya ya ya ya

tdk ya tdk Atur Skor tdk Form atur Skor ya tdk

edit, hapus skor

Gambar 3.2 Flowchart Admin

3.2.2 Context Diagram

Diagram context mengacu pada flowchart Alur, yang menjelaskan tentang aliran data secara umum dan akan menjadi dasar dalam penyusunan sistem ke level selanjutnya. Pada diagram context ini terdapat dua entity yaitu admin dan user. Penjelasan untuk masing-masing external entity yang mengelilingi proses pada DFD level context adalah sebagai berikut:

a. Admin

Admin dalam sistem modul pembelajaran ini adalah orang yang dapat mengelola data user, isi materi, video, isi kuis, dan pesan . Admin diwajibkan login terlebih dahulu untuk dapat memasuki form admin.

b. User

User dalam sistem modul pembelajaran ini adalah orang yang dapat mengakses materi, kuis dan mengirimkan sebuah pesan. User diwajibkan login terlebih dahulu untuk dapat mengakses modul pembelajaran ini.

Gambar 3.3 yang akan menggambarkan tentang Context Diagram Modul

Pembelajaran Mengenal Win32API dengan Visual Basic 6.0

Sistem Modul Pembelajaran Pemrograman API dengan Visual Basic

admin user

Data validasi login admin

Data login admin

Data rekap materi

Data materi

Data rekap kuis

Data kuis

Data rekap video

Data video

Data rekap user

Data user

Data rekap pesan

Update pesan

Data rekap artikel

Data validasi login user

Data login user

Input Menu materi&kuis

View materi&kuis

View pesan Input jawaban kuis

view jawaban kuis Input tipe timer

view tipe timer

Input pesan

View artikel

3.2.3 Data Flow Diagram

Berdasarkan konteks diagram yang telah dibuat sebelumnya, maka dapat digambarkan lebih detail lagi untuk proses pada masing-masing level dalam pembuatan DFD (Data Flow Diagram). Data Flow Diagram menggambarkan aliran data yang bergerak dari dan ke dalam proses. Untuk membuat Data Flow Diagram, peneliti menggunakan tools yaitu Power Designer dan Microsoft Visio.

3.2.3.1 DFD Level 0

DFD Level 0 merupakan hasil decompose dari Context Diagram. Untuk lebih jelasnya, dapat dijelaskan pada gambar 3.4 berikut ini :

Gambar 3.4 DFD Level 0 Modul Pembelajaran Mengenal Win32API rekap data artikel

data terupdate kirim data terupdate

kirim data

view artikel kirim pesan view pesan

rekap data pesan kirim data pesan terupdate

data terupdate kirim data pesan

pilih video view video

rekap video kirim video terupdate

video terupdate kirim data data skor view skor kirim highscore terupdate kuis terupdate data kuis data timer

edit soal kuis

data rekap kuis _{jawab kuis}

view soal kuis pilih materi view materi rekap materi data materi gambar terupdate text terupdate data gambar data text terima data

rekap data user

edit user

beri data

kirim data minta data

data login user data login admin

data validasi admin

data validasi user

admin user

1 Login

2

set data user

3 pengolahan materi 4 pengolahan kuis 5 view skor tabel data

data materi text data materi gambar

data kuis tabel history skor

6 pengolahan video data video 7 pengolahan pesan

tabel pesan 8

olah artikel

Pada DFD Level 0 diatas, terdapat tujuh proses dan dua eksternal entity. Kelima proses tersebut adalah proses login, set data user, pengolahan materi, pengolahan kuis, pengolahan video, pengolahan pesan dan artikel. Sedangkan eksternal entity yang terlibat yaitu admin dan user.

Terdapat tabel data, yang mana digunakan untuk menyimpan data user. Tabel ini digunakan untuk dua proses, yaitu proses login dan proses set data user. Proses login wajib dilakukan oleh kedua eksternal entity, yaitu akses masuk pada sistem modul pembelajaran ini. Sedangkan proses set data materi digunakan admin untuk menambah, mengubah atau menghapus data user.

Selanjutnya yaitu proses pengolahan materi. Proses ini melibatkan kedua eksternal entity, yang berguna bagi user untuk melihat materi dan bagi admin yaitu untuk mengelolanya. Berikutnya yaitu proses pengolahan kuis. Proses ini juga melibatkan kedua eksternal entity. Proses ini berguna oleh user untuk melihat soal kuis dan mengerjakannya, sedangkan oleh admin, proses ini digunakan untuk mengubah isi kuis. Berikutnya yaitu proses pengolahan video. Proses ini juga melibatkan kedua eksternal entity. proses ini berguna oleh user untuk melihat video, sedangkan oleh admin digunakan untuk mengupdate video. Berikutnya proses pengolahan pesan. Proses ini juga melibatkan kedua eksternal entity. Proses ini berguna oleh user untuk mengirimkan pesan ke admin, sedangkan untuk admin digunakan untuk membalas pesan ataupun menghapus pesan dari user. Berikutnya proses pengolahan artikel. Proses ini juga melibatkan kedua eksternal entity. Proses ini berguna bagi user sebagai pengetahuan semata, sedangkan bagi admin digunakan untuk memposting artikel-artikel yang berkaitan dengan modul pembelajaran ini. Proses pengolahan materi, proses pengolahan kuis, pengolahan video, pengolahan pesan dan pengolahan artikel akan di decompose menjadi subproses-subproses pada DFD level 1.

3.2.3.2 DFD Level 1 Subproses Pengolahan Materi

Pada gambar 3.5 akan dijelaskan tentang DFD Level 1 Subproses Pengolahan Materi dari Modul Pembelajaran Mengenal Win32API dengan Visual Basic 6.0.

tampilkan materi terupdate

meminta materi meminta materi

tampilkan materi terupdate

data terupdate kirim data gambar data terupdate

kirim data materi rekap materi materi terupdate

view materi baca materi admin

user

1

set materi

2

akses materi tabel materi

tabel gambar

Gambar 3.5 DFD Level 1 Subproses Pengolahan Materi

Pada DFD Level 1 Subproses Pengolahan Materi, terdapat dua proses, dua eksternal entity dan dua tabel. Kedua eksternal entity tersebut adalah admin dan user. Pada DFD Level 1 Subproses Pengolahan Materi diatas terdapat tabel materi text, dan tabel materi gambar yang berfungsi untuk menyimpan data materi.

3.2.3.3 DFD Level 1 Subproses Pengolahan Kuis

Pada gambar 3.6 akan dijelaskan tentang DFD Level 1 Subproses Pengolahan Kuis dari Modul Pembelajaran Mengenal Win32API dengan Visual Basic 6.0.

Pada DFD level 1 Subproses Pengolahan kuis, terdapat tiga proses dan dua tabel. Ketiga proses tersebut adalah proses Set kuis, set timer dan akses kuis. Sedangkan kedua tabel yang terlibat adalah data kuis dan tabel history skor.

kirim nilai kirim timer

setting timer

view kuis mengerjakan kuis

rekap kuis kirim data kuis

minta data terupdate kirim data terupdate

data kuis terupdate kirim data kuis admin

user

data kuis

tabel history skor 1

set kuis

2

akses kuis 3

set timer

Gambar 3.6 DFD Level 1 Subproses Pengolahan Kuis

Proses pertama yaitu Set Kuis, proses ini hanya melibatkan satu eksternal entity, yaitu admin. Proses ini berisi tentang penambahan, pengubahan atau penghapusan soal maupun jawaban oleh admin. Data soal dan jawaban di ambil dari data kuis. Proses kedua yaitu akses kuis, proses ini juga melibatkan satu eksternal entity, yaitu user. Proses ini berisi pengerjaan soal-soal yang di kerjakan oleh user. Proses yang ketiga yaitu proses set timer, proses ini juga melibatkan satu eksternal entity yaitu admin. Proses ini berisikan tentang admin yang set timer untuk pengerjaan soal.

3.2.3.4 Level 1 Subproses Pengolahan Video

kirim data video

minta data video view video terupdate

data video kirim data terupdate

view video lihat video rekap data video admin

user

data video 1

set video

2

akses video

Gambar 3.7 DFD Level 1 Subproses Video

Terdapat dua proses, yang mana proses set video yang mana berhubungan langsung dengan admin. Proses set video mengatur tentang video tutorial yang tersimpan di dalam modul pembelajaran ini. Admin dapat mengganti video, kemudian menyimpannya pada data video.

Sedangkan proses akses video, merupakan proses yang berhubungan langsung dengan user. Proses ini berguna untuk mengatur video untuk ditampilkan kepada user, yang mana sesuai dengan pilihan user. Sebelum menggunakan modul ini, user diharapkan menghapus cache yang ada pada browser, hal ini dilakukan agar video yang baru diunggah oleh admin, menggantikan video yang sebelumnya tersimpan.

3.2.3.5 Level 1 Subproses Pesan

kirim data pesan

minta data pesan view pesan terupdate

data pesan kirim data terupdate

view pesan tulis pesan rekap data pesan admin

user

tabel pesan 1

set pesan

2

akses pesan

Gambar 3.8 DFDLevel 1 Subproses Pesan

Terdapat dua proses, yang mana proses set pesan yang mana berhubungan langsung dengan admin. Proses set pesan mengatur tentang pesan dari user yang tersimpan di tabel pesan. Admin dapat membalas pesan ataupun menghapus pesan user. Sedangkan proses akses pesan, merupakan proses yang berhubungan langsung dengan user. Proses ini berguna untuk menulis pesan yang ditujukan kepada admin.

3.2.3.6 Level 1 Subproses Artikel

kirim data artikel

minta data artikel view artikel terupdate

data artikel kirim data terupdate

view artikel rekap data artikel admin

user

tabel artikel 1

set artikel

2

akses artikel

Gambar 3.9 DFD Level 1 Subproses Artikel

Terdapat dua proses, yang mana proses set artikel yang mana berhubungan langsung dengan admin. Proses set artikel mengatur tentang artikel yang akan di posting oleh admin. Admin dapat mengatur artikel terupdate yang akan di tampilkan di menu user, kemudian menyimpannya pada tabel pesan.

Sedangkan proses akses artikel, merupakan proses yang berhubungan langsung dengan user. Proses ini berguna untuk menampilkan artikel-artikel yang sudah di posting oleh admin.

3.2.4 Entity Rational Diagram

Entity Relational Diagram merupakan proses yang menunjukkan hubungan antar entity dan relasinya. ERD dapat dikategorikan menjadi 3 macam, yaitu:

a. Satu ke satu (One to one)

Hubungan relasi satu ke satu yaitu setiap entitas pada himpunan entitas A berhubungan paling banyak dengan satu entitas pada himpunan entitas B.

Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas B, tetapi setiap entitas pada entitas B dapat berhubungan dengan satu entitas pada himpunan entitas A. c. Banyak ke banyak (Many to many)

Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas B.

mengakses mengerjakan melihat mengirim membaca user username password nama

<pi> Variable characters (20) Variable characters (20) Characters (30) <M> Identifier_1 <pi> kuis id kuis soal jawaban a jawaban b jawaban c jawaban d timer score

<pi> Variable characters (30) Variable characters (200) Variable characters (100) Variable characters (100) Variable characters (100) Variable characters (100) Time Integer <M> Identifier_1 <pi> video id video nama

<pi> Variable characters (30) Characters (30) <M> Identifier_1 <pi> pesan email nama comment

<pi> Variable characters (30) Characters (30) Variable characters (100)

<M> Identifier_1 <pi> artikel id artikel judul keterangan <pi> Integer

Variable characters (100) Variable characters (500)

<M> Identifier_1 <pi> materi id_materi text gambar

<pi> Variable characters (20) Characters (30) Image

<M>

Identifier_1 <pi>

Gambar 3.10 CDM Modul Pembelajaran Mengenal Win32API

ERD memiliki dua model yaitu CDM (Conceptual Data Model) yang menjelaskan tentang suatu hubungan antar entity secara konseptual. CDM yang dimaksud mengacu pada gambar 3.10, sedangkan yang kedua adalah model PDM (Physical Data Model) yang menggambarkan hubungan antar entity secara fisik. PDM yang dimaksud adalah gambar 3.11.

Pada gambar 3.11, peneliti merancang enam buah tabel pada modul pembelajaran ini, pertama yaitu tabel user, tabel materi, tabel kuis, dan tabel video,

tabel pesan dan tabel artikel. Tabel data berguna untuk menyimpan data user, baik admin maupun anggota. Ada tiga atribut pada tabel user, yaitu username, password, nama.

Kedua yaitu tabel materi, yang mana tabel materi memiliki tiga atribut yaitu id_materi, teks dan gambar. Tabel materi berguna untuk menyimpan materi yang disimpan admin, yang mana akan di tampilkan ke dalam modul flash yang di akses oleh user. FK_MATERI_MENGAKSES_USER FK_MENGERJA_MENGERJAK_USER FK_MENGERJA_MENGERJAK_KUIS FK_VIDEO_MELIHAT_USER FK_PESAN_MENGIRIM_USER FK_ARTIKEL_MEMBACA_USER user username password nama varchar(20) varchar(20) char(30) <pk> kuis id kuis soal jawaban a jawaban b jawaban c jawaban d timer score varchar(30) varchar(200) varchar(100) varchar(100) varchar(100) varchar(100) time integer <pk> video id video username nama varchar(30) varchar(20) char(30) <pk> <fk> pesan email username nama comment varchar(30) varchar(20) char(30) varchar(100) <pk> <fk> artikel id artikel username judul keterangan integer varchar(20) varchar(100) varchar(500) <pk> <fk> materi id_materi username text gambar varchar(20) varchar(20) char(30) long binary <pk> <fk> mengerjakan username id kuis varchar(20) varchar(30) <pk,fk1> <pk,fk2>

Gambar 3.11 PDM Modul Pembelajaran Mengenal Win32API

Yang ketiga yaitu tabel kuis, tabel ini berguna untuk menyimpan soal-soal kuis, jenis kuis, pilihan jawaban, jawaban dan timer. Tabel kuis ini memiliki delapan atribut, yaitu id_kuis, soal, jawaban a, jawaban b, jawaban c, jawaban d, timer dan skor.

Yang keempat yaitu tabel video, tabel ini berisikan id_video, username dan nama, tabel ini berguna untuk menyimpan data video

Yang kelima yaitu tabel pesan yang berisikan email, username. nama dan comment, tabel ini berfungsi menyimpan pesan dari user ataupun admin.

Yang terakhir yaitu tabel artikel yang berisikan id artikel, judul dan keterangan, tabel ini berfungsi menyimpan artikel yang nantinya akan di posting oleh admin.

Physical Data Model yang digambarkan pada gambar 3.11 diatas, didapatkan dari hasil generate Conceptual Data Model pada gambar 3.10.

3.3 Desain Aplikasi

Pada Modul Pembelajaran Mengenal Win32API dengan Visual Basic 6.0 ini, peneliti membagi desain aplikasi ini menjadi dua bagian, diantaranya adalah:

a. Desain Website b. Desain Modul

3.3.1 Desain Website

Untuk menampung file modul pembelajaran yang berupa flash, peneliti membuat sebuah website, sehingga modul pembelajaran ini dapat diakses dengan mudah dan dapat digunakan pada berbagai perangkat elektronik. Berikut ini merupakan bagian-bagian dari website tersebut :

a. Banner

Banner berfungsi untuk mempercantik halaman website. Desain banner pada website ini terdiri dari Logo Universitas Pembangunan Nasional Jawa Timur serta kata sambutan.

Gambar 3.12 Desain Banner dan Halaman Login b. Halaman Login

Pada halaman login, terdapat dua buah textbox dan satu buah button. Textbox tersebut digunakan untuk mengisi username dan password, dan Login button untuk memverifikasi. Halaman login berguna untuk mengambil nilai username dan juga nama user.. Keterangan lebih lanjut dapat dilihat pada

Gambar 3.12 diatas.

c. Menu

Menu user pada website modul pembelajaran ini terdapat link Video&kuis Pembelajaran Visual Basic 6.0 yang berisi Modul 1, Modul 2, Modul 3, Modul 4, Modul 5, Modul 6, serta Pesan, Artikel dan Logout. Keterangan lebih lanjut dapat dilihat pada Gambar 3.13.

Gambar 3.13 Halaman User

Sedangkan untuk admin, terdapat beberapa menu, diantaranya yaitu

atur data user, atur materi, atur kuis, atur video atur pesan dan atur skor. Selengkapnya dapat dilihat pada gambar 3.14.

d. Halaman Materi-Text

Halaman Materi-Text digunakan untuk mengedit materi berupa text tentang Modul Pembelajaran Mengenal Win32API dengan Visual Basic 6.0. Modul Pembelajaran dikategorikan menjadi enam bagian yaitu modul satu hingga modul enam.

e. Halaman Materi-Video

Halaman Materi-Video digunakan untuk mengupload dan menghapus video tentang Modul Pembelajaran Mengenal Win32API dengan Visual Basic 6.0. Modul Pembelajaran dikategorikan menjadi 2 bagian yaitu ganti video dan hapus video. f. Halaman Materi-Image

Halaman Materi-Image digunakan untuk mengupload gambar yang ada disetiap frame pada Modul Pembelajaran Mengenal Win32API dengan.

g. Halaman Hapus-Image

Halaman Hapus Image digunakan untuk menghapus gambar setiap frame pada modul. Menu dikategorikan menjadi 6 bagian yaitu hapus image modul 1 sampai 6 di setiap framenya.

h. Halaman Update-Soal

Halaman Update Soal digunakan untuk mengedit soal yang ada di modul 1 sampai 6. Menu dikategorikan menjadi 6 bagian yaitu modul 1 sampai 6. i. Halaman Member

Halaman Member digunakan untuk mengedit user, user dapat di hapus ataupun di update datanya.

j. Halaman Skor

Halaman Member digunakan untuk mengedit skor, skor user dapat di edit ataupun di hapus oleh admin.

k. Halaman Pesan

Halaman Pesan digunakan untuk tulis pesan ataupun menghapus pesan dari user, Menu dikategorikan menjadi 2 bagian yaitu ganti tulis pesan dan hapus pesan. h. Halaman Artikel

Halaman Pesan digunakan untuk memposting artikel-artikel terbaru mengenai Mengenal Win32API menggunakan Visual Basic 6.0.

3.3.2 Desain Modul

Pada bagian desain modul, peneliti membagi desain modul menjadi enam bagian, yang mana setiap bagian mempunyai fungsi yang berbeda. Keenam bagian itu adalah:

a. Desain Opening

Untuk mempercantik Modul Pembelajaran, peneliti mendesain dan membuat sebuah tulisan dan gambar bergerak pada halaman opening, yang mana tulisan dan gambar pada halaman ini bergerak masuk secara bergantian sesuai dengan timing dan posisi yang telah disusun oleh peneliti. Pada Gambar 3.15 akan menunjukkan desain opening.

Gambar 3.15 Desain Opening

b. Desain Menu Video

Sama seperti desain opening, desain video menggunakan pergerakan masuk secara bergantian, yang mana sesuai dengan timing dan posisi yang telah dibuat oleh peneliti. Desain video ini terdiri 6 pilihan tombol video, masing-masing button-button tersebut merupakan tombol untuk menjalankan video. Pada

Gambar 3.16 merupakan gambaran desain menu video yang digunakan pada

Gambar 3.16 Desain Menu Video

c. Desain Menu Kuis

Menu kuis digunakan user untuk memberikan latihan-latihan soal yang sudah di pelajari di setiap modul-modulnya yang nantinya terdapat tipe timer yang dipilih oleh user untuk mengerjakan soal dan kemudian di akhir terdapat penilaian dan history skor. Pada Gambar 3.17 merupakan gambaran dari desain menu kuis.

Gambar 3.17 Desain Menu Kuis

d. Desain Menu About Me

Halaman About me ini digunakan untuk menunjukkan biodata pembuat modul pembelajaran ini. Pada gambar 3.18 merupakan desain menu about me.

5.2.14 Kelola Skor

Admin dapat mengatur skor melalui menu skor akan muncul tabel yang terkoneksi dengan database yang berisikan skor yang sudah tersimpan di modul pembelajaran ini. Data skor dapat dirubah oleh admin terutama skor ataupun tanggal maen, bisa juga seorang admin menghapus skor dari menu ini. untuk selengkapnya bisa dilihat di gambar 5.17

Gambar 5.17 Kelola Skor

5.2.15 Kelola Pesan

Admin dapat mengatur mengatur pesan terdapat 2 pilihan menu ketika klik pesan. Yang pertama yaitu tulis pesan yang digunakan admin untuk menulis pesan ataupun membalas pesan dari user dengan menginputkan nama, email, pesan/comment. Untuk selengkapnya bisa dilihat di gambar 5.18

Gambar 5.18 Kelola Tulis Pesan

Yang kedua yaitu hapus pesan yang digunakan admin untuk menghapus pesan user yang tidak layak dengan cara klik icon x maka pesan dari user akan terhapus. Untuk selengkapnya bisa dilihat di gambar 5.19

Gambar 5.19 Kelola Hapus Pesan

5.2.16 Kelola Artikel

Admin dapat memposting artikel terbaru, terdapat 2 pilihan menu ketika klik artikel. Yang pertama yaitu tulis pesan yang digunakan admin untuk menulis artikel dengan menginputkan judul dan keterangan. Untuk selengkapnya bisa dilihat di gambar 5.20

Gambar 5.20 Kelola Artikel

Yang kedua yaitu Admin juga bisa menghapus artikel yang sudah ada dengan cara masuk ke menu hapus artikel kemudian akan muncul tabel artikel. Bisa dilihat di gambar 5.21

BAB VI

PENUTUP

Setelah melalui beberapa tahapan pembahasan teori, perancangan sistem dan pengujian terhadap bab-bab sebelumnya, maka pada bab ini dapat diambil kesimpulan dan saran pengembangan dari Tugas Akhir “Modul Pembelajaran Mengenal Win32API dengan Visual Basic 6.0 Berbasis Flash dan Web”.

6.1 Kesimpulan

Setelah Melakukan analisa, perancangan serta implementasi untuk Modul Pembelajaran Mengenal Win32API dengan Visual Basic 6.0, maka dapat diperoleh kesimpulan sebagai berikut:

a. Untuk memahami sulitnya user mempelajari modul pembelajaran yang sudah ada dikarenakan kurang menarik ataupun tidak menunjukkan implementasi secara langsung, peneliti menyajikan sebuah modul pembelajaran yang dilengkapi rangkuman materi pembelajaran dan video pembelajaran sebagai implementasi.

b. Untuk merancang modul pembelajaran ini, peneliti menggunakan metode perancangan terstruktur yang digambarkan oleh sebuah Flowchart, ERD (Entity Relational Diagram), DFD (Data Flow Diagram), serta di dalam modul ini terdapat content-content yang menunjang pembelajaran bagi user dan dilengkapi kuis sebagai tolak ukur kemampuan user.

6.2 Saran

Untuk perbaikan dan penyempurnaan sistem serta peningkaatan kualitas dalam penggunaan Modul Pembelajaran Mengenal Win32API dengan Visual Basic 6.0 ini hendaknya:

a. Aplikasi Modul Pembelajaran ini dapat digunakan untuk modul pembelajaran lain dengan pengubahan seperlunya.

DAFTAR PUSTAKA

[1] Akademik Manajemen Informatika dan Komputer . 2002. Modul VB Fundamental. Bina Sarana Informatika.

[2] Danu Wira Pangestu 2009. Visual Basic - Access

[3] Wikipedia : Antarmuka Pemrograman Aplikasi Windows

[4] Hendra, ST Dasar Pemrograman Visual Basic

[5] Madcoms. 2011. Kupas Tuntas Adobe Flash Professional CS5. Penerbit Andi.

[6] Suntoyo, Andi M.Kom. 2010. Adobe Flash + XML = Rich Multimedia Application. Yogyakarta: Penerbit Andi

[7] Puji, Diar Oktavian. 2010. Menjadi Programmer Jempolan Menggunakan

PHP. Yogyakarta: Penerbit MediaKom

[8] Kusuma Wardhana, Wisnu. 2011. Tugas Akhir Pembuatan Aplikasi

Multimedia Pembelajaran Proses Pertumbuhan Janin Pada Ibu Hamil.

Surabaya: UPN Veteran Jawa Timur

[9] Yuda Prakoso, Ardhita. 2011. Tugas Akhir Aplikasi Pembelajaran Teknik Gitar Menggunakan Adobe Flash CS3. Surabaya: UPN Veteran Jawa Timur.