About Boot to Qt-demo update

Content update for About Boot to Qt-demo

Change-Id: I8217a6c6ee0ca7f642dbe4d250a329f9f27c0713
Reviewed-by: Topi Reiniö <topi.reinio@digia.com>
Reviewed-by: Gatis Paeglis <gatis.paeglis@digia.com>
Reviewed-by: Eirik Aavitsland <eirik.aavitsland@digia.com>

7 files changed, 326 insertions, 63 deletions

diff --git a/basicsuite/about-b2qt/AboutBoot2Qt.qml b/basicsuite/about-b2qt/AboutBoot2Qt.qml
index d050a71..abb6dc8 100644
--- a/basicsuite/about-b2qt/AboutBoot2Qt.qml
+++ b/basicsuite/about-b2qt/AboutBoot2Qt.qml
@@ -46,11 +46,18 @@ Column {
 
     width: parent.width
 
-    spacing: engine.smallFontSize()
+    spacing: engine.smallFontSize() * 2
 
-    Title {
-        id: title
-        text: "Qt Enterprise Embedded"
+    property color qtlightgreen: '#80c342'
+    property color qtmediumgreen: '#328930'
+    property color qtdarkgreen: '#006325'
+    property color qtdarkblue: '#14148c'
+    property color qtlightblue: '#14aaff'
+    property color qtpurple: '#ae32a0'
+    property color qtred: '#b40000'
+
+    ColouredTitle {
+        text: "MEET Qt ENTERPRISE EMBEDDED"
     }
 
     ContentText {
@@ -59,62 +66,221 @@ Column {
         text: '<p align="justify">Qt Enterprise Embedded provides a fully-integrated solution
                to get you started immediately with software development on your embedded device
                with a tailored user experience for embedded Linux and embedded Android. It
-               supports your key requirements for high performance, minimal footprint together
+               supports your key requirements for high performance and minimal footprint together
                with Qt’s flexible full-framework modular architecture to deliver unparalleled
-               scalability.'
+               scalability. The development cycle is as rapid as it gets with fully integrated
+               embedded tooling, pre-configured software stack and a collection of value-add components.</p>'
     }
 
+    // Large overview picture
     Column {
-        id: diagram
-        spacing: 1
-        width: parent.width * 0.5
+        width: parent.width
         anchors.horizontalCenter: parent.horizontalCenter
-        Box { text: "Application"; accentColor: "coral" }
-        Box { text: "Qt Framework"; accentColor: Qt.rgba(0.64, 0.82, 0.15) }
-        Box { text: "Android/Linux Baselayer"; accentColor: "steelblue" }
-        Box { text: "Embedded Hardware"; accentColor: "steelblue"}
+        spacing: 10
+
+        Box{ text: "Cross-Platform Qt Libraries"; width: parent.width; accentColor: qtlightgreen }
+        Box{ text: "Value-Add Components"; width: parent.width; accentColor: qtlightgreen }
+
+        Row {
+            id: row1
+            spacing: 10
+            width: parent.width
+
+            Box{ text: "Complete Development Environment\nwith Qt Creator IDE";
+                width: (row1.width - row1.spacing) / 2; height: column1.height; accentColor: qtmediumgreen }
+
+            Column {
+                id: column1
+                width: (row1.width - row1.spacing ) / 2
+                spacing: row1.spacing
+
+
+                Box{ text: "Boot to Qt\nSoftware Stack\nfor HW"; accentColor: qtdarkblue; height: b2.height * 3 }
+                Box{ id: b2; text: "Build-Your-Own-Stack Tooling"; accentColor: qtdarkblue; }
+            }
+        }
+    } // end overview picture
+
+    ColouredTitle {
+        text: "POWER OF CROSS-PLATFORM Qt"
+    }
+
+    ContentText {
+        width: parent.width
+        text: '<p align="justify">Leverage the cross-platform C++ native APIs for maximum performance on both beautiful
+                         user interfaces as well as non-GUI operations. With C++, you have full control
+                         over your application code and direct device access. You can also configure Qt Enterprise Embedded
+                         directly from the source codes into a large variety of supported hardware and
+                         operating systems. As with any Qt project, the same application can be deployed
+                         natively to desktop and mobile OS targets as well.</p>'
+    }
+
+    HighlightText {
+        text: "Velvet-Like Native UIs, HTML5 or Both!"
+    }
+
+    ContentText {
+        width: parent.width
+        text: '<p align="justify">With <strong>Qt Quick</strong> you can create beautiful and modern touch-based UIs
+            with maximum performance. Just like everything you find from this demo launcher!</p>
+            <p align="justify">Should you want dynamic web content and HTML5, the <strong>Qt WebEngine</strong> gives you full
+            Chromium-based browser engine with comprehensive HTML5 feature support. Mix and match with Qt Quick to get the best
+            of both worlds!</p>'
+    }
+
+    ColouredTitle {
+        text: "SHORTER TIME-TO-MARKET"
+    }
+
+    HighlightText {
+        text: "Full Embedded Development Environment"
+    }
+
+    ContentText {
+        width: parent.width
+        text: '<p align="justify">A full-blown, productivity enhancing development environment,
+        installed on a Linux development desktop. This self-contained environment
+        is installed and updated through one online installer and features the Qt
+        Creator Enterprise IDE, with features that facilitate the whole product
+        creation lifecycle: UI designer, code editor, direct device deployment
+        via USB or IP, emulator, on-device debugging and profiling.</p>'
+    }
+
+
+    HighlightText {
+        text: "Boot to Qt Software Stack -\nEmbedded Prototyping Couldn't Get Any Simpler!"
+    }
+
+    Row {
+        width: parent.width
+        spacing: 30
+
+        ContentText {
+            width: (parent.width - parent.spacing ) / 2
+
+            text: '<p align="justify">The <strong>Boot to Qt</strong> software stack gets you
+               immediately started with software development on your embedded device
+               with a tailored user experience for embedded Linux and embedded Android. It
+               supports your key requirements for high performance, minimal footprint together
+               with Qt’s flexible full-framework modular architecture to deliver unparalleled
+               scalability.</p><p align="justify">The Boot to Qt stack can be made to run on a variety
+               of hardware with the provided <strong>Build-Your-Own-Stack</strong> tooling. It comes
+               pre-built for several reference devices with the installation of Qt Enterprise Embedded.</p>'
+        }
+
+        Column {
+            spacing: 5
+            width: ( parent.width - parent.spacing ) / 2
+            Box { text: "Application"; accentColor: qtpurple }
+            Box { text: "Qt Framework"; accentColor: qtlightgreen }
+            Box { text: "Android/Linux Baselayer"; accentColor: qtdarkblue }
+            Box { text: "Embedded Hardware"; accentColor: qtdarkblue }
+        }
+
+
     }
 
+    HighlightText {
+        text: "Value-Add Components - No Need to Re-Invent the Wheel!"
+    }
     ContentText {
-        id: description
+        width: parent.width
+        text: '<p align="justify">The Qt libraries come with a lot of high-level functionality for
+               various parts of your application. On top of that, we\'ve extended Qt Enterprise Embedded
+               to contain all the important things you need to create your embedded device, such as:</p>'
+    }
+
+
+    // The "grid" layout for key add-ons
+    Row {
+        width: parent.width * 0.9
+        spacing: 30
+        anchors.horizontalCenter: parent.horizontalCenter
+
+        Column {
+            spacing: 10
+            width: parent.width * 0.4
+
+            HighlightText {
+                color: qtlightgreen
+                horizontalAlignment: Text.AlignHCenter
+                font.pixelSize: engine.smallFontSize()
+                text: "Virtual Keyboard"
+            }
+            HighlightText {
+                color: qtlightgreen
+                horizontalAlignment: Text.AlignHCenter
+                font.pixelSize: engine.smallFontSize()
 
+                text: "Dynamic and Static Charting"
+            }
+            HighlightText {
+                color: qtlightgreen
+                horizontalAlignment: Text.AlignHCenter
+                font.pixelSize: engine.smallFontSize()
+
+                text: "Pre-Built UI Controls"
+            }
+        }
+        Column {
+            spacing: 10
+            width: parent.width * 0.4
+            HighlightText {
+                color: qtlightgreen
+                horizontalAlignment: Text.AlignHCenter
+                font.pixelSize: engine.smallFontSize()
+                text: "3D Data Visualization"
+            }
+            HighlightText {
+                color: qtlightgreen
+                horizontalAlignment: Text.AlignHCenter
+                font.pixelSize: engine.smallFontSize()
+                text: "Qt Quick Compiler"
+            }
+            HighlightText {
+                color: qtlightgreen
+                horizontalAlignment: Text.AlignHCenter
+                font.pixelSize: engine.smallFontSize()
+                text: "Additional Tooling"
+            }
+        }
+    } // end of "grid" layout
+
+    ColouredTitle {
+        text: "TRUSTED TECHNOLOGY PARTNER"
+    }
+    ContentText {
         width: parent.width
+        text: '<p align="justify">Qt is powering millions of everyday embedded devices user by over 70 industries. The Qt developer
+               community consists of hundreds of thousands of enthusiastic developers.</p>'
+    }
+    ContentText {
+        width: parent.width
+        text: '<p align="justify">With Qt Enterprise Embedded you are never alone with your device creation. You get
+               <strong>full support and portfolio of Digia Qt Professional Services</strong>
+               to help you pass all obstacles and reach your markets faster with outstanding quality.</p>'
+    }
 
-        text: '<p align="justify">Qt Enterprise Embedded gives you shorter time-to-market
-               providing you with the productivity-enhancing tools and value-adding components.
-               You are up-to-speed with development and prototyping since day one. You can just
-               focus on writing your application with Qt.<br>
-               <p align="justify">Qt Enterprise Embedded provides you with the following:
-               <ul>
-                 <li><b>A full-blown, productivity enhancing development environment</b>,
-                     installed on a Linux development desktop. This self-contained environment
-                     is installed and updated through one online installer and features the Qt
-                     Creator Enterprise IDE, with features that facilitate the whole product
-                     creation lifecycle: UI designer, code editor, direct device deployment
-                     via USB or IP, emulator, on-device debugging and profiling.</li><br>
-                 <li><b>Shorter time-to-market with the Boot to Qt Software Stack</b>. A
-                     light-weight, Qt-optimized, full software stack that is installed into
-                     the actual target device. The stack comes in two flavors, Embedded Android
-                     and Embedded Linux. The pre-built stack gets you up-to-speed with prototyping
-                     in no time and with our professional tooling you can customize the stack into
-                     your exact production needs.</li><br>
-                 <li><b>Full power and scalability of Qt on Embedded</b>. Leverage the
-                     cross-platform C++ native APIs for maximum performance on both beautiful
-                     user interfaces as well as non-GUI operations. With C++, you have full control
-                     over your application code. You can also configure Qt Enterprise Embedded
-                     directly from the source codes into a large variety of supported hardware and
-                     operating systems. As with any Qt project, the same application can be deployed
-                     natively to desktop and mobile OS targets as well.</li><br>
-                 <li><b>Value-Adding Components</b>. No need to re-implement the wheel! Full Qt
-                     Enterprise libraries give you a shortcut on development time providing ready-made
-                     solutions, such as a comprehensive virtual keyboard, charts and industrial UI
-                     controls.
-               </ul>
-
-               <p align="justify">Qt Enterprise Embedded includes <b>Boot to Qt</b>, a light-weight,
-               Qt-optimized, full software stack for embedded systems that is installed into the actual
-               target device. The Boot to Qt stack can be made to run on a variety of hardware - Qt
-               Enterprise Embedded comes with pre-built images for several reference devices.
-              '
+    ColouredTitle {
+        text: "GETTING STARTED WITH DEVELOPMENT"
     }
+    ContentText {
+        width: parent.width
+        text: '<p align="justify">Play around with the demos in this launcher to see the power of Qt and get your
+                free evaluation version of Qt Enterprise Embedded with the Boot to Qt images
+                for common developer boards from</p>'
+    }
+    HighlightText {
+        text: "http://qt.digia.com/QtEnterpriseEmbedded"
+        color: qtpurple
+        font.bold: true
+        horizontalAlignment: Text.AlignHCenter
+    }
+    ContentText {
+        width: parent.width
+        text: '<p align="justify">With an online installer, you\'ll get the out-of-the-box
+                pre-configured development environment, Qt Creator IDE, and you can start your
+                embedded development immediately!</p>'
+    }
+
 }
diff --git a/basicsuite/about-b2qt/Box.qml b/basicsuite/about-b2qt/Box.qml
index ab6e971..72ede4b 100644
--- a/basicsuite/about-b2qt/Box.qml
+++ b/basicsuite/about-b2qt/Box.qml
@@ -56,7 +56,7 @@ Rectangle {
 
     gradient: Gradient {
         GradientStop { position: 0; color: root.accentColor; }
-        GradientStop { position: 1; color: "black"; }
+        GradientStop { position: 1; color: Qt.darker(Qt.darker(root.accentColor)); }
     }
 
     Text {
@@ -65,6 +65,7 @@ Rectangle {
         font.bold: true;
         color: "white"
         anchors.centerIn: parent
+        horizontalAlignment: Text.AlignHCenter
     }
 
 }
diff --git a/basicsuite/about-b2qt/ColouredTitle.qml b/basicsuite/about-b2qt/ColouredTitle.qml
new file mode 100644
index 0000000..c73192c
--- /dev/null
+++ b/basicsuite/about-b2qt/ColouredTitle.qml
@@ -0,0 +1,54 @@
+/****************************************************************************
+**
+** Copyright (C) 2014 Digia Plc and/or its subsidiary(-ies).
+** Contact: For any questions to Digia, please use the contact form at
+** http://qt.digia.com/
+**
+** This file is part of the examples of the Qt Enterprise Embedded.
+**
+** $QT_BEGIN_LICENSE:BSD$
+** You may use this file under the terms of the BSD license as follows:
+**
+** "Redistribution and use in source and binary forms, with or without
+** modification, are permitted provided that the following conditions are
+** met:
+**   * Redistributions of source code must retain the above copyright
+**     notice, this list of conditions and the following disclaimer.
+**   * Redistributions in binary form must reproduce the above copyright
+**     notice, this list of conditions and the following disclaimer in
+**     the documentation and/or other materials provided with the
+**     distribution.
+**   * Neither the name of Digia Plc and its Subsidiary(-ies) nor the names
+**     of its contributors may be used to endorse or promote products derived
+**     from this software without specific prior written permission.
+**
+**
+** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+import QtQuick 2.0
+
+Text {
+
+    property color qtlightgreen: '#80c342'
+
+    width: parent.width
+    horizontalAlignment: Text.AlignHCenter
+    wrapMode: Text.WordWrap
+
+    font.pixelSize: engine.titleFontSize()
+    font.bold: true
+    color: qtlightgreen
+}
diff --git a/basicsuite/about-b2qt/HighlightText.qml b/basicsuite/about-b2qt/HighlightText.qml
new file mode 100644
index 0000000..e1fc68e
--- /dev/null
+++ b/basicsuite/about-b2qt/HighlightText.qml
@@ -0,0 +1,53 @@
+/****************************************************************************
+**
+** Copyright (C) 2014 Digia Plc and/or its subsidiary(-ies).
+** Contact: For any questions to Digia, please use the contact form at
+** http://qt.digia.com/
+**
+** This file is part of the examples of the Qt Enterprise Embedded.
+**
+** $QT_BEGIN_LICENSE:BSD$
+** You may use this file under the terms of the BSD license as follows:
+**
+** "Redistribution and use in source and binary forms, with or without
+** modification, are permitted provided that the following conditions are
+** met:
+**   * Redistributions of source code must retain the above copyright
+**     notice, this list of conditions and the following disclaimer.
+**   * Redistributions in binary form must reproduce the above copyright
+**     notice, this list of conditions and the following disclaimer in
+**     the documentation and/or other materials provided with the
+**     distribution.
+**   * Neither the name of Digia Plc and its Subsidiary(-ies) nor the names
+**     of its contributors may be used to endorse or promote products derived
+**     from this software without specific prior written permission.
+**
+**
+** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+import QtQuick 2.0
+
+Text {
+
+    property color qtlightblue: '#14aaff'
+
+    width: parent.width
+    horizontalAlignment: Text.AlignLeft
+    wrapMode: Text.WordWrap
+    font.pixelSize: engine.fontSize()
+    font.bold: true
+    color: qtlightblue
+}
diff --git a/basicsuite/about-b2qt/description.txt b/basicsuite/about-b2qt/description.txt
index 676a166..df6f286 100644
--- a/basicsuite/about-b2qt/description.txt
+++ b/basicsuite/about-b2qt/description.txt
@@ -1,3 +1 @@
-The "About Boot to Qt" provides an introduction to what Boot to Qt is all about.
-
-It talks briefly about how the software stack is built up, rough hardware requirements and how Boot to Qt differs from the more traditional Qt editions.
+The "About Qt Enterprise Embedded" provides an introduction to what Qt Enterprise Embedded is all about.
diff --git a/basicsuite/about-b2qt/main.qml b/basicsuite/about-b2qt/main.qml
index 694ba50..2b21a6b 100644
--- a/basicsuite/about-b2qt/main.qml
+++ b/basicsuite/about-b2qt/main.qml
@@ -48,11 +48,6 @@ Item {
     width : Screen.height > Screen.width ? Screen.height : Screen.width
     height : Screen.height > Screen.width ? Screen.width : Screen.height
 
-//    Rectangle {
-//        anchors.fill: parent
-//        color: "black"
-//    }
-
     Flickable {
         id: flick
         property real inertia: 0.4
@@ -70,8 +65,6 @@ Item {
 
         property real topOvershoot: Math.max(0, contentItem.y);
         property real bottomOvershoot: Math.max(0, root.height - (contentItem.height + contentItem.y));
-//        onTopOvershootChanged: print("Top Overshoot:", topOvershoot);
-//        onBottomOvershootChanged: print("Bottom Overshoot:", bottomOvershoot);
 
         Item {
             id: shiftTrickery
@@ -107,8 +100,6 @@ Item {
 
                 Item { width: 1; height: engine.smallFontSize() }
                 AboutBoot2Qt { }
-                QtForAndroid { }
-                QtFramework { }
                 Image {
                     id: codeLessImage
                     source: "codeless.png"
diff --git a/basicsuite/about-b2qt/preview_l.jpg b/basicsuite/about-b2qt/preview_l.jpg
index f2eb2e0..5ea4310 100644
--- a/basicsuite/about-b2qt/preview_l.jpg
+++ b/basicsuite/about-b2qt/preview_l.jpg