Hello people,
I open this thread, because I am going to develop a system with a major mobile component.
First of all, this url seems to contain some useful info, for anyone trying to do the same.
http://www.smartclient.com/smartgwt/...velopment.html
(let's gather more links in this post that might be useful)
Theoretically, according to Isomorphic, you don't need to worry about a thing, as a programmer, except making sure you set the viewport correctly, as explained on the link above.
In the link above, Isomorphic says:
I agree here, using a listgrid generally won't do it on a small screen.
Then there's performance.
My experience is that if you use some tabset with a listgrid in it, things get pretty slow, pretty quick. Not only as far as downloading is concerned, but mainly you'll notice that mobile browsers just aren't up to speed with interpreting the compiled javascript.
Therefore I would ask people here to share experiences and share info what YOU did to tackle challenges like this.
A question from my side:
- Is it better to deploy the mobile version of your app separately, or use History tokens to distinguish between normal version and mobile version (ie. myapp.html/ is web version, myapp.html/#mobile is mobile version, handle this in onModuleLoad)
- Anyone made a miller column like widget? Or is the miller column widget of SmartGWT working well (as far as rendering goes, ie. not show all columns in one screen, but only show the 'active' one) on a mobile device?
Please comment on my question both from a programming/maintaining POV as well as performance POV. Any experiences are welcome, I'd love to hear!
Let's create a do's / don'ts list, I'll update this once we gather content.
Do's
- Use separate code base for mobile, unless you do simple (as far as rendering is concerned) things, for performance sakes.
- Use Page.updateViewport(...)
Don'ts
- Use ListGrids, because the screen just is too small. It seems to be a pretty heavy component also.
I open this thread, because I am going to develop a system with a major mobile component.
First of all, this url seems to contain some useful info, for anyone trying to do the same.
http://www.smartclient.com/smartgwt/...velopment.html
(let's gather more links in this post that might be useful)
Theoretically, according to Isomorphic, you don't need to worry about a thing, as a programmer, except making sure you set the viewport correctly, as explained on the link above.
In the link above, Isomorphic says:
However the limited screen size often makes building a custom application specifically for mobile users a good idea.
Then there's performance.
My experience is that if you use some tabset with a listgrid in it, things get pretty slow, pretty quick. Not only as far as downloading is concerned, but mainly you'll notice that mobile browsers just aren't up to speed with interpreting the compiled javascript.
Therefore I would ask people here to share experiences and share info what YOU did to tackle challenges like this.
A question from my side:
- Is it better to deploy the mobile version of your app separately, or use History tokens to distinguish between normal version and mobile version (ie. myapp.html/ is web version, myapp.html/#mobile is mobile version, handle this in onModuleLoad)
- Anyone made a miller column like widget? Or is the miller column widget of SmartGWT working well (as far as rendering goes, ie. not show all columns in one screen, but only show the 'active' one) on a mobile device?
Please comment on my question both from a programming/maintaining POV as well as performance POV. Any experiences are welcome, I'd love to hear!
Let's create a do's / don'ts list, I'll update this once we gather content.
Do's
- Use separate code base for mobile, unless you do simple (as far as rendering is concerned) things, for performance sakes.
- Use Page.updateViewport(...)
Don'ts
- Use ListGrids, because the screen just is too small. It seems to be a pretty heavy component also.
Comment