วันอาทิตย์ที่ 30 มีนาคม พ.ศ. 2557

เพิ่มเมนูให้บล็อกสปอตทำได้อย่างไร

สวัสดีกันอีกครั้งสำหรับสัปดาห์สุดท้ายของเดือนมีนาคมสำหรับแฟนๆ ของเวบบล็อก credit-thai ทุกๆ ท่าน หลายวันนี้เรายังคงแนะนำทิปดีๆ จากการสร้างบล็อกให้ดูดีเป็นระเบียบอยู่เหมือนเดิม ครั้งนี้ก็พลาดไม่ได้เช่นกัน จะเพิ่มเมนูให้บล็อกสปอตทำได้อย่างไร (How to add menu in blogspot?) คงเป็นคำถามสำหรับหลายๆ คนทีเดียวโดยเฉพาะนักเขียนบล็อกฟรีดีๆของกูเกิล


ผู้เขียนเองต้องยอมรับว่าเป็นมือใหม่ในการสร้างสรรค์บล็อกจริงๆ เพราะทำได้แค่ในส่วนเบื้องต้นเท่านั้น เขียนบทความเสร็จ แล้วก็ใส่รูปเหมือนสมัยทำรายงานตอนเด็กๆ ผู้เขียนเรียนโรงเรียนรัฐบาลหลักสูตรไทย พูดถึงเรื่องนี้แล้วคงต้องมานั่งเล่าในรายละเอียด วิ่งหาโรงเรียนในลูกโซนนนทบุรีกันอีกที เพื่อเป็นข้อมูลการให้คำแนะนำสำหรับผู้ปกครองมือใหม่หลายๆ ท่าน สำคัญที่สุดโรงเรียนสมัยนี้ค่าเทอมแพงมาก บริการเช่ารถตู้ VIP สำหรับรับส่งนักเรียนของโรงเรียนอนุบาลต่างๆ มีการเก็บเป็นรายเทอม บางโรงเรียนคิดหลักหมื่น แพงเอาเรื่องเหมือนกัน

การเพิ่มเมนูให้บล็อกสปอตผู้เขียนจะขอแปะลิงค์ที่ใช้อ้างอิงไว้ดังนี้ http://www.nosegraze.com/how-to-add-a-drop-down-menu-navigation-in-blogger/ พอสังเกตบนไอคอนแท็ปหรือ(favicon) บนเวบไซต์ที่แปะลิงค์ อ้าวเค้าเปลี่ยนไอคอนแท็ปบนบล็อกสปอตได้ด้วย บล็อกเรายังไอคอนมาตรฐานอยู่เลย เพราะฉะนั้นเรื่องนี้ต้องขยายอีกแล้ว

ขั้นตอนที่ 1 ออกแบบเมนูก่อน                                                                  

หลักสำคัญในการออกแบบเมนู ก็คือการจัดหมวดหมู่ในการเข้าถึงของผู้อ่าน เพราะฉะนั้นการลำดับความคิดในการออกแบบเมนูให้ผู้อ่านสามารถเข้าใจวิธีการค้นหาบทความในบล็อกได้ง่ายๆ ย่อมเป็นวิธีการที่ดีและเหมาะสม

ขั้นตอนที่ 2 หาที่วาง CSS                                                                         

อะไรคือ CSS หรือ Casscading Style Sheets แปลเป็นไทยว่า จัดหน้าการแสดงผล HTML นำมาเรียงต่อกัน
  • CSS หมายถึง Cascading Style Sheets
  • Styles กำหนดวิธีการแสดงผล HTML ได้อย่างไร ถูกนำมาบรรจุตั้งแต่ HTML 4.0 การใช้งาน External Style Sheets จะช่วยลดเวลาในการทำงาน และ External Style Sheets จะถูกเก็บใน ไฟล์ CSS 
พูดง่ายๆ ก็คือจัดเตรียม CSS ของการจัดหน้าของเมนูนั่นเอง เราสามารถดาวน์โหลดได้ที่เวบที่ผู้เขียนแปะไว้ให้ http://cssmenumaker.com/css-drop-down-menu

จากนั้นแตกไฟล์ออกมา มองหา CSS อยู่ในไฟล์ styles.css มาถึงขั้นตอนนี้ก็ผ่านมาได้หลายด่านแล้ว เหลือแต่หาที่วาง CSS ให้ล็อกอินเข้าไปจัดการเวบบล็อกตาม แนะนำให้ทำการสำรองข้อมูลไว้ก่อนกันผิดพลาด

วิธีเข้าไปแก้ไข HTML ให้เลือกที่เมนูแม่แบบ โดยการคลิกที่แม่แบบ

ให้เลือกที่ แก้ไข HTML


จากนั้นให้พยายามมองหา แท็ก <b:skin>...</b:skin> คลิกเม้าส์ที่บรรทัดนี้เพื่อขยายไลน์บรรทัดอื่นที่ซ่อนอยู่
ตำแหน่งที่ให้คัดลอกไฟล์ styles.css มาวางคือตำแหน่งที่แสดงด้านล่าง หากทำเสร็จสิ้นแล้วให้จัดการบันทึกข้อมูล วิธีการให้ใช้ คัดลอก Ctrl+C และ วาง Ctrl+V 
เช่ารถตู้ vip


ขั้นตอนที่ 3 หาที่วาง HTML                                                                      

ขั้นตอนสุดท้ายการเขียนโค๊ด HTML สำหรับจัดการเมนูทำได้ไม่ยากเพราะเราสามารถผ่านขั้นตอนที่ 2 หาที่วาง CSS ไปได้แล้ว สิ่งสำคัญสำหรับเนื้อหาในบทนี้คือเทคนิคการดัดแปลงเมนูเพื่อให้สามารถใช้งานได้ต่อไป การคัดลอกเมนูมาวางแนะนำให้วางไปตำแหน่งสุดท้ายของแท็กส่วนหัว วางก่อนแท็ก </head>

 

สรุป การเพิ่มเมนูให้บล็อกสปอตสามารถทำได้โดยไม่ยาก เหตุผลสำคัญที่ผู้เขียนได้นำเสนอในครั้งนี้ก็คือมันเป็นเรื่องที่ต้องใช้งานบ่อยๆ การค้นหาจากบทความอื่นๆ ก็ไม่ถนัด หลายๆครั้งเวลาผ่านไปหลายเดือนให้กลับมานั่งนึกวิธีการเพิ่มเมนูในให้บล็อกสปอต จำว่าเคยทำ คราวที่แล้วทำอย่างไร ผู้เขียนไม่ค่อยเห็นด้วย ผู้เขียนชื่นชอบวิธีจดเก็บไว้บนบล็อกและแบ่งปันกัน เรื่องราวอื่นๆ ที่จะขอแนะนำต่อไปคือการสร้าง favicon บนบล็อกสปอต ที่ผู้เขียนเกริ่นไว้ต้นๆ บทความนี้นั่นเอง

วันเสาร์ที่ 8 มีนาคม พ.ศ. 2557

แสดงซอร์สโค๊ดบนเวบบล็อกแบบมืออาชีพด้วย SyntaxHighLighter

แสดงซอร์สโค๊ดบนเวบบล็อกแบบมืออาชีพด้วย SyntaxHighLighter

เกริ่นนำ สวัสดีกันอีกครั้งสำหรับเวบบล็อก credit-thai.com แนะนำบล็อกดีๆ เรื่องราวง่ายๆ ที่ทำเองได้ด้วยตนเอง (Do It Yourself) หลังจากที่ผู้เขียนถูกปฎิเสธครั้งที่ 2 ในการเปิดใช้งาน GOOGLE ADSENSES 

การที่กูเกิลไม่ยอมนั้นมีหลายสาเหตุด้วยกันเริ่มต้นกันที่เนื้อหาไม่เพียงพอ ไม่มีเมนูเพื่อให้ง่ายต่อการค้นหาข้อมูล รวมถึงไม่มีวิธีการจัดการเนื้อหาให้อ่านง่ายและเป็นระเบียบสวยงาม ปัญหาที่สำคัญของหลายๆ เวบไซต์ที่พบมากก็คือ รูปแบบการเขียนภาษาคอมพิวเตอร์(Syntax) ดูแล้วไม่น่าอ่าน   ซึ่งเป็นจุดเริ่มต้นที่ผู้เขียนจะได้ขอแนะนำวิธีการแสดงซอร์สโค๊ดบนเวบบล็อกแบบมืออาชีพด้วย SyntaxHighLighter กัน

การติดตั้ง SyntaxHighLighter  ให้สามารถใช้งานบนเวบไซต์เราได้ต้องดำเนินการตามขั้นตอนต่อไปนี้

  1. การติดตั้งซอฟต์แวร์ ให้ทำการเพิ่มไฟล์หลักเหล่านี้ลงในหน้าเวบไซต์ที่ต้องการแสดงผล shCore.js และ shCore.css ด้วยการไปดาวน์โหลดได้ที่ http://alexgorbatchev.com/SyntaxHighlighter/download/

  2. เพิ่ม brushes ตามต้องการ เช่น shBrushJScript.js สำหรับ จาวาสคริป

  3. ประกอบด้วย shCore.css และ shThemeDefault.css

  4. เขียนซอร์สโค๊ดที่ต้องการแสดงผล(snippet)ด้วย <pre /> หรือ <script />

  5. เรียกใช้เมทธอดรูทีน SyntaxHighlighter.all() ของจาวาสคริป


ตัวอย่างวิธีการเขียนซอร์สโค๊ดเพื่อแสดงผล SyntaxHighLighter


/**
  * SyntaxHighlighter
  */
function foo()
{
   if (counter <= 10)
       return;
   // it works!
}
ตัวอย่างนี้เป็นสคริปที่ผู้เขียนใช้เป็นเทมเพลตจริงสำหรับการเขียน SyntaxHighLighter แค่ Copy&Plate แล้วนำไปแก้เฉพาะในส่วนของ code here เพื่อให้ง่ายและสะดวกต่อการหยิบไปใช้งาน เพียงง่ายๆ แค่นี้ความเป็นมืออาชีพในการสร้างเวบบล็อกของเราก็มีเพิ่มขึ้น
 











 









code here


จากตัวอย่างผู้เขียนทดลองติดตั้ง SyntaxHighLighter ไว้ที่เวบไซต์ จีพีเอสติดตามรถยนต์ เพื่อให้เวบบล็อกเรียกใช้งานสคริปแต่อย่างไรก็ตามเราสามารถเรียกใช้งานสคริปต่างๆ ที่ให้บริการโดยโฮสต์เจ้าของโค๊ด ตามที่อยู่ที่ผู้เขียนให้ไว้ด้านล่างนี้

 











วันศุกร์ที่ 7 มีนาคม พ.ศ. 2557

สร้างโมดูล PAYSBUY สำหรับ Joomla 2.5x แบบฮาร์ดโค๊ด

เกริ่นนำ  สวัสดีกันอีกครั้งสำหรับบล็อกดีๆของ credit-thai.com นำเสนอเรื่องราวดีๆ แบบทำเองได้ (DIY) ที่สำคัญต้องผ่านการทดสอบมาแล้วว่าใช้งานได้จริง เพื่อเป็นทิปดีๆ มีประโยชน์ เนื้อหาไม่ยุ่งยาก ความรู้เพื่อให้สามารถพึงพาตนเองได้ หลังจากที่ผู้เขียนได้เคยกล่าวถึงวิธีการสร้างโมดูล HelloWorld บน Joomla 2.5 ไปแล้วเมื่อหลายวันที่ผ่านมา อีกทั้งโมดูลอื่นๆ อีก งั้นวันนี้เราไปลุย "สร้างโมดูล PAYSBUY สำหรับ Joomla 2.5x แบบฮาร์ดโค๊ด"

ปัญหา เรื่องราวมีอยู่ว่าวันหนึ่งลูกค้าโทรศัพท์เข้ามาถามว่า "ร้านค้าพี่ ที่ให้บริการ เช่ารถ Alphard รับชำระด้วยบัตรเครดิตได้ไหม" ผู้เขียนตอบไปด้วยความภาคภูมิใจ ไม่ได้ครับ ขอเครื่องรูดบัตรไปหลายรอบ ธนาคารไม่อนุมัติ คราวนี้ลูกค้าสอบถามเพิ่มเติม "แล้ว PayPal กับ PAYSBUY ล่ะพี่" นี่แหล่ะเป็นที่มาของโมดูล PAYSBUY 

วิธีทำ ผู้เขียนไม่รีรอเข้าไปสมัครสมาชิกของระบบ PAYSBUY เพื่อเตรียมแอคเค้าท์สำหรับรับชำระเงิน แถม PAYSBUY ยังมีโค๊ดสำหรับให้นำไปแปะบน Joomla เสียด้วย ครั้นศึกษาต่อไปเชิงลึกปรากฎว่าไม่ใช่เค้าแค่เอาไปเชื่อมต่อกับระบบ Virtuemart ซึ่งไม่ใช่ความต้องการของผู้เขียน

ผ่านไปหลายวันเอายังไงกันดี งั้นไปทดลองเขียนโปรแกรมเองดีกว่า ผู้เขียนเคยเช็คเอ้าท์จากโมดูล PayPal Donate มาเป็นตัวอย่าง จากนั้นก็เริ่มลงมือแก้ไขแต่ปรับโครงสร้างให้อยู่ในโมดูลสำหรับ Joomla 2.5 เลียนแบบ HelloWorld ก็แล้วกัน ที่มาของคำว่า "แบบฮาร์ดโค๊ด" ของผู้เขียนก็คือไม่ต้องมีพิธีการ จับมาแก้ไขทดสอบแล้วใช้ได้จบ ไม่ต้องอ้างทฤษฎีร้อยแปดพันเก้า ปวดหัวไปป่าวๆ
  • สร้างไฟล์ mod_25paysbuy.php ให้แก้ไขในส่วนตัวอักษรสีน้ำเงินที่ผู้เขียนป้ายสีไว้
get('paysbuyacc','supakitd@gmail.com');
   //print($paysbuyacc);
   $tstamp = intval (time());
   //print($tstamp);
   $itm = $params->get('itm','Car Rental Services[van-vip.com]');
   echo "
"; echo "
"; echo " "; echo " "; echo " "; echo " "; echo "Enter Amount: "; echo "
"; echo " "; echo "
"; echo "
"; ?>
  • สร้างไฟล์ mod_25paysbuy.xml


    PaySbuy!
    Thai Prosperous IT
    1.0.0
    A simple PaySbuy module.
    
        mod_25paysbuy.xml
        mod_25paysbuy.php
        index.html
        helper.php
        tmpl/default.php
        tmpl/index.html
    
    
    

  • สร้างไฟล์อื่นๆ ประกอบคือ index.html, helper.php, tmpl/default.php และ tmpl/index.html ซึ่งไฟล์ต่างๆ เหล่านี้สามารถคัดลอกมาจากตัวอย่างเดิมได้



สรุป หลังจากนั้นทำการ Zip ไฟล์ทั้งหมดเพื่อทำการติดตั้ง ผู้เขียนทดสอบโดยการติดตั้งโมดูล 25PAYSBUY บน Joomla 2.5x ปรากฎผลลัพธ์ตามที่ผู้เขียนแนบรูปไว้ด้านล่าง ผลลัพธ์เป็นที่น่าพึงพอใจมาก เพียงแค่นี้เวบไซต์ของเราที่สร้างจาก Joomla2.5 ก็สามารถให้บริการรับชำระเงินผ่านระบบ PAYSBUY ได้แล้ว ที่ผู้เขียนชอบมากคือโมดูลนี้ป้อนจำนวนเงินหน่วยเป็นบาทได้ด้วย ครั้งหน้าเราจะมาสร้างปุ่มบริจาคของ PAYPAL กัน

เช่ารถตู้ vip


วันพฤหัสบดีที่ 6 มีนาคม พ.ศ. 2557

Google Places เพิ่มช่องทางการแนะนำสถานประกอบการบนแผนที่กูเกิล

เกริ่นนำ ยินดีต้อนรับสู่เวบบล็อกดีๆ credit-thai.com แนะนำทิปเล็กๆ น้อยๆ ที่มีโอกาสได้พบเจอมาฝากกัน หลังจากที่ผู้เขียนได้ทำการขอใช้บริการ Google Places เพื่อส่งข้อมูลตำแหน่งที่ตั้งสถานประกอบการของบริษัท ไทย พรอสเพอรัส ไอที จำกัด ไปอัพเดทบนแผนที่กูเกิล ผ่านไป 3 สัปดาห์ ผู้เขียนก็ได้รับจดหมาย(postcard) ส่งมาจากกูเกิล(Google Headquarters) แคนาดา เพื่อส่งรหัสยืนยันข้อมูลตำแหน่งมาให้ ท่ามกลางความยินดีว่า มิเสียแรงพยายาม ก่อนที่จะไปลงทะเบียนยืนยัน เราไปดูสิว่า Google Places คืออะไร

Google Places คือบริการที่กูเกิลรวบรวมสถานที่ตั้งสถานประกอบการหรือที่อยู่ของผู้ใช้งานบนโลกออนไลน์มาแสดง ประโยชน์ก็คือเมื่อป้อนคีย์เวิร์ดสำหรับค้นหา บนหน้าต่างแผนที่กูเกิล ก็จะแสดงตำแหน่งของเราบนแผนที่กูเกิลนั่นเอง

ขั้นตอนการสมัคร
  • เข้าไปลงทะเบียนได้ที่ http://www.google.com/places ซึ่งเราต้องมีบัญชีอยู่กับกูเกิลแล้ว
  • รอรหัสยืนยัน กูเกิลจะส่งรหัสยืนยันสถานที่ให้ทางจดหมาย ซึ่งอาจจะใช้เวลา 2-3 สัปดาห์
  • ลงทะเบียนรหัสยืนยัน หลังจากได้รับจดหมายจากกูเกิลแล้ว เราก็สามารถลงทะเบียนได้ที่ http://www.google.com/local/verify เพื่อให้สามารถแสดงตำแหน่งสถานประกอบการบนโลกออนไลน์ 
ตัวอย่างของหน้ายืนยันรหัสผ่าน รูปด้านล่างเป็นหน้ายืนยันรหัสผ่านที่ได้รับมาจากกูเกิล


สรุป ผู้เขียนทดสอบ "Google Places เพิ่มช่องทางการแนะนำสถานประกอบการบนแผนที่กูเกิล"  โดยการเรียก url ของ google maps ด้วยคีย์เวิร์ดของบริษัท "Thai Prosperous IT" ตามที่ผู้เขียนได้ลงทะเบียนไว้กับแผนที่กูเกิล คราวนี้ดีเกินคาด แผนที่แสดงที่อยู่ของบริษัทฯ ออกมาชัดเจน เรื่องง่ายๆ ของ Google Places สามารถทำเองได้ไม่ยาก ตามความเห็นส่วนตัวของผู้เขียน หลักการนี้กูเกิลสามารถอัพเดทตำแหน่งสถานประกอบการบนแผนที่ตัวเองโดยไม่ต้องเสียเวลาจ้างสำรวจ เชื่อว่าอีกไม่นานฐานข้อมูลของแผนที่กูเกิลจะต้องกลายเป็นอันดับ 1 และยากที่ค่ายแผนที่อื่นๆ จะอัพเดททันโดยเฉพาะ Point of Interest(POI)

วันอังคารที่ 4 มีนาคม พ.ศ. 2557

Zimbra Community 8.04 สตาร์ทเซอร์วิสไม่ครบถ้วน

เกริ่นนำ สวัสดีกันอีกครั้งสำหรับชาวบล็อก credit-thai.com ทุกท่าน ผู้เขียนเพิ่งจะทดลองสมัครเปิดใช้ google adsenses สำหรับบล็อกของระบบจีพีเอสติดตามรถยนต์ที่ผู้เขียนดูแลอยู่ด้วยความหวังว่ากูเกิลควรจะอนุมัติโดยไม่ช้า  ฉับพลันก็มีข้อความตอบกลับมาจาก google adsenses ว่าบล็อกของคุณมีเนื้อหาไม่เพียงพอ ให้จัดการเนื้อหาและวิธีการเขียนใหม่ให้เหมาะสม


ปัญหา ยังไม่ทันได้ศึกษาอะไรเพิ่มเติมมาก เสียงในสายเข้ามาแล้วครับ "พี่ไปทำอะไรกับเครื่องเมลล์หรือป่าวค่ะ เซอร์วิสทำงานไม่ครบถ้วน" ยุ่งละซิ งั้นพี่ขอเวลาตรวจสอบหน่อยสิว่า มีเซอร์วิสทำงานครบถ้วนหรือไม่ ตามคำสั่งด้านล่างนี้เลย "Zimbra Community 8.04 สตาร์ทเซอร์วิสไม่ครบถ้วน"


วิธีตรวจสอบ 

zimbra@mail:~/log$ zmcontrol status
Host mail.tpit.co.th
        antispam             Running
        antivirus              Running
        ldap                    Running
        logger                 Running
        mailbox               Running
        mta                    Running
        snmp                  Running
        spell                   Running
        stats                   Running
        zmconfigd           Stopped
                zmconfigd is not running.
เกิดเรื่องแล้วซิ zmconfigd ไม่ทำงาน ผู้เขียนไม่รอช้ารีบทำการสั่งสตาร์ทเซอร์วิสตาม คำสั่งด้านล่างนี้ทันที
zimbra@mail:~/log$ zmcontrol start
Host mail.tpit.co.th
        Starting zmconfigd...Failed.
        Starting zmconfigd...failed.
        Starting logger...Done.
        Starting mailbox...Done.
        Starting antispam...Done.
        Starting antivirus...Done.
        Starting snmp...Done.
        Starting spell...Done.
        Starting mta...Done.
        Starting stats...Done.
เซอร์วิสก็ยังไม่ทำงานอีก ทำไงดี ลูกค้าก็รีบเราก็รีบ ไปดูล็อกไฟล์ซิยังไงก็ต้องแสดงข้อความเตือนออกมา สำคัญที่ว่า ล็อกไฟล์ถูกเก็บอยู่ที่ไหน ค้นหาในกูเกิล พอได้ทราบตำแหน่งของไฟล์ zmconfigd.log ก็รีบเปิดหาข้อผิดพลาดที่ระบบแจ้งเตือนออกมา
zimbra@mail:~/log$ tail zmconfigd.log
Starting zmconfigd...Traceback (most recent call last):
  File "/opt/zimbra/libexec/zmconfigd", line 28, in  import conf IOError: [Errno 2] File not found - /opt/zimbra/zimbramon/pylibs/conf$py.class ( Permission denied)
failed.


สรุปวิธีการแก้ไข พอเจอข้อความว่า Permission denied ก็หวานละซิ จัดการเปลี่ยน Permission ให้สามารถเข้าถึงโดย zimbra เท่านั้นก็จบเรื่อง ผู้เขียนเลยจัดการแก้ไข Permission ให้กลุ่มและผู้ใช้ zimbra เป็นเจ้าของและสั่งสตาร์ทเซอร์วิสใหม่  ครั้งนี้เรียบร้อยดี ทุกเซอร์วิสทำงานได้ครบถ้วนสมบูรณ์

วันพฤหัสบดีที่ 27 กุมภาพันธ์ พ.ศ. 2557

WhatIsMyIP เขียนเองไปเลย เรียกกี่ครั้งก็ได้

เกริ่นนำ สวัสดีกันอีกครั้งสำหรับเย็นวันที่ 27 กุมภาพันธ์ พ.ศ.2557 สำหรับแฟนๆ บล็อก credit-thai.com ทุกท่าน ผู้เขียนได้เคยเขียนบทความนำเสนอวิธีการออกรายงานสำหรับระบบติดตามรถยนต์ ตามลิงค์ที่แปะให้ไว้นี้ มาดูประโยชน์ของ GPS Tracker ฟังก์ชั่น Engine On กัน "จำไม่ได้ว่าออกจากบ้านกี่โมง เสียเวลาเดินทางไปเท่าไร" หลายครั้งเหมือนกันที่ต้องการตรวจสอบหมายเลขไอพีแอดเดรสของเครื่องที่เรียกผ่าน ADSL ที่บ้านเพราะต้องการรู้ว่าเราเรียกออกไปจากไอพีอะไร หรือต้องการตรวจสอบเครื่องเซิร์ฟเวอร์ที่อยู่ตามบ้านพัก หลายๆ ครั้งเราต้องเรียกใช้เวบไซต์ What Is My IP Address ? พอเรียกใช้หลายครั้งก็เกิดปัญหาขึ้นมาอีกว่า ผู้ให้บริการจำกัดจำนวนการเรียกได้ไม่กี่ครั้งต่อวัน ยุ่งยากกำลังสอง


วิธีทำ เซิร์ฟเวอร์รถตู้ให้เช่าของผู้เขียนเองสามารถเรียกค้นหาว่าเราใช้ไอพีแอดเดรสอะไรตอนนี้ โดยลิงค์ที่ผู้เขียนแปะไว้ให้นี้


จากนั้นเซิร์ฟเวอร์ก็จะตอบกลับมาว่าเครื่องที่เราเรียกไปหมายเลขไอพีแอดเดรสอะไร สำหรับโค๊ดที่ผู้เขียนใช้สำหรับเรียกดูก็ทำได้ง่ายๆ เพียงใช้ PHP บรรทัดเดียว







สรุปปดีๆ สำหรับการสร้าง "WhatIsMyIP เขียนเองไปเลย เรียกกี่ครั้งก็ได้" สามารถนำไปติดตั้งลงบนเครื่องเซิร์ฟเวอร์ที่สามารถรัน PHP SCRIPT ได้ทุกๆ แพล็ตฟอร์ม เพียงง่ายๆ แค่นี้ก็สามารถทำให้เราสะดวกต่อการตรวจสอบหมายเลขไอพีแอดเดรสที่ดูเหมือนเป็นเรื่องยุ่งยาก ที่สำคัญไม่จำกัดจำนวนครั้งในการเรียกใช้งาน

ผู้เขียนจะได้นำเสนอเรื่องราวดีๆ เกร็ดเล็กๆ น้อยๆ เพื่อเป็นประโยชน์ให้กับผู้อ่าน โดยส่วนตัวผู้เขียนเองตั้งใจว่าจะนำไปสร้างเป็นโมดูลสำหรับ Joomla 2.5 ให้ผู้อ่านทดลองดาวน์โหลดไปใช้งานกัน  อาจต้องใช้เวลาเตรียมการสักระยะ ขอเวลาว่างๆ สมองปลอดโปร่งก่อน โมดูลนี้น่าจะคลอดได้

วันอาทิตย์ที่ 23 กุมภาพันธ์ พ.ศ. 2557

แนะนำโค๊ดส่ง SMS ผ่าน Clickatell แบบง่ายๆ

เกริ่นนำ สวัสดีกันอีกครั้งหนึ่งสำหรับเวบไซต์ credit-thai วันนี้วันอาทิตย์ที่ 23 กุมภาพันธ์ พ.ศ.2557 วันพักผ่อนสบายๆ หลังจากที่ผู้เขียนได้ทดลองสมัครบริการส่ง SMS ของ Clickatell เพื่อใช้ส่งข้อความสั้นไปควบคุมอุปกรณ์จีพีเอสติดตามรถ ซึ่งระบบเดิมที่ผู้เขียนใช้วิธีตั้งระบบ SMS proxy ขึ้นมาเอง จากนั้นก็ไปขอซิมการ์ดมาเพื่อใช้ส่ง SMS ไปควบคุมอุปกรณ์

ปัญหา การตั้งเซิร์ฟเวอร์เอง แค่ระบบ SMS proxy แค่ใช้ระบบ Windows XP เก่าๆ ก็เพียงพอ แต่งานมันไม่ง่ายขนาดนั้นเพราะว่า เราต้องเปิดเครื่องให้ออนไลน์ตลอด 24 ชั่วโมง ปัญหาตามมาก็คือ วันหนึ่งไฟดับเครื่องไม่ทำงาน วันต่อมาอินเทอร์เน็ตหลุด อีกวันต่อมาเครื่องแฮงค์ กลายเป็นปัญหาที่ตามแก้ไม่มีวันจบสิ้น แถมยังต้องมาคอยอัพเดทซอฟต์แวร์เองอีก เรื่องยุ่งยากก็ตามมาไม่รู้จบสิ้น

วิธีทำ
  • วันนี้ก็เลยขอแนะนำโค๊ด html ง่ายๆ เพียงพอที่จะส่งข้อความสั้น SMS ผ่าน Clickatell สำหรับนำไปต่อยอดเป็นโปรเจคอื่นได้เอง ที่สำคัญดูดีมากสำหรับการเขียนโปรแกรมไม่กี่บรรทัดก็จัดการเรื่องเหล่านี้ได้

  • เริ่มแรกต้องไปสมัครสมาชิกของ clickatell ก่อนตรงนี้มีความสำคัญเพราะต้องเลือกไปที่ Developers' Central Reliable, scalable, customisable. Integrates with your system via APIs. จากนั้นรออนุมัติประมาณ 2-3 วัน รอบแรกผู้เขียนสมัครแบบ Communicator2 Send bulk SMS via the internet. No programming needed. ไปเข้าไปปรับแต่งและรออนุมัติ เสียเวลาไปตั้งหลายสัปดาห์ก็ไม่มีฟังก์ชั่นการส่ง SMS ผ่านเวบบราวเซอร์ให้ทำงานได้

  • หลังจากสามารถล็อกอินเข้า clickatell ได้แล้วจะมีข้อความให้ทดสอบส่งข้อความสั้นได้จำนวนหนึ่งและมีคำแนะนำสำหรับการเขียนโปรแกรม ตามตัวอย่างข้างล่าง


http://api.clickatell.com/http/sendmsg.php?user=[xxxxxx]&password=[xxxxxx]&api_id=[xxxxxx]&from=[xxxxxx]&to=[xxxxxx]&text=[xxxxxx]

สรุป พอผู้เขียนเห็นวิธีการส่งข้อมูลผ่าน url ข้างบนก็นั่งนึกในใจงานนี้ไม่ยากอย่างที่คิด เพราะเป็นรูปแบบการส่ง method get แบบง่ายๆ ลองคัดลอกโค๊ดข้างล่างนี้ไปสร้าง html ไฟล์แล้วลองรันดูครับ หรือเรียกไฟล์ sendsms.html ผลลัพธ์เป็นที่น่าพอใจ ส่งข้อความสั้นแบบรวดเร็วมากขอบอก





User:
Password:
api_id:
from:
to:
message:

If you click the "Submit" button, the form-data will be sent to a page called "http://api.clickatell.com/http/sendmsg.php".