Course Title: Build a dynamic website

Part B: Course Detail

Teaching Period: Term2 2013

Course Code: COSC7350C

Course Title: Build a dynamic website

School: 320T Architecture & Design

Campus: Brunswick Campus

Program: C5316 - Diploma of Graphic Design

Course Contact : Dale Nason

Course Contact Phone: +61 3 9925 9417

Course Contact Email:dale.nason@rmit.edu.au


Name and Contact Details of All Other Relevant Staff

Nominal Hours: 60

Regardless of the mode of delivery, represent a guide to the relative teaching time and student effort required to successfully achieve a particular competency/module. This may include not only scheduled classes or workplace visits but also the amount of effort required to undertake, evaluate and complete all assessment requirements, including any non-classroom activities.

Pre-requisites and Co-requisites

There are no prerequisites for this unit. This unit is delivered alongside CUVPRP503A Present a body of own creative work in a studio cluster called Multimedia.

Course Description

In this unit you will develop the skills and knowledge required to design, build and test a dynamic website to meet technical requirements.


National Codes, Titles, Elements and Performance Criteria

National Element Code & Title:

ICAWEB501A Build a dynamic website

Element:

1. Define and analyse technical requirements 

Performance Criteria:

1.1 Identify business requirements and appropriate standards
1.2 Determine and document the purpose, expectations and functionality of the website
1.3 Analyse the user-interface design requirements, including user needs, design principles and operating systems

Element:

2. Produce software design specifications

Performance Criteria:

2.1 Produce a hierarchy of the website showing navigation
2.2 Ensure content is logical and accessible to user
2.3 Produce prototype of the user interface
2.4 Determine and document the architectural requirements
2.5 Design data storage requirements

Element:

3. Develop website to the specified design

Performance Criteria:

3.1 Create software components of the website
3.2 Test components of the website
3.3 Integrate components to produce the web application

Element:

4. Test web application

Performance Criteria:

4.1 Test website against the requirements
4.2 Complete and document the design structure
4.3 Obtain client feedback and adjust web applications as appropriate


Learning Outcomes


On successful completion of this course, you will have developed and applied the skills and knowledge required to demonstrate your competency in the above elements.


Details of Learning Activities

Learning activities will take place in a studio, workshop or classroom using industry standard tools and resources. You will complete exercises and industry style projects. You will also be required to undertake independent study.

In class activities may include:

• class exercises

• practical demonstrations

• design activities or projects

• peer learning

• peer teaching and class presentations

• group discussion

• workshops

• teacher directed group activities/projects

• workshopping’ of student projects including peer/lecturer feedback

Out of class activities may include:

• online research

• library research

• independent project based work

• studio practice

• online tutorials


Teaching Schedule

Week

Title Content Activities

Performance criteria

for combined competencies

1 Content Mgmnt
& Production

Course Info

HTML CSS #1: Intro - ‘Responsive Design’, ‘Mobile First’

Asset gathering

HTML CSS tutorial

Photography

Video

PDF Body of work task - brief.
InDesign refresher

CUVPRP503A 1, 2

ICAWEB501A 1, 2

2 Content Mgmnt
& Production

HTML CSS #2: Structure, key concepts, basic tags

Authoring Tools: incl. Dreamweaver, w3c validator

Asset production: Manage files, file set-up

Layout design: Visual design & Styles

HTML CSS and tutorial:

Authoring Tools incl. Dreamweaver

PDF task

CUVPRP503A 1, 2, 3

ICAWEB501A 1, 2

3 Content Mgmnt
& Production
HTML CSS #3: More tags, lists and navigation

Layout
Asset production

HTML CSS tutorial
PDF task
CUVPRP503A 3

ICAWEB501A 1, 2

4 HTML - CSS - Website Production HTML CSS #4: Color, Selecting & changing properties HTML CSS tutorial

PDF Body of work task - DUE
Responsive WEB body of work - brief

CUVPRP503A 1, 2, 3, 4

ICAWEB501A 1, 2, 3

5 HTML - CSS - Website Production  HTML CSS #5: Website structure

Reset style sheets, layout, positioning, box model
HTML Basics

HTML CSS tutorial
WEB task
CUVPRP503A 1, 2

ICAWEB501A 1, 2, 3

6 HTML - CSS - Website Production HTML CSS #6: HTML5 specific tags and styles HTML CSS tutorial
WEB task
CUVPRP503A 1, 2

ICAWEB501A 2, 3

7 HTML - CSS - Website Production HTML CSS #7: HTML5 - new tags and styles HTML CSS tutorial
WEB task
CUVPRP503A 1, 2, 3, 4

ICAWEB501A

8 HTML - CSS - Website Production HTML CSS #8: Web typography - google fonts, etc. HTML CSS tutorial

Peer & Client review

Responsive WEB body of work - DUE
Responsive WEB [folio] - brief

CUVPRP503A 1, 2, 3, 4

ICAWEB501A 4

9 HTML - CSS - Website Production HTML CSS #9:

Layout design: Responsive design principles - type, images and layout.

HTML CSS tutorial

CUVPRP503A 3

ICAWEB501A 2, 3

10 HTML - CSS - Website Production HTML CSS #10: Other media types, audio and video HTML CSS tutorial
Peer & Client review
CUVPRP503A 3

ICAWEB501A 2, 3

11 HTML - CSS - Website Production Studio time Self directed CUVPRP503A 3

ICAWEB501A 2, 3

12 HTML - CSS - Website Production Studio time Self directed

Responsive WEB [folio] - DUE
PDF [Folio] - brief

CUVPRP503A 3

ICAWEB501A 2, 3

13 Website deployment
PDF [Folio] Production
FTP/Domain/server Tutorial

Workshop
Self directed

CUVPRP503A 3

ICAWEB501A 2, 3

14 Website deployment
PDF [Folio] Production
FTP/Domain/server Tutorial

Workshop
Self directed

CUVPRP503A 3

ICAWEB501A 2, 3

15 Website deployment
PDF [Folio] Production
Feedback & Presentation Group discussion
PDF [Folio] - DUE
CUVPRP503A 3, 4

ICAWEB501A 4

16 Website deployment - FINAL REVIEW

WEB & PDF [Folio] - Screen & Print

Feedback & Presentation Group discussion

Documentation & Archiving process
FINAL presentations

CUVPRP503A 3, 4

ICAWEB501A 4


Please note: While your teacher will cover all the material in this schedule, the weekly order is subject to change depending on class needs and availability of speakers and resources.


Learning Resources

Prescribed Texts

None required


References

Jeremy Keith, 2011, HTML5 for Web Designers, A Book Apart 

Dan Cederholm, 2010, CSS3 for Web Designers, A Book Apart

Ethan Marcotte, 2012, Responsive Web Design, A Book Apart

Castro Elizabeth Castro; Bruce Hyslop, 2012, HTML5 and CSS3, Peachpit


Other Resources

RMIT will provide you with resources and tools for learning in this course through our online systems and access to specialised facilities and relevant software. You will also have access of the library resources.


Overview of Assessment

Assessment is on-going throughout the course. Assessment tasks will require you demonstrate the application of knowledge and skills through practical projects and/or written tasks. Assessment tasks are:

  • Design Project 1 (50% of final grade)
  • Design Project 2 (50% of final grade)


Assessment Tasks

Assessment tasks in this course are either formative or summative. Formative tasks provide the basis for ongoing feedback and can be considered essential building blocks for the more substantial summative assessment tasks. Summative assessment tasks in this course are graded.

You will receive feedback with verbal and/or written evaluation of your progress within class time. The submitted projects will be assessed with written feedback as well as a quality indicator that relates to separate components of the project and the overall outcome.

To demonstrate competency in this course you need to complete each one of the following pieces of assessment to a satisfactory standard.

Formative assessment task 1: PDF body of work (Due week 4)

Formative assessment task 2: Responsive WEB body of work (Due week 8)

Summative assessment task 1: PDF [Folio] (Due week 15)

Summative assessment task 2: Responsive WEB [Folio] (Due week12)

At the completion of the course, grading will be offered in addition to, and after, competency based assessment.

Grades which apply to courses delivered in accordance with competency-based assessment, but which also use graded assessment.

CHD Competent with High Distinction
CDI Competent with Distinction
CC Competent with Credit
CAG Competency Achieved - Graded
NYC Not Yet Competent
DNS Did Not Submit for Assessment


Assessment Matrix

An assessment matrix demonstrating alignment of assessment tasks with the relevant Unit of Competency is available from the course contact person (stated above). 

Other Information

Attendance

The major learning experience involves studio based exercises, demonstration and production. It is strongly advised that you attend all sessions in order to engage in the required learning activities, ensuring the maximum opportunity to gain the competency.

Feedback

You will receive verbal and written feedback by teacher on your work. This feedback also includes suggestions on how you can proceed to the next stage of developing your projects. Student feedback at RMIT: http://www.rmit.edu.au/browse;ID=9pp3ic9obks7

Student Progress

Monitoring academic progress is an important enabling and proactive strategy to assist you to achieve your learning potential. Student progress policy: http://www.rmit.edu.au/browse;ID=vj2g89cve4uj1

Special consideration Policy (Late Submission)

All assessment tasks are required to be completed to a satisfactory level. If you are unable to complete any piece of assessment by the due date, you will need to apply for an extension. Special consideration, appeals and discipline: http://www.rmit.edu.au/browse;ID=qkssnx1c5r0y

Cover Sheet for Submissions

You must complete a submission cover sheet for every piece of submitted work. This signed sheet acknowledges that you are aware of the plagiarism implications.

Academic Integrity and Plagiarism

RMIT University has a strict policy on plagiarism and academic integrity. Please refer to the website for more information on this policy go to Academic Integrity: http://www.rmit.edu.au/browse;ID=kw02ylsd8z3n

Course Overview: Access Course Overview