ชุดการสอนรายวิชา การการพัฒนาเว็บไซต์ทางธุรกิจ

ห น้ า | 41 สาขาวิชา : เทคโนโลยธี รุ กจิ ดจิ ิทัล ชื่อวิชา : การพฒั นาเว็บไซตท์ างธุรกจิ รหัสวชิ า ใบความรูท้ ี่ 1 หนา้ ที.่ .... : 30204-2103 ชดุ การสอนที่ 1 เร่ือง พ้นื ฐานการพฒั นาเว็บไซตท์ างธุรกิจ แผ่นที่ : 2.สว่ นของเนื้อหา (Page Body) เปน็ สว่ นท่ีอยู่ตอนกลางของหนา้ ใช้แสดงข้อมูลเน้ือหาของเว็บไซต์ ซ่ึงประกอบด้วยข้อความ, ตารางข้อมลู ภาพกราฟิก วดี ีโอ และอื่นๆ และอาจมีเมนหู ลกั หรือเมนูเฉพาะกลมุ่ วางอยใู่ นส่วนนี้ด้วย สำหรับสว่ นเนอ้ื หาควรแสดงใจความสำคัญทีเ่ ปน็ หัวเรอื่ งไว้บนสุด ข้อมลู มีความกระชับ ใชร้ ูปแบบตัวอักษรท่ีอ่าน ง่าย และจดั Layout ใหเ้ หมาะสมและเปน็ ระเบียบ 3. ส่วนท้ายของหน้า (Page Footer) เปน็ ส่วนท่ีอยดู่ า้ นลา่ งสดุ ของหน้า จะมหี รือไม่มกี ็ได้ มกั วางระบบนำทางท่เี ป็นลิงค์ขอ้ ความงา่ ย ๆ และอาจแสดง ขอ้ มูลเพมิ่ เติมเก่ียวกับเนือ้ หาภายในเวบ็ ไซต์ เช่น เจา้ ของเว็บไซต์, ข้อความแสดงลิขสทิ ธิ์, วธิ ีการตดิ ต่อกับผ้ดู ูแลเวบ็ ไซต์, คำแนะนำการใช้เวบ็ ไซต์ เป็นตน้ โดยปกติส่วนหัวและสว่ นทา้ ยมกั แสดงเหมอื นกนั ในทกุ หน้าของเว็บเพ็จ

ห น้ า | 42 สาขาวิชา : เทคโนโลยธี รุ กจิ ดจิ ิทัล แบบทดสอบทา้ ย จำนวน หน่วย 10 ขอ้ ชอ่ื วิชา : การพฒั นาเว็บไซตท์ างธุรกจิ รหสั วิชา : 30204-2103 ชดุ การสอนท่ี 1 เรื่อง พน้ื ฐานการพัฒนาเว็บไซต์ทางธรุ กิจ จำนวน 10 นาที ตอนท่ี 1 1. แบบทดสอบน้เี ปน็ แบบปรนยั ชนิดเลือกตอบ 4 ตัวเลอื กจำนวน 10 ขอ้ ข้อละ 1 คะแนน 2. ให้เลอื กคำตอบทีถ่ กู ต้องที่สุดเพียงขอ้ เดียวแล้วทำเคร่อื งหมาย X ลงในกระดาษคำตอบ 3. ใชเ้ วลาในการทำ 10 นาที 1.เวบ็ เพจ (Web Page) หมายถึงขอ้ ใด 5.การออกแบบเว็บไซตโ์ ดยท่ัๆไปมสี ว่ นประกอบกีส่ ว่ น ก. เปรียบเสมือนปกหนงั สือ ตามปกติจะถูกเก็บอยู่ในรูปแบบไฟล์ ก. 1 ส่วน ข. 2 สว่ น HTML ค. 3 ส่วน ง. 4 ส่วน ข. เปรียบเสมือนหนังสือ 1 เล่ม ตามปกติจะถูกเก็บอยู่ในรูปแบบ 6.วงล้อสีทฤษฎีสีแบบสามเส้า (RGB) เหมาะกับเว็บไซต์ ไฟล์ HTML แบบใด ค. เปรียบเสมือนหน้ากระดาษแต่ละหน้า จะถูกเก็บอยู่ในรูปแบบ ก.เวบ็ ไซต์ข่าว ข.เว็บไซต์ท่ีทันสมยั ไฟล์ HTML ง. เปรียบเสมือนหน้ากระดาษแต่ละหน้า จะถูกเก็บอยู่ในรูปแบบ ค.เว็บไซตข์ ายสนิ คา้ ง.เว็บไซตท์ โ่ี ดดเดน่ สะดดุ ตา ไฟล์ .doc 7.การจดั ตวั อกั ษรในเวบ็ ไซต์ ในหนง่ึ บรรทดั ใชก้ ต่ี ัวอกั ษร 2. เว็บไซต์ หมายถึงขอ้ ใด ก. 10-30 ตวั อักษร ข. 30-50 ตวั อกั ษร ก. การส่งจดหมายไปยงั ผรู้ บั แบบไม่เหน็ หนา้ ค. 50-70 ตัวอักษร ค. 70-90 ตัวอกั ษร ข. หน้าเว็บเพจหน้าเดยี ว จะเชอื่ มโยงผ่านทางกล่องรับไปรษณีย์ 8.ภาพท่ไี ด้จากกลอ้ งดจิ ติ อลปกติเป็นภาพรูปแบบใด ค. หนา้ เว็บเพจหลายๆ หน้า จะเช่ือมโยงผ่านทางไฮเปอรล์ งิ ก์ ก. JPG ข. PNG ง. ข้อมูลท่ีเชื่อมโยงผ่านทางอีเมลที่สามารถเปิดอ่านข้อความได้ ค. BMP ตลอดเวลา ง. GIF 3. ข้อใดกลา่ วถึง โฮมเพจ (Home Page) ไดถ้ กู ต้อง ก. เปรียบเสมอื นสารบัญในหนงั สือ 9. ภาพทเ่ี หมาะสมในการนำมาพัฒนาเวบ็ ไซต์คอื ก. JPG ข. PNG ข. เปรียบเสมือนบรรณานุกรม ค. BMP ง. GIF ค. เปรียบเสมือนหน้าปกนติ รสาร 10. เว็บไซตท์ ่ีนิยมพัฒนาเว็บแอพพลิเคชั่นคอื ภาษาใด ง. เปรียบเสมอื นทค่ี ัน่ หนงั สอื ก.PHP ข.HTML 4.HTML ยอ่ มาจากอะไร ค.XHTML ง.CSS ก. Hyper Text Markup Language ข. Hytext Markup Language ค. Hyda Text Markup Language ง. Hypa Text Markup Language http://bit.ly/3pAFDd3

ตอนท่ี 2 คำสง่ั ใหน้ กั ศกึ ษาโยงเสน้ ความสมั พันธใ์ ห้ถกู ต้อง ห น้ า | 43 Upload HTML Search engine สว่ นหัวของหนำ้ Uniform Resource Locator กำรส่งขอ้ มูล URL Hypertext Markup Language เคร่อื งมอื คน้ หำ ส่วนของเน้อื หำ Page Header ส่วนท้ำยของหน้ำ Page Body Page Footer

ห น้ า | 44 สาขาวชิ า : เทคโนโลยีธรุ กิจดจิ ิทัล ใบสง่ั งาน หน้าท่ี 1 ชอ่ื วชิ า : การพฒั นาเวบ็ ไซตท์ างธุรกิจ รหสั วชิ า : 30204-2103 งาน : พ้นื ฐานการพฒั นาเวบ็ ไซตท์ างธุรกิจ แผน่ ที่ : 1 คำสง่ั ใหน้ ักศกึ ษาออกแบบโครงร่างเวบ็ ไซต์ โดยประยุกต์จากตวั อยา่ งท่กี ำหนดให้ จดั ทำดว้ ย Google Document และ บนั ทึกไฟล์ส่งกล่องสง่ งานตาม url: ทก่ี ำหนดให้ คำส่ังย่อย ให้ครูผสู้ อนตรวจ 1. ทำข้ันตอนท่ี 3 ใหค้ รูผู้สอนตรวจ 2. ทำขัน้ ตอนที่ 4 ลำดับข้ันตอนการปฏบิ ตั งิ าน เครือ่ งมอื 1. เตรียมเครือ่ งมอื ใชอ้ อกแบบหน้าเว็บเพจ็ 1. เครอ่ื งคอมพวิ เตอร์ 2. ออกแบบสว่ นประกอบเว็บไซต์ลงในโปรแกรม 2. โปรแกรมเวบ็ Brower 3. บันทึกไฟลด์ ้วย Google Document 3. Google Document 4. สง่ Link ในกล่องสง่ งาน 5. ตรวจสอบผลการสง่ งาน เว็บไซต์ https://sites.google.com/site/kruwerathamt เวลา 60 นาที

ห น้ า | 45 สาขาวชิ า : เทคโนโลยีธุรกจิ ดจิ ทิ ลั หนา้ ที่ 1 ใบลำดบั ขัน้ ตอนการปฏบิ ตั ิงาน ชื่อวชิ า : การพัฒนาเวบ็ ไซตท์ างธุรกิจ รหัสวิชา : 30204-2103 แผน่ ที่ : 2 งาน : พ้นื ฐานการพัฒนาเวบ็ ไซตท์ างธรุ กิจ ขน้ั ตอนการปฏิบตั งิ าน คำอธิบายข้ันตอนการปฏิบัตงิ าน เคร่ืองมอื /อปุ กรณ์ หมายเหตุ/ข้อควรระวัง 1. เตรียมเครอื่ งมือใช้ออกแบบ ใหน้ ักศึกษาเตรียมโปรแกรม ทเี่ กยี่ วขอ้ งในการ ใบสงั่ งาน ตรวจสอบโปรแกรมเว็บ Brower หน้าเว็บเพ็จ ออกแบบหน้าเว็บไซต์ และอินเทอร์เนต็ ว่าสามารถใช้ ใบสั่งงาน งานไดห้ รอื ไม่ หากใช้งานไมไ่ ด้ 2. ออกแบบส่วนประกอบ ใหน้ ักศกึ ษานำส่วนประกอบต่างๆ ของเวบ็ ไซต์ ใบสัง่ งาน ให้แจง้ ครูผสู้ อน เว็บไซตล์ งในโปรแกรม เชน่ Header Menu Footer Content จัด ใบสั่งงาน นกั ศกึ ษาสามารถ จดั วาง วางเปน็ หนา้ เว็บไซตใ์ หถ้ กู ตอ้ ง ใบสัง่ งาน องค์ประกอบไดน้ อกเหนอื จาก 3. บันทกึ ไฟล์ด้วย Google ใหน้ ักศกึ ษาบันทึกไฟล์ ดว้ ยชือ่ ใบงาน และ ตวั อยา่ ง Document ตามด้วยชื่อนกั ศกึ ษาเอง เช่น นักศึกษาตรวจสอบชื่อไฟล์งาน work1_weratham ให้ถกู ตอ้ ง 4. สง่ Link ในกล่องสง่ งาน ใหน้ กั ศึกษานำ Link ท่ไี ดจ้ าก Google Document วางลงในกล่องสง่ งานทีผ่ ู้สอน ตรวจสอบการพมิ พช์ ือ่ URL: 5. ตรวจสอบผลการสง่ งาน กำหนดใหใ้ นช้ันเรียน หากพมิ พผ์ ดิ ไมส่ ามารถเขา้ ถึง เว็บไซต์ ให้นกั ศึกษาตรวจสอบ ผลงานทส่ี ่ง ภายใน กล่องสง่ งานได้ https://sites.google.com/sit เวบ็ ไซตค์ รผู ้สู อน หวั ขอ้ ส่งงาน ตรวจสอบการพิมพช์ ่ือ URL: e/kruwerathamt https://sites.google.com/sit e/kruwerathamt ใหถ้ ูกต้อง

ห น้ า | 46 สาขาวิชา : เทคโนโลยีธุรกิจดจิ ทิ ลั ใบประเมนิ ผล หน้าท่ี 1/2 แผ่นท่ี : 1 ชื่อวิชา : การพัฒนาเว็บไซตท์ างธุรกิจ รหสั วิชา : 30204-2103 งาน : พื้นฐานการพัฒนาเวบ็ ไซต์ทางธรุ กิจ ชอื่ ..................................................นามสกลุ ............................................................แผนก...................................................... วนั /เดอื น/ปี............................................................................................................................................................................. จุดประเมนิ ผลการประเมิน หมายเหตุ 1.ลำดบั ขน้ั ตอนการปฏิบตั ิ ผ่าน ไม่ผา่ น 1. เตรียมเครือ่ งมอื ใช้ออกแบบหน้าเวบ็ เพ็จ 2. ออกแบบสว่ นประกอบเว็บไซตล์ งในโปรแกรม 3. บันทกึ ไฟล์ด้วย Google Document 4. ส่ง Link ในกล่องส่งงาน 5. ตรวจสอบผลการสง่ งาน เว็บไซต์ https://sites.google.com/site/kruwerathamt

ห น้ า | 47 สาขาวชิ า : เทคโนโลยธี ุรกจิ ดจิ ทิ ลั ใบประเมินผล หนา้ ท่ี 2/2 แผน่ ท่ี : 2 ชื่อวิชา : การพัฒนาเวบ็ ไซตท์ างธรุ กจิ รหสั วชิ า : 30204-2103 งาน : พ้ืนฐานการพฒั นาเว็บไซตท์ างธุรกิจ ชือ่ ..................................................นามสกลุ ............................................................แผนก...................................................... วัน/เดอื น/ป.ี ............................................................................................................................................................................ จุดประเมิน ผลการประเมนิ หมายเหตุ ดมี าก ดี พอใช้ แก้ไข 2.คุณภาพของผลงาน 2.1 ออกแบบโครงร่างหนา้ เวบ็ ไซตไ์ ด้ - ความครบถว้ น - ความสวยงาม - ความคดิ สร้างสรรค์ 3.เจตคติ (กจิ นสิ ยั ฯ) ในการปฏบิ ัตงิ าน - ความรบั ผดิ ชอบ - ความตรงต่อเวลา - ความเหมาะสม เริ่มปฏิบัตงิ านเวลา...............น. เสร็จเวลา...................น. รวมเวลาปฏิบตั งิ าน...................ชัว่ โมง..................นาที สรุปผลการประเมนิ  ผา่ น  ไม่ผ่าน เนือ่ งจาก.................................................. ขอ้ เสนอแนะ ............................................................................................................................. .................................................................... ............................................................................................................................................................................................ ..... ............................................................................................................................. .................................................................... .............................................................. ............................................................................................................................. ...... ผปู้ ระเมนิ ......................................................

ห น้ า | 48 สาขาวิชา : เทคโนโลยีธุรกิจดจิ ิทัล แบบทดสอบหลงั เรียน จำนวน จำนวน 10 นาที 10 ข้อ ชื่อวิชา : การพัฒนาเว็บไซตท์ างธุรกจิ รหสั วิชา : 30204-2103 ชดุ การสอนที่ 1 เร่ือง พนื้ ฐานการพฒั นาเวบ็ ไซต์ทางธรุ กจิ คำชแ้ี จง 1. แบบทดสอบน้เี ป็นแบบปรนัย ชนิดเลอื กตอบ 4 ตัวเลอื กจำนวน 10 ขอ้ ขอ้ ละ 1 คะแนน 2. ให้เลอื กคำตอบท่ีถกู ต้องทสี่ ุดเพียงขอ้ เดยี วแล้วทำเคร่ืองหมาย X ลงในกระดาษคำตอบ 3. ใช้เวลาในการทำ 10 นาที 1.เว็บเพจ (Web Page) หมายถึงข้อใด 5.การออกแบบเว็บไซต์โดยท่ัๆไปมสี ว่ นประกอบกี่สว่ น ก. เปรียบเสมือนปกหนงั สือ ตามปกติจะถูกเก็บอยู่ในรูปแบบไฟล์ ก. 1 สว่ น ข. 2 สว่ น HTML ค. 3 ส่วน ง. 4 สว่ น ข. เปรียบเสมือนหนังสือ 1 เล่ม ตามปกติจะถูกเก็บอยู่ในรูปแบบ 6.วงล้อสีทฤษฎีสีแบบสามเส้า (RGB) เหมาะกับเว็บไซต์ ไฟล์ HTML แบบใด ค. เปรียบเสมือนหน้ากระดาษแต่ละหน้า จะถูกเก็บอยู่ในรูปแบบ ก.เวบ็ ไซตข์ ่าว ข.เวบ็ ไซต์ท่ที ันสมัย ไฟล์ HTML ง. เปรียบเสมือนหน้ากระดาษแต่ละหน้า จะถูกเก็บอยู่ในรูปแบบ ค.เวบ็ ไซต์ขายสินคา้ ง.เว็บไซต์ทีโ่ ดดเด่นสะดดุ ตา ไฟล์ .doc 7.การจัดตวั อกั ษรในเว็บไซต์ ในหนงึ่ บรรทัดใชก้ ต่ี ัวอักษร 2. เวบ็ ไซต์ หมายถึงขอ้ ใด ก. 10-30 ตวั อักษร ข. 30-50 ตวั อกั ษร ก. การสง่ จดหมายไปยังผรู้ บั แบบไมเ่ หน็ หน้า ค. 50-70 ตวั อกั ษร ค. 70-90 ตัวอกั ษร ข. หน้าเวบ็ เพจหนา้ เดียว จะเช่อื มโยงผา่ นทางกลอ่ งรบั ไปรษณีย์ 8.ภาพทีไ่ ด้จากกลอ้ งดจิ ติ อลปกติเปน็ ภาพรปู แบบใด ค. หน้าเว็บเพจหลายๆ หนา้ จะเชอื่ มโยงผ่านทางไฮเปอรล์ ิงก์ ก. JPG ข. PNG ง. ข้อมูลที่เชื่อมโยงผ่านทางอีเมลที่สามารถเปิดอ่านข้อความได้ ค. BMP ตลอดเวลา ง. GIF 3. ข้อใดกลา่ วถงึ โฮมเพจ (Home Page) ได้ถูกตอ้ ง ก. เปรยี บเสมือนสารบญั ในหนังสือ 9. ภาพท่เี หมาะสมในการนำมาพฒั นาเวบ็ ไซต์คอื ก. JPG ข. PNG ข. เปรียบเสมอื นบรรณานกุ รม ค. BMP ง. GIF ค. เปรียบเสมือนหน้าปกนิตรสาร 10. เว็บไซต์ที่นิยมพฒั นาเว็บแอพพลิเคชั่นคอื ภาษาใด ง. เปรียบเสมือนท่คี ่ันหนงั สือ ก.PHP ข.HTML 4.HTML ย่อมาจากอะไร ค.XHTML ง.CSS ก. Hyper Text Markup Language ข. Hytext Markup Language ค. Hyda Text Markup Language ง. Hypa Text Markup Language http://bit.ly/3pAFDd3

ห น้ า | 49 ข้อแนะนำการเตรยี มสอื่ การสอน 1). เคร่ืองคอมพวิ เตอร์ควรเชอ่ื มตอ่ ระบบอินเทอรเ์ นต็ ได้ 2). Google Slide เป็นสื่อออนไลน์ควรประยกุ ตย์ อ่ ลงิ ค์เพือ่ ความสะดวกในการใชง้ าน เชน่ http://bit.ly/3nY6izU วธิ กี ารใช้งานสอ่ื การสอน 1). เปิดโปรแกรมเว็บ Brower ควรใช้ Google Chome 2). ใช้โปรแกรมเว็บ Brower เปดิ เข้าไปยงั ลงิ คท์ ี่ Google Slide สร้างขน้ึ http://bit.ly/3nY6izU หรือสแกน QR Code ขา้ งลา่ งนี้ 3). บรรยาย อธบิ าย ความรู้ทฤษฏแี ก่นกั เรยี น

ห น้ า | 50 ตวั อย่างสื่อ Google Slide หนว่ ยที่ 1 เรื่อง พื้นฐานการพฒั นาเวบ็ ไซต์ทางธรุ กิจ http://bit.ly/3nY6izU

ห น้ า | 51 บรรณานกุ รม วรเกษมสนั ต์ สริ ศิ ภุ รัชต์. (2556). Professional Web Design CS6 เรยี นร้กู ระบวนการสร้างและออกแบบ Website ทั้งระบบอยา่ งมืออาชพี . กรงุ เทพ. เน็ตดไี ซน์ พับลชิ ชิ่ง, บจก. ชาญชยั ศุภอรรถกร. (2551). คมู่ ือเรยี นเขียนเวบ็ อีคอมเมิร์ซดว้ ย PHP + MySql. กรงุ เทพ. บริษทั ซคั เซส มเี ดีย จำกัด Benjamin LaGrone. (2013) HTML5 and CSS3 Responsive Web Design Cookbook. Birmingham, UK. Packt Publishing Ltd.

ห น้ า | 52 ภาคผนวก 1. เฉลยแบบฝึกหดั ท้ายหนว่ ย 2. เฉลยแบบทดสอบก่อนเรียน 3. เฉลยแบบทดสอบหลงั เรยี น 4. แบบสังเกตพฤติกรรมการเรียนร้รู ายบุคคล 5. แบบสังเกตพฤติกรรมการเขา้ ร่วมกจิ กรรมกลุ่ม 6. แบบประเมนิ การนำเสนอผลงานรายบุคคล 7. แบบประเมนิ คุณลักษณะอนั พึงประสงค์

ห น้ า | 53 ตอนท่ี 1 1. แบบทดสอบน้เี ปน็ แบบปรนยั ชนดิ เลอื กตอบ 4 ตวั เลือกจำนวน 10 ข้อ ข้อละ 1 คะแนน 2. ให้เลือกคำตอบทถ่ี กู ตอ้ งทสี่ ุดเพยี งขอ้ เดยี วแล้วทำเครอื่ งหมาย X ลงในกระดาษคำตอบ 3. ใชเ้ วลาในการทำ 10 นาที เฉลยแบบฝึกหดั ท้ำยหนว่ ย หนว่ ยที่ 1 เรอ่ื ง พื้ นฐำนกำรออกแบบและพั ฒนำเวบ็ ไซต์ เพื่ อธรุ กจิ เฉลย 1……ค…… 2……ค…… 3……ค…… 4……ก…… 5……ค…… 6……ง…… 7……ค…… 8……ก…… 9……ง…… 10…ก……… ตอนท่ี 2 คำสงั่ ใหน้ ักศึกษาโยงเสน้ ความสมั พนั ธ์ให้ถูกต้อง HTML สว่ นหัวของหนำ้ Upload กำรสง่ ข้อมลู URL Search engine เครือ่ งมอื คน้ หำ ส่วนของเนอ้ื หำ Uniform Resource ส่วนทำ้ ยของหน้ำ Locator Hypertext Markup Page Header Page Body Page Footer

ห น้ า | 54 เฉลยแบบทดสอบกอ่ นเรียน หนว่ ยท่ี 1 เรือ่ ง พื้ นฐำนกำรออกแบบและพั ฒนำเวบ็ ไซต์ เพื่ อธุรกจิ เฉลย 1……ค…… 2……ค…… 3……ค…… 4……ก…… 5……ค…… 6……ง…… 7……ค…… 8……ก…… 9……ง…… 10…ก……… เฉลยแบบทดสอบหลงั เรยี น หนว่ ยท่ี 1 เรอ่ื ง พ้ื นฐำนกำรออกแบบและพั ฒนำเวบ็ ไซต์ เพ่ื อธุรกิจ เฉลย 1……ค…… 2……ค…… 3……ค…… 4……ก…… 5……ค…… 6……ง…… 7……ค…… 8……ก…… 9……ง…… 10…ก………

ห น้ า | 55 แบบสงั เกตพฤตกิ รรมการเรยี นรู้รายบุคคล รหสั วิชา..............วชิ า........................................ช้นั ...............สาขาวชิ า/สาขางาน............................................กลมุ่ .......... ภาคเรียนที่........ปกี ารศกึ ษา...........................สอนครั้งท.ี่ ................วันท.ี่ ................................................... คำช้ีแจง ใหท้ ำเคร่ืองหมาย ✓ และ หากนักเรียนมีพฤตกิ รรมนน้ั ลงในชอ่ งรายการ ที่ รหสั ชื่อ-นามสกุล ความสนใจ การแสดงความ พฤตกิ รรม การยอมรับฟัง ทำงานตามที่ รวม 4321 คดิ เห็น การตอบคำถาม คนอื่น มอบหมาย 1 4321 2 4321 4321 4321 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 เกณฑ์การวดั ผล ใหค้ ะแนนระดับคุณภาพของแต่ละพฤติกรรมดงั น้ี 1. ดีมาก = 4 สนใจฟงั ไม่หลบั ไม่พดู คุยในชนั้ มีคำถาม ตอบคำถามถูก ทำงานส่งตามเวลา 2. ดี = 3 พฤติกรรมการแสดงออกอยใู่ นเกณฑป์ ระมาณ 70% 3. ปานกลาง = 2 พฤติกรรมการแสดงออกอยู่ในเกณฑ์ประมาณ 50% 4. ปรับปรุง = 1 เข้าชนั้ เรยี น แตก่ ารแสดงออกน้อยมาก สง่ งานไม่ครบ สง่ งานไม่ตรงเวลา ลงชอื่ ....................................ผ้สู ังเกต (..........................................) .........../................/............

ห น้ า | 56 แบบสงั เกตพฤตกิ รรมการเขา้ ร่วมกจิ กรรมกลุ่ม รหัสวชิ า..............วิชา........................................ชั้น...............สาขาวชิ า/สาขางาน............................................กลมุ่ .......... ภาคเรยี นท.ี่ .......ปกี ารศกึ ษา...........................สอนครงั้ ท.ี่ ................วันท่ี.................................................... คำช้ีแจง ให้ทำเคร่อื งหมาย ✓ และ หากนกั เรยี นมีพฤติกรรมนน้ั ลงในช่องรายการ พฤตกิ รรม ที่ รหัส ชอื่ -นามสกุล ความร่วมมือ การแบง่ หนา้ ที่ การรบั ฟงั ความ การตั้งใจทำงาน ทำงานตามที่ รวม ในกล่มุ คิดเห็น มอบหมาย 43214321432143214321 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 เกณฑ์การวัดผล ให้คะแนนระดบั คุณภาพของแตล่ ะพฤติกรรมดงั นี้ 1. ดมี าก = 4 ประสิทธิภาพอยู่ในเกณฑ์ 90 - 100% หรือปฏิบัตบิ ่อยครั้ง 2. ดี = 3 ประสทิ ธภิ าพอย่ใู นเกณฑ์ 70 - 89% หรอื ปฏบิ ตั บิ างครั้ง 3. ปานกลาง = 2 ประสทิ ธภิ าพอยู่ในเกณฑ์ 50 - 69% หรอื ปฏบิ ัตคิ รั้งเดยี ว 4. ปรับปรงุ = 1 ประสทิ ธภิ าพอยใู่ นเกณฑ์ 50% หรอื ไม่ปฏบิ ตั ิเลย ลงชอ่ื .....................................ผู้สังเกต (..........................................) .........../................/...........

ห น้ า | 57 แบบประเมินการนำเสนอผลงานรายบคุ คล รหัสวชิ า..............วิชา........................................ช้ัน...............สาขาวชิ า/สาขางาน............................................กลมุ่ .......... ภาคเรียนท่.ี .......ปีการศกึ ษา...........................สอนครงั้ ท.ี่ ................วันท.่ี ................................................... บคุ ลกิ มารยาท การใช้ วิธีการ เนือ้ หาที่ รวม ที่ รหสั ช่ือ-ช่อื สกลุ การแตง่ ในการพดู ภาษา นำเสนอ นำเสนอ กาย 10 10 10 10 10 50 ขอ้ เสนอแนะเพิ่มเติม ………………………………………………………………………………………………………………………………………………………….. เกณฑผ์ า่ น 25 คะแนน เกณฑก์ ารสงั เกต บุคลิก การแตง่ กาย : มีความเชอ่ื มัน่ ในตนเอง แต่งกายสะอาด ถูกระเบยี บ เสอ้ื ไม่หลุดลุย่ ลอยชาย มารยาทในการพดู : มองหนา้ และสบตาผู้ฟัง ไม่เหนบ็ แนม เสยี ดสผี ู้อื่น การใชภ้ าษา : ชัดเจน ตามหลักภาษา ตัว ร ล คำควบกลำ้ ถ้อยคำข้อความสุภาพ วิธกี ารนำเสนอ : นา่ สนใจหลากหลาย เช่น ใช้แผน่ ใส รปู ภาพ ต้งั คำถาม เลน่ เกม ไม่เยน่ิ เย้อ เนอ้ื หาที่นำเสนอ : มสี าระสำคัญ ตรงกับหวั ข้อเรือ่ ง ใชเ้ วลาตามทีก่ ำหนด คะแนนอยใู่ นดลุ ยพนิ จิ ของผ้ปู ระเมินกำหนด ลงชื่อ……………………………….ผู้ประเมนิ (……………………………….) …………/…………/………..

ห น้ า | 58 แบบประเมนิ คุณธรรม จริยธรรม คา่ นิยม และคุณลักษณะอนั พงึ ประสงค์ รหสั วิชา..............วิชา........................................ช้ัน...............สาขาวิชา/สาขางาน............................................กลุ่ม.......... สอนครั้งท.่ี ................วันท.่ี ................................................... ความ ีมม ุนษยสัมพัน ์ธ ความ ีม ิว ันย ความรับ ิผดชอบ ความเ ืช่อ ่ัมนในตนเอง ความสนใจใฝ่รู้ ความรักสา ัมค ีค ความกตัญ ูญกตเว ีท ที่ รหัส ชอื่ -ชื่อสกลุ รวม 2 1 3 1 1 1 1 10 1 2 3 4 5 6 7 8 9 10 เกณฑ์การพิจารณา ลงชื่อ……………….…………………….ผู้ประเมิน (………………………..…………….) 1. ความมมี นษุ ยสัมพันธ์ …………/…………/……….. - แสดงกริ ยิ าท่าทางสุภาพตอ่ ผ้อู น่ื - ให้ความรว่ มมือกับผอู้ นื่ 4. ความเช่ือมน่ั ในตนเอง - กล้าแสดงความคิดเห็นอย่างมีเหตุผล 2. ความมีวินัย - ปฏิบตั ิตามกฎระเบียบ ข้อบังคับ และข้อตกลงต่างๆ ของ 5. ความสนใจใฝ่รู้ - ซักถามปัญหาขอ้ สงสัย วทิ ยาลยั ไดแ้ ก่ แตง่ กายถูกตอ้ งตามระเบียบ และข้อบงั คบั ตรงต่อเวลา 6. ความรักสามคั คี - ร่วมมือในการทำงาน 3. ความรบั ผิดชอบ - มีการเตรยี มความพร้อมในการเรียนและการปฏิบตั ิงาน 7. ความกตัญญกู ตเวที - ปฏิบัตงิ านด้วยความตัง้ ใจ - มสี ัมมาคารวะตอ่ ครู-อาจารย์อยา่ งสม่ำเสมอ ทง้ั ต่อหนา้ และลับหลงั - มคี วามเพยี รพยายามในการเรียนและการปฏบิ ัติงาน