Senin, 07 Desember 2015

Visual Basic 2015 Pelajaran 2: Membangun Interface1- Menyesuaikan Formulir

Langkah pertama dalam mengembangkan aplikasi Visual Basic 2015 adalah untuk membangun sebuah antarmuka pengguna grafis. Untuk membangun sebuah antarmuka pengguna grafis, menambahkan kontrol dari toolbox ke form dan kemudian menyesuaikan sifat mereka.Perhatikan bahwa bentuk default juga kontrol dengan sendirinya dan Anda dapat mengubah sifat-sifatnya terlebih dahulu sebelum menambahkan kontrol tambahan. Setelah menambahkan kontrol ke form, maka Anda perlu menulis kode untuk semua kontrol sehingga mereka bisa menanggapi peristiwa dipicu oleh tindakan pengguna seperti mengklik mouse. Oleh karena itu, Visual Basic 2015 juga merupakan bahasa pemrograman event-driven. Kita akan belajar lebih banyak tentang konsep pemrograman event-driven dan coding dalam pelajaran nanti.

2.1 Menyesuaikan Sifat Default-Form menggunakan Properties Window
Ketika Anda memulai sebuah proyek Visual Basic 2015 baru, IDE akan menampilkan bentuk standar bersama dengan jendela Solution Explorer dan jendela Properties di paling kanan, seperti yang ditunjukkan pada Gambar 2.1.

vb2015_fig2.1
Gambar 2.1: Awal Visual Basic 2015 IDE
Jendela properti terdiri daftar drop-down objek, daftar properti dan bagian bawah yang menunjukkan deskripsi dari properti yang dipilih. Sebagai satu-satunya objek pada IDE adalah bentuk default dengan nama Form1, jendela properti menampilkan semua properti yang berkaitan dengan Form1 dan atribut yang sesuai mereka atau nilai-nilai, seperti yang ditunjukkan pada Gambar 2.2. Anda dapat mengubah nama formulir, judul dari bentuk, warna latar belakang, warna foreground, ukuran dan banyak lagi. Sifat dapat diubah dengan mengetikkan nilai atau memilih nilai dari daftar drop-down .Untuk pengaturan warna, Anda hanya perlu memilih persegi panjang warna atau dari palet warna. Sekarang anda dapat menyesuaikan properti untuk Form1:
vb2015_fig2.2
Gambar 2.2: Jendela Properties














MILIK
NILAI
Nama
MyForm
Teks
My First VB2015 Project
BackColor
128, 255, 255
MaximizeBox
Salah
Font
Arial, 9.75pt


 Nilai untuk Backcolor (warna latar belakang) 128255255 sebenarnya adalah kode warna RGB untuk Cyan. Daripada mengetik nilai RGB, Anda memang bisa pilih warna dari daftar drop-down warna yang terdiri dari tiga tab, Custom, Web dan Sistem. Mengklik pada panah drop-down akan membawa keluar palet warna atau daftar persegi panjang warna di mana Anda dapat memilih warna, seperti yang ditunjukkan gambar di bawah ini:


vb2015_fig2.3
Gambar 2.3: Kustom Palette
vb2015_fig2.4
Gambar 2.4: Web Colours
vb2015_fig2.5
Gambar 2.5: Sistem Warna











Antarmuka runtime ditunjukkan pada Gambar 2.6. Perhatikan bahwa judul formulir telah berubah dari Form1 ke My Pertama VB2015 Project, latar belakang berubah menjadi warna cyan dan jendela tidak bisa dimaksimalkan.


vb2015_fig2.6

Gambar 2.6: The Runtime Antarmuka


2.2 Mengubah Sifat Default-Form di Run-Time

Anda juga dapat mengubah properti dari formulir di run-time dengan menulis kode yang relevan. Bentuk default adalah obyek dan instan formulir dapat dilambangkan dengan nama Me Properti obyek dapat didefinisikan dengan menentukan nama objek diikuti dengan dot atau periode.:

ObjectName.property

Sebagai contoh, kita bisa mengatur warna latar belakang formulir ke cyan menggunakan kode berikut

Me.BackColor = Color.Cyan

Untuk mencapai antarmuka yang sama seperti pada Gambar 2.6, ketik kode berikut dengan mengklik form untuk masuk ke jendela kode:

Class public Form1
Private Sub Form1_Load (ByVal sender As System.Object, ByVal e As System.EventArgs) Handle MyBase.Load
Me.Text = "My First VB2015 Project"
Me.BackColor = Color.Cyan
Me.MaximizeBox = False
Me.MinimizeBox = True
End Sub
End Class
           

Pelajaran 1 << { Isi } >> Pelajaran 3




Minggu, 06 Desember 2015

Visual Basic 2015 Pelajaran 1: Pendahuluan

Visual Basic 2015 adalah versi terbaru dari Visual Basic diluncurkan oleh Microsoft pada tahun 2015. Visual Basic 2015 hampir mirip dengan Visual Basic Express 2013 dan Visual Basic Ultimate 2012, tapi telah menambahkan beberapa fitur baru terutama fitur untuk membangun aplikasi mobile. Visual Basic 2015 adalah matang penuh Object-Oriented Programming (OOP) Bahasa, seperti bahasa OOP lain seperti C ++, Java, C # dan Visual Basic Express 2013, VB2015 terintegrasi dengan bahasa Microsoft Pemrograman lainnya C # C ++, F #, JavaScript, Python dan yang lainnya dalam sebuah paket bernama Visual Studio 2015 RC Community (Release Candidate).


Visual Studio 2015 RC Komunitas dapat didownload dari link di bawah ini. Anda harus memiliki account Microsoft untuk men-download paket.
Setelah mengklik pada link di atas, halaman download berikut muncul:

Gambar 1.1: Visual Studio 2015 RC Download

Anda dapat memilih Visual Studio 2015 RC Komunitas yang gratis atau memilih untuk versi Enterprise untuk yang berbayar. Seperti tutorial saya didasarkan pada versi masyarakat, Anda akan men-download gratis Visual Studio 2015 versi RC Community. Setelah mengklik pada link download, file instalasi vs_community.exe akan di-download ke hard drive Anda. Klik pada file untuk memulai proses instalasi. Anda dapat memilih instalasi default atau instalasi custom.


1.2 Visual Studio 2015 RC Komunitas Halaman Mulai.

Ketika Anda pertama kali memulai Visual Studio 2015 RC Komunitas, berikut awal Halaman muncul, seperti yang ditunjukkan pada Gambar 1.2.

Gambar 1.2: Visual Studio 2015 RC Komunitas halaman mulai.


Sekarang klik pada Proyek Baru di bawah Start untuk memulai jendela New Project, seperti yang ditunjukkan pada Gambar 1.3.


Gambar 1.3: Proyek New Window





Anda dapat melihat bahwa di jendela New Project, Anda dapat membangun berbagai jenis aplikasi yang menggunakan bahasa pemrograman yang berbeda yang meliputi Visual Basic , Visual C #, Visual C ++, Visual F #, JavaScript, Python dan banyak lagi. Tetapi kita hanya berurusan dengan Visual Basic, kita akan klik pada Basic Windows Formulir Aplikasi Visual. Sebelum Anda melanjutkan, Anda harus memasukkan nama aplikasi di bagian bawah. Mengubah nama default WindowsApplication1 (akan WindowsApplication2 jika Anda memulai untuk kedua kalinya) ke My proyek Pertama VB2015.


1.3 Visual Basic Komunitas 2015 RC Integrated Development Environment
Setelah mengklik Windows Form Application, Visual Basic Komunitas 2015 RC Integrated Development Environment muncul, seperti yang ditunjukkan pada Gambar 1.4. Anda dapat melihat bahwa nama proyek yang Anda masukkan sebelumnya muncul di sudut kanan atas IDE.

Gambar 1.4: Visual Basic 2015 Ultimate Preview IDE

Visual Basic Komunitas 2015 RC IDE terdiri dari beberapa jendela, jendela Form, jendela Solution Explorer dan jendela Properties. Hal ini juga terdiri dari toolbox yang berisi banyak kontrol yang berguna yang memungkinkan programmer untuk mengembangkan Visual Basic 2015 program nya.

Sekarang, kita akan melanjutkan untuk menunjukkan kepada Anda bagaimana untuk membuat program pertama Anda di Visual Basic 2015. Pertama, mengubah teks dari formulir untuk My First Program VB2015 di jendela properti, maka akan muncul sebagai judul program. Berikutnya, masukkan tombol dan mengubah teks untuk menampilkan Pesan. 

Antarmuka desain ditunjukkan pada Gambar 1.5


Gambar 1.5: Desain Antarmuka

Sekarang klik pada tombol Show Message untuk membuka jendela kode dan masukkan pernyataan berikut antara Private Sub dan End Sub prosedur, seperti yang ditunjukkan pada Gambar 1.6

Gambar 1.6: Visual Basic 2015 Code Window

Ketika Anda menjalankan program ini dan klik pada tombol Show Message, Anda akan mendapatkan kotak popup pesan berikut.

Gambar 1.7: The Message Box

Fungsi MsgBox adalah built-in fungsi Visual Basic 2015 dan akan menampilkan teks tertutup dalam kurung.

Sekarang Anda telah membuat program pertama Anda di Visual Basic 2015, kita akan belajar lebih banyak Basic teknik pemrograman Visual 2015 dalam pelajaran mendatang.


<< { Isi } >> Pelajaran 2