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

เว็บไซต์นี้ถูกสร้างด้วย

• CodeIgniter
• jQuery
• Twitter API (OAuth)

ใช้เวลาพัฒนา

ใช้เวลาทำ 2 วันหลังเลิกงานครับ โดยพี่ @pongrat นั้นมี Design ให้อยู่แล้วผมก็เลยออกแบบระบบ แล้วนำมาประกอบๆใส่ Interaction ลงไปเล็กน้อย ประจวบเหมาะผมก็เคยทำ Twitter OAuth อยู่แล้วทำให้เสียเวลานิดเดียว อ๋อแล้วก็มีทำระบบด้านหลังแบบไม่งามอีกนิดหน่อยเลยใช้เวลาไม่นานครับ

ด้วยงานที่ Thothmedia ทำนั้นมีส่วนที่จะต้องนำความรู้เรื่องการทำ Chrome Extension ไปสอน Partners ต่างๆทำให้ผมต้องเรียนรู้แล้ว ก็พัฒนาตัว Chrome Extension เพื่อเป็น Pilot Extensions ก่อนที่จะไปสอน จะได้นำความรู้จริงๆไปสอนโดย Extension เหล่านี้นั้นถูกสร้างด้วย HTML , CSS และ Javascript ครับโดยผมใช้ jQuery เป็นตัวช่วยเสมอครับโดยมีดังนี้เลยครับที่ทำขึ้นมา

• Thothmedia Theme
• lnw.me Shorten URL Service
• Auto Redirect Script for Thai Image Hosting (นำ code เพื่อนจาก Greasemonkey มาแปลงลง)
• Collaborate To-do-List
• Clean New Tab
• Send to Customer Service (ทำใช้เฉพาะใน Thothmedia ไม่สามารถเผยแพร่ได้)

รวมถึง Chrome Extensions อีกหลายตัวที่ไม่สามารถเปิดเผยได้ครับ ใช้เวลาเรียนรู้ประมาณ 7 วันเต็ม แล้วที่เหลือคือการลองทำซึ่งแต่ละตัวเสียเวลาไม่เกิน 1 วันครับ

เป็นงานในเวลานอกที่ผมทำเล่นแล้ว Thothmedia ช่วยสนับสนุนเลยเกิดมาเป็นงานนี้ แถมมี Chrome Extension ด้วยโดยเป็นบริการย่อลิงค์ , ย่อ Quote , ย่อ Code แต่จริงๆแล้วมันยังย่อได้อีกหลายอย่าง แต่ไม่ได้โชว์ขึ่้นมาไว้ผมจะเอามันมาปัดฝุ่นทำใหม่อีกครั้งนะครับ

เว็บไซต์นี้ถูกสร้างด้วย

• CodeIgniter
• jQuery

ใช้เวลาพัฒนา

ใช้เวลาทำประมาณ 4 วันแต่กว่าจะได้เป็น Design เป็นเรื่องเป็นราวพร้อมตั้งชื่อนี้ได้รวมเวลาทั้งหมดก็ราวๆ 8 วันครับ โดยเสียเวลาไปนานเพราะเรามีอัพตัวอื่นด้วยแต่โดนถูกตัดออกไปเพื่อความสวยงาม

เป็นงานที่ผมทำงานให้ในที่ Thothmedia ครับโดยหลักๆคือให้คนอัพรูปที่ถ่ายในงาน Acer แล้วเอามาโพสใน Facebook ใครถูกชอบมากที่สุดก็เอารางวัลไปเลย โดยตอนที่ผมทำงานนี้ Facebook ยังใช้ API เก่าอยู่ไม่ใช่ Facebook Graph API อย่างทุกวันนี้ครับ ร่วมถึง Acer Most Retweet ด้วย

เว็บไซต์นี้ถูกสร้างด้วย

• CodeIgniter
• Facebook API
• Twitter API
• Cron

ใช้เวลาพัฒนา

โดยรวมแล้วพัฒนาทั้งสองแอพพลิเคชั่นนี้ราวๆ 1 เดือนครับ โดยทั้งสองตัวนี้ไม่ได้ทำให้มัน Flexible มากนักทำให้เสียเวลาพัฒนาน้อยแต่หลักๆคือเสียเวลาเรียนรู้

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

เว็บไซต์นี้ถูกสร้างด้วย

• CodeIgniter
• jQuery
• jQuery UI [Drag & Drop]
• jQuery Timer
• jQuery SerialScroll

ใช้เวลาพัฒนา

โปรเจคนี้ผมใช้ช่วงเวลาว่างที่หลังเลิกงานทำ แล้วก็ทำอยู่หลายวันซึ่งรวมๆชั่วโมงแล้วอยู่ที่ประมาณ 40 กว่าชั่วโมง

เว็บไซต์นี้เป็นเว็บไซต์แรกที่ผมใช้เวลาทำอยู่นานเป็นเดือนเลย จะว่าเป็นโปรเจคที่จริงจังในช่วงอยู่มหาลัย ก็ว่าได้ซึ่งตัวนี้ทำให้เปิดโลกทัศน์ในการเขียนโปรแกรมเลยทีเดียว ซึ่งตัวโปรแกรมนี้จะทำการค้นหาข้อมูลจาก Google ผ่านทาง Google API โดยต้องมีการใช้ Web Service ในการเรียก-ส่งข้อมูลไปมา และผมยังได้ทำเป็น AJAX โดย jQuery ซึ่งช่วงนั้นยังไม่ถึงกะบูมมากในไทย แล้วเป็นการลองใช้ CodeIgniter Framework ครั้งแรกๆด้วย [ซึ่งตอนนี้ทาง Google ปิด Service ตรง Suggest ไปแล้วทำให้ไม่เห็นในส่วนของ AJAX]

เว็บไซต์นี้ถูกสร้างด้วย

• CodeIgniter
• jQuery
• Google AJAX Search API

ใช้เวลาพัฒนา

โดยรวมแล้วตัวนี้ใช้เวลาพัฒนามากเพราะทำตอนยังไม่ค่อยคล่องในพวกนี้สักเท่าไร จึงกินเวลาไปเกือบๆ 200 ชั่วโมง ซึ่งทำให้ผมมีความรู้เรื่อง Web Service ร่วมถึง CodeIgniter และ jQuery มากขึ้นมากด้วย

เว็บไซต์ตัวนี้เป็นโปรเจคจบครับซึ่งทำกับเพื่อนๆ ซึ่งเป็นเว็บที่รวมแนวคิดของ Digg และ Delicious เข้าด้วยกัน โดยการทำเหมือนที่ใส่ Bookmark แต่สามารถโหวตได้ นอกจากนั้นก็ทำการคำนวณความฮิตได้ จากช่วงเวลา และคะแนนทั้งหมด รวมถึงมี Web Services ให้คนอื่นๆสามารถเรียกใช้ได้ นอกเหนือจากนั้นยังมี Plugin Firefox ที่สามารถไปที่หน้าไหนแล้วชอบก็คลิกปุ่มเซฟแล้ว มันก็จะส่งข้อมูลมาทีเว็บได้เลย และสุดท้ายคือกลุ่ม เจ้าตัวกลุ่มเนี้ยคือการที่เราสามารถสร้างกลุ่มและให้เพื่อนๆเข้ากลุ่มได้ พอเข้ากลุ่มแล้วเจ้าของกลุ่มจะต้องเลือก Tag ที่ต้องการจะนำเข้า เสร็จแล้วจะนำข้อมูล Bookmark ทั้งหมดของคนที่อยู่ในกลุ่มมาแสดง ที่มี Tag นั้นอยู่ โดยที่เจ้าของจะต้องตั้ง Bookmark นั้นเป็นสาธารณะถึงจะเห็น ถ้าไม่ใช้สาธารณะจะไม่เห็น

เว็บไซต์นี้ถูกสร้างด้วย

• CodeIgniter
• jQuery

ใช้เวลาพัฒนา

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

อันนี้เป็นเว็บที่ผมทำให้เพื่อนครับ เป็นเว็บ Spa โดยเพื่อนเป็นคนออกแบบส่วนผมทำ Animation และเว็บไซต์ที่เป็น Ajax ทั้งหมด ซึ่งก็ออกมาได้ดูดีในระดับหนึ่งเลยทีเดียว โดยงานนี้เน้นหนักที่การทำ Flash แล้วก็ใช้ Ajax ในการโหลดข้อมูลไปมาทำให้เวลาดูข้อมูลแล้ว Flash ไม่ต้องโหลดใหม่ทำให้ Smooth นอกเหนือจากนั้นยังโม้ Theme ของ SMF ด้วย ดูได้จากลิงค์นี้

เว็บนี้ถูกสร้างด้วย

• XHTML + Flash + CSS
• jQuery
• jQuery PrettyPhoto
• SMF

ใช้เวลาพัฒนา

เนื่องจากเป็นโปรเจคที่ใช้ Flash โดยผมก็ไม่ได้เก่ง Flash เท่าไรเพียงแค่ทำได้ แล้วก็ผสมกับเพื่อนมาบอกว่าต้องทำแบบนู้นแบบนี้ทำให้งานแบบนี้เสร็จไวกว่าที่คิดโดยทำประมาณะ 3 เดือนแต่ทำจริงแค่ประมาณ 150 ชั่วโมง กว่าๆเท่านั้นเอง  เพราะเพื่อนผมมาหาผมแค่อาทิตย์ละ 1-2 ครั้งเท่านั้นเองไม่งั้นผมก็ไม่ทำต่อ พอมาแล้วค่อยทำเลยสรุปชั่วโมงได้ประมาณนั้นและครับ