ICT1512 Introduction to Interactive Programming. Assignment 7 Discussion

Transcription

1 Join Meeting Ensure you have latest version of Adobe Flash installed Click headset icon in upper left corner to join audio Do NOT activate webcam! Do NOT change audio icon next to your name! Introduce yourself in chat space to the left of the screen

2 ICT1512 Introduction to Interactive Programming Assignment 7 Discussion

3 Assignment 7 Details available in IMPORTANT INFORMATION learning unit on myunisa

4 Assignment 7 90 marks 50% of Year Mark Unique number Due date 2018/04/20

5 Assignment Requirements You are required to design a simple website for the company where you work which will allow employees to capture birthdays and to sign up for birthday celebrations. If you are unemployed you need to contact a business in your area and obtain permission from them to design the site based on their business information. The site must consist of a MAXIMUM of THREE pages and ONE output page. For THIS assignment you only need to include JavaScript coding to make the site interactive. Do NOT include HTML/CSS code when submitting the assignment!

6 Assignment Requirements 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.

7 Example Page 1

8 Assignment Requirements Page 2 Create Function 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 The form must also make use of cookies to remember specific user information (chapter 8 and 9). The form should allow for capturing of: the name of the person who s birthday it is a short birthday message time and date of the birthday celebration duration of the celebration venue of the celebration allow the user options to select whether refreshments will be served: such as tea and biscuits if it s a short celebration finger lunch if its more than 2 hours sit down lunch if its more than 4 hours the name and contact details (phone number, office number and address) of the person scheduling the celebration

9 Example Page 2

10 Assignment Requirements Page 3 Sign-up for Meeting 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 The form must also make use of cookies to remember specific user information (chapter 8 and 9). The form should allow for capturing of: name and contact details (phone number, office number and address) of the person attending the celebration list of celebrations should be shown in a select list using radio buttons the user should indicate if they will partake in the refreshments or not if the user selects to partake in the refreshments the program must calculate the TOTAL amount for refreshments for a specific celebration

11 Example Page 3

12 Assignment Requirements 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.

13 Example Page 4

14 Specific Requirements 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. Cover Page Assignment number Unique number Student number Student name Module code

15 Specific Requirements 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: 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

16 Example Logic Design RewardingMinutes validpages = True display Enter the number of pages read: enter pages if pages is numeric then select case pages case 0 to 20 minutes = 0 case 21 to 50 minutes = 10 case 51 to 100 minutes = 40 case 101 to 400 minutes = 75 case else display The pages must be > 0 and not more than 400. validpages = False endselect else validpages = False display The number of pages must be numeric endif if validpages = True then if minutes = 0 then display You must read more than 20 pages to watch TV. Better luck next time. else display Good girl! You may watch TV for, minutes, minutes. endif endif end

17 Specific Requirements 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 Do NOT include ANY HTML code Do NOT include ANY CSS code

18 Specific Requirements 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.

19 Example of Images

20 Specific Requirements 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.

21 Example Markup Validation

22 Specific Requirements 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]

23 Specific Requirements Other documents Permission Letter The permission letter the business has to sign can be downloaded from Additional Resources to the left of this screen. 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. 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.

24 Submission What? Logic Design (Algorithms/Pseudocode) JavaScript Code ONLY! Screen shots of Output Screen shots of Markup Validation Permission Letter Declaration Form Rubric

25 Assignment Format 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. 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. Marks WILL be deducted if you do not include the rubric and do not give yourself APPROPRIATE marks in the rubric

26 Additional Resources

27 How to submit assignment 7 Do the assignment in a Word document (Use the template available in the Additional Resources if you are unsure). Give each of your assignment sections heading and subheadings, number the pages and create a Table of Content. Save your assignment, once it has been saved click on the Save As option in your word processing program, change the save as file type to.pdf and save your document again. Do NOTE use a PDF converter program, it corrupts the file making it un-markable! The assignment MUST be submitted via the myunisa website, it may not be posted, faxed or ed to the lecturer. If you are unsure of how the assignment should be submitted using myunisa refer to the help file on myunisa. To submit the assignment, click on Assessment Info to the left of the screen. Locate ICT1512, Assignment 7 and click on the submit link. Follow the onscreen instructions to submit the assignment. If you submit the assignment in any other format than a normal PDF submitted via myunisa it can NOT be marked! We make use of Adobe Acrobat Professional to mark the assignments onscreen thus zipped documents, word processing documents, protected PDF documents and any other document except a normal PDF document cannot be opened by the program and can thus not be marked.

28 Where to submit

29 Calculating Year Mark [Assignment 1 * 0.08] + [Assignment 2 * 0.08] + [Assignment 3 * 0.08] + [Assignment 4 * 0.08] + [Assignment 5 * 0.09] + [Assignment 6 * 0.09] + [Assignment 7 * 0.5] = Year mark

30 Calculating Final Mark [Yearmark x 49%] + [Exam mark x 51%] = Final mark

31

32 Please do not merely close the window Logout using icon in upper right corner Recording of the session will be available in Meetings in about minutes