SevenSeconds' Blogger

shellinabox เป็นโปรแกรมที่ทำให้เราสามารถใช้ shell หรือ terminal ผ่านเว็บได้ ซึ่งจะคล้ายๆ กับ WebShell (WebShell นั้นพัฒนาต่อยอดมาจาก Ajaxterm ) แต่ shellinabox เป็นตัวที่อยู่ใน wiki ของ Ubuntu วันนี้เลยขอสอนการติดตั้งตัวนี้ครับ และเขียนไว้เป็นบันทึกกันลืมไปในตัว ขั้นแรกให้ดาวน์โหลดตัว shellinabox ของ platform ที่เราใช้อยู่ ในหน้า Download นำไปไว้ใน home folder หรือตำแหน่งที่ต้องการ หลังจากนั้นให้พิมพ์ sudo dpkg -i shellinabox_2.10-1_i386.deb เนื่องจากผมใช้ Ubuntu หารใครใช้ Redhat base ก็ทำตาม RPM เอานะครับ หลังจากนั้นให้เรา start server shellinabox ขึ้นมา ด้วยคำสั่ง sudo /etc/init.d/shellinabox start หรือ sudo invoke-rc.d shellinabox start ซึ่งเมื่อรันแล้ว shell in a box นี่จะรันอยู่บน port 4200 ด้วย protocol HTTPS ครับ ให้เราเปิด Browser ขึ้นมาแล้วเข้าไปที่ https://<ip เครื่องที่เราติดตั้ง>:4200 ก็จะขึ้นหน้าตาดังรูปครับ หน้า login ที่เข้าจาก Shell In a Box

วันนี้ชม JoomlaDay Bangkok 2009 ดูแล้ว Joomla 1.6 มีอะไรน่าเล่นเยอะเลยทีเดียว วิทยากรที่มาบรรยายดีมากครับ ราคาค่าร่วมสัมนากับทีมงานก็ค่อนข้างลงตัวครับ ได้เสื้อไปใส่กันด้วย ส่วนผมก็ได้แต่ติดตามดูอยู่ที่ live.fukduk.tv ครับ ที่สำคัญคือทีมงานทำงานด้วยใจจริงๆ ครับ จัดงานด้วยงบเพียงแค่นี้ ต้องขอขอบคุณทีมงาน Marvelic กันทุกคนและขอบคุณทีมงานทั้งหมดรวมถึงมหาวิทยาลัยศรีปทุมด้วยครับ ที่ทำให้ได้อะไรจากงานนี้เยอะแยะเลย ผมก็แอบสนใจเขียน extension นะเนี่ย (ฮา) เห็นมีว่าจะ upload slide ในเว็บ ก็ไว้ไปโหลดกันได้นะครับ ที่ http://www.joomladay.in.th/ รวมถึง community ในไทย joomla.or.th

เป็นที่ทราบกันดีแล้วว่า HTML 5.0 นั้นยังอยู่ในช่วงการตกลง และฉบับปัจจุบันก็ยังเป็น Draft อยู่ เมื่อมี tag พิเศษที่ทุกคนรอคอยกันมาคือ <video> เข้ามา ทำให้มีปัญหาเรื่องของ codecs โดยต่างฝ่ายต่างเห็นไม่ลงลอยกันเท่าไรนัก โดย Mozilla ว่าจะใช้ ogg เนื่องจากมันฟรีและไม่มีปัญหาเกี่ยวกับเรื่องลิขสิทธิ์แต่เรื่องคุณภาพก็ไม่ค่อยดีนัก ส่วน Google และ Apple ว่าน่าจะใช้ H.264 ซึ่งเป็นของบริษัท On2 แต่ Google ก็ไม่ว่าอะไรถ้าจะใช้ Ogg และในไม่กี่วันนี้เอง Google ก็ได้เข้าซื้อบริษัท On2 ซึ่งอาจเป็นไปได้ว่า video tag จะถูกนำมาใช้ด้วย Codecs H.264 แต่ปัญหาก็ยังไม่วายเมื่อผู้ถือหุ้นบริษัท On2 ไม่พอใจกับราคาหุ้นที่ Google ซื้อไป แล้ว HTML5 จะได้ฤกษ์เมื่อไหร่เนี่ย

แม้ว่า HTML 5.0 นั้นจะยังอยู่ระหว่างการร่าง Specification กันอยู่ แต่ Feature หลักๆ หลายอย่าง ก็ถูกนำไป implement แล้วใน Web browser หลายๆ ยี่ห้อ ผมจะขอยกตัวอย่าง Web browser ที่ได้นำ HTML 5.0 ไป implement บ้างแล้วนะครับ Opera 9.2+ Safari 3.1 support Data Storage API และ tags Internet Explorer 8 (IE8) Firefox 3 และอาจมีตัวอื่นนอกเหนือจากนี้ครับ เท่าที่ผมทราบหามาได้แค่นี้ :) คิดว่า Chrome น่าจะได้เช่นกันครับ Update : พอดีไปเจอลิงค์ที่เอาไว้เปรียบเทียบว่า Feature ไหนที่ใคร Support แล้ว ไม่ใช่แค่ HTML 5 นะครับ แต่สามารถเทียบ Feature อื่นๆ ได้ด้วย แต่ถ้าใครต้องการแค่ HTML 5 ตามลิงค์ได้เลยครับ HTML 5.0 Test ถ้าต้องการตัวอื่นด้วยก็ Web Browser Test

ตอนนี้เรามาเขียน facebook app กันครับ เหตุผลที่ผมสนใจ facebook app มี User จำนวนมากอยู่แล้ว สามารถประชาสัมพันธ์องค์กรได้ดี เมื่อมี User มากเพราะฉะนั้นรายได้(ที่คาดว่าจะได้) ก็มากตาม แต่ก่อนจะเขียนสิ่งที่เราต้องมีคือ Hosting ครับ ที่สนับสนุนภาษา PHP จริงๆ สามารถใช้ภาษาอื่นๆ ได้ด้วย แต่เนื่องจาก Hosting ในไทยนั้นส่วนใหญ่มีแต่ภาษา PHP งั้นก็เลือก PHP แล้วกัน สำหรับคนที่สนใจภาษาอื่นสามารถเลือก API ในภาษาต่างๆ ได้เลยครับตามลิงค์ Facebook Platform Client Libraries มีให้เลือกมากมาย หรือใครที่ยังไม่มี Host สามารถทดสอบ Console ของ Facebook เบื้องต้นได้ที่ Facebook Developer Tools หลังจากได้ Host เรียบร้อยแล้ว ขั้นตอนแรกให้สมัครเปิดการใช้งาน application developer ของ facebook ก่อนครับ เมื่อเข้าไปในลิงค์นี้แล้วให้ตอบยอมรับ หรือ "Allow" ครับ หลังจากนั้นเราก็จะสามารถสร้าง Facebook Application ได้แล้ว โดยการสร้าง Application นี้ให้กดไปที่ Set up new application ตามรูปได้ เลยครับ เมื่อเข้ามาในสร้าง Application แล้วให้กรอกข้อมูลที่จำเป็นลงไป หลังจากนั้นเราก็จะได้หน้าตาออกมาประมาณนี้คร...

     ในขณะที่หลายๆ คนกำลังปวดหัวกับการแก้ไขเว็บให้สามารถแสดงผลให้ถูกต้องบน IE 6 ได้นั้น และในขณะเดียวกันวงการ Web Standard ก็กำลังสร้างสิ่งใหม่ๆ มาให้วงการพัฒนาเว็บได้เล่น นั้นคือ HTML 5.0 ส่วน Features ต่างๆ ผมแนะนำให้อ่านในเว็บของ w3.org html 5.0 spec เอานะครับ ทำไม HTML 5 ถึงสำคัญ      สิ่งที่ทำให้ HTML 5.0 แตกต่างไปจากเดิมคือความเป็น Schematic Web มากขึ้น โดยคำว่า Schematic Web นั้นจะหมายถึงการที่เว็บสามารถให้ความหมายได้ในตัวของมันเอง ซึ่งประโยชน์ตรงนี้เองเราสามารถนำค่าต่างๆ ที่อยู่ใน tag ต่างๆ ของ HTML 5.0 มาใช้งานได้อย่างง่ายดาย หรือที่เราเรียกว่า Web Scraping หรือ Web harvesting ตามแต่ใครจะเรียก ทำให้ลดการเรียกใช้ Web Service API ลง เพราะตัว HTML 5.0 นั้นสามารถเป็น Data ได้อยู่ในตัวแล้วนั่นเอง อะไรคือเบื้องหลังของ HTML 5.0      จาก draft ใน link ข้างบน จะพบว่าสิ่งที่ทำให้ HTML 5.0 สามารถทำงานได้คือ การใช้ Scripting API นั่นเอง และด้วยความสามารถนี้ทำให้เราสามารถกำหนด Element Tag ต่างๆ ได้ตามใจชอ...

PHP 5.3 ได้ถูกปล่อยออกมาให้ยลโฉมกันได้สักพักแล้ว สิ่งที่เปลี่ยนไปคือ Syntax ใหม่ มี Closures ซึ่งเป็น Feature ที่ภาษา Dynamic รุ่นใหม่มีกัน Namespaces คงรู้จักกันดี ไว้จัดกลุ่มของคลาสให้เป็นระเบียบและแยกคลาสที่มีชื่อเหมือนกัน เพื่อป้องกันการสับสน ในการใช้งาน Extension ใหม่ phar และ fileinfo Garbage Collection ทำให้ภาษา PHP นั้นเทียบเคียงกับภาษาสคริปต์ใหม่ๆ ได้สูสีมากขึ้น มีคำสั่ง GOTO และจากแหล่งอื่นนอกเหนือจากที่มายังรายงานว่า PHP 5.3.0 นั้นทำงานได้เร็วขึ้น 20-30% เลยทีเดียว ใครเป็นแฟน PHP ก็โหลดกันมาลองได้เลยครับที่เว็บ PHP Official Site