FIT1046 Interactive Media Foundations S2 2019 Assignment 3: Secret Histories of Small Objects [30%] BRIEF: In this assignment, your will design and implement a single-page web site using HTML, CSS and original photographic and image assets that you have created. The webpage will be about a collection of 8 small objects that you have photographed yourself. The objects must share a common theme. The webpage will also present text information (real or fictional) about each of the objects in the collection. The webpage will be presented as a single long-scrolling page divided into several sections. At the top of the page, the first section will introduce the collection, providing context and explaining the significance of the collection. Below this, there will be a separate section for each object. You must provide at least 1 clear image and a description of no more than 100 words for each object. At the end of the page, a final section will provide brief information about the owner of the collection, or where the collection can be viewed. Additionally, while it is important that each page section has its own unique presentation, all sections must share a common visual style with professional branding. Basic elements and principles of design should be applied with an understanding of typography and design conventions normally applied in modern web sites. Initial design and prototyping for the webpage must make use of rough placeholder sketches representing images and photos that will appear the final site. This will allow you begin coding the webpage layout before photos and graphics have been finalised. You are expected to document this process. You are not expected to implement interactive functionality or animations in the web page. No marks will be awarded for use of JavaScript code, so it is important that you focus your efforts on creating a compelling visual design and implementing the page layout. The site does not need to work on a mobile phone. TASK: To design and create a webpage using HTML, CSS and original image assets. The website will present a collection of 8 photographed objects including written information about each object (a minimum 25 words, up to a maximum of 100 words, per object). DELIVERABLES You will be required to upload a Moodle submission containing the following deliverables: (a) A “site” folder containing your completed web page as an HTML document, styled using CSS. Any assets required to view the page correctly should be organised using sub-folders. Files should be optimised for online delivery – all files used by the web page must not exceed 25MB. The web page will be tested using Google Chrome. (b) A “project” folder containing original versions of photos used in the assignment in JPEG format. An upload limit of 100 megabytes applies for this assignment submission. If necessary, you may resize the original photographs to at least 5 megapixels to reduce their file size for submission. (c) Individual Documentation Your documentation of the process of developing the assignment concept and implementation. You are encouraged to make use of screenshots and include researched images to document your progress. Any online research or non-original resources used must be clearly referenced by providing a short description of the resource and the URL address where it can be located. You must also upload the completed website to a web host and provide a URL in the documentation to access the site online. It is your responsibility to ensure that the site works correctly when viewed online. Web hosting will be discussed in the week 12 lecture. FIT1046 Interactive Media Foundations S2 2019 ASSESSMENT CRITERIA Your submission will be graded on the following criteria: Originality and creativity in response to the brief Originality of concept and site design Creative use of edit images including photographic elements Application of design elements and principles, and web design conventions Implementation of design principles Appropriate navigation and text readability Technical execution of web page using HTML and CSS code techniques Appropriate optimisation of image assets Application and execution of HTML and CSS techniques Individual documentation, including concept development, design research and technical implementation Coverage of design process (including research, references, inspiration, prototyping, etc.) Use of images/screenshots and other resources to illustrate development Explanation of decision-making process LATE PENALTIES Any submission received after the due date without a prior arranged extension will receive a 10% reduction to their final mark per day late for a maximum of three days (30% reduction in total). Submissions received in excess of 3 days after the due date without a prior arranged extension will maintain a 30% penalty. DUE DATE 3:00PM, Friday Week 14 (Nov 8, 2019)
