PENYERAHAN DAN PENILAIAN TUGASAN

ASSIGNMENT SUBMISSION AND ASSESSMENT

_________________________________________________________________________
CBWP2203
WEB PROGRAMMING
JANUARY 2019
_________________________________________________________________________

ARAHAN KEPADA PELAJAR / INSTRUCTIONS TO STUDENTS

1. Tugasan ini mengandungi DUA soalan yang disediakan dalam Bahasa Melayu dan Bahasa Inggeris
/ This assignment contains TWO questions that is set in both Malay and English.

2. Jawab dalam Bahasa Melayu atau Bahasa Inggeris. / Answer in Malay or English.

3. Anda dikehendaki menyerahkan tugasan dalam format MsWord melainkan dinyatakan

sebaliknya. Anda tidak dibenarkan untuk menukar teks/frasa tugasan tersebut kepada format
grafik seperti .jpeg / .gif / print screen / dan lain-lain format berkaitan. /Learners are to submit
assignment only in MsWord format unless specified otherwise. Please refrain from converting
text/phrases into picture format such as .gif / .jpeg / print screen / etc.

4. Muat turunkan templat tugasan versi bahasa yang berkenaan daripada myINSPIRE untuk
penyediaan dan penyerahan tugasan anda. Tugasan anda hendaklah ditaip dengan
menggunakan saiz fon 12 Times New Roman dan langkau baris 1.5. / Download the language
version of the assignment template concerned from the myINSPIRE for preparation and
submission of your assignment. Your assignment should be typed using 12 point Times New
Roman font and 1.5 line spacing.

5. Anda dikehendaki menghantar tugasan SECARA ONLINE melalui myINSPIRE. Sila rujuk kepada
portal untuk arahan mengenai prosedur menghantar tugasan anda secara online. Anda
dinasihatkan menyimpan senaskah tugasan yang diserahkan untuk rujukan sendiri. / You must
submit your assignment ONLINE via the myINSPIRE. Refer to the portal for instructions on the
procedures to submit your assignment online. You are advised to keep a copy of your submitted
assignment for personal reference.

6. Anda hanya boleh menghantar tugasan SEKALI sahaja dalam SATU fail. / You can submit your
assignment ONCE only in a SINGLE file.

7. Tugasan anda hendaklah diserahkan antara 4hb hingga 17hb Mac 2019. Serahan selepas 17hb Mac
2019 TIDAK akan diterima. / Your assignment must be submitted between 4th until 17th March
2019. Submission after 17th March 2019 will NOT be accepted.

8. Tugasan hendaklah disiapkan secara individu. Anda dilarang meniru tugasan orang lain. Anda
juga dilarang sama sekali memplagiat kerja orang lain sebagai kerja sendiri. /
Your assignment should be prepared individually. You should not copy another person’s
assignment. You should also not plagiarise another person’s work as your own.
9. Sila ambil maklum tentang PENALTI yang akan dikenakan ke atas penghantaran lewat tugasan
seperti yang tertera di pekeliling pejabat Pendaftar 6/2012 (Rujuk Registrar’s Announcement di
myVLE). / Please take note that PENALTY will be imposed on late submission of assignment as
specified in the Registrar’s Office circular 6/2012 (Refer to Registrar’s Announcement in myVLE).

10. Anda perlu memastikan RESIT yang dikeluarkan bagi penghantaran tugasan disimpan sebagai
bukti penghantaran. Kegagalan mengemukakan resit dalam sebarang isu yang timbul berkaitan
penghantaran tugasan akan mengakibatkan tugasan dianggap TIDAK dihantar / Please ensure
that you keep the RECEIPT issued upon submisson of your assignment as proof of submission.
Your assignment is considered as NOT submitted if you fail to produce the submission receipt in
any dispute arises concerning assignment submission.

PENILAIAN / EVALUATION
Tugasan ini menyumbang sehingga 60% daripada jumlah markah kursus berkenaan dan akan dinilai
berdasarkan kepada Rubrik yang dilampirkan. / This assignment accounts for 60% of the total
marks for the course and shall be assessed based on the Rubrics attached.

Anda akan diberikan maklum balas tentang tugasan ini sebelum Peperiksaan Akhir Semester
bermula. / You would be given feedback on the assignment before the Final Semester Examination
commences.

PLAGIARISME: POTONGAN MARKAH / PLAGIARISM: MARKS DEDUCTION

Amaran: Tugasan yang diserahkan, secara automatik, akan disemak untuk menentukan kadar
pertindihan. Jika plagiarisme dikesan, markah akan dipotong seperti berikut: / Warning: The
submitted assignment will automatically undergo a similarity check. If plagiarism is detected, marks
would be deducted as follows:

% Kumpulan Pertindihan (Similarity % Potongan Markah (Marks

No.
Group) Deduction)
1 0 – 30 0
2 30.01 – 50 5
3 50.01 – 70 10
4 70.01 – 100 100

Tugasan yang dikenal pasti mempunyai pertindihan tugasan bagi mana-mana kumpulan pertindihan
di atas tidak dibenarkan untuk rayuan. Bagi pelajar dalam kategori pertindihan tugasan kumpulan
70.01-100, akses online rayuan semakan semula tugasan bagi subjek berkaitan dilupuskan dari
pilihan rayuan. / Assignments found to have similarities under any of the categories above; will not
be entitled to apply for appeal. For learners who fall into the 70.01-100 similarities group, the access
for online appeal for assignment remarking of the subject will be disabled from the appeal options.
 ASSIGNMENT QUESTION

PURPOSE

The purpose of this assignment is to assess learner’s knowledge and understanding about basic
web development and the practical aspect of creating online forms and writing script with
JavaScript.

Tujuan soalan ini adalah untuk menilai pengetahuan dan kefahaman pelajar tentang pembangunan
web yang asas dan aspek praktikal untuk membina borang dan menulis skrip dengan menggunakan
JavaScript.

REQUIREMENT / QUESTION 1

Today, a personal web site become one of the platform to present who you are to your targeted
audience. A personal web site is used to highlight your personality, profile, interests, hobbies,
achievements and more.

Using HTML code, create a web site about yourself that meet the following site requirements:

 Home page: This page will include a brief introduction of the web site, links to the other pages,
pictures, etc.
 About me page: This page tells about yourself, your skills and everything that people need to
know about you, pictures, etc.
 Content Page: This page will include information either about your family, your hobbies,
achievement or other contents of your interest.
 Pictures page: This page will include an organized set of appropriate pictures.
 Future Plans Page: This page will include an outline of what you plan to do in the future.
 Resume page. You need to create a resume for yourself and post it on this page.

Your web site also should consider the following guidelines:

a. Suggest any attractive names for the web site
b. Organize the contents such as text or images by using the table layout
c. Use appropriate graphics or images, colours, texts and fonts.
Pada masa kini, sebuah tapak web peribadi menjadi salah satu platform untuk
mempersembahkan siapa anda kepada khalayak sasaran anda. Tapak web peribadi
digunakan untuk menyerlahkan personaliti, profil, minat, hobi, pencapaian dan banyak lagi.

Menggunakan kod HTML, bina sebuah tapak web mengenai diri anda yang memenuhi
keperluan laman berikut:

• Halaman Utama: Laman ini akan merangkumi pengenalan ringkas tapak web, pautan ke
halaman lain, gambar, dll.
• Halaman Mengenai Saya: Laman ini menceritakan tentang diri anda, kemahiran anda dan
segala yang perlu diketahui oleh orang tentang anda, gambar, dll.
• Halaman Kandungan: Laman ini akan memasukkan maklumat sama ada mengenai
keluarga anda, hobi anda, pencapaian atau kandungan lain yang anda minati.
• Halaman Gambar: Laman ini akan merangkumi set gambar yang sesuai.
• Halaman Perancangan Masa Hadapan: Laman ini akan merangkumi kerangka kasar
mengenai rancangan yang akan anda lakukan pada masa akan datang.
• Halaman Resume. Anda perlu menghasilkan resume untuk diri sendiri dan
menyiarkannya di laman ini.

Tapak web anda juga harus mempertimbangkan garis panduan berikut:

a. Cadangkan mana-mana nama yang menarik untuk tapak web ini
b. Atur kandungan seperti teks atau imej dengan menggunakan susun atur jadual
c. Gunakan grafik atau imej, warna, teks dan fon yang sesuai

[30]
REQUIREMENT / QUESTION 2

Write a JavaScript program that prompts for an employee name, employee no, rate of pay and
hours worked, and computes the total pay for the employee. If the hours worked is greater than 40
hours, compute by using 1.5 times regular rate for the extra hours. For example, if one works for
50 hours and the rate paid is RM10.00/hour, the total pay should be RM550.00.

Include screenshots that show the output of each code for working hours < 40 hours, = 40 hours,
and > 40 hours. Sample window shown on Figure 1.

Figure 1 / Rajah 1

If the application does not receive any input, you need to use an alert to request the user to insert
the values (refer Figure 2).

Figure 2 / Rajah 2

Tulis aturcara JavaScript yang memerlukan kemasukkan maklumat nama pekerja, nombor pekerja,
kadar bayaran dan jam bekerja, dan pengiraan jumlah bayaran yang diperolehi oleh pekerja. Jika jam
bekerja lebih besar dari 40 jam, pengiraan adalah 1.5 kali kadar biasa untuk jam yang selebihnya.
Contoh, jika seseorang bekerja untuk 50 jam dan kadar bayaran adalah RM10.00/jam, maka jumlah
bayaran adalah RM550.00.

Sertakan paparan skrin yang menunjukkan output untuk setiap kod bagi jam bekerja < 40 jam,
= 40 jam dan > 40 jam. Contoh tetingkap ditunjukkan dalam Rajah 1.

Sekiranya aplikasi tidak menerima sebarang input, anda dikehendaki menggunakan ‘alert’ untuk
meminta pengguna memasukkan input tersebut (rujuk Rajah 2).

[30]
[Total/Jumlah: 60 marks/markah]

MUKA SURAT TAMAT / END OF PAGE

 ATTACHMENT
ASSIGNMENT RUBRICS
CBWP2203 WEB PROGRAMMING / JANUARY 2019

QUESTION 1

Unsatisfactory/
Tidak memuaskan
Excellent/
Good/Baik Fair/Sederhana Poor/Lemah Or/atau
Weightage/ Cemerlang Max
Criteria/Kriteria No response/ Tiada
Pemberat Marks
respons
4 3 2 1 0
Completion for task: Web The task was Most of the task Moderate Implemented only a No implementation
Element implemented was implementation of small chunk of this of the tasks
 Suggestion of web site successfully implemented the task correctly task
name correctly
 The selection of appropriate
information to be displayed
on web site
 All 6 pages developed meet
the site requirements
Kesempurnaan bagi tugas: 2.0 Arahan Kebanyakan Perlaksanaan arahan Hanya sebahagian Tiada perlaksanaan 8
Elemen Web dilaksanakan arahan yang sederhana kecil arahan arahan
 Cadangan nama tapak web dengan dilaksanakan secara betul dilaksanakan
 Pemilihan maklumat yang cemerlang dengan betul
bersesuaian untuk
dipaparkan pada tapak web
 Kesemua 6 laman yang
dibangunkan memenuhi
keperluan-keperluan tapak
Completion of task: Web Design The task was Most of the task Moderate Implemented only a No implementation
 Overall Layout implemented was implementation of small chunk of this of the tasks
 Contents are organized on successfully implemented the task correctly task
web page – text, list and correctly
pictures arrangement
 The use of appropriate font,
list, graphics, table and form
 Colour selection
 Creativity elements
 Correct and complete
hyperlink
Kesempurnaan bagi tugas: Reka Arahan Kebanyakan Perlaksanaan arahan Hanya sebahagian Tiada perlaksanaan
2.0 8
bentuk Web dilaksanakan arahan yang sederhana kecil arahan arahan
 Susun atur keseluruhan dengan dilaksanakan secara betul dilaksanakan
 Kandungan tersusun pada cemerlang dengan betul
laman web – penyusunan
teks, senarai dan gambar
 Penggunaan fon, senarai,
grafik, jadual dan borang
yang bersesuaian
 Pemilihan warna
 Elemen kreativiti
 Pautan yang betul dan
sempurna

Coding Standards Codes written Codes were Codes were Codes were not well Wrong coding
 HTML elements and tags were very well organised organised in organised
 Variable naming structured and properly moderate manner
 Indentation creatively
 Comment organised

Piawaian Kod 1.0 Kod ditulis Kod disusun Kod disusun dengan Kod tidak disusun Pengekodan yang 4
 Elemen dan tag HTML dengan sangat dengan baik cara sederhana dengan sempurna salah
 Penamaan Pemboleh ubah berstruktur dan
 Jarak Indentasi disusun dengan
 Komen kreatif
Runtime  The program The program was  The program was  The program was The program could
was executed executed mostly executed but not executed due not be executed at
with all the with the correct mostly with to errors all
correct output output incorrect output  OR the program
 AND the  OR the program was executed
program was was executed with the correct
executed by with the correct output but the
fulfilling all output but the written coding did
the written coding did not fulfil all the
requirements not fulfil few of question’s
as stated in the question’s requirements
the question requirements

Masa Larian 1.0  Aturcara ini Aturcara ini  Aturcara ini  Aturcara ini tidak Aturcara tidak dapat 4
dilaksanakan dilaksanakan dilaksanakan dilaksanakan dilaksanakan
dengan semua dengan tetapi kebanyakan disebabkan ralat langsung
output yang kebanyakan output adalah  ATAU aturcara ini
betul output yang betul salah dilaksanakan
 DAN aturcara  ATAU aturcara ini dengan output
ini dilaksanakan yang betul tetapi
dilaksanakan dengan output kod ditulis tidak
dengan yang betul tetapi memenuhi
memenuhi kodnya ditulis keperluan soalan
semua tanpa memenuhi
keperluan beberapa
yang keperluan soalan
dinyatakan
dalam soalan
Efficiency Solution is Solution is A logical solution A difficult and Wrong solution
efficient, efficient and easy that is easy to follow inefficient solution
understandable to follow but it is not the most
and easy to efficient solution
maintain

Efisiensi 1.0 Penyelesaian Penyelesaian Penyelesaian logikal Penyelesaian yang Penyelesaian yang 4
adalah berkesan, adalah berkesan yang senang diikuti sukar dan tidak salah
boleh difahami dan senang tetapi ianya bukanlah berkesan
dan senang diikuti penyelesaian paling
diselenggara berkesan

Requirement of Documentation Excellent Good Brief documentation Incomplete No documentation &

(Source Code files & Document documentation documentation with source code file documentation & source code file
file. Document file has copy of and complete together with without source code
codes, screenshots of the with source code source code file file
program output and program file
comments)

Keperluan Dokumentasi 0.5 Dokumentasi Dokumentasi Dokumentasi yang Dokumentasi yang Tiada dokumentasi 2
(fail sumber & fail dokumen. Fail yang cemerlang yang memuaskan ringkas bersama tidak lengkap dan dan fail kod sumber
dokumen mengandungi salinan dan lengkap bersama dengan dengan fail kod tanpa fail kod sumber
kod, imbasan skrin output dengan fail kod fail kod sumber sumber
aturcara dan komen aturcara) sumber

TOTAL 7.5 30
QUESTION 2

Unsatisfactory/
Tidak memuaskan
Excellent/
Good/Baik Fair/Sederhana Poor/Lemah Or/atau
Weightage/ Cemerlang Max
Criteria/Kriteria No response/ Tiada
Pemberat Marks
respons
4 3 2 1 0
Completion for task: Web The task was Most of the task Moderate Implemented only a No implementation
Element & Design implemented was implementation of small chunk of this of the tasks
 Overall form design successfully implemented the task correctly task
 Correct usage and correctly
arrangement of form
elements
 The selection of appropriate
information to be displayed
on the form

Kesempurnaan bagi tugas: 2.0 Arahan Kebanyakan Perlaksanaan arahan Hanya sebahagian Tiada perlaksanaan 8
Elemen & Reka Bentuk Web dilaksanakan arahan yang sederhana kecil arahan arahan
 Reka bentuk form secara dengan dilaksanakan secara betul dilaksanakan
keseluruhan cemerlang dengan betul
 Penggunaan dan
penyusunan elemen-elemen
borang yang tepat
 Pemilihan maklumat yang
bersesuaian untuk
dipaparkan pada borang
Completion of task: The task was Most of the task Moderate Implemented only a No implementation
Functionality implemented was implementation of small chunk of this of the tasks
 Correct output displayed successfully implemented the task correctly task
 Call function JavaScript at correctly
suitable place.
 Calculate and reset
functions with JavaScript
 Use correct formula to
calculate
 Validation function with
JavaScript

Kesempurnaan bagi tugas: 2.0 Arahan Kebanyakan Perlaksanaan arahan Hanya sebahagian Tiada perlaksanaan 8
Kefungsian dilaksanakan arahan yang sederhana kecil arahan arahan
 Paparan output yang tepat dengan dilaksanakan secara betul dilaksanakan
 Panggil fungsi JavaScript cemerlang dengan betul
pada tempat yang sesuai
 Fungsi pengiraan dan reset
dengan JavaScript
 Penggunaan formula yang
betul untuk pengiraan
 Fungsi pengesahan dengan
JavaScript

Coding Standards Codes written Codes were Codes were Codes were not well Wrong coding
 HTML elements and tags were very well organised organised in organised
 Variable naming structured and properly moderate manner
 Indentation creatively
 Comment organised

Piawaian Kod 1.0 Kod ditulis Kod disusun Kod disusun dengan Kod tidak disusun Pengekodan yang 4
 Elemen dan tag HTML dengan sangat dengan baik cara sederhana dengan sempurna salah
 Penamaan Pemboleh ubah berstruktur dan
 Jarak Indentasi disusun dengan
 Komen kreatif
Runtime  The program The program was  The program was  The program was The program could
was executed executed mostly executed but not executed due not be executed at
with all the with the correct mostly with to errors all
correct output output incorrect output  OR the program
 AND the  OR the program was executed
program was was executed with the correct
executed by with the correct output but the
fulfilling all output but the written coding did
the written coding did not fulfil all the
requirements not fulfil few of question’s
as stated in the question’s requirements
the question requirements

Masa Larian 1.0  Aturcara ini Aturcara ini  Aturcara ini  Aturcara ini tidak Aturcara tidak dapat 4
dilaksanakan dilaksanakan dilaksanakan dilaksanakan dilaksanakan
dengan semua dengan tetapi kebanyakan disebabkan ralat langsung
output yang kebanyakan output adalah  ATAU aturcara ini
betul output yang betul salah dilaksanakan
 DAN aturcara dengan output
ini  ATAU aturcara ini yang betul tetapi
dilaksanakan dilaksanakan kod ditulis tidak
dengan dengan output memenuhi
memenuhi yang betul tetapi keperluan soalan
semua kodnya ditulis
keperluan tanpa memenuhi
yang beberapa
dinyatakan keperluan soalan
dalam soalan
Efficiency Solution is Solution is A logical solution A difficult and Wrong solution
efficient, efficient and easy that is easy to follow inefficient solution
understandable to follow but it is not the most
and easy to efficient
maintain

1.0 4
Efisiensi Penyelesaian Penyelesaian Penyelesaian logikal Penyelesaian yang Penyelesaian yang
adalah berkesan, adalah berkesan yang senang diikuti sukar dan tidak salah
boleh difahami dan senang tetapi ianya bukanlah berkesan
dan senang diikuti penyelesaian paling
diselenggara berkesan

Requirement of Documentation Excellent Good Brief documentation Incomplete No documentation &

(Source Code files & Document documentation documentation with source code file documentation & source code file
file. Document file has copy of and complete together with without source code
codes, screenshots of the with source code source code file file
program output and program file
comments)

Keperluan Dokumentasi 0.5 Dokumentasi Dokumentasi Dokumentasi yang Dokumentasi yang Tiada dokumentasi 2
(fail sumber & fail dokumen. Fail yang cemerlang yang memuaskan ringkas bersama tidak lengkap dan dan fail kod sumber
dokumen mengandungi salinan dan lengkap bersama dengan dengan fail kod tanpa fail kod sumber
kod, imbasan skrin output dengan fail kod fail kod sumber sumber
aturcara dan komen aturcara) sumber

TOTAL 7.5 30