Web ve mobil uygulama farklarını öğrenin

Kuika ile uygulama geliştirme sürecinde web ve mobil uygulamalar bazı noktalarda farklara sahiptir.

Kuika’ da Web ve Mobil Uygulamaların geliştirilmesi sürecinde bazı özellikler doğrultusunda farklılıklar göstermektedir.

Web uygulama tipi temelde responsive ve bir tarayıcı üzerinde çalışan uygulamalar geliştirmenizi sağlayacak özelliklere sahiptir. Bir telefon numarasının aranması veya paylaş aksiyonu ile farklı uygulamalarda paylaşımı gibi özellikler web tipindeki uygulamalarda bulunmaz.

Buna karşılık mobil uyumlu uygulama tipinde ise hem Android hem de iOS cihazlarda çalışabilen özelliklerle gelir. Bahsettiğimiz telefon numarasını arama veya paylaş gibi aksiyonlar bunların arasındadır.

İki uygulama tipi arasındaki farklar ise;

1- Configuration Ayarları: Web uygulamalarda sadece web, Mobil uyumlu uygulama tipinde ise hem web hem de mobil uygulamaları edinebilirsiniz.

2- Element farkları: Web uygulama tipinde tüm elementlere ulaşabilirken Mobil uygulama tipinde Tooltip, Date&Time Range gibi elementler bulunmaz.

3- Aksiyon farkları: Mobil özelinde bulunan telefon numarasını arama (CallPhoneNumber) gibi aksiyonlar web uygulama tipinde bulunmazlar.

Web ve mobil uyumlu uygulama tiplerindeki farkların nedenlerini inceleyecek olursak;

• Web uygulamalarda bulunan liste ekranlarında sayfa numaratörleri kullanılırken mobil uygulamalarda scroll ile yeni içeriklerin yüklendiği yapı kullanılır.

• Mobil uygulama geliştirirken hem Android hem de iOS için tek bir geliştirme yaparsınız. Her iki cihaz ve işletim sistemini karşılayacak element ve aksiyonlar ortak tutulmuştur.

1. Configuration Ayarları

Configuration Manager görünüm modu

Oluşturduğunuz uygulama tipine bağlı olarak uygulamanız generate edilirken kullanılacak konfigüsrasyonlar değişiklik gösterir. Web için temel ayarlamalar yeterliyken mobil için işletim sistemi bazında (iOS/Android) konfigürasyonlar hazırlamalısınız.

Oluşturduğunuz uygulamayı web veya mobil farketmeksizin preview almanızı sağlayacak varsayılan konfigürasyon ayarları bulunur. Bu sayede uygulamayı oluşturduğunuz ilk andan itibaren preview alarak web veya Android bir cihaz için paketlenmiş olarak önizleyebilirsiniz.

Web uygulama tipinde sadece web için konfigürasyon ayarı yapabilirsiniz. Mobil uyumlu/destekli uygulama tipinde ise hem web hem de mobil için (Android/iOS) ayrı konfigürasyon ayarları yaparbilirsiniz.

Email önizleme

Android ve iOS konfigürasyonlar ile hazırladığınız uygulamayı generate ettiğinizde kullanıcı hesabınıza bir eposta otomatik olarak gönderilir. Bu eposta içinde bulunan linkten uygulamayı Appetize aracılığıyla önizleyebilir, cihazınıza indirerek test edebilir (sadece Android) veya TestFlight yükleyebilirsiniz.

2. Proje tipine bağlı Element farklarını inceleyin

Platform içinde bulunan elementlerin %95’i hem web hem de mobil uyumlu uygulama tiplerinde ortak olarak kullanılabilir. Web uygulama ve mobil uyumlu uygulama tiplerinde aradaki bu küçük fark uygulamanın kullanılacağı cihaz, işletim sistemi veya UX gereksinimleri nedenlerindendir. Her iki uygulama tipinde de aynı elementler olsa da birkaç elementin özellikleri bazında da küçük farklılıklar bulunmaktadır.

Altta Kuika Low-code Platformu içinde bulunan tüm elementlerin web app ve mobile uyumlu app arasındaki farkları inceleyebilirsiniz.

Element Adı	Web Proje	Mobil Proje
Row	✔	✔
Micro App	✔
Stepper	✔
Button	✔	✔
Header	✔	✔
Footer	✔	✔
HorizontalStack	✔	✔
VerticalStack	✔	✔
Label	✔	✔
Panel	✔	✔
Collapse	✔
Tab	✔	✔
Image	✔	✔
Thumbnail	✔
Timeline	✔	✔
Icon	✔	✔
Menu	✔	✔
MD Viewer	✔	✔
Video Player	✔	✔
Divider	✔
Progress Bar	✔	✔
Progress Circle	✔	✔
Barcode Renderer	✔
Badge	✔	✔
Text Input	✔	✔
Number Input	✔	✔
Email	✔	✔
Text Area	✔	✔
Currency	✔
Password	✔	✔
MD Editor	✔
Percent	✔
URL	✔	✔
Auto Complete	✔	✔
Select Box	✔	✔
Multi Select	✔
Slider	✔	✔
Range Slider	✔	✔
CheckBox	✔	✔
Radio Group	✔
Switch	✔	✔
Content Menu	✔	✔
Date	✔	✔
Date Range	✔
Date Time Range	✔
Date Time	✔	✔
Stop Watch	✔	✔
Month Picker	✔
Year Picker	✔	✔
Countup	✔
Countdown	✔	✔
Table	✔	✔
Gallery View	✔	✔
Flex Grid	✔	✔
Carousel	✔	✔
Horizontal Grid	✔	✔
Pagination	✔	✔
Area Chart	✔	✔
Donut Chart	✔	✔
Gauge Chart	✔	✔
Line Chart	✔	✔
Pie Chart	✔	✔
Bar Chart	✔	✔
Mixed Chart	✔	✔
Radial Chart	✔
Rate	✔	✔
Language Selector	✔
File Download	✔
QR Renderer	✔
Web View	✔	✔
Signature	✔	✔
Chat	✔	✔
Google Maps	✔	✔
Location Search	✔	✔
Tooltip	✔

2. Aksiyon Farklılıkları

Telefon numarasının aranabilmesi (PhoneNumberCall) veya Paylaş (Share) gibi özel fonksiyonlar (aksiyonlar) mobil uyumlu cihazlar özelinde kullanılabilir aksiyonlardır.

Web app veya mobil uyumlu uygulamalar arasındaki aksiyonlara ait farkları ise alttaki listeden inceleyebilirsiniz.

Aksiyon ismi	Mobil	Web
Add User To Role	✔	✔
Create User	✔	✔
Disable User	✔	✔
Enable User	✔	✔
Forgot Password	✔	✔
Logout	✔	✔
Password Change	✔	✔
Password Reset	✔	✔
Set Password With Verification Code	✔	✔
Remove User From Role	✔	✔
Sign In	✔	✔
Sign Up	✔	✔
Sign In With Google	✔	✔
Sign In With Apple	✔	✔
Update Username		✔
Is Logged In	✔	✔
Update User Starting Screen	✔	✔
Create User With Password	✔	✔
Is Verification Code Valid	✔	✔
If Then Else	✔	✔
Open In Browser	✔	✔
Open In Map	✔	✔
Open Pdf	✔	✔
Download File		✔
Phone Number Call	✔	✔
Photo Take	✔	✔
Print PDF		✔
Scroll To		✔
Upload File		✔
Get Report Base64	✔	✔
Download Report		✔
Share	✔	✔
Scan Barcode	✔	✔
Get Version Info	✔
Is Online	✔	✔
Export Excel		✔
Get Excel Base 64		✔
Import Excel Base 64		✔
Generate VCF	✔	✔
Generate QR Code	✔	✔
Download Vcf		✔
Location Coordinates Of Address	✔	✔
Location Get Current Coordinates	✔	✔
Location Address Of Coodinates	✔	✔
Delete From Local Storage	✔	✔
Delete From Session Storage	✔	✔
Read From Local Storage	✔	✔
Read From Session Storage	✔	✔
Write To Local Storage	✔	✔
Write To Session Storage	✔	✔
Get Language	✔	✔
Set Language	✔	✔
Select Language	✔	✔
Get My Notifications	✔	✔
Mark As Read Notification	✔	✔
Send Mail	✔	✔
Notify
Send Push Notification	✔	✔
Open Stripe Payment Drawer	✔	✔
Capture Reserved Funds	✔	✔
Cancel Stripe Payment	✔	✔
Create Connected Account	✔	✔
Stripe Connected Account Onboarding Status	✔	✔
Refund Stripe Payment	✔	✔
Refund Status	✔	✔
Remove Payment Method	✔	✔
Connect Account Payout	✔	✔
Connect Account With Draw	✔	✔
Charge Payment Method	✔	✔
Check Payment Intent Status	✔	✔
Generate Stripe Onboarding Link	✔	✔
Get Payment Receipt Link	✔	✔
Get Customer Payment Methods	✔	✔
Get Customer Payment Methods By Id	✔	✔
Update Stripe User Info		✔
Setup Intent	✔	✔
Divide	✔	✔
Multiply	✔	✔
Subtract	✔	✔
Sum	✔	✔
Assign Task To User	✔	✔
Claim Task	✔	✔
Find Manager	✔	✔
Get Agent	✔	✔
Get My Tasks	✔	✔
Get Processes History	✔	✔
Get Processes Started By Me	✔	✔
Get Task Detail	✔	✔
GetUserTaskCount	✔	✔
Release Task To Pool	✔	✔
Resume Process	✔	✔
Set Agent	✔	✔
Set Manager	✔	✔
Start Process	✔	✔
Generate Link	✔	✔
Get All Menu Items	✔	✔
Get Authorized Menu Item	✔	✔
Go Back	✔	✔
Navigate	✔	✔
Get Application	✔	✔
Get Process Data	✔	✔
GetProcessInstance	✔	✔
Get Process Instances	✔	✔
Get Process Status Options	✔	✔
Get Process Steps	✔	✔
Suspend Process Instance	✔	✔
Retry Process Instance	✔	✔
Terminate Process Instance	✔	✔
Subarray	✔	✔
Substring	✔	✔

3.Screens (Ekranlar) Farklılıkları

Web uygulamalarda Master Screen desteklenirken, Mobil uygulamalarda Master screen desteklenmemektedir.

Ayrıca Web ve mobil uygulamalarda Template ekranlar özelinde de farklılıklar gözlemlenmektedir. Yeni bir ekran oluştururken Web uygulamalarda Dashboard ekranlar içerisinde Dashboard,Card and list, Two Colums, Three colums, Marketing Dashboard, Marketing with Left Menu, Sales Dashboard, Sales Dashboard with Left Menu seçenekleri yer alırken, Mobil uygulamalarda Dashboard, Card and List, Two Columns ve Three Columns ekran şablonları yer almaktadır.