Laste ned presentasjonen
1
Interaksjonsteknikker (dialogformer)
1. Gjennomgående case: Form & Farge editor. 2. Historisk gjennomgang. 3. Pros & Cons.
2
En Form & Farge editor Kravspesifikasjon:
Lag et program som gjør det mulig for brukeren å sette form og farge individuelt på en 2 x 2 matrise av figurer. Brukeren kan velge blant tre former og tre farger: Former: Trekant, firkant og sirkel. Farger: Rødt, blått og gult. Resultatet skal presenteres grafisk for brukeren på skjermen.
3
Eksempel på resultat
4
Objekt-orientert analyse
To datatyper: Form og Farge. (PASCAL) Form = (Trekant, Firkant, Sirkel); Farge = (Rød, Blå, Gul); Klassen Figur har attributter: Formen : Form; Fargen : Farge; Figur’s metoder: SetForm(Form) ; GetForm() : Form; SetFarge(Farge) ; GetFarge() : Farge; Figurmatrise er en 2x2 Array av Figur: FigurMatrise = Array[2,2] of Figur;
5
Kommandospråk Gi kommandoer. >farge a,2,blaa >form a,2,sirkel
>_
6
Form-fill (IBM 1950-80) Fyll inn innslag: X-koord.: _ [a-c]
Y-koord.: _ [1-3] Form: ________ Farge: ________ Trykk ”Enter” for å fullføre.
7
Menybasert - tekstlig Velg farge: 1. Rød 2. Blå 3. Gul >_
8
Ikonbasert Form Farge Avslutt
9
Ikonbasert - Verktøy Aktiv Markør Form Farge Avslutt
10
Ikonbasert - Valgt objekt
Attributter Valgt figur Form Farge Avslutt
11
Ikonbasert - ”Drag & Drop”
Form Markør Form Farge Avslutt
Liknende presentasjoner
© 2024 SlidePlayer.no Inc.
All rights reserved.