ระบบจัดการข้อมูลสินค้า otop otop data...

ระบบจดการขอมลสนคา OTOP

OTOP DATA MANAGEMENT SYSTEM

โดย

นางสาวลดดาวรรณ ขนสอาด รหสประจ าตว 574708010008 นางสาววชรพร แสนพรม รหสประจ าตว 574708010009

นายวนชย สวรรณวฒนา รหสประจ าตว 574708010011

อาจารยทปรกษา

อาจารยลลตา สนตวรรกษ

รายงานนเปนสวนหนงของวชาโครงงาน 2

ภาคเรยนท 2 ปการศกษา 2558

หลกสตรบรหารธรกจบณฑต

สาขาวชาระบบสารสนเทศ คณะเทคโนโลยสารสนเทศ

มหาวทยาลยธรกจบณฑตย

ใบรบรองการตรวจสอบและอนมตรายงานวชาโครงงาน

เรอง

ระบบจดการขอมลสนคา OTOP


โดย

นางสาวลดดาวรรณ ขนสอาด รหสประจ าตว 574708010008

นางสาววชรพร แสนพรม รหสประจ าตว 574708010009

นายวนชย สวรรณวฒนา รหสประจ าตว 574708010011

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

การศกษาวชาโครงงาน หลกสตรบรหารธรกตบณฑต

สาขาวชาระบบสารสนเทศ คณะเทคโนโลยสารสนเทศ

มหาวทยาลยธรกจบณฑตย

ประจ าภาคเรยนท 2 ปการศกษา 2558

.............................................................. อาจารยทปรกษา

(อาจารยลลตา สนตวรรกษ)

.............................................................. กรรมการสอบ

(อาจารยปาณตา ธสรานนท)

.............................................................. กรรมการสอบ

(อาจารยเฉลมพล ศรกายน)

ชอหวขอ ระบบจดการขอมลสนคา OTOP


นกศกษา นางสาวลดดาวรรณ ขนสอาด

นางสาววชรพร แสนพรม

นายวนชย สวรรณวฒนา

อาจารยทปรกษา อาจารยลลตา สนตวรรกษ

ระดบการศกษา บรหารธรกจบณฑต สาขาวชาระบบสารสนเทศ

ปการศกษา 2558

บทคดยอ

โครงงานนเปนระบบการจดการสนคา OTOP ซงในระบบนนจะประกอบไปดวยผดแลระบบ

(admin) เจาของกจการและผประกอบการ (user) ซงในสวนของผดแลระบบนนจะสามารถควบคมในสวนของการ

เขาสระบบ ดขอมลสนคา คนหาขอมลสนคา เพมขอมลสนคา แกไขขอมลสนคา และลบขอมลสนคา และในสวน

ของผเจาของกจการหรอผประกอบการนนจะสามารถเขาสระบบ ดขอมลสนคาของตนเอง เพมขอมลสนคาของ

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

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

การศกษาและพฒนาโครงงานน เพอรวบรวมสนคา OTOP ของแตละจงหวดใหมาอยในทเดยวกน เพอใหงายตอ

การคนหา และยนระยะเวลาในการคนหาขอมลสนคา OTOP ของแตละจงหวด เนองจากขอมลทงหมดรวมมาอย

ในเวบไซตเดยวกนและมการสรางขอมลทมการ Update อยเสมอ รวมทงการสรางเวบไซตทมการแบงแยก

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

การจดการขอมล OTOP ขนมาตามขอบเขตการท างานทตงไว

กตตกรรมประกาศ

การจดท าโครงงานระบบจดการขอมลสนคา OTOP น ส าเรจลลวงไปไดดวยด ผจดท าขอขอบพระคณ

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

การด าเนนงาน

ขอขอบคณ อาจารยลลตา สนตวรรกษ อาจารยทปรกษาโครงงาน ผทใหค าปรกษา ใหค าแนะน า และให

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

ทายน ขอกราบขอบพระคณ บดา - มารดา และบคคลในครอบครว ซงคอยใหความชวยเหลอในเรองทน

ทรพยในการจดท าโครงงาน และทส าคญยงแกผจดท า คอก าลงใจทมใหแกผจดท าเสมอมาจนส าเรจการศกษา

ผจดท า

สารบญ หนา

บทคดยอภาษาไทย ................................................................................................................................................ I

กตตกรรมประกาศ................................................................................................................................................. II

สารบญ ................................................................................................................................................................. III

สารบญตาราง .......................................................................................................................................................V

สารบญรป ............................................................................................................................................................VI

บทท 1 บทน า

1.1 ความส าคญและทมาของปญหา ................................................................................................................... 1

1.2 วตถประสงค ................................................................................................................................................ 1

1.3 ความสามารถพนฐานของระบบ .................................................................................................................. 2

1.4 กลมผใชงาน ................................................................................................................................................ 2

1.5 ระยะเวลาด าเนนงาน ................................................................................................................................... 2

1.6 ประโยชนทจะไดรบเมอเสรจสนโครงการ..................................................................................................... 3

1.7 เทคโนโลยทใช ............................................................................................................................................. 3

บทท 2 ทฤษฎทเกยวของ

2.1 การศกษาระบบงานเดม .............................................................................................................................. 4

2.2 การศกษาระบบงานใหม .............................................................................................................................. 5

2.3 ทฤษฎและเทคโนโลยทใชในการพฒนาระบบ .............................................................................................. 5

บทท 3 ขนตอนการจดสรางโครงงาน

3.1 การวเคราะหระบบ ...................................................................................................................................... 8

สารบญ หนา

บทท 4 การท างานของระบบ

4.1 สวนของผดแลระบบ .................................................................................................................................. 36

4.2 สวนของเจาของกจการและผประกอบการ ................................................................................................ 42

บทท 5 การสรปผลการพฒนาโครงงาน ปญหา และขอเสนอแนะ

5.1 สรปผลการด าเนนงาน ............................................................................................................................... 46

5.2 ปญหาในการด าเนนงาน ............................................................................................................................ 46

5.3 ขอเสนอแนะ ............................................................................................................................................. 47

บรรณานกรม.......................................................................................................................................................48

ภาคผนวก ...............................................................................................................................................................

สารบญตาราง หนา

ตารางท

1.1 ระยะเวลาและขนตอนในการด าเนนงาน...................................................................................................... 2

3.1 ตาราง Use Case Description การเขาสระบบ ....................................................................................... 16

3.2 ตาราง Use Case Description ดขอมลสนคา .......................................................................................... 17

3.3 ตาราง Use Case Description คนหาสนคา ............................................................................................ 18

3.4 ตาราง Use Case Description เพมขอมลสนคา ...................................................................................... 19

3.5 ตาราง Use Case Description แกไขขอมลสนคา .................................................................................... 20

3.6 ตาราง Use Case Description ลบขอมลสนคา ....................................................................................... 21

3.7 ตาราง useraccount ................................................................................................................................ 30

3.8 ตาราง product ........................................................................................................................................ 31

3.9 ตาราง subdistrict .................................................................................................................................... 31

3.10 ตาราง district ........................................................................................................................................ 32

3.11 ตาราง province .................................................................................................................................... 32

3.12 ตาราง region ......................................................................................................................................... 32

3.13 ตาราง productstar ............................................................................................................................... 33

3.14 ตาราง producttype ............................................................................................................................. 33

3.15 ตาราง useraccount .............................................................................................................................. 34

3.16 ตาราง product ...................................................................................................................................... 34

3.17 ตาราง subdistrict ................................................................................................................................. 34

สารบญตาราง หนา

ตารางท

3.18 ตาราง district ........................................................................................................................................ 34

3.19 ตาราง province .................................................................................................................................... 35

3.20 ตาราง region ......................................................................................................................................... 35

3.21 ตาราง productstar ............................................................................................................................... 35

3.22 ตาราง producttype ............................................................................................................................. 35

สารบญรป หนา

รปท

2.1 ตวอยาง Homepage เวบไซต OTOP 5 STAR ........................................................................................... 4

3.1 แผนผง Flow Chart แสดงขนตอนการเขาสระบบ ...................................................................................... 9

3.2 แผนผง Flow Chart แสดงขนตอนดสนคา................................................................................................ 10

3.3 แผนผง Flow Chart แสดงขนตอนการคนหาสนคา .................................................................................. 11

3.4 แผนผง Flow Chart แสดงขนตอนการเพมสนคา ..................................................................................... 12

3.5 แผนผง Flow Chart แสดงขนตอนการแกไขสนคา ................................................................................... 13

3.6 แผนผง Flow Chart แสดงขนตอนการลบสนคา ....................................................................................... 14

3.7 UML Use Case Diagram การจดการขอมลสนคา OTOP ....................................................................... 15

3.8 UML Activity Diagram การเขาสระบบ .................................................................................................. 22

3.9 UML Activity Diagram การคนหาขอมลสนคา ....................................................................................... 23

3.10 UML Activity Diagram การดขอมลสนคา ............................................................................................ 24

3.11 UML Activity Diagram การเพมขอมลสนคา ........................................................................................ 25

3.12 UML Activity Diagram การแกไขขอมลสนคา ...................................................................................... 26

3.13 UML Activity Diagram การลบขอมลสนคา .......................................................................................... 27

3.14 UML Class Diagram การจดการขอมลสนคา OTOP ............................................................................ 28

3.15 Entity-Relationship Model การจดการขอมลสนคา OTOP ................................................................ 29

4.1 แสดงหนาจอการเขาสระบบ ...................................................................................................................... 36

4.2 แสดงหนาจอโดยรวมของผดแลระบบ ........................................................................................................ 37

4.3 แสดงหนาจอขอมลสนคาของผดแลระบบ .................................................................................................. 37

สารบญรป หนา

4.4 แสดงหนาจอขอมลสนคาของผดแลระบบ .................................................................................................. 38

4.5 แสดงหนาจอแกไขขอมลสนคาของผดแลระบบ ......................................................................................... 38

4.6 แสดงหนาจอขอมลสมาชกโดยรวมของผดแลระบบ ................................................................................... 39

4.7 แสดงหนาจอขอมลสมาชกของผดแลระบบ ............................................................................................... 39

4.8 แสดงหนาจอการเพมขอมลสนคาของผดแลระบบ ..................................................................................... 40

4.9 แสดงหนาจอการเพมขอมลสมาชกของผดแลระบบ ................................................................................... 40

4.10 แสดงหนาจอรายละเอยดสนคาทรอการอนมต ........................................................................................ 41

4.11 แสดงหนาจอรายละเอยดผใชงานทรอการอนมต ..................................................................................... 41

4.12 แสดงหนาจอการเขาสระบบ .................................................................................................................... 42

4.13 แสดงหนาจอการสมครสมาชก ................................................................................................................ 42

4.14 แสดงหนาจอขอมลสนคาของเจาของกจการและผประกอบการ .............................................................. 43

4.15 แสดงหนาจอขอมลสนคาของเจาของกจการและผประกอบการ .............................................................. 44

4.16 แสดงหนาจอแกไขสนคาของเจาของกจการและผประกอบการ ............................................................... 44

4.17 แสดงหนาจอแกไขขอมลผใชของเจาของกจการและผประกอบการ ......................................................... 45

4.18 แสดงหนาจอการเพมขอมลสนคาของเจาของกจการและผประกอบการ .................................................. 45

บทท 1

บทน ำ

1.1 ควำมส ำคญและทมำของปญหำ

ในปจจบน จ ำนวนขอมลทมกำรคนหำในเวบไซต Search Engine นนมจ ำนวนมำกเปนลำนลำน

ครง โดยในรอบป แตละคยเวรดนนมกำรคนหำซ ำ ๆ กน ซงหนงในนนคอ สนคำ OTOP ของแตละจงหวด

แตขอมลทคนหำไดนนเกดจำกกำรเจำะจงคนหำจงหวดใดจงหวดหนงหรอต ำบลใดต ำบลหนงเทำนน และ

จ ำนวนของขอมลมจ ำนวนมำก ซงท ำใหเสยเวลำหำกตองกำรทจะคนหำขอมลสนคำทกต ำบลทกจงหวด

ทกผลตภณฑในแหลงเดยว และขอมลในบำงเวบไซตนนไมมกำร Update ไมมกำรแบงแยกประเภทสนคำ

ทชดเจน เชน อำหำร สนคำใชสอย ยำ เครองนงหม เปนตน ไมมขอมลเชงลกส ำหรบกำรแบงแยกสนคำ

เชน มรวมสนคำเปนรำยจงหวด แตไมมขอมลเชงลกในแตละอ ำเภอวำอ ำเภอใดผลตสนคำอะไร

ซงปญหำทวำมำนนท ำใหผจดท ำเลงเหนถงปญหำและควำมตองกำรของผใชงำนวำควรมกำรเกบ

รวมรวมขอมลทงหมดมำไวในแหลงเดยวกน มกำรแบงแยกประเภทในกำรจดรำยกำรขอมลแบงแยก

ประเภทตำมจงหวด ภำค ต ำบล ระดบดำว ประเภทสนคำ และไดมกำรก ำหนดรหสสนคำเพอใหงำยตอ

กำรคนหำและแกไขขอมลใหเปนปจจบนอยเสมอ

1.2 วตถประสงค

1. เพอรวบรวมสนคำ OTOP ของแตละจงหวดใหมำอยในทเดยวกน เพอใหงำยตอกำรคนหำ

2. เพอยนระยะเวลำในกำรคนหำขอมลสนคำ OTOP ของแตละจงหวด เนองจำกขอมลทงหมด

รวมมำอยในเวบไซตเดยวกน

3. เพอสรำงขอมลทมกำร Update อยเสมอ

4. เพอสรำงเวบไซตทมกำรแบงแยกประเภทสนคำทชดเจน

5. มขอมลเชงลกส ำหรบแตละสนคำ วำมำจำกอ ำเภอใด จงหวดใด

2

1.3 ควำมสำมำรถพนฐำนของระบบ

1. สำมำรถเพมขอมลสนคำ OTOP ในแตละพนทได

2. สำมำรถแกไขขอมลสนคำ OTOP ในแตละชนได

3. สำมำรถจดรำยกำรขอมลสนคำแยกตำมระดบดำว

4. สำมำรถจดรำยกำรขอมลสนคำแยกตำมภำค

5. สำมำรถจดรำยกำรขอมลสนคำแยกตำมจงหวด

6. สำมำรถจดรำยกำรขอมลสนคำแยกตำมประเภทสนคำ

7. สำมำรถจดรำยกำรขอมลสนคำแยกตำมรหสสนคำ

8. สำมำรถลบขอมลสนคำ OTOP ในแตละชนได

1.4 กลมผใชงำน

1. ผดแลระบบ

2. เจำของกจกำรและผประกอบกำร

1.5 ระยะเวลำด ำเนนงำน

รวมขนตอนกำรวเครำะห ออกแบบ เขยนโปรแกรม และทดสอบระบบประมำณ 9 เดอน

ตำรำงท 1.1 ระยะเวลำและขนตอนในกำรด ำเนนงำน

ส.ค . ก.ย. ต .ค . พ.ย. ธ .ค ม .ค . ก.พ. ม .ค . เม .ย.

1 ศกษาความตองการของระบบ

2 ศกษาเทคโนโลยและทฤษฎทเกยวของ

3 วเคราะหและออกแบบระบบ

4 พฒนาระบบ

5 ทดสอบระบบ

6 ปรบปรงและแกไขระบบ

7 จดท าคมอและเอกสารประกอบโครงการ

ป พ.ศ . 2558 ป พ.ศ . 2559ล ำดบ หวข อในกำรด ำเนนงำน

3

1.6 ประโยชนทจะไดรบเมอเสรจสนโครงกำร

1. รวบรวมสนคำ OTOP ของแตละจงหวดใหมำอยในทเดยวกน ท ำใหงำยตอกำรคนหำ

2. สำมำรถยนระยะเวลำในกำรคนหำขอมลสนคำ OTOP ของแตละจงหวด เนองจำกขอมล

ทงหมดรวมมำอยในเวบไซตเดยวกน

3. มเวบไซตทมกำรแบงแยกประเภทสนคำทชดเจน และ มขอมลเชงลกส ำหรบแตละสนคำ วำ

มำจำกอ ำเภอใด จงหวดใด

1.7 เทคโนโลยทใช

1. Xampp ใชส ำหรบจ ำลอง Server 2. PHP MyAdmin Database Manager ใชส ำหรบจดกำรขอมลในระบบ Database 3. Adobe Dreamweaver ใชส ำหรบสรำงหนำเวบไซต 4. Adobe Photoshop ใชส ำหรบตกแตงหนำเวบไซต 5. My SQL ใชส ำหรบท ำระบบฐำนขอมล 6. Microsoft Visio ใชส ำหรบสรำง Diagram ตำง ๆ 7. Microsoft Word ใชส ำหรบส ำหรบจดท ำรำยงำน

บทท 2

ทฤษฎทเกยวของ

ในระบบกำรจดกำรขอมลสนคำ OTOP นน ผจดท ำไดท ำกำรศกษำคนควำขอมล ขนตอนและวธกำรตำง ๆทเกยวของกบโครงกำรครงน โดยมหวขอระบบงำนตำง ๆดงน

2.1 กำรศกษำระบบงำนเดม จำกเวบไซต OTOP 5 STAR

จำกกำรทไดท ำกำรศกษำระบบงำนเดม ของขอมลสนคำ OTOP จำกเวบไซต

http://www.otop5star.com นน ไมพบกำรแยกขอมลสนคำเปนต ำบล ตำมแตละจงหวด และกำรจดแบง

ประเภทสนคำ ประเภทดำว ในหนำเวบไซตดสนคำนนมรำยละเอยดเพยงเลกนอย มกำรแสดงผลขอมลทยำกตอ

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

ท ำใหรปแบบทแสดงผลออกมำนนปรบเปลยนไดคอนขำงยำกทงนทำงผจดท ำไดเลงเหนถงปญหำทเกดขนจง

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

รปท 2.1 ตวอยำง Homepage เวบไซต OTOP 5 STAR (http://www.otop5star.com)

5

2.2 กำรศกษำระบบงำนใหม

ทงนทำงผจดท ำไดเลงเหนถงปญหำทเกดขนจงตองกำรทจะปรบปรงในสวนของขอมลใหมรำยละเอยด

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

จงหวดนน และจดกำรแบงประเภทสนคำ ประเภทดำว ใหสำมำรถเขำขอมลไดอยำงรวดเรว และมประสทธภำพ

มำกขน

ในสวนของกำรพฒนำเวบไซตกำรจดเกบขอมล เรำจะท ำกำรออกแบบ ใหเวบไซตดทนสมยแกกำรใชงำน

มำกยงขน

2.3 ทฤษฎและเทคโนโลยทใชในกำรพฒนำระบบ

2.3.1 XAMPP Xampp คอโปรแกรมส ำหรบจ ำลองเครองคอมพวเตอรสวนบคคล ใหท ำงำนในลกษณะของ Webserver นนคอเครองคอมพวเตอรจะเปนทงเครองแม และเครองลกในเครองเดยวกน ท ำใหไมตองเชอมตอกบ Internet สำมำรถทดสอบเวบไซตทสรำงขนไดทกททกเวลำ ปจจบนไดรบควำมนยมจำกผใช CMS ในกำรสรำงเวบไซตพฒนำโดยกลมทมงำน Apache Friends เปนแพคเกจทตดตงและสำมำรถท ำงำนไดในหลำยแพลตฟอรม เชน Windows, Mac OS X, Solaris และ Linux วตถประสงคหลกของแพคเกจคอกำรลดควำมยงยำกในกำรตดตง และกำรใหบรกำรเวบตำง ๆ XAMPP ประกอบดวย Apache HTTP Server, MySQL database และสครปต PHP และ โปรแกรมภำษำ Perl

2.3.2 PHP MyAdmin Database Manager

PHP MyAdmin Database Manager คอ โปรแกรมทจดท ำกระบวนกำรสงออกตำรำงขอมล หรอฐำนขอมล ในกรณตำง ๆ เชนกำร Backup ขอมล หรอกำรสงไฟลฐำนขอมลใหกบบคคลอน

ใชในกำรสรำงฐำนขอมล Database แกไขขอมล เพมขอมล และลบขอมล

6

2.3.3 Microsoft Visio Professional 2013

Microsoft Visio Professional 2013 คอโปรแกรมทสำมำรถสรำงและแชร Diagram แบบมออำชพทใชงำนอยำงอเนกประสงค ซงจะชวยลดควำมซบซอนของขอมลได

ใชในกำรสรำงรปภำพขอมล Diagram เพอใหเขำใจมำกยงขน

2.3.4 Unified Modeling Language หรอ แผนภำพ UML

โมเดลมำตรฐำนทใชกบหลกกำรออกแบบ (Object oriented programming) ซงเปนสญลกษณทน ำไปใชใน Model ตำง ๆ

ใชในกำรแสดงแผนภำพของกำรท ำงำน ใชเพอเลำเรองรำวของระบบกำรท ำงำนวำมอะไรบำง

2.3.5 Entity-Relationship Diagrams

แบบจ ำลองทใชอธบำยโครงสรำงของฐำนขอมล ซงเขยนออกมำในลกษณะของรปภำพ กำรอธบำยโครงสรำงควำมสมพนธของขอมล (Relationship)

ใชในกำรจ ำลองโครงสรำงของฐำนขอมล

7

2.3.6 Adobe Dreamweaver

เปนโปรแกรมส ำเรจรปทใชส ำหรบกำรพฒนำเวบไซต โดยมคณสมบตในกำรออกแบบและสรำงเวบเพจ จนถงกำรพฒนำแอพพลเคชนเบองตน

ใชในกำรสรำงเวบเพจเสมอนจรง โดยใชภำษำHTML

2.3.7 Adobe Photoshop

เปนโปรแกรมทมควำมสำมำรถในกำรออกแบบกรำฟก เพอน ำไปใชรวมกบงำนในดำนตำง ๆ เชน งำนกรำฟกทเกยวกบสอสงพมพทกประเภท งำนกรำฟกบนเวบไซตและกำรตกแตงภำพถำยจำกกลองดจตอล ซงอำจกลำวไดวำเปนโปรแกรมทมผนยมน ำมำใชในกำรออกแบบและตกแตงภำพถำยมำกทสด

ใชในกำรแตงรปภำพ เพอใชในกำรตกแตงเวบไซต

2.3.8 Microsoft Word

คอโปรแกรม Word processor ทเหมำะส ำหรบกำรพมพรำยงำน พมพจดหมำย หรอจะใชแตงนยำยกได

ใชในกำรเรยบเรยงขอมลทเปนตวอกษร หรอตวเลข ทจะน ำมำจดท ำรปเลมโครงกำร

บทท 3

ขนตอนกำรจดสรำงโครงงำน

3.1 กำรวเครำะหระบบ

กำรวเครำะหระบบ เปนกำรแสดงแผนภำพของรปแบบกำรท ำงำนภำยในระบบจดกำรขอมล

สนคำ OTOP โดยผลกำรวเครำะหแสดงขอมลดงตอไปน

Flow Chart ใชส ำหรบแสดงรำยละเอยดผงงำน กำรไหลของขอมล

UML Use Case Diagram ใชส ำหรบแสดงแผนภำพทแสดงกำรท ำงำนของผใชระบบ

UML Use Case Description ใชส ำหรบอธบำยรำยละเอยดกำรท ำงำนของ Use Case

Diagram

UML Activity Diagram ใชส ำหรบแสดงขนตอนกำรท ำงำนของ Use Case Diagram

UML Class Diagram ใชส ำหรบแสดง Class และควำมสมพนธในแงตำง ๆระหวำง Class

Entity-Relationship Model ใชส ำหรบออกแบบฐำนขอมล

9

3.1.1 Flow Chart

Flow Chart แสดงขนตอนกำรเขำสระบบ

เรมตน

กรอกขอมลกำรเขำสระบบ

ตรวจสอบขอมลกำรเขำสระบบ

เขำสระบบ

จบกำรท ำงำน

ถกตอง

ไมถกตอง

รปท 3.1 แผนผง Flow Chart แสดงขนตอนกำรเขำสระบบ

เรมตนกำรท ำงำนดวยกำรเขำส

ระบบ

ในแบบฟอรมกำรเขำระบบ ให

ผดแลระบบกรอกขอมลในกำรเขำส

ระบบ

(Username/Password)

ระบบจะท ำกำรตรวจสอบขอมล

กำรเขำระบบ

หำกขอมลถกตอง ระบบจะแสดงผล

รำยละเอยดกำรเขำสระบบ

หำกขอมลไมถกตอง ระบบจะ

ยอนกลบไปยงกำรเขำสระบบใหม

สนสดกำรท ำงำน

10

Flow Chart แสดงขนตอนกำรดสนคำ

เรมตน


แสดงขอมลสนคำ

เรยกดขอมลสนคำ

รปท 3.2 แผนผง Flow Chart แสดงขนตอนกำรดสนคำ


ระบบ

เขำสกำรเรยกดขอมลสนคำ

แสดงผลขอมลสนคำ


11

Flow Chart แสดงขนตอนกำรคนหำสนคำ

เรมตน

กรอกขอมลสนคำทต องกำร

คนหำ

ตรวจสอบขอมลสนคำ



พบสนคำ

รปท 3.3 แผนผง Flow Chart แสดงขนตอนกำรคนหำสนคำ


ระบบ

ในแบบฟอรมกำรคนหำสนคำ ให

ผดแลระบบกรอกขอมลในกำร

คนหำขอมลสนคำทตองกำร

คนหำ


สนคำ

หำกพบขอมลสนคำระบบจะ


หำกไมพบขอมลสนคำ ระบบจะ

ยอนกลบไปยงกำรเขำสระบบ

ใหม


12

Flow Chart แสดงขนตอนกำรเพมสนคำ

เรมตน

กรอกขอมลกำรเพมส นคำ

ยนยนกำรเพมส นคำ

แสดงผลกำรเพมส นคำ


ยนยน

ไมยนยน

บนทกกำรเพมสนคำ

รปท 3.4 แผนผง Flow Chart แสดงขนตอนกำรเพมสนคำ


ระบบ

ในแบบฟอรมกำรกำรเพมสนคำ ให

ผดแลระบบกรอกขอมลในกำรเพม

สนคำ


ยนยนกำรเพมสนคำ

หำกขอมลกำรเพมสนคำถกตอง

ระบบจะท ำกำรบนทกกำรเพม

สนคำ

ระบบจะแสดงผลรำยละเอยดกำร

เพมสนคำ

หำกขอมลกำรเพมสนคำไมถกตอง

ระบบจะยอนกลบไปกำรเขำส

ระบบใหม


13

Flow Chart แสดงขนตอนกำรแกไขสนคำ

เรมตน

เลอกขอมลสนคำทแกไข

กรอกขอมลกำรแกไขสนคำ

ยนยนกำรแกไขสนคำ

แสดงผลกำรแกไขสนคำ


ยนยน

ไมยนยน

บนทกกำรแกไขสนคำ

รปท 3.5 แผนผง Flow Chart แสดงขนตอนกำรแกไขสนคำ


ระบบ

ในแบบฟอรมกำรแกไขสนคำ ให

ผดแลระบบเลอกขอมลสนคำท

ตองกำรแกไข

ใหผดแลระบบกรอกขอมลกำร

แกไขสนคำ

ระบบจะท ำกำรยนยนกำรแกไข

สนคำ

หำกยนยนกำรแกไขสนคำ ระบบ

ท ำกำรบนทกขอมลกำรยนยน

กำรแกไขสนคำ

ระบบจะแสดงรำยละเอยดผล

กำรแกไขสนคำ

หำกไมยนยนกำรแกไขสนคำ

ระบบจะยอนกลบไปยงกำรเขำส



14

Flow Chart แสดงขนตอนกำรลบสนคำ

เรมตน

ยนยนกำรลบสนคำ

แสดงผลกำรลบสนคำ


ยนยน

ไมยนยน เลอกขอมลสนคำทตองกำรลบ

บนทกกำรลบสนคำ

รปท 3.6 แผนผง Flow Chart แสดงขนตอนกำรลบสนคำ


ระบบ

ในแบบฟอรมกำรเขำระบบกำรลบ

สนคำ ใหผดแลระบบเลอกขอมล

สนคำทตองกำรลบขอมลสนคำ

ระบบจะท ำกำรตรวจสอบกำร


หำกขอมลกำรลบสนคำถกตอง

ระบบจะท ำกำรบนทกขอมลกำร

ลบสนคำ

ระบบจะท ำกำรแสดงรำยละเอยด

ของกำรลบสนคำ

หำกขอมลกำรลบสนคำไมถกตอง

ระบบจะยอนกลบไปยงกำรเขำส



15

3.1.2 UML Use Case Diagram กำรจดกำรขอมลสนคำ OTOP

เขำสระบบ

ดขอมลสนคำ

คนหำขอมลสนคำ

เพมขอมลสนคำ

แกไขขอมลสนคำ

ลบขอมลสนคำ

ผดแลระบบ เจำของกจกำรหรอผประกอบกำร

รปท 3.7 UML Use Case Diagram กำรจดกำรขอมลสนคำ OTOP

จำก รป Use case Diagram ขำงตน จะเหนไดวำมผดแลระบบและเจำของกจกำรหรอ

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

ขอมลสนคำ คนหำขอมลสนคำ เพมขอมลสนคำ แกไขขอมลสนคำ และลบขอมลสนคำ สวน

เจำของกจกำรหรอผประกอบกำร จะสำมำรถเขำสระบบ ดขอมลสนคำ และแกไขขอมลสนเคำ

เทำนน

16

3.1.3 ตำรำง Use Case Description

ตำรำง Use Case Description กำรเขำสระบบ

Use Case Description

Use Case Name: Log in ID: 1 Primary Actor: Admin, User Scenario: เขำสระบบ Triggering Event: ผดแลระบบ,เจำของกจกำรหรอผประกอบกำร จะตองเขำส

ระบบ Brief Description: ผดแลระบบ,เจำของกจกำรหรอผประกอบกำรเขำสระบบ Actors: ผดแลระบบ,เจำของกจกำรหรอผประกอบกำร Related Use Cases: - Stakeholders: - Pre-conditions: - Post conditions: - Flow of Activities: User System

1.กรอกขอมลในแบบฟอรมกำรเขำสระบบ

2.ตรวจสอบขอมลกำรเขำสระบบ

Alternate/Exceptional Flows: หำกกรอกขอมลผด จะตองกรอกขอมลกำรเขำสระบบใหม

ตำรำงท 3.1 ตำรำง Use Case Description กำรเขำสระบบ

17

ตำรำง Use Case Description ดขอมลสนคำ


Use Case Name: ViewProduct ID: 2 Primary Actor: Admin, User Scenario: ดขอมลสนคำทมอยในระบบ Triggering Event: ผใชงำนจะตองเขำสระบบกอน

Brief Description: ดขอมลสนคำและรำยละเอยดขอมลสนคำทงหมดทมอยในระบบ Actors: ผดแลระบบ,เจำของกจกำรหรอผประกอบกำร Related Use Cases: - Stakeholders: ผดแลระบบ Pre-conditions: เขำสระบบ Post conditions: - Flow of Activities: User System

1.รองขอดขอมลสนคำในระบบ 2.แสดงขอมลสนคำทมอยในระบบ

Alternate/Exceptional Flows: -

ตำรำงท 3.2 ตำรำง Use Case Description ดขอมลสนคำ

18

ตำรำง Use Case Description คนหำขอมลสนคำ


Use Case Name: SearchProduct ID: 3 Primary Actor: Admin Scenario: คนหำขอมลสนคำทมอยในระบบ Triggering Event: ผใชงำนจะตองเขำสระบบกอน

Brief Description: คนหำขอมลสนคำและรำยละเอยดขอมลสนคำทงหมดทมอยในระบบ Actors: ผดแลระบบ Related Use Cases: - Stakeholders: ผดแลระบบ Pre-conditions: เขำสระบบ Post conditions: - Flow of Activities: User System

1.กรอกฟอรมกำรคนหำขอมลสนคำ

2.ตรวจสอบขอมลสนคำวำมอยในระบบหรอไม 3. แสดงสนคำทมขอมลตรงตำมท User กรอกในฟอรม

Alternate/Exceptional Flows: ขอมลทตองกำรคนหำไมตรงกบขอมลสนคำทมอยในระบบ

ตำรำงท 3.3 ตำรำง Use Case Description คนหำสนคำ

19

ตำรำง Use Case Description เพมขอมลสนคำ


Use Case Name: Add Product ID: 4 Primary Actor: Admin Scenario: เพมขอมลสนคำเขำสระบบ Triggering Event: ผใชงำนจะตองเขำสระบบกอน

Brief Description: เพมขอมลสนคำเขำสระบบ Actors: ผดแลระบบ Related Use Cases: - Stakeholders: ผดแลระบบ Pre-conditions: เขำสระบบ Post conditions: - Flow of Activities: User System

1.กรอกฟอรมกำรเพมขอมลสนคำ 3.ยนยนกำรเพมสนคำ

2.ตรวจสอบขอมลกำรเพมสนคำ 4.บนทกกำรเพมสนคำเขำสระบบ

Alternate/Exceptional Flows: ยกเลกกำรเพมขอมลสนคำ

ตำรำงท 3.4 ตำรำง Use Case Description เพมขอมลสนคำ

20

ตำรำง Use Case Description แกไขขอมลสนคำ


Use Case Name: EditProduct ID: 5 Primary Actor: Admin, User Scenario: แกไขขอมลสนคำในระบบ Triggering Event: ผใชงำนจะตองเขำสระบบกอน และจะตองมขอมลสนคำอยใน

ระบบ Brief Description: แกไขขอมลสนคำในระบบ Actors: ผดแลระบบ Related Use Cases: - Stakeholders: ผดแลระบบ Pre-conditions: เขำสระบบ Post conditions: - Flow of Activities: User System

1.กรอกฟอรมกำรแกไขขอมลสนคำ 3.ยนยนกำรแกไขสนคำ

2.ตรวจสอบขอมลกำรแกไขสนคำ 4.บนทกกำรแกไขสนคำเขำสระบบ

Alternate/Exceptional Flows: หำกไมยนยน จะยกเลกกำรแกไขขอมลสนคำ

ตำรำงท 3.5 ตำรำง Use Case Description แกไขขอมลสนคำ

21

ตำรำง Use Case Description ลบขอมลสนคำ


Use Case Name: DeleteProduct ID: 6 Primary Actor: Admin Scenario: ลบขอมลสนคำออกจำกระบบ Triggering Event: ผใชงำนจะตองเขำสระบบกอน และจะตองมขอมลสนคำอยใน

ระบบ Brief Description: ลบขอมลสนคำเขำสระบบ Actors: ผดแลระบบ Related Use Cases: - Stakeholders: ผดแลระบบ Pre-conditions: เขำสระบบ Post conditions: - Flow of Activities: User System

1.ยนยนกำรลบสนคำ 2.บนทกกำรลบสนคำเขำสระบบ

Alternate/Exceptional Flows: หำกไมยนยน จะยกเลกกำรลบขอมลสนคำ

ตำรำงท 3.6 ตำรำง Use Case Description ลบขอมลสนคำ

22

3.1.4 UML Activity Diagram กำรจดกำรขอมลสนคำ OTOP

UML Activity Diagram กำรเขำสระบบ กำรจดกำรขอมลสนคำ OTOP

แสดงแบบฟอรมกำรเข ำสระบบ

กรอกขอมลกำรเขำสระบบ

ตรวจสอบขอมลกำรเขำสระบบ

แสดงขอมลกำรเขำสระบบ

ไมถกตอง

ถกตอง

รปท 3.8 UML Activity Diagram กำรเขำสระบบ

23

UML Activity Diagram กำรคนหำขอมลสนคำ กำรจดกำรขอมลสนคำ OTOP

แสดงแบบฟอรมกำรคนหำสนคำ

กรอกขอมลสนคำทตองกำรคนหำในชอง

คนหำสนคำ

คนหำขอมลสนคำ


พบขอมลสนคำ

ไมพบขอมลสนคำ

รปท 3.9 UML Activity Diagram กำรคนหำขอมลสนคำ

24

UML Activity Diagram กำรดขอมลสนคำ กำรจดกำรขอมลสนคำ OTOP

แสดงรำยกำรสนคำ

เลอกสนคำทต องกำรเรยกด


รปท 3.10 UML Activity Diagram กำรดขอมลสนคำ

25

UML Activity Diagram กำรเพมขอมลสนคำ กำรจดกำรขอมลสนคำ OTOP

กรอกขอมลสนคำทตองกำรเพม

บนทกกำรเพมสนคำ

ไมยนยน

ยนยน

ยนยนกำรเพมสนคำ

แสดงขอมลสนคำทถกเพม

แสดงแบบฟอรมกำรเพมสนคำ

รปท 3.11 UML Activity Diagram กำรเพมขอมลสนคำ

26

UML Activity Diagram กำรแกไขขอมลสนคำ กำรจดกำรขอมลสนคำ OTOP


เลอกขอมลสนคำทตองกำรแกไข

แสดงขอมลสนคำเดม

บนทกกำรแกไขสนคำ

ไมยนยน

ยนยน

ยนยนกำรแกไขสนคำ


แกไขขอมลสนคำในแบบฟอรม

รปท 3.12 UML Activity Diagram กำรแกไขขอมลสนคำ

27

UML Activity Diagram กำรลบขอมลสนคำ กำรจดกำรขอมลสนคำ OTOP


บนทกกำรลบสนคำ

ไมยนยน

ยนยน

เลอกขอมลสนคำทตองกำรลบ



รปท 3.13 UML Activity Diagram กำรลบขอมลสนคำ

28

3.1.5 UML Class Diagram กำรจดกำรขอมลสนคำ OTOP

รปท 3.14 UML Class Diagram กำรจดกำรขอมลสนคำ OTOP

29

3.1.6 Entity-Relationship Model กำรจดกำรขอมลสนคำ OTOP

UserAccountUsername

UserPassword

UserStatus

Have

Product

ProductID

ProductName ProductInfo ProductPrice

ProductAddress

Have SubDistrict

SubDistrictID SubDisctrictName

Have

District

DistrictIDDisctrictName

Have

Province

ProvinceID

ProvinceName

Have

Region

RegionID RegionName

Have

ProductStar

StarID

StarName

Have

ProductType

TypeID TypeName

1

M

1

M

1

M

M 1

M

1

M

1

M

1

ProductImg

UserFirstname

UserLastname

UserEmail

UserAddress

UserTel

RegisterDate

UserActive

ProductActive

รปท 3.15 Entity-Relationship Model กำรจดกำรขอมลสนคำ OTOP

30

3.1.7 Data Dictionary กำรจดกำรขอมลสนคำ OTOP

ตำรำง useraccount

ใชจดเกบขอมลของสมำชก มโครงสรำงขอมลดงน

DATA NAME

DATA DESCRIPTION

ATTRIBUTE DESCRIPTION TYPE LENGTH REMARK

สมำชก ขอมลของสมำชก Username รหสสมำชกส ำหรบเขำสระบบ

VARCHAR 13 PK

UserPassword รหสผำน VARCHAR 12

UserFirstname ชอของสมำชก VARCHAR 100

UserLastname นำมสกลของสมำชก VARCHAR 100

UserEmail E-mail ของสมำขก VARCHAR 100

UserAddress ทอยของสมำชก VARCHAR 200

UserTel เบอรโทรศพทของสมำชก

VARCHAR 10

RegisterDate วนทสมครสมำชก DATETIME -

UserStatus สถำนะของสมำชก VARCHAR 12

UserActive สถำนะบญชผใชของสมำชก

VARCHAR 3

ตำรำงท 3.7 ตำรำง useraccount

31

ตำรำง product

ใชจดเกบรำยละเอยดของสนคำ มโครงสรำงขอมลดงน

DATA NAME

DATA DESCRIPTION


สนคำ ขอมลของสนคำ ProductID รหสขอมลสนคำ INT 4 PK

ProductName ชอสนคำ VARCHAR 100

ProductInfo ขอมลสนคำ VARCHAR 200 ProductPrice รำคำสนคำ INT 45

ProductAddress ทตงของสนคำ VARCHAR 500

ProductImg รปภำพสนคำ VARCHAR 500

StarID ระดบดำวของสนคำ INT 1 FK TypeID ประเภทของสนคำ INT 1 FK

SubDistrictID รหสต ำบล INT 4 FK

ProductActive กำรเปดแสดงขอมลสนคำ

VARCHAR 3

ตำรำงท 3.8 ตำรำง product

ตำรำง subdistrict

ใชจดเกบขอมลต ำบล มโครงสรำงขอมลดงน

DATA NAME

DATA DESCRIPTION


ต ำบล ขอมลต ำบล SubDistrictID รหสต ำบล INT 4 PK SubDistrictName ชอต ำบล VARCHAR 45

DistrictID รหสอ ำเภอ INT 2 FK

ตำรำงท 3.9 ตำรำง subdistrict

32

ตำรำง district

ใชจดเกบขอมลอ ำเภอ มโครงสรำงขอมลดงน

DATA NAME

DATA DESCRIPTION


อ ำเภอ ขอมลอ ำเภอ DistrictID รหสอ ำเภอ INT 4 PK DistrictName ชออ ำเภอ VARCHAR 45

ProvinceID รหสจงหวด INT 2 FK

ตำรำงท 3.10 ตำรำง district

ตำรำง province

ใชจดเกบขอมลจงหวด มโครงสรำงขอมลดงน

DATA NAME

DATA DESCRIPTION


จงหวด ขอมลจงหวด ProvinceID รหสจงหวด INT 2 PK ProvinceName ชอจงหวด VARCHAR 100

RegionID รหสภำค INT 1 FK

ตำรำงท 3.11 ตำรำง province

ตำรำง region

ใชจดเกบขอมลภำค มโครงสรำงขอมลดงน

DATA NAME

DATA DESCRIPTION


ภำค ขอมลภำค RegionID รหสภำค INT 1 PK RegionName ชอภำค VARCHAR 45

ตำรำงท 3.12 ตำรำง region

33

ตำรำง productstar

ใชจดเกบขอมลระดบดำวของสนคำ มโครงสรำงขอมลดงน

DATA NAME

DATA DESCRIPTION ATTRIBUTE DESCRIPTION TYPE LENGTH REMARK

ระดบดำว ขอมลระดบดำวของสนคำ

StarID รหสระดบดำว INT 1 PK

StarName ชอระดบดำว VARCHAR 45

ตำรำงท 3.13 ตำรำง productstar

ตำรำง producttype

ใชจดเกบขอมลประเภทของสนคำ มโครงสรำงขอมลดงน

DATA NAME

DATA DESCRIPTION


ประเภทสนคำ

ขอมลของประเภทสนคำ

ProductID รหสประเภทสนคำ

INT 1 PK

ProductName ชอประเภทสนคำ VARCHAR 45

ตำรำงท 3.14 ตำรำง producttype

34

ตำรำงท 3.15 ตำรำง useraccount

ตำรำงท 3.16 ตำรำง product

ตำรำงท 3.17 ตำรำง subdistrict

ตำรำงท 3.18 ตำรำง district

35

ตำรำงท 3.19 ตำรำง province

ตำรำงท 3.20 ตำรำง region

ตำรำงท 3.21 ตำรำง productstar

ตำรำงท 3.22 ตำรำง producttype

บทท 4

กำรท ำงำนของระบบ

ระบบกำรจดกำรขอมลสนคำ OTOP ทผศกษำไดวเครำะหออกแบบและพฒนำระบบทจะชวยใหกำร

จดเกบขอมลนนเปนไปอยำงสะดวกรวดเรวและมประสทธภำพนน โดยจะประกอบดวยลกษณะกำรใชงำน 2 สวน

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

4.1 สวนของผดแลระบบ

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

ระบบตองท ำกำรลอกอนเพอตรวจสอบกำรเขำใชงำนกอนทจะน ำไปสกำรจดกำรขอมล

รปท 4.1 แสดงหนำจอกำรเขำสระบบ

37

เมอไดท ำกำรตรวจสอบสทธกำรเขำระบบและท ำกำรยนยนวำเปนผดแลระบบเรยบรอยแลว หนำจอจะ

เขำมำสหนำถดไปคอหนำแสดงขอมลโดยรวมของผดแลระบบ โดยภำยในหนำนจะแสดงรำยละเอยดโดยรวม

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

รปท 4.2 แสดงหนำจอขอมลโดยรวมของผดแลระบบ

เมอเขำสหนำจอขอมลสนคำ หนำจอจะแสดงขอมลโดยรวมของสนคำทมอยในฐำนขอมลทงหมด โดย

สำมำรถคนหำจำก Keyword ได มกำรแสดงผลเปน Table ประกอบไปดวยคอลมน รหสสนคำ,ขอมลสนคำ,รำคำ,

ทตง,ต ำบล,ประเภทสนคำ,ระดบดำว,รปภำพ และสำมำรถแกไขสนคำและลบสนคำไดจำกหนำน

รปท 4.3 แสดงหนำจอขอมลสนคำของผดแลระบบ

เมอกดทชอสนคำ หนำจอจะไปยงหนำของกำรดขอมลสนคำ โดยภำยในหนำนจะแสดงขอมลโดยรวม

ทงหมดของสนคำ (รหสสนคำ,ชอสนคำ,ขอมลสนคำ,รำคำ,ทตง,ต ำบล,ประเภทสนคำ,ระดบดำว) พรอมทงแสดง

38

รปภำพขนำดใหญ และรวมถงรำยละเอยดกำรบนทกขอมล (เจำของสนคำ,วนทสรำงสนคำ,วนทแกไขครงลำสด

,ผอนมต) และภำยในหนำนจะมปมเพอเขำไปยงกำรแกไขสนคำและลบสนคำ พรอมทงปมกลบไปสหนำรวม

รปท 4.4 แสดงหนำจอขอมลสนคำของผดแลระบบ

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

สนคำ

รปท 4.5 แสดงหนำจอแกไขขอมลสนคำของผดแลระบบ

39

ในสวนของแถบขอมลผใช หนำจะจอแสดงขอมลโดยรวมของผใชงำนทงหมด โดยสำมำรถคนหำจำก

Keyword ได มกำรแสดงผลเปน Table

รปท 4.6 แสดงหนำจอขอมลสมำชกโดยรวมของผดแลระบบ

หำกเลอกทจะแกไขขอมลสมำชก หนำจอจะไปยงกำรแกไขขอมลสมำชก โดยมแบบฟอรม

เชนเดยวกบกำรเพมขอมลสมำชก

รปท 4.7 แสดงหนำจอขอมลสมำชกของผดแลระบบ

40

แถบเพมขอมลสนคำ จะแสดงแบบฟอรมกำรกรอกขอมลสนคำ โดยประกอบไปดวย รหสสนคำ,ชอสนคำ,

ประเภทสนคำ,รำยละเอยดสนคำ,รำคำสนคำ,สถำนทผลตและจดจ ำหนำย,ระดบดำวทไดรบ,รปภำพ,จงหวด,

อ ำเภอ,ต ำบล,รำยละเอยดขอมลเจำของสนคำ

รปท 4.8 แสดงหนำจอกำรเพมขอมลสนคำของผดแลระบบ

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

Login,รหสผำน,ชอ,นำมสกล,อเมล,ทอย,วนทสมครสมำชก,จงหวด,อ ำเภอ,ต ำบล

รปท 4.9 แสดงหนำจอกำรเพมขอมลสมำชกของผดแลระบบ

41

แถบอนมตขอมลสนคำ จะแสดงรำยกำรขอมลสนคำทยงไมไดถกอนมตขนมำ โดยสำมำรถคนหำจำก

Keyword ได มกำรแสดงขอมลเปน Table ผดแลระบบจะสำมำรถอนมตขอมลสนคำไดกตอเมอกดปม Active ท

แสดงบน Table ตำมรำยชอสนคำนนๆ

รปท 4.10 แสดงหนำจอรำยละเอยดสนคำทรอกำรอนมต

แถบอนมตขอมลผใชงำน จะแสดงรำยกำรขอมลผใชงำนทยงไมไดถกอนมตขนมำ โดยสำมำรถคนหำจำก

Keyword ได มกำรแสดงขอมลเปน Table ผดแลระบบจะสำมำรถอนมตขอมลผใชงำนไดกตอเมอกดปม Active

ทแสดงบน Table ตำมรำยชอผใชงำนนนๆ

รปท 4.11 แสดงหนำจอรำยละเอยดผใชงำนทรอกำรอนมต

42

4.2 สวนของเจำของกจกำรและผประกอบกำร

ในสวนของผดแลระบบ สำมำรถท ำกำร เพม ลบ แกไข ขอมลสนคำไดเฉพำะสนคำทผดแลระบบอนมต

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

จดกำรขอมล

รปท 4.12 แสดงหนำจอกำรเขำสระบบ

หำกเจำของกจกำรและผประกอบกำรยงไมไดเปนสมำชกของระบบ ใหเขำไปทหนำสมครสมำชก โดยจะ

แสดงผลแบบฟอรมเพอกรอกขอมลกำรสมครสมำชก

รปท 4.13 แสดงหนำจอกำรสมครสมำชก

43

เมอเจำของกจกำรและผประกอบกำรเปนสมำชกของระบบเรยบรอยและเขำสระบบได จะแสดงผล

หนำจอขอมลสนคำของเจำของกจกำรและผประกอบกำร

เมอเขำสหนำจอขอมลสนคำ หนำจอจะแสดงขอมลโดยรวมของสนคำทอยในควำมดแลของเจำของกจกำร

และผประกอบกำร(ผดแลระบบเปนผอนมต) โดยสำมำรถคนหำจำก Keyword ได มกำรแสดงผลเปน Table

ประกอบไปดวยคอลมน รหสสนคำ,ชอสนคำ,รำคำ,ต ำบล,รปภำพ และสำมำรถแกไขสนคำไดจำกหนำน

รปท 4.14 แสดงหนำจอขอมลสนคำของเจำของกจกำรและผประกอบกำร

เมอกดทชอสนคำ หนำจอจะไปยงหนำของกำรดขอมลสนคำ โดยภำยในหนำนจะแสดงขอมลโดยรวม

ทงหมดของสนคำ (รหสสนคำ,ชอสนคำ,ขอมลสนคำ,รำคำ,ทตง,ต ำบล,ประเภทสนคำ,ระดบดำว) พรอมทงแสดง

รปภำพขนำดใหญ และรวมถงรำยละเอยดกำรบนทกขอมล (เจำของสนคำ,วนทสรำงสนคำ,วนทแกไขครงลำสด)

และภำยในหนำนจะมปมเพอเขำไปยงกำรแกไขสนคำ พรอมทงปมกลบไปสหนำรวม

44

รปท 4.15 แสดงหนำจอขอมลสนคำของเจำของกจกำรและผประกอบกำร

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

สนคำ

รปท 4.16 แสดงหนำจอแกไขขอมลสนคำของเจำของกจกำรและผประกอบกำร

45

หำกเลอกทจะแกไขขอมลผใชของเจำของกจกำรและผประกอบกำร หนำจอจะไปยงกำรแกไขขอมลผใช

ของเจำของกจกำรและผประกอบกำรโดยมแบบฟอรมเชนเดยวกบกำรเพมขอมลขอมลผใชของเจำของกจกำรและ

ผประกอบกำร

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

แถบเพมขอมลสนคำ จะแสดงแบบฟอรมกำรกรอกขอมลสนคำ โดยประกอบไปดวย รหสสนคำ,ชอสนคำ,

ประเภทสนคำ,รำยละเอยดสนคำ,รำคำสนคำ,สถำนทผลตและจดจ ำหนำย,ระดบดำวทไดรบ,รปภำพ,จงหวด,

อ ำเภอ,ต ำบล,รำยละเอยดขอมลเจำของสนคำ โดยทผดแลระบบจะท ำกำรอนมตสนคำในภำยหลง

รปท 4.18 แสดงหนำจอกำรเพมขอมลสนคำของเจำของกจกำรและผประกอบกำร

บทท 5

กำรสรปผลกำรพฒนำโครงงำน ปญหำ และขอเสนอแนะ

จำกกำรด ำเนนงำนทผำนมำ คณะผจดท ำไดท ำกำรพฒนำระบบกำรจดกำรขอมลสนคำ OTOP ขนมำ

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

ในกำรแกไขและพฒนำผลงำนไดดงตอไปน

5.1 สรปผลกำรด ำเนนงำน

ระบบกำรจดกำรขอมลสนคำ OTOP นน สำมำรถท ำใหผใชงำนมควำมสะดวกในกำรลงขอมล คนหำ

ขอมล ลบขอมลไดสะดวกมำกยงขนจำกกำรลงขอมลในระบบฐำนขอมลแบบทวไป ซงในระบบจะประกอบไปดวย

ผดแลระบบกบเจำของกจกำรและผประกอบกำร ซงในสวนของผดแลระบบนนจะสำมำรถควบคมในสวนของกำร

เขำสระบบ ดขอมลสนคำ คนหำขอมลสนคำ เพมขอมลสนคำ แกไขขอมลสนคำ และลบขอมลสนคำ และในสวน

ของผเจำของกจกำรหรอผประกอบกำรนนจะสำมำรถเขำสระบบ ดขอมลสนคำของตนเอง เพมขอมลสนคำของ

ตนเองได

5.2 ปญหำในกำรด ำเนนงำน

ปญหำและขอผดพลำดในกำรจดท ำโครงงำนครงน สวนหนงเกดจำกกำรออกแบบขนตนทไมครอบคลมใน

สวนของระบบทงหมด จงท ำใหเกดกำรแกไข Website เพอใหสอดคลองกบระบบทออกแบบมำในขนตนใหมำก

ทสด และระบบกำรจดกำรขอมลสนคำ OTOP นนจะตองมขอมลภำยในเปนจ ำนวนมำก จงท ำใหเกดควำมลำชำใน

กำรด ำเนนงำน อนเปนสำเหตใหตองมกำรเรยนรวธกำรท ำงำนของระบบและกำรคนควำศกษำขอมลอนๆเพอ

ประกอบกำรจดกำรขอมลสนคำ OTOP เพมเตม

ปญหำอนดบถดมำคอกำรแกไขรำยละเอยดในสวนของ Code PHP และ SQL ในกำรพฒนำเวบ เกดกำร

ขดของอยหลำยครง ทงนผจดท ำยงพบปญหำในสวนของกำรก ำหนดสทธใหแกผดแลระบบและเจำของกจกำรและ

ผประกอบกำร

47

5.3 ขอเสนอแนะ

จำกกำรพฒนำระบบกำรจดกำรขอมลสนคำ OTOP ขนมำเพอใหผดแลระบบ เจำของกจกำรและ

ผประกอบกำรนนไดมควำมสะดวกในกำรใชงำนมำกขน ทำงผพฒนำระบบยงพบวำกำรท ำงำนของระบบนนยงม

ขนตอนในกำรคนหำทซบซอน กำรอนมตสนคำและผใชงำนยงใชขนตอนทเยอะเกนไป กำรก ำหนดสทธของ

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

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

รดกมและรอบคอบมำกยงขนเพอใหเพมประสทธภำพในกำรใชงำนทดกวำเดมและปองกนควำมผดพลำดตำง ๆ ท

อำจเกดขนไดในอนำคต

48

บรรณำนกรม

© 2016 Ninetechno.com. (ม.ป.ป.). XAMPP คออะไร. เขำถงขอมลเมอ 3 10 2015 จำก Ninetechno.com:

http://www.ninetechno.com/a/website/873-xampp.html

9EXPERT CORPORATION. (ม.ป.ป.). บทควำม E-R Diagram คออะไร. เขำถงขอมลเมอ 3 10 2015 จำก

http://www.9experttraining.com/articles/er-diagram-

%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3

AmplySoft © 2016. (ม.ป.ป.). กำร Export Database, Table ดวย phpMyAdmin. เขำถงขอมลเมอ 3 10 2015 จำก

http://www.amplysoft.com/knowledge/export-database-table-phpmyadmin.html

Department of Computer Engineering , Faculty of Engineering , King Mongkut's Institute of Technology

Ladkrabang. (ม.ป.ป.). กำรออกแบบ UML. เขำถงขอมลเมอ 3 10 2015 จำก

http://www.ce.kmitl.ac.th/download.php?DOWNLOAD_ID=4201&database=subject_download

Microsoft. (ม.ป.ป.). Visio Professional 2016. เขำถงขอมลเมอ 3 10 2015 จำก https://products.office.com/th-

th/Visio/visio-professional-business-and-diagram-software

ไกรลำศ จบจนทร. (ม.ป.ป.). ควำมรเบองตนเกยวกบโปรแกรม Adobe photoshop cs. เขำถงขอมลเมอ 3 10 2015 จำก

http://www.slideshare.net/ssuserea215b/adobe-photoshop-cs-23895460

กรมกำรพฒนำชมชน กระทรวงมหำดไทย. (ม.ป.ป.). เขำถงขอมลเมอ 3 10 2015 จำก เวบไซต ผลตภณฑ OTOP 5 ดำว:

http://www.otop5star.com/index.php

รงโรจน เจนเจตวทย. (ม.ป.ป.). รจก Adobe Dreamweaver. เขำถงขอมลเมอ 3 10 2015 จำก

http://www.thapthan.ac.th/dw-ebook/unit2_1.html

ภาคผนวก

หนาหลก (Admin) เขาสระบบ

หนาภาพรวมการจดการขอมล

ขอมลสนคา

เพมขอมลสนคา

เพมขอมลผใช

ขอมลสนคารออนมต

ขอมลผใชรออนมต

-index.php

-dashboard.php

-productdata.php

ดสนคา -viewdata.php

-editproduct.php แกไขสนคา

ลบสนคา -delproduct.php

ขอมลผใช -accountdata.php

-editaccount.php แกไขขอมลผใช

ลบขอมลผใช -delaccount.php

-insertproduct.php

-insertaccount.php

-productpending.php

-accountpending.php

ออกจากระบบ -logout.php

หนาหลก (User) เขาสระบบ

หนาภาพรวมการจดการขอมล

ขอมลสนคา

เพมขอมลสนคา

-index.php

-dashboard.php

-productdata.php

ดสนคา -viewdata.php

-editproduct.php แกไขสนคา

ขอมลผใช -accountdata.php

-editaccount.php แกไขขอมลผใช

-insertproduct.php

ออกจากระบบ -logout.php

ระบบจัดการข้อมูลสินค้า otop otop data...

Documents