Skip to content

tomarujjwal/azure-chatbot

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 

Repository files navigation

Chatter - Chatbot for GLA University Website

azure-chatbot

   
Objective - To create a functioning chatbot using Azure Bot Service and Language Service
- To build and deploy web app to Azure from a code repository using Static Web Apps Service
Approach - Completed all the steps involved in chatbot development i.e., train, build, test, deploy, monitor on Azure platform
- Followed the walkthrough for frontend development to create a website using JavaScript, HTML, CSS
Impact - Successfully trained the chatbot by user defined intents and test the chatbot on Azure Congnitive Service platform
- Developed the website and connected it with remote data using Azure Bot Service of Microsoft Azure

Project Title: Chatter - Chatbot for GLA University

Industry Name: EdTech

Problem Statement/Opportunity: GLA University desires to construct a clever and skillfully designed internet site because the on-line enquiring and service portal has been developing at an super convenient in state-of-the-art world. To construct an entire internet site they've selected Azure Cloud Platform. Build a internet site which have terrific functions like banner textual content slider, desirable hover effects, easy scrolling navigation, gallery mild container effect, and plenty extra to serve their customers. It must also include an AI chatbos to not only automate customer support, but they also help optimise improve experiences of the visitor of the website and improve customer care.

Project Description: We created a University website using HTML, CSS, bootstrap framework, and JavaScript to have a more interactive experience with our university. The website can be used to answer basic student query questions, provide course information, or direct students to the right place on the website. This internet site is a 100% responsive cross-browser template, well matched on all devices, and displayed on all display sizes. We used Microsoft Azure with Github to install the University site and completed this project. This project is to create a website that provides high-quality information on a variety of topics. The GLA University website will feature a wide range of categories and topics, as well as a search engine to allow users to find specific topics. The website will be designed to be user-friendly, with a modern and easy-to-navigate interface. Additionally, the website will incorporate social media sharing capabilities, allowing users to share the content they find on the website. The website will also feature an interactive forum, where users can exchange ideas and ask questions. The website will be regularly updated with new content, and users will be able to receive notifications when new content is added. Chatter - the chatbot will automate repeated customer support enquiries. Chatter provides 24/7 real-time support for all visitors, regardless of language barrier and geographic location. It gives visitors of the website an accessible channel to find answers to their questions.

Primary Azure Technology: Azure Bot Service, Language Service, Static Web Apps





Steps to deploy chatbot using Azure bot service and Language Service:

Step 1: Go to Language Studio and click on create a new Language resource in the Azure portal 1  Go to Language Studio and click on create a new Language resource

Step 2: Create Language and click Create 2  Create Language 3

Step 3: Go back to Language Studio and select existing resource (Myinstance-001) 4  Go back to Language Studio and choose existing resource (Myinstance-001)

Step 4: Create a new Project by clicking Create new 5  Create a new Project by clicking 'Create new'

Step 5: Click Custom question answering 6  Click 'Custom question answering'

Step 6: Click Create new project and then select I want to select the language when I create a project in this resource 7  Click 'Create new project' and then select 'I want to select the language when I create project in this resource'

Step 7: Click Create project 8  Click 'Create project'

Step 8: Click Add source and then click Files. Further, you can add chitchat such as professional, friendly, witty, caring, enthusiastic by clicking Chitchat option 9  Click 'Add source' and then click 'Files'

Step 9: Add file and click Add all. 10  Add file and click 'Add all' 11

Step 10: Click Add question pair to add more question pairs 12  Click 'Add question pair' to add more question pairs

Step 11: Add question pairs 13  Add question pairs

Step 12: Click Save changes 14  Click 'Save changes'

Step 13: Click Test to test the chatbot 15  Click 'Test' to test the chatbot

Step 14: Click Deploy knowledge base from the side navbar 16  Click 'Deploy knowledge base' from the side navbar

Step 15: Click Deploy to deploy the chatbot 17  Click 'Deploy' to deploy the chatbot 18

Step 16: Click Create a bot and it will direct us to Azure Portal 19  Click 'Create a bot' and it will direct us to Azure Portal

Step 17: Fill project details 20  Fill Project details

Step 18: Click Review + create 21  Click 'Review + create'

Step 19: Click Create 22  Click 'Create'

Step 20: To deploy the chatbot in the website, go to the resource group (RG-001), then click Myinstance-001-bot of type Azure bot 23  To deploy the chatbot in the website, go to resourse group (RG-001), then click 'Myinstance-001-bot' of type Azure bot 24

Step 21: Click Channels from right pane 25  Click 'Channels' from the right pane

Step 22: Click Web Chat 26  Click 'Web Chat'

Step 23: 27. To embed the Web Chat control in a web page, embed the code and secret keys 27  To embed the Web Chat control in a web page, embed the code and secret keys


Steps to host the website using Azure Static Web Apps service:

Step 1: To host the website, select Static Web Apps service from Azure portal a  To host the website, select 'Static Web Apps' service from Azure portal

Step 2: Click on Create b  Click on 'Create'

Step 3: Click Review + create after filling the required fields c  Click 'Review + create' after filling the required fields d

Step 4: Click Create to create Static Web App e  Click 'Create' to create Static Web App

Step 5: In the home page of Azure Portal, click webapp-001 f  In the home page of Azure Portal, Click 'webapp-001'

Step 6: Copy the URL. This URL is the URL of our website that is hosted using Azure Static Web Apps sevice g  Copy the URL This URL is the URL of our website that is hosted using Azure Static Web Apps sevice

Step 7: In github repository, click on Action. GitHub Actions is a continuous integration and continuous delivery (CI/CD) platform that allows you to automate your build, test, and deployment pipeline. github


Demo Video of Project

Demo.Video.mp4

Releases

No releases published

Packages

No packages published