

{"id":39716,"date":"2023-07-07T10:52:39","date_gmt":"2023-07-07T08:52:39","guid":{"rendered":"https:\/\/blog.hwr-berlin.de\/elerner\/?p=39716"},"modified":"2023-07-14T08:45:30","modified_gmt":"2023-07-14T06:45:30","slug":"die-neue-navigation-in-moodle-4-x","status":"publish","type":"post","link":"https:\/\/blog.hwr-berlin.de\/elerner\/die-neue-navigation-in-moodle-4-x\/","title":{"rendered":"Die neue Navigation in Moodle 4.x"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8220;1&#8243; prev_background_color=&#8220;#ffffff&#8220; admin_label=&#8220;section&#8220; _builder_version=&#8220;4.16.0&#8243; background_color=&#8220;#F0F0F1&#8243; min_height=&#8220;314.7px&#8220; custom_margin=&#8220;||-30px|||&#8220; custom_padding=&#8220;31px||31px||true|false&#8220; top_divider_style=&#8220;mountains2&#8243; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;][et_pb_row admin_label=&#8220;row&#8220; _builder_version=&#8220;4.16&#8243; background_size=&#8220;initial&#8220; background_position=&#8220;top_left&#8220; background_repeat=&#8220;repeat&#8220; width=&#8220;90.2%&#8220; custom_padding=&#8220;61px||27px|||&#8220; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.16&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220; theme_builder_area=&#8220;post_content&#8220;][et_pb_blurb title=&#8220;Einheitliche Muster und mehr Intuition&#8220; icon_placement=&#8220;left&#8220; content_max_width=&#8220;1100px&#8220; _builder_version=&#8220;4.16.0&#8243; _module_preset=&#8220;default&#8220; header_font=&#8220;||||||||&#8220; header_text_color=&#8220;#D50C2F&#8220; custom_margin=&#8220;|-49px||-119px||&#8220; custom_margin_tablet=&#8220;|0px||0px|false|false&#8220; custom_margin_phone=&#8220;|0px||0px|false|false&#8220; custom_margin_last_edited=&#8220;on|tablet&#8220; custom_padding=&#8220;|0px||0px||&#8220; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;]<\/p>\n<p>Bisher gliederte sich die Moodle-Navigation in zahlreiche Pfade und verwirrte damit einige Nutzende. Das Ziel bei Moodle 4.0 war es, die Navigation so zu verbessern, dass bestimmte Einstellungen schneller erreichbar sind. Dabei werden einheitliche Muster f\u00fcr die Navigationspfade in Moodle angewendet. Die <span>prim\u00e4re Navigation ist jetzt horizontal und weist eine kleine Anzahl fester Kategorien auf. <\/span>Diese Kategorien sind kontextuell relevante Navigationsoptionen, die intuitiv und schneller zum gew\u00fcnschten Ziel f\u00fchren. Ein weiterer Schwerpunkt lag darauf, dass die Navigation sowohl auf Desktop-Ansichten als auch auf mobilen Ansichten ein einheitliches Erscheinungsbild aufweist. Im Mittelpunkt standen dabei die Navigationserfahrungen von Studierenden und Lehrenden.<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8220;1&#8243; prev_background_color=&#8220;#F0F0F1&#8243; admin_label=&#8220;section&#8220; _builder_version=&#8220;4.16.0&#8243; background_color=&#8220;#FFFFFF&#8220; min_height=&#8220;1903.7px&#8220; custom_padding=&#8220;21px||21px||true|false&#8220; top_divider_style=&#8220;mountains2&#8243; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;][et_pb_row admin_label=&#8220;row&#8220; _builder_version=&#8220;4.16.0&#8243; background_size=&#8220;initial&#8220; background_position=&#8220;top_left&#8220; background_repeat=&#8220;repeat&#8220; custom_padding=&#8220;||6px|||&#8220; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.16&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220; theme_builder_area=&#8220;post_content&#8220;][et_pb_text _builder_version=&#8220;4.16.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;]<\/p>\n<h4>Horizontale Navigationsebenen<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.16.0&#8243; _module_preset=&#8220;default&#8220; custom_padding=&#8220;3px|||||&#8220; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;]<\/p>\n<p>Sie werden viele Elemente im oberen Prim\u00e4rbalken der Startseite wiedererkennen. &#8222;Kurse suchen&#8220; versteckt sich jetzt hinter dem Icon der Lupe. Die pers\u00f6nlichen Spracheinstellungen lassen sich mit vielen anderen Funktionen mit dem kleinen Pfeil neben dem Bild aufrufen. Den gr\u00f6\u00dferen &#8222;Bearbeitungsbutton&#8220; als Schieberegler finden Sie einheitlich immer rechts oben.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8220;https:\/\/blog.hwr-berlin.de\/elerner\/wp-content\/uploads_elerner\/2023\/07\/Moodle-Startseite.jpg&#8220; title_text=&#8220;Moodle Startseite&#8220; _builder_version=&#8220;4.16.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;][\/et_pb_image][et_pb_text _builder_version=&#8220;4.16.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;]<\/p>\n<p><em>Abb. 1: Prim\u00e4rnavigation in Moodle alt vs. neu<\/em><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8220;4.16.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.16.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;][et_pb_text _builder_version=&#8220;4.16.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;]<\/p>\n<p><span>Auch in der n\u00e4chsten Navigationsebene werden die Navigationspunkte horizontal als Tabs angezeigt. Wenn ein Tab aktiv ist, wird er durch eine Markierung unterhalb des Tabs hervorgehoben und bei Ber\u00fchrung wird angezeigt, welcher Tab als n\u00e4chstes ausgew\u00e4hlt werden kann.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.16.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;]<\/p>\n<p><span><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-14\" class=\"h5p-iframe\" data-content-id=\"14\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Bearbeitungsoptionen\"><\/iframe><\/div><\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8220;1_2,1_2&#8243; admin_label=&#8220;row&#8220; _builder_version=&#8220;4.16&#8243; background_size=&#8220;initial&#8220; background_position=&#8220;top_left&#8220; background_repeat=&#8220;repeat&#8220; custom_padding=&#8220;25px|||||&#8220; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;][et_pb_column type=&#8220;1_2&#8243; _builder_version=&#8220;4.16&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220; theme_builder_area=&#8220;post_content&#8220;][et_pb_image src=&#8220;https:\/\/blog.hwr-berlin.de\/elerner\/wp-content\/uploads_elerner\/2023\/07\/NavigationForum.jpg&#8220; title_text=&#8220;NavigationForum&#8220; _builder_version=&#8220;4.16.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;][\/et_pb_image][et_pb_text _builder_version=&#8220;4.16.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;]<\/p>\n<p><em>Abb. 3 Navigationsstruktur in einer Aktivit\u00e4t<\/em><\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8220;1_2&#8243; _builder_version=&#8220;4.16&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220; theme_builder_area=&#8220;post_content&#8220;][et_pb_text _builder_version=&#8220;4.16.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;]<\/p>\n<p>Die Navigation ist immer kontextbezogen und damit ver\u00e4nderlich. Bewegt man sich z. B. bei den Kurseinstellungen, bleiben die o.a. Tabs erhalten. Ist man in den Einstellungen bei einzelnen Aktivit\u00e4ten passt sich die obere Leiste an und dient dann der Orientierung im Kurs.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8220;1_2,1_2&#8243; admin_label=&#8220;row&#8220; _builder_version=&#8220;4.16.0&#8243; background_size=&#8220;initial&#8220; background_position=&#8220;top_left&#8220; background_repeat=&#8220;repeat&#8220; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;][et_pb_column type=&#8220;1_2&#8243; _builder_version=&#8220;4.16&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220; theme_builder_area=&#8220;post_content&#8220;][et_pb_text _builder_version=&#8220;4.16.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;]<\/p>\n<p>Im Zentrum der neuen Navigation steht die Intuition. Aber nat\u00fcrlich muss man sich an neue Wege erst gew\u00f6hnen, insbesondere dann, wenn Nutzende schon l\u00e4nger auf Moodle unterwegs sind. Ich hatte am Anfang z. B. Probleme damit, die Einschreibemethoden zu finden. Der Weg \u00fcber &#8222;Nutzer\/innen&#8220; ist logisch, aber das Drop-Down-Men\u00fc habe ich anfangs \u00fcbersehen.<\/p>\n<p>Auch den Unterpunkt &#8222;Gruppen&#8220; erreichen Sie auf diesem Weg.<\/p>\n<p>Der Import &#8211; den ich ebenfalls anfangs erst mal suchte &#8211; verbirgt sich jetzt hinter dem Pfad:<\/p>\n<p>&#8222;Mehr &gt;&gt;&gt; Kurse wiedervervenden&#8220;<\/p>\n<p>&nbsp;<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8220;1_2&#8243; _builder_version=&#8220;4.16&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220; theme_builder_area=&#8220;post_content&#8220;][et_pb_image src=&#8220;https:\/\/blog.hwr-berlin.de\/elerner\/wp-content\/uploads_elerner\/2023\/07\/Einschreibemethoden.jpg&#8220; title_text=&#8220;Einschreibemethoden&#8220; _builder_version=&#8220;4.16.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;][\/et_pb_image][et_pb_text _builder_version=&#8220;4.16.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;]<\/p>\n<p><em>Abb. 3 Drop-Down-Men\u00fc im Bereich &#8222;Nutzer\/innen&#8220;<\/em><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8220;1&#8243; prev_background_color=&#8220;#FFFFFF&#8220; next_background_color=&#8220;#ffffff&#8220; admin_label=&#8220;section&#8220; _builder_version=&#8220;4.16.0&#8243; background_color=&#8220;#F0F0F1&#8243; custom_padding=&#8220;76px||76px||true|false&#8220; top_divider_style=&#8220;mountains2&#8243; bottom_divider_style=&#8220;mountains2&#8243; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;][et_pb_row admin_label=&#8220;row&#8220; _builder_version=&#8220;4.16&#8243; background_size=&#8220;initial&#8220; background_position=&#8220;top_left&#8220; background_repeat=&#8220;repeat&#8220; custom_padding=&#8220;32px||27px|||&#8220; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.16&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220; theme_builder_area=&#8220;post_content&#8220;][et_pb_blurb title=&#8220;Einklappbare Seitenleisten&#8220; icon_placement=&#8220;left&#8220; content_max_width=&#8220;1100px&#8220; _builder_version=&#8220;4.16.0&#8243; _module_preset=&#8220;default&#8220; header_font=&#8220;||||||||&#8220; header_text_color=&#8220;#D50C2F&#8220; global_colors_info=&#8220;{}&#8220; theme_builder_area=&#8220;post_content&#8220;]<\/p>\n<p>Auch die Seitenleisten haben sich etwas ge\u00e4ndert. Diese sind auf beiden Seiten einklappbar.\u00a0 Wenn man fokussiert arbeiten will, hat man eine \u00fcbersichtliche Seitengestaltung. \u00dcber das Hamburgermen\u00fc holt man sich die linke Seitenleiste mit dem Kursindex zur\u00fcck, die rechte Seitenleiste ist \u00fcber den Pfeil nach links eingeblendet.<\/p>\n<p>Im Kursindex wird \u00fcbersichtlich dargestellt, welche Aktivit\u00e4ten schon abgeschlossen sind. Wenn das &#8222;Bearbeiten&#8220; eingeschaltet ist, k\u00f6nnen Sie au\u00dferdem direkt im Kursindex Arbeitsmaterialien und Aktivit\u00e4ten an andere Stellen im Kurs verschieben.<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Die neue Navigation in Moodle 4.0 soll eine intuitivere Benutzererfahrung erm\u00f6glichen. Die Navigationsmen\u00fcs in Moodle werden im oberen Bereich der Seite angezeigt. Dabei werden spezielle Markierungen verwendet, um den Benutzern deutlich zu machen, auf welcher Seite sie sich gerade befinden und wohin sie navigieren k\u00f6nnen.<\/p>\n","protected":false},"author":8,"featured_media":39453,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"categories":[2676,2666,413],"tags":[2917,143,1055,2581],"class_list":["post-39716","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elz","category-lehre_studium","category-moodle","tag-bedienung","tag-moodle","tag-moodlekurse","tag-navigation"],"_links":{"self":[{"href":"https:\/\/blog.hwr-berlin.de\/elerner\/wp-json\/wp\/v2\/posts\/39716","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.hwr-berlin.de\/elerner\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.hwr-berlin.de\/elerner\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.hwr-berlin.de\/elerner\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.hwr-berlin.de\/elerner\/wp-json\/wp\/v2\/comments?post=39716"}],"version-history":[{"count":14,"href":"https:\/\/blog.hwr-berlin.de\/elerner\/wp-json\/wp\/v2\/posts\/39716\/revisions"}],"predecessor-version":[{"id":39753,"href":"https:\/\/blog.hwr-berlin.de\/elerner\/wp-json\/wp\/v2\/posts\/39716\/revisions\/39753"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.hwr-berlin.de\/elerner\/wp-json\/wp\/v2\/media\/39453"}],"wp:attachment":[{"href":"https:\/\/blog.hwr-berlin.de\/elerner\/wp-json\/wp\/v2\/media?parent=39716"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.hwr-berlin.de\/elerner\/wp-json\/wp\/v2\/categories?post=39716"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.hwr-berlin.de\/elerner\/wp-json\/wp\/v2\/tags?post=39716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}