Membuat User Interface (UI)

Membuat User Interface (UI)

Aktifkan VB 6 melalui tombol Start.
Kenali jenis-jenis komponen (control) yang ada di dalam bagian ToolBox :
Pada Jendela Form buatlah UI seperti ini :  
Cara membuatnya :
Klik komponen Label di dalam ToolBox kemudian “gambar” object Label1 di dalam Form dengan cara drag-drop. Lakukan langkah yang sama untuk object Label2. Object Text1 di-“gambar” menggunakan komponen TextBox, sedangkan object Command1 dan Command2 menggunakan komponen Command Button.

1.2 Mengatur Property Object

Kenali bagian-bagian di dalam Jendela Properties :
Object Selector  
                                               Property and Value List
Property Description
Melalui Jendela Properties atur property setiap object sebagai berikut :
Object Properties Value
Form1 Caption StartUpPosition Property Test 2 – CenterScreen
Label1 Caption Tuliskan nama Anda :
Text1 --
Label2 Alignment BackColor Font 2 – Center Palette: <putih> Size: 24
Command1 Caption OK
Command2 Caption Selesai
Sehingga UI-nya menjadi seperti ini :

1.3 Menulis Kode Program : Property Test

Buka Jendela Code dan kenali bagian-bagian di dalamnya : 
Program yang berbasis Windows bersifat event-driven, artinya program bekerja berdasarkan event yang terjadi pada object di dalam program tersebut. Misalnya, jika seorang user meng-klik sebuah tombol maka program akan memberikan “reaksi” terhadap event klik tersebut. Program akan memberikan “reaksi” sesuai dengan kode-kode program yang dibuat untuk suatu event pada object tertentu.
Pilih object Command1 pada bagian Object Selector. Secara otomatis pada bagian Code Editor akan muncul blok kode program berikut :
Private Sub Command1_Click()
End Sub
Event Click merupakan event default (standar) dari object Command1, Anda bisa melihat event lainnya pada bagian Event Selector.
Pada bagian Code Editor ketikkan kode programnya sebagai berikut :
Private Sub Command1_Click() Label2.Caption = Text1.Text End Sub
Private Sub Command2_Click() End End Sub
Simpan Project1 (nama file : Latihan.vbp) dan Form1 (nama file : Lat1.frm). VB 6 akan menyimpan program yang Anda buat ke dalam beberapa file yang saling terkait, antara lain : file project (*.vbp), file form (*.frm) dan file module (*.bas).
Coba jalankan Project1 dengan meng-klik tombol Start  pada bagian Toolbar atau tekan tombol F5 pada keyboard. Ketikkan “Salman” di dalam TextBox kemudian klik tombol OK. Maka akan tampil hasil sebagai berikut :
Bila ingin keluar klik tombol Selesai. Fasilitas ini disebut Intellisense, dan sangat membantu Anda agar tidak salah mengetikkan nama_object maupun property-nya.  
Penjelasan kode program :
Berikut diberikan penjelasan bagaimana cara kerja program sederhana di atas
Private Sub Command1_Click() Label2.Caption = Text1.Text End Sub
Ketika seorang user meng-klik tombol OK (object Command1) maka isi tulisan pada object Label2 akan sama dengan isi tulisan pada object Text1. Property Caption pada obyek Label2 digunakan untuk menampilkan text tertentu di obyek tersebut.
Selanjutnya untuk keluar dari program dituliskan kode berikut :
Private Sub Command2_Click() End End Sub
Ketika seorang user meng-klik tombol Selesai (object Command2) maka program akan berhenti. Perintah End digunakan untuk menutup program.
Menampilkan tulisan merupakan salah satu property yang dimiliki oleh komponen Label. Property isi tulisan pada komponen Label adalah Caption, sedangkan pada komponen Textbox adalah Text.
Cara penulisan (syntax) kode program untuk mengatur property sebuah object adalah sebagai berikut :
nama_object.property = value
Perhatikan, setelah Anda mengetikkan tanda titik (dot) dibelakang nama_object maka VB 6 akan menampilkan daftar property dan method yang dimiliki oleh nama_object :

1.4 Modifikasi Kode Program

Ubah tampilan UI-nya menjadi seperti ini : (Tambahkan komponen Frame, OptionButton dan CheckBox)
 
Atur property object-object tambahannya sebagai berikut :
Object Properties Value
Frame1 Caption Pilihan :
Option1 Caption Biru
Option2 Caption Merah
Check1 Caption Tebal
Check2 Caption Miring
Obyek Frame1 harus dibuat terlebih dahulu si form, dan selanjutnya obyek Option dan Check dibuat di dalam Frame1 tersebut. Tujuan pembuatan berbagai pilihan tersebut adalah memperkenalkan pada Anda fasilitas Option dan CheckBox yang digunakan untuk membuat pilihan dalam aplikasi.
Tambahkan kode programnya sebagai berikut :
Private Sub Option1_Click(
Label2.ForeColor = vbBlue End Sub
Private Sub Option2_Click() 
Label2.ForeColor = vbRed End Sub
Private Sub Check1_Click() 
Label2.FontBold = Check1.Value End Sub
Private Sub Check2_Click() 
Label2.FontItalic = Check2.Value End Sub
Simpan kembali Form1, kemudian coba jalankan Project1 dan lihat hasilnya :

1.1 Mengenal Visual Basic (VB)

Visual Basic adalah salah satu bahasa pemrograman komputer. Bahasa pemrograman adalah perintah-perintah yang dimengerti oleh komputer untuk melakukan tugas-tugas tertentu. Bahasa pemrograman Visual Basic, yang dikembangkan oleh Microsoft sejak tahun 1991, merupakan pengembangan dari pendahulunya yaitu bahasa pemrograman BASIC (Beginner’s All-purpose Symbolic Instruction Code) yang dikembangkan pada era 1950-an. Visual Basic merupakan salah satu Development Tool yaitu alat bantu untuk membuat berbagai macam program komputer, khususnya yang menggunakan sistem operasi
Windows. Visual Basic merupakan salah satu bahasa pemrograman komputer yang mendukung object (Object Oriented Programming = OOP). 
Mengenal Integrated Development Environment (IDE) VB 6
Aktifkan VB 6 melalui tombol Start > Programs > Microsoft Visual Studio 6.0 > Microsoft Visual Basic 6.0.Tunggulah beberapa saat hingga muncul tampilan berikut :
Pilih Standard EXE dan klik tombol Open.Anda akan melihat tampilan area kerja atau IDE VB 6. Kenali bagian-bagian utama di dalam IDE VB 6 berikut ini :
 
Pilih Standard EXE dan klik tombol Open.
Anda akan melihat tampilan area kerja atau IDE VB 6. Kenali bagian-bagian utama di dalam IDE VB 6 berikut ini :
1. Menubar
2. Toolbar

3. Toolbox
Bila Toolbox tidak muncul klik tombol Toolbox (
) pada bagian Toolbar atau klik menu
View > Toolbox.

5.Jendela Form
Bila Jendela Form tidak muncul klik tombol View Object (
) pada bagian Project Explorer atau
klik menu View > Object.

6.Jendela Code
Bila Jendela Code tidak muncul klik tombol View Code (
) di pada bagian Project Explorer atau
klik menu View > Code.

7.project Explorer
Bila Project Explorer tidak muncul klik tombol Project Explorer (
) pada bagian
Toolbar atau klik menu View > Project Explorer.
8.Jendela Properties
Bila Jendela Properties tidak muncul klik tombol Properties Window (
) pada bagian Toolbar
atau klik menu View > Properties Window. 

Memahami Istilah Object, Property, Method dan Event
Dalam pemrograman berbasis obyek (OOP), anda perlu memahami istilah object, property, method dan event sebagai berikut :
Object : komponen di dalam sebuah program
Property : karakteristik yang dimiliki object
Method : aksi yang dapat dilakukan oleh object
Event : kejadian yang dapat dialami oleh object
Sebagai ilustrasi anda dapat menganggap sebuah mobil sebagai obyek yang memiliki property, method dan event. Perhatikan gambar berikut : 


Implementasinya dalam sebuah aplikasi misalnya anda membuat form, maka form tersebut memiliki property, method, dan event. Sebagaimana pemrograman visual lain seperti Delphi daan Java, VB juga bersifat event driven progamming. Artinya anda dapat menyisipkan kode program pada event yang dimiliki suatu obyek.

Pengumuman Jadwal Akademik

PENGUMUMAN
Nomor : 0918.1/2.02/BSI/VI/2011

Tentang
Jadwal Kegiatan Akademik Bina Sarana Informatika

Sesuai dengan kalender akademik Bina Sarana Informatika, maka perlu diinformasikan ke seluruh mahasiswa agar menjadi perhatian. Adapun jadwal kegiatan akademik sebagai berikut :

1.
Tanggal 18 s/d 23 Juli 2011
Pengumpulan Tugas Akhir Program Satu Tahun & Pendaftaran Ujian Lisan Tugas Akhir D.III
2.
Tanggal  13 Juli 2011
Pengumuman KHS via web BSI
3.
Tanggal 13 s/d 20 Juli 2011
Pendaftaran Ujian HER via web BSI
4.
Tanggal 29 Juli 2011
Pencetakan KPU HER via web BSI
5.
Tanggal 2 s/d 11 Agustus 2011
Pelaksanaan Ujian HER
6.
Tanggal 22 Agustus 2011
Pengumuman Hasil Ujian HER
7.
Tanggal 8 Agustus s/d 6 September 2011
Pembayaran Kuliah (Daftar Ulang/Registrasi) Semester Ganjil 2011/2012
8.
Tanggal 1 Agustus s/d 15 September 2011
Pelaksanaan Ujian Lisan Tugas Akhir D.III periode I tahun 2011
9.
Tanggal 14 September 2011
Pengumuman hasil restrukturisasi kelas dan jadwal kuliah Semester Ganjil
10.
Tanggal 19 September 2011
Awal kuliah & praktikum Semester Ganjil 2011/2012

AGAR MENJADI PERHATIAN :

1.       Keterlambatan proses pembayaran kuliah/daftar ulang (registrasi) akan menyebabkan terhambat dan kacaunya sistem alokasi dosen, prediksi tentang jadwal kuliah, jadwal praktikum, restrukturisasi kelas, absensi mahasiswa, absensi praktikum, dll. Oleh karena itu, apabila sampai batas tanggal  6 September 2011, Saudara belum melakukan pembayaran kuliah/daftar ulang (registrasi), maka Saudara diharuskan mengajukan (mengurus) cuti akademik sampai dengan tanggal 26 September 2011.

2.       Mahasiswa yang tidak melakukan proses pembayaran kuliah/daftar ulang (registrasi) Semester Ganjil 2011/2012 dan tidak pula melakukan pengurusan cuti akademik sampai                26 September 2011 dinyatakan mengundurkan diri/drop out (DO).



Jakarta, 21 Juni 2011
Bina Sarana Informatika
Direktur

ttd

Ir. Naba Aji Notoseputro


Tembusan :
1.        Ka. BAAK
2.        Ka. BAKU
3.        Ka. DIP
4.        Halo BSI
5.        Arsip