เอกลักษณ์ของเว็บสวนนนท์

suannon @home · 2005-04-03 17:43:12

เอกลักษณ์ของเว็บสวนนนท์
1. อ่านง่ายสบายตา สี รูปแบบ และ การจัดเรียงตัวอักษร ควรจะทำให้การอ่านข้อความจำนวนมากหรือน้อยได้ง่ายๆ โดยไม่ทำให้ปวดตา ไม่ใส่สิ่งที่ทำให้ลายตา รำคาญ เกะกะเว็บ
2. ตรงไปตรงมาค้นง่าย จัดโครงสร้างการนำทางไปสู่ข้อมูลที่ต้องการโดยคลิกไม่กี่คลิก
3. พัฒนาเนื้อหาคุณภาพอย่างประจำ ทีมงานที่ประกอบด้วยนักเรียนที่มีความสามารถด้านต่างๆ เช่น การเขียนข่าวและบทความ การถ่ายภาพและวิดิโอ การสร้างงานกราฟฟิกและตัดต่อวิดิโอ เป็นต้น
4. ดีไซน์คุณภาพ เป็นเอกลักษณ์ของสวนกุหลาบนนท์ แสดงความเป็นสวนกุหลาบนนท์ ออกแบบโดยนักเรียนสวนนนท์ ไม่ควรใช้รูปแบบสำเร็จรูป ที่ดูเหมือนเว็บอื่นๆ อย่างชัดเจน
5. มาตรฐานเปิดและโค้ดสะอาด การเขียนโค้ดเบื้องหลังดีไซน์และเนื้อหาควรเป็นรหัสมาตรฐานและเป็นระเบียบ เพื่อให้แก้ไขและเข้าใจง่ายว่าผลเป็นอย่างไร ไม่ว่าใครจะเป็นผู้เขียนขึ้นมา เพิ่มประสิทธิภาพของเว็บไซต์ และไม่จำกัดการเข้าชมเว็บด้วยเพียงเบราเซอร์ตัวเดียว
6. โอเพ่นซอร์ส ซอฟท์แวร์ที่นำมาพัฒนาเว็บควรเป็นโอเพ่นซอร์ส (ซอฟท์แวร์เสรีและฟรี) ที่เปิดเผยซอร์สโค้ดและอนุญาตให้แก้ไขได้เสรี
7. ตรงไปตรงมา ตรงประเด็น เว็บไซต์นี้เป็นเว็บข่าวสาร และข้อมูลที่เกี่ยวกับโรงเรียน เพราะฉะนั้นโรงเรียนเป็นเรื่องหลัก ไม่ใช่เว็บพอร์ทัลที่รวมทุกอย่างตั้งแต่สากกะเบือยันเรือรบ เช่น ลิงก์จำนวนมหาศาลที่ไม่เกี่ยวกับโรงเรียนเลย (เช่นลิงก์ไปเว็บเพลง หนัง ทีวี ฯลฯ) หรือมีโพลล์ (อันนี้เป็นหน้าที่ของบอร์ด) มีเกม (ยกเว้นเด็กสวนนนท์เป็นผู้พัฒนาหรือมีคุณค่าทางการศึกษา)
8. มีความเป็นมืออาชีพ ให้มองไปยังนักออกแบบเว็บไซต์มืออาชีพแล้วดูเป็นตัวอย่าง เขาไม่ใช้ลูกเล่นเชยๆ หรอก เขาทำเว็บไซต์ที่อ่านง่าย สบายตา นี่คือสิ่งที่ควรตั้งเป็นเป้าหมาย

รายชื่อลูกเล่นเชยๆ และการดีไซน์ที่ไม่ดี รวบรวมมาจากเว็บไซต์เกียวกับเว็บดีไซน์ต่างๆ
1. ใช้เฟรม
2. การเปลี่ยนสีแถบเลื่อน
3. การทำตัวเลื่อนในแถบสถานะหรือไตเติลบาร์
4. การทำหน้าต่างป็อปอัพไร้ความจำเป็น
5. การใช้ GIF หรือ Flash Animation โดยไม่จำเป็น
6. การใช้กราฟฟิกเกินความจำเป็น ถ้าใช้แล้วควรมีความหมายที่สัมพันธ์กับเนื้อหา
6. การทำสีฉูดฉาด ที่ดูทุเรศ บาดตา และอ่านยาก (คุณคิดว่าผู้ใช้อยากจะลากเมาส์ทับเพื่ออ่านหรือ)
7. การป้องกันคลิกขวา (ป้องกันไม่ได้หรอก แค่ Disable Javascript หรือใช้ Teleport Pro ดูดทั้งเว็บก็ได้)
8. การเปิดเพลงฉากหลังโดยไม่ได้รับอนุญาต น่ารำคาญและไม่จำเป็น
9. การรันสคริปท์ต่างๆ โดยไม่ได้รับอนุญาตจากผุ้ใช้
10. การบังคับให้เปิดหน้าต่างใหม่เมื่อคลิกลิงก์กับทุกหน้า ทำให้คลิก Back ไม่ได้ เปิดหน้าต่างเกะกะจอ และไม่สะดวกกับผู้ที่ใช้ Tabbed Browsing
11. การใช้ URL ยาวๆ ที่จำยาก เช่น http://www.websuannon.com/modules.php?name=Content&pa=list_pages_categories&cid=6 ควรใช้ http://websuannon.com/aboutus/school/ แทน (ใช้ระบบที่มีคุณสมบัติสร้างลิงก์สะอาด และ เป็นมิตรกับเสิร์ชเอนจิ้น)
12. การใช้โค้ดที่จำกัดเปิดได้ในเบราเซอร์ตัวเดียว ควรใช้โค้ดมาตรฐานที่เปิดได้ทุกเบราเซอร์ ทุกระบบแทน
13. การทำหน้า Splash

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

ส่วนระบบที่จะใช้ทำเว็บไซต์ ตอนนี้ผมสนับสนุน Mambo (เจ้าเก่า) กับ Textpattern (น้องใหม่)

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

ก็มีการคุยกันว่าควรจะเปลี่ยนระบบจัดการเว็บใหม่เป็น PHP-Nuke หรือไม่ นี่คือข้อคิดเห็นของผมและผู้ใช้เว็บผู้อื่น:

1. Mambo มีที่แต่งข้อความแบบ WYSIWYG (แต่งอักษรได้ง่าย) PHP-Nuke ไม่มี
2. Mambo ปรับแม่แบบหน้าได้มากกว่า และยังสามารถตั้งรูปแบบเฉพาะส่วนได้ ใน PHP-Nuke รูปแบบจะค่อนข้างตายตัว แก้ธีมได้ยุ่งยาก ลองไปดูพวกเว็บที่ใช้ phpNuke สิ มองดูแล้วรู้เลยว่าเป็น Nuke เพราะชื่อโมดูลอะไรต่างๆ มันเหมือนกัน เป็นต้น
3. Mambo เป็นทีมงานพัฒนาที่มีการสนับสนุนอย่างดี จึงปรับปรุงแกนหลักของระบบได้รวดเร็วกว่า ส่วน PHP-Nuke มีผู้พัฒนาคนเดียว
4. Mambo มีความปลอดภัยของระบบสูงกว่า PHP-Nuke เว็บประจำของเราที่ใช้ PHP-Nuke โดนแฮ็กระบบ หลังจากนั้นเว็บนั้นเลิกใช้ Nuke ไปเลย
5. Mambo มีแม่แบบเว็บไซต์หลากหลายกว่า และดูมืออาชีพกว่า
6. Mambo สามารถติดตั้งส่วนต่อเติมได้ง่ายจากหน้า admin
7. Source code ของ Mambo สะอาดและเป็นระเบียบกว่า PHP-Nuke จึงมีประสิทธิภาพการทำงานดีกว่า
8. Mambo กะทัดรัดกว่า (5.2 MB) PHP-Nuke (12 MB)
9. Mambo เป็นระบบที่ websuannon.com ใช้อยู่แล้ว และเหมาะสมสำหรับการจัดการเนื้อหามากกว่า PHP-Nuke ที่เน้นเกี่ยวกับข่าวและชุมชนอย่างเว็บ Slashdot ที่เป็นต้นแบบของ PHP-Nuke เป็นเหตุผลที่ธุรกิจเลือกใช้ Mambo มากกว่า PHP-Nuke (Porsche เป็นตัวอย่าง)
10. Mambo สนับสนุน URL ที่เป็นมิตรกับเสิร์ชเอนจิ้น (ดูข้อ 11 ของการดีไซน์ที่ไม่ดี)

ทดสอบหน้า Admin Mambo: http://mambo.mamboforge.net/demo/administrator/ User และ Pass คือ admin
ทดสอบหน้า Admin PHP-Nuke: http://demo.opensourcecms.com/phpnuke/admin.php User: admin Password: demo

เว็บ Mambo: http://www.mamboserver.com เว็บ PHP-Nuke: http://www.phpnuke.org
Thai Mambo: http://www.mambohub.com Thai PHP-Nuke: http://www.thainuke.net

มหัศจรรย์ Textpattern CMS น้องใหม่ที่กำลังจะมาแรง จากเว็บส่วนตัวของผม ดูเป็นตัวอย่างของ Textpattern ที่ http://oran.hopto.org หรือ http://websuannon.com/oran

เว็บไซต์เล็กๆ แห่งนี้เกิดขึ้นได้ด้วยความมหัศจรรย์ของ "Textpattern":http://textpattern.com ซึ่งเป็น CMS (ซอฟท์แวร์จัดการเนื้อหา) ที่พัฒนาโดย "Dean Allen":http://textism.com ความมหัศจรรย์ของมันเท่าที่เราได้ค้นพบจากการลองใช้ในไม่กี่เดือนที่ผ่านมามีดังต่อไปนี้

* ทรงพลัง มองผิวเผินตอนติดตั้งครั้งแรก อาจจะดูเหมือนไม่มีลูกเล่นอะไรเลย ไม่ใช่ครับ ด้วยสถาปัตยกรรมของโปรแกรมที่พัฒนา "ส่วนต่อเติม" (Plugins) ที่ติตดั้งได้ง่ายและใช้ง่าย (เพียงใ่สแท็กคล้าย HTML) ลงไปในหน้า พร้อมกับตั้งตัวเลือกต่างๆ ก็ใช้ได้แล้ว สามารถค้นหา ส่วนต่อเติม ได้ที่ "Textpattern.org" http://textpattern.org ในความคิดเห็นของเรา คิดว่าแนวนี้ดีกว่าเพราะตัดส่วนที่ไม่จำเป็นทิ้งไปได้แล้วเอาแต่สิ่งที่ต้องการครับ

* ปรับหน้าตาได้ (เกือบ) ไม่จำกัด Textpattern ออกแบบเพื่อให้ปรับหน้าตาของเว็บได้ด้วย HTML(Hypertext Markup Language) และ CSS(Cascading Style Sheets) ธรรมดา นั่นหมายความว่าสามารถนำดีไซน์ HTML และ CSS เดิมมาปรับใช้กับ Textpattern ได้อย่างไม่ลำบาก เป็นข้อดีสำหรับนักดีไซน์เว็บไซต์ที่ต้องการควบคุมหน้าตาตามที่ตนต้องการ นักดีไซน์ชั้นนำในต่างประเทศหลายคน ("ตัวอย่าง" http://hicksdesign.co.uk/ และ http://txpmagazine.kbbu.de/all_sites/ ) ก็ใช้ Textpattern สำหรับเว็บไซต์ของเขา

* ชุมชนที่แข็งแรง ไปสนทนากับชุมชนผู้ใช้ใน "Textpattern Forum":http://forum.textpattern.com แล้วมักจะได้การตอบช่วยเหลือ ช่วยกันแก้ไขปัญหา ตอนนี้ยังไม่ค่อยมีผู้ใช้ไทยเท่าไหร่ ("ตัวอย่าง" http://sanpaworn.vissaventure.com/)

* สนับสนุนภาษาไทย ในการบันทึกและแสดงข้อมูล ด้วยการเข้ารหัส Unicode (UTF-8) แต่ยังมีปัญหาในการใช้ "Textile" http://textism.com/tools/textile/ ซึ่งเป็นระบบช่วยแต่งอักษรหลายส่วน ระบบเมนูต่างๆ ในส่วนจัดการเป็นภาษาไทย (เราเป็นคนแปลเอง) เข้าใจง่ายสำหรับผู้ที่ไม่ถนัดภาษาอังกฤษ

* ใช้ง่าย แต่งง่าย หน้าจอจัดการเว็บเรียบง่ายและเข้าใจง่ายมาก ไม่ซับซ้อนเหมือนระบบจัดการเนื้อหาอื่นๆ สามารถ Preview เนื้อหาได้ทันที มีระบบ Textile ช่วยแต่ง ตัวหนา เอียง สร้างรายการ ตาราง ลิงก์ ได้ง่ายกว่าการใช้ HTML สามารถพิมพ์ลงไปได้อย่างรวดเร็วโดยไม่ต้องใช้เมาส์คลิกลาก (หลายส่วนยังใช้กับภาษาไทยและภาษาอื่นที่ไม่ได้ใช้พยัญชนะละตินไม่ได้ดี) อย่างไรก็ตามก็สามารถใช้ส่วนต่อเติม เพิ่มที่แต่งอักษรแบบ WYSIWYG เพื่อแต่งข้อความแบบ Word

นี่เป็นแนวคิดการทำเว็บของผม ที่ประยุกต์มาใช้กับเว็บสวนนนท์ เพราะ:

"ไม่อยากให้เว็บโรงเรียน(นักเรียน) กลายเป็นเหมือนเว็บโรงเรียน มหาวิทยาลัย ในเมืองไทย ที่ดีไซน์เชยๆ ใช้งานยาก อ่านยาก และหาข้อมูลที่ต้องการไม่ได้ โดยทั่วไป"

"โดยเฉพาะเว็บภาครัฐ ห่วยที่สุด น่าอับอายขายหน้าโลก"

ขอโทษที่ให้อ่านยาวๆ (ไม่รู้ว่าจะมีใครอ่านทุกบรรทัดมาถึงจุดนี้หริแเปล่า เพราะส่วนใหญ่ไม่เคยหรอก มีแต่ "ขี้เกียจอ่าน")

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

มีข้อเสนอแนะ ความเห็น แสดงได้เลยครับ แล้วจะพิจารณา

Junno · 2005-04-03 21:35:38

6. การทำสีฉูดฉาด ที่ดูทุเรศ บาดตา และอ่านยาก (คุณคิดว่าผู้ใช้อยากจะลากเมาส์ทับเพื่ออ่านหรือ)

** ข้อนี้โดน 555

Tangmae* · 2005-04-04 11:29:03

ที่สำคัญไม่อยากให้มีกระทู้ที่ขุดๆ และก้อใครน่ารัก ด่าคนนู้นคนนี่ น่าเบื่อ

~nARAl< JuNG~ · 2005-04-04 14:20:12

อืม เหนด้วยกะ คห.ที่ 3 นะ (ข้างบนอ่า) เหนกระทู้เก่าอ่า มีแต่ว่าคนนู้น คนนี้ที เซงอ่าชอบด่านู่น ด่านี่ ชอบคนนู้นอบคนนี้ ผมว่าพอเหอะ กับกระทู้พวกนี้อ่า

wunMapraw · 2005-04-04 14:56:51

แล้วก็กระทู้ถามหาคนนู้นคนนี้ด้วยอ่า

~nARAl< JuNG~ · 2005-04-06 01:02:33

อืม ช่ายๆๆๆ มีแต่กระทุ้ขยะ คนนั้นชอบคนนี้ คนนี้ชอบคนนั้น เหอๆ รกบอดป่าวๆๆอ่า งุงิ

suannon @home · 2005-04-06 04:07:56

ผมกำลังพูดถึงเว็บไซต์ครับ ไม่ใช่เว็บบอร์ด แต่ก็พูดเรื่องบอร์ดไ้ด้

Junno · 2005-04-06 10:48:08

พี่คะ แล้วบอร์ดเนี่ย จาได้เปลี่ยนจิงๆรึป่าวอะ หรือใช้อันนี้ไปจนกว่ามีงบคะ ??

suannon @home · 2005-04-06 12:50:28

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

~nARAl< JuNG~ · 2005-04-06 19:17:24

ไมผมเข้าเวปสวนนนท์ม่ายด้ายอ่า จาเข้าไปดูรายชื่อที่สอบเข้าหน่อยอ่า เซงเลย เหอๆ - -*

suannon @home · 2005-04-07 13:05:57

เข้าได้แล้วครับ ส่วนเรื่องเว็บโรงเรียน www.skn.ac.th

ต้องไปถามอาจารย์ศิริวรรณเขาครับ MSN skn2543@hotmail.com ทีมงานเว็บไซต์ไม่ได้รับผิดชอบเว็บไซต์โรงเรียน ถึงแม้ว่าจะมีชื่อผมอยู่บนเว็บก็ตาม (ซากเหลือจากอดีต ถ้าอยากให้เล่าเรื่องที่มาที่ไปจะยาวหน่อย)

~nARAl< JuNG~ · 2005-04-10 00:44:53

อืม เข้าด้ายแล้วครับ เออ ที่ว่าอ่า เหลือซากอ่า เล่าให้ฟังหน่อย ยาวก้อเล่าเหอะๆๆ อยากรุ้งับ นะนะ

Kularb Chompoo - Fah · 2005-04-10 14:23:58

. การทำสีฉูดฉาด ที่ดูทุเรศ บาดตา และอ่านยาก (คุณคิดว่าผู้ใช้อยากจะลากเมาส์ทับเพื่ออ่านหรือ)
รู้สึกจะกระทบนะเนี่ยครับ

suannon @home · 2005-04-11 00:11:44

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

ในเว็บไซต์ข่าวและข้อมูลครับ ต้องคงไม่เห็น CNN BBC หรือแม้แต่ ไทยรัฐ ทำสีอย่างนี้นหรอกนะ (ปรับสีฉากหลังให้เข้ากับตัวอักษรชมพูฟ้าได้ แต่บอร์ดนี้มันเป็นอย่างนี้แหละ)

pokojang · 2006-04-27 18:56:11

ถ้าเว็ปโรงเรียนปรับปรุง ก้อแจ๋วไปเลย ถ้าปรับเปลี่ยนให้ดีเพิ่มข่าวสารเกี่ยวกับโรงเรียนก้อจะดี เพื่อประโยชน์ของนักเรียน ผู้ปกครองจะได้รับรู้

Yai Mook · 2006-05-11 18:34:42

Junno~* wrote:

6. การทำสีฉูดฉาด ที่ดูทุเรศ บาดตา และอ่านยาก (คุณคิดว่าผู้ใช้อยากจะลากเมาส์ทับเพื่ออ่านหรือ)
** ข้อนี้โดน 555

อืมๆโดนๆ

#1 2005-04-03 17:43:12

เอกลักษณ์ของเว็บสวนนนท์

#2 2005-04-03 21:35:38

Re: เอกลักษณ์ของเว็บสวนนนท์

#3 2005-04-04 11:29:03

Re: เอกลักษณ์ของเว็บสวนนนท์

#4 2005-04-04 14:20:12

Re: เอกลักษณ์ของเว็บสวนนนท์

#5 2005-04-04 14:56:51

Re: เอกลักษณ์ของเว็บสวนนนท์

#6 2005-04-06 01:02:33

Re: เอกลักษณ์ของเว็บสวนนนท์

#7 2005-04-06 04:07:56

Re: เอกลักษณ์ของเว็บสวนนนท์

#8 2005-04-06 10:48:08

Re: เอกลักษณ์ของเว็บสวนนนท์

#9 2005-04-06 12:50:28

Re: เอกลักษณ์ของเว็บสวนนนท์

#10 2005-04-06 19:17:24

Re: เอกลักษณ์ของเว็บสวนนนท์

#11 2005-04-07 13:05:57

Re: เอกลักษณ์ของเว็บสวนนนท์

#12 2005-04-10 00:44:53

Re: เอกลักษณ์ของเว็บสวนนนท์

#13 2005-04-10 14:23:58

Re: เอกลักษณ์ของเว็บสวนนนท์

#14 2005-04-11 00:11:44

Re: เอกลักษณ์ของเว็บสวนนนท์

#15 2006-04-27 18:56:11

Re: เอกลักษณ์ของเว็บสวนนนท์

#16 2006-05-11 18:34:42

Re: เอกลักษณ์ของเว็บสวนนนท์

Board footer