e-portfolio SKM

12/25/21, 11:06 PM UTHM - SMAPOnline

ASSESSMENT LIST
SEMESTER : 1

SESSION : 20192020

Name SITI NUR AFIQAH BINTI YAHAYA

Matric No CB160140 IC/Passport 940129065818

Programme BBF - BACHELOR OF VOCATIONAL Faculty B - FACULTY OF TECHNICAL
EDUCATION (MULTIMEDIA CREATIVE) WITH AND VOCATIONAL
HONOURS EDUCATION

Course BBU40403 - MULTIMEDIA STUDIO II
Name

ASSESSMENT METHOD MARK FULLMARK PERCENTAGE TOTAL (%)
TUGASAN 1
UJIAN ASSIGNMENT * 20 20 *
PROJEK (INTEGRASI)
PROJEK (LAPORAN PROJEK) TEST * 50 20 *
PROJEK (PEMBENTANGAN 2)
PROJECT * 20 20 *

PROJECT * 30 30 *

PROJECT * 10 10 *

TOTAL 100 *

NOTE
* Assesment marks are not displayed
Total (%) = (Mark/Fullmark)*Percentage
Total coursework marks are excluded final examination
All marks and assessment details are subject to amendments

Printed date: Saturday 25th of December 2021 11:06:25 PM

https://smap.uthm.edu.my/exam/performance/201920201/assessment?coursecode=BBU40403 1/1

FAKULTI PENDIDIKAN
TEKNIKAL DAN VOKASIONAL

LAPORAN AKHIR INDIVIDU

STUDIO MULTIMEDIA II

NAMA:
SITI NUR AFIQAH BINTI YAHAYA

CB160140

CARTA GANTT STUDIO MULTIMEDI
PEMBANGUNAN LAMAN

Perkara / Minggu PENGURUS
123
Membuat Carta Gantt mengikut jawatan sebagai
pengurus kreatif
Mencari sumber rujukan dan bahan serta tutorial
dalam pembangunan laman web
Mereka dan menentukan paparan antaramuka
pembangunan laman web
Mereka butang-butang yang hendak digunakan
dalam dalam pembangunan laman web
Mereka paparan login admin dan sign up page

Membuat sambungan kepada database untuk
admin login dan sign up page

Memastikan ciri-dan jenis interaktif besesuaian
dengan kehendak pengguna
Memastikan butang atau hypermedia untuk
kegunaan pengguna (navigasi) befungsi dengan
baik.
Membuat penilaian dan pengujian terhadap
aplikasi yang dibangunkan.
Menganalisa maklum balas pengguna terhadap
aplikasi yang dibangunkan
Menyediakan pelaporan akhir
Pembentangan projek

IA II MINGGU 1 HINGGA MINGGU 14
N WEB DOBI AL-HIJRAH

S KREATIF
4 5 6 7 8 9 10 11 12 13 14

LAPORAN TESTING AN

Nama: Syasya Nabihah Binti Mohd Nazi
Jawatan: Pengurus Kreatif
No matrik: CB160141

MEMBUAT PEMBAHARUAN TERHADAP LOGO DI DALA

Langkah-langkah:
1. Menggunakan Adobe Illustrato
2. Menggunakan rounded rectang
3. Seterusnya, menggunakan ecli
4. Meletakkan warna hitam pada
5. Menggunakan warna putih unt

NALISIS (BAHAGIAN 1)

AM LAMAN WEB

or CC.
gle tool untuk membuat segi empat.
ipse tool untuk membuat 2 bulatan kecil dan besar.
a segi empat.
tuk setiap bulatan yang berada di dalam segi empat.

MEMBUAT LAKARAN ANTARA MUKA LAMAN WEB (PIL

ONTY’S LAUNDRY HOW TO ORDER

LANGKAH-LANGKAH

1. Membuat lakaran antara muka laman web menggunakan Mi
2. Klik pada button insert→shapes. Pilih bentuk rectangle
3. Menggunakan gambar yang bersesuaian dengan laman web
4. Cara memasukkan gambar ialah :

- Klik insert button-→ pictures

LIHAN 1) ABOUT US CONTACT US
PRICE

icrosoft office word
yang dibangunkan

5. Pilih gambar yang telah dimuat turun dan klik insert.



LAKARAN ANTARA MUKA UNTUK MENU HOW TO ORD

ONTY’S LAUNDRY HOW TO ORDE

HOW TO ORDER

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→

DER PRICE ABOUT US CONTACT US
ER

icrosoft office word

rectangle adalah:
→ grey color

LAKARAN ANTARA MUKA UNTUK MENU PRICE

ONTY’S LAUNDRY HOW TO ORDER

PRICE

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

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

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
3. Menggunakan tulisan open sans bersaiz 12 kerana je

DER FORM
x

ord
enis tulisan ini lebih mudah untuk dibaca oleh pengguna

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

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