Detail předmětu

Tvorba uživatelských rozhraní

ITU Ak. rok 2022/2023 zimní semestr 5 kreditů

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í.

Garant předmětu

Koordinátor předmětu

Jazyk výuky

česky, anglicky

Zakončení

klasifikovaný zápočet (kombinovaná)

Rozsah

  • 26 hod. přednášky
  • 12 hod. pc laboratoře
  • 14 hod. projekty

Bodové hodnocení

  • 20 bodů půlsemestrální test
  • 25 bodů numerická cvičení
  • 55 bodů projekty

Zajišťuje ústav

Přednášející

Cvičící

Získané dovednosti, znalosti a kompetence z 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ů.

Cíle předmětu

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.

Proč je předmět vyučován

Grafické uživatelské rozhraní (GUI) je klíčovým prvkem zpřístupnění počítačů lidem. V dnešní době jsou možnosti počítačů nedozírné a jediným limitem je způsob, jak lidé mohou výpočetní sílu těchto strojů využít, jak se stroji komunikovat. GUI jsou dnes nejběžnější a zatím nejefektivnější způsob, jak mohou lidé s počítači komunikovat. Předmět ITU učí, jak takové GUI s využitím moderních technologií vytvořit.

Prerekvizity

Požadované prerekvizitní znalosti a dovednosti

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

Literatura studijní

  • Yu-kai Chou: Actionable Gamification - Beyond Points, Badges, and Leaderboards. Octalysis Media, ISBN 978-1511744041, 2015.
  • 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.

Literatura referenční

  • 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.

Osnova přednášek

  1. Organizace předmětu, úvod do problematiky GUI
  2. Základy GUI, návrh a historie
  3. Základní principy realizace GUI pomocí WinAPI
  4. Pokročilé nástroje a knihovny pro Windows (WPF, .NET) 
  5. Qt + QML
  6. Webová rozhraní
  7. Testování GUI
  8. Mobilní platformy
  9. GUI pro iOS
  10. GTK (průmysl, v angličtině)
  11. React
  12. UX v praxi, prototypování (průmysl)
  13. Test a Závěr

Osnova počítačových cvičení

Během cvičení budou řešeny drobné úlohy a cvičení budou průběžně bodována. Procvičované technologie jsou WinAPI, Qt, WPF, web/AJAX a návrh testování GUI. Práce na cvičení je individuální a výsledné řešení musí být autorské. 

Osnova ostatní - projekty, práce

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. Projekty se řeší v týmech. Odevzdání projektu probíhá elektronicky a musí být doplněno obhajobou a demonstrací výsledků. Obhajoba a demonstrace je povinná a je možná až po elektronickém odevzdání. Vyhodnocení řešení musí popisovat důležité prvky řešení. Do dokumentace se uvádí vše, co se týká vypracování projektu, jeho implementace a testování. Obhajoba projektu bude v laboratořích cvičení. Veškeré termíny jsou vyvěšeny v IS.

Průběžná kontrola studia

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

Kontrolovaná výuka

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

Podmínky zápočtu

Úspěšná realizace projektu. Studenti musí na své části projektu pracovat samostatně a vypracovat autorské řešení.

Rozvrh

DenTypTýdnyMístn.OdDoKapacitaPSKSkupInfo
Po ostatní 2023-01-09 N204 N205 08:0010:00Po 9.1. 8-10
Po ostatní 2023-01-16 N204 N205 08:0010:00Po 16.1. 08-10
Po ostatní 2023-01-09 N204 N205 10:0012:00Po 9.1. 10-12
Po ostatní 2023-01-16 N204 N205 10:0012:00Po 16.1. 10-12
Po poč. lab 2022-10-03 N204 N205 10:0011:5040 2BIA 2BIB 3BIT xx Šišmiš, Tesařová
Po poč. lab 2022-10-10 N204 N205 10:0011:5040 2BIA 2BIB 3BIT xx Bažout, Kohút
Po poč. lab 2022-10-17 N204 N205 10:0011:5040 2BIA 2BIB 3BIT xx Bambušek, Bažout
Po poč. lab 2022-10-24 N204 N205 10:0011:5040 2BIA 2BIB 3BIT xx Kišš
Po poč. lab 2022-10-31 N204 N205 10:0011:5040 2BIA 2BIB 3BIT xx Beran
Po poč. lab 2022-11-07 N204 N205 10:0011:5040 2BIA 2BIB 3BIT xx Dobeš, Zavřel
Po ostatní 2023-01-09 N204 N205 12:0014:00Po 9.1. 12-14
Po ostatní 2023-01-16 N204 N205 12:0014:00Po 16.1. 12-14
Po poč. lab 2022-10-03 N204 N205 12:0013:5040 2BIA 2BIB 3BIT xx Šišmiš, Tesařová
Po poč. lab 2022-10-10 N204 N205 12:0013:5040 2BIA 2BIB 3BIT xx Bažout, Kohút
Po poč. lab 2022-10-17 N204 N205 12:0013:5040 2BIA 2BIB 3BIT xx Bambušek, Bažout
Po poč. lab 2022-10-24 N204 N205 12:0013:5040 2BIA 2BIB 3BIT xx Kišš
Po poč. lab 2022-10-31 N204 N205 12:0013:5040 2BIA 2BIB 3BIT xx Beran
Po poč. lab 2022-11-07 N204 N205 12:0013:5040 2BIA 2BIB 3BIT xx Dobeš, Dolejška
Po ostatní 2023-01-09 N204 N205 14:0016:00Po 9.1. 14-16
Po ostatní 2023-01-16 N204 N205 14:0016:00Po 16.1. 14-16
Po poč. lab 2022-10-03 N204 N205 14:0015:5040 2BIA 2BIB 3BIT xx Šišmiš, Tesařová
Po poč. lab 2022-10-10 N204 N205 14:0015:5040 2BIA 2BIB 3BIT xx Bažout, Kohút
Po poč. lab 2022-10-17 N204 N205 14:0015:5040 2BIA 2BIB 3BIT xx Bambušek, Bažout
Po poč. lab 2022-10-24 N204 N205 14:0015:5040 2BIA 2BIB 3BIT xx Kišš
Po poč. lab 2022-10-31 N204 N205 14:0015:5040 2BIA 2BIB 3BIT xx Beran
Po poč. lab 2022-11-07 N204 N205 14:0015:5040 2BIA 2BIB 3BIT xx Dobeš, Dolejška
Po ostatní 2023-01-09 N204 N205 16:0018:00Po 9.1. 16-18
Po ostatní 2023-01-16 N204 N205 16:0018:00Po 16.1. 16-18
Po poč. lab 2022-10-03 N204 N205 16:0017:5040 2BIA 2BIB 3BIT xx Šišmiš, Tesařová
Po poč. lab 2022-10-10 N204 N205 16:0017:5040 2BIA 2BIB 3BIT xx Bažout, Kohút
Po poč. lab 2022-10-17 N204 N205 16:0017:5040 2BIA 2BIB 3BIT xx Bambušek, Bažout
Po poč. lab 2022-10-24 N204 N205 16:0017:5040 2BIA 2BIB 3BIT xx Kišš
Po poč. lab 2022-10-31 N204 N205 16:0017:5040 2BIA 2BIB 3BIT xx Beran
Po poč. lab 2022-11-07 N204 N205 16:0017:5040 2BIA 2BIB 3BIT xx Dobeš, Dolejška
Út ostatní 2023-01-10 N204 N205 08:0010:00Út 10.1. 08-10
Út poč. lab 2022-10-04 N204 N205 08:0009:5040 2BIA 2BIB 3BIT xx Šišmiš, Tesařová
Út poč. lab 2022-10-11 N204 N205 08:0009:5040 2BIA 2BIB 3BIT xx Bažout, Kohút
Út poč. lab 2022-10-18 N204 N205 08:0009:5040 2BIA 2BIB 3BIT xx Bambušek, Bažout
Út poč. lab 2022-10-25 N204 N205 08:0009:5040 2BIA 2BIB 3BIT xx Kišš
Út poč. lab 2022-11-01 N204 N205 08:0009:5040 2BIA 2BIB 3BIT xx Beran
Út poč. lab 2022-11-08 N204 N205 08:0009:5040 2BIA 2BIB 3BIT xx Dobeš, Dolejška
Út ostatní 2023-01-10 N204 N205 10:0012:00Út 10.1. 10-12
Út poč. lab 2022-10-04 N204 N205 10:0011:5040 2BIA 2BIB 3BIT xx Šišmiš, Tesařová
Út poč. lab 2022-10-11 N204 N205 10:0011:5040 2BIA 2BIB 3BIT xx Bažout, Kohút
Út poč. lab 2022-10-18 N204 N205 10:0011:5040 2BIA 2BIB 3BIT xx Bambušek, Bažout
Út poč. lab 2022-10-25 N204 N205 10:0011:5040 2BIA 2BIB 3BIT xx Kišš
Út poč. lab 2022-11-01 N204 N205 10:0011:5040 2BIA 2BIB 3BIT xx Beran
Út poč. lab 2022-11-08 N204 N205 10:0011:5040 2BIA 2BIB 3BIT xx Dobeš, Zavřel
Út ostatní 2023-01-10 N204 N205 12:0014:00Út 10.1. 12-14
Út poč. lab 2022-10-04 N204 N205 12:0013:5040 2BIA 2BIB 3BIT xx Šišmiš, Tesařová
Út poč. lab 2022-10-11 N204 N205 12:0013:5040 2BIA 2BIB 3BIT xx Bažout, Kohút
Út poč. lab 2022-10-18 N204 N205 12:0013:5040 2BIA 2BIB 3BIT xx Bambušek, Bažout
Út poč. lab 2022-10-25 N204 N205 12:0013:5040 2BIA 2BIB 3BIT xx Kišš
Út poč. lab 2022-11-01 N204 N205 12:0013:5040 2BIA 2BIB 3BIT xx Beran
Út poč. lab 2022-11-08 N204 N205 12:0013:5040 2BIA 2BIB 3BIT xx Dobeš, Zavřel
Út ostatní 2023-01-10 N204 N205 14:0016:00Út 10.1. 14-16
Út poč. lab 2022-10-04 N204 N205 14:0015:5040 2BIA 2BIB 3BIT xx Šišmiš, Tesařová
Út poč. lab 2022-10-11 N204 N205 14:0015:5040 2BIA 2BIB 3BIT xx Bažout, Kohút
Út poč. lab 2022-10-18 N204 N205 14:0015:5040 2BIA 2BIB 3BIT xx Bambušek, Bažout
Út poč. lab 2022-10-25 N204 N205 14:0015:5040 2BIA 2BIB 3BIT xx Kišš
Út poč. lab 2022-11-01 N204 N205 14:0015:5040 2BIA 2BIB 3BIT xx Beran
Út poč. lab 2022-11-08 N204 N205 14:0015:5040 2BIA 2BIB 3BIT xx Dobeš, Zavřel
Út ostatní 2023-01-10 N204 N205 16:0018:00Út 10.1. 16-18
Út poč. lab 2022-10-04 N204 N205 16:0017:5040 2BIA 2BIB 3BIT xx Šišmiš, Tesařová
Út poč. lab 2022-10-11 N204 N205 16:0017:5040 2BIA 2BIB 3BIT xx Bažout, Kohút
Út poč. lab 2022-10-18 N204 N205 16:0017:5040 2BIA 2BIB 3BIT xx Bambušek, Bažout
Út poč. lab 2022-10-25 N204 N205 16:0017:5040 2BIA 2BIB 3BIT xx Kišš
Út poč. lab 2022-11-01 N204 N205 16:0017:5040 2BIA 2BIB 3BIT xx Beran
Út poč. lab 2022-11-08 N204 N205 16:0017:5040 2BIA 2BIB 3BIT xx Dobeš, Dolejška
St ostatní 2023-01-11 N204 N205 08:0010:00St 11.1. 08-10
St poč. lab 2022-10-05 N204 N205 08:0009:5040 2BIA 2BIB 3BIT xx Šišmiš, Tesařová
St poč. lab 2022-10-12 N204 N205 08:0009:5040 2BIA 2BIB 3BIT xx Bažout, Kohút
St poč. lab 2022-10-19 N204 N205 08:0009:5040 2BIA 2BIB 3BIT xx Bambušek, Bažout
St poč. lab 2022-10-26 N204 N205 08:0009:5040 2BIA 2BIB 3BIT xx Kišš
St poč. lab 2022-11-02 N204 N205 08:0009:5040 2BIA 2BIB 3BIT xx Beran
St poč. lab 2022-11-09 N204 N205 08:0009:5040 2BIA 2BIB 3BIT xx Dobeš, Dolejška
St ostatní 2023-01-11 N204 N205 10:0012:00St 11.1. 10-12
St poč. lab 2022-10-05 N204 N205 10:0011:5040 2BIA 2BIB 3BIT xx Šišmiš, Tesařová
St poč. lab 2022-10-12 N204 N205 10:0011:5040 2BIA 2BIB 3BIT xx Bažout, Kohút
St poč. lab 2022-10-19 N204 N205 10:0011:5040 2BIA 2BIB 3BIT xx Bambušek, Bažout
St poč. lab 2022-10-26 N204 N205 10:0011:5040 2BIA 2BIB 3BIT xx Kišš
St poč. lab 2022-11-02 N204 N205 10:0011:5040 2BIA 2BIB 3BIT xx Beran
St poč. lab 2022-11-09 N204 N205 10:0011:5040 2BIA 2BIB 3BIT xx Dobeš, Zavřel
St ostatní 2023-01-11 N204 N205 12:0014:00St 11.1. 12-14
St ostatní 2023-01-11 N204 N205 14:0016:00St 11.1. 14-16
St ostatní 2023-01-11 N204 N205 16:0018:00St 11.1. 16-18
Čt přednáška 1., 5., 10., 11., 13. výuky D0206 D105 13:0014:509999 2BIA 2BIB 3BIT xx 10 - 19 Beran
Čt přednáška 2., 12. výuky D0206 D105 13:0014:509999 2BIA 2BIB 3BIT xx 10 - 19 Tesařová
Čt přednáška 2022-10-06 D0206 D105 13:0014:509999 2BIA 2BIB 3BIT xx 10 - 19 Zemčík
Čt přednáška 2022-10-13 D0206 D105 13:0014:509999 2BIA 2BIB 3BIT xx 10 - 19 Mlích
Čt přednáška 2022-10-27 D0206 D105 13:0014:509999 2BIA 2BIB 3BIT xx 10 - 19 Hrubý
Čt přednáška 2022-11-03 D0206 D105 13:0014:509999 2BIA 2BIB 3BIT xx 10 - 19 Pluskal
Čt přednáška 2022-11-10 D0206 D105 13:0014:509999 2BIA 2BIB 3BIT xx 10 - 19 Herout

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

Nahoru