Jump to content

Responsive Web App Revisited!


Aggie85

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 comment
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 comment
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 comment
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 comment
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.  

  • Like 2
Link to comment
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 comment
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 comment
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 comment
Share on other sites

  • 2 months later...
  • 3 months later...
On 10/23/2020 at 4:45 AM, Norm said:

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.

 

Of course they can ! If you live for ever ! If you can build such apps, the last thing you need is Delphi and uniGUI.

You´re taking a responsive website as App. Good luck with that...

Googlemaps ? Is joke, right ? lol !


 

Link to comment
Share on other sites

It would be helpful to all of us if you could elaborate on your input instead of making cryptic comments.

>>You´re taking a responsive website as App. Good luck with that... >> What exactly are you saying?

>> Googlemaps ? Is joke, right ? lol ! >> What is the joke?

  • Upvote 1
Link to comment
Share on other sites

Projeto RADCORE

Acelere e facilite o desenvolvimento e/ou migração de suas aplicações
para web usando DELPHI + uniGUI.

Vídeo demonstrando recursos visuais do RadCORE, RadTICKET e RadFOOD.

O código fonte do RadCORE é repleto de recursos exclusivos que permitem
de maneira simples aplicar responsividade em seus projetos pré-existentes
aproveitando 100% das suas regras de negócio, inclusive se você usa 
componentes de terceiros e sem precisar usar html/css/js ( templates ).

Você não precisa removê-los !!!

Esse é o conceito principal do RadCORE: Você não vai instalar nenhuma
nova biblioteca de componentes e não vai remover o que você já tem.

Pode usar os recursos exclusivos de banco dados( lookups dinâmicos,
atributos dinâmicos para uniDBGrid etc.. ) ou não, você fica no controle.


English version:

Accelerate and facilitate the development and / or migration of your applications
for web using DELPHI + uniGUI.

Video demonstrating visual features of RadCORE, RadTICKET and RadFOOD.

The source code of RadCORE is full of exclusive features that allow
in a simple way to apply responsiveness to your pre-existing projects
taking advantage of 100% of your business rules, even if you use
third-party components and without having to use html / css / js (templates).

You do not need to remove them !!!

This is the main concept of RadCORE: You will not install any
new component library and will not remove what you already have.

You can use the unique database features (dynamic lookups,
dynamic attributes for uniDBGrid etc ...) or not, you are in control.

Mais informações:
More information:

Flávio Motta
mikromundo@gmail.com
+55 85 998621405

 

Link to comment
Share on other sites

  • 2 months later...
  • 4 weeks later...

if you want to fail - use intraweb - full of bugs all over. even in their demos.

if you want to write stabel app use uniGui

I'm 30 years developer in Delphi - just move to the web. never see a framework with so many bugs like intraWeb and I talk from experience.

their panel is not working well, their Grid don't give you base property, the client refresh very bad.

  • Like 1
Link to comment
Share on other sites

  • 2 weeks later...
On 10/16/2020 at 1:29 AM, x11 said:

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.

From which version this functionality is included. And which ones would be of the demos?
In the trial version also available for testing?

Link to comment
Share on other sites

  • 1 month later...

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...