Progresif Web Uygulamaları

Progresif Web Uygulaması (PWA), kullanıcılara daha güvenilir bir deneyim sunmak için aşamalı geliştirmeyi kullanan, daha entegre bir deneyim sunmak için yeni özellikleri kullanan ve yüklenebilen bir web uygulamasıdır. Ayrıca, bir web uygulaması olduğundan tek bir kod tabanıyla herkese, her yerden, her cihazdan ulaşabilir. PWA, yüklendikten sonra başka herhangi bir uygulamaya benzer. Özellikle:

• Ana ekranda, uygulama başlatıcıda, başlatma alanında veya başlat menüsünde bir simge bulunur.
• Bu seçenek, cihazda uygulama aradığınızda görünür.
• Tarayıcı kullanıcı arayüzünden tamamen ayrılmış, bağımsız bir pencerede açılır.
• İşletim sistemiyle daha yüksek düzeyde entegrasyona (ör. URL işleme veya başlık çubuğu özelleştirmesi) erişebilir.
• İnternet bağlantısı olmadan çalışır.

Web platformu

Web, muhteşem bir platform. Farklı cihazlar ve işletim sistemlerinin evrensel olması, kullanıcı merkezli güvenlik modeli ve spesifikasyonu ya da uygulamasını tek bir şirketin kontrol etmemesi, onu yazılım sunmak için güçlü bir platform haline getirir.

Web'in doğal bağlantılanabilirliğiyle birlikte, web'de arama yapmak ve bulduğunuz bilgileri istediğiniz yerdeki herkesle paylaşmak mümkündür. Bir web sitesine gittiğinizde, yayıncının dağıttığı en son sürüm gösterilir ve bu siteyle ilgili deneyiminiz istediğiniz kadar geçici veya kalıcı olabilir.

Web uygulamaları, tek bir kod tabanıyla herkese, her yerde ve her cihazdan ulaşabilir. Web, geliştiricilere şeffaf ve basit bir dağıtım mekanizması da sunar. Paketlemeye, ek içerik incelemesine veya güncellemelerde gecikmelere gerek yoktur. Kullanıcılar uygulamanızı ziyaret ettiğinde her zaman en son sürümü görür. Yeni özellikler ve tekniklerle web uygulamaları artık çevrimdışıyken bile içerikle etkileşim kurmanıza veya içerikleri görmenize olanak tanıyabilir. Bu, birkaç yıl önce aşılamanın imkansız olduğu bir engeldi.

Platforma özel uygulamalar

Hem mobil hem de masaüstünde platforma özel uygulamalar zengin ve güvenilir olarak bilinir. Ana ekranlarda, yuvalarda ve görev çubuklarında her zaman yanınızdadır. Bu uygulamalar, ağ bağlantısından bağımsız olarak çalışır ve kendi bağımsız deneyimlerinde açılır. Yerel dosya sistemindeki dosyaları okuyup yazabilir, USB, seri veya Bluetooth üzerinden bağlı donanımlara erişebilir, ayrıca cihazlarınızda depolanan kişilerle (ör. kişiler ve takvim etkinlikleri) etkileşimde bulunabilirler. Platforma özel uygulamalarda, başka bir uygulamadayken fotoğraf çekebilir, ana ekranda listelenen şarkıları çalabilir veya medya oynatmayı kontrol edebilirsiniz. Bu uygulamalar, çalıştırıldığı cihazın bir parçası gibi hissettirir.

Platforma özgü uygulamaların en büyük zorluk, birden fazla platform ve cihazla uyumlu olmamasıdır. Bu nedenle, yeni bir uygulama oluşturmadan Android uygulamasını iOS veya iOS'e Windows ya da ChromeOS'e taşımak, mümkün olsa bile kolay değildir.

İki dünyanın en iyilerini bir araya getiriyor

Platform uygulamaları ve web uygulamaları, özellikler ve erişim açısından bakıldığında platform uygulamaları en iyi özellikleri temsil ederken web uygulamaları erişimi en iyi olan uygulamalardır. Progresif web uygulamaları, platform uygulamalarının özelliklerinin ve web uygulamalarının erişiminin kesişim noktasında yer alır. Progresif Web Uygulaması (pwa) her iki ortamdan da özellikler içerir.

Benimsemenin avantajları vardır

ABD'deki bir video akış hizmeti olan Hulu, kullanıcı yorumları ve kullanım oranı düşük olan masaüstü uygulamalarının yerine deneyimlerinin Progressive Web App sürümünü oluşturdu. Google I/O 2019'da paylaşıldığı gibi, bir geliştirici bu deneyimi mevcut web uygulamasından iki hafta içinde araştırıp uygulayabilir.

Beş ay içinde eski uygulama kullanıcılarının %96'sı PWA'yı kullanmaya başladı. Bu sayede geri gelen ziyaretlerde %27, etkileşimde ise %5,5 artış elde etti. Başlatıcıda ve görev çubuklarında yer aldığından, PWA'lara geri dönmek, yalnızca bir sekmede yer almaları durumunda olduğundan daha kolaydır.

Endonezya'da birçok ürün için teslimat hizmetleri sunan bir e-ticaret platformu olan JD.ID, PWA'sı için performansa ve ağa bağlı olmayan sağlam bir deneyime odaklanarak online varlığını genişletmek istiyordu. Bu gelişmiş deneyim sayesinde genel mobil dönüşüm oranlarını %53, uygulamayı yükleyen kullanıcılar için %200 ve günlük etkin kullanıcı sayılarını %26 artırdı.

Clipchamp, herkesin video aracılığıyla paylaşılmaya değer hikayeler anlatabilmesini sağlayan, tarayıcı içi, masaüstü sınıfı bir online video düzenleyicidir. Şirket, PWA'sıyla standart masaüstü uygulaması kullanıcılarına kıyasla %9 daha yüksek kullanıcı elde tutma oranı elde etti ve PWA yüklemelerinin, kullanıma sunulduktan sonraki ilk beş ay içinde her ay %97 oranında arttığını gördü.

Corel Corporation'un Gravit Designer, zengin, uygun fiyatlı ve erişilebilir vektör illüstrasyon yazılımı isteyen on binlerce günlük etkin kullanıcıya hizmet veren güçlü, masaüstü sınıfı bir vektör tasarım aracıdır. Kullanıcılar, PWA'yı yükleme seçeneği olarak eklediklerinden beri diğer platformlara ve yükleme seçeneklerine kıyasla PWA kullanıcılarının% 24 daha aktif olduğunu, PWA'nın% 31 daha fazla düzenli kullanıcı oluşturduğunu ve PWA kullanıcılarının Gravit Designer PRO'yu satın alma olasılıklarının 2,5 kat daha fazla olduğunu gördüler.

Yayıncılıkta devrim yaratan özellikler

Bulut oyun ve uzaktan bilgi işlem dahil olmak üzere yayın platformları sektörü, Progressive Web Apps'in gücünü gösteren mükemmel bir örnektir. 2021'den bu yana çoğu bulut oyun sağlayıcı, konsol oyunlarını herhangi bir cihazdan ve yalnızca bir tarayıcı veya PWA kurulumundan oynamanıza olanak tanıyan Progressive Web Apps'i kullanıma sundu: iPhone, Android, iPad, dizüstü bilgisayarlar, Mac'ler veya PC'ler. Amazon Luna, Microsoft Xbox Cloud Gaming, Facebook Gaming, Google Stadia, Nvidia GeForce Now ve BlueStacks X, tarayıcı üzerinden PWA olarak bulut oyun çözümleri sunar. WebRTC, WebAssembly ve GamePad API'leri gibi web teknolojileri sayesinde hepsi tüm platformlarda yerele yakın performansla mükemmel bir deneyim sunar.

Meydan okumalar

PWA'ları yayınlamak için web platformunu kullanmanın avantajlarını ele aldık. Bununla birlikte, karşılaşabileceğiniz zorluklardan da haberdar olmanız önemlidir.

Tarayıcılar arası uyumluluk

Apple, iOS, iPadOS, macOS ve Safari'nin sahibi olarak çok cihazlı dünya için önemli bir şirkettir. Apple, PWA terimini hiçbir zaman herkese açık olarak kullanmasa da 2018'den beri iPhone ve iPad'ler için Safari'de PWA'ların yüklenebilir ve çevrimdışı olarak kullanılabilmesini sağlayan teknolojileri destekliyor.

Ancak Apple'ın PWA özelliklerini uygulamasında, diğer tarayıcıların (özellikle de Chromium motoruyla çalışan tarayıcıların) sahip olduğu birçok özellik eksik.

Ortadaki Firefox ve Gecko motoru, Android'de daha fazla PWA özelliği ve masaüstünde daha az yükleme özelliği içeren uygulamalara sahiptir.

Sınırlılıklar arasında push bildirimleri, entegrasyon API'leri (Web Bluetooth veya WebNFC gibi) ve kullanıcıların uygulama deneyimi elde etmek için mevcut web sitesini yükleyebileceklerini anlamalarına yardımcı olan yükleme promosyon tekniklerinin olmaması yer alır. Ayrıca, uygulanan özelliklerde birkaç hata var.

Tüm web geliştirmelerinde olduğu gibi, PWA'nızı yayınlarken ve yeni bir tarayıcı veya işletim sistemi sürümü kullanıma sunulduğunda deneyiminizi her platformda test etmek zorunludur. Bir özellik kullanılamadığında her zaman yedek çözümler veya alternatif deneyimler sunmalısınız.

PWA'lar hakkında bilgi sahibi olma

PWA geliştiricisi olarak muhtemelen hem işletme hem de kullanıcı tarafında bir bilinirlik sorunuyla karşılaşacaksınız. Bazı işletme sahipleri PWA'lar hakkında bilgi sahibi değildir veya Progresif Web Uygulamalarının gücü ve zorlukları hakkında yanlış fikirlere sahiptir.

Bir PWA yayınladığınızda, bir sonraki zorluk kullanıcıların web sitesinin yüklenebilir olduğunu anlamasını sağlamaktır. Bu, yüklü bir uygulama deneyimine yol açar.

Yükleme sorunu, iOS ve iPadOS gibi bazı platformlarda daha belirgindir. Bazen kullanıcı deneyimi tasarımcıları, kullanıcıya uygulamanın nasıl yükleneceğini açıklayan ekranlar ekler.

Uyumluluk

Progresif Web Uygulamasının sadece bir web uygulaması olduğunu unutmayın. Bu nedenle, içerik ve hizmetler standart spesifikasyonların ve protokollerin üstünde çalışır. Dolayısıyla PWA, teknik olarak web'in çalıştığı her yerde çalışır. Platformun herhangi bir "PWA spesifikasyonu" ile uyumlu olması gerekmez.

Ancak PWA ve uyumluluk söz konusu olduğunda genellikle tarayıcının sınırlarını ve yalnızca online bağlamları aşabilme olanaklarını düşünüyoruz: simge kurulumu ve çevrimdışı destek.

Klasik web platformu desteğinin yanı sıra simge yükleme ve çevrimdışı özellikler gibi temel uygulama işlevselliği için desteği kontrol edelim.

97 _%

Çevrimdışı kullanıma hazır tarayıcılar

88 _%

Web kullanıcıları PWA yükleyebilir

Veriler StatCounter ve Can I use (StatCounter ve Can I Use) tarafından sağlanır.

Masaüstü ve dizüstü bilgisayarlar

Çok faktörlü cihazların yaygın olduğu bir dünyada masaüstü cihazların ne olduğunu anlamak zor. Yine de, en azından işletim sistemi açısından, aşağıdaki tarayıcılar ve mağazalar PWA yükleme ve çevrimdışı özelliklerle uyumludur:

Windows 10 ve 11

Google Chrome (sürüm 73'ten), Microsoft Edge (79 sürümünden), Microsoft Store

ChromeOS

yerleşik Chrome Tarayıcı (72 sürümünden itibaren), Play Store (85 sürümünden itibaren)

macOS, Linux ve Windows 7 ve 8.x

Google Chrome (73 sürümünden itibaren), Microsoft Edge

Aşağıdaki videoda kullanıcı, masaüstü bilgisayardaki tarayıcıdan PWA yüklüyor ve sonra bu PWA'ya kendi bağımsız penceresi olan diğer herhangi bir uygulama gibi erişiyor.

Mobil cihazlar

Cep telefonları ve tabletler söz konusu olduğunda, Progresif Web Uygulamaları aşağıdaki tarayıcılar ve uygulama mağazaları kullanılarak çevrimdışı olarak yüklenebilir:

iOS ve iPadOS

Üçüncü taraf tarayıcılar (iOS/iPadOS 16.4'ten itibaren), Safari (iOS 11.3'ten itibaren), AppStore (iOS/iPadOS 14'ten itibaren, bazı sınırlamalarla), kurumsal dağıtım için mobil yapılandırma.

Yapay Zeka

Firefox, Google Chrome, Samsung Internet, Microsoft Edge, Opera, Brave, Huawei Browser, Baidu, UCWeb, Play Store (Google Chrome'un yüklü olduğu 72 sürümünden itibaren veya TWA ile uyumlu tarayıcılar), Galaxy Store, kurumsal dağıtım için Managed Play iFrame.

Aşağıdaki videoda kullanıcı, tarayıcı iletişim kutusunu ve Ana ekrana ekle menüsünü kullanarak mobil cihazdaki tarayıcıdan bir PWA'yı yüklemektedir.

Diğer cihazlar

Oyun konsolları (Microsoft Store'a sahip Xbox) veya XR cihazları (Microsoft Hololens, Facebook'un Oculus'u için planlar) gibi bazı diğer küçük cihazlar da PWA'ları destekler. Ancak tarayıcıya sahip diğer cihazlar genellikle PWA'ları kabul etmez. Bunlar arasında şunlar yer alır:

• Oyun konsolları
• Akıllı TV'ler
• Akıllı saatler
• Arabalar

PWA'nız, her cihazın tarayıcısında her zaman çalışır ve belirli sınırlamalara sahiptir. Birçok cihazda çalışabilme özelliği, kullanıcının bir cihazda başlattığı görevi aynı dağıtılmış uygulamayla, verileri senkronize ederek başka bir cihazda tamamlayabileceği çok cihazlı yolculuklar oluşturmanıza olanak tanır.

Kaynaklar

• MDN'deki Progresif Web Uygulamalarına Giriş
• Progresif Web Uygulamaları Uyumluluk listesi
• Progresif web uygulamaları işletmeleri başarıya nasıl ulaştırır?
• Clipchamp'in video düzenleyici PWA yüklemeleri aylık% 97 büyüme gösteriyor
• PWA kullanıcılarının Gravit Designer PRO'yu satın alma olasılığı 2,5 kat daha yüksek