HELIA 1 (1) Outi Virkki Käyttöliittymät ja ohjelmiston suunnittelu :04

Samankaltaiset tiedostot
Lomakkeiden suunnittelu. Aiheina

Lomakkeiden suunnittelu. Aiheina

Lomakkeiden suunnittelu. Aiheina

TIETOKONEEN ASETUKSILLA PARANNAT KÄYTETTÄVYYTTÄ

Selaimessa, jossa on PDF-blugin Acrobat Readerissä Adobe Acrobat Standard tai Professional -ohjelmissa

Osio 4: Graafinen käyttöliittymä

C# Windows ohjelmointi perusopas

Tekstinkäsittelyn jatko. KSAO Liiketalous 1

Osio 4: Graafinen käyttöliittymä

Tilastokeskuksen rajapintapalveluiden käyttöönotto ArcGISohjelmistossa

Käyttöliittymän muokkaus

Tekstinkäsittelyn jatko Error! Use the Home tab to apply Otsikko 1 to the text that you want to appear here. KSAO Liiketalous 1

Pikanäppäin Yhdistelmiä. Luku 6 Pikanäppäimet

Oppilaan pikaopas. Project 2013 käyttöliittymä ja näkymät

Ohjelman Suositukset. Luku 5 Suositukset

Oppijan verkkopalvelun käyttöohjeiden laatiminen

Käyttöliittymien perusteet

11 Käyttöliittymän rakennusaineet

WIMP-käyttöliittymät: Ikkunointi. Tarjolla tänään

TAMK Ohjelmistotekniikka G Graafisten käyttöliittymien ohjelmointi Herkko Noponen Osmo Someroja. Harjoitustehtävä 2: Karttasovellus Kartta

HELIA 1 (14) Outi Virkki Käyttöliittymät ja ohjlmiston suunnittelu

Lupa opetuskäyttöön pyydettävä. Näppäimistö. Kohdistimen ohjausnäppäimistö. Funktionäppäimistö. Kirjoitusnäppäimistö

KYMP Webmail -palvelu

Graafisen käyttöliittymän ohjelmointi

Käyttöliittymien perusteet

WINDOWS MICROSOFT OUTLOOK 2010:N UUDET OMINAISUUDET...

Sen jälkeen Microsoft Office ja sen alta löytyy ohjelmat. Ensin käynnistä-valikosta kaikki ohjelmat

WIMP-käyttöliittymät: Ikkunointi. Tarjolla tänään

Päivän aiheet. Käyttöliittymän keskustelutavat. Keskustelutavat

Digitaalisen median tekniikat xhtml - jatkuu

Windowsin pikanäppäimet

Graafisen käyttöliittymän ohjelmointi

Dialogit. Juha Järvensivu 2008

Tapahtumat. Johdanto Ikkunointi Ikkunatapahtumat Päätapahtumasilmukka Tapahtumien käsittely Olioiden välinen kommunikointi.

Visma Fivaldi -käsikirja MiniCRM

Ajokorttimoduuli Moduuli 2. - Laitteenkäyttö ja tiedonhallinta. Harjoitus 1

Dialogit. Juha Järvensivu 2007

Sisältö. Päivitetty viimeksi Sivu 2 / 14

Digitaalisen median tekniikat xhtml - jatkuu

Digitaalisen median tekniikat xhtml - jatkuu Harri Laine 1

Tapahtumapohjainen ohjelmointi. Juha Järvensivu 2007

Windows User Experience Interaction Guidelines. lähde: n/details.aspx?displaylang=en&id=2695

Visma Fivaldi -käsikirja Asiakaskohtaiset hinnat

WCONDES OHJEET ITÄRASTEILLE (tehty Condes versiolle 8)

KÄYTTÖLIITTYMÄN PIIRTÄMINEN

Muistitikun liittäminen tietokoneeseen

Word 2007 käyttöliittymä

CISS Base Excel raporttien määritys Käyttäjän käsikirja. CISS Base Käyttäjän Käsikirja Econocap Engineering Oy 1

Windows 10 -käyttöohje

4.1 Frekvenssijakauman muodostaminen tietokoneohjelmilla

Adobe Premiere 6.0 ohjelmasta

Osio 4: Graafinen käyttöliittymä

Tapahtumapohjainen ohjelmointi

Ohjelmoinnin perusteet Y Python

K ä y t t ö j ä r j e s t e l m ä s e l k o k i e l e l l ä WINDOWS MICROSOFT. Petri Ilmonen ja Juha Hällfors. -sarja

Valintaikkunoiden luonti ja suunnittelu

Kieliversiointityökalu Java-ohjelmistoon. Ohje

sketchupakatemia.fi SketchUppikaopas Näin pääset alkuun SketchUpin kanssa

Kameran käyttö Excel 2003 ja 2007

EXCEL Perusteet FIN WISTEC TRAINING OY ITÄMERENKATU 1, HELSINKI PUH (MA-PE KLO 9-17)

Posterin teko InDesignilla

ICT1TN004. Lomakkeet. Heikki Hietala

Visual C++ -ohjelman tekeminen ja suunnittelu

Vesa Ollikainen, päivitys Juha Haataja

Visma Fivaldi selainohjeet Internet Explorer

TUTKINNON REKISTERÖINTI

Webforum. Version 14.4 uudet ominaisuudet. Viimeisin päivitys:

Tikon Web-sovellukset

Opetussuunnitteluprosessi WebOodissa - OpasOodi

JAWSissa on suuri määrä asetuksia, jotka vaikuttavat ohjelman toimintaan. Tämä opas lähtee siitä, että käytössä ovat JAWSin oletusasetukset.

ATK-taitojen päivitys luento 1. Maaningan seurakunta Hannu Räisänen 2013

ISIS Draw (Windows versio 2.5)

Diploma Supplement A. Tutkintokieli B. Ison pyörän mukaan valmistuvat, joilla ei ole pääainetta

WCONDES OHJEET ITÄRASTEILLE (tehty Condes versiolle 8)

Periaatteessa kaikki omat tiedostot suoraan oman kotihakemiston alle esimerkiksi työpöytä, dokumentit, kuvat, lataukset, musiikki,

Korkeakoulujen prosessipalvelin: mallintajan palvelinohje Versio 0.2

PERUSTEET. Sisällysluettelo

SiteAdmin.

Word 2003:n käyttötoimintojen muutokset Word 2010:ssä

Johdatus Rhinoon 1 / 17. Digitaalisen arkkitehtuurin yksikkö Aalto-yliopisto

HY-käyttäjät HUS/HYKS käyttäjät

OFFICE 365 OPISKELIJOILLE

Ensimmäinen ios Applikaatio

9. SPA-Reletyökalu. Käyttäjän käsikirja. LIB 500 ja LIB 510 v Kuvaus Työkalun kohdejärjestelmät

Käyttöliittymän paperiprototyyppi. Koordinaattieditori

Opintokohteiden muokkaus

Liikkuminen Microsoft Projectissa

Index. ääniopas 163 Äänioppaan painike 139

Miten teen posterin InDesignilla? - Eva Forssén

Verkkoliittymän ohje. F-Secure Online Backup Service for Consumers 2.1

Sisällysluettelo. Johdanto Dot NET Microsoft.NET -alusta Käyttäjämallit Ohjelmien kehitys.net-alustalla...

Windows 10 käyttöjärjestelmän helppokäyttötoiminnot ja asetukset

McAfee VirusScan Enterprice asennus

Tapahtumapohjainen ohjelmointi. Juha Järvensivu 2008

OptimeEvent version yhteenveto tammikuu

FrontPage Näkymät

Osio 4: Graafinen käyttöliittymä

Adobe Meeting podien käyttö

OHJEITA OMAPALVELUN KÄYTTÖÖN

Autentikoivan lähtevän postin palvelimen asetukset

Transkriptio:

HELIA 1 (1) Luento 7 Graafisen käyttöliittymän peruselementit... 2 Ikkunat... 2 Sovellusikkunat (Application Windows)... 2 Asiakirjaikkunat (Document Windows)... 3 Toissijaiset sovellusikkunat (Secondary Windows)... 6 Kontrollit (Controls)... 7 Painikkeet (Buttons)... 7 Listat (List Boxes)... 8 Tekstikentät (Text Fields)... 8 Muita kontrolleja... 8 Valikot (Menus)... 9 Työkalupalkit (ToolBars)... 9 Syöttölaitteet... 10 Tulostuslaitteet... 10

HELIA 2 (2) Graafisen käyttöliittymän peruselementit Ikkunat Sovellusikkunat (Application Windows) Sisäältää sovelluksen käyttöliittymän tiedot ja toiminnot 1. Kehys frame 2. Otsikko title 3. Hissi scroll bar 4. Valikkorivi menu bar 5. Työkalupalkki tool bar 6. Tilapalkki status bar

HELIA 3 (3) Asiakirjaikkunat (Document Windows) Esitetään SDI-ikkunassa (Single Document Interface) tai MDI-ikkunassa (Multiple Document Interface) MDI-ikkunassa voidaan esittää useita ali-ikkunoita Aktiivisen ali-ikkunan valikko näytetään MDI-ikkunan valikkona (asiakirjaikkunalla ei siis ole omaa valikkoa) Ali-ikkunan maksinoinnista seuraa MDI-ikkunan otsikon korvautuminen asiakirjaikkunan otsikolla Ali-ikkunan minimointi tuottaa ikonin MDI-lomakkeelle eikä tehtäväpalkkiin (Task Bar)

HELIA 4 (4) MDI-ikkunan käyttötavat: 1. Kussakin ali-ikkunassa esiintyy eri asiakirja asiakirjat ovat tyypiltään identtisiä (esim. Wordin MDI-ikkunassa voi esiintyä useita Word-dokumentin ilmentymiä)

HELIA 5 (5) 2. Kussakin ali-ikkunassa esiintyy saman asiakirjan eri näkymiä 3. Kussakin ali-ikkunassa esiintyy joko eri asiakirjoja tai näkymiä samanaikaisesti (esim. Excelin MDI-ikkuna)

HELIA 6 (6) Toissijaiset sovellusikkunat (Secondary Windows) Alisteinen varsinaiselle sovellusikkunalle Ei omaa valikkoriviä; toiminnot esitetään tyypillisesti komentopainikkein Modaalinen / modaaliton modaalinen = vaatii käyttäjän vastausta ennenkuin toimintaa voidaan jatkaa modaaliton = voidaan sulkea tai siirtyä toiseen ikkunaan antamatta vastausta Kiinnitetty / Kelluva Kiinnitetty = sijaitsee varsinaisen sovellusikkunan työalueella ts. sovellusikkunan sisällä Kelluva = Voi sijaita varsinaisen sovellusikkunan ulkopuolella (Esim. Visual Basicissä) Tyypillisiä toissijaisia sovellusikkunoita 1. Ominaisuusikkunat Properties 2. Keskusteluikkunat Dialog Boxes (Valintaikkunat) 3. Viesti-ikkunat Message Boxes 4. Ponnahdus ikkunat Pop-up Windows 5. Paletti-ikkunat Palette windows Esimerkkejä

HELIA 7 (7) Kontrollit (Controls) Esittävät tietoja tai toimintoja Ilmaisevat ovatko aktiivi- vai lepotilassa Moniin kontrollehin liittyy otsake (label) Painikkeet (Buttons) Komentopainikkeet (command button) Laula Valintapainike (option button, radio button) Valintanappi Vaihtoehto 1 Vaihtoehto 2 Vaihtoehto 3 Valintaruutu (check box) Valinta 1 ã Valinta 2 ã Valinta 3

HELIA 8 (8) Listakentät (List Boxes) Yksinkertainen listakenttä / luetteloruutu Avattava listakenttä (Drop-down list) Monivalinta-listakenttä Tekstikentät (Text Fields) Tekstikenttä Rich-text kenttä Yhdistelmäkenttä / Valikkokenttä (Combo-box) Avattava yhdistelmäkenttä (Drop-down Combo box) Muita kontrolleja Ryhmä-kehys Vierityspalkit Neuvo Välilehdet Puu (Group Box) (Scroll Bars) (Tip Control) (Tab controls) (Tree view controls)

HELIA 9 (9) Valikot (Menus) Valikoiden avulla ohjataan sovelluksen toimintaa Avattavat valikot / Vetovalikot 1. Tiedosto File 2. MuokkaaEdit 3. Näkymä View 4. Ikkuna Window 5. Auta Help (drop-down menus) Alivalikot / Porrasvalikot (cascading menus) Ponnahdus valikot (pop-up menus) Työkalurivit / Työkalupalkit (Toolbars) Työkalupalkki sisältää joukon kontrolleja joiden avulla sovelluksen toimintaa ohjataan Tavoitteena on tarjota useimmin tarvittavat toimenpiteet nopeasti valittavina ikoneina Tilarivi / Tilapalkki (Statusbars) Kertoo tietoja sovelluksen tilasta

HELIA 10 (10) Syöttölaitteet Hiiri Näppäimistö Tulostuslaitteet Näyttö Tulostin