pemrograman visual pengenalan visual basic...2016/11/02  · konsep dasar pemrograman konsep dasar...

29
Pemrograman Visual Sisilia Thya Safitri, MT Agus Priyanto, M.KOM Pengenalan Visual Basic 20 September 2016

Upload: others

Post on 12-Sep-2020

28 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

Pemrograman Visual

Sisilia Thya Safitri, MT

Agus Priyanto, M.KOM

Pengenalan Visual Basic

20 September 2016

Page 2: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

VISI S1 IF

Menjadi Program Studi Informatika unggulan dalam pengembangan Teknologi Informasi yang mampu menghasilkan Sarjana Komputer beretika profesi

Page 3: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

MISI S1 IF

1. Menyelenggarakan sistem pendidikan yang akuntabel dan berkelanjutan di bidang Informatika melalui proses pendidikan yang menumbuhkan kreatifitas, inovasi, semangat dan daya juang yang tinggi

2. Menyelenggarakan penelitian dan pengembangan di bidang Informatika untuk kemajuan ilmu pengetahuan dan teknologi

3. Menyelenggarakan pengabdian masyarakat di bidang Informatika untuk membantu pemecahan masalah masyarakat dan industri

4. Mewujudkan civitas akademika yang profesional dan beretika profesi

Page 4: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

TUJUAN S1 IF 1. Menghasilkan lulusan yang memiliki kompetensi di bidang Informatika, berjiwa mandiri,

kreatif, inovatif, dan berdaya juang tinggi sehingga mampu bekerja secara mandiri dan tim dalam berkontribusi di masyarakat dan industri

2. Menghasilkan lulusan di bidang Informatika melalui sistem pembelajaran yang mengacu pada model kurikulum Informatika tingkat nasional (KKNI) dan internasional (ACM)

3. Menghasilkan penelitian yang bermanfaat bagi perkembangan ilmu dan teknologi di bidang Informatika

4. Menghasilkan penelitian di bidang Informatika yang berorientasi pada teknologi Machine to Machine (M2M) , Digital Services dan teknologi Informatika terkait untuk menunjang pembangunan masyarakat

5. Meningkatkan peran serta civitas akademika Program Studi Informatika dalam pembangunan melalui pengabdian masyarakat dalam bentuk pembinaan, bimbingan maupun konsultasi di bidang Informatika

6. Terciptanya kolaborasi dalam mengembangkan produk dan jasa Informatika, antara civitas akademika dengan masyarakat, khususnya masyarakat rural

7. Meningkatkan profesionalitas dosen dalam kegiatan tridarma perguruan tinggi

8. Menghasilkan lulusan yang siap melaksanakan etika profesi

Page 5: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

Pengenalan Visual Basic

• Visual Basic adalah salah satu bahasa pemrograman.

• Bahasa pemrograman adalah perintah-perintah yang dimengerti oleh komputer untuk melakukan tugas-tugas tertentu.

• Dikembangkan oleh Microsoft pada tahun 1991

• Merupakan pengembangan dari pendahulunya yaitu bahasa pemrograman BASIC (Beginner’s All-purpose Symbolic Instruction Code)

• Bahasa BASIC diciptakan oleh Professor John Kemeny dan Thomas Kurtz dari Kampus Darmouth pada pertengahan tahun 1960-an (Deitel&Deitel, 1999)

Page 6: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

Apa itu Visual..?

• VISUAL adalah cara yang digunakan untuk membuat Graphical User Interface (GUI)

• Tidak perlu menuliskan intruksi pemrograman dalam kode-kode baris

• Cukup melakukan “drag” dan “drop” objek-objek yang akan digunakan

• Visual Basic merupakan salah satu bahasa pemrograman komputer yang mendukung object (Object Oriented Programming = OOP)

Page 7: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

Konsep Pemrograman Berbasis Visual

• Program berbasis visual memakai konsep event-driven:

– kode program tidak mengikuti alur yang ditetapkan awal

– ekseskusi program dapat berlainan sesuai dengan event yang diberikan.

• Urutan event menentukan urutan kode yang dieksekusi, jadi alur jalannya program bisa berbeda untuk setiap eksekusi program

Page 8: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

IDE

• Integrated Development Environment (IDE)

• Penulisan program banyak dilakukan dengan berbagai editor, misal: Notepad

• Dengan menggunakan IDE, Programmer dapat membuat user interface, melakukan koding, melakukan testing dan debugging serta mengkompilasi program menjadi executable

Page 9: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

Visual Basic

• Visual Basic merupakan bahasa pemrograman yang sangat mudah dipelajari, dengan teknik pemrograman visual yang memungkinkan penggunanya untuk berkreasi lebih baik dalam menghasilkan suatu program aplikasi

• Ini terlihat dari dasar pembuatan dalam visual basic adalah FORM, dimana pengguna dapat mengatur tampilan form kemudian dijalankan dalam script yang sangat mudah

Page 10: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

Visual Basic

Hingga saat ini, Visual Basic sudah hadir dalam 10 versi. Berikut peluncuran dari masing-masing versi.

1. Pada tahun 1991 => Microsoft Visual Basic Versi 1.0

2. Pada tahun 1992 => Microsoft Visual Basic Versi 2.0

3. Pada tahun 1993 => Microsoft Visual Basic Versi 3.0

4. Pada tahun 1996 => Microsoft Visual Basic Versi 4.0

5. Pada tahun 1997 => Microsoft Visual Basic Versi 5.0

Page 11: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

Visual Basic

6. Pada tahun 1998 => Microsoft Visual Basic Versi 6.0

7. Pada tahun 2003 => Microsoft Visual Basic Versi 7.0

8. Pada tahun 2005 => Microsoft Visual Basic Versi 8.0

9. Pada tahun 2008 => Microsoft Visual Basic Versi 9.0

10. Pada tahun 2010 => Microsoft Visual Basic Versi 10.0

Page 12: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

Interface Antar Muka Visual Basic 6.0

Pembuatan program aplikasi menggunakan Visual Basic dilakukan dengan membuat tampilan aplikasi pada form, kemudian diberi script program di dalam komponen-komponen yang diperlukan.

Form disusun oleh komponen-komponen yang berada di [Toolbox], dan setiap komponen yang dipakai harus diatur propertinya lewat jendela [Property].

Page 13: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

Toolbox berisi komponen-komponen yang bisa digunakan oleh suatu project aktif, artinya isi komponen dalam toolbox sangat tergantung pada jenis project yang dibangun.

Page 14: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

Konsep Dasar Pemrograman

Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman Property, Metode dan Event. 1. Property

• Setiap komponen di dalam pemrograman Visual Basic dapat diatur propertinya sesuai dengan kebutuhan aplikasi.

• Property yang tidak boleh dilupakan pada setiap komponen adalah “Name”, yang berarti nama variabel (komponen) yang akan digunakan dalam scripting.

Page 15: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

2. Metode

• Bahwa jalannya program dapat diatur sesuai aplikasi dengan menggunakan metode pemrograman yang diatur sebagai aksi dari setiap komponen.

• Metode inilah tempat untuk mengekpresikan logika pemrograman dari pembuatan suatu prgram aplikasi.

Page 16: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

3. Even • Setiap komponen dapat beraksi melalui

event, seperti event click pada command button yang tertulis dalam layar script Command1_Click, atau event Mouse Down pada picture yang tertulis dengan Picture1_MouseDown.

• Pengaturan event dalam setiap komponen

yang akan menjalankan semua metode yang dibuat.

Page 17: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

Membuat Project Baru

Untuk memulai pembuatan program aplikasi di dalam Visual Basic, yang dilakukan adalah membuat project baru.

Project adalah sekumpulan form, modul, fungsi, data dan laporan yang digunakan dalam suatu aplikasi.

Page 18: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

Membuat project baru dapat dilakukan dengan memilih menu [File] >> [New Project] atau dengan menekan ikon [new project] pada Toolbar yang terletak di pojok kiri atas.

Setelah itu akan muncul konfirmasi untuk jenis project dari program aplikasi yang akan dibuat seperti terlihat pada gambar dibawah ini.

Page 19: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

Ada beberapa project yang biasa digunakan oleh banyak pengguna Visual Basic, antara lain : 1. Standard EXE 2. ActiveX EXE 3. ActiveX DLL 4. ActiveX Control 5. VB Application Wizard 6. Addin 7. Data project 8. DHTML Application 9. IIS Application

Page 20: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

Selanjutnya pilih Standard EXE dan tekan [Ok].

Lalu muncul tampilan dari Standard Exe seperti pada gambar berikut.

Page 21: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

Dalam pembuatan project double click pada form yang terbuat maka akan terlihat jendela tersembunyi (hidden windows) yang berupa jendela untuk pembuatan program atau jendela kode (code windows).

Page 22: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

Langkah-langkah mengambil label dari toolbox untuk dipasangkan dalam form adalah sebagai berikut:

1. Click ikon [Label] pada [ToolBox]

2. Pindahkan ke posisi dimana label itu akan diletakkan

3. Click dan tarik sampai ukurannya benar lalu lepaskan

Page 23: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

Langkah berikutnya adalah memberikan teks pada label, misalkan “Hello world”, maka piliha properti Caption, dan isi dengan Hello world.

Page 24: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

Dan untuk menjalankan program click ikon Run () pada toolbar atau pilih menu [Run] >> [Start], atau dengan tekan tombol [F5]. Sehingga hasil program adalah:

Page 25: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

VB.Net

• VB .Net adalah salah satu bahasa pemrograman dalam .Net framework. Cikal bakal dari VB .Net adalah bahasa BASIC (Beginer All-Purpose Symbolic Instruction Code) yang diciptakan tahun 1964 oleh professor John Kemeny dan Thomas Kurtz

Page 26: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

Platform

• Platform .Net Framework

– Microsoft .Net : yang awalnya disebut Next Generation Windows Services (NGWS)— adalah suatu platform untuk membangun dan menjalankan generasi penerus aplikasi-aplikasi . Microsoft.NET merupakan framework (kerangka) pengembangan yang menyediakan antarmuka pemrograman baru untuk layanan Windows dan API (Application Programming Interface)

Page 27: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

Layer

• Microsoft .NET merupakan strategi Microsoft untuk menghubungkan sistem, informasi, dan alat (device), sehingga orang dapat berkomunikasi serta berkolaborasi dengan lebih efektif.

• Teknologi .NET terintegrasi penuh melalui produk-produk Microsoft, dan menyediakan kemampuan untuk mengembangkan solusi dengan menggunakan Web service.

• Platform Microsoft .NET terdiri dari lima komponen utama yang tersusun dalam tiga lapisan (layer). Lapisan paling bawah adalah sistem operasi; lapisan kedua terdiri dari tiga komponen; lapisan teratas adalah Visual Studio .NET.

Page 29: Pemrograman Visual Pengenalan Visual Basic...2016/11/02  · Konsep Dasar Pemrograman Konsep dasar pemrograman Visual Basic 6.0, adalah pembuatan form dengan mengikuti aturan pemrograman

Kuis

• Apa perbedaan VB Classic dan VB.Net?