HansR on the Web: dotnetcore

Showing posts with label dotnetcore. Show all posts

5/20/19

Week #20's Wednesday Evening Training: Web Socket implementation using ASP.NET Core, Angular and SignalR

Ever wondered how to push information from the server to your single page app in the browser?

Delivering up-to-date information is crucial today. In classic web applications, server side code is passive and needs to be queried to get information. Web sockets, however, gives the ability to have server-side code push content to clients in real-time.

This Wednesday Evening Training, our colleagues Sina Wahed and Carl in 't Veld gave us an excellent introduction into the application of web sockets in a connected web browser setup.

This technology really helps building a real-time web experience in applications like chat, stock tickers, co-editing et cetera.

So, what did we do during our Wednesday Evening Training?

We started with a Microsoft-flavored :) overview of event driven architectures and the application of web sockets in a connected web browser setup.

After this, Carl gave us a demo and code walk through of a nice example SignalR application building an event-driven web socket enabled web application. SignalR is an ASP.NET based software library allowing server code to send asynchronous notifications to client-side web applications. Read more on this in the links below.

Then Sina escorted us in a deep-dive into the details of the web sockets protocol. WebSocket is a computer communications protocol, providing full-duplex communication channels over a single TCP connection.

Of course there was plenty of room for Q&A, discussions and hands on labs. But since the amount of contents exceeded the amount of time, we'll continue these topics in next Wednesday Evening Training sessions. We'll also take a deep dive in additional related topics as well.

Interesting and innovative stuff! Thanks Sina and Carl for sharing your knowledge with us!

Next Wednesday Evening Training...

Next Wednesday Evening Training, we'll have an introduction on Neural Networks. We'll be getting an overview of the concepts and applications and we'll dive into the mathematics & algorithms involved.

Further study

Do you want to read more on the topics in this post or play around with the technology? Here are some links…

To get started:
Have the latest Nodejs/npm LTS installed: https://nodejs.org/
Have Visual Studio Code installed: https://code.visualstudio.com/
or Visual Studio 2017 / 2019 if you have a Visual Studio subscription. https://visualstudio.microsoft.com/

On Web Sockets:
WebSocket: https://en.wikipedia.org/wiki/WebSocket
WebSockets 101: lucumr.pocoo.org/2012/9/24/websockets-101/

On SignalR:
SignalR: https://en.wikipedia.org/wiki/SignalR
Real-time ASP.NET with SignalR: Incredibly simple real-time web for ASP.NET: https://dotnet.microsoft.com/apps/aspnet/real-time
ASP.NET Core SignalR .NET Client: https://www.youtube.com/watch?v=vHgMD7I3Duw
Example code (GitHub): https://github.com/swappdeveloper/watwsstappen
Example code (GitHub) swappdeveloper/WednesdayTrainingWebsocketExample:
https://github.com/swappdeveloper/WednesdayTrainingWebsocketExample
Example code using Azure Durable Function (GitHub): https://github.com/cveld/DurableFunctionsExample

Past Wednesday Evening Trainings on all topics

You 'll find post of previous sessions here: https://www.linkedin.com/search/results/content/?keywords=%23wednesdayeveningtraining

Work @Capgemini?

Do you want to join us? We're always looking for and well-motivated young professionals. Do you have a bachelor or master degree or extensive practical experience? Or do you have a relevant ICT / Informatics training and you have become curious about us? Please send me an mail. Working for us gives you access to all Wednesday Evening Trainings!

3/15/19

Week #11's Wednesday Evening Training: Control your Raspberry Pi using LUIS on Azure (part 2)

This session was the second part of two sessions where we got an introduction on the Azure Cognitive Speech Services, combined with LUIS, .NET Core and the Raspberry Pi. Read my first post on this topic for a quick introduction of the topics involved and a quick "how to" to get started yourself.

So how did we proceed this evening?

This evening, we continued with our lab. Some of us experimented using Android based mobile phones for speech input. Also, we did some experiments controlling other hardware than LED's. There was lot's of discussion and brainstorming on other applications and alternative implementations like MQTT and NodeRED. Far more than we could handle in just one evening. Therefore, we'll continue our labs in the next Wednesday Evening Training on IoT (that will be a "klusavond" on april 3rd).

Thanks Ronnie Jongenelen, for sharing your knowledge with us! Great stuff!

Next week's Wednesday Evening Training

Next week we will continue our Quantum computing sessions. We'll have a lot of topics to discuss, e.g. complexity theory, Cryptography, optimization and machine learning (quantum neural nets). Looking forward to this!

Past Wednesday Evening Trainings on all topics

You 'll find post of previous sessions on my blog and on LinkedIn: https://www.linkedin.com/search/results/content/?keywords=%23wednesdayeveningtraining

Work @Capgemini?

3/8/19

Week #10's Wednesday Evening Training: Control your Raspberry Pi using LUIS on Azure (part 1)

This session was the first part of two sessions where we got an introduction on the Azure Cognitive Speech Services, combined with LUIS, .NET Core and the Raspberry Pi.

Raspberry Pi

In many Wednesday Evening Trainings we experimented with the Raspberry Pi. This is a is a series of small single-board computers developed by the Raspberry Pi Foundation to promote teaching of basic computer science in schools and in developing countries. The Raspberry Pi can be also be used in home automation, industrial automation and commercial products. Several generations of Raspberry Pis have been released. All models feature a Broadcom system on a chip (SoC) with an integrated ARM-compatible central processing unit (CPU) and on-chip graphics processing unit (GPU). The Raspberry Pi Foundation provides Raspbian, a Debian-based Linux distribution for download, as well as third-party Ubuntu, Windows 10 IoT Core, RISC OS, and specialised media centre distributions.[109] It promotes Python and Scratch as the main programming languages, with support for many other languages. .NET Core 2.0 applications will also run on a Raspberry Pi (see the resources below).

LUIS

LUIS (Language Understanding Intelligent Service) is a machine learning-based service to build natural language into apps, bots, and IoT devices. LUIS enables you to integrate natural language understanding into your applications without having to create machine learning models. Instead, you can focus on the application's logic.

A client application for LUIS is any application that communicates with a user in natural language to complete a task. The application sends utterances (text) to the LUIS natural language processing endpoint API and receives the results (interpretation) as a JSON response. In this JSON response, Intents describe how LUIS determines understands what a user wants to do. Entities recognized by LUIS will also be returned. The client application then uses the Intents to make decisions about how to fulfill the user's requests.

For this workshop, a (free) LUIS account was needed. This could be created on the LUIS portal at https://www.luis.ai. This portal also offers an excellent intro into Artificial Intelligence.

So what did we do this evening?

We built a prototype based on a sample app with which we could control two LED lights on a Raspberry Pi by spoken commands. The example prototype was built for a Raspberry Pi and contained a Console App for recording spoken text through a microphone, a LUIS app for voice recognition, and an ASP.NET API, directly installed on a Raspberry Pi that controlled the LED lights.

The sample prototype used in this session used the following hardware:

Raspberry Pi 3B
One 40-way T-Cobbler Breakout Board for Raspberry Pi
One 830 point Breadboard
One yellow led light
One blue led light
Two resistances of 500 ohm
Four male to male cables to connect the different parts

With the prototype we could turn on and off a yellow and a blue LED light by using the following voice commands: “turn on the yellow / blue light” and “turn off the yellow / blue light” “. The prototype therefore had to be able to understand whether I had to turn a LED on or off, but also which color that had to be turned on or off.

We therefore had to create a LUIS app with which we could analyze a spoken command and determine the intents of this command. A console application that received a voice command and forwarded it to our LUIS app had to be created as well. The LUIS app then sended back a response containing the received voice command and an overview of the intents.

To convert the results that we received from LUIS to GPIO commands on the Raspberry Pi, we had to build an ASP.NET Core Web API that had to be installed directly onto the Raspberry Pi. Therefore, .NET Core had to be installed on the Raspberry Pi. No problem, since .NET Core also runs perfectly on Linux.

Thanks Ronnie Jongenelen, for sharing your knowledge with us! Great stuff!

Next steps...

Next Wednesday Evening Training we will continue our lab. Also: we will be experimenting on using alternative solution components: MQTT and NodeRED. Since the Arduino (single-board computer) also has our attention in the Wednesday Evening Trainings, we'll also have a brainstorm on how to implement this solution on the Arduino.

Past Wednesday Evening Trainings on all topics

You 'll find post of previous sessions on my blog and on LinkedIn: https://www.linkedin.com/search/results/content/?keywords=%23wednesdayeveningtraining

Work @Capgemini?

7/5/18

This week's Wednesday Evening Training: continuing our handson labs on Blazor (.NET web apps using WebAssembly that run in the browser)

This Wednesday Evening Training, we have continued our exploration of Blazor (and WebAssembly, and ASP.NET Core). In previous sessions, we already learned what WebAssembly is and we played around with the demo's and some handson labs. This evening, we continued our exploration.

So what was Blazor again?

Blazor is an experimental .NET web framework using C#, Razor and HTML that runs in the browser via WebAssembly. It runs in the browser on a real .NET runtime (Mono) implemented in WebAssembly that executes normal .NET assemblies. See the architecture below.

Why WebAssembly could be a game changer?

WebAssembly is a relative recent technology, but hopes are high that this technology will have a big impact on how we implement web applications, and even mobile apps. It offers an open, fast and securely executing assembly language standard, already supported by all major browsers (even mobile versions). There are also possibilities to run WebAssembly outside a browser, e.g. as an interpreted application. Programming languages can be compiled into WebAssembly (there already are quite a few compilers available at this moment) and distributed in your infrastructure. Imagine developing an application, web application, app or distributed application in your favorite programming language and IDE and let it run almost anywhere. WebAssembly could well be used for implementing applications' logic, data flow handling and compute-intensive applications.

I would not be surprised if JavaScript frameworks and libraries (for example for state management, data flow handling) will partly or completely be replaced by WebAssembly. The use of JavaScript (yes, also Angular 2+ applications now are simply executed in (compacted) JavaScript) will be drastically reduced. The latter will also appeal to the suppliers of cloud platforms and cloud services.

But maybe I am an extreme optimist. :)

Back to this evenings' training...

One of our .NET champions, Hans Harts, shared more of his prototypes with us. We got extensive code walkthroughs and lot's of opportunity for Q&A and discussion. We discussed a Blazor based game a to do list and a simple CRUD application. After this, we continued our labs to which some more labs were added.

There will certainly be a sequel to this session... to be continued... thanks Hans Harts for sharing your knowledge!

Past Wednesday Evening Trainings

You'll find post of previous sessions here: https://www.linkedin.com/search/results/content/?keywords=%23wednesdayeveningtraining

Next week

In next week's Wednesday Evening Training, we'll be continuing our exploration of IoT: Raspberry Pi, Arduino and Witty Cloud. Aishwarya Dhall will give us a nice demo on her multi sensor project and we will take a look at the Arduino create web editor with which I've played around a bit.

#capgemini #werkenbijcapgemini #lifeatcapgemini #wednesdayeveningtraining #webassembly #dotnetcore #blazor #microsoft #webdevelopment #csharp #visualstudio

5/30/18

This week's Wednesday Evening Training: Infrastructure basics, part 2: What you should know about web servers

In this Wednesday Evening Training, we continued our exploration of basic infrastructure. This time, we explored web server technology. In this, a special welcome for our French colleague Théo Berthin who visited our Dutch site.

Apache, IIS, Tomcat, all are fine examples of webservers. But how do they work, from a technical point of view? In this session we have taken a look at the whole process of accepting and processing requests and generating responses. Which components are involved, how do they interact and how has the web server technology involved the past decade(s)?
Bart van Beek and I had prepared a presentation and some demo's / walkthroughs for this.

After a deep dive into the http protocol, requests and responses, we first discussed IIS. IIS, Internet Information Services, is the web server technology of Microsoft. We have discussed processing requests, the request pipeline, process handling with application pools and web workers, how IIS supports .NET and .NET Core and how .NET Core applications are served using other web server platforms on non-Microsoft Operating Systems.

We enjoyed demo's / walkthroughs on Spring and Tomcat web server, and Microsoft's IIS and had plenty of opportunity for lively discussions on security, scaling and other technical topics. Especially when NodeJS (as a web server) came up, the discussion seemed to intensify ;).

As a bonus, Bart van Beek has given us a recap on the Open Systems Interconnection model (OSI). This model is a conceptual model that characterizes and standardizes the communication functions of a telecommunication or computing system without regard to its underlying internal structure and technology. http, tcp/ip can be placed in this model.
Also this time, Bart managed to largely fill the room-wide whiteboard!

There definitely were plenty of questions left at the end of this week's Wednesday Evening Training. Also, the community would like to experiment with both platforms in handson labs. In the next Wednesday Evening Training on infra we'll definitely include labs for both IIS and Spring/Tomcat and provide some answers on the remaining questions.

To be continued!

Past Wednesday Evening Trainings

You'll find post of previous sessions here: https://www.linkedin.com/search/results/content/?keywords=%23wednesdayeveningtraining

Next week

In next week's Wednesday Evening Training, we'll be taking a deep dive in infrastructure a well. In this "how stuff works" session we will discuss various infra topics from a technical point of view.

#capgemini #werkenbijcapgemini #lifeatcapgemini #wednesdayeveningtraining #iis #tomcat #spring #microsoft #webserver #java #nodejs #dotnet #dotnetcore #dotnetcore #kestrel #httpsys

5/23/18

This week's Wednesday Evening Training: building .NET web apps using WebAssembly that run in the browser with Blazor

This Wednesday Evening Training, we have continued our exploration of WebAssembly. In a previous sessions, we learned what WebAssembly is and how we can use it. Now, we continued our exploration using Blazor.

So what is Blazor anyway?

Blazor is an experimental .NET web framework using C#/Razor and HTML that runs in the browser via WebAssembly
Blazor uses only the latest web standards. No plugins or transpilation needed. It runs in the browser on a real .NET runtime (Mono) implemented in WebAssembly that executes normal .NET assemblies. It works in older browsers too by falling back to an asm.js based .NET runtime.
(source: https://github.com/aspnet/Blazor)

Some of us have already played around with WebAssembly and Blazor. Hans Harts and I have given an introduction and Hans shared his prototypes with us. Thanks Hans Harts, for this! There was a plenty of room for code walkthroughs, Q&A and lively discussion on the technology, possibilities and future of WebAssembly and Blazor. Since Blazor is build upon .NET Core and Razor, these topics were discussed extensively as well.

Handson labs

We also had time for handson activities. Hans and I had collected some handson lab and instruction material that we shared in the group. For starters: building a simple "Hello world" app and as a next step, a lab for building a simple Tetris-like game engine that runs in the browser. See the links below for the labs & documentation.
WebAssembly is a relative recent technology, but hopes are high that this technology will have a big impact on how we implement web applications, and even mobile apps.

There will certainly be a sequel to this session... to be continued!

Past Wednesday Evening Trainings

You'll find post of previous sessions here: https://www.linkedin.com/search/results/content/?keywords=%23wednesdayeveningtraining

Next week

In next week's Wednesday Evening Training, we'll be taking a deep dive in Web servers. In this "how stuff works" session we will discuss the technology of several web servers, like Tomcat, IIS, Kestrel and HTTP.sys. In such sessions, we usually use the entire wall-filling whiteboard sketching :). We'll take a look at the platform architecture, the way in which requests are processed, security, scaling, threading et cetera. Bart van Beek and I will prepare this session.

#capgemini #werkenbijcapgemini #lifeatcapgemini #wednesdayeveningtraining #webassembly #dotnetcore #blazor #microsoft #webdevelopment #csharp #visualstudio

2/21/18

This week's Wednesday Evening Training: Authentication, Autorization & Auditing basics and implementation in .NET Core and Java

In this session, Ronnie Jongenelen and Bart van Beek gave us a nice introduction on Authentication, Autorization & Auditing. Implementations in both ASP.NET Core (Identity Framework) and Java (Spring) were demonstrated and illustrated with a code walkthrough. We've had plenty of opportunity for Q&A and discussion. In this session we also welcomed Rene Wiedeman of the UWV architect community. Thanks for joining us Rene!

To be continued!

#werkenbijcapgemini #lifeatcapgemini #capgemini #wednesdayeveningtraining #microsoft #dotnetcore #java #spring

5/20/19

So, what did we do during our Wednesday Evening Training?

Next Wednesday Evening Training...

Further study

Past Wednesday Evening Trainings on all topics

Work @Capgemini?

3/15/19

So how did we proceed this evening?

Further reading

Next week's Wednesday Evening Training

Past Wednesday Evening Trainings on all topics

Work @Capgemini?

3/8/19

Raspberry Pi

LUIS

So what did we do this evening?

Next steps...

Further reading

Past Wednesday Evening Trainings on all topics

Work @Capgemini?

7/5/18

So what was Blazor again?

Why WebAssembly could be a game changer?

Back to this evenings' training...

Further reading

Past Wednesday Evening Trainings

Next week

5/30/18

Further reading

Past Wednesday Evening Trainings

Next week

5/23/18

So what is Blazor anyway?

Handson labs

Further reading

Past Wednesday Evening Trainings

Next week

2/21/18