Assignment title: Information


ITECH2106-6106 Webpage & Multimedia Design CRICOS Provider No. 00103D ITECH2106-6106 Assignment 3-Website Development.docx Page 1 of 4 Assignment 3: Website Development 20 type A marks - Due week 11 – Friday 5pm Objectives This assessment task examines the following Learning Outcomes and Attributes: • Knowledge: o Recognise the importance of content organisation, interface design, interface usability and the accessibility issues associated with multimedia and web design; o Identify and apply the design principles that underlie good multimedia and webpage design, from both a visual & content design perspective; • Skills: o Demonstrate the appropriate use of visual and content design tools, and multimedia and web authoring software; o Develop a sophisticated web site from scratch, using information gathering and design techniques. • Application: o Select appropriate design principles to design multimedia products and web pages that are align with project expectations; o Operate appropriate software packages to build multimedia products and web pages that are align with project expectations. • Values: o Appreciate ethical behaviour in relation to multimedia and web page design, in particular issues related to copyright. This semester you are required to analyse, design and develop a Personal Website that is: • Small, unique and professional in appearance; • About yourself and your career ambitions; • A portfolio of your achievements; and • A showcase to future potential employers. This task runs the entire semester and is broken down into three assignments. ! The requirements of this personal website that you must analyse, design and develop can be found in the document "Major Assignment Overview" on Moodle ! In this final assignment, students are required to develop their personal website from scratch, based on the design document that they created in Assignment 2. The target audience analysed in Assignment 1 should be taken into account during creation, as well as avoiding the mistakes made by the competition during the competitive analysis. Additional requirements for building the website are listed on the next page. Personal Website Assignments:ITECH2106-6106 Webpage & Multimedia Design CRICOS Provider No. 00103D ITECH2106-6106 Assignment 3-Website Development.docx Page 2 of 4 Plagiarism Students are expected to hand in their own work. Each document will be quite unique in the way that each student goes about their analysis. Any suspicion of plagiarism will be thoroughly investigated and, if proven, dealt with in accordance with the University's policy on Plagiarism. Avoiding Plagiarism: Plagiarism information for students Plagiarism Policy: Federation University Plagiarism Policy Assessment Requirements Brief Report • Together with the website, you must provide a brief report with the following details: o Indicate the preferred browser and resolution for your website. o List in dot point, any changes you made to your design document and the reason you made that change. o Indicate exactly where in your website you incorporated the CSS3 requirements. This will make it easier for markers to assess this requirement. Developing the Website • The structure and content requirements from the "Major Assignment Overview" document must be followed. • NO TEMPLATES CAN BE USED. The website must be coded by yourself. • Utilising code from ITECH2106-6106 lab sheets is allowable. All of the labs this semester are designed to help you with this assignment; learning HTML, CSS and JavaScript. Do not discount their potential to assist with parts of developing this website. • www.w3schools.com and www.sitepoint.com are two great websites to keep open while developing a website, to see examples of HTML and CSS code. • All html files must begin with the declaration. • The structure of your website should be built using HTML5 tags styled with CSS where applicable: o o HT where necessary. • All content should be formatted and styled using an external cascading stylesheet (CSS). o This is to keep content and style strictly separated. o A maximum of 2 external stylesheets are allowed. • JavaScript and jQuery are allowed. • No server-side scripting languages. • The entire completed website must be fully functional, including any JavaScript used.ITECH2106-6106 Webpage & Multimedia Design CRICOS Provider No. 00103D ITECH2106-6106 Assignment 3-Website Development.docx Page 3 of 4 Folder Structure • Website-Name-ID – This folder should have your name and ID and will hold all of the .html files o css – to hold the .css file(s) o images – to hold all image files o othermedia – to hold any video, animation files o scripts – to hold any scripting files • This will make it easier for you to manage and easier for markers to access your files. Content Pages • Home page filename should be named "index.html" • All pages must have: o A suitable file name for each page. Eg. "about.html"; o A suitable for each page. Eg. "About Joe Bloggs"; o A suitable heading for each page. Eg. "About Joe" heading above the content; o Appropriately "chunked" content; o Used writing for the web practices; Use of Plain Language and the "Inverted Pyramid" style of writing; o Images, sound, and other media file sizes optimised for download and display. • Any HTML <form> used on the site should: o Be well-designed and styled with CSS, and their intent must be clear; o NOT use PHP or other server side technologies. Functionality of such forms may therefore be limited, and only have partial functionality (prototype stage), but should be fully designed, and; o Contain data validation, error messages, user feedback etc. (either in a pop-up window, or simple dialog boxes written with JavaScript) Navigation • There should be a clear, intuitive and consistent navigation structure on the website. You should have detailed this design in Assignment 2, and implemented it in this website. Design • Students must adhere to the following, which will contribute towards higher marks: o Rules of good visual design; o Usability guidelines related to Colour, Typography, Placement of objects, Readability and Balance. o Designs must show a solid understanding of the use of other elements such as; contrast, white space, layout, focal point, alignment, proximity, etc.ITECH2106-6106 Webpage & Multimedia Design CRICOS Provider No. 00103D ITECH2106-6106 Assignment 3-Website Development.docx Page 4 of 4 Submission Before submission, you should first test your website on a different computer to where you worked on it. This will confirm whether links, images and other media are referenced relative to the html file location, and not an absolute address on your personal computer! Submission is via Moodle. Please submit in the form of a ZIP file containing: • The entire folder structure of your website; and • Your brief report. Please refer to the "Course Description" for information regarding; late assignments, extensions, special consideration, and plagiarism. Students are reminded that all academic regulations can be accessed via the universities Website. Handbook Regulations: Publication of the handbook for students Presentation Guidelines: APA Style Presentation and Referencing Guide for Students </h3> <div id="footer"></div> </html>