Podstawy InŜynierii Oprogramowania. Wykład 6 Interfejs uŝytkownika
|
|
- Katarzyna Szczepaniak
- 8 lat temu
- Przeglądów:
Transkrypt
1 Wykład 6 Interfejs uŝytkownika Pojęcia podstawowe; klasyfikacje interfejsów Ergonomia interfejsu (normy i zalecenia budowy interfejsu) Projekt techniczny interfejsu Przewodniki styli Projektowanie nawigacji maszyny stanów UML Przykłady 2009/2010 1
2 Prototyp interfejsu uŝytkownika Cele: Kroki: - Weryfikacja modelu przypadków uŝycia - Odkrywanie nowych wymagań uŝytkownika - Projekt logicznego interfejsu uŝytkownika; specyfikacja elementów i ich atrybutów, którymi będzie manipulował uŝytkownik; np. faktury, zamówienia itp. - Projekt i budowa fizycznego interfejsu uŝytkownika; szkice ekranów; budowa wykonywalnego prototypu w celu walidacji interfejsu 2009/2010 2
3 Definicja interfejsu uŝytkownika INTERFEJS(styk, łącze) uŝytkownika zespół narzędzi programowych i sprzętowych, które umoŝliwiają komunikację między człowiekiem i systemem informatycznym (ta część systemu, którą człowiek bezpośredniouŝywa) PoŜądane cechy interfejsu uŝytkownika: -ascetyczny -jasny (wizualnie, pojęciowo, lingwistycznie) -kompatybilny z uŝytkownikiem -zrozumiały -konfigurowalny -spójny -kontrolowalny -efektywny (ergonomia) -przewidywalny -powinien wybaczać uŝytkownikowi błędy 2009/2010 3
4 Interfejs uŝytkownika cykl Ŝycia 2009/2010 4
5 Kontekst projektowania interfejsu uŝytkownika Kontekst uŝycia jest definiowany w terminach: uŝytkowników, zadań, środowiska: fizycznego, społeczno-kulturowego Klasyfikacja uŝytkowników: nowi niedoświadczenie doświadczeni eksperci Zalecane jest wykonanie analizy kosztów i korzyści planowanego systemu. W metodyce USDP/RUP elementy te są zawarte w wizji systemu. 2009/2010 5
6 Kontekst projektowania interfejsu uŝytkownika (cd) Charakterystyka uŝytkowników i zadań dla grupy kierowcy Źródło: InŜynieria oprogramowania, J. Górski 2009/2010 6
7 Model konceptualny interfejsu Mentalny model uŝytkownika (w skrócie MMU), to model posiadany przez uŝytkownika wyraŝający jego wiedzę o systemie, w zakresie: konstrukcji systemu, oraz sposobów interakcji z nim. MoŜe być opisany w terminach obiektowych, np. 2009/2010 7
8 Interfejs uŝytkownika - style interakcji Tryb klawiszowy Bezpośrednia Lingwistyczna manipulacja Oparty na menu graficzna linia komend Pytanie-odpowiedź formularze tekstowa, język naturalny Klawisze funkcyjne Oparta na głosie Wybór stylu interakcji Wybór stylu jest podstawowy dla tworzenia interfejsu, jego uŝyteczności, kosztu; Jest szeroki zakres styli, lecz zwykle sprowadza się do jednego lub dwu. 2009/2010 8
9 Interfejs uŝytkownika łatwość uŝytkowania elementy jakości niezawodność czynnik podczynnik kryteria 100% realizacji przenośność skuteczność kontrolowalność uŝytkownik nigdy się nie zgubił pomoc, dialog w komendach jakoś uŝyteczność efektywność odpowiedniość dla zadań średni czas = 10 min ilość kroków dialogu testowalność... satysfakcja tolerancja dla błędów... uŝytkownik nigdy nie poczuł się zablokowany rodzaje przerywających komend przeciętna ocena 2.0 (w skali 1-5) 2009/2010 9
10 Interfejs uŝytkownika - ergonomia Ergonomia interfejsu uŝytkownika słuŝy: wzbogaceniu uŝyteczności -> satysfakcja i produktywność uŝytkownika uzyskaniu spójności między aplikacjami/systemami pomocą w wyborze i nabyciu produktu Ergonomię posługiwania się interfejsem naleŝy uwzględnić przy: projektowaniu struktury ekranu, wyborze odpowiednich rodzajów okien, opracowywaniu menu, wyborze odpowiednich kontrolek, organizacji i wyglądzie okien, wyborze kolorów, tworzeniu ikon. 2009/
11 Interfejs uŝytkownika - ergonomia Ilość prezentowanej informacji minimalizacja ilości informacji skróty poziom szczegółowości słownictwo stosowania typowych formatów danych Grupowanie informacji zastosowanie kolorów granice Rozjaśnianie Uwydatnianie informacji zastosowanie kolorów podkreślanie migotanie rozjaśnianie 2009/
12 Interfejs uŝytkownika ergonomia (cd) PołoŜenie i kolejność informacji Prezentacja tekstu kolejność wykorzystywania - duŝe litery typowość zastosowań - justowanie waŝność - interlinia częstotliwość wykorzystywania - akapity ogólność prezentowanej informacji - długość linii uporządkowanie ZaleŜności przestrzenne miedzy danymi Prezentacja grafiki wyrównanie i wcięcia - obrazy etykietowanie - piktogramy symetria - prezentacja danych liczbow. 2009/
13 Projekt techniczny interfejsu Wybór: -środowiska programowego - stylu interakcji - Jeśli WIMP (Windows, Icons, Menus, Poiting device) -model zarządzania oknami - dobór okien - narzędzi interakcji( metafory modelu konceptualnego) - projekt ekranów 2009/
14 Projekt techniczny organizacja elementów ekranu 2009/
15 Projekt techniczny organizacja elementów ekranu 2009/
16 Projekt techniczny organizacja elementów ekranu 2009/
17 Projekt techniczny dobór okien 2009/
18 Projekt techniczny dobór elementów interakcji 2009/
19 Projekt techniczny dobór elementów interakcji: pola tekstowe, podpowiedzi (JAVA) 2009/
20 Projekt techniczny dobór elementów interakcji: przyciski, menu (JAVA) Przyciski JButton, JToggleButton, JCheckBox, JRadioButton - tekst i/lub ikona na przycisku z dowolnym pozycjonowaniem - róŝne ikony dla róŝnych stanów (wciśnięty, kursor myszko nad przyciskiem etc) - ustalanie tekstu w HTML - programistyczne symulowanie kliknięć (metoda doclick()) - ustalanie mnemoniki (metoda setmnemonic()) Suwak: klasa JSlider Ustalanie wartości za pomocą suwaka. W pełni konfigurowalny, jako etykiety moŝe zawierać ikony. Menu: JMenu, JMenuItem, JChceckBoxMenuItem, JRadioMenuItem. Pochodzą od AbstractButton wszystkie właściwości przycisków! Menu kontekstowe: klasa JPopupMenu 2009/
21 Projekt techniczny rozkład przycisków (JAVA) 2009/
22 Projekt techniczny dobór elementów interakcji: menu Wytyczne do wyboru menu: stosuj semantykę zadań do organizowania menu (pojedyncze, liniowe sekwencje, struktury drzewiaste, sieci cykliczne i acykliczne) preferuj szerokie i płytkie niŝ wąskie i głębokie pokazuj pozycję graficznie, liczbowo lub tytułami, uŝywaj nazw elementów jako tytułów dla drzew stosuj znaczące grupowanie elementów, stosuj znaczące sekwencjonowanie elementów twórz elementy krótkie zaczynające się słowami, stosuj spójną gramatykę, wygląd, terminologię, pozwól na pisanie-w- przód, skoki-w-przód i inne skróty, pozwól na skok do poprzedniego i głównego menu, rozwaŝ pomoc on-line, mechanizm wyboru noweli, czas odpowiedzi, szybkość wyświetlania i rozmiar ekranu 2009/
23 Projekt techniczny dobór elementów interakcji: listy Lista: klasa JList oparta na współpracy modelu danych listy z widokiem tych danych. Elementy: teksty i/lub obrazki, a nawet inne komponenty GUI (wygląd). RóŜne elementy listy mogą mieć róŝny wygląd (kolor, pismo, obrazek lub nie etc). Lista rozwijalna: JComboBox oszczędność miejsca w GUI te same właściwości co lista + moŝliwość przechodzenia do elementu tekstowego po wciśnięciu pierwszej litery napisu, który on reprezentuje Tabela: klasa JTable Ogromne moŝliwości konfiguracyjne, przestawianie kolumn (myszką i programistycznie), róŝny wygląd kolumn (teksty, obrazki, komponenty interakcyjne), sortowanie wierszy, wielozaznaczanie (po wierszach i po kolumnach) Drzewo: klasa JTree Reprezentowanie hierarchii. Węzły drzewa mają te same właściwości co elementy tabeli (tzn. mogą być reprezentowane w postaci napisów i/lub ikon oraz innych komponentów) 2009/
24 Projekt techniczny dobór elementów interakcji 2009/
25 Projekt techniczny dobór elementów interakcji: ikony Ikona odzwierciedla obiekty, idee i działania, które nie są nowe dla człowieka. Ikona, by spełniła swoje zadanie : powinna wyglądać odmiennie od innych, oddawać to, czym jest lub co reprezentuje, być rozpoznawalna, jeśli jest mnie większa niŝ 16x16pikseli wyglądać dobrze zarówno czarno-biało jak i w kolorze. Prezentacja ekranowa ikon powinna: być w zgodzie z ogólnymi zasadami projektowania ekranu, być ograniczona do liczby symboli do 12 (max 20), odpowiednio zaaranŝować układ ikon (znacząco, spójnie), umieszczać ikony obiektów i działania w innych grupach, pozwolić na aranŝację ikon uŝytkownikowi, pozwolić uŝytkownikowi na wybór w wyświetlaniu: ikony czy tekst. 2009/
26 Interfejs uŝytkownika przewodniki styli i standardy Przewodniki styli obejmują powszechnie akceptowane reguły, stosowane podczas opracowywania np. interfejsu, kodu. Standardy zatwierdzone przez organizacje normalizacyjną zbiór reguł, pojęć i zasad ; dla interfejsu uŝytkownika opracowano standard ISO/IEC 9241, 17-częściowy; część 4 dotyczy menu 2009/
27 Przewodniki styli cel i zalety stosowania Przewodnik stylu moŝe słuŝyć jako: 1. Narzędzie zapewnienia spójności w zbiorze produktów; 2. Sposób uzyskania współpracy w grupie; 3. Repozytorium dla norm i zaleceń projektowych 4. Pomoc w szkoleniu nowych członków zespołu Uzytkownicy końcowi Redukcja błędów Mniejsza frustracja Zwiększone morale Poprawiona wydajność Zwiększone zaufanie Zredukowany opór do nowych technologii Wytwórcy Utrzymywania kontroli nad look &feel Minimalizacja nowych pomysłów Nacisk na naukę UmoŜliwia produkcję produktów ponownego uŝycia Redukcja czasu wytwarzania Redukcja arbitralnych decyzji projektowych Zespół klientów Wytworzenie uŝytecznych systemów które redukują koszty wspierania i zwiększają satysfakcje klientów Zwiększenie zainteresowania rynku Zwiększenie zainteresowania produktem Zmniejszony koszt szkoleń Polepszenie personelu Zwiększenie stopnia akceptacji nowych technologii przez uŝytkownika 2009/
28 Przewodniki styli do projektowania interfejsu JAX related Usability Guidelines (What is Ajax?) More Ajax Usability Guidelines Ten good practices for writing (AJAX) JavaScript in 2005 AJAX Usability Guidelines and Ajax Patterns Related: How to add groovy Scriptaculous effects Microsoft Windows Usability Guidelines Windows XP Guidelines for Applications Microsoft Vista User Experience (UI) Guidelines Sun Microsystems- Java related Java Look and Feel Guidelines (Version 1) Java Look and Feel Guidelines (Version 2) Java Look and Feel Guidelines: Advanced Topics Java Swing related UI style guides A Java Swing GUI Framework Sun Java Look and Feel Class Reference Creating a Custom Look and Feel with Java Swing Using Java Swing's Pluggable Look and Feel 2009/
29 Przewodniki styli pakiet SWING (JAVA) javax.swing - opublikowany w lipcu 1997r. Swing zapewnia: zbiór kontrolek do tworzenia zaawansowanych GUI: tabele, listy, drzewa, taby, etc rozbudowaną funkcjonalność do pracy z tekstem wsparcie dla wielonarodowości (języki, odpowiedni układ elementów) look & feels (zaawansowane l n f z synth) Java 2D (Swing został zbudowany na tym pakiecie) Mechanizm do przywracania i ponawiania operacji (undo & redo) wsparcie dla osób niepełnosprawnych (lupa, syntezator, wyświetlanie informacji na wyświetlaczu brile a) transfer danych: operacja wklej, wytnij, drag&drop 2009/
30 Pakiety Javy dla interfejsu JFC /
31 Kategorie okien przykład (Java) /
32 Kategorie elementów okna- przykład 2009/
33 Struktura okna- przykład Np., okno główne aplikacji ma organizację: ramka okna zawiera listwę (bar) menu i panel listwa menu zawiera menu panel zawiera toolbar i scroll pane oraz scrollbar toolbar zawiera przyciski narzędzi scroll pane zawiera edytor pane wraz z edytorem tor plug-in kit dla tekstu stylizowanego /
34 Struktura okna- przykład /
35 Struktura komponentu JFC Model MVC!! 2009/
Podstawy Języka Java
Podstawy Języka Java Wprowadzenie do AWT AWT Abstract Window Toolkit, biblioteka wykorzystywana do budowy graficznych interfejsów użytkownika w Javie AWT do obsługi elementów interfejsu użytkownika wykorzystuje
Bardziej szczegółowoProgramowanie w Javie Wykład 6 Okienka w Javie (AWT)
Programowanie w Javie Wykład 6 Okienka w Javie (AWT) Płock 2014/2015 Wprowadzenie do AWT AWT Abstract Window Toolkit, wykorzystywany do budowy graficznych interfejsów użytkownika w Javie AWT do obsługi
Bardziej szczegółowoProjektowanie interfejsu użytkownika (1) Jarosław Kuchta Projektowanie Aplikacji Internetowych
Projektowanie interfejsu użytkownika (1) Jarosław Kuchta Charakterystyki użytkowników Nazwa użytkownika Cel korzystania z systemu Klasyfikacja przynależność organizacyjna doświadczenie i umiejętności uprawnienia
Bardziej szczegółowoInżynieria Oprogramowania Jarosław Kuchta. Projektowanie interfejsu użytkownika (zasady ogólne)
Inżynieria Oprogramowania Jarosław Kuchta Projektowanie interfejsu użytkownika (zasady ogólne) Charakterystyki użytkowników Nazwa użytkownika Cel korzystania z systemu Klasyfikacja przynależność organizacyjna
Bardziej szczegółowoWykład 9. Projektowanie interfejsu użytkownika
Wykład 9 Projektowanie interfejsu użytkownika Treść wykładu generacje w rozwoju interfejsu użytkownika tryb wsadowy graficzny interfejs użytkownika interfejs znakowy język poleceń metafory technika okien
Bardziej szczegółowoJava: otwórz okienko. Programowanie w językach wysokiego poziomu. mgr inż. Anna Wawszczak
Java: otwórz okienko Programowanie w językach wysokiego poziomu mgr inż. Anna Wawszczak PLAN WYKŁADU klasy wewnętrzne, lokalne i anonimowe biblioteka AWT zestaw Swing JFrame JPanel komponenty obsługa zdarzeń
Bardziej szczegółowoInformatyka Arkusz kalkulacyjny Excel 2010 dla WINDOWS cz. 1
Wyższa Szkoła Ekologii i Zarządzania Informatyka Arkusz kalkulacyjny Excel 2010 dla WINDOWS cz. 1 Slajd 1 Excel Slajd 2 Ogólne informacje Arkusz kalkulacyjny podstawowe narzędzie pracy menadżera Arkusz
Bardziej szczegółowoInstrukcja Instalacji
Generator Wniosków Płatniczych dla Programu Operacyjnego Kapitał Ludzki Instrukcja Instalacji Aplikacja współfinansowana ze środków Unii Europejskiej w ramach Europejskiego Funduszu Społecznego Spis treści
Bardziej szczegółowoUniwersytet Jagielloński Interfejsy graficzne. Wykład 6. Style interfejsu. Barbara Strug
Uniwersytet Jagielloński Interfejsy graficzne Wykład 6 Style interfejsu Barbara Strug 2013 Style interfejsu Wstęp Style 3-d Q & A Linia poleceń menu Formularze /okna dialogowe Manipulacja bezpośrednia
Bardziej szczegółowoWarszawa, Wytyczne dla projektu Biblioteka GUI
Warszawa, 30.03.2017 Wytyczne dla projektu Biblioteka GUI Jaka powinna być biblioteka GUI? 2 Proponowany zakres treści na stronie biblioteki na aplikacje.gov.pl 2 Wytyczne dla identyfikacji wizualnej:
Bardziej szczegółowoUNIWERSYTET RZESZOWSKI KATEDRA INFORMATYKI
UNIWERSYTET RZESZOWSKI KATEDRA INFORMATYKI LABORATORIUM TECHNOLOGIA SYSTEMÓW INFORMATYCZNYCH W BIOTECHNOLOGII Aplikacja bazodanowa: Cz. II Rzeszów, 2010 Strona 1 z 11 APLIKACJA BAZODANOWA MICROSOFT ACCESS
Bardziej szczegółowoPLAN ZARZĄDZANIA KONFIGURACJĄ OPROGRAMOWANIA PROJEKT <NAZWA PROJEKTU> WERSJA <NUMER WERSJI DOKUMENTU>
Załącznik nr 4.6 do Umowy nr 35-ILGW-253-.../20.. z dnia... MINISTERSTWO FINANSÓW DEPARTAMENT INFORMATYKI PLAN ZARZĄDZANIA KONFIGURACJĄ OPROGRAMOWANIA PROJEKT WERSJA
Bardziej szczegółowoArchitektura interfejsu użytkownika
Uniwersytet Jagielloński Interfejsy graficzne Wykład 3 Architektura interfejsu użytkownika Barbara Strug 2011 Hall of shame Hall of Shame Hall of Fame O czym dzisiaj Model Widok- Kontroler Hierarchia widoków
Bardziej szczegółowoPierwsza strona internetowa
HTML i CSS Pierwsza strona internetowa Rozpoczynając pracę na swoim komputerze powinieneś posiadać: dowolny edytor tekstowy (np. Notatnik), dostęp do Internetu, Microsoft Visual Studio. Podstawy formatowania
Bardziej szczegółowoProjektowanie interfejsu użytkownika. Jarosław Kuchta Projektowanie Aplikacji Internetowych
Projektowanie interfejsu użytkownika Jarosław Kuchta Projektowanie Aplikacji Internetowych Zagadnienia Podstawowe zasady projektowania interfejsu użytkownika Proces projektowania interfejsu użytkownika
Bardziej szczegółowoPROJEKT INTERFEJSU UśYTKOWNIKA PROJEKT <NAZWA PROJEKTU> WERSJA <NUMER WERSJI DOKUMENTU>
Załącznik nr 4.5 do Umowy nr 35-ILGW-253-.../20.. z dnia... MINISTERSTWO FINANSÓW DEPARTAMENT INFORMATYKI PROJEKT INTERFEJSU UśYTKOWNIKA PROJEKT WERSJA numer wersji
Bardziej szczegółowoInformatyka Arkusz kalkulacyjny Excel 2010 dla WINDOWS cz. 1
Wyższa Szkoła Ekologii i Zarządzania Informatyka Arkusz kalkulacyjny 2010 dla WINDOWS cz. 1 Slajd 1 Slajd 2 Ogólne informacje Arkusz kalkulacyjny podstawowe narzędzie pracy menadżera Arkusz kalkulacyjny
Bardziej szczegółowoProgramowanie Obiektowe GUI
Programowanie Obiektowe GUI Swing Celem ćwiczenia jest ilustracja wizualnego tworzenia graficznego interfejsu użytkownika opartego o bibliotekę Swing w środowisku NetBeans. Ponadto, ćwiczenie ma na celu
Bardziej szczegółowoGenerator Wniosków Płatniczych dla Programu Operacyjnego Kapitał Ludzki. Instrukcja Instalacji
Generator Wniosków Płatniczych dla Programu Operacyjnego Kapitał Ludzki Instrukcja Instalacji Aplikacja współfinansowana ze środków Unii Europejskiej w ramach Europejskiego Funduszu Społecznego Warszawa,
Bardziej szczegółowoWSTAWIANIE GRAFIKI DO DOKUMENTU TEKSTOWEGO
WSTAWIANIE GRAFIKI DO DOKUMENTU TEKSTOWEGO Niezwykle uŝyteczną cechą programu Word jest łatwość, z jaką przy jego pomocy moŝna tekst wzbogacać róŝnymi obiektami graficznymi, np. zdjęciami, rysunkami czy
Bardziej szczegółowoKompleksowe tworzenie aplikacji klasy Desktop z wykorzystaniem SWT i
Program szkolenia: Kompleksowe tworzenie aplikacji klasy Desktop z wykorzystaniem SWT i JFace Informacje ogólne Nazwa: Kod: Kategoria: Grupa docelowa: Czas trwania: Forma: Kompleksowe tworzenie aplikacji
Bardziej szczegółowoelektroniczna Platforma Usług Administracji Publicznej
elektroniczna Platforma Usług Administracji Publicznej Instrukcja użytkownika Katalog Usług Publicznych wersja 1.0 wersja 1.0. 1. WPROWADZENIE...3 1.1. CEL DOKUMENTU...3 1.2. SŁOWNIK POJĘĆ...3 1.3. ELEMENTY
Bardziej szczegółowoProjektowanie Graficznych Interfejsów Użytkownika Robert Szmurło
Projektowanie Graficznych Interfejsów Użytkownika Robert Szmurło LATO 2007 Projektowanie Graficznych Interfejsów Użytkownika 1 UCD - User Centered Design 1) User Centered Design Projekt Skoncentrowany
Bardziej szczegółowoDodanie nowej formy do projektu polega na:
7 Tworzenie formy Forma jest podstawowym elementem dla tworzenia interfejsu użytkownika aplikacji systemu Windows. Umożliwia uruchomienie aplikacji, oraz komunikację z użytkownikiem aplikacji. W trakcie
Bardziej szczegółowoJarosław Kuchta Projektowanie Aplikacji Internetowych. Projektowanie IU -nawigacja
Jarosław Kuchta Projektowanie Aplikacji Internetowych Projektowanie IU -nawigacja Zagadnienia Wyjaśnienie pojęć Podstawowe zasady projektowania nawigacji Rodzaje sterowania Różne rodzaje menu (zasady użycia)
Bardziej szczegółowoInformatyka I. Interfejs GUI wysokiego poziomu. Biblioteka Swing. Programowanie zdarzeniowe. Politechnika Warszawska Wydział Transportu 2018
Informatyka I Interfejs GUI wysokiego poziomu. Biblioteka Swing. Programowanie zdarzeniowe. dr inż. Andrzej Czerepicki Politechnika Warszawska Wydział Transportu 2018 Interfejs GUI wysokiego poziomu Pojęcie
Bardziej szczegółowoJęzyk UML w modelowaniu systemów informatycznych
Język UML w modelowaniu systemów informatycznych dr hab. Bożena Woźna-Szcześniak Akademia im. Jan Długosza bwozna@gmail.com Wykład 10 Diagramy wdrożenia I Diagramy wdrożenia - stosowane do modelowania
Bardziej szczegółowoOKNO NA ŚWIAT - PRZECIWDZIAŁANIE WYKLUCZENIU CYFROWEMU W MIEŚCIE BRZEZINY
Projekt OKNO NA ŚWIAT - PRZECIWDZIAŁANIE WYKLUCZENIU CYFROWEMU W MIEŚCIE BRZEZINY współfinansowany przez Unię Europejską ze środków Europejskiego Funduszu Rozwoju Regionalnego w ramach Programu Operacyjnego
Bardziej szczegółowoWprowadzanie opisu przedmiotu po stronie USOSweb
Wprowadzanie opisu przedmiotu po stronie USOSweb (według sylabusa zgodnego z załącznikiem 1 do Zarządzenia nr 11 Rektora UW z dnia 19 lutego 2010) DAK UW, maj 2010 Podstawowe informacje o przedmiocie są
Bardziej szczegółowoProgramowanie zdarzeniowe
Programowanie zdarzeniowe II. Biblioteka Swing Małgorzata Prolejko ZDA JA16Z03 Plan Struktura Swing Komponenty proste Ramki Kolejność warstw Zarządca układu Panele Komponenty złożone Okna dialogowe i wewnętrzne
Bardziej szczegółowoProjektowanie interfejsu uŝytkownikau. uŝytkownika. Zagadnienia. Zawartość. projektu interfejsu
Jarosław aw Kuchta Rozproszonych Projektowanie interfejsu uŝytkownikau qhta@eti.pg.gda.pl J.Kuchta@eti.pg.gda.pl Zagadnienia Podstawowe zasady projektowania interfejsu uŝytkownika Proces projektowania
Bardziej szczegółowoWYMAGANIA EDUKACYJNE. Witryny i Aplikacje Internetowe klasa I
WYMAGANIA EDUKACYJNE Witryny i Aplikacje Internetowe klasa I Dopuszczający definiuje pojęcia: witryna, portal, wortal, struktura witryny internetowej; opisuje rodzaje grafiki statycznej wymienia i charakteryzuje
Bardziej szczegółowoCzcionki bezszeryfowe
Czcionki szeryfowe Czcionki szeryfowe wyposażone są w dodatkowe elementy ułatwiające czytanie. Elementy te, umieszczone w dolnej i górnej części liter tworzą poziome, optyczne linie ułatwiające prowadzenie
Bardziej szczegółowoProgramowanie obiektowe
Programowanie obiektowe Wykład 7 Marcin Młotkowski 8 kwietnia 2015 Plan wykładu Z życia programisty, część 1 1 Z życia programisty, część 1 2 3 Z życia programisty, część 2 Model View Controller MVC w
Bardziej szczegółowoFlex 3. Piotr Strzelczyk Wydział EAIiE Katedra Automatyki. Kraków, 2008
Flex 3 Piotr Strzelczyk Wydział EAIiE Katedra Automatyki Kraków, 2008 Flex 3 czyli co to jest? RIA (Rich Internet Application) Jest to aplikacja webowa posiadająca moŝliwości aplikacji desktopowej. UmoŜliwia
Bardziej szczegółowoInstrukcja instalacji
Generator Wniosków o Płatność dla Regionalnego Programu Operacyjnego Województwa Kujawsko-Pomorskiego na lata 2007-2013 Instrukcja instalacji Aplikacja współfinansowana ze środków Europejskiego Funduszu
Bardziej szczegółowoLaboratorium z Grafiki InŜynierskiej CAD. Rozpoczęcie pracy z AutoCAD-em. Uruchomienie programu
Laboratorium z Grafiki InŜynierskiej CAD W przygotowaniu ćwiczeń wykorzystano m.in. następujące materiały: 1. Program AutoCAD 2010. 2. Graf J.: AutoCAD 14PL Ćwiczenia. Mikom 1998. 3. Kłosowski P., Grabowska
Bardziej szczegółowoSYSTEM ZARZĄDZANIA TREŚCIĄ (CMS) STRONY INTERNETOWEJ SZKOŁY PRZEWODNIK
SYSTEM ZARZĄDZANIA TREŚCIĄ (CMS) STRONY INTERNETOWEJ SZKOŁY PRZEWODNIK Daniel M. [dm.o12.pl] 2012 I. Ogólna charakterystyka systemu 1) System nie wymaga bazy danych oparty jest o pliki tekstowe. 2) Aktualna
Bardziej szczegółowoPrzygotowanie do nowoczesnego programowania po stronie przeglądarki. (HTML5, CSS3, JS, wzorce, architektura, narzędzia)
Program szkolenia: Przygotowanie do nowoczesnego programowania po stronie przeglądarki (HTML5, CSS3, JS, wzorce, architektura, narzędzia) Informacje: Nazwa: Kod: Kategoria: Grupa docelowa: Czas trwania:
Bardziej szczegółowopoziom: Core wersja: 2.6 moduł: B : Wytwarzanie SYLLABUS
poziom: Core wersja: 2.6 moduł: B : Wytwarzanie SYLLABUS Niniejszy dokument jest syllabusem obowiązującym dla certyfikatu EUCIP ver. 2.6. Prezentuje obszary wiedzy, których znajomość jest niezbędna do
Bardziej szczegółowoERGODESIGN - Podręcznik użytkownika. Wersja 1.0 Warszawa 2010
ERGODESIGN - Podręcznik użytkownika Wersja 1.0 Warszawa 2010 Spis treści Wstęp...3 Organizacja menu nawigacja...3 Górne menu nawigacyjne...3 Lewe menu robocze...4 Przestrzeń robocza...5 Stopka...5 Obsługa
Bardziej szczegółowoProjekt ZSWS. Instrukcja uŝytkowania narzędzia SAP Business Explorer Analyzer. 1 Uruchamianie programu i raportu. Tytuł: Strona: 1 z 31
Strona: 1 z 31 Explorer Analyzer 1 Uruchamianie programu i raportu PoniŜsze czynności uruchamiają program Bex Analyzer oraz wybrany raport z hurtowni danych. 1. uruchom z menu Start>Programy>Business Explorer>Analyzer
Bardziej szczegółowoNarzędzie informatyczne do modelowania, zarządzania i dokumentowania procesów systemu zarządzania jakością
Narzędzie informatyczne do modelowania, zarządzania i dokumentowania procesów systemu zarządzania jakością ProMoS Każde działanie można ująć w formie procesu i odpowiednio doskonalić. (W.E. Deming) ProMoS
Bardziej szczegółowoProjektowanie oprogramowania
Wrocław, 27.09.2010 1. Warunki wstępne Projektowanie oprogramowania Warunkiem uczestnictwa w zajęciach jest zaliczenie przedmiotu: Podstawy inżynierii oprogramowania (ćwiczenia) Zajęcia składają się z
Bardziej szczegółowoPREZENTACJE MULTIMEDIALNE cz.2
Wydział Elektryczny Katedra Elektrotechniki Teoretycznej i Metrologii Instrukcja do pracowni z przedmiotu Podstawy Informatyki Kod przedmiotu: TS1C 100 003 Ćwiczenie pt. PREZENTACJE MULTIMEDIALNE cz.2
Bardziej szczegółowoSzkolenie wycofane z oferty
Szkolenie wycofane z oferty Program szkolenia: Java Server Faces 2 Informacje: Nazwa: Java Server Faces 2 Kod: Java-EE-JSF 2 Kategoria: Java EE Grupa docelowa: developerzy Czas trwania: 3 dni Forma: 50%
Bardziej szczegółowoBAZA_1 Temat: Tworzenie i modyfikowanie formularzy.
BAZA_1 Temat: Tworzenie i modyfikowanie formularzy. Do wprowadzania danych do tabel słuŝą formularze. Dlatego zanim przystąpimy do wypełniania danymi nowo utworzonych tabel, najpierw przygotujemy odpowiednie
Bardziej szczegółowoFormularz MS Word. 1. Projektowanie formularza. 2. Formularze do wypełniania w programie Word
Formularz MS Word Formularz to dokument o określonej strukturze, zawierający puste pola do wypełnienia, czyli pola formularza, w których wprowadza się informacje. Uzyskane informacje moŝna następnie zebrać
Bardziej szczegółowoWymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr 351203)
Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr 351203) Technikum - kl. 3 Td, semestr 5 i 6 Ocena niedostateczna dopuszczająca Wymagania edukacyjne wobec ucznia: Uczeń nie
Bardziej szczegółowoBudowa aplikacji z graficznym interfejsem użytkownika - GUI (Graphic User Interface)
Budowa aplikacji z graficznym interfejsem użytkownika - GUI (Graphic User Interface) 1. Udostępnianie wszystkich prywatnych atrybutów do prezentacji, wprowadzenie standardu nazewnictwa plików nazwy plików
Bardziej szczegółowoHTML, CSS i JavaScript / Laura Lemay, Rafe Colburn, Jennifer Kyrnin. Gliwice, cop Spis treści
HTML, CSS i JavaScript / Laura Lemay, Rafe Colburn, Jennifer Kyrnin. Gliwice, cop. 2017 Spis treści O autorach 11 Wprowadzenie 13 CZĘŚĆ I ROZPOCZĘCIE PRACY Lekcja 1. Co oznacza publikowanie treści w sieci
Bardziej szczegółowoWyŜsza Szkoła Zarządzania Ochroną Pracy MS EXCEL CZ.2
- 1 - MS EXCEL CZ.2 FUNKCJE Program Excel zawiera ok. 200 funkcji, będących predefiniowanymi formułami, słuŝącymi do wykonywania określonych obliczeń. KaŜda funkcja składa się z nazwy funkcji, która określa
Bardziej szczegółowoMSI dr. Inż. Mariusz Trzaska. użytkownika
MSI dr. Inż. Mariusz Trzaska Wykład 14 Użyteczność (usability usability) ) graficznych interfejsów użytkownika o Wprowadzenie Zagadnienia o Użyteczność (usability) o Kształtowanie użyteczności o Testy
Bardziej szczegółowoFront-end: solidne podstawy. Wszystko, co warto wiedzieć o HTML, CSS, JavaScript i Bootstrap.
Kod szkolenia: Tytuł szkolenia: FRONT-END Front-end: solidne podstawy. Wszystko, co warto wiedzieć o HTML, CSS, JavaScript i Bootstrap. Dni: 5 Opis: Adresaci szkolenia Kurs przeznaczony jest zarówno dla
Bardziej szczegółowoSpis treści. 1 Moduł Mapy 2
Spis treści 1 Moduł Mapy 2 1.1 Elementy planu............................. 2 1.1.1 Interfejs widoku......................... 3 1.1.1.1 Panel sterujacy.................... 3 1.1.1.2 Suwak regulujacy przybliżenie...........
Bardziej szczegółowoPLAN ZARZĄDZANIA WYMAGANIAMI PROJEKT <NAZWA PROJEKTU> WERSJA <NUMER WERSJI DOKUMENTU>
Załącznik nr 4.4 do Umowy nr 35-ILGW-253-.../20.. z dnia... MINISTERSTWO FINANSÓW DEPARTAMENT INFORMATYKI PLAN ZARZĄDZANIA WYMAGANIAMI PROJEKT WERSJA numer wersji
Bardziej szczegółowoINFORMATYKA KLASA IV
1 INFORMATYKA KLASA IV WYMAGANIA NA POSZCZEGÓLNE OCENY SZKOLNE 1. Komputer i programy komputerowe Posługiwanie się komputerem i praca z programem komputerowym wymienia przynajmniej trzy podstawowe zasady
Bardziej szczegółowoTeraz bajty. Informatyka dla szkoły podstawowej. Klasa IV
Teraz bajty. Informatyka dla szkoły podstawowej. Klasa IV 1 Posługiwanie się komputerem i praca z programem komputerowym wymienia przynajmniej trzy podstawowe zasady ich, m.in.: dba o porządek na stanowisku
Bardziej szczegółowoTeraz bajty. Informatyka dla szkoły podstawowej. Klasa 4 Wymagania edukacyjne na poszczególne oceny szkolne dla klasy 4
1 Teraz bajty. Informatyka dla szkoły podstawowej. Klasa 4 Wymagania edukacyjne na poszczególne oceny szkolne dla klasy 4 1. Komputer i programy komputerowe Posługiwanie się komputerem i praca z programem
Bardziej szczegółowoGrafika w aplikacjach lp. Jak zmienić kolor tła?
Grafika w aplikacjach lp W tym rozdziale znajdziesz informacje jak osadzić w tworzonym programie zdjęcia, rysunki, wykresy i inne elementy graficzne. W środowisku lp autor ma dostęp do następujących obiektów
Bardziej szczegółowoTworzenie bazy danych na przykładzie Access
Tworzenie bazy danych na przykładzie Access Tworzenie tabeli Kwerendy (zapytania) Selekcja Projekcja Złączenie Relacja 1 Relacja 2 Tworzenie kwedend w widoku projektu Wybór tabeli (tabel) źródłowych Wybieramy
Bardziej szczegółowoWymagania edukacyjne z zajęć komputerowych w klasie 5
Wymagania edukacyjne z zajęć komputerowych w klasie 5 Ocena dopuszczajaca:uczeń Ocena dostateczna:uczeń Ocena dobra: uczeń Ocena bardzo dobra:uczeń Ocena celująca: uczeń zna zasady bezpiecznej pracy z
Bardziej szczegółowoFormat HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty
Wybrane działy Informatyki Stosowanej Format HTML Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty dr hab. inż. Andrzej Czerepicki 2019 Definicja HTML HyperText Markup Language
Bardziej szczegółowoI Tworzenie prezentacji za pomocą szablonu w programie Power-Point. 1. Wybieramy z górnego menu polecenie Nowy a następnie Utwórz z szablonu
I Tworzenie prezentacji za pomocą szablonu w programie Power-Point 1. Wybieramy z górnego menu polecenie Nowy a następnie Utwórz z szablonu 2. Po wybraniu szablonu ukaŝe się nam ekran jak poniŝej 3. Następnie
Bardziej szczegółowoGerbView. 17 grudnia 2016
GerbView GerbView ii 17 grudnia 2016 GerbView iii Spis treści 1 Wprowadzenie do GerbView 2 2 Ekran główny 2 3 Top toolbar 3 4 Lewy pasek narzędzi 4 5 Polecenia menu 5 5.1 Menu plik....................................................
Bardziej szczegółowoGenerator Wniosków o Dofinansowanie dla Regionalnego Programu Operacyjnego Województwa Podlaskiego na lata 2007-2013 Instrukcja instalacji
Generator Wniosków o Dofinansowanie dla Regionalnego Programu Operacyjnego Województwa Podlaskiego na lata 2007-2013 Instrukcja instalacji Aplikacja współfinansowana ze środków Europejskiego Funduszu Rozwoju
Bardziej szczegółowoPakiety matematyczne. Matematyka Stosowana. dr inż. Krzysztof Burnecki
Pakiety matematyczne Matematyka Stosowana dr inż. Krzysztof Burnecki 17.04.2013 Wykład 9 Operacje symboliczne w Matlabie Graficzny interfejs użytkownika (GUI) Slajdy powstały na podstawie prezentacji Informatyka
Bardziej szczegółowoPrzygotuj za pomocą tabulatorów element formularza. Utwórz pole tekstowe i sformatuj tak, aby dół napisu w polu był dokładnie nad kropkami.
FORMULARZE POLA TEKSTOWE Pole tekstowe Pole tekstowe kilka wierszy Karta Developer Formanty Formant i pole tekstowe Ćwiczenia Jak wypełnić danymi utworzony w edytorze tekstów formularz? Jak wpisać informacje
Bardziej szczegółowoplansoft.org www.plansoft.org Zmiany w Plansoft.org Błyskawiczny eksport danych PLANOWANIE ZAJĘĆ, REZERWOWANIE SAL I ZASOBÓW
Zmiany w Plansoft.org Błyskawiczny eksport danych... 1 Jak wyeksportować dane... 1 Eksportowanie planu studiów, zajęć, statystyk i danych słownikowych... 2 Dostosowywanie wyników eksportu... 4 Filtrowanie
Bardziej szczegółowoProgramowanie dla początkujących w 24 godziny / Greg Perry, Dean Miller. Gliwice, cop Spis treści
Programowanie dla początkujących w 24 godziny / Greg Perry, Dean Miller. Gliwice, cop. 2017 Spis treści O autorach 11 Podziękowania 12 Wprowadzenie 13 CZĘŚĆ I ZACZNIJ PROGRAMOWAĆ JUŻ DZIŚ Godzina 1. Praktyczne
Bardziej szczegółowo1.3. Tworzenie obiektów 3D. Rysunek 1.2. Dostępne opcje podręcznego menu dla zaznaczonego obiektu
1. Edytor grafiki Draw 1.1. Okno programu Draw W bezpłatnym pakiecie OpenOffice zawarty jest program graficzny Draw (rysunek 1.1), wyposażony w liczne narzędzia do obróbki obiektów. Program możesz uruchomić,
Bardziej szczegółowoPodstawy Swing. Tomasz Borzyszkowski
Podstawy Swing Tomasz Borzyszkowski Wprowadzenie Już Java 1.0 zawierała bibliotekę AWT (Abstract Window Toolkit) służącą do oprogramowania GUI. Kolejne wersje Java również wspierały to rozwiązanie. Swing
Bardziej szczegółowoBAZY DANYCH Formularze i raporty
BAZY DANYCH Formularze i raporty Za pomocą tabel można wprowadzać nowe dane, przeglądać i modyfikować dane już istniejące. Jednak dla typowego użytkownika systemu baz danych, przygotowuje się specjalne
Bardziej szczegółowoWykład 1 Inżynieria Oprogramowania
Wykład 1 Inżynieria Oprogramowania Wstęp do inżynierii oprogramowania. Cykle rozwoju oprogramowaniaiteracyjno-rozwojowy cykl oprogramowania Autor: Zofia Kruczkiewicz System Informacyjny =Techniczny SI
Bardziej szczegółowoInstrukcja instalacji aplikacji Generator Wniosków Aplikacyjnych Edytor.
Instrukcja instalacji aplikacji Generator Wniosków Aplikacyjnych Edytor. Parametry sprzętowe i systemowe wymagane do pracy Generatora Wniosków Aplikacyjnych - Edytor. Minimalne wymagania sprzętowe i systemowe
Bardziej szczegółowoKolory elementów. Kolory elementów
Wszystkie elementy na schematach i planach szaf są wyświetlane w kolorach. Kolory te są zawarte w samych elementach, ale w razie potrzeby można je zmienić za pomocą opcji opisanych poniżej, przy czym dotyczy
Bardziej szczegółowoSterowniki urządzeń zewnętrznych w pracy lokalnej i sieciowej w programach firmy InsERT dla Windows
Sterowniki urządzeń zewnętrznych w pracy lokalnej i sieciowej w programach firmy InsERT dla Windows 1/5 SPIS TREŚCI 1. DEFINICJE POJĘĆ... 3 2. TRYBY PRACY... 3 2.1 TRYB LOKALNY - APLIKACJA I STEROWNIK
Bardziej szczegółowo5. Bazy danych Base Okno bazy danych
5. Bazy danych Base 5.1. Okno bazy danych Podobnie jak inne aplikacje środowiska OpenOffice, program do tworzenia baz danych uruchamia się po wybraniu polecenia Start/Programy/OpenOffice.org 2.4/OpenOffice.org
Bardziej szczegółowoFazy analizy (modelowania) oraz projektowania FAZA ANALIZY:
Fazy analizy (modelowania) oraz projektowania Analiza bez brania pod uwagę szczegółów implementacyjnych Projektowanie ze szczegółami implementacyjnymi. FAZA ANALIZY: Celem fazy analizy jest ustalenie wszystkich
Bardziej szczegółowoPLAN WYNIKOWY PROGRAMOWANIE APLIKACJI INTERNETOWYCH. KL III TI 4 godziny tygodniowo (4x30 tygodni =120 godzin ),
PLAN WYNIKOWY PROGRAMOWANIE APLIKACJI INTERNETOWYCH KL III TI 4 godziny tygodniowo (4x30 tygodni =120 godzin ), Program 351203 Opracowanie: Grzegorz Majda Tematyka zajęć 1. Wprowadzenie do aplikacji internetowych
Bardziej szczegółowoEdytor tekstu MS Office Word
Edytor tekstu program komputerowy ukierunkowany zasadniczo na samo wprowadzanie lub edycję tekstu, a nie na nadawanie mu zaawansowanych cech formatowania (do czego służy procesor tekstu). W zależności
Bardziej szczegółowoTworzenie prezentacji w MS PowerPoint
Tworzenie prezentacji w MS PowerPoint Program PowerPoint dostarczany jest w pakiecie Office i daje nam możliwość stworzenia prezentacji oraz uatrakcyjnienia materiału, który chcemy przedstawić. Prezentacje
Bardziej szczegółowoTechnologia informacyjna (IT - Information Technology) dziedzina wiedzy obejmująca:
1.1. Podstawowe pojęcia Technologia informacyjna (IT - Information Technology) dziedzina wiedzy obejmująca: informatykę (włącznie ze sprzętem komputerowym oraz oprogramowaniem używanym do tworzenia, przesyłania,
Bardziej szczegółowoSłowa kluczowe Sterowanie klawiaturą, klawiatura, klawisze funkcyjne, przesuwanie obiektów ekranowych, wydawanie poleceń za pomocą klawiatury
Obsługa za pomocą klawiatury Różnego typu interfejsy wykorzystują różne metody reagowania i wydawania poleceń przez użytkownika. W środowisku graficznym najpopularniejsza jest niewątpliwie mysz i inne
Bardziej szczegółowoZasady organizacji projektów informatycznych
Zasady organizacji projektów informatycznych Systemy informatyczne w zarządzaniu dr hab. inż. Joanna Józefowska, prof. PP Plan Definicja projektu informatycznego Fazy realizacji projektów informatycznych
Bardziej szczegółowoInstrukcja instalacji aplikacji Generator Wniosków Aplikacyjnych Edytor.
Instrukcja instalacji aplikacji Generator Wniosków Aplikacyjnych Edytor. Parametry sprzętowe i systemowe wymagane do pracy Generatora Wniosków Aplikacyjnych - Edytor. Minimalne wymagania sprzętowe i systemowe
Bardziej szczegółowoPrzygotuj za pomocą tabulatorów element formularza. Utwórz pole tekstowe i sformatuj tak, aby dół napisu w polu był dokładnie nad kropkami.
FORMULARZE POLA TEKSTOWE Pole tekstowe Pole tekstowe kilka wierszy Karta Developer Formanty Formant i pole tekstowe Ćwiczenia Jak wypełnić danymi utworzony w edytorze tekstów formularz? Jak wpisać informacje
Bardziej szczegółowoE.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, Spis treści
E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, 2014 Spis treści Przewodnik po podręczniku 8 Wstęp 10 1. Hipertekstowe języki znaczników 1.1. Elementy i znaczniki
Bardziej szczegółowoREFERAT PRACY DYPLOMOWEJ
REFERAT PRACY DYPLOMOWEJ Temat pracy: Projekt i implementacja aplikacji internetowej do wyszukiwania promocji Autor: Sylwester Wiśniewski Promotor: dr Jadwiga Bakonyi Kategorie: aplikacja webowa Słowa
Bardziej szczegółowoDodawanie grafiki i obiektów
Dodawanie grafiki i obiektów Word nie jest edytorem obiektów graficznych, ale oferuje kilka opcji, dzięki którym można dokonywać niewielkich zmian w rysunku. W Wordzie możesz zmieniać rozmiar obiektu graficznego,
Bardziej szczegółowoSystem Informatyczny CELAB. Terminy, alarmy
Instrukcja obsługi programu 2.18. Terminy, alarmy Architektura inter/intranetowa Aktualizowano w dniu: 2007-09-25 System Informatyczny CELAB Terminy, alarmy Spis treści 1. Terminy, alarmy...2 1.1. Termin
Bardziej szczegółowoCechy systemu X Window: otwartość niezależność od producentów i od sprzętu, dostępny kod źródłowy; architektura klient-serwer;
14.3. Podstawy obsługi X Window 14.3. Podstawy obsługi X Window W przeciwieństwie do systemów Windows system Linux nie jest systemem graficznym. W systemach Windows z rodziny NT powłokę systemową stanowi
Bardziej szczegółowoPrzywracanie parametrów domyślnych. Przycisnąć przycisk STOP przez 5 sekund. Wyświetlanie naprzemienne Numer parametru Wartość parametru
Zadanie 1 Przywracanie parametrów domyślnych. Przycisnąć przycisk STOP przez 5 sekund. 5 Sekund = nie GOTOWY Wyświetlanie naprzemienne Numer parametru Wartość parametru 1 1 2009 Eaton Corporation. All
Bardziej szczegółowoGUI - projektowanie interfejsów cz. II
Katedra Inżynierii Wiedzy, Uniwersytet Ekonomiczny w Katowicach Wykład 3 Elementy Swing wszystkie elementy graficzne (przyciski, kontrolki) rysowane są od zera z poziomu Javy; ten sam wygląd i zachowanie
Bardziej szczegółowoJava - interfejs graficzny
Java - interfejs graficzny Pakiet Swing Pakiet Swing przygotował: pawel@kasprowski.pl Czym jest Swing? Rozszerzenie AWT (Abstract Windows Toolkit) do tworzenia GUI (Graphical User Interface) w Javie import
Bardziej szczegółowo