ระบบการจัดการทรัพยากร บนอินเทอร์เน็ต วัตถุประสงค์ การเรียนรู้ กรณีศึกษา Resource Management System on the Internet ระบบการจัดการทรัพยากร บนอินเทอร์เน็ต

Resource Management System on the Internet ระบบการจัดการทรัพยากรบนอินเทอร์เน็ต

สิ่งที่ต้องคำนึงถึง ความหลากหลายของแหล่งทรัพยากรสารสนเทศ ความหลากหลายของระบบคอมพิวเตอร์ที่อยู่ตามส่วนต่างๆ ของโลก จำนวนผู้ใช้ที่มีความคิดและความต้องการที่ต่างกัน Human-Computer Interface-HCI Usability

Human-Computer Interface-HCI ปฏิสัมพันธ์ระหว่างมนุษย์กับคอมพิวเตอร์ กระบวนการในการสื่อสาร ทำความเข้าใจกันระหว่างมนุษย์ซึ่งเป็นผู้ใช้กับคอมพิวเตอร์ซึ่งเป็นเครื่องมือที่ถูกใช้ คำทีเกี่ยวข้องและมีความหมายใกล้เคียงกัน HCI – Human Computer Interaction CHI – Computer Human Interaction MMI – Man-Machine Interface

ทำไมต้องเรียน HCI เป็นส่วนสำคัญที่ต้องปฏิบัติจริงของโปรแกรม เราเป็นผู้สร้างโปรแกรมสำหรับผู้ใช้อื่นๆไม่ใช่ตัวเอง User Interface (UI) ที่ไม่ดีทำให้ค่าใช้จ่ายในการปฏิบัติงานเพิ่มขึ้น เป็นเรื่องยากในการออกแบบ UI ที่ดี การเดาใจคนเป็นสิ่งที่ทำได้ยาก

HCI กับ User Interface คอมพิวเตอร์ปฏิสัมพันธ์ของมนุษย์เป็นสิ่งที่เกี่ยวข้องกับการออกแบบและการประเมินผลการดำเนินงานของระบบคอมพิวเตอร์แบบโต้ตอบสำหรับการใช้งานของมนุษย์และกับการศึกษาของปรากฏการณ์ที่สำคัญล้อมรอบพวกเขา ส่วนติดต่อผู้ใช้ที่เกี่ยวข้องกับแง่มุมทางกายภาพของระบบคอมพิวเตอร์ที่ผู้ใช้มีประสบการณ์โดยตรง เหล่านี้รวมถึงการป้อนข้อมูลและอุปกรณ์ส่งออกและโครงสร้างการสื่อสาร

Human vs Computer Computers Humans เร็ว(Fast) ประสิทธิภาพ(Efficient) ตายตัว(Rigid) ข้อจำกัด(finite) ช้า(Slower) ไม่ประสิทธิภาพ(Inefficient) หยืดหยุ่น(Flexible) ขยายตัวได้(expansive)

ความสำคัญของการออกแบบ User Interface User interface = computer system ปัญหาที่เกิดจาก User Interface ที่ไม่ดี ไม่เหมาะสม ความยุ่งยากของผู้ใช้ ความไม่พอใจ ความปลอดภัย

ความสำเร็จของ UI ความคุ้นเคย (Used) เป็นความสำเร็จสูงที่สุด เพราะมีความหมายรวมถึงความน่าใช้ หรือการทำให้ผู้ใช้เกิดความต้องการใช้ระบบอย่างจริงจัง สะดวกต่อการใช้งาน (Usable) สามารถใช้งาน และเข้าใจได้ง่าย โดยมีความปลอดภัย และปราศจากข้อผิดพลาด (Error) มีประโยชน์ (Useful) ระบบที่ถูกพัฒนาขึ้นต้องสามารถทำงานได้ตรงตามวัตถุประสงค์ที่วางไว้ตั้งแต่เริ่มต้น

องค์ประกอบของ Human-Computer Interface-HCI end-user ของ program Computer เครื่องที่โปรแกรมรัน หรือทำงาน Interface ผู้ใช้บอกความต้องการแก่คอมพิวเตอร์ คอมพิวเตอร์รายงานผลการปฏิบัติต่อผู้ใช้

ความสัมพันธ์ขององค์ประกอบต่างๆ การออกแบบ มนุษย์ งาน (Task) เทคโนโลยี

Interaction Styles Batch interface Command-line user interface Graphical user interface Direct manipulation

Batch interface non-interactive user interfaces ผู้ใช้กำหนดรายละเอียดของงานล่วงหน้าให้แก่ batch processing และรับ output เมื่อเสร็จสิ้นการประมวลผล

Command line user interface ข้อดี ยืดหยุ่นได้ expert users. สนับสนุนการใช้ script หรือ macros. เหมาะสำหรับการปฏิสัมพันธ์กับคอมพิวเตอร์บนเครือข่ายที่มีความเร็วในการรับส่งข้อมูล (bandwidth) ต่ำ

Command line user interface ข้อเสีย การ error สูง ไม่เหมาะสำหรับ non-expert user

Form Filling ข้อดี ทำให้การคีย์ข้อมูลเข้าง่าย สามารถกำหนดค่าล่วงหน้าได้ ข้อเสีย ใช้พื้นที่บนหน้าจอมาก

Menu Selection ข้อดี สำหรับผู้ใช้ทั่วไป ดึงดูด expert userถ้าต้องการการแสดงเพื่อการเลือกที่รวดเร็ว สนับสนุนการสำรวจคำสั่ง ช่วยในการตัดสินใจ ข้อเสีย เมนู overload

Direct Manipulation ข้อดี เห็นภาพชัด ง่ายต่อการเรียนรู้ สามารถหลีกเลี่ยง Errorsได้ง่าย กระตุ้นการสำรวจ ความพึงพอใจสูง ช่วยทางด้านความจำ

Direct Manipulation ข้อเสีย ยากในการเขียนโปรแกรม ไม่เหมาะกับการแสดงกราฟิกขนาดเล็ก บางครั้งผู้ใช้ไม่ชอบการนำเสนอ spatial and visual Expert user อาจไม่ชอบ

Bad designs

Bad designs

ทำยังไงถึงออกแบบให้มีประสิทธิภาพ ความปลอดภัย ความเชื่อถือ แก่ผู้ใช้สูงสุด HCI กับ User Interface

Usability Goals of HCI Safe Functional Usable •Easy to learn •Easy to use Usability

Good User interface = usability การใช้ประโยชน์ได้ user-friendly; easy to use; accessible; comprehensible

Speed of performance

การออกแบบโดยคำนึงถึงผู้ใช้ User-centered design “Know the users” รู้จักผู้ใช้ Novice สมัครเล่น Expert ผู้เชี่ยวชาญ Cognitive abilities ความสามารถ visual & aural perception เห็น ฟัง physical manipulation การควบคุมร่างกาย memory ความจำ Organizational / job abilities การจัดการ การทำงาน Keep users involved throughout project ให้ผู้ใช้มีความเกี่ยวข้องตลอดการทำงาน

RMSI Design Space Community Technology Services Content

Collection ? หนังสือ เสียง Video CAI & Courseware ภาพ เว็บไซต์ อีเมล์

วัตถุประสงค์ของการใช้ การจัดเก็บรักษาโดยการออกแบบฐานข้อมูลเพื่อรองรับการจัดเก็บด้วย ADPDBAPI Sqlite engine ขยายวงการเข้าใช้ ใช้ได้ทุกที่ ทุกเวลา เข้าถึงเนื้อหาฉบับเต็ม

พัฒนาโปรแกรม รองรับข้อมูลเนื้อหาสาระโดยการป้อนข้อมูล รองรับข้อมูล pdf ppt word‏ รองรับแฟ้มข้อมูลรูปภาพ เสียง video รองรับการสืบค้น เผยแพร่ได้ทั้ง Online และ Offline

เอกสารเก่า สแกน ถ่ายภาพ 2D 3D Special Media เช่น VR, Panorama

มาตรฐานรูปแบบการนำเสนอภาพ ภาพต้นฉบับ ภาพ สื่อสิ่งพิมพ์ ภาพสำหรับ Digital Archive Presentation Database Website Preview Format JPEG, TIFF TIFF JPEG GIF JPG PNG TIF Resolution Up to 350 dpi 72 dpi Size Up to 1840  1232 pixels Up to 1024  768 pixels  300  250 pixels  100  100 pixels

ชื่อไฟล์ภาพ ภาษาอังกฤษ ผสมตัวเลขตามรหัส เช่น v0001,p001 เป็นต้น ไม่ควรมีช่องว่าง ไม่ควรยาวมากเกินไป

เอกสารต้นฉบับดิจิทัล เอกสารจาก Word, Excel, PowerPoint ให้ความสำคัญกับ ฟอนต์มาตรฐาน ลักษณะการพิมพ์ Document Metadata

เลือกใช้ฟอนต์มาตรฐาน แบบอักษร (Fonts) เลือกใช้ฟอนต์มาตรฐาน ตระกูล NEW, UPC Tahoma Tahoma, MS Sans Serif, Thonburi

ปัญหาภาษาไทยกับสื่อดิจิทัล

Web Metadata Web Title URL :Uniform Resource Locator Meta Tag Description เนื้อหา 1 – 2 Kb ของเอกสารเว็บ Authors Keyword Generator H1, H2, H3 Tag Contents Alternate Text for Image/Multimedia

How Search Engine Work

Web Title <head> <title>NECTEC : Thailand : National Electronics and Computer Technology Center</title> </head> เปิดดูด้วยคำสั่ง View, Source

Web Title & Google

Meta tag: Description <head> </head> <META NAME="Description" CONTENT="มหาวิทยาลัยเกษตรศาสตร์เป็นสถาบันอุดมศึกษาที่เปิดสอนหลักสูตรทางการเกษตรแห่งแรกของประเทศไทย ถือกำเนิดมาจากโรงเรียนฝึกหัดครู ประถมกสิกรรม เมื่อ พ.ศ. 2460 ต่อมาได้ขยายและยกฐานะขึ้นเป็นวิทยาลัยเกษตรศาสตร์และพัฒนาจนกระทั่งก่อตั้งเป็นมหาวิทยาลัยเกษตรศาสตร์ โดยพระราชบัญญัติ มหาวิทยาลัยเกษตรศาสตร์ เมื่อวันที่ 2 กุมภาพันธ์ พ.ศ. 2486 ปัจจุบันมหาวิทยาลัยเกษตรศาสตร์ ประกอบด้วยวิทยาเขตที่เปิดเรียนแล้ว 5 วิทยาเขต และโครงการ จัดตั้ง 2 วิทยาเขต"> </head> เปิดดูด้วยคำสั่ง View, Source

Meta tag อื่นๆ Authors, Creator Keyword Generator

Author & Keyword <META NAME="Author" CONTENT="KMUTT University, Thailand, Bangkok"> <META NAME="Keywords" CONTENT=“KMUTT University, Thailand, University, Bangkok, Higher Education, Equality in Education, Colleges, School, Campuses, Faculty, Resource management system on the Internet">

กิจกรรม ใช้กลุ่มเดิมโดยแบ่งงานกันทำ ออกแบบฐานข้อมูลและตาราง ออกแบบ HCI กับ User Interface พัฒนาโปรแกรม โดยใช้หลักการ ADODBAPIs