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í.
Annotation in English
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.
Keywords
Webová aplikace, uživatelské rozhraní, uživatel, design, material design, editor, půdorys, nástroje aplikace, wireframe.
Keywords in English
Web application, user interface, user, design, material design, editor, floor plan, application tools, wireframe.
Length of the covering note
47 s.
Language
CZ
Annotation
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í.
Annotation in English
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.
Keywords
Webová aplikace, uživatelské rozhraní, uživatel, design, material design, editor, půdorys, nástroje aplikace, wireframe.
Keywords in English
Web application, user interface, user, design, material design, editor, floor plan, application tools, wireframe.
Research Plan
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í.
Research Plan
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í.
Recommended resources
Ř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.
Recommended resources
Ř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.
