Progresif Web Uygulamaları

Progresif Web Uygulaması (PWA), kullanıcılara daha güvenilir bir deneyim sunmak için progresif geliştirmelerden yararlanan, yeni özelliklerle daha entegre bir deneyim sunan ve yüklenebilen bir web uygulamasıdır. Üstelik web uygulaması olduğundan herkese, her yerde, her cihazdan ve hepsine tek bir kod tabanıyla erişebilir. Yüklenen PWA diğer tüm uygulamalar gibi görünür. Özellikle:

  • Ana ekranda, uygulama başlatıcıda, başlatma alanında veya başlat menüsünde bir simge vardır.
  • Cihazda uygulama aradığınızda görünür.
  • Tarayıcının kullanıcı arayüzünden tamamen ayrı bir pencerede açılır.
  • İşletim sistemiyle daha üst düzey entegrasyona (ör. URL işleme veya başlık çubuğunu özelleştirme) erişimi vardır.
  • İnternet bağlantısı olmadan çalışır.

Web platformu

Web inanılmaz bir platform. Farklı cihazlar ve işletim sistemleri için evrensel olması, kullanıcı merkezli güvenlik modeli ve teknik özelliklerini veya uygulamasını tek bir şirket tarafından kontrol edilmemesi, ürünü yazılım teslim etmek için güçlü bir platform haline getirir.

Web'in doğasında bulunan bağlantı özelliği sayesinde, web'de arama yapmak ve bulduklarınızı her yerde herkesle paylaşmak mümkündür. Bir web sitesine gittiğinizde bu, yayıncının dağıttığı en son sürümdür ve bu siteyle ilgili deneyiminiz istediğiniz kadar geçici veya kalıcı olabilir.

Web uygulamaları tek bir kod tabanıyla herkese, her yerde, her cihazda ulaşabilir. Geliştiriciler için web, şeffaf ve basit bir dağıtım mekanizması da sunar. Paketleme, ekstra içerik incelemesi veya güncellemelerde gecikme gerekmez. Kullanıcılar uygulamanızı ziyaret ettiklerinde her zaman en son sürümü görürler. Yeni özellikler ve teknikler sayesinde web uygulamaları artık çevrimdışıyken bile etkileşimde bulunmanıza veya içerikleri görmenize olanak tanıyabiliyor. Bu, birkaç yıl önce üstesinden gelmesi imkansız olan bir engeldir.

Platforma özgü uygulamalar

Hem mobil hem de masaüstündeki platforma özgü uygulamalar zengin ve güvenilir olmalarıyla bilinir. Ana ekranlarda, yuvalarda ve görev çubuklarında her an kullanılabilirsiniz. Bu uygulamalar ağ bağlantısından bağımsız olarak çalışır ve kendi bağımsız deneyimlerinde başlatılır. Yerel dosya sistemindeki dosyaları okuyup yazabilir, USB, seri veya Bluetooth aracılığıyla bağlı donanımlara erişebilir, cihazınızda depolanan kişiler ve takvim etkinlikleri gibi verilerle etkileşim kurabilirler. Platforma özgü uygulamalarda, başka bir uygulamadayken resim çekebilir, ana ekranda listelenen şarkıları çalabilir veya medya oynatmayı kontrol edebilirsiniz. Bu uygulamalar, üzerinde çalıştıkları cihazın bir parçası gibidir.

Platforma özgü uygulamaların zorluğu, birden fazla platform ve cihazla uyumlu olmamalarıdır. Bu nedenle, sıfırdan yeni bir uygulama oluşturmadan bir Android uygulamasını iOS'a veya iOS'a Windows ya da ChromeOS'a taşımak mümkün olsa bile kolay değildir.

İki dünyanın da en iyi yönlerini bir araya getiriyoruz

Platform uygulamalarını ve web uygulamalarını yetenek ve erişim açısından düşünürseniz platform uygulamaları becerilerin en iyilerini, web uygulamaları ise en iyi erişimi temsil eder. Progresif Web Uygulamaları, platform uygulamalarının yetenekleri ile web uygulamalarının erişiminin kesiştiği noktada yer alır. Progresif Web Uygulaması (PWA) iki ortamda da kullanılabilir.

Web

  • Bağlanabilirlik
  • Varsayılan olarak erişilebilir
  • Her yerde
  • Dağıtımı Kolay
  • Güncellenmesi Kolay
  • Herkes yayınlayabilir

Platform uygulamaları

  • Çevrimdışı kullanılabilen
  • Yüksek performans
  • Cihaz Entegrasyonu
  • Bağımsız deneyim
  • Yüklendi simgesi
  • Zengin ve güvenilir

Benimsemenin avantajları vardır

ABD'de bir video akış hizmeti sunan Hulu, kullanıcı yorumlarının olumsuz yönde etkilendiği ve kullanımın kötü olduğu masaüstü uygulamalarının yerini alması için deneyimlerinin bir Progresif Web Uygulaması sürümü geliştirdi. Google I/O 2019'da da açıklandığı gibi, bir geliştirici iki hafta içinde bu deneyimi mevcut web uygulamasında araştırıp uygulayabilir.

Eski uygulama kullanıcılarının% 96'sı, beş ay içinde PWA'yı kullanmaya başladı.Geri gelen ziyaretlerde% 27, etkileşimde ise% 5,5 artış elde etti. Başlatıcıda ve görev çubuklarında olduğundan, PWA'lara geri dönmek, yalnızca bir sekmede kalmış olanlara kıyasla daha kolaydır.

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

Clipchamp, isteyen herkesin videoyla paylaşmaya değer hikayeler anlatmasına olanak tanıyan, tarayıcı içinde çalışan bir masaüstü sınıfı online video düzenleyicidir. Standart masaüstü uygulaması kullanıcılarına kıyasla PWA sayesinde kullanıcıları elde tutma oranında% 9 artış görüldü ve PWA yüklemeleri, kullanıma sunulduğu ilk beş ayda her ay% 97 oranında arttı.

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

Yayın akışındaki değişim

Progresif Web Uygulamalarının gücüne mükemmel bir örnek olarak bulut üzerinden oyun oynama ve uzaktan bilgi işlem gibi akış platformları sektörü verilebilir. 2021'den beri çoğu bulut oyun sağlayıcısı Progresif Web Uygulamalarını kullanıma sunmuştur. Bu sayede herhangi bir cihazdan ve sadece bir tarayıcı ya da PWA yüklemesinden yararlanarak iPhone, Android, iPad, dizüstü bilgisayarlar, Mac'ler veya PC'ler oynayabilirsiniz. Amazon Luna, Microsoft Xbox Cloud Gaming, Facebook Gaming, Google Stadia, Nvidia GeForce Now ve BlueStacks X tarayıcıdan PWA olarak bulut üzerinden oynama çözümleri sunar. Tümü WebRTC, WebAssembly ve GamePad API'leri gibi web teknolojileri sayesinde 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ından bahsedildikten sonra, karşılaşabileceğiniz zorlukların farkında olmak da önemlidir.

Tarayıcılar arası uyumluluk

Apple; iOS, iPadOS, macOS ve Safari sayesinde çok cihazlı dünya için çok önemli bir şirket. Apple, PWA terimini herkese açık bir şekilde hiç kullanmamış olsa da 2018'den beri iPhone ve iPad'ler için Safari'de PWA'yı yüklenebilir ve çevrimdışı kullanılabilir hale getirme teknolojilerini desteklemektedir.

Ancak Apple'ın PWA (Progresif Web Uygulaması) özelliklerini uygulaması, diğer tarayıcıların, özellikle de Chromium motoru tarafından desteklenen tarayıcıların sahip olduğu birçok özelliği eksik.

Ortada ayrıca, Android'de daha fazla PWA özelliği ve masaüstünde daha az yükleme özelliği içeren Firefox ve Gecko motoru var.

Sınırlamalar arasında push bildirimlerinin olmaması, entegrasyon API'lerinin (Web Bluetooth veya WebNFC gibi) ve kullanıcıların uygulama deneyimi edinmek için mevcut web sitesini yükleyebileceklerini bilmelerine yardımcı olan yükleme tanıtımı tekniklerinin yer almasıdır. Ayrıca, uygulanan özelliklerde çeşitli hatalar vardır.

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

PWA'ların bilinirliği

PWA geliştiricisi olarak hem işletme hem de kullanıcı tarafında büyük olasılıkla bir farkındalık sorunuyla karşılaşırsınız. Bazı işletme sahipleri PWA'lardan haberdar olmaz veya progresif web uygulamalarının gücü ve zorlukları hakkında yanılgıları olur.

PWA yayınladığınızda, bir sonraki göreviniz kullanıcıların web sitesinin yüklenebilir olduğunu anlamalarını ve bunun sonucunda da uygulama yükleme deneyimi yaşamalarını sağlamaktır.

Yükleme zorluğu, iOS ve iPadOS gibi bazı platformlarda daha önemlidir. Kullanıcı deneyimi tasarımcıları bazen 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, dolayısıyla içerik ve hizmetler standart spesifikasyonlar ve protokoller üzerinden çalışır. Bu nedenle, 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 ve yalnızca çevrimiçi bağlamın (simge yükleme ve çevrimdışı destek) sınırlarını aşabilme özelliklerini düşünüyoruz.

Klasik web platformu desteğinin yanı sıra simge yükleme ve çevrimdışı özellikler gibi temel uygulama işlevselliği desteğine de bakalım.

    %97

    Çevrimdışı kullanılabilen tarayıcılar

    %88

    Web kullanıcıları PWA yükleyebilir

Veri kaynağı StatCounter ve Can I use.

Masaüstü ve dizüstü

Çok öğeli cihazların dünyasında, masaüstü cihazın ne olduğunu bilmek artık zordur. Yine de, en azından işletim sistemi açısından bu 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 (sürüm 79'dan), Microsoft Store
ChromeOS
yerleşik Chrome tarayıcı (sürüm 72), Play Store (sürüm 85'ten)
macOS, Linux ve Windows 7 ve 8.x
Google Chrome (sürüm 73'ten), Microsoft Edge

Aşağıdaki videoda kullanıcı, masaüstü bilgisayardaki tarayıcıdan PWA yükler ve daha sonra, bağımsız penceresiyle diğer herhangi bir uygulama gibi erişir.

Mobil cihazlar

Cep telefonları ve tabletlerden bahsedecek olursak İleri Web Uygulaması, çevrimdışı özellikler içeren aşağıdaki tarayıcılar ve uygulama mağazaları aracılığıyla yüklenebilir:

iOS ve iPadOS
Safari (iOS 11.3'ten itibaren), AppStore (bazı sınırlamalarla iOS/iPadOS 14 sürümünden itibaren), kurumsal dağıtım için mobil yapılandırma.
Android
Firefox, Google Chrome, Samsung Internet, Microsoft Edge, Opera, Brave, Huawei Tarayıcısı, Baidu, UCWeb, Play Store (Google Chrome'un yüklü olduğu sürüm 72'den veya TWA ile uyumlu tarayıcılardan), Galaxy Store, Kurumsal dağıtım için Managed Play iframe'i.

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

Diğer cihazlar

Oyun konsolları (Microsoft Store'u içeren Xbox) veya XR cihazları (Microsoft Hololens, Facebook'un Oculus'u için planlar) gibi bazı küçük cihazlar da PWA'ları desteklemektedir. Ancak tarayıcı bulunan diğer cihazlar genellikle PWA'ları kabul etmez. Örneğin:

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

PWA'nız, belirli sınırlamaları olan tüm cihazların tarayıcısında her zaman çalışır. Birçok cihazda çalışma özelliği, birden fazla cihaz için yolculuklar oluşturmanıza olanak tanır. Böylece kullanıcı, bir cihazda görev başlatıp bu görevi başka bir cihazda tamamlayabilir. Veriler bu cihazlar arasında senkronize edilir ve dağıtılan uygulama tamamen aynı olur.

Kaynaklar