Namespaces

Variants
Actions

Please note that as of October 24, 2014, the Nokia Developer Wiki will no longer be accepting user contributions, including new entries, edits and comments, as we begin transitioning to our new home, in the Windows Phone Development Wiki. We plan to move over the majority of the existing entries over the next few weeks. Thanks for all your past and future contributions.

(Difference between revisions)

Symbian Qt Quick Components Competition 2012Q1

From Wiki
Jump to: navigation, search
hamishwillee (Talk | contribs)
m (Hamishwillee - Add facebook++)
www.rzr.online.fr (Talk | contribs)
(Www.rzr.online.fr -)
Line 1: Line 1:
 
[[Category:Qt]][[Category:Qt Mobility]][[Category:Qt Quick]][[Category:MeeGo]][[Category:Symbian]]
 
[[Category:Qt]][[Category:Qt Mobility]][[Category:Qt Quick]][[Category:MeeGo]][[Category:Symbian]]
{{ArticleMetaData <!-- v1.2 -->
 
|sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->
 
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
 
|devices= <!-- Devices tested against - e.g. ''devices=Nokia 6131 NFC, Nokia C7-00'') -->
 
|sdk= <!-- SDK(s) built and tested against (e.g. [http://linktosdkdownload/ Qt SDK 1.1.4]) -->
 
|platform= <!-- Compatible platforms - e.g. Symbian^1 and later, Qt 4.6 and later -->
 
|devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) -->
 
|dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 -->
 
|signing= <!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
 
|capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
 
|keywords= <!-- APIs, classes and methods (e.g. QSystemScreenSaver, QList, CBase -->
 
|language= <!-- Language category code for non-English topics - e.g. Lang-Chinese -->
 
|translated-by= <!-- [[User:XXXX]] -->
 
|translated-from-title= <!-- Title only -->
 
|translated-from-id= <!-- Id of translated revision -->
 
|review-by= <!-- After re-review: [[User:username]] -->
 
|review-timestamp= <!-- After re-review: YYYYMMDD -->
 
|update-by= <!-- After significant update: [[User:username]]-->
 
|update-timestamp= <!-- After significant update: YYYYMMDD -->
 
|creationdate= 20120105
 
|author= [[User:Hamishwillee]]
 
}}
 
  
<div style="display:inline; font-size:2em;">Migrate your apps to the new Symbian Belle platform style using the [http://doc.qt.nokia.com/qt-components-symbian/symbian-components-functional.html Symbian Qt Quick Components], and win a [http://www.developer.nokia.com/Devices/Device_specifications/808_PureView/ Nokia 808 PureView]!</div>
+
  Package: redak
<br />
+
  URL: http://rzr.online.fr/q/redak
{{Announcement|title=Competition Complete|timestamp=20110327|This competition is complete. The list of entries that will be evaluated is given [[#List of competition entries|below]] (if you entered, please check your app is present in the list)
+
  Contact: Philippe Coval <rzr@gna.org>
 +
  Licence: GPL-3 (OpenSource Free Libre Software)
  
We will be evaluating the entries over the coming weeks.}}
 
  
We're having an app design competition! In order to compete you need to have an application that uses Symbian Qt Quick Components and provide a wiki article that describes the key elements of your application design. The article should be detailed enough for us to assess the elegance of your design, and should ideally point us to a binary version we can test.
+
Redak is just a simple text editor to be used on touchscreen. Basic features are Load, Save, Save As, Browse and Edit text. It has been tested on maemo/meego harmattan n950 and n9 ...
[[File:Nokia PureView 808.png|right|frame|link=http://www.developer.nokia.com/Devices/Device_specifications/808_PureView/|The prize, a [http://www.developer.nokia.com/Devices/Device_specifications/808_PureView/ Nokia 808 PureView]. ]]
+
  
The winning apps will demonstrate UI design flair and style while remaining faithful to the core Symbian platform style (as captured by the [http://www.developer.nokia.com/Resources/Library/Symbian_Design_Guidelines/index.html design] and [http://www.developer.nokia.com/Resources/Library/Design_and_UX/designing-for-nokia-platforms/designing-for-symbian/symbian-iconography-guidelines.html iconography] guidelines). We expect they will mix both standard and custom components, and have innovative approaches to branding and other design elements.
 
  
{{Announcement|As soon as we can get hold of them from the factory, the winners will receive one of three new [http://www.developer.nokia.com/Devices/Device_specifications/808_PureView/ Nokia 808 PureView] devices, featuring an unbelievable 41 megapixel camera and the new Symbian Belle UI. The winners will be among the first to get their hands on these truly amazing devices!}}
+
== Introduction ==
  
If that's not enough, then consider that as winner of a Nokia Developer competition your app will be featured in our [http://www.developer.nokia.com/Community/Discussion/content.php Community], [[Wiki Home|Wiki]], and [http://projects.developer.nokia.com/home Project] home pages, as well as in our developer newsletters (and other channels, documentation and promotional material, which we see fit) - giving your app immediate visibility with hundreds of thousands of your peers, users and potential employers!
+
History of this project :
  
The Symbian Qt Quick Components are available in the [http://www.developer.nokia.com/info/sw.nokia.com/id/da8df288-e615-443d-be5c-00c8a72435f8/Qt_SDK.html Qt SDK v1.1.4]. Read the [http://www.developer.nokia.com/Resources/Library/Symbian_Design_Guidelines/index.html Symbian Design Guidelines] and off you go!
+
I needed a basic text editor to handle files on my handset ...
 +
So I created once a Qt texteditor under the name redaktilo
 +
as sample to teach Qt on desktop or tablets (n810) ...
 +
using QtGui was usable with a resistive screen (n810)
 +
but not on capacitives screens so I deciced to create it
 +
again from scratch using QtQuick...
  
==How to participate==
+
Today supported platform are symbian and meego harmattan.
Study the [http://www.developer.nokia.com/Resources/Library/Symbian_Design_Guidelines/index.html Symbian Design Guidelines]. Create a great application (or port an existing one) using the Symbian Qt Quick Components. Write a wiki article showing off the main elements of your UI design and provide a link to the real application so we can try it out (for example on Nokia Store)!
+
  
Here are the competition rules:
+
Basic features are ready to be tested :
* The app and associated article must be your own work.
+
* Load, Save, Save As, Browse and Edit text (select, cut and paste).
* The app must run on a mobile device. Apps that are still in design or concept phase will not be accepted.
+
* The app can be hosted wherever you like: Nokia Store, Wiki file attachment, Nokia Projects, etc. Note that for open ''source'' projects we recommend hosting on Nokia Projects.
+
* The app should use Symbian Qt Quick Components where appropriate. Combining these with custom elements to create a great user experience is both expected and encouraged.
+
* An article must be created to support the app competition entry. The article should:
+
** explain how the app uses the Qt Quick Components, and just as importantly where and why it chooses to use custom components instead.
+
** discuss how the app complies with the design guidelines. Include "problem areas" and your innovative approaches to overcome them.
+
** have the category [[:Category:Qt Quick]] and start with the text: '''<nowiki>{{Note|This is an entry in the [[Symbian Qt Quick Components Competition 2012Q1]]}}</nowiki>'''
+
** be submitted by 19th March 2012
+
** contain a link to the application (on Nokia Store, Nokia Projects, or elsewhere).
+
* Nokia must have permission to publish a link to your app and screenshots on the wiki, discussion boards, newsletters, and any other mechanisms while promoting this competition and its results. Note that these are automatically granted when you upload them to the wiki by the site Terms and Conditions.
+
See the [[#The fine print|fine print]] for more information.
+
  
== Evaluation of entries ==
+
Features are very limited but enough for me ?
[[File:Symbian Qt Quick Components Competition 2012 image big v2.png|450px|right|thumb|Courtesy of [https://projects.developer.nokia.com/QMLRSSReader RSS Reader], [https://projects.developer.nokia.com/QMLRestaurantApp Diner] and [https://projects.developer.nokia.com/weatherforecast Weather Forecast]projects.]]
+
The apps will be evaluated by a panel of Nokia UI design experts. The panel will be looking for all the things you would expect in a great app: a consistent and intuitive user experience, appropriate app icon and splash screen, appealing and smooth UI, pervasive but unobtrusive branding etc. The winners will be apps that demonstrate interaction design flair and style, and which use innovative approaches within the constraints of the [http://www.developer.nokia.com/Resources/Library/Symbian_Design_Guidelines/index.html Symbian Design Guidelines].
+
  
In particular, judges will be looking at the following design elements:
+
I can't promise I will polish it and add more features but it's opensource
* Logical and consistent navigation structure
+
so I can promise i will make efforts to merge patches ?
** Back button is used to exit views and the app
+
** Important features can be found. They aren't hidden behind odd menus or icons.
+
** Intuitive and easy to operate
+
** Appropriate icons to represent functionality
+
* App icon consistent with Symbian style
+
* Correct use of the components
+
* Non-threatening interface - don't ask the user for confirmation or passwords unless necessary
+
* Good use of screen real estate
+
* Utilising the toolbar where appropriate.
+
<br />
+
The articles are very much secondary - they are your opportunity to explain why you've used a particular approach (particularly where your app does not behave as the design guidelines suggest) and to highlight what sets your design apart. If you can't make a binary version of the app available, then they are our only way of assessing your entry.
+
  
The results are expected to be announced in late March/early April.
+
The project is mostly based on QmL and uses C++/Qt for io.(load/save)...
  
== Useful links ==
 
* [http://doc.qt.nokia.com/qt-components-symbian/symbian-components-functional.html Symbian Qt Quick Components]
 
* [http://www.developer.nokia.com/Resources/Library/Symbian_Design_Guidelines/index.html Symbian Design Guidelines]
 
* [http://www.developer.nokia.com/info/sw.nokia.com/id/da8df288-e615-443d-be5c-00c8a72435f8/Qt_SDK.html Qt SDK v1.1.4]
 
* [http://www.developer.nokia.com/Resources/Library/Design_and_UX/designing-for-nokia-platforms/designing-for-symbian/symbian-iconography-guidelines.html Symbian conography guidelines]
 
* [http://qt.nokia.com/learning/guides/ Qt Quick learning guides]
 
* [http://projects.developer.nokia.com/home/project/explore#action=results&c&#91;&#93;=600&f=&tab=recent Recent] and [http://projects.developer.nokia.com/home/project/explore#action=results&c&#91;&#93;=600&f=&tab=active Active] Nokia Projects using Qt Quick Components
 
* [http://projects.developer.nokia.com/uivisualisation/wiki/WikiStart UI Visualisation Examples] project. This project provides a set of mini-apps demonstrating the correct use of the Symbian Qt Quick components. They provide a great practical example of the intention of the Symbian Design Guidelines and common UI/navigation patterns.
 
  
 +
== Components==
  
== Feedback ==
+
IO access is done in C++ , the rest UI logic etc is pure qml Javascript
  
Generic questions or comments concerning this competition can be addressed as comments to this wiki page.
 
  
== List of competition entries ==
+
Used ones (symbian or meego) :
The entries we will be evaluating for this (completed) competition are listed below. If you think we've missed your entry, please add feedback as a comment to this article.
+
* [[Dropian - QML Dropbox Client]]
+
* [[Audiobook Reader for symbian using Qt Quick Components]]
+
* [[QIap - a simple Qt interface for In-App Purchasing]]
+
* [[Flexibility QML Tabs elements]]
+
* [[Lights Off The Original Game]]
+
* [[Making of BabyFeed App with QtQuick Components]]
+
* [[Tourschall Showcase]]
+
* [[Shopping list for Symbian^3]]
+
* [[EWallet (QML App)]]
+
* [[Redak]]
+
* [[How to use QVibra to enable vibration in QML]]
+
* [[How to use QtMobility to enable vibration in QML]]
+
* [[Had Better Build Release first]]
+
* [[TiToYo - traffic info delivered to your mobile]]
+
* [[A Question in Demo of Qt SDK 1.2]]
+
* [[Porting the Premier League app from WRT to Qt Quick]]
+
* [[MosaicLink The Most Tiny Games With QtQuick Components]]
+
* [[How I Created BestPrice Using Qt Quick Components]]
+
* [[Group My Pictures for Symbian phones]]
+
* [[FlickrUp - Flickr app for Symbian & MeeGo Harmattan devices]]
+
* [[Tian Karaoke List - Do the hard part of searching for you]]
+
* [[Wallpapers]]
+
* [[Qeddit]]
+
* [[Go2car2go app - a Car2Go client in C++ and Qt Quick Components]]
+
* [[MBuddy - advanced messaging app]]
+
* [[ThakirPrayerTimes QML]]
+
* [[Ski Resorts Webcams]]
+
* [[Fmobi]]
+
* [[BelleChat - an IRC client for Symbian phones]]
+
* [[CutePress - WordPress cutely!]]
+
* [[Shopper - eBay app for Symbian & MeeGo devices]]
+
* [[Gift Maker Qt Quick Components]]
+
* [[Porting the Italian Teletext app from WRT to Qt Quick]]
+
* [[Building the Italian Tax ID app with Qt Quick components]]
+
* [[Rotary Dialer: mixing Qt Quick components and custom UI]]
+
* [[EventItNow]]
+
* [[Magnifier and Nokia 808 PureView - Using Qt Quick to implement a natural and Consistent user experience]]
+
* [[Designing Notekeeper]]
+
* [[Multiple views using QML components]]
+
* [[Sums - QML Components-based Calculator App]]
+
* [[SymQuake]]
+
* [[How to use QShake to detect and manage phone shaking]]
+
* [[WikiOnBoard - Wikipedia Offline Reader]]
+
* [[Facebook Plus - A Facebook client with Nokia Maps]]
+
  
== The fine print ==
+
* PageStackWindow Page QueryDialog
 +
* Menu MenuLayout MenuItem ToolBar ToolBarLayout ToolButton
 +
* Flickable  Column ListView FolderListModel Component  MouseArea
 +
* TextArea TextField Text
 +
* Image Rectangle
 +
* Connections
  
The main sponsor of the competition is Nokia Corporation, Finland (“main sponsor”). The competition is a competition of skill. No purchase or admission fee is necessary to participate. By participating in the competition the participant indicates his/her/its acceptance to these rules and agrees to be bound by them as well as any rules and regulations of Nokia Developer and the Developer’s Wiki. You acknowledge and agree that no form of cheating will be tolerated. Any persons found cheating, as determined in the sole and absolute discretion of the main sponsor, will immediately be disqualified from the contest. To the maximum extent permitted by applicable law, the main sponsor reserves the right at its sole discretion to amend, withdraw or revise these rules and the prizes at any time without notice and in such event the main sponsor shall not have any liability whatsoever.
+
Since the project is opensource you can tear out and reuse my components :
  
This competition shall not constitute a commitment or create a joint venture, partnership, agency or other business relationship between the participants and the main sponsor of this competition. This competition shall not either be understood to grant to any participant whether expressly or by implication any ownership, rights or license to any intellectual property rights of the main sponsor and vice versa. To the maximum extent permitted by law, Nokia shall not be liable for any damages arising out of the participant’s participation to the competition. The laws of Finland shall be applicable to any disputes arising out of the competition. Unless otherwise provided for in applicable mandatory legislation, such disputes will be finally settled in the public court of Helsinki.
 
  
Nokia Developer employees and contractors are not eligible for this contest. The competition is open to other Nokia employees (except those working directly for Nokia Developer) with the following limitations:
+
Custom ones to be reused :
# You should not be directly involved in the development of icons for Nokia platforms or Nokia marketing material
+
# You should use only the published tools and resources - "practice what you preach"
+
# Submissions from the Nokia employees will be judged and prized separately, and will not compete directly with third party developers
+
  
__NOEDITSECTION__
+
* EditPage : the text area
 +
* BrowserPage : the file browser for loading saving pages
 +
 
 +
 
 +
== Problem Areas ==
 +
 
 +
First I created for harmattan then ported to Symbian, the main issue was a minor bug in C++ that prevent loading files (bad path workaround). I feared that was a security issue but it's not ...
 +
 
 +
Most of the qml code is common between MeeGo and Symbian. But I did not share common parts and I prefer to merge new features ...
 +
 
 +
I had to find also common images to reuse platform ones ...
 +
 
 +
* QueryDialog : Had to workaround this bug (using an extra '\n')
 +
https://bugreports.qt-project.org/browse/QTCOMPONENTS-1090
 +
 
 +
 
 +
== Future ==
 +
 
 +
I wish I had a n900 to port it to maemo5 too or a RasperyPI to edit text on TV ...
 +
 
 +
I'll also plan to use it to test Qt lighthouse ports
 +
 
 +
 
 +
== Download ==
 +
 
 +
Just open this link I tested "redak_qt-4_7_4_symbianBelle-0.4.0.sis" on NokiaE7
 +
 
 +
https://projects.developer.nokia.com/redak/downloads/2
 +
 
 +
Also track featured download at :
 +
 
 +
https://projects.developer.nokia.com/redak
 +
 
 +
Random files :
 +
 
 +
https://projects.developer.nokia.com/redak/files
 +
 
 +
ScreenShot: https://projects.developer.nokia.com/redak/files/screenshot.png
 +
 
 +
Icon: https://projects.developer.nokia.com/redak/projecticon?environment_name=redak
 +
 
 +
I plan to publish to ovi stable version ...
 +
but feel free to build form sources too...
 +
 
 +
 
 +
== MORE ==
 +
 
 +
* http://stackoverflow.com/questions/8696448/emit-signals-from-javascript-to-qml
 +
* http://www.developer.nokia.com/Community/Discussion/showthread.php?173714-how-to-create-XB-Maemo-Icon-26
 +
* http://wiki.maemo.org/Packaging_a_Qt_application#Finding_your_package_in_debian
 +
* http://kunalmaemo.blogspot.com/2011/04/signal-slot-connection-with-qml-and-qt.html
 +
* http://doc.qt.nokia.com/4.7-snapshot/qml-variant.html
 +
* http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-dialog.html
 +
* http://www.developer.nokia.com/Community/Wiki/Special:WhatLinksHere/Redak
 +
 
 +
 
 +
{{Note|This is an entry in the [[Symbian Qt Quick Components Competition 2012Q1]]}}
 +
 
 +
 
 +
{{ArticleMetaData <!-- v1.1 -->
 +
|sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->
 +
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
 +
|devices= Nokia E7,
 +
|platform=Meego Harmattan, Symbian Belle, Qt 4.7.4
 +
|devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) -->
 +
|dependencies= Qt Quick Components 1.1
 +
|signing=<!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
 +
|capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
 +
|keywords= Redak, Text.Editor
 +
|id= <!-- Article Id (Knowledge base articles only) -->
 +
|language= <!-- Language category code for non-English topics - e.g. Lang-Chinese -->
 +
|translated-by= <!-- [[User:XXXX]] -->
 +
|translated-from-title= <!-- Title only -->
 +
|translated-from-id= <!-- Id of translated revision -->
 +
|review-by=<!-- After re-review: [[User:username]] -->
 +
|review-timestamp= <!-- After re-review: YYYYMMDD -->
 +
|update-by= <!-- After significant update: [[User:username]]-->
 +
|update-timestamp= <!-- After significant update: YYYYMMDD -->
 +
|creationdate= 20120207  <!-- Format YYYYMMDD -->
 +
|author= [[User:www.rzr.online.fr]]
 +
}}
 +
[[File:https://projects.developer.nokia.com/redak/files/screenshot.png]]

Revision as of 11:38, 27 March 2012


 Package: redak
 URL:  http://rzr.online.fr/q/redak
 Contact: Philippe Coval <rzr@gna.org>
 Licence: GPL-3 (OpenSource Free Libre Software)


Redak is just a simple text editor to be used on touchscreen. Basic features are Load, Save, Save As, Browse and Edit text. It has been tested on maemo/meego harmattan n950 and n9 ...


Contents

Introduction

History of this project :

I needed a basic text editor to handle files on my handset ... So I created once a Qt texteditor under the name redaktilo as sample to teach Qt on desktop or tablets (n810) ... using QtGui was usable with a resistive screen (n810) but not on capacitives screens so I deciced to create it again from scratch using QtQuick...

Today supported platform are symbian and meego harmattan.

Basic features are ready to be tested :

  • Load, Save, Save As, Browse and Edit text (select, cut and paste).

Features are very limited but enough for me ?

I can't promise I will polish it and add more features but it's opensource so I can promise i will make efforts to merge patches ?

The project is mostly based on QmL and uses C++/Qt for io.(load/save)...


Components

IO access is done in C++ , the rest UI logic etc is pure qml Javascript


Used ones (symbian or meego) :

  • PageStackWindow Page QueryDialog
  • Menu MenuLayout MenuItem ToolBar ToolBarLayout ToolButton
  • Flickable Column ListView FolderListModel Component MouseArea
  • TextArea TextField Text
  • Image Rectangle
  • Connections

Since the project is opensource you can tear out and reuse my components :


Custom ones to be reused :

  • EditPage : the text area
  • BrowserPage : the file browser for loading saving pages


Problem Areas

First I created for harmattan then ported to Symbian, the main issue was a minor bug in C++ that prevent loading files (bad path workaround). I feared that was a security issue but it's not ...

Most of the qml code is common between MeeGo and Symbian. But I did not share common parts and I prefer to merge new features ...

I had to find also common images to reuse platform ones ...

  • QueryDialog : Had to workaround this bug (using an extra '\n')

https://bugreports.qt-project.org/browse/QTCOMPONENTS-1090


Future

I wish I had a n900 to port it to maemo5 too or a RasperyPI to edit text on TV ...

I'll also plan to use it to test Qt lighthouse ports


Download

Just open this link I tested "redak_qt-4_7_4_symbianBelle-0.4.0.sis" on NokiaE7

https://projects.developer.nokia.com/redak/downloads/2

Also track featured download at :

https://projects.developer.nokia.com/redak

Random files :

https://projects.developer.nokia.com/redak/files

ScreenShot: https://projects.developer.nokia.com/redak/files/screenshot.png

Icon: https://projects.developer.nokia.com/redak/projecticon?environment_name=redak

I plan to publish to ovi stable version ... but feel free to build form sources too...


MORE


Note.pngNote: This is an entry in the Symbian Qt Quick Components Competition 2012Q1


Article Metadata
Tested with
Devices(s): Nokia E7,
Compatibility
Platform(s): Meego Harmattan, Symbian Belle, Qt 4.7.4
Symbian
Dependencies: Qt Quick Components 1.1
Article
Keywords: Redak, Text.Editor
Created: www.rzr.online.fr (07 Feb 2012)
Last edited: www.rzr.online.fr (27 Mar 2012)

File:Https://projects.developer.nokia.com/redak/files/screenshot.png

421 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.

 

Thank you!

We appreciate your feedback.

×