New QML based UI for old blueGO Emerald Demo

Few weeks ago we started an interesting collaboration demo project with Cybercom Sweden. They had a cool IVI demo when it comes to functionality, but it was missing a modern GUI. The old UI was Qt Widget based "Test UI" for testing functionality of a blueGO API, so it wasn't originally even designed for public demonstrations. Here is a screenshot of the old UI's Connect page to get a picture where we started:



We started the new UI from scratch, also meaning that we didn't have any UI design documents at that time and the spec was: follow the existing functionality from the old demo and focus on the graphics later. This meant that we didn't have any idea for example whether a button should display a text only, icon only or a text and icon both. In practice we didn't fine tune QML components too much beforehand, so what we did was a simple button which had a text and different behavior when pressing and releasing the button. Naturally it was emitting a signal on clicked. We used this approach for all custom QML elements we made. So, the interfaces for components were quite ok from the beginning and later we just added new a functionality there without breaking the old functionality.


Read more »

MeeGo Phone by Cybercom

If you have read this blog before, you might have read the blog post about Parallax Media Desktop. We decided to make it the homescreen of a phone UI built on top of MeeGo. Actually, we didn't change the UI much. We added there a statusbar, notification area, dialer application and we made it to use little bit more gestures e.g. for switching between layers. Here's the video about running our Cybercom UX layer on top of MeeGo.

UPDATE: Here's the latest video where we run the same UI with better performance.

As you can see from the video, it's pretty much a prototype or a Proof-of-Concept quality, but the basic functionality for making and receiving  phone calls is there. The homescreen supports four different orientations. Demo also suffers lack of graphics, but graphics is easy to update later.

Read more »

Using XBMC on MeeGo 1.2

As some of you might have noticed, a video called "Nokia N900 + MeeGo 1.1.80 + XBMC" was posted to the youtube in December 2010. At that time the XBMC was demonstrated only on N900 and also the video playback functionality was missing at that time. Some more work was done with the packaging and the compile process which is now fixed so that it is available for all the MeeGo 1.2 architectures, i.e., ia32, armv7el and armv7hl (hardfloat port).

In December 2010 there was no instructions published as the setup was very experimental and the compile had errors. However, now after a bit of more tuning and testing the installation of XBMC is quite stable so we felt that we should write the instructions for all the MeeGo community people how they could use this very nice HTPC application on their own devices running MeeGo.

NOTE: Before continuing it is recommended to read through the whole blog post before starting to download any MeeGo images.

Read more »

Parallax Media Desktop on MeeGo

If you liked the Multilayer Parallax Desktop demo, which we implemented few months ago, you might also like this demo. We used the same concept for implementing a new version of it, but this time all the content in the layers comes from media server or from different media servers. The idea is that each layer contains own media type. For example one layer for videos, another layer for music and the third layer for widgets. We also wanted to provide an UI which is really easy to start interact with. To demonstrate how it actually works, here's a video about it.

As you can see from the video, WeTab uses WiFi for streaming the media over the network (no visible wires there). The videos are in h264 / mp4 format and audio files are mp3's. The idea behind this concept is that you can easily share content between different devices. Each of the devices can have local content which can also be shared to other devices in the same network. It doesn't matter which device you use for controlling other devices. As shown on video, you can share media from one device to another and then share it back. Due the bug in MeeGo gstreamer, we can't set the correct seek position for videos in order to start the video playback  from where it was on the previous device.

Read more »

Cybercom joins the Linux Foundation

 

The Linux Foundation announced Cybercom Group as its newest member. We recognize the benefits of working with Linux and the open source software community which were driving factors in joining the Linux Foundation. We will be contributing to MeeGo ARM work and IVI UX reference designs, just to mention a few.

The Linux Foundation is a nonprofit organization, which is dedicated to accelerate the growth of Linux and it was founded in 2007.

To read the official Linux Foundation’s announcement, please visit this link.

More about the Linux Foundation can be found from here.

Multilayer Parallax Desktop Demo

 

Here in Cybercom we have couple of ongoing Qt and QML demo projects. The first one is called Multilayer Parallax Desktop. The idea that we have been playing around is that why to limit a desktop to have only a one layer as  it usually is in desktop environments. Instead, we can have multiple layers. In real life you can of course have virtual desktops and gain the same idea, but as a demo perspective, having a multiple layers in a desktop is an interesting concept.

Let’s show the video first…

And if you are interested in to try the demo yourself. Try to find us from the MeeGo Conference. You can always send a tweet to cybercomchannel, kypeli or zchydem if you have difficulties locate us:)

 

The Desktop

The desktop in multilayer parallax demo is a wide desktop so you can pan it to the left or right. The one idea is that you can have plenty of widgets. Yes, this is not a new thing to have widgets on a desktop. The layer approach gives you a new feature – you can zoom in  and zoom out between the layers which give you even more space for widgets.

As shown on the video, you can quite easily navigate between layers either using the carousel pager on the left side of the home screen or you can tap any widget on a different layer which switches the current layer to the widget’s layer.

Application Management

You can launch applications by tapping a top bar which opens an application menu. You can close the menu by tapping outside the icons. Tapping a menu icon opens the application. Applications can’t be closed directly when they are shown in a fullscreen. First you need to minimize the application from application’s top bar and after the it has been minimized, the application can be closed by tapping the X icon from a task switcher. Naturally the applications can be maximized from the task switcher too.

Widget Management

Widgets can be added, moved or removed only in edit mode which can be activated with a long press on top of the desktop. The edit mode is indicated by highlighted carousel pager and with a trash can which appears only in the edit mode. You can add new widgets from a top bar which shows available widgets. Removing a widget is done by dragging the widget on top of trash can. Navigation between layers in the edit mode can be done by using the carousel pager or by tapping a widget on a different layer.

About the Multilayer Parallax Desktop Demo

The demo runs on a MeeGo netbook with Qt 4.7.1. It’s fully implemented with QML (yes, there is C++ too, but it’s only a main.cpp) and it took less than two weeks to make it to the shape you saw on the video. We have plans to improve it a lot in the future. For example to make it support gestures and more multimedia features. Let’s see how it evolves, but it’s amazing how fast you can implement pretty cool looking concept UIs with bunch of functionalities just in two weeks.