การพัฒ พั นา โปรเเกรม ประยุก ยุ ต์ นายรัตรัพล ภูคำ ภู คำใบ E - BOOK นาง หฤทัยทัรมจันจัอินอิทร์ ผู้จัผู้ดจัทำ
สารบัญบั คำ นำ 1 จุดจุประสงค์รค์ายวิชวิา 2 หลักลัการพัฒพันาโปรแกรมบนอุปอุกรณ์พณ์กพาเบื้อบื้งต้นต้ 3 ประเภทของอุปอุกรณ์พณ์กพา 4 ระบบปฏิบัฏิติบักติารอุปอุกรณ์พณ์กพา 5 ครื่อรื่งมือมืพัฒพันาระบบปฏิบัฏิติบักติารอุปอุกรณ์พณ์กพา 6 การใช้เช้ครื่อรื่งมือมืในการพัฒพันาโปรแกรมบนอุปอุกรณ์พณ์กพา 7 - 8
คำ นำ เอกสารประกอบการเรียรีนรายวิชวิาการพัฒพันาโปรแกรมประยุกยุต์บต์นอุปอุกรณ์พณ์กพา รหัสหัวิชวิา นี้ไนี้ ด้เด้รียรีบเรียรีงขึ้นขึ้อย่าย่ง เป็นป็ระบบครอบคลุมลุเนื้อนื้หาสาระรายวิชวิา ในหมวดวิชวิา เฉพาะ วิชวิาเลือลืกของมหาวิทวิยาลัยลัหลักลัสูตสูร วิทวิยาศาสตรบัณบัฑิตฑิสาขาวิชวิาวิทวิยาการ คอมพิวพิเตอร์ เพื่อพื่ใช้เช้ป็นป็เครื่อรื่งมือมืส าคัญคัของผู้สผู้ อนในการใช้ประกอบการสอนของ อาจารย์ที่มุ่ ที่ งมุ่เน้นน้ ให้ผู้ห้เผู้รียรีนมีคมีวามรู้ครู้วามเข้าข้ใจในเนื้อนื้หา รายวิชวิาการพัฒพันาโปรแกรม ประยุกยุต์บต์นอุปอุกรณ์พณ์กพา เป็นป็วิชวิาที่เ ที่ กี่ย กี่ วข้อข้งกับกัสถาปัตปัยกรรมอุปอุกรณ์พณ์กพา เครื่อรื่ง มือมืซอฟต์แต์วร์แร์ละเอพีไพีอส าหรับรัพัฒพันาโปรแกรมบนอุปอุกรณ์พณ์กพากรอบการพัฒพันา ซอฟต์แต์วร์ ระบบปฏิบัฏิติบักติารของอุปอุกรณ์พณ์กพาการออกแบบส่วส่นติดติต่อต่กับกัผู้ใผู้ช้การ ออกแบบเชิงชิวัตวัถุความปลอดภัยภัของข้อข้มูลมูส าหรับรัอุปอุกรณ์พณ์กพาการย้าย้ยโปรแกรมที่ พัฒพันาบนระบบปฏิบัฏิติบักติารที่แตกต่าต่ง โดยผู้เผู้ขียขีนเลือลืกระบบปฏิบัฏิติบักติารแอนดรอยด์ใด์น การศึกศึษาในรายวิชวิานี้ผู้เผู้รียรีนจ าเป็นป็ต้อต้งเข้าข้ ฟังฟัการบรรยายและทาแบบฝึกฝึหัดหัควบคู่ กันกัไปทุกทุครั้งรั้เพื่อพื่ให้เห้กิดกิประสิทสิธิภธิาพในการเรียรีนมากยิ่งยิ่ขึ้นขึ้ 1
จุด จุ ประสงค์รค์ายวิชวิา 1. เพื่อพื่ให้เห้ข้าข้ใจเกี่ย กี่ วกับกัการพัฒพันาโปรแกรมบนอุปอุกรณ์เณ์คลื่อลื่นที่แ ที่ บ 2. เพื่อพื่ให้สห้ามารถพัฒพันาโปรแกรมบนอุปอุกรณ์เณ์คลื่อลื่นที่แ ที่ บบพกพา 3. เพื่อพื่ให้มีห้เมีจตคติแติละกิจกินิสัยสัที่ดี ที่ ใดีนการปฏิบัฏิติบังติานด้วด้ยความรับรัชอบ สมรรถนะรายวิชวิา 1. แสดงความรู้เรู้กี่ย กี่ วกับกัการออกแบบและพัฒพันาโปรแกรมบนอุปอุกรณ์เณ์คลื่อลื่นที่แ ที่ บบพกพา 2.ติดติตั้งตั้โปรแกรมที่ใที่ ช้ใช้นการพัฒพันา 3. ออกแบบส่วส่นการติดติต่อต่การใช้งช้านกับกัผู้ใผู้ช้ 4.ติดติต่อต่ข้อข้มูลมูภาพเสียสีง ข้อข้ความวีดีวีโดีอ 5.ติดติต่อต่ฐานข้อข้มูลมู 6. ใช้งช้านการเชื่อชื่มต่อต่ โปรแกรมประยุกยุต์อื่ต์อื่นอื่ๆ 7. แจ้งจ้เตือตืนผู้ใผู้ช้งช้านในรูปรูแบบต่าต่งๆ 8. จัดจัการแฟ้มฟ้ข้อข้มูลมูการติดติต่อต่ฐานข้อข้มูลมูและหน่วน่ยความจำ 9. เผยแพร่โร่ปรแกรมที่ไที่ ด้พัด้ฒพันาตามหลักลัการและกระบวนการ คำ อธิบธิายรายวิชวิา ศึกศึษาและปฏิบัฏิติบัเติกี่ย กี่ วกับกัหลักลัการออกแบบและพัฒพันาโปรแกรมบนอุปอุกรณ์เณ์คลื่อลื่นที่แ ที่ บบ พกพาติดติตั้งตั้และใช้งช้านโปรแกรมที่ใที่ ช้ใช้นการพัฒพันาการออกแบบส่วส่นการติดติต่อต่การใช้งช้าน กับกัผู้ใผู้ช้ 2
2) Application หมายถึงถึซอฟต์ แวร์ที่ร์ ใที่ ช้เช้พื่อพื่ช่วช่ยการ ทางานของผู้ใผู้ช้ (User) โดย Applicationจะต้อต้งมีสิ่มีงสิ่ที่เ ที่ รียรีกว่าว่ส่วส่น ติดติต่อต่กับกัผู้ใผู้ช้ (User Interface หรือรื UI)เพ่ือเป็นป็ตัวตักลางการใช้งช้านต่าต่งๆ ความหมายของการพัฒพันาโปรแกรมบนอปุกปุรณ์เณ์คลื่อลื่นที่ การพัฒพันาโปรแกรมบนอุปอุกรณ์เณ์คลื่อลื่นท่ีหรือรืการพัฒพันาโมบายแอปพลิเลิคชันชัหรือรืการพัฒพันา แอปพลิเลิคชั่นชั่บนมือมืถือถืหมายถึงถึ การพัฒพันาโปรแกรมหรอื ซอฟแวร์สร์าหรับรัอุปอุกรณ์พณ์กพาการสร้าร้ง แอปลิเลิคชันชับนมือมืถือถืเช่นช่สมาร์ทร์ โฟน (Smart phone) แท็บท็เล็ตล็ (Tablet) ซึ่งซึ่ผู้พัผู้ ฒพันาจะ เขียขีนแอปลิเลิคชันชัเพื่อพื่ใช้ปช้ระโยชน์ บางอย่าย่งจากอุปอุกรณ์ขณ์องมือมืถือถืท่ีมีคุมีณคุลักลัษณะเฉพาะ เช่นช่ เซ็นซ็เซอร์ตร์รวจจับจัลักลัษณะการเคลื่อลื่นไหวของ สมาร์ทร์ โฟน (Accelerator Sensor), GPS และ ข้อข้มูลมู 3 หลักลัการพัฒพันาโปรแกรมบนอุป อุ กรณ์พณ์กพาเบื้อบื้งต้น ต้ 1ความหมายของการพัฒพันาโปรแกรมบนอปุกปุรณ์เณ์คลื่อลื่นที่ Mobile Applicationประกอบด้วด้ย 1)Mobileคือคือุปอุกรณ์ส่ืณ์ ส่ือสารที่ใที่ ช้ใช้นการพกพา ซึ่งซึ่นอกจากจะใช้งช้านได้ตด้ามพื้นพื้ฐานของ โทรศัพศัท์แล้วล้ยังยัทางานได้เด้หมือมืนกับกัเครื่อรื่งคอมพิวพิเตอร์ เน่ืองจากเป็นป็อุปอุกรณ์ที่ณ์พ ที่ กพาได้จึด้งจึมี คุณคุสมบัติบัเติด่นด่คือคืขนาดเล็กล็น้าน้หนักนัเบาใช้พช้ลังลังานค่อค่นข้าข้งน้อน้ย ปัจปัจุบัจุนบัมักมัใช้ทช้าหน้าน้ที่ไที่ ด้หด้ลา ยอยา่ งในการตดิต่อต่แลกเปล่ียนข่าข่วสารกับกัคอมพิวพิเตอร์
อุปอุกรณ์แณ์บบพกพา 1 โน๊ตน๊บุคบุ (Notebook)เป็นป็คอมพิวพิเตอร์ขร์นาดเล็กล็พกพาได้สด้ะดวกใช้ไช้ด้ทั้ด้งทั้ไฟบ้าบ้นและ แบตเตอรี่ 2.เท็บท็เล็ตล็ (Tablet)เป็นป็คอมพิวพิเตอร์ที่ร์ส ที่ ามารถทำ งานทุกทุอย่าย่งได้เด้ลยบนจอภาพสั่งสั่งานโดย ใช้กช้ารสัมสัผัสผัแทนการใช้แช้ป้นป้พิมพิพ์แพ์ละเมาส์ 3.สมาร์ทร์ โฟน(Smartphone)เป็นป็ โทรศัพศัท์มืท์อมืถือถืที่พิ ที่ เพิศษโดยเพิ่มพิ่เติมติส่วส่นของ PDAกล้อล้ง วิดีวิโดีอ เครื่อรื่งเล่นล่ MP3 เข้าข้ไป 4 ประเภทของอุป อุ กรณ์พณ์กพา อุปอุกรณ์สื่ณ์สื่อสื่สารไร้สร้าย การติดติต่อต่สื่อสื่สารระหว่าว่งกันกัการพบปะแลกเปลี่ย ลี่ นข้อข้มูลมูข่าข่วสารระหว่าว่งกันกัก็ไก็ด้รัด้บรับจากการ ติดติต่อต่สื่อสื่สารกันกัในระหว่าว่งกลุ่มลุ่ชุมชุชนเดียดีวกันกัก็มีก็กมีารติดติต่อต่สื่อสื่สารเพื่อพื่ให้เห้กิดกิความสะดวก และรวดเร็วร็ขึ้นขึ้
ระบบปฏิบัฏิติบักติารบนอุป อุ กรณ์พณ์กพา 1. iOS (ไอโอเอส) หรือรืชื่อชื่เดิมดิคือคื iPhone OS (ไอโฟนโอเอส) ระบบปฏิบัฏิติบักติารที่พั ที่ ฒพันาขึนมาโดยApple Inc. หรือรืในชื่อชื่เดิมดิคือคื Apple Computer Inc เพื่อพื่ รองรับรัอุปอุกรณ์พณ์กพาต่าต่งๆเช่นช่ iPhone , iPad, iPod เป็นป็ต้นต้ผู้ใผู้ช้งช้านสามารถเข้าข้ถึงถึ Application Store ได้จด้ากApple App Store 2. Android (แอนดรอยด์)ด์ ระบบปฏิบัฏิติบักติารที่ถู ที่ กถูพัฒพันาโดยAndroid Inc. จากนันบริษัริทษั Google ได้เด้ข้าข้ซื อกิจกิการรวมทัง บุคบุลากรทังหมดเพื่อพื่น้าน้มาพัฒพันาต่อต่ซึ่งซึ่ระบบดังดักล่าล่วได้ถูด้กถูน้าน้ไปใช้กัช้บกัอุปอุกรณ์พณ์กพาต่าต่ง ผู้ใผู้ช้งช้านสามารถเข้าข้ถึงถึ Google Play Store 3.Windows Phone (วินวิโดว์โว์ฟน) ระบบปฏิบัฏิติบักติารที่พั ที่ ฒพันาโดยบริษัริทษั Microsoft ซึ่งซึ่เป็นป็ ระบบปฏิบัฏิติบักติารส้าส้หรับรัโทรศัพศัท์มืท์อมืถือถืเวอร์ชัร์นชัล่าล่สุดสุ (โดยก่อก่นหน้าน้นีใช้ชื่ช้อชื่ว่าว่ WindowsMobile)ผู้ใผู้ช้งช้านสามารถเข้าข้ถึงถึ Application Store ไ 5
6 เครื่อรื่งมือมืพัฒพันาระบบปฏิบัฏิติบักติารอุป อุ กรณ์พณ์กพา เครื่อรื่งมือมืพัฒพันาระบบปฏิบัฏิติบักติารอุปอุกรณ์พณ์กพา •1. Eclipse เครื่อรื่งมือมืพัฒพันาระบบปฏิบัฏิติบักติารอุปอุกรณ์พณ์กพา •1. Eclipse เครื่อรื่งมือมืพัฒพันาระบบปฏิบัฏิติบักติารอุปอุกรณ์พณ์กพา •2.MIT App Inventor เครื่อรื่งมือมืพัฒพันาระบบปฏิบัฏิติบักติารอุปอุกรณ์พณ์กพา •4. Thunkable เครื่อรื่งมือมืพัฒพันาระบบปฏิบัฏิติบักติารอุปอุกรณ์พณ์กพา •5. Android Studio เครื่อรื่งมือมืพัฒพันาระบบปฏิบัฏิติบักติารอุปอุกรณ์พณ์กพา •6. Swift เครื่อรื่งมือมืพัฒพันาระบบปฏิบัฏิติบักติารอุปอุกรณ์พณ์กพา •7. JavaScript เครื่อรื่งมือมืพัฒพันาระบบปฏิบัฏิติบักติารอุปอุกรณ์พณ์กพา •8. Objective-C เครื่อรื่งมือมืพัฒพันาระบบปฏิบัฏิติบักติารอุปอุกรณ์พณ์กพา •9. Kotlin เครื่อรื่งมือมืพัฒพันาระบบปฏิบัฏิติบักติารอุปอุกรณ์พณ์กพา •10. Flutter เครื่อรื่งมือมืพัฒพันาระบบปฏิบัฏิติบักติารอุปอุกรณ์พณ์กพา •11. Visual Studio เครื่อรื่งมือมืพัฒพันาระบบปฏิบัฏิติบักติารอุปอุกรณ์พณ์กพา •12. SQLite เครื่อรื่งมือมืพัฒพันาระบบปฏิบัฏิติบักติารอุปอุกรณ์พณ์กพา •13. AppMakr เครื่อรื่งมือมืพัฒพันาระบบปฏิบัฏิติบักติารอุปอุกรณ์พณ์กพา •14. Dart เครื่อรื่งมือมืพัฒพันาระบบปฏิบัฏิติบักติารอุปอุกรณ์พณ์กพา •15. Kodular
7 1.Menu เป็นป็แหล่งล่รวมคำ สั่งสั่ที่เ ที่ อาไว้ใว้ช้สำช้สำหรับรัแอปพลิเลิคชันชันั้นนั้ดังดันี้ Project เป็นป็เมนูสำนูสำหรับรัจัดจัการ Project เช่นช่สร้าร้ง Project ใหม่หรือรืลบProject เป็นป็ต้นต้ Test ใช้แช้สดงผลการทำ งานเมื่อมื่จำ ลองผ่าผ่นมือมืถือถืจริงริๆ Export สามารถนำ Project เราแปลงเป็นป็ ไฟล์ APK ไฟล์ที่ล์ส ที่ ามารถติดติตั้งตั้บนมือมืถือถื Help เมื่อมื่มีปัมีญปัหาสามารถแจ้งจ้ได้ My Project แหล่งล่รวบรวมProject ของเราที่ส ที่ ร้าร้งไว้ Community แหล่งล่พูดพูคุยคุแลกเปลี่ย ลี่ นถามปัญปัหาเกี่ย กี่ วกับกั Kodular 2. Design ใช้อช้อกแบบหน้าน้จอแอปพลิเลิคชันชัที่เ ที่ ราจะสร้าร้ง 3. Screen แสดงผลการออกแบบหน้าน้จอแอปพลิเลิคชันชั ใช้สำช้สำหรับรัลากวางส่วส่นประกอบ (Component)Advertisement 4. Blocks ใช้อช้อกแบบการทำ งานของแอปพลิเลิคชันชัลาก- วางบล็อล็คการทำ งานที่เ ที่ปรียรีบ เสมือมืการเขียขีนCode 5. Property ใช้กำช้ กำหนดคุณคุสมบัติบัขติองแอปพลิเลิคชันชัและกำ หนดคุณคุสมบัติบัขติองส่วส่น ประกอบ(Component)ต่าต่งๆ วิธีวิกธีารใช้งช้านKodular 1 ลงทะเบียบีนเข้าข้ใช้งช้านที่Kodularทำ การลงทะเบียบีนและเข้าข้สู่รสู่ ะบบ 2 สร้าร้ง Projectคลิกลิที่Create NewProject และทำ การตั้งตั้ชื่อชื่ Project 3 ออกแบบหน้าน้แอปพลิเลิคชันชัออกแบบหน้าน้จอแอปพลิเลิคชันชัตามที่เ ที่ ราต้อต้งการ เพียพีงแค่ ลาก-วางส่วส่นประกอบ(Component)ที่มี ที่ ใมีนKodular เท่าท่นั้นนั้ การใช้เ ช้ ครื่อรื่งมือมืในการพัฒพันาโปรแกรมบนอุป อุ กรณ์พณ์กพา
4ออกแบบการทำ งานของแอปพลิเลิคชันชัถ้าถ้ต้อต้งการให้แห้อปพลิเลิคชันชัทำ งานตามต้อต้งการ สามารถลาก-วางบล็อล็คมาต่อต่กันกัแบบจิ๊กจิ๊ซอล ซึ่งซึ่ผู้พัผู้ ฒพันา KodularมีKodular Docs และ Kodular Videoที่เ ที่ป็นป็ภาษาอังอักฤษเพื่อพื่อธิบธิายการทำ งานและการใช้งช้านบล็อล็คแต่ลต่ะบล็อล็ค เอาไว้ 5 ดาวน์โน์หลดแอปพลิเลิคชันชั Kodular Companion ได้ที่ด้ ที่Kodular Companion ลงในโทรศัพศัท์ มือมืถือถืหรือรืแท็บท็เล็ตล็ระบบปฏิบัฏิติบักติาร Androidผ่าผ่นทาง Play Store เพื่อพื่ใช้ตช้รวจสอบการ ทำ งานเพื่อพื่ดูข้ดูอข้ผิดผิพลาดการทำ งานของแอปพลิเลิคชันชัที่เ ที่ ราสร้าร้งบนโทรศัพศัท์มืท์อมืถือถืหรือรื แท็บท็เล็ตล็ 6 ตรวจสอบการทำ งานKodular Companionบนโทรศัพศัท์มืท์อมืถือถืหรือรืแท็บท็เล็ตล็เพียพีงแค่ สแกนQR codeที่เ ที่ มนูTest และคลิกลิที่Connect to companion จากProjectที่เ ที่ ราสร้าร้ง 8