sa11 การออกแบบส่วนนำเข้าข้อมูล (input design)
TRANSCRIPT
2
การออกแบบสวนน าเขาขอมล
วตถประสงคการเรยนร
เพอใหทราบถงขนตอนของการน าเขาขอมลสระบบงาน
เพอใหทราบถงจดมงหมายในการออกแบบสวนน าเขาขอมล
เพอใหทราบถงวธการออกแบบแบบฟอรมส าหรบใชกรอกขอมลเพอ
เตรยมน าเขาสระบบ
เพอใหทราบถงวธการออกแบบหนาจอการรบขอมลเขาสระบบ
เพอใหทราบวธการควบคมการท างานของสวนน าเขาขอมล
3
การออกแบบสวนน าเขาขอมล
จดมงหมายในการออกแบบสวนน าเขาขอมล
จะตองออกแบบสวนน าเขาขอมลใหงายตอการใชงาน (Ease of Use)
จะตองออกแบบสวนน าเขาขอมลทสามารถน าไปใชประโยชนไดอยางแทจรง(Effectiveness)
จะตองออกแบบสวนน าเขาขอมลทมการท างานไดอยางถกตองและแมนย า (Accuracy)
จะตองออกแบบสวนน าเขาขอมลทมความสวยงามและนาใชงาน (Attractiveness)
จะตองออกแบบสวนน าเขาขอมลทไมมความซบซอนและงายตอความเขาใจ (Simplicity)
จะตองออกแบบสวนน าเขาขอมลทลกษณะการท างานคงเสนคงวาไม
เปลยนแปลง (Consistency) บอย
4
การออกแบบแบบฟอรมส าหรบรบขอมล (Form Design)
สงทตองค านงถงในการออกแบบแบบฟอรมส าหรบรบขอมล
จะตองออกแบบแบบฟอรมรบขอมลใหงายตอการกรอกขอมล
จะตองออกแบบแบบฟอรมรบขอมลใหรองรบกบวตถประสงคในการใชงาน
จะตองออกแบบแบบฟอรมรบขอมลทบรรจขอมลทครบถวนตามความตองการ
ของระบบงาน
จะตองออกแบบแบบฟอรมรบขอมลใหสวยงามนาใช
5
การออกแบบแบบฟอรมส าหรบรบขอมล (Form Design)
การออกแบบแบบฟอรมรบขอมลใหงายตอการกรอกขอมล
1. จะตองออกแบบแบบฟอรมใหมล าดบการกรอกขอมลตามล าดบ
ของขอมล ในทศทางจากซายไปขวาและบนลงลางตามล าดบ เชน การ
กรอกขอมลการลงทะเบยนของนกศกษา ควรเรมจาก รหสนกศกษา,
ชอ, นามสกล, สาขาวชา, ภาควชา, คณะ ตามล าดบในแบบฟอรมจาก
ซายไปขวา และบนลงลาง
6
การออกแบบแบบฟอรมส าหรบรบขอมล (Form Design)
การออกแบบแบบฟอรมรบขอมลใหงายตอการกรอกขอมล (ตอ)
2. ถาเปนไปไดควรแบงพนทของแบบฟอรมออกเปน 7 สวน ดงน
สวนของหวแบบฟอรม(Heading) จะเปนสวนของพนททใชแสดงชอของหนวยงาน
หรอโลโกของแบบฟอรมทใช
สวนทใชแสดงรหสหรอหมายเลขของแบบฟอรม(Identification) เปนพนททใชแสดง
หมายเลข หรอจ านวนของแบบฟอรมทใช รวมทงแสดงวนททมการกรอกขอมลลงใน
แบบฟอรม
สวนทใชแสดงค าส งหรอขอแนะน าในการกรอกขอมล(Instruction) เปนพนททใช
อธบายวธการกรอกขอมลในแบบฟอรม หรอใชแสดงค าสงและขอก าหนดตาง ๆ ทใช
กบการกรอกขอมลลงแบบฟอรม
7
การออกแบบแบบฟอรมส าหรบรบขอมล (Form Design)
การออกแบบแบบฟอรมรบขอมลใหงายตอการกรอกขอมล (ตอ)
2. ถาเปนไปไดควรแบงพนทของแบบฟอรมออกเปน 7 สวน ดงน
สวนทใชกรอกขอมล(Body) เปนพนททใชในการกรอกขอมลตาง ๆ ของแบบฟอรม
สวนของพนทใชเซนชอรบรอง(Signature) เปนสวนของพนททใชส าหรบการเซน
รบรองการกรอกขอมลของผใหขอมลทปรากฏอยในแบบฟอรม
สวนของการสรปผลของขอมลทกรอก(Total) เปนสวนของพนททแสดงผลรวมหรอ
ผลสรปของขอมลทปรากฏอยในพนทของการกรอกขอมล
สวนของหมายเหต(Comment) เปนสวนทเตรยมไวส าหรบกรอกขอมลหรอ
รายละเอยดบางอยางทตองการจะอธบายเพมเตมในกรณพเศษบางอยาง
9
การออกแบบแบบฟอรมส าหรบรบขอมล (Form Design)
การออกแบบแบบฟอรมรบขอมลใหงายตอการกรอกขอมล (ตอ)
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
การออกแบบหนาจอรบขอมล(Screen Design)
การออกแบบหนาจอรบขอมลใหใชงานงาย ออกแบบหนาจอเปนสามสวน (Three Screen Section) การออกแบบหนาจอ
โดยทวไปนนจะมการจดแบงพนทของหนาจอออกเปน 3 สวน
สวนท 1 จะเปนสวนหว (Heading)ของหนาจอ
สวนท 2 จะเปนสวนเนอหาของหนาจอหรอเรยกวาสวน Body
สวนท 3 จะอยดานลางของพนทหนาจอจะเปนสวนของค าอธบายการใชงานและสวนชวยเหลอ(Help) ในการปอนขอมลของผใช
การออกแบบหนาจอในลกษณะของวนโดว (Windows) เพอความสะดวกในการใชงาน
ของหนาจอรบขอมล ในบางครงผออกแบบจะออกแบบหนาจอรบขอมลในลกษณะของ
หนาตาง เพราะวนโดวสามารถเคลอนยายต าแหนงทปรากฏอยบนหนาจอได รวมทง
วนโดวสามารถยอขยายขนาดและเปดวนโดวไดมากกวาหนงวนโดวพรอมกน
15
การออกแบบหนาจอรบขอมล(Screen Design)
การออกแบบหนาจอใหอยในรปแบบเดยวกบแบบฟอรมทใชกรอกขอมล
การออกแบบหนาจอส าหรบปอนขอมลทดจะตองท าใหผปอนขอมลไมเกด
ความสบสนในการปอนขอมล โดยจะตองออกแบบหนาจอรบขอมลใหมล าดบ
ของรายละเอยดขอมลทตองการปอน เรยงตามขอมลทปรากฏอยใน
แบบฟอรมกรอกขอมล เพราะจะท าใหผปอนขอมลไมตองกวาดสายตาไปมา
เพอคนหาขอมลในแบบฟอรมมาปอนลงในหนาจอรบขอมล และผออกแบบ
หนาจอรบขอมลควรจะมการก าหนดหนวยของขอมลทจะปอนบนหนาจอใหตรง
กบหนวยนบทปรากฏอยในแบบฟอรมกรอกขอมล เชน หนวยของจ านวนสนคา
,ราคาสนคา เปนตน
16
การออกแบบหนาจอรบขอมล(Screen Design)
การออกแบบหนาจอโดยใหผใชสามารถเลอนต าแหนงการปอนขอมลไดโดยงาย
ต าแหนงการปอนขอมลหรอเคอรเซอร(Cursor) ควรจะอยในต าแหนงแรกและในชองขอมล
แรก เมอท าการเปดหนาจอวนโดวส าหรบปอนขอมลขนมา
เมอปอนขอมลในชองรบขอมลครบถวนตามขนาดของขอมลแลว ต าแหนงของเคอรเซอร
ควรจะเลอนไปยงชองขอมลถดไป โดยทผปอนขอมลไมตองกดปม “Enter”
ในกรณทชองรบขอมลใดทมการก าหนดรปแบบพเศษในการรบขอมล เชน ชองรบขอมลท
เปนชนด วนท และมรปแบบในปอนขอมลเปน dd/mm/yyyy เมอผปอนขอมลตวเลข
วนทครบสองหลกแลว ระบบจะใสเครองหมาย „/‟ ใหโดยทผปอนขอมลไมตองปอน
เครองหมาย „/‟ ลงไปในชองปอนขอมล
17
การออกแบบหนาจอรบขอมล(Screen Design)
การออกแบบหนาจอโดยใหผใชสามารถเลอนต าแหนงการปอนขอมลไดโดยงาย (ตอ)
ในชองขอมลทเปนจ านวนเงน จะตองออกแบบใหระบบเตมจดทศนยมเปน .00 ใหโดย
อตโนมตในกรณทเปนเลขจ านวนเตม
ในกรณทชองขอมลใดมคาเหมอนเดม ไมคอยมการเปลยนแปลงคาในแตละครงทมการปอน
ขอมล กอาจจะมการก าหนดคา Default เอาไว เชน การปอนขอมลเพศของนกเรยนใน
โรงเรยนทมนกเรยนสวนใหญเปนเพศชาย กจะก าหนดคาของขอมลเรมตนไวเปนเพศชาย
ในชองขอมลทเปนวนทส าหรบท ารายการขอมล เชน วนทซอสนคา ,วนทช าระเงน เปน
ตน สามารถก าหนดใหใสคาวนทปจจบนไวเปนคา Default ลงในชองของขอมลนน
ควรจะมการก าหนดล าดบของการเลอนเคอเซอร ไปยงต าแหนงของชองรบขอมลตามล าดบ
โดยการใชปม ”Tab”
18
การออกแบบหนาจอรบขอมล(Screen Design)
การออกแบบหนาจอใหมความสวยงามนาใช
ท าไดโดยการใชสของพนหลง(Background) และลกษณะของตวอกษร(Font) ท
เหมาะสมและตรงกบความพอใจของผใช และควรออกแบบใหหนาจอแตละหนาจอม
รปแบบการใชส และลกษณะของตวอกษรทเปนไปในแนวทางเดยวกน การออกแบบ
หนาจอรบขอมลใหสวยงามนาใชอาจจะตองใชประสบการณของผออกแบบ หรอจะศกษาและ
ดแบบอยางของโปรแกรมตาง ๆ ทมจ าหนายอยในปจจบน ในบางครงอาจจะตองใชผทม
ความสามารถเฉพาะดานการออกแบบเปนผออกแบบการใชสและลกษณะของตวอกษร
และเมอไดรปแบบของการใชสและลกษณะของตวอกษรแลว ผออกแบบจะตองสรางตนแบบ
ของหนาจอเพอน าไปใหผใชระบบ พจารณาใหความเหนและความพงพอใจในรปแบบของ
หนาจอทท าการออกแบบ จนไดรปแบบทเปนทพอใจของผใชแลว จงจะน ามาพฒนาตอให
เกดเปนระบบงานทเปนรปธรรมขนมา
19
ระบบสารสนเทศส าหรบงานสวสดการ ขอมลบคลากร บรหารจดการงานสวสดการ มอบสวสดการแกบคลากร รายงาน ผดแลระบบ ออกจากโปรแกรม
คลกปมทคณตองการจดการ
คนหาจาก
รหสบคลากร :ค าน าหนาชอ :
ชอ :
นามสกล :
ต าแหนง :
ทอย :
ประเภทบคลากร :
คณะสงกด :
วนทเขาท างาน :
วนเกด :
xxxxxxxxxxxxxx xxxxxxxxxx
xxxxx
xxxxxxxxx
xxxxxxxxxxxx
xxxxxxxxxxxxx
xxxxxxxxxxx
xxxxxxxxxxxxxxx
xxxxxxxxxxx
xxxxxxxxxxxx
dd/mm/yyyy
dd/mm/yyyy
จดการขอมลบคลากร
x
แกไข
ลบ
เพม
ปดหนาจอน
คนหา
บนทก ยกเลก
เจาหนาท : คณ xxxxxxx แสดงวนทและเวลา
ขอมลบคลากร งบประมาณ รายละเอยดสนคา ใชพนทภายใน ฯ จดซอเครองคอมฯ บคลากรดเดน