1. อบรมเชิง ปฏิบ ัต ิก าร
M Web
Technology and
HTML5วิท ยากร ชีว ิน บัว
ผัน
@best0032001

2. steve job ได้กล่าวว่าโลก
ของเราได้ เข้าสูยุคใหม่ที่
่
เรียกว่า Post-PC Era

3. คนจำานวนมากขึ้นจะเข้าถึง
Internet ผ่าน Mobile Device ใน
ยุคของ Post-PC Era

4. Web Site ส่วนใหญ่ในอดีตพัฒนาเพือ ่
สำาหรับการใช้บน PC ซึ่งไม่ซะดวกกับ
การใช้งานในอุปกรณ์ยคใหม่
ุ

5. HTML5 เทคโนโลยี Web ยุค
ใหม่ทมากกว่าการเป็น Web
ี่

6. What is HTML5 ?

7. HTML5 สามารถ สร้าง Game และ
Animation ได้ ด้วยเองไม่ต้องพึ่งพา ส่วน
เสริม เช่น flash อีกต่อไป

8. ในอดีต learning object พัฒนา
จาก Flash
ซึ่งทำางานได้ไม่ดีกบ Mobile
ั
device
แต่ในอนาคต จะมี ของมาแทน
เช่น HTML5

9. Flash กำาลังจะ
หมดอายุ
AIR เข้ามา
แทนflash ใน
การทำา Mobile
APP
EDGE เข้ามา
แทนflash
ในHTML5
APP

10. ต้องติดตั้ง AIR Runtime Mobile
device จึงจะสามารถ ใช้ App ที่
พัฒนาด้วย AIR ได้

11. การพัฒนา Web
App
ยุคใหม่ ควรพัฒนา
Mobile version
เพิ่มจากเดิม เพื่อการ
ใช้งาน
บนMobile device
ได้ สะดวก HTML5
สามารถช่วยให้ M
web ทำางานได้แบบ
Mobile App

12. HTML5 สามารถสร้าง Mobile
Application โดยใช้เครื่องมือเสริมเช่น

13. • เว็บบราวเซอร์ (เช่น Internet Explorer, Firefox, Chrome etc.) เวอร์ชนใหม่ ๆ ได้เริ่มรองรับ
ั่
HTML5 แล้ว แต่ก็ไม่ได้รองรับความสามารถทังหมด ดังนั้นก่อนใช้ความสามารถไหนของ
้
HTML5 แนะนำาให้ตรวจสอบจาก ตารางเปรียบเทียบการรองรับ HTML5 และ CSS3 จาก
บราวเซอร์ตาง ๆ (http://www.findmebyip.com/litmus)
่

14. ทดสอบความ
สามารถของ Web
browser ของคุณ
ว่ารองรับ HTML5
มากแค่ไหน ด้วย
html5test.com

15. ใน Android 4.0
Web browser ที่ สามารถติดตั้ง
ติดมากับ Android Web browser
ทำางานกับ Chrome ซึ่งทำาให้
HTML5 ได้ไม่เต็ม android ใช้
ที่ HTML5 ได้เต็มที่

16. Kendo UI Mobile
Kendo UI
Mobile เครื่องมือ
พัฒนา Mobile
webให้ที่หน้าตา
เหมือน Mobile
App ที่สวยงาม
แต่มค่าใช้จ่ายที่สูง
ี

17. Sencha Touch 2
Sencha Touch 2
ครื่องมือ พัฒนา
Mobile webให้ที่
หน้าตาเหมือน
Mobile App ทีมี
่
ประสิทธิ์ภาพสูง
แต่พฒนาได้ช้า
ั

18. Jquerymobile
Jquerymobile
เครื่องมือ พัฒนา
Mobile webให้ที่
หน้าตาเหมือน
Mobile App ที่
เป็น Opensorce
และกำาลังได้รับ
ความนิยมอย่างสูง

19. Jquerymobile tool
Jquerymobile
Tool เครื่องมือ
ออกแบบ UI ทีมี ่
ความสะดวกใน
การใช้งานผ่าน
ทาง หน้า web

20. Q&A