Skip to Content
Last modified by Carina Enke on 13.02.2024
Show last authors
1 (% class="macro-layout" %)
2 (((
3 (% class="macro-layout-section single" %)
4 (((
5 (% class="macro-layout-cell" %)
6 (((
7
8 )))
9 )))
10
11 Here you will find an easy introduction to the user interface and general navigation in the learning platform. For a better understanding of the explanations provided, you will find various sample images of the presented views both on a regular PC (desktop view) and on a tablet or smartphone (mobile view).
12 )))
13
14 (% class="macro-layout" %)
15 (((
16 (% class="macro-layout-section single" %)
17 (((
18 (% class="macro-layout-cell" %)
19 (((
20 == Desktop view (PC, large screen) ==
21
22 After logging in, you will first see your personal **home page**. Like all other pages, your home page is structured as follows:
23
24 (% class="wrapped" %)
25 |=(((
26 Upper section
27 )))|(((
28 Next to the logo of your system, you will see the search window, your username with access to profile settings, notes on system messages as well as the help and logout function.
29
30 Below is the opened tab titled **Home page**. Together with all the entries to its right, it makes up the **main navigation** in the desktop view.
31 )))|(% rowspan="3" %)(% rowspan="3" %)
32 (((
33 (% class="content-wrapper" %)
34 (((
35 [[image:Allgemeiner Überblick_en.png||alt="System - Allgemeiner Überblick_en.png" data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
36 )))
37 )))
38 |=(((
39 Middle section
40 )))|(((
41 The middle section displays the content of the respective tab.
42 )))
43 |=(((
44 Lower section
45 )))|(((
46 Here you will find, among other things, the terms of use, privacy policy, imprint and information about the last functional system changes.
47 )))
48
49 (((
50 ===
51 Sections of the desktop main navigation ===
52
53 The main navigation of the system is always visible in the upper part of the screen. However, its entries are preconfigured and cannot be closed by the users themselves.
54
55 In contrast, learning resources such as courses are displayed in dynamic entries to the right of the static ones. You can close dynamic entries with the small cross in the upper right corner.
56
57 All entries with these design variants are generally referred to as **tabs**.
58
59 [[image:Hauptnavigation_en.png||alt="Desktop - Hauptnavigation_en.png" data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
60
61
62 |=Home Page|After logging in, your home page will open by default. It can be customised with [[Portlets>>https://help.bps-system.de/wiki/bin/view/LMS/Meine%20Lernplattform/Startseite%20personalisieren/?language=en]] and used for quick access. If you would like to be taken to a specific course after logging in, use the configuration **Set as** **home page**.
63 |=[[Teach>>doc:LMS.Benutzerhandbuch OPAL.Lernen.WebHome]] & [[Learn>>doc:LMS.Benutzerhandbuch OPAL.Lernen.WebHome]]|In this area, you can view and manage learning resources. These include [[courses>>https://help.bps-system.de/wiki/bin/view/LMS/Lernen/Arbeit%20in%20Kursen/?language=en]], [[groups >>https://help.bps-system.de/wiki/bin/view/LMS/Lernen/Arbeit%20in%20Gruppen/?language=en]]and [[learning content >>https://help.bps-system.de/wiki/bin/view/LMS/Benutzerhandbuch%20OPAL/Lehren/Lerninhalte/?language=en]]in which you are active as well as the [[ePortfolio>>https://help.bps-system.de/wiki/bin/view/LMS/Lernen/ePortfolio/?language=en]], your [[performance results>>doc:LMS.Benutzerhandbuch OPAL.Lernen.Bewertungen und Zertifikate.WebHome]] and the area **Recycle bin**. Authors will be taken to the area for creating resources.
64 |= [[Catalogue>>doc:LMS.Benutzerhandbuch OPAL.Erste Schritte.Kurskatalog.WebHome]]|The catalogue will give you an overview of all existing learning resources. However, only the resources chosen by authors and those which are visible to all users will be displayed.
65 |=Administration|(((
66 This area includes the user and group administration as well as the system administration. It is only visible to users with extended roles and rights.
67 )))
68
69 (((
70 (% class="box xwikirenderingerrordescription hidden" %)
71 (((
72 Das Makro [includeplus] befindet sich nicht in der Liste der registrierten Makros. Überprüfen Sie die Schreibweise oder wenden Sie sich an Ihren Administrator.
73 )))
74
75 == ==
76
77 == Mobile view (smartphone, small screen) ==
78
79 (% class="wrapped" %)
80 |=(((
81 Upper section
82 )))|(((
83 In the mobile view, this is where you will find access to the main navigation and the title of the currently opened section. 
84 )))|(% rowspan="3" %)(% rowspan="3" %)
85 (((
86 (% class="content-wrapper" %)
87 (((
88 [[image:Mobil - Überblick_en.png||data-xwiki-image-style-border="true" height="570" width="350"]]
89 )))
90 )))
91 |=(((
92 Middle section
93 )))|(((
94 The middle section displays the content of the respective tab.
95 )))
96 |=(((
97 Lower section
98 )))|(((
99 Here you will find, among other things, the terms of use, privacy policy, imprint and information about the last functional system changes.
100 )))
101
102 (((
103 ===
104 \\Main navigation in the mobile view ===
105 )))
106
107 The main navigation on mobile devices is done via a dynamic menu. (% style="letter-spacing:0.0px" %)It opens with a click on the [[image:/wiki/bin/download/LMS/Erste%20Schritte/Benutzeroberflaeche%20und%20Navigation/WebHome/%2Fwiki%2Fbin%2Fdownload%2FLMS%2FFirst%2520Steps%2FBenutzeroberflaeche%2520und%2520Navigation%2FIcons%2FWebHome%2FIcon_Men%25C3%25BC%2520Mobil.png||alt="Icon_Menü Mobil.png"]] button in the upper left corner. You will then have the same choices as in the desktop view.
108
109 [[image:Mobil - Überblick Navigation_en.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
110
111 == Comparison of the menu navigation in the desktop and mobile view ==
112
113 Within different areas such as the Teach & Learn tab, courses and individual learning resources, the menu will always be displayed to the left of the content.
114
115 Any existing substructures can be identified by a small expand icon **preceding **the entry. Click on this icon to open or close hidden substructures.
116
117 If you directly click **on** an entry in a substructure, its content will be displayed in the middle page area.
118
119 (% class="wrapped" %)
120 |=(((
121
122 )))|=(((
123 Desktop view
124 )))|=(((
125 Mobile view
126 )))
127 |(((
128 **Teach & Learn**
129 )))|(((
130 (% class="content-wrapper" %)
131 (((
132 [[image:Desktop - Lehren und Lernen Übersicht_en.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
133 )))
134 )))|(((
135 (% class="content-wrapper" %)
136 (((
137 [[image:Desktop - Lehren und Lernen Übersicht_en.png||alt="Mobil - Lehren und Lernen Übersicht_en.png" data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
138 )))
139 )))
140 |(((
141 **Course**
142 )))|(((
143 (% class="content-wrapper" %)
144 (((
145 [[image:Desktop - Navigationsmenü im Kurs_en.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
146 )))
147 )))|(((
148 (% class="content-wrapper" %)
149 (((
150 [[image:Mobil - Navigationsmenü im Kurs_en.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
151 )))
152 )))
153
154 (% class="box infomessage" %)
155 (((
156 The respective menu depends on your role and rights in the system, as well as on the visibility and access settings within courses. **Authors **benefit from advanced options.
157 )))
158 )))
159 )))
160 )))
161 )))
162 )))