Page 26 - 4-4studylife
P. 26

17



                                                                                  ิ
               Application) ก็มักจะใช้วิธีการเดียวกันกับแอปพลิเคชันมือถือ ก็คือการเรียกใช้บรการ API เพื่อมาแสดงข้อมูล
                            ์
               บนหน้าเว็บไซต [7]




               เฟรมเวิร์ค Ionic














                                                      ภาพท 3.6 Ionic
                                                           ี่

                        เฟรมเวิร์ค Ionic framework เป็นเครื่องมือที่ใช้ในการพัฒนาแอปพลิเคชันแบบไฮบริด คือเรา

               สามารถพัฒนาแอปครั้งเดียวแล้วนำไปใชได้หลายแพลตฟอร์มเช่น Android และ iOS ที่ได้รับความนิยมใน
                                                  ้
               ปัจจุบัน ตัว ionic framework เองจะใช้เทคโนโลยีในการพัฒนาคือ HTML5, CSS3 เพราะว่าแกนหลักของ
               Ionic นั้นก็คือเฟรมเวิร์ค AngularJS

                       ข้อดีของ Ionic คือมีความใกล้เคียงกับแอปพลิเคชันแบบ Native มาก ทั้งหน้าตา ส่วนติดต่อกับผู้ใช  ้

               และการใช้งาน นอกจากนั้นยังสามารถพัฒนาให้ติดต่อกับฮาร์ดแวรของอุปกรณ์ได้ด้วย เช่น กล้อง ไมโครโฟน
                                                                       ์
                                                  ็
               การตรวจสอบการเชื่อมต่ออินเทอรเน็ต เปนต้น โดยใช้งานร่วมกับ Apache Cordova
                                            ์
                                                                                                        ั
                       ต่อมาใน Ionic รุ่นที่ 2 เป็นต้นไปได้เปลี่ยนมาใช้แกนหลักเป็น Angular (AngularJS ไม่เหมือนกบ
               Angular) แทน ทำให้เปลี่ยนจากการใช้ภาษา JavaScript มาเป็น TypeScript และในปัจจุบัน Ionic ไม่ได ้
               รองรับเฟรมเวิร์ค Angular เท่านั้น แต่ยังรองกับเฟรมเวิร์คอื่น ๆ เช่น ReactJS และ VueJS เป็นต้น [8]





               เฟรมเวิร์ค AngularJs















                                                   ภาพท 3.7 AndulgrJs
                                                        ี่



                                                                        คู่มือการพัฒนาแอปพลิเคชัน Study Life
   21   22   23   24   25   26   27   28   29   30   31