Bayileriniz siparişi telefonla veriyor, ekibiniz müşteri kayıtlarını tabloda tutuyor, yöneticiler raporu e-postayla bekliyor. Bunların hepsi tarayıcıdan açılan tek bir sisteme taşınabilir. Web uygulaması, tarayıcıda çalışan, kullanıcıdan veri alan, bu veriyi işleyip saklayan ve kişiye göre farklı içerik gösteren yazılımdır. Kurulum gerektirmez; adresi açıp giriş yapmak yeterlidir.
Bu rehberde web uygulamasının ne olduğunu, web sitesi ve mobil uygulamadan farkını, arka planda nasıl çalıştığını, avantaj ve sınırlarını, güvenlik temellerini, maliyet farkını, hangi durumda hangisinin seçileceğini ve proje adımlarını anlatıyoruz. Örnek rakamlar temsilîdir; bir fiyat listesi ya da sektör ortalaması değildir.
Web Uygulaması Nedir?
Web uygulaması, tarayıcı üzerinden kullanılan ve kullanıcının girdisine göre sonuç üreten yazılımdır. Ekranlar tarayıcıda görünür; iş kuralları, yetki denetimi ve veri saklama sunucuda çalışır. Kullanıcı yalnızca bir adres ve bir hesapla sisteme ulaşır.
Günlük hayattan örnekler: bir bayinin stoğa bakıp sipariş verdiği panel, ekibin müşteri kaydını güncellediği CRM ekranı, yöneticinin satış göstergelerini izlediği pano, müşterinin faturasını indirdiği hesap sayfası. Bu tür ekranlar ERP ve CRM gibi iş sistemlerinin de yaygın arayüzlerinden biridir. Müşteriye dönük sürümünü müşteri portalı rehberimizde ayrıca ele aldık.
Okumanızı öneririz: Web yazılım hizmetimiz
Web Uygulaması, Web Sitesi ve Mobil Uygulama Arasındaki Fark Nedir?
Web sitesi bilgi verir, web uygulaması iş yaptırır, mobil uygulama ise cihaza kurulup telefonun özelliklerinden yararlanır. Üçü aynı projede birlikte de bulunabilir: tanıtım sitesi, bayi paneli ve saha ekibinin telefon uygulaması gibi.
| Konu | Web sitesi | Web uygulaması | Mobil uygulama |
|---|---|---|---|
| Amaç | Bilgi vermek, tanıtmak | İşlem yaptırmak, veri yönetmek | İşlem ve cihaz özelliği birlikte |
| Kullanıcı etkileşimi | Çoğunlukla okur, form doldurur | Kayıt oluşturur, onaylar, raporlar | Aynısı; ayrıca kamera, konum, bildirim |
| Giriş (hesap) | Genelde yok | Var; kullanıcıya göre içerik | Genelde var |
| Erişim | Tarayıcı | Tarayıcı | Mağazadan kurulum |
| Güncelleme | Sunucuda yapılır, herkes görür | Sunucuda yapılır, herkes görür | Sürüm yayınlanır, kullanıcı güncelleyebilir |
| Platform sayısı | Tek | Tek kod tabanı | Platform başına ayrı çalışma gerekebilir |
| Örnek | Kurumsal tanıtım sitesi | Bayi sipariş paneli | Saha ekibi uygulaması |
Sınır bulanıktır: giriş ve işlem içeren, sürekli güncellenen bir site de uygulama sayılır. Tanıtım sitesi tarafını kurumsal web sitesi rehberimizde, mağazadan kurulan uygulamaları mobil uygulama rehberimizde anlattık.
Web Uygulaması Nasıl Çalışır?
Her işlemde dört parça birlikte çalışır: tarayıcı, sunucu, veritabanı ve parçaları konuşturan API. Bunları bilmek, bir geliştiriciyle aynı dili konuşmanızı kolaylaştırır.
- Tarayıcı (istemci): Ekranı çizer, kullanıcının tıkladığı ve yazdığı her şeyi alır.
- Sunucu: İş kurallarını çalıştırır; kimin ne yapabileceğini denetler.
- Veritabanı: Sipariş, müşteri, stok gibi kayıtları kalıcı saklar.
- API: Tarayıcı ile sunucu arasındaki, "şunu getir, şunu kaydet" isteklerinin tanımlı yoludur. Aynı API başka sistemlerin bağlanması için de kullanılabilir; temel kavramları API entegrasyonu rehberimizde anlattık.
Bir örnek: bayi "Siparişi onayla"ya tıklar. Tarayıcı isteği sunucuya gönderir; sunucu oturumu ve yetkiyi kontrol eder, stok yeterliyse siparişi veritabanına yazar ve stoktan düşer, sonucu tarayıcıya döndürür. Ekran "Siparişiniz alındı" der. Kullanıcı bunların hiçbirini görmez; deneyimi hız ve doğru sonuç belirler.
Mimari açıdan iş genellikle üç katmana ayrılır: kullanıcının gördüğü arayüz, iş kurallarının bulunduğu uygulama katmanı ve verinin durduğu veri katmanı. Katmanları ayrı tutmak, ekranı değiştirirken iş kurallarına, iş kuralını değiştirirken ekranlara dokunma zorunluluğunu azaltır. Aynı uygulama katmanı ileride bir mobil uygulamaya ya da başka bir sisteme de hizmet edebilir; bu yüzden ilk tasarımda API'nin düzgün kurgulanması, sonraki değişikliklerin maliyetini düşürür.
Verinin nerede ve nasıl saklanacağı da erken karar gerektirir: hangi kayıtların birbirine bağlı olduğu, hangi alanların zorunlu olduğu ve geçmişin ne kadar tutulacağı sonradan değiştirilmesi en zor konulardandır. Bu kararları gereksinim aşamasında, ekranlardan önce konuşmak gerekir.
İşletmeler Web Uygulamasını Nerelerde Kullanır?
İşletmelerde en sık görülen kullanımlar, birden çok kişinin aynı veriyle çalıştığı süreçlerdir.
- Yönetim paneli: Ürün, sipariş, kullanıcı ve içerik yönetimi.
- Bayi ve müşteri portalı: Sipariş, cari durum, fatura ve destek talebi; self-servis.
- CRM ve ERP ekranları: Müşteri takibi, stok, satın alma, üretim ve finans ekranları.
- Raporlama panoları: Satış ve stok göstergelerinin anlık izlenmesi.
- Onay ve talep akışları: İzin, satın alma ve harcama talepleri.
- Abonelik tabanlı hizmetler: Birden çok müşterinin aynı uygulamayı kullandığı bulut yazılımlar; ayrıntısı SaaS nedir yazımızda.
Kullanıcı tarafında da bir fark vardır: web uygulaması farklı cihazlarda aynı adresle açıldığı için, kullanıcıya "hangi sürümü kurayım?" sorusu sorulmaz. Bu, özellikle bayi, tedarikçi ve müşteri gibi dışarıdan gelen kullanıcılarda ilk girişi kolaylaştırır. Sadece bir hesap açılır ve bir bağlantı paylaşılır.
Web Uygulamasının Avantajları ve Sınırları Nelerdir?
Güçlü yanı yayın ve erişim kolaylığıdır; zayıf yanı cihaz donanımına ve çevrimdışı kullanıma bağlı işlerdir.
| Konu | Web uygulaması | Mobil uygulama |
|---|---|---|
| Kurulum | Gerekmez; adres yeterli | Mağazadan kurulum gerekir |
| Güncelleme | Sunucuda bir kez; herkes aynı sürümü kullanır | Kullanıcıların güncellemesi gerekir; eski sürümler kalabilir |
| Cihaz özellikleri | Tarayıcının izin verdiği ölçüde | Kamera, konum, bildirim, sensör geniş erişimle |
| Çevrimdışı çalışma | Sınırlı; ek tasarım ister | Daha rahat kurulur |
| Performans | Çoğu iş ekranı için yeterli | Ağır grafik ve işlemde daha uygun |
| Geliştirme yükü | Tek kod tabanı | Platform sayısıyla artar |
Bu yüzden form, liste, onay ve rapor ağırlıklı işlerde web uygulaması çoğunlukla yeterli ve ekonomiktir. Barkod okutma, kamera, konum takibi ya da sahada interneti olmayan çalışma gibi ihtiyaçlar varsa mobil uygulama gündeme gelir.
PWA (Aşamalı Web Uygulaması) Nedir?
PWA, tarayıcıdan ana ekrana eklenebilen ve uygulama gibi açılan bir web uygulaması yaklaşımıdır. Bazı tarayıcılarda sınırlı çevrimdışı çalışma ve bildirim gibi özellikler de sunabilir. Destek tarayıcıya, işletim sistemine ve cihaza göre değişir.
Bu nedenle PWA'yı mağaza uygulamasının her zaman yerini tutan bir çözüm gibi değil, web ile mobil arasında bir ara seçenek olarak değerlendirmek doğrudur. Gerekli özelliklerin hedef cihazlarda gerçekten çalıştığını karar vermeden önce gerçek cihazlarda sınayın.
Web Uygulaması Güvenliği Nasıl Sağlanır?
Güvenlik, ekranda değil sunucuda sağlanır; ekrandaki gizlenmiş bir düğme koruma değildir. Temel önlemler şunlardır.
- HTTPS: Tarayıcı ile sunucu arasındaki trafiği şifreler.
- Giriş ve oturum: Güçlü parola kuralı, oturum süresi ve gerekirse ikinci doğrulama adımı.
- Roller ve yetkiler: Herkes yalnızca işine yeten veriyi görür; kontrol sunucuda yapılır. Ayrıntısı rol bazlı yetkilendirme rehberimizde.
- Girdi doğrulama: Kullanıcının gönderdiği her veri sunucuda yeniden denetlenir.
- API koruması: Kimlik doğrulama, yetki ve hız sınırı; ayrıntısı API güvenliği rehberimizde.
- Kayıt ve yedek: Kritik işlemlerin denetim kaydı ve düzenli yedek.
Kişisel veri işleyen uygulamalarda KVKK yükümlülükleri ayrıca değerlendirilmelidir; hukuki ayrıntılar için hukuk danışmanınıza başvurun.
Web Uygulaması mı, Mobil Uygulama mı? Karar Tablosu
Kullanıcının işi ve ortamı kararı belirler. Aşağıdaki tablo ilk eleme için kullanışlıdır.
| İhtiyaç | Uygun seçenek |
|---|---|
| Form, liste, onay, rapor ağırlıklı iş | Web uygulaması |
| Kullanıcılar masa başında, internet var | Web uygulaması |
| Kullanıcılar çok çeşitli cihaz ve işletim sistemi kullanıyor | Web uygulaması |
| Kamera, barkod, konum ya da sensör gerekiyor | Mobil uygulama |
| İnternet olmayan ortamda çalışılıyor | Mobil uygulama (ya da dikkatle tasarlanmış çevrimdışı kurgu) |
| Bildirimle kullanıcıyı sık geri getirmek hedefi | Mobil uygulama; web de sınırlı destekleyebilir |
| Önce hızlı doğrulama, sonra büyüme | Web uygulaması ile başlayıp gerekirse mobil eklemek |
İkisi birlikte de planlanabilir: yönetim ekranı web, saha işi mobil. Ortak sunucu ve API sayesinde iki arayüz aynı veriyi kullanır. Kullanıcı arayüzünün nasıl tasarlanıp sınanacağını UX tasarımı rehberimizde anlattık.
Web Uygulaması mı, Mobil Uygulama mı Daha Az Maliyetlidir?
Aynı işlev kümesi için web uygulaması genellikle daha az efor ister, çünkü ekranlar bir kez yazılır. Aşağıdaki örnek temsilîdir.
Varsayımlar: sunucu, veritabanı ve API için 25 kişi-gün; her platformun ekranları için 25 kişi-gün (platformlar için eşit kabul edilmiştir); belirsizlik payı %20; günlük ekip ücreti ₺9.000.
| Seçenek | Efor (kişi-gün) | %20 paylı efor | Geliştirme maliyeti |
|---|---|---|---|
| Web uygulaması | 25 + 25 = 50 | 50 × 1,2 = 60 | 60 × ₺9.000 = ₺540.000 |
| İki platformda mobil uygulama | 25 + 2 × 25 = 75 | 75 × 1,2 = 90 | 90 × ₺9.000 = ₺810.000 |
| Web ve iki mobil platform | 25 + 3 × 25 = 100 | 100 × 1,2 = 120 | 120 × ₺9.000 = ₺1.080.000 |
Yıllık bakımı geliştirme maliyetinin %15'i varsayarsak (altyapı ücreti sadeleştirmek için dışarıda): web için ₺540.000 × 0,15 = ₺81.000, iki platformlu mobil için ₺810.000 × 0,15 = ₺121.500. Üç yıllık toplam web için ₺540.000 + 3 × ₺81.000 = ₺783.000; mobil için ₺810.000 + 3 × ₺121.500 = ₺1.174.500. Oran 1.174.500 ÷ 783.000 = 1,5; yani bu örnekte iki platformlu mobil, web'e göre yarı yarıya daha pahalıdır.
Fark yayında da görülür. Her platform için derleme, sınama ve gönderim 1,5 gün sürüyorsa üç platformda bir sürüm 3 × 1,5 = 4,5 gündür; web'de aynı sürüm 1 gündür. Fark (4,5 − 1) ÷ 4,5 = %77,8, yani yaklaşık %78 azalma. Ayda iki sürüm çıkarılıyorsa 9 gün yerine 2 gün harcanır. Mağaza onay beklemeleri bu hesaba dahil değildir.
Bu rakamlar kendi projenizin teklifi değildir. Efor, ücret ve pay kendi kapsamınızla yeniden hesaplanmalıdır; yöntemi mobil uygulama maliyeti rehberimizde adım adım gösterdik.
Web Uygulaması Projesi Hangi Adımlarla İlerler?
Altı adım yeterlidir: gereksinim, tasarım, geliştirme, test, yayın ve bakım.
- Gereksinim: Kimin hangi işi yapacağı, hangi verinin tutulacağı ve hangi sistemlerle bağlanılacağı yazılır.
- Tasarım: Kullanıcı akışları ve ekran taslakları çıkarılır, tıklanabilir prototip denenir.
- Geliştirme: Sunucu, veritabanı, API ve ekranlar parçalar halinde yazılır; her parça gösterilir.
- Test: İşlevler, yetkiler ve farklı tarayıcılarla cihazlarda davranış sınanır.
- Yayın: Gerçek ortama alınır; kullanıcılar eğitilir.
- Bakım: Hata düzeltme, izleme, yedek ve yeni ihtiyaçlar.
Her adımın çıktısını yazılı tutmak, kapsam tartışmalarını azaltır. Genel yöntemimiz için yazılım geliştirme sürecimiz sayfasına bakabilirsiniz.
Web Uygulamasında Sık Yapılan Hatalar Nelerdir?
- Web sitesi ile uygulamayı karıştırmak: Giriş, yetki ve veri yönetimi gereken işi tanıtım sitesi bütçesiyle istemek.
- Yetkiyi yalnızca ekranda saklamak: Düğmeyi gizlemek erişimi kapatmaz; denetim sunucuda olmalıdır.
- Telefonda denememek: Masaüstünde güzel görünen ekranın küçük ekranda kullanılamaması.
- Çevrimdışı ihtiyacı sona bırakmak: Sahada internet yoksa mimari baştan buna göre kurulmalıdır.
- Her şeyi ilk sürüme yüklemek: Önce temel akış çıkıp kullanılırsa geri bildirim erken gelir.
- Bakımı bütçeye yazmamak: Yayınla iş bitmez; yıllık bakım payı baştan planlanmalıdır.
İnovabil ile Web Uygulaması Geliştirme
İnovabil olarak ağırlığımız sıfırdan, firmaya özel yazılım geliştirmektir: özel yazılım, ERP, CRM, e-ticaret, web, mobil ve entegrasyon. Web uygulamasının mı mobil uygulamanın mı daha uygun olduğunu, gereksinim analizinde kullanıcıların çalıştığı ortama ve gereken cihaz özelliklerine bakarak yazılı biçimde karşılaştırmayı öneriyoruz.
Avcılar İnşaat için CRM, satın alma ve mobil; İZBAN için satın alma sistemi; Karyak için lojistik ve sevkiyat planlama ile toptan sipariş yönetimi; Sleepy için depo yönetimi ile şikâyet ve destek yönetim sistemi geliştirdik. İhtiyacınızı kısa bir özetle gönderin; önce kapsamı ve doğru yaklaşımı birlikte netleştirelim.
Okumanızı öneririz: Özel yazılım hizmetimiz
Sık Sorulan Sorular
Web uygulaması nedir, kısaca ne işe yarar?
Tarayıcıda çalışan, kullanıcıdan veri alıp işleyen ve saklayan yazılımdır. Sipariş paneli, CRM ekranı ve rapor panosu gibi iş süreçlerini kurulum gerektirmeden yürütmeye yarar.
Web sitesi ile web uygulaması aynı şey mi?
Hayır. Web sitesi çoğunlukla bilgi verir; web uygulaması giriş, yetki ve veri işleme içerir ve kullanıcıya iş yaptırır. İkisi aynı alan adı altında birlikte de bulunabilir.
Web uygulaması mobilde çalışır mı?
Evet, telefon ve tablet tarayıcısında açılır; ekranların küçük ekrana göre tasarlanması gerekir. Kamera, konum ya da çevrimdışı çalışma gibi ihtiyaçlar varsa mobil uygulama ya da dikkatle tasarlanmış bir PWA değerlendirilir.
Web uygulaması mobil uygulamadan ucuz mudur?
Aynı işlev kümesi için genellikle evet, çünkü ekranlar tek kez yazılır. Örnekte web ₺540.000, iki platformlu mobil ₺810.000 ve üç yıllık toplam maliyet oranı 1,5'tir. Kendi kapsamınızla yeniden hesaplayın.
PWA, mobil uygulamanın yerini tutar mı?
Her zaman değil. PWA, ana ekrana eklenebilen bir web uygulamasıdır; çevrimdışı çalışma ve bildirim desteği tarayıcıya ve cihaza göre değişir. Gerekli özellikleri hedef cihazlarda sınayarak karar verin.