Pemrograman Visual MODUL 3 PENGENALAN VISUAL BASIC.NET Disusun oleh: S. Thya Safitri,MT Agus Priyanto, M.Kom Purwokerto 2016 ST3 Telkom - Program Studi S1 Teknik Informatika Page 1 Pemrograman Visual 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 ST3 Telkom - Program Studi S1 Teknik Informatika Page 2 Pemrograman Visual 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. ST3 Telkom - Program Studi S1 Teknik Informatika Page 3 Pemrograman Visual 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. ST3 Telkom - Program Studi S1 Teknik Informatika Page 4 Pemrograman Visual 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 ST3 Telkom - Program Studi S1 Teknik Informatika Page 5 Pemrograman Visual 3. Proses instalasi 4. Apabila berhasil, maka akan muncul Environment Settings. Pilih Default Environment Settings : “Visual Basic Development Settings” kemudian klik “Start Visual Studio” ST3 Telkom - Program Studi S1 Teknik Informatika Page 6 Pemrograman Visual 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 Jenis .Net Framework yang Klik OK didukung Jenis Template Jenis Project ST3 Telkom - Program Studi S1 Teknik Informatika Page 7 Pemrograman Visual 2. No 1 Jenis Project Windows 2 Web 3 Smart Device 4 Database Macam Template Windows Form Application Class Library Windows Service dll ASP .NET Application ASP .NET Server Control WCF Service Application dll Smart Device Project dll SQL Server Project dll Mengenal IDE Visual Basic Dalam upaya memudahkan penggunaan IDE, maka diperlukan pemahaman yang baik mengenai IDE Visual Basic 2012 Solution Explorer (digunakan untuk mengolah file dan project) Menu Bar (menu standar visual basic) Form Design (digunakan untuk mengedit tampilan form serta mengatur posisi control pada form) Toolbox (daftar control yang ditambahkan ke dalam program sebagai interface) ST3 Telkom - Program Studi S1 Teknik Informatika Properties (digunakan untuk mengedit property dari form dan control yang sedang diedit) Page 8 Pemrograman Visual 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 frmcoba Text Percobaan Form 2 Label Text Nama 3 Label Text Jenis Kelamin 4 Label Text Fakultas 5 TextBox Name txtnama Text (dikosongi) 6 ComboBox Name cbojeniskelamin Items -Laki-Laki -Perempuan DropDownStyle DropDownList 7 ComboBox Name cbofakultas Items - FAI - FBS - FIA - FIK - FT Dropdownstyle Dropdownlist 8 Button Name btntampilkan Text Tampilkan Pesan c. Desain tampilan yang dihasilkan kurang lebih adalah sebagai berikut: d. Sisipkan code berikut ini pada btntampilkan ST3 Telkom - Program Studi S1 Teknik Informatika Page 9 Pemrograman Visual 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 ST3 Telkom - Program Studi S1 Teknik Informatika Page 10 Pemrograman Visual 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 ST3 Telkom - Program Studi S1 Teknik Informatika Page 11 Pemrograman Visual Hasil Analisa Praktikum: ST3 Telkom - Program Studi S1 Teknik Informatika Page 12