การพัฒนาเว็บไซต์แผนกเทคโนโลยีธุรกิจดิจิทัล วิทยาลัยเทคนิคระยอง

แบบรายงานการวจิ ยั (ว-สอศ-3)

รายงานผลโครงงานวจิ ยั

เรอื่ ง

การพฒั นาเวบ็ ไซตแ ผนกเทคโนโลยีธรุ กิจดจิ ทิ ัล วทิ ยาลัยเทคนคิ ระยอง

Website Development Digital Business Technology Department
Rayong Technical College

นายวุฒิชยั เชษฐานันท รหสั นกั เรียน 62202040026
นายเตชิษฏ จาดยางโทน กรหสั นกั เรียน 62202040039
นายเมธาสทิ ธิ์ นาสมใจ รหัสนักเรียน 62202040040

ประจำปการศกึ ษา 2564
ปพุทธศักราช 2564-2565

วิทยาลยั เทคนคิ ระยอง
อาชวี ศึกษาจงั หวดั ระยอง
สำนักงานคณะกรรมการอาชวี ศึกษา

กระทรวงศกึ ษาธกิ าร

ก

หัวขอวิจยั การพัฒนาเวบ็ ไซตแผนกเทคโนโลยธี ุรกิจดจิ ิทัล วทิ ยาลัยเทคนคิ ระยอง

ผดู ำเนนิ การวจิ ยั นายวุฒชิ ัย เชษฐานนั ท

นายเตชษิ ฏ จาดยางโทน

นายเมธาสิทธิ์ กนาสมใจ

ทีป่ รกึ ษา นายมงคล กพรมประเสริฐ

นายวกิ ร กรัตนาธนบดี

หนว ยงาน กวิทยาลัยเทคนิคระยอง

ป พ.ศ. 2564

บทคดั ยอ

การจัดทำโครงการครั้งนี้มีวัตถุประสงคเพื่อใหผูคนไดใชงานเว็บไซตแผนกเทคโนโลยีธุรกิจ

ดิจิทัลวิทยาลัยเทคนิคระยองในการใหขอมูลสำหรับผูคนที่สนใจเรียนตอในแผนกเทคโนโลยีธุรกิจ

ดิจิทัล วิทยาลัยเทคนิคระยองรวมทั้งมีขอมูลขาวสารเกี่ยวกับกำหนดการตาง ๆ และยังไดติดตาม

ความเคลื่อนไหวของแผนกเทคโนโลยีธุรกิจดิจิทัลอีกดวย และเพื่อศึกษาความพึงพอใจของนักเรียน

ระดับประกาศนียบตั รวชิ าชีพ สาขาวิชาเทคโนโลยีธรุ กิจดิจิทัล วิทยาลัยเทคนิคระยอง ที่มีตอเว็บไซต

แผนกเทคโนโลยีธุรกิจดจิ ิทัล วิทยาลยั เทคนคิ ระยองโดยมกี ลมุ ตวั อยา งทีใ่ ชเก็บประเมินผลคือ นักเรียน

ระดับประกาศนียบัตรวิชาชีพ ชั้นปที่ 3 หอง 1 สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล วิทยาลัยเทคนิค

ระยอง และเครื่องมือที่ใชในการประเมินเว็บไซตแผนกเทคโนโลยีธุรกิจดจิ ิทัล วิทยาลัยเทคนิคระยอง

คอื แบบสอบถามความพึงพอใจของนักเรยี นระดับประกาศนยี บตั รวิชาชีพ ชนั้ ปที่ 3 หอ ง 1 สาขาวิชา

เทคโนโลยีธุรกิจดิจิทัล วิทยาลัยเทคนิคระยอง ที่มีตอเว็บไซตแผนกเทคโนโลยีธุรกิจดิจิทัล

วิทยาลัยเทคนิคระยอง ซึ่งสถิติที่ใชในการวิเคราะหคือ คารอยละ (%) คาเฉลี่ย (Mean)

และคาสว นเบี่ยงเบนมาตรฐาน (S.D.)

ผลที่ไดรับจากแบบสอบถามความพึงพอใจ ที่มีเว็บไซตแผนกเทคโนโลยีธุรกิจดิจิทัล

วิทยาลัยเทคนิคระยอง อยูในระดับมากที่สุด ( ̅= 4.81 , S.D. = 0.42) ซึ่งโดยรวมถือวาผานเกณฑ

ตามวัตถุประสงค เมื่อพิจารณาจากแบบสอบถามทั้ง 3 ดานที่มีคาเฉลี่ยจากมากไปนอย ไดแก

ดานความคุมคาภาพรวมอยูในระดับมากที่สุด ( ̅= 4.92 , S.D. = 0.22) ดานการใชงานพบวา

ภาพรวมอยูในระดับมากที่สุด ( ̅= 4.79, S.D. = 0.46) ดานโครงสรางพบวาภาพรวมอยูในระดับ

มากที่สดุ ( ̅= 4.73, S.D. = 0.57) ตามลำดับ

ข

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

โครงการวิจัยฉบับนี้สำเร็จลุลวงไดดวยดี เนื่องจากไดรับความกรุณาอยางสูงจากนายวิกร
รัตนาธนบดี และนายมงคล พรมประเสริฐ อาจารยที่ปรึกษางานวิจัยที่กรุณาอนุมัติเห็นชอบในการ
จดั ทำโครงการและใหก ารสนบั สนุน ใหค ำแนะนำปรกึ ษาและขอคิดเห็นอันเปนประโยชนตอการศึกษา
คนควา ตลอดจนปรับปรุงแกไขขอบกพรองตาง ๆ ดวยความเอาใจใสอยางดียิ่ง ผูวิจัยตระหนักถึง
ความต้งั ใจจรงิ และความทุมเทของอาจารยและขอกราบพระคุณเปนอยา งสงู ไว ณ ท่นี ี้

ขอขอบคณุ คณะครูอาจารยว ิทยาลัยเทคนิคระยอง แผนกเทคโนโลยธี ุรกจิ ดิจิทัล ทคี่ อยใหความ
ชว ยเหลือดานการเก็บรวบรวมขอมลู ตาง ๆ ในเรื่องเน้ือหา และรูปภาพในการทำโครงการ อีกทั้งยังได
ชวยแนะนำโครงการ และใหความชวยเหลือดานในการจัดทำรูปเลมโครงงาน และขอขอบคุณ
ครอบครัว คณะเพื่อนรวมหองระดับประกาศนียบัตรวิชาชีพ ชั้นปที่ 3 หอง 1 สาขาวิชาเทคโนโลยี
ธุรกิจดิจิทัล ที่ไดชวยเหลือในดานตาง ๆ และนักเรียนระดับประกาศนียบัตรวิชาชีพ ชั้นปที่ 3 หอง 1
สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล ที่ไดใหความรวมมือในการตอบแบบสอบถามจนทำใหโครงการวิจัย
คร้งั นี้ สำเร็จลลุ วงไปไดด วยดี

ทายสุดนี้คณะผูจัดทำหวังเปนอยางยิ่งวา งานวิจัยฉบับนี้จะเปนประโยชนตอการศึกษาคนควา
อยูไมน อ ย จงึ ขอมอบสว นดีท้ังหมดน้ีใหแกเหลาคณะครูอาจารยที่ไดป ระสิทธิ์ประสาทวิชาจนทำใหผล
งานวิจัยเปนประโยชนตอผูที่เกี่ยวของและผูมีพระคุณทุกทาน สำหรับขอบกพรองตาง ๆ
ที่อาจจะเกิดขึ้น คณะผูวิจัยขอนอมรับผิดและยินดีที่จะรับฟงคำแนะนำจากทุกทานที่ไดเขามา
ศกึ ษาเพ่อื เปนประโยชนในการพัฒนางานวจิ ัยตอ ไป

คณะผวู ิจัย
2564

สารบญั หนา
ก
เรอ่ื ง ข
บทคัดยอ ค
กิตติกรรมประกาศ จ
สารบัญ ฉ
สารบญั ตาราง
สารบญั ภาพ 1
บทท่ี 1กกบทนำ 2
2
1.1 ความเปน มาและความสำคัญ 2
1.2 วตั ถุประสงคของการวิจยั 2
1.3 ขอบเขตการวจิ ยั 2
1.4 ขอจำกัด 4
1.5 สมมติฐานการวจิ ยั
1.6 คำจำกดั ความท่ใี ชใ นการวจิ ัย 5
1.7 ประโยชนท่ีคาดวาจะไดร ับ 5
บทท่ี 2กกแนวคิด ทฤษฎี เอกสารและงานวิจยั ทีเ่ ก่ียวของ 6
2.1 ความหมายและความสำคญั ของเวบ็ ไซต 6
2.2 ความหมายและความสำคญั ของเทคโนโลยีธุรกจิ ดิจิทลั 6
2.3 ความหมายและความสำคญั ของสาขาวชิ า 6
2.4 ลกั ษณะการทำงานของเว็บไซต 6
2.5 ประโยชนของการทำเว็บไซต 7
2.6 ความหมายของการพฒั นา 8
2.7 ความหมายของธรุ กิจดิจิทัล
2.8 งานวิจัยท่ีเกี่ยวขอ ง 9
2.9 กรอบแนวคิดในการวจิ ยั 9
บทที่ 3กกวธิ ดี ำเนนิ การวิจัย 9
3.1 ประชากรและกลมุ ตวั อยาง 19
3.2 การสรางเคร่ืองมือในการวิจยั 21
3.3 การดำเนินงานการวจิ ัย
3.4 แผนผังงาน
3.5 การเก็บรวบรวมขอมูล

สารบญั (ตอ ) ง

เร่อื ง หนา
3.6 สถติ ทิ ่ใี ชและวิธีวเิ คราะหขอ มูล 21

บทท่ี 4กกผลการวิจัย 23
4.1 ผลการดำเนินการ
30
บทที่ 5กกสรปุ ผลการวิจัยอภิปรายผลและขอเสนอแนะ 30
5.1 สรปุ อภปิ รายผล 31

5.2 ขอเสนอแนะ 33
46
บรรณานุกรม 50
ภาคผนวก 53

ภาคผนวก ก

ภาคผนวก ข

ภาคผนวก ค

ประวัติผูวิจยั

สารบัญตาราง หนา
23
ตารางท่ี 24
4.1กกแสดงจำนวนของผูตอบแบบสอบถามจำแนกตามเพศ 25
4.2กกแสดงจำนวนของผตู อบแบบสอบถามจำแนกตามอายุ 26
4.3กกแสดงความพึงพอใจดานโครงสรา ง 27
4.4กกแสดงความพึงพอใจดานการใชงาน 28
4.5กกแสดงความพึงพอใจดานความคมุ คา
4.6กกแสดงสถติ คิ วามพงึ พอใจของการพัฒนาเว็บไซตแ ผนกเทคโนโลยธี รุ กจิ ดจิ ิทัล

สารบัญภาพ หนา
8
ภาพที่ 10
2.1 แสดงกรอบแนวคิดในการวจิ ยั 10
3.1 แสดง Computer 11
3.2 แสดงโลโก Visual Studio Code 11
3.3 แสดงหนา Visual Studio Code 12
3.4 แสดงหนา Extensions ทตี่ ดิ ตั้งแลว 12
3.5 แสดงหนาโคด ของหนา index 13
3.6 แสดงหนาโคด ของหนา about 13
3.7 แสดงหนา โคด ของหนา course 14
3.8 แสดงหนา โคดของหนา news 14
3.9 แสดงหนา โคดของหนา activity 15
3.10 แสดงหนา โคด ของหนา contact 15
3.11 แสดงหนา โคด ท่ตี กแตงในแตละหนา 16
3.12 แสดงหนา แรกของเวบ็ ไซตแผนกเทคโนโลยีธรุ กิจดิจิทัล 16
3.13 แสดงหนาเกยี่ วกบั ของเวบ็ ไซตแผนกเทคโนโลยีธุรกจิ ดจิ ทิ ัล 17
3.14 แสดงหนาหลักสูตรของเว็บไซตแ ผนกเทคโนโลยีธรุ กจิ ดิจิทัล 17
3.15 แสดงหนา ขา วสารของเวบ็ ไซตแ ผนกเทคโนโลยีธรุ กจิ ดิจทิ ัล 18
3.16 แสดงหนา กจิ กรรมของเวบ็ ไซตแผนกเทคโนโลยีธรุ กจิ ดจิ ทิ ัล 18
3.17 แสดงหนา ตดิ ตอของเวบ็ ไซตแผนกเทคโนโลยธี รุ กจิ ดิจทิ ลั 23
3.18 แสดงสว นของการสงอีเมลเพ่ือตดิ ตอ 24
4.1 แผนภูมจิ ำแนกตามเพศ 25
4.2 แผนภูมิจำแนกตามอายุ 26
4.3 แผนภูมิแสดงความพึงพอใจดา นโครงสราง 27
4.4 แผนภูมิแสดงความพงึ พอใจดา นการใชง าน 29
4.5 แผนภูมแิ สดงความพึงพอใจดานความคุมคา
4.6 แผนภูมิแสดงสถิติรวมผลความพึงพอใจ

บทท่ี 1

บทนำ

1.1 ความเปน มาเละความสำคญั
ปจจุบันเทคโนโลยีสารสนเทศและอินเทอรเน็ตไดเขามามีบทบาทตอการดำเนินชีวิตของเรา

มากขึ้นซึ่งเราอาจไมรูสึกตัววาอินเทอรเน็ตกลายเปนปจจัยที่สำคัญตอการดำรงชีวิตในยุคขอมูล
ขาวสารทำใหคนหันมาบริโภคขอมูลขาวสารกันมากขึ้น โดยในยุคนี้เทคโนโลยีการสื่อสารผาน
อินเทอรเน็ตนั้นกำลังเปนที่นิยมและมีผลกระทบในทุก ๆ ดานในปจจุบัน ทำใหทุกคน ทุกสังคม
ตอ งมีการปรบั ตัว และพัฒนาใหท นั ตอ การเปล่ียนแปลงในโลกของการสอื่ สาร

ในปจจุบันเว็บไซตไดกลายเปนสื่อที่มีความสำคัญซึ่งมีความสำคัญ และมีบทบาทอยางมาก
ในเรื่องของการโฆษณาและประชาสัมพันธ ทั้งนี้เน่ืองจากคุณสมบัติท่ีสามารถนำเสนอ เผยแพรขอมลู
ขาวสารไดอยางไรขีดจำกัด ทั้งในเรื่องเวลาและระยะทาง ใคร ๆ ก็สามารถคลิกเขามาเปดดูได
ตลอดเวลา 24 ชั่วโมง ไมวาจะนั่งอยูสวนใด ๆ ของโลกก็ตามดวยขอดีดังกลาว สถานประกอบการ
เกือบทุกแหงทั้งภาครัฐและเอกชน หรือแมแตบุคคลทั่วไป ตางก็มีความตองการจัดทำเว็บไซตขึ้น
เพอ่ื เปน ชอ งทางการส่ือสารรูปแบบใหมเพือ่ ประโยชน ในการเผยแพรขอมูลขา วสารไปสูกลุมเปาหมาย
เชน การโฆษณาขายสินคา และบริการในรูปแบบตาง ๆ ที่มีจุดมุงหมายในเชิงธุรกิจ
หรือการใชเว็บไซต เปนชองทางการเผยแพรขอมูล ขาวสารขององคกร เพื่อประชาสัมพันธองคกร
เพื่อหวังใหเปนที่รูจักผลในการสรางภาพลักษณขององคกรใหเปนที่ยอมรับ ซึ่งเว็บไซตนั้นเปนสื่อที่มี
ประสทิ ธภิ าพเปนอยางมากในการสนองภารกิจดังกลาว ทำใหว ิถีชวี ิตตอ งการความทันสมัยและทันตอ
เหตุการณอยูเสมอ เว็บไซตจึงเปนแหลงสารสนเทศที่สำคัญสำหรับทกุ คน เพราะสามารถเขาถึงขอมูล
ไดอยางรวดเร็ว ไมวาจะเปนการติดตอสื่อสาร การประชาสัมพันธขาว การโฆษณาสื่อตาง ๆ
ผานทางเว็บไซต หรือแมกระทั่งสื่อสังคมออนไลน จึงทำใหการจัดการศึกษาจึงตองปรับเปลี่ยน
โดยการปรับเอาเทคโนโลยีสารสนเทศเขามาใชใหเกิดประโยชนในทุก ๆ ดานรวมทั้งมีการพัฒนา
บุคลากรดานการผลิตและผูใหความสามารถ มีทักษะตลอดจนผูเรียนใหมีประสิทธิภาพที่จะพัฒนา
เพื่อใหเกิดความรูความสามารถและทักษะเพียงพอที่จะใชเทคโนโลยีเพื่อการศึกษา ในการแสวงหา
ความรูดวยตนเองไดอ ยางตอ เนอื่ ง

ดังนั้นกลุมพวกเราจึงมีแนวคิดที่จะพัฒนาเว็บไซตแผนกเทคโนโลยีธุรกิจดิจิทัล เพราะหวังวา
จะเปนประโยชนใหกับนักเรียนที่สนใจอยากจะเรียนตอในแผนกเทคโนโลยีธุรกิจดิจิทัล เพื่อที่จะได
ติดตามขา วสารเกยี่ วกับกำหนดการตาง ๆ การรับสมคั รนักศึกษา หลักสูตร คา เลา เรียน ทุนการศึกษา
บุคลากร เสนทางมาวิทยาลัยเทคนิคระยอง แผนที่ภายในวิทยาลัยเทคนิคระยอง และยังมีชองทาง
การตดิ ตอ ทีส่ ามารถสอบถามขอมลู เพิม่ เติม

2

1.2 วตั ถุประสงคข องการวิจยั
1.2.1 เพ่ือศกึ ษาการใชโปรแกรม Visual Studio Code
1.2.2 เพื่อใหมีความรูไ ปพฒั นาเว็บไซตในโอกาสอืน่ ๆ ดวยโปรแกรม Visual Studio Code
1.2.3 เพื่อใหนักเรียนที่สนใจอยากจะเรียนตอในแผนกเทคโนโลยีธุรกิจดิจิทัลไดมีสวนรวม
ในการใชเ ว็บไซต

1.3 ขอบเขตของการวิจัย
1.3.1 ขอบเขตดานเน้อื หา
1.3.1.1 ศึกษาการเขยี นเวบ็ ไซตด ว ย HTML, CSS
1.3.1.2 ศกึ ษาแนวทางการพัฒนาเว็บไซตแ ผนกเทคโนโลยีธรุ กจิ ดจิ ทิ ัล
1.3.2 ขอบเขตดา นประชากรและกลมุ ตวั อยา ง
นักเรียนระดับประกาศนียบัตรวิชาชีพ ชั้นปที่ 3 หอง 1 สาขาวิชาเทคโนโลยี
ธุรกิจดิจิทัล วิทยาลัยเทคนิคระยอง เพื่อศึกษาความพึงพอใจของนักเรียนระดับ
ประกาศนียบัตรวิชาชีพ ชั้นปที่ 3 หอง 1 สาขาเทคโนโลยีธุรกิจดิจิทัล วิทยาลัยเทคนิค
ระยอง
1.3.3 ขอบเขตดา นเวลา
เดือนพฤศจิกายน 2564 - เดอื นมนี าคม 2565

1.4 ขอจำกัด (ถา มี)
-

1.5 สมมติฐานการวิจัย (ถาม)ี
-

1.6 คำจำกัดความทีใ่ ชใ นงานวิจยั
1.6.1 เว็บไซต หมายถึง หนาเว็บเพจหลายหนา ซึ่งเชื่อมโยงกันผานทางไฮเปอรลิงกสวนใหญ
จัดทำขึ้นเพื่อนำเสนอขอมูลผานคอมพิวเตอร โดยถูกจัดเก็บไวในเวิลดไวดเว็บ
หนาแรกของเว็บไซตที่เก็บไวที่ชื่อหลักจะเรียกวา โฮมเพจ เว็บไซตโดยทั่วไป
จะใหบริการตอผูใชฟรี แตในขณะเดียวกันบางเว็บไซตจำเปนตองมีการสมัครสมาชิก
และเสียคาบริการเพื่อที่จะดูขอมูล ในเว็บไซตนั้น ซึ่งไดแกขอมูลทางวิชาการ
ขอมูลตลาดหลักทรัพย หรือขอมูลสื่อตาง ๆ ผูทำเว็บไซตมีหลากหลายระดับ
ตั้งแตสรางเว็บไซตสวนตัว จนถึงระดับเว็บไซตสำหรับธุรกิจหรือองคกรตาง ๆ
การเรียกดเู วบ็ ไซตโดยทว่ั ไปนยิ มเรยี กดูผา นซอฟตแ วรใ นลักษณะของเวบ็ เบราวเ ซอร
1.6.2 สาขาวิชา หมายถึง สาขาความรูหรือการวิจัยที่เปดสอนในวิทยาลัย หรือมหาวิทยาลัย
คำวา สาขาวิชา ไดรับการนิยามและยอมรับโดย วารสารวิชาการที่ตีพิมพผลงานวิจัย

3

และโดยภาควิชาหรือคณะวิชาที่บุคคลผูอยูในสาขาวิชานั้น ๆ สังกัด โดยปกติสาขา
การศึกษาตา ง ๆ มักมสี าขายอยหรอื แขนงวิชาแตกออกไป
1.6.3 การพัฒนา หมายถึง ความเจริญกาวหนาโดยทั่ว ๆ ไป เชน การพัฒนาชุมชน
พัฒนาประเทศ คือ การทำสิ่งเหลานั้นใหดีขึ้น เจริญขึ้น สนองความตองการ
ของประชาชนสวนใหญใหไดดียิ่งขึ้น หรืออาจกลาวไดวา การพัฒนา เปนกระบวนการ
ของการเคลื่อนไหวจากสภาพที่ไมนาพอใจ ไปสูสภาพที่นาพอใจ การพัฒนา
เปนกระบวนการที่เปลี่ยนแปลงอยูเสมอ ไมหยุดนิ่ง การพัฒนามีความสัมพันธโดยตรง
กับความเปล่ียนแปลง กลาวคือ การพฒั นา หมายถึง กระบวนการของการเปล่ียนแปลง
ที่มีการวางแผนไวแลว คือการทำใหลักษณะเดิมเปลีย่ นไป โดยมุงหมายวาลกั ษณะใหม
ทเี่ ขา มาแทนทน่ี ั้นจะดีกวา ลกั ษณะเกา
1.6.4 ธุรกิจดิจิทัล หมายถึง เหมือนการทำธุรกิจผานสื่อออนไลนการรูจักกลไกทางการตลาด
การวิเคราะหระบบสารสนเทศตาง ๆ ใหมคี วามพรอมใชงานธุรกิจดิจทิ ัลนั้นจะโยงไปถึง
การออกแบบเว็บไซตใหมีคุณภาพทำใหธุรกิจของเรามีคนติดตาม รูจักมากขึ้นกวา
ปจจุบัน การเรียนรูเกี่ยวกับ Facebook การเก็บสถิติผูเขาชมเว็บไซต ธุรกิจดิจิทัล
ยังชวยใหธ ุรกจิ ของเรา เจริญไปในทศิ ทางทด่ี ี กวา ปจจบุ นั อกี ดวย
1.6.5 เทคโนโลยี หมายถึง การนำความรูทางวิทยาศาสตร และระเบียบวิธีทางวิทยาศาสตร
มาใชใหเปนประโยชนในการพัฒนาและปฏิบัติงาน อยางเปนระบบ โดยสามารถ
นำไปใชในสาขาตางกัน และเรียกชื่อไปตามสาขาที่ใช เชน เทคโนโลยีการสื่อสาร
เทคโนโลยีการศึกษา เทคโนโลยกี ารแพทย เทคโนโลยกี ารสงคราม เปน ตน
1.6.6 เทคโนโลยีธุรกิจดิจิทัล หมายถึง การศึกษาเกี่ยวกับเทคโนโลยีสารสนเทศ
เพื่อประยุกตใชกับงานในภาคธุรกิจและภาคอุตสาหกรรม เรียนรูตั้งแตพื้นฐาน
ของระบบคอมพิวเตอร หลักการทำงาน ระบบเครือขายคอมพิวเตอร
การดูแลบำรุงรักษาและซอมประกอบคอมพิวเตอร ตลอดจนการใชโปรแกรมสำนักงาน
การออกแบบซอฟตแวรที่ใชควบคุมการทำงานฮารดแวร ระบบฐานขอมูล
การออกแบบสื่อสิ่งพิมพตาง ๆ รวมทั้งการสรางเว็บไซต ที่สามารถทำงานบนอุปกรณ
สมารทโฟน การพัฒนาโมบายแอปพลิเคชัน ตลอดจนการประยุกตความรูพื้นฐาน
เกี่ยวกับเทคโนโลยีขั้นสูง มีการจัดกิจกรรมการเรียนโดยเนนการฝกทักษะ
เพื่อใหเกิดความชำนาญสามารถสรางสื่อนวัตกรรมและเทคโนโลยีที่ทันสมัย
สกู ารเปน นกั คอมพวิ เตอรมอื อาชีพทีท่ นั ตอโลกปจ จบุ ัน

4

1.7 ประโยชนทค่ี าดวา จะไดรับ
1.7.1 ไดศกึ ษาการใชโ ปรแกรม Visual Studio Code ในการสรางเว็บไซต
1.7.2 พฒั นาการใชโปรแกรม Visual Studio Code ไดด ขี น้ึ
1.7.3 เพอ่ื ใหขอมลู สำหรับนักเรยี นท่สี นใจอยากจะเรยี นตอ ในแผนกเทคโนโลยีธุรกิจดิจทิ ลั

บทที่ 2

แนวคดิ ทฤษฎี เอกสารและงานวจิ ัยทเ่ี ก่ยี วขอ ง

ในการดำเนินงานเพื่อคนควาและสราง “การพัฒนาเว็บไซตแผนกเทคโนโลยีธุรกิจดิจิทัล
วทิ ยาลัยเทคนคิ ระยอง” คณะผูจัดทำไดร วบรวมแนวคิด ทฤษฎีและหลักการตา ง ๆ จากเอกสารตา ง ๆ
ท่เี ก่ียวขอ ง เพอ่ื ใชเปน ขอ มูลพน้ื ฐาน ดงั นี้

2.1 ความหมายและความสำคัญของเวบ็ ไซต
2.2 ความหมายและความสำคญั ของเทคโนโลยีธรุกิจดิจทิ ลั
2.3 ความหมายและความสำคัญของสาขาวิชา
2.4 ลกั ษณะการทำงานของเว็บไซต
2.5 ประโยชนของการทำเวบ็ ไซต
2.6 ความหมายของการพัฒนา
2.7 ความหมายของธุรกิจดจิ ิทลั
2.8 งานวจิ ัยทเ่ี ก่ยี วของ
2.9 กรอบแนวความคดิ
2.1 ความหมายและความสำคญั ของเว็บไซต
เว็บไซต หมายถึง หนาเว็บเพจหลายหนา ซึ่งเชื่อมโยงกันผานทางไฮเปอรลิงกสวนใหญ
จัดทำขึ้นเพื่อนำเสนอขอมูลผานคอมพิวเตอร โดยถูกจัดเก็บไวในเวิลดไวดเว็บ หนาแรกของเว็บไซต
ที่เก็บไวที่ชื่อหลักจะเรียกวา โฮมเพจ เว็บไซตโดยทั่วไป จะใหบริการตอผูใชฟรีแตในขณะเดียวกัน
บางเว็บไซตจำเปนตองมีการสมัครสมาชิกและเสียคาบริการเพื่อที่จะดูขอมูล ในเว็บไซตนั้น ซึ่งไดแก
ขอมูลทางวิชาการ ขอมูลตลาดหลักทรัพย หรือขอมูลสื่อตาง ๆ ผูทำเว็บไซตมีหลากหลายระดับ
ตั้งแตสรางเว็บไซตสวนตัว จนถึงระดับเว็บไซตสำหรับธุรกิจหรือองคกรตาง ๆ การเรียกดูเว็บไซต
โดยทั่วไปนิยมเรียกดูผา นซอฟตแวรใ นลักษณะของเว็บเบราวเซอร
2.2 ความหมายและความสำคัญของเทคโนโลยีธุรกจิ ดิจิทลั
เทคโนโลยีธุรกิจดิจิทัล หมายถึง การศึกษาเกี่ยวกับเทคโนโลยีสารสนเทศ เพื่อประยุกต
ใชกับงานในภาคธุรกิจและภาคอุตสาหกรรม เรียนรูตั้งแตพื้นฐาน ของระบบคอมพิวเตอร
หลักการทำงาน ระบบเครือขายคอมพิวเตอร การดูแลบำรุงรักษาและซอมประกอบคอมพิวเตอร
ตลอดจนการใชโปรแกรมสำนักงาน การออกแบบซอฟตแวรที่ใชควบคุมการทำงานฮารดแวร
ระบบฐานขอมลู การออกแบบสอื่ ส่งิ พมิ พต าง ๆ รวมทั้งการสรา งเวบ็ ไซต ที่สามารถทำงานบนอุปกรณ
สมารทโฟน การพัฒนาโมบายแอปพลิเคชัน ตลอดจนการประยุกตความรูพื้นฐานเกี่ยวกับ
เทคโนโลยีขั้นสูง มีการจัดกิจกรรมการเรียนโดยเนนการฝกทักษะ เพื่อใหเกิดความชำนาญสามารถ
สรางสอ่ื นวัตกรรมและเทคโนโลยีทท่ี นั สมยั สูการเปนนกั คอมพวิ เตอรมอื อาชีพท่ีทนั ตอโลกปจ จบุ ัน

6

2.3 ความหมายและความสำคัญของสาขาวชิ า
สาขาวิชา หมายถึง สาขาความรูหรือการวิจัยที่เปดสอนในวิทยาลัย หรือมหาวิทยาลัย

คำวา สาขาวิชา ไดร ับการนยิ ามและยอมรบั โดย วารสารวชิ าการทต่ี พี ิมพผ ลงานวจิ ยั และโดยภาควชิ า
หรือคณะวิชาที่บุคคลผูอยูในสาขาวิชานั้น ๆ สังกัด โดยปกติสาขาการศึกษาตาง ๆ มักมีสาขายอย
หรอื แขนงวิชาแตกออกไป
2.4 ลักษณะการทำงานของเว็บไซต

ลักษณะการทำงานของเว็บไซต โดยโปรแกรมที่จะเขียนเว็บไซตนั้นคือ Visual Studio Code
และภาษาทจ่ี ะใชเขียนโปรแกรมประกอบดวย HTML และ CSS พอเสรจ็ สมบูรณเรากจ็ ะเอาลง Host
เพอ่ื ใหผูคนไดมาลองใชง านจริง
2.5 ประโยชนของการทำเว็บไซต

2.5.1 ใชเวบ็ ไซตเ ปน เคร่ืองมือประชาสมั พันธใหก บั นักเรียนไดร จู กั มากข้ึน
2.5.2 เขา ถงึ ไดท ุกท่ี ทกุ เวลา ทั่วทุกมมุ โลก
2.5.3 ทำเวบ็ ไซตมีราคาประหยัด ชว ยลดคาใชจายในการประชาสัมพันธ
2.5.4 สามารถทำลิงกส ำหรับโหลดเอกสารตา ง ๆ ไดจากตวั เว็บไซต
2.6 ความหมายของการพัฒนา
การพัฒนา หมายถึง ความเจริญกาวหนาโดยทั่ว ๆ ไป เชน การพัฒนาชุมชน พัฒนาประเทศ
คือการทำสิ่งเหลานั้นใหดีขึ้น เจริญขึ้น สนองความตองการ ของประชาชนสวนใหญใหไดดียิ่งข้ึน
หรืออาจกลาวไดวา การพัฒนา เปนกระบวนการของการเคลื่อนไหวจากสภาพที่ไมนาพอใจ
ไปสูสภาพที่นาพอใจ การพัฒนาเปนกระบวนการที่เปลี่ยนแปลงอยูเสมอ ไมหยุดนิ่ง การพัฒนามี
ความสัมพันธโดยตรงกับความเปลี่ยนแปลง กลาวคือ การพัฒนา หมายถึง กระบวนการของการ
เปลี่ยนแปลง ท่ีมีการวางแผนไวแลว คือการทำใหลักษณะเดิมเปลี่ยนไป โดยมุงหมายวาลักษณะใหม
ที่เขามาแทนท่ีน้ันจะดกี วาลักษณะเกา
2.7 ความหมายของธุรกิจดจิ ทิ ัล
ธุรกิจดิจิทัล หมายถึง เหมือนการทำธุรกิจผานสื่อออนไลนการรูจักกลไกทางการตลาด
การวิเคราะหร ะบบสารสนเทศตาง ๆ ใหม ีความพรอมใชงานธรุ กจิ ดิจิทัล นั้นจะโยงไปถึงการออกแบบ
เว็บไซตใหมีคุณภาพทำใหธุรกิจของเรามีคนติดตาม รูจักมากขึ้นกวาปจจุบัน การเรียนรูเกี่ยวกับ
Facebook การเก็บสถิติผูเขาชมเว็บไซต ธุรกิจดิจิทัล ยังชวยใหธุรกิจของเรา เจริญไปในทิศทางที่ดี
กวาปจ จุบนั อีกดวย

7

2.8 งานวจิ ยั ท่ีเก่ียวขอ ง
( นายจิราศักดิ์ ดวงมณี 2555 ) บทคัดยอ โครงงานคอมพิวเตอร การพัฒนาเว็บไซต

เพื่อการศึกษา เรื่อง อุปกรณคอมพิวเตอร (Hardware) จัดทำข้ึนโดยมีวัตถุประสงค เพื่อพัฒนา
เว็บไซตเพื่อการศึกษา เรื่อง อุปกรณคอมพิวเตอร เพื่อใชเปนสื่อในการศึกษาใหกับผูที่สนใจเรื่อง
อุปกรณคอมพิวเตอรการพัฒนา เวบ็ ไซตในครัง้ นีใ้ ชโปรแกรมในการดำเนินงาน คือ โปรแกรม Adobe
Dreamweaver, AdobeFlash, AdobePhotoshop, Sothink Glanda, Microsoft Word,
Captivate ผลการพัฒนาเว็บไซตเพือ่ การศึกษา เรื่อง อุปกรณคอมพิวเตอร ในเว็บไซต ประกอบดวย
แบบทดสอบกอนเรยี น เนื้อหาบทเรียน แบบทดสอบหลังเรียน ใบความรู ใบงาน และผลการประเมนิ
ของการพัฒนาเว็บไซตเ พ่อื การศึกษา เร่อื ง อุปกรณค อมพิวเตอร มคี า เฉล่ยี รวมอยใู นระดบั ดี

( พงษอมร ลือสกุล 2558 ) บทคัดยอ โครงงานเรื่องการพัฒนาเว็บไซตเพื่อการศึกษา
และพัฒนาการเรียนรู โรงเรียนเซนตฟรังซีสเซเวียร จัดทำข้ึนเพื่อศึกษาการสรางผลงานดาน
คอมพิวเตอร โดยมีเน้ือหาเกี่ยวกับ การพัฒนาเว็บไซต กลุมขาพเจาสนใจและศึกษา เรื่องการพัฒนา
เว็บไซตเพื่อการศึกษา และพัฒนาการเรียนรู โรงเรียนเซนตฟรังซีสเซเวียร ซึ่งเปนหัวขอในการสราง
ผลงานดานคอมพิวเตอร เนื่องจากกลุมขาพเจาตองการศึกษาการพัฒนาเว็บไซตเพื่อการศึกษา
โดยไดจัดทำเปนโครงงานเพื่อศึกษา และเพื่อรุนตอไปรวมถึงบุคคลท่ัวไปที่ตองการศึกษาเรื่อง
การพฒั นาเวบ็ ไซตและนอกจากนี้ยังมเี นือ้ หาอนื่ ที่นา สนใจศึกษาและพฒั นาตอไปไดอกี

( ฐะปะนีย ตรีรัตนภรณ 2553 ) ศึกษาเกี่ยวกับองคประกอบในการออกแบบเว็บไซตที่มีผลตอ
การใชงานของผใู ช โดยมีวัตถปุ ระสงคเ พ่ือศึกษาวาองคประกอบหลาย ๆ องคป ระกอบท่ี ประกอบกัน
เปนเวบ็ ไซตห นึง่ ๆ น้นั มอี งคประกอบใดบางทเี่ ปน องคประกอบทีส่ ำคญั และมีผลกระทบถึงการใชงาน
อยา งไรไดทำการทดลอง 2 ครัง้ เพ่อื นำผลทไ่ี ดมาประมวลวา วธิ กี ารทดลองท่ีใชม ีความเหมาะสมหรือไม
วิธีการทดลองประกอบดวย ขั้นแรกตั้งองคประกอบของเว็บไซตที่สนใจจะศึกษาขึ้นมาเปนภาพรวม
หลาย ๆ องคป ระกอบกอน จากนน้ั เลอื กเว็บไซตท่ีมีอยูจรงิ มาทำการทดลอง โดยใหค นที่มีความรูดาน
การออกแบบเว็บไซตเปนผูประเมินเบื้องตนวาเว็บไซตที่เลือกมานั้นมีองคประกอบใดบางที่ควร
จะเลือกเขาสูการทดลอง และเลือกครั้งสุดทายวาเว็บไซตไหนบางที่เหมาะจะนำไปทดลองตอไป
จากนั้นมีการทดลองโดยใหผูทดลองคนหาคำตอบในเว็บไซตจากโจทยที่ตั้งไวและทดสอบ
ความพึงพอใจจากการสำรวจ จากการทดลองท้ังสองครั้งถึงแมจ ะเปล่ียนทั้งเว็บไซตและกลุมผูทดลอง
ผลปรากฏวาผลลัพธที่ไดคลายคลึงกันมาก พบวาจำนวนลิงกบนหนาเว็บเพจมีผลอยางยิ่ง
ตอการใชงาน นอกจากนี้การออกแบบสถาปตยกรรมรวมถึงจำนวนกราฟกและขนาดตัวอักษรก็มีผล
เชนนั้นจากผลของแบบสำรวจความพึงพอใจพบวาจำนวนลิงกที่ผูใชชื่นชอบคือ 11-20 ลิงก
ในแตละหนา และขนาดของตัวอักษรควรมีขนาดตั้งแต 2 หรือ 3 ขนาดเปนส่ิงที่ผูทดลอง
ชืน่ ชอบมากทีส่ ดุ

8

( ชาญณรงค แกวกระจาง 2555 ) ศึกษาเกี่ยวกับการพัฒนาเว็บไซตประชาสัมพันธ
การทองเที่ยวจังหวดั กระบี่ โดยมีวัตถุประสงคเพื่อพัฒนาเว็บไซตประชาสัมพันธการทองเที่ยวจังหวดั
กระบใ่ี หม คี ุณภาพอยูในเกณฑด ีขึ้นไป และเพื่อศึกษาความพึงพอใจของผูเขาชมเวบ็ ไซตป ระชาสัมพันธ
การทองเท่ยี วจงั หวดั กระบี่ กลุม ตวั อยา งที่ใชใ นการวจิ ยั คร้งั นี้ประกอบดว ย ผูเช่ียวชาญจำนวน 6 ทาน
และผูเขาชมเว็บไซตที่ทำแบบสอบถามความพึงพอใจออนไลนจนเสร็จสมบูรณจำนวน 35 คน
โดยสถิติที่ใชในการวิเคราะหขอมูล คือ คารอยละ คาเฉลี่ยเลขคณิต และคาเบี่ยงเบนมาตรฐาน
ผลการวิเคราะหขอมูลพบวา เว็บไซตประชาสัมพันธการทองเที่ยวจังหวัดกระบี่มีคุณภาพจากการ
ประเมินของผูเชี่ยวชาญ ดานเนื้อหาโดยรวมอยูใน ระดับดีมาก และดานสื่อโดยรวมอยูในระดับดี
สำหรบั การประเมนิ ความพึงพอใจอยใู นระดับดี
2.9 กรอบแนวความคิด

รูปที่ 2.1 แสดงกรอบแนวคดิ การวจิ ยั

บทท่ี 3

วิธดี ำเนินการวจิ ยั

การวิจัยครั้งน้ีมีวัตถุประสงคเพื่อ พัฒนาเว็บไซตแผนกเทคโนโลยีธุรกิจดิจิทัล เพื่อใหผูใชงาน
ไดติดตามขาวสารเกี่ยวกับกำหนดการตาง ๆ การรับสมัครนักศึกษา หลักสูตร คาเลาเรียน

ทุนการศึกษา บุคลากร เสนทางมาวิทยาลัย เพื่อศึกษาความพึงพอใจของนักเรียน

ระดับประกาศนียบัตรวิชาชีพ ชั้นปที่ 3 หอง 1 สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล
วิทยาลัยเทคนิคระยอง ที่มีตอเว็บไซตแผนกเทคโนโลยีธุรกิจดิจิทัล เผยแพรผานโครงการประกวด

โครงงานวิชาชีพ ชมรมวิชาเทคโนโลยีธุรกิจดิจิทัล วิทยาลัยเทคนิคระยอง ซึ่งคณะผูวิจัย

ไดด ำเนินการศกึ ษา ตามขนั้ ตอนน้ี
3.1 ประชากรและกลมุ ตัวอยาง

นักเรียนระดับประกาศนียบัตรวิชาชีพ ชั้นปที่ 3 หอง 1 สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล

วิทยาลัยเทคนิคระยอง เพื่อศึกษาความพึงพอใจของนักเรียนระดับประกาศนียบัตรวิชาชีพ
ชน้ั ปที่ 3 หอง 1 สาขาวชิ าเทคโนโลยธี ุรกิจดจิ ิทัล วทิ ยาลัยเทคนคิ ระยอง
3.2 การสรางเคร่ืองมือในการวิจยั

3.2.1 เครื่องมือที่ใชในการพัฒนาเว็บไซตแผนกเทคโนโลยีธุรกิจดิจิทัล ไดแก Computer
ที่เชือ่ มตอ อนิ เทอรเนต็ , โปรแกรม Visual Studio Code

3.2.2 เครื่องมือที่ใชในการประเมิน นักเรียนระดับประกาศนียบัตรวิชาชีพ ชั้นปท่ี 3 หอง 1

สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล วิทยาลัยเทคนิคระยอง เพื่อศึกษาความ
พึงพอใจของนักเรียนระดับประกาศนียบัตรวิชาชีพ ชั้นปที่ 3 หอง 1 สาขาวิชา

เทคโนโลยีธรุ กจิ ดจิ ิทัล วทิ ยาลัยเทคนิคระยอง
3.3 การดำเนินงานการวจิ ัย

การดำเนนิ งานการวจิ ยั มีข้ันตอนดงั น้ี

3.3.1 ขัน้ เตรยี ม

3.3.1.1 สืบคนขอมูลที่เกี่ยวของกับการพัฒนาเว็บไซตแผนกเทคโนโลยีธุรกิจดิจิทัล
โปรแกรมทใ่ี ชใ นการทำงานการวิจัย

3.3.1.2 เตรียมอุปกรณและโปรแกรมที่ใชในการสรางชิ้นงาน Computer ที่เชื่อมตอ

อินเทอรเนต็ , โปรแกรม Visual Studio Code
3.3.2 ขั้นดำเนนิ การ

10

3.3.2.1 เตรยี มอปุ กรณและโปรแกรมที่ใชการทำงาน

รปู ท่ี 3.1 แสดง Computer
รูปที่ 3.2 แสดงโลโก Visual Studio Code

11
3.3.2.2 เปดเครื่องคอมพิวเตอรที่เชื่อมตออินเทอรเน็ตพรอม เขาโปรแกรม

Visual Studio Code

รูปท่ี 3.3 แสดงหนา Visual Studio Code
3.3.2.3 ติดต้งั Extensions ที่ชว ยในการทำงาน

รูปที่ 3.4 แสดงหนา Extensions ท่ีตดิ ตั้งแลว

12

3.3.2.4 เร่ิมทำการเขียนโคด ในแตล ะหนา

รูปที่ 3.5 แสดงหนา โคดของหนา index

รูปที่ 3.6 แสดงหนาโคดของหนา about

13
รูปที่ 3.7 แสดงหนาโคดของหนา course
รูปท่ี 3.8 แสดงหนา โคดของหนา news

14
รปู ที่ 3.9 แสดงหนาโคดของหนา activity
รปู ที่ 3.10 แสดงหนาโคดของหนา contact

15

รปู ท่ี 3.11 แสดงหนาโคดทต่ี กแตง ในแตล ะหนา
3.3.3 ขัน้ ทดลองและนำไปใช

3.3.3.1 เขา เวบ็ ไซตแ ผนกเทคโนโลยธี รุ กจิ ดจิ ทิ ัล

รปู ท่ี 3.12 แสดงหนาแรกของเว็บไซตแผนกเทคโนโลยธี รุ กิจดิจทิ ัล

16
รูปที่ 3.13 แสดงหนาเก่ยี วกับของเว็บไซตแ ผนกเทคโนโลยีธุรกิจดิจิทัล
รูปที่ 3.14 แสดงหนาหลักสตู รของเวบ็ ไซตแผนกเทคโนโลยีธรุ กจิ ดจิ ิทัล

17
รปู ท่ี 3.15 แสดงหนาขา วสารของเว็บไซตแผนกเทคโนโลยธี ุรกจิ ดิจิทัล
รปู ที่ 3.16 แสดงหนากิจกรรมของเว็บไซตแผนกเทคโนโลยีธรุ กจิ ดิจิทัล

18

รูปที่ 3.17 แสดงหนาตดิ ตอของเวบ็ ไซตแผนกเทคโนโลยธี ุรกจิ ดจิ ิทลั
3.3.3.2 ใชฟงกช ันการสง อีเมลเพอ่ื ตดิ ตอสอบถามขอมูลเพิ่มเตมิ

รูปที่ 3.18 แสดงสวนของการสง อเี มลเพ่ือตดิ ตอ
3.3.3.3 สามารถทำงานและใชงานไดจรงิ

19

3.4 แผนผังงาน

3.4.1 แผนผงั ดำเนินงานวจิ ยั

20

3.4.2 แผนผงั ช้ินงาน

21

3.5 การเก็บรวบรวมขอมูล

3.5.1กกจัดทำแบบประเมินความพึงพอใจของนักเรียนระดับประกาศนียบัตรวิชาชีพ

ชั้นปที่ 3 หอง 1 สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล วิทยาลัยเทคนิคระยอง ที่มีตอ

เวบ็ ไซตแ ผนกเทคโนโลยีธุรกิจดิจทิ ัล

3.5.2กกอธิบายขั้นตอนการทำงานของเว็บไซตแผนกเทคโนโลยีธุรกิจดิจิทัลและการทำ

แบบประเมนิ ความพึงพอใจ

3.5.3กกนำเว็บไซตแผนกเทคโนโลยีธุรกิจดิจิทัลไปใชกับกลุมตัวอยางและทำการทดสอบ

การใชง านของเว็บไซต

3.5.4กกแจกแบบประเมินความพึงพอใจของนักเรียนระดับประกาศนียบัตรวิชาชีพ

ชั้นปที่ 3 หอง 1 สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล วิทยาลัยเทคนิคระยอง ที่มีตอ

เว็บไซตแผนกเทคโนโลยีธุรกิจดิจิทัลและทำการประเมินหลังการใชเว็บไซต

แผนกเทคโนโลยีธรุ กจิ ดิจิทัล

3.5.5กกนำขอมูลมาวเิ คราะหส รปุ อภิปรายผล

3.6 สถติ ทิ ีใ่ ชและวธิ วี ิเคราะหขอมลู

3.6.1กกสถิติที่ใชในการวิเคราะหขอมูล ไดแก คารอยละ (%) คาเฉลี่ย (Mean) คาสวน

เบ่ยี งเบนมาตรฐาน (S.D.) ดงั นี้

3.6.1.1 คา รอยละ (%) โดยใชส ตู ร

รอ ยละ = ×100

โดยท่ี

แทน จำนวนท่ีตองการหารอยละ

แทน จำนวนขอมลู ทง้ั หมด

3.6.1.2 คา เฉล่ยี (Mean) โดยใชส ูตร

̅ = ∑

โดยท่ี

̅ แทน คา เฉลีย่

∑ แทน ผลรวมของคะแนนทง้ั หมด

แทน จำนวนทง้ั หมด

22

3.6.1.3 คา เบ่ียงเบนมาตรฐาน (Standard Deviation) โดยใชส ูตร

. . = � ∑ 2−( )2
n(n−1)

โดยท่ี

. แทน คา เบี่ยงเบนมาตรฐาน

∑ แทน ผลรวมท้ังหมดของคะแนน
∑ 2 แทน ผลรวมของคะแนนยกกำลังสองทง้ั หมด

แทน จำนวนท้งั หมด

3.6.2กกวิธีการวิเคราะหข อมูล

ขอ มูลที่ไดจ ากการรวบรวมจะดำเนนิ การแปลความหมายของคา เฉล่ียในแตล ะดานโดย

ใชเกณฑก ารประเมิน แบงออกเปน 5 ระดบั ดงั นี้

คาเฉล่ีย 4.50 – 5.00 หมายถงึ มากที่สดุ

คา เฉลยี่ 3.50 – 4.49 หมายถึง มาก

คาเฉลี่ย 2.50 – 3.49 หมายถงึ ปานกลาง

คาเฉลย่ี 1.50 – 2.49 หมายถงึ นอย

คาเฉลีย่ 1.00 – 1.49 หมายถงึ นอยท่ีสดุ

บทที่ 4

ผลการวจิ ยั

การดำเนินโครงการครั้งนี้ไดมีการติดตามประเมินผล ผูประเมินผลดำเนินการวิเคราะหขอมูล

และแปรความตามลำดับ ดังนี้

4.1กกผลการดำเนินการ

ผลดำเนินงานโครงการการพัฒนาเว็บไซตแผนกเทคโนโลยีธุรกิจดิจิทัล วิทยาลัยเทคนิคระยอง

จากการวเิ คราะหขอมลู ทว่ั ไปของผตู อบแบบสอบถามทั้งหมดจำนวน 16 คน

ตารางที่ 4.1 แสดงจำนวนของผตู อบแบบสอบถามจำแนกตามเพศ

กลุมท่ี เพศ จำนวน รอ ยละ
1 ชาย 4 25
2 หญงิ 12 75
รวม 16 100

จากตารางที่ 4.1 พบวาจำนวนของผูตอบแบบสอบถามจำแนกตามเพศ ไดแก เพศชาย
จำนวน 4 คน คิดเปนจำนวนรอ ยละ 25 และเพศหญิง จำนวน 12 คน คิดเปน จำนวนรอ ยละ 75

แผนภูมจิ ำแนกตามเพศ

25%

75%

ชาย หญิง

ภาพท่ี 4.1 แผนภูมิจำแนกตามเพศ

24

จากตารางที่ 4.2 แสดงจำนวนของผูตอบแบบสอบถามจำแนกตามอายุ

กลมุ ที่ อายุ จำนวน รอ ยละ
1 15-16 0 0
2 17-18 12 75
3 19-20 4 25
รวม 16 100

จากตารางที่ 4.2 พบวาจำนวนของผูทำแบบทดสอบจำแนกตามอายุ ไดแก 17-18 ป
จำนวน 12 คน คดิ เปน จำนวนรอ ยละ 75 และ 19-20 ป จำนวน 4 คน คดิ เปน จำนวนรอ ยละ 25

แผนภูมจิ ำแนกตามอายุ

19 - 20
25%

17 - 18
75%

17 - 18 19 - 20

ภาพที่ 4.2 แผนภูมิจำแนกตามอายุ

25

ตารางที่ 4.3 แสดงความพงึ พอใจดา นโครงสรา ง

เรอ่ื งการประเมนิ คา เฉลยี่ คาเบี่ยงเบน ระดับความพึง
( � ) มาตรฐาน พอใจ
( S.D )

1.การจัดหนาและการเช่อื มโยงเว็บไซตมีความ 4.69 0.60 มากทส่ี ุด

เหมาะสม

2.หนาเว็บไซตมีความสวยงาม เหมาะสมและ 4.81 0.40 มากท่สี ดุ

นา สนใจ

3.สสี ันในการออกแบบเว็บไซตมคี วามเหมาะสม 4.69 0.70 มากท่สี ุด

รวมทั้งส้นิ 4.73 0.57 มากทส่ี ดุ

จากตารางที่ 4.3 พบวาความพึงพอใจดานโครงสรางอยูในระดับมากที่สุด ( ̅= 4.73,

S.D. = 0.57) เมื่อพิจารณาแลวพบวาการจัดหนาและการเชื่อมโยงเว็บไซตมีความเหมาะสม

( ̅= 4.69, S.D. = 0.60) หนาเว็บไซตมีความสวยงาม เหมาะสมและ นาสนใจ ( ̅= 4.81,

S.D. = 0.40) สสี นั ในการออกแบบเว็บไซตม ีความเหมาะสม ( ̅= 4.69, S.D. = 0.70) ตามลำดบั

แผนภูมแิ สดงความพึงพอใจดา นโครงสราง

6
5 4.69 4.81 4.69

4

3

2

1 0.6 0.7
0.4
0
1 2 3
ค่าเฉลย่ี สว่ นเบย่ี งเบนมาตรฐาน

ภาพท่ี 4.3 แผนภูมิแสดงความพึงพอใจดา นโครงสราง

26

ตารางที่ 4.4 แสดงความพงึ พอใจดานการใชงาน

เร่ืองการประเมิน คาเฉลีย่ คาเบยี่ งเบน ระดบั
( � ) มาตรฐาน ความพงึ
4.การทำงานของเว็บไซต สะดวก ใชง านงาย ( S.D ) พอใจ
5.เว็บไซตท ่สี รางมีความครอบคลมุ การใชงานไดจ ริง 4.81
6.มคี วามเร็วในการแสดงภาพ ตัวอักษรและ ขอมูลตาง ๆ 4.81 0.40 มากทีส่ ดุ
4.75
รวมท้ังสน้ิ 4.79 0.40 มากท่ีสุด

0.58 มากที่สดุ

0.46 มากทส่ี ดุ

จากตารางที่ 4.4 พบวาความพึงพอใจดานการใชงานอยูในระดับมากที่สุด ( ̅= 4.79,
S.D. = 0.46) เมื่อพิจารณาแลวพบวาการทำงานของเว็บไซต สะดวก ใชงานงาย ( ̅= 4.81,

S.D. = 0.40) เว็บไซตทีส่ รางมคี วามครอบคลุมการใชงานไดจริง ( ̅= 4.81, S.D. = 0.40) มีความเร็ว

ในการแสดงภาพ ตัวอกั ษรและ ขอ มลู ตา ง ๆ ( ̅= 4.75, S.D. = 0.58) ตามลำดบั

แผนภูมแิ สดงความพึงพอใจดานการใชง าน

6 4.81 4.75
5 4.81
0.4 0.58
4 3
2
3 ค่าเบ่ยี งเบนมาตรฐาน

2

1 0.4
0

1

คา่ เฉลย่ี

ภาพท่ี 4.4 แผนภูมแิ สดงความพึงพอใจดานการใชงาน

27

ตารางที่ 4.5 แสดงความพงึ พอใจดา นความคุมคา

เรอื่ งการประเมนิ คา เฉล่ีย คา เบ่ยี งเบน ความพึง
( � ) มาตรฐาน พอใจ
7.เว็บไซตเปนชองทางที่มีประโยชนและ 5.00 ( S.D )
สะดวกตอ การใชง าน มากทสี่ ุด
4.94 0.00
8.เวบ็ ไซตส ามารถใชง านไดจ ริง 4.81
9.ความพึงพอใจของผูใชง านท่ีมตี อ โครงงาน 4.92 0.25 มากท่สี ุด
0.40 มากทสี่ ุด
รวมทั้งสน้ิ
0.22 มากที่สุด

จากตารางที่ 4.5 พบวาความพึงพอใจดานความคุมคาอยูในระดับมากที่สุด ( ̅= 4.92,
S.D. = 0.22) เมื่อพิจารณาแลวพบวาเว็บไซตเปนชองทางที่มีประโยชนและสะดวกตอการใชงาน
( ̅= 5.00, S.D. = 0.00) เว็บไซตสามารถใชงานไดจริง ( ̅= 4.94, S.D. = 0.25) ความพึงพอใจของ
ผูใชง านท่ีมีตอ โครงงาน ( ̅= 4.81, S.D. = 0.40) ตามลำดบั

แผนภูมิแสดงความพึงพอใจดา นความคมุ คา

ช่อื แผนภูมิ

6 4.94 4.81
5

5

4

3

2

1 0.25 0.4
0 2 3

0
1

ค่าเฉล่ยี คา่ เบ่ยี งเบนมาตรฐาน

ภาพท่ี 4.5 แผนภูมิแสดงความพงึ พอใจดานความคุมคา

28

ตารางที่ 4.6 แสดงสถิติความพึงพอใจของนักเรียนนักศึกษากับการพัฒนาเว็บไซตแผนก
เทคโนโลยีธรุ กิจดจิ ทิ ัล วิทยาลยั เทคนิคระยอง

เรอื่ งการประเมิน คาเฉลยี่ คา ความพงึ
( � ) เบ่ยี งเบน พอใจ
ดา นโครงสราง มาตรฐาน
1.การจดั หนาและการเชือ่ มโยงเวบ็ ไซตมีความเหมาะสม 4.69 ( S.D ) มากทสี่ ุด
2.หนา เวบ็ ไซตมคี วามสวยงาม เหมาะสมและ นา สนใจ 4.81 มากทสี่ ดุ
3.สสี นั ในการออกแบบเว็บไซตมีความเหมาะสม 4.69 0.60 มากทส่ี ดุ
4.73 0.40 มากที่สุด
รวม 0.70
ดานการใชง าน 4.81 0.57 มากท่สี ุด
4.การทำงานของเวบ็ ไซต สะดวก ใชง านงา ย 4.81 มากที่สดุ
5.เว็บไซตท ส่ี รา งมคี วามครอบคลมุ การใชงานไดจริง 4.75 0.40 มากทสี่ ดุ
6.มคี วามเรว็ ในการแสดงภาพ ตวั อกั ษรและ ขอมลู ตาง ๆ 4.79 0.40 มากที่สดุ
0.58
รวม 5.00 0.46 มากทส่ี ุด
ดานความคมุ คา 4.94 มากทส่ี ุด
7.เวบ็ ไซตเ ปนชองทางที่มปี ระโยชนและสะดวกตอ การใชงาน 4.81 0.00 มากที่สดุ
8.เวบ็ ไซตส ามารถใชงานไดจ ริง 4.92 0.25 มากที่สุด
9.ความพึงพอใจของผูใชงานที่มตี อ โครงงาน 4.81 0.40 มากทส่ี ดุ
0.22
รวม 0.42
รวมทั้งสน้ิ

จากตารางที่ 4.6 พบวาความพึงพอใจของโครงการการพัฒนาเวบ็ ไซตแผนกเทคโนโลยีธุรกจิ
ดิจิทัล วิทยาลัยเทคนิคระยอง อยูในระดับมากที่สุด ( ̅= 4.81, S.D. = 0.42) ซึ่งโดยรวมถือวาผาน
เกณฑตามวัตถุประสงค เมื่อพิจารณา จากแบบสอบถามทั้ง 3 ดานที่มีคาเฉลี่ยจากมากไปนอย ไดแก
ดา นความคุมคาภาพรวมอยใู นระดับมากทีส่ ดุ ( ̅= 4.92, S.D. = 0.22) ดา นการใชงานพบวา ภาพรวม
อยูในระดับมากที่สุด ( ̅= 4.79, S.D. = 0.46) ดานโครงสรางพบวาภาพรวมอยูในระดับมากที่สุด
( ̅= 4.73, S.D. = 0.57) ตามลำดบั

29

แผนภูมแิ สดงสถิติรวมผลความพึงพอใจ

6
5 4.69 4.81 4.69 4.81 4.81 4.75 5 4.94 4.81

4

3

2

1 0.6 0.4 0.7 0.4 0.4 0.58 0.25 0.4
0 8 9

0
1234567
คา่ เฉล่ยี คา่ เบ่ยี งเบนมาตรฐาน

ภาพที่ 4.6 แผนภูมิแสดงสถิติรวมผลความพึงพอใจ

บทท่ี 5

สรุปผลการวิจัยอภปิ รายผลและขอเสนอแนะ

การดำเนินโครงการครั้งนี้มีวัตถุประสงคเพื่อศึกษาความพึงพอใจของนักเรียนช้ัน
ประกาศนียบัตรวิชาชีพ ชั้นปที่ 3 หอง 1 สาขาเทคโนโลยีธุรกิจดิจิทัล วิทยาลัยเทคนิคระยอง ที่มีตอ

การพัฒนาเว็บไซตแ ผนกเทคโนโลยธี รุ กิจดจิ ิทัล วทิ ยาลยั เทคนคิ ระยอง

ในการประเมินผลคร้ังนี้ใหกลุมประเมินจากการใชงานแบบประเมนิ ความพึงพอใจเพ่ือใชงานใน
โครงการและใหกลุมประเมินทำแบบประเมินคุณภาพ การดำเนินโครงการสรางแบบประเมิน

ความพึงพอใจเพื่อใชงานเว็บไซตแผนกเทคโนโลยีธุรกิจดิจิทัล วิทยาลัยเทคนิคระยอง และนำแบบ

ประเมนิ ทไี่ ดไปหาประสิทธภิ าพโดยใชสูตรหาคาเฉลยี่ STDEV
5.1กกสรุป อภปิ รายผล

5.1.1กกขอ มูลทัว่ ไปของผตู อบแบบสอบถาม

จากการประเมินโครงการการพัฒนาเว็บไซตแผนกเทคโนโลยีธุรกิจดิจิทัล
วิทยาลัยเทคนิคระยอง เพื่อใชงานในโครงการแบบประเมินความพึงพอใจ ผลที่ไดคือ

จำนวนรอยละของผูตอบแบบประเมินความพึงพอใจจำแนกตามเพศ เพศชายคิดเปน

รอยละ 25 เพศหญงิ คดิ เปนรอ ยละ 75 ของประชากรทงั้ หมด
5.1.2กกความพงึ พอใจดานตา ง ๆ

ความพึงพอใจของโครงการการพัฒนาเว็บไซตแผนกเทคโนโลยีธุรกิจดิจิทัล
วิทยาลัยเทคนิคระยอง อยูในระดับมากที่สุด ( ̅= 4.81, S.D. = 0.42) ซึ่งโดยรวมถือ

วาผานเกณฑตามวัตถุประสงค เมื่อพิจารณาจากแบบสอบถามทั้ง 3 ดานที่มีคาเฉล่ีย
จากมากไปนอย ไดแก ดานความคุม คาภาพรวมอยูในระดบั มากที่สุด ( ̅= 4.92, S.D.
= 0.22) ดานการใชงานพบวาภาพรวมอยูในระดับมากที่สุด ( ̅= 4.79, S.D. = 0.46)
ดานโครงสรางพบวา ภาพรวมอยใู นระดับมากทส่ี ุด ( ̅= 4.73, S.D. = 0.57) ตามลำดับ
5.2กกขอ เสนอแนะ
5.2.1กกขอเสนอแนะจากการทำโครงการ

1)กกควรปรบั ปรุงการทำงานของเว็บไซต
5.2.2 ขอเสนอแนะเพ่ือทำโครงการตอ ไป

1)กกควรศึกษาเกยี่ วกับโปรแกรม Visual Studio Code เพิ่มเติม

บรรณานุกรม

ณัฐพล แสนคำ วิธีการใชงาน Visual Studio Code แหลงขอมูล : http://cs.bru.ac.th/
สอนวิธีการใช-visual-studio-code-2/ สบื คนขอ มูลวนั ท่ี 10 พฤศจกิ ายน พ.ศ. 2564

5 วิธีใช Adobe Photoshop แหลงขอมูล : https://www.indigital.co.th/photoshop-
for-beginner/ สบื คนขอ มูลวนั ท่ี 10 พฤศจิกายน พ.ศ. 2564

ทฤษฎีสี แหลงขอมูล : https://homegame9.wordpress.com/ทฤษฎีสี/ สืบคนขอมูลวันที่
17พฤศจกิ ายน พ.ศ. 2564

ทำเว็บไซต เขียน HTML, CSS และ Javascript และทำความเขาใจ แหลงขอมูล :
https://www.codebee.co.th/labs/เริ่มเขียน-html-และ-css/ สืบคนขอมูลวันที่ 17 พฤศจิกายน
พ.ศ. 2564

ภาคผนวก

ภาคผนวก ก

แบบเสนอขออนุมัติโครงการ

แบบเสนอโครงการวิจัยสง่ิ ประดิษฐของคนรนุ ใหม
(ว-สอศ-2)

ประจำปการศกึ ษา 2564
ปพทุ ธศักราช 2563 - 2564

ผลงานส่ิงประดิษฐป ระเภทที่ 6
สิ่งประดิษฐด า นนวตั กรรมซอฟตแวรและระบบสมองกลฝง ตวั

การพฒั นาเวบ็ ไซตแผนกเทคโนโลยธี ุรกิจดิจิทลั วทิ ยาลัยเทคนคิ ระยอง

วิทยาลัยเทคนคิ ระยอง
อาชวี ศกึ ษาจงั หวดั ระยอง
สำนกั งานคณะกรรมการการอาชวี ศกึ ษา

กระทรวงศกึ ษาธกิ าร

35

สำนักงานคณะกรรมการการอาชีวศกึ ษา แบบ ว-สอศ-2

(สำหรบั นกั เรียน นกั ศกึ ษา)

แบบเสนอโครงการวิจยั สงิ่ ประดิษฐข องคนรุนใหม “สุดยอดนวัตกรรมอาชีวศึกษา”

การประกวดส่งิ ประดษิ ฐข องคนรนุ ใหม ประจำปการศึกษา 2564

ปพทุ ธศกั ราช 2563 - 2564

......................................................................

ชอ่ื ผลงานวจิ ยั (ภาษาไทย) การพัฒนาเวบ็ ไซตแ ผนกเทคโนโลยธี รุ กจิ ดจิ ิทัล

วิทยาลยั เทคนิคระยอง

(ภาษาองั กฤษ) Website Development Digital Business Technology

Department Rayong Technical College

ชื่อสถานศึกษา วทิ ยาลยั เทคนิคระยอง อาชีวศึกษา จงั หวัดระยอง

ท่ีอยู 086/13 ตำบล ทา ประดู อำเภอ เมือง จงั หวัด ระยอง

เบอรโทรศัพท 038-611192 E-mail [email protected]

สว น ก : ลักษณะงานวจิ ัย

 งานวิจัยใหม  งานวจิ ัยตอเนื่องระยะเวลา..........…..ป

ความสอดคลองระดับชาติ
1. แผนพฒั นาเศรษฐกจิ และสังคมแหงชาตฉิ บับท่ี 12
ยทุ ธศาสตร สรางความเขมแข็งทางเศรษฐกิจและแขงขันไดอยางย่ังยืน
2. นโยบายและยทุ ธศาสตรก ารวิจยั ของชาตฉิ บับท่ี 9
ยุทธศาสตร สงเสริมกลไกและกิจกรรมการนำกระบวนการวิจัยผลงานวิจัย

องคความรู นวัตกรรม และเทคโนโลยีจากงานวิจัยไปใชประโยชนไดจริง

โดยความรว มมอื ของภาคสวนตาง ๆ

3. ยุทธศาสตรก ารวิจัยของชาติรายประเด็น
ยุทธศาสตร การพัฒนาเทคโนโลยี

4. ยทุ ธศาสตรประเทศ
ยทุ ธศาสตร การพัฒนาวิทยาศาสตร เทคโนโลยี วิจยั และนวัตกรรม

5. นโยบายรัฐบาล/เปาหมายของรัฐบาล
นโยบาย/เปาหมาย การพัฒนาและสงเสริมการใชประโยชนจากวิทยาศาสตร

เทคโนโลยี การวิจัยและพัฒนานวัตกรรม

36

ความสอดคลองระดับกระทรวง
1. นโยบายของรัฐมนตรวี าการกระทรวงศกึ ษาธิการ
นโยบาย การศึกษาเพื่ออาชีพและสรางขีดความสามารถในการแขงขันของ
ประเทศ
2. ยุทธศาสตรกระทรวงศึกษาธกิ าร
ยุทธศาสตร ผลิตและพัฒนากำลังคน รวมทั้งงานวิจัยที่สอดคลองกับความ
ตอ งการของประเทศ
3. ยุทธศาสตรสำนกั งานคณะกรรมการการอาชีวศึกษา
ยุทธศาสตร ดานการสรางความสามารถในการแขงขัน

ความสอดคลอ งระดบั สวนภูมภิ าค
1. ยุทธศาสตรกลุมจังหวดั ภาคตะวันออก
ยทุ ธศาสตร สงเสรมิ และพัฒนาอตุ สาหกรรมใหเ ปน มิตรตอส่ิงแวดลอม
2. จังหวดั ระยอง
ยุทธศาสตร การพัฒนาความเปนเลิศดานการศึกษา ศาสนา ศิลปวัฒนธรรม
ภมู ปิ ญญาทองถนิ่ และการกฬี า
3. พันธกิจหรือนโยบายของสถานศกึ ษา/สถาบันการอาชีวศกึ ษา
พันธกิจหรือนโยบาย มีการวิจัยและพัฒนาเพื่อสงผลไปสูความเขมแข็งของ
สถาบนั และชุมชนใหสอดคลองกบั ภมู ิปญ ญาของทอ งถน่ิ

โครงการวจิ ัยนี้ สามารถนำไปเผยแพรและขยายผลไปสูการใชป ระโยชนได
 เชิงนโยบาย (ระบ)ุ .................................................................................
 เชิงพาณิชย (ระบุ) .................................................................................
 เชิงวิชาการ (ระบุ) .................................................................................
 เชงิ พน้ื ที่ (ระบ)ุ ......................................................................................
 เชิงสาธารณะ/สังคม (ระบุ) จะเปนประโยชนใ หแกน ักเรยี นท่ีจบใหม
และกำลงั จะศึกษาตอในแผนกเทคโนโลยธี รุ กจิ ดิจทิ ัล
 อน่ื ๆ (ระบ)ุ ...........................................................................................

37

ภาพแบบรา ง/หรอื ภาพผลงานสิ่งประดิษฐ

สว น ข : องคป ระกอบในการจัดทำโครงการวจิ ัย
1. ผรู ับผิดชอบประกอบดวย
1.1 หวั หนา ทีมโครงการวจิ ัย
ช่อื นายวุฒชิ ัย นามสกลุ เชษฐานนั ท
ตำแหนง นักศึกษา
ทีอ่ ยู 35 ถ.ตากวนหาดทรายทอง ต.มาบตาพุด อ.เมือง จ.ระยอง 21150
เบอรโ ทรศัพท 094-7811605
E-mail [email protected]
1.2 นักวจิ ัยรนุ ใหม/ คณะผรู ว มวจิ ยั
1.2.1 ช่อื นายเตชษิ ฏ นามสกุล จาดยางโทน
ตำแหนง นักศึกษา
ระดับชน้ั ปวช.3 สาขาวิชา เทคโนโลยีธรุ กจิ ดจิ ิทัล
1.2.2 ช่ือ นายเมธาสิทธิ์ นามสกุล นาสมใจ
ตำแหนง นกั ศึกษา
ระดับชัน้ ปวช.3 สาขาวชิ า เทคโนโลยธี รุ กิจดจิ ทิ ลั

38

1.3 คณะผรู ว มวิจัย/ทีป่ รกึ ษาโครงการวจิ ัย
1.3.1 ชอื่ นายมงคล นามสกุล พรมประเสรฐิ
ตำแหนง ครอู ัตราจา ง
แผนกวิชา เทคโนโลยีธรุ กจิ ดจิ ทิ ลั
สาขาวิชาท่ีเช่ียวชาญ นวัตกรรมซอฟตแวรและระบบสมองกลฝงตัว
1.3.2 ชือ่ นายวกิ ร นามสกุล รัตนาธนบดี
ตำแหนง ครอู ัตราจาง (ครูพิเศษสอน)
แผนกวชิ า เทคโนโลยธี ุรกิจดจิ ทิ ลั
สาขาวชิ าทีเ่ ช่ยี วชาญ นวัตกรรมซอฟตแวรและระบบสมองกลฝง ตวั

1.4 หนว ยงานหลกั วิทยาลัยเทคนคิ ระยอง แผนกวชิ า เทคโนโลยธี ุรกิจดิจทิ ัล
1.5 หนว ยงานสนับสนนุ (ถา ม)ี

1.5.1 หนวยงานภาครฐั ……………....……………………………………………………………
1.5.2 หนวยงานภาคเอกชน………….....………………………………………………….…...
1.6 อน่ื ๆ ………………………………………………………………………………………………….…
2. ประเภทการวิจัย
 การวจิ ยั และพัฒนา (research and development)
3. สาขาวชิ าการ/ประเภทสิง่ ประดิษฐของคนรนุ ใหม
 ส่งิ ประดิษฐแ ละนวัตกรรมที่ทำการวิจยั ประเภทที่ 1

สิง่ ประดษิ ฐดานพฒั นาคุณภาพชีวติ
 สง่ิ ประดิษฐและนวตั กรรมท่ีทำการวิจยั ประเภทท่ี 2

สิ่งประดิษฐด านการประกอบอาชพี
 สง่ิ ประดิษฐและนวตั กรรมที่ทำการวจิ ยั ประเภทท่ี 3

สง่ิ ประดษิ ฐดานเพ่อื การอนุรกั ษพลังงาน
 สิง่ ประดิษฐแ ละนวัตกรรมท่ีทำการวิจยั ประเภทท่ี 6

ส่งิ ประดษิ ฐด านนวตั กรรมซอฟตแ วรและระบบสมองกลฝงตัว
 สิง่ ประดิษฐแ ละนวัตกรรมท่ีทำการวจิ ยั ประเภทที่ 9

สิ่งประดิษฐประเภทกำหนดโจทย : Mini Smart Farms

39

4. คำสำคัญ (keywords) ของการวิจยั
4.1 เว็บไซต หมายถึง หนาเว็บเพจหลายหนา ซึ่งเชื่อมโยงกันผานทางไฮเปอรลิงก
สวนใหญจัดทำขึ้นเพื่อนำเสนอขอมูลผานคอมพิวเตอร โดยถูกจัดเก็บไวใน
เวิลดไวดเว็บ หนาแรกของเว็บไซตที่เก็บไวที่ชื่อหลักจะเรียกวา โฮมเพจ เว็บไซต
โดยทั่วไปจะใหบริการตอผูใชฟรี แตในขณะเดียวกันบางเว็บไซตจำเปนตองมีการ
สมัครสมาชิกและเสียคาบริการเพื่อที่จะดูขอมูล ในเว็บไซตนั้น ซึ่งไดแกขอมูลทาง
วิชาการ ขอมูลตลาดหลักทรัพย หรือขอมูลสื่อตาง ๆ ผูทำเว็บไซตมีหลากหลาย
ระดับ ตั้งแตสรางเว็บไซตส วนตัว จนถงึ ระดับเวบ็ ไซตส ำหรับธรุ กจิ หรือองคกรตาง ๆ
การเรยี กดูเว็บไซตโ ดยทัว่ ไปนิยมเรยี กดูผานซอฟตแวรใ นลกั ษณะของเว็บเบราวเซอร
4.2 สาขาวิชา หมายถึง สาขาความรูหรือการวิจัยที่เปดสอนในวิทยาลัย
หรือมหาวิทยาลยั คำวา สาขาวิชา ไดรับการนิยามและยอมรับโดย วารสารวิชาการ
ที่ตีพิมพผลงานวิจัย และโดยภาควิชาหรือคณะวิชาที่บุคคลผูอยูในสาขาวิชานั้น ๆ
สังกัด โดยปกตสิ าขาการศึกษาตาง ๆ มกั มสี าขายอยหรอื แขนงวชิ าแตกออกไป

5. ความสำคญั และทีม่ าของปญหาทที่ ำการวจิ ยั
ในปจจุบันเว็บไซตไดกลายเปนสื่อที่มีความสำคัญซึ่งมีความสำคัญ

และมีบทบาท อยางมาก ในเรื่องของการโฆษณาและประชาสัมพันธ ทั้งนี้เนื่องจาก
คุณสมบัติที่สามารถนำเสนอ เผยแพรขอมูลขาวสารไดอยางไรขีดจำกัด ทั้งในเรื่อง
เวลาและระยะทาง ใคร ๆ ก็สามารถคลิกเขามาเปดดูไดตลอดเวลา 24 ชั่วโมง
ไมวาจะนั่งอยูสวนใด ๆ ของโลกก็ตามดวยขอดีดังกลาว สถานประกอบการ
เกือบทุกแหงทั้งภาครัฐและเอกชน หรือแมแตบุคคลทั่วไป ตางก็มีความตองการ
จ ั ด ท ำ เ ว ็ บ ไ ซ ต  ข ึ ้ น เ พ ื ่ อ เ ป  น ช  อ ง ท า ง ก า ร ส ื ่ อ ส า ร ร ู ป แ บ บ ใ ห ม  เ พ ื ่ อ ป ร ะ โ ย ช น
ในการเผยแพรขอมูล ขาวสาร ไปสูกลุมเปาหมาย เชนการโฆษณาขายสินคา
และบริการในรูปแบบตาง ๆ ที่มีจุดมุงหมายในเชิงธุรกิจหรือการใชเว็บไซต
เปนชองทางการเผยแพรขอมูล ขาวสารขององคกร เพื่อประชาสัมพันธองคกร
เพื่อหวังใหเปนที่รูจักผลในการสรางภาพลักษณขององคกรใหเปนที่ยอมรับ
ซ่งึ เว็บไซตนัน้ เปนส่ือทีม่ ปี ระสทิ ธิภาพเปนอยา งมากในการสนองภารกิจดังกลา ว

นักเรียนที่สนใจที่อยากจะเรียนตอในสายอาชีพแตไมรูวาจะตอสาขาไหนดี
และเนื่องดวยสถานการณโควิดทำใหคณะครูและนักเรียนนักศึกษาที่เคยไปนิเทศ
ตามสถานศึกษาตาง ๆ ไมสามารถเดินทางไปใหความรูและคำแนะนำได ทำใหไมมี
ตัวชวยในการตดั สินใจในการเรียนตอของนักเรียนที่จบใหม ในปจจุบันนี้ผูคนเขาถึง
อินเทอรเน็ตคอนขางมาก พวกเราจึงตัดสินใจพัฒนาเว็บไซตแนะนำแผนก

40

เทคโนโลยีธุรกิจดิจิทัล ทำใหนักเรียนไดติดตามการเคลื่อนไหวตาง ๆ และไดรับรู
ขอ มลู ในแผนกและขอมูลหลกั สูตรเบอ้ื งตนและขา วสารไดทนั ทว งที

คณะผูจัดทำมีแนวคิดที่จะพัฒนาเว็บไซตแผนกเทคโนโลยีธุรกิจดิจิทัล
วิทยาลัยเทคนิคระยองเขามาชวยในการใหความรู ทางดานการเรียนการสอน
กิจกรรม และขาวสารตาง ๆ อาทิเชน กิจกรรมกีฬาสี กิจกรรมในแผนก การเลือก
ประธานแผนก การจัดการแขงขันทักษะวิชาการในแผนก กิจกรรมการไหวครู
การแตงกายในแผนก การทำตามกฎระเบียบแผนกเทคโนโลยีธุรกิจดิจิทัล
แตเ นือ่ งดว ยสถานการณโ ควดิ จงึ ทำใหไมส ามารถมกี ิจกรรมท่ีเปนสวนรวมได
6. วตั ถปุ ระสงคของการวิจยั
6.1 เพื่อศึกษาการใชโ ปรแกรมไมโครซอฟต วชิ วลสตดู ิโอในการสรา งเวบ็ ไซต
6.2 เพื่อใหมีความรูไปพัฒนาเว็บไซตในโอกาสอื่น ๆ ดวยโปรแกรมไมโครซอฟต

วิชวลสตูดโิ อ
6.3 เพื่อใหนักเรียนที่สนใจอยากจะเรียนตอในแผนกเทคโนโลยีธุรกิจดิจิทัลไดมี

สวนรว มในการใชเ ว็บไซต
7. ขอบเขตของการวจิ ัย

การวิจัยนี้มีความสามารถที่จะประชาสัมพันธ เผยแพรขอมูลขาวสาร
ในแผนก เปนรูปแบบของโซเชียลมีเดีย และจะมีระบบหลังบานที่มีบุคคลคอยดูแล
เบ้ืองหลงั เวบ็ ไซตแ นะนำแผนกทจ่ี ะคอยอปั เดตขาวสารตา ง ๆ ลงในเว็บไซต
8. ทฤษฎี สมมตุ ฐิ าน (ถา มี) และกรอบแนวความคดิ ของการวจิ ยั หรอื แบบรา ง
-
9. การทบทวนวรรณกรรม/สารสนเทศ (information) ทเ่ี กยี่ วของ
-
10. การสบื คนจากฐานขอ มูลสทิ ธิบตั ร
-
11. เอกสารอางอิงของการวจิ ยั
Benznestsutidos 2018
แหลงขอ มูล : https://benzneststudios.com/blog/php/php-programming-
basic-1-basic/
สืบคน เม่ือวนั ท่ี 17 พฤศจิกายน 2564

41

12. ประโยชนทีค่ าดวาจะไดรับ
12.1 ไดศ กึ ษาการใชโ ปรแกรมไมโครซอฟต วิชวลสตูดิโอในการสรางเวบ็ ไซต
12.2 พฒั นาการใชโปรแกรมไมโครซอฟต วชิ วลสตูดิโอไดด ขี ้นึ
12.3 เพ่ือใหความรสู ำหรบั นักเรยี นท่ีจะเรยี นตอในแผนกเทคโนโลยีธรุ กิจดจิ ทิ ัล

13. แผนการถา ยทอดเทคโนโลยหี รือผลการวจิ ัยสกู ลุมเปาหมาย
13.1 ทดลองใชงานจริงกับกลมุ เปาหมาย
13.2 เผยแพรเ วบ็ ไซตแนะนำแผนก ผานทางโครงการประกวดโครงงานวิชาชพี
ชมรมวิชาชีพเทคโนโลยีธุรกจิ ดจิ ทิ ัล

14. วธิ กี ารดำเนนิ การวิจยั และสถานท่ที ำการทดลอง/เกบ็ ขอ มูล
14.1 วิธดี ำเนินการวจิ ยั
1.4.1.1 นำเสนอหัวขอ โครงงาน
1.4.1.2 ทำแบบเสนอขออนมุ ตั โิ ครงงาน
1.4.1.3 คน ควา รวบรวมขอ มลู จัดทำโครงงาน
1.4.1.4 ปฏิบัติงานตามโครงงาน
1.4.1.5 รายงานการปฏิบตั งิ านตามขนั้ ตอน
1.4.1.6 ประเมนิ ผลความกา วหนา ในการปฏิบัติงาน
1.4.1.7 สาธิต/ทดลอง ช้ินงาน
1.4.1.8 ทำแบบสอบถามความพงึ พอใจ
1.4.1.9 จดั ทำคมู ือการใชง าน (ถา มี)
1.4.1.10 ปรบั ปรุงแกไ ข (ถาม)ี
1.4.1.11 นำเสนอผลงาน
1.4.1.12 สงโครงงานฉบับสมบูรณ
1.4.1.13 จดั นิทรรศการแสดงผลงาน
14.2 สถานท่ที ำการทดลอง วทิ ยาลัยเทคนิคระยอง

15. ระยะเวลาทำการวิจัยและแผนการดำเนินงานตลอดการวิจยั
พฤศจกิ ายน 2564 – มีนาคม 2565

16. ปจ จัยทีเ่ อื้อตอ การวิจยั (ถา มี)

17. งบประมาณของการวจิ ัย
17.1 งบประมาณทง้ั หมด 500 บาท
17.2 รายละเอียดงบประมาณคา ใชจ า ย

42

รายละเอยี ดงบประมาณการวิจัยจำแนกตามงบประเภทตาง ๆ (ปงบประมาณท่เี สนอขอ)

รายการ จำนวนเงิน หมายเหตุ

1. งบบุคลากร -

คา จางชวั่ คราว -

2. งบดำเนินงาน -

2.1 คา ตอบแทน ใชสอยและวัสดุ -

2.1.1 คาตอบแทน เชน คา ตอบแทนปฏิบัติงานนอกเวลา -

ราชการ คา เบีย้ เลีย้ งประชมุ กรรมการ ฯลฯ

2.1.2 คา ใชส อย เชน -

1) คา เบยี้ เลยี้ ง คาเชาที่พัก คาพาหนะ -

2) คา จา งเหมาบรกิ าร -

3) คาใชจ า ยในการสมั มนาและฝก อบรม -

4) คา ใชส อยอ่ืน ๆ 500

2.1.3 คา วสั ดุ เชน -

1) วสั ดุสำนักงาน -

2) วสั ดเุ ชอื้ เพลิงและหลอลน่ื -

3) วัสดุไฟฟา และอิเล็กทรอนิกส -

4) วสั ดโุ ฆษณาและเผยแพร -

5) วัสดุหนังสอื วารสารและตำรา -

6) วสั ดุคอมพวิ เตอร -

7) วสั ดอุ นื่ ๆ -

2.2 คาสาธารณปู โภค เชน -

คาไฟฟา คานำ้ ประปา คา โทรศัพท คาไปรษณีย -

คาบริการดานสื่อสารและโทรคมนาคม

3. งบลงทุน -

คา ครภุ ัณฑ -

รวมงบประมาณทีเ่ สนอขอ 500

43

18. ผลสำเร็จและความคมุ คาของโครงการวจิ ยั ทค่ี าดวา จะไดรบั
18.1 นักเรยี นที่อยากเรยี นตอในสายอาชีพไดม ีตวั ชว ยในการตดั สินใจ
18.2 ไดรูข า วสารของแผนก

19. โครงการวิจยั น้ีหรอื สวนใดสว นหน่งึ หรืองานวิจัยสืบเนื่องจากน้ี ไดยนื่ เสนอขอรบั ทนุ
หรอื ไดรับการสนับสนนุ จากแหลงทุนอื่นหรอื ไม
 ไมไดยนื่ เสนอขอรับทนุ
 ยื่นเสนอ โปรดระบุแหลง ทนุ …………………....................……………......………………
( ) ไดร ับการสนบั สนนุ จาก…….....……ช่อื โครงการ…………...............................
( ) ไมไ ดร ับการสนับสนนุ
( ) ยงั ไมทราบผลการพิจารณา

20. โครงการวิจัยน้มี กี ารใชสิ่งมชี ีวิตทม่ี กี ารดัดแปลงทางพนั ธกุ รรมหรือไม
 มี  ไมม ี

21. คำชี้แจงอน่ื ๆ (ถาม)ี
-

22. ลงชื่อหัวหนาทีมวิจัย (นักศึกษา)
(ลงช่อื ).....................................................
(นายวุฒชิ ัย เชษฐานนั ท)
วนั ที.่ ....... เดอื น....................... พ.ศ..........

23. ลงชอ่ื ครทู ป่ี รกึ ษางานวิจัย

(ลงชอ่ื ).....................................................
(นายวกิ ร รตั นาธนบดี)

วันท.่ี ....... เดอื น....................... พ.ศ..........

24. คำรับรองของหัวหนาสาขาวิชาเทคโนโลยีธรุ กจิ ดิจิทลั

(ลงชอ่ื ).....................................................
(นายอุทัย ศรีษะนอก)

วันท่ี........ เดอื น....................... พ.ศ..........