ปัญหา Share Content บน Facebook แล้วเป็นภาษาต่างดาว

พอดี ลองทำเว็บไซต์ แล้วทดสอบ share content ขึ้นไปบน facebook แล้วปรากฎว่า กลายเป็นภาษาต่างดาว (อับราฮัม ยึกยือ)

เลยเช็คดูหลายอย่าง ทั้ง collation ของ database ก็เป็น UTF8 , ข้อมูลที่อยู่ในฐานข้อมูล ก็เป็นภาษาไทยปกติ , charset บน html ก็ตั้งเป็น tis-620 (ก็ไม่ได้) เป็น utf-8 (ก็ไม่ได้) , ซ้ำร้าย ดันมีผลเกิดขึ้นคือ design หน้าเว็บเปลี่ยน คือ มันจะ ร่นลงมาจากด้านบน เหมือนกับว่า มีอักขระอะไรอยู่ก่อน content น่ะ.. แต่เช็คหลายอย่างแล้วก็ไม่มี..

สุดท้าย ลองเช็คอีกรอบ ปรากฎว่า ถ้าเราจะทำให้มันเป็น utf8 ก็ต้องทำไปทั้งหมดเลย นั่นก็คือ

  1. <meta http-equiv=’Content-Type’ content=’text/html; charset=utf-8′ />
  2. ตอนที่ connect database ก็ต้อง SET NAMES utf8 ด้วย
  3. แล้วใน database ก็ต้อง collation เป็น UTF8 ไปด้วย
  4. ส่วนสุดท้ายที่สำคัญมากก็คือ เวลาเซฟไฟล์แล้ว ดูด้วยว่า Encoding ของไฟล์เป็น UTF8 ด้วย เพราะปกติ มันจะเป็น ANSI

Grand Home Mart

Project เว็บไซต์ของบริษัท Grand Home Mart
Client บริษัท แกรนด์โฮมมาร์ท จำกัด
When 2010
Technology PHP, MySQL, jQuery
URL http://www.grandhomemart.com

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

เว็บไซต์นี้ เราก็ได้นำเอาระบบ TCMS ที่พัฒนาขึ้นมา ใส่เข้าไปจัดการข้อมูลเนื้อหาให้มีความยืดหยุ่นอย่างที่ลูกค้าต้องการ โดยที่กว่าจะแล้วเสร็จ ก็มีการปรับ concept & scale งานไปมากอยู่เหมือนกัน แต่สุดท้ายก็แล้วเสร็จ

Grand Home Mart

DeecoHomeDecor.com

Project เว็บไซต์ DeecoHomeDecor.com
Client บริษัท ดีโก้ วัสดุภัณฑ์ จำกัด
When 2010
Technology PHP, MySQL, jQuery
URL http://www.deecohomedecor.com

โปรเจคนี้น่าจะทำช่วงราวๆ ปลายปี 52 ต่อกับต้นปี 53 โดยเพื่อน “เบื้อก” เป็นคนนำมา เป็นเว็บไซต์ของบริษัทจำหน่ายวัสดุอุปกรณ์เกี่ยวกับการก่อสร้าง สุขภัณฑ์ต่างๆ บริษัท จะอยู่แถวๆ ถ.พระราม 2 เว็บไซต์นี้ เราไม่ได้ดีไซน์ และตัด html จึงทำให้ทำงาน งงๆ เล็กน้อย เพราะคนออกแบบทำมาเป็น div แบบ งงๆ ไม่ใช่ grid system อย่างที่เคยทำ เลยต้องทำไป เทสไป ดูผลไปเรื่อยๆ ให้มันได้ทุก browser ก็เล่นเอาใช้พลังงงานไปมากพอดูเหมือนกัน

deecohomedecor

PSFishery.com

Project เว็บไซต์ psfishery.com
Client บริษัท พีเอส ฟิชเชอรรี่ จำกัด
When 2008
Technology PHP, MySQL
URL http://www.psfishery.com

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

โดยที่เว็บไซต์นี้ ทำไว้นานแล้ว ตั้งแต่ปี 2551 จึงยังคงใช้ระบบ Backend แบบดั้งเดิมอยู่

Kamonchai.com

Project เว็บไซต์ kamonchai.com
Client บริษัท กมลชัย เทรดดิ้ง จำกัด
When 2010
Technology PHP, MySQL
URL http://www.kamonchai.com

โปรเจคนี้ รับช่วงต่อมาจากเพื่อนชื่อ “ตี๋เล็ก” คือ เขาทำโบรชัวร์ให้ทางบริษัทนี้ แล้วพอดีเจ้าของอยากทำเว็บไซต์ เพื่อนเราเลยติดต่อให้มาคุยรายละเอียดกันไป เป็นเว็บไซต์แสดงสินค้าของบริษัท ไม่มีอะไรมากมาย เลยใช้ระบบ TCMS ที่เราพัฒนาขึ้นมาใส่เข้าไป ก็ใช้งานได้ดีอย่างที่คาดหวังไว้ แต่ส่วนที่ยาก และไม่ถนัดก็คือส่วนของ SEO ที่ต้องทำให้ขึ้นอันดับใน Google ให้ได้ ซึ่งยังทำได้ไม่ดีเท่าที่ควรเลย

Kamonchai

Pacific World Thailand

Project เว็บไซต์ของ Pacific World Thailand
Client Pacific World Thailand
When 2007
Technology HTML, Javascript, PHP, MySQL
URL http://www.pacificworld-th.com

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

Union Mall Booth Reservation Project

Project โปรแกรมจองพื้นที่ขายสินค้าภายในห้างสรรพสินค้ายูเนี่ยนมอลล์
Client ห้างสรรพสินค้ายูเนี่ยนมอลล์
When ~2001-2002
Technology PHP / MySQL

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

จำได้ว่า เราไปอยู่กันที่ไซต์งานของยูเนี่ยนมอลล์ ตั้งแต่มันยังไม่ได้ลงเสาเข็มเลยด้วยซ้ำ แต่ปัจจุบันทางห้าง น่าจะมี application สำหรับงานนี้โดยเฉพาะแล้วละมั้ง..