“ USERI NTERFACEDESI GN”
HAMI ZANHI BATULLAH NI M. 1 90001 801 5
PROGRAM STUDII NFORMATI KA FAKUL TASTEKNOLOGII NDUSTRI UNI VERSI TASAHMADDAHLAN TAHUN2022
Nama NIM Praktikum APPL
: Hamizan Hibatullah : 1900018015 : Selasa, 10.30 | C
PRETEST PERTEMUAN 6
6.5 PRE-TEST No CPL 1 CPL-03 2 CPL-03
CPMK CPMK-02 CPMK-02
Pertanyaan Jelaskan langkah-langkah dalam membuat User Interface (UI)! Sebutkan cara memetakan diagram aktivitas ke dalam rancangan User Interface!
Skor
Jawaban: 1. Jelaskan langkah-langkah dalam membuat User Interface (UI)! Jawaban: 1) Buat interface yang sederhana 2) Ciptakan elemen UI yang konsisten dan umum diketahui 3) Buat layout halaman yang mempunyai tujuan 4) Gunakan warna dan tekstur yang taktis 5) Gunakan tipografi untuk menciptakan kemampuan pemahaman pengguna 6) Pastikan bahwa system/PL selalu mengkomunikasikan apa yang terjadi 7) Pikirkan mengenai pengaturan awal (default) 2. Sebutkan cara memetakan diagram aktivitas ke dalam rancangan User Interface! Jawaban: 1) Siapkan diagram aktivitas yang sudah dirancang 2) Buat dokumen aktifitas yang mendata tentang fungsionalitas dari setiap diagram aktifitas yang dibuat 3) Jumlah aktifitas diisi dengan berapa jumlah aktifitas yang ada di setiap actor 4) Fungsionalitas diisi dengan kempuan apa saja yang harus dilakukan oleh aktifitas terkait 5) Catatan digunakan untuk memperjelas interaksi yang terjadi antar elemen 6) Setiap elemen UI yang merepresentasikan setiap fungsionalitas kemudian digambarkan dalam rancangan mockup sederhana.
Nama NIM Praktikum APPL
: Hamizan Hibatullah : 1900018015 : Selasa, 10.30
KEGIATAN PRAKTIKUM 6
6.6 LANGKAH PRAKTIKUM Aturan Penilain (Total Skor: 100) No CPL CPMK Pertanyaan 1 CPL-03 CPMK-01 Selesaikan Langkah praktikum 1-5
Dokumen Pendukung Hasil Praktikum Langkah 1-5
Skor 100
Salah satu diantara aktifitas yang memiliki fungsinoalitas yang harus ditampilkan melalui interface adalah sebagai berikut: Dokumen Aktifitas Judul Dokumen : User (Siswa/Pengunjung) Jumlah aktifitas : 2 Jumlah aktifitas yang perlu interaksi UI : 2 1. Nama aktifitas : Memasukkan UsName & Pwd Fungsionalitas : (1) User masuk system dengan menggunakan username & password (2) User submit data login dengan tombol login (3) User dapat meminta bantuan untuk reset password bila lupa username atau password
Elemen UI : (1) Form textField UsName & Password (2) Button Submit (3) Link “Lupa Password” 3. Nama aktifitas : Reset Pwd Fungsionalitas : (1) User mengisikan email/username dari password yang akan di reset (2) User submit data dengan tombol reset Elemen UI : (4) Form textField UsName & Password (5) Button Submit Link “Lupa Password” Catatan Interface fungsional Login
2. Nama aktifitas : Mendaftar akun baru Fungsinoalitas : (1) User memasukkan data diri berupa nama lengkap, email, nomor hp, dan password (2) User memasukkan konfirmasi password (3) User submit data dengan tombol Daftar (4) User dapat langsung masuk bila sudah memiliki akun Elemen UI : (1) Form textField NamaLengkap, Email, NomorHP, dan Password (2) Button submit (3) Link ”Masuk”
Interface fungsional register
Interface fungsional Recovery Password
Nama NIM Praktikum APPL
: Hamizan Hibatullah : 1900018015 : Selasa, 10.30
POSTEST PRAKTIKUM 6
6.7 POST TEST Aturan Penilain (Total Skor: 100) No CPL CPMK Pertanyaan 1 CPL-03 CPMK-01 Berdasarkan dokumen aktifitas pada praktikum 5 maka buatlah rancanganlah User Inteface (UI) sesuai dengan diagram aktifitas semenarik mungkin dan mudah dipahami. 2 CPL-03 CPMK-02 Pembuatan rancangan atau desain interface boleh menggunakan software sesuai dengan kenyamanan dan kemudahan dalam penggunaanya. Hasil Pekerjaan STUDI KASUS : PERPUSTAKAAN Judul Dokumen : User (Siswa/Pengunjung) Jumlah aktifitas : 2 Jumlah aktifitas yang perlu interaksi UI : 2 Nama aktifitas : Memasukkan UsName & Pwd Fungsionalitas : (1) User masuk system dengan menggunakan username & password (2) User submit data login dengan tombol login User dapat meminta bantuan untuk reset password bila lupa username atau password Elemen UI : (1) Form textField UsName & Password (2) Button Submit Link “Lupa Password”
Skor 100
Judul Dokumen : User (Siswa/Pengunjung) Jumlah aktifitas : 2 Jumlah aktifitas yang perlu interaksi UI : 2 Nama aktifitas : Mendaftar akun baru Fungsinoalitas : (1) User memasukkan data diri berupa nama lengkap, email, nomor hp, dan password (2) User memasukkan konfirmasi password (3) User submit data dengan tombol Daftar User dapat langsung masuk bila sudah memiliki akun Elemen UI : (1) Form textField NamaLengkap, Email, NomorHP, dan Password (2) Button submit Link ”Masuk”
Judul Dokumen : User (Siswa/Pengunjung) Jumlah aktifitas : 2 Jumlah aktifitas yang perlu interaksi UI : 2 Nama aktifitas : Mendaftar akun baru Fungsinoalitas : (4) User memasukkan data diri berupa nama lengkap, email, nomor hp, dan password (5) User memasukkan konfirmasi password (6) User submit data dengan tombol Daftar User dapat langsung masuk bila sudah memiliki akun Elemen UI : (3) Form textField NamaLengkap, Email, NomorHP, dan Password (4) Button submit Link ”Masuk”