🏆 PWA ● Progressive Web Apps 🔥 İleri Web Uygulaması 
✅ Herkesin Ücretsiz Web Mobil Uygulaması Olsun

✅ Progressive Web App (PWA) Nasıl Çalışır

• PWA olarak tasarlanmış bir web sitesine mobil cihazınızdaki güncel bir Chrome tarayıcıyla girdiğinizde, tarayıcı bu uygulamayı kısayol olarak ana ekranınıza eklemek ister misiniz diye soruyor. Eğer kabul ederseniz web sitesi artık telefonunuzun ekranının tamamını kaplıyor ve normal bir mobile uygulama gibi çalışmaya başlıyor. Tabii ki burada çalışan yine bir web sayfası, ancak gerek tasarımsal gerekse kullanıcı deneyimi açısından doğru dizayn edilmiş bir PWA’da bunu farketmeniz çok zor oluyor.

• PWA'nın önemli bileşeni Service Worker ise web site içeriğinin mobil cihaza yüklenmesini sağlar. Böylece telefonunuz internete bağlı olmasa bile uygulamayı açtığınızda siz telefona aktarılan tüm içeriği ziyaret edebilirsiniz.

 

✅ Progressive Web App (PWA) Seçenekleri ve Kısaca Özellikleri

• Her kullanıcı çalıştırabilir. Tarayıcı bazlı çalıştığı için kullanıcıların bir kurulum yapması gerekmez.

• Esnektir Her platformda çalışır; masaüstü, mobil, tablet ve hatta gelecek teknolojilerde.

• Bağlantıdan bağımsızdır – Düşük bağlantı hızına sahip internet erişiminde kullanılabilirdir.

• Uygulama gibidir, Uygulama kabuğu modeli, işlevi içerikten ayrı tuttuğu için mobil uygulamalara benzer.

• Günceldir "Service Worker" teknolojisi sayesinde her zaman güncel tutulabilir.

• Güvenlidir Başka kişilerin transferi edilen veriyi görmemesinden ve içeriğe müdahale edilmediğinden emin olmak için HTTPS yoluyla sunulur.

• W3C standartlarına uygun olduğu için arama motorlarının bulmasını sağlayan "uygulama" olarak tanımlanabilir.

• Kullanıcıların, bir uygulama mağazasına bağlanmasına gerek olmadan ana ekranına en yararlı bulduğu uygulamaları ekleyebilmelerini sağlar.

• Paylaşılabilirdir Kullanıcılara karmaşık kurulum gerektirmeden uygulamayı URL yoluyla kolayca paylaşma imkanı verir.

daha fazlası için araştırabilir siniz: https://tr.wikipedia.org/wiki/%C4%B0leri_web_uygulamas%C4%B1

 

✅ Progressive Web App (PWA) Sisteminin Mobil Uygulamalara Göre Avantajları

• Programlama için ayrı bir kod tabanı gerekmez çünkü PWA HTML 5 ile de geliştirilebilir.

• PWA bir Google aramasında bulunabilir, çünkü bunlar tamamen dizine eklenebilir durumdadır.

• Güncellemeler bir uygulama mağazasından geçmek zorunda değildir. Bunun yerine, web uygulaması servis çalışanlarının yardımıyla en yeni standart haline getirilmiştir.

• Bir PWA, içeriği ve işlevleri, cihazın ön belleğine yüklediklerinden çevrimdışı olarak da kullanılabilir. İnternet bağlantısı tekrar mevcutsa, işlevler ve içerikler sunucuyla senkronize edilebilir.

• Geliştirme maliyetleri, mobil uygulamalardan önemli ölçüde daha düşüktür. Ayrıca PWA tüm platformlarda çalışır ve farklı cihazlar ya da farklı işletim sistemleri için farklı sürümlere ihtiyaç yoktur.

• Uygulamanın çalışması için herhangi bir mağaza gerekmez ve uygulama, tarayıcıyla birlikte çalıştığı için kullanıcının bir şey yüklemesine gerek yoktur.

• Kullanıcılar uygulamalar arasında kolayca geçiş yapabilir ve PWA içeriğini paylaşabilir. Aynı şekilde, linklere tıklandığında ve başka bir web sitesine geçerken daha az bekleme süresi vardır.

• PWA hemen yüklenir, böylece mobil uygulamalardan çok daha kısa bir yükleme süresi gerektirir.

• PWA’lar esnek ve her cihaz için uygundur.

 

✅ Progressive Web App (PWA) Sistemini Kullanmalı mısınız?

• Eğer mobil uygulama için zaman ve bütçe ayıramıyorsanız, kullanıcıların Web sitenizi mobil uygulama dışında takip etmesini istediğiniz bir alan varsa, PWA tam size göre.

• PWA kullanmak için çok fazla acele etmenize gerek yok, yaklaşık 2 senedir gündemde olan bu sistem henüz kullanıcılar arasında çok fazla yaygınlaşmadı. Ancak sağladığı avantajlar açısından bakılınca çok yakında yaygınlaşması söz konusu olabilir.

• Bu açıdan PWA sistemini mobil siteniz için uygulama planına almanızı şiddetle tavsiye ederiz.

 

✅ Progressive Web App (PWA) kod tanımlamaları

• name: PWA açılırken görüntülenecek metin

• short_name: Tarayıcılarda "Ana ekrana kısayol ekle" metoduyla eklenirken görüntülenecek metin, ayrıca ana ekranda bu metin ile görüntülenir.

• icons: PWA açılırken name'in üzerinde görünecek ikonlar ve ayrıca uygulamanın ana ekrandaki ikonu

• display: standalone seçeneğini kullandığınız zaman uygulama içerisinde adres çubuğu bulunmaz. Browser seçeneğinde ise adres çubuğu bulunur.

• background_color: Açılış ekranının arkaplan rengi

• theme_color: Eğer display:browser şeklinde kullanırsanız adres çubuğunun rengini ayarlamanıza yarıyor.

 

✅ Progressive Web App (PWA) Geliştirmek İçin Kütüphane Gerekli mi?

Hayır, Uygulamanızı PWA yapmak için mevcut web teknolojileri dışında ayrı bir kütüphane veya framework'e ihtiyacınız yok.

Sadece HTML, CSS ve JavaScript bilgisiyle bu tarz bir uygulama oluşturmanız mümkün.

Head meta bölümüne kodları diğerlerinide anadizine yüklemeniz yeterli olacaktır.

 

● Tarafımca kurulum ve ayarlamalar isterseniz tek seferlik 300 TL'dir.

● Açık Kaynak Kod Dosyalar: https://drive.google.com/file/d/1ZaPYjbcJqhj2ZjUCtbWoHg1Gam2_QE1W/view?usp=sharing

 

Faydalı olması dileyiğle...

“İnsanların en hayırlısı, insanlara faydalı olandır”. H.Ş.