แอปพลเคชนรานเฟอรนเจอรเสมอนจรง กรณศกษารานบางปลาเฟอรนเจอร Virtual furniture application Case study of Bang Pla Furniture shop.

นางสาวอนชศรา สมยอง 5804800018 นางสาวณฐถาภรณ ภมรานนท 5804800020

 

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

มหาวทยาลยสยาม ปการศกษา 2561

ก

หวขอปรญญานพนธ แอปพลเคชนรานเฟอรนเจอรเสมอนจรง กรณศกษารานบางปลา เฟอรนเจอร หนวยกตของปรญญานพนธ 3 หนวยกต คณะผจดท า นางสาวอนชศรา สมยอง 5804800018 นางสาวณฐถาภรณ ภมรานนท 5804800020 อาจารยทปรกษา อาจารยวนา โชตชวง ระดบการศกษา วทยาศาสตรบณฑต ภาควชา วทยาการคอมพวเตอร ปการศกษา 2561

บทคดยอ

ปรญญานพนธนพฒนาขนเพอแกปญหาในเรองของการเลอกซอเฟอรนเจอรของลกคา ไดแก การไมสะดวกออกมาจากบานเพอเลอกซอเฟอรนเจอรดวยตนเอง การทลกคาเสยเวลาในการตดสนใจเลอกนาน เพราะเฟอรนเจอรมหลายแบบหลายขนาด บางครงเลอกเฟอรนเจอรแลวไมสอดคลองกบสดสวน และพนทของเครองเรอนอนๆภายในอาคารสถานททตองการ ซงเกดจากการทไมสามารถน าเฟอรนเจอรทตองการ ไปวางและทดลองใชในสถานทจรงได ดวยเหตนจงไดพฒนาแอปพลเคชนเฟอรนเจอรเสมอนจรง กรณศกษารานบางปลาเฟอรนเจอร โดยใชเทคโนโลย Augmented Reality(AR) เปนระบบทพฒนาขนเพอเปนทางเลอกหนงส าหรบผใช Smart Phone ในระบบปฏบตการ Android ทมวตถประสงคเพออ านวยความสะดวกในการตกแตงบาน บรษทและสถานทตางๆโดยการจ าลองวตถกอนทจะตกแตงจรงผานแอปพลเคชน เปนการเพมความสะดวกแกผใชประกอบดวยโปรแกรมแสดงภาพวตถสามมตโดยการสแกนพนทจรง เพอแสดงผลเฟอรนเจอรจ าลอง ในโปรแกรม สามารถยาย หมน และยงสามารถเลอกเฟอรนเจอรในรปแบบตางๆได ทงน ระบบไดมการพฒนาดวยภาษา Java , PHP และ Anglar มการจดการฐานขอมลดวย MySql เมอระบบพฒนาเสรจลง ไดมการน าระบบไปทดลองใชงานทรานบางปลา เฟอรนเจอร โดยใหลกคาท าการสงจองเฟอรนเจอรผานทางระบบปฏบตการแอนดรอยด ซงผลลพธเปนทพงพอใจของลกคามากเพราะลกคาไดรบความสะดวกและไดสนคาตรงตามความตองการ สวนทางดานเจาของรานกพงพอใจในระบบเชนกน เนองจากระบบท าใหยอดการขายเพมขนสงผลใหระบบการท างานของทางรานบางปลา เฟอรนเจอร มประสทธภาพมากยงขน ค าส าคญ: ระบบเสมอนจรง/ระบบการจอง/ รานบางปลา เฟอรนเจอร

ค

 

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

(Acknowledgement)

การจดทาปรญญานพนธฉบบนสาเรจลงไดนน ผจดทาไดแนวทางการพฒนาระบบจาก

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

ความเขาใจ และประสบการณตาง ๆ โดยปรญญานพนธฉบบนสาเรจลงดวยดจากความรวมมอและ

สนบสนนจากหลายฝายดงน

1. อาจารยวนา โชตชวง อาจารยทปรกษา

2. อาจารยจรรยา แหยมเจรญ อาจารยภาควชาวทยาการคอมฯ

ผจดทาขอขอบคณคณะกรรมการการสอบปรญญานพนธ ทไดใหคาแนะนาทดตลอดการ

สอบปรญญานพนธ และขอบคณผมสวนรวมทกทานรวมถงผทมสวนรวมทไมไดกลาวมา ณ ทน

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

ดวยด

ทายสด ผจดทาปรญญานพนธขอกราบขอบพระคณบดา มารดา และอาจารย ทไดใหการ

สนบสนนสงเสรมทงกาลงใจและกาลงทรพยตลอดจนสาเรจการศกษา

คณะผจดทา

นางสาวอนชศรา สมยอง นางสาวณฐถาภรณ ภมรานนท

 

 

สารบญ หนา

บทคดยอ ........................................................................................................................................... ก Abstract ............................................................................................................................................ ข กตตกรรมประกาศ ............................................................................................................................ ค บทท 1 บทนา 1.1 ทมาและความสาคญของปญหา ..................................................................................... 1 1.2 วตถประสงคของปรญญานพนธ .................................................................................... 2 1.3 ขอบเขตของปรญญานพนธ ........................................................................................... 2 1.4 ประโยชนคาดวาทจะไดรบ ............................................................................................ 3 1.5 ขนตอนและวธการดาเนนงาน........................................................................................ 3 1.6 แผนและระยะเวลาดาเนนปรญญานพนธ ....................................................................... 6 1.7 อปกรณและเครองมอทใชในการพฒนาโครงงาน ......................................................... 6 บทท 2 แนวทฤษฏทเกยวของ 2.1 ประวตรานบางปลาเฟอรนเจอร .................................................................................... 8 2.2 Augmented Reality ....................................................................................................... 8 2.3 Android Studio ............................................................................................................. 9 2.4 Visual Studio Code ..................................................................................................... 10 2.5 Java ............................................................................................................................. 10 2.6 Angular ........................................................................................................................ 11 2.7 PHP ............................................................................................................................. 11 2.8 Material Design ........................................................................................................... 11 2.9 งานวจยทเกยวของ ....................................................................................................... 11 2.10 การเปรยบเทยบฟงกชนการทางาน ........................................................................... 13 บทท 3 การวเคราะหระบบงาน 3.1 รายละเอยดของปรญญานพนธ .................................................................................... 14 3.2 Use Case Diagram ....................................................................................................... 17 3.3 Use Case Description .................................................................................................. 18 3.4 Sequence Diagram ...................................................................................................... 28

3.5 Class Diagram ............................................................................................................. 35

 

 

สารบญ (ตอ) หนา

3.6 โครงสรางของฐานขอมลและความสมพนธระหวางเอนทต ....................................... 36 บทท 4 การออกแบบทางกายภาพ 4.1 พจนานกรมขอมล ....................................................................................................... 37 4.2 การออกแบบสวนตดตอผใช ........................................................................................ 41 บทท 5 สรปผลและขอเสนอแนะ 5.1 สรปผลปรญญานพนธ ................................................................................................. 54 5.2 ขอดของระบบ ............................................................................................................. 54 5.3 ขอจากดของระบบ ....................................................................................................... 54 5.4 ขอเสนอแนะ ................................................................................................................ 55 บรรณานกรม...................................................................................................................................56

 

 

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

ตารางท 1.1 แสดงระยะเวลาในการดาเนนงานของโครงงาน ............................................................ 6 ตารางท 3.1 แสดงรายละเอยด Use Case : Login Admin ................................................................ 18 ตารางท 3.2 แสดงรายละเอยด Use Case : InsertProduct ................................................................ 19 ตารางท 3.3 แสดงรายละเอยด Use Case : UpdateProduct ............................................................. 19 ตารางท 3.4 แสดงรายละเอยด Use Case : DeleteProduct .............................................................. 20 ตารางท 3.5 แสดงรายละเอยด Use Case : SearchCustomer ........................................................... 20 ตารางท 3.6 แสดงรายละเอยด Use Case : SearchReservation ....................................................... 21 ตารางท 3.7 แสดงรายละเอยด Use Case : Reportorder .................................................................. 22 ตารางท 3.8 แสดงรายละเอยด Use Case : RegisterCustomer ........................................................ 23 ตารางท 3.9 แสดงรายละเอยด Use Case : LoginCustomer ............................................................ 24 ตารางท 3.10 แสดงรายละเอยด Use Case : SelectAllProduct ........................................................ 25 ตารางท 3.11 แสดงรายละเอยด Use Case : ShowDetail ................................................................ 26 ตารางท 3.12 แสดงรายละเอยด Use Case : CameraAR ................................................................. 26 ตารางท 3.9 แสดงรายละเอยด Use Case : WishListManager ......................................................... 27 ตารางท 3.9 แสดงรายละเอยด Use Case : Reservation .................................................................. 27 ตารางท 4.1 ตารางขอมล Account .................................................................................................. 37 ตารางท 4.2 ตารางขอมล Customer ................................................................................................ 37 ตารางท 4.3 ตารางขอมล Detail ...................................................................................................... 38 ตารางท 4.4 ตารางขอมล File_image ............................................................................................. 39 ตารางท 4.5 ตารางขอมล Product_name ........................................................................................ 39 ตารางท 4.6 ตารางขอมล Reservation ............................................................................................ 41

 

 

สารบญรปภาพ หนา

รปท 3.1 Work Flow Diagram ระบบงานเดม ................................................................................. 15 รปท 3.2 Use Case Diagram ........................................................................................................... 17 รปท 3.3 Sequence Diagram ของ Login Admin ............................................................................ 28 รปท 3.4 Sequence Diagram : InsertProduct .................................................................................. 28 รปท 3.5 Sequence Diagram : UpdateProduct ................................................................................ 29 รปท 3.6 Sequence Diagram : DeleteProduct ................................................................................ 29 รปท 3.7 Sequence Diagram : SearchCustomer .............................................................................. 30 รปท 3.8 Sequence Diagram : SearchReservation .......................................................................... 30 รปท 3.9 Sequence Diagram : Reportorder .................................................................................... 31 รปท 3.10 Sequence Diagram : Register Customer ........................................................................ 31 รปท 3.11 Sequence Diagram : Login Customer ............................................................................ 32 รปท 3.12 Sequence Diagram : SelectAllProduct .......................................................................... 32 รปท 3.13 Sequence Diagram : ShowDetail ................................................................................... 33 รปท 3.14 Sequence Diagram : CameraAR .................................................................................... 33 รปท 3.15 Sequence Diagram : WishlistManager .......................................................................... 34 รปท 3.16 Sequence Diagram : Reservation ................................................................................... 34 รปท 3.17 Class Diagram ............................................................................................................... 35 รปท 3.18 Entity Relationship Diagram ......................................................................................... 36 รปท 4.1 หนา Login ของผดระบบกอนเขาใชงาน .......................................................................... 42 รปท 4.2 หนาหลกของผดระบบเมอเขาใชงาน ................................................................................ 42 รปท 4.3 หนาจอของผดแลระบบเพมขอมลประเภทสนคา ............................................................. 43 รปท 4.4 หนาจอของผดแลระบบเพมขอมลสนคา ........................................................................... 44 รปท 4.5 หนาจอของผดแลระบบแสดงขอมลลกคา ........................................................................ 44 รปท 4.6 หนาจอของผดแลระบบแสดงขอมลการจองของลกคา ..................................................... 45 รปท 4.7 หนาจอแสดงหนาแรกของแอปพลเคชน .......................................................................... 46 รปท 4.8 หนาจอแสดงของประเภทสนคา ....................................................................................... 47 รปท 4.9 หนาจอแสดงของเฟอรนเจอรแตละชนด .......................................................................... 48 รปท 4.10 หนาจอแสดงของรายละเอยดของสนคา ......................................................................... 49 รปท 4.11 หนาจอแสดงของโมเดลเฟอรนเจอรเสมอนจรง ............................................................. 50 รปท 4.12 หนาจอแสดงของรายละเอยดของตะกราสนคา .............................................................. 51

 

 

สารบญรปภาพ (ตอ)

รปท 4.13 หนาจอแสดงของรายละเอยดของการถกใจสนคา ........................................................... 52 รปท 4.14 หนาจอแสดงการลงทะเบยนเพอเขาสระบบ ................................................................... 53 รปท 4.15 หนาจอแสดงการลอกอนเพอเขาสระบบ ......................................................................... 54

 

 

บทท 1 บทนา

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

ธรกจรานบางปลา เฟอรนเจอร ตงอย ตาบล บางปลา อาเภอบางพล สมทรปราการ ในปจจบน มปญหาในเรองของการเลอกซอเฟอรนเจอร เนองจากการซอเฟอรนเจอรของลกคาบางทานมปญหา ในการเลอกขนาดและรปรางของสนคา กงวลวาซอไปจะใชไมไดกลบพนท ทลกคาตองการจะนาเฟอรนเจอรไปวาง และยากในการตดสนใจ และลกคาบางทานกตดสนใจยากในการเลอกสของสนคา จงตองใชเวลาในการเลอกซอสนคานาน หรอบางทอาจตดสนใจไมไดเลยจงไมสามารถเลอกเฟอรนเจอรไดในวนนนจงทาใหเสยเวลาในการเดนทาง และการซอเฟอรนเจอรแบบนมกมปญหาตามมา การตดสนใจซอสนคาดวยความไมแนใจ จงทาใหเกดความเสยหาย คอสนคาตวนนไมสามารถนาไปใหงานไดตามความตองการจรงๆของลกคาหรอใชงานกบพนทตรงนนไมได ทาใหเสยเงนและเสยเวลาในการไปเลอกซอเฟอรนเจอรตวใหม ปจจบนเทคโนโลย AR(Augmented Reality) เปนเทคโนโลยทผสมผสานระหวางสภาพแวดลอมจรง กบ วตถเสมอนเขาดวยกนในเวลาเดยวกน โดยผานซอฟตแวรและเชอมตอกบอปกรณตางๆ และถอเปนการสรางขอมลใหมขนมาใหเปนขอมลเสมอนจรง เชน รป วดโอ รปทรงสามมต และขอความ นามาทาใหเกดการทบซอนกบภาพในโลกจรงทปรากฏบนกลอง และทาใหเราสามารถตอบสนองกบสงทจาลองนนได เทคโนโลย AR(Augmented Reality) ยงเปนทรจกของกลมธรกจหลายกลมไดแก หางสรรพสนคาอเกย ทจาหนายเฟอรนเจอรและของตกแตงบานทกชนด คอการใช AR Paper ประกอบการตดสนใจของลกคาโดยทา Interactive Catalog 2010 ทเปน AR ทางานบนมอถอไอโฟน และมบทบาทสาคญกบชวตประจาวนเปนอยางมาก

ดงน นทางคณะผจ ดทา จงไดหาแนวทางการแกไขปญหาน ใหกบรานบางปลา เฟอรนเจอร โดยไดพฒนาแอปพลเคชนรานเฟอรนเจอรจาลอง 3 มต นขนมา ไดนา AR(Augmented Reality) เขามาเปนตวชวยในการพฒนา เพอชวยในการตดสนใจเลอกซอเฟอรนเจอรใหงายขน และไดเหนรปของเฟอรนเจอรไดในรปแบบเสมอนจรง กอนการตดสนใจไปเลอกซอทราน และระบบทเราจดทาขนมา สามารถใหลกคาเลอกดเฟอรนเจอรตางๆไดตามประเภทตางๆ ตามเมนทกาหนดให โดยลกคาสามารถเลอกดสนคาทกแบบไดในรปแบบของ AR(Augmented Reality) เพยงแคใหลกคาสองกลองไปยงพนทวาง หรอพนททลกคาตองการวางสนคาตวนนลงไป แคนลกคากจะสามารถเหนรปสนคาตวนนแบบเสมอนจรง งายตอการตดสนใจเลอกซอแลว ยงชวยลดเวลา และความผดพลาดของการเลอกซอสนคาทรานเฟอรนเจอร

2  

 

1.2 วตถประสงคของปรญญานพนธ เพอพฒนาแอปพลเคชนรานเฟอรนเจอรเสมอนจรง กรณศกษารานบางปลา เฟอรนเจอร

1.3 ขอบเขตของปรญญานพนธ

1.3.1 สถาปตยกรรมทใชในการพฒนาเปนแบบ Client/Server Architecture

1.3.2 ในพฒนาโดยแบงออกเปน 2 สวน ไดแก สวนของระบบ และสวนของโมบาย

แอปพลเคชน

1.3.3 ในสวนของโมบายแอปพลเคชนมการพฒนาโดยใชสถาปตยกรรมขามแพลต

ฟอรม ( Cross Platform Architecture )

1.3.4 กลมผใชแบงเปน 2 กลมหลก คอ

1.3.4.1 ผใช (ลกคา)

1.3.4.1.1 สามารถลงทะเบยน และเขาสระบบเมอลกคาตองการทาการ

จอง เฟอรนเจอร

1.3.4.1.2 สามารถกดเลอกดเฟอรนเจอรไดทกประเภททมในรานใน

รปแบบสามมต

1.3.4.1.3 สามารถหมนปรบตาแหนงเฟอรนเจอรแบบ 360 องศา ได

ตามความตองการของลกคา

1.3.4.1.4 สามารถดรายละเอยดของเฟอรนเจอร ไดแก ราคา ส

และขนาด

1.3.4.1.5 สามารถบนทกภาพเฟอรนเจอรภายในหอง เพอบนทก

หรอกดแชร

1.3.4.1.6 สามารถกดเลอกเฟอรนเจอรทลกคาสนใจใหเปนรายการ

โปรดและจดการสนคาทลกคาไมสนใจออกจากรายการ

โปรดของลกคาได

1.3.4.1.7 สามารถกดจองเฟอรนเจอรและเลอกจานวนสนคาตาม

ความตองการของลกคา

1.3.4.1.8 สามารถกดบนทกใบยนยนการจองเฟอรนเจอร เพอนาไปยน

ใหทางรานดรหสสนคาทลกคาไดทาการจอง

3  

 

1.3.4.2 ผดแลระบบ (พนกงานขาย หรอ เจาของราน)

1.3.4.2.1 สามารถจดการขอมลและรปภาพของเฟอรนเจอรไดทก

ประเภท

1.3.4.2.2 สามารถดขอมลของลกคาทเปนสมาชก ไดแก ชอ เบอรโทร

และ อเมล

1.3.4.2.3 สามารถดรายการเฟอรนเจอรทลกคาจอง

1.3.4.2.4 สามารถออกรายงานการจองของลกคา

1.4 ประโยชนทไดรบ

1.4.1 เพมยอดขายใหกบรานบางปลา เฟอรนเจอร 1.4.2 ชวยในการตดสนใจเลอกซอสนคาใหตรงความตองการของลกคามากทสด 1.4.3 ชวยใหลกคาไดเหนสนคาจรงกอนไปเลอกซอ 1.4.4 เปนการนาเทคโนโลย AR (Augmented Reality) ไปใชใหเกดประโยชน 1.4.5 สรางภาพลกษณทดใหกบทางรานบางปลา เฟอรนเจอร

1.5 ขนตอนและวธการดาเนนงาน

1.5.1 ศกษาปญหาและรวบรวมความตองการ เรมจากการศกษาปญหาของระบบการซอ-ขาย ของรานบางปลาเฟอรนเจอรและ

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

1.5.1.2 ศกษา ARCore ทาใหภาพ 3 มต ทจะปรากฎขนบนหนาจอเมอเรยกใช AR มความสมจรงและเปนธรรมชาตมากกวาการใช AR จากกลองมอ ถอธรรมดา

4  

 

1.5.1.3 ศกษา Renderable เพราะเปนโมเดล 3 มต และประกอบดวยตาแหนง ของการวางจดบนวสดพนผวและอนๆ สามารถเชอมตอกบ A Node และแสดงผลเปนสวนหนงของฉากอยางถกตอง

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

1.5.2 การวเคราะหระบบ (System Analysis)

นาขอมลและขอบเขตทไดจากการรวบรวมขอมล เพอนามาวเคราะหและออก แบบสวนตางๆ ของระบบวางแผนปฏบตงานเพอทาการออกแบบเวบแอปพลเคชนและนาเสนอผานทางแผนภาพตางๆ ประกอบดวย Use case Diagram, Class Diagram, Sequence Diagram, ER Diagram เพอใหตอบสนองความตองการของลกคาอยางสมบรณและเกดประโยชนกบทางรานมากทสด โดยวเคราะหจากความตองการและขอบเขตการทางานของแอปพลเคชน

1.5.3 การออกแบบระบบ (System Design)

ในสวนของการออกแบบระบบเฟอรนเจอรเสมอนจรง เนนการออกแบบทเปน

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

อาศยหลกการออกแบบของ Material Designในขนตอนนจะทาการออกแบบเวบไซตทจะ

นามาใชจรง เพอเปนแนวทางในการ พฒนาแอปพลเคชนทจะตองตอบสนองความตองการ

ของผใชไดมากทสด

ในสวนของการออกแบบ User Interface และ User Experience ภายในแอปพลเค

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

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

สะดวกตอการใชงาน สวนสสนจะออกแบบใหสอดคลองกบระบบเฟอรนเจอรเสมอนจรง

1.4.3.1 การออกแบบสถาปตยกรรม (Architecture Design)

สถาปตยกรรมทใชในการพฒนาไคลเอนท/เซรฟเวอรและเวบ

เซอรวส (Web Service)

5  

 

1.4.3.2 ออกแบบฐานขอมล (Database Design)

การออกแบบฐานขอมลในสวนของ Back-End มการพฒนาดวย

เวบเซอรวส (Web Service) ดวยภาษาพเอชพ (PHP) มการออกแบบ

ฐานขอมลโดยใชสถาปตยกรรมฐานขอมลเชงสมพนธ (Relational

Database) ซอฟตแวรทใชในการจดการฐานขอมล คอ MySQL

1.4.3.3 ออกแบบสวนตดตอกบผใช (User Interface Design)

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

ความตองการของผใชงานในระบบโดยใช Bootstrap 4 และในของสวน

ของแอปพลเคชนระบบและในของสวนของแอปพลเคชนเปนการใช

Angular ในการพฒนาออกแบบทาใหสะดวกในการจดการเขยนชดคาสง

1.5.4 การพฒนาระบบ (System Development) เทคโนโลยเสมอนจรง เขามาใชดวยการใชงานผานอปกรณกลองบน Smart Phone

โดยการใชภาษาคอมพวเตอรเขามาพฒนาดวยภาษา PHP JAVA และ Angular นอกจากนน

ยงใช ARCore เปนไฟล SDK (Software Development Kit) สาหรบนกพฒนาซอฟตแวร ท

Google เปดใหนามาใชพฒนาแอปพลเคชน AR แบบไมเสยคาใชจาย

1.5.5 การทดสอบระบบ (System Testing)

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

1.5.6 การจดทาเอกสาร (Documentation)

การจดทาเอกสารใช Microsoft Word ในการจดทาเอกสารปรญญานพนธและใช

Illustrator ในการจดทาเอกสารคมอเพอใหผใชรถงความเปนมาของระบบเฟอรนเจอร

เสมอนจรงไดอยางถกตอง

6  

 

1.6 แผนและระยะเวลาดาเนนการปรญญานพนธ ตารางท 1.1 แสดงระยะเวลาดาเนนงาน

หวขอ

ระยะเวลา

ต.ค.

61

พ.ย.

61

ธ.ค.

61

ม.ค.

62

ก.พ.

62

ม.ค.

62

เม.ย

62

พ.ค

62

ม.ย

62

1.ศกษาและรวบรวมขอมล

2.วเคราะหระบบ

3.ออกแบบระบบ

4.พฒนาระบบ

5.ทดสอบระบบ

6.จดทาเอกสารคมอตางๆ

1.7 อปกรณและเครองมอทใชในการพฒนา

1.7.1 ฮารดแวร 1.7.1.1 Notebook: Intel(R) Core(TM) i7-7500U

@ 2.70 GHz 1.7.2 ซอฟตแวร 1.7.2.1 ระบบปฏบตการ Microsoft Windows 10

1.7.2.2 Xampp Control Panel 1.7.2.3 Adobe Illustrator CS6 1.7.2.4 Bootstrap 4 1.7.2.5 Angular 1.7.2.6 PHP 1.7.2.7 Visual Studio Code 2017 1.7.2.8 Postman 1.7.2.9 Android Studio ver.3.4

7  

 

1.7.3 อปกรณและเครองมอทรองรบระบบ

1.7.3.1 ฮารดแวร

1.7.3.1.1 สมารทโฟน

ความตองการขนตาของแอปพลเคชน

- CPU Quad Core ขนไป

- Ram 4 GB ขนไป

- พนทความจาภายในเครอง ไมนอยกวา 500 MB

1.7.3.2 ซอฟตแวร

1.7.3.2.1 ระบบปฏบตการ Android 4.0 ขนไป

บทท 2

การทบทวนวรรณกรรมและแนวคดทเกยวของ

2.1 ประวตโดยยอ รานบางปลาเฟอรนเจอร

รานบางปลาเฟอรนเจอร ตงอยท ต าบล บางปลา อ าเภอบางพล สมทรปราการ 10540 เปน

รานขายเฟอรนเจอรตกแตงบาน โตะ เกาอ ทนอน เตยง และช นวางของตางๆ อกท งยงขาย

เฟอรนเจอรแบบยกชดดวย จากการขายแบบเดมของราน คอจะมพนกงานคอยตอนรบลกคา 2 คน

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

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

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

ชนโดยใชเทคโนโลยทน าภาพเสมอนเปนรปแบบ 3 มต จ าลองเขาสโลกจรงผานกลองและการ

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

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

2.2 Augmented Reality1

AR ยอมาจาก Augmented Reality เปนเทคโนโลยทผสมผสานระหวางความเปนจรงกบสง

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

ปรากฏบนกลองผานซอฟตแวรและเชอมตอกบอปกรณตางๆ และถอเปนการสรางขอมลใหมขนมา

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

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

การใช AR Paper ประกอบการตดสนใจของลกคาโดยท า Interactive Catalog 2010 ทเปน AR

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

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

นาสนใจ ทนสมย ดงดดลกคา โดยการเอารปเฟอรนเจอรในรปแบบโมเดลสามมตมาทบซอนลงบน

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

เลอกเฟอรนเจอรทราน แตสามารถใชกลองสองแลวแสดงเฟอรนเจอรเสมอนจรงขนมา กสามารถ

ตดสนใจเลอกเลอกสนคาไดเลย

1 https://www.dootvmedia.com/news/detail/7/Virtual-Reality

9

2.2.1 ขนตอนการท าเทคโนโลยเสมอนจรง ประกอบดวย 3 ขนตอน 2.2.1.1 การวเคราะหภาพ (Image Analysis) เปนขนตอนการคนหา Marker จาก

ภาพทไดจากกลองแลวสบคนจากฐานขอมล (Marker Database) ทม

การเกบขอมลขนาดและรปแบบของ Marker เพอน ามาวเคราะหรปแบบ

ของMarkerการวเคราะหภาพสามารถแบงไดเปน 2 ประเภท ไดแกการ

วเคราะหภาพโดยอาศย Marker เปนหลกในการท างาน (Marker based

AR) และการวเคราะหภาพโดยใชลกษณะตางๆทอยในภาพมาวเคราะห

(Marker-less based AR)

2.2.1.2 การค านวณคาต าแหนงเชง 3 มต (Pose Estimation)ของ Marker เทยบ

กบกลอง

2.2.1.3 กระบวนการสรางภาพสองมต จากโมเดลสามมต (3D Rendering) เปน

การเพมขอมลเขาไปในภาพโดยใชคาต าแหนงเชง3มตทค านวณไดจน

ไดภาพเสมอนจรง

2.1.2 องคประกอบของเทคโนโลยเสมอนจรง ประกอบดวย 2 .1.2.1 AR Code หรอตว Marker ใชในการก าหนดต าแหนงของวตถ

2.1.2.2 Eye หรอ กลองวดโอ กลองโทรศพทมอถอ หรอตวจบ Sensor อนๆ ใช

มองต าแหนงของ AR Code แลวสงขอมลเขา AR Engine

2.1.2.3 AR Engine เปนตวสงขอมลทอานไดผานเขาซอฟตแวร แอปพลเคชน

หรอสวนประมวลผล เพอแสดงเปนภาพตอไป

2.1.2.4 Display หรอ จอแสดงผลเพอใหเหนผลขอมลท AR Engine สงมา

ใหในรปแบบของภาพ หรอ วดโอหรออกวธหนง เราสามารถรวมกลอง

AR Engineและจอภาพ เขาดวยกนในอปกรณเดยว เชน โทรศพทมอถอ

หรออนๆ

2.3 Android Studio3

Android Studio เปน IDE Tool จากกเกลไวพฒนาแอนดรอยดส าหรบ Android Studio เปน

IDE Tools ลาสดจากกเกลไวพฒนาโปรแกรมแอนดรอยดโดยเฉพาะ โดยพฒนาจากแนวคดพนฐาน

มาจาก InteliJ IDEA คลาย ๆ กบการท างานของ Eclipse และ Android ADT Plugin โดย

วตถประสงคของ Android Studio คอตองการพฒนาเครองมอ IDE ทสามารถพฒนาแอปพลเคชน

10

บนแอนดรอยดใหมประสทธภาพมากขน ทงดานการออกแบบ GUI ทชวยใหสามารถ ดตวอยางตว

แอปพลเคชน มมมองทแตกตางกนบน มอถอสมารทโฟนแตละรน สามารถแสดงผลบางอยางได

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

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

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

ความเรวของอมเลเตอรทยงเจอปญหากนอยในปจจบน

2.4 Visual Studio Code4 เปนโปรแกรม CodeEditor ทใชในการแกไขและปรบแตงโคด จากคายไมโครซอฟท มการ

พฒนาออกมาในรปแบบของ OpenSource จงสามารถน ามาใชงานไดแบบฟร ๆ ทตองการความเปนมออาชพซง Visual Studio Code น น เหมาะส าหรบนกพฒนาโปรแกรมทตองการใชงานขามแพลตฟอรม รองรบการใชงานทงบน Windows, macOS และ Linux สนบสนนทงภาษา JavaScript, TypeScript และ Node.js สามารถเชอมตอกบ Git ได น ามาใชงานไดงายไมซบซอน มเครองมอสวนขยายตาง ๆ ใหเลอกใชอยางมากมาก ไมวาจะเปน 1.การเปดใชงานภาษาอน ๆ ทง ภาษา C++, C#, Java, Python, PHP

2.5 Java5 Java เปนภาษาเขยนโปรแกรมเพอวตถประสงคทวไป โดยสามารถท างานไดพรอมกน เปน

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

ส าหรบการใชงาน โดยมเมธอดและคลาสชวยอ านวยความสะดวกมากมาย ภาษา Java นนมความ

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

น าไปใชงานไดทกทหรอทกแพลตฟอรม

2 http://www.similantechnology.com/news&article/android.html 3https://mindphp.com/microsoft/4829-visual-studio-code.html 4 http://marcuscode.com/lang/java 5 http://www.helloho.me/getting-started-with-angular/

11

2.6 Angular6 หนงใน Front-end JavaScript Framework ทท างานบนฝง Client ทไดรบความนยมสงทสด

ในปจจบน ทเราสามารถน าไปสราง SPA (Reactive Single Page Applications) ท าใหรสกวาการ

เปลยนหนาไปมาหรอการคลกปมตางๆเหมอนเปน เพราะไมมการโหลดเปลยนหนาเพราะทกหนา

ถกโหลดมาไวหนาเดยวกน และม Scope คอสวนทท าหนาทเชอมโยงระหวาง Controller กบ View

2.7 PHP7

เปนภาษาคอมพวเตอร ทท างานแบบ Server Side Script ใชส าหรบจดท าระบบ และ

แสดงผลออกมาในรปแบบของ HTML กระบวนการท างานจะท างานแบบโปรแกรมแปลค าสง

interpreter คอแปลภาษาทกครงทมคนเรยกสครปต ขอดคอ ไมตองน าไปประมวลผลใหม

(Compiler) เมอจะน าโปรแกรมไปใชงาน หรอจะอพเดตเวอรชนของโปรแกรม สามารถอพโหลด

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

สรางโปรแกรมเชงวตถ (OOP) หรอสรางโปรแกรมทรวมทงสองอยางเขาดวยกนและยงเปนภาษาท

เรยนรงายและใชงานไดไมยาก

2.8 Material Design8 เปนการออกแบบทคอนขางซบซอนกวาการดไซนทวไป พนฐานการออกแบบอยบน 3D

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

2.9.1 ระบบบรหารการขายบนอปกรณพกพาดวยเทคโนโลยเสมอนจรง (กรณศกษาบรษท เฟอรนเจอรเหลกไทย จ ากด)1

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

12

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

2.9.2 แอปพลเคชน IKEA Place2

แอปพลเคชน IKEA Place ทจะชวยใหผใชงานสามารถจ าลองสถานการณการจดวางเฟอรนเจอร 3D จาก IKEA ภายในบานไดแบบเหนภาพเสมอนจรงและวตถเสมอนขนาดเทาของจรงโดยใชเลนสของกลอง iPhone สามารถยอ ขยาย หรอหมนไดแบบ 360 องศา ชวยอ านวยความสะดวกใหกบผใชงาน

2.9.2 แอปพลเคชน AssembleAR3

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

7https://medium.com/@sunzandesign/php 8https://www.blognone.com/node/57820 9wjst.wu.ac.th/index.php/wuresearch/article/download/5220/801 10https://thaimarketing.in.th/76043 11https://news.siamphone.com/news-32836.html

13

2.10 การเปรยบเทยบฟงกชนการท างานระหวางแอปพลเคชนเฟอรนเจอรเสมอนจรง Virtual

furniture กบ แอปพลเคชน AssembleAR,ระบบบรหารการขายบนอปกรณพกพาดวย

เทคโนโลยเสมอนจรง และ IKEA Place

ตารางท 2.1 เปรยบเทยบฟงกชนการท างานระหวางแอปพลเคชน AR (Augmented Reality)

ระบบบรหารการขายบนอปกรณพกพาดวยเทคโนโลย

เสมอนจรง

IKEA Place

AssembleAR

Virtual furniture

AR Furniture สามารถหมนโมเดลได - - มรายละเอยดของโมเดล ยอขยายโมเดลเฟอรนเจอรได

- -

เคลอนยายโมเดลเฟอรนเจอรได

- -

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

แอปพลเคชน IKEA Place เปนแอปพลเคชนทจะชวยใหผใชงานสามารถจ าลองสถานการณการจดวางเฟอรนเจอร 3D จาก IKEA ภายในบานไดแบบเหนภาพเสมอนจรงและวตถเสมอนขนาดเทาของจรงโดยใชเลนสของกลอง iPhone สามารถยอ ขยาย หรอหมนไดแบบ 360 องศา ชวยอ านวยความสะดวกใหกบผใชงาน

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

14  

 

บทท 3

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

3.1 รายละเอยดของปญญานพนธ

3.1.1 วเคราะหระบบงานปจจบน

3.1.1.1 ขนตอนการดาเนนงานของระบบเดม (Work Flow Diagram)

รปท 3.1 ขนตอนการดาเนนงานของระบบเดม

ลกคา พนกงาน

2. โทรสอบถามพนกงานทราน

3. รายละเอยดของสนคาและราคา

รานบางปลา เฟอรนเจอร 9.รบของ

1.ดสนคาผานสอหรอตามเวบไซต

6. ซอสนคา

7. เสนอราคา

8. จายเงน

4.เดนทางไปราน

15  

 

จากรปท 3.1 ระบบปจจบนมการทางานดงน

- ลกคา ดภาพเฟอรนเจอรจากเวบไซตหรอสอตางๆของทางราน

- ลกคา โทรศพทมาสอบถามพนกงานเกยวกบรายละเอยดของสนคา

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

- ลกคา เดนทางไปทรานบางปลาเฟอรนเจอร

- พนกงาน มาตอนรบลกคาและแนะนารายละเอยดของสนคา

- ลกคา ตดสนใจซอสนคา

- พนกงาน เสนอราคาใหกบลกคา

- ลกคา จายเงนใหกบพนกงาน

- ลกคา รบสนคา

3.1.1.2 ปญหาและขอจากดจากระบบงานเดม

3.1.2.1 ลกคาตองดเฟอรนเจอรจากหนงสอหรอเวบไซตของทางรานเพอเขามาด

วามสนคาทตองการหรอไม อาจจะตองโทรศพทไปยงทรานเพอฟง

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

สนคาลดลงเพราะไมเหนภาพจรง

3.1.2.2 เวบไซตของทางรานบางปลาเฟอรนเจอร สามารถดไดแตภาพและรายละ

เอยดบางอยางของสนคาเทานน แตไมสามารถสงจองสนคาทสนใจได

3.1.2.3 ลกคาตองเดนทางไปซอสนคาทรานโดยทไมทราบเลยวามสนคาทลกคา

ตองการหรอไม หรอมสนคาทถกใจหรอไม ทาใหเสยเวลาในการเดนทาง

ไปซอ

3.1.2.4 เนองจากสนคาทางรานมหลายรปแบบหลายขนาด ลกคาทมาเลอกซอจะ

ไมแนใจวาตองซอขนาดเทาไหรถงเหมาะกบพนท ทตองการวางเฟอรน

เจอร ทาใหยากตอการตดสนใจ

3.1.1.3 แนวทางการแกไข

3.1.1.3.1 จดทาแอปพลเคชนระบบเฟอรนเจอรเสมอนจรง บนมอถอสมารทโฟน

ดวยเทคโนโลยเสมอนจรง ลกคาสามารถเลอกชมสนคาทเหมอนกบ

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

จองผานภาพเสมอนจรงไดทนท

3.1.1.3.2 ระบบสมครสมาชกเพอจดเกบขอมลของลกคา รหสผานทใชในการ

16  

 

สมครสมาชก ลกคากสามารถเขาสระบบ จากโทรศพทมอถอระบบ

ปฏบตการแอนดรอยดเครองอนไดเมอลกคาจะเขาไปด รายละเอยด

ของสนคาและจะทาการจองสนคา

3.1.1.3.3 จดทาระบบการจองสนคาใหกบลกคาในระบบ เพอลดการเสยเวลาเมอ

ไปถงทรานแลวสนคาหมด

3.1.2 การวเคราะหระบบงานใหม

จากระบบเดมทลกคาสามารถดสนคาไดจากภาพสองมตจากใบโบชวร หรอตองมาด

สนคาจรงทรานบางปลาเฟอรนเจอรดวยตนเอง ถงจะตดสนใจสงซอไดหรอบางทานอาจตด

สนใจไมไดใน ระบบงานใหมลกคาสามารถดภาพเฟอรนเจอรในรปแบบสามมตไดทนท

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

สงจองได

17  

 

3.2 Use Case Diagram

รปท 3.2 Use Case Diagram แอปพลเคชนรานเฟอรนเจอร

เสมอนจรง ของรานบางปลาเฟอรนเจอร

 

RegisterCustom

LoginCustomer

SelectAllProduct

ShowDetail

CameraAR

DeleteProduct

SearchCustome

Login Admin

InsetProduct

UpdateProduct

User

Administrator

Reservations

WishListManager  

แอปพลเคชนรานเฟอรนเจอรเสมอนจรง ของรานบางปลาเฟอรนเจอร

SearchReservatio

Reportorder

18  

 

3.3 Use Case Description

ตารางท 3.1 แสดงรายละเอยดของ Use Case : Login Admin

Use Case Name Login Admin Use Case ID UC1 Brief Description ยนยนตวตนวาเปนผดแลระบบ Primary Actors Administrator (ผดแลระบบ) Secondary Actors - Preconditions จะตองเปนผดแลระบบทมรหสเทานน Main Flow :

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

หรอไม 2.1 ขอมลผใชและรหสผานทตรงกนในฐานขอมล

2.1.1 ระบบไปยงหนาหลกเพอเลอกเมนและทางานตอไป 2.2 ขอมลชอผใชและรหสผานไมตรงกนในฐานขอมล 2.2.1 ระบบแสดงหนาจอแจงเตอนวา “Incorrect Username Or Password”

ไมสามารถเขาสระบบได Post Condition สามารถใชงานฟงกชนตางๆ สาหรบผดแลระบบได Alternative Flows - Exception -

19  

 

ตารางท 3.2 แสดงรายละเอยดของ Use Case : InsertProduct

Use Case Name InsertProduct Use Case ID UC2 Brief Description ผดแลระบบสามารถเพมสนคาได Primary Actors Administrator(ผดแลระบบ) Secondary Actors - Preconditions - Main Flow :

1. ยสเคสจะเกดขนเมอผดแลระบบเลอกฟงกชน เพมสนคา ขอมล 2. ระบบทาการบนทกลงฐานขอมล

Post Condition ขอมลถกเพมในระบบ Alternative Flows - Exception

ตารางท 3.3 แสดงรายละเอยดของ Use Case : UpdateProduct

Use Case Name UpdateProduct Use Case ID UC3 Brief Description ผดแลระบบสามารถแกไข ขอมลสนคาได Primary Actors Administrator (ผดแลระบบ) Secondary Actors - Preconditions - Main Flow :

3. ยสเคสจะเกดขนเมอผดแลระบบเลอกฟงกชน Update ขอมลสนคา 4. สามารถแกไขขอมลสนคาไดแลวบนทกลงฐานขอมล

Post Condition ขอมลปรบปรงแกไขไปยงระบบ Alternative Flows - Exception -

20  

 

ตารางท 3.4 แสดงรายละเอยดของ Use Case : DeleteProduct

Use Case Name DeleteProduct Use Case ID UC4 Brief Description ผดแลระบบสามารถลบสนคา ประเภทสนคาได Primary Actors Administrator (ผดแลระบบ) Secondary Actors - Preconditions - Main Flow :

1. ยสเคสจะเกดขนเมอผดแลระบบเลอกฟงกชนลบขอมลสนคาได 2. สามารถแกไขขอมลสนคาไดแลวบนทกลงฐานขอมล

Post Condition ขอมลสนคาจะถกเปลยนสถานะไมสามารถแสดงผลบนระบบได Alternative Flows - Exception -

ตารางท 3.5 แสดงรายละเอยดของ Use Case : SearchCustomer

Use Case Name SearchCustomer Use Case ID UC5 Brief Description ผดแลระบบสามารถคนหาขอมลของลกคาไดททาการ Login Primary Actors Administrator (ผดแลระบบ) Secondary Actors - Preconditions - Main Flow :

1. ยสเคสจะเกดขนเมอผดแลระบบเลอกหนาขอมลของลกคา 1.1 เมอผดแลระบบคนหาขอมลของลกคาทตองการ 1.2 เมอผดแลระบบไดขอมลทตองการแลว กจบการทางานของฟงกชนน

Post Condition - Alternative Flows - Exception -

21  

 

ตารางท 3.6 แสดงรายละเอยดของ Use Case : SearchReservation

Use Case Name SearchReservation Use Case ID UC6 Brief Description ผดแลระบบสามารถคนหาขอมลการจองของลกคาได Primary Actors Administrator(ผดแลระบบ) Secondary Actors - Preconditions - Main Flow :

1. ยสเคสจะเกดขนเมอผดแลระบบเลอกหนาขอมลการจองของลกคา 1.1 เมอผดแลระบบคนหาขอมลการจองของลกคาทตองการ 1.2 เมอผดแลระบบไดขอมลการจองของลกคาทตองการแลวกจบการทางานของ

ฟงกชนน

Post Condition - Alternative Flows - Exception -

22  

 

ตารางท 3.7 แสดงรายละเอยดของ Use Case : Reportorder

Use Case Name Reportorder Use Case ID UC7 Brief Description ผดแลระบบสามารถดรายงานการสงจองจากลกคาได Primary Actors Administrator(ผดแลระบบ) Secondary Actors - Preconditions - Main Flow :

1. ยสเคสจะเกดขนเมอผดแลระบบทาการเลอกฟงกชน Reportorder 2. ระบบแสดงขอมลของลกคาททาการ Reportorder ไดแก ชอลกคา รหสการจอง

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

รายชอของลกคาคนนน 2.2 เมอผดแลระบบ ไดขอมลตองการแลว กจบการทางานของฟงกชนน

Post Condition แสดงขอมลการสงจองของลกคา Alternative Flows - Exception -

23  

 

ตารางท 3.8 แสดงรายละเอยดของ Use Case : RegisterCustomer

Use Case Name RegisterCustomer Use Case ID UC8 Brief Description เปนโปรเซสสาหรบสมครสมาชกโดยลกคาสามารถปอนขอมลผาน

ทางแอปพลเคชน Primary Actors User (ผใช) Secondary Actors - Preconditions - Main Flow :

1. ยสเคสจะเกดขนเมอผใชทาการปอนขอมล 2. ระบบทาการตรวจขอมลตรงกนในฐานขอมลหรอไม 2.1 ขอมลปอนครบ 2.1.1 ระบบทาการแสดงหนาหลก 2.2 ขอมลปอนไมครบ 2.2.1 ระบบทาการแสดงแจงเตอน “Please enter the information completely”

Post Condition แสดงขอมลของลกคา Alternative Flows - Exception -

24  

 

ตารางท 3.9 แสดงรายละเอยดของ Use Case : LoginCustomer

Use Case Name Login Customer Use Case ID UC9 Brief Description ตรวจสอบยนยนตวตนเขาสระบบเพอจะทาการจอง Primary Actors User (ผใช) Secondary Actors - Preconditions - Main Flow :

3. ยสเคสจะเกดขนเมอลกคาทาการปอนขอมล Username และ Password 4. ระบบทาการตรวจขอมลตรงกนในฐานขอมลหรอไม 2.1 ขอมลตรงกน 2.1.1 ระบบทาการแสดงหนาหลก 2.2 ขอมลไมตรงกน 2.2.1 ระบบทาการแสดงแจงเตอน “Incorrect Username Or Password”

Post Condition - Alternative Flows - Exception -

25  

 

ตารางท 3.10 แสดงรายละเอยดของ Use Case : SelectAllProduct

Use Case Name SelectAllProduct Use Case ID UC10 Brief Description ลกคาสามารถเลอกประเภทสนคาหรอสนคาชนใดชนหนง Primary Actors User (ผใช) Secondary Actors - Preconditions - Main Flow :

1. ยสเคสจะเกดขนเมอลกคาเลอกสนคาชนใดชนหนง 2. ระบบทาการแสดงสนคาทลกคากดเลอกชนไหน 2.1 ระบบทาการแสดงสนคาทลกคาเลอก

Post Condition - Alternative Flows - Exception -

26  

 

ตารางท 3.11 แสดงรายละเอยดของ Use Case : ShowDetail

Use Case Name ShowDetail Use Case ID UC11 Brief Description ลกคาสามารถดรายละเอยดสนคาของสนคาตวนนได Primary Actors User (ผใช) Secondary Actors - Preconditions - Main Flow :

1. ยสเคสจะเกดขนเมอลกคาเลอกสนคาตวนน 2. ระบบจะตรวจสอบวาลกคากดเลอกสนคาชนไหน

2.1 ระบบกจะทาการแสดงรายละเอยดสนคาตวนน Post Condition - Alternative Flows - Exception -

ตารางท 3.12 แสดงรายละเอยดของ Use Case : CameraAR

Use Case Name CameraAR Use Case ID UC12 Brief Description User(ผใช) Primary Actors ลกคาสามารถกด สนคา ใหเปน สนคาทเสมอนจรงได Secondary Actors - Preconditions - Main Flow :

1. ยสเคสจะเกดขนเมอ ลกคา กดสนคาตวนน สนคากจะทาการ โปรเซส กจะแสดงผลในรปแบบ AR (Augmented Reality) 3D

Post Condition - Alternative Flows - Exception -

27  

 

ตารางท 3.12 แสดงรายละเอยดของ Use Case : WishListManager

Use Case Name WishListManager Use Case ID UC12 Brief Description เปนการถกใจสนคาชนนน Primary Actors User(ผใช) Secondary Actors - Preconditions - Main Flow :

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

Post Condition - Alternative Flows - Exception -

ตารางท 3.11 แสดงรายละเอยดของ Use Case : Reservation

Use Case Name Reservation Use Case ID UC11 Brief Description ลกคาจะทาการจองสนคาทลกคา Primary Actors User(ผใช) Secondary Actors - Preconditions - Main Flow :

1. ยสเคสจะเกดขนเมอลกคามการกดสงจองสนคาตวนน 2. ระบบทาการบนทกการสงจองของลกคา

Post Condition ไดตวสนคาทลกคากดสงจอง Alternative Flows - Exception -

28  

 

3.4 Sequence Diagram

รปท 3.3 Sequence Diagram : Login Admin

รปท 3.4 Sequence Diagram : InsertProduct

29  

 

รปท 3.5 Sequence Diagram : UpdateProduct

รปท 3.6 Sequence Diagram : DeleteProduct

30  

 

รปท 3.7 Sequence Diagram : SearchCustomer

รปท 3.8 Sequence Diagram : SearchReservation

31  

 

รปท 3.9 Sequence Diagram : Reportorder

รปท 3.10 Sequence Diagram : RegisterCustomer

32  

 

รปท 3.11 Sequence Diagram : Login Customer

รปท 3.12 Sequence Diagram : SelectAllProduct

33  

 

รปท 3.13 Sequence Diagram : ShowDetail

รปท 3.14 Sequence Diagram : CameraAR

34  

 

รปท 3.15 Sequence Diagram : WishlistManager

รปท 3.16 Sequence Diagram : Reservation

35  

 

3.5 Class Diagram

 

รปท 3.17 Class Diagram

1 1..*

1..*

1

36  

 

3.6 โครงสรางของฐานขอมลและความสมพนธระหวางเอนทต

ในการเกบระบบฐานขอมลโดยใช JSON ( Javascript Object Notation) เปนตวกลาง

สอสารในการแลกเปลยนขอมลระหวางแอปพลเคชนและระบบทอยในรปแบบของObjectหรอ

Array

รปท 3.18 Entity Relationship Diagram

4137  

 

บทท 4

การออกแบบทางกายภาพ

4.1 พจนานกรมขอมล (Data Dictionary)

  การออกแบบฐานขอมลเชงสมพนธ ( Relational Database System ) ใหอยในรปแบบของ

ตารางฐานขอมล โดยใชโปรแกรม Mysql ในการจดการฐานขอมลทออกแบบขนมา

 

ตารางท 4.1 ตารางขอมล Account Relation : -

Attribute Description Attribute Domain

Type PK FK Reference

email อเมลผดแลระบบ varchar(30)

Yes

passwd รหสผานผดแลระบบ

varcha (10)

 

ตารางท 4.2 ตารางขอมล Customer Relation : -

Attribute Description Attribute Domain

Type PK FK Reference

CustomerID รหสลกคา varchar(6)

Yes

CustomerName

ชอลกคา varchar(30)

Email

อเมลลกคา varchar(30)

Passwd

รหสผานลกคา varchar(10)

38  

 

Attribute Description Attribute Domain

Type PK FK Reference

Phone

เบอรโทรศพท varchar(10)

id

รหส int (10)

 

 

ตารางท 4.3 ตารางขอมล Detail Relation : product_name , Reservation

Attribute Description Attribute Domain

Type PK FK Reference

Price

ราคาตอชน double

Qty

จานวนตอสนคา int (10)

Total

ราคารวมทงหมด double

ProID

รหสสนคา varchar (10)

Yes product_name

ResID

รหสการจอง varchar (10)

Yes reservation

39  

 

ตารางท 4.4 ตารางขอมล File_image Relation : product_name

Attribute Description Attribute Domain

Type PK FK Reference

img_ID

รหสรปภาพสนคา int(11) Yes

img_Name

ชอสนคา varchar(50)

img_type

ประเภทของรป varchar(10)

img_size

ขนาดรปภาพ varchar(10)

ProID

รหสสนคา varchar(10)

Yes product_name

ตารางท 4.5 ตารางขอมล Product_name Relation : product_type

Attribute Description Attribute Domain

Type PK FK Reference

ProID

รหสสนคา varchar (10)

Yes

ProName

ชอสนคา varchar (50)

ProDetail

รายละเอยดสนคา varchar (60)

Size

ขนาดสนคา varchar (10)

40  

 

Attribute Description Attribute Domain

Type PK FK Reference

Price

ราคาสนคาตอชน double

Color

สของสนคา varchar (10)

Amount

จานวนสนคา int(10)

datetime

วนเวลาททาการ datetime

FurnitureID

รหสประเภทสนคา

varchar (11)

Yes product_type

statusid

รหสสถานะ char(1)

id

รหส int (10)

41  

 

ตารางท 4.6 ตารางขอมล Reservation Relation : customer

Attribute Description Attribute Domain

Type PK FK Reference

ResID

รหสจองสนคา varchar (10)

Yes

datetime

วนเวลาทจองสนคา

date

Deadline สนสดการของ date

CustomerID รหสลกคา varchar (10)

Yes customer

TotalPrice

รวมราคาสนคาทงหมด

double

id รหส int (10)

4.2 การออกแบบสวนตดตอผใช (User Interface Design)

ระบบจะออกแบบใหใชงานงายใหมความเหมาะสมกบการใชงานซงในสวนของหนาจอ

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

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

หลกและมไอคอนในการสอความหมาย และในสวนของเวบแอปพลเคชนโดยใชหลกของ Material

Design โดยจะสทใชจะตดออกกนอยางชดเจนและใชงานงาย

42  

 

4.2.1 สวนของเวบแอปพลเคชนสวนของผดแลระบบ

รปท 4.1 หนา Login ของผดระบบกอนเขาใชงาน

    จากรปท 4.1 หนาแสดงการยนยนตวตนโดยผดแลระบบจะตองใส Username และ

Password โดยคลกปม Login เพอยนยนตวตน

รปท 4.2 หนาหลกของผดระบบเมอเขาใชงาน

43  

 

จากรปท 4.2 เมอเขาสระบบของสวนผดแลระบบเรยบรอยแลว กจะพบกบหนาหลก

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

สนคาจดการสนคา ขอมลลกคา การจองสนคา เปนตน

 

รปท 4.3 หนาจอของผดแลระบบเพมขอมลประเภทสนคา

จากรปท 4.3 เมอคลกปม จดการประเภทสนคา ผดแลระบบสามารถเพมขอมลประเภท

สนคาได โดยกรอกรายละเอยด ประเภทของสนคา และชอของสนคา เมอกรอกครบเรยบรอยกดปม

เพม จะทาการบนทกลงฐานขอมล เมอคลกปม แกไข จะแสดงขอมลประเภทสนคาเปนตาราง

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

คลกปมลบ ผดแลระบบสามารถดขอมลประเภทสนคาไดและทาการลบขอมลประเภทสนคาโดย

คลกปม ลบ จะทาการลบขอมลประเภทสนคาออกจากตาราง

44  

 

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

จากรปท 4.4 เมอคลกปม จดการสนคา ผดแลระบบสามารถเพมขอมลสนคา โดยกรอก

รหสสนคา ชอสนคา ประเภทสนคา รายละเอยดสนคา ขนาดสนคา ราคาสนคา สสนคา จานวน

สนคา วนเดอนป และเพมรปสนคา เมอกรอกครบถวนแลวคลกปม เพม ทาการบนทกลงฐานขอมล

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

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

ทาการลบขอมลสนคาโดยคลกปม ลบ จะทาการลบขอมลสนคาออกจากตาราง

 

   

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

45  

 

  จากรปท 4.5 ในสวนการใชงานหนาน คอ เปนหนาจอแสดงขอมลของลกคาททา

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

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

รปท 4.6 หนาจอของผดแลระบบแสดงขอมลการจองลกคา

จากรปท 4.6 ในสวนการใชงานหนาน คอ เปนหนาจอแสดงขอมลการจองของ

ลกคาททาการลงทะเบยนและเลอกจองสนคาจากแอปพลเคชนของทางรานบางปลาเฟอรนเจอร

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

อะไร แตไมสามารถจดการกบขอมลการจองของลกคาได

46  

 

4.2.2 สวนของเวบแอปพลเคชนในสวนของผใชงาน

 

รปท 4.7 หนาจอแสดงหนาแรกของแอปพลเคชน

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

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

 

 

47  

 

 

 

 

รปท 4.8 หนาจอแสดงประเภทสนคา

             จากรปท 4.8 ในสวนของการใชงานในหนาน จะเปนหนาแสดงประเภทของ

เฟอรนเจอรทกชนดทมอยในระบบโดยจะแบงไวแตละประเภทอยางชดเจน ไดแก โตะ เกาอ เกาอม

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

ตอไปได

 

 

 

 

 

 

 

 

 

 

 

48  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

รปท 4.9 หนาจอแสดงเฟอรนเจอรแตละชนด

จากรปท 4.9 สวนของการใชงานในหนาจอนจะมโปรโมชนแนะนาสนคาทลด

ราคา จากหนาราน และเปนหนาจอทใหลกคากดเลอกมาจากหนาประเภทของเฟอรนเจอร แลวมา

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

เฟอรนเจอร และยงสามารถเลอกสนคาแตละชนเพอดรายละเอยดเพมเตมได

49  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

รปท 4.10 หนาจอแสดงของรายละเอยดของสนคา

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

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

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

ขนตอนตอไป และมฟงกชนกลองใหกดดสนคาในรปแบบสามมต

 

 

 

 

 

 

 

 

 

 

 

50  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

รปท 4.11 หนาจอแสดงโมเดลเฟอรนเจอรเสมอนจรง

จากรปท 4.11 ในสวนการทางานของหนาจอน คอหนาแสดงโมเดลเฟอรนเจอร

เสมอนจรงผานกลองมอถอ โดยจะแสดงโมเดลกตอเมอลกคากดดรายละเอยดของสนคาแตละชน

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

 

 

 

 

 

 

 

 

 

 

 

 

51  

 

 

 

 

 

   

 

 

 

 

 

 

 

 

 

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

จากรปท 4.12 ในสวนการทางานของหนาจอน คอหนาแสดงรายการทลกคากด

เลอกลงตะกรา เปน ขนตอนกอนตดสนใจกดจอง วาตองการจองสนคาชนน หรอตองการเพม

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

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

รบสนคาทราน

 

 

 

 

 

 

 

 

 

 

52  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

                                          รปท 4.13 หนาจอแสดงของรายละเอยดของการถกใจสนคา

จากรปท 4.13 ในสวนของหนาจอน คอเปนหนาจอทเกบรายการทลกคาถกใจ หรอ

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

ละชน

 

 

 

 

 

 

 

 

 

 

 

 

53  

 

 

 

 

 

 

 

 

                             

 

 

 

 

 

รปท 4.14 หนาจอแสดงการลงทะเบยนเพอเขาสระบบ

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

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

กรอกขอมลสวนตวใหครบถวน ไดแก Username Email Password Repassword และ Number

 

 

 

 

 

 

 

 

 

 

 

54  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

                                     รปท 4.15 หนาจอแสดงการลอกอนเพอเขาสระบบ

จากรปท 4.15 หนาแสดงการยนยนตวตนโดยลกคากรอกขอมลไดแก Username และ Password

โดยคลกปม Login เพอยนยนตวตน

 

54

บทท 5

สรปผลและขอเสนอแนะ

5.1 สรปผลปรญญานพนธ

การพฒนาแอปพลเคชนรานเฟอรนเจอรเสมอนจรง กรณศกษารานบางปลาเฟอรนเจอร ได

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

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

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

ผดแลระบบสามารถจดการสนคาไดโดยเพมสนคา แกไขสนคา ลบสนคา และดขอมลการจองของ

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

ทลกคาไดท าการจอง เปนตน

5.2 ขอดของระบบ

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

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

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

5.3 ขอจ ากดของระบบ

5.3.1 สวนระบบแอปพลเคชน 5.3.1.1 ระบบไมสามารถรองรบ OpenGL ES 3.0 ทต ากวากวา

5.3.2 สวนของสมารทโฟนลกคา 5.3.1.1 รองรบ AR core Pixel และ Galaxy S8 (Android 7.0+)

55

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

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

66

บรรณานกรม

ณชยา ถาวรวฒนเจรญและวรรณศา ปานเปยมเกยรต.(2557). ระบบบรหารการขายบนอปกรณ พกพาดวยเทคโนโลยเสมอนจรง (กรณศกษาบรษทเฟอรนเจอรเหลกไทย จ ากด) เขาถงไดจาก wjst.wu.ac.th/index.php/wuresearch/article/download/5220/801 ไทยมารเกตตง. (2018). AssembleAR แอปพลเคชนสดฉลาด สอนประกอบเฟอรนเจอร IKEA ผาน

เทคโนโลย AR แบบเสมอนจรง. เขาถงไดจาก https://thaimarketing.in.th/76043 เนตโฟลดวลอฟ. (2019). Cross platform. เขาถงไดจาก https://nextflow.in.th/2016/10-year-

cross-platform-application-development-thai/ มาคสโคด. (2560). Java คออะไร. เขาถงไดจาก http://marcuscode.com/lang/java มายพเอชพ. (2561). Visual Studio Code คออะไร. เขาถงไดจาก https://mindphp.com/microsoft/4829-visual-studio-code.html สมลนเทคโนโลย. (2560). Android Studio คออะไร. เขาถงไดจาก

http://www.similantechnology.com/news&article/android.html สยามโฟน. (2560). IKEA Place แอพพลเคชนจ าลองตกแตงบาน แบบ 3 มต ดวยเทคโนโลย. เขาถงไดจาก https://news.siamphone.com/news-32836.html