EWallet Cloud Storage - app showcase
Contents |
Introduction and Summary
 |
This is a cloud based personal data storage app. It offers a really nice GUI that uses lots of prebuilt QML elements, mixed with customized ones. To make sure your data won't leak anywhere, the app only transfers and reveives the data encoded (multiple times, multiple methods)
This page is created to introduce the user interface the app, to 1) show my tricks and solutions to others, and 2) to clarify things or answer possible questions in the Qt Quick competition. |
Main Screen
The screen uses a slowly fading cloudy background, because it's a nice background and, obvious for the cloud-based services. The login and password buttons are having a small animation. The first time someone opens the app and fills in that information, can register there. An easy-to-fill webpage somes in an embedded WebView that I tried to design as they were QML Components. After the registering, the system keeps the entered data, so the users can log in directly. A fancy loading indicator is fading in and out, with 3 circles rotating in different directions. After signing in, the app downloads and decrypts the entries from the cloud, then shows them in a two-columned list.
Starting screen
Welcome screen after login
Controls on the main screen
On the top of the screen, just below the statusbar, there is a button row with three buttons, without text, only icons: refres (obvious), quicksearch (animates a text-field out that filters the entries), and new entry (Opens up a new layer on the top of everything, slightly fades out the things behind it) The toolbar remains simple in this app, (it would be too much t put everything in it) so it only offers an exit button and a help button that opens another page (using PageStack). On that page, the toolbar chanes: the help button disappears and the exit button becomes a back button.
Adding a new entry
Using quicksearch
Help page
Controls on the entry-viewer popup
There is the title of the entry written on top of everything, then a white divider line, and the entry data itself. There is a button row, too, with 4 buttons, with only icons, following the iconography rules strictly: 1. Back - closes the popup 2. Delete - deletes the entry 3. Edit - Flips the entry data over and shows an input textarea and a save button. The entry data is precopied into the area. 4. Share - Sends the entry data in e-mail. Just a function for comfort.
Viewing an entry
Animating...
Editing
Download
Here is the download link: link The sis is self-signed, was built for Symbian Belle using Qt 4.7.4. The app will install using Smart Installer. The app is going to be a premium app on 1st April and will be available for 2€.
Article Metadata
Code Example
Tested with
Compatibility
Platform Security
Article
