Inspired by photos by emlyn and clarita from
Inspired by photos by emlyn and clarita from

Link to all Classes     Class 1     Class 3     Class 4

Assignment 1 GUI Workshop

1,000 – 1,300 words

Due: 7th of June 2013 – 7/6/13

Format: Interactive PDF, PowerPoint Show or Word Document

1- Define a GUI – write what it is, what the purpose is, what graphic interactive components can be part of it, draw a diagram explaining the different components or aspects (in the style of a mindmap/flowchart). This is about your informed understanding of a GUI, after conducting some research, but it is not about definitions found in a book or online.

Mixed Textures based on photos from morgueFile
Mixed Textures based on photos from morgueFile

2 – Discover tactile qualities in textures – discover 10-20 different textures that can be found in the home. Describe the material, how it feels to the touch, what sounds it makes, how it behaves when used appropriately and when used inappropriately. How does it react to pressure (pressing), rubbing and pulling? A paragraph per texture is the minimum.

3 – Collect the Good – Collect several images of 5+ GUIs that you enjoy using and or like the look and feel of. Write an overall description of the aspects that appeal to you. You do not need to write one for each, but one overall discussing the overall aspects that you like.

4 – Collect the Bad and the Ugly – Collect several images of 5+ GUI that you dislike, that either annoy you or that are not enjoyable to use. You may include interfaces that you find visually uninteresting or poorly designed. Describe the negative aspects.

5 – Conclusion – draw a conclusion of your research. Describe what inspired you and what influences you will incorporate in your future designs. Describe some of the ideas that you have had for GUI elements.

Carpet Textures based on photos from morgueFile
Carpet Textures based on photos from morgueFile

Based on photo by dhester from
Based on photo by dhester from

Link to all EDSS classes     Class 1     Class 3     Class4     Class 5

EDSS is a combination of Create an Extensible Document (ICPMM491D) and Create an Extensible Style Sheet (ICPMM492D). This class is a cluster of the two units, that will be delivered together.


XML is a central aspect of this class. We will use W3Schools to learn XML.

XML is connected to HTML and JavaScript. You need to learn the basics of both:

Read up on HTML on W3Schools

Read up on JavaScript on W3Schools

Today’s class is about JavaScript.

JavaScript - F.Viola
JavaScript – F.Viola

Today’s Class

Use the JavaScript section on W3Schools to 1.research and 2.document the points below.

You can document your research and definitions in a Word document. Use this template > JavaScript Documentation  or create your own!

  • Definition for JavaScript, including the purpose and context of other Markup Languages
  • Definition HTML DOM and example of a HTML DOM tree found on W3Schools
  • Can JavaScript be inserted into the Head or Body section of an HTML document?
  • How is JavaScript inserted into HTML?
  • Give an example of a Script Tag
  • What file extension will you need for an external JavaScript file?
  • Do external JavaScript files use <script> tags?
  • Write document output: Look at this example on the TryIt Editor and  change the Script so that it writes the <h1> and not the <p> content, change the <p> to HTML.
  • What is a JavaScript statement? Define and give an example!
  • How do you separate statements?
  • Is JavaScript case sensitive?
  • Write document output 2: Look at this example on the TryIt Editor and  change the Script so that JavaScript creates the <h1> Good Morning and an additional <h2> What I love? while HTML is responsible for <p>The smell of coffee.
  • The For Loop: Use the example provided for cars on the TryIt Editor and change it to write 6 brands of chocolate. Make sure to change the string (or text value=cars to something more appropriate).
  • Data Types – define: dynamic (data) types, JavaScript Strings, JavaScript Numbers, JavaScript Booleans, JavaScript Arrays, JavaScript Objects.

W3Schools > We will use W3Schools when learning about the Markup languages.

Based on photo by dhester from
Based on photo by dhester from

Link to all Classes    Class 1     Class 3     Class 4     Class 5     Class 6

Assessment 1 – Design of a Student Diary Cover

See the Brief: 2014_Cover comp guidelines

It is important to apply the steps of the design process when designing. Jumping on a computer and creating whatever comes to mind excludes your ideas and limits you to what you are able to do with the software.

Make sure to include steps that allow you to analyse the project (Project Outline), research the topic, generate ideas (brainstorming, using Kickcard method, using spider grams, creating a Metaphorical Analysis, The Inverse, sketch, doodle, etc) and discuss them with someone else on the project (eg teacher, friend or other student). You want to sketch and label your ideas.

Now refine them and work them on the computer.

Use the examples below as a step by step design process (the second one is more Web design focused, so ignore any coding references):

Design Process – Graphic Design    Design Process – Web Design

Make sure to write more about the Target Audience than just a sentence. I have attached an example of my own work. The Target Audience is for a Photography website: Example Profiling Target Audience

Note: You will receive an assessment cover sheet.

Based on photo by hotblack from
Based on photo by hotblack from

Link to all Classes     Link to Class 1     Class 3     Class 4

We will start today’s class by thinking about the terminology introduced in class 1 –

on a sheet of paper write your own understanding  of:

  1. Strategic Planning
  2. Operational Planning
  3. VMB board

KPI – Key Performance Indicator

Key Performance Indicators (short: KPIs) are an extremely important measure in successful businesses. We will look at the definition of KPIs, how to create a KPI and look at examples. You will then need to create an example KPI.

Please open the presentation below and follow it in class.

KPI – Presentation

In 6 teams we will look at examples of KPIs used in hospitality and report back to the class.

Examples of KPIs used in restaurants, cafes and similar businesses

Below is a text with examples of KPIs used in restaurants, cafes and similar businesses. Read and write one from each category that you can relate to on a sheet of paper. We will use it in a group discussion.
Source:  (Sourced in August 2012)

Key Performance Indicators for Restaurants, Cafes, Catering, Clubs and Hotels

Remove the guesswork from managing your business by checking the numbers that tell you what’s really happening.
There’s a business saying: ‘if you can’t measure it, you can’t manage it!’ Real, responsive management needs reliable and truthful figures on which decisions can be based. If there are problems, you can take corrective action quickly. If you are having success, you’ll know to do more of what you’re doing! Good figures also give you a wider understanding of your success – sometimes if it’s a quiet month (when your suppliers are telling you that ‘everyone’s quiet!’) you’ll see that some of your KPIs are actually improving (eg sales per head). Well done – it is not all doom and gloom!
Watch several figures from each of the 6 following sections.

1. Staff and Employment KPI’s

Wage Cost % – wage costs as a percentage of sales.
Total Labour Cost % – not just wages but also the other work cover insurance, retirement and superannuation charges and other taxes that apply on your payroll.
Total Labour Hours – how many hours worked in each section. This is useful to compare against sales to measure productivity.
Function Labour charge-out. Caterers usually charge-out service staff at a markup on the cost of the wages paid. Are you achieving a consistent mark-up?
Sick days taken – sometimes a measure of morale and the management skills of your management team.
Labour turnover (number of new staff in any one week or month) Everyone says high staff turnover is ‘part of the territory’ in hospitality. It doesn’t need to be like that, but one way to measure how good (or bad) you are at controlling this is to measure labour turnover. Count the number of positions you have (A), then count the number of people who you have employed during a certain period (B). Divide B by A and you will get a labour turnover figure, sometimes expressed as a percentage. For example if you have 10 staff positions and you have employed 38 people in the last year, your Staff Turnover is 38/10 or 380%!!
Average length of employment – another way to look at your success in keeping staff. Add up the total number of weeks all your people have worked for you and divide this by the total number of staff.
Average hourly pay – divide the total payroll by the number of hours worked by all staff.

Photo by frenchbyte on morgueFile
Photo by frenchbyte on morgueFile – He does not look too happy, maybe he is studying this class?

2. Kitchen Management

Food Cost % can be measured quickly by adding up food purchases for the week and measuring them against your food sales. This is based on the assumption that you are not holding very much stock (as it’s perishable, you need to sell it or throw it out!). You may also do a stock-take regularly to get a more accurate food cost percentage, although the burden of kitchen stocktaking often means it is not done very often.
Total Food Costs – how much was your total food bill? Sometimes a useful figure to show staff who think you are made of money!
Food Costs per head. It can be useful to see every week how much it costs to feed an average customer. If your menu and sales style is consistent, this should also remain much the same. If it starts to go up, you will have to find out what’s happening!
Kitchen Labour % – it’s only fair to measure kitchen productivity by comparing kitchen labour against food sales, not total sales (alcohol and beverage sales may be influenced by other factors).
Kitchen Labour hours – how many hours worked in this section? Compare against sales to measure productivity.
Stock Value – how much food stock are you holding? It should be less than a week’s use, but can slip out if you are storing frozen seafood or Cryovac meat (a packaging method that is supposed to prolong the life of meet).
Best (and worst) selling items – check the weekly sales from your POS or dockets. Did you know what the best sellers were? Map these on the Menu Profitability Analyser.
Kitchen linen costs – the cost of uniforms, aprons and tea-towels can be a shock! How many tea-towels are you using each day? (Have you thought about laundering them yourself?)

3. Front of House and Restaurant Management

Total Sales Per Head – your total sales divided by the number of customers. How does it compare to last week and last month? This may vary between different times of the day .
Number of customers – simple! A good measure of popularity.
Food, Dessert, Beverage Sales per head. These are divided into key areas of choice – main course and starters, desserts, non-alcohol beverages, alcohol and perhaps also side orders (eg breads and salads) and other product sales. It’s the perfect indicator of two things – how much your menu appeals to your customers (do you have all the choices they want, eg the right dessert selection?), and how well your staff are selling. This KPI can be a good basis for a bonus system.
Seating Efficiency – how well your tables are being turned over while still offering high quality customer service. Usually many small things combine to have a large impact – cooking time, seating, service and clearing. The size of tables relative to the average group size will also make a difference.
Basket Analysis – eg how many items do lunch customers buy? What else do morning coffee drinkers order, or red-wine drinkers (mineral water if the servers are awake)? A recent analysis with a client showed that typical diners ordered only 2 items (most ordered nothing after the main course) and many of the lunch customers did not order a beverage. Grab a pile of dockets from a typical day, and look for ordering patterns.
Linen costs – uniforms, aprons etc.
Front of House Labour % – how many hours worked in this section? Compare against sales to measure productivity.
FOH Labour hours – how many hours worked in this section? Compare against sales to measure productivity
Customer satisfaction. This is measured in different ways. Feedback forms, complaints and other methods that are hard to quantify sometimes but worth making an attempt.
Strike Rate – if 500 people came to your club last night and only 100 ate at the bistro, your ‘strike rate’ would be 1 in 5, or 20%. Good enough? Compare with similar businesses and different times.
RevPASH – Revenue per Available Seat Hour. The same idea hotels use to measure Revenue per Available Room. For RevPASH take the total number of ‘seat hours’ and divide total revenue for a period by this number.

4. Bar and Cellar Management

Sales per head. Useful to have them separately for alcohol beverages and non-alcohol (juices, mineral waters, soft-drinks and coffee etc). It’s the perfect indicator of two things – how much your beverage and wine appeals to your customers and how well your staff is selling. This KPI can be a good basis for a sales bonus system.
Gross Profit on sales – the difference between what you sold and what it cost you. The sales mix can influence this heavily. If you are selling two bottles for the same price, but one costs you $5 to buy and one costs you $7 to buy, you should try to maximise the sales of the one with the highest dollar profit.
Average Profit % on Sales – useful to see if your sales are holding steady, although ultimately the actual Gross Profit (real money) will matter the most.
Stock Value – how much cash is locked up in the value of your cellar? Tens and even hundreds of thousands of dollars can be tied up in cellar stock and you don’t realise it! It’s worth checking with your suppliers and seeing how much you can order ‘just in time’. This is where retail business models are useful to compare, because unlike food stock, these supplies are not perishable, which can lead to a temptation to hoard. Also, the romance of wine lists and ‘special deals’ can lead to stock blow-outs! Weekly stocktakes are essential for proper management.
Stock turnover – how fast is your cellar stock selling? If you are carrying wine stock worth $50,000 and the value (not sales) of what you sell each week is only $10,000, it’s taking 5 weeks to turn over your stock. That’s too long! An accurate figure here will be based on regular stocktakes and accurate sales information.
Carrying cost of stock – what is the cost of financing this $50,000 of stock? Take the current interest rate for borrowing money, apply it to your stock value, and divide by 52 to get a weekly figure. If stock is valued at $50,000 and interest rate is 8%, annual cost of financing the stock is $4000 or $77 per week.
Sales / stocktake discrepancies. Alcohol means security problems, and keeping an eye on ‘shrinkage’, staff drinks and stealing is a constant problem. As an essential KPI, measure the difference between what you used (from comparing two stocktakes) and what your POS system says you sold. You often need to find our why they aren’t the same!

Photo by ariadna on morgueFile
Photo by ariadna on morgueFile

5. Sales and Marketing plus Function Management

Number of customers – simple! A good measure of popularity.
Visits by your top 100 or 200 customers – they provide a huge proportion of your sales! Track their frequency and spending – these people are gold!
Sales per Head – across all areas
Marketing and advertising costs – the total value of what you spend, always trying to measure it against the response you get. A difficult one to measure, but worth investigating.
Response rates – how many people responded to different campaigns and what effect did this have on profit?
Press Mentions – keeping your eyes open for favourable mentions.
Bookings – in the current week and month and coming up. Also in peak times, eg Christmas.
Function Inquiries – number of inquiries about large bookings and functions, especially if you have undertaken a campaign to promote them.
Sales inquiry conversion rate – the number of inquiries that turn into actual sales. If 50 people asked for information about your function packages and this resulted in 10 firm bookings, this would be a conversion rate of 1/5 or 20%. You would want to look at why so few people were ‘converted’ – was it the quality of the promotional material, skill of the sales staff, pricing or make-up of your function menus and facilities?

6. Management of Finance and Administration

Cash position at bank – how much do you have available after reconciling your cheque book?
Stocktake discrepancies – a measure of the efficiency of each department, but also of the administrative systems in place. They need to be simple and easy for line staff to fill in, and the results should be made known quickly if they are to have an impact.
Total accounts due – how much do you owe?
Total accounts payable – not usually a problem in restaurants and pubs, but needs careful management if you have accounts, eg large restaurants.
Return on Investment – the profit your business makes can be measured as a percentage return on the amount you have invested in it (see the Balance Sheet). Is it sufficient?
Taxes owed – most of these taxes are not paid at the time they are collected. Hence the need to know how much is owed at any one time so it is not ‘spent’.
Sales & costs – actual figures compared to what you budgeted for the period. You will want to see real dollar figures and percentages.
Administration labour costs. This is often begrudged in hospitality businesses and seen as ‘not productive’. But strong and skilful administrative support will be essential to manage the KPIs listed above!
Computer and technology efficiency – how much down-time for your computer system? How accurate is the POS system? How many of your staff know how to use the equipment they use each day, eg telephones – can everyone transfer a call properly?

Class Task

Please complete the comprehension task below by answering the questions!

Class 02 – Comprehension – Task1

Inspired by photos by emlyn and clarita from
Inspired by photos by emlyn and clarita from

Link to all Classes     Class 2     Class 3     Class 4

Welcome to your first class on Create User Interfaces.

This class is about the creation of a user interface in these steps:

  • Clarify project requirements
  • Generate ideas
  • Plan approach
  • Produce user interface
  • Evaluate user interface

Clarify Project Requirements

This stage of the process is all about developing a good understanding of the client brief, the target audience, the needs of the client and target audience and the purpose of the interactive media product.

You will also need to look at technical aspects, such as the delivery platform, file output format.

Generate Ideas

Research interactive media product interfaces, designs, images, artwork and other creative sources that may inspire design ideas.

Use sketches and concepts as the basis of your design ideas,.

Incorporate brainstorming and other creative idea generation methods when developing concepts. Spider diagrams, word maps or morphological analysis are other methods that can be used in exploring directions.

Copyright clearance needs to be obtained and recorded where necessary.

The initial concepts for the interface design need to be presented to relevant personnel and the client for discussion and feedback.

Plan Approach

Select final design and incorporate the feedback.

Use an appropriate industry standard graphics software that will suit the needs and requirements of the project.

Explore a range of typographical ideas, as well as visual design elements that could be used for the interface design.

Produce User Interface

Use graphics software to develop the structure for user interfaces based on the final design concept.

Source, create and integrate all graphic interactive components.

Apply visual design and communication principles to the development of the user interface.

Ensure that user interfaces meet the principles of user-centred design and relevant standards.

Document styles for text and presentation for use in style sheets and templates or themes.

Save user interfaces in appropriate output format suitable to the technical needs of the project.

Evaluate User Interface

Review the final design to be able to assess effectiveness of the user interface, appropriateness to the user and audience and technical feasibility.

The 5 Planes of a Website Project

Please view the presentation below about the 5 Planes approach by Jesse Garreth when designing a website or other interactive product.

UX Design_Federico Viola

Below is a link to an article from Smashing Magazine which is an excellent overview and introduction to user interfaces. Read it:

Based on photo by dhester from
Based on photo by dhester from

Link to all EDSS classes     Class2     Class 3     Class4     Class 5

Welcome to your first class of EDSS, which is a combination of Create an Extensible Document (ICPMM491D) and Create an Extensible Style Sheet (ICPMM492D).

This class is a cluster of the two units, that will be delivered together.

Create an Extensible Document

… requires the individual to create an extensible markup language (XML/PPML)
document for content publishing that is well-formed, free of errors, meets the needs of the
business and is extensible to meet future business needs.

In more detail, you will learn to:

  1. Define document structure
    > details required for the job are checked and confirmed against the job specifications
    > mark-up language version and the character encoding used in the document (or declaration statement) are defined and/or inserted in the document
    > an external or internal Document Type Definition (DTD) or mark-up language schema is chosen and correctly wrapped and referenced depending on project requirements
    > root element is correctly defined and all elements are accurately nested
    > attribute types and default values are declared, where necessary
    > occurrences of elements are stated and elements of mixed content declared
  2. Confirm validity
    > start and end tags are included and closed to ensure no element errors
    > namespaces are used to resolve name conflicts
    > the document is well-formed, error-free and conforms to the mark-up language syntax rules
    > the document conforms to the rules of a Document Type Definition (DTD) or the mark-up language schema
  3. Finalise and test document
    > character data (CDATA) sections are added to the document structure
    > the final document is viewed with a mark-up language parser
    > the mark-up language document is well-formed, free of errors and meets the needs of the business
    > the document is linked to an extensible style sheet and template and tested
    > the document is extensible to meet future business needs

Create an Extensible Style Sheet

… requires the individual to create extensible style sheets for electronic publishing or online documents including computer screens and handheld devices.

In more detail, you will learn to:

  1. Prepare the source document:
    > by validating it as free of errors,
    > by confirming the style and transformation requirements of the source document,
    > by confirming the required advanced styling requirements,
    by confirming the different media, display formats and target audience
    > preferred platforms and abilities
    > by preparing the source document for the style sheet
  2. Create the style sheet:
    > design multiple templates and apply them to the style
    > use the required presentation styles
    > incorporate transformation requirements into several style sheets
    > link or associate the style sheet with the source document
    > test the link
  3. Test the style sheet:
    > validate style sheets are to ensure correct presentation and transformation
    > update the style sheet is if errors occur and validate again
    > link the style sheet to a data-store and to a digital template and test
    > make the style sheet extensible to meet future business needs


There will be 2 assignments, for each you will have to

  • create an extensible mark-up language document, that is well formed, free of errors, meet the needs of the business and is extensible to meet future business needs.
  • create extensible style sheets for online documents or electronic publishing
  • create a testing method (eg a flow chart).

Direct questioning and in-class participation will be included as a form of validation. If you participate well in class it will make it easier for me to mark you as competent.

In-class Task:

Research the acronyms below! You can present your findings as a table.

  1. What does the acronym stands for?
  2. What does it mean, or do or what is the function?
  3. Find an example of coding or document structure and copy or screen print it!


For in-class discussion and submit your document on MyKangan (available by next class).

W3Schools > We will use W3Schools when learning about the Markup languages.


This is a Basic Photoshop Tutorial

  • I used CS5, but this tutorial will work on all recent versions
  • The tutorial is written for IBM PCs, if you are using a Mac convert the short cuts:
    • Ctrl becomes command
    • Alt becomes option
Based on photo by kconnors from
Final product! Based on photo by kconnors from

In this tutorial you will learn to

  • create a file for the Web,
  • place an image,
  • place a semi-transparent layer on top,
  • adjust the size of an object,
  • add text,
  • group layers,
  • make text ‘punch through’ a background
  • save a file for web purpose

Step 1 – New Document

Create a new document (Ctrl+N or File>New…) and use these settings:

  • Preset: Web
  • Size: 620 (w) x 411 px (h)
  • Resolution: 72 ppi

This is a fairly small size and you can go for a larger size if you wish (eg 800 x 530px). I chose a small size to keep the file size small.

Insider joke: do not use Ctrl+End, but Ctrl+N (Feray and Cliff will understand)…

Step 2 – Save Image

Click the image of Sydney Harbour Bridge (by kconnors and found on for this tutorial and save it to your computer or USB. Preferably you want to get a large enough file to work with. So, click on the image and follow the link, select Download Image on

Photo by kconnors on
Photo by kconnors on

Step 3 – Place Image

Place the photo in your document (File>Place and find the file).

After placing adjust the size to fit in your image window. Make sure to hold Shift while adjusting the size (by shifting the corner points). Hit Enter to except.

Drag from corner points and hold shift to maintain same ratio.
Step 3 – Drag from corner points and hold shift to maintain same ratio.

Step 4 – Create a New Layer and Fill With White

Create a New Layer

  • Press Ctrl+Shift+Alt+N (yes this is a looooooooooong shortcut) or click on the icon for New Layer in the Layers panel.

Fill the layer with white

  • Press Shift+F5
  • Select White at 70% Opacity

You can change the opacity in the Layers panel later.

Step 5 – Change Size of White Layer to Small Banner

Use the Free Transform function (Ctrl+T or Edit>Free Transform). Follow the instructions in step 3 in regards to changing the size. Reduce the opaque white background to the size of a banner and press Enter. (See image)

Drag the centre points down and up to be left with a banner, next press Enter.
Step 5 – Drag the centre points down and up to be left with a banner, next press Enter.
The underlined text and insertion point at end of the word indicates that you are still in the type mode.
Step 6  – The underlined text and insertion point at end of the word indicates that you are still in the type mode.

Step 6 – Type the Title

Use the Type Tool (T) and using capitals, type ‘SYDNEY HARBOUR BRIDGE’.

  • Font: Pick a Sans Serif, eg Century Gothic
  • Dimensions: something that fills the page, eg 46 pt.
  • Click on the tick on the top right hand side of the page or click on the move tool to exit the type mode.
  • Now you can use the , or use the Free Transform (Ctrl+T) to adjust the size.

Step 7 – Group the Layers

  • Click on your Type layer to select it
  • While holding Shift click on the layer with the banner (most likely Layer 2) – this should select both layers.
  • Press Ctrl+G to group the selected layers.

Step 8 – Blending Options

  • Access the Blending Options by double clicking on the Type layer. Click on the blue, high lighted area around the title. It should open the Blending Options/Layer Style window.
  • Change the Fill to 0% and the Knockout to Shallow.
  • Press OK.
Change the Fill to 0% and the Knockout to Shallow.
Step 8 – Blending Options – Change the Fill to 0% and the Knockout to Shallow.

Step 9 – Save the File

Save it as a PNG and select interlaced. Finito! Benissimo!

Based on photo by dhester from
Based on photo by dhester from

Link to all Classes    Class 2     Class 3     Class 4     Class 5     Class 6


Welcome to your first class on Create Visual Design Components and Analyse Information and Assign Meta-tags.

This class is a cluster of the two units, but they will be delivered individually with the focus on Visual Design Components.

Visual Design Components will be focusing on the use of Photoshop and the creation of graphic design pieces.

Meta-tags will be focusing on the creation and use of Meta-tags, we will look at why and how you create them.

To pass this class you need to prove that you can cover the aspects below:

Create Visual Design Components

The text is reflective of the Unit of Competency text.

Clarify Work Requirements

  • Clarify what type of visual design components are required
  • Identify factors that may determine or affect visual design concepts, including design techniques
  • Clarify the target audience, and determine format and delivery platform
  • (All points above will need to be discussed with work colleagues)

Generate and Assess Ideas

  • Review media products, designs, images, artwork and other creative sources that may inspire visual design ideas
  • Collect any other relevant information that may influence design ideas
  • Generate a range of visual design ideas and respond to specifications and provide creative solutions to all design issues
  • Make sure the design solution suits the technical specifications of the project
  • Present visual design ideas to team and/or client

Plan Approach

  • Create the necessary visual design components by sketching and using computer software
  • Explore range of typographical and visual design elements
  • Evaluate your concepts against the design brief and your initial design ideas
  • Meet with team and discuss initial design ideas and technical output format meets delivery platform requirements

Produce Visual Design Components

  • Use design techniques to develop the structure of the final design
  • Apply visual design principles and communication principles to produce components
  • Save visual design in a suitable format

Finalise Visual Design Components

  • Review visual design components to assess whether creative solutions meet design and technical specifications
  • Discuss and confirm with relevant personnel additional requirements or modifications and undertake any necessary amendments.
  • Present to client

Analyse Information and Assign Meta-Tags

Identify Requirements For Meta-tags

  • Identify scope and uses of material from previous and existing business and stakeholder requirements process
  • Determine appropriate type and structure of meta-tags, including client needs, requirements and expectations
  • Identify and incorporate new client requirements and expectations

Analyse Material

  • Use analysis and description tools, standards, precedents and techniques that are appropriate, given the nature of the material
  • Ensure analysis of subject content of the material reflects expected client usage requirements
  • Clearly distinguish significant information from minor information
  • Ensure concepts derived from analysis of material are appropriate to the business requirements and intended use

Create Meta-tags

  • Develop meta-tags
  • Ensure meta-tags represent concepts appropriately
  • Ensure meta-tags conform to general conventions and business rules
  • Develop reference structure of descriptors, where required to display relationships to assist clients
  • Enhance meta-tags to meet identified client needs

Test and Monitor Meta-tagging Practices and Procedures

  • Test meta-tagging of material and make changes, if necessary
  • Regularly review meta-tagging practices and procedures to ensure that client needs are being met
  • Regularly review industry developments in meta-tagging and take appropriate action to improve practices
  • Check meta-tags regularly for internal consistency and compliance with established structure, rules and authorities

Please follow the in-class introduction to the unit text and then complete the comprehension task below.

Class 01 Task -CUFDIG304A Create Visual Design Components

Based on photo by hotblack from
Based on photo by hotblack from

Link to all Classes     Class 2     Class 3     Class 4

Welcome to your first class of ‘Implement an Operational Plan’.

Please open the presentation below and follow it in class.

Class 1 – Cert IV in PGA – Overview

Comparing Operational and Strategic Planning

In-class discussion on what the words strategic and operational imply:

Strategic: theory, plan, ideas

Operational: practical, the actual doing of it

Looking at strategic and operational planning in the context of:

  • Chess:  the strategy relates to the moves ahead, the player is thinking about a number of combinations. The player will try to determine and anticipate the opponent’s moves, while thinking through a number of moves that would give the player an advantage.
  • Military: the general may think about a strategy of attack, while on a lower level of the hierarchy, the Captain may think about how to implement the orders and how to make it happen.
    This may include thw day to day running of an army, the resource management, the movement of the troops.

Strategic and Operational Planning for an Institute

In teams Use Kangan Institute as an example and list aspects that relate to planning on a strategic level and planning related to the operational level of a business.

Discuss your findings.

View the VMB (Visual Management Board) used by ICT

Students will view the VMB used by ICT and understand how ICT manages the strategic vision of the institute and translates it to an operational level.

If you missed this class you will need to check with your colleagues and teacher on what the VMB was about.


Photo by photojock on
Photo by photojock on

Content for Today’s Tutorial

  • Create Metal Texture
Example in Century Gothic  The second one with a Photo Filter in 25% blue
Example in Century Gothic
The second one with a Photo Filter in 25% blue

Metal Texture

This tutorial is about creating a stainless steel texture with a brushed surface (similar to the image above) and apply it to a line of text.

Step 1:

Create a new document (Ctrl+N) and use these settings:

  • Preset: Web
  • Size: 1280 (w) x 1024 px (h)
  • Resolution: 72 ppi

Step 2:

Use the Type Tool (T) and using capitals, type a word that relates to metal (the material) or signifies strength. You could even choose the name of a Metal band. I choose the word: ROYAL.

  • Font: Pick a Sans Serif, eg Century Gothic
  • Dimensions: something that fills the page, eg 280 pt, or use the Free Transform (Ctrl+T) to adjust the size.

Step 3:

Select the shape of your word, create a new layer and fill the selection with 50% Grey, then with Noise.

  • Hold Ctrl and click on the thumbnail of the Text layer (in the layer panel) to select the shape of the text
  • Create a new layer (Ctrl+Shift+Alt+N)
  • Fill the selection with 50% Grey – Press Shift+F5, Select Grey at 50%
  • Fill the selection with Noise: Filter>Noise>Add Noise
    Amount: 100%, Distribution: Gaussian, tick Monochromatic

Step 4:

Apply Motion Blur

  • Apply Motion Blur Filter>Blur>Motion Blur
  • pick an angle that appeals to you (eg horizontal = angle:0)
  • Distance: pick a distance that creates long lines (I used 48 px)

Step 5:

Fill the text with 50% Grey. The edge of the text has become a bit see through.

  • Press Shift+F5
  • Select Grey at 50%
  • Select Behind for the Blending Mode

Step 6:

Use Curves to lighten the image up a bit.

  • Ctrl+M or Image>Adjustments>Curves
  • Manually adjust the curve

Step 7:

Use Bevel&Emboss to add depth to the text.

  • Double-click on you Type layer (around the title, not on the title – this should open the Layer Style/Blending Options.
  • Select Bevel/Emboss and change the settings
Bevel & Emboss - just an example
Bevel & Emboss – just an example

Step 8:

Save it as a PNG and try the same with a variety of (=5) different fonts.

When complete combine all the fonts on a page for presentation.