Visual Studio Toolbox

Exploring our newest sample app, BikeSharing360

Exploring our newest sample app, BikeSharing360
5 (100%) 1 vote
(Video Transcript)
Hi there, and welcome back to another episode of Visual Studio Toolbox. I’m really glad to be back here, and today I have one of my colleagues, so I’m excited. Erika, welcome to Toolbox.

>> Hi, how are you?

>> Good, good, it’s gonna be, I think, a great day. We’re gonna talk about an app that we built for the recent Connect event, and Erika is the master mind behind the demo. So why don’t you kind of introduce this fully, and tell us about what we’re gonna look at today?

>> So I am Erika Ehrli. I work in the broad marketing team. I am very passionate about Visual Studio in Azure. And I work on keynote demos, it’s not just me, it’s a group of people working on the apps.

>> It’s not just you, you’re not the only person coding the whole thing?

>> No, it’s not, it’s a really good set of people working on this. And this is kind of our baby, and after the keynote, we were asked to share the code. And so we are excited to show it to people, and I tell a little bit more about how we built it and what’s in it and share the URLs for GitHub and just have it out there so people can use it.

>> Okay, awesome, yeah, the big thing that we want everyone to take away from this I think is, number one, we have lots of things that we built as demos for various events. But for the big events like Connect, we always try to share the source codes out. So the big thing about this video is that at the end of the video, folks can go and actually go and take a look at the source code. It’s gonna be up in GitHub. We try to publish everything we can. Not every single demo makes it up there as we know, not every demo is perfect. But we’ve got some great repos, and you have a great overview, so why don’t we jump in?

>> Okay, let’s do it. So, I mean, the very first thing I wanted to share is, go watch the keynotes, if you haven’t watched them. They’re on channel nine. There’s two amazing keynotes, one is Scott is working on, and Hanson and keynote. [CROSSTALK] Just Scott’s, and we have 15 amazing demos, not all of them are based on the scenario, some are just showing on the tooling. But they’re all awesome, and you should go watch them. And our first keynote is based on application innovation. So you’ll see the world we’re living. It’s the world of mobile apps, everybody has their phones and their tablets, and the mobility is important. So we try to show how to build mobile applications and then they’re also everywhere, so they need to be on the cloud. So we talk about mobile first, then cloud first. Also, we live in a world where we have lots of languages and tools and platforms and iPhones and Androids.

>> Too many [LAUGH].

>> Windows machines, too many, so I mean, we’re pushing Open-S and so we’re a platform for any developer, any application, any platform. And the last thing that I think is very interesting is the intelligence of the app, it’s like you need apps that get to know you and personalize the experience for you. So that’s what we try to build on and show at that first keynote.

>> Yeah, so the context of the audience is that we had all these requirements come in from our management and the things we wanted to talk about. And your job was to actually go and build out demos that were, we’re not building production applications, but things that are realistic enough that we can share the code as a demonstration to the audience. That’s why we’re doing this video for you folks, and then we’re publishing all the code we can. And it should work with the bits that are public, we’re not publishing things that are based on sort of puff wear. Nothing is gonna be, you can’t do this yet, if it’s published, you can go ahead and download it and run it with the bits that we have available. And you’re gonna go for some of the scenarios and how we broke it up, basically.

>> Yeah, that’s exactly right. So, our second keynote was based on productivity. And we shared a little bit more of like what you can do with different tools. During Connect, we announced Visual Studio 2017 RC and also Visual Studio for Mac and Visual Studio Mobile Center and TFS 2017. So with all these tools, you can build a lot of different applications, of course, and you can take advantage of the cloud and Azure.

>> You need to mention the cognitive services and TSTS and the cloud and all the stuff you have to work with.

>> Yep, exactly, so that’s our second keynote. So the story I wanna tell today is, why is it that we build these demo applications, and what is it you get with it? So, we are trying to inspire developers, right? We live in a world where the most important person in the enterprise today is the developer.

>> We definitely think so, [LAUGH] at least.

>> Yeah, of course we are, so-

>> We’re not biased at all.

>> No, not at all.

>> We’re just focused on developers.

>> No, exactly, but no, but really, I mean, think about the world we live in, right? With Uber and Netflix, and banks are using all these technologies, so you really have to think how to innovate, right? It’s very important. So we tried to build a scenario that is inspiring and that can show how you can integrate different technologies and platforms into building something that is like for the real world, right? So in this case, I mean, what you’re gonna get, right, is an application that we build where we’re using back end services. So everything’s on Azure. We have mobile applications. People are on the go, so you need people to get something on phones, then we have websites. Websites for people to get to know the company, but also the actual company has the website to understand their customers. And the reason is-

>> Yeah, if it’s a full intern scenario, I mean, just on the slide here, we can see kind of how we broke it up, right, logically and how folks will be able to integrate into this experience for GitHub and start looking at the code. And we have cool stuff like bots. We have good hype words like microservices. But I mean, all this stuff is built on top of things that we’ve just released or released at the events. So the bot framework, right, we’ve got functions in Azure, all the stuff that you’re gonna kind of talk about and go through, and it’s all built in ASP.NET core, I believe.

>> Yes, yes, we have .NET core, and so it’s just like using the latest of the latest, which is super nice and fun.

>> I’m sure there were no problems getting all this ready before the big shift and before the [INAUDIBLE]. Folks, I didn’t think appreciate sometimes how we as behind the scenes people have to struggle with the fact engineering is still working on stuff that they’re gonna ship. And we have to start preparing demos and writing scripts and building apps and things that we hope, like you said, inspire developers. But it’s not easy to do, and I’m always amazed at what we come up with at the end. But yeah, let’s keep going here, we’ll show first what we built.

>> Yeah, and it is a really good partnership with engineering. And actually, just talking about something else, this is built by a team of people that are from engineering and marketing and different product teams, and also, we work with our MVPs and our customer team. So we all work together on this. So we all brainstorm and get the best we can on these scenarios. And then the idea is that you can use it as sample code later after the keynote, or if you wanna do the most when you have some good samples.

>> Yeah, I don’t think it was always our goal to sort of publish all these demos out. I mean, I’ve known plenty of events where you saw something on stage with some build years ago, and you never got the bits afterwards. But at least our team is really trying to make sure that we build things that we can share later. It’s part of the investment. I mean, these things are not cheap to make from a people perspective, and there’s graphic designers and all the stuff that has to go into making a very beautiful keynote. Now we’re making sure it also is something people can access.

>> Yeah, it’s out there, it’s for the people, we build it for them. So the scenario, so this year, like every year, we change the scenario. If you’ve just used the apps we’ve built before, we’ve done a health clinic and MyShuttle, which is kind of an uber like scenario, [CROSSTALK]

>> The two previous demos we showed, yeah. Yeah, MyDrive was the build one we did last time.

>> Exactly, and then we did a little shopping app for a summary in Azure. So, but this time, we wanted to build something around bikes. Bike showing is a very popular concept that is growing in a lot of different cities across the world. It’s an easy thing to understand, but it’s also a really good scenario that enables to show how we can build something that is intelligent, both for the people, the customers, right, and also for the enterprise.

>> Yeah, there’s a lot of scenarios that the bike theme sort of works with, right, and that’s where you have to build a lot of apps that don’t feel kind of contrived. They do feel like these are real scenarios that if you were building your own system, this is what you’d build out. So that is what we try to accomplish.

>> Yeah, exactly, and actually, there is a lot of really good companies who have done some of this. And what we’re trying to show here is how you can use all these technologies and products we are now seeing to improve your business and make it better experience for your customers. So I mean, the whole idea is that it’s a smart bike sharing system. It’s in New York and in Seattle. So you’ll see all our apps say New York and-

>> My two favorite cities.

>> [LAUGH] It is. And then the idea is that the experience is both personalized, but it’s also very modern and intelligent, right? So we have apps that work on different devices and platforms.

>> Yeah, the funny anecdote here is I always find these small pictures of people in our apps, and that’s always somebody from the team or somebody from engineering. I’ve had my face in there. It’s always fun to see our folks [LAUGH] in the limelight.

>> Yeah, and I mean, James is there because he was one of the masterminds, of course, behind the submarine applications and then connect at the keynote. And so yeah, you’ll see James and Beth and Lara and all my phones and my apps because we worked together on doing this.

>> I like that James Mantanengo, the mastermind, that should be his title in the gallery. We should see if HR will let us update it.

>> I’m sure he’ll like it.

>> Yeah, he’ll vote yes, but it’s harder.

>> Anyway, so basically, that’s the concept. And what we’re trying to show is, we have to think about the enterprise first. How is it that they can take advantage of technology for managing their business? So in this case, just imagine you have 10,000 bikes, right, distributed in the city The bikes have IoT devices so you can track them. You can know where they are. And you wanna manage your business with intelligence. So I mean for example, if there is gonna be an event or something you have a fourth of your live event and you want to relocate your bikes.

>> Mm-hm.

>> You need that kind of intelligence. To run your business. Also, with Cognitive Services, now you can do a lot of fun things that are great. For example, think about not just the lecturing scenario, but any scenario where you need a kiosk. You could just show up, show your face, have interaction with an application through voice recognition, speech recognition without even having to type in anything and then do a transaction.

>> Yeah.

>> So.

>> Sweet, it opens a lot scenarios up to folks.

>> it is. I mean the AI, the whole concept of AI like it’s really changing the way we think like about apps of the future. So I mean this just representing that. And then for bike riders I mean the scenario is exciting. Think about this, you can go green and you can like save time and money going to places. Just get a bike anywhere, wherever you are. Find a bike station that is close to you. Rent the bike, get the bike, go to a place and return the bike. You have an experience, right.

>> Yeah. You have a mobile experience that really suits your needs.

>> Exactly.

>> Just like enterprise has their kiosks for you to interact with, or has their analytics to make sure that their system is working well. It’s cool.

>> Yeah. And finally like bots. It’s kind of a trend also. Just think about this like, how you interact with your customers. So the thing we thought about doing here is customer surveys, like personal assistants, through a bot. So you’re on the road, and you get a flat tire, or you lose your bike, or something is not gong well with your experience, and you’re on the road, right? You’re on the goal with your bike. So you talk to a bot and the bot interacts with you. I think that also changes the way we do things and we interact with technology and apps and enterprises.

>> Yeah, I’ve heard some people kind of say that bots are just glorified search engines. There’s some truth to that but I think the reality is, and when you’re building your own experience around the bot, you can actually integrate it quite deeply into your application. The bot can know where you are, if you’re allow it automatically the bot can understand the context of the business transaction that’s happening. Could know, well you just out a bike, so if you’re saying some search query, it can know how to react to it. So bots are just very flexible things, and I think folks shouldn’t ignore them just because it is in some ways something to be familiar with but it is creating this whole new world like of integration that’s possible from the application. But then like Skype right, so you can Skype to a bot or whichever IM service you’re using it’s really cool stuff.

>> Yeah. Definitely, so a little bit of like the architecture and of course, you have no idea about the brainstorming sessions, like the things that we come up with, but we have to find-

>> It takes work is what you’re trying to say.

>> No.

>> Just building this diagram takes a little bit of energy.

>> It does, but it’s also there’s so much stuff, I can tell you, there’s a million other things that we thought about that are not here, in a way

>> We have to keep the scenario simple enough that it’s easy to explain and to understand. But you cannot be sure expanding and adding more blocks of technologies to expand this business, right? So but generally speaking, like I explained earlier, so you have a bike rider that can get a marketing website to get to know what’s going on with this business and how do I get in, how do I sign up. Then you also have your Xamarin applications. No matter what kind of platform you’re using, whether you have an iPhone, an Android or a Windows phone you can get the app, right, and that’s where you can rent the bikes, and you can interact with the application. You also have the kiosk, I mentioned this, where you can just go and rent a bike without even typing anything.

>> And what do we use to build the kiosk? Is it a UWP app?

>> It’s a UWP app, and we are using cognitive services, and I’ll go through that. But basically, yeah, so the idea is that you can get that kind of interaction for the customer. In the middle of course we’re like, cloud first, right? And so, Azure, Azure is a big thing, everything is on Azure on our backend. We tried to create an architecture using micro services so we have micro services on a core and no JS. And we’re using Azure functions, servies, ACS for multi container apps. We store our data on C 40 V. The IOT device that’s an interesting thing. So obviously we don’t have like enough of them right but here the idea is you have an IoT device on the bikes right, and you can get all that data. Think about it, it’s a scenario of pick data, like think about for the UPS coding that you get from all these bikes, right. So, we have a scenario where we use Azure data lake to store all that. And then you can use SQL for example to like get queries and queries this specific on this exact time.

>> Yeah.

>> So I mean that’s kind of what we’re trying to show. And then thinking of the enterprise where you have your private website where you have Power BI for example. Embedded, and then you can get analytics on like what’s going on with your business. You also have a maintenance application. So if someone is on the road and reports an issue you get a notification. We wanted to have also an example using Cordova. So we built a Cordova application for maintenance and also works on all the different platforms. So, basically, in a high level, this is what we have as the applications.

>> Cool.

>> And, in previous years, we kind of released all these apps together. We bundled them into a GitHub. This year, we decided to split everything in seven different repos. And so that’s what I’m going to share about next, but the idea is that if you want everything you have seven different repos. But if all you want is to work with for example you just go to the mobile repo and just get the code from there so that’s the idea.

>> Cool yeah and we’ll have all the links to all the repost in the previous demonstration that we published out

>> Of this, of what we can see so for us to worry about the little rules we have here and there they’ll have it all

>> Right. Yeah, so we also will have a blog post that goes through like all the [INAUDIBLE] the description, we’ll have the links there, but the [INAUDIBLE] if you want for example websites this is what we have. We have, I mentioned, the marketing website and this is the company website. That’s the dashboard.

>> That’s the Power BI.

>> That’s the Power BI, exactly. And so we use different technologies. These website in particular, we actually built it using MBC and also .NET Core. So we have two versions of the same websites. Then this is very interesting the Microservices. We announce Visual Studio tools for Docker during connect. You can do like single container apps, multi-container apps, and CICD. Donovan did a really amazing demo or set of demos on this. You should definitely go watch the keynote and watch them right.

>> And we have demos of this.

>> But we bundled like two different repos. With the two applications, so you can like download the code and play with the tools where are now available, and you can work with them. Then this is a beautiful, like good looking mobile applications on Xamarin. So these one, I think this is a very interesting application. It is what the consumer will use to interact with the company, right? So basically the idea is you have an application where you can book a bike, you can have some integration also with events. We have an API that we use from Ticket Master. So you can get like old events on the CD, and from your same application, you can say I wanna go to Cirque Du Soleil. Or any be like Broadway show, you select event and then you can from one station to the other and get the transaction, all that in the same application.

>> It’s a cool idea, definitely to have map public data or data from other data sources in the application while demonstrating the power of keeping you productive and getting a bike and returning the bike or finding something. Yes, then also, something else you can do is, when you create a profile, related to that is you can scan your credit card. So you can, get the transactions for whether you are booking an event and you can purchase the tickets. Or you can also, just pay for the subscription that you’re using from the bicycle. Also you can report incidence like i said when you are on the road, for example like say you lose your bike and then you can talk to us about right. Well you can get all that from the same application. We have the watch, we made a like a version of the watch I have it here, but why do we switch to this machine?

>> Sure. Let’s go over to the let’s go over to the Surface book.

>> I can show you a little bit more of this application.

>> Cool. There we go. We switched over.

>> Great. Thank you. Perfect. So what I have here is the emulator for Windows and here I have this application that’s responsive you know that we build. The same applications works on android, works on Windows phone and so here is my summary project where I have the solution. So.

>> Right, this is actually source cover publishing suppose.

>> Exactly.

>> And get started.

>> Same thing. So we have. The back end. So we have the events, I was telling you, and then profile information. Then we have the wearables. Here’s what I have my watch code. It’s a very simple application. On this one, what we did is basically you’re on the go and you want to rent a bike. You know where you are. So you say, I want a bike from A to B, rent it and basically you get that from your watch. Then the nice thing about building the application on Xamarin is no matter what platform you’re using, you can use XAML and you can code your application. For example, this is my login page and this is what I built. The other thing is you can use C sharp, it’s native code. It works everywhere. So this is my, for example my iOS application. And for example you can reuse views. For example I have a View Controller here, I’m using for credit card. So have you seen those applications where you actually scan your credit card from your iPhone?

>> I’ve never actually seen that, I mean I’ve seen the reader thing in every cab I’ve been in recently.

>> Basically we are reusing a view controller for that in our code. Where you can just take a picture the credit card. And then that’s how you register the information.

>> That’d be cool.

>> Yeah.

>> I guess the whole swiping thing is kind of dying breed.

>> Right. And if we switch to the phone actually, I mean have the application. This is now on an iPhone, right? But basically, I mean the ways works, you know what is. It’s kind of chilly outside but I’m pulling the events in New York City because I’m going to go to New York City. So I-

>> Cuz it’s a demo app. That’s really all.

>> No but let show you something interesting about this. This is coming from Ticket Master, so something we’re publishing is that we have a little tool that use to update the feed of data. So we’re really seeing that. You can update your own data for events.

>> You can make your demo [INAUDIBLE] your GO.

>> Exactly, exactly. And that’s cool, right?

>> Yeah.

>> Basically you say, I want to go to this event. You can buy a ticket and you can rent a bike, so you can book a bike. And basically this will like, give you a bike and it will tell you where the bike is, right? You can also have like your profile information, in there. You can see your rights and then you can report incidents, so this is more or less the screen. So if I do something like for example I have a flat tire, right. So flat tire on the front, so I’m gonna report this. So this I mean, we’re using push notifications. So you’re gonna get a notification that this was reported. And then with the other application that we have, the code of application, which is the maintenance app, the enterprise will get a notification. Hey this user has a flat tire.

>> Right. So tech could respond.

>> Exactly.

>> In the field, that’s cool.

>> Exactly, exactly. So that’s more or less the Xamarin application. You’re welcome to use the code. If we switch back to this machine I’ll show you very quickly the repo.

>> We’re not there yet.

>> Okay.

>> Service pro.

>> Can we go back to the, okay. This is my repo. It’s one of the seven repos where we are releasing this same code I was just showing. So we are also trying to create documentation around how to use it, what to demo, what is everything. So we’re working on that. And we are happy to know that we can use this as well.

>> Yeah, right now in this screen, you can see it says, private on the repo. That’s because we’re recording before your rate is published right?

>> Yeah yes exactly.

>> So you guys are still finalizing your team and by the time the video will be out, the will be out [INAUDIBLE] everything at the same time.

>> Right yeah.

>> So if you’re watching this you can get the code already.

>> That’s a good point yeah. Okay so let’s go back to the presentation and keep talking about the rest of the apps. So we talked about the current application, this is the one where we are, that thing I just did about like I have a flat tire.

>> It would show up on that application.

>> Exactly. So we have notification examples on both the Cordova side and the Xamarin side.

>> These are backend services so again the way we split our architecture, we’re using micro services, we have Azure functions. So we have all these micro services, we have feedback MicroService of mounted core. A micro sever of MicroService on OJS and so on, we have others, right?

>> Yeah.

>> The partner providers, what I was explaining about Ticketmaster. We have the External Events API.

>> Yeah [INAUDIBLE] the Weather API.

>> And the Weather API.

>> Cool.

>> Which tells you I’m really cold in here. So, yeah, so that’s another repo and, you can go play with that. Also, we have Azure functions code in that same repo. That’s the demo that made. And, this is kind of my next thing. So I wanna talk a little bit about Visual Studio Tools for Azure. So one of the things that I think is a commitment from the Visual Studio team is, better integration with Azure. We wanna build tools that make it super easy and simple for you to work on Azure from your Visual Studio. I mean, you’re writing code, and at the same time, you don’t need to switch to do things, you can do them [INAUDIBLE] right?

>> So stay in VS, make VS a full experience where we can, basically.

>> Exactly. So two things I want to show is like the updated acquisition experience, from 2017 for the tooling crasher, and we just do those for functions review, so I want to show that quickly as well.

>> Okay, let’s do it.

>> So, let me go here. The very first thing that I’m gonna show you is our installer for Visual Studio Enterprise 2017 RC. So before with previous versions of Visual Studio, if you want the Azure SDK it’s standalone installer. Right now our latest version is 2.9.6 of the SDK. You can get it now.

>> Version number [CROSSTALK] you win a prize.

>> So the SDK for 2015, you can download it, It’s available. We released it also after connect. So you can go get the standalone installer. But if you’re working with RC and you’re wondering, where’s the tools, well guess what, it’s now integrated as part of the workload, so we have an actual development workload. And basically that’s all the tooling you need for Azure. And that includes, for example, the data link tools, what you do with, use SQL, use to analyze big data. And then if you’re wondering, where’s the Docker tools? The Docker’s tools that was showing we have the .Net core and Docker preview. So if you install here, let me just, I’m gonna just select these and just have these. This is what includes the Docker tooling. So this is why you need to get the tools we use to then connect for the demos for Docker.

>> Yeah I like how it gives you options, if you select the top one again, the top workload. At first I [LAUGH] kind of missed this when I was playing around with it, but you do have the option sometimes to select additional things that, by default, aren’t enabled. We try to make the installer as compact and fast as possible. I tested the installer myself after we released our seek and as the final RC bits I was able to get up and running for you the BP into my home desktop machine in ten minutes. I mean that was really-

>> Yes.

>> In eight and a half minutes, something like that. I wrote a blog post about it and even though I selected a bunch of optional things here, it still is very fast, so this installer much more flexible than before. It’s even smart enough to tell us you’re already running Visual Studio. One instance, you got to close it but yeah, it’s definitely something we’re investing a lot into.

>> Yup, and so again, a lot of people were asking what are in 2017 80s like they just need to get the right.

>> Right.

>> All right so that’s my first thing but if you’re still working with 2015 something really exciting we just released is tooling for Azure functions as a preview, and I think that’s one of the most exciting things. Doing her demo at Kinect, she talked about functions. And basically, what we have, this is also integrated with the phone. On the actual phone, on your profile you can get a selfie, get your profile picture. Basically we do two things with that picture. We analyze it and like get, we use cognitive services so you can figure out like the age and the gender of a user, and we also process the image so it looks prettier on your phone app. So we do the two things. So we have a function for that. It’s in Azure.

>> So this is the Azure portal now you have to be showing the code in there.

>> Exactly, so this is the code in Azure. And now I’m gonna switch to Visual Studio I installed the tools. To make the tools work you need the Azure SDK 2.9.6 and you need to install the Azure tooling for functions. And basically it’s the same exact same goal for my application. And the nice thing is you can work on it from Visual Studio. You can right-click and publish and deploy your function to the portal from here. And also as I mentioned like Visual Studio is integrated with Azure so you could use a cloud explorer for example here like the scenarios that we are taking these image. And we are moving into Azure storage as a BLOB, right? So from Visual Studio you can explore your storage, right?

>> Yeah, you can see your containers, your cues, everything.

>> And you can see your input and your output, so yesterday I was playing with this and I got my selfie in there.

>> Cool.

>> So it’s processed and then the last thing is how will the company use this information. So I have this dashboard right, which is a private website I was talking about. And basically here you can see, I can get people rights by date and gender, and by age. So I can start understanding how is the population of my customers, what age range? So I can predict things like hey, I need to buy smaller bikes or bigger bikes or bikes for college kids or. So I think this also helps a lot a business, I mean, and that’s just with taking one picture, so.

>> Yeah, it’s amazing and terrifying at the same time where technology is heading soon.

>> I know but think about-

>> We’re all gonna be in trouble soon.

>> Think about how when you’re shopping online. That’s the way it is. You buy something and immediately start getting all these ads, these little things-

>> Everywhere you go, that Surface Dial that you might have looked at in the Microsoft store follows you around. Not that I had that experience.

>> Yeah, and in the end it’s sample code. We use it so that we can show the power of cognitive services and what kind of information you can get. It’s also in Azure, everything’s on the cloud. So there is a good scenario.

>> Yeah, real code, people can see how we did all this stuff.

>> Exactly. So the last two things that we did were two applications just thinking about AI and how we are gonna go change the world in the future, the developers have that big mission. So as I mentioned we have these kiosk application, Lara showed it on the key note. It was the last demo. And it’s a really fun demo because basically what you do is you have the application open. It’s a UWP application. You get close, there’s a camera view. It recognizes your face so we’re using the face API to recognize your face.

>> Yep there’s our boss being recognized.

>> Yeah.

>> We got his picture in there.

>> Yeah and so basically you get the application knows who you are because you have your profile picture. It’s everything all tied together. So you got your profile picture. Now we know who you are so when you get to a station imagine you forgot your phone but you really need to go to work, right?

>> Yeah how does it identify you?

>> You really need to go, right? So-

>> You type in your username and password using the onscreen, no, that’s not-

>> So you just go to a station and basically you approach the kiosk, it will recognize your face. We’re doing a two-factor authentication So basically we make you say a sentence so we’re using speech and voice recognition.

>> Right some kind of security phrase and then.

>> Exactly so we have a security phrase. So we have the two factor. And then once you are authenticated, then the application will ask you well what do you want to do, right? You may not want to rent a bike, you may wanna do something else. But If you say rent a bike, the application already knows who you are, they have all your information from your profile so they will credit your credit card. They will just say okay, we’ll do the transaction for you and we will unlock the bike 25 from the rack and then you can go get it. And then that’s it. All you have to do is show up. So, it’s a really nice application. We are releasing the code. This was built by our customer team from Visual Studio. And I think it’s an amazing app. It’s one of these things that’s fun to go do it again, and again, and again. And it’s exciting, because it shows that you don’t have to go to a place and sign in and type 20 things you know, you just show up. And that’s it.

>> The whole simplifying sign in thing is huge. I mean just Windows Hello on my Surface book has been the most amazing experience. I really, I’m the type of person we get to a meeting, then we go to the next meeting, then we go to the next meeting. Your machine is constantly going up and down with the lid, but every time I open it just logs me in. I had one time I forgot my password, I’ll be honest because I was using visual login and my PIN. And I was like I have a password, I forget what that even is. But it does make it much more kind of secure and lasting. You wanna do is type your full password, to your network resources in airport or something, right? It’s much safer to do this kind of analytics, and nobody wants to be typing on someone’s screen keyboard, whatever right? That’s a last resort. This is-

>> And the reality is, there’s companies who are already using that. Like Uber, they use the face recognition.

>> Yeah, Uber uses it.

>> So you know who’s driving the car, who’s gonna come and help you, right? So you know that and they have to use that. They’re using actually basically.

>> These are real scenarios. We’re not saying that the way we implement it is the most Ideal security protocol or whatever. We’re showing technology. Our point is to demonstrate tech, not demonstrate security practices. But as a concept, this concept is being thought through by other companies in the real world, and I think has a lot of potential, so it’s cool.

>> Yeah, so the last thing is the bot. So we built a bot, and the scenario we thought about is customer service. So here’s some screens on me chatting with the bot about, I lost my bike. When did it happen, and where did it happen, and let me help you. But the very interesting thing is this bot is both talking to a customer and it can determine intent. And so, for example, if you lost your bike and you need a human to go interact with you. It will go contact someone from the enterprise. And in this case it will tell them, hey you need to bring a bike to X person who is there. Right and that’s-

>> Very UBER like experience, your car is about to arrive. Your bike’s about to arrive.

>> Exactly. So here, there’s a help desk incident, right? And then, it, the ETA is determining where’s the and how long it will take that person to get where the customer is.

>> Yeah, the system can be very intelligent. I think Uber has taught a lot of us what the future could be like for other things beyond just renting a car. And this is really awesome, that’s built on top of our stack.

>> Yeah, exactly, but what do we use to build something like this? So something is interesting, we released also the Azure bot surveys.

>> Mm-hm.

>> So let me show you, in case you haven’t seen it. So this is a new service that’s in Azure. And it helps you build bots, right? What’s very interesting is on this bot service you have different channels. So you can pick from any different channel that you want.

>> What is like a channel in this context?

>> So in this context for example, it’s like where will the interaction with the customer happen? So for example, I have my in my personal phone I’m using Skype, right. Because I work at Microsoft and I use Skype all the time.

>> You love Skype?

>> And there’s also a Microsoft themes now, so you can use that but you can use the web chat or we also would like to connect with it with the Facebook messenger.

>> Cool, yeah.

>> So basically whether you use lack or, think about where your users are and where’s the interaction happening, and then you enable that, right? So you have different channels.

>> And it seems like you can even chat with your own bot here [CROSSTALK]

>> Yeah, you can make your custom bot. So, in this case, the bot we’re using, we’re using LUIS, which is accountative services. And it’s just to determine intent, right? So we have the code of the bot in here. And the idea is that you can figure out in what it said that the customer would wanna do and then have some responses, right? So the application actually, if I show it to you is exactly what I had on the screen before but just like showing you how it looks in reality. Can we switch to this phone?

>> Here we go.

>> Okay, so I have my bike sharing incident on my bot. So this is the Facebook messenger bot using that same service. I’m signing on this phone as Lara. So it’s asking when did this happen? About 90 minutes ago. And so It will figure out where my bike is, right? And this, we were making the joke that Scott Hanselman stole the bike. And so, oddly the bike is in Chipotle, right?

>> That would be very strange for Scott, you’re absolutely right, he would never go there. It must be somebody else. [LAUGH] Inside humor there.

>> Yeah, so I am at Spring Studios right now. And so this is what will kick up the support incident. If you see there was a delay in there between the two messages.

>> Mm-hm.

>> This is because the bot sent a message to the enterprise saying that I lost my bike.

>> Mm-hm.

>> And it’s figuring out, it’s gonna take 14 minutes for someone to come and bring me a bike to where I am.

>> This isn’t static text basically. It’s actually trying to do the full set of transactions you would do in the real world.

>> Yeah, yeah, and so some of the responses, of course it’s a demo.

>> Yeah, it’s not a full bot, it’s not a full application.

>> Exactly.

>> We’re here to inspire, not provide a solution.

>> Yeah, no, but in the sample, you can use, it’s in year half too. We published it. So you’re welcome to use it. So just wrapping up here. So the goal is now in GitHub or it will be in a few days, right?


>> Fast forward when we’re actually publishing this video, this recording, right?

>> Yeah.

>> And then we are having a blog post and we’re lining to all the repos. Again it’s seven different repos, you can get all of them if you want them or just the one app you want. It’s all for you. Like I said, this is a group of people working together. It’s current MVPs, people from engineering, from marketing, from a lot of different product teams. We work on those for two months before the key note, using Agile technologies and having data stand ups and using what any developer team will do.

>> Yeah.

>> But it’s an exciting thing for us, and we’re still working together on releasing all the code. And we are looking forward to the next one.

>> It’s cool. It’s a big thing if people love. Lots of familiar names there. The app looks awesome.

>> All right. Microsoft loves developers.

>> That’s my favorite slide right there.

>> Yeah, that’s the best one. It’s a good time to be a developer, I mean, you get to change the world doing these kinds of things, for the real world of course, it’s out there and it is a statement, it’s a reality.

>> Yeah, it’s what we believe in and what we’re trying to enable.

>> Right.

>> Well, that was awesome, thank you so much for coming on.

>> Well, thank you so much for having me.

>> Yeah, it’s been great and thanks you folks for watching.

>> Thank you.

>> I hope you enjoyed the episode and we’ll be back in another show, I’m sure before you know it. So keep watching and thanks again and go check out all the source code. Thank you.

>> Thank you.


Read the video

In this episode, Dmitry is joined by Erika Ehrli, who shares the BikeSharing360 E2E demo scenario, architecture, and suite of apps used in Connect(); 2016 keynotes.

Jump ahead to any of the following demo repo discussions and demos:

  • Demo Scenario – [09:45]
  • Demo Architecture – [13:00]
  • Websites GitHub Repo – [16:35]
  • Microservices GitHub Repo – [17:12]
  • Mobile Apps GitHub Repo – [17:45]
  • Mobile Apps Demo – [19:35]
  • Microservices & Visual Studio Tools for Azure/Docker – [24:35]
  • Azure Functions Demo – [28:28]
  • Cognitive Services Kiosk App GitHub Repo – [31:44]
  • Azure Bot Service Demo – [35:15]

BikeSharing360 GitHub Repo’s:

Previous sample apps:

Comments to Exploring our newest sample app, BikeSharing360

  • The presenter would have gotten her points across better if she was not interrupted so often by the interviewer.

    devdells December 19, 2016 3:05 pm Reply
  • Will you be publishing the slides?

    FloydianMehran February 21, 2017 12:03 am Reply
  • @devdells:Especially when the presenter mentioned his two favorite cities.(a)

    FloydianMehran February 21, 2017 12:05 am Reply

Leave a Comment

Your email address will not be published. Required fields are marked *

1Code.Blog - Your #1 Code Blog