Unit Title

1. Introduction

Learning outcomes

Please use competence-based language when formulating the learning outcomes (the student can…, the student is able to explain…, the student knows…).

2. Input

Heading 1

Heading 1.1

Heading 1.1.1

This is a textblock. Please do not go deeper than three heading levels. You can use normal text and <links> (https://en.wikipedia.org/wiki/Hyperlink) and of course also lists:

This is a list

Another item

A subitem

Tables

Column title 1	Column title 2	Column title 3
Row title 1	text	text	text
Row title 2	text	text	text

Table 1. Please use the caption functionality of word. It will also provide auto numbering. When adding tables make sure to add them as an editable table not a picture or screenshot.

Images

Figure 1. Please use the caption functionality of word. It will also provide auto numbering. Provide copyright information for every image you use: Photo by Antonio Garcia from https://unsplash.com/photos/ndz_u1_tFZo (Unsplash License). Please provide images separately as a .jpg or .png. Images should be at least 1024px wide at 72 ppi.

3. Summary

At the end of each learning unit there is a summary that recaps what has been learned. The ultimate aim of any course is to achieve the assigned learning objectives. So it is very good practice to align the summary in accordance to learning objectives. It helps and aids learners to revise exactly what is expected from them, on-the-job, after the completion of the course.

4. Self-Test Set

Each Learning Unit includes a set of 3 to 4 questions for the learner's self-examination (question set), using the possible question types provided by the Distance Learning Institute of Beuth University of Applied Sciences (see “Author Guideline”). Different question types must be used and the correct and incorrect answers must be given. A set of 3-4 questions with answers that also give feedback to deepen the student’s knowledge are counted as one page. Please provide the type of question in the title (e.g. Multiple-Choice).

Following are the example templates for the different question types. You can just use and fill the template you need and delete the others:

True-False Questions

Template

Question	Answer
HTML is a markup language	Yes
Feedback: HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content. Other technologies besides HTML are generally used to describe a web page's appearance/presentation (CSS) or functionality/behavior (JavaScript).
Markup is a script language	No
Feedback: In computer text processing, a markup language is a system for annotating a document in a way that is syntactically distinguishable from the text, meaning when the document is processed for display, the markup language is not shown, and is only used to format the text.

Single Choice Set

Template

What's a hyperlink?

A reference to data that the user can follow

A very fast connection between two objects

What number is PI?

3.14

9.82

5.12

Percentage Correct	Feedback
<25%	Not there yet. Please study chapter XYZ of this learning unit in more detail to understand the basics of this topic.
25% - 74%	You have a first grasp of the topic but there is still a lot missing. Consider revisiting chapter XYZ of this learning unit to deepen your knowledge.
75% - 99%	Good job, nearly there! There are still a few missing links but you are on a good path.
100%	Perfect score! Congratulations!

Multiple Choice

Template

Please tick all items which represent markup languages.
HTML	▣
Feedback: HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content. Other technologies besides HTML are generally used to describe a web page's appearance/presentation (CSS) or functionality/behavior (JavaScript).
Markdown	▣
Feedback: Markdown is a lightweight markup language for creating formatted text using a plain-text editor. John Gruber and Aaron Swartz created Markdown in 2004 as a markup language that is appealing to human readers in its source code form.
JavaScript	▢
Feedback: JavaScript often abbreviated as JS, is a programming language that conforms to the ECMAScript specification and is a script language. Alongside HTML and CSS, JavaScript is one of the core technologies of the World Wide Web. JavaScript enables interactive web pages and is an essential part of web applications.
CSS	▢
Feedback: Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

Fill in the Blanks

Template

*Hypertext* is text with hyperlinks.

Percentage Correct	Feedback
<25%	Not there yet. Please study chapter XYZ of this learning unit in more detail to understand the basics of this topic.
25% - 74%	You have a first grasp of the topic but there is still a lot missing. Consider revisiting chapter XYZ of this learning unit to deepen your knowledge.
75% - 99%	Good job, nearly there! There are still a few missing links but you are on a good path.
100%	Perfect score! Congratulations!

Essay Task

Template

Task:

Please describe the novel "The Hobbit" by J.R.R. Tolkien with at least 100 characters and up to 500 characters.

Sample solution text:

The book is about a guy called Bilbo. One day, he gets some unexpected visitors: Gandalf, the wizard and nine dwarfs. Some of them had strange names such as Gloin or Dori. Together, they go on an adventure and try to retrieve a treasure from Smaug, an old dragon. Bilbo somewhat betrays the dwarfs, but still is the hero. Bilbo is a good guy.

Keywords:

Keyword	Variation
Bilbo
Gandalf
Smaug	dragon
dwarfs
adventure	quest; journey

Sort-the-Words

Template

Statements	Options
The inventor of the hyperlink was *…*	Tim Berners-Lee
Feedback: Sir Timothy John Berners-Lee (born 8 June 1955), also known as TimBL, is an English computer scientist best known as the inventor of the World Wide Web. He is a Professorial Fellow of Computer Science at the University of Oxford and a professor at the Massachusetts Institute of Technology (MIT).
Microsoft was founded by *…*	Bill Gates
Feedback: William Henry Gates III (born October 28, 1955) is an American business magnate, software developer, investor, author, and philanthropist. He is a co-founder of Microsoft Corporation. During his career at Microsoft, Gates held the positions of chairman, chief executive officer (CEO), president and chief software architect, while also being the largest individual shareholder until May 2014. He is one of the best-known entrepreneurs and pioneers of the microcomputer revolution of the 1970s and 1980s

Drag-and-Drop Task

Template

Task Description:

Please sort the different words to their respective buckets. Which of these words is a HTML element and which is a markup language?

HTML Elements
Hyperlinks Headings
Feedback: An HTML element is a type of HTML (Hypertext Markup Language) document component, one of several types of HTML nodes (there are also text nodes, comment nodes and others). HTML document is composed of a tree of simple HTML nodes, such as text nodes, and HTML elements, which add semantics and formatting to parts of document (e.g., make text bold, organize it into paragraphs, lists and tables, or embed hyperlinks and images).

Markup Languages
Markdown Latex
Feedback: In computer text processing, a markup language is a system for annotating a document in a way that is syntactically distinguishable from the text, meaning when the document is processed for display, the markup language is not shown, and is only used to format the text.

Wrong Answers
JavaScript CSS

Hotspot Tasks

Template

Task description:

4 1 3 Please identify the strawberries in this picture.

2

Feedback 1 (incorrect): Sorry, these are gooseberries. Please try again.

Feedback 2 (incorrect): Sorry, these are blueberries. Please try again.

Feedback 3 (incorrect): Sorry, these are raspberries. Please try again.

Feedback 3 (correct): Yes, these are forest strawberries and they are really tasty.

Dialog Cards

Template

Front	HTML is a …
Back	markup language