Modul Praktikum PPK - Pemrograman Desktop 1

Buku Modul Praktikum Mata Kuliah Pemrograman Platform Khusus

Modul 1 Pemrograman Desktop – Desktop – Container, Container, Menus & Toolbar, dan Dialog Tujuan Praktikum Mahasiswa mengenali dan mampu menggunakan tools Microsoft Visual Studio dengan tujuan membuat aplikasi sederhana berbasis desktop visual pada C# .NET Mahasiswa memahami .NET Framework pada pembuatan perangkat lunak berbasis desktop C# .NET Mahasiswa mampu mengenali fungsi komponen-komponen Container, Container, Menus & Toolbar, dan Dialog pada pemrograman visual pada .NET C# Mahasiswa mampu menggunakan komponen-komponen beserta dengan property-nya property-nya untuk membuat aplikasi sederhana Mahasiswa mampu menentukan method dan property untuk masing-masing masing-m asing komponen sesuai dengan instruksi tugas pada modul ini 









1.1.

Visual Studio IDE

Visual Studio merupakan suatu perangkat lunak yang dapat memudahkan programmer dalam membuat program-program yang berteknologi .NET. Melalui perangkat lunak ini programmer dapat mengetikkan program pada editor yang tersedia, menggunakan fasilitas untuk mencari kesalahan program, menciptakan antar muka pengguna ( user interface) interface) seperti pembuatan menu, form, dan sebagainya secara interaktif, membentuk ( build) program menjadi file .exe, hingga menjalankan program yang telah dibuat. Semua fasilitas yang disediakan oleh Visual Studio tersebut terangkum menjadi satu kesatuan aplikasi yang disebut dengan istilah Visual Studio Integrated Development Environment (VS-IDE). Secara sederhana, istilah Visual Studio IDE dapat diartikan sebagai lingkungan atau tempat pembuatan program yang terintegrasi pada Visual Studio. Pada saat ini terdapat beberapa bahasa pemrograman yang didukung oleh Visual Studio diantaranya adalah C#, Visual Basic, F#, C++, HTML, JavaScript, TypeScript, Python dan beberapa kode program lainnya. Pada bagian ini kita akan melihat bagaimana Visual Studio dapat digunakan dengan mudah dalam pembuatan perangkat lunak berbasis visual pada bahasa pemrograman C# dan framework .NET. Beberapa hal penting juga akan dibahas terkait fitur dan komponen Visual Studio.

1


Gambar 1. Tampilan pertama saat Visual Studio Community 2017 dijalankan Pembuatan proyek dimulai setelah tampilan spash screen Gambar 1 muncul yaitu dengan menjalankan beberapa langkah pada pembuatan Windows Form sederhana. Beberapa komponen Visual Studio yang perlu kita pahami fungsinya adalah sebagai berikut: 1. Window Toolbox merupakan bagian penting yang berisi komponen-komponen yang bisa ditambahkan untuk membuat kode program. Secara default Toolbox berada pada bagian kiri terbagi menjadi beberapa kelompok yaitu Common Controls, Containers, Menus & Toolbars, Data, Components, Printing, Dialogs, WPF Interoperability. Pada modul praktikum ini yang akan digunakan adalah Containers, Menus & Toolbars, Dialogs, dan Common Controls. 2. Window Editing merupakan area yang digunakan untuk melakukan edit pada kode atau komponen antar muka pengguna. Bagian ini memiliki dua mode dalam pengeditan, yaitu berupa kode program dan berupa desain tampilan dengan interaksi bukan kode program. Window ini dapat menampilkan program dalam dua bentuk yaitu design form dan source code. 3. Window Solution Exploler merupakan area seperti file exploler yang berisi struktur file baik yang terbentuk secara otomatis maupun manual. Sebuah proyek besar biasanya terdiri dari beberapa proyek kecil. Istilah yang digunakan Visual Studio untuk menyebut proyek besar adalah “Solution”. Dengan demikian, sesuai dengan namanya window Solution Exploler mempunyai kegunaan untuk menampilkan semua informasi tentang file atau komponen penyusun Solution. 4. Window Properties merupakan komponen yang digunakan untuk melakukan pengaturan terhadap perilaku komponen-komponen yang telah ditambahkan pada proyek yang telah dibuat. Terdapat dua fungsi utama dalam bagian ini yaitu property dan event . 5. Window Output berguna untuk menampilkan pesan kesalahan yang terjadi saat program selesai dibentuk atau di- build. Pesan kesalahan tersebut akan diikuti dengan informasi tentang lokasi tempat terkadinya kesalahan dalam program. Selain menampilkan pesan kesalahan, pada window ini juga dapat digunakan untuk melihat 2

Buku Modul Praktikum Mata Kuliah Pemrograman Platform Khusus nilai yang ada pada beberapa objek pada saat program sedang dijalankan. Nilai-nilai yang ada pada objek dapat dilihat melalui suatu proses yang disebut dengan proses pencarian kesalahan atau debugging. Instruksi Tugas 1. Pembuatan Proyek Aplikasi Windows Form Sederhana 1. Jalankan perangkat lunak Visual Studio Community 2017 2. Pilih Create new project maka akan muncul jendela opsi untuk membuat proyek baru 3. Pilih Installed pada kolom sebelah kiri 4. Pilih Templates pada struktur tree 5. Pilih Visual C# pada struktur tree 6. Pilih Windows Classic Desktop pada struktur tree 7. Pilih Windows Forms App (.NET Framework) pada kolom tengah 8. Jalankan proyek dengan klik pada Start 9. Tuliskan struktur file yang ada pada bagian Solution Exploler beserta fungsi atau penjelasan dari masing-masing struktur dan file-file tersebut 10. Jelaskan struktur hirarki antara

1.2.

.NET Framework

.NET Framework merupakan platform pengembangan untuk mengembangkan aplikasi berbasis Windows Desktop, Web, Windows Server, dan Microsoft Azure. .NET Framework berisi kelas-kelas library yang secara fungsional banyak digunakan dan memenuhi standar pada beberapa industri dalam menggunakan atau mengembangkan perangkat lunak. Secara umum beberapa fungsionalitas yang didukung oleh framework ini adalah terkait manajemen memori, type & memory safety, security, networking, dan keperluan deployment aplikasi. Saat ini bahasa pemrograman yang didukung oleh .NET Framework adalah C#, F#, dan Visual Basic.

1.3.

Windows Form Application (.NET Framework)

Pada saat sebuah program aplikasi dijalankan, pada umumnya sebuah kotak yang merepresentasikan program aplikasi tersebut akan muncul di layar monitor. Kotak ini dikenal dengan nama window atau kotak dialog. Window atau kotak dialog ini dapat dibuat dari sebuah form dengan berbagai kontrol didalamnya. Beberapa kontrol yang tersedia dalam C# misalnya adalah label, text box, check box, button, radio button, dan sebagainya. Pengguna akan berinteraksi dengan program aplikasi melalui berbagai kontrol yang ada pada form tersebut. Sebagai contoh, pengguna dapat mengisikan data yang dibutuhkan program aplikasi melalui sebuah text box atau memperoleh informasi tentang hasil suatu 3

Buku Modul Praktikum Mata Kuliah Pemrograman Platform Khusus proses melalui label, dan sebagainya. Pemilihan jenis kontrol yang tepat akan memudahkan pengguna memahami dan menggunakan program aplikasi yang dibuat. Sebuah program aplikasi sebenarnya terbentuk dari komunikasi antara suatu objek dengan objek yang lain. Form dan semua kontrol yang ada diatasnya juga termasuk suatu objek. Proses yang terjadi ketika kita menambahkan sebuah kontrol di atas sebuah window form dari Toolbox, maka disaat itu pula Visual Studio akan secara langsung membentuk suatu objek yang merupakan instansiasi dari suatu kelas kontrol yang digunakan tersebut. Sebagai contoh apabila kita menambahkan sebuah label ke dalam form, maka akan terbentuk objek dengan nama label1 yang tercipta dari class Label. Nama objek dapat disesuaikan pada bagian property ( Name) dengan suatu teks tertentu yang lebih mencerminkan kegunaan dari kontrol tersebut. Dengan demikian, dalam kasus yang paling sederhana Anda telah mampu membuat suatu program yang hanya terdiri dari berbagai komunikasi antar kontrol …. Instruksi Tugas 2. Penambahan Komponen Control pada Windows Form 1. Buka kembali proyek yang telah dibuat sebelumnya pada Tugas 1.1 2. Ubah judul window form menjadi “Tugas 1 PPK - [diisi sesuai NIM mahasiswa]” 3. Tambahkan beberapa komponen menggunakan mode edit Design sehingga windows form yang sebelumnya kosong menjadi seperti gambar di bawah ini:

4. Sebutkan komponen-komponen Control yang terdapat pada aplikasi sederhana tersebut beserta fungsinya 5. Tuliskan lokasi direktori tempat file .exe yang dihasilkan ketika proyek dijalankan untuk menjalankan program yang telah dibuat. Cobalah untuk menyalin file .exe tersebut di lokasi lain lalu menjalankannya. Tuliskan kondisi ketika file .exe dijalankan di lokasi lain tersebut.

4


1.4.

Container

Dalam pembuatan aplikasi berbasi GUI ( graphical user interface) komponen control umumnya diletakan langsung diatas sebuah window form. Akan tetapi, komponen control tersebut harus diatur dan disesuaikan secara manual sehingga ketika mengembangkan aplikasi perlu effort khusus untuk menata komponen control. Sebuah kelompok komponen yang tersedia untuk menangani masalah ini adalah Container. Container merupakan komponen yang digunakan untuk memuat komponen lainnya dimana terdapat penyesuaian khusus dan otomatis terhadap komponen kontrol di dalamnya. Tujuan penggunaan kontainer akan memudahkan penataan dan pengaturan pada komponen-komponen lain yang ada di dalam window form. Terdapat beberapa jenis container yang ada pada C# .NET yaitu FlowLayoutPanel, GroupBox, Panel, SplitContainer, TabControl, TableLayoutPanel. Terdapat beberapa fungsi dan tujuan dari penggunaan kontainer yaitu dapat secara otomatis dalam penataan komponen control di dalamnya yang bersifat dinamis terhadap ukuran window form dan mempermudah konfigurasi terhadap komponen control di dalamnya.

Gambar 2. Beberapa Jenis Kontainer

1.4.1.

Panel

Panel merupakan salah satu jenis container yang paling sederhana. Seperti yang dijelaskan pada bagian sebelumnya bahwa container merupakan komponen yang berisi komponen control lainnya. Sebuah panel dapat berisi satu atau lebih komponen kontrol yang dikelompokan berdasarkan maksud tertentu. Setiap Panel dapat memiliki property dan pengaturan sendiri sehingga dapat menyesuaikan sesuai dengan kebutuhan. Apabila komponen kontainer dihapus, maka akan menghapus seluruh isi komponen kontrol di dalamnya. Objek dari class Panel dibentuk ketika pada kelompok container pada toolbox ditarik ke dalam window form.

5


Panel 1

Panel 2

Gambar 3. Contoh Implementasi Panel (Mode Edit Design)

1.4.2.

GroupBox

GroupBox merupakan jenis container yang mirip dengan Panel, namun memiliki beberapa perbedaan terkait tampilan. Pada GroupBox terdapat border yang mengelilingi komponen control yang terdapat di dalamnya dan juga memiliki label untuk menandakan container tersebut merupakan kelompok control tertentu.

GroupBox 1

GroupBox 2

Gambar 4. Contoh Implementasi Container GroupBox

1.4.3.

SplitContainer

SplitContainer merupakan jenis container yang membagi window form secara otomatis menjadi beberapa bagian baik secara horizontal atau secara vertical dengan proporsi tertentu.

6


(a)

(b)

Gambar 5. Contoh Implementasi Container SplitContainer (a) membagi secara vertical (b) membagi secara horizontal

1.4.4.

TabControl

TabControl merupakan jenis container yang memisahkan kelompok control dalam bentuk halaman tab. Bentuk tab diperlukan ketika komponen control yang digunakan cukup banyak sehingga tidak memungkinkan untuk ditampilkan secara langsung atau bersama-sama karena keterbatasan ukuran window form. Pembuatan container multi tab dapat memisahkan fungsi control yang berbeda antar tab.

(a)

(b)

Gambar 6. Contoh Implementasi Container TabControl (a) menampilkan isi dari TabPage1 (b) menampilkan isi dari TabPage2

1.4.5.

FlowLayoutPanel

FlowLayoutPanel merupakan jenis container yang menata komponen control yang berada di dalamnya secara otomatis berdasarkan orientasi tertentu. Terdapat beberapa jenis orientasi (flow direction) yang dapat digunakan diantaranya adalah 7

Buku Modul Praktikum Mata Kuliah Pemrograman Platform Khusus LeftToRight, TopDown, RightToLeft, dan BottomUp. LeftToRight memiliki orientasi penataan komponen control dari kiri ke kanan dimana memiliki maksud bahwa komponen control baru akan diletakan mulai dari pojok kiri atas lalu kemudian komponen selanjutnya adalah ke kanan lalu dilanjutkan ke baris bawahnya.

(a)

(b)

(b)

(d)

Gambar 7. Contoh Implementasi container jenis FlowLayoutPanel (a) LeftToRight (b) TopToBottom (c) LeftToRight (d) BottomToTop

1.4.6.

TableLayoutPanel

Merupakan jenis container yang penataannya mengikuti aturan dari tabel, yaitu terdiri dari baris dan kolom. Pengaturan yang dapat dilakukan pada TableLayoutPanel adalah Add Column, Add Row, Remove Last Column, Remove Last Row, dan Edit Rows and Columns.

8


Gambar 8. Contoh Implementasi container jenis TableLayoutPanel yang terdiri dari dua baris dan dua kolom

Instruksi Tugas 3. Implementasi Container Terdapat tiga jenis kelompok data mahasiswa yang perlu diisi pada sebuah aplikasi. Kelompok tersebut adalah Biodata Mahasiswa, Data Riwayat Pendidikan, dan Data Orang Tua. Berikut ini adalah macam-macam data pada masing-masing kelompok yang harus diisi pada saat pertama kali pendaftaran mahasiswa baru: A. Biodata Mahasiswa 1. Nama Lengkap 2. Tempat Lahir 3. Tanggal Lahir 4. Alamat B. Data Riwayat Pendidikan 1. Nama sekolah 2. Tahun Lulus 3. Provinsi sekolah 4. Kota sekolah C. Data Orang Tua 1. Nama Ayah 2. Nama Ibu 3. Alamat orang tua 4. Nomor Telp 1. Pada masing-masing kelompok data (Biodata Mahasisw, Data Riwayat Pendidikan, Data Orang Tua) masukan pada container yang sama 2. Bentuk control adalah label dan text box untuk setiap item data 3. Gunakan (a) TabControl (b) FlowLayoutPanel untuk menata komponenkomponen yang ada

9


1.5.

Menus & Toolbar

Menu adalah salah satu fasilitas yang umum dijumpai pada program-program berbasis Windows untuk menampilkan sekumpulan pilihan yang dapat dipilih oleh pengguna. Tiaptiap pilihan yang ada pada menu disebut dengan Menu Item. Pada umumnya kumpulan menu item ini akan diletakan secara berjajar pada bagian atas program aplikasi dan disebut dengan istilah Menu Bar. Sebuah menu item mungkin saja berisi beberapa pilihan lagi yang akan disusun secara menurun pada sebuah kotak menu.

Gambar 9. Kelompok kontrol Menus & Toolbars pada toolbox Terkadang jumlah menu item yang ada menjadi terlalu banyak dan menyulitkan user untuk mencari menu item yang cocok untuk menjalankan suatu proses tertentu. Untuk itu, windows menyediakan sekumpulan tombol kecil dengan gambar tertentu yang dapat digunakan untuk menjalankan proses yang sama dengan proses yang dijalankan oleh suatu menu item tertentu. Melalui penyediaan tombol-tombol untuk menu item tertentu, pengaksesan suatu menu item dapat dilakukan dengan lebih mudah dan cepat. Tomboltombol kecil ini akan diletakkan secara berjajar di bawah menu bar dan biasanya disebut dengan istilah Toolbar.

10


Menu Bar Menu Item Toolbar

Gambar 10. Menu, Menu Item, dan Toolbar

1.5.1.

Menu

Pembuatan menu pada Visual Studio dapat dilakukan dengan menarik (drag-drop) kontrol pada toolbox bernama MenuStrip ke atas window form. Setelah ditambah komponen MenuStrip ke dalam window form selanjutnya adalah mengisi menu form tersebut sesuai dengan keinginan kita. Penambahan menu item dapat dilakukan dengan dua cara, yang pertama adalah dengan mengklik kolom “Type Here” dan mengetikkan menu item yang kita inginkan. Terdapat tiga jenis menu item yang dapat ditambahkan pada menu bar ketiga jenis tersebut adalah menu item, combo box, dan text box. Objek yang terbentuk ketika menambahkan sebuah menu item secara default diberikan nama toolStripMenuItemx dimana x menunjukkan urutan nomor menu item yang telah dibuat. Objek yang dibentuk ketika membentuk menu item merupakan instansiasi dari class ToolStripMenuItem.

11


Instruksi Tugas 4. Penambahan Komponen Menu pada Window Form 1. Buka kembali proyek yang telah dibuat sebelumnya 2. Tambahkan MenuStrip dengan struktur hirarki sebagai berikut: File Format New Word Wrap Open … Font … Save View Save as … Status Bar (Separator) Help Page Setup View Help Print (Separator) (Separator) About Exit Edit Undo (Separator) Cut Copy Paste Delete (Separator) Find Find Next Replace Go To (Separator) Select All Time/Date 















 





















             

3. Jalankan program yang telah dibuat dan buatlah screenshot dari tampilan yang telah terbentuk

1.5.2.

Context Menu

Selain dipilih dari menu bar, suatu menu item sering juga dipilih melalui suatu kotak yang akan muncul saat pengguna menekan tombol kanan mouse pada suatu lokasi tertentu. Menu yang muncul melalui cara ini disebut dengan istilah context menu. Ditinjau dari namanya, context menu merupakan salah satu fasilitas Windows yang bertujuan untuk menampilkan berbagai menu item yang berhubungan dengan posisi penekanan tombol kanan mouse. Sebagai contoh, bila misalnya pengguna menekan tombol kanan mouse pada suatu text box, maka context menu yang muncul harus berisi menu item yang berhubungan atau yang paling sering digunakan untuk mengakses suatu text box.

12


Instruksi Tugas 5. Implementasi ContextMenuStrip 1. Buatlah sebuah window form kosong dengan beberapa control . Window form terdiri dari sebuah text box dan ContextMenuStrip 2. Ubah nama komponen. Ubah nama komponen text box menjadi tbNamaMhs dan ContextMenuStrip menjadi contextMenuNama 3. Pada contextMenuNama tambahkan “Salin”, “Tempel”, dan “Hapus” pada bagian Type Here 4. Ubah property pada bagian “Behavior” yang bernama “ContextMenuStrip” diubah menjadi contextMenuNama 5. Jalankan program dan klik kanan pada area text box tbNamaMhs 6. Buatlah deskripsi beserta screenshot dari hasil implementasi ContextMenuStrip

1.5.3.

Toolbar

Toolbar adalah sebuah tempat yang berisi kumpulan tombol yang dapat digunakan untuk menjalankan proses-proses tertentu yang pada umumnya akan sering digunakan. Proses-proses yang akan dijalankan melalui tombol-tombol toolbar ini biasanya juga dapat dijalankan melalui menu item. Pembuatan toolbar dapat diawali dengan menarik sebuah kontrol bernama tool strip di atas window form. Sebagaimana menu bar pada bagian sebelumnya, kontrol tool strip akan diletakan di bagian bawah menu bar. Visual Studio menyediakan beberapa kontrol selain kontrol berbentuk tombol untuk diletakan pada toolbar diantaranya adalah label, split button, dropdown button, separator, dsb. Sebuah tombol yang diletakkan pada tool strip bar akan direpresentasikan oleh class ToolStripButton.

1.6.

Dialog

Kotak dialog adalah fom yang digunakan secara khusus untuk mengambil atau mengubah nilai tertentu yang ada di form utama. Karena itu, pengaksesan kotak dialog sebenarnya tidak berbeda dengan pengaksesa form. Suatu kotak dialog dapat digunakan untuk menampilkan informasi tentang suatu proses yang sedang berlangsung, hasil output suatu program, maupun berisi kolom-kolom kosong yang berfungsi sebagai tempat masukan data yang diperlukan. C# telah menyediakan beberapa kotak dialog standar yang dapat digunakan untuk berbagai keperluan. Salah satu kotak dialog yang sering digunakan adalah kotak dialog yang berguna untuk menampilkan suatu pesan tertentu. Selain kotak dialog ini, C# juga menyediakan kotak dialog lain seperti untuk memilih warna, mengubah font, membuka atau menyimpan file, mencetak dokumen, dsb. Prinsip dasar penggunaan berbagai kotak dialog pada dasarnya adalah sama. Hal yang harus dilakukan adalah dengan membuat objek kotak dialog dari suatu class tertentu yang 13

Buku Modul Praktikum Mata Kuliah Pemrograman Platform Khusus merepresentasikan kotak dialog tersebut. Jika diperlukan gantilah beberapa nilai property dari kotak dialog sebelum kotak dialog ditampilkan. Setelah itu untuk menampilkan kotak dialog tersebut adalah dengan melalui method ShowDialog. Pengguna dapat melakukan berbagai proses yang bersesuaian pada kotak dialog yang muncul. Sebagai contoh, bila kotak dialog yang mucul adalah kotak dialog warna maka pengguna dapat memilih suatu warna tertentu melalui kotak dialog tersebut. Setelah memilih salah satu pilihan yang ada, pengguna dapa melanjutkan proses dengan menekan tombol OK atau Cancel. Penekanan tombol OK menunjukkan bahwa pengguna menginginkan proses lebih lanjut berdasar pilihan yang dipilihnya. Sementara itu, penekanan tombol Cancel menyatakan bahwa pengguna tidak jadi memilih pilihan yang sudah dipilihnya tersebut. Penekanan tombol OK maupun Cancel akan sama sama menyebabkan kotak dialog ditutup.

1.6.1.

Kotak Dialog

Microsoft Windows telah menyediakan beberapa jenis kotak dialog dengan keperluan khusus seperti dialog warna, font, membuka file, menyimpan file. Apabila kita memiliki keperluan selain dari dialog yang telah disediakan, kita dapat membuat dialog sesuai dengan kebutuhan seperti untuk mendapatkan nilai-nilai tertentu yang tidak dapat diperoleh melalui kotak dialog standar Windows. Penggunaan kotak dialog pada program aplikasi dapat menyederhanakan dan memperjelas isian yang harus dilakukan pengguna pada form utama. Isian-isian yang tidak termasuk isian utama dapat dipindahkan ke kotak dialog dan hanya diakses jika diperlukan. Dengan demikian, tampilan pada form utama tidak akan terlalu padat dengan berbagai isian yang tidak terlalu diperlukan.

1.6.2.

Kotak Dialog Warna

Sesuai dengan namanya, kotak dialog warna digunakan untuk memilih suatu warna tertentu yang tersedia dalam suatu pilihan warna. Setelah memilih warna yang diinginkan, kotak dialog dapat ditutup dengan menekan tombol OK ataupun membatalkan proses pemilihan warna ini dengan menekan tombol Cancel . Kotak dialog warna akan direpresentasikan oleh class ColorDialog. Pada umumnya satu property yang diperlukan dari kelas ini adalah property Color. Melalui property ini kita dapat mengambil warna yang dipilih oleh pengguna melalui kotak dialog. Jika diperlukan kotak dialog ini dapat juga menunjukkan warna apa yang sebelumnya digunakan dalam program. Sementara itu, method yang digunakan dari kelas ColorDialog adalah ShowDialog yang digunakan untuk menampilkan kotak dialog warna. Saat anda menutup kotak dialog warna dengan salah satu tombol diatasnya, maka method ShowDialog akan mengeluarkan output dalam sebuah enumrasi bernama DialogResult. Nilai DialogResult yang sering dipakai adalah nilai OK.

14


Instruksi Tugas 6. Pembuatan Kotak Dialog Warna 1. Buatlah sebuah window form kosong dengan dua buah tombol diatasanya. Satu tombol digunakan mengaktifkan kotak dialog warna dan satu tombol lagi untuk mengakhiri program 2. Tambahkan sebuah control ColorDialog. Komponen ini ada di toolbox bagian dialog, untuk menambahkan tarik ke atas form 3. Ubah nama control yang sudah ditambahkan. Beri nama tombol “Ganti Backround” dengan btnGanti , tombol “Keluar” dengan btnKeluar, dan kotak dialog warna menjadi dlgWarna 4. Menambahkan event pada tombol Ganti Background. Klik dua kali pada tombol Ganti Background sehingga muncul pada mode edit kode program 5. Tambahkan kode seperti contoh yang ada di bawah ini: 1 private void btnGanti_Click(object sender, EventArgs e) 2 { DialogResult pilihan = dlgWarna.ShowDialog(); 3 if (pilihan == DialogResult.OK) 4 { 5 this.BackColor = dlgWarna.Color; 6 } 7 } 6. Tuliskan uraian hasil dari tugas ini

1.6.3.

Kotak Dialog Font

Kotak dialog font dapat digunakan untuk memilih salah satu font yang telah terinstall pada komputer. Dialog font digunakan untuk program-program berjenis text editor seperti Ms. Word, Notepad, Wordpad, dan sejenisnya. Class yang digunakan untuk merepresentasikan kotak dialog font adalah class FontDialog. Method yang digunakan untuk kotak dialog font hanyalah method ShowDialog dan event Apply. Method ShowDialog digunakan untuk menampilkan kotak dialog font ke layar monitor. Sedangkan event Apply akan dimunculkan saat tombol Apply yang ada pada kotak dialog ditekan.

15


Instruksi Tugas 7. Pembuatan Kotak Dialog Font 1. Buatlah sebuah window form kosong dengan dua buah tombol diatasanya dan satu buah label. Kontrol yang diperlukan adalah sebuah label, dua buah tombol, dan sebuah FontDialog. 2. Ubah property tombol. Ganti nama tombol “Ganti Font” menjadi btnGantiFont dan tombol “Keluar” menjadi btnKeluar. 3. Ubahlah isi property FontDialog. a. (Name) : dlgFont b. ShowApply : true c. ShowColor : true 4. Ubahlah isi property Label. a. (Name) : lblInfo b. AutoSize : false c. TextAlign : MiddleCenter d. Text : Hello World 5. Klik dua kali pada tombol “Ganti Font” untuk menambahkan event handler. Maka akan terbentuk sebuah function btnGantFont_Click 6. Tambahkan kode seperti contoh yang ada di bawah ini: 1 private void btnGantFont_Click(object sender, 2 EventArgs e) 3 { DialogResult pilihan = dlgFont.ShowDialog(); 4 if (pilihan == DialogResult.OK) 5 { 6 lblInfo.Font = dlgFont.Font; 7 lblInfo.ForeColor = dlgFont.Color; } }

7. Tuliskan uraian hasil dari tugas ini

1.6.4.

Kotak Dialog untuk Membuka File

Kotak dialog untuk membuka file sebenarnya hanya bertujuan untuk mencari nama file dan lokasinya dari data yang akan dibuka. Dengan demikian, masih harus menambahkan suatu program tertentu untuk membuka dan membaca isi file. Class yang digunakan untuk merepresentasikan kotak dialog buka file ini adalah OpenFileDialog. Fungsi atau method yang sering dipakai adalah ShowDialog yaitu yang berguna untuk menampilkan kotak dialog “buka file” ke layar monitor.

16


Instruksi Tugas 8. Pembuatan Kotak Dialog Buka File 1. Buatlah sebuah window form kosong dengan beberapa control di dalamnya. Kontrol yang diperlukan adalah sebuah label, text box, dua buah tombol, dan sebuah kotak dialogbuka file atau OpenFileDialog. 2. Ubah property Text pada label. Text pada label diganti dengan tulisan “File yang dipilih”. 3. Ubahlah isi property text box.

4.

5.

6. 7.

a. (Name) : tbNamaFile b. ReadOnly : true c. TabStop : false d. Multiline : true Ubahlah isi property OpenFileDialog. a. (Name) : dlgBukaFile b. FileName : kosongkan isi property ini Ubahlah isi property pada tombol (Buka File). a. (Name) : btnBukaFile b. Text : Buka File Klik dua kali pada tombol “ Buka FIle” untuk menambahkan event handler. Maka akan terbentuk sebuah function btnBukaFile_Click Tambahkan kode seperti contoh yang ada di bawah ini: 1 private void btnBukaFile_Click(object sender, 2 EventArgs e) 3 { DialogResult pilihan = dlgBukaFile.ShowDialog(); 4 if (pilihan == DialogResult.OK) 5 { 6 tbNamaFile.Text = dlgBukaFile.FileName; 7 } }

8. Tuliskan uraian hasil dari tugas ini

1.6.5.

Kotak Dialog untuk Menyimpan File

Kotak dialog untuk menyimpan file memiliki kemiripan dengan kotak dialog untuk membuka file. Sebagaimana kotak dialog buka file, kotak dialog simpan file juga berfungsi untuk mendapatkan nama file beserta path yang diinginkan untuk menyimpan data. Proses penyimpanan data ke dalam file yang namanya dipilih melalui kotak dialog simpan file akan dilakukan saat kotak dialog ditutup dengan menekan tombol Save. Class yang digunakan untuk merepresentasikan kotak dialog simpan file adalah

17

Buku Modul Praktikum Mata Kuliah Pemrograman Platform Khusus SaveFileDialog. Method yang akan sering digunakan adalah ShowDialog yaitu untuk menampilkan dialog simpan file ke layar monitor.

1.7.

Pembahasan Tugas Tugas 1. Pembuatan Proyek Aplikasi Windows Form Sederhana Isi dengan pembahasan tugas

…

Tugas 2. Penambahan Komponen Control pada Windows Form Isi dengan pembahasan tugas

…

Tugas 3. Implementasi Container Isi dengan pembahasan tugas

…

Tugas 4. Penambahan Komponen Menu pada Window Form Isi dengan pembahasan tugas

…

Tugas 5. Implementasi ContextMenuStrip Isi dengan pembahasan tugas

…

Tugas 6. Pembuatan Kotak Dialog Warna

18


Isi dengan pembahasan tugas

…

Tugas 7. Pembuatan Kotak Dialog Font Isi dengan pembahasan tugas

…

Tugas 8. Pembuatan Kotak Dialog Buka File Isi dengan pembahasan tugas

…

19

Modul Praktikum PPK - Pemrograman Desktop 1

Recommend Documents