Blame
|
1 | # C05 Resources — Detailed Designs, Design Principles & Critical/Creative Thinking |
||||||
| 2 | ||||||||
| 3 | **Criterion scope:** Design tools (mock-ups, data dictionary, IPO charts, pseudocode, object descriptions), design principles (alignment, balance, contrast, space, text formatting, usability, navigation), UX characteristics (affordance, interoperability, security, usability), critical and creative thinking (existing solutions research, connecting ideas to requirements, contingencies). |
|||||||
| 4 | ||||||||
| 5 | --- |
|||||||
| 6 | ||||||||
| 7 | ## C5-1: Design Tools |
|||||||
| 8 | ||||||||
| 9 | ### Existing Materials (CriterionXX/) |
|||||||
| 10 | ||||||||
| 11 | Criterion05/ has step-by-step guides for mock-ups, data dictionary, IPO charts, pseudocode, class diagrams, and object descriptions. Well-structured. |
|||||||
| 12 | ||||||||
| 13 | ### External Resources |
|||||||
| 14 | ||||||||
| 15 | | Resource | Source | Format | VCAA Mapping | Why It's Useful | |
|||||||
| 16 | |----------|--------|--------|--------------|-----------------| |
|||||||
| 17 | | [Ryan's Tutorials — Input Process Output Tables](https://ryanstutorials.net/software-design-and-development/input-process-output.php) | Ryan's Tutorials | Reading + examples | IPO charts: input, process, output | Free, clear explanation of IPO charts aimed at secondary students. Good supplement to existing materials. Explains why IPO charts are useful, not just how to create them. | |
|||||||
|
18 | | [Ryan's Tutorials — Data Dictionary](https://ryanstutorials.net/software-design-and-development/data-dictionary.php) | Ryan's Tutorials (AU) | Reading + worked table | Data dictionary — Format column vs data type | Shows a complete data dictionary with a dedicated "Format for Display" column using N (digit) and X (character) notation, clearly separate from the Type column. Directly addresses the most common C5-1 data-dictionary error: treating Format as a synonym for data type. Free; secondary-pitched. | |
||||||
|
19 | | [Codecademy — Pseudocode and Flowchart: Complete Beginner's Guide](https://www.codecademy.com/article/pseudocode-and-flowchart-complete-beginners-guide) | Codecademy | Reading | Pseudocode — structured English, algorithm representation | Beginner-friendly guide to pseudocode with examples. Helps students understand the conventions. | |
||||||
| 20 | | [Lucidchart — UML Class Diagram Tutorial](https://www.lucidchart.com/pages/uml-class-diagram) | Lucidchart | Reading + interactive | Object descriptions, class diagrams — OOP design | Tutorial on creating UML class diagrams. Directly supports the object descriptions and class diagram requirements. Students can use Lucidchart's free tier to create their diagrams. | |
|||||||
| 21 | | [StudyLib — Database Design Tools: IPO Charts, Data Tables](https://studylib.net/doc/9259677/database-design-tools---vce-it-lecture-notes-by-mark-kelly) | Mark Kelly (VCE) | Reading | IPO charts, data dictionaries — VCE-specific | VCE-specific lecture notes on design tools by Mark Kelly. Directly aligned to study design expectations. | |
|||||||
| 22 | | [Figma](https://www.figma.com/) | Figma | Interactive (free tier) | Mock-ups, UI design | Industry-standard UI design tool with a free tier. Students can create professional mock-ups. More powerful than hand-drawing for detailed designs. | |
|||||||
|
23 | | [UX Prototypes: Low Fidelity vs. High Fidelity](https://www.nngroup.com/articles/ux-prototype-hi-lo-fidelity/) | Nielsen Norman Group (US) | Reading + visual examples | Mock-ups — sketch vs annotated mock-up distinction; 3–4 / 5–6 rubric boundary | Explains the full fidelity spectrum from rough pencil sketch through to high-fidelity annotated mock-up with real content, colour and fonts. Directly addresses the most common C5-1 boundary error: submitting a layout sketch and calling it a mock-up. Authoritative UX source; terminology matches VCAA usage. | |
||||||
|
24 | | [Isaac Computer Science — Designing Algorithms](https://isaaccomputerscience.org/concepts/soft_design_algorithms) | Isaac Computer Science (UK) | Reading + self-test questions | IPO charts — Process column: numbered algorithm steps, not outcome labels | Covers algorithmic thinking and the input–process–output model: what an algorithm process is (a sequence of specific steps) versus what it produces. Directly targets the most common IPO process-column error: writing "calculate total" (an output label) instead of numbered steps. UK GCSE/A Level; the algorithm-as-steps concept is identical to VCE. Requires free Isaac CS account (sign-up at isaaccomputerscience.org). | |
||||||
| 25 | | [Isaac Computer Science — Pseudocode](https://isaaccomputerscience.org/concepts/prog_pas_pseudocode) | Isaac Computer Science (UK) | Reading + self-test questions | Pseudocode — structured English syntax, language-independent algorithm representation | Covers pseudocode conventions: language-independent syntax, sequence, selection, iteration, subroutines. Helps students who code fluently in Python shift to language-independent pseudocode for SAT submission. UK GCSE/A Level origin; cross-check any specific VCAA syntax differences (assignment arrow, `<>`) with `C051-Step-4-Pseudocode-Guide.md`. Requires free Isaac CS account (sign-up at isaaccomputerscience.org). | |
|||||||
|
26 | |||||||
| 27 | ### Gaps — C5-1 |
|||||||
| 28 | ||||||||
| 29 | - **No video walkthrough** of creating a complete set of design tools (mock-up + data dictionary + IPO chart + pseudocode + object descriptions) for a single VCE project. |
|||||||
| 30 | - **Object descriptions** — very few external resources explain object descriptions in the VCAA format (properties, methods, events). Most OOP resources focus on class diagrams rather than object descriptions. |
|||||||
| 31 | - **Data dictionary format** — the VCE-specific format (variable name, data type, data structure, data source, description) is not well-represented in generic resources. The Criterion05/ materials are the best source. |
|||||||
| 32 | ||||||||
| 33 | --- |
|||||||
| 34 | ||||||||
| 35 | ## C5-2: Design Principles & UX |
|||||||
| 36 | ||||||||
| 37 | ### Existing Materials (CriterionXX/) |
|||||||
| 38 | ||||||||
| 39 | Criterion05/ has a UX characteristics and design principles guide, a Nelson activity on investigating usability, and design log templates. Good foundation. |
|||||||
| 40 | ||||||||
| 41 | ### External Resources |
|||||||
| 42 | ||||||||
| 43 | | Resource | Source | Format | VCAA Mapping | Why It's Useful | |
|||||||
| 44 | |----------|--------|--------|--------------|-----------------| |
|||||||
| 45 | | [Figma Resource Library — Design Principles](https://www.figma.com/resource-library/) | Figma | Reading + visual examples | Design principles: alignment, balance, contrast, space | Professional design principles explained with visual examples. Students can see how real designers apply these principles. | |
|||||||
| 46 | | [Nielsen Norman Group — UX Research](https://www.nngroup.com/) | Nielsen Norman Group | Reading + video | UX characteristics: usability, affordance | The world authority on UX/usability. Articles and videos on usability principles. Some content free, some paid. | |
|||||||
|
47 | |||||||
| 48 | ### Wiki pages for C5-2 |
|||||||
| 49 | ||||||||
| 50 | | Page | What it covers | |
|||||||
| 51 | |---|---| |
|||||||
| 52 | | [Design Principles vs UX Characteristics](/sd/C05/Design%20Principles%20vs%20UX%20Characteristics) | Why the seven design principles and four UX characteristics are two separate lists; the usability double-count trap; what the slot-five annotation validation is checking (DRAFT) | |
|||||||
|
53 | |||||||
| 54 | ### Gaps — C5-2 |
|||||||
| 55 | ||||||||
| 56 | - **Design principles applied to software** (not graphic design or web design) — most design principle tutorials are for web/graphic design. A VCE-specific resource showing how alignment, balance, contrast, space, and text formatting apply to a Python GUI application would be valuable. |
|||||||
| 57 | - **Affordance in software UX** — a concept students find abstract. Need concrete examples of good and bad affordance in software interfaces. |
|||||||
| 58 | - **Annotations explaining design principle application** — no external resource shows how to annotate a mock-up with design principle justifications in the VCAA format. |
|||||||
| 59 | ||||||||
| 60 | --- |
|||||||
| 61 | ||||||||
| 62 | ## C5-3: Critical & Creative Thinking |
|||||||
| 63 | ||||||||
| 64 | ### Existing Materials (CriterionXX/) |
|||||||
| 65 | ||||||||
| 66 | Criterion05/ has a well-structured three-step process: Shoulders of Giants (research), Connect the Dots (link to requirements), Plan B Ready (contingencies), plus reflection activities. |
|||||||
| 67 | ||||||||
| 68 | ### External Resources |
|||||||
| 69 | ||||||||
| 70 | | Resource | Source | Format | VCAA Mapping | Why It's Useful | |
|||||||
| 71 | |----------|--------|--------|--------------|-----------------| |
|||||||
| 72 | ||||||||
| 73 | ### Gaps — C5-3 |
|||||||
| 74 | ||||||||
| 75 | - This is a VCAA-specific requirement. The existing Criterion05/ materials are well-designed for this purpose. External resources on "critical and creative thinking in software design" are either too generic or too academic. |
|||||||
| 76 | ||||||||
| 77 | --- |
|||||||
| 78 | ||||||||
| 79 | ## Recommended Actions |
|||||||
| 80 | ||||||||
| 81 | 1. **Figma** (free tier) is recommended as the mock-up tool — more professional than hand-drawing and students learn an industry tool. |
|||||||
| 82 | 2. **Ryan's Tutorials IPO page** is a good supplementary resource for IPO charts. |
|||||||
| 83 | 3. Consider creating a **design principles in software** resource showing how alignment, balance, contrast, space, and text formatting apply specifically to GUI applications (not web/graphic design). |
|||||||
