http://www.dexdev.com บทความ เทคนิคการเขียนโปรแกรม Sun, 02 Nov 2008 15:56:59 +0000 http://backend.userland.com/rss092 en หลังจากที่ ติดตั้ง ffmpeg เรียบร้อยก็หล่อกันไปพอสมควร สามารถ convert ไฟล์ vdo เป็น format ต่างๆกันตามต้องการ :) อยากหล่อกว่านี้จะได้มั้ย ? แบบว่า ffmpeg มั้นต้อง ssh เข้าไป convert ไฟล์เลยอะ แล้วถ้า ssh ไม่ได้หล่อจะอดหล่อมั้ยครับ แล้วถ้าเขียนโปรแกรมไปสั่งให้ ffmpeg มันทำงานได้จะหล่อมากเลย แน่นอนครับว่าแอบโดมิในเซอร์ย่อมมีสินค้าที่คุณต้องการ...สินค้าที่คุณมองหาอญุ่ก็คือ ffmpeg-php นี่เอง ffmpeg-php เป็น extension ที่จะช่วยให้ php สามารถใช้งาน ffmpeg ได้ครับ ศึกษาเพิ่มเติม ffmpeg-php.sourceforge.net/ ติดตั้ง ffmpeg # cd /usr/ports/graphics/php5-ffmpeg #make install clean เหมือนเดิมครับกด enter แล้วไปนอน zzz หลังจากติดตั้งเสร็จลองทดสอบว่า php โหลด ffmpeg-php รึยังด้วยคำสั่ง #rehash #php -m จะได้ผลลัพธ์ตามนี้ครับ http://www.dexdev.com/php/ffmpeg-php/ เกมส์เดารหัสผ่านนะครับลองเล่นๆกันดู ที่จริงผมตั้งใจจะนำ Utility Methods ของ prototype มาใช้ให้มากที่สุดครับ เอาเป็นว่าเล่นเกมส์แก้เครียดกันไปก่อนเดี๋ยวกลับมาเขียนบทความ .row { clear: both; padding: 5px; } label { display: block; width: 150px; float: left; padding: 3px; } #result { margin: 5px 0px; border: 1px solid #ccc; background: #eee; padding: 10px; font-size: 20px; font-weight: bold; font-family: Helvetica; width: 300px; } เกมส์เดารหัสผ่าน เลือก ชุดกุญแจ และพิมพ์รหัสผ่าน แล้วกดคำนวนท่านจะได้ผลลัพธ์ รหัสผ่านที่ถูกต้องเมื่อนำคำนวนจะได้ผลลัพธเท่ากับ ... http://www.dexdev.com/prototype/guess-game/ ffmpeg คืออะไร ffmpeg คือ opensorce ที่มีความสามารถในการแปลง video เป็น format ต่างๆตามต้องการ อ่านต่อได้ที่ http://ffmpeg.mplayerhq.hu/ ละกันอิอิ ติดตั้ง ffmpeg #cd /usr/ports/multimedia/ffmpeg #make WITH_LAME=yes install clean กด enter เสร็จไปนอนก่อนเลยครับนานมากกกก ใครไม่มี server ลองเวอร์ชั่น window Download ได้ที่นี่ครับ วิธีใช้ ffmpeg สำหรับการเรียกใช้งานนั้นง่ายมากสามารถเรียกใช้ผ่าน command line ได้เลยตามนี้ครับ #ffmpeg -i input.mov output.flv ใครอยากใส่ parameter ยังไงลองตาม manual เลยฮ่า บทความต่อไปจะเขียน ffmpeg_php เอา php เรียกใช้งานซะเลย 555+ http://www.dexdev.com/freebsd/ffmpeg/ $ - Utility Methods ลักษณะการทำงานของ method $ จะเหมือนกับ document.getElementById() คนทำ framework คงรู้ว่า document.getElementById() ใช้บ่อยเลยเอามาลดรูปเหลือแค่ $ ซะเลยมั้ง $ ใช้ยังไง ? สำหรับการใช้งาน $ ทำได้ง่ายๆ โดยใส่ element id(string) เข้าไปแบบนี้ $('id'); ยกตัวอย่าง var a = $('a'); หลังจากได้ element 'a' มาแล้วเราจะไม่เอาไปเก็บไว้ที่ตัวแปรก็ได้นะครับ ยกตัวอย่างเช่นผมต้องการ ซ่อน div a <div id="a">ข้อความ ใน div a</div> <a href="javascript: $('a').hide()">ซ่อน a</a> จะให้ $ แบบนี้กันเลยก็ได้อยู่ที่เทคนิคครับ http://www.dexdev.com/prototype/94/ ใครใช้ google map เป็นเครื่องมือทำมาหากินลองอ่านดูนะครับ ความสามารถใหม่ของ Google Maps API ที่เพิ่มขึ้นมาคือเราสามารถทำ reverse เจ้าตัว geocoder ได้แล้ว reverse geocoder คืออะไร ? reverse geocoder คือการ convert address มาเป็น latitude/longitude นั่นเองครับ reverse geocoder เพื่ออะไร ? สำหรับผมแล้วเวลาจะทำ map ซั๊กอันผมต้องหา latitude/longitude ให้ได้ก่อนแต่พอมี reverse geocoder แล้วผมสามารถ สร้าง map แล้ว setCenter  โดยใช้ address ได้เลยครับ ดูตัวอย่าง google-map-geocoder-reverse.html ได้ที่นี่ครับ http://www.dexdev.com/tips/google-map-reverse-geocoding/ ได้เวลาเริ่มเขียนบทความเกี่ยวกับ prototype ซะทีครับ (จับทีไรงานเข้าตลอด) เตรียมความพร้อม จะเรียน prototype ก็ต้องไป download มาก่อนครับ texteditor ดีดีผมเลือกใช้ editplus browser คู่ใจผมเลือก firefox3.1 (ลง addon Firebug) webserver เอาไว้ test ผมเลือกใช้ appserv ครับ ลองเรียก ขั้นตอนแรก include .js เข้ามาก่อนนะครับ <script type="text/javascript" src="js/prototype.js"></script> ตัวอย่างการเขียนโปรแกรมด้วย prototype คลิกที่นี่ บทความนี้จะไปไวๆนิดนึงเพราะคิดว่่าทุกคนน่าจะมีพื้นฐานกันบ้างแล้ว http://www.dexdev.com/prototype/setup/ Programming Challenge ข้อที่2 มาแล้วคร๊าบ หลังจากที่ผมรู้ตัวว่าโดนหลอกให้นั่งนับเลขในข้อแรกอยู่ตั้งนาน สำหรับในข้อนี้จะมีแนว coding นิด function random(n) จะ return ตัวเลขสุ่มระหว่าง 0 และ n-1 ถ้าเขียนโปรแกรมเรียกใช้ function random ดังนี้ a = random(10); b = random(10); c = a - b; โอกาสที่ c จะมีค่าเท่า 0 จะเป็นกี่เปอร์เซนต์ ? จากการเรียกใช้ function random ด้านบน a และ b มีโอกาสที่จะเป็นตัวเลข 0-9 โอกาสที่ c จะเป็น 0 ก็ต่อเมื่อ a = b(จำได้ตอนเรียนตรรกศาสตร์) เช่น a = 0, b = ... http://www.dexdev.com/challenge/random-function/ คำถามของ Programming Challenge ข้อ1 มาแล้วคร๊าบ โรงพยาบาล A มีห้องพักผู้ป่วย 500 ห้อง โดยแต่หมายเลขละห้องจะมีตัวเลข 3 ตัว เริ่มจาก 001 แต่ตัวเลข 4 กับ 9 เป็นตัวเลขที่จ้าวของโรงพยาบาลไม่ชอบมากๆ (เพราะเพิ่งแป๊กจากหวยมา) ดังนั้นทุกหมายเลขห้อง ของโรงพยาบาลนี้จะไม่มีตัวเลข 4 และ 9 สำหรับ password ในการอ่านเฉลยบทความนี้คือ ห้องที่ 125 คือห้องหมายเลขอะไร? http://www.dexdev.com/challenge/125th/ สำหรับวิธีการที่จะเช็คว่า IP ไหนเข้าเว็บไซต์เราบ้าง โดยเรียงลำดับจากความถี่จากน้อยไปหามาก 1. ขั้นตอนแรกต้องทำการ SSH (telnet) ไปยัง server 2. ไปยัง folder ที่เก็บ access.log ของเว็บไซต์ 3. สั่งรันคำสั่ง tail -100000 dexdev.com.log | awk '{print $1}' | sort | uniq -c |sort -n เปลี่ยน dexdev.com.log ตามชื่อไฟล์ที่ server เก็บ อย่างของผมใช้ direct admin จะใช้ domain.log 4. แถมให้อีกนิดถ้าสงสัยว่า ใครหนอมาเข้าเว็บเราบ่อยๆ ด้วยคำสั่ง host host xxx.xxx.xxx.xxx 5. แล้วถ้าอยากรู้ว่า IP นี้เค้าทำอะไรกับเว็บเราบ้างก็ต้องคำสั่งนี้เลย tail -1000 dexdev.com.log | grep xxx.xxx.xxx.xxx ปล. ... http://www.dexdev.com/tips/which-ip-hitting-website/ จากบทความ Date Input Calendar ไม่รู้มีคนอ่านรึเปล่า - -" เลยกลายมาเป็น extension ตัวนี้ครับ ติดตั้ง extension ไม่เขียนละว่าทำไง ก็ดับเบิ้ลคลิก ok yes จบตามวิธีคนไทยครับ เนี่องจาก extension ตัวนี้เป็น extension ประเภท object ซึ่งปกติตัว extension จะ genarate ไฟล์ถึง 4 ไฟล์ สำหรับ extension ตัวนี้ผมไม่ได้ pack ไฟล์ 4 ไฟล์นี้ไปให้ ต้องไป download ไฟล์จากเว็บคนทำมาเตรียมไว้ใน folder ตามรูปข้างบนครับ เริ่มใช้ หลังจากติดตั้งและเตรียมไฟล์กันเรียบร้อยมาเริ่มใช้งานกันเลยครับ โดยเริ่ม include javascript(DateInput.js) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; ... http://www.dexdev.com/tips/extension-date-input-calendar/