Projektowanie Graficznych Interfejsów Użytkownika
Transkrypt
Projektowanie Graficznych Interfejsów Użytkownika
Projektowanie Graficznych Interfejsów Użytkownika ZADANIE Robert Szmurło ZIMA 2009 Projektowanie Graficznych Interfejsów Użytkownika 1 Organizacja ● W jak najkrótszym czasie należy przesłać e-mailem na adres: [email protected] składy osobowe grup w formie: – ● ● ● Imię, Nazwisko, NrAlbumu Każdy zespół po przesłaniu do mnie składu osobowego otrzyma dokładny tematy projektu. Prace domowe należy nadsyłać e-mailem na adres: [email protected], z dopiskiem w tytule: [PGUI-INF] w postaci: – Źródłowej (skompresowane kody źródłowe i pliki Enterprise Architect) – Wykonywalnej (możliwość uruchomienia na dowolnym komputerze w systemie operacyjnym Microsoft Windows bez potrzeby instalacji dodatkowego oprogramowania) TERMIN ostateczny nadsyłania: 20.01.2010 (prace nadesłane po tym terminie, nie będą uwzględniane) ZIMA 2009 Projektowanie Graficznych Interfejsów Użytkownika 2 Zadanie domowe ● A - Na podstawie materiałów z wykładu proszę w narzędziu CASE (Enterprise Architect) stworzyć: – – Projekt pojęciowy i funkcjonalny systemu informatycznego Projekt wizualny 4 wybranych ekranów/widoków, np.: 1) ekran rejestracji nowego pacjenta 2) ekran wprowadzania części zamiennych na stan warsztatu 3) ekran wyszukiwania znalezionej rzeczy na podstawie opisu petenta 4) ekran raportu aktualnych rezerwacji w różnych widokach: godzinowy, dzienny, tygodniowy i miesięczny ● B - Na podstawie materiałów z wykładu proszę w dowolnie wybranym narzędziu do prototypowania stworzyć: – ZIMA 2009 Interaktywny prototyp systemu Projektowanie Graficznych Interfejsów Użytkownika 3 Wymagania szczegółowe – Użytkownicy (co najmniej 1 diagram) – Cele (co najmniej 1 diagramie dla każdego użytkownika) – Aktualne czynności / Procesy biznesowe (co najmniej 6 diagramów) – Przypadki użycia (co najmniej po 1 diagramie dla każdego użytkownika) – Obiekty (co najmniej diagramy: 1 – obiekty wspólne, po 1 diagramie specyficznym dla użytkowników) – Przegląd zadań (co najmniej po 1 diagramie dla każdego przypadku użycia, czynności przedstawiające projekt interakcji użytkownika z systemem ) – Widoki abstrakcyjne (diagramy dla wszystkich ekranów z przypadków użycia oraz diagramy widoków) – Przepływ zadań (co najmniej 4 diagramy na najważniejszych/ wybranych scenariuszach przypadków użycia - scenariusze na diagramach sekwencji, model interakcji użytkownika z elementami projektu abstrakcyjnego) – Stany obiektów (osobne diagramy dla wszystkich obiektów wielostanowych) – Prototyp zawierający wszystkie niezbędne ekrany i widoki. ZIMA 2009 Projektowanie Graficznych Interfejsów Użytkownika 4 Tematy projektów ZIMA 2009 – 1. system wspierający rejestrację, obsługę, sortowanie, zgłaszanie zaginięcia, wydawanie bagaży na międzynarodowym lotnisku transferowym, – 2. system wspomagający obsługę lecznicy weterynaryjnej, – 3. scentralizowany system identyfikacji, rejestracji i poszukiwania psów (każdy pies ma implant z jednoznacznie identyfikującym numerem, istnieje globalna baza, straż miejska posiada czytniki identyfikatorów na podstawie których może określić online właściciela) – 4. system wspomagający ewidencjonowanie produktów w magazynie oraz rejestrujący klientów dla wypożyczalni sprzętu narciarskiego z modułem rezerwacji sprzętu przez internet Projektowanie Graficznych Interfejsów Użytkownika 5 Przykład - system rejestracji pacjentów przychodni, Przykład – system rejestracji pacjentów w przychodni ZIMA 2009 Projektowanie Graficznych Interfejsów Użytkownika 6 1.1 Analiza – klasy użytkowników class Klasy użytkowników Gość Użytkownik Pracownik Recepcj onistka Pacj ent Lekarz Administrator ZIMA 2009 Projektowanie Graficznych Interfejsów Użytkownika 7 1.2 – Analiza – cele użytkowników class Pacj ent-Cele Zap i sa ć n a b ad an i e d i ag n ostyczn e Zap i sa ć n a wi zytę u l e ka rza . (Re ze rwa cj a) A n ul owa ć re ze rwa cj ę wi zyty u l e karza P rze ł ożyć wi zytę. Pacj ent (fro m 1. K l asy użytko w ni kó w ) Re ze rwa cj a wi zyty di ag no styczne j (to m o gra f kom p ute ro wy) Zare j estrowa ć w p rzycho dn i O b ej rze ć d i a gn ozę l e karza ZIMA 2009 Wybó r l e karza pi e rwszeg o kon taktu P rzej rze ć kartę p acj en ta Projektowanie Graficznych Interfejsów Użytkownika 8 1.2 – Analiza – cele użytkowników class Gość P rze j rze ć l e ka rzy. Do wi e d zi e ć o g o d zin a ch p ra cy. Prze j rze ć o fe rtę p rzych o d n i . Gość (fro m 1 . K l a sy u żytko w n i kó w ) Uzyska ć i n fo rm a cj e d o d a tko we . Do wie d zi e ć si ę o d o stę p n ych te rm i n a ch l e ka rzy. ZIMA 2009 Projektowanie Graficznych Interfejsów Użytkownika 9 1.3 Analiza – aktualnie wykonywane czynności act Zapis na w izytę P a cje n t ko n ta ktu je si ę z p ra co wn i kie m re ce p cj i. Pacj ent dow iaduj e się o lekarza pierw szego kontaktu. Recepcj onistka informuj e o dostepnych terminach. Czy je st dogony te rm i n ? Recepcj onistka informuj e, że przychodnia j est specj alistyczna. [NIE ] [T A K] Pacj ent w ybiera dogodny termin. Pacj ent informuj e, że żaden termin nie pasuj e. Pa cj e n t re zyg n u j e (P o ra żka ) Recepcj onistka rej estruj e rezerw acj ę w izyty w zeszycie. P a cje n t za re ze rwo wa ł wizytę . (S u kce s) ZIMA 2009 Projektowanie Graficznych Interfejsów Użytkownika 10 1.4 Analiza – przypadki użycia uc Pacj ent S yste m Przełożenie w izyty « in vo ke s» Wybór terminu w izyty « in vo ke s» Zapisanie na w izytę « in vo ke s» Wybór lekarza Pacj ent Wybor lekarza pierw szego kontaktu (fro m 1 . K l a sy u żytko w n i kó w ) « i n vo ke s» Rezerw acj a w izyty u lekarza pierw szego kontaktu Rezerw acj a w izty diagnostycznej « p re ce d e s» « i n vo ke s» ZIMA 2009 Projektowanie Graficznych Interfejsów Użytkownika 11 2.1 Proj. funkcjonalny – obiekty użytkownika class Wspólne-Obiekty Użytkownik Gość Pacj ent + + + + dataUrodzenia: Date em ail: Strin g im ie: String nazwisko: String + rejestracja(Pacjen t) : void Lekarz ZIMA 2009 Recepcj onistka Pracow nik Administrator Projektowanie Graficznych Interfejsów Użytkownika 12 2.1 Proj. funkcjonalny – obiekty użytkownika uc Pacj ent-Obiekty Wizyta - d a ta : Da te g o d zin a : T i m e l e ka rz: Le ka rz l o ka li za cja : Stri n g re zerwa cja : Re ze rwa cj a sp e cja l i zacj a : S trin g wyn ki : Wyn i kBa d a ń + + d o d a j Ka rte Pa cj e n ta (K a rta P a cj e n t) : voi d d o d a j Le ka rza (L e ka rz) : vo i d P ra co w n ik Wspólne::Lekarz Rezerwacj a BadanieDiagnostyczne KartaPacj ent + za p i szNa B a da n i e Dia g n o styczn e () : vo i d + + + ce l B a d a ni a : S trin g d od a tko we Za l e ce n ia : Stri ng n azwa A pa ra tu ry: Stri n g + p oka zDi ag n o ze L e karza () : vo i d DiagnozaLekarska + o p is: Stri n g Użytko w n i k Wspólne::Pacj ent ZIMA 2009 + + + + d a taUro d ze n i a : Da te e m ai l : S trin g i m i e : S tri ng n a zwi sko : S tri n g + re je stra cj a (P a cj e n t) : vo i d WynikBadań + d o ku m e n t: Do kum e n tDi a g n o styczn y Projektowanie Graficznych Interfejsów Użytkownika 13 2.2 Proj. Funkcjonalny – przegląd zadań ● Określamy, które czynności z modelu z etapu analizy są realizowane przez aktora, a które przez system. act Rezerwacja wizyty Pacjent Pacjent otwiera stronę przychodni. System wyświetla stronę startową. Pacjent wybiera opcję rezerwacji wizyty. System pokazuje dostepne terminy lekarza pierwszego kontaktu. Pacjent wybiera termin. ZIMA 2009 System System rezerwuje wizytę. Projektowanie Graficznych Interfejsów Użytkownika 14 2.3 Proj. funkcjonalny – widoki abstrakcyjne class Proj ekt abstrakcyjny MenuNarzedziowe Logo - ob ra zek: Im a g e EkranStartowy PanelNawigacyj ny ZIMA 2009 - za lo g owa nyUzytkown i k: i nt + + + + + + l i staL ekarzy() : vo i d p okazP ro fi l() : vo i d re ze rwacj a() : vo id wyl og u j() : vo id za lo g uj () : voi d zm i e nL ekarzaP i e rwsze g oK o nta ktu() : vo id Projektowanie Graficznych Interfejsów Użytkownika 15