p3 & 4 integrated development environment (ide) visual basic · program studi diii rekam medis...

34
Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development Environment (IDE) Visual Basic A. Tujuan Mahasiswa dapat memahami IDE atau lingkungan kerja pada Visual Basic Mahasiswa dapat mengenali dan mengetahui fungsi komponen-komponen IDE Mahasiswa dapat berkerja menggunakan komponen-komponen IDE B. Pembahasan Integrated Development Environment (IDE) Visual Basic Komponen-komponen IDE Bekerja dengan komponen-komponen IDE 3.1 Integrated Development Environment (IDE) Visual Basic IDE (Integrated Development Environment) atau lingkungan kerja Visual Basic IDE merupakan suatu lingkungan kerja untuk membuat dan mengembangkan aplikasi Visual Basic .net Langkah-langkah untuk menampilkan IDE Visual Basic pada Visual Studio 2010 adalah sebagai berikut : 1. Visual Studio yang telah ter-install dapat dijalankan dengan mengklik Start pilih All Programs Pilih folder Microsoft Visual Studio 2010 klik Microsoft Visual Studio 2010 2. Tampilan awal dari Microsoft Visual Studio 2010 terlihat seperti pada gambar 3.1, pilihlah Visual Basic Development Settings dan klik tombol Start Visual Studio, tampilan halaman muka Visual Studio 2010 seperti terlihat pada gambar 3.2.

Upload: doannhan

Post on 12-Apr-2018

241 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

1 Visual Basic .Net

P3 & 4

Integrated Development Environment (IDE) Visual Basic

A. Tujuan

Mahasiswa dapat memahami IDE atau lingkungan kerja pada Visual Basic

Mahasiswa dapat mengenali dan mengetahui fungsi komponen-komponen IDE

Mahasiswa dapat berkerja menggunakan komponen-komponen IDE

B. Pembahasan

Integrated Development Environment (IDE) Visual Basic

Komponen-komponen IDE

Bekerja dengan komponen-komponen IDE

3.1 Integrated Development Environment (IDE) Visual Basic

IDE (Integrated Development Environment) atau lingkungan kerja Visual Basic

IDE merupakan suatu lingkungan kerja untuk membuat dan mengembangkan aplikasi

Visual Basic .net

Langkah-langkah untuk menampilkan IDE Visual Basic pada Visual Studio 2010 adalah

sebagai berikut :

1. Visual Studio yang telah ter-install dapat dijalankan dengan mengklik Start pilih All

Programs Pilih folder Microsoft Visual Studio 2010 klik Microsoft Visual Studio

2010

2. Tampilan awal dari Microsoft Visual Studio 2010 terlihat seperti pada gambar 3.1,

pilihlah Visual Basic Development Settings dan klik tombol Start Visual Studio,

tampilan halaman muka Visual Studio 2010 seperti terlihat pada gambar 3.2.

Page 2: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

2 Visual Basic .Net

Gambar 3. 1 Tampilan halaman default environment setting

Gambar 3. 2 Tampilan halaman muka Visual Studio 2010

3. Pada halaman Start Page (gambar 3.2) klik New Project

Page 3: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

3 Visual Basic .Net

4. Pada halaman New Project pilih komponen Windows Form Application dan klik

tombol OK, lingkungan kerja Visual Basic (Integrated Development Environment/IDE)

terlihat pada gambar 3.4.

Gambar 3. 3 Tampilan halaman new project Visual Basic

Gambar 3. 4 Tampilan Integrated Development Environment (IDE) Visual Basic

Page 4: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

4 Visual Basic .Net

3.2 Komponen-komponen IDE

Gambar 3. 5 Integrated Development Environment (IDE)

Lingkungan kerja pada Visual Basic memiliki beberapa komponen antara lain :

1. Menu Bar

Menampilkan berbagai menu pada Visual Basic untuk membangun pemrograman .net.

Gambar 3. 6 Menu Bar

2. Toolbar

Merupakan sebuah tombol jalan pintas yang terdapat pada menu bar.

Gambar 3. 7 Toolbar

3. Form

Merupakan area untuk men-desain (meletakkan dan menyusun) komponen-komponen

visual dalam membangun aplikasi.

Page 5: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

5 Visual Basic .Net

Gambar 3. 8 Form Designer

4. Jendela Editor Kode

Merupakan area tempat menuliskan kode dari sebuah objek atau form.

Gambar 3. 9 Jendela Editor Kode

5. Toolbox

Berisi komponen-komponen yang digunakan yang digunakan sebagai objek dalam

pemrograman.

Gambar 3. 10 Toolbox

Page 6: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

6 Visual Basic .Net

Toolbox terdiri dari berbagai macam objek visual misalnya : Button, Label, Textbox,

ComboBox, ListBox dan lain sebagainya.

6. Data Sources

Berfungsi sebagai tempat manajemen database.

Gambar 3. 11 Data Sources

7. Solution Explorer

Merupakan bagian yang berfungsi untuk menampilakan/melihat item-item penyusun

sebuah proyek atau solution.

Gambar 3. 12 Solution Explorer

Sebuah proyek dapat disusun oleh berbagai macam item, yaitu :

- Form dan kodenya, miliki ekstensi .vb

- Class, memiliki ekstensi .vb

- Class Diagram, memiliki ekstensi .cd

- File XML, memiliki ekstensi .xml

- File Proyek, memiliki ekstensi .vbproj

- File Laporan Crystal Report, memiliki ekstensi .rpt

Page 7: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

7 Visual Basic .Net

8. Properties

Berfungsi untuk melihat nilai properti dari sebuah objek atau class.

Gambar 3. 13 Properties

3.3 Bekerja dengan Komponen-komponen IDE

a. Mendesain Program

Desain suatu program terletak pada komponen form, yang dihiasi berbagai objek dari

toolbox.

Setiap objek atau komponen desain memiliki properti yang dapat diatur nilai dan

atributnya.

Cara untuk mendesain program adalah dengan memilih objek yang akan dipakai pada

toolbox, kemudian menggambarkannya pada form yang telah ditentukan. Kemudian

set nilai properti dari objek yang digambar tersebut melalui jendela properties.

Page 8: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

8 Visual Basic .Net

b. Menggunakan Toolbox Kontrol

1. Button

Latihan 3.1 : Membuat Program Warna

Gambar 3. 14 Desain form Colour

Langkah-langkah membuat program :

Pada Toolbox pilih objek Button, kemudian gambarkan pada form yang telah

disiapkan;

Lakukan langkah yang sama atau dengan menggunakan copy-paste, sampai pada

Button5;

Aturlah nilai properti pada Jendela Properties untuk setiap objek tersebut, seperti

pada tabel berikut :

Nama Komponen Properties Values

Form1 Name Text

frmColour Favourite Colour

Button1 Name Text Font ForeColor

btnRed &Red Bold, 10 Red

Button2 Name Text Font ForeColor

btnYellow &Yellow Bold, 10 Yellow

Button3 Name Text Font ForeColor

btnGreen &Green Bold, 10 Green

Page 9: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

9 Visual Basic .Net

Button4 Name Text Font

btnTransparent &Transparent Bold, 10

Button5 Name Text Font

btnClose &Close Bold, 10

Ketikkanlah kode program berikut pada Jendela Editor Kode dengan cara mengklik

setiap komponen :

Jalankanlah program dengan cara mengklik icon Start Debugging pada Toolbar,

dan klik setiap Button;

Public Class frmColour Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

End Sub

Private Sub btnRed_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnRed.Click

frmColour.ActiveForm.BackColor = Color.Red End Sub

Private Sub btnYellow_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnYellow.Click

frmColour.ActiveForm.BackColor = Color.Yellow End Sub

Private Sub btnGreen_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnGreen.Click

frmColour.ActiveForm.BackColor = Color.Green End Sub

Private Sub btnTransparent_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnTransparent.Click

frmColour.ActiveForm.Opacity = 0.7 End Sub

Private Sub btnClose_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnClose.Click

Close() End Sub End Class

Page 10: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

10 Visual Basic .Net

Gambar 3. 15 Hasil eksekusi Program Warna

2. Label dan Textbox

Latihan 3.2 : Membuat Program Identitas Pasien

Gambar 3. 16 Desain form Identitas Pasien

Langkah-langkah membuat program :

Susunlah objek Label, TextBox dan Button seperti pada desain form Identitas

Pasien ;

Aturlah nilai properti pada Jendela Properties untuk setiap objek tersebut, sesuai

dengan berikut :

Nama Komponen Properties Values

Form1 Name Text

frmIdentitasPasien Identitas Pasien

Label1 Name Text Font

labelID ID Pasien Bold, 10

Page 11: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

11 Visual Basic .Net

Label2 Name Text Fon

labelNama Nama Bold, 10

Label3 Name Text Fon

labelJK Jenis Kelamin Bold, 10

Label4 Name Text Font

labelAlamat Alamat Bold, 10

TextBox1 Name Font BackColor

txtID Reguler, 10 ActiveCaption

TextBox2 Name Font BackColor

txtNama Reguler, 10 ActiveCaption

TextBox3 Name Font BackColor

txtJK Reguler, 10 ActiveCaption

TextBox4 Name Font BackColor

txtAlamat Reguler, 10 ActiveCaption

Button1 Name Text Font

btnClose &Close Bold, 10

Lakukan double klik pada Button Close dan ketikkan kode program berikut pada

Jendela Editor Kode :

Jalankanlah program dengan cara mengklik icon Start Debugging pada Toolbar,

kemudian isilah setiap TextBox sesuai dengan nama Label.

Gambar 3. 17 Hasil eksekusi Program Identitas Pasien

Private Sub btnClose_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnClose.Click Close() End Sub

Page 12: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

12 Visual Basic .Net

3. ComboBox

Latihan 3.3 : Membuat Program Jurusan

Gambar 3. 18 Desain form Jurusan

Langkah-langkah membuat program :

Desainlah Form Jurusan seperti pada gambar diatas;

Aturlah nilai properti untuk setiap objek tersebut, seperti pada tabel berikut :

Nama Komponen Properties Values

Form1 Name Text

frmJurusan Jurusan

Label1 Name Text Font

labelJurusan Jurusan Bold, 10

ComboBox1 Name Text Font Items

cmbJurusan ~Pilih~ Bold, 10 DIII Kebidanan DIII Keperawatan DIII Farmasi DIII Rekam Media & Info Kes DIII Radiologi DIII Fisioterapi SI Kebidanan SI Keperawatan SI Farmasi

Button1 Name Text Font

btnCek &Cek Bold, 10

Button2 Name Text

btnClose &Close

Page 13: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

13 Visual Basic .Net

Font Bold, 10

Lakukan double klik pada Button Cek, dan ketikkan kode program berikut :

Lakukan double klik pada Button Close, kemudian ketikkan kode program berikut :

Jalankanlah program dengan cara mengklik icon Start Debugging pada Toolbar,

Setelah memilih Jurusan, kemudian akan ditampilkan MessageBox seperti pada

gambar 3.22 :

Gambar 3. 19 Hasil eksekusi Program Jurusan

Gambar 3. 20 Tampilan MessageBox Program Jurusan

Private Sub btnCek_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnCek.Click MsgBox("Anda Memilih Jurusan :" & cmbJurusan.Text) End Sub

Private Sub btnClose_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnClose.Click Close() End Sub

Page 14: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

14 Visual Basic .Net

4. ListBox

Latihan 3.4: Membuat Program Mata Kuliah

Gambar 3. 21 Desain form Mata Kuliah

Langkah-langkah membuat program :

Desainlah Form Mata Kuliah seperti pada gambar diatas;

Aturlah nilai properti untuk setiap objek tersebut, seperti pada tabel berikut :

Nama Komponen Properties Values

Form1 Name Text Font

frmMK Mata Kuliah Bold, 10

Label1 Name Text

labelMataKuliah Mata Kuliah Semester III

ListBox1 Name Font BackColor Shorted

lbxMataKuliah Reguler, 10 ActiveCaptions True

Button1 Name Text

btn1 &Kebidanan

Button2 Name Text

btn2 &Farmasi

Button3 Name Text

btn3 &Rekam Medis

Lakukan double klik pada Button Kebidanan, dan ketikkan kode program berikut :

Page 15: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

15 Visual Basic .Net

Lakukan double klik pada Button Farmasi, kemudian ketikkan kode program berikut

:

Lakukan double klik pada Button Rekam Medis, kemudian ketikkan kode program

berikut :

Private Sub btn1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btn1.Click lbxMataKuliah.Items.Clear() lbxMataKuliah.Items.Add("Farmakologi") lbxMataKuliah.Items.Add("Ginekologi") lbxMataKuliah.Items.Add("Askeb II (Persalinan)") lbxMataKuliah.Items.Add("Askeb III (Nifas)") lbxMataKuliah.Items.Add("Asuhan Neonatus, Bayi dan Anak

Balita") lbxMataKuliah.Items.Add("Dokumentasi Kebidanan") lbxMataKuliah.Items.Add("Praktik Klinik Kebidanan") lbxMataKuliah.Items.Add("IT (Cyber Midwifery)") End Sub

Private Sub btn2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btn2.Click lbxMataKuliah.Items.Clear() lbxMataKuliah.Items.Add("Formulasi & Teknologi Sediaan

Padat") lbxMataKuliah.Items.Add("Kimia Analisi II") lbxMataKuliah.Items.Add("Toksiologi") lbxMataKuliah.Items.Add("Radiofarmasi") lbxMataKuliah.Items.Add("Farmakognosi") lbxMataKuliah.Items.Add("Farmakokinetika") lbxMataKuliah.Items.Add("Farmakologi Eksperimental II") lbxMataKuliah.Items.Add("Kimia Medisinal 1") lbxMataKuliah.Items.Add("Biokimia farmasi") End Sub

Private Sub btn3_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btn3.Click lbxMataKuliah.Items.Clear() lbxMataKuliah.Items.Add("Bahasa Inggris 3") lbxMataKuliah.Items.Add("Biomedik-Fisiologi") lbxMataKuliah.Items.Add("Biomedik-Genetika") lbxMataKuliah.Items.Add("Pengelolaan Sistem Rekam Medis 3") lbxMataKuliah.Items.Add("Ilmu Penyakit dan Lab. Kesehatan 2") lbxMataKuliah.Items.Add("Hukum Kesehatan") lbxMataKuliah.Items.Add("Kependudukan dan Lingkungan Hidup") lbxMataKuliah.Items.Add("Epidemiologi") lbxMataKuliah.Items.Add("Penyajian Data Statistik") lbxMataKuliah.Items.Add("Praktek Lapangan 3") lbxMataKuliah.Items.Add("Basisdata") lbxMataKuliah.Items.Add("Praktikum Basisdata") lbxMataKuliah.Items.Add("Kerja Lab Pemrograman Visual (VB)") End Sub

Page 16: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

16 Visual Basic .Net

Jalankanlah program dengan cara mengklik icon Start Debugging pada Toolbar,

dan klik setiap Button untuk melihat Daftar Mata Kuliah.

Gambar 3. 22 Hasil eksekusi Program Mata Kuliah

5. RadioButton dan CheckBox

Latihan 3.5 : Membuat Program Rekam Medis

Page 17: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

17 Visual Basic .Net

Gambar 3. 23 Desain form Rekam Medis

Langkah-langkah membuat program :

Desainlah Form Rekam Medis seperti pada gambar diatas;

Aturlah nilai properti untuk setiap objek tersebut, sebagai berikut :

Nama Komponen Properties Values

Form1 Name Text Font

frmRM Mata Kuliah Bold, 10

Label1 Name Text

label1 Jenis Rekam Medis

RadioButton1 Name Text

rbt1 Pasien Rawat Inap

RadioButton2 Name Text

rbt1 Pasien Rawat Jalan

Label2 Name Text

label2 Dokumen Rekam Medis

CheckBox1 Name Text Enabled

ckbx1 Identitas Pasien False

CheckBox2 Name Text Enabled

ckbx2 Pemeriksaan False

CheckBox3 Name Text Enabled

ckbx3 Diagnosis/masalah False

CheckBox4 Name Text

ckbx4 Persetujuan tindakan medis

Page 18: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

18 Visual Basic .Net

Enabled False

CheckBox5 Name Text Enabled

ckbx5 Tindakan/pengobatan False

CheckBox6 Name Text Enabled

ckbx6 Pelayanan lain False

Pada Jendela Editor Kode, dan ketikkan kode program berikut :

Jalankanlah program dengan cara mengklik icon Start Debugging pada Toolbar.

Gambar 3. 24 Hasil eksekusi Program Rekam Medis

Public Class frmRM Private Sub frmRM_Load(ByVal sender As System.Object, ByVal e As

System.EventArgs) Handles MyBase.Load If rbt1.Checked = True Then rbt2.Checked = True Else ckbx1.Enabled = True ckbx2.Enabled = True ckbx3.Enabled = True ckbx4.Enabled = True ckbx5.Enabled = True ckbx6.Enabled = True End If End Sub End Class

Page 19: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

19 Visual Basic .Net

c. Menggunakan Toolbox Container

1. GroupBox

Latihan 3.6 : Membuat Program Data Pasien

Gambar 3. 25 Desain Form Data Pasien

Langkah-langkah membuat program :

Susunlah beberapa objek dari Toolbox seperti pada tampilan form Data Pasien

diatas;

Aturlah nilai properti pada Jendela Properties untuk setiap objek tersebut, sesuai

dengan tabel berikut :

Nama Komponen Properties Values

Form1 Name Text

frmDataPasien DATA PASIEN

GroupBox1 Name Text Font BackColor

gbxInput Input Data Pasien Bold, 12 PaleGreen

Label1 Name Text Font

labelID ID Pasien Bold, 10

Label2 Name Text

labelNama Nama

Page 20: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

20 Visual Basic .Net

Font Bold, 10

Label3 Name Text Font

labelJK Jenis Kelamin Bold, 10

Label4 Name Text Font

labelAlamat Alamat Bold, 10

TexBox1 Name Font BackColor

txtID Reguler, 10 ActiveCaption

TexBox2 Name Font BackColor

txtNama Reguler, 10 ActiveCaption

TexBox3 Name Font BackColor

txtJK Reguler, 10 ActiveCaption

TexBox4 Name Font BackColor

txtAlamat Reguler, 10 ActiveCaption

Button1 Name Text Font

btnSimpan &Simpan Bold, 10

GroupBox2 Name Text Font BackColor

gbxFile File Data Pasien Bold, 12 PaleGreen

Label5 Name Text

labelID ID Pasien

Label6 Name Text

labelNama Nama

Label7 Name Text

labelJK Jenis Kelamin

Label8 Name Text

labelAlamat Alamat

ListBox1 Name BackColor

lbxID ActiveCaption

ListBox2 Name BackColor

lbxNama ActiveCaption

ListBox3 Name BackColor

lbxJK ActiveCaption

ListBox4 Name BackColor

lbxAlamat ActiveCaption

Button2 Name Text Font

btnClose &Close Bold, 10

Lakukan double klik pada Button Simpan, dan ketikkan kode program berikut :

Page 21: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

21 Visual Basic .Net

Lakukan double klik pada Button Close, kemudian ketikkan kode program berikut :

Jalankanlah program dengan cara mengklik icon Start Debugging pada Toolbar,

isilah setiap TexBox dan klik Button Simpan, hasil eksekusi program akan terlihat

seperti pada gambar berikut :

Gambar 3. 26 Hasil eksekusi Program Identitas

2. TabControl

Latihan 3.7 : Membuat Program Pemeriksaan Pasien

Private Sub btnSimpan_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnSimpan.Click lbxID.Items.Add(txtID.Text) lbxNama.Items.Add(txtNama.Text) lbxJK.Items.Add(txtJK.Text) lbxAlamat.Items.Add(txtAlamat.Text) End Sub

Private Sub btnClose_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnClose.Click Close() End Sub

Page 22: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

22 Visual Basic .Net

Gambar 3. 27 Desain Form Tab Input

Gambar 3. 28 Desain Form Tab File

Langkah-langkah membuat program :

Desainlah form dengan sebuah TabPage, kemudian atur masing-masing tab dan

komponennya seperti pada gambar 3.27 dan 3.28.

Aturlah nilai properti masing-masing komponen, sebagai berikut :

Nama Komponen Properties Values

Form1 Name Text

frmPemeriksaan PEMERIKSAAN PASIEN

TabControl1 Name Font

tbc1 Bold, 10

TabPage1 Name tbp1

Page 23: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

23 Visual Basic .Net

Text BackColor

Tab Input Light Blue

TabPage2 Name Text BackColor

tbp2 Tab Fule Light Cyan

Label1 Text Font

Input Data Pemeriksaan Pasien Bold, 12

Label2 Text Kode

Label3 Text Deskripsi

Label4 Text Biaya

TexBox1 - -

TexBox2 - -

TexBox3 - -

Button1 Name Text Font

btnSimpan &Simpan Bold, 10

Label5 Text Font

File Hasil Pemeriksaan Pasien Bold, 12

Label6 Text Kode

Label7 Text Deskripsi

Label8 Text Biaya

ListBox1 - -

ListBox2 - -

ListBox3 - -

Button2 Name Text Font

btnClose &Close Bold, 10

Lakukan double klik pada Button Simpan, dan ketikkan kode program berikut :

Lakukan double klik pada Button Close, kemudian ketikkan kode program berikut :

Private Sub btnSimpan_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnSimpan.Click lbxID.Items.Add(txtID.Text) lbxNama.Items.Add(txtNama.Text) lbxJK.Items.Add(txtJK.Text) lbxAlamat.Items.Add(txtAlamat.Text) End Sub

Private Sub btnClose_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnClose.Click Close() End Sub

Page 24: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

24 Visual Basic .Net

Setelah program dijalankan, maka hasil eksekusinya seperti pada gambar berikut :

Gambar 3. 29 Hasil eksekusi program pada Tab Input

Gambar 3. 30 Hasil eksekusi program pada Tab File

Page 25: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

25 Visual Basic .Net

d. Menggunakan Toolbox Menu dan Toolbar

1. MenuStrip

Latihan 3.8 : Membuat Program MenuStrip

Gambar 3. 31 Desain Form MenuStrip

Langkah-langkah membuat program :

Desainlah form dengan sebuah MenuSTrip, seperti pada tampilan desain form

Menustrip diatas.

Atur beberapa nilai properti pada Jendela Editor Kode untuk komponen-komponen

tersebut, seperti berikut :

Nama Komponen Properties Values

Form1 Name Text

frmMenuStrip Membuat MenuStrip

MenuStrip1 Text Font BackColor

Menu 1 Bold, 12 RoyalBlue

MenuItem1 Text Font BackColor

Button Bold Italic, 10 Light Blue

MenuItem2 Text Font BackColor

Label and Text Bold Italic, 10 Light Blue

MenuItem3 Text ComboBox

Page 26: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

26 Visual Basic .Net

Font BackColor

Bold Italic, 10 Light Blue

MenuItem4 Text Font BackColor

ListBox Bold Italic, 10 Light Blue

MenuItem5 Text Font BackColor

RadioButton and CheckBox Bold Italic, 10 Light Blue

MenuStrip2 Text Font BackColor

Menu 2 Bold, 12 RoyalBlue

MenuItem1 Text Font BackColor

GroupBox Bold Italic, 10 Light Blue

MenuItem2 Text Font BackColor

TabControl Bold Italic, 10 Light Blue

MenuStrip3 Text Font BackColor

Menu 3 Bold, 12 RoyalBlue

MenuItem1 Text Font BackColor

Exit Bold Italic, 10 Light Blue

Pada MenuStrip3, double klik pada MenuItem1 (Exit), dan ketikkan kode program

berikut :

Jalankanlah program dengan cara mengklik icon Start Debugging pada Toolbar,

hasil eksekusi program akan terlihat seperti pada gambar berikut :

Private Sub ExitToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ExitToolStripMenuItem.Click Close() End Sub

Page 27: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

27 Visual Basic .Net

Gambar 3. 32 Hasil eksekusi program MenuStrip

2. ToolStrip

Latihan 3.8 : Membuat Program ToolStrip

Gambar 3. 33 Desain Form ToolStrip

Langkah-langkah membuat program :

Desainlah form dengan sebuah ToolStrip, seperti pada tampilan desain form

Menustrip diatas.

Page 28: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

28 Visual Basic .Net

Untuk menambahkan objek ToolStrip, pada icon ToolStrip klik tanda segitiga

ke bawah, sehingga akan muncul menu ToolStrip, kemudian pilih salah satu objek

ToolStrip yang akan ditambahkan.

Aturlah nilai properti beberapa objek ToolStrip tersebut, seperti berikut :

Nama Komponen Properties Values

Form1 Name Text

frmToolStrip Membuat ToolStrip

ToolStrip BackColor RosyBrown

ToolStripLabel1 Text Font

Belajar VB Bold Italic, 10

ToolStripProgressBar1 Value 50

ToolSTripButton1 Text &Exit

Lakukan double klik pada icon ToolStripButton1 (Exit), dan ketikkan kode program

berikut :

Setelah program dijalankan, hasilnya akan terlihat seperti pada gambar berikut :

Gambar 3. 34 Hasil eksekusi Program ToolStrip

Private Sub ToolStripButton1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ToolStripButton1.Click Close() End Sub

Page 29: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

29 Visual Basic .Net

TUGAS 3.1

1) Buatlah Program Pelayanan Pasien dengan tampilan hasil running seperti pada gambar 3.35, dan

ketika program dijalankan dapat menyimpan Input Data Pasien ke dalam File Data Pasien.

Gambar 3. 35 Hasil eksekusi Program Pelayanan Pasien

Langkah-langkah membuat program :

Desainlah sebuah form yang tersusun dari beberapa objek, seperti pada tampilan gambar diatas.

Aturlan nilai properties untuk masing-masing objek, sebagai berikut :

Komponen/Objek pada Form Pasien

Nama Komponen Properties Values

Form1 Name Font Text

frmPasien Bold, 10 PELAYANAN PASIEN

GroupBox1 Text BacColor

Input Data Pasien PowderBlue

Label1 Text No. Rekam Medis

Label2 Text Nama

Label3 Text Alamat

Label4 Text TTL

Label5 Text Jenis Kelamin

Page 30: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

30 Visual Basic .Net

Label6 Text Status Nikah

Label7 Text Golongan Darah

Label8 Text Telepon

Label9 Text Pekerjaan

Label10 Text Keterangan

Label11 Text Tgl. Registrasi

Label12 Text Biaya Registrasi

TextBox1 - -

TextBox2 - -

TextBox3 MultiLine ScrollBars

True Vertical

TextBox4 -

DateTimePicker1 Format Custom

ComboBox1 Items P L

ComboBox2 Items Nikah Blm. Nikah

ComboBox3 Items A B AB O

TextBox5 - -

TextBox6 - -

TextBox7 - -

DateTimePicker2 Format Custom

TextBox8 - -

Button1 Text &Simpan

GroupBox2 Text BackColor

File Data Pasien PowderBlue

Label13 - -

Label14 - -

Label15 - -

Label16 - -

Label17 - -

Label18 - -

Label19 - -

Label20 - -

Label21 - -

Label22 - -

Label23 - -

Label24 - -

LixtBox1 - -

LixtBox2 - -

LixtBox3 - -

LixtBox4 - -

LixtBox5 - -

Page 31: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

31 Visual Basic .Net

LixtBox6 - -

LixtBox7 - -

LixtBox8 - -

LixtBox9 - -

LixtBox10 - -

LixtBox11 - -

LixtBox12 - -

Button2 Text &Close

Listing program untuk Button Simpan, sebagai berikut :

Catatan :

1. Tugas dibuat dalam bentuk document (Ms.Word) dengan membuat :

- Print Screen desain form.

- Print Screen hasil eksekusi program ketika proses input data pasien dan ketika data berhasil

disimpan ke dalam file data pasien.

- Listing program dari beberapa Button yang diperlukan.

2. Tugas dikumpulkan dalam bentuk PrintOut .

Page 32: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

32 Visual Basic .Net

TUGAS 3.2

1) Buatlah Program Pengenalan Komponen VB dengan tampilan hasil running seperti pada gambar

3.36, dan ketika program dijalankan dapat menyimpan Input Data ke dalam Data Store.

Gambar 3. 36 Hasil eksekusi Program Pengenalan Komponen VB

Langkah-langkah membuat program :

Desainlah sebuah form yang tersusun dari beberapa objek, seperti pada tampilan gambar diatas.

Aturlan nilai properties untuk masing-masing objek, sebagai berikut :

Komponen/Objek pada Form Komponen VB

Nama Komponen Properties Values

Form1 Name Font Text

frmKomponenVB Tahoma, Bold, 10 Mengenal Komponen VB

Page 33: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

33 Visual Basic .Net

GroupBox1 Text BackColor

Input Data GradientActiveCaption

Label1 Text Nama

Label2 Text Jenis Kelamin

Label3 Text Pendidikan

Label4 Text Jurusan

Label5 Text Tgl. Lahir

TextBox1 - -

ComboBox1 Items L P

RadioButton1 Text DIII

RadioButton2 Text SI

RadioButton3 Text SII

CheckBox1 Text Kebidanan

CheckBox2 Text Rekam Medis

CheckBox3 Text Farmasi

DataTimePicker Format Custom

Button1 Text &Simpan

GroupBox2 Text BackColor

Input Data GradientActiveCaption

Label6 Text Nama

Label7 Text JK

Label8 Text Pendidikan

Label9 Text Jurusan

Label10 Text Tgl. Lahir

Button2 Text &Close

Page 34: P3 & 4 Integrated Development Environment (IDE) Visual Basic · Program Studi DIII Rekam Medis POLITEKNIK KESEHATAN PERMATA INDONESIA 1 Visual Basic .Net P3 & 4 Integrated Development

Program Studi DIII Rekam Medis

POLITEKNIK KESEHATAN PERMATA INDONESIA

34 Visual Basic .Net

Listing program untuk Button Simpan, sebagai berikut :

Catatan :

1. Tugas dibuat dalam bentuk document (Ms.Word) dengan membuat :

- Print Screen desain form.

- Print Screen hasil eksekusi program ketika proses input data dan ketika data berhasil

disimpan ke dalam data store.

- Listing program dari beberapa Button yang diperlukan.

2. Tugas dikumpulkan dalam bentuk PrintOut .