pStudioDev Developmemt Team

มาใช้ Virtual Desktop บน Windows 10 กันเถอะ

2017-04-18T22:42:00.000+07:00

หลายๆ คนคงเคยเจอเวลาเปิดโปรแกรม Windows หลายจอแล้วมันค่อนข้างรกรุงรังวันนี้ผมมีวิธีแก้ใขให้ลองกันครับด้วย Feature ใหม่ของ Windows 10 ที่เรียกว่า Virtual Desktop

วิธีการใช้งานก็ง่ายมากเลยครับเพียงแค่กด Tab + Windows Key จะปรากฏหน้า Windows Virtual Desktop ขึ้นมาตามรูปด้านล่างเลยคัรบ

ถ้าเราต้องการสร้างหน้า Desktop ใหม่ให้เรากดที่ New Desktop ครับและถ้าเราต้องการจะเลือก Desktop ไหนขึ้นมาแสดงก็แค่ Click Desktop ที่ต้องการที่ด้านล่างได้เลยคัรบ ถ้าหากต้องการ Move Windows ไหนไป Desktop ตัวไหนก็แค่ Right Click ที่ Windows นั่นแล้วเลือก Desktop ที่ต้องการได้เลยครับ

เพียงเท่านี้เราก็ทำงานได้หลายหน้าจอและเป็นระเบียบมากขึ้นแล้วครับ

ซ่อน directory list จากหน้า Index ของ apache

2017-01-24T02:08:00.003+07:00

เมื่อเราติดตั้งโปรแกรม web server เริ่มแรกค่า default setting ที่มาจากโรงงงานมันจะไม่ค่อยปลอดภัยเท่าไรนะคัรบ อย่างกรณีที่ผมจะมายกตัวอย่างวันนี้คือ feature directory list ของ apache จะถูกเปิดมาตั้งแต่เริ่มต้นเลยคับ ดังรูปด้านล่าง

เพื่อความปลอดภัยเราควรตั้งค่าซ่อน feature directory list ออกไปครับวิธีทำก็คือให้ไปที่ apache config file ที่ C:\wamp\bin\apache\apache2.4.9\conf\httpd.conf แก้ตามด้านล่าง โดยการใส่ # หน้าคำสั่ง Options ....

เพียงเท่านี้ก้จะไม่มีหน้า directory list แล้วคัรบ

URL Monitor โปรแกรม

2012-10-22T23:14:00.001+07:00

วันนี้มีโปรแกรมเอาไว้ตรวจสอบว่า URL ที่นั่นๆ ยังคงทำงานได้หรือว่าออนไลน์อยู๋หรือเปล่ามาฝากนะครับ เป็นโปรแกรมทำมือนะครับ หรือว่า Homemade นั่นเองครับ โดยทางเรามี Source code ให้ดาวโหลดกันไปศึกษากันด้วยนะครับ แบบว่า Code กากๆ อะครับเรามาเริ่มดูกันเลยดีกว่าครับ

คุณสมบัติของโปรแกรม

ใช้ในการตรวจสอบลิงค์ว่ายังคงทำงานได้หรือเปล่า
รองรับการทำงานตั้งแต่ Windows 7 ขึ้นไปเท่านั่น XP ทำงานไม่ได้เพราะขี้เกียจไปนั่งแก้บน OS ตัวเก่าครับ
สามารถเก็บบันทึกลิงค์ได้ โดยจะบันทึกทั้งหมด
โปรแกรมต้องการ .NET Framework 4.0 Client Profile หรือสูงกว่าติดตั้งในเครื่องถ้าไม่มีดาวโหลดจากที่นี้ คลิ๊ก

ขั้นตอนการติดตั้ง

ดาวโหลดโปรแกรมจากที่นี้ คลิ๊ก
ถ้าต้องการ Source code ดาวโหลดได้จากที่นี้ คลิ๊ก

วิธีการใช้งาน

เมื่อติดตั้งโปรแกรมเสร็จให้ดับเบิ้ลคลิ๊ก URLMonitor.exe

ถ้าต้องการเพิ่งลิงค์เพื่อตรวจสอบให้เพิ่มได้โดยคลิ๊ก Add URL เมื่อทำเรียบร้อยลิงค์ใหม่จะไปอยู่ใน Data Grid เอง
ถ้าต้องการลบให้คลิ๊กเลือกลิงค์ที่ต้องการลบก่อนแล้วกดปุ่ม Delete บน Toolbar
ถ้าต้องการตรวจสอบลิงค์ทั้งหมดให้คลิ๊กปุ่ม Play บน Toolbar ได้เลย
ผลลัพธ์จะแสดงให้เห็นใน Output Console ด้านล่างว่าลิงค์ไหนตายบ้าง

สุดท้ายนี้ใครที่ดาวโหลด Source code ไปแล้วอย่าลืมไป Like ให้ด้วยนะครับผมจะได้รู้ว่ามีคนสนใจอยู่มากน้อยเพียงใดครับ ^ ^

ดูค่าคอนฟิกของ MySQL Database

2012-10-14T10:21:00.002+07:00

ใน MySQL Database นั่นเมื่อเราติดตั้งเสร็จเรียบร้อยแล้วโดยปกติจะมี Database ที่ชื่อว่า mysql โดย Database ตัวนี้จะทำหน้าที่เก็บค่าคอนฟิกต่างๆ ของ MySQL ที่โหลดมาจาก my.ini ตอน Startup MySQL นั่นเองครับ หรือว่าเปลี่ยนค่าโดยคำสั่ง set นั่นก็เหมือนกันครับ

สมมุติว่าเราต้องการเปลี่ยนค่า max_allowed_packet จากค่าปกติที่มีค่าเป็น 1MB ไปเป็น 100MB นะครับก่อนอื่นเราดูก่อนว่าค่าตอนแรกของมันคืออะไรกันก่อนครับโดยคำสั่งตามนนี้ครับ

จากนั่นเราลองเปลี่ยนค่าดูครับ

ลองดูค่าใน MySQL อีกทีว่าเป็นไปตามที่เราเปลี่ยนไว้หรือเปล่า

ถ้าเราต้องการจะดูค่าทั้งหมดในคอนฟิกเราสามารถดูได้โดยคำสั่ง SHOW variables;

ติดตั้ง Virtual Machine ด้วยโปรแกรมฟรีๆ อย่าง VirtualBox

2012-10-12T23:54:00.002+07:00

วันนี้เรามีโปรแกรมฟรีที่ทำงานเหมือนกับ Virtual Machine แบบ VMWare มาฝากนะครับโดยโปรแกรมตัวนี้มีชื่อว่า VirtualBox โปรแกรมนี้เป็นของ Oracle ครับคงจะโดนซื้อต่อมาโดย Oracle อีกทีมั่งครับไม่แน่ใจประวัติ ตัวโปรแกรม VirtualBox นี้จะทำหน้าที่จำลองเครื่องของเราเป็น Virtual Machine ครับทำให้เราสามารถติดตั้ง OS ได้หลายตัวในเครื่องตัวเดียวครับ เรามาเริ่มขั้นตอนแรกกันเลยครับ ก็ดาวโหลดโปรแกรมติดตั้งจากที่นี้เลยครับ คลิ๊ก เลือกที่เป็น Windows นะครับจากนั่นก็ทำกาติดตั้งไปเรื่อยๆ จนกะทั่งมาถึงหน้าตามรูปด้านล่างก็ถือว่าเสร็จสิ้นแล้วครับ ระหว่างการติดตั้งถ้ามีอะไรถามก็ Yes ให้หมดเลยครับ

เมื่อติดตั้งเสร็จหน้าแรกที่เราจะเห็นก็คือหน้า VirtualBox Manager นะครับ

อย่างตัวอย่างในบทความนี้ผมจะติดตั้ง Windows XP ตัวใหม่บน VirtualBox นะครับเริ่มแรกเลยก็ New Virtual Image ก่อนเลยครับ โดยผจะติดตั้งจาก ISO Image ไฟล์นะครับใครสะดวกติดตั้งผ่าน CD ก็เลือกได้ตามละดวกเลยครับ

จากนั่นตั้งค่าของ Memory ผมเลือกที่ 512MB ครับ

ต่อไปเราจะต้องเลือกว่าจะสร้าง Hard Drive แบบไหนให้เราเลือก Create a new virtual hard drive now

ต่อไปเลือก Hard Drive File Type ครับโดยหลักๆ ที่แนะนำมี 2 แบบนะครับ VDI ใช้ได้แต่กลับ VirtualBox เท่านั่น ส่วน VMDK นั่นสามารถใช้ได้กับ VMWare ด้วยนั่นเองครับก็เลือกตามสะดวกเลยครับ แต่ตอนนี้ผมเลือก VDI นะครับ

ต่อมาเราจะมาเลือกว่าจะเลือกการจอง Hard Drive ยังไงมีให้เลือก 2 แบบ Dynamic และ Fixed โดยที่ Dynamic คือการที่จะค่อยๆ จองเมื่อต้องการใช้งานจริงไม่จองครั้งเดียวทั้งหมดเหมือน Fixed แบบ Dynamic จะดีกว่าครับเพราะจะทำให้เราไม่ต้องจองพื้นที่ทั้งหมดคร่าวเดียวทำให้เรายังคงใช้พื้นที่ส่วนนั่นทำอย่างอื่นได้อยู่ครับ

ต่อไปเลือกขนาดของ Hard Drive ของเรานะครับว่าจะให้พื้นที่เท่าไรผมเอาแค่ 15GB พอครับ

เมื่อเราสร้าง Virtual Image เสร็จแล้วเราจะมาหน้าจอ VirtualBox Manager อีกครั้งนะครับ ในหน้านี้เราสามารถดูได้แล้วละครับว่า Image ที่เราสร้างขึ้นมานั่นมีสเปคเป็นยังไงบ้าง

ต่อไปเราจะทำการ Mount ISO CD แผ่น Windows XP ไปยัง Image ที่เราสร้างขึ้นมานะครับคลิ๊กที่ Setting ได้เลยครับ (ตรงทูลบาร์) จากนั่นให้ไปที่ Storage แล้วคลิ๊กที่ CD icon นะครับ

ให้เราเลือก Path ที่แผ่น ISO CD ของเราอยู่ครับเมื่อ Mount เสร็จข้อมูลจะบอกรายละเอียดของ ISO CD ของเราที่ส่วนของ Information นะครับ

จากนั่นให้เรา Start Image ของเราได้เลยครับ จะมีข้อมูลบอกเราเกี่ยวกับ Auto capture keyboard และ Hotkey ให้เราคลิ๊ก OK ครับ

หลังจากเปิดเครื่องเราจะได้หน้าตาเพื่อติดตั้ง Windows ตามแผ่นที่เรา ISO CD เอาไว้นะครับ

เมื่อเราเลือกติดตั้ง Windows XP แล้วโปรแกรมก็จะเริ่มถูกติดตั้งครับ

หลังจากนนั่นก็ติดตั้งไปตามปกติครับ เมื่อติดตั้งเสร็จเราจะได้หน้าตา Image ของเราประมาณนี้นะครับ

เพียงเท่านนี้เราก็สามารถมีหลาย OS ในเครื่องๆ เดียวได้แล้วนะครับ

วิธีดูว่าเครื่องเราติดตั้ง .NET Framework เวอร์ชั่นไหนบ้าง

2012-10-11T00:36:00.001+07:00

เพื่อนหลายคนคงเคยประสบปัญหาว่าเวลาเขียนโปรแกรมด้วย .NET Framework แล้วไปรันบนเครื่องอื่นแล้วทำงานไม่ได้ เพราะว่า .NET Framework ไม่ต้องกับเวอร์ชั่นที่ Compile โปรแกรมมาแต่เราไม่รู้นี้สิว่าเครื่งนั่นลง .NET เวอร์ชั่นไหนอยู่ วันนี้เรามีวิธีการดูเวอร์ชั่นมาบอกครับ โดยปกติแล้วเราสามารถดูว่าเครื่องติดตั้งเวอร์ชั่นไหนได้ 2 วิธีครับ

ดูจาก regedit โปรแกรมโดยทำได้ดังนี้

Start -> Run -> regedit

จากนั่นก็ไปที่ Computer\HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\.NETFramework จะเห็นว่าเราได้ติดตั้งเวอร์ชั่นไหนไปบ้างแล้ว ตัวอย่างเช่นเครื่องนี้ติดตั้ง V1.0, V2.0.50727, V3.0 และ V4.0.30319

ดูได้จาก Windows Explorer โปรแกรมทำได้ดังนี้

Start -> Run -> %systemroot%\Microsoft.NET\Framework

เพียงเท่านี้เราก็รู้แล้วละครับว่า .NET เวอร์ชั่นไหนที่เราติดตั้งไว้แล้วบ้าง

C# .NET ดึงค่า Mac Address และ IP Address จากเครื่องคอมยังไง

2012-10-06T17:09:00.001+07:00

วันนี้เรามาเรียนรุ้วิธีการดึงค่า Mac Address จากเครื่องคอมพิวเตอร์ของเรากันดีกว่าครับจริงๆ แล้วใน .NET Framework นั่นจะมีคลาสๆ หนึ่งชื่อว่า NetworkInterface ให้เราเอาไว้ใช้งานอยู่แล้วครับ การใช้งานก็ง่ายมากไม่ได้ยุ่งยากอะไรเลยครับ โดยในตัวคลาส NetworkInterface นี้มี Property ที่สำคัญๆ อยู่ไม่กี่ตัวเองครับดังนี้

Id เป็นตัวที่บอก Mac Address ของ Network Interface ตัวนั่นครับ
Name บอกชื่อของ Network Interface
Description บอกคำอธิบายเพิ่มเติม
NetworkInterfaceType ชนิดของ Network Interface
OperationalStatus สถานะปัจจุบันของ Network Interface
Speed ความเร็วของ Network Interface

จากนั่นลองเขียนโปรแกรมตามดังนี้ครับ

ผลลัพธ์ก็ประมาณนี้ครับ

เพียงเท่านี้เราก็ได้ Mac Address มาแล้วละครับส่วนถ้าต้องการรู้ IP Address เพิ่มก็โปรแกรมตามด่านล่างเลยครับ เพิ่มเติมนิดหนึ่งครับว่า InterNetwork นี้หมายถึง IPv4 ครับ

ผลลัพธ์ก็ประมาณนี้นะครับ

วิธีการ Debug Windows Script Host (WSH) หรือ VBScript บน Windows 7

2012-10-01T23:57:00.002+07:00

หลายคนคงเคยรู้จักและเขียน Windows Script Host (WSH) หรือว่าตัว VBScript ที่ทำงานเหมือน Batch File แต่เจ้าตัว WSH นี้ทำงานได้ดีกว่า Batch File มากครับยกตัวอย่างเช่น

ลักษณะการเขียนที่ง่ายกว่า
สามารถใช้ภาษา VB ในการเขียน Script ได้
มี Library ให้เลือกใช้งานได้ง่าย และ มากกว่า
สามารถทำการ Debug ได้
พัฒนาต่อยอดได้มากกว่า Batch File เยอะ

แต่หลายคนที่เคยเขียน WSH ใหม่ๆ คงสงสัยว่าเวลาที่เราจะ Debug Script ของเราแบบที่ละบรรทัดจะทำยังไง หรือว่าเราต้องการที่จะดูค่าที่อยู่ในตัวแปรแต่ละตัวทำยังไง วันนี้เรามีคำตอบให้ครับ ก่อนจะทำอย่างนั่นได้เราต้องไป Download โปรแกรมที่ชื่อว่า Microsoft Script Debugger มาก่อนครับ

เมื่อติดตั้งโปรแกรมเรียบร้อยแล้วให้เราลองเขียน WSH Script ง่ายๆ ขึ้นมาสักตัวนะครับเพื่อเราจะใช้มันในการทดสอบการ Debug ของเราโดยบันทึกเป็น test.vbs

จากนั่นเราก็ลองรัน Script ในรูปแบบธรรมดาดูก่อนครับว่ามันทำงานยังไง โดยปกติเราสามารถรัน Script ได้สองวิธีครับ 1. ดับเบิ้ลคลิ๊กได้โดยตรงเลย 2. ใช้คำสั่ง wscript.exe ตามนี้ครับ

จากรูปเราจะได้ผลลัพธ์ออกมาเป็น Message Box นะครับ แต่ต่อมาเราจะทำการรันโปรแกรมโดยใช้ Debugger แล้วนะครับ

จะมีหน้าต่าง Microsoft Script Debugger ปรากฏขึ้นมาแบบนี้นะครับ

เราสามารถที่จะตรวจสอบการทำงานแต่ละบรรทัดได้จากโปรแกรมนี้เลยนะครับ ถ้าเราต้องการให้ทำงานทีละบรรทัดก็ให้ใช้ F8 นะครับส่วนถ้าเราต้องการดูว่าค่าในตัวแปรของเราเป็นค่าอะไรให้ใช้ Command Window นะครับ (เปิดได้โดย View -> Command Window) ในหน้าต่างให้เราใช้คำสั่ง ?VariableName เพื่อจะดูค่าตัวแปรที่เราต้องการดูนะครับ เช่น

เพียงเท่านี้เราก็สามารถที่จะ Debug Script ได้แบบ Step by Step แล้วละครับ

วิธีการทำ Decompiler หรือ Disassembler จาก .NET EXE เป็น Source Code

2012-09-30T00:11:00.002+07:00

วันนี้เรามาเรียนรู้วิธีการ Decompiler หรือการ Disassembler .NET EXE ไปเป็น Source code กันครับ ก่อนอื่นเลยต้องบอกก่อนเลยนะครับว่าบทความนี้ทำขึ้นเพื่อการเรียนรู้และทำความเข้าใจการทำงานของ .NET Framework เท่านั่นนะครับไม่ได้มีเจตนาทางด้านมืดแต่อย่างใด :-)

ก่อนอื่นเลยเราต้องมาเรียนรู้การทำงานตั้งแต่การ Compile source code ไปเป็น MSIL (Microsoft Intermediate Language) และเป็น Native Code ในที่สุดก่อนนะครับ เรามาเริ่มกันเลยครับ

โดยปกติแล้วเวลาเราเขียนโปรแกรมแล้วทำการ Compile นั่นตัว Compiler จะทำการ Compile ไฟล์ .cs ของเราไปเป็น MSIL Code หรือภาษากลางที่ตัว .NET Framework เข้าใจก่อนครับไม่ใช่ทำเป็น EXE โดยตรงเลยอย่างภาษา C\C++ นะครับ

เมื่อเราได้ MSIL มาแล้วเราถึงจะเอาตัว MSIL ที่เราได้ไปรันโดยผ่านตัว CLR (Common Language Runtime) หรือว่า .NET Framework นั่นเองโดยตัว CLR จะทำหน้าที่ในการแปลงตัว MSIL ไปเป็น Native Code หรือว่าภาษาเครื่องนั่นเองครับ โปรแกรมแกรมของเราจึงจะทำงานได้หรือพูดง่ายๆ ก็จะได้ประมาณนี้นะครับ

C# Code -> Compiler -> MSIL Code -> CLR -> Native Code

เอาละครับเรารู้หลักการทำงานเบื้องต้นกันไปแล้วทีนี้เรามาดูวิธีการ Decompiler กันดีกว่าครับ เริ่่มแรกเลยเราต้องสร้างโปรแกรมเพื่อให้ได้ EXE ที่เราจะเอามาทดสอบก่อนเลยครับ

ตัวอย่างแรกผมจะใช้โปรแกรม Hello world ในการทดสอบนะครับ

จากนั่นทำการ Compile โปรแกรมของเรานะครับเพื่อให้ได้ EXE มาโปนแกรม EXE เราจะอยู่ใน HelloWorld\bin\Debug นะครับ

เมื่อเราได้ EXE มาเละทีนี้เราก็มาดาวโหลดโปรแกรมที่เราจะมาใช้ในการทำ Decompiler ก่อนนะครับที่นี้ http://ilspy.net/ โปรแกรมชื่อว่า ILSpy เมื่อดาวโหลดมาเสร็จก็แตกซิปแล้วจะมีไฟล์ ILSpy.exe ให้รันโปรแกรมเลยครับ

จากนั่นให้ทำการ File -> Open แล้วไปที่ EXE ของเราเลยนะครับ จากนั่นให้เราคลิก Main ฟังก์ชั่นที่เราได้เขียนโปรแกรมมานะครับ

ทางด้านขวามือเราก็จะเห็น Source code ของ EXE ตัวนั่นแล้วละครับ ทีนี้เราจะมาลองยากขึ้นนะครับโดยการลอง Decompiler โปรแกรมที่มีความซับซ้อนเพิ่มมากขึ้นตามนี้

เมื่อเราใช้โปรแกรม ILSpy จะได้ดังนี้

เห็นมั้ยครับเพียงเท่านี้เราก็สามารถจะทำการ Decompiler หรือ Disassembler ได้แล้วละครับ

รู้จัก Google Page Rank เพื่อการทำ SEO

2012-09-09T13:42:00.000+07:00

Google Page Rank คืออะไร

Page Rank (หรือค่า PR) คือระบบการให้เรตติ้งของหน้าเว็บเพจซึ่งแต่เดิมนั่นตอนแรกแรกที่ Google เริ่มทำ Search Engine นั่นทาง Google ได้ให้ Page Rank ของหน้าเพจแต่ละหน้าเท่ากันหมดโดย Search Engine ตัวแรกๆ นั่นจะดูเพียงแค่ Content และ Meta tags เท่านั่นไม่ได้สนใจ Page Rank เลยแต่ในปัจจุบันที่เว็บเพจมีเยอะมากขึ้นรวมถึงเนื้อหาและเว็ขเพจมีความซับซ้อนมากขึ้นทำให้ระบบ Search Engine ในปัจจุบันนั่นไม่ได้ใช่เพียงแค่ Content และ Meta tags อีกต่อไปแล้วแต่ระบบจะใช้ตัว Keyword และ Page Rank เข้ามารวมพิจารณาดัวย

หลักในการตัดสินใจในการให้ Page Rank นั่น Google ได้เลือกจากเว็บใหญ่ๆ ที่มีความสำคัญและความน่าเชื่อถือมากๆ มาใช้ในการให้ Page Rank เช่น cnn.com, dmoz.com, espn.com โดยเว็บใหญ่ๆ เหล่านี้เป็นเว็บที่มีความน่าเชื่อถือสูงไปด้วย และเช่นกันถ้าเว็บใหญ่ๆ เหล่านี้ลิงค์ไปยังเว็บไหน เว็บนั่นก็จะมีค่า Page Rank สูงขึ้นด้วย ยกตัวอย่างเช่น เว็บ pantip.com มี Page Rank เท่ากับ 6 แล้วเราเอาที่เว็บนี้มีลิงค์มาที่เว็บเราเว็บของเราก็จะมีค่า Page Rank สูงขึ้นตาม pantip.com ด้วย (แต่ค่าไม่เท่ากันนะครับ) โดย Google จะให้ค่า Page Rank อยู่ระหว่าง 0 - 10 ถ้าเว็บไหนได้ 10 นี้ถือว่ายอดมากครับแต่เท่าที่ดูมายังไม่เจอครับขนาด cnn.com ยังได้แค่ 8 เองเลยครับ

Page Rank ของเว็บเราคือเท่าไร

แน่นอนครับเราสามารถดู Page Rank ของเราได้หลายวิธีแต่วันนี้ผมจะมาแนะนำวิธีที่ใช้กับ Google Chrome นะครับ ขั้นแรกเราต้องติดตั้ง PageRank Extension ใน Chrome ก่อนครับที่นี้เลยครับ PageRank Status เมื่อติดั้งเสร็จเรียบร้อยแล้วก็ให้ให้เราเข้าไปยังเว็บที่เราต้องการจะทดสอบครับ เช่น pantip.com เป็นต้นจากนั่น PageRank Extension จะตรวจสอบค่า Page Rank ของเว็บนั่นให้เราครับ

จากรูปเราจะเห็นนะครับว่าค่า Page Rank ของ pantip.com มีค่าเท่ากับ 6 และตัว Extension ตัวนี้ก็ยังสามารถจะบอก IP ของเว็บที่เรากำลังใช้งานอยู่ได้ด้วยนะครับ อีกทั้งเรายังสามารถดูรายละเอียดของ IP ตัวนี้ได้อีกด้วยครับโดยการคลิ๊กที่ "whois" ด้วยนะครับ

ทำยังไงให้ค่า Page Rank ของเราเพิ่มขึ้น

ทางที่เราจะทำให้ค่า Page Rank ของเราเพิ่มขึ้นได้นั่นคือเราต้องมีลิงค์อยู่ในเว็บที่ซึ่งมี Page Rank ดีดีอยู่ครับ นั่นหมายความว่าถ้าเราเอาลิงค์ไปแปะที่เว็บ NoName ที่มีค่า Page Rank เป็น 0 ก็จะไม่ได้ช่วยอะไรนะครับ แต่ถ้าเรามีลิงค์อยู่ในเว็บที่มีค่า Page Rank เป็น 6 ก็อาจจะเป็นไปได้ที่จะทำให้เว็บของเรามีค่า Page Rank เป็น 5 ก็ได้นะครับถ้าเว็บของเราได้รับความน่าเชื่อถือจาก Google ด้วยนะครับไม่ใช่ว่าจะได้ค่า 5 เลยทันที

สุดท้ายวิธีการทำ SEO นั่นยังมีอีกมากมายหลายวิธีนะครับไม่ใช่มีแค่การทำ Page Rank เท่านั่นนะครับ

MSAccess2MySQL Application

2012-09-08T23:01:00.001+07:00

MSAccess2MySQL

โปรแกรมใช้ในการก๊อปปี้ข้อมูลจาก MSAccess ไปยัง MySQL Database

หน้าคอลฟิก

เมื่อทรานเฟอร์ข้อมูลเสร็จแล้ว

Barcode128 Generator with MySQL Database

2012-09-08T22:43:00.000+07:00

Barcode128 Generator with MySQL Database

เป็นโปรแกรมที่ใช้ในการสร้างบาร์โค็ด 128 โดยปริ๊นต์ออกเป็นสติ๊กเกอร์

หน้าคอนฟิก

หน้าพีวิวก่อนปริ๊นต์จริง

เรียนรู้และใช้งาน Chrome Developer Tools

2012-09-07T23:29:00.003+07:00

Chrome Developer Tools

Chrome Developer Tools เป็นเครื่องมือตัวหนึ่งที่มีมาให้ในบาวเซอร์ Chrome แล้วโดยเครื่องมือตัวนี้สามารถช่วยให้เราสามารถที่จะทำการ Debugging เว็บที่เราเขียนขึ้นมาได้ไม่ว่าจะเป็นในด้านการตรวจสอบเรื่องของเวลาการ Loading, Scripting, Rendering หรือแม้แต่การ Painting โดยที่จริงแล้วนะครับเครื่องมือตัวนี้เป็นหนึ่งใน WebKit Project (ที่ Chrome ใช้เป็น Engine หลักในการแสดงผล HTML นั่นเองไงครับ) วันนี้เราจะมาเรียนรู้กันนะครับว่า Chrome Developer Tools ใช้งานยังไงและเครื่องมือนี้ทำอะไรให้เราได้บ้าง

เรียกใช้งาน Developer Tools ยังไง

เราสามารถเรียกใช้งานเครื่องมือได้โดยการกด F12 หรือ Ctrl + Shift + I หรือว่าเราเปิดจากเมนูได้ตางรูปนะครับ

มีเครื่องมืออะไรบ้างใน Developer Tools

ในตัว Developer Tools นั่นเองก็มีเครื่องมือย่อยๆ ให้เราได้ใช้อีกเยอะเหมือนกันนะครับเรามาดูกันทีละตัวกันดีกว่าครับ

Elements

เป็นเครื่องมือที่ทำให้เราสามารถดูตัว HTML Source Code ได้ครับรวมถึง JavaScript ด้วยนะครับโดยการแสดงผลก็จะอยู่ในรูแบบของ Document Object Model

Resources

เป็นเครื่องมือที่ทำให้เราสามารถที่จะตรวจสอบการใช้งานของ Resource ที่ซึ่งเราโหลดและเรียกใช้งานทั้งหมดในหน้าเว็บเพจของเรา โดยส่วนตัวแล้วผมคิดว่าเครื่องมือตัวนี้เหมาะสำหรับการเขียนเว็บแบบ HTML5 มากกว่านะครับเพราะว่าด้วยเครื่องมือตัวนี้ทำให้เราสามารถที่จะดู Local Database ที่ซึ่งเป็นมาตราฐานของ HTML5 แต่สำหรับ HTML ทั่วไปเราก็ใช้ดูพวก Session กับ Cookie ได้นะครับ

Network

เป็นเครื่องมืออีกตัวที่น่าสนใจทีเดียวครับเพราะว่าเราสามารถดูว่าเราโหลดอะไรมาจาก Server บ้างใช้เวลานานแค่ไหนกว่าจะโหลดเสร็จ แล้วการโหลดมานั่นใช้ Bandwidth เท่าไร และอีกอย่างนะครับด้วยเครื่องมือตัวนี้เราสามารถดู HTTP Header ทั้ง Request และ Response ได้ด้วยละครับ เครื่องมือตัวนี้มีประโยช์นมากครับถ้าใครจะดูว่าเว็บเราช้าเพราะอะไรบ้าง แต่จริงๆ ก็มีอีกตัวที่น่าสนใจนะครับคือ Timeline เดียวเราดูต่อในช่วงต่อไปนะครับ

Sources

เครื่องมือตัวนี้สำหรับ JavaScript อย่างเดียวเลยยครับ เค้าเกิดมาเพื่อสิ่งนี้เลยครับด้วยเครื่องมือนี้เราสามารถที่จะ Debug หรือว่าแก้ไขตัว JavaScript ได้ขณะที่มันทำงานอยู่เลยละครับ

Timeline

ตัวนี้ะครับเจ๋งเอาไว้เพื่อทำการวัด Timing และ Speed ครับด้วยเครื่องมือตัวนี้เราสามารถที่จะรู้ได้เลยครับว่าเวลาที่ใช้ในเว็บเพจของเราส่วนใหญ่นั่นใช่เพื่ออะไรบ้างเช่น Loading, Scripting, Rendering หรือ Painting ครับ

Profiles

เครื่องมือตัวนี้เอาไว้เพื่อทำการวิเคราะห์ประสิทธิภาพของ JavaScript ครับยกตัวอย่างเช่น เราต้องการรู้ว่า Function ที่เราเขียนใน JavaScript นั่นใช้เวลาในการรันเท่าไรเราก็สามารถใช้เครื่องมือตัวนี้ในการวิเคราะห์ได้ครับ

Audits

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

Console

ส่วนสุดท้ายนี้คือหน้า Console ครับหน้านี้เราสามารถที่จะทำงานติดต่อกับ JavaScript และ เขียนโปรแกรมติดตอกับเว็บเพจของเราได้ด้วยละครับ

รายละเอียดของการใช้งานเครื่องมือแต่ละตัวยังไม่จบเท่านี้นะครับยังมีต่อ แต่ไว้วันหลังผมจะมาเขียนต่อนะครับว่าแต่ละตัวใช้งานยังไง

ตัวอย่างการแปลง Class Diagram เป็น Source Code

2012-09-04T23:24:00.000+07:00

วันนี้เราจะมาสอนวิธีการแปลงตัว Class Diagram ไปเป็น Source Code นะครับโดยสมมุติว่าเราจะสร้าง Guitar Class ขึ้นมาเพื่อแทนตัวกีตาร์นะครับ และเราก็จะมี Inventory Class เพื่อเก็บกีตาร์หลายๆ ตัวไงละครับดังตามรูปด้านล่างเลยนะครับ

เราจะเริ่มแปลงตัว Guitar Class ก่อนเลยนะครับ

เราสามารถแปลงเป็น Source Code ได้ดังนี้

ต่อมาเรามาแปลง Inventory Class กันครับ

เมื่อแปลงมาเป็น Source Code แล้วจะได้ดังนี้ครับ

จากนั่นเราสามารถเขียน Code เพื่อทดสอนได้ดังนี้

เพียงเท่านี้เราก็แปลง Class Diagram มาเป็น Source Code ได้แล้วละครับ

วิธีทำ Facebook Comment ใน Blogger

2012-09-04T00:11:00.003+07:00

จากบทความก่อนนะครับที่เราได้เรียนรู้วิธีการทำ Facebook Fanpage Blogger ไปแล้วนั่น วันนี้เราจะมาดูกันครับว่าขั้นตอนการทำกันอย่างไรบ้าง ขั้นตอนการทำง่ายมากครับไม่ได้ยุ่งยาก จะมียากอย่างเดียวก็คือตอนที่จะเอามาใสใน Blogger นี้เละครับ

เริ่มแรกเลยเราต้องไปสร้าง Facebook Comment ก่อนครับโดยทาง Facebook ได้เตรียมเครื่องมือให้เราไว้แล้วครับที่นี้เลยครับ https://developers.facebook.com/docs/reference/plugins/comments/ ที่ URL ให้เราใส่ URL เว็บเพจของเรานะครับ

เมื่อเลือกรูปแบบได้ตามต้องการแล้วก็ให้คลิ๊ก Get Code นะครับเพื่อเราจะได้เอาโค็ดไปใส่ในหน้า Blogger ของเราให้เราเลือกแบบ HTML5 นะครับ ตัวโค็ดจะมีด้วยกัน 2 ส่วน ส่วนที่เป็น Javascript และส่วนที่เป็น HTML ที่เราจะเอาไปแสดงคอมเมนต์ของเรานะครับ

เมื่อเราได้โค็ดมาแล้วเราก็ไปที่ Blogger ของเรานะครับในส่วนของ Template

เลือก Edit HTML จะมีหน้าต่างขึ้นมาเพื่อให้เรายืนยันว่าต้องการแก้ไข HTML นี้จริงๆ (การแก้ไข้ HTML โดยตรงถ้าแก้ผิดอาจทำให้การแสดงเพี้ยนไปได้ครับ) จากนั่นเลือก Proceed

เพื่อกันความผิดพลาดเราควรจะ Backup HTML Code ของเดิมไว้ก่อนนะครับ เมื่อเราคลิ๊ก Proceed จะมีหน้าต่าง HTML Code ขึ้นมาให้เราแก้ไขตามนี้ครับ

ให้เราหาคำว่า <body> เพื่อจะทำการใส่โค็ดในส่วนของ JavaScript ใต้ <body> แต่ก่อนที่เราจะใส่โค็ดไปได้นั่นเราต้องทำการแปลงโค็ดก่อนครับโดยแปลงที่นี้ครับ http://centricle.com/tools/html-entities/

จากนั่นให้เราก็อบโค็ดที่เราได้มาไว้ใต้ <body> ดังนี้ครับ

ต่อมาเราก็ต้องมาใส่โค็ดส่วนที่สองกันแล้วครับ ให้ใส่ไว้ที่ไหนก็ได้ครับแล้วแต่ชอบ หรือว่าจะใส่แบบตัวอย่างก็ได้ครับ

จากนั่นก็ลอง Preview ดูก่อนครับอย่างเพิ่ง Save template ถ้าพอใจเมื่อไรแล้วค่อย Save ครับ ยังไงก็ลองทำดูกันนะครับ

แก้ปัญหา MySQL "Out of sync with server"

2012-09-03T23:36:00.002+07:00

พอดีผมได้มีโอกาสได้เจอเจ้าปัญหาตัวนี้ ผมก็งงไปกับมันเหมือนกันครับเพราะว่าลองที่เครื่องผม เครื่องคนอื่นก็ไม่เป็น แต่เป็นกับเครื่องที่ติดต่อฐานข้อมูลของ CentOS งงเลยครับมันเป็นอะไรหว้า ก็ลองหาข้อมูลทางเน็ตดูจึงได้รู้ว่าแท้ที่จริงแล้วมันคือ Bug ของทาง MySQL Connectors นั่นเองครับ หรือว่าเจ้าตัว MySQL.Data.dll ที่เราทำการ Reference นั่นเองไงครับทาง MySQL เค้าคอนเฟริมเองเลย เอิ๊กๆ คงจะรอแก้ในเวอร์หน้ามั่งครับ

โดยเท่าที่ผมทดสอบดูจะเกิดกับ CentOS เท่าที่รู้นะตอนนี้นะครับ เพราะตอนนั่นลองเอาเครื่อง Client ที่เป็น Win 7 ลองต่อไปที่ Database Server ที่เป็น CentOS ดูเป็นเรื่องเลยครับทั้งๆ ที่พอลองต่อไปที่ Windows และ Ubuntu ก็ทำงานได้ดีทุกอย่าง เอาละครับมาดูวิธีแก้กันดีกว่าครับ

วิธีแก้ก็คือเราต้องถอยกลับไปใช้เวอร์ชั่นก่อนหน้านั่นครับ ตอนที่ผมใช้ MySQL.Data.dll เป็น Version 6.4.5 เป็นตัวที่มีปัญหาผมก็เลยย้อนกลับไปที่ 6.3.9 พอทำการ Compile โปรแกรมใหม่ก็ทำานได้ปกติทุกอย่างครับปัญหา "Out of sync server" ก็ไม่เจออีกเลย ยังไงก็ลองน้ำไปใช้กันดูนะครับ

C# เขียนโปรแกรมให้ TextBox รับแต่ภาษาอังกฤษเท่านั่น

2012-09-02T18:28:00.001+07:00

เพื่อนๆ หลายคนคงเคยเขียนโปรแกรมที่จะต้องมีข้อจำกัดว่าให้ TextBox รับ้อมูลได้แต่ตัวเลขเท่านั่น หรือว่าได้แต่ภาษาอังกฤษเท่านั่น วันนี้เราจะมาดูกันครับว่ามีขั้นตอนและวิธีการเขียนยังไง ก่อนอื่นเลยก่อนเราจะเขียนโปรแกรมเราต้องรู้เกี่ยวกับ ASCII กันก่อนครับ ถ้าใครรู้แล้วก็ข้ามไปเลย แต่ถ้าังไม่รู้ก็อ่านสักนิดครับ

โดยปกติแล้วการที่เราจะแสดงตัวอักษา A ได้นั่นเราจะต้องส่งค่าตัวเลขที่เป็น Dec หรือเลขฐานสิบที่มีค่า 65 ไปให้กับคอมพิวเตอร์เพื่อสั่งให้มันแสดงผลตัวอักษา A ออกมา (ตัวอย่างในกรอบสีเขียวในรูปด้านล่าง) ดังนั่นถ้าเราต้องการเฉพาะตัวเลขเราก็ต้องสร้างเงื่อนไขว่า ค่าตัวอักษรจะต้องอยู่ระหว่าง 48 และ 57 แล้วถ้าเราจะเอาเฉพาะตัวอักษรภาษาอังกฤษค่าตัวอักษรก็ต้องอยู่ระหว่าง 65 และ 122 เป็นต้น เมื่อรู้คอลเซ็ปแล้วเราก็ไปเริ่มเขียนโปรแกรมกันเลยครับ

ก่อนอื่นเลยก็สร้างโปรเจ็คก่อนเลยครับ

จากนั่นก็วาง Control ลงใน Form แบบนี้

จากนั่นเราก็เพิ่มโค็ดเข้าไปตามนี้

จากนั่นลองทดสอบโปรแกรมนะครับ

ถ้าต้องการ Source Code ของโปรแกรมคลิ๊กเลยครับ คลิ๊ก

ติดตั้ง FTP Server บน Windows 7 ด้วย FileZilla

2012-09-02T14:33:00.002+07:00

โดยปกติแล้วถ้าเราใช้ Windows Server นั่นจะมีโปรแกรม FTP Server มาให้อยู่แล้วนะครับ แต่ถ้าเราใช้แค่ Windows ธรรมดาจะไม่มีโปรแกรมพวก FTP มาให้ใน Windows นะครับ ถ้าเราต้องการทำ FTP Server บนเครื่องที่เป็น Windows 7 เราจะต้องใช้ตัวโปรแกรม 3rd Party FTP Server ครับก็พระเอกของเราไงครับโปรแกรม FileZilla โดยที่จริงแล้วตัวโปรแกรมของ FileZilla นั่นมีทั้งที่เป็นแบบ Server และ Client ครับ วันนี้เราจะขอกล่าวถึงในส่วนของที่เป็น Server เท่านั่นครับ

เริ่มแรกเลยเราต้องดาวโหลดโปรแกรม FileZilla มาก่อนครับที่นี้เลยครับ http://filezilla-project.org/ ให้ดาวโหลด FileZilla Server นะครับ

เมื่อเราติดตั้งเสร็จเรียบร้อยแล้วก็มาดูกันครับว่าใน FileZilla มีโปรแกรมอะไรให้เราได้ใช้งานบ้าง

ตัวโปรแกรมก็จะมี 3 ตัวนะครับ

FileZilla Server Interface มีไว้เพื่อเข้าสู่หน้าจอ Management Console ของตัว FTP Server FileZilla ครับ
Start FileZilla Server และ Stop FileZilla มีไว้เพื่อ Start และ Stop FTP Service ครับ

ให้เราเปิดโปรแกรม FileZilla Server Interface ออกมานะครับ แลัวใส่ตามรูปด้านล่างเลยครับ

แล้วหน้า Management Console ก็จะเปิดขึ้นมาครับ ในหน้านี้เราสามารถจัดการ บัญชีผู้ใช้งาน ไดเร็กทรอรีที่เราต้องการทำ FTP ..... อีกมากมายครับ

ถ้าเราต้องการเพิ่มบัญชีผู้ใช้งานใหม่ก็ให้ไปที่ Edit -> Users ในหน้านี้เราสามารถที่จะเพิ่มผู้ใช้งานใหม่ได้โดยการคลิ๊กที่ Add แล้วใส่ชื่อที่เราต้องการลงไป จากนั่นอย่าลืม Enable Account และตั้ง Password ด้วยนะครับ

ที่หน้า Shared Folder ให้เราเลือก Folder ที่เราต้องการจะทำ FTP ครับโดยการคลิ๊ก Add เพื่อเพิ่ม Folder แต่เราต้องมีการกำหนดด้วยว่าจะให้ Account ไหนใช้งานได้บ้างด้วยอย่างลืมเซ็ตด้วยนะครับ

ที่หน้า Speed Limit เราสามารถกำหนดได้ด้วยครับว่าเราจะให้ Bandwidth ของการทำ FTP เท่าไร

เช่นกันครับที่หน้า IP Filter เราสามารถเลือกว่าจะตอบรับกับ IP ไหนได้เช่นกัน

เมื่อเราทำการสร้าง Account ใหม่แล้ว Shared Folder เรียบร้อยแล้วเราก็มาลองทำการ FTP กันเลยดีกว่าครับ จริงๆ แล้ว Widnows 7 นั่นมี FTP Client มาให้แล้วนะครับเรียกใช้งานได้โดยใส่ ftp://127.0.0.1 ที่ My Computer ได้เลยครับ

หลังจากนั่นก็จะมีหน้าต่างให้เราใส่ Username Password ตามนี้ครับก็ให้เราใส่ Username Password ที่เราได้สร้างไว้ลงไป

เพียงเท่านี้เราก็สามารถ Copy หรือ Download ไฟล์จาก FTP Server ของเราได้แล้วละครับ อีกนิดนะครับถ้าเราต้องการรู้ IP Address ของเราเพื่อจะส่งให้ผู้อื่นทำการ FTP มาที่เครื่อง Server ของเราได้นั่นก็ดู IP ได้จากการพิมพ์คำสั่ง ipconfig ลงใน cmd นะครับ (start -> run -> cmd enter ipconfig enter)

เพียงเท่านี้เราก็ได้ IP ของเครื่องเราแล้วละครับ

ทำหน้าจอ GUI สวยๆ ด้วย Mockup Builder

2012-09-02T13:44:00.002+07:00

วันนี้ผมมีโปรแกรมสำหรับการทำ Mockup GUI เทพๆ มาฝากกันครับ หลายๆ คนคงเคยออกแบบ GUI ของโปรแกรมก่อนที่เราจะทำการเขียนโปรแกรมจริงๆ กันใช่มั้ยครับโดยมากแล้วเราจะใช้ปากกาหรือดินสอวาดบนกระดาษแต่เวลาแก้ไขก็จะยาก หรือถ้าดีหน่อยก็วาดด้วย Word หรือไม่ก็ Visio แต่โปรแกรมพวกนี้ก็ไม่ค่อยสะดวกเท่าไรเลนะครับ ผมได้เคยลองใช้โปรแกรมที่ชื่อว่า Mockup Builder ตัวโปรแกรมมันเจ๋งมากเลยครับ หน้าตาใช้งานง่าย มีคอนโทรลให้เราเลือกใช้งานเยอะ

ดาวโหลดโปรแกรมมาติดตั้งได้จากที่นี้นะครับ http://mockupbuilder.com/ เมื่อติดตั้งโปรแกรมเสร็จเรียบร้อยให้เราเรียกใช้งานโปรแกรมโดย Start -> Run -> Mockup Builder

เมื่อเปิดโปรแกรมแล้วหน้าตาจะประมาณนี้นะครับ หน้าตาน่าใช้งานมากครับ แต่เสียอยู่อย่างเครื่องที่ใช้ต้องสเปคสูงหน่อยครับ เพราะว่าโปรแกรมถูกเครื่องขึ้นมาจาก Silverlight ที่ต้องการทรัพยากรเครื่องมากนั่นเองครับ

ทีนี้เราก็สามารถที่จะวาดหน้าจอ GUI สวยๆ ได้แล้วละครับ

เขียนโปรแกรม Contextual Menu กับปุ่มใน C# Windows Form

2012-09-01T17:44:00.001+07:00

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

โดยโปรแกรมที่เราจะเขียนในวันนี้คือเมื่อเราคลิ๊กขวาที่ปุ่มแล้วจะมี Contextual Menu แสดงออกมาและใน Contextual Menu นั่นจะมี Menu ย่อยอยู่ 2 Menu นะครับโดยจะมี Enable และ Disable เพื่อเราจะทำการเปลี่ยนข้อความที่อยู่บนปุ่มนะครับ เรามาเริ่มกันเลยดีกว่าครับ

สร้างโปรเจ๊คชื่อว่า RightClickEventOnButtonDemo กันก่อนเลยครับ

จากนั่นเราก็วาง Button ลงบนฟอร์มของเราแบบนี้

เริ่มการเขียนโค๊ดใน Load_Form ตามนี้ เพื่อทำการเพิ่ม MouseDown Event ให้กับ Button ของเรานะครับ

จากนั่นเราก็มาทำการเพิ่มโค็ดเมื่อมีการ Mouse Down ที่ปุ่มนะครับ

จากนั่นก็เพิ่มโค็ดเมื่อมีการคลิ๊กที่ Contextual Menu ของ Menu 1 และ Menu 2 นะครับ

เพียงเท่านี้เราก็มี Contextual Menu บนปุ่มของเราได้แล้วครับลองรันโปรแกรมดูก็จะได้ประมาณนี้นะครับ

ถ้าต้องการ Download Source Code ก็ที่นี้เลยครับ คลิ๊ก

C# .Net พิมพ์ข้อมูลของเราเองในรูปแบของเราเองด้วย PrintDocument

2012-08-31T14:42:00.000+07:00

หากใครกำลังหาวิธีการเขียนโปรแกรมเพื่อต้องการพิมพ์เอกสารออกเครื่องพิมพ์ด้วย C# .Net แล้วผมรับรองครับว่าหลังจากอ่านบทความนี้จบท่านต้องทำได้แน่นอนครับ สำหรับการพิมพ์งานใน .Net นี้เป็นอะไรที่ง่ายมากเลยครับเพราะว่า .Net ได้เตรียมคลาสที่ชื่อว่า PrintDocument เอาไว้ให้เราได้ใช้งานแล้วครับ ด้วยเจ้าคลาส PrintDocument เราสามารถทำการกำหนดค่า Document Name หรือ Printer Setting หรือแม้กระทั้งสามารถใช้งาน Print Method เพื่อทำการพิมพ์เอกสารได้เลยทีเดียวนะครับ และข้อดีอีกข้อของ PrintDocument คลาสมีอีกอย่างนะครับคือเราสามารถที่จะทำการดักอีเวนต์ต่างๆ ของการ Printได้ครับ เรายังสามารถที่จะใช้งาน Graphics ในการพิมพงานของเราได้อีกด้วยครับ เรามาดูตัวอย่างกันเลยดีกว่าครับ

โดยตัวอย่างที่ผมจะใช้เป็นกรณีศึกษาดังนี้นะครับ ผมจะทำการพิมพ์ข้อมูลที่อยู่ใน DataGridView ทั้งหมดในกระดาษนะครับ เรามาเริ่มกันเลยครับ

สร้างโปรเจ็คก่อนโดยจะให้ชื่อว่า PrintDocumentDemo

ลาก Control มาวางไว้ในฟอรม์ตามที่เราต้องการนะครับในนี้ก็จะมี TextBox, Button, DataGridView

จากนั่นเรามาเริ่มใส่โค็ดกันตอน Form_Load กันก่อนเลยนะครับ เพื่อทำการกำหนดค่าเริ่มต้นให้กับ DataGridView

ต่อมาเรามาเขียนโค๊ดในส่วน เมื่อเรากดปุ่ม Add เพื่อเพิ่มข้อมูลตามนี้นะครับ

ต่อจากนี้เราาเพิ่มโค็ดเมื่อมีการกดปุ่ม Print กันครับ แต่ก่อนที่เราจะเริ่มการเขียนโค๊ดเราต้องรู้อะไรนิดหน่อยเกี่ยวกับ PrintDialog นะครับ PrintDialog คือคลาสที่จะใช้ในการแสดง PrintDialog ขึ้นมาเพื่อทำการ Setting Printer ก่อนที่จะทำการพิมพ์งานของเราไงครับ เอาละเรามาเริ่มดูที่ละส่วนกันเลยนะครับ

เริ่มแรกดูส่วนของโค๊ดเวลาเรากดปุ่ม Print ก่อนนะครับ โค๊ดในส่วนนี้จะมีการเรียกใช้งาน PrintDialog และมีการ Map Event PrintPage นะครับโดยเมื่อไรก็ตามที่เราสั่งพิมพ์ฟั่งก์ชั่น printDoc_PrintPage จะถูกเรียกเองนะครับ

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

เสร็จแล้วเมื่อเราสั่งรันโปรแกรมหน้าต่างก็จะได้ประมาณนี้นะครับ

เมื่อคลิ๊กปุ่ม Print ก็จะมี Print Dialog ขึ้นมาเพื่อให้เรา Setting Print ที่เราต้องการ

แล้วผลลัพธ์ของเราก็จะได้ประมาณนี้นะครับ

เพียงเท่านี้เราก็สามารถพิมพ์งานในรุปแบบที่เราต้องการได้แล้วละครับ ไม่ได้ยากอะไรเลย
ถ้าต้องการโค๊ดของโปรเจ๊ดก็ตามไปที่นี้เลยครับ คลิ๊ก

RockMelt Browser สำหรับชาว Social Network อย่างเรา

2012-08-26T22:44:00.001+07:00

วันนี้ผมมี Browser ตัวเก่งที่เหมาะมือมากสำหรับการใช้งานในปัจจุบัน สำหรับชาว Social Network อย่างพวกเรานะครับ โดยเฉพาะชาว Facebook นะครับ Browser ตัวนี้มีชื่อว่า RockMelt เจ้าตัวโปรแกรมตัวนี้หน้าตาคล้าย Chrome เป๊ะเลยครับแทบจะไม่มีอะไรต่างกันเลย

ตัวคุณสมบัติหลักๆ ของ RockMelt มีตามนี้นะครับ

มีตัว Build-in Chat โดยเฉพาะ Facebook อยู่ทางด้านข้างของ Browser เลยครับ
มีปุ่ม Share เอาไว้ให้เราได้ Update Status ได้ทั้ง Facebook, Twitter, Google+ .....
มี Build-in Facebook Notification ในตัวเลยครับ
มี Instant news เอาไวอัพเดพข่าวสารอย่างรวดเร็ว
ตัว Rockmelt เองสามารถเล่นเน็ตได้เหมือน Browser ทั่วไปทุกประการครับ

เริ่มดาวโหลด RockMelt มาใช้งานกันเลยครับ http://www.rockmelt.com/ เมื่อติดตั้งเสร็จแล้วตัวโปรแกรมจะถามให้เราล๊อกอิน Facebook นะครับก็ใส่ Username Password ไปตามที่มันขอ หลังจากนั่นตัวโปรแกรมจะถามเราถึงว่าการยินยอมให้โปรแกรมเข้าถึงข้อมูลบางอย่างตรงนี้จะ ยินยอม หรือว่า ไม่ก็ได้ครับ

เมื่อใส่เรียบร้อยแล้วไปอีกหน้าจะมีให้เราเลือก Social Application ที่เราต้องการใช้งานนะครับ

ถัดมาอีกหน้าก็จะให้เราชวนเพื่อนๆ ครับข้ามหน้านี้ไปได้เลยครับหรือว่าใครจะเชิญเพื่อนก็ไม่ว่ากันครับ

เมื่อผ่านทุกขึ้นตอนแล้วเราก็จะมาถึงหน้าแรกของ RockMelt กันแล้วนะครับ

ยังไงก็ลองใช้กันดูนะครับตัวโปรแกรมค่อนข้างสะดวกมากครับสำหรับคนที่เล่น Facebook เป็นหลัก

วิธีการทำ Facebook Fanpage Like Box ใน Blogger

2012-08-25T17:24:00.001+07:00

หวัดดีครับคุณผู้อ่านพอดีผมเห็นบล๊อกคนอื่นที่มี Facebook Like Box แหล่มๆ ก็เลยอยากมีกะเข้าบ้างก็เลยลองศึกษาวิธีการทำดู เห็นว่ามันไม่ยากอะไรเลยก็เลยมาแนะนำสิ่งดีๆ กันบ้างครับก็อยากเห็นคนไทยบินได้บางอะไรบาง ฮ๋าๆ

วิธีการทำก็ง่ายๆ ไม่ได้ยากอะไรนะครับก็อื่นเลยเราต้องมี Fan Page ก่อนนะครับในบทความนี้ผมจะไม่กล่าวถึงเรื่องการสร้าง Fan Page นะครับแต่จะกล่าวในบทความหน้านะครับ ถ้ามีเวลาเขียนนะครับแหะๆ เรามาเริ่มทำกันเลยดีกว่านะครับว่ามีขั้นตอนยังไงบ้าง เมื่อเรามี Fan Page แล้วให้เราไปที่นี้นะครับ https://developers.facebook.com/docs/reference/plugins/like-box/ ด้วยเพจนี้ทาง Facebook ได้เตรียมโปรแกรมให้เราสร้าง Facebook Like Box ให้เราได้ง่ายๆ เลยนะครับ

เมื่อเราปรับแต่งจนพอใจแล้วเราก็คลิ๊กปุ่ม Get Code นะครับจะมีหน้าต่างแสดงขึ้นมาให้เราเลือกแบบ IFRAME นะครับให้เราก็อบปี้โค็ดที่ Facebook ให้มานะครับ

จากนั่นให้เราไปที่ Blogger Dashboard ของเรานะครับแล้วไปที่ Layout Page นะครับ

จากนั่นให้ทำการเพิ่ม Gadget ในส่วนของ HTML/JavaScript

ให้เราใส่โค็ดที่เราก๊อบปี้มาจาก Facebook มาใส่นะครับ

เมื่อเราบันทึกเรียบร้อยก็ไปดูบล็อกของเรากันเลยครับ เราก็จะเห็น Facebook Like Box อยู่ในบล๊อกเทห์ๆ ของเราแล้วละครับ

เห็นมั้ยครับไม่ได้ยากเท่าไรเลย

เรียนรู้และใช้งาน Subversion (SVN) เพื่อการจัดการ Source Code ที่ยั่งยืนด้วย Google Code

2012-08-25T11:26:00.002+07:00

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

Subversion คืออะไร

Subversion คือ free/open source นะครับโดยชื่อเต็มๆ ของมันก็คือ Version Control System (VCS) ซึ่งตัวมันเองนั่นทำงานโดยการจัดการระบบแบ็คอัพของไฟล์โดยเราสามารถที่จะดู History ย้อนหลังได้โดยการจัดเก็บจะเก็บ Version ตัวโปรแกรมสามารถจะ Recovery ไฟล์ได้ในทุกๆ Version History พอมองภาพออกกันแล้วหรือยังครับว่าถ้าเราใช้งานเจ้่า Subversion Control นี้กับโค็ดของเรา เมื่อเราแบ็คอัพโค็ดของเราเราก็ไม่ต้องเก็บไฟล์ทั้งหมด เราแค่แบ็คอัพไฟล์ที่เราได้มีการเปลี่ยนแปลงเท่านั่นเองครับ แล้วเมื่อเวลาที่ไฟล์ของเรานั่นหายไป หรือเสียหายจากสาเหตุอะไรก็ตามเราก็สามารถใช้เจ้า Subversion นี้ Recovery ไฟล์องเรากลับมาได้โดยเราสามารถเลือกได้ด้วยว่าเราจะ Recovery ไฟล์ใน Version ไหนที่เราได้แบ็คอัพไปก็ได้ครับ เราสามารถแยกข้อดีของ Subversion ได้เป็นข้อๆดังนี้ครับ

สามารถ Backup และ Restore ไฟล์ได้
Synchronization ไฟล์ทำให้ไฟล์นั่นเป็นเวอร์ชั่นใหม่เสมอไม่ว่าจะมีผู้ใช้งานไฟล์นั่นกี่คนก็ตาม
สามารถ Track back history ของแต่ละไฟล์ได้
ใน History นั่นสามารถบอกรายละเอียดได้มากกว่าการจัดเก็บแบบธรรมคือสามารถบอกได้ว่าไฟล์นี้ใครเป็นเจ้าของ และใครบ้างที่แก้ไขไฟล์นี้
ควบคุมจัดการได้ง่ายเมื่อต้องการควบคุมโค็ดที่พัฒนาโดยโปรแกรมเมอร์หลายคนในทีม

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

ใช้งาน Subversion ต้องทำไงบ้าง

หลักๆ ตัว Subversion ทำงานแบบ Client Server ดังนั่นเราจำเป็นที่จะต้องมี Subversion Server ก็นะครับเราก็ทำได้โดยการติดตั้งโปรแกรมแต่ในบทความนี้ผมจะไม่ขอกล่าวถึงการติดตั้ง Subversion Server นะครับแต่ผทจะขอกล่าวถึง Google Code ที่ซึ่งเป็นอีกหนึ่งบริการดีๆ จาก Google โดยตัวเจ้า Google Code เองนั่นสสร้างขึ้นมาเพื่อ Developer ครับตัวมันเองจะทำหน้าที่เหมือน Subversion Server ทุกประการเราไม่จำเป็นที่ต้องติดตั้ง Server เองเลยครับแต่ๆ มีข้อแม้ว่าทุกๆ ดโค็ดที่เก็บอยู่ใน Google Code นั่นจะต้องเป็น Open Project หรือว่าเป็น Open Source Code นั่นเองครับ กล่าวคือใครๆ ก็สามารถดาวโหลดโค็ดของเราไปใช้งานได้ครับ :-)

เตรียมพร้อมกับ Google Code

ก่อนอื่นเราจะต้องมี Google Account ก่อนนะครับถึงจะใช้งาน Google Code ได้เมื่อเรามี Google Account แล้วไฟต่อที่นี้เลยครับ http://code.google.com/ คลิ๊ก Create a new project

เราจะลองสร้างโปรเจ็คขึ้นมาสักตัวนะครับชื่อว่า test-simple-google-code โดยเราจะใช้โปรเจ็คนี้ในการเขียนโปรแกรม HTML ขึ้นมาสักตัวนะครับ

เมื่อเราสร้างเสร็จแล้วจะได้หน้า Project Home ของเราประมาณนี้นะครับ

ให้เราคลิ๊กเลือก Sources Tab นะครับเพื่อเราจะดูว่าโฟรเจ็คของเรานั่นมี URL อยู่ที่ไหนนะครับ

มาถึงขั้นตอนนี้แล้วอีกอย่างเดียวที่เราจ้องการก็คือ Password นะครับเราสามารถดู Password ของเราได้จาก Profile นะครับ

เพียงเท่านี้เราก็สร้างโปรเจ็คชื่่อว่า test-simple-google-code บน Google Code เรียบร้อยแล้วนะครับที่เหลือก็เพียงแต่ Setup SVN Client ที่เครื่องของเราเพื่อที่จะ Checkout Project Directory มาครั้งแรกเท่านั่นครับ อ่านต่อกันเลยครับ

เตรียมพร้อมกับ Subversion Client ด้วย TortoiseSVN

ก่อนอื่นเลยเราต้องไปดาวโหลดตัวโปรแกรม TortoiseSVN มาก่อนครับจากที่นี้ครับ http://tortoisesvn.net/downloads.html ตัวโปรแกรม TotoiseSVN นี้จะทำหน้าที่เป็น Subversion Client ครับเพื่อจะทำหน้าที่ติดต่อกับ Subversion Server เมื่อดาวโหลดมาเรียบร้อยแล้วก็ติดตั้งเลยนะครับ ขึ้นตอนการติดตั้งผมไม่ได้เขียนไว้ในบทความนี้นะครับเพราะว่ามันแค่คลิ๊กๆ เท่านั่นนะครับ เมื่อติดตั้งโปรแกรมเสร็จให้รีสตาร์เครื่องหลังจากติดตั้งเสร็จรอบหนึ่งก่อนนะครับ เพื่อให้ตัวโปรแกรม TotoiseSVN นั่นได้ติดตั้งการทำงานในระบบ Windows ก่อนนะครับ

เมื่อติดตั้งเสร็จเรียบร้อยแล้วถ้าไม่มีปัญหาอะไรเราจะได้เมนูใน Contextual Menu ประมาณนี้นะครับ

มาถึงตอนนี้เราจะ Checkout Directory Project ของเราจาก Google Code มาไว้ที่เครื่องของเรานะครับโดยผมจะเก็บไว้ใน C:\test นะครับ

จะมีวินโดว์หน้าตาแบบนี้ขึ้นมาเพื่อให้เราใส่ URL ของ Source Code URL นะครับ

ส่วนตัว Source Code URL เราสามารถก็อบปี้ได้จาก

เมื่อเรา Checkout เสร็จเรียบร้อยเราก็จะได้หน้าจอแสดงผลประมาณนี้นะครับ

เมื่อเรามาดูที่ C:\test ก็จะมี Directory .svn ถูกสร้างขึ้นมานะครับ .svn นี้ห้ามลบเด็ดขาดนะครับเพราะว่าตัวโปรแกรม TortoiseSVN ของเรานั่นจะใช้ .svn นี้ในการจัดการเกี่ยวกับไฟล์ Version นะครับ

มาถึงคร่าวนี้เราจะมาสร้าง HTML ไฟล์ง่ายๆ สักไฟล์นะครับเพื่อเราจะลองใช้งาน Subversion ของเรานะครับ โดยผมจะเขียนโค็ดตามด้านล่างแล้วบันทึกไฟล์ไว้ที่ C:\test\test.htm นะครับ

จากนั่นเราก็ทำการ Add ไฟล์ที่เราต้องการจะทำ Subversion โดยการแอดไฟล์นั่นเข้าไปที่ Local SVN (.svn นั่นเละครับ) ก่อนนะครับทำได้โดย

เมื่อทำการ Add เรียบร้อยเราควรจะได้ Icon ประมาณนี้นะครับ

จากนั่นเราก็ทำการ Commit ส่งไฟล์ของเราขึ้นไปยัง Google Code Subversion Server นะครับ

จะมีหน้าจอขึ้นมาเพื่อให้เราใส่ข้อมูลหรือว่า Log ว่าในแต่ละครั้งที่เรา Commit ขึ้นไปนั่นมีรายละเอียดยังไงบ้าง หรือพูดง่ายๆว่าก็คือเตือนความจำเองนั่นเละครับ

เมื่อเรากด OK จะมีหน้าจอขึ้นมาถามเรา Username Password ให้เราใส่ไปนะครับ Username คือ Email ของเรานะครับส่วน Password ก็คือที่เราได้จากหน้า Setting ครับ

เมื่อการ Commit ไม่มีปัญหาอะไรเราก็จะได้ Revision เป็น 2 เพิ่มมาแล้วนะครับ

ที่นี้เราลองแก้ไขไฟล์ test.htm ของเรากันนะครับ เพราะว่าเดี่ยวจะลองดู History ของการแก้ไขไฟล์กันนะครับ ว่าไอ้เจ้า Subversion นี้มันเมพขิงๆ จริงๆ ครับ ลองแก้ไฟล์ตามนี้นะครับ

เมื่อเราแก้ไฟล์แล้วสังเกตุที่ Icon นะครับจะเป็นเครื่องหมายตกใจ นั่นแสดงให้เห็นว่าไฟล์ของเรามีการเปลี่ยนแปลงไงครับ

เหมือนเดิมครับเราก็ Commit กลับขึ้นไปที่ Google Code Subversion Server นะครับ

ในขั้นตอนนี้ถ้าเราต้องการจะดูว่าไฟล์เรานั่นมีการแก้ไขอะไรบ้างนั่นเราก็สามารถดับเบิ้ลคลิ๊กที่ไฟล?ที่เราจะดูได้เลยครับแล้วจะมีหน้าต่างเปิดขึ้นมาแสดงว่าทั้งไฟล์ก่อนการแก้ไข และไฟล์หลังการแก้ไขเป็นยังไงบ้าง

เมื่อเรา Commit เสร็จสังเกตุนะครับว่า Revision จะเป็น 3 แล้วนะครับ นั่นไงครับ Version Control ที่เราพูดถึงเราสามารถมาดู History ได้อีกทีในภายหลังครับ

ถ้าเราต้องการที่จะดูว่า History ของไฟล์นั่นเป็นไงบ้างเราสามารถดูได้โดย

จะมีหน้าต่างแสดงรายละเอียด Commit ทั้งหมดที่เรา Commit ไปนะครับเราสามารถดูรายละเอียดได้โดยดับคลิ๊กไฟล์ที่เราต้องการดูเลยนะครับ

เห็นมั้ยครับเพียงง่ายๆ เท่านี้เราก็สามารถ Control ดค็ดของเราได้อย่างง่ายแล้วนะครับไม่ได้ยากอะไรเลย ยังไงก็ลองนำไปปรับใช้งานกันดูนะครับ ถ้าอ่านแล้วชอบอย่าลืมช่วยกด Like และให้กำลังงใจ Fan Page ที่ http://www.facebook.com/PStudioDev ด้วยนะครับ

ส่วนเรื่องรายละเอียดเกี่ยวกับ Source Control สามารถอ่านเพิ่มเติมได้ที่ http://nuengkungdeveloper.blogspot.com/search/label/Version%20Control มีผู้ใจดีเขียนบทความดีดีไว้แล้วครับ

ขอบคุณครับ

เราจะรู้ได้ไงว่าโปรแกรม Apache ของเรานั่นทำงานอยู่

2012-08-25T00:06:00.002+07:00

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

วิธีแรกเลยคือวิธีที่ง่ายมมากครับหลายคนคงรู้จักกันดีนะครับก็คือการที่เราใส่ http://localhost/ ลงใน Address Bar ของ Browser นั่นเองครับ

วิธีที่สองก็คือการใช้คำสั่ง netstat ในการดูว่าตอนนี้พอร์ต 80 นั่นทำงานอยู๋หรือเปล่านะครับ วิธีการก็ง่ายให้เราไปที่ Start -> Run -> cmd.exe -> Enter เราจะได้หน้าต่าง Commandline มานะครับต่แจากนั่นให้พิมพ์คำสั่งว่า netstat /a คำสั่งนี้จะทำการแสดงพแร์ตทั้งหมดที่ใช้งานอยู่ในเครื่องของเราออกมานะครับ จากรูปจะเห็นว่าบรรทัดแรกนั่นมีการใช้งานพอร์ต 80 แล้วซึ่งมันก็คือ HTTP พแร์ตที่ Apache ใช้นั่นเองครับ

จริงๆ แล้วเรายังมีอีกหลายวิธีนะครับที่สามารถดูได้ว่า Apache นั่นทำงานอยู่หรือเปล่าไม่ว่าจะเป็นการใช้งานโปรแกรม Process Explorer หรือว่าจะเป็นการดูจาก Task Manager ของ Windows เองนะครับ