Web 2.0 ทางเลือกในการจัดการทรัพยากรสารสนเทศ

1. Web 2.0 ทางเลือกใหม่ ในการร่วมสร้างสรรค์ แบ่งปันความรู้ บุญเลิศ อรุณพิบูลย์ ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สำนักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ www.stks.or.th

2. หัวข้อ สภาพความต้องการในปัจจุบัน W3C “Web Accessibility” Web 2.0 คือคำตอบ

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

4. W3C – Web Accessibility W3C – World-wide Web Consortium นำโดย Sir Tim Berners Lee ผู้คิดค้น WWW กำหนด มาตรฐานการพัฒนาเว็บ HTML, XHTML มาตรฐานการนำเสนอเว็บ CSS, XSL มาตรฐานการเข้าถึงข้อมูล Web Accessibility

5. Web Accessibility Access to Web content and services regardless of ability or disability, or assistive devices used Sensory: Vision, Hearing Motor: Use only keyboard; only mouse; touch screen Technological: old computer, slow connection, mobile device

6. Web 2.0 คือคำตอบ ? Browsers, RSS Readers, anything Viewed through… Web browser Everyone Content Created by… Web Coders “ dynamic” State “ static” “ mass amatuerization” Domain of… “ geeks” “ Post / record” Primary Unit of content “ Page” “ Web Services” Architecture “ Client Server” “ Write” & Contribute Mode “ Read” Web 2.0 (2003- beyond) Web pages, plus a lot of other “content” shared over the web, with more interactivity; more like an application than a “page” Web 1.0 (1993-2003) Pretty much HTML pages viewed through a browser

7. Web 2.0 Blog Wiki Social Bookmarking PodCast RSS

8. Web 2.0 Flickr is a social network for sharing photos Del.icio.us is an example of a site that Uses a “Folksonomy” to organize bookmarks Wikipedia is a collaborative encyclopedia being edited in realtime by anyone

9. Web 2.0 Weblog (blog) ‏ Blogging is the most recognized example of Web 2.0 Really Simple Syndication (RSS) ‏ RSS adoption is small currently, but it could be an attractive tool for niche marketers

10. Tactical Opportunities for Early Adopters & Marketers Watch & Wait Act Now Web Services Tags & Folksonomies Social Networks RSS Blogging Drives frequency, which may lower the barrier to awareness and trial Generate “trial” usage Blogs and post drive deeper engagement and helps overcome objections Drive Conversions Feeds make it easier to stay connected and aware, driving convenience More information = more competence = more control Helps explain products, service, approach Provides “support” through direct customer Q & A Generate deeper insite into user attitudes and behaviors Improve Customer Experience Generate “reminder” traffic “ Push” key product or promotion out to audience, to drive traffic back to your site Broaden reach through syndication, driving more traffic back to your site Improves placement and relevance in search engines Could generate repeat visits to site Generates interest in deeper engagement Drive Traffic to the Site RSS / Feeds Blogging / Blogs

11. เทคโนโลยีการพัฒนาเว็บไซต์ CMS HTML

12. CMS คือ ? Content Management System ระบบบริหารจัดการเนื้อหาสำหรับเว็บ ​ ลดทรัพยากร​ใน​การพัฒนา​ ( Development ) ​ และ​บริหาร ​ ( Management ) ​ เว็บไซต์ ที่​ใช้​ใน​การสร้าง​และ​ควบคุมดู​แลไซต์ ​ กำ​ลังคน​ ​ ระยะ​เวลา​ ​ เงินทอง​ ​​ มัก​จะ​นำ​เอา​ภาษาเว็บโปรแกรมมิ่ง​ต่างๆ​ มา​พัฒนา

13. ฟังก์ชันของ CMS ส่วน​ของ​ Administration panel ( เมนู​ผู้​ควบคุมระบบ ) ​ ที่​ใช้​ใน ​ การบริหาร​จัดการ​ส่วน​การทำ​งานต่างๆ​ใน​เว็บไซต์​ ​ สามารถ​บริหารจัดการเนื้อหา​ได้​อย่างรวด​เร็ว​ ​ ​ เน้นการจัดการระบบผ่านเว็บ ​ ( Web interface ) การนำ​เสนอบท​ความ ​ ( Articles ) , ​Web directory, ​ เผยแพร่ข่าวสารต่างๆ ( News ) , ​ หัวข้อข่าว ​ ( Headline ) , ​ รายงานสภาพดินฟ้าอากาศ ​ ( Weather ) , ​ ข้อมูลข่าวสารที่น่าสนใจ ​ ( Information ) , ถาม ​ / ​ ตอบปัญหา ​ ( FAQs ) , ​ ห้องสนทนา ​ ( Chat ) , ​ กระดานข่าว ( Forums ) , ​ การจัดการไฟล์​ใน​ส่วน​ดาวน์​โหลด ( Downloads ) , ​ แบบสอบถาม ​ ( Polls ) , ​ ข้อมูลสถิติต่างๆ ​ ( Statistics ) สามารถ​เพิ่มเติม​ ​ดัดแปลง​ ​แก้​ไข​แล้ว​ประยุกต์นำ​มา​ใช้​งาน​ให้​เหมาะสมตามแต่รูปแบบ​และ​ประ​เภทของเว็บไซต์​นั้นๆ

14. CMS ในปัจจุบัน PostNuke PHP - Nuke MyPHPNuke Mambo eNvolution MD - Pro XOOPs OpenCMS Plone JBoss Drupal http :// www . cmsmatrix . org / http://www.wikimatrix.org

15. สิ่งที่ผู้พัฒนาต้องคำนึงถึง เลือกใช้ CMS (Content Management System) ที่เหมาะสม แทนการพัฒนาด้วยภาษา HTML ให้ความสำคัญกับ Metadata ทั้งในส่วนหน้าเว็บ และสื่อภายในเว็บ จัดหน้าเว็บด้วย HTML + CSS แทนที่จะใช้ HTML เพียงอย่างเดียว

16. สิ่งที่ผู้พัฒนาต้องคำนึงถึง สร้างทางเลือกในการเข้าถึงเนื้อหาที่เหมาะสม สร้างช่องทางการสื่อสารสำหรับผู้ใช้ Blog Wiki Google Groups, Yahoo Groups MySpace, Hi5

23. สารสนเทศ / ความรู้ที่เผยแพร่ สำคัญกว่าระบบหรือเว็บไซต์ ขอขอบคุณ

24. พีซีธรรมดาเป็น Web Server AppServ คือคำตอบ Open Source Software ง่ายในการติดตั้ง ทำงานได้กับ PC และ OS ทุกระบบ

25. ความต้องการระบบ จำลองเครื่องแม่ข่ายเว็บบน Microsoft Windows MS-Windows 2000++ Apache MySQL PHP AppServ

26. http://www.appservnetwork.com

28. C:\AppServ ไดร์ฟและโฟลเดอร์ที่ควรจำ

29. Server Name : ชื่อ Server หรือ IP-Address กรณีที่เป็น เว็บจำลองให้ระบุเป็น localhost Administrator's Email Address: อีเมล์ของผู้ดูแลระบบ Apache HTTP Port: เลขที่พอร์ทสื่อสารของ Apache ปกติคือ พอร์ท 80

30. ค่าควบคุมสำหรับฐานข้อมูล MySQL ประกอบด้วย root password รหัสผ่าน ( ต้องจำให้ได้ด้วย ) ‏ Character set กรณีที่ใช้ภาษาไทย ควรระบุเป็น UTF-8 Unicode

31. ติดตั้ง AppServ สำเร็จ

32. ตรวจสอบ AppServ เปิด Web Browser พิมพ์ Address ไปที่ http://localhost หรือ http://127.0.0.1

34. ติดตั้ง Joomla คัดลอกต้นฉบับ Joomla ไว้ในโฟลเดอร์ย่อยภายใต้ www ของ AppServ เช่น สร้างโฟลเดอร์ชื่อ myweb C : \AppServ\www\myweb จากนั้นคัดลอกต้นฉบับ Joomla มาไว้ในโฟลเดอร์นี้ ติดตั้ง Joomla โดยเปิด Browser แล้วพิมพ์คำสั่ง http://localhost/myweb

36. ยอมรับลิขสิทธิ์ซอฟต์แวร์

37. กำหนดค่าติดตั้งเกี่ยวกับ MySQL

38. การติดตั้งผ่านสมบูรณ์

39. กำหนดรหัสผ่านของผู้ดูแลเว็บ

40. ตรวจสอบ User & Password

41. ใช้ภาษาไทย TIS-620 หรือ UTF-8 ขึ้นอยู่กับ Character Set ของ MySQL

42. ฟอร์แมตภาพสำหรับเว็บ ? .bmp .tif .wmf .gif .png .jpg .ai

43. เว็บกราฟิก รูปภาพที่แสดงในโหมดปกติ การแสดงผลภาพแบบ Interlaced การแสดงผลภาพ แบบ Progressive

44. Interlaced GIF

45. JPEG Quality & Progressive ภาพฟอร์แมต JPG ค่า Quality ไม่ควรต่ำ หรือสูงเกินไป กำหนดรูปแบบการแสดงผล เป็นแบบ Progressive ด้วย สำหรับภาพที่มีขนาดโต

46. JPEG Quality JPEG - 19K Low Quality JPEG - 60K Max Quality

47. สรุปการเลือกใช้ฟอร์แมตภาพ ไฟล์สกุล GIF (Graphics Interlace File) ภาพที่ไม่ต้องการความคมชัดมากนัก สีไม่มาก มีลักษณะพื้นโปร่งใส ไฟล์สกุล JPG (Joint Photographer’s Experts Group) ภาพที่ต้องการความคมชัดสูง มีสีมาก ไฟล์สกุล PNG (Portable Network Graphics) ภาพที่ต้องการความคมชัดสูง มีสีมาก ทำพื้นโปร่งใสได้

48. แหล่งข้อมูล http://www.stks.or.th http://www.stks.or.th/elearning