{"id":599,"date":"2026-02-26T12:48:36","date_gmt":"2026-02-26T12:48:36","guid":{"rendered":"https:\/\/ffritze.de\/?p=599"},"modified":"2026-04-21T20:48:07","modified_gmt":"2026-04-21T20:48:07","slug":"knopfnavigator-dijkstra-unplugged","status":"publish","type":"post","link":"https:\/\/ffritze.de\/en\/knopfnavigator-dijkstra-unplugged\/","title":{"rendered":"Button Navigator  - Dijkstra unplugged"},"content":{"rendered":"<p class=\"wp-block-paragraph\">The Dijkstra algorithm is an efficient method for determining the shortest path in a graph. It is widely used in networks, route planners, and many applications in computer science. Due to its ability to find optimal solutions, it plays a central role in graph theory and data analysis.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\">Instructions for Use: Button Navigator \u2013 Dijkstra Unplugged<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li class=\"translation-block\"><strong>Prepare materials<\/strong>: You will need several buttons to serve as nodes, as well as strings to represent the edges between the nodes.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-baaca9a6 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-61d91dc0 wp-block-column-is-layout-flow\" style=\"padding-right:0;padding-left:0;flex-basis:70%\">\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>Create graph<\/strong>: Connect the buttons with the strings by tying them in knots. Each knot represents a point in the graph, and the strings show the connections between these points.<\/li>\n<\/ol>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a46866cc202f&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a46866cc202f\" class=\"wp-block-image size-thumbnail wp-lightbox-container\" style=\"margin-right:0;margin-left:0\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/ffritze.de\/wp-content\/uploads\/2026\/02\/Button-150x150.png\" alt=\"Gedruckter Knopf\" class=\"wp-image-603\" style=\"box-shadow:var(--wp--preset--shadow--natural);aspect-ratio:1;object-fit:cover\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Strings knotted with button<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>Select starting point<\/strong>: Lift the button (or a string at any point) that represents the starting point. This signals that you want to find the shortest path to your destination.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-baaca9a6 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-61d91dc0 wp-block-column-is-layout-flow\" style=\"padding-right:0;padding-left:0;flex-basis:70%\">\n<ol start=\"4\" class=\"wp-block-list\">\n<li><strong>Visualize path<\/strong>: The cords will adjust, and the connected buttons hanging in a line downward will indicate the shortest path to the destination.<\/li>\n<\/ol>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li><strong>Discuss results<\/strong>: Discuss the discovered paths and the functionality of the Dijkstra algorithm using the visual representation.<\/li>\n<\/ol>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a46866cc34b2&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a46866cc34b2\" class=\"wp-block-image size-medium wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"162\" height=\"300\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/ffritze.de\/wp-content\/uploads\/2026\/02\/ziel-162x300.png\" alt=\"Gedruckte Zielmarkierung\" class=\"wp-image-605\" style=\"box-shadow:var(--wp--preset--shadow--natural)\" srcset=\"https:\/\/ffritze.de\/wp-content\/uploads\/2026\/02\/ziel-162x300.png 162w, https:\/\/ffritze.de\/wp-content\/uploads\/2026\/02\/ziel-553x1024.png 553w, https:\/\/ffritze.de\/wp-content\/uploads\/2026\/02\/ziel-768x1423.png 768w, https:\/\/ffritze.de\/wp-content\/uploads\/2026\/02\/ziel-829x1536.png 829w, https:\/\/ffritze.de\/wp-content\/uploads\/2026\/02\/ziel.png 1003w\" sizes=\"auto, (max-width: 162px) 100vw, 162px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">The cord can be clamped into the target for fastening.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">This method allows for a vivid and interactive explanation of the Dijkstra algorithm without technical aids.<\/p>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-82936891 wp-block-group-is-layout-flex\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a46866cc42cd&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a46866cc42cd\" class=\"wp-block-image size-medium wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"196\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/ffritze.de\/wp-content\/uploads\/2026\/02\/Zoo-Karte-300x196.png\" alt=\"Der Graph wird als Zoo-Karte dargestellt\" class=\"wp-image-608\" style=\"box-shadow:var(--wp--preset--shadow--natural)\" srcset=\"https:\/\/ffritze.de\/wp-content\/uploads\/2026\/02\/Zoo-Karte-300x196.png 300w, https:\/\/ffritze.de\/wp-content\/uploads\/2026\/02\/Zoo-Karte-1024x668.png 1024w, https:\/\/ffritze.de\/wp-content\/uploads\/2026\/02\/Zoo-Karte-768x501.png 768w, https:\/\/ffritze.de\/wp-content\/uploads\/2026\/02\/Zoo-Karte-1536x1003.png 1536w, https:\/\/ffritze.de\/wp-content\/uploads\/2026\/02\/Zoo-Karte.png 1889w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">The graph as a zoo map<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-baaca9a6 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-61d91dc0 wp-block-column-is-layout-flow\" style=\"padding-right:0;padding-left:0;flex-basis:70%\">\n<p class=\"wp-block-paragraph\">Modeling the graph as a map, for example of a zoo, particularly increases children\u2019s motivation to engage with the Dijkstra algorithm. Through the visual representation, children can better understand the various nodes and paths. In addition, signposts and thematic elements present the problem in a playful way, making learning both entertaining and educational.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a46866cc521f&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a46866cc521f\" class=\"wp-block-image size-medium wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"180\" height=\"300\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/ffritze.de\/wp-content\/uploads\/2026\/02\/wegweiser-180x300.png\" alt=\"Gedruckter Wegweiser\" class=\"wp-image-609\" style=\"box-shadow:var(--wp--preset--shadow--natural)\" srcset=\"https:\/\/ffritze.de\/wp-content\/uploads\/2026\/02\/wegweiser-180x300.png 180w, https:\/\/ffritze.de\/wp-content\/uploads\/2026\/02\/wegweiser-616x1024.png 616w, https:\/\/ffritze.de\/wp-content\/uploads\/2026\/02\/wegweiser-768x1277.png 768w, https:\/\/ffritze.de\/wp-content\/uploads\/2026\/02\/wegweiser-923x1536.png 923w, https:\/\/ffritze.de\/wp-content\/uploads\/2026\/02\/wegweiser.png 980w\" sizes=\"auto, (max-width: 180px) 100vw, 180px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">The signpost motivates finding the shortest path.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-custom-gelb-transparent-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-27be8982 wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-top-left-radius:25px;border-top-right-radius:25px;border-bottom-left-radius:25px;border-bottom-right-radius:25px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30);box-shadow:var(--wp--preset--shadow--natural)\">\n<h3 class=\"wp-block-heading\">Note on 3D Models<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The parts for the button navigator are available as 3D models for download. You can access them via the following links:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/cults3d.com\/de\/modell-3d\/verschiedene\/knopfnavigator\" target=\"_blank\" rel=\"noreferrer noopener\">Cults3D<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/makerworld.com\/de\/models\/2453402-knopfnavigator\" target=\"_blank\" rel=\"noreferrer noopener\">Makerworld.com<\/a><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The buttons are designed to be snapped on. It is recommended to print all parts in a uniform color, while different buttons should be created in different colors to make it easier to place the grid back onto the map. Destination and signpost signs should also be printed in one color, ideally combined with paired different colors for better clarity.<\/p>\n<\/div>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>","protected":false},"excerpt":{"rendered":"<p>The Dijkstra algorithm is an efficient method for determining the shortest path in a graph. It is widely used in networks, route planners, and many applications in computer science. Due to its ability to find optimal solutions, it plays a central role in graph theory and data analysis.<\/p>","protected":false},"author":2,"featured_media":600,"comment_status":"open","ping_status":"open","sticky":false,"template":"seite-thoughts-beitrag","format":"standard","meta":{"footnotes":""},"categories":[19,35,34],"tags":[44,45,40],"class_list":["post-599","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-algorithms","category-printlab","category-unplugged","tag-dijkstra","tag-model","tag-unplugged"],"_links":{"self":[{"href":"https:\/\/ffritze.de\/en\/wp-json\/wp\/v2\/posts\/599","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ffritze.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ffritze.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ffritze.de\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ffritze.de\/en\/wp-json\/wp\/v2\/comments?post=599"}],"version-history":[{"count":0,"href":"https:\/\/ffritze.de\/en\/wp-json\/wp\/v2\/posts\/599\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ffritze.de\/en\/wp-json\/wp\/v2\/media\/600"}],"wp:attachment":[{"href":"https:\/\/ffritze.de\/en\/wp-json\/wp\/v2\/media?parent=599"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ffritze.de\/en\/wp-json\/wp\/v2\/categories?post=599"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ffritze.de\/en\/wp-json\/wp\/v2\/tags?post=599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}