Digital Library Design

1. Digital Library Design การออกแบบห้องสมุดดิจิทัล

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

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

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

5. HCI กับ User Interface • “Human-computer interaction is a discipline concerned with the design, evaluation and implementation of interactive computing systems for human use and with the study of major phenomena surrounding them. ” (ACM SIGCHI, 1992 p.6) • User Interface is concerned with the physical aspects of a computer system which the user experiences directly. These include the input and output devices and the dialogue structures. 25ACM SIGCHI Curricula for Human-Computer Interaction

6. Human vs Computer Computers Humans Slower Inefficient Flexible expansive. • Fast • Efficient • Rigid • finite.

7. ความสำคัญของการออกแบบ User Interface • User interface = computer system • ปัญหาที่เกิดจาก user interface ที่ไม่ดี ไม่เหมาะสมuser frustration, dissatisfaction, safety, public concerns

8. ความสำเร็จของ UI

9. องค์ประกอบของ Human-Computer Interface-HCI

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

11. Interaction Styles • Batch interface • Command-line user interface • Graphical user interface • Direct manipulation

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

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

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

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

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

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

18. Direct Manipulation • ข้อเสีย • ยากในการเขียนโปรแกรม • ไม่เหมาะกับการแสดงกราฟิกขนาดเล็ก • บางครั้งผู้ใช้ไม่ชอบการนำเสนอ spatial and visual • Expert user อาจไม่ชอบ • Tangible interfaces • Touch User Interface (TUI) • Non command user interfaces • Gesture interface

20. Bad designs

21. Bad designs

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

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

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

28. Speed of performance

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

32. หนังสือหายาก จดหมายเหตุ วิทยานิพนธ์ งานวิจัย ภาพ เอกสารต้นฉบับดิจิทัล อีเมล์ เว็บไซต์ เสียง Video CAI & Courseware SCORM LO MARC Record ISIS Bib DSpace Data Collection ?

33. วัตถุประสงค์ของการใช้วัตถุประสงค์ของการใช้ • การสงวนรักษา • ขยายวงการเข้าใช้ • ใช้ได้ทุกที่ ทุกเวลา • เข้าถึงเนื้อหาฉบับเต็ม

34. หาโปรแกรมที่เหมาะสม • รองรับข้อมูลทางบรรณานุกรม • รองรับข้อมูลสาระสังเขป • รองรับข้อมูลฉบับเต็ม (ดิจิทัล)‏ • รองรับแฟ้มข้อมูลรูปภาพประเภทต่าง ๆ • รองรับการสืบค้น • รองรับการเป็น archives • เลือกให้ตรงตามวัตถุประสงค์

35. Greenstone • Open Source • รองรับหลากหลาย Metadata • รองรับหลากหลาย Digital Format/Media • สร้างชุด Metadata ใหม่ได้ • เผยแพร่ได้ทั้ง Online และ Offline

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

37. มาตรฐานรูปแบบการนำเสนอภาพมาตรฐานรูปแบบการนำเสนอภาพ

38. 72-dpi & 300-dpi

39. กล้องถ่ายภาพดิจิทัล • ตั้งค่าวัน/เวลาของกล้องให้ถูกต้อง • กล้องจะบันทึก EXIF Metadata ฝังในไฟล์รูป • ถ่ายด้วยกล้องยี่ห้อใด รุ่นใด • วัน/เวลาที่ถ่ายภาพ • ใช้ Flash หรือไม่ • ความไวการถ่าย

40. Image Metadata

41. XnView & GIMP • เครื่องมือจัดการบริหารรูปภาพ • จัดการ Metadata • ย่อขนาดภาพปริมาณมากๆ

42. ชื่อไฟล์ภาพ • ภาษาอังกฤษ ผสมตัวเลข • ใช้เครื่องหมายเฉพาะ – • ไม่ควรมีช่องว่าง • ไม่ควรยาวมากเกินไป

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

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

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

46. การกำหนดคุณสมบัติของเอกสารการกำหนดคุณสมบัติของเอกสาร • MS – Office • File, Properties..

47. 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

48. How Search Engine Work

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

50. Web Title & Google