Liideste loomise vahendid

Teema esitlus: "Liideste loomise vahendid"— Esitluse väljavõte:

1 Liideste loomise vahendid
Magistriseminar “Kasutajaliideste loomine” Janno Veldemann Tartu 2007

2 Visuaalne redigeerimine
Süsteemi välimuse kohene hindamine + manipulatsioon Mitmeplatvormilisus Veebilehitsejatugi Mittetöölaua platvormidel visuaalse redigeerimise tugi madal

3 Liideste kavandamise vahendid
Paber + pliiats Tekstiredaktor Slaidiseanss Multimeedia vahendid Visuaalarendusvahendid

4

5

6 Tarkvaratehnika vahendid
Tarkvara kihid Visuaalsed vahendid Näited 4 Rakendus Mudelipõhised ehitusvahendid Microsoft Access, Sybase PowerDesigner 3 Rakendusraamistik, spetsiaalne keel Kontseptuaalsed ehitusvahendid Macromedia Director, Tcl/Tk, Microsoft MFC 2 GUI tööriistakomplekt Liidese ehitaja Eclipse, Borland JBuilder Microsoft Visual Studio 1 Akendamissüsteem Ressursside toimetaja Microsoft Win32, Apple Quarts, X11 Windowing System

7 Tarkvaratehnika vahendid
Kiht Rakenduse ehitusosa Õpiaeg Loomis-aeg Kehtestatud soovitatav metoodika Suhtlus teiste alam-süsteemidega Laiendatavus ja modulaarsus 4 Kõik spetsiaalsele valdkonnale Pikk Lühike Spetsifikatsioon  visuaal programmeeri-mine Väga hea spetsiaalse valdkonna vahendite korral Väga hea 3 Esitlus, interaktsioon Lühike (päevad) Visuaal enne Sõltub vahendist Keel halb Raamistik hea 2 Esitlus Pikk (nädalad) Vahenditega visuaalne enne, vastasel korral mitte ükski Hea Keskmine/hea 1 Kõik Väga pikk (kuud) Väga pikk Mitte ükski Väga halb

8 Akendamissüsteemi kiht
Madaltase Sihtgrupp mobiilsed seadmed, mobiiltelefonid Soovitatav kui Ei eksisteeri kõrgtaseme vahendeid Mälu või jõudlusnõuded on kriitilised Kõrgtaseme vahendid toetuvad sellele kihile

9 GUI tööriistakomplekti kiht
≈ kasutajaliidese programmide teegid Aknad, kerimisribad, hüpik- ja rippmenüüd, andmesisestusväljad, nupud ja dialoogiaknad Ulatuslik kontroll ja paindlikkus Sun Microsystems Java, aplett, AWT IBM Eclipse, SWT Microsoft .NET, erinevad keeled

10 public class ButtonExample {
public static void main(String[] args) { Display display = new Display(); Shell shell = new Shell(display); shell.setLayout(new GridLayout(3, true)); // Create three push buttons new Button(shell, SWT.PUSH).setText("Push 1"); new Button(shell, SWT.PUSH).setText("Push 2"); new Button(shell, SWT.PUSH).setText("Push 3"); . . . // Create three arrow buttons new Button(shell, SWT.ARROW); new Button(shell, SWT.ARROW | SWT.LEFT); new Button(shell, SWT.ARROW | SWT.DOWN); shell.pack(); shell.open(); while (!shell.isDisposed()) { if (!display.readAndDispatch()) { display.sleep(); } display.dispose();

11 Rakendusraamistik Põhinevad objekt-orienteeritud programmeerimisel
≈ abstraktne, palju mõisteid, klasside ja meetodite omavaheline seos Põhinevad objekt-orienteeritud programmeerimisel Idee: programmid sama struktuuriga Ehitamine raamistiku täitmise teel Efektiivselt keerulised kasutajaliidesed Sihtgrupp rohkem insenerid kui disainerid Õppimine keeruline Cocoa, MFC

12 Spetsiaalne keelekiht
≈ spetsiaalne keel kasutajaliideste loomiseks kergendamaks programmeerimise koormat Tcl/Tk JavaScript Macromedia Director  Lingo

13 Kõrgtaseme vahendite eelised 1
Kasutajaliidese sõltumatus Eralda liidese disain sisemisest Võimalda mitmeid kasutajaliidese strateegiaid Võimalda mitme platvormi tugi Raja kasutajaliidese arhitekti roll Jõusta standardid

14 Kõrgtaseme vahendite eelised 2
Metoodika ja esitlus Arenda välja disaini protseduurid Leia teid disainist rääkimiseks Loo projekti juhtimine

15 Kõrgtaseme vahendite eelised 3
Kiire prototüüpimine Proovi järgi ideid vara Testi, tee ümber, testi, tee ümber, … Haara kaasa lõppkasutajad, juhid, kliendid

16 Kõrgtaseme vahendite eelised 4
Tarkvara tugi Suurenda tootlikkust Paku piirangute ja terviklikkuse kontrolli Aita kaasa meeskonna lähenemistele Hõlbusta hooldust

17 Küsimuste aeg!!!