ระบบร้านอาหารออนไลน์ นายวสันต์...

ระบบรานอาหารออนไลน

นายวสนต ฤกษองคด

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

คณะเทคโนโลยสารสนเทศ มหาวทยาลยเทคโนโลยพระจอมเกลาธนบร

พ.ศ. 2556

ระบบรานอาหารออนไลน

นายวสนต ฤกษองคด บธ.บ. (บรหารธรกจบณฑต)

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

คณะเทคโนโลยสารสนเทศ มหาวทยาลยเทคโนโลยพระจอมเกลาธนบร

พ.ศ. 2556

คณะกรรมการการศกษาโครงการเฉพาะเรอง ..................................................................... ประธานกรรมการการศกษาโครงการเฉพาะเรอง (ผศ. ดร.ณรงคฤทธ วราภรณ) ..................................................................... กรรมการและอาจารยทปรกษารวม (อาจารยอนฮวา นลรตนศรกล ) ..................................................................... กรรมการ (ดร.วทดา จงศภชยสทธ)

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

ข

หวขอการศกษาโครงการเฉพาะเรอง ระบบรานอาหารออนไลน หนวยกต 3 ผเขยน นายวสนต ฤกษองคด อาจารยทปรกษา ผศ. ดร. ณรงคฤทธ วราภรณ

อาจารยอนฮวา นลรตนศรกล หลกสตร วทยาศาสตรมหาบณฑต สาขาวชา เทคโนโลยสารสนเทศ คณะ เทคโนโลยสารสนเทศ พ.ศ. 2556

บทคดยอ การศกษาโครงการเฉพาะเรองน ไดจดท าระบบรานอาหารออนไลนใหกบรานคาสเตกฟอรย ในการในวเคราะหและออกแบบระบบงานไดใชแนวคดของการเขยนโปรแกรมเชงวตถเขามาชวย และใชภาษาพเอชพเพอการพฒนาเวบไซต ใชซเอสเอสเพอตกแตงหนาเวบไซต มายเอสควแอลใชเปนทจดเกบฐานขอมล และใชคลาวเซรฟเวอรของบรษท เซนต เทคโนโลย เปนระบบบรหารจดการและจดเกบขอมลตาง ๆ ซงผลด าเนนการพบวาลกคาสามารถใชบรการไดจากหลากหลายสถานท เจาของกจการสามารถปรบปรงสถานะการจดสงสนคาใหเปนปจจบนได ลกคาสามารถตรวจสอบสถานะการจดสงของสนคาได และเปนการเพมชองทางการใหบรการลกคาอกหนงชองทาง ค าส าคญ: การประมวลผลแบบกลมเมฆ / รานอาหารออนไลน / ลกคา

ค

สารบญ

หนา

บทคดยอภาษาไทย ข สารบญ ค รายการตารางประกอบ จ รายการรปประกอบ ฉ

บทท 1. บทน า 1 1.1 ความเปนมา 1

1.2 วตถประสงค 1 1.3 ประโยชนทไดรบ 1 1.4 ขอบเขตของการศกษาโครงการเฉพาะเรอง 2

2. ทฤษฎและตวอยางงานทเกยวของ 3 2.1 ทฤษฏทเกยวของ 3

2.1.1 การประมวลผลแบบกลมเมฆ (Cloud Computing) 3 2.1.2 พเอชพคลาวด (PHPCloud) 4 2.1.3 ภาษาพเอชพ (PHP) 4 2.1.4 ซเอสเอส (CSS) 5 2.1.5 ระบบฐานขอมลมายเอสควแอล (MySQL) 5

2.2 ตวอยางงานทเกยวของ 5 2.2.1 ระบบการจดการรานอาหาร 5 2.2.2 ระบบสารสนเทศเพอการจดการรานเคก 6

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

3.1 ระบบงานปจจบน 7 3.2 การออกแบบและผลการพฒนา 9 3.2.1 แผนภาพยสเคส (Use Case Diagram) 9

3.2.2 แผนภาพแสดงล าดบเหตการณ (Sequence Diagram) 11 3.2.3 แผนภาพคลาส (Class Diagram) 17

ง

สารบญ (ตอ) หนา 3.3 แผนผงงานใหม (Flow Chart) 18 4. การท างานของระบบ 19

4.1 แผนผงของเวบไซต 19 4.2 การท างานของระบบ 20 4.3 การใชงานระบบ 21 4.3.1 การเขาสระบบ 21 4.3.2 การลงทะเบยนลกคา 22 4.3.3 การสงซออาหาร 23 4.3.4 การก าหนดรายการอาหาร 24 4.3.5 การก าหนดรายการสงเสรมการขาย 25 4.3.6 การรบค าสงซอและปรบปรงสถานะค าสงซอ 26 4.4 แผนการทดสอบระบบ 27

5. บทสรป 31

5.1 สรปผลการด าเนนงาน 31 5.2 ปญหาและอปสรรค 31 5.3 แนวทางการพฒนาเพมเตม 31

เอกสารอางอง 32 ภาคผนวก ก. 33 ก.1 รายละเอยดของแผนภาพคลาส 33 ประวตผจดท า 40

จ

รายการตารางประกอบ

ตาราง หนา ก.1 ตารางแสดงรายละเอยดของคลาส User 34 ก.2 ตารางแสดงรายละเอยดของคลาส Contact 35 ก.3 ตารางแสดงรายละเอยดของคลาส Order 36 ก.4 ตารางแสดงรายละเอยดของคลาส Order_Item 37 ก.5 ตารางแสดงรายละเอยดของคลาส Menu 38 ก.6 ตารางแสดงรายละเอยดของคลาส Promotion 39

ฉ

รายการรปประกอบ

รป หนา 3.1 แผนผงระบบงานปจจบน (Flow Chart) 8 3.2 แผนภาพแสดงการใชงานระบบ (Use Case Diagram) 9 3.3 แผนภาพแสดงล าดบเหตการณการสมครสมาชก 11 3.4 แผนภาพแสดงล าดบเหตการณการดรายการอาหารและรายการสงเสรมการขาย 12 3.5 แผนภาพแสดงล าดบเหตการณการแกไขขอมลสวนตว 13 3.6 แผนภาพแสดงล าดบเหตการณการสงซออาหาร 14 3.7 แผนภาพแสดงล าดบเหตการณการสรางหรอแกไขรายการอาหารหรอสงเสรมการขาย 15 3.8 แผนภาพแสดงล าดบเหตการณการตรวจสอบหรอปรบปรงสถานะค าสงซออาหาร 16 3.9 แผนภาพคลาส (Class Diagram) 17 3.10 แผนผงงานใหม 18 4.1 แผนผงของเวบไซต 19 4.2 หนาจอลอกอนเขาระบบรานอาหารออนไลน 21 4.3 หนาจอลงทะเบยนลกคา 22 4.4 หนาจอสงซออาหาร 23 4.5 หนาจอก าหนดรายการอาหาร 24 4.6 หนาจอก าหนดรายการสงเสรมการขาย 25 4.7 หนาจอรบค าสงซอและปรบปรงสถานะค าสงซอ 26

บทท 1 บทน า เนอหาในบทนกลาวถงความส าคญและทมาของการศกษาโครงการเฉพาะเรอง วตถประสงค

ในการจดท าการศกษาโครงการเฉพาะเรอง ประโยชนทไดรบจากการจดท า ขอบเขตและขนตอนในการ-ด าเนนการ ซงมรายละเอยดดงตอไปน

1.1 ความเปนมา ปจจบนรานสเตกนนมการแขงขนกนสง ทงดานราคา คณภาพ รายการอาหาร สถานทใหบรการ

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

1.2 วตถประสงค 1. ออกแบบและพฒนาระบบรานออนไลน 2. เพมชองทางการบรการออนไลนใหแกลกคาของทางราน 3. เพมชองทางในการน าเสนอรายการอาหาร รายการสงเสรมการขาย และการรบค าสงซอ

1.3 ประโยชนทไดรบ 1. ระบบรานอาหารออนไลนทพฒนาเพอสนบสนนกจการของรานสเตกฟอรย 2. เพมชองทางดานการคาออนไลนใหกบทางราน 3. ลกคาสามารถเลอกชมทงรายการอาหาร รายการสงเสรมการขาย และสงซออาหารได

อยางสะดวกสบาย

2

1.4 ขอบเขตของการศกษาโครงการเฉพาะเรอง 1. ออกแบบและพฒนาระบบในรปแบบโปรแกรมเวบประยกต บนระบบการประมวลผลแบบกลมเมฆ

2. ออกแบบและพฒนาระบบสงซออาหารออนไลน ส าหรบรานสเตกฟอรย - โดยใหลกคาสามารถเลอกซออาหารออนไลน เชครายการสงเสรมการขาย และสถานะของการจดสงอาหารได - โดยใหเจาของรานหรอพนกงานรานสามารถปรบปรงรายการอาหาร ก าหนดรายการสงเสรมการขาย และสถานะของการจดสงอาหารได

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

เนอหาในบทนไดกลาวถงทฤษฎทน ามาใชในการพฒนาระบบรานอาหารออนไลน ทงภาษาและโปรแกรมทใชในการพฒนาระบบรานอาหารออนไลน รวมไปถงตวอยางงานทเกยวของ

2.1 ทฤษฎทเกยวของ ระบบรานอาหารออนไลนไดมการออกแบบและพฒนาโดยใชการประมวลผลเปนกลมเมฆ

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

2.1.1 การประมวลผลแบบกลมเมฆ การประมวลผลแบบกลมเมฆ [1] เปนบรการทองตามความตองการของผใชงาน โดยคดคาใชจายตามการประมวลผลทผใชงานตองการ ผใชบรการตองเลอกใชการบรการใหเหมาะสมกบทตนเองตองการ ซงมการแบบบรการเปน 3 แบบหลก คอ

1. บรการซอฟตแวร (Software as a Service : SaaS) เปนบรการประมวลผลแอพพลเคชนท

แมขายของผใหบรการและเปดใหบรการทางดานซอฟตแวรตางๆ ซงท าใหผใชงาน

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

ซอฟตแวรทเลอกใชงาน

2. บรการแพลตฟอรม (Platform as a Service : PaaS) มลกษณะเสมอนเปนการเชา

เซรฟเวอรผานอนเทอรเนต ซงมความยดหยนสงในการบรหารทรพยากร ปรบเปลยน

ตามปรมาณผใชงานโดยอตโนมต เหมาะกบผใชงานทเปนนกพฒนาซอฟตแวรเพอใช

งานบนการประมวลผลแบบกลมเมฆ ทางผใหบรการจะมการสรางชด API (Application

Programming Interface) เพอใหผใชบรการสามารถใชงานไดงายบนแพลตฟอรมของผ

ใหบรการ

3. การใหบรการโครงสรางพนฐาน (Infrastructure as a Service : IaaS) มลกษณะใหบรการ

เปนโครงสรางพนฐานของระบบ มความยดหยนสงมาก ซงผใชบรการแบบนตองบรหาร

จดการดานทรพยากรตางๆ ดวยตนเอง เชน เชาหนวยประมวลผล ระบบจดเกบขอมล

4

เครอขายขอมล เปนตน โดยคดคาบรการตางทผใชบรการตองการใชงาน ทงนผใชบรการ

กตองบรหารจดการซอฟตแวรตางๆ ดวยตนเองอกเชนกน

2.1.2 พเอชพคลาวด พเอชพคลาวดเปนบรการประมวลผลแบบกลมเมฆ [2] บรการแพลตฟอรม ของบรษท เซนต

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

ผ ท ต อ ง ก า ร จ ะ ใ ช บ ร ก า ร พ เ อ ช พ ค ล า ว ด น ส ง แ ร ก ค อ ต อ ง ก ร อ ก ข อ ม ล ท http://www.phpcloud.com เพอรบค าเชญจากทางบรษท เมอไดจดหมายตอบรบกสามารถเขามาสหนาเวบไซตเพอเขาสระบบไดทนท ในชวงทดสอบระบบนยงสามารถใชงานไดโดยไมมคาใชจาย โดยมความจใหใชโดยไมคดคาใชจายท 750 เมกะไบต

2.1.3 ภาษาพเอชพ ภาษาพเอชพ [3] เปนภาษาทนยมใชเพอพฒนาเวบแอพพลเคชนอยางแพรหลาย เรมมการใชเมอปครสตศกราช 1995 โดยเรมตนนนเปนภาษาทมลกษณะการเขยนโปรแกรมเชงกระบวนการ (Procedural Programming) จนมาถงเวอรชน 4 มาเรมเปนการเขยนโปรแกรมเชงวตถ (Object Oriented Programming) โดยการเขยนโปรแกรมเชงวตถนนใหความส าคญกบขอมลและพฤตกรรมของวตถ โดยเนนความสมพนธกนระหวางวตถกนเปนหลก โดยมคลาสเปนโครงรางทใชส าหรบการก าหนดองคประกอบและขนตอนการท างานของวตถ ซงองคประกอบของคลาสส าหรบการกระท าอยางใดอยางหนงนนตองประกอบดวยพฤตกรรมของวตถอยางนอย 1 พฤตกรรมของวตถเสมอ ปจจบนพเอชพพฒนาถงเวอรชน5 ซงเนนการเขยนเปนโปรแกรมเชงวตถมากขน พเอชพเปนโปรแกรมภาษาทสามารถท าความเขาใจไดงาย สามารถน ามาใชรวมกบภาษาเอชทเอมแอลเพอก าหนดรปแบบการแสดงผลบนหนาเวบไซต และมความสามารถในการท างานรวมกบระบบจดการฐานขอมลไดหลากหลาย ยกตวอยางเชน พเอชพมายแอดมน [3] เปนโปรแกรมประเภทมายเอสควแอลไคลเอนต (MySQL Client) ทถกพฒนาขนเพอใชบรหารจดการระบบฐานขอมลมายเอสควแอล โดยใชภาษาพเอชพเปนตวจดการผานเวบเบราวเชอร และเปนพเอชพแอพพลเคชนทใชในการควบคมมายเอสควแอล ซงพเอชพมายแอดมนนนสามารถสรางฐานขอมลใหม สรางตารางใหม โหลดเทกซไฟล (Text file) เขาไปเกบเปนขอมลในตารางไดและสามารถทดสอบการสบคนขอมลดวยภาษาเอสควแอลได

5

2.1.4 ซเอสเอส (Cascading Style Sheets) ซเอสเอส [4] เปนค าสงทเขามาเสรมการแสดงผลของเอสทเอมแอลใหจดรปแบบไดดขน และสามารถแกไขไดงายขน ทงรปภาพ บทความ จดเชอมตอ และลดปญหาการแสดงผลทผดเพยน โดยหลกการเขยน ซเอสเอสจะแบงได 2 แบบ คอ เขยนในเอกสารเอสทเอมแอลเลย ซงการเขยนแบบนหากตองการแกไขกตองแกไขในทกหนา จงท าใหการเขยนในลกษณะนไมเปนทนยม การเขยนแบบทสอง คอ การเขยนซเอสเอสแยกเปนอก 1 ไฟล ในลกษณะนหากตองการแกหนาเวบเพจนนสามารถแกไขจากไฟลเดยวแลวสงผลใหหนาเวบเพจเปลยนไปตามทเราตองการไดทงหมด

2.1.5 ระบบฐานขอมลมายเอสควแอล มายเอสควแอล [5] เปนระบบจดการฐานขอมลเชงสมพนธ (Relational Database Management System) โดยใชภาษาเอสควแอลซงนยมใชในการพฒนาระบบควบคกบพเอชพมายแอดมนทสามารถบรหารจดการระบบฐานขอมลมายเอสควเอลผานทางเวบเบราวเซอรได ระบบจดการฐานขอมลเชงสมพนธ คอ โปรแกรมประยกตส าหรบการจดการฐานขอมล (Database Management Application) ซงมการจดเกบขอมลในรปแบบตาราง ประกอบกบการก าหนดความสมพนธ ขอจ ากดในการจดเกบ และเปลยนแปลงขอมล เพอใหสามารถใชงานไดอยางสะดวกและมประสทธภาพในการใชทรพยากรในการจดเกบ การเขาถง และการประมวลผลขอมล

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

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

6

2.2.2 ระบบสารสนเทศเพอการจดการรานเคก ระบบสารสนเทศเพอการจดการรานเคก [7] ประกอบดวยโปรแกรมประยกตสองสวน คอ

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

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

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

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

3.1 ระบบงานปจจบน ปจจบนรานสเตกฟอรยใหบรการดานอาหาร โดยลกคาเขามาใชบรการทสาขาเทานน

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

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

8

ส าหรบแผนผงงานของรานสเตกฟอรย ณ ปจจบนเขยนเปนแผนผงงานไดดงรปท 3.1

ใช

ไมใช

ลกคา เจาหนาทบรการลกคา

เรม

ดรายการอาหารและรายการสงเสรมการขาย

รบค าสงซออาหาร

จบ

จดเตรยมอาหาร

จดสงอาหาร

ปดค าสงซอ

สงซออาหาร

รปท 3.1 แผนผงระบบงานปจจบน

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

9

3.2 การออกแบบและผลการพฒนา การออกแบบและการพฒนาระบบรานคาออนไลนนใชภาษาพเอชพในการพฒนาโปรแกรมเวบประยกต และใชคลาวดเซรฟเวอรเปนเซรฟเวอรของเวบไซตน โดยใชวธการออกแบบเปนแบบการออกแบบเชงวตถ (UML) ซงเปนการอธบายแผนภาพยสเคส (Use Case Diagram) แผนภาพแสดงล าดบเหตการณ (Sequence Diagram) และแผนภาพคลาส (Class Diagram) ซงมรายละเอยดดงตอไปน

3.2.1 แผนภาพยสเคส ผพฒนาวเคราะหระบบและสามารถแบงการท างานของระบบออกเปน 3 สวน คอ เจาของกจการ ลกคา และผเยยมชมโดยแสดงเปนแผนภาพยสเคส ดงรปท 3.2

ผจดการราน(Shop Manager)

ผเยยมชม(Guest)

ลกคา(Customer)

สมครสมาชก

แกไขขอมลสวนตว

ดรายการสนคาและรายการสงเสรมการขาย

สงซอสนคา

สราง / แกไขรายการอาหารหรอรายการสงเสรมการขาย

ตรวจสอบ / ปรบปรงสถานะค าสงซออาหาร

รปท 3.2 แผนภาพยสเคส

10

รายละเอยดของแตละล าดบขนตอนในแผนภาพยสเคส มดงตอไปน 1. สมครสมาชก ในเคสนผเยยมชมลงทะเบยนและกรอกขอมลตามทก าหนด เพอสมครสมาชก 2. ดรายการอาหารและรายการสงเสรมการขาย ในเคสนผเยยมชมและลกคาเขาชมรายการ

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

สรางหรอแกไขรายการอาหาร สรางรายการสงเสรมการขายหรอแกไขเพอใหเปนตามทเจาของกจการตองการในระบบ

6. ตรวจสอบหรอปรบปรงสถานะค าสงซออาหาร ในเคสนเจาของกจการจะเปนผทตรวจสอบค าสงซออาหารเมอลกคามการสงซอเขามาแลว และปรบปรงสถานะค าสงซอใหเปนปจจบน

11

3.2.2 แผนภาพแสดงล าดบเหตการณ แผนภาพแสดงล าดบเหตการณนแสดงใหเหนถงขนตอนการท างานและล าดบของการสอสาร (Message) ระหวางวตถทตอบโตกน โดยมแผนภาพแสดงล าดบเหตการณทงหมด 6 แผนภาพ ดงน

1. การสมครสมาชก หากผเยยมชม (Guest) ตองการสงซออาหาร ตองลงทะเบยนเปนลกคารานอาหารออนไลน

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

Guest: Contact

addContact()

[incomplete info] requiredInfoNote()

: User_Account

addUser()

confirmPassword()

[noncompliance] recheckNewUser()

saveUser()

รปท 3.3 แผนภาพแสดงล าดบเหตการณการสมครสมาชก

จากภาพท 3.3 ผเยยมชมเรมสงแมสเสจ addContact() มายงออบเจกต Contact จากนนออบ

เจกต Contact สงแมสเสจ addUser และ confirmPassword ไปยงออบเจกต User_Account เพอสรางขอมลลกคารายนขน และผเยยมชมกยนยนเพอเปลยนสถานะเปนบนทกขอมลวาเปนลกคา

12

2. ดรายการอาหารและรายการสงเสรมการขาย ทงผเขาเยยมชมและลกคาสามารถเขาดรายการอาหารกบรายการสงเสรมการขายของทางราน

ไดโดยทยงไมไดเขาสระบบ ดงรปท 3.4

getPromotion()

Guest or Customer: Menu

getMenu()

: Promotion

รปท 3.4 แผนภาพแสดงล าดบเหตการณดรายการอาหารและรายการสงเสรมการขาย

จากภาพท 3.4 ผมาเยยมชมหรอลกคาตองการดรายการอาหารกบรายสงเสรมการขาย จงสงแมสเสจ getMenu() ไปยงออบเจกต Menu และสงแมสเสจ getPromotion ไปยงออบเจกต Promotion เพอใหสงรายละเอยดรายการอาหารและรายการสงเสรมการขาย

13

3. แกไขขอมลสวนตว แผนภาพแสดงล าดบเหตการณนแสดงขนตอนทลกคาตองการแกไขขอมลสวนตวดงรปท 3.5

Customer: Contact : User_Account

saveUser()

changeDetail()

changePassword()

รปท 3.5 แผนภาพแสดงล าดบเหตการณแกไขขอมลสวนตว จากรปท 3.5 ลกคาตองทจะแกไขขอมลสวนตว จงสงแมสเสจ changeDetail() ไปหายงออบเจกต Contact เพอแกไขขอมลสวนตว จากนนถาตองการแกไขรหสผานออบเจกต Contact กจะสงแมส

เสจ changePassword และ saveUser ไปหายงออบเจกต User_Account เพอบนทกการแกไข

14

4. สงซอสนคา ลกคาสงซออาหารโดยการเลอกรายการอาหารทตองการ ระบบจะค านวณราคารวมพรอมหก-

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

: Menu

addOrder()

: Promotion

addItem()

sumPrice()

submitOrder()

removeItem()

sumOrder()

: Order : Order_Item

discount()

getMenu()getPromotion()

Customer

รปท 3.6 แผนภาพแสดงล าดบเหตการณการสงซออาหาร จากรปท 3.6 ลกคาตองการสงซออาหารจงสงแมสเสจ getMenu() ไปยงยงออบเจกต Menu เพอรบรายการอาหาร สงแมสเสจ getPromotion() ไปยงออบเจกต Promotion เพอรบรายการสงเสรมการขาย และสงแมสเสจ addOrder() ไปยงยงออบเจกต Order เพอสงซออาหาร หลงจากนนยงออบเจกต Order_Item กค านวณราคาเพอแสดงผลใหลกคาทราบและยนยนค าสงซอ

15

5. สรางหรอแกไขรายการอาหารหรอสงเสรมการขาย ผจดการรานมความตองการทจะเพมรายการอาหารหรอรายการสงเสรมการขายใหทางรานซง

ขนตอนในการเพมหรอแกไขรายการการทงรายการอาหารและรายการสงเสรมการขาย ดงรปท 3.7

Shop Manager: Menu : Promotion

addMenu()

addPromotion()

linkMenu()

c

updateMenu()

updatePromotion()

รปท 3.7 แผนภาพแสดงล าดบเหตการณการสรางหรอแกไขรายการอาหารหรอสงเสรมการขาย

จากรปท 3.7 ผจดการรานตองการสรางรายการอาหารและรายการสงเสรมการขายจงสงแมสเสจ addMenu() ไปยงยงออบเจกต Menu และออบเจกต Menu กสงแมสเสจ addPromotion() ไปยงยงออบ-เจกต Promotion เพอสรางรายการสงเสรมการขาย รวมไปถงยงออบเจกต Menu สงเมสเสจ linkMenu() ไปยงยงออบเจกต Promotion เพอใหรายการสงเสรมการขายเชอมตอกบรายการอาหาร ซงกระบวนการเดยวกนนหากผจดการรานตองการแกไขหรอเพมเตมรายละเอยดกจะเรมตนดวยการสง updateMenu() ไปยงยงออบเจกต Menu เพอท าการแกไขหรอเพมเตมรายการตอไป

16

6. ตรวจสอบหรอปรบปรงสถานะค าสงซออาหาร เมอผจดการรานคลกรบค าสงซอในระบบแลว สถานะค าสงซอจะเปลยนเปน “รบค าสงซอ”

และเมอจดสงอาหารออกจากครวแลว ผจดการรานตองมาเปลยนสถานะค าสงในระบบเปน “อยระหวางการจดสง” เมอลกคาไดรบอาหารเรยบรอยแลว ผจดการรานตองมาเปลยนสถานะค าสงซอในระบบเปน “จดสงใหกบลกคาแลว” เปนอนจบขนตอน กรณลกคาโทรศพทมาขอยกเลกค าสงซอ ผจดการรานตองมาเปลยนสถานะค าสงซอในระบบเปน “ยกเลก” ดงรปท 3.8

Shop Manager: Order

getOrder()

deliverOrder()

cancelOrder()

closeOrder()

รปท 3.8 แผนภาพแสดงล าดบเหตการณตรวจสอบหรอปรบปรงสถานะค าสงซออาหาร จากรปท 3.8 ผจดการรานตองการตรวจสอบหรอปรบปรงสถานะค าสงซออาหาร โดยเรมตนจากผจดการรานสง getOrder() และ deliverOrder() ไปยงยงออบเจกต Order เพอดงขอมลรายการค าสงซอและขอมลสถานทจดสงมาด ในกรณปดค าสงซอหรอยกเลกรายการค าสงซอนนผจดการรานกจะสงแมส-เสจ closeOrder() หรอ cancelOrder() ไปยงยงออบเจกต Order แทน

17

3.2.3 แผนภาพคลาส แผนภาพคลาสของระบบรานอาหารออนไลนของรานสเตกฟอรยสามารถแบงไดเปน 6 คลาส ซงรปท 3.9 นแสดงเฉพาะความสมพนธของแตละคลาสและรายละเอยดบางสวนเทานน โดยรายละเอยดทงหมดภายในของแตละคลาสนนไดแสดงไวในภาคผนวก ก

User

- user_id : int - password : string

- email : string

+ addUser()+ confirmPassword()

+ recheckNewUser()+ login()

+ recheckUser()+ recheckPassword()+ changePassword()

+ gotoHomePage()+ saveUser()

Menu

- menu_id : int- category : string

- name : string- description : string

- price : int- image : string- status : string

- add_date : string- update_date : string

+ addMenu()+ getMenu()

+ updateMenu()

Promotion

- promotion_id : int- menu_id : int

- start_date : string- end_date : string

- name : string- description : string- discount_type : string

- discount_percent (%) : int

+ linkMenu()+ addPromotion()

+ getPromotion()+ updatePromotion()

Contact

- contact_id : int- user_id : int

- first_name : string- last_name : string

- gender : string- birth_date : string- address : string

- district : string- province : string

- home_phone : int- mobile_phone : int- other_phone : int

- email : string- remark : string

- add_date : string

+ addContact()+ requiredInfoNote()

+ confirmRegister()+ changeDetail()

Order

- order_id : int- contact_id : int

- create_date : string- delivery_address : string

- customer_note : string- remark : string

+ addOrder()+ sumOrder()

+ submitOrder()+ getOrder()

+ deliverOrder()+ closeOrder()+ cancelOrder()

Order_Item

- item_no : int- order_id : int

- menu_id : int- quantity : int

+ addItem()+ removeItem()

+ sumPrice()+ discount()

10..* 1, *

is a

1

containbelong to a

0..* 0..*

has

รปท 3.9 แผนภาพคลาสของระบบรานอาหารออนไลนส าหรบรานอาหารสเตกฟอรย คลาส User เปนคลาสทเกบขอมลรหสประจ าตวของลกคา รหสผาน และอเมลล คลาส Contact เปนคลาสทเกบขอมลลกคารวมถงทอยและชองทางทสามารถตดตอได คลาส Order เปนคลาสทไวเกบรายละเอยดค าสงซอเมอมการสงซอ คลาส Order_Item เปนคลาสทเกบหมายเลขสนคา หมายเลขรายการค าสงซอ และจ านวนทสงซอ คลาส Menu เปนคลาสทเกบรายการสนคา ทงรายละเอยด ภาพ ราคา และสถานะของสนคา คลาส Promotion เปนคลาสทเกบรายละเอยดรายการสงเสรมการขายของทางราน

18

3.3 แผนผงงานใหม

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

ผเยยมชม ลกคา เจาหนาทบรการลกคา

เรม เรม

จบ

เขาเวบไซตรานอาหารออนไลน


ลงทะเบยนลกคา

เปนลกคารานอาหารออนไลนใชหรอไม?


เขาสระบบ (Login)

รบค าสงซออาหาร

จดสงอาหาร

ปดค าสงซอ

สงซออาหาร

รหสผใชงานและรหสผานถกตอง

เขาเวบไซตรานอาหารออนไลน

ใช

ไมใช

ถกตอง

ไมถกตอง

รปท 3.10 แผนผงงานใหม

จากรปท 3.10 เมอตองการสงอาหาร ลกคาตองลอกอนเขาสระบบ หากเปนผเยยมชมทยงไม

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

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

บทท 4 ผลการพฒนา

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

4.1 แผนผงของเวบไซต แผนผงเวบไซตนเปนแผนผงทอธบายสวนประกอบตางๆ บนหนาเวบไซต วาแตละหนามหวหนายอยใดเปนสวนประกอบโดยแสดงดงรปท 4.1

หนา รก

หนาหล กรา การ าหาร

ร มช น าหาร

เขาสระบบ

ลงทะเบยน

จานหลก

ของวาง

เครองดม

โปรโมช น แสดงรายละเอยดค าสงซอ

รปท 4.1 แผนผงเวบไซตของรานสเตกฟอรย

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

20

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

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

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

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

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

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

21

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

4.3.1 การเขาสระบบ ผจดการรานหรอลกคา เขาระบบท www.steakforyou.com จากนนระบบแสดงหนาหลก

เพอใหลกคาเลอกใชงานเขาสระบบ ดงรปท 4.2

STEAK FOR YOU Online Restuarant

Home | Our Menu | Promotion | Online Ordering

User ID:

Password:

Our Customer

Sign In

New Customer

Please register hereSTEAK

SALAD

APPITIZER

รปท 4.2 หนาจอลอกอนเขาระบบรานอาหารออนไลน

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

22

4.3.2 การลงทะเบยนลกคา ผเขาเยยมลงทะเบยนลกคา เพอสรางบญชผใชงานในการสงซออาหารดงรปท 4.3



User ID:

Register 13-Feb-2014 10:30 SubmitMain Menu

First Name*: Last Name:

Gender:

Address*:

Date of Brith:

District*: Province*:

Home Phone*: Mobile Phone*:

Other Phone: Email:

Remark:

Password*:

Reconfirm Password*:

* = The mandatory fields, please fill them up

รปท 4.3 หนาจอลงทะเบยนลกคา

จากรปท 4.3 เมอลกคาเลอกเมนสมครสมาชก ระบบกแสดงรายการขอมลทลกคาตองกรอก

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

23

4.3.3 การสงซออาหาร ลกคาสงซออาหาร โดยเลอกรายการอาหารทตองการ จากนนระบบจะค านวณราคาและ

สวนลดตามรายการสงเสรมการขายให เพอใหลกคาทบทวนค าสงซอกอนยนค าสงซอกบทางรานดงรปท 4.4



Order ID:

Order

Update: 13-Feb-2014 10:30140213 - 001

SaveMain Menu

Item No.

1

Menu Quantity Extended Price

Pork Chop Steak 2 700

2 Ceasar Salad 1 125

3 Garlic Break 1 75

350

550

Discount:

Net Amount:

Custmer ID: A0112

Name: Sopa Maksubsombat

Contact Number: 089-752-1234

Delivery Address: 9th Floor, CP Building,Silom, Bangkok.

Note: Please give me 5 bags of ketup

Cancel

รปท 4.4 หนาจอสงซออาหาร

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

24

4.3.4 การก าหนดรายการอาหาร ผจดการรานก าหนดรายการอาหารมรายการอาหารชนดหนงทตองการเพมเขาสหนาเวบไซต

เพอน าเสนอใหแกลกคานน ผจดการรานตองกรอกรายละเอยดตาง ๆ ดงรปท 4.5


Home | Our Menu | Promotion | Online Ordering | Shop Manager | Customer Service

Menu ID:

Pork Chop Steak

Active

Menu

Name:

Category:

Description:

Steak

Pork Chop 200 gram with minced potato

Update: 13-Feb-2014 10:30

Status:

Save

Image:

Add New Menu

0010

Add Promotion

BrowsePrice: THB 350

Main Menu

รปท 4.5 หนาจอก าหนดรายการอาหาร

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

25

4.3.5 การก าหนดรายการสงเสรมการขาย ผจดการรานก าหนดรายการสงเสรมการขาย โดยหลงจากทผจดการรานเลอกรายการเพม

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


Home | Our Menu | Promotion | Online Ordering | Shop Manager | Customer Service

Promotion ID:

Promotion

Pork Chop Steak Discount 50%Name:

Menu ID: 0010 - Pork Chop Steak

Description: Discount 50% until 31 March 2014

Update: 13-Feb-2014 10:30

Image:

0003

Browse

Discount Type: Percent

Discount 50%Until 31 March 2014

15-Feb-2014Start Date: 31-Mar-2014End Date:

Discount %: 50

Discount Amount: N/A

SaveReturn to MenuAdd Promotion Main Menu

รปท 4.6 หนาจอก าหนดรายการสงเสรมการขาย

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

26

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

รานทราบวามรายการค าสงซอใหม เมอผจดการรานเลอกทการแจงเตอนระบบกแสดงรายการ ดงรปท 4.7



Order ID:

Order

Update: 13-Feb-2014 10:30140213 - 001

Main Menu

Item No.

1

Menu Quantity Extended Price

Pork Chop Steak 2 700

2 Ceasar Salad 1 125

3 Garlic Break 1 75

350

550

Discount:

Net Amount:

Custmer ID: A0112

Name: Sopa Maksubsombat

Contact Number: 089-752-1234

Delivery Address: 9th Floor, CP Building,Silom, Bangkok.

Note: Please give me 5 bags of ketup

AcceptNew

Status: New

รปท 4.7 หนาจอรบค าสงซอและปรบปรงสถานะค าสงซอ

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

27

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

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

ผจดการราน – มสทธเขาใชงานสรางและปรบปรงไดทกสวน ผจดการราน – มสทธเขาดขอมลลกคา ลกคา – มสทธเขาใชงานสรางและปรบปรงค าสงซอ ปรบปรง

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

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

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

4.4.2 ทดสอบการสรางรายการอาหารและรายการสงเสรมการขาย

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

ถกตอง รายละเอยด สรางรายการอาหารและรายการสงเสรมการขาย โดยกรอกขอมลและ

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

28

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

ถกตอง รายละเอยด ปรบปรงขอมลรายการอาหารและรายการสงเสรมการขายตามท

ก าหนด ยกเลกรายการอาหารและรายการสงเสรมการ โดยรายการอาหารทม

การเชอมโยงกบรายการสงเสรมการขาย เมอถกยกเลกรายการ สงเสรมการขายกถกยกเลกไปดวยโดยอตโนมต

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

4.4.4 ทดสอบการสงซออาหาร

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

ออนไลนไดถกตอง รายละเอยด สรางค าสงซอ

ใบท 1 สงซออาหาร 3 รายการ โดยมอยางนอย 1 รายการทมสวนลด แบบเปอรเซนต

ใบท 2 สงซออาหาร 1 รายการ โดยมทมสวนลดแบบจ านวนเงน ลอกอนเปนลกคายกเลกอาหาร 1 รายการจากใบท 1 ลอกอนเปนผจดการรานยกเลกใบสงซอใบท 2

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

ระบบแสดงสถานะค าสงเปนใบท 2 เปน “ยกเลก”

29

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

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

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

ผลการทดสอบ เปนไปตามผลทคาดหวงทง 4 แบบ

30

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

ใบท 1 - 3 สงซอโดยบญชผใชงาน customer1 และมสถานะค าสงซอแตกตางกน ไดแก ค าสงซอใหม, ก าลงอยระหวางจดสง และจดสงใหกบลกคาแลว

ใบท 4 - 5 สงซอโดยบญชผใชงาน customer2 และมสถานะค าสงซอเหมอนกน คอ ก าลงอยระหวางจดสง

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

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

ถกตอง ไมมการเหนรายการค าสงซอของผอน หรอมรายการขาดหายไป

4.4.7 ทดสอบการรบค าสงซออาหารและปรบปรงสถานะค าสงซออาหาร

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

ใบท 1 ผจดการรานคลกรบค าสงซอบนระบบ ใบท 2 ผจดการรานคลกรบค าสงซอและปรบปรงสถานะเปน “อยระหวางด าเนนการจดสง” ใบท 3 ผจดการรานคลกรบค าสงซอและปรบปรงสถานะเปน “จดสงใหกบลกคาแลว”

ผลการทดสอบ แสดงสถานะค าสงซอบนเวบไซตไดถกตองทง 3 ใบ

บทท 5 บทสรป

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

5.1 สรปผลการด าเนนงาน การพฒนาระบบสงซออาหารออนไลน โดยมการอพเดทสถานะใหลกคาสามารถทราบไดถง

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

5.2 ปญหาและอปสรรค 1. ปญหาดานอนเทอรเนต เนองจากรบค าสงซอและอพเดทสถานะผานอนเทอรเนต จงพบวา

มลกษณะการหนวงเวลาของขอมล 2. ลกคาตองการปรบเปลยนเครองเคยงตามตองการ

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

32

เอกสารอางอง

1. Pathchiru, 2555, PaaS, IaaS and Saas [online], Available : http://pathchiru.wordpress.com/2012/04/19/what-are-paas-iaas-and-saas/.[2014, May 18].

2. Zend Technologies Ltd., 2556, PHPCloud [online], Available : http://www.phpcloud.com. [2014, March 16]. 3. The PHP Group, 2552, What is PHP? [online], Available :

http://www.php.net/manual/en/intro-whatis.php.[2014, March 16]. 4. Somboon Patntirapong, 2554, CSS เบองตน [online], Available :

http://www.kontentblue.com/site/article/article?id=css-introduction.[2014, May 18]. 5. Super User, 2557, MySQL คออะไร? [online], Available : http://joomlahitz.com/index.php.

[2014, April 30]. 6. ปวรศร เหลองทองค า, 2553, ระบบการจดการรานอาหาร, สารนพนธวทยาศาสตรมหาบณฑต

สาขาวชาเทคโนโลยสารสนเทศ บญฑตวทยาลย มหาวทยาลยเทคโนโลยมหานคร. หนา I. 7. ธนพร วศวจนทรารมย ศรณยา ไกรสทธศรกล และสจนดา ววฒรางกล, 2555, ระบบ

สารสนเทศเพอการจดการรานเคก , ปรญญานพนธวทยาศาสตรบณฑตสาขาวชาวทยาการคอมพวเตอร ภาควชาคณตศาสตรและวทยาการคอมพวเตอรคณะวทยาศาสตร จฬาลงกรณมหาวทยาลย. หนา ค.

33

ภาคผนวก ก รายละเอยดของแผนภาพคลาส

เนอหาในสวนนกลาวถงรายละเอยดของแผนภาพคลาสของระบบรานสเตกฟอรยวาภายใน

คลาสแตละคลาสประกอบดวยอะไรบาง ก.1 แผนภาพคลาส คลาสแตละคลาสจะมชอของตวคลาสเอง รายการตวแปรทเกบในคลาสนนๆ และรายการฟงกชน ซงแผนภาพคลาสนนแสดงความสมพนธของแตละคลาส ซงระบบของรานสเตกออนไลนประกอบไปดวย 6 คลาส สามารถแสดงรายละเอยดดงตารางท ก.1 – ก.6 ดงน

34

ตาราง ก.1 ตารางแสดงรายละเอยดของคลาส User

email อเมลทตดตอได varchar (100) [email protected]

ชอคลาส : User

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

อเมลทใชส าหรบตดตอรายการตวแปร

ชอ ค ำอธบำย ชนด ตวอยำงขอมล

น ารหสผใชงานทลกคาสรางใหมมาตรวจเทยบกบรหสผใชงานทม

อยในระบบวาซ ากนหรอไม

- ถาไมซ า บนทกขอมล user_id

addUser()

confirmPassword()น ารหสผานทลกคากรอกสองคร งมาเปรยบเทยบกน

- ถาตรงกน ใหบนทก password

ชอ ค าอธบาย

user_id รหสประจ าตวสมาชก int (10) 1,2,3,…

password รหสผานเขาสระบบ varchar (100) abc123

saveUser() ใชเพอบนทกการเปลยนแปลง

recheckNewUser()แสดงหนาจอใหลกคาต งรหสผใชงานและ/หรอรหสผานใหมอกคร ง

แลวกลบไปเรยก addUser และ confirmPassword อกคร ง

login()

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

- ถารหสผใชงานไมถกตอง ใหเรยก recheckUser

- ถารหสผานไมถกตอง ใหเรยก recheckPassword

- ถาถกตองท งสองอยางแลว ใหเรยก gotoHomePagerecheckUser() แสดงหนาจอแจงผใชงานวารหสผใชงานไมถกตอง พรอมหนาจอ

changePassword() เปลยนรหสผานเขาสระบบgotoHomePage() แสดงเวบไซตหนาแรกของระบบส าหรบลกคา

recheckPassword()แสดงหนาจอแจงผใชงานวารหสผานไมถกตอง พรอมหนาจอให

กรอกใหมอกคร ง

35

ตาราง ก.2 แสดงรายละเอยดของคลาส Contact

province จงหวด varchar (100) กรงเทพมหานคร

email อเมลทตดตอได varchar (100) [email protected]

address ทอย varchar (100) บานเลขท, ซอย

district เขต varchar (100) บคคโล

gender เพศ varchar (100) 1(1=Male, 2=FeMale)

birth_date วนเกด varchar (100) dd/mm/yyyy

varchar (100) 08xxxxxxxx

other_phone เบอรอนๆ varchar (100) xxxxxxxxx

last_name นามสกล varchar (100) นามสกลจรง

remark หมายเหต varchar (100) ไมทานเผด

mobile_phone เบอรมอถอ

user_id รหสประจ าตวสมาชก int (10) 1,2,3,…

first_name ชอ

requireInfoNote() แสดงหนาจอใหผเขาเยยมชมกรอกขอมลสวนทยงขาดอยใหครบconfirmregister() แสดงหนาจอยนยนการลงทะเบยนลกคา

changeDetail() ใชเพอใหลกคาแกไขขอมลสวนตว


addContact()

ตรวจสอบวาขอมลทจ าเปนครบหรอไม

- ถาครบ ใหบนทกขอมลทะเบยนลกคา แลวเรยก confirmRegister()

- ถาไมครบ ใหเรยก requiredInfoNote

home_phone เบอรบาน varchar (100) 02xxxxxxx

วนทลงทะเบยน varchar (100)

contact_id รหสสมาชกเพอตดตอ int (10) 1,2,3,…

add_date dd/mm/yyyy

varchar (100) ชอจรง

ชอคลาส : Contact

ค าอธบาย : เกบรายละเอยดขอมลลกคารวมถงทอยและสอทสามารถตดตอได

รายการตวแปร


36

ตาราง ก.3 ตารางแสดงรายละเอยดของคลาส Order ชอคลาส : Order

ค าอธบาย : เกบรายละเอยดเกยวกบค าสงซ อ



contact_id รหสสมาชกเพอตดตอ int (10) 1,2,3,…

order_id หมายเลขค าสงซ อ int (10) 1,2,3,…

create_date วนทสงซ อ varchar (100) dd/mm/yyyy

ทอยใหจดสง varchar (100) บานเลขท, ซอยdelivery_address

customer_note ลกคาตองการเพม varchar (100) ขอซอสพรกเพม

remark หมายเหต varchar (100) ไมทานเผด

ชอ ค าอธบายaddOrder() สรางหมายเลขค าสงซ ออาหาร และบนทกวนเวลาทสรางค าสงซ อsumOrder() แสดงหนาจอใบสงซ อพรอมยอดรวมคาอาหาร

closeOrder() ปรบปรงสถานะค าสงซ อเปน “จดสงใหกบลกคาแลว”cancelOrder() ปรบปรงสถานะค าสงซ อเปน “ยกเลก”

submitOrder() บนทกค าสงซ ออาหาร และบนทกสถานะเปน “ค าสงซ อใหม”getOrder() แสดงหนาจอรายการค าสงซ อตาม user_id ทเรยกมา

deliveryOrder() ปรบปรงสถานะค าสงซ อเปน “อยระหวางการจดสง”

37

ตาราง ก.4 ตารางแสดงรายละเอยดของคลาส Order_Item

item_no หมายเลขสนคา int (10) 1,2,3,…

discount()

หกสวนลดคาอาหาร

น า sumPrice – สวนลดคาอาหาร

- ถา discount_type = “Percent” สวนลดคาอาหาร = sumPrice x

discount_percent

addItem() เพมรายการอาหารในค าสงซ อremoveItem() ลบรายการอาหารในค าสงซ อ

sumPrice() ค านวณคาอาหาร (ราคา x จ านวน)


จ านวน int (10) 1,2,3,…quantity

หมายเลขรายการสนคา int (10)

order_id หมายเลขค าสงซ อ int (10) 1,2,3,…

menu_id 1,2,3,…

ชอคลาส : Order_Item

ค าอธบาย : รายการสนคาในค าสงซ อ



38

ตาราง ก.5 ตารางแสดงรายละเอยดของคลาส Menu ชอคลาส : Menu

ค าอธบาย : เกบรายละเอยดรายการสนคาของรานสเตกออนไลน



menu_id หมายเลขรายการสนคา int (10) 1,2,3,…

name สเตกหม

category หมวดหมสนคา varchar (100) จานหลก

ชอสนคา varchar (100)

รายละเอยดสนคา varchar (100) หอม นม

addMenu() สรางรายการอาหาร

varchar (100) 123.jpg

status

description


price ราคา int (10) 100, 200

image ภาพสนคา

add_date วนทเพมรายการสนคา varchar (100) dd/mm/yyyy

updateMenu() ปรบปรงรายการอาหาร

update_date

getMenu() เรยกดรายการอาหาร

วนทปรบปรงรายการ varchar (100) dd/mm/yyyy

สถานะ varchar (100) จดเตรยม

39

ตาราง ก.6 ตารางแสดงรายละเอยดของคลาส Promotion ชอคลาส : Promotion

ค าอธบาย : รายการสงเสรมการขายของรานสเตกออนไลน



dd/mm/yyyy

วนส นสดรายการ

สงเสรมการขายvarchar (100)

menu_id หมายเลขรายการสนคา int (10) 1,2,3,…

end_date dd/mm/yyyy

name

discount_type

start_dateวนทเรมรายการ

สงเสรมการขายvarchar (100)

ชอรายการสงเสรม

การขายvarchar (100) โปรสดคม

ราคา int (10) 100, 200

addPromotion() สรางรายการสงเสรมการขาย

discount_percent ภาพสนคา varchar (100) 123.jpg

updatePromotion() ปรบปรงรายการสงเสรมการขาย

getPromotion() เรยกดรายการสงเสรมการขาย

promotion_id หมายเลขรายการสนคา int (10) 1,2,3,…

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

สงเสรมการขายvarchar (100) หอม นม

ชอ ค าอธบายlinkMenu() บนทก menu_id ทใชกบรายการสงเสรมการขาย

40

ประวตผจดท า

ชอ-สกล นายวสนต ฤกษองคด วน เดอน ปเกด 27 พฤศจกายน 2527 ประวตการศกษา ระดบมธยมศกษา ประกาศนยบตรวชาชพ โรงเรยนกรงเทพการบญชวทยาลย พ.ศ. 2548 ระดบปรญญาตร บรหารธรกจ สาขาการจดการธรกจระหวางประเทศ มหาวทยาลยสยาม พ.ศ. 2552 ระดบปรญญาโท วทยาศาสตรมหาบณฑต สาขาวชาเทคโนโลยสารสนเทศ

มหาวทยาลยเทคโนโลยพระจอมเกลาธนบร พ.ศ. 2556 ประวตการท างาน เจาหนาทสารสนเทศ บรษท หวเวย เทคโนโลย (ประเทศไทย) จ ากด พ.ศ. 2556 – ปจจบน

ระบบร้านอาหารออนไลน์ นายวสันต์...

Documents