DevExperience

การทำ Virtual Host บน Apache Web Server

LookHin — Tue, 31 Jan 2012 18:48:04 +0000

โดยปกติแล้ว Web Server เครื่องๆ หนึ่งจะใช้สำหรับเว็บไซต์หลายเว็บ ซึ่งสามารถทำได้โดยการทำ Virtual Host โดยบน Apache สามารถทำได้ 2 แบบ คือ

1. IP Based Virtual Host คือการทำ Virtual Host โดยใช้ IP Address เป็นตัวแบ่ง ซึ่งวิธีนี้เราจะต้องมี IP สำหรับทุกๆ เว็บไซต์ที่จะทำ

2. Name Based Virtual Host วิธีนี้จะใช้ชื่อ domain name เป็นตัวแบ่ง โดยทุกๆ เว็บไซต์จะใช้ IP เดียวกันหมด ซึ่ง Hosting ส่วนใหญ่นิยมใช้แบบนี้ และวันนี้เราก็จะมาลองทำแบบนี้กัน ^^

ตัวอย่างที่เราจะทดสอบกันต่อไปนี้ Client เราจะใช้ Windows ส่วน Apache Web Server เราจะใช้ Linux CentOS ที่เราได้ทำการติดตั้งกันไปแล้วจากบทความก่อนๆ ส่วน DNS Server เราจะพูดถึงอีกทีในบทความต่อๆ ไป

เข้าเรื่องกันเลย อย่างแรกที่เราต้องทำก่อนก็คือกำหนดให้ domain name ของเรา point ไปยัง IP ของ Web Server ซึ่งในทีนี้ก็คือ 192.168.10.10 และเนื่องจากว่าเราเองยังไม่มี DNS Server ฉะนั้นในการทดสอบ ให้เราเข้าไปแก้ไข /etc/hosts ของเครื่องไคลเอนต์กันก่อน เพื่อกำหนดค่า ip ให้กับ domain แบบตรงๆ กันก่อน โดยถ้าใช้ windows ให้เข้าไปแก้ไขที่ไฟล์ c:\Windows\System32\drivers\etc\hosts และสำหรับ Linux ให้แก้ไขที่ไฟล์ /etc/hosts โดยให้เพิ่มบรรทัดต่อไปนี้

1 2	192.168.10.10 vhost1.unzeen.com 192.168.10.10 vhost2.unzeen.com

เมื่อเพิ่มข้อมูลลงไปแล้ว ให้ทดสอบทำการ ping vhost1.unzeen.com ว่าได้ IP กลับมาถูกต้องหรือไม่ ถ้าได้แล้วก็ไปขั้นตอนถัดไปได้เลย

ขั้นตอนถัดไปให้เข้าไปที่ Linux Server และทำการสร้างโฟลเดอร์ /var/www/vhost1/ และ /var/www/vhost2/ เพื่อเอาไว้เก็บไฟล์ของเว็บไซต์

1 2	# mkdir /var/www/vhost1/ # mkdir /var/www/vhost2/

จากนั้นทำการสร้างไฟล์ index.html ไว้ที่ /var/www/vhost1/ และ /var/www/vhost2/

# index.html ใน vhost1


 
  VHOST1
 
 
  VHOST1

# index.html ใน vhost2


 
  VHOST2
 
 
  VHOST2

เนื่องจากเราทำการล๊อกอินเข้าระบบด้วย root ฉะนั้นเพื่อความแน่ใจทำการเปลียน Permission ของ vhost1 และ vhost2 เล็กน้อย

1 2	# chmod -R 755 /var/www/vhost1/ # chmod -R 755 /var/www/vhost2/

ต่อไปทำการแก้ไขไฟล์ /etc/httpd/conf/httpd.conf โดยให้เอา # หน้า NameVirtualHost ออก และเพิ่มบรรทัดในส่วนของ VirtualHost ลงไปตามตัวอย่าง

NameVirtualHost *:80
 

    ServerAdmin webmaster@unzeen.com
    DocumentRoot /var/www/vhost1
    ServerName vhost1.unzeen.com
    ErrorLog logs/vhost1.unzeen.com-error_log
    CustomLog logs/vhost1.unzeen.com-access_log common

 

    ServerAdmin webmaster@unzeen.com
    DocumentRoot /var/www/vhost2
    ServerName vhost2.unzeen.com
    ErrorLog logs/vhost2.unzeen.com-error_log
    CustomLog logs/vhost2.unzeen.com-access_log common

จากนั้นสั่ง restart service ของ apache ด้วยคำสั่ง

1	# service httpd restart

เท่านี้ก็เป็นอันว่าเราทำการสร้าง VirtualHost เป็นที่เรียบร้อย ทดสอบเปิดจาก Web Browser ดูได้

วันนี้เท่านี้ก่อน รอบหน้าเราจะมาต่อกันที่เรื่อง SSL กันจริงๆ หละ

ขั้นตอนการติดตั้ง Apache Web Server และ PHP บน CentOS

LookHin — Sun, 22 Jan 2012 10:58:05 +0000

หลังจากได้เรียนรู้วิธีการติดตั้งโปรแกรมในแบบต่างๆ ไปแล้ว วันนี้เรามาต่อกันที่การติดตั้ง Web Server โดยเราจะทำการติดตั้ง apache ให้ทำหน้าที่เป็น Web Server (http) และติดตั้ง mod_ssl เพื่อเอาไว้ใช้ทำ Secure Web Server (https) จากนั้นจะทำการติดตั้ง php และ php extension ต่างๆ เพื่อเอาไว้ใช้กับโปรแกรมที่เขียนด้วย php ซึ่งในบทความนี้ จะไม่ได้พูดถึงการใช้งานภาษา Perl, Python หรือโปรแกรมภาษาอื่นๆ หากผู้อ่านสนใจ ก็ตามไปศึกษาจากแหล่งข้อมูลอื่นๆ กันตามสะดวก และถ้าหากมีโอกาสในคราวหน้าก็อยากจะลองใช้ nginx ซึ่งเป็น Web Server ที่กำลังมาแรงตัวหนึ่งเหมือนกัน ^^

เริ่มจากติดตั้ง httpd และ mod_ssl โดยใช้คำสั่ง

1	# yum install httpd mod_ssl

ระบบจะแสดงข้อมูลและแพกเก็จต่างๆที่ต้องติดตั้ง ให้กด y เพื่อทำการติดตั้งต่อไป

เปิดไฟล์ /etc/httpd/conf/httpd.conf และเพิ่มหรือแก้ไขบรรทัด ServerName ลงไป โดยให้ใส่เป็นชื่อของเซอเวอร์ของเราลงไป

1	# nano /etc/httpd/conf/httpd.conf

จากนั้นทำการ start service httpd ด้วยคำสั่ง

1	# service httpd start

ทดสอบเปิดเว็บไซต์ดูได้เลย

1	http://192.168.10.10/

เมื่อติดตั้ง apache เรียบร้อยแล้วเราก็มาติดตั้ง php และ php extension ต่างๆกันต่อ อย่างแรกใช้คำสั่ง yum list php* เพื่อดูว่ามี php extension อะไรบ้างที่น่าสนใจ ให้จดหรือจำชื่อของ extension ต่างๆที่ต้องการเอาไว้

1	# yum list php*

ทำการติดตั้ง php และ php extension ต่างๆ ที่ต้องการ

1	# yum install php-common php-cli php-devel php-mysql php-gd php-imap php-mbstring php-mhash php-pear php-xml php-xmlrpc

ต่อไปทำการสร้างไฟล์ info.php ในโพลเดอร์ /var/www/html/ ด้วยคำสั่ง

1	# nano /var/www/html/info.php

และพิมพ์ Source Code ของ PHP ลงไปดังนี้


 
phpinfo();
 
?>

สั่ง restart service httpd สักหนึ่งรอบ ด้วยคำสั่ง

1	# service httpd restart

เมื่อทุกอย่างเรียบร้อย ให้ทดสอบเปิด info.php ผ่าน web browser ดูนะครับ ^^

1	http://192.168.10.10/info.php

ก่อนจบเราต้องเพิ่มให้ service httpd ทำงานทุกครั้งที่เปิดเครื่องด้วยคำสั่ง

1	# chkconfig httpd on

รอบหน้าเราจะต่อกันด้วยการทำ https ให้กับ web server ของเรากันต่อ

การติดตั้งโปรแกรมโดยใช้ yum, rpm, source บน CentOS

LookHin — Thu, 19 Jan 2012 20:10:52 +0000

การติดตั้งโปรแกรมบน Linux ตระกูล Redhat/CentOS สามารถทำได้ 3 วิธีหลักๆ คือ

1. ติดตั้งผ่าน YUM Package (Yellow dog Updater Modified) โดยการใช้คำสั่ง # yum install package_name
2. ติดตั้งผ่าน RPM Package (RPM Package Manager) โดยการใช้คำสั่ง # rpm –i package_name.rpm
3. ติดตั้งผ่านการ compile source program โดยการใช้คำสั่ง # ./configure, make, make install

โดยวิธีที่ดีที่ง่ายและดีที่สุดสำหรับมือใหม่อย่างเราและมืออาชีพอย่างผม เราควรที่จะใช้ yum เพราะจัดการเรื่อง dependency (ความขึ้นต่อกันของไลบรารีต่างๆ) ได้ดีกว่าตัวอื่น ส่วน rpm ถ้าไม่จำเป็นก็ไม่ต้องใช้เพราะ dependency สูงมาก จะลงโปรแกรมอะไรแต่ละที อาจจะต้องทำการดาว์โหลดไฟล์ .rpm มากกว่า 1 ไฟล์เสมอ ส่วนการคอมไพล์ด้วยซอสโคด เราจะได้ใช้บ้างในบางกรณี เช่น บางโปรแกรมที่เราจะติดตั้งไม่มีอยู่ในรูปแบบ rpm หรือ yum เราก็ต้องทำการคอมไพล์ด้วยตัวเอง ซึงก็สนุกไปอีกแบบ

# การติดตั้งโปรแกรมโดยใช้คำสั่ง yum มีพารามิเตอร์ต่างๆที่สำคัญดังนี้

# yum install package_name // สำหรับการติดตั้ง package ที่ต้องการ
# yum remove package_name // ถอนการติดตั้งโปรแกรมที่ติดตั้งไว้แล้ว
# yum update // ทำการ upgrade โปรแกรมทั้งหมดที่ติดตั้งผ่าน yum
# yum update package_name // ทำการ upgrade เฉพาะ package ที่ต้องการ
# yum info package_name // แสดงรายละเอียดของ package ที่ต้องการ
# yum list | more // แสดง package ทั้งหมดเยอะมาก เยอะจริงๆ
# yum list installed | more // แสดง package ที่ติดตั้งไปแล้ว
# yum list package_name* // แสดง package ทั้งหมดที่มีชือตามที่กำหนด

เมื่อทราบรูปแบบการใช้งานคำสั่ง yum กันแล้ว เรามาทดสอบลงโปรแกรมกันต่อเลย อย่างแรกลงโปรแกรม wget เพื่อเอาไว้ทำการดาว์โหลดซอสไฟล์ต่างๆก่อน

1	# yum install wget

จากนั้นทำการติดตั้ง GCC (The GNU Compiler Collection) เพื่อเอาไว้คอมไพล์โปรแกรมภาษาซี ซึงจริงๆก็คอมไพล์ภาษาอื่นๆได้ด้วยนะ และที่เราต้องติดตั้ง gcc ในขั้นตอนนี้เพราะว่าเราต้องใช้ในการติดตั้งโปรแกรมแบบคอมไพล์ซอสโคดในตัวอย่างถัดๆ ไป

1	# yum install gcc automake autoconf libtool ncurses-devel termcap-devel make

# การติดตั้งโปรแกรมโดยใช้คำสั่ง rpm มีพารามิเตอร์ต่างๆที่สำคัญดังนี้

# rpm -ivh package_name.rpm //ทำการติดตั้งโปรแกรม
# rpm -Uvh package_name.rpm //อัพเกรดโปรแกรม
# rpm -ev package_name //ถอนการติดตั้งโปรแกรมที่ติดตั้งไว้แล้ว
# rpm -qa //แสดงรายชื่อโปรแกรมที่ติดตั้งไปแล้ว
# rpm -qi package_name //แสดงรายละเอียดของโปรแกรมที่ติดตั้งไปแล้ว

ต่อไปมาทดสอบการติดตั้งโปรแกรมโดยใช้ rpm กันต่อ โดยเราจะทำการทดสอบโดยลงโปรแกรม lynx ซึงเป็น web browser แบบ text (หมายความว่ามันแสดงแต่ข้อความอย่างเดียว) ซึ่งเราจะต้องทำการหาแหล่งดาว์โหลดไฟล์ .rpm กันก่อน โดยให้เข้าไปที่ http://rpmfind.net/ จากนั้นทำการค้นหาคำว่า lynx และ centos-indexhtml จากนั้นทำการดาว์โหลดไฟล์ .rpm ให้ตรงกับรุ่นและโอเอสที่เราใช้ โดยเราจะทำการดาว์โหลดโดยใช้คำสั่ง wget

1 2	# wget ftp://rpmfind.net/linux/centos/6.2/os/i386/Packages/lynx-2.8.6-27.el6.i686.rpm # wget ftp://rpmfind.net/linux/centos/6.2/os/i386/Packages/centos-indexhtml-6-1.el6.centos.noarch.rpm

หลังจากทำการดาว์โหลดเรียบร้อยแล้ว เราสามารถทำการติดตั้งโดยใช้คำสั่ง

1 2	# rpm -ivh centos-indexhtml-6-1.el6.centos.noarch.rpm # rpm -ivh lynx-2.8.6-27.el6.i686.rpm

หลังจากทำการติดตั้ง lynx เรียบร้อยแล้ว ทดสอบเปิดเว็บไซต์ดูสักหน้า โดยใช้คำสั่ง # lynx www.google.com

# การติดตั้งโปรแกรมโดยการคอมไพล์ด้วยซอสโคด
ในการติดตั้งโปรแกรมโดยการคอมไพล์ด้วยซอสโคด เราจำเป็นที่จะต้องทำการดาว์โหลดซอสโคดของโปรแกรมที่ต้องการลงมาก่อน ในที่นี้เราเลือกจะคอมไพล์ vim เข้าไปที่ http://www.vim.org/sources.php จากนั้นทำการดาว์โหลดซอสเวอร์ชั่นล่าสุดลงมา โดยรูปแบบการคอมไพล์โปรแกรมจะมีคำสั่งหลักๆ 3 คำสั่งคือ

1
2
3

# ./configure
# make
# make install

เริ่มจากการดาว์โหลดซอสไฟล์ลงมาก่อน

1	# wget ftp://ftp.vim.org/pub/vim/unix/vim-7.3.tar.bz2

จากนั้นทำการ unzip โดยใช้คำสั่ง

1	# tar xvjf vim-7.3.tar.bz2

เข้าไปยังโฟลเดอร์ที่ได้จากการ unzip

1	# cd vim73

ใช้คำสั่ง ./configure

1	# ./configure

จากนั้นสั่ง make

# make

และทำการสั่ง make install เพื่อติดตั้งโปรแกรม

1	# make install

จบบทเรียนวันนี้ ^^

ขั้นตอนการติดตั้ง CentOS 6.2 แบบ Minimal

LookHin — Tue, 17 Jan 2012 18:30:52 +0000

บทความนี้จะแนะนำการติดตั้งและใช้งาน CentOS http://www.centos.org/ ซึ่งเป็น Linux สาย Redhat ตัวหนึ่ง ในการนำมาใช้ทำเป็น Server โดยจะแบ่งเนื้อหาออกเป็นตอนๆ เพื่อความสะดวกของคนเขียน (ผมเอง) โดยจะมีเนื้อหาทั้งหมดคราวๆ ตามหัวข้อดังนี้

* CentOS Minimal Installation
* Web Server: Apache and PHP
* Secure Web Server : Apache & Mod SSL
* Database: MySQL & PHP MySQL Extension
* Database: Oracle & PHP OCI8 Extension
* Mail Server: Postfix
* DNS Server: BIND
* FTP Server: ProFTPD
* User & Group Management

เราจะเริ่มตั้งแต่ขั้นตอนการติดตั้งกันก่อน โดยจะทำการติดตั้งแบบ Minimal ซึ่งเป็นแบบที่ติดตั้งองค์ประกอบต่างๆน้อยที่สุด ไม่มี GUI ให้ใช้ เหมาะกับการเอาไปทำ Server เป็นอย่างยิ่ง และโปรแกรมอื่นๆที่จำเป็น เราจะมาทำการติดตั้งเพิ่มเติมเองในภายหลัง

อย่างแรกเราต้องทำการ Download ตัวติดตั้งมาก่อน ซึ่งจะมีให้เลือก Download อยู่ 2 แบบหลักๆ ตามชนิดของ CPU ของเราคือ i386 จะใช้สำหรับ CPU 32 บิท และ x86_64 จะใช้สำหรับ CPU แบบ 64 บิท

# i386 สำหรับ CPU 32 บิท
http://mirror.centos.org/centos/6.2/isos/i386/

# x86_64 สำหรับ CPU 64 บิท
http://mirror.centos.org/centos/6.2/isos/x86_64/

จากนั้นทำการ Download CentOS-6.2-i386-minimal.iso หรือ CentOS-6.2-x86_64-minimal.iso ตามชนิดของ CPU ของเรา

ขั้นตอนแรกเลือก Install or upgrade an existing system

Skip ไปเลยเพราะว่าเราไม่ต้องการทำการตรวจสอบแผ่น

เข้าสู่หน้าจอการติดตั้งแบบกราฟฟิกอันสวยงาม กด Next

ทำการเลือกภาษา

จากนั้นเลือก Keyboard Layout

ทำการเลือก Basic Storage Device เพราะว่าเราใช้ Hard Disk ธรรมดาๆ

กด Yes, discard any data เพื่อยืนยันว่าถ้ามีข้อมูลอยู่ใน Hard Disk ตัวนี้เราไม่เอามันแล้วนะให้ลบเลย

ทำการตั้งชื่อเครื่อง ในที่นี้ผมตั้งว่า centos.unzeen.com

จากนั้นคลิกที่ Configure Network เพื่อทำการกำหนด IP Address โดยเลือกไปที่ Wired และคลิก Edit ที่ eth0 ซึ่งเป็นการ์ดแลนของเราเอง

ทำการคลิกถูกที่ Connect automatically (อันนี้ห้ามลืมเลยนะ) จากนั้นเลือกไปที่แท็บ IPv4 Setting กำหนดข้อมูลในช่อง Method เป็น Manual และทำการเพิ่ม IP Address, Netmask, Gateway, DNS Server โดยของผมกำหนดดังนี้

IP Address : 192.168.10.10
Netmask : 24
Gateway : 192.168.10.1
DNS Server : 8.8.8.8 //อันนี้ของกูเกิลเลยนะ

ต่อไปทำการเลือกประเทศ

กำหนดรหัสผ่านสำหรับ root //ตั้งรหัสผ่านยากๆ ไว้

เลือก Use All Space เพราะว่าเราต้องการติดตั้งโดยไม่แบ่ง partition แต่ถ้าใครเชียวชาญมากแล้วก็เลือก Create Custom Layout ได้เลยไม่ว่ากัน

คลิก Write changes to disk

ระบบเริ่มทำการติดตั้ง CentOS ลงบน Hard Disk ของเรา รอสักครู่……

เมื่อติดตั้งเรียบร้อยแล้วคลิก Reboot

เมื่อ Reboot เรียบร้อยแล้วเราจะเห็นหน้าจอให้ใส่ Username และ Password (ไม่มีหน้าจอแบบ GUI ให้นะจ้ะ เพราะว่าเราจะเอามาทำ Server หน้าจอกราฟฟิกแบบ GUI คงไม่จำเป็น)

ขั้นตอนต่อไปทำการลงโปรแกรมแรกในเครื่องกันก่อน อันนี้ผมลง nano เอาไว้แก้ไขเท็กไฟล์ต่างๆ เพราะผมใช้ vi หรือ vim ไม่คล่อง แต่สัญญาว่าจะหัดใช้ – -’

1	# yum install nano

จากนั้นทำการ Disable SELinux โดยเข้าไปแก้ไขไฟล์คอนฟิกที่ /etc/selinux/config โดยแก้ไขให้ SELINUX=disabled (ใน nano ให้กด CTRL+O เพื่อทำการ save และกด CTRL+X เพื่อออกจากโปรแกรม)

1	# nano /etc/selinux/config

ต่อไปทำการ Disable Firewall

1	# chkconfig iptables off

เมื่อแก้ไขค่าต่างๆเรียบร้อยแล้วทำการ restart สักหนึ่งรอบ

1	# shutdown -r now

เมื่อ Reboot เครื่องเสร็จแล้ว เราสามารถทำการ SSH เพื่อเข้าใช้งานได้

เสร็จสินขั้นตอนการติดตั้ง CentOS 6.2 แบบ Minimal เพียงเท่านี้ คราวหน้าเราจะมาติดตั้ง Apache, mod_ssl และ php กันต่อ ^^

การส่งออกและน้ำเข้าโปรเจคแอนดรอยด์ในอีคลิปส์

LookHin — Mon, 28 Nov 2011 17:35:12 +0000

บ่อยครั้งที่เราเขียนโปรแกรมขึ้นมาแล้วมี error และจำเป็นที่จะต้องส่ง code ทั้งหมดไปให้เพื่อนอีกคนช่วยดู โดยอาจจะส่งเป็นไฟล์ต่อไฟล์กรณีนี้ถ้าเป็นโปรแกรมเล็กๆ มีไม่กี่ไฟล์ก็คงไม่เป็นปัญหา แต่ถ้าเป็นโปรแกรมใหญ่ๆ ขึ้นมา อาจจะปวดหัวเอาได้ และถ้าหากว่าเราใช้ eclipse ในการเขียนด้วยแล้วหละก็จะมีไฟล์ที่เกียวข้องด้วยกันหลายไฟล์เลยทีเดียว ยิ่งถ้าเป็นโปรเจคที่เป็นแอนดรอยด์ด้วยแล้วหละก็มึน.. แต่ไม่ต้องกลัว eclipse เองก็ได้เตรียมเครื่องมือที่ใช้ในการ import/export มาให้เลือกใช้ได้หลายรูปแบบอยู่แล้ว แต่วันนีเราจะเลือกเอาแบบ Archive File แค่อย่างเดียว (แค่นี้ก็น่าจะพอ)

# การส่งออกโปรเจ็คเป็น Archive File (.zip)

1. เลือกที่เมนู File -> Export

2. เลือกรูปแบบของการ Export เป็น Archive File

3. ทำการเลือกโปรเจคที่ต้องการส่งออก และในช่อง To archive file ให้เลือกไปยังโฟลเดอร์ปลายทาง และตั้งชื่อของ archive file ตามต้องการ ในทีนี้ผมตั้งว่า AndroidArchive.zip

เสร็จสิ้นการ export android project ออกไปเป็น archive file แล้ว จากนี้ก็ส่งไฟล์นี้ไปให้เพื่อนดูได้ (ให้เพื่อนลอกการบ้านว่างั้น จะได้ไม่ต้องพิมพ์เอง หุหุ) ต่อไปมาดูขั้นตอนการ import กันบ้าง

# การนำเข้าโปรเจ็คจาก Archive File (.zip)

1. เลือกที่เมนู File -> Import

2. เลือกไปที่ Existing Projects into Workspace

3. ที่ช่อง Select archive file ให้เลือกไปยัง AndroidArchive.zip ที่เราได้ทำการ export ไว้ในขั้นตอนที่แล้ว (ถ้าทดสอบในเครื่องเดียวกัน คุณต้องลบโปรเจ็คที่ได้ export ไปแล้วนั้นออกจาก eclipse ก่อนนะ ไม่งั้นมันจะ import ไม่ได้) จากนั้นก็กด Finish เท่านี้โปรเจคที่เราได้ Archive ไว้ก็กลับมาแล้ว

การตั้งชื่อเวอร์ชั่นในการพัฒนาซอฟต์แวร์และเรื่องอื่นๆเกียวกับเว็บบราวเซอร์

LookHin — Sun, 30 Oct 2011 13:45:09 +0000

วันนี้รวบรวมเรื่องสั้นหลายๆเรื่อง ที่เคยเขียนไว้ใน facebook มาลงในบล็อคกันต่อ ประเด็นคือว่าพอเขียนไว้ใน facebook แล้วกลับไม่สามารถค้นหาจาก google ได้ หรือแม้แต่ระบบค้นหาของ facebook เองก็กลับหาสิ่งที่เราเขียนไว้ไม่เจอ งง กับมันจริงๆ โดยเรื่องที่เอามาลงก็มี การตั้งชื่อเวอร์ชั่นในวงรอบการพัฒนาซอฟต์แวร์ , จากความแตกต่างของระบบปฏิบัติการ สู่ความแตกต่างของขนาดหน้าจอ , Web Browser Engine (เบื่องหลังการทำงานของ Web Browser แต่ละตัว) , JavaScript Engine (พลังขับเคลือน JavaScript บน Browser) และ Cloud Storage

# การตั้งชื่อเวอร์ชั่นในวงรอบการพัฒนาซอฟต์แวร์

จะสังเกตได้ว่าเวลาเราทำการติดตั้งโปรแกรมต่างๆ จะเห็นว่าบางตัวก็จะมีเวอร์ชั่นเป็น alpha หรือไม่ก็ beta ว่าแต่ว่าจริงๆแล้วมันมีชื่อเรียกสักกี่ตัวกันแน่มาดูกัน (เรียงลำดับจากตั้งแต่เริ่มพัฒนาจนถึงสำเร็จเป็นซอฟต์แวร์เวอร์ชั่นเต็ม)

1. Pre-alpha
//เป็นเวอร์ชั่นแรกสุดของซอฟต์แวร์ จำกัดกลุ่มผู้ที่ได้ทดสอบอยู่แค่เฉพาะนักพัฒนาเท่านั้น

2. Alpha
// เริ่มเป็นรูปเป็นร่าง ทุกฟังค์ชันในซอฟต์แวร์สามารถที่จะทำงานได้ แต่มีผิดพลาดบ้างเป็นธรรมดา

3. Beta
// ได้รับการแก้ไขข้อผิดพลาดต่างๆที่พบมาแล้ว และทำการแจกจ่ายให้ผู้ใช้บางกลุ่มได้ทำการทดสอบ

4. Release Candidate (RC)
// แก้ไขข้อผิดพลาดที่พบจากผู้ใช้ในเวอร์ชั่น Beta และเตรียมนำไปออกเป็นเวอร์ชัน่จริง (ปกติแล้วในเวอร์ชั่นนี้จะถูกนำไปออกเป็นเวอร์ชั่นจริงได้เลย โดยที่ไม่มีการแก้ไขหรือปรับปรุงอะไรอีก)

5. RTM (Release To Manufacturing)
// ซอฟต์แวร์เวอร์ชั้นสมบูณที่จะถูกส่งให้กับโรงงานไปติดตั้งลงในเครื่อง (ในกรณีนี้ก็เช่น Windows ที่จะมีเวอร์ชั่น RTM ที่จะส่งให้กับ DELL , HP และผู้ผลิตรายอื่นๆนำไปติดตั้ง)

6. General Availability (GA)
// เวอร์ชั่นสำหรับผู้ใช้ทั่วไป

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

# จากความแตกต่างของระบบปฏิบัติการ สู่ความแตกต่างของขนาดหน้าจอ

ปัญหาที่พบเรื่อยมาของการพัฒนาโปรแกรมคือการทำให้มันสามารถทำงานข้าม platform ซึ่งถ้าเป็นการเขียนโปรแกรมแบบ native ก็จะต้องทำการ compile โปรแกรมใหม่สำหรับแต่ละ platform อาจจะต้องมีการแก้ไข code ในแต่ละ platform ก่อนที่จะทำการ compile ขึ้นอยู่กับโปรแกรมซึ่งก็สร้างความลำบากให้กับคนพัฒนาได้มากทีเดียว

การแก้ปัญหาเรื่องนี้ตอบได้ด้วยแนวคิดของ Java ที่มีคำขวัญว่า “Write One Run Anywhere” ที่สามารถ compile โปรแกรมทีเดียวและสามารถนำไปรันบนระบบปฏิบัติการอะไรก็ได้ จากนั้นก็มี .NET ที่ Microsoft ก็ตั้งใจทำมาให้เหมือน (ถึงจะได้ไม่เหมือนก็ตามที)

แต่ในยุคที่อินเทอร์เน็ตเฟื่องฟูและถูกใช้อย่างแพร่หลาย พร้อมทั้ง HTML5 ที่กำลังจะมาในไม่ช้า หลายๆโปรแกรมได้ถูกพัฒนาให้ทำงานอยู่บนอินเทอร์เน็ต ซึ่งก็ช่วยเรืองการที่จะต้องติดตั่งโปรแกรมบนเครือง client ไปได้มาก และสามารถที่จะทำงานได้กับทุกๆ ระบบปฏิบัติการซะด้วย ขอแค่มี Web browser ก็เพียงพอ

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

# Web Browser Engine (เบื่องหลังการทำงานของ Web Browser แต่ละตัว)

- FireFox ใช้ Gecko

http://en.wikipedia.org/wiki/Gecko_%28layout_engine%29

- Internet Explorer ใช้ Trident

http://en.wikipedia.org/wiki/Trident_%28layout_engine%29

- Opera ใช้ Presto

http://en.wikipedia.org/wiki/Presto_%28layout_engine%29

- Safari และ Chrome ใช้ WebKit

http://en.wikipedia.org/wiki/WebKit

ข้อควร ทราบ WebKit ก็สร้างมาจาก KHTML อีกทีนะจ้ะ http://en.wikipedia.org/wiki/KHTML

# JavaScript Engine (พลังขับเคลือน JavaScript บน Browser)

Mozilla
- TraceMonkey ใช้บน Firefox 3.5

http://en.wikipedia.org/wiki/TraceMonkey

- JägerMonkey จะใช้บน Firefox 4 //ได้ข่าวว่าแรงงงงง

http://en.wikipedia.org/wiki/J%C3%A4gerMonkey

Google Chrome
- V8 ใช้บน Google Chrome //นับว่าแรงที่สุดในตอนนี้

http://en.wikipedia.org/wiki/V8_(JavaScript_engine)

Microsoft
- Chakra จะใช้บน Internet Explorer 9 //ผลทดสอบมาแรงมาก

http://en.wikipedia.org/wiki/Chakra_(JavaScript_engine)

Opera
- Carakan ใช้อยู่บน Opera 10.50 //ยังอยู่ได้อีก

http://en.wikipedia.org/wiki/Presto_(layout_engine)#JavaScript_engines

Apple
- Nitro ใช้บน Safari //ไม่มีความเห็น

http://en.wikipedia.org/wiki/Safari_4

เพิ่มเติม : http://en.wikipedia.org/wiki/JavaScript_engine

# Cloud Storage

Cloud Storage คือบริการเก็บข้อมูลบนกลุ่มเมฆ ส่วนใหญ่ก็จะเป็นการเก็บไฟล์ต่างๆ บางแห่งมีบริการสตรีมเพลงให้ด้วย ทีนี้หลายคนที่ไม่เคยใช้งานก็สงสัยว่าแล้วจำเป็นอะไรที่จะต้องเอาไฟล์ต่างๆไปไว้บนนั้นด้วย เอาไว้ในเครืองเราก็ได้ ซึ่งมันก็จริงอยู่ แต่ถ้าหากว่าใครที่เคยเจอกับปัญหาเวลาฮาร์ดดิสพังและไม่สามารถกู้ข้อมูลกลับมาได้อย่างผมแล้วหละก็จะเห็นว่ามันสำคัญมาก ทุกวันนี้ผมก็เลยต้องมีข้อมูลสำรองไว้ในที่ต่างๆ จำนวน 3 ชุด คือ Harddisk ในเครื่อง 1 ชุด , External Harddisk 1 ชุด , และ Cloud Storage 1 ชุด ทีนี้มาดูกันต่อว่ามี Cloud Storage ที่ไหนน่าใช้บ้าง เลือกใช้กันเองตามกำลังทรัพย์

- Dropbox

https://www.dropbox.com/

ได้พื้นที่ฟรี 2GB และจ่ายเงินสำหรับ 50GB ในราคา 99$/ปี

- Amazon Cloud Drive

https://www.amazon.com/clouddrive/

ได้พื้นที่ฟรี 5GB และจ่ายเงินสำหรับ 20GB ในราคา 20$/ปี

- Ubuntu One

https://one.ubuntu.com/

ได้พื้นที่ฟรี 2GB และจ่ายเงินสำหรับ 20GB ในราคา 29.99$/ปี

- Windows Live SkyDrive

http://explore.live.com/windows-live-skydrive

ฟรี 25GB ซื้อเพิ่มได้หรือเปล่าไม่รู้

ความคิดเห็นเรื่องต่างๆที่เกียวกับเครื่องมือพัฒนาโปรแกรมบนมือถือ

LookHin — Thu, 15 Sep 2011 18:08:19 +0000

รวบรวมความคิดเห็นเรื่องต่างๆที่เกียวกับเครื่องมือพัฒนาโปรแกรมบนมือถือที่เคยเขียนลงใน note ของ facebook เมื่อนานมาแล้วมาไว้ในบล็อคอีกที ซึ่งก็จะมีเรื่อง ความคิดเห็นเกียวกับภาษาและเครื่องมือพัฒนา Mobile App , ข้อคิดเห็นเกียวกับ Silverlight นายไม่ได้เกิดมาเพื่อฆ่า Flash , เรื่องของแอนดรอยด์ , และแถมด้วยเรื่องของ \r และ \n อีกนิดหนึ่ง

ความคิดเห็นเกียวกับภาษาและเครื่องมือพัฒนา Mobile App

ภาษาและเครื่องมือพัฒนา Mobile App ของแต่ละ Platform

iPhone ใช้ภาษา Objective-C พัฒนาบน Xcode เป็น platform เดียวที่ให้พัฒนาโปรแกรมแบบ Native ได้ ฉะนั้นเรื่องประสิทธิภาพไม่ต้องพูดถึง มันสามารถใช้พลังของเครื่องได้มากกว่าตัวอื่นอยู่แล้ว
Android ใช้ภาษา Java พัฒนาด้วย Editor อะไรก็ได้ แต่แนะนำ Eclipse ส่วนตัว Run Time ของ Android ไม่ได้ใช้ JVM มาตรฐานของ Java แต่ใช้ Dalvik อนาคตขึ้นกับ Oracle และ Google จะคุยกันหละทีนี้ —”
Windows Phone 7 ใช้ VB,C# รันอยู่บน Silverlight , XNA พัฒนาด้วย Visual Studio ถึง wp7 จะมาทีหลังแต่ฐานผู้พัฒนาโปรแกรมบน Visual Studio ก็มีมากอยู่แล้ว คงไม่เป็นการยากที่จะเพิ่มจำนวน application ให้ทันคู่แข่งรายอื่น แต่ยังข้องใจในประสิทธิภาพของโปรแกรมที่รันอยู่บน Sliverlight ไม่น้อยว่ามันจะทำงานได้ดีขนาดไหน เพราะเข้าใจว่า Silverlight ก็รันอยู่บน .NET อีกที

ความเห็นส่วนตัวคิดว่าต่อไป Application ต่างๆ ควรถูกพัฒนาโดย HTML5 มากกว่า อาจจะเป็นการ Bundle HTML5 ลงไปในโปรแกรมที่พัฒนาโดยตรงก็ไม่น่ามีปัญหา หรืออย่างน้อยก็น่าจะเป็นการใช้ HTML5 คู่กับเครื่องมือพัฒนาหลักของแต่ละ platform ก็น่าจะทำได้ (Hybrid Apps) อย่างน้อยก็ช่วยลดเวลาในการพัฒนาโปรแกรมสำหรับทั้ง 3 platform นี้ได้มากพอสมควร

ข้อคิดเห็นเกียวกับ Silverlight นายไม่ได้เกิดมาเพื่อฆ่า Flash

แรกเริ่ม เดิมที MS คงตั้งใจเอา Silverlight มาชนกับ Flash เต็มๆ แต่ก็ทำไม่ได้เพราะฐานผู้ใช้เดิมของ Flash มีเยอะเหลือเกิน อันนีคนแพ้ไม่ได้มีแค่ Silverlight แค่อย่างเดียว ยังมี JavaFX อีกตัวที่เกิดมาแล้วตายเลย
คุณสมบัตเด่นของ Silverlight ไม่มีตัวไหนเลยที่ Flash ไม่มี อันนี้บาปปปปปปปปปมาก ถึงจะเอาเรื่อง smooth streaming มาเป็นจุดขายในเรือง VDO แต่ก็ไม่ได้ช่วยอะไร คงลืมไปว่าถ้าคนอยากดูหนังจริงๆ เค้าจะไปดูที่โรง บน web เอาไว้ดูคลิป
MS ไม่ยอมทำ Sliverlight Run Time บน Platform อื่นๆ ปล่อยให้เป็นหน้าที่ของ Mono Project ที่ทำ Moonlight อยู่คนเดียว ซึงในมุมมองของผู้ใช้เราไม่มีความเชือมั่นในตัว Moonlight เลยซักนิด และ MS เองก็ไม่เคยสัญญาหรือมีทาทีให้การสนับสนุนโครงการแต่อย่างใด
เครือ งมือในการพัฒนา Microsoft Expression Blend ทำออกมาได้ไม่ดีนัก ไม่เข้าใจว่าจะแยกมาทำไม ทำไมไม่รวมลงใน VS ซะให้หมด
อนาคตของ Silverlight ที่จะใช้สำหรับ website คงหมดเท่านี้ จะอยู่รอดได้ก็ด้วย Windows Phone 7 เท่านั้น เพราะ MS ให้ Silvelight เป็น Platform หลักในการพัฒนา ถ้าไม่มี WP7 นายก็ตาย หรือไม่ Silverlight ก็อาจจะพา WP7 ตายไปพร้อมกันด้วยก็ได้

เรื่องของแอนดรอยด์

แอนดรอยด์พัฒนาอยู่บน Linux version 2.6
ภาษาหลักที่ใช้ในการพัฒนาโปรแกรมบนแอนดรอยด์คือ Java
Java Virtual Machine ที่ใช้เป็น Run Time บนแอนดรอยด์ไม่ได้ใช้ JVM มาตรฐานจาก Oracle แต่ใช้ Dalvik VM
เราสามารถพัฒนาโปรแกรมบนแอนดรอยด์โดยใช้ c/c++ เพื่อให้ได้โปรแกรมแบบ Native ได้เช่นกัน
Web Browser หลักบนแอนดรอยด์ใช้เอนจิน Webkit
ชื่อรุ่นของแอนดรอยด์จะใช้ชื่อรหัสเป็นชื่อขนมหวาน
การสมัครเป็น Android Developer จะเสียค่าสมัคร 25 USD (จ่ายครั้งเดียว)
ส่วนแบ่งรายได้ระหว่างผู้พัฒนากับแอนดรอยด์มาร์เก็ต คือ 70/30
การซื้อแอ๊ปบนแอนดรอยด์มาร์เก็ต ต้องใช้ผ่าน Google Checkout เท่านั้น
แอนดรอยด์เป็นโอเพนซอร์ส ใครอยากเอามาทำเองก็ย่อมได้

ลูกหินต้องศึกษาและพัฒนาสิ่งต่อไปนี้ (บอกตัวเอง)

Android
Windows Phone 7
Cloud Computing (ต้องทำโปรเจคที่รันบน Cloud Computing อย่างน้อย 1 ตัวในปีนี้)
มีตัวเลือกให้เล่นอยู่ 3 ตัว แต่ได้ลอง Google App Engine ไปแล้ว และตัวอื่นควรศึกษาเพิ่ม
- Google App Engine (กำลังเลือกว่าจะใช้ Java หรือ Python คาดว่าจะใช้ Python)
- Amazon EC2
- Microsoft Windows Azure
HTML5, CSS, JS (ยังยืนยันแนวคิดเดิมว่า HTML5 จะเติบโตจากอุปกรณ์ประเภท Mobile ก่อนก้าวไปยัง Desktop และหมดยุครุ่งเรื่องของ Desktop แล้ว)
NoSQL คิดว่าจะเริ่มที่ MongoDB จากนั้นค่อยไปต่อยอดที่ Apache Cassandra

ว่าด้วย \r และ \n

การขึ้นบรรทัดใหม่ของ Text File ในระบบคอมพิวเตอร์จะใช้รหัส \r หรือไม่ก็ \n หรือไม่ก็ \r\n ขึ้นอยู่กับระบบปฏิบัติการ

UNIX / Linux ใช้ “\n”
Mac OS ตั้งแต่เวอร์ชั่นแรกจนถึง Mac OS Version 9 จะใช้ “\r”
Mac OSX มีต้นตระกูลเป็น UNIX ดังนั้นก็ใช้ “\n”
Microsoft Windows ใช้ “\r\n”

XML กับ JSON เลือกใช้อะไรดี ?

LookHin — Sat, 10 Sep 2011 17:26:11 +0000

ในยุคของเว็บแอปพลิเคชันที่ AJAX (Asynchronous JavaScript And XML) รุ่งเรืองขนาดนี้ การรับส่งข้อมูลระหว่างเซิร์ฟเวอร์กับไคลเอนต์นิยมใช้กันสองวิธีหลักๆ คือ XML (Extensible Markup Language) กับ JSON (JavaScript Object Notation) ทั้งสองแบบมีข้อดีข้อเสียต่างกันเลือกใช้ให้เหมาะสมกับงานดีที่สุด

1. XML (Extensible Markup Language) อันนี้คุ้นชื่อกันมานาน เป็นมาตฐานหลักในการรับส่งและแลกเปลี่ยนข้อมูลระหว่างระบบที่แตกต่างกัน โครงสร้างของข้อมูลก็จะประกอบด้วยแท็กต่างๆที่เราสามารถกำหนดขึ้นมาเองได้ อยากใส่แท็กชื่ออะไรก็ใส่ไปว่างั้น ข้อมูลที่ได้มาก็จะเรียบร้อยสะอาดตาแบบนี้

>
  >Khwanchai>
  >Kaewyos>
>

2. JSON (JavaScript Object Notation) ชื่อก็บอกอยู่ว่าเป็น JavaScript เป็นฟอร์แมตที่ใช้ในการรับส่งข้อมูลสำหรับ JavaScript ข้อมูลที่เข้ารหัสเป็น JSON จะมีความกระชับและสั่นกว่า XML อยู่มากถึงจะไม่งามอย่าง XML ก็ตามที และเว็บไซต์ระดับเจ้าพ่ออย่าง Google และ Facebook ก็ใช้ JSON ด้วยนะ ตัวอย่างของ JSON ก็แบบนี้

1	{"fname":"Khwanchai","lname":"Kaewyos"}

จากที่ว่ามาเราฟันธงว่า JSON เหมาะอย่างยิ่งที่จะเลือกใช้สำหรับเว็บแอปพลิเคชันที่เป็น AJAX และที่ว่ามาเป็นความเห็นส่วนตัว ใครจะเลือกใช้อะไรแบบไหนก็แล้วแต่ความเหมาะสมของข้อมูลและงานด้วยนะ ^^