!
SYDNEY COLLEGE OF THE ARTS
!
!
!
!
MMDE5011 • INTERACTIVE MEDIA PRACTICE 1
!
!!
!
Semester 1, 2014
Unit of Study Outline
Course Coordinator
Ryszard Dabek
Email address
ryszard.dabek@sydney.edu.au
Phone number
02 9351 1133
Consultation
By appointment
Lecturer
Andrew Robards
Email address
andrew.robards@sydney.edu.au
Consultation
By appointment
Studio Technical Supervisor
Glenn Remington
Email address
g.remington@sca.usyd.edu.au
Phone number
02 9351 1056
!
This Unit of Study Outline MUST be read in conjunction with the relevant University policies and Faculty
resolutions on assessment, attendance, late work, plagiarism, and special consideration (available at http://
sydney.edu.au/policies/ and http://sydney.edu.au/handbooks/sca/rules/faculty_resolutions.shtml). In determining
applications and appeals relating to these matters, it will be assumed that every student has taken the time to
familiarise themselves with these key policies and procedures. !!
!
MMDE5011 - INTERACTIVE MEDIA PRACTICE 1
!
MMDE5011 - Interactive Media Practice Seminar 1
!
!
UNIT DESCRIPTION
This unit provides students with the technical skills to design, develop and publish an interactive website or
interactive desktop based application (information kiosk, interactive screen-based installation work etc.) This is
done through the lecture-based presentation of technical examples that are supported by in-class exercises.
Students are taught how to employ current web-based standards such as HTML5 and CSS and introduced to
the possibilities of scripting for interactivity using JavaScript. This series of seminars also covers the specifics of
media preparation with lectures dedicated to image and video production for online delivery. Students apply the
knowledge gained in this unit to the design and development of their major project. !
!
!
!
OBJECTIVES AND OUTCOMES
On successful completion of this unit of study, students are expected to:
Design, build and implement a portfolio website.
Effectively evaluate and use a range of current web-based technologies to create creative
interactive works.
Effectively prepare a range of media for presentation in online and interactive environments.
!!
!
!
Critically plan and map the necessary steps in the creation of creative interactive works.
LEARNING STRUCTURE
Face-to-face teaching*
Per week
Per semester
Total number of lecture hours
1
13
Total number of tutorial or seminar hours
2
26
Total number of on-line hours
3
39
Total number of self-directed learning hours
3
39
Total Learning Commitment
9 hours
117 hours
Total number of studio practical hours
Total number of technical workshop hours
Independent study**
!
!
*Face-to-face teaching includes academic led classes, technical workshops or demonstrations.
**Independent study incudes directed and self-directed learning.
The university allocates credit points (usually 6) to each unit of study in your degree program. 1 credit point is
approximately equal to a minimum of 1.5 to 2 hours of student effort (i.e. time spent engaged in activities related
to that unit of study) per week. In 6 Credit Points, this time is split between face-to-face time (for example, 2
hours), and independent study time (7 hours). (i.e. a total of 117-156 hours for the semester). You should regard
the outside class and personal study time allocations as a reasonable indication of the amount of time that is
expected for satisfactory performance in the unit of study; however you are encouraged to spend additional time
in order to perform at a higher standard.
!
You can log on to the eLearning system via MyUni. Alternatively, you can bookmark the login page directly at
http://elearning.sydney.edu.au/. Log in with your unikey.
!!
!
Andrew Robards
Semester 2, 2013
Page !2
MMDE5011 - INTERACTIVE MEDIA PRACTICE 1
If you have any difficulties logging in or using the system, visit the Student Help area of the Sydney eLearning
site, http://sydney.edu.au/elearning/student/.
!!
!
!
LEARNER PREPARATION
Pre-requisites
N/A
Co-requisites
N/A
Assumed knowledge
Students should have a foundation in computer-based creative
activity such as graphic design, fine art or moving image
production as evidenced in a portfolio. An understanding of html
protocols is also desirable.
Computer access requirements
This course requires access to the necessary software
applications and the internet.
!!
!
!
UNIT SCHEDULE
Week
1
Date
3 March
Lecture/Seminar
Introduction and HTML 5:
1.Course Introduction
2. Introduction to HTML5.
3. Browsers.
4. Hello World! – HTML Exercises
!
READING:
W3 Schools - HTML (www.w3schools.com/html)
Don’t Fear The Internet (www.dontfeartheinternet.com)
2
10 March
CSS:
1. Introduction to CSS
2. Tools for working with HTML and CSS
3. Dreamweaver and Edge Code
4. CSS Exercises
!
READINGS:
W3 Schools - CSS (www.w3schools.com/css)
!!
!
3
17 March
Media Preperation:
1. Best practices for preparing images.
2. Image fromats.
3. Photoshop slice and save for web tools.
4
24 March
Building A Website with HTML and CSS:
1. Styling Text.
2. Styling Menus.
3. Styling Layouts.
*
Andrew Robards
Semester 2, 2013
Page 3
!
MMDE5011 - INTERACTIVE MEDIA PRACTICE 1
5
31 March
Portfolio Design Documentation Due
6
7 April
7
14 April
Responsive Web Design
Designing for Multiple Devices
21 April
Universities Australia common vacation week/non-teaching
28 April
Students Present Portfolio Websites
8
HTML5/CSS3 Part 3 Video & Fonts:
Video and HTML5.
Web fonts
Portfolio Website Due
9
5 May
JQuery:
1.Introduction to JQuery.
10
12 May
Image Galleries:
1. JQuery Isotope
2. Lightbox
READINGS:
jQuery for Absolute Beginners - tuts+
!
Navigation Menus:
1. Pure CSS Menu effects
2. Responsive Menu Tutorial
11
19 May
Responsive Frameworks
1.Cool Kitten Parrallax Scrolling Framework
12
26 May
Scrolling video.
1. Using JQuery to create a scrolling background video.
2. Students take a series of photos/video for background animation.
3. Exercise: Create an interactive street view with jQuery.
13
2 June
Project workshop – Students work on Poftrolio Website
STUVAC
9 June
STUVAC
EXAMS
16 June
EXAM PERIOD
EXAMS
23 June
EXAM PERIOD
Semester calendar can be found at http://sydney.edu.au/about/dates.
!!
!
Andrew Robards
Semester 2, 2013
Page 4
!
MMDE5011 - INTERACTIVE MEDIA PRACTICE 1
!!
!!
!!
!!
!
ASSESSMENT TASKS AND DUE DATES
Component
Due date
Relative
Weighting %
1. Portfolio Website + Design and Development Documentation.
*
Week 7
30%
2. Major Project.
*
Week 15
70%
!!
!!
!
!
* Denotes the assessment must be passed to satisfy the requirements of the course.
PORTFOLIO WEBSITE AND DEVELOPMENT DOCUMENTATION
Description of task
DEVELOPMENT DOCUMENTATION
!
The design and development documentation will be a 5 to 10 page document
outlining the development of your Portfolio Website. It should include the
following: !
!
Design Brief!
Website site-map/flow chart!
Design influences!
A Prototype design for your final Portfolio Website!
!!
Description of task
PORTFOLIO WEBSITE
!
You are asked to design and build a portfolio website that will act as your online
presence at Sydney College of the Arts and beyond. The series of web pages
should contain details about your background and skills as well as provide space
that highlights the work you are doing in the Master of Interactive and Digital
Media degree along with previous creative work. As such, the site should be easy
to update and provide scope so that information, images and other elements can
be added as needed. The site is to be built using html and CSS layout.
Interactive functionality can be handled through JavaScript. The approach you
take for this project is totally up to you. You can hand code the entire site yourself
in a text editor or alternatively you can use Dreamweaver’s layout tools and
behaviours. Alternatively, you may wish to use a pre-existing CMS architecture
such as Wordpress for your site and customise the design,layout and interactivity
through the use of CSS & JavaScript.!
Assessment and Grading interactive design, technical proficiency, ease of operation, media and animation
criteria
optimisation, creativity of concept, effectiveness of execution and implementation.
!
!!
!
Andrew Robards
Semester 2, 2013
Page 5
!
MMDE5011 - INTERACTIVE MEDIA PRACTICE 1
MAJOR PROJECT – INTERACTIVE WEBSITE/ APPLICATION
!
Description of task
For this project you are asked to design, build and implement a html/css3/
JavaScript interactive application. This can take the form of a complete website, a
standalone application, an experimental artwork or interface. The project is to be
built using html and CSS layout. Interactive functionality can be handled through
html5 & JavaScript. The approach you take for this project is totally up to you. You
can hand code the entire site yourself in a text editor or alternatively you can use
Dreamweaver’s layout tools and behaviours. Alternatively, you may wish to use a
pre-existing CMS architecture such as Wordpress for your site and customise the
design, layout and interactivity through the use of CSS & JavaScript.!
!
The development you undertake for this unit can be implemented as part of
another project. You are encouraged to develop your work for this unit as an
integrated part of your Major Project for MMDE5001. However, you can if you
choose develop a separate project. It is expected that you consult with your
academic advisor when choosing a topic and approach. It is asked that the
development of this project be accompanied by paper based plans and working
documents to be presented at assessment. Assessment for this assignment will
take place in Week 15 when you will present your work to an assessment panel.!
Assessment and Grading interactive design, technical proficiency, ease of operation, media and animation
criteria
optimisation, creativity of concept, effectiveness of execution and implementation.
!!
!
!
!
!
!!
!!
!
!
!
READING REQUIREMENTS
To be advised on the course website.
http://andrewrobards.com/MMDE5011
ONLINE COMPONENTS
The week to week exercises for this unit as well as links to further online resources and examples can be
accessed via the class blog:
ASSESSMENT CRITERIA
You can find the Faculty assessment criteria and grade descriptors at http://sydney.edu.au/sca/current_students/
examination_assessment/examination_assessment.shtml.
About your final grade and scaling procedures:
The final grade a student receives is based on the standard of his or her own performance across all the tasks
set for a unit. Assessment tasks are designed so students can demonstrate how well they have achieved a unit’s
outcomes.
!
Please note that while marks for individual assessment tasks may give a good indication of the likely final mark
or grade for the unit, they do not guarantee a specific grade or final mark. From time to time, final results for a unit may need to be adjusted or scaled. This can happen, for example, if it is
found that the marking process has not accurately represented the actual standards achieved by students. If
adjustment to raw scores is needed, this is always done with care and attention to individual students’ work. The
marking process involves consultation and cross-checking to ensure that results faithfully reflect standards
expected in the Faculty of Sydney College of the Arts at the University of Sydney.
!!
!
Andrew Robards
Semester 2, 2013
Page 6
!
MMDE5011 - INTERACTIVE MEDIA PRACTICE 1
!
!
SUBMISSION OF WORK
•
•
•
Written work must be submitted in typewritten, hard copy at ESSAY DROP-OFF BOXES IN BLD 24 by
[TIME] on the due date.
Online tasks must be completed by [TIME] on the due date.
You must complete, sign and attach a cover sheet to any written work handed in for assessment. This is
in compliance with University Policy on Academic Dishonesty and Plagiarism:
!
All students are required to submit a signed statement of compliance with all work submitted to the University for
assessment, presentation or publication. A statement of compliance must be in the form of:
!
(a) a University assignment cover sheet;
(b) a University electronic form; or
(c) a University written statement;
!
certifying that no part of the work constitutes a breach of the Academic Dishonesty and Plagiarism in
Coursework Policy 2012 (http://sydney.edu.au/policies/default.aspx?mode=glossary&word=Academic
+dishonesty ).
!
You can find the essay cover sheet at http://sydney.edu.au/sca/current_students/student_administration/
undergraduate.shtml#essay_cover)
Essays and assignments not submitted on or before the due date are subject to penalty; refer to the Faculty
resolutions on special consideration and extensions: http://sydney.edu.au/handbooks/sca/rules/
faculty_resolutions.shtml. Extension and Special Consideration application forms are available on SCA website:
http://sydney.edu.au/sca/current_students/student_administration/undergraduate.shtml
!!
!!
ACADEMIC HONESTY
!!
!
Andrew Robards
Semester 2, 2013
Page 7
!
MMDE5011 - INTERACTIVE MEDIA PRACTICE 1
ACKNOWLEDGEMENT OF SOURCES
!
Essays should be accompanied by appropriate documentation in the form of footnotes and a
bibliography, which acknowledge all sources and references used in the development of your argument.
This includes:
!
!
!
!
!
a) The use of quotation marks and specific referencing for all quotes
b) Citation of the source of all arguments
c) Acknowledgement of your reference when closely paraphrasing another person’s work
CHICAGO REFERENCING STYLE
The Chicago Manual of Style 16th A, with footnotes and bibliography, is the reference style preferred at
Sydney College of the Arts.
NB The Library conducts workshops in ENDNOTES and REFERENCING.
Please refer to the following:
• Chicago Manual of Style at http://www.chicagomanualofstyle.org/tools_citationguide.html
• The Library’s referencing subject guide on the Chicago style
• http://libguides.library.usyd.edu.au/content.php?pid=160012&sid=1513771
• SCA subject guide page on Chicago style http://libguides.library.usyd.edu.au/content.php?
pid=27359&sid=198542
!
!
PLAGIARISM
The University takes plagiarism very seriously. It is your responsibility to avoid any suggestion that
plagiarism may have taken place. Please refer to the important guidelines for acknowledgement of
sources outlined in Sydney College of the Arts: Guidelines For the Preparation and Presentation of
Academic Writing (available for purchase in Student Administration and on the Unit Web Site). The
Academic Dishonesty and Plagiarism in Coursework Policy 2012 can also be viewed on the university’s
intranet at http://sydney.edu.au/policies/default.aspx?mode=glossary&word=Academic+dishonesty.
!
A university workshop – Quoting, Summarising and Paraphrasing Evidence (3hrs) is offered regularly
FREE OF CHARGE by the Learning Centre: http://sydney.edu.au/stuserv/learning_centre/
workshops.shtml
Telephone: (02) 9351 3853
E-mail: learning.centre@sydney.edu.au
!
You are encouraged to attend if you would like help with appropriate referencing. The unit helps
students to understand and use evidence for their own specific writing purposes, to identify differences
between quoting and reporting and to practice language strategies to help avoid plagiarism.
!
!
You may also consult the relevant section on Sydney University’s WriteSite at http://
writesite.elearn.usyd.edu.au/
!!
!
!
At SCA, if a nominated academic determines that a student has engaged in plagiarism or some other
form of academic dishonesty according to the Academic Dishonesty and Plagiarism in Coursework
Policy 2012, and the student is allowed to resubmit the work for assessment, the student will be
required to submit the work within ten working days from the meeting with the nominated academic.
The work will be assessed on a Pass/Fail basis only.
EVALUATION OF THIS UNIT OF STUDY
!!
!
Andrew Robards
Semester 2, 2013
Page 8
!
MMDE5011 - INTERACTIVE MEDIA PRACTICE 1
!
!
This unit is constantly revised and updated to ensure that its content and delivery is relevant and
current.
!!
!
!
Student feedback is gathered formally via a StaffStudent Committee and end of unit course evaluation
questionnaire and informally in class. StaffStudent Committee inputs and responses are made available
via the Student Notice Board outside SCA Student Administration office or email your comments for the
Committee to sca.studentfeedback@sydney.edu.au.
STAYING ON TOP OF YOUR STUDY
!!
!
Guidelines For The Preparation and
Presentation Of Academic Writing
Available from SCA Student Administration
Library Skills
Make sure you check out the free, online tutorials in library
skills at sydney.edu.au/library/skills and don't forget to find out
who your Faculty Liaison Librarians are.
Learning Centre.
The Learning Centre assists students to develop the generic
skills, which are necessary for learning and communicating
knowledge and ideas at university. Programs available at The
Learning Centre include workshops in Academic Reading and
Writing, Oral communications Skills, Postgraduate Research
Skills, Honours, masters Coursework Program, Studying at
University, and Workshops for English Language and Learning.
You can find further information about The Learning Centre at
http://sydney.edu.au/stuserv/learning_centre/
The Write Site
!
The Write Site provides online support to help you develop your
academic and professional writing skills.
Each module provides descriptions of common problems in
academic and professional writing and strategies for
addressing them. You will see samples of good writing and also
do some practice activities in error correction. All University of
Sydney staff and students who have a unikey can access the
WriteSite at http://writesite.elearn.usyd.edu.au/. Counselling and Psychological
Services (CAPS)
CAPS incorporates the former Counselling Service (CS) and
the International Student Support Unit (ISSU).
CAPS aims to help students develop the skills to build
strengths, improve well-being and achieve academic success.
The services are free and confidential, and available to all
enrolled students.
CAPS offers a range of services to help students achieve their
goals. Advice Clinics provide brief, one-off opportunities for
problem solving. Self-help tools provide instant access to a
range of self-help resources. Skillshops are engaging classes
teaching key skills for well-being. CAPS counsellors also offer
individual sessions to help students learn effective strategies to
handle tough times. You can find further information about
CAPS at http://sydney.edu.au/current_students/counselling/
Andrew Robards
Semester 2, 2013
Page 9
!
MMDE5011 - INTERACTIVE MEDIA PRACTICE 1
Disability Services
!
Disability Services assists current and prospective students of
the University of Sydney who have a disability to access
reasonable adjustments. Disability Services is located in
Student Support Services. You can find further information and
on-line registration form at http://sydney.edu.au/stuserv/
disability/index.shtml
Koori Centre
The Koori Centre provides programs, services and facilities to
encourage and support the involvement of Indigenous
Australians in all aspects of tertiary education at the University
of Sydney.
The Centre provides tutorial assistance, access to computers,
an Indigenous Research Library, study space, an orientation
program at the beginning of the year and assistance in study
and learning skills.
To find out more visit the http://sydney.edu.au/koori/.
International Students
http://sydney.edu.au/internationaloffice/student/current.shtml
!!
!!
!
Andrew Robards
Semester 2, 2013
Page !10