ded9 tr

Web uygulaması nedir?Basit dilde faydalar, uygulama ve yapım

“Web Uygulaması” (Web Uygulaması) veya kısaca “Web Uygulaması”, uzak bir sunucuda saklanan, internet ve web tarayıcısı üzerinden erişilebilen bir web uygulamasıdır. Faradars dergisinden çıkan aşağıdaki yazımızda web uygulamasının ne olduğunu, kullanım alanlarını, avantajlarını ve özelliklerini olabildiğince basit bir dille ve eksiksiz olarak anlatmaya çalıştık. Ayrıca bu web tabanlı yazılımların nasıl oluşturulacağına dair bir genel bakışa da sahip olacağız.

 

Web uygulamalarına aşinalık

Günümüzün rekabetçi ortamında, pazar segmentlerini çekmek ve ele geçirmek, kullanıcı deneyimini geliştirerek başarabileceğimiz önemli bir şeydir. Bu amaçla kullandığımız en iyi yöntemlerden biri, müşterilerin cep telefonu, tablet, cep telefonu gibi hangi cihazı kullanıyor olursa olsun web sitesine erişmelerini sağlayan, kullanıcının görüşüne göre değiştirilebilen web uygulamalarının kullanılmasıdır. dizüstü bilgisayar vb. – ve ayrıca bizimle iletişim kurmak için Web tarayıcısı aracılığıyla.

Çevrimiçi mağazalar, sosyal ağlar, eğitim ürünleri, resim, video ve metin editörleri, oyunlar ve rezervasyon sistemleri web uygulamalarına örnektir ve geleneksel bilgi sitelerine göre daha karmaşık oldukları söylenebilir. Web uygulamalarının kullanıcıları, kuruluşumuzla sadece pasif okuyucular olmak yerine, sürecin aktif katılımcıları olarak etkileşime girecek.

Bilgilendirici bir web sitesi (daha çok kullanıcılara hizmet tanıtma ve bilgi sağlama amaçlı web siteleri) aracılığıyla kullanıcılara şirketimizin bir tanımını sunabiliriz, ancak onlardan geri bildirim almak veya yararlı bir hizmet sunmak mümkün değildir. Basitçe söylemek gerekirse, etkileşimli olmayan işletmemiz için bunların hiçbirini sunmayan bir site geliştirdik. Buna ek olarak, etkileşim bize kullanıcılarla yorum yapma ve etkileşimde bulunma konusunda oyunlaştırmayı – veya oyunlaştırmayı ve oyun kavramlarının teknik olmayan amaçlarla uygulanmasını – kullanma olanağı sunar . Bahsettiğimiz tüm bunlar, markamızın etrafındaki topluluğun büyümesine ve aynı zamanda kullanıcıların şirkete olan bağlılığının artmasına yardımcı oluyor.

Bu yazımızda sizlere web uygulamasının ne olduğunu, hangi prensiplere dayandığını, çeşitlerinin neler olduğunu ve nasıl web uygulaması oluşturabileceğimizi anlatacağız. Ayrıca bu makaleyi okuyarak web uygulamalarının geleneksel web sitelerinden ve mobil uygulamalardan nasıl farklı olduğunu öğreneceksiniz. Ayrıca avantajlarını ve dezavantajlarını da birlikte inceliyoruz.

 

Web uygulaması nedir?

“Web Uygulaması” veya “Web Programı”, uzak bir sunucuda barındırılan ve bir web tarayıcı arayüzü aracılığıyla bize sunulan bir uygulama yazılımıdır. Geleneksel uygulamalardan farklı olarak web uygulamalarını cihazımıza kurmadan tam olarak kullanabiliyoruz. Bu sayede akıllı telefonumuz, tabletimiz ve bilgisayarımız uygulama verilerine çevrimiçi erişime sahip olacak ve cihazımıza indirmemize gerek kalmayacak. Bu önemli özellik web uygulamalarını diğer türlerden ayırmaktadır.

Bu tür uygulamaların web siteleri ile karıştırılmaması gerekir. Web uygulamaları “etkileşimlidir”. Böylece kullanıcıların çeşitli eylemler gerçekleştirmesi mümkün olur. Aşağıda bu eylemlerden bazılarını belirttik.

  • Bir hizmet veya ürün sipariş edin.
  • Rezervasyon yapın ve bir bilet satın alın.
  • Fikrinizi veya eleştirinizi girin.
  • İçeriği düzenleyin.
  • Vesaire

Web Uygulamasını hemen hemen her alanda kullanabiliriz. Böylece hem müşteriler hem de işletmeler için faydalı olurlar. Oyunlar, sosyal ağlar, otel rezervasyon ve bilet sistemleri, finansal çözümler ve çevrimiçi mağazalar bu tür programlardan bazılarıdır.

Web Uygulamaları oluşturmak, şüphesiz şirketlerin mevcut gelişimi için zaman ve kaynak yatırımı yapmanın önde gelen yöntemlerinden biri olarak düşünülebilir. Çünkü uygulanması bize şunları sağlıyor.

  • Onun yardımıyla hem çalışanlar hem de diğer personel için iş süreçlerini otomatik olarak gerçekleştirebiliyoruz.
  • Hedef kitlenin görüşünü çekmek ve rekabette ayakta kalmak.
  • Ortak görevler için daha kolay, daha güvenilir ve daha emniyetli bir çözüm sağlamak.

Web uygulaması nasıl çalışır?

Web uygulamasını hangi amaçla kurarsak inşa edelim, bu tür programların ” istemci-sunucu ” modeliyle yürütüldüğünü bilmeliyiz. Bu nedenle yapısında aşağıdaki unsurlarla karşı karşıyayız.

  • “İstemci tarafı”: Bu bölüm, kullanıcının gerçekleştirdiği işlemlerden sorumludur.
  • “Sunucu tarafı”: Bu bölüm aynı zamanda sunucuda gerçekleşen işlemlerden de sorumludur.
  • ” Veritabanı ” (Veritabanı): Bilginin düzenli (düzenli) saklanmasına ve aynı zamanda bilgiye erişilmesine yönelik yapıdır.

Çoğu zaman hızlı bir geliştirme sürecine sahip olan web uygulamaları, küçük bir geliştirici ekibi tarafından geliştirilebilir . Bu web uygulamalarının çoğu HTML5 biçimlendirme dili, CSS stil dili veya birden fazla JavaScript çerçevesi kullanılarak oluşturulmuştur . Bu diller, istemci tarafı programlamada uygulamanın “Ön Uçunu” oluşturmak için kullanılır . Web uygulaması komut dosyalarını ve sunucu tarafı programlamasını yazmak için genellikle Java , Python, Ruby vb. dilleri kullanırlar .

Web uygulamasının yetenekleri ve uygulamaları, aşağıda listelenen çeşitli sayfa türleriyle çalışmasına olanak tanır.

“Statik” sayfalar (Statik | İstatistiksel): Alınan isteğe yanıt olarak, kullanıcının eylemlerinden bağımsız olarak sunucu bir sayfa oluşturur ve bunu tarayıcıya gönderir. Bu nedenle farklı kullanıcılar aynı istek için aynı verileri görecektir.

“Dinamik” sayfalar (Dinamik): Bu tür sayfalarda sunucu isteğe yanıt olarak sayfa oluşturur ancak içerik önce uygulama sunucusundan geçerek gönderilen komuta göre oluşturulur. Bu nedenle, farklı kullanıcılar tarayıcıda kendi özelleştirilmiş verilerini görecektir.

İstemci ve sunucu bileşenleri arasında etkili iletişimin sağlanması, veritabanı erişimi ve bir isteğe yanıt olarak önceden hazırlanmış sayfaların oluşturulup sunulması için yeterli kapasitenin sağlanması, bir web uygulaması oluştururken ilk sorumluluktur.

Aklımızdaki hedeflere göre geliştiriciler olarak her türlü cihazdan erişilebilen web uygulamaları oluşturabilir veya yalnızca belirli donanım yeteneklerine sahip belirli cihazların çalışabileceği bir web uygulaması oluşturabiliriz. Web uygulamaları oluşturmanın çeşitli yolları vardır. Mimarisine ücretsiz erişime sahip olduğumuz Wikipedia gibi uygulamalar veya bu tür erişime sahip olmayan haber veya iş uygulamaları gibi.

Web uygulamalarının türleri nelerdir?

Web uygulamaları aşağıdaki 3 kategoriye ayrılabilir.

  1. “Tek sayfa uygulamaları” (Tek Sayfa Başvurusu | SPA)
  2. Çok Sayfalı Uygulama (MPA)
  3. Aşamalı Web Uygulaması (PWA)

Tek sayfalık web uygulaması nedir?

Tek sayfalı uygulamalar veya SPA’lar aslında sunucuda depolanan ve bağlantılar kaydırılarak veya tıklatılarak güncellenen tek bir HTML sayfası alıcısından oluşur. Başka bir deyişle, bir butona tıkladığımızda yeni bir sayfaya yönlendirilmiyoruz ve öğeler zaten yüklü olan mevcut sayfaya ekleniyor. Bu tek sayfalı programlara örnek olarak “Gmail” servisinden bahsedebiliriz. Dikkat ederseniz mesaj listesi arasında geçiş yaptığımızda sayfa adresi değişmiyor, bu da SPA’nın bir özelliği.

JavaScript, bu tür uygulamaları oluşturmak için ana dil olarak kabul edilir. jQuery kütüphanesi küçük SPA’lar oluşturmak için de kullanılabilir. Ancak karmaşık uygulamalar için en iyi seçenek olmayabilir. Bu amaçla çoğunlukla ” Vue “, ” React ” ve ” Angular ” JavaScript çerçeveleri kullanılmaktadır.

SPA’nın faydaları nelerdir?

Aşağıda tek sayfa uygulamalarının bazı avantajlarını sıraladık.

  • Çok sayfalı uygulamalara göre daha kolay bir geliştirme sürecine sahiptirler.
  • Hızlı uygulamalardır. Sayfanın içeriği kullanıcının hareketi ile kolayca değişir ve yüklenmesi çok fazla kaynak gerektirmez.
  • Tek sayfada daha tutarlı tasarım yapmanın kolay bir yolunu bulacağız ve kullanıcıların kafası karışmayacak.

SPA’nın dezavantajları nelerdir?

Artık SPA’nın avantajlarını bildiğimize göre, bu tür uygulamaların bazı dezavantajlarını da getirdik.

  • Tek sayfalı uygulamalar için SEO optimizasyonunun uygulanması diğer seçeneklere göre daha fazla zaman alır.
  • Bu tür sayfaların güvenliğini garanti etmek zordur. Bu tür uygulamalar, bilgisayar korsanlığına ve bilgi sızıntılarına MPA ve PWA’ya göre daha yatkındır.

Çok sayfalı web uygulaması nedir?

Bu tür uygulamalarda kullanıcılar web siteleri arasında geçiş yapabilir ve tarayıcı sayfasını kaydırabilir. Bu sayfaların içeriği de tam ekran olarak görüntülenir.

Örneğin, bir kullanıcı bir ödeme işlemi gerçekleştirdiğinde, belirtilen 2 tür uygulama için aşağıdakilere sahibiz.

  1. SPA’da sadece ödeme onay kutusu yüklenir.
  2. MPA’da ödeme sayfası tamamen güncellenmiştir. Amazon’un çevrimiçi mağazası, çok sayfalı uygulamalara veya MPA’lara iyi bir örnektir.

MPA’nın faydaları nelerdir?

Aşağıda çok sayfalı uygulamaların bazı avantajlarından bahsettik.

  • Kolay SEO
  • Sayfalar arasında gezinmeye alışkın çoğu kullanıcı için tanıdık bir seçenektir.
  • Uygulamamız karmaşık ve birçok özellik içeriyorsa çok sayfalı olarak yapılması gerekmektedir. Sayfalar arasında gezinerek kullanıcıların istedikleri bölümlere kolaylıkla ulaşmasını sağlar. Hiç kimse çok büyük bir SPA’nın başında aniden bilgiye ihtiyaç duyduğunda gezinmeyi sevmez.

MPA’nın dezavantajları nelerdir?

Çok sayfalı uygulamaların dezavantajları arasında bu tür uygulamaların geliştirilmesinin ve tasarımının SPA’lara göre daha karmaşık olduğunu ve bize çok daha fazla maliyet getirdiğini belirtebiliriz.

Aşamalı web uygulaması nedir?

PWA uygulamaları, özellikler açısından web siteleri ile akıllı telefon uygulamaları arasında bir  yerdedir . App Store’lar yerine bu tür programları doğrudan telefonumuzun ana ekranındaki tarayıcıdan yükleyebiliyoruz.

PWA’lar tarayıcıda açılır ve ayrıca reklam veya bildirim gönderebilir ve çevrimdışı çalışabilir. Bu , ön uç ve arka uç arasındaki tüm etkileşimlerin akışını sağlayan bir komut dosyası olan Service Worker teknolojisi kullanılarak mümkün olur . Bu betiğin verilere ve önbelleğe erişimi var. Yani birçok siteye Service Worker ekleyerek PWA alabiliyoruz. Bu nedenle medya ve bilgi kaynakları sıklıkla bu teknolojiyi kullanmaktadır.

PWA’nın faydaları nelerdir?

Aşağıda PWA uygulamalarının avantajlarından 2 tanesini belirttik.

  • Bu tür programlarda çevrimiçi ve çevrimdışı modların bir arada sunulması kullanıcı açısından memnuniyet vericidir.
  • Bu tür uygulamaları daha hızlı geliştirebiliyoruz.

MPA’nın dezavantajları nelerdir?

PWA uygulamalarının dezavantajlarından biri olarak PWA uygulamasının tarayıcının eski sürümlerinde zaman zaman çalışabileceğini belirtebiliriz.

Uygulama açısından web uygulama türleri nelerdir?

Bir önceki bölümde web uygulamalarının teknik sınıflandırmasını anlatmıştık. Şimdi web uygulamalarının türlerini amaç ve uygulama açısından açıklamak istiyoruz.

E-ticaret web uygulaması nedir?

Müşterilerin üçüncü şahısların katılımı (ve müdahalesi) olmadan istedikleri ürünü sipariş edebilmeleri ve satın alabilmeleri (veya satabilmeleri) için “E-ticaret” sistemleri bu satış zincirinde sadece 2 kişi kalacak şekilde oluşturulmuştur. E-ticaret platformlarının en öne çıkan türleri arasında pazaryerleri, kataloglar ve online mağazaları sayabiliriz.

Müşteri ilişkileri yönetimi web uygulaması nedir?

“Müşteri İlişkileri Yönetimi” (CRM) sistemlerinin geliştirilmesindeki amaç, gelen tüm taleplerin ve satış departmanının otomasyonunu sağlamaktır. Müşteri kazanımından ürün satışına kadar satış sürecinin çeşitli aşamalarını ifade eden firmanın tüm satışlarının “Funnel”ini CRM sistemi ile takip ve gözlemlememiz mümkün oluyor. Ayrıca tüm müşterilerle olan etkileşimlerin geçmişini de göz önünde bulundurun.

Kurumsal kaynak planlama web uygulaması nedir?

Web tabanlı “Kurumsal Kaynak Planlama” (ERP) sistemleri, satış departmanının otomasyonunun yanı sıra şirketin tüm kaynak ve kısımlarını da otomatikleştirir. ERP sistemi ile her departmanın etkinliğini (verimliliğini) gözlemleyebilir ve uygun görevleri belirleyebiliriz.

Kurumsal portal web uygulaması nedir?

Bu tür web uygulamaları bizim için bir sosyal modül rolünü oynayabilir – programın, kullanıcılar arasında sosyal etkileşimlerin oluşturulmasına ve yönetilmesine olanak sağlayan bir parçası. Web uygulaması şeklindeki kurumsal portallar, bilginin tüm şirket çalışanlarına hızlı dağıtımı (ve yayınlanması), kurumsal eğitim ve çalışan yönetimi (insan kaynakları modülü) gibi sorunları çözmektedir.

Web uygulamasının avantajları nelerdir?

Artık web uygulamasının doğasına ve türlerine aşina olduğumuza göre, bu tür uygulamaların bazı avantajlarını inceleyeceğiz.

 

Web uygulamasında kaydetmenin avantajı nedir?

Bu tür uygulamaları geliştirirken farklı işletim sistemleri için ayrı uygulamalar oluşturmaya gerek yoktur. Aslında web uygulamaları herhangi bir tarayıcıda (örneğin, Google Chrome , Opera,  Safari vb.) aynı şekilde çalışır.

Web uygulamasında güvenliğin avantajı nedir?

Web sisteminin tek bir giriş noktası olduğundan, korumasını merkezi olarak yapılandırabilir ve yönetebiliriz. Ayrıca kullanıcı verileri bulutta depolanır. Bu nedenle sabit diskte bir sorun olması durumunda verilerimiz kaydedilecektir.

Web uygulamasında çeşitli cihazlardan erişim avantajı nedir?

Web uygulamalarına erişim için ihtiyacımız olan en önemli şey internete erişimdir. Bu sayede kullanıcı bilgisayar, tablet, akıllı telefon vb. aracılığıyla web uygulamasıyla etkileşime girebilir.

Bir web uygulamasında istemci programının bulunmamasının avantajı nedir?

Web uygulamaları sayesinde kullanıcıların sistemlerine herhangi bir şey indirmelerine ve daha da önemlisi sistemi güncellemelerine gerek kalmaz. İstemci arayüzünü değiştirebiliriz ve sayfanın bir sonraki yüklenmesinde web uygulaması en son sürüme güncellenecektir.

Web uygulamasında uyarlanabilirliğin avantajı nedir?

Sistem üzerindeki yükü artırarak istemci cihazının kapasitesini yükseltmemize gerek kalmıyor. Genellikle web uygulamaları yalnızca donanım yükseltme kaynaklarıyla daha fazla veri işleyebilir, dolayısıyla mimariyi yeniden kodlamamıza veya değiştirmemize gerek kalmaz.

Bir web uygulaması oluşturmanın yolu nedir?

Bir web uygulaması oluşturmak için diğer yazılımları oluşturmaya benzer bir süreçten geçmemiz gerekir. Başarılı gelişimin anahtarı her zaman harika bir ekibe ve iyi (ve açıkça) tanımlanmış süreçlere sahip olmaktır. Bir Web Uygulaması oluşturmak için yapısı, çekici görsel tasarımı ve etkileşimi konusunda bize yardımcı olacak bir dizi araca ihtiyacımız var. Aşağıda web uygulaması geliştirmenin ana teknolojilerini listeledik.

  • HTML
  • CSS
  • SQL
  • Java Komut Dosyası
  • Daktilo
  • Java
  • PHP

Elbette bu listeye başka maddeler de dahil edilebilir. Web uygulaması geliştirme, oldukça uzun ve emek yoğun bir süreç olabilen birkaç adımı içerir. Aşağıda web uygulamaları oluşturmanın ana adımlarını açıkladık.

Fikir üretme aşaması

Eğer bir web uygulaması yapmayı düşünüyorsanız o zaman bu işin başlangıç ​​noktasının ne olduğunu bilmeniz gerekir. Her projede olduğu gibi bir web uygulaması üretmeye başlamak için de bir fikre ihtiyacımız var.

fikirlerin kaynağı

Bu bölümde, uygulamaya hazır önemli bir fikre sahip olmamıza gerek yok, bunun yerine fikir üretmeye güveniyoruz ve kullanıcının sorunlarını çözmeyi birinci öncelik olarak görüyoruz. Kullanıcının hangi sorunlarla karşılaştığını anladığımızda, bu sorunları çözecek ürünler önerebilir ve sunabiliriz.

Hedef pazarı ve rakipleri incelemek

Hedef pazarı ve rakiplerimizi analiz etmek, herhangi bir ürünün üretimine başlarken diğer önemli şeylerden biridir. Ekiplerin pazar, pazarın sorunları, büyüklüğü (etkilenen kişi sayısı) ve bir web uygulaması oluşturmaya yönelik rekabet stratejileri hakkında kapsamlı ve gerçekçi bir anlayışa sahip olmaları gerekir.

Web uygulamasının ana özellikleri ve işlevleri

Bu aşamada MSCW modelini kullanarak nihai ürünü üretmek için gerekli olan tüm özellikleri (önemli ve küçük) listeleyerek web uygulamasının temel özellik ve yeteneklerini önceliklendirmeliyiz. Aşağıda MSCW modelinin detaylarını açıklıyoruz.

 MSCW modeli

Bu modelin adı aşağıdaki resimde gösterilen 4 öğenin kısaltmasıdır. Bu gereksinimlerin her birini aşağıda açıkladık.

  • “Olmazsa Olmaz”: Ekip için vazgeçilmez olan ürünün tartışılmaz ihtiyaçları.
  • “Olması Gerekenler”: Gerekli (ve zorunlu) olmayan ancak önemli değer katan eylemler.
  • “Olabilir”: Göz ardı edildiği takdirde çok fazla olumsuz etkisi olmayacak iyi eylemler.
  • “Olmayacak”: Bu zaman çerçevesinde öncelik verilmeyen eylemler.

Tasarım

Bir web uygulaması oluşturduğumuzda dikkate almamız gereken bir sonraki şey “tasarım”dır. ” Kullanıcı Arayüzü ” (UI) ve ” Kullanıcı Deneyimi “nin (UX) yanı sıra her birinin, geliştirmenin bu aşamasında tasarım kararları üzerindeki etkisini bilmek, bir web uygulaması oluşturmanın ilk adımıdır.

Kullanıcı arayüzü veya kullanıcı arayüzü, web uygulamasının görünümünü ve ilettiği duyguyu vurgular. Ayrıca yazı tipleri, renkler ve sayfa düzeni gibi detaylar da burada dikkate alınanlar arasındadır. UI tasarımının amacı , kullanıcılara işlevsellik ve hoş güzellik sağlayan bir arayüz oluşturmaktır.

Kullanıcı deneyimi veya UX, kullanıcıların ne istediklerini ve hissettiklerini doğru bir şekilde anlayarak bir uygulamayla nasıl etkileşimde bulunacağını yönetir.

Kullanıcı yolu haritası

Kullanıcının motivasyonunu ve hedeflerini, arzularını ve zorluklarını anlamak, sürecin her noktasındaki deneyiminin temsil edilmesiyle kolaylaştırılır. Ayrıca bu tür sorunları çözmek için UX tasarımını uyarlamayı da kolaylaştırır .

Web uygulaması tel çerçevesi

Gelecekteki uygulamalar için basitleştirilmiş dijital grafik öngörülerine tel çerçeveler adı verilir . Tel çerçeveler, ürünü oluşturan parçalar arasındaki mimariyi, hiyerarşileri ve bağlantıları gösterir. Tel çerçeve, web uygulamasının ön uç ve arka uç bölümlerinin tasarım ve işlevselliğinin taslağı veya planı (taslak) olarak düşünülebilir.

Tıklanabilir prototip

Oluşturulan tel çerçeve seti aynı zamanda daha etkileşimli olabilir, böylece son prototip tasarımı tam teşekküllü bir web uygulaması gibi görünür ve çalışır. Kullanıcı deneyimini simüle eden UX ve etkileşimde yapılan iyileştirmeler ile bu prototipi görebilir ve kullanabiliriz . Bunu yaparak, geliştirmeyi tamamlamadan önce web uygulamamızın performansı, tasarımı ve kullanılabilirliği konusunda kullanıcıdan faydalı geri bildirimler alabiliriz.

Görsel tasarım

Kullanıcı arayüzü tasarımcıları, uygulamanın bu noktada nasıl görüneceğini gösteren yazı tipleri, renk şemaları veya renk kombinasyonları, simgeler, şekiller, düğmeler, sayfa öğesi boyutları ve oranları, resimler vb. gibi kullanıcı arayüzü (UI) öğelerini seçerek düzenler oluşturur. sahne. Animasyonlar ve sayfa geçişleri gibi “hareket” tasarım öğeleri de uygun yere eklenir (dahil edilir).

Web uygulaması geliştirme adımları

Bir web uygulaması oluşturmanın bir sonraki adımı onun geliştirilmesidir. Bu aşamada web uygulamasının kodlanmasının yanı sıra uygulamayı destekleyen çerçeveler ve teknolojiler konusunda da önemli teknik seçimler yapılmalıdır.

Veri tabanı tasarımı

Web veya akıllı telefon uygulamamıza ait kodlar veri tabanında saklanır. Veritabanı aynı zamanda verilerin yönetilmesinden, saklanmasından, toplanmasından, işlenmesinden ve verilere güvenli erişim sağlanmasından da sorumludur. MySQL , MongoDB ve PostgreSQL gibi DBMS’ler pazara büyük ölçüde hakim olup hangi veritabanının seçileceğine karar vermeyi kolaylaştırır. Veritabanı seçerken “Güvenlik” ve “Veri Sızıntısının İmkansızlığı”nın olmaması dikkate alınması gereken çok önemli faktörlerdir.

Başlangıç ​​aşaması

“Ön Uç” olarak da bilinen “İstemci Tarafı” geliştirme, kullanıcının web uygulamasına bir tarayıcı aracılığıyla erişmesini sağlar. Modern ön uç geliştirme için temel kalıpları ve bileşenleri (kullanıcının gördüğü ve etkileşimde bulunduğu şeyleri) sağlayan çeşitli çerçeveler vardır. Başlamak için geliştirme ortamımızı kurmamız yeterlidir. Aşağıdaki maddeler bu konuda size yol gösterecektir.

  • Kodlarımız için VS Code gibi bir editör seçiyoruz .
  • Webpack gibi bir paketleme ve derleme çerçevesini düşünün .
  • Geliştirme için React, ViewJS vb. gibi ön uç çerçevesini seçiyoruz.

Daha sonra araç setini, büyük olasılıkla localhost’ta farklı bir bağlantı noktasında çalışan arka uçla iletişim kuracak şekilde yapılandırıyoruz. Çoğu durumda bunun için bir HTTP proxy ana bilgisayarı kullanılır .

Arka uç

Arka uç geliştirme, uygulamanın çekirdek mantığı, veritabanı ve web sunucusuyla ilgilenir. Arka ucun yüksek karmaşıklığı nedeniyle geliştirme sürecinde bize yardımcı olan çeşitli çerçeveler vardır. Web uygulamamızı oluşturmak için seçeceğimiz programlama dili veya teknolojileri, çalışmaya devam etmek için hangi çerçevelere erişebileceğimizi belirleyecektir. Bu seçeneklerden bazılarını aşağıda listeledik.

  • JavaScript dili için Node JS
  • Python dili için Django çerçevesi
  • Ruby dili için Ruby on Rails çerçevesi
  • PHP dili için Laravel çerçevesi
  • ve daha birçok şey.

API ile Ön Ucu Arka Uca Bağlama

Veri alışverişini etkinleştirmek için. API bağlantı prosedürü, uygulama arayüzünü (ön uç) arka uca bağlar.

Web uygulaması testi

Test uzmanının ana görevi, piyasaya sürülmeden önce programın işlevini test etmektir ( yazılım testi ), böylece kaliteli bir ürünün pazara girmesi sağlanır. Test uzmanları ürün belgelerini okur, tüm özelliklerin “gereksinimlerde” belirtildiği gibi performans gösterdiğini doğrulamak için test edilecek özelliklerin bir listesi ve test edilmesi gereken sıra olan “Test Senaryoları” oluşturur. Uygulama” verilir. Bu işlem hem kullanıcının farklı senaryolardaki eylemlerini manuel olarak simüle edebilir hem de test işlemini otomatik olarak gerçekleştirecek bir komut dosyası yazabilir. Daha sonra geliştiriciler, hataların yanı sıra düzeltme önerilerini de içeren bir rapor alır.

Kurulum

Şimdi bu aşamada web uygulamamızı barındıracağımız yeri seçip gerçek kullanıcıların kullanımına sunmamız gerekiyor. Bu amaçla yapılması gerekenleri aşağıda belirttik.

ev sahibi

Web uygulaması bulutta barındırılarak kullanıcıların kullanımına sunulmaktadır. Aslında bu çalışma bize dünyanın her yerinden web uygulamasına anında erişim olanağı sağlıyor. Bu amaçla Amazon Web Services, Microsoft Azure, Google Cloud Platform ve daha birçok tanınmış barındırma şirketi bulunmaktadır. Web uygulamanız için barındırma hizmeti seçerken aşağıdakileri göz önünde bulundurmalısınız.

  • Maliyet
  • Etki alanı (proje etkinliği etki alanı gibi)
  • Sınırlamalar
  • Eklentiler (ek özellikler sağlar)
  • Ölçeklenebilirlik (örneğin kapasiteyi artırma yeteneği)
  • Kullanıcı değerlendirmesi (geri bildirim ve kullanıcı yorumları)

Verim

“Dağıtım”, web uygulamasını kaynak kontrolünden “barındırma” şirketinin bulut alanına aktardığımız son adımdır. Bu amaçla çeşitli programlar bize yardımcı olabilir. Aşağıda bu programlardan bazılarını listeledik.

  • GitHub
  • Kapı Laboratuvarı
  • Jenkins
  • Bit kovası

Sıkça Sorulan Sorular

Bu bölümde web uygulamaları ve genel olarak bu alanla ilgili sık sorulan bazı sorulara cevap vermek istiyoruz.

Tek sayfalık web uygulaması nedir?

SPA veya Tek Sayfalı Web Uygulaması terimi, web tarayıcısının yeni sayfaları tamamen yeniden yüklemesini gerektirmeden, halihazırda yüklü olan sayfayı bir web sunucusundan gelen yeni bilgilerle dinamik olarak değiştiren bir web sitesini veya web tabanlı uygulamayı ifade eder. Yaygın olarak kullanılan SPA’lara örnek olarak Gmail, Google harita servisi, Netflix, PayPal ve bunun gibi birçok hizmet sayılabilir.

Çok sayfalı web uygulaması nedir?

Çok sayfalı web uygulamaları veya MPA’lar, kullanıcıya yanıt vermek veya bilgilerini güncellemek için tüm sayfayı yeniden yükleyen ve kullanıcı onlarla etkileşime girdiğinde yeni bir sayfa gösteren bir tür web tabanlı uygulamadır.

Aşamalı web uygulaması nedir?

Progresif Web Uygulaması veya PWA, aslında bir mobil uygulama gibi davranan bir web sitesidir. Bu tür uygulamalar, kullanıcının App Store’a gitmesine, bir şeyler satın almasına ve yerel olarak bir uygulama indirmesine gerek kalmadan akıllı telefonların dahili yeteneklerini kullanmak için yapılır.

Mobil uygulama ile web uygulaması arasındaki fark nedir?

Mobil uygulamaların GPS, kamera ve diğer özellikler gibi akıllı telefon sistemi kaynaklarına erişimi vardır ve App Store’lardan indirilip yüklenir. Bu programlar gerçek cihazda çalışır. Öte yandan, web uygulamalarına bir web tarayıcısı aracılığıyla erişilebilir ve bunlara erişmek için kullandığımız cihazdan bağımsız olarak uyum sağlanabilir.

Bir web sitesi ile bir web uygulaması arasındaki fark nedir?

Web sitelerini tek başına web uygulaması olarak değerlendiremeyiz. Web sitesinin amacı, kullanıcıya statik web sayfaları veya bağımsız sayfalar şeklinde içerik veya bilgi sağlamak olabilir. Web uygulamasının asıl amacı kullanıcıya bir veya daha fazla görevi gerçekleştirerek etkileşim kurma yeteneği sağlamaktır.

Web uygulaması hangi platformda çalışıyor?

Diğer uygulamalardan farklı olarak web uygulamalarının indirilip kurulmasına gerek yoktur. Bu programlara ağ ve internet üzerinden erişilebilir. Kullanıcılar web uygulamalarına Google Chrome, Mozilla Firefox, Safari gibi tarayıcılar veya diğer tarayıcılar aracılığıyla erişebilirler.

Web hizmeti ile web uygulaması arasındaki fark nedir?

Web uygulaması aslında istemci sistem üzerinde çalışan tarayıcı aracılığıyla bize sunulan bir programdır. Web servis ise farklı bilgisayarların ağ üzerinden birbirleriyle etkileşime geçmesini sağlayan bir yazılım sistemidir. Web servisleri genellikle bir kullanıcı arayüzünden yoksundur çünkü bir uygulama içinde bileşen olarak kullanılırlar. Web uygulaması grafiksel kullanıcı arayüzü veya GUI ile eksiksiz bir program olarak sunuluyorsa. Ayrıca web servisleri, farklı platformlarda çalışan web uygulamaları arasında iletişim kurmak ve veri aktarmak için de kullanılabilir.

Yaygın web uygulamaları türleri nelerdir?

Farklı türdeki web uygulamalarını adlandırabiliriz, ancak burada kendimizi iyi bilinen bazı uygulamaları tanıtmakla sınırlayacağız.

  • İşyeri İşbirliği web uygulamaları: Bu tür uygulamalar, ekip üyelerinin belgeler, paylaşılan takvimler, iş anlık mesajlaşma hizmetleri vb. gibi organizasyonel araçlara erişmesine olanak tanır.
  • Webmail uygulamaları (E-posta): Webmail uygulamaları, kişisel kullanıcılar ve kuruluşlar tarafından e-postalarına erişmek için yaygın olarak kullanılmaktadır. Bu programlar genellikle anlık mesajlaşma ve video konferans gibi diğer iletişim araçlarını içerir.
  • “İnternet Bankacılığı” web uygulamaları: Gerçek ve tüzel kullanıcılar, bir tür web uygulaması olarak, banka hesaplarına erişmek ve aynı zamanda kredi, kredi gibi diğer finansal ürünlerden yararlanmak amacıyla internet bankacılığı uygulamalarını yaygın olarak kullanmaktadırlar.
  • “E-ticaret” web uygulamaları (Çevrimiçi Bankacılık): Amazon gibi bu tür web tabanlı uygulamalar, kullanıcıların çevrimiçi olarak ürün aramasına, göz atmasına ve satın almasına olanak tanır.

Çözüm

Mobil uygulamaların geliştirilmesi küresel ve giderek artan bir popülerliğe sahiptir. Ancak hedef kitlemizle iletişim kurmanın basit bir yolunu sunan web uygulamaları, zorlukların üstesinden gelme ve başarıya ulaşma konusunda büyük potansiyele sahip isimsiz kahramanlar olarak değerlendirilebilir.

Faradars dergisinin gelecek makalesinde, web uygulamasının doğasının ne olduğu, ne için kullanıldığı ve nasıl oluşturulacağı konusunda nispeten eksiksiz bir açıklamaya sahip olmaya çalıştık.

Bu programlar kullanıcıların web tarayıcıları aracılığıyla işlem yapmalarına olanak tanır. Bu nedenle cep telefonu uygulamamızın hafif bir versiyonu olduğunu düşünebiliriz. Ayrıca web uygulamaları oluşturmak, mobil uygulamalar oluşturmaktan çok daha ucuzdur. Söylediğimiz tüm nedenleri göz önünde bulundurarak işletmemize özel bir web uygulaması oluşturacaksak web geliştirmeyi düşünmeliyiz.

Exit mobile version