Nati Namvong

Nati Namvong

Just Coding the Future.

FB + XMPP

20 May 2013 | 2:25AM

เริ่มต้นด้วยการติดตั้ง punjab ที่เครื่อง Mac mini

  • $ sudo python setup.py install
  • $ twistd punjab

แก้ไขไฟล์ punjab.tac

  • เพิ่ม root.putChild(‘xmpp-httpbind’, resource.IResource(bosh))

ติดตั้ง Tape

  • $ sudo python setup.py install

Download turedsocial และหาที่วาง เพื่อเตรียมรับเป็น Web Server ด้วย Tape

  • $ cd XMPP/turedsocial
  • $ tape -P /xmpp-httpbind=http://localhost:5280/xmpp-httpbind

ต้องเข้าไปแก้ไฟล์ hosts ด้วย(ในกรณีที่ทำวนเครื่อง locolhost)

แล้วก็ต้องเข้าไปแก้ App Setting ที่ Facebook Dev

จากนั้นก็ถึงเวลาทดสอบแล้ว

20 May 2013 | 3:40AM

มีผลลัพท์ออกมาแล้ว แต่!! ยังสรุปไม่ได้ว่ามันใช้งานได้จริงๆหรือยัง เพราะยังไม่รู้เลยว่า Code ชุดนี้มันทำอะไรได้บ้าง และที่มันมี Respond มานั้น จริงๆแล้วมันมาจากแค่ punjab ไม่ได้มาจาก Facebook หรือเปล่าอันนี้ก็ยังไม่รู้

Next Step

ต้องศึกษา Strophe.js ให้มากกว่านี้ โดยลองทำตามตัวอย่างในหนังสือ เพื่อที่จะได้เห็นภาพรวมมากขึ้น

Facebook Chat Integration

Facebook Chat API ทำงานบนโปรโตคอล XMPP แต่เนื่องจากว่า Browser ทั่วๆไปนั้นไม่สามารถทำงานผ่านโปรโตคอล XMPP นี้ได้ และ Facebook ก็ไม่ได้รองรับโปรโคตคอล BOSH ที่ใช้ในการเชื่อระหว่าง Browser กับ XMPP Server ดังนั้นจึงทำให้เราใช้วิธีปรกติเชื่อมต่อเข้าไปยัง Facebook Chat API จาก Browser ไม่ได้

ตอนนี้ที่เจอวิธีแก้ปัญหาก็คือจะต้องตั้ง Server BOSH ขึ้นมาเอง เพื่อเป็นตัวกลางในการเชื่อมต่อ โดยจะใช้ https://github.com/twonds/punjab และ ใช้ strophe-plugins -> https://github.com/javierfigueroa/turedsocial เป็น Client Lib

ส่วนอีกทางเลือกคือ ถ้าจะทำ App iOS แบบ Native ไปเลย ก็จะมี Lib อีกตัวหนึ่งให้เลือกใช้แทนได้ คือ https://github.com/robbiehanson/XMPPFramework

อะไรอยู่ในหัว?

XMPP, Open Activity, Shopsuke, Dtac, Keep, Forest, NoUI, Adam, Worklight, Node.js, PhoneGap

image

image

image

image

image

image

XMPP

พอดีช่วงนี้มีโปรเจคที่ต้องต่อเข้ากับ Facebook Chat API ก็เลยต้องมาหาข้อมูลของโปรโตคอล XMPP ก็เลยไปเจอหนังสือเล่มนี้เข้า แค่เห็นปกก็น่ากลัวแล้ว เพราะหนังสือตระกูลปกแดงของสำนักพิมพ์ Wrox นี้เท่าที่อ่านมาหลายๆเล่มนั้นมันน่าหลับซะจริงๆ แต่ก็ต้องอ่าน “เพื่อฝัน” ละนะ…

image

Read More

Adobe Edge Reflow มันเอามาใช้ทำเว็บ Responsive ได้ Work มากๆ ใช้งานง่าย แถม Code ไม่รกรุงรังเหมือน Dreamweaver ด้วย

|^| HOME |^|

12:57 AM

12:57 AM

เปิดเทอมนี้มีเรื่องต้องสอน

เทอมหน้ามีสอนสองวิชาคือ Network Programming กับ Selected Topic in Network Technology ซึ่งทั้งสองวิชาจะมีเนื้อหาใหม่หมดเลย

image

โดยวิชา Network Programming จะเปลี่ยนจากเดิมที่สอน C# Socket Programming ไปเป็น Realtime Web Application ด้วย Node.js แทน เพราะทิศทางของเทคโนโลยีในอนาคตกำลังมุ่งไปที่ Web และ Mobile Technology และด้วยเทคโนโลยีของ Node.js ที่ทำให้เราสามารถสร้าง Application Server ได้ง่าย และ รวดเร็ว แล้วยังสามารถทำงานได้กับทุกๆระบบ ไม่ว่าจะเป็น Web App, Desktop App หรือแม้กระทั้ง Mobile App ดังนั้นเมื่อเทียบกันแล้ว Node.js จึงดูมีความน่าสนใจกว่า C#

ส่วนวิชา Selected Topic in Network Technology ได้รับคำสั่งมาให้สอนเขียนโปรแกรมบน Mobile Device โดยจะเป็น ระบบปฎิบัติการอะไรก็ได้ โดยส่วนตัวอยากสอนเขียนบน iOS มาก แต่มีเครื่อง Mac ไม่พอ(มีอยู่แค่ 5 เครื่องเอง) จะไปสอน Android ก็ไม่ไหวยังไม่เคยเขียนเองเลย แถมต้องไปเจอ IDE นรกอย่าง eclipse ยิ่งทำให้ไม่อยากสอน Android ขึ้นมาอีกเยอะ ทำให้เหลือทางเลือกเดียวเท่านั้นคือ สอนให้เขียนบนทุก Platform มันซะเลย …อ่าวแล้วมันจะไม่ยากกว่าหรือนี่ คำตอบก็คือ “ไม่ครับ” เพราะเราจะเขียนด้วย Web แทน


image

คงต้องยอมรับแล้วว่า Web เทคโนโลยีมาแรงจริงๆ ณ นาทีนี้ โดยจะเห็นว่าบริษัทเทคโนโลยีใหญ่ๆที่เป็นผู้กำหนดทิศทาง IT ของโลก ต่างก็พากันสนับสนุน และออกเครื่องไม้เครื่องมือสำหรับพัฒนา Web Application ตัวอย่างเช่น Apple ที่สนับสนุน HTML 5 อย่างชัดเจนถึงขั้นประกาศสงครามกับ Flash จนสุดท้าย Flash ได้พลายศึกและกำลังจะค่อยๆตายลงไป Adobe ผู้ที่เป็นเจ้าของเทคโนโลยี Flash ตอนนี้ก็ทุ่มสุดตัวให้กับ Web และ HTML5 โดยได้ออกผลิตภันท์ในตะกูล Adobe Edge ออกมาเพื่อ Web และ Mobile โดยเฉพาะ สุดท้ายก็คือยักใหญ่อย่าง Microsoft ที่พึ่งเปิดตัวระบบปฏิบัตการ Windows 8 โดยที่ทาง Microsoft ได้เพิ่มทางเลือกในการพัฒนา App บน Windows 8 ขึ้นมาอีกหนึ่งช่องทางนั้นคือ ใช้ HTML 5 และ JavaScript ในการเขียน App ได้

กลับมาที่วิชา Selected Topic in Network Technology กันดีกว่า หลังจากเกริ่นเรื่อง Web ไปซะนาน ที่บอกว่าเราจะเรียนเขียน App บนมือถือกันด้วย Web นั้นจริงๆแล้ว มันก็ไม่ใช้เว็บซะทีเดียว เพียงแต่เราจะเอาเทคโนโลยีที่ใช้ในการสร้างเว็บมาใช้ในการทำ App แทน(…รู้สึกว่าจะเริ่มพูดวนไปวนมาละ…) เอาง่ายๆเลย เราจะเขียน App ด้วย Phonegap กัน

image

 

ยังเขียนไม่เสร็จ เดี๋ยวมาต่อนะ

1+2+3+…+100

1+100 = 101
2+99 = 101
3+98 = 101

50+51 = 101

50 คู่ คูณ 101 เท่ากับ 5050
n/2 * (1 + n)
n(1 + n)/2

เข้ามาดูใน Drafts เห็นหัวข้อที่เตรียมไว้แต่ยังไม่ได้เขียนเต็มเลย

พออ่านหัวข้อก็เริ่มอยากเขียนขึ้นมาเลย 

ตัวอย่าง

  • เขียนโปรแกรม ก็แค่การนำคำสั่งมาเรียงให้ถูก
  • จงเอาปัญหารอบๆตัว มาเป็นแบบฝึกหัด
  • การศึกษาที่แท้จริง คือ การเรียนรู้วิธีคิด
  • ทำไมเด็กไทยไม่ชอบคิด

เดี๋ยวจะพยายามเขียนให้หมดนะ

หนังสือ HTML ที่ดีที่สุดที่เคยเจอมา

หนังสือ HTML ที่ดีที่สุดที่เคยเจอมา

Link

จัดการแก้ CSS ไปละ

article.type_quote .quote {

        font-style:normal;

        color:#ee9285;

}

ตัดสินใจซื้อ Theme นี้มา $19 แต่ดันมีปัญหา ตรง Quote ที่แสดงภาษาไทยเพี้ยน
ต้องเหนื่อยแก้เองอีกแล้ว…

ตัดสินใจซื้อ Theme นี้มา $19 แต่ดันมีปัญหา ตรง Quote ที่แสดงภาษาไทยเพี้ยน

ต้องเหนื่อยแก้เองอีกแล้ว…