Pemrograman Platform Khusus CIF61256 Pemrograman Platform Khusus 02– Pemrograman Desktop – Container, Menu, Toolbar, dan Dialog Rizal Setya Perdana, S.Kom., M.Kom. Tim Pengampu Mata Kuliah Pemrograman Platform Khusus Fakultas Ilmu Komputer Universitas Brawijaya

Tujuan Perkuliahan Menyebutkan dan menjelaskan komponen- komponen GUI yang ada pada aplikasi berbasis desktop pada bahasa pemrograman C# dengan framework .NET khususnya container, menu, toolbar, dan dialog

Pokok Bahasan C#, .NET Framework, Visual Studio Containers Menus & Toolbars Dialogs

Bahasa Pemrograman C# C# (dibaca “C sharp”) merupakan sebuah Bahasa pemrograman yang didesain untuk mengembangkan beragam aplikasi yang berjalan pada .NET Framework. C# merupakan Bahasa yang cukup sederhana, powerful, type-safe, dan berorientasi objek (OOP) Sumber: https://docs.microsoft.com/en-us/dotnet/csharp/csharp

.NET Framework Merupakan platform pengembangan untuk mengembangkan aplikasi berbasis Windows desktop, web, Windows Phone, Windows Server, dan Microsoft Azure. Berisi kelas-kelas library yang secara fungsional banyak digunakan dan memenuhi standar pada beberapa industri yang menggunakan perangkat lunak Beberapa fungsionalitas yang didukung oleh .NET Framework adalah manajemen memori, type & memory safety, security, networking, dan keperluan deployment aplikasi. Bahasa pemrograman yang didukung adalah C#, F#, dan Visual Basic Sumber: https://docs.microsoft.com/en-us/dotnet/framework/

Visual Studio Tampilan awal aplikasi Visual Studio Community 2017 IDE (Integrated Development Environment) vs Text Editor Bermasalah saat proses instalasi?

Create new project…

Windows Forms App (.NET Framework)

Toolbox, Workspace, Solution Explorer, Properties

Windows Form Merupakan komponen dasar dari aplikasi berbasis desktop Tempat disusunnya komponen control sebagai media untuk berinteraksi dengan aplikasi Berfungsi untuk menampilkan informasi pada pengguna aplikasi

Containers

Pengertian Containers Dalam pengembangan aplikasi berbasis desktop, Containers merupakan komponen yang memuat komponen-komponen lainnya Mengelompokkan komponen-komponen Macam-macam Containers: Panel GroupBox FlowLayoutPanel SplitContainer TabControl TableLayoutPanel

Panel Penghapusan Panel menyebabkan terhapusnya isi dari Panel tersebut Panel 1 Panel 2 Panel adalah container yang digunakan untuk mengelompokkan komponen-komponen lain. Masing-masing Panel dapat memiliki pengaturan tersendiri.

GroupBox Jenis container yang mengelompokan komponen-komponen pada kotak yang dikelilingi oleh garis/border dengan label tertentu Serupa dengan Panel, namun memiliki garis pembatas dan label untuk menamai kelompok komponen

FlowLayoutPanel Merupakan salah satu jenis container yang memberikan kemudahan karena komponen yang terdapat didalamnya tersusun secara otomatis Komponen yang dimasukan ke dalam container akan tersusun secara vertical atau horizontal FlowDirection: LeftToRight, TopDown, RightToLeft, BottomUp

FlowLayoutPanel (lanjutan) LeftToRight TopDown

FlowLayoutPanel (lanjutan) RighttoLeft BottomUp

SplitContainer Vertical Split Horizontal Split Merupakan jenis container yang membagi windows form menjadi dua buah bagian/panel secara vertical atau horizontal

TabControl Container yang memisahkan kelompok komponen dalam bentuk Tab, pada contoh diatas terdapat 2 Tab yaitu tabPage1 dan tabPage2

TableLayoutPanel Merupakan container yang penyusunannya berdasarkan struktur table (baris/kolom) Pengaturan yang dapat dilakukan pada struktur tabel : Add Column Add Row Remove Last Column Remove Last Row Edit Rows and Columns

Menus dan Toolbars

Menu Strip Macam-macam menu strip : MenuItem ComboBox TextBox MenuStrip merupakan komponen yang berisikan pengelompokkan menu berupa item-item dan subitem Penentuan jenis menu strip 2. Pengisian elemen menu strip 3. Contoh menu strip ketika dijalankan

Context Menu Strip ContextMenuStrip merupakan sebuah komponen yang memungkinkan kita memberikan pilihan aksi pada sebuah komponen ketika pengguna malakukan klik kanan pada komponen tersebut. Proses pendefinisian ContextMenuStrip Pilih komponen yang akan diberikan property pada ContextMenuStrip Pada kasus ini komponen yang diberikan contextMenuStrip adalah TextBox kata kunci

Status Strip Merupakan komponen untuk menampilkan informasi pada bagian bawah window terkait status proses tertentu. Seperti status text, status progress bar dll.

Tool Strip Komponen-komponen yang terletak pada bagian menu bar Komponen tersebut dapat diatur sesuai kebutuhan

Tool Strip Container Komponen yang berfungsi untuk memuat beberapa toolstrip

Dialogs

Dialogs Aplikasi standalone terdiri dari window utama yang menampilkan data/informasi beserta dengan UI pengguna dalam berinteraksi. Window tambahan diperlukan untuk beberapa keperluan seperti: Menampilkan informasi spesifik pengguna Mengumpulkan informasi dari pengguna Atau keduanya

Message Box Merupakan salah satu jenis dialog box yang digunakan untuk menampilkan informasi tekstual atau memberikan pernyataan konfirmasi

Color Dialog Merupakan komponen dialog interaksi yang menanyakan pilihan warna pada sistem

Folder Browsing Dialog Merupakan komponen dialog yang menampilkan struktur direktori/folder sistem

Font Dialog Merupakan komponen dialog yang menampilkan pilihan Font yang ada pada sistem

Open File Dialog Merupakan komponen dialog yang menampilkan pilihan file pada direktori sistem

Save Dialog Merupakan komponen dialog yang menanyakan tentang proses simpan pada direktori komputer

Questions?