Jump to content

Responsive Web App Revisited!


Recommended Posts

Howdy All!

I was reading the roadmap for UniGui and noticed the Q1-2020 had Sencha 7.x as part of it.

I just went to Sencha's site and played with their 7.x demo app:

https://examples.sencha.com/extjs/7.3.0/examples/admin-dashboard/#widgets

for my needs, it is responsive.

Can I develop a true responsive app with UniGui now without needing two web apps (one set of controls for desktop and one set of controls for mobile/tablet)?

All the best,

Aggie85

P.S. Please be safe.

Link to post
Share on other sites

I think you can.

You can download a trial, there are desktop demo projects, try to adapt them for mobile platforms.

I've tried running simple desktop projects on my smartphone and they work. But I did not try to adapt.

Link to post
Share on other sites

x11 thanks for the answer.

I am in the process of trying to decide what language / framework to use for my next web project.

All my current web apps have been in C++ Builder + IntraWeb. 

IntraWeb is very lacking in components outside of basics. Many of us use third party components like CGDevTools (which supply desktop  / mobile editions).

The reason I asked  the original question is that I don't want two different sets of components for a web application. I would rather design my application to be responsive as possible (whether that means when possible using layouts or disabling features when not appropriate on small devices).

The Sencha 7.x example link I gave previously (repeated below) is responsive:

https://examples.sencha.com/extjs/7.3.0/examples/admin-dashboard/#widgets

The online UniGui desktop examples are NOT responsive.

Any how, I am hoping to see a UniGui example / real web app that is responsive before I go down this path.

All the best,

Aggie85

Link to post
Share on other sites

Hi there

Have a look at this sample app and see if it points to what you are after.

https://www.qssldtf.com:8083

The app is an extract from a larger uniGui application. It works on any device and responds to screen resizing and rotation.

Just so you understand the navigation: This app extract is used by contracting property builders to record timesheets for various projects they work on. Each project (Job No) is divided into sub-projects (Trade Codes) for budget performance costing purposes. Timesheets are recorded on a weekly basis and each week runs from Thursday to Wednesday.

You can log in using any of “Demo1” up to “Demo15” and “demo” as password. The data you create is automatically purged when you log out.

The application is built with Bootstrap based HTML. It does not use any Sencha components.

After much trial & error and lots of frustration I have decided that at the current state of development I would never be able to develop a single application that will work effectively on all devices using only  uniGui+Sencha components. I would be interested to know what others think in this regards.

 

  • Like 1
Link to post
Share on other sites

Simple rule folks: the biggest you app the more specific it gets ! And uniGUI does a pretty good job already avoiding such a hurdle that is still very present in other platforms and frameworks. Take my word here !

Why Facebook website don't give the same experience (via mobile) as the app for their mobile version ? Don't you know they got their own JS framework and thousands of programmers ? Why THEY don't get it done with all that resource and workforce ? Simple ! Its not meant to be ! Mobile is one thing and desktop another. See your mobile APP as complementary to your desktop app. This is a golden rule for ERP-is, CRM-is apps. Need more ? Your using the wrong tool. Get back to VCL and FMX.
If you are trying to do the same things in both, good luck with that, write a book and make some courses because you're in the way to be millionaire very soon. No framework in the market will give such solution in one package and out-of-the-box. NONE.

Further more, not even Google does that: Flutter is for mobile. The desktop versions is not even in beta  and will be a lot different. Just ask yourself: why they are not using JS+HTML+CSS if is a "solution-fits-all" scenario ? 

See also Google and Youtube: you got a lot of versions of the same app across a lot of devices. Even devices that has internet connectivity as smarttvs. See twitter and their App. Don't even want to mention TikTok that everybody is  in copycat mode ! Take a look in their desktop version: it sucks ! Is a mobile app only and social network focused on that platform/devices.

A lot of Delphi programmer need a good introduction to UI and UX paradigms BEFORE jump to web development.  Take my advice here OP.

Quick note: in one interface you'll use a mouse and a keyboard and the other, your fingers, flips orientation etc etc. You got different events, gestures and user behavior. Very soon, it will also change, be gone and all  navigation will be voice activated UX. Guess what language and framework we will use ? None currently in use.  

Link to post
Share on other sites

Howdy Fred,

I don’t disagree with most of what you said but it depends on the complexity / needs of the app.

when I designed the third version of my web app (link above), I moved away from using any grids or other UI components that don’t change/scale in a responsive way. My app also doesn’t really have any complicated data entry needs.

Any how, I was hoping I could easily do something similar with Unigui.

I am now looking at Angular for client apps and I will continue to write my backend REST apis in c++.

All the best,

Shane

Link to post
Share on other sites

Hi Fred,

I think your view regarding an “all-devices” web application is too simplistic. There is an endless list of prominent organizations that have websites built to work on all devices, even Google does it. Here is a small sampling.

https://www.googlemaps.com

https://www.shutterfly.com

https://www.sap.com

https://www.typeform.com

These sites could be easily built with uniGui + HTML but they cannot be built with uniGui + Sencha.

I think most developers who have discovered uniGui agree that UniGui + Sencha is a fantastic solution, especially for complex UI’s. However there are times when uniGui + HTML is the better (or only) solution for a particular task, especially when you are targeting multiple devices. With HTML+JS+CSS  it is very easy for the same uniGui application to dynamically present a completely different UI depending on the host device or screen orientation.

Link to post
Share on other sites
On 10/19/2020 at 10:13 AM, Norm said:

Hi there

 

Have a look at this sample app and see if it points to what you are after.

 

https://www.qssldtf.com:8083

 

The app is an extract from a larger uniGui application. It works on any device and responds to screen resizing and rotation.

If your demo web app still active I would like to see its UI.

It gives the following message currently:

Thanks

Capture.PNG

Link to post
Share on other sites
On 10/21/2020 at 7:06 AM, Aggie85 said:

I am now looking at Angular for client apps and I will continue to write my backend REST apis in c++.

Before going with Angular did you try with unigui's mobile version components?

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...