ilovepdf_merged (6)

เว็บไซต์สาขาวชิ าเทคโนโลยีธรุ กจิ ดจิ ิทัล วทิ ยาลยั เทคนคิ ระยอง
ดว้ ยโปรแกรม 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 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 ประโยชนท์ ่ไี ดร้ บั

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

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

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

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

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

37