โครงการ

การออกแบบ QR Code ปา้ ยตารางการใชห้ อ้ งเรยี น หอ้ ง 921-922
สาขาวิชาเทคโนโลยธี ุรกิจดจิ ิทลั ดว้ ยโปรแกรม Adobe Illustrator 2020
QR Code Design Signage Use of Classroom Room 921-922 Digital

Business Technology with Adobe Illustrator 2020

1. นางสาวจิราพร อาญาเมือง 6122040046
2. นายภัทรากร ทองทา 6122040063
3. นายรัฐกาล คมุ้ มนต์ 6122040067

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

ก

ชื่อโครงการ การออกแบบ QR Code ป้ายตารางการใช้ห้องเรียน

สาขา หอ้ ง 921-922 สาขาวิชาเทคโนโลยีธรุ กิจดิจทิ ัล ด้วย
ผรู้ บั ผิดชอบโครการ
โปรแกรม Adobe Illustrator 2020
อาจารยท์ ปี่ ลึกษาโครงการ
ปีการศึกษา เทคโนโลยีธรุ กิจดจิ ทิ ัล

1.นางสาวจริ าพรณ์ อาญาเมือง รหัสนักเรยี น 6122040046

2.นายภทั รากร ทองทา รหสั นักเรยี น 6102240063

3.นายรัฐกาล คุ้มมนต์ รหสั นกั เรยี น 6122040067

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

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

2563

บทคัดย่อ

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

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

Adobe Illustrator 2020 ภาพรวมอยู่ในระดับมาก ( x̅ =4.40, S.D = 0.57) เมื่อพิจารณารายการ
ทั้ง 3 ด้าน พบว่าซึ่งโดยรวมถือว่าผ่านเกณฑ์ตาม วัตถุประสงค์เมื่อพิจารณารายการทั้ง 3 ด้านที่มี
คา่ เฉล่ียจากมากไปน้อย ได้แก่ ด้านผลสัมฤทธพ์ิ บวา่ ความพงึ พอใจด้านการออกแบบช้ินงานภาพรวม

อยู่ในระดับมาก (x̅ =4.45, S.D = 0.73) ด้านผลสัมฤทธ์ิพบว่าความพึงพอใจด้านกราฟิกภาพรวมอยู่

ในระดับมาก ( x̅ =4.45, S.D =0.76) และด้านความสามารถในการใช้งานพบว่าความพึงพอใจด้าน

ความสามารถในการใช้งานภาพรวมอยู่ในระดบั มาก ( x̅ =4.31, S.D =0.78) ตามลำดบั

คำสำคัญ : การออกแบบ/ป้ายตาราง/เทคโนโลยีธุรกิจดิจิทัล/โปรแกรม Adobe Illustrator
2020

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

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

คณะผูจ้ ดั ทำ
นางสาวจิราพร อาญาเมือง

นายภัทรากร ทองทา
นายรัฐกาล คมุ้ มนต์

สารบัญ จ

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

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

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

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

จ

สารบัญตาราง

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

สารบญั ภาพ จ

ภาพท่ี หนา้
2.1 แสดงการออกแบบ 4
2.2 แสดงการออกแบบทางสถาปตั ยกรรม 5
2.3 แสดงการออกแบบผลิตภัณฑ์ 6
2.4 แสดงการออกแบบทางวิศวกรรม 7
2.5 แสดงการออกแบบตกแตง่ 8
2.6 แสดงการออกแบบส่ิงพิมพ์ 9
2.7 แสดงปา้ ยตารางการใชห้ อ้ งเรียน 9
2.8 แสดงปา้ ยภายนอก 10
2.9 แสดงป้ายภายใน 10
2.10 แสดงเทคโนโลยธี รุ กิจดิจิทัล 11
2.11 แสดงเทคโนโลยีคอมพิวเตอร์ 12
2.12 แสดงเทคโนโลยีส่อื สารโทรคมนาคม 13
2.13 แสดงโปรแกรม QR Code Generator 14
2.14 แสดงโปรแกรม Adobe Illustrator 2020 15
2.15 แสดงดาวน์โหลดโปรแปรมทตี่ อ้ งการจะตดิ ตง้ั 16
2.16 แสดงทำการแตกไฟล์โปรแกรมทีด่ าวนโ์ หลดมา 16
2.17 แสดงทำการแตกไฟล์ที่จะติดต้ังโปรแกรม 17
2.18 แสดงเริ่มตดิ ตั้งโปรแกรม 17
2.19 แสดงเปดิ โปรแกรม 18
2.20 แสดงโปรแกรม adobe Photoshop cs6 21
2.21 แสดงดาวนโ์ หลดโปรแปรมทตี่ อ้ งการจะติดต้งั 22
2.22 แสดงทำการแตกไฟล์โปรแกรมท่ดี าวนโ์ หลดมา 22
2.23 แสดงทำการแตกไฟล์ท่ีจะติดตั้งโปรแกรม 23
2.24 แสดงเริ่มติดต้งั โปรแกรม 23
2.25 แสดงการ Clack โปรแกรม ให้โปรแกรมใชง้ านได้ 24
2.26 แสดงเปิดโปรแกรม 24
3.1 แสดงตวั อย่างทฤษฎมี อแกน 27

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

ภาพที่ หนา้
3.2 แสดงผงั งานขน้ั ตอนการทำงาน 28
3.3 แสดงผงั งานข้นั ตอนการทำงาน (ต่อ) 29
3.4 แสดงผังงานขนั้ ตอนการสรา้ งช้นิ งาน 30
3.5 แสดงการหาข้อมลู 31
3.6 แสดงข้นั ตอนการออกแบบชนิ้ งาน 31
3.7 แสดงขน้ั ตอนการสแกน QR Code 32
3.8 แสดงภาพตารางสอน 32
4.1 แผนภมู แิ สดงจำนวนของผู้ตอบแบบประเมนิ จำแนกตามเพศ 36
4.2 แผนภมู ิแสดงจำนวนของผู้ตอบแบบประเมินจำแนกช่วงอาย 37
4.3 แผนภมู ิแสดงความพึงพอใจด้านการออกแบบชิ้นงาน 38
4.4 แผนภูมแิ สดงความพึงพอใจด้านความสามารถในการใชง้ าน 39
4.5 แผนภูมิแสดงความพึงพอใจด้านผลสัมฤทธิ์ 40
4.6 แผนภมู ิแสดงแบบประเมินถามความพงึ พอใจ 41

การออกแบบปา้ ยตารางการใชห้ อ้ งเรียน หอ้ ง 921 - 922 50
สาขาวิชาเทคโนโลยธี รุ กิจดจิ ิทลั ดว้ ยโปรแกรม Adobe illustrator 2020 50
51
ข.1 แสดงการทำเอกสารขออนุมัตโิ ครงการ 51
ข.2 แสดงการทำเอกสารขออนุมตั ิโครงการ 52
ข.3 แสดงการออกแบบชิน้ งาน (1) 52
ข.4 แสดงการออกแบบชิ้นงาน (2) 53
ข.5 แสดงข้ันตอนการทำชิน้ งาน 53
ข.6 แสดงขั้นตอนการติดตั้งช้ินงาน (1) 54
ข.7 แสดงขั้นตอนการตดิ ต้ังชิน้ งาน (2) 54
ข.8 แสดงการเก็บผล
ค.1 แสดงข้นั ตอนการสแกน QR Code
ค.2 แสดงภาพตารางสอน

บทที่ 1
บทนำ

บทที่ 1
บทนำ

1.1*ความเปน็ มาและความสำคัญของโครงการ
เนื่องจากป้ายตารางสอนแบบเก่าเป็นเพียง Future board แล้วนำกาวสองหน้าไปติด

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

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

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

1.2 วตั ถุประสงค์ของโครงการ
1.2.1* เพ่อื ออกแบบ QR Code ป้ายตารางการใชห้ อ้ งเรยี น หอ้ ง 921-922 สาขาวิชาเทคโนโลยี

ธรุ กจิ ดิจทิ ัล ดว้ ยโปรแกรม Adobe Illustrator 2020
1.2.2 เพื่อศึกษาความพึงพอใจของนักเรียน - นักศึกษา และคณะอาจารย์ สาขาวิชาเทคโนโลยี

ธุรกิจดิจิทัล วิทยาลัยเทคนิคระยอง ที่มีต่อการออกแบบ QR Code ป้ายตารางการใช้ห้องเรียน ห้อง
921-922 สาขาวชิ าเทคโนโลยีธุรกจิ ดจิ ิทัล ด้วยโปรแกรม Adobe Illustrator 2020

1.2.3 เพอ่ื เผยแพร่การออกแบบ QR Code ป้ายตารางการใชห้ อ้ งเรียน ห้อง 921-922
สาขาวชิ าเทคโนโลยีธรุ กิจดจิ ิทลั ดว้ ยโปรแกรม Adobe Illustrator 2020 ผา่ นโครงการประกวด
โครงการวชิ าชีพ ชมรมวชิ าชพี เทคโนโลยธี ุรกจิ ดจิ ิทลั

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

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

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

2

1.3.2 ขอบเขตช้นิ งาน
1.3.2.1 ดา้ นฮารด์ แวร์
1) คอมพวิ เตอรพ์ กพา Acer NITRO 5 intel core i5 8 th Gen
2) โทรศพั ทม์ ือถือ Samsung A50
1.3.2.2 ดา้ นซอฟต์แวร์
1) โปรแกรม QR Code Generator
2) โปรแกรม Adobe Illustrator 2020
3) ระบบปฏิบตั กิ าร Windows 10

1.3.3 เครื่องมือที่ใช้ในการประเมินผล คือ QR Code ป้ายตารางการใช้ห้องเรียน ห้อง 921-
922 สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล ด้วยโปรแกรม Adobe Illustrator 2020 และแบบสอบถาม
ความพึงพอใจของนักเรียน - นักศึกษา และคณะอาจารย์ สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล
วิทยาลัยเทคนิคระยอง ที่มีต่อการออกแบบ QR Code ป้ายตารางการใช้ห้องเรียน ห้อง 921-922
สาขาวชิ าเทคโนโลยีธรุ กิจดจิ ทิ ลั ดว้ ยโปรแกรม Adobe Illustrator 2020

1.4 ผลที่คาดว่าจะได้รับ
1.4.1 ได้ออกแบบ QR Code ป้ายตารางการใช้ห้องเรียน ห้อง 921-922 สาขาวิชาเทคโนโลยี

ธรุ กจิ ดจิ ิทัล ดว้ ยโปรแกรม Adobe Illustrator 2020
1.4.2 ได้ความพึงพอใจของนักเรียน - นักศึกษา และคณะอาจารย์ สาขาวิชาเทคโนโลยีธุรกิจ

ดิจิทัล วิทยาลัยเทคนิคระยอง ที่มีต่อการออกแบบ QR Code ป้ายตารางการใช้ห้องเรียน ห้อง
921-922 สาขาวิชาเทคโนโลยธี รุ กจิ ดจิ ทิ ัล ด้วยโปรแกรม Adobe Illustrator 2020 อยู่ในระดับมาก

1.4.3 ได้เผยแพร่การออกแบบ QR Code ป้ายตารางการใชห้ ้องเรียน หอ้ ง 921-922 สาขาวิชา
เทคโนโลยีธุรกิจดิจิทัล ด้วยโปรแกรม Adobe Illustrator 2020 ผ่านโครงการประกวดโครงการ
วิชาชพี ชมรมวชิ าชีพเทคโนโลยีธรุ กจิ ดจิ ทิ ัล

1.5 คำจำกัดความ
1.5.1 แนวคิดเกี่ยวกับการออกแบบ หมายถึง การปรับปรุงแบบ ผลงานหรือสิ่งของต่าง ๆ ที่มี

อยูแ่ ลว้ ใหเ้ หมาะสม และดมู ีความแปลกใหม่ข้นึ ในรูปแบบใหม่ใหส้ วยกว่าเดิมทั้งความเหมาะสมในการ
ใชง้ านทดี่ ีกวา่ เดมิ

1.5.2 แนวคิดเกี่ยวกับป้ายตารางการใช้ห้องเรียน หมายถึง ตารางแสดงข้อมูลเกี่ยวกับการ
จัดการสอนสาหรับครูอาจารย์ ให้กับนักเรียนนักศึกษาในของปี การศึกษาภาคเรียนนั้น ๆ ว่าสอนวัน
ใด เวลาใด

3

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

1.5.4 แนวคิดเก่ียวกบั โปรแกรมท่ีใช้ โปรแกรม Adobe Illustrator 2020 เปน็ โปรแกรมใน
ตระกูล Adobe ที่ใช้สำหรบั ตกแต่งภาพถ่ายและภาพกราฟิกได้อยา่ งมีประสิทธภิ าพ เช่น
นติ ยสาร และงานดา้ นมลั ติมเี ดยี

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

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

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

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

การออกแบบ หมายถึง การปรับปรงุ แบบ ผลงานหรอื ส่ิงต่าง ๆ ที่มีอยู่แล้วให้เหมาะสม
และดมู คี วามแปลกใหม่ข้ึน เช่น โตะ๊ ทีเ่ ราทำข้ึนมาใช้ เมือ่ ใช้ไปนาน ๆ กเ็ กดิ ความเบื่อหน่ายในรูปทรง
หรือสี เราก็จัดการปรบั ปรุงให้เป็น รูปแบบใหมใ่ ห้สวยกว่าเดิม ทั้งความเหมาะสม ความสะดวกสบาย
ในการใช้งานยงั คงเหมือนเดิม หรอื ดีกว่าเดิม [https://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 การออกแบบผลิตภัณฑ์ (Product Design) เป็นการออกแบบเพื่อการผลิต
ผลิตภัณฑ์ชนิดต่าง ๆ งานออกแบบสาขานี้ มีขอบเขตกว้างขวางมากที่สุด และแบ่งออกได้มากมาย
หลาย ๆ ลักษณะ นักออกแบบรับผิดชอบเกี่ยวกับประโยชน์ใช้สอยและความสวยงามของ
ผลิตภณั ฑ์ งานออกแบบประเภทน้ี ได้แก่
งานออกแบบเฟอร์นิเจอร์

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

ภาพที่ 2.3 แสดงการออกแบบผลติ ภณั ฑ์

7

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

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

ภาพท่ี 2.4 แสดงการออกแบบทางวิศวกรรม

8

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

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

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

9

2.1.2.5 การออกแบบสิ่งพิมพ์ (Graphic Design) เป็นการออกแบบเพื่อทางผลิตงาน
สิ่งพิมพ์ชนิดต่าง ๆ ได้แก่หนังสือหนังสือพิมพ์ โปสเตอร์ นามบัตร บัตรต่าง ๆ งานพิมพ์ลวดลายผ้า
งานพิมพ์ภาพลงบนสิ่งของเครื่องใช้ต่าง ๆ งานออกแบบรูปสัญลักษณ์ เครื่องหมายการค้า ฯลฯ
[https://sites.google.com/]

ภาพท่ี 2.6 แสดงการออกแบบส่งิ พมิ พ์
2.2 แนวคิดเกยี่ วกบั ป้ายตารางการใชห้ ้องเรียน

2.2.1 ป้ายตารางการใช้ห้องเรียน หมายถึง ป้ายตารางการใช้ห้องเรียน ตารางแสดงข้อมูล
เกีย่ วกบั การจัดการสอนสาหรบั ครูอาจารย์ ให้กบั นกั เรียนนักศึกษาในของปี การศกึ ษาภาคเรียนน้ัน ๆ
ว่าสอนวันใด เวลาใด ครูอาจารย์ทุกคนต้องเข้าสอนตามตารางสอนของโรงเรียน ของวิทยาลัย ของ
มหาวิทยาลยั ตามกาหนด [https://www.kruchiangrai.net/]

ภาพท่ี 2.7 แสดงปา้ ยตารางการใช้ห้องเรยี น

10

2.2.2 ประเภทของปา้ ย
2.2.2.1 ป้ายภายนอก หรือเรียกอีกชื่อว่าป้าย เอาท์ดอร์ ป้ายประเภทนี้ เหมาะสำหรับ

งานประเภทที่ต้องมีความทนทานเป็นอย่างมาก วัสดุจะต้องมีความคงทน ทนต่อแสงแดด และ ฝน
ปา้ ยประเภทนีน้ ิยมใช้กับงานประชาสมั พนั ธ์ โฆษณา หรือโปรโมทซงึ่ ป้าย
(https://lannamedia.co.th/)

ภาพท่ี 2.8 แสดงปา้ ยภายนอก
2.2.2.2 ป้ายภายใน ป้ายภายใน หรือเรียกอีกชื่อว่าป้ายอินดอร์ ป้ายสำหรับติดตั้ง
ภายใน ส่วนใหญ่จะเป็นป้ายที่เน้นไปที่ความคมชัดของตัวป้าย ในระยะใกล้สายตา ป้ายประเภทน้ี
เหมาะกับงานประเภท ป้ายสต๊กิ เกอรต์ กแต่งรา้ น ป้ายช่ือร้าน ป้ายเตอื น ป้ายประชาสัมพันธ์ หรอื ป้าย
กล่องไฟ (LED) เป็นต้น ปา้ ยท่ใี ช้ภายในอาคาร ป้ายประเภทน้ีสามารถใชว้ สั ดุได้หลากหลาย เนื่องจาก
ไมม่ ีปญั หากบั สภาพอากาศภายนอก (https://lannamedia.co.th/)

ภาพที่ 2.9 แสดงปา้ ยภายใน

11

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

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

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

12

2.3.2 องคป์ ระกอบของเทคโนโลยีสารสนเทศ
2.3.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) หนว่ ยความจำหลัก มีหนา้ ทเ่ี กบ็ ข้อมลู ที่มาจากอุปกรณ์รับข้อมูลเพื่อใช้ใน
การคำนวณ และผลลัพธข์ องการคำนวณก่อนท่จี ะส่งไปยังอุปกรณ์ส่งข้อมูล รวมทง้ั การเก็บคำสั่งขณะ
กำลงั ประมวลผล
5) หนว่ ยความจำสำรอง ทำหนา้ ทจ่ี ดั เกบ็ ข้อมลู และโปรแกรมขณะยงั ไม่ได้ใช้
งาน เพอ่ื การใช้ในอนาคต

ภาพท่ี 2.11 แสดงเทคโนโลยีคอมพวิ เตอร์

13

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

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

14

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

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

ประโยชน์ของคิวอาร์โค้ด เราสามารถนำคิวอาร์โค้ดมาประยุกต์ใช้งานได้หลากลาย
รูปแบบ เชน่ การเผยแพร่ข้อมลู บนตวั ผลิตภัณฑ์ การแสดงขอ้ มลู ช่องทางการตดิ ต่อไม่ว่าจะเป็น เบอร์
โทรศัพท์ ชื่อเว็บไซต์หรือ URL ที่ยาวและจดจำได้ยากคิวอาร์โค้ดจึงเป็นช่องทางหนึ่งที่จะช่วยเพ่ือ
ความสะดวกใหก้ ับเรามากย่ิงข้นึ เน่ืองจากเรางานสามารถนำมือถือทม่ี ีกล้องถา่ ยภาพ หรอื สมารท์ โฟน
ทตี่ ิดตง้ั แอพสำหรับถอดรหัส QR Code นำมาสแกนได้เลย
[https://www.marketingoops.com/]

ภาพที่ 2.13 แสดงโปรแกรม QR Code Generator

15

2.4.2 โปรแกรม Adobe Illustrator 2020
2.4.2.1 โปรแกรม Adobe Illustrator 2020 หมายถึง ปัจจุบันที่โลกกำลังถูกขับเคลือ่ นด้วย

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

ภาพท่ี 2.14 แสดงโปรแกรม Adobe Illustrator 2020

16

2.4.2.2 การตดิ ต้งั โปรแกรม Adobe Illustrator 2020
1) ดาวนโ์ หลดโปรแปรมทต่ี ้องการจะติดตั้ง

ภาพท่ี 2.15 แสดงดาวนโ์ หลดโปรแปรมที่ตอ้ งการจะตดิ ตั้ง
2) ทำการแตกไฟลโ์ ปรแกรมทดี่ าวนโ์ หลดมา

ภาพที่ 2.16 แสดงทำการแตกไฟลโ์ ปรแกรมท่ีดาวน์โหลดมา

17

3) ทำการแตกไฟลท์ ่ีจะตดิ ตั้งโปรแกรม

ภาพที่ 2.17 แสดงทำการแตกไฟลท์ จ่ี ะติดตงั้ โปรแกรม
4) เรมิ่ ตดิ ตง้ั โปรแกรม

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

18

5) เปดิ โปรแกรมได้เลย

ภาพท่ี 2.19 แสดงเปิดโปรแกรม

2.4.2.3 แนะนำเคร่ืองมือของโปรแกรม Adobe Illustrator 2020
1) Selection tool(ลกู ศรสีดำ)ใชเ้ ลอื กวตั ถทุ ้ังชิ้น
2) Direct-selection tool(ลกู ศรสขาว)ใช้เลอื ก points หรือ path ของวตั ถุ (กด

คีย์ Alt)
3) Magic wand tool(ไม้เท้าวเิ ศษ)เป็นเครือ่ งมอื ใหม่ ใชเ้ ลอื กวตั ถุท่ีมีสเี ดยี วกัน

การใชง้ านเหมือนใน Photoshop (กดคยี ์ Alt และ Shift)
4) Lasso tool ใชเ้ ลอื กโดยการคลิกเมาส์ Drag การใช้งานเหมอื น Photoshop

(กดคีย์ Alt และ Shift)
5) Create tool เครื่องมือกลมุ่ นวี้ ่าด้วยการสร้าง objects ไมว่ ่าจะเปน็ เส้น รูปทรง

ต่างๆ และตวั หนงั สือ
6) Pen tool สรา้ งเสน้ parthอย่างแม่นยำ โดยการใชแ้ ขน มีผลทำให้object มีจดุ

น้อย-น้อยมาก ส่วนเครือ่ งมอื ยอ่ ยจะเอาไว้ใชป้ รับแตง่ curved ไม่วา่ จะเปน็ การเพ่ิมจุด ลบจุด หัก
แขนของแกนเส้นสัมผสั (กดคีย์ Alt)

7) Type tool ใช้พิมตวั หนังสอื ขอ้ ความต่างๆ สว่ นเครื่องมือย่อย ก็ง่าย ๆ ตามรูป
ใชพ้ ิมพ์ตวั หนงั สอื ให้อยใู่ นกรอบบา้ ง ทำตัวอกั ษรวงิ่ ตาม pathsบ้าง ซงึ่ ผมจะไม่อธิบายมากเพราะ
ไอคอนกง็ ่ายต่อการจดจำอยู่แล่ว

8) Line segment tool อนั นไี้ วล้ ากเส้นตรง ในรายละเอียดของเครอื่ งมือยอ่ ยก็ไม่
มอี ะไรมาก เช่นไว้ทำขดกน้ หอย ทำ grid ของตารางหมากรุก grid แบบใยแมงมุม

19

9) Basic shape tool เอาไวว้ าดรูปทรงพน้ื ฐาน 3-4-หลายเหลย่ี ม และวงกลม
shape รปู ดาว แตท่ ีเ่ ดน่ ทส่ี ดุ คอื flare tool ใช้สร้างเอฟเฟค lens-flare (กดคีย์ Alt หรอื Shift และ
Alt+Shift)

10) Paintbrush tool แปรงทีเ่ อาไว้สรา้ งเส้น parth โดยการ drag เมาส์ลากอยา่ ง
อิสสระ สามารถใช้ brush แบบพเิ ศษ (กดคีย์ Alt)

11) Pencil tool จะคล้ายๆ paintbrush tool แตจ่ ะมเี ครื่องมือย่อยใหเ้ รียกใช้ใน
การแก้ไขเส้น ซึ่งจะชว่ ยในการปรับแต่งแก้ไข และทำใหง้ านดูด+ี เร็วข้ึน (กดคยี ์ Alt)

12) Transform tool เครื่องมือกลุ่มนใ้ี ช้ในการปรับแต่งรปู ทรงของวตั ถุ ไมว่ า่ จะ
เป็นหมุน เอียง บิด กลับด้าน ย่อ ขยาย นอกจากน้ยี ังมเี อฟเฟคตา่ งๆด้วย

13) Rotate tool ใชใ้ นการหมนุ วัตถุ โดยการกำหนดจุดหมุนก่อนแลว้ จงึ ทำการ
หมนุ ซงึ่ สามารถกำหนดได้วา่ ตอ้ งการหมนุ กี่องศา (กดคยี ์ Alt)

14) Reflect tool ใชใ้ นการกลับดา้ นของวัตถุ (กดคีย์ Alt)
15) Twist tool ใช้ในการบิดวัตถุ โดยการกำหนดจุดกอ่ นแล้วจงึ ทำการบิด ซง่ึ
สามารถกำหนดได้ว่าต้องการบิดมากน้อย (กดคีย์ Alt)
16) Scale tool ปลับย่อขยายวัตถุ (กดคยี ์ Alt และ Shift)
17) Shear tool ใช้เอยี งวัตถุ (กดคีย์ Alt)
18) Reshape tool ใชเ้ พ่มิ จุด และดงึ ยดื วตั ถุ
19) The warp tool ใช้โนม้ วัตถุให้บดิ เบ้ยี ว (กดคีย์ Alt หรือ Shift และ
Alt+Shift)
20) Twirl tool ทำใหว้ ัตถบุ ิดตามจดุ ท่ีกำหนด (กดคีย์ Alt หรือ Shift และ
Alt+Shift)
21) Pucker tool ดึงดูดจุดให้เข้าสู่จุดศนู ยก์ ลาง (กดคีย์ Alt หรอื Shift และ
Alt+Shift)
22) Bloat tool ทำใหว้ ตั ถุแบออก (กดคยี ์ Alt หรือ Shift และ Alt+Shift)
23) Scallop tool ดึงวตั ถใุ ห้เขา้ ศูนยก์ ลางพร้อมกับสร้างรอยหยกั (กดคีย์ Alt
หรอื Shift และ Alt+Shift)
24) Crystallize tool ขยายวตั ถใุ ห้ออกจากศนู ย์กลางพร้อมกับสรา้ งรอยหยัก (กด
คยี ์ Alt หรอื Shift และ Alt+Shift)
25) Wrinkle tool สร้างคลืน่ ใหว้ ตั ถุ (กดคีย์ Alt หรือ Shift และ Alt+Shift)
26) Free transform tool ยอ่ ขยาย หมนุ เอียง วตถุ โดยอสิ ระ
27) Special tool เป็นเคร่ืองมอื ใหม่ทีจ่ ัดการเก่ียวกะ Symbol และ graph

20

28) Symbol tool ใช้จัดการเก่ยี วกบั symbol ซึง่ มีเคร่ืองมือย่อยมากมายแตจ่ ะไม่
ขอกลา่ วถึง เพราะเคร่ืองมือแตล่ ะชิ้นมีไอคอนท่ีงา่ ยตอ่ การเขา้ ใจอยู่แลว้ ขอให้ทดลองนำไปใช้เอง
แลว้ จะเข้าใจว่า tool แตล่ ะช้ินใชท้ ำอะไรไดบ้ ้าง (กดคยี ์ Alt)

29) Graph tool ใช้สร้าง graph ในรูปแบบต่างๆ ซ่ึงงา่ ยต่อการเข้าใจ และ จะไม่
ขอกล่าวถึงเช่นกนั (กดคยี ์ Alt หรอื Shift และ Alt+Shift)

30) Paint color tool เปน็ กล่มุ เคร่ืองมือที่ใช้จัดการเรือ่ งของสี
31) Mesh tool เปน็ เคร่ืองมือสีทเ่ี จง๋ สุดขีด(แต่ควบคุมยากเหมือนกัน)โดยการสร้าง
point และมีแกนในการควบคมุ (กดคยี ์ Alt และ Shift)
32) Gradient tool เครื่องมือไล่ระดับสี ซึง่ มีการไล่ระดับอยดู่ ว้ ยกนั 2 แบบคอื
Linear และ Radial ใช้การลากจากจุดเริ่มต้น และ ส้นิ สุดทจ่ี ดุ ปลอ่ ยเมาส์ ในการควบคุมการไล่ระดบั
ของสี (กดคยี ์ Shift)
33) Eyedropper tool หลอดดูดสี ใช้ copy สีของวตั ถุ สามารกำหนดได้ด้วยว่า
จะ copy ลักษณะอย่างไร อะไรบ้าง (กดคีย์ Alt และ Alt+Shift)
34) Paint bucket tool ส่วนใหญ่จะใช้ควบคู่กับ eyedropper tool ใดยใชเ้ ทสี
ลงบนวตั ถุ (กดคยี ์ Alt)
35) Measure tool เครือ่ งมอื วดั ขนาด (กดคีย์ Shift)
36) Blend tool เคร่ืองมอื ไล่ระดับการเปล่ยี นรปู รา่ งและสี สามารถควบคมุ การไล่
ระดบั ได้ 3 ชนิด
37) Auto trace tool ใช้ในการ trace จากภาพต้นฉบับท่ีเป็น bitmap ไปเป็น
Vector ซ่ึงเปน็ เครอื่ งมืออำนวยความสะดวกสำหรับคนขีเ้ กียจโดยเฉพาะ
38) View tool กลุ่มเครื่องมือกลมุ่ นีจ้ ะเนน้ ที่มมุ มองเปน็ หลกั
39) Slice tool ใช้เก่ียวกบั การตัดแบง่ ภาพออกเปน็ สว่ นๆ ใช้ในงานเว็บ
40) Scissors tool ใช้คลิกบริเวณ outine ของวตั ถุเพอ่ื กำหนดจดุ ตัด 2 จุดเพ่ือ
แยกวัตถุออกจากกัน (กดคีย์ Alt)
41) Knife tool ใช้ drag ลากผ่านวัตถุเพื่ออแยกวัตถุออกจากกนั เปน็ 2ส่วน โดย
จะทำการ close paths ใหเ้ ราโดยอัตโนมตั ิ (กดคยี ์ Alt)
42) Hand tool ใช้เลอื่ นดูบริเวณพนื้ ที่การทำงานบนหน้าจอ (กดคีย์ Spacebar)
43) Page tool ใช้กำหนด print size
44) Zoom tool ใชย้ ่อ และ ขยายพ้นื ท่ีการทำงาน (กดคีย์ Ctrl+Spacebar และ
Ctrl+Alt+Spacebar)

21

2.4.3 โปรแกรม Adobe Photoshop cs6
2.4.3.1 โปรแกรม Photo shop เป็นโปรแกรมในตระกูล Adobe ที่ใช้สำหรับตกแต่ง

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

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

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

ภาพท่ี 2.20 แสดงโปรแกรม adobe Photoshop cs6

22

2.4.2.2 การติดตัง้ โปรแกรม Adobe Photoshop cs6
1) ดาวนโ์ หลดโปรแปรมทตี่ อ้ งการจะติดตั้ง

ภาพท่ี 2.21 แสดงดาวน์โหลดโปรแปรมทีต่ ้องการจะติดตงั้
2) ทำการแตกไฟล์โปรแกรมทด่ี าวนโ์ หลดมา

ภาพท่ี 2.22 แสดงทำการแตกไฟลโ์ ปรแกรมที่ดาวนโ์ หลดมา

23

3) ทำการแตกไฟล์ท่ีจะตดิ ตั้งโปรแกรม

ภาพท่ี 2.23 แสดงทำการแตกไฟลท์ จ่ี ะติดตงั้ โปรแกรม
4) เร่มิ ตดิ ต้งั โปรแกรม

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

24

5) การ Clack โปรแกรม ให้โปรแกรมใชง้ านได้

ภาพที่ 2.25 แสดงการ Clack โปรแกรม ใหโ้ ปรแกรมใช้งานได้
1) เปิดโปรแกรมได้เลย

ภาพท่ี 2.26 แสดงเปิดโปรแกรม

25

2.4.2.3 เครอ่ื งมือพน้ื ฐานของโปรแกรม Adobe Photoshop cs6
1) Move ใชส้ ำหรับเลือกพนื้ ท่ีบนภาพเป็นรูปส่เี หล่ยี ม วงกลม วงรี หรือเลอื กเป็น

แถวคอลมั น์ ขนาด 1 พเิ ซล
2) Marquee ใชส้ ำหรับยา้ ยพ้นื ทที่ ่เี ลือกไวข้ องภาพ หรอื ย้ายภาพในเลเยอร์หรือ

ยา้ ยเส้นไกด์
3) Lasso ใช้เลือกพ้นื ทบี่ นภาพเป็นแนวเขตแบบอสิ ระ
4) Magic Wand ใชเ้ ลือกพื้นที่ด้วยวธิ ีระบายบนภาพ หรือเลือกจากสีทีใ่ กลเ้ คยี งกัน
5) Crop ใชต้ ัดขอบภาพ
6) Slice ใชต้ ัดแบง่ ภาพเพือ่ บนั ทึกไฟล์ภาพย่อย ๆ ที่เรียกว่าสไลซ์ (Slice)สำหรบั

นำไปสร้างเวบ็ เพจ
7) Eyedroppe ใชเ้ ลอื กสจี ากสตี ่าง ๆ บนภาพ
8) Healing Brush ใช้ตกแตง่ ลบรอยตำหนใิ นภาพ
9) Brush ใชร้ ะบายลงบนภาพ
10) Clone Stamp ใชท้ ำสำเนาภาพ โดยกอ๊ ปปีภ้ าพจากบรเิ วณอน่ื มาระบาย หรือ

ระบายดว้ ยลวดลาย
11) History Brush ใชร้ ะบายภาพด้วยภาพของขนั้ ตอนเดิมที่ผ่านมา หรือภาพของ

สถานะเดิมที่บนั ทึกไว้
12) Eraserใช้ลบภาพบางส่วนทไ่ี มต่ ้องการ
13) Gradient ใช้เตมิ สแี บบไลร่ ะดับโทนสหี รือความทึบ
14) Blur ใชร้ ะบายภาพให้เบลอ
15) Bern ใชร้ ะบายเพื่อใหภ้ าพมืดลง
16) Dodge ใช้ระบายเพ่ือให้ภาพสว่างขน้ึ
17) pen ใชว้ าดเสน้ พาธ (Path)
18) Horizontal Type ใชพ้ มิ พต์ วั อักษรหรือข้อความลงบนภาพ
19) Path Selectionใช้เลอื กและปรบั แต่งรปู ทรงของเส้นพาธ
20) Rectangleใช้วาดรูปทรงเรขาคณติ หรอื รูปทรงสำเร็จรปู
21) Handใชเ้ ลอื่ นดสู ่วนต่าง ๆ ของภาพ
22) Zoomใช้ย่อหรือขยายมุมมองภาด
23) set Foreground Color, Set Background Color ใช้สำหรับกำหนดสีใช้ยอ่

หรือขยายมุมมองภาด Foreground Color และ Background Color

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

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

การดำเนินโครงการการออกแบบ QR Code ป้ายตารางการใช้ห้องเรียน ห้อง 921-922
สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล ด้วยโปรแกรม Adobe Illustrator 2020 ( QR Code Design
Signage Use of Classroom Room 921-922 Digital Business Technology with Adobe
Illustrator 2020 ) มรี ายละเอยี ดในการดำเนินงานโครงการ ดงั น้ี

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

3.1 การศกึ ษาขอ้ มูลเบ้อื งต้น
3.1.1 ศึกษาคน้ คว้าจากเอกสารและส่อื ตา่ ง ๆ
3.1.2 คณะผู้จัดทำร่วมกันศึกษาการใช้โปรแกรม Adobe Illustrator 2020 สำหรับออกแบบ

ตารางการใช้หอ้ งเรยี น ห้อง 921-922
3.1.3 ศึกษาทฤษฎแี ละหลกั หรอื แนวคดิ ใหม่ ๆ ท่หี นา้ สนใจ
3.1.4 สำรวจกลมุ่ เป้าหมาย และจดั ทำโครงรา่ งแบบสอบถามจะเปน็ การ ทำแบบสอบถามความ

พึงพอใจทีม่ ตี อ่ ตารางการใช้หอ้ งเรยี น เพอ่ื นำข้อผดิ พลาดมาใชป้ รับปรุงช้ินงานใหด้ ีย่งิ ข้ึน

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

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

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

27

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

28

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

เร่มิ ตน้

ประชุมสมาชิกในกลมุ่ เพอ่ื ศกึ ษาหาหวั เร่ืองทส่ี นใจในการทำโครงการ

นำเสนออาจารที่ ไม่ผา่ น
ปรกึ ษาโครงการ

ผ่าน
วางแผนการจดั ทำโครงการ โดยเขยี นแบบร่างโครงการ

ออกแบบชน้ิ งาน

นำเสนออาจารย์ ไม่ผา่ น
ผสู้ อนโครงการ

ผ่าน
จดั หารา้ นในการสัง่ ทำสติ๊กเกอร์

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

29

1

คยุ รายละเอียดงานกบั ร้านทีส่ ั่งทำสติ๊กเกอร์
เร่ิมสั่งทำชน้ิ งานและตรวจสอบช้ินงาน

นำป้ายตารางการใชห้ ้องเรยี น มาทดลองใชแ้ ลว้ สรุปผล

นำปา้ ยตารางการใช้
หอ้ งเรียน มาทดลองใช้

แลว้ สรปุ ผล
เกบ็ ผลความพึงพอใจ
จัดทำรูปเลม่ โครงการใหส้ มบูรณ์

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

30

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

เรมิ่

หาขอ้ มลู

เริ่มออกแบบช้ินงาน

นำแบบมาเสนอ ไม่ผ่าน
อาจารย์

ผา่ น
ส่งแบบให้ร้านสต๊กิ เกอร์เร่ิมทำชิน้ งาน

นำมาแปะกบั แผน่ อะครลิ ิค

ลองสแกน QR Code

สแกนแลว้ แสดง ไม่แสดง
ตาราง

แสดง
ดูตารางการใช้ห้องเรยี น

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

31

ภาพที่ 3.5 แสดงการหาข้อมูล
ภาพที่ 3.6 แสดงขน้ั ตอนการออกแบบชน้ิ งาน

32

ภาพที่ 3.7 แสดงขั้นตอนการสแกน QR Code
ภาพท่ี 3.8 แสดงภาพตารางสอน

33

3.4 เคร่ืองมือทใ่ี ช้ในการเกบ็ รวบรวมข้อมูล
3.4.1 ตารางการใช้ห้องเรยี น หอ้ ง 921-922 ด้วยโปรแกรม Adobe Illustrator 2020
3.4.2 เครอื่ งมอื ท่ีใช้ในการศึกษาเชิงปริมาณ เป็นแบบสอบถามความพึงพอใจทีผ่ ้จู ัดทำโครงการ

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

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

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

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

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

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

34

3.5 ตอนการดำเนินการและเกบ็ รวบรวมข้อมูล
3.5.1 ศกึ ษาและรวบรวมข้อมูล
3.5.2 ออกแบบปา้ ยตารางการใชห้ ้องเรยี น หอ้ ง 921-922
3.5.3 แก้ไขในสว่ นทีค่ ดิ ว่าไม่เป็นไปตามความต้องการ
3.5.4 นำเสนองานในรปู แบบป้าย

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

นักเรยี นระดบั ประกาศนยี บตั รวชิ าชพี สาขาวิชาเทคโนโลยธี ุรกจิ ดิจิทลั วทิ ยาลยั เทคนคิ ระยอง
3.6.1 สร้างแบบสอบถามซง่ึ มีมาตราสว่ นประมาณค่า (Rating scale) 5 ระดบั ดังนี้
5 หมายถึงมากที่สดุ
4 หมายถงึ มาก
3 หมายถึงปานกลาง
2 หมายถงึ นอ้ ย
1 หมายถงึ นอ้ ยที่สุด

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

4.50 – 5.00 หมายถึงมากทส่ี ดุ

3.50 – 4.49 หมายถึงมาก

2.50 – 3.49 หมายถึงปานกลาง

1.50 – 2.49 หมายถงึ น้อย

0.00 – 1.49 หมายถงึ น้อยสดุ

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

3.7 สถติ ทิ ีใ่ ช้ในการวิเคราะหข์ ้อมลู

ในการจัดทำโครงการการออกแบบป้ายตารางการใช้ห้องเรียน สาขาวิชาเทคโนโลยีธุรกิจ

ดจิ ิทลั ดว้ ยโปรแกรม adobe illustrator 2020 สถิติท่ีใชใ้ นการวเิ คราะหข์ อ้ มูลแบง่ ออกได้ ดงั นี้

3.7.1 คา่ สถิตริ อ้ ยละ (Percentage) มีสตู รดงั นี้

สตู ร P= f×100
n

เม่ือ P คอื ค่าสถติ ริ อ้ ยละ

f คือ ความถท่ี ต่ี ้องการแปลค่าใหเ้ ป็นรอ้ ยละ

n คือ จำนวนความถ่ที ้ังหมด

35

3.7.2 การหาค่าเฉล่ีย ( ⃐ )

สูตร ⃐x = ∑x
n

เม่ือ ⃐x คอื ค่าเฉลี่ย

∑ x คือ ผลบวกของข้อมลู ทกุ ค่า
n คอื จำนวนขอ้ มูลท้งั หมด
3.7.3 การหาค่าเฉลย่ี เบย่ี งเบนมาตรฐาน (S.D. Standard Deviation)

สตู ร S.D. =√n∑nx2(n- -(1∑)x)2

เมื่อ S.D คอื คา่ เบยี่ งเบนมาตรฐาน
n∑x2 คือ ผลรวมยกกำลังสองของคะแนนทกุ จำนวน
(∑x)2 คอื ผลรวมคะแนนทุกจำนวนยกกำลังสอง
n คือ จำนวนขอ้ มูลทัง้ หมด

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

บทท่ี 4

ผลการดำเนินโครงการ

จากการดำเนินโครงการได้มีการติดตามประเมินผล ผู้ประเมินผลดำเนินวิเคราะห์ข้อมูล
และแปรความตามลำดบั ดังน้ี
4.1 ผลการดำเนินการ

ผลดำเนินงานโครงการการออกแบบ QR Code ป้ายตารางการใช้ห้องเรียน ห้อง 921-922
สาขาวิชาเทคโนโลยีธุรกิจดิจิทัล ด้วยโปรแกรม Adobe Illustrator 2020 จากการวิเคราะห์ข้อมูล
ท่วั ไปของผตู้ อบแบบประเมนิ ทัง้ หมด 217 คน

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

กลุ่มท่ี เพศ จำนวนคน ร้อยละ
1 ชาย 85 39.17
2 หญิง 132 60.83
รวม 217 100.00

จากตารางที่ 4.1 พบว่าจำนวนของผู้ตอบแบบประเมินจำแนกตามเพศ ได้แก่ เพศชาย
จำนวน 85 คน คดิ เปน็ รอ้ ยละ 39.17 และเพศหญิง จำนวน 97 คน คดิ เปน็ จำนวนร้อยละ 60.83

แผนภูมิแสดงจำนวนของผูต้ อบแบบประเมินจำแนกตามเพศ

39% ชาย
61% หญงิ

ภาพที่ 4.1 แผนภูมแิ สดงจำนวนของผ้ตู อบแบบประเมนิ จำแนกตามเพศ

37

ตารางที่ 4.2 แสดงจำนวนของผตู้ อบแบบประเมนิ จำแนกช่วงอายุ

กลมุ่ ท่ี อายุ จำนวนคน ร้อยละ
1 15-16 ปี 83 38.25
2 17-18 ปี 99 45.62
3 19-20 ปี 35 16.13
รวม 217 100.00

จากตารางที่ 4.2 พบว่าจำนวนของผู้ตอบแบบสอบถามจำแนกตามระดับช่วงอายุ ได้แก่
ช่วงอายุ 15-16 ปี จำนวน 83 คน คิดเป็นจำนวนร้อยละ 38.25 ช่วงอายุ 17-18 ปี จำนวน 99 คน
คดิ เป็นร้อยละ 45.62 และช่วงอายุ 19-20 ปี จำนวน 35 คน คดิ เปน็ ร้อยละ 16.13

แผนภมู ิแสดงจำนวนของผู้ตอบแบบประเมินจำแนกช่วงอายุ

19-20 ปี 15-16 ปี 15-16 ปี
16% 38% 17-18 ปี
19-20 ปี
17-18 ปี
46%

ภาพท่ี 4.2 แผนภมู แิ สดงจำนวนของผ้ตู อบแบบประเมนิ จำแนกชว่ งอายุ

38

ตารางที่ 4.3 แสดงความพงึ พอใจด้านการออกแบบชิ้นงาน

ค่าเฉล่ยี ส่วนเบี่ยงเบน ระดับ

เร่อื งการประเมิน ( X̅ ) มาตรฐาน ความพึง่

1.1 ป้ายมสี ีคมชัด ตัวหนงั สอื ชดั เจน ไมแ่ ตก 4.63 ( S.D. ) ใจ
ไม่เลอื นลาง โดยรวมป้ายมคี วามสมบรู ณ์ 4.40
4.32 0.72 มากท่ีสุด
1.2 ป้ายมีความสวยงามและนา่ สนใจ 4.45
1.3 การจัดวางสดั ส่วนองค์ประกอบของป้าย 0.67 มาก

มีความเหมาะสม 0.80 มาก
รวมท้ังส้ิน
0.73 มาก

จากตารางที่ 4.3 พบว่าความพึงพอใจด้านการออกแบบชิ้นงานอยู่ในระดับมาก
(x̅ = 4.45, S.D. = 0.73) เมอ่ื พิจารณาแลว้ พบว่าป้ายมีสคี มชัด ตัวหนงั สือชดั เจน ไมแ่ ตกไม่เลือนลาง
โดยรวมป้ายมีความสมบูรณ์อยู่ในระดับมากที่สุด (x̅ = 4.63, S.D = 0.72), ป้ายมีความสวยงามและ
น่าสนใจอยู่ในระดับมาก ( x̅ =4.40, S.D. =0.67) และการจัดวางสัดส่วนองค์ประกอบของป้าย
มคี วามเหมาะสมอยู่ในระดบั มาก ( x̅ = 4.32, S.D. = 0.80) ตามลำดับ

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

5 1.2 1.3
4.5 สว่ นเบย่ี งเบนมาตรฐาน

4
3.5

3
2.5

2
1.5

1
0.5

0
1.1

คา่ เฉลย่ี

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