# Digital Badges (เหรียญตรารางวัล)

Badge สำหรับเป็นรางวัลยืนยันการผ่านบทเรียนหรือสิ่งสร้างแรงบันดาลใจให้กับผู้เรียน โดยระบบของ MANGO Canvas ปัจจุบันจะใช้ชื่อเมนู Badge ว่า Credentials

## ขั้นตอนการสมัครเพื่อสร้าง Badge

{% embed url="<https://scribehow.com/embed/Access_and_Create_Issuer_for_Badgr_Canvas_Badges__p4CD1RG0QpeCea_GSFlNdw>" %}

## วิธีการสร้าง Badge

### 1. สร้าง Issuer เพื่อเก็บ Collection ของ Badge ที่ต้องการ

{% embed url="<https://scribehow.com/embed/Create_TLIC_Issuer_Profile_on_Badgr_Platform__EhTIvJNJQQy9NmvIz6ChPw%22>" %}

### 2.สร้าง Badge

{% embed url="<https://scribehow.com/embed/Create_badge_badge_1_with_specific_design_and_criteria__aABMJLafQjO8TokZUbJwuQ>" %}

## ไฟล์รวมขั้นตอนการใช้ Badge

1.สมัครใช้งานระบบ (Register)

{% file src="<https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2FmM36FrFdScbnzxzJgXDP%2FBadge%20-%201.%20Register.pdf?alt=media&token=be80e2ef-e971-40a6-b7c9-5c5ac8080de6>" %}

2.สร้างพื้นที่เก็บ Badge (Create Issuer Profile)

{% file src="<https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2F5zKHh8lfaSDscDhVjanK%2FBadge%20-%202.%20Create%20Issuer%20Profile.pdf?alt=media&token=c0aeecf6-97ab-4ae2-978b-d66f0ae75dba>" %}

3.สร้าง Badge (Create Badge)

{% file src="<https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2F0YDKn1T0y94OwY6ImLdy%2FBadge%20-%203.%20Create%20Badge.pdf?alt=media&token=2f11d4ec-4651-4624-9eb1-9e8b7f6ed6c7>" %}

## การนำ Badge ที่สร้างแล้วเข้าสู่คอร์ส

ไปที่เมนูด้านซ้ายมือ เลือก Credentials&#x20;

ถ้าไม่มีเมนูดังกล่าว ให้ไปที่ Settings >> Navigation >> เลื่อนลงมาด้านล่างหาคำว่า Credentials >> กดปุ่มจุด 3 จุดหลังคำว่า Credentials >> เลือก Enable >> เลื่อนลงไปล่างสุดของจอ กด ![](https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2Fra5NWwjZWYq5BfR3dT54%2Fimage.png?alt=media\&token=28514b9a-61bb-464d-a3de-dd941c62506f)

<figure><img src="https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2FBg9VLUWZJBa493yqpPXC%2Fimage.png?alt=media&#x26;token=d0cda48d-373a-42b6-88a1-da6846dc8924" alt=""><figcaption></figcaption></figure>

คอร์สที่ยังไม่เคยใช้งานจะพบกับหน้าจอดังกล่าว กรอก Email Address (cmu account) กด Next จากนั้นระบบจะพาเข้าสู่ขั้นตอนการยืนยันตัวตน ให้ทำการยืนยันตัวตนให้เรียบร้อย

<figure><img src="https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2FqX3YThvTEZ3seD6oXHe8%2Fimage.png?alt=media&#x26;token=89668f79-55d5-45a9-a489-29344eedf4cc" alt=""><figcaption></figcaption></figure>

เมื่อยืนยันตัวตนเสร็จสมบูรณ์ระบบจะแสดง Issuer ที่สร้างไว้ขึ้นมาให้เลือกใช้งาน

<figure><img src="https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2FK1i15w3wp2ZTXxcXT1Gj%2Fimage.png?alt=media&#x26;token=65ebd39f-4761-40b0-8242-2dc64f64bd32" alt=""><figcaption></figcaption></figure>

เลือก Issuer ที่ต้องการ ตั้งเวลา End Date ตามต้องการ เมื่อตั้งค่าเรียบร้อย กด ![](https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2F4VSEg705dlhbikl9luSa%2Fimage.png?alt=media\&token=d7689480-9941-4436-810f-81c7679aa7b5)

<figure><img src="https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2F2FDttxmByMT72cIVDjQ3%2Fimage.png?alt=media&#x26;token=c39bf050-f10a-4ae4-914a-a96012e18084" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
เมื่อเลือก Issuer แล้วจะไม่สามารถเปลี่ยนได้
{% endhint %}

## การเพิ่ม Badge เข้าสู่กิจกรรมภายในคอร์ส

หลังจาก Setup ดังขั้นตอนข้างต้นเรียบร้อยแล้ว เราสามารถเลือกใส่ Badge และเชื่อมโยงกับกิจกรรมภายในคอร์สตามที่ต้องการได้ เลือก ![](https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2FxUzx5GM2GHbIQX7XyrZQ%2Fimage.png?alt=media\&token=39401931-d4c3-4809-b58a-a5f90ae6ee97)

<figure><img src="https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2FzxkAS4zviFqRdc0z0khE%2Fimage.png?alt=media&#x26;token=ef7d1dc1-519a-4c47-a3c9-fd1cbf057efe" alt=""><figcaption></figcaption></figure>

ที่ Dropdown เลือก Badge ที่สร้างไว้ จากนั้นเลือกได้ว่าจะให้ Badge นั้นๆเชื่อมโยงกับกิจกรรมในคอร์สหรือจะเป็น Badge ที่อาจารย์จะให้ผู้เรียนด้วยตนเองเป็นกรณีๆไป

<figure><img src="https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2Fp71mffzuX7LQDzGdYbmV%2Fimage.png?alt=media&#x26;token=66badf70-0eda-4ae1-b28d-f2a18d7634f0" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2FWWT9ePXayzwcrwobdFW5%2Fimage.png?alt=media&#x26;token=4b9deea6-3ee5-4cfc-9b26-7c069c855a6a" alt=""><figcaption></figcaption></figure>

* Canvas integration ให้ Badge นั้นๆเชื่อมโยงกับกิจกรรมในคอร์ส และให้ Badge กับผู้เรียนโดยอัตโนมัติเมื่อผ่านเงื่อนไขที่กำหนด
* Manually Badge ที่อาจารย์จะให้ผู้เรียนด้วยตนเองเป็นกรณีๆไป

### Canvas integration

* Course item เลือก module หรือกิจกรรมภายในคอร์สที่ต้องการให้ผู้เรียนทำแล้วได้รับ Badge
* Trigger type >> Complete item ตั้งเงื่อนไขว่าเมื่อผู้เรียนทำกิจกรรมดังกล่าวเสร็จสมบูรณ์จะได้รับ Badge โดยอัตโนมัติ โดยจะเลือกได้ว่าให้รับ Badge ในระบบได้ทันที (Award the badge as soon as the requirements are met) หรือตั้งวันและเวลาให้ Badge (Set date trigger for badge awarding)

เมื่อตั้งค่าภายใน SPECIFY REQUIREMENTS ครบตามต้องการการกด ![](https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2FoekFfSw7kiy4n56D1Ql9%2Fimage.png?alt=media\&token=f8dbd4da-657b-4d4c-a7c3-b8ac9ede1be4)เพื่อเพิ่ม Badge เข้ากับกิจกรรมภายในคอร์สและให้ผู้เรียนทำกิจกรรมเพื่อรับ Badge ตามเงื่อนไขที่กำหนดได้ทันที

<figure><img src="https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2FdrY2QPn5srazOSMlTdzA%2Fimage.png?alt=media&#x26;token=ccc97b74-6fe5-42db-acda-262bf526109e" alt=""><figcaption></figcaption></figure>

### Manually

* Requirement label ลาเบลสำหรับระบุเพื่อจัดหมวดหมู่ Badge หรือเงื่อนไขที่จะได้รับ
* Requirement description ใช้สำหรับเขียนคำอธิบายเกี่ยวกับ Badge หรือเงื่อนไขที่ผู้เรียนต้องทำเพื่อให้ได้รับ Badge นี้
* Notes to staff ใช้ระบุให้ TA หรือผู้ช่วยสอนใช้เป็นเกณฑ์ในการประเมินเพื่อมอบ Badge ให้กับผู้เรียน

<figure><img src="https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2FvlkJhje1uxYAvmy41tzx%2Fimage.png?alt=media&#x26;token=0b774002-8a5a-423c-917e-fa5c6f8eb1b3" alt=""><figcaption></figcaption></figure>

เมื่อตั้งค่าภายใน SPECIFY REQUIREMENTS ครบตามต้องการการกด ![](https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2FoekFfSw7kiy4n56D1Ql9%2Fimage.png?alt=media\&token=f8dbd4da-657b-4d4c-a7c3-b8ac9ede1be4)เพื่อเพิ่ม Badge เข้ากับกิจกรรมภายในคอร์สและให้ผู้เรียนทำกิจกรรมเพื่อรับ Badge ตามเงื่อนไขที่กำหนดได้ทันที

เมื่อเพิ่ม Badge เรียบร้อยหน้าจอจะปรากฏ Badge พร้อมเงื่อนไขแสดงขึ้นมา โดยผู้สอนสามารถเข้าไปแก้ไขหรือลบ Badge ออกจากคอร์ส (ไม่ได้เป็นการลบออกจาก Issuer) ได้ที่ปุ่ม ![](https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2FiP8TqqL96ntHdJUi5gUf%2Fimage.png?alt=media\&token=e42caaca-b6ef-4407-9772-6edecac3229c)

<figure><img src="https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2FEOO76ylnkGtIYkhAklvL%2Fimage.png?alt=media&#x26;token=e086434d-cb21-417f-b075-ef65b62e6daa" alt=""><figcaption></figcaption></figure>

## การมอบ Badge

### กรณีเลือกเงื่อนไข Badge เป็น Canvas integration

ระบบจะให้ Badge โดยอัตโนมัติเมื่อผู้เรียนผ่านเงื่อนไขที่กำหนด โดยระบบจะแสดงจำนวนผู้เรียนที่ได้รับ Badge นั้นๆที่ Learner progress สามารถกดที่เข้าที่ชื่อของ Badge นั้นๆเพื่อดูรายละเอียดของผู้เรียนที่ได้รับ Badge เพิ่มเติมได้

<figure><img src="https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2FZTWcmXWALa648qR0i3Y3%2Fimage.png?alt=media&#x26;token=ab1b267c-0b82-4e25-a7ce-4295da627344" alt=""><figcaption></figcaption></figure>

### กรณีที่เลือกเงื่อนไข Badge เป็น Manually

สามารถกดที่เข้าที่ชื่อของ Badge นั้นๆเพื่อเลือกชื่อผู้เรียนเพื่อมอบ Badge ได้ทันที

<figure><img src="https://3470142670-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSgE1vEnY4YfAcopihK%2Fuploads%2FYZxeDgSJ51LwzImUPsSG%2Fimage.png?alt=media&#x26;token=7d63191f-62d1-4a76-852d-b2260f39067e" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.tlic.cmu.ac.th/cmucanvas-manual/tips/digital-badges.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
