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

เรื่องฐานข้อมูลก็เหมือนกันครับ พอทำเสร็จ จัดการ Export ไฟล์ .sql ออกมาเรียบร้อยกะว่าใน host จริงที่ใช้ phpmyadmin จะ import ครั้งเดียวไปเลย แต่ปรากฎว่าไฟลืที่รองรับดันมีแค่ 2 MB ส่วนไฟล์ที่ sql ที่ผมมีคือ 6MB (ใหญ่กว่านิดหน่อย)

จริงๆ วิธีเพิ่มขนาดไฟล์อัพโหลดของ phpmyadmin มันก้มีครับ แต่ผมไม่อยากวุ่นวายไปติดต่อ host ให้เพิ่มขนาด และอะไรอื่นๆอีก

จัดการเองดีกว่า ใช้โปรแกรม SQLDump Splitter ก็จบครับ

ดาวน์โหลด SQLDump Splitter [179KB – DropBox]

โปแรกมเล็กๆ แต่ใช้งานได้ดีครับ เปิดโปรแกรมขึ้นมาทำตามขั้่นตอน 1,2,3 โปรแกรมมีบอกไว้แล้ว

พอ Execute เสร็จ ก็ไปดู Folder จะเห้นว่ามีไฟล์ที่แบ่งไว้ให้แล้ว วิธีการ Import ก็ให้เริ่มที่ไฟล์ ที่ลงท้ายด้วย DataStructure.sql ก่อน แล้วตามด้วยไฟล์ 1,2,3… ไปเรื่อยๆจนครบครับ

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

แต่ระหว่างนี้ผมก็ได้ทยอยอัพโหลดไฟล์ภาพ ไฟล์งาน เท่าที่จะอัพได้ ขึ้นบนเว็บแล้วครับ

และในตอนนี้ก็ขอเริ่มด้วยภาพ ตัวเครื่องทั้ง 2 เวอร์ชั่น ซึ่งผมตั้งชื่อว่า Mark1 และ Mark2 (ตามหนัง IronMan ที่ผมชอบ แต่ไม่มี Mark3 แล้วสำหรับผม)

สำหรับเอกสาร Project ผมจะทยอยลง เฉพาะเนื้อหาที่เกี่ยวข้องเท่านั้นครับ คงต้องรอส่งเอกสารให้เรียบร้อยก่อน

RFID Project 2012 Mark1 (Prototype)

RFID Project 2012 Mark1 ปัญหา Tag และ USB Hub

RFID Project 2012 Mark1 RFID Reader 2 Model

RFID Project 2012 Mark1 ทดสอบระยะการอ่าน 10 cm

RFID Project 2012 Mark1 อ่าน Tag ได้มากกว่า 1 Tag

RFID Project 2012 Mark2 Final

RFID Project 2012 Mark2 Final Reader และ USB Hub

RFID Project 2012 Mark2 Final Hardware Design

RFID Project 2012 Mark2 Final อุปกรณ์อื่นๆ

RFID Project 2012 Mark2 Final ตัวสมบูรณ์

RFID Project 2012 Mark2 Final ระยะการอ่าน 10 cm

RFID Project 2012 Mark2 Final อ่านได้มากกว่า 1 Tag

เมือวานนี้มีโอกาศได้ทดลองใช้งาน Opencart 1.5.2.1 ภาษาไทย ตัวล่าสุด

ดาวน์โหลดไฟล์ OpencartCart 1.5.2.1 ภาษาไทย ได้จากที่นี่ครับ

http://www.opencart2004.com/index.php/topic,711.0/Thai-Opencart-1.5.2.1-ทดสอบการใช้งานได้แล้ว.html

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

พอได้ลอง Opencart 1.5.2.1 ก้พบว่ามีความเปลี่ยนแปลงไปลหายๆส่วน อาจจะเพราะผมไม่ได้เล่น Opencart นานแล้ว เลยรู้สึกไปเองก็ได้

เริ่มแรกผมทดลองติดตั้งบน localhost ลองใส่ theme module ต่างๆ เท่าที่จะหาได้ เลยสังเกตุได้ว่า

- ระบบ banner ทำงานร่วมกับ slideshow ได้ดี ใช้ง่าย จัดการง่ายด้วย

- ระบบการซื้อสินค้าดูเป็นขั้นตอนดี เหมาะมากกับลูกค้าที่เพิ่งเคยซื้อของครั้งแรก จะได้รู้ขั้นตอนการซื้อแบบเป็นขั้นเป็นตอน

- theme ใหม่สวยมาก แทบไม่ต้องปรับแต่ง แต่ถ้าจะหา theme มาใช้ก้มีทั้งฟรีและไม่ฟรี แล้วแต่จะหา แต่แย่าลืมเรื่อง ลิขสิทธิ์ของ http://www.opencart2004.com ด้วยเด็ดขาด

- module และ theme ยังใช้วิธีการติดตั้งแบบเดิมคือ การ Copy ไฟล์ไปทับ ซึ่งต้องระวังหน่อย ตอนผมทดลองใช้ จะ backup ไฟลืทั้งหมดไว้ก่อนลง module เสมอๆ (กันพลาด)

- module มีให้ใช้พอสมควร ทั้งไทยทั้งเทศ คิดว่าอนาคตน่าจะมีมากขึ้นเรื่องๆ แบบเดัยวกับ Opencart 1.4

เท่าที่ใช้งานมาเบิ้องต้นก็มีเท่านี้ครับ ตอนนี้ผมได้ย้ายไฟล?ทั้งหมดมาบน Host จริงแล้ว

http://demo.know2pro.com/myshop1/ (2013 – Link เสียไปแล้ว)

Opencart 1.5.2.1 ตัวนี้ ผมทดลองลง theme และ module แบบเต็มขั้นเลยครับ เพื่อดูว่ามีลูกเล่นอะไรบ้าง ส่วนมากจะเน้นไปทาง vqMod

ตอนต่อไปจะพูดถึงการติดตั้งและแนะนำ module รวมไปถึง theme ต่างๆ ครับ

โปรแกรม PNGGauntlet เป็นโปรแกรมที่ใช้ย่อขนาดไฟล์ PNG ที่ได้ผลดีและกิน CPU มากเอาเรื่องแบบในภาพ

เหตมาจากเว้บ sub ของ know2pro.com ที่อัพภาพไว้มากๆเข้า มันไปกิน bandwidth ของเว้บทั้งหมด จนทำให้เว็บล่ม อาจจะโดน Hotlink Image ด้วย พอตต้นเดือนมีนา ผมเลยโหลดรูปใน host ทั้งหมดมาลดขนาดรูปลง ก่อนจะอัพกลับไปไว้ที่เดิม ตอนนี้ก็พอแก้ปัญหาได้แล้ว ยิ่งบวกกับการย้ายรูปไปไว้ที่ blogspot ยิ่งช่วยลด Bandwidth ได้เยอะครับ

ดาวน์โหลด PNGGauntlet [Freeware]  ที่นี่

เหตุเกิดจากผมมีไฟล์วิดีโอเก่าๆ ที่เคยทำสมัยเรียน ตอนนั้นทำออกได้เป้นไฟล์ SWF พอส่งงานก็จบไป แต่ตอนนี้นึกขึ้นมาว่าอยากเอาไปใส่ใน youtube แต่ติดที่ว่า SWF มันไม่ใช่ไฟล์วิดีโอ

วิธีแก้คือ การแปลงไฟล์ SWF ให้เป็นไฟล์ Video อะไรก็ได้ เพราะไฟล์นี้ไม่ใช่ HD (6 ปีก่อน ยังไม่รู้จัก HD เลย) เพราะฉะนั้น ขอให้แปลงไฟล์ออกมาเป็น Video ก็พอ

ผมไล่หาไล่ทดลองอยู่หลายตัว ก็ไปเจอโปรแกรม 2 ตัวนี้เข้า สามารถแปลงไฟล์ได้จริงๆ แต่มีข้อแม้ว่า

- การแปลง SWF เป็น Video จะเริ่มด้วยการเปิดไฟล์ SWF ส่วนตัวโปรแกรมจะจับภาพและเสียงที่ออกมาทำให้ได้เป็นไฟล์ Video ดูไปคล้ายๆ การ Capture ยังไงๆ อยู่

- หลังจาก Capture เสร็จแล้ว ต่อไปก็เป็นการ Convert ช้าเร็วก็ขึ้นอยู่กับเครื่อง

โปรแกรมที่ผมจะแนะนำคือ Moyea SWF to Video Converter Pro v3

ใช้งานไม่ยาก ทำตามที่โปรแกรมบอกได้เลยครับ

ส่วนโปรแกรมที่ต้องระวังกันหน่อย และไม่แนะนำให้ใช้คือ iWisoft FlashSWF to Video Converter 3.4

ไม่แน่ใจว่าเป้นที่โปรแกรมหรือ Windows 7 64bit เพราะตอนทำงานอยู่ดีๆ โปรแกรมนี้ก็ไม่ capture ภาพ ดันไปจับแค่เสียง กว่าจะรู้ตัวอีกทีก็ตอนอัพขึ้น youtube ครับ

ตามปกติแล้วถ้า Copy URL ของ Youtube มาวางใน Windows Live Writer มันจะแสดงเป็นหน้าต่าง Player ให้ทันที แต่ใน Joomla 1.5 ที่ผมใช้ เวลา Publish บทความไปแล้ว พอกลับมาดูในเว็บจริงๆ อีกที กลายเป้นว่าวิดีโอที่ใส่ไป กลับไม่แสดงออกมา

วิธีแก้ง่ายๆคือ หา Joomla Plugin ที่ช่วยการ Embed Youtube

และที่หาเจอก่อนก็คือ “Youtube Embed Custom” เป้น Plugin ขนาดเล็กที่ลงแล้ว ต้องไปเปิดการทำงานใน Plugin ก่อนถึงจะใช้ได้

ส่วนโค้ดที่ผมลองกับ knwo2pro.com แล้วได้ผลดีที่สุดคือ

พอใส่ไปแล้วจะได้แบบนี้

[atube]hIR8Ar-Z4hw[/atube]

การปรับแต่งค่าต่างๆ

พอดีว่าได้ไอเดียจาก TED.com เห็นในหน้าแรกมี Highlight คล้ายๆ ว่าจะเป้น content พอเอาเมาสืไปวางก้มี hover effect อีก เข้าท่าดี เลยอยากลองทำดูบ้าง ถึงจะไม่รู้วธีก็ตาม

เริ่มจากคำถามของเว็บนี้ คล้ายๆกับที่ผมอยากได้พอดี

What’s the name of jQuery plugin which auto arranges div/image elements on page?

จากที่หาข้อมูลมาได้ และที่ถูกใจผม ก็มีตามนี้ (ยังไม่ได้ลองแกะโค้ด)

jQuery Masonry (DEMO)
โค้ดสั้นๆ ปรับแต่งได้หลายแบบ ใช้ได้ทั้งภาพ ข้อความ วิดีโอ
http://masonry.desandro.com/demos/basic-single-column.html

Seamless Responsive Photo Grid (DEMO)
เน้นรูปภาพ แต่น่าจะปรับแต่งให่ใช้กับข้อความได้ด้วย
http://css-tricks.com/seamless-responsive-photo-grid/

Isotope (DEMO)
ตัวนี้ดุคล้าย jQuery Masonry มาก แต่ลูกเล่นการเคลื่อนไหวเยอะกว่า เจ่งกว่ามาก
http://isotope.metafizzy.co/index.html

Automatic Image Montage with jQuery (DEMO)
ตัวนี้ถูกใจผมมาก เพราะมันคล้าย Blogger Dynamic View ขาดไปแค่การ Hover และ Link บนรูป ถ้าเอามาโมดีๆก็น่าจะใช้งานได้
http://tympanus.net/codrops/2011/08/30/automatic-image-montage/

Sponsor Flip Wall With jQuery & CSS (DEMO)
หน้าตาอาจจะไม่เกี่ยวกับการจัดหน้าเว้บ แต่ผมชอบตอนคลิ๊กเปิดรูป อาจจะเอามาใช้คล้ายๆกับ TED ก็ได้

http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/