Interaksjonsteknikker (dialogformer)

Presentasjon om: "Interaksjonsteknikker (dialogformer)"— Utskrift av 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