QCOMPARE(HTML5, QML)
AcomparisonofUIdevelopmenttechnologies.
Casper van Donderen
Pdf thumbnail creator - Library software component:C# PDF Thumbnail Create SDK: Draw thumbnail images for PDF in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Support Thumbnail Generation with Various Options for Quick PDF Navigation
www.rasteredge.com
Pdf thumbnail creator - Library software component:VB.NET PDF Thumbnail Create SDK: Draw thumbnail images for PDF in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
Support Thumbnail Generation with Various Options for Quick PDF Navigation
www.rasteredge.com
Library software component:Create Thumbnail in Web Image Viewer | Online Tutorials
Go to the toolbar: Select "Thumbnail Creator" & activate "HQ Annotate & Redact Documents or Images; Create Thumbnail; RasterEdge OCR Engine; PDF Reading; Encode &
www.rasteredge.com
Library software component:VB.NET Image: How to Process & Edit Image Using VB.NET Image
VB.NET Image Cropping Assembly to Crop Image, VB.NET Image Thumbnail Creator Control SDK.
www.rasteredge.com
Abstract
Themobilelandscapeisconstantlyevolving,frombigcarphonestothesmallandpowerful
smartphonesoftoday. Thisevolvinglandscapealsobringsnewrequirementstothemobile
userinterface.
Nokiahasembracedtwotechnologiesformobileapplicationdevelopment:QMLandHTML.
Bothtechnologiescanbeusedtodevelopmodernmobileapplications,butthequestionis:
Whatisthebesttechnology?. TondtheanswertothisquestionIhaveresearchedrequire-
mentsformobileapplicationsbyreadingscienticarticles. Thenextstepwasresearching
thefeaturesandsystemrequirementsofbothtechnologiesbystudyingthetechnologyspec-
icationsanddevelopingapplicationsusingbothtechnologies.
Themainconclusionofthereportis: ThetechnologiesaresimiliarlyfeaturedwithHTML
havingadvantagesinthewebenvironmentandQMLmakingitpossibletodevelophighly-
animateduserinterfaces.
Both performance-wise and memory-wiseQMLis clearly thebesttechnology todevelop
mobile userinterfaces. Dependingon therequirements regardingexternal datahandling
andpreferenceofthedeveloperthechoiceforHTMLcanalsobemade.
i
Library software component:C# PDF Library SDK to view, edit, convert, process PDF file for C#
allows you to read, add, edit, update, and delete PDF file metadata, like Title, Subject, Author, Creator, Producer, Keywords, etc. C#.NET: Edit PDF Thumbnail.
www.rasteredge.com
Library software component:VB.NET Image: .NET Imaging Viewing and Processing Programming SDK
RasterEdge.Imaging.Barcode.Scanner.dll: contrary to the barcode creator, barcode scanner RasterEdge.Imaging.PDF.dll: used to processing PDF file in VB project
www.rasteredge.com
Library software component:.NET PDF SDK - Description of All PDF Processing Control Feastures
Support editing PDF document metadata: Title, Subject, Author, Creator, Producer, Keywords, Created Date, and Last Modified Date; PDF Thumbnail.
www.rasteredge.com
Library software component:How to C#: Basic SDK Concept of XDoc.PDF for .NET
Author, Creator, Producer, Keywords, Created Date, and Last Modified Date. Class: PDFMetadata. Thumbnail. You can generate thumbnail image(s) from PDF file for
www.rasteredge.com
Contents
ListofFigures
vii
Introduction
ix
Problemdenition
xi
Assignment
xiii
Subquestions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xiii
Objectives . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xiii
Products . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xiii
Planofapproach
xv
1 Mobile
1
1.1 Maemo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
1
1.1.1 HistoryofMaemo . . . . . . . . . . . . . . . . . . . . . . . . . . .
1
1.1.2 Maemotechnologies. . . . . . . . . . . . . . . . . . . . . . . . . .
2
1.1.2.1 Clutter . . . . . . . . . . . . . . . . . . . . . . . . . . .
2
1.1.2.2 GStreamer. . . . . . . . . . . . . . . . . . . . . . . . . .
3
1.1.2.3 GTK+. . . . . . . . . . . . . . . . . . . . . . . . . . . .
3
1.1.2.4 Hildon . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3
1.1.2.5 MAFW
. . . . . . . . . . . . . . . . . . . . . . . . . . .
4
1.1.2.6 OpenGLES . . . . . . . . . . . . . . . . . . . . . . . . .
4
1.1.2.7 Qt . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
4
1.1.2.8 Telepathy . . . . . . . . . . . . . . . . . . . . . . . . . .
4
1.2 Requirements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
4
1.3 Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
5
2 Technologies
7
2.1 Qt . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
7
2.1.1 HistoryofQt . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
7
2.1.2 Qt4Features . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
8
2.2 HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
9
iii
Library software component:VB.NET PDF: Basic SDK Concept of XDoc.PDF
Author, Creator, Producer, Keywords, Created Date, and Last Modified Date. Class: PDFMetadata. Thumbnail. You can generate thumbnail image(s) from PDF file for
www.rasteredge.com
Library software component:C# Image: How to Add Antique & Vintage Effect to Image, Photo
A: Sorry, the API that RasterEdge C#.NET antique effect creator control add are dedicated to provide powerful & profession imaging controls, PDF document, tiff
www.rasteredge.com
CONTENTS
2.2.1 HistoryofHTML . . . . . . . . . . . . . . . . . . . . . . . . . . .
9
2.2.2 Basicstructure . . . . . . . . . . . . . . . . . . . . . . . . . . . .
9
2.2.3 CascadingStyleSheets . . . . . . . . . . . . . . . . . . . . . . . . 10
2.3 QML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
2.3.1 HistoryofQML . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
2.3.2 Basicstructure . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
2.4 JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
2.4.1 HistoryofJavaScript . . . . . . . . . . . . . . . . . . . . . . . . . 13
2.4.2 Basicstructure . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
2.4.3 JavaScript-HTMLconnection. . . . . . . . . . . . . . . . . . . . . 14
2.4.4 JavaScript-QMLconnection. . . . . . . . . . . . . . . . . . . . . . 15
3 Comparison
17
3.1 Applicationdesign . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
3.1.1 Mainmenuapplication . . . . . . . . . . . . . . . . . . . . . . . . 18
3.1.2 Contactsapplication. . . . . . . . . . . . . . . . . . . . . . . . . . 19
3.1.3 Mediaplayerapplication . . . . . . . . . . . . . . . . . . . . . . . 20
3.2 Functionalcomparison. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
3.2.1 Animations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
3.2.2 Codereuseability . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
3.2.3 ContextSwitching. . . . . . . . . . . . . . . . . . . . . . . . . . . 26
3.2.4 Fontsupport. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
3.2.5 Mediaplayback . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
3.2.6 Objectplacement . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
3.2.7 Storageaccess . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
3.3 Performancecomparison . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
4 Conclusion
37
Glossary
39
References
41
A SubClassedApplicationsourcecode
43
A.1 subclassedapplication.h . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43
A.2 subclassedapplication.cpp . . . . . . . . . . . . . . . . . . . . . . . . . . . 43
B Browsersourcecode
45
B.1 main.cpp . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45
B.2 browser.h. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45
B.3 browser.cpp . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46
iv
Library software component:C# PowerPoint - PowerPoint Creating in C#.NET
The PowerPoint document file created by RasterEdge C# PowerPoint document creator library is searchable and can be fully populated with editable text and
www.rasteredge.com
Library software component:C# Word - Word Creating in C#.NET
The Word document file created by RasterEdge C# Word document creator library is searchable and can be fully populated with editable text and graphics
www.rasteredge.com
CONTENTS
C Viewersourcecode
47
C.1 main.cpp . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
C.2 viewer.h . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
C.3 viewer.cpp . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
D Storagehandlersourcecode
49
D.1 storagehandler.h . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49
D.2 storagehandler.cpp. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49
E <div>tablesourcecode
51
F QMLtablelayout
53
G Memorytestssourcecode
55
G.1 Menu(V3). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
G.1.1 HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
G.1.2 QML. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56
G.1.2.1 Menu.qml . . . . . . . . . . . . . . . . . . . . . . . . . . 56
G.1.2.2 Contents.qml . . . . . . . . . . . . . . . . . . . . . . . . 56
G.1.2.3 MenuItem.qml . . . . . . . . . . . . . . . . . . . . . . . 56
G.2 Contacts(V3) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57
G.2.1 HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57
G.2.1.1 contacts.html . . . . . . . . . . . . . . . . . . . . . . . . 57
G.2.1.2 contactsCode.js . . . . . . . . . . . . . . . . . . . . . . . 57
G.2.1.3 contactsStyle.css . . . . . . . . . . . . . . . . . . . . . . 58
G.2.2 QML. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60
G.2.2.1 Contacts.qml . . . . . . . . . . . . . . . . . . . . . . . . 60
G.2.2.2 ContactAdder.qml . . . . . . . . . . . . . . . . . . . . . 61
G.2.2.3 Button.qml . . . . . . . . . . . . . . . . . . . . . . . . . 62
G.3 Player(V3) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62
G.3.1 HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62
G.3.1.1 player.html . . . . . . . . . . . . . . . . . . . . . . . . . 62
G.3.1.2 playerCode.js . . . . . . . . . . . . . . . . . . . . . . . . 63
G.3.1.3 playerStyle.css. . . . . . . . . . . . . . . . . . . . . . . . 64
G.3.2 QML. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66
G.3.2.1 Player.qml. . . . . . . . . . . . . . . . . . . . . . . . . . 66
G.3.2.2 playerCode.js . . . . . . . . . . . . . . . . . . . . . . . . 68
H Performancetestsourcecode
71
H.1 HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71
H.2 QML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71
v
List of Figures
1.1 MaemoOS200xInterfaces . . . . . . . . . . . . . . . . . . . . . . . . . .
2
1.2 Maemo5Interface . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3
1.3 TheKanomodel. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
5
3.1 Mainmenuv. 1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
3.2 Mainmenuv. 2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
3.3 Mainmenuv. 3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
3.4 Contactsv. 1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
3.5 Contactsv. 3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
3.6 Contactsv. 4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
3.7 Contactsv. 5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
3.8 Playerv.1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
3.9 Playerv.2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
3.10 Playerv.3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
3.11 Simpletable-stylelayout. . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
3.12 QMLlayout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
3.13 Memoryperformancegraph . . . . . . . . . . . . . . . . . . . . . . . . . . 35
3.14 AliasinginQMLandQtWebKit. . . . . . . . . . . . . . . . . . . . . . . . 36
vii
Documents you may be interested
Documents you may be interested