Skip to content

Latest commit

 

History

History
 
 

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 

page_type: sample description: "This sample illustrates a meeting experience for recruitment scenario using Apps In Meetings." products:

  • office-teams
  • office
  • office-365 languages:
  • csharp extensions: contentType: samples createdDate: "10/1/2021 2:36:57 PM"

Recruitment App Sample using Apps in Meetings

This sample illustrates a meeting experience for recruitment.

It has meeting details and in-meeting app that helps in the interview process.

Details

Sidepanel Overview

Sidepanel Questions

Prerequisites

  • .NET Core SDK version 3.1

    # determine dotnet version
    dotnet --version
  • Ngrok (For local environment testing) Latest (any other tunneling software can also be used)

    # run ngrok locally
    ngrok http -host-header=localhost 3978
  • Teams Microsoft Teams is installed and you have an account

To try this sample

  1. Create a Bot Registration In Azure portal, create a Bot Framework registration resource.

  2. Create a Azure Storage account(This is needed to store/retrieve data that is used in the app) Create storage account

This step will create a storage account. You will require storage account name and keys in following steps. Please follow View account keys to see the keys info.

  1. Clone the repository

    git clone https://github.com/OfficeDev/Microsoft-Teams-Samples.git
  2. In a terminal, navigate to samples/meeting-recruitment-app/csharp

    # change into project folder
    cd # MeetingApp
  3. Run ngrok - point to port 3978

    # ngrok http -host-header=rewrite 3978
  4. Modify the manifest.json in the /AppPackage folder and replace the following details

    • <<App-ID>> with some unique GUID
    • <<BASE-URL>> with your application's base url, e.g. https://1234.ngrok.io
    • <<VALID DOMAIN>> with your app domain e.g. *.ngrok.io
  5. Zip the contents of AppPackage folder into a manifest.zip, and use the manifest.zip to deploy in app store or add to Teams.

  6. Modify the /appsettings.json and fill in the {{ MicrosoftAppId }},{{ MicrosoftAppPassword }} with the id from step 1.

  7. Modify the /appsettings.json and fill in the {{ StorageConnectionString }} from step 2.

  8. Run the app from a terminal or from Visual Studio, choose option A or B.

A) From a terminal

# run the app
dotnet run

B) Or from Visual Studio

  • Launch Visual Studio
  • File -> Open -> Project/Solution
  • Navigate to MeetingApp folder
  • Select MeetingApp.csproj file
  • Press F5 to run the project
  1. Upload the manifest.zip to Teams (in the Apps view click "Upload a custom app")
  • Go to Microsoft Teams. From the lower left corner, select Apps
  • From the lower left corner, choose Upload a custom App
  • Go to your project directory, the ./AppPackage folder, select the zip folder, and choose Open.
  • Select Add to meeting in the pop-up dialog box. Your app is uploaded to Teams.

Features of this sample

  1. Details page: The details page shows basic information of the candidate, timeline, Questions (that can be added for meeting), Notes (provided by peers)

    Details

  2. Action on Questions: The interviewer can Add/Edit or Delete question.

    Add Question

    • Add Questions Task Module Add Question Task

    Edit Delete Question

    • Edit Question Task Module Edit Task
  3. Add Notes: The interviewer can add notes that will appear to other peers.

    Add Notes

    Add Note Task Module Add Notes

  4. Sidepanel: The in-meeting side panel shows two sections as follows: A) Overview: Shows the basic details of the candidate. B) Questions: The questions set in the details page appear here. The interviewer can use this to provide rating and submit final feedback.

    Sidepanel Overview

    Sidepanel Questions

  5. Share assets: This is used to share assets to the candidate. Share Assets

  6. Mobile view: Details tab Details tab

    • Action on Questions:

    Question

    • Sidepanel view

    Sidepanel mobile

Testing the bot using Bot Framework Emulator

Bot Framework Emulator is a desktop application that allows bot developers to test and debug their bots on localhost or running remotely through a tunnel.

  • Install the Bot Framework Emulator version 4.5.0 or greater from here

Further reading