# Learning Design Studio User Guide

# 1. Preface

# 1.1 CITE Introduction

<table border="1" id="bkmrk-%C2%A0-%C2%A0-%C2%A0-the-centre-for" style="border-collapse: collapse; width: 97.5%; height: 413.937px; border-width: 0px;"><colgroup><col style="width: 34.7666%;"></col><col style="width: 65.2334%;"></col></colgroup><tbody><tr style="height: 264.953px;"><td style="height: 264.953px; border-width: 0px;"><span style="color: rgb(0, 0, 0);">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-08/scaled-1680-/JPMimage.png)</span>

<span style="color: rgb(68, 68, 68);">[Visit the Website](https://www.cite.hku.hk/)</span>

</td><td style="height: 264.953px; border-width: 0px;">#### <span style="color: rgb(68, 68, 68);">**Overview**</span>

<span style="color: rgb(68, 68, 68);">**The Centre for Information Technology in Education (CITE)** was established in June 1998 to provide intellectual leadership and support to promote the use of information and communication technology (ICT) for quality education in Hong Kong.</span>

<span style="color: rgb(68, 68, 68);">CITE supports several quality academic programmes coordinated by the Faculty of Education. <span data-olk-copy-source="MessageBody">These programmes are offered to teachers, educators ,and education-related professionals to meet their increasing needs and interests in </span>further pursuing their studies. It is hoped that these professionals can be equipped with necessary academic and professional knowledge about IT in education.</span>

<span style="color: rgb(68, 68, 68);">In addition, the Centre provides in-service professional development training to teachers and principals in the use of IT in teaching and learning. <span data-olk-copy-source="MessageBody"> Besides, CITE is also committed to providing consultancy services to the community on various aspects of the development of the educational use of IT. </span>The goal is to establish close connections with the education, technology ,and business sectors of the community at large.</span>

</td></tr></tbody></table>

#### <span style="color: rgb(68, 68, 68);">**Vision**</span>

<span data-olk-copy-source="MessageBody">CITE carries a vision</span> to become a Centre of Excellence in the area of IT in education.

#### <span style="color: rgb(68, 68, 68);">**Mission**</span>

1. <span style="color: rgb(68, 68, 68);">To stimulate and undertake research and development projects ,and to disseminate the research products and findings to the education community both locally and internationally.</span>
2. <span style="color: rgb(68, 68, 68);">To provide quality in-service teacher/principal education programs for the upgrading and retraining of school teachers/principals so that they will be capable of integrating IT in their teaching practices and strategic school planning.</span>
3. <span data-olk-copy-source="MessageBody">To establish links and partnerships locally and internationally to further </span>strengthen and enhance CITE's profile and image internationally.

# 1.2 IDEALS Introduction

<span style="color: rgb(68, 68, 68);">[**Intelligent DEsign-Aware Learning analytics empowered 21C Learning &amp; Teaching System (IDEALS)**](https://ideals.cite.hku.hk/) is an intelligent system designed to enhance learning and teaching experiences.</span>

<span style="color: rgb(68, 68, 68);">Watch this video to know more about **IDEALS**.</span>

<iframe allowfullscreen="allowfullscreen" class="" height="404" src="https://www.youtube.com/embed/A9Mrktw3Rp4" width="720"></iframe>

Starting September 2025, the **IDEALS platform** **is available for public subscription**, empowering educators—especially primary and secondary school teachers—to create structured, outcome-aligned learning experiences.

##### [Click here to subscribe!](https://web.edcity.hk/en/elafp/project/20210212/)  


[![Workflow of IDEALS.jpg](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-10/scaled-1680-/PuYworkflow-of-ideals.jpg)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-10/scaled-1680-/PuYworkflow-of-ideals.jpg)

Figure 1.1 Workflow of IDEALS

#####   
[Click here to subscribe!](https://web.edcity.hk/en/elafp/project/20210212/)

<span style="color: rgb(68, 68, 68);">Two main platforms of **IDEALS** </span><span style="color: rgb(68, 68, 68);">have been well-known by our users: <span class="color_43 wixui-rich-text__text">**Learning Design System (LDS)** </span>and **<span class="color_43 wixui-rich-text__text">Interactive Learning and Assessment Platform (iLAP)</span>.** The last part of the system is the <span class="color_43 wixui-rich-text__text">**Design-aware Learning Analytics and Visualization (DLAV)**</span><span class="color_37 wixui-rich-text__text">.</span> <span data-olk-copy-source="MessageBody">Through a suite of learning analytics plug-ins, it supports learning design evaluations</span> and refinement recommendation for teachers.</span>

<table border="1" id="bkmrk-%C2%A0-%C2%A0-learning-design-" style="border-collapse: collapse; width: 100%; height: 367.487px; border-width: 0px;"><colgroup><col style="width: 34.7619%;"></col><col style="width: 65.2381%;"></col></colgroup><tbody><tr style="height: 161.025px;"><td style="border-width: 0px; height: 161.025px;">[<span style="color: rgb(68, 68, 68);">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-08/scaled-1680-/ZfQimage.png)</span>](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-08/scaled-1680-/ZfQimage.png)

</td><td style="border-width: 0px; height: 161.025px; text-align: justify;"><span style="color: rgb(68, 68, 68);">**Learning Design Studio (LDS)** is a pedagogically grounded productivity and collaboration platform for professionals in the Learning Design (LD), Learning Analytics (LA), and Education communities (particularly those interested in using LD to support Teacher Inquiry of Student Learning (TISL)).</span>

<span data-olk-copy-source="MessageBody">The platform provides users with easy-to-use </span>learning design patterns for various subjects, supplemented by guidance on setting learning outcomes, curriculum components and visual analysis on learning design.

</td></tr><tr style="height: 206.462px;"><td style="border-width: 0px; height: 206.462px;">[<span style="color: rgb(68, 68, 68);">![Picture3.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-08/scaled-1680-/QLjpicture3.png)</span>](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-08/scaled-1680-/QLjpicture3.png)

</td><td style="border-width: 0px; height: 206.462px; text-align: justify;">  
<span style="color: rgb(68, 68, 68);">**Interactive Learning and Assessment Platform (iLAP)** serves as a versatile learning management system that can be accessed by both teachers and students. The LDS and the iLAP are interconnected, enabling the selected tools in the LDS to be conveniently transferred into usable tools on the iLAP, which then collect student learning data for learning analysis.</span>

</td></tr></tbody></table>

# 2. Learning Design Triangle (LDT)

# 2.1 Introduction

#### **Introduction to the Learning Design Triangle (LDT)**  


[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/Vceimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/Vceimage.png)

Figure 2.1: The Learning Design Triangle (LDT)

The **Learning Design Triangle (LDT)** is a conceptual framework developed to help educators create effective and coherent learning experiences of learners. It emphasizes the integration and alignment of three core elements:

- Intended Learning Outcomes
- Disciplinary Practice
- Pedagogical Approach

This alignment enables educators to

- Plan purposeful curriculum units
- Reflect on their teaching strategies
- Continuously improve student learning by connecting learning tasks with clear goals and real-world relevance

<span data-olk-copy-source="MessageBody">The details of the three core elements of LDT</span>—**Intended Learning Outcomes, Disciplinary Practice,** and **Pedagogical Approach**—along with their application to **Curriculum Components** and **Learning Tasks**, will be explored in the following sections in this chapter.


 **Reference:**

Law, N., &amp; Liang, L. (2020). A multilevel framework and method for learning analytics integrated learning design. *Journal of Learning Analytics*, *7*(3), 98-117.

# 2.2 Intended Learning Outcomes (ILOs)

#### <span style="color: rgb(68, 68, 68);">**Intended Learning Outcomes (ILOs)**</span>

<span style="color: rgb(68, 68, 68);">Intended Learning Outcomes (ILOs) indicate **what students are expected to achieve as a result of the learning process**. They serve as a foundation for the entire learning design process, guiding the design of learning tasks and assessments.</span>

#### **Guide to Writing Intended Learning Outcomes**

 **How to Write Effective Intended Learning Outcomes?**

A well-written ILO is essential for effective learning and teaching. Key features include:

<table border="1" id="bkmrk-features-description" style="border-collapse: collapse; width: 100%; height: 164.8px;"><colgroup><col style="width: 26.0963%;"></col><col style="width: 37.534%;"></col><col style="width: 36.465%;"></col></colgroup><tbody><tr style="height: 46.5938px;"><th style="height: 46.5938px; border-width: 1px; vertical-align: middle;">**Feature**

</th><th style="height: 46.5938px; border-width: 1px; vertical-align: middle;">**Description**

</th><th style="border-width: 1px; vertical-align: middle;">**Example**

</th></tr><tr style="height: 46.4px;"><td style="height: 46.4px;"><span style="color: rgb(68, 68, 68);">Student-centred</span></td><td style="height: 46.4px;">Describe what learners will achieve, not what the teacher will teach.</td><td style="height: 46.4px;">❌ The teacher will introduce the main stages of the water cycle.

✅ <span data-olk-copy-source="MessageBody">Explain the main stages of the water cycle.</span>

</td></tr><tr style="height: 29.6px;"><td style="height: 29.6px;"><span style="color: rgb(68, 68, 68);">Measurable</span></td><td>Specify outcomes that can be observed and assessed.</td><td>❌ Write a good essay.

✅ Write a persuasive essay with a clear thesis and supporting arguments.

</td></tr><tr style="height: 29.6px;"><td style="height: 29.6px;"><span style="color: rgb(68, 68, 68);">Specific</span></td><td style="height: 29.6px;">Clearly define the knowledge, skills, values, or attitudes that learners are expected to achieve.</td><td style="height: 29.6px;">❌ Understand the history of World War II.

✅ Identify the key causes of World War II.

</td></tr><tr style="height: 29.6px;"><td style="height: 29.6px;"><span style="color: rgb(68, 68, 68);">Appropriate difficulty</span></td><td style="height: 29.6px;"><span data-olk-copy-source="MessageBody">Achievable but challenging for most target learners.</span></td><td style="height: 29.6px;">❌Provide a summary of all the main arguments discussed in the debate.

✅ Summarize two key arguments presented during the debate.

</td></tr></tbody></table>

 **The Four Categories of Intended Learning Outcomes in the Learning Design Studio**

<table border="1" id="bkmrk-category-description" style="border-collapse: collapse; width: 100%; height: 299.387px;"><colgroup><col style="width: 26.0963%;"></col><col style="width: 37.534%;"></col><col style="width: 36.465%;"></col></colgroup><tbody><tr style="height: 46.5875px;"><th style="height: 46.5875px; border-width: 1px; vertical-align: middle;">**Category**

</th><th style="height: 46.5875px; border-width: 1px; vertical-align: middle;">**Description**

</th><th style="border-width: 1px; vertical-align: middle; height: 46.5875px;">**Example**

</th></tr><tr style="height: 63.2px;"><td style="height: 63.2px;"><span style="color: rgb(68, 68, 68);">Disciplinary Knowledge</span></td><td style="height: 63.2px;">The core concepts, theories, facts, and frameworks that are recognized and developed within a particular field or area of study.</td><td style="height: 63.2px;">Identify the simple past tense as verbs for past events.

</td></tr><tr style="height: 63.2px;"><td style="height: 63.2px;"><span style="color: rgb(68, 68, 68);">Disciplinary Skills</span></td><td style="height: 63.2px;">The specific techniques, methods, and competencies associated with a particular field or area of study.</td><td style="height: 63.2px;">Construct sentences about yesterday’s activities using the simple past tense.

</td></tr><tr style="height: 63.2px;"><td style="height: 63.2px;"><span style="color: rgb(68, 68, 68);">Generic Skills</span></td><td style="height: 63.2px;">The broad abilities that help people succeed in education, work, and daily life, regardless of a particular field or area of study.</td><td style="height: 63.2px;">Apply effective communication strategies to share ideas with others.</td></tr><tr style="height: 63.2px;"><td style="height: 63.2px;"><span style="color: rgb(68, 68, 68);">Values and Attitudes</span></td><td style="height: 63.2px;">The beliefs, principles, and dispositions that guide a person's behavior, decision-making, and interactions with others.</td><td style="height: 63.2px;">Demonstrate openness by considering new perspectives and adapting to challenges.

</td></tr></tbody></table>

 **Writing Cognitive Learning Outcomes using Bloom’s Taxonomy**

<span data-olk-copy-source="MessageBody">When designing your Intended Learning Outcomes (ILOs), it is recommended to use Bloom’s Taxonomy, a widely recognized framework that aids educators in formulating clear and measurable learning outcomes. Bloom’s Taxonomy categorizes cognitive skills into different levels—such as remembering, understanding, applying, and analyzing—ensuring your ILOs comprehensively address key aspects of student learning.</span>

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-10/scaled-1680-/ePjimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-10/scaled-1680-/ePjimage.png)

<span style="color: rgb(68, 68, 68);">Figure 2.2: Bloom’s Taxonomy of the Cognitive Domain</span>

<span style="color: rgb(68, 68, 68);">Bloom’s Taxonomy breaks learning into six cognitive levels:</span>

<table id="bkmrk-1.-remember---recall" style="border-collapse: collapse; width: 100%; height: 326.136px; border-width: 0px;"><colgroup><col style="width: 26.4584%;"></col><col style="width: 73.5416%;"></col></colgroup><tbody><tr style="height: 46.5909px;"><th style="height: 46.5909px; border-width: 0px; vertical-align: middle;">**Bloom's Level**

</th><th style="height: 46.5909px; border-width: 0px; vertical-align: middle;">**Example of ILOs**

</th></tr><tr style="height: 46.5909px;"><td class="bloom-level-1" style="height: 46.5909px; border-width: 0px; vertical-align: middle;">**1. Remember - Recall facts** </td><td style="height: 46.5909px; border-width: 0px; vertical-align: middle; background: rgb(245, 245, 245);"><span style="color: rgb(68, 68, 68);">List the main stages of the water cycle.</span>

</td></tr><tr style="height: 46.5909px;"><td class="bloom-level-2" style="height: 46.5909px; border-width: 0px; vertical-align: middle;">**2. Understand - Explain ideas**</td><td style="height: 46.5909px; border-width: 0px; background: rgb(238, 238, 238); vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Describe how water moves through each stage of the water cycle.</span>

</td></tr><tr style="height: 46.5909px;"><td class="bloom-level-3" style="height: 46.5909px; border-width: 0px; vertical-align: middle;">**3. Apply - Use knowledge in new situations**</td><td style="height: 46.5909px; border-width: 0px; vertical-align: middle; background: rgb(245, 245, 245);">Illustrate the water cycle by matching real-life weather events to each stage.

</td></tr><tr style="height: 46.5909px;"><td class="bloom-level-4" style="height: 46.5909px; border-width: 0px; vertical-align: middle;"><span style="color: rgb(52, 73, 94);">**4. Analyze - Draw connections among ideas**</span></td><td style="height: 46.5909px; border-width: 0px; vertical-align: middle; background: rgb(238, 238, 238);">Compare the processes of the water cycle in different climates and environments.

</td></tr><tr style="height: 46.5909px;"><td class="bloom-level-5" style="height: 46.5909px; border-width: 0px; vertical-align: middle;">**5. Evaluate - Make judgments**</td><td style="height: 46.5909px; border-width: 0px; vertical-align: middle; background: rgb(245, 245, 245);">Evaluate the effects of pollution on the water cycle.

</td></tr><tr style="height: 46.5909px;"><td class="bloom-level-6" style="height: 46.5909px; border-width: 0px; vertical-align: middle;">**6. Create - Produce original work**</td><td style="height: 46.5909px; border-width: 0px; vertical-align: middle; background: rgb(238, 238, 238);">Design a simple model to demonstrate the water cycle.</td></tr></tbody></table>

**Reference** Arkansas State University. (n.d.). *Bloom's revised taxonomy: Cognitive, affective, and psychomotor*. [https://www.astate.edu/a/assessment/assessment-resource-links/files/Revised-Bloom%20s-Taxonomy-All-Domains.pdf](https://www.astate.edu/a/assessment/assessment-resource-links/files/Revised-Bloom%20s-Taxonomy-All-Domains.pdf)

# 2.3 Disciplinary Practice (DP)

#### <span style="color: rgb(68, 68, 68);">**Disciplinary Practice (DP)**</span>

Disciplinary Practice (DP) refers to **the specific ways of thinking, doing, and creating that are characteristic of a particular field or profession**. It situates learning within authentic contexts that reflect how knowledge and skills are applied in the real world. Within any discipline, there are explicit **workflow steps that guide how professionals manage and complete tasks**.

To integrate the DP into the K-12 learning context, we have simplified the workflows to create DP Patterns for use in the Learning Design Studio. Please see the examples below.

<table border="1" id="bkmrk-1.-remember---recall" style="border-collapse: collapse; width: 100%; height: 279.563px; border-width: 1px;"><colgroup><col style="width: 14.5411%;"></col><col style="width: 14.5411%;"></col><col style="width: 70.9178%;"></col></colgroup><tbody><tr style="height: 46.5938px;"><th style="height: 46.5938px; border-width: 1px; vertical-align: middle;">**Disciplinary Practice**

</th><th style="height: 46.5938px; border-width: 1px; vertical-align: middle;">**Role of Learner**

</th><th style="border-width: 1px; vertical-align: middle;">**Details**

</th></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Engineering Design</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Engineer, Inventor</span>

</td><td style="border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">**Description**</span>

The disciplinary practice of 'Engineering Design' supports our young learners to apply their knowledge and skills in developing effective solutions to real-world problems. Like engineers and inventors, learners will engage in identifying problems, then ideate, design, create, and optimize solutions to address those challenges.

<span style="color: rgb(68, 68, 68);">**Workflow steps**</span>

1. Identify the problem
2. Generate ideas for solutions
3. Design the solution
4. <span style="color: rgb(68, 68, 68);">Construct a prototype</span>
5. Test the prototype's performance and optimize the product

</td></tr><tr style="height: 46.5938px;"><td style="border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Writing a News Report</span></td><td style="border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Journalist</span>

</td><td style="border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">**Description**</span>

<span data-olk-copy-source="MessageBody">The disciplinary practice of ‘Writing a News Report’ supports our young learners in engaging with the inquiry-based process of writing</span>. Like journalists, learners must collect and verify information, organize their findings logically, and write in an objective and impartial tone to create a timely, factual, and engaging report that helps audiences understand current events and issues.

<span style="color: rgb(68, 68, 68);">**Workflow steps**</span>

1. Identify the writing purpose, target audience, and key features of a news report
2. Research, collect and organize information for the news report
3. Draft the news report and fact-check the content
4. Conduct peer and self assessment
5. Revise and publish the news report

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Mock Legislative Procedure</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Legislator</span>

</td><td style="border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">**Description**</span>

The disciplinary practice of 'Mock Legislative Procedure' supports our young learners in collaboratively drafting legislation that addresses specific issues. Like legislators, learners engage in researching background information, analyzing the interests and impacts of various parties, and drafting legislative proposals. Through constructive collaboration, they work to reach consensus and develop legislation that incorporates ideas from different stakeholders.

<span style="color: rgb(68, 68, 68);">**Workflow steps**</span>

1. <span data-olk-copy-source="MessageBody">Identify aims through exploration: gather background information</span>, understand the functions of the role, and clarify the purposes of the council meeting
2. <span data-olk-copy-source="MessageBody">Research as an expert: search for information and </span>focus on deepening understanding
3. Prepare and share the first draft for mutual understanding, evaluation, and revision: propose measures suggested by stakeholders' representatives
4. <span data-olk-copy-source="MessageBody">Conduct constructive and rational discussions to reach consensus</span>
5. <span data-olk-copy-source="MessageBody">Reach consensus and produce a collaborative output</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Performance Production</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Performer, Entertainer</span>

</td><td style="border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">**Description**</span>

The disciplinary practice of 'Performance Production' supports our young learners in transforming literature into engaging performances. Like performers and entertainers, learners will engage in reading and analyzing literature, developing scripts, collaborating in rehearsals, and performing for audiences to produce a compelling and expressive performance that effectively communicates the themes and messages of the literature.

<span style="color: rgb(68, 68, 68);">**Workflow steps**</span>

1. Determine the script
2. Prepare for the show
3. Rehearse
4. Perform the show
5. Receive audience feedback

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Scientific Investigation</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Scientist</span>

</td><td style="border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">**Description**</span>

The disciplinary practice of 'Scientific Investigation' supports our young learners in exploring the natural world and developing evidence-based explanations. <span data-olk-copy-source="MessageBody">Like scientists, learners will engage in formulating inquiry questions, proposing hypotheses, designing and conducting experiments, and using logical reasoning to draw informed conclusions that deepen their understanding of scientific phenomena and processes.</span>

<span style="color: rgb(68, 68, 68);">**Workflow steps**</span>

1. <span style="color: rgb(68, 68, 68);">Formulate an inquiry question</span>
2. <span style="color: rgb(68, 68, 68);">Research and propose a hypothesis</span>
3. <span style="color: rgb(68, 68, 68);">Design an experiment</span>
4. <span style="color: rgb(68, 68, 68);">Conduct the experiment</span>
5. <span style="color: rgb(68, 68, 68);">Analyse data and interpret results</span>

</td></tr></tbody></table>

# 2.4 Pedagogical Approach

A pedagogical approach refers to the method or strategy that a teacher uses to deliver instruction and facilitate learning. It encompasses the underlying beliefs, techniques, and practices employed to help students acquire knowledge, skills, and values. One approach we promote is **Self-directed Learning (SDL).**

<table border="1" id="bkmrk-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-self-direc" style="border-collapse: collapse; width: 100%; border-width: 0px;"><colgroup><col style="width: 41.115%;"></col><col style="width: 58.8612%;"></col></colgroup><tbody><tr><td style="border-width: 0px;">**![](https://lh7-rt.googleusercontent.com/slidesz/AGV_vUdOeZob6ut_8zDvH-rIXDe011SfHIRYR7fH8tzX6AgF2PI9_P9cnPeiGuqpY6twDVuPLHfnhRpnMLYxtWhOMAkAeOdOWwmmyYRtlJwyXXoQXiv2cLKsbD-xPN3TG4DdTQMwgxW35A=s2048?key=xPX1q-ucu9UXA_IhBUvIzw)**

  
Figure 2.3: Self-directed Learning (SDL)

</td><td style="border-width: 0px;">**Self-Directed Learning (SDL)** is recognized as an important approach for developing life and career skills that prepare students for further education and the workforce.

SDL has two key characteristics:

**Personal Responsibility:**

- Students are expected to take ownership of their learning. This means they set their own learning goals and accept responsibility for their thoughts and actions.
- They make decisions about what and how to learn, maintaining control over many aspects of their learning process.

**Social Interaction:**

- Even though SDL focuses on personal responsibility, learning typically happens in a social setting.
- Students interact with teachers and other learners, which can enhance understanding and spark further interest in the subject.
- SDL involves negotiation between the teacher and learners about learning goals, methods, activities, and assessments.
- This dynamic teaching-learning process empowers students to take charge of their own learning while collaboratively engaging with teachers and peers to achieve deeper understanding and meaningful outcomes.

</td></tr></tbody></table>


#### **Key Components and Indicators of SDL**

The operational framework of SDL includes five essential components: goal setting, self-planning, self-monitoring, self-evaluation and revision.

<table border="1" id="bkmrk-sdl-components-descr" style="border-collapse: collapse; width: 100%; height: 365.637px; border-width: 1px;"><colgroup><col style="width: 26.4538%;"></col><col style="width: 73.5224%;"></col></colgroup><tbody><tr style="height: 46.5875px;"><th style="height: 46.5875px; border-width: 1px; vertical-align: middle; background: #36454F;">**SDL Components**

</th><th style="height: 46.5875px; border-width: 1px; vertical-align: middle; background: #36454F;">**Description**

</th></tr><tr style="height: 53.05px;"><td class="bloom-level-1" style="height: 53.05px; border-width: 1px; vertical-align: middle; background: rgb(255, 77, 77);">**1. Goal-setting** </td><td style="height: 53.05px; border-width: 1px; vertical-align: middle;">- <span style="color: rgb(68, 68, 68);">Students identify own learning goals and learning activities.</span>

</td></tr><tr style="height: 69.85px;"><td class="bloom-level-2" style="height: 69.85px; border-width: 1px; vertical-align: middle; background: rgb(82, 153, 45);">**2. Self-planning**</td><td style="height: 69.85px; border-width: 1px; vertical-align: middle;">- Students regulate and plan the detailed decisions and arrangements related to their own learning, such as creating a schedule outline and planning tasks.

</td></tr><tr style="height: 86.65px;"><td class="bloom-level-3" style="height: 86.65px; border-width: 1px; vertical-align: middle; background: rgb(163, 102, 232);">**3. Self-monitoring**</td><td style="height: 86.65px; border-width: 1px; vertical-align: middle;">- Students self‐manage their own time.
- Students monitor own <span data-olk-copy-source="MessageBody">their </span>own repertoire of learning strategies.
- <span data-olk-copy-source="MessageBody">Students adjust their own learning pathway as they progress.</span>

</td></tr><tr style="height: 22.85px;"><td class="bloom-level-4" style="height: 22.85px; border-width: 1px; vertical-align: middle; background: rgb(47, 146, 214);"><span style="color: rgb(255, 255, 255);">**4. Self-evaluation**</span></td><td style="height: 22.85px; border-width: 1px; vertical-align: middle;">- Students are aware of the assessment criteria.
- <span data-olk-copy-source="MessageBody">Students critically evaluate their work according to the set criteria.</span>

</td></tr><tr style="height: 86.65px;"><td class="bloom-level-5" style="height: 86.65px; border-width: 1px; vertical-align: middle; background: rgb(255, 136, 77);">**5. Revision**</td><td style="height: 86.65px; border-width: 1px; vertical-align: middle;">- Students revise their work based on the feedback received from their teachers or peers at various stages.
- Students reflect on their own learning and apply what they have learnt to new contexts.

</td></tr></tbody></table>

 **Reference**

Hew, K. F., Law, N., Wan, J., Lee, Y., &amp; Kwok, A. (2016). Self-directed learning in science education: Explicating the enabling factors. In C.-K. Looi, J. Polman, U. Cress, &amp; P. Reimann (Eds.), *Transforming learning, empowering learners: ICLS conference proceeding* (Vol. 2, pp. 761–768). Singapore: International Society of the Learning Sciences.

Knowles, M. S. (1975). *Self-directed learning: A guide for learners and teachers.* Chicago, IL: Follet.

# 2.5 Curriculum Component Sequence

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/3vximage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/3vximage.png)

Figure: 2.4 An Illustration of the Learning Design Triangle and the Curriculum Component Sequence

From Sections 2.2 to 2.4, you have explored the three elements of the **Learning Design Triangle**, which together provide the contextual framework for anchoring the entire learning design. In this section, we will examine the **Curriculum Component (CC) Sequence**, which serves as a bridge between the abstract Learning Design Triangle and the concrete learning and assessment tasks. The CC Sequence guides learning designers in gradually transforming overarching design concepts into actionable teaching practices.

In the following section, we will explore examples of learning designs for both a **STEAM subject** and a **language subject**. This will help you gain a better understanding of what a Curriculum Component Sequence is and how it connects to the Learning Design Triangle.

# 2.5.1 Curriculum Component Sequence Example - A STEAM Course

In this section, we will explore how to transform the elements of the Learning Design Triangle (LDT) into a Curriculum Component (CC) Sequence for a STEAM course. Considering that we are designing a course titled **"Factors affecting Rate of Photosynthesis: Learning through Scientific Investigation"**.

**1. The Learning Design Triangle**

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/fvfimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/fvfimage.png)

Figure 2.5: The Learning Design Triangle of "Factors affecting Rate of Photosynthesis: Learning through Scientific Investigation"

- To anchor the learning design within a contextual framework, we will use the Learning Design Triangle to define the intended learning outcomes, disciplinary practices, and pedagogical approach.

**2. The Curriculum Components Sequence**

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/wk5image.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/wk5image.png)Figure 2.6: The Curriculum Component Sequence of "Factors affecting Rate of Photosynthesis: Learning through Scientific Investigation"

- To make the learning process more manageable, we divide it into distinct phases within the learning design, guided by the workflow steps of disciplinary practice. Each phase targets a specific set of learning outcomes and is supported by the pedagogical focus of the chosen approach, such as self-directed learning.
- In the Learning Design Triangle framework, we use Curriculum Component to structure and organize each phase of learning around targeted outcomes. The collection of curriculum components that represents all phases of learning in a course is called a **Curriculum Component Sequence**.

**3. Assign learning tasks to each Curriculum Components**

- To put the Curriculum Components into practice, we need to assign learning tasks and assessments to enhance and evaluate learners’ development in knowledge, skills, or values.

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/s2Vimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/s2Vimage.png)

Figure: 2.7 Task Sequence within a Curriculum Component

- Now, we will explore an example of a Curriculum Component (CC) focused on the **"goal-setting" phase.**

<table border="1" id="bkmrk-cc-name-%C2%A0-%F0%9F%92%A1formula-o" style="border-collapse: collapse; width: 100%; height: 915.013px; border-width: 1px;"><colgroup><col style="width: 23.2364%;"></col><col style="width: 76.7398%;"></col></colgroup><tbody><tr style="height: 230.2px;"><td style="height: 230.2px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">CC Name</span></td><td style="height: 230.2px; border-width: 1px; vertical-align: middle;">A CC name is formed by combining four components.

1. <span style="color: rgb(0, 0, 0);"><span style="color: rgb(68, 114, 196);">**Focal task(s)**</span>: Observation and discussion tasks</span>
2. <span style="color: rgb(0, 0, 0);"><span style="color: rgb(0, 166, 170);">**Main intended learning outcome**</span>: Discover possible factors that affect the rate of photosynthesis  
    </span>
3. <span style="color: rgb(0, 0, 0);"><span style="color: rgb(68, 83, 92);">**Workflow step(s) of a disciplinary practice**</span>: F</span>ormulate an inquiry question<span style="color: rgb(224, 62, 45);">   
    </span>
4. <span style="color: rgb(0, 0, 0);"><span style="color: rgb(156, 188, 82);">**Focus or foci of the pedagogical approach**</span>: Goal-setting</span>

E.g. **<span style="color: rgb(68, 114, 196);">Through observation and discussion tasks <span style="color: rgb(0, 166, 170);">to</span></span>** <span style="color: rgb(0, 166, 170);">**discover possible factors that affect the rate of photosynthesis**</span><span style="color: rgb(68, 83, 92);"> **to formulate an inquiry question**</span> <span style="color: rgb(156, 188, 82);">**for goal-setting**</span>

</td></tr><tr style="height: 83.45px;"><td style="height: 83.45px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Linked Intended Learning Outcomes</span></td><td style="height: 83.45px; border-width: 1px; vertical-align: middle;">- ILO1: <span style="color: rgb(68, 68, 68);"> Understand factors affecting the rate of photosynthesis</span>
- <span style="color: rgb(68, 68, 68);">ILO2: Understand the mechanism of of photosynthesis</span>
- <span style="color: rgb(68, 68, 68);">ILO3: Apply the process of scientific investigation to construct scientific knowledge</span>

</td></tr><tr style="height: 46.575px;"><td style="height: 46.575px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Workflow Step of Disciplinary Practice</span></td><td style="height: 46.575px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);"> Scientific Investigation－Formulate an inquiry question</span></td></tr><tr style="height: 46.575px;"><td style="height: 46.575px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Pedagogical Focus</span></td><td style="height: 46.575px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);"> Self-directed Learning - Goal-setting</span></td></tr><tr style="height: 508.213px;"><td style="height: 508.213px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Learning Tasks</span></td><td style="height: 508.213px; border-width: 1px; vertical-align: middle;">\* *Each task type has a representative color.*

<table border="1" style="width: 95.9212%; height: 149.233px; border-collapse: collapse; border-width: 0px;"><tbody><tr style="height: 50px;"><td style="width: 3.82847%; background-color: rgb(138, 201, 21); height: 50px; border-width: 0px;"> </td><td style="width: 96.2111%; height: 50px; border-width: 0px; background: rgb(250, 250, 250);">**Observe plant growth conditions and interview others about environmental factors affecting plant growth**

</td></tr></tbody></table>

<table border="1" style="width: 95.9212%; height: 149.233px; border-collapse: collapse; border-width: 0px;"><tbody><tr style="height: 50px;"><td style="width: 3.82203%; background-color: rgb(255, 199, 12); height: 50px; border-width: 0px;"> </td><td style="width: 96.2154%; height: 50px; border-width: 0px; background: rgb(250, 250, 250);">**Share outcomes and discovery after observations and interviews**

</td></tr></tbody></table>

<table border="1" style="width: 95.9212%; height: 149.233px; border-collapse: collapse; border-width: 0px;"><tbody><tr style="height: 50px;"><td style="width: 3.82847%; background-color: rgb(109, 42, 156); height: 50px; border-width: 0px;"> </td><td style="width: 96.2111%; height: 50px; border-width: 0px; background: rgb(250, 250, 250);">**Compare findings with peers and consolidate new insights**

</td></tr></tbody></table>

<table border="1" style="width: 95.9212%; height: 50px; border-collapse: collapse; border-width: 0px;"><tbody><tr style="height: 50px;"><td style="width: 3.82847%; background-color: rgb(45, 45, 179); height: 50px; border-width: 0px;"> </td><td style="width: 96.2111%; height: 50px; border-width: 0px; background: rgb(250, 250, 250);">**Watch a video about photosynthesis**

</td></tr></tbody></table>

<table border="1" style="width: 95.9212%; height: 149.233px; border-collapse: collapse; border-width: 0px;"><tbody><tr style="height: 50px;"><td style="width: 3.82847%; background-color: rgb(253, 106, 23); height: 50px; border-width: 0px;"> </td><td style="width: 96.2111%; height: 50px; border-width: 0px; background: rgb(250, 250, 250);">**Synthesize the information collected to propose factors affecting rate of photosynthesis and formulate an inquiry question for further investigation**

</td></tr></tbody></table>

</td></tr></tbody></table>

The tasks in a CC:

- A task can be both a learning task and an assessment.
- A well-formulated task sequence helps build knowledge and skills step-by-step while enabling ongoing assessment of student understanding.
- The introduction of the task types will be covered in [**Chapter 2.6 - Task Taxonomy**](https://ideals-doc.cite.hku.hk/books/learning-design-studio-user-guide/page/26-task-taxonomy).

🌟 The link to the **[learning design](https://lds.cite.hku.hk/publicsharing/%242y%2412%247StewXh59DDZbv49utIXuuYSRcOzWtu7g2tgLvUlLzBe63py4Zbm)** of this sample course.

# 2.5.2 Curriculum Component Sequence Example - A Language Course

In this section, we will explore how to transform the elements of the Learning Design Triangle (LDT) into a Curriculum Component (CC) Sequence for a language course. Considering that we are designing a course titled **"Inquiry-based Curriculum Unit that Cultivates Students' Expository Skills and Creativity"**.

**1. The Learning Design Triangle**

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-02/scaled-1680-/n0Pimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-02/n0Pimage.png)

Figure 2.8: The Learning Design Triangle of "Inquiry-based Curriculum Unit that Cultivates Students' Expository Skills and Creativity"

- To anchor the learning design within a contextual framework, we will use the Learning Design Triangle to define the intended learning outcomes, disciplinary practices, and pedagogical approach.

**2. The Curriculum Components Sequence**

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-02/scaled-1680-/Dogimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-02/Dogimage.png)

Figure 2.9: The Curriculum Component Sequence of "Inquiry-based Curriculum Unit that Cultivates Students' Expository Skills and Creativity"

- To make the learning process more manageable, we divide it into distinct phases within the learning design, guided by the workflow steps of disciplinary practice. Each phase targets a specific set of learning outcomes and is supported by the pedagogical focus of the chosen approach, such as self-directed learning.
- In the Learning Design Triangle framework, we use Curriculum Component to structure and organize each phase of learning around targeted outcomes. The collection of curriculum components that represents all phases of learning in a course is called a **Curriculum Component Sequence**.

**3. Assign learning tasks to each Curriculum Components**

- To put the Curriculum Components into practice, we need to assign learning tasks and assessments to enhance and evaluate learners’ development in knowledge, skills, or values.

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-02/scaled-1680-/xJVimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-02/xJVimage.png)

Figure: 2.10 The Task Sequence within a Curriculum Component

- Now, we will explore an example of a Curriculum Component (CC) focused on the **"goal-setting" phase.**

<table border="1" id="bkmrk-cc-name-%C2%A0-%F0%9F%92%A1formula-o" style="border-collapse: collapse; width: 100%; height: 944.85px; border-width: 1px;"><colgroup><col style="width: 23.2364%;"></col><col style="width: 76.7398%;"></col></colgroup><tbody><tr style="height: 230.2px;"><td style="height: 230.2px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">CC Name</span></td><td style="height: 230.2px; border-width: 1px; vertical-align: middle;">A CC name is formed by combining four components.

1. <span style="color: rgb(0, 0, 0);"><span style="color: rgb(68, 114, 196);">**Focal task(s)**</span>: Preparing problem identification reports with the help of AI</span>
2. <span style="color: rgb(0, 0, 0);"><span style="color: rgb(0, 166, 170);">**Main intended learning outcome**</span>: Understand the United Nations Sustainable Development Goals (SDGs)  
    </span>
3. <span style="color: rgb(0, 0, 0);"><span style="color: rgb(68, 83, 92);">**Workflow step(s) of a disciplinary practice**</span>: Identify the problem to be addressed by the new product</span><span style="color: rgb(224, 62, 45);">  
    </span>
4. <span style="color: rgb(0, 0, 0);"><span style="color: rgb(156, 188, 82);">**Focus or foci of the pedagogical approach**</span>: Goal-setting</span>

E.g. **<span style="color: rgb(68, 114, 196);">Through preparing problem identification reports with the help of AI </span>**<span style="color: rgb(0, 166, 170);">**to understand the Sustainable Development Goals (SDGs),**</span><span style="color: rgb(68, 83, 92);"> **and to identify the problem to be addressed by the new product** </span><span style="color: rgb(156, 188, 82);">**for goal-setting**</span>

</td></tr><tr style="height: 83.45px;"><td style="height: 83.45px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Linked Intended Learning Outcomes</span></td><td style="height: 83.45px; border-width: 1px; vertical-align: middle;">- ILO 1: Understand key features of expository writing and different expository techniques
- ILO 2: <span style="color: rgb(68, 68, 68);"> Understand the United Nations Sustainable Development Goals (SDGs)</span>
- ILO 3: Apply different expository techniques in writing and speaking (e.g. presentation and pitching) to enhance communication

</td></tr><tr style="height: 46.575px;"><td style="height: 46.575px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Workflow Step of Disciplinary Practice</span></td><td style="height: 46.575px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);"> Engineering Design－Identify the problem </span></td></tr><tr style="height: 46.575px;"><td style="height: 46.575px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Pedagogical Focus</span></td><td style="height: 46.575px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);"> Self-directed Learning - Goal-setting</span></td></tr><tr style="height: 538.05px;"><td style="height: 538.05px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Learning Tasks</span></td><td style="height: 538.05px; border-width: 1px; vertical-align: middle;">\* *Each task type has a representative color.*

<table border="1" style="width: 95.9212%; height: 149.233px; border-collapse: collapse; border-width: 0px;"><tbody><tr style="height: 50px;"><td style="width: 3.82203%; background-color: rgb(45, 45, 179); height: 50px; border-width: 0px;"> </td><td style="width: 96.2154%; height: 50px; border-width: 0px; background: rgb(250, 250, 250);">**Watch a video about the Sustainable Development Goals and answer questions**

</td></tr></tbody></table>

<table border="1" style="width: 95.9212%; height: 149.233px; border-collapse: collapse; border-width: 0px;"><tbody><tr style="height: 50px;"><td style="width: 3.82203%; background-color: rgb(138, 201, 21); height: 50px; border-width: 0px;"> </td><td style="width: 96.2154%; height: 50px; border-width: 0px; background: rgb(250, 250, 250);">**Read and discuss sample problem identification reports**

</td></tr></tbody></table>

<table border="1" style="width: 95.9212%; height: 149.233px; border-collapse: collapse; border-width: 0px;"><tbody><tr style="height: 50px;"><td style="width: 3.82847%; background-color: rgb(164, 191, 102); height: 50px; border-width: 0px;"> </td><td style="width: 96.2111%; height: 50px; border-width: 0px; background: rgb(250, 250, 250);">**Use different AI tools to collect information**

</td></tr></tbody></table>

<table border="1" style="width: 95.9212%; height: 149.233px; border-collapse: collapse; border-width: 0px;"><tbody><tr style="height: 50px;"><td style="width: 3.82847%; background-color: rgb(253, 106, 23); height: 50px; border-width: 0px;"> </td><td style="width: 96.2111%; height: 50px; border-width: 0px; background: rgb(250, 250, 250);">**Write problem identification reports**

</td></tr></tbody></table>

<table border="1" style="width: 95.9212%; height: 50px; border-collapse: collapse; border-width: 0px;"><tbody><tr style="height: 50px;"><td style="width: 3.82847%; background-color: rgb(138, 201, 21); height: 50px; border-width: 0px;"> </td><td style="width: 96.2111%; height: 50px; border-width: 0px; background: rgb(250, 250, 250);">**Discuss and improve the assessment criteria provided by the teacher**

</td></tr></tbody></table>

<table border="1" style="width: 95.9212%; height: 50px; border-collapse: collapse; border-width: 0px;"><tbody><tr style="height: 50px;"><td style="width: 3.82847%; background-color: rgb(255, 199, 12); height: 50px; border-width: 0px;"> </td><td style="width: 96.2111%; height: 50px; border-width: 0px; background: rgb(250, 250, 250);">**Present the problem identification in groups**

</td></tr></tbody></table>

<table border="1" style="width: 95.9212%; height: 50px; border-collapse: collapse; border-width: 0px;"><tbody><tr style="height: 50px;"><td style="width: 3.82847%; background-color: rgb(181, 94, 237); height: 50px; border-width: 0px;"> </td><td style="width: 96.2111%; height: 50px; border-width: 0px; background: rgb(250, 250, 250);">**Peer evaluate group presentations and problem identification reports**

</td></tr></tbody></table>

<table border="1" style="width: 95.9212%; height: 149.233px; border-collapse: collapse; border-width: 0px;"><tbody><tr style="height: 50px;"><td style="width: 3.82847%; background-color: rgb(109, 42, 156); height: 50px; border-width: 0px;"> </td><td style="width: 96.2111%; height: 50px; border-width: 0px; background: rgb(250, 250, 250);">**Reflect on the learning process**

</td></tr></tbody></table>

</td></tr></tbody></table>

The tasks in a CC:

- A task can be both a learning task and an assessment.
- A well-formulated task sequence helps build knowledge and skills step-by-step while enabling ongoing assessment of student understanding.
- The introduction of the task types will be covered in [**Chapter 2.6 - Task Taxonomy**](https://ideals-doc.cite.hku.hk/books/learning-design-studio-user-guide/page/26-task-taxonomy).

🌟 The link to the **[learning design](https://lds.cite.hku.hk/publicsharing/%242y%2412%24qniSlVWIU5lJTGyGvthNfO97cNaUiWIMOlnK.n5Ife6S0svt78O)** of this sample course.

# 2.6 Task Taxonomy

The Learning Design Studio (LDS) provides a **well-structured ontology** **of 12 task types**, grouped under **four categories: 1) Directed Learning, 2) <span style="color: rgb(68, 68, 68);">Exploratory Learning, 3) Productive Learning, and 4)</span> <span style="color: rgb(68, 68, 68);">Reflective Learning</span>**. These task types help make explicit the nature and intent of the learning experiences planned for students, ensuring a balanced and purposeful approach to learning design.

<table border="1" id="bkmrk-directed-learning-re" style="border-collapse: collapse; width: 100%; height: 2673.15px;"><colgroup><col style="width: 3.33802%;"></col><col style="width: 96.662%;"></col><col style="width: 0.0018623%;"></col></colgroup><tbody><tr style="height: 44.775px;"><td colspan="2" style="height: 44.775px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">**Directed Learning**</span></td></tr><tr style="height: 210.9px;"><td style="height: 210.9px; background-color: rgb(45, 45, 179);">  
</td><td style="height: 210.9px; vertical-align: middle;">**<span style="color: rgb(68, 68, 68);">Receiving &amp; Interpreting Information </span>**Students undertake prescribed activities to acquire information and develop an understanding of a topic.

STEAM Subject:

- Watching a video on photosynthesis
- Reading a textbook chapter about photosynthesis

 Language Subject:

- Reading a news report
- Watching a micro movie

**<span style="color: rgb(68, 68, 68);"></span>**</td><td style="height: 210.9px;">  
</td></tr><tr style="height: 210.9px;"><td style="height: 210.9px; background-color: rgb(9, 96, 183);">  
</td><td style="height: 210.9px; vertical-align: middle;">**<span style="color: rgb(68, 68, 68);">Practice</span>**

Students work through prescribed tasks to apply learnt content/ skills.

STEAM Subject:

- Labelling the parts of a plant cell with flash cards
- Completing the questions about photosynthesis in the H5P interactive video

Language Subject:

- Practicing pronunciation of new vocabularies in pairs
- Writing sentences using newly learned past tense verbs

</td><td style="height: 210.9px;">  
</td></tr><tr style="height: 210.9px;"><td style="height: 210.9px; background-color: rgb(17, 163, 201);">  
</td><td style="height: 210.9px; vertical-align: middle;">**<span style="color: rgb(68, 68, 68);">Test / Assessment</span>**

Students take part in assessment activities.

STEAM Subject:

- Completing a lab report
- Taking a quiz on photosynthesis

Language Subject:

- Analysing an article and respond to questions about its content
- Having a spelling test on the week's vocabularies

</td><td style="height: 210.9px;">  
</td></tr><tr style="height: 44.775px;"><td colspan="2" style="height: 44.775px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">**Exploratory Learning**</span></td></tr><tr style="height: 210.9px;"><td style="height: 210.9px; background-color: rgb(68, 116, 21);">  
</td><td style="height: 210.9px; vertical-align: middle;">**<span style="color: rgb(68, 68, 68);">Information Exploration  
</span>**Students seek out and gather existing information from various sources to deepen their understanding of a topic.

STEAM Subject:

- Asking an AI chatbot for information about the rate of photosynthesis
- Benchmarking existing thermal bags online to inform a new design

Language Subject:

- Researching common vocabulary in news reports online
- Using AI tools to analyze the tone and style of a news report

</td><td style="height: 210.9px;">  
</td></tr><tr style="height: 221.05px;"><td style="height: 221.05px; background-color: rgb(138, 201, 21);">  
</td><td style="height: 221.05px; vertical-align: middle;">**<span style="color: rgb(68, 68, 68);">Explorations through Conversation</span>**

Students engage in exploration of issues with others through conversations.

STEAM Subject:

- Interviewing clients to identify product needs
- Discussing variables for a fair photosynthesis experiment

Language Subject:

- Interviewing stakeholders about community issues
- Discussing findings from the interview script

</td><td style="height: 221.05px;">  
</td></tr><tr style="height: 210.9px;"><td style="height: 210.9px; background-color: rgb(164, 191, 102);">  
</td><td style="height: 210.9px; vertical-align: middle;">**<span style="color: rgb(68, 68, 68);">Tangible / Immersive Investigation</span>**

Students conduct hands-on investigations in physical or virtual settings, generating new data through experiments, surveys, or direct observation.

STEAM Subject:

- Conducting an experiment to collect data on the rate of photosynthesis
- Playing with simple circuits to explore electricity flow

Language Subject:

- Exploring a virtual museum with VR to learn about history and related vocabulary
- <span data-olk-copy-source="MessageBody">Visiting the supermarket to learn vocabulary related to daily life</span>

</td><td style="height: 210.9px;">  
</td></tr><tr style="height: 44.775px;"><td colspan="2" style="height: 44.775px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">**Productive Learning**</span></td></tr><tr style="height: 210.9px;"><td style="height: 210.9px; background-color: rgb(253, 106, 23);">  
</td><td style="height: 210.9px; vertical-align: middle;">**<span style="color: rgb(68, 68, 68);">Construction: Conceptual / Visual Artefacts  
</span>**Students work individually or together to construct a conceptual, visual artifact.

STEAM Subject:

- Creating a mind map on photosynthesis using information from the internet
- Designing an experiment plan

Language Subject:

- Creating the writing outline of the news report
- Using AI to develop evaluation criteria for a news report

</td><td style="height: 210.9px;">  
</td></tr><tr style="height: 210.9px;"><td style="height: 210.9px; background-color: rgb(255, 154, 23);">  
</td><td style="height: 210.9px; vertical-align: middle;">**<span style="color: rgb(68, 68, 68);">Construction: Tangible / Manipulable Artefacts  
</span>** Students work individually or together to construct a tangible, manipulable artifact.

STEAM Subject:

- Building a prototype of a thermal bag
- Building a digital thermometer with a micro:bit.

Language Subject:

- Writing a news report based on an outline
- Creating a storybook using generative AI

</td><td style="height: 210.9px;">  
</td></tr><tr style="height: 210.9px;"><td style="height: 210.9px; background-color: rgb(255, 199, 12);">  
</td><td style="height: 210.9px; vertical-align: middle;">**<span style="color: rgb(68, 68, 68);">Presentation, Performance and Illustration  
</span>** Students present, illustrate or perform individually or in group.

STEAM Subject:

- Presenting scientific findings from experiments
- Displaying a thermal bag prototype in a competition

Language Subject:

- Presenting a news report
- Screening a post-edited micro movie

</td><td style="height: 210.9px;">  
</td></tr><tr style="height: 44.775px;"><td colspan="2" style="height: 44.775px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">**Reflective Learning**</span></td></tr><tr style="height: 227.7px;"><td style="height: 227.7px; background-color: rgb(109, 42, 156);">  
</td><td style="height: 227.7px; vertical-align: middle;">**<span style="color: rgb(68, 68, 68);">Reflection  
</span>**Students engage in reflecting on the learning process &amp; experience and making the thoughts explicit.

STEAM Subject:

- Reflecting on the previous scientific investigation process and identifying its shortcomings
- Writing a journal entry about challenges faced during the prototype development

Language Subject:

- Reflecting on the pros and cons of using AI to create a storyboard for a micro movie
- Writing a reflection on the process of composing a news report

</td><td style="height: 227.7px;">  
</td></tr><tr style="height: 210.9px;"><td style="height: 210.9px; background-color: rgb(188, 25, 225);">  
</td><td style="height: 210.9px; vertical-align: middle;">**<span style="color: rgb(68, 68, 68);">Revision  
</span>**Students are given an opportunity to re-submit a piece of work, hence giving them a chance to reflect and improve.

STEAM Subject:

- Revising the thermal bag prototype
- Revising the experimental plan for a scientific investigation

Language Subject:

- Revising the content of a news report
- Revising the script of a micro movie before final filming

</td><td style="height: 210.9px;">  
</td></tr><tr style="height: 147.2px;"><td style="height: 147.2px; background-color: rgb(181, 94, 237);">  
</td><td style="height: 147.2px; vertical-align: middle;">**<span style="color: rgb(68, 68, 68);">Self- / Peer- assessment  
</span>**Students engage in peer- and/ or self- assessment (using self-generated or teacher-provided rubric)

STEAM Subject:

- Using well-designed criteria to self- and peer-assess prototypes of thermal bags
- Using well-designed criteria to self- and peer-assess experimental plans for scientific investigations

Language Subject:

- Using well-designed criteria to self- and peer-assess news reports
- Using well-designed criteria to self- and peer-assess storyboards for micro movies

</td><td style="height: 147.2px;">  
</td></tr></tbody></table>

# 2.7 Supplementary Learning Resources

##### <span style="color: rgb(68, 68, 68);">**Publications**</span>

<span style="color: rgb(68, 68, 68);">Chen, D., Liang, L., &amp; Law, N. (2022). Navigating Multilevel Challenges in Learning Design: An Investigation of Novice Designer Teams’ Learning Trajectory International Journal of Mobile Learning and Organisation. Retrieved from [https://www.inderscience.com/admin/ospeers/getInProduction.php?id=106381&amp;fid=15028&amp;fromonsusy=yes](https://www.inderscience.com/admin/ospeers/getInProduction.php?id=106381&fid=15028&fromonsusy=yes)</span>

<span style="color: rgb(68, 68, 68);">Li, Herrera, L.F., Liang, L. &amp; Law, N. (2022). An outcome-oriented pattern-based model to support teaching as a design science. *Instructional Science,*  *50*, 111-142. doi:10.1007/s11251-021-09563-4. Retrieved from [https://link.springer.com/article/10.1007/s11251-021-09563-4](https://link.springer.com/article/10.1007/s11251-021-09563-4)</span>

<span style="color: rgb(68, 68, 68);">Law, N., &amp; Liang, L. (2020). A Multilevel Framework and Method for Learning Analytics Integrated Learning Design. *JOurnal of learning analytics, 1*(1). Retrieved from [https://learning-analytics.info/index.php/JLA/article/download/6828/7535](https://learning-analytics.info/index.php/JLA/article/download/6828/7535)</span>

<span style="color: rgb(68, 68, 68);">Law, N., Li, L., Herrera, L. F., Chan, A., &amp; Pong, T. C. (2017). A pattern language based learning design studio for an analytics informed inter-professional design community. Interaction Design &amp; Architecture(s), (33), 92-112. Retrieved from [http://www.mifav.uniroma2.it/inevent/events/idea2010/doc/33\_5.pdf](http://www.mifav.uniroma2.it/inevent/events/idea2010/doc/33_5.pdf)</span>

# 3. Learning Design Studio (LDS)

# 3.1 UI Overview and Terminology

<span style="color: rgb(68, 68, 68);">Welcome to the **Learning Design Studio (LDS)**! Starting with this chapter, you will begin exploring the LDS interface and features to create your own learning design.  
  
</span>

#### <span style="color: rgb(68, 68, 68);">**Main User Interface Overview**</span>

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/EZBimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/EZBimage.png)

<span style="color: rgb(68, 68, 68);">Figure 3.1: Main User Interface</span>

<span style="color: rgb(68, 68, 68);">The main navigation items are summarized in the table below. You can find more detailed instructions for each feature in the specific tutorial chapters.</span>

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/C6himage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/C6himage.png)

<span style="color: rgb(68, 68, 68);">Figure 3.2: Navigation</span>

<table border="1" id="bkmrk-1.-remember---recall" style="border-collapse: collapse; width: 100%; height: 326.157px; border-width: 1px;"><colgroup><col style="width: 17.165%;"></col><col style="width: 71.7292%;"></col><col style="width: 11.082%;"></col></colgroup><tbody><tr style="height: 46.5938px;"><th style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(255, 255, 255);">**Item**</span>

</th><th style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(255, 255, 255);">**Description**</span>

</th><th style="border-width: 1px; vertical-align: middle; height: 46.5938px;"><span style="color: rgb(255, 255, 255);">**Tutorial**</span>

</th></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">1. Languages</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">The LDS currently supports English, Traditional Chinese, and Simplified Chinese.</span>

</td><td style="border-width: 1px; vertical-align: middle; height: 46.5938px;"><span style="color: rgb(68, 68, 68);">N/A</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">2. User Guide</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">A simple navigation to the LDS.</span>

</td><td style="border-width: 1px; vertical-align: middle; height: 46.5938px;"><span style="color: rgb(68, 68, 68);">N/A</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">3. My Library</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">You can access and manage your learning designs in one place. Create new designs, edit existing ones, and easily view designs shared with you by others.</span>

</td><td style="border-width: 1px; vertical-align: middle; height: 46.5938px;"><span style="color: rgb(68, 68, 68);">Ch 4-9</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">4. Groups</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">You can create groups for your school or organization, invite members to join, and collaboratively share and co-create learning designs.</span>

</td><td style="border-width: 1px; vertical-align: middle; height: 46.5938px;"><span style="color: rgb(68, 68, 68);">Ch 10</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">5. Notifications</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;">You will receive a notification when there are important updates or invitations from the group.

</td><td style="border-width: 1px; vertical-align: middle; height: 46.5938px;"><span style="color: rgb(68, 68, 68);">N/A</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">6. Profile</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">You can update your email address and display name in the LDS.</span>

</td><td style="border-width: 1px; vertical-align: middle; height: 46.5938px;"><span style="color: rgb(68, 68, 68);">N/A</span>

</td></tr></tbody></table>

#### <span style="color: rgb(68, 68, 68);"> **Learning Design Interface Overview**</span>

When you enter the Learning Design section, the user interface is divided into three panels:

- **Left panel:** Navigation menu
- **Middle panel:** Main interface
- **Right panel:** Learning Design Facilitator (LDF) and Information Window

[![Untitled design (2).gif](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/BBfuntitled-design-2.gif)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/BBfuntitled-design-2.gif)Figure 3.3 Panel-Based Interface

You can drag the edge of a panel to resize it, or click the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/cbkimage.png) button to collapse or expand the panel.

# 3.2 Learning Design Facilitator and Information Window

#### <span style="color: rgb(68, 68, 68);">**What is Learning Design Facilitator (LDF)?**</span>

To help you create your learning design, the IDEALS team has developed the **Learning Design Facilitator (LDF)**, which includes both the **LDS Assistant** and **Chatbot**.

The table below provides an overview of the LDF’s user interface.

<table border="1" id="bkmrk-figure-3.3%3A-interfac" style="border-collapse: collapse; width: 100%; height: 671.537px;"><colgroup><col style="width: 41.24%;"></col><col style="width: 58.76%;"></col></colgroup><tbody><tr style="height: 222.837px;"><td style="height: 335.387px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/3aBimage.png)

Figure 3.4: Interface of Learning Design Facilitator (1)

</td><td style="height: 222.837px;">**<span style="color: rgb(68, 68, 68);">LDS ASSISTANT</span>**

<span style="color: rgb(68, 68, 68);">When creating a learning design in the LDS, you will work through multiple phases: course level, curriculum component level, and task level. The LDS Assistant provides instructions and tips tailored to your current phase and acts as an interface for accessing the LDS Pattern Library, which offers well-defined templates for you to use in each phase. Further details about the LDS Pattern Library will be introduced in the next section.</span>

</td></tr><tr style="height: 168.075px;"><td style="height: 336.15px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/oEPimage.png)

Figure 3.5: Interface of Learning Design Facilitator (2)

</td><td style="height: 168.075px;">**<span style="color: rgb(68, 68, 68);">CHATBOT  
</span>**

- <span style="color: rgb(68, 68, 68);">This AI-powered chatbot can answer your questions, provide suggestions, and support you throughout the learning design process. For example, you can ask for guidance in formulating intended learning outcomes or request feedback on your own ideas in the learning design.  
    </span>
- <span style="color: rgb(68, 68, 68);">To start a new conservation with the chatbot, you can click the "+" button.</span>

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/ybbimage.png)

Figure 3.6: Access to Learning Design Facilitator

- Sometimes, you may see the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/XE7FLwimage.png) button in different locations, such as next to the Intended Learning Outcomes. Please feel free to click on it to request feedback .

</td></tr></tbody></table>


#### **What is Information Window?**

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/mnaimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/mnaimage.png)

Figure 3.7: Interface of Information Window

The Information Window is located in the top right corner. It displays the key information you have inputted or visualizes your learning design. When your learning design becomes more complex, this feature becomes especially valuable, helping you review existing elements and make informed decisions throughout the design process.

# 3.3 Pattern Library

🌟 For guidance on using the Pattern Library, refer to [**Chapter 6 - Create a New Design from Patterns**](https://ideals-doc.cite.hku.hk/books/learning-design-studio-user-guide/chapter/6-creating-a-new-design-from-patterns)

To better support creating a learning design, the IDEALS team developed the Pattern Library, which **provides pre-defined, hands-on resources** for IDEALS users.

Please be aware of this ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/Hs9image.png) button. When you see it, the Learning Design Studio can offer patterns for you to use.

#### **1. Course-level Patterns**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/Wqtimage.png)

Figure 3.8: Course-level Patterns

The LDS provides course-level patterns that offer most of the information needed to complete the learning design for a specific topic, such as engineering design. Each course-level pattern includes intended learning outcomes, a disciplinary practice and a pedagogical approach, a curriculum component sequence, and learning tasks.

#### **2. Curriculum Component Patterns**

<table border="1" id="bkmrk-figure-3.8%3A-curricul" style="border-collapse: collapse; width: 100%; height: 271.3px; border-width: 0px;"><tbody><tr style="height: 242.5px;"><td style="height: 242.5px; border-width: 0px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/BrDimage.png)</td><td style="height: 242.5px; border-width: 0px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/xF9image.png)</td></tr><tr style="height: 28.8px;"><td class="align-center" colspan="2" style="height: 28.8px; border-width: 0px;">Figure 3.9: Curriculum Component Patterns</td></tr></tbody></table>

The LDS provides curriculum component patterns. Each pattern recommends a sequence of tasks for a specific phase of learning, designed to scaffold student learning.


#### **3. Task Patterns**

<table border="1" id="bkmrk-%C2%A0-figure-3.9%3A-task-p" style="border-collapse: collapse; width: 100%; height: 302.6px; border-width: 0px;"><tbody><tr style="height: 273.8px;"><td style="height: 273.8px; border-width: 0px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/Oyoimage.png)</td><td style="height: 273.8px; border-width: 0px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/ntGimage.png)</td></tr><tr style="height: 28.8px;"><td class="align-center" colspan="2" style="height: 28.8px; border-width: 0px;"> Figure 3.10: Task Patterns</td></tr></tbody></table>

<span style="text-align: justify;">The LDS provides task patterns. Each pattern specify the details of each task—such as task type, delivery mode, e-learning tool, and learning resources.</span>

#### **4. Intended Learning Outcomes (ILOs) Patterns**

<table border="1" id="bkmrk-%C2%A0-figure-3.9%3A-intend" style="border-collapse: collapse; width: 100%; height: 252.512px; border-width: 0px;"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><tbody><tr style="height: 242.512px;"><td style="height: 242.512px; border-width: 0px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/Quzimage.png)</td><td style="height: 242.512px; border-width: 0px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/UIPimage.png)</td></tr><tr style="height: 10px;"><td class="align-center" colspan="2" style="height: 10px; border-width: 0px;"> Figure 3.11: Intended Learning Outcomes Patterns</td></tr></tbody></table>

The LDS provides intended learning outcome patterns for all four categories of ILOs across different subjects.

#### **5. Disciplinary Practice (DP) Patterns**

**![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/8Poimage.png)**

 Figure 3.12: Disciplinary Practice Patterns

The LDS provides disciplinary practice patterns such as Engineering Design and Scientific Investigation.

#### **6. Pedagogical Approach (PA) Patterns**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/50uimage.png)

 Figure 3.13: Pedagogical Approach Patterns

The LDS provides pedagogical approach patterns such as Self-directed Learning.

# 4. Creating a New Design

# 4.1 Creating a Learning Design

In the LDS, there are three ways to create a learning design:

<table border="1" id="bkmrk-figure-4.1%3A-my-libra" style="border-collapse: collapse; width: 100%;"><colgroup><col style="width: 44.2076%;"></col><col style="width: 55.7816%;"></col></colgroup><tbody><tr><td>[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/t8aimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-11/scaled-1680-/t8aimage.png)

  
Figure 4.1: My Library

</td><td>1. **Starting from Scratch ([Tutorial](https://ideals-doc.cite.hku.hk/books/learning-design-studio-user-guide/chapter/5-creating-a-new-design-from-scratch))**  
    This approach is ideal for users who want full control and a deeper understanding of every aspect of creating a learning design. By building each element yourself, you’ll become familiar with all the options and features the LDS offers. Even when you choose to start from scratch, the LDS remains flexible by providing many suggested patterns at different levels and aspects to guide your learning design process.
2. **Starting from Patterns ([Tutorial](https://ideals-doc.cite.hku.hk/books/learning-design-studio-user-guide/chapter/6-creating-a-new-design-from-patterns))**  
    This approach is recommended for beginners or anyone seeking a quicker setup. As mentioned in [**Ch3.3 Pattern Library**](https://ideals-doc.cite.hku.hk/books/learning-design-studio-user-guide/page/33-pattern-library), course-level patterns provide ready-made structures of learning designs, making the process easier and more efficient.  
      
    Currently, the LDS provides five course-level patterns:
    
    
    1. **Engineer/Inventor**: Engineering Design + Self-directed Learning
    2. **Scientist**: Scientific Investigation + Self-directed Learning
    3. **Journalist**: Writing a News Report + Self-directed Learning
    4. **Legislator**: Mock Legislative Procedure + Self-directed Learning
    5. **Performer/Entertainer**: Performance Production + Self-directed Learning
3. **Importing an Existing Design ([Tutorial](https://ideals-doc.cite.hku.hk/books/learning-design-studio-user-guide/page/92-exporting-and-importing-the-design-in-the-lds))**  
    If you have a learning design that was previously created in the LDS, or if someone has shared a design with you, you can import it directly. This is useful for reusing and revising existing content.

</td></tr></tbody></table>

# 5. Creating a New Design from Scratch

# 5.1 Entering the Course Information

In this chapter, we will use **"Designing for the Wise",** a STEAM course developed by our partner school, as an example to demonstrate how to apply the Learning Design Triangle (LDT) framework introduced in **[Chapter 2](https://ideals-doc.cite.hku.hk/books/learning-design-studio-user-guide/chapter/2-learning-design-triangle-ldt)** to create a learning design in the Learning Design Studio (LDS).

At the beginning, the LDS guides you to consider some basic course information such as topic, key learning area(s), grade level and lesson time.

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/wlcimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/wlcimage.png)

Figure 5.1: <span style="color: rgb(68, 68, 68);">Course Information Section  
  
</span>

<table border="1" id="bkmrk-1.-remember---recall" style="border-collapse: collapse; width: 100%; height: 279.563px; border-width: 1px;"><colgroup><col style="width: 23.2458%;"></col><col style="width: 76.7542%;"></col></colgroup><tbody><tr style="height: 46.5938px;"><th style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(255, 255, 255);">**Item**</span>

</th><th style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(255, 255, 255);">**Content**</span>

</th></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Title</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-md-12 my-prefix-key-15j76c0"><div class="MuiBox-root my-prefix-key-16kngls"><span class="MuiTypography-root MuiTypography-body1_overview_multiline my-prefix-key-wi38bz" style="color: rgb(68, 68, 68);">Designing for the Wise</span></div></div></td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Description</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span class="MuiTypography-root MuiTypography-body1_overview_multiline my-prefix-key-wi38bz" style="color: rgb(68, 68, 68);">Designing for the Wise is an interactive course where you’ll discover how to create innovative, user-centered solutions for older adults. Learn to empathize with the unique challenges seniors face, apply design thinking processes, and develop practical prototypes that make a real difference. Join us to blend creativity and care as you design a better world for the wise!</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Key Learning Area(s)</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Science Education, Technology Education</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Grade Level</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);"> P6</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">No. of Lesson</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);"> 14</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Duration per Lesson</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);"> 35 mins</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Total In-Lesson Time</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);"> 490mins</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Contributor Name</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);"> IDEALS Admin</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Contributor Affiliation</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);"> IDEALS Partner School</span>

</td></tr></tbody></table>

# 5.2 Exploring with the Learning Design Triangle

Once you have filled out the course information section, you will use the **Learning Design Triangle** framework to design contextual framework for the entire learning design. This involves specifying the 1) intended learning outcomes, 2) disciplinary practice, and 3) pedagogical approach.

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/dkMimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/dkMimage.png)

Figure 5.2: Learning Design Triangle Section

# 5.2.1 Intended Learning Outcomes (ILOs)

🌟 For guidance on developing strong ILOs, refer to **[Chapter 2.2 - Intended Learning Outcomes (ILOs)](https://ideals-doc.cite.hku.hk/books/learning-design-studio-user-guide/page/22-intended-learning-outcomes-ilos)**

In the Learning Design Studio (LDS), there are four categories of Intended Learning Outcomes (ILOs):

- **Disciplinary Knowledge**: The core concepts, theories, facts, and frameworks that are recognized and developed within a particular field or area of study.
- **Disciplinary Skills**: The specific techniques, methods, and competencies associated with a particular field or area of study.
- **Generic Skills**: The broad abilities that help people succeed in education, work, and daily life, regardless of a particular field or area of study.
- **Values &amp; Attitudes**: The beliefs, principles, and dispositions that guide a person's behavior, decision-making, and interactions with others.

####  **Adding a New ILO** 

There are two ways to add a new ILO: (1) writing it yourself, or (2) using the ILO patterns.

**1. Adding a New ILO - Writing it Yourself**

- You will write the full ILO to<span style="color: rgb(68, 68, 68);"> indicate what students is expected to achieve as a result of the learning process. </span>

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/EH2image.png)

Figure 5.3: Adding a New ILO

- If you have not added any ILOs before, you can click the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/Uitimage.png) or ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/yp4image.png) button to add a new ILO.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/082image.png)

Figure 5.4: Interface of the ILO Builder (1)

- We will review each field in the ILO Builder below.

<table border="1" id="bkmrk-1.-remember---recall" style="border-collapse: collapse; width: 100%; height: 882.201px; border-width: 0px;"><colgroup><col style="width: 99.9762%;"></col></colgroup><tbody><tr style="height: 46.5625px;"><td style="border-width: 0px; vertical-align: middle; height: 46.5625px;">**1. Subject/Discipline(s)**

 ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/Wlaimage.png)

Figure 5.5: Interface of the ILO Builder (2)

- Select the appropriate discipline(s) for each ILO as needed.

</td></tr><tr style="height: 80.0852px;"><td style="border-width: 0px; vertical-align: middle; height: 80.0852px;">**2. Category**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/AeSimage.png)

Figure 5.6: Interface of the ILO Builder (3)

- Select the category of ILO: **Disciplinary Knowledge, Disciplinary Skills, Generic Skills, or Values &amp; Attitudes**.

</td></tr><tr style="height: 565.511px;"><td style="border-width: 0px; vertical-align: middle; height: 565.511px;">**3. Bloom's Taxonomy Level**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/9ifimage.png)

Figure 5.7: Interface of the ILO Builder (4)

- Select the Bloom’s Taxonomy level that best reflects the intended skill, knowledge, or value for this outcome (e.g., Remember, Apply, Evaluate).

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/F3fimage.png)

  
Figure 5.8: Writing a ILO with the Learning Design Facilitator

- After selecting the Bloom’s Taxonomy level, the Learning Design Facilitator will recommend suitable action verbs to help you formulate your ILOs.
- Choose the appropriate action verb that best reflects the skill, knowledge, or value targeted by your ILO.

</td></tr><tr style="height: 96.9176px;"><td style="border-width: 0px; vertical-align: middle; height: 96.9176px;">**4. ILO and Learning Design Facilitator**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/zLJimage.png)

Figure 5.9: Interface of the ILO Builder (5)

- Click the Learning Design Facilitator button![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/f3Wimage.png)to request feedback from the chatbot on your ILO.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/eAoimage.png)

Figure 5.10: Evaluating a ILO with the Chatbot

</td></tr><tr style="height: 46.5625px;"><td style="border-width: 0px; vertical-align: middle; height: 46.5625px;">**5. Sub-ILO(s)**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/5Yfimage.png)

Figure 5.11: Interface of the ILO Builder (6)

- To provide greater clarity, an ILO can be subdivided into more detailed sub-ILOs as needed.

</td></tr></tbody></table>

**2. Adding a New ILO - Use the ILO Pattern**

- In addition to writing your own ILO, you may use our pre-defined pattern.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/KfDimage.png)

Figure 5.12: Intended Learning Outcomes - Values &amp; Attitude

- For example, if you want to create an ILO for the **Values &amp; Attitude** category, we can create one by using the ILO patterns.

<table border="1" id="bkmrk-figure-6.13%3A%C2%A0-the-il" style="border-collapse: collapse; width: 100%; border-width: 0px; height: 971.463px;"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><tbody><tr style="height: 304.163px;"><td style="border-width: 0px; height: 304.163px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/zjZimage.png)

</td><td style="border-width: 0px; height: 304.163px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/lzximage.png)

</td></tr><tr style="height: 667.3px;"><td class="align-center" colspan="2" style="border-width: 0px; height: 667.3px;">Figure 5.13: The ILOs Patterns in the LDS Facilitator

- After selecting the targeted ILO category in the Learning Design Facilitator, click the **"SHOW INTENDED LEARNING OUTCOME PATTERNS"** button to view suggested patterns. Alternatively, you can click the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/Txiimage.png) button to instantly activate the pattern list.
- By clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/UsJimage.png)<span style="text-align: center;"> button, you can explore the details of the targeted ILO pattern. </span>

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/pngimage.png)

Figure 5.14: Details of the Targeted ILO Pattern (1)

- You can use the targeted ILO pattern directly by clicking **"COPY"** button in the pop-up window, or by clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/vDhimage.png) button in the Learning Design Facilitator. The ILO pattern details will be auto-filled into the LDS.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/zrpimage.png)

Figure 5.15: Details of the Targeted ILO Pattern (2)

- You can edit the details of the targeted ILO pattern in the ILO builder if needed.

</td></tr></tbody></table>

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/Cmiimage.png)

Figure 5.16: An example of a completed ILO section

# 5.2.2 Disciplinary Practice (DP)

🌟 For guidance on choosing disciplinary practice, refer to **[Chapter 2.3 - Disciplinary Practice (DP)](https://ideals-doc.cite.hku.hk/books/learning-design-studio-user-guide/page/23-disciplinary-practice-dp)**


#### **Adding a New DP**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/K1Vimage.png)

Figure 5.17: Adding a New DP

If you have not added any DP before, please click the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/Y1Wimage.png) or ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/yp4image.png) button to add a new DP. However, creating a DP from scratch can be challenging. We highly recommend starting with our DP patterns available in the Learning Design Facilitator.

<table border="1" id="bkmrk-1.-remember---recall" style="border-collapse: collapse; width: 100%; height: 431.989px; border-width: 0px;"><colgroup><col style="width: 99.9762%;"></col></colgroup><tbody><tr style="height: 338.807px;"><td style="height: 338.807px; border-width: 0px; vertical-align: middle;"><table border="1" style="border-collapse: collapse; width: 100%;"><colgroup><col style="width: 43.6949%;"></col><col style="width: 56.3538%;"></col></colgroup><tbody><tr><td>![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/FMpimage.png)

</td><td>![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/15limage.png)

</td></tr><tr><td class="align-center">Figure 5.18: The DP Patterns in the Learning Design Facilitator</td><td class="align-center">Figure 5.19: Details of the Targeted DP Pattern</td></tr></tbody></table>

- By clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/UsJimage.png) button, you can explore the details of the targeted DP pattern.
- You can use the targeted DP pattern directly by clicking **"COPY"** button in the pop-up window, or by clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/vDhimage.png) button in the <span style="color: rgb(68, 68, 68);">Learning Design Facilitator. The DP pattern details will be automatically appear in the LDS.</span>

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/Qcqimage.png)

Figure 5.20: An Example of a Completed DP

</td></tr><tr style="height: 46.5909px;"><td style="height: 46.5909px; border-width: 0px; vertical-align: middle;"> </td></tr></tbody></table>

# 5.2.3 Pedagogical Approach

🌟 For guidance on choosing pedagogical approach, refer to **[Chapter 2.4 - Pedagogical Approach](https://ideals-doc.cite.hku.hk/books/learning-design-studio-user-guide/page/24-pedagogical-approach)**

#### **Adding a New Pedagogical Approach**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/zHaimage.png)

Figure 5.22: Adding a New Pedagogical Approach

If you have not added any pedagogical approach before, please click the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/ceNimage.png) or ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/yp4image.png) button to add a new pedagogical approach. Please read the introduction below to guide you in completing the Pedagogical Approach section.

In general, we highly recommend starting with the Learning Design Facilitator. You can use the pedagogical approach patterns we have designed for you to copy and use in your own design.

<table border="1" id="bkmrk-1.-remember---recall" style="border-collapse: collapse; width: 100%; height: 339.267px; border-width: 0px;"><colgroup><col style="width: 99.9762%;"></col></colgroup><tbody><tr style="height: 229.395px;"><td style="height: 229.395px; border-width: 0px; vertical-align: middle;"><table border="1" style="border-collapse: collapse; width: 100.049%;"><colgroup><col style="width: 41.1406%;"></col><col style="width: 58.9081%;"></col></colgroup><tbody><tr><td>![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/pIAimage.png)

</td><td>![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/aBOimage.png)</td></tr><tr><td>Figure 5.23: The Pedagogical Approach Patterns in the Learning Design Facilitator</td><td>Figure 5.24: Details of the Targeted Pedagogical Approach Pattern</td></tr></tbody></table>

- By clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/UsJimage.png) button, you can explore the details of the targeted pedagogical approach pattern.

- You can use the targeted pedagogical approach pattern directly by clicking **"COPY"** button in the pop-up window, or by clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/vDhimage.png) button in the Learning Design Facilitator. The pedagogical approach details will be auto-filled into the LDS.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/a7Cimage.png)

Figure 5.25: An Example of a Completed Pedagogical Approach

</td></tr><tr style="height: 46.5625px;"><td style="height: 46.5625px; border-width: 0px; vertical-align: middle;"> </td></tr></tbody></table>

# 5.3.1 Creating Curriculum Components (CCs) Part 1

After completing the Learning Design Triangle (LDT) to establish the contextual framework for the entire learning design, we will explore how to develop Curriculum Components (CCs) and learning tasks that align with these elements, transforming overarching design concepts into actionable teaching practices. For a detailed theoretical explanation of Curriculum Components (CC), see **[Chapter 2.5 – Curriculum Component Sequence](https://ideals-doc.cite.hku.hk/books/learning-design-studio-user-guide/page/25-curriculum-component-sequence)**.

The following instructions will guide you in creating the first CC for your learning design.

#### **Creating the First CC**

The first Curriculum Component (CC) marks the beginning of the course, **"Designing for the Wise."** It is designed to help learners get started and build a strong foundation for subsequent learning. CC1 prepares students by developing their skills in identifying problems and goal-setting for the inquiry.

 **Step 1: Adding a New CC**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/qGcimage.png)  
Figure 5.27:  Adding a New CC

- By clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/vVqimage.png) button , you can open the CC builder.

 **Step 2: Mapping the LDT Elements to the CC**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/T8Fimage.png)

Figure 5.28: The Interface of the CC builder

- Please read the introduction below to guide you in creating a CC.

<table border="1" id="bkmrk-1.-cc-name-%C2%A0-%F0%9F%92%A1formul" style="border-collapse: collapse; width: 100%; height: 2477.23px; border-width: 0px;"><colgroup><col style="width: 99.881%;"></col></colgroup><tbody><tr style="height: 251.45px;"><td style="height: 251.45px; border-width: 0px;">**2.1 CC Name**

**<span style="color: #206ea7; font-size: 18px;">💡Formula of naming a CC</span>**

Through the **1) focal task(s)** to **2) achieve the intended learning outcome** to **3) implement the workflow step(s) of a disciplinary practice** for **4) applying the focus or foci of the pedagogical approach**.

- E.g. Through **1) stimulus observation and conducting interviews with the elderly** to **2) understand their unique needs and daily challenges** to **3) identify problems** for **4) goal-setting**.

</td></tr><tr style="height: 356.225px;"><td style="height: 356.225px; border-width: 0px;">**2.2 Workflow steps**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/SNlimage.png)

Figure 5.29: The Workflow Steps of Engineering Design

- The workflow steps of Engineering Design are drawn from the Disciplinary Practice (DP) section you completed previously.
- Select "Identify problem" for this CC.

</td></tr><tr style="height: 439.1px;"><td style="height: 439.1px; border-width: 0px;">**2.3 Pedagogical foci**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-08/scaled-1680-/v3wimage.png)

Figure 5.30: The Pedagogical Foci of Self-directed Learning

- The pedagogical foci of Self-directed Learning are drawn from the Pedagogical Approach section you completed previously.
- Select "Goal-setting" for this CC.

</td></tr><tr style="height: 1430.46px;"><td style="height: 1430.46px; border-width: 0px;">**2.4 Linked Intended Learning Outcomes (ILOs)**

- Finally, we will select the ILOs to be achieved in the CC, ensuring they align with the chosen workflow steps of disciplinary practice and pedagogical approach within the specific phase of learning.

<span style="text-decoration: underline;">2.4.1. The Link Button</span>

![Picture29.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-08/scaled-1680-/picture29.png)

   
Figure 5.31: Linking the ILOs to a CC (1)

- You can view all the Intended Learning Outcomes (ILOs) entered in the LDT section by clicking the [![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/EXKimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/EXKimage.png) button.

<span style="text-decoration: underline;">2.4.2 Selecting the Appropriate ILOs</span>

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-10/scaled-1680-/egUimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-10/scaled-1680-/egUimage.png)

Figure 5.32: Linking the ILOs to a CC (2)

E.g.

- Identify the unique needs and challenges that elderly face in their daily lives.
- Demonstrate openness to elderly perspectives in design discussions.

<span style="text-decoration: underline;">2.4.3 The Alert Icon and Complete Icon</span>

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-10/scaled-1680-/Tstimage.png)

Figure 5.33: Unassessed ILOs in a CC

- For each learning outcome, you should add an assessment to evaluate student performance. If an assessment has not been added to a learning outcome, an alert icon ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/M38image.png) will appear as a reminder. Once an assessment is assigned, this will be replaced with a complete icon ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/LyAimage.png). We will discuss how to assign an assessment in the next section.

<span style="text-decoration: underline;">2.4.4 The Unlink Button</span>

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/0N3image.png)

Figure 5.34: Dissociating the ILOs from the CC

- You can dissociate a specific ILO from the CC by clicking the [![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/r6ximage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/r6ximage.png) button.

</td></tr></tbody></table>

# 5.3.2 Creating Curriculum Components (CCs) Part 2

#### **Creating the First CC (Cont.)** 

**Step 3: Creating the Task Sequence for the CC**

- After deciding on the intended learning outcomes, workflow steps, and pedagogical focus of the CC, the next step is to assign and sequence the learning tasks and assessments.
- Below is an example of a completed CC with well-sequenced tasks and assessments, which we will examine in this section.

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/sPiimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/sPiimage.png)[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/Pn8image.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/Pn8image.png)

Figure 5.35: An Example of a Completed CC

<span style="text-decoration: underline;">3.1 Creating a Task</span>

- We will use the "Conducting Client Interviews to Identify Design Needs" task to demonstrate how to add a task

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/JJeimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/JJeimage.png)

Figure 5.36: Adding New Learning Task(s)

- By clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/5Urimage.png) button , you can open the Task builder.

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/bM6image.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/bM6image.png)[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/7hJimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/7hJimage.png)

Figure 5.37: Interface of the Task Builder

- Please read the introduction below to guide you in creating a task.

<table border="1" id="bkmrk-1.-task-information-" style="border-collapse: collapse; width: 100%; height: 1124.85px;"><colgroup><col style="width: 63.5158%;"></col><col style="width: 36.4603%;"></col></colgroup><tbody><tr style="height: 46.5625px;"><th style="border-width: 1px; vertical-align: middle; height: 46.5625px;"><span style="color: rgb(255, 255, 255);">**Item**</span>

</th><th style="height: 46.5625px; border-width: 1px; vertical-align: middle;">**Example of this CC**

</th></tr><tr style="height: 260.6px;"><td class="align-center" style="height: 260.6px;">**1. Task Information**

- Provide a clear task title and description for a learning task.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/Cu5image.png)

  
  
  
Figure 5.38: Task Information</td><td style="height: 260.6px;">**Task title:**

Conducting Client Interviews to Identify Design Needs

**Description**:

Students will interview the elderly individual to gain insight into their daily experiences and needs.

</td></tr><tr style="height: 157.413px;"><td class="align-left" style="height: 157.413px;">**2. Stage**

- Is this a pre-class, in-class, or after-class task?

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/tDFimage.png)

Figure 5.39: Stage

</td><td style="height: 157.413px;">In-class

</td></tr><tr style="height: 165.175px;"><td style="height: 165.175px;">**3. Task Type**

- Please refer to **Chapter 2.6 - Task Taxonomy** for more details.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/9Y6image.png)

Figure 5.40: Task Type

</td><td style="height: 165.175px;">Explorations through Conversation</td></tr><tr style="height: 142.05px;"><td style="height: 142.05px;">**4. Duration**

- How long is the task?

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/9tLimage.png)

Figure 5.41: Duration

</td><td style="height: 142.05px;">30 mins</td></tr><tr style="height: 234.65px;"><td style="height: 234.65px;">**5. Delivery Mode**

- Possible Options: 
    - Face-to-Face (Inside Classroom, Outside Classroom)
    - Online (Synchronous, Asynchronous)
    - Hybrid

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/5LCimage.png)

Figure 5.42: Delivery Mode

</td><td style="height: 234.65px;">Outside Classroom</td></tr><tr style="height: 29.6px;"><td style="height: 29.6px;">**6. Social Organization**

- Possible Options: 
    - Whole Class
    - Group
    - Individual
    - Peer

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/9zoimage.png)

Figure 5.43: Social Organization

</td><td style="height: 29.6px;">Group, Size: 5

</td></tr><tr style="height: 29.6px;"><td style="height: 29.6px;">**7. Feedback Provider**

- You can select more than one feedback providers. 
    - Teacher
    - Peer
    - Self
    - Others

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/Vsoimage.png)

Figure 5.44: Feedback Provider

</td><td style="height: 29.6px;">Teacher</td></tr><tr style="height: 29.6px;"><td style="height: 29.6px;">**8. Assessment**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/T6Qimage.png)

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/pOfimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/pOfimage.png)

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/fKximage.png)

Figure 5.45: Triggering the Assessment Option in a Task

</td><td style="height: 29.6px;">A learning task can also serve as an assessment.

If you select the assessment option, you will need to

- assign the feedback provider(s), and
- specify the targeted learning outcomes for this task to be assessed  
      
    
    - e.g. Demonstrate openness to elderly perspectives in design discussions

</td></tr><tr style="height: 29.6px;"><td style="height: 29.6px;">**9. E-learning Tool**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/MWWimage.png)

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/hyHimage.png)

Figure 5.46: Interface for Adding E-learning Tool(s) to a Task

</td><td style="height: 29.6px;">The e-learning tools section allows you to select the type of tool you want to use to implement the task.

For example, if you want to create a space for students to submit their homework, you can choose the Assignment tool, as demonstrated here.

</td></tr><tr><td>**10. Resources**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/Zxeimage.png)

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/2uRimage.png)

Figure 5.47: Interface for Adding Resource(s) to a Task

</td><td>The resource section allows you to select the type of resource or tool you want to use to support the learning process.

For example, you can upload the interview guiding questions and the interview skills rubric for use in the course.

</td></tr></tbody></table>

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/ZbRimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/ZbRimage.png)Figure 5.48: Preview of a Learning Task

- The task appears in the CC page.

<span style="text-decoration: underline;">3.2 A Quick Reminder</span>

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/RtWimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/RtWimage.png)

Figure 5.49: Preview of a CC

- The LDS will remind you to assign assessments to any unassessed learning outcomes within the CC.
- \* You can continue adding more tasks to complete your <span style="text-align: justify; color: rgb(68, 68, 68);">Curriculum </span>Component (CC), and add additional CCs to finalize your learning design by repeating the steps mentioned above.

<span style="text-decoration: underline;">3.3 Moving a Task</span>

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/RG3image.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/RG3image.png)Figure 5.50: Moving a Task (1)

- By clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/m5Rimage.png) button, you will see a list of tasks for each CC.

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/oAaimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/oAaimage.png)

Figure 5.51: Moving a Task (2)

- You can click any of the tasks to reallocate the current task to a position after it.

**Additional: Information Window, and Header**

- There is some additional information to help you analyze the learning design.

<table border="1" id="bkmrk-item-description-exa-1" style="border-collapse: collapse; width: 102.857%; height: 1796.26px; border-width: 1px;"><colgroup><col style="width: 19.1849%;"></col><col style="width: 47.4261%;"></col><col style="width: 33.3651%;"></col></colgroup><tbody><tr style="height: 46.5625px;"><th style="height: 46.5625px; border-width: 1px; vertical-align: middle;">**<span style="color: rgb(255, 255, 255);">Item</span>**

</th><th style="border-width: 1px; vertical-align: middle; height: 46.5625px;">**<span style="color: rgb(255, 255, 255);">Description</span>**

</th><th style="height: 46.5625px; border-width: 1px; vertical-align: middle;">**<span style="color: rgb(255, 255, 255);">Example</span>**

</th></tr><tr style="height: 450.391px;"><td style="height: 450.391px; border-width: 1px; vertical-align: middle;">1. Information Window</td><td style="border-width: 1px; vertical-align: middle; height: 450.391px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/tzSimage.png)

<span style="color: #444444;">Figure 5.52: Information Window in the CC Section</span>

</td><td style="height: 450.391px; border-width: 1px; vertical-align: middle;">In the CC section, the information window will visualise your overall CC design with the pie chart

- Distribution of time spent on learning task types
- Distribution of number of iLAP tools adopted
- Distribution of time spent on delivery modes

</td></tr><tr><td style="border-width: 1px; vertical-align: middle;">2. Header</td><td colspan="2" style="border-width: 1px; vertical-align: middle;">  
[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/DyQimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/DyQimage.png)

  
<span style="color: #444444;">Figure 5.53: An Example of a Curriculum Component Sequence</span>

Total Learning Time: 440 min

- It includes the time spent on all pre-class, in-class, and after-class activities.

 Designed Total In-Lesson Time: 335 / 490 min

- 335 min is the time spent on in-class activities.
- 490 min is the possible in-class time allocated for this course

 Expand all

- Expand all the CC to see the details

 Collapse all

- Collapse all the CC to hide the details

</td></tr></tbody></table>

# 6. Creating a New Design from Patterns

# 6.1 Entering the Course Information

In this chapter, we will explore how to create a new learning design about developing a product for the elderly, similar to what we demonstrated in Chapter 5. However, this time we will use the Pattern Library, beginning with the course-level pattern.

#### **Choosing a Course-level Pattern**

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/6yUimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/6yUimage.png)Figure 6.1: The Course-level Pattern Library

After selecting the pattern **1) "Engineer/Inventor (Engineering Design + Self-directed Learning)"** , a new learning design will **2) appear in "My Library"**.

#### **Entering the Course Information**

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/RgFimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/RgFimage.png)

Figure 6.2: The Course Information Section of the Engineering Designer Pattern

After choosing **"Engineer/Inventor (Engineering Design + Self-directed Learning)"**, the pattern have already provided some course information. You can adapt or modify the provided information and fill in the remaining details as needed.

\* The customised item will be highlighted in red.

<table border="1" id="bkmrk-1.-remember---recall" style="border-collapse: collapse; width: 100%; height: 279.563px; border-width: 1px;"><colgroup><col style="width: 23.2458%;"></col><col style="width: 76.7542%;"></col></colgroup><tbody><tr style="height: 46.5938px;"><th style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(255, 255, 255);">**Item**</span>

</th><th style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(255, 255, 255);">**Content**</span>

</th></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Title</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-md-12 my-prefix-key-15j76c0"><div class="MuiBox-root my-prefix-key-16kngls"><s><span class="MuiTypography-root MuiTypography-body1_overview_multiline my-prefix-key-wi38bz" style="color: rgb(68, 68, 68);">Engineer/Inventor (Engineering Design + Self-directed Learning)</span></s></div></div><div class="MuiBox-root my-prefix-key-16kngls">  
</div><div class="MuiBox-root my-prefix-key-16kngls"><span class="MuiTypography-root MuiTypography-body1_overview_multiline my-prefix-key-wi38bz" style="color: rgb(224, 62, 45);">Designing for the Wise</span></div></td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Description</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span class="MuiTypography-root MuiTypography-body1_overview_multiline my-prefix-key-wi38bz" style="color: rgb(224, 62, 45);">Designing for the Wise is an interactive course where you’ll discover how to create innovative, user-centered solutions for the elderly. Learn to empathize with the unique challenges the elderly face, apply design thinking processes, and develop practical prototypes that make a real difference. Join us to blend creativity and care as you design a better world for the wise!</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Key Learning Area(s)</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Science Education, Technology Education</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Grade Level</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(224, 62, 45);">P6</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">No. of Lesson</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);"> 6</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Duration per Lesson</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(224, 62, 45);">35</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Total In-Lesson Time</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(224, 62, 45);">210</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Contributor Name</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">-</span>

</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">Contributor Affiliation</span></td><td style="height: 46.5938px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(68, 68, 68);">-</span>

</td></tr></tbody></table>

# 6.2 Exploring with the Learning Design Triangle

Once you have filled out the course information section, you will use the **Learning Design Triangle** framework to design contextual framework for the entire learning design. Unlike creating a course from scratch, using the course-level pattern provides you with the foundational elements of the LDT, streamlining the design process.

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/S0uimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/S0uimage.png)

Figure 6.3: Learning Design Triangle Section

# 6.2.1 Intended Learning Outcomes (ILOs)

The course-level pattern **Engineer/Inventor (Engineering Design + Self-directed Learning)** has provided some intended learning outcome patterns for you. However, you still need to customise the patterns or add new ILOs to complete your learning design.

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/tSjimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/tSjimage.png)

Figure 6.4: Learning Design Triangle Section - Intended Learning Outcomes

For the following part, you will explore how to add the new ILOs to the design.

🌟 For guidance on developing strong ILOs, refer to **[Chapter 2.2 - Intended Learning Outcomes (ILOs)](https://ideals-doc.cite.hku.hk/books/learning-design-studio-user-guide/page/22-intended-learning-outcomes-ilos)**

In the LDS, there are four categories of Intended Learning Outcomes (ILOs):

- **Disciplinary Knowledge**: The core concepts, theories, facts, and frameworks that are recognized and developed within a particular field or area of study.
- **Disciplinary Skills**: The specific techniques, methods, and competencies associated with a particular field or area of study.
- **Generic Skills**: The broad abilities that help people succeed in education, work, and daily life, regardless of a particular field or area of study.
- **Values &amp; Attitudes**: The beliefs, principles, and dispositions that guide a person's behavior, decision-making, and interactions with others.

#### **Adding a New ILO** 

There are two ways to add a new ILO: (1) using the ILO patterns or (2) writing it yourself.

**1. Use the ILO Patterns**

- You will use our pre-defined pattern to indicate what students is expected to achieve as a result of the learning process.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/TXoimage.png)

Figure 6.5: Intended Learning Outcomes - Values &amp; Attitude

- For example, if you want to create an ILO for the **Values &amp; Attitude** category, we can create one by using the ILO patterns.

<table border="1" id="bkmrk-figure-6.13%3A%C2%A0-the-il" style="border-collapse: collapse; width: 100%; border-width: 0px;"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><tbody><tr><td style="border-width: 0px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/zjZimage.png)</td><td style="border-width: 0px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/lzximage.png)</td></tr><tr><td class="align-center" colspan="2" style="border-width: 0px;">Figure 6.6: The ILOs Patterns in the LDS Facilitator

- After selecting the targeted ILO category in the Learning Design Facilitator, click the **"SHOW INTENDED LEARNING OUTCOME PATTERNS"** button to view suggested patterns. Alternatively, you can click the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/Txiimage.png) button to instantly activate the pattern list.
- By clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/UsJimage.png)<span style="text-align: center;"> button, you can explore the details of the targeted ILO. </span>

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/pngimage.png)

Figure 6.7: Details of the Targeted ILO Pattern (1)

- You can use the targeted ILO pattern directly by clicking **"COPY"** button in the new pop-up window, or by clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/vDhimage.png) button in the Learning Design Facilitator. The ILO pattern details will be auto-filled into the LDS.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/zrpimage.png)

  
Figure 6.8: Details of the Targeted ILO Pattern (2)

- After copying the ILO pattern, you can see the ILO "Students learn to respect others, including accepting and respecting others' viewpoints and differences." appear in the ILO builder.
- To better fit our course context and the Bloom‘s Taxonomy, we can modify it to: “<span style="color: rgb(224, 62, 45);">Demonstrate willingness to accept and respect the elderly, including accepting and respecting their viewpoints and differences.</span>”

</td></tr></tbody></table>

**2. Writing it Yourself**

- In addition to using patterns, you may write a full ILO yourself<span style="color: rgb(68, 68, 68);">.</span>

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/EH2image.png)

Figure 6.9: Adding a New ILO

- If you have not added any ILOs before, you can click the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/Uitimage.png) or ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/yp4image.png) button to add a new ILO.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/082image.png)

Figure 6.10: Interface of the ILO Builder (1)

- We will review each field in the ILO Builder below.

<table border="1" id="bkmrk-1.-remember---recall" style="border-collapse: collapse; width: 100%; height: 882.201px; border-width: 0px;"><colgroup><col style="width: 99.9762%;"></col></colgroup><tbody><tr style="height: 46.5625px;"><td style="border-width: 0px; vertical-align: middle; height: 46.5625px;">**1. Subject/Discipline(s)**

 ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/Wlaimage.png)

Figure 6.11: Interface of the ILO Builder (2)

- Select the appropriate discipline(s) for each ILO as needed.

</td></tr><tr style="height: 80.0852px;"><td style="border-width: 0px; vertical-align: middle; height: 80.0852px;">**2. Category**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/AeSimage.png)

Figure 6.12: Interface of the ILO Builder (3)

- Select the category of ILO: **Disciplinary Knowledge, Disciplinary Skills, Generic Skills, or Values &amp; Attitudes**.

</td></tr><tr style="height: 565.511px;"><td style="border-width: 0px; vertical-align: middle; height: 565.511px;">**3. Bloom's Taxonomy Level**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/9ifimage.png)

Figure 6.13: Interface of the ILO Builder (4)

- Select the Bloom’s Taxonomy level that best reflects the intended skill, knowledge, or value for this outcome (e.g., Remember, Apply, Evaluate).

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/F3fimage.png)  
  
Figure 6.14: Writing a ILO with the Learning Design Facilitator

- After selecting the Bloom’s Taxonomy level, the Learning Design Facilitator will recommend suitable action verbs to help you formulate your ILOs.
- Choose the appropriate action verb that best reflects the skill, knowledge, or value targeted by your ILO.

</td></tr><tr style="height: 96.9176px;"><td style="border-width: 0px; vertical-align: middle; height: 96.9176px;">**4. ILO and Learning Design Facilitator**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/5r4image.png)

Figure 6.15: Interface of the ILO Builder (5)

- Click the Learning Design Facilitator button![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/f3Wimage.png)to request feedback from the chatbot on your ILO.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/eAoimage.png)

Figure 6.16: Writing a ILO with the Chatbot

</td></tr><tr style="height: 46.5625px;"><td style="border-width: 0px; vertical-align: middle; height: 46.5625px;">**5. Sub-ILO(s)**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/5Yfimage.png)

Figure 6.17: Interface of the ILO Builder (6)

- To provide greater clarity, an ILO can be subdivided into more detailed sub-ILOs as needed.

</td></tr></tbody></table>

# 6.2.2 Disciplinary Practice (DP)

🌟 For guidance on choosing disciplinary practice, refer to **[Chapter 2.3 - Disciplinary Practice (DP)](https://ideals-doc.cite.hku.hk/books/learning-design-studio-user-guide/page/23-disciplinary-practice-dp)**

The course-level pattern **Engineer/Inventor (Engineering Design + Self-directed Learning)** has provided the the disciplinary practice details for you.

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/Gwvimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/Gwvimage.png)

Figure 6.19 Learning Design Triangle Section - Disciplinary Practice

<table border="1" id="bkmrk-1.-remember---recall" style="border-collapse: collapse; width: 100%; height: 431.989px; border-width: 0px;"><colgroup><col style="width: 99.9892%;"></col></colgroup><tbody><tr style="height: 338.807px;"><td style="height: 338.807px; border-width: 0px; vertical-align: middle;">**1. Editing or Creating a DP**

- By clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/Jemimage.png) or ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/mW8image.png) button, you can access the DP builder to modify the DP information.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/3RWimage.png)

Figure 6.20: Editing/Creating a DP

</td></tr><tr style="height: 46.5909px;"><td style="height: 46.5909px; border-width: 0px; vertical-align: middle;">**2. Learning Design Facilitator**

- In the Learning Design Facilitator, there are DP Patterns that we have designed for you to copy and use in your own design.

<table border="1" style="border-collapse: collapse; width: 99%;"><colgroup><col style="width: 43.6949%;"></col><col style="width: 56.3538%;"></col></colgroup><tbody><tr><td class="align-center">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/IAeimage.png)

</td><td class="align-center">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/98limage.png)

</td></tr><tr><td class="align-center">Figure 6.21: The DP Patterns in the Learning Design Facilitator</td><td class="align-center">Figure 6.22: Details of the Targeted DP Pattern</td></tr></tbody></table>

- By clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/UsJimage.png) button, you can explore the details of the targeted DP pattern.

- You can use the targeted DP pattern directly by clicking **"COPY"** button in the pop-up window, or by clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/vDhimage.png) button in the <span style="color: rgb(68, 68, 68);">Learning Design Facilitator. The DP pattern details will be automatically appear in the LDS.  
    </span>

</td></tr><tr><td style="border-width: 0px; vertical-align: middle;"> </td></tr></tbody></table>

# 6.2.3 Pedagogical Approach

🌟 For guidance on choosing pedagogical approach, refer to **[Chapter 2.4 - Pedagogical Approach](https://ideals-doc.cite.hku.hk/books/learning-design-studio-user-guide/page/24-pedagogical-approach)**

The course-level pattern **Engineer/Inventor (Engineering Design + Self-directed Learning)** has provided the the pedagogical approach details for you.

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/4xHimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/4xHimage.png)

Figure 6.24 Learning Design Triangle Section - Pedagogical Approach

Please see the introduction below on how to interact with the LDS to edit/create the pedagogical approach.

<table border="1" id="bkmrk-1.-remember---recall" style="width: 104.762%; height: 1291px; border-collapse: collapse; border-width: 0px;"><colgroup><col style="width: 100%;"></col></colgroup><tbody><tr style="height: 563.388px;"><td style="height: 563.388px; border-width: 0px;">**1. Editing or Creating a pedagogical approach**

- By clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/Jemimage.png) or ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/Eecimage.png)button, you can access the area to modify the pedagogical approach information.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/edTimage.png)

Figure 6.25: Editing/Creating the Pedagogical Approach

</td></tr><tr style="height: 604.013px;"><td style="height: 604.013px; border-width: 0px;">**2. Learning Design Facilitator**

- In the Learning Design Facilitator, there are Pedagogical Approach Patterns that we have designed for you to copy and use in your own design.

<table border="1" style="border-collapse: collapse; width: 100.049%;"><colgroup><col style="width: 43.2489%;"></col><col style="width: 56.7394%;"></col></colgroup><tbody><tr><td>![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/pIAimage.png)</td><td>![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/aBOimage.png)

</td></tr><tr><td>Figure 6.26: The Pedagogical Approach Patterns in the Learning Design Facilitator</td><td>Figure 6.27: Details of the Targeted Pedagogical Approach Pattern</td></tr></tbody></table>

- By clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/UsJimage.png) button, you can explore the details of the targeted pedagogical approach pattern.

- You can use the targeted pedagogical approach directly by clicking **"COPY"** in the pop-up window, or by clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/vDhimage.png) button in the Learning Design Facilitator. The pedagogical approach details will be auto-filled into the LDS.

</td></tr></tbody></table>

# 6.3.1 Creating Curriculum Components (CCs) Part 1

After completing the Learning Design Triangle (LDT) to establish the contextual framework for the entire learning design, we will explore how to develop Curriculum Components (CCs) and learning tasks that align with these elements, transforming overarching design concepts into actionable teaching practices. For a detailed theoretical explanation of Curriculum Components (CC), see **[Chapter 2.5 – Curriculum Component Sequence](https://ideals-doc.cite.hku.hk/books/learning-design-studio-user-guide/page/25-curriculum-component-sequence)**.

By using a course-level pattern, the Learning Design Studio (LDS) will recommend and assign relevant CC patterns and the task patterns for you. Next, we’ll take a closer look at how they work.

####  **Reviewing and Revising the Existing CCs**

 **1. How to Name a CC?**

**<span style="color: #206ea7; font-size: 18px;">💡Formula of naming a CC  
</span>**<span style="color: rgb(68, 68, 68);">  
Through the **1) focal task(s)** to **2) achieve the intended learning outcome** to **3) implement the workflow step(s) of a disciplinary practice** for **4) applying the focus or foci of the pedagogical approach**.  
</span>

- Below are the 6 CC patterns provided by the course-level pattern.  
    
    - Through **1) brainstorming** to **3)** **identify problem** for **4)** **goal-setting**
    - Through **1) discussing essential design elements** to **3)** **ideate solution** for **4)** **self-planning**
    - Through **1) collecting feedback** to **3) design solution** for **4)** **self-planning**
    - Through **1) creating criteria and material lists** to **3) construct prototype** for **4)** **self-monitoring**
    - Through **1) competition based on the rubrics** to **3) test performance of the product** for **4) self-evaluation**
    - Through **1) analyzing feedback** to **3) optimize the product** for **4)** **revision**
- We recommend adding an intended learning outcome to the title of the CC to specify what you aim to achieve in that particular CC.
- For example,  
    
    - Through **1) brainstorming** to **2) identify the unique needs and challenges of the elderly** to **3)** **identify problem** for **4)** **goal-setting**

# 6.3.2 Creating Curriculum Components (CCs) Part 2

#### **Reviewing and Revising the Existing CCs** 

**2. Reviewing the CC Patterns and Task Patterns**

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/Rdcimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/Rdcimage.png)[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/0RNimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/0RNimage.png)

<span style="color: #444444;">Figure 6.29: Example of a CC Pattern</span>

<table border="1" id="bkmrk-name-through-brainst" style="border-collapse: collapse; width: 100.089%; height: 231.966px;"><colgroup><col style="width: 20.578%;"></col><col style="width: 79.3881%;"></col></colgroup><tbody><tr style="height: 29.7017px;"><td style="height: 29.7017px;">**Name**</td><td style="height: 29.7017px;">Through brainstorming to identify problem for goal-setting</td></tr><tr style="height: 86.7472px;"><td style="height: 86.7472px;">**Intended Learning Outcomes**</td><td style="height: 86.7472px;">- Apply design thinking process - Empathize with users
- Apply design thinking process - Define design problems
- Apply self-directed learning strategies (Goal setting) in the learning process

</td></tr><tr style="height: 56.1136px;"><td style="height: 56.1136px;">**Disciplinary Practice / Pedagogical Approach**

</td><td style="height: 56.1136px;">Identify problem / Goal-setting</td></tr><tr style="height: 29.7017px;"><td style="height: 29.7017px;">**Learning Task(s)**</td><td style="height: 29.7017px;">- Students observe the scenario of the design problem through stimulus
- Students discuss the needs of users
- Students work on identifying the most prominent problem needed to be addressed
- Students present their findings on user needs to the whole class

</td></tr></tbody></table>

- This CC pattern has already provided the backbone of a CC. We now need to modify it to fit our own design by following below steps:

1. 1. Update the name of the CC to include the key intended learning outcome: **"Identify the unique needs and challenges of the elderly"**.
    2. Link the intended learning outcomes **"Identify the unique needs and challenges of the elderly"** to the CC.
    3. Edit and Add the learning task(s) to fit the design.

**<span style="text-decoration: underline;">2.1 Editing a CC</span>**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/3mAimage.png)

<span style="color: #444444;">Figure 6.30: Editing a CC</span>

- By clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/P9Yimage.png) button, you can open the CC builder to update the CC details. Please refer to the introduction below for guidance on updating a CC.

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/DJqimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/DJqimage.png)<span style="color: #444444;">Figure 6.31: The Interface of CC Builder  
  
</span>

<table border="1" id="bkmrk-1.-cc-name-%C2%A0-%F0%9F%92%A1formul" style="border-collapse: collapse; width: 100%; height: 2319.96px;"><colgroup><col style="width: 95%;"></col></colgroup><tbody><tr style="height: 103.45px;"><td style="height: 103.45px;">**1. CC Name**

- <s>Through brainstorming to identify problem for goal-setting</s>
- <span style="color: rgb(224, 62, 45);">Through brainstorming to identify the unique needs and challenges of the elderly to identify problem for goal-setting</span>

</td></tr><tr style="height: 342.138px;"><td style="height: 342.138px;">**2. Workflow steps**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/SNlimage.png)

Figure 6.32: The Workflow Steps of Engineering Design

- The workflow steps of Engineering Design are drawn from the Disciplinary Practice (DP) section you completed previously.
- In this case, we do not need to make changes to **"Identify problem"**.

</td></tr><tr style="height: 415.913px;"><td style="height: 415.913px;">**3. Pedagogical foci**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-08/scaled-1680-/v3wimage.png)

Figure 6.33: The Pedagogical Foci of Self-directed Learning

- The pedagogical foci of Self-directed Learning are drawn from the Pedagogical Approach section you completed previously.
- In this case, we do not need to make changes to **"Goal-setting"**.

</td></tr><tr style="height: 1458.46px;"><td style="height: 1458.46px;">**4. Linked Intended Learning Outcomes (ILOs)**

- We need to link the intended learning outcomes **"Identify the unique needs and challenges of the elderly face in their daily lives"** to the CC

<span style="text-decoration: underline;">4.1. The Link Button</span>

![Picture29.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-08/scaled-1680-/picture29.png)

   
Figure 6.34: Linking the ILOs to a CC (1)

- You can view all the Intended Learning Outcomes (ILOs) entered in the LDT section by clicking the [![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/EXKimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/EXKimage.png) button.

<span style="text-decoration: underline;">4.2 Selecting the Appropriate ILOs</span>

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/bMOimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/bMOimage.png)

Figure 6.35: Linking the ILOs to a CC (2)

- Select the intended learning outcomes we want to link to the CC.

<span style="text-decoration: underline;">4.3 The Alert Icon and Complete Icon</span>

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/0fTimage.png)

Figure 6.36: Unassessed ILOs in a CC

- For each learning outcome, you should add an assessment to evaluate student performance. If an assessment has not been added to a learning outcome, an alert icon ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/M38image.png) will appear as a reminder. Once an assessment is assigned, this will be replaced with a complete icon ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/LyAimage.png). We will discuss how to assign an assessment soon.

<span style="text-decoration: underline;">4.4 The Unlink Button</span>

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/r1Limage.png)

Figure 6.37: Dissociating the ILOs from the CC

- You can dissociate a specific ILO from the CC by clicking the [![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/r6ximage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/r6ximage.png) button.

</td></tr></tbody></table>

**<span style="text-decoration: underline;">2.2 Updating the Tasks</span>**

- You can either add or edit tasks to fit your needs. There are two ways to add a new task: one is by **1)** **adding a new task from scratch**, and the other is by **2) using task patterns**. In this section, we will focus on how to use a task pattern to create a task.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/0QNimage.png)

Figure 6.38: Adding a New Task with Task Patterns (1)

<table border="1" id="bkmrk-%C2%A0-%C2%A0-%C2%A0-%C2%A0" style="border-collapse: collapse; width: 107.262%; border-width: 0px;"><colgroup><col style="width: 39.5238%;"></col><col style="width: 60.4762%;"></col></colgroup><tbody><tr><td style="border-width: 0px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/4Efimage.png)

</td><td style="border-width: 0px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/syXimage.png)

</td></tr></tbody></table>

Figure 6.39: Adding a New Task with Task Patterns (2)

- By clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/Hs9image.png) button, you can view a list of task patterns provided by the Learning Design Facilitator. These suggestions are based on your selected workflow step(s) from the disciplinary practice and the selected pedagogical foci from the pedagogical approach.
- By clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/UsJimage.png) button, you can explore the details of the targeted task pattern.
- You can use the targeted task pattern directly by clicking **"COPY"** button in the pop-up window, or by clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/vDhimage.png) button in the LDS Facilitator. The task pattern details will be auto-filled into the LDS.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/09gimage.png)Figure 6.40: A Newly Added Task Using Task Pattern

- The newly added task will appear at the bottom of the CC. You can click the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/Eo2image.png) button to edit the task details. We will use this example to explore the task builder.

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/sdqimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/sdqimage.png)[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/2acimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/2acimage.png)

Figure 6.41: Interface of the Task Builder

- Please read the introduction below to guide you in setting up a task.

<table border="1" id="bkmrk-1.-task-information-" style="border-collapse: collapse; width: 100%; height: 3458.71px;"><colgroup><col style="width: 63.5129%;"></col><col style="width: 36.4633%;"></col></colgroup><tbody><tr style="height: 46.5625px;"><th style="border-width: 1px; vertical-align: middle; height: 46.5625px;"><span style="color: rgb(255, 255, 255);">**Item**</span>

</th><th style="height: 46.5625px; border-width: 1px; vertical-align: middle;">**Example**

</th></tr><tr style="height: 365.6px;"><td class="align-center" style="height: 365.6px;">**1. Task Information**

- Provide a clear task title and description for a learning task.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/MR7image.png)

  
  
  
Figure 6.42: Task Information</td><td style="height: 365.6px;">**Task title:**

Students work on identifying the most prominent problem needed to be addressed.

**Description**:

You may update the task information to make it more meaningful for the learning design.

  
**Task title:**

Students work on identifying the most prominent problem faced by the elderly that needs to be addressed.

**Description**:

Students will analyse the needs of the elderly based on the previous brainstorming learning tasks.

</td></tr><tr style="height: 176.712px;"><td class="align-left" style="height: 176.712px;">**2. Stage**

- Is this a pre-class, in-class, or after-class task?

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/STcimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/STcimage.png)

Figure 6.43: Stage

</td><td style="height: 176.712px;">Select In-class

</td></tr><tr style="height: 194.225px;"><td style="height: 194.225px;">**3. Task Type**

- Please refer to **[Chapter 2.6 - Task Taxonomy](https://ideals-doc.cite.hku.hk/books/learning-design-studio-user-guide/page/26-task-taxonomy)** for more details.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/I0cimage.png)

Figure 6.44: Task Type

</td><td style="height: 194.225px;">Construction: Conceptual / Visual Artefacts</td></tr><tr style="height: 166.45px;"><td style="height: 166.45px;">**4. Duration**

- How long is the task?

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/KYvimage.png)

Figure 6.45: Duration

</td><td style="height: 166.45px;">Update to an appropriate duration, such as 30 minutes.

</td></tr><tr style="height: 234.65px;"><td style="height: 234.65px;">**5. Delivery Mode**

- Possible Options: 
    - Face-to-Face (Inside Classroom, Outside Classroom)
    - Online (Synchronous, Asynchronous)
    - Hybrid

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/GMLimage.png)

Figure 6.46: Delivery Mode

</td><td style="height: 234.65px;">Inside Classroom</td></tr><tr style="height: 234.65px;"><td style="height: 234.65px;">**6. Social Organization**

- Possible Options: 
    - Whole Class
    - Group
    - Individual
    - Peer

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/fLNimage.png)

Figure 6.47: Social Organization

</td><td style="height: 234.65px;">Group, Size: 5

</td></tr><tr style="height: 237.425px;"><td style="height: 237.425px;">**7. Feedback Provider**

- You can select more than one feedback providers. 
    - Teacher
    - Peer
    - Self
    - Others

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/wbdimage.png)

Figure 6.48: Feedback Provider

</td><td style="height: 237.425px;">Select Teacher</td></tr><tr style="height: 221.05px;"><td style="height: 221.05px;">**8. Assessment**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/64Pimage.png)

Figure 6.49: Triggering the Assessment Option in a Task

</td><td style="height: 221.05px;">A learning task can also serve as an assessment.

If you select the assessment option, you will need to

- assign the feedback provider(s), and
- specify the targeted learning outcomes for this task to be assessed

- - Identify the unique needs and challenges that elderly face in their daily lives.

</td></tr><tr style="height: 965.662px;"><td style="height: 965.662px;">**9. E-learning Tool**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/nO1image.png)

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/lZximage.png)

Figure 6.50: Interface for Adding E-learning Tool(s) to a Task

</td><td style="height: 965.662px;">The e-learning tools section allows you to select the type of tool you want to use to implement the task.

For example, to encourage idea sharing in class, you can use the Forum tool.

You can remove the suggested e-learning tools that are not appropriate for your use.

</td></tr><tr style="height: 615.725px;"><td style="height: 615.725px;">**10. Resources**

  
![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/3Fbimage.png)

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/vZgimage.png)

Figure 6.51: Interface for Adding Resource(s) to a Task

</td><td style="height: 615.725px;">The resource section allows you to select the type of resource or tool you want to use to support the learning process.

For example, you can upload rubrics for grading the assessment.

You can remove the suggested resources that are not appropriate for your use.

</td></tr></tbody></table>

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/55Aimage.png)

Figure 6.52: Preview of the Updated Task

- You can see that the updates have taken effect in the task preview.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/U7Pimage.png)  
Figure 6.53: Preview of the CC

- The LDS will remind you to assign assessments to any unassessed learning outcomes within the CC.
- After an assessment is assigned to a specific learning outcome, the alert icon ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/M38image.png)will change to complete icon ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/LyAimage.png).
- Please remember to ensure that all linked intended learning outcomes are assessed in each curriculum component.

 **<span style="text-decoration: underline;">2.3 Moving a Task</span>**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/LKJimage.png)

Figure 6.54: Moving a Task (1)

- By clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/m5Rimage.png) button, you will see a list of tasks for each CC.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/uwlimage.png)

Figure 6.55: Moving a Task (2)

- You can click any of the tasks to reallocate the current task to a position after it.

# 6.3.3 Creating Curriculum Components (CCs) Part 3

#### **Reviewing and Revising the Existing CCs**

- 

**3. Creating a New CC from CC Patterns**

<table border="1" class="align-center" id="bkmrk-figure-6.xx%3A-adding-" style="border-collapse: collapse; width: 100.049%; border-width: 0px;"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><tbody><tr><td class="align-right" style="border-width: 0px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/boZimage.png)

</td><td style="border-width: 0px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/gcDimage.png)

</td></tr><tr><td colspan="2" style="border-width: 0px;">Figure 6.56: Adding a New CC from the CC Patterns (1)</td></tr></tbody></table>

- Since this learning design focuses on creating a product for the elderly, your colleague may argue that brainstorming alone is insufficient. They might recommend adding an interview section to foster a user-centered mindset. In this case, CC Patterns can offer a quick and practical solution.
- To retrieve the task pattern related to conducting client interviews, you can select **"Identify problem"** for the workflow steps and **"Goal-setting"** for the pedagogical focus in the Learning Design Facilitator. It will then recommend relevant task patterns for you. You can click the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/UsJimage.png) button to explore the details of the task pattern **"Interviewing client for goal-setting"**.
    
    ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/oTnimage.png)
    
    Figure 6.57: Adding a New CC from the CC Patterns (2)
- You can use the targeted CC pattern directly by clicking **"COPY" button** in the pop-up window, or by clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/vDhimage.png) button in the Learning Design Facilitator. The CC pattern details will be auto-filled into the LDS.
- Please refer to the instructions under **[2. Reviewing the CC Patterns and Task Patterns](https://ideals-doc.cite.hku.hk/books/learning-design-studio-user-guide/page/632-creating-curriculum-components-ccs-part-2)** to update your newly created CC.

\* You can continue adding more tasks to complete your Curriculum Component (CC), and add additional CCs to finalize your course design by repeating the steps mentioned above.

 **Additional: Information Window, and Header**

- There is some additional information to help you analyse the learning design.

<table border="1" id="bkmrk-item-description-exa-1" style="border-collapse: collapse; width: 102.857%; height: 1796.26px; border-width: 1px;"><colgroup><col style="width: 19.1874%;"></col><col style="width: 47.4323%;"></col><col style="width: 33.3694%;"></col></colgroup><tbody><tr style="height: 46.5625px;"><th style="height: 46.5625px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(255, 255, 255);">**Item**</span>

</th><th style="border-width: 1px; vertical-align: middle; height: 46.5625px;"><span style="color: rgb(255, 255, 255);">**Description**</span>

</th><th style="height: 46.5625px; border-width: 1px; vertical-align: middle;"><span style="color: rgb(255, 255, 255);">**Example**</span>

</th></tr><tr style="height: 450.391px;"><td style="height: 450.391px; border-width: 1px; vertical-align: middle;">1. Information Window</td><td style="border-width: 1px; vertical-align: middle; height: 450.391px;">![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/EqYimage.png)

<span style="color: #444444;">Figure 6.58: Information Window in the CC Section</span>

</td><td style="height: 450.391px; border-width: 1px; vertical-align: middle;">In the CC section, the information window will visualise your overall CC design with the pie chart

- Distribution of time spent on learning task types
- Distribution of number of iLAP tools adopted
- Distribution of time spent on delivery modes

</td></tr><tr><td style="border-width: 1px; vertical-align: middle;">2. Header</td><td colspan="2" style="border-width: 1px; vertical-align: middle;">  
[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/OtMimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/OtMimage.png)

  
<span style="color: #444444;">Figure 6.59: Example of a Curriculum Component Sequence</span>

**Total Learning Time: 325 min**

- It includes the time spent on all pre-class, in-class, and after-class activities.

 **Designed Total In-Lesson Time: 220 / 240 min**

- 220 min is the time spent on in-class activities.
- 240 min is the possible in-class time allocated for this course

 **Expand all**

- Expand all the CC items to see the details

 **Collapse all**

- Collapse all the CC items to hide the details

</td></tr></tbody></table>

# 7. Reviewing a Learning Design with Analytics

# 7.1 Reviewing the Course Overview

The Course Overview section provides a one-page summary of your learning design.  
  
[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/Uluimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/Uluimage.png)

Figure 7.1 Course Overview Section

You can click the buttons under the **"Quick Navigation"** to review the content of course information, intended learning outcomes, disciplinary practice, pedagogical approach, curriculum components, and lessons. You can also print this summary for easy reference.

# 7.2 Visiting the Designer Dashboard

To support the analysis of your learning design, the Learning Design Studio (LDS) provided the Designer Dashboard featuring visualisations such as pie charts and heatmaps to illustrate how learning tasks interact with the overall design. It offers summary statistics to help users quickly identify patterns and imbalances in their design. Building on these insights, the dashboard will provide targeted feedback to guide further enhancements.

**<span style="color: rgb(132, 63, 161);">🌟 </span>**<span style="color: rgb(132, 63, 161);"><span style="color: rgb(0, 0, 0);">For guidance on the learning tasks, refer to [**Chapter 2.6 - Task Taxonomy**](https://ideals-doc.cite.hku.hk/books/learning-design-studio-user-guide/page/26-task-taxonomy).</span></span>  
  
A quick recap about the 4 types of task categories: **<span style="color: rgb(28, 70, 180);">Directed Learning</span>**, <span style="color: rgb(52, 162, 58);">**Exploratory Learning**, </span><span style="color: rgb(247, 145, 56);">**Productive Learning**, </span>**<span style="color: rgb(132, 63, 161);">Reflective Learning</span>**

<table border="1" id="bkmrk-distribution-of-time" style="border-collapse: collapse; width: 100%; height: 3662.68px;"><colgroup><col style="width: 34.5567%;"></col><col style="width: 65.4194%;"></col></colgroup><tbody><tr style="height: 29.7969px;"><td colspan="2" style="height: 29.7969px;">**How can we ensure that students engage with different types of learning tasks to optimize their learning experience?**  
</td></tr><tr style="height: 321.984px;"><td style="height: 321.984px;">[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/D16image.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/D16image.png)

  
<span style="color: #444444;">Figure 7.2: Designer Dashboard (1)</span>

</td><td style="height: 321.984px;">**<span style="color: #444444;">Distribution of time spent on learning task types</span>：**

- The total duration of learning time is 445 min.
- 415 min (i.e.93%) out of this total duration is in-class time.
- Top 3 learning time task types are Presentations, Performance Illustrations (38%),
- Explorations through Conversation (20%),and Construction: Tangible / Manipulable Artifacts (13%).

This analysis focus on the time spent on learning task types. It shows the ratio of in-class to out-of-class activities. It also highlights the top task types through both text descriptions and color-coded segments in the pie chart, helping you quickly understand the overall distribution of learning tasks.

</td></tr><tr style="height: 46.5938px;"><td colspan="2" style="height: 46.5938px;">**How can we ensure a comprehensive student learning experience by providing a balanced range and frequency of different learning tasks?**</td></tr><tr style="height: 460.719px;"><td style="height: 460.719px;">[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/dI0image.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/dI0image.png)

  
<span style="color: #444444;">Figure 7.3: Designer Dashboard (2)</span>

</td><td style="height: 460.719px;">**Distribution of number of learning task types：**

- The total no. of learning tasks is 27, with 9 task types in this course.
- The learning task type: Construction: Conceptual / Visual Artefacts is used most frequently, with 6 tasks belonging to this category.
- Practice, Test / Assessment, and Reflection are absent in the design.

**Suggestion：**

<div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6 my-prefix-key-1s50f5r"><div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 my-prefix-key-1mjlhbm">- Teachers can consider adding learning tasks related to “test/assessment” to evaluate students’ understanding and proficiency in the subject matter.
- Teachers can consider adding learning tasks related to “reflection” to enhance students’ metacognitive process.
- Teachers can consider adding learning tasks related to “practice” to allow students to reinforce their skills and knowledge through repeated application.

</div></div><div class="_9663006"><div class="ds-message _656c965 d29f3d7d"><div class="fbb737a4" style="text-align: justify;">This analysis focuses on the number of learning task types. It shows which task types are dominant and which are absent in the overall design. Additionally, it provides actionable feedback on adding specific tasks to enhance the design.</div></div></div></td></tr><tr style="height: 46.5938px;"><td colspan="2" style="height: 46.5938px;">**How can we design our assessment strategy to foster a more holistic development of skills, ensuring we evaluate not just application, but also analysis, evaluation, and creation?**</td></tr><tr style="height: 899.656px;"><td colspan="2" style="height: 899.656px;">[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/G7Timage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/G7Timage.png)

  
<span style="color: #444444;">Figure 7.4: Designer Dashboard (3)</span>

**Heatmap of time spent on assessment tasks - LO level vs task category：**

- Most assessment time (49%) occurs in Presentations, Performance Illustrations.
- Most assessment time in relation to knowledge and skills is spent on examining how students Apply learning content/things.
    
    <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 my-prefix-key-15j76c0"><div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 my-prefix-key-1mjlhbm">  
    </div></div>

**Suggestion：**

<div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 my-prefix-key-15j76c0"><div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 my-prefix-key-1mjlhbm">- Teachers can consider adding assessment tasks to examine how students Analyze learning content/things.

</div></div><div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6 my-prefix-key-1s50f5r"><div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 my-prefix-key-1mjlhbm">- Teachers can consider adding assessment tasks to examine how students Evaluate learning content/things.
    
    <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 my-prefix-key-15j76c0"><div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 my-prefix-key-1mjlhbm">  
    </div></div>
- Teachers can consider adding assessment tasks to examine how students Create learning content/things.
    
    <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 my-prefix-key-15j76c0"><div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 my-prefix-key-1mjlhbm">  
      
    </div></div>

</div></div><div class="_9663006"><div class="ds-message _656c965 d29f3d7d"><div class="fbb737a4" style="text-align: justify;">This analysis works by mapping the time spent on different types of assessment tasks against various levels of learning outcomes. By visualizing this relationship, it helps identify which cognitive skills and affective skills are being most frequently assessed and which may be underrepresented. This insight enables educators to make informed decisions about how to diversify and balance their assessment strategies, ensuring that students are evaluated across a broader spectrum of learning outcomes—from basic understanding to higher-order thinking skills such as analysis, evaluation, and creation.</div></div></div></td></tr><tr style="height: 46.5938px;"><td colspan="2" style="height: 46.5938px;">**How can we ensure our use of social organization—individual, group, or whole class—is strategically matched to the cognitive demands of the task？**</td></tr><tr style="height: 700.797px;"><td colspan="2" style="height: 700.797px;">[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/X87image.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/X87image.png)

  
<span style="color: #444444;">Figure 7.5: Designer Dashboard (4)</span>

**Heatmap of time spent on all tasks - social organization vs task type：**

- The social organization of most activities is in the format of Group.
- For group activities, most time is spent on Explorations through Conversation.
- For individual activities, most time is spent on Receiving &amp; Interpreting Information, and Self-/Peer-assessment
- For Whole class activities, most time is spent on Presentations, Performance Illustrations

**Suggestion：**

<div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 my-prefix-key-15j76c0"><div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 my-prefix-key-1mjlhbm">- Teachers can consider using Think-Pair-Share to enhance cooperative learning.
    
    <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto my-prefix-key-19g2724"><div><div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiAccordion-root MuiAccordion-rounded Mui-expanded MuiAccordion-gutters infoPanel my-prefix-key-gwy01v"><div class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered my-prefix-key-c4sutr"><div class="MuiCollapse-wrapper MuiCollapse-vertical my-prefix-key-hboir5"><div class="MuiAccordionDetails-root my-prefix-key-b0j0yl">  
    </div></div></div></div></div></div>

</div></div>This analysis examines how time is distributed across different task types within various social organization formats. It reveals which tasks dominate in each social setting and highlights opportunities to diversify engagement methods.

</td></tr><tr><td colspan="2">**How do you select different task types when designing assessment for each learning outcome?**

</td></tr><tr><td colspan="2">[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-01/scaled-1680-/image.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-01/image.png)

<span style="color: #444444;">Figure 7.6: Designer Dashboard (5)</span>

This diagram illustrates how each intended learning outcome is evaluated with what type of learning task, helping you identify gaps and ensure a balanced variety of assessment approaches across all outcomes.

</td></tr><tr style="height: 46.3906px;"><td colspan="2" style="height: 46.3906px;">**How do you organize your lesson time with respect to disciplinary practices and your chosen pedagogical approach?**

</td></tr><tr style="height: 1063.56px;"><td colspan="2" style="height: 1063.56px;">[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/Knbimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/Knbimage.png)

Figure 7.7: Designer Dashboard (6) - Disciplinary Practices

<span style="color: #444444;">  
</span>

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/Vs0image.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/Vs0image.png)

<span style="color: #444444;">Figure 7.8: Designer Dashboard (7) - Pedagogical Approach</span>

The two diagrams above illustrate how the workflow steps of disciplinary practice and the pedagogical focus of the chosen pedagogical approach are arranged within your learning design. Additionally, the dashboard shows both the total time allocated for all learning tasks and the specific time dedicated to in-class activities, helping to ensure that the out-of-class workload remains manageable.

</td></tr></tbody></table>

# 8. Confirming the iLAP Section Arrangement

# 8.1 iLAP Section Arrangement

If you are subscribed to IDEALS, you can convert your completed learning design into a practical online course on the IDEALS Learning Management Platform (iLAP). ([Click here to subscribe!](https://web.edcity.hk/en/elafp/project/20210212/))

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-04/scaled-1680-/image.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-04/image.png)Figure 8.1: iLAP Section Arrangement

We offer two modes for the conversion: Curriculum Component (CC) mode and Lesson mode.

- You can switch between the two modes at any time by clicking the![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/Pyuimage.png) button in the top-right corner, without losing any data.
- In CC mode, the system automatically creates course sections based on your curriculum components, so no additional effort is required.
- In Lesson mode, you manually build course sections, arranging learning tasks into individual lessons—similar to a traditional lesson plan.

**Demonstration of the Lesson Mode**

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-04/scaled-1680-/Rtnimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-04/Rtnimage.png)

<span style="color: #444444;">Figure 8.2: </span>Lesson Mode - Add a New Lesson

You can click the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/Kfjimage.png) **"A NEW LESSON"** button to create an empty lesson block for assigning learning tasks later.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/9i0image.png)

Figure 8.2: An Empty Lesson Block

#### **Adding a Task to a Lesson**

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/39Jimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/39Jimage.png)

<span style="color: #444444;">Figure 8.3: Adding a Task to a Lesson (1)</span>

By clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/Kfjimage.png) button next to "Pre-class" "In-class" or "After-class", a pop-up window will appear, allowing you to view the created curriculum components and learning tasks.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/7lXimage.png)

<span style="color: #444444;">Figure 8.4: Adding a Task to a Lesson (2)</span>

You can select the appropriate learning task(s) by clicking the checkbox in the top-right corner of each task. Then, click the **"LINK SELECTED TASK(S)"** button to assign the selected tasks to the targeted lesson.

#### **Revising and Rearranging a Task**

Below is a sample overrun lesson. We will need to revise the task details or move the task to a different stage or lesson.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/pOPimage.png)![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/o8Cimage.png)

<span style="color: #444444;">Figure 8.5: A sample Overrun Lesson</span>

<table border="1" id="bkmrk-1.-alert-of-the-over" style="border-collapse: collapse; width: 100%;"><colgroup><col style="width: 99.881%;"></col></colgroup><tbody><tr><td>**1. Alert for Overrun Lesson Plan**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/xArimage.png) ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/sBrimage.png)

<span style="color: #444444;">Figure 8.6: Alert for Overrun Lesson Plan</span>

- Only tasks assigned as in-class activities are counted toward the "**Designed In-Lesson Time"**. If the total time for in-class activities exceeds the **35-minute limit set in the Course Information section** at the beginning, you will see **"<span style="color: rgb(224, 62, 45);">95</span>/35 min"** displayed in red as a reminder, along with a ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/M38image.png)button next to the In-Class Session.

</td></tr><tr><td>**2. Rearranging a Task**

- To address the lesson overrun issue, you can consider utilizing pre-class and after-class time to make teaching and learning more flexible.
- Please refer to the introduction below for instructions on how to move a task in the lesson builder.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/rObimage.png)

<span style="color: #444444;">Figure 8.6: Moving a Task (1)</span>

- <span style="color: #444444;">By clicking the </span>![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/LpAimage.png) button, a pop-up window will appear, allowing you to move the task to a stage in a different lesson.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/bOyimage.png)

<span style="color: #444444;">Figure 8.7: Moving a Task (2)</span>

- Tasks can be moved to a specific stage in the targeted lesson by clicking either an empty block (**"Pre-class"**, **"In-Class"**, or **"After-class"**) or an existing task name.

</td></tr></tbody></table>

\*Please repeat the mentioned steps to complete the lesson plan.

# 9. Publishing the Design

# 9.1 Converting the Learning Design to ILAP

The iLAP is a Learning Management System, part of the IDEALS, that enables you to implement your learning designs created in the Learning Design Studio (LDS). If you wish to use iLAP, please refer to [this webpage](https://web.edcity.hk/en/elafp/project/20210212/) for subscription information.

  
In this section, you have already developed a solid learning design with scaffolding using the LDS. You can now convert your learning design into an ready-to-implement course within our Learning Management System, iLAP.

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-03/scaled-1680-/2Muimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2026-03/2Muimage.png)<span style="color: #444444;">Figure 9.1: LD to ILAP Converter Section</span>

By clicking the **"CLICK HERE TO CONVERT TO ILAP COURSE"** button, a link will appear, directing you to the iLAP platform where you can proceed with further configuration.  
  
[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/Vyuimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/Vyuimage.png)

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/8Btimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/8Btimage.png)

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/OYnimage.png)

<span style="color: #444444;">Figure 9.2: Course Configuration on the iLAP</span>

The system will automatically create sections aligned with your learning design. We suggest clicking the **"Direct Import"** button to create the course first, and then completing the details later.

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/USRimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/USRimage.png)

<span style="color: #444444;">Figure 9.3: The iLAP Course Interface</span>

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/Dhbimage.png)

<span style="color: #444444;">Figure 9.4: Conversion History</span>

You can find the history record in the LDS after the conversion.

# 9.2 Exporting and Importing the Design In the LDS

In this section, you will explore how to export and import a learning design in the Learning Design Studio (LDS).

#### **1. Exporting the Design**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/G8jimage.png)

Figure 9.5 Exporting the Design

 By clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/vEjimage.png) button, you can export the design as a ZIP file.

####  **2. Importing the Design**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/Sr5image.png)

Figure 9.6 Importing the Design

By clicking the **"IMPORT COURSE"** button, you can upload the ZIP file to the LDS, and you will see the design appear in the list.

# 10. Sharing and Collaboration

# 10.1 Sharing Designs Publicly

In this section, we will explore how to share your learning design with public users.

<table border="1" id="bkmrk-figure-8.1-sharing-t" style="border-collapse: collapse; width: 100%; height: 590.087px; border-width: 0px;"><colgroup><col style="width: 100%;"></col></colgroup><tbody><tr style="height: 273.962px;"><td style="height: 273.962px; border-width: 0px;">**1. Clicking the Share Button**

There are two places where the Share button can be found. The first is on the My Library page.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/image.png)

  
  
Figure 10.1: Sharing the Design (1)

The second location is the Course Information page within a learning design.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/qc9image.png)

Figure 10.2: Sharing the Design (2)

- By clicking the [![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/0O8image.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/0O8image.png)button, a pop-up window with several sharing options will appear.

</td></tr><tr style="height: 227.325px;"><td style="height: 227.325px; border-width: 0px;">**2. Generating / Closing the Shareable Link**

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/x6simage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/x6simage.png) ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/P2yimage.png)

Figure 10.3: Enabling the Link for Public Sharing

- Select **"PUBLIC (WITHOUT SIGN IN LDS)"** and click the **"GENERATE THE LINK"** button to obtain the shareable link.
- You can disable the link at anytime by clicking the "**CLOSE PUBLIC SHARING"** button.

</td></tr><tr style="height: 29.6px;"><td style="height: 29.6px; border-width: 0px;"> **3. View the Learning Design**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/uPCimage.png)

  
Figure 10.4: Public View of the Shared Design

- People with this link can view the design, but cannot make any changes to it.

</td></tr></tbody></table>

# 10.2 Sharing Designs with Individual Users

In this section, we will explore how to share your learning design with individual users.

<table border="1" id="bkmrk-figure-8.1-sharing-t" style="border-collapse: collapse; width: 100%; height: 590.087px; border-width: 0px;"><colgroup><col style="width: 100%;"></col></colgroup><tbody><tr style="height: 273.962px;"><td style="height: 273.962px; border-width: 0px;">**1. Clicking the Share Button**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/Bo2image.png)

Figure 10.5: Sharing the Design

- By clicking the [![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/0O8image.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/0O8image.png)button, a pop-up window with several sharing options will appear.

</td></tr><tr style="height: 227.325px;"><td style="height: 227.325px; border-width: 0px;"> **2. Selecting a User**

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/d7aimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/d7aimage.png)

Figure 10.6: Searching for the user

- Select **"USERS"** and search for the user by their name or email.

</td></tr><tr style="height: 29.6px;"><td style="height: 29.6px; border-width: 0px;">   
**3. Visiting the Shared Designs**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/CVkimage.png)

  
  
Figure 10.7: The Library of Shared Design

- By selecting **"SHARED DESIGNS WITH ME"**, you can view a list of designs that have been shared with you.
    
    In the **"Shared From"** column, you will see **"GROUPS"** or **"USERS"**, indicating whether the design was shared by a group or a individual user.
- The **"Permissions"** column shows whether you have **"Edit"** or **"View"** access, so you will be able to either modify or only view the design accordingly.
- In the **"Actions"** column, you will see ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/HHYimage.png) and ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/vEjimage.png)buttons. You can click the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/HHYimage.png) button to copy the design to your own library. Any edits you make to this copy will not affect the original shared design. You can also click the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/vEjimage.png) button to export the design and use the **import function** (introduced in the previous section) to reuse the design later.

</td></tr></tbody></table>

# 10.3.1 Sharing Designs within a Group - What is a Group？

In the following sections, we will explore what a group is in the Learning Design Studio (LDS) and how it can help you collaborate with your team.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/gpwimage.png)

A group in the LDS allows you to invite your team or organization to collaborate together. You can share learning designs with group members and co-design collaboratively.

#### **1. Feed**

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/Wzyimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/Wzyimage.png)

Figure 10.8: The Feed

The feed, similar to social media, shows the most recently shared designs from your groups.

#### **2. Search Groups**

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/O3nimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/O3nimage.png)Figure 10.9: The Search Function

There are two types of groups: **public** and **private**. You can join a public group at any time, while private groups require you to send a request. As school-based groups are usually private, you can simply search for your school’s name to request to join.

#### **3. Your Groups**

<table border="1" id="bkmrk-figure-8.9%3A-your-gro" style="border-collapse: collapse; width: 100%;"><colgroup><col style="width: 58.9882%;"></col><col style="width: 41.131%;"></col></colgroup><tbody><tr><td>![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/qHZimage.png)

Figure 10.10: Your Groups List

</td><td>**Groups you manage**

- You are the owner of the groups listed here.
- As an owner, you can manage design sharing, members, and permissions.

**All groups you've joined**

- You are the member of the groups listed here.
- As a member, you can share your designs within the group.

</td></tr></tbody></table>

####  **4. Pending Invites**

<table border="1" id="bkmrk-figure-8.10%3A-group-i" style="border-collapse: collapse; width: 100%;"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><tbody><tr><td colspan="2">[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/0Pximage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/0Pximage.png)

Figure 10.11: Group Invitation

</td></tr><tr><td>![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/cSrimage.png)

Figure 10.12: Invitation Notification

</td><td>If you receive a group invitation, you will get a notification from the system. By clicking on it, you will be redirected to the Pending Invites section shown in Figure 9.10 above. You can either accept or decline the invitation. After accepting, the invitation will move from "Pending Group Invites" to "Accepted Group Invites."

</td></tr></tbody></table>

# 10.3.2 Sharing Designs within a Group - Creating and Managing a Group

In this section, you will learn how to create a new group, share designs, and manage members.

#### **1. Creating a New Group**

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/PvBimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/PvBimage.png)Figure 10.13: Creating a New Group

As mentioned, there are two types of groups, **"Private"** and **"Public"**. If you choose **"Private"**, you will see an additional option: **"Searchable by users"**. If you enable this option, your group will appear in the group list and can be searched by users. You can change this setting at any time after creating the group.

####  **2. Managing a Group**

<table border="1" id="bkmrk-2.1-share-a-learning" style="border-collapse: collapse; width: 100%; height: 1623.78px; border-width: 0px;"><colgroup><col style="width: 99.881%;"></col></colgroup><tbody><tr style="height: 832.625px;"><td style="height: 832.625px; border-width: 0px;">**2.1 Share a Learning Design**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/oaBimage.png)

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/WGPimage.png)

Figure 10.14: Sharing a Design within the Group

By clicking the **"SHARE LEARNING DESIGNS"** button, you can select an existing design to share and set permissions to either **"Can Edit"** or **"Can View"**.

[![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/7Jqimage.png)](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/7Jqimage.png)

Figure 10.15: Updating the Sharing Conditions of the Designs

Once you've shared your designs, they will appear in the group. You can use Bulk Actions to unshare designs or change their permissions at any time.

</td></tr><tr style="height: 643.15px;"><td class="align-center" style="height: 643.15px; border-width: 0px;">**2.2 Manage Group Members**

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/UGOimage.png)

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/KO3image.png)

Figure 10.16: Inviting Users to the Group

By clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/7g6image.png) button, you can search for users by username or email and assign them the role of either **"Member"** or **"Owner"**.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/QkAimage.png)

Figure 10.17: Managing a User

- By clicking the ![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-09/scaled-1680-/eKAimage.png)button, you can change a user's role or remove them from the group.

![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/nJzimage.png)

Figure 10.18: Pending Requests

- If a user requests to join the group, the group owner has the option to approve or reject their request.

  
![image.png](https://ideals-doc.cite.hku.hk/uploads/images/gallery/2025-12/scaled-1680-/CiTimage.png)

Figure 10.19: Pending Invites  
- The group owner can view the sent invitations here and choose to cancel them at any time.

</td></tr></tbody></table>