sa11 การออกแบบส่วนนำเข้าข้อมูล (input design)

1

บทท 11 การออกแบบสวนน าเขาขอมล (Input Design)

2

การออกแบบสวนน าเขาขอมล

วตถประสงคการเรยนร

เพอใหทราบถงขนตอนของการน าเขาขอมลสระบบงาน

เพอใหทราบถงจดมงหมายในการออกแบบสวนน าเขาขอมล

เพอใหทราบถงวธการออกแบบแบบฟอรมส าหรบใชกรอกขอมลเพอ

เตรยมน าเขาสระบบ

เพอใหทราบถงวธการออกแบบหนาจอการรบขอมลเขาสระบบ

เพอใหทราบวธการควบคมการท างานของสวนน าเขาขอมล

3

การออกแบบสวนน าเขาขอมล

จดมงหมายในการออกแบบสวนน าเขาขอมล

จะตองออกแบบสวนน าเขาขอมลใหงายตอการใชงาน (Ease of Use)

จะตองออกแบบสวนน าเขาขอมลทสามารถน าไปใชประโยชนไดอยางแทจรง(Effectiveness)

จะตองออกแบบสวนน าเขาขอมลทมการท างานไดอยางถกตองและแมนย า (Accuracy)

จะตองออกแบบสวนน าเขาขอมลทมความสวยงามและนาใชงาน (Attractiveness)

จะตองออกแบบสวนน าเขาขอมลทไมมความซบซอนและงายตอความเขาใจ (Simplicity)

จะตองออกแบบสวนน าเขาขอมลทลกษณะการท างานคงเสนคงวาไม

เปลยนแปลง (Consistency) บอย

4

การออกแบบแบบฟอรมส าหรบรบขอมล (Form Design)

สงทตองค านงถงในการออกแบบแบบฟอรมส าหรบรบขอมล

จะตองออกแบบแบบฟอรมรบขอมลใหงายตอการกรอกขอมล

จะตองออกแบบแบบฟอรมรบขอมลใหรองรบกบวตถประสงคในการใชงาน

จะตองออกแบบแบบฟอรมรบขอมลทบรรจขอมลทครบถวนตามความตองการ

ของระบบงาน

จะตองออกแบบแบบฟอรมรบขอมลใหสวยงามนาใช

5


การออกแบบแบบฟอรมรบขอมลใหงายตอการกรอกขอมล

1. จะตองออกแบบแบบฟอรมใหมล าดบการกรอกขอมลตามล าดบ

ของขอมล ในทศทางจากซายไปขวาและบนลงลางตามล าดบ เชน การ

กรอกขอมลการลงทะเบยนของนกศกษา ควรเรมจาก รหสนกศกษา,

ชอ, นามสกล, สาขาวชา, ภาควชา, คณะ ตามล าดบในแบบฟอรมจาก

ซายไปขวา และบนลงลาง

6


การออกแบบแบบฟอรมรบขอมลใหงายตอการกรอกขอมล (ตอ)

2. ถาเปนไปไดควรแบงพนทของแบบฟอรมออกเปน 7 สวน ดงน

สวนของหวแบบฟอรม(Heading) จะเปนสวนของพนททใชแสดงชอของหนวยงาน

หรอโลโกของแบบฟอรมทใช

สวนทใชแสดงรหสหรอหมายเลขของแบบฟอรม(Identification) เปนพนททใชแสดง

หมายเลข หรอจ านวนของแบบฟอรมทใช รวมทงแสดงวนททมการกรอกขอมลลงใน

แบบฟอรม

สวนทใชแสดงค าส งหรอขอแนะน าในการกรอกขอมล(Instruction) เปนพนททใช

อธบายวธการกรอกขอมลในแบบฟอรม หรอใชแสดงค าสงและขอก าหนดตาง ๆ ทใช

กบการกรอกขอมลลงแบบฟอรม

7



2. ถาเปนไปไดควรแบงพนทของแบบฟอรมออกเปน 7 สวน ดงน

สวนทใชกรอกขอมล(Body) เปนพนททใชในการกรอกขอมลตาง ๆ ของแบบฟอรม

สวนของพนทใชเซนชอรบรอง(Signature) เปนสวนของพนททใชส าหรบการเซน

รบรองการกรอกขอมลของผใหขอมลทปรากฏอยในแบบฟอรม

สวนของการสรปผลของขอมลทกรอก(Total) เปนสวนของพนททแสดงผลรวมหรอ

ผลสรปของขอมลทปรากฏอยในพนทของการกรอกขอมล

สวนของหมายเหต(Comment) เปนสวนทเตรยมไวส าหรบกรอกขอมลหรอ

รายละเอยดบางอยางทตองการจะอธบายเพมเตมในกรณพเศษบางอยาง

8

HeadingIdentification

and Access

Instructions

Body

TotalsSignature and Verification

Comment

9



3. จะตองตงชอก ากบสวนกรอกขอมล (Captioning)

ชอก ากบสวนกรอกขอมลทอยในระดบเดยวกบเสนกรอกขอมล (Line

Caption)

ชอก ากบสวนกรอกขอมลทอยในดานลางของเสนกรอกขอมล (Below

line Caption)

ชอก ากบสวนกรอกขอมลทอยในชองกรอกขอมล (Box Caption)

ชอก ากบสวนกรอกขอมลทอยบนหวของตาราง (Table Caption)

10

____________________________________ _____________________________________

____________________________________ _____________________________________

Line c

aption

Below L

ine

caption

Bow captio

n

Table c

aption

11

99999

dd/mm/yyyy

XXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXX

9-9999-99999-99-9 - - dd/mm/yyyy

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

9-9999-9999 E-Mail XXXXXXXXXXXXXXXXXXXX

______________________________

XXXXXXXXXXXXX

XXXXXXXXXXXXX

99,999.99

99,999.99

99,999.99

12

_______

__________________

____________________________________ _____________________________________

_____________________________ - - __________________

_______________________________________________________________________________________ ______________________________________________________________________________________________________________________________________________________________________________________

____________________________ E-Mail _____________________________________

______________________________

(9-9999-99999-99-9) (dd/mm/yyyy)

(9-9999-9999)

13

การออกแบบหนาจอรบขอมล(Screen Design)

สงทตองค านงถงในการออกแบบหนาจอรบขอมล

ออกแบบหนาจอรบขอมลใหใชงานงาย (Simple)

ออกแบบหนาจอใหอยในรปแบบเดยวกบแบบฟอรมทใชกรอกขอมล

(Consistent)

ออกแบบหนาจอโดยใหผใชสามารถเลอนต าแหนงการปอนขอมลไดโดยงาย

(Facilitate user movement)

ออกแบบหนาจอใหมความสวยงามนาใช (Attractive)

14


การออกแบบหนาจอรบขอมลใหใชงานงาย ออกแบบหนาจอเปนสามสวน (Three Screen Section) การออกแบบหนาจอ

โดยทวไปนนจะมการจดแบงพนทของหนาจอออกเปน 3 สวน

สวนท 1 จะเปนสวนหว (Heading)ของหนาจอ

สวนท 2 จะเปนสวนเนอหาของหนาจอหรอเรยกวาสวน Body

สวนท 3 จะอยดานลางของพนทหนาจอจะเปนสวนของค าอธบายการใชงานและสวนชวยเหลอ(Help) ในการปอนขอมลของผใช

การออกแบบหนาจอในลกษณะของวนโดว (Windows) เพอความสะดวกในการใชงาน

ของหนาจอรบขอมล ในบางครงผออกแบบจะออกแบบหนาจอรบขอมลในลกษณะของ

หนาตาง เพราะวนโดวสามารถเคลอนยายต าแหนงทปรากฏอยบนหนาจอได รวมทง

วนโดวสามารถยอขยายขนาดและเปดวนโดวไดมากกวาหนงวนโดวพรอมกน

15


การออกแบบหนาจอใหอยในรปแบบเดยวกบแบบฟอรมทใชกรอกขอมล

การออกแบบหนาจอส าหรบปอนขอมลทดจะตองท าใหผปอนขอมลไมเกด

ความสบสนในการปอนขอมล โดยจะตองออกแบบหนาจอรบขอมลใหมล าดบ

ของรายละเอยดขอมลทตองการปอน เรยงตามขอมลทปรากฏอยใน

แบบฟอรมกรอกขอมล เพราะจะท าใหผปอนขอมลไมตองกวาดสายตาไปมา

เพอคนหาขอมลในแบบฟอรมมาปอนลงในหนาจอรบขอมล และผออกแบบ

หนาจอรบขอมลควรจะมการก าหนดหนวยของขอมลทจะปอนบนหนาจอใหตรง

กบหนวยนบทปรากฏอยในแบบฟอรมกรอกขอมล เชน หนวยของจ านวนสนคา

,ราคาสนคา เปนตน

16


การออกแบบหนาจอโดยใหผใชสามารถเลอนต าแหนงการปอนขอมลไดโดยงาย

ต าแหนงการปอนขอมลหรอเคอรเซอร(Cursor) ควรจะอยในต าแหนงแรกและในชองขอมล

แรก เมอท าการเปดหนาจอวนโดวส าหรบปอนขอมลขนมา

เมอปอนขอมลในชองรบขอมลครบถวนตามขนาดของขอมลแลว ต าแหนงของเคอรเซอร

ควรจะเลอนไปยงชองขอมลถดไป โดยทผปอนขอมลไมตองกดปม “Enter”

ในกรณทชองรบขอมลใดทมการก าหนดรปแบบพเศษในการรบขอมล เชน ชองรบขอมลท

เปนชนด วนท และมรปแบบในปอนขอมลเปน dd/mm/yyyy เมอผปอนขอมลตวเลข

วนทครบสองหลกแลว ระบบจะใสเครองหมาย „/‟ ใหโดยทผปอนขอมลไมตองปอน

เครองหมาย „/‟ ลงไปในชองปอนขอมล

17


การออกแบบหนาจอโดยใหผใชสามารถเลอนต าแหนงการปอนขอมลไดโดยงาย (ตอ)

ในชองขอมลทเปนจ านวนเงน จะตองออกแบบใหระบบเตมจดทศนยมเปน .00 ใหโดย

อตโนมตในกรณทเปนเลขจ านวนเตม

ในกรณทชองขอมลใดมคาเหมอนเดม ไมคอยมการเปลยนแปลงคาในแตละครงทมการปอน

ขอมล กอาจจะมการก าหนดคา Default เอาไว เชน การปอนขอมลเพศของนกเรยนใน

โรงเรยนทมนกเรยนสวนใหญเปนเพศชาย กจะก าหนดคาของขอมลเรมตนไวเปนเพศชาย

ในชองขอมลทเปนวนทส าหรบท ารายการขอมล เชน วนทซอสนคา ,วนทช าระเงน เปน

ตน สามารถก าหนดใหใสคาวนทปจจบนไวเปนคา Default ลงในชองของขอมลนน

ควรจะมการก าหนดล าดบของการเลอนเคอเซอร ไปยงต าแหนงของชองรบขอมลตามล าดบ

โดยการใชปม ”Tab”

18


การออกแบบหนาจอใหมความสวยงามนาใช

ท าไดโดยการใชสของพนหลง(Background) และลกษณะของตวอกษร(Font) ท

เหมาะสมและตรงกบความพอใจของผใช และควรออกแบบใหหนาจอแตละหนาจอม

รปแบบการใชส และลกษณะของตวอกษรทเปนไปในแนวทางเดยวกน การออกแบบ

หนาจอรบขอมลใหสวยงามนาใชอาจจะตองใชประสบการณของผออกแบบ หรอจะศกษาและ

ดแบบอยางของโปรแกรมตาง ๆ ทมจ าหนายอยในปจจบน ในบางครงอาจจะตองใชผทม

ความสามารถเฉพาะดานการออกแบบเปนผออกแบบการใชสและลกษณะของตวอกษร

และเมอไดรปแบบของการใชสและลกษณะของตวอกษรแลว ผออกแบบจะตองสรางตนแบบ

ของหนาจอเพอน าไปใหผใชระบบ พจารณาใหความเหนและความพงพอใจในรปแบบของ

หนาจอทท าการออกแบบ จนไดรปแบบทเปนทพอใจของผใชแลว จงจะน ามาพฒนาตอให

เกดเปนระบบงานทเปนรปธรรมขนมา

19

ระบบสารสนเทศส าหรบงานสวสดการ ขอมลบคลากร บรหารจดการงานสวสดการ มอบสวสดการแกบคลากร รายงาน ผดแลระบบ ออกจากโปรแกรม

คลกปมทคณตองการจดการ

คนหาจาก

รหสบคลากร :ค าน าหนาชอ :

ชอ :

นามสกล :

ต าแหนง :

ทอย :

ประเภทบคลากร :

คณะสงกด :

วนทเขาท างาน :

วนเกด :

xxxxxxxxxxxxxx xxxxxxxxxx

xxxxx

xxxxxxxxx

xxxxxxxxxxxx

xxxxxxxxxxxxx

xxxxxxxxxxx

xxxxxxxxxxxxxxx

xxxxxxxxxxx

xxxxxxxxxxxx

dd/mm/yyyy

dd/mm/yyyy

จดการขอมลบคลากร

x

แกไข

ลบ

เพม

ปดหนาจอน

คนหา

บนทก ยกเลก

เจาหนาท : คณ xxxxxxx แสดงวนทและเวลา

ขอมลบคลากร งบประมาณ รายละเอยดสนคา ใชพนทภายใน ฯ จดซอเครองคอมฯ บคลากรดเดน

sa11 การออกแบบส่วนนำเข้าข้อมูล (input design)

Documents

Transcript of sa11 การออกแบบส่วนนำเข้าข้อมูล (input design)