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

แบบประเมินผลการปฏิบัติกิจกรรมกลุ่ม รายวิชา การพัฒนาเว็บไซต์ทางธุรกิจ หัสวิชา 31910-2011 หน่วยที่ 4 เรื่อง การสร้างร้านค้าด้วยธีม WooComerce ชื่องาน กิจกรรมการอภิปรายเกี่ยวกับ “การสร้างร้านค้าด้วยธีม WooComerce” ชื่อหัวข้อที่ศึกษา…………………………………………………………………………………………………………. นักศึกษา ระดับชั้น ปวส สาขาวิชาเทคโนโลยีธุรกิจดิจิทัลสมาชิกของกลุ่มประกอบด้วย …………………………………………………………………………………………………………………………………………. เกณฑ์การประเมิน คะแนน เต็ม ได้ 7.การปฏิบัติงาน (5 คะแนน) 1.1 การปฏิบัติงานกลุ่ม (3คะแนน) 1.1.1 มีการวางแผนทำงานร่วมกัน แบ่งหน้าที่รับผิดชอบอย่างชัดเจน 3 1.1.2 ปฏิบัติงานด้วยความตั้งใจ เอาใจใส่ 2 1.1.3 ขาดความร่วมมือในกลุ่ม ต่างคนต่างทำ/ทำงานเพียงคนเดียว 1 1.2 เวลาที่ใช้ในการปฏิบัติงาน (2คะแนน) 1.2.1 ปฏิบัติงานจนแล้วเสร็จในเวลาที่กำหนด 2 1.2.2 ปฏิบัติงานไม่แล้วเสร็จในเวลาที่กำหนด 1 8.ข้อมูลที่ศึกษา (10 คะแนน) 2.1 กำหนดหัวข้อสำคัญครอบคลุมเนื้อหา (3คะแนน) 2.1.1 กำหนดหัวข้อครอบคลุมเนื้อหา 3 2.1.2 หัวข้อที่กำหนดครอบคลุมเนื้อหาเป็นส่วนมาก 2 2.1.3 หัวข้อที่กำหนดยังไม่ครอบคลุมเนื้อหา 1 2.2 ความละเอียดสมบูรณ์ของเนื้อหา (3คะแนน) 2.2.1 เนื้อหาแต่ละหัวข้อมีความละเอียดสมบูรณ์ 3 2.2.2 เนื้อหาแต่ละหัวข้อมีความละเอียดสมบูรณ์เป็นส่วนมาก 2 2.2.3 เนื้อหาแต่ละหัวข้อมีความละเอียดและสมบูรณ์เป็นส่วนน้อย 1 85

แบบประเมินผลการปฏิบัติกิจกรรมกลุ่ม (ต่อ) เกณฑ์การประเมิน คะแนน เต็ม ได้ 2.3 ความชัดเจน เหมาะสม และสมบูรณ์ของภาพประกอบ (2 คะแนน) 2.3.1 ภาพประกอบมีความชัดเจน เหมาะสม และสมบูรณ์ 2 2.3.2 ภาพประกอบมีความชัดเจน เหมาะสม แต่ไม่สมบูรณ์ 1 2.4 การใช้ภาษาเรียบเรียงข้อมูล (2 คะแนน) 2.4.1 ใช้ภาษาเรียบเรียงข้อมูลอย่างถูกต้อง เหมาะสม 2 2.4.2 ใช้ภาษาเรียบเรียงข้อมูลยังขาดความถูกต้อง เหมาะสม 1 9. การนำเสนอ (5 คะแนน) 3.1 ความพร้อม สมบูรณ์ และเหมาะสมของสื่อ (1 คะแนน) 1 3.2 ความพร้อม สมบูรณ์ และเหมาะสมของสื่อ (2 คะแนน) 3.2.1 ความพร้อม สมบูรณ์ และเหมาะสมของสื่อประกอบการนำเสนอ 2 3.2.2 ความไม่พร้อม ไม่สมบูรณ์ ของสื่อประกอบการนำเสนอ 1 3.3 บุคลิกภาพเหมาะสม มีความมั่นใจ เสียงดัง (2 คะแนน) 3.3.1 บุคลิกภาพเหมาะสม มีความมั่นใจ เสียงดัง 2 3.3.2 บุคลิกภาพเหมาะสม ไม่มีความมั่นใจ เสียงไม่ดัง 1 รวมคะแนน 20 86

แบบประเมินด้านคุณธรรมจริยธรรม คุณลักษณะที่พึงประสงค์ หน่วยที่ 4 รายวิชา การพัฒนาเว็บไซต์ทางธุรกิจ รหัสวิชา 31910-2011 ระดับชั้น / ห้อง วันที่…………………เดือน……………พ.ศ…………. เลขที่ ชื่อ -สกุล คุณธรรม จริยธรรม คุณลักษณะที่พึงประสงค์การมีวินัย การตรวต่อเวลา ความรับผิดชอบ ความสนใจใฝ่รู้ ความซื่อสัตย์ คะแนนรวม 1 1 1 1 1 5 หมายเหตุ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 เกณฑ์การให้คะแนน ได้ 1 คะแนน เมื่อผู้เรียนปฏิบัติ ได้ 0 คะแนน เมื่อผู้เรียนไม่ปฏิบัติ เกณฑ์การประเมิน ดีมาก หมายถึง ได้คะแนนรวม 5 คะแนน ดี หมายถึง ได้คะแนนรวม 4 คะแนน พอใช้ หมายถึง ได้คะแนนรวม 3 คะแนน ปรับปรุง หมายถึง ได้คะแนนรวมน้อยกว่า 3 คะแนน 87

หน่วยการเรียนรู้ที่ 4 เรื่อง การสร้างร้านค้าด้วยธีม WooComerce จุดประสงค์การเรียนรู้ 1. อธิบายการติดตั้งปลั๊กอิน WooComerce 2. อธิบายารดาวน์โหลด WooComerce มาติดตั้ง 3. อธิบายการเพิ่มไอคอนแชร์สินค้า 4. อธิบายการติดตั้งธีมร้านค้ารูปแบบอื่น 5. อธิบายการตั้งการใช้ภาษาไทยใน WooComerce 6. บอกการตั้งค่าการชำระเงิน คำสั่ง ให้ผู้เรียนตอบคำถามต่อไปนี้ให้ถูกต้องและได้ใจความสมบูรณ์ 1. อธิบายการติดตั้งปลั๊กอิน WooComerce ………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………........................................ ………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………........................................ 2. อธิบายารดาวน์โหลด WooComerce มาติดตั้ง ………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………........................................ ………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………......................................... 3. อธิบายการเพิ่มไอคอนแชร์สินค้า ………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………........................................ ………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………......................................... 4. อธิบายการติดตั้งธีมร้านค้ารูปแบบอื่น ………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………........................................ ………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………......................................... แบบฝึกหัดที่ 1.1 84 87

5. อธิบายการตั้งการใช้ภาษาไทยใน WooComerce ………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………........................................ ………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………......................................... 6. บอกการตั้งค่าการชำระเงิน ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………........................................ ………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………......................................... 7. อธิบายการค้นหาธีมการชำระเงิน ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………........................................ ………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………......................................... 9. บอกการสมัครใช้งานผ่าน payal ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………........................................ ………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………......................................... 10. อธิบายขั้นการชำระเงินการสั่งซิอสินค้า ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………........................................ ………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………......................................... 88

แบบทดสอบหลังเรียน คำชี้แจง ให้นักเรียนเลือกคำตอบที่ถูกที่สุดเพียงคำตอบเดียวและทำเครื่องหมาย () ลงในกระดาษคำตอบ (10 คะแนน) 1.ข้อใดต่อไปนี้กล่าวถึง ธีม WooComerce ได้ถูกต้อง ก. ปลั๊กอินใน WordPress ที่ช่วยเปลี่ยนหน้าเว็บไซต์ธรรมดา ๆ ให้กลายเป็นร้านค้าอีคอมเมิร์ช ข. ช่องทางการขายให้เจ้าของธุรกิจออนไลน์ ค. มีระบบตะกร้าสินค้า ง. ถูกทุกข้อ 2. ข้อใดกล่าวไม่ถูกต้องในการเลือกใช้WooCommerce plugin มาใช้งาน ก. ใช้งานง่าย ข. ใช้งานฟรีไม่มีค่าใช้จ่าย ค. มีความสามารถในการปรับแต่ง ง. เหมาะกับการทำร้านค้าออนไลน์ 3. ข้อใดกล่าวไม่ถูกต้อง WooCommerce ข้อเสียมีอะไรบ้าง ก. ความซับซ้อนสำหรับผู้เริ่มต้น ข. ต้องมีการอัปเดตเป็นประจำ: ค. ต้องมีการเรียนรู้ ง. ขายสินค้าได้ทุกอย่าง 4. ข้อใดเป็นสัญลักษณ์ของ WooCommerce ก. ข. ค. ง. 89

5. ข้อใดต่อไปนี้คือสัญลักษณ์การแชร์สินค้า ก. ข. ค. ง. 6. ถ้าต้องการติดตั้งธีมร้านค้ารูปแบบร้านค้าต้องพิมพ์คำว่าอะไร ก. Shop ข. Sell ค. Theme ง. Woocomerce 7. ถ้าต้องการตั้งการใช้ภาษาไทยใน WooComerce ต้องไปที่ใด ก. การตั้งค่า ข. เมนู ค. ปลั๊กอิน ง. หน้าแรก 8. ถ้าต้องการตั้งค่าการชำระเงินต้องเข้าที่เมนูใด ก. สินค้า ข. Payment ค. คำสั่งซื้อ ง. สถานการณ์ซื้อ 90

9. WooCommerce เปิดตัวครั้งแรกในปีใด ก. 2011 ข. 2012 ค. 2013 ง. 2014 10. ข้อใดต่อไปนี้ไม่ใช่ ข้อดีWooCommerce ก. ความคุ้มค่า ข. การวิเคราะห์ ค. ขายสินค้าได้ทุกอย่าง ง. จำกัดสินค้า สแกน QRCODE เพื่อทำแบบทดสอบออนไลน์ 91

เฉลย ข้อ คำตอบ ข้อ คำตอบ 1 ง 6 ง 2 ข 7 ค 3 ง 8 ข 4 ก 9 ก 5 ก 10 ง 92

หน่วยที่ 5 การใช้งาน php ร่วมกับ WordPress 1. สาระสำคัญ การทำงานของ WordPress ด้านหลังบ้านถูกพัฒนาโดยภาษา php ดังนั้นผู้ใช้งานจำเป็นต้องมีความรู้การ ใช้งานภาษา php เพื่อการปรับแต่งส่วนต่างๆ 2. สมรรถนะประจำหน่วย ผู้เรียนสามารถใช้งาน php ร่วมกับ WordPressได้ 3. จุดประสงค์การเรียนรู้ จุดประสงค์ทั่วไป 1. เพื่อให้มีความรู้ความเข้าใจการเพิ่มโค๊ด php ด้วยปลั๊กอินได้ 2. เพื่อให้มีความรู้ความเข้าใจการอับโหลดไฟล์ SVG,PSD ได้ 3. เพื่อให้มีความรู้ความเข้าใจการเปลี่ยนสีพื้นหลังแบบสุ่ม ได้ 4. เพื่อให้มีความรู้ความเข้าใจการใช้ Google Analytics กับ WordPress ได้ 5. เพื่อให้มีความรู้ความเข้าใจการสร้างร้านค้าให้ติดเทรนด้วย SEO ได้ 6. เพื่อให้มีคุณธรรม จริยธรรมในงานอาชีพและตระหนักถึงคุณค่าของปรัชญาของเศรษฐกิจพอเพียง จุดประสงค์เชิงพฤติกรรม ด้านความรู้(ทฤษฏี) 1. อธิบายการเพิ่มโค๊ด php ด้วยปลั๊กอินได้ 2. บอกการอับโหลดไฟล์ SVG,PSD ได้ 3. อธิบายการเปลี่ยนสีพื้นหลังแบบสุ่มได้ 4. บอกการใช้ Google Analytics กับ WordPressได้ไ 5. บอกการสร้างร้านค้าให้ติดเทรนด้วย SEOได้ ด้านทักษะ (ปฏิบัติ) 1. สามารถใช้ Google Analytics กับ WordPressได้ไ 2. สามารถการสร้างร้านค้าให้ติดเทรนด้วย SEOได้ ด้านจิตพิสัย 1. ความมีวินัย 2. ความมุ่งมั้นในการทำงาน 3. ความซื่อสัตย์ 4. ความสนใจใฝ่รู้ 5. ความมีมนุษย์สัมพันธ์ 93

4. เนื้อหาสาระ 1. การเพิ่มโค๊ด php ด้วยปลั๊กอิน 2. การอับโหลดไฟล์ SVG,PSD 3. การเปลี่ยนสีพื้นหลังแบบสุ่ม 4. การใช้ Google Analytics กับ WordPress 5. การสร้างร้านค้าให้ติดเทรนด้วย SEO 94

แบบทดสอบก่อนเรียน คำชี้แจง ให้นักเรียนเลือกคำตอบที่ถูกที่สุดเพียงคำตอบเดียวและทำเครื่องหมาย () ลงในกระดาษคำตอบ (10 คะแนน) 1. ข้อใดต่อไปนี้เป็นการเพิ่มโค๊ด php ได้ถูกต้อง ก. การแทรก php code Snipets ข. Insert PHP Code Snipet ค. Add New php code Snipets ง. ถูกทุกข้อ 2. ข้อใดต่อไปนี้เป็นการแสดงโค๊ดวันที่ปัจจุบัน ก. <? Php echo date(“m/d/y”); ?> ข. <? Php echo date(“y/d/m”); ?> ค. <? Php echo date(“d/y/m”); ?> ง. ไม่มีข้อใดถูกต้อง 3. เมื่อต้องการอับโหลดไฟล์ SVG,PSD ต้องไปฟังก์ชั่นใด ก. Functions.php ข. Functions.Html ค. Wordpress.php ง. WordPress.org 4. คำสั่งข้อใดเป็นเป็นการอัปโหลด PSD ได้ถูกต้อง ก. $mime_type[‘svg’] ข. $mime_type[‘psd’] ค. $mime_type[‘type] ง. $mime_type[‘WordPress’] 5. เมื่อต้องการเปลี่ยนสีพื้นหลังแบบสุ่มต้องไปฟังก์ชั่นใด ก. Functions.php ข. Functions.Html ค. Wordpress.php ง. WordPress.org 95

6. ข้อใดต่อไปนี้เป็นการเปลี่ยนสีพื้นหลังแบบสุ่มโดยการสร้างค่าเป็นเลขฐานใด ก. ฐานสิบหก ข. ฐานแปด ค. ฐานสอง ง. ฐานสิบ 7. ถ้าต้องการติดตั้งการใช้ Google Analytics ต้องคลิกที่เมนูใด ก. Start for free ข. Google Analytics ค. Google Analytics Wordpress ง. WordPress.org 8. ชื่อเต็มของ SEO คืออะไร ก. Search Engine Optimize ข. Google Analytics ค. Google Search ง. Search Engine 9. ข้อใดต่อไปนี้กล่าวถึง SEO ได้ถูกต้อง ก. การทำเว็บไซต์ให้มีประสิทธิภาพ และรองรับการติดอันดับบน Google ข. การค้นหาทำงานของเว็บไซต์ให้เกิดประสิทธิภาพสูงสุด ค. การค้นพบข้อมูลสารสนเทศที่รองรับเว็บไซต์ติดอันดับ ง. การสร้างเว็บไซต์ให้ติดอับดับและเกิดผลลัพธ์ 10. ปลั๊กอินของ SEO ที่นิยมใช้มากที่สุดคือ ก. Yoast SEO ข. Yoas SEO ค. Google SEO ง. WordPress SEO สแกน QRCODE เพื่อทำแบบทดสอบออนไลน์ 96

หน่วยที่ 5 การใช้งาน php ร่วมกับ WordPress การทำงานของ WordPress ด้านหลังบ้านถูกพัฒนาโดยภาษา php ดังนั้นผู้ใช้งานจำเป็นต้องมีความรู้การ ใช้งานภาษา php เพื่อการปรับแต่งส่วนต่างๆ ที่ต้องการได้อย่างง่ายดาย ด้วยการเขียนโค๊ดดิ้งเพิ่มเติมลงไปได้ดังนี้ 1. การเพิ่มโค๊ด php ด้วยปลั๊กอิน 1.1 การติดตั้งปลั๊กอิน > พิมพ์ช่องค้นหา Insert PHP Code Snippet รูปที่ 5.1 แสดงการติดตั้ง Insert PHP Code Snippet 1..2 คลิกติดตั้ง > คลิก Activate Elementor รูปที่ 5.2 แสดงการ Activate Elementor 97

1.3 ปรากฏหน้าที่ติดตั้งเสร็จสิ้น รูปที่ 5.3 แสดงหน้าต่าง XYZ PHP Code 1.4 พิมพ์ Code php ที่ต้องการปรับแต่งดังนี้ รูปที่ 5.4 แสดงหน้าต่าง พิมพ์ Code php 2. การอัปโหลดไฟล์ SVG,PSD การทำงานของ WordPress มีไฟล์ที่ถูกจำกัดดังนั้นผู้ใช้งานจำเป็นต้องทำการเขียนโค๊ดให้สามารถอัปโหลดไฟล์ ประเภทอื่นๆ ได้ด้วยการเพิ่มโค๊ดต่อไปนี้ลงไปในธึมที่ใช้งานผ่านไฟล์ Function.php ดังตัวอย่างต่อไปนี้ 3. การเปลี่ยนสีพื้นหลังแบบสุ่ม 4. การใช้ Google Analytics กับ WordPress 98

5. การสร้างร้านค้าให้ติดเทรนด้วย SEO รูปที่ 5.5 แสดงโค๊ดการอัปโหลดไฟล์นามสกุล SVG ที่มา: หนังสือ สูตรลับการสร้างร้านค้า 3. การเปลี่ยนสีพื้นหลังแบบสุ่ม วิธีการดำเนินการเปลี่ยนสีพื้นหลังแบบสุ่มบน WordPress สามารถดำเนินการใส่โค๊ดใน Function.php หรือในปลั๊กอินที่ต้องการใช้งานกับเว็บไซต์ ใส่ค่า header.php รูปที่ 5.4 แสดงการเปลี่ยนสีพื้นหลังแบบสุ่ม ที่มk: หนังสือ สูตรลับการสร้างร้านค้า 99

4. การใช้ Google Analytics กับ WordPress การใช้งานของ Wordpress นั้นไม่สามารถดำเนินการวิเคราะห์ข้อมูลเชิงลึกเกี่ยวกับพฤติกรรมของผู้เยี่ยมชม เว็บไซต์ได้ดังนั้นจำเป็นต้องมีการติดตั้งการใช้งาน Google Analytics 4.1 การลงชื่อเข้าใช้งาน Google Analytics โดยการพิมพ์ https://marketingplatform.google.com/about/analytics/ รูปที่ 5.5 แสดงลงชื่อเข้าใช้งาน Google 4.2 คลิกติดตั้ง 4.3 กรอกข้อมูลให้ครบ คลิกฉันยอมรับ รูปที่ 5.5 แสดงการรายงานข้อมูลเชิงลึก 100

5. การสร้างร้านค้าให้ติดเทรนด้วย SEO การสร้างร้านค้าให้ติดตลาดจำเป็นต้องติดตั้ง SEO เพื่อให้ผู้เข้าชมเยี่ยมชมเข้ามามีจำนวนมากยิ่งขึ้น เพราะจะช่วยเพิ่มรายได้จากทางอินเทอร์เน็ตให้มากขึ้น โดยมีวิธีการดังนี้ 5.1 การคลิกที่ปลั๊กอิน > พิมพ์ค้นหา SEO รูปที่ 5.6 แสดงค้นหา SEO 5.2 คลิกเลือก Yoast SEO รูปที่ 5.7 แสดง Yoast SEO 5.3 คลิกติดตั้ง Install Now 5.4 เลือกการตั้งค่าให้เป็น on พร้อมใช้งาน 101

ใบงานที่ 5.1 รายวิชา การพัฒนาเว็บไซต์ทางธุรกิจ รหัสวิชา 31910-2011 เรื่อง การใช้งาน php ร่วมกับ WordPress เวลา 1 ชั่วโมง 30 นาที จุดประสงค์ 1. เพื่อให้ผู้เรียนได้เพิ่มพูนความรู้ความเข้าใจเกี่ยวกับ การใช้งาน php ร่วมกับ WordPress 2. เพื่อให้ผู้เรียนสามารถอภิปราย วิเคราะห์ สรุป และนำเสนอข้อมูล 3. เพื่อให้ผู้เรียนมีด้านการมีวินัย การตรงต่อเวลา ความรับผิดชอบ ความสนใจใฝ่รู้ และความซื่อสัตย์ สุจริต วัสดุและอุปกรณ์ 1. เครื่องไมโครคอมพิวเตอร์และอุปกรณ์ต่อพ่วง 2. เครื่องฉายภาพ ขั้นตอนการปฏิบัติ 1. ให้ผู้เรียนแบ่งกลุ่ม จำนวน 5 กลุ่ม กลุ่มละเท่า ๆ กัน ตามความพึงพอใจ แล้วศึกษา ใบมอบหมาย งานที่ครูผู้สอนแจกให้โดยจับฉลากเพื่อเลือกหัวข้อ กลุ่มละ 1 หัวข้อ ดังนี้ กลุ่มที่ 1 การเพิ่มโค๊ด php ด้วยปลั๊กอิน กลุ่มที่ 2 การอับโหลดไฟล์ SVG,PSD กลุ่มที่ 3 การเปลี่ยนสีพื้นหลังแบบสุ่ม กลุ่มที่ 4 การใช้ Google Analytics กับ WordPress กลุ่มที่ 5 การสร้างร้านค้าให้ติดเทรนด้วย SEO 3. ให้ผู้เรียนจับกลุ่มระดมความคิด นำข้อมูล ความรู้ที่ศึกษาได้มาร่วมกันอภิปราย วิเคราะห์ และสรุป และเรียบเรียงเนื้อหาให้เข้าใจ โดยเขียนเป็นข้อๆ 4. จัดพิมพ์และจัดทำรูปเล่มรายงานให้สมบูรณ์และถูกต้อง 5. นำเสนอหน้าชั้นเรียน โดยใช้สื่อ Powerpoint กลุ่มละ 5 นาที 102

แบบประเมินผลการปฏิบัติกิจกรรมกลุ่ม รายวิชา การพัฒนาเว็บไซต์ทางธุรกิจ หัสวิชา 31910-2011 หน่วยที่ 5 เรื่อง การใช้งาน php ร่วมกับ WordPress ชื่องาน กิจกรรมการอภิปรายเกี่ยวกับ “ การใช้งาน php ร่วมกับ WordPress” ชื่อหัวข้อที่ศึกษา…………………………………………………………………………………………………………. นักศึกษา ระดับชั้น ปวส สาขาวิชาเทคโนโลยีธุรกิจดิจิทัลสมาชิกของกลุ่มประกอบด้วย …………………………………………………………………………………………………………………………………………. เกณฑ์การประเมิน คะแนน เต็ม ได้ 10. การปฏิบัติงาน (5 คะแนน) 1.1 การปฏิบัติงานกลุ่ม (3คะแนน) 1.1.1 มีการวางแผนทำงานร่วมกัน แบ่งหน้าที่รับผิดชอบอย่างชัดเจน 3 1.1.2 ปฏิบัติงานด้วยความตั้งใจ เอาใจใส่ 2 1.1.3 ขาดความร่วมมือในกลุ่ม ต่างคนต่างทำ/ทำงานเพียงคนเดียว 1 1.2 เวลาที่ใช้ในการปฏิบัติงาน (2คะแนน) 1.2.1 ปฏิบัติงานจนแล้วเสร็จในเวลาที่กำหนด 2 1.2.2 ปฏิบัติงานไม่แล้วเสร็จในเวลาที่กำหนด 1 11. ข้อมูลที่ศึกษา (10 คะแนน) 2.1 กำหนดหัวข้อสำคัญครอบคลุมเนื้อหา (3คะแนน) 2.1.1 กำหนดหัวข้อครอบคลุมเนื้อหา 3 2.1.2 หัวข้อที่กำหนดครอบคลุมเนื้อหาเป็นส่วนมาก 2 2.1.3 หัวข้อที่กำหนดยังไม่ครอบคลุมเนื้อหา 1 2.2 ความละเอียดสมบูรณ์ของเนื้อหา (3คะแนน) 2.2.1 เนื้อหาแต่ละหัวข้อมีความละเอียดสมบูรณ์ 3 2.2.2 เนื้อหาแต่ละหัวข้อมีความละเอียดสมบูรณ์เป็นส่วนมาก 2 2.2.3 เนื้อหาแต่ละหัวข้อมีความละเอียดและสมบูรณ์เป็นส่วนน้อย 1 103

แบบประเมินผลการปฏิบัติกิจกรรมกลุ่ม (ต่อ) เกณฑ์การประเมิน คะแนน เต็ม ได้ 2.3 ความชัดเจน เหมาะสม และสมบูรณ์ของภาพประกอบ (2 คะแนน) 2.3.1 ภาพประกอบมีความชัดเจน เหมาะสม และสมบูรณ์ 2 2.3.2 ภาพประกอบมีความชัดเจน เหมาะสม แต่ไม่สมบูรณ์ 1 2.4 การใช้ภาษาเรียบเรียงข้อมูล (2 คะแนน) 2.4.1 ใช้ภาษาเรียบเรียงข้อมูลอย่างถูกต้อง เหมาะสม 2 2.4.2 ใช้ภาษาเรียบเรียงข้อมูลยังขาดความถูกต้อง เหมาะสม 1 12. การนำเสนอ (5 คะแนน) 3.1 ความพร้อม สมบูรณ์ และเหมาะสมของสื่อ (1 คะแนน) 1 3.2 ความพร้อม สมบูรณ์ และเหมาะสมของสื่อ (2 คะแนน) 3.2.1 ความพร้อม สมบูรณ์ และเหมาะสมของสื่อประกอบการนำเสนอ 2 3.2.2 ความไม่พร้อม ไม่สมบูรณ์ ของสื่อประกอบการนำเสนอ 1 3.3 บุคลิกภาพเหมาะสม มีความมั่นใจ เสียงดัง (2 คะแนน) 3.3.1 บุคลิกภาพเหมาะสม มีความมั่นใจ เสียงดัง 2 3.3.2 บุคลิกภาพเหมาะสม ไม่มีความมั่นใจ เสียงไม่ดัง 1 รวมคะแนน 20 104

แบบประเมินด้านคุณธรรมจริยธรรม คุณลักษณะที่พึงประสงค์ หน่วยที่ 5 รายวิชา การพัฒนาเว็บไซต์ทางธุรกิจ รหัสวิชา 31910-2011 ระดับชั้น / ห้อง วันที่…………………เดือน……………พ.ศ…………. เลขที่ ชื่อ -สกุล คุณธรรม จริยธรรม คุณลักษณะที่พึงประสงค์การมีวินัย การตรวต่อเวลา ความรับผิดชอบ ความสนใจใฝ่รู้ ความซื่อสัตย์ คะแนนรวม 1 1 1 1 1 5 หมายเหตุ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 เกณฑ์การให้คะแนน ได้ 1 คะแนน เมื่อผู้เรียนปฏิบัติ ได้ 0 คะแนน เมื่อผู้เรียนไม่ปฏิบัติ เกณฑ์การประเมิน ดีมาก หมายถึง ได้คะแนนรวม 5 คะแนน ดี หมายถึง ได้คะแนนรวม 4 คะแนน พอใช้ หมายถึง ได้คะแนนรวม 3 คะแนน ปรับปรุง หมายถึง ได้คะแนนรวมน้อยกว่า 3 คะแนน 105

หน่วยการเรียนรู้ที่ 5 เรื่อง การใช้งาน php ร่วมกับ WordPress จุดประสงค์การเรียนรู้ 1. อธิบายการเพิ่มโค๊ด php ด้วยปลั๊กอินได้ 2. บอกการอับโหลดไฟล์ SVG,PSD ได้ 3. อธิบายการเปลี่ยนสีพื้นหลังแบบสุ่มได้ 4. บอกการใช้ Google Analytics กับ WordPressได้ไ 5. บอกการสร้างร้านค้าให้ติดเทรนด้วย SEOได้ คำสั่ง ให้ผู้เรียนตอบคำถามต่อไปนี้ให้ถูกต้องและได้ใจความสมบูรณ์ 1. อธิบายการเพิ่มโค๊ด php ด้วยปลั๊กอินได้ ………………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………….......................................................... ………………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………….......................................................... 2. บอกการอับโหลดไฟล์ SVG,PSD ได้ ………………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………….......................................................... ………………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………….......................................................... 3. อธิบายการเปลี่ยนสีพื้นหลังแบบสุ่มได้ ………………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………….......................................................... ………………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………….......................................................... 4. บอกการใช้ Google Analytics กับ WordPressได้ ………………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………........................................................... ………………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………........................................................... 5. บอกการสร้างร้านค้าให้ติดเทรนด้วย SEOได้ ………………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………….......................................................... ………………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………….......................................................... แบบฝึกหัดที่ 5.1 106

แบบทดสอบหลังเรียน คำชี้แจง ให้นักเรียนเลือกคำตอบที่ถูกที่สุดเพียงคำตอบเดียวและทำเครื่องหมาย () ลงในกระดาษคำตอบ (15 คะแนน) 1. ข้อใดต่อไปนี้เป็นการเพิ่มโค๊ด php ได้ถูกต้อง ก. การแทรก php code Snipets ข. Insert PHP Code Snipet ค. Add New php code Snipets ง. ถูกทุกข้อ 2. ข้อใดต่อไปนี้เป็นการแสดงโค๊ดวันที่ปัจจุบัน ก. <? Php echo date(“m/d/y”); ?> ข. <? Php echo date(“y/d/m”); ?> ค. <? Php echo date(“d/y/m”); ?> ง. ไม่มีข้อใดถูกต้อง 3. เมื่อต้องการอับโหลดไฟล์ SVG,PSD ต้องไปฟังก์ชั่นใด ก. Functions.php ข. Functions.Html ค. Wordpress.php ง. WordPress.org 4. คำสั่งข้อใดเป็นเป็นการอัปโหลด PSD ได้ถูกต้อง ก. $mime_type[‘svg’] ข. $mime_type[‘psd’] ค. $mime_type[‘type] ง. $mime_type[‘WordPress’] 5. เมื่อต้องการเปลี่ยนสีพื้นหลังแบบสุ่มต้องไปฟังก์ชั่นใด ก. Functions.php ข. Functions.Html ค. Wordpress.php ง. WordPress.org 6. ข้อใดต่อไปนี้เป็นการเปลี่ยนสีพื้นหลังแบบสุ่มโดยการสร้างค่าเป็นเลขฐานใด ก. ฐานสิบหก ข. ฐานแปด ค. ฐานสอง ง. ฐานสิบ 107

7. ถ้าต้องการติดตั้งการใช้ Google Analytics ต้องคลิกที่เมนูใด ก. Start for free ข. Google Analytics ค. Google Analytics Wordpress ง. WordPress.org 8. ชื่อเต็มของ SEO คืออะไร ก. Search Engine Optimize ข. Google Analytics ค. Google Search ง. Search Engine 9. ข้อใดต่อไปนี้กล่าวถึง SEO ได้ถูกต้อง ก. การทำเว็บไซต์ให้มีประสิทธิภาพ และรองรับการติดอันดับบน Google ข. การค้นหาทำงานของเว็บไซต์ให้เกิดประสิทธิภาพสูงสุด ค. การค้นพบข้อมูลสารสนเทศที่รองรับเว็บไซต์ติดอันดับ ง. การสร้างเว็บไซต์ให้ติดอับดับและเกิดผลลัพธ์ 10. ปลั๊กอินของ SEO ที่นิยมใช้มากที่สุดคือ ก. Yoast SEO ข. Yoas SEO ค. Google SEO ง. WordPress SEO สแกน QRCODE เพื่อทำแบบทดสอบออนไลน์ 108

เฉลย ข้อ คำตอบ ข้อ คำตอบ 1 ข 6 ก 2 ก 7 ก 3 ก 8 ก 4 ข 9 ก 5 ก 10 ก 109

บรรณาณุกรม กนกเพชร ภศรีดาว. (2546). การผลิตบทเรียนคอมพิวเตอร์ช่วยสอน เรื่องระบบฮาร์ดแวร์ คอมพิวเตอร์ สำหรับนักเรียนชั้นมัธยมศึกษาตอนต้น. ปริญญานิพนธ์ (กศ.ม.) กนกวรรณ จิตรธร. (2545). การสร้างเว็บเพจ เรื่อง คอมพิวเตอร์ทางการศึกษา สำหรับนักศึกษา ระดับ ปริญญาตรีสาขาการศึกษา สถาบันราชภัฎนครราชสีมา. วิทยานิพนธ์ ศึกษาศาสตร มหาบัณฑิต สาขาเทคโนโลยีการศึกษา. กรุงเทพฯ : มหาวิทยาลัยเกษตรศาสตร์. กรมวิชาการ กระทรวงศึกษาธิการ. (2546). การพัฒนาสื่อคอมพิวเตอร์ช่วยสอนและเว็บไซต์ เพื่อการ เรียนรู้ที่มีคุณภาพ. กรุงเทพ ฯ : โรงพิมพ์องค์การรับส่งสินค้าและพัสดุภัณฑ์ (ร.ส.พ.).กรุงเทพฯ : ชี เอ็ดยูเคชั่น. กันยารัตน์ ดัดพันธ์. (2543). “การออกแบบเว็บเพจ Web Page Design”. วารสาบรรณารักษศาสตร์ และ สารนิเทศศาสตร์มข. 18 (2) : 61-68. กิดานันท์ มลิทอง. (2540). เทคโนโลยีการศึกษาและนวัตกรรม.กรุงเทพฯ : โรงพิมพ์จุฬาลงกรณ์ กิตติ ภักดีวัฒนะกูล. (2541). สร้าง Web Page แบบมืออาชีพด้วย HTML. พิมพ์ครั้งที่ 1. กรุงเทพฯ : สำนักพิมพ์ดวงกมล. กิตติ ภักดีวัฒนะกุล. PHP ฉบับโปรแกรมเมอร์, กรุงเทพฯ : เคทีพี คอมพ์ แอนด์ คอนชซัล์, 2545. กิตติศักดิ์ เจริญโภคานนท์. พัฒนาเว็บแอบพลิเคชั่น PHP By Example. กรุงเทพ : ซัคเซส มีเดีย, เกียรติพงษ์ บุญจิตร. คู่มือ Dreamweaver CS6. Professional Guide ฉบับสมบูรณ์ นนทบุรี : ไอดีซีฯ, 2556. งามนิจ อาจอินทร์. การเขียนโปรแกรมบนเว็บ.กรุงเทพฯ : 2544. จตุชัย**แพงจันทร์ และอนุโชต**วุฒิพรพงษ์.**เจาะระบบ Network 3rd Edition.**นนทบุรี*: ไอดีซีฯ,*2555. จารุนันท์ เรืองกิจวณิชกุล. (2557). การสร้างเว็บไซต์. กรุงเทพฯ : ศูนย์ส่งเสริมวิชาการ. จักรพงษ์ เจือจันทร์. 2543. การศึกษาการออกแบบเว็บเพจของโรงเรียนในโครงการเครือข่าย คอมพิวเตอร์เพื่อ โรงเรียนไทย. กรุงเทพมหานคร : คณะครุศาสตร์ จุฬาลงกรณ์มหาวิทยาลัย จิตเกษม พัฒนศิริ. (2539). เริ่มสร้างโฮมเพจด้วย HTML. กรุงเทพมหานคร: วิตตี้กรุ๊ป. จีระสิทธิ์ อึ้งรัตนวงศ์. (2554). สร้างเว็บง่ายๆแค่คลิก Dreamweaver CS5. กรุงเทพฯ : บริษัท สวัสดี ไอที จำกัด. เจริญศักดิ์ รัตนวราห และฐิสันต์ ทิพย์ศุภธนนท์. (2554). PHP MyAQL. กรุงเทพฯ : บริษัท ซีเอ็ดยูเคชั่น จำกัด(มหาชน). เจษฏา สิงห์ทองชัย และ ผศ. ดร.ศุภกฤษฏิ์ นิวัฒนากูล ผศ. ดร. มานิตย์ สิงห์ทองชัย ผศ.เรืองชัย ภูตจันทร์.การ พัฒนาเว็บไซต์ในงานธุรกิจ. พิมพ์ครั้งที่ 1.กรุงเทพฯ : สำนักพิมพ์ศูนย์ส่งเสริมอาชีวะ, 2564. ณัฐ น้อยสวัสดิ์. (2543). อินเตอร์เน็ตกับการออกแบบ. วารสารศิลปกรรมศาสตร์. 8(2),29-35 ดร. เฉลิมรัฐ นาควิเชียร. (2555). Adobe DREAMWEAVER CS6. กรุงเทพฯ : บริษัท เน็ตดีไซน์ พับลิชชิ่ง จำกัด. 110

บรรณาณุกรม (ต่อ) ดร. เศรษฐชัย ชัยสนิท. (2559). Access 2013 โปรแกรมจัดการฐานข้อมูล. กรุงเทพฯ : บริษัทวังอักษร ทฤษฏี เกี่ยวกับโปรแกรม Adobe Draemweawer CS3 10 กุมภาพันธ์ 2552 ธีรกฤณ์ วิจิตลิมาภรณ์. สูตรลับเว็บและร้านเกินร้อย ด้วย WordPress พร้อม WooCommerce. กรุงเทพฯ : วิตตี้กรุ๊ป.2565 ธงชัย ลาบุญ .(2557). คอมพิวเตอร์และสารสนเทศเพื่องานอาชีพ. กรุงเทพฯ : ศูนย์ส่งเสริมอาชีวะ. ธวัชชัย ศรีสุเทพ. (2544). คัมภีร์ WEB DESIGN คู่มือออกแบบเว็บฉบับมืออาชีพ. กรุงเทพฯ: โปรวชิน ธนพล ฉนจรัสวิชัย. (2558). รวมเครื่องมือสร้าเว็บไซต์อย่างมืออาชีพ. กรุงเทพฯ : ชีเอ็ดยูเคชั่น. ธันยพัฒน์ วงศ์รัตน์. คู่มือใช้งาน คู่มือ Dreamweaver CS6. กรุงเทพฯ : ซีเอ็ดยูเคชั่น, 2557 นาตยา ฉาบนาค (ม.ป.ป.) คู่มือสร้างเว็บไซต์ด้วย Dreamweaver CS5. กรุงเทพฯ : เอส.พี.ชี.บุ๊ค เนรมิต แผ่นทอง. คู่มือใช้งาน & แต่งภาพให้สวย Photoshop CS6. กรุงเทพฯ : ซีเอ็ดยูเคชั่น, 2557 บุญสืบ โพธิ์ศรี และ อำภา กุลธรรมโยธิน. การใช้โปรแกรมกราฟฟิกส์. กรุงเทพฯ : สำนักพิมพ์ ปิยะ นากสงค์ และมณีนุช สมานหมู่. คู่มือออกแบบและสร้างเว็บไซต์ฉบับสมบูรณ์. กรุงเทพ : ปิยะ**นากสงค์ และมณีนุช สมานหมู่.**คู่มือออกแบบและสร้างเว็บไซต์ ฉบับสมบูรณ์.** กรุงเทพฯ*:*รีไวว่า,*2556. พนม บุญญ์ไพล. เครือข่ายคอมพิวเตอร์เบื้องต้น. บริษัทศูนย์หนังสือ เมืองไทยจำกัด, 2561 พิศาล พิทยาธุรวิวัฒน์. ติดตั้งระบบเครือข่าย Linux Server ภาคปฏิบัติ. กรุงเทพฯ : ซีเอ็ดยูเคชั่น, 2555. ภัททิรา เหลืองวิลาศ. (2552). ออกแบบและสร้างเว็บไซต์ ด้วย Dreamweaver CS4. ภัทรสินี**ภัทรโกศล.**เครือข่ายคอมพิวเตอร์.**กรุงเทพฯ*:*สำนักพิมพ์แห่งจุฬาลงกรณ์ มหาวิทยาลัย,*2555. ภาษิต เครือเนียม. (2549). หัดสร้างเวบ็ไซต์ด้วย Dreamweaver 8.ฉบับมือใหม่. นนทบุรี:ไอดีซี อินโฟ ดิสทริบิวเตอร์. มยุรา เผ่าดี. (2545). การผลิตบทเรียนคอมพิวเตอร์ช่วยสอน เรื่องระบบเครือข่ายคอมพิวเตอร์ สำหรับ นักเรียนชั้นมัธยมศึกษาปีที่ 4. ปริญญานิพนธ์ (ศษ.ม.) (เทคโนโลยีการศึกษา). ขอนแก่น : มหาวิทยาลัยขอนแก่น. เอกสารอัดสำเนา. มรินทร์ แสนไชยสุริยา. (2546). การผลิตบทเรียนคอมพิวเตอร์ช่วยสอน เรื่องระบบเครือข่าย คอมพิวเตอร์ สำหรับนักเรียนชั้นมัธยมศึกษาตอนปลาย. ปริญญานิพนธ์ (ศษ.ม.) (เทคโนโลยีการศึกษา). ขอนแก่น. มหาวิทยาลัยขอนแก่น. อัดสำเนา 111

บรรณาณุกรม (ต่อ) เริงชัย เรืองกิจวณิชกุล. (2557). โปรแกรมจัดการฐานข้อมูล.กรุงเทพฯ : ศูนย์ส่งเสริมวิชาการ วันชัย แซ่เตีย, สิทธิชัย ประสานวงศ์. สร้างเว็บเพจด้วย HTML 4. กรุงเทพฯ : ซอฟท์เพรส, 2542. วิทยา เรืองพรวิสุทธ์. เรียนรู้ภาษา HTML กับการเขียนโฮมเพจ สำหรับผู้เริ่มต้น. กรุงเทพฯ : ซีเอ็นยูเคชั่น, 2540. วิภาวี ณ นิมิตร. (2557). การสร้างเว็บไซต์. กรุงเทพฯ : ศูนย์หนังสือเมืองไทย. วุฒิพงศ์**พงศ์สุวรรณ.**เริ่มต้นใช้งานอินเทอร์เน็ต (Introduction to Internet).**กรุงเทพฯ*:* DLS,*2543. นิรชรา ธนเมธี. (2541). วิเคราะห์การออกแบบเว็บเพจในเวิลด์ไวเว็บที่แบ่งตามประเภทองค์กร. วิทยานิพนธ์ นศ. ม. (การสื่อสารมวลชน). กรุงเทพฯ : บัณฑิตวิทยาลัยจุฬาลงกรณ์มหาวิทยาลัย. ถ่ายเอกสาร. ศิวัช กาญจนชุม และ นิลินธร ปิ่นทองคำ. ระบบจัดการฐานข้อมูล กรุงเทพฯ : สำนักพิมพ์วิตรวัฒน์ ศูนยส่งเสริมอาชีวะ, 2546 สงการณ์ ทองสว่าง. MySQL ระบบฐานจข้อมูลบนสำหรับอินเตอร์เน็ต.กรุงเทพฯ : ซีเอ็ดยูเคชั่น, สมเกียรติ**ตั้งกิจวานิชย์.**การคุ้มครองทรัพย์สินทางปัญญาที่เกี่ยวข้องกับพาณิชย์อิเล็กทรอนิกส์. กรุงเทพฯ*:*สถาบันเพื่อพัฒนาประเทศไทย,*2543. สมควร สากำ. (2559). โปรแกรมจัดการฐานข้อมูล. กรุงเทพฯ : บริษัทพัฒนาคุณภาพวิชาการ. สมควร สากำ. (2560). การสร้างเว็บไซต์. กรุงเทพฯ : สำนักพิมพ์ บริษัทพัฒนาคุณภาพวิชาการ (พว.) จำกัด สมบัติ สวัสดิ์ผลและสรณัฐ เสร่บาง. (2558). การสร้างเว็บไซต์. พิมพ์ครั้งที่ 2. กรุงเทพฯ :สำนักพิมพ์เอมพันธ์ จำกัด. สิทธิชัย**ประสานวงศ์.**การสร้างเว็บไซต์ด้วย HTML5 และ CSS3.**กรุงเทพฯ*:*ซอฟท์เพรส, 2559. สุธี พงศาสกุลชัย และณรงค์ ล่ำดี. (2551). เว็บเทคโนโลยี (Web Taechnology). กรุงเทพฯ : สำนักเคทีพี. สุนทรีย์ โพธิ์อิ่มและกมลทพย์ รุ่งฟ้า. (2556). การสร้างเว็บไซต์. กรุงเทพฯ : ศูนย์ส่งเสริมอาชีวะ. สุปราณี ธีรไกรศรี. HTML 4 Visual Guide. กรุงเทพฯ : โปรวิชั่น, 2542 สุรศักดิ์**สงวนพงษ์.**ความรู้เบื้องต้นเรื่องระบบชื่อโดเมน.** [ออนไลน์] (ม.ป.ป.).** [สืบค้น วันที่ 4 มิถุนายน 2560].**จาก http://www.cpe.ku.ac.th/~nguan/articles/ Internet/DNS.html หลักการออกแบบพัฒนาเว็บไซต์(ม.ป.ป.) [ออนไลน์]. แหล่งที่มา : www.chaiwit.ac.th. แหล่งที่มา : htt://php-for-ecommerce-blogspot.com/2012/01/databasemysqlbreamweaver-phpmysql.html. (วันที่ค้นข้อมูล : 22 กุมภาพันธ์ 2559). อดิดักดิ์ จันทร์มิน. สร้าง web Aopplication อย่างมืออาชีพด้วย PHP . กรุงเทพฯ : เอช.เอ็น. กรุ๊ป,อภิชาต การพิมพ์, 2551. 112