โครงการจัดทำแอพพลิเคชั่น ภาษาเขมร

โครงการจัดทาแอพพลเิ คช่ัน(กรณศี ึกษา : แอพพลเิ คช่ันเพอ่ื การเรียนรู้ภาษาเขมร) Application Project (apps for learning Khmer)นายกษดิ ศิ แก้วตาธนวฒันายสุรศักด์ิ บารุงกจิโครงการนีเ้ ป็ นส่วนหนึ่งของวชิ าโครงการ รหสั วชิ า 3201-8501 ตามหลกั สูตรประกาศนียบัตรวชิ าชีพช้ันสูง สาขาวชิ าคอมพวิ เตอร์ธุรกจิ สาขางานการพฒั นาเวบ็ เพจ วทิ ยาลยั เทคนิคจันทบุรี ปี การศึกษา 2559

หัวข้อโครงการ :โครงการจดั ทาแอพพลิเคชน่ั (กรณีศึกษา : แอพพลิเคชน่ั เพ่อื การเรียนรู้ ภาษาเขมร) Application Project(apps for learning Khmer)โดย : นายกษิดิศ แกว้ ตาธนวฒั : นายสุรศกั ด์ิ บารุงกิจครูทป่ี รึกษา :นางจิรวรรณมะลาไสยสาขาวชิ า :คอมพิวเตอร์ธุรกิจสาขางาน :การพฒั นาเวบ็ เพจปี การศึกษา : 2559 บทคดั ย่อ โครงการจดั ทาแอพพลิเคชั่น (กรณีศึกษา : แอพพลิเคช่ันเพื่อการเรียนรู้ภาษาเขมร) มีวตั ถุประสงคเ์ พื่อสร้างแอพพลิเคชน่ั โดยใชโ้ ปรแกรม Captivate Cs8 ตกแต่งใหม้ ีความทนั สมยั และเหมาะสมกบั เน้ือหาของแอพพลิเคชน่ั และเพ่ือนาความรู้จากวชิ าเรียนไปสร้างแอพพลิเคชนั่ เพื่อการเรียนการรู้ภาษาเขมร โครงการน้ีจะเป็ นวิจยั แบบเจาะจงกลุ่มตวั อยา่ ง เครื่องมือการทาวจิ ยั คร้ังน้ีจะเป็ นแบบสอบถามในเรื่องการจัดทาแอพพลิเคชั่นการเรียนรู้ภาษาเขมรมีท้งั หมด 10 ข้อ และแบบสอบถามในคร้ังน้ีทาการวิเคราะห์ข้อมูลโดยหาค่าผลรวม และหาค่าเฉลี่ย ของผูต้ อบแบบสอบถาม 50 คน จากการทาโครงการ แอพพลิเคชนั่ (กรณีศึกษา : แอพพลิเคชนั่ เพ่ือการเรียนรู้ภาษาเขมร)สรุปผลประโยชน์ที่คาดวา่ จะไดร้ ับจากแอพพลิเคชนั่ สร้างโดยโปรแกรม Adobe Captivate Cs8 มีความทนั สมยั เหมาะสมกบั การเรียนรู้ และสามารถพกพาได้ ไมจ่ าเป็นตอ้ งเรียนในหอ้ งเรียนเท่าน้นั

Diploma thesis topic : Application for Learning Khmer Language ProjectBy :Mr.KasiditKaewththanawat :Mr. SurasakBumrungkitConsultan Teacher : Mrs.JirawanMalasaiMajor : Business ComputerBranch : Web Page DevelopmentYear : 2016 Abstract The aim of Application Project(apps for learning Khmer). The objective of the study isApplication by using Captivate Cs8 the modern décor appropriate to the content of theApplication and to apply the knowledge from this course by created application for learningChinese. This project made a research for specific group sample. The tool of research will bequestionnaire about created apps for learning Khmer by questionnaire with ten questions. Thequestionnaire in this research performed analysis by using the sum. The average of therespondents for twenty five people The project applications (apps for learning Khmer) concluded that the benefits expectedto be derived from an application built on Adobe Captivate Cs8 by the program to date.Appropriate learning and portable don’t need to learn in the classroom.

ใบรับรองโครงการ แอพพลิชนั่ สื่อการเรียนรู้ภาษาเขมร กรณีศึกษา วทิ ยาลยั เทคนิคจนั ทบุรี 44/3 ถนนจนั ทคามวถิ ี ตาบลตลาดโดย อาเภอเมือง จงั หวดั จนั ทบุรี 22000 นายกษิดิศ แกว้ ตาธนาวฒัครูท่ีปรึกษา นายสุรศกั ด์ิ บารุงกิจสาขาวชิ า นางจิรวรรณมะลาไสยสาขางาน คอมพวิ เตอร์ธุรกิจปี การศึกษา การพฒั นาเวบ็ เพจ 2559 แผนกคอมพิวเตอร์ธุรกิจให้นบั โครงการน้ีเป็ นส่วนหน่ึงของการศึกษาวชิ าโครงการ รหัสวชิ า 3204 – 6001 ตามหลกั สูตรประกาศนียบตั รวชิ าชีพช้นั สูง สาขาวชิ าคอมพวิ เตอร์ธุรกิจ สาขางานการพฒั นาเวบ็ เพจ วทิ ยาลยั เทคนิคจนั ทบุรี หวั หนา้ แผนกคอมพวิ เตอร์ธุรกิจ (นางพีรญาดุนขนุ ทด)คณะกรรมการสอบโครงการ ประธานกรรมการ (นางจิรวรรณมะลาไสย) กรรมการ กรรมการ(นางสาวสุดาจิตมณีโชติ) (นางจนั ทนาลยั วรรณา)(นายวเิ ชียร ประเสริฐสกุล) (นายจิระพงษ์ จนั ทร์ประเสิรฐ)รองผอู้ านวยการฝ่ ายวชิ าการ ผอู้ านวยการวทิ ยาลยั เทคนิคจนั ทบุรี วนั ที่……/……/…… วนั ท่ี……/……/……

โครงการ สร้างแอพพลิเคชนั่ ส่ือการเรียนรู้ภาษาเขมร (Application)ผ้เู สนอโครงการ นากษิดิศ แกว้ ตาธนวฒั นายสุรศกั ด์ิ บารุงกิจครูทป่ี รึกษา ครูจิรวรรณ มะลาไสยหลกั การและเหตุผล การเรียนการสอนภาษาเขมรในปัจจุบนั มีความสาคญั และจาเป็ น โดยเฉพาะการเปิ ดAEC :(Asean Economics Community) จึงมีอิทธิพลต่อการคา้ การลงทุน ซ่ึงมีหลายประเทศเขา้ มาเขา้ ร่วมรวมไปถึงภาษาเขมรเป็นอีกภาษาท่ีควรเรียนรู้อีกภาษารองลงมาจากภาษาองั กฤษเช่นประเทศบรูไนประเทศกมั พูชาประเทศมาเลเซีย ประเทศฟิ ลิปปิ นส์ดงั น้ันภาษาเขมรในการสื่อสารจึงจาเป็ นต่อชีวิตประจาวนั และติดต่องาน ภาษาจึงสาคญั มากกบั ส่ิงเหล่าน้ี ไม่ใช่เพียงแค่ภาษาองั กฤษเท่าน้นั ท่ีเราจะตอ้ งศึกษาและมีความเขา้ ใจเป็นอยา่ งดีแลว้ ภาษาประจาชาติของแต่ประเทศก็เช่นกนั ประโยคง่ายๆ เช่นการกล่าวทกั ทาย ถามสารทุกขส์ ุกดิบ รวมถึงบทสนทนาทางการแพทย์ ก็เป็นส่ิงสาคญั ผจู้ ดั ทาจึงคิดนาสื่อเทคโนโลยสี ารสนเทศเขา้ มาช่วย โดยการจดั ทาแอพพลิเคชนั่ ส่ือการเรียนการสอนภาษาเขมร ข้ึนมาเพอ่ื ง่ายต่อการเรียนรู้ และเขา้ ถึงภาษาเขมรไดม้ ากข้ึนสามารถเปิ ดอ่านไดต้ ลอดเวลาเหมือนหนงั สือพกพาเล่มเล็กๆ ท่ีมีคาศพั ท์ การสนทนา และประโยคที่สามารถใชไ้ ดใ้ นชีวติ ประจาวนั ภายในแอพพลิเคชนั่ แยกใหเ้ ป็ นหมวดหมเู่ ปิ ดหาไดง้ ่ายใชง้ านไดส้ ะดวกตอ่ผทู้ ่ีสนใจการเรียนภาษาเขมรวตั ถุประสงค์ 1. เพ่ือสร้างแอพพลิเคชนั่ ส่ือการเรียนรู้ภาษาเขมร 2. เพ่อื เป็ นแหล่งขอ้ มลู การเรียนรู้นอกหอ้ งเรียนเป้ าหมาย 1. ผเู้ ขา้ ใชม้ ีความเขา้ ใจภาษาเขมร และสามารถอ่าน เขียนได้ 2. ผเู้ ขา้ ใชแ้ อพพลิเคชนั่ จานวน 50 คนเคร่ืองมอื และอปุ กรณ์ Hordware 1. เคร่ืองคอมพวิ เตอร์ 2. Flash Drive 3. เครื่องพมิ พ์ 4. โทรศพั ท์

Software 1. Phothoshop 2. Intel XDK 3. Captivate 8วธิ ีการดาเนินการ 1. วางแผนรูปแบบหนา้ แอพพลิเคชน่ั 2. หาขอ้ มูล เพื่อจดั ทาแอพพลิเคชน่ั 3. ออกแบบแอพพลิเคชน่ั 4. นาไปเสนอผทู้ ี่เกี่ยวขอ้ งเพื่อตรวจสอบ 5. ดาเนินการทาแอพพลิเคชน่ั 6. เสนอใหผ้ ทู้ ี่เก่ียวขอ้ งตรวจสอบอีกคร้ัง 7. อพั โหลดแอพพลิเคชน่ั 8. จดั ทารูปเล่มโครงการ 9. ประชาสัมพนั ธ์แอพพลิเคชนั่ 10. สรุปผลการดาเนินงาน และนาเสนอโครงการประโยชน์ทค่ี าดว่าจะได้รับ 1. ไดแ้ อพพลิเคชนั่ ส่ือการเรียนรู้ภาษาเขมรเกี่ยวกบั การแพทย์ 2. ทาใหม้ ีประสบการณ์ในการจดั ทาโครงการ และแอพพลิเคชนั่ สื่อการเรียนการสอน 3. สามารถนาความรู้ไปใชใ้ นการดารงชีวติ ประจาวนั และการประกอบอาชีพได้

ระยะเวลาในการดาเนินการ16 พฤษภาคม – 16 กนั ยายน พ.ศ.2559กจิ กรรม ระยะเวลาดาเนินการ (สัปดาห์) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 181.วางแผนรูปแบบหนา้แอพพลิเคชนั่2.หาขอ้ มูล เพ่ือจดั ทาแอพพลิเคชนั่3.ออกแบบแอพพลิเคชนั่4.นาไปเสนอผทู้ ี่เกี่ยวขอ้ งเพ่ือตรวจสอบ5.ดาเนินการทาแอพพลิเคชน่ั6.เสนอใหผ้ ทู้ ี่เกี่ยวขอ้ งตรวจสอบอีกคร้ัง7.อพั โหลดแอพพลิเคชนั่8.จดั ทารูปเล่มโครงการ9.ประชาสัมพนั ธ์แอพพลิเคชน่ั10.สรุปผลการดาเนินงานและนาเสนอโครงการ (นายสุรศกั ด์ิ บารุงกิจ) นกั ศึกษาแผนกคอมพิวเตอร์ธุรกิจ หวั หนา้ โครงการ (นางจิรวรรณ มะลาไสย) ครูท่ีปรึกษา

สารบญั หน้า กเร่ือง คบทคดั ยอ่ งกิตติกรรมประกาศ จสารบญั ตารางสารบญั ภาพ 1บทที่1บทนา 1 2 1.1 ท่ีมาและความสาคญั 2 1.2 วตั ถุประสงค์ 2 1.3 ขอบเขต 2 1.4 สถานที่ดาเนินการ 1.5ระยะเวลาดาเนินการ 3 1.6ประโยชน์ที่คาดวา่ จะไดร้ ับ 9บทท่ี2เอกสารและวจิ ยั ท่ีเกี่ยวขอ้ ง 10 2.1 การสร้างแอพพลิเคชน่ั 11 2.2 โปรแกรมท่ีเก่ียวขอ้ ง 2.3 การอพั โหลด 14 2.4 วจิ ยั ท่ีเกี่ยวขอ้ ง 14บทที่3วธิ ีการดาเนินงาน 21 3.1 ศึกษาและรวบรวมขอ้ มูลตา่ งๆ 29 3.2 ออกแบบแอพพลิเคชน่ั 29 3.3 จดั ทาแอพพลิเคชน่ั 3.4 ตรวจสอบและแกไ้ ข 3.5เผยแพร่แอพพลิเคชน่ั ข

สารบญั (ต่อ) หน้าเร่ือง 38บทที่ 4 ผลการดาเนินงาน 40 4.1หนา้ แอพพลิเคชนั่ สื่อการเรียนรู้ภาษาเขมร 43 4.2สรุปผลการวเิ คราะห์แบบสอบถาม 43บทที่ 5 สรุปผลการดาเนินงานและขอ้ เสนอแนะ 43 5.1สรุปผลการดาเนินงาน 5.2ปัญหาและอุปสรรค 5.3ขอ้ เสนอแนะบรรณานุกรมภาคผนวกภาคผนวก ก เอกสารรองรับโครงการ แผนธุรกิจขายแคคตสั ออนไลน์ Story Board แอพพลิเคชน่ั ภาษาเขมรเกี่ยวกบั การแพทย์ รายงานความกา้ วหนา้ภาคผนวก ข แบบสอบถามความคิดเห็นท่ีมีต่อเวบ็ ไซต์ ประวตั ิผจู้ ดั ทาข

สารบัญตาราง หน้า 40ตารางที่ 404-1 แสดงร้อยละของตอบแบบสอบถาม จาแนกขอ้ ตามเพศ 414-2 แสดงร้อยละของตอบแบบสอบถาม จาแนกระดบั ช้นั การศึกษา4-3 ตารางสรุปแบบสอบถามความคิดเห็นของอาจารย์ และนกั เรียน นกั ศึกษาง

สารบญั ภาพ หน้า 3ภาพที่ 42-1 การออกแบบแอพพลิเคชนั่ 42-2 รูปแบบธีม 52-3 การจดั ตาแหน่ง 52-4 รองรับการปัดหนา้ จอแบบสัมผสั 62-5 รองรับการ ขยาย-ลดลงโดยการใชน้ ิ้ว 62-6 การรองรับไฟล์ 72-7 การรองรับการ Scroll 72-8 ความสามารถในการนาไฟลเ์ ขา้ 82-9 มี Learning Interaction 82-10 การปรับปรุงบทเรียน 132-11 ความสามารถในการสร้างป่ ุม 143-1 ข้นั ตอนการดาเนินการจดั ทาโครงการ 153-2 Story Board 163-3 ภาพโครงสร้างแอพพลิเคชน่ั 163-4 การเชื่อมโยงระหวา่ งหนา้ แอพพลิเคชน่ั 173-5 หนา้ แรก 173-6 หนา้ หมวดเมนู 183-7 หนา้ เขา้ สู่หมวดคาศพั ทก์ ารแพทยเ์ ขมร 183-8 หนา้ หมวดคาศพั ท์ 193-9 หนา้ เขา้ สู่หมวดบทสนทนาการแพทยเ์ ขมร 193-10 หนา้ หมวดบทสนทนา 203-11 หนา้ เขา้ สู่หมวดเกมส์ตอบคาถาม 203-12หนา้ หมวดเกมส์ตอบคาถาม 213-13หนา้ หมวดเขา้ สู่เกมส์จบั คูภ่ าพ3-14หนา้ เกมส์จบั คู่ภาพ จ

สารบญั ภาพ (ต่อ) หน้า 21ภาพที่ 223-14 โปรแกรม Captivate 223-15 หนา้ การทางานของ Captivate 233-16 หนา้ ตาของ Captivate หนา้ แรก 233-17 การเลือกโปรเจค 243-18 จากเลือกขนาดจอ 243-19 การเลือกธีม 253-20 กาหนดคา่ โปรเจค 253-21 คาสั่ง Defaults 263-22 ต้งั คา่ ใหเ้ ป็ น rest of slide 263-23 ข้นั ตอนการใส่ภาพ 273-24 ข้นั ตอนการใส่ขอ้ ความ 273-25 การสร้างป่ ุมเชื่อมโยงโดยเลือก Interactions 283-26 ตกแต่งป่ ุมขอ้ ความ Button 283-27 การเช่ือมโยง 293-28 การเช่ือมโยงภายนอก 293-29 การเลือกไฟลบ์ นั ทึก 303-30 การ Publish ไฟลจ์ าก Captivate 303-31 การต้งั คา่ การ Publish 313-32 ไฟล์ Zip Captavate 313-33 การ Sign In 323-34 การต้งั คา่ Intel XDK 323-35 การต้งั ชื่อไฟลง์ าน 333-36 ต้งั ค่ารุ่นโทรศพั ท์ 333-37 เปิ ดไฟลง์ าน 343-38 การ Copy งาน 343- 39 ทดสอบการ Copy3-40 ต้งั คา่ Android จ

สารบญั ภาพ (ต่อ) หน้า 35ภาพท่ี 353-41 การใส่ลิขสิทธ์ 363-42 ทดสอบการต้งั ค่าลิขสิทธ์ิ 363-43 ปลดล็อคUnlock 373-44 Start Builds 383-45 การดาวน์โหลด 394-1 หนา้ หลกั ของแอพพลิเคชนั่ 394-2 หนา้ คาศพั ทข์ องแอพพลิเคชน่ั4-3 หนา้ บทสนทนาของแอพพลิเคชนั่จ

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

บทที่ 1 บทนา ปัจจุบนั แอพพลิเคชนั่ มีบทบาทอยา่ งมากในชีวติ ประจาวนั ช่วยให้เราสะดวกสบายในการเรียนรู้ และในดา้ นต่าง ๆ หรือใชก้ บั คน้ ควา้ หาขอ้ มูล เห็นไดว้ ่าแอพพลิเคชนั่ มีความสาคญั กบั ทุกสาขาอาชีพรวมท้งั การศึกษาท่ีมีการเรียนการสอนภาษาจีน1.1 ความเป็ นมาและความสาคัญ ในปัจจุบนั แอพพลิเคช่ันไดเ้ จริญกา้ วหน้าอย่างรวดเร็วในการดาเนินชีวิตประจาวนั ของมนุษย์ แอพพลิเคช่ันและคอมพิวเตอร์ได้เข้ามามีบทบาทสาคญั ต่อการดาเนินกิจกรรมต่าง ๆโดยเฉพาะอยา่ งยง่ิ การศึกษาคน้ ควา้ เพราะในแต่ละอาชีพหลกั ๆ ตอ้ งมีการใชแ้ อพพลิเคชนั่ ในการสื่อสารในการช่วยคน้ หา เช่น แอพพลิเคชนั่ Maps ใชก้ ารในการคน้ หาสถานที่ต่าง ๆ และเส้นทางที่จะใช้ในการเดินทาง และค้นหาสถานที่ใกล้เคียง รวมถึงศึกษาความรู้ต่าง ๆ ในการทางาน ในรายวชิ าเรียน ดว้ ยความกา้ วหนา้ ของแอพพลิเคชน่ั และอุปกรณ์ IT ทาให้องคก์ รต่าง ๆ นาเทคโนโลยีเหล่าน้ีเขา้ มาช่วยในการดาเนินงานขององคก์ รใหม้ ีประสิทธิภาพมากยิง่ ข้ึน ไม่วา่ จะเป็ นการรับ-ส่งข้อมูลข่าวสารออนไลน์ การนาแอพพลิเคช่ันเข้ามาใช้งานในการทาธุรกิจเช่น แอพพลิเคช่ันCloudOn “Intel XDK” เป็ นระบบบริหารจดั การแอพพลิเคชั่น เป็ นโปรแกรมท่ีสามารถเขียนแอพพลิเคชั่นผ่านโปรแกรมได้ทันที เขียนโดยใช้ภาษา PHP และ Javascriptในการเขียนแอพพลิเคชน่ั สามารถเขียนออกมาไดห้ ลาย แพลตฟอร์ม เช่น Android Iphoneและอีกมากมาย ดงั น้นั จึงจดั ทาโครงการสร้างแอพพลิเคชน่ั สื่อการเรียนรู้ภาษาเขมร โครงการน้ีจดั ทาข้ึนเพื่อเป็นส่ือการเรียนการสอนวชิ าภาษาเขมร มีคาศพั ทแ์ ละประโยคการสนทนามากมายใหเ้ รียนรู้ พร้อมมาแบบการทดสอบความเขา้ ใจในหมวดการเรียนรู้ตา่ ง ๆ ท่ีต้งั ไว้ โดยใชโ้ ปรแกรม Captivate1.2 วตั ถุประสงค์ 1.2.1 เพ่ือสร้างแอพพลิเคชน่ั โดยใช้โปรแกรม Captivate 8 ตกแต่งให้มีความทนั สมยั และเหมาะสมกบั เน้ือหาแอพพลิเคชน่ั 1.2.2 เพอ่ื นาความรู้จากวชิ าเรียน ไปพฒั นาแอพพลิเคชน่ั ที่เกี่ยวกบั สื่อการเรียนรู้ภาษาเขมรโดยใชโ้ ปรแกรม Captivate 8

1.3 ขอบเขตของโครงการ 1.3.1 แอพพลิเคชน่ั คาศพั ทภ์ าษาเขมรเกี่ยวกบั การแพทย1์ แอพพลิเคชนั่ 1.3.2 ประชาสมั พนั ธ์แอพพลิเคชน่ั คาศพั ทภ์ าษาเขมรเกี่ยวกบั การแพทย์ 1.3.3 ไดม้ ีกระบวนการนาความรู้จากวชิ าเรียนมาใชใ้ หเ้ กิดประโยชน์1.4สถานทดี่ าเนินการ วทิ ยาลยั เทคนิคจนั ทบุรี 44/3 ถ.จนั ทคามวถิ ี ต.ตลาด อ.เมือง จ.จนั ทบุรี 22000(หอ้ งคอมฯ 3) และบา้ นเลขที่ 186 ม. 17 ต. สองพ่นี อ้ ง อ. ท่าใหม่ จ. จนั ทบุรี 221201.5 ระยะเวลาดาเนินการ ต้งั แต่วนั ที่ 16 พฤษภาคม 2559 ถึงวนั ท่ี 29 กรกฎาคม 25591.6 ประโยชน์ทคี่ าดว่าจะได้รับ 1.4.1ไดร้ ู้จกั การสร้างแอพพลิเคชนั่ เร่ืองการใชโ้ ปรแกรม Captivate Cs8 ใหม้ ีความทนั สมยัและเหมาะสมกบั การเรียนรู้ 1.4.2ได้นาความรู้จากวิชาเรียน ไปสร้างแอพพลิเคช่ันส่ือการเรียนรู้ภาษาเขมร โดยใช้โปรแกรม Captivate Cs8

บทที่ 2 เอกสารและวจิ ยั ที่เกยี่ วข้อง การศึกษาเรื่อง “การสร้างแอพพลิเคชน่ั ” กรณีศึกษา สื่อการเรียนรู้ภาษาเขมร เป็ นการศึกษาโดยการนาเอาความรู้ทางดา้ นการสร้างแอพพลิเคชนั่ มาเป็นตวั ช่วยในการสร้างแอพพลิเคชน่ั เพื่อการเรียนรู้ภาษาเขมรใหเ้ ป็นท่ีรู้จกั อยา่ งแพร่หลาย ผพู้ ฒั นาไดท้ าการศึกษาคน้ ควา้ จากตาราและเอกสารที่เก่ียวขอ้ งเพือ่ ใชเ้ ป็นแนวทางในการศึกษาและพฒั นาระบบโดยมีประเด็นที่จะศึกษาดงั น้ี 2.1 การสร้างแอพพลิเคชน่ั 2.2 โปรแกรมท่ีเกี่ยวขอ้ ง 2.3 การอพั โหลด 2.4 วจิ ยั ท่ีเก่ียวขอ้ ง2.1 การสร้างแอพพลเิ คช่ัน 2.1.1 หลกั การออกแบบแอพพลิเคชน่ั 2.1.1.1 ตวั โปรแกรมออกแบบใหมไ่ มม่ ีเคา้ เดิมเลย คาสั่งต่างๆ ถูกจดั หมวดหมู่ใหม่ท้งั หมด แต่ขอบอกวา่ จดั ตาแหน่งคาสง่ั ต่างๆ ไดด้ ี หาง่าย มาพร้อมกบั ฟี เจอร์เด็ด Responsive Projectท่ีสามารถปรับขนาดอตั โนมตั ิไดใ้ นหนา้ จอคอมพิวเตอร์ แทบ็ เล็ต และสมาร์ทโฟน ภาพท่ี 2-1 การออกแบบแอพพลิเคชน่ั

2.1.2 รูปแบบการออกแบบแอพพลิเคชน่ั 2.1.2.1 Responsive Theme ธีมรูปแบบใหม่ สามารถยดื หยุน่ ตามขนาดของหนา้ จอ ภาพที่ 2-2 รูปแบบธีม 2.1.2.2 Smart Position จดั การกบั ตาแหน่งของวตั ถุไดแ้ ม่นยามากข้ึนในหนา้ จอที่แตกต่างกนั เพ่อื สร้างชิ้นงานแบบ Responsive Project ไดส้ มบรู ณ์แบบ ภาพที่ 2-3 การจดั ตาแหน่ง

2.1.3 การรับรอง 2.1.3.1 รองรับการปัดหนา้ จอแบบสมั ผสั โดยใชเ้ ทคโนโลยมี ลั ติทชั ฝังอยใู่ น UserInterface ทาใหส้ ามารถใชน้ ิ้วในการแตะ เล่ือน รูดหนา้ จอ เพ่ือใหเ้ กิดการปฏิสมั พนั ธ์ที่ดีระหวา่ งเน้ือหากบั ผเู้ รียน ภาพท่ี 2-4 รองรับการปัดหนา้ จอแบบสมั ผสั 2.1.3.2 รองรับการ ขยาย-ลดลงโดยการใชน้ ิ้ว ในการยอ่ ขยายเน้ือหาในหนา้ จอ ภาพท่ี 2-5 รองรับการ ขยาย-ลดลงโดยการใชน้ ิ้ว

2.1.4 การรองรับไฟล์ รองรับไฟลท์ ่ีเป็น HTML5 ไม่วา่ จะเป็นไฟล์ html ที่ถูกห่อเป็นไฟล์ .zip ซ่ึงอาจทามาจาก Adobe MUSE หรือ Adobe EDGE Reflow หรือไฟล์ Animation ที่ทาจาก Adobe EdgeAnimate โดย Export เป็น .oam ภาพที่ 2-6 การรองรับไฟล์ 2.1.5 รองรับการ Scroll รองรับการ Scroll เลื่อนข้ึนลงในสมาร์ทโฟน ทาใหด้ ูเน้ือหาไดง้ ่าย โดยเน้ือหาสามารถ Flow ไดใ้ นสไลดเ์ ดียว ภาพที่ 2-7 การรองรับการ Scroll

2.1.6 ความสามารถในการนาไฟลเ์ ขา้ สามารถนาไฟล์ PowerPoint (2007, 2010, 2013) ท่ีมีท้งั ขอ้ ความ รูปร่าง เสียงวดิ ีโอ ภาพเคล่ือนไหวท่ีสร้างจาก PowerPoint เขา้ มาใน Adobe Captivate 8 แลว้ Publish เป็นHTML5 ภาพท่ี 2-8 ความสามารถในการนาไฟลเ์ ขา้ 2.1.7 มี Learning Interaction มี Learning Interaction รูปแบบใหมๆ่ มากกวา่ เวอร์ชนั่ 7 ภาพท่ี 2-9 มี Learning Interaction

2.1.8 การปรับปรุงบทเรียน ปรับปรุงการบทเรียนทาแอพพลิเคชน่ั สาหรับสมาร์ทโฟน ภาพท่ี 2-10 การปรับปรุงบทเรียน 2.1.9 ความสามารถในการสร้างป่ ุมโดยมี 3 สถานะ สร้างป่ ุมโดยมี 3 สถานะ (State) ไดแ้ ก่ Up, Over, Down ไดใ้ นตวั โปรแกรมเลย ไม่ตอ้ งทาป่ ุมจาก Adobe Photoshop หรือ Adobe Illustrator หรือโปรแกรมอื่นๆ คือไมต่ อ้ งมาทา _up,_over, _down แตส่ ามารถสร้าง Shapes แลว้ กาหนดเป็น Button กส็ ามารถสร้างป่ ุมท้งั 3 State ได้ง่ายๆ ภาพที่ 2-11 ความสามารถในการสร้างป่ ุม

2.2 โปรแกรมทเี่ กีย่ วข้อง 2.2.1 โปรแกรม Adobe Captivate โปรแกรม Adobe Captivate เป็ นโปรแกรมที่ถูกพฒั นาข้ึนมาเพ่ือสนบั สนุนการสร้าง Movie ในรูปแบบส่ือเรียนการเรียนรู้ หรือส่ือการนาเสนอแบบมลั ติมีเดีย เช่น การนาเสนอผลงาน การจบั หนา้ จอภาพเพอื่ นาไปสร้างส่ือการเรียนรู้ การสร้างแบบทดสอบ รวมไปถึงการตดั ต่อวิดีโอ เพื่อใช้สาหรับงานนาเสนอหรือผลิตส่ือการเรียนรู้ โดยโปรแกรม Adobe Captivate เป็ นโปรแกรมท่ีใชส้ ร้างชิ้นงานไดง้ ่ายและเร็ว Adobe Captivate (โปรแกรม สร้างสื่อมลั ติมีเดีย) : โปรแกรมน้ีนะครับเป็ นโปรแกรมท่ีช่วยสร้างสื่อมลั ติมีเดียต่างๆ สามารถผสมผสานจดั การในระบบ E-learning ไดด้ ว้ ยครับดว้ ยรูปแบบการทางานที่ใชง้ านง่ายคลา้ ยกบั Power Point ให้คุณสร้างสื่อมลั ติมีเดียท่ีประกอบดว้ ยวดิ ีโอ, เสียง, กราฟิ กและภาพเคล่ือนไหว พร้อม interaction โตต้ อบดว้ ยแบบทดสอบที่หลากหลายรูปแบบ สาหรับครู อาจารย์ นกั ศึกษา หรือผทู้ ่ีใชโ้ ปรแกรมสาเร็จรูปท้งั หลาย ลองโหลดไปใชด้ ูนะครับ น่าสนใจมากๆ ครับผม โปรแกรม Adobe Captivate 4.0 เป็นผลิตภณั ฑน์ อ้ งใหม่จากค่าย Adobeท่ีถูกพฒั นาข้ึน มาเพื่อสนบั สนุนการสร้าง Movie ในรูปแบบส่ือเรียนรู้หรือส่ือการนาเสนอแบบมลั ติมีเดีย เช่น การนาเสนอผลงาน การจบั หน้าจอภาพเพ่ือนาไปสร้างส่ือเรียนรู้ การสร้างส่ือจากขอ้ มูลต่างๆ การสร้างแบบทดสอบ รวมไปถึงการ ตดั ต่อวดิ ีโอเพื่อใชส้ าหรับงานนา เสนอหรือผลิตส่ือเรียนรู้ โดยโปรแกรม Adobe Captivate 4.0 เป็นโปรแกรมที่ใชส้ ร้างชิ้นงานไดง้ ่ายและเร็ว โปรแกรม Captivate เป็ นโปรแกรมสาหรับสร้างมลั ติมีเดียบนเวบ็ การจบั ภาพหน้าจอ การทาภาพเคลื่อนไหว และอ่ืน ๆ โปรแกรม Captivate สามารถสร้างบทเรียนแบบมีปฏิสัมพนั ธ์ สร้างขอ้ สอบ ไดอ้ ยา่ งดี โดยผใู้ ชไ้ ม่จาเป็นตอ้ งเขียนคาส่ัง เพราะโปรแกรมมีคาสั่งต่าง ๆไวใ้ หเ้ ลือกผา่ นทางหนา้ จอของโปรแกรม จึงเป็ นโปรแกรมท่ีใชง้ านง่าย เรียนรู้ไดเ้ ร็ว เหมาะสาหรับครู และผทู้ ่ีมีหนา้ ท่ีฝึ กอบรมบุคลากร นอกจากน้ียงั สามารถใช้ Widget หรือเขียน Action Script 3เพมิ่ ขีดความสามารถของโปรแกรมได้ และสามารถ ส่งข้ึนเวบ็ Youtubeไดท้ นั ที หรือจะทาเป็ นไฟล์PDF ก็ไดโ้ ปรแกรม Captivate มีจุดประสงคห์ ลกั สาหรับใชเ้ ล่นบนอินเทอร์เน็ต ผา่ นทาง Browserหรือใช้กบั LMS โดยส่งออกไปใช้งานเป็ น Flash (swf) ตามมาตรฐาน Scormอย่างไรก็ตามโปรแกรมสามารถส่งออกเป็ นไฟล์ exe และนาไปเล่นบนเครื่องคอมพิวเตอร์ท่ีไม่ได้ต่อกับอินเทอร์เน็ตได้ 2.2.2 โปรแกรม photoshop โปรแกรมPhotoshopเป็ นโปรแกรมสร้างและแก้ไขรู ปภาพอย่างมืออาชีพโดยเฉพาะนกั ออกแบบในทุกวงกายอ่ มรู้จกั โปรแกรมตวั น้ีดี โปรแกรม Photoshop เป็ นโปรแกรมท่ี

มีเครื่องมือมากมายเพ่ือสนับสนุนการสร้างงานประเภทสิ่งพิมพ์ งานวิดีทศั น์ งานนาเสนอ งานมลั ติมีเดีย ตลอดจนงานออกแบบและพฒั นาเว็บไซต์ ในชุดโปรแกรม Adobe Photoshopจะประกอบด้วยโปรแกรมสองตวั ได้แก่ Photoshop และ ImageReadyการที่จะใช้งานโปรแกรมPhotoshopคุณต้องมีเครื่องที่มีความสามารถสูงพอควร มีความเร็วในการประมวลผล และมีหน่วยความจาที่เพยี งพอ ไม่เช่นน้นั การสร้างงานของคุณคงไม่สนุกแน่ เพราะการทางานจะชา้ และมีปัญหาตามมามากมาย ขณะน้ีโปรแกรม Photoshop ไดพ้ ฒั นามาถึงรุ่น Adobe Photoshop CS โปรแกรม Photoshop เป็ นโปรแกรมสาหรับสร้างภาพ และตกแต่งภาพ ซ่ึงเป็ นลิขสิทธิของบริษทั Adobe ซึงบริษทั Adobe มีผลิตภณั ฑ์ซอฟแวร์เกี่ยวกบั ดา้ นกราฟิ ก มากมายเช่นAdobe illustrator สาหรับทา ภาพเวกเตอร์ Adobe Pemiretorสาหรับตดั ต่อภาพยนต์ ฯลฯ โปรแกรมPhotoshop เป็ นโปรแกรมตกแต่งภาพทีไดร้ ับความนิยมมาก เนืองจากเป็ นโปรแกรมทีใชง้ ่าย และรองรับ Application (Plug In) เสริมไดม้ ากมาย Photoshop เป็ นโปรแกรมในตระกูล Adobe ท่ีใชส้ าหรับตกแต่งภาพถ่ายและภาพกราฟฟิ ก ไดอ้ ยา่ งมีประสิทธ์ิภาพ ไม่วา่ จะเป็ นงานดา้ นสิ่งพิมพ์ นิตยสาร และงานดา้ นมลั ติมีเดีย อีกท้งั ยงั สามารถretouching ตกแตง่ ภาพและสร้างภาพ ซ่ึงกาลงั เป็ นที่นิยมสูงมากในขณะน้ี เราสามารถนาโปรแกรมPhotoshop ในการแต่งภาพ การใส่ Effect ต่าง ๆใหก้ บั ภาพและตวั หนงั สือ การทาภาพขาวดาและการทาภาพถ่ายเป็ นภาพเขียน การนาภาพต่างๆ มารวมกนั การRetouch ตกแต่งภาพ เป็ นตน้ นอกจากน้ีแล้ว โปรแกรมPhotoshop ยงั เป็ นโปรแกรมสร้างและแกไ้ ขรูปภาพอย่างมืออาชีพโดยเฉพาะนกั ออกแบบในทุกวงการยอ่ มรู้จกั โปรแกรมตวั น้ีดี โปรแกรม Photoshop เป็ นโปรแกรมที่มีเคร่ืองมือมากมายเพ่ือสนบั สนุนการสร้างงานประเภทสิ่งพิมพ์ งานวิดีทศั น์ งานนาเสนอ งานมลั ติมีเดีย ตลอดจนงานออกแบบและพฒั นาเว็บไซต์ ในชุดโปรแกรม Adobe Photoshopจะประกอบด้วยโปรแกรมสองตวั ได้แก่ Photoshop และ ImageReadyการท่ีจะใช้งานโปรแกรมPhotoshopคุณต้องมีเคร่ืองท่ีมีความสามารถสูงพอควร มีความเร็วในการประมวลผล และมีหน่วยความจาที่เพยี งพอ2.3 การอพั โหลด หลงั จากที่เราไดส้ ร้างแอพพลิเคช่นั จนเป็ นที่น่าพอใจแลว้ ข้นั ตอนต่อไปคือ การเผยแพร่ผลงานสู่สายตาชาวโลก โดยการนาไป Publish ไฟลแ์ ละ Save ลงเคร่ือง Pc หรือโทรศพั ทโ์ ดย 2.3.1 เขา้ Captivate > Publish เพื่อเลือกการนาออกจาก Captivate เลือก Publish tocomputer 2.3.2 เลือก Zip Files เลือก HTML5 และเลือก Scalable HTML content จากน้นั กด Publish 2.3.3 จากน้นั กจ็ ะไดไ้ ฟล์ Zip ของ Captivate ออกมา

2.3.4 เปิ ด Intel XDK แลว้ ทาการ Sign In 2.3.5 เม่ือทาการ Sign In จะข้ึนหนา้ หลกั ของ Intel XDK ใหเ้ ลือก General > HTML5 +Cordova > Hello Cordova > Continueเมื่อกด Continue แลว้ ใหท้ าการต้งั ชื่องาน 2.3.6 จากน้นั ใหเ้ ลือก EXULATE > DEVICES เลือกรุนโทรศพั ทท์ ี่ตอ้ งการ จากน้นั กต็ ้งั คา่Orientation เป็นต้งั หรือนอน 2.3.7 ตอ่ มาใหเ้ ปิ ดไฟลท์ ่ีบนั ทึกงานไว้ พร้อมเปิ ดไฟล์ Zip ของ Captivate 2.3.8 เม่ือเปิ ดไฟลง์ านแลว้ ในเลือก Folder www แลว้ ทาการ Cory ไฟล์ Zip Captivate มาFolder www 2.3.9 เมื่อกลบั มาเปิ ดงานที่ Intel XDK จะพบวา่ งานที่ Copy มาข้ึนที่ Intel XDK 2.3.10 จากน้นั เลือก BUILD เลือก Android แลว้ กดป่ ุมต้งั ค่าของ Android 2.3.11 เม่ือเขา้ มาจะพบวา่ มีช่องใหใ้ ส่ขอ้ มูลตา่ ง ๆ พร้อมใส่ลิขสิทธ์ิ 2.3.12เมื่อกดกลบั มาที่ BUILD จะพบวา่ มีเครื่องหมายถูกที่การต้งั ค่า แสดงวา่ ผา่ นท่ีต้งัคา่ ลิขสิทธ์ิแลว้ 2.3.13 เม่ือผา่ นลิขสิทธ์แลว้ แต่ยงั พบวา่ ยงั ติด Unlock อยใู่ หค้ ลิกเพอื่ ทาการใส่รหสั ที่ต้งั ไว้ในลิขสิทธ์ิ จากน้นั กด Unlock 2.3.14 เมื่อปลดลอ็ คUnlookแลว้ กด Start Builds รอการดาวนโ์ หลด 2.3.15 จากน้นั กดป่ ุมดาวน์โหลด และเลือกไฟล์ จากน้นั ถึงไฟลม์ าใชโ้ ทรศพั ท์2.4 วจิ ัยทเ่ี กย่ี วข้อง นวรัตน์ รามสูต, บลั ลงั ก์ โรหิตเสถียร(2556)ทาการศึกษาวิจยั เรื่อง การจดั การศึกษาของประเทศไทยในอนาคตเพือ่ ใหเ้ กิดประโยชน์สูงสุดแก่ประเทศ คงปฏิเสธไม่ไดถ้ ึงความจาเป็ นต่อการนาเอาเทคโนโลยีมาใช้เพ่ือดาเนินจดั การศึกษา หน่วยงานในภาครัฐและ ทุกภาคส่วนตอ้ งส่งเสริมและสนบั สนุนใหม้ ีการผลิตและพฒั นาแบบเรียนตารา หนงั สือทางวชิ าการ ส่ือส่ิงพิมพ์ วสั ดุอุปกรณ์และเทคโนโลยี เพื่อการศึกษา โดยเร่งรัดในการพฒั นาขีดความสามารถในการผลิต จดั ให้มีเงินสนบั สนุนในการผลิต และมีการให้แรงจูงใจแก่ผผู้ ลิตและพฒั นาเทคโนโลยเี พ่ือการศึกษาซ่ึงมีการมุ่งเนน้ ตามพระราชบญั ญตั ิการศึกษาแห่งชาติ พุทธศกั ราช 2542 ซ่ึงนโยบาย ที่จะเร่งรัดดาเนินการตามนโยบายรัฐบาลขอ้ ท่ีสาม ซ่ึงมีการเร่งนาเทคโนโลยีสารสนเทศและการส่ือสารมาใช้ในการปฏิรูปการเรียนรู้มีการสร้างมาตรฐานการเรียนการสอนดว้ ยคอมพิวเตอร์แบบพกพา ซ่ึงตอ้ งมีการพฒั นาเน้ือหาสาระ พฒั นาครู และการวดั ประเมินผลท่ีไดม้ าตรฐาน รวมท้งั เพื่อเป็ นเครื่องมือให้เกิดระบบการเรียนรู้ตลอดชีวติ ในสังคมไทย ซ่ึงจะสามารถยกระดบั การศึกษาไทยและพฒั นานกั เรียนใหส้ ามารถแข่งขนั กบั ชาติอ่ืนๆได้

กฤษมันต์ วฒั นาณรงค์ (2556) ทาการศึกษาวิจัยเรื่องยุทธศาสตร์การใช้เทคโนโลยีสารสนเทศเพ่ือการศึกษา ซ่ึงมีการนาเอาเทคโนโลยมี าใชร้ ่วมกบั การเรียนรู้ ศ.ดร.ชยั ยงคพ์ รหมวงศ์ไดน้ าเสนอแนวคิดการใชเ้ ทคโนโลยีสารสนเทศเพื่อการศึกษาโดยเฉพาะการใชค้ อมพิวเตอร์แบบพกพาเป็ นสื่อหลกั สาหรับการเรียนการสอน ที่มีลกั ษณะเป็ นการศึกษาภควนั ตภาพ ท่ีผเู้ รียนไดร้ ับความรู้ทุกแห่งหน ทุกเวลา รวมไปถึงใช้เป็ นเครื่องมือช่วยสอนให้ครูไดใ้ ช้เป็ นส่ือและเป็ นศูนย์ความรู้ติดตวั มีแหล่งความรู้ หรือเป็ นห้องสมุดติดตวั เพื่อให้การดาเนินการเพื่อตอบสนองแนวคิดดงั กล่าว จะทาใหเ้ กิดระบบการเรียนการสอนท่ีใชค้ อมพิวเตอร์แบบพกพาเป็นฐาน เกิดข้ึนในหลายๆรูปแบบ ตามความสามารถของแอพพลิเคชั่น ที่นามาติดต้ัง หรือแอพพลิเคชั่นท่ีได้พฒั นาข้ึนประกอบกับความสามารถพ้ืนฐานของแท็บเล็ตเช่น ความสามารถ ในการบันทึกภาพน่ิงภาพเคล่ือนไหว วดี ิทศั น์ เสียง ตลอดจนการเขา้ ถึงเวบ็ ไซดต์ ่างๆ ท้งั ทางตรงและผา่ น QR Code Mantgem(2551) ทาการศึกษาวิจัยเรื่ อง การสร้างสื่ อแอพพลิเคช่ันบนแท็บเล็ตระบบปฏิบตั ิการแอนดรอยเป็ นสื่อเพื่อการศึกษา เป็ นส่ือที่มีประโยชน์และนาไปใชใ้ นการเรียนการสอนในช้ันเรียนกนั มากในทุกๆระดับ เน่ืองจากเหตุผลสาคญั ของการใช้สื่อเท็บเล็ตจะสะท้อนความกา้ วหนา้ ทางการเรียนรู้จากเน้ือหาที่ไดเ้ รียน ช่วยใหผ้ เู้ รียนทราบและปรับปรุงผลการเรียนรู้ได้ดว้ ยตนเอง โดยการใชง้ านคอมพิวเตอร์แท็บเล็ต เป็ นสื่อหรือเครื่องมือที่เอ้ือประโยชน์ต่อผใู้ ชใ้ นทุกสถานการณ์ตามจุดประสงค์หรือเป้ าหมายรวมท้งั วิธีการท่ีนาไปใช้ เป็ นส่ือที่ตอบสนองต่อการเรี ยนรู้เป็ นรายบุคคลได้

บทท่ี 3 วธิ ีดาเนินงาน การดาเนินโครงการจดั ทาแอพพลิเคชน่ั สื่อการเรียนรู้ภาษาเขมร (กรณีศึกษา) คณะผจู้ ดั ทามีข้นั ตอนงานดงั น้ี 3.1 การศึกษา และ รวบรวมขอ้ มลู ต่าง ๆ 3.2 ออกแบบแอพพลิเคชนั่ 3.3 จดั ทาแอพพลิเคชน่ั 3.4 เผยแพร่แอพพลิเคชนั่ ในการดาเนินการทาแอพพลิเคชนั่ (กรณีศึกษา : ส่ือการเรียนรู้ภาษาเขมร) ไดม้ ีข้นั ตอนการทาแอพพลิเคชน่ั ดงั ภาพที่ 3-1 ดงั น้ี ภาพที่ 3-1 ข้นั ตอนการดาเนินการจดั ทาโครงการ

3.1 ศึกษาและรวบรวมข้อมูลต่าง ๆ โครงการจดั ทาแอพพลิเคชนั่ (กรณีศึกษา : ส่ือการเรียนรู้ภาษาเขมร) เร่ิมจากการรวบรวมขอ้ มลู คาศพั ทภ์ าษาเขมร ,ประโยคการสนทนาภาษาเขมรท่ีใชใ้ นการแพทย,์ ขอ้ มูลพ้ืนฐาน เพ่ือใชใ้ นการดาเนินจดั ทาแอพพลิเคชนั่3.2 ออกแบบแอพพลเิ คชั่น เมื่อศึกษาและรวบรวมขอ้ มลู ต่าง ๆ ของแอพพลิเคชนั่ สื่อการเรียนรู้ภาษาเขมรแลว้ ทางคณะผจู้ ดั ทาจึงไดจ้ ดั ทาการออกแบบแอพพลิเคชนั่ โดยมีข้นั ตอนดงั ตอ่ ไปน้ี 3.2.1 Story Board ภาพที่ 3-2 Story Board

3.2.2 กาหนดโครงสร้างแอพพลิเคชนั่ ภาพที่ 3-3 ภาพโครงสร้างแอพพลิเคชน่ั

3.2.3 กาหนดการเช่ือมโยงระหวา่ งหนา้ แอพพลิเคชนั่ ภาพท่ี 3-4 การเช่ือมโยงระหวา่ งหนา้ แอพพลิเคชนั่ ลกั ษณะการเช่ือมโยงของแอพพลิเคชน่ั จะเร่ิมจากการเขา้ หนา้ แรกของแอพพลิเคชน่ั และจะเร่ิมเขา้ สู่หนา้ แรก ซ่ึงทุกหวั ขอ้ ท้งั หมด จะมีลิงค์ ที่สามารถกลบั ไปสู่ หนา้ แรกได้ 3.2.4 กาหนดการเช่ือมโยงระหวา่ งหนา้ แอพพลิเคชนั่ 3.2.4.1 หนา้ แรก ภาพที่ 3-5 หนา้ แรก

3.2.4.2 หนา้ หมวดเมนู ภาพท่ี 3-6 หนา้ หมวดเมนู3.2.4.3 หนา้ เขา้ สู่หมวดคาศพั ทก์ ารแพทยเ์ ขมร ภาพที่ 3-7 หนา้ เขา้ สู่หมวดคาศพั ทก์ ารแพทยเ์ ขมร

3.2.4.4 หนา้ หมวดคาศพั ท์ ภาพท่ี 3-8 หนา้ หมวดคาศพั ท์3.2.4.5 หนา้ เขา้ สู่หมวดบทสนทนาการแพทยเ์ ขมร ภาพที่ 3-9 หนา้ เขา้ สู่หมวดบทสนทนาการแพทยเ์ ขมร

3.2.4.6 หนา้ หมวดบทสนทนา ภาพท่ี 3-10 หนา้ หมวดบทสนทนา3.2.4.7 หนา้ เขา้ สู่หมวดเกมส์ตอบคาถาม ภาพที่ 3-11หนา้ เขา้ สู่หมวดเกมส์ตอบคาถาม

3.2.4.8 หนา้ หมวดเกมส์ตอบคาถาม ภาพที่ 3-12หนา้ หมวดเกมส์ตอบคาถาม3.2.4.9 หนา้ หมวดเขา้ สู่เกมส์จบั คู่ภาพ ภาพท่ี 3-13หนา้ หมวดเขา้ สู่เกมส์จบั คูภ่ าพ

3.2.4.10 หนา้ เกมส์จบั คูภ่ าพ ภาพที่ 3-14หนา้ เกมส์จบั คู่ภาพ3.3 จัดทาแอพพลเิ คชั่น เม่ือทาการศึกษารวบรวมขอ้ มูลและออกแบบแอพพลิเคชนั่ แลว้ กด็ าเนินการจดั ทาเวบ็ ไซต์ตอ่ ไป 3.3.1 วธิ ีการเขา้ ชมแอพพลิเคชนั่ 3.3.2 วธิ ีการเขา้ ไปแกไ้ ขขอ้ มูลใน 3.3.2.1 คลิกโปรแกรม Captivate เพื่อเขา้ ไปแกไ้ ขขอ้ มลู แต่เม่ือ Publish ไปแลว้ จะไมส่ ามารถแกไ้ ขไดอ้ ีก ภาพที่ 3-14 โปรแกรม Captivate

3.3.2.2 หนา้ การทางานของ Captivate ท่ีสามารถเขา้ ไปแกไ้ ขได้ ภาพที่ 3-15 หนา้ การทางานของ Captivate 3.3.3 การสร้างแอพพลิเคชนั่ ส่ือการเรียนรู้ภาษาจีน ประกอบดว้ ย - หนา้ หลกั - คาศพั ท์ -หมวดการแพทยร์ วมไปถึงอวยั วะตา่ ง ๆ ภายในร่างกาย และ ภายนอกร่างกาย โรคภยั ไขเ้ จบ็ -บทสนทนา -หมวดการแพทยเ์ ขมร3.3.4 เม่ือเขา้ มาดา้ นใน น่ีคือหนา้ ตาของ Captivate หนา้ แรก ภาพท่ี 3-16 หนา้ ตาของ Captivate หนา้ แรก

3.3.5 การสร้างโปรเจค 3.3.5.1 เลือก new >blank project ภาพท่ี 3-17 การเลือกโปรเจค 3.3.5.2 จากน้นั เลือกขนาดจอตามที่เราตอ้ งการ แลว้ คลิก create ภาพที่ 3-18 จากเลือกขนาดจอ

3.3.5.3 ทาการเลือกธีม เลือกเป็น blank ภาพท่ี 3-19 การเลือกธีม3.3.5.4 กาหนดค่าโปรเจค เลือก edit เลือกคาสั่ง Preferences… ภาพท่ี 3-20 กาหนดค่าโปรเจค

3.3.5.5 จากน้นั ไปที่คาสั่ง Defaults ภาพท่ี 3-21 คาสั่ง Defaults3.3.5.6 ต้งั ค่าใหเ้ ป็น rest of slide ทุกอนั จากน้นั กด ok ภาพที่ 3-22 ต้งั ค่าใหเ้ ป็ น rest of slide

3.3.5.7 ข้นั ตอนการใส่ภาพ ภาพที่ 3-23 ข้นั ตอนการใส่ภาพ3.3.5.8 ข้นั ตอนการใส่ขอ้ ความ ภาพที่ 3-24 ข้นั ตอนการใส่ขอ้ ความ

3.3.5.9 การสร้างป่ ุมเชื่อมโยง 1) การสร้างป่ ุมเชื่อมโยงคลิกที่ Interactions เลือก Button ภาพท่ี 3-25 การสร้างป่ ุมเช่ือมโยงโดยเลือก Interactions 2)จะมีป่ ุมButton ข้ึนมาใหเ้ รา สามารถคลิกเปลี่ยนขอ้ ความในป่ ุมและตกแต่งไดท้ ี่Style สามารถใส่ Actions และเพมิ่ Options ได้ ภาพท่ี 3-26 ตกแตง่ ป่ ุมขอ้ ความ Button

3) การเชื่อมโยง การสร้างป่ ุมเช่ือมโยงใหค้ ลิกท่ีป่ ุม Button ที่เราสร้างไว้ และไปท่ี Actoinsคลิกตรง On Success จะมีใหเ้ ราเลือกการเช่ือมโยงแบบต่างๆ ภาพท่ี 3-27 การเช่ือมโยง 4) การเชื่อมโยงภายนอก การเช่ือมโยงลิ้งคภ์ ายนอก สร้างป่ ุม Button เลือก Actions เลือก OnSuccess เลือก Open URL or file และก็อปลิ้งมาใส่ที่ช่อง URL ภาพที่ 3-28 การเชื่อมโยงภายนอก

5) การเลือกไฟลบ์ นั ทึก ภาพท่ี 3-29 การเลือกไฟลบ์ นั ทึก3.4 ตรวจสอบและแก้ไข เมื่อจดั ทาแอพพลิเคช่นั เรียบร้อยแลว้ ทางคณะผูจ้ ดั ทาไดม้ ีการนาเสนอแอพพลิเคชนั่ ต่ออาจารยท์ ี่ปรึกษา อาจารย์ไดม้ ีการให้แกไ้ ขขอ้ มูลส่วนท่ีบกพร่องและเพิ่มเติมขอ้ มูลส่วนที่ยงั ไม่สมบูรณ์ ทางคณะผจู้ ดั ทาจึงไดน้ าไปแกไ้ ข จึงทาใหแ้ อพพลิเคชนั่ น้ีสมบูรณ์พร้อมใชง้ าน3.5 เผยแพร่แอพพลเิ คช่ัน เขา้ Captivate > Publish เพ่อื เลือกการนาออกจาก Captivate เลือก Publish to computer ภาพท่ี 3-30 การ Publish ไฟลจ์ าก Captivate

เลือก Zip Files เลือก HTML5 และเลือก Scalable HTML content จากน้นั กด Publish ภาพท่ี 3-31 การต้งั ค่าการ Publishจากน้นั กจ็ ะไดไ้ ฟล์ Zip ของ Captivate ออกมา ภาพท่ี 3-32 ไฟล์ Zip Captavate

เปิ ด Intel XDK แลว้ ทาการ Sign In ภาพท่ี 3-33 การ Sign In เม่ือทาการ Sign In จะข้ึนหนา้ หลกั ของ Intel XDK ใหเ้ ลือก General > HTML5 + Cordova> Hello Cordova > Continue ภาพที่ 3-34 การต้งั ค่า Intel XDK

เม่ือกด Continue แลว้ ใหท้ าการต้งั ช่ืองาน ภาพที่ 3-35 การต้งั ช่ือไฟลง์ าน จากน้นั ใหเ้ ลือก EXULATE > DEVICES เลือกรุนโทรศพั ทท์ ่ีตอ้ งการ จากน้นั ก็ต้งั คา่Orientation เป็นต้งั หรือนอน ภาพท่ี 3-36 ต้งั คา่ รุ่นโทรศพั ท์

ต่อมาใหเ้ ปิ ดไฟลท์ ่ีบนั ทึกงานไว้ พร้อมเปิ ดไฟล์ Zip ของ Captivate ภาพท่ี 3-37 เปิ ดไฟลง์ าน เมื่อเปิ ดไฟลง์ านแลว้ ในเลือกFolderwwwแลว้ ทาการ Cory ไฟล์ Zip Captivate มา Folderwww ภาพท่ี 3-38 การ Copy งาน

เมื่อกลบั มาเปิ ดงานที่ Intel XDK จะพบวา่ งานท่ี Copy มาข้ึนที่ Intel XDK ภาพท่ี 3- 39 ทดสอบการ Copyจากน้นั เลือก BUILD เลือก Android แลว้ กดป่ ุมต้งั คา่ ของ Android ภาพท่ี 3-40 ต้งั คา่ Android

เมื่อเขา้ มาจะพบวา่ มีช่องใหใ้ ส่ขอ้ มูลตา่ ง ๆ พร้อมใส่ลิขสิทธ์ิ ภาพท่ี 3-41 การใส่ลิขสิทธ์ เมื่อกดกลบั มาที่ BUILD จะพบวา่ มีเคร่ืองหมายถูกท่ีการต้งั คา่ แสดงวา่ ผา่ นที่ต้งั ค่าลิขสิทธ์ิแลว้ ภาพที่ 3-42 ทดสอบการต้งั ค่าลิขสิทธ์ิ

เมื่อผา่ นลิขสิทธ์แลว้ แตย่ งั พบวา่ ยงั ติด Unlock อยใู่ หค้ ลิกเพื่อทาการใส่รหสั ท่ีต้งั ไวใ้ นลิขสิทธ์ิ จากน้นั กด Unlock ภาพที่ 3-43 ปลดลอ็ คUnlock เมื่อปลดลอ็ คUnlookแลว้ กด Start Builds รอการดาวนโ์ หลด ภาพที่ 3-44 Start Builds