KOD NAMA DAN

PROGRAM / PROGRAM
CODE AND NAME
IT-070-4 MULTIMEDIA PRODUCTION MANAGEMENT
TAHAP / LEVEL LEVEL 4
NO DAN TAJUK MODUL/
MODULE NO AND TITLE
MO3 MULTIMEDIA ART DIRECTING
NO DAN PERNYATAAN
TUGASAN /TASK(S) NO
AND STATEMENT

03.01 MONITOR MULTIMEDIA EQUIPMENT INVENTOR
03.02 PREPARE MULTIMEDIA PRODUCTION REPORT
10.01 MONITOR PROGRESS OF MULTIMEDIA
DEVELOPMENT TASK
10.02 MONITOR OVERALL MULTIMEDIA VIDEO SHOOTING
PROGRESS
10.03 CONDUCT QUALITY CONTROL OF MULTIMEDIA
PRODUCTION
10.04 INTERGRADE MULTIMEDIA COMPENENTS WITHIN
APPLICATION
NO. PENGALAMAN
PEMBELAJARAN / NO.
AND LEARNING
EXPERIENCE / STEPS
LEO1 SET DESIGN CONCEPT AND IDEAS
LEO2 IDENTIFY CREATIVE TEAM MEMBERS
LE03 ORCHESTRATE GRAPHIC AND/OR ANIMATION DESIGN
LE04 MONITOR OR DEVELOPMENT PROGRESS
LE05 ASSES FINAL ARTWORK
LE 06 RECORD ART DIRECTING PROJECT REPORT
OBJEKTIF MODUL /
MODULE OBJECTIVE
PREPARED MULTIMEDIA ART DIRECTING USING WHITE
BOARD, POSTER, STATIONARY, COMPUTER AND LCD
SCREEN SO THAT CONCEPT AND IDEAS SET DESIGNED,
CREATIVE TEAM MEMBERS IDENTIFIED, ORCHESTRATE
GRAPHIC AND/OR ANIMATION DESIGNED, DEVELOPMENT
OR PROGRESS MONTORED, FINAL ARTWORK ASSESED,
ART DIRECTING PROJECT REPORT RECORDED IN
ACCORDANCE WITH TRAINING REQUIREMENT

NO .KOD / CODE NO

IT-070-4/MO3/PMT(1/6)

TEMPAT : Bilik Kuliah

TEMPOH : 2 JAM

MUKA: 01 DRP: 8









PUSAT BERTAULIAH ASIA TECH (L02348)
No. 1-2, 2 Floor, Jalan Rampai Niaga 2, Rampai Business
Park,Wangsa Maju 53300 Kuala Lumpur.
Tel : 03-4143 6620 Fax : 03-4142 6671
www.asiatalk.com.my

PELAN MENGAJAR (TEORI)


NO KOD IT-070-4/MO3/PMT(1/6) Muka : 2 Drp : 8

TAJUK : PENGENALAN KEPADA PEMBANGUNAN LAMAN WEB


TUJUAN PENGAJARAN :

Pelajar-pelajar mesti boleh:-

1. Jelaskan definisi pembangunan laman web
2. Nyatakan kegunaan HTML
3. Terangkan jenis-jenis perisian





ALAT BANTUAN
PENGAJARAN
TAJUK NO. KOD

BAHAN PENGAJARAN BERTULIS
Kertas Penerangan (IT-070-4/M03/KP(1/3))
Kertas Tugasan (IT-070-4/M03/KT(1/3))
KP
KT

ALAT PANDANG DENGAR

White Board
Power Point Slide

WB
PP

PERALATAN, KELENGKAPAN,
BAHAN

KUANTITI



LCD Projector
Projector Screen
Komputer Riba
Marker pen
Duster














1
1
1
3
1





NO KOD IT-070-4/M03/PMT(1/6) Muka : 3 Drp : 8
AKTIVITI PENGAJARAN
( Instructional Activities )
INST.
AIDS
MASA

PERSEDIAAN :
( Preparation )

1. Selesakan pelajar
- beri salam dan salam sejahtera.
- tulis kursus, tahap dan tarikh.
- tanya khabar kesihatan pelajar.

2. Semak senarai kehadiran pelajar.
- Tanya bilangan kehadiran pelatih

3. Tekan aspek
- disiplin
- kerjasama
- tatatertib

4. Timbulkan minat kepada pelajar
- Imbas pelajar tentang pelajaran lalu

5. Nyatakan tajuk di white board
- PENGENALAN KEPADA PEMBANGUNAN WEB


6. Tulis tujuan pengajaran di white board dan nyatakan kepada para pelajar.
Pelajar-pelajar mesti boleh:

- Jelaskan definisi pembangunan laman web
- Nyatakan kegunaan HTML
- Terangkan jenis-jenis perisian

7. Terangkan kepentingan/faedah pelajaran ini.
- Pemahaman pembangunan laman web penting kerana merupakan ia
salah satu alat bantuan yang memudahkan penguna untuk menjalani
sesuatu perniagaan atau sebagainya.


8. Siasat pengetahuan pelajar berkenaan tajuk yang akan dipelajari.
- Pernahkah anda melihat laman web
- Jika YA, di mana ?
- Berikan satu contoh dan terangkan.











































WB

































10 Minit















NO KOD IT-070-4/M03/PMT(1/6) Muka : 4 Drp : 8
TOPIK PENGAJARAN
( Instructional Topic )
AKTIVITI PENGAJARAN
( Instructional Activities )
INST.
AIDS
MASA

PENYAMPAIAN :
( Presentation )


1. Jelaskan definisi
pembangunan laman web


















1.1 Definisi

Konsep Asas Pembangunan Laman
Web:
Laman web biasanya dibangunkan
dengan menggunakan satu kod atau
bahasa yang dikenali sebagai HTML
(HyperText Markup Language)

Walaupun mudah digunakan, namun
tidak semua orang tahu cara
menggunakan kod HTML dengan
sepenuhnya.

Oleh itu, sejajar dengan kemajuan
teknologi terkini, beberapa perisian
telah dibangunkan bagi membolehkan
pengguna membangunkan laman web
dengan mudah.

Perisian-perisian ini adalah
berasaskan What You See Is What You
Get (WYSWYG).

Namun begitu, adalah amat penting
untuk mengetahui asas kod HTML.

























PP
































25 Minit


































NO KOD IT-070-4/M03/PMT(1/6) Muka : 5 Drp : 8
TOPIK PENGAJARAN
( Instructional Topic )
AKTIVITI PENGAJARAN
( Instructional Activities )
INST.
AIDS
MASA

PENYAMPAIAN :
( Presentation )



2. Nyatakan kegunaan HTML














































2.1 Kegunaan HTML

HTML merupakan bahasa asas yang
digunakan bagi membangunkan sesuatu
laman web
Ia menentukan hubungan di antara
halaman web dan menentukan
bagaimana elemen-eleman lain di
dalam sesuatu laman web
dipaparkan (teks, grafik,
multimedia, dan sebagainya)
HTML juga merupakan bahasa
piawai yang digunakan bagi
menghasilkan sesebuah dokumen
laman web.
Setiap dokumen HTML biasanya
mempunyai akhiran format .htm ataupun
.html
Selain daripada HTML, terdapat
beberapa teknologi bahasa yang
digunakan dalam pembangunan laman
web.

2.2 Contoh kegunaan kepada HTML

Contoh ringkas membina laman web
menggunakan Notepad:

Lancarkan program Notepad atau Wordpad:

klik Start All Programs Accessories
Notepad / Wordpad
di dalam notepad / wordpad, taipkan kod-kod
seperti berikut:
<HTML>
<HEAD>
<TITLE> Laman Pertama Saya Menggunakan
Tag Editor HTML </TITLE>
</HEAD>
<BODY>
Hello Semua, <BR>
Laman Web Ini Dibangunkan Menggunakan
NotePad<BR>
sila klik untuk ke <a href="surat2.html">muka
surat seterusnya.</a>
</BODY>
</HTML>

Save as : asas.html
Untuk memudahkan pencarian, semasa klik save
as tadi, buat satu folder baru di desktop dan
namakan sebagai : laman web; buka folder laman
web, right click pada fail asas.htm tujukan mouse
pada Open With Internet Explorer.

PP 25 minit


NO KOD IT-070-4/M03/PMT(1/6) Muka : 6 Drp : 8
TOPIK PENGAJARAN
( Instructional Topic )
AKTIVITI PENGAJARAN
(Instructional Activities )
INST.
AIDS
MASA
PENYAMPAIAN :
( Presentation )

3. Terangkan jenis-jenis
perisian










































3.1 Jenis-jenis perisian yang membolehkan
pembangunan laman web:
Antaranya ialah:
- javascript (.jsp)
- Active Server Page (.asp)
- Coldfusion (.cmf)
- XHTML
- Cascading Style Sheet (.css)
- dan sebagainya.

3.2 Antara contoh-contoh perisiannya :




Rajah 3.2 : Notepad
i) hanya menggunakan
format HTML
















Rajah 3.3 : perisian Dreamweaver 8

i) Perisian yang boleh membuat
laman web dgn pelbagai format.
contohnya seperti:
- XML
- HTML
- JavaSript
- CSS
- PHP dll

PP 30 minit



NO KOD IT-070-4/M03/PMT(1/6) Muka : 7 Drp : 8
TOPIK PENGAJARAN
( Instructional Topic )
AKTIVITI PENGAJARAN
(Instructional Activities )
INST.
AIDS
MASA


PENGGUNAAN :
( Application )

1. Edarkan kertas penerangan
2. Arahkan pelajar menyemak helaian setiap muka surat kertas penerangan
3. Beri masa untuk pelatih membaca dan memahami kertas penerangan yang
diberikan
- sila baca dan cuba fahamkan kertas penerangan yang diberikan dan jika
ada sesiapa yang tidak faham sila bertanya.

4.Uji kefahaman pelatih dengan bertanyakan soalan berkaitan tajuk yang telah
diajar.

Soalan 1 :
Apakah fungsi perisian Adobe DreamWeaver?

Jawapan 1 :
Boleh simpan dalam pelbagai format


Soalan 2 :
Terangkan jenis-jenis Pembanggunan laman web

Jawapan 2 :
i- Notepad
ii- Frontpage
iii- Dreaweaver

5. Segera bantu/perbetulkan kesilapan pelatih dan akui jawapan yang diberi
dan beri pujian/motivasi.

Ulang perkara-perkara penting dan buat ulasan.






















KP


15 minit



NO KOD IT-070-4/M03/PMT(1/6) Muka : 8 Drp : 8
TOPIK PENGAJARAN
( Instructional Topic )
AKTIVITI PENGAJARAN
(Instructional Activities )
INST.
AIDS
MASA


PENGESAHAN :
( Confirmation )

1. Berikan masa kepada pelajar untuk membuat persediaan.
2. Arah pelajar simpan kertas penerangan, nota dan sebagainya.
3. Edarkan kertas tugasan kepada pelajar.
4. Beri arahan
- semak mukasurat.
- Tulis nama, IC dan tarikh.
- Tarikh hantar
- Markah lulus minima adalah 75%

5. Tanya jika ada sebarang pertanyaan tentang Kertas Penilaian.
6. Maklumkan bila MULA menjawab.
7. Maklumkan masa hampir TAMAT dan masa TAMAT
8. Minta pelajar semak nama, nombor NDP dan tarikh.
9. Arah pelajar hantar Kertas Penilaian setelah selesai.
10. Maklumkan bila dan dimana keputusan penilaian akan diumumkan.
11. Beri ringkasan mengenai topik yang telah dipelajari dan faedahnya.
12. Minta bersedia untuk topik yang akan datang.
Tajuk : PENGENALAN AUDIO VISUAL DIRECTING

13. Ucapkan salam




















































KT
































15 minit