GRDE2023 DIG251 Internet Design Introduction OpenUnis SP 1 ...ctl.curtin.edu.au/teaching_learning_services/unit_outline_builder/pdf... · 4. Lynda.com video library - You will be

Unit study package code: GRDE2023

Mode of study: Area External

Credit Value: 25.0

Pre-requisite units: Nil

Co-requisite units: Nil

Anti-requisite units: Nil

Result type: Grade/Mark

Approved incidental fees: Information about approved incidental fees can be obtained from our website. Visit fees.curtin.edu.au/incidental_fees.cfm for details.

Unit coordinator: Title: MissName: Harriet PerryerPhone: +618 9266 1336Email: [email protected]: Building: 202 - Room: 183

Teaching Staff:

Administrative contact: Name: Areta SumanaPhone: +61 8 9266 2102Email: [email protected]: Building: Tech Park

Learning Management System: Blackboard (lms.curtin.edu.au)

Unit Outline

GRDE2023 DIG251 Internet Design Introduction OpenUnis SP 1, 2016

DVC EducationOUA Programs

GRDE2023 DIG251 Internet Design IntroductionOUA 19 Feb 2016 OUA Programs, DVC Education

Page: 1 of 18CRICOS Provider Code 00301J

The only authoritative version of this Unit Outline is to be found online in OASIS

http://fees.curtin.edu.au/incidental_fees.cfm

http://lms.curtin.edu.au/

Acknowledgement of Country We respectfully acknowledge the Indigenous Elders, custodians, their descendants and kin of this land past and present.

Syllabus This unit introduces you to the concepts, skills and toolsets required to create a basic website using the latest web authoring technologies. By focusing on the application of theoretical concepts through a hands-on, project centred approach, students will have the opportunity to design, implement and deliver a modern, interactive website over the World Wide Web.

Introduction This unit is designed to introduce you to the practice of creating a basic website. Through the iterative development of a single project topic, you will progressively acquire and build upon fundamental skills in the planning, design and development of a website using the HTML5 and CSS3.

In DIG251: Internet Design Introduction, you will be guided through a process of developing design ideas in a conceptual way and then translating those ideas into a website using code. Research will play an important role in your learning process as you gain knowledge and a deeper understanding of Internet Design. It is expected that this unit will provide a touchstone that stimulates thought and curiosity in relation to your own practice in digital design and related technologies.

The learning support materials and resources provided with this unit should be used as a guide to facilitate independent inquiry and research, exploration, questioning, visualisation and risk taking.

There are 5 key learning resources for this unit:

1. Unit Outline - The unit outline document that you are reading now provides you with an overview of the unit content and introduces the assessment requirements. It also contains a range of other unit-relevant details and should be considered your "first stop" for this unit.

2. Study Area - The Study Area of the Blackboard site contains resources that you'll need to successfully complete the unit. This includes weekly unit lecture material, weekly breakdowns of the tasks / activities that you'll be required to undertake, as well as auxillary resources like assignment templates, exemplars etc.

3. Supplementary Video Lectures - There are a series of video lectures available in the iLecture section of the Blackboard website. These correspond with the Study Guide theory chapters for each week. It is recommended that you watch the video prior to reading the study guide chapter for that week. The video lectures will help to lay the theoretical foundations needed to effectively undertake the unit activities.

4. Lynda.com video library - You will be provided with access to the Lynda.com training library, as well as weekly prescriptions for specific material to view and accompanying tasks to complete. This resource stands in place of a required textbook and will help you to learn the technical skills required to successfully create your website.

5. Blackboard Discussion Board - The discussion board provides you with a 'live' feedback platform where you can share your ideas, offer/accept critique and engage in discussions around the unit topics. This iterative feedback <---> development process will be crucial in helping you to hone your web design approach. The Study Guide provides you with prescriptions for weekly discussion board activities.

While you have the benefit of flexible study time as an online student you are expected to spend about 10 hours per week on this unit. Depending on your own study strategies, we recommend 2-3 hours reading through the study guide learning materials, 1-2 hours in the discussion board connecting with your peers and asking your tutor questions and 6-7 hours per week working on your assignments.

Your tutor will endeavour to respond to your enquires in the discussion board within 1-2 working days.

We hope you enjoy the unit.

DVC Education OUA Programs




Unit Learning Outcomes All graduates of Curtin University achieve a set of nine graduate attributes during their course of study. These tell an employer that, through your studies, you have acquired discipline knowledge and a range of other skills and attributes which employers say would be useful in a professional setting. Each unit in your course addresses the graduate attributes through a clearly identified set of learning outcomes. They form a vital part in the process referred to as assurance of learning. The learning outcomes tell you what you are expected to know, understand or be able to do in order to be successful in this unit. Each assessment for this unit is carefully designed to test your achievement of one or more of the unit learning outcomes. On successfully completing all of the assessments you will have achieved all of these learning outcomes.

Your course has been designed so that on graduating we can say you will have achieved all of Curtin's Graduate Attributes through the assurance of learning process in each unit.

Curtin's Graduate Attributes

Learning Activities In this unit you will undertake three assignments that are 'progressive' in nature.

You will learn the theory of internet design and engage in the practical knowledge of basic design principles using HTML and CSS code. Comprehensive weekly learning materials will be provided in Blackboard under the link Study Area.

You will develop a blueprint design for a website on a topic that interests you, develop the proposed blueprint into a draft and then final website. In conjunction with the website production, you will submit progress reports for that support the development of your website design and technical requirements.

If for some reason you are unable to participate in the online activities, please keep your tutor informed via email as to your work in progress. A lack of regular contact with your tutor and participation online generally slows down student progress and may adversely affect the successful completion of the unit.

On successful completion of this unit students can: Graduate Attributes addressed

1 Reflect on how the World Wide Web has evolved from its specialized origins to the now-ubiquitous role that it plays in our information-based society

2 Edit and optimise suitable text and graphics for web delivery with an emphasis on streamlined readability and efficient graphic formatting/compression

3 Understand and navigate copyright issues relating to the use of media and content in a digital authoring environment

4 Understand and apply basic website usability and accessibility concepts in the design production and delivery of a website

Apply discipline knowledge Thinking skills (use analytical skills to solve problems)

Information skills (confidence to investigate new ideas)

Communication skills Technology skillsLearning how to learn (apply principles learnt to new situations) (confidence to tackle unfamiliar problems)

International perspective (value the perspectives of others)

Cultural understanding (value the perspectives of others)

Professional Skills (work independently and as a team) (plan own work)

Find out more about Curtin's Graduate attributes at the Office of Teaching & Learning website: ctl.curtin.edu.au





http://ctl.curtin.edu.au/

Learning Resources Online resources

l You will be provided with premium access to the Lynda.com training library. It is a required resource, but access to the service will be provided by Curtin University.

(http://www.lynda.com)

Other resources

eBOOKS Although not mandatory in this unit, there are a number of eBooks relevant to digital design available through Curtin University library’s E-Reserve > databases > Ebook Library - links accessible here, http://catalogue.curtin.edu.au/primo_library/libweb/action/search.do?mode=Basic&vid=CUR&tab=courseresevres&

Assignment Exemplars: You will find good examples of the assignments located under the “Assignments” section of Blackboard. Look inside the folder entitled “Assignment Examples”.

Learning Resources To assist your on-line learning experience, additional technical information and ‘how to’s’ have been developed which can be found in the SoDA Start-up Pack http://sodastartup.org/

As a Curtin University OUA student within the School of Design & Art, you have full access to the premium Lynda.com library for the duration of your enrolment. Lynda.com is a leading online learning company that provides training tutorials to help you learn software, technology and creative skills to achieve personal and professional goals. To start using your Lynda.com account, new students should look for the “Invitation Email” in your Curtin student email account from the Humanities Office of Teaching and Learning. If you wish to activate your account follow the registration instructions. Existing Lynda.com users can continue to access under a current Curtin University OUA Art and Design enrolment.





http://www.lynda.com/

http://catalogue.curtin.edu.au/primo_library/libweb/action/search.do?mode=Basic&vid=CUR&tab=courseresevres&

http://sodastartup.org/

Assessment Assessment schedule

Detailed information on assessment tasks

1. Exercise 1: WEBSITE BLUEPRINT INTRODUCTION

Over the duration of this study period, you will conceptualize, design and create a HTML5 and CSS3 website. The development process for this website will consist of four production stages. The initial planning, conceptualization and documentation stage will be represented by this first exercise.

In a commercial web design scenario, it is common practice for a designer to submit a proposal to potential clients. This is a professionally produced document that clearly articulates a proposed design solution. A well-presented proposal serves two useful purposes:

1. It describes the intended design in clear unambiguous terms, covering important details like the website's concept, overall objectives and aesthetic approach.

2. It serves as a 'Blueprint' which the designer can then use as the basis for their actual production.

For your first exercise, you will produce a 'Website Blueprint' incorporating elements of a formal proposal.

LEARNING OUTCOMES

Through the process of researching, planning and executing this exercise you will:

l Reflect on how the World Wide Web has evolved, from its specialized origins to the now ubiquitous role that it plays in our information-based society.

l Understand and apply basic website usability and accessibility concepts in the design of a website using hypertext markup language (HTML5) and cascading style sheets (CSS3)

l Understand and navigate copyright issues relating to the use of media and content in a digital authoring environment.

WEBSITE BLUEPRINT MINIMUM REQUIREMENTS

You will create a Website Blueprint from the provided template (see Blackboard site). This document should clearly illustrate and explain your concepts and ideas. Your Website Blueprint must be based on delivering a Final Website according to the requirements outlined in Chapter 1 of the unit Study Guide under the section “DIG251 Website Project Overview”.

The Website Blueprint Template consists of the following components: A. Research Folio B. Sketchbook C. Design Brief D. Screen Mockups

Task Value % Date DueUnit Learning Outcome(s)

Assessed

1Exercise 1 30 percent Week: 5

Day: Monday Time: 5pm (WST)

1,2


Day: Tuesday Time: 5pm (WST)

1,2,3


Day: Monday Time: 5pm (WST)

2,3,4





Expressing your ideas clearly but succinctly is an important aspect of this exercise – as such you must make sure that only the most pertinent and relevant information has been presented within this document.

A. RESEARCH FOLIO:

Research is critical at this juncture in the design process. To be an effective web designer, you must understand the website topic/theme, your client and your target audience. You must also gain familiarity with some design theory and existing websites so that you can manage user expectations and leverage design convention to create an attractive and user-friendly site. Collate and summarise only the most relevant research information into your Research Folio. Please note that each reference source may only appear once in your research folio. (ie. You must endeavor to utilize a broad range of references.) Each reference source must include its full citation in Chicago Author-Date format and a description of how that research has influenced your own work/ideas. This collection of research should inform the Design Brief component of this exercise, and provide you with the basis for your design rationale (See the heading “3. Design Brief” below for further details).

B. SKETCHBOOK:

The design process is an iterative one. As you conceptualize, refine and iterate upon your design ideas, you should use a sketchbook to document your design development and ‘rough work’. Some elements that should be contained within the Sketchbook include brainstorming, ideas generation, design development and visual design experimentation. At the conclusion of your design experimentation, you should choose the ‘best’ design based on its merits in addressing your topic and/or your client’s needs, as well as the exercise requirements. This ‘best’ design will be the one that you formally propose and visualize in the Design Brief and Screen Mockups components of this exercise.

You are free to choose the actual medium for your design development/experimentation. Some students may feel at ease with using Photoshop/GIMP to play around with potential design ideas for their sketchbook. Others may prefer to hand-draw sketches and/or use collage techniques with paper and glue to explore different design ideas. Whichever medium you choose, be sure to include pictures of your design development/experimentation in the provided Website Blueprint template.

C. DESIGN BRIEF:

The design brief should provide a clear description of the key facets of your proposed website design. These key facets must be described in the context of research-supported design rationale. Design rationale is not based on a designer's personal preferences, whims or fancies – it must be based on research into the website theme, its topic/content, target audience and relevant design theory. You will need to draw upon and reference the material gathered in your Research Folio to successfully complete this component of the Website Blueprint. In-text citations and the compiled bibliography list must be presented in Chicago Author-Date format.

D. SCREEN MOCKUPS:

This component allows both you and your tutor (and/or a potential client) to clearly visualize what the proposed website design will look like. You must deliver 2 screen mockups depicting your proposed design.

You can think of the screen mockups as non-interactive, but visually accurate ‘screen capture’ (ie. still image) versions of your website pages. They must comprise of the following:

l Full colour ‘Screen Mockups’ depicting the exact colour scheme, navigation, image style, typefaces and layout of your website homepage and one other 2nd level page.

l Where appropriate, a description of any special interaction or text input that may be required of the user.

l Where appropriate, a description of any audio/video elements contained on the page.

At this early stage in production, it is unlikely that you would have finalized the textual content for your website. In your screen mockups, you should endeavor to use your proposed page titles/headings, however





you may substitute the actual textual content on each page with ‘placeholder’ text. Use a dummy text generator like: http://www.blindtextgenerator.com/lorem-ipsum to create the placeholder copy. While you are not expected to include all the finalised images for your website in the screen mockups, you must include sample images that give your potential client and/or tutor a clear idea about what sort of pictures will be featured on the website. You may not base your screen mockups on any existing templates or whole site designs. You must create your screen mockups from ‘scratch’, though you may utilize individual graphical / textual elements that have been created by someone else. Any such material must clearly be referenced on the page entitled “D. SCREEN MOCKUP IMAGE / CONTENT REFERENCES”. If you are unclear about these requirements, please discuss them with your tutor.

Refer to the DIG251 Study Guide, “Chapter 2” to learn more about screen mockups.

DELIVERABLES

Download the provided Website Blueprint Template (see Blackboard site) and use this as the basis for this exercise. As stated above, expressing your ideas clearly and succinctly is an important aspect of this exercise. You must make sure that only the most pertinent and relevant information has been presented within this document.

Please note that the Design Brief and Screen Mockup components represent your “proposed design”. As such, you are not committed to delivering this exact design for your final website. Given that you are at the beginning of your web design journey, we fully expect that the knowledge you gain over the coming weeks will shape and influence your ideas. Thus it is likely that your designs will evolve and grow. This is a natural by-product of the iterative nature of the design process.

When filling out the front cover page, don't forget to type your name into the space provided under 'Declaration' to confirm the exercise is your own work, this will suffice as a 'digital signature'.

Prior to uploading your exercise to Blackboard, you must first save your Website Blueprint document in PDF format. DO NOT SUBMIT YOUR POWERPOINT FILE.

File Format: The submitted exercise must be in Adobe PDF format.

File Size: The submitted PDF document must be no larger than 10MB. You may need to use a PDF compression utility/service to reduce your initial file size.

File Naming: The submitted PDF file must follow this naming convention “A1-YourFullName.pdf”

Note: A1 stands for “Assignment 1”

Where to Submit: On the DIG251 Blackboard website, go to the ‘Assignments’ section of the site and scroll down to find the Dropbox for Assignment 1. Upload your PDF document to the dropbox by the due date.

Due date: Refer to Unit Outline and the Blackboard Assessment drop box description.

*Late uploads without prior extension approval will be penalized at 10% per calendar day.

You will find examples of well-produced Website Blueprints located under the “Assignments” section of Blackboard. Look for the folder entitled “Assignment Examples”.

** Use these examples as an approximate guide for the level of detail expected if you would like to produce a truly excellent Blueprint document with a Distinction or higher grading.

The ASSESSMENT CRITERIA for Assignment One is available in Blackboard by following the links: Study Area > Assignment Templates & Rubrics.

2.

EXERCISE 2: FIRST DRAFT OF WEBSITE Due: Week 9 - Monday 25 April – you may submit on Tuesday 26 April without late submission penalties





http://www.blindtextgenerator.com/lorem-ipsum

INTRODUCTION

Over the duration of this study period, you will conceptualize, design and create a HTML5 and CSS3 website.

The first step of translating your blueprint design into an actual website involves creating the HTML files in a text editor and marking up your pages. (ie. Adding in all the text and image content and sorting them into appropriate headings and sections.). At this stage of development, you are not required to apply any signficant styling to your website. You should however ensure that your HTML code is semantically correct, and your sections / pages well-structured. Your prototype website should also display your intended image / graphical elements in their final edited format.

It is good practice to validate your code (http://validator.w3.org/) as part of the debugging process, and also to check if your code is standards compliant.

LEARNING OUTCOMES

Through the process of researching, planning and executing this assignment you will:

l Edit and optimize suitable text and graphics for Web delivery, with an emphasis on streamlined readability and efficient graphic formatting/ compression.


l Understand and apply basic website usability and accessibility concepts in the design and production of a website using hypertext markup language (HTML5).

FIRST DRAFT OF WEBSITE MINIMUM REQUIREMENTS

Your First Draft of Website must be based on the “Website Assignment Description” from Chapter 1 of the DIG251 Study Guide. The First Draft of Website must adhere to the following minimum requirements:

l The website must accommodate a minimum display resolution of 1366 x 768 pixels, or else another "lowest common denominator" resolution that has been argued for in your progress report or website blueprint.

l The website must contain a minimum of 6 HTML website pages. The entire website with its HTML and image/media files must occupy no more than 5MB of disk space.

l At this stage of development, you aren't expected to have applied signficant styling to your website. You should focus on ensuring that your HTML code has been proficiently executed and is standards compliant, semantic, appropriately commented, validates without significant errors and exhibits organised syntax.

l The pages in your website must be hyperlinked and navigable to/from each other. You are encouraged to utilise ‘relative paths’ for your links, and adopt a ‘global’ navigation menu that remains consistent from page to page.

l The website should contain a minimum of 600 words of textual content. This word limit may be negotiated on an individual basis – discuss your options with your tutor. Textual content may be derived from copyrighted sources, though all sources must be meticulously referenced. Alternatively, you may choose to write your own original copy. Note: Original copy writing / text content creation is not assessed in DIG251.

l The website must contain a minimum of 6 different images. Image content may be derived from copyrighted sources, but all sources must be meticulously referenced. You are encouraged to create original digital imagery to demonstrate your image manipulation skills.

l Any content created by an external source must be cited using the Chicago Author-Date referencing format in your Progress Report and ‘in-situ’ within your HTML files as ‘code comments’. Every page in your website that contains copyrighted content must display the following disclaimer in its footer:

¡ This website has been created as part of an assignment in an approved course of study for Curtin University and contains copyright material not created by the author. All copyright material used remains copyright of the respective owners and has been used here pursuant to Section 40 of the Copyright Act 1968 (Commonwealth of Australia). No part of this work may be reproduced without consent of the original copyright owners. See code comments for references.

l You must demonstrate a thorough understanding of HTML5 by neatly organizing and labeling the code such that each line of browser-visible information is on a separate line without combining multiple lines. Where appropriate, code must be indented to enhance readability. The main elements for each of your





http://validator.w3.org/

HTML5 pages must be annotated with appropriate ‘code comments’ to demonstrate your understanding of the code (you may wish to create your own original templates to speed up site development. Talk to your tutor for template creation tips). Your code comments must also include references for individual copyrighted elements ‘in-situ’ as they appear in your website. (eg. When you insert an <img> tag for an image that someone else has created, you must include code comments next to that tag indicating the reference source.)

l The website must be marked up in HTML5. You are not permitted to utilise any other programming languages, scripts or extra plugins in your website. The only exception is the use of HTML5Shiv, embedding streaming content and/or social media buttons. All other code must be written by you using a text editor software, see materials list in Chapter 1 for recommendations. Also:

l You are not permitted to utilise any “What You See Is What You Get” (WYSIWYG) website authoring tools like Adobe Dreamweaver, or other website building tools.

l You are not permitted to use any code generating/altering software like HTML Tidy. l You are not permitted to base your website on any existing design or template.

l Test your website in the main brands of desktop browsers. Refer to the latest Browser Statistics maintained by the W3S (http://www.w3schools.com/browsers/browsers_stats.asp). Your website must work and look acceptable across the first and second most used versions of each brand of browser. Your site need not be fully compatible with mobile devices as ‘responsive design’ is beyond the scope of this introductory unit.

l If you do not already have one, you must procure a web host with File Transfer Protocol (FTP) capability. For assignment submission, the website files must be published to your FTP server by the specified deadline. The website must be viewable through a web browser from the website address or URL that your web hosting company has provided.

Note: If you feel compelled, you may choose to “swot out” and exceed the above stated requirements . However, in the interests of maintaining fairness to all students, additional marks will not be awarded for work that is done beyond the scope described in the Brief and Marking Rubric for Exercise 2.

DELIVERABLES

1. A fully functional and accessible ‘live’ First Draft of Website located on your FTP server.

Where to Submit: Your First Draft of Website must be uploaded to your FTP server space according to the instructions provided by your web-hosting provider. After uploading, double-check to make sure that your website is viewable through a web browser at the URL / web address that you have specified in your Progress Report. Due date: Refer to Unit Outline and the Blackboard Assessment drop box description.

2. A “.zip” archive that contains your entire First Draft of Website plus an accompanying Progress Report. You must utilize the provided First Draft of Website Progress Report template (see Blackboard site).

File Naming: The submitted .zip file must be called “A2-YourFullName.zip” Note: A2 stands for “Assignment 2”

Where to Submit: On the DIG251 Blackboard website, go to the ‘Assignments’ section of the site and scroll down to find the Dropbox for Assignment 2. Upload your single .zip archive to the dropbox by the due date. Due date: Refer to Unit Outline and the Blackboard Assessment drop box description.

Note: The ‘live’ website and Blackboard website submissions must both be fully-functional and identical.

Late submissions without prior extension approval will be penalized at 10% per calendar day in accordance with university policy.

The ASSESSMENT CRITERIA for Assignment Two is available in Blackboard by following the links: Study Area > Assignment Templates & Rubrics.

3.





EXERCISE 3: FINAL WEBSITE INTRODUCTION

Over the duration of this study period, you will conceptualize, design and create a HTML5 and CSS3 website.

In this final stage of development, your website should look a lot like the screen mockups that you presented in your Website Blueprint document. However, design is an iterative and evolving process, and certain design elements are bound to change and improve as you gain experience and knowledge. This is normal and expected, you will not be marked down for ‘deviating’ from your initially specified designs, though you should reflect and comment upon these changes in your website's accompanying 'Progress Report'.

It is good practice to validate your code (http://validator.w3.org/) as part of the debugging process, and also to check if your code is standards compliant.

LEARNING OUTCOMES

Through the process of researching, planning and executing this assignment you will:

l Edit and optimize suitable text and graphics for Web delivery, with an emphasis on streamlined readability and efficient graphic formatting/ compression.


l Understand and apply basic website usability and accessibility concepts in the design, production and delivery of a website using hypertext markup language (HTML5) and cascading style sheets (CSS3).

FINAL WEBSITE MINUMUM REQUIREMENTS

The Final Website must adhere to the following minimum requirements:

l The website must accommodate a minimum display resolution of 1366 x 768 pixels, or else another "lowest common denominator" resolution that has been argued for in your progress report or website blueprint.

l The website must contain a minimum of 6 HTML website pages and at least 1 external cascading style sheet (CSS). All the pages in the site must be fully functional and visually complete. The entire website with its HTML/CSS and image/media files must occupy no more than 5MB of disk space.

l The main pages in your website must be hyperlinked and navigable to/from each other. You are encouraged to utilise ‘relative paths’ for your links, and adopt a ‘global’ navigation menu that remains consistent from page to page.

l The website should contain a minimum of 600 words of textual content. This word limit may be negotiated on an individual basis – discuss your options with your tutor. Textual content may be derived from copyrighted sources, though all sources must be meticulously referenced. Alternatively, you may choose to write your own original copy. Note: Original copy writing / text content creation is not assessed in DIG251.

l The website must contain a minimum of 6 different images. Image content may be derived from copyrighted sources but all sources must be meticulously referenced. You are encouraged to create original digital imagery to demonstrate your image manipulation skills.

l Any content created by an external source must be cited using the Chicago Author-Date referencing format in your Progress Report and ‘in-situ’ within your HTML files as ‘code comments’. Every page in your website that contains copyrighted content must display the following disclaimer in its footer:

¡ This website has been created as part of an assignment in an approved course of study for Curtin University and contains copyright material not created by the author. All copyright material used remains copyright of the respective owners and has been used here pursuant to Section 40 of the Copyright Act 1968 (Commonwealth of Australia). No part of this work may be reproduced without consent of the original copyright owners. See code comments for references.

l You must demonstrate a thorough understanding of HTML5 & CSS3 by neatly organizing and labeling the code such that each line of browser-visible information is on a separate line without combining multiple lines. Where appropriate, code must be indented to enhance readability. The main elements for each of your HTML5 & CSS3 pages must be annotated with appropriate ‘code comments’ to demonstrate your understanding of the code (you may wish to create your own original templates to





http://validator.w3.org/

speed up site development. Talk to your tutor for template creation tips). Your code comments must also include references for individual copyrighted elements ‘in-situ’ as they appear in your website. (eg. When you insert an <img> tag for an image that someone else has created, you must include code comments next to that tag indicating the reference source.)

l The website must be marked up in HTML5 and styled in CSS3. You are not permitted to utilise any other programming languages, scripts or extra plugins in your website. The only exception is the use of HTML5Shiv, embedding streaming content and/or social media buttons. All other code must be written by you using a text editor software, see materials list in Chapter 1 for recommendations. Also:

l You are not permitted to utilise any “What You See Is What You Get” (WYSIWYG) website authoring tools like Adobe Dreamweaver, or other website building tools.

l You are not permitted to use any code generating/altering software like HTML Tidy. l You are not permitted to base your website on any existing design or template.

l Test your website in the main brands of desktop browsers. Refer to the latest Browser Statistics maintained by the W3S (http://www.w3schools.com/browsers/browsers_stats.asp). Your website must work and look acceptable across the first and second most used versions of each brand of browser. Your site need not be fully compatible with mobile devices as ‘responsive design’ is beyond the scope of this introductory unit.

l If you do not already have one, you must procure a web host with File Transfer Protocol (FTP) capability. For assignment submission, the website files must be published to your FTP server by the specified deadline. The website must be viewable through a web browser from the website address or URL that your web hosting company has provided.

DELIVERABLES

1. A fully functional and accessible ‘live’ Final Website located on your FTP server.

Where to Submit: Your Final Website must be uploaded to your FTP server space according to the instructions provided by your web-hosting provider. After uploading, double-check to make sure that your website is viewable through a web browser at the URL / web address that you have specified in your Progress Report. Due date: Refer to Unit Outline and the Blackboard Assessment drop box description.

2. A “.zip” archive that contains your entire Final Website plus an accompanying Progress Report PDF document. You must utilize the provided Final Website Progress Report template (see Blackboard site).

File Naming: The submitted .zip file must be called “A3-YourFullName.zip”

Note: A3 stands for “Assignment 3”

Where to Submit: On the DIG251 Blackboard website, go to the ‘Assignments’ section of the site and scroll down to find the Dropbox for Assignment 3. Upload your single .zip archive to the dropbox by the due date. Due date: Refer to Unit Outline and the Blackboard Assessment drop box description.

Note: The ‘live’ website and Blackboard website submissions must both be fully-functional and identical.

Late submissions without prior extension approval will be penalized at 10% per calendar day in accordance with university policy.

The ASSESSMENT CRITERIA for Assignment Three is available in Blackboard by following the links: Study Area > Assignment Templates & Rubrics.

Pass requirements

There are three assessment submissions required in this unit. Students must attempt and submit all three assignments and achieve a final mark of 50% or more to pass the unit.

Fair assessment through moderation

Moderation describes a quality assurance process to ensure that assessments are appropriate to the learning





outcomes, and that student work is evaluated consistently by assessors. Minimum standards for the moderation of assessment are described in the Assessment and Student Progression Manual, available from policies.curtin.edu.au/policies/teachingandlearning.cfm

Late assessment policy

This ensures that the requirements for submission of assignments and other work to be assessed are fair, transparent, equitable, and that penalties are consistently applied.

1. All assessments students are required to submit will have a due date and time specified on this Unit Outline. 2. Students will be penalised by a deduction of ten percent per calendar day for a late assessment submission

(eg a mark equivalent to 10% of the total allocated for the assessment will be deducted from the marked value for every day that the assessment is late). This means that an assessment worth 20 marks will have two marks deducted per calendar day late. Hence if it was handed in three calendar days late and given a mark of 16/20, the student would receive 10/20. An assessment more than seven calendar days overdue will not be marked and will receive a mark of 0.

Assessment extension

A student unable to complete an assessment task by/on the original published date/time (eg examinations, tests) or due date/time (eg assignments) must apply for an assessment extension using the Assessment Extension form (available from the Forms page at students.curtin.edu.au/administration/) as prescribed by the Academic Registrar. It is the responsibility of the student to demonstrate and provide evidence for exceptional circumstances beyond the student's control that prevent them from completing/submitting the assessment task.

The student will be expected to lodge the form and supporting documentation with the unit coordinator before the assessment date/time or due date/time. An application may be accepted up to five working days after the date or due date of the assessment task where the student is able to provide an acceptable explanation as to why he or she was not able to submit the application prior to the assessment date. An application for an assessment extension will not be accepted after the date of the Board of Examiners' meeting.

Deferred assessments

If your results show that you have been granted a deferred assessment you should immediately check your OASIS email for details.

Supplementary assessments

Supplementary assessments are not available in this unit.

Referencing style

The referencing style for this unit is Chicago.

More information can be found on this style from the Library web site: http://libguides.library.curtin.edu.au/referencing.

Copyright © Curtin University. The course material for this unit is provided to you for your own research and study only. It is subject to copyright. It is a copyright infringement to make this material available on third party websites.

Academic Integrity (including plagiarism and cheating) Any conduct by a student that is dishonest or unfair in connection with any academic work is considered to be academic misconduct. Plagiarism and cheating are serious offences that will be investigated and may result in penalties such as reduced or zero grades, annulled units or even termination from the course.

Plagiarism occurs when work or property of another person is presented as one's own, without appropriate





http://policies.curtin.edu.au/policies/teachingandlearning.cfm

http://students.curtin.edu.au/administration/

http://libguides.library.curtin.edu.au/referencing

acknowledgement or referencing. Submitting work which has been produced by someone else (e.g. allowing or contracting another person to do the work for which you claim authorship) is also plagiarism. Submitted work is subjected to a plagiarism detection process, which may include the use of text matching systems or interviews with students to determine authorship.

Cheating includes (but is not limited to) asking or paying someone to complete an assessment task for you or any use of unauthorised materials or assistance during an examination or test.

From Semester 1, 2016, all incoming coursework students are required to complete Curtin’s Academic Integrity Program (AIP). If a student does not pass the program by the end of their first study period of enrolment at Curtin, their marks will be withheld until they pass. More information about the AIP can be found at: https://academicintegrity.curtin.edu.au/students/AIP.cfm

Refer to the Academic Integrity tab in Blackboard or academicintegrity.curtin.edu.au for more information, including student guidelines for avoiding plagiarism.

Information and Communications Technology (ICT) Expectations Curtin students are expected to have reliable internet access in order to connect to OASIS email and learning systems such as Blackboard and Library Services.

You may also require a computer or mobile device for preparing and submitting your work.

A computer with access to the Internet. The computer should be capable of running the following software:

- Plain text editor

- Bitmap image editor

- Current Internet Browser

For further details of the software required in this unit, please refer to the Week 1 study materials available from the "Study Area" of the unit's Blackboard website.

For general ICT assistance, in the first instance please contact OASIS Student Support: oasisapps.curtin.edu.au/help/general/support.cfm

For specific assistance with any of the items listed below, please contact The Learning Centre: life.curtin.edu.au/learning-support/learning_centre.htm

l Using Blackboard, the I Drive and Back-Up files l Introduction to PowerPoint, Word and Excel





https://academicintegrity.curtin.edu.au/students/AIP.cfm

http://academicintegrity.curtin.edu.au/

https://oasisapps.curtin.edu.au/help/general/support.cfm

http://life.curtin.edu.au/learning-support/learning_centre.htm

Additional information

About Your On-Line Community One of the most important aspects of studying in a formal way, through an established Design and Art School, is that you are exposed to other people who are like-minded. Your peers are one of the most important sources of information, advice and support that you have available to you.

While the physical proximity afforded by being ‘on-campus’ cannot be exactly replicated in a ‘virtual’ environment, the discussions, responses, ideas, challenges, and technical advice that you can give and receive by being an active participant in the Discussion Boards in Blackboard can at least approximate this experience.

Such interactions are an important part of your on-line learning experience, but these can only be maintained effectively if all students take an active part. You are encouraged to participate in on-line discussions and to engage with your peers in your learning. While your engagement in discussion is not part of your assessment, the benefits inadvertently enhance your knowledge and understanding of the subject. More importantly, these interactions will help you develop ideas, provide feedback and receive information and support. By actively taking part in online discussions, learning will be enhanced by gaining further knowledge and understanding of contemporary art, and will ultimately assist with your successful completion of the unit.

Research In this unit you will need to look at the websites that you encounter in a new way. Previously, you may have only given cursory thought to the aesthetic style, information organisation or navigational structure of a website. Now you should pay close analytical attention to these elements. How have these characteristics been crafted to leave a positive impression on a user? How can you leverage these observations in your own web design work?

Practice and Theory Throughout this unit you will need to maintain a balance of the concepts / ideas that you are trying to communicate along with the techniques needed to realise them. The theory section of each Study Guide chapter aims to introduce general web design concepts to you and provide a foundational understanding to your production work. The technique sections aim to develop your coding and web production skills.When practising your code writing, remember these pointers to improve your work flow:

1. Always proof read your work; a simple error can cause problems later on. 2. Never code when tired! This reduces the chance of simple errors from occurring. 3. When editing code, only change one thing at a time, and see what effect it has. This will slowly build your

understanding of code.

Feedback What is Feedback? It is information designed to help you determine how much you have learned, whether you are learning the right things and the quality or depth of your learning. Feedback can take a number of forms including: marks given for assessment, comments on your assessed work, marks on a scoring rubric, generic feedback provided by the tutor to the group following assessment, tutor communication with the group in the discussion room, tutor communication directly to you via email, references and examples of good/appropriate models of practice provided by your tutor to assist your research and development (including websites, readings, etc). Feedback is designed to make you think about your learning and help you find ways to improve you work.

All links were active at the time of writing, but the nature of the Internet is such that their status can change. If you discover a non-functioning link, please alert your tutor.

Plagiarism Plagiarism is taken very seriously at Curtin University. When submitting an assignment in this unit you are declaring that you have created all work, and that it has not been previously submitted for assessment for another unit or at another institution. When including images or text not created by you /or not entirely created by you (as research or to provide context) you must;





· Reference these images or texts using Chicago referencing. · Include in-text references. · Include a reference list at the end of the file/document.

Referencing is relevant to all forms of assessment including essays, process files/journals, art or design portfolios and/or reports. It is a requirement of your enrolment that you refer to the Curtin University Academic Integrity website prior to submitting your work. http://academicintegrity.curtin.edu.au/students/ Failure to follow these guidelines and being found to be in breach of Curtin University’s Management of Plagiarism Policy will result in a penalty being applied to your assignment and/or your academic status.

Lynda.com Online Training

Curtin University provides free access to Lynda.com for this unit (in accordance with Lynda.com terms and conditions).

To access your account on Lynda.com , activate your account through the email activation. If you were granted access in a prior study period, you will not receive an activation email and will be able to use your previous logon information. If you have forgotten your password, follow this link (http://www.lynda.com/login/loginhelp.aspx) and use your student number email ([email protected]) to change your account password.

This service offers tutorial videos for a vast range of applications, tools, techniques, and even interviews with professionals.

If you do not have access to Lynda.com, consult your tutor or unit coordinator to request access.

Enrolment

It is your responsibility to ensure that your enrolment is correct - you can check your enrolment through the eStudent option on OASIS, where you can also print an Enrolment Advice.

Student Rights and Responsibilities It is the responsibility of every student to be aware of all relevant legislation, policies and procedures relating to their rights and responsibilities as a student. These include:

l the Student Charter l the University's Guiding Ethical Principles l the University's policy and statements on plagiarism and academic integrity l copyright principles and responsibilities l the University's policies on appropriate use of software and computer facilities

Information on all these things is available through the University's "Student Rights and Responsibilities" website at: students.curtin.edu.au/rights.

Student Equity There are a number of factors that might disadvantage some students from participating in their studies or assessments to the best of their ability, under standard conditions. These factors may include a disability or medical condition (e.g. mental illness, chronic illness, physical or sensory disability, learning disability), significant family responsibilities, pregnancy, religious practices, living in a remote location or another reason. If you believe you may be unfairly disadvantaged on these or other grounds please contact Student Equity at [email protected] or go to http://eesj.curtin.edu.au/student_equity/index.cfm for more information

You can also contact Counselling and Disability services: http://www.disability.curtin.edu.au or the Multi-faith services: http://life.curtin.edu.au/health-and-wellbeing/about_multifaith_services.htm for further information.

It is important to note that the staff of the university may not be able to meet your needs if they are not informed of your individual circumstances so please get in touch with the appropriate service if you require assistance. For general wellbeing concerns or advice please contact Curtin's Student Wellbeing Advisory Service at: http://life.curtin.edu.au/health-and-wellbeing/student_wellbeing_service.htm





http://academicintegrity.curtin.edu.au/students/




http://www.lynda.com/login/loginhelp.aspx


http://students.curtin.edu.au/rights/

mailto:[email protected]

http://eesj.curtin.edu.au/student_equity/index.cfm

http://www.disability.curtin.edu.au/

http://life.curtin.edu.au/health-and-wellbeing/about_multifaith_services.htm

http://life.curtin.edu.au/health-and-wellbeing/student_wellbeing_service.htm

Recent unit changes Students are encouraged to provide unit feedback through eVALUate, Curtin's online student feedback system. For more information about eVALUate, please refer to evaluate.curtin.edu.au/info/.

Recent changes to this unit include:

The layout of the unit's Blackboard site has been tweaked to improve usability. The unit materials have been updated to reflect current practice.

To view previous student feedback about this unit, search for the Unit Summary Report at https://evaluate.curtin.edu.au/student/unit_search.cfm. See https://evaluate.curtin.edu.au/info/dates.cfm to find out when you can eVALUate this unit.





http://evaluate.curtin.edu.au/info/index.cfm

https://evaluate.curtin.edu.au/student/unit_search.cfm

https://evaluate.curtin.edu.au/info/dates.cfm

Program calendar

Wk

Dates

DIG251

Study guide

Blackboard

Activity

Submissions Due

For Assessment

O’

week

22 Feb Familiarise yourself with the unit materials in Blackboard, acquire the text book, and check technical and software requirements complete the assignments. You may refer to the assignments briefs in blackboard.

1 SP3 Begins

29 Feb

Week One:

Theory: A Brief Introduction to the Internet

Technique: Unit Fundamentals

Introduce yourself in the discussion board

2 7 March Week Two:

Theory: Web Design Process

Technique: Basic Layout in Photoshop

Synopsis for 3 potential project ideas

3 14 March Week Three:

Theory: Webpage Design Principles

Technique: Starting on a wireframe

4 21 March Week Four:

Theory: Layout Tips & Inspiration

Technique: Developing a mockup

5 28 March Week Five:

Theory: Colour Basics

Technique: Adding Images to your Pages

Post your URL for peer discussion and feedback.

Assessment 1: Website Blueprint Due Monday of Week 5

6 4 April Week Six:

Theory: Organising Information

Technique: Introduction to HTML

7 11 April Week Seven:

Theory: Navigation

Technique: Adding sectioning content

8 18 April Week Eight:

Theory: Web Typography

Technique: HTML lists & Web






images

9 25 April Week Nine:

Theory: Layout Techniques

Technique: Controlling basic styling

Assessment 2:First Draft of Website Due Tuesday of Week 9

10 2 May Week Ten:

Theory: Intro to Search Engine Optimization

Technique: Engaging with CSS

11 9 May Week Eleven:

Theory: Pre Launch Website Checks

Technique: Deeper into CSS


12 16 May Week Twelve:

Theory: Copyright

Technique: Final website refinement

13 23 May Week Thirteen:

Theory: Future Trends in Web Design

Technique: Final Website Wrap-up

eVALUate NOW

Assessment 3 – Final Website Due Monday of Week 13





Documents

GRDE2023 DIG251 Internet Design Introduction OpenUnis SP 1 ...ctl.curtin.edu.au/teaching_learning_services/unit_outline_builder/pdf... · 4. Lynda.com video library - You will be