# 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>