Learn the web and mobile app differences

In the application development process with Kuika, web and mobile applications have some differences.

In the process of developing Web and Mobile Applications in Kuika, it differs in terms of some features.

The web application type is basically responsive and has features that enable you to develop applications that run on a browser. Features such as calling a phone number or sharing it in different applications with the share action are unavailable in web-type applications.

On the other hand, in the mobile-compatible application type, it comes with features that can work on both Android and iOS devices. Actions such as calling or sharing the phone number we mentioned are among them.

The differences between the two application types are;

1- Configuration Settings: You can get only web applications in web applications and both web and mobile applications in mobile-compatible application type.

2- Element Differences: While all elements can be accessed in the Web application type, Elements such as Tooltip, Date&Time Range are not available in the Mobile application type.

3- Action Differences: Actions such as calling the mobile phone number (CallPhoneNumber) are not available in the web application type.

If we examine the reasons for the differences in web and mobile-compatible application types;

• While page numberers are used in list screens in web applications, the structure in which new content is loaded with scroll is used in mobile applications.

• When developing a mobile application, you do a single development for both Android and iOS. Elements and actions to meet both devices and operating systems are kept common.

1. Configuration Settings

Configuration Manager view mode

Depending on the type of application you create, the configurations to be used when generating your application vary. While the basic settings are sufficient for the web, you should prepare the operating system-based (iOS/Android) configurations for the mobile.

There are default configuration settings that will allow you to preview the application you have created, regardless of web or mobile. In this way, you can preview the application from the first time you create it, and you can preview it packaged for a web or Android device.

In the web application type, you can configure only for the web. In the mobile compatible/supported application type, you can make separate configuration settings for both web and mobile (Android/iOS).

Email preview

When you generate the application you have prepared with the configurations, an e-mail is automatically sent to your user account. From the link in this e-mail, you can preview the application via Appetize, download it to your device and test it (Android only), or install TestFlight.

2. Examine Element differences based on project type

95% of the elements in the platform can be used jointly in both web and mobile-compatible application types. This small difference in web application and mobile-compatible application types is due to the device, operating system, or UX requirements where the application will be used. Although there are the same elements in both application types, there are slight differences in the properties of several elements.

Below you can examine the differences between the web app and mobile-compatible app of all elements in the Kuika Low-code Platform.

Element Name	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	✔

3. Action Differences

Special functions (actions) such as calling the phone number (PhoneNumberCall) or Share (Share) are actions that can be used for mobile-compatible devices.

You can examine the differences in actions between the web app or mobile-compatible applications from the list below.

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 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	✔	✔
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) Differences

While Master Screen is supported in Web applications, Master screen is not supported in Mobile applications.

There are also differences in the Template screens in web and mobile applications. While creating a new screen, Dashboard, Card and list, Two Colums, Three colums, Marketing Dashboard, Marketing with Left Menu, Sales Dashboard, Sales Dashboard with Left Menu options are available in Dashboard screens in Web applications, while Dashboard, Card and List, Two Columns and Three Columns screen templates are available in Mobile applications.