MODUL 3 PENGENALAN VISUAL BASIC · 2017. 11. 23. · 4. Praktikum II (Poin: 30) a. Buatlah project...

12
Pemrograman Visual ST3 Telkom - Program Studi S1 Teknik Informatika Page 1 MODUL 3 PENGENALAN VISUAL BASIC.NET Disusun oleh: S. Thya Safitri,MT Agus Priyanto, M.Kom Purwokerto 2016

Transcript of MODUL 3 PENGENALAN VISUAL BASIC · 2017. 11. 23. · 4. Praktikum II (Poin: 30) a. Buatlah project...

Page 1: MODUL 3 PENGENALAN VISUAL BASIC · 2017. 11. 23. · 4. Praktikum II (Poin: 30) a. Buatlah project baru dengan nama prj_kalkulator_NIM b. Buatlah sebuah kalkulator sederhana yang

Pemrograman Visual

ST3 Telkom - Program Studi S1 Teknik Informatika Page 1

MODUL 3

PENGENALAN VISUAL BASIC.NET

Disusun oleh:

S. Thya Safitri,MT

Agus Priyanto, M.Kom

Purwokerto

2016

Page 2: MODUL 3 PENGENALAN VISUAL BASIC · 2017. 11. 23. · 4. Praktikum II (Poin: 30) a. Buatlah project baru dengan nama prj_kalkulator_NIM b. Buatlah sebuah kalkulator sederhana yang

Pemrograman Visual

ST3 Telkom - Program Studi S1 Teknik Informatika Page 2

A. TUJUAN

- Memahami platform Microsoft .NET;

- Mengenal Integrated Development Environment (IDE) Visual Basic .NET;

- Memahami struktur project Visual Basic .NET;

- Memahami jenis-jenis aplikasi .NET;

- Mampu membangun Graphical User Interface (GUI) menggunakan Visual Basic

.NET;

B. PERANGKAT LUNAK

- Microsoft Visual Basic 2012

C. DASAR TEORI

1. Platform .NET Framework

Di luar beragamnya definisi .Net Framework, .NET Framework merupakan “Man

Behind The Gun” dari VB.Net sehingga programer perlu mengetahui dalam dari

teknologi yang ada di dalamnya.

Microsoft .Net adalah software yang menghubungkan informasi, orang, system

dan device. Perangkat yang menjangkau client, server dan tool pengembang

Microsoft .Net disusun oleh:

a. Dot Net Framework, digunakan untuk membangun dan menjalankan semua

macam software termasuk aplikasi berbasis web, aplikasi smart client, dan

layanan web XML (Extensible Markup Language). Menyediakan komponen

untuk berbagai data melalui Network menggunakan komponen platform

protocol independent seperti XML, SOAP dan HTTP

b. Tool-tool pengembang seperti Microsoft Visual Studio.Net yang penyediaan

IDE (Integrated Development Envorenment) lingkungan pengembangan

terintegrasi untuk memaksimalkan produktivitas pengembangan menggunakan

.Net Framework

c. Serangkaian server termasuk Microsoft Windows Server 2003, Microsoft

SQL Server dan Microsoft BizTalk Server yang terintegrasi, untuk

menjalankan, mengoperasikan dan mengelola services Web dan aplikasi

berbasis web

d. Software client seperti Windows XP, windows CE, dan Windows Office XP

yang membantu pengembangan untuk menyebarkan dan mengelola

aplikasinya

.Net Platform merupakan satu set kumpulan teknologi yang memungkinkan

teknologi internet ditransformasikan ke dalam platform distributed computing

dengan skalabilitas dan kompatibilitas tinggi. Secara teknikal, .Net Platform

menyediakan konsep pemrograman dengan library dan modul-modul baru

konsisten, terlepas dari jenis bahasa pemrograman yang digunakan

.Net Platform menyedikan hal-hal berikut bagi para developer:

1. Language independent, dengan programming model yang konsisten di

semua tier aplikasi yang dibangun

2. Interoperability dan kompatibilitas antar aplikasi

3. Kemudahan migrasi dari teknologi yang ada saat ini

4. Dukungan penuh terhadap berbagai teknologi standar yang digunakan

dalam platform internet, antara lain HTTP, XML, SOAP dan HTML

Page 3: MODUL 3 PENGENALAN VISUAL BASIC · 2017. 11. 23. · 4. Praktikum II (Poin: 30) a. Buatlah project baru dengan nama prj_kalkulator_NIM b. Buatlah sebuah kalkulator sederhana yang

Pemrograman Visual

ST3 Telkom - Program Studi S1 Teknik Informatika Page 3

2. Visual Studio .NET

Microsoft Visual Studio .NET merupakan kumpulan lengkap tools pengembangan

untuk membangun aplikasi Web ASP.NET, XML Web Services, aplikasi dekstop,

dan aplikasi mobile. Di dalam Visual Studio inilah bahasa-bahasa pemrograman .NET

seperti Visual Basic, Visual C++, Visual C# (CSharp), dan Visual J# (JSharp).

Semuanya menggunakan lingkungan pengembangan terintegrasi atau IDE yang sama

sehingga memungkinkan untuk saling berbagi tools dan fasilitas.

3. Visual Basic .NET

Visual Basic .NET (atau VB.NET) merupakan salah satu bahasa pemrograman yang

bisa digunakan untuk membangun aplikasi-aplikasi.NET di platform Microsoft .NET.

Tidak seperti generasi sebelumnya Visual Basic versi 6.0 ke bawah yang lebih

difokuskan untuk pengembangan aplikasi desktop, Visual Basic .NET memungkinkan

para pengembang membangun bermacam aplikasi, baik desktop maupun aplikasi

web. Seiring dengan perkembangan aplikasi perangkat lunak yang semakin kompleks

4. Keuntungan mempelajari .Net

Beberapa keuntungan ketika menggunakan .Net, adalah sebagai berikut:

a. Multi Language

Arsitektur .NET bersifat terbuka, sehingga memungkinkan berbagai bahasa

pemrograman mengakses CLR dengan mulus. Banyak kalangan menyebut

.NET sebagai “open source” versi Microsoft. Saat ini .NET dapat diprogram

menggunakan Visual Basic.NET, C++.NET, Visual C#, Jscript, dan J#.

Berbagai third Party yang dapat digunakan adalah COBOL, Eiffel, Smalltalk,

Perl, Phyton, ML, Pascal, dan Delphi. Para veteran Pascal mungkin tidak

pernah bermimpi membuat aplikasi web dengan bahasa “kuno” tersebut, tetapi

kehadiran .Net Framework merealisasikan hal tersebut. Bagan berikut

menjelaskan kedudukan bahasa pemrograman terhadap .NET Framework

dengan CLR sebagai intinya.

Page 4: MODUL 3 PENGENALAN VISUAL BASIC · 2017. 11. 23. · 4. Praktikum II (Poin: 30) a. Buatlah project baru dengan nama prj_kalkulator_NIM b. Buatlah sebuah kalkulator sederhana yang

Pemrograman Visual

ST3 Telkom - Program Studi S1 Teknik Informatika Page 4

Sekali lagi, semua bahasa tersebut mengakses object model yang sama dalam

.NET, sehingga bagi para petualang tersedia kemungkinan untuk berpindah

dari satu bahasa ke bahasa lain dalam satu proyek aplikasi yang sama. .Net

menyediakan integrasi bahasa pemrograman dalam satu peroyek aplikasi. Hal

ini membuka kemungkinan kerjasama tim yang lebih baik, walaupun dalam

tim tersebut masing-masing memiliki keahlian bahasa pemrograman yang

berbeda

b. No DLL Hell

DLL merupakan blok atau modul-modul obyek dari sebuah aplikasi.

Peranannya sangat penting, sekaligus memusingkan. Sering terjadi dalam

dunia windows, kompatibilitas dan registrasi DLL di masing-masing

Workstation menjadi isu besar dalam deployment aplikasi

c. Strong Typing dan Type Safety

Pada VB6, pendefinisian tipe data bukanlah sesuatu yang mutlak wajib

dilakukan karena VB akan mendefinisikan primitive data type. Promitive data

type adalah suatu type default untuk masing-masing angka atau karakter yang

terdapat dalam variabel. Hal ini kurang baik, karena dapat memboroskan

memory dan merupakan sumber bug. .NET menyediakan strong typing,

dimana setiap variabel wajib didefiniskan scope dan tipe datanya. Demikian

pula dengan fasilitas type safety yang sangat bermanfaat untuk membantu

dalam coding pemrograman, terutama fasilitas intellisense yang membimbing

pemrogram dalam menentukan property, method, maupun function yang akan

dipakai.

d. Cross Platform Possibility

.Net menyimpan dan mengirim data dalam bentuk XML yang merupakan

format data universal di internet. Dengan demikian integrasi data antar

platform lebih mudah dilakukan, selama platform tersebut mendukung XML.

Representasi konsep ini adalah dataset, suatu cache data yang berbentuk XML

dan dapat diakses dengan mudah. Sebuah data dapat diparsing antar tier

aplikasi, baik dari database, middle tier, maupun aplikasi klien dalam format

XML. Manipulasi format data dalam bentuk XML, .txt, maupun .rtf

merupakan sesuatu yang menantang para programmer untuk membuat aplikasi

lintas platform.

e. Code Once, More Application

Interface pemrograman bersifat konsisten, dengan object model yang sama

pada setiap bahasa yang digunakan. Suatu object baik berbentuk class, library,

maupun web services dapat diakses dengan mudah oleh berbagai aplikasi

windows maupun web. Hal ini lebih menghemat waktu para developer,

dimana sebuah object dapat dibuat sekaligus untuk aplikasi Web, Windows,

dan bahkan console application berbasis DOS.

Page 5: MODUL 3 PENGENALAN VISUAL BASIC · 2017. 11. 23. · 4. Praktikum II (Poin: 30) a. Buatlah project baru dengan nama prj_kalkulator_NIM b. Buatlah sebuah kalkulator sederhana yang

Pemrograman Visual

ST3 Telkom - Program Studi S1 Teknik Informatika Page 5

5. IDE Visual Basic

IDE (Integrated Development Environment), atau juga disebut sebagai Integrated

Design/Debugging Environment, adalah perangkat lunak komputer yang berfungsi

untuk membantu pemrogram dalam mengembangkan perangkat lunak. Singkatnya,

IDE merupakan suatu lingkungan pengembangan aplikasi yang terintegrasi; lengkap

dengan beragam tools atau utilitas pendukung.

D. INSTALASI

Berikut ini adalah langkah-langkah yang haru dilakukan untuk instalasi vb.Net 2012:

1. Siapkan space ± 8GB pada harddisk komputer. Kemudian centang “I agree to the

License terms and conditions”. Setelah itu, tekan NEXT

2. Muncul jendela kedua adalah sebagai berikut. Klik “Select All”, kemudian klik

INSTALL

Page 6: MODUL 3 PENGENALAN VISUAL BASIC · 2017. 11. 23. · 4. Praktikum II (Poin: 30) a. Buatlah project baru dengan nama prj_kalkulator_NIM b. Buatlah sebuah kalkulator sederhana yang

Pemrograman Visual

ST3 Telkom - Program Studi S1 Teknik Informatika Page 6

3. Proses instalasi

4. Apabila berhasil, maka akan muncul Environment Settings. Pilih Default

Environment Settings : “Visual Basic Development Settings” kemudian klik

“Start Visual Studio”

Page 7: MODUL 3 PENGENALAN VISUAL BASIC · 2017. 11. 23. · 4. Praktikum II (Poin: 30) a. Buatlah project baru dengan nama prj_kalkulator_NIM b. Buatlah sebuah kalkulator sederhana yang

Pemrograman Visual

ST3 Telkom - Program Studi S1 Teknik Informatika Page 7

5. Tampilan layar kerja visual basic.Net apabila instalasi berhasil dilakukan adalah

sebagai berikut:

E. PRAKTIKUM

1. Membuat project baru di Visual Basic 2012

Project merupakan kerangka dasar aplikasi yang menentukan jenis aplikasi yang

akan dibuat. Langkah-langkah pembuatan project adalah sebagai berikut:

Jalankan Visual Basic 2010

Pada bagian Start Page pilih New Project

Pada bagian New Project pilih bahasa Visual Basic, Project Types: Windows

dan Templates: Windows From Application

Klik OK

Jenis .Net Framework yang

didukung

Jenis Template

Jenis Project

Page 8: MODUL 3 PENGENALAN VISUAL BASIC · 2017. 11. 23. · 4. Praktikum II (Poin: 30) a. Buatlah project baru dengan nama prj_kalkulator_NIM b. Buatlah sebuah kalkulator sederhana yang

Pemrograman Visual

ST3 Telkom - Program Studi S1 Teknik Informatika Page 8

No Jenis Project Macam Template

1 Windows Windows Form Application

Class Library

Windows Service

dll

2 Web ASP .NET Application

ASP .NET Server Control

WCF Service Application dll

3 Smart Device Smart Device Project

dll

4 Database SQL Server Project dll

2. Mengenal IDE Visual Basic

Dalam upaya memudahkan penggunaan IDE, maka diperlukan pemahaman

yang baik mengenai IDE Visual Basic 2012

Toolbox (daftar control yang

ditambahkan ke dalam

program sebagai interface)

Form Design (digunakan untuk

mengedit tampilan form serta

mengatur posisi control pada form)

Properties (digunakan

untuk mengedit

property dari form

dan control yang

sedang diedit)

Solution Explorer

(digunakan untuk

mengolah file dan

project)

Menu Bar (menu standar visual basic)

Page 9: MODUL 3 PENGENALAN VISUAL BASIC · 2017. 11. 23. · 4. Praktikum II (Poin: 30) a. Buatlah project baru dengan nama prj_kalkulator_NIM b. Buatlah sebuah kalkulator sederhana yang

Pemrograman Visual

ST3 Telkom - Program Studi S1 Teknik Informatika Page 9

3. Praktikum I (Poin: 30)

a. Buatlah sebuah Project Baru dengan nama prj_vbNet_NIM

b. Tambahkan control-control berikut ini ke dalam Form Design

No Object Property Nilai

1 Form Name

Text

frmcoba

Percobaan Form

2 Label Text Nama

3 Label Text Jenis Kelamin

4 Label Text Fakultas

5 TextBox Name

Text

txtnama

(dikosongi)

6 ComboBox Name

Items

DropDownStyle

cbojeniskelamin

-Laki-Laki

-Perempuan

DropDownList

7 ComboBox Name

Items

Dropdownstyle

cbofakultas

- FAI

- FBS

- FIA

- FIK

- FT

Dropdownlist

8 Button Name

Text

btntampilkan

Tampilkan Pesan

c. Desain tampilan yang dihasilkan kurang lebih adalah sebagai berikut:

d. Sisipkan code berikut ini pada btntampilkan

Page 10: MODUL 3 PENGENALAN VISUAL BASIC · 2017. 11. 23. · 4. Praktikum II (Poin: 30) a. Buatlah project baru dengan nama prj_kalkulator_NIM b. Buatlah sebuah kalkulator sederhana yang

Pemrograman Visual

ST3 Telkom - Program Studi S1 Teknik Informatika Page 10

e. Jalankan aplikasi dengan menekan tombol F5 atau melalui ikon Start

Debugging di toolbar, atau melalui menu Debug > Start Debugging

f. Jika berhasil, maka program akan dijalankan, dan setelah melakukan

pengisian pada txtnama maupun memilih pada cbojeniskelamin dan

cbofakultas kemudian klik btntampilkan maka akan muncul pesan sesuai

dengan apa yang telah diisikan

g. Hasil tampilan pada program tersebut

4. Praktikum II (Poin: 30)

a. Buatlah project baru dengan nama prj_kalkulator_NIM

b. Buatlah sebuah kalkulator sederhana yang bisa melakukan operasi

penambahan, pengurangan, pembagian dan perkalian antara dua buah

bilangan yang diinputkan oleh user.

c. Hasil program kalkulator sederhana ini kurang lebih sebagai berikut

Page 11: MODUL 3 PENGENALAN VISUAL BASIC · 2017. 11. 23. · 4. Praktikum II (Poin: 30) a. Buatlah project baru dengan nama prj_kalkulator_NIM b. Buatlah sebuah kalkulator sederhana yang

Pemrograman Visual

ST3 Telkom - Program Studi S1 Teknik Informatika Page 11

5. Latihan

a. Buatlah sebuah project dengan nama prj_Lingkaran_NIM

b. Pada project tersebut, dapat menampung masukan nilai jari-jari sebuah

lingkaran.

c. Ketika User menekan button “LUAS” maka akan menampilkan hasil

perhitungan Luas lingkaran tersebut

d. Ketika user menekan button “KELILING” maka akan menampilkan hasil

perhitungan Keliling lingkaran tersebut

F. Evaluasi (Poin: 40)

Secara pribadi, silahkan jawab pertanyaan berikut ini pada selembar kertas:

1. Apakah perbedaan antara vb 6 dan vb.net? (10)

2. Jelaskan yang dimaksud dengan .Net Framework dan pada saat ini perkembangan

.Net Framework sudah pada angka berapa? (20)

3. Pengetahuan apa yang bisa didapat pada praktikum ini? (5)

G. Form Evaluasi

Page 12: MODUL 3 PENGENALAN VISUAL BASIC · 2017. 11. 23. · 4. Praktikum II (Poin: 30) a. Buatlah project baru dengan nama prj_kalkulator_NIM b. Buatlah sebuah kalkulator sederhana yang

Pemrograman Visual

ST3 Telkom - Program Studi S1 Teknik Informatika Page 12

Hasil Analisa Praktikum: