LAPORAN PRAKTIKUM
INTERAKSI MANUSIA DAN KOMPUTER Kelas BP
Laporan 4
“Graphical User Interface: Prototype”
Nama Mahasiswa : Elisabeth Tiara Dewanti
NIM : 205314143
Program Studi / Fakultas : Informatika / Fakultas Sains dan Teknologi Dosen : Agnes Maria Polina, S.Kom, M.Sc.,
PROGRAM STUDI INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS SANATA DHARMA YOGYAKARTA
2022
Jika Anda adalah pengembang software yang harus membuat sketsa/storyboard untuk : - layar standby
- layar menu
Desain seperti apa yang akan Anda tawarkan? Sertakan juga icon dan penjelasannya.
NB:
1. Pilih salah satu saja: untuk desktop komputer atau untuk telepon selular.
2. Icon bisa mengambil dari internet, atau bisa buat sendiri.
3. Desain bisa menggunakan software pengolah grafis atau bisa menggunakan 4. pensil/ballpoint (manual).
STAND-BY LOCKSCREEN
Nomer Keterangan
1 Nomer 1 merupakan bagian dari status bar dimana status bar merupakan sebuah menu yang berisikan keterangan mengenai aplikasi yang sedang aktif atau berjalan. Pada gambar nomer 1 terdapat angka yang mana merupakan waktu atau menujukan pukul berapa.
2 Nomer 2 merupakan bagian dari status bar dimana status bar merupakan sebuah menu yang berisikan keterangan mengenai aplikasi yang sedang aktif atau berjalan. Pada status bar selain menampilkan keterangan mengenai aplikasi yang sedang aktif atau berjalan, status bar juga menampilkan pemberitahuan atau notifikasi di saat ada pesan atau chat yang masuk, seperti pada nomer 2
3 Nomer 3 merupakan bagian dari status bar dimana status bar merupakan sebuah menu yang berisikan keterangan mengenai aplikasi yang sedang aktif atau berjalan. Pada gambar nomer 3 terdapat
2
1
3
4 5
7 6
8 9
10
11
12
13
14 15
lambang wifi dimana menujukan bahwa smartphone ini menggunakan koneksi wifi.
4 Nomer 4 merupakan bagian dari status bar dimana status bar merupakan sebuah menu yang berisikan keterangan mengenai aplikasi yang sedang aktif atau berjalan. Pada gambar nomer 4 terdapat lambang daya baterai untuk menunjukan berapa daya baterai pada ponsel ini.
5 Nomer 5 merupakan bagian dari status bar dimana status bar merupakan sebuah menu yang berisikan keterangan mengenai aplikasi yang sedang aktif atau berjalan. Pada gambar nomer 5 terdapat lambang gambar volume/suara tetapi dicoret yang mana lambang ini menunjukan bahwa ponsel ini sedang di mode silent atau tidak ada suara.
6 Nomer 6 merupakan bagian dari status bar dimana status bar merupakan sebuah menu yang berisikan keterangan mengenai aplikasi yang sedang aktif atau berjalan. Pada gambar nomer 6 terdapat lambang yang menunjukan sinyal pada ponsel ini, terdapat 2 lambang sinyal tersebut karena pada ponsel ini menggunakan 2 kartu internet.
7 Nomer 7 merupakan bagian dari status bar dimana status bar merupakan sebuah menu yang berisikan keterangan mengenai aplikasi yang sedang aktif atau berjalan. Pada gambar nomer 7 terdapat lambang jam yang menunjukan alarm yang sedang di aktifkan pada ponsel ini.
8 Pada layer lockscreen ini terdapat jam atau waktu yang memudahkan user untuk mengetahui waktu pada layar hp langsung tanpa harus membuka keamanan hp atau melihat jam pada status bar.
9 Pada layar lockscreen ini terdapat informasi mengenai hari, tanggal, bulan dan tahun yang sangat membatu user untuk mengetahui informasi tanggal.
10 Pada layar lockscreen juga ada lambang seperti gembok kunci yang terbuka, yang mana berarti ponsel ini memiliki keamanan yang biasa berupa sandi, pola layar, fingerprint, face-unlock dan lain – lain.
11 Pada layar lockscrenn terdapat pop up music, pop up adalah area tampilan antarmuka pengguna grafis (GUI), yang biasanya berupa jendela kecil, yang akan muncul secara tiba-tiba di latar depan antarmuka visual saat kita melakukan sesuatu, seperti memilih tombol atau masuk ke halaman tertentu. Pop up music ini memudahkan user dalam mengetahui infomasi music yang sedang di putar seperti, judul lagu, volume, tombol pause dan lain- lain.
12 Pada layar lockscreen ini terdapat sebuah notifikasi pesan LINE, yang mana biasanya notif ini akan terbuka setelah keamanan ponsel sudah terbuka juga. Notifikasi pada layar lockscreen ini memudahkan user untuk mengetahui pesan yang masuk tanpa harus masuk ke aplikasinya.
13 Fitur Fingerprint HP ini semakin populer bagi penggemar ponsel pintar yang sebelumnya fitur keamanan ini berbentuk kata sandi atau pola gambar. Ini menandakan bahwa keamanan membuka akses ponsel semakin meningkat. Fingerprint di hp adalah fitur keamanan biometrik
yang di sebut sensor sidik jari atau pemindai sidik jari yang tersemat pada smartphone. Fungsi fingerprint ini diciptakan untuk memberikan rasa keamanan ekstra pada ponsel, jadi tidak semua orang membuka ponsel yang telah mengaktivasi fitur keamanan sidik jari tersebut.
Fingerprint pada ponsel ini terletak pada layar atau fingerprint depan.
14 Pada lockscreen ponsel ini terdapat sebuah lambang flash yang mana ini merupakan pintasan yang mempermudah user untuk menyalakan lampu flash tanpa harus ke home screen atau pergi ke toolbar atas layar ponsel.
15 Pada lockscreen ponsel ini terdapat sebuah lambang kamera yang mana ini merupakan pintasan yang mempermudah user untuk menyalakan kamera ponsel tanpa harus ke home screen.
STAND-BY HomeScreen
Nomer Keterangan
1 Nomer 1 merupakan bagian dari status bar dimana status bar merupakan sebuah menu yang berisikan keterangan mengenai aplikasi yang sedang aktif atau berjalan. Pada status bar pertama terdapat angka yang mana merupakan waktu atau menujukan pukul berapa.
Lalu selain menampilkan keterangan mengenai aplikasi yang sedang aktif atau berjalan, status bar juga menampilkan pemberitahuan atau notifikasi di saat ada pesan atau chat yang masuk. Pada status bar terdapat lambang wifi dimana menujukan bahwa smartphone ini menggunakan koneksi wifi. Lalu terdapat lambang daya baterai untuk menunjukan berapa daya baterai pada ponsel ini. Lalu terdapat
1
2 3
4
5
6 7 8
9 10 11
12 13
14
15
16
17 18
19
lambang gambar volume/suara tetapi dicoret yang mana lambang ini menunjukan bahwa ponsel ini sedang di mode silent atau tidak ada suara. Lalu terdapat lambang yang menunjukan sinyal pada ponsel ini, terdapat 2 lambang sinyal tersebut karena pada ponsel ini menggunakan 2 kartu internet. lalu yang terkahir terdapat lambang jam yang menunjukan alarm yang sedang di aktifkan pada ponsel ini.
2 Pada layar stand-by homescreen ini terdapat jam atau waktu yang memudahkan user untuk mengetahui waktu pada layar hp langsung tanpa harus membuka aplikasi jam atau melihat jam pada status bar.
3 Pada layar stand-by homescreen ini terdapat perkiraan cuaca pada daerah yang telah disetting pada ponsel ini yang mana memudahkan user mengetahui informasi perkiraan cuaca pada layar hp langsung tanpa harus membuka aplikasi perkiraan cuaca.
4 Pada layar stand-by homescreen ini terdapat pencarian google yang mana memudahkan user mencari tahu sesuatu secara langsung tanpa harus membuka aplikasi google atau chrome.
5 Pada layar stand-by homescreen ini terdapat kalender yang mana memudahkan user mengetahui informasi hari, tanggal, bulan dan tahun secara langsung tanpa harus membuka aplikasi kalender pada layar menu
6 Aplikasi jam pada layar stand-by homescreen digunakan untuk mengetahui informasi waktu, untuk mengatur alarm, mengatur stopwatch dan lain – lain. Aplikasi ini terletak di home screen karena untuk memudahkan user dalam pengaksesan aplikasi jam.
7 Aplikasi telepon pada layar stand-by homescreen ini digunakan untuk menghubungi atau menelepon seseorang, Aplikasi ini terletak di home screen karena untuk memudahkan user dalam pengaksesan aplikasi telepon.
8 Pada layar homescreen ini terdapat sebuah kata – kata motivasi berupa gambar yang mana menambah kesan estetik pada layar homescreen ponsel.
9 Aplikasi galery pada layar stand-by homescreen ini digunakan untuk melihat foto atau video yang tersimpan pada ponsel ini, Aplikasi ini terletak di home screen karena untuk memudahkan user dalam pengaksesan aplikasi gallery.
10 Aplikasi camera pada layar stand-by homescreen ini digunakan untuk mengambil gambar atau video. Aplikasi ini terletak di home screen karena untuk memudahkan user dalam pengaksesan aplikasi camera.
11 Aplikasi setting pada layar stand-by homescreen ini digunakan untuk mengatur segala sesuatu pada ponsel ini. Aplikasi ini terletak di home screen karena untuk memudahkan user dalam pengaksesan aplikasi setting.
12 Aplikasi kalkulator pada layar stand-by homescreen ini digunakan untuk menghitung perhitungan matematika. Aplikasi ini terletak di home screen karena untuk memudahkan user dalam pengaksesan aplikasi kalkulator.
13 Aplikasi notes pada layar stand-by homescreen ini digunakan untuk mencatat sesuatu supaya tidak lupa. Aplikasi ini terletak di home screen karena untuk memudahkan user dalam pengaksesan aplikasi notes.
14 Aplikasi galaxy store pada layar stand-by homescreen ini digunakan untuk mendapatkan aplikasi – aplikasi yang tersedia. Aplikasi ini terletak di home screen karena untuk memudahkan user dalam pengaksesan aplikasi galaxy store.
15 Pada layar homescreen ini terdapat sebuah jendela untuk mengetahui infomasi daya baterai saat di charger dan juga menambah kesan estetik pada layar homescreen ponsel.
16 Pada layar homescreen ini terdapat sebuah titik 2 yang mana merupakan tanda scroll kesamping pada ponsel, 2 titik berarti terdapat 2 layar pada ponsel ini yang bisa di scroll kesamping.
17 Pada layar homescreen ini terdapat sebuah tombol navigasi dengan lambang berbentuk kotak yang digunakan untuk akses cepat pada aplikasi apa saja yang telah kita buka.
18 Pada layar homescreen ini terdapat sebuah tombol navigasi dengan lambang berbentuk segitiga yang digunakan untuk kembali pada layar/halaman sebelumnya
19 Pada layar homescreen ini terdapat sebuah tombol navigasi dengan lambang berbentuk lingkaran yang digunakan untuk akses cepat ke layar stand-by homescreen.
Layar Menu
Nomer Keterangan
1 Nomer 1 merupakan bagian dari status bar dimana status bar merupakan sebuah menu yang berisikan keterangan mengenai aplikasi yang sedang aktif atau berjalan. Pada status bar pertama terdapat angka yang mana merupakan waktu atau menujukan pukul berapa.
Lalu selain menampilkan keterangan mengenai aplikasi yang sedang aktif atau berjalan, status bar juga menampilkan pemberitahuan atau notifikasi di saat ada pesan atau chat yang masuk. Pada status bar terdapat lambang wifi dimana menujukan bahwa smartphone ini menggunakan koneksi wifi. Lalu terdapat lambang daya baterai untuk menunjukan berapa daya baterai pada ponsel ini. Lalu terdapat
1
2
3 4
5
6
lambang gambar volume/suara tetapi dicoret yang mana lambang ini menunjukan bahwa ponsel ini sedang di mode silent atau tidak ada suara. Lalu terdapat lambang yang menunjukan sinyal pada ponsel ini, terdapat 2 lambang sinyal tersebut karena pada ponsel ini menggunakan 2 kartu internet. lalu yang terkahir terdapat lambang jam yang menunjukan alarm yang sedang di aktifkan pada ponsel ini.
2 Pada layar menu ini tentu saja terdapat aplikasi – aplikasi yang telah terinstal pada ponsel ini, seperti pada yang terlihat diatas banyak berbagai macam aplikasi dengan kegunaan masing – masing. Layar menu ini dibuat seperti pada tampilan supaya lebih jelas dengan gambar sesuai yang mewakili aplikasi tersebut.
3 Pada layar menu ini terdapat sebuah titik 2 yang mana merupakan tanda scroll kesamping pada ponsel, 2 titik berarti terdapat 2 layar pada ponsel ini yang bisa di scroll kesamping.
4 Pada layar menu ini terdapat sebuah tombol navigasi dengan lambang berbentuk kotak yang digunakan untuk akses cepat pada aplikasi apa saja yang telah kita buka.
5 Pada layar menu ini terdapat sebuah tombol navigasi dengan lambang berbentuk lingkaran yang digunakan untuk akses cepat ke layar stand- by homescreen.
6 Pada layar homescreen ini terdapat sebuah tombol navigasi dengan lambang berbentuk segitiga yang digunakan untuk kembali pada layar sebelumnya atau halaman sebelumnya.
