Dr G. Raikundalia This assignment guide must only be used for the purposes of completing the assignment, and not used elsewhere or in other places. NIT1204 Web Application and Server Management Semester 2 2016 Assignment 1 READ THE FOLLOWING GUIDELINES CAREFULLY AND UNDERSTAND ALL REQUIREMENTS BEFORE STARTING THIS ASSIGNMENT Assessment Overview You are to develop from the beginning a web site about yourself. This web site provides certain required details about you. You will design and develop your web site with NetBeans using PHP, HTML and Cascading Style Sheets. This assignment is worth 25% of the total marks for the unit. Students complete the assignment individually. Description The purpose of this assignment is for you to build a Web site that will contain some details about yourself, e.g., languages spoken, number of mobile phones owned, etc. This assignment involves creation of three PHP files corresponding to the three pages of your web site and all are connected to an external CSS file. You will need to determine how your site will be designed and then you will develop the pages using PHP, HTML and CSS. The pages and CSS file you will develop are explained below. Home page (.php file) The first page of your site the user sees will be a home page. This page will be a welcome to the site. You will explain to the user what the site is about. The content of the page will include at least two paragraphs. You will include a text field where the user will enter their name. You must prompt (ask) the user for their name. However, they will simply type their name into that text field and press Enter to continue with the application (there should be no submit button that the user has to click to continue with the application). The word limit for this page is 130 – 150 words. You must keep the number of words within this range. Personal details page (.php file) Begin this page with an appropriate heading (as all pages of the site will have) reflecting that this page deals with your personal details. At the top of the page you will welcome the user by referring to them by the name they entered on the home page. The page will show the following details:  The town/city where you were born  The country where you were bornNIT1204 2016 Assignment 1 2  Languages you can speak  What sports you are interested in  What television programs you like The above details must be shown within a definition list1. There will be one definition list for all the above details. You need to set each definition term part of the list to be a field; this field indicates what data follows the definition term. You will then use the definition parts of the list to show the actual data. For instance, the field in one definition term for the languages you speak could be "Languages spoken:" and the data associated with that field is a set of one or more languages that you speak. Change the colour of the definition terms (only the definition terms) to some other colour than the default black colour. Ownership page (.php file) This page shows your ownership of different items. Like the previous page, show a heading at the top of the page followed by a welcome referring to their name they entered on the home page. The ownership information about items will be shown in a table. There will be one table in the page to show all the following information, where all numbers reflect totals for items owned both in the past as well as now:  Number of mobile phones owned  Number of laptop computers owned  Number of desktop computers owned  Number of tablet computers owned Work out exactly how you will show the above information in this table. If you have not owned any of the above items, you may invent fictitious data. For instance, if you have never owned a tablet, you can state that the number of tablets is some made up number. Cascading Style Sheet You must use an external CSS file for formatting used for all web pages. Other All pages of the site will contain the following: a heading on every page to convey what that page is about. Ensure that you use appropriate names for all files of the site. Avoid file names that reflect that they are about a university assignment, but instead reflect what their purpose is in the site. Also ensure that file contents are laid out properly and neatly and that all code is indented consistently and properly. 1 If you cannot recall what a definition list was when you learnt HTML, you will need to look this up.NIT1204 2016 Assignment 1 3 Important issues Do not include any images in your site. Using images from other sites where permission is not granted will violate copyright associated with those images. No marks are being awarded for use of images. It is without a doubt that students could be able copy text or other material from the other sites and include it, as it is, in their own sites. This would be a clear case of plagiarism. Plagiarism is a form of academic dishonesty that in this case would involve theft of material, and this would result in penalisation of the student. To avoid students plagiarising material from other sites, and therefore prevent penalisation of students, all content that is used in the student's site must be totally written in their own words. It is not allowable for students to use the source material, in the form it has been written at the source site, within the student's site. You should watch the plagiarism-related videos placed on VU Collaborate to assist you in avoiding plagiarism. Assignment Mode Students carry out the assignment individually. Students must not share any part of their work with each other.NIT1204 2016 Assignment 1 4 Marking Scheme You must test that your pages work in the browser. It is recommended to test each page on both browsers. Note below that there are marks for getting the pages to work in the browser and you must debug any errors to avoid loss of marks. Home page Design and coding 1 Content 1 Text field and its associated prompt and functionality 2 Page viewable (i.e., actually works) in browser 2 Personal details page Design and coding 1 Content 7 Personal details page viewable (i.e., actually works) in browser 2 Ownership page Design and coding 1 Content 6 Ownership page viewable (i.e., actually works) in browser 2 CSS One external CSS applied to all pages 2 Other Heading on every page 1 Relevant naming of all files used in site 1 Layout and indentation of files 1 Total: 30 The mark out of 30 is converted to a final mark out of 25. Deductions Word count of home page outside of range up to -2 marks Notes:  Make sure you have completed all lab work relevant to a particular aspect of the assignment before commencing work on that aspect of the assignment. Lab exercises are where learning, errors and practice occur before embarking on a larger task (the assignment) worth many marks.NIT1204 2016 Assignment 1 5 Assignment Submission This assignment is due on Monday, 12 September 2016 BEFORE 5.00pm. Your submission will contain three PHP files and a CSS file. All of these files will be placed in a relevant folder hierarchy and zipped for submission. Please be clear that the unit coordinator and lecturer will not be responsible for a student who is unable to submit successfully working copies of files in their submission. The student will have no further chance to submit files or receive any remarking, if this is the case. Make sure you have fully tested your application in your /xampp/htdocs directory before zipping and submitting. Please also be clear that unsuccessful (or no) submission of the assignment on VU Collaborate also means no further chance to submit the assignment or receive any remarking. However, VU Collaborate:  allows you at a couple of points during the submission process to verify what you are about to submit (i.e., you can click on links to the zip file to check the zip file's contents that you are about to submit)  automatically sends an email your account to confirm successful submission of the assignment. To help yourself in ensuring that the unit coordinator is able to unzip your zip file and mark your assignment, download the zip file you submitted via the Assignment 1 VU Collaborate form, "Submit Files - Assignment 1" (mentioned below), and unzip it to your /xampp/htdocs directory and re-test. If there is a problem for you in unzipping the files, then there will also be a problem for the unit coordinator, and you will receive 0 marks. In submitting your zip in the Assignment 1 area at the Assessment Dropbox, you will need to go to the page with a form ("Submit Files - Assignment 1") where you upload the zip file. This form contains the "terms and conditions" of the assignment such as declaring that you have not plagiarised, have kept a copy of your work, etc. In uploading and submitting your zip file, you are agreeing to these "terms and conditions", which you are being bound by in submitting work for the assignment and receiving a mark for it. The files are compressed into a zip file where the name of the zip file is composed of the student ID. Note that you must compress all files into a zip and submit this zip file. If you submit files individually, then you may experience the risk that VU Collaborate may change the code inside your files (for security reasons) and that, as a result, your files may not work. As should be clear by now, such files will lose marks. Note that the time of submission at the VU Collaborate site as recorded in the unit coordinator's area of VU Collaborate will be used as the official time of submission. If you submit an assignment more than once (which is unusual and rarely would students do), then the last one will be marked. If the last version is submitted during the lateness period, a lateness penalty will be applied to that last version so that it will attract a penalty according to how many days late it was submitted. Assignments will not be accepted and marked 5 days after the submission deadline. 5% of the total assignment mark is deducted for each business day the assignment is submitted late.