Affinity
Designer UI assets and wireframes; Photo optimised images; Publisher 6–8 page UX folio.
Communication Technology · MultimediaStage 5 · Years 9–10 · 200 hours
YEAR 9 · TERM 4 · 25 HOURS
Interactive exhibition
Build a three-section interactive exhibition about a school-approved interest using a supplied HTML/CSS/JavaScript starter. Include functional navigation and a user-triggered media control, a 20-second audiovisual piece, Blender animation, Affinity assets and folio.
Blender
Create a small exhibit object and short turntable animation.
Adobe
Premiere Pro 20-second exhibit film; After Effects motion label; Audition narration/SFX activated through accessible media controls.
TEN TEACHING BLOCKS
Your lesson pathway
How can navigation and accessible media help different users explore an exhibition?
W012.5 hours
Investigate interactive media
Compare websites, kiosks and large-scale installations for audience, accessibility and device compatibility. Investigate an authorised Aboriginal interactive work.
Save this evidence
E1 analysis and ICIP reflection
Y9-AT4 · C1W022.5 hours
Specify the experience
Write functional requirements; draw three screens and navigation flow using grids, hierarchy, F/Z patterns and clear labels. Issue notification.
Save this evidence
E1 wireframes and specification
Y9-AT4 · C1W032.5 hours
Build the visual language
Create icons in Designer, prepare images in Photo, and start the Publisher folio. Compare accessible text and colour choices.
Save this evidence
E2 UI assets and style guide
Y9-AT4 · C2W042.5 hours
Prepare animated media
Model and animate an exhibit object in Blender; edit film and motion label in Premiere Pro/After Effects.
Save this evidence
E2 3D and video sources
Y9-AT4 · C2W052.5 hours
Prepare audio
Edit narration/SFX in Audition; create a transcript and user-controlled playback, avoiding autoplay.
Save this evidence
E2 WAV/session and transcript
Y9-AT4 · C2W062.5 hours
Construct the prototype
Use the supplied HTML/CSS starter to build consistent layouts, links, images and native media controls.
Save this evidence
E2 working prototype
Y9-AT4 · C2W072.5 hours
Program an interaction
Edit a simple JavaScript button handler to reveal exhibit information; teach focus, labels and visible state feedback. Compare AR/VR and haptic interaction.
Save this evidence
E2 working interaction; E1 technology comparison
Y9-AT4 · C2W082.5 hours
Test across devices
Test keyboard-only navigation, text enlargement, phone layout, labels and playback with three users.
Save this evidence
E3 usability log
Y9-AT4 · C3W092.5 hours
Refine and submit
Fix the most important usability failure; optimise assets and export a zipped site plus media sources and folio PDF.
Save this evidence
E2 final site; E3 before/after and size comparison
Y9-AT4 · C2/C3W102.5 hours
Evaluate the experience
Explain purpose, functionality and environmental effects of delivery choices. Evaluate a future AR/VR or haptic adaptation.
Save this evidence
E3 evaluation; E1 just-in-time user guide
Y9-AT4 · C3Y9-AT4 · PROJECT ASSESSMENT
Show what you can do
Notification planned for Week 2. Final evidence planned for Week 9. Your teacher will confirm the date, time and weighting. Proposed weighting: 25% of Year 9. Include every assessed evaluation and individual contribution by the deadline; subsequent review is formative.
20 marks
C1 / Design and communication
Audience brief, alternatives, storyboard or wireframe and a justified plan.
40 marks
C2 / Production and integration
Original assets, editable Affinity, Blender and Adobe sources, and the final multimedia product.
25 marks
C3 / Testing and justification
Audience and technical tests, before-and-after changes and evidence-based evaluation.
15 marks
C4 / Safe and managed practice
Safe work, permissions, attribution, milestones and individual contribution.
Submission checklist
- Final MP4 and, for interactive projects, a zipped working site.
- Publisher folio PDF and editable source, with brief, development, tests and evaluation.
- Designer/Photo sources, Blender .blend and textures, Premiere .prproj, After Effects .aep and Audition .sesx with linked media.
- Captions or transcript where needed, credits, asset register and individual evidence.
- Reopen collected projects to check for missing media. Submit through your teacher’s school LMS assignment.
Assessed outcomes: CMT5-COM-01, CMT5-DES-01, CMT5-DES-02, CMT5-USE-01, CMT5-ENV-01, CMT5-IET-01. Your issued notification governs the assessment.
Marking standard guide
Outstanding: controlled production and perceptive decisions. High: effective work and reasoned improvements. Sound: functional work and an appropriate explanation. Basic: partial production and limited justification. Limited: fragmented work with little usable process evidence. These are quality descriptions, not fixed percentage bands. See the notification for the full rubric.
LEARN THE NEXT TECHNIQUE
Tutorial library
Open the official hub and choose the technique for your lesson. Match the installed software version, then save a short trial in your folio.
Affinity Designer vector tools ↗
Official learning hub; select Pen Tool, shapes, nodes and export.
Apply it here: Designer UI assets and wireframes; Photo optimised images; Publisher 6–8 page UX folio.
Affinity Photo layers and masks ↗
Official learning hub; select layers, masking, image correction and textures.
Apply it here: Designer UI assets and wireframes; Photo optimised images; Publisher 6–8 page UX folio.
Affinity Publisher folio layout ↗
Official learning hub; select master pages, text styles, images and PDF export.
Apply it here: Designer UI assets and wireframes; Photo optimised images; Publisher 6–8 page UX folio.
Premiere Pro editing ↗
Official tutorials; sequence editing, audio, captions and export.
Apply it here: Premiere Pro 20-second exhibit film; After Effects motion label; Audition narration/SFX activated through accessible media controls.
After Effects motion and compositing ↗
Official tutorials; keyframes, masks, tracking and compositing.
Apply it here: Premiere Pro 20-second exhibit film; After Effects motion label; Audition narration/SFX activated through accessible media controls.
Audition recording and mixing ↗
Official tutorials; recording, multitrack, cleanup and mixing.
Apply it here: Premiere Pro 20-second exhibit film; After Effects motion label; Audition narration/SFX activated through accessible media controls.
Blender Fundamentals video course ↗
Official directory linking Blender Fundamentals; select modelling, materials and animation.
Apply it here: Create a small exhibit object and short turntable animation.
These are official tutorial collections. Affinity tutorials use V2 terminology. Your teacher can add an exact video and transcript for the lab version.
YOUR PROJECT FILES
Start with a clear plan
The kit contains the brief, storyboard, production planner, asset register, test log and folio writing scaffold.
Download project kit ↓Folio and starter files
Build the native folio in Publisher using master pages and styles. The included scaffold provides the writing structure; a native .afpub teacher template remains a planned asset.
Interactive HTML starter for exhibition, campaign and capstone projects.
Support and challenge
Starting check: Ask a peer to find one exhibit without directions. Observe where labels or navigation fail before supplying a wireframe scaffold.
Need a scaffold? Provide accessible starter markup, icon labels, a navigation map and one model interaction; keep user testing and revision decisions.
Ready to extend? Adapt for keyboard-only and narrow-screen use under a reduced media budget; compare completion rates.
Ask your teacher about captions, visual instructions, accessible equipment or supervised software access. Safety and ethical production apply throughout.