3 Replies Latest reply on Oct 10, 2016 10:07 AM by VectorP

    Convert .NET Web Application to mobile web via PhoneGap

    mohamed_alzadjali

      We are at our corporate trying to figure out how we can use PhoneGap (if possible) to convert already developed web applications in .NET to make them work with mobile in browsers iOS, Android, or windows phone. We are looking for a way that we can utilize the aspx pages those are already built by MS Visual Studio for desktop IE and create another Web UI version which is compatible with e.g. safari on iOS.

       

       

      Regards,

      Mohamed Al-Zadjali

        • 1. Re: Convert .NET Web Application to mobile web via PhoneGap
          VectorP Level 4

          ...to make them work with mobile in browsers iOS, Android, or windows phone.

           

          Aren't they already working in mobile browsers?

          And how would Phonegap be a factor in your project?

          • 2. Re: Convert .NET Web Application to mobile web via PhoneGap
            mohamed_alzadjali Level 1

            Yes, it works but the UI is not proper as the controls are meant for desktop browsers (e.g. big gridviews). i mean having two sets of pages each with proper UI and controls that fit for best OS, Browser, and screen size.

            I was reading some articles about cardova to convert your normal web sites or web applications to mobile adaptable web sites. I was thinking that PhoneGap might have same option, assuming PhoneGap was driven by cordova.

            • 3. Re: Convert .NET Web Application to mobile web via PhoneGap
              VectorP Level 4

              In that case I feel that you are misinterpreting the role of Phonegap/Cordova.

               

              Phonegap produces a 'hybrid app', which is based on the OS webview component. Basically, you are supplying html5 assets (html, css, javascript) and images/graphics, which will be rendered, just like a normal browser. Phonegap will wrap these assets, so they can be installed and executed like a real app and also native functionality can be used when proper plugins are included in your package.

               

              However, the UI would still be yours, where you would style your UI with CSS using techniques called 'responsive' or 'liquid' layouts. Phonegap will not force or support your liquid UI development.

              You may want to use a javascript UI framework to assist you in creating web components that scale nicely and that easily allow you to introduce nice page transitions. Since these javascript libraries (like jQuery Mobile and a handful of others) can be included in your package which is fed to Phonegap, they are quite convenient.

               

              Again: the UI (liquid/responsive) is created by you and fed to Phonegap. Phonegap (be it locally installed or with the Phonegap Build cloud service) will then turn your assets into a hybrid installable app.

               

              Now, if you are looking for a web app which is executed/displayed in the mobile browser (and not in an app's webview component), then Phonegap will not come into play for your purposes. You would simply focus on creating a liquidly designed UI.