เว็บไซต์สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล วิทยาลัยเทคนิคระยอง

เว็บไซต์สาขาวชิ าเทคโนโลยีธรุ กจิ ดจิ ิทัล วทิ ยาลยั เทคนคิ ระยอง
ดว้ ยโปรแกรม WordPress

Create Website for Digital Business Technology Department
by WordPress Program

นายกฤตภาส แจม่ แจง้ รหัสนักเรยี น 6122040042
นางสาวสุชาดา หาญกลา้ รหัสนักเรียน 6122040075
นางสาวเปมิกา ชูเชดิ รหัสนกั เรียน 6122040079

โครงการนเ้ี ป็นสว่ นหน่ึงของรายวิชาโครงการ รหัสวิชา (2204-8501)
ภาคเรยี นที่ 1 ปกี ารศึกษา 2563
สาขาวิชาเทคโนโลยีธุรกิจดิจทิ ัล

ก

ชอ่ื โครงการ เวบ็ ไซต์สาขาวิชาเทคโนโลยธี ุรกจิ ดิจทิ ัล วิทยาลยั เทคนิคระยอง ด้วย

ช่ือผ้จู ัดทา โปรแกรม WordPress
อาจารย์ท่ีปรกึ ษาโครงการ
ปีการศึกษา Create Website for Digital Business Technology

Department by WordPress

สาขาวิชาเทคโนโลยธี ุรกิจดิจิทลั

1. นายกฤตภาส แจ่มแจ้ง รหสั นกั เรยี น 6122040042

2. นางสาวสชุ าดา หาญกล้า รหัสนกั เรียน 6122040075

3. นางสาวเปมกิ า ชูเชดิ รหสั นกั เรยี น 6122040079

นางสาวอจั ฉราภรณ์ เกลี้ยงพรอ้ ม

นายปรชี า คางงเู หลือม

2563

บทคัดย่อ

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

ผลที่ไดจ้ ากแบบสอบถามความพึงพอใจพบว่าเป็นเพศชายจานวน 72 คน ร้อยละ 37.3 เพศ
หญิง 121 คน ร้อยละ 62.7 ระดับความพึงพอใจต่อเว็บไซต์สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล
วิทยาลัยเทคนิคระยอง ภาพรวมอยู่ในระดับมาก (⃑X= 4.02, S.D= 0.77) โดยแบ่งเป็นทั้งหมด 3 ด้าน
ได้แก่ ด้านการออกแบบชิ้นงานและการจัดรูปแบบอยู่ในระดับมาก (⃑X= 4.08, S.D= 3.87), ด้าน
ความสามารถในการใช้งานอยู่ในระดับมาก (⃑X=4.03, S.D= 0.82) และด้านผลสัมฤทธิ์อยู่ในระดับมาก
(⃑X= 3.96, S.D= 0.92) ตามลาดับ

คาสาคัญ : เว็บไซต/์ เทคโนโลยี/ โปรแกรม Adobe Photoshop CS6

ข

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

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

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

คณะผ้จู ดั ทา

สารบญั ค

เร่ือง หน้า

บทคัดยอ่ ก
กติ ตกิ รรมประกาศ ข
สารบญั ค
สารบัญ (ตอ่ ) ค
สารบัญตาราง ง
สารบญั ภาพ จ
สารบัญภาพ (ตอ่ ) จ
สารบัญภาพ (ต่อ) จ
บทท่ี 1 บทนา
1
1.1 ความเปน็ มาของโครงการ 1
1.2 วตั ถปุ ระสงคข์ องโครงการ 1
1.3 ขอบเขตของโครงการ 2
1.4 ผลที่คาดวา่ จะได้รบั 2
1.5 คาศัพท์เฉพาะ
บทที่ 2 เอกสารและทฤษฎที ี่เก่ียวข้อง 3
2.1 แนวคิดเก่ยี วกบั เวบ็ ไซต์ 6
2.2 แนวคดิ เก่ียวกับเทคโนโลยธี ุรกิจดจิ ิทลั 8
2.3 แนวคดิ เกยี่ วกับโปรแกรมท่ีใช้
26
บทท่ี 3 วิธกี ารดาเนนิ การ 26
3.1 การศึกษาข้อมูลเบื้องตน้ 28
3.2 ประชากรและกลุ่มตวั อยา่ ง 33
3.3 ขน้ั ตอนการดาเนินงาน 34
3.4 เครือ่ งมือทใี่ ช้ในการเกบ็ รวบรวมขอ้ มูล 35
3.5 ข้ันตอนการดาเนินการและเกบ็ รวบรวมข้อมลู 35
3.6 พจิ ารณาจากคะแนนตามเกณฑ์
3.7 สถิติทใ่ี ช้ในการรวบรวมขอ้ มูล

สารบญั (ต่อ) ค
เรอ่ื ง
หน้า
บทที่ 4 ผลการดาเนนิ โครงการ
4.1 ผลการดาเนินงาน 37
44
บทท่ี 5 สรปุ อภปิ รายผล และข้อเสนอแนะ 45
5.1 สรุปอภิปรายผล 45
5.2 ข้อเสนอแนะ
5.3 ประโยชนท์ ไ่ี ดร้ บั

บรรณานุกรม
ภาคผนวก

ก แบบเสนอขออนมุ ัติโครงการ
ข ภาพขั้นตอนการจดั ทาโครงการ
ง แบบสอบถามความพงึ พอใจ
จ ประวตั ิผจู้ ดั ทา

ง

สารบญั ตาราง หนา้
ตารางท่ี
37
4.1 แสดงจำนวนผูต้ อบแบบสอบถำมจำแนกตำมเพศ 38
4.2 แสดงจำนวนผู้ตอบแบบสอบถำมจำแนกอำยุ 39
4.3 แสดงควำมพึงพอใจด้ำนกำรออกแบบชนิ้ งำนและกำรจัดรูปแบบเวบ็ ไซต์ 40
4.4 แสดงควำมพงึ พอใจด้ำนควำมสำมำรถในกำรใชง้ ำน 41
4.5 แสดงควำมพงึ พอใจด้ำนผลสัมฤทธ์ิ 42
4.6 แสดงควำมพึงพอใจถงึ สถติ ิของนักเรยี นนกั ศกึ ษำท่ปี ระเมิน

เว็บไซต์สำขำวชิ ำเทคโนโลยธี รุ กิจดิจิทัล วิทยำลยั เทคนิคระยอง

สารบัญภาพ จ
ภาพที่
หน้า
2.1 แสดงหน้าเวบ็ ไซตก์ ีฬา
2.2 แสดงหน้าเว็บไซตข์ ่าว 3
2.3 แสดงหน้าเวบ็ ไซตธ์ ุรกิจหรือการตลาด 4
2.4 แสดงหนา้ เวบ็ ไซต์การศกึ ษา 4
2.5 แสดงหน้าเวบ็ ไซต์บนั เทิง 5
2.6 แสดงหนา้ เว็บไซต์องค์กรท่ีไม่แสวงหาผลกาไร 5
2.7 แสดงเทคโนโลยธี ุรกจิ ดจิ ิทลั 6
2.8 แสดงเทคโนโลยีคอมพวิ เตอร์ 7
2.9 แสดงเทคโนโลยีสื่อสารโทรคมนาคม 8
2.10 แสดงโปรแกรม WordPress และตวั อย่าง WordPress 8
2.11 แสดงการคน้ หาโปรแกรม Bitnami WordPress 9
2.12 แสดงการแตกไฟล์ Zip 9
2.13 แสดงเรมิ่ ตน้ ดาวน์โหลดไฟลล์ งในเคร่ือง 10
2.14 แสดงเริ่มตน้ ดาวน์โหลดไฟล์ลงในเคร่อื ง 10
2.15 แสดงการยืนยันที่จะดาวน์โหลดไฟล์ 11
2.16 แสดงการเลือกภาษา 11
2.17 แสดงการเรม่ิ ติดตงั้ โปรแกรม 12
2.18 แสดงการเลอื ก WordPress และ PhpMyadmin 12
2.19 แสดงไฟลท์ ี่ตดิ ตงั้ โปรแกรม 13
2.20 แสดงใสข่ ้อมูล 13
2.21 แสดงการตั้งช่ือ Blog 14
2.22 แสดง Configure Email Support 14
2.23 แสดง Launch wordpress in the cloud with Bitnami 15
2.24 แสดงพร้อมทจี่ ะตดิ ต้ังโปรแกรม 15
2.25 แสดง Install Bitnami 16
2.26 แสดง Windows Security Alert 16
2.27 แสดงตดิ ตัง้ โปรแกรมเรียบร้อย 17
2.28 แสดงโปรแกรม Adobe Photoshop CS6 17
18

สารบญั ภาพ (ต่อ) จ
ภาพที่
หน้า
2.29 แสดงเริม่ ดาวน์โหลดโปรแกรม
2.30 แสดง Download มา แลว้ แตกไฟล์ออกมาจะข้ึนดังภาพ 18
2.31 แสดงเมอ่ื Double click ที่ Set-up จะขึน้ ดังภาพ 19
2.32 แสดงเม่ือ Set-up เสรจ็ สน้ิ จะข้นึ ดงั ภาพแล้วคลกิ try 19
2.33 แสดงคลิก Accept 19
2.34 แสดงคลกิ Sing in 20
2.35 แสดงคลิก Accept 20
2.36 แสดงคลกิ ท่ี Install 21
2.37 แสดงคลิกท่ี Close 21
2.38 แสดงแถบเมนูคาสงั่ 22
2.39 แสดงแถบตวั เลอื ก 23
2.40 แสดงแถบชอ่ื เร่ือง 23
2.41 แสดงแถบสถานะ 23
2.42 แสดงกลอ่ งเคร่อื งมือ 23
2.43 แสดงพ้นื ที่ใชง้ าน 24
3.1 แสดงทฤษฎีมอรแ์ กน 25
3.2 แสดง Flowchart ข้นั ตอนการทางาน 27
3.3 แสดง Flowchart ขน้ั ตอนการทางาน (ตอ่ ) 28
3.4 แสดงขน้ั ตอนสร้างช้นิ งาน 29
3.5 แสดงข้นั ตอนการเลือกธมี 30
3.6 แสดงขน้ั ตอนการสร้างเมนู 31
3.7 แสดงขั้นตอนการใสร่ ปู ภาพสว่ นหวั 31
3.8 แสดงขน้ั ตอนการใส่ภาพพนื้ หลัง 31
3.9 แสดงข้นั ตอนการสร้างเว็บไซต์ 32
3.10 แสดงหนา้ เว็บเพจ 32
4.1 แผนภมู ิแสดงจานวนผ้ตู อบแบบสอบถามจาแนกตามเพศ 32
4.2 แผนภูมแิ สดงจานวนของผูต้ อบแบบสอบถามจาแนกตามอายุ 37
38

จ

สารบญั ภาพ (ต่อ) หน้า
ภาพท่ี
39
4.3 แผนภูมิความพงึ พอใจดา้ นการออกแบบชิ้นงานและการจดั รปู แบบเว็บไซต์ 40
4.4 แผนภูมิแสดงความพึงพอใจด้านความสามารถในการใช้งาน 42
4.5 แผนภูมิแสดงความพงึ พอใจด้านผลสัมฤทธิ์ 43
4.6 แผนภมู ิแสดงความพึงพอใจของสถติ ิ

บทที่ 1
บทนำ

บทท่ี 1
บทนำ

1.1 ควำมเป็นมำและควำมสำคัญของโครงกำร
ในปัจจุบันเทคโนโลยีสารสนเทศ อินเทอร์เน็ตและการส่ือสารข้อมูลได้เข้ามามีส่วนสาคัญ

อย่างมาก โดยเฉพาะการเผยแพร่ข้อมูลข่าวสารต่าง ๆ ของสถานศึกษาให้กับบุคคลภายนอกได้รับ
ทราบขอ้ มลู ขา่ วสารในรปู แบบของเว็บไซตเ์ ปน็ ชอ่ งทางแรกท่ีบุคคลภายนอกจะรับรู้ข้อมูลข่าวสารของ
สถานศึกษา เว็บไซต์มีอยู่หลากหลายประเภท เช่น เว็บไซต์ข่าว เว็บไซต์กีฬา และเว็บไซต์การศึกษา
เปน็ ต้น สามารถสรา้ งเวบ็ ไซต์ดว้ ยโปรแกรม WordPress โปรแกรม Aptana เป็นต้น

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

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

1.2 วัตถปุ ระสงค์ของโครงกำร
1.2.1 เพื่อสร้างเว็บไซต์สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล วิทยาลัยเทคนิคระยอง ด้วยโปรแกรม

WordPress
1.2.2 เพื่อศึกษาความพึงพอใจของนักเรียนระดับประกาศนียบัตรวิชาชีพ สาขาวิชาเทคโนโลยี

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

1.2.3 เพือ่ เผยแพร่เวบ็ ไซต์สาขาวชิ าเทคโนโลยีธรุ กิจดิจิทัล วิทยาลัยเทคนิคระยอง ด้วยโปรแกรม
WordPress ผ่านโครงการประกวดโครงการวชิ าชพี ชมรมวิชาชีพเทคโนโลยีธุรกจิ ดจิ ิทัล

1.3 ขอบเขตของโครงกำร
1.3.1 ประชากรและกลุ่มตวั อยา่ ง
1.3.1.1 ประชากร คือ นักเรยี นระดบั ประกาศนยี บัตรวิชาชพี สาขาวชิ าเทคโนโลยธี รุ กจิ

ดจิ ทิ ลั วทิ ยาลัยเทคนคิ ระยอง จานวน 382 คน
1.3.1.2 กลมุ่ ตวั อยา่ ง คอื นักเรียนระดบั ประกาศนียบัตรวิชาชีพ สาขาวิชาเทคโนโลยีธุรกิจ

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

2

1.3.2 ขอบเขตช้นิ งาน
1.3.2.1 ด้านฮารด์ แวร์
1) คอมพวิ เตอรพ์ กพา HP Convertible X360 AMD Ryzen 5
2) คอมพวิ เตอร์พกพา Dell A8 ADM A8-7410 APU with ADM Redeon R5
1.3.2.2 ดา้ นซอฟตแ์ วร์
1) โปรแกรม WordPress
2) โปรแกรม Adobe Photoshop cs6
3) ระบบปฎบิ ตั ิการ windows 10

1.4 ผลท่คี ำดว่ำจะได้รบั
1.4.1 ได้เว็บไซต์สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล วิทยาลัยเทคนิคระยอง ด้วยโปรแกรม

WordPress
1.4.2 ได้ความพึงพอใจของนักเรียนระดับประกาศนียบัตรวิชาชีพ สาขาวิชาเทคโนโลยีธุรกิจ

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

1.4.3 ได้เผยแพร่เว็บไซต์สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล วิทยาลัยเทคนิคระยอง ด้วยโปรแกรม
WordPress ผา่ นโครงการประกวดโครงการวชิ าชพี ชมรมวิชาชพี เทคโนโลยธี รุ กิจดิจิทลั

1.5 คำจำกัดควำม
1.5.1 แนวคิดเกี่ยวกับเว็บไซต์ หมายถึง หน้าเว็บเพจหลายหน้า ซ่ึงเช่ือมโยงกันผ่านทางไฮเปอร์

ลงิ ก์
1.5.2 แนวคิดเกี่ยวกับเทคโนโลยีธุรกิจดิจิทัล หมายถึง การนาเทคโนโลยีต่างๆเข้ามาพัฒนา

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

1.5.3 แนวคิดเกี่ยวกับโปรแกรมท่ีใช้ คือ โปรแกรม WordPress และโปรแกรม Adobe
Photoshop CS6

บทที่ 2
เอกสารและทฤษฎที ี่เก่ยี วขอ้ ง

บทท่ี 2
เอกสารและทฤษฎีทเ่ี กี่ยวขอ้ ง

เพ่ือเปน็ แนวทางในการจดั ทาโครงการครง้ั น้ี คณะผู้จัดทาไดศ้ ึกษาเอกสารและทฤษฎที ี่
เกี่ยวขอ้ งตา่ ง ๆ ดังนี้

2.1 แนวคิดเก่ียวกบั เวบ็ ไซต์
2.2 แนวคดิ เกย่ี วกับเทคโนโลยีธรุ กจิ ดจิ ทิ ลั
2.3 แนวคดิ เกย่ี วกบั โปรแกรมทใี่ ช้
2.1 แนวคดิ เก่ยี วกับเว็บไซต์
2.1.1 ความหมายของเวบ็ ไซต์

เว็บไซต์ หมายถึง หน้าเว็บเพจหลายหน้า ซึ่งเช่ือมโยงกันผ่านทางไฮเปอร์ลิงก์ ส่วน
ใหญ่จัดทาข้ึนเพ่ือนาเสนอข้อมูลผ่านคอมพิวเตอร์ โดยถูกจัดเก็บไว้ในเวิลด์ไวด์เว็บ หน้าแรกของ
เว็บไซต์ที่เก็บไว้ท่ีชื่อหลักจะเรียกว่า โฮมเพจ เว็บไซต์โดยทั่วไปจะให้บริการต่อผู้ใช้ฟรี แต่ใน
ขณะเดียวกันบางเว็บไซต์จาเป็นต้องมีการสมัครสมาชิกและเสียค่าบริการเพ่ือที่จะดูข้อมูล ในเว็บไซต์
นนั้ ซ่ึงไดแ้ ก่ขอ้ มลู ทางวิชาการ ข้อมูลตลาดหลักทรัพย์ หรือข้อมูลสื่อต่างๆ ผู้ทาเว็บไซต์มีหลากหลาย
ระดับ ตั้งแต่สร้างเว็บไซต์ส่วนตัว จนถึงระดับเว็บไซต์สาหรับธุรกิจหรือองค์กรต่างๆ การเรียกดู
เว็บไซต์โดยท่ัวไปนยิ มเรยี กดูผ่านซอฟต์แวรใ์ นลักษณะของ เว็บเบราว์เซอร์ [www.zazana.com]

2.1.2 ประเภทของเว็บไซต์ ถกู แบง่ ออกเปน็ หลายประเภท
2.1.2.1 เว็บไซต์กีฬา คือ เว็บไซต์ท่ีสร้างข้ึนโดยองค์กรด้านกีฬาหรือสานักข่าวต่าง ๆ

เพื่อนาเสนอข่าวด้านกีฬา เช่น ผลการแข่งขันฟุตบอล บาสเกตบอล ไฮไลท์การแข่งขัน
(https://www.siamsporttalk.com)

ภาพท่ี 2.1 แสดงหนา้ เว็บไซต์กฬี า

4
2.1.2.2 เว็บไซต์ข่าว คือ เว็บไซต์ท่ีสร้างขึ้นโดยองค์กรข่าวหรือสถาบันสื่อสารมวลชน
ต่าง ๆ ทม่ี ีสอ่ื มวลชนประเภทต่าง ๆ ของตนอยู่เป็นหลัก เช่น สถานีโทรทัศน์ สถานีวิทยุ หนังสือพิมพ์
นิตยสาร วารสาร หรือแม้กระท่ังกระทรวง ทบวง กรมต่าง ๆ องค์กรเหล่านี้ได้นาเว็บไซต์มาใช้เป็น
เครื่องมือในการส่ือสารอีกรูปแบบหน่ึง เพ่ือนาเสนอข่าวและสาระท่ีเป็นการสรุปใจความสาคัญ หรือ
รวบรวมเน้ือหาจากขา่ วในรอบเดือนหรอื รอบปี ซ่งึ ช่วยใหผ้ ้ใู ช้สามารถค้นหาข้อมูลและติดตามข่าวสาร
ไดท้ กุ ท่ีทกุ เวลา แมว้ า่ จะอย่ทู ใี่ ดก็ตาม [https://www.thairath.co.th]

ภาพที่ 2.2 แสดงหน้าเว็บไซต์ขา่ ว
2.1.2.3 เว็บไซตธ์ รุ กจิ หรือการตลาด คือ เป็นเว็บไซต์ที่มักสร้างข้ึนโดยองค์กรธุรกิจต่าง ๆ
มีจุดมุ่งหมายหลักในการประชาสัมพันธ์องค์กรและเพิ่มผลกาไรทางการค้าโดยเน้ือหาส่วนใหญ่หรือ
เกือบท้ังหมดมักจะเป็นการนาเสนอที่มีความน่าสนใจและตรงใจกลุ่มเป้าหมายมากท่ีสุด ท้ังนี้เพื่อผล
กาไรทางธรุ กิจอาจมีบรกิ ารซ้ือสนิ คา้ และบริการได้ในเว็บโดยตรง ซ่ึงจะเป็นสินค้าและบริการท่ีมาจาก
องค์กรของเวบ็ โดยตรง [ https://sites.google.com ]

ภาพท่ี 2.3 แสดงหนา้ เว็บไซต์ธรุ กจิ หรอื การตลาด

5
2.1.2.4 เวบ็ ไซตก์ ารศกึ ษา คือ เนอ้ื หาเกย่ี วกับการสง่ เสริมการเรยี นรู้ การสร้างองค์ความรู้
การสร้างความรู้ความเข้าใจในเรื่องราวต่าง ๆ เพ่ือให้ผู้สนเร่ืองราวการเรียนรู้น้ัน ๆ เกิดความรู้ความ
เข้าใจและรับรู้ข้อมูล สามารถนาข้อมูลที่ได้ไปประยุกต์ใช้ได้อย่างเหมาะสมตามอัตภาพ
[http://www.newnaew.net]

ภาพท่ี 2.4 แสดงหนา้ เว็บไซต์การศึกษา
2.1.2.5 เว็บไซต์บันเทิง คือ มุ่งเสนอและให้บริการต่าง ๆ เพื่อเสริมสร้างความบันเทิง
โดยทั่วไปอาจนาเสนอเร่ืองราวเกี่ยวกับการบันเทิงท่ัวไป เช่น ดนตรี ภาพยนตร์ ดารา กีฬา ความรัก
บทกลอน การ์ตูน เร่ืองขาขัน รวมถึงการให้บริการดาวน์โหลดโลโก้ และริงโทนสาหรับ
โทรศัพท์เคลื่อนท่ีอีกด้วย เว็บประเภทน้ีอาจมีรูปแบบที่เป็นอินเตอร์แอคทีฟที่ต่ืนตาตื่นใจ หรือใช้
เทคโนโลยมี ัลติมิเดียไดม้ ากกว่าเว็บประเภทอืน่ [https://sites.google.com]

ภาพที่ 2.5 แสดงหนา้ เว็บไซต์บนั เทงิ

6

2.1.2.6 เว็บไซตอ์ งคก์ รท่ีไม่แสวงหาผลกาไร คือ เว็บที่สร้างขึ้นโดยกลุ่มบุคคลหรือองค์กร
ต่าง ๆ ท่ีมีนโยบายในการสร้างสรรค์ท่ีช่วยเหลือสังคมโดยท่ีไม่หวังผลกาไรหรือค่าตอบแทน ซ่ึงกลุ่ม
บุคคลหรือองค์กรเหล่าน้ี ได้แก่ สมาคม ชมรม มูลนิธิ และโครงการต่าง ๆ โดยอาจมีจุดประสงค์
เฉพาะท่ีแตกต่างกัน เช่น เพ่ือทาความดี สร้างสรรค์สังคม พิทักษ์ส่ิงแวดล้อม ปกป้องสิทธิมนุษยชน
รณ รง ค์ไ ม่ ให้ สูบ บุห ร่ี ห รือ อ าจ รว มตั ว กัน เพื่ อ ดูแ ลผ ลป ร ะโ ยช น์ ขอ งส มา ชิ กใ นก ลุ่ ม
[http//www.sites.google.com]

ภาพที่ 2.6 แสดงหน้าเวบ็ ไซต์องค์กรทไ่ี มแ่ สวงหาผลกาไร
2.2 แนวคดิ เก่ยี วกับเทคโนโลยีธุรกจิ ดิจทิ ลั

2.2.1 ความหมายของเทคโนโลยีธุรกจิ ดจิ ิทลั
เทคโนโลยีธุรกิจดิจิทัล หมายถึง การนาเทคโนโลยีต่าง ๆ เข้ามาพัฒนาธุรกิจท่ีทาอยู่

เพื่อเพ่ิมความสะดวกสบายให้ทั้งผู้ประกอบการและผู้บริโภคในการเลือกซ้ือสินค้าหรือบริการต่าง ๆ
แต่จุดประสงค์หลักๆก็คือการหาทางเพิ่มยอดขายให้กับธุรกิจนั่นเอง เช่น การนา Application มา
ช่วยในการเข้าถึงผู้บริโภคยุคใหม่ท่ีชอบใช้ smart phone การสร้างช่องทางขายผ่านส่ือ Social
media ต่าง ๆ และการทาโฆษณารวมไปถึงการส่ังซื้อและจัดส่งสินค้าในแบบ online เป็นต้น
ภาพรวมของ Digital Business คือการเปล่ียนแปลงธุรกิจที่มีอยู่แบบเดิมให้เป็นธุรกิจแบบที่มีการใช้
เทคโนโลยีเขา้ มาช่วยปรบั เปลยี่ นโครงสร้างธุรกิจดจิ ิตอลเปน็ เรื่องเกี่ยวกับการสร้างการออกแบบธุรกิจ
ใหม่ ๆ โดยการทาให้โลกดิจิตอลและโลกทางกายภาพเบลอ เก่ียวกับการปฏิสัมพันธ์และการเจรจา
ระหว่างธุรกิจและสิ่งต่าง ๆ เมื่อมีสิ่งต่าง ๆ เริ่มเจรจากันเองรวมถึงผู้คนและธุรกิจท่ีเราเริ่มเห็นว่าเรา
เข้าสู่โลกใหม่และก่อกวนอย่างไร ในอดีตคนเป็นตัวแทนของส่ิงต่าง ๆ ในธุรกิจ ในอนาคตสิ่งท่ีจะเป็น
ตวั แทนของตวั เองและจะเปล่ยี นวธิ กี ารท่ธี ุรกจิ มองเหน็ โอกาสของมนั
[https://www.sub-brain.com/]

7

ภาพที่ 2.7 แสดงเทคโนโลยธี รุ กิจดิจทิ ลั
2.2.2. องคป์ ระกอบของเทคโนโลยสี ารสนเทศ

2.2.2.1 เทคโนโลยีคอมพิวเตอร์ (computer technology) เป็นเทคโนโลยีสาหรับการ
จัดการสารสนเทศ ได้แก่ การรวบรวมและการตรวจสอบข้อมูล การประมวลผล และการดูแลรักษา
ข้อมูลเพ่ือให้ได้สารสนเทศตามที่ต้องการอย่างถูกต้อง รวดเร็ว และมีประสิทธิภาพ ดังนั้นการจัดการ
สารสนเทศต้องอาศัยเทคโนโลยีคอมพิวเตอร์ ได้แก่ ฮาร์ดแวร์และซอฟต์แวร์ในการรับข้อมูล การ
ประมวลผล การแสดงผล และการจดั เกบ็ ขอ้ มูล คอมพวิ เตอรเ์ ป็นเครือ่ งอิเล็กทรอนิกส์ท่ีสามารถจดจา
ข้อมลู ตา่ ง ๆ และปฏิบัตติ ามคาสง่ั ที่บอก เพ่ือให้คอมพิวเตอร์ทางานอย่างใดอย่างหนึ่งให้คอมพิวเตอร์
นั้นประกอบด้วยอุปกรณ์ต่าง ๆ ต่อเชื่อมกันเรียกว่า ฮาร์ดแวร์ (Hardware) และอุปกรณ์ฮาร์ดแวร์น้ี
จะต้องทางานร่วมกับโปรแกรมคอมพิวเตอร์หรือท่ีเรียกกันว่า ซอฟต์แวร์ (Software) ฮาร์ดแวร์
ประกอบดว้ ย 5 ส่วน ดังน้ี (https://sites.google.com)

1) อุปกรณ์รับข้อมูล (Input) เช่น แผงแป้นอักขระ (Keyboard), เมาส์, เคร่ืองตรวจ
กวาดภาพ (Scanner), จอภาพสัมผัส (Touch Screen), ปากกาแสง (Light Pen), เคร่ืองอ่านบัตร
แถบแม่เหลก็ (Magnetic Strip Reader), และเครื่องอา่ นรหสั แท่ง (Bar Code Reader)

2) อปุ กรณ์ส่งขอ้ มลู (Qutput) เช่น จอภาพ (Monitor)
3) หน่วยประมวลผลกลาง จะทางานร่วมกับหน่วยความจาหลักในขณะ
คานวณหรือประมวลผล โดยปฏิบัติหน้าท่ีตามคาสั่งของโปรแกรมคอมพิวเตอร์ โดยการดึงข้อมูลและ
คาสง่ั ทเี่ กบ็ ไว้ไว้ในหนว่ ยความจาหลักมาประมวลผล
4) หน่วยความจาหลัก มีหน้าท่ีเก็บข้อมูลท่ีมาจากอุปกรณ์รับข้อมูลเพ่ือใช้ใน
การคานวณ และผลลพั ธ์ของการคานวณก่อนที่จะส่งไปยังอุปกรณ์ส่งข้อมูล รวมท้ังการเก็บคาส่ังขณะ
กาลังประมวลผล

8

5) หน่วยความจาสารอง ทาหน้าที่จัดเก็บข้อมลู และโปรแกรมขณะยังไม่ได้ใช้
งาน เพอื่ การใช้ในอนาคต

ภาพที่ 2.8 แสดงเทคโนโลยคี อมพวิ เตอร์
2.2.2.2 เทคโนโลยีส่ือสารโทรคมนาคม (communication technology) เป็น
เทคโนโลยีสาหรับการกระจายและเผยแพร่สารสนเทศไปยังผู้ใช้ที่อยู่ห่างไกลได้อย่างสะดวง รวดเร็ว
ถูกต้อง ครบถ้วน ทันต่อเหตุการณ์ ซึ่งเทคโนโลยีสื่อสารโทรคมนาคม ได้แก่ เทคโนโลยีท่ีใช้ในระบบ
โทรคมนาคม เช่น ระบบโทรศัพท์ โทรเลข วิทยุกระจายเสียง วิทยุโทรทัศน์ รวมถึงเทคโนโลยีระบบ
เครือข่ายคอมพิวเตอร์ด้วย เทคโนโลยีส่ือสารโทรคมนาคม ใช้ในการติดต่อส่ือสารรับ/ส่งข้อมูลจากที่
ไกล ๆ เป็นการส่งของข้อมูลระหว่างคอมพิวเตอร์หรือเคร่ืองมือที่อยู่ห่างไกลกัน ซึ่งจะช่วยให้การ
เผยแพร่ข้อมูลหรือสารสนเทศไปยังผู้ใช้ในแหล่งต่าง ๆ เป็นไปอย่างสะดวง รวดเร็ว ถูกต้อง
ค ร บ ถ้ ว น แ ล ะ ทั น ก า ร ณ์ ซ่ึ ง รู ป แ บ บ ข อ ง ข้ อ มู ล ที่ รั บ / ส่ ง อ า จ เ ป็ น ตั ว เ ล ข ( Numeric
Data) ตัวอักษร (Text) ภาพ (Image) และเสียง (Voice) เทคโนโลยีที่ใช้ในการส่ือสารหรือเผยแพร่
สารสนเทศ ได้แก่ เทคโนโลยีท่ีใช้ในระบบโทรคมนาคมท้ังชนิดมีสายและไร้สาย เช่น ระบบโทรศัพท์
, โมเด็ม, แฟกซ,์ โทรเลข, วิทยุกระจายเสียง, วิทยุโทรทัศน์ เคเบ้ิลใยแก้วนาแสง คลื่นไมโครเวฟ และ
ด า ว เ ที ย ม เ ป็ น ต้ น ส า ห รั บ ก ล ไ ก ห ลั ก ข อ ง ก า ร ส่ื อ ส า ร โ ท ร ค ม น า ค ม มี อ ง ค์ ป ร ะ ก อ บ
พ้ืนฐาน 3 ส่วน ได้แก่ ต้นแหล่งของข้อความ (Source/Sender), ส่ือกลางสาหรับการรับ/ส่ง
ขอ้ ความ (Medium), และส่วนรับข้อความ (Sink/Decoder) (https://sites.google.com)

ภาพที่ 2.9 แสดงเทคโนโลยสี อ่ื สารโทรคมนาคม

9
2.4 แนวคิดเกย่ี วกบั โปรแกรมท่ีใช้

2.4.1 โปรแกรม WordPress
โปรแกรม WordPress เป็นโปรแกรมที่ช่วยในการสร้าง และบริหารเว็บไซต์แบบ

สาเรจ็ รปู ที่เราสามารถติดต้ังบนเว็บ server เพื่อสร้างเว็บไซต์ blog หรือ community ซ่ึงจะมีระบบ
จัดการบทความ (Content Management System : CMS ) หรือมีระบบหลังบ้านไว้ช่วยในการ
จัดการข้อมูล ทาให้ง่ายต่อการใช้งานยิ่งข้ึน ถือเป็นอีกทางเลือกที่น่าสนใจมาก สาหรับคนที่ต้องการ
สร้างเว็บไซต์ ไม่ว่าจะเป็นกลุ่มธุรกิจขนาดเล็กจนถึงกลุ่มธุรกิจขนาดใหญ่ เพราะ WordPress มี
ฟงั กช์ น่ั มากมาย ที่สามารถตอบโจทย์ความตอ้ งการต่างๆของเราได้ [www.blog.metrabyte.cloud]

ภาพที่ 2.10 แสดงโปรแกรม WordPress และตวั อยา่ ง WordPress
2.4.1.2 การติดต้ังโปรแกรม WordPress

ข้นั ตอนท่ี 1 ทาการตดิ ตั้งโปรแกรม Bitnami ลงในเครอื่ ง โดยไปที่ Google serch
แล้วคน้ หาชื่อโปรแกรม Bitnami หรอื จะพิมพค์ าว่า wordpress กไ็ ด้

ภาพท่ี 2.11 แสดงการคน้ หาโปรแกรม Bitnami WordPress

10
ข้ันตอนท่ี 2 เข้าไปที่หน้าเว็บ Bitnami แล้วไปท่ี On my computer คลิกท่ี
win/mac/Linux

ภาพที่ 2.12 แสดงการแตกไฟล์ Zip
ข้นั ตอนที่ 3 คลกิ Downlode For windows

ภาพท่ี 2.13 แสดงเริม่ ต้นดาวนโ์ หลดไฟลล์ งในเครื่อง

11

ขน้ั ตอนท่ี 4 กด Double click ทไี่ ฟล์

ภาพที่ 2.14 แสดงเริม่ ต้นดาวน์โหลดไฟลล์ งในเครอ่ื ง
ขั้นตอนท่ี 5 กดป่มุ Yes

ภาพท่ี 2.15 แสดงการยนื ยันทจ่ี ะดาวน์โหลดไฟล์

12

ขน้ั ตอนที่ 6 ให้เลือกเปน็ ภาษาองั กฤษ และคลกิ ที่ป่มุ OK

ภาพที่ 2.16 แสดงการเลือกภาษา
ขั้นตอนท่ี 7 คลิกท่ีปมุ่ Next

ภาพท่ี 2.17 แสดงการเร่มิ ตดิ ตงั้ โปรแกรม

13
ขน้ั ตอนท่ี 8 เลือก WordPress และ PhpMyAdmin แลว้ คลกิ ท่ีปมุ่ Next

ภาพที่ 2.18 แสดงการเลอื ก WordPress และ PhpMyadmin
ขั้นตอนท่ี 9 จาว่าโปรแกรมติดต้ังไว้ตรงไหน แลว้ คลิกที่ป่มุ Next

ภาพท่ี 2.19 แสดงไฟลท์ ต่ี ดิ ตงั้ โปรแกรม

14

ขัน้ ตอนท่ี 10 ใส่ข้อมลู

ภาพท่ี 2.20 แสดงใส่ขอ้ มลู
ข้ันตอนท่ี 11 ในชอ่ ง Blog Name ให้ตง้ั ช่อื Blog แล้วคลกิ ท่ปี ่มุ Next

ภาพที่ 2.21 แสดงการตั้งชื่อ Blog

15

ขัน้ ตอนที่ 12 คลกิ ที่ปุม่ Next

ภาพที่ 2.22 แสดง Configure Email Support
ขน้ั ตอนที่ 13 ใหน้ าเคร่อื งหมายถูกออก แลว้ คลกิ ท่ปี มุ่ Next

ภาพท่ี 2.23 แสดง Launch wordpress in the cloud with Bitnami

16
ขน้ั ตอนที่ 14 ระบบจะแจ้งว่า พร้อมที่จะติดต้ัง Bitnami ใหค้ ลกิ ท่ปี ่มุ
Next ไดเ้ ลย

ภาพท่ี 2.24 แสดงพร้อมท่ีจะตดิ ตงั้ โปรแกรม
ขน้ั ตอนท่ี 15 หลังจากนั้นระบบจะทาการ Install Bitnami

ภาพที่ 2.25 แสดง Install Bitnami

17
ขน้ั ตอนท่ี 16 มหี น้าตา่ งปรากฏขึน้ มา ใหค้ ลิกทปี่ ุ่ม Allow Access

ภาพที่ 2.26 แสดง Windows Security Alert
ข้ันตอนที่ 17 ข้ันตอนนี้ระบบจะทาการติดตั้งโปรแกรม Bitnami ให้นา
เคร่อื งหมายถกู ออก แลว้ คลกิ ที่ป่มุ Finish

ภาพที่ 2.27 แสดงติดต้ังโปรแกรมเรียบร้อย

18
2.4.2 โปรแกรม Adobe Photoshop CS6

โปรแกรม Photoshop เปน็ โปรแกรมในตระกูล Adobe ท่ีใช้สาหรับตกแต่งภาพและ
ภาพกราฟิก ไดอ้ ยา่ งมปี ระสทิ ธภิ าพไมว่ ่าจะเป็นงานในด้านส่ิงพิมพ์นิตยสาร และงานมัลติมีเดีย อีกท้ัง
ยังสามารถ retouching ตกแต่งภาพและการสร้างภาพ ซ่ึงกาลังเป็นท่ีนิยมสูงมากในขณะน้ี เรา
สามารถใช้โปรแกรม Photoshop ในการตกแต่งภาพ การใส่ Effect ต่าง ๆ ให้กับภาพ และ
ตัวหนังสือการทาภาพขาวดา การทาภาพถ่ายเป็นภาพเขียน การนาภาพมารวมกัน การ Retouch
ตกแตง่ [https://sites.google.com]

ภาพที่ 2.28 แสดงโปรแกรม Adobe Photoshop CS6
2.4.2.1 การติดตัง้ โปรแกรม Adobe Photoshop Cs6

ขัน้ ตอนท่ี 1 คน้ หาและDownload link
https://mawtoload.com/adobe-photoshop-cs6/

ภาพที่ 2.29 แสดงเร่มิ ดาวนโ์ หลดโปรแกรม

19

ข้นั ตอนท่ี 2 แตกไฟล์ที่ Downloadมา แล้ว Double click ที่ Set-up

ภาพที่ 2.30 แสดง Download มา แลว้ แตกไฟล์ออกมาจะข้นึ ดงั ภาพ

ภาพท่ี 2.31 แสดงเมอื่ Double click ท่ี Set-up จะขึ้นดังภาพ
ขนั้ ตอนที่ 3 คลิกที่ Try

ภาพที่ 2.32 แสดงเมื่อ Set-up เสรจ็ สิน้ จะขึ้นดงั ภาพแล้วคลกิ try

20

ขั้นตอนที่ 4 เมอ่ื กดคลิกที่ Try แล้ว คลกิ Sing in

ภาพท่ี 2.33 แสดงคลิก Accept
ขัน้ ตอนท่ี 5 เมื่อคลกิ ที่ Accept แล้ว จึงคลิกที่ Sing in

ภาพที่ 2.34 แสดงคลิก Sing in

21

ขั้นตอนที่ 6 หนา้ นี้ให้กรอก Adobe ID และ Password

ภาพท่ี 2.35 แสดงคลิก Accept
ขั้นตอนที่ 7 ตอ่ มาใหค้ ลกิ ที่ Install แล้วรอสกั พักหนง่ึ

ภาพที่ 2.36 แสดงคลิกที่ Install

22

ข้ันตอนท่ี 9 เมอื่ Install เสรจ็ สมบูรณ์ ใหค้ ลกิ ท่ี Close

ภาพที่ 2.37 แสดงคลิกท่ี Close

23

2.4.2.2 สว่ นประกอบของโปรแกรม Adobe Photoshop CS6
1) แถบเมนคู าสั่ง (Menu Bar) เป็นจดุ รวบรวมชุดคาส่งั ทใ่ี ช้สาหรับเรียกคาส่งั ตา่ ง ๆ

เพื่อใชจ้ ดั การไฟลภ์ าพหรือตกแตง่ ภาพ

ภาพที่ 2.38 แสดงแถบเมนูคาส่งั
2) แถบตวั เลอื ก (Options Bar) เป็นสว่ นทีใ่ ชใ้ นการปรบั แตง่ คา่ การทางานของ
เครอ่ื งมือต่าง ๆ การกาหนดค่าในแถบตวั เลอื กจะเปลย่ี นไปตามเคร่ืองมือท่ีใช้งานอยู่

ภาพที่ 2.39 แสดงแถบตวั เลือก
3) แถบชื่อเรื่อง (Title Bar) เป็นสว่ นที่แสดงช่อื ไฟล์ภาพทเี่ ปิดใช้งานอยู่สาหรบั
โปรแกรม Adobe Photoshop Cs6 แถบชื่อเรื่องจะเรียงกนั เป็นแท็บ (Tab)

ภาพที่ 2.40 แสดงแถบชอื่ เร่ือง
4) แถบสถานะ (Status Bar) เปน็ ส่วนทแ่ี สดงคุณสมบัติเกยี่ วกบั ภาพ เชน่
เปอรเ์ ซ็นตใ์ นการย่อขยายไฟลภ์ าพ ขนาดไฟลภ์ าพ เปน็ ต้น ดังแสดงในภาพ ดังต่อไปน้ี

ภาพที่ 2.41 แสดงแถบสถานะ

24
5) กล่องเคร่ืองมือ (Toolbox) เป็นสว่ นทใี่ ชเ้ ก็บเคร่ืองมือพื้นฐานในการทางานใน
โปรแกรม สามารถเรยี กใช้ชุดเคร่อื งมือย่อยโดยการคลิกรูปสามเหลยี่ มที่มุมดา้ นลา่ ง

ภาพที่ 2.42 แสดงกลอ่ งเครือ่ งมือ

25
6) พ้นื ที่ใช้งาน (Working Area) เป็นส่วนที่ใช้ในการสรา้ งงานกราฟิก โดยการเปดิ
ไฟล์ภาพเพ่ือแก้ไขบนพ้ืนท่ีใช้งาน หรอื วาดภาพใหมล่ งไปบนพนื้ ที่ใชง้ าน

ภาพท่ี 2.43 แสดงพ้นื ทใ่ี ชง้ าน

บทท่ี 3
วิธีการดาเนินโครงการ

บทที่ 3
วิธีการดาเนินงานโครงการ

การดาเนินโครงการ“เว็บไซต์สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล วิทยาลัยเทคนิคระยอง ด้วย
โปรแกรม WordPress” มรี ายละเอยี ดในการดาเนนิ งานโครงการ ดงั น้ี

3.1 การศกึ ษาข้อมูลเบือ้ งตน้
3.2 ประชากรและกลมุ่ ตวั อยา่ ง
3.3 ข้นั ตอนการดาเนนิ งาน
3.4 เครื่องมอื ท่ใี ชใ้ นการเก็บรวบรวมข้อมูล
3.5 ขน้ั ตอนการดาเนินการและเกบ็ รวบรวมข้อมูล
3.6 พิจารณาจากคะแนนตามเกณฑ์
3.7 สถิติท่ใี ช้ในการวิเคราะหข์ อ้ มูล

3.1 การศึกษาข้อมูลเบือ้ งตน้
3.1.1 ศึกษาคน้ คว้าขอ้ มลู จากส่อื ตา่ ง ๆ เช่น อนิ เทอรเ์ นต็ เว็บไซต์
3.1.2 คณะผู้จัดทาร่วมกันศึกษาข้อมูลเกี่ยวกับการใช้โปรแกรม WordPress สาหรับสร้าง

เว็บไซต์สาขาวิชาเทคโนโลยีธุรกจิ ดิจทิ ลั วทิ ยาลัยเทคนิคระยอง
3.1.3 ศึกษาทฤษฎีเก่ียวกบั วิธีการจดั ทาเว็บไซต์
3.1.4 สารวจกล่มุ เปา้ หมายและจดั ทาโครงร่างแบบสอบถามจะเป็นการทาแบบสอบถามความพึง

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

3.2 ประชากรและกลุม่ ตวั อยา่ ง
3.2.1 ประชากร คือ นักเรียนระดับประกาศนียบัตรวิชาชีพ สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล

วิทยาลยั เทคนคิ ระยอง จานวน 382 คน
3.2.2 กลุ่มตวั อยา่ ง คอื นกั เรียนระดบั ประกาศนยี บัตรวิชาชีพ สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล

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

27

ภาพท่ี 3.1 แสดงทฤษฎีมอรแ์ กน

28

3.3 ขัน้ ตอนการดาเนินงาน
3.3.1 การออกแบบผงั งาน

เร่มิ ต้น

ศึกษาและรวบรวมข้อมลู

หาโปรแกรมทีส่ นใจจะใช้สร้างเว็บไซต์
ไมผ่ า่ น

นาเสนอ
ผา่ น

เร่ิมเขยี นเค้าโครงเวบ็ ไซต์

ออกแบบเว็บไซต์

จดั ระเบยี บเว็บไซต์

1
ภาพที่ 3.2 แสดง Flowchart ขน้ั ตอนการทางาน

29

1
ตรวจสอบชน้ิ งาน
นาเวบ็ ไซตม์ าทดลองใช้แลว้ สรุปผล

นาเวบ็ ไซตม์ าทดลองใชแ้ ล้วสรุปผล

เกบ็ ผลความพงึ พอใจ

จดั ทารูปเล่มโครงการใหส้ มบรู ณ์
จบ

ภาพท่ี 3.3 แสดง Flowchart ขน้ั ตอนการทางาน (ตอ่ )

30

3.3.2 ขนั้ ตอนการสรา้ งช้นิ งาน

เริม่ ต้น

หาข้อมลู

วางเคา้ โครงการออกแบบ

เร่มิ ออกแบบ

ทดลองใชเ้ ว็บไซต์ ไมไ่ ด้
ได้
เข้าเว็บไซต์แล้ว
มีขอ้ มูลครบถว้ นสมบรู ณ์

สามารถเข้างานใชง้ านเว็บไซตไ์ ด้

จบ
ภาพท่ี 3.4 แสดงขัน้ ตอนสร้างชน้ิ งาน

31

ภาพที่ 3.5 แสดงข้ันตอนการเลอื กธีม
ภาพท่ี 3.6 แสดงขัน้ ตอนการสร้างเมนู
ภาพที่ 3.7 แสดงขน้ั ตอนการใส่รปู ภาพส่วนหัว

32

ภาพที่ 3.8 แสดงขัน้ ตอนการใสภ่ าพพื้นหลงั
ภาพที่ 3.9 แสดงขั้นตอนการสร้างเวบ็ ไซต์
ภาพที่ 3.10 แสดงหน้าเว็บเพจ

33

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

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

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

ส่วนท่ี 1 ข้อมูลท่ัวไปของผู้ตอบแบบสอบถาม ได้แก่ เพศ อายุ ของผู้ตอบแบบสอบถาม
ความพึงพอใจ

ส่วนท่ี 2 แบบสอบถามความพึงพอใจของเว็บไซต์สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล ด้วย
โปรแกรม WordPress แบ่งเป็น 5 ระดบั

5 หมายถึง ความพงึ พอใจมากที่สดุ
4 หมายถงึ ความพงึ พอใจมาก
3 หมายถึง ความพงึ พอใจปานกลาง
2 หมายถงึ ความพึงพอใจนอ้ ย
1 หมายถงึ ความพงึ พอใจนอ้ ยที่สดุ
ส่วนท่ี 3 ข้อเสนอแนะการจัดทาโครงการเว็บไซต์สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล
วิทยาลยั เทคนิคระยอง ดว้ ยโปรแกรม WordPress

3.4.3 การสรา้ งเครือ่ งมอื ท่ใี ช้ในการเกบ็ รวบรวมขอ้ มูลมดี งั น้ี
3.4.3.1 กาหนดโครงการสรา้ งและขอบข่ายเน้ือหาสาระของแบบสอบถามความพึงพอใจ

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

3.4.3.2 ศกึ ษาแนวทางทฤษฎหี ลักการสรา้ งแบบสอบถามจากตาราบทความทางวชิ าการ
3.4.3.3 ศึกษาวิธีสร้างแบบสอบถามมาตราส่วนประมาณค่า สร้างแบบสอบถามความพึง
พอใจฉบบั รา่ งโดยเขียนข้อความท่สี อดคลอ้ งกบั ตัวแปรที่ศึกษาใหค้ รบถ้วนตามโครงการสร้าง 5 ระดับ
คอื ระดับมากที่สุด ระดบั มาก ระดบั ปานกลาง ระดับนอ้ ย ระดบั นอ้ ยท่ีสดุ
3.4.3.4 ดาเนินการสร้างแบบสอบถามความพึงพอใจข้ึนมาให้ครอบคลุมกับการจัดทา
โครงการเว็บไซต์สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล ด้วยโปรแกรม
WordPress

34

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

3.4.3.6 จัดทาแบบสอบถามความพึงพอใจฉบับสมบูรณ์ตามคาแนะนาของอาจารย์ที่
ปรึกษาโครงการ นามาจัดทาแบบสอบถามความพงึ พอใจฉบบั บสมบรู ณ์

3.5 ขัน้ ตอนการดาเนินการและเกบ็ รวบรวมข้อมูล
3.5.1 การวางแผนของโครงการ
3.5.1.1 สรปุ หัวข้อโครงการ
3.5.1.2 ศึกษาเน้ือหาที่เกย่ี วข้องในการจัดทาโครงการ ต้องการปัจจัยใดบ้างในการนามา

จัดทาโครงการ
3.5.2 นาเสนอโครงการ
3.5.3 การดาเนินงานในโครงการมีเน้อื หา 5 บท สามารถสรุปไดด้ ังนี้
3.5.3.1 จัดทาโครงการใหไ้ ด้ใจความ
1) บทท่ี 1 บทนาโดยเนื้อหาเกี่ยวกับความเป็นมา วัตถุประสงค์ ขอบเขตและ

ประโยชนท์ ี่คาดวา่ จะได้รับ
2) บทท่ี 2 เอกสารและทฤษฎที ีเ่ กย่ี วขอ้ ง แนวคิดเกย่ี วกับเวบ็ ไซต์

แนวคิคเกีย่ วกับเทคโนโลยี
3) บทท่ี 3 การดาเนินโครงการ
4) บทที่ 4 ผลการดาเนนิ การ
5) บทที่ 5 สรุปผล

3.5.4 จดั ชน้ิ งานเปน็ รูปเลม่
3.5.5 สรุปผลจากแบบสอบถาม
3.5.6 รายงานผลการดาเนินการและนาเสนอต่ออาจารยท์ ปี่ รึกษาโครงการ

35

3.6 พิจารณาจากคะแนนตามเกณฑ์
เคร่อื งมือเกบ็ รวบรวมข้อมูล ได้แก่ แบบสอบถาม เพอ่ื สารวจความพงึ พอใจของนักเรยี น

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

3.6.1 สรา้ งแบบสอบถาม โดยมีตราสว่ นประมาณค่า (Rating scale) 5 ระดบั ดงั น้ี
(https://www.ms.src.ku.ac.th)

5 หมายถงึ มากท่สี ุด
4 หมายถงึ มาก
3 หมายถึง ปานกลาง
2 หมายถงึ นอ้ ย
1 หมายถงึ น้อยท่สี ุด

3.6.2 เกณฑก์ ารประเมินความพึงพอใจ กาหนดค่าคะแนนออกเปน็ 5 ระดับ ดงั นี้

(https://www.ms.src.ku.ac.th)

4.50 - 5.00 หมายถงึ ความพึงพอใจอยู่ในระดบั มากท่ีสุด

3.50 - 4.49 หมายถงึ ความพึงพอใจอยู่ในระดับมาก

2.50 - 3.49 หมายถึงความพงึ พอใจอยู่ในระดับปานกลาง

1.50 - 2.49 หมายถึงความพึงพอใจในระดับน้อย

0.50 - 1.49 หมายถึงความพงึ พอใจในระดับน้อยทส่ี ุด

หมายเหตุ คะแนน 3.50 หรอื มากวา่ ขึน้ ไปถอื วา่ ผ่านเกณฑ์

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

โปรแกรม WordPress สถติ ิทใ่ี ช้ในการวเิ คราะหข์ ้อมูลแบ่งออกได้ ดังนี้
3.7.1 สูตรการหาค่า สถติ ริ ้อยละ (Percentage)

สูตร p = × 100
เม่ือ p แทน รอ้ ยละ

F แทน ความถ่ีท่ตี อ้ งการแปลคา่ ใหเ้ ปน็ ร้อยละ
n แทน จานวนความถ่ีทั้งหมด

36

3.7.2 สูตรการหาคา่ เฉล่ยี ( ̅)

สตู ร ⃐ = ∑



เมื่อ ⃐ คอื คา่ เฉล่ียเลขคณิต
∑ คือ ผลบวกของขอ้ มลู ทกุ ค่า
n คอื จานวนข้อมูลทง้ั หมด

3.7.3 การหาคา่ เฉลี่ยเบยี่ งเบนมาตรฐาน (S.D. Standard Deviation)

สตู ร . = √ ∑ 2−(∑ )2

( −1)

เม่อื X คอื ขอ้ มลู ( ตัวท่ี 1,2,3,….,n )
⃐ คอื คา่ เฉลี่ยเลขคณิต
n คือ จานวนข้อมูลทงั้ หมด

บทที่ 4
ผลการดาเนินโครงการ

บทที่ 4
ผลการดาเนินโครงการ