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

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)

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,
for the people using "atom-clickable plugin" with clickable 5.0.0 the command "Clickable: Build and run [desktop]" from Atom doesn't work because it uses the old '- - desktop' option replaced by 'desktop'.
To fix quickly this: open with an editor the file (enable 'show hidden files' to see 'atom' folder):
<your-home-folder>/.atom/packages/atom-build-clickable/lib/clickable.json
and remove the '- -' at line 114 after that should like this:
args: [ 'desktop' ],

Restart Atom to update the plugin.

I have just made a Pull request at the author of "atom-clickable plugin" to include that fix, and to include the new
'- - vivid' option (added with clickable 5.0.0)
Tnx

Hi @shelllavie
the sample applications ”WeatherRecorder” and ”WeatherRecorderChart” was made using the Ubuntu-sdk-ide.
After writing them, that tool was deprecated and replaced by ‘clickable’.

Running the the sample apps with clickable can be little issues.

---

Issue 1: icon images .png ( temperature.png and search.png) are not showed when the running on a device (or desktop) and are not include in .click package.

Fix: Add this:
$$files(*.png,true) \
at the existing entry “QML_FILES” in the WeatherRecorde.pro file
the one placed inside the folder containing .png icon and qml files).
With that modification should like this:

QML_FILES += $$files(.qml,true)
$$files(.png,true)
$$files(*.js,true)

---

Issue 2: there are incongruous values for ‘applicationName’ parameters in Main.qml and “manifest.json.in” files.
This could cause an error when trying to run the application on a device.

Fix: Align the values in “Main.qml” and “manifest.json.in” to have the same value in both files.

In Main.qml
applicationName: "weatherrecorderchart"

manifest.json.in
"name": "weatherrecorderchart",

---

I can't update sources on github because the owner of the repo is mimecar.

tnx

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

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

Hi all,
i'm making an App that must use Pictures stored on the device.
Using my app the user choose the Pictures to be imported. To do that I'm using the Content-hub.
Picture selection and importing works correctly.
The problem is that each selected and imported image is placed in that folder:
'/home/.cache/<MyApp>.fulvio/HubIncoming/'
(where <MyApp> is the App id of my application).
That cause duplication of the images (and space consumption) because the same image is placed in the original folder (where the user pickup it) and in the above one.

For my purpose is necessary only have the path/url to the chosen images, (not also a copy of the image under /home/.cache/<MyApp>.fulvio/HubIncoming) so that in my app i can do a thing like this:

Image {
source: <the link to the Image>
}

Is possible ?

Thanks !

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 @shelllavie
that is a known "problem" not solved to introduce the next chapter topic about adapting the sample application layout at the device screen (phone or tablet).
I have sent the chapter to @mimecar some time ago but due to an important issue Miguel suspended the course for a while (maybe you know about that, if you are subscribed at the course Telegram channel). I don't know when will be published (i am not the owner of the course, i have only written only some contents).

To solve the application size issue you can use a Layout named "ConditionalLayout" (https://api-docs.ubports.com/sdk/apps/qml/Ubuntu.Layouts/ConditionalLayout.html?highlight=conditionallayout).

Another solution could be use a "Loader" component (https://api-docs.ubports.com/sdk/apps/qml/Ubuntu.Layouts/ConditionalLayout.html?highlight=conditionallayout).

Useful links:
https://askubuntu.com/questions/446755/what-does-gu-stand-for
https://blog.ubuntu.com/2015/06/16/the-grid-system-in-detail

Tnx

Hi,
for the people using "atom-clickable plugin" with clickable 5.0.0 the command "Clickable: Build and run [desktop]" from Atom doesn't work because it uses the old '- - desktop' option replaced by 'desktop'.
To fix quickly this: open with an editor the file (enable 'show hidden files' to see 'atom' folder):
<your-home-folder>/.atom/packages/atom-build-clickable/lib/clickable.json
and remove the '- -' at line 114 after that should like this:
args: [ 'desktop' ],

Restart Atom to update the plugin.

I have just made a Pull request at the author of "atom-clickable plugin" to include that fix, and to include the new
'- - vivid' option (added with clickable 5.0.0)
Tnx