PEMROGRAMAN WEB DAN PERANGKAT BERGERAK

DESAIN ANTARMUKA
INPUT USER
Anwar Maulana, S.Kom
Kompetensi Dasar
3.29. Menerapkan teknik pengolahan Input User.
4.29. Membuat antarmuka Input User pada aplikasi

Indikator Pencapaian
Kompetensi
Menganalisis suatu produk yang berkaitan dengan
antarmuka input user pada aplikasi.
Merancang ide dan rekayasa untuk menghasilkan suatu
karya yang berkaitan dengan antarmuka input user pada
aplikasi.
Menciptakan suatu karya untuk diproduksi massal dalam
bentuk industry yang berkaitan dengan antarmuka input
user pada aplikasi.
 Tujuan Pembelajaran
Setelah menyimak materi yang disampaikan oleh guru melalui powerpoint
didepan kelas, peserta didik mampu menganalisis desain antarmuka input
user pada suatu aplikasi dengan baik.
Setelah melakukan riset atau penelitian secara berkelompok peserta didik
mampu merancang desain antarmuka input user dengan baik.
Setelah melakukan riset atau penelitian secara berkelompok peserta didik
mampu membuat tampilan antarmuka input user suatu aplikasi dengan
baik.
Setelah membuat tampilan antarmuka input user peserta didik mampu
mengamati, meniru dan memodifikasi suatu produk yang berkaitan dengan
antarmuka input user pada aplikasi dengan baik.
 MATERI :

MEMAHAMI TEKNIK
INPUT USER
Anwar Maulana, S.Kom
PERNAHKAH KAMU MENEMUKAN FORM
LOGIN PADA SUATU APLIKASI MOBILE ?
PERHATIKAN GAMBAR BERIKUT INI!

APA YANG ANDA

KETAHUI TENTANG
GAMBAR INI ?

APA FUNGSI DARI

TAMPILAN
ANTARMUKA PADA
GAMBAR INI ?
PADA SLIDE SEBELUMNYA MEMPERLIHATKAN FORM INPUT
BERUPA FORM "LOGIN" DAN FORM "CREATE ACCOUNT".

FORM "LOGIN" MERUPAKAN GERBANG UTAMA UNTUK DAPAT

MASUK KE DALAM APLIKASI.

FORM "CREATE ACCOUNT" MERUPAKAN FORM YANG

DIGUNAKAN UNTUK MENDAFTAR ATAU MEMBUAT AKUN PADA
SEBUAH APLIKASI.
FORM INPUT MENJADI SALAH SATU TAMPILAN AKSI APLIKASI
YANG PALING BANYAK DIGUNAKAN DI DUNIA. HAMPIR SEMUA
APLIKASI MEMBUTUHKAN FORM INPUT UNTUK MENDAPATKAN
DATA DIRI PENGGUNA.
PERNAHKAH KAMU MENGISI DATA DIRI
SAAT MENGAKSES SUATU APLIKASI
TERTENTU ?

BAGAIMANA TAMPILANNYA ?

APAKAH TAMPAK SEPERTI FORM ?

 PENGERTIAN / DEFINISI FORM :
BERDASARKAN BUKU BAHASA HTML OLEH L. ERAWAN, FORM
ADALAH SUATU BAGIAN YANG BERFUNGSI SEBAGAI INPUT ATAU
MASUKAN DARI PENGGUNA YANG KEMUDIAN AKAN DIPROSES
ATAU DIOLAH AGAR DAPAT DIPAKAI SESUAI KEBUTUHAN.

APAKAH ADA PERTANYAAN SAMPAI SINI?

 MATERI :

MENGENAL METODE
INPUT USER APLIKASI
MOBILE
Anwar Maulana, S.Kom
DESAIN APLIKASI MOBILE AKAN LEBIH DIPERHATIKAN
OLEH PENGEMBANG KARENA PERANGKAT INI
MEMILIKI LEBAR LAYAR YANG TERBATAS. SEHINGGA
PENGEMBANG PERLU MEMIKIRKAN CARA AGAR
PENGGUNA DAPAT MELAKUKAN INTERAKSI DENGAN
APLIKASI.
PADA APLIKASI ANDROID, INTERAKSI YANG DAPAT
DILAKUKAN OLEH PENGGUNA SEPERTI :

MENGETUK
MENEKAN
BERBICARA
MENDENGARKAN
DESAIN APLIKASI MOBILE DILENGKAPI DENGAN
BERBAGAI METODE INPUT USER, SEPERTI :

TOMBOL
MENU
KEYBOARD BIDANG ENTRI TEKS
MIKROFON
KAMERA
DLL
BEBERAPA JENIS METODE MASUKAN
PADA APLIKASI PERANGKAT MOBILE
JENIS KEYBOARD
SARAN EJAAN
TOMBOL TINDAKAN METODE MASUKAN
PENGISIAN DATA OTOMATIS
APAKAH ADA PERTANYAAN SAMPAI SINI?
 MATERI :

MENGENAL JENIS
INPUT USER
Anwar Maulana, S.Kom
 USER INTERFACE (UI) DESAIN MERUPAKAN BAGIAN
PENTING DALAM PEMBUATAN APLIKASI MOBILE. DALAM
PERANCANGAN APLIKASI PERANGKAT MOBILE TERDAPAT
BEBERAPA KENDALA, SEPERTI :

KONTEKS
LAYAR
INPUT
MOBILOITAS
KOMPONEN INPUT USER
TEKS
ANGKA
PASSWORD
PHONE
INPUT E-MAIL
RADIO BUTTON
SPINNER/SELECTION
BUTTON
APAKAH ANDA MEMAHAMI TENTANG
MATERI TERSEBUT ?
PEMROGRAMAN WEB DAN PERANGKAT BERGERAK

MELAKUKAN
DISKUSI KELOMPOK
Anwar Maulana, S.Kom
LANGKAH KEGIATAN :
BUATLAH KELOMPOK TERDIRI 4-5 ORANG
BACALAH INSTRUKSI SESUAI DENGAN YANG
TERTERA PADA LKPD
KERJAKANLAH BERDASARKAN INSTRUKSI YANG
TERDAPAT PADA LKPD
PRESENTASIKAN HASIL KERJA KELOMPOK KAMU
DIDEPAN KELAS
PEMROGRAMAN WEB DAN PERANGKAT BERGERAK

PRESENTASI HASIL
KERJA
Anwar Maulana, S.Kom
APA YANG ANDA PELAJARI PADA
HARI INI ?

APAKAH ANDA MAMPU MEMAHAMI

MATERI YANG DISAMPAIKAN HARI INI ?

APA KESULITAN YANG ALAMI ALAMI

KETIKA MENGIKUTI KEGIATAN
PEMBELAJARAN PADA HARI INI ?
 TERIMA KASIH
“Hiduplah seolah-olah kamu akan mati besok. Belajarlah seolah-
olah Anda akan hidup selamanya” – Mahatma Gandhi.

085321210211 Anwar Maulana, S.Kom. anwarmaulana157@gmail.com