Showcases:  „Smart City„, „Smart Mobility“, „Smart Tourism“

Our Vision: Crowd Elements

Software architecture in most cases cares about the fancy backend stuff only. Many solutions do end up with a componentized backend and a more or less monolytic ui implementation. Monolytic means – the elements are coupled tightly, the dependencies between are not explicitely defined, changing anything is a challenge. Are we on the right track?

We don’t think so and started the open source project Cubbles .
Cubbles elements can be integrated into almost any existing website at any time.

Cubbles allows web developers and website owners to think different. Developing elements (aka „microapps“, „components“) without owning the website(s) they should be displayed on – now it makes sense. Because as a website owner you can add new elements (of any complexity) to your site at any time.

Imagine a web api providing data, e.g. the most relevant buzzwords of a cool web technology:

  1. A developer builds and shares a ui element (displaying the terms in a „wordcloud“) on top of that.
  2. You as page editors can integrate the component as an element into your page.
[ ["Cubbles", 10], ["Open Data", 8], ["IoT", 8], ["Data Visualisation", 7], ["Data Meshups", 7], ["Interactive Elements", 6], ["Micro Apps", 6], ["Micro Frontends", 6], ["Crowd Development", 6], ["Existing Websites", 5], ["Web Components", 5], ["Webapplications", 5] ] { "backgroundColor":"rgba(255,255,255)", "color":"#4285F4", "fontFamily": "sans-serif", "shuffle": false, "rotateRatio": 0 } false

Perhaps another developer created a slightly different and more interactive visualisation of the same data. If this fits your need much better, simply switch to that one.

Remember: The component is completely independent of your cms (or wherever you are). It has been developed independently, is hosted independently – but is seamlessly integrated into the client ui.

Another example:

A simple line chart – able to visualize data from remote sources.

[["dataSet1", 50, 100, 40, 20, 70], ["dataSet2", 10, 75, 50, 50, 90], ["dataSet3", 50, 40, 15, 120, 80]] ["2013","2014","2015","2016","2017"]
Note: Just use our Chrome Extension to get details of the components integrated onto this page.

Cubbles is built on top of the web components approach. The team behind Cubbles provides developer tools to build and share ui components.

RELATED RESOURCES

  1. cubbles.github.io: Building Blocks for the Data Driven Web.
  2. microXchg 2016 – Stefan Tilkov: Wait, what!? Our microservices have actual human users?
  3. medium.com 2017 – Tom Söderlund: Micro frontends—a microservice approach to front-end web development.