Gemini Deep Research to Canvas

[แจก Prompt] เว็บไซต์บทเรียน Basic Python

- มีเนื้อหาแบบย่อพอสังเขป ใช้ Deep Research แบบตั้งเงื่อนไขสืบค้นทางวิชาการ

- กด Run Example code ได้ และสามารถฝึกเขียน Code ตามแบบฝึกหัดและกด Run เพื่อตรวจสอบผลลัพธ์ได้เลย

- ทำแบบทดสอบหลังเรียน หากผ่านจะดาวน์โหลดเกียรติบัตรแบบ PDF

- สามารถปรับ Prompt เป็นวิชาอื่นได้ค่ะ เช่น ฝึกแก้โจทย์ปัญหาคณิตศาสตร์

(*Noted* ออกแบบมาเป็น Side Menu ไม่เหมาะสำหรับใช้งานผ่านมือถือ เพราะจอจะแคบเกินไปค่ะ)

____________

***ขั้นที่ 1 ใช้ Deep Research ค้นข้อมูล***

(Persona) ให้ทำหน้าที่เป็นครูผู้เชี่ยวชาญวิชาการเขียนโปรแกรม Python ระดับชั้นมัธยมศึกษาตอนต้น

(Task Format) ช่วยค้นคว้าและเรียบเรียงเนื้อหา ตัวอย่าง สำหรับสร้างใบความ แบบฝึกหัด ละแบบทดสอบฝึกเขียนโปรแกรมภาษา Python

(Context)

1. รูปแบบการเขียนให้เขียนเป็นหัวข้อหลัก หัวข้อรอง ในแต่ละหัวข้อให้เขียนเนื้อหา ตัวอย่าง และแบบฝึกหัด

2. เมื่อเขียนเนื้อหาครบทุกส่วนให้จัดทำแบบทดสอบ 15 ข้อ พร้อมเฉลยและคำอธิบาย

3. ให้ค้นคว้าจากเว็บไซต์ของหน่วยงานทางด้านการศึกษา เว็บไซต์ของบทความทางวิชาการ

4. เขียนอ้างอิงในเนื้อหาและท้ายเนื้อหาตามรูปแบบ APA

____________

***ขั้นที่ 2 ปรับผลการสืบค้นสู่เว็บไซต์บทเรียน***

(Persona) ฉันต้องการให้คุณทำหน้าที่เป็นผู้ออกแบบหลักสูตร (Instructional Designer) และ Full-Stack Developer

(Task format) ฉันต้องการให้สร้างโค้ด Front-End (HTML, CSS, JavaScript) สำหรับเว็บไซต์ E-learning

(Context)

1. วิเคราะห์และจัดโครงสร้างเนื้อหาจากที่ Gemini Deep Research สรุปมาให้

2. ออกแบบโครงสร้างเว็บไซต์ (Site Structure & Layout)

2.1 Layout หลัก: ต้องมี Side Menu (เมนูด้านข้าง) ที่มองเห็นได้ตลอดเวลา

2.2 Side Menu:

แสดง "หัวข้อหลัก" (Modules) เป็นรายการหลัก

เมื่อคลิกที่ "หัวข้อหลัก" ให้ขยาย (expand) เพื่อแสดง "หัวข้อย่อย" (Sub-topics) ที่อยู่ภายใต้หัวข้อนั้น

แสดงสถานะการเรียน (เช่น check mark) เมื่อเรียนจบ "หัวข้อย่อย" นั้นแล้ว

3. E-Certificate:

เมื่อผู้เรียนเรียนทำ "แบบทดสอบรวมท้ายบทเรียน" ผ่านเกณฑ์ (เช่น ถูกต้อง 70% ขึ้นไป) ระบบจะแสดงหน้ายินดีพร้อมปุ่มสำหรับดาวน์โหลด "E-Certificate" เป็นไฟล์ PDF

ให้ออกแบบโครงร่างของ E-Certificate (มีชื่อผู้เรียน, ชื่อคอร์ส, วันที่จบ)

เมื่อคุณคลิกปุ่ม "ดาวน์โหลดใบประกาศนียบัตร (PDF)" ระบบจะทำการสร้าง ใบประกาศนียบัตรขนาดเต็ม (ที่ซ่อนไว้) ขึ้นมา แปลง ใบประกาศนั้นเป็นรูปภาพ นำรูปภาพ ไปใส่ในไฟล์ PDF แล้วจึงสั่งดาวน์โหลด ไฟล์ PDF นั้นลงเครื่องของคุณโดยอัตโนมัติ

____________

หลังจากได้บทเรียน Version แรกแล้ว

ให้ทำการทดลองใช้ จากนั้นป้อน Prompt เพื่อปรับแก้ไขรายละเอียด หรือปรับแต่งการทำงานเพิ่มเติม ในช่อง Ask Gemini

ตัวอย่างเช่น

บทเรียน Basic Python

- สามารถกด Run Example เพื่อดูผลลัพธ์ของ code ตัวอย่างได้

- สามารถฝึกเขียน Code จากโจทย์แบบฝึกหัด และกด Run เพื่อตรวจสอบผลลัพธ์ได้เลย

หรือ หากเป็น การแก้โจทย์ปัญหาคณิตศาสตร์

- สามารถกด แสดงวิธีการแก้โจทย์ปัญหาจากตัวอย่าง

- สามารถฝึกแสดงวิธีทำ กด Submit เพื่อตรวจสอบผลลัพธ์ได้เลย

____________

แชร์แบบให้ Copy contents ได้นะคะ เผื่อใครเอาอันนี้ไปปรับเนื้อหา

ลิงค์ https://gemini.google.com/share/78188e9aebb1 

คำแนะนำเพิ่มเติม

- ถ้านำไปใช้งานจริง และต้องการติดตามการเรียน ควรเพิ่มการ Login เข้าสู่ระบบ

- ในส่วนของแบบทดสอบหลังเรียน เนื่องจากเป็น Demo จึงวางแบบทดสอบใน Code ตรง ๆ แต่หากนำไปใช้จริง แนะนำให้สร้างข้อสอบด้วย Google Spreadsheet และใช้ App Script + JSON ดึงข้อสอบและเฉลยมาให้นักเรียนทำ เพื่อป้องกันไม่ให้นักเรียนกดดูเฉลยจาก Source code ได้ค่ะ

#GeminiDeepResearch #GeminiCanvas