💾 Archived View for gmi.bacardi55.io › blog › 2016 › 12 › 28 › kalliope-remote-web-app captured on 2023-04-26 at 13:24:43. Gemini links have been rewritten to link to archived content

-=-=-=-=-=-=-

Kalliope Remote web app

Posted on 2016-12-28

Introducing Kalliope remote[1]

While I still have to finish introducing the neurons I made for Kalliope, I took a bit of time since last week end to work on a side project for Kalliope[2]: Kalliope-remote[3]

1: https://github.com/bacardi55/kalliope-remote

2: https://github.com/kalliope-project/kalliope

3: https://github.com/bacardi55/kalliope-remote

It is a simple Single Page Apllication[4] that leverage Kalliope API to display the list of available neurons and launch them via the web page.

4: https://en.wikipedia.org/wiki/Single-page_application

kalliope remote [IMG]

The idea behind this app is to be able to set it up on my raspberry pi touchscreen where Kalliope is installed so that user that don't know available orders can look for it and even fire them without talking to Kalliope[5]. I will also be able to use it from my phone later on as well as it can be useful in case i'm not near the mic but the audio is loud enough :)

5: https://github.com/kalliope-project/kalliope

How

EmberJS[6] as my JS framework and tools around it like ember-cli[7], ….
Twitter Bootstrap[8] (via the EmberJS addon[9])
Kalliope[10] Rest API of course

Additional notes

Edit 30th of December: The PR has been validated and merged into core. Only thing needed is to configure Kalliope to allow CORS request. Here is explained how.[11]

6: http://emberjs.com/

7: https://ember-cli.com/

8: http://getbootstrap.com/

9: http://kaliber5.github.io/ember-bootstrap/

10: https://github.com/kalliope-project/kalliope

11: https://github.com/kalliope-project/kalliope/blob/master/Docs/settings.md#rest-api

At the moment, the REST API of Kalliope doesn't allow request from different origin, thus blocking the request from the JS app (even if both are the same server, as port are different). To fix this, I've commited this patch[12] which add an option in the settings file to allow CORS requests.

12: https://github.com/kalliope-project/kalliope/pull/157

I'm planing on adding another pull request later to add a configurable list of origin, so keep looking github ^^.

As for the integration of the PR into the main repo, it might be on standby while waiting for possible move to Django (see discussion in the pull request thread[13])

13: https://github.com/kalliope-project/kalliope/pull/157

What it does now

Basically, when the app loads it will request the list of synapse from your Kalliope set up and will display them nicely on the page.

List all synapses available on your kalliope instance
Allow you to launch synapse that has no parameter in the order

What's next ?

Managing orders with parameters inside
Better test coverage ^^
Leveraging the browser local storage to allow ignoring synapses (so you list only the one you desire)
Managing other type of signals (event)

It's still early project but does already allow you some remote management :)

/gemlog/

Send me a gemini mention

send me an email!