What is it

คนไม่มีเวลา : ว่าน AF

2011-03-19T01:53:00.000+07:00

เรื่องเกิดที่หอกังสดาล มข.

2010-03-03T13:14:00.001+07:00

เรื่องต่อไปนี้เป็นเรื่องจริงที่เพิ่งเกิดขึ้นเมื่อต้นเดือนก.พ.นี้เอง หลายคนที่พักอยู่อาจไม่เคยเจอ(รึป่าว) แต่เพื่อนดิฉันโดนมาเต็มๆ ดิฉันจึงอยากระบายและเตือนให้ทุกๆท่านระวังไว้ และร่วมกันประนามคนแบบนี้ เข้าเรื่องเลยละกัน ต้นเดือนที่ผ่านมา เพื่อนดิฉันซึ่งพักอยู่ที่หอพักนี้มาปีกว่าแล้ว ว่างไม่ได้ไปทำงานจึงออกไปเดือนงานเกษตร กลับมาประมาณ 5 โมงเช้า ซึ่งคิดว่าไปแป็ปเดียวจึงไม่ได้คล้องสายยู กลับมาพอเปิดประตูห้องเข้ามาพบว่ามีผู้ชายแก่ๆคนนึง กำลังนอนบนเตียงและกดทีวีดูมวยอยู่ในห้องทั้งตกใจและกลัว เลยตะโกนถามไปว่าลุงเป็นใคร เข้ามาในห้องหนูได้ยังไง ลุงคนนั้นก็ทำท่าทางตกใจ ยกกุญแจขึ้นและบอกว่า ลุงไม่รู้ ลุงไม่รู้ มีคนให้กุญแจมาให้ลุงขึ้นมานอนได้เพื่อนดิฉันก็เลยบอกให้ลุงออกไปจากห้องเดี๋ยวนี้ และลุงก็ไปลงไปข้างล่างหอพัก และไม่มีใครขึ้นมาพูดหรือมาขอโทษหรือมาชี้แจงอะไรซักคำ เพื่อนตกใจเลยโทรหาเพื่อนๆและแม่เล่าเรื่องให้แม่ฟัง แม่เลยบอกให้ย้ายออก และแม่ก็โทรไปหาเจ้าของหอพักจากนั้นอีกไม่นาน ก็มีเสียงเคาะประตูห้องที่ดังมากกกกกกก เลยไปเปิดประตู เป็นคุณป้าเจ้าของหอพูดด้วยสีหน้าที่เอาเรื่องมากเลย "แล้วเป็นอะไรมากมั้ยหล่ะ เสียหายตรงไหนมั้ยหล่ะ"เพื่อนก็เลยตอบว่า "ไม่มีค่ะ"ในใจคิดว่า แล้วถ้ามันเสียหายจริงใครจะรับผิดชอบหล่ะ จริงมั้ยค่ะ ผู้หญิงโสดอยู่หอพักคนเดียวนี่ "เออ ถ้าไม่มีก็ขอโทษละกัน แล้วแม่ว่าไงบ้างหล่ะ""แม่ว่าให้ย้ายออก""เออ งั้นจะออกเดือนนี้เลยมั้ยละ ใช่มั้ย ก็ตามใจนะ""ค่ะ" แล้วเจ๊ป้าก็เดินออกไป ปล.ตอนนั้นเพื่อนก็กำลังคุยโทรศัพท์อยู่ เสียงดังขนาดที่คนปลายสายยังได้ยินเป็นการขอโทษที่ดุเดือดมาก ยังไม่จบนะค่ะ แค่แป็ปเดียวที่กลับมาคุยโทรศัพท์กับเพื่อนคนเดิม คราวนี้ไม่เคาะประตูค่ะ เปิดเข้ามาเลยเป็นลูกสาวของเจ๊ป้าที่ตัวโตมา แอบกลัวนิดๆ ตะโกนเข้ามาเลยค่ะ "ญาติพี่เองหล่ะ มีอะไรมั้ย มันยุ่งๆ พี่เลยหยิบกุญแจให้ผิดห้อง ทำไมหล่ะ เสียหายมั้ยหล่ะ""พี่ค่ะ ห้องชั้นนี้มีคนอยู่เต็มนะค่ะ รองเท้าหน้าห้องหนูก็มี ชุดพยาบาลหนูก็แขวนอยู่ หมวกก็วางอยูตรงนี้แล้วลุงเค้าไม่รู้เหรอค่ะว่าห้องนี้มีคนอยู่" "ไม่รู้หรอก ลุงเค้าไม่เต็ม ทำไม ถ้าไม่พอใจก็ย้ายออกไปวันนี้เลย ไม่ต้องอยู่หอนี้"ด้วยความโมโหเพื่อนเลยบอกเลยว่า "ค่ะ" ด้วยคำถามที่ว่า เนี่ยชั้นผิดตรงไหนเนี่ยยยยยยยย พอวันจะย้ายออกไปอยู่หอพักจิ้งหรีด ก็ดันมีปัญหา ลุงเจ้าของหอบอกว่าไม่ให้เงินค่าประกันหอคืนเพราะเราออกเองเพื่อนก็เลยบอกว่า "แต่เมียกะลูกลุงเป็นคนไล่หนูออกเองนะ""ไม่เกี่ยวกัน ลูกลุงก็ส่วนลูกลุง ลุงเป็นเจ้าของหอ ลุงเป็นคนตัดสินว่าจะให้ใครอยู่หรือให้ใครออกไป"คิดดูว่า มันนนน กล้าพูดอย่างนี้ เห็นแก่ตัวทั้งครอบครัวเลยยยยยยย สรุปว่าค่าประกันหอ 3700 บาทก็ไม่ได้ แถมมีตบท้ายด้วยว่า"อ้อ หนูต้องจ่ายค่าน้ำค่าไฟเพิ่มด้วยนะอีก600บาท" แป่ววววววววววววววววววว ยังมีอีกค่ะ"เนี่ย ตอนหนูจะมาอยู่ตอนแรก หนูก็เป็นคนขอลุงมาอยู่เองนะ แค่นี้บุญคุณก็ท่วมท้นแล้ว แล้วยังมาทำอย่างนี้อีก...."
นี่เพื่อนดิฉันไปขอข้าวเค้ากินขอที่เค้านอนฟรีๆเหรอค่ะ พ่อแม่พี่น้องเพื่อนดิฉันร้องไห้เพราะเหลือใจหลายๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆ ที่เสียเงินเดือนละเกือบ5000 นึกว่าจะมีชีวิตที่ดีที่ไหนได้ สุดแสนจะบรรยาย ขอบคุณที่อ่านมาจนถึงตอนท้ายนะค่ะ ถ้าคุณไม่เจอแบบนี้ถือว่าโชคดีดิฉันเองก็เป็นหนึ่งคนที่บ่อยากย้ายหอไปไหนแล้ว แบบว่าหอพักที่อยู่ก็ดีอยู่แล้ววววว เรื่องนี้สอนให้รู้ว่าคับที่อยู่ได้ คับใจอยู่ยากและ คนเราควรเป็นแบบน้ำพึ่งเรือเสือพึ่งป่า อย่าคิดแต่ว่ามีแต่คนมาพึ่งตน ยึดตนเองเป็นศูนย์กลาง มันแย่มากค่ะ รับไม่ได้

คู่มือ wordpress

2010-02-28T01:39:00.001+07:00

คู่มือ WordPress

คู่มือ WordPress นี้ เป็นการรวบรวมบทความต่าง ๆ ที่เคยเขียนเอาไว้ จัดให้เป็นหมวดหมู่ เพื่อค้นหาได้ง่ายยิ่งขึ้น รวมทั้งจะทะยอยเขียนบทความเพิ่มเติมให้สมบูรณ์ หากมีข้อติชมหรือข้อสงสัย ก็สามารถสอบถามเข้ามาได้

ความรู้เบื้องต้น

ทำความรู้จักกับ WordPress ในแง่มุมต่าง ๆ ก่อนที่จะลงมือศึกษาอย่างจริงจัง

การติดตั้ง

เป็นขั้นตอนต่าง ๆ ในการติดตั้งบล็อกด้วย WordPress ซึ่งขั้นตอนเหล่านี้ไม่ยาก แต่ที่หนักก็เห็นจะเป็นการดาวน์โหลดไฟล์ที่จะนำมาจำลองเครื่องให้เป็น Web Server นี่แหล่ะ เพราะมีขนาดใหญ่ ส่วนเรื่องอื่น ๆ ก็ไ่ม่มีปัญหา เพราะโปรแกรมออกแบบมาให้ติดตั้งกันอย่างง่าย ๆ ครับ

การจำลองเครื่องให้เป็น Web Server เหมือนกับ Server บนอินเทอร์เน็ต ให้เลือกติดตั้งเพียงโปรแกรมใดโปรแกรมหนึ่งเท่านั้น
- การติดตั้ง XAMPP
- การติดตั้ง AppServ
การสร้างฐานข้อมูล
การดาวน์โหลดและขยายไฟล์
การปรับแต่งไฟล์ wp-config.php
การติดตั้ง WordPress
การติดตั้ง WordPress บน bluehost

การปรับแต่ง : การใช้งาน

เสริมประสิทธิภาพด้วย Plugins

ปลั๊กอินเป็นฟังก์ชั่นที่จะเสริมการทำงานของ WordPress ให้มีความสามารถมากยิ่งขึ้นตามที่เราต้องการ

การใช้งานระดับสูง

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

ปัญหาที่อาจจะเกิดขึ้น

รวบรวมปัญหาต่าง ๆ ที่อาจจะเกิดขึ้น เพื่อนำไปใช้เป็นแนวทางในการแก้ปัญหา

วีดีโอสอนการใช้งาน

การสำรองข้อมูลโดย phpMyAdmin

การแก้ไขเมื่อลืมรหัสผ่าน

Template wordpress System

2010-02-28T01:33:00.000+07:00

ความรู้พื้นฐาน: เว็บในปัจจุบันนั้น มักจะมีระบบในการจัดการ-แก้ไขข้อมูลต่างๆในเว็บ เรียกว่า Content Management System หรือ CMS ซึ่งทำให้ไม่ต้องสร้างเว็บทีละหน้า แล้วนำขึ้น Server ทีละหน้า ซึ่งยุ่งยากมาก (โดยเฉพาะถ้ามีการแก้ไข) แต่ใช้วิธีล็อกอินเข้าในเว็บ แล้วเพิ่มเติมแก้ไขข้อมูลหน้าใดๆ ก็ได้ ตามแต่ที่ admin จะให้อำนาจจัดการ

ซึ่งในโลกแห่งซอฟแวร์เสรี (Opensource) ผู้ที่เชื่อในการแบ่งปันความรู้ ก็ได้เขียนโปรแกรมและแจกจ่ายให้ใช้งานฟรีจำนวนมาก (บางส่วนที่ OpensourceCMS.com) และทำให้เกิดเหล่าสาวกของแต่ละโปรแกรม ที่มาคัดง้างกันว่า โปรแกรมใครดีกว่าใคร
(เด่นๆ ก็มี Joomla, Drupal รายละเอียดการเปรียบเทียบบางส่วน ดูที่ Blognone)

กระผมเป็นสาวก Wordpress ก็ขอกล่าวสรรเสริญ Wordpress ดังนี้,

ในขณะที่ทีมงาน Joomla กล่าวถึงความเป็นมืออาชีพ เป็นตลาดกลางแห่งธุรกิจโมดูล เป็นความน่าเชื่อถือสำหรับองค์กร, ในขณะที่ทีมงานของ Drupal กล่าวถึงความทันสมัย ความสลับซับซ้อนเชิงลึก ความ Geek สำหรับเหล่า Computer GURU,
ทีมงานของ Wordpress กลับกล่าวว่า โค้ดนั้นเป็นดั่งบทกวี และเราสร้างโปรแกรมนี้ด้วยความใส่ใจใน “สุนทรียภาพ”
ฟังแล้ว จะห้ามกระผม – ผู้หลงใหลในวาทกรรม – ไม่ให้หลงรักเวิร์ดเพรสได้อย่างไร?

ใครหลายคนกล่าวว่า Wordpress นั้นเป็นแค่ Software สำหรับการทำ Blog มากกว่าจะเรียกว่า CMS ซึ่งหมายถึงความสามารถในการแก้ไขเนื้อหาทั้งเว็บ กระนั้น จากประสบการณ์การนำ Wordpress ไปใช้ในเว็บต่างๆ ก็พบว่ามันมีความสามารถมหาศาล และมีความสามารถรองรับจำนวนคนเข้ามากๆ (เช่น เกิน 10,000 คนต่อวัน) โดยไม่รบกวนประสิทธิภาพของ Server, มีการออกแบบส่วนกลางที่ดีมาก และรองรับการเขียน Plugins เพิ่มเติมได้สารพัด, มีความงดงามตลอดกระบวนการ ทั้งในโค้ด การเชื่อมต่อกับโค้ดอื่น การแสดงผลดีไซน์ และ การแสดงออกใน URL

เปรียบเทียบกับ Drupal ที่เหล่าโปรแกรมเมอร์ชื่นชอบ, ดีไซเนอร์อย่างผมกลับชอบ Wordpress เพราะ

1. ตั้ง URL ที่มีความหมายได้ง่าย

แน่นอนว่า Drupal ก็ทำได้ (มันทำได้ทุกอย่างแหละ) แต่เรามักจะเห็นว่าเว็บที่ใช้ Drupal ส่วนมาก มักจะใช้ URL ประเภท /node/123/ ซึ่งกล่าวถึง id แบบคอมฯ แต่ Wordpress มักจะใช้ URL ที่มีความหมายแบบคน เช่น /about/our-team/ ซึ่งนอกจากทำให้ Google ชอบ (เพราะมันรู้ว่า หน้านี้ควรจะหมายความว่าอะไร) ยังทำให้ผู้รักความงามและความเรื่องมากอย่างกระผมคารวะ

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

2. เข้าใจใน design อย่างปรุโปร่ง (รู้จักการจัดเนื้อหา หรือ CSS ทุกชิ้น)

เท่าที่เคยใช้มา Wordpress นั้นสามารถออกแบบ และนำมาประกอบเป็นเว็บได้ง่ายที่สุด สึ่งที่ยิ่งใหญ่และเรียบง่ายประการหนึ่งก็คือ เพราะ Default Theme (หน้าปกติเวลาติดตั้งเสร็จ) ที่ให้มา มันเข้าใจง่าย เลย์เอาท์เรียบโคตร จะแก้อะไรก็หาได้หมด ลองดูบรรทัดที่กล่าวถึงไฟล์ที่ใช้จัดหน้า (CSS) ดูก็ได้

Wordpress:

" />

Drupal:

ซึ่งหมายความว่า แค่ต้องการอยากรู้ว่า หน้านี้ จัดหน้าอย่างไร หากใช้ Drupal ก็ต้องดู CSS อย่างต่ำ 7 ไฟล์ โอ้ววววว

โปรแกรมเมอร์ อยากจะเข้าใจโค้ดทุกบรรทัด (เลยชอบ Drupal) ดีไซเนอร์อย่างกระผม ก็อยากจะเข้าใจการจัดหน้า (CSS) ทุกชิ้นเหมือนกันโว้ยยยยยย

3. เวิร์ดเพรสมีคู่มืออันนึง ที่อธิบายกระบวนการทำงานและตัดสินใจของโปรแกรมอย่างดีเยี่ยม นั่นคือTemplate Hierarchy

Template Hierarchy

อธิบายคร่าวๆ ก็คือ เวลาออกแบบเว็บแต่ละหน้าหรือแต่ละชุด ให้ตั้งชื่อไฟล์ให้เหมาะสม เวิร์ดเพรสจะวิ่งไปหาไฟล์แต่ละไฟล์ตามรูปนี้ หากหาไม่เจอ มันก็จะแสดงหน้าตาแบบบ้านๆ (index.php) มาให้

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

4. เสน่ห์อีกอย่างของคนสร้าง คือการที่ไฟล์ชี้แจงภาพรวมของโปรแกรม (readme.html) ในช่วงท้าย

ปกตินักพัฒนาโปรแกรมทั้งโลก จะเขียนว่า “หากคุณชอบโปรแกรมนี้ ก็บริจาคเงินอุดหนุนให้กระผมได้ที่ xxx” แต่ผู้สร้างเวิร์ดเพรสกลับไม่เขียนอย่างนั้น เค้าบอกว่า

เวิร์ดเพรสนั้น ไม่มีเงินทำการตลาดเป็นล้่านๆ หรือผู้สนับสนุนดังๆ แต่เรามีบางสิ่งที่เยี่ยมยอดกว่านั้น นั่นคือ “คุณ”
หากคุณใช้เวิร์ดเพรสแล้วชอบ ลองบอกต่อคนอื่นๆ หรือนำมันไปติดตั้งให้คนอื่นๆ ที่มีความรู้น้อยกว่าคุณ หรือบอกกล่าวต่อสื่อมวลชนที่มองข้ามเราไป

ไม่ขอเงินซักบาท! มีแต่กวีไส้แห้งเท่านั้นแหละ ที่กล้ากล่าวเช่นนี้

5. ติดตั้งง่าย คนเกือบทั้งหมดในโลกนี้ ใช้เวลาตัดสินใจว่าจะใช้เวิร์ดเพรสดีหรือเปล่า นานกว่าเวลาที่ใช้ติดตั้งเวิร์ดเพรสเสียอีก

(คือติดตั้งประมาณ 5 นาที ได้เว็บที่ใช้งานได้จริง)

6. การแบ่งเนื้อหาเป็น Post (พวกบันทึกจิปาถะ/บล็อก) กับ Page (หน้าตายตัว มีลำดับชั้นได้)

ซึ่งเรียบง่าย เข้าใจง่าย ทำไห้ประกอบเป็นเว็บง่าย และตอบสนองเว็บที่แสดงเนื้อหาส่วนใหญ่

7. การแปลงข้อความที่พิมพ์มาแสดงผลเป็น XHTML อย่างชาญฉลาด

(โดยระบบ Texturize และ Intelligent text formatting)

เวลาเขียนบล็อกหรือเนื้อหาในเว็บ หากเราต้องการตัวอักษรหลากหลาย ย่อหน้าหลากหลาย หรือแทรกรูปภาพ ฯลฯ เราจะมีวิธีคือ

7.1 เขียนโค้ด XHTML เองทั้งหมด วิธีนี้เหนื่อย ลำบาก โดยหากต้องคอยแยกแยะ BR และ P ยึ่งเหนื่อย

7.2 ไม่ต้องเขียนโค้ดเอง จะมีโปรแกรมสายนึงเรียกว่า What you see is what you get (WYSIWYG) ซึ่งให้อารมณ์ประมาณ Microsoft Word – นั่นคือ ดูดี ดูมี Toolbar เยอะ ทำอะไรได้เยอะ แต่หลายครั้งมันจะใส่โค้ดมามั่วซั่ว โง่ อวดฉลาด แม้คนหลายกลุ่มจะดูไม่ออก (เช่น มันใส่ให้ font ติดกัน ขนาดต่างกัน 1 ระดับ) แต่คนเรื่องมากอย่างผมรับไม่ได้

7.3 เขียนโค้ดเองบางส่วน ตามไวยากรณ์ง่ายๆ เช่น Textile, Markdown ซึ่งดูจะเป็นทางออกที่ดีที่สุด คือทั้งเรียบง่าย และ ใส่อะไรได้เยอะ

แต่แล้ว ทั้งสองแบบนั้น กลับไม่ฉลาดเหมือนระบบของ Wordpress ที่แทรกโค้ด XHTML ตรงๆ ก็ได้ หรือเว้นย่อหน้าก็ได้ หรือใส่ div อย่างไรก็ได้ หรือจะทำตัวเป็น WYSIWYG ก็ได้ ไม่อวดฉลาดเหมือนระบบอื่นๆ

แน่นอนว่าระบบแปลงข้อความของเวิร์ดเพรส ยังมีข้อที่ควรปรับปรุงอยู่บ้าง (เช่น แทรก div ซับซ้อน) แต่มันฉลาดที่สุดเท่าที่กระผมเคยลองมา

8. เวิร์ดเพรสมาพร้อมกับระบบของเว็บสมัยใหม่ ที่หลายอย่างมานั่งเขียนเองก็เหนื่อยโคตร

เช่น RSS Feed, Trackback, Pingback, Blogrolls (ที่ระบุความสัมพันธ์ด้วย ไม่ใช่แค่ link เฉยๆ), Spam Protection, User Management, XML-RPC Interface (ทำให้อัพบล็อกผ่านโปรแกรม หรือมือถือได้) ฯลฯ

9. เวิร์ดเพรสมีชุมชนขนาดใหญ่รองรับ ให้ความรู้ และให้ความช่วยเหลือ รวมถึงแบ่งปันการออกแบบที่เรียกว่า Wordpress Theme

คำถามหลายๆ อย่างเกี่ยวกับ Wordpress หาใน Google แป๊บเดียวได้เลย แต่หากอยากลงลึก ก็ถามใน Support Forum ได้

…

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

ดังนั้น หน้าตาของ Wordpress และ Drupal ก็ย่อมแตกต่างกัน

Wordpress มีหน้าตาแยกกันชัดเจนระหว่างด้านหน้าเว็บ-ไว้ดูกับคอมเม้นท์นิดหน่อย- กับด้านหลังเว็บ ไว้จัดการข้อมูลต่างๆ

Drupal รวมหน้าตาไว้ด้วยกัน เพราะผู้ใช้แต่ละคนมีสิทธิืหลากหลาย ทั้งอ่าน ทั้งเขียน ฯลฯ (เลยทำให้ออกแบบยากกว่า แต่ทำให้ผู้ใช้ทำอะไรได้เยอะกว่า)

กระนั้น เมื่อสาวกท่าน ไอฟ์ เชื่อเช่นเดียวกับที่ท่านไอฟ์ว่าไว้ว่า “สิ่งสำคัญไม่ใช่การเพิ่ม Feature แต่คือการตัดออก” กระผมจึงเห็นว่า แม้ Drupal จะ Feature เยอะ แต่เมื่อกระผมตามไม่ทัน กระผมก็ขอตัดออก และเลือก Wordpress แทนละกันเฟร้ย

ทิ้งท้ายด้วยการขอเชิญชวนทุกท่านให้ลิ้มลอง Wordpress แล้วท่านจะรักเวิร์ดเพรสเหมือนกับกระผม

เหมือนที่เคยกล่าวว่า…

ตัวอย่าง การสร้าง Page Template ใน wordpress

2010-02-28T01:27:00.000+07:00

วันนี้ผู้เขียนนำเรื่องเกี่ยวกับการเพิ่ม Page Template ใน WordPress มาบอกเล่าครับ ซึ่งผู้เขียนเองก็ได้ทำการทดสอบ และลองทำตามตัวอย่างของเว็บนี้ครับ สร้างแม่แบบ Page เหมาะสำหรับเพื่อนๆ ที่เป็นมือใหม่ในเรื่อง WordPress เหมือนๆ กับผู้เขียนครับดูตามรูปด้านบนเลยครับ

สำหรับขั้นตอนการทำก็ไม่ยากครับ
1.) ใช้ Program Editor ทั่วไปเปิดไฟล์ Page.php ที่อยู่ใน Theme ที่เราใช้งานอยู่ในบล็อกเราตอนนี้ครับ
2.) พิมพ์โค้ดตามด้านบนเลยครับ และอธิบายได้ดังนี้
-ส่วน Template Name: Page Template =>ส่วนที่บอกว่า Page ที่เราสร้างมาชื่อว่าอะไร
-ส่วน get_header =>ส่วนที่แสดงใน Header ของ Blog ของเราครับ (อันนี้ต้องมีครับ)
-ส่วน div , CSS =>เป็นส่วนที่เราต้องการจัดรูปแบบให้ Page หน้านั้นแสดงออกมาอย่างไร
-ส่วน get_sidebar=>เราแก้ไขได้นะครับไม่จำเป็นต้องให้เหมือนกับ Blog เดิมเราครับ (มีก็ได้หรือ ไม่มีก็ได้)
-ส่วน get_footer=>เป็นส่วนท้ายของ Blog เราครับ
3.) หลังจากนั้นก็ Save As ครับเก็บไว้ใน Theme ตามข้อที่ 1

การนำไปใช้งาน ตามรูปด้านล่าง
1.) login เข้าไปที่ Blog เรา =>admin
2.) เข้าไปที่ Page เพื่อเขียนหน้าใหม่ครับ
3.) เริ่มเขียนหัวข้อแล้วในส่วนของพื้น Post เราไม่ต้องเขียนข้อความใดๆ ครับ
4.) ที่ด้านขวามือให้มองหา Template ครับแล้วเลือกว่าเราจะใช้ Template ชื่ออะไร ซึ่งจากตัวอย่างผู้เขียนมี
Page Template อยู่ 2 ชื่อครับคือ “Page Template และ Page-Hotels”
5.) เสร็จแล้วลอง Update Blog เราดูครับเป็นอันเสร็จเรียบร้อย
6.) จะเห็นว่าไม่ยากเลยครับสำหรับการแก้ไขและเพิ่ม Page Template ของ WordPress

เพิ่มเติมครับในส่วนที่ผู้เขียนทดสอบระบบของ Page Template ที่ทำขึ้นผู้เขียนทดสอบที่ localhost ก่อนครับเพราะว่าสามารถปรับแต่งและแก้ไขได้ง่ายตามความต้องการของเรา หลังจากที่ทดสอบจนเป็นที่น่าพอใจแล้วจึงทำการ Upload ขึ้นไปเก็บที่ Host ที่เราเช่าครับ ซึ่งเทคนิคนี้ผู้เขียนจะใช้เป็นประจำเมื่อจะทำการ Update Blog ครับซึ่งก็จะเหมาะกับมือ

v.4217 (20090704) key nod32

2009-07-05T17:57:00.000+07:00

UserName: EAV-17781310
PassWord: svdndvsehd
Version: ESS, EAV, 2.*

UserName: EAV-17504008
PassWord: mmntxm7r3f
Version: ESS, EAV, 2.*

UserName: EAV-17503929
PassWord: td5sma87sh
Version: ESS, EAV, 2.*

UserName: EAV-18096524
PassWord: 42pm6rh5v4
Version: EAV, 2.*

key nod32 for 11/03/52

2009-03-12T02:13:00.000+07:00

UserName: TRIAL-13100547
PassWord: ftmtj7rjfe
Version: ESS, EAV, 2.*

UserName: EAV-11731603
PassWord: nm3h7xbmww
Version: ESS, EAV, 2.*

UserName: EAV-13068074
PassWord: ep3682supu
Version: EAV, 2.*

UserName: EAV-12920555
PassWord: mcve5crb83
Version: EAV, 2.*

UserName: EAV-12940135
PassWord: bfwddnk7hh
Version: EAV, 2.*

UserName: TRIAL-13050995
PassWord: 83np5vtsr5
Version: ESS, EAV, 2.*

2009-02-09T00:40:00.000+07:00

http://www.acer.co.th/acerthai2/index.php?method=software&submodule_current=22&software_products=2&software_models=221&selectfield=swdownload_description&search_=&Submit=%20%20ok%20%20&c_page=1

2009-01-26T12:58:00.001+07:00

UserName: EAV-10461618
PassWord: n3fpcat8rn
Version: ESS, EAV, 2.*

UserName: EAV-10452159
PassWord: dnbfwbx27t
Version: ESS, EAV, 2.*

UserName: EAV-07386494
PassWord: pk84ubp4rw
Version: EAV, 2.*

UserName: EAV-10662180
PassWord: brdbsfux6k
Version: EAV, 2.*

UserName: EAV-01090120
PassWord: 4kk6xnxxfj
Version: ESS, EAV, 2.*

UserName: EAV-10611195
PassWord: ch5cu74bdu
Version: ESS, EAV, 2.*

UserName: EAV-09452231
PassWord: x8b72ut8t7
Version: ESS, EAV, 2.*

UserName: EAV-10627105
PassWord: mhmshd27x3
Version: EAV, 2.*

2009-01-26T12:17:00.001+07:00

Chaiyaphorn Sisanam

Thailand: 228, Moo 13,
Sila, Muang, Khon Kaen 40000
Mobile (66) 80-048-5518
Email: chaiyaphorn@gmail.com

SUMMARY OF QUALIFICATIONS

•	Master’s degree of Engineering in processing technology and Bachelor’s degree of Industrial Engineering
•	9 years as an Engineering Professional with recent experience in Management.
•	Demonstrated leadership and ability to build relationship and resolve complex issues among multiple entities.
•	Working knowledge of industrial project management and research settings.

PROFESSIONAL EXPERIENCE

	2004-2007		Grenidea Technologies Pte, Ltd., Singapore
			Process R&D Manager 2007
			Senior Process Engineer 2004-2006
•		As a process R&D manager, directed techno-economic study of AgroResin material processing - Developed projects for material processing with local and international partners - Set up standard operational and maintenance procedures for the department - Managed material processing database. & Initiated Technology roadmap. - Budget control & cost management

•

As a senior process engineer, developed workflow, process parameters, simulated and optimized the system with clients and suppliers

- Analyzed data with Artificial Neural Networks / Statistical software to improve efficiency and productivity for clients

- Supported clients for troubleshooting and provided them the best solution.

- Communicated/coordinated project team for action planning and implementation

•

Conducted EMS internal audit to review procedures, and practices and Developed strategies for EMS compliance, performed frequent surveillance and enhancing the training program.

2000-2004	Norske Skog (Thailand) Co., Ltd., Thailand
	Senior Project & Process Engineer

A newsprint manufacturer producing newsprint from recycled fibres.

•	Conducted project feasibility study and implemented all capital investment projects
•	Developed the project management system for engineering department.

•	Coordinated and communicated project planning, inspected project implementation, troubleshooting, process commissioning & optimization and evaluated project completion
•	Conducted the integrated QMS/EMS/OHSAS internal audit to review procedures, and practices and Developed strategies for EMS compliance, performed frequent surveillance and enhancing the training program.

Chaiyaphorn Sisanam
Page 2

1997-1999	Thai Rung Union Car (Public) Co., Ltd., Thailand
	Cost Control Engineer

An automobile facility comprised of 2 car assembly shops, a tool & die manufacturing shop, and a press-parts production shop.

•	Ensured cost control system compliance in corporate management plan by performing frequent surveillance and enhancing the training program.

•	Co-developed directives and KPIs for operational cost control issues / operating improvement using Industrial Engineering techniques.

•	Supported the management team from all departments in preparation of corporate action plan of cost reduction project, work implementation, progress check, and continuing improvement setting

EDUCATION AND PROFESSIONAL AFFILIATIONS

M.Eng., Processing Technology (Pulp&Paper), Asian Institute of Technology, Thailand, 2000
(Full Scholarship supported by Norske Skog, Norway)

B.Eng., Industrial Engineering, Ubon Rajathanee University, Thailand, 1997

Seminars/ Training:	ISO 14001	EMS Internal Audit, Singapore
	OHSAS 18001	OHSAS Internal Audit, Singburi, Thailand
	Leadership Program	AsiaWorks’ Singapore Leadership Workshop (3-months)
	Production Training	Norske Skog Korea (Jeong Jo Paper Mill)
	Unlimited Power	The Seminar by Anthony Robbins, Singapore
Professional Networks:	Member of The Engineering Institute of Thailand under H.M. King’s Patronage (EIT), Bangkok, Thailand

username password nod32 , 20090105

2009-01-06T13:37:00.000+07:00

UserName: EAV-09737572
PassWord: xtfsjd4ss7
Version: ESS, EAV, 2.*

UserName: EAV-09736069
PassWord: 3ms8jc2w8v
Version: ESS, EAV, 2.*

UserName: EAV-09735821
PassWord: 62t5ukvbss
Version: ESS, EAV, 2.*

UserName: EAV-09879573
PassWord: 5w6vnfufv5
Version: ESS, EAV, 2.*

UserName: EAV-09879576
PassWord: nsdwf56cnd
Version: ESS, EAV, 2.*

UserName: EAV-09678318
PassWord: ef53mbew6k
Version: ESS, EAV, 2.*

username password nod32 -18/12/51

2008-12-19T13:34:00.000+07:00

UserName: EAV-08187213
PassWord: vw87btwasn
Version: ESS, EAV, 2.*

UserName: EAV-09231406
PassWord: fsmpx5wbxr
Version: ESS, EAV, 2.*

UserName: EAV-09231415
PassWord: 5bbue2v28j
Version: ESS, EAV, 2.*

UserName: EAV-09154678
PassWord: d2b6ucuesx
Version: ESS, EAV, 2.*

UserName: EAV-09154668
PassWord: vxvajek87s
Version: ESS, EAV, 2.*

UserName: EAV-09062519
PassWord: c8uavsjtdj
Version: ESS, EAV, 2.*

UserName: EAV-09185283
PassWord: 5tappdc7rn
Version: EAV, 2.*

แบบฟอร์มเก็บประวัติสมาชิกสาย 78 หรือ 15

2008-12-10T01:22:00.001+07:00

Google Web Toolkit Sample Applications and Source Code

2008-12-06T19:17:00.000+07:00

Google Web Toolkit Sample Applications and Source Code

RSS Reader Application

http://ajax.lodgon.com/demo1.html

RSS Reader application built with the GWT. Includes a demo and source code.

RPC Hello Source Code and Walkthrough

http://ajax.lodgon.com/hello.html

Source code and walkthrough of an RPC Hello example.

GWT Application Source Code

http://roberthanson.blogspot.com/2006/06/trivial-gwt-example.html

Source code for a simple GWT application.

GWT Application Sample Code

http://www.bigbold.com/snippets/tag/gwt

Sample code for a simple GWT application using the Mouse Wheel feature.

Photo Sharing Site

http://www.mynetimages.com/

Free photo sharing site developed using the Google Web toolkit.

Kitchen Sink Example Project

http://code.google.com/webtoolkit/documentation/examples/kitchensink/

Kitchen Sink example project built with the Google Web Toolkit using the UI widgets and history management features. This example demonstrates features including buttons, menus, images, layouts, lists, popups, tables, text, trees, frames and tabs. Includes a demo of the application and source code.

JSON RPC Example Project

http://code.google.com/webtoolkit/documentation/examples/jsonrpc/

JSON RPC example project built with the Google Web Toolkit using the UI widgets, JSNI (JavaScript Native Interface) and RPC features. Includes a demo of the application and source code.

Desktop App Clone Example Project

http://code.google.com/webtoolkit/documentation/examples/desktopclone/

Desktop App Clone example project built with the Google Web Toolkit using the UI widgets and history management features. Includes a demo of the application and source code.

Dynamic Table Example Project

http://code.google.com/webtoolkit/documentation/examples/dynamictable/

Dynamic Table example project built with the Google Web Toolkit using the UI widgets and polymorphic RPC features. Includes a demo of the application and source code.

"Hello World" Example

http://code.google.com/webtoolkit/documentation/examples/helloworld/

"Hello World" example project built with the Google Web Toolkit using the UI widgets feature. Includes a demo of the application and source code.

Google Web Toolkit Example Applications

http://code.google.com/webtoolkit/documentation/examples/

Google Web Toolkit Example Applications page includes several sample applications built with the GWT. View a demo of the application, download the source code and check out the list of GWT features used to build the application.

Animated Poker

http://www.gpokr.com/

Animated poker game built using the Google Web Toolkit.

Hangman

http://octagonsoftware.com/home/mark/gwthangman/

Check out this game of hangman, by Mark Roth, built using the Google Web toolkit.

2008-12-06T12:35:00.002+07:00

วันนี้มี ตัว Bitdefender เวอร์ชั่น 2009 มาฝากครับ
ดาวน์โลหด ลิงค์ที่ 1 [คลิกเลย]
ดาวน์โลหด ลิงค์ที่ 2 [คลิกเล]
password ในการแตกไฟล์ www.dl4all.com
ติดตั้งหรืออัพเดทไม่ได้ ติดต่อที่ en42chart@gmail.com ได้เลยครับ

update nod32 ประจำวันที่ 5 ธันวาคม 2551

2008-12-06T01:54:00.003+07:00

UserName: EAV-08757091
PassWord: 6rhekrkucp
Version: ESS, EAV, 2.*

UserName: EAV-08757088
PassWord: pkrfdcvr4x
Version: ESS, EAV, 2.*

UserName: EAV-08560673
PassWord: 7r8bn8t3p8
Version: ESS, EAV, 2.*

UserName: EAV-08777335
PassWord: t8padx6tmh
Version: ESS, EAV, 2.*

UserName: EAV-08777341
PassWord: pj86spj35x
Version: ESS, EAV, 2.*

UserName: EAV-08777347
PassWord: 5h8ha7mw2f
Version: ESS, EAV, 2.*

UserName: EAV-08777356
PassWord: exkbtbn8rm
Version: ESS, EAV, 2.*

UserName: EAV-06563502
PassWord: f78rm67jfb
Version: EAV, 2.*

credit by en42chart@gmail.com

Sample Application use google gears

2008-12-02T01:16:00.000+07:00

Google Gears เป็น extension เสริมสำหรับผู้ใช้ Firefox ช่วยให้สามารถใช้งานกับโปรแกรมที่ใช้ Google Gears API ได้ในแบบ offline โดยเปิดตัวเป็นเวลามาครบ 1 ปีแล้ว มาดูรายชื่อบริการที่รองรับความสามารถมารถนี้กันบ้าง

* Google Reader
- บริการอ่าน feed จาก Google (feed reader)
- เปิดใช้ Google Gear เมื่อ พฤษภาคม 2007
- เก็บข่าวไว้อ่านตอน offline ได้ 2,000 โดยแสดงเฉพาะข้อความ ไม่มีภาพประกอบ

* Remember the Milk
- โปรแกรมจัดตารางเวลา (task management application)
- โปรแกรมที่สอง เป้ดให้บริการ 6 วัน หลังจาก Google Reader
- สามารถใช้บริการส่วนใหญ่ได้ทั้งหมด ไม่เพียงแค่สามารถเข้าดูข้อมูลได้เท่านั้น แต่ยังสามารถจัดการ แก้ไขเพิ่มเติมราการต่างๆได้ด้วย

* Zoho Writer
- โปรแกรมประมวลผลคำ (online word processor)
- รองรับตั้งแต่ สิงหาคม 2007 อัพเดทสำคัญในเดือน พฤศจิกายน และรองรับบริการทางโทรศัทพ์ในเดือน มีนาคม 2008
- สามารถแก้ไขเอกสารแบบ offline ได้

* PassPack
- บริการจัดเก็บพาสเวิร์ด (online password manager)
- เปิดตัวเมื่อ กันยายน 2007
- ในบริการแบบ offline ช่วยให้ผู้ใช้สามารถดาวน์โหลดข้อมูล และเข้าจัดการข้อมูลได้ทุกที่ที่ต้องการ

* MindMeister
- online mind mapping
- เปิดตัว: กันยายน 2007
- จัดการ mind map แบบ offline โดยสามารถใช้ synchronize ข้อมูลกลับได้ในภายหลัง

* Buxfer
- โปรแกรมจัดการด้านการเงิน (personal finance manager)
- รองรับตั้งแต่ มกราคม 2008 และให้บริการในมือถือตอน มีนาคม
- โดยโปรแกรมจะเก็บข้อมูล การยืนยันตัวบุคคลไว้แบบ offline

* Autodesk Labs Project Draw
- สร้างผังงาน (create diagrams online)
- เปิดตัว: มกราคม 2008
- สามารถทำงานได้ใน offline mode และสามารถ synch ข้อมูลหลังเชื่่อมต่อใหม่อีกครั้ง

* Google Docs
- โปรแกรมประมวลผลคำ (online word processor)
- เปิดทดลองใช้ในกลุ่มเล็ก - มีนาคม 2008
- สามารถเปิด และแก้ไขเอกสารแบบ offline

* Picasa Web Albums Mobile
- บริการแลกเปลี่ยนรูปภาพ (photo sharing)
- ให้บริการแบบ offline กับระบบ Windows Mobile 6 touchscreen devices, เมษายน 2008
- สามารถดูรูปแบบ offline

More Info:

ฟังเพลงออนไลน์

2008-11-19T01:01:00.003+07:00

-------วันนี้อยากเอาใจนักฟังเพลงกันหน่อย มีหลายคนที่ชอบฟังเพลงออนไลน์ ไม่ว่าจะเป็นจาก hi5 หรือ blog ของเพื่อนๆ อาทิตย์ที่แล้วมีน้องๆ ชมรม มาถามผมว่า้ต้องทำไงถึงเอาเพลงลงในหน้าเว็บเพจได้ ซึ่งผมก็เลยคิดว่า คงมีอีกหลายคนที่ยังทำเรื่องนี้ไม่เป็น ถือเป็นโอกาศถ่ายถอดเลยแล้วกัน(คนที่ทำเป็นแล้ว อาจจะคิดว่าง่าย)
-------อันดับแรกเรา้ต้องหาเว็บไซท์ที่ให้บริการสำหรับฝากเพลง ในที่นี้ผมจะยกตัวอย่างเว็บไซท์
http://www.imeem.com แล้วกันนะครับ เพราะมีเพลงเยอะดี(ส่วนตัวนะคับ) เมื่อเข้าไปที่เว็บไซท์ imeem แล้วก็ให้เพื่อนทำการสมัครสมาชิก ซึ่งการสมัครสมาชิกก็ไม่ยากครับ ผมขอข้ามเลยแล้วกัน เอาเป็นว่าตอนนี้เืพื่อนได้เข้ามาที่เว็บไซท์ http://www.imeem.com แล้วทำการ login เรียบร้อยแล้วนะครับ
------ต่อมาก็ให้เืพื่อนๆทำการ search หาเพลงที่ต้องการได้เลย ซึ่งช่องสำหรับ search จะอยู่ที่มุมขวาตอนบน ดังในรูปข้างล่างนะครับ ลองใส่ชื่อเพลงดูครับ แล้วกดเลือกที่ Search เมื่อกดเลือกแล้ว ก็จะมีรายการเพลงปรากฏขึ้นมาใช่ไหมครับ ( ถ้าชื่อเพลงนั้นมีนะครับ)

-------จากนั้นกดเลือกที่เพลงใดเพลงหนึ่ง ในรายการเพลงที่ปรากฏ ก็จะขึ้นหน้าต่างเพลงนั้นมาใช่ไหมครับ ดังรูปข้างล่าง ซึ่งการฝังเพลงในหน้าเว็บเพจมี 2 วิธี คือ 1. เราสามารถนำเพลงนี้ไปใส่ในหน้าเว็บเพจได้เลย ก็คือ copy code ในช่อง Embed ในวางในหน้าเว็บเพจ 2. เพิ่มเพลงนี้ไปยังรวมกับเพลงอื่นๆ(Album) แล้วค่อยเพิ่มในหน้าเว็บเพจทีหลัง ซึ่งผมจะอธิบายในส่วนของข้อ 2 นะครับ เพราะข้อ 1 ก็จบแค่นี้

--------ใต้รายการเพลงจะมีคำว่า"Playist" ให้เพื่อนๆกดเลือก จากนั้นจะมีหน้าต่างเล็กๆ ปรากฏขึ้นมาซึ่งจะเห็นคำว่า "Select a playist" ก็คือระบบจะถามว่า จะเลือกให้เพลงนี้ไปเก็บไว้ที่ใดใน Account ของเรา ซึ่งถ้าเราเพิ่งสมัครสมาชิกมาใหม่ก็จะยังไม่มีรายการ playist ให้เลือก ก็ให้เราเลือกที่ Create a new playist เพื่อสร้ายรายการเพลงใหม่ขึ้นมา ดังรูปข้างล่าง

------จากนั้นมีเรามีรายการเพลงแล้ว ก็ให้เราเลือก select a playist ในรายการที่เราสร้างไว้ดังรุปข้างล่าง แล้วเลือกที่ "Add" ซึ่งเราสามารถเพิ่มเพลงในรายการเพลงของเราได้เรื่อยๆ ..ลองๆ ทำดูแล้วกันครับ

-------- จากนั้นเราจะไปดูกันว่าในรายการของเรามีเพลงที่เราได้เพิ่มไว้หรือไม่ ซึ่งถ้าตอนนี้เราอยู่ที่หน้าเพลงที่เราเลือกใช่ไหมครับ ก็ให้เราไปที่ My Home ก่อน จากนั้นให้เพื่อนๆ เลือกที่ Create จะปรากฏดังรูปข้างล่างครับ

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

--------- มีเลือกที่ view playist แล้ว ก็จะปรากฏดังรูปข้างล่างใช่ไหมครับ เพื่อนๆ ก็จะเห็นว่ามีช่อง Embed ให้เรา copy code ไปวางในเว็บเพจใดๆ ก็ได้ ดังรูปข้างล่าง

-----------ตัวอย่างการใช้งานก็เช่น --------------------

1. วาง code ในเว็บเพจ(เนื้อหา) หรือ comment ที่ต้องการ ดังรูป

2. ก็จะได้ผลลัพธ์ดังรูปข้างล่าง

ขอให้มีความสุขกับการฟังเพลงนะคร้าบๆๆๆๆๆ

รู้จักกับ JSON

2008-11-13T16:21:00.006+07:00

สำหรับการทำงานของ Ajax หรือ Javascript แล้ว ถ้าเราต้องการให้ให้การทำงานสามารถแบ่งชั้นการทำงานระหว่างไคลเอนต์กับเซิร์ฟเวอร์ได้ชัดเจน จนบนฝั่งเซิร์ฟเวอร์จะมีเฉพาะลอจิกที่เกี่ยวกับกฏเกณฑ์ทางธุรกิจเท่านั้น และบนฝั่งดคลอนต์จะมีเฉาะลอจิกเกี่ยวกับขั้นตอนการทำงานของยูสเซอร์เท่านั้น การออกแบบในลักษณะนี้จะคล้ายกับสถาปัตยกรรมแบบธิตไคลเอนต์ (thick-client architecture) แ่ต่จะไม่มีข้อเสียจากการที่ต้องติดตั้งและดูแลรักษาซอฟต์แวร์บนไคลเอนต์
ในแอปพลิเคชั่นที่ถูกออกแบบมาในลักษณะน้ เชิร์ฟเวอร์จะส่งผลลัพธ์กลับมายังไคลเอนต์เป็นข้อมูลซึ่่งอาจเป็นไปได้ว่าจะเป็นข้อมูลที่มีโครงสร้างซับซ้อน โดยเรามีอิสระในการเลือกใช้รูปแบบของข้อมูลที่ได้ตามใจชอบ ทว่าในปัจจุบันมี 2 ทางเลือกที่โดดเด่น คือ JSON (Javascript Object Notation) และ XML (extensible Markup Language)
JSON เป็นรูปแบบข้อมูลซึ่งออกแบบมาเพื่อใช้สำหรับแลกเปลี่ยนข้อมูลระหว่างระบบ ข้อมูลในรูปแบบ JSON นี้สามารถเขียนและอ่านได้ทั้งจากเทคโนโลยีบนฝั่งเชิร์ฟเวอร์ทั้งหลายและ Javascript บนเบราเซอร์ โดยการกำงานของ การแลกเปลี่ยข้อูลที่สมบูรณ์นั้นจะต้องแปลงข้อมูลระหว่างรูปแบบของ JSON และออบเจ็กต์ในโปรแกรมในทั้งสอง คือทั้งไปและกลับ ดังรูปข้างล่าง

JSON นั้น มีครึ่งหนึ่งเป็นส่วนหนึ่งของภษาา JavaScript และอีกคึ่งหนึ่งจะอยู่ในรุปแบบของไลบรารีเธิร์ดปาร์ตี้ ซึ่งฟังดูแล้วอาจจะเหมือนว่าไม่น่าจะเป็นเช่นนั้น ดังนั้นผมจะอธิบายประเด็นนี้รายลเอียดอีกสักเล็กน้อย
ขั้นแรก เราจะมาดูการประกาศค่าในรูปแบบ JSON กันก่อน ตัวอย่างด้านล่างนี้ประกาศตัวแปร customers ซึ่งมีแอตตริบิวต์เป็นอาร์เรย์ที่ชื่อว่า details โดยสมาชิกต่ละตัวของอาร์เรย์นี้จะเป็นกลุ่มแอตตริบิวต์ของออบเจ็กต์ที่เป็นข้อมูลลูกค้า ซึ่งประกอบด้วยแอตตรีบิวต์ที่ชื่อ num,name และ city

เปิดโลก Ajax ตอน JSON

2008-11-12T02:40:00.001+07:00

Ajax เป็นเทคโนโลยีที่ทำให้เว็บของเรามีชีวิตชีวามากขึ้น กว่าเว็บที่เราเคยใช้กัน เดิมทีเว็บที่เราเขียนด้วย HTML มันแก้ไขอะไรไม่ได้เลย เปิดมากี่ทีๆ ก็เหมือนเดิมตลอด ให้มีชีวิติชีวากว่านั้นก็อาจจะใช้ CGI หรือ PHP มาช่วยก็ทำให้หน้าเว็บที่เปิดมาเปลี่ยนแปลงไปได้ตามข้อมูลที่เราให้ ( + อื่นๆ ) เพื่อเพิ่มชีวิตชีวามากกว่านั้นเรายังสามารถใช้ Javascript ที่ทำให้หน้าเว็บเปลี่ยนแปลงไปได้ต่อหน้าต่อตาโดยไม่ต้อง load หน้าใหม่เลย

... ทว่า อย่างไรก็ตาม การใช้ javascript ก็ยังจำกัดอยู่เนื่องจากไม่สามารถไปเรียกข้อมูลจาก server ได้ ... ดังนั้น Ajax จึงมีบทบาทในการช่วยใช้ javascript บน web browser เช่น IE และ Firefox แลกเปลี่ยนข้อมูลกับ web server ได้ และแก้ไขหน้าเว็บเดี๋ยวนั้นโดยไม่ต้อง load หน้าใหม่

ปกติรูปแบบข้อมูลที่ใช้ในการแลกเปลี่ยนข้อมูลของ Ajax ก็คือ XML แต่กระนั้นเราก็ต้องมีท่าต่างๆ นานาเพื่อใช้ในการจัดการ xml อีก จะดีกว่าหรือไม่ถ้าหากเราส่งผ่าน data structure แบบพื้นฐานเช่น array และ hash จาก server มาที่ javascript ทางฝั่ง client ได้เลย

ถ้าหากการส่ง array และ hash ไปมาระหว่าง server และ javascript ฝั่ง client สะดวกแล้วหละก็ JSON ก็น่าจะเรียกได้ว่าใช่เลย สมมุติว่าเราต้องการส่งรายชื่อคนผ่าน XML เรา *อาจจะ* ต้องเขียน




กอ
นามสมมุติ


ธี
นามจริง


...
...

ตัวอย่างที่ 1

ถ้าเป็น JSON ก็จะใช้ [ ] แทน Array และ { } แทน Hash ( หรือ Associative array ) ก็อาจจะเขียนได้แบบข้างล่าง

[
  {"firstname":"กอ", "lastname":"นามสมมุติ"},
  {"firstname":"ธี", "lastname":"นามจริง"},  
]

ตัวอย่างที่ 2

ตัวอย่างอาจจะดูลำเอียง ( และชวนเชื่อไปหน่อย ) แต่ว่าก็น่าจะพอทำให้เห็นภาพบ้าง :-P

และประโยชน์สูดสุดของ JSON ก็คือ สามารถ อ่านได้โดย eval คำสั่งเดียวหากใช้ javascript เช่น

// สมมุติว่า json data เป็นไปตามตัวอย่างที่ 2
var personList = eval('(' + json_data + ')');
// เราก็เอา personList มาเล่นได้เลย
alert(personList.firstname);

ตัวอย่างที่ 3

อาจจะมีข่าวลือที่เสียหายเกี่ยวกับ JSON ว่านำไปใช้กับภาษาอื่นที่ ไม่ใช่ Javascript ไม่ได้ ซึ่งมันไม่ค่อยจะจริงนัก เพราะว่ามี library สำหรับภาษาต่างๆ ที่ใช้กับ JSON มากมาย หรือต่อให้ไม่มี library พวกนั้นเราก็คงเขียนเองได้อยู่ดี :-P

สรุปว่าถ้าใช้ Ajax แล้ว JSON ก็อาจจะเป็นตัวเลือกในการส่งข้อมูลระหว่าง web browser และ web server ที่ดีตัวนึง ทั้งขาไปและขากลับ ที่สำคัญคือมันง่าย นอกจากนั้น JSON อาจจะเอาไปใช้ในงานๆ อื่นๆ ที่ไม่ได้ใช้ Ajax หรือ Javascript เลยก็ได้

หยุดการ autorun ตอนเสียบ flash drive

2008-11-09T18:05:00.002+07:00

1.
คลิกปุ่ม Start --> Run ปรากฏไดอะล็อกบ็อก Run พิมพ์คำสั่ง gpedit.msc กดปุ่ม OK ปรากฏไดอะล็อกบ็อก Group Policy
2.
คลิกเลือก User Configuration --> Administrative Templates --> System --> Double Click ไฟล์ Turn Off Autoplay (ทางทีดีควรทำที่ Computer Configuration ด้วย)
3.
ไดอะล็อกบ็อก Turn Off Autoplay Properties
1.
คลิกเลือก Enabled
2.
คลิกเลือก All drives
3.
คลิก OK

มี Keygen สำหรับ Adobe CS3 ( ฉบับรวม)

2008-10-30T09:37:00.003+07:00

เห็นหลายๆ คน (รวมทั้งตัวผมเอง) เวลาจะลงโปรแกรมจากค่าย Adobe บางครั้งหา Keygen ยากเย็นเหลือเกิน
วันนี้ผมไปเจอลิงค์ที่รวม Keygen ไว้หมดเลย
คงหมดปัญหาเรื่อง keygen สำหรับ adobe อีกต่อไป

[ลิงค์ 1]
[ลิงค์ 2]
และอีกเวอร์ชั่น [ลิงค์ 3]

passwod สำหรับแตกไฟล์ก็ www.dl4all.com

ใช้ Dreamweaver ช่วยซิ

2008-10-18T15:28:00.004+07:00

เพื่่อนๆ เป็นเหมือนผมไหมครับ ในบางครั้งก็ขี้เกียจเขียนโค้ด HTML หรือ PHP ที่ง่ายๆ บางครั้งก็ลืม บางครั้งก็เขียนผิด
วันนี้เรามาประยุกต์ใช้ Dreamweaver กันดีกว่า ( ฉบับง่ายๆ สำหรับเพิ่งเริ่มต้นนะคับ )
ตัวอย่างง่ายๆ แล้วกัน ถ้าผมต้องการนำรูปมาใส่ในตางราง 2x2 ซึ่งต้องเป็น 4 รูปใช่ไหมครับ เอาง่ายๆ เลย สำหรับผมตอนนี้ถ้าไม่มีเครื่องมือช่วย เช่น Dreamweaver ผมคงไปไล่หาโค้ดใน Google ซึ่งอาจจะใช้เวลานานกว่า
ซึ่งถ้าเปิดโปรแกรม Dreamweaver ก็จะมีขั้นตอนง่ายๆ ดังนี้
1. สร้างตาราง 2x2 ซึ่งมีเครื่องมือเพียงไม่กี่คลิก
2. คลิก insert images ในช่องของตาราง (เหมือนใน word เลย)
3. เปลี่ยนโหมดไปที่ Code เพื่อดูโ้ค้ด html ที่ได้
4. Copy โค้ดมาวางในเว็บหรือบล็อกในส่วนที่ต้องการ ( ใช้เวลาไม่กี่นาที)

ผมลัพธ์ดังรูปข้างล่างนี้

JSP คือ ?

2008-10-15T13:01:00.000+07:00

JSP ย่อมาจาก Java Server Pages เทคโนโลยีที่คิดค้นโดยบริษัท Sun Microsystems (ผู้ผลิตคอมพิวเตอร์ซันและผู้พัฒนาจาวา) โดยพัฒนาบนพื้นฐาน
ของภาษาจาวาเพื่อเพิ่มประสิทธิภาพ ให้หน้าเว็บเพจมีความยืดหยุ่นสูงขึ้น โครง
สร้างของ JSP นั้นเป็นลักษณะของแท็ก (tag) ชนิดพิเศษที่แทรกเข้าไปใน
เอกสาร HTML และเปลี่ยนนามสกุลของเอกสารเป็น . JSP แทนที่จะเป็น .HTM
หรือ .HTML โดยแท็กเหล่านี้เว็บบราวเซอร์จะไม่สามารถตีความหมายได้ จะต้อง
นำไปประมวลผลก่อนที่เว็บเซิร์ฟเวอร์เท่านั้น (หรือที่เราเรียกว่าการทำงานแบบ Server Side) แล้วนำผลลัพธ์ทั้งหมดส่งกลับมายังเว็บบราวเซอร์ในลักษณะของ
เอกสาร HTML ซึ่งเว็บบราวเซอร์สามารถตีความหมายและนำมาแสดงผลได้
การทำงานโดยรวมของ JSP จะเริ่มจากบราวเซอร์ร้องขอ (HTTP Request) เอกสารที่มีนามสกุลเป็น JSP ไปยังเว็บเซิร์ฟเวอร์ผ่านทางโปรโตคอล HTTP
เว็บเซิร์ฟเวอร์ก็จะนำเอกสาร JSP ที่ได้รับมานั้นส่งต่อไปให้ JSP Engine (JSP
Engine คือ แอพพลิเคชันที่ถูกโหลดสู่หน่วยความจำและทำงานอยู่บนเว็บเซร์ฟ
เวอร์ หน้าที่หลักคือแปลความหมายและประมวลผลเอกสาร JSP) จากนั้น JSP
Engine ก็จะประมวลผล และส่งผลลัพธ์กลับมายังเว็บเซิร์ฟเวอร์ แล้วเว็บเซิร์ฟ
เวอร์ก็จะส่งผลลัพธ์กลบมายังบราวเซอร์ (HTTP Reponse) อีกที ในลักษณะของ
เอกสาร HTML บราวเซอร์ก็จะสามารถแสดงผลได้

ทดสอบ ajax

2008-10-14T22:03:00.001+07:00

2008-10-14T20:26:00.004+07:00

เพิ่งซื้อหนังใหม่อีกเล่ม อยากเรียนรุ้ php ให้มากกว่านี้ เพื่อนหาซื้อได้จาก [สั่งซื้อ]
รายละเอียดหนังสือ เรียนรู้การเขียนโปรแกรม PHP ตั้งแต่ขั้นพื้นฐานไปจนถึงการประยุกต์ใช้งาน, ขั้นตอนการติดตั้งเว็บเซิร์ฟเวอร์และ PHP ทั้งบน Windows และ Linux, การใช้งานระบบฐานข้อมูล MySQL และการเขียนโปรแกรม PHP เพื่อติดต่อกับฐานข้อมูล MySQL และ Microsoft Access ผ่าน ODBC, แก้ปัญหาการเปลี่ยนระบบฐานข้อมูลด้วย PDO, PHP กับการเขียนโปรแกรมเชิงวัตถุ (OOP), อธิบายการใช้เทคนิค AJAX ร่วมกับ PHP อย่างละเอียด พร้อมตัวอย่างการประยุกต์ใช้, กรณีศึกษา (case study) ที่นำไปใช้งานได้จริง RemoteDrive 1.1 (ปรับปรุงใหม่), Web Mail, Webboard และ Counter

ถ้าได้อะไรดีๆ จะกลับมาเขียนเล่าสู่กันฟังนะคับ

วิธีแก้ Funny UST Scandal และ xmss.exe

2008-10-14T12:34:00.005+07:00

ประมาณอาทิตย์ที่แล้ว เครื่องผมติดไวรัส ก็คิดว่าคงเป็นไวรัสที่ร้ายแรง และตอนนั้นเครื่องผมก็ไม่มีตัว Antivirus ด้วยซิ พอรู้ว่าเครื่องตัวเองติดไวรัส ก็จะิิติดตั้งตัว antivirus เพื่อจะสแกนไวรัสออก แต่ ผมไม่สามารถติดตั้งตัว antivirus อะไรได้เลย ร้ายไปกว่านั้น ผมไม่สามารถเปิด Task manager , run comman,floder option ได้เลย หรือว่าจะ safe mode เพื่อไปแก้ค่า register ก็ทำไม่ได้

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

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

นั้นคือวิธีการอันดับแรกที่เราตัองทำก่อน ที่จะ่ฆ่าไวรัส (จำไว้)

หลังจากนั้นหาเครื่องมือจะใช้ ปิด process การทำงานของไวรัส จะเป็นของ nod32 หรือตัวนี้ก็ได้ [โหลด]

ดาวน์เสร็จแล้วก็แตกไฟล์ จะเห็นโปรแกรมเล็กๆ ชื่อ phand2.exe ก็เปิดขึ้นมา จากนั้นให้เราหา process ชื่อ xmss.exe แล้วก็คลิกขวา แล้วทำการ kill process

จากนั้นก็เข้าไปลบตัวไวรัสที่อยู่ในเครื่องเรา ซึ่งตัวไวรัสกลุ่มนี้ จะฝังอยู่ในหน้าไดร์ฟทุกไดร์ฟ ดังรูปข้างล่าง แล้วก็ทำการลบไฟล์ ไวรัสเลยครับ ให้เพื่อนๆ เข้าไปลบทุกไดร์ฟเลยนะครับ และที่สำคัญใน C:\WINDOWS ก็ต้องเข้าไปลบเช่นกัน

ถ้าแก้ไขไม่ได้ ติดต่อที่ en42chart@hotmail.com นะคับ ออนเอ็มทุกวัน

หรือส่งอีเมล์มาที่ en42chart@gmail.com

Synchronous and asychronous in ajax

2008-10-11T19:07:00.003+07:00

ในแง่คิดของตัวผมเองแล้ว ถ้าเราจะมองว่า Ajax เข้ามาบทบาทในเว็บแอปพลิเคชั่นเด่นที่จุดไหน ผมคิิดว่าน่าจะเป็นอยู่ใน Ajax เข้ามาเปลี่ยนรูปแบบการทำงานของ User กับ Web application ครับ เรามาดูรูปข้างล่างนี้กันดีกว่า

เราจะสงสัยเห็นว่า รูปตัวบน(ไม่มี Ajax) จะเป็นการทำงานในลักษณะแบบ work-wait นั้นหมายความว่า บราวเซอร์จะมีการทำงานอยู่ 2 ลักษณะคือ ไม่รอ(wait) ก็ทำงาน(work) ซึ่งไม่สามารถทำงานใน 2 ลักษณะนี้พร้อมกันได้ ซึ่งทำให้การทำงานไม่ต่อเนื่อง ( user เสียอารมณ์ อิๆๆ )

disruptive technology

2008-10-11T18:39:00.004+07:00

เทคโนโลยีดิสรัปทีฟ (disruptive technology) หมายถึง เทคโนโลยี ผลิตภัณฑ์ หรือนวัตกรรมที่ในที่สุดแล้วจะมาแทนที่สิ่งท่ครองตลาดหรือมีใช้อยู่ในปัจจุบัน ด้วยเหตุผลด้านคุณสมบัติและหรือ ต้นทุน ตัวอย่างเช่น ภาพถ่ายระบบดิจิตอล ซึ่งมาแทนที่ภาพถ่ายพิล์ม หรือคอมแพคต์ดสิก์ ซึ่งมาแทนที่แผ่นเสียงและเทปคาสเซตต์

หนังสือเล่มใหม่ Ajax in practice

2008-10-11T15:09:00.006+07:00

วันนี้ได้ e-book เล่มใหม่ เีกี่ยวกับ Ajax มาแนะนำครับ ที่มา

ซึ่งผุ้แต่งหนังสือเล่มนี้ กล่าวไว้ว่า

เว็บ เป็นแหล่งกำเนิดที่ดีของนวัตกรรมมาตลอด และแม้ว่าเว็บเพิ่งจะมีนาไม่นานนัก เราก็ได้เห็นหายๆตัวอย่งของนวัตกรรมที่ถูกปรับเปลี่ยนจุดประสงค์ และนำไปใช้แนวทางที่นอกเหนือจุดประสงค์ดั้งเดิมของผู้คิดึ้นไปมาก ด้วยอิทธิของ CGE (common Gateway Interface) โปรโตคอล HTTP ที่เดิมสร้างขึ้นมาแบบไดนามิกจากฐานข้อมูลแบ็กเวิร์ก ทำให้เราสามารถเข้าถึงข้อมูลแบบออนไลน์จากที่ใดก็ได้ในโลก โครงสร้างเฮดเดอร์ของ HTTP ได้ถูกนำมาปรับปรุงใช้เพื่อสร้างคามต่อเนื่องของเซนชันของยูสเซอร์ User session บนโปรโตคอล HTTP ซึ่งเดิมเป็นแบบไม่มีสถานะ stateless protocol ทำให้สามารถสร้างแอปพลิเคชั่นที่ต้องมีการจัดการสถานะของผู้ใช้อย่างต่อเนื่อง อย่างเช่น ระบบจองหองพักโรงแรมหรือระบบขาวสนิค้าแบบออนไลน์ได้ การเข้ารหัสลับ ได้ถูกสร้างขึ้นเป็ฯชั้นซ้อนอยู่บนดปรโตคลอหลัก เพื่อรักษาความลับข้อมูลของลูกค้าบนร้านค้าอนนไลน์และผู้ใช้แอปพลิเคชั่นทางธุรกิจ

ส่งที่กล่าวมานี้จัดได้ว่าเป็นเทคโนโลยีดิสรัปทิฟ ซึ่งได้เปลี่ยนวิธีการใช้เว็บไปอย่างไม่มีวันกลับมาเหมือนเดิม และทุกวันนี้เทคโนโลยีอย่างเวิร์ฟเวอร์เพจ (server page) เซสชัน และ SSL ก็ได้กลายเป็นแค่ส่วนหนึ่งของชุดเครื่องมือของนักพัฒนาเว็บทั่วๆไปเท่านั้น จนเราไม่ได้ให้ความสำคัญกับมันมากนักถึงกระนั้นสวัตกรรมเกี่ยวกับเว็บก็ยงคงพัฒนาต่อไปอย่างรวดเร็ว มีเฟรมเวิร์ก (framework) สำหรับเว็บเกิดขึ้นใหม่แทบจะทุกๆ สัปดาห์

...................................................................................................................................................................

หนึ่งในความเปลี่่ยนแปลงท่ยิ่งให่ที่สุดในวงการพัฒนาเว็บในช่วงไม่กี่ปีที่ผ่านมานี้คือ Ajax เมื่อพิจารณาจากบรรดานวััตกรรมเกี่ยวกับเว็บที่มีมาก่อนหน้าทั้งหมดแล้ว จะเห็นว่าไม่ได้มีการเปลี่นแปลงมากนักในพื้นฐานการทำงานของยูไอ (User Interface) สำหรับเว็บ เช่น การใช้เมาส์ชี้และคลิก การส่งรีเควสต์การับเรสพอนส์ การแสดงผลหน้าจอใหม่ๆ ฯลฯ จนกระทั่งไมโครซอฟท์ได้เพิ่มออบเจ็กต์ XMLHttpRequest ลงไปใน Internet Explorer 5 อย่างเงียบๆ ในปี ค.ศ. 1999 เพื่อใช้สำหรับสนับสนุนการทำงานของไคลเอน์ของ Outlook Web Accesss ของไมโครซอฟท์เอง

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

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

ดาวน์โหลด E-book เล่มนี้ไปอ่านกันเลย [click here]

Password: knowfree.net

การส่งผ่านค่าให้แก่ฟังก์ชั่น

2008-10-11T01:45:00.002+07:00

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

การส่งผ่านด้วยค่า (passing by Value) เป็นวิธีการส่งผ่านค่าที่มักใช้กันโดยทัี่วไป คือใส่ตัวแปรเป็นอาร์กิวเมนต์ ให้กับฟังก์ชั่นแล้ว ถึงแม้ในฟังก์ชั่นจะมีการเปลี่ยนค่าของตัวแปรพารามิเตอร์ที่รับค่ามาจากอาร์กิวเมนต์นั้น ค่าของตัวแปรอาร์กิวเมน์ที่อยุ่ภายนอกฟังก์ชั่นไม่เปลี่ยนแปลง

การส่งผ่านด้วยการอ้างอิง (passing by reference) เมื่อใส่สักษณ์ &(ampersand) ไว้หน้าอาร์กิวเมนต์ในขณะสร้างฟังก์ชั่น จะมีผลให้เป็นการส่งผ่านการอ้างอิง โดยหากในฟังก์ชั่นมีการเปลี่ยนค่าตัวแปรอาร์กิวเมนต์นั้น ค่าของตัวแปรภายนอกฟังก์ชั่นจะถูกเปลี่ยนตามด้วย

ประวัติของ ระบบปฏิบัติการ

2008-10-10T16:30:00.000+07:00

ผมขอพูดถึงระบบของ Microsoft เป็นเบื้องต้นก่อน ส่วนระบบปฏิบัติการ Linux และ Unix ค่อยทะยอยมาทีหลังนะครับ

ระบบปฏิบัติการของบริษัท ไมโครซอพท์ สำหรับเครื่อง เดสก์ทอป และ แลปทอป
สามารถแบ่งได้เป็น 3 ตระกูลคือ
1. MS-DOS
2. Windows ( 3.1,95,98 ,ME )
3. Widnows NT, Windows 2000, WindowXP

1. MS-DOS ( Microsoft-Disk Operation System )

"MS-DOS 1,2,3,... ระบบปฏิบัติการแบบ 16 บิต แบบที่เรียกว่า Real Mode คือต้องพิมพ์คำสั่งสำหรับใช้งานซึ่งยากต่อการจดจำ "

ราวปี ค.ศ 1981 IBM ยักษ์ใหญ่ในวงการคอมพิวเตอร์ในขณะนั้นได้ผลิตเครื่อง PC ( Personal Computer ) แปลว่า เครื่องคอมพิวเตอร์ส่วนบุคคล เริ่มจากรุ่น IBM PC 8088 เป็นคอมพิวเตอร์แบบที่เขาเรียกว่า เรียลโหมด โดยตอนนั้นบริษัท ไมโครซอพต์ได้สร้างระบบปฏิบัติการ MS-DOS 1.0 เพื่อใช้ในคอมพิวเตอร์รุ่นนี้ โดยใช้ตัวแปลภาษาเบสิก สำหรับใช้บนซีพียู 8088 และ Z-80
2 ปีต่อมาได้พัฒนามาเป็นรุ่น MS-DOS 2.0 หน่วยความจำของระบบเพิ่มจาก 8 Kb ( จากรุ่น 1.0 ) เป็น 24 Kb แต่ยังคงเป็นบรรทัดคำสั่งที่ขอยืมมาจากของ Unix อยู่
เมื่อถึงปี 1986 บริษัท Intel ผลิตซีพียู 80286 ขึ้นมา ทาง IBM จึงสร้างเครื่องรุ่นที่เรียกว่า PC/AT ไมโครซอพท์ก็ได้สร้าง MS-DOS 3.0 มารองรับการทำงานเช่นกัน ตอนนั้นประสิทธิภาพของซีพียูไปไกลกว่าอุปกรณ์ คือ ซีพียู 80286 สามารถวิ่งได้ที่ความเร็ว 8 เมกกะเฮิร์ต โดยใช้หน่วยความจำได้ถึง 16 Mb แต่คอมพิวเตอร์ขณะนั้นมีหน่วยความจำเพียง 1-2 Mb เนื่องจากในขณะนั้นหน่วยความจำราคาแพงมาก

2. Windows ( 3.1,95,98 ,ME )

" Ms-Dos ตัวสุดท้ายเป็น 6.22 ,จากนั้น Windows1,2 ออกมาทดลองตลาด ( แต่ไม่แพร่หลาย ) เมื่อปี 1992 จึงพัฒนามาเป็น Windows 3.0 และ 3.1 ระบบปฏิบัติการแบบ Gui ( Graphic user interface ) โดยรวมรวมชุดคำสั่งออกมาเป็นภาพเพื่อให้คลิกได้ง่าย ๆ แทนการพิมพ์คำสั่ง "

ในขณะที่ MS-DOS 3.0 กำลังใช้กันอยู่ ก็มีระบบ Mac ของบริษัท Apple ที่ใช้ในเครื่อง Apple Macintosh ดังขึ้นมา ทาง ไมโครซอพท์จึงทำการสร้าง Windows1.0 ขึ้นมาในปี 1985 แต่ไม่ประสบความสำเร็จ ต่อมาในปี 1987 จึงออก Windows 2.0 สำหรับใช้กับเครื่อง PC/AT ของ IBM แต่ก็ยังไม่ดี
ปี 1980 เมื่อมีซีพียู 80386 ขึ้นมาจึงได้พัฒนามาเป็น Windows 3.0 และ 3.11 เวอร์ชั่นนี้ได้รับความสำเร็จเป็นอย่างมากมาย
อย่างไรก็ตามระบบ Windows 3.1 ก็ยังถือว่าเป็นระบบที่ติดต่อผู้ใช้ในแบบกราฟิก( Graphic user interface ) ของ MS-DOS เนื่องจาก MS-DOS ยังควบคุมการทำงานของเครื่องและระบบไฟล์อยู่ โปรแกรมทั้งหมดยังทำงานบนแอ็ดเดรสเดียวกัน ซึ่งยังมีข้อผิดพลาด หรือที่เขาเรียกว่าบั๊ก ที่ทำให้เครื่องแฮ้ง ได้อยู่เสมอ

ปี 1995-1997 Windows 95 ได้ออกวางจำหน่าย ซึ่งเป็น ระบบ แบบ 32 บิตรุ่นแรก ที่มีการทำงานแบบที่เรียกว่า Multitasking หรือสามารถทำงานได้หลาย ๆ อย่าง ในเวลาเดียวกัน และคุณสมบัติโดดเด่นก็คือ Plug and Play ทำให้ติดตั้งอุปกรณ์ใหม่ ๆ เข้าใปได้ง่ายขึ้น อย่างไรก็ตามก็ถือว่ายังแยกตัวออกมาจาก MS-DOS อย่างไม่สมบูรณ์ ( ยังเป็นแบบ 32 ที่ถือว่ายังไม่สมบูรณ์ ) ยังมีโค๊ดแบบ 16 บิตภาษาแอสเซ็มบลีอยู่ และระบบไฟล์ที่เป็นของ MS_DOS อยู่ แต่การเปลี่ยนแปลงที่เห็นชัดเจนก็คือ การที่สามารถตั้งชื่อ และนามสกุลของไฟล์รวมได้ถึง 255ตัวอักษร ( เดิม ชื่อไม่เกิน 8 และนามสกุลไม่เกิน 3 ) และประมาณปี 1997 Windows 95 ได้ถูกแก้ใขเล็กน้อยเป็น Windows 95 Osr 2.0 ในขณะนี้ MS-DOS ที่ถือว่าเป็นเวอร์ชั่นสุดท้าย ก็คือ DOS 6.22

และปี 1998 Windows 98 ก็ออกจำหน่าย ในเวอร์ชั่นนี้ ถือว่ายังรวมเอาโค๊ดของ MS_DOS อยู่ ( และหลายฝ่ายยังเรียก Dos รุ่นนี้ว่าเป็นรุ่น 7.1 ) เพื่อให้สามารถรองรับ แอปพลิเคชั่นเดิมของ MS-DOS ได้นั่นเอง ทำให้ยังไม่สามารถแยกตัวจาก MS-DOS ได้อย่างเด็ดขาด อย่างไรก็ตาม Windows 98 เปลี่ยนมาใช้ระบบไฟล์แบบ Fat 32 ทำให้ ฮาร์ดดิสก์มีขนาดใหญ่กว่า 2 GigaByte ได้ ( 2 กิกะไบต์ ถึง 2 เทอร์ราไบต์ ) ต่อมาช่วงปี 1999 ได้ อัพเดทซอพแวร์และแก้ใขบั๊กบางส่วนเป็น Windows 98 Se

ช่วงนี้ Microsoft ประกาศจะหยุดพัฒนา Windows 9x และหันมาพัฒนาและวางตลาด Windows 2000
แต่ ปี 2000 กลับมี WindowsMe ( ซึ่งก็แปลว่า 2000 ) ออกมาเหมือน Windows 9x อีก หนึ่งอัลบั้ม ทำให้เกิดการงงกันเล็กน้อย แต่สาเหตุที่ออกตัวนี้มาก็เพราะว่ามีการพบข้อผิดพลาดของ Windows 98 ( เขาเรียกว่าแก้บั๊ก ) และเพิ่มประสิทธิภาพทางด้านมัลติมีเดีย ,กราฟิก และ เน็ตเวิร์ค เพือรักษา ตลาดเดิมของ Windows9x

3. Widnows NT, Windows 2000

" จาก Windows 95 ( กลุ่มผู้ใช้ตามบ้าน ) เป็น Windows NT ( กลุ่มองกรณ์ หรือระบบเครือข่ายที่ใหญ่ขึ้น ) และได้กำเนิด WindowsNT 4.0 ปลายปี 95 ส่วน Windows 2000 อาจเรียกได้ว่าก็คือ Windows NT 5.0 เป็นการรวมรูปแบบของ Windows 98 และ Windows NT 4.0 ไว้ด้วยกัน "

ในราว ๆ ปี 1985 IBM และ Microsoft ได้ร่วมกันพัฒนาระบบปฏิบัติการ OS/2 ที่เขียนด้วยภาษาแอสเซ็มบลี และช่วงนั้น ก็มีการสร้าง Windows NT ( NT ย่อมาจาก New Technology เพื่อมาสนับสนุน API ( Application-Programming Interface )

เวอร์ชั่นแรกของ NT คือ Windows NT 3.1 และ Windows NT 3.1 Advance Server ลักษณะเด่นก็คือระบบไฟล์แบบ NTFS ( New Techonology File System )

ปี 1996 ถูกพัฒนามาเป็น Windows NT 4.0 ซึ่งถือว่ามีประสิทธิภาพสูงสุด เป็นระบบที่เชื่อถือได้มากกว่าและ ระบบความปลอดภัย เหนือกว่า Windows 95,98

หมายเหตุ : ส่วนใหญ่โค๊ดของ Windows NT จะเป็นภาษา C

Windows 2000 เป็นระบบปฏิบัติการแบบมัลติยูสเซอร์ แบบ 32 บิตที่แท้จริง ใช้สถาปัตยกรรม microkernel ( เช่นเดียวกับ Mach ) โดยแต่ละส่วนเป็นส่วนหนึ่งของระบบปฏิบัติการ และไม่เกิดผลกระทบกับส่วนอื่น

ในด้านการรักษาความปลอดภัย Windows 2000 อยู่ในระดับ C2 ของกระทรวงกลาโหมสหรัฐ ทั้งในส่วนไฟล์ ไดเรกทอรี , โปรเซส และออปเจ็กต์ที่แชร์ต่าง ๆ นอกจากนี้ยังสนับสนุนการรันมัลติโปรเซสเซอร์ และอื่น ๆ อีกมากมาย

ยังไงก็ตามต้องเลือกใช้ให้เหมาะสม
Windows 2000 Professional ( เหมาะกับผู้ใช้ทั่วไป ) ส่วนที่เหลือจะใช้ในระบบองกรณ์ขนาดใหญ่
Windows 2000 Server
Windows 2000 AdvanceServer
Windows 2000 Datacenter

Windows XP ถือว่าพัฒนามาจาก Windows NT และ Windows 2000 เราจะพบว่าระบบความปลอดภัย ( Security ) เหมือน windows 2000
รุ่นต่าง ๆ ของ Windows XP ก็ออกมาหลายเวอร์ชั่นเท่าที่พบก็มี
Windows XP Whistler Beta1
Windows XP Whistler Beta2
Windows XP Personal

ผมก็ยังงง ๆ อยู่ หาประวัติและข้อมูลที่ถูกต้องจริงๆ ยังไม่เคลียร์ครับ แต่เท่าที่ใช้กันในปัจจุบันก็จะมี
Windows XP Home เหมาะสำหรับผู้ใช้ทั่วไป
Windows XP Pro เหนือกว่า Hoem ทางด้าน Network และเพิ่มคุณสมบัติบางประการ เหมาะสำหรับระดับ Power user
Windows XP 64-Bit Edition ใช้กับ ซีพียู 64 บิต ( ตัวใหม่สุด )

หมายเหตุ:
Windows CE เป็นเวอร์ชั่นสำหรับเครื่องคอมพิวเตอร์ พกพา และคอมพิวเตอร์ขนาดเล็กรวมทั้ง AutoPc ที่ใช้กันในรถยนต์ต่างประเทศ จะคล้าย ๆ กับ Windows 95

หน้าที่ของระบบปฏิบัติการ

2008-10-10T16:28:00.000+07:00

หน้าที่ของระบบปฏิบัติการ

1.ติดต่อกับผู้ใช้ ( User Interface )

ผู้ใช้คอมพิวเตอร์สามารถพิมพ์คำสั่งทางคีย์บอร์ด ( กรณีเป็นระบบปฏิบัติการรุ่นเก่าเช่น Dos ) หรือ ลากเมาส์ไปคลิกสั่ง ( กรณีใช้ระบบปฏิบัติการ Windows ) เพื่อให้ ระบบปฏิบัติการ ทำการติดต่อไปยัง System call ให้ทำตามสิ่งที่คุณต้องการต่อไป ดังนั้นจึงถือว่าเป็นตัวกลางระหว่างผู้ใช้กับฮาร์ดแวร์ ดังภาพจำลอง
( สังเกตุว่า ระบบปฏิบัติการจะทำหน้าที่ติดต่อระหว่าง โปรแกรมกับ ฮาร์ดแวร์ด้วย ดังนั้น โปรแกรมส่วนใหญ่ก็ต้องอาศัยระบบปฏิบัติการเช่นกัน )

2.ควบคุมอุปกรณ์ ( ฮาร์ดแวร์ )

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

3.จัดสรรทรัพยากร ( Resources Management ) ในระบบให้ทำงานได้อย่างต่อเนื่องและเหมาะสม

ตัวอย่างของทรัพยากรเช่น CPU, หน่วยความจำ Ram,อุปกรณ์อินพุต/เอาต์พุต เป็นต้น
สาเหตุที่ต้องมีการจัดสรรทรัพยากร ก็เพราะว่า
1. ทรัพยากรมีหลายประเภท
2. ทรัพยากรบางอย่างของระบบมีจำกัด
เช่น ขบวนการคิด ( Process ) ของซีพียู และ หน่วยความจำประเภทต่าง ๆ ยกตัวอย่างเมื่อใช้โปรแกรมหลาย ๆ โปรแกรมพร้อมกันในระบบ Windows โปรแกรมแต่ละตัว ก็ต้องการขบวนการคิดที่แตกต่างกันไป และจำนวนหน่วยความจำที่ต้องเพียงพอเพื่อการทำงานที่ต่อเนื่อง ระบบปฏิบัติการจึงมีหน้าที่จัดสรรให้เหมาะสม ดังกล่าว

ตัวอย่างการสร้างฟังก์ชั่น php สำหรับแปลงรหัสสี

2008-10-10T12:16:00.005+07:00

การสร้างฟังก์ชั่นสำหรับแปลงรหัสสี RGB ในแบบเลขฐานสิบไปเป็นเลขฐานสิบหก

function rgb2hex($pRed,$pGreen,$pBlue) {

$r = dechex($pRed);

$g = dechex($pGreen);

$b = dechex($pBlue);

return "#".$r.$g.$b;

}

$bgcol = rgb2hex(255,128,192);

echo "";

echo "Background color is ".strtoupper($bgcol);

echo "";

จากโค้ดด้านบนจะได้ ผลลัพธ์ดังรูปข้างล่างนี้

ฟังก์ชั่น rgb2hex() ในตัวอย่างข้างบน เป็นแบบ user-defined function จะรับปค่ารหัสสีที่เป็นเลขฐานสิบของสีแดง สีเขียว สีน้ำเงิน ผ่านพารามิเตอร์ $pRed,$pGreen,$pBlue ตามลำดับ จากนั้นเลขฐานสิบทั้งสาม จะถูกแปลงเป็นลขฐานสิบหกด้วยฟังก์ชั่น dechex() โดยเก็บไว้ในตัวแปร $r, $g , $b ตามลำดับ ก่อนที่คำสั่ง return จะ่ส่งค่าผลลัพธ์กลับคืนออกมาด้วยฟังก์ชั่น rgb2hex() จะคืนค่าเป็นเลขฐานสิบหกของแม่สีทั้งสามเรียงติดกัน และนำหน้าด้วยเครื่องหมายของ #

ค่ำคืนนี้ช่างเหน็บหนาว..

2008-10-10T00:58:00.004+07:00

คุณเคยรักใครสักคน แล้วไม่สามารถรักเค้า่ต่อไปได้..หรือเปล่า

คุณสับสน ในความรักหรือไม่

การสร้างและเรียกใช้ฟังก์ชั่นใน PHP

2008-10-09T19:26:00.005+07:00

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

สำหรับ PHP จะมีฟังก์ชั่นอยู่สองประเภทคือ buit-in functions ซึ่่งเป็นฟังก์ชั่นที่มีให้เรียกใช้ได้อยุ่แล้ว เช่น ฟังก์ชั่น chr(),substr(), Itrim() เป็นต้น และ user-defind fundtions ซึ่งเป็นฟังก์ชั่นที่ผู้ใช้สร้างขึ้นเองเพือวัตถุประสงค์บางอย่าง

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

function th_hello() {

print "สวัสดีครับ";

}

ทำไมต้องเป็น MySQL

2008-10-07T17:58:00.002+07:00

แม้ว่า MySQL ไม่ใช่ระบบจัดการฐานข้อมูลที่ดีที่สุด แต่ด้อยจุดเด่นหลายประการ ทำให้ MySQL ก้าวขึ้นมาเป็นระบบจัดการฐานข้อมูลท่มีจำนวนผู้ใช้มากที่สุดในกลุ่ม Open Source Database

ข้อดีของ MySQL

1. ฟรี สามารถใช้งานได้โดยไม่ต้องเสียค่าลิขสิทธิ์

2. เปิดเผยซอร์สโค้ด

3. มีวความเร็วในการทำงานสูง

4. มีเสถียรภาพสูง

5. ทำงานได้กับระบบปฏิับัติการที่หลกาหลาย ไม่ว่าจะเป็น UNIX ,Linux , Windows 2000 ,Windows XP

6. มีผู้ใช้เป็นจำนวนมาก ทำให้มีการพัฒนาและออกเวอร์ชั่นใหม่ๆ อย่างสม่ำเสมอ

7. ติดตั้งและใช้งานง่าย มีคู่มือให้ดาวน์โหลดได้ฟรี

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

คู่มือการใช้ MySQL สามารถดาวน์โหลดได้ที่ www.mysql.com/docummetation โดยมีให้เลือกทั้งในรูปบบของไฟล์ PDF,HTML ขอแนะนำให้นำ MySQL มาใช้งานดาวน์โหลดคู่มือมาศึกษาประกอบด้วย

ระบบฐานข้อมูล MySQL in Website

2008-10-07T15:34:00.002+07:00

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

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

MySQL เป็นระบบฐานข้อมูลที่ถูกพัฒนาโดยบริษัท MySQL AB ประเทศสวีเดน โดยผู้ก่อตั้งเป็นชาวสวีเดนสองคนคือ David Axmark และ Alln Larsson และชายฟินแลนด์อีกหนึ่งคือ Michael "Monty Widenius ซึ่งมีวัตถุประสงค์ให้ MySQL เป็นซอฟต์แวร์ฟรีที่เปิดเผยซอร์สโค้ด ภายใต้ GNU General Public License (GPL)

ajax and php

2008-10-06T15:45:00.001+07:00

เรียนรู้ Ajax + Php

ได้กลับมาอับเดต blog อีกครั้งครับ เงียบเชียว blog นี้วันนี้จะมาพูดถึงการนำ Ajax มาใช้งานกับ php แบบฉบับพื้นฐาน
เดี่ยวนี้มี tools ในการเขียน Ajax มากขึ้นจนเรามองไม่เห็นว่า code จริงๆของ ajax เป็นอย่างไรมีบาง tools ชนิดที่ไม่ต้องเขียนjavascript หรือ xml ก็สามารถสร้าง ajax มาใช้งานได้เพราะถูกสร้างเป็น wrapper หรือ framework ครอบคลุมในส่วนของการทำงานของภายในทั้งหมดที่เป็นการทำงานผสมผสานกันระหว่าง javascript และ xml
เริ่มต้นด้วยการสร้าง file ในฝั่ง client ชื่อ client_request.html จะสร้าง function เพื่อทำการสร้างตัว XMLHttpRequestทำการส่งข้อมูลไปยัง serverในที่นี้จะทำการGETไปยังFileบนServerที่ชื่อserver_response.php

ส่วนต่อไปเป็นfilephpที่ทำงานบนserverจะทำการสร้างxmlจากarrayตรงนี้สามารถประยุกค์ใช้งานซึ่งอาจจะดึงมาจากฐานข้อมูลก็ได้ นำข้อมูลทั้งหมดที่ได้มาสร้างXml Streamเพื่อส่งตอบกลับไปยังClientซึ่ง file client_request.htmlจะมีfunctionการตอบรับ

<? function getXML(){
$arr=Array("England","Thailand","Italy","Brazil");
$xmlStr="<?xml version=\"1.0\" ?>\";
$xmlStr.="<root>";
foreach($arr as $node){
$xmlStr.="<country>".$node."</country>";
}
$xmlStr.="</root>";
return $xmlStr;
}
echo getXML();
?>

http_request.onreadystatechange = function() {
loadData(http_request);
};

Function loadData จะทำงานก็ต่อเมื่อมีการตรวจสอบสถานะว่ามีการตอบรับเกิดขึ้นซึ่งจะมีการกำหนดสถานะดังต่อไปนี้
1: loading
2 : loaded
3 : Interactive
4 : Done
ภายในfunction loadDataจะมีการตรวจสอบสถานะถ้าสถานะเท่ากับ4ก็คือserver ทำการส่งข้อมูลมายัง client เรียบร้อยแล้ว จึงสามารถนำข้อมูลที่ได้รับจาก server นำออกไปแสดง
ดังcode ด้านล่าง

Html File

<input type="button" value=" xmlRequest " onClick="xmlRequest('server_response.php');" >
<div id="content" style="color:red"/>
ผลการรัน

<?xml version="1.0" ?><root><country>England</country><country>
Thailand</country>
<country>Italy</country><country>Brazil</country></root>

สุดท้ายเราสามารถประยุกต์ใช้โดยการนำเอาxml streamหรือfile xmlมาทำการparserหรือการท่อง node แต่ล่ะ nodeในxmlแล้วดึงข้อมูลออกมาใช้งานได้ ดัง function ด้านล่าง

function parseXML(obj){
if (obj.hasChildNodes()) {
document.write('<ul><li>');
if(typeof obj.tagName=='undefined'){
document.write('<b>xml : </b>');
}else{
document.write('<b>'+obj.tagName+' : </b>');
}
var nodes = obj.childNodes.length;
for(var i = 0; i < obj.childNodes.length; i++) {
parseXML(obj.childNodes(i));
}
document.write('</li></ul>');
} else {
document.write(obj.text);
}
}

testxml.xml

<?xml version="1.0" ?>
<root>
<country>England</country>
<country>Thailand</country>
<country>Italy</country>
<country>Brazil</country>
</root>

เรียกใช้
นำคำสั่ง

if(http_request.responseXML){
parseXML(http_request.responseXML);
}

ไปแทนที่
content.innerText=http_request.responseText;
ในfunction loadData
และในhtml code
<input type="button" value=" xmlRequest " onClick="xmlRequest('testxml.xml');" >
ผลการรัน

xml : version="1.0"

root :
- country : England
- country : Thailand
- country : Italy
- country : Brazil

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

สถาปัตยกรรม MVC

2008-05-05T22:06:00.005+07:00

สถาปัรยกรรม Model , View และ Controller (MVC)

MVC มีไว้เพื่อเป็นแบบแผนการสร้าง GUI Application โดยแยกสิ่งต่างๆ ในแอปพลิเคชัี่นออกจากกันให้แต่ละส่วนทำงานเฉพาะเพื่อให้สามารถเพขียนโค้ดและปรับปรุงแอปพลิเคชั่นได้ง่ายขึ้น
การพัฒนาซอฟต์แวร์ใมนยุดแรกๆ ผู้พัฒนามักจะเขียนโปรแกรมส่วนการแสดงผล ส่วนการติดต่อฐานข้อมูล เงื่อนไขและการควยคุมเหตุการ์ต่างๆ ไว้รวมกันในที่เดียยว และหลังจากนั้นเมื่อ 20 ปีก่อนจนปัจจุบันได้มีผู้เริ่มทดลองสถาปัตยกรรมของแว็บแอปพลิเคชั่นตามแนวคิดของ MVC ขึ้นมา โดยผลลัทธ์ที่ได้จากการทดลองดังกล่าวถูกสร้างขึ้นเป็น Framework ต่างๆ ได้แก่ Webobject , Strut และ Javascript Frace ซึ่งอยู่บนฐากฐานแนวความคิดของ MVC ทั้งหมด
Ruby on Rails (RoR) เป็น MVC Framework หนั่งโดย Rails จะควบคุมโครงสร้างของแอปพลิเคชั่นในการพัฒนา Model,View,Controller ซึ่งเหมือนกับการแยกกลุ่มของหน้าที่ ออกจากกัน และสามารุถรวมสิ่งที่ถูกแยกออกจากกันได้อย่างอัรโนมัติโดยที่ไม่ต้องเขียนอะไรเพิ่มเติม ดังตัวอย่างทฤษฏีของ rails ซึ่งเป็นหลักการเกี่ยวกับกการสิ่งต่างๆ โดยที่ไม่ต้องกำนหดคุณสมบัติเพิ่มเติม หรือเรียกว่า Convention over Contiguration

Active Record: Rails Model Support
สิ่งสำคัญของการพัฒนาพัฒนาเว็บแอปพลิเคชั่น คือ ต้องการให้เว็บแอปพลิเคชั่นสามารถจัดเก็บข้อมูลลงฐานข้อมูลได้ เช่น เว็บขายสินค้าที่ต้องการจัดเก็บรายการสินค้า รายการสินค้า รายการสั่งซื้อ และข้อมูลลูกค้า เป็นต้น หรือแม้แต่แอปพลิเคชึ่นที่เป็น Text ธรรมดา เช่น Webblog และเว็บข่าวสาร ยังต้องใช้ฐานข้อมูลจัดเก็บข้อมูลเช่นกัน
แม้ว่าจะไม่สามารถใช้ SQL เข้าถึงฐานข้อมูลเชิงสัมพันธ์ ได้โดยตรง เนื่องจากฐานข้อมูลเชิงสัมพันธ์ที่ใช้อยู่ในปัจจุบันออกแบบมาจากทฤษฏีทางคณิตศาสตร์ซึ่งเป็นแนวคิดที่ดี แก่ยากต่อการะรหว่างฐานข้อมูลเชิงสัมพันธ์กับ Object-Oriented Programming Language โดย Object เป็นทั้งข้อมูล Operation และฐานข้อมูลซึ่งเป็นชุดของข้อมูลทั้งหมด ว่ายต่อการแสดงเป็นแบบ Relation แต่บางครั้งก็ยากต่อการโค้ดในแบบ Object-Oriented
เหตุผลข้างต้น ส่งผลให้เกิดการรวบรวมมุมมอง Relational และ Objection-Orented เข้าด้วยกัน จึงเกิด 2 แนวทางคือ การมองว่าฐานข้อมูลเป็นจุดศูนย์กลางและการมองว่าโปรแกรมที่สร้างเป็นจุดศูนย์กลาง

การโปรแกรมโดยมองฐานข้อมูลเป็นจุดศูนย์กลาง
เป็นการเขียนโปรแกรมตรงข้ามกับการโปรแกรมฐานข้อมูลเชิงสัมพันธ์ในภาษาแบบ Procedural เช่น C และ COBOL ที่จะต้องเขียนคำสั่ง SQL เพิ่มไปยังโค้ดซึ่งจะต้องมีการแปลง SQL ในโค้ดไปยังระดับที่ต่ำกว่าเพื่อเรียก Database Engine เป็นการเขียนโค้ดที่ยุ่งยากและมีจำนวนมาก เหมาะกับการเขียนแอปพลิเคชั่นขนาดเล็ก อย่างไรก็ตามจากการรวม Business Logic และ Database Access เข้าด้วยกัน อาจเกิดปัญหาเมื่อต้องการบำรุงรักษาหรือเพิ่มเติมแอปพลิเคชั่นในอยสตนแลบะจำเป็นจะต้องศึกษาภาษา SQL เพื่อเริ่มการเขียนโปรแกรมในแอปพลิเคชั่น
การเขียนโปรแกรมแบบ Object-Oriented ได้ใช้หลักการ Encapsulation แก้ไขปัญหาดังกล่าว โดยการห่อหุ้ม ข้อมูลต่างๆ ไว้ในคลาส ซึ่งเมื่อต้องการปรับปรุงหรือเปลี่ยนแปลงสามารถแก้ไขได้ในที่เดียว แนวความคิดดังกล่าวได้นำมาใช้ใน Database Programming โดยห่อหุ้มการเข้าถึงฐานข้อมูลไว้ในคลาสโดยไม่ต้องเชื่อมต่อกับฐานข้อมูลโดยตรง เป็น Encaspulate Schema-Specific Stuff ไปยัง Single Layer และแยกโค้ดออกจากการเข้าถึงฐานข้อมูลระดับ Low-Level
แนวคิดดังกล่าว Implement ยากกว่าการเขื่อมต่อตารางฐานข้อมูลโดยตรง เนื่องจากเป็น Object ทำให้การพัฒนามีความยุ่งยากซับซ้อน จึงเกิด Object/Relation Mapping (ORM) ขึ้นเพื่อแก้ไขปัญหาดังกล่าว

Object/Relational Mapping
ORM เป็น Library ที่จับคู่ (MAP) ตารางในฐานข้อมูลไปยังคลาส เช่น ถ้าตารางในฐานข้อมูลชื่อ "orders" จะมีคลาสชื่อ "Order" เกิดขึ้น Row ในตารางจะกลายเป็น Object ของคลาส Column จะกลายเป็น Attribute ของ Object และภายในคลาสจะประกอบด้วย Method เพื่อเรียกดูแบะจัดการกับข้อมูบภายในคลาส เช่น ในคลาส Order มี Method ที่คำนวณภาษี และรวมยอดสั่งซื้อ เป็นต้น

Active Record
Active Record ใน Rails คือชั้นของ ORM (ORM Layer) ลักษณะเหมือนกับมาตรฐานของ ORM ได้แก่ การ Map ตารางไปยังคลาส ,แถวไปยัง Object และ Map Column ไปยัง Attribute ของ Object แต่ต่างกันที่วิธีการ Comfig ORM Library โดยอาศัยรูปแบบและเริ่มต้นด้วยการ Config ส่วนที่จำเป็นของ Active Record ก่อน ดังตัวอย่างเป็นโปรแกรมที่ใช้ Active Record เพื่อห่อหุ้มตาราง orders

Action Pack:View และ Controller
View และ Controller เป็นส่วนหนึ่งของ MVC โดย Controller ทำหน้าที่ส่งข้อมูลไปยัง View และรับเหตุการณ์ที่จะเกิดขึ้นจากเพจที่ถูฏสร้างโดย View จะเห็นว่า View และ Controoler จะมีการติดต่อกันเสมอจังถูกให้รวมอยู่ใน Component
"Action Pack" ดังนั้นจึงไม่ต้องกังวลเกี่ยวกับการเขียนโค้ดข้ามกันระหว่าง View และ Controller เนื่องจาก Rails รองรับให้สามารถแยกการเขียนเว็บแแอปพลิเคชั่นเพื่อเขียนโค้ดในส่วนควยคุมและส่วนนำเสนอออกอย่างชัดเจน

View Support
View ใช้สำหรับสร้างเพจเพื่อแสดงผลใน Browser สามารถแสดงผลที่ง่ายๆ เช่น แสดงผล Text จากการเขียนโค้ด HTML หรือถ้าต้องการเพิ่มเนื้อหาที่สามารถเปลี่ยนแปลงได้ (Dynamic Content) สามารถสร้างได้โดยใช้ Method "action"
ใน Controller
การสร้าง Dynamic Content ทำได้โดยใช้ Template มี 2 วิธี วิธีแรกคือ การฝัง (Embed) โด้ดบางส่วนไว้ในส่วนแสดงผลของ HTML ด้วยการใช้เครื่องมือของ Ruby ที่เรียกกว่า ERb(Embedded Ruby) วิธีนี้มีความยืดหยุ่นมากแต่ขัดแย้งกับ MVC โดยการฝังโค้ดไว้ใน View ซึ่งเป็ฯการเสี่ยงต่อการเพิ่ม logic ที่ควรจะอยู่ใน Model หรือ CXontroller
อีกวิธีหนึ่งคือ การใช้ Builder-Style Views จะช่วยสร้างเอกสาร XML ด้วยการใช้โค้ดของ Ruby ซึ่งเป็นการสร้าง XML ที่จะทำตามโค้ดคำสั่งโดยอัคโนมัติ

Controller
controller เป็นศูนย์กลางการควยคุมของแอปพลิเคชั่น ทำหน้าที่ประสานการทำงานระหว่าง User,View และ Model โดยการเขียนโค้ด และรวมไปไว้ตามหน้าที่ของแอปพลิเคชั่นแต่ละระดับ การสร้าง Controoler ดังกล่าวจะช่วยให้ง่ายต่อการพัฒนาและบำรุงรักษาระบบ
บริการอื่นๆ ที่สำคัญของ Controller ได้แก่ จัดการ Request,จัดการ Cache จัดการตัวช่วย (Helper Module) และจัดการ Session

Cascading Style Sheet (CSS)

2008-05-02T01:42:00.003+07:00

Cascading Style Sheet (CSS)

Cascading Style Sheet (CSS)
CSS เป็นชุดคำสั่งสำหรับจัดรูปแบบการแสดงผลที่นิยมนำมาใช้กำหนดการแสดงเนื้อหา ภารยในเว็บเพจ โดยคำสั่ง CSS ถูกนำมาใช้เสริมคุณสมบัติของ HTML เพื่อให้เราสามารถจัดรูปแบบข้อความและองค์ประกอบอื่นๆ บนเว็บเพจได้อย่างมีประสิทธิภาพ สะดวกรวดเร็ว และเที่ยงตรงตามที่ได้ออกแบบไว้
ประโยชน์ของ CSS การจัดรูปแบบเว็บเพจด้วย CSS มีข้อดีกว่าการใช้คำสั่ง HTML ตามปกติหลายประการคือ
1. มีคำสั่งสำหรับจัดรูปแบบมากกว่า HTML มีคำสั่งที่ใช้จัดรูปแบบเนื้อหาของเว็บเพจได้จำกัดในขณะที่ CSS ปรกอบด้วยคำสั่งมากถึง 8 หมวด เช่น Type,Background,Block,Box, ... โดยในแต่ละหมวดมีคำสัี่งที่ครอบคลุมหลากหลาย และในแต่ะคำสั่งยังสามารถกำนหดค่าการทำงานที่แตกต่างกันได้อีกมาก ตัวอย่างเช่น เมื่อใช้ CSS เราสามารถกำหนดขนาด สี และรูปแบบของเสร้นขอบตารางทั้ง 4 ด้านให้แตกต่างกันได้ถ้าต้องการ

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

3. สามารถจัดรูปแบบได้อย่างละเอียดและเที่ยงตรงตามที่ออกแบบไว้ CSS สามารถกำหนดตำแหน่งและขนาดขององค์ประกอบบนเว็บเพจได้อย่างละเอียดเกือบทุก ส่วน เช่น ขนาดตัวอักษร . ความสูงของบรรทัดข้อความ.ระยะระหว่างย่อหน้า การเว้นระยะด้านหน้าและด้านหลังบรรทัด รวมทั้งการเว้นระยะหว่างเนื้อหาส่วนต่างๆ นอกจากนี้ยังสามารถเลือกใช้ัหน่วยวัดใดๆ ก็ได้ ในการกำนหดค่า เช่น mm,cm,in,point, and pixel เป็นต้น ในกรณีของขนาดตัวอักษร เมื่อใช้ CSS เราสามารถระบุหน่วยเป็นพอยนต์ หรือพิกเซล ซึ่งจะทำให้ได้ตคัวอักษรที่มีขนาดแน่นอนบนเว็บเพจ โดยไม่ขึ้นกับการตั้งค่าบนราวเซอร์ของผู้ชม เพราะในกรณีที่กำหนดขนาดแบบ HTML เมื่อผู้ชมเปลี่ยนการตั้งค่าบนบราวเซอร์จำทำให้ขนาดตัวอักษรเปลี่่ยน ซึ่งอาจะจะมีผลต่อเลย์เอาท์ของเว็บเพจ คือทำให้องค์ประกอบต่างๆ เลื่อนไปอยู่ผิดที่อย่างน่าเกลี่ยดได้ ถ้าออกแบบโครงสร้างของเว็บเพจไว้ไม่ดี

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

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

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

7. สามารถสืบทอดและจัดลำดับความสำคัญของสไตล์ (Cascading) นอกเหนือจากที่กล่าวมาก CSS ยังยินยอมให้มีการใช้สไตล์ได้หลายระดับ โดยแต่ละระดับจะสืบทอดคุณสมบัติลงมาเป็นชั้น และในกรณีที่เดกิดความขัดแย้งกัน ก็จะยึดตามลำดับความสำคํยของสไตล์เหล่านั้น ลักษณะการใช้งานสไตล์ CSS จะมีอยู่ 3 รูปแบบคือ

External Style Sheet คือสไตล์จากไฟล์ .css ที่ถูกดึงเข้ามาใช้ในเว็บเพจ
Embedded Style Sheet คือสไตล์ที่เก็บอยู่ในเว็บเพจเอง
Inline Style คือคำสั่ง CSS ที่ถูกใส่กำกับไว้กับแท็ก HTML

ใน เว็บเพจหนึ่งๆ อาจมีการใช้สไตล์ทั้ง 3 แบบก็ได้ ซึ่งกรณีเช่นนี้รูปแบบจากสไตล์ทั้ง 3 แบบจะถูกนำมาผสมกัน แต่ถ้ามีความขัดแย้ง inline style จะมีความสำคัญสูงสุด รองลงไปคือ embedded style sheet และ external sheet (ตามลำดับที่ถูกำนหดในเว็บเพจ) คุณสมบัตินี้จะช่วยให้เราสามารถดัดแปลงรูปแบบจองสไตล์เฉพาะในเว็บเพจใดเว็บ เพจหนึ่ง หรือจุดใดจุดหนึ่งที่ต้องการได้

ข้อเสียของ CSS
การใช้ CSS ไม่ใช่จะมีแต่ข้อดีเพียงอย่าวเดียว แต่มีข้อเสียเช่นกัน กล่าวคือ

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

รูปแบคำสั่ง CSS
รูปแบบคำสั่ง CSS ที่ใช้กำหนดคุณสมบัติของสไตล์จะประกอบด้วย 2 ส่วน คือ Select และ Declaration

Selector เป็นชื่อของสไตล์
Declaration เป็นส่วนที่ใช้กำนหดว่าสไตล์นี้มีรูปแบบอะไรบ้าง ซึ่งประกอบไปด้วยคุณสมบัติ และค่าคุณสมบัตินั้น

ประเภทของสไตล์ CSS
แบ่งออกเป็น 3 ประเภทคือ

Class Style
Tag Style
Advanced (ID,contextual,select,etc)

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

ใช้กับแท็ก
เพื่อกำหนดคุณสมบัติของข้อความทั้งย่อหน้า เช่น ถ้าคำสั่งปกติเป็น ดังนี้
วิศวกรรมคอมพิวเตอร์ มหาวิทยาลัยขอนแก่น

เมื่อเรากำหนด class style ให้กับย่อหน้าข้างต้น คำสั่งจะเปลี่ยนเป็น
วิศวกรรมคอมพิวเตอร์ มหาวิทยาลัยขอนแก่น
ใช้กับแท็ก

เพื่อกำหนดคุณสมบัติของรารางและเนื้อหาในตาราง เช่นคำสั่งเดิมเป็น

เมื่อเรากำหนด class style ให้กับตารางข้างต้น คำสั่งจะเปลี่ยนเป็น

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

วิศวกรรมคอมพิวเตอร์ มหาวิทยาลัยขอนแก่น

เมื่อเรากำหนด class style ให้กับข้อความ "วิศวกรรมคอมพิวเตอร์ มหาวิทยาลัยขอนแก่น" คำสั่งจะเปลี่ยนเป็น

วิศวกรรมคอมพิวเตอร์ มหาวิทยาลัยขอนแก่น

Tag Style
เป็นการใช้คำสั่ง CSS เพื่อดัดแปลงคุณสมบัติของแท็ก HTML โดยตรง ซึ่งจะมีผลต่อทุกๆ องค์ประกอบบนเว็บเพจที่ใช้แท็กนี้ ตัวอย่งเช่น ถ้าเราต้องการให้ข้อความหัวเรื่อง 1 (Heading 1) เป็นสีแดง ตัวหนา ขนาด 16 point เราก็ดัดแปลงแท็ก

การติดตั้ง appserv

2008-04-30T13:48:00.000+07:00

ดาวน์โหลด appserv เวอร์ชั่น 2.5.9
ตัวนี้เป็นเวอร์ชั่น 2.5.9 นะครับ ถ้าต้องการเวอร์ชั่นอื่น หาได้จาก google เลยนะครับ

เมื่อดาวน์โหลดเสร็จ

ให้เพื่อนทำตามวิีธีติดตั้งต่อไปนี้ครับ
1. ดับเบิลคลิกที่ไฟล์ appserv-win32-2.5.9 ที่เราได้ดาวน์โหลดมา จะปรากฏดังรูปข้างล่าง
คลิกที่ Next

2. คลิกที่ I Agree

3. คลิกที่ Next

4. ให้มีเครื่องหมายถูกทั้งหมดเหมือนรูป แล้วคลิกที่ Next

5. ใส่ค่า Server Name (ใส่อะไรก็ได้ จะใส่เหมือนผมก็ได้) และใส่ e-mail อะไรก็ได้เช่นกัน
แล้วคลิกที่ Next

6. ตั้งค่ารหัสผ่าน ให้เพื่อนๆ ใส่ค่ารหัสผ่านอะไรก็ได้ครับ แต่ต้องจำให้ได้นะครับ
เพราะต้องได้ใช้อีก แล้วคลิกที่ Install

7. แีค่นี้ก็เสร็จแล้วครับ แล้วก็คลิกที่ finish

8. ทดสอบการใช้งาน ให้เราไปที่ http://localhost/
ซึ่งถ้าถูกต้องจะปรากฏหน้าเหมือนดังรูปข้างล่างนะครับ

9. ต่อไปทดสอบการใช้งาน phpmyadmin ไปที่ http://localhost/phpmyadmin
ระบบจะให้เรากรอก username กับ password ให้เรากรอกดังนี้ครับ
username คือ root
password คือ ******* (รหัสที่เราใส่ตอนติดตั้ง จำได้ไหมครับ)

10. ถ้าเรากรอกรหัสถูก จะปรากฏรูปดังข้างล่าง
แค่นี้เราก็สามารถสร้างฐานข้อมูลในเครื่องของเราไ้ด้แล้วครับ
ถ้าอยากลองสร้าง ก็ไปที่ ช่อง create new database

*** ขอให้เพื่อนสนุกกับการเล่นคอมพิวเตอร์นะครับ******

สร้าง blog ด้วย Ruby on Rails

2008-04-22T13:51:00.000+07:00

The First Rails 2.0 Screencast from akitaonrails on Vimeo

อ้างอิงจาก http://www.akitaonrails.com/2007/12/10/the-first-rails-2-0-screencast-english

ติดตั้ง Tool สำหรับ Mysql บน Ubuntu

2008-04-18T17:47:00.000+07:00

1. ติดตั้งเว็บเซอร์ฟเวอร์ Apache2 ใช้คำสั่ง $sudo apt-get install apache2

2. ติดตั้ง PHP ใช้คำสั่ง $sudo apt-get install php5

3. ติดตึ้ง php5-mysqli ใช้คำสั่ง $sudo apt-get install php5-mysqli

4. ติดตั้ง Mysql ใช้คำสั่ง $sudo apt-get install mysql-server

5. ติดตั้ง phpmyadmin
ดาวน์โหลด PhpMyAdmin จาก

* ftp://nis.crma.ac.th/pub/public/phpmyadmin_2.6.1-rc1-1_all.deb
* http://archive.ubuntu.org.cn/ubuntu/pool/universe/p/phpmyadmin/phpmyadmin_2.6.1-rc1-1_all.deb

และใช้คำสั่ง $sudo dpkg -i /home/prachya/Desktop/phpmyadmin_2.6.1-rc1-1_all.deb

*** หมายเหตุ ถ้าติดตั้งได้ครบทั้ง 5 ข้อข้างบนแล้ว ไม่สามารถเข้าไปที่ http://localhost/phpmyadmin ได้

ให้ไปอ่านวิธีแก้ไขที่ http://en42chart.blogspot.com/2008/04/phpmyadmin.html

แปลงไฟล์ .chm ให้เป็น HTML หรือ PDF บน Ubuntu

2008-04-18T16:47:00.000+07:00

การแปลงไฟล์ CHM เป็น PDF มีหลายวิธี ผมจะขอเสนอโปรแกรม้ chmlib และ Htmldoc ซึ่ง chmlib จะ
แตกเอกสาร CHM เป็นไฟล์ HTML (และรูป) ส่วน HtmlDoc จะเปลี่ยนไฟล์
HTML เป็นเอกสาร PDF

ขั้นตอนการทำสำหรับ Gentoo ก็คือ
1. ลง chmlib และ htmldoc
emerge chmlib htmldoc

2. ใช้ chmlib แปลงไฟล์CHM เป็น HTML
chmextract ชื่อไฟล์.chm ไดเร็กทอรี่ปลายทาง
มันก็จะแตกไฟล์ CHM ไปยังไดเร็กทอรี่ที่เราระบุ ในไดเร็กทอรี่นั้นจะมีทั้งไฟล์
HTML และรูปอยู่หลายไฟล์ขึ้นอยู่กับไฟล์ CHM มีจำนวนหน้าอกสารมากน้อย
แค่ไหน

3. เรียกโปรแกรม htmldoc อาจเรียกผ่านทาง Terminal/Shell ก็ได้
htmldoc

การใช้งานให้เรา Add ไฟล์ HTML เข้าไปโดยต้องระวังเรื่องลำดับเอกสาร HTML
ที่เรา Add เข้าไปไม่งั้นเวลาแปลงออกมาแล้วลำดับหน้าเอกสารอาจผิดได้
ตรง Document Type ให้เลือกเป็น Web Page นะครับ จากนั้นคลิ๊กที่
Tab Output เลือกชื่อไฟล์ที่จะเซฟ และเลือก Format ซึ่งก็ให้เลือกเป็น PDF
เมื่อเราเลือก Format เป็น PDF แล้วเราจะสามารถคลิ๊กไปที่ Tab PDF ได้
ซึ่งเราสามารถเลือกว่าจะแปลงเป็นเอกสาร PDF version ไหน เมื่อเรา
เซ็ตทุกอย่างเรียบร้อยก็กดปุ่ม Generate ได้เลยก็จะได้เอกสาร PDF ออกมา

ติดตั้ง Drupal บน Ubuntu

2008-04-17T10:37:00.000+07:00

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

เริ่มกันเลยนะครับ
1. ไปดาวน์โหลดไฟล์ Drupal จาก http://www.drupal.org มีให้เลือกหลายเวอร์ชั่นนะครับ ในที่นี้ผมขอเลือกเวอร์ชั่น
Drupal5.7 นะครับ ซึ่งแสดงได้ดังรูปข้างล่าง

2. เข้าไปที่ไดเรกทอรี่ที่เก็บไฟล์ที่ดาวน์โหลดมา ซึ่งในเครื่องของผมคือ /Desktop/downloads
จากนั้นก็คลิกที่ขวาที่ไฟล์ drupal-5.7.tar.gz แล้วเลือกที่ Extrac here และในที่นี้ผมจะขอเปลี่ยนชื่อโฟลเดอร์ที่แตกออกมา
จาก drupal-5.7 เป็น drupal5 นะครับ เพื่อง่ายต่อการพิมพ์ใช้งานในขั้นตอนต่อไป

3. เปิด terminal แล้วเข้าไปที่ไดเรกทอรี่ที่เก็บไฟล์ $cd /Desktop/downloads
จากนั้นก็ทำงานก็อปปี้โฟลเดอร์ที่แตกไฟล์แล้ว ไปเก็บที่ /var/www ด้วยคำสั่ง
/Desktp/downloads$ sudo cp drupal5 -r /var/www แสดงได้ดังรูปข้างล่าง

4. สร้างฐานข้อมูลให้กับ drupal โดยเข้าไปที่ http://localhost/phpmyadmin
สร้างฐานข้อมูลชื่ออะไรก็ได้มาหนึ่งอัน ในที่นี้เราจะสร้างฐานข้อมูลที่ drupal5 ดังรูปข้างล่าง

6. เริ่มสร้างเว็บไซด์ เข้าไปที่ http://localhost/drupal5/install.php
ใน Ubuntu OS จะไม่เหมือนใน Windows OS ซึ่งถ้าเป็นวินโดนส์เมื่อถึงขั้นตอนในข้อนี้ จะสามารถติดตั้งได้เลย แต่ใน ubuntu
เว็บบราว์เซอร์จะแสดงดังรูปข้างล่าง
** วิธีแก้ไขสิทธิ์คือ ให้เราเข้าไปที่ /var/www และกำหนดสิทธ์ drupal5 ด้วยคำสั่งต่อไปนี้
$cd /var/www
var/www$ sudo chmod 777 drupal5

และเข้าไปกำหนดสิทธิ์ ไฟล์ settings.php ด้วยคำสั่งต่อไปนี้
var/www$ cd drupal5/sites/default
var/www/drupal5/sites/default$ sudo chmod 777 settings.php

7. ลองเข้าที่ไป http://localhost/drupal5/installs.php อีกครั้ง จะเห็นว่าเว็บบราว์เซอร์จะปรากฏหน้าต่างให้เรากรอก
ข้อมูลในการติดต่อกับฐานข้อมูล (แสดงว่าเราแก้สิทธิ์ได้แล้ว)
ในหน้านี้จะมี 3 ช่องให้เราใส่ข้อมูล
ช่องแรก.... เป็นช่อง "ชื่อฐานข้อมูล" ที่เราสร้างในขั้นตอนที่ 4 (ผมสร้างไว้เป็น drupal5 ก็ใส่ drupal5)
ช่องสอง... เป็นช่อง"username" ของฐานข้อมูล ในเครื่องผมจะเป็น "root" ก็ใส่ "root" เข้าไป
ช่องสาม... เป็นช่อง "password" ของฐานข้อมูล ในเครื่องผมไม่ได้ตั้ง password ก็ไม่ต้องใส่

ดังรูปข้างล่างนี้

จากนั้นก็เลือกที่ Save configuration

8.เมื่อเรากด Save configuration แล้ว เว็บบราว์เซอร์จะแสดงดังรูปข้างล่าง จากนั้นเราให้เลือกที่ your new site

9. เท่านี้ เราก็สามารถสร้างเว็บไซด์ด้วย Drupal CMS บน Ubuntu ได้แล้วครับ

*** หมายเหตุ ถ้าเราเข้าไปดู http://localhost/phpmyadmin สงสัยฐานข้อมูล drupal5 จะเปลี่ยนไปจากแต่แรกแล้วนะ

ทำลิงค์ให้กับ phpmyadmin

2008-04-15T18:50:00.000+07:00

หลังจากที่เราติดตั้งphpmyadmin เสร็จแล้วให้เราใช้คำสั่งต่อไปนี้

sudo ln -s /usr/share/phpmyadmin /var/www/phpmyadmin

เพื่อให้เราสามารถเข้าใช้ http://localhost/phpmyadmin ได้

Install Drupal on windows

2008-04-08T14:39:00.000+07:00

Drupal เป็นซอฟต์แวร์บริหารจัดการเนื้อหาเว็บ (content management system - CMS) ซึ่งได้รับรางวัลมากมาย

สำหรับมือใหม่ จะยังงงๆ ว่าคืออะไร เอาง่ายๆเลย มันก็เหมือน mambo นั่นล่ะครับ หรือถ้าใครไม่รู้ว่า mambo คืออะไร ......... เรามาลงมือลองทำ Drupal กันเลยดีกว่า รู้ทฤษฏีบ้างครั้งมันก็เท่านั้นล่ะครับ สู้ลงมือทำไปเลยดีกว่า
ว่าแล้วก็...ไปกันเลย!!!!!!!!!!!!!!!!!!!!!!

สิ่งที่ต้องเตรียมให้กับ Drupal คือฐานข้อมูลใช่ไหมครับ ซึ่ง Drupal สามารถติดต่ดกับฐานข้อมูลได้เยอะมาก แต่ในที่นี้ผมจะใช้ mysql ซึงเราถ้าติดตั้ง appserv เราก็สามารถใช้ mysql ได้เลยครับ
แถว appserv ยังมี apache และ phpmyadmin ให้เราใช้พร้อมเลย..ดีสุดๆๆ

ดูการติดตั้ง appserv

ต่อไปเป็นวิธีติดตั้ง drupal
1. ดาวน์โหลด drupal
ผมแนะนำให้ใช้ตัวเวอร์ชั่น drupal5.7 ก่อนนะครับ

2.เมื่อดาวน์โหลดเสร็จแ้ล้ว ให้เราแตกไฟล์ออก แล้วจะได้โฟลเดอร์ชื่อ drupal-5.7 มา
เราสามารถเปลี่ยนเป็นอะไรก็ได้ครับ ในที่นี้ผมจะเปลี่ยน drupal5 นะครับ ดังรูปข้างล่าง

3. copy โฟลเดอร์ drupal5 จากข้อที่แล้วไปไว้ที่ C:\AppServ\www ดังรูปข้างล่าง

่ 4.สร้างฐานข้อมูล ไปที่ http://localhost/phpmyadmin
ในที่นี้ผมจะสร้างฐานข้อมูลชื่อ drupal5 นะครับ ดังรูปข้างล่าง

5. ไปที่ http://localhost/drupal5 เพื่อ config ให้เว็บไซด์ของเราติดต่อกับฐานข้อมูล
ซึ่งจะปรากฏหน้าต่างเว็บ ให้เรากรอกค่า 3 ช่อง ดังนี้
1.databasename คือ drupal5
2.databaseuser คือ root
3.databasepassword คือ ******* (ค่าเดียวกันกับที่เข้า http://localhost/phpmyadmin)
ดังรูปข้างล่าง

6. แล้วจะปรากฏหน้าต่าง ดังรูปข้างล่าง จากนั้นให้เราคลิกที่ Your ner website

7. แล้วจะได้รูปข้างล่างมา ให้เราเลือกที่ create the first account

8.แล้วจะได้รูปข้างล่าง ซึ่งจะให้เรากำหนด username และ e-mail address
ซึ่ง username นี้ ระบบจะถือว่า เป็น username ของ admintrator ที่ใช้ login เพื่อเข้ามาดูแลระบบ

9.แล้วจะได้รูปข้างล่าง ระบบจะให้เราตั้้งค่ารหัสผ่าน

10.แค่นี้ก็เสร็จแล้วครับ ให้เรากลับไปที่ http://localhost/drupal5 อีกครั้ง จะปรากฏรูปข้างล่าง
ซึ่งไม่เหมือนตอนเข้ามาในตอนแรกแล้ว เพราะเราได้ config ให้เว็บของเราเชื่อมต่อกับฐานข้อมูลเรียบร้อยแล้ว

*** แค่นี้เราก็สามารถสร้างเว็บไซด์ด้วย drupal CMS ได้แล้วครับ ****

เพื่อนๆ ลองๆ คลิกเมนู อะไรก็ได้นะครับ คลิกเ่่ล่นไปเรื่อยๆ เด๋วจะเห็นการเปลี่ยนเองครับ
ต้องลองเล่นดูครับ ...... ขอให้สนุกับ drupal นะครับ

******* โชคดีนะครับ *****************

what is Ruby on rails ?

2008-03-13T11:20:00.000+07:00

Rails คือ Web Application Framework ที่เป็นการทำงานออกเป็น 3 ส่วน คือ Model ,View , Controller หรือที่เรียกว่า MVC
MVC จะเป็นโครงสร้างที่นำมาช่วยสร้างเว็บแอปพลิเคชั่น ให้เป็นสัดส่วน ซึ่งจะทำให้การเขียนโค้ดโปรแกรมง่ายขึ้นอย่างมาก ซึ่ง rails จะแบ่งส่วนการเก็บโค้ด และส่วนติดต่อผู้ใช้แยกออกจากกัน

Ruby on Rails (ROR) คือ web application Framework ที่พัฒนาด้วยภาษา Ruby Ruby เป็นภาษาสคริปต์เชิงวัตถุที่สั้น กระชับ เป็นธรรมชาติ รวมทั้งยังสามารถทำงานใน Configuration Files แทนการเขียนโค้ดได้ด้วย ทำให้การตรวจสอบสถานะการทำงานทำได้ง่ายขึ้น

การแก้ไขปัญหา Error 0x80040802 ของการติดตั้ง google gears

2008-01-28T12:07:00.000+07:00

สวัสดีครับเพื่อนๆ ชาวไอที
ถ้าเพื่อนๆคนไหน กำลังเล่น google gears แต่ไม่สามารถติดตั้ง google gears ได้ เนื่องมาจากเกิด Error 0x80040802 เพื่อนๆ อาจแก้ไขเหมือนที่ผม ซึ่งผมทำแล้ว สามารถติดตั้ง google gears ได้

ปัญหาของผม ที่แรกน่าจะมากจากผมใช้ wireless ฟรีจากมหาวิทยาลัย ซึ่งจะต้องตั้งค่า proxy ดังรูปที่ 1 ข้างล่าง

รูปที่1

วิธีแก้ไขคือ ให้เพื่อนๆ เปลี่ยนจาก manual เป็น auto ตามรูปที่ 2 ข้างล่าง

รูปที่2

หลังจากแก้ไขตามรูปเรียบร้อย ให้เพื่อนๆ ลองติดตั้ง google gears ใหม่อีกครั้งนะครับ

ถ้ามีข้อผิดพลาดหรือเพื่อนๆ คนไหนต้องการต่อติดผม ด้วยความยินดีครับที่ en42chart@gmail.com

*******************ความพยายามอยู่ที่ไหน จะสอนใจความสำเร็จอยู่ที่นั้น******************

Accessing Web Application Data at Any Time

2008-01-09T23:57:00.000+07:00

สวัสดีครับ
ตอนนี้ผมกำลังศึกษาเกี่ยวกับ Accessing Web Application Data at Any Time ซึ่งเป็นโปรเจกของผมเอง ซึ่งช่วงนี้เป็นช่วงที่กำัลังศึกษาขั้นเบื้องฐาน และรวบร่วมข้อมูล เพื่อนคนไหนสามารถแชร์ความรู้เกี่ยวกับหัวข้อนี้ได้บ้าง ช่วยหน่อยนะครับ

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

Accessing Web Application Data at Any Time
หลักการและเหตุผล
ในปัจจุบันซอฟต์แวร์ที่เป็นเว็บแอปพลิเคชันเป็นที่นิยมใช้เป็นจำนวนมาก และบ่อยครั้งที่ผู้ใช้จะสร้าง
แก้ไขและบันทึกข้อมูลที่ตนเองต้องการผ่านทางเว็บแอปพลิเคชันเหล่านี้ แต่เว็บแอปพลิเคชันที่ผ่านมานั้น
ผู้ใช้จะเข้าใช้ได้ก็ต่อเมื่อเข้าระบบออนไลน์ ซึ่งบางครั้งผู้ใช้ก็อาจจะไม่ได้อยู่ในสภาพแวดล้อมที่มีอินเทอร์เน็ต
หรือบางครั้งผู้ใช้ก็ต้องการที่จะลดภาระโหลดของเซิร์ฟเวอร์ที่ให้บริการเว็บแอปพลิเคชันและอินเทอร์เน็ต
ดังนั้นผู้ใช้จึงมีความต้องการที่จะเข้าถึงข้อมูลของเว็บแอปพลิเคชันโดยไม่ได้เชื่อมต่อกับอินเทอร์เน็ตหรือในขณะออฟไลน์ได้ด้วย
โครงการนี้จึงได้พัฒนาแอปพลิเคชันเพื่อเข้าถึงข้อมูลของเว็บแอปพลิเคชันได้ทั้งในขณะออนไลน์และออฟไลน์ขึ้นมา
วัตถุประสงค์
1) เพื่อสามารถอ่านและเขียนข้อมูลของเว็บแอปพลิเคชันจากแอปพลิเคชันที่พัฒนาขึ้นมาอง
2) เพื่อสามารถอ่านและเขียนข้อมูลของเว็บแอปพลิเคชันในขณะออฟไลน์ได้
2) เพื่อสามารถเข้าถึงข้อมูลของเว็บแอปพลิเคชันทั้งในขณะออนไลน์และออฟไลน์ได้
ขอบเขต
เว็บแอปพลิเคชันที่จะใช้ในขณะออฟไลน์ได้จะต้องมีไลบรารีให้เรียกใช้โดยการติดต่อผ่านการเขียนโปรแกรมและไลบรารีนั้นสนับสนุนการทำงานแบบออฟไลน์
ซึ่งในโครงการนี้จะมุ่งเน้นการทำให้สามารถเข้าถึงข้อมูลของเว็บแอปพลิเคชัน Google Blog และ Google Calendar ได้เป็นอย่างน้อย
โดยที่แอปพลิเคชันที่พัฒนาขึ้นมาใหม่สามารถเข้าถึงข้อมูลของเว็บแอปพลิเคชันทั้งแบบออฟไลน์และออนไลน์ได้

เครื่องมือที่ใช้
1) GData JavaScript Client Library
2) Google Calendar APIs and Tools
3) Blogger Data API
4) Google Gears API

หรือแชร์ความรู้ที่ en42chart@gmail.com