Interaksi Antar Muka 7abc

Pengenalan Antar Muka Pengguna

​(User Interface)

by Endra Kuswara

​Bimbingan TIK Kelas VII

​Semester Ganjil 2021/202

​Tujuan Pembelajaran

1. ​Siswa mampu menjelaskan antarmuka pengguna berbasis grafis dengan baik.

2. Siswa mampu menjelaskan komponen-komponen penyusun antarmuka berbasis grafis dengan tepat.​

3. Siswa mampu menentukan komponen antarmuka grafis yang diperlukan dengan tepat.

Open Ended

Ketikkan nama siswa

Open Ended

Ketikkan kelas (Contoh : VII A, VII B, dst)

Poll

Apakah anak-anak pernah mendengar istilah antarmuka pengguna / user interface?

• Ya, saya pernah.

• Tidak. Saya baru pertama mendengarnya.

Poll

Tampilan mana yang lebih mudah digunakan untuk berinteraksi pada saat mengoperasikan komputer?

​Kemampuan berkomunikasi/berinteraksi di dunia digital diperkenalkan dengan menggunakan sign (simbol, tanda yang umum digunakan).

​

Contoh seperti gambar simbol di dunia nyata di samping tentang simbol lalu lintas, tentunya memiliki maksud agar dapat mengenal tanda lalu lintas untuk ketertiban.

Antarmuka (Interface)

​Komponen sistem operasi yang bersentuhan langsung dengan pengguna. Terdapat dua jenis antarmuka, yaitu Command Line Interface(CLI) dan Graphical User Interface(GUI).

​Antarmuka (Interface)

​Command Line Interface (CLI)

​Graphic User Interface (GUI)

Graphic User Interface (GUI)​

​Graphic User Interface (GUI) adalah simbol-simbol (ikon) dan interaksi standar yang ada di dunia digital.

​

Interaksi yang terdiri dari gambar, simbol, ikon, suara maupun video menjadikan interaksi pengguna dengan perangkat lebih menarik.

​Contoh Komponen GUI dari Windows 10

​1. Tombol navigasi (minimize, restore dan close)

​2. Menu bar (menampilkan menu-menu)

​3. Folder (Tempat menyimpan file)

​4. Drive (Penyimpanan file dan folder)

​Contoh GUI pada Handphone

​

Multiple Choice

Contoh GUI pada Handphone. Ikon nomor berapakah yang menunjukkan telepon, kontak, pesan, browser dan menu?

• 1

• 2

• 3

• 4

• 5

​Bukalah aplikasi calculator pada komputer ataupun handphone masing-masing.

​Hitunglah tabel berikut ini, catat pada buku latihan.

Multiple Choice

Berapakah hasil yang didapat pada rumus  $$\sqrt[]{16}$$  /2?

• 8

• 32

• 2

• 18

​Tombol-tombol yang sudah ditekan tadi menandakan anak-anak sudah berinteraksi dengan perangkat/aplikasi calculator.

Home

Open in new tab

Copy link

​​Sudah paham kan sekarang?

​Jadi kesimpulannya, interaksi antarmuka pengguna dalam bentuk grafis merupakan segala menu, ikon, gambar yang ada pada perangkat digital (Laptop, komputer, handphone, dll) yang dapat digunakan oleh pengguna/orang untuk menyelesaikan suatu pekerjaan tertentu.

Open Ended

Refleksi Materi : Kalian bisa mengganti gambar latar belakang layar ponsel/smartphone. Latar belakang yang seperti apa yang kalian sukai? Jelaskan sebetulnya latar belakang yang muncul tersebut apa. Bagaimana kira-kira ditampilkan? Tulis jawaban di bawah ini.

​Penugasan

Buatlah komponen/ikon/menu dari salah satu aplikasi yang ada di laptop/handphone (aplikasinya bebas) beserta fungsinya. Untuk bentuk karya tugasnya silakan sesuai dengan keinginan anak, boleh dalam bentuk :

1. Poster

2. Dokumen (word, pdf)

3. Video tutorial

4. Tulisan di buku tulis

5. dll

Tugas paling lambat hari Senin, 13 September 2021 dikumpulkan pada google classroom.

​Contoh tugas :

Poll

Bagaiman perasaan anak-anak belajar menggunakan aplikasi quizizz?

Open Ended

Tuliskan masukan dan saran untuk perbaikan pembelajaran berikutnya.