QsrSoft launches Digital Huddle Board in 3 months with AWS serverless and Fire devices
AWS Architecture BlogQsrSoft launches Digital Huddle Board in 3 months with AWS serverless and Fire devicesby Sushanth Mangalore, Adam Pehas, and Robert Beavers | on01 MAR 2022| inAmazon Aurora,Amazon Cognito,Architecture,AWS Amplify,AWS Lambda,Retail,Travel and Hospitality|Permalink|ShareQsrSoft is a software as a service (SaaS) company that develops solutions for clients in the restaurant, hospitality, and retail industries to help them achieve operational excellence. QsrSoft has provided these services for more than two decades and now services over 14,000 locations. QsrSoft started using AWS in 2015 and fully migrated all their workloads to AWS by 2016. QsrSoft can innovate rapidly with AWS and use best-in class technologies for cloud-native solutions for their customers.In QsrSoft’s target industries, it is important to have a way to focus and motivate employees on common objectives. It can be hard to stay on top of ongoing activities and inspire a team towards operational goals. Through client engagement and data collection, QsrSoft identified this as a pressing business challenge that could be solved with technology. After attending an AWS Digital Innovation Program workshop, QsrSoft conceptualized a digital huddle board that connects teams through gamification, communication, recognition, and excellence in shift management. To bring QsrSoft TV to market in the shortest possible time, QsrSoft decided to build using the AWS serverless suite of services.QsrSoft successfully lowered the barrier of entry when installing a digital huddle board. Using commodity hardware from Amazon devices such as Fire TV Sticks and Fire Smart TVs, QsrSoft released the product as an app in theAmazon App store. Clients can use existing TV screens when rolling out QsrSoft TV, and only have to plug in a Fire TV Stick and pair it with a five-digit code. This blog post describes QsrSoft TV’s architecture and the AWS services employed in building it.QsrSoft TV architectureBuilding on top of their existing microservices architecture and AWS Amplify, a team of three developers brought QsrSoft TV to market in three months. The solution relies heavily on serverless technologies on AWS. Traditionally, in developing a new product, QsrSoft would need to engage several specialized technical resources. Using the fully managed experience of serverless technologies, QsrSoft can focus on delivering business value for the use case. AWS takes care of managing the technology’s hosting and implementation. With serverless, you only pay for what you use, which makes it possible to correlate your costs with the success of your solution.Figure 1 illustrates the architecture of this solution:Figure 1. Architecture diagram of QsrSoft TV solutionDigital huddle board appThe customer-facing component of the solution is the application, which runs on Fire devices in restaurants.AWS Amplifyis a service that streamlines development of both web applications and native apps. The app is derived from a single-page application (SPA) developed with Vue.js. AWS Amplify provides features such as integrated authentication, CI/CD, and Web Preview. It also provides GraphQL-based endpoints to accessAmazon DynamoDBusingAWS AppSync. This enables the QsrSoft development team to function autonomously without dependency on the operations or data integration teams. You can connect to the different Amplify backends from theAWS Management Consoleor with command line interface (CLI) commands. With the Amplify CLI, you can use default categories for the backends or use theAWS Cloud Development Kit (CDK)to customize them.GraphQL based API layerThe heart of QsrSoft TV is the API that provides the application with its core functionality. QsrSoft built an AWS AppSync endpoint to power QsrSoft TV’s business logic. AWS Amplify provides an easy way to create a secure AWS AppSync API endpoint through integrated authentication and transport layer security (TLS) for in-transit encryption. The development team can first model the data visually inAmplify Studio. Amplify then creates the queries, subscriptions, and mutations. With a single click from the Studio, you can deploy this model to an AWS AppSync API endpoint. The use of annotations permitted the dev team to customize the model further for the application’s needs, such as indexing by key attributes, authorization, and model relationships. This feature of Amplify Studio saved the development team up to 50% of the total API development effort.Continuous automated deployments and releasesAWS Amplify abstracts the need for a dedicated operations team. This is enabled by AWS Amplify’s fully managed deployment and hosting for full-stack web applications. The development team connected Amplify to the GitHub repository, and in minutes had a complete CI/CD pipeline in place. There was no need to configure any pipelines or handcraft any YAML files. QsrSoft usesAmplify Web Previews, which enabled the product team and beta testers to preview multiple changes and experiments without releasing code to production. While Amplify deployed the Vue.js application, QsrSoft usedfastlaneto automate the deployment of the Fire TV application into the Amazon App Store.fastlaneis an open-source tool that automates tasks like code signing and releasing the Fire TV binary to the Amazon App Store. This enabled QsrSoft to stay true to its automated deployments and infrastructure as code (IaC) practices.Simplified password-less authenticationWith this command line statement,amplify add auth, QsrSoft laid the groundwork for securing their TV application. Behind the scenes, Amplify usesAmazon Cognitoto set up a user pool for the app users. QsrSoft TV provides a password-less login experience to the users, by abstracting the need to log in using a username and password. Instead, you use a five-digit code to pair the Fire TV app with a specific location. Amazon Cognito enables this by securing the app with JSON web tokens (JWT).Automatic data synchronizationThe development team focused on data modeling using the visual tools built into Amplify Studio. Amplify provided an AWS AppSync endpoint, so the developers could use GraphQL to interact withAmplify DataStore. Since the data models in the Amplify Studio support DataStore, the development team can now support an app that works offline. Offline mode is vital to any enterprise application, and it engages QsrSoft TV’s users even during an internet outage. Amplify is used to create an AWS AppSync backend with Amazon DynamoDB tables that match the schema created at the application. As the app interacts with the local DataStore, it starts an instance of its Sync Engine, which publishes the data changes by the application to the DynamoDB backend. An additionalAWS Lambda-based backend called QORM, aggregates information from QsrSoft’s custom data warehouse implementation based onAmazon S3andAmazon Aurora.The scaling and performance provided by DynamoDB and Lambda allowed QsrSoft to scale without extensive planning, as the number of installs increased. This fully serverless application stack is cost-effective and enables QsrSoft to innovate freely. QsrSoft TV onboarded 100 locations in the first week. QsrSoft projects 7,000+ installs in the first year.ConclusionAWS is constantly innovating on behalf of our customers like QsrSoft. By leveraging serverless technologies on AWS, QsrSoft accelerated the go-to-market time for QsrSoft TV. Serverless on AWS provides a low barrier to entry for innovation-focused organizations who want to bring an idea to life quickly to provide business value to their customers.Amazon Fire devices enable software vendors to make their applications available for large-scale distribution. Fire devices are today being used by several thousand households and workplaces worldwide. Many industries can benefit from developing apps for Amazon Fire devices that can be used on large displays and television screens.Further reading:Serverless on AWSBuild a Serverless Web ApplicationGraphQL API Security with AWS AppSync and AmplifyCustomize Amplify generated backends using CDKSubmitting Apps to the Amazon Appstore­­­TAGS:Retail,Travel and HospitalitySushanth MangaloreSushanth Mangalore is a Sr. Solutions Architect at AWS, based in Chicago, IL. He helps customers achieve their strategic business objectives by providing prescriptive guidance for building solutions on AWS. He specializes in containers services like Amazon ECS and Amazon EKS. Prior to joining AWS, Sushanth built IT solutions for multiple industries, using a wide range of technologies.Adam PehasAdam Pehas is the Director of Development at QsrSoft. He has over twenty years of experience in the Financial and Hospitality industries. He is responsible for overseeing the software and system implementations at QsrSoft. Adam feels strongly that serverless technologies and organizational agility are vital components needed to maximize client value.Robert BeaversRobert Beavers is the Director of Architecture at QsrSoft. He has been using AWS since 2011, and is currently building SaaS solutions for the quick-service restaurant industry. He is passionate about designing scalable software that provides immediate value to QsrSoft's customers.
QsrSoft is a software as a service (SaaS) company that develops solutions for clients in the restaurant, hospitality, and retail industries to help them achieve operational excellence. QsrSoft has provided these services for more than two decades and now services over 14,000 locations. QsrSoft started using AWS in 2015 and fully migrated all their workloads […]
Sushanth Mangalore
Amazon Aurora Amazon Cognito Architecture AWS Amplify AWS Lambda Retail Travel and Hospitality