commit c3c940

Commit `c3c940`

2026-06-11 07:40:14 lisa: Rename worked example page to 'From SRS to Detailed Designs - Mock-ups' (series naming) Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

`sd/C05/C05-home.md` ..
@@ 11,7 11,7 @@
	Turning the chosen idea into designs another person could build from. Each page below targets a specific point where marks are commonly lost.

	- [C04 → C05 — Choose, then Detail](/sd/C05/C04%20to%20C05%20-%20Choose%20then%20Detail) — how C05 (detail the chosen idea) differs from C04 (choose which idea); why C05 means "buildable", not "prettier"
-	- [From SRS to UI Design — A Worked Example](/sd/C05/From%20SRS%20to%20UI%20Design%20-%20Worked%20Example) — one real project (the SAT grader) traced from SRS requirement → C04 wireframe → C05 detailed design → build → correction; one trace fully worked, two faded for you to finish
+	- [From SRS to Detailed Designs — Mock-ups](/sd/C05/From%20SRS%20to%20Detailed%20Designs%20-%20Mock-ups) — one real project (the SAT grader) traced from SRS requirement → C04 wireframe → C05 detailed design → build → correction; one trace fully worked, two faded for you to finish
	- [Sketch vs Mock-up](/sd/C05/Sketch%20vs%20Mock-up) — why a rough sketch is not a mock-up, and what "annotated" actually means (the 3–4 / 5–6 boundary)
	- [Data Dictionary](/sd/C05/Data%20Dictionary) — when to use it, the headings to include, a worked example, and why "format" is not "type"
	- [IPO Charts — Process Means Steps](/sd/C05/IPO%20Charts%20-%20Process%20Means%20Steps) — why the Process column must be numbered algorithm steps, not a label for the output
`sd/C05/From SRS to UI Design - Worked Example.md` .. `sd/C05/From SRS to Detailed Designs - Mock-ups.md`
@@ 1,4 1,4 @@
-	# From SRS to UI Design — A Worked Example
+	# From SRS to Detailed Designs — Mock-ups

	The Hamilton and Alexandra College · Year 12 · 2026

@@ 42,13 42,13 @@

	Hop 2 — the sketch (C04). The chosen wireframe shows where that band selector lives on the Grade screen — a set of band boxes near the score input:

-	![The C04 wireframe for the SAT grader. The Grade screen carries band boxes (1-2, 3-4, 5-6, 7-8, 9-10) beside the score input](From%20SRS%20to%20UI%20Design%20-%20Worked%20Example/vsd-sat-grader-wireframe.svg)
+	![The C04 wireframe for the SAT grader. The Grade screen carries band boxes (1-2, 3-4, 5-6, 7-8, 9-10) beside the score input](From%20SRS%20to%20Detailed%20Designs%20-%20Mock-ups/vsd-sat-grader-wireframe.svg)

	Look at the Grade panel: the band boxes are placed, but the wireframe never says what text sits inside them or where the band descriptions come from. A wireframe is deliberately rough — it fixes layout, not detail. Hold that thought.

	Hop 3 — the detailed design and build (C05-1). Detailing the chosen idea produced the built Grade tab:

-	![The built Grade tab of the SAT grader app, showing the rubric band radio buttons](From%20SRS%20to%20UI%20Design%20-%20Worked%20Example/01-grade-tab.png)
+	![The built Grade tab of the SAT grader app, showing the rubric band radio buttons](From%20SRS%20to%20Detailed%20Designs%20-%20Mock-ups/01-grade-tab.png)

	The bands are there — exactly as the wireframe drew them: `1-2`, `3-4`, `5-6`, `7-8`, `9-10`. The build matches the sketch. So far, so good.

@@ 58,7 58,7 @@

	\| Before \| After \|
	\| --- \| --- \|
-	\| ![Before: bands are bare numbers, no descriptors on screen](From%20SRS%20to%20UI%20Design%20-%20Worked%20Example/correction-01-before-rubric-descriptors.png) \| ![After: the criterion's band-descriptor tables are visible while scoring](From%20SRS%20to%20UI%20Design%20-%20Worked%20Example/correction-01-after-rubric-descriptors.png) \|
+	\| ![Before: bands are bare numbers, no descriptors on screen](From%20SRS%20to%20Detailed%20Designs%20-%20Mock-ups/correction-01-before-rubric-descriptors.png) \| ![After: the criterion's band-descriptor tables are visible while scoring](From%20SRS%20to%20Detailed%20Designs%20-%20Mock-ups/correction-01-after-rubric-descriptors.png) \|

	Before — bands are bare numbers; no descriptors anywhere on screen. After — the selected criterion's indicators show their 1–10 band descriptors while you score, and the accordion collapses when an experienced marker no longer needs them.

@@ 88,7 88,7 @@

	\| Dirty: "To save" (orange, enabled) \| Clean: "Saved" (green, disabled) \|
	\| --- \| --- \|
-	\| ![The Save button in its orange To save state when there are unsaved edits](From%20SRS%20to%20UI%20Design%20-%20Worked%20Example/fr9-to-save-state.png) \| ![The Save button in its green Saved state, disabled, when clean](From%20SRS%20to%20UI%20Design%20-%20Worked%20Example/fr9-saved-state.png) \|
+	\| ![The Save button in its orange To save state when there are unsaved edits](From%20SRS%20to%20Detailed%20Designs%20-%20Mock-ups/fr9-to-save-state.png) \| ![The Save button in its green Saved state, disabled, when clean](From%20SRS%20to%20Detailed%20Designs%20-%20Mock-ups/fr9-saved-state.png) \|

	Now trace it yourself. You have FR9 above, the options table, and the two screenshots. Answer these in your design log:

`sd/C05/From SRS to UI Design - Worked Example/01-grade-tab.png` .. `sd/C05/From SRS to Detailed Designs - Mock-ups/01-grade-tab.png`
`sd/C05/From SRS to UI Design - Worked Example/correction-01-after-rubric-descriptors.png` .. `sd/C05/From SRS to Detailed Designs - Mock-ups/correction-01-after-rubric-descriptors.png`
`sd/C05/From SRS to UI Design - Worked Example/correction-01-before-rubric-descriptors.png` .. `sd/C05/From SRS to Detailed Designs - Mock-ups/correction-01-before-rubric-descriptors.png`
`sd/C05/From SRS to UI Design - Worked Example/fr9-saved-state.png` .. `sd/C05/From SRS to Detailed Designs - Mock-ups/fr9-saved-state.png`
`sd/C05/From SRS to UI Design - Worked Example/fr9-to-save-state.png` .. `sd/C05/From SRS to Detailed Designs - Mock-ups/fr9-to-save-state.png`
`sd/C05/From SRS to UI Design - Worked Example/vsd-sat-grader-wireframe.svg` .. `sd/C05/From SRS to Detailed Designs - Mock-ups/vsd-sat-grader-wireframe.svg`

Commit c3c940

Commit `c3c940`