Kullanıcı Kılavuzu

Web ve Mobil Uygulama Farklarını Öğrenin

30/7/25
Kuika ile uygulama geliştirme sürecinde web ve mobil uygulamalar bazı noktalarda farklara sahiptir.
Web ve Mobil Uygulama Farklarını Öğrenin

Kuika’da Web ve Mobil uygulamaların geliştirilmesi sürecinde bazı özellikler doğrultusunda farklılıklar göstermektedir. Bu farklar, platformların donanım, yazılım özellikleri ve kullanıcı etkileşimleri gibi unsurlarına dayanmaktadır. Bu eğitim içeriğinde web ve mobil uygulamalar arasındaki farkları öğreneceksiniz. 

Bu eğitim içeriği aşağıdaki başlıklardan oluşur: 

  1. Web ve mobil uygulama farkları
  2. Aksiyon farklılıkları
  3. Proje tipine bağlı element farklılıkları
  4. Screens farklılıkları
  5. Configuration ayarları

Configuration Ayarları

Oluşturduğunuz uygulama tipine bağlı olarak, uygulamanızın generate edilme sürecinde kullanılacak konfigürasyonlar farklılık gösterebilir. Web ve mobil uygulamalar için konfigürasyon ayarları birbirinden bağımsızdır ve her uygulamanın gereksinimlerine göre özelleştirilir.

Web Uygulama Konfigürasyonları:

Web uygulamaları için temel ayarlamalar genellikle yeterlidir. Web platformunda uygulamanızı oluşturduğunuzda, gerekli tüm konfigürasyonlar otomatik olarak belirlenir ve sadece web için konfigürasyon yapmanız yeterli olacaktır. Bu, uygulamanın hızlı bir şekilde generate edilmesini ve test edilmesini sağlar.

Mobil Uygulama Konfigürasyonları (Android/iOS):

Mobil uyumlu uygulamalar için ise daha detaylı bir konfigürasyon süreci gereklidir. Hem Android hem de iOS platformları için ayrı konfigürasyonlar yapılmalıdır. Konfigürasyonlar, her iki işletim sisteminin farklı gereksinimlerini karşılayacak şekilde hazırlanır.

  • Android için: Android cihazlar üzerinde uygulamanızı test etmek için gerekli ayarlamalar yapılır ve uygulama, Android platformu için paketlenir.
  • iOS için: iOS cihazları için TestFlight entegrasyonu yapılır ve uygulama iOS platformu için test edilebilir hale gelir.

Preview ve Test İşlemleri:

Her iki platformda da, oluşturduğunuz uygulamayı preview almanızı sağlayacak varsayılan konfigürasyon ayarları mevcuttur. Bu sayede, uygulamanızı oluşturduğunuz ilk andan itibaren web veya Android cihazlar için paketlenmiş olarak ön izleyebilirsiniz. Uygulamanızın mobil versiyonları için de Android cihazlarda test edebilir ve TestFlight üzerinden iOS cihazlarınızda inceleyebilirsiniz.

Uygulama Generate Edildiğinde E-posta Bilgilendirmesi:

Android ve iOS için gerekli konfigürasyonları tamamladıktan sonra, uygulamanızı generate ettiğinizde, kullanıcı hesabınıza bir e-posta gönderilir. Bu e-posta içerisinde, uygulamanın Appetize aracılığıyla ön izleme linki ve Android cihazınıza indirip test etmeniz için gereken bilgiler bulunur. Ayrıca, iOS cihazlarınızda uygulamayı test etmek için TestFlight linki de gönderilir.

Bu süreç, web ve mobil platformlar için ayrı ayrı optimize edilmiş uygulamalar geliştirmenize olanak tanır ve her iki platformda da testlerinizi kolayca yapmanızı sağlar.

Proje Tipine Bağlı Element Farklarını İnceleyin

Kuika Low-code Platformu, geliştirme sürecinde kullanılan elementlerin büyük bir kısmını (%95) hem web hem de mobil uyumlu uygulama tiplerinde ortak olarak sunar. Ancak, uygulamanın kullanılacağı cihaz, işletim sistemi veya kullanıcı deneyimi (UX) gereksinimlerine bağlı olarak bazı küçük farklılıklar bulunmaktadır.

Her iki uygulama tipinde de genel olarak aynı elementler kullanılabilse de, bazı elementlerin özelliklerinde platforma özgü küçük değişiklikler görülebilir. Bu farklılıklar, özellikle elementlerin kullanıcı deneyimini optimize etmek ve platformun sınırlarına uyum sağlamak amacıyla yapılır.

Element Farklarının Sebepleri:

  • Cihaz Uyumluluğu: Mobil cihazlarda dokunmatik ekranların, daha küçük ekran boyutlarının ve farklı işletim sistemlerinin gereksinimlerine uyum sağlamak için tasarım ve işlevsellik optimizasyonu yapılır.
  • İşletim Sistemi Gereksinimleri: Web uygulamaları tarayıcı üzerinde çalışırken, mobil uygulamalar Android ve iOS gibi işletim sistemlerinde çalışır. Bu durum, bazı elementlerin yalnızca belirli platformlarda bulunmasına veya farklı şekillerde çalışmasına neden olabilir.
  • Kullanıcı Deneyimi (UX): Mobil uygulamalarda kullanıcı deneyimi, dokunmatik özelliklere ve daha hızlı etkileşimlere odaklanırken, web uygulamalarda klavye ve fare ile uyumlu bir deneyim önceliklidir.

Element Farklarını İnceleyin:

Aşağıdaki listede, Kuika Low-code Platformu'nda yalnızca web uygulamalarda kullanılabilen elementler listelenmiştir. Bu elementler, web uygulamalarına özel ihtiyaçlar ve tarayıcı tabanlı işlevsellikler için optimize edilmiştir.

Web uygulamalara özel bu elementlerin dışında kalan tüm elementler, hem web hem de mobil uyumlu uygulamalarda kullanılabilir. Bu, Kuika'nın sunduğu esnek ve kullanıcı dostu geliştirme ortamının bir parçasıdır.

  • MD Editor
  • Micro App
  • Divider
  • Big File Upload
  • Radio Group
  • Multi Select
  • Language Selector
  • Rate
  • Range Slider
  • Percent
  • Currency
  • Content menu
  • Button
  • Stepper
  • Collapse
  • Tree
  • Tooltip
  • Thumbnail
  • QR Renderer
  • Countup
  • Barcode Renderer
  • Month picker
  • Date time range
  • Date range
  • Pivot Table
  • Calendar
  • Process Automation
  • Gauge Chart

Aksiyon Farklılıkları

Aşağıdaki tablo, yalnızca mobil uygulamalarda veya yalnızca web uygulamalarda çalışan sistem aksiyonlarını belirtmektedir. Aksiyonlar, her uygulama özelliklerine ve kullanım senaryolarına göre özel olarak tasarlanmış ve kullanıma sunulmuştur. 

Aksiyon Adı Web Mobil
Param Payment Pay None Secure
Param Payment Pay 3D
Read NFC
Open In Web
Scan Devices
Saved Device Available
Is Connected
Forgot Device
Disconnect
Connect Bluetooth
Bluetooth Permission Is Given
Bluetooth Is Open
Update User Name
Run UI Vision Macro
Get User Task Summary
Get Process Registry List
Get My Tasks History
Update Stripe User Info
Import Excel Base64
Get Excel Base 64
Export Excel
Download VCF
Send Whatsapp Message
Get Component Base64
Download Report
Copy To Clipboard
Component to PDF

Screens (Ekran) Farklılıkları

Kuika platformunda, web ve mobil uygulama geliştirme sürecinde ekran şablonları ve tasarımlarında belirgin farklılıklar bulunmaktadır. 

Master Screen Desteği:

  • Web Uygulamalarda: Master Screen desteği bulunmaktadır. Master Screen, uygulamanın genel yapısının ve şablonlarının merkezi bir ekran üzerinden yönetilmesine olanak tanır. Böylece uygulamanın farklı bölümlerine hızlıca erişilebilmesini sağlar ve daha düzenli bir kullanıcı arayüzü (UI) sunar.
  • Mobil Uygulamalarda: Master Screen desteği bulunmamaktadır. Mobil uygulamalar, küçük ekran boyutları ve mobil cihazların taşınabilirlik gereksinimlerine odaklanarak daha esnek ve kullanıcı dostu bir tasarım sunmayı hedefler. Bu nedenle, mobil uygulamalarda ekran düzenlemeleri daha basitleştirilmiş ve işlevsel olarak optimize edilmiştir. 

Template Ekranlar (Şablonlar):

Yeni bir ekran oluştururken, Web ve Mobil uygulama tiplerinde şablon seçeneklerinde farklılıklar görülmektedir. Şablonlar, uygulamaların hızlıca ve verimli bir şekilde geliştirmelerine olanak tanırken, her uygulamanın gereksinimlerine göre optimize edilmiştir.

  • Web Uygulamalarda: Dashboard ekranları için daha geniş bir şablon yelpazesi sunulmaktadır. Masaüstü kullanıcıları için daha detaylı ve özelleştirilebilir arayüzler oluşturmanıza olanak tanır. Web uygulama tipinde şu şablonlar bulunmaktadır:
    • Dashboard
    • Card and List
    • Two Columns
    • Three Columns
    • Marketing Dashboard
    • Marketing with Left Menu
    • Sales Dashboard
    • Sales Dashboard with Left Menu
  • Mobil Uygulamalarda: Mobil uygulama şablonları daha basitleştirilmiş ve mobil cihazlarda daha verimli çalışacak şekilde tasarlanmıştır. Mobil ekranlar, küçük ekran boyutlarına ve dokunmatik etkileşime uygun olarak optimize edilmiştir. Mobil uygulamalarda mevcut şablonlar şunlardır:
    • Dashboard
    • Card and List
    • Two Columns
    • Three Columns

İlişkili diğer içerikler

No items found.

Sözlük

No items found.

Alt Başlıklar