Jump to content

Mobile questions


ghamm

Recommended Posts

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

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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?

Link to comment
Share on other sites

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

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?

Link to comment
Share on other sites

 

 

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

Link to comment
Share on other sites

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?

Link to comment
Share on other sites

 

 

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: 

 

ss2.png

 

 

 

ss1.png

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

  • 2 weeks later...

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 ?

 

ucss.png

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

 

ucss2.png

 

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

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...