2 1 GRAFIKE NAREDBE U PROGRAMU 28 30

2. 1. GRAFIČKE NAREDBE U PROGRAMU (28. – 30. STR. ) MSW Logo . lgo

SUČELJE Nekada, ne tako davno… CLI (Command Line Interface) Danas GUI (Graphical User Interface)

GRAFIČKO SUČELJE (GUI - GRAPHICAL USER INTERFACE) način komunikacije čovjeka s računalom kroz upotrebu grafičkih elemenata i dodataka uz pomoć tekstualnih poruka i obavijesti, i to: ikona (sličice na desktopu, tj. pozadini) prozora gumbi s tekstom i/ili slikama okviri za unos teksta kvadratići za odabir i tipa (moguće je odabrati više kvadratića - eng. check box) kružići za odabir ili tipa (moguće je odabrati samo jedan kružić - eng. radio button)

PROGRAMSKI JEZICI… Nekad… Danas… - tekstualno sučelje - alati koji omogućuju izradu korisniku orijentiranoga grafičkog sučelja MSW Logo

GRAFIČKI OBJEKTI PROZORI (osnovna kontrola GUI na koju smještamo ostale objekte) NAREDBENI GUMBI (izvršavaju određene naredbe) KLIZNE TRAKE (odabir brojčanih vrijednosti) OKVIRI S TEKSTOM (prikaz nekog teksta, rezultata…)

GRAFIČKE NAREDBE WINDOWCREATE BUTTONCREATE SCROLLBARCREATE STATICCREATE

Izrada grafičkih objekata: kreiranje određivanje svojstava (0, 0 )

PROZOR Prozor RODITELJ (main) Naredbe koje se izvršavaju Širina i visina (a, b) WINDOWCREATE “main "prozor 1 "naslov x y a b [ ] Koordinate gornjeg lijevog ugla (x, y) Radno ime prozora Naziv u naslovnoj traci

Primjer Napiši program PROZORCIC koji će kreirati prozor sa svojstvima: Radno ime : prozor 1 Naziv u naslovnoj traci: Naslov Koordinate: 0 0 Širina i visina: 200 240 Naredbe koje se izvršavaju: ništa TO PROZORCIC windowcreate "main "prozor 1 "naslov 0 0 200 240 [ ] END

NAREDBENI GUMB Roditelj Naredbe koje se izvršavaju Širina i visina (a, b) BUTTONCREATE “prozor 1 “gumb 1 “naslov x y a b [ ] Koordinate gornjeg lijevog ugla (x, y) Radno ime gumba Naziv u naslovnoj traci

Primjer Nadopuni program PROZORCIC koji će kreirati gumb na kreiranom prozoru sa svojstvima: Radno ime : gumb 1 Naziv na gumbu: Naprijed Koordinate: 50 20 Širina i visina: 100 50 Naredbe koje se izvršavaju: naprijed 50 TO PROZORCIC windowcreate "main "prozor 1 "naslov 0 0 200 240 [ ] buttoncreate "prozor 1 "gumb 1 "Naprijed 50 20 100 20 [ fd 50] END

Primjer Nadopuni program PROZORCIC koji će kreirati gumb na kreiranom prozoru sa svojstvima: Radno ime: gumb 2 Naziv na gumbu: Desno Koordinate: 50 60 Širina i visina: 100 20 Naredbe koje se izvršavaju: desno 10

TO PROZORCIC windowcreate "main "prozor 1 "naslov 0 0 200 240 [ ] buttoncreate " prozor 1 “gumb 1 “Naprijed 50 20 100 20 [ fd 50] buttoncreate " prozor 1 “gumb 2 “Desno 50 60 100 20 [ rt 10] END

Primjer Nadopuni program PROZORCIC koji će kreirati gumb na kreiranom prozoru sa svojstvima: Radno ime: gumb 3 Naziv na gumbu: Izlaz Koordinate: 50 100 Širina i visina: 100 20 Naredbe koje se izvršavaju: windowdelete “prozor 1

TO PROZORCIC windowcreate "main "prozor 1 "naslov 0 0 200 240 [ ] buttoncreate "prozor 1 "gumb 1 "Naprijed 50 20 100 20 [ fd 50] buttoncreate "prozor 1 "gumb 2 "Desno 50 60 100 20 [ rt 10] buttoncreate "prozor 1 "gumb 3 "Izlaz 50 100 20 [ windowdelete “prozor 1 ] END

KLIZNA TRAKA SCROLLBARCREATE – kreiranje klizne trake SCROLLBARSET – postavlja početnu vrijednost klizača u kliznoj traci od 0 do 360, te početnu vrijednost na 0 SCROLLBARGET – vraća u postupak trenutačnu poziciju klizača SETHEADING – okreće kornjaču u potrebni položaj

Primjer Nadopuni program PROZORCIC kliznom trakom. Radno ime : traka Naziv na traci: Koordinate: 50 140 Širina i visina: 100 25 Naredbe koje se izvršavaju: setheading scrollbarget "traka

TO PROZORCIC windowcreate "main "prozor 1 "naslov 0 0 200 240 [ ] buttoncreate "prozor 1 "gumb 1 "Naprijed 50 20 100 20 [ fd 50] buttoncreate "prozor 1 "gumb 2 "Desno 50 60 100 20 [ rt 10] buttoncreate "prozor 1 "gumb 3 "Izlaz 50 100 20 [ windowdelete “prozor 1 ] scrollbarcreate "prozor 1 "traka 50 140 100 25 [setheading scrollbarget "traka] scrollbarset "traka 0 360 0 END

OKVIR S TEKSTOM STATICCREATE – naredba za kreiranje okvira s tekstom HEADING – očitavanje kuta kornjače STATICUPDATE – osvježivanje sadržaja objekta kreiranog naredbom STATIC.

Primjer Nadopuni program PROZORCIC okvirom za tekst. Radno ime: polozaj Naziv na okviru za tekst: Heading=0 Koordinate: 50 180 Širina i visina: 100 20 Naredbe koje se izvršavaju:

TO PROZORCIC windowcreate "main "prozor 1 "naslov 0 0 200 240 [ ] buttoncreate "prozor 1 "gumb 1 "Naprijed 50 20 100 20 [ fd 50] buttoncreate "prozor 1 "gumb 2 "Desno 50 60 100 20 [ rt 10] buttoncreate "prozor 1 "gumb 3 "Izlaz 50 100 20 [ windowdelete “prozor 1 ] scrollbarcreate "prozor 1 "traka 50 140 100 25 [setheading scrollbarget "traka] scrollbarset "traka 0 360 0 staticcreate "prozor 1 “polozaj [Heading=0] 50 180 100 20 repeat 72 [rt 5 staticupdate “polozaj se [Heading=] heading wait 60] END

DOMAĆA ZADAĆA Radna bilježnica 20. i 21. stranica zadatak: 1, 2, 3, 4, 5 Udžbenik 30. stranica odgovori na pitanja