Komponen Antarmuka Grafis

Slides:



Advertisements
Presentasi serupa
MEMBUAT VIEW DAN THEME MOH.GUNTUR NANGI,SKM.M.Kes.
Advertisements

Komponen Antarmuka Grafis
PROGRAM APLIKASI BERBASIS DATA MICROSOFT ACCES
Komponen Antarmuka Grafis. Indrawani S/SPK/ GRAFIS • Grafis menjadikan presentasi informasi lebih jelas dalam mengungkapkan arti dari data dan dapat.
BORLAND DELPHI 1. Pengenalan Borland Delphi merupakan program aplikasi database yang berbasis Object Pascal dari Borland. Delphi juga memberikan fasilitas.
PERANGKAT LUNAK PENGOLAH ANGKA
KOMPONEN DALAM DELPHI Form
DASAR-DASAR MICROSOFT WORD
Sistem Menu.
Mata Pelajaran TIK Kelas X Semester 2
SORTIR dan TABEL. MEMBUAT/ MENYISIPKAN TABEL Ada beberapa cara membuat/ menyisipkan tabel dalam Word for Windows : Pulldown menu Table, klik Insert Table.
PENGENALAN Windows 7 Dekstop Opreasi Mouse Menjalankan Aplikasi
Pembuatan Komponen Antar Muka Grafis
Komponen Antarmuka Grafis
X. PEMBUATAN PRESENTASI DENGAN STAR IMPRESS
Membuat Baris Menu.
Sistem Penjendelaan.
Menu.
Pembuatan Komponen Antarmuka Grafis
Perangkat Input Dan Output
MEMBUAT TABEL Tombol untuk membuat tabel ada di menu insert
KOMPONEN DALAM DELPHI Form
INTERAKSI MANUSIA KOMPUTER pertemuan 1 SAP (Satuan Ajar Perkuliahan)
PEMOGRAMAN 1 Pertemuan 2. TOOLBOX Toolbox adalah sebuah “kotak peranti” yang mengandung semua objek atau kontrol yang dibutuhkan untuk membentuk suatu.
MENU. MEMBUAT MENU Menu Designer memungkinkan untuk menambahkan sebuah menu kedalam Form, hanya menambahkan sebuah komponen menu kedalam Form, mebuka.
ADD-ON Dasar HTML.
Aplikasi Lembar Kerja (Spreadsheet) MSExcel - 1
Menggunakan Menu dan kotak Dialog
Pendahuluan Microsoft Excel (MS-Excel) merupakan program aplikasi spreadsheet (lembar kerja elektronik) canggih yang paling populer dan paling banyak digunakan.
Pengenalan Visual Studio 2008
Membuat Form dari Beberapa Table dan Kontrol Entry Data Pertemuan 11
BAB II KOMPONEN-KOMPONEN MICROSOFT VISUAL BASIC 6.0
MICROSOFT OFFICE EXCEL
VISUAL BASIC FOR APLICATION (VBA) EXCEL VBA
Menggunakan Form Pertemuan Ke-3.
Nisn.data.kemdiknas.go.id 25/10/2017.
Pertemuan 2 Dani Hamdani, S.Kom..
Manajemen File dengan Windows Explorer
Pemrograman Visual Oleh : Erni Fatmawati.
Pertemuan 10 GUI (Graphical User Interface)
Penggunaan Toolbar dimension
Pengenalan Aplikasi Pengolah Angka
KONSEP INTERFACE
MENGENAL VISUAL BASIC 6.0 Pertemuan 3
Algoritma & PEMROGRAMAN 2B (Visual basic)
SORTIR dan TABEL.
MICROSOFT OFFICE EXCEL
SORTIR dan TABEL.
Lia afriani Andreas Saputra
Bahasa Pemrograman 1 ACTIVE X DAN MDI Chapter 05 bimocahyo bimocahyo.
Microsoft Power Point.
BAB 5 Menggunakan Perangkat Lunak Pengolah Kata
StatictText Control Edit Control
MICROSOFT OFFICE EXCEL
OLEH : ARIESKO GUNANDA RANGKUTI
Dasar Komputer & Pemrog. 2B
PJ : Nuraini Purwandari
BAB 5 MENGGUNAKAN PERANGKAT LUNAK PENGOLAH KATA
Menu.
Pengenalan Borland Delphi 7.0
Pemrograman Terstruktur I dengan Delphi
OLEH : FERIZKI TRI DARMA
SORTIR dan TABEL.
Apl Mnjmn & Perkantoran A M3
SEMESTER PENDEK INTERAKSI MANUSIA & KOMPUTER
Komputer 3 Dian C. Rini N, M.Kom
Membuat Tabel di Microsoft Word
Menggunakan Form Pertemuan Ke-3.
INTERAKSI MANUSIA & KOMPUTER HUMAN COMPUTER INTERACTION.
Program CorelDraw merupakan salah satu program aplikasi komputer yang banyak digunakan sebagai program pengolahan desain grafis. Misalnya untuk pembuatan.
Transcript presentasi:

Komponen Antarmuka Grafis Pertemuan 8 Interaksi Manusia dan Komputer Imam Bukhari, S.Kom., MM

Pendahuluan Komponen antarmuka grafis : bentuk –bentuk tampilan yang dipakai pada paket-paket program aplikasi, baik yang bekerja pada mode teks maupun grafik.

Macam-Macam Komponen Dasar Antarmuka Grafis Tombol tekan Spin Box List Box Combo Box Tombol Radio/radio button Check Button Penggeser (Sliding Bar atau Slider) Icon Text Box Editor Box

Tombol Tekan (1) Digunakan untuk mengaktifkan suatu aktivitas apabila tombol tersebut ditekan menggunakan mouse (klik mouse). Teknik penampilan tombol tekan pada layar perlu diperhatikan, sehingga tampilan tombol tekan tersebut terkesan merupakan tombol tiga dimensi yang ketika dipilih terlihat seperti jika kita menekan tombol yang sebenarnya.

Tombol Tekan (2) Warna latar belakang untuk tombol tekan yang sering digunakan adalah abu-abu muda dengan pembatas tombol adalah hitam atau abu-abu tua.

Gambar Tombol Tekan

Spin Box (1) Digunakan untuk mengatur nilai suatu peubah, biasanya bertipe numerik, dengan menambahkan atau mengurangkannya dengan suatu nilai tertentu. - Nilai peubah akan bertambah ketika pengguna menekan tombol dengan anak panah ke atas, atau berkurang ketika pengguna menekan anak panah ke bawah. Pada spin box, nilai maksimum dan minimum peubah harus dinyatakan dengan jelas agar tombol ini tidak memutar (spinning) terus menerus.

Spin Box (2) Spin Box terdiri atas dua bagian : - bagian untuk menampilkan nilai peubah yang dimaksud  kotak putih - bagian pengontrol nilai  bergambar anak panah ke atas dan ke bawah.

Gambar Spin Box

List Box (1) Komponen antarmuka grafis yang digunakan untuk menampilkan sejumlah pilihan sekaligus pada layar tampilan yang dapat dipilih oleh pengguna. Setelah pengguna memilih salahsatu dari sekian banyak pilihan yang tersedia di list box, pilihan terpilih tersebut akan disimpan sebagai nilai dari sebuah peubah.

List Box (2) Pada dasarnya sebuah list box hanya terdiri atas bagian yang digunakan untuk menampilkan pilihan-pilihan yang tersedia. Permasalahan yang sering terjadi: - Kadang pilihan yang ada cukup banyak sehingga list tidak mampu menampung semua pilihan yang ada. - Panjang suatu pilihan (jika berupa teks) lebih besar daripada lebar list box. Solusi : menambahkan penggeser (scrollbar).

Gambar List Box

Combo Box Fungsinya sama dengan list box - menampilkan sejumlah pilihan yang dapat dipilih secara bebas oleh pengguna. Kata “combo” merupakan singkatan dari “combination” yang artinya lewat komponen itu pengguna dapat memilih pilihan dari sejumlah pilihan yang tersedia atau dapat mengetikkan pilihan dia sendiri pada tempat yang disediakan.

Gambar Combo Box

Perbedaan Combo Box dan List Box Pada list box : semua atau sebagian pilihan yang tersedia langsung akan terlihat. Pada combo box : pilihan-pilihan tidak akan terlihat sampai pengguna menekan tombol kontrol pada combo box yang dimaksud. Pada list box : pengguna hanya dapat memilih pilihan yang tersedia. Pada combo box : pengguna dapat mengetikkan pilihannya sendiri (yang mungkin tidak ada dalam daftar pilihan yang tersedia).

Kapan Harus Menggunakan List Box?Combo Box? Tergantung dengan lebar layar yang tersedia untuk menampilkan pilihan-pilihan yang ada. - Jika lebar layar cukup luas, bisa menggunakan list box. - Jika lebar layar tidak cukup luas untuk menampilkan semua pilihan, bisa menggunakan combo box.

Check Box Digunakan untuk memilih satu atau lebih pilihan dari sejumlah pilihan yang tersedia Check Box biasanya dioperasikan dalam sebuah kelompok. Check box cocok dipakai jika pemrogram memberi kebebasan pengguna untuk memilih lebih dari satu pilihan. Contoh : untuk form data pribadi harus mengisi hobi, jika mempunyai hobi lebih dari satu, maka lebih tepat menggunakan check box.

Gambar Check Box

Radio Button/Tombol Radio (1) Pada dasarnya sama dengan check box. Tombol radio terdiri atas 2 bagian : - bagian pengendali yang berupa lingkaran kecil - label, yang menunjukkan atribut tombol radio yang dimaksud. Tombol radio hanya dapat menampilkan satu pilihan yang dapat bernilai ON atau OFF dengan tanda tertentu.

Radio Button/Tombol Radio (2) Secara fisik, masing-masing tombol radio bersifat Otonom, artinya satu sama lain tidak saling tergantung. Secara operasional, tombol radio dapat di ON atau OFF –kan ketika pengguna mengklik bagian pengendali atau pada bagian label. Tapi pada program yang akan disajikan, pengguna hanya dapat mengklik bagian pengendali/lingkaran kecil saja untuk meng-ON kan sebuah tombol menu sehingga secara otomatis meng-OFF kan tombol menu lain yang semula dalam keadaan ON.

Gambar Radio Button/Tombol Radio

Persamaan Radio Button dengan Check Box Fungsinya sama-sama untuk menampilkan sejumlah pilihan yang dapat dipilih oleh pengguna. Secara fisik, check box maupun radio button sama-sama berdiri sendiri tanpa mempengaruhi satu sama lain. Struktur data yang diperluka untuk membuat check box sama dengan struktur data untuk membuat radio button.

Perbedaan Radio Button dengan check Box Pada sekelompok radio button yang tersedia pengguna hanya dapat memilih salah satu pilihan, sedang pada check box, pengguna dapat memilih satu atau bahkan semua pilihan yang tersedia.

Penggeser/Slider/Scroll bar Digunakan untuk menggeser layar untuk memperlihatkan bagian lain dari tampilan yang semula tidak terlihat, sekaligus menghilangkan bagian yang semula terlihat. Penggeseran dapat dilakukan pada arah kiri- kanan (horisontal) maupun atas-bawah (vertikal). Ada 2 bagian penggeser : - Penggeser horisontal - Penggeser vertikal

Gambar Scroll Bar vertikal horisontal