Page 1 = Home Page

1.The name and logo or brand of the business must be displayed on the home page.

2.A short description of what the business does must be provided.

3.A short description of YOUR role in the business must be provided.If you are unemployed you should write what you would like your role to be in the business you are developing the site for.

4.The home page must show a calendar where birthdays scheduled by the users are displayed as links on the day the birthday is going to take place (chapter 3 and chapter 7).

5.Users must be able to click on the link in the calendar to sign up for a specific birthday celebration.

6.The home page should also contain a minimum of 5 images related to the business.

7.The images must runs as a photo gallery at the top of the page (chapter 5).

8.The user must be able to zoom in on the images.

Page 2 - Create Celebration

1.The form which the user can complete to create a birthday must validate all fields entered by the user to ensure the correct information is being entered

2.The form must also make use of cookies to remember specific user information (chapter 8 and 9).

3.The form should allow for capturing of:

a.the name of the person who's birthday it is

b.a short birthday message

c.time and date of the birthday celebration

d.duration of the celebration

e.venue of the celebration

f.allow the user options to select whether refreshments will be served:

i.such as tea and biscuits if it's a short celebration

ii.finger lunch if its more than 2 hours

iii.sit down lunch if its more than 4 hours

g.the name and contact details (phone number, office number and e-mail address) of the person scheduling the celebration

Page 3 - Sign-up for Celebration

1.The form where a user can sign up for a celebration must validate all fields entered by the user to ensure the correct information is being entered

2.The form must also make use of cookies to remember specific user information (chapter 8 and 9).

3.The form should allow for capturing of:

a.name and contact details (phone number, office number and e-mail address) of the person attending the celebration

b.list of celebrations should be shown in a select list

c.using radio buttons the user should indicate if they will partake in the refreshments or not

d.if the user selects to partake in the refreshments the program must calculate the TOTAL amount for refreshments for a specific celebration

Page 4 - Output Page

The Create Celebration page (Page 2) should contain a button which allows the user who created the celebration to view a screen of the information of everyone who signed up for the celebration as well as the total cost of the refreshments for the celebration.

Assignment Format

Download the Assignment7.docx template from Additional Resources to the left of this screen if you are unsure how to accomplish the formatting.

The Assignmen7Rubric (also available for download under the Additional Resources) MUST be included in your assignment if you are not using the provided template.

YOU must award yourself marks on the rubric according to the work you have completed.

• The assignment must be completed in a word processing program such as Microsoft Word and saved as a .PDF file for submission.
• The assignment must have a cover page with the assignment number, unique number, student number, student name and module code.
• There must be a table of content with page numbers where different sections of the assignment can be located.
• The font used must be Arial, size 12, single line spacing, A4 page size in portrait.
• Student number must be in the header of each page.
• Page number must be in the footer right corner of each page.
• Each section of the assignment must have a clear heading, which correlates to the table of content.

The project must consist of the following:

Use the headings tool in Microsoft Word to provide headings for each section mention in your Assignment 7 document. Use the page numbering tool in Microsoft Word to add page numbers to the bottom right corner of the pages. Use the Table of Contents tool in Microsoft Word to create your table of contents.

1.Cover Page

Assignment number

Unique number

Student number

Student name

Module code

2.Logic Design

In your Microsoft Word Assignment 7 document design the logic for each of the functions you will be adding to your JavaScript file using Pseudo code use the information you studied in ICT1511 from chapter 1 - 11 to accomplish this task.

Here is the link to a Youtube video that you can watch that explains it well, with examples:

https://www.youtube.com/watch?v=Rg-fO7rDsds

• function to place daysOfWeek values in header row cells
• function to place day of month value in first p element within each table data cell that has an id
• function to place activity values in second p element within each table data cell that has an id
• function to populate calendar
• function to updateAttendees
• function to populate images
• functions to switch images to left or right
• function to automatically switch images
• function to zoom images
• function to add eventListeners
• functions to validate input fields in order form and contact us page
• functions to submit meeting schedule and meeting sign up pages
• functions to accept cookies information
• function to calculate refreshment costs

3.JavaScript File

Use your text editor to write the code, Notepad, Notepad++, Notepad 2, once your JavaScript code is complete, copy the code and paste it into the Microsoft Word Assignment 7 document

4.Output

Use a screen capture tool to capture the images and paste it in your Microsoft Word Assignment 7 document.MINIMUM of 8 images.

• Render your HTML pages in your preferred browser and make screen captures of each page
• Add the screen capture for the home page, zooming of images, entering information for meetings, entering information for attending meetings, the pages indication some of the errors when user enters incorrect information and the submitted pages, these must be clear images so we can determine if the JavaScript functions are implemented.

5.Markup Validation

Use a screen capture tool to capture the image and paste it in your Microsoft Word Assignment 7 document

• Use the markup validation tool described in chapter 1 to check the home page, gallery page, extra mural activity page and application page.
• Add the screen capture for the 3 pages to the document, these must be clear images so we can determine if the pages validated correctly.
• Mark will be detected for errors on the markup validation, but not for warnings.

6.Questions and Answers

Rewrite one of the functions in your code.Answer the following 3 questions related to the function you are using.[10]

Question 1

Identify the element, a local variable, a DOM object and parameters used in the function.[7]

Question 2

Explain why these particular parameters were used.[4]

Question 3

Explain what the purpose of this function is.[4]

7.Permission Letter

The permission letter the business has to sign can be downloaded from Additional Resources to the left of this screen.

8.Declaration Form

The declaration form can be downloaded from the Additional Resources; it must be completed and included in the assignment.This is a legally binding document and should it be found that you have copied this assignment or paid someone else to complete it for you, you WILL be expelled from the university.

9.Rubric

Download the Rubric from Additional Resources on myUnisa and include it at the BOTTOM of your assignment.If you do not include the Rubric in the assignment we cannot mark it and you WILL be penalized for this, we WILL deduct 20% from your assignment mark.

You MUST give yourself a mark in the Student Mark column for each of the points in the rubric.This will ensure that you have complied with all the requirements set out for the assignment and the examination project.If you do not give yourself a mark we WILL deduct 10% from your assignment mark.

Your project should conform and include at least 50% of the requirements in order to be marked. In cases where the project lacks most of the requirements a 15% submission mark will be allocated only.

NO handwritten or hand drawn diagrams will be accepted or marked. We live in an ICT rich environment and various tools are available.

Please take pride in your work. The project could be included as part of a portfolio which you could use as part of your extended CV later.

See Additional Resources on the left of the myUnisa website for an example of an assignment.

Submission - What?

1.Cover Page

2.Logic Design (Algorithms/Pseudocode)

3.JavaScript Code

4.Screen shots of Output

5.Screen shots of Markup Validation

6.Questions and Answers

7.Permission Letter

8.Declaration Form

9.Rubric