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