1.1: Differentiate client side and server side web programming with their uses and technologies used

Introduction

Prior to attempting this coursework assignment, learners must familiarise themselves with the following policies:

• Centre Specification

o Can be found at https://qualifi.net/qualifi-level-5-diploma-in-it-web-design/

• Qualifi Quality Assurance Standards
• Qualifi Quality Policy Statement

Plagiarism and Collusion

In submitting the assignment Learner’s must complete a statement of authenticity confirming that the work submitted for all tasks is their own. The statement should also include the word count.

Your accredited study centre will direct you to the appropriate software that checks the level of similarity. Qualifi recommends the use of https://www.turnitin.com as a part of the assessment.

Plagiarism and collusion are treated very seriously. Plagiarism involves presenting work, excerpts, ideas or passages of another author without appropriate referencing and attribution.

Collusion occurs when two or more learners submit work which is so alike in ideas, content, wording and/or structure that the similarity goes beyond what might have been mere coincidence

Please familiarise yourself on Qualifi’s Malpractice and Maladministration policy, where you can find further information

Referencing

A professional approach to work is expected from all learners. Learners must therefore identify and acknowledge ALL sources/methodologies/applications used.

The learner must use an appropriate referencing system to achieve this. Marks are not awarded for the use of English; however, the learner must express ideas clearly and ensure that appropriate terminology is used to convey accuracy in meaning.

Qualifi recommends using Harvard Style of Referencing throughout your work.

Appendices

You may include appendices to support your work, however appendices must only contain additional supporting information, and must be clearly referenced in your assignment.

You may also include tables, graphs, diagrams, Gantt chart and flowcharts that support the main report should be incorporated into the back of the assignment report that is submitted.

Any published secondary information such as annual reports and company literature, should be referenced in the main text of the assignment, in accordance of Harvard Style Referencing, and referenced at the end of the assignment.

Confidentiality

Where a Learner is using organisational information that deals with sensitive material or issues, they must seek the advice and permission from that organisation about its inclusion

Where confidentiality is an issue, Learners are advised to anonymise their assignment report so that it cannot be attributed to that particular organisation.

Word Count Policy

Learners must comply with the required word count, within a margin of +10%. These rules exclude the index, headings, tables, images, footnotes, appendices and information contained within references and bibliographies.

When an assessment task requires learners to produce presentation slides with supporting notes, the word count applies to the supporting notes only.

Submission of Assignments

All work to be submitted on the due date as per Centre’s advice.

All work must be submitted in a single electronic document (.doc file), or via Turnitin, where applicable.

This should go to the tutor and Centre Manager/Programme Director, plus one hard copy posted to the Centre Manager (if required)

Marking and grades

Qualifi uses a standard marking rubric for all assignments, and you can find the details at the end of this document. Unless stated elsewhere, Learners must answer all questions in this document.

Assignment Question

Task 1 – 1000 words

Understand web design

1.1: Differentiate client side and server side web programming with their uses and technologies used (1.1)

1.2: Describe the evolution of DOM and state the limitations of ‘Level 1’ (1.2)

1.3: What advantages and disadvantages of using XML and JSON and state the key differences between XML and JSON (1.3)

1.4: What are common HTML events and what canEvent Handlers in Javascript can do? (1.4)

1.5: Describe when you should choose a web application over a desktop application? (1.5)

1.6: What are common types of multimedia that you can use in web applications and state the impact on the performance with using them and suggest how you can minimise these performance issues? (1.6)

Assessment Criteria

1.1 Differentiate between client-side and server side programming

1.2 Analyse the history of Document Object Modelling (DOM)

1.3 Analyse the similarities and differences between XML and JSON

1.4 Evaluate the extent to which the benefits of using events outweigh the problems

1.5 Analyse the advantages and disadvantages of and differences between desktop and web applications

1.6 Analyse the problems associated with multimedia objects in browsers and recommend practicable solutions

Task 2 – 1000 words

Create dynamic web pages

2.1 : You are required to create a web application to facilitate the following.

• A login page that prompt for username and password that are stored in a database (2.4)

• A dynamic CSS which can be customized for several color schemes (2.6)

• For users that are not registered, a registration page which gatherers and validate the following information: (2.2, 2.3)
  • Unique username
  • Unique email in the valid format
  • Mandatory First name and Last name

• Once logged in, user must be able to enter his/her ID number and retrieve personal information using JSON or XML which are stored separately (2.1)

• User will have various menu items to access different pages and they will have the option to hide/show menu items as per their preference (2.5)

Assessment Criteria

2.1 Create a data model through the application of XML and JSON that meets the brief

2.2 Use JS to validate a form so that it meets the brief

2.3 Use JS to validate user input so that it meets the brief

2.4 Use JS to process user input at client side so that it meets the brief

2.5 Use JS to create a dynamic navigation menu that meets the brief

2.6 Use Dreamweaver to create a dynamic web page that uses Cascading Style Sheets (CSS) that meets the brief