> For the complete documentation index, see [llms.txt](https://docs.tlic.cmu.ac.th/cmucanvas-manual/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.tlic.cmu.ac.th/cmucanvas-manual/tips-and-tricks/digital-badges.md).

# 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="/files/SLa7nGIsgFXpIWz0p1wP" %}

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

{% file src="/files/x5QWBTmN687819OEuQEb" %}

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

{% file src="/files/9PCzS3HFCPUmVFB8dY0R" %}

## การนำ 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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;token=e086434d-cb21-417f-b075-ef65b62e6daa" alt=""><figcaption></figcaption></figure>