CBWP2203 Assignment Brief

SPECIFIC INSTRUCTION / ARAHAN KHUSUS

Answer in ENGLISH or MALAY.
Jawab dalam BAHASA INGGERIS atau BAHASA MELAYU.
Submit your assignment ONCE only in MULTIPLE files. (preferable in zip file)
Hantar tugasan SEKALI sahaja dalam BEBERAPA fail. (digalakkan dalam bentuk zip file).
Submit your assignment ONLINE.
Tugasan ini dihantar secara DALAM TALIAN.
Submission date: 9 March 2026.
Tarikh penghantaran: 9 Mac 2026.
This assignment accounts for 60% of the total marks for the course.
Tugasan ini menyumbang sebanyak 60% dari jumlah markah kursus.

ASSIGNMENT QUESTION

PURPOSE

The purpose of this assignment is to assess students’ ability to design and develop a multi-page informational and interactive website for a real-world digital service by applying correct HTML structure, clear page organisation, effective navigation, multimedia elements, and basic JavaScript interactivity.

REQUIREMENT / ASSIGNMENT QUESTION

You are part of a small digital development team assigned to develop a Community Learning Support Website for a local neighbourhood learning centre. The centre offers short courses, workshops, and learning activities for school leavers, working adults, and lifelong learners. The website will act as an information hub where visitors can explore available programmes, understand how the centre operates, view activities, and communicate with the centre through an online form. Your task is to design and develop a website that presents this information clearly, professionally, and interactively.

TASK 1: Website Development

You need to develop the website with the following minimum specifications:

A home page with a suitable title:
- An engaging home page with a clear and appropriate title, a welcoming message explaining the role of the learning centre, an overview of the target users (students, adults, community members), highlights of key services or activities and navigation menu linking to all other pages.
SIX additional pages, with different titles and information as follows:
- Page 1: About the Learning Centre
  This page introduces the history and purpose of the centre, outlines its vision and mission statements, highlights the target community and learning focus, provides operating hours and location details, and features an image or short introductory video accompanied by descriptive alternative (alt) text.
- Page 2: Programmes & Courses
  This page shows the programmes and short courses offered by the community learning centre. Each course is listed with its title, duration, and a short description. This page also clearly states who each programme is intended for, enabling visitors to select suitable courses easily. The information is arranged using tables or lists, with simple icons or images to make the page clear and easy to read.
- Page 3: Workshops & Events
  This page showcases the workshops and events held by the learning centre. It lists each event with its name, date, time, and venue. A short description explains what happens during the session. Event photos are included to show the activities, and simple JavaScript features such as a slideshow or hover effect are used to make the page more interactive.
- Page 4: Learning Resources
  This page provides learning resources for visitors. It includes downloadable materials such as notes or guides, useful learning links, and embedded video or tutorial content. The resources are organised into clear categories so users can find information easily and use the materials for self-learning or revision.
- Page 5: Community & Achievements
  This page highlights the community involvement and achievements of the learning centre. It shares participant testimonials, learning experiences, and success stories to show the impact of the programmes. The page also presents key achievements such as completed courses and recognised activities, supported by simple visual elements like icons or badges to make the information clear and engaging.
- Page 6: Enquiry
  This page allows visitors to contact the learning centre easily. It provides basic contact information such as address, email, and phone number, together with an online enquiry form. A user-friendly form, developed in TASK 2, must be included for visitors to submit their details and messages.
Development Requirements:
- The structure of the website must be built using HTML/XHTML with correct and consistent elements and attributes.
- Each page should include appropriate web components such as headings, paragraphs, hyperlinks connecting different pages, images, icons, tables, forms, font styles, and colour schemes.
- The overall design must apply consistent styling to ensure readability, accessibility, and professional design across devices and browsers.
- Information should be presented in a clear and structured layout. For example, resumes can be structured using tables or lists for clarity, professional experiences can be displayed using timelines, and projects can be showcased using grid-based layouts. The overall presentation should balance readability with professional aesthetics.
- The website must integrate appropriate multimedia elements such as images, icons, and videos to enhance its professional appearance and engagement. All media should be optimised for web use, include descriptive alternative (alt) text for accessibility, and contribute meaningfully to the website content rather than serving as decoration alone.
- Overall, the website should present in a professional and user-friendly manner, with a visually appealing design to create a positive impression on visitors.

TASK 2: Online Enquiry Form

You are required to design and develop an online form using HTML and JavaScript. The form must be placed on Page 6: Enquiry in Task 1 (Sample form shown in Figure 1). The form should be styled to match the overall design theme of your website, applying the same fonts, colours, and layout principles.

Figure 1: Sample Form / Rajah 1: Contoh Borang

When the visitor clicks the “Submit” button, the data entered must be displayed on the page in a structured format, as shown in Figure 2 (Sample of data displayed).

Figure 2: Sample of data displayed/ Rajah 2: Contoh data yang dipaparkan

The form must include JavaScript validation functions to ensure that all required fields are completed before submission. If the form does not receive any input or invalid input, display an alert or pop-up message, prompting the user to enter the correct values (refer to the sample in Figure 3).

Figure 3: Sample Alert / Rajah 3: Contoh ‘Alert’

[Refer to the rubric for detail criteria and specification]

[Total/Jumlah: 60 marks/markah]

Submission Procedure

All assignments must be submitted online through myINSPIRE in multiple files, preferably compressed into a single ZIP folder for easier uploading and grading. Your submission must include the following:

1) FILE 1 – Main Document (.pdf):

- Provide a proposal and written explanations of your work, clearly describing how each webpage was developed.
- Insert screenshots of all webpages, forms, and outputs to demonstrate functionality and design.

2) FILE 2 – Zip File (Source Files):

- Include all HTML files, JavaScript files, and any other related source code.
- Include all supporting media such as images, icons, and videos used in the website.
- Ensure that all your webpages can be opened directly from these files and navigated fully.
- IMPORTANT: This ZIP file is mandatory to ensure that each webpages and web form can be tested by e-grader. If this file is not uploaded, e-grader will not be able to evaluate your work.

SOALAN TUGASAN

TUJUAN

Tujuan tugasan ini adalah untuk menilai keupayaan pelajar untuk mereka bentuk dan membangunkan tapak web maklumat dan interaktif berbilang halaman untuk perkhidmatan digital dunia sebenar dengan menggunakan struktur HTML yang betul, organisasi halaman yang jelas, navigasi yang berkesan, elemen multimedia dan interaktiviti JavaScript asas.

KEPERLUAN / SOALAN TUGASAN

Anda adalah sebahagian daripada pasukan pembangunan digital kecil yang ditugaskan untuk membangunkan Tapak Web Sokongan Pembelajaran Komuniti untuk pusat pembelajaran kejiranan tempatan. Pusat ini menawarkan kursus pendek, bengkel dan aktiviti pembelajaran untuk lepasan sekolah, orang dewasa yang bekerja dan pelajar sepanjang hayat. Tapak web ini akan bertindak sebagai hab maklumat di mana pelawat boleh meneroka program yang tersedia, memahami cara pusat beroperasi, melihat aktiviti dan berkomunikasi dengan pusat melalui borang dalam talian. Tugas anda adalah untuk mereka bentuk dan membangunkan tapak web yang membentangkan maklumat ini dengan jelas, profesional dan interaktif.

TUGAS 1: Pembangunan Web

Anda perlu membangunkan tapak web dengan spesifikasi minimum berikut:

Sebuah halaman utama dengan tajuk yang sesuai:
- Halaman utama yang menarik dengan tajuk yang sesuai dan jelas, mesej alu-aluan yang menerangkan peranan pusat pembelajaran, gambaran keseluruhan sasaran pengguna (pelajar, dewasa, ahli komuniti), sorotan perkhidmatan atau aktiviti utama dan menu navigasi yang memautkan ke semua halaman lain.
ENAM halaman tambahan dengan tajuk dan maklumat yang berbeza seperti berikut:
- Halaman 1: Mengenai Pusat Pembelajaran
  Halaman ini memperkenalkan sejarah dan tujuan pusat, menggariskan visi dan penyataan misinya, mengetengahkan komuniti sasaran dan fokus pembelajaran, menyediakan waktu operasi dan butiran lokasi, dan menampilkan imej atau video pengenalan pendek yang disertakan dengan teks alternatif (alt) deskriptif.
- Halaman 2: Program & Kursus
  Halaman ini menunjukkan program dan kursus pendek yang ditawarkan oleh pusat pembelajaran komuniti. Setiap kursus disenaraikan dengan tajuk, tempoh dan penerangan ringkas. Halaman ini juga menyatakan dengan jelas untuk siapa setiap program bagi membolehkan pelawat memilih kursus yang sesuai dengan mudah. Maklumat disusun menggunakan jadual atau senarai, dengan ikon atau imej ringkas untuk menjadikan halaman jelas dan mudah dibaca.
- Halaman 3: Bengkel & Acara
  Halaman ini mempamerkan bengkel dan acara yang diadakan oleh pusat pembelajaran. Ia menyenaraikan setiap acara dengan nama, tarikh, masa dan tempatnya. Penerangan ringkas menerangkan apa yang berlaku semasa sesi tersebut. Foto acara disertakan untuk menunjukkan aktiviti, dan ciri JavaScript mudah seperti tayangan slaid atau kesan hover digunakan untuk menjadikan halaman lebih interaktif.
- Halaman 4: Sumber Pembelajaran
  Halaman ini menyediakan sumber pembelajaran untuk pelawat. Ia termasuk bahan yang boleh dimuat turun seperti nota atau panduan, pautan pembelajaran yang berguna dan kandungan video atau tutorial terbenam. Sumber-sumber disusun ke dalam kategori yang jelas supaya pengguna boleh mencari maklumat dengan mudah dan menggunakan bahan tersebut untuk pembelajaran kendiri atau semakan.
- Halaman 5: Komuniti & Pencapaian
  Halaman ini mengetengahkan penglibatan dan pencapaian komuniti pusat pembelajaran. Ia berkongsi testimoni peserta, pengalaman pembelajaran dan kisah kejayaan untuk menunjukkan impak program. Halaman ini juga memaparkan pencapaian utama seperti kursus yang telah diselesaikan dan aktiviti yang diiktiraf, disokong oleh elemen visual mudah seperti ikon atau lencana untuk menjadikan maklumat jelas dan menarik.
- Halaman 6: Pertanyaan
  Halaman ini membolehkan pelawat menghubungi pusat pembelajaran dengan mudah. Ia menyediakan maklumat hubungan asas seperti alamat, e-mel dan nombor telefon, bersama-sama dengan borang pertanyaan dalam talian. Borang mesra pengguna, yang dibangunkan dalam Tugasan 2, mesti disertakan untuk pelawat menghantar butiran dan mesej mereka.
Keperluan Pembangunan:
- Struktur tapak web mesti dibina menggunakan HTML/XHTML dengan elemen dan atribut yang betul dan konsisten.
- Setiap halaman harus mempunyai komponen web yang sesuai seperti tajuk, perenggan, hiperpautan yang menghubungkan halaman yang berbeza, imej, ikon, jadual, borang, gaya fon dan skema warna.
- Reka bentuk keseluruhan mesti menggunakan penggayaan yang konsisten untuk memastikan kebolehbacaan, kebolehcapaian dan reka bentuk profesional merentas peranti dan pelayar.
- Maklumat hendaklah dibentangkan dalam susun atur yang jelas dan tersusun. Sebagai contoh, resume boleh distrukturkan menggunakan jadual atau senarai untuk kejelasan, pengalaman profesional boleh dipaparkan menggunakan garis masa, dan projek boleh dipamerkan menggunakan reka letak berasaskan grid. Persembahan keseluruhan harus mengimbangi kebolehbacaan dengan estetika profesional.
- Tapak web mesti menyepadukan elemen multimedia yang sesuai seperti imej, ikon dan video untuk meningkatkan penampilan dan penglibatan profesionalnya. Semua media harus dioptimumkan untuk kegunaan web, menyertakan teks alternatif (alt) deskriptif untuk kebolehcapaian dan menyumbang secara bermakna kepada kandungan tapak web, bukannya sekadar hiasan semata-mata.
- Secara keseluruhannya, tapak web harus dipaparkan secara profesional, mesra pengguna dengan reka bentuk yang menarik secara visual untuk mencipta kesan positif kepada pelawat.

TUGAS 2: Borang Pertanyaan Dalam Talian

Anda dikehendaki mereka bentuk dan membangunkan borang dalam talian menggunakan HTML dan JavaScript. Borang ini mesti diletakkan di Halaman 6: Pertanyaan dalam Tugasan 1. (Contoh borang ditunjukkan dalam Rajah 1). Borang tersebut hendaklah digayakan untuk dipadankan dengan tema reka bentuk keseluruhan tapak web, menggunakan fon, warna, dan prinsip susun atur yang konsisten.

Apabila pelawat mengklik butang “Hantar”, data yang dimasukkan mesti dipaparkan pada halaman dalam format yang teratur, seperti yang ditunjukkan dalam Rajah 2 (Contoh data yang dipaparkan).

Borang mesti memasukkan fungsi pengesahan JavaScript bagi memastikan semua medan wajib diisi sebelum penghantaran. Jika borang tidak menerima sebarang input atau menerima input yang tidak sah, paparkan amaran atau tetingkap timbul untuk meminta pengguna memasukkan nilai yang betul (rujuk kepada contoh dalam Rajah 3).

[Rujuk rubrik untuk butiran kriteria dan spesifikasi]

Prosedur Penyerahan

Semua tugasan mesti dihantar secara dalam talian melalui myINSPIRE dalam bentuk beberapa fail, dan sebaiknya digabungkan ke dalam satu folder ZIP bagi memudahkan proses muat naik dan penilaian. Penyerahan anda hendaklah mengandungi perkara berikut:

1) FAIL 1 – Dokumen Utama (.pdf):

- Sediakan cadangan dan penjelasan bertulis berkaitan tugasan anda, dengan huraian yang jelas mengenai bagaimana setiap laman web dibangunkan.
- Sertakan tangkapan skrin (screenshot) bagi semua laman web, borang, dan output untuk menunjukkan kefungsian serta reka bentuk yang telah dilaksanakan.

2) FAIL 2 – Fail ZIP (Fail Sumber):

- Sertakan semua fail HTML, fail JavaScript, serta kod sumber lain yang berkaitan.
- Masukkan semua media sokongan seperti imej, ikon, dan video yang digunakan dalam tapak web.
- Pastikan setiap halaman web anda boleh dibuka secara langsung daripada fail ini dan boleh dinavigasi sepenuhnya.
- PENTING: Fail ZIP ini adalah wajib bagi memastikan setiap halaman web dan borang web dapat diuji oleh sistem e-grader. Jika fail ini tidak dimuat naik, e-grader tidak akan dapat menilai tugasan anda.

MUKA SURAT TAMAT / END OF PAGE

Need Help with CBWP2203 Web Programming Assignment at OUM?

Hire Assignment Helper Now!

CBWP2203 WEB PROGRAMMING ASSIGNMENT RUBRICS / JANUARY 2026

QN/ NS	CLO	Criteria/Kriteria	Weightage/ Pemberat	Excellent/ Cemerlang	Good/Baik	Fair/Sederhana	Poor/Lemah	Unsatisfactory/ Tidak memuaskan	Max Marks
QN/ NS	CLO	Criteria/Kriteria	Weightage/ Pemberat	4	3	2	1	0	Max Marks
1, 2	2	Completion for task: Web Element · Website has a clear and professional name/title that reflects the identity and purpose of the Community Learning Support centre. · Appropriate and relevant information is selected and displayed on each webpage to support community learning needs. · Content is highly relevant and well-structured. · All 7 required pages (Home + 6) are fully developed.	1.5	The task was implemented successfully.	Most tasks were implemented correctly.	Moderate implementation of the task correctly.	Implemented only a small chunk of this task.	No implementation of the tasks.	6.0
1, 2	2	Kesempurnaan bagi tugas: Elemen Web · Tapak web mempunyai nama/tajuk yang jelas dan profesional yang mencerminkan identiti serta tujuan pusat sokongan pembelajaran komuniti. · Pemilihan maklumat yang sesuai dan relevan dipaparkan pada setiap laman web bagi menyokong keperluan pembelajaran komuniti. · Kandungan adalah sangat relevan dan tersusun dengan baik. · Semua 7 halaman yang diperlukan (Laman Utama + 6) dibangunkan sepenuhnya.	1.5	Arahan dilaksanakan dengan cemerlang.	Kebanyakan arahan dilaksanakan dengan betul.	Pelaksanaan arahan yang sederhana secara betul.	Hanya sebahagian kecil arahan dilaksanakan.	Tiada pelaksanaan arahan.	6.0
1, 2	2	Completion of task: Web Design · Overall Layout: professional, clean, and aesthetically consistent. · Content Organisation: Text, lists, and images arranged in a clear, logical, and user-friendly manner to support readability and professional presentation. · Visual Elements: Use of appropriate fonts, sizes, and styles; graphics, icons, option menus, tables, and forms integrated meaningfully to enhance user experience. · Colour Scheme: consistent colour selection that enhances readability. · Content is highly readable and visually appealing.	1.5	The task was implemented successfully.	Most tasks were implemented correctly.	Moderate implementation of the task correctly.	Implemented only a small chunk of this task.	No implementation of the tasks.	6.0
1, 2	2	Kesempurnaan bagi tugas: Reka bentuk Web · Susun Atur Keseluruhan: Profesional, kemas, dan konsisten dari segi estetik. · Pengorganisasian Kandungan: Teks, senarai, dan imej disusun dengan jelas, logik, dan mesra pengguna untuk menyokong keterbacaan serta penyampaian profesional. · Elemen Visual: Penggunaan fon, saiz, dan gaya yang sesuai; grafik, ikon, menu pilihan, jadual, dan borang diintegrasikan secara bermakna untuk meningkatkan pengalaman pengguna. · Skema Warna: Pemilihan warna yang konsisten serta meningkatkan keterbacaan. · Kandungan sangat mudah dibaca dan menarik.	1.5	Arahan dilaksanakan dengan cemerlang.	Kebanyakan arahan dilaksanakan dengan betul.	Pelaksanaan arahan yang sederhana secara betul.	Hanya sebahagian kecil arahan dilaksanakan.	Tiada pelaksanaan arahan.	6.0
1, 2	2	Page Navigation · All pages (Home, About the Learning Centre, Programmes & Courses, Workshops & Events, Learning Resources, Community & Achievements, Enquiry) are properly linked to each other for smooth navigation. · Functionality: All hyperlinks are complete, consistent, descriptive, and functioning without errors. · Usability & Accessibility: Navigation menus are intuitive, consistent across all pages, and accessible with clear labels and visible focus indicators.	1.25	The task was implemented successfully.	Most tasks were implemented correctly.	Moderate implementation of the task correctly.	Implemented only a small chunk of this task.	No implementation of the tasks.	5
1, 2	2	Navigasi laman · Semua halaman (Laman Utama, Tentang Pusat Pembelajaran, Program & Kursus, Bengkel & Acara, Sumber Pembelajaran, Komuniti & Pencapaian, Pertanyaan) dipautkan dengan betul antara satu sama lain bagi memastikan navigasi yang lancar. · Kefungsian: Semua pautan hiper adalah lengkap, konsisten, deskriptif, dan berfungsi tanpa ralat. · Kebolehgunaan & Kebolehcapaian: Menu navigasi adalah intuitif, konsisten di semua halaman, dan mudah dicapai dengan label yang jelas serta penunjuk fokus yang kelihatan.	1.25	Arahan dilaksanakan dengan cemerlang.	Kebanyakan arahan dilaksanakan dengan betul.	Pelaksanaan arahan yang sederhana secara betul.	Hanya sebahagian kecil arahan dilaksanakan.	Tiada pelaksanaan arahan.	5
1, 2	3	Media Integration: · Use of Various Media Types: Images, icons, multimedia, and visual elements are used meaningfully to strengthen the content. · Media Optimisation: All media are well-chosen, optimised for web use (size, format), and accompanied by descriptive alt text to ensure accessibility. · Relevance & Consistency: Media and visual elements are relevant, professional, and consistent with the overall website design theme.	1.25	The task was implemented successfully.	Most tasks were implemented correctly.	Moderate implementation of the task correctly.	Implemented only a small chunk of this task.	No implementation of the tasks.	5
1, 2	3	Integrasi Media: · Penggunaan Pelbagai Jenis Media: Imej, ikon, multimedia, dan elemen visual digunakan secara bermakna untuk memperkukuh kandungan. · Pengoptimuman Media: Semua media dipilih dengan baik, dioptimumkan untuk kegunaan web (saiz, format), dan disertakan dengan teks deskriptif bagi memastikan kebolehcapaian. · Relevan & Konsisten: Media dan elemen visual adalah relevan, profesional, serta konsisten dengan tema reka bentuk keseluruhan tapak web.	1.25	Arahan dilaksanakan dengan cemerlang.	Kebanyakan arahan dilaksanakan dengan betul.	Pelaksanaan arahan yang sederhana secara betul.	Hanya sebahagian kecil arahan dilaksanakan.	Tiada pelaksanaan arahan.	5
1, 2	3	Creativity Elements: · Website Design: Reflects originality and the identity of the Community Learning Support centre. · Creative Features: Creative elements such as icons, badges, visual highlights, hover effects, or simple animations are smoothly integrated across the website. · Value of Creativity: Creative elements improve user engagement and strengthen the professional image of the Community Learning Support website.	1.0	The task was implemented successfully.	Most tasks were implemented correctly.	Moderate implementation of the task correctly.	Implemented only a small chunk of this task.	No implementation of the tasks.	4.0
1, 2	3	Elemen Kreativiti: · Reka Bentuk Tapak Web: Mencerminkan keaslian serta identiti pusat sokongan pembelajaran komuniti. · Ciri Kreatif: Semua ciri kreatif seperti ikon, lencana, elemen visual, kesan hover, atau animasi ringkas diintegrasikan dengan lancar. · Nilai Kreativiti: Kreativiti meningkatkan penglibatan pengguna serta memperkukuh tahap profesionalisme tapak web sokongan pembelajaran komuniti.	1.0	Arahan dilaksanakan dengan cemerlang.	Kebanyakan arahan dilaksanakan dengan betul.	Pelaksanaan arahan yang sederhana secara betul.	Hanya sebahagian kecil arahan dilaksanakan.	Tiada pelaksanaan arahan.	4.0
2	3	Create <form> element: · Overall form design includes all required fields. · Correct usage and arrangement of form elements. · The selection of appropriate information to be displayed on the form. · Styled consistently with overall website theme. · The form is linked to the main website.	1.25	The task was implemented successfully.	Most tasks were implemented correctly.	Moderate implementation of the task correctly.	Implemented only a small chunk of this task.	No implementation of the tasks.	5
2	3	Cipta elemen <form>: · Reka bentuk keseluruhan borang merangkumi semua medan yang diperlukan. · Penggunaan dan susunan elemen borang yang betul. · Pemilihan maklumat yang sesuai untuk dipaparkan dalam boring. · Digayakan secara konsisten dengan tema keseluruhan tapak web. · Borang dipautkan dengan tapak web utama.	1.25	Arahan dilaksanakan dengan cemerlang.	Kebanyakan arahan dilaksanakan dengan betul.	Pelaksanaan arahan yang sederhana secara betul.	Hanya sebahagian kecil arahan dilaksanakan.	Tiada pelaksanaan arahan.	5
2	3	Form Functionality: · JavaScript fully validates inputs (all required fields, correct formats) · Submitted data displayed in clear, structured format. · Alerts prompt corrections.	1.25	The task was implemented successfully.	Most tasks were implemented correctly.	Moderate implementation of the task correctly.	Implemented only a small chunk of this task.	No implementation of the tasks.	5
2	3	Kefungsian Borang: · JavaScript mengesahkan input sepenuhnya (semua medan yang diperlukan, format yang betul). · Data yang dihantar dipaparkan dalam format yang jelas dan teratur. · Amaran memberi arahan untuk pembetulan.	1.25	Arahan dilaksanakan dengan cemerlang.	Kebanyakan arahan dilaksanakan dengan betul.	Pelaksanaan arahan yang sederhana secara betul.	Hanya sebahagian kecil arahan dilaksanakan.	Tiada pelaksanaan arahan.	5
1, 2	3	Interactivity & Dynamic Features: · Multiple interactive/dynamic features implemented smoothly (e.g., dropdown menus, slideshows, responsive behaviours, modals, animations). · All features are well-integrated, error-free, and align with the website theme. · Interactivity clearly improves user engagement and usability.	1.25	The task was implemented successfully.	Most tasks were implemented correctly.	Moderate implementation of the task correctly.	Implemented only a small chunk of this task.	No implementation of the tasks.	5.0
1, 2	3	Interaktiviti & Ciri Dinamik: · Pelbagai ciri interaktif/dinamik dilaksanakan dengan lancar (contohnya, menu lungsur turun, tayangan slaid, tingkah laku responsif, modals, animasi). · Semua ciri diintegrasikan dengan baik, bebas ralat, dan sejajar dengan tema tapak web. · Interaktiviti jelas meningkatkan penglibatan pengguna dan kebolehgunaan.	1.25	Arahan dilaksanakan dengan cemerlang.	Kebanyakan arahan dilaksanakan dengan betul.	Pelaksanaan arahan yang sederhana secara betul.	Hanya sebahagian kecil arahan dilaksanakan.	Tiada pelaksanaan arahan.	5.0
1, 2	2	Usage of correct HTML or XHTML tags to define the structure of the website. · Consistently correct use of HTML/XHTML tags and attributes. · Elements are correctly marked up with opening, content, and closing tags. · Code is semantic, accessible, and standards-compliant (e.g., alt attributes, proper headings).	1.0	The task was implemented successfully.	Most tasks were implemented correctly.	Moderate implementation of the task correctly.	Implemented only a small chunk of this task.	No implementation of the tasks.	4.0
1, 2	2	Penggunaan tag HTML atau XHTML yang betul bagi menentukan struktur tapak web. · Penggunaan tag dan atribut HTML/XHTML yang betul secara konsisten. · Elemen ditanda dengan betul menggunakan tag pembuka, kandungan, dan tag penutup. · Kod adalah semantik, boleh diakses, dan mematuhi piawaian (contohnya, atribut alt, tajuk yang betul).	1.0	Arahan dilaksanakan dengan cemerlang.	Kebanyakan arahan dilaksanakan dengan betul.	Pelaksanaan arahan yang sederhana secara betul.	Hanya sebahagian kecil arahan dilaksanakan.	Tiada pelaksanaan arahan.	4.0
1,2	2	Code Quality & Standards: · HTML elements and tags: follows all standards consistently. · Variables are well-named and easy to read. · Well-Indentation and spacing. · Meaningful comments are included to explain structure, logic, and key sections. · Code is clean, easy to maintain, and professional.	1.0	Codes written were very well structured and creatively organised.	Codes were organised properly.	Codes were organised in moderate manner.	Codes were not well organised.	Wrong coding.	4.0
1,2	2	Kualiti & Piawaian Kod: · Elemen dan tag HTML: mengikut semua piawaian secara konsisten. · Pembolehubah dinamakan dengan baik dan mudah dibaca. · Penjarakan dan indentasi yang baik. · Komen yang bermakna disertakan untuk menerangkan struktur, logik, dan bahagian utama. · Kod adalah kemas, mudah diselenggara, dan professional.	1.0	Kod ditulis dengan sangat berstruktur dan disusun dengan kreatif.	Kod disusun dengan baik.	Kod disusun dengan cara sederhana.	Kod tidak disusun dengan sempurna.	Pengekodan yang salah.	4.0
1, 2	3	Runtime · Website loads quickly, runs smoothly across devices and browsers. · Contains no runtime errors. · Optimised for performance.	0.75	Website loads very quickly, smooth on all devices / browsers, no errors, fully optimised.	Website loads reasonably fast, runs smoothly on most devices / browsers, no major errors, some optimisation.	Website loads with some delay, minor errors appear, works on some devices / browsers.	Website loads slowly, frequent errors, not well optimised.	Website could not be executed at all.	3.0
1, 2	3	Masa Larian · Tapak web dimuat dengan pantas, berjalan lancar merentasi peranti dan pelayar. · Tidak mengandungi ralat masa larian. · Dioptimumkan untuk prestasi.	0.75	Tapak web dilaksanakan dengan sangat pantas, lancar pada semua peranti/pelayar, tiada ralat, sepenuhnya dioptimumkan.	Tapak web dilaksanakan dengan agak pantas, berfungsi lancar pada kebanyakan peranti/pelayar, tiada ralat besar, sebahagian dioptimumkan.	Tapak web dilaksanakan agak delay, terdapat ralat kecil, hanya berfungsi pada sesetengah peranti/pelayar.	Tapak web dilaksanakan dengan perlahan, kerap ralat, tidak dioptimumkan dengan baik.	Tapak web tidak dapat dilaksanakan langsung.	3.0
1, 2	3	Efficiency	0.75	Solution is highly efficient, easy to understand, and simple to maintain. Code is optimised with no redundancy.	Solution is efficient and easy to follow. Minor redundancy or inefficiency may exist but overall performance is good.	A logical solution that works and is easy to follow but not the most efficient (e.g., redundant steps, less optimised).	A difficult solution that is inefficient, hard to understand, and not practical to maintain.	Wrong solution provided; does not meet requirements or fails to run.	3.0
1, 2	3	Efisyen/kecekapan	0.75	Penyelesaian adalah sangat berkesan, mudah difahami, dan senang diselenggara. Kod dioptimumkan tanpa pengulangan yang tidak perlu.	Penyelesaian adalah berkesan dan senang diikuti. Terdapat sedikit pengulangan atau ketidakcekapan kecil tetapi prestasi keseluruhan masih baik.	Penyelesaian logikal yang mudah diikuti tetapi bukanlah penyelesaian paling berkesan (contohnya langkah berulang, kurang dioptimumkan).	Penyelesaian yang tidak cekap, sukar difahami dan tidak praktikal untuk diselenggara.	Penyelesaian yang salah; tidak memenuhi keperluan atau gagal dilarikan.	3.0
1, 2	3	Requirement of Documentation · Include all source Code Files & Document File. · Screenshots of all pages and outputs included. · Well-written with clear formatting.	1.25	Excellent documentation and complete with complete source code file.	Good documentation together with source code file.	Brief documentation with source code file.	Incomplete documentation & without source code file.	No documentation & source code file.	5.0
1, 2	3	Keperluan Dokumentasi: · Sertakan semua Fail Kod Sumber & Fail Dokumen. · Tangkapan skrin bagi semua halaman dan output disertakan. · Ditulis dengan baik dengan format yang jelas.	1.25	Dokumentasi yang cemerlang dan lengkap dengan fail kod sumber yang lengkap.	Dokumentasi yang memuaskan bersama dengan fail kod sumber.	Dokumentasi yang ringkas bersama dengan fail kod sumber.	Dokumentasi yang tidak lengkap dan tanpa fail kod sumber.	Tiada dokumentasi dan fail kod sumber.	5.0
		TOTAL	15.0						60.0

*QN = Question Number / *NS = Nombor Soalan

Get Complete CBWP2203 Web Programming Assignment Help with OUM Standard

Take Expert Help Now!

Get Help By Expert

Many students find the CBWP2203 Web Programming assignment challenging because it requires designing a complete multi-page website using proper HTML structure, consistent styling, multimedia integration, navigation linking, JavaScript interactivity, and form validation — all aligned with the official rubric requirements. But you don’t need to worry, as Malaysia Assignment Help provides expert web programming assignment help strictly following Open University Malaysia guidelines. You can also explore our project examples for structured academic support. Get 100% human-written website source code, professional documentation (.pdf), screenshots, and ZIP-ready files tailored for myINSPIRE submission.

Answer

CBWP2203 Web Programming / Pengaturcaraan Web Assignment Brief 2026 | OUM

UP TO 15 % DISCOUNT

Instant Paper Writing Services by Native Malaysia Writers

Plagiarism Free Solutions

100% Original Work

24*7 Online Assistance

Native PhD Experts

Hire a Writer Now

CBWP2203 Web Programming / Pengaturcaraan Web Assignment Brief 2026 | OUM

Open University Malaysia (OUM)

Individual Assignment

CBWP2203 Web Programming

02/26/2026