In order to achieve a HD for this brief you need to:
Meet all the requirements of the brief
Creatively explore ideas and outcomes
Have solid justification and reference for design choices
No typos or grammatical errors and consistent formatting in any written
Show comprehensive documentation of planning and development
Demonstrate good time management skills
1. Project Description
Information graphics or infographics are graphic visual representations of information, data or knowledge. These graphics present complex information quickly and clearly, such as in signs, maps, journalism, technical writing, and education.
Today information graphics surround us in the media, in published works both pedestrian and scientific, in road signs and manuals. They illustrate information that would be unwieldy in text form, and act as a visual shorthand for everyday concepts such as stop and go.
There are many, many examples on the Internet of static and animated infographics. Some of the best ones recently seen on Australian TV include those used in The ABC show "Hungry Beast", but there are many others - even music videos. One of our own students Alastair Campbell has just created a great animated infographic video for his final major project in our Digital media Advanced Diploma course.
Stuxnet (Hungry Beast)
Remind Me (Röyksopp)
The Crunch (Alastair Campbell)
Creating web pages involves using more than one scripting language. In the current Web environment, the scripting languages required to create static webpages are HTML (HyperText Markup Language) and CSS (Cascading Style Sheets). These languages essentially separate your web page into "content" (HTML) and "style" (CSS). this means that you can develop content marked up into different sections with a <TAG> syntax, and then apply styles to the different sections via one or more (cascading) stylesheets that determine what the content looks like, where it is positioned, etc. this maximises usability where different stylesheets can be applied - for example: sight impaired people may use a stylesheet with a larger font, or as discussed last semester, when designing for different screen and device specifications (responsive design), we can have the same blocks of content, just resized and rearranged to suit any device, browser or screen dimensions.
Students will create a static infographic digital poster utilising HTML and CSS advertising a topic to be approved in class. The poster will be a single-page HTML document with a linked CSS file. Students will be expected to create a poster that creatively communicates the information in an eye-catching, concise manner.
Students will hand code the project in Dreamweaver
All images must contain sufficient alt-text description for accessibility
The site link to an external website that opens in a new window
A descriptive page title
For additional marks students can include the following technical features:
Meta data for search engines
A favicon image
Creative use of web technologies
A satisfactory completion of assignment requires:
The poster must be created using HTML and CSS
The poster must demonstrate the students’ understanding of basic screen design concepts including aesthetics, usability, readability and effective, concise communication of information.
See CRT website and weekly classnotes for references relating to this assessment task.
5. Assessment Rubric
Not Yet Competent
Demonstrate skill in HTML & CSS design and layout
demonstrate a high level of skill with HTML and CSS to create a strong design
demonstrate competent skill with HTML and CSS to create an adequate design
competence with HTML and CSS not demonstrated in the design
Demonstrate a foundational knowledge of relevant computer systems and software;
Apply basic interface design and usability theory in practical work;
Apply good practice in teamwork and team dynamics in production and research; and
Demonstrate competency with existing Internet tools and technologies.
Software skills and technique
show advanced skill and technique with relevant software used to create the web poster
show competent skill with relevant software used to create the web poster
competence with relevant software not demonstrated
Communication and functionality
Web poster strongly communicates its message and functions at a high level to meet the brief
Web poster adequately communicates its message and adequately meets the brief
Web poster does not adequately communicate its message and does not meet the brief.
Creativity and aesthetics
demonstrate a high level of creativity and aesthetics in meeting the requirements of the brief
demonstrates a competent level of creativity and aesthetics in meeting the requirements of the brief
competence in creativity not demonstrated and aesthetics don't meet the requirements of the brief
Demonstrate ability to work effectively to demands of media
demonstrate a high level of ability to meet the demands of the media and the requirements of the brief
demonstrate a competent level of ability to meet the demands of the media and the requirements of the brief
does not demonstrate adequate ability to meet the demands of the media or the requirements of the brief
6. Production deadlines It is important that you bring all materials and development work with you to all
7. Progressive Assessment
is assessed on an ongoing basis. The development of effective design is an essential part of this project and it
is necessary to achieve a competent grade for the design spec before
proceeding to the content development phase of the project. If you do
not submit adequate work by due dates you will not be able to
continue with the task.