15
แนะนำไวไวซอฟท ทีมงานทำเว็บไซตโดย วรงค หลูไพบูลย และเพื่อน ไวไวซอฟท: ละมุน ละไม ไว

Vai Vai soft: Introduction & Work

Embed Size (px)

DESCRIPTION

The prresentation shows the story and work of Vai Vai soft.

Citation preview

Page 1: Vai Vai soft: Introduction & Work

แนะนำไวไวซอฟททีมงานทำเว็บไซตโดย วรงค หลูไพบูลย และเพื่อน

ไวไวซอฟท: ละมุน ละไม ไว

Page 2: Vai Vai soft: Introduction & Work

เร่ิมจากรวมพัฒนาระบบเน้ือหาในองคกรเว็บไซตขาว

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

ผมเริ่มตนเรียนรูเทคโนโลยีและวิธีพัฒนาเว็บจากการรวมพัฒนาเว็บไซต manager.co.th ซึ่งเปนเว็บไซต ขาว ขององคกรสื่อสารมวลชน ซึ่งในขณะนั้นไดใชเทคโนโลยีของ

ไมโครซอฟตในการพัฒนาเว็บ โดยมีจุดมุงหมายเพื่อใหสะดวกตอการปรับแกไขเนื้อหาและรองรับผูเขาชมจำนวนมาก

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

เชนนี้นับเปนกาวแรกๆ ของการพัฒนาระบบเว็บไซตในขณะนั้น

Page 3: Vai Vai soft: Introduction & Work

สูการพัฒนาในเทคโนโลยีโอเพนซอรส

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

การใชงานรวมกันก็เชนLinux Apache PHP MySQL

ขอเดนของการใชเทคโนโลยีโอเพนซอรสนั้นมีมากมาย และผมเองก็ไดลองปรับตัวมาพัฒนาดวยโอเพนซอรสนี้ดวย

ขณะเดียวกัน ในทางธุรกิจ การใชงานเว็บไซตกับองคกรก็แพรหลายขึ้นจนกลายเปนสิ่งจำเปนที่ขาดไมได เว็บไซต jsflower.co.th เปนเว็บของรานดอกไม ที่ตองการ แค็ตตาล็อก

สินคา ซึ่งเปนหนึ่งในรูปแบบที่เปนประโยชนตอองคกรทั่วไป และแสดงใหเห็นวาการใชเทคโนโลยีโอเพนซอรสพัฒนา สามารถรองรับความตองการเว็บไซตธุรกิจไดเปนอยางดี

Page 4: Vai Vai soft: Introduction & Work

พลังของการพัฒนาแนวใหม HTML + CSS

ในแงของวิธีการพัฒนาเอง ก็ไดมีผูทดลองและเสนอวิธีการล้ำสมัยออกมาอยางนาตื่นเตนเชนเดียวกัน ผมเองไดกาวเขาสูแนวทางของ HTML + CSS เต็มรูปแบบ ขอเดนของการ

พัฒนาวิธีนี้คือประสิทธิภาพในการควบคุมการแสดงผลไดอยางสะดวกสบายและเปนระเบียบ เอื้อตอการพัฒนารวมกัน และความรวดเร็วในการแกไข

ในการพัฒนาเว็บไซต digital2home.com อันเปนเว็บกิจการคาปลีกอุปกรณดิจิตัลเจาดัง วิธีการพัฒนาเชนนี้อำนวยความสะดวกอยางยิ่ง รวมทั้งลดเวลาในการปรับแกลงมาก และการ

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

วาเปนเว็บ อี-คอมเมิรซ เต็มรูปแบบ ที่ขาดเพียงการชำระผานบัตรเครดิตเทานั้น

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

นี่เปนปญหาประการหนึ่งของการแยกพัฒนาระบบเฉพาะตน เพราะผูพัฒนาแตละรายก็มีวิธีการออกแบบฐานขอมูลตางกันไป

Page 5: Vai Vai soft: Introduction & Work

เร่ิมใชระบบจัดการเน้ือหา (Content Management System)

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

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

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

พัฒนาแตละคนไดมาก

ระบบจัดการเนื้อหา เปนการทำงานพื้นฐานอีกประเภทที่เว็บจำนวนมากตองการ โดยเฉพาะเว็บที่ใหความสำคัญกับขอมูลเชนเว็บขาว หรือเว็บรวมบทความ เมื่อเริ่มมีประสบการณใน

การพัฒนาระบบจัดการเนื้อหาดวยตนเอง จนทราบวาความตองการใดบางที่ระบบนี้ควรจะมี ผมจึงเริ่มนำระบบจัดการเนื้อหาพื้นฐานที่มีผูพัฒนาออกมา มาปรับใช

เว็บไซต www.thaihrhub.com เปนเว็บศูนย เครือขายองคความรู ของ สำนักงานคณะกรรมการขาราชการพลเรือน (ก.พ.) ที่พัฒนาโดยใชงานระบบจัดการเนื้อหา ของผูพัฒนาระบบ

พื้นฐานชื่อ ExpressionEngine นำมาปรับปรุงหนาตาใหเขากับการออกแบบ พลังของ HTML + CSS ชวยใหการนำระบบพื้นฐานอื่นมาปรับแตงหนาตาเปนไปไดอยางสะดวก และ

ประสบความสำเร็จดังเว็บ www.thaihrhub.com นี้

Page 6: Vai Vai soft: Introduction & Work

สวัสดีเวิรดเพรซ

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

เตรียมใหนั้นไมยืดหยุนกับการปรับแก ขณะที่หลายความสามารถนั้นกลับเกินความตองการไป

เวิรดเพรซ (Wordpress) เปนระบบจัดการเนื้อหาอีกเจาหนึ่งที่เปนโอเพนซอรส มีการพัฒนามาตอเนื่องนาวนาน เนนความกะทัดรัดเรียบงายของตัวระบบแกนแกนหลัก และหาก

ตองการเพิ่มเติมความใด ก็สามารถทำไดดวยการลงตัวเพิ่มความสามารถที่เรียกวาปลั๊กอิน (Plug-In) เพิ่มไดตามที่ตองการ

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

คอย

เว็บไซตฟาเดียวกัน sameskybooks.org เปนเว็บไซตแรกที่ปรับแตงจากเวิรดเพรซเว็บไซตนี้เปนเว็บของ นิตยสาร ที่เนนเนื้อหาหนักแนนวิพากษวิจารณอันเปนที่รูจัก การเนนนำ

เสนอเนื้อหาเหมาะกับความสามารถเวิรดเพรซเปนอยางดี

Page 7: Vai Vai soft: Introduction & Work

คำตอบสุดทายของเว็บบล็อกสวนตัว

ความโดดเดนพื้นฐานที่สุดของเวิรดเพรซคือการสรางเว็บไซตในลักษณะ บล็อก อันรูปแบบของการผลิตเนื้อหาในอินเทอรเน็ต ที่เปนไปไดทั้งบล็อกสวนตัว บล็อกองคกร บล็อกกลุม

กิจกรรม จึงเหมาะกับการดัดแปลงใหเขากับเว็บไซต สวนตัว เว็บไซตบริษัท หรือเว็บไซตนิตยสาร

เวิรดเพรซมีสามารถเปลี่ยนรูปแบบการแสดงผล (Theme) หรือหนาตาของเว็บไซตได เว็บไซตแมใชเวิรดเพรซดวยกัน แตก็สามารถเลือกหนาตาที่เหมาะสมกับแนวทางและรสนิยม

ของตน

หลังจากรูจักเวิรดเพรซเบื้องตนแลว ก็ไดสรางบล็อกสวนตัวใหกับคนรูจักดวยเวิรดเพรซมากมาย

Page 8: Vai Vai soft: Introduction & Work

เวิรดเพรซ ชวงเรียนรูและทดลอง

ชุมชนโอเพนซอรสทำใหการพัฒนาเวิรดเพรซนั้นเต็มไปความคลื่อนไหว มีปลั๊กอินที่มีความสามารถหลากหลายมากมาย และดวยแนวคิดที่เปดกวางตอการพัฒนารวม เมื่อไดทดลอง

ใชงาน ก็ยิ่งพบวิธีการที่เปดกวางในการตอยอดจากตัวเวิรดเพรซพื้นฐาน

เว็บไซตวารสาร อาน readjournal.org เปนเว็บไซต นิตยสารออนไลน ที่ใชเวิรดเพรซในชวงตน และปรับแนวทางในการออกแบบและโครงสรางขอมูลใหเปนไปตามแนวทางของเวิรด

เพรซมากขึ้น

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

เพรซใหมีหนาตางแสดงภาพขนาดใหญในหนาแรกเพื่อสอดรับกับเอกลักษณโดดเดนของตัวหนังสือ

Page 9: Vai Vai soft: Introduction & Work

ทำแค็ทตาล็อกดวยเวิรดเพรซดวยพลังของปล๊ักอิน

ความทรงพลังอีกประการหนึ่งของเวิรดเพรซคือปลั๊กอินที่มีผูรวมพัฒนาจำนวนมากเสนอปลั๊กอินที่นาสนใจออกมามากมาย เมื่อรวบรวมปลั๊กอินที่เหมาะสมชุดหนึ่งๆ ก็จะปรับใหเวิรด

เพรซรองรับความตองการเว็บไซตประเภทที่ตองการได

เว็บไซต be-live.in.th เปนเว็บของรานเฟอรนิเจอร ซึ่งไมใชเว็บที่เนนการแสดงเนื้อหาโดยตรง แตควรจะเปนเว็บ แค็ทตาล็อก สินคา

การพัฒนาครั้งนี้เปนการพยายามลองปรับใหเวิรดเพรซสามารถรองรับความตองการใชงานเว็บประเภทแค็ทตาล็อกสินคา และใชปลั๊กอินบางตัวเพื่อเพิ่มลูกเลนทางการแสดงผลใหดู

นาสนใจ เชนการประกอบชุดสินคา เพื่อใหเหมาะกับแนวทางเว็บแสดงสินคาเฟอรนิเจอรมากยิ่งขึ้น

Page 10: Vai Vai soft: Introduction & Work

เพราะรักจึงอยากประชัน

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

ไมนอย

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

ใชงานเว็บไซตตางๆ ใหหลากหลายและสะดวกพรอมใชงานทันที ที่เรียกกันวา เว็บสำเร็จรูป

ballnpat.com เปนเว็บแรกที่พัฒนาขึ้นเองในแนวทางนี้ ที่เริ่มตนกับเว็บไซต ประชาสัมพันธกิจกรรม สำหรับคูแตงงานที่ตองการมีเว็บไซตของตน ทั้งแสดงขอมูลสถานที่ กำหนด

เวลา การติดตอกับแจกและเพื่อนๆ รวมทั้งสมุดเยี่ยมชมออนไลน

Page 11: Vai Vai soft: Introduction & Work

ทดลองสรางระบบท่ีเปล่ียนธีมได

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

(Theme) ซึ่งทำใหสวนจัดการกับสวนแสดงผลเปนอิสระตอกัน และสะดวกตอการแยกกันพัฒนา

allbestwedding.com คือระบบจัดการเนื้อหาที่รับรองการเปลี่ยนธีมไดอยางสมบูรณนี้ การเปลี่ยนธีมแตละครั้งทำใหไดรูปรางหนาตาของเว็บตางออกไปทันที โดยมีเนื้อหาเชนเดิม

Page 12: Vai Vai soft: Introduction & Work

หวนคืนสูเวิรดเพรซ

ขณะที่ไดพัฒนาระบบจัดการเนื้อหาสวนตัวจนเปนรุนแรกแลว ตัวเวิรดเพรซ เองก็ไดมีการพัฒนาไปอยางกาวหนาเชนกัน รวมทั้งมีผูพัฒนาปลั๊กอินใหมๆ เขามามากมาย ดวยพลัง

ของชุมชนโอเพนซอรส ความบกพรองตางๆ ลวนไดรับการแกไขโดยเร็ว

เว็บปรีดี-พูนศุข pridi-phoonsuk.org ใชแนวทางทดลองรวมกันระหวางเวิรดเพรซกับระบบจัดการเนื้อหาที่พัฒนาขึ้นเอง และไดศึกษาพัฒนาการของ WordPress อีกครั้ง

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

เนนความสำคัญของขอมูลที่มีอยู

Page 13: Vai Vai soft: Introduction & Work

เปนมากกวาผูใชเวิรดเพรซดวยการสรางธีม

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

กวาง การสรางธีมเพื่อแจกจายเปนอีกแนวทาง ซึ่งอาศัยความเขาใจเวิรดเพรซไปอีกขั้นหนึ่ง

หลังจากลองปรับเวิรดเพรซใหเปนเว็บไซตหลากหลายประเภทแลว เมื่อรวบรวมความตองการพื้นฐาน และประสบการณจากการพัฒนาปรับแตง รวมทั้งจากความพยายามสรางเว็บ

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

เดียวกับเว็บสำเร็จรูป

Page 14: Vai Vai soft: Introduction & Work

อี-คอมเมิรซท่ีพัฒนาข้ึนอีกข้ัน

เว็บไซตสำนักพิมพชายขอบ chaikob.com ปนการทดลองอีกครั้งในการนำ เวิรดเพรซมาใชงานในรูปแบบรานหนังสือออนไลน ที่ใชพลังของเวิรดเพรซในทุกดาน คือมีบล็อกที่มี

เนื้อหาชวนติดตาม มีปลั๊กอิน shopp ที่เสริมการใชงาอีคอมเมิรซ

เว็บไซตนี้ไดใชธีม V Nakorn ที่พัฒนาขึ้นมาปรับปรุงตอยอดดวยปลั๊กอิน shopp เพื่อตอยอดแนวทางการพัฒนาอีกขั้นหนึ่ง

Page 15: Vai Vai soft: Introduction & Work

เวิรดเพรซทุกแหงหน

เมื่อไดแนวทางการพัฒนาโดยรวมความสามารถพื้นฐานของเวิรดเพรซ การสรางธีมที่เหมาะสมกับงานดานตางๆ การเลือกใชปลั๊กอินที่สอดรับกับความสามารถที่ตองการ ก็พัฒนา

เปนแนวทางสำหรับการพัฒนาดวยเวิรดเพรซสำหรับทุกรูปแบบเนื้อหาไดแทบไมจำกัด พรอมดวยลูกเลนหลากหลาย ภายในเวลาที่รวดเร็ว

เว็บไซตปวย อึ๊งภากรณ เปนเว็บไซตลาสุดที่กำลังพัฒนาขึ้นดวยเวิรดเพรซ แนวทางเปน เว็บประวัติบุคคล คลายกับเว็บไซต ปรีดี-พูนศุข แตเสริมดวยปลั๊กอินและสวนเพิ่มเติมตางๆ

เขาไปอีกมาก นับเปนอีกความประทับใจของการใชงานเวิรดเพรซเพื่อเชิดปูชนียบุคคลของสังคมไทย