MN692 Capstone Project

MN692 Capstone Project

SB G3 - Vegie Tribe

Final Report

Student Names Student IDs

Junhui Hou MIT211044

Pranay Kumar JastiMIT182710

UMAR HAYAT MIT210370

Project Supervisor Name: Savitri BevinakoppaIndustry Name: Vegie Tribe

Contact Name: Sarmuhabat Singh

School of IT and Engineering

Trimester 2 2023

AcknowledgementProject Title: Vegie Tribe Project

Industry Client Details (Compulsory for all proposals):

Company Name: Vegie Tribe Project

ABN: 28 412 126 746

Company address: 34-36 Little La Trobe St, Melbourne VIC 3000

Company Profile: Vegie Tribe respectfully acknowledges the Traditional Custodians of the land, the Bunurong Boon Wurrung and Wurundjeri Woi Wurrung peoples

Website: https://vegietribe.com.au/

Industry Professional (Contact) Name: Sarmuhabat Singh

Client email: sarmuhabat@gmail.com

Contact Number:

Brief Bio of the industry professional:

Signature of Students:

Sign your signature here:

Junhui Hou

Pranay Kumar jastiUMAR HAYAT

Date of Submission of Report: 04/06/2023

Table of Contents

TOC o "1-3" h z u Acknowledgement PAGEREF _Toc136812904 h 2Abstract PAGEREF _Toc136812905 h 5Glossary and Abbreviations PAGEREF _Toc136812906 h 51.Introduction PAGEREF _Toc136812907 h 72.Project Detailed Design PAGEREF _Toc136812908 h 82.1Summary of Literature Review PAGEREF _Toc136812909 h 82.1.1 Online Payment System for Veggie Tribe PAGEREF _Toc136812910 h 82.1.2 User Interactive System for Veggie Tribe PAGEREF _Toc136812911 h 102.2Objectives of the Project PAGEREF _Toc136812912 h 122.2.1 Payment System for Veggie Tribe PAGEREF _Toc136812913 h 122.2.2 Pay by Weight Function for Veggie Tribe PAGEREF _Toc136812914 h 132.2.3 Discount Function for Veggie Tribe PAGEREF _Toc136812915 h 132.2.4 Hardware PAGEREF _Toc136812916 h 132.2.5 Software PAGEREF _Toc136812917 h 142.3 Detailed Design PAGEREF _Toc136812918 h 152.3.1 Weekly Schedule PAGEREF _Toc136812919 h 152.3.2 Gantt Chart PAGEREF _Toc136812920 h 172.3.3 Design Methodology PAGEREF _Toc136812921 h 182.3Role of Members PAGEREF _Toc136812922 h 223Project Implementation and Evaluation PAGEREF _Toc136812923 h 243.1Implementations PAGEREF _Toc136812924 h 243.1.1. Planning the Project PAGEREF _Toc136812925 h 253.1.2. User-Friendly Interface PAGEREF _Toc136812926 h 253.1.3. Customizable Menu PAGEREF _Toc136812927 h 263.1.4 Gallery Function PAGEREF _Toc136812928 h 273.1.5 Contact Function PAGEREF _Toc136812929 h 283.1.6 Gift Card Function PAGEREF _Toc136812930 h 293.1.7 Real-Time Weight Calculation PAGEREF _Toc136812931 h 313.1.8 Secure Payment Integration PAGEREF _Toc136812932 h 313.1.9 Order Management and Tracking PAGEREF _Toc136812933 h 333.1.10 Integration with Inventory Management PAGEREF _Toc136812934 h 343.1.11 Feedback and Blog PAGEREF _Toc136812935 h 343.2Testing PAGEREF _Toc136812936 h 353.2.1 Black-Box Testing & White Box Testing PAGEREF _Toc136812937 h 353.2.2 Acceptance Testing PAGEREF _Toc136812938 h 403.3Results of the Project PAGEREF _Toc136812939 h 423.3.1 Home Page PAGEREF _Toc136812940 h 423.3.2 About Page PAGEREF _Toc136812941 h 453.3.3 Menu Page PAGEREF _Toc136812942 h 453.3.4 Booking Page PAGEREF _Toc136812943 h 463.3.5 Contact Page PAGEREF _Toc136812944 h 463.3.6 Store 3D Overview Page PAGEREF _Toc136812945 h 473.3.7 Gift Card Page PAGEREF _Toc136812946 h 473.3.8 Gallery Page PAGEREF _Toc136812947 h 483.3.2 Blog Page PAGEREF _Toc136812948 h 483.4Discussions/Analysis PAGEREF _Toc136812949 h 493.4.1 Home Page PAGEREF _Toc136812950 h 493.4.2 About Page PAGEREF _Toc136812951 h 503.4.3 Menu Page PAGEREF _Toc136812952 h 503.4.4 Booking Page (Core Feature) PAGEREF _Toc136812953 h 503.4.5 Contact Page (Core Feature) PAGEREF _Toc136812954 h 503.4.6 Store Overview Page (Core Feature) PAGEREF _Toc136812955 h 503.4.7 Gift Card Page (Core Feature) PAGEREF _Toc136812956 h 513.4.8 Gallery Page PAGEREF _Toc136812957 h 513.4.9 Blog Page PAGEREF _Toc136812958 h 514Conclusions PAGEREF _Toc136812959 h 514.1 Limitations PAGEREF _Toc136812960 h 514.2 Future Works PAGEREF _Toc136812961 h 52References PAGEREF _Toc136812962 h 525Appendices PAGEREF _Toc136812963 h 55Appendix I: Client details form with client signature PAGEREF _Toc136812964 h 55Appendix II: Client and supervisor log book PAGEREF _Toc136812965 h 57Appendix III: Source Codes/ any other information PAGEREF _Toc136812966 h 58

AbstractThis project evaluates the potential issues of Vegie Tribe about their online payment system, website and pay by weight function. This project is developed by Ruby language with web programming, and it also build based on the Shopify platform due to the strong features and functions can support the future development. This project developed online website based on Ruby language to solve the issues about online payment and online order. More importantly, this project completed the POS system instead of the existing Square POS machine system with lower surcharge rate and secure payment system. The most challenged feature is the auto-schedule discounts to apply on the specific products. The core project question is about the digital solution to integrate the auto-scheduled discount solution to support the client, so that they can improve their performance to handle their customer. The designed new system can automatically calculate the total weight of food without the plate weight. The integrated payment system can support secure online payment and offline payment. This project is using Agile project management methodology and UML diagrams to develop the system. Our project completed the system testing based on black-box testing and white-box testing methods.

Glossary and AbbreviationsGlossary:

Content Management System (Amazon EC2) Amazon EC2 is the dataset hosting server to operate the information and record all the transactions.

Webcentral Website Webcentral is the domain hosting server to control the DNS operations.

Front-end The client side of website include visual design, user interface and user experience components. The front end designed by HTML, CSS and JavaScript programming language.

Shopify Website hosting on Shopify platform to support the powerful features from this platform.

Responsive Design This project is using mobile friendly design to ensure all the different screen size of device can view the online system.

User Experience This project considers user-central design principle to ensure the good quality user experience when the user visit this project online.

User Interface The designed user interface is using Wireframe website to design the project.

MySQL Database System The backend is based on MySQL database system to support the secure data transaction.

Abbreviations:

CMS Content Management System

HTML Hypertext Markup Language

CSS Cascading Style Sheets

UX User Experience

UI User Interface

API Application Programming Interface

CRM Customer Relationship Management

FTP File Transfer Protocol

JS JavaScript

MySQL (RDBMS) Open-Source relational database management system

Introduction

The objective of this endeavour is to herald in a new digital era for Vegie Tribe by leveraging existing infrastructure (an online payment system and a Square POS machine). Because we hold frequent meetings with our clients, the members of our project team have a comprehensive understanding of their potential needs [28]. A solution manages both the configuration of a Shopify-based online payment system and the configuration of the system itself. After conducting web research and reviewing a case study, our project team has determined that the client's financial situation will improve if they replace their current Square POS system with a Shopify POS machine. In this scenario, the purchaser will be able to take advantage of substantial annual savings [26]. This is the conclusion we arrived at after analysing our findings.

Utilising specific products is the most cutting-edge method for coping with situations involving automatic price reductions [1]. In addition, visitors can use their mobile devices to place orders using the bar code on the table and the integrated auto-schedule discount solution [25]. Given that this is the primary focus of the ongoing investigation, determining its viability is crucial. With the new procedure, the total weight of the meal could be determined without taking into account the weight of each course. Possible additions to the new system include a pay-by-weight option and automatic payment processing.

Agile methodology is used for project management, qualitative research, graphical modelling language (UML) diagrams (Use case, Class, Activity, and Sequence), and a variety of testing procedures (black-box testing, white-box testing, usability testing, and acceptance testing) [27]. Currently, we are approximately 80% through the execution phase. The Shopify platform has been incorporated into our project in order to simplify administration of the backend POS system and algorithm.

In section 1, this section is introduction that is generally talking about Vegie Tribe project.

In Section 2, this section is related with project detailed design that include the detailed summary of literature review, project objectives, and detailed design. In the detailed design section, our project team list the weekly schedule, Gantt Chart and design methodology.

In Section 3, this section is discussing the project implementation and evaluation that include project simulation. The project implementations are related with completed features and functions. The testing includes black box testing and white box testing methods for this project. In this section, it also discusses the results of the project about the completed tasks and features. More importantly, it deeply discusses the project with more details during the project implementation process and completed task.

In Section 4, this section is about the project conclusions to summary the entire project developing process and completed feature.

In Section 5, this section list three different parts that include client details form with client signature, client and supervisor log book, source codes and any other information.

Project Detailed DesignSummary of Literature ReviewAccording to an interview with the Vegie Tribe Community, the project's research team conducted a variety of different types of research to support the literature review and better understand the issues that were identified [1]. Veggie Tribe's subtotal and customer payment are processed via the online payment platform Square using in-built features. The online payment platform of Square does not support individual users operations. The existing square system charge more than 2% for each online and in-store transactions [2]. As stated in an interview with the Veggie Tribe's community, the project's research team conducted a variety of different types of research to support the literature review and gain a deeper understanding of the issues identified. Square, an online payment processor, handles the subtotal and customer payment for Veggie Tribe using Square's native tools. However, Square's online payment system does not support customised features that would allow merchants to modify the code to meet their specific needs.

2.1.1 Online Payment System for Veggie TribeDue to this, we conduct multiple online research sessions using a variety of sources, including an online library, YouTube, and the official websites and user guides of Shopify and Square, among others [11]. According to our investigation, a number of the approaches can meet the potential requirements of the client [3]. We must be able to pay for online purchases at the time they are made. The growth of the current e-commerce infrastructure has also benefited from the development of safe and convenient online financial transaction methods. The availability of a quick and simple method for processing online payments has been one of the most important factors in the development of the e-commerce system. If online payment mechanisms had not been developed, the infrastructure needed to support mature e-commerce would not exist today.

Cash on delivery, face-to-face meetings, and wire transfers are the most common methods of conducting business in this manner [4]. As a result of online research, Shopify has been identified as a viable technological option. Obtaining payment from customers also requires knowledge of the collection process. Shopify offers a multitude of payment methods, allowing you to provide your customers with a diverse selection. The Shopify backend allows the user to specify which payment providers the customers are permitted to use to complete their orders. Prior to deciding on a list of acceptable payment methods, there are numerous factors to consider. Shopify Payments or another third-party provider can handle credit card payments from your customers. By utilising Apple Pay, Amazon Pay, PayPal, and Meta Pay, among others, online shoppers can avoid using credit cards [5]. Consideration must be given to the use of cryptocurrencies and other unconventional payment methods by consumers. Shopify Payments users can enable the Shop Pay extension to save their billing and shipping information for future purchases. This facilitates the checkout process. Shopify stores integrate express checkout buttons from companies such as PayPal, Amazon Pay, Apple Pay, and Google Pay to provide customers with a variety of payment options.

Additionally, Shopify stores can accept Bitcoin and Ethereum payments from customers. Any and all of the aforementioned capabilities may be utilised to meet the needs of prospective customers [14]. customised features that would enable retailers to modify the code to meet their specific requirements [6]. As a result, we conduct numerous online research sessions utilising an online library, YouTube, the official websites and user manuals of Shopify and Square, among other resources. According to the findings of our investigation, some of the strategies have the potential to meet the requirements of the client. The ability to pay for online purchases is essential for us when we make them. Another factor that has contributed to the expansion of the current e-commerce infrastructure is the development of safe and user-friendly online financial transaction methods [7]. The availability of a quick and straightforward method for processing online payments within the framework of the system itself has been one of the most significant contributors to the expansion of the e-commerce system. If online payment systems had not been created, the infrastructure required to support advanced e-commerce would not exist today. The most common methods of conducting business in this manner are wire transfers, in-person meetings, and cash-on-delivery transactions. Shopify has been identified as a viable technological option based on online research results [8]. To receive payment from customers, it is also essential to comprehend the collection procedure. Shopify grants you access to numerous payment methods, allowing you to provide your customers with a variety of options. In the Shopify backend, you can specify which payment processors your customers are permitted to use to pay for their orders. Before deciding on a list of accepted payment methods, numerous factors must be considered [9]. The credit card processing for your customers' purchases can be managed by Shopify Payments or one of the other third-party service providers. Customers can make online purchases without using credit cards by utilising payment methods such as Apple Pay, Amazon Pay, PayPal, and Meta Pay, among others. Consumers should consider the possibility of using cryptocurrencies and other non-traditional payment methods [10]. Shop Pay is an add-on that Shopify Payments users can activate to save their shipping and payment information for future purchases. This facilitates the checkout procedure. Due to the integration of express checkout buttons from providers such as PayPal, Amazon Pay, Apple Pay, and Google Pay, Shopify stores can accept a variety of payment methods from customers [11]. Customers can also make purchases through Shopify stores with cryptocurrencies such as Bitcoin and Ethereum. All of the aforementioned capabilities may be utilised to satisfy the customer's potential needs.

2.1.2 User Interactive System for Veggie Tribe

There is a chance that Vegie Tribe would benefit from access to an interactive platform that facilitates streamlined customer service [3]. This section will analyse and summarise the user's interactions with the website. [12] The first goal of effective user experience design is to find a solution to a genuine problem that the user is experiencing; the second goal is to make it easier for the user to find a solution to the problem; and the third goal is to impress the user in order to provide them with an overall positive experience.

2.1.2.1 Ruby Programming & Website Development Research for Veggie Tribe

This website development and relevant content is distinguished by its community of users, whose contributions to the site's content have made it what it is today [2]. Both the website's visual design and its content are intended to encourage visitors to become members. A website is only accessible to users who have paid to become members, as this is the only method for it to generate revenue. These are some common methods for recruiting new members.

2.1.2.2 Fast Login from Third-party services

The designed interactive system is designed with fast login function to allow third party login service. This feature allows the user to concentrate on the fast login without too many operation steps to register as the user.

2.1.2.3 Form Filling Feature

Before accessing certain features, users are required to complete out a registration form on virtually every website [13]. This category includes actions such as creating an account, logging into that account, entering a password, receiving a verification code via mobile phone, etc. As a result, the layout of the form should be user-friendly in order to facilitate the user's ability to provide the required information in a straightforward, rapid, and error-free manner.

2.1.2.4 Button Feature for Interactive System

Insignificant elements such as the design and originality of a website's icons can have a negative impact on its overall quality [14]. If you are unable to locate the button or accidentally click it, the overall quality of your user experience will suffer substantially, and you may decide to abandon the website entirely. The first type of button allows users to input form data (such as registration or login information), whereas the second type displays a link that, when clicked, navigates the user to the selected page. These are the two principal functions provided by buttons.

2.1.2.5 Text Feature for Interactive System

Given that the primary purpose of the text prompt is to supplement the interactive link, its content should be conveyed as concisely and efficiently as possible [5]. Interactive behaviours include hovering, gliding, clicking, and dragging; interactive feedback is also provided whenever the text is manipulated, indicating that text is an interactive object. Dragging, hovering, selecting, and dragging are additional examples of interactive behaviours [15]. Text size, text colour, and any dynamic effects could all be used as potential forms of interactive change feedback.

2.1.2.6 Search Feature for Interactive System

When visiting a website, the search box is the sole most useful tool for locating the desired information. It is an indispensable component of any website's most popular pages [16]. Two factors that contribute to the overall quality of the search experience are the search bar's accessibility and visibility. There are four primary search layout categories: navigational search, banner search bar, search function icon, and custom search designs.

Objectives of the ProjectAccording to the previously discussed research on payment and interaction systems in MN691, Ruby and Shopify Platform are the technological solution best adapted to meet customer requirements. The objectives of the project include both the payment function and the pay-by-weight function, and both of these functions are designed to accommodate the diverse needs of the consumer [17]. Certain properties cannot be modified in any way due to technical constraints imposed by the current square system. Due to the havoc that this is wreaking on the lives of our customers, we are seriously contemplating switching to the Shopify platform so that we can better meet the individual needs of each and every one of them.

2.2.1 Payment System for Veggie TribeShopify employs the safest available payment method, which does not involve any third parties. Shopify utilises proprietary payment validation technology to scrutinise customer transactions and identify potentially fraudulent ones [18]. After determining that the payment was made fraudulently, a report will be drafted for the user's review and approval before being made public. Throughout the checkout procedure, Shopify's fraud detection system monitors any activity that could be deemed suspicious. This image demonstrates how it does so. Users are able to examine the report on payment fraud and make well-informed decisions based on the presented data. This bundle includes multiple modes of communication, such as texting, calling, and emailing.

2.2.2 Pay by Weight Function for Veggie TribeRegardless of the underlying cause, our client's pay-by-weight system is not operating as it should. To begin with, Square's developers are prohibited from making any modifications to the current monetary system [19]. Because the consumer has made a special request for food-weighing equipment, this specific piece of information will not be present on the plate. Before we can proceed forwards with the new monetary system, our team must determine the formula for determining weight and devise an appropriate coding function.

2.2.3 Discount Function for Veggie TribeHappy hour is offered at Veggie Tribe, and students are eligible for food and beverage discounts. However, the current infrastructure lacks a specialised feature that would make this action simpler to complete [20]. Internet investigation led us to conclude that Shopify provides multiple layout options that can be applied to a variety of discount systems (such as customer group, geographic location, and time zone). Consequently, the procedure of lowering prices can be successfully completed using Shopify's extensive capabilities.

2.2.4 Hardware

2.2.4.1 POS Machine System for Veggie Tribe

With the assistance of a point-of-sale machine (POS machine), also known as a credit card machine, processing credit card payments at the register is uncomplicated and quick [8]. The device's software is capable of reading the magnetic stripe on credit and debit cards [21]. The use of mobile devices (i.e., terminals that are not installed on the counter), whether proprietary or third-party, as well as the contactless feature of a burgeoning form of mobile payment (Quick Pass), is the most recent trend in the industry that deals with various methods of conducting financial transactions. A point-of-sale machine, also known as a POS machine, is a device resembling a cash register that processes credit card transactions for businesses [22]. NCR invented the first point-of-sale (POS) system. In recent years, an influx of new technology companies, such as Square, have entered the market. Early point-of-sale terminals required human intervention for the processing of transactions. Since then, they have upgraded to point-of-sale (POS) systems that can be accessed from anywhere, complete with barcode readers and scanners, and are in the process of transitioning to cloud-based POS systems. Shopify provides a customizable point-of-sale (POS) system that can be tailored to the needs of each individual client. This enables each customer's POS to conduct a vast array of specialised operations.

2.2.5 Software

2.2.5.1 Ruby & Shopify Platform

Hosted in the cloud, Shopify is a purchasing cart solution. Local radio stations have the potential to expand within the context of international e-commerce [23]. Users are required to pay a monthly fee to gain access to the numerous e-commerce apps, themes, and layouts. Many individuals will be dissatisfied with the purchasing cart system we've selected, despite its necessity for the development of an independent station for global online commerce. This is notably true for customers who have previously made purchases on a specific website (such as Amazon, Wish, AliExpress, etc.) [24]. Shopify is unquestionably the most advantageous option when creating a website from start. Creating a self-sufficient website with this method is the easiest and shortest option. This is an excellent option to consider if you wish to create a new, fully functional website from start. The Shopify framework will be utilised in the development of an entirely new e-commerce platform for the client by our team.

2.2.5.2 WebStorm Development IDE

WebStorm is an integrated development environment (IDE) that can be used to develop applications with JavaScript and other related technologies. This integrated development environment (IDE), like others produced by JetBrains, makes programming more enjoyable, automates tedious tasks, and facilitates deftly navigating difficult obstacles [25]. WebStorm has received numerous accolades from JavaScript experts, who have referred to it as a "Web front-end development artefact," a "powerful HTML5 editor," and a "smart JavaScript integrated development environment," among others. WebStorm is an excellent utility for creating JavaScript applications. Because it shares a common ancestor with IntelliJ IDEA, it can take advantage of the same robust JS integration.

WebStorm's HTML5 framework can shorten the time required to create websites and web applications [26]. When developers create HTML pages, they can obtain support for HTML5 files, which they can then employ in their projects. Moreover, Chrome enables developers to display live previews of HTML content. In addition, tools such as code inspection and quick adjustments, Zen coding, and others facilitate the presentation of content and design in HTML5. According to the results of our online investigation into the Shopify platform, which is based on Node.js, our team requires a robust integrated development environment (IDE) to manage and direct future development. WebStorm is the Integrated Development Environment (IDE) that is the most effective and future-proof. Using this integrated development environment (IDE), we are making modifications to a portion of the code in anticipation of the client's anticipated needs.

2.2.5.3 MySQL Database System for Veggie Tribe

Oracle's Application in Relational Database Administration MySQL is a relational database management system that was created by MySQL AB, a Swedish corporation. Oracle is the organisation responsible for the distribution of MySQL [27]. MySQL is a prominent relational database management system that is frequently regarded as among the very best. MySQL is regarded as one of the most effective available relational database management systems (RDBMS). MySQL is a database management system utilised by numerous websites. MySQL is a solution for database management and the storage of personal information, and our project team is considering its use.

2.3 Detailed Design2.3.1 Weekly Schedule

Number Of Weeks Project Plan Completed %

Week 1 Overview MN691 research results and completed section. Prepare the team orientation about the execution phrase for MN692 100%

Week 2 Redesign class diagram, use case diagram, activity diagram and sequence diagram to ensure the confirmed UML diagram can be helpful for the online system development. 100%

Week 3 Evaluate the additional requirements from Veggie Tribe Owner to ensure the designed system can be used to support the new online system. 100%

Week 4 Design the additional features from owner and keeping developing process on project execution. 100%

Week 5 Develop booking function and gift card function in week 5. 100%

Week 6 Complete contact us page and 3D overview function. 100%

Week 7 Complete Gallery Page, menu function and blog features. 100%

Week 8 Organise white box and black box testing for the completed tasks. 100%

Week 9 Organise acceptance testing and usability testing to ensure the designed features consider user-central design principles. 100%

Week 10 Final report completion and testing evaluation. Any changes and additional requirements will be considered in this week. 100%

Week 11 Final Project Evaluation. 100%

2.3.2 Gantt Chart

Figure 1: WBS Diagram

Figure 2: WBS Schedule

2.3.3 Design Methodology

2.3.3.1 High Level Design

Figure SEQ Figure * ARABIC 3: SYSTEM DESIGN

The high-level system design contains four sectors that include online website, POS system, client and owner. client and owner are the end user of Veggie Tribe Online System [28]. First, client visit Veggie Tribe Restaurant in Latrobe Street to choose their preferred ordering method. Client can make order through the table QR code based on the designed online website or they can choose pay by weight function with POS machine system. Second, if client choose to scan the QR code on the table, client will directly access the online system to overview the menu and make the order through online system [10]. However, if the client chooses the pay by weight function, they need to pick their favourite food and calculate the picked food with specific demands. It includes discount code and promotion. After the food weight calculation that they need to take their order to the POS system and the pay by weight function will automatically calculate the weight to generate the prices. Finally, the final payment will be completed and client can enjoy their food.

2.3.3.2 Use Case Diagram

Figure SEQ Figure * ARABIC 4: Use Case Diagram

The designed use case diagram contains three actors that include customer, bank and staff. Customer can check the menu, function, appointment, gallery, blog and make payment. The system will check the payment for appointment and payment for food. Bank system will automatically handle the payment information and client identification. Once the banking system authorised the payment, it will automatically approve the payment. After that the staff need to check the payment confirmation details from banking system to approve the order. Staff can also check the website features and organise online appointment to generate the schedule.

2.3.3.3 Class Diagram

Figure SEQ Figure * ARABIC 5: Class Diagram

The designed class diagram illustrates the core tables for the database system to support our database system development. According to the above diagram that highlight the different users, which include customer and employee. More importantly, customer table connect with table, appointment and order with one-to-many relationship. To be more specific, employee can overview the payment and authorize the final payment from customer.

2.3.3.4 Activity Diagram

Figure SEQ Figure * ARABIC 6: Activity Diagram

Customer can submit the order though the online system or make the payment in front of POS machine. After the POS machine received the order, it will automatically check the amount and approve the payment. Through the pay by weight function, customer can make the payment via this feature without the trouble of wrong calculation algorithm with plate weight. The payment system will check the users payment details to ensure the payment is authorized by the banking system without any fraud payment.

2.3.3.5 Sequence Diagram

Figure SEQ Figure * ARABIC 7: Sequence Diagram

The designed sequence diagram clearly illustrates the working process about a customer to make the order online through the designed online system that include pay by weight function and online payment feature.

Role of MembersName & Organization Project Role Project Responsibilities

Junhui Hou Project Manager Monitor and control the project developing process.

Evaluate the completed features and functionalities.

Generate testing guideline for the project team members

Develop UI and core features based on Ruby Language

Pranay Kumar Software Developer Create database system

Umar Hayat Technical Support Join regular meeting and organise technical report to client.

Prepare white box and black box testing.

Design UI and other UI components.

Sarmuhabat Singh Client & Sponsor As product owner, Sarmuhabat provide sufficient requirements and objectives for this project.

Join our regular meeting and evaluate the completed tasks with suggestions.

Savitri BevinakoppaSupervisor Monitoring and supervising the project to ensure the project are on the right path. Helpful recommendations and suggestions are given to support the project development.

Project Implementation and EvaluationThis section contains implementations, testing, results of the project and discussions. The implementations will illustrate the entire implementation process.

ImplementationsThe pay-by-weight restaurant is an innovative idea that is growing in popularity as our dining habits change. Imagine being in total control of your dinner, from selecting the components to paying according to the quantity of your choices. We will look at how to make this idea come to life on a restaurant website in this post. Making it user-friendly, offering customization possibilities, real-time computations, secure payments, effective order administration, inventory tracking, and obtaining client feedback are some of the areas we'll concentrate on.

3.1.1. Planning the ProjectTo start, it's important to plan the project thoroughly. We defined our objectives and identified our target audience. We understood our customers' needs and preferences will guide the development process. We created a clear road map and timeline to ensure a smooth progression of the project. We broke down the project into smaller tasks and focused on each step thoroughly.

3.1.2. User-Friendly InterfaceThe success of the website is greatly influenced by its design. It needed to be user-friendly and visually beautiful. Customers can find it simple to explore the menu options, choose ingredients, and see current weight and pricing changes. We made sure that we make the website is accessible to all users and functions well on a variety of devices. Our projects interface varies depending upon the device it is being used on. Home Page of our website is very simple yet creative. It gives the fancy experience to the user.

Figure 8: Home Page 01

Figure 9: Home Page 02

3.1.3. Customizable MenuOur menu page includes all the products which are being sold in the restaurant. We have created separate menu options for lunch, dinner and buffet. Allowing customers to customize their meals is key to a pay-by-weight restaurant website. Offer a wide range of ingredients, including proteins, vegetables, grains, and sauces. We implemented an interactive menu builder that enables customers to select their preferred ingredients. This level of customization enhances customer satisfaction and encourages them to take ownership of their meals.

Figure 10: Customized Menu Function3.1.4 Gallery Function

The designed gallery page is containing relevant images about Vegie Tribe Restaurant, which can virtually influence the insights of customers. This function is very helpful for the business to show the real environment of restaurant.

Figure 11: Gallery Function 01

Figure 12: Gallery Function 02

3.1.5 Contact Function

Because we prioritize openness and accessibility for our clients, we have clearly displayed our address and phone number on our website. Check out the "Contact" or "Location" pages for our address and a map that will show you exactly where to go to find us. For your convenience, we have also included our phone numbers and email addresses so that you can get in touch with us if you have any questions or comments. Accessibility and open communication are top priorities at our Veggie tribe restaurant to guarantee a wonderful dining experience from beginning to end.

Contact Page

Figure 13: Contact Function

3.1.6 Gift Card FunctionWe provide the convenience of gift cards in addition to a distinctive dining experience through our pay-by-weight restaurant website. Our gift cards are the ideal option whether you're trying to treat a loved one or make a nice gesture for a particular occasion. Our gift cards allow recipients to explore the restaurant's culinary options and design their own unique meals. It's a wonderful way to let friends and family experience the thrill of personalized dining. Simply select the gift card's desired value, and we'll make sure the recipient may enjoy a great experience whenever it's convenient for them. Our gift cards are a flexible and fun alternative for every celebration, from birthdays to anniversaries or just to say thank you.

Figure 14: Gift Card Function

Figure 15: Booking Function

3.1.7 Real-Time Weight CalculationAccurate and instant weight calculation is vital. Incorporate a digital scale or weight sensor into the website so customers can see the weight of their selections as they build their meals. Update the total weight and corresponding cost dynamically, providing transparency and control over spending. This feature helps customers make informed decisions about portion sizes and promotes mindful eating habits.

Figure 16: Weight Calculator Function 01

Figure 17: Weight Calculator Function 02

3.1.8 Secure Payment IntegrationA quick and safe payment process is necessary. We included a dependable payment gateway that accepts a range of payment options, including credit cards, mobile wallets, and online platforms. To safeguard sensitive client data and foster customer confidence in the payment process, use strong security measures. The client needs to buy the hardware for setting it up. We are also going to provide the client with a connection testing app that can be run on the POS machine to test the connected devices, barcode scanner, weight machine, and their status.

Figure 18: Secure Payment System 01

Figure 19: Secure Payment System 02

Figure 20: Secure Payment System 03

3.1.9 Order Management and TrackingEfficient order management ensures a seamless experience. Implement an order tracking system that allows customers to monitor the status of their orders, from preparation to delivery. Real-time updates enhance transparency and customer satisfaction. Additionally, integrate the website with a kitchen management system to help the staff process and fulfill orders efficiently.

Figure 21: Order Management

3.1.10 Integration with Inventory ManagementOperational simplification is essential. In order to precisely track ingredient quantities, we integrate the website with an inventory management system. This makes sure we can keep an eye on our inventory levels and restock things as needed. We set up automated notifications for low inventory levels to assist keep the supply chain running smoothly. With this link, inventory control is optimised and consumers always have access to ingredients.

Figure 22: Inventory Control Function

3.1.11 Feedback and Blog

Figure 23: Feedback & Blog

Customer feedback is invaluable for our improvement. We implemented a feedback and review system that allows customers to rate their dining experience, share comments, and provide suggestions. We can analyze this feedback to identify areas for enhancement. Actively listening to customers helps in making informed business decisions and continuously improving the website's offerings.

By following these steps, we can successfully implement a pay-by-weight restaurant website that transforms the dining experience. A user-friendly interface, customizable menu options, real-time weight calculations, secure payment integration, efficient order management, inventory tracking, and customer feedback systems are essential to create a seamless and enjoyable experience for both customers and restaurant owners. Embrace this innovative approach, incorporating customer preferences and feedback, to deliver a delightful dining experience that sets your restaurant apart from the rest.

Testing3.2.1 Black-Box Testing & White Box TestingWebsites are capable of undergoing black box testing and white box testing [29]. This form of testing involves analysing the operation and behaviour of a website without giving the tester access to the website's source code or underlying structure.

Figure 24: Testing Perform

3.2.1.1 System Objective & Unit Test

3.2.1.1.1 Functional Testing

First, to verify that the subscription cancellation mechanism functions as intended and that users receive a confirmation email.

Figure 25: Functional Testing

3.2.1.1.2 Usability Testing

First, we examine the user interface's responsiveness, intuitiveness, and adaptability to different screen sizes [29]. Second, check to see if the online booking system provides customer-friendly instructions and helpful suggestions. Finally, our project examines the process of making reservations as well as the accessibility of relevant information (such as the restaurant's availability, prices, and menu).

Figure 26: Usability Testing

3.2.1.1.3 Performance Testing

First, our project team check the system's responsiveness by simulating a scenario in which a large number of users are simultaneously searching for and reserving tables at multiple restaurants [29]. Second, we examine whether there will be any delays or sluggishness even when the service is heavily utilised. Finally, we conduct a scalability analysis of the system to determine if it can accommodate an increasing number of users and booking requests.

Figure 27: Performance Testing

3.2.1.1.4 Compatibility Testing

First, our project ensure that the restaurant's online reservation system is compatible with multiple browsers and versions, including Chrome, Firefox, and Safari, and that it functions and appears identically in each [30]. Second, in order to provide your customers with the best possible experience, ensure that it runs effortlessly on multiple operating systems, including Windows, macOS, iOS, and Android. Finally, using a variety of assistive technologies, verify compliance with accessibility requirements.

Figure 28: Compatibility Testing

3.2.1.1.5 Security Testing

Figure 29: Security Testing

First, to examine the system's protections to determine if they can repel common attacks such as cross-site scripting (XSS) and SQL injection [31]. Second, we ensure that sensitive user data, such as passwords and financial information, is encrypted during both transmission and storage. Finally, our project examines the efficacy of the security measures implemented to prevent unwanted guests from entering private areas.

3.2.1.1.6 Integration Testing

First, by conducting integration tests, we can ensure that the registration system is compatible with a wide range of third-party applications, such as payment processors and mapping services [32]. Second, we ensure that no information is lost or inconsistent during the process of transmitting data from the booking system to the interconnected services. Finally, determine how well the system handles interruptions or difficulties in the process of communicating with third-party services.

3.2.1.1.7 Error Handling

Figure 30: Error Handling

First, we ensure that the system displays appropriate error messages and assists users in resolving problems, it is essential to test error scenarios such as the entry of incorrect or incomplete information during the booking process [33]. This will ensure that the system displays accurate error messages and instructs users on how to resolve problems. Second, by evaluating the system's error handling, we can ensure that data corruption is avoided and users receive useful feedback when errors occur.

3.2.1.1.8 Reporting and Analytics

First, we ensure that the generated information, including booking summaries and occupancy rates, is accurate and contains all pertinent details [34]. Second, we also ensure that the analytics and monitoring tools we are using are gathering the information the user need about the online system visitors, their activities, and its effectiveness. Finally, because we have clear objectives for each of these subcategories, we are able to conduct an exhaustive analysis of the restaurant reservation system and ensure that it meets all of our requirements from providing an exceptional user experience to withstanding the effects of stress, among others.

3.2.2 Acceptance Testing

An essential stage in creating an online restaurant reservation system is acceptance testing [33]. Its goal is to ensure that the system satisfies the demands of the customers it serves and operates as promised. The following considerations are crucial for Veggie Tribe online system acceptance test to be successful:

3.2.2.1 Veggie Tribe User Registration and Authentication

First, to ensure that users can register effectively and that they receive a confirmation email when they do so. Second, we ensure that all of the user authentication mechanisms you employ (passwords, social media logins, etc.) are secure and provide users with the necessary permissions.

3.2.2.2 Veggie Tribe Booking Process

First, we need to examine the entire reservation process, beginning with the search for restaurants and continuing through the selection of a time, the inclusion of guest information, and the completion of the reservation [31]. Second, we need to verify that all pertinent reservation information has been updated in the system, including any changes to available seating, any confirmation messages, and any email notifications sent to customers and Veggie Tribe restaurants.

3.2.2.3 Veggie Tribe Reservation Management

First, the experiment with the features that restaurants may employ, such as the ability to accept reservations, modify their availability, and view their booking history. Second, we check to see if the restaurant permits reserving modifications, such as cancellations, changes to seating arrangements, and the addition of new menu items.

3.2.2.4 User Interface and Usability

First, we check the user interface to see how well it is organised, how straightforward it is to use, and how clear the instructions are. Second, in order to guarantee that every user has a consistent experience, test the system's responsiveness on a number of devices with varied screen resolutions.

3.2.2.5 Veggie Tribe Payment Processing

First, it is necessary to evaluate the interface with the payment gateways to ensure that the payment processing will be both dependable and secure. Second, after a successful transaction, you must ensure that customers can enter their payment information, view a complete invoice, and receive an email confirmation.

3.2.2.6 Veggie Tribe Online System Error Handling

First, in order to model problems that occur in the real world, it is necessary to simulate incorrect inputs, competing reservations, and network disruptions [33]. Second, we ensure that the correct error messages are displayed and that these error messages aid users in resolving issues by offering specific recommendations.

3.2.2.7 Online System Performance and Scalability

First, by conducting performance evaluations, it is possible to ensure that the system is capable of meeting the anticipated demand without slowing down [34]. Second, we verify that the average time required for tasks such as searches, reservations, and other actions falls within an acceptable range. Finally, we assess the system's capacity to manage additional traffic by simulating an increase in demand through a load test.

3.2.2.8 Accessibility

First, we ensure that the system complies with all of the criteria for accessibility in order to ensure that people of varying abilities are able to use it effectively. Second, we check the online system for accessibility problems and ensure that it is compatible with various assistive technologies.

3.2.2.9 Integration with External System for Veggie Tribe Online System

First, we check that the application is compatible with external resources such as map APIs (application programming interfaces) for location data and SMS/email notification systems. Second, we make sure that all of the data flows to and from external systems are correct, trustworthy, and in sync with one another.

3.2.2.10 Security for Veggie Tribe Online System

Figure 31 SQL Injection Testing

First, we conduct security testing to identify vulnerabilities, such as injection attacks, cross-site scripting, and attempted invasions, and then fix them if necessary. Second, we should ensure that necessary permissions, encrypted data conduits, and secure communication channels have been set up [34]. Third, through meticulous acceptance testing, you are able to ensure that the system for making reservations at restaurants is prepared for distribution, validate its features, and establish trust in its dependability and user-friendliness. It is imperative that all parties involved, including restaurant owners, customers, and developers, be given the opportunity to provide feedback and participate in the development process in order to ensure that the end result will meet or exceed everyone's requirements.

Results of the Project3.3.1 Home Page

Figure 32: Home Page 01

Figure 33: Home Page 02

Figure 34: Home Page 03

Figure 35: Home Page 04

Figure 36: Home Page 05

3.3.2 About Page

Figure 37: About Page

3.3.3 Menu Page

Figure 38: Menu Page

3.3.4 Booking Page

Figure 39: Booking Page

3.3.5 Contact Page

Figure 40: Contact Page

3.3.6 Store 3D Overview Page

Figure 41: Store 3D Overview Page

3.3.7 Gift Card Page

Figure 42: Gift Card Page

3.3.8 Gallery Page

Figure 43: Gallery Page

3.3.2 Blog Page

Figure 44: Blog Page

Discussions/AnalysisThe designed online system for Veggie Tribe is using Ruby Language to design all the core features and objectives. More importantly, our project team us MySQL database system to design the suitable database to store all the relevant information, which is hosting on Amazon EC2. However, the utilization of Shopify platform changing this design requirement, because of Shopify has its own database system to operate the data communication. After the changes, our project team use Webstore IDE to develop the Veggie Tribe online system based on Ruby language.

3.4.1 Home PageThe home page design with various sections that include five different sections that include welcome function, four features about Veggie Tribe, menu choose function, customer review and pay by weight function. Customer can browse these features and click any on them based on their choice.

3.4.2 About PageThis page includes the business details and business hours. It also has the details about this business. User can also click the button to contact the owner directly.

3.4.3 Menu PageThe menu page includes four different subpages that include buffet menu, A La Carte Menu, takeaway menu and drinks menu. User can overview the different menu to check the items and prices.

3.4.4 Booking Page (Core Feature)User can use this page to make appointment to Veggie Tribe website. More importantly, this feature allows the owner to block any special date or weekend to set restriction for the customer. Customer can select the available date to make reservation. They can also leave any feedback to the restaurant.

3.4.5 Contact Page (Core Feature)This page allows the user to overview the map and send notification message to the restaurant. Once the user sends the message, the official email of Veggie Tribe can directly check their message and contact the customer at any time.

3.4.6 Store Overview Page (Core Feature)This page allows the user to overview the inside of restaurant. User can check any stairs of restaurant to overview any location of restaurant.

3.4.7 Gift Card Page (Core Feature)The gift card page designed with six different amounts, so that user can choose the different amount to purchase for their friends or family members.

3.4.8 Gallery Page

This page list the relevant inside and outside environment of Veggie Tribe, user can have a visually understanding about the restaurant.

3.4.9 Blog PageThe blog page is used to support future SEO improvement and also general document for the user to understand the website and goals of Veggie Tribe restaurant.

ConclusionsTo sum up, as a consequence of the increasing acceptance of information technology and the development of ever-more-complex software, a variety of industries are seriously considering the implementation of new systems. At the vegan restaurant Veggie Tribe, the Indigenous community is honoured by basing their bill on the quantity of food they consume. Consideration of the issue at hand and the potential solutions to research queries will aid in the identification of potential anxieties and issues. Our team is conducting research into the project's requirements and specifications to determine the nature of the computing hardware and software required to advance the project. To evaluate the plan and preliminary design, high-level UML diagrams (Class Diagram, Case Case Diagram, Sequence Diagram, Activity Diagram and State Diagram) of the project's design and a cost estimate are used. Various strategies are considered, including those for conducting interviews, designating responsibilities, and developing prototypes.

4.1 LimitationsThere is no significant limitations for this project, due to the time limitation and changing requirements from project owner, the existing project difficulty level is influenced by these factors. These limitations are influencing the development of online system with more powerful functionalities and features. More importantly, due to the insufficient number of project team members, our project team need to handle huge volume of workload to ensure the project can be completed online with core features.

4.2 Future WorksThe completed online system supports the user to modify and operate the online customer and online payment with secure payment method. More importantly, the owner of Veggie Tribe can use the online system and POS machine to improve their working performance. To consider the future improvement, the utilization of IoT technology and AI technology can be integrated into the existing online system. The designed online system can be very intelligent to communicate with client online and automatically check the online payment. Therefore, the online system can be effective on order management and online payment authorization.

References[1] O. Sohaib, M. Naderpour and W. Hussain, "SaaS E-Commerce Platforms Web Accessibility Evaluation," 2018 IEEE International Conference on Fuzzy Systems (FUZZ-IEEE), 2018, pp. 1-7, DOI: 10.1109/FUZZ-IEEE.2018.8491621.

[2] E. N. Abdullah, S. Ahmad, M. Ismail and N. M. Diah, "Evaluating E-commerce Website Content Management System in Assisting Usability Issues," 2021 IEEE Symposium on Industrial Electronics & Applications (ISIEA), 2021, pp. 1-6, DOI: 10.1109/ISIEA51897.2021.9509991.

[3] Z. Wu, "Efficient Data Flow Optimization for Internet Middleware on Application to Ideological Online Interactive System," 2021 Third International Conference on Inventive Research in Computing Applications (CIRCA), 2021, pp. 1566-1569, DOI: 10.1109/ICIRCA51532.2021.9544825.

[4] A. Dey, S. Jain and S. Nandi, "New Method of POS based on Artificial Intelligence and Cloud Computing," 2019 International Conference on Recent Advances in Energy-efficient Computing and Communication (ICRAECC), 2019, pp. 1-6, DOI: 10.1109/ICRAECC43874.2019.8995078.

[5] Y. Yang, Y. Zhang, P. Xia, B. Li and Z. Ren, "Mobile Terminal Development Plan of Cross-Platform Mobile Application Service Platform Based on Ionic and Cordova," 2017 International Conference on Industrial Informatics - Computing Technology, Intelligent Technology, Industrial Information Integration (ICIICII), 2017, pp. 100-103, DOI: 10.1109/ICIICII.2017.28.

[6] C. Wang and H. Zhu, "Representing Fine-Grained Co-Occurrences for Behavior-Based Fraud Detection in Online Payment Services," in IEEE Transactions on Dependable and Secure Computing, vol. 19, no. 1, pp. 301-315, 1 Jan.-Feb. 2022, DOI: 10.1109/TDSC.2020.2991872.

[7] M. Obaid, Z. Bayram and M. Saleh, "Instant Secure Mobile Payment Scheme," in IEEE Access, vol. 7, pp. 55669-55678, 2019, doi: 10.1109/ACCESS.2019.2913430.

[8] W. Liu, X. Wang and W. Peng, "State of the Art: Secure Mobile Payment," in IEEE Access, vol. 8, pp. 13898-13914, 2020, doi: 10.1109/ACCESS.2019.2963480.

[9] D. Mogaveera, V. Mathur and S. Waghela, "e-Health Monitoring System with Diet and Fitness Recommendation using Machine Learning," 2021 6th International Conference on Inventive Computation Technologies (ICICT), 2021, pp. 694-700, doi: 10.1109/ICICT50816.2021.9358605.

[10] D. Mogaveera, V. Mathur and S. Waghela, "e-Health Monitoring System with Diet and Fitness Recommendation using Machine Learning," 2021 6th International Conference on Inventive Computation Technologies (ICICT), 2021, pp. 694-700, doi: 10.1109/ICICT50816.2021.9358605.

[11] B. Galhotra, A. Jatain, S. B. Bajaj and V. Jaglan, "Mobile Payments: Assessing the Threats, Challenges and Security Measures," 2021 5th International Conference on Electronics, Communication and Aerospace Technology (ICECA), 2021, pp. 997-1004, doi: 10.1109/ICECA52323.2021.9676092.

[12] www.blog.printkeg.com. [online] Available at: https://blog.printkeg.com/real-scoop-shopify-pos-review/. [Access 26 September 2022].

[13] G. W. Sasmito, L. O. M. Zulfiqar and M. Nishom, "Usability Testing based on System Usability Scale and Net Promoter Score," 2019 International Seminar on Research of Information Technology and Intelligent Systems (ISRITI), 2019, pp. 540-545, doi: 10.1109/ISRITI48646.2019.9034666.

[14] J. Diaz, A. Yague, P. P. Alarcon and J. Garbajosa, "A Generic Gateway for Testing Heterogeneous Components in Acceptance Testing Tools," Seventh International Conference on Composition-Based Software Systems (ICCBSS 2008), 2008, pp. 110-119, doi: 10.1109/ICCBSS.2008.31.

[15] Z. A. Hamza and M. Hammad, "Web and mobile applications' testing using black and white box approaches," 2nd Smart Cities Symposium (SCS 2019), 2019, pp. 1-4, doi: 10.1049/cp.2019.0210.

[16] R. A. Streveler and E. P. Douglas, "Workshop Understanding qualitative research," 2010 IEEE Frontiers in Education Conference (FIE), 2010, pp. W3A-1-W3A-1, doi: 10.1109/FIE.2010.5673267.

[17] C. Lin, "Behavioral Interview and its Implementation," 2010 3rd International Conference on Information Management, Innovation Management and Industrial Engineering, 2010, pp. 74-76, doi: 10.1109/ICIII.2010.23.

[18] F. Hayat, A. U. Rehman, K. S. Arif, K. Wahab and M. Abbas, "The Influence of Agile Methodology (Scrum) on Software Project Management," 2019 20th IEEE/ACIS International Conference on Software Engineering, Artificial Intelligence, Networking and Parallel/Distributed Computing (SNPD), 2019, pp. 145-149, doi: 10.1109/SNPD.2019.8935813.

[19] E. M. N. K. Ekanayake and S. R. Kodituwakku, "Consistency checking of UML class and sequence diagrams," 2015 8th International Conference on Ubi-Media Computing (UMEDIA), 2015, pp. 98-103, doi: 10.1109/UMEDIA.2015.7297436.

[20] J. Q. Wang, S. F. Zhang, J. Chen, S. Wang and Y. F. Zhang, "Three-dimensional gantt chart based resource-constrained multiple projects scheduling and critical chain identification," 2011 IEEE 18th International Conference on Industrial Engineering and Engineering Management, 2011, pp. 1597-1601, doi: 10.1109/ICIEEM.2011.6035465.

[21] F. Siewe and A. Al-alshuhai, "From use case diagrams to executable context-aware ambients," 2015 10th International Conference for Internet Technology and Secured Transactions (ICITST), 2015, pp. 263-268, doi: 10.1109/ICITST.2015.7412102.

[22] M. Aouag and A. Chaoui, "From UML class diagrams to Aspect-Oriented Class Diagrams using graph transformation," 2013 International Conference on Control, Decision and Information Technologies (CoDIT), 2013, pp. 458-463, doi: 10.1109/CoDIT.2013.6689588.

[23] A. Z. Imran and M. A. -N. Salim, "A web services-based architecture for mutation analysis of UML activity diagrams," 2006 IEEE GCC Conference (GCC), 2006, pp. 1-6, doi: 10.1109/IEEEGCC.2006.5686219.

[24] S. Wu, "The Coexistence of Sequence Diagrams and Collaboration Diagrams in Unified Modeling Language," 2011 Fourth International Symposium on Knowledge Acquisition and Modeling, 2011, pp. 184-187, doi: 10.1109/KAM.2011.56.

[25] Molinillo, S., Aguilar-Illescas, R., Anaya-Snchez, R., & Libana-Cabanillas, F.J. (2021). Social commerce website design, perceived value and loyalty behavior intentions: The moderating roles of gender, age and frequency of use.Journal of Retailing and Consumer Services, 102404.

[26] Subiyakto, A., Rahmi, Y., Kumaladewi, N., Huda, M.Q., Hasanati, N., & Haryanto, T. (2021). Investigating Quality of Institutional Repository Website Design Using Usability Testing Framework.ArXiv, abs/2101.04880.

[27] Bae, M. (2022). Website Design Built Through the Strategy of Mimicry and Personified Characters - Focused on website Party in a Box -.Journal of Basic Design & Art.

[28] Anil, V. (2020). Online Payment System using Steganography and Visual Cryptography.International Journal of Trend in Scientific Research and Development.

[29] S. Kukolj, V. Marinkovic, M. Popovic and S. Bognr, "Selection and Prioritization of Test Cases by Combining White-Box and Black-Box Testing Methods," 2013 3rd Eastern European Regional Conference on the Engineering of Computer Based Systems, Budapest, Hungary, 2013, pp. 153-156, doi: 10.1109/ECBS-EERC.2013.28.

[30] Z. A. Hamza and M. Hammad, "Web and mobile applications' testing using black and white box approaches," 2nd Smart Cities Symposium (SCS 2019), Bahrain, Bahrain, 2019, pp. 1-4, doi: 10.1049/cp.2019.0210.

[31] I. Komargodski, M. Naor and E. Yogev, "White-Box vs. Black-Box Complexity of Search Problems: Ramsey and Graph Property Testing," 2017 IEEE 58th Annual Symposium on Foundations of Computer Science (FOCS), Berkeley, CA, USA, 2017, pp. 622-632, doi: 10.1109/FOCS.2017.63.

[32] K. K. Mohan, A. K. Verma and A. Srividya, "Software reliability estimation through black box and white box testing at prototype level," 2010 2nd International Conference on Reliability, Safety and Hazard - Risk-Based Technologies and Physics-of-Failure Methods (ICRESH), Mumbai, India, 2010, pp. 517-522, doi: 10.1109/ICRESH.2010.5779604.

[33] R. Chopra and S. Madan, "Reusing black box test paths for white box testing of websites," 2013 3rd IEEE International Advance Computing Conference (IACC), Ghaziabad, India, 2013, pp. 1345-1350, doi: 10.1109/IAdCC.2013.6514424

[34] K. R. Khamdamovich and I. Aziz, "Techniques and methods of BLACK BOX identifying vulnerabilities in web servers,"2021 International Conference on Information Science and Communications Technologies (ICISCT), Tashkent, Uzbekistan, 2021, pp. 1-4, doi: 10.1109/ICISCT52966.2021.9670263.

AppendicesAppendix I: Client details form with client signatureMN692 Project Client details

Group Number: SB G3

Student ID and Names:

Peter Hou mit211044

Umer Hayat mit210370

Pranay kumar mit182710

Project Title: Veggie Tribe

Name of Industry Placement Agent (if any): N/A

Agent Name: N/A

Contact Name: N/A

Industry Client Details (Compulsory for all proposals):

Company Name: Veggie Tribe Restaurant

ABN: 33 586 182 453Company address: 34-36 Little La Trobe Street, Melbourne 3008

Company Profile: A conscious, plant-based, all-you-can-eat premium buffet restaurant.

Website: https://vegie-tribe.myshopify.com/

Industry Professional (Contact) Name: Sarmuhabbat Singh Rajput

Contact person emailid: sarmuhabat@gmail.com

Contact Number: (03) 9639 7358

Signature of the industry professional

Sarmuhabbat Singh Rajput

Date

03/06/2023Client Signatures

Week Number Date of the meeting Mode of the meeting Name of the students present in the meeting Client Signature and date

1 24/3/2023 Zoom Junhui Hou, pranay, umarSarmuhabbat, 24/03/2023

2 31/3/2023 Zoom Junhui, pranay, umarSarmuhabbat, 31/3/2023

3 7/4/2023 Zoom Junhui, pranay, umarSarmuhabbat, 7/4/2023

4 14/4/2023 Zoom Junhui, pranay, umarSarmuhabbat, 14/4/2023

5 21/4/2023 Zoom Junhui, pranay, umarSarmuhabbat, 21/4/2023

6 28/4/2023 Zoom Junhui, pranay, umarSarmuhabbat, 28/4/2023

7 5/5/2023 Zoom Junhui, pranay, umarSarmuhabbat, 5/5/2023

8 12/5/2023 Zoom Junhui, pranay, umarSarmuhabbat, 12/5/2023

9 19/5/2023 Zoom Junhui, pranay, umarSarmuhabbat, 19/5/2023

10 26/5/2023 Zoom Junhui, pranay, umarSarmuhabbat, 26/5/2023

11 2/6/2023 Zoom Junhui, pranay, umarSarmuhabbat, 2/6/2023

Appendix II: Client and supervisor log book

Figure 45: Client Log Book 01

Figure 46: Supervisor Meeting Log 01

Appendix III: Source Codes/ any other information

Project Link: https://vegie-tribe.myshopify.com/

Password: fireandwar