Selasa, 21 April 2015

Tutorial Membuat Program Biodata Menggunakan Visual Studio 2010

                  Microsoft Visual Studio merupakan sebuah perangkat lunak lengkap (suite) yang dapat digunakan untuk melakukan pengembangan aplikasi, baik itu aplikasi bisnis, aplikasi personal, ataupun komponen aplikasinya, dalam bentuk aplikasi console, aplikasi Windows, ataupun aplikasi Web. Visual Studio mencakup kompilerSDKIntegrated Development Environment (IDE), dan dokumentasi (umumnya berupa MSDN Library). Kompiler yang dimasukkan ke dalam paket Visual Studio antara lain Visual C++Visual C#Visual BasicVisual Basic .NETVisual InterDevVisual J++Visual J#Visual FoxPro, dan Visual SourceSafe.

Microsoft Visual Studio dapat digunakan untuk mengembangkan aplikasi dalam native code (dalam bentuk bahasa mesin yang berjalan di atas Windows) ataupun managed code (dalam bentuk Microsoft Intermediate Language di atas .NET Framework). Selain itu, Visual Studio juga dapat digunakan untuk mengembangkan aplikasi Silverlight, aplikasi Windows Mobile (yang berjalan di atas .NET Compact Framework).

Nah setelah kita mengetahui tentang Visual Studio 2010 mari kita masuk pada sesi pembuatan program

Pada kesempatan ini kita akan membuat program Biodata mengunakan Aplikasi microsoft Visual Studio 2010
Untuk mengetahui bagaimana cara membuatnya, mari ikuti langkah langkahnya sebagai berikut :

Langkah Pertama Klik menu Start>pilih ALL Program>Lalu Pilih Visual Studio 2010
Seperti Pada Langkah Dibawah ini




*      Pilih New Project maka anda akan dibawa pada menu selanjutnya, tampilannya seperti dibawah ini



Selanjutnya Buat Document baru













      Tekan Ok dan buatlah dokumen baru New>Project, atau tekan Ctrl + N


*      Maka akan muncul Tampilan Awal Form 1 di Visual Studio 2010

*      Sekarang kita akan membuat programnya,untuk membuat program di Form 1 kita harus mengunakan Toolbox, panggil Toolbox dengan memilih View>Toolbox lalu Enter



*      Maka Tampilannya Akan seperti di atas





*      Selanjutnya Pilih Grupbox pada toolbox masukan 2 Grupbox di dalam Form1 Dan 4 buah Label2 buah label di Grupbox1 dan 2 buah Label di Grupbox2 seperti dibawah ini





*      Klik 2x pada Form 1 kemudian masukan Code berikut pada Form Load


Public Class Form1

    Private Sub Form1_Load(ByVal sender As System.ObjectByVal e As System.EventArgsHandles MyBase.Load
Me.Text=” Program Biodata”
Lebel1.text= ” Nama   :”
Label2.text = “Alamat  :”
    End Sub
End Class



Codingnya seperti diatas


*      Lalu Masukan Coding pada Button1 klik2x pada Button1 dan masukan rumus sebagai berikut :


Public Class Form1

    Private Sub Form1_Load(ByVal sender As System.ObjectByVal e As System.EventArgsHandles MyBase.Load
Me.Text=” Program Biodata”
Lebel1.text= ” Nama   :”
Label2.text = “Alamat  :”
Button1.text=”Tampil”                  Code pada pada Button1
    End Sub
End Class



*      Maka Button1 akan berubah menjadi “Tampil”


Langkah selanjunya Rubahlah Grupbox1 dan Grupbox2 seperti berikut:
ü  Grupbox1 ganti dengan Nama “Biodata”
ü  Grupbox2 ganti dengan Nama “Hasil”

Gambarnya seperti dibawah ini


* 
















Masukan code pada Form Load seperti berikut ini


Public Class Form1

    Private Sub Form1_Load(ByVal sender As System.ObjectByVal e As System.EventArgsHandles MyBase.Load
Me.Text=” Program Biodata”
Lebel1.text= ” Nama   :”
Label2.text = “Alamat  :”
Button.text= “Tampil”
Grupbox1.text= ” BIODATA ”       
Grupbox2.text= ” HASIL ”

  End Sub
End Class


*      Kemudian coba run dan akan tampil seperti ini
*      Agar label3 dan label4 di Groupbox2 kelihatan lebih menarik hapus Label3 dan 4 di Text pada Properties dan kosongkan textnya

*      Setelah itu Klik2x pada Button1 dan masukan Kode berikut :


Private Sub Button1_Click_1(ByVal sender As System.ObjectByVal e As System.EventArgsHandles Button1.Click
        Label3.Text = TextBox1.Text
        Label4.Text = TextBox2.Text
    End Sub


*      Maka secara Otomatis setiap data Inputan yang ada di textbox1 dan dua akan di tampilkan di label 3 dan 4

Coba Run lalu masukan Nama dan Alamat anda





*      Agar program program yang kita buat semakin menarik dan indah di pandang kita akan mencoba memodif dengan perintah code dan mengunakan menu properties

Public Class Form1

    Private Sub Form1_Load(ByVal sender As System.ObjectByVal e As System.EventArgsHandles MyBase.Load
        Me.BackColor = Color.Red                 Untuk menganti Warna baground Form1
        Label1.ForeColor = Color.GhostWhite
        Label2.ForeColor = Color.GhostWhite      Code untuk mengubah Warna Label
    End Sub


*      Maka dia akan berubah warna seperti ini







Kemudian kita juga akan mengubah text pada ke2 groupboxnya dengan mengunakan Properties
Carannya klik pada Groupbox1 lalu pilih Properties di sudut bawah kanan, carilah Font>pilih Mistral >Lalu Bold, lakukan hal yang sama pada Groupbox2
Ganti pula Font pada Textbox1 dan 2 dengan memilih font>Pilih Ravie >lalu Bold dan ukuran text 14,

Selanjutnya mari kita mencoba menjalankan program yang telah kita buat tadi
1.      Coba Run program Biodata tadi
2.      Masukan Nama Pada Textbox 1 lalu
3.      Masukan Alamat pada textbox2
Misalnya seperti ini Pada nama ketikan “ IMAM”
Lalu pada Alamat Masukan “ SANGIA”
4.      Lalu tekan Tampil, maka secara otomatis Label3 akan menampilakan Nama anda menjadi “IMAM AF”  dan Pada Label4 akan berubah menjadi “SANGIA”

Tampilannya akan seperti ini

                                    

Beginilah Hasilnya setelah di Run dan telah dimasukan Nama dan Alamat tadi :




Cukup sekian langkah – lagkah membuat program Biodata mengunakan Visual Studio 2010

Semoga blog ini bisa bermanfaat buat para pembacannya dan berguna bagi kita semua.

5 komentar:

  1. Min materi codingnya cukup baik dan jelas, tapi dari segi tampilan terlalu banyak animasi, dan pilihan menunya kurang menarik karna penuh dengan film - film kartun.
    Terima kasih....

    BalasHapus
  2. keren gan materi dan blog na please beri ana tutorial cara buat blog nya gan
    please

    BalasHapus

Trimakasih Sudah Mengunjungi Blog saya