QML

2012-01-26T10:32:56Z

124.6.181.161: /* Building Qt 4.6 with QML */

[[Category:Qt]]
[[Category:Development]]
== QML on N900 ==

=== Introduction ===
QML is the latest experimental feature based on Qt 4.6. If you don't know QML yet, probably you would like to look at demo [http://labs.trolltech.com/blogs/2009/11/04/qt-declarative-binaries/ here].

It's a Javascript like language and allow you to build your own application rapidly. And yes, you don't need to really care about your development platform too much. All you need to do is using QmlViewer to examine your code. That's pretty much the same when you run on the device (though might be slightly different because of resolution and performance. And note that currently it's still highly experimental!)

A small example on QML use [[QML-EnhancedCalcExample]]

== QtScript ==
[http://doc.trolltech.com/4.6/qtscript.html Qt Script 4.6]

[http://qt.linux-life.net/4/doc/ja/porting-qsa.html Tutorial on Qt Scripting]

=== Binary Package ===
Binary package is available on [[Extras-devel|extras-devel]] now:
* libqt4-maemo5-declarative: The QtDeclarative library
* libqt4-maemo5-declarative-dev: The development package, contains the headers for QtDeclarative
* libqt4-maemo5-declarative-dbg: The debugging symbols, for more meaningful backtraces
* qt4-maemo5-declarative-qmlviewer: The “player” for QML based apps
* qt4-maemo5-samegame: The SameGame demo

To install qt4-maemo5-samegame example, simple type the command within your console with root permission:
<code>apt-get install qt4-maemo5-samegame</code>

=== Building Qt 4.6 with QML ===
To build Qt with QML support on N900, you need a 32-bit Linux box (better choice is Ubuntu, I am using Karmic, but you can use other versions as well).

I assumed you <span class="plainlinks">[http://www.phuketproperty.com/<span style="color:black;font-weight:normal; text-decoration:none!important; background:none!important; text-decoration:none;">Phuket property</span>] already have Maemo SDK running (also Nokia closed binary with SGX). Now it's time to download [http://qt.gitorious.org/+qt-kinetic-developers/qt/kinetic/commits/kinetic-declarativeui Qt-declarative UI branch].

Once you unpack it within your scratchbox, say ''~/qt-kinetic'', create a build directory <span class="plainlinks">[http://www.andrewflusche.com/services/fredericksburg-dui-lawyer/<span style="color:black;font-weight:normal; text-decoration:none!important; background:none!important; text-decoration:none;">Fredericksburg DUI lawyer</span>] anywhere you like, e.g.: ''~/qt-build'', then do the following within scratchbox:

# Execute <code> export PKG_CONFIG_PATH=/usr/lib/pkgconfig; export PKG_CONFIG_SYSROOT=/ </code>
# Edit ''~/qt-kinetic/mkspecs/common/g++.conf'', and remove <code> -fvisibility=hidden -fvisibility-inlines-hidden</code>, otherwise qemu would crash during compiling.
# Configure Qt with <code>~/qt-kinetic/configure -platform linux-g++ -release -opengl es -webkit -force-pkg-config --prefix=/opt/qt</code>
# <code>make</code>
# <code>make install</code>

It will take a whole day to compile this sexy devil. Make sure you have brewed the coffee. In case of running into linking problem (or you have trouble to pass EGL test), please try <code>export SUBLIBS='-lX11 -lXau -lEGL -lGLESv2 ...'</code>, throwing whatever GCC complains what's missing (I left my laptop in the office, forgive me I am typing this in my plain memory).

Now, you should have the Qt 4.6 DUI binary sitting in your scratchbox. You can either copy those binaries under ''/opt/qt'' to your device or mount it as NFS.

=== Test Run on Device ===
On this stage, you should be able to write your first QML application.

<code><pre><nowiki>
#include <QtGui/QApplication>
#include <QmlView>
#include <QUrl>
#include <QGLWidget>

int main(int argc, char *argv[])
{
QApplication a(argc, argv);

QmlView *canvas = new QmlView;
QGLFormat format = QGLFormat::defaultFormat();
format.setSampleBuffers(false);
QGLWidget *glWidget = new QGLWidget(format); // make QmlView use OpenGL ES2 backend.
glWidget->setAutoFillBackground(false);
canvas->setViewport(glWidget);
canvas->setUrl(QUrl::fromLocalFile("/home/user/demos/declarative/flickr/flickr-desktop.qml")); // wherever your qml file is.
canvas->execute();
canvas->show();

return a.exec();
}</nowiki></pre></code>

Then you will see the program running as same as this [http://labs.trolltech.com/blogs/2009/05/13/qt-declarative-ui/ demo].

Some screenshots running on N900:

[[Image:Screenshot1.png|400px]]
[[Image:Screenshot2.png|400px]]
[[Image:Screenshot3.png|400px]]

=== Conclusion ===

Finally, here are some few notices / limitation of current Qt4.6-QML:
* Performance is not that great yet. You may suffer some tearing issues. Write your Qt app in full screen mode will give you some boost. Another alternative is turning off hildon-desktop (gives you 40-50 fps on the device):
$ dsmetool -k /usr/bin/hildon-desktop
To turn back on:
$ dsmetool -t /usr/bin/hildon-desktop
* On PR1.1 and onwards all fullscreen applications are automatically non-composited, so no trickery like the above is needed on N900 once that drops to end users devices.
* Document is bundle inside the source tree. Execute the following command will generate proper document for you:
$ make docs
* <code>-webkit</code> may crash your qmlviewer under N900 if you wish to try. That's why I wrote the code with QmlView binding. If you want to play with qmlviewer, please remove <code>-webkit</code> from your configuration.
* All credits go to Qt team. Thanks for their help on technical support. If you have any questions / comments, please don't hesitate to visit [http://labs.trolltech.com/page/Projects/Graphics/Kinetic QML Team] and give response.
* Happy hacking!

=== External Link ===
* [http://labs.trolltech.com/blogs/2009/12/17/qt-declarative-for-maemo-5/ Qt Labs Blogs: Qt Declarative for Maemo 5]
* [http://labs.trolltech.com/forums/forum/14 Qt Declarative UI Team Forum]

Mer

2011-07-19T03:45:54Z

124.6.181.161: /* Former goals */

__NOTOC__
<div style="position: absolute; z-index: 0">
<imagemap>Image:Mer-faded-background.png|631px
rect 0 0 0 0 [[Mer]]
desc none
</imagemap>
<div style="z-index: 3; position: absolute; top: 42px; left: 180px; color: #fff; font-style: italic; font-family: Georgia, serif; line-height: 1.5em; font-size: 1.8em; width: 360px">An open, community-led, Linux distribution for mobile devices</div>
</div>

<div style="margin-left: 18px; z-index: 4; margin-right: 4em">

<div style="position: relative; padding-top: 120px; margin-right: 10em; margin-bottom: 2em">
== [[/Goals|Former goals]] ==

Mer is now an inactive project, due to the introduction of the MeeGo (http://www.meego.com) project which shares a similar mission <span class="plainlinks">[http://www.diamondlinks.net/ <span style="color:black;font-weight:normal; text-decoration:none!important; background:none!important; text-decoration:none;">link building</span>] as Mer. Mer was a community research project into an open and openly developed Maemo platform.

* Integrate the best solutions for a wide variety of small form-factor devices
* Encourage wider access to device capabilities through the Vendor Social Contract
* [http://www.allwritingsource.co.uk/essay-writing-service.php UK Essay Writing]
* Demonstrably provide an easy route to market for vendors
* Dramatically reduce costs to vendors of supporting EOL hardware
* Focus, harness and support community contributions to the platform
* Encourage and ease migration of existing applications
* [http://www.allwritingsource.co.uk/university-essays.php University Essays]
* [http://www.essaymojo.co.uk/Essay-writing.php/ Essays Help]
* [http://www.essaymojo.co.uk/essay-service.php/ UK Essay Writing]
* Support experimentation, innovation and development

or, to put it another way:

* As much of Fremantle as we can get on the N8x0

We're hanging out on #mer on FreeNode IRC (irc.freenode.net) if you would like to discuss Mer (here's a [http://webchat.freenode.net/?channels=Mer web based IRC client]) and you can follow all the chat on the [http://tinyurl.com/ngroq8 IRClog] [http://www.assignmentmojo.co.uk/assignment-writing-service/ Assignment Writing]||[http://www.essayinn.co.uk/ Essay Writing]||[http://www.essayinn.co.uk/university-essay/ University Essays].

Read [[Mer/Documentation|Documentation]] / Development [[Mer/Status|Status]].

See [[/Tasks|tasks]], [[/Blueprints|blueprints]], [[/Proposals|proposals]] and [[/User Reactions|user reactions]] for the project.</div>

<div style="float: right; clear: both; width: 35%">

== Latest activity ==
<div style="font-size: 85%; line-height: 1.3em">
<imagemap>Image:RSS_feed.png|12px|left
rect 0 0 12 12 [http://pipes.yahoo.com/pipes/pipe.run?_id=qJEaF4Xp3RGPv3S1rLQIDg&_render=rss]
desc none
</imagemap>
From [http://n2.nabble.com/Mer-Chatter-f2732813.html mer-chatter] and [http://planet.maemo.org planet.maemo.org]:
<rss title="off" desc="off" number="8" time="3600">http://pipes.yahoo.com/pipes/pipe.run?_id=qJEaF4Xp3RGPv3S1rLQIDg&_render=rss</rss>
[http://www.assignmentmojo.co.uk Assignment Writing Help]
[http://www.mightydesigners.com Logo Design Competition]
</div>
</div>

<div style="float: left; clear: left; width: 60%; border-right: 1px solid #bbb; padding-right: 2em">

== What next? ==
<div style="float: left"><imagemap>Image:Mer-button-about.png|255px
rect 0 0 255 106 [[Mer/About|About: Learn more about Mer, this new Linux/Gnu distribution, and its history.]]
desc none</imagemap></div>
<div style="float: left"><imagemap>Image:Mer-button-download.png|255px
rect 0 0 255 106 [[Mer/Releases|Download: Get the latest release of Mer on your device or PC.]]
desc none</imagemap></div>
<div style="float: left"><imagemap>Image:Mer-button-people.png|255px
rect 0 0 255 106 [[Mer/People|People: Join the Mer community, and find out who’s already involved.]]
desc none</imagemap></div>
<div style="float: left"><imagemap>Image:Mer-button-development.png|255px
rect 0 0 255 106 [[Mer/Sprints|Development: Enhance Mer itself, and develop applications.]]
desc none</imagemap></div>

<div style="height: 60em"> </div>

[[Category:Mer]]

Maemo Wiki Mirror - User contributions [en]

QML

Mer