DEV Community: Rabia Williams

How to create apps for Microsoft Teams

Rabia Williams — Mon, 06 Feb 2023 00:18:18 +0000

As Microsoft Teams becomes increasingly popular as a collaboration platform, demand for developers who can build apps for Teams has skyrocketed. Learning how to build apps for Teams can open up new career opportunities for you as a developer.

If you are looking for a free beginner course to learn how to build apps for Teams, look no further. We have a new learning path which will take you on a journey to build apps for Teams.

Teams Toolkit, an extension for Visual Studio Code, will be used in the course, to help you create, test, and deploy Microsoft Teams apps with ease.

So, what are you waiting for? Go to aka.ms/learn/teamstoolkit to take the course.

Beginners’ crash course to build apps for Teams

Rabia Williams — Thu, 13 Oct 2022 00:51:25 +0000

Teams Toolkit is an extension for Visual Studio Code and Visual Studio 2022, that you can use to build and deliver apps faster for Microsoft Teams. Developers can focus on building amazing applications instead of solving problems like tunnelling, identity, deployment, distribution of app and more.

How does Teams Toolkit help a new developer?

⚒️The toolkit comes with the Get Started page that has a checklist of everything you, as a developer, need to build an application.

Get your development environment ready
Create the base project
Create a sandbox development environment for you (If you don’t already have one) to test your application
Preview your application locally
Provision Azure resource instances your app needs and deploy your application logic to host them.

📽️Watch how we build a bot for Microsoft Teams using the VS Code extension.

📖Read step by step tutorial here

Multi-tenant architecture for SaaS apps

Rabia Williams — Tue, 21 Sep 2021 03:25:05 +0000

Do you distribute the same app to multiple clients/tenants?
Are you looking to offer Software as a service and need to dig deep into the architecture of apps to work in multiple tenants?
Are you tired of installing your app multiple times at these different clients/tenants?
Do you want to push updates like features and bug fixes into the app without any involvement of client's IT admins (wow that should have gotten you sold on the idea by now 😉)?
Then you need to know about multi tenancy and how you can create a multi-tenant app in Microsoft365. Read more in this article Multi-tenant architecture for SaaS apps, we will convert a simple single tenant JavaScript application into a multi-tenant app that can run across different tenants to bring data into the app. Same app, but different data.

Fun Q&A bot for Microsoft Teams Node.js

Rabia Williams — Sat, 31 Jul 2021 08:53:57 +0000

Are you looking for a fun project for your next assignment 🗒?
Did you want to develop a chat bot 💻?

Then you'll like this little project I am sharing here with you, whether you want to deep dive into the details or not 😉.

Use case

I can use a BOT to put a question or a thought in the Microsoft Teams channel/group chat conversation.
My team mates can respond to the question with a form to put free text in.
I can check how many team mates responded in the same card with their responses, real time.

🚀🚀🚀 End result?

💻💻💻 Source
Check out the full source code here https://github.com/rabwill/cardBot-TS

📙📙📙 Read the article
If you wanna deep dive into how it is developed checkout my original blog post here 👉🏽https://rabiawilliams.com/teams/uam-bot/

Develop intuitive apps with Microsoft 365 data

Rabia Williams — Sun, 28 Feb 2021 23:41:51 +0000

If you have been using any Microsoft 365 products in your day-to-day life, then you are already using Microsoft Graph.
Microsoft Graph is the data and insights that describe the patterns of productivity in an organization, accessed through a
unified API endpoint.

Microsoft Graph powers Microsoft products

There are thousands of datasets that power first party Microsoft products, available to you to extend your applications to:

Query the structure
Get information about the user
Access files, calendars, Planner plans, etc. within the Team
Act on behalf of a user
Access content
Add relevance and intelligence ..and many more

So did you just want to build an application in the Microsoft365 platform or did you want to leverage all the data that is available to you, so you can build smarter applications that is well informed with what the user does, needs and proactively make decisions to make user's day to day life more productive.
Find out more here on Microsoft Graph Mailbag series.

DIY GIPHY app for Microsoft Teams

Rabia Williams — Fri, 30 Oct 2020 04:37:34 +0000

I love building apps for Microsoft Teams and it has gotten even easier with the VSCode extension Microsoft Teams Toolkit

Did you know you can create

Tab
Bot
Messaging extensions

for Microsoft Teams using this toolkit?

Search based messaging extensions are fun to build. You search from an external system (via an API), get response in a list/grid and then do some action with the selected item.

So when I was thinking; what is the best way to demo this in an easy fun way? and the answer was GIPHY (one of the most used messaging extension in my chats)

I am one of those people who does not shy away from using GIFs in an informal chat. And basically it is a search based messaging extension app so I knew I had to try build this.

You can also have more control over the search API for GIPHY this way.

Here is how it looks 😁

Now, do you want to build this? Do you want to build an app for Microsoft Teams? 🚀

Step by step process to re-create your own GIPHY app using the Teams Toolkit

The sample is also available in PnP Microsoft Teams Samples here in aka.ms/teams-samples

Hosting my first ever Developer Bootcamp in Microsoft Teams : A retrospect

Rabia Williams — Wed, 21 Oct 2020 06:36:29 +0000

IMAGINE… You have a few weeks, to collaborate with a select groups of awesome fellow techies from across the globe, come up with new ideas, experiment with cutting edge software and cloud solutions, create some exciting brand new demos and content and then share it with developers across the globe in virtual bootcamps with live coding and all done virtually! As challenging as it may sound, it was one of the most fulfilling experiences I have had this year😊

Last week my colleagues Bob German, Ayca Bas and myself lead the Global Microsoft 365 Developer Bootcamp in various time zones (Americas/EMEA/APAC) using Microsoft Teams.

For the newbies 🐝, Microsoft 365 Developer Bootcamps are virtual and free hands-on workshops where developers join Microsoft's MVPs, community leaders, and Microsoft engineers from around the world to learn and build solutions built on M365 eco system.

I joined Microsoft as a Cloud developer advocate in September '20, and in my previous role, I was the developer you will never meet outside DevOps or stand-ups, working behind the scenes building apps. Of course I was also awarded Microsoft MVP this year, but I barely organised any event even with that title (I was an MVP for only less than 6 months 😁) and leading a virtual open hackathon was something I have not thought of doing until I was given some sort of training around it.

Leading a global event was the first official task assigned to me and I cannot explain the surprise, excitement and the fragment of anxiety it brought to me. Honestly there is no better way to ramp up one's new role than jumping straight into something as huge as this. Thankfully I had loads of help, the content itself was already covered by my colleagues, some really cool peers who spent time discussing their experience hosting hackathons etc. Microsoft is such a huge place and it is also a pool of talented people, all you need to do is reach out 😊

What we built

Build an Emergency Response solution with Teams and SharePoint

A simple Emergency Response Center which could be used to coordinate the response to an emergency such as a natural disaster. This could complement the Crisis Communication Power App template, which helps to keep employees informed during a crisis; this solution is for the response team themselves

Build a “One Productivity Hub” solution using Microsoft Teams and Microsoft Graph Toolkit

A solution monitoring your tasks, e-mails and calendar events as a Microsoft Teams Tab.

What went well

💻 Platform - Microsoft Teams proves again and again why it is the best platform to deliver events as large as a global bootcamp. We followed Robert J Gates's guidance on how to run a virtual lab in Microsoft Teams.

In a nutshell this was our approach.

Main Team

Channels

📑 Content The two labs were prepared in great detail, making sure it is fresh, fun, challenging and above all useful. Our entire M365 advocacy team and proctors tested the lab providing valuable feedback that made it so easy to follow.
👨🏽‍🏫👩🏽‍🏫 Proctors - Our community leaders and the M365 advocacy team, who joined us as proctors played a huge part in making this event a success! If I had the time, I would have written a separate blog on how how proctors made this event such a fun experience.

In short

✔ They made sure all questions and issues were answered and that too abruptly

🙌They took care of the chats while the leads were busy presenting

💕They kept the conversations very engaging, you could see people were sticking around in the General channel to not miss out on the fun.

⏳ They stayed back for resolving issue for attendees even after the closing time

❤ They genuinely cared about the success of this event even when some of them had their own events the same week !

👩🏽‍🎓👨🏽‍🎓 Attendees I was surprised to see how disciplined and organised the attendees were although virtual events are fairly a new concept. The engagement and fun, some of the folks brought to the table was nothing I have seen in a non-virtual conference.

And guess what ? some of them even helped out others with their issues. Collaboration at it's finest 🦄.

I cannot help but post this tweet by Luise Freese who attended this event from her hair salon, real passion! She has also blogged her experience about the bootcamp please check it out 💪.

Next time I am running an event and if someone did not attend it while going for a run, I won't be thrilled 😁

🎰 Kahoot! Prepare to be shocked to know that before this event I have never played Kahoot! [I can be that boring], but now I am an expert! For the unknown, Kahoot! is a game-based learning platform.

The kind of engagement and revival a game of Kahoot! brings to your online events is unbelievable. We played 2-3 games each workshop. Everyone gets super attentive and fresh to take on with their labs after the game.
HIGHLY RECOMMEND

📧 Our entire team We could not have done it without the entire team that worked for marketing this event. Right from promoting the event up until sending follow up mails to attendees on preparing their development environment, the team worked really hard and consistent. Sending these preparatory emails saved a lot of time during the event.

What needs improvement?

Of course every event has something or the other we could have improved.

🔑 Access to Teams There were access issue to get into teams. We have a tool to automate emails to credentials they might have gotten lost for some attendees. Fixing this will be our primary focus for the next event.
🏆 Swag One of the most interesting aspect of taking part in such events other than getting expert knowledge in new technologies is SWAG !

Who doesn't like swag!

For a virtual event, sending swag to over 3000 attendees is hard, but we could do better.
We did give away prize as Microsoft 365 developer subscriptions to Kahoot! quiz winner but c'mon swag will always be special.

👨🏽‍🎓 Too many Proctors channels As mentioned above, we followed Robert J Gates's article and we created a whole bunch of proctor's channels with names. Looking back at it's use throughout the event, it should have been generic channels max of 5 (without proctor names). There have been some confusion around who initiates these channel conversations as well. If they were generic, the channels could have been more efficiently managed.

Honestly this experience has left me and my peers more confident in running virtual events in Microsoft Teams.

We are constantly looking for ways to improve developer experience and Bootcamps like these are the stepping stones for developers to get started with new technologies. Their success as a developer is basically our role's primary goal and Microsoft Teams have enabled us as well as everyone who was part of this huge event feel empowered, empowered to develop, to create 🏆

Fin.

If you would like to read more on Microsoft Teams development, checkout our documentation 👇🏽
https://aka.ms/teams-doco
And more on Microsoft Graph 👇🏽
https://aka.ms/msgraph-hub