Building the pos application for coffee shop

Final product: A application and a Web API has the management modules such like: Table, Food/Drink, Order, Merge/Split table, Payment, Material, Statistics.. - Help the manager to operat

MINISTRY OF EDUCATION AND TRAINING HO CHI MINH CITY UNIVERSITY OF TECHNOLOGY AND EDUCATION FACULTY FOR HIGH QUALITY TRAINING PROJECT INFORMATION TECHNOLOGY BUILDING THE POS APPLICATION FOR COFFEE SHOP ADVISOR : PH.D NGUYỄN THIÊN BẢO STUDENTS: LÊ HỒNG DANH NGUYỄN LÊ NGUN ANH NGƠ TRÍ ĐỨC SKL009599 Ho Chi Minh City, June 2022 MINISTRY OF EDUCATION & TRAINING HO CHI MINH CITY UNIVERSITY OF TECHNOLOGY AND EDUCATION FACULTY FOR HIGH QUALITY TRAINING PROJECT BUILDING THE POS APPLICATION FOR COFFEE SHOP Advisor: Ph.D Nguyễn Thiên Bảo Students: Lê Hồng Danh Student ID: 17110108 Nguyễn Lê Ngun Anh Student ID: 17110094 Ngơ Trí Đức Student ID: 17110127 Class: 17110CLST1 Major: Information Technology Ho Chi Minh City, June, 2022 THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom– Happiness -Ho Chi Minh City, June …, 2022 PROJECT ASSIGNMENT Student name: Lê Hồng Danh Student ID: 17110108 Student name: Nguyễn Lê Nguyên Anh Student ID: 17110094 Student name: Ngơ Trí Đức Student ID: 17110127 Major: Information Technology Advisor: Ph.D Nguyễn Thiên Bảo Phone number: Date of assignment: Date of submission: Project title: BUILDING THE POS APPLICATION FOR COFFEE SHOP Initial materials provided by the advisor: Content of the project: BUILDING THE POS APPLICATION FOR COFFEE SHOP Final product: A application and a Web API has the management modules such like: Table, Food/Drink, Order, Merge/Split table, Payment, Material, Statistics CHAIR OF THE PROGRAM (Sign with full name) ADVISOR (Sign with full name) Ph.D Nguyễn Thiên Bảo THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom– Happiness -Ho Chi Minh City, June …, 2022 ADVISOR’S EVALUATION SHEET Student name: Lê Hồng Danh Student ID: 17110108 Student name: Nguyễn Lê Nguyên Anh Student ID: 17110094 Student name: Ngơ Trí Đức Student ID: 17110127 Major: Information Technology Project title: BUILDING THE POS APPLICATION FOR COFFEE SHOP Advisor: Ph.D Nguyễn Thiên Bảo EVALUATION Content of the project: Strengths: Weaknesses: Approval for oral defense? (Approved or denied) Overall evaluation: (Excellent, Good, Fair, Poor) Mark:……….(in words .) Ho Chi Minh City, June …, 2022 ADVISOR (Sign with full name) Ph.D Nguyễn Thiên Bảo THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom– Happiness -Ho Chi Minh City, June, …, 2022 PRE-DEFENSE EVALUATION SHEET Student name: Lê Hồng Danh Student ID: 17110108 Student name: Nguyễn Lê Nguyên Anh Student ID: 17110094 Student name: Ngơ Trí Đức Student ID: 17110127 Major: Information Technology Project title: BUILDING THE POS APPLICATION FOR COFFEE SHOP Advisor: Ph.D Nguyễn Thiên Bảo Name of Reviewer: EVALUATION Content and workload of the project Strengths: Weaknesses: Approval for oral defense? (Approved or denied) Overall evaluation: (Excellent, Good, Fair, Poor) Mark:….……….(in words: ) Ho Chi Minh City, June, …, 2022 REVIEWER (Sign with full name) THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom– Happiness EVALUATION SHEET OF DEFENSE COMMITTEE MEMBER Student name: Lê Hồng Danh Student ID: 17110108 Student name: Nguyễn Lê Nguyên Anh Student ID: 17110094 Student name: Ngơ Trí Đức Student ID: 17110127 Major: Information Technology Project title: BUILDING THE POS APPLICATION FOR COFFEE SHOP Name of Defense Committee Member: EVALUATION Content and workload of the project Strengths: Weaknesses: Overall evaluation: (Excellent, Good, Fair, Poor) Mark:………….(in words: ) Ho Chi Minh City, June …, 2022 COMMITTEE MEMBER (Sign with full name) TABLE OF CONTENTS TABLE OF CONTENTS LIST OF FIGURES LIST OF TABLES LIST OF ABBREVIATIONS 10 CHAPTER 1: INTRODUCTION 14 The reason for choosing topic 14 Research purposes 14 Technology 15 Scope 16 CHAPTER 2: LITERATURE REVIEW 18 Introduction Spring Boot 18 Why Spring Boot? 18 Spring is flexible and supportive 18 Spring is fast 18 Features 18 Spring Boot Framework Architecture 18 Introduction Docker Engine 19 3.1 What is Docker? 19 3.2 Docker Engine 19 What is Google Computer Engine? 20 What is POS? 21 Survey 21 CHAPTER 3: REQUIREMENT SPECIFICATION 22 Description 22 Functional requirements 24 2.1 User requirements 24 2.2 System requirements (Use case) 24 Non-functional requirements 46 3.1 Usability 46 3.2 Reliability 46 3.3 Performance 46 3.4 Purchased Components 46 3.5 Interfaces .46 CHAPTER 4: SYSTEM DESIGN 48 System Architecture 48 1.1 System Overview Environment 48 1.2 System Architecture 49 ER Diagram 50 Sequence Diagram 51 3.1 Add customer sequence diagram (POS Application) 51 3.2 Complete items sequence diagram (POS Application) 51 3.3 Choose table sequence diagram (POS Application) .52 3.4 Choose voucher sequence diagram (POS Application) 52 3.5 Create order sequence diagram (POS Application) 53 3.6 Edit food order sequence diagram (POS Application) 54 3.7 Order food sequence diagram (POS Application) 54 3.8 Delete order sequence diagram (POS Application) 55 3.9 Edit order sequence diagram (POS Application) 56 3.10 Payment order sequence diagram (POS Application) 57 3.11 Login sequence diagram (POS Application) 57 3.12 Get favorite food sequence diagram (POS Application) 58 3.13 Add employee sequence diagram (Management Website) 58 3.14 Edit employee sequence diagram (Management Website) 59 3.15 Add food sequence diagram (Management Website) 59 3.16 Edit food sequence diagram (Management Website) 60 3.17 Get food recipe sequence diagram (Management Website) 60 3.18 Get all history sequence diagram (Management Website) 61 3.19 Get details history sequence diagram (Management Website) 61 3.20 Add material sequence diagram (Management Website) .62 3.21 Add recipe sequence diagram (Management Website) 62 3.22 Get all statistic sequence diagram (Management Website) 63 3.23 Get statistic by type sequence diagram (Management Website) 63 3.24 Add voucher sequence diagram (Management Website) .64 Class Diagram 65 User interfaces design 66 5.1 Login screen (Management Website) 66 5.2 Create Account screen (Management Website) 67 5.3 Invoice statistics screen (Management Website) 67 5.4 History Tracking Management screen (Management Website) 69 5.5 Employee Management screen (Management Website) 70 5.6 Add Employee Management screen (Management Website) 71 5.7 Edit Employee Management screen (Management Website) .72 5.8 Material Management screen (Management Website) 73 5.9 Add Material screen (Management Website) .74 5.10 Update Material screen (Management Website) 75 5.11 Food Management screen (Management Website) 75 5.12 Voucher Management screen (Management Website) 76 5.13 Login screen (POS Application) 77 5.14 Menu screen (POS Application) 78 5.15 Order table screen (POS Application) 80 5.16 Voucher screen (POS Application) 81 5.17 Register screen (POS Application) .82 5.18 Details food screen (POS Application) .83 5.19 Order screen (POS Application) 84 5.20 Order review screen (POS Application) .85 5.21 List orders screen (POS Application) 86 5.22 Order details screen (POS Application) .87 5.23 Payment screen (POS Application) 88 CHAPTER 5: SYSTEM IMPLEMENTATION 91 Software development environment 91 Source code management 91 CHAPTER 6: TESTING AND EVALUATION 92 4.1 Availability backend 92 4.2 Test Case 93 4.2.1 Test case login Website .93 4.2.2 Test case login Website .94 4.2.3 Test case find food Website 95 4.2.4 Test case find food Website 96 4.2.5 Test case Add Employee Website .97 4.2.6 Test case login POS Application .99 4.2.7 Test case Order Food .100 4.2.8 Test case Payment Invoice 101 4.3 Evaluation 104 CHAPTER 7: CONCLUSION 105 Conclusion 105 Advantage 105 Disadvantage 106 Future planning 106 REFERENCES ………………………………………………………………… 107 4.2.2 Test case login Website Table 49 Test case login Website Test Case ID POS_02 Created By NT-Đức Test login Website feature Test Case Description Reviewed By LHVersion Danh 1.0 QA Tester’s Log Tester's Name S# NT-Đức Date Tested Prerequisites: June 15, Test Case 2022 (Pass/Fail/No t Executed) Pass S Test Data Open Website admin # User name: employee01 Password: 123 Test Scenario Step # Step Details Expected Results Click on user name text form field and type username: employee01 Click on password text form field and type password: 123 Click on “login” button “employee01 ” show in the screen As expected Pass / Fail / Not executed / Suspended Pass “123” show in the screen, but invisible As expected Pass System shows an alert “user name or password is incorrect” As expected Pass Actual Results 94 4.2.3 Test case find food Website Table 50 Test case find food Website Test Case ID POS_03 Created By NT-Đức Test Case Descriptio n Reviewed By Test find food Website LHDanh Version Date Tested June 15, 2022 Test Case (Pass/Fail/No t Executed) 1.0 QA Tester’s Log Tester's Name S# NT-Đức Prerequisites: Pass S Test Data Open select Food management on the website # Enter the search box: Cà phê sữa Press the search box Test Scenario Step # Step Details Click on search box form field and type product name: cà phê sữa Click on “search” button Expected Results Actual Results “cà phê sữa” show in the screen As expected Pass / Fail / Not executed / Suspended Pass The system displays the results of the dish on the screen As expected Pass 95 4.2.4 Test case find food Website Table 51 Test case find food Website Test Case ID POS_04 Created By NT-Đức Test Case Descriptio n Reviewed By Test find food Website LHDanh Version Date Tested June 15, 2022 Test Case (Pass/Fail/No t Executed) 1.0 QA Tester’s Log Tester's Name S# NT-Đức Prerequisites: Pass S Test Data # Enter the search box:111 Open select Food management on the website 4 Press the search box Test Scenario Step # Step Details Expected Results Click on search box form field and type product name:111 Click on “search” button “111” show in the screen As expected Pass / Fail / Not executed / Suspended Pass Do not display search results on the screen As expected Pass Actual Results 96 4.2.5 Test case Add Employee Website Table 52 Test case Add Employee Website Test Case ID POS_05 Test Add Employee Website NT-Đức Test Case Description Reviewed By Created By LHDanh Version NT-Đức Date Tested June 15, 2022 Test Case (Pass/Fail/No t Executed) 1.0 QA Tester’s Log Tester's Name S# Prerequisites: Pass S Test Data # Name: ngo tri duc Open the employee add page 4 Permission: admin Birthday: 03/04/1999 Phone:0368928603 Picture: file Username: employee3 Password: 123456 Test Scenario Step # Step Details Click on name text form field and type name: ngo tri duc Select the combobox select: Admin Click on the calendar to choose the date: April 3, 1999 Click on phone text form field and type Expected Results Actual Results “ngo tri duc” show in the screen As expected Pass / Fail / Not executed / Suspended Pass “Admin” show in the screen “April 3, 1999” show in the screen As expected Pass As expected Pass “0368928603 ” show in the screen As expected Pass 97 phone: 0368928603 Click on picture form field and chose picture Click on user name text form field and type username: employee3 Click on password text form field and type password: 123456 Click on “send” button Show picture in the screen As expected Pass “employee3” show in the screen As expected Pass “123456” show in the screen, but invisible As expected Pass The system added successfully and returned screen employee As expected Pass 98 4.2.6 Test case login POS Application Table 53 Test case login POS Application POS_06 Test Case ID Created By NT-Đức Test case login feature Test Case Description Reviewed By LHVersion Danh 1.0 QA Tester’s Log Tester's Name S# NT-Đức Date Tested Prerequisites: Open Coffee POS App June 15, 2022 PASS Test Case (Pass/Fail/Not Executed) S# Test Data User name: employee01 Password: 123456 Test Scenario Step # Step Details Expected Results Click username text form field and type username: employee01 Tap on password text form field and type password: 123456 Click to select Vietnamese language “employee01 ” show in the screen As expected Pass / Fail / Not executed / Suspended Pass “123456” show in the screen, but invisible As expected Pass Vietnamese language appears on the screen As expected Pass Actual Results 99 Click on “login” button System navigates to dashboard As expected Pass 4.2.7 Test case Order Food Table 54 Test Case ID Created By Test case Order Food POS_07 Test case add food/drink to the order NT-Đức Test Case Description Reviewed By LH-Danh Version NT-Đức Date Tested June 15, 2022 PASS Test Case (Pass/Fail/No t Executed) 1.0 QA Tester’s Log Tester's Name S# Prerequisites: Open Coffee Pos App S# Test Scenari o Test Data Step # Step Details Expected Results Search for food on the screen Click to add food with the plus sign Food is displayed on the screen Display food order screen As expected Pass / Fail / Not executed / Suspended Pass As expected Pass Choose the size of the comment ice line for the food Display your choice of size, sweetness, coldness, and quantity of food on the screen As expected Pass Actual Results 100 Display the selected dish on the initial menu order screen Click to Display the choose a table list of tables on the floors As expected Pass As expected Pass Select an available table and confirm As expected Pass Click to book a table in the menu screen Successful table reservation returns to the menu screen Move screen to order information As expected Pass Click on “Confirm” button Success and return to the menu screen As expected Pass Click the button to add food 4.2.8 Test case Payment Invoice Table 55 Test case Payment Invoice (use voucher code) Test Case ID POS_08 Test Case Description Test case make a payment (use voucher code) Created By NT-Đức Reviewed By LHDanh NT-Đức Date Tested June 15, Test Case 2022 (Pass/Fail/ Not Executed) Version 1.0 QA Tester’s Log Tester's Name S# Prerequisites: Open bill payment option S# PASS Test Data Enter payment price = 50000 VND Test Scenario 101 Step # Step Details Expected Results Click on invoice details Click to complete the invoice Show invoice details screen As expected Pass / Fail / Not executed / Suspended Pass The Payment selection button is displayed As expected Pass Click to pay bill Go to the cash payment page As expected Pass Enter payment price = 50000 VND Click to get 40% off Show the amount As expected "500000" on the screen Pass As expected Pass Click to pay cash Display the selected discount code on the screen A successful payment dialog will appear and return to the menu screen As expected Pass Actual Results 102 Table 56 Test case Payment Invoice scenario (don't use voucher code) Test Case ID POS_09 Test Case Description Test case make a payment (don't use voucher code) Created By NT-Đức Reviewed By LH-Danh Version NT-Đức Date Tested June 15, 2022 1.0 QA Tester’s Log Tester's Name S# Prerequisites: Open bill payment option S# PASS Test Case (Pass/Fail/Not Executed) Test Data Enter payment price = 50000000 VND Test Scenario Step # Step Details Expected Results Actual Results Click on invoice Show invoice As expected details details screen Click to complete the invoice Click to pay bill Enter payment price = 50000000 VND Pass / Fail / Not executed / Suspended Pass The Payment As expected selection button is displayed Go to the As expected cash payment page Pass Show the amount "50000000 " on the screen Fail Not as expected Pass 103 4.3 Evaluation Backend: - Backend always availability serve - Providing APIs enough to use for any features, which have in use case - Providing some APIs for future planning - Request and response with the fastest speed Frontend: - Frontend have beautiful UI with buttons, icons using the material design - The main features such as: login/logout, create order, merge/split orders, manage state order/order details with kitchen feature, payment, statistical work stable - Some features are not completed such as: mange employees, manage products Then, the security is not fucus, it’s vulnerable 104 CHAPTER 7: CONCLUSION Conclusion - Database: + Created database using code first, deploy database on Google Computer Engine, and then connect to backend - Backend: + Built a backend with Controller-Service-Repository architecture + Created APIs need to use in project + Deployed backend on Google Computer Engine to connect anytime - Frontend: + Understood WPF + Using WPF to build a POS application + Completed main features for a POS application:  Table (include merge/split)  Order  Payment  Statistical - Experience gained: + Deeply understand about the major of POS application + Understand about how to build a real application + Understand workflow from front-end to backend, from backend to database and vice versa + Build a details architecture, which can scalability + Understand how MVVM and MVC work Advantage - System architecture is designed reasonably, so request/response between backend and frontend is stable and fast - Backend is deployed in Google Computer Engine under production service, it helps the backend always in available state 105 - The application has a management website, which can support users to manage multiple stores/branches Disadvantage - Have not completed enough APIs according to the set goals - POS Application has not completed, some incomplete features such as: statistics with specific requirement, get favorite food, Zalo pay Sandbox, authorize user… - Some feature in frontend is not separate Business logic from UI, because we are not use the state management for some features Future planning - In the next development strategy, we will make the app run without internet, can sync all the data whenever the app has the internet Besides that, we will use services broker to handle data when the app not connected to the internet Add more features and improve UI for the app - Expanding more stores/branches management - Integrated warehouse management - Manage online orders 106 REFERENCES [1] Spring Introduction Spring Boot [online] Available at: https://spring.io/projects [2] Spring Boot Architecture [online] Available at: https://www.javatpoint.com/spring-boot-architecture [3] Wikipedia Docker (software) [online] Available at: https://en.wikipedia.org/wiki/Docker_(software) [4] Docker Introduction Docker Engine [online] Available at: https://docs.docker.com/engine [5] Google Cloud Virtual machine instances [online] Available at: https://cloud.google.com/compute/docs/instances 107 S K L 0