LA 01 – Moodle Map

Moodle is our online campus at Noroff. In order to gain a complete understanding of the system and make the most out of this resource, we have to know the infrastructure. We were given the task to use pencil and paper, daring to be creative and draw a map of the different areas and elements within Moodle.
It’s been great fun, hard work and interesting for me to work with this Learning Activity, challenging me to get a productive start as a GRA1 online part time student at Noroff. It has given me insight on how Noroff’s website is built, how Moodle works and how I use it. I also felt the challenge daring to be creative and not afraid of doing something wrong since it’s a first test assignment.


1.1       Interpretation of the task
The main goal with this task is to work with the Moodle system so I understand it, learn how to use it and remember «where to find and do what I want to» by illustrating it.

The main challenge for me was daring to be creative and at the same time being able to express the complete structure within Moodle through my idea in the final drawing. Therefore, I chose to create a big drawing (A3) to challenge myself artistically and to include all parts of Moodle.


1.2       Concept and target
The target for this map is myself, my teachers and the readers of my Reflected Journal. It’s been a process for me to get to know Moodle as a working tool and for my teachers and tutors to see that I’ve gain the necessary insight.

The concept I’ve compiled is mind mapping. This is a great way to organize and illustrate complex information.

1.3       Message/ achieved action
With the final result, I want to convey that everything is connected. All the parts in this online course are mutually dependent of each other – a delicate machinery that needs to be nourished. Not only within Moodle, but the complete process – from entering Noroff as an online student, through the studies, achieving knowledge, getting grades – to becoming a Graphic Designer.


2.1       Creative methods
The given task was to use pencil and paper  to draw the map, and I did. It’s been a long time since I’ve been drawing, hence I felt the challenge, but it all worked out. To make the message and structure clearer, I coloured the drawing.

2.2       Inspiration methods
The main inspiration for me was picture web-searches with words like “mind map”, “web structure” for inspiration to the structure of the illustration. Next, I needed to find out how to draw the different elements within the mind map and I searched the web for icons, illustrations and drawings with words like “house”, “heart”, “lungs”, “Union Jack”, “Calendar” etc. See some examples of what I found in the section Moodboards 2.5.

2.3       Analysis
First, I needed to get to know the structure of Moodle, so I used quite a long time getting familiar with all the parts, buttons, links, page-duplicates and contexts. I found out Mind mapping is a commonly used tool to illustrate web-sites. Next, I searched the web and studied earlier student solutions to the task.

Analyzing the Structure of Moodle
Drawing the basic structure of Moodle


2.4       Sketches
The process started with one idea, but the final result came out from a different idea, within the same concept. Below you can see the sketching process, starting with the first idea “Leaving Home to become a Graphic Designer”, ending with the sketch of “Home is where the Heart is”.

The first sketch/ concept
The second sketch of the first concept



The first sketch of the second concept
The final drawing starting with the heart – home – in the middle of the sheet
Getting the details in order
The drawing is done without the colors
The drawing of the Moodle Map is finally done

2.5       Moodboards
Selected examples of inspiration once the complete concept was chosen.


3.0      DESIGN

“Home is where the Heart is” is built up on the idea that Moodle is a student, a person, a human being, and the different parts of Moodle are the different organs in the student’s body. “HOME” is the heart of the student and the different organs are combined to each other through blood vessels.

The life starts in the Vagina at “My Start page” (Dashboard) where myself and the other active users, with the participants will attend “My course – GRA1”. “Home” is the heart – the main organ for the student – connected to all the other organs and parts of Moodle. The heart, is connected to the “Portal page” – the lungs which makes the online student able to breathe through talking to each other in the forum etc. Through the Aorta, the body’s main vessel, the heart is connected to the brain which is “My courses” – GRA 1. The four different parts of the brain (left – logics and right creativity) representing the four main parts of the structure in GRA 1. All the vessels are to show the links between the different pages and the surrounding icons, the rest of the student’s surroundings in Moodle.

3.1       Style/ genre
The main goal with the drawing is to make an overview of Moodle and as the creative method was given, I wanted to make it creative, but also as clear and concise as could be.

3.2       Typography
In my research, I found that Moodle mainly is built upon four parts, each part consisting of under pages and boxes. With the typography and colours, I’ve tried to differentiate the level in the menu.

3.3       Colours
The colours in Moodle’s logo are orange and black and the Noroff logo is red and black. I wanted to use this in the drawing and coloured the organs in “natural” colours (orange/red) and the thought behind is that the red colour in the “N” in Noroff logo is reflected in the blood vessels.

3.4       Composition, layout, grid
The heart is the centre of the body and the other body parts are placed around the heart, to be able to illustrate the connections between them. Anyhow I associated the process with Moodle as a dissection. 




Google searches (words and phrases):


Moodle Map – report_Ane_F_Bye_23.08.2018

Moodle Map - report_Ane_F_Bye_23.08.2018_Side_01

En kommentar om “LA 01 – Moodle Map

Legg igjen en kommentar

Fyll inn i feltene under, eller klikk på et ikon for å logge inn:

Du kommenterer med bruk av din konto. Logg ut /  Endre )


Du kommenterer med bruk av din Google konto. Logg ut /  Endre )


Du kommenterer med bruk av din Twitter konto. Logg ut /  Endre )


Du kommenterer med bruk av din Facebook konto. Logg ut /  Endre )

Kobler til %s