Total Downloads

3,471,025

Total Files

9,210

Latest Update

10

This is What Google Said About Progressive Web Apps at I/O

Posted May 21, 2017 | Android | Chrome | Chrome OS | Chromebook | Cloud | Google | iOS | Mobile | PWAs | Windows


Like Microsoft a week earlier at Build 2017, Google hosted several sessions at its own I/O conference about Progressive Web Apps, or PWAs. The theme at this show, however, was different, and of course Google doesn’t suffer from the same app platform ambivalence as does Microsoft. So there was a different vibe.

A couple of quick recaps.

Progressive Web Apps (PWAs) are the future of web-hosted apps. They overcome the inherent limitations of the web—performance, quality, and poor/unavailable Internet connections—and provide “native-ish” experiences on mobile and PC platforms. PWAs are so powerful, they can and will often replace truly native apps, and because they can run on any modern platform, they present an interesting solution for both developers and users alike.

In Microsoft’s case, I feel that PWAs are particularly important because the software giant hasn’t fielded a truly popular new native apps platform in decades. And with the personal computing market turning to non-Microsoft mobile platforms like Android, iOS, and Chrome OS, those of us on Microsoft’s platforms are being left behind. Windows phone is dead, and Windows on PCs is declining. So PWAs offer hope in an era where most developers are looking elsewhere.

But Google does not have Microsoft’s problems.

Today, Android is dominant in the mobile world, with over 2 billion active users—compared to 500 million on Windows 10—and roughly 85 percent market share in mobile overall (smartphones, tablets, hybrids). Chrome OS, likewise, is growing rapidly as well: Chromebooks control over 50 percent of the US education market today, but they’re also huge for consumers: Sales of these devices to end users grew 20 percent YOY at retail during a time in which PC sales fell overall. And Chromebook sales leapt 50 percent YOY during the holiday sales weeks around Thanksgiving 2016.

Given these healthy personal computing ecosystems, PWAs are in a different place on Android and Chromebook. And they play a different role. That is, Google doesn’t need to look to PWAs to make Android or Chromebook better, as I believe Microsoft does. Instead, PWAs are just one item in a long list of benefits of Google’s platforms.

Furthermore, PWAs are more mature on Android and Chromebook. Where Microsoft is now vaguely promising to bring PWAs into Windows 10 with the Fall Creators Update in September, these apps are already well established on Google’s platforms. And developers are using familiar toolsets to create and adapt PWAs to Android and Chromebook. (The latter, which started as a web-only platform, is perhaps particularly well-suited to this future.)

Anyway, if you look through the Google I/O 2017 session list on YouTube, you’ll find several PWA-related sessions and events.

Among them are:

Some general points.

As the session names suggest, much of the PWA content at I/O involved helping developers use whatever web-based technologies they already use to transition to PWAs. This makes sense, and it neatly highlights where this community of developers is, compared to, say, the .NET-focused Microsoft developer audience at Build.

And the potential reach of PWA is staggering. I mentioned the Windows 10 and Android user bases above, but the size of the web audience—over 5 billion devices are connected to the web now—dwarfs both. This is the biggest platform in the world, and it’s bigger than any device platform. By far.

But engagement is an issue. Looking at the top 1,000 mobile apps and mobile websites in the US by usage, the apps contribute 4 million unique monthly visitors, while the mobile websites hit 11.4 million. But engagement tilts heavily towards the apps, which get 188.6 average minutes per user each month, compared to the mobile web, with just 9.3.

PWAs are aimed squarely at the opportunity that is exposed by those numbers: Give the much bigger audience of web users the engaging native-like experiences that app users now get. The technology is now there to make this possible. It’s just a matter of developers making it happen.

As with Microsoft, Google touted the Twitter mobile web app, which is implemented as a PWA, as an obvious example of a web app that looks and feels like a native app. To test this, I visited Twitter.com with Safari on my iPhone and then used the Share > Add to Home Screen functionality to save a shortcut that lets me launch the site as if it were an app.

Safari doesn’t do as good a job as does Chrome on Windows of hiding the web browser “chrome”, but the Twitter website does indeed otherwise look and work like a native app. Here it is on Android.

In fact, it looks pretty good on Windows, too. (Using Chrome.) If it supported multiple columns, I might even consider using this “app” for Twitter. Hm. It even supports notifications.

Google touted other examples, too. The Financial Times long ago dropped their native apps and now only uses a single PWA that works across platforms, for example. Forbes and Lyft were also touted as offering full-featured PWAs in addition to native apps.

But the big question here is what Google is doing to enhance the experience of using PWAs on Android and Chrome OS. And the firm is offering up the following enhancements (mostly to Android).

Improved home screen experience. As with Safari on iOS, Chrome provides an “Add to Home screen” option so you can access web apps as if they were native apps. This is already available, and as is the case on Windows, you get a clean, “chrome-less” UX, which provides a native look and feel.

App launcher integration. Today, PWAs can be added to the Android home screen, as noted above, but they are not added to the Android apps drawer. Google has now enabled this functionality, though I don’t see the Twitter PWA in there, even on the Android O beta.

Android Settings integration. Likewise, PWA makers will be able to add their web apps to Android Settings, just like native apps, so that users manage them using familiar tools.

Search integration. PWAs will show up as suggestions in the Google Search widget on Android, just like native mobile apps.

Android intents integration. On Android, a system-level service called intents is used to determine which app opens when a user selects a certain kind of item. For example, a photo (*.JPG) might open in a particular app (Google Photos). On Android, PWAs are compatible with intents, and will soon work with the full-screen PWA experience and not just open in a Chrome tab. Users who add a PWA to their home screen will thus get a native experience.

New display modes. In addition to the chromeless app experience you can get today (in addition to a normal browser tab experience), Android will soon support additional PWA display modes, including a minimal UI mode that offers an address bar but is otherwise full screen.

Links to other sites. PWAs on Android will soon display a URL bar if the user tries to jump to a new page that is outside the web app. This will allow you to copy the URL, open it in a new Chrome tab, and more.

Banners. PWAs can display banners at the bottom of the screen that work like notifications and are often used to ask the user to pin the app to the Home screen. This is implemented already, but Google is adjusting how it works based on engagement studies. And is adding an “Add to Home screen” dialog mid-screen when the PWA first loads.

New capabilities. Chrome already provides PWAs with native capabilities on both Android and Chrome OS, but more are coming soon, including image capture, improved web share, shape (faces, QR codes, etc.) detection, and more.

Most of these changes are coming to Chrome on both Chrome OS and Android “later this year.” But remember that Chrome already supports PWAs in sophisticated ways, so these platforms are already much more mature than Windows 10/Edge when it comes to the modern web.

But take heart, Microsoft fans: In the session Progressive Web Apps: Great Experiences Everywhere, Google specifically calls out their “friends at Microsoft” for the work they are doing to integrate PWAs into the Windows Store, the first time such a thing will be implemented. It is perhaps notable that Google has not been touting the ability to add PWAs to its Play Store or Chrome Store experiences. And one area where, yes, Microsoft is actually ahead of Google.

I know. It’s amazing. And it nicely highlights why adopting open technologies can benefit everyone, and in this case, provide consistent experiences that work across platforms.

More to the point, Google’s PWA push at I/O 2017 has only strengthened my belief that this platform is even more important to Microsoft, and to Windows 10, than Microsoft’s own native platforms.

 

Tagged with , , , ,



Source link

')
ankara escort çankaya escort çankaya escort escort bayan çankaya istanbul rus escort eryaman escort ankara escort kızılay escort istanbul escort ankara escort ankara escort escort ankara istanbul rus Escort atasehir Escort beylikduzu Escort Ankara Escort malatya Escort kuşadası Escort gaziantep Escort izmir Escort
  • vans shoes
  • kyrie 4
  • lebron james shoes
  • kyrie irving shoes
  • puma fenty
  • lebron soldier 11
  • asics shoes
  • stephen curry shoes
  • pg shoes
  • puma fenty slides
  • lebron 14
  • kyrie 4
  • puma rihanna creepers
  • nmd human race
  • curry shoes
  • yeezy shoes
  • adidas nmd
  • lebron soldier 10
  • puma fenty
  • lebron soldier
  • lebron 15
  • kyrie 4
  • kd shoes
  • nike vapormax
  • stephen curry shoes
  • kyrie 4
  • kyrie 1
  • curry shoes
  • kyrie 2
  • adidas nmd shoes
  • stephen curry shoes
  • john wall shoes
  • http://www.kyrie4.us.com
  • adidas yeezy boost
  • yeezy boost
  • nike pg 2
  • kyrie irving shoes
  • adidas john wall
  • yeezy boost
  • j wall shoes
  • http://www.asicsshoes.us.com
  • curry 3 shoes
  • kyrie irving jersey
  • curry 3
  • kd 9
  • kd shoes
  • Kevin Durant shoes
  • http://www.kd-9.org
  • yeezy boost 350 v2
  • kd shoes
  • Curry 3
  • Curry 1
  • kevin durant shoes
  • yeezy boost
  • adidas nmd Runner
  • adidas nmd r1
  • kobe 10
  • adidas crazy explosive
  • air max 90
  • kobe 10 shoes
  • adidas nmd xr1
  • kobe shoes
  • curry one
  • kyrie irving shoes
  • adidas nmd
  • vans outlet
  • vans for sale
  • Curry 3
  • yeezy 350 boost
  • kobe bryant shoes
  • lebron soldier
  • under armour shoes
  • http://www.kyrie4.com
  • nike lebron soldier
  • adidas tubular instinct
  • vibram
  • vibram fivefingers
  • adidas tubular instinct boost
  • adidas ultra boost
  • adidas tubular
  • lebron soldier shoes
  • kids shoes
  • air jordan shoes
  • air max shoes
  • air force 1
  • nike air max
  • air max nike
  • lebron soldier shoes
  • soldier shoes
  • air max 90
  • air max 95
  • adidas nmd human race
  • nmd human race
  • kyrie 4
  • kobe 11
  • Curry One
  • Kobe Shoes
  • harden shoes
  • kobe 11 shoes
  • Curry 2
  • Harden 1
  • Curry 2
  • James Harden Shoes
  • lebron soldier
  • nike epic react
  • nike kyrie flytrap
  • nike epic react flyknit
  • lebron 10 soldier
  • nike lebron soldier
  • Curry Shoes 2015
  • Harden 1 Shoes
  • James Harden Shoes
  • Harden Shoes
  • James Harden 1
  • Under Armour Curry Shoes
  • kobe x
  • Kobe 10
  • Cheap Harden 1
  • kobe bryant shoes
  • kobe shoes
  • Lebron James Shoes
  • Cheap Curry Shoes
  • yeezy 950
  • Curry One Mvp
  • Nike Harden Shoes
  • Nike Kobe Shoes
  • Harden Shoes
  • Under Armour Store
  • Curry 2 Shoes
  • Curry Shoes
  • curry 1
  • curry 5
  • http://www.curry-5.us
  • Stephen Curry Shoes
  • Under Armour curry one
  • James Harden Shoes
  • stephen curry shoes
  • Steph Curry 1
  • Stephen Curry Shoes
  • kobe basketball Shoes
  • Nike Harden Shoes
  • fila shoes
  • fila
  • Nike James Harden Shoes
  • Harden Shoes For sale
  • Harden Shoes Sale
  • yeezy boost
  • new balance shoes
  • kanye west shoes
  • http://www.yeezyshoes.us.com
  • kobe x shoes
  • kd 8
  • adidas nmd xr1
  • balenciaga triple s
  • adidas yeezy boost
  • balenciaga triple s Shoes
  • adidas nmd r1
  • adidas yeezy outlet
  • adidas nmd
  • adidas nmd runner
  • adidas nmd pk
  • adidas nmd footlocker
  • adidas nmd r1 primeknit
  • new era caps
  • kobe bryant shoes
  • lebron soldier 11
  • kobe shoes
  • kyrie 3
  • nike kyrie 3
  • kyrie 3 shoes
  • air max shoes
  • yeezy boost
  • nike air max shoes
  • nike air max
  • kevin durant shoes
  • kd vii
  • kd 7
  • curry 3
  • curry 3 shoes
  • ua curry 3
  • curry 3 low
  • kyrie 3
  • adidas porsche shoes
  • adidas porsche design shoes
  • lebron james shoes
  • kobe shoes 2015
  • nike air shoes
  • nike air max shoes
  • kyrie 3
  • kyrie 3 shoes
  • nike kyire 3
  • cheap air max shoes
  • air max shoes
  • kd vii shoes
  • kd shoes
  • kevin durant shoes
  • adidas zx flux
  • adidas zx
  • jordan retro
  • nike soccer cleats
  • adidas tubular
  • adidas flux
  • cheap kd shoes
  • adidas ultra boost
  • kobe shoes nba
  • palladium boots
  • lebron soldier 10
  • air jordan 32
  • lebron soldier
  • lebron soldier shoes
  • kd 11
  • nike lebron soldier
  • air jordan retro/a>
  • cheap kobe shoes
  • soldier 10
  • adidas ultra boost shoes
  • adidas ultra boost
  • kevin durant shoes
  • kobe bryant shoes
  • jordan retro shoes
  • hyperdunk 2017
  • kd 7 shoes
  • porsche design shoes
  • curry 5
  • adidas porsche design
  • adidas shoes
  • kevin bryant shoes
  • kd shoes store
  • kd 7
  • Cristiano Ronaldo CR7
  • herve leger dresses
  • kobe shoes
  • curry 5 shoes
  • anello backpack
  • kobe bryant shoes
  • kd shoes
  • lebron shoes
  • kd sneaker
  • http://www.curry-5.com
  • adidas alphabounce
  • adidas boost
  • adidas d rose 7
  • jeremy scott adidas
  • nike sb dunk
  • jeremy scott wings
  • Nike CR7
  • jeremy scott shoes
  • js wings
  • lebron shoes
  • kobe shoes
  • balenciaga shoes
  • kobe bryant shoes
  • kyrie irving shoes
  • nike epic react flyknit
  • nike epic react
  • asics gel kayano 23
  • http://www.kyrie3.com
  • canada goose
  • lebron james shoes
  • asics gel kayano 22
  • Nike Lebron James Shoes
  • lebron soldier 12
  • Lebron James Shoes
  • asics gel lyte iii
  • adidas eqt
  • kd 10
  • nike kd 10
  • kyrie 3
  • adidas nmd womens
  • keen uneek sandals
  • prada shoes
  • air jordan 31
  • nike air poresto
  • nike air vapormax
  • nike huarache
  • nike vapormax shoes
  • nike mercurial
  • stephen curry shoes
  • kyrie irving shoes
  • kyrie irving basketball shoes
  • reebok pump fury
  • reebok pump superme
  • air max 270
  • kevin durant jersey
  • adidas iniki
  • adidas porsche design
  • lebron shoes
  • http://www.lebron-shoes.us
  • adidas porsche
  • wholesale hats
  • nike air more uptempo
  • kobe bryant jersey
  • wholesale caps
  • curry 5
  • http://www.curry-5.us
  • adidas superstar
  • curry 4
  • curry 4
  • kd 10
  • air max 270
  • Nike Pegasus 35
  • nike air max 270
  • adidas deerupt
  • supreme yeezys
  • nike kd 10
  • kevin durant 10
  • nike epic react
  • birkenstock sandals
  • nike epic react flyknit
  • nike kids shoes
  • adidas pure boost
  • lebron james shoes
  • calvin klein underwear
  • curry 4
  • birkenstock sandals
  • http://www.kyrie-4.com
  • curry 4 footlocker
  • http://www.birkenstocksandals.us.com
  • nmd r1
  • harden vol 2
  • stephen curry jersey
  • kobe shoes
  • nike roshe run
  • curry 4 shoes
  • new balance running shoes
  • ecco
  • childrens shoes
  • boys shoes
  • girls shoes
  • ecco Shoes
  • asics gel kayano 24
  • puma suede
  • kyrie 4 confetti
  • nike zoom vaporfly
  • birkenstock
  • mizuno shoes
  • ultra boost shoes
  • adidas clothing