26 Replies Latest reply on Apr 3, 2012 1:37 PM by Mohamed Cisse

    rohElements seems to run slow on out MC55A

      We have a MC55A demo unit and a MC9590 that we own. We are doing most of our testing on the 55A because that is the device that we want to push out when we have a completed Web app. We are using jQuery mobile 1.0 rc2 to attempt to make our interface look nicer and we want to standardize on MVC 4, Razor, jQuery, jQuery Mobile, and rohElements. However we have noticed that jQuery Mobile runs achingly slow in rohElements on the 55A and slow (but not as slow) on the MC9590 as well. We have an IE6 version of our app that seems to render fast and run great in rohElements. But jQuery Mobile really slows it down. Anyone have any experience using jQuery Mobile inside of rohElements? I understand the jQuery Mobile is still in a Beta phase but I was hoping maybe someone on the rohElements team had run into this already and was aware of some type of fix for this. We would really like to use jQuery Mobile in rohElements as it would ease development. Just another FYI, we also noticed that it runs slow in Chrome as well, which as you obviously know uses webkit. I am being lead to believe that jQuery Mobile runs slow and doggy in webkit browsers. I searched jQuery Mobile's site for more information but I didn't stumble upon any information that might help. Any advice greatly appreciated.

       

      Note: We may just steer away from jQuery Mobile until it is more stable.

       

      Thank you in advance,

       

      Chris

        • Re: rohElements seems to run slow on out MC55A
          Darryn Campbell

          Hi,

           

          We've seen issues with other JavaScript libraries such as Sencha touch (there's even a release note about it).  The problem is Javascript frameworks seem to use a lot of memory at runtime since they weren't designed for mobile devices.  The advice from the RhoElements team is to steer clear of the memory hungry JS libraries for the time being, especially if they are causing slow performance on the desktop, that one is a bit surprising!

          1 of 1 people found this helpful
            • Re: rohElements seems to run slow on out MC55A
              Robert Galvin

              What other jquery plug ins/extensions are you using. And what kind of features in jquery are you using. It is usually not the library alone but the implementation or use of other plug ins. I will be posting ax example app that uses jQuery and has transitions and some animations that performs quite well.

               

              Connected by DROID on Verizon Wireless

                • Re: rohElements seems to run slow on out MC55A

                  We were using  jQuery 1.6.4 and the latest release of jQuery Mobile. We also had the keypad plugin in our head but not implemented yet. Further comments to come from my colleague as I am out of town.

                   

                  Sent from my Windows Phone

                  • Re: rohElements seems to run slow on out MC55A
                    Chris Misztur

                    Hi everyone.

                     

                    I am attaching some sample code per Chris' comments.

                     

                    Our web server is a Windows Server 2008 R2 Std x64 SP1 box with IIS 7.5.

                    This is the application pool configuration for the app.  The only change was to allow 32bit applications.

                    apppool.JPG

                    The application is published from a Debug build and not a Release build of a MVC4 Dev Preview site.  The performance is fine in Chrome, but in Rho the textbox input is lagged.  I am not doing any extra validation on the input.

                     

                    This is the jist of the view rendered:

                    code1.JPG

                    The classes 'mf-input-focusable mf-input-selectable' do not have an associated style, they are there so that I can focus or select the a default element on any given data-role="page".

                     

                    The mobile computer is MC659B-PD0BAA00100 / 11062521400140 .  Rho config attached.

                     

                    UPDATE: Attached Rho log.

                     

                    Thanks!

                    -chris

                • Re: rohElements seems to run slow on out MC55A
                  Chris Misztur

                  Chris, its not Rohs, it's Rho.

                  • Re: rohElements seems to run slow on out MC55A

                    We got rid of the jQuery Mobile and still noticed some slowness with the keypad but everything else was running well in rhoElements. We ended up moving back to IE6 and everything seemed to be running fine after some javascript tweaking and ensuring the minified version of everything was loaded except the keypad clicks took awhile to put the numbers into the text box. Ended up being the way Windows Mobile 6.5.3 and IE6 handle the onclick event. It was running fine in rhoElements and was very responsive to our button clicks but IE6 was achingly slow. We made a very simple HTML web page with the bare essentials with a javascript method to execute on click that still took awhile. We then tried a ondblclick event instead of onclick and that resolved our issue. Somehow Win Mobile 6.5.3 and IE6 don't properly handle the click event. The OS may be waiting for a double-click before processing the single-click. Not sure how to change that, but one more reason in my book to stick with rhoElements.

                      • Re: rohElements seems to run slow on out MC55A
                        Chris Misztur

                        This still does not explain why inputting letters into a JQM styled page input box is slooooow.

                          • Re: rohElements seems to run slow on out MC55A
                            Robert Galvin

                            Chris/Chris

                             

                            Can you share this simplified HTML page the demonstrates the slowness with jQuery input box? Apologies for the delay in responding been a bit distracted lately with our support for the EMEA AppForum Developers Conference in Barcelona this week.

                            • Re: rohElements seems to run slow on out MC55A
                              Robert Galvin

                              Chris/Chris

                               

                              Can you share this simplified HTML page the demonstrates the slowness with jQuery input box? Apologies for the delay in responding been a bit distracted lately with our support for the EMEA AppForum Developers Conference in Barcelona this week..

                                  • Re: rohElements seems to run slow on out MC55A
                                    Robert Galvin

                                    Chris

                                     

                                    I narrowed down to the problem being with using the 'themed' version of jQuery Mobiles css file. Not sure what exactly is causing the problem (there is a lot of CSS to eliminate and narrow down). If you swap the jquery.mobile-1.0rc2.min.css file with the one without the theme: http://code.jquery.com/mobile/1.0rc3/jquery.mobile.structure-1.0rc3.min.css you should see it improve performance. I will continue looking, but it looks like some CSS element is causing the issue.

                                      • Re: rohElements seems to run slow on out MC55A
                                        Mohamed Cisse

                                        Hi Chris,

                                        I am using the following in my html5 code but my page is not proprely formatted on MC65:

                                        <!DOCTYPE html>

                                        <html> 

                                        <head>   

                                        <title>Deluxe POD</title>

                                        <link rel="stylesheet" href="jquery.mobile-1.0.1.min.css" />

                                        <script src="jquery.mobile-1.0.1.min.js"></script>

                                        </head>

                                        <body>

                                        <div data-role="page" id="home" data-theme="c" >

                                        <div data-role="header" data-position="fixed" data-theme="b">

                                        <h1>Deluxe POD</h1>

                                        </div>

                                        <div data-role="content">

                                        <!--<center><img src="dlogo.gif" alt="Deluxe Logo" /></center>-->

                                        <a href="#outstanding" data-role="button" data-theme="b">Outstanding Jobs</a> 

                                        <a href="#pod" data-role="button" data-theme="b" >Proof Of Delivery</a>

                                        <a href="#direction" data-role="button" data-theme="b">Direction</a> 

                                        </div>

                                        <div data-role="footer" data-position="fixed" data-theme="b">

                                        <h4>Deluxe</h4>

                                        </div>

                                        </div>

                                        </body>

                                        </html>

                                         

                                        Thanks,

                                          • Re: rohElements seems to run slow on out MC55A
                                            Derek Warren

                                            Are you getting just a plain html looking format? If so it is because you are missing the JQuery which is needed for Jquerymobile.

                                             

                                            Added this line before your jquerymobile javascript file.

                                            <script src="jquery-1.6.4.min.js"></script>

                                             

                                            P.S. Next time please start a new thread as this one has been dead for months, Thanks.

                                              • Re: rohElements seems to run slow on out MC55A
                                                Mohamed Cisse

                                                Hi,

                                                Here is my code: attachment.

                                                Thanks,

                                                 

                                                 

                                                 

                                                On Tue, Apr 3, 2012 at 9:29 AM, dsw37 <

                                                • Re: rohElements seems to run slow on out MC55A
                                                  Mohamed Cisse

                                                  Hi ,

                                                  I have other issues with Rhoelements.

                                                  1) When i have a button :

                                                  Search

                                                  calling the folowing jquery does return nothing :

                                                   

                                                  $(function() {
                                                  $('#getjob').click(alert('Hello'););
                                                  }
                                                  );

                                                   

                                                  2) the following call return  0 error :

                                                  function DisplayJobs() {

                                                              if ($("#courier").val() == ''){ alert("Please enter the Courier

                                                  ID");return false; }

                                                              var cid = $('#courier').val();

                                                              $.ajax(,

                                                                  success: function(xml) {

                                                         alert('good');

                                                                     $('#jobs').show();

                                                         $('#myjobs').empty();

                                                       $(xml).find('JOB').each(function(){

                                                   

                                                        var job = $(this).find('TICKETNO').text();

                                                        var jobinfo = $(this).find('JOBINFO').text();

                                                        $('<li class="ui-li ui-li-divider ui-btn ui-bar-c

                                                  ui-btn-up-undefined" ondblclick="podscreen(\''job'\');">class="ui-icon ui-icon-arrow-r">' + jobinfo.replace(/\r?\n|\r/g,
                                                  '
                                                  ') + '

                                                    ').appendTo($('#myjobs'));

                                                     

                                                     

                                                         });

                                                                    },

                                                         error: function(xml) {

                                                                 $('#jobs').hide();

                                                                 alert(xml.status + ' ' + xml.statusText);

                                                     

                                                                    }

                                                     

                                                                });

                                                            }

                                                     

                                                    3) the following call return 0 No Transport:

                                                    function SendJobs() {

                                                        var myurl,opt;

                                                        if ($("#ticket").val() == ''){ alert("Please enter the ticket

                                                    No");return false; }

                                                    opt=$('input[name=radio-choice]:radio:checked').val();

                                                    if(opt=='Onboard')

                                                    {

                                                      myurl='

                                                    http://www.deluxedelivery.com/deluxews/service1.asmx/Courier_Pod?Ticket=' +

                                                    ListRow() + '&Status=Onboard&Remark=&SIGNATURE=@'

                                                    }

                                                    else

                                                    {

                                                      myurl='

                                                    http://www.deluxedelivery.com/deluxews/service1.asmx/Courier_Pod?Ticket=' +

                                                    ListRow() + '&Status=Successful&Remark='+ $("#signedby").val() +

                                                    '&SIGNATURE=' + signdata

                                                    }

                                                    //alert(myurl);

                                                    $.ajax(",

                                                        //timeout : 20000,

                                                                    success: function(xml) {

                                                          $('#ticket').val('');

                                                                   $('#signedby').val('');

                                                                   clear();

                                                          alert('Successful!');

                                                                    },

                                                                    error: function(xml) {

                                                          alert(xml.status + " " + xml.statusText);

                                                                    }

                                                                });

                                                            }

                                                    It seems to me Rhoelements is not fully HTML5 compatible.

                                                    Those code run fine with third part phonegap and even with simple browser

                                                    safari,chrome and firefox.

                                                    We have about  60 devices (motorola MC65) we want run Rhoelement on but it

                                                    is like Rhoe is not ready for HTML5 yet.

                                                    Thanks,

                                      • Re: rohElements seems to run slow on out MC55A
                                        Robert Galvin

                                        Chris

                                        Some more digging I found a section in the CSS that is having an impact.

                                         

                                        input.ui-input-text, textarea.ui-input-text 
                                        { 
                                        background-image: none; 
                                        padding: .4em; 
                                        line-height: 1.4; 
                                        font-size: 16px; 
                                        display: block; 
                                        /*width: 75%; */ /* Something else coupled with this is causing the slowness - I think it may be the text shadows and gradients they are using in the css */
                                        }
                                        

                                         

                                        I used the uncompressed version of jQuery 1.0rc3. Notice that I commented out the width attribute (everything else in the file was untouched). I see a noticeable difference as opposed to when the width is at 97%, but I still see some lag. I think it may be the drop-shadows and gradient attributes but need some more time to do process of elimination on the CSS file.

                                         

                                        Attached is the css file I was using - like I said I just downloaded the uncompressed version and commented that one line. You should see some improvement. Hopefully will be able to narrow this down by tommorrow.

                                         

                                        Regards

                                        Rob Galvin

                                        • Re: rohElements seems to run slow on out MC55A
                                          Robert Galvin

                                          Here is another version of jQuery Mobile that has some attributes commented out to improve performance (removed shadow, corners, gradients). I put back the width item mentioned above and tested in your test page.

                                           

                                          One important thing to note here is that although it would be really nice to be able to just download these javascript/css frameworks and have them work perfectly, in reality they may have issues like these. Keep in mind that all efforts of the companies that make the frameworks will be to test on the most current popular consumer phones that have pretty impressive processors, memory, etc. It does not mean you won't be able to use them, we are aware that these are pretty popular and we need to do further analysis on things like this to make recommendation on how to best use them. Thanks for bringing this issue up and the effort you made on providing the samples.

                                          • Re: rohElements seems to run slow on out MC55A
                                            Robert Galvin

                                            Attached is a sample jQuery application that does use transitions and animations that performs quite well on a RhoElements device. Personally, I have found that jQuery seems to perform better with RhoE than jQuery mobile. I am not quite sure why this is the case yet, but wanted to post this example in case it helps.

                                            • rohElements seems to run slow on out MC55A
                                              Mohamed Cisse

                                              Any support for canvas ?