การออกแบบสื่อการเรียนรู้ สาขาเทคโนโลยีธุรกิจดิจิทัล ด้วยโปรแกรม Adobe Photoshop CS6

การออกแบบสอื่ การเรยี นรู้ สาขาวชิ าเทคโนโลยีธุรกิจดจิ ิทัล
ดว้ ยโปรแกรม Adobe Photoshop CS6

Instructional Media Digital Business Technology Design by
Adobe Photoshop CS6

นางสาวปนดั ดา จันทร์หอม รหัสนักเรียน 6122040057
นายภัทรพล อนิ ทรสมบัติ รหัสนักเรียน 6122040062
นางสาวสนุ ันทนิ ี สมุทรเสน รหัสนักเรียน 6122040077

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

ก

ช่ือโครงการ ส่ือการเรยี นรู้ สาขาวิชาเทคโนโลยธี ุรกิจดจิ ิทลั

สาขาวชิ า ดว้ ยโปรแกรม Adobe Photoshop CS6
ผู้รบั ผดิ ชอบโครงการ
Instructional Media Digital Business
อาจารย์ทปี่ รกึ ษา
ปีการศกึ ษา Technology Design by Adobe Photoshop CS6

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

1.นางสาวปนดั ดา จันทร์หอม รหัสนกั เรยี น 6122040067

2.นายภทั รพล อินทรสมบัติ รหัสนักเรียน 61220400

3.นางสาวสุนนั ทนิ ี สมุทรเสน รหสั นกั เรยี น 6122040077

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

นางสาวพัณณ์ชิตา คำมะฤทธิ์สินชยั

2563

บทคดั ย่อ

การจดั ทำโครงการครั้งน้ี มวี ัตถปุ ระสงค์เพื่อสร้างส่ือการเรียนรู้ สาขาวิชาเทคโนโลยีธุรกิจ
ดิจิทัล ด้วยโปรแกรม Adobe Photoshop CS6 ศึกษาความพึงพอใจของนักเรียน-นักศึกษา และ
คณะอาจารย์ สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล วทิ ยาลัยเทคนิคระยอง ที่มีต่อส่อื การเรียนรู้ สาขาวิชา
เทคโนโลยธี ุรกจิ ดิจิทัลด้วยโปรแกรม Adobe Photoshop CS6 และเผยแพร่ส่ือการเรียนรู้ สาขาวิชา
เทคโนโลยีธุรกิจดิจิทัล ด้วยโปรแกรม Adobe Photoshop CS6 ผ่านโครงการประกวดโครงการ
วิชาชีพ ชมรมวิชาชีพสาขาวิชาเทคโนโลยีธุรกิจดิจิทัล โดยมีกลุ่มตัวอย่างที่ใช้ในการเก็บผลข้อมูล คือ
นักเรียน–นักศึกษาและคณะอาจารย์สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล วิทยาลัยเทคนิคระยอง จำนวน
217 คน เครื่องมือท่ีใช้ในการประเมิน คือแบบสอบถามความพึงพอใจของนักเรียน-นักศึกษาและ
คณะอาจารย์สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล ซึ่งสถิติที่ใช้ในการวิเคราะห์ข้อมูล คือ สูตรการหา

ค่าสถิติรอยละ (Percentage) สูตรการหาค่าเฉล่ีย ( ) และสูตรการหาค่าเฉลี่ยเบ่ียงเบนมาตรฐาน
(S.D. Standard Deviation)

ผลของโครงการพบว่าความพึงพอใจสื่อการเรียนรู้ สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล ด้วย

โปรแกรม Adobe Photoshop CS6 ภาพรวมอยู่ในระดับมาก ( = 4.02,S.D=7.72) เม่ือพิจารณา

รายการทั้ง 3 ด้านท่ีมีค่าเฉล่ียจากมากไปน้อยพบว่า ด้านเนื้อหาภาพรวมอยู่ในระดับมากท่ีสุด ( =

4.00,S.D=0.73),ด้านการออกแบบช้ินงานภาพรวมอยู่ในระดับมาก ( = 4.00,S.D=0.75) และด้าน

ผลสัมฤทธช์ิ ิน้ งานภาพรวมอยใู่ นระดับมาก ( = 4.00,S.D=0.75) ตามลำดบั
คำสำคัญ : แนวคิดเก่ียวกับการออกแบบ/แนวคิดเก่ียวกับปา้ ยบอร์ดประชาสัมพันธ์/แนวคิด

เกยี่ วกับเทคโนโลยีดจิ ทิ ลั /แนวคิดเกี่ยวกับส่ือการเรียนรู้/แนวคิดเก่ียวกบั โปรแกรม

ข

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

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

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

คณะผูจ้ ัดทำ

สารบัญ ค

เรอื่ ง หน้า
บทคดั ย่อ ก
กิตตกิ รรมประกาศ ข
สารบัญ ค
สารบญั (ตอ่ ) ค
สารบัญตาราง ง
สารบัญภาพ จ
สารบญั ภาพ (ตอ่ ) จ
สารบัญภาพ (ตอ่ ) จ
บทที่ 1 บทนำ
1
1.1 ความเปน็ มาและความสำคัญของโครงการ 1
1.2 วัตถปุ ระสงค์ของโครงการ 2
1.3 ขอบเขตของโครงการ 2
1.4 ผลทีค่ าดวา่ จะได้รบั 3
1.5 คำจำกัดความ
บทที่ 2 เอกสารและทฤษฎีท่ีเกย่ี วขอ้ ง 4
2.1 แนวคดิ เกี่ยวกับการออกแบบ 5
2.2 แนวคดิ เก่ียวกบั ปา้ ยบอร์ดประชาสัมพนั ธ์ 8
2.3 แนวคิดเกย่ี วกับเทคโนโลยีดิจทิ ัล 8
2.4 แนวคดิ เกย่ี วกบั ส่ือการเรียนรู้ 10
2.5 แนวคดิ เกย่ี วกบั โปรแกรม Adobe Photoshop CS6
บทท่ี 3 การดำเนินโครงการ 11
3.1 การศกึ ษาขอ้ มลู เบือ้ งตน้ 11
3.2 ประชากรและกลุ่มตัวอยา่ ง 12
3.3 ขนั้ ตอนการดำเนนิ งาน 21
3.4 เครือ่ งมอื ท่ีใช้ในการเก็บรวบรวมขอ้ มลู 22
3.5 ขั้นตอนการดำเนินการและเกบ็ รวบรวมขอ้ มูล 22
3.6 พจิ ารณาจากคะแนนตามเกณฑ์ 23
3.7 สถิติทีใ่ ช้ในการวิเคราะห์ข้อมลู

สารบญั (ต่อ) ค

เรอ่ื ง หนา้
บทที่ 4 ผลการดำเนินโครงการ 41
48
4.1 ผลการดำเนินโครงการ 48
บทที่ 5 สรปุ ผล อภิปรายผล และขอ้ เสนอแนะ 49

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

สารบัญตาราง ง

ตารางที่ หนา้
4.1 แสดงจำนวนความพึงพอใจคิดเป็นร้อยละจำแนกตามเพศ 41
4.2 แสดงจำนวนความพึงพอใจคดิ เปน็ ร้อยละจำแนกตามอายุ 42
4.3 แสดงความพึงพอใจด้านเนอื้ เร่ือง 43
4.4 แสดงความพงึ พอใจดา้ นการออกแบบ 44
4.5 แสดงความพึงพอใจดา้ นเสยี งและวีดโี อ 45
4.6 แสดงสถิตริ ะดับความพงึ พอใจการออกแบบสอื่ 46

สารบัญภาพ จ

ภาพท่ี หนา้
2.1 แสดงการออกแบบ 4
2.2 แสดงการออกบา้ นเรือน 5
2.3 แสดงการออกแบบตกแตง่ บ้าน 6
2.4 แสดงการออกแบบทางวศิ วกรรม 7
2.5 การออกแบบบรรจผุ ลติ ภัณฑ์ 7
2.6 แสดงป้ายบอร์ดประชาสมั พนั ธ์ 8
2.7 แสดงปา้ ยไวนิล 8
2.8 แสดงปา้ ยโอลอัพ 9
2.9 แสดงป้ายบลิ บอรด์ 9
2.10 แสดงป้ายตวั อกั ษร 10
2.11 แสดงป้ายไฟ กล่องไฟ 10
2.12 แสดงเทคโนโลยีธรุ กจิ ดิจทิ ลั 11
2.13 แสดงDigital Business 12
2.14 แสดง MeaningTransform Into Digital 13
2.15 แสดงสือ่ การเรยี นรู้ 13
2.16 แสดงสื่อการเรียนรู้ 14
2.17 แสดงสื่อกราฟิก 15
2.18 แสดงสื่อประเภทของคอมพิวเตอร์ 15
2.19 แสดง QR CODE Generator 17
2.20 แสดงหน้าตา่ งโปรแกรม 18
2.21 แสดงโฟลเดอรท์ ่ดี าวนโ์ หลด 18
2.22 แสดงการติดตงั้ Photoshop CS6 18
2.23 แสดงหนา้ ต่าง Try 19
2.24 แสดงหนา้ ต่างการดาวนโ์ หลดโปรแกรม 19
2.25 แสดงหน้าตา่ งการดาวน์โหลดโปรแกรม 20
2.26 แสดงหน้าตา่ งการดาวน์โหลดโปรแกรม 20
2.27 แสดงหน้าต่างการดาวน์โหลดโปรแกรม 21
2.28 แสดงหน้าตา่ งการดาวนโ์ หลดโปรแกรม 21

จ

สารบญั ภาพ (ต่อ) หนา้
22
ภาพที่ 23
2.29 แสดงแถบเมนคู ำส่ัง 23
2.30 แสดงแถบตัวเลือก 24
2.31 แสดงกลอ่ งเคร่ืองมอื 24
2.32 แสดงแถบช่ือเรื่อง 25
2.33 แสดงแถบสถานะ 25
2.34 แสดงพาเนล Navigator 26
2.35 แสดงพาเนล Color 26
2.36 แสดงพาเนล Swatches 26
2.37 แสดงพาเนล Styles 27
2.38 แสดงพาเนล Adjustments 27
2.39 แสดงพาเนล Layers 12
2.40 แสดงพาเนล History 13
3.1 แสดงตัวอยา่ งทฤษฎีมอแกน 14
3.2 แสดงผงั งานข้นั ตอนการทำงาน 15
3.3 แสดงขัน้ ตอนสร้างชนิ้ งาน 15
3.4 แสดงบดิ คอยนค์ ืออะไร 16
3.5 แสดงชูเทคโนโลยีดจิ ทิ ลั สร้างประสบการณ์ 16
3.6 แสดงนกั การตลาดดจิ ิทลั 17
3.7 แสดงการตลาด เพอ่ื ผบู้ ริโภคยุคดิจิตอล 17
3.8 แสดงความเข้าใจ การเข้าถึง และการสือ่ สารผา่ นเทคโนโลยีในยุค ดจิ ิทลั 18
3.9 แสดงธรุ กจิ ดิจทิ ลั ธุรกจิ ออนไลน์ 18
3.10 แสดงอาชพี จบสาขาธุรกจิ ดจิ ทิ ลั มี 19
3.11 แสดง Digital Transformation คืออะไร 19
3.12 แสดงความสำคญั ของการใช้เทคโนโลยใี นยุคดจิ ทิ ลั 20
3.13 แสดงการวางเค้าโครงการออกแบบ 20
3.14 แสดงเรม่ิ ออกแบบออกแบบ
3.15 แสดงทดลองสแกน QR Code

สารบญั ภาพ (ตอ่ ) จ

ภาพท่ี หน้า
4.1 แผนภมู ิแสดงความพงึ พอใจจำแนกตามเพศ 41
4.2 แผนภมู ิแสดงจำแนกตามอายุ 42
4.3 แผนภูมิแสดงความพงึ พอใจด้านเนอ้ื เร่ือง 43
4.4 แสดงความพึงพอใจด้านการออกแบบ 44
4.5 แผนภมู ิแสดงความพงึ พอใจด้านเสียงและวีดโี อ 45
4.6 แผนภูมิแทง่ แสดงสถิติรวมความพงึ พอใจ 47
ข.1 หาข้อมลู การออกแบบสอื่ การเรียนรู้ 9 วีดโี อ 56
ข.2 วางเค้าโครงการออกแบบ 57
ข.3 เริ่มออกแบบออกแบบ 58
ข.4 ทดลองสแกน QR Code 59
ข.5 ช้นิ งานสำเร็จ 60
ข.6 แสดงการเกบ็ ผล 61
ข.7 แสดงการเกบ็ ผล 62
ข.8 แสดงการเกบ็ ผล 63

บทที่ 1
บทนำ

บทที่ 1
บทนำ

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

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

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

ดังนั้นคณะผู้จัดทำจึงออกแบบสื่อการเรียนรู้สาขาวิชาเทคโนโลยีธุรกจิ ดิจิทลั ด้วยโปรแกรม
Adobe Photoshop CS6 เพื่อการเรียนรู้สิ่งใหม่ ๆ มากขึ้นและง่ายต่อการค้นหาข้อมูลโดยไม่ต้อง
คน้ หาขอ้ มูลเพียงแคส่ แกน QR Code ก็สามารถเรียนรู้ได้โดยง่าย

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

Photoshop CS6
1.2.2 เพื่อศึกษาความพึงพอใจของนักเรียน-นักศึกษา และคณะอาจารย์ สาขาวิชาเทคโนโลยี

ธุรกิจดิจิทัล วิทยาลัยเทคนิคระยอง ที่มีต่อส่ือการเรียนรู้ สาขาวิชาเทคโนโลยีธุรกิจดิจิทัลด้วย
โปรแกรม Adobe Photoshop CS6

1.2.3 เพ่ือเผยแพร่ส่ือการเรียนรู้ สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล ด้วยโปรแกรม Adobe
Photoshop CS6 ผ่านโครงการประกวดโครงการวิชาชีพ ชมรมวิชาชีพสาขาวิชาเทคโนโลยีธุรกิจ
ดิจิทัล

2

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

ดจิ ทิ ลั วทิ ยาลยั เทคนิคระยอง จำนวน 514 คน
1.3.1.2 กลุ่มตัวอย่าง คือนักเรียน – นักศึกษาและคณะอาจารย์สาขาวิชาเทคโนโลยี

ธุรกจิ ดิจทิ ลั วิทยาลัยเทคนิคระยอง จำนวน 217 คน
1.3.2 ขอบเขตชน้ิ งาน
1.3.2.1 ดา้ นฮารด์ แวร์
1) คอมพวิ เตอร์พกพา Lenovo Ideapad G4070Cpu : i3 Window 10
2) โทรศพั ท์มอื ถือ I Phone 6 ชปิ เซ็ตApple A9 Dual-Core Ram 2 GB
1.3.2.2 ดา้ นซอฟต์แวร์
1) เว็บไซต์ QR Code Generator
2) โปรแกรม Adobe Photoshop Cs6
1.3.3 เครื่องมือที่ใช้ในการประเมินผล คือ ส่ือการเรียนรู้ สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล ด้วย

โปรแกรม Adobe Photoshop CS6 และแบบสอบถามความพึงพอใจ ของนกั เรียน – นกั ศึกษา และ
คณะอาจารย์ สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล วิทยาลัยเทคนิคระยอง ที่มตี ่อสอ่ื การเรียนรู้ สาขาวิชา
เทคโนโลยธี รุ กจิ ดจิ ทิ ลั ด้วยโปรแกรม Adobe Photoshop CS6

1.4 ผลทีค่ าดวา่ จะได้รบั
1.4.1 ไดส้ อื่ การเรียนรู้สาขาวิชาเทคโนโลยธี ุรกิจดจิ ทิ ลั ด้วยโปรแกรม Adobe Photoshop CS6
1.4.2 ได้ความพึงพอใจของนักเรียน - นักศึกษา และคณะอาจารย์ สาขาวิชาเทคโนโลยีธุรกิจ

ดิจิทัล วิทยาลัยเทคนิคระยอง ท่ีมีต่อสื่อการเรียนรู้ สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล ด้วยโปรแกรม
Adobe Photoshop CS6 อยใู่ นระดับมาก

1.4.3 ได้เผยแพร่ส่ือการเรียนรู้สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล ด้วยโปรแกรม Adobe
Photoshop CS6 ผ่านโครงการประกวดโครงการวิชาชีพ ชมรมวิชาชีพ สาขาวิชาเทคโนโลยีธุรกิจ
ดจิ ิทลั

3

1.5 คำจำกัดความ
1.5.1 แนวคิดเก่ียวกับการออกแบบ หมายถึง การสร้างสรรค์สิ่งใหม่ การถ่ายทอดรูปแบบจาก

ความคิดออกมาเป็นผลงาน ที่ผู้อื่นสามารถมองเห็น รับรู้ หรือสัมผัสได้ ซ่ึงการออกแบบครอบคลุมถึง
การออกแบบวัตถุ

1.5.2 แนวคิดเกี่ยวกับป้ายบอร์ดประชาสัมพันธ์ หมายถึง วัตถุที่แสดงหรือโฆษณาด้วยอักษร
ภาพ หรอื เครอ่ื งหมายท่เี ขยี น

1.5.3 แนวคดิ เกย่ี วกบั เทคโนโลยดี จิ ทิ ลั หมายถงึ ทักษะความเข้าใจและใช้เทคโนโลยีดิจทิ ลั
หรอื Digital literacy หมายถึง ทกั ษะในการนำเคร่ืองมือ อุปกรณ์ และเทคโนโลยีดจิ ิทัลที่มอี ยู่ใน
ปจั จบุ นั

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

1.5.5 แนวคิดเก่ียวกับโปรแกรม Adobe Photoshop CS6 หมายถึง โปรแกรมประยุกต์มี
ความสามารถในการจดั การแกไ้ ขและตกแตง่ รปู ภาพ

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

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

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

2.1 แนวคิดเกี่ยวกบั การออกแบบ
2.2 แนวคดิ เกีย่ วกบั ป้ายบอร์ดประชาสัมพนั ธ์
2.3 แนวคิดเกย่ี วกบั เทคโนโลยดี จิ ทิ ลั
2.4 แนวคิดเกี่ยวกบั ส่อื การเรียนรู้
2.5 แนวคดิ เกย่ี วกบั โปรแกรม Adobe Photoshop CS6

2.1 แนวคดิ เกย่ี วกับการออกแบบ
2.1.1 ความหมายของการออกแบบ
การออกแบบ หมายถึง การแสดงออกให้เห็นได้ในผลงานที่ออกแบบหากผู้ออกแบบมี

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

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

ภาพที่ 2.1 แสดงการออกแบบ

5

2.1.2 ประเภทของการออกแบบ
2.1.2.1 การออกแบบทางสถาปัตยกรรม (Architecture Design) เปน็ การออกแบบเพื่อ

การก่อสร้าง สิ่งก่อสร้างต่าง ๆ นักออกแบบสาขาน้ี เรียกว่า สถาปนิก (Architect) ซ่ึงโดยท่ัวไป
จะต้องทำงานร่วมกับ วิศวกรและมัณฑนากร โดยสถาปนิกรับผิดชอบเกี่ยวกับประโยชน์ใช้สอยและ
ความงามของสิ่งก่อสรา้ ง งานทางสถาปตั ยกรรม ไดแ้ ก่

1) สถาปัตยกรรมทั่วไป เป็นการออกแบบส่ิงก่อสร้างท่ัวไป เช่น อาคาร
บา้ นเรือนร้านคา้ โบสถ์ วิหาร ฯลฯ

2) สถาปัตยกรรมโครงสร้าง เป็นการออกแบบเฉพาะโครงสร้างหลักของ
อาคาร

3) สถาปัตยกรรมภายใน เป็นการออกแบบทต่ี ่อเน่ืองจากงานโครงสร้างทเี่ ป็น
ส่วนประกอบของอาคาร

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

5) งานออกแบบผังเมือง เป็นการออกแบบท่ีมีขนาดใหญ่ และมีองค์ประกอบ
ซบั ซ้อน ซงึ่ ประกอบ ไปด้วยกลุม่ อาคารจำนวนมาก ระบบภมู ทิ ศั น์ ระบบสาธารณปู โภค ฯลฯ

ภาพที่ 2.2 แสดงการออกบ้านเรือน

6

2.1.2.2 การออกแบบตกแต่ง (Decorative Design) เป็นการออกแบบเพือ่ การตกแต่งสิ่ง
ต่างๆ ให้สวยงามและเหมาะสมกับ ประโยชน์ใช้สอยมากขึ้น นักออกแบบเรียกว่า มัณฑนากร
(Decorator) ซึง่ มกั ทำงานรว่ มกับสถาปนกิ งานออกแบบประเภทน้ี ไดแ้ ก่

1) งานตกแต่งภายใน (Interior Design)
2) งานตกแต่งภายนอก (Exterior Design)
3) งานจดั สวนและบรเิ วณ ( Landscape Design)
4) งานตกแต่งมมุ แสดงสนิ คา้ (Display)
5) การจัดนิทรรศการ (Exhibition)
6) การจดั บอรด์
7) การตกแตง่ บนผวิ หนา้ ของส่งิ ต่าง ๆ เป็นต้น ฯลฯ

ภาพท่ี 2.3 แสดงการออกแบบตกแตง่ บา้ น
2.1.2.3 การออกแบบทางวิศวกรรม (Engineering Design) เป็นการออกแบบเพ่ือการ
ผลติ ผลติ ภณั ฑ์ชนิดตา่ ง ๆ เช่นเดียวกับ การออกแบบผลิตภัณฑ์ ซึ่งมคี วามเก่ียวข้องกนั ต้องใชค้ วามรู้
ความสามารถและเทคโนโลยีในการผลิตสูงผู้ออกแบบคือ วิศวกร ซึ่งจะรับผิดชอบในเรื่องของ
ประโยชน์ใชส้ อย ความปลอดภยั และกรรมวิธีในการผลิต บางอยา่ งต้องทำงานร่วมกันกับนักออกแบบ
สาขาต่าง ๆ ดว้ ย งานออกแบบประเภทนี้ ไดแ้ ก่

1) งานออกแบบเครือ่ งใช้ไฟฟ้า
2) งานออกแบบเครอ่ื งยนต์
3) งานออกแบบเคร่อื งจกั รกล
4) งานออกแบบเคร่ืองมอื สอ่ื สาร
5) งานออกแบบอปุ กรณ์อเิ ล็กทรอนิกส์ต่าง ๆ ฯลฯ

7

ภาพที่ 2.4 แสดงการออกแบบทางวิศวกรรม
2.1.2.4 การออกแบบผลิตภัณฑ์ (Product Design) เป็นการออกแบบเพื่อการผลิต
ผลิตภัณฑ์ ชนิดต่าง ๆ งานออกแบบสาขานี้ มีขอบเขตกว้างขวางมากที่สุด และแบ่งออกได้มากมาย
หลาย ลกั ษณะ นกั ออกแบบรับผดิ ชอบเกยี่ วกับประโยชน์ใช้สอยและความสวยงามของผลิตภัณฑ์ งาน
ออกแบบประเภทนี้ ไดแ้ ก่

1) งานออกแบบเฟอร์นิเจอร์
2) งานออกแบบครุภัณฑ์
3) งานออกแบบเครอ่ื งสขุ ภัณฑ์
4) งานออกแบบเครอ่ื งใชส้ อยต่าง ๆ
5) งานออกแบบเครือ่ งประดบั อัญมณี
6) งานออกแบบเครือ่ งแต่งกาย
7) งานออกแบบภาชนะบรรจผุ ลิตภัณฑ์
8) งานออกแบบผลติ เคร่อื งมอื ตา่ ง ๆ ฯลฯ

ภาพท่ี 2.5 การออกแบบบรรจุผลิตภณั ฑ์

8
2.2 แนวคดิ เกี่ยวกับปา้ ยบอรด์ ประชาสัมพนั ธ์

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

ภาพท่ี 2.6 แสดงป้ายบอร์ดประชาสัมพันธ์
2.2.2 ปา้ ยไวนิล ปา้ ยประเภทน้ีจะมีอยู่ 2 แบบ คือ แบบ ทบึ กับไมโ่ ปร่งแสง เป็นป้ายท่ีใชไ้ ดท้ ้ัง
ภายนอกและภายใน แต่ส่วนใหญ่นิยมใช้ป้ายทึบ ส่วนป้ายไวนิลโปร่งแสงจะนิยมใช้กับงานประเภท
กล่องไฟ เพอ่ื ให้ป้ายดูโด่นเด่นขน้ึ [www.lannamedia.co.th/blog/label.html]

ภาพท่ี 2.7 แสดงป้ายไวนลิ

9
2.2.3 ป้ายโรลอพั ปา้ ยโฆษณาสินคา้ ส่วนมากนยิ มใช้ออกงานบทู งานป้ายประเภทนี้สามารถ
มว้ นเก็บได้ มนี ้ำหนกั ที่เบาและขนย้ายได้ สะดวก [www.lannamedia.co.th/blog/label.html]

ภาพท่ี 2.8 แสดงปา้ ยโอลอัพ
2.2.4 ป้ายบลิ บอร์ดหรือปา้ ยโฆษณากลางแจ้งขนาดใหญ่ เหมาะสำหรับงานประชาสมั พันธ์
สินค้า ท่เี จาะกลุ่มเป้าหมายได้อยา่ งชดั เจน เพราะมีลักษณะใหญแ่ ละดงึ ดดู ความน่าสนใจ
[www.lannamedia.co.th/blog/label.html]

ภาพที่ 2.9 แสดงปา้ ยบิลบอร์ด

10
2.2.5 ป้ายตัวอกั ษรปา้ ยอักษร ส่วนใหญ่ปา้ ยประเภทน้ีใชก้ ับ ปา้ ยชอื่ บรษิ ทั หรอื ปา้ ยช่ือรา้ น
เนอื่ งจากให้มมุ มองทเ่ี ปน็ 3 มิติ โดดเดน่ และทนั สมัย [www.lannamedia.label.html]

ภาพท่ี 2.10 แสดงปา้ ยตวั อกั ษร
2.2.6 ป้ายไฟ กล่องไฟ ป้ายไฟ เปน็ ป้ายทม่ี ีองคป์ ระกอบต่าง ๆ หลายส่วนในการทำ สว่ นใหญ่
ป้ายประเภทนี้ เหมาะสำหรบั ปา้ ยบรษิ ัท ปา้ ยหนา้ รา้ น ปา้ ยน้สี ามารถกำหนดรูปร่างได้ตามใจชอบ
และทำไดห้ ลากหลายรปู ทรง เพราะจะทำให้ปา้ ยดโู ดนเดน่ และนา่ สนใจ
[www.lannamedia.co.th/blog/label.html]

ภาพท่ี 2.11 แสดงปา้ ยไฟ กลอ่ งไฟ

11

2.3 แนวคดิ เก่ยี วกบั เทคโนโลยีดิจทิ ลั
2.3.1 ความหมายของเทคโนโลยดี จิ ทิ ลั
เทคโนโลยีดจิ ิทลั หมายถึง ทักษะในการนำเครอื่ งมือ อปุ กรณ์ และเทคโนโลยีดจิ ิทลั ที่มี

อยู่ในปัจจุบัน อาทิ คอมพิวเตอร์ โทรศัพท์ แท็บเลต โปรแกรมคอมพิวเตอร์ และสอื่ ออนไลน์ มาใชใ้ ห้
เกิดประโยชน์สูงสุด ในการส่ือสาร การปฏิบัติงาน และการทำงานร่วมกัน หรือใช้เพ่ือพัฒนา
กระบวนการทำงาน หรือระบบงานในองค์กรให้มีความทันสมยั และมปี ระสทิ ธิภาพ ประหยัดคา่ ใช้จา่ ย
และการแลกเปล่ียนสนิ ค้าสามารถเกิดข้นึ ไดท้ ุกเวลา ทกุ วินาที ซึ่งแตกต่างจากสมัยก่อนที่ยงั ไมม่ รี ะบบ
ดจิ ิทัลคอมเมิร์ซ จะต้องรอเวลาให้ผู้ซอ้ื และผู้ขายมาเจอกัน จึงจะเกดิ การแลกเปลี่ยนสินค้าได้ ในสมัย
ยุคเริ่มแรกดิจิทัลคอมเมิร์ซ ยังไม่ค่อยเป็นที่รู้จักของผู้คน และผู้คนต่างก็กลัวการถูกโกงต่าง ๆ และ
การสร้างระบบดิจิทัลคอมเมิร์ซ ในสมัยก่อนนั้น จำเป็นต้องอาศัยผู้เช่ียวชาญ หรือนักโปรแกรมเมอร์
ในการสร้างระบบดิจิทัลคอมเมิร์ซข้ึนมา แต่ในปัจจุบันนี้ ได้มีการพัฒนาความก้าวหน้า ของระบบ
ดิจทิ ัลคอมเมริ ์ซมากข้ึน ผูท้ ี่ต้องการใช้ระบบ ไมจ่ ำเป็นต้องอาศัยผเู้ ช่ียวชาญ หรือนักโปรแกรมเมอร์ใน
การเขียนระบบดิจิทัลคอมเมิร์ซข้ึนมาแล้ว ซึ่งใคร ๆ ก็สามารถมาเข้ามาทำการค้าขาย ด้วยระบบ
ดิจิทัลคอมเมิร์ซได้ทุกคน และ ระบบดิจิทัลคอมเมิร์ซ ยังมีความน่าเช่ือถือมากข้ึนกว่าสมัยยุคเรม่ิ แรก
อีกด้วย ดังนั้นระบบดิจิทัลคอมเมิร์ซ จึงเป็นท่ีนิยมแพร่หลาย และมีผู้ใช้เป็นจำนวนมาก ธุรกิจดิจิทัล
คือ การสร้างการออกแบบธุรกิจใหม่ ๆ โดยการทำให้โลกดิจิตอลและโลกทางกายภาพเบลอ สัญญานี้
จะนำพาผู้คนธุรกิจและสิ่งต่าง ๆ ท่ีขัดขวางโมเดลทางธุรกิจท่ีมีอยู่ซ่ึงรวมถึงผู้ท่ีเกิดจากอินเทอร์เน็ต
และยุคธุรกิจอีคอมเมิร์ซส่ิงท่ีทำให้ธุรกิจดิจิทัลแตกต่างจากธุรกิจอีเล็คทรอนิคส์คือการมีส่วนร่วมของ
ส่ิงต่าง ๆ เช่ือมต่อและชาญฉลาดกับผู้คนและธุรกิจ ในธุรกิจค้าปลีกธุรกิจดิจิทัลอาจเก่ียวข้องกับการ
ให้บริการลูกค้าแฟชั่นรายย่อยในโลกท่ีมีการผสมผสานอย่างลงตัวระหว่างรูปแบบดิจิทัลและทาง
กายภาพท่ีผสมผสานขอบเขตระหว่างทั้งสอง ตัวอย่างเช่นลูกค้าจะเข้าสู่ร้านเครื่องแต่งกายขายปลีก
ลองทำเสือ้ โคท้ และระบบจดั เก็บจะรู้เรือ่ งน้ีได้ [www.1th.me/yuQub]

ภาพท่ี 2.12 แสดงเทคโนโลยีธรุ กจิ ดิจิทัล

12

2.3.2 Digital Business Meaning คือการนำเทคโนโลยีต่าง ๆ เข้ามาพัฒนาธุรกิจที่ทำ
อยู่เพื่อเพิ่มความสะดวกสบายให้ทั้งผู้ประกอบการและผู้บริโภคในการเลือกซื้อสินค้าหรือ
บริการต่าง ๆ แต่จุดประสงค์หลักๆก็คือการหาทางเพิ่มยอดขายให้กับธุรกิจนั่นเอง เช่น การนำ
Application มาช่วยในการเข้าถึงผู้บริโภคยุคใหม่ที่ชอบใช้ smart phone,การสร้างช่องทาง
ขายผ่านสื่อ Social mediaต่าง ๆ และการทำโฆษณารวมไปถึงการสั่งซื้อและจัดส่งสินค้าใน
แบบ online เป็นต้น ภาพรวมของ Digital Business คือการเปลี่ยนแปลงธุรกิจที่มีอยู่
แบบเดิมให้เป็นธุรกิจแบบท่ีมีการใช้เทคโนโลยีเข้ามาช่วยปรับเปลี่ยนโครงสร้าง

ภาพท่ี 2.13 แสดงDigital Business
2.3.3 MeaningTransform Into Digital เริ่ ม ต้ น จ า ก ก า รส ร้า งช่ อ งท า งใน social
media เพื่อนำธุรกิจจาก offline ไปสู่ online platform ปรับเปล่ียนโครงสร้างทางธุรกิจให้มีความ
ทันสมัยเหมาะสมกับผู้บรโิ ภคยุคใหม่มากย่ิงขึ้น เช่นการ ทำการตลาดยุคดิจิตอล ให้ผู้บริโภคมีพลังใน
การเลือกซ้ือสินค้าหรือบริการ มีข้อมูลเก่ียวกับสินค้าหรือบริการให้รับรู้ได้ครบรอบด้าน สร้างความ
น่าเชื่อถือในbrandให้มากยิ่งข้ึน เพิ่มมูลค่าด้วยการสร้างภาพลักษณ์ทำให้ผู้บริโภครู้สึกได้รับการ
ยกระดับเมื่อใช้สินค้าหรือบริการน้ัน ๆพัฒนาสินค้าและบริการให้มีความคิดที่แตกต่าง สร้างสรรค์ ไม่
ซ้ำใคร ตรงน้ีจะทำให้สินค้าหรือบริการมีความเป็น Innovation มากย่ิงข้ึนซึ่งจะทำให้ตอบสนองต่อ
ความต้องการของผู้บริโภคท่ีต้องการอะไรใหม่ๆท่ีมีประโยชน์กับชีวิตได้มากยิ่งข้ึนสร้าง facility ท่ีมี
ความรวดเร็ว ว่องไวให้กับผู้บริโภคมากยิ่งข้ึนอย่างเช่น ช่องทางการส่ังซ้ือ,จัดส่ง–รับสินค้า,การชำระ
เงิน เป็นต้น ทุกอย่างควรสะดวก ง่ายและรวดเร็วมีระบบการเก็บข้อมูลจากผู้บริโภคเพ่ือนำไป
ปรับปรงุ และใชว้ ิเคราะห์แนวทางในการดำเนินธุรกจิ ในภายภาคหนา้ ตรงน้ีจะต้องใชเ้ ทคโนโลยใี นการ
เก็บและวิเคราะห์ข้อมูลน่ันเองดังนั้นความสำคัญของ Digital Business ก็คือการปรับเปล่ียนรูปแบบ
ของธุรกิจที่เป็นอยู่แบบเดิมให้มีความทันสมัย,online สามารถตอบสนองต่อความต้องการของ
ผบู้ รโิ ภคยุคใหม่ได้

13

ภาพที่ 2.14 แสดงMeaningTransform Into Digital
2.4 แนวคิดเกยี่ วกับสื่อการเรยี นรู้

2.4.1 ความหมายของสื่อการเรียนรู้
สื่อการเรยี นรู้ หมายถึง สงิ่ ต่าง ๆ ทใี่ ช้เปน็ เคร่ืองมือ หรอื ช่องทางสำหรับทำใหก้ าร

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

ภาพท่ี 2.15 แสดงส่อื การเรยี นรู้
2.4.2 ความหมายของสือ่ การสอน และประเภทของส่ือการสอน

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

14

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

2.4.3 ความหมายของสือ่ การสอน
สื่อการสอน หมายถึง อุปกรณ์ วัสดุและวิธีการส่ือ ถ่ายทอดความรู้ความเข้าใจให้แก่

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

1) สือ่ ประเภทวัสดุ ซ่ึงได้แก่ สไลด์ ซที หนงั สือเรียน สิ่งพิมพต์ า่ ง ๆ
2) สือ่ ประเภทอุปกรณ์ ได้แก่ หนุ่ จำลอง ลูกโลก กระดาน เครอื่ งเล่นเสยี ง โทรทัศน์
อปุ กรณใ์ นห้องปฏิบตั กิ าร
3) ส่ือประเภทเทคนคิ หรือวธิ กี าร ได้แก่ การสาธติ การอภิปรายกลุ่ม การฝึก
ปฏบิ ตั งิ าน การเสนองานหน้าชน้ั การจัดนทิ รรศการ
4) ส่ือประเภทคอมพิวเตอร์ ได้แก่ การใชค้ อมพวิ เตอร์ช่วยสอน พรีเซนต์ แอนิเมช่ัน
การต์ ูน แอพลิเคชนั่ หรอื เกมส์ร่วมถงึ การใช้อินเตอรเ์ น็ต
ในปัจจุบันรูปแบบส่ือการสอนก็เร่ิมเปล่ียนไปเรื่อย ๆ ตามยุคสมัย การใช้กระดานดำ
และไวท์บอร์ดเริ่มลดน้อยลงเปล่ียนมาใช้การนำเสนอผ่านคอมพิวเตอร์(presentation) แทนซึ่งก็
สะดวกสบายและสื่อสารกันได้ง่ายกว่า ในบางองค์กรหรือโรงเรียนก็อาจจะแจกไฟล์กันทางอีเมล์
เพือ่ ให้กลบั ไปศึกษาตอ่ ทีบ่ า้ นเองได้อีกด้วย [www.1th.me/evWEu]

ภาพที่ 2.16 แสดงส่ือการเรียนรู้

15

2.4.4 ความหมายของสื่อโสตทศั น์
สอื่ โสตทัศน์ หมายถงึ การศกึ ษาทีผ่ เู้ รียนได้รบั ประสบการณโ์ ดยผา่ นประสาทสมั ผัส

ทางหแู ละตา
โสต (Audio) ตามปทานุกรมหมายถึงหู หรือช่องหู ในทางการศึกษาเราหมายถึง

ประสบการณ์ทีผ่ ู้เรียนได้รบั โดยผ่านประสาทสัมผสั ทางหู หรอื ประสบการณท์ ีไ่ ดร้ ับจากการฟัง
ทัศน (Visual) ตามปทานุกรม หมายถึง การเห็นหรือสิ่งท่ีมองเห็นในทางการศึกษาท่ี

ผเู้ รยี นไดร้ ับโดยผ่านประสาทสมั ผสั ทางตาหรือประสบการณ์ทีไ่ ด้รบั จากการมองเห็น
ศึกษา (Education) ตามปทานุกรมหมายถึงการเล่าเรียน ในทางการศึกษาหมายถึง

ความเจรญิ งอกงามหรือการเรียนรู้ท่สี ังคมยอมรับ [www.1th.me/rxoCX]

ภาพท่ี 2.17 แสดงสือ่ กราฟกิ
2.4.5 ความหมายของสือ่ ประเภทคอมพิวเตอร์

ส่ือประเภทคอมพิวเตอร์ หมายถึง ส่ือการเรียนการสอนทางคอมพิวเตอร์รูปแบบหน่ึง
ซ่ึงใช้คอมพิวเตอร์ในการนำเสนอสื่อประสมกัน ได้แก่ ข้อความ กราฟฟิก แผนภูมิ กราฟวีดีทัศน์
ภาพเคลื่อนไหว และเสียง เพ่ือถ่ายทอดเนื้อหาบทเรียนหรือองค์ความรู้ในลักษณะที่ใกล้เคียงกับการ
สอน จรงิ ในหอ้ งเรยี นมากท่สี ุด ตลอดจนมีปฏิสมั พันธ์และโตต้ อบกบั ผูเ้ รียนได้
[www.1th.me/k24qv]

ภาพท่ี 2.18 แสดงสือ่ ประเภทของคอมพิวเตอร์

16

2.5 แนวคดิ เกีย่ วกับโปรแกรมท่ีใช้
2.5.1 โปรแกรม QR Code Generator
2.5.1.1 ความหมายของโปรแกรม QR Code Generator
โปรแกรม QR Code Generator หมายถึง สัญลักษณ์ส่ีเหลี่ยม ที่เริ่มเห็น

แพรห่ ลายในบ้านเรามากขนึ้ ไม่วา่ จะเปน็ จากหนงั สือพิมพ์หรอื นิตยสาร เรียกวา่ QR Code ย่อมาจาก
Quick Response เป็นบาร์โค้ด 2 มิติ ที่มีต้นกำเนิดมาจากประเทศญี่ปุ่น โดยบริษัท Denso-Wave
ต้ังแต่ปี 1994 คุณสมบัติของ QR code คือ เป็นสัญลักษณ์แทนข้อมูลต่าง ๆ ท่ีมีการตอบสนองท่ี
รวดเร็ว ซึ่งส่วนใหญ่จะนำมาใช้กับสินค้า, สื่อโฆษณาต่าง ๆ เพื่อให้ข้อมูลเพิ่มเติม หรือจะเป็น URL
เว็บไซต์ เม่ือนำกล้องของโทรศัพท์มือถือไปถ่าย QR Code ก็จะเข้าสู่เว็บไซต์ได้ทันทีโดยไม่ต้อง
เสียเวลาพิมพ์เราสามารถอ่าน QR Code ได้อย่างงา่ ยดาย โดยใช้โทรศัพท์มอื ถอื ท่ีมีกล้องถ่ายรูป และ
มโี ปรแกรมที่เรียกว่า QR Code reader ตดิ ตงั้ อยใู่ นเครือ่ งโทรศพั ท์

2.5.1.2 ประโยชนข์ อง QR Code
เราสามารถนำ QR Code มาประยุกต์ใช้ได้หลากหลายรูปแบบ เช่น แสดง

URL ของเว็บไซต์, ข้อความ, เบอร์โทรศัพท์ และข้อมูลท่ีเป็นตัวอักษรได้อีกมากมาย ปัจจุบัน QR
Code ถูกนำไปใช้ในหลายๆ ด้านเนื่องจากความรวดเร็ว เพราะทุกวันนี้คนส่วนใหญ่จะมีมือถือกันทุก
คนและมือถอื เดีย๋ วนี้ กม็ ีกลอ้ งเกือบทุกรนุ่ แล้ว

2.5.1.3 หลักการทำงานของ QR Code
หลักการทำงานของ QR Code มีหลักการคล้าย ๆ กับ Barcode ท่ีมีอยู่บน

กล่องหรือผลิตภัณฑ์ท่ัวไป แต่การอ่าน Barcode จะต้องใช้เครื่องสแกนยิงเลเซอร์ จากน้ันเครื่อง
สแกนกจ็ ะแปลง Barcode เป็นข้อมูลสินค้าชิ้นนนั้ ๆ ส่วนการอ่าน QR Code นั้นสะดวกกว่า เพียงใช้
โทรศัพท์มือถือที่มีกล้องและโปรแกรม QR Code Reader เพื่อใช้ถ่ายภาพ QR Code จากนั้น
โปรแกรมจะประมวลผล QR Code เป็นข้อมูลต้นฉบับ เช่น ช่ือเว็บไซต์ เบอร์โทรศัพท์ หรือข้อความ
เปน็ ตน้ แสดงผลบนโทรศพั ทม์ ือถอื ไดโ้ ดยตรง

2.5.1.4 ประโยชน์ของ QR Code
ประโยชน์ที่เห็นได้ชัดที่สุดของ QR Code คือการแสดง URL ของเว็บไซต์

เพราะ URL โดยปกติแล้วจะจดจำยากเพราะยาวและบางทีก็ จะซับซ้อนมาก แต่ด้วย QR Code เรา
เพียงแค่ยกมือถือมาสแกน QR Code ท่ีเราพบเห็นตามผลิตภัณฑ์ต่าง ๆ นามบัตร, นิตยสาร ฯลฯ
แล้วมือถอื จะลิงค์เข้าเว็บเพจที่ QR Code นัน้ ๆ บันทกึ ขอ้ มูลอยู่โดยอัตโนมัติ
[www.1th.me/Ywo2a]

17

ภาพท่ี 2.19 แสดง QR CODE Generator
2.5.2 โปรแกรม Adobe Photoshop CS6

2.5.2.1 ความหมายของ โปรแกรม Adobe Photoshop CS6
โปรแกรม Adobe Photoshop CS6 หมายถึง โปรแกรมสำหรับปรับแต่ง

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

2.5.2.2 ความเปน็ มาของ โปรแกรม Adobe Photoshop CS6
โป รแก รม Adobe Photoshop พั ฒ น าโดย อะโดบี ซิสเต็ม ส์ (Adobe

Systems) บริษัทผลิตซอฟแวร์ขนาดใหญ่ในประเทศสหรัฐอเมริกา ซ่ึงผลิตซอฟแวร์สำหรับงานกราฟ
ฟิกส์มากมาย ไม่ว่าจะเป็นซอฟแวร์สำหรับปรับแต่งรูปภาพ, ออกแบบเว็บไซต์ หรือแม้กระท่ังตัดต่อ
วีดีโอ ซอฟแวร์เหล่าน้ีมีคุณภาพดี และเป็นท่ียอมรับจากคนทั่วโลก โดยสามารถเรียนรู้วิธีการใช้
โปรแกรม Adobe Photoshop น้ีได้ด้วยตัวเอง คุณสามารถที่จะทำการแก้ไขภาพ ตกแต่งภาพ ซ้อน
ภาพในรูปแบบต่างๆ ได้อย่างง่ายดาย และสิ่งท่ีขาดไม่ได้ก็คือ การใส่ข้อความประกอบลงในภาพด้วย
และเนื่องด้วย Adobe Photoshop มีการพัฒนาโปรแกรมมาอย่างต่อเนื่อง ทำให้เราจำเป็นต้อง
ศึกษาคำสั่งต่าง ๆ ให้เข้าใจ แต่ท่ีสำคัญเมื่อคุณเรียนรู้การใช้คำส่ังในเวอร์ชั่นเก่า คุณก็ยังคงสามารถ
นำไปประยุกต์ใชก้ ับเวอรช์ ัน่ ใหม่ ๆ ได้ [www.sites.google.com]

18

ภาพที่ 2.20 แสดงหนา้ ตา่ งโปรแกรม
2.5.2.3 วิธีการตดิ ตั้งโปรแกรม Adobe Photoshop Cs6

1) Download Photoshop เราจะเริ่มติดตัง้ โปรแกรม Photoshop CS6 กัน
เลยครบั เรมิ่ จากเข้าไปยงั โฟลเดอรข์ อง Photoshop ตามภาพด้านลา่ ง ดบั เบิ้ลคลกิ Set-up

ภาพท่ี 2.21 แสดงโฟลเดอร์ท่ดี าวน์โหลด
2) เข้าส่กู ระบวนการเร่มิ ตน้ สำหรบั การติดต้งั Photoshop CS6

ภาพท่ี 2.22 แสดงการติดต้งั Photoshop CS6

19

3) เม่ือปรากฏหน้าต่างตามภาพด้านลา่ งคลิกป่มุ Try

ภาพท่ี 2.23 แสดงหน้าต่าง Try
4) คลกิ ปมุ่ Accept

ภาพที่ 2.24 แสดงหนา้ ต่างการดาวนโ์ หลดโปรแกรม

20

5) คลิกปุ่ม Sign in

ภาพที่ 2.25 แสดงหนา้ ตา่ งการดาวนโ์ หลดโปรแกรม

6) กรอก Adobe ID ที่เราได้ทำการสมัครตั้งแต่ตอน Download File เม่ือเสรจ็
เรยี บรอ้ ยแล้วคลกิ ปมุ่ Sign in

ภาพที่ 2.26 แสดงหน้าตา่ งการดาวน์โหลดโปรแกรม

21

7) คลกิ ปุ่ม Install

ภาพที่ 2.27 แสดงหนา้ ตา่ งการดาวนโ์ หลดโปรแกรม
8) ปรากฏหนา้ ต่าง Installation Complete เปน็ อันเสร็จเรยี บร้อย

ภาพท่ี 2.28 แสดงหนา้ ตา่ งการดาวนโ์ หลดโปรแกรม

2.5.2.4 ความสามารถพนื้ ฐานของ Adobe Photoshop
1) ตกแตง่ หรอื แก้ไขรปู ภาพ
2) ตัดตอ่ ภาพบางสว่ น หรือทเ่ี รยี กวา่ Crop ภาพ
3) เปลย่ี นแปลงสีของภาพ จากสหี นึ่งเป็นอีกสหี นงึ่ ได้
4) สามารถลากเส้น แบบฟรีสไตล์ หรือใส่รูปภาพ สี่เหลี่ยม วงกลม หรือสร้างภาพได้

อย่างอสิ ระ

22

5) มีการแบ่งช้ันของภาพเป็น Layer สามารถเคลื่อนย้ายภาพได้เป็นอิสระต่อกัน การ
ทำ Cloning ภาพ หรอื การทำภาพซ้ำในรูปแบบเดยี วกัน

6) เพมิ่ เติมขอ้ ความ ใส่ Effect ของขอ้ ความได้
7) Brush หรือแปรงทาสี ที่สามารถเลือกรปู แบบสำเรจ็ รปู ในการสร้างภาพได้และอื่น ๆ
อีกมากมาย [www.sites.google.com]

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

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

ภาพท่ี 2.29 แสดงแถบเมนคู ำสงั่

แถบเมนูคำสั่งประกอบไปดว้ ยท้ังหมด 10 เมนูคำส่งั โดยแสดงชอ่ื เมนูคำสั่งและรปู แบบ
การทำงาน

(1) File สำหรับจัดการกับไฟล์ภาพในลักษณะต่าง ๆ เช่น สร้างไฟล์งานใหม่ เปิดไฟล์
ภาพ บันทกึ ไฟลง์ าน นำเขา้ หรอื ส่งออกไฟลเ์ พ่อื ทำงานในลกั ษณะอนื่ ๆ

(2) Edit สำหรับแก้ไขภาพ เช่น ตัด คัดลอก วาง รวมถึงปรับแต่งค่าเบื้องต้นของ
โปรแกรม

(3) Image สำหรับจัดการภาพ เช่น แก้ไขความสว่างหรือสีของภาพให้สมดุลย่ิงข้ึน
รวมถงึ ใชส้ ำหรับยอ่ ขยายขนาดภาพ และกำหนดขนาดพ้นื ทกี่ ารทำงานของภาพ

(4) Layer สำหรับจัดการเกี่ยวกับเลเยอร์ เช่น การสร้างเลเยอร์ใหม่ การรวมเลเยอร์
การแปลงเลเยอร์ การจัดการกับเลเยอร์ของไฟล์ลักษณะต่าง ๆ รวมถึงการจัดการรายละเอียดของ
ภาพในเลเยอรน์ น้ั ๆ

(5) Type สำหรับจัดการและปรับแต่งเกี่ยวกับข้อความ เช่น ปรับแต่งสีข้อความ
ปรับแต่งขอบข้อความ หรือการเปล่ียนขอ้ ความให้เปน็ ภาพ

(6) Select สำหรับปรับแต่งการเลอื กพ้ืนที่ บนั ทกึ และเรยี กพืน้ ที่ทเี่ ลือกมาใชง้ าน
รวมถงึ คำส่งั สำหรบั การเลือกพน้ื ที่เพ่อื ให้ได้ผลลพั ธท์ ่ีดยี ่ิงข้ึน

(7) Filter สำหรับปรบั แต่งภาพใหม้ ีรูปแบบท่ีน่าสนใจยง่ิ ขึ้น บิด ดัดปรับรูปทรงรูปแบบ
ตา่ ง ๆ ให้กบั ภาพ

(8) View สำหรับเลือกรูปแบบการแสดงผล เช่น ย่อขยายภาพ แสดงไม้บรรทัด
เสน้ กริด หรอื เส้นไกด์

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

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

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

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

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

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

25
6) พาเนล (Panel) ใช้สำหรับจัดการกับภาพ โดยแยกออกเป็นหมวดหมู่ เช่น พาเนล
สำหรับเลือกสี พาเนลสำหรับปรับแต่งความสว่าง เป็นต้น พาเนลแต่ละแบบมีหน้าท่ีและการใช้งาน
แตกต่างกันออกไป โดยสามารถเลือกเปิดหรือปิดพาเนลได้จากเมนูคำสั่ง Window ตัวอย่างพาเนลที่
นยิ มใช้ มีดงั น้ี
7) Navigator ใช้ปรับมุมมองของภาพ โดยคลิกเลือกบริเวณ Zoom Slider เพ่ือย่อ
ขยายมมุ มองภาพ

ภาพที่ 2.34 แสดงพาเนล Navigator
8) Color ใช้กำหนดสพี น้ื หน้า (Foreground) และสพี น้ื หลงั (Background) โดยการ
เล่อื นแถบสเี พ่ือปรบั แตง่ ตามตอ้ งการ

ภาพท่ี 2.35 แสดงพาเนล Color

26
9) Swatches ใชก้ ำหนดสีแบบสำเรจ็ รปู ทโ่ี ปรแกรมกำหนดไว้ หรือสรา้ งสีขน้ึ มาใหม่
เองได้ โดยการคลกิ เลือกสที ่ีต้องการเพ่ือความสะดวกในการใชง้ าน

ภาพท่ี 2.36 แสดงพาเนล Swatches
10) Styles ใชส้ ำหรบั กำหนดการตกแตง่ รูปแบบต่าง ๆ ที่โปรแกรมกำหนดขึ้นมา
เช่น การตกแต่งสีให้กบั รูปแบบขอ้ ความ

ภาพท่ี 2.37 แสดงพาเนล Styles
11. Adjustments ใชป้ รับแต่งสใี ห้กับภาพ เพ่ือแก้ไขข้อบกพร่องหรือสที ผี่ ดิ เพีย้ น

ภาพที่ 2.38 แสดงพาเนล Adjustments

27
12. Layers ใช้ควบคมุ การใช้งานเลเยอร์ตา่ ง ๆ ท่ีเกิดจากการสร้างช้นิ งาน

ภาพท่ี 2.39 แสดงพาเนล Layers
13. History ทำหนา้ ทใ่ี นการเก็บรายละเอียดขั้นตอนการทำงานทง้ั หมดท่ผี า่ นมา
เพือ่ อำนวยความสะดวกเมื่อต้องการย้อนกลับไปใชค้ ำส่งั เกา่ หรือยอ้ นดูการทำงานทีผ่ า่ นมา
[www.sites.google.com]

ภาพที่ 2.40 แสดงพาเนล History

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

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

การดำเนินโครงการ “การออกแบบสื่อการเรยี นรู้ สาขาวิชาเทคโนโลยธี ุรกิจดิจิทลั ดว้ ย
โปรแกรม Adobe Photoshop CS6” มรี ายละเอียดในการดำเนินงานโครงการ ดังนี้

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

3.1 การศึกษาข้อมลู เบ้ืองต้น
3.1.1 หาข้อมลู ทน่ี า่ สนใจที่จะออกแบบส่ือการเรียนรู้ สาขาวิชาเทคโนโลยีธุรกิจดจิ ทิ ลั

ด้วยโปรแกรม Adobe Photoshop CS6
3.1.2 ค้นหาข้อมลู เกย่ี วกับเน้ือหาของสาขาวิชาเทคโนโลยีธรุ กิจดิจทิ ัล
3.1.3 ศกึ ษาทฤษฎีและหาแนวคิดใหม่ ๆ ท่ีน่าสนใจ
3.1.4 สำรวจกลมุ่ เปา้ หมายและจัดทำโครงร่างแบบสอบถามจะเป็นการ ทำแบบสอบถามความพึง

พอใจที่มีต่อการออกแบบสื่อการเรียนรู้ สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล ด้วยโปรแกรม Adobe
Photoshop CS6 เพือ่ นำขอ้ ผดิ พลาดมาปรบั ใช้และปรับปรงุ สอื่ ใหด้ ีย่ิงขนึ้

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

วิทยาลยั เทคนิคระยอง จำนวน 514 คน
3.2.2 กลุ่มตัวอย่าง คือนักเรียน – นักศึกษาและคณะอาจารย์สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล

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

29
ภาพที่ 3.1 แสดงตวั อยา่ งทฤษฎมี อแกน

30

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

เร่มิ ตน้

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

หาวดี โี อท่เี ก่ียวข้อกับส่ือการเรยี นรู้

นำเสนอ ไม่ผา่ น

ผา่ น
ออกแบบปา้ ยส่ือการเรยี นรู้

สง่ั ทำสตก๊ิ เกอร์

จบ
ภาพท่ี 3.2 แสดงผงั งานขนั้ ตอนการทำงาน

31

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

เริ่มต้น

หาขอ้ มูล

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

เร่มิ ออกแบบ

ทดลองสแกน QR Code

สแกนแล้ว ไม่ได้
มีวีดิโอขึน้

ได้
ดวู ีดีโอ

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

32
3.4 หาข้อมลู การออกแบบส่ือการเรียนรู้ สาขาวิชาเทคโนโลยีธรุ กิจดจิ ิทลั ดว้ ยโปรแกรม Adobe
Photoshop CS6 9 วดี โี อ

3.4.1 ความหมายของบดิ คอยน์คืออะไร (What is Bitcoin?)

ภาพที่ 3.4 แสดงบิดคอยน์คืออะไร
3.4.2 ชเู ทคโนโลยีดิจิทัลสรา้ งประสบการณ์ (Digital Office)

ภาพที่ 3.5 แสดงชูเทคโนโลยีดจิ ิทลั สร้างประสบการณ์

33

3.4.3 นักการตลาดดจิ ทิ ลั (Digital marketer)

ภาพที่ 3.6 แสดงนกั การตลาดดจิ ิทลั
3.4.4 การตลาด เพื่อผ้บู รโิ ภคยุคดิจทิ ลั (Consumer marketing in the digital age)

ภาพที่ 3.7 แสดงการตลาด เพ่อื ผูบ้ ริโภคยคุ ดิจิตอล

34
3.4.5 การสอ่ื สารผ่านเทคโนโลยีในยุคดจิ ิทลั (Communication through technology in
the digital age)

ภาพท่ี 3.8 แสดงความเข้าใจ การเข้าถึง และการสอื่ สารผา่ นเทคโนโลยใี นยุค ดิจทิ ลั
3.4.6 ธรุ กจิ ดจิ ิทลั ธุรกิจออนไลน์ (Digital business online business)

ภาพที่ 3.9 แสดงธุรกจิ ดจิ ิทัล ธุรกจิ ออนไลน์

35

3.4.7 อาชพี จบสาขาธรุ กจิ ดิจิทัลมี (career in digital business with work)

ภาพที่ 3.10 แสดงอาชพี จบสาขาธรุ กจิ ดิจิทลั มี
3.4.8 ความหมายของ Digital Transformation

ภาพท่ี 3.11 แสดง Digital Transformation คืออะไร

36
3.4.9 ความสำคญั ของเทคโนโลยีในยคุ ดจิ ิทัล (Key technologies in the digital world)

ภาพที่ 3.12 แสดงความสำคัญของการใชเ้ ทคโนโลยใี นยคุ ดิจทิ ัล
3.5 การวางเค้าโครงการออกแบบ

ภาพที่ 3.13 แสดงการวางเค้าโครงการออกแบบ

37
3.5.1 เริ่มออกแบบออกแบบสื่อการเรียนรู้ สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล ด้วยโปรแกรม Adobe
Photoshop CS6

ภาพท่ี 3.14 แสดงเริ่มออกแบบออกแบบ
3.5.2 ทดลองสแกน QR Code

ภาพท่ี 3.15 แสดงทดลองสแกน QR Code

38

3.6 เครอ่ื งมอื ทีใ่ ช้ในการเก็บรวบรวมขอ้ มลู
3.6.1 สอื่ การเรยี นรู้ สาขาวิชาเทคโนโลยีธรุ กจิ ดจิ ทิ ัล ด้วยโปรแกรม Adobe Photoshop CS6
3.6.2 เครื่องมือที่ใช้ในการศึกษาเชิงปริมาณ เป็นแบบสอบถามความพึงพอใจที่ผู้จัดทำโครงการ

สร้างขึ้นจำนวน 1 ฉบับ โดยยึดตามวัตถุประสงค์แล ะกรอบแนวคิดในการทำโครงการแบ่งออก
เป็น 3 สว่ น คือ

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

สว่ นท่ี 2 แบบสอบถามความพึงพอใจของผู้ทดลองใช้แบ่งเปน็ 5 ระดบั
5 หมายถงึ ความพงึ พอใจระดับมากท่ีสุด
4 หมายถงึ ความพงึ พอใจระดับมาก
3 หมายถึง ความพึงพอใจระดับปานกลาง
2 หมายถึง ความพึงพอใจระดับนอ้ ย
1 หมายถงึ ความพึงพอใจระดับน้อยทสี่ ดุ

ส่วนที่ 3 ข้อเสนอแนะการจัดทำโครงการการออกแบบสื่อการเรียนรู้ สาขาวิชาเทคโนโลยี
ธุรกิจดจิ ิทัล ดว้ ยโปรแกรม Adobe Photoshop CS6

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

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

2) ศึกษาแนวทางทฤษฎหี ลักการสรา้ งแบบสอบถามจากตำราบททางวิชาการ
3) ศึกษาวิธีสร้างแบบสอบถามมาตราส่วนประมาณค่า สร้างแบบสอบถามความพึงพอใจ
ฉบับร่างโดยเขียนข้อความที่สอดคล้องกับตัวแปรที่ศึกษาให้ครบถ้วนตามโครงการสร้าง 5 ระดับ คือ
ระดบั มากที่สุด ระดับมาก ระดบั ปานกลาง ระดบั น้อย ระดับนอ้ ยที่สุด
4) ดำเนินการสร้างแบบสอบถามความพึงพอใจให้ครอบคลุมกับการจัดทำโครงการ
ออกแบบสือ่ การเรยี นรู้ สาขาวชิ าเทคโนโลยธี ุรกิจดิจทิ ลั ด้วยโปรแกรม Adobe Photoshop CS6
5) ตรวจสอบคุณภาพแบบสอบถามเบื้องต้นโดยให้อาจารย์ที่ปรึกษาโครงการตรวจสอบ
พิจารณาเพ่ือความเทยี่ งตรงของเน้ือหาและความถูกต้องในสำนวนภาษาที่ใช้เพื่อให้คำถามครอบคลุม
และสอดคล้องกับวัตถุประสงค์ของโครงการและปรับปรุงแก้ไขตามคำแนะนำมาจัดทำแบบสอบถาม
ความพงึ พอใจฉบบั สมบรู ณเ์ พอ่ื นำมาใช้ตอ่ ของอาจารย์ทีป่ รึกษา