Bakalářská práce se zaměřuje na tvorbu uživatelského rozhraní webové aplikace, která by byla nápomocná při tvorbě půdorysů pro realitní makléře. V teoretické části práce je zkoumáno uživatelské rozhraní a příklady jeho designu. Další část mapuje především příklady webových aplikací, které se zaměřují na stejný cíl. Rozsah práce je soustředěn na navržení všech základních funkcí aplikace. Výsledkem je konkurence schopný návrh, který splňuje všechny cíle uživatelsky příjemného rozhraní.
Anotace v angličtině
The bachelor thesis is focused on the creation of User Interface for Web Application that would be helpful for real estate brokers during preparation of floor plans. User interface and examples of this design are described in the theoretical part. The next part primarily describes web applications examples that target the same goal. Work range is focused on all the essential functions of the application. Obtained result is competitive design that meets all the objectives of a user-friendly interface.
Klíčová slova
Webová aplikace, uživatelské rozhraní, uživatel, design, material design, editor, půdorys, nástroje aplikace, wireframe.
Klíčová slova v angličtině
Web application, user interface, user, design, material design, editor, floor plan, application tools, wireframe.
Rozsah průvodní práce
47 s.
Jazyk
CZ
Anotace
Bakalářská práce se zaměřuje na tvorbu uživatelského rozhraní webové aplikace, která by byla nápomocná při tvorbě půdorysů pro realitní makléře. V teoretické části práce je zkoumáno uživatelské rozhraní a příklady jeho designu. Další část mapuje především příklady webových aplikací, které se zaměřují na stejný cíl. Rozsah práce je soustředěn na navržení všech základních funkcí aplikace. Výsledkem je konkurence schopný návrh, který splňuje všechny cíle uživatelsky příjemného rozhraní.
Anotace v angličtině
The bachelor thesis is focused on the creation of User Interface for Web Application that would be helpful for real estate brokers during preparation of floor plans. User interface and examples of this design are described in the theoretical part. The next part primarily describes web applications examples that target the same goal. Work range is focused on all the essential functions of the application. Obtained result is competitive design that meets all the objectives of a user-friendly interface.
Klíčová slova
Webová aplikace, uživatelské rozhraní, uživatel, design, material design, editor, půdorys, nástroje aplikace, wireframe.
Klíčová slova v angličtině
Web application, user interface, user, design, material design, editor, floor plan, application tools, wireframe.
Zásady pro vypracování
1. Rešerše
2. Průzkum trhu s aplikacemi
3. Cíle, postup a technologie projektu
4. Vypracování
5. Zhodnocení projektu
a) teoretická část v rozsahu 25 - 30 normostran textu
b) prototyp nebo funkční model nebo fyzický model v měřítku 1:1, 1:2, 1:3, 1:5, 1:10 podle charakteru projektu a konzultace s vedoucím práce
c) grafická prezentace v rozsahu minimálně 2,8 m
Na samostatném nosiči CD-ROM odevzdejte v minimálním počtu 10 kusů obrazovou dokumentaci praktické části závěrečné práce pro využití v publikacích FMK. Formát pro bitmapové podklady: JPEG, barevný prostor RGB, rozlišení 300 dpi, 250 mm delší strana. Formáty pro vektory: AI, EPS, PDF. Loga a texty v křivkách. V samostatném textovém souboru uveďte jméno a příjmení, login do Portálu UTB, obor (ateliér), typ práce, přesný název práce v češtině i v angličtině, rok obhajoby, osobní mail, osobní web, telefon. Přiložte svou osobní fotografii v tiskovém rozlišení.
Zásady pro vypracování
1. Rešerše
2. Průzkum trhu s aplikacemi
3. Cíle, postup a technologie projektu
4. Vypracování
5. Zhodnocení projektu
a) teoretická část v rozsahu 25 - 30 normostran textu
b) prototyp nebo funkční model nebo fyzický model v měřítku 1:1, 1:2, 1:3, 1:5, 1:10 podle charakteru projektu a konzultace s vedoucím práce
c) grafická prezentace v rozsahu minimálně 2,8 m
Na samostatném nosiči CD-ROM odevzdejte v minimálním počtu 10 kusů obrazovou dokumentaci praktické části závěrečné práce pro využití v publikacích FMK. Formát pro bitmapové podklady: JPEG, barevný prostor RGB, rozlišení 300 dpi, 250 mm delší strana. Formáty pro vektory: AI, EPS, PDF. Loga a texty v křivkách. V samostatném textovém souboru uveďte jméno a příjmení, login do Portálu UTB, obor (ateliér), typ práce, přesný název práce v češtině i v angličtině, rok obhajoby, osobní mail, osobní web, telefon. Přiložte svou osobní fotografii v tiskovém rozlišení.
Seznam doporučené literatury
ŘEZÁČ, Jan. Web ostrý jako břitva: návrh fungujícího webu pro webdesignery a zadavatele projektů. Jihlava: Baroque Partners, 2014, 211 s. ISBN 978-80-87923-01-6.
KRUG, Steve. Web design - nenuťte uživatele přemýšlet!. 2., aktualiz. vyd. Brno: Computer Press, 2006, 167 s. ISBN 80-251-1291-8.
STANÍČEK, Petr. Dobrý designér to všechno ví!. I. vydání. Kamenné Žehrovice: vydáno vlastním nákladem autora, 2016, 306 s. ISBN 978-80-260-9427-2.
ANDERSON, Stephen P. Přitažlivý interaktivní design: jak vytvářet uživatelsky přívětivé produkty. Brno: Computer Press, 2012, 240 s. ISBN 978-80-251-3722-2.
ECCHER, Clint. Profesionální webdesign: techniky a vzorová řešení pro XHTML a CSS. Brno: Computer Press, 2010, 672 s., [16] s. barev. příl. ISBN 978-80-251-2677-6.
Seznam doporučené literatury
ŘEZÁČ, Jan. Web ostrý jako břitva: návrh fungujícího webu pro webdesignery a zadavatele projektů. Jihlava: Baroque Partners, 2014, 211 s. ISBN 978-80-87923-01-6.
KRUG, Steve. Web design - nenuťte uživatele přemýšlet!. 2., aktualiz. vyd. Brno: Computer Press, 2006, 167 s. ISBN 80-251-1291-8.
STANÍČEK, Petr. Dobrý designér to všechno ví!. I. vydání. Kamenné Žehrovice: vydáno vlastním nákladem autora, 2016, 306 s. ISBN 978-80-260-9427-2.
ANDERSON, Stephen P. Přitažlivý interaktivní design: jak vytvářet uživatelsky přívětivé produkty. Brno: Computer Press, 2012, 240 s. ISBN 978-80-251-3722-2.
ECCHER, Clint. Profesionální webdesign: techniky a vzorová řešení pro XHTML a CSS. Brno: Computer Press, 2010, 672 s., [16] s. barev. příl. ISBN 978-80-251-2677-6.
Přílohy volně vložené
CD ROM
Přílohy vázané v práci
-
Převzato z knihovny
Ne
Plný text práce
Přílohy
Posudek(y) oponenta
Hodnocení vedoucího
Záznam průběhu obhajoby
Studentka představila webovou aplikaci - uživatelské rozhraní určené pro realitní makléře. Popsala funkce, způsoby jejího užití, odlišné prvky oproti stávajícím aplikacím, např. vkládání fotografií do půdorysu.
Dotazy komise - jaký je výstup pro uživatele ( např. v pdf. ), konzultace v realitních kancelářích a zjišťování jejich potřeb, připomínka k nepřesnostem v textu.