บทท 3 วธการด าเนนงาน

3.1 การวเคราะหระบบงานเดม

ในการเรยนการสอนในเรอง คอมพวเตอรเปนเรองใกลตว ทเหนและใชอยเปนประจ าวนสวนมากในการสอนใหความรในเรองการใชงานคอมพวเตอรเบองตนกจะแคอาจารยเปนผบอกและสงสอนเทานนจะมสอนตามบทเรยนทมในหนงสอ การเรยนคอมพวเตอรในประถมวยนเป น แฝงดวยหลกการและวธการคดเพอเสรมสรางสตปญญาครผสอนคอมพวเตอรในวยประถมกม ดงนนการสรางบรรยากาศโดยใชคอมพวเตอรเปนเรองทกระท าไดและกระท าไดดดวยคอมพวเตอรจะชวยสรางสรรคเดกในเรองความคดรเรมเดกสามารถจนตนาการตางๆและแสดงออกบนจอภาพไดสามารถใชล าดบความคดอยางเปนระบบ เพอใหคอมพวเตอรแสดงในสงทตนเองตองการและยงสรางความคดอยางมเหตมผลมความรอบคอบในสงทตนเองท าการเรยนค อมพวเตอรจงท าใหเกดการสรางสรรคใฝหาและกระตอรอรนในการคนหาสงแปลกใหมการศกษาคอมพวเตอรส าหรบเดกและเยาวชนจงส าคญอยทครผสอนครผสอนตองจดการสรางขบวนการเรยนรตามความเหมาะสม

ไมน าสงทเปนความยงยากซบซอน ขบวนการสอนเดกใหเปนนกคอมพวเตอร แตเราตองการใหเดกมความพรอมทจะใชคอมพวเตอร เพอประกอบการเรยนและอาชพตอไปภายภาคหนา จากการสรปผลปญหากา รใชงานคอมพวเตอร ของคนไทยของส านกงานคณะกรรมการศกษาแหงชาตซงการสอสารของเดกนนจงท าใหการเรยนรของเดกอาจารยสอนนนเดกไมสนใจและไมเขาใจในสงทสอนไปจงท าใหเดกไมประพฤตปฏบตอยางถกตอง จงจะเหมาะสมและถกตอง อาจารย จะมหนาทในการเตรยมการเรยนการสอนเตรยมบทเรยน แบบทดสอบ เพอใหนกเรยนไดเรยนและท าแบบทดสอบเพอเกบคะแนน จะมการก าหนดขอสอบ เพมบทเรยน ลบขอมล เปลยนแปลงขอสอบแกไขขอสอบ และมการสอนแบบใชกระดาน เพอการบรรยายในบทเรยนและสอนในหนงสอและรปภาพประกอบการสอน นกเรยน จะมหนาทเขาเรยนในบทเรยนทอาจารยสอนและท าแบบทดสอบตามทอาจารยท ามาใหสอบและมการรบรคะแนนจากอาจารยทท าการสอนในเวลาเรยนในวนถดไป บทเรยน เปนสอทเปนหนงสอและมรปทเปนภาพนงประกอบการเรยน

45

แบบทดสอบ เปนการท าแบบทดสอบทเปนกระดาษใชปากกา ดนสอในการเขยนการท าแบบทดสอบ 3.1.1 ปญหาของระบบงานเดม

1. ใชเอกสารในการสอนและการท าแบบฝกหด 2. ใชพนทจ านวนมากในการเกบเอกสาร 3. มการจดเกบเอกสารไมเปนระบบ มผลท าใหการคนหาขอมลลาชา 4. เดกทไมมาเรยนไมสามารถเรยนยอนหลงได 5. ระบบงานมขนตอนการด าเนนงานทซบซอนและยงยาก

Network

ภาพท 3-1 Ishikawa Diagramโครงสรางปญหาของระบบงานเดม

46

3.1.2 ขอเสนอแนะ

1. ควรใชระบบฐานขอมลชวยในการจดเกบขอมลเพอลดตนทนทางดานเอกสารตางๆ และสะดวกตอการคนหาขอมล และปองกนขอมลสญหาย

2. การเรยนการสอนระบบเดมเปนการบรรยายโดยครผสอนซงมวธในการสอน คอ เขยนบนกระดาน ยงไมมเทคโนโลยเขามาชวยสอนท าใหผเรยนไมเหนภาพ ผเรยนไมสามารถเรยนซ าไดจงจ าเปนตองจดท าระบบการเรยนรออนไลนขน

47

3.1.3 System Flowchart 3.1.3.1 Flowchart การท างานของระบบขนตอนสมครเรยน

เรมตน

กรอบใบสมคร

ตรวจสอบใบสมคร

บนทกขอมล

จบ

ภาพท 3-2 แสดงการสมครเรยน ค าอธบายขนตอนการท างาน

1. เรมตน 2. กรอกใบสมครเขาเรยน 3. ตรวจสอบเอกสารการสมครเรยนแลวครบท าการสมคร ถายงไมครบกจบการท างาน 4. เอกสารครบแลวกท าการสมครเรยน 5. บนทกขอมลของการสมครเรยน 6. จบการท างาน

48

3.1.3.2 Flowchart การท างานของระบบขนตอนการเขาเรยน

ภาพท 3-3 แสดงการท างานของการเขาเรยน

ค าอธบายขนตอนการท างาน 1. เรมตน 2. เขาเรยนหนงสอ 3. ครกจะท าการสอน 4. ครท าการเชคชอ 6.บนทก 5.จบการท างาน

49

3.1.3.3 Flowchart การท างานของระบบขนตอนการท าแบบฝกหด

ภาพท 3-4 การท างานของการท าแบบฝกหด

ค าอธบายขนตอนการท างาน 1.ครสอน 2.ครสงท าแบบฝกหด 3.นกเรยนท าแบบฝกหด 4.บนทก 5.จบการท างาน

50

3.1.3.4 Flowchart การท างานของระบบขนตอนการบาน

ภาพท 3-5การท างานของการบาน

ค าอธบายขนตอนการท างาน 1.ครสอน 2.ครสงท าการบาน 3.นกเรยนท าการบาน 4.บนทก 5.จบการท างาน

51

3.1.3.5 Flowchart การท างานของระบบขนตอนการท าแบบทดสอบ

ภาพท 3-6 การท างานของแบบทดสอบ

ค าอธบายขนตอนการท างาน 1.เขาเรยน 2.ครสงท าแบบทดสอบ 3.นกเรยนท าแบบทดสอบ 4.บนทก 5.จบการท างาน

52

3.1.3.6 ขนตอนการสอบวดผล

ภาพท 3-7 การท างานของการสอบวดผล

ค าอธบายขนตอนการท างาน 1.นกเรยนท าการสอบ 2.ครท าการตรวจคะแนน 3.ท าการวดผล 4.นกเรยนสอบไมผานท าการสอบแกตวถาผานแลวท าการบนทก 5.จบการท างาน

53

3.1.4 Context Diagram ระบบการเรยนการสอนในหองเรยน

ขอมลการเรยน

ขอมลการท าแบบฝกหดและการสอบ

สรปผลการเรยนคะแนนสอบ

รายละเอยดการเรยน

รายละเอยดการท าแบบฝกหด

รายละเอยดการสอบ

คะแนนทดสอบ

ขอมลผสอน

ขอมลบทเรยน

Context Diagram

0

ภาพท 3-8 Context Diagram ระบบการเรยนการสอน

ค าอธบายขนตอนการท างาน Context Diagram เปนระดบภาพรวมของระบบ ซงแสดงแหลงทมาของขอมล แหลงทมาไดแก นกเรยน อาจารย ซงอาจารยจะเปนตวกลางในการก าหนดแบบทดสอบ เพมลบ แกไข ขอสอบบทเรยนจะมรา ยงานขอมลผสอน รายงาน คะแนนการสอบรายงานการเพม /ลบแกไขบทเรยน นกเรยน จะไดรบการสรปผลการเรยนคะแนนในการสอบ ซงขอมลทใชในการเขาเรยน กจะประกอบไปดวย ขอมลนกเรยน ขอมลการเรยนและขอมลการสอบ และผลคะแนนกระบวนการประมวลผลไดแก ระบบการเรยนการสอนขอมล ไดแก สรปผลการเรยน ,คะแนนสอบ,ขอมลสมครเรยน,ขอมลการเรยน,ขอมลการสอบและผลคะแนน,ขอมลสมครเรยน,รายงานขอมลผสอน,รายงานการเพม/ลบแกไขบทเรยน,รายงานคะแนนการสอบ,ขอมลผสอน,ขอมลผสอน

54

3.1.5 Date Flow Diagram Level 1

D2

D1

D3

D2

D4

D1

D5

D6D7

1

2

3

ภาพท 3-9 Data Flow Diagram Level 1 : ระบบการเรยนการสอน

55

3.2 การวเคราะหและออกแบบระบบใหม ในสวนของการวเคราะหและออกแบบระบบงานใหม ผศกษาน ารายละเอยดและขนตอน

การวเคราะหและการออกแบบระบบ ซงไดน าขอเสนอแนะแนวความคดตางๆ มาประยกตใชงานโดยประกอบดวยการวเคราะหระบบงานใหมถาสมครสมาชกเสรจแลวกจะได Username และ passwordในการlogin จากนนท าแบบทดสอบ ดคะแนน ถาดใหเขาดเนอหาบทเรยน แลวท าแบบทดสอบ จะดขอมลสวนตวจากนนกออกจากระบบ ผดแลระบบ จดการอาจารยคอเพม ลบ แกไข ขอมลอาจารยจดการผเรยนเพม ลบ แกไข ขอมลนกเรยนดรายงานสามารถดรายงานขอมลสมาชกได สามารถรายงานคะแนนแบบทดสอบได ระบบเวบบอรดลบ แกไข ขอมลในเวบบอรด อาจารย ท าการ login เขาสระบบ มการตรวจสอบรหสผาน ถากรอกไมถก จะมการฟองขนมา ถาเขารหสแลวจะเจอเมน ใหเลอก ขอมล ขอมลผเรยนคะแนนผเรยน แบบทดสอบ ก าหนด เพมบทเรยน เพมเน อหา เลอกบทเรยน จะเขาสหนา สวนอาจารยสามารถจดการบทเรยนเพม ลบ แกไข บทเรยนทเปดสอนไดจดการสอแตละบทเรยน (ภาพ,เสยง,วดโอ,Flash,Doc,etc.)เพม ลบ แกไข บทเรยนไดจดการแบบฝกหดเพม ลบ แกไข แบบฝกหดไดจดกา รแบบทดสอบเพม ลบ แกไข แบบฝกหดไดจดการการบานเพม ลบ แกไข การบานได

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

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

ไฟล ระบบจดการขอมลแบบทดสอบ อาจารยเขาไป เพม ลบ แกไข ขอมลแบบทดสอบกอน

เรยนและหลงเรยน ระบบเขาเรยน ผเรยนเขาไปเลอกเรยนดวยตวเองบนเวบไซต ระบบการท าแบบทดสอบ ผเรยนเขาไปท าแบบทดสอบกอนเรยนและหลง เรยนดวยตวเอง

บนเวบไซต

56

3.2.1 System Flowchart 3.2.1.1 Flow Chart การจดการขอมล (สวนของผดแลระบบ)

เรมตน

กรอกขอมลUser,Password

ตรวจสอบUser,Password

เพม ลบ แกไข ขอมลของอาจารย

ตรวจสอบสวนของอาจารย

ตรวจสอบสวนของนกเรยน

ตรวจสอบรายงาน

จบการท างาน

ภาพท 3-10 Flow Chart แสดงการการจดการขอมลของผดแลระบบ

57

ค าอธบายขนตอนการท างาน Flow Chart การจดการขอมลของผดแลระบบ 1. กรอก User Password 2. ตรวจสอบความถกตอง User Passwordถาไมถกตอง 3. กลบไปกรอก User Password ใหม 4. ตรวจสอบการจดการในสวนของอาจารยถาตองการจดการในสวนของอาจารย 5. ท าการเพม ลบ แกไข ขอมลของอาจารยบนทกขอมล 6. ตรวจสอบการจดการในสวนของผเรยนถาตองการจดการในสวนของผเรยน 7. ท าการเพม ลบ แกไข ขอมลของผเรยนบนทกขอมล 8. ตรวจสอบการดรายงานถาตองการดในสวนของรายงาน 9. ดรายงานขอมลสมาชก 10. ดรายงานคะแนนแบบทดสอบได 11. จบการท างาน

58

3.2.1.2 ระบบการรายงาน

User Password

Update

Update

ภาพท 3-11 แสดง Flow Chart การท างานระบบการรายงาน

59

ค าอธบายขนตอนการท างาน Flow chart การท างานระบบการรายงาน 1. เรมตน 2. Username และPassword 3. ตรวจสอบวาเปนผดแลระบบหรอถาใชUpdateรายงาน 4. บนทกการUpdateรายงาน 5. แสดงรายละเอยดการUpdateรายงาน 6. จบการท างาน

60

3.2.1.3 Flow chart ระบบสมครสมาชก

User Password

Login

ภาพท 3-12Flow chart ระบบการสมครสมาชก

61

อธบายขนตอนการท างานของ Flow chart ระบบการสมครสมาชก 1. นกเรยนกรอกUserและPassword 2. ระบบตรวจสอบการเปนสมาชก 3. ถาใชระบบจะท าการLogin 4. ถาไมใชกท าการกรอกขอมลสมาชก 5. บนทกการสมครสมาชก 6. แสดงขอมลสมาชก 7. จบการท างาน

62

3.2.1.4 Flowchart การท างานของระบบ Login

Username Password

Username Password

Login

ภาพท 3-13 แสดง Flow chart การ Login

63

อธบายขนตอนการท างานของ Flow chart การLogin 1. เมอผใชระบบ ตองการเขาใชงานตองท าการ Login กอน 2. โดยกรอก Username และ Password หลงจากนนกท าการตรวจสอบขอมลผใชวาถกตอง

หรอไมถาไมถกตอง กท าการกรอก Username และ Password ใหมอกครง 3. ถาถกตอง กสามารถท าการเขาระบบได 4. จบการท างาน

64

3.2.1.5 Flowchart การท างานของระบบขนตอนการเขาเรยน

User Password

ภาพท 3-14 แสดงการท างานของการเขาเรยน

65

ค าอธบายขนตอนการท างานของระบบขนตอนการเขาเรยน 1. เรมตน 2. กรอกนกเรยนกรอกUserและPassword 3. ตรวจสอบการเขาเรยน 4. ถาไมเขาเรยนจบการท างาน 5. ถาใชท าการเขาเรยน 6. บนทกรายละเอยดการเขาเรยน 7. จบการท างาน

66

3.2.1.6 Flowchart การท างานของระบบขนตอนการท าแบบฝกหด

ภาพท 3-15 Flow chart การท างานของการท าแบบฝกหด

67

ค าอธบายขนตอนการท างานของการท าแบบฝกหด 1. กรอกขอมลผเรยน 2. เลอกท าแบบฝกหด 3. ถาไมจบการท างาน 4. ถาใชกรอกรายระเอยดการท าแบบฝกหด 5. บนทกการท าแบบฝกหด 6. จบการท างาน

68

3.2.1.7 Flowchart การท างานของระบบขนตอนการท าแบบทดสอบกอนเรยน-หลงเรยน

-

-

-

-

ภาพท 3-16 Flow chart การท างานของการท าแบบทดสอบกอนเรยน-หลงเรยน

69

ค าอธบายขนตอนการท างานของการท าแบบทดสอบกอนเรยน-หลงเรยน 1. กรอกขอมลผเรยน 2. เลอกท าแบบทดสอบกอนเรยน-หลงเรยน 3. ถาไมจบการท างาน 4. ถาใชกรอกรายระเอยดการท าแบบทดสอบกอนเรยน-หลงเรยน 5. บนทกการท าแบบฝกหดกอนเรยน-หลงเรยน 6. จบการท างาน

70

3.2.1.8 Flowchart การท างานของระบบขนตอนการUP-LOADการบาน

UP-LOAD

UP-LOAD

UP-LOAD

UP-LOAD

ภาพท 3-17 Flow chart การท างานของการUP-LOADการบาน

71

ค าอธบายขนตอนการท างานของการUP-LOADการบาน 1. กรอกขอมลผเรยน 2. เลอกUP-LOADการบาน 3. ถาใชท าการUP-LOADการบาน 4. บนทกการUP-LOADการบาน 5. ถาไมจบการท างาน 6. จบการท างาน

72

3.2.1.9 Flow chart การท างานของระบบขนตอนการจดการบทเรยน

User Password

ภาพท 3-18 Flow chart การท างานระบบจดการบทเรยน

73

ค าอธบายขนตอนการท างานของระบบจดการบทเรยน 1. กรอกUserและPassword 2. ตรวจสอบการเปนอาจารย 3. ถาใชท าการเพม ลบ แกไข ขอมลบทเรยน 4. บนทกการเพม ลบ แกไข ขอมลบทเรยน 5. แสดงรายละเอยดขอมลบทเรยน 6. ถาไมจบการท างาน 7. จบการท างาน

74

3.2.1.10 Flowchart ระบบจดการแบบทดสอบกอนเรยน-หลงเรยน

User Password

-

-

-

ภาพท 3-19 Flow chart การท างานระบบแบบทดสอบกอนเรยน-หลงเรยน

75

ค าอธบายขนตอนการท างานระบบแบบทดสอบกอนเรยน-หลงเรยน 1. กรอกUserและPassword 2. ตรวจสอบการเปนอาจารย 3. ถาใชท าการเพม ลบ แกไข แบบทดสอบกอนเรยน-หลงเรยน 4. บนทกการเพม ลบ แกไข แบบทดสอบกอนเรยน-หลงเรยน 5. แสดงรายละเอยดแบบทดสอบกอนเรยน-หลงเรยน 6. ถาไมจบการท างาน 7. จบการท างาน

76

3.2.1.11 Flowchart ระบบจดการแบบฝกหด

User Password

ภาพท 3-20 Flow chart การท างานระบบจดการแบบฝกหด

77

ค าอธบายขนตอนการท างานระบบจดการแบบฝกหด 1. กรอกUserและPassword 2. ตรวจสอบการเปนผดแลระบบ 3. ถาใชท าการเพม ลบ แกไข แบบฝกหด 4. บนทกการเพม ลบ แกไข แบบฝกหด 5. แสดงรายละเอยดแบบฝกหด 6. ถาไมจบการท างาน 7. จบการท างาน

78

3.2.1.12 Flow chart ระบบจดการการบาน

User Password

ภาพท 3-21 Flow chart การท างานระบบจดการการบาน

79

ค าอธบายขนตอนการท างานการท างานระบบจดการการบาน 1. กรอกUserและPassword 2. ตรวจสอบการเปนอาจารย 3. ถาใชท าการเพม ลบ แกไข การบาน 4. บนทกการเพม ลบ แกไข การบาน 5. แสดงรายละเอยดการบาน 6. ถาไมจบการท างาน 7. จบการท างาน

80

3.2.2 Context Diagram

ขอมลผเรยน

Username/Password

คะแนนการท าแบบทดสอบ

จดการผเรยน

ขอมลเขาเรยน

ขอมลการท าแบบทดสอบ

Up-Loadการบาน

0

จดการบทเรยน

รายละเอยดการท าแบบทดสอบ

รายละเอยดการเรยน

จดการการบาน

จดการสอแตละบทเรยนจดการแบบทดสอบ

รายละเอยดการท าแบบฝกหด

ผเรยนอาจารย

ขอมลการท าแบบฝกหด

จดการแบบฝกหด

รายระเอยดการจดการการบาน

ผดแลระบบ

ภาพท 3-22context diagram ระบบงานใหม

81

ค าอธบายขนตอนการท างาน context diagram เปนระดบภาพรวมของระบบ ซงแสดงแหลงทมาของขอมล แหลงทมา ไดแก นกเรยน อาจารย ผดแลระบบ ซงอาจารยจะเปนผทก าหนดขอมลการเพม /ลบแกไขบทเรยน ,แบบทดสอบ ,แบบฝกหดสวนผดแลระบบ จะม จกการ สมาชก จดการอาจารย รายงานคะแนน/ลบกระดานสนทนา ลบสมดเยยม นกเรยนมการสงขอมลผเรยน ขอมลท าแบบฝกหด ขอมลท าแบบทดสอบ และเลอกบทเรยนทจะเขาเรยนมาประมวลผลจากนน อาจารย จะท าการแสดงคะแนน ท าแบบทดสอบ ใหผเรยนไดร

82

3.2.3 Data Flow Diagram Level 1

1

D1

Login

2

-

3

4

5

6

8

D11

D2

D6

D12

D7

D9

D10

Up-load

User/password

D3 User/password

D15

D4

D5

7D13

รายละเอยดแบบฝกหด

การบาน

Up-load

D16 รายงานขอมลสมาชก

D17

D14

จดการแบบฝกหดD8

อาจารย

อาจารย

Admin

User/password

D4

Admin

ภาพท3-23 Data Flow Diagram Level 1: ระบบการเรยนการสอน

83

ค าอธบายขนตอนการท างาน Data Flow Diagram Level 1ระบบการเรยนการสอน เปนการท างานของระบบโดยแสดงภาพรวมทงหมด เรมจาก ผใชเขามาสมครสมาชก เมอ

ท าการสมครสมาชกแลวกท าการลอคอนเขาสระบบแลวท าการท าแบบทดสอบกอนเรยนจากนนเขาไปเรยนเรยนเสรจแลวท าแบบทดสอบหลงเรยนท าแบบทดสอบหลงเรยนเสรจแลวท าการท าแบบฝกหดพอผเรยนท าแบบฝกหดเสรจกท าการเลอกUP-LOADการบานรวมถงทางเวบไซตจะไดทราบถงความพอใจของผทเขามาใชบรการเวบไซต สวนอาจารยระกสามารถจดการบทเรยน จดการแบบฝกหด จดการการบานสวนผดแลระบบจดการผเรยน จดการอาจารย และออกรายงาน และหาขอมลใหมๆ และบทเรยนใหมๆ เพอรองรบความตองการของผใช และใหผใชพอใจในการใชบรการเวบไซตใหมากทสด

84

3.2.3.1 Data Flow Diagram Level 2 โปรเซสท 1 การสมครสมาชก

D1

Username/Password

1.1

Username/Password

1.2

D1

D1

1.3

ภาพท 3-24 DFD Level 2: ระบบการสมครสมาชก

85

3.2.3.2 Data Flow Diagram Level 2 โปรเซสท 2 การ Login

Username Password D2

Username password

D1

2.1

2.2

D2

D1

2.3

D2

Username Password

D3

D3

D3

ภาพท 3-25 แสดง Data Flow Diagram Level 2 โปรเซสท 2 การLogin

86

3.2.3.4 Data Flow Diagram Level 2 โปรเซสท 3 แบบทดสอบกอน-หลง

/

3.1

D5

3.2

3.3

D 18

3.4

D4

จดการแบบทดสอบ

ภาพท 3-26 แสดง Data Flow Diagram Level 2 แบบทดสอบกอน-หลง

87

3.2.3.5 Data Flow Diagram Level 2 โปรเซสท 4การเรยน

4.1

D7

4.2

D8

ภาพท 3-27 แสดง Data Flow Diagram Level 2 การเรยน

88

3.2.3.6 Data Flow Diagram Level 2 โปรเซสท 5แบบฝกหด

5.1

D1

D105.2

5.3

รายละเอยดการท าแบบฝกหด

ภาพท 3-28 แสดง Data Flow Diagram Level 2: แบบฝกหด

89

3.2.3.7 Data Flow Diagram Level 2 โปรเซสท 6การบาน

Up-Load

6.1

Up-LOAD Up-LOAD

Up-LOAD

D11

D126.2

6.3

Admin/

ภาพท 3-29 แสดง Data Flow Diagram Level 2: การบาน

90

3.2.3.8 Data Flow Diagram Level 2 โปรเซสท 7จดการบทเรยน

D13

7.1

7.2

7.3

D13

D13

ภาพท 3-30 แสดง Data Flow Diagram Level 2 จดการบทเรยน

91

3.2.3.9 Data Flow Diagram Level 2 โปรเซสท 8รายงาน

8.1

D15

8.2

8.3

D 16

ภาพท 3-31 แสดง Data Flow Diagram Level 2 รายงาน

92

3.2.4 ER-Diagram Model

สมาชก บทเรยน1 M

การบาน

ด

อาจารย

การจดการ

M

1

1

ม

1

M

เขาเรยนแบบทดสอบ

ม 11

นกเรยน

ท า

1

M

แบบฝกหด

ม

M

1

M

รายงาน

ท าM

1

ท าการ

เรยน

M

M

ม

1

M

Admin

จดการ

1

M

จดการ

1

จดการ m

1

ภาพท 3-32 E-R Diagram

93

3.3 ก าหนดความสมพนธ 3.3.1 ความสมพนธระหวางสมาชกกบบทเรยน

1 M

ภาพท 3-33 E-R Diagram แสดงความสมพนธระหวางสมาชกกบบทเรยนสมาชกหนงคนสามารถ

จะเขาใชงานบทเรยนไดหลายบทเรยน

3.3.2 ความสมพนธระหวางบทเรยนกบแบบทดสอบ

1 M

ภาพท 3-34 E-R Diagram แสดงความสมพนธระหวางบทเรยนกบแบบทดสอบบทเรยนหนงบทม

แบบทดสอบหลายแบบทดสอบ

3.3.3ความสมพนธระหวางบทเรยนกบแบบฝกหด

1 M

ภาพท 3-35 E-R Diagram แสดงความสมพนธบทเรยนกบแบบฝกหดบทเรยนหนงบทมแบบฝกหดหลายขอ

3.3.4ความสมพนธระหวางบทเรยนกบการบาน

1 1

ภาพท 3-36 E-R Diagram แสดงความสมพนธระหว างบทเรยนกบการบานบทเรยนหนงบทม

การบานหลายขอ

94

3.3.5 ความสมพนธระหวางอาจารยกบบทเรยน

1 M

ภาพท 3-37 E-R Diagram แสดงความสมพนธระหวาง

3.3.6 ความสมพนธระหวางอาจารยกบสมาชก

1 M

ภาพท 3-38 E-R Diagram แสดงความสมพนธระหวางอาจารยกบสมาชกอาจารยหนงคนสามารถ

จดการสมาชกไดหลายคน

3.3.7 ความสมพนธระหวางนกเรยนกบแบบทดสอบ

1 M

ภาพท 3-39 E-R Diagram แสดงความสมพนธระหวาง นกเรยนกบแบบทดสอบนกเรยนหนงคน

สามารถท าแบบทดสอบไดหลายแบบทดสอบ

3.3.8 ความสมพนธระหวางผนกเรยนกบแบบฝกหด

1 M

ภาพท 3-40 E-R Diagram แสดงความสมพนธระหวาง นกเรยนกบแบบฝกหดนกเรยนหนงคน

สามารถท าแบบฝกหดไดหลายขอ

95

3.3.9 ความสมพนธระหวางอาจารยกบรายงาน

1 M

ภาพท 3-41 E-R Diagram แสดงความสมพนธระหวาง อาจารยหนงคนสามารถดรายงานไดหลายรายงาน

96

3.4 Data Dictionary ตารางท 3-1 ขอมลสมาชก (eln_member)

Attribute Description Data Type PK FK Reference

id_mamber รหสนกเรยน Int(6) PK

username ชอเขาระบบ Char(20)

password รหสผาน Char(20)

fast_name ชอสมาชก Varchar(20)

last_name นามสกลสมาชก Varchar(20)

sex เพศ Varchar(2)

addrate ทอย(เลขท ,หมท) Varchar(100)

ampor อ าเภอ Varchar(20)

province จงหวด Varchar(30)

postcode รหสไปรษณย Varchar(5)

mem_mobile เบอรโทรศพท Varchar(10)

email อเมล Varchar(20)

ตารางท 3-2 แสดงตารางขอมลบทเรยน (eln_chapter)

Attribute Description Data Type PK FK Reference

id_Chapter รหสบทเรยน Int(10) PK number_Chapter บทเรยนท Varchar(15) FK name ชอบทเรยน Varchar(100) flash บทเรยน Varchar(100) file_downlode ไฟล Varchar(100)

97

ตารางท 3-3 แสดงตารางฐานขอมลการบาน ( eln_workshop) Attribute Description Data Type PK FK Reference id_workshop รหสการบาน Int(10) PK Name หวขอการบาน Varchar(199) contex รายละเอยด text file ไฟล Varchar(100) data วน-เดอน-ป Varchar(50) limie ก าหนดสง Varchar(20) ตารางท 3-4 แสดงตารางฐานขอมลค าถามเวบบอรด (eln_wabbord) Attribute Description Data Type PK FK Reference id_question รหสค าถาม Int(10) PK Name ชอสมาชก Varchar(30) Email อเมลล Varchar(30) data วน-เดอน-ป Varchar(50)

ตารางท 3-5 แสดงตารางฐานขอมลตารางตดตอAdmin ( eln_commu) Attribute Description Data Type PK FK Reference id_com รหสตดตอ Int(11) PK hert หวขอ Varchar(50) contex รายละเอยด text name ชอ Varchar(50) email อเมล Varchar(100) date วน-เดอน-ป Varchar(15)

98

ตารางท 3-6 แสดงตารางฐานขอมลคถาม( eln_exercises) Attribute Description Data Type PK FK Reference id_Questions รหสค าตอบ Varchar(20) PK id_Lessons รหสค าถาม Varchar(10) name ชอค าถาม text ตารางท 3-7 แสดงตารางฐานขอมลเกบคะแนน (eln_score) Attribute Description Data Type PK FK Reference id_Score รหสคะแนน Int(11) PK id_Lessons รหสค าถาม Varchar(20) id_mamber รหสสมาชก Varchar(20) Score คะแนน Varchar(20)

date วน-เดอน-ปเวลา

Varchar(20)

teme เวลา Varchar(20)

ตารางท 3-8 แสดงตารางฐานขอมลค าตอบเวบเบอรด ( eln_tob) Attribute Description Data Type PK FK Reference id_tob รหสค าตอบ Int(11) PK id_question รหสค าถาม Varchar(20) tob ค าตอบ text name ชอ Varchar(50)

date วน-เดอน-ปเวลา

Varchar(20)

99

ตารางท 3-9 แสดงตารางฐานขอมลตารางสงการบาน (eln_to_ws) Attribute Description Data Type PK FK Reference id_to รหสการสง Int(11) PK id_workshop รหสการบาน Varchar(20) id_mamber รหสสมาชก Varchar(20) fine ชอไฟล Varchar(100)

ตารางท 3-10 แสดงตารางฐานขอมลตารางค าตอบ (eln_answers) Attribute Description Data Type PK FK Reference id_Answers รหสค าตอบ Int(11) PK id_Questions รหสค าถาม Varchar(20) Name_Answers ชอค าตอบ text Answers ค าตอบ Varchar(20)

100

3.5 Site Map

Home

Admin Login

ภาพท 3-42 Sitemap

101

3.2.6 Input DESIGN หนาแรกของเวบไซต

ภาพท 3-43 แสดงหนาจอหลก

หนาสมครสมาชก

ภาพท 3-44 แสดงหนาสมครสมาชก

102

หนา Login

ภาพท 3-45 แสดงหนา Login

หนาบทเรยน

ภาพท 3-46 แสดงหนาบทเรยน

103

หนาแบบทดสอบ

ภาพท 3-47 แสดงหนาแบบทดสอบ

หนาแบบฝกหด

ภาพท 3-48 แสดงหนาแบบฝกหด

104

หนาUP-LOADการบาน

ภาพท 3-49 แสดงหนาUP-LOADการบาน

หนาผดแลระบบ

ภาพท 3-50 แสดงหนาจอ Login ส าหรบผดแลระบบ

105

หนาจดการขอมลสวนขอผดแลระบบ

ภาพท 3-51 แสดงหนาจดการขอมลสวนขอผดแลระบบ

หนาLoginเขาสระบบอาจารย

ภาพท 3-52 แสดงหนาLoginเขาสระบบอาจารย

106

หนาสวนของอาจารย

ภาพท 3-53 แสดงหนาเขาสระบบอาจารย