Edge Chromium - Progressive Web Apps Tutorial

In this video, you will learn about Progressive Web Apps (PWAs).
PWAs allow you to run applications in a separate window from your browser, making them act more like applications than websites.
The video demonstrates how to create a shortcut for a chat conversation using Microsoft Edge browser.
It shows how to install the site as an app, personalize it, and pin it to the taskbar or start menu for easy access.
The video also explains how to uninstall the app if needed.
This tutorial will help you understand how to turn websites into applications on your computer using PWAs, which is a great new feature of Edge Chromium.

3:11
2627 views

Available in Microsoft365

Objectifs :

This video aims to demonstrate how to create and manage Progressive Web Apps (PWAs) using the Microsoft Edge browser, specifically focusing on creating a shortcut for a chat application.

Chapitres :

Introduction to Progressive Web Apps (PWAs)
Progressive Web Apps (PWAs) are innovative applications that function independently from traditional web browsers. They provide a more app-like experience, allowing users to run applications in a separate window, enhancing usability and accessibility.
Creating a PWA Shortcut for Teams Chat
In this section, we will walk through the steps to create a shortcut for a Teams chat with a specific contact, Lisa Elliott. The process begins by opening Microsoft Teams in the Microsoft Edge browser.
Step-by-Step Guide to Install the PWA
Array
Accessing and Managing the PWA
Once installed, the PWA will appear on your desktop. You will notice an App Launcher in the top left corner, providing easy access to various platforms. Additionally, a menu will appear at the top, offering options to copy the URL, open the app directly in Microsoft Edge, or cast media to a device.
Pinning the PWA to Taskbar and Start Menu
Array
Uninstalling the PWA
If you wish to uninstall the app, you can do so by right-clicking on the app icon and selecting 'Uninstall'. You can also manage apps through the Edge menu by navigating to 'Apps' and then 'Manage apps'. Here, click the 'X' next to the app and check the box to remove it from both the browser and desktop.
Conclusion
Progressive Web Apps offer a seamless way to convert websites into applications on your computer, enhancing productivity and accessibility. This feature in Edge Chromium allows users to create shortcuts for frequently used web applications, making them easily accessible.

FAQ :

What are Progressive Web Apps?

Progressive Web Apps (PWAs) are web applications that provide a native app-like experience on the web. They can be installed on a device and run independently from a browser.

How do I install a PWA using Microsoft Edge?

To install a PWA in Microsoft Edge, open the desired website, go to the menu, select 'Apps', and then choose 'Install this site as an app'. You can personalize the app name before installation.

Can I uninstall a PWA?

Yes, you can uninstall a PWA by right-clicking on the app icon and selecting 'Uninstall', or by managing apps through the Edge menu.

What is the benefit of using PWAs?

PWAs allow users to access web applications more easily and quickly, providing a seamless experience similar to native applications without needing to open a browser.

How can I access my installed PWAs?

You can access your installed PWAs from the taskbar, start menu, or through the App Launcher in Microsoft Edge.

Quelques cas d'usages :

Team Communication

Using PWAs like Microsoft Teams allows users to create shortcuts for specific chats, improving communication efficiency by providing quick access to important conversations.

Project Management

PWAs can be used for project management tools, enabling teams to access their project dashboards directly from their desktop, enhancing productivity and collaboration.

Media Streaming

PWAs can facilitate media streaming services, allowing users to cast content to devices directly from the app, making it easier to enjoy media on larger screens.

Task Management

By installing task management PWAs, users can keep track of their to-do lists and deadlines directly from their desktop, improving organization and time management.

Customer Support

Businesses can use PWAs for customer support applications, providing quick access to support chats or ticketing systems, enhancing customer service efficiency.

Glossaire :

Progressive Web Apps (PWAs)

Web applications that can be installed on a user's device and run independently from a web browser, providing a more app-like experience.

Microsoft Edge

A web browser developed by Microsoft, which includes features for managing and installing Progressive Web Apps.

App Launcher

A feature that allows users to access various applications and platforms quickly from a single interface.

Taskbar

A user interface element in operating systems that allows quick access to applications and programs.

Start Menu

A feature in Windows operating systems that provides access to installed applications and system settings.

Uninstall

The process of removing an application from a device.

Chromium

An open-source web browser project that forms the basis for several browsers, including Google Chrome and Microsoft Edge.

00:00:08

you to run applications in a

00:00:11

separate window from your browser.

00:00:14

They act more like applications than

00:00:17

web sites and work independently from

00:00:20

your browser platform. In this example,

00:00:23

I have opened my Teams online and I usually

00:00:27

have many chats with Lisa on a daily basis,

00:00:30

so I want to create a shortcut

00:00:32

towards our conversation.

00:00:33

The way to do that,

00:00:36

from Microsoft Edge browser,

00:00:37

I've opened my Teams online

00:00:39

and now I'm going to the menu.

00:00:42

I click on "Apps".

00:00:44

And install this site as an app.

00:00:47

I will personalize this.

00:00:50

And write "Lisa Elliott - Chat",

00:00:52

for instance.

00:00:56

And I just install. In a second,

00:01:01

the application is installed on

00:01:04

my desktop app and here it is.

00:01:07

You will notice that on the top left

00:01:09

I have access to the App Launcher,

00:01:12

which means I can access these

00:01:14

various platforms easily from here.

00:01:16

Also, I have a menu that appears

00:01:19

on top which lets me copy the URL,

00:01:22

open this app directly on Microsoft Edge

00:01:25

or again I can cast media to device,

00:01:28

which means on a tablet for instance,

00:01:30

I could also have access to

00:01:34

this quick conversation.

00:01:35

You will notice that I now can go

00:01:38

ahead and pin this chat to my taskbar.

00:01:41

I can also go to the start menu here.

00:01:45

And locate "Lisa Elliott - Chat".

00:01:48

As recently added.

00:01:49

Or again, locate the app under L.

00:01:54

And here it is.

00:01:55

It says it was newly installed.

00:01:57

So when I do a right click I also have

00:02:00

the option to pin it to the start menu.

00:02:03

The tile appears here now,

00:02:04

so anytime I want to have access to the

00:02:07

app I can just click here click here.

00:02:10

Or here to open it.

00:02:13

If I wish to uninstall the app,

00:02:16

I can do it either by right clicking,

00:02:20

"Uninstall" or I can also do it from,

00:02:25

remember, here or let's open it in

00:02:27

Microsoft Edge and let's see how

00:02:29

it's done online. Back to the menu.

00:02:34

"Apps". "Manage apps".

00:02:37

And all you have to do here is

00:02:39

just click on the X, and here

00:02:42

make sure you check this box if

00:02:44

you want it to be removed from your

00:02:46

browser as well as the desktop menu.

00:02:53

So remember. PWAs allow you to

00:02:57

turn websites into applications

00:02:59

on your computer and it's a great

00:03:01

new feature of Edge Chromium.

Mandarine AI: WHAT YOU SHOULD KNOW