กรณีศึกษา

46 2.2.2.4 การออกจากโปรแกรม Microsoft Word 2013 1) วิธที ี่ 1 - คลิกที่ปุ่ม - เลือ่ นเมาส์ไปคลิกทค่ี าส่งั Close รปู ท่ี 2.83 การออกจากโปรแกรม Microsoft Word 2013 2) วธิ ที ่ี 2 - นาเมาสม์ าคลิกทป่ี มุ่ ของหนา้ ตา่ งโปรแกรม Microsoft Word 2013 รปู ท่ี 2.84 การออกจากโปรแกรม Microsoft Word 2013 3) วธิ ีท่ี 3 - คลกิ ที่แทบ็ ไฟล์ - เล่อื นเมาส์มาคลิกทคี่ าสง่ั ปิด รปู ที่ 2.85 การออกจากโปรแกรม Microsoft Word 2013

47 2.2.3 โปรแกรม Microsoft Office PowerPoint 2013 PowerPoint เป็นหนึ่งโปรแกรมสาหรับสร้างงานพรีเซนเตชั่นที่ได้รับความนิยม โดยจะช่วยให้ เราสามารถนาข้อมูลท่ีเป็นท้ังข้อความ, ภาพ, เสียง และ วีดีโอ มาจัดร้อยเรียงเป็นเรื่องราว และ จัดลาดับให้ นาเสนอออกมาด้วยการเคลื่อนไหวท่ีชวนติดตาม และเร้าความสนใจต่อผู้ชมทุกคน ด้วยเหตุนี้จึงส่งผลให้ PowerPoint ถูกนามาใช้ในงานพรีเซนเตชั่นอย่างกว้างขวาง ได้แก่ การนาเสนอแผนงาน และ การประชุมใน บริษัทฯ ไปจนถึงการสัมมนา การสร้างส่ือการเรียนการสอนในสถานศึกษา และการสร้างเป็นส่อื ประชาสัมพนั ธ์ สินคา้ หรือ องค์กร ในหน่วยงานต่าง ๆ 2.2.3.1 ทาความรจู้ ักกับโปรแกรม Microsoft Office PowerPoint 2013 หลังจากเปิด PowerPoint 2013 ขึ้นมา เช่ือว่าหลายท่านคงสัมผัสได้ถึงความทันสมัยใน รูปลักษณ์ที่เปล่ียนไปของ PowerPoint อย่างแน่นอน เน่ืองจากในเวอร์ชั่นน้ีได้มีการออกแบบหน้าต่าง PowerPoint ตลอดจนปุ่มคาส่ังต่างๆ ให้ดูทันสมัยและสะดวกต่อการใชง้ านย่ิงข้ึน แถมยังปรับปรงุ ปุ่มคาส่ังให้ รองรบั การใชง้ านบนจอสมั ผัส (Touch Screen) ไดอ้ กี ดว้ ย 1) เรม่ิ ตน้ ทางานดว้ ย Start Screen Start Screen คอื หน้าเร่มิ ต้นของโปรแกรมท่ชี ่วยให้ผู้ใชส้ ามารถทางาน0ในส่วนทีต่ ้องการ ได้ทันทีท่ีเปิดโปรแกรม เช่น การเปิดไฟล์เก่าข้ึนมาใช้งาน หรือการสร้างงานใหม่จากเท็มเพลต โดยไม่ต้อง เสยี เวลาคลกิ กลบั ไปที่หนา้ Backstage View เหมือนในเวอรช์ น่ั กอ่ นๆ รูปท่ี 2.86 Start Screen 2) ปมุ่ Touch Mode รองรับการใช้งานระบบจอสมั ผสั PowerPoint 2013 ไดเ้ พิ่มปุ่ม Touch Mode เข้ามา เพ่ืออานวยความสะดวก ให้กบั ผู้ทใี่ ช้งานบนจอสมั ผัส ซึ่งทป่ี ุ่มนี้จะมีคาสง่ั สาหรบั ขยายแถบริบบอนให้ใหญ่ขนึ้ เพ่ือสะดวกในการใชน้ ว้ิ แตะปมุ่ คาสง่ั ตา่ งๆ

48 รปู ท่ี 2.87 ปุ่ม Touch Mode 3) การลงชือ่ เข้าใชด้ ้วย Microsoft Account Microsoft Account คือ ชื่อทีใ่ ช้สาหรับลงทะเบียนเพ่ือเชอ่ื มต่อการใชง้ านแบบออนไลน์ ทาใหเ้ ราสามารถใชง้ าน PowerPoint ได้อยา่ งมปี ระสิทธภิ าพมากยิง่ ข้นึ เช่น การบันทึกไฟลไ์ ปเก็บไวท้ ่ี One Drive หรอื การแชร์ไฟลผ์ า่ น Facebook หรือ Social Network อ่นื ๆ เปน็ ต้น รปู ท่ี 2.88 การลงช่อื เข้าใชด้ ว้ ย Microsoft Account 4) บันทึกไฟลข์ ้ึน One Drive PowerPoint 2013 ช่วยใหเ้ ราสามารถบันทึกหรือแชรไ์ ฟล์ข้นึ ไปเก็บไวบ้ น One Drive ได้งา่ ยขนึ้ กวา่ เดมิ เพียงลงชอ่ื เขา้ ใชด้ ้วย Microsoft Account รปู ที่ 2.89 บนั ทึกไฟลข์ นึ้ One Drive 5) ธีมใหมท่ ันสมัยมากขนึ้ PowerPoint 2013 มกี ารออกแบบธมี ใหม่ท่ดี ทู นั สมัย และรองรับกบั สไลดท์ ุกขนาด นอกจากน้ียังมีโทนสีย่อยของแต่ละธมี ให้เลอื กใชง้ านได้หลากหลายยง่ิ ข้ึน

49 รปู ที่ 2.90 ธมี 6) การใส่รปู ภาพออนไลน์ เราสามารถดงึ รูปภาพจากแหลง่ เกบ็ รูปออนไลน์ ไมว่ า่ จะเป็น Office.com, One Drive หรือ Facebook มาวางบนสไลดไ์ ด้อย่างงา่ ยดาย รูปท่ี 2.91 การใส่รปู ภาพออนไลน์ 7) การใส่คลิปวดิ ีโอออนไลน์ เราสามารถดึงคลิปวดิ ีโอจากส่ือออนไลน์ต่างๆ เช่น One Drive, Facebook และ YouTube มาวางบนสไลด์ได้อย่างงา่ ยโอยใชค้ าสั่ง Online Video รปู ที่ 2.92 การใส่คลปิ วดิ โี อออนไลน์ 8) การฉายออนไลน์ ทนั สมัยให้สมกับยุคแหง่ การส่ือสารแบบออนไลน์ เพราะ PowerPoint 2013 ได้เพิม่ คาส่ัง Present Online ท่จี ะช่วยให้คุณสามารถฉายสไลดจ์ ากท่ีไหนก็ได้ทม่ี สี ญั ญาณอินเทอรเ์ น็ต

50 รูปที่ 2.93 การฉายออนไลน์ 9) ป่มุ ควบคุมการฉายสไลดแ์ บบใหม่ ปมุ่ ควบคุมการฉายสไลดแ์ บบใหม่ ทีเ่ พิ่มเขา้ มา คือ ปุ่ม (Zoom In) เขา้ มา ทาใหเ้ รา สามารถขยายสไลดต์ รงจดุ ทเ่ี ราต้องการได้ในคลิกเดยี ว รูปท่ี 2.94 ปุ่มควบคุมการฉายสไลดแ์ บบใหม่ 10) การแปลงงานนาเสนอเป็นไฟล์วิดโี อแบบ MPEG-4 ในเวอร์ชั่นนี้ PowerPoint จะรองรับการทางานกับไฟล์วิดีโอที่หลากหลายขึ้น โดย สามารถแปลงไฟล์งานนาเสนอเป็นไฟล์วิดีโอแบบ MPEG-4 (.mp4) ได้ ซึ่งต่างจากเวอร์ช่ันก่อนท่ีแปลงเป็น WMV (.wmv) รูปที่ 2.95 การแปลงงานนาเสนอเป็นไฟลว์ ดิ โี อแบบ MPEG-4

51 2.2.3.2 การเข้าสรู่ ะบบและส่วนประกอบของโปรแกรม 1) การเรียกใชโ้ ปรแกรม Microsoft PowerPoint 2013 - คลิกปุม่ Windows ที่หน้าจอมมุ ลา่ งซ้าย หรอื กดที่แปน้ พิมพก์ ็ได้ เพื่อเข้าสู่ หน้าจอ Start screen รูปที่ 2.96 การเรียกใช้โปรแกรม Microsoft PowerPoint 2013 - เลือ่ นเมา้ ส์ไปยังมุมลา่ งทางขวา เพือ่ หาชดุ คาสง่ั ดงั รปู เลือก Search รปู ที่ 2.97 การเรียกใช้โปรแกรม Microsoft PowerPoint 2013 - ทาการพิมพช์ อ่ื โปรแกรม PowerPoint 2013 ระบบก็จะทาการแสดงโปรแกรมที่เราค้นหา ขึ้นมา จากน้นั คลิกเลอื ก โปรแกรม PowerPoint 2013 รูปท่ี 2.98 การเรยี กใช้โปรแกรม Microsoft PowerPoint 2013

52 - คลิกเลือกงานนาเสนอเปล่า รปู ท่ี 2.99 การเรยี กใช้โปรแกรม Microsoft PowerPoint 2013 - จะเขา้ สโู่ ปรแกรม Microsoft PowerPoint 2013 ดงั รปู รูปที่ 2.100 การเรียกใชโ้ ปรแกรม Microsoft PowerPoint 2013 2) ส่วนประกอบของหนา้ ตา่ ง PowerPoint 2013 สาหรบั หนา้ ตา่ ง PowerPoint 2013 นั้น โดยรวมแลว้ กจ็ ะมีลักษณะคล้ายกับในเวอรช์ นั่ 2007 และ 2010 แตจ่ ะตา่ งกันเล็กน้อยตรงหนา้ ตาของเวอรช์ นั่ น้จี ะดทู ันสมัยมากข้นึ และรูปแบบปุม่ คาสง่ั ท่ีมี การปรับเปลีย่ นไปจากเดิม โดยหนา้ ตา่ ง PowerPoint 2013 มีสว่ นประกอบหลกั ๆ ดงั นี้

53 รูปที่ 2.101 สว่ นประกอบของหนา้ ต่าง PowerPoint 2013 หมายเลข 1 แท็บไฟล์ (FILE) ศูนย์รวมคาส่ังสาหรับจัดการณ์ไฟล์ เช่น บันทึก (save) เปิด (Open) หรอื สรา้ งไฟล์ใหม่ (New) เปน็ ต้น หมายเลข 2 แถบเครื่องมือด่วน (Quick Access Toolbar) แถบเก็บคาส่ังด่วนหรือ คาสั่งที่ใช้บอ่ ย โดยโปรแกรมจะกาหนดค่าเร่ิมตน้ ให้ 4 ปุ่ม คอื (Save) , (Undo), (Repeat)และ (Slide Show) แตถ่ ้าเปน็ คอมพวิ เตอร์ทมี่ รี ะบบจอสมั ผัส จะมปี ่มุ (Touch/Mouse Mode) เพม่ิ ข้นึ มาอกี 1 ปุ่ม หมายเลข 3 แถบช่ือเร่ือง (Title Bar) แถบแสดงชื่อและประเภทของไฟล์ที่ใช้งานอยู่ เชน่ ในภาพตงั อยา่ งเปดิ ไฟลช์ อ่ื งานนาเสนอ1 ซ่งึ เป็นไฟลป์ ระเภท PowerPoint เปน็ ต้น หมายเลข 4 แถบริบบอน (Ribbon) แถบกลุ่มคาส่ังซ่ึงประกอบด้วยแท็บต่างๆ โดยแต่ ละแทบ็ จะรวบรวมคาส่ังเปน็ หมวดหมูเ่ พือ่ ให้งา่ ยต่อการใชง้ าน หมายเลข 5 ปุ่มควบคุมหน้าต่างโปรแกรม (Program Window Controls) ปุ่มจัดการ หนา้ ตา่ งโปรแกรม ใชส้ าหรับยอ่ ขยาย หรอื ปดิ หน้าตา่ งโปรแกรม หมายเลข 6 รปู ตวั อย่างสไลด์ (Thumbnails) แสดงสไลด์ทั้งหมดในพรเี ซนเตชั่นเปน็ รูป เล็กๆ แบบที่เรียกว่า รปู ขนาดยอ่ เพื่อใหเ้ ห็นภาพรวมและชว่ ยใหส้ ามารถจัดการสไลดไ์ ดอ้ ยา่ งสะดวกยิง่ ข้ึน หมายเลข 7 พ้ืนที่สไลด์ (Slide Pane) พื้นที่สาหรับออกแบบ แก้ไข และแสดงสไลด์ที่ ใช้งานอยู่ หมายเลข 8 แถบสถานะ (Status Bar) แสดงสถานการณ์ทางานของสไลดท์ ี่ใช้งานอยู่ หมายเลข 9 ปุ่มเปิด/ปิดโน้ตย่อ (Notes & Comments Buttons) แสดง/ซ่อนโน้ตย่อ หรอื หนา้ ตา่ งคอมเมนต์ หมายเลข 10 แถบมมุ มองสไลด์ (View Shortcuts) กาหนดมุมมองสไลด์ หมายเลข 11 ตัวเลื่อนย่อ/ขยาย (Zoom Slider) ปรับขนากดารแสดงผลของสไลด์ โดยมีรายละเอียดดังนี้ - ขยายสไลด์ : คลกิ เคร่อื งหมายบวก + - ย่อสไลด์ : คลกิ เครอื่ งหมายลบ –

54 3) รจู้ กั และใชง้ านแถบ Ribbon Ribbon (ริบบอน) คือ กลมุ่ แทบ็ คาสง่ั ทช่ี ว่ ยใหค้ ุณเขา้ ถึงคาสง่ั ต่างๆ ได้อย่างรวดเรว็ โดย จะรวมคาสง่ั ท่ีใชง้ านท่ีสมั พันธก์ ับงานลกั ษณะเดยี วกันเก็บไว้ในรบิ บอนเดียวกนั โดยพืน้ ฐานจะแบง่ กลมุ่ ริบ บอนให้เป็น 8 ชดุ ดงั นี้ - แท็บ HOME (หน้าแรก) แท็บเครอ่ื งมือท่ัวไป เชน่ เพิ่มสไลด์ใหม่, เปลย่ี นเคา้ โครงสไลด์ , รปู แบบข้อความ, ย่อหนา้ , จัดตาแหนง่ , รปู วาด, ก็อปปี้, วาง และค้นหาขอ้ ความในสไลด์ รูปที่ 2.102 แทบ็ HOME - แท็บ INSERT (แทรก) แท็บเครื่องมอื กล่มุ แทรกออบเจ็กตต์ า่ งๆ เช่น รปู ภาพ, คลปิ อาร์ต, ตาราง, กราฟ, รปู รา่ ง, อักษรศลิ ป์, ไดอะแกรม, ข้อคดิ เห็น, กลอ่ งข้อความ, วดิ ีโอ, ไฟล์เสียง, และ สัญลักษณต์ า่ งๆ รปู ท่ี 2.103 แท็บ INSERT - แท็บ DESIGN (ออกแบบ) แท็บเครื่องมือกลุม่ ออกแบบ เชน่ เลอื กชดุ ธมี , เลอื กโทนสี สไลด์, ขนาดของสไลด์ และกาหนดสีพืน้ สไลด์ รูปท่ี 2.104 แท็บ DESIGN - แท็บ TRANSITIONS (การเปลีย่ น) แทบ็ เครื่องมือท่ีใชก้ าหนดการเปล่ียนแผ่นสไลด์ เวลานาเสนอ เชน่ เลอื กเอฟเฟก็ ต์, กาหนดเสยี ง, ต้ังเวลา และเลือกวิธีการนาเสนอ รปู ท่ี 2.105 แทบ็ TRANSITIONS

55 - แท็บ ANIMATIONS (ภาพเคลอื่ นไหว) แท็บเครื่องมือกาหนดภาพเคลื่อนไหวของ ออบเจ็กตเ์ ม่ือนาเสนอ เชน่ เลอื กเอฟเฟ็กต์, เลือกวธิ ีการแสดง, เลือกวิธกี ารเลน่ , ตั้งเวลาเลน่ และจัดลาดบั การ เคลอื่ นไหว รูปท่ี 2.106 แทบ็ ANIMATIONS - แทบ็ SLIDE SHOW (การนาเสนอสไลด)์ แท็บเคร่ืองมือการนาเสนอสไลด์ เช่น เร่ิม นาเสนอจากสไลด์ไหน, ตั้งคา่ การนาเสนอ, ทดสอบเวลาท่ีจะนาเสนอ, บนั ทกึ เวลา และการเลอื กจอภาพ ในขณะนาเสนอ รูปที่ 2.107 แทบ็ SLIDE SHOW - แท็บ REVIEW (รวี ิว) แท็บเครอื่ งมือรวี วิ หรอื ตรวจทาน เช่น การพสิ จู นอ์ กั ษร, การ แปลภาษา, แทรกข้อคิดเห็น, เปรียบเทียบเอกสาร, การใชห้ มกึ วาด และลงิ คไ์ ปท่ี OneNote รูปที่ 2.108 แทบ็ REVIEW - แท็บ VIEW (มุมมอง) แทบ็ เครอื่ งมอื เปล่ยี นมุมมองสไลด์ เชน่ มุมมองสไลด์แบบต่างๆ, มุมมองสี, มุมมองขาวดา, แสดงไมบ้ รรทัด, เส้นกรดิ และการสลบั /จดั เรยี งหนา้ ตา่ งงานนาเสนอ รูปท่ี 2.109 แท็บ VIEW

56 4) การใชง้ านแถบเคร่ืองมือ Quick Access Quick Access Toolbar คือ แถบเคร่ืองมือเล็กๆ ที่อยู่มุมบนขวาสุดของหน้าต่าง โปรแกรม ซึ่งจะเก็บรายการไอคอนคาสั่งที่ใช้งานบ่อยๆ เอาไว้ เร่ิมต้นอาจจะมีแค่ไม่ก่ีไอคอน แต่คุณสามารถ เพิม่ ปมุ่ คาสัง่ ทต่ี ้องใชง้ านบอ่ ยๆ เอาไว้ หรอื จะยกเลกิ ปุม่ ทไ่ี ม่ไดใ้ ช้ออกไปได้ ดงั นี้ - คลิกเมาส์ที่ ซึ่งอยู่ด้านขวามือของ Quick Access ซึ่งจะมีป๊อปอัพสาหรับเปิดคาส่ัง ในเครื่องมอื ดว่ น รปู ท่ี 2.110 การใช้งานแถบเครื่องมอื Quick Access รปู ท่ี 2.111 การใชง้ านแถบเครื่องมอื Quick Access

57 - เมื่อกาหนดปุ่มคาส่ังเพ่มิ เติมแล้วจะปรากฏปมุ่ คาส่ังบน Quick Access ดงั รูป รปู ที่ 2.112 การใชง้ านแถบเคร่อื งมือ Quick Access 5) การเปลย่ี นตาแหน่งแถบ Quick Access รปู ท่ี 2.113 การเปลย่ี นตาแหนง่ แถบ Quick Access รปู ท่ี 2.114 การเปล่ียนตาแหนง่ แถบ Quick Access

58 6) การออกจากโปรแกรม รูปท่ี 2.115 การออกจากโปรแกรม รปู ท่ี 2.116 การออกจากโปรแกรม

59 7) การสร้างงานนาเสนอใหม่ เมอ่ื เปิดโปรแกรม PowerPoint 2013 เข้ามาครั้งแรก โปรแกรมจะให้คุณเลือกวา่ ตอ้ งการ เร่ิมต้นสร้างงานนาเสนอแบบไหน ซงึ่ จะมีทั้งงานนาเสนอเปลา่ แบบสไลด์วา่ งๆ และแบบ Theme (ธมี ) ทม่ี ีการ ออกแบบ โครงสร้างพื้นฐานของสไลด์เอาไว้แล้ว เช่น ภาพกราฟิกพื้นหลัง, ชุดสีขององค์ประกอบ, รูปแบบ ข้อความ และการจัดวางเน้อื หา รูปท่ี 2.117 การสรา้ งงานนาเสนอใหม่ รปู ท่ี 2.118 การสร้างงานนาเสนอใหม่ 8) สร้างงานนาเสนอใหม่จากชดุ ธีม (Theme) หากเปดิ โปรแกรม PowerPoint เขา้ มาครั้งแรก แลว้ เลอื กสร้างงานนาเสนอแบบ Theme (ธีม) ชุดต่างๆ ที่มีมาให้โปรแกรมก็จะให้เลอื กชุดโทนสีของธีมที่เลือกด้วย ซึ่งจะมีโทนสีให้เลือกถึง 4 สี เพ่ือให้ คุณเลือกใช้ตามความชอบหรือเหมาะสมกับงานนาเสนอที่จะสร้าง ซึ่งจะมีผลกับกราฟิกพื้นหลัง, สีสันของ ออบเจ็กต์ และรูปแบบเอฟเฟก็ ต์ตา่ งๆ ของออบเจ็กต์ในสไลด์ เช่น กราฟิก, รปู วาด, ตาราง, SmartArt, Chart รวมถึงสีพน้ื และสขี ้อความด้วย

60 รปู ที่ 2.119 สรา้ งงานนาเสนอใหม่จากชุดธมี (Theme) รูปท่ี 2.120 สรา้ งงานนาเสนอใหม่จากชดุ ธีม (Theme) รปู ท่ี 2.121 สร้างงานนาเสนอใหมจ่ ากชุดธมี (Theme)

61 - กรณีเลือกสร้างงานนาเสนอแบบธีม (Theme) ก็จะได้สไลด์แผ่นหัวเร่ือง (Title Slide) มา 1 แผ่น แตค่ ณุ สามารถเพ่มิ สไลด์แผ่นอื่นๆ เข้ามาได้ - การเลือกสร้างงานนาเสนอแบบธีม (Theme) น้ัน ชุดรูปแบบของธีมจะมีให้เลือกไม่ เหมือนกนั หากคณุ ไมไ่ ดเ้ ชื่อมต่ออนิ เทอร์เนต็ ก็จะมีชดุ ธีมให้เลือกบางส่วน แต่ถ้าหากได้เชื่อมต่อกับอินเทอร์เน็ต เอาไว้ก็จะมีชดุ ธีมใหเ้ ลือกมากขึน้ เพราะโปรแกรมจะเชื่อมโยงไปยังชุดธมี จากเว็บไซต์ Office.com มาแสดงให้ เลอื กด้วย 9) การจดั การไฟล์งานนาเสนอ หลงั จากท่ีผเู้ รียนได้ทาการสร้างงานนาเสนอแลว้ ผเู้ รียนควรจะต้ังชื่องานนาเสนอพร้อม ท้งั บันทกึ เก็บไว้เปน็ ไฟล์เพื่อไว้ใชใ้ นครง้ั ต่อไปได้ ซึ่งผเู้ รยี นจะสามารถเรียกไฟลท์ บ่ี ันทึกไวน้ ้นั กลบั มาแกไ้ ขได้อีก ดว้ ย วิธกี ารบนั ทกึ งานนาเสนอมดี งั น้ี - การบันทึกงานนาเสนอทส่ี ร้างขน้ึ ใหม่ การบันทึกแบบนีเ้ ปน็ การบันทกึ ในครั้งแรกเมื่อได้มีการสร้างงานนาเสนอขึ้นมา โดยปกติ เม่ือมีการเปดิ โปรแกรม PowerPoint ขน้ึ มา โปรแกรมจะมกี ารตงั้ ชื่องานนาเสนอมาให้โดยมีชอื่ วา่ งาน นาเสนอ 1 ซึ่งชื่อแฟ้มขอ้ มูลจะปรากฏบน Title bar เมอื่ ผู้เรยี นได้มีการใส่รายละเอยี ดต่างๆ ลงไปในงาน นาเสนอแล้วและต้องการบันทึกชอื่ ของไฟล์ท่ีไดต้ ั้งไปใหม่ก็จะมาแทนทีช่ ่ืองานนาเสนอ1 วิธีการบันทึกมีดงั นี้ รปู ท่ี 2.122 การบนั ทกึ งานนาเสนอทสี่ ร้างขนึ้ ใหม่

62 รปู ท่ี 2.123 การบันทกึ งานนาเสนอทส่ี รา้ งข้นึ ใหม่ รปู ที่ 2.124 การบนั ทึกงานนาเสนอที่สรา้ งขน้ึ ใหม่ 10) การบันทึกไฟล์งานนาเสนอที่บนั ทึกไว้แลว้ เมือ่ มีการแก้ไขงานนาเสนอใดๆ ท่ีไดเ้ คยบนั ทึกเปน็ แฟ้มข้อมูลไว้แล้ว ผ้เู รียนจะต้องบันทึก ซ้าอีกครัง้ เมื่อแก้ไขเสรจ็ เพ่อื ใหข้ อ้ มูลตา่ งๆ นน้ั เข้าไปในแฟ้มขอ้ มูลได้โดยที่ไม่มีข้อมูลสูญหาย ซ่ึงสามารถ บนั ทึกไฟล์เพ่ิมเติมดว้ ยวิธดี งั น้ี - คลกิ ท่แี ท็บ ไฟล์ แลว้ คลกิ ทีค่ าสง่ั บันทึก - คลกิ ทไ่ี อคอน บนแถบเครื่องมอื ด่วน (Quick Access Toolbar) ** ซึง่ โปรแกรมจะบนั ทึกลงในไฟล์ช่อื เดมิ แต่มีข้อมลู ตามท่ผี เู้ รียนแก้ไข หรอื เพิ่มเติม 11) การเปิดไฟลง์ านนาเสนอทีบ่ นั ทกึ ไว้ รปู ที่ 2.125 การเปดิ ไฟลง์ านนาเสนอท่ีบนั ทึกไว้

63 รปู ท่ี 2.126 การเปิดไฟล์งานนาเสนอทีบ่ ันทึกไว้ รูปท่ี 2.127 การเปดิ ไฟลง์ านนาเสนอทบ่ี นั ทึกไว้ 12) การเรยี กใช้ไฟลง์ านนาเสนอทเี่ คยเรยี กใช้แล้ว ไฟล์งานนาเสนอใดทเ่ี ราเคยเรียกใช้มาแลว้ โปรแกรมจะนาชอื่ ไฟลน์ ั้นมาแสดงไว้ใน งาน นาเสนอลา่ สดุ ซ่ึงแฟ้มข้อมลู ทีเ่ ปดิ ลา่ สดุ จะอย่ดู ้านบนของคาสงั่ เพอื่ ใหเ้ ราสามารถเรยี กใช้ไดร้ วดเร็วย่งิ ข้นึ โดยการใช้งานเม่ือต้องการเรยี กใช้ไฟล์ใดก็ให้คลิกที่ชื่อไฟล์นั้นได้ทนั ที รูปท่ี 2.128 การเรยี กใช้ไฟล์งานนาเสนอที่เคยเรียกใช้แล้ว

64 13) การปดิ ไฟลง์ านนาเสนอ หลงั จากทค่ี ุณสร้างและแก้ไขงานนาเสนอเสร็จเรยี บรอ้ ยแล้ว หากไม่ได้ใชง้ านต่อหรือจะไป ทางานท่ีไฟล์อ่ืน ก็อาจจะปิดไฟลง์ านที่ไม่ได้ใช้งานลงไปก่อน หรอื หากต้องการเลิกการทางานก็สามารถปดิ โปรแกรมได้ ดงั น้ี รูปที่ 2.129 การปิดไฟล์งานนาเสนอ รูปที่ 2.130 การปิดไฟล์งานนาเสนอ 2.2.4 โปรแกรมสาเรจ็ รูป Wix http://www.Wix.com คือ เว็บไซตท์ ่ใี ห้บริการสรา้ งเวบ็ ไซต์ฟรี ชว่ ยให้คณุ สามารถสร้างเว็บไซต์ ที่กาหนดเองได้อย่างง่ายดาย ลาก, ใช้งานง่ายและสามารถเลือกรูปแบบและแก้ไขได้ด้วยตัวคุณเองโดยไม่ จาเป็นตอ้ งมคี วามร้ดู า้ นการเขยี น code ในการสรา้ งเวบ็ คุณสามารถทาเวบ็ ไซต์ฟรขี องคณุ ต้ังแตเ่ ร่ิมตน้ และปรบั แตง่ ตามคณุ ไป หรือเร่ิมตน้ โดยการสารวจ ของแกลเลอรี่ของเราแม่แบบเว็บไซต์ฟรี Wix สามารถใช้โปรแกรมแก้ไข Wix แทนที่รายการในแม่แบบท่ีมี

65 ข้อความเน้ือหาของคุณเองและการเช่ือมโยง เลือกจากตันฟรีภาพตัดปะ, ไอคอน, เคร่ืองมือ, ภาพเคล่ือนไหว และอนื่ ๆ ทพ่ี บภายในตวั สร้างเว็บไซต์ งา่ ยตอ่ การใช้ 2.2.4.1 การใชง้ าน Wix 1) เม่ือเขา้ ไปหนา้ แรก ให้คลิก start now (สตารท์ นาว) รูปท่ี 2.131 การใช้งาน Wix 2) การเข้าสู่ระบบจะมีใหเ้ ลือกหลายวธิ ี ในตัวอย่างจะเขา้ สู่ระบบดว้ ย google (กเู กลิ ) รปู ที่ 2.132 การใช้งาน Wix 3) คลกิ allow (แอโลว) เพอื่ ยืนยนั การเข้าถงึ

66 รปู ท่ี 2.133 การใช้งาน Wix 4) เลอื กประเภทของเวบ็ ไซต์ท่ีตอ้ งการจะสรา้ ง ตัวอย่างจะเลอื ก รา้ นอาหารและอาหาร รูปท่ี 2.134 การใช้งาน Wix 5) เลอื ก template ท่เี ราชอบ รูปที่ 2.135 การใช้งาน Wix

67 6) สามารถกด edit (อีดิท) เพื่อแก้ไข หรอื view (ววิ ) เพ่ือดูหนา้ เวบ็ ไซตต์ วั อยา่ ง รปู ที่ 2.136 การใช้งาน Wix 7) สว่ นนีจ้ ะเปน็ แถบในสว่ นของเมนเู พอื่ ปรับแต่งเว็บไซต์ โดยเมนูเป็นเมนทู เี่ ขา้ ใจได้ง่าย ดูรูปกเ็ ขา้ ใจง่าย เช่น ลูกศรไปทางซา้ ยคือการ ยอ้ นกลบั รปู โทรศัพท์ เปน็ การดหู รือแก้ไขในรูปแบบคอมพิวเตอร์ หรอื โทรศพั ทม์ ือถือ รูปที่ 2.137 การใช้งาน Wix 8) ใน pages menu (เพจ เมนู) จะเป็นในส่วนของหน้าต่างๆ เชน่ ตัวอยา่ งจะเป็นสว่ น ของแถบเมนูของเว็บไซตเ์ รา รปู ที่ 2.138 การใชง้ าน Wix 9) background (แบ็คกราวน์) สามารถเปลยี่ นสีพน้ื หลงั หรอื ต้งั เปน็ ภาพเคลือ่ นไหวกไ็ ด้

68 รปู ท่ี 2.139 การใชง้ าน Wix 10) add (แอด) เปน็ การเพมิ่ เตมิ เชน่ เพิ่มรปู ภาพจะใหร้ ปู ภาพแสดงแบบไหน เพ่ิม ขอ้ ความ เพ่ิมปุ่มต่างๆ รปู ท่ี 2.140 การใชง้ าน Wix 11) เม่ือเราปรบั แตง่ เวบ็ ไซต์ตามต้องการแลว้ สามารถกดดูได้ ทคี่ าว่า publish รปู ที่ 2.141 การใชง้ าน Wix 12) เมือ่ กด publish (พับ บลคิ ) แล้วเราจะได้ชื่อโดเมนที่ไว้สาหรบั ดูเว็บไซต์ของเรา

69 รปู ท่ี 2.142 การใช้งาน Wix 13) ก็จะได้เวบ็ ไซตต์ ามท่ีเราตอ้ งการ รูปท่ี 2.143 การใชง้ าน Wix

70 2.3 ทฤษฎสี ี ส(ี COLOUR) หมายถงึ ลักษณะกระทบตอ่ สายตาให้เหน็ เป็นสมี ีผลถึงจิตวิทยา คือ มีอานาจให้เกดิ ความ เข้มของแสงท่ีอารมณ์และความรู้สึกได้ การที่ได้เห็นสีจากสายตาสายตาจะส่งความรู้สึกไปยังสมองทาให้เกิด ความรู้สึก ต่างๆตามอิทธิพลของสี เช่น สดชื่น ร้อน ต่ืนเต้น เศร้า สีมีความหมายอย่างมาก เพราะศิลปิน ต้องการใช้สีเป็นสื่อสร้างความประทับใจในผลงานของศิลปะและสะท้อนความประทับใจน้ันให้บังเกิดแก่ผู้ดู มนุษย์เก่ียวข้องกับสตี ่างๆ อยู่ตลอดเวลาเพราะทุกสง่ิ ทีอ่ ยู่รอบตัวน้ันลว้ นแต่มีสีสันแตกต่างกันมากมาย สีเป็น ส่ิงท่ีควรศึกษาเพื่อประโยชน์กับตนเองและ ผู้สร้างงานจิตรกรรมเพราะ เร่ืองราวองสีน้ันมีหลักวิชาเป็น วิทยาศาสตร์จึงควรทาความเข้าใจวิทยาศาสตร์ ของสีจะบรรลุผลสาเร็จในงานมากขึ้น ถ้าไม่เข้าใจเร่ืองสีดี พอสมควร ถ้าได้ศึกษาเร่ืองสดี ีพอแลว้ งานศิลปะก็จะประสบความสมบูรณเ์ ป็นอย่างย่ิง 2.3.1 คาจากัดความของสี 2.3.1.1 แสงทม่ี คี วามถขี่ องคลน่ื ในขนาดท่ีตามนุษย์สามารถรับสัมผสั ได้ 2.3.1.2 แม่สที เี่ ป็นวัตถุ (PIGMENTARY PRIMARY) ประกอบดว้ ย แดง เหลือง น้าเงิน 2.3.1.3 สีที่เกดิ จากการผสมของแมส่ ี 2.3.2 คุณลกั ษณะของสี สีแท้ (HUE) คอื สีท่ียังไมถ่ กู สีอ่ืนเข้าผสม เป็นลักษณะของสีแท้ท่ีมีความสะอาดสดใส เช่น แดง เหลอื ง น้าเงนิ สีออ่ นหรอื สีจาง (TINT) ใชเ้ รียกสแี ทท้ ่ถี กู ผสมดว้ ยสีขาว เช่น สีเทา, สีชมพู สแี ก่ (SHADE) ใช้เรยี กสีแทท้ ่ถี กู ผสมดว้ ยสดี า เชน่ สนี า้ ตาล 2.3.3 ประวัตคิ วามเปน็ มาของสี มนุษย์เร่ิมมีการใชส้ ตี ัง้ แต่สมัยกอ่ นประวัติศาสตร์ มที ้ังการเขยี นสลี งบนผนังถา้ ผนังหนิ บนพน้ื ผิว เครื่องปั้นดินเผา และที่อื่นๆภาพเขียนสีบนผนังถ้า(ROCK PAINTING) เรม่ิ ทาตั้งแต่สมัยก่อนประวัติศาสตร์ใน ทวปี ยุโรป โดยคนก่อนสมัยประวัตศิ าสตร์ในสมัยหนิ เกา่ ตอนปลาย ภาพเขียนสีทมี่ ีช่อื เสยี งในยคุ น้ีพบท่ีประเทศ ฝรั่งเศสและประเทศสเปนในประเทศ ไทย กรมศิลปากรได้สารวจพบภาพเขียนสีสมัยก่อนประวัติศาสตร์บน ผนังถา้ และ เพิงหินในท่ีตา่ งๆ จะมีอายุระหว่าง 1500-4000 ปี เป็นสมัยหินใหม่และยุคโลหะได้ค้นพบต้ังแต่ปี พ.ศ. 2465 ครั้งแรกพบบนผนังถ้า ในอ่าวพังงา ต่อมาก็ค้นพบอีกซ่ึงมีอยู่ท่ัวไป เช่น จังหวัดกาญจนบุรี อทุ ัยธานี เป็นต้นสีที่เขียนบนผนังถ้าส่วนใหญ่เปน็ สีแดง นอกน้ันจะมีสีส้ม สีเลือดหมู สีเหลือง สีน้าตาล และสี ดาสีบนเคร่ืองป้ันดินเผา ได้ค้นพบการเขียนลายครั้งแรกที่บ้านเชียงจังหวัดอุดรธานีเมื่อปี พ.ศ.2510 สีท่ีเขียน เป็นสีแดง เป็นรูปลายก้านขดจิตกรรมฝาผนังตามวัดต่างๆสมัยสุโขทัยและอยุธยามีหลักฐานว่า ใช้สีในการ เขียนภาพหลายสี แต่ก็อยู่ในวงจากัดเพียง 4 สี คือ สีดา สีขาว สีดินแดง และสีเหลืองในสมัยโบราณนั้น ช่างเขียนจะเอาวัตถุต่างๆในธรรมชาติมาใช้เป็นสีสาหรับเขียนภาพ เช่น ดินหรือหินขาวใช้ทาสีขาว สีดาก็เอา มาจากเขม่าไฟ หรือจากตัวหมึกจีน เป็นชาติแรกที่พยายามค้นคว้าเรื่องสีธรรมชาติ ได้มากกว่าชาติอื่นๆ คือ ใช้หนิ นามาบดเป็นสตี ่างๆ สีเหลืองนามาจากยางไม้ รงหรือรงทอง สีคราม กน็ ามาจากต้นไมส้ ว่ นใหญ่แล้ว การคน้ ควา้ เรื่องสกี ็เพ่ือทจี่ ะนามาใช้ ย้อมผา้ ต่างๆ ไม่นิยมเขียนภาพเพราะจีนมีคติในการเขียนภาพเพยี งสเี ดียว คือ สดี าโดยใช้หมึกจีนเขียน 2.3.4 สีสามารถแยกออกเป็น 2 ประเภทคอื 2.3.4.1 สีธรรมชาติ เป็นสีที่เกิดขึ้นเองธรรมชาติ เช่น สีของแสงอาทิตย์ สีของท้องฟ้ายามเช้า เยน็ สีของรุ้งกนิ น้า เหตกุ ารณ์ท่ีเกดิ ขนึ้ เองธรรมชาติ ตลอดจนสีของ ดอกไม้ ต้นไม้ พืน้ ดิน ทอ้ งฟ้า น้าทะเล

71 2.3.4.2 สีท่ีมนุษย์สร้างข้ึน หรือได้สังเคราะห์ข้ึน เช่น สีวิทยาศาสตร์ มนุษย์ได้ทดลองจากแสง ต่างๆ เช่น ไฟฟ้า นามาผสมโดยการทอแสงประสานกัน นามาใช้ประโยชน์ในด้านการละคร การจัดฉากเวที โทรทัศน์ การตกแตง่ สถานท่ี 2.3.5 แม่สี (PRIMARIES) 2.3.51 แม่สีของแสง เกิดจากการหักเหของแสงผ่านแท่งแก้วปริซึม มี 3 สี คือ สีแดง สีเหลือง และสีน้าเงิน อยู่ในรูปของแสงรังสี ซ่ึงเป็นพลังงานชนิดเดียวท่ีมีสีคุณสมบัติของแสงสามารถนามาใช้ ในการ ถ่ายภาพ ภาพโทรทศั น์ การจดั แสงสใี นการแสดงต่าง ๆ เป็นต้น (ดูเร่ือง แสงสี ) 2.3.5..2 แม่สีวตั ถธุ าตุ เป็นสีที่ไดม้ าจากธรรมชาติ และจากการสงั เคราะห์ โดยกระบวนทางเคมี มี 3 สี คือ สีแดง สีเหลือง และสีน้าเงิน แม่สีวัตถุธาตุเป็นแม่สีที่นามาใช้งาน กันอย่างกว้างขวาง ในวงการ ศลิ ปะ วงการอตุ สาหกรรม ฯลฯ 2.3.6 วงจรสี ( Cooler Circle) สีขนั้ ที่ 1 (Primary Color) ไดแ้ ก่ สีแดง สเี หลือง สีน้าเงนิ สขี ้ันท่ี 2 (Secondary Hues) เป็นการนาเอาแม่สีมาผสมกันในปริมาณเท่า ๆ กัน จะได้สีใหม่อีก 3 สี สแี ดง ผสมกับ สเี หลือง เป็น สีสม้ สแี ดง ผสมกบั สนี ้าเงิน เปน็ สมี ว่ ง สีเหลอื งผสมกับ สีน้าเงิน เป็น สีเขียว สีข้ันท่ี 3 (Tertiary Hues) เกิดจากนาเอาแม่สีมาผสมกับสีขั้นท่ี 2 โดยจะได้สีใหม่เพิ่มอีก 6 สี ดงั น้ี สแี ดง ผสม สีม่วง เปน็ สีมว่ งแดง สแี ดง ผสม สสี ม้ เปน็ สสี ม้ แดง สีเหลือง ผสม สสี ้ม เป็น สสี ม้ เหลอื ง สีเหลือง ผสม สีเขียว เป็น สเี ขียวเหลือง สีน้าเงนิ ผสม สมี ว่ ง เป็น สีม่วงน้าเงิน สีน้าเงนิ ผสม สเี ขียว เปน็ สเี ขยี วน้าเงนิ 2.3.7 วรรณะของสี วรรณะของสี คือสีที่ให้ความรู้สึกรอ้ น-เย็น ในวงจรสีจะมีสีร้อน 7 สี และสีเยน็ 7 สี ซ่ึงแบ่งท่ี สมี ่วงกบั สเี หลอื ง ซึ่งเป็นได้ท้งั สองวรรณะ แบ่งออกเป็น 2 วรรณะ 2.3.7.1 วรรณะสีร้อน (WARM TONE) ประกอบด้วยสีเหลือง สสี ้มเหลือง สีส้ม สีส้มแดง สีม่วง แดงและสีม่วง สีใน วรรณะร้อนน้ีจะไม่ใช่สีสดๆ ดังที่เห็นในวงจรสีเสมอไป เพราะสี ในธรรมชาติย่อมมีสี แตกต่างไปกว่าสีในวงจรสีธรรมชาติอีกมาก ถ้าหากว่าสีใด ค่อนขา้ งไปทางสีแดงหรือสสี ้ม เชน่ สีน้าตาลหรือสี เทาอมทอง ก็ถอื ว่าเปน็ สวี รรณะรอ้ น 2.3.7.2 วรรณะสีเย็น (COOL TONE) ประกอบด้วย สีเหลือง สีเขียวเหลอื ง สีเขียว สีเขียวน้า เงิน สีน้าเงิน สีม่วงน้าเงิน และสีม่วง ส่วนสีอ่ืนๆ ถ้าหนักไปทางสีน้าเงินและสีเขียว ก็เป็นสีวรรณะเย็นดังเช่น สเี ทา สีดา สีเขยี วแก่ เป็นต้น จะสงั เกตได้วา่ สเี หลืองและสีม่วงอยู่ท้ังวรรณะร้อนและวรรณะเย็น ถา้ อย่ใู นกล่มุ สี วรรณะร้อนก็ให้ความรูสึกร้อนและถ้า อยู่ในกลุ่มสีวรรณะเย็นก็ให้ความรู้สึกเย็นไปด้วย สีเหลืองและสีม่วงจึง เป็นสีไดท้ ั้งวรรณะร้อนและวรรณะเย็น

72 2.3.8 ระบบสี RGB ระบบสี RGB เป็นระบบสีของแสง ซ่ึงเกดิ จากการหกั เหของแสงผ่านแท่งแก้วปรซิ ึม จะเกดิ แถบ สีที่เรียกว่า สีรุ้ง ( Spectrum ) ซึ่งแยกสีตามที่สายตามองเห็นได้ 7 สี คือ แดง แสด เหลือง เขียว น้าเงิน คราม มว่ ง ซ่ึงเป็นพลังงานอยใู่ นรปู ของรังสี ท่มี ีช่วงคล่ืนที่สายตา สามารถมองเห็นได้ แสงสีม่วงมีความถี่คล่ืน สูงที่สุด คล่ืนแสงที่มีความถี่สูงกว่าแสงสีม่วง เรียกว่า อัลตราไวโอเลต ( Ultra Violet ) และคลื่นแสงสีแดง มีความถ่ีคล่ืนต่าที่สุด คลื่นแสง ท่ีต่ากว่าแสงสีแดงเรียกว่า อนิ ฟราเรด ( Infrareds) คล่ืนแสงที่มีความถส่ี ูงกว่า สีม่วง และตา่ กว่าสีแดงน้ัน สายตาของมนุษยไ์ ม่สามารถรับได้ และเมื่อศึกษาดูแล้วแสงสีทั้งหมดเกิดจาก แสง สี 3 สี คอื สแี ดง ( Red ) สนี ้าเงิน ( Blue) และสเี ขียว ( Green )ทง้ั สามสถี ือเป็นแม่สี ของแสง เมอ่ื นามาฉาย รวมกันจะทาใหเ้ กิดสีใหม่ อีก 3 สี คือ สีแดงมาเจนต้า สีฟ้าไซแอน และสีเหลือง และถ้าฉายแสงสีทั้งหมด รวมกันจะได้แสง สีขาว จากคุณสมบัติของแสงนี้เรา ได้นามาใช้ประโยชน์ทั่วไปในการฉายภาพยนตร์ การบันทึกภาพวิดีโอ ภาพโทรทัศน์การสร้างภาพเพ่ือการนาเสนอทางจอคอมพิวเตอร์ และการจัด แสงสีใน การแสดง เปน็ ตน้ 2.3.9 การผสมสี วตั ถธุ าตุ ขั้นท่ี 1 คอื สี นา้ เงนิ (PRUSSIAN BLUE) แดง (CRIMSOM LEKE) เหลือง (GAMBOGE TINT) แมส่ ที งั้ สามถ้านามาผสมกัน จะได้เปน็ สีกลาง (NEUTRAL TINT) สีขั้นท่ี 2 (SECONTARY HUES) เกิดจากการนาสีแท้ 2 สีมาผสมกันในปริมาณเท่ากันจะเกิดสี ใหม่ขึน้ น้าเงิน ผสม แดง เปน็ ม่วง (VIOLET) นา้ เงนิ ” เหลอื ง ” เขียว (GREEN) แดง ” เหลือง ” ส้ม (ORANGE) สีขน้ั ที่ 3 (TERTIARY HUES) เกิดจากการผสมสขี น้ั ที่ 2 กบั แม่ (สีขั้นท่ี 1) เหลือง ผสม เขยี ว เปน็ เขียวอ่อน (YELLOW – GREEN) นา้ เงิน “ เขยี ว ” เขยี วแก่ (BLUE – GREEN) น้าเงนิ “ ม่วง ” มว่ งน้าเงนิ (BLUE – VIOLET) แดง “ ม่วง ” มว่ งแก่ (RED – VIOLET) แดง “ สม้ ” แดงสม้ (RED – ORANGE) เหลือง “ สม้ ” สม้ เหลอื ง (YELLOW – ORANGE)

บทท่ี 3 วธิ กี ารดาเนินงาน การจัดทางานวิจัยสร้างเว็บไซต์ร้านเริงชัยโชห่วย มีวัตถุประสงค์เพื่อจัดทาเว็บไซต์ ให้ร้านเริงชัยโชห่วย เพ่ือเผยแพร่ประชาสัมพันธ์และขายสินค้าให้กับร้านเริงชัยโชห่วย โดยมีวิธีการดาเนินงาน เป็นขนั้ ตอนตา่ งๆ ดังนี้ 3.1 ประชากรและกลุ่มตัวอยา่ ง 3.2 เคร่อื งมือท่ีใช้ในการพัฒนาระบบและวิเคราะหข์ ้อมูล 3.3 การเก็บรวบรวมขอ้ มลู 3.4 การวิเคราะห์ข้อมลู 3.5 ขนั้ ตอนการดาเนินงานสร้างเว็บไซต์ 3.1 ประชากรและกลมุ ตัวอย่าง 3.1.1 ประชากร ประชากรทใี่ ช้ในการดาเนินงานวจิ ัยในครงั้ น้ี เปน็ กล่มุ คนในหมูบ่ า้ นพรานอ้นหมู่ 13 เป็นจานวน 822 คน 3.1.2 กลุม่ ตวั อย่าง กลุ่มตัวอย่าง คือ ประชากร กาหนดขนาดกลุ่มตัวอย่างโดยใช้ตารางสาเร็จรูปของ Krejcie and Morgan จานวน 250 คน ไดแ้ ก่ 3.1.2.1 เพศชาย 130 คน 3.1.2.2 เพศหญิง 120 คน 3.2 เครื่องมือท่ีใช้ในการพัฒนาระบบและวิเคราะหข์ ้อมูล 3.2.1 เคร่ืองมือที่ใช้ในการพัฒนาระบบ 3.2.1.1 Hardware 1) Acer Computer จานวน 2 เครอื่ ง 2) Printer Cannon G2010 จานวน 1 เคร่อื ง 3.2.1.2 Software 1.) ระบบปฏบิ ตั กิ าร Windows 10 2.) โปรแกรม Microsoft Office Word 2013 3.) โปรแกรม Microsoft Office PowerPoint 2013 4.) โปรแกรมสาเรจ็ รูป Wix 3.2.2 เครื่องมือทีใ่ ช้ในการวิเคราะหข์ ้อมลู 3.2.2.1 แบบประเมินคุณภาพ/ประสิทธิภาพ ของเว็บไซต์ร้านเริงชัยโชห่วย คณะผู้วิจัยได้ ดาเนนิ การสร้างแบบประเมินคุณภาพ/ประสิทธิภาพ โดยผูว้ ิจัยได้ทาแบบประเมิน โดยรูปแบบเป็นแบบประเมิน มาตราส่วนประมาณค่า (Rating Scale) ใน 5 ระดบั

74 3.2.2.2 แบบประเมินความพึงพอใจของผู้ใช้งานเว็บไซต์ร้านเริงชัยโชห่วย แบ่งออกเป็น 3 ตอน ดังนี้ ตอนท่ี 1 ปัจจยั ทวั่ ไปด้านบุคคล ตอนท่ี 2 ความพึงพอใจในการเข้าใช้บริการเว็บไซต์ร้านเริงชัยโชห่วย แบบมาตราส่วน ประมาณค่า (Rating Scales) ใน 5 ระดับ ตอนที่ 3 ขอ้ เสนอแนะอน่ื ๆ หลักเกณฑ์ในการให้คะแนนคุณภาพ/ประสิทธิภาพ และประเมินความ พึงพอใจใน การเขา้ ใชบ้ ริการ 5 ระดับ ดงั น้ี 5 หมายถงึ มคี วามพงึ พอในในระดับ ดมี าก 4 หมายถึง มคี วามพึงพอใจในระดบั ดี 3 หมายถงึ มคี วามพงึ พอใจในระดับ ปานกลาง 2 หมายถงึ มีความพึงพอใจในระดับ พอใช้ 1 หมายถึง มคี วามพึงพอใจในระดบั ปรับปรุง 3.3 การเก็บรวบรวมขอ้ มูล นาเว็บไซต์ที่ได้ผ่านการประเมินผลคุณภาพ/ประสิทธิภาพ และแก้ไขความถูกต้องตามข้อเสนอแนะของ ผู้เชี่ยวชาญ เผยแพร่ผ่านเครือข่ายอินเทอร์เน็ตโดยใช้ suphaporn098659762.wixsite.com/rangsaishop เพ่ือใช้กับกลุ่มตัวอย่างที่เข้าใช้งานเว็บไซต์ ประเมินความพึงพอใจตามระยะเวลาท่ีกาหนด นาคะแนนผลการ ประเมนิ จากการตอบแบบสอบถามออนไลน์ ของผู้เข้าใช้บริการ เว็บไซต์ร้านเริงชัยโชห่วย มาวิเคราะห์หาค่าเฉล่ีย และส่วนเบี่ยงเบนมาตรฐาน เพื่อนาไปสรุปผลความพึงพอใจท่ีได้จากการใช้งานเว็บไซต์ร้านเริงชัยโชห่วย ทสี่ รา้ งขน้ึ 3.4 การวเิ คราะหข์ อ้ มลู การประเมินคุณภาพ/ประสิทธิภาพ และการศึกษาความพึงพอใจในการเข้าใช้บริการเว็บไซต์ร้านเริง ชัยโชห่วย โดยนาข้อมูลท่ีได้จากการเก็บรวบรวมข้อมูลมาวิเคราะห์ด้วยโปรแกรมคอมพิวเตอร์ โดยใช้สถิติใน การวเิ คราะหข์ ้อมูลดังน้ี 3.4.1 สถติ ทิ ใี่ ชใ้ นการศกึ ษา 3.4.1.1 ในการศึกษาคร้ังนี้ คณะผู้จัดทาได้ใช้สถิติเพื่ออธิบายลักษณะของกลุ่มตัวอย่างในเร่ือง เกี่ยวกับปัจจัยท่ัวไปด้านบุคคล ของผู้ตอบแบบประเมิน คุณภาพ/ประสิทธิภาพ และความพึงพอใจท่ีมีต่อ เวบ็ ไซตร์ า้ นเรงิ ชยั โชหว่ ย โดยการหาคา่ แจกแจงความถ่ี การหาคา่ รอ้ ยละ การค่าเฉลี่ย ส่วนเบย่ี งเบนมาตรฐาน 3.4.1.2 การวิเคราะห์ระดับความพึงพอใจของผู้ใช้บริการ คณะผู้จัดทาได้ทาการวิเคราะห์ โดยใชค้ า่ เฉล่ยี และกาหนดเกณฑ์ในการตคี วามหมายไว้ ดงั น้ี (บุญชม ศรีสะอาด, 2545) ค่าเฉล่ียเทา่ กับ 4.51 – 5.00 หมายความวา่ เหมาะสมมากที่สดุ คา่ เฉลี่ยเทา่ กบั 3.51 – 4.50 หมายความวา่ เหมาะสมมาก คา่ เฉลี่ยเท่ากับ 2.51 – 3.50 หมายความวา่ เหมาะสมปานกลาง คา่ เฉลย่ี เท่ากบั 1.51 – 2.50 หมายความว่า เหมาะสมน้อย คา่ เฉลย่ี เทา่ กบั 1.01 – 1.50 หมายความว่า เหมาะสมน้อยที่สดุ 3.4.1.3 ข้อเสนอแนะในการให้บริการจากผู้ตอบแบบประเมินความพึงพอใจ คณะผู้จัดทาใช้การ วเิ คราะห์เชิงคณุ ภาพ

75 3.5 ขั้นตอนการดาเนนิ การสร้างเว็บไซต์ 3.5.1 แผนการดาเนินงานในการพัฒนาระบบ เวลาเร่ิมต้นการทางานในแต่ละวันไม่แน่นอน โดยเฉลี่ย 1 วัน ทางาน 6 ช่ัวโมง รามท้ังสิ้น ในการศึกษาและการพัฒนาเว็บไซต์ใช้เวลาโดยประมาณ 5 เดือน ระยะเวลาการดาเนินการ ระหว่างวันที่ วันที่ 16 มิถุนายน 2564 ถึง วันท่ี 13 ตุลาคม 2564 ซึ่งสามารถแสดงรายละเอียดตารางแผน การดาเนินงาน ดังตอ่ ไปนี้ ตารางท่ี 3.1 แสดงแผนการดาเนนิ งานในการพัฒนาระบบ กจิ กรรม มิ.ย.64 ก.ค.64 ส.ค.64 ก.ย.64 ต.ค.64 หมาย 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 เหตุ 1. เสนอช่ืองานวิจัย 2. ขออนมุ ัติงานวิจยั 3. ดาเนินงานวจิ ัย 4. ทดสอบและประเมินผล 5. ปรับปรุงและแก้ไขงานวิจัย 6. สรปุ งานวิจัยและทารูปเล่ม 3.5.2 การศึกษาระบบงานเดิม ร้านเริงชยั โชห่วย ยงั ไมม่ สี ือ่ กลางในการรับรขู้ ่าวสารตา่ งๆ ลูกค้า ร้านเรงิ ชยั โชห่วย คนขาย รปู ท่ี 3.1 แสดงแผนภูมกิ า้ งปลา 3.5.3 การวิเคราะห์ความตอ้ งการของผู้ใช้ 3.5.3.1 สามารถเผยแพร่สินค้าจากทางรา้ น ส่แู พลตฟอรม์ ออนไลน์ได้ 3.5.3.2 สามารถตดิ ตามและเชค็ สนิ คา้ ไดอ้ ยา่ งตอ่ เนอ่ื ง 3.5.3.3 สามารถจดั เก็บขอ้ มลู เพือ่ ในการพัฒนา ปรับปรุง แกไ้ ข แกเ่ วบ็ ไซต์

76 3.5.4 การวเิ คราะหร์ ะบบ 3.5.4.1 ข้อมลู พนื้ ฐาน มดี ังน้ี หน้าแรก, บญั ชีผู้ใช้, ท่ตี ง้ั , ตะกรา้ สนิ คา้ , ตดิ ต่อทางร้าน, ระบบหลังราน 3.5.4.2 สนิ คา้ หมด 3.5.4.3 วธิ ีการสัง่ ซ้ือ 3.5.4.4 เก่ียวกับรา้ น 3.5.5 การออกแบบระบบ การสร้างเว็บไซต์ร้านเริงชัย ให้มีจุดเด่น ครอบคลุม สะดวกสบาย และตกแต่งเว็บไซต์ให้ สวยงาม เพอ่ื จะได้เป็นประโยชนแ์ กผ่ ู้ทสี่ นใจเขา้ มาใชบ้ รกิ าร 3.5.5.1 แผนผงั โครงสร้างการจัดทาเวบ็ รปู ท่ี 3.2 แสดงแผนผังโครงสร้างการทางานของเว็บไซต์ร้านเรงิ ชัย จากภาพท่ี 3.2 แสดง โครงสร้างการทางานของการพัฒนาเว็บไซต์ร้านเริงชัย ซึ่งมีส่วนท่ี เก่ียวขอ้ งกับระบบงาน โดยสามารถอธิบายได้ดงั นี้ (1) หน้าแรก (2) เก่ียวกับร้าน (3) ตดิ ต่อสอบถาม (4) สนิ คา้ ท้งั หมด (5) ตะกรา้ สินคา้ (6) การชาระเงิน User Interface Design ในการพัฒนาเว็บไซต์ ผู้พัฒนาต้องทาการวางแผน จดั เตรียม รูปแบบการนาเสนอ เพื่อใหไ้ ดเ้ วบ็ ไซต์ตรงตามความต้องการ โดยเวบ็ ไซต์ถูกออกแบบและพฒั นาเพือ่ ใหร้ อบรบั การทางานรว่ มกับโปรแกรมเว็บเบราวเ์ ซอร์ การออกแบบส่วนแสดงผล ดงั ภาพท่ี 3.3

77 สว่ นหวั เวบ็ ไซต์ สว่ นเมนู สว่สนว่ นแขสอดงงรเูปนร้ือาหนา ตวั อยา่ งสนิ ค้า สว่ นท้าย รปู ท่ี 3.3 การออกแบบสว่ นแสดงผล 3.5.6 การพัฒนา (Development) สร้างเว็บไซต์ตามรูปแบบท่ีได้ออกแบบไว้ โดยใช้เครื่องมือ ในการเขียนเว็บไซต์ ในการพัฒนาต่อยอด มีการออกแบบส่วนหัวเว็บไซต์ให้เป็นโทนสีเดียวกันกับสีของหน้า ร้าน จะทาให้เว็บไซต์น้ันมีจุดเด่นมีความสะดุดตาและดึงดูดให้ผู้ชมมีความสนใจมากย่ิ งข้ึน ซ่ึงยังมีทั้ง การออกแบบเมนู, รูปแบบของการวางรปู สนิ คา้ , ปุม่ เมน,ู ไอคอนและข้อความ ตามที่ออกแบบไว้ ดงั น้ี ภาพที่ 3.4 แสดงหน้าแรกของเวบ็ ไซตร์ ้านเรงิ ชยั

78 ภาพที่ 3.5 แสดงหนา้ เก่ยี วกับรา้ น ภาพที่ 3.6 แสดงหนา้ ตดิ ต่อเรา ภาพที่ 3.7 แสดงหนา้ สนิ คา้

79 ภาพที่ 3.8 แสดงหน้าตะกร้าสนิ ค้า ภาพที่ 3.9 แสดงหน้าชาระเงิน 3.5.7 การนาไปใช้ (Implementation) นาเว็บไซต์ที่ปรับปรุงแก้ไขแล้วไปทดลองกับกล่มุ ตัวอย่าง ท่ีพัฒนาขึ้น เผยแพร่ผ่านทางเครือข่ายอินเทอร์เน็ต suphaporn098659762.wixsite.com/rangsaishop ซง่ึ ภายในเวบ็ ไซตม์ สี นิ ค้ามากมายและการออกแบบเวบ็ ไซตท์ ีส่ ามารถใช้ไดจ้ ริง ตามระยะเวลาท่กี าหนด 3.5.8 การประเมินผล (Evaluation) การประเมินผลทาโดยนาผลคะแนนประเมินความพึงพอใจ ทไ่ี ดจ้ ากกลุม่ ตัวอยา่ ง เป็นผเู้ ข้าใช้งานเว็บไซต์ ไปวิเคราะหห์ าคา่ ทางสถติ ิ

บทที่ 4 ผลการพัฒนาเวบ็ ไซต์ / ผลการวิเคราะหข์ อ้ มลู งานวิจัยการสร้างเว็บไซต์ร้านเริงชัยโชห่วย คณะผู้จัดทาได้ใช้เครื่องมือต่างๆ ในการดาเนินงานและ ได้ผา่ นการทดสอบผลการพัฒนาตลอดจนผลการสารวจความพึงพอใจของกลุ่มผู้ใชง้ านท่ีมสี ่วนเก่ยี วข้องในการเข้า ใช้บริการเวบ็ ไซต์รา้ นเรงิ ชยั โชหว่ ย ดังน้ี 4.1 ผลการพัฒนาระบบ 4.2 ผลการวเิ คราะหข์ ้อมูล 4.1 ผลการพัฒนาเวบ็ ไซต์ คณะผู้จัดทาพัฒนาเว็บไซต์ร้านเริงชัยโชห่วย ด้วยโปรแกรม Wix มาพัฒนาเว็บไซต์ผู้เข้าใช้งาน เว็บไซตส์ ามารถเรียกใช้งานผ่านระบบ บราวเซอร์โดยหน้าแรกแสดงเมนูเชอ่ื มโยงไปยังขอ้ มูลต่างๆ ทเ่ี กยี่ วข้อง ท้ังภายใน และภายนอกเว็บไซต์ มีการแสดงภาพการประชาสัมพันธ์เผยแพร่ข้อมูลข่าวสาร ซ่ึงเป็นไปตามที่ ออกแบบไว้ โดยสามารถเข้าใช้งานไดท้ ี่คณะไดด้ าเนินการทดสอบผลการพฒั นาเวบ็ ไซต์ ดังตอ่ ไปนี้ 4.1.1 การทดสอบหนา้ แรกหนา้ แรก 4.1.2 การทดสอบหน้าเกยี่ วกบั ร้าน 4.1.3 การทดสอบหน้าติดต่อสอบถาม 4.1.4 การทดสอบหนา้ สนิ ค้าท้ังหมด 4.1.5 การทดสอบหน้าตะกร้าสนิ คา้ 4.1.6 การทดสอบหน้าการชาระเงิน 4.1.1 การทดสอบหนา้ แรก รูปที่ 4.1 แสดงการทดสอบหนา้ แรก

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

82 4.1.3 การทดสอบหน้าติดต่อสอบถาม รปู ที่ 4.3 แสดงการทดสอบหน้าตดิ ต่อสอบถาม ตารางที่ 4.3 ทดสอบหนา้ ติดตอ่ สอบถาม การทางาน เงอ่ื นไขการทดสอบ ผลการทางาน หนา้ ตดิ ตอ่ สอบถาม การแสดงข้อมูลประเภท ข้อความ ผลการทดสอบไม่พบปัญหา การแสดงข้อมูลประเภทรปู ภาพ ผลการทดสอบไม่พบปัญหา 4.1.4 การทดสอบหนา้ สนิ ค้าท้งั หมด รูปท่ี 4.4 แสดงการทดสอบหน้าสินค้าทง้ั หมด ตารางที่ 4.4 ทดสอบการทางานหนา้ สินคา้ ทง้ั หมด การทางาน เงอ่ื นไขการทดสอบ ผลการทางาน หนา้ สินค้าทง้ั หมด การแสดงข้อมูลประเภท ข้อความ ผลการทดสอบไม่พบปัญหา การแสดงข้อมูลประเภทรปู ภาพ ผลการทดสอบไม่พบปญั หา การเช่อื มโยงลิงค์ขอ้ มลู สินค้าตา่ งๆ จากการทดสอบพบ การคลิก ในหน้าสนิ ค้าท้ังหมด จะต้อง สนิ คา้ ตา่ งๆ สามารถเช่ือมโยงไป นาเขา้ หนา้ เพจ Product ให้ ยงั ลงิ ค์หน้าเพจ Product ได้ ถูกต้อง ถูกต้องตามเงอ่ื นไข 4.1.5 การทดสอบหนา้ ตะกร้าสนิ ค้า

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

84 การศึกษาความพึงพอใจในการใช้บริการเว็บไซต์ร้านเริงชัยโชห่วย โดยนาข้อมูลที่ได้จากการเก็บ รวบรวมข้อมูลมาวเิ คราะห์ด้วยโปรแกรมคอมพิวเตอร์ ซึ่งคณะผู้วิจัยขอนาเสนอผลการวิเคราะห์ข้อมูลนาเสนอ ตามลาดับดังนี้ 4.2.1 ปจั จัยทัว่ ไปด้านบุคคลของผ้ตู อบแบบประเมิน จากแบบประเมินเป็นเก็บข้อมูลปัจจัยทั่วไปด้านบุคคล ของผู้ตอบแบบประเมิน ดังนี้ เพศ ,อายุ , อาชีพ ของผู้ตอบแบบประเมนิ วิเคราะหข์ อ้ มูลด้วยค่าร้อยละ (Percentage) ได้ผลการวเิ คราะห์ดงั ตอ่ ไปนี้ 4.2.1.1 ผลการประเมนิ ตอนที่ 1 ปัจจัยทั่วไปดา้ นบุคคล ตารางท่ี 4.7 ค่ารอ้ ยละของขอ้ มลู ทว่ั ไปของผูต้ อบแบบประเมนิ สถานภาพผตู้ อบแบบประเมิน จานวน (คน) รอ้ ยละ 1. เพศ 1.1 ชาย 130 52 1.2 หญงิ 120 48 รวม 250 100.0 2. อายุ 2.1 ต่ากวา่ 20 ปี 57 22.8 2.2 21 – 25 ปี 72 28.8 2.3 26 – 30 ปี 72 28.8 2.4 30 ปขี นึ้ ไป 49 19.6 รวม 250 100.0 3. อาชีพ 88 35.2 3.1 นกั เรยี น/นกั ศึกษา 21 8.4 3.2 ราชการ 133 53.2 3.3 รบั จา้ งทั่วไป 8 3.2 3.4 อน่ื ๆ 250 100.0 รวม จากตารางท่ี 4.7 แสดงจานวนผ้ตู อบแบบประเมินท้ังหมด 250 คน จาแนกดงั นี้ เพศของผตู้ อบแบบสอบถาม พบว่า เพศชาย 130 คน เพศหญิง มีจานวน 120 คน อายุของผู้ตอบแบบสอบถาม พบว่า อายุระหว่าง 26 – 30 ปี และ ระหว่าง 21 – 25 ปี มากท่ีสุดจานวนอย่างละ 72 รองลงมาอายุต่ากว่า 20 ปี จานวน 57 คน, อายุ30 ปีข้ึนไป จานวน 49 คน, อายุ ระหวา่ ง 31-35 ปี และอายุระหว่าง 21 – 25 ปี จานวน 5 คน ตามลาดบั อาชีพของผู้ตอบแบบสอบถาม พบว่า รับจ้างทั่วไป มากที่สุด จานวน 133 คน รองลงมา นักเรียน/นักศกึ ษา จานวน 88 ราชการ จานวน 21 คน อื่นๆ จานวน 8 คน ตามลาดับ 4.2.1.2 ผลการประเมนิ ตอนที่ 2 ระดบั ความพึงพอใจของผู้ตอบแบบประเมนิ

85 ตารางที่ 4.8 แสดงค่าคะแนนเฉล่ียและส่วนเบ่ียงเบนมาตรฐานของแบบประเมินความพึงพอใจในการเข้าใช้ บรกิ ารเว็บไซต์ร้านเริงชัยโชหว่ ย รายการประเมนิ ระดบั ความพึงพอใจ x S.D. ความหมาย 1.เว็บไซตม์ ีการออกแบบได้เหมาะสม 4.50 0.78 มาก 2.ขอ้ มลู ที่ใชป้ ระกอบเว็บไซตม์ ีความครบถ้วน และถกู ต้อง 4.35 0.75 มาก 3.มีความคิดสร้างสรรคใ์ นการออกแบบ 4.35 0.83 มาก 4.มีเทคนคิ ในการตกแต่งเว็บไซต์ได้เหมาะสม และสวยงาม 4.37 0.87 มาก 5.การเช่อื มโยง (Link) ไปยังจุดตา่ ง ๆ ถูกตอ้ ง 4.45 0.77 มาก 6.การจัดวางองค์ประกอบได้สัดส่วน ง่ายต่อการใช้งาน 4.36 0.86 มาก 7.เนื้อหามีความเป็นปจั จบุ ัน 4.42 0.76 มาก 8.ลักษณะของขนาด สี ตัวอักษร ชดั เจน สวยงามอ่านง่าย 4.44 0.76 มาก 9.มคี วามรวดเร็วในการเขา้ ถงึ ข้อมูลในแตล่ ะหนา้ จอ 4.44 0.73 มาก 10.เวบ็ ไซตม์ ีความสมบูรณ์ ถกู ต้องตามหลักการ 4.16 1.08 มาก รวมเฉล่ยี 4.38 0.81 มาก จากตารางที่ 4.8 แสดงให้เห็นถึงระดับความพึงพอใจในการเข้าใช้บริการเว็บไซต์ รา้ น เรงิ ชยั โชห่วย มีความพึงพอใจในภาพรวมอยู่ในระดบั มาก คา่ เฉล่ยี เท่ากบั 4.38 ส่วนเบ่ียงเบนมาตรฐาน 0.81 จาแนกตามรายการดังน้ี เว็บไซต์มีการออกแบบได้เหมาะสม ค่าเฉล่ียเท่ากับ 4.50 ส่วนเบี่ยงเบนมาตรฐาน 0.78 รองลงมาเป็นการเช่อื มโยง (Link) ไปยังจุดต่าง ๆ ถูกต้อง ระดับค่าเฉลีย่ เทา่ กับ 4.45 สว่ นเบ่ยี งเบน มาตรฐาน 0.77 ลักษณะของขนาด สี ตัวอักษร ชัดเจน สวยงามอ่านง่าย ระดับค่าเฉลี่ยเท่ากับ 4.44 ส่วน เบี่ยงเบนมาตรฐาน 0.76 มคี วามรวดเร็วในการเข้าถงึ ขอ้ มูลในแต่ละหนา้ จอ ระดบั คา่ เฉล่ียเทา่ กับ 4.44 ส่วน เบ่ียงเบนมาตรฐาน 0.73 เนอื้ หามีความเป็นปัจจุบัน ค่าเฉลี่ยเท่ากับ 4.42 ส่วนเบี่ยงเบนมาตรฐาน 0.76 มีเทคนิค ในการตกแต่งเว็บไซได้เหมาะสม และสวยงาม ค่าเฉล่ียเท่ากับ 4.37 ส่วนเบี่ยงเบนมาตรฐาน 0.87 การจัด วางองค์ประกอบได้สัดส่วน ง่ายต่อการใช้งาน ค่าเฉลี่ยเท่ากับ 4.36 ส่วนเบี่ยงเบนมาตรฐาน 0.86 มี ความคิดสร้างสรรคใ์ นการออกแบบ ค่าเฉลี่ยเท่ากับ 4.35 ส่วนเบ่ียงเบนมาตรฐาน 0.83 ขอ้ มลู ที่ใช้ประกอบเว็บไซต์มีความครบถ้วน และถูกต้อง ค่าเฉล่ียเท่ากับ 4.35 ส่วนเบี่ยงเบนมาตรฐาน เท่ากับ 0.75 เว็บไซต์มีความสมบูรณ์ ถูกต้องตามหลักการ ค่าเฉลี่ยเท่ากับ 4.16 ส่วนเบี่ยงเบนมาตรฐาน 1.81 ตามลาดับ

บทที่ 5 สรปุ ผลการดาเนินงานและขอ้ เสนอแนะ จากการสร้างระบบงานรวมถึงการทดสอบระบบงาน สามารถสรุปการทางานและขอ้ มูลเสนอแนะ เกี่ยวกับการออกแบบและจัดทาเว็บไซต์ร้านเริงชัยโชห่วย เพ่ือนาไปพัฒนาต่อโดยการสรุปผลการทางานของ ระบบมีดังน้ี 5.1 สรุปผลการดาเนนิ งาน 5.2 ปัญหาและอปุ สรรคทพี่ บในการทางาน 5.3 ขอ้ เสนอแนะและแนวทางในการพฒั นา 5.1 สรุปผลการดาเนนิ งาน 5.1.1 สรปุ ความสามารถของระบบ การจัดทาเว็บไซต์ร้านเริงชัยโชห่วย ที่พัฒนาข้ึนสามารถเผยแพร่ข้อมูลข่าวสารตาม วตั ถุประสงคข์ องงานวจิ ัยซ่ึงมีประโยชนแ์ ละมคี วามสาคัญที่ไดจ้ ากการจัดทาเว็บไซต์ คือ 5.1.1.1 มกี ารอัพเดตสนิ ค้า 5.1.1.2 มกี ารแยกหมวดหมสู่ ินคา้ ต่าง ๆ 5.1.1.3 มกี ารชาระเงนิ แบบเกบ็ ปลายทาง 5.1.2 สรปุ ผลการวิเคราะห์ข้อมูล จากการจัดทางานวิจัยการสร้างเว็บไซต์ร้านเริงชัยโชห่วย สรุปผลการวิเคราะห์ข้อมูลโดยแบ่ง ออกเปน็ 3 ส่วนได้ ดังนี้ 5.1.2.1 สว่ นท่ี 1 ขอ้ มูลทวั่ ไปของผตู้ อบแบบสอบถามท้ังหมด 250 คน ส่วนใหญ่เป็นเพศชายคิด เป็นร้อยละ 52 รองลงมาคือเพศหญงิ คิดเป็นร้อยละ 48 อายุส่วนใหญ่นัน้ อยู่ในช่วงอายุ 21-25 ปี และ อายุ 26-30 ปี มีจานวนเทา่ กัน คิดเป็นร้อยละ 28.8 รองลงมาคืออายุต่ากว่า 20 ปี คดิ เปน็ รอ้ ยละ 22.8 รองลงมา คืออายุ 30 ปีข้ึนไป คิดเป็นร้อยละ 19.6 อาชีพส่วนใหญ่คือรับจ้างทั่วไป คิดเป็นร้อยละ 53.2 รองลงมาคือ นักเรียน/นักศึกษา คิดเป็นร้อยละ 35.2 รองลงมาคือราชการ คิดเป็นร้อยละ 8.4 และอ่ืน ๆ คิดเป็นร้อยละ 3.2 ตามลาดับ 5.1.2.2 ส่วนที่ 2 สอบถามเกี่ยวกับการจัดทาเว็บไซต์ร้านเริงชัยโชหว่ ย ท้ังหมด 250 พบว่าการ จัดทาโครงการร้านเริงชัยโชห่วย โดยรวมมีระดับความพึงพอใจ อยู่ในระดับมาก ( ������̅= 4.38) เมอื่ พิจารณารายข้อพบวา่ ข้อทม่ี ีค่าเฉลยี่ มากทส่ี ุดคอื เว็บไซต์มกี ารออกแบบไดเ้ หมาะสม (������̅ = 4.50) รองลงมา เป็นการเชื่อมโยง (Link) ไปยังจุดต่าง ๆ ถูกต้อง (������̅ = 4.45) รองลงมาเป็นลักษณะ ของขนาด สี ตัวอักษร ชัดเจน สวยงามอ่านง่าย (������̅= 4.44) รองลงมาเป็นมีความรวดเร็วในการเข้าถึงข้อมูลในแต่ละหน้าจอ (������̅= 4.44) รองลงมาเป็นเนื้อหามีความเป็นปจั จุบัน ค่าเฉล่ียเทา่ กับ (������̅= 4.42) รองลงมาเป็นมเี ทคนคิ ในการ ตกแตง่ เวบ็ ไซได้เหมาะสม และสวยงาม ค่าเฉลยี่ เท่ากบั (������̅= 4.37) รองลงมาเป็นการจัดวางองคป์ ระกอบได้ สัดสว่ น ง่ายตอ่ การใชง้ าน ค่าเฉลี่ยเทา่ กับ (������̅= 4.36 )รองลงมาเป็นมคี วามคดิ สร้างสรรคใ์ นการออกแบบ ค่าเฉลี่ยเท่ากับ (������̅= 4.35) รองลงมาเป็นข้อมูลที่ใช้ประกอบเว็บไซต์มีความครบถ้วน และถูกต้อง ค่าเฉลี่ย เทา่ กับ (������̅= 4.35) รองลงมาเป็นเว็บไซตม์ ีความสมบูรณ์ ถูกตอ้ งตามหลกั การ ค่าเฉลี่ยเท่ากับ (������̅= 4.16) 5.1.2.3 สว่ นท่ี 3 ปญั หาและแนวทางการจัดทาโครงการสรา้ งเว็บไซต์ร้านเริงชยั โชหว่ ย

87 ตารางที่ 5.1 ปัญหาและแนวทางการจดั ทาเวบ็ ไซตร์ า้ นเรงิ ชัยโชห่วย การจัดทาเวบ็ ไซต์ร้านเรงิ ชยั โชห่วย ปัญหา แนวทางการพฒั นา 1. การออกแบบเวบ็ ไซต์ยังไม่ดึงดูดและสสี ัน 1. เพิ่มการออกแบบและจดั ทาสสี นั ใหน้ ่าสนใจ ยังไมส่ วยงาม และสวยงาม 2. ในการจดั ทาเว็บไซต์ตอ้ งใช้เงนิ จานวนมาก 2. ควรมีเงนิ ทนุ สารอง 5.2 ปัญหาและอปุ สรรคที่พบในการทางาน ปญั หาท่พี บในการสรา้ งระบบงาน มดี ังน้ี 5.2.1 ปญั หาในขั้นตอนการวเิ คราะห์และออกแบบระบบงาน เนื่องจากระบบงานนี้มีตัวอย่างให้ศึกษาน้อยมาก ทาให้เป็นการยากท่ีจะคานึงถึงการใช้งานจริง การวิเคราะห์และออกแบบระบบงานส่วนมากจึงต้องคิดอิงตามความเป็นจริงให้มากที่สุด แต่เพราะ รายละเอียดของข้อมลู ท่ีมีอยูเ่ ป็นจานวนมาก จงึ ทาใหก้ ารวิเคราะห์และออกแบบระบบงานไม่สมบูรณ์ จงึ ตอ้ งมี การปรบั ปรุงการวิเคราะห์และออกแบบระบบงาน ทาให้การพัฒนาระบบเกดิ ความลา่ ชา้ 5.2.2 ปญั หาในการสร้างระบบงาน เน่ืองจากโปรแกรมสาเร็จรูปที่ใช้ในการพัฒนาระบบนั้น มีการเข้าถึงท่ีค่อนขางยากและยังมี ค่าใช้จ่ายในการสรา้ งเวบ็ ไซต์ 5.3 ข้อเสนอแนะและแนวทางในการพฒั นา การนาระบบไปใช้งานจริงควรมีการพัฒนาระบบเพ่ิมเติมโดยการปรับปรุงการออกแบบและสีสันให้ น่าสนใจ การเพ่ิมลิงค์เว็บไซต์ที่เก่ยี วขอ้ งให้ครบถ้วนสมบรูณ์ และการปรับแต่งจดั ประเด็นหวั ข้อสาคญั ใหเ้ ข้าใจ ไดง้ า่ ยขน้ึ เพื่อความสะดวกและความเข้าใจให้แกผ่ ู้ใช้งาน

บรรณานุกรรม [1] mandala. “การตลาดออนไลน์” [online] เข้าถึงได้จาก : https://mandalasystem.com/blog/th/48/digital-marketing-21082020 [2] 168training. “โปรแกรม Microsoft Word” [online] เข้าถงึ ไดจ้ าก : http://www.168training.com/e- learning_new/word2013/lesson1/content1_1/index.php [3] 168training. “โปรแกรม Microsoft PowerPoint” [online] เข้าถึงได้จาก : http://www.168training.com/elearning_new/powerpoint2013/lesson1/content1_1/ind ex.php [4] phpbb. “ทาความรจู้ ักกบั wix” [online] เขา้ ถึงไดจ้ าก : https://www.mindphp.com/forums/viewtopic.php?f=79&t=38063 [4] phpbb. “ทาความรู้จกั กับ wix” [online] เขา้ ถึงไดจ้ าก : https://www.mindphp.com/forums/viewtopic.php?f=79&t=38063 [5] ART. “ ทฤษฎสี ี ” [online]. เข้าถึงไดจ้ าก : https://homegame9.wordpress.com

ภาคผนวก

ภาคผนวก ก. เเบบประเมนิ ความพงึ พอใจ

แบบสอบถาม ความพึงพอใจเกย่ี วกับการสร้างเว็บไซตร์ ้านเรงิ ชัยโชหว่ ย ตอนท่ี 1 ข้อมูลท่วั ไป เพศ ชาย หญงิ อายุ ต่ากว่า 20 ปี 21-25 ปี 26-30 ปี 31 ปขี ้นึ ไป อาชพี นกั เรียน/นักศึกษา ราชการ รับจา้ งท่วั ไป อืน่ ๆ (โปรดระบ)ุ ........................................... ตอนที่ 2 ข้อมูลเกยี่ วกับความพึงพอใจในการใชบ้ ริการเวบ็ ไซตใ์ หท้ าเคร่ืองมาย ✓ ลงในชอ่ งระดับความพึง พอใจที่ตรงกับความเป็นจรงิ มากท่สี ุด ระดบั ความพึงพอใจ ที่ รายการ มาก มาก ปาน นอ้ ย นอ้ ย ท่ีสุด กลาง ท่ีสดุ 5 43 2 1 1 เวบ็ ไซต์มกี ารออกแบบไดเ้ หมาะสม 2 ขอ้ มลู ที่ใช้ประกอบเวบ็ ไซตม์ ีความครบถ้วน และถกู ต้อง 3 มีความคดิ สรา้ งสรรค์ในการออกแบบ 4 มเี ทคนิคในการตกแต่งเว็บไซไดเ้ หมาะสม และสวยงาม 5 การเช่อื มโยง (Link) ไปยงั จุดต่าง ๆ ถกู ต้อง 6 การจัดวางองคป์ ระกอบไดส้ ัดสว่ น ง่ายตอ่ การใชง้ าน 7 เน้อื หามคี วามเป็นปจั จบุ ัน 8 ลกั ษณะของขนาด สี ตัวอักษร ชัดเจน สวยงามอ่านงา่ ย 9 มีความรวดเรว็ ในการเข้าถึงข้อมูลในแตล่ ะหน้าจอ 10 เว็บไซตม์ ีความสมบูรณ์ ถูกต้องตามหลกั การ ตอนท่ี 3 ข้อเสนอแนะอืน่ ๆ ที่ตอ้ งใหม้ ีการปรบั ปรงุ และพฒั นา ............................................................................................................................. ................................................. ............................................................................................................................. ................................................. ..............................................................................................................................................................................

ภาคผนวก ข. ภาพกิจกรรม

ภาพการสารวจแบบสอบถาม

ภาพการดาเนินงานวิจยั

ภาคผนวก ค. ประวัติผจู้ ดั ทา