CARTA ALIR REK A

BENTUK INTERAKSI
OBJEKTIF

STANDARD KANDUNGAN
3.2 Paparan dan Reka Bentuk Skrin
STANDARD PEMBELAJARAN
Murid boleh:
3.2.1 Mengaplikasi proses reka bentuk interaksi dalam atur cara yang
dibangunkan
VIDEO

video yang menunjukkan proses penghasilan aplikasi melalui proses reka bentuk interaksi.
https://www.youtube.com/watch?v=S6whDdO6oAY
AKTIVITI 1: PROSES REKA BENTUK
INTERAKSI
1. Mengenalpasti
keperluan
pengguna

2. Reka (Reka
4. Menguji
Semula)

3. Bina satu
versi interaktif

Produk Akhir
PENJELASAN
Proses reka bentuk interaksi bermula dengan mengenal pasti keperluan
Mengenal pasti
keperluan pengguna
pengguna. Langkah ini boleh dilakukan dengan mengendalikan soal
selidik dan temu duga dengan pengguna.

Reka aplikasi yang ingin dibina. Rekaan boleh dilakukan atas kertas atau
Reka (Reka Semula)
menggunakan perisian yang diingin.

Satu versi yang interaktif perlu dibina supaya pengguna boleh mencuba
Bina satu versi interaktif
dan mengalami sendiri penggunaan aplikasi dengan menyeluruh.

Selepas versi interaktif dibina, murid perlu menguji versi interaktif

tersebut bersama pengguna supaya murid boleh mendapat maklum
balas tentang versi tersebut dan menambah baik aplikasi masing-masing.
Menguji Selepas menguji versi interaktif, murid boleh kembali ke proses
sebelumnya untuk menambah baik dan membaiki aplikasi/produk
masing-masing.
Setiap langkah boleh diulang sehingga produk akhir terhasil.
CARA-CARA MELUKIS CARTA ALIR
VISUAL UNTUK APLIKASI.
CARTA ALIR
REK A BENTUK
INTERAKSI
PENGAJARAN 10C
OBJEKTIF

STANDARD KANDUNGAN
3.1 Reka Bentuk Interaksi

STANDARD PEMBELAJARAN
Murid boleh:
3.2.2 Menghasilkan prototaip paparan dan reka bentuk skrin
PENGENALAN KEPADA APP INVENTOR
Cara menggunakan APP Inventor dengan mengikut arahan berikut:
a. Murid perlu ke laman web: http://appinventor.mit.edu/explore/.
b. Tekan pada butang jingga di sebelah atas kanan:Create Apps!.
c. Teruskan dengan menggunakan akaun Google murid.
d. Tekan butang Continue apabila keluar pop-uppengumuman.
e. Tekan butang Start new project.
f. Berikan nama aplikasi anda untuk Project Name tanpa space.
g. Tekan Ok.
h. Tekan pada project anda.
PENGENALAN KEPADA APP INVENTOR
PENGENALAN KEPADA APP INVENTOR
PENGENALAN KEPADA APP INVENTOR

n. Murid boleh mencari gambar di internet untuk memuat naik ke App Inventor
jika diperlukan.
o. Untuk menambahkan laman pada aplikasi, tekan butang Add Screen.
p. Bahagian Layout pada Palette memberikan pilihan kepada murid untuk
menyusun gambar atau butang secara melintang (horizontal), tegak (vertical) atau
dalam bentuk jadual (table).
CARTA ALIR
REK A BENTUK
INTERAKSI
OBJEKTIF

STANDARD KANDUNGAN
3.2 Paparan dan Reka Bentuk Skrin
STANDARD PEMBELAJARAN
Murid boleh:
3.2.3 Membincangkan laporan dari penilaian kuantitatif terhadap paparan dan reka bentuk skrin
KRITERIA UTAMA SEMASA MEMBINA INSTRUMEN
PENILAIAN PAPARAN & REKA BENTUK SKRIN
Kriteria penilaian dengan kaedah senarai semak, soal selidik, atau rubric yang mudah. Contoh kriteria:
1. Kesenangan Pembelajaran: Bolehkah pengguna baru mengemudi reka bentuk tersebut dengan
mudah?
2. Pemahaman: Bolehkah pengguna memahami apa yang dilihat dengan mudah?
3. Daya Penarikan : Adakah reka bentuk tersebut menarik secara visual?
4. Kecekapan : Berapa cepatnya pengguna boleh melakukan tugas? (Sebagai pengukuran, adalah
dinasihatkan bahawa pengguna dapat menyelesaikan tugas dalam maximum 3 hingga 5 klik)
5. Pengekalan : Berapa lamakah seseorang pengguna boleh mengingati muka pengguna jika pengguna
tersebut tidak melawati aplikasi tersebut dalam jangka masa yang panjang? (Jikalau pengguna tidak
melawati sesuatu aplikasi [contoh: WeChat] pengguna dapat menggunakannya tanpa mempelajari antara
muka pengguna tersebut semula)
6. Ralat : Kekerapan pengguna melakukan kesilapan dalam interaksinya dengan aplikasi dan betapa mudah
untuk pengguna memulihkan diri daripada kesilapan tersebut.
7. Kepuasan: Adakah pengguna berpuas hati dengan pengalaman mereka berinteraksi dengan aplikasi?