|
Lecturer(s)
|
-
Šorejs Pavel, Ing. Ph.D.
-
Vrba Jan, Ing. Ph.D.
-
Trapp Michal, Ing. Ph.D.
|
|
Course content
|
1: Introduction, types of human-computer interface 2: GUI design, ergonomy, examples of good and bad user interface 3: Architectonical and design patterns suitable for GIU programming 4: Javascript and GUI - basic informations about the technology 5: Javascript - overview of basic components 6: Javascript - events handling, flow of events within the application 7: Javascript - complex components 8: Javascript - transformations, animations 9: Javascript - GUI testing, testable GUI, automatic and manual testing 10: Localisation and internacionalisation 11, 12: Types of human-computer inteface, user interface for advanced users 13: Program deployment
|
|
Learning activities and teaching methods
|
Lecture with practical applications, One-to-One tutorial, Task-based study method, Individual study, Lecture with visual aids, Practicum
- Practical training (number of hours)
- 22 hours per semester
- Preparation for an examination (30-60)
- 30 hours per semester
- Contact hours
- 52 hours per semester
|
| prerequisite |
|---|
| Knowledge |
|---|
| rozumět základním principů OOP |
| rozumět syntaxi alespoň jednoho programovacího jazyka a základním principům jeho fungování |
| rozumět fungování kolekcí a podobných datových struktur |
| provést jednoduchou dekompozici při návrhu aplikace |
| Skills |
|---|
| programovat v alespoň jednom programovacím jazce |
| využívat alespoň jedno IDE |
| orientovat se v dokumentaci k API zvoleného jazyka a jeho běžných knihoven |
| ovládat alespoň na základní uživatelské úrovni širokou škálu programů (tak aby měl představu o různých implementacích a využití UI) |
| Competences |
|---|
| N/A |
| N/A |
| N/A |
| N/A |
| learning outcomes |
|---|
| Knowledge |
|---|
| understands component structure of user interface |
| understands the working of standard simple and composed components of the user interface |
| understands the problematics of usability and accessibility of the user interface |
| understands the mechanisms of the event-based programs and reactions on the events |
| understands specific impacts of different computer peripheries on the user interface design |
| Skills |
|---|
| implements presentation layer of the application in the selected technology |
| implements custom components in the selected technology |
| performs decomposition of the application on the layers in the way that the user interface is decoupled from the rest of the application |
| design and evaluate usability of the user interface |
| create tests and scenarios for the testing of the presentation layer of the application |
| presents design and created presentation layer to the peers |
| Competences |
|---|
| N/A |
| N/A |
| N/A |
| After finishing this subject, the student is capable of designing, implementing, and evaluating user interfaces for the non-trivial application. The student is capable of evaluating things related to the technical background of the implementation as well as accessibility, usability, and reliability. |
| teaching methods |
|---|
| Knowledge |
|---|
| Lecture with visual aids |
| Task-based study method |
| Lecture |
| Lecture supplemented with a discussion |
| Self-study of literature |
| Skills |
|---|
| Practicum |
| Students' portfolio |
| Task-based study method |
| Collaborative instruction |
| Individual study |
| Competences |
|---|
| Students' portfolio |
| Discussion |
| assessment methods |
|---|
| Knowledge |
|---|
| Practical exam |
| Seminar work |
| Project |
| The main part of the evaluation is the final project - a custom application designed and implemented by the student and a practical exam based on the implementation of the given task. |
| Skills |
|---|
| Practical exam |
| Seminar work |
| Individual presentation at a seminar |
| Project |
| Competences |
|---|
| Skills demonstration during practicum |
| Individual presentation at a seminar |
|
Recommended literature
|
-
Steve Krug. Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability. 2013. ISBN 9780321965516.
-
Susan Weinschenk. 100 Things Every Designer Needs to Know about People. 2020. ISBN 0136746918.
-
Tejas Kumar. Fluent React. Sebastopol, California. 2024.
-
Thomas, Mark Tielens. React in action. 2018. ISBN 978-1-61729-385-6.
-
Žára, Ondřej. JavaScript : programátorské techniky a webové technologie. 2. vydání. Brno, 2021. ISBN 978-80-251-5026-9.
|