SlideShare a Scribd company logo
1 of 13
Evening Learning Series – 6 OCT 2014 
Appery.io - BASIC 
ขยพล เหมาะเหม็ง 
mchayapol@scitech.au.edu 
ภาควิชาวิทยาการคอมพิวเตอร์ 
มหาวิทยาลัยอัสสัมชัญ 
www.cs.au.edu
Appery.io 
Webinar 
Series 
1.Basic 
2.Database 
3.Open Authentication
Mobile app 
 Native App 
 ติดกับ Platformที่เลือกพัฒนา 
 พัฒนาโดยใช้ Platform SDK นัน้ๆ 
 ใช้งานแบบ Offline ได้ 
 ใช้ Native API ได้ เช่น กล้อง ลาโพง 
ฯลฯ 
 งานด้าน Graphics เร็วกกว่า** 
 ขึน้App Store ได้ 
 Mobile Web App (HTML5) 
 ไม่ยึดติดกับ platform 
 พัฒนาโดยใช้ HTML5, CSS3, 
JavaScript 
 อาจร่วมกับ Server Side เช่น 
PHP, ASP.NET 
 ใช้งานโดยเรียกจาก Web Server 
 Update ทันทีเมื่อ App ที่ Web 
Server Update 
 Hybrid App 
 ไม่ยึดติดกับ platform 
 พัฒนาโดยใช้ HTML5, CSS3, 
JavaScript 
 ใช้งานแบบ Offline ได้ 
 ใช้ Native API ได้ เช่น กล้อง ลาโพง 
ฯลฯ 
 ขึน้App Store ได้
Appery.io Visual Builder
Example 
 Internet Banking 
 Online Sport Report 
 Property Search 
 Online Shopping (Lazada, Ensogo) 
 Person Accounting 
 Booking
Get started
Get started 
 เปิดไปที่ www.appery.io 
 บางครัง้ web browser ที่ท่านใช้อาจใช้งานไม่ได้ เพราะ 
Plug-in บางตัว 
Register 
 Free plan จากัดสร้างงานได้ 1 app 3 pages 
 สร้าง App ที่ต่อ Database อย่างง่าย 
 http://devcenter.appery.io/tutorials/bu 
ilding-your-first-mobile-app/
Warehouse 
App
Q&A 
Next Webinar Announcement 
https://www.facebook.com/auscitech 
Evening Learning Series – 6 OCT 2014 
ภาควิชาวิทยาการคอมพิวเตอร์ 
มหาวิทยาลัยอัสสัมชัญ 
www.cs.au.edu
References 
 Appery Tutorial, www.appery.io 
 SaleForce, Native, HTML5, or Hybrid: Understanding Your 
Mobile Application Development Options, URL 
https://developer.salesforce.com/page/Native,_HTML5,_or 
_Hybrid:_Understanding_Your_Mobile_Application_Developm 
ent_Options

More Related Content

Viewers also liked

Comparaison de plateformes Cloud
Comparaison de plateformes CloudComparaison de plateformes Cloud
Comparaison de plateformes CloudQuentin Apruzzese
 
The Editor is Important - Modern WYSIWYG Editing
The Editor is Important - Modern WYSIWYG EditingThe Editor is Important - Modern WYSIWYG Editing
The Editor is Important - Modern WYSIWYG EditingDamien Fitzpatrick
 
Creating mobile apps - an introduction to Ionic (Engage 2016)
Creating mobile apps - an introduction to Ionic (Engage 2016)Creating mobile apps - an introduction to Ionic (Engage 2016)
Creating mobile apps - an introduction to Ionic (Engage 2016)Mark Leusink
 
Creating a WYSIWYG Editor with React
Creating a WYSIWYG Editor with ReactCreating a WYSIWYG Editor with React
Creating a WYSIWYG Editor with Reactpeychevi
 
TinyMCE: WYSIWYG editor 2010-12-08
TinyMCE: WYSIWYG editor 2010-12-08TinyMCE: WYSIWYG editor 2010-12-08
TinyMCE: WYSIWYG editor 2010-12-08Andy Gelme
 
Lean prototyping - Talk @ Alibaba UED
Lean prototyping - Talk @ Alibaba UEDLean prototyping - Talk @ Alibaba UED
Lean prototyping - Talk @ Alibaba UEDTony (Soo) Kim
 
UX Prototyping Tools
UX Prototyping ToolsUX Prototyping Tools
UX Prototyping ToolsHomam Bahrani
 
Say hello to Xamarin 3
Say hello to Xamarin 3Say hello to Xamarin 3
Say hello to Xamarin 3Xamarin
 
Use Ionic Framework to develop mobile application
Use Ionic Framework to develop mobile applicationUse Ionic Framework to develop mobile application
Use Ionic Framework to develop mobile applicationLucio Grenzi
 
Rapid mobile app development using Ionic framework
Rapid mobile app development using Ionic frameworkRapid mobile app development using Ionic framework
Rapid mobile app development using Ionic frameworkSwaminathan Vetri
 
Intro to Ionic for Building Hybrid Mobile Applications
Intro to Ionic for Building Hybrid Mobile ApplicationsIntro to Ionic for Building Hybrid Mobile Applications
Intro to Ionic for Building Hybrid Mobile ApplicationsSasha dos Santos
 
Unlock the next era of UI design with Polymer
Unlock the next era of UI design with PolymerUnlock the next era of UI design with Polymer
Unlock the next era of UI design with PolymerRob Dodson
 
Pretty Matters: Web Components, Material Design and Polymer
Pretty Matters: Web Components, Material Design and PolymerPretty Matters: Web Components, Material Design and Polymer
Pretty Matters: Web Components, Material Design and PolymerMaria Clara Santana
 
Ionic - Revolutionizing Hybrid Mobile Application Development
Ionic - Revolutionizing Hybrid Mobile Application DevelopmentIonic - Revolutionizing Hybrid Mobile Application Development
Ionic - Revolutionizing Hybrid Mobile Application DevelopmentJustin James
 

Viewers also liked (18)

Ionic creator
Ionic creatorIonic creator
Ionic creator
 
Comparaison de plateformes Cloud
Comparaison de plateformes CloudComparaison de plateformes Cloud
Comparaison de plateformes Cloud
 
The Editor is Important - Modern WYSIWYG Editing
The Editor is Important - Modern WYSIWYG EditingThe Editor is Important - Modern WYSIWYG Editing
The Editor is Important - Modern WYSIWYG Editing
 
Creating mobile apps - an introduction to Ionic (Engage 2016)
Creating mobile apps - an introduction to Ionic (Engage 2016)Creating mobile apps - an introduction to Ionic (Engage 2016)
Creating mobile apps - an introduction to Ionic (Engage 2016)
 
Creating a WYSIWYG Editor with React
Creating a WYSIWYG Editor with ReactCreating a WYSIWYG Editor with React
Creating a WYSIWYG Editor with React
 
TinyMCE: WYSIWYG editor 2010-12-08
TinyMCE: WYSIWYG editor 2010-12-08TinyMCE: WYSIWYG editor 2010-12-08
TinyMCE: WYSIWYG editor 2010-12-08
 
Wysiwyg
WysiwygWysiwyg
Wysiwyg
 
Lean prototyping - Talk @ Alibaba UED
Lean prototyping - Talk @ Alibaba UEDLean prototyping - Talk @ Alibaba UED
Lean prototyping - Talk @ Alibaba UED
 
UX Prototyping Tools
UX Prototyping ToolsUX Prototyping Tools
UX Prototyping Tools
 
Say hello to Xamarin 3
Say hello to Xamarin 3Say hello to Xamarin 3
Say hello to Xamarin 3
 
Use Ionic Framework to develop mobile application
Use Ionic Framework to develop mobile applicationUse Ionic Framework to develop mobile application
Use Ionic Framework to develop mobile application
 
Rapid mobile app development using Ionic framework
Rapid mobile app development using Ionic frameworkRapid mobile app development using Ionic framework
Rapid mobile app development using Ionic framework
 
Intro to Ionic for Building Hybrid Mobile Applications
Intro to Ionic for Building Hybrid Mobile ApplicationsIntro to Ionic for Building Hybrid Mobile Applications
Intro to Ionic for Building Hybrid Mobile Applications
 
Unlock the next era of UI design with Polymer
Unlock the next era of UI design with PolymerUnlock the next era of UI design with Polymer
Unlock the next era of UI design with Polymer
 
Ionic framework
Ionic frameworkIonic framework
Ionic framework
 
Pretty Matters: Web Components, Material Design and Polymer
Pretty Matters: Web Components, Material Design and PolymerPretty Matters: Web Components, Material Design and Polymer
Pretty Matters: Web Components, Material Design and Polymer
 
Ionic - Revolutionizing Hybrid Mobile Application Development
Ionic - Revolutionizing Hybrid Mobile Application DevelopmentIonic - Revolutionizing Hybrid Mobile Application Development
Ionic - Revolutionizing Hybrid Mobile Application Development
 
Intro to Prototyping
Intro to PrototypingIntro to Prototyping
Intro to Prototyping
 

Similar to Appery.io - Basic

บทที่ 2 เอกสารและงานวิจัยที่เกี่ยวข้อง เนื้อหา
บทที่ 2 เอกสารและงานวิจัยที่เกี่ยวข้อง เนื้อหาบทที่ 2 เอกสารและงานวิจัยที่เกี่ยวข้อง เนื้อหา
บทที่ 2 เอกสารและงานวิจัยที่เกี่ยวข้อง เนื้อหาVisiene Lssbh
 
Mobile Application for Education (โมบายแอปพลิเคชันเพื่อการศึกษา)
Mobile Application for Education (โมบายแอปพลิเคชันเพื่อการศึกษา)Mobile Application for Education (โมบายแอปพลิเคชันเพื่อการศึกษา)
Mobile Application for Education (โมบายแอปพลิเคชันเพื่อการศึกษา)Kanda Runapongsa Saikaew
 
Digital Innovative Thinking and Coding
Digital Innovative Thinking and CodingDigital Innovative Thinking and Coding
Digital Innovative Thinking and CodingMayuree Srikulwong
 
โปรแกรมประยุกต์บนเว็บ
โปรแกรมประยุกต์บนเว็บโปรแกรมประยุกต์บนเว็บ
โปรแกรมประยุกต์บนเว็บanuchit025
 
โครงงาน
โครงงานโครงงาน
โครงงานNamfon12
 
คู่มือการใช้งานโปรแกรมพัฒนา Application สำหรับระบบปฏิบัติการ i os
คู่มือการใช้งานโปรแกรมพัฒนา Application สำหรับระบบปฏิบัติการ i osคู่มือการใช้งานโปรแกรมพัฒนา Application สำหรับระบบปฏิบัติการ i os
คู่มือการใช้งานโปรแกรมพัฒนา Application สำหรับระบบปฏิบัติการ i osNisachol Poljorhor
 
โครงงาน
โครงงานโครงงาน
โครงงานsasitorn256
 
โครงงาน
โครงงานโครงงาน
โครงงานsasitorn256
 
โครงงาน
โครงงานโครงงาน
โครงงานsasitorn256
 
โครรงาน
โครรงานโครรงาน
โครรงานsasitorn256
 
โครงงาน
โครงงานโครงงาน
โครงงานsasitorn256
 
โครงงาน
โครงงานโครงงาน
โครงงานsasitorn256
 
โครงงาน
โครงงานโครงงาน
โครงงานsasitorn256
 

Similar to Appery.io - Basic (20)

บทที่ 2 เอกสารและงานวิจัยที่เกี่ยวข้อง เนื้อหา
บทที่ 2 เอกสารและงานวิจัยที่เกี่ยวข้อง เนื้อหาบทที่ 2 เอกสารและงานวิจัยที่เกี่ยวข้อง เนื้อหา
บทที่ 2 เอกสารและงานวิจัยที่เกี่ยวข้อง เนื้อหา
 
Phonegap book
Phonegap bookPhonegap book
Phonegap book
 
Mobile Application for Education (โมบายแอปพลิเคชันเพื่อการศึกษา)
Mobile Application for Education (โมบายแอปพลิเคชันเพื่อการศึกษา)Mobile Application for Education (โมบายแอปพลิเคชันเพื่อการศึกษา)
Mobile Application for Education (โมบายแอปพลิเคชันเพื่อการศึกษา)
 
Digital Innovative Thinking and Coding
Digital Innovative Thinking and CodingDigital Innovative Thinking and Coding
Digital Innovative Thinking and Coding
 
Lesson1
Lesson1Lesson1
Lesson1
 
โปรแกรมประยุกต์บนเว็บ
โปรแกรมประยุกต์บนเว็บโปรแกรมประยุกต์บนเว็บ
โปรแกรมประยุกต์บนเว็บ
 
Joomla CMS
Joomla CMSJoomla CMS
Joomla CMS
 
Main present
Main presentMain present
Main present
 
Blog : Wordpress
Blog : WordpressBlog : Wordpress
Blog : Wordpress
 
โครงงาน
โครงงานโครงงาน
โครงงาน
 
คู่มือการใช้งานโปรแกรมพัฒนา Application สำหรับระบบปฏิบัติการ i os
คู่มือการใช้งานโปรแกรมพัฒนา Application สำหรับระบบปฏิบัติการ i osคู่มือการใช้งานโปรแกรมพัฒนา Application สำหรับระบบปฏิบัติการ i os
คู่มือการใช้งานโปรแกรมพัฒนา Application สำหรับระบบปฏิบัติการ i os
 
Ppt elearning day
Ppt elearning dayPpt elearning day
Ppt elearning day
 
โครงงาน
โครงงานโครงงาน
โครงงาน
 
โครงงาน
โครงงานโครงงาน
โครงงาน
 
โครงงาน
โครงงานโครงงาน
โครงงาน
 
โครรงาน
โครรงานโครรงาน
โครรงาน
 
โครงงาน
โครงงานโครงงาน
โครงงาน
 
โครงงาน
โครงงานโครงงาน
โครงงาน
 
โครงงาน
โครงงานโครงงาน
โครงงาน
 
CloudComputing
CloudComputingCloudComputing
CloudComputing
 

Appery.io - Basic

  • 1. Evening Learning Series – 6 OCT 2014 Appery.io - BASIC ขยพล เหมาะเหม็ง mchayapol@scitech.au.edu ภาควิชาวิทยาการคอมพิวเตอร์ มหาวิทยาลัยอัสสัมชัญ www.cs.au.edu
  • 2. Appery.io Webinar Series 1.Basic 2.Database 3.Open Authentication
  • 3. Mobile app  Native App  ติดกับ Platformที่เลือกพัฒนา  พัฒนาโดยใช้ Platform SDK นัน้ๆ  ใช้งานแบบ Offline ได้  ใช้ Native API ได้ เช่น กล้อง ลาโพง ฯลฯ  งานด้าน Graphics เร็วกกว่า**  ขึน้App Store ได้  Mobile Web App (HTML5)  ไม่ยึดติดกับ platform  พัฒนาโดยใช้ HTML5, CSS3, JavaScript  อาจร่วมกับ Server Side เช่น PHP, ASP.NET  ใช้งานโดยเรียกจาก Web Server  Update ทันทีเมื่อ App ที่ Web Server Update  Hybrid App  ไม่ยึดติดกับ platform  พัฒนาโดยใช้ HTML5, CSS3, JavaScript  ใช้งานแบบ Offline ได้  ใช้ Native API ได้ เช่น กล้อง ลาโพง ฯลฯ  ขึน้App Store ได้
  • 4.
  • 5.
  • 6.
  • 8. Example  Internet Banking  Online Sport Report  Property Search  Online Shopping (Lazada, Ensogo)  Person Accounting  Booking
  • 10. Get started  เปิดไปที่ www.appery.io  บางครัง้ web browser ที่ท่านใช้อาจใช้งานไม่ได้ เพราะ Plug-in บางตัว Register  Free plan จากัดสร้างงานได้ 1 app 3 pages  สร้าง App ที่ต่อ Database อย่างง่าย  http://devcenter.appery.io/tutorials/bu ilding-your-first-mobile-app/
  • 12. Q&A Next Webinar Announcement https://www.facebook.com/auscitech Evening Learning Series – 6 OCT 2014 ภาควิชาวิทยาการคอมพิวเตอร์ มหาวิทยาลัยอัสสัมชัญ www.cs.au.edu
  • 13. References  Appery Tutorial, www.appery.io  SaleForce, Native, HTML5, or Hybrid: Understanding Your Mobile Application Development Options, URL https://developer.salesforce.com/page/Native,_HTML5,_or _Hybrid:_Understanding_Your_Mobile_Application_Developm ent_Options

Editor's Notes

  1. https://developer.salesforce.com/page/Native,_HTML5,_or_Hybrid:_Understanding_Your_Mobile_Application_Development_Options
  2. Cloud-based รวมพลัง HTML5 jQuery Mobile Hybrid Mobile App Builder สร้าง Hybrid App ด้วย with Apache Cordova (PhoneGap) ตัวเครื่องมืออยู่บน Cloud จึงไม่ต้องติดตั้งอะไร ใช้งานผ่าน Browser ได้เลย