Instalasi Program Menjalankan Software Visual Studio Mengatur Tata Letak Komponen GUI Memprogram Komponen GUI

67

4.5 Fase Konstruksi

Pada fase ini penulis mentransformasikan semua hasil rancangan, lalu diterapkan menjadi program aplikasi yang dapat dioperasikan. Dalam melakukan proses konstruksi penulis melalui langkah-langkah sebagai berikut :

4.5.1 Instalasi Program

Sebelum memulai menuliskan kode program, perlu dilakukan penginstalan perangkat lunak Visual Studio terlebih dahulu.

4.5.2 Menjalankan Software Visual Studio

Setelah software terinstal dengan benar, maka selanjutnya adalah menjalankan visual studio 2008, yaitu dengan cara Start Æ All Programs ÆVisual Studio Æ seperti ditunjukkan oleh gambar berikut ini : Gambar 4.1 Menjalankan Software Visual Studio 68 Kemudian akan terlihat tampilan sebagai berikut : Gambar 4.2 Tampilan Awal Software Visual Studio

4.5.3 Mengatur Tata Letak Komponen GUI

Graphical User Interface GUI dalam aplikasinya dapat terdiri atas beberapa komponen user interface yang saling berinteraksi, sehingga membentuk sebuah program aplikasi. Setelah membuka GUIDE visual studio 2008, langkah selanjutnya adalah mendesain figure dengan menggunakan komponen palet seperti pushbutton, slider, static text, edit text, frame, radio button dan sebagainya. Untuk membuat GUI baru klik File Æ New Æ Project, sehingga muncul tampilan sebagai berikut : 69 Gambar 4.3 Membuat Project Baru Setelah itu penulis, mengatur tata letak masing-masing komponen, baik stringcaption, tagname,button, font, maupun color, dengan menggunakan design. Gambar 4.4 Halaman Kerja Pembuatan GUI 70 Jika telah selesai mendesain, maka langkah berikutnya adalah menyimpan dengan file berekstensi .form1.cs.

4.5.4 Memprogram Komponen GUI

Langkah selanjutnya yang harus dilakukan adalah menulis kode program pada komponen GUI yang telah dibuat pada langkah sebelumnya agar komponen dapat bekerja secara simultan. Gambar 4.5 Menginput kode program pada enable button 71 Gambar 4.6 kode program dari enable button Untuk menginput kode program pada komponen button, penulis cukup memilih komponen button dan langsung menyisipkan kode program yang di simpan pada form. 72 Gambar 4.7 menginput kode program pada disable button Gambar 4.8 kode program dari disable button Inti dari aplikasi ini adalah untuk mempermudah user dalam menggunakan windows, khususnya dalam pemanggilan aplikasi windows dengan menggunakan perintah suara menggunakan microphone. Sehingga hal ini dapat mengurangi interfensi antara user dengan hardware komputer. 73

4.5 Fase Pelaksanaan