ERETEK
BİLGİ SİSTEMLERİ
Modern Web Uygulamaları ve Headless

PWA ve Mobil Web Uygulamaları

Saha çalışanları, bayiler ve müşteriler için tarayıcıda çalışan, ana ekrana eklenebilen, zayıf bağlantıda da kullanılabilen progresif web uygulamaları (PWA) geliştiriyoruz. Service worker önbellek stratejisini, çevrimdışı veri senkronizasyonunu ve platformlara göre bildirim desteğini gerçekçi biçimde planlıyoruz.

Service Worker
Web App Manifest
Çevrimdışı mod
IndexedDB
Web Push (uygun cihazlarda)
Cache stratejisi
Erişilebilirlik
Mobil performans
Hizmet tanımı

PWA ve mobil web uygulaması nedir, kimler için uygundur?

PWA; modern web teknolojileriyle geliştirilen, tarayıcıdan açıldığı halde uygulama gibi davranabilen web uygulamasıdır. Web App Manifest ile ana ekrana eklenir, service worker ile dosyaları ve verileri önbelleğe alarak hızlı açılır ve bağlantı kesildiğinde de belirli işlevleri sunar. Tek kod tabanıyla tüm cihazlarda çalışır ve mağaza onay süreci gerektirmez.

Bu hizmete en çok ihtiyaç duyan kuruluşlar

Çözdüğümüz kurumsal problemler

Zayıf bağlantıda çalışmıyor

Depo veya sahada kapsama düştüğünde form gönderilemiyor, veri kayboluyor.

Mağaza uygulaması maliyeti

Küçük bir iç uygulama için iki platformda ayrı geliştirme ve yayın süreci yürütülüyor.

Yanlış önbellek

Kötü yapılandırılmış service worker kullanıcılara eski sürümü göstermeye devam ediyor.

Gerçekçi kapsam

PWA ne yapar, ne yapamaz?

Kamera, konum, çevrimdışı form, ana ekran simgesi ve uygun cihazlarda bildirim PWA ile mümkündür. Bluetooth cihaz kontrolü, arka planda sürekli konum veya bazı donanım erişimleri platform kısıtları nedeniyle yerel uygulama gerektirebilir. Bu ayrımı keşif aşamasında yapıyoruz.

PWA ve mobil web uygulaması kapsamında neler yapıyoruz?

Uygunluk analizi

Cihaz ve tarayıcı envanteri, gereken yetenekler, PWA mı yerel uygulama mı kararı.

Önbellek stratejisi

Uygulama kabuğu, statik dosyalar ve API yanıtları için uygun stratejiler; sürüm güncelleme akışı.

Çevrimdışı veri

IndexedDB ile yerel kayıt, arka plan senkronizasyonu ve çakışma kuralları.

Bildirimler

Uygun platformlarda Web Push, izin akışı ve alternatif bildirim kanalları.

Mobil performans ve erişilebilirlik

Düşük bant genişliği, dokunma hedefleri, ekran okuyucu uyumu.

Önce bağlantı koşullarını test ediyoruz

Saha ve depo koşullarını simüle ederek (yavaş 3G, kesinti) uygulamanın davranışını doğruluyoruz. Uygulama genellikle React/Next.js ile geliştirilir, arka uç özel web uygulaması veya B2B portal API’sine bağlanır.

Önbellek stratejileri

Kaynak
Strateji
Neden
Uygulama kabuğu (HTML/CSS/JS)
Strateji

Precache + sürümlü güncelleme

Neden

Anında açılış, kontrollü yeni sürüm

Ürün ve katalog verisi
Strateji

Stale-while-revalidate

Neden

Hızlı gösterim, arka planda güncelleme

Kullanıcıya özel veri
Strateji

Network-first

Neden

Güncellik öncelikli, çevrimdışında son kopya

Form gönderimleri
Strateji

Kuyruk + arka plan senkronu

Neden

Bağlantı gelince gönderim

Sizden beklediğimiz girdiler

Çalışmanın hızlı ve doğru ilerlemesi için başlangıçta aşağıdaki bilgi ve erişimlere ihtiyaç duyarız. Eksik olanları birlikte tamamlarız.

Somut proje çıktıları

Uygunluk analizi
PWA uygulaması
Service worker ve önbellek yapılandırması
Çevrimdışı senkronizasyon
Bildirim altyapısı (uygun platformlarda)

Teslim edilen dokümantasyon

Cihaz test matrisi ve sonuçları
Teknik dokümantasyon

Canlıya geçişten sonra işletilecek kontroller

Proje bittiğinde sistemin sağlıklı kalması için aşağıdaki kontroller sahiplerine devredilir; istenirse bakım sözleşmesiyle Eretek tarafından yürütülür.

Sık sorulan sorular

Bazı platformlarda paketlenerek yayınlanabilir; ancak çoğu kurumsal senaryoda web adresinden kurulum yeterlidir.

Güncel iOS/iPadOS sürümlerinde, uygulama ana ekrana eklendiğinde Web Push desteklenir; sürüm ve izin durumuna göre test edilir.

Teknik olarak evet; ancak içerik sitelerinde fayda sınırlıdır. Asıl değer uygulama benzeri kullanımda ortaya çıkar.

Hizmet özeti
PWA ve Mobil Web Uygulamaları

Tarayıcı tabanlı mobil kullanım için uygunlaştırılmış uygulamalar.

Çalışma modeli

Proje + bakım

Önemli not

Web Push desteği işletim sistemi ve tarayıcıya göre farklıdır; iOS/iPadOS’ta bildirim için uygulamanın ana ekrana eklenmesi gerekir. Kapsam cihaz envanterinize göre netleştirilir.

Proje aşamaları

Nasıl ilerliyoruz?

01 / AŞAMA

Analiz

Cihazlar ve yetenekler.

02 / AŞAMA

Tasarım

Mobil arayüz ve çevrimdışı akış.

03 / AŞAMA

Geliştirme

Uygulama ve service worker.

04 / AŞAMA

Saha testi

Gerçek cihaz ve bağlantı.

05 / AŞAMA

Yayın

Dağıtım ve eğitim.

Mağaza uygulamasına gerek kalmadan mobil deneyim sunalım.

Kullanıcılarınızın cihazlarını, çevrimdışı ihtiyaçlarını ve bildirim beklentilerini dinliyor; PWA uygunluğunu değerlendiriyoruz.