1. How to establish the
SAC web standard?
ประชุมวางแผนจัดทามาตรฐานเว็บไซต์กลุ่มงานคลังข้อมูล
20 เมษายน 2559
สิทธิศักดิ์ รุ่งเจริญสุขศรี
2. Web standards for the future
Source: https://vimeo.com/1102568
2
สิทธิศักดิ์รุ่งเจริญสุขศรี.How to establish the SAC we standard
3. Ten reasons to learn and use web standards
1. Make yourself look
professional
2. Make your clients look good
3. Maximise the number of
potential visitors
4. Faster loading and reduced
bandwidth usage
5. Provide the foundation for
accessibility
6. Improve search engine
rankings
7. Make your markup easier to
maintain
8. Future-proof content
9. Good business sense
10. It's the right way to do things
Source: http://www.456bereastreet.com/archive/200512/ten_reasons_to_learn_and_use_web_standards
3
สิทธิศักดิ์รุ่งเจริญสุขศรี.How to establish the SAC we standard
4. Discussion: Policies, procedures and guidelines (1)
1. Accessibility policy (อ้างอิง Web
Accessibility Initiative (WAI))
• ขอบเขตและรูปแบบที่จะให้เข้าถึง
• นโยบยต้องสัมพันธ์กับทั้งของรัฐและมาตรฐานสากล
(W3C)
2. Data protection and privacy policy
• ปกป้ องที่มาของข้อมูล (สบ./ข้อมูลอ่อนไหว) และ
ปกป้ องข้อมูลของ user อย่างไร (ในกรณีสมาชิก)?
• กาหนดขอบเขตของข้อมูลส่วนบุคคลที่จะจัดเก็บ (ยิ่ง
น้อยยิ่งดี?)
• วิธีการจัดเก็บที่เหมาะสม Ex. แยกชื่อกับข้อมูล
3. Intellectual property policy
• จัดลาดับสิทธิ์ของข้อมูลว่าสิ่งใดบ้างที่ถือครอง หรือไม่มี
สิทธิ์
• สาหรับข้อมูลที่มีสิทธิ์ให้เลือกนโยบายการเผยแพร่ที่แน่
ชัด C or CC
• มีที่ปรึกษาทางด้าน IPR
4. Commercial an sponsorship policy
Ellis, M., 2011. Managing and Growing a Cultural Heritage Web Presence: A strategic guide. London: Facet Publishing. pp. 84-92.
4
สิทธิศักดิ์รุ่งเจริญสุขศรี.How to establish the SAC we standard
5. Discussion: Policies, procedures and guidelines (2)
5. Web Development policy
• Content representation
• Working with the web team
• Commission of web work
• Sign-off and go-live process
6. Content Development policy
• Standard - มาตรฐานต่างๆ ที่จะนามาใช้อ้างอิง
กับการพัฒนา
• Best practices - ตัวอย่างประกอบ
• ใครจะรับผิดชอบในการเขียน แก้ไข และนาเข้า
• จะมีวิธีการจัดการอย่างไรกับเนื้อหา (หา standard
workflow หรือสังเคราะห์ขึ้นเอง)
• ใครตัดสินใจเลือก style, tone, เพิ่มเติมเนื้อห่า
ของเว็บ
• จะจัดการอย่างไรกับเนื้อหาที่หมดอายุ หรือต้องอัพเดท
7. Visual and content design policy
• Visual style Ex. Logo, Theme,
Feeling
• Tone of voice
5
สิทธิศักดิ์รุ่งเจริญสุขศรี.How to establish the SAC we standard
6. Lists of web standard references
• สานักงานรัฐบาลอิเล็กทรอนิกส์ (องค์การมหาชน), 2555. มาตรฐานเว็บไซต์ภาครัฐ.
http://www.moi.go.th/pls/portal/docs/PAGE/MOI_2555/MOI/TAB1036652/201208
23061245.PDF
• W3C, 2016. https://www.w3.org/standards/
• Draft U.S. Web Design Standards.
https://playbook.cio.gov/designstandards/getting-started/
• Houdmont, T., 2015. The ultimate website launch checklist.
https://www.boxuk.com/insight/blog-posts/the-ultimate-website-launch-
checklist
6
สิทธิศักดิ์รุ่งเจริญสุขศรี.How to establish the SAC we standard
Editor's Notes
1. Make yourself look professional
ถ้าตัวเว็บมีการเปลี่ยนแปลงและมีมาตรฐาน บุคคลภายนอกและผู้ใช้บริการจะมีภาพลักษณ์ที่ดีกับเว็บศูนย์ฯ ว่าอัพเดท (เนื้อหา+techno) มีความเป็นมืออาชีพ
2. Make your clients look good
ผู้ใช้บริการสามารถเอาเว็บเราไปบอกเล่าต่อได้ว่าดีอย่างไร พวกเขาสามารถเข้าถึงข้อมูลได้สะดวกแค่ไหน ไม่ใช่ว่ามาเข้าเว็บเราแล้วได้ประสบการณ์ที่ไม่ดีกลับไป เพราะเข้าถึงข้อมูลไม่ได้ เว็บซับซ้อน ไม่รองรับ mobile device, etc.
3. Maximise the number of potential visitors
แม้จะมีการสำรวจ device ที่ใช้ในการเข้าถึงเว็บ แต่เราก็ไม่สามารถคาดเดาได้ว่า user จะใช้ device ใดในการเข้าถึงเว็บเราบ้าง ดังนั้นแล้ว เพื่อให้แน่ใจเว็บของเราควรสร้างในรูปแบบ HTML เพื่อรองรับ devices ต่างๆ ของผู้ใข้
4. Faster loading and reduced bandwidth usage
โครงสร้างเว็บแบบ markup ที่แยกโครงสร้างและเนื้อหาจะกระชับ และช่วยให้ user สามารถ download ข้อมูลได้ดีกว่า และไม่สิ้นเปลืองการใช้ bandwidth ด้วย
5. Provide the foundation for accessibility
ไม่รับประกันเสมอไปว่าการใช้ web standard จะช่วยให้ทุกคนสามาถเข้าถึงเว็บคุณได้ (เพราะมีข้อจำกัดในเงื่อนไขที่หลากหลาย) แต่มันก็เป็นการที่จะเริ่มต้น ดังนั้นแล้ว ทำให้แน่ใจว่าเอกสารของคุณสามารถเข้าถึงได้ จัดเก็บในโครงสร้างที่ดี มีการสร้างรูปแบบความสัมพันธ์ที่เหมาะสม
6. Improve search engine rankings
รูปแบบการเขียนที่ไม่รุงรัง จัดเก็บในโครงสร้างที่ดี มีการกำกับความสัมพันธ์ระหว่างข้อมูลที่ดี เป็นสิ่งที SE และเว็บ crawl ชอบ เพราะมันจะเข้ามาเก็บข้อมูลไป และช่วยเพิ่มจำนวนการใช้บริการเว็บเรา
7. Make your markup easier to maintain
โครงสร้างเว็บที่สะอาดและเป็นระบบช่วยให้การอัพเดทเว็บไซต์เป็นไปด้วยดี แนะนำให้ใช้ CSS (?) ในการควบคุม Layout
8. Future-proof content
ไม่สามาระรับประกันได้ว่าข้อมูลบนเว็บของคุณจะอยู่ไปได้ยืนยาวอีกร้อยปี แต่ถ้าคุณแยกเก็บสำรองเนื้อหาออกจากเว็บไซต์ (if you separate content from presentation)
แล้วดำเนินงานตาม web standard นั่นก็เพียงพอแล้วสำหรับตอนนี้ เพราะคุณสามารถสร้างเว็บใหม่ขึ้นได้
แยกเนื้อหาออกจากสิ่งที่คุณนำเสนอ (if you separate content from presentation-)
9. Good business sense
ถ้าอยากให้ผู้ใช้บริการเพิ่ม มันก็จำเป็นอยู่แล้วที่จะพัฒนาให้เว็บของคุณมีความเร็วขึ้น SE เข้าถึงได้ง่ายขึ่น ลำดับการสืบค้นของคุณก็จะดีขึ้น ผู้คนก็ต้องเข้าถึงได้มากขึ้น
10. It's the right way to do things
WS มันเป็นสิ่งทีควรจะต้องทำแต่แรกเริ่ม เพราะถ้าคุณทำได้ถูกต้อง ทำไมสิ่งดีๆ จะไม่ตามมาหาคุณละ
1.
5. เพื่อสื่อสารให้คนในองค์กร ผู้มีส่วนได้เสียได้รับรู้ว่ามีอะไรอยู่บ้างบนเว็บไซต์ของคุณ มันจะออนไลน์ บำรุงรักษา ค้นคืน หรือจัดเก็บเป็นจดหมายเหตุอย่างไร
Content representation - ควรกำหนดเวลาที่แน่ชัดในการให้รายละเอียดข้อมูลระหว่างสิ่งที่จัดเก็บในคลังกับสิ่งที่นำเสนอบนเว็บไซต์
Commission of web work – ในกรณีที่เป็นการจัดจ้างทีมจากภายนอกเพื่อทำเว็บ (editorial, designer, web developer) ควรจัดประชุมเพื่อรับฟังข้อคิดเห็นจากผู้มีส่วนได้เสีย แล้วนำไปปรับปรุง แก้ไขตามความต้องการของผู้ใช้
7. Visual style – ตย.จะใช้ Logo อย่างไร ขนาด ตำแหน่งการวาง รูปแบบ /รูปแบบสีทางการที่จะใช้/THEME และอารมณ์ของเว็บ
Tone of voice - สำนวนการเขียนจะใช้น้ำเสียงแบบใด