School of Information & Communication Technology

งานนำเสนอเรื่อง: "School of Information & Communication Technology"— ใบสำเนางานนำเสนอ:

1 School of Information & Communication Technology
Input Design Start Sanchai Yeewiyom School of Information & Communication Technology University of Phayao Next

2 การออกแบบการนำข้อมูลเข้า
วัตถุประสงค์ เพื่ออธิบายถึงจุดมุ่งหมายของการนำข้อมูลเข้า (Input) เพื่ออธิบายถึงความแตกต่างระหว่าง Data Capture, Data Entry และ Data Input เพื่ออธิบายถึงความแตกต่างระหว่างการนำข้อมูลเข้าแบบ ช่วงเวลา (Batch Line Input) และการนำข้อมูลเข้าแบบ ออนไลน์ (Online Input) Back Next

3 วัตถุประสงค์ (ต่อ) วัตถุประสงค์
เพื่อแจกแจงและอธิบายถึงการตรวจสอบข้อมูลก่อนการ นำข้อมูลเข้า เพื่ออธิบายถึงผลกระทบของการออกแบบเอกสารที่เป็น แหล่งข้อมูล (Source Document) เพื่อสามารถออกแบบใบระเบียนการนำข้อมูลเข้า (Input Records) เพื่ออธิบายถึงแนวทางที่มีผลต่อการออกแบบหน้าจอ Back Next

4 วัตถุประสงค์ (ต่อ) วัตถุประสงค์ เพื่ออธิบายการออกแบบหน้าจอดาต้าเอนทรี
(Data Entry Screens), หน้าจอควบคุมการปฏิบัติงาน (Process Control Screens), กราฟิกที่ติดต่อกับผู้ใช้ (Graphical Use Interfaces), และหน้าจอช่วยการทำงาน (Help Screens) เพื่ออธิบายเทคนิคที่ใช้ควบคุมการนำข้อมูลเข้า (Input Data) Back Next

5 ความหมายของ Data Capture, Data Entry, Data Input
Back Next

6 ขั้นตอนในการออกแบบการนำข้อมูลเข้า
มี 6 ขั้นตอน คือ การออกแบบหรือปรับปรุงเอกสารที่เป็นแหล่งข้อมูล (Source Document) การออกแบบขั้นตอนการนำข้อมูลเข้าระบบ การออกแบบใบระเบียนการนำข้อมูลเข้า (Input Records) การออกแบบหน้าจอดาต้าเอนทรี การออกแบบส่วนติดต่อผู้ใช้ (User Interface Screens) 6. การออกแบบการควบคุมการนำข้อมูลเข้า (Input Control) Back Next

7 จุดมุ่งหมายในการออกแบบการนำข้อมูลเข้า
เพื่อให้ได้ข้อมูลที่มีคุณภาพเข้าสู่ระบบ กระทำได้โดย 1. มีการเลือกใช้สื่อและวิธีการที่เหมาะสมในการนำข้อมูลเข้า 2. มีการนำข้อมูลเข้าอย่างมีประสิทธิภาพ 3. มีการลดปริมาณของข้อมูลที่ต้องเข้าระบบ 4. มีการลดความผิดพลาดของข้อมูลที่นำเข้าระบบ Back Next

8 การเลือกใช้สื่อกลางและวิธีการที่เหมาะสมในการนำข้อมูลเข้า
วิธีการนำข้อมูลเข้าแบ่งเป็น 2 แบบ คือ การนำข้อมูลเข้าแบบออนไลน์ (Online) ผู้ใช้สามารถนำข้อมูลเข้าได้โดยตรง ต้องมีการออกแบบ Data Entry ให้มีรูปแบบที่สามารนำข้อมูลเข้าได้ตลอดเวลา การนำข้อมูลเข้าแบบช่วงเวลา (Batch) Data Entry จะถูกใช้เป็นช่วงๆ อาจเป็นชั่วโมง เป็นวัน หรือเป็นสัปดาห์ ขึ้นอยู่กับลักษณะการรวบรวมข้อมูล หรือขึ้นกับแหล่งข้อมูล Back Next

9 สื่อที่ใช้ในการนำข้อมูลเข้า
เครื่องมือที่ใช้ในการเข้าข้อมูล (Input Device) คำอธิบาย (Description) Back คีย์บอร์ด (Keyboard) การเข้าข้อมูลเข้าส่วนใหญ่มักใช้เครื่องมือ นี้โดยเฉพาะในแบบการนำข้อมูลเข้าแบบ ออนไลน์ หรืออาจใช้การบันทึกที่คีย์ ก่อนแล้วค่อยผ่านเข้าระบบ ส่วนในกรณี เครื่องเทอร์มินอล (Terminal) แบ่งเป็น 2 แบบ คือ แบบแรกใช้คีย์บอร์ดในการ แสดงหน้าจอและแบบที่ 2 สามารถเก็บข้อมูล หรือทำการประมวลผลได้โดยผ่านคีย์บอร์ด Next

10 สื่อที่ใช้ในการนำข้อมูลเข้า
เครื่องมือที่ใช้ในการเข้าข้อมูล (Input Device) คำอธิบาย (Description) Back เมาส์ (Mouse) เป็นเครื่องมือตัวเล็ก ๆ ที่ใช้เคลื่อนเคอร์เซอร์ (Cursor) บนหน้าจอและใช้ในการเลือกหัวข้อ ในการทำงาน (Option) ทัชสกรีน (Touch screen) เป็นการติดต่อกับผู้ใช้โดยการแตะที่หน้าจอ เพื่อเลือกหัวข้อในการทำงาน Next

11 สื่อที่ใช้ในการนำข้อมูลเข้า
เครื่องมือที่ใช้ในการเข้าข้อมูล (Input Device) คำอธิบาย (Description) Back ทัช-โทน เทเลโฟน การใช้โทรศัพท์โดยผู้ใช้กดปุ่มของเครื่อง (Touch-tone telephone) โทรศัพท์เพื่อส่งรายการ (Transactions) ตัวอย่าง เช่น การโอนเงินผ่านโทรศัพท์ หรือ การลงทะเบียนนักศึกษา เป็นต้น เครื่องมือนำเข้าข้อมูลแบบ เครื่องมือแบบนี้จะหมายถึง ปากกาแสง กราฟิก (Graphic input (Light Pen) ดิจิไตเซอร์ (Digitizer) หรือ device) กราฟิกแทเบล็ท (Graphic Tablet) ซึ่งนำข้อมูล ที่เป็นรูปกราฟิก (Graphic) เข้าเครื่อง Next

12 สื่อที่ใช้ในการนำข้อมูลเข้า
เครื่องมือที่ใช้ในการเข้าข้อมูล (Input Device) คำอธิบาย (Description) Back เครื่องมือเสียง เครื่องมือนี้เป็นการใช้คำพูดหรือเสียงป้อน เข้าเครื่อง เครื่องอ่าน MICR เครื่องมือนี้เป็นเครื่องอ่านตัวอักษรแม่เหล็ก โดย ผู้ใช้รุ่นแรก คือ ธนาคารที่ใช้หมึกที่เป็นแม่เหล็ก พิมพ์ตัวอักษรลงในเช็ค สแกนเนอร์(Scanner)/ เครื่องมือนี้เป็นเครื่องที่ใช้อ่านรหัสที่พิมพ์เป็นตัว เครื่องออพติคอล (Optical อักษร และรูปภาพได้โดยตรงจากดาต้าแคปเจอร์ recognition device) (Data Capture) Next

13 สื่อที่ใช้ในการนำข้อมูลเข้า
เครื่องมือที่ใช้ในการเข้าข้อมูล (Input Device) คำอธิบาย (Description) Back เครื่องเก็บข้อมูล เครื่องมือนี้เป็นเครื่องนำข้อมูลเข้าเฉพาะ เช่น (Data collection device) ตามโกดังเก็บของ ตามร้านค้า มีเครื่องนำข้อมูล เข้า คือ บาร์โค้ดเพื่อเช็คสินค้า เป็นต้น Next

14 การนำข้อมูลเข้าอย่างมีประสิทธิภาพ
การนำข้อมูลเข้าอย่างมีประสิทธิภาพมีปัจจัยที่สำคัญ คือ เวลาที่ใช้ในการนำข้อมูลเข้า ซึ่งเมื่อมีข้อมูลที่ต้องนำเข้าจำนวนมาก เวลาก็ยิ่งมีความสำคัญมาก ดังนั้น การออกแบบการนำข้อมูลเข้าที่ดีควรหลีกเลี่ยงคอขวดที่จะเกิดขึ้นได้โดยทำการสังเกตแล้วทำการแก้ไข โดยเช็คดูว่าปัญหาที่เกิดขึ้นนั้นเกิดจากสาเหตุใด เช่น อาจเกิดจากการจัดเวลาของพนักงานไม่สอดคล้องกับการนำข้อมูลเข้า ดังนั้นจะต้องมีการปรับแก้เวลาพนักงานให้ถูกต้อง Back Next

15 การลดปริมาณการนำข้อมูลเข้า
การลดปริมาณการนำข้อมูลเข้าก็เพื่อลดจำนวนและขนาดของข้อมูลในการ นำเข้า การลดปริมาณการนำข้อมูลเข้าเท่ากับเป็นการช่วยลดค่าใช้จ่ายทางด้าน แรงงาน ลดเวลาในการทำงานของเครื่องคอมพิวเตอร์ และลดความผิดพลาด ของข้อมูล แนวทางการลดปริมาณการนำข้อมูลเข้าระบบมี 4 แนวทาง คือ 1. การนำข้อมูลเข้าเฉพาะที่มีความสำคัญ 2. อย่านำข้อมูลซึ่งสามารถดึงมาจากแฟ้มข้อมูลอื่น หรือสามารถคำนวณได้จากข้อมูลอื่นมาเป็นข้อมูลเข้า 3. อย่านำเข้า ข้อมูลที่เป็นค่าคงที่เช่น วันที่ป้อนข้อมูล กรณีที่ใช้รหัสแทนข้อมูลนั้นได้ ก็ควรที่จะใช้รหัส เนื่องจากใช้เวลาในการบันทึกสั้นกว่าการต้องป้อนข้อมูลทั้งหมด ซึ่งจะช่วยในการลดเวลาในการป้อนข้อมูลและประหยัดหน่วยความจำ Back Next

16 การลดความผิดพลาดของนำข้อมูลเข้าระบบ
การตรวจสอบการเรียงลำดับ (Sequence Checks) การตรวจสอบว่ามีการนำข้อมูลเข้า (Existence Checks) การตรวจสอบประเภทของข้อมูล (Class Checks) การตรวจสอบช่วงของข้อมูล (Range Checks) การตรวจสอบความสมเหตุสมผล (Reasonableness Checks) การตรวจสอบความถูกต้อง (Validity Checks) Back Next

17 การลดความผิดพลาดของนำข้อมูลเข้าระบบ
การตรวจสอบความสัมพันธ์ของข้อมูล (Combination Checks) การตรวจสอบในกรณีการนำข้อมูลเข้าเป็นช่วงเวลา (Batch Input Checks) Back Next

18 เอกสารที่ใช้เป็นแหล่งข้อมูล (Source Document)
เอกสารที่เป็นแหล่งข้อมูล หมายถึง เอกสารที่ใช้ในการรวบรวมข้อมูล เช่น จดหมายเวียน เอกสารบันทึกข้อมูล แบบฟอร์มต่างๆ เป็นต้น ซึ่งเอกสารที่เป็นแหล่งข้อมูล ก็คือ Data Capture ที่ใช้เพื่อเป็นกลไกในการเก็บรวบรวมข้อมูล เพื่อเตรียมไว้นำข้อมูลเข้า และเตรียมเป็นระเบียนซึ่งใช้เป็นต้นฉบับของข้อมูล โดยตัวอย่างเอกสารที่ใช้เป็นแหล่งข้อมูลแสดงได้ดังสไลด์ถัดไป Back Next

19 On the line: Last Name First Name Birth Date / / Telephone ( )
Line Captions On the line: Last Name First Name Birth Date / / Telephone ( ) Above the line: Last Name First Name Birth Date Telephone / / ( ) Below the line: Last Name First Name / / ( ) Birth Date Telephone Combination: Name Last First Birth Date / / Telephone ( ) month day year area code number Boxed Captions in the box: Last Name First Name Below the box: Last Name First Name Check Off Horizontal: Freshman Sophomore Junior Senior Vertical: Enter your class status: Freshman Sophomore Junior Senior Back Next

20 การเรียงลำดับโซนต่าง ๆ ในเอกสาร
โซนหัวกระดาษ โซนควบคุม โซนแนะนำการใช้ โซนเนื้อหา โซนผลรวม โซนลงนาม Back Next

21 ตัวอย่างเอกสารที่ใช้เป็นแหล่งข้อมูล
KING REGISTRATION FORM MONGKUT UNIVERSITY Student Number Semester/Year Last Name First Name Initial Local Telephone Number Date Street Address City State Zip Course Section Subj. Number (A, A1, 01) Cr Days Times Room Bidg. Total Credits = Date Received/Initial Advisor Approval Date

22 GALLAGHER IMPORTS EMPLOYEE NUMBER EXPENSE VOUCHER DEPARTMENT
List each expense separately. Attach receipts for all expenses except those for meals, personal car use, parking, tolls,taxis, and tips. Date Automobile Meals Lodging Other Total Miles Cost Br/Lun/Din Cost Description Cost Expense Totals: Less Advance I certify that this statement of account is correct. Signature of Employee Date Net Total Approved By Date heading zone control body totals authorization

23 BATES VIDEO CLUB-- MEMBERSHIP APPLICATION
Print the following information: Name Address City State Zip Code Home Phone Work Phone Security: Check the applicable box VISA [ ] Card# MasterCard [ ] American Express [ ] Other [ ] Expiration Date I agree to the following video club membership terms: 1. I may keep no rented video for longer than seven (7) days. 2. I may have no more than ten (10) rented videos at any one time. 3. If I fall to comply with the above terms, I understand that I will be obligated to return all rented videos at once, and that my video club membership may then be terminated. Signed Date For office use only: Accepted: [ ] Member Number: [ ] Date: [ ] Rejected: [ ]

24 BATES VIDEO CLUB - VIDEO RENTAL FORM
Member Number Date Title ID# Rental Fee Date Returned Total Rental Amount: I agree to return the above rented videos within seven (7) days. Signed:

25 การออกแบบใบระเบียนนำข้อมูลเข้า (Input Record Design)
การออกแบบระเบียนข้อมูล จะใช้ในกรณีเมื่อเป็นการนำข้อมูลเข้าระบบแบบใช้ช่วงเวลา เนื่องจากต้องมีการรวบรวมข้อมูลก่อนมีการนำข้อมูลเข้า การนำข้อมูลเข้าที่รวบรวมนั้นต้องมีการเก็บไว้ในแฟ้มข้อมูลชั่วคราว ซึ่งแฟ้มข้อมูลชั่วคราวนั้น จะกลายเป็นแฟ้มข้อมูลที่ถูกนำเข้า ดังนั้นจึงมีการใช้ใบระเบียนนำข้อมูลเข้า เพื่อใช้ในการบันทึกเฉพาะข้อมูลที่จำเป็นต้องเข้าเครื่องโดยใช้โปรแกรมพิมพ์งาน (Word Processor) และใช้พจนานุกรมข้อมูล (Data Dictionary) ในการอธิบายรูปแบบของระเบียนนั้นทั้งหมด Back Next

26 ใบรายการบันทึกข้อมูลการลงทะเบียนของนักศึกษา

27 พจนานุกรมข้อมูลใบระเบียนการนำข้อมูลเข้าการลงทะเบียนของนักศึกษา
SYSTEM DOCUMENTATION NAME OF SYSTEM DATE PAGE 1 OF 1 REGISTRATION /17/97 ANALYST PURPOSE OF DOCUMENTATION M. Friedman Registration Input Record Layouts STUDENT RECORD - One record is created for each registration form FIELD TYPE POSITIONS COMMENTS REC TYPE A = “S“ for a student record STUDENT NUMBER N SEMESTER A = “F“ for Fall, “W“ for Winter, “S“ for Summer YEAR N Last two digits of the year NAME X Only the first four characters of the Last Name are entered COURSE RECORDS - One record is created for each course on the form FIELD TYPE POSITIONS COMMENTS REC TYPE A = “C“ for a course record SUBJ A Standard department abbreviation COURSE NUMBER N SECTION X Left-justified พจนานุกรมข้อมูลใบระเบียนการนำข้อมูลเข้าการลงทะเบียนของนักศึกษา

28 แบบฟอร์มการลงทะเบียน
BAXTER COMMUNITY REGISTRATION FORM F / 97 COLLEGE Student Number Semester/Year SANDERS KIMBERLY M / 5 / 97 Last Name First Name Initial Local Telephone Number Date 1701 W.EMBERS DRIVE HAMPTON NH Street Address City State Zip Subj. Course Section Cr Days Times Room Bidg. Number (A, A1, 01) ENG E M W F CON MTH B M T W Th F BAX CS C T Th : BAX PHI A M W F AUG PE C T Th GYM 5 / 6 / SM S. Cantez May 5, Total Credits = 16 Date Received / Initial Advisor Approval Date student record course records

29 แสดงการป้อนข้อมูลตามการจัดเรียงที่ไม่ถูกต้อง
XXXXXX START XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX

30 แสดงการป้อนข้อมูลตามการจัดเรียงที่ถูกต้อง
START XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX

31 การออกแบบหน้าจอรับข้อมูล
การออกแบบหน้าจอรับข้อมูลทั้งหมดมีจุดมุ่งหมาย 2 อย่าง คือ เพื่อนำเสนอข้อมูล และช่วยในการปฏิบัติงานของผู้ใช้ระบบ มีแนวทางในการออกแบบที่ต้องพิจารณาคือ หน้าจอทั้งหมดที่ปรากฏควรดึงดูดใจให้อยากใช้งาน ไม่ควรแน่นเกินไป Back Next

32 การออกแบบหน้าจอรับข้อมูล แนวทางในการออกแบบหน้าจอรับข้อมูลมีแนวทาง ดังนี้
Back เมื่อเข้าไปที่หน้าจอรับข้อมูล Cursor ต้องอยู่ที่ตำแหน่งแรกของข้อมูลรับตามเนื้อหาของหน้าจอนั้น ตำแหน่งนั้นควรอยู่มุมบนซ้ายมือ หลังจากผู้ใช้ใส่ข้อมูลแล้ว Cursor ควรเลื่อนไปที่ช่องรับข้อมูลถัดไปเสมอ คือ ด้านล่างหรือด้านข้างถัดไปเพื่อให้การป้อนข้อมูลเป็นธรรมชาติจากบนซ้ายไปขวา แล้วจึงลงมาบรรทัดใหม่ 2. ทุกช่องรับข้อมูลต้องมีคำอธิบาย โดยแสดงกำกับที่ช่องนั้น ซึ่งจะต้องระบุให้ชัดเจนและอยู่ในตำแหน่งที่ถูกต้องและควรมีรูปแบบเดียวกันเพื่อให้ผู้ใช้ไม่สับสนในการทำงาน Next

33 การออกแบบหน้าจอรับข้อมูล
3. ถ้าช่องรับข้อมูลนั้นมีรูปแบบเฉพาะให้แสดงรูปแบบเฉพาะนั้นเพื่อให้ผู้ใช้ป้อนข้อมูลไม่ผิดพลาด เช่น DD/MM/YYYY ในทุกครั้งที่ป้อนข้อมูลในช่องรับข้อมูลนั้นครบถ้วนให้ผู้ใช้กด “Enter” เพื่อไปยังช่องรับข้อมูลถัดไปหรือในกรณีที่ใส่ข้อมูลเท่าจำนวนของข้อมูลนั้นแล้ว Cursor ควรไปยังช่องรับข้อมูลถัดไปอัตโนมัติเพื่อรับข้อมูลถัดไป เพื่ออำนวยความสะดวกต่อผู้ใช้ Back Next

34 การออกแบบหน้าจอรับข้อมูล
กรณีข้อมูลรับเข้าเป็นตัวอักษรพิเศษแล้วควรออกแบบให้สามารถใส่ตัวอักษรพิเศษอัตโนมัติโดยผู้ใช้ไม่ต้องใส่เอง กรณีข้อมูลรับเข้าต้องการแสดงผลการรับเป็นเลข “0” ให้แสดงโดยผู้ใช้ไม่ต้องป้อนเอง กรณีที่ข้อมูลรับเข้าเป็นจำนวนเลขที่นำไปคำนวณค่าควรมี “,” คั่นหลักพันหรือจุดทศนิยมขึ้นอัตโนมัติ 8. กรณีช่องรับข้อมูลนั้นมีค่าที่สามารถกำหนด (Default) ได้ ระบบนั้นควรแสดงค่าที่กำหนดนั้น (Default) ที่ช่องนั้น Back Next

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

36 การออกแบบหน้าจอรับข้อมูล
12. ควรเตรียมปุ่มรับคำสั่ง เพื่อเคลื่อนย้าย Cursor ไปในฟิลด์ ต่าง ๆ ในหน้าจอเพื่อให้ผู้ใช้ได้แก้ไขก่อนจะบันทึกเข้าเครื่อง เช่น ปุ่ม TAB เป็นต้น 13. ถ้าผู้ใช้ Data Capture เพื่อป้อนข้อมูล ในการออกแบบหน้าจอ Data Entry นั้นควรให้สอดคล้องกับ Data Capture นั้น Back Next

37 การออกแบบหน้าจอรับข้อมูล
Back Next

38 หน้าจอดาต้าเอนทรี (Data Entry Screen)
Back Next

39 การออกแบบหน้าจอควบคุมการปฏิบัติงาน (Process Control Screen Design)
หน้าจอที่ออกแบบเพื่อควบคุมการปฏิบัติงาน เรียกว่า หน้าจอควบคุมการปฏิบัติงาน (Process Control Screen) หรือหน้าจอไดอะล็อก (Dialogue Screen) ซึ่งต้องออกแบบให้ตอบสนองต่อผู้ใช้ระบบได้ทันที การออกแบบนี้ใช้ตอบสนองกับระบบสารสนเทศที่มีการประมวลผลแบบออนไลน์ (Online Process) Back Next

40 การออกแบบเมนู (Menu) หรือ พรอมท์ (Prompt)
การออกแบบเมนูโดยทั่วไปแล้ว เมนู หรือ พรอมพ์ ถูกนำไปใช้เพื่อนำ ข้อมูลเข้าได้หลายรูปแบบ ตัวอย่างพื้นฐานมีดังนี้ เมนูสกรีน คือหน้าจอแสดงตัวเลือกเรียงเป็นลำดับให้ผุ้ใช้เลือกเพียง 1 ตัวเลือก หน้าจอพรอมพ์ คือ หน้าจอรับคำสั่งจากผู้ใช้หลังพรอมท์ ซึ่งแสดงด้วย เครื่องหมาย ‘>’ โดยผู้ใช้สามารถป้อนคำสั่งควบคุมการปฏิบัติงานโดย อิสระ Back ตัวอย่าง 1 ตัวอย่าง 2 Next ตัวอย่าง 1 ตัวอย่าง 2

41 PROJECT TRACKING SYSTEM
เมนูแบบง่ายของระบบการประมวลผลแบบออนไลน์ (Online Processing) ของระบบ Project Tracking 05/23/ :15 PM 1. Add a project record 2. Change a project record 3. Delete a project record 5. Print the project report 6. Display the project report 7. Exit the project tracking system Use the keyboard arrow keys to highlight an option and then press [Enter] or type the option number PROJECT TRACKING SYSTEM 4. View a project record Back Next

42 1. Student Score Processing STUDENT SCORE PROCESSING MENU
MAIN MENU 1. Student Score Processing STUDENT SCORE PROCESSING MENU 1. Add a set of scores 2. Edit a set of scores 9. Return to Main Menu 2. Class List Processing CLASS LIST PROCESSING MENU 1. Add a new class list 2. Edit a class list 3. Report Processing REPORT PROCESSING MENU 1. Print reports without dropped scores 2. Print reports with dropped scores 3. Print a score date entry form 4. History Processing HISTORY PROCESSING MENU 1. Add a class to the history file 2. Search for a specific student 5. Class Setup Processing CLASS SETUP PROCESSING MENU 1. Add/Edit grading scale 2. Add/Edit score descriptions 3. Add/Edit maximum scores 4. Edit a student’s final grade 6. System Configuration CONFIGURE SYSTEM MENU 1. Configure entire system 2. Configure monitor and colors 3. Configure printer 4. Configure disk drive 9. Exit System Back Next

43 หน้าจอพรอมท์ (Prompt Screens)
Do you wish to add, edit, delete, display, or print records? >PRINT Which report do you want printed? >CLOSED CLASSES Printing… Do you want another report? >YES OPEN CLASSES > O Back Next N

44 หน้าจอพรอมท์ (Prompt Screens)
Back Do you wish to add, edit, delete, display, or print records? >ADD What source document will be used to add the records? >REGISTRATION Next

45 กราฟิกที่ใช้ติดต่อกับผู้ใช้ (GUI)
1. เมนูบาร์ (Menu Bar) ปุ่มเครื่องมือ (Tool Bar) แถบเครื่องมือ (Tool Bar) 2. เมนูพูลดาวน์ (Pull-Down Menu) 3. หน้าต่างป็อบอัพ (Pop-up Window) 4. เท็กซ์บ็อกซ์ (Text Box) 5. ปุ่มทอกเกิล (Toggle Button) 6. ลิสท์บ็อกซ์ (List Box) 7. ดรอปดาวน์ลิสท์บ็อกซ์ (Drop-Down List Box) 8. ปุ่มออพชั่น (Option Buttons) 9. เช็คบ็อกซ์ (Check Box) 10. ปุมคำสั่ง (Command Buttons) 11. แถบสปิน (Spin Bar) Back คลิกดูตัวอย่างเทคนิค GUI ทั้ง 8 แบบ Next

46 ตัวอย่างการใช้ GUI ที่ใช้แทนเมนูหลักของระบบการให้เกรด น.ศ.
Back Next Back

47 เมนูพูลดาวน์ (Pull-Down Menu)
Back Next

48 หน้าต่างป๊อบอัฟ (Pop-up Window)
Back Next

49 แสดงเทคนิคทาง GUI 8 แบบในการนำข้อมูลเข้าหรือเลือกคำสั่ง
Radio Button Back Next

50 การออกแบบหน้าจอช่วยการทำงาน (Help Screen Design)
Back การป้อนข้อมูลทางการศึกษา ในการป้อนข้อมูลการศึกษานั้น มีด้วยกัน 3 ภาคการศึกษา คือ ภาคที่ 1 ให้ใส่ค่า 1 ภาคที่ 2 ให้ใส่ค่า 2 ภาคฤดูร้อนให้ใส่ค่า 5 Next ปิด

51 Student Score processing Class Setup processing
เมนูช่วยผู้ใช้งาน Student Score processing Class List Processing Back Report Processing History Processing Class Setup processing Next System Configuration Close

52 Back Next

53 Back Next

54

55

56 Design Example Best Mobile UI UX Design
Best Free Mobile App UI PSD Design Best Responsive Web Design Best web design Top-class website templates Back Next

57 การควบคุมการนำข้อมูลเข้า (Input Control)
การควบคุมการนำข้อมูลเข้า คือ ตัววัดความสำเร็จของข้อมูลที่ใส่เข้าระบบว่ามีความถูกต้องสมบูรณ์ของข้อมูล ในกรณีนำข้อมูลเข้าแบบช่วงเวลา (Batch Input) นั้น สามารถทำได้โดยการนำเอกสารที่เป็นแหล่งข้อมูล (Source Document) มาตรวจสอบก่อนนำข้อมูลเข้าระบบ ในกรณีการนำข้อมูลเข้าแบบออนไลน์ (Online) นั้น สามารถดักข้อมูลต่าง ๆ ได้โดยการตรวจสอบข้อมูลก่อนนำเข้า Back Next

58 การออกแบบการการนำข้อมูลเข้าอัตโนมัติ (Automated Design Tools)
ปัจจุบันนี้จะมีโปรแกรมประยุกต์หลายแบบที่ช่วยในการผลิตการนำข้อมูลเข้าทั้งส่วนของการสร้างหน้าจอหรือแบบฟอร์มอัตโนมัติ นั่นคือ DBMS 4GL และ CASE ซึ่งจะช่วยให้การออกแบบการนำข้อมูลเข้าเป็นไปได้อย่างสะดวก รวดเร็ว ถูกต้อง และสวยงาม Back Next

59 สรุป ในบทนี้ได้เรียนรู้ในการออกแบบการนำข้อมูลเข้า ซึ่งมีเทคโนโลยีกว้างขวางมากขึ้นในการนำสื่อการนำข้อมูลเข้ามาใช้ได้มากขึ้น ซึ่งจะเป็นปัจจัยที่สำคัญในการพัฒนาให้การนำข้อมูลเข้านั้นมีประสิทธิภาพ นั่นคือ ทำให้เป็นการลดปริมาณการนำข้อมูลเข้าและลดความผิดพลาดของข้อมูลที่เข้าเครื่อง Back Next