<!-- TITLE: Learning Goal Widget -->
<!-- DESCRIPTION: With the Learning Goal Widget, you can graphically display learning objectives in the TeachCenter for students. Students can mark their current knowledge level for self-checking and see which material in the course belongs to which learning objective. -->
<!-- LANG: en -->
<!-- URL: https://telucation.tugraz.at/en/guides/learning-goal-widget/ -->
<!-- URL_DE: https://telucation.tugraz.at/anleitungen/lernzielewidget/ -->
<!-- URL_EN: https://telucation.tugraz.at/en/guides/learning-goal-widget/ -->
<!-- TYPE: guide -->
<!-- ICON: lightbulb -->
<!-- PUBLISHED: 2021-11-05 -->
<!-- UPDATED: 2025-08-19 -->

# Learning Goal Widget

*With the Learning Goal Widget, you can graphically display learning objectives in the TeachCenter for students. Students can mark their current knowledge level for self-checking and see which material in the course belongs to which learning objective.*

*Published: 5 November 2021 · Updated: 19 August 2025*

## General description of the Learning Goal Widget

## Components of the widget

The widget consist of an **overview** of learning goals of the course. You can switch between **learning goals (only text)** and **progress view (also shows percentages)** using the respective buttons.

The inner circle in the ring diagram view includes the **subject areas**, the outer circle the **learning goals** for the individual subject areas.

To the right of the widget, you can see the **learning goals as text**.

![The standard view shows the widget as a round widget with the topics on the inside ring and the learning goals on the outside ring, and also a list of the learning goals in text form on the right](https://telucation.tugraz.at/_app/immutable/assets/en-01-bildschirmfoto-2025-08-19-um-14-12-01.DOzo68hi.png)

*Standard view of the learning goal widget*

At the top right, you can see a button to switch between the **ring diagram view** and a **box view (a table-like view with more options for accessibility)**.

![The accessible display option displays the widget items as a colourful table instead of a round widget](https://telucation.tugraz.at/_app/immutable/assets/en-02-bildschirmfoto-2025-08-19-um-14-12-13.CUenr8Bw.png)

*different display option of the widget*

## Learning goal widget for students: Tracking progress

The Learning Goal Widget is used for **self-assessment** of one’s own learning progress.

The complete learning goals are displayed on **mouse-over of the ring diagram or as a text on the right.**

![Mouseover of the widget with a pop-up that contains the full text of a learning goal](https://telucation.tugraz.at/_app/immutable/assets/en-03-bildschirmfoto-2023-08-03-um-08-14-30.DROhrbtQ.png)

*Mouseover shows the full text of the learning goal*

After clicking on a learning goal and the button **Progress View**, the **progress** can be entered with a slider as a percentage. The subject areas and learning goals are then coloured according to the selection.

![Use the slider to set a percentage and show how well you already know this learning goal. The slider goes from 0-100 percent, and from red to green.](https://telucation.tugraz.at/_app/immutable/assets/en-04-bildschirmfoto-2025-08-19-um-14-26-05.CudjnAnX.png)

*Enter your progress for a learning goal*

## Adding and configuring the Learning Goal Widget

## Adding the widget to a course

The widget is available as an activity in TeachCenter and can therefore also be added to a course.

Turn on the course editing mode and in the spot where you would like to add the widget, click **the plus icon** **>** **activity or resource** **>** **Learning Goal Widget.**

Give the widget a **name.**

**Activity or resource** **>** **Learning Goal Widget.**

![A screenshot of the activity chooser, the learning goal widget is highlighted](https://telucation.tugraz.at/_app/immutable/assets/en-05-bildschirmfoto-2025-08-19-um-14-01-35.DZR1jfhA.png)

*Adding a learning goal widget*

Give the widget a **name**.

## Adding topics and learning goals

You can edit the learning goals in the section **Topics and Learning Goals.**

First you add a **Topic.** Each subject area needs a **title and an optional short description,** which is then displayed in the visualisation. In addition, you can also add a **link** (e.g. to the course section) which is then stored in the widget.

If you have created a topic, you can create one or more **learning goal(s)** for it. To do this, first **select the subject area**. Then click on **New learning goal**. Enter the **title** of the learning goal, an optional **short name** of the learning goal to be displayed in the widget. You can also add a **link** to specific course content.

**Please note**: All learning goals must be assigned to a topic, and all topics must have learning goals.

Enter the **title** of the learning goal and the optional **short name**, which is to be displayed in the widget. Again, a link (e.g. to course material) can be added.

Please note: All learning goals must be assigned to a topic. All topics must contain learning goals.

![The view consists of two boxes, on the left you can enter a list of topics. Then you can select a topic and enter a learning goal for this topic on the right. Each list item has icons to edit, delete or move the item.](https://telucation.tugraz.at/_app/immutable/assets/en-06-bildschirmfoto-2025-08-19-um-14-28-46.DK1HuBOe.png)

*Add topics and learning goals*

![The topic is preselected, but you can enter a title for the learning goal, a short description and a web url.](https://telucation.tugraz.at/_app/immutable/assets/en-07-bildschirmfoto-2025-08-19-um-14-31-43.DYKp8Ga6.png)

*Menu for adding a new learning goal*

You can **edit, delete, move up or down** learning goals and topics.

Learning goals and topics can also be **uploaded as a .json file** if you want to prepare the structure offline on your device.

Click **Save and return to course**.

## Advice for linking contents

Sections in the TeachCenter have a unique ID. To link a section in the TeachCenter to a learning goal in the widget, simply add the **ID of the section to the course URL.** Example: https://tc.tugraz.at/main/course/section.php?id=(section ID)

PDFs uploaded to the TeachCenter can also be linked to learning goals: Open the PDF from the TeachCenter, copy the URL and paste it into the corresponding field in the Learning Goals editor.

Only complete URLs (including https://) will work.

## Help & contact

For questions on TeachCenter / TeachCenter Exam: [tc@tugraz.at](mailto:tc@tugraz.at)
