1

รายงานวิจัยในชั้นเรียน

เรื่อง

ผลการจัดกิจกรรมการเรียนรู้ รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ ส าหรับนักเรียนชั้นมัธยมศึกษาปีที่ 5

โรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี 1 (บ้านเก่าวิทยา)

โดย

นายเฉลิมพล ภุมรินทร์ กลุ่มสาระการเรียนรู้ การงานอาชีพและเทคโนโลยี

โรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี 1 (บ้านเก่าวิทยา) สังกัดองค์การบริหารสว่นจังหวัดกาญจนบุรี

ภาคเรียนที่ 1 ปีการศึกษา 2559

2

บทสรุปผลการจัดการเรียนรู้

ชื่อวิจัย ผลการจัดกิจกรรมการเรียนรู้ รายวิชาการพัฒนาเว็บเพจ(ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ ส าหรับนักเรียนชั้นมัธยมศึกษาปีที่ 5 โรงเรียนองค์การบริหารส่วน จังหวัดกาญจนบุรี 1 (บ้านเก่าวิทยา) ผู้วิจัย เฉลิมพล ภุมรินทร์

ที่ปรึกษา อ.สุธารักษ์ ภูติโส อาจารย์ประจ าสาขาวิชาเทคโนโลยีการศึกษาและคอมพิวเตอร์ศึกษา มหาวิทยาลัยราชภัฎกาญจนบุรี

ปีการศึกษา 2559

การวิจัยครั้งนี้มีวัตถุประสงค์ 1) เพ่ือศึกษากิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ 2) เพ่ือศึกษาผลสัมฤทธิ์ทางการเรียนของผู้เรียน ที่เรียนด้วยกิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ กลุ่มเป้าหมายที่ใช้ในการวิจัย นักเรียนมัธยมศึกษาชั้นปีที่ 5 โรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี1 (บ้านเก่าวิทยา) ปีการศึกษา 1/2559 จ านวน 20 คน

เครื่องมือที่ใช้ในการวิจัยประกอบด้วย 1) แผนการจัดกิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ ของนักเรียนชั้นมัธยมศึกษาปีที่ 5 โรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี 1 (บ้านเก่าวิทยา) 2) แบบวัดผลสัมฤทธิ์ทางการเรียน วิชาการพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ สถิติที่ใช้ในการวิจัย ร้อยละ (%)

ผลการวิจัยพบว่า

ผลสัมฤทธิ์ทางการเรียนหลังเรียนของนักเรียนที่เรียนด้วยกิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ หลังเรียนสูงกว่าก่อนเรียนอย่างมีนัยส าคัญทางสถิติที่ระดับ .05

3

กิตติกรรมประกาศ

วิจัยเรื่อง ผลการจัดกิจกรรมการเรียนรู้ รายวิชาการพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ ส าหรับนักเรียนชั้นมัธยมศึกษาปีที่ 5 โรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี 1 (บ้านเก่าวิทยา) ส าเร็จลุล่วงไปได้ดี ผู้วิจัยขอขอบคุณผู้บริหาร คณะครู และนักเรียนโรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี1 (บ้านเก่าวิทยา ที่ให้ความร่วมมือในการเก็บรวบรวมข้อมูลในการวิจัยอย่างดียิ่ง

ขอขอบพระคุณที่ปรึกษาจากมหาวิทยาลัยราชภัฎกาญจนบุรี ได้แก่ ผศ.ดร.กรัณย์พล วิวรรธมงคล, อ.ปรเมศร์ กลิ่นหอม, ดร.พาที เกศธนากร, อ.เกรียงไกร ทองศรี,อ.สุธารักษ์ ภูติโส และอ.คมสัน ศรีบุญเรือง ที่

ช่วยให้ค าแนะน าต่างๆ

ขออ านาจคุณพระศรีรัตนตรัยโปรดบันดาลให้ท่านทั้งหลายมีสุขภาพกายที่สมบูรณ์แข็งแรง สุขภาพจิตแจ่มใส ถึงพร้อมด้วย อายุ วรรณะ สุขะ พละ และสิ่งอันพึงปรารถนาทุกประการเทอญ

………………………………………...... (นายเฉลิมพล ภุมรินทร์)

ผูว้ิจัย

4

1.ความส าคัญและที่มาของปัญหา ในสังคมยุคปัจจุบันมีการพัฒนาเทคโนโลยีสารสนเทศอย่างรวดเร็ว อันเป็นผลมาจากความเจริญก้าวหน้าทางด้านวิทยาศาสตร์และเทคโนโลยี มีการคิดค้นพัฒนาเครื่องมือ อุปกรณ์ รวมไปถึงพัฒนาประสิทธิภาพความเร็วยิ่งๆ ขึ้นมีเทคโนโลยีใหม่ๆ ออกมาจึงท าให้เทคโนโลยีสารสนเทศกลายเป็นสิ่งจ าเป็นในการด าเนินการทุกอย่าง ระบบการศึกษาได้มีการน าเทคโนโลยีสารสนเทศมาช่วยในการพัฒนาการศึกษาให้ดียิ่งขึ้น ประเทศไทยก็เป็นอีกประเทศหนึ่งที่ได้เห็นความส าคัญของการศึกษา และต้องการที่จะน าระบบเทคโนโลยีสารสนเทศมาใช้สนับสนุนการศึกษาให้ผู้เรียนได้สามารถเรียนรู้อย่างกว้างขวาง , รวดเร็ว และมีประสิทธิภาพขึ้น พระราชบัญญัติการศึกษาแห่งชาติ พ .ศ. 2542 ได้ให้ความส าคัญอย่างยิ่งแก่การน าเทคโนโลยีมาประยุกต์ใช้ในการพัฒนาคุณภาพการศึกษาของชาติ คือ หมวด 9 เทคโนโลยีเพ่ือการศึกษา ที่ว่าด้วยรัฐต้องส่งเสริมและสนับสนุนให้มีการผลิตและพัฒนาแบบเรียน ต ารา หนังสือทางวิชาการ สื ่อสิ่งพิมพ์ วัสดุ อุปกรณ์ และเทคโนโลยีการศึกษาอ่ืน โดยเร่งพัฒนาขีดความสามารถในการผลิต จัดให้มีเงินสนับสนุนการผลิตและมีการให้แรงจูงใจแก่ผู้ผลิต และพัฒนาเทคโนโลยีเพ่ือการศึกษา ทั้งนี้โดยเปิดให้มีการแข่งขันโดยเสรีอย่างเป็นธรรม รูปแบบการน าอินเทอร์เน็ตมาใช้ในกิจกรรมการเรียนการสอนผ่านเครือข่ายอินเทอร์เน็ต ก็เป็นรูปแบบหนึ่งของการเรียนการสอนผ่านเว็บ คือเป็นการใช้เว็บมาเป็นสื่อในการเรียนการสอน โดยอาจใช้เพื่อน าเสนอบทเรียนในลักษณะสื่อหลายมิติของวิชาทั้งหมดตามหลักสูตร หรือใช้เป็นเพียงการเสนอข้อมูลบางอย่างเพ่ือประกอบการสอนก็ได้ รวมทั้งใช้ประโยชน์จากคุณลักษณะต่างๆ ของการสื่อสารที่มีอยู่ในระบบอินเทอร์เน็ต การเรียนการสอนผ่านเว็บ หรือ WBI หรือ Web based Instruction เป็นรูปแบบของการเรียนการสอนที่ท างานบนระบบเครือข่ายอินเทอร์เน็ต โดยผู้เรียนสามารถติดต่อสื่อสารกับผู้ เ รียนด้วยกันอาจารย์หรือผู้ เชี่ยวชาญฐานข้อมูลความรู้ และยังสามารถรับส่งข้อมูล การศึกษาอิเล็กทรอนิกส์ (Electronic Education Data) อย่างไม่จ ากัดเวลาไม่จ ากัดสถานที่ภายใต้ระบบเครือข่ายอินเทอร์เน็ตรูปแบบการเรียนการสอนผ่านเว็บจะมีความยืดหยุ่นในเรื่องเวลาและสถานที่ ผู้เรียนจึงต้องมีความรับผิดชอบมีความกระตือรือร้นในการเรียนมากยิ่งข้ึน มีความตั้งใจใฝ่หาความรู้ใหม่ๆ โดยที่มีผู้สอนเป็นผู้แนะน า เป็นที่ปรึกษา พร้อมทั้งแนะน าแหล่งข้อมูลต่างๆ ที่เก่ียวข้องกับบทเรียนให้ (น้ ามนต์ เรืองฤทธิ์ 2546 :3) บทเรียนออนไลน์ (Online) หรือ อีเลิร์นนิ่ง (E-Learning) คือ การเรียนในลักษณะใดก็ได้ ซึ่งใช้การถ่ายทอดเนื้อหาผ่านทางอุปกรณ์อิเล็กทรอนิกส์ ไม่ว่าจะเป็นคอมพิวเตอร์ (Computer) เครือข่ายอินทราเน็ต (Intranet) อินเทอร์เน็ต (Internet) เอ็กซทราเน็ต (Extranet) หรือสัญณาณโทรทัศน์ สัญญาณดาวเทียม ในยุคสมัยแห่งสังคมไร้พรมแดน เพียงมีเนื้อหา, บทเรียน, แบบทดสอบ กิจกรรมต่างๆ อยุ่บนบทเรียนออนไลน์ เช่น วิชาคอมพิวเตอร์กราฟิก เป็นต้น

5

หลักสูตรกลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี ตามหลักสูตรแกนกลางฯ พุทธศักราช2551 ของโรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี 1 (บ้านเก่าวิทยา) ได้ก าหนดให้นักเรียน ระดับชั้นมัธยมศึกษา ปีที่ 5 ได้ศึกษาการพัฒนาเว็บเพจ (ง30244) ซึ่งเป็นวิชาเพ่ิมเติมในหลักสูตร เพ่ือให้ผู้เรียนได้ศึกษาและปฏิบัติการจัดท าเว็บเพจ ศึกษาเกี่ยวกับ อินเตอร์เน็ตเบื้องต้น หลักการสร้างเว็บเพจด้วยภาษา Hyper Text Markup Language (HTML) โครงสร้างการเขียนภาษา HTML การจัดและการตกแต่งข้อความ การแสดงล าดับรายการและการจัดการกับรูปภาพ การแทรกรูปภาพลงในเว็บเพจ การสร้างตาราง การเชื่อมโยงหน้าเว็บเพจ การสร้างเฟรมและการสร้างฟอร์มชนิดต่างๆ เทคนิคพิเศษในการใช้งาน Style Sheet และ Dynamic HTML (DHTML) เพ่ือการตกแต่งเว็บเพจให้สวยงามปฏิบัติและประยุกต์ใช้คอมพิวเตอร์ เพ่ือให้เกิดความรู้ความเข้าใจในการสร้างสรรค์ผลงานทางด้านเทคโนโลยีสารสนเทศ และเกิดเจตคติที่ดีท าให้สามารถใช้คอมพิวเตอร์ในทางสร้างสรรค์ได้ โดยใช้หลักทฤษฏีเศรษฐกิจพอเพียงโดยใช้ทักษะกระบวนการท างาน กระบวนการแก้ปัญหา กระบวนการท างานร่วมกัน เพ่ือให้เกิดความรู้ ความเข้าใจ ในปฏิบัติงาน เห็นคุณค่าของการน าความรู้ไปใช้ประโยชน์ในชีวิตประจ าวัน มีคุณธรรม จริยธรรม ในการใช้เทคโนโลยี และลักษณะนิสัยในการท างานที่ดี จากสภาพปัจจุบันพบว่าวิชาการพัฒนาเว็บเพจ (ง30244) นักเรียนไม่ให้ความส าคัญ ส่งผลให้งานที่ท าจากภาระงานในกิจกรรมการเรียนการสอน ไม่มีประสิทธิภาพและส่งงานไม่ตรงตามก าหนด รวมทั้งมีผลสัมฤทธิ์ทางการเรียนต่ า มีจ านวนนักเรียนที่สอบผ่านน้อยและมีผลการเรียนอยู่ในระดับพอใช้ถึงปานกลาง ในฐานะข้าพเจ้าเป็นผู้สอนรายวิชาการพัฒนาเว็บเพจ (ง30244) จึงจัดท างานวิจัยในชั้นการจัดกิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ ส าหรับนักเรียนนักเรียนชั้นมัธยมศึกษาปีที่ 5 โรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี 1 (บ้านเก่าวิทยา) เพ่ือเป็นแนวทางในการเรียนการสอนวิชาต่อๆไป และแก้ปัญหาผลสัมฤทธิ์ทางการเรียนและพฤติกรรมขาดความสนใจของนักเรียน

2.ค าถามการวิจัย ผลการจัดกิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ ส าหรับนักเรียนนักเรียนชั้นมัธยมศึกษาปีที่ 5 โรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี 1 (บ้านเก่าวิทยา) หลังเรียนสูงกว่าก่อนเรียนหรือไม่ 3.วัตถุประสงค์ 1. เพ่ือศึกษากิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ 2. เพ่ือศึกษาผลสัมฤทธิ์ทางการเรียนของผู้เรียน ที่เรียนด้วยกิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์

6

4.สมมติฐาน ผลสัมฤทธิ์ทางการเรียนหลังเรียนของผู้เรียนที่เรียนด้วยกิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ สูงกว่าก่อนเรียน 5.ขอบเขตการวิจัย กลุ่มเป้าหมาย ได้แก่นักเรียนที่ก าลังศึกษาชั้นมัธยมศึกษาปีที่ 5 จ านวน 1 ห้องเรียน โรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี สังกัด องค์การบริหารส่วนจังหวัดกาญจนบุรี ภาคเรียนที่ 1 ปีการศึกษา 2559 รวม จ านวน 20 คน (โดยห้องเรียน ม.5/1 จ านวน 20 คน)

ขอบเขตเนื้อหาสาระ การศึกษาครั้งนี้ได้พัฒนาตามหลักสูตรแกนกลางการศึกษาขั้นพ้ืนฐาน พุทธศักราช 2551 กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี ผลการเรียนรู้ที่ 7 สามารถเชื่อมโยงหน้าเพจได้โดยมีสาระการเรียนรู้เกี่ยวกับ การก าหนดส่วนของข้อความ รูปภาพ หรือสัญลักษณ์ ไว้เป็น จุดเชื่อมโยงเพ่ือเชื่อมโยง (Link) ไปยังเอกสารที่อยู่ในต าแหน่งอื่น ๆ เช่น หน้าเดียวกัน หน้าอื่น ๆ เว็บเพจหรือเว็บไซต์อ่ืนๆ การเชื่อมโยงหน้าเว็บเพจได้นั้นจะต้องมีการก าหนดจุดที่ใช้เชื่อมโยงซึ่งอาจจะเป็นรูปภาพหรือสัญลักษณ์ก็ได้ นอกจากนี้จะต้องมีการก าหนดเป้าหมาย (Target) ปลายทางที่ต้องการเชื่อมโยงไปถึงซึ่งจะอยู่ต าแหน่งใดจะต้องก าหนดโดยผู้เขียนโปรแกรม การเชื่อมโยงหน้าเพจ หน่วยการเรียนรู้ที่ 7 เรื่องการเชื่อมโยงหน้าเพจ จ านวนชั่วโมง 4 ชั่วโมง ขอบเขตระยะเวลา

การวิจัยเรื่อง การจัดกิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ ของนักเรียนนักเรียนชั้นมัธยมศึกษาปีที่ 5 โรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี 1 (บ้านเก่าวิทยา) ผู้วิจัยได้ศึกษาเนื้อหาสาระในการพัฒนาการเรียนรู้ส าหรับในการวิจัยครั้งนี้โดยพัฒนาตามหลักสูตรแกนกลางการศึกษาขั้นพ้ืนฐาน พุทธศักราช 2551 กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี ผลการเรียนรู้ที่ 7 สามารถเชื่อมโยงหน้าเพจได้โดยมีสาระการเรียนรู้เกี่ยวกับ การก าหนดส่วนของข้อความ รูปภาพ หรือสัญลักษณ์ ไว้เป็นจุดเชื่อมโยงเพ่ือเชื่อมโยง (Link) ไปยังเอกสารที่อยู่ในต าแหน่งอื่นๆ เช่น หน้าเดียวกัน หน้าอื่น ๆ เว็บเพจหรือเว็บไซด์อ่ืน ๆ การเชื่อมโยงหน้าเว็บเพจได้นั้นจะต้องมีการก าหนดจุดที่ใช้เชื่อมโยงซึ่งอาจจะเป็นรูปภาพหรือสัญลักษณ์ก็ได้ นอกจากนี้จะต้องมีการก าหนดเป้าหมาย (Target) ปลายทางท่ีต้องการเชื่อมโยงไปถึงซึ่งจะอยู่ต าแหน่งใดจะต้องก าหนดโดยผู้เขียนโปรแกรม การเชื่อมโยงหน้าเพจ หน่วยการเรียนรู้ที่ 7 เรื่องการเชื่อมโยงหน้าเพจ จ านวนชั่วโมง 4 ชั่วโมง ขอบเขตตัวแปรที่ศึกษา 2.1 ตัวแปรต้น (Independent Variable) คือ กิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์

7

2.2 ตัวแปรตาม (Dependent Variable) คือ ผลสัมฤทธิ์ทางการเรียนก่อนเรียนและหลังเรียนของผู้เรียน ที่เรียนด้วยกิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ 6.ค านิยามศัพท์/ ค านิยามเชิงปฏิบัติการ 1. บทเรียนออนไลน์ หมายถึง การจัดกิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ ที่น าเสนอเนื้อหาผ่านคอมพิวเตอร์บนเครือข่ายอินเทอร์เน็ต ซึ่งบทเรียนออนไลน์ ประกอบด้วย ตัวอักษร, ภาพนิ่ง, ภาพเคลื่อนไหว, ภาพกราฟิก, วีดีโอ, แบบฝึกหัด, แบบทดสอบก่อนเรียนหลังเรียน ภาระงาน, และเนื้อหาในบทเรียนสามารถเชื่อมโยงกลับมาได้ เพ่ือให้นักเรียนได้ศึกษาด้วยตนเองและเป็นสื่อเสริมในการเรียนการสอนได้ 2. ผลสัมฤทธิ์ทางการเรียน หมายถึง คะแนนที่ได้จากการท าแบบทดสอบวัดผลสัมฤทธิ์ทางการเรียนหลังเรียนจากกิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ 7.ประโยชน์ที่ได้รับ 1. นักเรียนได้ศึกษากิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์

2. ครไูด้ประสบการณ์การจัดกิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ 8.เอกสารและงานวิจัยท่ีเกี่ยวข้อง

1. ทฤษฎีและรูปแบบการเรียนรู้ ทฤษฎีการเรียนการรู้ที่เก่ียวข้องกับการเรียนการสอนผ่านเว็บมีดังนี้

1.1 การเรียนรู้ด้วยการน าตนเอง การเรียนผ่านเว็บ ผู้เรียนจะต้องมีความรับผิดชอบสูงในการน าตนเอง ศึกษาค้นคว้าด้วยตนเอง ส่วนผู้สอนจะเป็นผู้อ านวยความสะดวกจัดหาทรัพยากร แหล่งข้อมูลให้พร้อมและจะต้องปฏิสัมพันธ์กันทั้งระหว่างผู้เรียนกับผู้สอน และระหว่างผู้เรียนด้วยกันเอง

1.2 การสอนรายบุคคล การเรียนการสอนผ่านเว็บเป็นรูปแบบที่ผู้เรียนต้องด าเนินกิจกรรมการเรียนด้วยตนเอง ผู้เรียนมีอิสระในการเลือกเนื้อหา เลือกเวลาศึกษา และเลือกกิจกรรมที่มีอยู่ในอินเตอร์เน็ต การเรียนการสอนผ่านเครือข่ายนั้น มีความยืดหยุ่นในเรื่องของเวลา ผู้เรียนมีอิสระในการเลือกเนื้อหาที่ตนสนใจ มีอิสระในการประเมินผลการเรียน ผู้เรียนแต่ละคนรู้ความก้าวหน้าในการเรียนของตน มีอิสระในการเลือกสถานที่เรียน มีอิสระในรูปแบบการเรียน และก่อให้เกิดปฏิสัมพันธ์ระหว่างผู้เรียนกับบทเรียนรายบุคคลอย่างสูง

1.3 การเรียนแบบร่วมมือ (Collaborative Learning) เป็นวิธีการเรียนที่มุ่งให้ผู้เรียนร่วมมือกันในงานการเรียนการสอนซึ่งเก่ียวข้องกับการท างานร่วมกัน การใช้ข้อมูลร่วมกันในแหล่งข้อมูล การแลกเปลี่ยนความรู้ ความคิดเห็นและปัญหา ความส าเร็จหรือความล้มเหลว ในการเรียนแบบร่วมมือ ถือว่า

8

ผู้สอนคือ ผู้อ านวยความสะดวกให้แก่ผู้เรียนในการขยายฐานความรู้ช่วยเหลือผู้เรียนด้วยการตั้งค าถามที่เหมาะสม ถูกต้องและชี้แนวทางในการหาค าตอบที่เหมาะสม

2. ค าอธิบายรายวิชา โครงสร้างรายวิชา การพัฒนาเว็บเพจ (ง30244)

ค าอธิบายรายวิชาการพัฒนาเว็บเพจ

รหัสวิชา ง30244 กลุ่มสาระการเรียนรู้ การงานอาชีพและเทคโนโลยีไม่ก าหนดปีที่เรียน เวลา 60 ชั่วโมง จ านวน 1.5 หน่วยกิต ศึกษาเกี่ยวกับ อินเตอร์เน็ตเบื้องต้น หลักการสร้างเว็บเพจด้วยภาษา Hyper Text Markup

Language (HTML) โครงสร้างการเขียนภาษา HTML การจัดและการตกแต่งข้อความ การแสดงล าดับรายการและการจัดการกับรูปภาพ การแทรกรูปภาพลงในเว็บเพจ การสร้างตาราง การเชื่อมโยงหน้าเว็บเพจ การสร้างเฟรมและการสร้างฟอร์มชนิดต่างๆ เทคนิคพิเศษในการใช้งาน Style Sheet และ Dynamic HTML (DHTML) เพ่ือการตกแต่งเว็บเพจให้สวยงามปฏิบัติและประยุกต์ใช้คอมพิวเตอร์ เพ่ือให้เกิดความรู้ความเข้าใจในการสร้างสรรค์ผลงานทางด้านเทคโนโลยีสารสนเทศ และเกิดเจตคติที่ดีท าให้สามารถใช้คอมพิวเตอร์ในทางสร้างสรรค์ได้ โดยใช้หลักทฤษฏีเศรษฐกิจพอเพียง

โดยใช้ทักษะกระบวนการท างาน กระบวนการแก้ปัญหา กระบวนการท างานร่วมกัน เพ่ือให้เกิดความรู้ ความเข้าใจ ในปฏิบัติงาน

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

ผลการเรียนรู้

1. มีความรู้เข้าใจพ้ืนฐานเกี่ยวกับอินเตอร์เน็ต 2. สามารถใช้โปรแกรม Notpad สร้างเว็บเพจ ได้ 3. เข้าใจโครงสร้างและรูปแบบของภาษา HTML 4. สามารถจัดและปรับแต่งข้อความได้ 5. สามารถจัดการรูปภาพได้ 6. สามารถสร้างตารางได้ 7. สามารถเชื่อมโยงหน้าเพจได้ 8. สามารถสร้างแบบฟอร์มได้ 9. สามารถสร้างเฟรมได้ 10. สามารถสร้าง สไตล์ชีต(Style Sheet) ได้ 11. สามารถสร้าง Dynamic (HTML) ได้

รวมทั้งหมด 11 ผลการเรียนรู้

9

โครงสร้างรายวิชา รายวิชา การพัฒนาเว็บเพจ รหัสวชิา ง30244

ไม่ก าหนดปีที่เรียน เวลาเรียน 60 ชั่วโมง จ านวน 1.5 หน่วยกิต สัดส่วนคะแนนระหว่างภาค : ปลายภาค = 80 : 20

ล าดับที ่

ชื่อหน่วยการเรียนรู้

ผลการเรียนรู้

สาระส าคัญ เวลา

(ชั่วโมง) น้ าหนักคะแนน

1 อินเตอร์เน็ตเบื้องต้น

1 อินเทอร์เน็ต คือเครือข่ายคอมพิวเตอร์ที่เป็นเครือข่ายใหญ่และเครือข่ายย่อยจ านวนมากเชื่อมต่อกันเป็นจ านวนหลายร้อยล้านเครื่อง ซ่ึงใช้ในการติดต่อสื่อสารข้อมูลที่เป็นรูปภาพ ข้อความ และเสียงโดยผ่านระบบเครือข่ายคอมพิวเตอร์ที่มีผู้ใช้งานกระจายอยู่ทั่วโลก

2 5

2 เริ่มต้นการใช้โปรแกรม

2 อินเทอร์เน็ต คือกลุ่มของเครือข่ายคอมพิวเตอร์จ านวนมากท่ีเชื่อมต่อเข้าด้วยกันภายใต้ระบบมาตรฐานเดียวกันจนกลายเป็นสังคมเครือข่ายขนาดใหญ่ ซึ่งคอมพิวเตอร์แต่ละเครื่องสามารถรับส่งข้อมูลในรูปแบบต่าง ๆ เช่น ตัวอักษร รูปภาพและเสียงได้รวมทั้งการสืบค้นข้อมูลต่าง ๆ ได้อย่างรวดเร็วอินเทอร์เน็ตจึงเป็นเครื่องมือติดต่อสื่อสารที่ก าลังได้รับความนิยมเป็นอย่างมาก เว็บไซต์ที่เก็บรวบรวมข้อมูลส่วนใหญ่มีพ้ืนฐานการเขียนมาจากภาษา HTML ( HyperText Markup Language ) การสร้างเว็บเพจสามารถพัฒนาได้จากเอดิเตอร์ที่ใช้ในการเขียนโปรแกรม เช่น WordPad , Notpad, และโปรแกรม Word Processor ต่าง ๆ ส่วนการแสดงผลจะใช้โปรแกรมเว็บบราวเซอร์เช่น Nestcap Navicator หรือ Internet

2 5

10

ล าดับที ่

ชื่อหน่วยการเรียนรู้

ผลการเรียนรู้

สาระส าคัญ เวลา

(ชั่วโมง) น้ าหนักคะแนน

Explorer เป็นต้น 3 โครงสร้างและ

รูปแบบของภาษา

3 โครงสร้างและรูปแบบของภาษา HTML จะใช้แท็กเปิดและแท็กปิดในการควบคุมการท างาน ของโปรแกรม ถ้าต้องการให้โปรแกรมท างานอย่างไรก็ก าหนดแอตทริบิวต์ตามท่ีต้องการได้ การเรียนรู้รูปแบบภาษา HTML เปรียบเสมือนกับการเรียนเขียนเว็บเพจขั้นต้นก่อนที่จะศึกษาขั้นสูง เว็บไซต์ที่เก็บรวบรวมข้อมูลส่วนใหญ่มีพ้ืนฐานการเขียนมาจากภาษา HTML ( HyperText Markup Language ) การสร้างเว็บเพจสามารถพัฒนาได้จากเอดิเตอร์ที่ใช้ในการเขียนโปรแกรม เช่น Word Pad , Notpad , และโปรแกรม Word Processor ต่าง ๆ ส่วนการแสดงผลจะใช้โปรแกรมเว็บบราวเซอร์เช่น NestcapNavicator หรอื Internet Explorer เป็นต้น

4 5

4 การจัดและปรับแต่งข้อความ

4 การจัดและตกแต่งข้อความให้สวยงามเป็นสิ่งที่จ าเป็นส าหรับการเขียนเว็บเพจ เพราะเป็นสิ่งหนึ่งที่ดึงดูดความสนใจของผู้ที่เข้าไปท่องเว็บ เพราะฉะนั้นถ้าผู้เขียนเว็บตกแต่งข้อความและสีพ้ืนให้ชัดเจนและเหมาะสม มีการเน้นค าและเน้นตัวอักษร รวมทั้งการใช้สัญลักษณ์พิเศษต่าง ๆจะท าให้ประสบผลส าเร็จในการเขียนเว็บในเบื้องต้นแล้ว ในหน่วยการเรียนนี้จะให้ศึกษาเกี่ยวกับการตกแต่งข้อความการเน้นค า การ

4 5

11

ล าดับที ่

ชื่อหน่วยการเรียนรู้

ผลการเรียนรู้

สาระส าคัญ เวลา

(ชั่วโมง) น้ าหนักคะแนน

ท าตัวอักษรแบบต่าง ๆ การพิมพ์ค าสั่งออกทางเว็บเพจ การพิมพ์รายการย่อย การพิมพ์สัญลักษณ์พิเศษ และการระบุค่าสีตัวอักษรและสีพ้ืน

5 การจัดการรูปภาพ

5 การเขียนเว็บเพจในรุ่นแรก ๆ นั้นจะใช้ตัวอักษรและข้อความเป็นหลักในการน าเสนอ แต่ในช่วงเวลาไม่นานได้มีการพัฒนาใส่ภาพนิ่ง ภาพเคลื่อนไหว ใส่เสียง สิ่งเหล่านี้มีส่วนอย่างมากที่ท าให้เว็บเพจมีความน่าสนใจ ผู้พัฒนาเว็บเพจต้องพิจารณาความเหมาะสมในการใช้รูปภาพประกอบ รูปภาพที่นิยมน ามาใส่ในเว็บเพจคือไฟล์รูปภาพประเภท GIF และ JPEG เนื่องมาจากเป็นไฟล์ที่บีบอัดให้มีขนาดไม่โตมากนัก โดยทั่วไปไม่ควรเกิน 40 KB ถ้าเราใช้ไฟล์ที่มีขนาดเล็กก็จะท าให้เว็บเพจมีความรวดเร็วในการท างาน ไม่รู้สึกเบื่อหน่ายเวลาเข้าใช้งาน

6 5

6 การสร้างตาราง 6 การน าเสนอข้อมูลที่เป็นรายการหรือสถิติต่าง ๆ โดยทั่วไปจะป้อนข้อมูลเข้าสู่ตาราง เพื่อความเป็นระเบียบเรียบร้อยและง่ายต่อการท าความเข้าใจแท็กท่ีใช้ในการสร้างตารางในภาษา HTML คือแท็ก <TABLE> ......... </TABLE> พร้อมด้วยแท็กส่วนประกอบต่าง ๆ ในการสร้างตาราง เช่น ก าหนดสีเส้นของตาราง ก าหนดขนาดตาราง การใส่สีและรูปภาพเพ่ือท าพ้ืนหลังของตาราง การใส่รูปภาพลงในตาราง การจัดตารางให้ชิดซ้าย ชิดขวา หรือวาง

8 5

12

ล าดับที ่

ชื่อหน่วยการเรียนรู้

ผลการเรียนรู้

สาระส าคัญ เวลา

(ชั่วโมง) น้ าหนักคะแนน

ต าแหน่งตรงกลาง เป็นต้น 7 การเชื่อมโยง

หน้าเพจ 7 การเชื่อมโยงหน้าเว็บเพจ คือการ

ก าหนดส่วนของข้อความ รูปภาพ หรือสัญลักษณ์ ไว้เป็น จุดเชื่อมโยงเพ่ือเชื่อมโยง(Link) ไปยังเอกสารที่อยู่ในต าแหน่งอ่ืน ๆ เช่น หน้าเดียวกัน หน้าอื่น ๆ เว็บเพจหรือเว็บไซด์อ่ืน ๆ การเชื่อมโยงหน้าเว็บเพจได้นั้นจะต้องมีการก าหนดจุดที่ใช้เชื่อมโยงซึ่งอาจจะเป็นรูปภาพหรือสัญลักษณ์ก็ได้ นอกจากนี้จะต้องมีการก าหนดเป้าหมาย (Target) ปลายทางที่ต้องการเชื่อมโยงไปถึงซึ่งจะอยู่ต าแหน่งใดจะต้องก าหนดโดยผู้เขียนโปรแกรม

4 5

8 การสร้างแบบฟอร์ม

8 การสร้างแบบฟอร์ม (Form) เพ่ือใช้ในการรับข้อมูลเป็นวิธีการหนึ่งที่นิยมท ากันในเว็บไซต์ทั่วไป เพราะการสร้างแบบฟอร์มจะท าให้กรอกข้อมูลได้ง่ายเป็นระเบียบสวยงาม และเป็นสัดส่วนตัวอย่างแบบฟอร์มที่ใช้กันทั่วไปเช่น การกรอกข้อมูลในการสมัครสมาชิกต่าง ๆ การแสดงความคิดเห็น การกรอกแบบสอบถาม สิ่งเหล่านี้ถือได้ว่าเป็นการรับข้อมูลผ่านฟอร์มทั้งสิ้น การออกแบบฟอร์มให้มีลักษณะต่าง ๆ ขึ้นอยู่กับประโยชน์ในการใช้งานของแต่ละงาน

6 5

9 การสร้างเฟรม 9 การสร้างเฟรม (Frame) คือการแบ่งหน้าจอของเว็บเพจออกเป็นส่วนต่างๆ ทางด้านแนวตั้งและแนวนอนตามท่ีเราต้องการ ซึ่งในแต่ละส่วนสามารถ

8 5

13

ล าดับที ่

ชื่อหน่วยการเรียนรู้

ผลการเรียนรู้

สาระส าคัญ เวลา

(ชั่วโมง) น้ าหนักคะแนน

แสดงผลได้อย่างอิสระ และสามารถแสดงผลได้มากกว่า 1 ไฟล์ เราสามารถใช้แถบเลื่อน(Scroll Bar) เลื่อนดูข้อมูลในแต่ละเฟรมได้ การสร้างเฟรมเป็นการแบ่งส่วนของพ้ืนที่แสดงผลหน้าจออย่างมีประสิทธิภาพ นอกจากนี้ยังสามารถเชื่อมโยงไปยังไฟล์และเว็บไซด์อ่ืน ๆ ได้อีกด้วยหน่วยความจ าและส่งไปยังเอาพุท

10 สไตล์ชีต(Style Sheet)

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

6 10

11 Dynamic (HTML)

11 Dynamic HTML หรือ DHTML จะช่วยเพิ่มประสิทธิภาพในการแสดงผลข้อมูลบนอินเตอร์เน็ต ให้มีชีวิตชีวามากยิ่งขึ้น นอกจากนี้ยังท าให้เว็บเพจตอบสนองผู้ใช้แบบ Interactive กับผู้ใช้ได้มากกว่า เดิม โดยรวมเอาเทคโนโลยีหลายๆ ด้านมารวมกัน เช่น ภาษาสคริปต์, ActiveX control, Cascading Style Sheet (CSS) และเทคโนโลยีอ่ืนๆได้

8 5

สอบกลางภาค 1 20 สอบปลายภาค 1 20

14

ล าดับที ่

ชื่อหน่วยการเรียนรู้

ผลการเรียนรู้

สาระส าคัญ เวลา

(ชั่วโมง) น้ าหนักคะแนน

รวมตลอดภาคเรียน 60 100

หน่วยการเรียนรู้ รายวิชา การพัฒนาเว็บเพจ รหัสวิชา ง30244

ไม่ก าหนดปีที่เรียน เวลาเรียน 60 ชั่วโมง จ านวน 1.5 หน่วยกิต สัดส่วนคะแนนระหว่างภาค : ปลายภาค = 80 : 20

ล าดับที่ ชื่อหน่วยการ

เรียนรู้ ผลการเรียนรู้

หน่วยการเรียนรู้ย่อย เวลา

(ชั่วโมง) น้ าหนักคะแนน

1 อินเตอร์เน็ตเบื้องต้น

1 1. ความหมายของเครือข่ายอินเทอร์เน็ต 2. การบริการต่างๆบนเครือข่ายอินเตอร์เน็ต

1 1

5

2 เริ่มต้นการใช้โปรแกรม

2 1. การสร้างเว็บเพจ 2. การบันทึกข้อมูล 3. การเรียกใช้โปรแกรมเว็บบราวเซอร์

1 1

5

3 โครงสร้างและรูปแบบของภาษา

3 1. แท็กของภาษา HTML 2. โครงสร้างของภาษา HTML 3. การก าหนดแอตทริบิวต์ 4. การข้ึนบรรทัดใหม่

2 2

5

4 การจัดและปรับแต่งข้อความ

4 1. การก าหนดหัวเรื่อง 2. จัดต าแหน่งของข้อความ 3. ข้อความตัวหนาและตัวเอียง 4. การใส่เลขหน้าข้อความ 5. ขีดเส้นใต้ข้อความ ฯลฯ

1 1 1 1

5

5 การจัดการรูปภาพ

5 1. ประเภทของไฟล์รูปภาพ 2. การใส่รูปภาพลงในเว็บเพจ 3. ต าแหน่งในการจัดวางรูปภาพ โดยใช้หลักทฤษฏีเศรษฐกิจพอเพียง

2 2 2

5

6 การสร้างตาราง 6 1. การสร้างตาราง 2 5

15

9. เครื่องมือที่ใช้ในการวิจัย มีดังนี้

2. การสร้างเส้นขอบของตาราง 3. ก าหนดสีเส้นขอบของตาราง 4. ก าหนดรูปแบบเส้นขอบตาราง

2 2 2

7 การเชื่อมโยงหน้าเพจ

7 1. การเชื่อมโยงโดยใช้ข้อความ 2. การเชื่อมโยงโดยใช้รูปภาพหรือสัญลักษณ์ 3. การเชื่อมโยงภายในเว็บเพจเดียวกัน 4. การเชื่อมโยงไปยังเว็บเพจอ่ืน

2 2

5

8 การสร้างแบบฟอร์ม

8 1. การสร้างแบบฟอร์ม 2. การสร้างฟอร์มรับข้อมูลรหัสผ่าน 3. การสร้างฟอร์มรับข้อมูลแสดงความคิดเห็น 4. การสร้างเช็คบอกซ์

1 2 2 1

5

9 การสร้างเฟรม 9 1. การแบ่งหน้าจอโดยก าหนดหน่วยตามความละเอียด 2. การแบ่งหน้าจอให้มีหน่วยเป็นเปอร์เซ็นต์ 3. การแบ่งหน้าจอโดยใช้เครื่องหมายดอกจันท์ร่วม 4. การก าหนดไม่ให้มีการปรับขนาดของเฟรม

2 2 2 2

5

10 สไตล์ชีต(Style Sheet)

10 1. สไตล์ชีต 2. Inline Style Sheet 3. Embeded Style Sheet 4. Linking Style Sheet

1 2 2 1

10

11 Dynamic (HTML)

11 1. Dynamic HTML 2. ตัวอย่างการใช้งานของ Dynamic HTML

4 4

5

สอบกลางภาค 1 20 สอบปลายภาค 1 20

รวมตลอดภาคเรียน 60 100

16

ในการวิจัยเรื่อง การจัดกิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ ส าหรับนักเรียนชั้นมัธยมศึกษาปีที่ 5 โรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี 1 (บ้านเก่าวิทยา) ได้พัฒนาเครื่องมือในการศึกษาวิจัยดังนี้ เครื่องมือที่ใชใ้นการวิจัย 1. แผนการจัดกิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ ส าหรับนักเรียนชั้นมัธยมศึกษาปีที่ 5 โรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี 1 (บ้านเก่าวิทยา) จ านวน 1 แผน เครื่องมือที่ใชใ้นการเก็บรวบรวมข้อมูล 2. แบบวัดผลสัมฤทธิ์ทางการเรียน วิชาการพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจจ านวน 1 ฉบับ 10.วิธีการสร้างเครื่องมือและหาคุณภาพเครื่องมือ การวิจัยเรื่อง การจัดกิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ ส าหรับนักเรียนชั้นมัธยมศึกษาปีที่ 5 โรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี 1 (บ้านเก่าวิทยา) มีวิธีการสร้างเครื่องมือและหาคุณภาพเครื่องมือมีขั้นตอนดังนี้ 1. แผนการจัดกิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ ส าหร้บนักเรียนชั้นมัธยมศึกษาปีที่ 5 โรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี 1 (บ้านเก่าวิทยา) จ านวน 1 แผน 1.1 ศึกษาหลักสูตรสถานศึกษา ของโรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี 1 (บ้านเก่าวิทยา) กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี ภาคเรียนที่ 1 ปีการศึกษา 2559 1.2 ศึกษากิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ 1.3 เขียนแผนการจัดการเรียนรู้ รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ ของนักเรียนชั้นมัธยมศึกษาปีที่ 5 โรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี 1 (บ้านเก่าวิทยา) หน่วยที่ 7 เรื่อง การเชื่อมโยงหน้าเพจ จ านวน 4 ชั่วโมง มีรายละเอียดดังนี้

เร่ือง ผลการเรียนรู้

จุดประสงค์ กิจกรรม สื่อ การวัดผล จ านวนชั่วโมง

1.การเชื่อมโยงภายในเว็บเพจเดียวกัน 2.การเชื่อมโยงไปยังเว็บเพจ

สามารถเชื่อมโยงหน้าเพจได ้

1.มีความรู้และเข้าใจเกี่ยวกับการเชื่อมโยงหน้าเพจ 2.เห็นคุณค่าของการใช้อินเทอร์เน็ต 3.สามารถสร้างการเชื่อมโยงหน้าเพจได ้

1.การเช่ือมโยงภายในเว็บเพจเดียวกัน 2.การเช่ือมโยงไปยังเว็บเพจอื่น

1.สื่อ Power point 2.บทเรียนออนไลน์ เรื่อง การเชื่อมโยงหน้าเพจ(http://www.bkvkan.ac.th/webhtml) 3.โปรแกรม Notepad 4.ตัวอย่างเว็บไซตต์่างๆ

1.ประเมินพฤติกรรมในการท างานเป็นรายบุคคล 2.แบบทดสอบก่อนเรียน

2 ช่ัวโมง

17

อื่น 3.การเชื่อมโยงไปยังเว็บไซต์อื่น 4. การเชื่อมโยงไปยังอีเมล ์

สามารถเชื่อมโยงหน้าเพจได ้

1.มีความรู้และเข้าใจเกี่ยวกับการเชื่อมโยงหน้าเพจ 2.เห็นคุณค่าของการใช้อินเทอร์เน็ต 3. สามารถสร้างการเชื่อมโยงหน้าเพจได้

1. การเช่ือมโยงไปยังเว็บไซต์อื่น 2. การเช่ือมโยงไปยังอีเมล ์

1 สื่อ Power point 2 บทเรียนออนไลน์ เรื่อง การเชื่อมโยงหน้าเพจ (http://www.bkvkan.ac.th/webhtml) 3 โปรแกรม Notepad 4 ตัวอย่างเว็บไซต์ต่างๆ 5 ใบงานท่ี 7 เรื่อง การเชื่อมโยงหน้าเพจ

1.ประเมินพฤติกรรมในการท างานเป็นรายบุคคล 2.แบบทดสอบหลังเรียน

2 ช่ัวโมง

1.4 น าแผนการจัดกิจกรรมการเรียนรู้หน่วยที่ หน่วยที่ 7 เรื่อง การเชื่อมโยงหน้าเพจ

จ านวน 4 ชั่วโมง ไปให้ฝ่ายวิชาการ ในการจัดกิจกรรมการเรียนการสอนเพ่ือเสนอแนะความคิดเห็น น าผลการเสนอแนะจากผู้เชียวชาญมาปรับปรุงแก้ไข โดยเพ่ิมชื่อเรื่องบนบทเรียนออนไลน์ เป็น การเชื่อมโยงหน้าเพจ 1.5 น าแผนที่ปรับปรุงแก้ไขแล้วน าไปใช้กับนักเรียนชั้นมัธยมศึกษาปีที่ 5 โรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี 1 (บ้านเก่าวิทยา) ที่เรียนรายวิชาการพัฒนาเว็บเพจ (ง30244) ภาคเรียนที่ 1 ปีการศึกษา 2559

2. แบบวัดผลสัมฤทธิ์ทางการเรียน วิชาการพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจจ านวน 1 ฉบับ 2.1 ศึกษาหลักสูตรสถานศึกษา ของโรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี 1 (บ้านเก่าวิทยา) กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี ภาคเรียนที่ 1 ปีการศึกษา 2559 2.2 ศึกษากิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ 2.3 สร้างแบบทดสอบก่อนเรียน และหลังเรียน รายวิชา การพัฒนาเว็บเพจ (ง30244) หน่วยที่ 7 เรื่อง การเชื่อมโยงหน้าเพจ จ านวน 4 ชั่วโมง มีรายละเอียดดังนี้

เรื่อง ช่ือเรื่อง เครื่องมือ เกณฑ์การประเมิน การเช่ือมโยงหน้าเพจ 1.การเช่ือมโยงภายในเว็บเพจ

เดียวกัน 2.การเช่ือมโยงไปยังเว็บเพจอ่ืน 3. การเช่ือมโยงไปยังเว็บไซต์อื่น 4. การเช่ือมโยงไปยังอีเมล ์

แบบทดสอบก่อนเรยีน และหลังเรียน

-

2.4 น าผลการเสนอแนะจากทางวิชาการปรับปรุงแก้ไข เกี่ยวกับข้อสอบให้สอดคล้องกับชื่อเรื่อง

18

2.5 น าแบบทดสอบก่อนเรียน และหลังเรียน ที่ปรับปรุงแก้ไขแล้วน าไปใช้กับนักเรียนชั้นมัธยมศึกษาปีที่ 5 โรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี 1 (บ้านเก่าวิทยา) ที่เรียนรายวิชาการพัฒนาเว็บเพจ (ง30244) ภาคเรียนที่ 1 ปีการศึกษา 2559

11. การเก็บรวมรวมข้อมูล วิจัยเรื่อง การจัดกิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244)เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ของนักเรียนชั้นมัธยมศึกษาปีที่ 5 โรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี 1 (บ้านเก่าวิทยา) การด าเนินการทดลองและการเก็บรวบรวมข้อมูล ดังนี้ 1. ขั้นเตรียมการ 1.1 เตรียมสถานที่และเครื่องมือในการทดลอง คือ ห้องคอมพิวเตอร์ 4 อาคาร 3 โรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี1(บ้านเก่าวิทยา) โดยเป็นห้องประจ าของผู้วิจัยในการเรียนการสอนวิชาการพัฒนาเว็บเพจ (ง30244) 1.2 เตรียมผู้เรียน เป็นนักเรียนที่เรียนวิชาพัฒนาบทเรียนวิชาการพัฒนาเว็บเพจ (ง30244) กับผู้ท าวิจัยในครั้งนี้ ภาคเรียนที่ 1 ปีการศึกษา 2559 แจ้งให้นักเรียนทราบถึงวิธีการเรียนและสถานที่เรียน 1.3 เตรียมห้องเรียน โดยให้นักเรียนใช้เครื่องคอมพิวเตอร์ 1 เครื่อง ต่อ 1 คน 2. ขั้นด าเนินการ 2.1 ผู้วิจัยแนะน าวิธีการใช้บทเรียนให้แก่กลุ่มทดลอง 2.2 ด าเนินการวัดผลก่อนเรียนโดยใช้แบบวัดผลสัมฤทธิ์ทางการเรียน 2.3 กลุ่มทดลองศึกษาเนื้อหาจากบทเรียนออนไลน์ ให้ผู้เรียนได้ศึกษาไปพร้อมกับการเรียนการสอนในห้อง พร้อมท ากิจกรรมต่างๆ ควบคู่กัน และสามารถใช้เป็นสื่อเสริมในการเรียนการสอนวิชาการพัฒนาเว็บเพจ (ง30244) 2.4 ด าเนินการวัดผลหลังเรียน โดยใช้แบบวัดผลสัมฤทธิ์ทางการเรียน 2.5 ผู้วิจัยเก็บรวบรวมข้อมูลต่างๆ และน าไปวิเคราะห์ข้อมูลตามวิธีการทางสถิติต่อไป 12. สถิติที่ใช้ในการวิจัย การวิจัยเรื่อง การจัดกิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ ส าหรับนักเรียนชั้นมัธยมศึกษาปีที่ 5 โรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี 1 (บ้านเก่าวิทยา) ท าการวิเคราะห์ข้อมูลโดยใช้สถิติดังนี้ ร้อยละ(%) จากสูตร

เมือ่ P แทน ค่าร้อยละ f แทน ความถี่ท่ีต้องการแปลงให้เป็นค่าร้อยละ N แทน จ านวนความถี่ทั้งหมด ค่าร้อยละจะแสดงความหมายของค่าและสามารถน าค่าที่ได้ไปเปรียบเทียบได้

100N

fp

19

13. ผลการศึกษาวิจัย

ผลการทดสอบความแตกต่างระหว่างคะแนนก่อนเรียนและหลังเรียน กิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจโดยใช้บทเรียนออนไลน์ ส าหรับนักเรียนชั้นมัธยมศึกษา ปีที ่5 โรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี 1 (บ้านเก่าวิทยา) ได้ผลดังนี้

คนที่ คะแนน

แบบทดสอบก่อนเรียน แบบทดสอบหลังเรียน พัฒนา 1. 3 9 6 2 3 8 5 3 3 7 4 4 3 9 6 5 3 8 5 6 2 7 5 7 2 9 7 8 4 8 4 9 2 7 5 10 5 9 4 11 3 8 5 12 5 8 3 13 2 8 6 14 3 9 6 15 4 8 4 16 3 8 5 17 6 9 3 18 5 8 3 19 4 9 5 20 2 9 7

เฉลี่ย 3.35 8.25 4.90

จากตารางที่ 1 พบว่าผลการเรียนรู้ของนักเรียนที่เรียนจากกิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ มีค่าเฉลี่ย ( x ) ของคะแนนหลังเรียน (8.25) สูงกว่าก่อนเรียน (3.35) โดยผลต่างเท่ากับ หมายความว่า มีผลสัมฤทธิ์ทางการเรียนสูงกว่าก่อนเรียนอย่างมีนัยส าคัญทางสถิติที่ระดับ 0.05

20

14. อภิปรายผล ผลการเรียนรู้ ผลสัมฤทธิ์ทางการเรียนหลังเรียนของนักเรียนที่เรียนด้วยกิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ มีความแตกต่างกันอย่างมีนัยส าคัญท่ีระดับ .05 โดยผลสัมฤทธิ์ทางการเรียนหลังเรียนสูงกว่าก่อนเรียน เนื่องมาจาก การจัดท าแผนการจัดการเรียนรู้ การจัดกิจกรรมการเรียนรู้ และแบบทดสอบได้ผ่านกระบวนการตรวจสอบ หลายขั้นตอนจนมีความเหมาะสมและสามารถน าไปใช้กับนักเรียนได้ ท าให้นักเรียนมีความเข้าใจเนื้อหามากขึ้น จากการจัดกิจกรรมการเรียนรู้นี้ท าให้นักเรียนเกิดการเรียนรู้ ความกระตือรือร้น สามารถสร้างชิ้นงานส่งครูผู้สอนได้ตามเวลาที่ก าหนด 15. สรุปผลการศึกษา จากการศึกษาผลสัมฤทธิ์ทางการเรียนหลังเรียนของนักเรียนที่เรียนด้วยกิจกรรมการเรียนรู้รายวิชา การพัฒนาเว็บเพจ (ง30244) เรื่อง การเชื่อมโยงหน้าเพจ โดยใช้บทเรียนออนไลน์ ส าหรับนักเรียนชั้นมัธยมศึกษาปีที่ 5 โรงเรียนองค์การบริหารส่วนจังหวัดกาญจนบุรี 1 (บ้านเก่าวิทยา) แตกต่างกันอย่างมีนัยส าคัญที่ระดับ .05 โดยผลสัมฤทธิ์ทางการเรียนหลังเรียนสูงกว่าก่อนเรียน ซึ่งเป็นไปตามสมมติฐานที่ตั้งไว้

21

บรรณานุกรม

กระทรวงศึกษาธิการ.หลักสูตรแกนกลางการศึกษาขั้นพ้ืนฐาน พุทธศักราช 2551.กรุงเทพมหานคร : กระทรวงศึกษาธิการ,2551

กรมวิชาการ. กระทรวงศึกษาธิการ.หลักสูตรการศึกษาขั้นพื้นฐาน พุทธศักราช 2544.พิมพ์ครั้งที่ 3. กรุงเทพฯ: โรงพิมพ์คุรุสภาลาดพร้าว,2545.

กิดานันท์ มลิทอง.เทคโนโลยีการศึกษาและนวัตกรรม. พิมพ์ครั้งที่ 2. ภาควิชาโสตทัศนศึกษา คณะครุศาสตร์ จุฬาลงกรณ์มหาวิทยาลัย,2543.

น้ ามนต์ เรืองฤทธิ์.“การพัฒนาบทเรียนผ่านเว็บวิชาเทคโนโลยีการถ่ายภาพ เรื่อง กล้องถ่ายภาพและอุปกรณ์ในการถ่ายภาพ ส าหรับนักศึกษาระดับปริญญาตรี ภาควิชาเทคโนโลยีทางการศึกษา คณะศึกษาศาสตร์ มหาวิทยาลัยบูรพา.” วิทยานิพนธ์ปริญญามหาบัณฑิต สาขาวิชาเทคโนโลยีการศึกษา บัณฑิตวิทยาลัย มหาวิทยาลัยศิลปากร,2546.

ยืน ภูว่รวรรณและสมชาย น าประเสริฐ. ไอซีทีเพ่ือการศึกษาไทย . กรุงเทพฯ: ซีเอ็ดยูเคชั่น, 2546.