Course details

User Interface Programming

ITU Acad. year 2022/2023 Winter semester 5 credits

Communication between computers and humans, information throughput of the interfaces, different ways to implement the interfaces, history of user interfaces and development tools, user interfaces of the current operating systems - Windows, iOS, X-Window. and others, event-controlled interfaces in detail, tools for application and user interface programming, traditional, object, and component models of the interface, elements of the user interfaces - buttons, list boxes, edit boxes, etc., properties of the user interface building blocks, future development in user interface design.

Guarantor

Course coordinator

Language of instruction

Czech, English

Completion

Classified Credit (written+oral)

Time span

  • 26 hrs lectures
  • 12 hrs pc labs
  • 14 hrs projects

Assessment points

  • 20 pts mid-term test
  • 25 pts numeric exercises
  • 55 pts projects

Department

Lecturer

Instructor

Subject specific learning outcomes and competences

The students will learn and understand the importance of user interfaces for efficient computer usage. They will learn basic principles and structure of the application and user interface development tools; get acquainted with the history of such development tools and the probable future development. They will experience the user interface development on a series of examples, learn about the common building blocks of the user interfaces, and get familiar with properties of the building blocks in Windows, and understand the differences in X-Window or iOS implementations. They will also get the important skills needed in the development of applications. The students will learn to search team partners and to work in a team. They will also improve their skills in development tools usage and also in practical programming.

Learning objectives

To learn and understand the importance of user interfaces for efficient computer usage. To learn basic principles and structure of the application and user interface development tools. To get acquainted with the history of such development tools and probable future development. To experience the user interface development on a series of examples. To learn about the common building blocks of the user interfaces. To get familiar with properties of the building blocks in Windows, and understand the differences in X-Window or iOS implementations. To get the important skills needed in the development of applications for real-life and student projects.

Why is the course taught

The Graphical User Interface (GUI) is a key element in making computers accessible to people. Nowadays, computer capabilities are unprecedented and the only limit is how people can use the computing power of these machines to communicate with the machine. GUIs are today the most common and yet the most effective way for people to communicate with computers. The ITU course teaches how to create such GUIs using modern technologies.

Prerequisites

Prerequisite knowledge and skills

Basic knowledge of C/C++ programming.

Study literature

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

Fundamental literature

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

Syllabus of lectures

  1. Course organization, introduction to GUI
  2. GUI fundamentals, design and history
  3. GUI programming principles in WinAPI
  4. Advanced tools and libraries for Windows (WPF, .NET)
  5. Qt + QML
  6. Web applications
  7. GUI testing
  8. Mobile platforms
  9. GUI on iOS
  10. GTK (industry, in English)
  11. React
  12. UX in practice + mock-ups (industry)
  13. Final test and Conclusion

Syllabus of computer exercises

During the exercises, small tasks will be solved and the exercises will be scored on an ongoing basis. Practiced technologies are WinAPI, Qt, WPF, web/AJAX and GUI testing design. The work on the exercise is individual and the final solution must be author's.

Syllabus - others, projects and individual work of students

Project in duration throughout the course. The aim of the project is to design, implement, test and evaluate the user interface. The evaluation of the project will focus on these attributes. Projects are solved in teams. The submission of the project takes place electronically and must be accompanied by a defense and demonstration of the results. Defense and demonstration is mandatory and is only possible after electronic submission. The evaluation of the solution must describe the important elements of the solution. The documentation includes everything related to project development, implementation and testing. The defense of the project will be in the exercise laboratories. All dates are posted in the IS.

Progress assessment

  • Final test - up to 20 points
  • Evaluated computer laboratories - up to 25 points
  • Individual projects - up to 55 points

 

Controlled instruction

The monitored activities include individual project, test and evaluated computer laboratories. The test does not have a correction term.

Exam prerequisites

Successful implementation of the project. Students must work independently on their part of the project and develop an author's solution.

Schedule

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

Course inclusion in study plans

  • Programme BIT, 3rd year of study, Compulsory
  • Programme BIT (in English), 3rd year of study, Compulsory
  • Programme IT-BC-3, field BIT, 3rd year of study, Compulsory
Back to top