ระบบจัดการข้อมูลสินค้า OTOP OTOP DATA...
Transcript of ระบบจัดการข้อมูลสินค้า OTOP OTOP DATA...
ระบบจดการขอมลสนคา OTOP
OTOP DATA MANAGEMENT SYSTEM
โดย
นางสาวลดดาวรรณ ขนสอาด รหสประจ าตว 574708010008 นางสาววชรพร แสนพรม รหสประจ าตว 574708010009
นายวนชย สวรรณวฒนา รหสประจ าตว 574708010011
อาจารยทปรกษา
อาจารยลลตา สนตวรรกษ
รายงานนเปนสวนหนงของวชาโครงงาน 2
ภาคเรยนท 2 ปการศกษา 2558
หลกสตรบรหารธรกจบณฑต
สาขาวชาระบบสารสนเทศ คณะเทคโนโลยสารสนเทศ
มหาวทยาลยธรกจบณฑตย
ระบบจดการขอมลสนคา OTOP
OTOP DATA MANAGEMENT SYSTEM
โดย
นางสาวลดดาวรรณ ขนสอาด รหสประจ าตว 574708010008 นางสาววชรพร แสนพรม รหสประจ าตว 574708010009
นายวนชย สวรรณวฒนา รหสประจ าตว 574708010011
อาจารยทปรกษา
อาจารยลลตา สนตวรรกษ
รายงานนเปนสวนหนงของวชาโครงงาน 2
ภาคเรยนท 2 ปการศกษา 2558
หลกสตรบรหารธรกจบณฑต
สาขาวชาระบบสารสนเทศ คณะเทคโนโลยสารสนเทศ
มหาวทยาลยธรกจบณฑตย
ใบรบรองการตรวจสอบและอนมตรายงานวชาโครงงาน
เรอง
ระบบจดการขอมลสนคา OTOP
OTOP DATA MANAGEMENT SYSTEM
โดย
นางสาวลดดาวรรณ ขนสอาด รหสประจ าตว 574708010008
นางสาววชรพร แสนพรม รหสประจ าตว 574708010009
นายวนชย สวรรณวฒนา รหสประจ าตว 574708010011
รายงานฉบบนไดรบการตรวจสอบและอนมตเปนสวนหนงของ
การศกษาวชาโครงงาน หลกสตรบรหารธรกตบณฑต
สาขาวชาระบบสารสนเทศ คณะเทคโนโลยสารสนเทศ
มหาวทยาลยธรกจบณฑตย
ประจ าภาคเรยนท 2 ปการศกษา 2558
.............................................................. อาจารยทปรกษา
(อาจารยลลตา สนตวรรกษ)
.............................................................. กรรมการสอบ
(อาจารยปาณตา ธสรานนท)
.............................................................. กรรมการสอบ
(อาจารยเฉลมพล ศรกายน)
ชอหวขอ ระบบจดการขอมลสนคา OTOP
OTOP DATA MANAGEMENT SYSTEM
นกศกษา นางสาวลดดาวรรณ ขนสอาด
นางสาววชรพร แสนพรม
นายวนชย สวรรณวฒนา
อาจารยทปรกษา อาจารยลลตา สนตวรรกษ
ระดบการศกษา บรหารธรกจบณฑต สาขาวชาระบบสารสนเทศ
ปการศกษา 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 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 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 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 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 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
ATTRIBUTE DESCRIPTION TYPE LENGTH REMARK
สนคำ ขอมลของสนคำ 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
ATTRIBUTE DESCRIPTION TYPE LENGTH REMARK
ต ำบล ขอมลต ำบล SubDistrictID รหสต ำบล INT 4 PK SubDistrictName ชอต ำบล VARCHAR 45
DistrictID รหสอ ำเภอ INT 2 FK
ตำรำงท 3.9 ตำรำง subdistrict
32
ตำรำง district
ใชจดเกบขอมลอ ำเภอ มโครงสรำงขอมลดงน
DATA NAME
DATA DESCRIPTION
ATTRIBUTE DESCRIPTION TYPE LENGTH REMARK
อ ำเภอ ขอมลอ ำเภอ DistrictID รหสอ ำเภอ INT 4 PK DistrictName ชออ ำเภอ VARCHAR 45
ProvinceID รหสจงหวด INT 2 FK
ตำรำงท 3.10 ตำรำง district
ตำรำง province
ใชจดเกบขอมลจงหวด มโครงสรำงขอมลดงน
DATA NAME
DATA DESCRIPTION
ATTRIBUTE DESCRIPTION TYPE LENGTH REMARK
จงหวด ขอมลจงหวด ProvinceID รหสจงหวด INT 2 PK ProvinceName ชอจงหวด VARCHAR 100
RegionID รหสภำค INT 1 FK
ตำรำงท 3.11 ตำรำง province
ตำรำง region
ใชจดเกบขอมลภำค มโครงสรำงขอมลดงน
DATA NAME
DATA DESCRIPTION
ATTRIBUTE DESCRIPTION TYPE LENGTH REMARK
ภำค ขอมลภำค 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
ATTRIBUTE DESCRIPTION TYPE LENGTH REMARK
ประเภทสนคำ
ขอมลของประเภทสนคำ
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