Anty-przykład, czyli jak zrazić użytkownika już na starcie

Transkrypt

1 GUI

2 Anty-przykład, czyli jak zrazić użytkownika już na starcie Zawsze używaj cudnych i słodkich ikonek, przycisków i grafik. Wszyscy kochają ogromne czerwone serca, różowe króliczki i żółte uśmiechnięte twarzyczki. Nie bój się eksperymentować z kolorami! Twoja aplikacja powinna odgrywać różne śmieszne dźwięki (np. odgłos chrumkania świni) aby użytkownik się nie znudził.

3 Anty-przykład, czyli jak zrazić użytkownika już na starcie Nigdy, ale to przenigdy nie używaj wbudowanych w system operacyjny stylów kontrolek graficznych. Użytkownicy się nudzą widząc ciągle to samo. Jeśli tylko możliwe wyłącz zarządzanie oknami przez system operacyjny i puść wodzę fantazji jak ma wyglądać Twoja aplikacja. Kto powiedział, że X nie może być w lewym dolnym rogu, a przyciski OK. i Anuluj w przeciwnych rogach?

4 Anty-przykład, czyli jak zrazić użytkownika już na starcie Znany dialog zapisz jako? Zapomnij! Niech stanie się nowość! Czytelność jest przereklamowana. Pola wyboru (checkbox) powinny przykuwać wzrok, a nie łatwo dać odróżnić stan zaznaczony od niezaznaczony. Dbaj o przerwy dla użytkownika. Twój system powinien działać jak filmy na Polsacie co pół godziny przerwa na reklamę/kawę. Informacje krytyczne umieszczaj w najmniej spodziewanych miejscach. To ich nauczy uwagi.

5 Anty-przykład, czyli jak zrazić użytkownika już na starcie Ty wiesz lepiej jak ma wyglądać okno aplikacji. Dlatego nie pozwól komukolwiek zmieniać jego rozmiaru. A jak już to zrobi niech tego srogo pożałuje! Uzywaj fantazyjnych czcionek, poszerzasz dzieki temu horyzonty uzytkownika!

6 Anty-przykład, czyli jak zrazić użytkownika już na starcie Niech użytkownik nie ma możliwości cofnięcia zmian. Lepiej niech dwa razy pomyśli zanim zrobi coś głupiego. Na topie teraz są grafiki zrobione przez 5latków. Weź to pod uwagę konstruując layout.

7 Anty-przykład, czyli jak zrazić użytkownika już na starcie Jeśli już jednak ją napiszesz pod żadnym pozorem nie drukuj. Ekologia, te sprawy Kup sobie słownik frazeologiczny. Użytkownik nie cierpi używać stałej nomenklatury i nie cierpi prostych słów. Error : missplaced hook in data ACQ process brzmi lepiej niż Błąd aplikacji: import nieudany

8 Anty-przykład, czyli jak zrazić użytkownika już na starcie Skróty klawiszowe znacznie ułatwiają życie, ale ten który je zdefiniował był kompletnym idiotą. Zrób to po swojemu np. niech Ctrl+X zamyka aplikacje. Masz super inteligentnych użytkowników systemu, którym nigdy nie przyda się instrukcja obsługi.

9 Anty-przykład, czyli jak zrazić użytkownika już na starcie Żądaj od użytkownika zalogowania już na starcie. Co z tego, że nie ma konta. I co z tego, że nie wykorzystasz w żaden sposób faktu zalogowania. Od razu koduj program. Przecież jesteś super-hiperinżynierem, który nie potrzebuje pytać statystycznych użytkowników jak odbierany jest jego interfejs. Feedback od użytkowników jest najważniejszy. Wszystko co mówią powinno natychmiast być zaimplementowane.

10

11 Teraz na serio na co zwracać uwagę 1. Słuchaj użytkowników krytycznie. 1. Generation-gap 2. Geek mode 2. KISS! 1. Pierwsza randka 2. Not 2 fast 4 U! 3. Użytkownik Twoim przyjacielem 1. To jest za trudne by się tego nauczyć

12 Teraz na serio na co zwracać uwagę 4. Hej, to można kliknąć! 5. Idą święta, system jak choinka. استخدام اللغة للمستخدم.6

13 Kilka słów o realizmie Komputery coraz lepiej naśladują rzeczywistość Fotorealistyczna grafika Efekty przezroczystości Trójwymiarowość Bezpośrednia interakcja Realistyczna fizyka Ale czy dla GUI to dobre?

14 Realizm a GUI

15 Uniwersalność vs. specyficzność

16 Od szczegółu do ogółu

17 Podstawowe elementy GUI

18

19 Podstawowe metody jlabel: void setalignment(label.center/left/right) - wyrównanie String gettext() pobiera aktualny tekst napisu void settext(string text) ustawia tekst napisu void setdisplayedmnemonic(char achar) - ustawia skrót klawiszowy void setlabelfor(component c) ustawia do czego odnosi się label

20 Podstawowe metody jradiobutton boolean isselected() czy wybrany void setselected(boolean select) wybierz na sztywno add(buttongroup grupa) dodaj do grupy przycisków (aby można było wybrać jeden) settext(), gettext(), itp. jcombobox boolean isselected() czy został wybrany void setselected(boolean ustaw) zaznacz lub odznacz

21 Podstawowe metody jtextarea void append(string str) dopisz tekst do istniejącego int getlinecount() ile linii tekstu jest w polu void setfont(font f) ustaw czcionkę setlinewrap(boolean linewrap) ustawia, czy linie będą będą łamane, czy nie settext(), gettext(), itp..

22 Podstawowe metody jbutton setenabled(boolean akt) ustaw czy można go kliknąć, czy jest wyłączony No jest Można go kliknąć i podpinać tzw. zdarzenia:

23

24 Podstawowe metody jcheckbox void additem(object anobject) dodaje element do listy Object getitemat(int idx) zwraca obiekt o indeksie idx (użycie to np. String napis = comboxo.getitemat(0).tostring() ); int getitemcount() zlicza ilość opcji Object getselecteditem() zwraca element, który jest wybrany void hidepopup() chowa wyskakujące okienko pola wyboru void removeitem(object anobject) usuwa element (także inne wariacje: removeitemat(int idx), removeallitems() )

25 Wyskakujące okienko, czyli konsola w GUI 1. Zaimportować javax.swing.joptionpane; 2. Dodać zdarzenie onmouseclick() do przycisku Wyskocz. 3. Wewnątrz napisać: JOptionPane.showMessageDialog(this,"Co mnie tu wyskoczyło?!");

26 Ćwiczenia 1. Napisz program, który będzie pytał Cię o imię, a następnie po kliknięciu na przycisk witał Cię z jego użyciem. 2. Napisz program kalkulator: użytkownik ma dwa pola, w którym wprowadza liczby oraz kilka pół jednokrotnego wyboru (radiobutton) określających działanie. 3. Napisz program, w którym przycisk ucieka użytkownikowi spod kliknięcia 4. Zaimplementuj algorytm Luhna do weryfikacji numerów PESEL. Zadbaj o poprawny wygląd aplikacji. Dopisuj poprawne numery PESEL wprowadzane przez użytkownika w polu tekstowym do pliku tekstowego.