คำสำคัญ ‘design’
Web Site Development Process – The life-cycle steps
โดย บุรินทร์ รุจจนพันธุ์ เมื่อ Tuesday, May 1st, 2012การสร้างงานและส่งออกไปเป็นเว็บเพจด้วย fireworks CS4
โดย บุรินทร์ รุจจนพันธุ์ เมื่อ Thursday, February 17th, 2011
firework
18 ก.พ.54 มีเพื่อนชื่อ ธรณ. สร้างงานไว้ด้วย Adobe Fireworks CS4 และใช้พัฒนาควบคู่ไปกับ Adobe Dreamweaver CS4 ซึ่งมีแนวทางการนำมาแก้ไขปรับปรุง ทั้งเปลี่ยนสี เปลี่ยนภาพ แต่ใช้ theme เดิม ดังนี้
1. เปิดแฟ้มต้นฉบับและทำงานออกแบบให้แล้วเสร็จ ตัวอย่างนี้เป็นภาพขนาด 2000 * 1000 pixels และจะเก็บในสกุล .png ซึ่งเป็นรูปแบบของ fire works ซึ่งขั้นตอนแรกมีรายละเอียดในการออกแบบ และใช้งานมากมายตามความซับซ้อนของเนื้องาน
2. จัดเก็บอีกครั้งด้วยการ save as เป็นแบบ Flattened PNG กำหนดขนาดเป็น 50% ผลคือแฟ้มนี้มีเพื่อนส่งออกไม่สามารถแก้ไขรายละเอียดได้ง่ายเหมือนต้นฉบับ และขนาดภาพคือ 1000 * 500 pixels เพื่อนำไปเป็นเว็บเพจ ซึ่งวางแผนไว้ว่าเว็บเพจกว้าง 1000 pixels และภาพถูกตัดออกเป็นชิ้นให้ download ได้อย่างรวดเร็ว แทนการใช้ภาพใหญ่เพียงภาพเดียว
3. ใช้ select tool สร้างพื้นที่ที่ต้องการตัด แล้วเลือก edit, insert, rectangular slice ผลการ slice จะเกิดขึ้นผลการตัดภาพใน web layer สำหรับเทคนิคตัดภาพนี้คล้ายกับที่เคยพบในโปรแกรม imageready แต่ปัจจุบันถูกรวมเข้าเป็นส่วนหนึ่งของ photoshop ตั้งแต่รุ่น CS2 ไปแล้ว หากจะตัดภาพทำ gif animation ก็ใช้ photoshop ได้เลย
4. ขั้นสุดท้ายส่งงานออกไปใช้ด้วยการเลือก file, export เป็น HTML and images ก็จะได้แฟ้ม html พร้อมภาพอีกหลายภาพ ที่จะไปใช้งานใน dreamweaver หรือควบคุมด้วย php ใน editor ใด ๆ ต่อไป
+ http://www.thaiall.com/fireworks/
เหตุที่ผมเลิกออกแบบเว็บไซต์ส่วนตัว แล้วแนะให้จิ้ม
โดย บุรินทร์ รุจจนพันธุ์ เมื่อ Sunday, November 14th, 201014 พ.ย.53 มีเจ้าของธุรกิจคนหนึ่ง อีเมลถามผมว่า เขาชอบเว็บเพจในเว็บไซต์แห่งหนึ่ง แล้วส่งมาให้ผมดู 3 หน้า ถ้าไปจ้างนักพัฒนา เขาจะต้องบอกว่าอย่างไร ซึ่งเว็บเพจทั้ง 3 หน้ามีจุดที่น่าสนใจ คือ รูปภาพ กราฟฟิก และวีดีโอ แสดงว่าเขาให้ความสนใจกับภาพ และวีดีโอในเว็บเพจ ถือเป็นประเด็นสำคัญมากกว่าองค์ประกอบอื่น เพราะทั้งโครงเว็บไซต์ และเทคนิคเชิงโปรแกรมในเว็บเพจที่เขาสนใจนั้นไม่มีความซับซ้อน .. ผมก็บอกว่าถ้าไปจ้างง่ายเลยครับ บอกผู้รับจ้างว่าขอถูก ๆ มีภาพ และแบบให้แล้ว .. แต่ปัญหาคือ content และภาพที่เขาสนใจนั้น เจ้าของธุรกิจมีในมือหรือไม่ เพราะเชื่อได้ว่าถ้าเขาไปจ้างโดยไม่มีแนวคิดหรือภาพในมือ แล้วนักพัฒนาก็คงทำได้ในเชิงเทคนิค และโครงสร้างเว็บเท่านั้น แต่จะหาภาพที่เขาชอบในมุมของเจ้าของธุรกิจ เรียนรู้กันนาน .. แต่ถ้าเป็นโครงสร้างเว็บกับสีสวย .. ผมก็แนะว่าใช้นิ้วจิ้มครับ ได้เรื่องแน่นอน คือจิ้มไปที่แบบ free template สักแบบหนึ่งที่มีเผยแพร่นั่นเอง .. แค่นั้นคืนเดียวก็เสร็จครับ เพราะไม่ต้องนั่งลองผิดลองถูกอีก
เป็นเหตุให้ผมขุดความทรงจำเรื่อง template มาได้ ว่าเคยจัดอบรมเรื่องเทมเพจเมื่อปี 2548 และผลการอบรมครั้งนั้น ทำให้ผมรู้ว่าโลกนี้มีความสวยงามอยู่มากมายและหลากหลาย ตั้งแต่นั้นผมจึงไม่ให้เวลากับการออกแบบเว็บไซต์อย่างที่ควร เพราะวัตถุประสงค์ของเว็บไซต์ คือ การให้ข้อมูลมิใช่การออกแบบ ถ้าจะออกแบบให้สวยงาม ก็แค่ชี้นิ้วไปยังเทมเพจที่ต้องการ แล้วก็เนรมิตในเวลาชั่วข้ามคืน ซึ่งนักพัฒนาที่รับจ้าง สามารถรับงานพัฒนาเว็บเพจที่สวยที่สุดในเวลาชั่วข้ามคืนเท่านั้น ถ้ารู้จักการใช้ template แต่ถ้ามานั่งออกแบบเองก็คงไม่มีอะไรรับประกันได้ว่าจะถูกใจเจ้าของธุรกิจคนนั้นหรือไม่ .. เพราะอังกฤษ อเมริกา อินเดีย จีน พม่า ต่างก็มองผู้หญิงสวยกันไปคนละแบบ แต่วัตถุประสงค์ของการมีคู่ครองคงมิใช่ความสวยเพียงอย่างเดียว นางงามจักรวาลก็ยังเลิกกับสามีมาแล้วหลายคน เพราะความสวยอย่างเดียวไม่พอ ต้องดูเนื้อหาเป็นสำคัญครับ ว่าจะอยู่กันยืดหรือไม่ .. ดังโบราณท่านว่ารักง่าย หน่ายเร็ว .. เว็บไซต์ขององค์กรหลายแห่งเห็นสวยมาหลายรุ่น เมื่อเปลี่ยนผู้ดูแล ความสวยนั้นก็ถูกหน่ายไปในที่สุด ที่ยังต้องอยู่คือเนื้อหา และวัตถุประสงค์ที่ชัดเจนสอดรับกับแผนกลยุทธ์ขององค์กร
http://www.thaiall.com/template
http://www.freelayouts.com
http://www.templatesbox.com/templates.htm
http://www.steves-templates.com/templates.html
ระบบการปรับปรุงรายงานขาดลาสายออนไลน์
โดย บุรินทร์ รุจจนพันธุ์ เมื่อ Friday, January 22nd, 201022 ม.ค.53 วัตถุประสงค์ของระบบคือ ปรับปรุงข้อมูลที่ใช้รายงานจำนวนวันและชั่วโมง ที่บุคลากร ขาด ลา และสาย ให้บริการแก่บุคลากร หัวหน้างาน และผู้บริหาร ให้เป็นข้อมูลอ้างอิงที่สรุปภาพรวมของแต่ละเดือน กลไกที่รับผิดชอบในการดำเนินการตามระบบ คือ บุคากรที่หัวหน้างานทรัพยากรบุคคลมอบหมายให้ดำเนินการมีหน้าที่ดำเนินการทุกสิ้นเดือน และทำไปพร้อมกับการจัดทำรายงานการขาดลาสายของบุคลากรเสนอต่อผู้บริหาร
มีขั้นตอนดังนี้ ๑) จัดทำรายงานการขาดลาสายของบุคลากรเสนอต่อผู้บริหาร แล้วบันทึกข้อมูลด้วย MS Excel ๒) เปิดแฟ้มข้อมูลต้นแบบ ๔ แฟ้มในเครื่องของตนเอง คือ ๒.๑ แฟ้มข้อมูลบุคลากร (empl.csv) ๒.๒ แฟ้มข้อมูลการขาดลาของเจ้าหน้าที่ (leavework_officer.csv) ๒.๓ แฟ้มข้อมูลการขาดลาของพนักงาน (leavework_empl.csv) ๒.๔ แฟ้มข้อมูลการขาดลาของอาจารย์ (leavework_ajarn.csv) แล้วปรับปรุงข้อมูลด้วยการเพิ่มข้อมูลเดือนใหม่ หรือเพิ่มลบบุคลากร ๓) เข้าสู่ระบบ e-document ของมหาวิทยาลัยในห้อง person ๔) upload แฟ้มทั้ง ๔ ที่มีรูปแบบเป็น CSV ๕) เข้าระบบอินทราเน็ตตรวจสอบการปรับปรุงว่ามีการรายงานข้อมูลการขาดลาสายถูกต้องหรือไม่ ๖) แจ้งให้ผู้เกี่ยวข้องได้รับทราบ
ระบบหรือขั้นตอนการปรับปรุงผลการเรียนออนไลน์
โดย บุรินทร์ รุจจนพันธุ์ เมื่อ Friday, January 22nd, 201022 ม.ค.53 นำขั้นตอนเดิมที่เผยแพร่เมื่อ 25 พ.ย.2552 มาปรับปรุง และประชาสัมพันธ์ให้เกิดการคิดต่อในการเขียนระบบและขั้นตอนของงานหน่วยอื่นต่อไป โดยมีรายละเอียดใหม่ดังนี้ วัตถุประสงค์ของระบบคือ ปรับปรุงข้อมูลผลการเรียนของนักศึกษา ที่ให้บริการแก่นักศึกษาตรวจผลการเรียนด้วยตนเองผ่านระบบอินเทอร์เน็ต ให้เป็นข้อมูลล่าสุดหลังจากคณะวิชาส่งผลการเรียนทุกสิ้นภาคการศึกษา กลไกที่รับผิดชอบในการดำเนินการตามระบบ คือ บุคลากรที่หัวหน้างานทะเบียนมอบหมายให้ดำเนินการมีหน้าที่ดำเนินการทุกสิ้นภาคการศึกษา และหลังเปิดภาคเรียนไปแล้วประมาณ ๓ สัปดาห์
มีขั้นตอนดังนี้ ๑) งานทะเบียนรับผลการเรียนจากอาจารย์ผู้สอนในแต่ละคณะวิชา ๒) ตรวจสอบความถูกต้องของข้อมูล แล้วกรอกข้อมูลเข้าสู่ระบบฐานข้อมูล ๓) เลือกส่งออกข้อมูลที่จำเป็นไปเป็นแฟ้มข้อมูลเฉพาะเรื่อง ได้แก่ แฟ้มผลการเรียน แฟ้มอาจารย์ และแฟ้มวิชา ให้อยู่ในแฟ้มที่มีรูปแบบเป็น CSV ๔) เข้าสู่ระบบ e-document ของมหาวิทยาลัยในห้อง grade ๕) upload แฟ้มผลการเรียนเฉพาะเรื่องที่มีรูปแบบเป็น CSV สำหรับแฟ้มผลการเรียนให้แยกเป็นภาคเรียนละ ๑ แฟ้ม ๖) สั่งปรับปรุงข้อมูลในเครื่อง yn1 โดยใช้ข้อมูลจากเครื่อง it ให้มีข้อมูลตรงกัน โดยมีตัวอย่าง URL ดังนี้ http://yn1.yonok.ac.th/grade/_regist20083.php ๗) ตรวจสอบผลการปรับปรุงว่านักศึกษาได้ข้อมูลผลการเรียนล่าสุดของตนหรือไม่ จาก URL ดังนี้ http://www.yonok.ac.th/grade ๘) ประชาสัมพันธ์ให้คณะวิชา และนักศึกษาได้รับทราบ
นิยามศัพท์เฉพาะ ที่เกี่ยวข้องกับระบบฐานข้อมูล
โดย บุรินทร์ รุจจนพันธุ์ เมื่อ Sunday, December 13th, 200913 ธ.ค.52 ปีการศึกษานี้เริ่มการประเมินความพึงพอใจของผู้ใช้ระบบฐานข้อมูล ซึ่งหลายท่านไม่ทราบนิยามศัพท์ของคำต่าง ๆ ที่เกี่ยวข้องจึงได้จัดทำ นิยามศัพท์เฉพาะ ที่เกี่ยวข้องกับระบบฐานข้อมูล โดยรับความอนุเคราะห์เรียบเรียงจาก อ.วิเชพ ใจบุญ และ อ.เกศริน อินเทลา และเผยแพร่ให้ทุกคณะ และหน่วยงานได้รับทราบผ่านบันทึก งทส. ๔๑/๒๕๕๒ โดยมีรายละเอียดดังนี้
๑. ระบบฐานข้อมูล (Database System) คือ การรวมและจัดเก็บข้อมูลที่มีความสัมพันธ์กันเข้าด้วยกัน (Integration) โดยมีการจัดกลุ่มข้อมูลให้อยู่ในรูปตาราง (Grouping) ที่สามารถเชื่อมโยงตารางทั้งหมดเข้าหากัน(Sharing) เพื่อลดความซ้ำซ้อนในการจัดเก็บ (Non Redundancy) ไม่มีความขัดแย้งของข้อมูล (Inconsistency) และมีความคงสภาพของข้อมูล (Integrity)
๒. ข้อมูล (Data) คือ ค่าของความจริงที่ปรากฏขึ้น โดยค่าความจริงที่ได้จะนำมาจัดการ ปรับแต่งหรือประมวลผล เพื่อให้ได้สารสนเทศที่ต้องการ
๓. สารสนเทศ (Information) คือ กลุ่มของข้อมูลที่ผ่านการประมวลผลตามกฎเกณฑ์ เพื่อให้ข้อมูลเหล่านั้นมีความหมายและมีประโยชน์ตามความต้องการของผู้ใช้
๔. ระบบ (System) คือ สิ่งที่ประกอบขึ้นมาจากหน่วยย่อยหรือองค์ประกอบย่อย ที่มีความสัมพันธ์และทำหน้าที่ร่วมกัน เพื่อให้บรรลุวัตถุประสงค์ที่กำหนดไว้
๕. ระบบ (System) มีความหมายอธิบายในคู่มือของ สกอ. (พ.ค.52) หน้า 222
ระบบ (System) ประกอบด้วย 1)วัตถุประสงค์ (Objective) 2)ปัจจัยนำเข้า (Input) 3)กระบวนการ (Process) และ 4)ผลผลิต (Output) แต่ในการประเมินตามคู่มือของ สกอ. คำว่าระบบ จะเน้นที่กระบวนการ หมายถึง ขั้นตอนการปฏิบัติงานที่มีการกำหนดอย่างชัดเจนว่าต้องทำอะไรบ้าง เพื่อให้ได้ผลออกมาตามที่ต้องการ ขั้นตอนการปฏิบัติงานจะปรากฎให้ทราบโดยทั่วกันไม่ว่าจะในรูปของเอกสารหรือสื่ออิเล็กทรอนิกส์หรือโดยวิธีการอื่น ๆ
๖. ระบบและกลไก มีความหมายอธิบายในคู่มือของ สกอ. (พ.ค.52) หน้า 162
ระบบและกลไก คือ ขั้นตอนการดำเนินงานต่าง ๆ ที่มีความสัมพันธ์และเชื่อมโยงกันอย่างเป็นระบบ โดยอาศัยบุคลากร ทรัพยากร กฎเกณฑ์ มาตรการ แนวปฏิบัติ และปัจจัยต่าง ๆ เป็นกลไกให้การดำเนินงานบรรลุเป้าหมาย
เรียบเรียงโดย อาจารย์คณะวิทยาศาสตร์และเทคโนโลยี




