Input Design Start Next Sanchai Yeewiyom School of

Input Design Start Next Sanchai Yeewiyom School of Information & Communication Technology University of Phayao System Analysis and Design Slide 1 from 54

การออกแบบการนำขอม ลเขา วตถประสงค Back Next เพออธบายถงจดมงหมายของกา รนำขอมลเขา (Input) เพออธบายถงความแตกตางระหว าง Data Capture, Data Entry และ Data Input เพออธบายถงความแตกตางระหว างการนำขอมลเขาแบบ ชวงเวลา (Batch Line Input) และการนำขอมลเขาแบบ ออนไลน (Online Input) System Analysis and Design Slide 2 from 54

วตถประสงค (ตอ ( วตถประสงค Back เพอแจกแจงและอธบายถงการตรว จสอบขอมลกอนการ นำขอมลเขา เพออธบายถงผลกระทบของการอ อกแบบเอกสารทเปน แหลงขอมล (Source Document) Next เพอสามารถออกแบบใบระเบยนการ นำขอมลเขา Slide 3 from (Input Records) 54 System Analysis and Design

วตถประสงค Back Next (ตอ ( วตถประสงค เพออธบายการออกแบบหนาจอดาต าเอนทร (Data Entry Screens), หนาจอควบคมการปฏบตงาน )Process Control Screens), กราฟกทตดตอกบผใช (Graphical Use Interfaces), และหนาจอชวยการทำงาน Slide 4 from (Help Screens) 54 System Analysis and Design

ความหมายของData Capture, Data Entry, Data Input • Data Capture หมายถง Back กระบวนการการจบขอมลเพอนำไปใช ในระบบคอมพวเตอร • Data Entry หมายถง หนาจอรบขอมลทผใชระบบนำ ขอมลผานเขาสภายในระบบคอมพวเ ตอร Next • Data Input หมายถง การนำขอมลเขาเพอบนทกในระบ Slide 5 from บคอมพวเตอร 54 System Analysis and Design

ขนตอนในการออกแบบการนำข อมลเขา ม 6 ขนตอน คอ 1. การออกแบบหรอปรบปรงเอกสารท เปนแหลงขอมล )Source Document ( 2. การออกแบบขนตอนการนำขอมล เขาระบบ Next 3. การออกแบบใบระเบยนการนำขอม ลเขา (Input Records( 4. การออกแบบหนาจอดาตาเอนทร Slide 6 from 54 5. การออกแบบสวนตดตอผใช System Analysis and Design Back

จดมงหมายในการออกแบบการ นำขอมลเขา Back Next เพอใหไดขอมลทมคณภา พเขาสระบบ กระทำไดโดย. 1 มการเลอกใชสอและวธการทเหม าะสมในการนำขอมลเขา. 2 มการนำขอมลเขาอยางมประสทธ ภาพ. 3 System Analysis and Design Slide 7 from 54

การเลอกใชสอกลางและวธการท เหมาะสมในการนำขอมลเขา วธการนำขอมลเขาแบงเปน Back 2 แบบ คอ § การนำขอมลเขาแบบออนไลน (Online) ผใชสามารถนำขอมลเขาได โดยตรง ตองมการออกแบบ Data Entry Next ใหมรปแบบทสามารนำขอม ลเขาไดตลอดเวลา § การนำขอมลเขาแบบชวงเวลา Slide 8 from 54 System Analysis and Design

สอทใชในการนำขอมลเ ขา Back เครองมอท คำอธบาย (Descriptio ใชในการเขา ขอมล (Input คยบอรด (Keyboard) Device( การเขาขอมล เขา สวนใหญ มก ใชเ ครองมอ น แบบ Next โดยเฉพาะในแบบการนำขอมลเขา ออนไลน หรออาจใชการบนทกทคย กอนแลวคอยผานเขาระบบ สวนในกรณ System Analysis and Design Slide 9 from 54

สอทใชในการนำขอมลเ ขา Back Next เครองมอท คำอธบาย (Descriptio ใชในการเขา ขอมล (Input เมาส (Mouse( Device( เปนเครองมอตวเลก ๆ ทใชเคลอนเคอรเซอร (Cursor ( บนหนาจอและใชในการเลอกหวขอ ในการทำงาน (Option( ทชสกรน (Touch screen( เปนการตดตอกบผใชโดยการแตะท หนาจอ System Analysis and Design Slide 10 from 54

สอทใชในการนำขอมลเ ขา Back เครองมอท คำอธบาย (Descriptio ใชในการเขา ขอมล (Input ทช -โทน เทเลโฟน Device( การใชโทรศพทโดยผใชกดปมของเ ครอง )Touch-tone telephone ( โทรศพทเพอสงรายการ (Transactions) Next ตวอยาง เชน การโอนเงนผานโทรศพท หรอ การลงทะเบยนนกศกษา Slide 11 เปนตน from 54 System Analysis and Design

สอทใชในการนำขอมลเ ขา Back เครองมอท คำอธบาย (Descriptio ใชในการเขาข อมล (Input เครองมอเสยง Device( เครองมอนเปนการใชคำพดหรอ เสยงปอน เขาเครองอาน MICR Next เครองมอนเปนเครองอานตวอ กษรแมเหลก โดย ผใชรนแรก คอ ธนาคารทใชหมกทเปนแมเหลก System Analysis and Design พมพตวอกษรลงในเชค Slide 12 from 54

สอทใชในการนำขอมลเ ขา Back Next เครองมอท คำอธบาย ใชในการเขา ขอมล (Input เครองเกบขอมล Device( เครองมอนเปนเครองนำขอมล (Descriptio เขาเฉพาะ เชน )Data collection device ( ตามโกดงเกบของ ตามรานคา มเครองนำขอมล เขา คอ บารโคดเพอเชคสนคา เปนตน System Analysis and Design Slide 13 from 54

การนำขอมลเขาอยางมประ สทธภาพ การนำขอมลเขาอยางมประส ทธภาพมปจจยทสำคญ เวลาทใชในการนำขอมลเขา ซงเมอมขอมลทตองนำเ ขาจำนวนมาก เวลากยงมความสำคญมาก Next ดงนน การออกแบบการนำขอมลเขาทด ควรหลกเลยงคอขวดทจะเกดข นไดโดยทำการสงเกตแลวทำก System Analysis and Design Back คอ Slide 14 from 54

การลดปรมาณการนำขอมลเข า การลดปรมาณการนำขอมลเขากเพอล ดจำนวนและขนาดของขอมลในการ Back นำเขา การลดปรมาณการนำขอมลเขาเทากบเป นการชวยลดคาใชจายทางดาน แรงงาน ลดเวลาในการทำงานของเครองคอมพวเตอร และลดความผดพลาด ของขอมล Next แนวทางการลดปรมาณการนำขอมลเขาระ บบม 4 แนวทาง คอ 1. Slide 15 การนำขอมลเขาเฉพาะทมความส from 54 System Analysis and Design

การลดความผดพลาดของนำขอ มลเขาระบบ Back Next 1. การตรวจสอบการเรยงลำดบ (Sequence Checks) 2. การตรวจสอบวามการนำขอมล เขา (Existence Checks) 3. การตรวจสอบประเภทของขอมล (Class Checks) 4. การตรวจสอบชวงของขอมล (Range Checks) Slide 16 5. การตรวจสอบความสมเหตสมผล from 54 System Analysis and Design

การลดความผดพลาดของนำขอม ลเขาระบบ. 7 การตรวจสอบความสมพนธของข อมล (Combination Checks) Back 8. Next การตรวจสอบในกรณการนำขอม ลเขาเปนชวงเวลา (Batch Input Checks) System Analysis and Design Slide 17 from 54

เอกสารทใชเปนแหลงขอม ล (Source Document) Back Next เอกสารทเปนแหลงขอมล หมายถง เอกสารทใชในการรวบรวมขอมล เชน จดหมายเวยน เอกสารบนทกขอมล แบบฟอรมตางๆ เปนตน ซงเอกสารทเปนแหลงขอมล กคอ Data Capture ทใชเพอเปนกลไกในการเกบรวบรว มขอมล Slide 18 System Analysis and Design from 54

Back Next Line Captions On the line: Last Name First Name Birth Date / / Telephone( Above the line: Last Name First Nam Birth Date Telephone ( ) / / Below the line: Last Name F ( ) / / Birth Date Tele Combination: Name Last Birth Date / / Telephone( month day year ar Boxed Captions in the box: Last Name First Nam Below the box: Last Name First Name Check Off Horizontal: Freshman Sophomore Junior Vertical: Enter your class status: Freshman Sophomore Junior Slide 19 Senior from 54 System Analysis and Design

การเรยงลำดบโซนตาง ในเอกสาร Back ๆ โซนหวกระดาษ โซนควบคม ช Next System Analysis and Design โซนแนะนำการใ โซนเนอหา โซนผลรวม Slide 20 from 54

ตวอยางเอกสารทใชเปนแหลงขอมล KING MONGKUT UNIVERSITY Last Name Street Address Course Subj. Number REGISTRATION FORM Student Numbe First Name Local Tele City Section (A, A 1, 01) Date Received/Initial System Analysis and Design Initial Cr Days Advisor Approval Tim Slide 21 from 54 Da

heading zone GALLAGHER IMPORTS EXPENSE VOUCHER EMPLOYEE NUMBER control zone DEPARTMENT List each expense separately. Attach receipts for all expenses except those for meals Date Automobile Miles Cost Meals Br/Lun/Din Cost Lodging O Descript body zone Totals: I certify that this statement of account totals is correct. zone authorization Signature of Employee Date zone Approved By and Design Date System Analysis Less Ad Slide 22 from 54

BATES VIDEO CLUB-- MEMBERSHIP APPLI Print the following information: Name Address City State Zip Home Phone Work Phone Security: Check the applicable box VISA [ ] Card# Master. Card[ ] 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) day. 2 I may have no more than ten (10) rented videos at any o. 3 If I fall to comply with the above terms, I understand tha rented videos at once, and that my video club membersh Signed Date For office use only: Slide 23 Accepted: [ ] Member Number: [ ] from 54 System Analysis ] : Design Rejected [ and

BATES VIDEO CLUB - VIDEO RENTAL FORM Member Number Title Date ID# Rental Fee D Total Rental Amount: I agree to return the above rented videos within seven (7) days Signed: System Analysis and Design Slide 24 from 54

การออกแบบใบระเบยนนำขอมลเ ขา (Input Record Design) Back Next การออกแบบระเบยนขอมล จะใชในกรณเมอเปนการนำขอมลเ ขาระบบแบบใชชวงเวลา เนองจากตองมการรวบรวมขอมลกอ นมการนำขอมลเขาทรวบรวมนนตอ งมการเกบไวในแฟมขอมลชวคราว ซงแฟมขอมลชวคราวนน จะกลายเปนแฟมขอมลทถกนำเข า System Analysis and Design Slide 25 from 54

ใบรายการบนทกขอมลการลง ทะเบยนของนกศกษา System Analysis and Design Slide 26 from 54

SYSTEM DOCUMENTATION พจนานกรมข อมลใบระเบ ยนการนำข อมลเขากา รลงทะเบยนข องนกศกษา NAME OF SYSTEM DATE REGISTRATION ANALYST PURPOSE OF DOCUMENTATION M. Friedman “ 2/17/97 Registration Input R STUDENT RECORD - One record is created for each reg FIELD TYPE POSITIONS COMMENTS REC TYPE A 1 = “S“ for a stud STUDENT NUMBER N 2 -7 SEMESTER A 8 = “F“ for Fall, “ S“ for Sum YEAR N 9 -10 Last two digit NAME X 11 -14 Only the first of the Last Na COURSE RECORDS - One record is created for each cou FIELD TYPE POSITIONS COMMENTS REC TYPE A 1 = “C“ for a cou SUBJ A 2 -4 Standard depa COURSE NUMBER N 5 -7 Slide 27 SECTION X 8 -9 Left-justified System Analysis and Design from 54

แบบฟอรมการลงทะเบยน student record BAXTER COMMUNITY REGISTRATION FORM 13742 COLLEGE Student Numb SANDERS KIMBERLY M 458 -1203 Last Name First Name Initial Local Telep 1701 W. EMBERS DRIVE HAMPTON Street Address City Subj. Course Section Cr Days Tim Number (A, A 1, 01 ( ENG 120 E 3 MWF 10 - 1 course records MTH 125 B 5 M T W Th F 9 - 1 CS 150 C 3 T Th 10: 30 PHI 212 A 3 MWF 2 -3 PE 103 C 1 2 T Th 3 -4 97 / 6 / 5 SM Date Received / Initial System Analysis and Design S. Cantez May 5, 1997 Advisor Approval Da Slide 28 from 54

แสดงการปอนขอมลตามการจ ดเรยงทไมถกตอง START XXXXXX XXXXXX XXXXXX System Analysis and Design XXXXXX Slide 29 from 54

แสดงการปอนขอมลตามการจ ดเรยงทถกตอง START XXXXXX XXXXXX XXXXXX System Analysis and Design XXXXXX Slide 30 from 54

การออกแบบหนาจอรบขอมลท งหมด มจดมงหมาย 2 อยาง คอ เพอนำเสนอขอมล และชวยในการปฏบตงานของผใช ระบบ มแนวทางในการออกแบบทตอง Next พจารณาคอ หนาจอทงหมดทปรากฏควรดงด ดใจใหอยากใชงาน Slide 31 ไมควรแนนเกนไป from 54 System Analysis and Design Back

การออกแบบหนาจอรบขอมล แนวทางในการออกแบบหนาจอรบขอมลม แนวทาง ดงน Back 1. เมอเขาไปทหนาจอรบขอม ล Cursor ตองอยทตำแหนงแรกของข อมลรบตามเนอหาของหนาจอน น ตำแหนงนนควรอยมมบนซ ายมอ Next หลงจากผใชใสขอมลแลว Cursor ควรเลอนไปทชองรบขอมล Slide 32 from System Analysisถดไปเสมอ and Design คอ 54

การออกแบบหนาจอรบขอมล Back . 3 ถาชองรบขอมลนนมรป แบบเฉพาะใหแสดงรปแบบเฉพาะน นเพอใหผใชปอนขอมลไ มผดพลาด เชน DD/MM/YYYY 4. ในทกครงทปอนขอมลในช องรบขอมลนนครบถวนใหผ Next ใชกด “Enter” เพอไปยงชองรบขอมลถดไ Slide 33 ปหรอในกรณทใสขอมลเทา from 54 System Analysis and Design

การออกแบบหนาจอรบขอมล 5. กรณขอมลรบเขาเปนตวอก ษรพเศษแลวควรออกแบบใหสามาร ถใสตวอกษรพเศษอตโนมตโ ดยผใชไมตองใสเอง 6. กรณขอมลรบเขาตองการแสดง ผลการรบเปนเลข “ 0” Next ใหแสดงโดยผใชไมตองปอนเ อง 7. กรณทขอมลรบเขาเปนจำ Slide 34 System Analysis and Design นวนเลขทนำไปคำนวณคาควรม from 54 Back

การออกแบบหนาจอรบขอมล 9. สำหรบขอมลรบทเปนรหส ทตองมการตรวจสอบกอนบนท ก คานนมความสมพนธกบค าอนทบนทกไวเดมแลว เมอมการปอนรหสนนตองร บคานนไปตรวจสอบทแฟมข Next อมลทอางถง เพอตรวจสอบวาเปนรหสเดมห รอไม 10. ควรมปมคำสงตาง System Analysis and Design Back คอ Slide 35 from 54 ๆ

การออกแบบหนาจอรบขอมล. 12 ควรเตรยมปมรบคำสง เพอเคลอนยาย Cursor ไปในฟลด ตาง ๆ ในหนาจอเพอใหผใชไดแก ไขกอนจะบนทกเขาเครอง Next เชน ปม TAB เปนตน. 13 ถาผใช Data Capture เพอปอนขอมล Slide 36 from 54 System Analysis and Design ในการออกแบบหนาจอ Data Entry Back

การออกแบบหนาจอรบขอมล Back Next System Analysis and Design Slide 37 from 54

หนาจอดาตาเอนทร (Data Entry Screen) Back Next System Analysis and Design Slide 38 from 54

การออกแบบหนาจอควบคมการปฏ บตงาน (Process Control Screen Design) หนาจอทออกแบบเพอควบคมกา รปฏบตงาน เรยกวา หนาจอควบคมการปฏบตงาน (Process Control Screen) หรอหนาจอไดอะลอก (Dialogue Screen) ซงตองออกแบบใหตอบสนองตอผใช Next ระบบไดทนท การออกแบบนใชตอบสนองกบระบบสาร Slide 39 สนเทศทมการประมวลผลแบบออนไลน from 54 System Analysis and Design Back

การออกแบบเมน (Menu) หรอ พรอมท (Prompt) Back การออกแบบเมนโดยทวไปแลว เมน หรอ พ ขอมลเขาไดหลายรปแบบ ตวอยางพนฐานมดงน • เมนสกรน คอหนาจอแสดงตวเลอกเรยงเปนลำด 1 ตวเลอก ตวอยาง 1 ตวอยาง 2 Next • หนาจอพรอมพ คอ หนาจอรบคำสงจากผใชห เครองหมาย ‘>’ โดยผใชสามารถปอนคำสงควบ อสระ ตวอยาง 1 ตวอยาง 2 System Analysis and Design Slide 40 from 54

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

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

หนาจอพรอมท (Prompt Screens) Back Next Do you wish to add, edit, delete, display, or

หนาจอพรอมท (Prompt Screens) Back Do you wish to add, edit, delete, display,

กราฟกทใชตดตอกบผ ใช (GUI) . 1 เมนบาร (Menu Bar) ปมเครองมอ (Tool Bar) แถบเครองมอ (Tool Bar) Back. 2 เมนพลดาวน (Pull-Down Menu). 3 หนาตางปอบอพ (Pop-up Window). 4 เทกซบอกซ (Text Box(. 5 ปมทอกเกล (Toggle Button(. 6 ลสทบอกซ (List Box( คลกดตวอยางเทคนค GUI ทง 8. 7 ดรอปดาวนลสทบอกซ (Drop-Downแบบ List Box( Next. 8 ปมออพชน (Option Buttons(. 9 เชคบอกซ (Check Box(. 10 ปมคำสง (Command Buttons( Slide 45 from 54. 11 แถบสปน (Spin Bar( System Analysis and Design

ตวอยางการใช GUI ทใชแทนเมนหลกของระบบการใ หเกรด น. ศ. Back Next Back System Analysis and Design Slide 46 from 54

เมนพลดาวน (Pull-Down Menu) Back Next System Analysis and Design Slide 47 from 54

หนาตางปอบอฟ (Pop-up Window) Back Next System Analysis and Design Slide 48 from 54

แสดงเทคนคทาง GUI 8 แบบในการนำขอมลเขาหรอเลอกค ำสง Back Radio Button Next System Analysis and Design Slide 49 from 54

การออกแบบหนาจอชวยการทำงาน (Help Screen Design) Back การปอนขอมลทางการศกษา รปอนขอมลการศกษานน มดวยกน 3 ภาคการศก ภาคท 1 ใหใสคา 1 ภาคท 2 ใหใสคา 2 ภาคฤดรอนใหใสคา 5 Next ปด System Analysis and Design Slide 50 from 54

เมนชวยผใชงาน Student Score processing Back Class List Processing Report Processing History Processing Class Setup processing Next System Configuration Close System Analysis and Design Slide 51 from 54

การควบคมการนำขอมลเขา (Input Control) Back Next การควบคมการนำขอมลเขา คอ ตววดความสำเรจของขอมลทใส เขาระบบวามความถกตองสมบร ณของขอมล ในกรณนำขอมลเขาแบบชวงเวลา (Batch Input) นน สามารถทำไดโดยการนำเอกสารทเป นแหลงขอมล (Source Document) มาตรวจสอบกอนนำขอมลเขาระบบ Slide 52 System Analysis and Design from 54

การออกแบบการการนำขอมลเขา อตโนมต (Automated Design Tools) Back Next ปจจบนนจะมโปรแกรมประยก ตหลายแบบทชวยในการผลตการน ำขอมลเขาทงสวนของการสราง หนาจอหรอแบบฟอรมอตโนมต นนคอ DBMS 4 GL และ CASE ซงจะชวยใหการออกแบบการนำข อมลเขาเปนไปไดอยางสะดวก รวดเรว ถกตอง และสวยงาม System Analysis and Design Slide 53 from 54

สรป Back Next ในบทนไดเรยนรในการออกแบ บการนำขอมลเขา ซงมเทคโนโลยกวางขวางมากขนใน การนำสอการนำขอมลเขามาใชได มากขน ซงจะเปนปจจยทสำคญในการพ ฒนาใหการนำขอมลเขานนมปร ะสทธภาพ นนคอ ทำใหเปนการลดปรมาณการนำขอม ลเขาและลดความผดพลาดของขอมลท Slide 54 System Analysis and Design from 54