AleksandraAleksandra DębieckaDębiecka

To sposób w jaki użytkownik wchodzi w interakcje z systemem.To sposób w jaki użytkownik wchodzi w interakcje z systemem.

Środowisko graficzne używa kombinacji graficznych elementów(przyciski, okna, menu) i urządzeń (myszka, klawiatura, ekran dotykowy) do zaprezentowania informacji w jak najbardziej naturalnej dla użytkownika postaci.

Sposoby projektowania interfejsów graficznych

� Ręczne pisanie koduRęczne pisanie kodu

� Wizualne edytory

� Podejście deklaratywne

� Rzeczywiste wykorzystanie

Programista ma pełną kontrolę nad wyglądem interfejsu. Jednak zmuszony jest pisaćstosunkowo niskopoziomowy i powtarzalny kod źródłowy. Każda platforma programistycznaposiada swoje rozwiązania w tej dziedzinie. Oczywiście nie są one zgodne ze sobąposiada swoje rozwiązania w tej dziedzinie. Oczywiście nie są one zgodne ze sobąi wymagają od programisty szczegółowego poznania API (ang. Application ProgrammingInterface) danej biblioteki, przeznaczonej do budowania graficznych interfejsów użytkownika. To podejście jest zdecydowanie najbardziej czasochłonne. Wymaga onood programisty skupienia na problemach interfejsu graficznego użytkownika, a nie na pisaniukodu odpowiedzialnego za logikę biznesową aplikacji.

Pozwalają one tworzyć interfejsy w myśl idei WYSIWYG (ang. What You See IsWhat You Get). Z tą koncepcją wiąże się oszczędność czasu, przeznaczonegoprzez programistę na tworzenie danego interfejsu w porównaniu do czasu ręcznego pisaniaprzez programistę na tworzenie danego interfejsu w porównaniu do czasu ręcznego pisaniakodu. Jednak to rozwiązanie ma swoje wady. Edytowanie kodu wygenerowanego przez takiedytor, prowadzi do utraty możliwości dalszego korzystania z wizualnego tworzeniainterfejsu użytkownika. Wyjściem są edytory, które wspierają tzw. inżynierię wahadłową(ang. round-trip). Dzięki temu można zinterpretować zmiany, wprowadzoneprzez programistę w wygenerowanym kodzie i odpowiednio je nanieść w edytorze.Niezależnie od tego, bardzo wątpliwa jest jakość tak wykreowanego kodu źródłowego. Jego czytelność i ponowne użycie często jest praktycznie niemożliwe

W ogólnym przypadku podejście deklaratywne do danego problemuprogramistycznego charakteryzuje się tym, że nie określa się schematu postępowaniaprzy wdrażaniu rozwiązania (nie definiujemy algorytmu). Opisuje się jedynie cel, któryprzy wdrażaniu rozwiązania (nie definiujemy algorytmu). Opisuje się jedynie cel, którynależy osiągnąć, a stworzeniem rozwiązania zajmuje się język programowania lub ogólniekomputer. Dla kontrastu, programowanie imperatywne wymaga od programistyzdefiniowania dokładnego algorytmu dla zadanego problemu.Rozpatrując graficzne interfejsy użytkownika, można stwierdzić, że w podejściudeklaratywnym abstrahuje się od algorytmu tworzenia interfejsu użytkownika w danejtechnologii (rodzaj używanych komponentów, sposób rozmieszczenia w oknie itp.), a opisujesię jedynie efekt jaki chcemy uzyskać.

Przy rozwiązywaniu prawdziwych problemów wykorzystuje się jednak najczęściejkombinację użycia edytora WYSIWYG i ręcznego pisania kodu. Inną opcją jest zastosowaniekombinację użycia edytora WYSIWYG i ręcznego pisania kodu. Inną opcją jest zastosowaniedostępnej technologii wspierającej tworzenie deklaratywne interfejsów użytkownika. Późniejpoprzez ręczne pisanie kodu źródłowego, odwołującego się do bezpośrednio do APIkonkretnej biblioteki, odbywa się szczegółowa edycja i wprowadzanie niestandardowychzachowań do interfejsu.

•WPF (ang. Windows Presentation Foundation) i Silverlight, korzystają z deklaratywnego języka opartego o XML o nazwie XAML [2] deklaratywnego języka opartego o XML o nazwie XAML [2]

• Visual Studio 2010 jest w IDE (ang. Integrated development environment) przeznaczony dla platformy .NET.

• JavaFX jest to platforma, zbiór rozwiązań i technologii, przeznaczona głównie

do budowy tak zwanych aplikacji typu RIA (ang. RichInternet Application).

• UiBinder stanowi nowy sposób na budowanie interfejsów użytkownika

na platformie Google Web Toolkit• GCL (ang. Domain Specific Language) służy do budowania graficznych interfejsów użytkownika w oparciu o model danych.

Język deklaratywny stworzony przez Microsoft, oparty o XML. Służy onJęzyk deklaratywny stworzony przez Microsoft, oparty o XML. Służy on

do opisywania interfejsów użytkownika, ale wykorzystuje się go również w produkcie

Microsoft odpowiedzialnym za workflow. Język ten stworzono w celu lepszego

odseparowania części kodu źródłowego, odpowiedzialnego za interakcje z użytkownikiem

(animacje, rozkład kontrolek, itp.), od kodu zajmującego się logiką biznesową programu.

Wspiera wytwarzanie oprogramowania w każdym etapie. Dostarcza rozwiązań przy analizieWspiera wytwarzanie oprogramowania w każdym etapie. Dostarcza rozwiązań przy analizieproblemu, wytwarzaniu kodu i testowaniu (jednostkowe, obciążeniowe, itp.) oraz wdrożeniugotowego produktu. Praca z XAML w trybie wizualnym w Visual Studio 2010 bardzoprzypomina pracę z chwalonym edytorem przeznaczonym dla technologii WinForms.Edytor ten działa na platformie .NET. XAML zyskuje dużą popularność, więc korzystanie z zasobów nowej technologii staje się dużo łatwiejsze.

Jest to platforma, zbiór rozwiązań i technologii, przeznaczona głównie

dobudowytak zwanychaplikacji typu RIA (ang. Rich InternetApplication).dobudowytak zwanychaplikacji typu RIA (ang. Rich InternetApplication).

Zalecanymśrodowiskiem programistycznym dla platformy JavaFX jest NetBeans.

Jest to potężny edytor z podpowiadaniem i kolorowaniem składni dla języka JavaFX Script.Dodatkowo można skorzystać z wizualnego edytora służącego do budowania graficznychinterfejsów użytkownika.

UiBinder stanowi nowy sposób na budowanie interfejsów użytkownikana platformie Google Web Toolkit. Jest to oparty o XML język, który w deklaratywny sposóbna platformie Google Web Toolkit. Jest to oparty o XML język, który w deklaratywny sposóbpozwala na budowę graficznych interfejsów użytkownika. Ułatwia on adaptowanie gotowychszablonów zbudowanych w HTML/CSS do rozwiązań opartych o GWT. Wspiera budowanieaplikacji wielojęzykowych. Zaletą UiBindera jest to, że wszystkie style definiuje się, używając notacji CSS. Dostarcza to ogromnych możliwości wykorzystania gotowych już stylów w pracy nad wyglądem danego programu.

GCL napisano w Javie, jego składnia jest bardziej ogólna i wolna od Javy, przez co implementacja na innej platformie nie byłaby problemem.Stworzony język różni się w znacznym stopniu koncepcją opisu interfejsu Stworzony język różni się w znacznym stopniu koncepcją opisu interfejsu użytkownika od istniejących podejść, które wprowadzają deklaratywne interfejsy użytkownika. Nie wymaga to od programisty określania dokładnie z jakich komponentów ma być zbudowany interfejs. Stanowi to największą różnicę w porównaniu z komercyjnymi produktami. Innymi słowy, ukrywa szczegóły implementacji interfejsu graficznego przed programistą.

Użyteczność (ang. usability) to nauka zajmująca się ergonomią interaktywnych urządzeń oraz aplikacji.interaktywnych urządzeń oraz aplikacji.

Ergonomia skupia się na:

• intuicyjnej nawigacji,• ułatwieniu dostępu do poszukiwanej informacji,• zapewnieniu zrozumiałej dla użytkownika komunikacji.

Dobrze zaprojektowana witryna, strona korporacyjna czy sklepinternetowy , ma znacznie większą konwersję potencjalnychinternetowy , ma znacznie większą konwersję potencjalnychklientów i przyciąga kilkakrotnie więcej użytkowników niżserwis z identycznymi, lecz nielogicznie i nieintuicyjnieprzedstawionymi informacjami.

Współcześnie istniejące rozwiązania w dziedzinie systemów informatycznych przedstawiają dla użytkownika duże trudności informatycznych przedstawiają dla użytkownika duże trudności związane z interpretacją komunikatu oraz obsługą interfejsu. Stąd powstała idea stworzenia spójnego zbioru reguł, metod analizy i weryfikacji służących doskonaleniu wspomnianych systemów w aspekcie ergonomicznym. Obszar wiedzy obejmujący te zagadnienia, w związku z powiązaniem metod z ergonomią, nazwano ergotroniką.

1. Brak możliwości sortowania lub wyszukiwania (ograniczania listy) produktów.Dotyczy przede wszystkim sklepów internetowych. Konieczność przeglądania pełnej listy produktów poprzez kolejne strony może zniechęcić najwytrwalszych internautów.strony może zniechęcić najwytrwalszych internautów.

2. Ważne informacje wyłącznie w plikach PDF.Ulotki w formacie PDF są dobrym uzupełnieniem oferty dostępnej poprzez tradycyjne strony internetowe. Jednak informacje w nich zwarte powinny być dostępne również w formie tradycyjnych stron www.

3. Bloki tekstów bez formatowania i wyróżnień.Brak formatowania tekstu oraz wyróżnień znacznie utrudnia użytkownikowi zrozumienie tekstu i oferty. Wielu odwiedzających w efekcie traci cierpliwość i zainteresowanie stroną.

4. Wyskakujące okna.Wszelkie nachalne reklamy, powiadomienia zdecydowanie zniechecają do zapoznania sie z witryną Nikt ich nie lubi.

5. Nieczytelnie nazwane linki.Teksty linków powinny być nazwane tak, aby internauta nie miał problemów ze zrozumieniem gdzie prowadzą.