Students

MAS 241 – Interactive Web Design

2019 – S2 Day

General Information

Download as PDF
Unit convenor and teaching staff Unit convenor and teaching staff Convenor
Steve Collins
10HA 191D
By appointment only
Technical Officer
John Cook
Credit points Credit points
3
Prerequisites Prerequisites
MAS240 or COMP249
Corequisites Corequisites
Co-badged status Co-badged status
Unit description Unit description
This unit teaches the theory and production of websites in the context of the digital age and what that means for media audiences and users. Students develop high level production skills and learn to apply theories of audiences, information architecture, usability and user-focused design to their own original projects created using HTML, CSS and jQuery.

Important Academic Dates

Information about important academic dates including deadlines for withdrawing from units are available at https://www.mq.edu.au/study/calendar-of-dates

Learning Outcomes

On successful completion of this unit, you will be able to:

  • Apply a critical knowledge of the practices, theories and technologies of contemporary Web design.
  • Combine HTML, CSS and jQuery in the production of interactive Web-based media.
  • Solve coding and design challenges.
  • Work independently and professionally in response to project demands.
  • Communicate and present information in modes suited to a range of audiences.
  • Identify and self-assess performance within this unit of study.
  • Engage in the process of learning

General Assessment Information

Assessment tasks are designed to test students' abilities to meet the learning outcomes.

Please see http://www.mq.edu.au/policy/docs/assessment/schedule_1.html for an overarching guide to what is expected for each grading band.

Assessment Tasks

Name Weighting Hurdle Due
Coding Tests 30% No See details
Web Site Review 20% No 5pm 13th September 2019
Major Project 50% No Week 13 - During class

Coding Tests

Due: See details
Weighting: 30%

You will be given three take-home coding tests during the semester to assess your understanding of HTML, CSS and jQuery.

Coding Test 1 Distributed: Week 3 Weight: 5%

Coding Test 2 Distributed: Week 5 Weight: 10%

Coding Test 3 Distributed: Week 7 Weight: 15%

Each test will have a due date in the following week. Please see the individual coding test briefs as issued. More specific details will be disseminated during workshops. You should attend all workshops in case a) you miss the details of the tests or b) actually miss one.

Marking Criteria:

  • Demonstrated application of workshop techniques and materials to the problem posed
  • Demonstrated understanding of your code
  • Ability to evaluate a problem and present the most efficient and (code) elegant solution
  • Valid HTML5 - Correct CSS rules (including knowing good nesting of selectors, and when to use a class and when to use an ID)
  • Correct and expedient use of jQuery (when required)

Feedback

Students will receive feedback via the Grades section of iLearn.

Submission

Coding tests will be submitted via the labs. Specific dates are set out in the coding test briefs. HTML and CSS documents and any relevant subfolders or other files should be kept in a folder called "ct1", "ct2" or "ct3" (depending on the particular test). These folders should be stored in your Sites folder. Please see the coding test briefs for full details.

It is your responsibility to ensure that you have submitted files correctly. Failure to correctly submit coding tests may result in a late penalty.

Late Submission

Unless a Special Consideration request has been submitted and approved, (a) a penalty for lateness will apply – two (2) marks out of 100 will be deducted per day for assignments submitted after the due date – and (b) no assignment will be accepted more than seven (7) days (including weekends) after the original submission deadline. No late submissions will be accepted for timed assessments – e.g. quizzes, online tests.

Extensions

Extensions may only be granted by the unit convenor in line with university policy.


On successful completion you will be able to:
  • Combine HTML, CSS and jQuery in the production of interactive Web-based media.
  • Solve coding and design challenges.
  • Identify and self-assess performance within this unit of study.
  • Engage in the process of learning

Web Site Review

Due: 5pm 13th September 2019
Weighting: 20%

You are required to write a 1200 word (10% either way is acceptable) critical review of a Web site of your choice. You should analyse the site’s design, appeal, interface and usability and analyse the positive or negative effects these dimensions have on the target audience. This assignment requires you to draw on knowledge gained from the video lectures and set readings. You will refer to the set readings and your own independent research in executing a critical review set against a background of well-researched and informed assessment criteria.

Be sure to check the validity of your sources and do not rely on just one for any given assertion. For example the first results in my Google book search gives me: “Jones says the placement of search fields on a homepage doesn’t really matter as the viewer’s gaze initially falls to the centre of the screen”.  Whilst Jones is partially correct, “Smith, Brown and Stevens all say that the location and prominence of search fields on home pages is important because about 50% of users will immediately go to a search box rather than browse a site. Brown notes, many users know exactly what they are looking for and Smith adds that it is the Web designer’s role to make the user’s journey to his destination as quick and easy as possible”. In this (semi-fictional) example, reading one source in isolation leads to an incorrect assertion and also demonstrates poor research skills. Remember academia is meticulous, there is a body of literature on every subject you can think of.

The purpose of this assignment is you to show your understanding of "why things work" (or don't work as the case may be) and to demonstrate a pragmatic understanding of the theories set out in the unit reader, lectures and your own independent research. You are expected to employ an appropriate system for referencing sources.

Example essays will be distributed via iLearn.

Marking Criteria:

  • Demonstrated research into Web design theories of usability, audiences and reception, and design
  • Application of Web design theories to a case study
  • Clear written structure and presentation
  • Cited works should be referenced using an established system that requires provision of page numbers
  • Ability to write to the required word length. 10% either way is acceptable.

Feedback

Students will receive individual feedback on their essays via Turn It In.

Submission

Web site reviews will be submitted electronically via iLearn and processed by Turn It In. Hard copy reviews will not be accepted or marked. Once submitted a review cannot be resubmitted. If you have submitted an incorrect version or file, please contact the unit convenor and ask to have your submission deleted so you can submit the correct version or file. If this occurs after the submission date, the late penalty (see below) will be applied.

Late Submission

Unless a Special Consideration request has been submitted and approved, (a) a penalty for lateness will apply – two (2) marks out of 100 will be deducted per day for assignments submitted after the due date – and (b) no assignment will be accepted more than seven (7) days (including weekends) after the original submission deadline. No late submissions will be accepted for timed assessments – e.g. quizzes, online tests.

Extensions

Extensions may only be granted by the unit convenor in line with university policy.


On successful completion you will be able to:
  • Apply a critical knowledge of the practices, theories and technologies of contemporary Web design.
  • Communicate and present information in modes suited to a range of audiences.
  • Engage in the process of learning

Major Project

Due: Week 13 - During class
Weighting: 50%

Students will select a one-word theme (which will be supplied by staff) and are to design and build a website that addresses the theme. Students will have to research and develop appropriate content for the site, which must include: text, images, audio and/or video (which can be recorded on smartphones). Students are encouraged to be innovative and think laterally about the theme.

Major project websites must comply with the following:

  • Correct and valid use of HTML5
  • An absence of deprecated HTML tags
  • Correct use of CSS
  • Use of jQuery to achieve user interaction
  • Table-based design is prohibited
  • Images must be optimised for the Web
  • All content must be original or free from copyright/licensing restrictions (and appropriately attributed where applicable)
  • Websites should be comprised of a minimum of five visible pages (i.e. five HTML pages; CSS documents or other 'backend' documents do not count)
  • Any use of templates/frameworks (e.g. Bootstrap) needs to be discussed with the unit convenor prior to starting the major project because this assessment requires you to demonstrate the coding abilities you have developed. 

Students are encouraged to connect their websites to other relevant content, which includes external websites as well as those created by other students, so take some time to see what else is happening in the class.

Major projects will be assessed under the criteria of content, design and coding.

CONTENT

The content presented will be intuitive and easy to access. It will be clear and concise with language appropriate to the topic and audience. Audiovisual media that contributes to the content will be relevant and presented appropriately. Content that embraces the possibilities of the network environment will be rewarded. Be imaginative and curious. What does the theme mean to you? What issues and interesting points arise? Work it into a narrative.

You are required to produce your own original content for your website project. That's not to say that you cannot include content from elsewhere:

  • Embedded content is fine, as it is intended to be shared/re-used.
  • You can use images and text from other sources if you are actively engaging with them in some way. For example, if you’re writing about drought and the impact on farmers then it is acceptable for you to use an existing image (attributed, of course) to illustrate a point. Similarly, if your website is about representations in video games, then it is fine to use some images of characters or the logo of the game (attributed, of course).
  • You cannot simply copy and paste other works (in whole or in part).
  • We do not want you to produce tribute sites or fake business websites. We want you to produce websites with well-informed, original, and well-written and presented content. Content is King. This unit is designed to give you the tools to create a rich media experience for your user.

DESIGN

Web sites will embody a design appropriate to theme and audience. The design will enhance the user experience and not detract from the content offered. The design will demonstrate balanced composition, excellent use of fonts, an appropriate and clear balance of colours and an appropriately consistent layout.

CODING

Web sites will demonstrate an advanced understanding of HTML5 (including semantic structure) and CSS. The code will not include any deprecated tags. jQuery will be used to provide user interactions and the code will be concise and expedient.

Example sites will be displayed during workshops, but note that these sites will have responded to different themes.

Feedback

Students will receive general feedback on their project but should arrange for a consultation with their tutor for more detailed feedback.

Submission of Major Projects

Major projects are to be submitted in week 13. Details of how to submit your projects will be available on iLearn.

Late Submission

Unless a Special Consideration request has been submitted and approved, (a) a penalty for lateness will apply – two (2) marks out of 100 will be deducted per day for assignments submitted after the due date – and (b) no assignment will be accepted more than seven (7) days (including weekends) after the original submission deadline. No late submissions will be accepted for timed assessments – e.g. quizzes, online tests.

Extensions

Extensions may only be granted by the unit convenor in line with university policy.


On successful completion you will be able to:
  • Apply a critical knowledge of the practices, theories and technologies of contemporary Web design.
  • Combine HTML, CSS and jQuery in the production of interactive Web-based media.
  • Solve coding and design challenges.
  • Work independently and professionally in response to project demands.
  • Communicate and present information in modes suited to a range of audiences.
  • Engage in the process of learning

Delivery and Resources

Lectures will be delivered via videos uploaded to iLearn.

There is no printed unit reader. Links to online articles are provided on iLearn. All other materials are held in eReserve.

Additional resources will be available from http://media.mq.du.au

There is no production manual for this unit. Students are required to attend workshops and take notes.

Students are expected to watch all lectures, attend all workshops and complete set readings. MAS241 is a 3 credit point unit and as such students are required to undertake 9 hours of study per week.

Unit Schedule

Please note that all lectures are delivered via videos embedded into the weekly iLearn topics and all readings are available online either via links to external sources or as electronic readings available through the library (see iLearn for details).

Workshops start in week 2.

Week 1 - Introduction to MAS241

Jeffrey Zeldman. (2005). 'Understanding Web Design'. A List Apart. http://www.alistapart.com/articles/understandingwebdesign

Week 2 - What makes a good website?

Australian Interactive Media Association. (2013). 'Judging Criteria'.AIMIA. http://www.aimia.com.au/home/awards/aimia-awards/judging-criteria.

Webby Awards. (2016). 'Webby Entries: Judging Criteria'. The Webby Awards. http://www.webbyawards.com/entries/criteria.php#websites.

Steve Krug. (2005). Don't Make Me Think. New Riders Publishing: Berkley, California. pp.94-121.

Week 3 - The audience

David Vogler. (2001). 'Thinking About the Audience' in Steve Heller (ed.)The Education of an E-Designer. Allworth Press: Canada.

Manuel Castells. (2010). The Rise of the Network Society. Wiley-Blackwell: West Sussex, UK. pp.355-371.

Week 4 - Information architecture

Steve Krug. (2005). Don't Make Me Think. New Riders Publishing: Berkley, California. pp.50-95.

Jeffrey Veen. (2001). The Art and Science of Web Design. New Riders Publishing: Berkley, California. pp.72-101.

Week 5 - Planning a website

John Shiple. (2010). 'Information Architecture Tutorial (Parts 1-4)'. Webmonkey. http://www.webmonkey.com/2010/02/information_architecture_tutorial/

Jeffrey Veen. (2001). The Art and Science of Web Design. New Riders Publishing: Berkley, California. pp.1-29.

Week 6 - Design I

Brandon Jones. (2011). 'Understanding Visual Hierarchy in Web Design'. Webdesign Tuts+. http://webdesign.tutsplus.com/articles/design-theory/understanding-visual-hierarchy-in-web-design/.

Connor Turnbull. (2011). 'Unity in Web Design'. Webdesign Tuts+. http://webdesign.tutsplus.com/articles/unity-in-web-design/.

Curt Ziegler. (2011). 'Less is More: Fundamentals of Minimalist Web Design'. Webdesign Tuts+. http://webdesign.tutsplus.com/articles/design-theory/less-is-more-fundamentals-of-minimalist-web-design/.

Week 7 - Design II

Thomas Cannon. (2010). 'An Introduction to Color Theory for Web Designers'. Webdesign Tuts+. http://webdesign.tutsplus.com/articles/design-theory/an-introduction-to-color-theory-for-web-designers/.

Donald Johansson. (2010). 'Colors on the Web'. http://www.colorsontheweb.com/.

Diogo Terror. (2009). 'Lessons From Swiss Style Graphic Design'. Smashing Magazine. http://www.smashingmagazine.com/2009/07/17/lessons-from-swiss-style-graphic-design/. This is a fairly lengthy piece, but it's mainly images. Do check it out and get inspired.

Vitaly Friedman. (2007). 'Desiging with Grid-Based Approach'. Smashing Magazine. http://www.smashingmagazine.com/2007/04/14/designing-with-grid-based-approach/.

Week 8 - Writing for the Web

John Morkes & Jakob Nielsen. (1997). 'Concise, SCANNABLE, and Objective: How to write for the Web'. Nielsen Norman Group. http://www.nngroup.com/articles/concise-scannable-and-objective-how-to-write-for-the-web/.

Amber Simmonds. (2007). 'Reviving Anorexic Web Writing'. A List Apart. http://www.alistapart.com/articles/revivinganorexicwebwriting/.

Week 9 - Mediating the Web: interfaces

Steve Krug. (2005). Don't Make Me Think. New Riders Publishing: Berkley, California. pp.11-29.

Jeffrey Veen. (2001). The Art and Science of Web Design. New Riders Publishing: Berkley, California. pp.30-71.

Week 10 - Images ... are worth a thousand words

Ahmed Hussan. (2012). 'Visual Direction in Web Design'. Webdesign Tuts+. http://webdesign.tutsplus.com/articles/design-theory/visual-direction-in-web-design/.

Ahmed Hussan. (2011). 'The Gestalt Principle: Design Theory for Web Designers'. Webdesign Tuts+. http://webdesign.tutsplus.com/articles/design-theory/visual-direction-in-web-design/.

Weeks 11-13 - Project development

There are no readings for these weeks, but workshop time will be invaluable.

Policies and Procedures

Macquarie University policies and procedures are accessible from Policy Central (https://staff.mq.edu.au/work/strategy-planning-and-governance/university-policies-and-procedures/policy-central). Students should be aware of the following policies in particular with regard to Learning and Teaching:

Undergraduate students seeking more policy resources can visit the Student Policy Gateway (https://students.mq.edu.au/support/study/student-policy-gateway). It is your one-stop-shop for the key policies you need to know about throughout your undergraduate student journey.

If you would like to see all the policies relevant to Learning and Teaching visit Policy Central (https://staff.mq.edu.au/work/strategy-planning-and-governance/university-policies-and-procedures/policy-central).

Student Code of Conduct

Macquarie University students have a responsibility to be familiar with the Student Code of Conduct: https://students.mq.edu.au/study/getting-started/student-conduct​

Results

Results published on platform other than eStudent, (eg. iLearn, Coursera etc.) or released directly by your Unit Convenor, are not confirmed as they are subject to final approval by the University. Once approved, final results will be sent to your student email address and will be made available in eStudent. For more information visit ask.mq.edu.au or if you are a Global MBA student contact globalmba.support@mq.edu.au

Additional information

MMCCS website https://www.mq.edu.au/about_us/faculties_and_departments/faculty_of_arts/department_of_media_music_communication_and_cultural_studies/

MMCCS Session Re-mark Application http://www.mq.edu.au/pubstatic/public/download/?id=167914

Information is correct at the time of publication

Student Support

Macquarie University provides a range of support services for students. For details, visit http://students.mq.edu.au/support/

Learning Skills

Learning Skills (mq.edu.au/learningskills) provides academic writing resources and study strategies to improve your marks and take control of your study.

Student Services and Support

Students with a disability are encouraged to contact the Disability Service who can provide appropriate help with any issues that arise during their studies.

Student Enquiries

For all student enquiries, visit Student Connect at ask.mq.edu.au

If you are a Global MBA student contact globalmba.support@mq.edu.au

IT Help

For help with University computer systems and technology, visit http://www.mq.edu.au/about_us/offices_and_units/information_technology/help/

When using the University's IT, you must adhere to the Acceptable Use of IT Resources Policy. The policy applies to all who connect to the MQ network including students.

Graduate Capabilities

Creative and Innovative

Our graduates will also be capable of creative thinking and of creating knowledge. They will be imaginative and open to experience and capable of innovation at work and in the community. We want them to be engaged in applying their critical, creative thinking.

This graduate capability is supported by:

Learning outcomes

  • Solve coding and design challenges.
  • Work independently and professionally in response to project demands.

Assessment task

  • Major Project

Capable of Professional and Personal Judgement and Initiative

We want our graduates to have emotional intelligence and sound interpersonal skills and to demonstrate discernment and common sense in their professional and personal judgement. They will exercise initiative as needed. They will be capable of risk assessment, and be able to handle ambiguity and complexity, enabling them to be adaptable in diverse and changing environments.

This graduate capability is supported by:

Learning outcomes

  • Apply a critical knowledge of the practices, theories and technologies of contemporary Web design.
  • Work independently and professionally in response to project demands.
  • Identify and self-assess performance within this unit of study.
  • Engage in the process of learning

Assessment task

  • Web Site Review

Commitment to Continuous Learning

Our graduates will have enquiring minds and a literate curiosity which will lead them to pursue knowledge for its own sake. They will continue to pursue learning in their careers and as they participate in the world. They will be capable of reflecting on their experiences and relationships with others and the environment, learning from them, and growing - personally, professionally and socially.

This graduate capability is supported by:

Learning outcomes

  • Combine HTML, CSS and jQuery in the production of interactive Web-based media.
  • Engage in the process of learning

Discipline Specific Knowledge and Skills

Our graduates will take with them the intellectual development, depth and breadth of knowledge, scholarly understanding, and specific subject content in their chosen fields to make them competent and confident in their subject or profession. They will be able to demonstrate, where relevant, professional technical competence and meet professional standards. They will be able to articulate the structure of knowledge of their discipline, be able to adapt discipline-specific knowledge to novel situations, and be able to contribute from their discipline to inter-disciplinary solutions to problems.

This graduate capability is supported by:

Learning outcomes

  • Apply a critical knowledge of the practices, theories and technologies of contemporary Web design.
  • Combine HTML, CSS and jQuery in the production of interactive Web-based media.
  • Communicate and present information in modes suited to a range of audiences.

Assessment tasks

  • Coding Tests
  • Web Site Review
  • Major Project

Critical, Analytical and Integrative Thinking

We want our graduates to be capable of reasoning, questioning and analysing, and to integrate and synthesise learning and knowledge from a range of sources and environments; to be able to critique constraints, assumptions and limitations; to be able to think independently and systemically in relation to scholarly activity, in the workplace, and in the world. We want them to have a level of scientific and information technology literacy.

This graduate capability is supported by:

Learning outcomes

  • Apply a critical knowledge of the practices, theories and technologies of contemporary Web design.
  • Combine HTML, CSS and jQuery in the production of interactive Web-based media.
  • Solve coding and design challenges.
  • Identify and self-assess performance within this unit of study.

Assessment tasks

  • Web Site Review
  • Major Project

Problem Solving and Research Capability

Our graduates should be capable of researching; of analysing, and interpreting and assessing data and information in various forms; of drawing connections across fields of knowledge; and they should be able to relate their knowledge to complex situations at work or in the world, in order to diagnose and solve problems. We want them to have the confidence to take the initiative in doing so, within an awareness of their own limitations.

This graduate capability is supported by:

Learning outcomes

  • Apply a critical knowledge of the practices, theories and technologies of contemporary Web design.
  • Combine HTML, CSS and jQuery in the production of interactive Web-based media.
  • Solve coding and design challenges.

Assessment tasks

  • Coding Tests
  • Major Project

Effective Communication

We want to develop in our students the ability to communicate and convey their views in forms effective with different audiences. We want our graduates to take with them the capability to read, listen, question, gather and evaluate information resources in a variety of formats, assess, write clearly, speak effectively, and to use visual communication and communication technologies as appropriate.

This graduate capability is supported by:

Learning outcomes

  • Work independently and professionally in response to project demands.
  • Communicate and present information in modes suited to a range of audiences.

Assessment tasks

  • Web Site Review
  • Major Project

Engaged and Ethical Local and Global citizens

As local citizens our graduates will be aware of indigenous perspectives and of the nation's historical context. They will be engaged with the challenges of contemporary society and with knowledge and ideas. We want our graduates to have respect for diversity, to be open-minded, sensitive to others and inclusive, and to be open to other cultures and perspectives: they should have a level of cultural literacy. Our graduates should be aware of disadvantage and social justice, and be willing to participate to help create a wiser and better society.

This graduate capability is supported by:

Learning outcome

  • Engage in the process of learning

Socially and Environmentally Active and Responsible

We want our graduates to be aware of and have respect for self and others; to be able to work with others as a leader and a team player; to have a sense of connectedness with others and country; and to have a sense of mutual obligation. Our graduates should be informed and active participants in moving society towards sustainability.

This graduate capability is supported by:

Learning outcome

  • Identify and self-assess performance within this unit of study.

Changes from Previous Offering

Coding tests have been re-weighted and adjusted. Some content has been updated.

Late Submissions

Unless a Special Consideration request has been submitted and approved, (a) a penalty for lateness will apply – two (2) marks out of 100 will be deducted per day for assignments submitted after the due date – and (b) no assignment will be accepted more than seven (7) days (including weekends) after the original submission deadline. No late submissions will be accepted for timed assessments – e.g. quizzes, online tests.

Changes since First Published

Date Description
20/06/2019 Change to submission process for major projects.
17/06/2019 Clarification of content requirements for the major website project.