Merge pull request #1352 from OfficeDev/v-mfurquan/Ashlesha-Samples-T…

…2.1Conversion

Ashlesha PR T2.1 Gif and Readme Updates

samples/bot-adaptivecards-user-specific-views/csharp/README.md

@@ -15,6 +15,9 @@ urlFragment: officedev-microsoft-teams-samples-bot-adaptivecards-user-specific-v
 
 # Teams Adaptive Card Views
 
+- **Interaction with bot**
+  ![UserSpecificView](docs/UserSpecificView_all.gif)
+
 This sample illustrates a few different ways developers can consume user-specific views in Adaptive cards.
 
 Specifically, it uses the Universal Action `Action.Execute` with `refresh` property, which enables developers to build different views for users in a common chat thread. 
@@ -173,112 +176,112 @@ You can interact with this bot in Teams by sending it a message, or selecting a
   
   **Search Application:**
   
-  ![Serach-App ](docs/01_SearchApp.png)
+  ![Serach-App ](docs/1.searchapp.png)
 
   **Add Application:**
   
-  ![personal-AddBot ](docs/02_AddAppaspersonal.png)
+  ![personal-AddBot ](docs/2.add-application.png)
 
   **Me Flow**
 
  **Show Welcome command interaction:**
  
-  ![personal-WelcomeCard-Interaction ](docs/03_defaultcard.png)
+  ![personal-WelcomeCard-Interaction ](docs/3.me-welcome-card.png)
   
  **Show Action command interaction with Me:**
  
- ![personal-WelcomeCard-Me](docs/04_clickonMe.png)
+ ![personal-WelcomeCard-Me](docs/4.me-action-card.png)
  
  **Show Response Card :**
  
- ![personal-WelcomeCard-Response](docs/05_meclickresponsecard.png)
+ ![personal-WelcomeCard-Response](docs/5.response-card.png)
  
   **On Manual Refresh Click:**
   
- ![personal-WelcomeCard-ManualRefresh](docs/05_meclickresponsecard.png)
+ ![personal-WelcomeCard-ManualRefresh](docs/6.manual-refresh.png)
  
  **On Update Base Card Click:**
  
- ![personal-WelcomeCard-UpdatebaseCardClick](docs/11_updateBasecard.png)
+ ![personal-WelcomeCard-UpdatebaseCardClick](docs/7.response-update.png)
  
  **Response Update Base Card Click:**
  
- ![personal-WelcomeCard-ResponseUpdatebaseCardClick](docs/12_responseBasecard.png)
+ ![personal-WelcomeCard-ResponseUpdatebaseCardClick](docs/8.update-base-card-click.png)
  
 **Flow with all Users**
 
  **Show Action command interaction with All Users:**
  
- ![personal-WelcomeCard-alluser](docs/all_02_onclickallUsers.png)
+ ![personal-WelcomeCard-alluser](docs/9.alluser-action.png)
  
  **Show Response Card :**
  
- ![personal-WelcomeCard-allResponse](docs/all_03_responseclickallUsers.png)
+ ![personal-WelcomeCard-allResponse](docs/10.alluser-response-card.png)
  
   **On Manual Refresh Click:**
   
- ![personal-WelcomeCard-allManualRefresh](docs/all_04_onmanualclick.png)
+ ![personal-WelcomeCard-allManualRefresh](docs/11.all-user-manual.png)
  
  **On Update Base Card Click:**
  
- ![personal-WelcomeCard-allUpdatebaseCardClick](docs/all_08_UpdateBaseCard.png)
+ ![personal-WelcomeCard-allUpdatebaseCardClick](docs/12.all-user-update.png)
  
  
   - **Team Scope Interactions:**
   
   **About UI**
   
-  ![Team-scope-app](docs/01_TeamScope.png)
+  ![Team-scope-app](docs/13.add-to-team.png)
  
   **Team Selection**
 	
-  ![Team-scope-app](docs/02_TeamScope_teamselection.png)
+  ![Team-scope-app](docs/14.team-selection.png)
   
   **Selected Team**
   
-  ![Team-scope-app](docs/03_TeamScope_teamselect.png)
+  ![Team-scope-app](docs/15.selected-team.png)
   
   **Welcome intraction card**
   
-  ![Team-scope-app](docs/04_TeamScope_command.png)
+  ![Team-scope-app](docs/16.prompt.png)
   
   
   - **Chat Scope Interactions:**
   
   **About UI**
   
-  ![Chat-scope-app](docs/chatscope_01.png)
+  ![Chat-scope-app](docs/17.welcome-interaction.png)
   
   **Chat Selection**
 	
-  ![Chat-scope-app](docs/chatscope_02.png)
+  ![Chat-scope-app](docs/18.add-to-chat.png)
   
   **Selected Chat**
   
-  ![Chat-scope-app](docs/chatscope_03.png)
+  ![Chat-scope-app](docs/19.select-chat.png)
   
   **Welcome intraction card**
   
-  ![Chat-scope-app](docs/04_TeamScope_command.png)
+  ![Chat-scope-app](docs/20.welcome-card-at-chat.png)
   
   
   - **Meeting Scope Interactions:**
   
   **About UI**
 
-  ![Meeting-scope-app](docs/Meetingscop_01.png)
+  ![Meeting-scope-app](docs/21.add-to-meeting.png)
   
   **Meeting Selection**
 	
-  ![Meeting-scope-app](docs/Meetingscop_02.png)
+  ![Meeting-scope-app](docs/22.select-meeting.png)
   
   **Selected Meeting**
   
-  ![Meeting-scope-app](docs/Meetingscop_03.png)
+  ![Meeting-scope-app](docs/23.call-to-card.png)
   
   **Welcome intraction card**
   
-  ![Meeting-scope-app](docs/Meetingscop_04.png)
+  ![Meeting-scope-app](docs/24.welcome-card.png)
   
 ## FAQ
 

samples/bot-calling-meeting/csharp/README.md

@@ -211,82 +211,84 @@ Register one Azure AD application in your tenant's directory for the bot and tab
 ## Running the sample
 
 - Install app in personal teams.
-  ![CallingBotInstallation ](Images/BotCallingMeeting1.png)
+  ![CallingBotInstallation ](Images/1.install-personal.png)
 
 - Select welcome card.
-  ![BotCallingMeeting2 ](Images/BotCallingMeeting2.png)
+  ![BotCallingMeeting2 ](Images/2.welcome-card.png)
 
 - Bot will send adaptive card as mentioned below.
-  ![BotCallingMeeting3 ](Images/BotCallingMeeting3.png)
+  ![BotCallingMeeting3 ](Images/3.bots-adaptive-card.png)
 
 - Select 'Create Call'.
-  ![BotCallingMeeting4 ](Images/BotCallingMeeting4.png)
+  ![BotCallingMeeting4 ](Images/4.createcall.png)
 
 - 'Calling Bot' selected user.
-  ![BotCallingMeeting5 ](Images/BotCallingMeeting5.png)
+  ![BotCallingMeeting5 ](Images/5.calling-bot.png)
 
 - User join call.
-  ![BotCallingMeeting55 ](Images/BotCallingMeeting55.png)
+  ![BotCallingMeeting55 ](Images/6.user-join.png)
 
 - Successfully call .
-  ![BotCallingMeeting6 ](Images/BotCallingMeeting6.png)
+  ![BotCallingMeeting6 ](Images/7.successfully-call.png)
 
 - Control this meeting.
-  ![BotCallingMeeting7 ](Images/BotCallingMeeting7.png)
+  ![BotCallingMeeting7 ](Images/8.control-meet.png)
 
 - Create Incident.
-  ![BotCallingMeeting8 ](Images/BotCallingMeeting8.png)
+  ![BotCallingMeeting8 ](Images/9.create-incident.png)
 
 - Transfer call.
-  ![BotCallingMeeting9 ](Images/BotCallingMeeting9.png)
+  ![BotCallingMeeting9 ](Images/10.transfer-call.png)
 
 - 'Calling Bot' selected user.
-  ![BotCallingMeeting10 ](Images/BotCallingMeeting10.png)
+  ![BotCallingMeeting10 ](Images/11.callingbot-teams.png)
 
 - Play record prompt.
-  ![BotCallingMeeting11 ](Images/BotCallingMeeting11.png)
+  ![BotCallingMeeting11 ](Images/12.Play-record-prompt.png)
 
 - Hang up.
-  ![BotCallingMeeting12 ](Images/BotCallingMeeting12.png)
+  ![BotCallingMeeting12 ](Images/13.hang-up.png)
 
 - Install app in team.
-  ![BotCallingMeeting13 ](Images/BotCallingMeeting13.png)
+  ![BotCallingMeeting13 ](Images/14.installin-teams.png)
 
 - Add calling bot to a team.
-  ![BotCallingMeeting14 ](Images/BotCallingMeeting14.png)
+  ![BotCallingMeeting14 ](Images/15.callingbottoteam.png)
 
 - Bot will send adaptive card as mentioned below.
-  ![BotCallingMeeting16 ](Images/BotCallingMeeting16.png)
+  ![BotCallingMeeting16 ](Images/16.adaptive-card-from-bot.png)
 
 - Select 'Create Call'.
-  ![BotCallingMeeting17 ](Images/BotCallingMeeting17.png)
+  ![BotCallingMeeting17 ](Images/17.new-one.png)
 
 - User join call.
-  ![BotCallingMeeting18 ](Images/BotCallingMeeting18.png)
+  ![BotCallingMeeting18 ](Images/18.create-call.png)
 
 - Control this meeting.
-  ![BotCallingMeeting19 ](Images/BotCallingMeeting19.png)
+  ![BotCallingMeeting19 ](Images/19.user-join.png)
 
 - Install app in meeting.
-  ![BotCallingMeeting20 ](Images/BotCallingMeeting20.png)
+  ![BotCallingMeeting20 ](Images/20.control-the-meet.png)
 
 - Add calling bot to a meeting.
-  ![BotCallingMeeting21 ](Images/BotCallingMeeting21.png)
+  ![BotCallingMeeting21 ](Images/21.install-in-meet.png)
 
 - Bot will send adaptive card as mentioned below.
-  ![BotCallingMeeting22 ](Images/BotCallingMeeting22.png)
+  ![BotCallingMeeting22 ](Images/22.add-bot-to-meet.png)
 
 - Select 'Create Call'.
-  ![BotCallingMeeting23 ](Images/BotCallingMeeting23.png)
+  ![BotCallingMeeting23 ](Images/23.adaptivecard-frombot.png)
 
 - User join call.  
-  ![BotCallingMeeting24 ](Images/BotCallingMeeting24.png)
+  ![BotCallingMeeting24 ](Images/24.create-call.png)
 
 - Control this meeting.
-  ![BotCallingMeeting25 ](Images/BotCallingMeeting25.png)
+  ![BotCallingMeeting25 ](Images/25.user-join-call.png)
 
 - Join scheduled meeting.
-  ![BotCallingMeeting26 ](Images/BotCallingMeeting26.png)
+  ![BotCallingMeeting26 ](Images/26.control-meet.png)
+
+   ![BotCallingMeeting26 ](Images/27.join-meet.png)
 
 ## Deploy the bot to Azure
 

samples/bot-conversation/java/README.md

@@ -98,17 +98,18 @@ the Teams service needs to call into the bot.
 You can interact with this bot by sending it a message, or selecting a command from the command list. The bot will respond to the following strings. 
 
 1. **Show Welcome**
-    ![WelcomeCard](Images/2.WelcomeCard.PNG)
+    ![Prompts](Images/1.prompts.png)
+    ![Welcome](Images/2.welcome.png)
   - **Result:** The bot will send the welcome card for you to interact with
   - **Valid Scopes:** personal, group chat, team chat
 
 2. **MentionMe**
-    ![MentionMe](Images/3.MentionMe.PNG)
+    ![MentionMe](Images/3.mention.png)
   - **Result:** The bot will respond to the message and mention the user
   - **Valid Scopes:** personal, group chat, team chat
 
 3. **MessageAllMembers**
-    ![MessageAllMembers](Images/4.MessageAllMembers.PNG)
+    ![MessageAllMembers](Images/4.sent.png)
   - **Result:** The bot will send a 1-on-1 message to each member in the current conversation (aka on the conversation's roster).
   - **Valid Scopes:** personal, group chat, team chat
 

samples/bot-conversation/python/README.md

@@ -118,16 +118,16 @@ You can select an option from the command list by typing ```@TeamsConversationBo
 ## Running the sample
 
 The bot initialization message
-![Message](Images/1.BotInstallationMessage.PNG)
+![Message](Images/1.prompts.png)
 
 The bot will send the welcome card for you to interact with
-![WelcomeCard](Images/2.WelcomeCard.PNG)
+![WelcomeCard](Images/2.welcome.png)
 
 The bot will respond to the message and mention the user
-![MentionMe](Images/3.MentionMe.PNG)
+![MentionMe](Images/3.mention.png)
 
 The bot initialization message
-![MessageAllMembers](Images/4.MessageAllMembers.PNG)
+![MessageAllMembers](Images/4.message-to-all.png)
 
 ## Deploy the bot to Azure
 

samples/bot-daily-task-reminder/csharp/README.md

@@ -113,15 +113,17 @@ The simplest way to run this sample in Teams is to use Teams Toolkit for Visual
 
 - Use command `create-reminder` to get card with action `Schedule task`.
 
-  ![Schedule task ](BotDailyTaskReminder/Images/ScheduleTaskCard.png)
+  ![Schedule task ](BotDailyTaskReminder/Images/1.create-remainder.png)
 
 - Task module to add task details.
 
-  ![Task Details ](BotDailyTaskReminder/Images/ScheduleTask.png)
+  ![Task Details ](BotDailyTaskReminder/Images/2.addtask-modules.png)
 
 - User will get a task reminder card at scheduled time.
 
-  ![Task reminder](BotDailyTaskReminder/Images/TaskReminder.png)
+  ![Created](BotDailyTaskReminder/Images/3.successfully-created.png)
+
+  ![Reminder Card](BotDailyTaskReminder/Images/4.reminder-card.png)
 
 
 ## Deploy the bot to Azure

samples/bot-file-upload/java/README.md

@@ -97,13 +97,13 @@ the Teams service needs to call into the bot.
 > Note this `manifest.json` specified that the bot will be installed in "personal" scope which is why you immediately entered a one on one chat conversation with the bot. Please refer to Teams documentation for more details.
 
 1. Sending a message to the bot will cause it to respond with a card that will prompt you to upload a file. The file that's being uploaded is the `teams-logo.png` in the `Files` directory in this sample. The `Accept` and `Decline` events illustrated in this sample are specific to Teams. You can message the bot again to receive another prompt.
-![WelcomeCard](Images/WelcomeCard.PNG)
+![WelcomeCard](Images/1.msg.png)
 
 2. You can send a file to the bot as an attachment in the message compose section in Teams. This will be delivered to the bot as a Message Activity and the code in this sample fetches and saves the file.
-![ReadyToDownload](Images/ReadyToDownload.PNG)
+![ReadyToDownload](Images/2.allowtodownload.png)
 
 3. You can also send an inline image in the message compose section. This will be present in the attachments of the Activity and requires the Bot's access token to fetch the image.
-![FileUploadInMessageSection](Images/FileUploadInMessageSection.PNG)
+![FileUploadInMessageSection](Images/3.upload.png)
 
 ## Deploy the bot to Azure
 

samples/bot-initiate-thread-in-channel/java/README.md

@@ -98,8 +98,8 @@ the Teams service needs to call into the bot.
 > Note this `manifest.json` specified that the bot will be installed in "personal", "team" and "groupchat" scope which is why you immediately entered a one on one chat conversation with the bot. You can at mention the bot in a group chat or in a Channel in the Team you installed it in. Please refer to Teams documentation for more details.
 
 You can interact with this bot by sending it a message. The bot will respond by creating a new thread in the channel and replying to that new thread.
-![AddInTeam](Images/AddInTeam.PNG)
-![NewThread](Images/NewThread.PNG)
+![AddInTeam](Images/1.addtoteam.png)
+![NewThread](Images/2.thread.png)
 
 ## Deploy the bot to Azure
 

samples/bot-initiate-thread-in-channel/python/README.md

@@ -87,10 +87,11 @@ the Teams service needs to call into the bot.
 You can interact with this bot by sending it a message. It will respond by creating a new thread within the channel and replying to the new thread it just started.
 
 **Adding the bot to a team's channel :**
-![AddInTeam](Images/AddInTeam.PNG)
+![AddInTeam](Images/1.install.png)
 
-![NewThread](Images/NewThread.PNG)
+![AddInTeam](Images/2.selectteam.png)
 
+![Thread](Images/3.convo.png)
 
 ## Deploy the bot to Azure
 

samples/bot-message-reaction/java/README.md

@@ -101,7 +101,9 @@ the Teams service needs to call into the bot.
 ## Running the sample
 
 Message the bot and it will respond with an 'Echo: [your message]'.  Add a message reaction to the bots response, and the bot will reply accordingly.
-![msgext-reaction ](Images/ReactionWithEcho.PNG)
+![msgext-reaction ](Images/1.reply.png)
+
+![msgext-reaction ](Images/2.echo.png)
 
 ## Deploy the bot to Azure