Main View
This is the landing page, it is based on two components: the faceted search filters (VideoLectureFilters.vue) and the lecture cards (Lectures.vue and LectureCard.vue).
Basically, the faceted search is split into three levels (see Figure 1). Initially, you must choose the department, then the available study programs belonging to that department are shown. After a study program is chosen, the list of modules associated with that study program are listed. Finally you choose a module and the video lectures belonging to that module are listed below (see Figure 2).
Figure 1. Homepage of eLectures@THB
The lecture cards are filled with information from each video lecture that matches the selections in the faceted search. Here you can find the headline, description, lecturer(s), and the length of the video lecture along with its logo. When you click a lecture card, the view changes to the video view.
Figure 2. Lecture Cards on the homepage of eLectures@THB