Techcon Cybernet

Thai (ภาษาไทย)English (United Kingdom)

Blog

blog

Displaying items by tag: web

ปัญหาที่พบระหว่างการอัพเกรด

ปัญหาคือเวลานำโค้ดที่ทำใน Sencha Touch 2.0 มารันภายใต้ Sencha Touch 2.1 แล้วแอพพลิเคชันขึ้นหน้าจอว่างๆ ตรวจสอบใน inspector ก็ไม่เจอ error

วิธีการแก้ไข จะต้องตรวจสอบสิ่งต่างๆต่อไปนี้

  • ตรวจหาโค้ดที่ใช้ Ext.DataView เปลี่ยนเป็น Ext.dataview.DataView
  • ใน app.js ส่วนของ Ext.Loader.setPath จะต้องใช้ 'Ext': 'touch/src' แทนของเดิม คือ 'Ext': 'sdk/src' และจะต้องใส่ชื่อแอพเข้าไปด้วย เช่น 'AppName':'app'
Ext.Loader.setPath({
    'Ext': 'touch/src',
    'Ext.ux': 'ux',
    'AppName': 'app'   
}); 
  • ใน app.js ส่วนของ requires จะต้องเพิ่มการเรียก UX ให้ครบ จากเดิมไม่ต้องใส่ก็ได้
 
requires: [
        'Ext.MessageBox',
        'Ext.device.Connection',
        'Ext.ux.Cover'
    ]
  • ในส่วนของ UX เองก็เช่นกัน ต้องเพิ่ม requires ให้ครบ จากเดิมไม่ต้องใส่ก็ได้
requires:[
        'Ext.dataview.DataView'
    ]
  • ถ้าใช้ UX จะต้องไปเพิ่ม app.classpath ในไฟล์ sencha.cfg ซึ่งอยู่ในโฟลเดอร์ที่ซ่อนไว้ที่ .sencha --> app
app.classpath=${app.dir}/app.js,${app.dir}/app,ux,js 
  • และเพิ่ม UX ใน workspace.classpath ด้วย ในไฟล์ sencha.cfg ซึ่งอยู่ในโฟลเดอร์ที่ซ่อนไว้ที่ .sencha --> workspace
workspace.classpath=ux,js
  • แก้ไขไฟล์ config.rb ด้วยในกรณีที่ใช้ SASS ในการจัดการ theme โดยแก้ sdk เปลี่ยนเป็น touch แทน
Published in Sencha Touch
Thursday, 10 January 2013 16:38

HTML5 มีอะไรใหม่

HTML5 มีอะไรใหม่

สิ่งที่ HTML5 มีให้นั้น คือความสามารถในการจัดการกับข้อมูล มัลติมีเดีย กราฟฟิก การเชื่อมต่อ ด้วยความรวดเร็วและมีประสิทธิภาพมากขึ้น

MULTIMEDIA AND GRAPHICS

การจัดการกับมัลติมีเดียและกราฟฟิก รวมไปถึงแอนนิเมชั่น สเปเชียลเอ็ฟเฟ็คต่างๆ สามารถทำได้โดยใช้มาตรฐานใหม่ๆ เช่น 3D CSS, canvas, SVG, WebGL

การจัดการกับไฟล์เสียงประเภทต่างๆผ่าน Audio APIs การจัดการเชื่อมต่อผ่าน WebSockets ความสามารถที่เพิ่มขึ้นเหล่านี้ทำให้ HTML5 กลายเป็นแพล็ตฟอร์มสำหรับเกมส์และมัลติมีเดียเทียบเท่ากับบนเดสท์ท็อป

การที่กราฟฟิกสามารถทำงานได้เร็วก็เพราะ HTML5 ทำงานร่วมกับ JavaScript engine ที่ทำงานอย่างรวดเร็ว และใช้การเร่งความเร็วในระดับฮาร์ดแวร์โดย Graphics Processing Unit (GPU) ที่ Browser ต่างๆในปัจจุบันหันมาใช้กัน

OFFLINE AND STORAGE

ปกติเว็บจะต้องเชื่อมต่อแบบออนไลน์ แต่ HTML5 จะมีความสามารถในการเก็บข้อมูลและนำมาใช้แม้ในตอนที่ไม่ได้เชื่อมต่อกับอินเตอร์เน็ต การทำงานแบบ offline ใช้ localStorage, sessionStorage, indexDB และ File System ทำให้ต่อไปผู้ใช้สามารถดาวน์โหลดไฟล์ข้อมูลขนาดใหญ่มากกว่า 1 GB มาเก็บไว้ใช้ในขณะที่ offline ได้

PERFORMANCE

ประสิทธิภาพและความความเร็วของแอพพลิเคชั่นดีขึ้นมาก ด้วยเทคโนโลยีใหม่ๆเช่น Web Workers ที่ทำให้การทำงานแบบ multiple process ใน background สามารถทำได้ การที่สามารถเก็บข้อมูลแบบ offline ทำให้ลดจำนวนการรับส่งข้อมูลกับ server ทำให้โหลดข้อมูลได้เร็วขึ้น

การที่ JavaScript engine มีการพัฒนาความเร็วขึ้นมาก ร่วมกับเทคนิคอื่นๆ เช่น การลดแบนด์วิธที่ใช้ให้น้อยลง การบีบอัดข้อมูล การทำ asynchronous callback ช่วยทำให้การทำงานเร็วขึ้น

Published in HTML5
Thursday, 10 January 2013 16:19

ทำไมต้อง HTML5

HTML5 คืออะไร

HTML5 คือการแก้ไขมาตรฐานภาษา HTML ครั้งที่ 5 ที่มีการปรับปรุงคุณสมบัติต่างๆขึ้นอย่างมากมาย โดยนำเอาเทคโนโลยีใหม่ๆมาผสมผสานกันทั้งในส่วนของ CSS3 และ JavaScript APIs ทำให้ความสามารถของ Web Application เทียบเท่าสิ่งที่แอพลิเคชั่นบนเดสท์ท็อปทำได้ ทั้งในเรื่องของ interactivity และ connectivity

HTML5 มาพร้อมๆกับลูกเล่น ความเร็ว ประสิทธิภาพการทำงาน ที่สามารถเข้าถึงผู้ใช้งานได้โดยไม่จำกัดที่แพลตฟอร์ม หรืออุปกรณ์ เนื่องจากเป็นมาตรฐานที่เป็นกลางที่ร่วมกันพัฒนาโดย Google, Microsoft, Apple, Mozilla, Facebook, IBM, HP, Adobe และอื่นๆ ทำให้ HTML5 คือมาตรฐานของ Web ในยุคต่อจากนี้ไป

Published in HTML5
« June 2017 »
Mon Tue Wed Thu Fri Sat Sun
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30    

Search Blog