ข้ามไปที่เนื้อหาหลัก

สิ่งที่คุณควรรู้ใน HTML 5.0

     ในขณะที่หลายๆ คนกำลังปวดหัวกับการแก้ไขเว็บให้สามารถแสดงผลให้ถูกต้องบน IE 6 ได้นั้น และในขณะเดียวกันวงการ Web Standard ก็กำลังสร้างสิ่งใหม่ๆ มาให้วงการพัฒนาเว็บได้เล่น นั้นคือ HTML 5.0 ส่วน Features ต่างๆ ผมแนะนำให้อ่านในเว็บของ w3.org html 5.0 spec เอานะครับ

ทำไม HTML 5 ถึงสำคัญ
     สิ่งที่ทำให้ HTML 5.0 แตกต่างไปจากเดิมคือความเป็น Schematic Web มากขึ้น โดยคำว่า Schematic Web นั้นจะหมายถึงการที่เว็บสามารถให้ความหมายได้ในตัวของมันเอง ซึ่งประโยชน์ตรงนี้เองเราสามารถนำค่าต่างๆ ที่อยู่ใน tag ต่างๆ ของ HTML 5.0 มาใช้งานได้อย่างง่ายดาย หรือที่เราเรียกว่า Web Scraping หรือ Web harvesting ตามแต่ใครจะเรียก ทำให้ลดการเรียกใช้ Web Service API ลง เพราะตัว HTML 5.0 นั้นสามารถเป็น Data ได้อยู่ในตัวแล้วนั่นเอง

อะไรคือเบื้องหลังของ HTML 5.0
     จาก draft ใน link ข้างบน จะพบว่าสิ่งที่ทำให้ HTML 5.0 สามารถทำงานได้คือ การใช้ Scripting API นั่นเอง และด้วยความสามารถนี้ทำให้เราสามารถกำหนด Element Tag ต่างๆ ได้ตามใจชอบ

Features ที่น่าสนใจใน HTML 5.0
     ผมเชื่อว่าหลายๆ คนคงได้ลง Firefox 3.5 กันเรียบร้อยแล้ว หากใครยังไม่ลงก็ไปโหลดได้เลยที่ getfirefox.com สิ่งที่เป็นพระเอกของงานนี้คือ tag audio และ video นั่นเอง

     แต่สิ่งที่น่าสนใจอีกอย่างคือ DOM Storage ซึ่งสามารถทำ Database ย่อมๆ ในฝั่ง client หรือในเครื่องของเราเองได้ เพื่อเป็นการลดการใช้ session ของ server ลงได้บ้าง และทำให้ประสิทธิภาพการทำงานผ่านเว็บดียิ่งขึ้น

     และ Feature อื่นๆ ที่น่าสนใจคือ canvas tag และตัว API ที่เอาไว้สร้างไฟล์ bitmap แบบ realtime กันเลยทีเดียว นอกจากนี้ยังมี datagrid element และตัว script API ของมันจะเป็นประโยชน์มากในการสร้าง Web App ที่ใช้ ตารางเยอะๆ และยังมี nav, header, footer, article, section, aside element ที่ช่วยให้การทำงานของผู้สร้างบทความง่ายยิ่งขึ้น

สรุป
     ผมคิดว่าเมื่อ HTML 5.0 เสร็จเมื่อไหร่รูปแบบการท่องเว็บไซต์ของเราก็จะเปลี่ยนไปอย่างมาก เพราะตัว HTML นั้นไม่ได้มีการเปลี่ยนแปลงเลยภายใน 10 ปีที่ผ่านมา และครั้งนี้จะเป็นการเปลี่ยนแปลงที่ใหญ่ที่สุดของวงการเว็บแน่นอน ใครที่อยากอ่าน draft ของ html 5.0 สามารถอ่านได้ที่ W3 Consortium's Website

ความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

หมดหวังกับรายการทีวีในประเทศไทย

ไม่ได้เขียน Blog มานานสกิลด้านเขียนไม่รู้จะยังดีเหมือนเดิมมั้ยนะครับ (หัวข้อก็จะ clickbait  ตามแนว Content ยุคใหม่) จริงๆ แล้ว คิดจะเขียนมาตั้งนานแล้วแต่ไม่รู้จะเขียนอะไร พอดีวันนี้อ่านเจอโพสต์ของเพื่อนในเฟสบุ๊คที่แชร์มา หัวข้อประมาณว่า ประเทศไทยมีความพยายามทำให้คนโง่ลง คือผมก็ติดตามข่าวมาเรื่อยๆ ช่วงไปอยู่จีนก็ยังติดตามอยู่ แต่มีความรู้สึกว่าข่าวของประเทศเรากับประเทศจีนนี่คือคนละขั้วเลย ที่จีนข่าวส่วนใหญ่จะเป็นข่าวที่ค่อนข้างมีสาระ และไม่มีข่าวงมงาย น่าจะเนื่องมาจากกฎหมายของประเทศไทยที่ค่อนข้างคุมเข้มกับสื่อ ย้อนกลับมาที่ไทย ประเทศเราไม่มีกฎหมายคุมเข้มสื่อเหมือนประเทศจีนขนาดนั้น สื่อประเทศเราค่อนข้างมีอิสระในการนำเสนอ แต่หลังๆ มานี่ผมเห็นแต่ข่าวอาชญากรรม หรือข่าวให้หวยซะส่วนใหญ่ ก็เข้าใจว่าต้องการยอดผู้ชม แต่การที่สื่อนำเสนอแบบนั้นนี่ไม่แน่ใจว่าจะดีต่ออนาคตประเทศชาติหรือไม่นะครับ คนดูข่าวเพื่อจะรอเลขเอาไปซื้อหวย ไม่แน่ใจว่าสนใจอะไรมากกว่าระหว่างหวยกับข่าว ตอนจะมีกฎหมายหวยออนไลน์ก็เห็นออกมาต่อต้านบอกมอมเมาประชาชน แต่สิ่งที่สื่อกำลังนำเสนออยู่นั้นมันย้อนแย้งในตัวเองชอบกล...

Alfresco from source

การติดตั้ง Alfresco นั้นมีหลายวิธีด้วยกัน ผมขอแยกเป็นสามกรณีดังนี้ ติดตั้งจากตัว Installer ซึ่งวิธีนี้ถือว่าสะดวกที่สุดครับ เนื่องจากตัว Alfresco นั้นเตรียมเครื่องมือที่จำเป็นไว้ให้เกือบหมดแล้ว (บน Windows นี่ถือว่าพร้อมกับการทำงานทีเดียว ส่วนบน Unix จะต้องติดตั้ง MySQL ,Swf2PDF ImageMagick และ OOo - OpenOffice เองครับ เนื่องจากไม่สามารถรันได้แบบวินโดว์) ติดตั้งจากตัว Compiled Binary ซึ่งจะเป็นไฟล์ zip หรือ tarball ตามแต่ระบบปฏิบัติการ วิธีสุดท้ายเป็นวิธีที่ผมจะนำเสนอในตอนนี้คือการ Compile Source จาก SVN ครับ สองวิธีสุดท้ายนี้เราจำเป็นต้องหาพวก binary ของ third party มาลงเอง (แต่สำหรับ linux ไม่ว่าจะวิธีไหนเราก็ต้องหามาลงเองครับ) เราสามารถ Check out Source จาก repository จาก Alfresco ได้หลายวิธีไม่ว่าจะ Check out จาก Eclipse โดยผ่าน Subclipse หรือ Netbeans หรือแม้กระทั่ง SVN command line ก็สามารถทำได้ ในที่นี้ผมจะขอเลือกใช้แบบ Command line ซึ่งเป็นวิธีที่สะดวกที่สุด เพราะมีมาให้กับ linux อยู่แล้วหรือหากใครใช้ Windows อยู่ ผมขอแนะนำให้ติดตั้ง SlikSVN 1.5.x เนื่องจากขั้นตอน build นั้นจำ...

Alfresco กับ XForm

XForm นั้นเป็น Specification ที่น่าจะกลายเป็นมาตรฐานในอนาคตเนื่องจากเว็บต่างจำเป็นต้องใช้ Form ในการติดต่อกับผู้ใช้เป็นส่วนใหญ่ ส่วนตัว implement นั้นมีหลายตัวด้วยกันไว้ผมจะเอามาบอกในบทความต่อๆ ไป แต่คราวนี้เรามาดูใน Alfresco กันครับ ใน Version 3.2 นั้น Alfresco ได้เลือก Chiba ในเป็น Engine ในการจัดการกับ XForm ครับ แต่ก็นั่นแหละครับทำให้เราจำเป็นต้องลง virtual tomcat สำหรับรัน WCM (virtual tomcat คือ tomcat อีกตัวไว้สำหรับทำหน้าที่ติดต่อกับ user โดยทั่วไป หรือเรียกว่าเอาไว้เป็นหน้าด่านว่าเอกสารอะไรที่เราต้องการเผยแพร่เราก็สามารถ publish ไปยัง WCM ได้) ตอนนี้ orbeon (เป็น XForm engine อีกตัว) สามารถทำการเชื่อมต่อกับ Alfresco ได้แล้วต่อไปถ้าเราจะสร้าง XForm คงง่ายขึ้นเป็นกองเพราะ orbeon เป็น XForm server ที่ไว้สร้าง Form แบบ virtual เลย(ลากแปะๆ แนะนำให้ลองเข้าไปเล่น demo ของ orbeon ดูครับ น่าเล่นมาก) แต่ตัวนี้ผมยังไม่ได้ลองทำดูนะครับ พอดีค้นหาเจอเลยนำมาลง blog ไว้ก่อน ไว้ถ้าทดสอบแล้วได้ความว่าอย่างไรจะมารายงานอีกรอบ