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

แนะนำให้ทุกคนไปชมกับสิ่งที่เรียกว่า “อะไรคือไทยแท้” อย่างแท้จริงนะครับ พิพิธภัณฑ์มิวเซียมสยามแห่งนี้จัดได้สมกับคำว่า “คำว่า ทำไม คำเดียว จะช่วยให้เรามีปัญญา” ได้จริงๆ ครับ

[Show as slideshow]

ทำไมต้องมาตรฐานเว็บ?

หลายคนที่ทำเว็บมีความสงสัยว่าทำไมต้องมาตรฐาน? ทำไมต้องทำเว็บมาตรฐานด้วย ในเมื่อมันก็แสดงผลได้ อ่านได้ ไม่มีปัญหาอะไรร้ายแรง แต่ในความเป็นจริงนั้น มีสิ่งที่ซ่อนอยู่ในความเป็นมาตรฐานอยู่มากมาย ที่เราอาจจะไม่ทราบมาก่อน บทความเรื่องมาตรฐานเว็บต่อไปนี้อ้างอิงมาจากบทความเรื่อง What are standards and why should I use them? ซึ่งเขียนโดยองค์กร The Web Standards Project ที่มีชื่อย่อว่า WaSP

อะไรคือจุดมุ่งหมายของการใช้มาตรฐานเว็บ (Web Standards) ผลดีของการใช้มาตรฐานเว็บคืออะไร คำตอบในเรื่อง จุดมุ่งหมายและผลดีที่ใหญ่ที่สุดของเรื่องการใช้มาตรฐานเว็บ นั่นคือ Accessibility

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

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

1.Accessibility to software/machines การทำให้เว็บเราเป็นมาตรฐานนั้น สามารถทำให้เว็บเราสามารถถูก “เห็น” ได้โดยเว็บเสิร์ชเอ็นจิ้น คำว่า “เห็น” ที่เรากำลังพูดถึง ไม่ได้หมายความว่าเป็นแค่การทำให้เว็บของเราไปอยู่ในฐานข้อมูลของเว็บเสิร์ชเอ็นจิ้นเท่านั้น แต่หมายรวมถึง การทำให้เว็บของเราสามารถถูก “อ่าน” โดยเว็บเสิร์ชเอ็นจิ้นได้โดยง่าย และถูกต้องตามโครงสร้าง ซึ่งจะส่งผลทำให้เว็บเสิร์ชเอ็นจิ้นสามารถทำการดึงข้อมูลที่อยู่ในเว็บของเราออกมา และสามารถประมวลผลข้อมูลที่อยู่ในเว็บของเราได้อย่างถูกต้อง ผลที่ตามมาก็คือ ผู้ที่ค้นข้อมูลตามเว็บเสิร์ชเอ็นจิ้นก็จะสามารถค้นข้อมูลได้ตรงตามที่ต้องการ แสดงผลข้อมูลได้ดีกว่า และถูกต้อง

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

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

2.Accessibility to people การทำเว็บให้เป็น Accessibility นอกจากจะมีประโยชน์ทำให้บุคคลที่ไร้ความสามารถในการเข้าถึงข้อมูล หรือผู้ที่พิการ ทำให้สามารถเข้าถึงข้อมูลได้แล้ว ยังมีประโยชน์ในการทำให้ผู้ที่ใช้เบราว์เซอร์ที่ไม่เหมือนเบราว์เซอร์ปกติทั่วไปก็ยังสามารถเข้าถึงข้อมูลได้เช่นกัน เช่น เบราว์เซอร์ที่มีความสามารถในการอ่านออกเสียงได้ เบราว์เซอร์ที่ทำการแปลหน้าเอกสารให้เป็นภาษาท้องถิ่นโดยอัตโนมัติ เบราว์เซอร์ที่จำกัดเรื่องขนาดพื้นที่ของการแสดงผล เบราว์เซอร์ที่แสดงโหมดเป็นตัวอักษรอย่างเดียว เป็นต้น

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

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

ตัวอย่างดังที่บอกข้างต้น สามารถใช้ได้กับเว็บทุกชนิด ไม่เพียงแต่เว็บทางด้านธุรกิจอย่างเดียว บางทีคุณอาจจะเห็นว่า มาตรฐานเว็บมันอาจจะไม่ส่งผลกับคุณในระยะเวลาอันสั้น แต่อาจจะเห็นผลเสียที่เกิดขึ้นอย่างร้ายแรงในระยะยาวได้

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

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

หลังจากวันนี้เป็นต้นไป บล็อกของผมก็มีเรื่องราวซีรีย์ในทุกสัปดาห์เพิ่มขึ้นอีกหนึ่งอย่าง นั่นก็คือ Wireshark Lab ซึ่งซีรีย์นี้เกิดขึ้นได้เพราะวิชา Computer Network Technology หรือ CNT ที่ผมเรียนปริญญาโท (ปีแรก) อยู่ที่คณะเทคโนโลยีสารสนเทศ สถาบันเทคโนโลยีพระจอมเกล้าเจ้าคุณทหารลาดกระบัง โดยอาจารย์โชติพัชร์ ภรณวลัยได้สั่งการบ้านแล็บทุกสัปดาห์ และให้ส่งการบ้านโดยการเขียนบล็อก!!!

เพราะฉะนั้นทุกสัปดาห์ ใครที่เข้ามาอ่านบล็อกผมก็จะได้รับความรู้ทางด้านเน็ตเวิร์ก + ประสบการณ์จากการทำการบ้านของผมไปด้วยพร้อมกันครับ (ถ้าผมอู้ไม่เขียน ก็จะไม่มีคะแนนส่งการบ้านเหมือนกัน - -”)

ลักษณะการบ้านแล็บทั้งหมด 11 แล็บนั้น (รู้สึกจะให้ทำแล็บละสัปดาห์) จะเป็นลักษณะของ Wireshark Lab ทั้งหมด ซึ่งแล็บแรกของวันนี้คือ Introduction to Wireshark

ผมชอบคำพูดเริ่มต้นของแล็บนี้ที่บอกความเป็นจริงของการเรียนเน็ตเวิร์กว่า การที่จะรู้การทำงานของเน็ตเวิร์กได้นั้นเราจะต้อง “ดูมัน” และ “เล่นกับมัน”

การที่เราจะดูมันได้นั้นเราจะต้องพึ่งพาซอฟต์แวร์ประเภท Packet Sniffer ซึ่งจะทำงานสองหน้าที่นั่นก็คือ การดักจับแพ็กเกต (Packet capture) ซึ่งจะคอยทำการดักจับข้อมูลทั้งหมดที่วิ่งเข้ามาและวิ่งออกไปจากเครื่องของเราทางเน็ตเวิร์ก และอีกหน้าที่คือการวิเคราะห์ข้อมูลแพ็กเกต (Packet Analyzer) ที่จะทำการวิเคราะห์ข้อมูลแพ็กเกตนั้นๆ ออกมาแสดงผล

Wireshark เป็นโปรแกรมประเภท Packet Sniffer ที่จะดักจับข้อมูลด้วยความช่วยเหลือของ pcap library และจะวิเคราะห์ข้อมูลแพ็กเกตที่ถูกดับจับ มาแสดงผลให้เราเห็นการทำงานของเน็ตเวิร์ก โดยแล็บแรกนี้จะเป็นเพียงแค่การแนะนำให้รู้จักการใช้งาน Wireshark เบื้องต้น รู้จักกับหน้าตาส่วนประกอบต่างๆ ของโปรแกรม การวิเคราะห์ดูข้อมูลเบื้องต้น และปิดท้ายด้วยคำถามท้ายบทซึ่งเป็นส่วนของการบ้านที่จะต้องนำมาตอบในบล็อกนี้นี่เอง

สำหรับคำถามผมจะคงคำถามภาษาอังกฤษไว้ เผื่ออาจจะแปลผิดทำให้คนอ่านสับสนได้

1. List up to 10 different protocols that appear in the protocol column in the unfiltered packet-listing window in step 7 above.
   • HTTP
   • UDP
   • ICMP
   • MSNMS
   • TCP
   • DNS
   • SSDP
   • IRC
   • IGMP
   • ARP
     
2. How long did it take from when the HTTP GET message was sent until the HTTP OK reply was received? (By default, the value of the Time column in the packet-listing window is the amount of time, in seconds, since Wireshark tracing began. To display the Time field in time-of-day format, select the Wireshark View pull down menu, then select Time Display Format, then select Time-of-day.)
   • 0.502572 second
3. What is the Internet address of the gaia.cs.umass.edu (also known as www- net.cs.umass.edu)? What is the Internet address of your computer?
   • Internet address of the gaia.cs.umass.edu is 128.119.245.12.
     My internet address is 192.168.2.101.
     
4. Print the two HTTP messages displayed in step 9 above. To do so, select Print from the Wireshark File command menu, and select “Selected Packet Only” and “Print as displayed” and then click OK.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

No.     Time            Source                Destination           Protocol Info
     51 12:41:01.716937 192.168.2.101         128.119.245.12        HTTP     GET /wireshark-labs/INTRO-wireshark-file1.html HTTP/1.1 
 
Frame 51 (555 bytes on wire, 555 bytes captured)
Ethernet II, Src: Dell_3a:62:8e (00:1c:23:3a:62:8e), Dst: SmcNetwo_ca:32:48 (00:04:e2:ca:32:48)
Internet Protocol, Src: 192.168.2.101 (192.168.2.101), Dst: 128.119.245.12 (128.119.245.12)
Transmission Control Protocol, Src Port: 33858 (33858), Dst Port: http (80), Seq: 1, Ack: 1, Len: 489
Hypertext Transfer Protocol
    GET /wireshark-labs/INTRO-wireshark-file1.html HTTP/1.1\r\n
        Request Method: GET
        Request URI: /wireshark-labs/INTRO-wireshark-file1.html
        Request Version: HTTP/1.1
    Host: gaia.cs.umass.edu\r\n
    User-Agent: Mozilla/5.0 (X11 U Linux i686 en-US rv:1.9) Gecko/2008060309 Firefox/3.0\r\n
    Accept: text/html,application/xhtml+xml,application/xmlq=0.9,*/*q=0.8\r\n
    Accept-Language: en-us,enq=0.5\r\n
    Accept-Encoding: gzip,deflate\r\n
    Accept-Charset: UTF-8,*\r\n
    Keep-Alive: 300\r\n
    Connection: keep-alive\r\n
    If-Modified-Since: Sat, 07 Jun 2008 05:39:02 GMT\r\n
    If-None-Match: "8734b-51-feed2980"\r\n
    Cache-Control: max-age=0\r\n
    \r\n

ก็จบการบ้านแล็บแรก Introduction to Wireshark ทั้งหมด 4 ข้อเพียงเท่านี้

สุดท้ายคือ ผมชอบประโยคเกริ่นนำของชีทแล็บนี้มากที่ว่า

“Tell me and I forget. Show me and I remember. Involve me and I understand.”

“จับปลาให้หนูหนึ่งตัว หนูกินได้หนึ่งวัน
จับปลาให้หนูสองตัว หนูกินได้สองวัน
สอนให้หนูจับปลาเป็น หนูกินได้ตลอดชีวิต”

ปล. ภาษาไทยต่อท้ายผมเอามาเทียบกับคำคมในชีวิตผมเองนะครับ ไม่ได้แปลจากสำนวนหลักแต่อย่างใด

ข้อมูลเพิ่มเติม: แล็บชีท Introduction to Wireshark, Wireshark Official Website

Nucleosys Document Version 1 Revision 1 (In thai language)

Nucleosys 0.1 Alpha 1

For testing purpose only. Don’t use in production environment.

เมื่อไฟร์ฟ็อกซ์คิดการใหญ่อยากถูกบันทึกลงในกินเนสส์บุ๊ก แคมเปญ “Firefox 3 Download Day 2008″ จึงเกิดขึ้น โดยทางโมซิลล่าได้เขียนลงในบล็อกชักชวนให้ผู้ที่ใช้งานไฟร์ฟ็อกซ์ (หรือแม้อาจจะไม่ได้ใช้งานก็ตาม) ร่วมดาวน์โหลดไฟร์ฟ็อกซ์ 3 เพื่อให้ได้สถิติ “ซอฟต์แวร์ที่ถูกดาวน์โหลดมากที่สุดภายในเวลา 24 ชั่วโมง” โดยผู้ที่อยากจะเข้าร่วมการทำสถิติครั้งนี้เพียงแค่เข้าไปที่หน้า Firefox 3 Download Day 2008 แล้วกดปุ่มเข้าร่วม (ในเว็บใช้คำว่า Pledge) จากนั้นใส่ประเทศที่ตัวเองอยู่ และอีเมลลงไป เพื่อรอรับข่าวสาร และวันเวลาที่จะร่วมทำสถิติ

ไฟร์ฟ็อกซ์ 3 จะออกตัวจริงในเดือนมิถุนายนนี้ และปัจจุบันสถิติการใช้ไฟร์ฟ็อกซ์อยู่ที่ 39.1%

ที่มา - Mozilla Blog

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

AJAX Libraries API จึงเสนอทางเลือกให้กับผู้พัฒนาเว็บ โดยกูเกิลจะเป็นผู้เก็บจาวาสคริปต์ไลบรารีไว้ที่โฮสของกูเกิลเอง ผู้พัฒนาเว็บเพียงแค่ใส่โค้ดเพียงแค่ไม่กี่บรรทัด (ดูตัวอย่างโค้ดได้จากเว็บไซต์หลัก) โดยไม่จำเป็นต้องเก็บไฟล์ใดๆ ไว้บนโฮสของตัวเองเลย ปัจจุบัน AJAX Libraries API สนับสนุนจาวาสคริปต์ไลบรารี 5 ตัว ได้แก่

• jQuery
• prototype
• script.aculo.us
• MooTools
• dojo

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

ที่มา - /.

หลังจากนั้นก็มีคนขอฟีเจอร์นี้ตามมาอีกมากมาย

ปัจจุบันปี 2008 ในที่สุดความฝันของผู้ใช้ GNOME ทั้งหลายก็เป็นจริง

ความสามารถ Tabbed file browsing นี้จะถูกใส่เข้าไปใน GNOME 2.24 ซึ่งจะออกในเดือนกันยายนนี้

ที่มา - toxel.com