Learning map

Activities ::: mod_learningmap
Maintained by Mebis Lernplattform
A learning map provides an easy way of improving the visualization of activities and their completion state in a moodle course. It can be used for easy creation of dependent activities and individualization of learning paths.
Latest release:
1322 sites
843 downloads
65 fans
Current versions available: 2

Learning maps

A learning map provides an easy way of improving the visualization of activities in a moodle course. Activities are represented as places (i.e. dots) on the map, connected by paths (i.e. lines). Activities and paths are initially invisible. Every time an activity attached to a place is completed, the place changes its color (e.g. from red to green) and all connected paths and places are gradually revealed.

Use of learning maps

Learning maps can be used in many ways. They can include all activities of a course or only parts of it. They can also be nested to have different map levels (e.g. one big map for a complete school year, containing smaller maps for each topic). Usually the activities shown in the map are hidden but available for the participants. By this means, the learning map can provide an easy way of creating a path of dependent activities without the necessity of using moodle access restrictions. Learning maps can be embedded on the course page (like a label) or shown on a separate page (like a page). You can include any activity with any type of activity completion in a learning map.

Start and completion

On a learning map you can define visible starting places. The first place you put on the map is a starting place by default. You can also define places as target places. They can be used for automatic completion of the map in three different ways: 1. The map is completed if one target place is reached (i.e. the linked activity is completed), 2. all target places are reached, 3. all places are reached. This is very convenient when using nested maps. As a consequence, learning maps can also be used to replace parts of the function of mod_checklist.

Features

As a background image, you can use any image which can be viewed in a web browser (e.g. JPG, PNG, GIF, SVG). The map is resized to the size of the image and fully responsive. You can change the color of places (different colors for visited / unvisited places) and the lines of places and paths. Target places are highlighted for the participants. If necessary, you can also hide the paths or show a checkmark at visited places. The map is always updated when the completion state of a linked activity changes. If the learning map is embedded on a course page and manual completion of a linked activity is triggered, a page reload is forced to keep the map status correct. If an activity has additional restrictions (e.g. visible only after a certain date), learning map will display it only if these restrictions are fulfilled.

The plugin also supports group mode. When it is selected, it is sufficient for a place to be shown, that one member of the group has completed the previous place.

Further features (available at the advanced settings menu in the editor) include

  • showing the whole map in advance (unreachable places and paths being dimmed)
  • showing the acitivity titles next to places
  • uncovering the map step-by-step, unreachable places being hidden behind some kind of fog
  • showing the path the participant took through the map
  • hiding paths from the students (the dependencies built by the paths remain functional)
  • pulse animation for unvisited places
  • hover animation for places
  • hiding the stroke of places
  • displaying a checkmark at completed places

Use of the editor

Using the editor is very easy:

  1. Choose your background image - it will be immediately shown in the map editor
  2. Add places (double click on the map)
  3. Link places to activities (right click on the place)
  4. Connect places by a (single) click on both places
  5. Remove paths / places by double-clicking them
  6. Bend paths by dragging them

If a place is not linked to an activity it is shown with reduced opacity.

The editor has basic touch support (single tap = click, double tap = double click, long tap = right click).

Screenshots

Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3
Screenshot #4
Screenshot #5
Screenshot #6
Screenshot #7
Screenshot #8

Contributors

Mebis Lernplattform (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Ute Heck
    Mon, 30 May 2022, 11:42 PM
    Hallo Stefan,
    danke für die Antwort. Ich habe nochmals die neuste Version installiert, aber leider funktioniert es immer noch nicht sad Aber es ist nicht so dringend. Ich probiere es vielleicht mal mit einer späteren Version.
    Liebe Grüße
    Ute
  • Stefan Hanauska
    Mon, 30 May 2022, 11:50 PM
    Hallo Ute,
    schick mir doch mal (über das Mitteilungssystem) eine E-Mail-Adresse, unter der ich dich erreichen kann. Dann können wir mal auf Fehlersuche gehen.
    Viele Grüße
    Stefan
  • Carli Cockrell
    Fri, 26 Aug 2022, 4:57 AM
    Hello developers,

    This plugin has a lot of great potential and a lot of fun! We were wondering if keyboard avigation on the map to the different points was on your roadmap? In order to keep things as accessible as possible, we would have to still structure alternative navigation to use it as the different "places" can't be accessed using keyboard navigation.

    Thanks!
  • Stefan Hanauska
    Fri, 26 Aug 2022, 9:24 PM
    Hi Carli,
    thanks a lot for your comment and your feature suggestion! Feel free to open a ticket in our issue tracker.
    Best regards
    Stefan
  • Tien Nguyen
    Sun, 28 Aug 2022, 11:25 AM
    Amazing plugin and really brings the presentation of my courses to the next level.
    Wondering if it's possible to make the path between the points a bezier curve that can be adjusted?
    Or tips on how the code can be modified to add this feature. Thanks again for the Next-level plugin.
  • Stefan Hanauska
    Sun, 28 Aug 2022, 12:43 PM
    Hi Tien,
    thanks a lot for your feedback! Bezier curves are already prepared in the data structure of the SVG but not yet implemented. If you want to make a contribution, you can either contact me here via messaging or you can open an issue on Github.
    Best regards
    Stefan
  • Maimouna Abdallah
    Wed, 26 Oct 2022, 2:22 PM
    Hello Stefan, think you for this plugin, so amazing ! do you know why it does not work in Moodle 3.9 ?

    we have this error "Exception : Class 'core_completion\activity_custom_completion' not found"

    Best regards
    Maimouna
  • Stefan Hanauska
    Fri, 28 Oct 2022, 11:52 PM
    Hi Maimouna,
    thanks a lot for your feedback and for reporting the issue! We will provide a separate branch for moodle 3.9 / 3.10 as soon as it's ready.
    Please be aware that we will drop support for moodle 3.9 / 3.10 at some point (there is no date for this yet).
    Best regards
    Stefan
  • Maimouna Abdallah
    Wed, 2 Nov 2022, 3:09 PM
    Thinks for your answer Stefam

    Best geards
    Maimouna
  • Stefan Hanauska
    Mon, 14 Nov 2022, 6:38 PM
    Hi Maimouna,

    version 0.8.2 now fixes the compatibility problem. The plugin should now work in version 3.9 and 3.10.

    Best regards
    Stefan
  • Sandra Janisch
    Wed, 16 Nov 2022, 4:27 PM
    Hello Stefan!
    This is a really great PlugIn. Would it be possible to provide maps or images directly in the plugin?
    Best regards
    Sandra
  • Stefan Hanauska
    Thu, 17 Nov 2022, 5:58 PM
    Hi Sandra,
    thanks a lot for your positive feedback!
    We decided not to include images directly in the plugin as there is the repository plugin type to handle that already. Maybe you could use Pixabay repository or something similar - it integrates well with mod_learningmap.
    Best regards
    Stefan
  • Brian Evans
    Tue, 10 Jan 2023, 7:25 PM
    Hallo,

    Vielen Dank für dieses Plugin! Es ist echt Toll, und meine Schüler genießen es wirklich.

    Danke für die tolle Arbeit,
    Brian
  • Eduardo Marques Duarte
    Thu, 14 Sep 2023, 3:14 AM
    hello,

    We are using this plugin and really like its usability in the browser. But, we would really like to be able to use it on the APP. Can you guide us, as we are identifying incompatibility when opening the Map.

    We await news.
  • Gube engen
    Thu, 22 Feb 2024, 6:21 PM
    Hello, is there any way of resizing the circle? it is set to 10 I edit css using r: 10; but it doesn't make any difference... Thanks
1 2
Please login to post comments