Analysis&Design

1. មេម ៀនទី៦៖
កា ចនា User Interface និង Report
(User Interface and Report Design)
1

2. ១. កា ចនា User Interface (User Interface Design)
១.១. User Interface
គឺជាផ្ទៃសំរាប់ទំនាក់ទំនងមោយផ្ទ
ៃ ល់ជាេួយនឹងអ្នកម្បើ
្ាស់ (User) មដើេបីមោយអ្នកម្បើ្ាស់ោចដំម ើ កា មៅមលើ
្បព័នធព័ត៌មានដូចជាបញ្
ចូ លទិននន័យ ស្សែង កព័ត៌មាន ួចស្កស្្បឬ
លុបព័ត៌មានស្ដល កម ើញជាមដើេ។
១.២. ្បមេទ បស់ User Interface
ជាទូមៅ User Interface ស្ចកមចញជាពី ្បមេទដូចជា៖
❖ Single-Table Form៖ គឺជា User Interface ស្ដលមានទំនាក់
ទំនងជាេួយនឹង Table ស្តេួយគត់មោយ Table មនាោះមកើត
មចញពី Strong Entity Set។ វាមានដំម ើ កា ទិននន័យទាក់ទង
ជាេួយនឹង Table មនាោះដូចជា Insert, Search និង Update។
2

3. ❖Multi-Table Form៖ គឺជា User Interface ស្ដលមាន
ទំនាក់ទំនងជាេួយនឹង Tables ចាប់ពីពី ម ើងមៅ
មោយ Table សំខាន់ជាងមគមកើតមចញពី Weak
Entity Set។ វាស្ចកមចញជាពី ទំ ង់មទៀតដូចជា៖
▪ Normal Multi-Table Form៖ គឺជា Multi-Table
Form ស្ដលពុំានទាក់ទងជាេួយនឹង Table មកើត
មចញពី Associative Entity Set។ វាមាន
្ទង់្ទាយស្សមដៀងមៅនឹង Single-Table Form
ស្ដ ្ាន់ស្តវាមានទំនាក់ទំនងជាេួយនឹង Tables
ចាប់ពីពី ម ើងមៅបុម្
ណ ោះ។
3

4. ▪ Master-Detail Form៖ គឺជា Multi-Table Form ស្ដលមានទំនាក់
ទំនងជាេួយនឹង Tables ជាម្ចើនមោយកនុងមនាោះមាន Table មកើត
មចញពី Associative Entity Set ទងស្ដ ។ វាស្ចកមចញជាពី ស្ទនកដូច
ជា៖
o ស្ទនក Master៖ គឺជាស្ទនកស្ដលមៅកនុង Control នីេួយៗមានតំផ្លស្ត
េួយគត់។ ស្ទនកមនោះទាក់ទងជាេួយនឹង Table ស្ដលសំខាន់ជាងមគ
មកើតមចញពី្ពឹតតិកា ៍ ម ើយនិង Tables ទាំងឡាយស្ដលមាន
ទំនាក់ទំនងជាេួយនឹង្ពឹតតិកា ៍ មនាោះ។
o ស្ទនក Detail៖ គឺជាស្ទនកស្ដលមៅកនុង Control ោចជា List View ឬ
Data Grid View មាន Records ជាម្ចើន។ ស្ទនកមនោះមានទំនាក់
ទំនងជាេួយនឹង Table មកើតមចញពី Associative Entity Set ម ើយ
និង Tables ទាំងឡាយស្ដលមានទំនាក់ទំនងជាេួយនឹង
Associative Entity Set មនោះ។
4

5. ១.៣. មាលបំ ងនិងមាលកា ៍ បស់ User Interface Design
❖ មាលបំ ង បស់ User Interface Design៖ គឺម្ែើយង្
មោយម្លើយតបមៅនឹងតំ ូវកា បស់អ្នកម្បើ្ាស់ដូចជា
ងាយស្សួលម ៀន ងាយយល់និងងាយស្សួលម្បើ្ាស់។
❖ មាលកា ៍ បស់ User Interface Design មានដូចជា៖
▪ ម ៀបចំ Interface តាេស្េកធាងផ្នេុខងា បស់្បព័នធពា ិ ជ្ជ
កេម មោយ្តូវមាន Menu និង Sub menu មោយ្តូវតាេ
ស្េកធាងផ្នេុខងា ទាំងមនាោះ។
▪ ្តូវមចោះម្បើពាកយនិង ូបភាពមោយសេស្សបតាេកា ងា
ម ើយងាយយល់។
▪ ្តូវកំ ត់មោយដំម ើ កា ានមលឿនកនុងកា ផ្ទ
ល ស់បតូ ពី
Interface េួយមៅកាន់ Interface េួយមទេងមទៀត។
5

6. ▪ ្តូវកំ ត់មោយមាន Feedback Information សំរាប់មោយ User
ដឹង មៅមពលស្ដលមានបញ្ហ
ា មកើតម ើង។
▪ ្តូវកំ ត់មោយ User ដឹងនូវទីតាំងស្ដលពួកមគកំពុងម្ែើកា
មោយកា ោក់ចំ ងមជ្ើងមលើផ្ទៃផ្ន Form នីេួយៗ។
▪ េិន្តូវមោយមាន Horizontal Scrollbar សំរាប់ Interface នីេួយៗ
ម ើយ។
▪ ្តូវមចោះម្បើ Control មោយ្តូវតាេកា ងា និងតាេមពលមវលា។
▪ ្តូវកំ ត់មោយ Cursor ផ្ទ
ល ស់ទីតាេលំោប់ពី Control េួយមៅ
Control េួយមទេងមទៀត មោយមយើងេិន្តូវមោយ Cursor ឈប់
មៅកនុង Control ទាំងឡាយ្ស្ដលបមញ្
ច ញលទធទលមនាោះម ើ
យ។
▪ េិន្តូវមោយ User បញ្
ចូ លឬស្កស្្បតំផ្លមៅកនុង Control ្
ស្ដល្តូវបមញ្
ច ញលទធទលមនាោះម ើយ។
6

7. ២. Report Design
Report គឺជាលទធទលចុងម្កាយ បស់
្បព័នធព័ត៌មាន ស្ដល្តូវមាោះពុេពមៅមលើផ្ទៃ
្កោស សំរាប់ទតល់មោយមៅអ្តិថិជ្នឬអ្នក
្គប់្គង យកមៅម្បើ្ាស់កនុងកា ងា
ពា ិ ជ្ជកេម បស់ពួកមគ។ Report ួេមានវិក័
យប្ត ាយកា ៍ លក់្បចាំស្ខ ាយ
កា ៍ ចំ ូ លចំ្យ្បចាំស្ខ ្បចាំ្តី
មាសនិង្បចាំឆ្
ន ំជាមដើេ។
7

8. ២.១. តួនាទីផ្នស្ទនកនីេួយៗ បស់ Report
ជាទូមៅ Report ស្ចកមចញជា៧ស្ទនកដូចជា៖
❖ Report Header៖ គឺជាស្ទនកសំរាប់ោក់ Logo ចំ ងមជ្ើង បស់
Report និងម្
ម ោះ បស់្កុេ ុនឬស្ថ
ា ប័ន ស្ដល្តូវបងា
ា ញស្ត
េតងគត់មៅស្ទនកខាងមលើមគផ្នទំព័ ទី១ បស់ Report។
❖ Page Header៖ គឺជាស្ទនកស្ដលមានលកខ ៈស្សមដៀងមៅនឹង
ស្ទនក Report Header ស្ដ ្ាន់ស្តវា្តូវបងា
ា ញមលើ្គប់ទំព័
ទាំងអ្ស់ បស់ Report។ េាងមទៀត ស្ទនកមនោះមយើងោចម ៀបចំ
Labels សំរាប់ម្ែើជាកាលផ្នជ្ួ ឈ កនុងលកខ ៈជាតារាង មដើេបី
បងា
ា ញមលើ្គប់ទំព័ ទាំងអ្ស់។
8

9. ❖ Group Header៖ គឺជាស្ទនកស្ដលមកើតម ើងមោយស្ថ មយើង
កំ ត់ Field ្េួយម្ែើជា Group Header។ ស្ទនកមនោះក៏មាន
នាទីស្សមដៀងមៅនឹងស្ទនកខាងមលើទាំងពី ស្ដ ្ាន់ស្តវា្តូវាន
បងា
ា ញមៅតាេ្កុេផ្នតំផ្លដូចា
ន បស់ Field ស្ដលមយើងាន
កំ ត់ម្ែើជា Group Header។ េាងមទៀតវាក៏មាននាទីសំរាប់
ម ៀបចំ Fields ស្ដលជាស្ទនក Master បស់ Report ម ើយមយើង
ោចម ៀបចំ Labels សំរាប់ម្ែើជាកាលផ្នជ្ួ ឈ បស់តារាងទង
ស្ដ ។
9

10. ❖ Detail៖ គឺជាស្ទនកសំរាប់ម ៀបចំ Text Boxes កនុងេួយជ្ួ មដកពី
ម្កាេកាលផ្នជ្ួ ឈ នីេួយៗ បស់វា សំរាប់បងា
ា ញ Records
ទាំងឡាយកនុងលកខ ៈជាតារាង ស្ដលមានទំនាក់ទំនងជាេួយ
នឹងតំផ្ល បស់ Field ្េួយស្ដលមយើងានកំ ត់កនុងស្ទនក
ខាងមលើ។ េាងមទៀត ស្ទនកមនោះមយើងោចោក់ Logo
ចំ ងមជ្ើង បស់ Report ួចម ៀបចំ Labels និង Text boxes សំ
រាប់ម្ែើជាប័ ណសំាល់ខលួន ឬប័ ណសំាល់យនយនតជាមដើេ។
10

11. ❖ Group Footer៖ គឺជាស្ទនកស្ដលមកើតម ើងមោយស្ថ មយើង
កំ ត់ Field ្េួយម្ែើជា Group Footer មោយ Field មនោះ
្តូវានកំ ត់ទងស្ដ ម្ែើជា Group Header។ ស្ទនកមនោះមាន
នាទីគ នាទលបូកស ុប រាប់ចំនួនផ្ន Records គ នា ក
េ្យេភាគ កតំផ្លតូចបំទុតឬ្ំបំទុត មោយម្បើ្ាស់
Aggregate Functions េួយចំនួនដូចជា SUM, COUNT, AVG,
MIN និង MAX មៅតាេ្កុេផ្នតំផ្លដូចា
ន បស់ Field ស្ដល
មយើងានកំ ត់ម្ែើជា Group Footer។
11

12. ❖ Page Footer៖ គឺជាស្ទនកសំរាប់ោក់មលខទំព័ ឬព័ត៌មាន មទេ
ងៗ ស្ដល្តូវបងា
ា ញមៅស្ទនកខាងម្កាេមគបំទុតផ្ន្គប់ទំព័
ទាំងអ្ស់ បស់ Report។
❖ Report Footer៖ គឺជាស្ទនកមាននាទីគ នាទលបូកស ុប រាប់
ចំនួនផ្ន Records គ នា កេ្យេភាគ កតំផ្លតូចបំទុតឬ្ំ
បំទុត មោយម្បើ្ាស់ Aggregate Functions ដូចស្ទនក Group
Footer ស្ដ ្ាន់ស្តវាអ្នុវតតមៅមលើ Records ទាំងអ្ស់ផ្ន
Report ទាំងេូល ស្ដល្តូវបងា
ា ញស្តេតងគត់មៅទំព័ ចុងម្កាយ
មគ ពីម្កាេជាប់នឹងស្ទនក Group Footer។
12

13. ២.២. មាលបំ ងនិងមាលកា ៍ ផ្ន Report Design៖
❖ មាលបំ ងផ្ន Report Design មានដូចខាងម្កាេ៖
▪ ងាយស្សួលកនុងកា ោននិងងាយយល់។
▪ ងាយស្សួល កព័ត៌មានទាំងឡាយស្ដលមគ្តូវកា ។
▪ កាត់បនាយប ិមា ផ្នកា មាោះពុេព។
❖ មាលកា ៍ ផ្ន Report Design មានដូចខាងម្កាេ៖
▪ ្តូវកំ ត់មោយានចាស់នូវតួនាទីផ្នស្ទនកនីេួយៗ បស់
Report។
▪ ្តូវម ៀបចំស្ទនកខាងមលើ និងស្ទនកខាងម្កាេផ្ន Report មោ
យមានលកខ ៈសតង់ោ ួេ។
13

14. ▪ ្តូវោក់ Description មោយានចាស់លាស់។
▪ ្តូវតំម ៀបទិននន័យតាេលំោប់មកើនឬចុោះ។
▪ ្តូវមចោះ High Light ឬ Bold ឬក៏ោក់ ងែង់រាងពង្កមពើជ្ុំវិញ
ទិននន័យស្ដលចាំាច់ សំរាប់មោយអ្នកោនងាយស្សួល ក
ឆ្ប់ម ើញ។
▪ ្តូវមចោះសមងខបព័ត៌មាន មដើេបីមោយអ្នកោនងាយយល់និង
ទទួលព័ត៌មានទាំងមនាោះានយងមលឿនបំទុត។
14