Tirsvad
c3fbcbcfaf
Business Case, Stakeholder Analysis, Project Plan, use case chain (UCD, US, UC, DM, SSD, OC, SD, DCD, DICT), three ADRs, milestones MIL-001 to MIL-007, the traceability matrix and 22 review records (autonomous mode, AI as stand-in for S01).
1.8 KiB
1.8 KiB
Wireframe: Study Flash Cards
The Product Owner gave this screen in the first prompt (the course's target screenshot). The presentation layer implements it and does not redesign it. Source use case: UC-001.
Screen
+----------------------------------------------------------+ background #B1DDC6
| padding 50 px |
| +--------------------------------------------------+ |
| | | |
| | Malay (italic, 40 pt) | | card image 800 x 526
| | | | card_front.png (white)
| | aku (bold, 60 pt) | | card_back.png (green)
| | | |
| +--------------------------------------------------+ |
| [ X unknown ] [ v known ] | buttons: wrong.png, right.png
+----------------------------------------------------------+
Layout
| Element | Position | Details |
|---|---|---|
| Window | whole | Title "Flashy", padding 50 px, background #B1DDC6 |
| Card | grid row 0, columns 0 and 1 (both) | Canvas 800 x 526, one image, two texts |
| Language name | centre of card, y = 150 | Arial 40 italic |
| Word | centre of card, y = 263 | Arial 60 bold |
| Unknown button | grid row 1, column 0 | wrong.png, no border |
| Known button | grid row 1, column 1 | right.png, no border |
States
| State | Card image | Language name | Word | Text colour |
|---|---|---|---|---|
| Front (first 3000 ms) | card_front.png |
Malay | the Malay word | black |
| Back (after 3000 ms) | card_back.png |
Danish | the Danish translation | white |
| Finished | card_front.png |
(empty) | "Nothing left to learn" | black |