Detail předmětu

Tvorba uživatelských rozhraní

FIT-ITUAk. rok: 2018/2019

Rozhraní mezi uživatelem a počítačem, informační propustnost uživatelských rozhraní, různé způsoby implementace rozhraní, historie uživatelských rozhraní, historie nástrojů pro tvorbu aplikací a rozhraní, rozhraní soudobých operačních systémů - Windows, iOS, X-Window a jiných, řízení událostmi, prostředky programování aplikací a uživatelských rozhraní, tradiční, objektový a komponentní model rozhraní, prvky rozhraní - tlačítka, listboxy, editační boxy, apod., vlastnosti základních stavebních bloků uživatelských rozhraní, perspektivy tvorby uživatelských rozhraní.

Jazyk výuky

čeština

Počet kreditů

5

Garant předmětu

doc. Ing. Vítězslav Beran, Ph.D.

Zajišťuje ústav

Ústav počítačové grafiky a multimédií (UPGM)

Výsledky učení předmětu

Studenti porozumí důležitosti uživatelských rozhraní pro efektivní využití počítačů. Naučí se základním principům a struktuře nástrojů pro tvorbu aplikací a jejich uživatelských rozhraní. Seznámí se s historií takových vývojových nástrojů a s jejich předpokládaným vývojem do budoucna. Vyzkouší si vývoj uživatelských rozhraní na sérii příkladů. Naučí se užívat základní stavební bloky rozhraní. Důvěrně se seznámí s vlastnostmi stavebních bloků ve Windows a pochopí rozdíly implementace v X-Window či iOS. Získají potřebné znalosti pro tvorbu aplikací pro reálné nasazení i pro studentské projekty.
Studenti se naučí hledat si partnery do týmu a řešit týmové projekty. Zdokonalí se v praktickém užívání programátorských a ladících nástrojů jakož i v praktickém užívání programovacích jazyků.

Prerekvizity

Základní znalost programování v C/C++.

Způsob a kritéria hodnocení

  • Test - až 20 bodů 
  • Bodovaná počítačová cvičení - až 25 bodů
  • Individuální projekty - až 55 bodů

Podmínky zápočtu:
úspěšná realizace projektu

Učební cíle

Naučit se a porozumět důležitosti uživatelských rozhraní pro efektivní využití počítačů. Naučit se základním principům a struktuře nástrojů pro tvorbu aplikací a jejich uživatelských rozhraní. Seznámit se s historií takových vývojových nástrojů a s jejich předpokládaným vývojem do budoucna. Vyzkoušet si vývoj uživatelských rozhraní na sérii příkladů. Naučit se užívat základní stavební bloky rozhraní. Důvěrně se seznámit s vlastnostmi stavebních bloků ve Windows a pochopit rozdíly implementace v X-Window či iOS. Získat potřebné znalosti pro tvorbu aplikací pro reálné nasazení i pro studentské projekty.

Vymezení kontrolované výuky a způsob jejího provádění a formy nahrazování zameškané výuky

Kontrolovaná výuka zahrnuje individuální projekt, test a bodovaná počítačová cvičení. Test nemá náhradní termín.

Základní literatura

Preece J.: Human-Computer Interaction. Addison-Wesley, Wokingham, ISBN 0-201-62769-8, 1995.
Sheridan Yuen: Mastering Windows Presentation Foundation: Master the art of building modern desktop applications on Windows. Packt Publishing, ISBN 978-1785883002, 2017.

Doporučená literatura

Rubin, J., Chisnell, D., Spool, J.: Handbook of Usability Testing: How to Plan, Design, and Conduct Effective Tests. Wiley, ISBN 978-0470185483, 2008.
Steve Krug: Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability. New Riders, ISBN 978-0321965516, 2014.
Yu-kai Chou: Actionable Gamification - Beyond Points, Badges, and Leaderboards. Octalysis Media, ISBN 978-1511744041, 2015.

Zařazení předmětu ve studijních plánech

  • Program IT-BC-3 bakalářský

    obor BIT , 3 ročník, zimní semestr, povinný

Typ (způsob) výuky

 

Přednáška

26 hod., nepovinná

Vyučující / Lektor

prof. Dr. Ing. Pavel Zemčík, dr. h. c.
Ing. Jan Pluskal, Ph.D.
doc. Ing. Vítězslav Beran, Ph.D.
prof. Ing. Adam Herout, Ph.D.
Ing. Martin Hrubý, Ph.D.
Ing. Jozef Mlích

Osnova

  1. Úvod do předmětu a GUI (organizace, úvod)
  2. Návrh GUI a testování (podklady)
  3. Základní principy, programy, vstupy a dialogové boxy ve Windows (Základní principy, Dialogy,  Vstup,  Dialog demo C++Builder5/6)
  4. Pokročilé nástroje a knihovny pro Windows (WPF a .NET, příklad)
  5. Qt (prezentace, příklady)
  6. QML (prezentace, ukázka)
  7. Webová rozhraní (prezentace)
  8. GUI pro iOS (prezentace)
  9. GTK (Carlos Soriano Sanchez, Red Hat, v angličtině, prezentace, dema)
  10. Mobilní platformy (prezentace)
  11. Webová rozhraní - pokročilé nástroje (prezentace)
  12. Gamifikace (přednáška)
  13. TEST, Závěr

Témata přednášek jsou orientační a mohou být v průběhu semestru aktualizována. 

Cvičení na počítači

12 hod., povinná

Vyučující / Lektor

doc. Ing. Vítězslav Beran, Ph.D.
Ing. Tomáš Chlubna, Ph.D.
Ing. Petr Dobeš
Ing. Daniel Bambušek
Ing. Svetozár Nosko, Ph.D.
Ing. Tomáš Švec

Osnova

Během cvičení budou řešeny drobné úlohy a cvičení budou průběžně bodována.

Při odevzdání podobného řešení bude může být počet bodů krácen nebo rozdělen mezi podobná řešení. Vyučující může individuálně určit rozdělení bodů.

Studenti ve své práci musí pracovat samostatně a tvůrčím způsobem. Za porušení této zásady se považuje zejména reverzní inženýrství (disasebmling, dekompilace a podobné postupy), kopírování příkladů řešení, hotových řešení nebo obdobných podkladů, které jsou zveřejněny nebo jsou studentům jinak dostupné (jedná se o kopírování celých řešení nebo jejich tak velkých částí, že jejich okopírování vede k funkčně shodnému nebo velmi obdobnému řešení zadání), společná práce na zadání ve skupinách tak, že její výsledky jsou potom odevzdávány jako řešení jednotlivce (jednotlivců), pokud to není v zadání přímo požadováno nebo povoleno (diskuse ve skupině a/nebo společné řešení dílčích částí je povoleno).

Studenti se musí zdržet jednání, které je v rozporu s dobrými mravy a které by mohlo vést k obcházení skutečného způsobu "řešení" zadání v duchu těchto zadání jimi samotnými nebo jinými studenty.

Pokud student(i) poruší výše uvedená pravidla, může mu hodnocení být sníženo až na 0 bodů.

Projekt

14 hod., povinná

Vyučující / Lektor

Ing. Tomáš Švec
Ing. Daniel Bambušek
doc. Ing. Vítězslav Beran, Ph.D.
Ing. Svetozár Nosko, Ph.D.
Ing. Tomáš Chlubna, Ph.D.
Ing. Petr Dobeš

Osnova

Individuální zadání projektu - jeden projekt v délce trvání po celou dobu kursu. Cílem projektu je navrhnout, zrealizovat, otestovat a vyhodnotit uživatelské rozhraní. Hodnocení projektu bude zaměřeno na tyto atributy. U projektu do ITU nebude hodnoceno, co všechno a jak dobře program umí, ale jak je rozhraní promyšlené, jak jsou schopnosti programu zpřístupněny uživateli, postup a výsledky testování a vyhodnocení.

Projekty mohou řešit jednotlivci nebo skupiny nejvýše o 3 osobách. Odevzdání projektu bude probíhat elektronicky a bude doplněno povinnou demonstrací výsledků. Prezentace a demonstrace je povinná a je možná až po elektronickém odevzdání. Vyhodnocení řešení musí popisovat důležité prvky Vašeho řešení. Do dokumentace se uvádí vše, co se týká vypracování projektu, jeho implementace a testování.

Studenti ve své práci musí pracovat samostatně a tvůrčím způsobem. Za porušení této zásady se považuje zejména reverzní inženýrství (disasebmling, dekompilace a podobné postupy), kopírování příkladů řešení, hotových řešení nebo obdobných podkladů, které jsou zveřejněny nebo jsou studentům jinak dostupné (jedná se o kopírování celých řešení nebo jejich tak velkých částí, že jejich okopírování vede k funkčně shodnému nebo velmi obdobnému řešení zadání), společná práce na zadání ve skupinách tak, že její výsledky jsou potom odevzdávány jako řešení jednotlivce (jednotlivců), pokud to není v zadání přímo požadováno nebo povoleno (diskuse ve skupině a/nebo společné řešení dílčích částí je povoleno).

Studenti se musí zdržet jednání, které je v rozporu s dobrými mravy a které by mohlo vést k obcházení skutečného způsobu "řešení" zadání v duchu těchto zadání jimi samotnými nebo jinými studenty.

Pokud student(i) poruší výše uvedená pravidla, může mu hodnocení projektu být sníženo až na 0 bodů.

Odevzdání a prezentace projektu bude v laboratořích cvičení. K obhajobě je potřeba se přihlásit pomocí termínu Obhajoba projektu. Tým přihlašuje k obhajobě pouze jeden jeho člen. Veškeré termíny jsou vyvěšeny v IS.