MODUL PRAKTIKUM 1 PEMROGRAMAN DASAR (DBK 02) IDE APLIKASI BAHASA PEMROGRAMAN SEMESTER 1 (SATU) TAHUN AJARAN 2017/2018
Nama
: _____________________________________
No Absen : _____________________________________ Kelas
: _____________________________________
SMK NEGERI 2 KOTA PROBOLINGGO Jl. Mastrip 153 Kota Probolinggo Kodepos 67213 Telp / Fax : (0335) – 421324 KOTA PROBOLINGGO
Teknik Komputer dan Jaringan Tri Arini Titisingtyas, S.Pd © 2017
MODUL 1 IDE APLIKASI BAHASA PEMROGRAMAN A. Tujuan 1. Mengenal Visual Studio 2. Langkah-langkah Instalasi Visual Studio 3. Membuka Program Visual Studio 4. Memilih Project Visual Studio 5. Mengenal Integrated Development Environment (IDE) Visual Basic .NET. 6. Membuat Aplikasi Sederhana VB.NET B. Petunjuk 1. Awali setiap aktivitas dengan doa, semoga berkah dan mendapat kemudahan. 2. Pahami tujuan, dasar teori, dan latihan-latihan praktikum dengan baik. 3. Kerjakan tugas-tugas praktikum dengan baik, sabar, dan jujur. 4. Tanyakan kepada guru apabila ada hal-hal yang kurang jelas. C. Dasar Teori 1.Platform .NET Framework Microsoft .NET yang awalnya disebut Next Generation Windows Services (NGWS) adalah suatu platform untuk membangun dan menjalankan generasi penerus aplikasi-aplikasi terdistribusi. Microsoft.NET merupakan framework (kerangka) pengembangan yang menyediakan antarmuka pemrograman baru untuk layanan Windows dan API (Application Programming Interface). 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. 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, saat ini Visual Basic.NET (Visual Basic 2008, Visual Basic 2010, Visual Basic 2013). 4.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.
Teknik Komputer dan Jaringan Tri Arini Titisingtyas, S.Pd © 2017
Berikut ini adalah lembar kerja pada Visual Studio 2013
D. Latihan Latihan 1 : Langkah Instalasi Visual Studio 2013 1) Buka folder master atau DVD Visual Studio 2013. Klik vs_community.exe.
2) Isi checkbox I agree to the License Terms and Privacy Policy dan klik Next.
Teknik Komputer dan Jaringan Tri Arini Titisingtyas, S.Pd © 2017
3) Pilih fitur-fitur yang ingin diinstal atau biarkan saja secara default dan klik INSTALL. Tunggu hingga proses instalasi selesai. Langkah ini membutuhkan waktu yang cukup lama.
4) Setelah muncul pesan Setup Completed!, klik LAUNCH.
5) Jika kalian sudah mempunyai akun di Microsoft, silahkan klik Sign In. Jika tidak mempunyai, klik Not now, maybe later.
Teknik Komputer dan Jaringan Tri Arini Titisingtyas, S.Pd © 2017
6) Jika kalian mempunyai akun di Visual Studio dan ingin menyimpan projects di sana, silahkan isi akun kalian dan klik Continue. Jika tidak mempunyai, klik Not now, maybe later.
7) Selanjutnya akan muncul jendela untuk mengkonfigurasi Development Settings dan color theme. Untuk Development Setting, silahkan pilih sesuai dengan kebutuhan kalian dalam menggunakan VS Community 2013 ini. Setelah itu, klik Start Visual Studio untuk memulai.
Latihan 2 : Membuka Program Visual Studio 2013 Untuk membuka program Visual Studio 2013, ikuti langkah-langkah berikut: 1) Klik tombol Start pada windows taskbar. 2) Klik menu All Program > Microsoft Visual Studio 2013 > Microsoft Visual Studio 2013. 3) Kemudian muncul jendela awal dari Microsoft Visual Studio.
Teknik Komputer dan Jaringan Tri Arini Titisingtyas, S.Pd © 2017
4) Untuk membuat project baru, klik New Project.
Latihan 3 : Memilih Project Visual Studio 2013 Tampilan Jendela Kerja New Project Visual Basic 2013
Teknik Komputer dan Jaringan Tri Arini Titisingtyas, S.Pd © 2017
Jelaskan secara terperinci tipe project berikut dan masing-masing templates di dalamnya! a) Store Apps b) Windows Desktop c) Cloud d) Reporting e) Silverlight f) Test g) WCF h) Workflow Latihan 4 : Integrated Develompment Environment (IDE) Menu Bar Toolbar Standard
Form Design
Solution Explorer
Toolbox Properties Windows
Jelaskan secara terperinci mengenai elemen-elemen yang terdapat pada lembar kerja Visual Studio 2013 sebagai berikut: Teknik Komputer dan Jaringan Tri Arini Titisingtyas, S.Pd © 2017
a) b) c) d) e) f) g)
Menu Bar Toolbar Standard Form Design Toolbox Solution Explorer Properties Windows Error List
Latihan 5 : Aplikasi Sederhana Buka Aplikasi Microsoft Visual Studio 2013. Lalu klik File > New > Project
Pilih Windows Desktop > Windows Form Application pada Project. Pada Name berilah Nama File dengan Format : Latihan 1_No Absen_Nama Siswa. Contoh : Latihan 1_01_Tri Arini Titisingtyas
Klik ganda pada Form 1
Teknik Komputer dan Jaringan Tri Arini Titisingtyas, S.Pd © 2017
Lalu akan muncul tampilan jendela kode program
Tempat mengetik kode Program
Teknik Komputer dan Jaringan Tri Arini Titisingtyas, S.Pd © 2017
Ketikkan kode program berikut. Lalu klik ikon Start Debugging atau F5
Setelah dijalankan akan tampil Kotak Input, Masukkan nama Anda. Lalu klik OK
Buatlah Kesimpulan pada Latihan 5 di atas! ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ Latihan 6 : Menyimpan Aplikasi a) Pilih File > Save All (Ctrl+Shift+S) b) Muncul tampilan Save Project. Nama file telah ditetapkan saat di awal dan pilihlah lokasi penyimpanan pada Location Latihan 7 : Aplikasi Sederhana 2 1) Buka Program Visual Studio 2013, buat project baru berilah Nama File dengan format: Latihan 2_No Absen_Nama Siswa. Contoh: Latihan 2_01_Tri Arini Titisingtyas 2) Buka pada Form1. Klik ganda dan ketikkan kode program berikut
3) Tambahkan form baru yaitu Form 2 dengan cara tekan Ctrl+Shift+A atau klik kanan pada nama proyek
Teknik Komputer dan Jaringan Tri Arini Titisingtyas, S.Pd © 2017
4) Klik ganda pada Form 2 lalu masukkan kode program seperti berikut:
5) Klik Start Debugging atau F5 untuk menjalankan aplikasi 6) Apakah muncul tampilkan Form 2? Klik Yes. Lalu Tampilan Form MDI (Multi Document Interface)
Form 1 : MDI (Form Induk) Form 2 : Form Anak
Apa yang dimaksud dengan MDI? Jelaskan! Buatlah kesimpulan pada Latihan 7 di atas! ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________ ___________________________________________________________________________
Kejujuran itu Indah dan juga membawa Berkah Ilmu yang berguna adalah ilmu yang berasal dari Kejujuran, Usaha dan Do’a
Teknik Komputer dan Jaringan Tri Arini Titisingtyas, S.Pd © 2017