Hi All,
if can help, i have published some application templates to use as starting point for Application development based on AdaptiveLayout, ListView, Chart, PageStack.
Templates and How to tutorial can be found at: https://github.com/fulvio999/ubports_app_templates
@bhdouglass If you want, feel free to clone, edit or include in the doc.
Thanks

UPDATE: After some attempts and the help of Balcy user i finally get a working example on Desktop: clickable desktop
Source code: https://github.com/fulvio999/testWebChannel

Running on device i have this blocking issue: https://github.com/fulvio999/testWebChannel/issues/1
Any idea to solve it is welcome. Thanks !

Hi @matteo,
you must use the FULL path to the cookiecutter.json file of the template that you want use.
I have updated the Readme file on github (see "Example" section)
Tnx

Hi @mungorae ,
as test i have created a sample app with clickable - -init and template [2]: cmake - C++/QML App, added a WebView like your one and using "clickable --desktop" i have no issues (i have only removed import Ubuntu.Connectivity 1.0 ).
But, looking around i have found this: https://stackoverflow.com/questions/52415263/crash-when-using-webview-on-ubuntu-touch-xenial#
Seems you are the author of that question... As you say in the question you are building/running an App for exenial (16.04) but in your manifest file you have: "policy_version": 1.3 which is a wrong value.
Look here for info about how to update manifest and apparmor files to build app for xenial: https://forums.ubports.com/topic/1215/updating-apps-to-16-04
Then try with: "clickable - -xenial" or "clickable --xenial --desktop"
I'm not sure this solve the issues but i hope can help

Hi all,
i would like know info about the future of App development with UBports. I'm using Ubuntu 16.04 LTS Ubuntu sdk IDE to develop my Apps. To test them on a real device i use my Tablet M10 and the phone Emulator running from the IDE to test on the phone (i haven' any phone).
What about the SDK- IDE for the future versions of Ubuntu (eg. 17.10)? It will be available for them ?
I know that currently is not maintained, developed for some valid reasons (money, missing developers...) will be at least a packaged version for future Ubuntu version so that App developers can use it ?
I kwnow about the "clickable" environment but with it i can run an emulator to test App on phone and what editor should be used ?
Thanks !!

Hi @hoh61
i try to provide some info (i hope can help).

Premise: I'm referring at "Clickable" as new reference development tool (http://clickable.bhdouglass.com/en/latest/)
instead of Ubuntu-SDK, LXC because is not maintained.

1) create an modify hidden files... :
An App can't write everywhere.
By default can write/read only form his folder (an hidden one under the home folder /home/phablet/).

Is possible have unconfined App (but i don't know exactly how, try to look the code of this App
https://open.uappexplorer.com/app/ut-tweak-tool.sverzegnassi) it have a Full System Access.

To Write/read files from/to the App folder is possible adding a C++ plugin at the QML code of the App.
For example look: https://github.com/fulvio999/tedit

That App have a C++ plugin to write read/file from/to the App folder.
(the pluign code: https://github.com/fulvio999/tedit/blob/master/plugins/EdIt/mytype.cpp)
That C++ plugin is registered as plugin (https://github.com/fulvio999/tedit/blob/master/plugins/EdIt/backend.cpp)
to be used in the QML code as a QML component:
FileIO { .... }

(NOTE That App code is a fork from original one: https://bazaar.launchpad.net/~pawstr/edit/trunk/files)

To run that application, clone the GIT repo and to execute it on your desktop from a shell run:
clickable - - desktop
(do it in the folder where is the placed the file named clickable.json ) where "clickable" is the executable of Clickable tool.

2) can access media files....
Try to look here, maybe can help:
https://bazaar.launchpad.net/~music-app-dev/music-app/trunk/view/head:/app/components/Player.qml

Tip: try a search in the OpenStore https://open.uappexplorer.com/ for App that perform what are you looking for and
look at the sources link (if the author publish it).

You can try to create a base skeleton of an QML with C++ App running "clickable init" and choosen the template
[2] cmake - C++/QML App (built using CMake)

@lduboeuf Done: https://github.com/ubports/morph-browser/issues/454

if can be useful: https://github.com/fulvio999/ubports_app_templates

Hi @matteo,
yes is possible load data from a different source, like a database sqlite the database used by Ubuntu touch (Ubports)
For an example about chart + data loaded from sqlite database look at this:
https://mimecar.gitbook.io/qt-course/en/chapter-05-advanced/chapter-05-s01
("Database access with QML" and "QML and Charts" chapters)
The sample App associated with "QML and Charts" chapter can be found here:
https://github.com/mimecar/ubuntu-touch-programming-course-src
(is the project named: WeatherRecorderChart)
NOTE: that project are made with old Ubuntu sdk - ide But should work also with clickable (just 'clickable desktop' in the folder with the .pro file)
In case of does not work with clickable, the source code of the sample App is valid you can use it.

the two file you are interested are:
'ChartUtils.js' is the file containing the query to load data from sqlite database and prepare the data-set for the chart
'ChartPage.qml' is the qml page where the chart is drawn

---

To load data from a Libre Office sheet...sorry but i don't know how to do (maybe someone here have an idea, solution).

Tnx

Hi @Giampy,
if you haven't already done try to:

• check apparmor file of you App, it should contains the "webview" permission (maybe with the new Morph.Web have a different name) to allow at the App to connect with a URL (virginRadio..it)
• if you are running on a device Install logViewer App from Openstore to see log messages of your app
• check if policy version in apparmor file are correct for your target Ubports version (xenial, vivid)
• check manifest file of you app if "framework" entry is correct for Ubports version (xenial, vivid)

Hope are useful suggestions

Hi All, @domubpkm
Fixed version of Tedit just published in the Store. On BQ M10 FHD RC Channel works.
Thanks @dobey for your suggestion (without your help i was no able to fix that issue )

@domubpkm
i confirm, see: https://github.com/fulvio999/tedit/issues/16

UPDATE: After some attempts and the help of Balcy user i finally get a working example on Desktop: clickable desktop
Source code: https://github.com/fulvio999/testWebChannel

Running on device i have this blocking issue: https://github.com/fulvio999/testWebChannel/issues/1
Any idea to solve it is welcome. Thanks !

@lduboeuf Done: https://github.com/ubports/morph-browser/issues/454

Thanks @lduboeuf for the links (sorry for the late response but i was busy).
They are the right direction to solve the issues (QML <--> html communication without Oxide).

I'm trying to implements the solution "Mostly qml" described at: https://retifrav.github.io/blog/2018/07/14/html-from-qml-over-webchannel-websockets/
because implements both the side (html and qml)

I have create a new C++ App using clickable and looked at sample code from article source: https://github.com/retifrav/qml-webchannel-websockets/tree/master/websockets-mostly-qml)

But there is an issues running "clickable desktop" :
"webSocketTransport.h:11:40: fatal error: QWebChannelAbstractTransport: No such file or directory"

(QWebChannelAbstractTransport is a standard QT class)
I'm not a QT/C++ developer but i suppose that some QT components are not included in Clickable to implements the solution.

Thanks

Thanks @lduboeuf for the interesting links, is the right direction, but after some attempts
seems that WebChannel is not included/supported in Morph.Web. Also QtWebSockets doesn't works.

Hi All,
i'm moving a my old App based on Oxide library (now deprecated) to the new Ubuntu.Web
I have some issues doing that:
Using Oxide was possible send "messages" (ie: events) from QML to an html file using the function "sendMessage"
like this:

In qml file:

webview.rootFrame.sendMessage("messaging://", "**GET_CONTENT**", <other param>);

In the index.html file there is the listener for the event named "GET_CONTENT":

<script>
document.addEventListener("**GET_CONTENT**", function (event) {
            //invoke a JS function in the html file
        });
</script>

in qml file index.html is declare as:

WebView {                 
                 url: "./www/**index.html**"
  })

Is possible do the same things wiht Ubunt.Web ?
Is there somewhere a guide (or better) sample code to perform the same things ?

PS: the source code of the app https://github.com/fulvio999/theGrid (now on Openstore is unpublished)

Thanks !

if can be useful: https://github.com/fulvio999/ubports_app_templates

Hi @matteo,
yes is possible load data from a different source, like a database sqlite the database used by Ubuntu touch (Ubports)
For an example about chart + data loaded from sqlite database look at this:
https://mimecar.gitbook.io/qt-course/en/chapter-05-advanced/chapter-05-s01
("Database access with QML" and "QML and Charts" chapters)
The sample App associated with "QML and Charts" chapter can be found here:
https://github.com/mimecar/ubuntu-touch-programming-course-src
(is the project named: WeatherRecorderChart)
NOTE: that project are made with old Ubuntu sdk - ide But should work also with clickable (just 'clickable desktop' in the folder with the .pro file)
In case of does not work with clickable, the source code of the sample App is valid you can use it.

the two file you are interested are:
'ChartUtils.js' is the file containing the query to load data from sqlite database and prepare the data-set for the chart
'ChartPage.qml' is the qml page where the chart is drawn

---

To load data from a Libre Office sheet...sorry but i don't know how to do (maybe someone here have an idea, solution).

Tnx

Hi @matteo,
you must use the FULL path to the cookiecutter.json file of the template that you want use.
I have updated the Readme file on github (see "Example" section)
Tnx