e-portfolio SKM

PRICE ABOUT US CONTACT US

icrosoft office word
rectangle adalah:

- Klik pada bentuk rectangle →drawing tool→ shape fill→

→ grey color

LAKARAN ANTARA MUKA UNTUK MENU ABOUT US

ONTY’S LAUNDRY HOW TO ORDER

ABOUT US

LANGKAH-LANGKAH

4. Membuat lakaran antara muka laman web menggunakan Mi
5. Klik pada button insert→shapes. Pilih bentuk rectangle
6. Menggunakan warna kelabu. Cara tukar color dalam bentuk

- Klik pada bentuk rectangle →drawing tool→ shape fill→

PRICE ABOUT US CONTACT US

icrosoft office word

rectangle adalah:
→ grey color

LAKARAN ANTARA MUKA UNTUK MENU CONTACT US

ONTY’S LAUNDRY HOW TO ORDER

CONTACT US

Rumusa

LANGKAH-LANGKAH
1. Membuat lakaran antara muka laman web menggunakan Mi

PRICE ABOUT US CONTACT US

icrosoft office word

2. Klik pada button insert→shapes. Pilih bentuk rectangle
3. Menggunakan warna kelabu. Cara tukar color dalam bentuk

- Klik pada bentuk rectangle →drawing tool→ shape fill→

rectangle adalah:
→ grey color

MEMBUAT PERUBAHAN PADA LAKARAN ANTARA MUK

HOME ABOUT

LANGKAH-LANGKAH

1. Membuat lakaran antara muka laman web menggunakan Mi
2. Klik pada button insert→shapes. Pilih bentuk rectangle
3. Menggunakan warna kelabu. Cara tukar color dalam bentuk

- Klik pada bentuk rectangle →drawing tool→ shape fill→

KA LAMAN WEB (PILIHAN 2)

DROPDOWN CONTACT ORDER

icrosoft office word

rectangle adalah:
→ Pink color

LAKARAN MENU BAGI SINOPSIS LAMAN WEB

We Promise High

Tech Wash is a company set up in 2019. The fu
customers to developing website

LEARN

LANGKAH-LANGKAH
1. Membuat lakaran antara muka laman web menggunakan Mi
2. Klik pada button insert→shapes. Pilih bentuk rectangle
3. Memilih jenis tulisan Tahoma kerana tulisannya lebih muda
- Highlight tulisan yang ingin diubah.
- klik pada bahagian jenis tulisan

hest Quality Care

unction of this group is to solve problem from
tes, applications and software.

MORE

icrosoft office word
ah untuk dibaca dan mudah difahami. Cara mengubah tulisan:

4. Mengubah warna tulisan dan saiz tulisan bagi tajuk untuk m

We Promise Highest Q

5. Membuat navigasi learn more menggunakan bentuk rectangl

LAKARAN MENU BAGI PRICING PLAN

PRICING PLA

BASIC REGULAR DR

RM 6 RM 8 R

ORDER ORDER

LANGKAH-LANGKAH:

1. Membuat lakaran antara muka laman web menggunakan Mi
2. Klik insert→shape→rectangle
3. Harga perlu menggunakan font yang besar supaya pengguna
4. Menggunkan tulisan Tahoma kerana tulisan tersebut lebih m

membezakan tajuk dan isi.

Quality Care

le.

ANS IRON
RY CLEANING
RM 5
RM 5
ORDER
ORDER

icrosoft office word

a lebih Nampak dan jelas tentang harga yang ditawarkan
mudah dibaca dan jelas.

LAKARAN MENU CONTACT US CONTACT US
NAME

CONTACT US CONTA
MESSAGES NO 47,
TAMAN
SUBMIT 86400,
013- 89
Dobialhi

LANGKAH-LANGKAH:

1. Membuat lakaran menggunakan Microsoft office word.
2. Menggunakan rectangle untuk mengisi tempat kosong
3. Cara membuat rectangle ialah:

- Klik insert →rectangle
4. Menggunakan map untuk menunjukkan kedudukan kedai ba
5. Mengandungi alamat dan no telefon.

MAP

ACT INFO
JALAN UNIVERSITI 1,
UNIVERSITI
PARIT RAJA, BATU PAHAT JOHOR

979145
[email protected]

agi yang pertama kali ingin datang ke kedai.

MEMBUAT LAKARAN ANTARA MUKA LAMAN WEB (PIL

HOME HOW TO OR

ONTY LAUNDRY

< DELIVERY TO
KOLEJ KEDIAMAN BEST

Delivery time: 9.00 am-4.30 pm
Return time: 4 working days (from

LANGKAH-LANGKAH:

1. Membuat lakaran menggunakan Microsoft office word
2. Isi kandungan muka hadapan laman web menggunakan tulis
3. Cara untuk mengubah warna tulisan adalah :

- Highlight kesemua tulisan yang ingin diubah warna
- klik pada bahagian jenis tulisan

4. Untuk membuat symbol (>) klik pada papan kekunci

- Shift >

.

LIHAN 3)
RDER PRICE ABOUT US ORDER

>

TARI
(every Thursday)
day of cloth taken)

san poppins bersaiz 12.

MEMBUAT LAKARAN ANTARA MUKA BAGI MENU HOW

HOW TO ORD

1. Click Order Tab
2. Fill Your Information In The Form Given
3. Click Button Send Your Laundry
4. Your Order Have Been Sent
5. Send Your Laundry To Designated Place

BACK TO HOME

LANGKAH-LANGKAH:
1. Membuat lakaran menggunakan Microsoft office word
2. Membuat bentuk rectangle
- Klik insert →rectangle
3. Menggunakan tulisan open sans bersaiz 12 kerana jenis tulis
4. Cara mengubah warna rectangle ialah:
- Klik pada rectangle→ drawing tool→ shape fill→ black

W TO ORDER

DER

san ini lebih mudah untuk dibaca oleh pengguna

MEMBUAT LAKARAN ANTARA MUKA BAGI MENU PRIC

Price

RM 6/PER WASH
BELOW 10 KG
RM 8/PER WASH
ABOVE 10KG
DRY CLEANING
RM 5/PER DAY
IRON
RM 5/PER IRON

BACK TO HOME

1. Membuat lakaran menggunakan Microsoft office word
2. Membuat bentuk rectangle

- Klik insert →rectangle
3. Menggunakan tulisan open sans bersaiz 12 kerana jenis tulis
4. Cara mengubah warna rectangle ialah:

- Klik pada rectangle→ drawing tool→ shape fill→ black

CE
san ini lebih mudah untuk dibaca oleh pengguna

MEMBUAT LAKARAN ANTARA MUKA BAGI MENU ABO

ABOUT US

Cuci tech is a company set up in 2019. T
group is to solve problems from custom
websites, applications and software, ther
provided by cuci tech to facilitate and
group. On march 4,2019 cuci Tech re
developed a website service reserva
Laundry Company.

BACK TO HOME

LANGKAH-LANGKAH
1. Membuat lakaran menggunakan Microsoft office word
2. Membuat bentuk rectangle
- Klik insert →rectangle
3. Menggunakan tulisan open sans bersaiz 12 kerana jenis t
4. Cara mengubah warna rectangle ialah:
- Klik pada rectangle→ drawing tool→ shape fill→ black

OUT US

The function of this
mers to developing
re are many options
interest customers
eceived a booking
ation for Al-Hijrah

tulisan ini lebih mudah untuk dibaca oleh pengguna

MEMBUAT LAKARAN ANTARA MUKA BAGI MENU CON

BACK TO HOME
LANGKAH-LANGKAH

1. Membuat lakaran menggunakan Microsoft office wo
2. Membuat bentuk rectangle

- Klik insert →rectangle
3. Menggunakan tulisan open sans bersaiz 12 kerana je
4. Cara mengubah warna rectangle ialah:
- Klik pada rectangle→ drawing tool→ shape fill→ black

NTACT US

ord
enis tulisan ini lebih mudah untuk dibaca oleh pengguna

MEMBUAT LAKARAN ANTARA MUKA BAGI MENU ORD
ORDER YOUR LAUNDRY
YOUR NAME
YOUR EMAIL
PHONE

ADDRESS
PICK UP
WASH AND FOLD

SUBMIT

LANGKAH-LANGKAH:
1. Membuat lakaran menggunakan Microsoft office wo
2. Membuat bentuk rectangle
- Klik insert →rectangle

DER FORM
x

ord

3. Menggunakan tulisan open sans bersaiz 12 kerana je
4. Cara mengubah warna rectangle ialah:
- Klik pada rectangle→ drawing tool→ shape fill→white
5. Membuat rectangle untuk checkbox.

MEMBUAT LAKARAN ANTARA MUKA BUTANG NAVIGA

SUBMIT BACK TO

LANGKAH-LANGKAH:

1. Membuat lakaran menggunakan Microsoft office wo
2. Membuat bentuk rectangle

- Klik insert →rectangle

enis tulisan ini lebih mudah untuk dibaca oleh pengguna

ASI

O HOME X

ord

GRAF LAPORAN TESTING ANALISIS BAHAGIAN 1

Berikut secara ringkas bagi laporan analisis studio multimedia 2 dal

LAPORAN TESTIN
BAHAGIA

STUDIO MULT

Lulus Gagal

LAMAN MUKA 100
LOGO 50 0
50 0
BUTTON 30 20
DROP DOWN COLUMN

lam bentuk carta

NG ANALYSIS
AN 1
TIMEDIA 2

Dalam Proses

80

50
50

PUNCA BERLAKU PERUBAHAN PADA ANTARAMUKA LA

ANTARA MUKA

PILIHAN 1:

PILIHAN 2:

AMAN WEB DAN LANGKAH YANG DIAMBIL

SEBAB PERUBAHAN
- Ditolak kerana penggunaan

peralatan untuk

membangunkan laman web

tidak menepati syarat studio

multimedia 2

- Menggunakan Wordpress

LANGKAH YANG DILAKUKAN:

- Mula mencari koding HTML

untuk membangun laman web.

- Pembangun mendapati logo
yang dimasukkan sedikit kecil
di bahagian main page dan
drop down menu untuk
bahagian contact us, how to
order, about us tidak berfungsi
dengan baik kerana mempuyai
sedikit ralat pada koding



LANGKAH YANG DILAKUKAN:
- Membuat perubahan pada
koding yang sedia ada supaya
susunan isi di dalam laman
web kelihatan lebih kemas dan
memenuhi kriteria klien.









MINIT MESYUARAT KALI KE-11 / TAHUN 2019

Hari : Ahad
Tarikh
Masa : 19 Mei 2019
Tempat
Kehadiran Ahli : 9.00 am

: Makmal Multimedia dan IT

: 4 Orang

1. Siti Nur Afiqah binti Yahaya
2. Syasya Nabihah binti Mohd Nazi
3. Nur Fateha Farhana binti Rakiman
4. Hakim bin Mohd Nor

1. Kata-kata Aluan Daripada Pengerusi

1.1 Pengerusi mengucapkan terima kasih atas kesudian semua ahli meluangkan
masa untuk menghadiri mesyuarat yang diadakan.

1.2 Berharap agar mesyuarat kali ke 11 ini akan berjalan dengan lancar agar dapat
membuat reka bentuk antara muka yang sebenar dengan sempurna.

1.3 Menyarankan agar ahli-ahli dapat memberikan kerjasama dan dapat
memberikan idea dan pendapat masing-masing.

2. Agenda

2.1 Kami berempat diminta untuk melengkapkan dan mengemaskini google drive

3. Tindakan Susulan

3.1 Ahli mesyuarat diminta untuk setiap ahli mengambil bahagian dalam membuat
tugasan tesebut

4. Penutup

4.1 Sesudah selesai mesyuarat, ucapan penangguhan telah dibuat oleh pengerusi
mesyuarat dan mesyuarat seterusnya akan ditentukan pada perbincangan
seterusnya.

4.2 Mesyuarat ditangguhkan pada jam 12.00 pm

Disediakan oleh : Disemak oleh :

……………………………………….. ………………………………………..
(SYASYA NABIHAH BINTI MOHD NAZI) (HAKIM BIN MOHD NOR)
Universiti Tun Hussein Onn, Universiti Tun Hussein Onn,
86400 Parit Raja, Johor, Malaysia. 86400 Parit Raja, Johor, Malaysia.
Tarikh: 19 Mei 2019 Tarikh: 19 Mei 2019

MINIT MESYUARAT KALI KE-13 / TAHUN 2019

Hari : Ahad
Tarikh
Masa : 26 Mei 2019
Tempat
Kehadiran Ahli : 9.00 am

: Makmal Multimedia dan IT

: 4 Orang

1. Siti Nur Afiqah binti Yahaya
2. Syasya Nabihah binti Mohd Nazi
3. Nur Fateha Farhana binti Rakiman
4. Hakim bin Mohd Nor

1. Kata-kata Aluan Daripada Pengerusi

1.1 Pengerusi mengucapkan terima kasih atas kesudian semua ahli meluangkan
masa untuk menghadiri mesyuarat yang diadakan.

1.2 Berharap agar mesyuarat kali ke 13 ini akan berjalan dengan lancar agar dapat
membuat pembentangan dengan sempurna

2. Agenda

2.1 Pada minggu ke-13, kami membuat pembentangan untuk laporan penuh studio
multimedia 1 di hadapan Dr Azita Binti Ali bertempat di Studio Pendidikan

3. Tindakan Susulan

3.1 Ahli mesyuarat diminta untuk setiap ahli mengambil bahagian dalam membuat
slaid pembentangan.

4. Penutup

4.1 Sesudah selesai mesyuarat, ucapan penangguhan telah dibuat oleh pengerusi
mesyuarat dan mesyuarat seterusnya akan ditentukan pada perbincangan
seterusnya.

4.2 Mesyuarat ditangguhkan pada jam 12.00 pm

Disediakan oleh : Disemak oleh :

……………………………………….. ………………………………………..
(SYASYA NABIHAH BINTI MOHD NAZI) (HAKIM BIN MOHD NOR)
Universiti Tun Hussein Onn, Universiti Tun Hussein Onn,
86400 Parit Raja, Johor, Malaysia. 86400 Parit Raja, Johor, Malaysia.
Tarikh: 26 Mei 2019 Tarikh: 26 Mei 2019

MINIT MESYUARAT KALI KE-13 / TAHUN 2019

Hari : Ahad
Tarikh
Masa : 26 Mei 2019
Tempat
Kehadiran Ahli : 9.00 am

: Makmal Multimedia dan IT

: 4 Orang

1. Siti Nur Afiqah binti Yahaya
2. Syasya Nabihah binti Mohd Nazi
3. Nur Fateha Farhana binti Rakiman
4. Hakim bin Mohd Nor

1. Kata-kata Aluan Daripada Pengerusi

1.1 Pengerusi mengucapkan terima kasih atas kesudian semua ahli meluangkan
masa untuk menghadiri mesyuarat yang diadakan.

1.2 Berharap agar mesyuarat kali ke 13 ini akan berjalan dengan lancar agar dapat
membuat pembentangan dengan sempurna

2. Agenda

2.1 Pada minggu ke-13, kami membuat pembentangan untuk laporan penuh studio
multimedia 1 di hadapan Dr Azita Binti Ali bertempat di Studio Pendidikan

3. Tindakan Susulan

3.1 Ahli mesyuarat diminta untuk setiap ahli mengambil bahagian dalam membuat
slaid pembentangan.

4. Penutup

4.1 Sesudah selesai mesyuarat, ucapan penangguhan telah dibuat oleh pengerusi
mesyuarat dan mesyuarat seterusnya akan ditentukan pada perbincangan
seterusnya.

4.2 Mesyuarat ditangguhkan pada jam 12.00 pm

Disediakan oleh : Disemak oleh :

……………………………………….. ………………………………………..
(SYASYA NABIHAH BINTI MOHD NAZI) (HAKIM BIN MOHD NOR)
Universiti Tun Hussein Onn, Universiti Tun Hussein Onn,
86400 Parit Raja, Johor, Malaysia. 86400 Parit Raja, Johor, Malaysia.
Tarikh: 26 Mei 2019 Tarikh: 26 Mei 2019

KOMEN DAN CADANGAN PAKAR

Proses pengujian dan kebolehfungsian produk ini telah mendapat pengeshan dua orang
pakar iaitu terdiri daripada pensyarah Universiti Tun Hussein Onn Malaysia (UTHM) bidang
teknologi maklumat atau multimedia kreatif yang berpengalaman paling kurang 10 tahun ke
15 tahun dalam bidang Teknologi maklumat atau Multimedia Kreatif. Dan ahli kumpulan kami
memilih pensyarah dari Fakulti Pendidikan Teknikal dan Vokasional (FPTV) dalam bidang
Multimedia Kreatif, iaitu Ts Dr Fazlinda binti Abd Halim dan seorang lagi Ts Dr Affero bin
Ismail. Penilaian dan pengesan pakar ini menilai kebolehfungsian produk dari segi reka bentuk
informasi dan, reka bentukinteraksi, dan reka bentuk persembahan.

Pembangun menerima catatan dan ulasan daripada pakar mengenai kebolehfungsian
produk yang dibangunkan seperti dalam jadual dibawah. Kesemua komen dan cadangan
penambahbaikan yang diterima daripada pihak pakar ini membantu dalam penghasilan produk
yang mengikut kehendak pengguna dan memudahkan penggunaan pengguna disamping
menjadikan produk lebih berkualiti dan mengikut piawaian yang telah ditetapkan. Tujuan temu
bual ini dilakukan adalah untuk mendapatkan penilaian serta maklum balas terhadap laman
web Dobi Al-Hijrah yang telah kami bangunkan. Ini adalah bertujuan bagi membuat
penambahbaikan terhadap laman web yang kami bangunkan. Secara keseluruhannya, penilaian
dan maklum balas daripada ketiga-tiga pakar telah diterima dengan baik dan menunjukkan
komen yang positif dan membangun. Kesemua perkara di dalam tiga (3) bahagian iaitu
bahagian reka bentuk informasi, reka bentuk interaksi dan juga bahagian antara muka memberi
maklum balas secara positif dimana rata-rata kesemua pakar menjawap ‘ya’ di ruangan pilihan
jawapan. Oleh yang demikian, terdapat seorang pakar kurang bersetuju mengenai penggunaan
warna latar belakang laman web yang kami bangunkan serta seroang pakar lagi memberi
cadangan berkaitan dengan butang login untuk pengguna dan admin. Kumpulan kami akan
melakukan penambahbaikan pada bahagian tersebut.

1

Berikut merupakan jadual bagi komen dan cadangan penambahbaikan oleh pakar-
pakar. Antaranya ialah :

Pakar Ulasan dan Pandangan

Pakar 1 : Pensyarah Fakulti Pendidikan Teknikal Bahagian Reka bentuk Informasi

dan Vokasional, Universiti Tun - Beliau menyatakan bahawa

Hussein Onn Malaysia (UTHM) pelanggan tidak boleh memilih

• Ts Dr Fazlinda binti Abd jenis cucian

Halim - Maklumat pembayaran juga
• Berpengalaman 10-15 tahun perlu ditambah

ke atas

Bahagian Reka Bentuk Interaksi
- Butang “Get Started” tidak

sesuai perlu ditukar kepada
“Order”
- Butang “Pick My Laundry” perlu
ditukar kepada “Send My Order”

Bahagian Reka Bentuk Persembahan

- Tiada ulasan dalam reka bentuk
persembahan

Pakar 2 :Pensyarah Fakulti Pendidikan Teknikal Bahagian Reka bentuk informasi

dan Vokasional, Universiti Tun Hussein - Susunan kandungan memerlukan
Onn Malaysia (UTHM) susunan yang memudahkan
pencarian pengguna
• Ts Dr Affero bin Ismail
• Berpengalaman 10-15 tahun ke - Perlu menggunakan warna latar
belakang yang lembut dan
atas

menarik pengguna

2

Penambahbaikan Produk Hasil

Bil. Sebelum Penambahbaikan - menggunak

1. - Penambaikkan dari segi penggunaan warna ceria

latar belakang

- Perlu menggunakan warna yang lembut dan

ceria untuk menarik minat pengguna

2. - Butang “Ge
- Butang “Get Started” kurang sesuai - Paparan ha

- Perlu diubahsuai

- Harga paparan perlu dijelaskan dengan betul