ระบบการจดการราน เอมพ โฮมเมด ดรงก MP Homemade Drink Management System

นายภณ วชรนทร

Pon Watcharin

สารนพนธนเปนสวนหนงของการศกษา หลกสตรวทยาศาสตรมหาบณฑต สาขาวชาเทคโนโลยสารสนเทศ

คณะวทยาการและเทคโนโลยสารสนเทศ มหาวทยาลยเทคโนโลยมหานคร

ปการศกษา 2559

ระบบการจดการราน เอมพ โฮมเมด ดรงก MP Homemade Drink Management System

นายภณ วชรนทร

Pon Watcharin

สารนพนธนเปนสวนหนงของการศกษา หลกสตรวทยาศาสตรมหาบณฑต สาขาวชาเทคโนโลยสารสนเทศ

คณะวทยาการและเทคโนโลยสารสนเทศ มหาวทยาลยเทคโนโลยมหานคร

ปการศกษา 2559

I

หวขอ ระบบการจดการราน เอมพ โฮมเมด ดรงก MP Homemade Drink Management System ชอนกศกษา นายภณ วชรนทร รหสนกศกษา 5617680011 หลกสตร วทยาศาสตรมหาบณฑต สาขาวชาเทคโนโลยสารสนเทศ ปการศกษา 2559 อาจารยทปรกษา ดร.รงโรจน โชคงามวงศ

บทคดยอ

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

II

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

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

ภณ วชรนทร สงหาคม 2560

III

สารบญ หนา บทคดยอ I กตตกรรมประกาศ II สารบญ III สารบญรป VI สารบญตาราง VIII บทท 1 บทน า 1 1.1 ปญหาและแรงจงใจ 1

1.2 แนวทางแกปญหา 1 1.3 วตถประสงค 2 1.4 ภาพรวมของระบบทจดท า 2 1.5 ขอบเขตการท างานของระบบ 2 1.6 โครงสรางของสารนพนธ 3 1.7 ประโยชนทคาดวาจะไดรบ 3

บทท 2 พนฐานและทฤษฎทเกยวของ 4 2.1 กลาวน าความตองการของธรกจ 4

2.2 ความรเกยวกบ Unified Modeling Language (UML) 4 2.2.1 Use case Diagram 5 2.2.2 Sequence Diagram 7 2.2.3 Class Diagram 8 2.2.4 Activity Diagram 10 2.3 ความรเกยวกบ Hyper Text Markup Language, version 5 (HTML 5) 11 2.4 ความรเกยวกบ Bootstrap 11 2.5 ความรเกยวกบ MySQL 12 2.6 ความรเกยวกบ PHP 13

บทท 3 การด าเนนงาน 14 3.1 ภาพรวมของระบบ 14 3.2 Model แบบแผนผงโครงสราง 15

3.2.1 ใช Use case Diagram 15 3.2.1.1 Login 16

IV

สารบญ (ตอ) หนา 3.2.1.2 Add Order 17

3.2.1.3 Manage Order Shipping & Payment 18 3.2.1.4 View Product Shipping Date 19 3.2.1.5 Add Expenses 20 3.2.1.6 View Report 21 3.2.1.7 View List Product 22 3.2.1.8 View List Customer 23

3.2.2 Sequent Diagram 24 3.2.2.1 Sequent Diagram Login 24 3.2.2.2 Sequent Diagram Manage Product 25 3.2.2.3 Sequent Diagram Manage Customer 26 3.2.2.4 Sequent Diagram Input Order 27 3.2.2.5 Sequent Diagram Total Order 28 3.2.2.6 Sequent Diagram Shipping 29 3.2.2.7 Sequent Diagram Manage Expenses 30 3.2.2.8 Sequent Diagram Report 31 3.3 โครงสรางความสมพนธเชงสถตย 32 3.3.1 Class Diagram 32 3.3.1.1 Class tbl_product 33 3.3.1.2 Class tbl_productsize 34

3.3.1.3 Class tbl_customer 35 3.3.1.4 Class tbl_orderdetail 36 3.3.1.5 Class tbl_order 37 3.3.1.6 Class tbl_expenses 38 3.3.1.7 Class tbl_admin 39

3.4 Data Dictionary 40 3.4.1 Table tbl_product 40 3.4.2 Table tbl_productsize 40 3.4.3 Table tbl_customer 40

V

สารบญ (ตอ) หนา 3.4.4 Table tbl_orderdetail 41

3.4.5 Table tbl_order 41 3.4.6 Table tbl_expenses 42 3.4.7 Table tbl_admin 42

บทท 4 ผลการทดลอง 43 4.1 เครองมอและอปกรณทใชในการพฒนาระบบ 43 4.2 Site Structure ของระบบ 44 4.3 ผลการพฒนาระบบ 45 4.3.1 ระบบ Login 45 4.3.2 เมนSetting 45 4.3.3 ระบบ Add Product 46 4.3.4 ระบบ Add Customer 47 4.3.5 เมน Order 49 4.3.6 ระบบ Add Order 49 4.3.7 ระบบ Shipping 50 4.3.8 ระบบ Total Order 51 4.3.9 เมน Expenses 52 4.3.10 เมน Report 52 บทท 5 สรปผลโครงการ 53 5.1 สรปผลโครงการ 53 5.2 ปญหาและอปสรรคจากการพฒนาโครงงาน 53 5.3 ขอเสนอแนะ 53 เอกสารอางอง 54

VI

สารบญรป หนา รปท 1.1 ภาพรวมของระบบทจดท า 2 รปท 2.1 Restaurant Order System Use Case 6 รปท 2.2 ภาพตวอยาง Sequence Diagram สวนนงของระบบ Authentication 8 รปท 3.1 Site Structure 14 รปท 3.2 Use Case Diagram 15 รปท 3.3 Use Case Diagram Login 16 รปท 3.4 Use Case Diagram Add Order 17 รปท 3.5 Use Case Diagram Manage Order Shipping & Payment 18 รปท 3.6 Use Case Diagram View Product Shipping Date 19 รปท 3.7 Use Case Diagram Add Expenses 20 รปท 3.8 Use Case Diagram View Report 21 รปท 3.9 Use Case Diagram View List Product 22 รปท 3.10 Use Case Diagram View List Customer 23 รปท 3.11 Sequent Diagram Login 24 รปท 3.12 Sequent Diagram Manage Product 25 รปท 3.13 Sequent Diagram Manage Customer 26 รปท 3.14 Sequent Diagram Input Order 27 รปท 3.15 Sequent Diagram Total Order 28 รปท 3.16 Sequent Diagram Shipping 29 รปท 3.17 Sequent Diagram Manage Expenses 30 รปท 3.18 Sequent Diagram Report 31 รปท 3.19 Class Diagram MP Homemade System 32 รปท 3.20 Class tbl_product 33 รปท 3.21 Class tbl_productsize 34 รปท 3.22 Class tbl_customer 35 รปท 3.23 Class tbl_orderdetail 36 รปท 3.24 Class tbl_order 37 รปท 3.25 Class tbl_expenses 38 รปท 3.26 Class tbl_admin 39

VII

สารบญรป (ตอ)

หนา รปท 4.1 Site Structure ของระบบ 44 รปท 4.1 หนา login เขาสระบบ 45 รปท 4.2 หนา setting เพอเขาส add product และ add customer 45 รปท 4.3 หนาตางบรหารจดการสนคาภายในราน 46 รปท 4.3 การใสขอมลสนคาภายในราน 46 รปท 4.4 ด าเนนการเพมสนคาภายในรานเสรจสน 47 รปท 4.5 ระบบบรหารจดการขอมลลกคา 47 รปท 4.6 ปม Add Customer 48 รปท 4.7 เพมขอมลลกคาเสรจสน 48 รปท 4.8 เมน Order 49 รปท 4.9 Add Order เขาสระบบ 49 รปท 4.10 เลอกวนทจดสงสนคา 50 รปท 4.11 ระบบ Shipping 50 รปท 4.12 การเปลยนสถานะของรายการสงซอ 51 รปท 4.13 ระบบ Total Order 51 รปท 4.14 ระบบ Expense บนทกคาใชจาย 52 รปท 4.15 เมน Report 52

VIII

สารบญตาราง หนา ตารางท 2.1 อธบายสญลกษณทใชใน Use Case Diagram 5ตารางท 2.2 องคประกอบของ Sequence Diagram 7 ตารางท 2.3 องคประกอบของ Class Diagram 10ตารางท 3.1 Use Case Specification Login 16ตารางท 3.2 Use Case Specification Add Order 17ตารางท 3.3 Use Case Specification Manage Order Shipping & Payment 18ตารางท 3.4 Use Case Specification View Product Shipping Date 19ตารางท 3.5 Use Case Specification Add Expenses 20ตารางท 3.6 Use Case Specification View Report 21ตารางท 3.7 Use Case Specification View List Product 22ตารางท 3.8 Use Case Diagram Manage Customer 23ตารางท 3.9 Table tbl_product 40 ตารางท 3.10 Table tbl_productsize 40 ตารางท 3.11 Table tbl_customer 40 ตารางท 3.4.4 Table tbl_orderdetail 41 ตารางท 3.4.5 Table tbl_order 41 ตารางท 3.4.6 Table tbl_expenses 42 ตารางท 3.4.7 Table tbl_admin 42

1

บทท 1 บทน า

1.1 ปญหาและแรงจงใจ รานเอมพ โฮมเมด ดรงก เปนรานขายเครองดมน าสมนไพรและน าผลไมขนาดเลก ทมการผลตตามยอดการสงซอจากลกคา ในการผลตตอครงรานจะผลตสนคาตามจ านวนยอดสงซอ โดยควบคมไมใหเกนจากยอดสงซอมากเกน เพอรกษาความสดของสนคาในการสงมอบใหแกลกคา และประหยดพนทในการจดเกบสนคากอนสงมอบ โดยสวนมากกลมลกคาจะเปน พนกงานออฟฟต นกศกษา และสถานทอบรมสมมนา

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

1.2 แนวทางแกปญหา

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

1.3 วตถประสงค

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

1.3.2 เพอชวยในการเตอนความจ าในการผลตสนคาใหเพยงพอตอการสงมอบสนคาและเกบเงนจากลกคา

2

1.3.3 เพอรกษาความครบถวนของขอมลลดความผดพลาดในการจดสงขอมลใหลกคา 1.3.4 เพอชวยใหงายตอการเกบรกษาขอมล

1.4 ภาพรวมของระบบทจดท า

รปท 1.1 ภาพรวมของระบบทจดท า

1.5 ขอบเขตการท างานของระบบ โครงงานพฒนาระบบการจดการราน เอมพ โฮมเมด ดรงก บนระบบเวบแอปพลเคชนม

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

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

สนคาทจะตองผลตและน าสงใหลกคาในแตละวน 1.5.5 ระบบบรหารจดการจดสงสนคาตามยอดสงซอ ใชส าหรบบรการจดการสถานะการรบ

เงนและสงของใหลกคาแตละรายการ 1.5.6 ระบบบนทกคาใชจายในภายในรานคา ใชส าหรบใหเจาของรานบนทกรายการ

คาใชจายทงหมดทเกดขนภายในราน

3

1.5.7 ระบบแสดงผลการสรปยอด ใชส าหรบใหเจาของรานดรายงาน โดยจะสามารถแสดงยอดเงนสดคงเหลอภายในรานรายสปดาห และจ านวนเงนสดทเปนรายไดคาแรงส าหรบเจาของรานรายสปดาหได 1.6 โครงสรางของสารนพนธ 1.6.1 บทท 1 บทน า อธบายถงปญหาแรงจงใจแนวทางแกไขพรอมทงภาพรวมของระบบทผจดไดพฒนาระบบขนเพออ านวยความสะดวกและแกไขปญหาดงกลาวทไดกลาวไว 1.6.2 บทท 2 พนฐานและทฤษฎทเกยวของ ในเลมนผจดท าไดใชความรเกยวกบ Unified Modeling Language (UML) ในการออกแบบและพฒนาระบบ ซงเปนภาษามาตรฐานส าหรบสรางแบบพมพเขยวใหแกระบบงาน ดวยการวาดแผนภาพจ าลอง 1.6.3 บทท 3 การด าเนนงาน ดงขอ 1.6.2 ผจดท าไดใช UML ซงเปนภาษามาตรฐานในการออกแบบระบบงาน ซงม Diagram หลายชนดใหใชงาน ในสารนพนธเลมน ผจดท าไดใช Use case Diagram, Sequence Diagram, และ Class Diagram ในการออกแบบดวย 1.6.4 บทท 4 ผลการทดลอง ในบทนจะแสดงถงหนาเพจตางๆของระบบและอธบายความสามารถของระบบทไดด าเนนการพฒนาขน 1.6.5 บทท 5 สรปผล กลาวถงปญหาอปสรรคและแนวทางการพฒนาระบบส าหรบผสนใจน าระบบนไปพฒนาตอและใชงานในอนาคต

1.7 ประโยชนทคาดวาจะไดรบ 1.5.1 ผใชสามารถบนทกยอดสงซอจากลกคา ยอดการช าระเงนและบนทกคาใชจายตางๆทเกดขนไดสะดวกสบายกวาเดมเพยงใชแอพพเคชนผานมอถอสมารทโฟนเครองเดยว 1.5.2 ผใชสามารถดรายงานยอดสงซอและคาใชจายตางๆรวมถงสวนทก าไร/ปนผลผานแอพพเคชนไดสะดวก 1.5.3 ผใชสามารถถอนเงนจากสวนทเปนก าไรออกมาใชจายไดโดยไมสบสนกบเงนทจ าเปนตองใชในการลงทนครงตอไป 1.5.4 ผใชมความสวนตวในการเกบรกษาขอมลมากยงขน

4

บทท 2 พนฐานและทฤษฎทเกยวของ

2.1 กลาวน าความตองการของธรกจ ลกษณะของธรกจรานเอมพ โฮมเมด ดรงก เปนรานขายเครองดมน าสมนไพรและน าผลไมขนาดเลก ด าเนนธรกจโดยการรบยอดสงซอจากลกคาโดยตรง จากกลมลกคาแบงออกเปนกลมตางๆ เชน นกศกษา เพอนรวมงาน ผจดโครงการอบรม และงานสมมนาตางๆ โดยเจาของรานจะเปน ผรบยอดสงซอจากลกคาเพอน ายอดทงหมดมาด าเนนการผลตสนคา แลวจงน าสนคาไปสงใหแกลกคา โดยลกษณะการรบเงนจากลกคาแบงออกเปน 3 แบบ แบบแรกคอจายเงนเมอมการสงซอ แบบทสองจายเงนเมอไดรบสนคา แบบทสามรบสนคากอนและจายเงนภายหลงจากทไดรบการเบกเงน ระบบทเตรยมพฒนาขน จะตองสามารถบนทกรายการสงซอ รายการคาใชจายได และตองรอบรบการจดบนทกสถานะการจายเงนแบบตางๆ จากลกษณะของกลมลกคาดวย ทงนสวนส าคญอกอยางนงของความตองการของเจาของธรกจคอ เมอธรกจด าเนนการโดยมผลก าไรตอเนอง จ าเปนตองสามารถจดบนทกรายการทเจาของธรกจถอนเงนออกจากระบบ เพอมาใชจายรายการอนๆ นอกเหนอรายการคาภายในรานคาได เพอใหทราบถงสถานะเงนสดในระบบและนอกระบบทพฒนาขนใหมความสอดคลองกน 2.2 ความรเกยวกบ Unified Modeling Language (UML)

Unified Modeling Language (UML) คอ สอกลางทใชในการอธบาย แสดงความหมายและความสมพนธทเชอมโยงกนของระบบ ในรปแบบของแผนภาพ เพอใชในการวเคราะห และออกแบบเชงวตถ โดยในแตละ Model จะอธบายความสมพนธรปแบบตางๆในมมทตางกน หลงจากทไดวเคราะหมมมองในแตละ Model กจะสามารถน าสงทไดมาไปพฒนาระบบไดอยางมประสทธภาพ

5

UML เปนภาษามาตรฐานส าหรบสรางแบบพมพเขยวใหแกระบบงาน ดวยการวาดแผนภาพจ าลองเพอจดประสงค 4 ประการ

- เปนภาษามาตรฐานสาหรบจ าลองดวยภาพ (visualizing) - เปนภาษามาตรฐานสาหรบแสดงขอกาหนด/เงอนไข (specifying) - เปนภาษามาตรฐานสาหรบชวยสรางระบบ (constructing) - เปนภาษามาตรฐานสาหรบชวยบนทก (documenting) กระบวนการของ UML ในการวเคราะห และออกแบบระบบสารสนเทศ โดยใช UML

เปนเครองมอ ในการด าเนนงานโครงการ มกลไก ของโมเดลมาตราฐาน ( Standard Model ) เพอเปนเครองมอ ในการวเคราะหและออกแบบ โดยมโมเดลทไดรบความนยมดงน

2.2.1. Use case Diagram แสดงการใชงานระบบ จากมมมองของผใชงานหรอ ผใชระบบ ใหเขาใจระบบโดยรวม จดประสงคหลก คอ อธบายความตองการของระบบซงเปนสงทตองเรมขนตอนแรกของการออกแบบระบบ โดยใชสญลกษณในการเขยนดงตารางท 2.1 อธบายสญลกษณทใชใน Use Case Diagram

ตารางท 2.1 อธบายสญลกษณทใชใน Use Case Diagram

ภาพสญลกษณ ค าอธบาย

Actor คอ ผกระท า หรอ ผเกยวของกบระบบ ซงรวมทง Primary Actor และ Stakeholder Actor พร อมท ง เ ข ยนช อActor ไวดานลางของสญลกษณ เชน User , Admin เปนตน

Use Case คอ หนาท งาน หรอกระบวนการท างานใดกระบวนการหนงทมการตอบสนองกบ Actor ใชสญลกษณรปวงร พรอมทงเขยนชอ Use Case ซงตองใชค ากรยาหรอกรยาวลแทนชอของหนาทนน

Relationship คอ เสนทลากเชอมตอระหวาง Actor กบ Use Case ทมปฏสมพนธกน ใชเสนตรงไมมหวลกศรเปนสญลกษณของ Relationship สวน Relationship ท ใช เชอมตอระหวาง Use Case กบ Use Case กรณท Use Case นนมความสมพนธซงกนและกน จะใชสญลกษณเสนตรงมหวลกศร พรอมทงเขยนชอความสมพนธไวตรงกลางเสนดวย

6

ภาพสญลกษณ ค าอธบาย

System คอ เสนแบงขอบเขตระหวางระบบกบผกระท าตอระบบ (Use Case กบ Actor) ใชรปสเหลยมเปนสญลกษณ พรอมทงเขยนชอระบบไวดานใน

<- - - <<Include>> - - - - แสดงถงความสมพนธระหวาง Use Case ทจะตองกระท าตอเนองกน

<- - - <<Extend>> - - - - แสดงถงความสมพนธทเปนสวนขยายระหวาง Use Case

เพอใหเหนภาพชดขนจงแสดงตวอยาง Use Case ดงรปท 2.1 Restaurant Order System

Use Case

รปท 2.1 Restaurant Order System Use Case

ส าหรบ Use Case Diagram ทกๆ Use Case จะน าไปสรางเปน Sequence Diagram ตอไป

7

2.2.2. Sequence Diagram แสดงล าดบขนตอน การท างานภายใน ของ Use case Diagram ใหเหนถงการปฏสมพนธ (Interaction) ระหวาง Object ของ Class โดยเฉพาะการสง Message ระหวาง Object ตามล าดบของเวลา (Sequence) ทเกดเหตการณขนจากนอยไปมาก โดยจะมสญลกษณแสดงใหเหนล าดบของการสง Message ตามเวลาสงอยางชดเจน แสดงลกษณะของ Sequence Diagram สวนของสญลกษณตางๆ ดงตารางท 2.3 องคประกอบของ Sequence Diagram

ตารางท 2.2 องคประกอบของ Sequence Diagram

สญลกษณ ค าอธบาย

Actor คอ ผกระท า หรอ ผเกยวของกบระบบ ซงรวมทง Primary Actor และ Stakeholder Actor พร อมท ง เ ข ยนช อActor ไวดานลางของสญลกษณ เชน User , Admin เปนตน

Object , Class ทตองท าหนาทตอบสนอง Actor

Life Line เสนชวงชวตของ Object

Call Message ท Object ผส งเรยกใช Methods ของ Object ผรบ

Return Message สงคาคนกลบมาหา Object ทสงคาไปรองขอ

Focus of Control จดเรมตนและจดสนสดของแตละกจกรรม

Self-Message เปน Message ทมการประมวลผลหรอการคนคาทไดภายใน Object

8

รปท 2.2 ภาพตวอยาง Sequence Diagram สวนนงของระบบ Authentication Sequence Diagram กระบวนการมดงน

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

2. แกนนอน แสดง ถง วตถทมการสง ขอมลระหวางกนโดยเรยงลาดงจากบนลงลางตามชวงเวลาทท างานเปนเวลา ดบขนไปเรอยๆจนจบกระบวนการท างาน เมอ Sequence Diagram ครบแลวขน ตอนตอไปคอน า Sequence Diagram แตละตวไป สรางเปน Class Diagram เปนล าดบถดไป

2.2.3. Class Diagram แสดงถง Class และความสมพนธ ของขอมล และ กจกรรมทมผล

กบขอมลในแตละ Class ซงความสมพนธทกลาวถงใน Class Diagram ถอเปนความสมพนธเชงสถตย (Static Relationship) หมายถงความสมพนธทมอยแลวเปนปกตในระหวาง Class ตางๆ ไมใชความสมพนธทเกดขนเนองจากกจกรรมตางๆ ซงเรยกวาความสมพนธเชงกจกรรม( Dynamic Relationship) สงนงทเกดขนใน Class Diagram นนประกอบดวย Class กลมตางๆและกลมของ Relationship โดยองคประกอบทใชในการแสดง Class นนจะแทนดวยสเหลยมแบงออกเปน 3 สวน จากบนลงลาง

1. Class คอ ชอของ Class ทเปนตวแทนของ คน สถานท เหตการณ หรอสงตาง ๆ

ซงเปนสวนประกอบของระบบทเราก าลงวเคราะหและออกแบบ

9

2. Attribute คอ คณสมบตของ Class เปนขอมลทเราสนใจจะจดเกบและน ามาใชในระบบ โดยสามารถก าหนดระดบของการเขาถงขอมลเหลานได โดยการใสเครองหมายดงตอไปนไวขางหนาของแอตทรบวต

(+) สาธารณะ (public) หมายถงการอนญาตใหคลาสอน ๆ สามารถมองเหนและใชงานขอมลทอยในแอตทรบวตนได (#) ปองกน (protected) หมายถงการอนญาตใหคลาสอน ๆ สามารถมองเหนแอตทรบวตนไดแตไมอนญาตใหใชงานแอตทรบวตนได (-) ซอนไว (hidden) หมายถงคลาสอน ๆ ไมสามารถทจะมองเหนและใชงานแอตทรบวตนได

โดยทวไปจะก าหนดใหแอตทรบวตเปนคาทถกซอนไว โดยการระบเครองหมาย – ไวขางหนา

3. Methods คอ หนาทการท างานตางๆของ Class ทสามารถกระท าได โดย Methods จะตามดวยเครองหมาย () ตอทายแตละ Methods ซงหมายถงการระบพารามเตอร (parameter) ทจะใชสงผานกนระหวาง Methods ไวใน () ถงแมบาง Methods อาจจะไมมพารามเตอรทตองสงแตเรากตองใสเครองหมาย () ไวเชนกน โดยปลอยใหคายภายใน () เปนคาวางไว โดย Methods จะมสถานะเปนสาธารณะ (public) เสมอ โดยการระบเครองหมาย + ไวทขางหนาของแตละ Methods เสมอ ในองคประกอบทง 3 แบบนสามารถอธบายการท า Class Diagram ดงตารางท 2.3 องคประกอบของ Class Diagram

10

ตารางท 2.3 องคประกอบของ Class Diagram

สญลกษณ ค าอธบาย

ภาพรวมของ Class

สญลกษณ Aggregation Relationship แสดงความสมพนธระหวาง Class ทเปนสวนประกอบ ของกนและกน

ส ญ ล ก ษ ณ Composition Relationship แ ส ด งความสมพนธระหวาง Class ทเปนสวนหนงของกนและกน

สญลกษณ Generalization แสดงความสมพนธระหวาง Class ทเปนการสงทอดคณสมบต

2.2.4. Activity Diagram ใชส าหรบแสดงการท างานในระบบ (Work Flow) อยางเปน

ขนตอนทมลกษณะเดยวกบ Flowchart โดยในแตละขนตอนการท างานจะเรยกวา Activity ในแตละ Activity แบงเปนการท างานในลกษณะตางๆ ไดแก การค านวนผลลพธบางอยาง การเปลยนแปลงสถานะของขอมล การสงคา การรบและบนทก การแสดงผลลพธ การเรยกใช Operation หรอ Method บางอยาง รวมถงการสรางและลบขอมลออกจากระบบ โดยจะตองมจดเรมตนและจดสนสดของกระบวนการนน

ความแตกตางระหวาง Flowchart กบ UML Activity Diagram คอ UML Activity Diagram จะมเพมในสวนของ Activity บางขนตอนทสามารถท าควบคกนในเวลาเดยวกนไดเพมขนมา บางครงมลกษณะคลาย Swim lane โดยจะแบงกลมกจกรรมทเกดขนเปนชอง โดยก ากบแตละชองดวยชอของ Object แตละ Swim lane แสดงถงกจกรรมทเกดขนกบ Object นนๆ

11

2.3 ความรเกยวกบ Hyper Text Markup Language, version 5 (HTML 5) Hyper Text Markup Language, version 5 หรอเรยกวา เอชท เอมแอล5 เปนภาษา คอมพวเตอรทพฒนามาจากภาษาเอชทเอมแอล ทมจดเดนมากกวาเวอรชน เอชทเอมแอล 4.01 และ เอคซเอสทเอมแอล 1.1 ทพฒนาขนกอนหนา แตรปแบบลกษณะของการใชงานจะเปนมาตรฐานเดยวกนกบเอชทเอมแอล 4 ในเวอรชนนจะสนบสนนการแสดงผลบนอปกรณตางๆ ได เชน พซ, แมค, ไอโฟน, ไอแพท, แอนดรอยด หรอ แทบเลต เปนตน โดยเนนการใชงานรวมกบ ซเอสเอส และ จาวาสครปต ท างานกบภาษาทใชพฒนา เวบแอปพลเคชน เชน พเอชพ หรอ เอเอชพ ไดอยางมประสทธภาพ

2.4 ความรเกยวกบ Bootstrap

Bootstrap เปน Front-end Framework ทชวยใหเราสามารถสรางเวบเบราเซอรไดอยางอสระและสวยงาม โดยกลมโคดชดค าสงของ เอชทเอมแอล, ซเอสเอส และ จาวาสครปต ไวดวยกน ทพฒนาขนมาเพอก าหนดกรอบหรอรปแบบของการพฒนาเวบไซตจะท าใหการพฒนาเวบไซตท าไดมากขนและใชงานไดงายและสะดวกรวดเรวยงขน ซงถกออกแบบมาใหท างานการท างาน แบบทตอบสนองตอเวบซงท าใหเราเขยนเวบแคครงเดยวสามารถน าไปรนผานเบราเซอรไดทงบนมอถอแทบเลตและพซทวไปโดยทไมตองเขยนใหม

Bootstrap เปน Framework ตวหนง ใชส าหรบพฒนาเวบไซตสวนของการแสดงผล ทถกพฒนาขน โดย Mark Otto และ Jacob Thorn เปนทมพฒนาของ Twitter และ Bootstrap Framework นยงมการเปดใหใชงานแบบ โอเพนซอรส ทนกพฒนาสามารถน าไปใชงานพฒนาเวบไซตไดฟร ท าใหมการพฒนาขนโดยกลมนกพฒนาจากทวทกมมโลกทมการอปเดทอยตลอดเวลาเพอความสะดวกในการท างานไดอยางสมบรณและชวยการแกไขปญหาตางๆทเกดขนโดยผเชยวชาญ

12

2.5 ความรเกยวกบ MySQL

มายเอสควเอล (MySQL) เปนระบบจดการฐานขอมล ทพฒนาโดยบรษท มายเอสควเอล เอบ มหนาทเกบขอมล รองรบค าสง เอสควเอล เปนเครองมอส าหรบเกบขอมล ทตองใชรวมกบเครองมอหรอโปรแกรมอนทท าหนาทใสขอมลเขาระบบ และดงขอมลออกมาเพอประมวลผล เพอใหไดระบบงานทรองรบ ความตองการของผใช เชนท างานรวมกบเครองบรการเวบ (Web Server) เพอใหบรการแกภาษาสครปตทท างานฝงเครองบรการ (Server-Side Script) เชน ภาษาพเอชพ ภาษาเอพเอสดอทเนต หรอภาษาเอเอสพ เปนตน หรอท างานรวมกบโปรแกรมประยกต (Application Program) เชน ภาษาวชวลเบสก ภาษาจาวา หรอภาษาซชารป เปนตน โปรแกรมถกออกแบบใหสามารถท างานไดบนระบบปฏบตการทหลากหลาย และเปนระบบฐานขอมลโอเพนซอรส ทถกน าไปใชงานมากทสด มายเอสควเอล จดเปนระบบจดการฐานขอมลเชงสมพนธ (RDBMS : Relational Database Management System)

ความสามารถและการท างานของโปรแกรม MySQL มดงตอไปน 1. มายเอสควเอล ถอเปนระบบจดการฐานขอมล (Database Management System (DBMS) ฐานขอมลมลกษณะเปนโครงสรางของการเกบรวบรวมขอมล การทจะเพมเตม เขาถงหรอประมวลผลขอมลทเกบในฐานขอมลจ าเปนจะตองอาศยระบบจดการ ฐานขอมล ซงจะท าหนาทเปนตวกลางในการจดการกบขอมลในฐานขอมลทงส าหรบการใชงานเฉพาะ และรองรบการท างานของ แอพลเคชนอนๆ ทตองการใชงานขอมลในฐานขอมล เพอใหไดรบความสะดวกในการจดการกบขอมลจ านวนมาก มายเอสควเอล ท าหนาทเปนทงตวฐานขอมลและระบบจดการฐานขอมล 2. มายเอสควเอล เปนระบบจดการฐานขอมลแบบ ฐานขอมลเชงสมพนธ ฐานขอมลแบบเชงสมพนธจะท าการเกบขอมลทงหมดในรปแบบของตารางแทนการเกบขอมลทงหมดลงในไฟล เพยงไฟลเดยว ท าใหท างานไดรวดเรวและมความยดหยน นอกจากนน แตละตารางทเกบขอมลสามารถเชอมโยงเขาหากนท าใหสามารถรวมหรอจด กลมขอมลไดตามตองการ โดยอาศยภาษาเอสควเอลทเปนสวนหนงของโปรแกรม มายเอสควเอล ซงเปนภาษามาตรฐานในการเขาถงฐานขอมล

13

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

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

ใดๆท าใหประหยดคาใชจายในการพฒนาระบบ

2.6 ความรเกยวกบ PHP

พเอชพ (PHP) ยอมาจาก PHP: Hypertext Preprocessor หรอชอเดมคอ Personal Home Page เปนภาษาสครปตทท างานฝงเครองบรการ (Server-Side Script) ซงจะไมแสดงค าสงทผใชเขยน เปนลกษณะเดน ทภาษาพเอชพ แตกตางจากภาษาในลกษณะทท างานฝงเครองผใชบรการ (Client-side scripting) เชน ภาษาจาวาสครปต ทผชมเวบไซตสามารถอาน ดและคดลอกค าสงไปใชเองได ภาษาพเอชพ ใชส าหรบท าเวบไซตและแสดงผลออกมาในรปแบบของภาษาเอชทเอมแอล โดยมรากฐานโครงสรางค าสงมาจากภาษาซ ภาษาจาวา และ ภาษาเพลด ซงเปาหมายหลกของภาษาน คอใหนกพฒนาเวบไซตสามารถเขยน เวบเพจ ทมการตอบโตไดอยางรวดเรว โดยผพฒนาสามารถเรยนรและเรมตนไดไมยาก โดยมเครองมอชวยเหลอและคมอทสามารถดาวนโหลดไดฟรบนอนเทอรเนตเนองจากลขสทธอยในลกษณะ โอเพนซอรส

14

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

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

รปท 3.1 Site Structure

15

3.2 Model แบบแผนผงโครงสราง 3.2.1 Use case Diagram แสดงการใชงานระบบ จากมมมองของ User หรอ ผใชระบบ ให เขาใจระบบโดยรวม จดประสงคหลก คอ อธบาย ภาพรวมของระบบการจดการราน เอมพ โฮมเมด ดรงก ดงรปท 3.2 Use Case Diagram

รปท 3.2 Use Case Diagram

จากรปท 3.2 Use Case Diagram ของระบบการจดการราน เอมพ โฮมเมด ดรงก แสดงหนาทหลกของระบบทงหมด 8 หนาทซงอธบายแตละหนาทดงตอไปน

16

3.2.1.1 Login เปนหนงในหนาทส าคญใชส าหรบยนยนสทธการเขาใชระบบงานเพอเขาถงหนาทการท างานอนๆของรานโดยจ าลอง Use Case Diagram ดงรปท 3.3 Use Case Diagram Login

รปท 3.3 Use Case Diagram Login

ตารางท 3.1 Use Case Specification Login Use Case Title : Login Use Case ID : 1

Primary Actor : Admin Main Flow ใชส าหรบตรวจสอบสทธกอนเขาสระบบ Pre-condition

- ผเขาสระบบจะตองม ID และ Password ส าหรบเขาสระบบ

Post-condition -

17

3.2.1.2 Add Order ใชส าหรบใหเจาของรานจดบนทกรายการสงซอสนคาจากลกคาแตละรายโดยจ าลอง Use Case Diagram ดงรปท 3.4 Use Case Add Order

รปท 3.4 Use Case Diagram Add Order

ตารางท 3.2 Use Case Specification Add Order

Use Case Title : Add Order Use Case ID : 2 Primary Actor : Admin Main Flow ใชส าหรบรบรายการสงซอสนคาจากลกคา โดยบนทกขอมลของผสงซอ, ชอสนคา, จ านวนสนคาทสง และวนทตองการรบสนคา

Pre-condition

- ผใชงานจะตองท าการ ลอกอน เขาสระบบ - ผใชงานตองมขอมลสนคาอยในระบบ - ผใชงานตองมขอมลลกคาอยในระบบ Post-condition

-

18

3.2.1.3 Manage Order Shipping & Payment ใชส าหรบใหเจาของรานตรวจสอบ Order เพอจดสงใหลกคาแตละรายและสามารถบนทกสถานะการสงของและรบเงนจากลกคาได โดยจ า ล อ ง Use Case Diagram ด ง ร ปท 3.5 Use Case Diagram Manage Order Shipping & Payment

รปท 3.5 Use Case Diagram Manage Order Shipping & Payment

ตารางท 3.3 Use Case Specification Manage Order Shipping & Payment Use Case Title : Manage Order Shipping & Payment Use Case ID : 3

Primary Actor : Admin Main Flow ใชส าหรบตรวจสอบรายการสงซอเพอจดสงใหลกคาแตละรายและสามารถบนทกสถานะการสงของและรบเงนจากลกคา

Pre-condition

- ผใชงานจะตองท าการ ลอกอน เขาสระบบ - ผใชงานตองมขอมลการสงซอสนคาเขาระบบ

Post-condition - ผใชงานสามารถปรบเปลยนสถานะการรบเงนและสงของของรายการสงซอนนได

19

3.2.1.4 View Product Shipping Date ใชส าหรบใหเจาของรานตรวจนบยอดสงซอสนคาทงหมดของแตละประเภททจะตองจดสงใหลกคาในแตละวน เพอตรวจสอบวาจะตองเตรยมผลตสนคาเพมอกจ านวนเทาใดใหเพยงพอกบยอดสงซอทงหมด โดยจ าลอง Use Case Diagram ดงรปท 3.6 Use Case Diagram View Product Shipping Date

รปท 3.6 Use Case Diagram View Product Shipping Date

ตารางท 3.4 Use Case Specification View Product Shipping Date

Use Case Title : View Product Shipping Date Use Case ID : 4 Primary Actor : Admin Main Flow ใชส าหรบใหเจาของรานตรวจนบยอดสงซอสนคาทงหมดของแตละประเภททจะตองจดสงใหลกคาในแตละวน

Pre-condition

- ผใชงานจะตองท าการ ลอกอน เขาสระบบ - ผใชงานตองมขอมลการสงซอสนคาเขาระบบ

Post-condition -

20

3.2.1.5 Add Expenses ใชส าหรบใหเจาของรานบนทกคาใชจายทเกดขนภายในรานทงนรวมถงคาใชจายทถกถอนออกเพอใชจายสวนตวดวย โดยจ าลอง Use Case Diagram ดงรปท 3.7 Use Case Diagram Add Expenses

รปท 3.7 Use Case Diagram Add Expenses

ตารางท 3.5 Use Case Specification Add Expenses Use Case Title : Add Expenses Use Case ID : 5

Primary Actor : Admin Main Flow ใชส าหรบใหเจาของรานบนทกคาใชจายทเกดขนภายในรานทงนรวมถงคาใชจายทถกถอนออกเพอใชจายสวนตวดวยในทนจะใชชอรายการวา “คาแรง”

Pre-condition - ผใชงานจะตองท าการ ลอกอน เขาสระบบ

Post-condition

-

21

3.2.1.6 View Report ใชส าหรบใหเจาของรานตรวจสอบยอดขายและคาใชจายภายในรานโดยจ าลอง Use Case Diagram ดงรปท รปท 3.8 Use Case Diagram View Report

รปท 3.8 Use Case Diagram View Report

ตารางท 3.6 Use Case Specification View Report

Use Case Title : View Report Use Case ID : 6

Primary Actor : Admin Main Flow ใชส าหรบใหเจาของรานตรวจสอบยอดขายและคาใชจายภายในรานรวมถงสนคาทขายดของแตละสปดาห Pre-condition

- ผใชงานจะตองท าการ ลอกอน เขาสระบบ - ผใชงานจะตองมขอมลรายการสงซอ - ผใชงานจะตองมขอมลรายการคาใชจาย

Post-condition -

22

3.2.1.7 View List Product ใชส าหรบดรายการสนคาและบรหารจดการขอมลของสนคาภายในรานโดยจ าลอง Use Case Diagram ดงรปท 3.9 Use Case Diagram View List Product

รปท 3.9 Use Case Diagram View List Product

ตารางท 3.7 Use Case Specification View List Product

Use Case Title : View List Product Use Case ID : 7 Primary Actor : Admin Main Flow ใชส าหรบดรายการสนคาและบรหารจดการขอมลของสนคาภายในราน

Pre-condition - ผใชงานจะตองท าการ ลอกอน เขาสระบบ

Post-condition

-

23

3.2.1.8 View List Customer ใชส าหรบดขอมลลกคาและใชส าหรบบรหารจดการขอมลของลกคาทเขามาซอสนคาภายในรานโดยจ าลอง Use Case Diagram ดงรปท 3.10 Use Case Diagram View List Customer

รปท 3.10 Use Case Diagram View List Customer

ตารางท 3.8 Use Case Diagram Manage Customer

Use Case Title : View List Customer Use Case ID : 8 Primary Actor : Admin Main Flow ใชส าหรบดขอมลลกคาและใชส าหรบบรหารจดการขอมลของลกคาทเขามาซอสนคาภายในราน

Pre-condition - ผใชงานจะตองท าการ ลอกอน เขาสระบบ

Post-condition

-

24

3.2.2 Sequent Diagram จาก Use Case ดงรปท 3.2 Use Case Diagram สามารถสราง Sequent Diagram ของระบบการจดการราน เอมพ โฮมเมด ดรงก เพออธบายขนตอนการทางานของระบบดงน

3.2.2.1 Sequent Diagram Login

รปท 3.11 Sequent Diagram Login

จากรปท 3.11 สามารถอธบายการท างาน Sequent Diagram ของ Login ดงน 1. Admin รองขอเขาสระบบและท าการใส username และ password เขาสระบบ 1.1 ระบบตรวจสอบ username และ password เมอขอมลถกตองจงใหเขาสระบบได

25

3.2.2.2 Sequent Diagram Manage Product

รปท 3.12 Sequent Diagram Manage Product

จากรปท 3.12 สามารถอธบายการท างาน Sequent Diagram ของ Manage Product ดงน 1. Admin ใสขอมลของสนคาเขาระบบของรานคาประกอบดวยขอมล ชอสนคา

ราคาสนคา สถานะการแสดงสนคา พรอมทงบนทกวนทสนคาเขามาขายในราน 1.1 ระบบเรยกขอมลขนาดของสนคา 1.2 ระบบบนทกขอมลขนาดของสนคาและสงรหสของขนาดสนคามายง class product 1.3 แสดงผลบนทกขอมลสนคาส าเรจ 2. Admin กดปม Edit สนคา 2.1 ระบบแสดงขอมลสนคาทถกเลอก edit 3. Admin ด าเนนการ Update ขอมลสนคาสงมายงระบบ 3.1 ระบบเรยกขอมลขนาดของสนคา 3.2 ระบบบนทกขอมลขนาดของสนคาและสงรหสของขนาดสนคามายง class product 3.3 แสดงผลแกไขขอมลสนคาส าเรจ 4. Admin กดปม delete สนคา 4.1 ระบบแสดงผลลบขอมลสนคาส าเรจ

26

3.2.2.3 Sequent Diagram Manage Customer

รปท 3.13 Sequent Diagram Manage Customer

จากรปท 3.13 สามารถอธบายการท างาน Sequent Diagram ของ Manage Customer ดงน

1. Admin ใสขอมลของลกคาเขาระบบของรานคาประกอบดวยขอมล ชอลกคา ไอดไลนลกคา เบอรโทรศพทลกคา และทอยของลกคา

1.1 ระบบแจงการบนทกส าเรจ 2. Admin กดปม Edit ขอมลลกคา 2.1 ระบบแสดงขอมลของลกคาทถกเลอก Edit 3. Admin ด าเนนการ Update ขอมลลกคาสงมายงระบบ 3.1 ระบบแจงผลการแกไขสนคาส าเรจ 4. Admin กดปม delete ขอมลลกคา

4.1 ระบบแสดงผลลบขอมลลกคาส าเรจ

27

3.2.2.4 Sequent Diagram Input Order

รปท 3.14 Sequent Diagram Input Order

จาก รปท 3.14 สามารถอธบายการท างาน Sequent Diagram ของ Input Order ดงน 1. Admin สรางออเดอรโดยเลอกรายการสนคาตามทลกคาไดสง 1.1 ระบบท าการบนทกวนทสรางออเดอร 1.2 ระบบคนหารายชอขอมลลกคาผเปนเจาของรายการสงซอ 1.3 ระบบไดรบขอมลลกคาผเปนเจาของรายการสงซอ 1.4. ระบบคนหาขอมลสนคาเพอเขามาบนทกลงในรายละเอยดของออเดอร 1.4.1 ระบบคนหาขอมลของสนคาจากรายการสนคา 1.4.1.1 ระบบคนหารายการขนาดของสนคาตามทลกคาเลอก 1.4.1.2 ระบบไดขอมลขนาดของสนคาตามทลกคาตองการน าขอมลกลบมาบนทก

ในตารางขอมลสนคา 1.4.2 ระบบไดขอมลของสนคาตามทลกคาตองการมาบนทกไวในตารางรายละเอยดสนคา 1.5 ระบบไดรายละเอยดสนคาทลกคาตองการมาบนทกไวในตารางออเดอร 1.6. ระบบแสดงรายการสงซอให Admin ตรวจสอบ 2. Admin ก าหนดวนจดสงสนคาใหลกคาลงในรายละเอยดสงซอ 2.1 ระบบแจงบนทกส าเรจ

28

3.2.2.5 Sequent Diagram Total Order

รปท 3.15 Sequent Diagram Total Order

จาก รปท 3.15 สามารถอธบายการท างาน Sequent Diagram ของ Total Order ดงน 1. Admin ขอดขอมล จ านวนสนคาแตละรายการทจะด าเนนการจดสงในแตละวน

โดยตรวจสอบจากขอมลวนทจดสงสนคา 1.1 ระบบเรยกขอมลรายการสนคาและจ านวนสนคาแตละรายการจากตาราง

Order Detail 1.1.1 ระบบแสดงขอมล จ านวนสนคาแตละรายการทจะตองจดสงในวนถดไป

29

3.2.2.6 Sequent Diagram Shipping

รปท 3.16 Sequent Diagram Shipping

จาก รปท 3.16 สามารถอธบายการท างาน Sequent Diagram ของ Shipping ดงน 1. Admin รองขอดขอมลรายการสง 1.1 ระบบแสดงขอมลรายการสงของตามทรองขอ 2. Admin ด าเนนการเปลยนสถานะการรบเงนและสงของ 2.1 ระบบด าเนนการเปลยนสถานะการรบเงนตามทรองขอ 2.2 ระบบด าเนนการเปลยนสถานะการสงของตามทรองขอ 2.3 ระบบบนทกขอมลการเปลยนสถานะส าเรจ 3. Admin กดปม Edit รายการสงซอ 3.1 ระบบแสดงขอมลรายการทถกเลอก Edit 4. Admin แกไขขอมลรายการสงซอ 4.1 ระบบบนทกขอมลทถกแกไข 4.1.1 ระบบแจงแกไขขอมลส าเรจ 5. Admin กดปม delete ขอมลรายการสงซอ 5.1 ระบบแจงด าเนนการลบขอมลการสงซอส าเรจ

30

3.2.2.7 Sequent Diagram Manag Expenses

รปท 3.17 Sequent Diagram Manage Expenses

จาก รปท 3.17 สามารถอธบายการท างาน Sequent Diagram ของ Manage Expenses ดงน 1. Admin ใสขอมลของรายการคาใชจายเขาระบบของรานคาประกอบดวยขอมล

ชอรายการ ราคา และวนทเกดคาใชจาย 1.1 ระบบแจงการบนทกส าเรจ 2. Admin กดปม Edit ขอมลรายการคาใชจาย 2.1 ระบบแสดงขอมลของรายการคาใชจายทถกเลอก Edit 3. Admin ด าเนนการ Update ขอมลรายการคาใชจายเขาสระบบ 3.1 ระบบแจงผลการแกไขสนคาส าเรจ 4. Admin กดปม delete ขอมลรายการคาใชจาย

4.1 ระบบแสดงผลลบขอมลรายการคาใชจายส าเรจ

31

3.2.2.8 Sequent Diagram Report

รปท 3.18 Sequent Diagram Report

จาก รปท 3.18 สามารถอธบายการท างาน Sequent Diagram ของ Report ดงน 1. Admin ขอดขอมลรายละเอยดยอยรายการสงซอ 1.1 ระบบสงขอมลทรองขอกลบมายงผใชงาน 2. Admin ขอดขอมลคาใชจายทงหมดทเกดขนในรานคา 2.1 ระบบสงขอมลคาใชจายกลบมาทผใชงาน

32

3.3 โครงสรางความสมพนธเชงสถตย 3.3.1 Class Diagram

Class Diagram คอ แผนภาพคลาสและความสมพนธ ทใชในการแสดงความสมพนธในแงตางๆ (Relationship) ระหวาง คลาสเหลานน ดงรปท3.18 Class Diagram

รปท3.19 Class Diagram MP Homemade System จากรปท 3.19 สามารถอธบายความสมพนธ(Relationship) ระหวาง คลาสไดดงน

1. ขอมลลกคา 1 คน เปนสวนหนงของรายการสงซอ โดยมรายการสงซอไดหลายรายการ 2. รายการสงซอ 1 รายการมรายชอลกคาไดคนเดยว 3. รายการสงซอ 1 รายการ เปนสวนหนงของรายการสงซอโดย มรายละเอยดการสงซอได

มากกวา 1 รายการ 4. รายละเอยดการสงซอ 1 รายการมสนคาได 1 ชน 5. สนคา 1 ชน เปนสวนหนงของรายละเอยดการสงซอ สามารถอยในรายละเอยดการสงซอ

ไดหลายรายการ 6. สนคา 1 รายการมรายละเอยดขนาดสนคาได 1 ขนาด 7. รายละเอยดสนคา 1 ขนาด เปนสวนหนงของขอมลสนคา สามารถก าหนดในสนคาได

หลายรายการ

33

8. ขอมลรายการคาใชจายไมเปนสวนหนงสวนใดของขอมลในตารางอน 9. ขอมลการเขาสระบบไมเปนสวนหนงสวนใดของขอมลในตารางอน

3.3.1.1 Class tbl_product

รปท3.20 Class tbl_product

จากรปท 3.20 Class tbl_product อธบายหนาทของ Attribute ของ Class tbl_product ไดดงน

Attribute ประกอบดวย 1. productID ใชส าหรบแสดงรหสสนคา

2. pName ใชส าหรบแสดงชอสนคา 3. pPrice ใชส าหรบแสดงราคาสนคา 4. pStatus ใชส าหรบแสดงสถานะการโชวสนคา 5. pDate ใชส าหรบแสดงวนทน าสนคาเขามาในราน 6. sizeID ใชส าหรบแสดงรหสของขนาดของสนคา

Operation ประกอบดวย 1. add product() ใชส าหรบเพมคาขอมลสนคา 2. update product() ใชส าหรบแกไขคาขอมลสนคา 3. delete product() ใชส าหรบลบคาขอมลสนคา 4. search product() ใชส าหรบคนหาขอมลสนคา

34

3.3.1.2 Class tbl_productsize

รปท 3.21 Class tbl_productsize

จากรปท 3.21 Class tbl_productsize อธบายหนาทของ Attribute ของ Class tbl_productsize ไดดงน

Attribute ประกอบดวย 1. sizeID ใชส าหรบแสดงรหสของขนาดสนคา 2. sName ใชส าหรบแสดงขนาดของสนคา Operation ประกอบดวย

- ไมม

35

3.3.1.3 Class tbl_customer

รปท 3.22 Class tbl_customer

จากรปท 3.22 Class tbl_customer อธบายหนาทของ Attribute ของ Class tbl_customer ไดดงน

Attribute ประกอบดวย 1. customerID ใชส าหรบแสดงรหสลกคา 2. cName ใชส าหรบแสดงชอลกคา 3. cLine ใชส าหรบแสดงID Line ลกคา 4. cPhone ใชส าหรบแสดงเบอรโทรศพทลกคา 5. cAddress ใชส าหรบแสดงทอยลกคา

Operation ประกอบดวย 1. add customer() ใชส าหรบเพมคาขอมลลกคา 2. update customer() ใชส าหรบแกไขคาขอมลลกคา

3. delete customer() ใชส าหรบลบคาขอมลลกคา 4. search customer() ใชส าหรบคนหาขอมลลกคา

36

3.3.1.4 Class tbl_orderdetail

รปท 3.23 Class tbl_orderdetail

จากรปท 3.23 Class tbl_orderdetail อธบายหนาทของ Attribute ของ Class tbl_orderdetail ไดดงน

Attribute ประกอบดวย 1. oDetailID ใชส าหรบแสดงขอมลรหสรายละเอยดการสงสนคา 2. oUnit ใชส าหรบแสดงขอมลจ านวนของสนคาทลกคาสงซอ

3. oPrice ใชส าหรบแสดงขอมลราคาของสนคา ณ วนทลกคาสงซอ 4. orderID ใชส าหรบแสดงขอมลรหสการสงสนคา 5. productID ใชส าหรบแสดงขอมลรหสสนคา

Operation ประกอบดวย 1. add orderoetail() ใชส าหรบเพมคารายละเอยดการสงสนคา 2. update orderoetail() ใชส าหรบแกไขคารายละเอยดการสงสนคา

3. delete orderoetail() ใชส าหรบลบคารายละเอยดการสงสนคา

37

3.3.1.5 Class tbl_order

รปท 3.24 Class tbl_order

จากร ปท 3 .24 Class tbl_order อธ บายหน าท ของ Attribute ของ Class tbl_order ไดดงน

Attribute ประกอบดวย 1. orderID ใชส าหรบแสดงขอมลรหสการสงสนคา 2. oDate ใชส าหรบแสดงขอมลวนทสงสนคา 3. statusShipping ใชส าหรบแสดงขอมลสถานะการสงของ 4. ststusPayment ใชส าหรบแสดงขอมลสถานะการรบเงน 5. oTotalUnit ใชส าหรบแสดงขอมลการสงจ านวนสนคาทงหมด 6. oTotalPrice ใชส าหรบแสดงขอมลราคาสนคาทลกคาสงทงหมด 7. sDate ใชส าหรบแสดงขอมลวนทสงสนคา 8. customerID ใชส าหรบแสดงขอมลรหสของลกคาผสงสนคา

Operation ประกอบดวย 1. add Order() ใชส าหรบเพมคาขอมลการสงสนคา 2. update Order() ใชส าหรบแกไขคาขอมลการสงสนคา

3. delete Order() ใชส าหรบลบคาขอมลการสงสนคา 4. status shipping() ใชส าหรบก าหนดคาการสงสนคา 5. status payment() ใชส าหรบก าหนดคาการรบเงน 6. search order() ใชส าหรบคนหาขอมลการสงสนคา

38

3.3.1.6 Class tbl_expenses

รปท 3.25 Class tbl_expenses

จากรปท 3.25 Class tbl_expenses อธบายหนาทของ Attribute ของ Class tbl_expenses ไดดงน

Attribute ประกอบดวย 1. expensesID ใชส าหรบแสดงขอมลรหสรายการคาใชจาย 2. eName ใชส าหรบแสดงขอมลชอคาใชจาย 3. eAmount ใชส าหรบแสดงขอมลจ านวนคาใชจาย 4. eDate ใชส าหรบแสดงขอมลวนททเกดคาใชจาย

Operation ประกอบดวย 1. add expenses() ใชส าหรบเพมคาขอมลรายการคาใชจาย 2. update expenses() ใชส าหรบแกไขคาขอมลรายการคาใชจาย

3. delete expenses() ใชส าหรบลบคาขอมลรายการคาใชจาย 4. search expenses() ใชส าหรบคนหาขอมลรายการคาใชจาย

39

3.3.1.7 Class tbl_admin

รปท 3.26 Class tbl_admin

จากรปท 3.25 Class tbl_admin อธบายหนาท ของ Attribute ของ Class tbl_admin ไดดงน

Attribute ประกอบดวย 1. username ใชส าหรบระบตวตนผเขาใชงาน 2. password ใชส าหรบยนยนตวตนผเขาใชงาน 3. onoff ใชส าหรบเปดปดสถานะรหสของผดแลระบบ 4. lastlogin ใชส าหรบแสดงขอมลวนเวลาครงลาสดทเขาสระบบ 5. name ใชส าหรบบนทกชอผใชรหส

Operation ประกอบดวย - ไมม

40

3.4 Data Dictionary 3.4.1 Table tbl_product

ตารางท 3.9 Table tbl_product

No Attribute

Name Description

Data Type (size)

Key Type

Constraints Reference

Table

1 productID รหสสนคา int(11) PK NOT NULL

2 pName ชอสนคา varchar(255) NULL

3 pPrice ราคาสนคา double NULL

4 pStatus สถานะโชวสนคา varchar(10) NULL

5 pDate วนทเรมขายสนคา date NULL 6 sizeID รหสขนาดสนคา Int(11) FK NULL ProductSize

3.4.2 Table tbl_productsize

ตารางท 3.10 Table tbl_productsize

No Attribute

Name Description

Data Type (size)

Key Type

Constraints Reference

Table

1 sizeID รหสขนาดสนคา int(11) PK NOT NULL 2 sName ชอสนคา varchar(50) NULL

3.4.3 Table tbl_customer ตารางท 3.11 Table tbl_customer

No Attribute

Name Description

Data Type (size)

Key Type

Constraints Reference

Table

1 customerID รหสลกคา int(11) PK NOT NULL

2 cName ชอลกคา varchar(255) NULL 3 cLine ไอดไลนลกคา varchar(100) NULL

4 cPhone เบอรโทรศพท

ลกคา varchar(10) NULL

5 cAddress ทอยของลกคา date NULL

41

3.4.4 Table tbl_orderdetail ตารางท 3.12 Table tbl_orderdetail

No Attribute

Name Description

Data Type (size)

Key Type

Constraints Reference

Table

1 oDetailID รหสรายละเอยดการ

สงซอ int(11) PK NOT NULL

2 oUnit จ านวนทซอ int(11) NULL

3 oPrice ราคาสนคา ณ วนทซอ double NULL

4 orderID รหสการสงสนคา int(11) FK NULL Order

5 productID รหสสนคาทซอ int(11) FK NULL Product

3.4.5 Table tbl_order ตารางท 3.13 Table tbl_order

No Attribute Name Description Data Type

(size) Key Type

Constraints Reference

Table

1 orderID รหสการสงสนคา int(11) PK NOT NULL

2 oDate วนทสงสนคา date NULL

3 statusShipping สถานะการสงของ varchar(5) NULL

4 statusPayment สถานะการรบเงน varchar(5) NULL

5 oTotalUnit จ านวนสนคาทตอง

สง int(11) NULL

6 oTotalPrice จ านวนราคาทเกบ

เงน double NULL

7 sDate วนทสงสนคา date FK NULL

8 customerID รหสลกคา int(11) FK NULL Customer

42

3.4.6 Table tbl_expenses ตารางท 3.14 Table tbl_expenses

No Attribute

Name Description

Data Type (size)

Key Type

Constraints Reference

Table

1 expensesID รหสคาใชจาย int(11) PK NOT NULL

2 eName ชอรายการคาใชจาย

varchar(255) NULL

3 eAmount จ านวนคาใชจาย double NULL

4 eDate วนทเกดคาใชจาย date NULL

3.4.7 Table tbl_admin ตารางท 3.15 Table tbl_admin

No Attribute

Name Description

Data Type (size)

Key Type

Constraints Reference

Table

1 username รหสแสดงตวตน varchar(50) NOT NULL

2 password รหสยนยนตวตน varchar(20) NOT NULL

3 onoff สถานะการใชงาน varchar(1) NOT NULL

4 lastlogin เวลาทเขาระบบลาสด timestamp NOT NULL

5 name ชอผใชรหส varchar(100) NOT NULL

43

บทท 4

ผลการทดลอง

4.1 เครองมอและอปกรณทใชในการพฒนาระบบ โปรแกรมถกพฒนาขนจากอปกรณเครองคอมพวเตอรและเครองมอ (Tool) ตางๆในแตละ

หนาทซงแยกออกเปน 2 สวน หลกๆ ดงน 4.1.1 Hardware เครองคอมพวเตอรโนตบคทใชส าหรบพฒนาระบบ 1 เครอง รน Samsung Ultra book Series5 คณสมบตเฉพาะดงน - Intel(R) Core(TM) i5-3317U CPU @1.7Ghz - Ram DDR3 Bus1333 8 GB (4*2) - SSD Samsung 850 Pro 128 GB 4.1.2 Software

- OS ระบบปฏบตการ Windows 10 Home Single Language 64bit - Xampp v7.0.21ใชส าหรบการจ าลองเครองเปน Server

- SQL Front ใชส าหรบบรหารจดการฐานขอมล - Notepad++ ใชส าหรบพฒนาระบบ - Visual Paradigm ใชส าหรบวเคราะหและออกแบบระบบดวย UML Model - Microsoft Office Word 2013 ใชส าหรบเขยนรายงานผลการทดสอบ - Microsoft Office PowerPoint 2013 ใชส าหรบน าเสนอระบบ

44

4.2 Site Structure ของระบบ

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

รปท 4.1 Site Structure ของระบบ

45

4.3 ผลการพฒนาระบบ

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

รปท 4.1 หนา login เขาสระบบ

4.3.2 เมนSetting เมอเขาสระบบครงแรก ยงไมมขอมลของสนคา และขอมลของลกคา ผใชงานจ าเปนตองด าเนนการใสขอมลของสนคาภายในรานเพอใหมฐานขอมลของสนคาและฐานขอมลของลกคา

รปท 4.2 หนา setting เพอเขาส add product และ add customer

46

4.3.3 ระบบ Add Product จากรปท 4.2 เมอคลปปม Add Product จะเขาสหนา

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

ประกอบดวย ชอสนคา ราคาสนคา และขนาด cc ของน าแตละขนาด ซงขอมล cc ของน าแตละชนด

สามารถเพมเตมหรอเปลยนแปลงไดจากหนาฐานขอมล

รปท 4.3 หนาตางบรหารจดการสนคาภายในราน

รปท 4.3 การใสขอมลสนคาภายในราน

47

รปท 4.4 ด าเนนการเพมสนคาภายในรานเสรจสน

4.3.4 ระบบ Add Customer จากรปท 4.2 เมอกดเมน setting และเขาสระบบ add customer จะเขาสระบบบรหารจดการขอมลลกคาภายในราน ซงสามารถกด Add Customer เพอเพมขอมลลกคาไดดงรปท 4.6 ปม Add Customer เมอด าเนนการเพมขอมลลกคาแลวจะเปนดงรปท 4.7 เพมขอมลลกคาเสรจสน

รปท 4.5 ระบบบรหารจดการขอมลลกคา

48

รปท 4.6 ปม Add Customer

รปท 4.7 เพมขอมลลกคาเสรจสน

49

4.3.5 เมน Order เมนนจะแบงหนาทการท างานออกเปน 3 อยางคอ เมอด าเนนการรบรายการสงซอเสรจแลว รายการสงซอสนคาจะอยในระบบ Shipping และเจาของรานสามารถตรวจจ านวนสนคาทจะตองจดสงในแตละวนไดจากหนาระบบ Total Order

รปท 4.8 เมน Order

4.3.6 ระบบ Add Order ใชส าหรบรบรายการสงซอจากลกคา จะเขาสระบบ Input Order โดยเลอกขอมลผสงซอสนคา รายการสนคา จ านวนสนคา และวนทจดสงสนคา โดยวนทจดสงสนคาจะตงคาไวเปนวนถดไปจากการสงของ ดงรปท 4.9 และรปท 4.10

รปท 4.9 Add Order เขาสระบบ

50

รปท 4.10 เลอกวนทจดสงสนคา

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

รปท 4.11 ระบบ Shipping

51

รปท 4.12 การเปลยนสถานะของรายการสงซอ

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

รปท 4.13 ระบบ Total Order

52

4.3.9 เมน Expenses ถอเปนอกระบบงานหนงทมความส าคญท าใหเจาของรานทราบไดวามรายจายใดๆเกดขนภายในรานบาง โดยสามารถเลอกวนทเกดรายการและจดบนทกชอรายการคาใชจาย จ านวนคาใชจายและบนทกเขาสระบบได ทงนรายการทเปนคาแรงส าหรบเจาของรานถอเปนสวนหนงของคาใชจายทเกดขนภายในรานดวย

รปท 4.14 ระบบ Expense บนทกคาใชจาย

4.3.10 เมน Report เมอรานมรายไดจากการขายสนคา รายการสนคาทถกแสดงสถานะไดรบเงนจากลกคาแลวจะถกเกบมารวมแสดงเปนรายไดภายในรานในคอลมของ เงน Order และในสวนของคาใชจายตางๆทเกดขนภายในรานจะถกน ามารวมไวในคอลม Expense เมอน าทง 2 สวนมาหกลบกนจะไดจ านวนเงนสดคงเหลอภายในราน ซงถอวาเปนเงนส าหรบใชลงทนในครงถดๆไป ตารางคาแรงแตละสปดาหจะเกดขนตอเมอมการ เพมรายการคาใชจาย ชอรายการคาแรงเขาสระบบ จะค านวนออกมาเปนรายไดปนผลตอสปดาหของเจาของราน

รปท 4.15 เมน Report

53

บทท 5

สรปผล

5.1 สรปผลสารนพนธ การพฒนาระบบบรหารจดการรายการสงซอและบนทกคาใชจาย ระบบการจดการราน เอมพ โฮมเมด ดรงก มระยะเวลาในการพฒนาทจ ากดอยางมาก เนองจากผพฒนาไดจดท าโครงงานในชวงเทอมท 3 ของปการศกษาท 4 ของขาพเจานน ผพฒนาไดรวบรวมความรความตงใจจากการเลาเรยนวชา รวมทงจากการขอค าปรกษาจากคณาจารยผทรงคณวตและคนหาขอมลอนๆเพมเตมจากชองทางตางๆ เพอวเคราะห ออกแบบ และด าเนนการพฒนาระบบใหสอดคลองการเปาหมายทไดวางไวในตอนตน โดยมผลการด าเนนการเปนไปตามการวเคราะหและออกแบบของขาพเจา ระบบสามารถใชไดจรงกบรานเอมพโฮมเมดดรงกตามทไดออกแบบไว 5.2 ปญหาและอปสรรคจากการพฒนาโครงงาน การด าเนนการออกแบบระบบของขาพเจาในบทท 3 ไดออกแบบ Class Product Size เพมขนจาก Class Product ท าใหเกดความซ าซอนของขอมล ซง Class หรอ Table ดงกลาวไมจ าเปนจะตองสรางขนมากไดหากขอมลขนาดของสนคาถกก าหนดไวใน Class Product ดวยระยะเวลาในการด าเนนการทสน ท าใหตองเรงในการพฒนาระบบอาจมจดบกพรองบางบางจดทตกหลน การเตรยมตวส าหรบการท าโครงงานทด จ าเปนจะตองมการวางแผนระยะเวลาในการด าเนนโครงงานทมประสทธภาพ รวมทงความเชยวชาญในการวเคราะหและออกแบบระบบ และความสามารถในการเขยนโปรแกรม จะท าใหการพฒนาโครงงานเปนไปไดอยางมประสทธภาพยงขน 5.3 ขอเสนอแนะ ระบบการจดการราน เอมพ โฮมเมด ดรงก นนเปนระบบเวบแอพพเคชนพฒนาแบบ มลตแพลตฟอรม ซงมขอดทสามารถเขาใชงานจากอปกรณชนดใดกได มความยดหยนสง แตหากจะใหมความครบถวนสมบรณในทกๆ ระบบปฏบตการ นน ผพฒนาจะตองมการทดสอบระบบบนระบบปฏบตการตางๆเพอหาจดแตกตางและแกไขเพอใหผใชงานบนระบบปฏบตการตางๆ สามารถใชงานไดอยางราบรน ถงแมระบบการจดการราน เอมพ โฮมเมด ดรงกจะถกพฒนาบนมลตแพลตฟอรมทมความยดหยนอยในตวแลวนน แตลกษณะการท างานผานทางโปรแกรมเวบบราวเซอรยงไมมความคลองตวมากนกเนองจากเสยเวลาในการก าหนดชองทางการเขาถงระบบเชน URL ซงถามการน าไปพฒนาตอยอดเปนแอปพลเคชนบนอปกรณเคลอนทจะเพมความคลองตวในการใชงานรบรายการสงซอจากลกคาไดสะดวกสบายมากยงขน

54

เอกสารอางอง

[1] กตต ภกดวฒนะกล และ กตตพงษ กลมกลอม, UML วเคราะหและออกแบบระบบเชงวตถ พมพครงท 2. กรงเทพ:หจก.ไทยเจรญการพมพ, 2547. [2] ชาครต กลไกรศร, UML คออะไร.[Online]. Available: https://msit5.wordpress.com/2013/09/04/uml-คออะไร/ [3] Withoon Wangsa-Nguankit, HTML5.[Online]. Available: https://www.slideshare.net/wangsasoft/html5-14721952 [4] มานพ กองอน, Bootstrap คออะไร.[Online]. Available: https://www.programmerthailand.com/tutorial/post/view/96/bootstrap-%E0%B8%84 %E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3 [5] ทมงาน อซ บรานเชส, MySQL มความส าคญอยางไรกบเซรฟเวอร.[Online]. Available: http://www.th.easyhostdomain.com/dedicated-servers/mysql.html [6] th.wikipedia.org, ภาษาพเอชพ.[Online]. Available: https://th.wikipedia.org/wiki/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%9E%E0%B8%B5%E0%B9%80%E0%B8%AD%E0%B8%8A%E0%B8%9E%E0%B8%B5