> 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/course-design/course-homepage/design-course-home-page.md).

# Design Course Home Page

หน้า **Course Home Page** คือหน้าแรกที่ผู้เรียนและผู้สอนจะเห็นเมื่อเข้าสู่รายวิชาใน Mango Canvas โดยสามารถออกแบบและปรับแต่งให้เหมาะสมกับรูปแบบการเรียนการสอน เพื่อช่วยให้ผู้เรียนเข้าถึงเนื้อหา กิจกรรม และข้อมูลสำคัญได้อย่างสะดวก

การออกแบบหน้า Home Page ที่ดีจะช่วยเพิ่มประสบการณ์การเรียนรู้ และลดความสับสนในการใช้งานรายวิชา

***

## ประโยชน์ของการออกแบบ Home Page

* สร้างจุดเริ่มต้นที่ชัดเจนสำหรับผู้เรียน
* รวบรวมข้อมูลสำคัญไว้ในหน้าเดียว
* ช่วยนำทางไปยังเนื้อหาและกิจกรรมต่าง ๆ
* สื่อสารข้อมูลสำคัญของรายวิชาได้อย่างมีประสิทธิภาพ
* สร้างความน่าสนใจและความเป็นระเบียบให้กับรายวิชา

***

## ประเภทของ Home Page

Mango Canvas รองรับการกำหนดหน้าแรกของรายวิชาได้หลายรูปแบบ

### Course Activity Stream

แสดงกิจกรรมล่าสุดของรายวิชา เช่น

* ประกาศใหม่
* การส่งงาน
* การให้คะแนน
* กิจกรรมที่มีการอัปเดตล่าสุด

เหมาะสำหรับรายวิชาที่ต้องการติดตามความเคลื่อนไหวอย่างต่อเนื่อง

***

### Pages Front Page

กำหนดหน้า Page ที่สร้างขึ้นเป็นหน้าแรกของรายวิชา

อาจารย์สามารถออกแบบเนื้อหาได้อย่างอิสระ เช่น

* ข้อมูลรายวิชา
* คำแนะนำการเรียน
* ปุ่มนำทางไปยังส่วนต่าง ๆ
* ตารางเรียน
* ช่องทางติดต่อ

เป็นรูปแบบที่ได้รับความนิยมมากที่สุด

***

### Course Modules

แสดงรายการ Module เป็นหน้าแรกของรายวิชา

ช่วยให้ผู้เรียนสามารถเริ่มเรียนตามลำดับเนื้อหาที่อาจารย์กำหนดได้ทันที

เหมาะสำหรับรายวิชาที่จัดการเรียนรู้แบบเป็นลำดับขั้น (Sequential Learning)

***

### Assignments List

แสดงรายการ Assignments ทั้งหมดภายในรายวิชา

เหมาะสำหรับรายวิชาที่เน้นการติดตามงานและการประเมินผล

***

### Syllabus

แสดงหน้า Syllabus เป็นหน้าแรกของรายวิชา

ประกอบด้วย

* คำอธิบายรายวิชา
* แผนการสอน
* กำหนดการเรียน
* กำหนดส่งงาน

เหมาะสำหรับรายวิชาที่ต้องการสื่อสารแผนการเรียนทั้งหมดในหน้าเดียว

***

## การสร้าง Front Page

1. เลือกเมนู **Pages**
2. คลิก **+ Page**
3. สร้างเนื้อหาหน้าแรกของรายวิชา
4. คลิก **Save**
5. เลือก **Use as Front Page**

เมื่อกำหนดเป็น Front Page แล้ว ระบบจะสามารถใช้หน้านี้เป็นหน้าแรกของรายวิชาได้

***

## การตั้งค่า Home Page

1. เข้าไปยังหน้า **Home**
2. คลิก **Choose Home Page**
3. เลือกรูปแบบหน้าแรกที่ต้องการ
4. คลิก **Save**

การตั้งค่าจะมีผลกับผู้ใช้งานทุกคนในรายวิชาทันที

***

## แนวทางการออกแบบ Home Page

### ข้อมูลที่ควรมี

* ชื่อรายวิชา
* คำต้อนรับผู้เรียน
* คำอธิบายรายวิชาโดยย่อ
* ข้อมูลผู้สอน
* ช่องทางการติดต่อ
* กำหนดการสำคัญ
* ลิงก์ไปยังเนื้อหาหลักของรายวิชา

***

### เมนูนำทางที่แนะนำ

* เริ่มต้นเรียน (Getting Started)
* เนื้อหาการเรียน (Modules)
* งานและแบบฝึกหัด (Assignments)
* ประกาศรายวิชา (Announcements)
* กระดานสนทนา (Discussions)
* คะแนน (Grades)
* ข้อมูลรายวิชา (Syllabus)

***

### แนวทางการออกแบบที่ดี

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

***

{% hint style="info" %}

### ข้อควรทราบ

* ผู้เรียนจะเห็นหน้า Home Page ทุกครั้งที่เข้าสู่รายวิชา
* การเปลี่ยน Home Page ไม่มีผลกระทบต่อเนื้อหาภายในรายวิชา
* ควรอัปเดตข้อมูลบน Home Page ให้เป็นปัจจุบันอยู่เสมอ
* แนะนำให้ใช้ **Pages Front Page** ร่วมกับปุ่มนำทางและลิงก์ไปยัง Modules เพื่อให้ผู้เรียนเข้าถึงเนื้อหาได้ง่ายที่สุด
  {% endhint %}

> แนวปฏิบัติที่แนะนำสำหรับ Mango Canvas คือการใช้ **Pages Front Page** เป็นหน้าแรกของรายวิชา พร้อมเพิ่มปุ่มนำทางไปยัง Modules, Assignments, Announcements และ Syllabus เพื่อสร้างประสบการณ์การเรียนรู้ที่ชัดเจนและเป็นมิตรต่อผู้เรียน