Mobile questions

[ghamm]

Hi,

Have success with my demo.. Now I want to move to something I'm really interested in.. I want to build a Unigui server that will serve web browsers and phones both..

 

1. In looking at the demos, it appears that the components for Web are different than the Mobile components?

 

2. How does my Unigui server know what to serve? Is there a flag that sends the user to a mobile section of code? How does it know what sizes to use? Are they different components all together or just sizing issue? I'm thinking they are totally different components. Does that mean that you need 2 different servers running with different listening ports?

 

Im a little lost on the mobile thing

 

Gordon

[Sherzod]

Hi,

Have success with my demo.. Now I want to move to something I'm really interested in.. I want to build a Unigui server that will serve web browsers and phones both..

 

1. In looking at the demos, it appears that the components for Web are different than the Mobile components?

 

2. How does my Unigui server know what to serve? Is there a flag that sends the user to a mobile section of code? How does it know what sizes to use? Are they different components all together or just sizing issue? I'm thinking they are totally different components. Does that mean that you need 2 different servers running with different listening ports?

 

Im a little lost on the mobile thing

 

Gordon

 

Hi,

 

1. Yes, they differ

 

2. You can see a demo project:

\FMSoft\Framework\uniGUI\Demos\Touch\Hybrid

Look at UniServerModule -> Options -> soAutoPlatformSwitch

 

Best regards.

[ghamm]

Thank you for the reply.. Im looking at the demo.

 

With regards to mobile..

Does Unigui autoscale mobile apps based on what phone the user has? It looks like Im going to have lots of redundant code if I want many formats? I guess I should make some reusable classes?

[mhmda]

The Client-Side of Unigui is based on:

 

• Sencha Extjs
• Sencha Touch (for mobile)

 

Please refer to Sencha Touch to see it's power https://cdn.sencha.com/touch/sencha-touch-2.4.1/examples/.

 

 

 

Sencha Touch is the leading MVC-based JavaScript framework for building cross-platform mobile web applications. Sencha Touch leverages hardware acceleration techniques to provide high-performance UI components for mobile devices

[ghamm]

Thank you for the link, that helps with examples of what can be done..

 

Im still confused about some basic concepts..

I sort of understand how the  soAutoPlatformSwitch works, it goes to one form or another based on what platform the user has.. But what I dont understand is .. there are many kinds and sizes of Mobile devices.. Are you implying that I need to make a form for each possible size of mobile device? If so, does each then have to have its own code to maintain?

 

If In fact that there needs to be provisions for every size and shape, then how do i direct the server to load proper form for the mobile device size?

 

OR, does UNIGUI autoscale for different sizes of mobile devices, and In that case, I dont need to worry about it?

[mhmda]

 

 

there are many kinds and sizes of Mobile devices.. Are you implying that I need to make a form for each possible size of mobile device? If so, does each then have to have its own code to maintain?

 

It's really simple let Sencha Touch handle everything for you :-)

 

Please read Sencha Touch documentation to have basic kknowledge of its concept.

 

Beside that Sencha Touch give you "Feel & Look" of native mobile app, no matter  what is the size of your device, you can see screenshots here: http://forums.unigui.com/index.php?/topic/4869-mobile-phonebook-mobile-app/?hl=phonebook

[ghamm]

Ok,thats great! Thank you..

 

1. Would the same be for tablets? Im thinking they might need forms of their own?

2. With what you said, Im assuming that the web forms and mobile forms will still need much of their own logic? Separate code?

[mhmda]

 

 

1. Would the same be for tablets? Im thinking they might need forms of their own?

 

You can use profiles: https://docs.sencha.com/touch/2.4/core_concepts/device_profiles.html

 

 

 

2. With what you said, Im assuming that the web forms and mobile forms will still need much of their own logic? Separate code?

 

The back-end code is the same for both: Desktop/Mobile, but the design is different, here an example of my own app: 

 

 

 

 

[ghamm]

Thank you.. That makes great sense.. I did read the sencha stuff, but Im not really sure how that is used with UNIGUI.. Do I have to write some JS into my UNIGUI to use profiles? I love the profiles idea.

 

Gordon

[Abaksoft]

Hello Mohammad how are you ?

I have an enigma, me to, about mobile size:

1. what is the real use of the unigui menu on Delphi top interface (different phones sizes are suggest) ?

 

2. Is that an old Farshad concept wich can be replaced by the new sencha profiles ?

Thx

[gordon]

Yes, this is my question too.. How to integrate a profile..

[Abaksoft]

Hello Ghamm,

About hybrid project (Desktop + Mobile) :

What i am using at this time is :

- Create a set of Forms for Desktop

- Create a set of Forms for Mobile (the smalest size on the menu).

And share the same code in an Unit ( unigui DataModule).

 

http://forums.unigui.com/index.php?/topic/6744-hybrid-example-how-it-works-please-explain/&do=findComment&comment=34306

 

http://forums.unigui.com/index.php?/topic/6744-hybrid-example-how-it-works-please-explain/&do=findComment&comment=34499

 

But steel the question about automatic size (diferent Mobile & Tablet screen) ?!

 

Best regards.

[gordon]

Im not sure.. Because it seems like the tablet needs a different form than the phone app... Im not sure how to implement the profile idea ..

[mhmda]

I will try to make an example next few days...

[ghamm]

I will try to make an example next few days...

Thank You! That would be wonderful!

[asapltda]

I will try to make an example next few days...

We will wait for example, thanks

[jaromir]

Mohammad,

 

Desktop version from above. What theme is it ? I don't see switches like this anywhere in UniGui. The same buttons - is this speed button with changed color ? Could You clarify please ?

[mhmda]

Mohammad,

 

Desktop version from above. What theme is it ? I don't see switches like this anywhere in UniGui. The same buttons - is this speed button with changed color ? Could You clarify please ?

 

.bntLogin
{
 background:#fcf5e4 !important; 
 -webkit-transition: background 0.2s ease-in-out;
 transition: background 0.2s ease-in-out;
}
.bntLogin:hover
{
 background:#fac337 !important;
 -webkit-transition: background 0.2s ease-in-out;
 transition: background 0.2s ease-in-out;
}


.login_edit
{
 background-color:#fcf5e4 !important; 
 background-image: none !important; 
} 

Sencha Field->Text:

 

 

http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.form.field.Text-cfg-fieldCls

[jaromir]

Thank You mohammad. I saw Your posts in some of previous thread. Detailed images are great ! Thanks again.