UBports Robot Logo UBports Forum
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    • Register
    • Login

    Any difference between HTML app and QML with webview

    Scheduled Pinned Locked Moved App Development
    10 Posts 3 Posters 981 Views 1 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
      Reply
      • Reply as topic
      Log in to reply
      This topic has been deleted. Only users with topic management privileges can see it.
      • J Offline
        jittopjose
        last edited by

        Hi,
        I am doing some experiment with an offline Ionic-Angular HTML app.
        I can see two options. Create an HTML app and copy the files to www folder or create a QML app and use webview to load index.html. Is there any particular advantage of using QML-Webview path?

        Thanks,
        Jitto P.Jose

        AppLeeA 1 Reply Last reply Reply Quote 0
        • AppLeeA Offline
          AppLee @jittopjose
          last edited by

          @jittopjose
          It will depend on where you want to go.

          A QML app will allow you to add features to the existing app, for example you can create menus or add gesture using QML.
          While the webapp will remain a webapp fully based on the html based code.

          QML IMO allows a better UX more consistent with the system.
          But if you don't plan on doing much improvement on this app, the webapp is absolutely the easiest.

          J 1 Reply Last reply Reply Quote 0
          • J Offline
            jittopjose @AppLee
            last edited by

            @AppLee If I opt for QML webview path, do I need to build it separately for different platforms?. like 32/64 bit arch
            I guess at the moment, the webapp is build with 'all' arch support

            AppLeeA 1 Reply Last reply Reply Quote 0
            • AppLeeA Offline
              AppLee @jittopjose
              last edited by

              @jittopjose
              Pure QML code is available for all arch so no need for that.
              You will have to build for separate architectures only if you add some arch dependent code or library.

              1 Reply Last reply Reply Quote 0
              • J Offline
                jittopjose
                last edited by

                While creating offline web app using Ionic + Angular, I observed that the animations which Ionic provide are not so fluid in UT. I have OnePlus One with me and its not too low end hardware. The animations were much better in desktop Chrome browser. Is it because of the lack of hardware acceleration in UT browser?

                The idea of creating pure native app is really nice. But I am a web developer and don't have any knowledge in c/c++. Moreover Ionic gives lots of cool designs and layout so that I don't have to do a lot in design area. So I thought sticking with web technologies would be better choice for me to kick-start app development.

                AppLeeA 1 Reply Last reply Reply Quote 0
                • AppLeeA Offline
                  AppLee @jittopjose
                  last edited by

                  @jittopjose said in Any difference between HTML app and QML with webview:

                  Is it because of the lack of hardware acceleration in UT browser?

                  Yes probably.

                  I'm not a web developer and I know it's a complete different job. And from my experience web is moving fast and technology become obsolete very quickly that's something I don't like: the lack of stability.

                  Maybe you can try using less "cool" "fancy" stuff because it's really resources hungry.
                  If you know Javascript, that's natively supported by QML.

                  IMO QML is not so hard to learn (at least the basics) you can give it a shot maybe it'll solve your performance issue.
                  BTW UT uses QT 5.9, not the latest release, so be careful while reading the online doc.

                  J 1 Reply Last reply Reply Quote 0
                  • J Offline
                    jittopjose @AppLee
                    last edited by jittopjose

                    @AppLee I did some experiments with Felgo. but didn't get much idea how to create a click package out of Felgo project. Is there any template available to create click package from Felgo project?
                    The weather app published by felgo looks good. They have lots of nicely designed components.

                    AppLeeA 1 Reply Last reply Reply Quote 0
                    • AppLeeA Offline
                      AppLee @jittopjose
                      last edited by

                      @jittopjose
                      I don't know what Felgo is.
                      To create a click package I use clickable, that's the easiest way to produce it and it provides templates for various languages.

                      1 Reply Last reply Reply Quote 0
                      • LuksusL Offline
                        Luksus
                        last edited by

                        Felgo Documentation:

                        Felgo is a cross-platform development SDK based on the popular Qt framework. Felgo app and games are created within Qt Creator. Felgo's main language for writing source code is a declarative language called QML together with JavaScript.

                        The Felgo SDK includes all the components you need to develop professional cross-platform apps and games.

                        Sounds interesting.

                        Devices: BQ e4.5, Fairphone 2, Fairphone 3, Lenovo X605F, Pinephone, Moto Z2 Force, OnePlus5T

                        1 Reply Last reply Reply Quote 0
                        • AppLeeA Offline
                          AppLee
                          last edited by

                          @jittopjose
                          Ok, then I guess you'll have to build Felgo's libraries for arm and integrate them using clickable to get a click.
                          If Felgo is pure QML then you'll have only to put it within your project so clickable can include it to the click package.

                          1 Reply Last reply Reply Quote 0
                          • First post
                            Last post