HTML5

Asst. Prof. Banyapon Poolsawas December 8, 2018
5,674

การนำไฟล์ Model 3D ขึ้นไปใช้งานบนเว็บไซต์ HTML Documents

ในตอนนี้เทคโนโลยีเว็บได้มี WebGL หรือหลากหลายนวัตกรรมในการนำไฟล์ 3 มิติ หรือ Model 3 มิติไปแสดงผลหน้าเว็บ HTML มาลองวิธีง่ายๆ กัน
Read More »
Asst. Prof. Banyapon Poolsawas July 18, 2014
2,325

Google Text to Speech API ด้วยภาษา PHP

วิธีการพัฒนาแอพพลิเคชันด้วยภาษา PHP ร่วมกับการใช้งาน API ของ Google อย่าง Google Text to Speech API ในการแปลงประโยคเป็นไฟล์ MP3 นำมาออกเสียงผ่านหน้าเว็บไซต์
Read More »
Asst. Prof. Banyapon Poolsawas July 16, 2014
713

ติดตั้ง Cordova สำหรับ Cross Platform ร่วมกับแอพพลิเคชัน iOS

วิธีการติดตั้ง Cordova สำหรับนักพัฒนาสาย Hybrid Application เพื่อใช้ HTMl5 หรือ Mobile Web App มาทำงานร่วมกับ แพลตฟอร์ม iOS ผ่านการติดตั้งร่วมกับ XCode และ Node JS แบบเริ่มต้น
Read More »
Asst. Prof. Banyapon Poolsawas June 12, 2014
761

API ต้อนรับฟุตบอลโลก World Cup in Brazil 2014 กับ footballjs

เข้าสู่ฤดูกาลแข่งขัน World Cup in Brazil 2014 แล้วนะครับ หลายคนอยากทำ API หน้าเว็บดึงตารางอัพเดต Score ก็ขอแนะนำ API OpenFootball และ FootballJS ครับ
Read More »
Asst. Prof. Banyapon Poolsawas May 7, 2014
39,161

วิธีแอบดูว่าใครมาส่อง Profile บน Facebook ของเรา ฉบับเกรียน

Facebook เป็นพื้นที่สาธารณะครับ หลายคนมีคนที่แอบชอบ แต่ไม่เคยเห็นเค้ามา Comment, Like เลย แต่มีความรู้สึกว่าเค้ามาแอบดูเราอยู่บ้างเปล่า เรามีวิธีรู้ครับ
Read More »
Asst. Prof. Banyapon Poolsawas April 17, 2014
1,140

สร้าง Interactive Google Maps ให้น่าสนใจด้วย jMapping

jMapping เป็น jQuery Plugin ตัวหนึ่งที่ใช้งานร่วมกับ Google Maps เน้นการปรับแต่ง และติดตั้งที่ง่ายมากครับแค่ Javascript ไม่กี่บรรทัดก็แสดงผล Interactive ได้
Read More »
Asst. Prof. Banyapon Poolsawas February 13, 2014
587

เพิ่มภาพ Complex Marker บน Google Maps JavaScript API v3

ตัวอย่างการใช้งาน Google Maps JavaScript API v3 ในการวางรูปภาพ Complex Marker ด้วยภาพกราฟิกนามสกุล png ลงไปใน Google Maps ให้น่าสนใจกว่า Marker ตัวเดิม
Read More »
Asst. Prof. Banyapon Poolsawas January 27, 2014
2,187

รวมเทคนิคเขียนโปรแกรมร่วมกับ Google Maps JavaScript API v3

วิธีการเขียนโปรแกรมร่วมกับ Google Maps JavaScript API v3 ที่เน้นในการ Render Maps หรือแผนที่ของเราให้สวยงามโดยการทำงานเน้นที่ Javascript และ Google Maps API
Read More »
Asst. Prof. Banyapon Poolsawas January 26, 2014
663

รวมเทคนิคเขียนโปรแกรมร่วมกับ Google Static Maps API V2

รวมเทคนิคการพัฒนา Website ร่วมกับ Google Maps ด้วยวิธีการเรียกใช้งาน API อย่าง Static Maps API V2 ให้แสดงผลรูปภาพแผนที่ของคุณอย่างสมบูรณ์แบบ และสวยงามที่สุด
Read More »
Asst. Prof. Banyapon Poolsawas December 24, 2013
4,714

วิธีใช้ Google Drive เป็น Host สำหรับทำเว็บ HTML5 และ Web Pages

วิธีการหนึ่งสำหรับหลายท่านที่มีไฟล์ HTML และ Java script อย่าง Web Pages ที่เป็น HTML5 สำหรับไปเดโมงานสามารถ Host ผ่าน Google Drive ได้แบบใช้งานฟรีครับ
Read More »
Asst. Prof. Banyapon Poolsawas December 11, 2013
526

Sencha Touch 2 กับการสร้างแอพ แผนที่ด้วย Google Map

หลายคนสอบถามเรื่องของ HTML5 ด้วย Sencha Touch กับทางผมมาว่า สามารถเขียนแอพฯ ร่วมกับ Google Map APIs ได้หรือไม่ ลองมาดูกันครับ
Read More »
Asst. Prof. Banyapon Poolsawas November 13, 2013
1,133

Convert Currency แลกเปลี่ยนเงินตรา ผ่าน API ได้ทุกแอพฯ แบบเกรียน

ถ้ามีปัญหาเรื่องการพัฒนาแอพฯ ทั้ง Web Apps, iOS Apps, Android Apps เกี่ยวกับ Convert Currency อัตราแลกเปลี่ยนเงิน มาดูวิธีเกรียนๆ สั้นๆ ผ่าน API ง่ายๆ ครับ
Read More »
Asst. Prof. Banyapon Poolsawas September 20, 2013
1 1,310

เทคนิคเบาๆ ของผู้เริ่มต้นดึงข้อมูล Video ผ่าน YouTube API ด้วย Javascript

คราวนี้จะพาไปดูวิธีการดึงข้อมูล Web Service เพื่อเอาข้อมูลของ Video บน YouTube ผ่าน YouTube API เวอร์ชัน 2.1 ด้วย Javascript แบบง่ายๆ
Read More »
Asst. Prof. Banyapon Poolsawas July 29, 2013
540

Sencha Touch กับการเขียน Nested List ร่วมกับระบบหลังด้วยภาษา PHP

บทเรียนสำหรับนักพัฒนา Hybrid HTML5 Framework อย่าง Sencha Touch รอบนี้คือการนำ Nested List มาดึงข้อมูลร่วมกับระบบหลังบ้านที่พัฒนาจากภาษา PHP อย่างง่าย
Read More »
Asst. Prof. Banyapon Poolsawas July 17, 2013
588

JSNES หรือ JavaScript NES Emulator สำหรับเล่นเกม Famicom บนเว็บไซต์

Open Source น่าสนใจสำหรับสร้างนวัตกรรม Web Technology ที่ผมอยากจะแนะนำวันนี้คือ JSNES ญาติห่างๆ ของ node.js ไว้ใช้เล่นเกมเก่าๆ บน Famicom บนเว็บไซต์
Read More »
Asst. Prof. Banyapon Poolsawas July 9, 2013
1 607

การ Publish แอพพลิเคชัน Sencha Touch 2 ไปบนเว็บไซต์ด้วย Sencha CMD

บางครั้งหากทำการอัพโหลดไฟล์แอพพลิเคชันที่พัฒนาด้วย Sencha Touch ขึ้นไปบนเว็บไซต์แล้วโหลดช้า เราต้องใช้ Sencha CMD ในการช่วย Publish ตัวไฟล์ทั้งหมดจะเร็วขึ้น
Read More »
Asst. Prof. Banyapon Poolsawas June 25, 2013
0 585

พัฒนา Mobile Apps ด้วย Sencha Touch 2 ร่วมกับ Phonegap บน XCode

อีกวิธีการใช้การพัฒนาแอพพลิเคชันในรูปแบบ Hybrid Framework ให้ทำงานบนแพลตฟอร์ม iOS นั้นคือ Sencha Touch บน Phonegap ด้วย XCode
Read More »
Asst. Prof. Banyapon Poolsawas June 4, 2013
0 491

Lab: ออกแบบ และพัฒนา Mobile Web App ของคุณด้วย Sencha Touch 2

บทความนี้จะเป็นการแนะนำขั้นตอนในการออกแบบ และพัฒนาแอพพลิเคชันแบบ Mobile Web App ด้วย Framework ของ Sencha Touch 2 แบบทีละขั้นตอน
Read More »
Asst. Prof. Banyapon Poolsawas May 31, 2013
0 589

เปลี่ยน Theme Sencha Touch ด้วย SASS และ Compass บน Windows และ OS X

วิธีการเปลี่ยน Theme ของ Sencha Touch ด้วยการ Compile ไฟล์ scss เป็น css ใหม่ด้วยการติดตั้งชุดพัฒนาของ SASS และ Compass ผ่าน Ruby ให้ได้มาตรฐาน CSS3
Read More »
Asst. Prof. Banyapon Poolsawas May 22, 2013
2 743

Sencha Touch กับการแสดงข้อมูลจาก JSON สำหรับพัฒนา Mobile Web App

บทเรียนนี้จะเป็นการพัฒนา Mobile Web App ด้วย Framework Sencha Touch 2 ด้วยการทำงานร่วมกับ Webservice รูปแบบ JSON ครับ
Read More »
Asst. Prof. Banyapon Poolsawas May 21, 2013
1 826

พัฒนา Mobile Web App ด้วย Sencha Touch 2.2.0 รู้จักกับ Sencha Cmd

หลังจากที่ออกเวอร์ชันหลายเวอร์ชันมากตอนนี้ก็มาถึงเวอร์ชัน 2.2.0 กับเจ้า Sencha Touch บทเรียนต่อไปนี้คือการสร้างแอพฯ ใหม่ของเราเป็น Sencha Cmd ครับ
Read More »
Asst. Prof. Banyapon Poolsawas May 2, 2013
3 727

Sociogram แอพพลิเคชันสำหรับผู้ที่สนใจศึกษา Facebook SDK และ Graph API

สำหรับนักพัฒนาที่สนใจแพลตฟอร์มของ Facebook SDK หรือ Graph API อาจจะชอบ ชุด Source Code ตัวนี้อย่าง Sociogram เพราะถือว่าเป็นตัวอย่างที่น่าศึกษาตัวหนึ่ง
Read More »
Asst. Prof. Banyapon Poolsawas April 12, 2013
0 1,007

เขียนเกมบน HTML5 ด้วย Cocos2d X HTML และ JavaScript เพิ่มศัตรู และเวลา

วิธีการเขียนเกมบน HTML5 ด้วย Cocos2d X และ JavaScript จากตอนแรกที่เรียกตัวละคร รอบนี้เป็นการโหลดกราฟิกตัวศัตรูให้เคลื่อนไหวด้วยฟังก์ชัน Interval เวลา
Read More »
Asst. Prof. Banyapon Poolsawas April 12, 2013
0 1,123

เขียนเกมบน HTML5 ด้วย Cocos2d X HTML และ JavaScript สร้างตัวละคร

เริ่มต้นเขียนเกมบน HTML5 ด้วย Framework ที่ชื่อ Cocos2D X สำหรับ HTML5 ด้วยภาษาโปรแกรม JavaScript ให้เล่นได้ทุกอุปกรณ์ทั้งเว็บและสมาร์ทโฟน
Read More »
Asst. Prof. Banyapon Poolsawas March 26, 2013
1 751

มาดูผลงาน Game บน HTML5 พัฒนาด้วย Cocos2d-X

เอาโปรเจ็ค Open Source ของ Hao Wu นักพัฒนาโปรแกรม และเกมด้วย HTML5 กับเกม A Lumdum Dare ที่พัฒนาโดย Framework ของ Cocos2d -X ครับ
Read More »
Asst. Prof. Banyapon Poolsawas March 15, 2013
0 853

Facebook API แชร์พฤติกรรมของคุณผ่าน Open Graph บน Activity

วิธีการพัฒนาเว็บแอพพลิเคชันให้คุณสามารถบอกเล่า หรือแชร์ Publish Action บน Facebook ในส่วนของ Activity Log ผ่าน Open Graph นั้นไม่ยากครับ
Read More »
Asst. Prof. Banyapon Poolsawas February 26, 2013
1 1,749

สร้าง D.I.Y Augmented Reality บนสมาร์ทโฟน ด้วย Layar Creator

วิธีการทำ Augmented Reality ด้วยตัวเองแบบ D.I.Y. ด้วย Layar Creator แบบง่ายๆ เป็นกรณีศึกษาด้าน Social Media Integration ที่ทำได้ง่ายทีเดียว
Read More »
Asst. Prof. Banyapon Poolsawas January 8, 2013
0 876

Instagram API สร้าง Animation Banner บนเว็บจากภาพถ่าย Instagram

การใช้ jQuery plugin สร้างเว็บไซต์แบบ Responsive Web และมี Animation ในการเปลี่ยนรูปภาพโดยใช้ Instagram API เข้ามาช่วยในการพัฒนาร่วมเชิงประยุกต์
Read More »
Asst. Prof. Banyapon Poolsawas December 25, 2012
1 549

HTML5 CSS3 กับตัวอย่าง Google Driod เต้น กังนัม สไตล์ (Gangnam Style)

ไลบราลี่ HTML5 และ CSS3 กับการสร้าง Animation แบบ Pure CSS ให้เจ้า Google Android หุ่นกระป๋องเขียวออกมาเต้นกังนัมสไตล์ (Gangnam Style) โชว์ครับ
Read More »