Add homescreen for horizontal mode

Add homescreen source for horizontal mode. [PatchSet3] Change folder name to demo3. Change-Id: If134d9c679ed8ceb76fae06ed179f55fe8e79130 Signed-off-by: zheng_wenlong <wenlong_zheng@nexty-ele.com>
author: zheng_wenlong <wenlong_zheng@nexty-ele.com> 2018-11-13 09:50:02 +0900
committer: zheng_wenlong <wenlong_zheng@nexty-ele.com> 2018-11-14 12:14:01 +0900
commit: 721d5206c84e5d5b9572fa65be7e17b1eabffe1e (patch)
tree: f94014e4e86ccfc780317edfe9a56179769638db /demo3
parent: f6ec50d76f0300ae2f05431b4300c28fc5c3101c (diff)
82 files changed, 3093 insertions, 0 deletions
diff --git a/demo3/README.md b/demo3/README.md
new file mode 100644
index 0000000..f6a61ac
--- /dev/null
+++ b/demo3/README.md
@@ -0,0 +1,12 @@
+# Readme for CES2019 demo#3
+</br>There are two ECU connect with each other for CES2019 demo#3.
+
+## horizontal (Meter cluster mode)
+- homescreen
+  <br> same source code in homescreen branch : [ces2019_horizontal](https://gerrit.automotivelinux.org/gerrit/gitweb?p=apps/homescreen.git;a=tree;h=refs/heads/sandbox/zheng_wenlong/ces2019_horizontal;hb=refs/heads/sandbox/zheng_wenlong/ces2019_horizontal)
+- ...
+## vertical (IVI mode)
+- ...
+
+## common ones
+- ...
+\ No newline at end of file
diff --git a/demo3/horizontal/homescreen/README.md b/demo3/horizontal/homescreen/README.md
new file mode 100644
index 0000000..2c04a91
--- /dev/null
+++ b/demo3/horizontal/homescreen/README.md
@@ -0,0 +1,58 @@
+This project contains:
+
+HomeScreen: AGL Home Screen reference implementation
+
+**AGL repo for source code**
+
+```
+$ mkdir WORK
+$ cd WORK
+$ repo init -b dab -m dab_4.0.0_xml -u https://gerrit.automotivelinux.org/gerrit/AGL/AGL-repo
+$ repo sync
+$ git clone git clone https://gerrit.automotivelinux.org/gerrit/staging/meta-hmi-framework
+
+```
+
+Then you can get the following recipe.
+
+* `meta-agl-demo/recipes-demo-hmi/homescreen`
+
+
+**Bitbake**
+
+```
+$ source meta-agl/scripts/aglsetup.sh -m m3ulcb agl-demo agl-devel agl-appfw-smack agl-hmi-framework
+$ bitbake homescreen
+```
+
+Instructions for building HomeScreen app
+----------------------------------------
+
+The HomeScreen app is part of the
+packagegroup-agl-demo-platform
+packagegroup.
+
+This also includes the following apps:
+- WindowManager
+- HomeScreen Binder
+
+And the library
+- libhomescreen
+- libwindowmanager
+
+
+To build all the above, follow the instrucions on the AGL
+documentation website:
+http://docs.automotivelinux.org/docs/getting_started/en/dev/reference/source-code.html#features-supported-by-aglsetup
+
+Please activate the "agl-demo" feature when running the aglsetup script:
+http://docs.automotivelinux.org/docs/getting_started/en/dev/reference/source-code.html#features-supported-by-aglsetup
+
+
+Launch HomeScreen App:
+
+Usage:
+
+```
+afm-util start homescreen
+```
diff --git a/demo3/horizontal/homescreen/homescreen.pro b/demo3/horizontal/homescreen/homescreen.pro
new file mode 100644
index 0000000..7c49383
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen.pro
@@ -0,0 +1,24 @@
+# Copyright (c) 2017 TOYOTA MOTOR CORPORATION
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+TEMPLATE = subdirs
+
+load(configure)
+
+SUBDIRS = interfaces \
+    homescreen \
+    package
+
+homescreen.depends = interfaces
+package.depends += homescreen
diff --git a/demo3/horizontal/homescreen/homescreen/LICENSE b/demo3/horizontal/homescreen/homescreen/LICENSE
new file mode 100644
index 0000000..31c692a
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/LICENSE
@@ -0,0 +1,54 @@
+Apache License
+
+Version 2.0, January 2004
+
+http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+"License" shall mean the terms and conditions for use, reproduction, and distribution as defined by Sections 1 through 9 of this document.
+
+"Licensor" shall mean the copyright owner or entity authorized by the copyright owner that is granting the License.
+
+"Legal Entity" shall mean the union of the acting entity and all other entities that control, are controlled by, or are under common control with that entity. For the purposes of this definition, "control" means (i) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares, or (iii) beneficial ownership of such entity.
+
+"You" (or "Your") shall mean an individual or Legal Entity exercising permissions granted by this License.
+
+"Source" form shall mean the preferred form for making modifications, including but not limited to software source code, documentation source, and configuration files.
+
+"Object" form shall mean any form resulting from mechanical transformation or translation of a Source form, including but not limited to compiled object code, generated documentation, and conversions to other media types.
+
+"Work" shall mean the work of authorship, whether in Source or Object form, made available under the License, as indicated by a copyright notice that is included in or attached to the work (an example is provided in the Appendix below).
+
+"Derivative Works" shall mean any work, whether in Source or Object form, that is based on (or derived from) the Work and for which the editorial revisions, annotations, elaborations, or other modifications represent, as a whole, an original work of authorship. For the purposes of this License, Derivative Works shall not include works that remain separable from, or merely link (or bind by name) to the interfaces of, the Work and Derivative Works thereof.
+
+"Contribution" shall mean any work of authorship, including the original version of the Work and any modifications or additions to that Work or Derivative Works thereof, that is intentionally submitted to Licensor for inclusion in the Work by the copyright owner or by an individual or Legal Entity authorized to submit on behalf of the copyright owner. For the purposes of this definition, "submitted" means any form of electronic, verbal, or written communication sent to the Licensor or its representatives, including but not limited to communication on electronic mailing lists, source code control systems, and issue tracking systems that are managed by, or on behalf of, the Licensor for the purpose of discussing and improving the Work, but excluding communication that is conspicuously marked or otherwise designated in writing by the copyright owner as "Not a Contribution."
+
+"Contributor" shall mean Licensor and any individual or Legal Entity on behalf of whom a Contribution has been received by Licensor and subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce, prepare Derivative Works of, publicly display, publicly perform, sublicense, and distribute the Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable (except as stated in this section) patent license to make, have made, use, offer to sell, sell, import, and otherwise transfer the Work, where such license applies only to those patent claims licensable by such Contributor that are necessarily infringed by their Contribution(s) alone or by combination of their Contribution(s) with the Work to which such Contribution(s) was submitted. If You institute patent litigation against any entity (including a cross-claim or counterclaim in a lawsuit) alleging that the Work or a Contribution incorporated within the Work constitutes direct or contributory patent infringement, then any patent licenses granted to You under this License for that Work shall terminate as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the Work or Derivative Works thereof in any medium, with or without modifications, and in Source or Object form, provided that You meet the following conditions:
+
+    You must give any other recipients of the Work or Derivative Works a copy of this License; and
+    You must cause any modified files to carry prominent notices stating that You changed the files; and
+    You must retain, in the Source form of any Derivative Works that You distribute, all copyright, patent, trademark, and attribution notices from the Source form of the Work, excluding those notices that do not pertain to any part of the Derivative Works; and
+    If the Work includes a "NOTICE" text file as part of its distribution, then any Derivative Works that You distribute must include a readable copy of the attribution notices contained within such NOTICE file, excluding those notices that do not pertain to any part of the Derivative Works, in at least one of the following places: within a NOTICE text file distributed as part of the Derivative Works; within the Source form or documentation, if provided along with the Derivative Works; or, within a display generated by the Derivative Works, if and wherever such third-party notices normally appear. The contents of the NOTICE file are for informational purposes only and do not modify the License. You may add Your own attribution notices within Derivative Works that You distribute, alongside or as an addendum to the NOTICE text from the Work, provided that such additional attribution notices cannot be construed as modifying the License.
+
+    You may add Your own copyright statement to Your modifications and may provide additional or different license terms and conditions for use, reproduction, or distribution of Your modifications, or for any such Derivative Works as a whole, provided Your use, reproduction, and distribution of the Work otherwise complies with the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise, any Contribution intentionally submitted for inclusion in the Work by You to the Licensor shall be under the terms and conditions of this License, without any additional terms or conditions. Notwithstanding the above, nothing herein shall supersede or modify the terms of any separate license agreement you may have executed with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade names, trademarks, service marks, or product names of the Licensor, except as required for reasonable and customary use in describing the origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or agreed to in writing, Licensor provides the Work (and each Contributor provides its Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied, including, without limitation, any warranties or conditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are solely responsible for determining the appropriateness of using or redistributing the Work and assume any risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory, whether in tort (including negligence), contract, or otherwise, unless required by applicable law (such as deliberate and grossly negligent acts) or agreed to in writing, shall any Contributor be liable to You for damages, including any direct, indirect, special, incidental, or consequential damages of any character arising as a result of this License or out of the use or inability to use the Work (including but not limited to damages for loss of goodwill, work stoppage, computer failure or malfunction, or any and all other commercial damages or losses), even if such Contributor has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing the Work or Derivative Works thereof, You may choose to offer, and charge a fee for, acceptance of support, warranty, indemnity, or other liability obligations and/or rights consistent with this License. However, in accepting such obligations, You may act only on Your own behalf and on Your sole responsibility, not on behalf of any other Contributor, and only if You agree to indemnify, defend, and hold each Contributor harmless for any liability incurred by, or claims asserted against, such Contributor by reason of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
diff --git a/demo3/horizontal/homescreen/homescreen/README.md b/demo3/horizontal/homescreen/homescreen/README.md
new file mode 100644
index 0000000..c52a7f8
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/README.md
@@ -0,0 +1,10 @@
+AGL Home Screen reference implementation
+
+
+Build with QtCreator 3.5.1
+
+AGL repo for source code:
+https://gerrit.automotivelinux.org/gerrit/#/admin/projects/staging/HomeScreen
+
+AGL repo for bitbake recipe:
+https://gerrit.automotivelinux.org/gerrit/#/admin/projects/AGL/meta-agl-demo/recipes-demo-hmi/homescreen/homescreen_git.bb
diff --git a/demo3/horizontal/homescreen/homescreen/homescreen.pro b/demo3/horizontal/homescreen/homescreen/homescreen.pro
new file mode 100644
index 0000000..e0a038e
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/homescreen.pro
@@ -0,0 +1,50 @@
+# Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+# Copyright (c) 2017 TOYOTA MOTOR CORPORATION
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+TEMPLATE = app
+TARGET = HomeScreen
+QT = qml quick dbus websockets
+CONFIG += c++11 link_pkgconfig
+DESTDIR = $${OUT_PWD}/../package/root/bin
+PKGCONFIG += qlibwindowmanager qtappfw
+
+LIBS += -lhomescreen
+
+include(../interfaces/interfaces.pri)
+
+SOURCES += \
+    src/main.cpp \
+    src/statusbarmodel.cpp \
+    src/statusbarserver.cpp \
+    src/applicationlauncher.cpp \
+    src/homescreenhandler.cpp \
+    src/toucharea.cpp
+
+HEADERS  += \
+    src/statusbarmodel.h \
+    src/statusbarserver.h \
+    src/applicationlauncher.h \
+    src/homescreenhandler.h \
+    src/toucharea.h
+
+OTHER_FILES += \
+    README.md
+
+RESOURCES += \
+    qml/images/Weather/weather.qrc \
+    qml/images/Shortcut/shortcut.qrc \
+    qml/images/Status/status.qrc \
+    qml/images/images.qrc \
+    qml/qml.qrc
diff --git a/demo3/horizontal/homescreen/homescreen/qml/IconItem.qml b/demo3/horizontal/homescreen/homescreen/qml/IconItem.qml
new file mode 100644
index 0000000..a5c032e
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/IconItem.qml
@@ -0,0 +1,104 @@
+import QtQuick 2.0
+import QtQuick.Controls 2.0
+import QtGraphicalEffects 1.0
+
+Item {
+    id: main
+    width: 320
+    height: 320
+    property string icon: model.icon
+
+    Item {
+        id: container
+        parent: loc
+        x: main.x
+        y: main.y
+        width: main.width
+        height: main.height
+
+        Image {
+            id: item
+            anchors.top: parent.top
+            anchors.topMargin: 20
+            anchors.horizontalCenter: parent.horizontalCenter
+            width: 220
+            height: width
+            source: './images/%1_%2.svg'.arg(model.icon).arg(loc.pressed && (loc.index === model.index || loc.currentId === model.id) ? 'active' : 'inactive')
+            antialiasing: item.state !== ''
+
+            property string initial: model.name.substring(0,1).toUpperCase()
+
+            Item {
+                id: title
+                width: 125
+                height: 125
+                anchors.centerIn: parent
+                Repeater {
+                    delegate: Label {
+                        style: Text.Outline
+                        styleColor: 'red'
+                        color: 'transparent'
+                        font.pixelSize: 125
+                        anchors.centerIn: parent
+                        anchors.horizontalCenterOffset: model.index / 3 - 1
+                        anchors.verticalCenterOffset: model.index % 3 - 1
+                        text: item.initial
+                    }
+                    model: main.icon === 'blank' ? 9 : 0
+                }
+                layer.enabled: true
+                layer.effect: LinearGradient {
+                    gradient: Gradient {
+                        GradientStop { position: -0.5; color: "#6BFBFF" }
+                        GradientStop { position: +1.5; color: "#00ADDC" }
+                    }
+                }
+            }
+        }
+        Label {
+            id: name
+            anchors.top: item.bottom
+            anchors.left: parent.left
+            anchors.right: parent.right
+            anchors.margins: 20
+            font.pixelSize: 25
+            font.letterSpacing: 5
+            wrapMode: Text.WordWrap
+            horizontalAlignment: Text.AlignHCenter
+            color: "white"
+            text: qsTr(model.name.toUpperCase())
+        }
+
+        Behavior on x { enabled: item.state !== 'active'; NumberAnimation { duration: 400; easing.type: Easing.OutCubic } }
+        Behavior on y { enabled: item.state !== 'active'; NumberAnimation { duration: 400; easing.type: Easing.OutCubic } }
+        SequentialAnimation on rotation {
+            NumberAnimation { to:  5; duration: 100 }
+            NumberAnimation { to: -5; duration: 200 }
+            NumberAnimation { to:  0; duration: 100 }
+            running: loc.currentId !== '' && item.state !== 'active'
+            loops: Animation.Infinite; alwaysRunToEnd: true
+        }
+        states: [
+            State {
+                name: 'active'
+                when: loc.currentId == model.id
+                PropertyChanges {
+                    target: container
+                    x: loc.mouseX - width/2
+                    y: loc.mouseY - height/2
+                    scale: 1.15
+                    z: 10
+                }
+            },
+            State {
+                when: loc.currentId !== ''
+                PropertyChanges {
+                    target: container
+                    scale: 0.85
+                    opacity: 0.75
+                }
+            }
+        ]
+        transitions: Transition { NumberAnimation { properties: 'scale, opacity, x, y'; duration: 150; easing.type: Easing.OutCubic} }
+    }
+}
diff --git a/demo3/horizontal/homescreen/homescreen/qml/ShortcutArea.qml b/demo3/horizontal/homescreen/homescreen/qml/ShortcutArea.qml
new file mode 100644
index 0000000..b33df22
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/ShortcutArea.qml
@@ -0,0 +1,128 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ * Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+ * Copyright (c) 2017 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import QtQuick 2.2
+import QtQuick.Layouts 1.1
+
+Item {
+    id: root
+    width: 700
+    height: 110
+
+    Timer {
+        id:informationTimer
+        interval: 3000
+        running: false
+        repeat: true
+        onTriggered: {
+            bottomInformation.visible = false
+        }
+    }
+
+
+    ListModel {
+        id: applicationModel
+        ListElement {
+            name: 'launcher'
+            application: 'launcher@0.1'
+        }
+        ListElement {
+            name: 'MediaPlayer'
+            application: 'mediaplayer@0.1'
+        }
+        ListElement {
+            name: 'navigation'
+            application: 'navigation@0.1'
+        }
+        ListElement {
+            name: 'Phone'
+            application: 'phone@0.1'
+        }
+        ListElement {
+            name: 'settings'
+            application: 'settings@0.1'
+        }
+    }
+
+    property int pid: -1
+
+    RowLayout {
+        anchors.fill: parent
+        spacing: 75
+        Repeater {
+            model: applicationModel
+            delegate: ShortcutIcon {
+//                Layout.fillWidth: true
+//                Layout.fillHeight: true
+                width: 60
+                height: 60
+                name: model.name
+                active: model.name === launcher.current
+                onClicked: {
+                    if(model.application === 'navigation@0.1') {
+                        pid = launcher.launch('browser@5.0')
+                    } else {
+                        pid = launcher.launch(model.application.toLowerCase())
+                    }
+
+                    if (1 < pid) {
+                        applicationArea.visible = true
+                    }
+                    else {
+                        console.warn(model.application)
+                        console.warn("app cannot be launched!")
+                    }
+                    if(model.name === 'Navigation') {
+                        homescreenHandler.tapShortcut('browser')
+                    } else {
+                        homescreenHandler.tapShortcut(model.name)
+                    }
+                }
+            }
+        }
+    }
+    Rectangle {
+        id: bottomInformation
+        width: parent.width
+        height: parent.height-20
+        anchors.bottom: parent.bottom
+        color: "gray"
+        z: 1
+        opacity: 0.8
+        visible: false
+
+        Text {
+            id: informationText
+            anchors.centerIn: parent
+            font.pixelSize: 25
+            font.letterSpacing: 5
+            horizontalAlignment: Text.AlignHCenter
+            color: "white"
+            text: ""
+        }
+    }
+
+    Connections {
+        target: homescreenHandler
+        onInformation: {
+            informationText.text = text
+            bottomInformation.visible = true
+            informationTimer.restart()
+        }
+    }
+}
diff --git a/demo3/horizontal/homescreen/homescreen/qml/ShortcutIcon.qml b/demo3/horizontal/homescreen/homescreen/qml/ShortcutIcon.qml
new file mode 100644
index 0000000..026db32
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/ShortcutIcon.qml
@@ -0,0 +1,74 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ * Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import QtQuick 2.2
+import QtQuick.Controls 2.0
+import QtGraphicalEffects 1.0
+
+MouseArea {
+    id: root
+    width: 70
+    height: 70
+    property string name: 'Home'
+    property bool active: false
+    Item {
+        id: icon
+        property real desaturation: 0
+        anchors.fill: parent
+        Image {
+            id: inactiveIcon
+            anchors.fill: parent
+            source: './images/Shortcut/%1.png'.arg(root.name.toLowerCase())
+        }
+        Image {
+            id: activeIcon
+            anchors.fill: parent
+            source: './images/Shortcut/%1_active.png'.arg(root.name.toLowerCase())
+            opacity: 0.0
+        }
+        layer.enabled: true
+        layer.effect: Desaturate {
+            id: desaturate
+            desaturation: icon.desaturation
+            cached: true
+        }
+    }
+
+    transitions: [
+        Transition {
+            NumberAnimation {
+                properties: 'opacity'
+                duration: 500
+                easing.type: Easing.OutExpo
+            }
+            NumberAnimation {
+                properties: 'desaturation'
+                duration: 250
+            }
+        }
+    ]
+
+    onPressed: {
+        activeIcon.opacity = 1.0
+        inactiveIcon.opacity = 0.0
+    }
+
+    onReleased: {
+        activeIcon.opacity = 0.0
+        inactiveIcon.opacity = 1.0
+    }
+}
diff --git a/demo3/horizontal/homescreen/homescreen/qml/StatusArea.qml b/demo3/horizontal/homescreen/homescreen/qml/StatusArea.qml
new file mode 100644
index 0000000..bd81767
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/StatusArea.qml
@@ -0,0 +1,214 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ * Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import QtQuick 2.2
+import QtQuick.Layouts 1.1
+import HomeScreen 1.0
+
+Item {
+    id: root
+    width: 700
+    height: 80
+
+    property date now: new Date
+    Timer {
+        interval: 100; running: true; repeat: true;
+        onTriggered: root.now = new Date
+    }
+
+    Timer {
+        id:notificationTimer
+        interval: 3000
+        running: false
+        repeat: true
+        onTriggered: notificationItem.visible = false
+    }
+
+    Connections {
+        target: weather
+
+        onConditionChanged: {
+            var icon = ''
+
+            if (condition.indexOf("clouds") !== -1) {
+                icon = "WeatherIcons_Cloudy-01.png"
+            } else if (condition.indexOf("thunderstorm") !== -1) {
+                icon = "WeatherIcons_Thunderstorm-01.png"
+            } else if (condition.indexOf("snow") !== -1) {
+                icon = "WeatherIcons_Snow-01.png"
+            } else if (condition.indexOf("rain") !== -1) {
+                icon = "WeatherIcons_Rain-01.png"
+            }
+
+            condition_item.source = icon ? './images/Weather/' + icon : ''
+        }
+
+        onTemperatureChanged: {
+            temperature_item.text = temperature.split(".")[0] + '°F'
+        }
+    }
+
+        RowLayout {
+            anchors.fill: parent
+            spacing: 0
+            RowLayout {
+                id: icons
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+                Layout.preferredWidth: 120
+                spacing: -10
+
+                Image {
+                    id: bt_icon
+                    Layout.preferredWidth: 50
+                    Layout.preferredHeight: 50
+                    source: connStatus ? './images/Status/HMI_Status_Bluetooth_On-01.png' : './images/Status/HMI_Status_Bluetooth_Inactive-01.png'
+                    fillMode: Image.PreserveAspectFit
+                    property string deviceName: "none"
+                    property bool connStatus: false
+                    Connections {
+                        target: bluetooth
+                        onConnectionEvent: {
+                            console.log("onConnectionEvent", data.Status)
+                            if (data.Status === "connected") {
+                                bt_icon.connStatus = true
+                            } else if (data.Status === "disconnected") {
+                                bt_icon.connStatus = false
+                            }
+                        }
+                        onDeviceUpdateEvent: {
+                            console.log("onConnectionEvent", data.Paired)
+                            if (data.Paired === "True" && data.Connected === "True") {
+                                bt_icon.deviceName = data.name
+                                bt_icon.connStatus = true
+                            } else {
+                                if(bt_icon.deviceName === data.Name)
+                                {
+                                    bt_icon.connStatus = false
+                                }
+                            }
+                        }
+                    }
+                }
+
+                Repeater {
+                    model: StatusBarModel { objectName: "statusBar" }
+                    delegate: Image {
+                        Layout.preferredWidth: 50
+                        Layout.preferredHeight: 50
+                        source: model.modelData
+                        fillMode: Image.PreserveAspectFit
+                    }
+                }
+            }
+            Item {
+                anchors.left: icons.right
+                Layout.fillHeight: true
+                width: 440
+                ColumnLayout {
+                    anchors.fill: parent
+                    anchors.margins: 17
+                    spacing: 0
+                    Text {
+                        Layout.fillWidth: true
+                        Layout.fillHeight: true
+                        text: Qt.formatDate(now, 'dddd').toUpperCase()
+                        font.family: 'Roboto'
+                        font.pixelSize: 13
+                        color: 'white'
+                        horizontalAlignment:  Text.AlignHCenter
+                        verticalAlignment:  Text.AlignVCenter
+                    }
+                    Text {
+                        Layout.fillWidth: true
+                        Layout.fillHeight: true
+                        text: Qt.formatTime(now, 'h:mm ap').toUpperCase()
+                        font.family: 'Roboto'
+                        font.pixelSize: 38
+                        color: 'white'
+                        horizontalAlignment:  Text.AlignHCenter
+                        verticalAlignment:  Text.AlignVCenter
+                    }
+                }
+            }
+            RowLayout {
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+                Layout.preferredHeight: 20
+
+                Image {
+                    id: condition_item
+                    source: './images/Weather/WeatherIcons_Rain-01.png'
+                }
+                Text {
+                    id: temperature_item
+                    text: '64°F'
+                    color: 'white'
+                    font.family: 'Helvetica'
+                    font.pixelSize: 32
+                }
+            }
+        }
+
+        Item {
+            id: notificationItem
+            x: 0
+            y: 0
+            z: 1
+            width: parent.width
+            height: 100
+            opacity: 0.8
+            visible: false
+
+            Rectangle {
+                width: parent.width
+                height: parent.height
+                anchors.fill: parent
+                color: "gray"
+                Image {
+                    id: notificationIcon
+                    width: 70
+                    height: 70
+                    anchors.left: parent.left
+                    anchors.leftMargin: 20
+                    anchors.verticalCenter: parent.verticalCenter
+                    source: ""
+                }
+
+                Text {
+                    id: notificationtext
+                    font.pixelSize: 25
+                    anchors.left: notificationIcon.right
+                    anchors.leftMargin: 5
+                    anchors.verticalCenter: parent.verticalCenter
+                    color: "white"
+                    text: qsTr("")
+                }
+            }
+        }
+
+        Connections {
+            target: homescreenHandler
+            onNotification: {
+                notificationIcon.source = './images/Shortcut/%1.svg'.arg(id)
+                notificationtext.text = text
+                notificationItem.visible = true
+                notificationTimer.restart()
+            }
+        }
+
+}
diff --git a/demo3/horizontal/homescreen/homescreen/qml/TopArea.qml b/demo3/horizontal/homescreen/homescreen/qml/TopArea.qml
new file mode 100644
index 0000000..978018c
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/TopArea.qml
@@ -0,0 +1,36 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ * Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import QtQuick 2.2
+import QtQuick.Layouts 1.1
+import QtQuick.Controls 2.0
+
+Item {
+    width: 700
+    height: 80
+
+    RowLayout {
+        anchors.fill: parent
+        spacing: 0
+        StatusArea {
+            id: statusArea
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+            Layout.preferredWidth: 700
+        }
+    }
+}
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/launcher.png b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/launcher.png
new file mode 100644
index 0000000..6f91d50
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/launcher.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/launcher_active.png b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/launcher_active.png
new file mode 100644
index 0000000..2706961
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/launcher_active.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/mediaplayer.png b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/mediaplayer.png
new file mode 100644
index 0000000..8ea7d76
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/mediaplayer.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/mediaplayer_active.png b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/mediaplayer_active.png
new file mode 100644
index 0000000..b130b92
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/mediaplayer_active.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/music.svg b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/music.svg
new file mode 100644
index 0000000..b6ec056
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/music.svg
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:i="&amp;ns_ai;"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Multimedia_Inactive"
+   x="0px"
+   y="0px"
+   viewBox="0 0 300 300"
+   style="enable-background:new 0 0 300 300;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="music_inactive.svg"><metadata
+     id="metadata3511"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs3509" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1573"
+     inkscape:window-height="876"
+     id="namedview3507"
+     showgrid="false"
+     inkscape:zoom="0.78666667"
+     inkscape:cx="-90.254237"
+     inkscape:cy="150"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Multimedia_Inactive" /><style
+     type="text/css"
+     id="style3476">
+	.st0{fill:#FFFFFF;}
+	.st1{font-family:'Roboto-Regular';}
+	.st2{font-size:25px;}
+	.st3{letter-spacing:6;}
+	.st4{fill:url(#SVGID_1_);}
+	.st5{fill:url(#SVGID_2_);}
+	.st6{fill:url(#SVGID_3_);}
+</style><switch
+     id="switch3478"
+     transform="matrix(1.3307804,0,0,1.3314313,-62.924861,-27.945794)"><g
+       i:extraneous="self"
+       id="g3480"><g
+         id="g3482"><g
+           id="g3484"><linearGradient
+             id="SVGID_1_"
+             gradientUnits="userSpaceOnUse"
+             x1="4.0481"
+             y1="287.94919"
+             x2="320.4859"
+             y2="-15.4029"
+             gradientTransform="matrix(1,0.00546456,-0.00546456,1,-2.0192,-3.0212)"><stop
+               offset="0"
+               style="stop-color:#00ADDC"
+               id="stop3487" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop3489" /></linearGradient><path
+             class="st4"
+             d="m 160,238.8 c -0.2,0 -0.4,0 -0.6,0 C 101.4,238.5 54.5,191.1 54.8,133.1 55.2,75.3 102.3,28.5 160,28.5 c 0.2,0 0.4,0 0.6,0 58,0.3 104.9,47.7 104.6,105.7 l 0,0 C 264.8,192 217.7,238.8 160,238.8 Z m 0,-206.6 c -55.7,0 -101.2,45.2 -101.5,100.9 -0.3,55.9 45,101.7 100.9,102 0.2,0 0.4,0 0.6,0 55.7,0 101.2,-45.2 101.5,-100.9 0.3,-55.9 -45,-101.7 -100.9,-102 -0.2,0 -0.4,0 -0.6,0 z"
+             id="path3491"
+             style="fill:url(#SVGID_1_)"
+             inkscape:connector-curvature="0" /><linearGradient
+             id="SVGID_2_"
+             gradientUnits="userSpaceOnUse"
+             x1="140.72141"
+             y1="202.2363"
+             x2="187.02119"
+             y2="68.704903"><stop
+               offset="0"
+               style="stop-color:#00ADDC"
+               id="stop3494" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop3496" /></linearGradient><path
+             class="st5"
+             d="m 114.7,190.9 c -6.4,0 -12,-2.6 -14.8,-7.5 -2.9,-4.9 -5.4,-14.5 9.6,-23.2 4.8,-2.8 17.1,-3.9 20.8,-4 l 0.1,3.6 c -4.6,0.1 -15.5,1.4 -19.1,3.5 -9.4,5.4 -12.1,11.5 -8.3,18.3 3.8,6.6 14.6,7.6 24,2.2 6.6,-3.8 10.6,-10.5 10.7,-17.9 l -0.1,-0.7 0,-69.8 71.9,-14.2 0.1,71.3 c 0,6.7 -3.3,16.4 -12.5,21.8 -11.1,6.4 -24.1,4.8 -28.9,-3.5 -2.9,-4.9 -5.4,-14.5 9.6,-23.2 4.4,-2.5 14.4,-3.8 18.8,-3.9 l 0.1,3.6 c -4.2,0.1 -13.5,1.4 -17.1,3.5 -6.4,3.7 -13.1,9.9 -8.3,18.3 3.8,6.6 14.6,7.6 24,2.2 7.9,-4.5 10.7,-12.8 10.7,-18.5 l -0.1,-0.8 0,-66.4 -64.7,12.7 0,66.8 0.1,0.7 c 0,8.7 -4.7,16.6 -12.5,21.1 -4.7,2.7 -9.6,4 -14.1,4 z"
+             id="path3498"
+             style="fill:url(#SVGID_2_)"
+             inkscape:connector-curvature="0" /><linearGradient
+             id="SVGID_3_"
+             gradientUnits="userSpaceOnUse"
+             x1="145.50549"
+             y1="203.8951"
+             x2="191.8053"
+             y2="70.363701"><stop
+               offset="0"
+               style="stop-color:#00ADDC"
+               id="stop3501" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop3503" /></linearGradient><polygon
+             class="st6"
+             points="196.5,113.7 155.8,123.3 155,119.8 195.6,110.2 "
+             id="polygon3505"
+             style="fill:url(#SVGID_3_)" /></g></g></g></switch></svg>
+\ No newline at end of file
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/navigation.png b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/navigation.png
new file mode 100644
index 0000000..17b347b
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/navigation.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/navigation.svg b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/navigation.svg
new file mode 100644
index 0000000..97fcf31
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/navigation.svg
@@ -0,0 +1,183 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:i="&amp;ns_ai;"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Navigation_Inactive"
+   x="0px"
+   y="0px"
+   viewBox="0 0 300 300"
+   style="enable-background:new 0 0 300 300;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="navigation_inactive.svg"><metadata
+     id="metadata3897"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs3895" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1456"
+     inkscape:window-height="824"
+     id="namedview3893"
+     showgrid="false"
+     inkscape:zoom="0.78666667"
+     inkscape:cx="-90.254237"
+     inkscape:cy="150"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Navigation_Inactive" /><style
+     type="text/css"
+     id="style3836">
+	.st0{fill:#FFFFFF;}
+	.st1{font-family:'Roboto-Regular';}
+	.st2{font-size:25px;}
+	.st3{letter-spacing:6;}
+	.st4{fill:url(#SVGID_1_);}
+	.st5{fill:url(#SVGID_2_);}
+	.st6{fill:url(#SVGID_3_);}
+	.st7{fill:url(#SVGID_4_);}
+	.st8{fill:url(#SVGID_5_);}
+	.st9{fill:url(#SVGID_6_);}
+	.st10{fill:url(#SVGID_7_);}
+</style><switch
+     id="switch3838"
+     transform="matrix(1.3307804,0,0,1.3314313,-62.924861,-27.945794)"><g
+       i:extraneous="self"
+       id="g3840"><g
+         id="g3842"><linearGradient
+           id="SVGID_1_"
+           gradientUnits="userSpaceOnUse"
+           x1="4.0481"
+           y1="287.94919"
+           x2="320.4859"
+           y2="-15.4029"
+           gradientTransform="matrix(1,0.00546456,-0.00546456,1,-2.0192,-3.0212)"><stop
+             offset="0"
+             style="stop-color:#00ADDC"
+             id="stop3845" /><stop
+             offset="1"
+             style="stop-color:#6BFBFF"
+             id="stop3847" /></linearGradient><path
+           class="st4"
+           d="m 160,238.8 c -0.2,0 -0.4,0 -0.6,0 C 101.4,238.5 54.5,191.1 54.8,133.1 55.2,75.3 102.3,28.5 160,28.5 c 0.2,0 0.4,0 0.6,0 58,0.3 104.9,47.7 104.6,105.7 l 0,0 C 264.8,192 217.7,238.8 160,238.8 Z m 0,-206.6 c -55.7,0 -101.2,45.2 -101.5,100.9 -0.3,55.9 45,101.7 100.9,102 0.2,0 0.4,0 0.6,0 55.7,0 101.2,-45.2 101.5,-100.9 0.3,-55.9 -45,-101.7 -100.9,-102 -0.2,0 -0.4,0 -0.6,0 z"
+           id="path3849"
+           style="fill:url(#SVGID_1_)"
+           inkscape:connector-curvature="0" /><linearGradient
+           id="SVGID_2_"
+           gradientUnits="userSpaceOnUse"
+           x1="217.7681"
+           y1="287.112"
+           x2="149.73309"
+           y2="-43.9916"><stop
+             offset="0"
+             style="stop-color:#00ADDC"
+             id="stop3852" /><stop
+             offset="1"
+             style="stop-color:#6BFBFF"
+             id="stop3854" /></linearGradient><path
+           class="st5"
+           d="m 185.5,129.4 c -2.4,0 -4.2,1.8 -4.2,4.2 0,9.1 -5.7,17 -14.1,19.9 -1.7,0.6 -2.8,2.1 -2.8,4 l 0,30.6 c 0,1.3 0.6,2.4 1.4,3.3 1,0.8 2.1,1.1 3.4,1 29,-4.5 50.4,-29.4 50.4,-58.7 0,-2.4 -1.8,-4.2 -4.2,-4.2 l -29.9,0 z m -17,58.7 0,-30.4 c 9.9,-3.5 17,-12.9 17,-24 l 29.7,0 c 0,27.5 -20.3,50.5 -46.7,54.4 z"
+           id="path3856"
+           style="fill:url(#SVGID_2_)"
+           inkscape:connector-curvature="0" /><linearGradient
+           id="SVGID_3_"
+           gradientUnits="userSpaceOnUse"
+           x1="159.0916"
+           y1="299.16891"
+           x2="91.056602"
+           y2="-31.934799"><stop
+             offset="0"
+             style="stop-color:#00ADDC"
+             id="stop3859" /><stop
+             offset="1"
+             style="stop-color:#6BFBFF"
+             id="stop3861" /></linearGradient><path
+           class="st6"
+           d="m 152.9,153.6 c -8.5,-3 -14.1,-10.9 -14.1,-19.9 0,-2.4 -1.8,-4.2 -4.2,-4.2 l -29.7,0 c -2.4,0 -4.2,1.8 -4.2,4.2 0,29.3 21.4,54.2 50.2,58.7 1.3,0.1 2.4,-0.1 3.4,-1 1,-0.8 1.4,-2 1.4,-3.3 l 0,-30.4 c 0.1,-1.8 -1.1,-3.4 -2.8,-4.1 z m -1.4,34.5 c -26.5,-4 -46.7,-26.9 -46.7,-54.5 l 29.7,0 c 0,11 7.1,20.5 17,24 l 0,30.5 z"
+           id="path3863"
+           style="fill:url(#SVGID_3_)"
+           inkscape:connector-curvature="0" /><linearGradient
+           id="SVGID_4_"
+           gradientUnits="userSpaceOnUse"
+           x1="192.5936"
+           y1="292.28491"
+           x2="124.5586"
+           y2="-38.818802"><stop
+             offset="0"
+             style="stop-color:#00ADDC"
+             id="stop3866" /><stop
+             offset="1"
+             style="stop-color:#6BFBFF"
+             id="stop3868" /></linearGradient><path
+           class="st7"
+           d="m 172.7,133.7 c 0,-7.1 -5.7,-12.7 -12.7,-12.7 -7,0 -12.7,5.7 -12.7,12.7 0,7.1 5.7,12.7 12.7,12.7 7,0 12.7,-5.7 12.7,-12.7 z m -12.7,8.5 c -4.7,0 -8.5,-3.8 -8.5,-8.5 0,-4.7 3.8,-8.5 8.5,-8.5 4.7,0 8.5,3.8 8.5,8.5 0,4.7 -3.8,8.5 -8.5,8.5 z"
+           id="path3870"
+           style="fill:url(#SVGID_4_)"
+           inkscape:connector-curvature="0" /><linearGradient
+           id="SVGID_5_"
+           gradientUnits="userSpaceOnUse"
+           x1="196.1102"
+           y1="291.56229"
+           x2="128.0752"
+           y2="-39.541401"><stop
+             offset="0"
+             style="stop-color:#00ADDC"
+             id="stop3873" /><stop
+             offset="1"
+             style="stop-color:#6BFBFF"
+             id="stop3875" /></linearGradient><path
+           class="st8"
+           d="m 160,70 c 29,0 53.4,19.3 61.1,45.8 l 4.4,0 c -7.8,-28.8 -34.2,-50 -65.5,-50 -31.3,0 -57.7,21.2 -65.5,50 l 4.4,0 C 106.6,89.3 131,70 160,70 Z"
+           id="path3877"
+           style="fill:url(#SVGID_5_)"
+           inkscape:connector-curvature="0" /><linearGradient
+           id="SVGID_6_"
+           gradientUnits="userSpaceOnUse"
+           x1="195.9514"
+           y1="291.59491"
+           x2="127.9165"
+           y2="-39.508701"><stop
+             offset="0"
+             style="stop-color:#00ADDC"
+             id="stop3880" /><stop
+             offset="1"
+             style="stop-color:#6BFBFF"
+             id="stop3882" /></linearGradient><path
+           class="st9"
+           d="m 160,74.2 c -25.7,0 -48.7,16.7 -56.6,41.2 -0.4,1.3 -0.1,2.7 0.7,3.8 0.7,1.1 2,1.7 3.4,1.7 l 33.5,0 c 1.3,0 2.3,-0.4 3.1,-1.4 4.1,-4.5 9.8,-7.1 15.8,-7.1 6,0 11.7,2.5 15.8,7.1 0.8,1 2,1.4 3.1,1.4 l 33.5,0 c 1.4,0 2.5,-0.6 3.4,-1.7 0.8,-1.1 1.1,-2.5 0.7,-3.8 C 208.7,90.9 185.7,74.2 160,74.2 Z m 19,42.5 c -4.7,-5.2 -11.5,-8.5 -19,-8.5 -7.5,0 -14.3,3.3 -19,8.5 l -33.5,0 c 7.1,-22.2 27.9,-38.2 52.5,-38.2 24.6,0 45.4,16 52.5,38.2 l -33.5,0 z"
+           id="path3884"
+           style="fill:url(#SVGID_6_)"
+           inkscape:connector-curvature="0" /><linearGradient
+           id="SVGID_7_"
+           gradientUnits="userSpaceOnUse"
+           x1="192.0486"
+           y1="292.39691"
+           x2="124.0136"
+           y2="-38.706799"><stop
+             offset="0"
+             style="stop-color:#00ADDC"
+             id="stop3887" /><stop
+             offset="1"
+             style="stop-color:#6BFBFF"
+             id="stop3889" /></linearGradient><path
+           class="st10"
+           d="m 223.7,133.7 c 0,35.2 -28.4,63.7 -63.7,63.7 -35.3,0 -63.7,-28.4 -63.7,-63.7 0,-0.5 0,-1.1 0,-1.6 l -4.2,0 c 0,0.5 0,1.1 0,1.6 0,37.5 30.4,67.9 67.9,67.9 37.5,0 67.9,-30.4 67.9,-67.9 0,-0.5 0,-1.1 0,-1.6 l -4.2,0 c -0.1,0.5 0,1 0,1.6 z"
+           id="path3891"
+           style="fill:url(#SVGID_7_)"
+           inkscape:connector-curvature="0" /></g></g></switch></svg>
+\ No newline at end of file
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/navigation_active.png b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/navigation_active.png
new file mode 100644
index 0000000..bebb23e
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/navigation_active.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/phone.png b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/phone.png
new file mode 100644
index 0000000..d0ca0af
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/phone.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/phone_active.png b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/phone_active.png
new file mode 100644
index 0000000..77e45fd
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/phone_active.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/settings.png b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/settings.png
new file mode 100644
index 0000000..8c36376
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/settings.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/settings_active.png b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/settings_active.png
new file mode 100644
index 0000000..d863457
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/settings_active.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/shortcut.qrc b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/shortcut.qrc
new file mode 100644
index 0000000..40462f4
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/shortcut.qrc
@@ -0,0 +1,16 @@
+<RCC>
+    <qresource prefix="/images/Shortcut">
+        <file>launcher.png</file>
+        <file>launcher_active.png</file>
+        <file>mediaplayer.png</file>
+        <file>mediaplayer_active.png</file>
+        <file>navigation.png</file>
+        <file>navigation_active.png</file>
+        <file>phone.png</file>
+        <file>phone_active.png</file>
+        <file>settings.png</file>
+        <file>settings_active.png</file>
+        <file>navigation.svg</file>
+        <file>music.svg</file>
+    </qresource>
+</RCC>
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Bluetooth_Inactive-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Bluetooth_Inactive-01.png
new file mode 100644
index 0000000..10bd5a5
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Bluetooth_Inactive-01.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Bluetooth_On-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Bluetooth_On-01.png
new file mode 100644
index 0000000..1ff96e1
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Bluetooth_On-01.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_1Bars-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_1Bars-01.png
new file mode 100644
index 0000000..44ef700
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_1Bars-01.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_2Bars-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_2Bars-01.png
new file mode 100644
index 0000000..fe4e776
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_2Bars-01.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_3Bars-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_3Bars-01.png
new file mode 100644
index 0000000..892c6ec
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_3Bars-01.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_4Bars-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_4Bars-01.png
new file mode 100644
index 0000000..f4f033b
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_4Bars-01.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_Full-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_Full-01.png
new file mode 100644
index 0000000..18070b9
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_Full-01.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_NoBars-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_NoBars-01.png
new file mode 100644
index 0000000..1b77207
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_NoBars-01.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_1Bar-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_1Bar-01.png
new file mode 100644
index 0000000..c72461f
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_1Bar-01.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_2Bars-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_2Bars-01.png
new file mode 100644
index 0000000..448dd36
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_2Bars-01.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_3Bars-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_3Bars-01.png
new file mode 100644
index 0000000..3e407ad
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_3Bars-01.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_Full-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_Full-01.png
new file mode 100644
index 0000000..6f95e97
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_Full-01.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_NoBars-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_NoBars-01.png
new file mode 100644
index 0000000..07f4f09
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_NoBars-01.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/status.qrc b/demo3/horizontal/homescreen/homescreen/qml/images/Status/status.qrc
new file mode 100644
index 0000000..d29c91a
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/status.qrc
@@ -0,0 +1,17 @@
+<RCC>
+    <qresource prefix="/images/Status">
+        <file>HMI_Status_Wifi_NoBars-01.png</file>
+        <file>HMI_Status_Bluetooth_Inactive-01.png</file>
+        <file>HMI_Status_Bluetooth_On-01.png</file>
+        <file>HMI_Status_Signal_1Bars-01.png</file>
+        <file>HMI_Status_Signal_2Bars-01.png</file>
+        <file>HMI_Status_Signal_3Bars-01.png</file>
+        <file>HMI_Status_Signal_4Bars-01.png</file>
+        <file>HMI_Status_Signal_Full-01.png</file>
+        <file>HMI_Status_Signal_NoBars-01.png</file>
+        <file>HMI_Status_Wifi_1Bar-01.png</file>
+        <file>HMI_Status_Wifi_2Bars-01.png</file>
+        <file>HMI_Status_Wifi_3Bars-01.png</file>
+        <file>HMI_Status_Wifi_Full-01.png</file>
+    </qresource>
+</RCC>
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_ALL-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_ALL-01.png
new file mode 100644
index 0000000..f5f8b19
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_ALL-01.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Cloudy-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Cloudy-01.png
new file mode 100644
index 0000000..3603a55
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Cloudy-01.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Moon-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Moon-01.png
new file mode 100644
index 0000000..8fe1e18
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Moon-01.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_PartiallyCloudy-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_PartiallyCloudy-01.png
new file mode 100644
index 0000000..09cd84f
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_PartiallyCloudy-01.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Rain-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Rain-01.png
new file mode 100644
index 0000000..125b413
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Rain-01.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Snow-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Snow-01.png
new file mode 100644
index 0000000..d0a9520
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Snow-01.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Sun-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Sun-01.png
new file mode 100644
index 0000000..ee3a744
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Sun-01.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Thunderstorm-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Thunderstorm-01.png
new file mode 100644
index 0000000..f6959f4
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Thunderstorm-01.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Weather/weather.qrc b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/weather.qrc
new file mode 100644
index 0000000..2668fec
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/weather.qrc
@@ -0,0 +1,12 @@
+<RCC>
+    <qresource prefix="/images/Weather">
+        <file>WeatherIcons_ALL-01.png</file>
+        <file>WeatherIcons_Cloudy-01.png</file>
+        <file>WeatherIcons_Moon-01.png</file>
+        <file>WeatherIcons_PartiallyCloudy-01.png</file>
+        <file>WeatherIcons_Rain-01.png</file>
+        <file>WeatherIcons_Snow-01.png</file>
+        <file>WeatherIcons_Sun-01.png</file>
+        <file>WeatherIcons_Thunderstorm-01.png</file>
+    </qresource>
+</RCC>
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/fullscreen.png b/demo3/horizontal/homescreen/homescreen/qml/images/fullscreen.png
new file mode 100644
index 0000000..f56a13c
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/fullscreen.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/images.qrc b/demo3/horizontal/homescreen/homescreen/qml/images/images.qrc
new file mode 100644
index 0000000..e72f697
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/images.qrc
@@ -0,0 +1,9 @@
+<RCC>
+    <qresource prefix="/images">
+        <file>menubar_background.png</file>
+        <file>menubar_normal_background.png</file>
+        <file>menubar_full_background.png</file>
+        <file>fullscreen.png</file>
+        <file>normal.png</file>
+    </qresource>
+</RCC>
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/menubar_background.png b/demo3/horizontal/homescreen/homescreen/qml/images/menubar_background.png
new file mode 100644
index 0000000..bb95916
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/menubar_background.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/menubar_full_background.png b/demo3/horizontal/homescreen/homescreen/qml/images/menubar_full_background.png
new file mode 100644
index 0000000..39e12b9
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/menubar_full_background.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/menubar_normal_background.png b/demo3/horizontal/homescreen/homescreen/qml/images/menubar_normal_background.png
new file mode 100644
index 0000000..ceb3684
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/menubar_normal_background.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/normal.png b/demo3/horizontal/homescreen/homescreen/qml/images/normal.png
new file mode 100644
index 0000000..92dee7a
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/normal.png
diff --git a/demo3/horizontal/homescreen/homescreen/qml/main.qml b/demo3/horizontal/homescreen/homescreen/qml/main.qml
new file mode 100644
index 0000000..13500bd
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/main.qml
@@ -0,0 +1,171 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ * Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import QtQuick 2.2
+import QtQuick.Window 2.1
+import QtQuick.Layouts 1.1
+import HomeScreen 1.0
+
+Window {
+    visible: true
+    flags: Qt.FramelessWindowHint
+    width: container.width * container.scale
+    height: container.height * container.scale
+    title: 'HomeScreen'
+    color: "#00000000"
+
+    Image {
+        id: container
+        anchors.centerIn: parent
+        width: 1920
+        height: 720
+        scale: 1.0
+        source: './images/menubar_background.png'
+
+        ColumnLayout {
+            id: menuBar
+            anchors.fill: parent
+            spacing: 0
+            TopArea {
+                id: topArea
+                anchors.horizontalCenter: parent.horizontalCenter
+                Layout.preferredHeight: 80
+                x: 640
+            }
+
+            Item {
+                id: applicationArea
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+                Layout.preferredHeight: 510
+
+                visible: true
+                MouseArea {
+                    enabled: true
+                }
+            }
+
+            ShortcutArea {
+                id: shortcutArea
+                anchors.horizontalCenter: parent.horizontalCenter
+                Layout.fillHeight: true
+                Layout.preferredHeight: 130
+            }
+        }
+        states: [
+            State {
+                name: "normal"
+                PropertyChanges {
+                    target: container
+                    y: 0
+                }
+                PropertyChanges {
+                    target: topArea
+                    y: 0
+                }
+                PropertyChanges {
+                    target: applicationArea
+                    y: 80
+                }
+                PropertyChanges {
+                    target: shortcutArea
+                    y: 590
+                }
+            },
+            State {
+                name: "fullscreen"
+                PropertyChanges {
+                    target: container
+                    y: -720
+                }
+                PropertyChanges {
+                    target: topArea
+                    y: -80
+                }
+                PropertyChanges {
+                    target: applicationArea
+                    y: -510
+                }
+                PropertyChanges {
+                    target: shortcutArea
+                    y: 720
+                }
+            }
+        ]
+        transitions: Transition {
+            NumberAnimation {
+                target: topArea
+                property: "y"
+                easing.type: "OutQuad"
+                duration: 250
+            }
+            NumberAnimation {
+                target: applicationArea
+                property: "y"
+                easing.type: "OutQuad"
+                duration: 250
+            }
+            NumberAnimation {
+                target: shortcutArea
+                property: "y"
+                easing.type: "OutQuad"
+                duration: 250
+            }
+        }
+    }
+
+
+
+
+
+    Item {
+        id: switchBtn
+        anchors.right: parent.right
+        anchors.rightMargin: 20
+        anchors.top: parent.top
+        anchors.topMargin: 5
+        width: 55
+        height: 55
+        z: 1
+
+        MouseArea {
+            anchors.fill: parent
+            property string btnState: 'normal'
+            Image {
+                id: image
+                anchors.fill: parent
+                source: './images/normal.png'
+            }
+            onClicked: {
+                if (btnState === 'normal') {
+                    image.source = './images/fullscreen.png'
+                    btnState = 'fullscreen'
+                    container.state = 'fullscreen'
+                    container.opacity = 0.0
+                    touchArea.switchArea(1)
+
+                } else {
+                    image.source = './images/normal.png'
+                    btnState = 'normal'
+                    container.state = 'normal'
+                    container.opacity = 1.0
+                    touchArea.switchArea(0)
+                }
+            }
+        }
+    }
+}
diff --git a/demo3/horizontal/homescreen/homescreen/qml/qml.qrc b/demo3/horizontal/homescreen/homescreen/qml/qml.qrc
new file mode 100644
index 0000000..933a8a5
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/qml.qrc
@@ -0,0 +1,10 @@
+<RCC>
+    <qresource prefix="/">
+        <file>main.qml</file>
+        <file>ShortcutArea.qml</file>
+        <file>ShortcutIcon.qml</file>
+        <file>StatusArea.qml</file>
+        <file>TopArea.qml</file>
+        <file>IconItem.qml</file>
+    </qresource>
+</RCC>
diff --git a/demo3/horizontal/homescreen/homescreen/src/applicationlauncher.cpp b/demo3/horizontal/homescreen/homescreen/src/applicationlauncher.cpp
new file mode 100644
index 0000000..5a1e2d6
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/src/applicationlauncher.cpp
@@ -0,0 +1,85 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ * Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+ * Copyright (c) 2017 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#include "applicationlauncher.h"
+
+#include "afm_user_daemon_proxy.h"
+
+#include "hmi-debug.h"
+
+extern org::AGL::afm::user *afm_user_daemon_proxy;
+
+ApplicationLauncher::ApplicationLauncher(QObject *parent)
+    : QObject(parent)
+    , m_launching(false)
+    , m_timeout(new QTimer(this))
+{
+    m_timeout->setInterval(3000);
+    m_timeout->setSingleShot(true);
+    connect(m_timeout, &QTimer::timeout, [&]() {
+        setLaunching(false);
+    });
+    connect(this, &ApplicationLauncher::launchingChanged, [&](bool launching) {
+        if (launching)
+            m_timeout->start();
+        else
+            m_timeout->stop();
+    });
+    connect(this, &ApplicationLauncher::currentChanged, [&]() {
+        setLaunching(false);
+    });
+}
+
+int ApplicationLauncher::launch(const QString &application)
+{
+    int result = -1;
+    HMI_DEBUG("HomeScreen","ApplicationLauncher launch %s.", application.toStdString().c_str());
+
+    result = afm_user_daemon_proxy->start(application).value().toInt();
+    HMI_DEBUG("HomeScreen","ApplicationLauncher pid: %d.", result);
+
+    if (result > 1) {
+        setLaunching(true);
+    }
+
+    return result;
+}
+
+bool ApplicationLauncher::isLaunching() const
+{
+    return m_launching;
+}
+
+void ApplicationLauncher::setLaunching(bool launching)
+{
+    if (m_launching == launching) return;
+    m_launching = launching;
+    launchingChanged(launching);
+}
+
+QString ApplicationLauncher::current() const
+{
+    return m_current;
+}
+
+void ApplicationLauncher::setCurrent(const QString &current)
+{
+    if (m_current == current) return;
+    m_current = current;
+    emit currentChanged(current);
+}
diff --git a/demo3/horizontal/homescreen/homescreen/src/applicationlauncher.h b/demo3/horizontal/homescreen/homescreen/src/applicationlauncher.h
new file mode 100644
index 0000000..dfa5846
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/src/applicationlauncher.h
@@ -0,0 +1,55 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ * Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+ * Copyright (c) 2017 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#ifndef APPLICATIONLAUNCHER_H
+#define APPLICATIONLAUNCHER_H
+
+#include <QtCore/QObject>
+
+class QTimer;
+
+class ApplicationLauncher : public QObject
+{
+    Q_OBJECT
+    Q_PROPERTY(bool launching READ isLaunching NOTIFY launchingChanged)
+    Q_PROPERTY(QString current READ current WRITE setCurrent NOTIFY currentChanged)
+public:
+    explicit ApplicationLauncher(QObject *parent = NULL);
+
+    bool isLaunching() const;
+    QString current() const;
+
+signals:
+    void newAppRequestsToBeVisible(int pid);
+    void launchingChanged(bool launching);
+    void currentChanged(const QString &current);
+
+public slots:
+    int launch(const QString &application);
+    void setCurrent(const QString &current);
+
+private:
+    void setLaunching(bool launching);
+
+private:
+    bool m_launching;
+    QString m_current;
+    QTimer *m_timeout;
+};
+
+#endif // APPLICATIONLAUNCHER_H
diff --git a/demo3/horizontal/homescreen/homescreen/src/hmi-debug.h b/demo3/horizontal/homescreen/homescreen/src/hmi-debug.h
new file mode 100644
index 0000000..28705f5
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/src/hmi-debug.h
@@ -0,0 +1,70 @@
+/*
+ * Copyright (c) 2017 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#ifndef __HMI_DEBUG_H__
+#define __HMI_DEBUG_H__
+
+#include <time.h>
+#include <stdio.h>
+#include <stdarg.h>
+#include <string.h>
+#include <stdlib.h>
+
+enum LOG_LEVEL{
+    LOG_LEVEL_NONE = 0,
+    LOG_LEVEL_ERROR,
+    LOG_LEVEL_WARNING,
+    LOG_LEVEL_NOTICE,
+    LOG_LEVEL_INFO,
+    LOG_LEVEL_DEBUG,
+    LOG_LEVEL_MAX = LOG_LEVEL_DEBUG
+};
+
+#define __FILENAME__ (strrchr(__FILE__, '/') ? strrchr(__FILE__, '/') + 1 : __FILE__)
+
+#define HMI_ERROR(prefix, args,...) _HMI_LOG(LOG_LEVEL_ERROR, __FILENAME__, __FUNCTION__, __LINE__, prefix, args, ##__VA_ARGS__)
+#define HMI_WARNING(prefix, args,...) _HMI_LOG(LOG_LEVEL_WARNING, __FILENAME__, __FUNCTION__,__LINE__, prefix, args,##__VA_ARGS__)
+#define HMI_NOTICE(prefix, args,...) _HMI_LOG(LOG_LEVEL_NOTICE, __FILENAME__, __FUNCTION__,__LINE__, prefix, args,##__VA_ARGS__)
+#define HMI_INFO(prefix, args,...)  _HMI_LOG(LOG_LEVEL_INFO, __FILENAME__, __FUNCTION__,__LINE__, prefix, args,##__VA_ARGS__)
+#define HMI_DEBUG(prefix, args,...) _HMI_LOG(LOG_LEVEL_DEBUG, __FILENAME__, __FUNCTION__,__LINE__, prefix, args,##__VA_ARGS__)
+
+static char ERROR_FLAG[6][20] = {"NONE", "ERROR", "WARNING", "NOTICE", "INFO", "DEBUG"};
+
+static void _HMI_LOG(enum LOG_LEVEL level, const char* file, const char* func, const int line, const char* prefix, const char* log, ...)
+{
+    const int log_level = (getenv("USE_HMI_DEBUG") == NULL)?LOG_LEVEL_ERROR:atoi(getenv("USE_HMI_DEBUG"));
+    if(log_level < level)
+    {
+        return;
+    }
+
+    char *message;
+    struct timespec tp;
+    unsigned int time;
+
+    clock_gettime(CLOCK_REALTIME, &tp);
+	time = (tp.tv_sec * 1000000L) + (tp.tv_nsec / 1000);
+
+	va_list args;
+	va_start(args, log);
+	if (log == NULL || vasprintf(&message, log, args) < 0)
+        message = NULL;
+    fprintf(stderr,  "[%10.3f] [%s %s] [%s, %s(), Line:%d] >>> %s \n", time / 1000.0, prefix, ERROR_FLAG[level], file, func, line, message);
+    va_end(args);
+	free(message);
+}
+
+#endif  //__HMI_DEBUG_H__
diff --git a/demo3/horizontal/homescreen/homescreen/src/homescreenhandler.cpp b/demo3/horizontal/homescreen/homescreen/src/homescreenhandler.cpp
new file mode 100644
index 0000000..a655a5e
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/src/homescreenhandler.cpp
@@ -0,0 +1,87 @@
+/*
+ * Copyright (c) 2017 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#include "homescreenhandler.h"
+#include <functional>
+#include "hmi-debug.h"
+
+void* HomescreenHandler::myThis = 0;
+
+HomescreenHandler::HomescreenHandler(QObject *parent) :
+    QObject(parent),
+    mp_hs(NULL)
+{
+
+}
+
+HomescreenHandler::~HomescreenHandler()
+{
+    if (mp_hs != NULL) {
+        delete mp_hs;
+    }
+}
+
+void HomescreenHandler::init(int port, const char *token)
+{
+    mp_hs = new LibHomeScreen();
+    mp_hs->init(port, token);
+
+    myThis = this;
+
+    mp_hs->registerCallback(nullptr, HomescreenHandler::onRep_static);
+
+    mp_hs->set_event_handler(LibHomeScreen::Event_OnScreenMessage, [this](json_object *object){
+        const char *display_message = json_object_get_string(
+            json_object_object_get(object, "display_message"));
+        HMI_DEBUG("HomeScreen","set_event_handler Event_OnScreenMessage display_message = %s", display_message);
+    });
+}
+
+void HomescreenHandler::tapShortcut(QString application_name)
+{
+    HMI_DEBUG("HomeScreen","tapShortcut %s", application_name.toStdString().c_str());
+    mp_hs->tapShortcut(application_name.toStdString().c_str());
+}
+
+void HomescreenHandler::onRep_static(struct json_object* reply_contents)
+{
+    static_cast<HomescreenHandler*>(HomescreenHandler::myThis)->onRep(reply_contents);
+}
+
+void HomescreenHandler::onEv_static(const string& event, struct json_object* event_contents)
+{
+    static_cast<HomescreenHandler*>(HomescreenHandler::myThis)->onEv(event, event_contents);
+}
+
+void HomescreenHandler::onRep(struct json_object* reply_contents)
+{
+    const char* str = json_object_to_json_string(reply_contents);
+    HMI_DEBUG("HomeScreen","HomeScreen onReply %s", str);
+}
+
+void HomescreenHandler::onEv(const string& event, struct json_object* event_contents)
+{
+    const char* str = json_object_to_json_string(event_contents);
+    HMI_DEBUG("HomeScreen","HomeScreen onEv %s, contents: %s", event.c_str(), str);
+
+    if (event.compare("homescreen/on_screen_message") == 0) {
+        struct json_object *json_data = json_object_object_get(event_contents, "data");
+        struct json_object *json_display_message = json_object_object_get(json_data, "display_message");
+        const char* display_message = json_object_get_string(json_display_message);
+
+        HMI_DEBUG("HomeScreen","display_message = %s", display_message);
+    }
+}
diff --git a/demo3/horizontal/homescreen/homescreen/src/homescreenhandler.h b/demo3/horizontal/homescreen/homescreen/src/homescreenhandler.h
new file mode 100644
index 0000000..99367d5
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/src/homescreenhandler.h
@@ -0,0 +1,52 @@
+/*
+ * Copyright (c) 2017 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#ifndef HOMESCREENHANDLER_H
+#define HOMESCREENHANDLER_H
+
+#include <QObject>
+#include <libhomescreen.hpp>
+#include <string>
+
+using namespace std;
+
+class HomescreenHandler : public QObject
+{
+    Q_OBJECT
+public:
+    explicit HomescreenHandler(QObject *parent = 0);
+    ~HomescreenHandler();
+
+    void init(int port, const char* token);
+
+    Q_INVOKABLE void tapShortcut(QString application_name);
+
+    void onRep(struct json_object* reply_contents);
+    void onEv(const string& event, struct json_object* event_contents);
+
+    static void* myThis;
+    static void onRep_static(struct json_object* reply_contents);
+    static void onEv_static(const string& event, struct json_object* event_contents);
+
+signals:
+    void notification(QString id, QString icon, QString text);
+    void information(QString text);
+
+private:
+    LibHomeScreen *mp_hs;
+};
+
+#endif // HOMESCREENHANDLER_H
diff --git a/demo3/horizontal/homescreen/homescreen/src/main.cpp b/demo3/horizontal/homescreen/homescreen/src/main.cpp
new file mode 100644
index 0000000..a80dd04
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/src/main.cpp
@@ -0,0 +1,162 @@
+/*
+ * Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+ * Copyright (c) 2017 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#include <QGuiApplication>
+#include <QCommandLineParser>
+#include <QtGui/QGuiApplication>
+#include <QtQml/QQmlApplicationEngine>
+#include <QtQml/QQmlContext>
+#include <QtQml/qqml.h>
+#include <QQuickWindow>
+#include <QThread>
+
+#include <qlibwindowmanager.h>
+#include <weather.h>
+#include <bluetooth.h>
+#include "applicationlauncher.h"
+#include "statusbarmodel.h"
+#include "afm_user_daemon_proxy.h"
+#include "homescreenhandler.h"
+#include "toucharea.h"
+#include "hmi-debug.h"
+#include <QBitmap>
+
+// XXX: We want this DBus connection to be shared across the different
+// QML objects, is there another way to do this, a nice way, perhaps?
+org::AGL::afm::user *afm_user_daemon_proxy;
+
+namespace {
+
+struct Cleanup {
+    static inline void cleanup(org::AGL::afm::user *p) {
+        delete p;
+        afm_user_daemon_proxy = Q_NULLPTR;
+    }
+};
+
+void noOutput(QtMsgType, const QMessageLogContext &, const QString &)
+{
+}
+
+}
+
+int main(int argc, char *argv[])
+{
+    QGuiApplication a(argc, argv);
+
+    // use launch process
+    QScopedPointer<org::AGL::afm::user, Cleanup> afm_user_daemon_proxy(new org::AGL::afm::user("org.AGL.afm.user",
+                                                                                               "/org/AGL/afm/user",
+                                                                                               QDBusConnection::sessionBus(),
+                                                                                               0));
+    ::afm_user_daemon_proxy = afm_user_daemon_proxy.data();
+
+    QCoreApplication::setOrganizationDomain("LinuxFoundation");
+    QCoreApplication::setOrganizationName("AutomotiveGradeLinux");
+    QCoreApplication::setApplicationName("HomeScreen");
+    QCoreApplication::setApplicationVersion("0.7.0");
+
+    QCommandLineParser parser;
+    parser.addPositionalArgument("port", a.translate("main", "port for binding"));
+    parser.addPositionalArgument("secret", a.translate("main", "secret for binding"));
+    parser.addHelpOption();
+    parser.addVersionOption();
+    parser.process(a);
+    QStringList positionalArguments = parser.positionalArguments();
+
+    int port = 1700;
+    QString token = "wm";
+
+    if (positionalArguments.length() == 2) {
+        port = positionalArguments.takeFirst().toInt();
+        token = positionalArguments.takeFirst();
+    }
+
+    HMI_DEBUG("HomeScreen","port = %d, token = %s", port, token.toStdString().c_str());
+
+    // import C++ class to QML
+    // qmlRegisterType<ApplicationLauncher>("HomeScreen", 1, 0, "ApplicationLauncher");
+    qmlRegisterType<StatusBarModel>("HomeScreen", 1, 0, "StatusBarModel");
+
+    ApplicationLauncher *launcher = new ApplicationLauncher();
+    QLibWindowmanager* layoutHandler = new QLibWindowmanager();
+    if(layoutHandler->init(port,token) != 0){
+        exit(EXIT_FAILURE);
+    }
+
+    if (layoutHandler->requestSurface(QString("homescreen")) != 0) {
+        exit(EXIT_FAILURE);
+    }
+
+    layoutHandler->set_event_handler(QLibWindowmanager::Event_SyncDraw, [layoutHandler](json_object *object) {
+        layoutHandler->endDraw(QString("homescreen"));
+    });
+
+    layoutHandler->set_event_handler(QLibWindowmanager::Event_ScreenUpdated, [layoutHandler, launcher](json_object *object) {
+        json_object *jarray = json_object_object_get(object, "ids");
+        int arrLen = json_object_array_length(jarray);
+        for( int idx = 0; idx < arrLen; idx++)
+        {
+            QString label = QString(json_object_get_string(	json_object_array_get_idx(jarray, idx) ));
+            HMI_DEBUG("HomeScreen","Event_ScreenUpdated application: %s.", label.toStdString().c_str());
+            QMetaObject::invokeMethod(launcher, "setCurrent", Qt::QueuedConnection, Q_ARG(QString, label));
+        }
+    });
+
+    HomescreenHandler* homescreenHandler = new HomescreenHandler();
+    homescreenHandler->init(port, token.toStdString().c_str());
+
+    QUrl bindingAddress;
+    bindingAddress.setScheme(QStringLiteral("ws"));
+    bindingAddress.setHost(QStringLiteral("localhost"));
+    bindingAddress.setPort(port);
+    bindingAddress.setPath(QStringLiteral("/api"));
+
+    QUrlQuery query;
+    query.addQueryItem(QStringLiteral("token"), token);
+    bindingAddress.setQuery(query);
+
+    TouchArea* touchArea = new TouchArea();
+
+    // mail.qml loading
+    QQmlApplicationEngine engine;
+    engine.rootContext()->setContextProperty("layoutHandler", layoutHandler);
+    engine.rootContext()->setContextProperty("homescreenHandler", homescreenHandler);
+    engine.rootContext()->setContextProperty("touchArea", touchArea);
+    engine.rootContext()->setContextProperty("launcher", launcher);
+    engine.rootContext()->setContextProperty("weather", new Weather(bindingAddress));
+    engine.rootContext()->setContextProperty("bluetooth", new Bluetooth(bindingAddress));
+    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
+
+    QObject *root = engine.rootObjects().first();
+    QQuickWindow *window = qobject_cast<QQuickWindow *>(root);
+
+    touchArea->setWindow(window);
+    QThread* thread = new QThread;
+    touchArea->moveToThread(thread);
+    QObject::connect(thread, &QThread::started, touchArea, &TouchArea::init);
+
+    thread->start();
+
+    QList<QObject *> sobjs = engine.rootObjects();
+    StatusBarModel *statusBar = sobjs.first()->findChild<StatusBarModel *>("statusBar");
+    statusBar->init(bindingAddress, engine.rootContext());
+
+    QObject::connect(window, SIGNAL(frameSwapped()), layoutHandler, SLOT(slotActivateSurface()));
+
+    return a.exec();
+}
diff --git a/demo3/horizontal/homescreen/homescreen/src/statusbarmodel.cpp b/demo3/horizontal/homescreen/homescreen/src/statusbarmodel.cpp
new file mode 100644
index 0000000..c093ceb
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/src/statusbarmodel.cpp
@@ -0,0 +1,147 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#include "statusbarmodel.h"
+#include "statusbarserver.h"
+#include <QDebug>
+#include "hmi-debug.h"
+
+#include <QtDBus/QDBusConnection>
+
+#include "network.h"
+
+
+class StatusBarModel::Private
+{
+public:
+    Private(StatusBarModel *parent);
+
+private:
+    StatusBarModel *q;
+public:
+    StatusBarServer server;
+    QString iconList[StatusBarServer::SupportedCount];
+    Network *network;
+};
+
+StatusBarModel::Private::Private(StatusBarModel *parent)
+    : q(parent)
+{
+    QDBusConnection dbus = QDBusConnection::sessionBus();
+    dbus.registerObject("/StatusBar", &server);
+    dbus.registerService("org.agl.homescreen");
+    connect(&server, &StatusBarServer::statusIconChanged, [&](int placeholderIndex, const QString &icon) {
+        if (placeholderIndex < 0 || StatusBarServer::SupportedCount <= placeholderIndex) return;
+        if (iconList[placeholderIndex] == icon) return;
+        iconList[placeholderIndex] = icon;
+        emit q->dataChanged(q->index(placeholderIndex), q->index(placeholderIndex));
+    });
+    for (int i = 0; i < StatusBarServer::SupportedCount; i++) {
+        iconList[i] = server.getStatusIcon(i);
+    }
+}
+
+StatusBarModel::StatusBarModel(QObject *parent)
+    : QAbstractListModel(parent)
+    , d(new Private(this))
+{
+}
+
+StatusBarModel::~StatusBarModel()
+{
+    delete d;
+}
+
+void StatusBarModel::init(QUrl &url, QQmlContext *context)
+{
+    HMI_DEBUG("HomeScreen", "StatusBarModel::init");
+    d->network = new Network(url, context);
+    context->setContextProperty("network", d->network);
+
+    QObject::connect(d->network, &Network::wifiConnectedChanged, this, &StatusBarModel::onWifiConnectedChanged);
+    QObject::connect(d->network, &Network::wifiEnabledChanged, this, &StatusBarModel::onWifiEnabledChanged);
+    QObject::connect(d->network, &Network::wifiStrengthChanged, this, &StatusBarModel::onWifiStrengthChanged);
+
+    setWifiStatus(d->network->wifiConnected(), d->network->wifiEnabled(), d->network->wifiStrength());
+}
+
+void StatusBarModel::setWifiStatus(bool connected, bool enabled, int strength)
+{
+    HMI_DEBUG("HomeScreen", "StatusBarModel::setWifiStatus");
+    if (enabled && connected)
+        if (strength < 30)
+            d->server.setStatusIcon(0, QStringLiteral("qrc:/images/Status/HMI_Status_Wifi_1Bar-01.png"));
+        else if (strength < 50)
+            d->server.setStatusIcon(0, QStringLiteral("qrc:/images/Status/HMI_Status_Wifi_2Bars-01.png"));
+        else if (strength < 70)
+            d->server.setStatusIcon(0, QStringLiteral("qrc:/images/Status/HMI_Status_Wifi_3Bars-01.png"));
+        else
+            d->server.setStatusIcon(0, QStringLiteral("qrc:/images/Status/HMI_Status_Wifi_Full-01.png"));
+    else
+        d->server.setStatusIcon(0, QStringLiteral("qrc:/images/Status/HMI_Status_Wifi_NoBars-01.png"));
+}
+
+void StatusBarModel::onWifiConnectedChanged(bool connected)
+{
+    setWifiStatus(connected, d->network->wifiEnabled(), d->network->wifiStrength());
+}
+
+void StatusBarModel::onWifiEnabledChanged(bool enabled)
+{
+    setWifiStatus(d->network->wifiConnected(), enabled, d->network->wifiStrength());
+}
+
+void StatusBarModel::onWifiStrengthChanged(int strength)
+{
+    qInfo() << "Strength changed: " << strength;
+    setWifiStatus(d->network->wifiConnected(), d->network->wifiEnabled(), strength);
+}
+
+int StatusBarModel::rowCount(const QModelIndex &parent) const
+{
+    if (parent.isValid())
+        return 0;
+
+    return StatusBarServer::SupportedCount - 1;
+}
+
+QVariant StatusBarModel::data(const QModelIndex &index, int role) const
+{
+    QVariant ret;
+    if (!index.isValid())
+        return ret;
+
+    switch (role) {
+    case Qt::DisplayRole:
+        if (index.row() == 0) {
+            ret = d->iconList[StatusBarServer::StatusWifi];
+        } else if (index.row() == 1) {
+            ret = d->iconList[StatusBarServer::StatusCellular];
+        }
+        break;
+    default:
+        break;
+    }
+
+    return ret;
+}
+
+QHash<int, QByteArray> StatusBarModel::roleNames() const
+{
+    QHash<int, QByteArray> roles;
+    roles[Qt::DisplayRole] = "icon";
+    return roles;
+}
diff --git a/demo3/horizontal/homescreen/homescreen/src/statusbarmodel.h b/demo3/horizontal/homescreen/homescreen/src/statusbarmodel.h
new file mode 100644
index 0000000..4e31f19
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/src/statusbarmodel.h
@@ -0,0 +1,47 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#ifndef STATUSBARMODEL_H
+#define STATUSBARMODEL_H
+
+#include <QtCore/QAbstractListModel>
+#include <QtQml/QQmlContext>
+
+class StatusBarModel : public QAbstractListModel
+{
+    Q_OBJECT
+public:
+    explicit StatusBarModel(QObject *parent = NULL);
+    ~StatusBarModel();
+
+    void init(QUrl &url, QQmlContext *context);
+    int rowCount(const QModelIndex &parent = QModelIndex()) const override;
+
+    QVariant data(const QModelIndex &index, int role = Qt::DisplayRole) const override;
+    QHash<int, QByteArray> roleNames() const override;
+
+    // slots
+    void onWifiConnectedChanged(bool connected);
+    void onWifiEnabledChanged(bool enabled);
+    void onWifiStrengthChanged(int strength);
+
+private:
+    class Private;
+    Private *d;
+    void setWifiStatus(bool connected, bool enabled, int strength);
+};
+
+#endif // STATUSBARMODEL_H
diff --git a/demo3/horizontal/homescreen/homescreen/src/statusbarserver.cpp b/demo3/horizontal/homescreen/homescreen/src/statusbarserver.cpp
new file mode 100644
index 0000000..805c582
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/src/statusbarserver.cpp
@@ -0,0 +1,91 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ * Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#include "statusbarserver.h"
+#include "statusbar_adaptor.h"
+
+class StatusBarServer::Private
+{
+public:
+    Private(StatusBarServer *parent);
+    QString texts[SupportedCount];
+    QString icons[SupportedCount];
+    StatusbarAdaptor adaptor;
+};
+
+StatusBarServer::Private::Private(StatusBarServer *parent)
+    : adaptor(parent)
+{
+    icons[0] = QStringLiteral("qrc:/images/Status/HMI_Status_Wifi_NoBars-01.png");
+    icons[1] = QStringLiteral("qrc:/images/Status/HMI_Status_Bluetooth_Inactive-01.png");
+    icons[2] = QStringLiteral("qrc:/images/Status/HMI_Status_Signal_NoBars-01.png");
+}
+
+StatusBarServer::StatusBarServer(QObject *parent)
+    : QObject(parent)
+    , d(new Private(this))
+{
+}
+
+StatusBarServer::~StatusBarServer()
+{
+    delete d;
+}
+
+QList<int> StatusBarServer::getAvailablePlaceholders() const
+{
+    QList<int> ret;
+    for (int i = 0; i < SupportedCount; ++i) {
+        ret.append(i);
+    }
+    return ret;
+}
+
+QString StatusBarServer::getStatusIcon(int placeholderIndex) const
+{
+    QString ret;
+    if (-1 < placeholderIndex && placeholderIndex < SupportedCount)
+        ret = d->icons[placeholderIndex];
+    return ret;
+}
+
+void StatusBarServer::setStatusIcon(int placeholderIndex, const QString &icon)
+{
+    if (-1 < placeholderIndex && placeholderIndex < SupportedCount) {
+        if (d->icons[placeholderIndex] == icon) return;
+        d->icons[placeholderIndex] = icon;
+        emit statusIconChanged(placeholderIndex, icon);
+    }
+}
+
+QString StatusBarServer::getStatusText(int placeholderIndex) const
+{
+    QString ret;
+    if (-1 < placeholderIndex && placeholderIndex < SupportedCount) {
+        ret = d->texts[placeholderIndex];
+    }
+    return ret;
+}
+
+void StatusBarServer::setStatusText(int placeholderIndex, const QString &text)
+{
+    if (-1 < placeholderIndex && placeholderIndex < SupportedCount) {
+        if (d->texts[placeholderIndex] == text) return;
+        d->texts[placeholderIndex] = text;
+        emit statusTextChanged(placeholderIndex, text);
+    }
+}
diff --git a/demo3/horizontal/homescreen/homescreen/src/statusbarserver.h b/demo3/horizontal/homescreen/homescreen/src/statusbarserver.h
new file mode 100644
index 0000000..dabf6d3
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/src/statusbarserver.h
@@ -0,0 +1,52 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#ifndef STATUSBARSERVER_H
+#define STATUSBARSERVER_H
+
+#include <QtCore/QObject>
+
+class StatusBarServer : public QObject
+{
+    Q_OBJECT
+public:
+    enum {
+        StatusWifi = 0,
+        StatusBluetooth = 1,
+        StatusCellular = 2,
+        SupportedCount = 3,
+    };
+    explicit StatusBarServer(QObject *parent = NULL);
+    ~StatusBarServer();
+
+    Q_INVOKABLE QList<int> getAvailablePlaceholders() const;
+    Q_INVOKABLE QString getStatusIcon(int placeholderIndex) const;
+    Q_INVOKABLE QString getStatusText(int placeholderIndex) const;
+
+public slots:
+    void setStatusIcon(int placeholderIndex, const QString &icon);
+    void setStatusText(int placeholderIndex, const QString &text);
+
+signals:
+    void statusIconChanged(int placeholderIndex, const QString &icon);
+    void statusTextChanged(int placeholderIndex, const QString &text);
+
+private:
+    class Private;
+    Private *d;
+};
+
+#endif // STATUSBARSERVER_H
diff --git a/demo3/horizontal/homescreen/homescreen/src/toucharea.cpp b/demo3/horizontal/homescreen/homescreen/src/toucharea.cpp
new file mode 100644
index 0000000..aad4b1b
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/src/toucharea.cpp
@@ -0,0 +1,33 @@
+#include "toucharea.h"
+
+TouchArea::TouchArea()
+{
+}
+
+TouchArea::~TouchArea()
+{
+
+}
+
+void TouchArea::setWindow(QQuickWindow *window)
+{
+    myWindow = window;
+}
+
+void TouchArea::init()
+{
+    bitmapNormal = QPixmap(":/images/menubar_normal_background.png").createHeuristicMask();
+    bitmapFullscreen = QPixmap(":/images/menubar_full_background.png").createHeuristicMask();
+    myWindow->setMask(QRegion(bitmapNormal));
+}
+
+void TouchArea::switchArea(int areaType)
+{
+    if(areaType == NORMAL) {
+        myWindow->setMask(QRegion(bitmapNormal));
+    } else if (areaType == FULLSCREEN) {
+        myWindow->setMask(QRegion(bitmapFullscreen));
+    }
+}
+
+
diff --git a/demo3/horizontal/homescreen/homescreen/src/toucharea.h b/demo3/horizontal/homescreen/homescreen/src/toucharea.h
new file mode 100644
index 0000000..69c6872
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/src/toucharea.h
@@ -0,0 +1,30 @@
+#ifndef TOUCHAREA_H
+#define TOUCHAREA_H
+
+#include <QBitmap>
+#include <QQuickWindow>
+
+enum {
+    NORMAL=0,
+    FULLSCREEN
+};
+
+class TouchArea : public QObject
+{
+    Q_OBJECT
+public:
+    explicit TouchArea();
+    ~TouchArea();
+
+    Q_INVOKABLE void switchArea(int areaType);
+    void setWindow(QQuickWindow* window);
+
+public slots:
+    void init();
+
+private:
+    QBitmap bitmapNormal, bitmapFullscreen;
+    QQuickWindow* myWindow;
+};
+
+#endif // TOUCHAREA_H
diff --git a/demo3/horizontal/homescreen/interfaces/LICENSE b/demo3/horizontal/homescreen/interfaces/LICENSE
new file mode 100644
index 0000000..31c692a
--- /dev/null
+++ b/demo3/horizontal/homescreen/interfaces/LICENSE
@@ -0,0 +1,54 @@
+Apache License
+
+Version 2.0, January 2004
+
+http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+"License" shall mean the terms and conditions for use, reproduction, and distribution as defined by Sections 1 through 9 of this document.
+
+"Licensor" shall mean the copyright owner or entity authorized by the copyright owner that is granting the License.
+
+"Legal Entity" shall mean the union of the acting entity and all other entities that control, are controlled by, or are under common control with that entity. For the purposes of this definition, "control" means (i) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares, or (iii) beneficial ownership of such entity.
+
+"You" (or "Your") shall mean an individual or Legal Entity exercising permissions granted by this License.
+
+"Source" form shall mean the preferred form for making modifications, including but not limited to software source code, documentation source, and configuration files.
+
+"Object" form shall mean any form resulting from mechanical transformation or translation of a Source form, including but not limited to compiled object code, generated documentation, and conversions to other media types.
+
+"Work" shall mean the work of authorship, whether in Source or Object form, made available under the License, as indicated by a copyright notice that is included in or attached to the work (an example is provided in the Appendix below).
+
+"Derivative Works" shall mean any work, whether in Source or Object form, that is based on (or derived from) the Work and for which the editorial revisions, annotations, elaborations, or other modifications represent, as a whole, an original work of authorship. For the purposes of this License, Derivative Works shall not include works that remain separable from, or merely link (or bind by name) to the interfaces of, the Work and Derivative Works thereof.
+
+"Contribution" shall mean any work of authorship, including the original version of the Work and any modifications or additions to that Work or Derivative Works thereof, that is intentionally submitted to Licensor for inclusion in the Work by the copyright owner or by an individual or Legal Entity authorized to submit on behalf of the copyright owner. For the purposes of this definition, "submitted" means any form of electronic, verbal, or written communication sent to the Licensor or its representatives, including but not limited to communication on electronic mailing lists, source code control systems, and issue tracking systems that are managed by, or on behalf of, the Licensor for the purpose of discussing and improving the Work, but excluding communication that is conspicuously marked or otherwise designated in writing by the copyright owner as "Not a Contribution."
+
+"Contributor" shall mean Licensor and any individual or Legal Entity on behalf of whom a Contribution has been received by Licensor and subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce, prepare Derivative Works of, publicly display, publicly perform, sublicense, and distribute the Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable (except as stated in this section) patent license to make, have made, use, offer to sell, sell, import, and otherwise transfer the Work, where such license applies only to those patent claims licensable by such Contributor that are necessarily infringed by their Contribution(s) alone or by combination of their Contribution(s) with the Work to which such Contribution(s) was submitted. If You institute patent litigation against any entity (including a cross-claim or counterclaim in a lawsuit) alleging that the Work or a Contribution incorporated within the Work constitutes direct or contributory patent infringement, then any patent licenses granted to You under this License for that Work shall terminate as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the Work or Derivative Works thereof in any medium, with or without modifications, and in Source or Object form, provided that You meet the following conditions:
+
+    You must give any other recipients of the Work or Derivative Works a copy of this License; and
+    You must cause any modified files to carry prominent notices stating that You changed the files; and
+    You must retain, in the Source form of any Derivative Works that You distribute, all copyright, patent, trademark, and attribution notices from the Source form of the Work, excluding those notices that do not pertain to any part of the Derivative Works; and
+    If the Work includes a "NOTICE" text file as part of its distribution, then any Derivative Works that You distribute must include a readable copy of the attribution notices contained within such NOTICE file, excluding those notices that do not pertain to any part of the Derivative Works, in at least one of the following places: within a NOTICE text file distributed as part of the Derivative Works; within the Source form or documentation, if provided along with the Derivative Works; or, within a display generated by the Derivative Works, if and wherever such third-party notices normally appear. The contents of the NOTICE file are for informational purposes only and do not modify the License. You may add Your own attribution notices within Derivative Works that You distribute, alongside or as an addendum to the NOTICE text from the Work, provided that such additional attribution notices cannot be construed as modifying the License.
+
+    You may add Your own copyright statement to Your modifications and may provide additional or different license terms and conditions for use, reproduction, or distribution of Your modifications, or for any such Derivative Works as a whole, provided Your use, reproduction, and distribution of the Work otherwise complies with the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise, any Contribution intentionally submitted for inclusion in the Work by You to the Licensor shall be under the terms and conditions of this License, without any additional terms or conditions. Notwithstanding the above, nothing herein shall supersede or modify the terms of any separate license agreement you may have executed with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade names, trademarks, service marks, or product names of the Licensor, except as required for reasonable and customary use in describing the origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or agreed to in writing, Licensor provides the Work (and each Contributor provides its Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied, including, without limitation, any warranties or conditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are solely responsible for determining the appropriateness of using or redistributing the Work and assume any risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory, whether in tort (including negligence), contract, or otherwise, unless required by applicable law (such as deliberate and grossly negligent acts) or agreed to in writing, shall any Contributor be liable to You for damages, including any direct, indirect, special, incidental, or consequential damages of any character arising as a result of this License or out of the use or inability to use the Work (including but not limited to damages for loss of goodwill, work stoppage, computer failure or malfunction, or any and all other commercial damages or losses), even if such Contributor has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing the Work or Derivative Works thereof, You may choose to offer, and charge a fee for, acceptance of support, warranty, indemnity, or other liability obligations and/or rights consistent with this License. However, in accepting such obligations, You may act only on Your own behalf and on Your sole responsibility, not on behalf of any other Contributor, and only if You agree to indemnify, defend, and hold each Contributor harmless for any liability incurred by, or claims asserted against, such Contributor by reason of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
diff --git a/demo3/horizontal/homescreen/interfaces/README.md b/demo3/horizontal/homescreen/interfaces/README.md
new file mode 100644
index 0000000..15dfaa9
--- /dev/null
+++ b/demo3/horizontal/homescreen/interfaces/README.md
@@ -0,0 +1,11 @@
+AGL Home Screen reference implementation
+This lib provides the needed D-Bus interfaces
+
+Build with QtCreator 3.0.1
+
+AGL repo for source code:
+https://gerrit.automotivelinux.org/gerrit/#/admin/projects/staging/HomeScreen
+
+AGL repo for bitbake recipe:
+https://gerrit.automotivelinux.org/gerrit/#/admin/projects/AGL/meta-agl-demo/recipes-demo-hmi/HomeScreen/HomeScreen_?.bb
+
diff --git a/demo3/horizontal/homescreen/interfaces/afm_user_daemon.xml b/demo3/horizontal/homescreen/interfaces/afm_user_daemon.xml
new file mode 100644
index 0000000..17b7d63
--- /dev/null
+++ b/demo3/horizontal/homescreen/interfaces/afm_user_daemon.xml
@@ -0,0 +1,52 @@
+<!DOCTYPE node PUBLIC "-//freedesktop//DTD D-BUS Object Introspection 1.0//EN" "http://www.freedesktop.org/standards/dbus/1.0/introspect.dtd">
+<node path="/org/AGL/afm/user">
+  <interface name="org.AGL.afm.user">
+    <method name="runnables">
+      <arg name="in" type="s" direction="in"/>
+      <arg name="out" type="s" direction="out"/>
+    </method>
+    <method name="detail">
+      <arg name="in" type="s" direction="in"/>
+      <arg name="out" type="s" direction="out"/>
+    </method>
+    <method name="start">
+      <arg name="in" type="s" direction="in"/>
+      <arg name="out" type="s" direction="out"/>
+    </method>
+    <method name="once">
+      <arg name="in" type="s" direction="in"/>
+      <arg name="out" type="s" direction="out"/>
+    </method>
+    <method name="terminate">
+      <arg name="in" type="s" direction="in"/>
+      <arg name="out" type="s" direction="out"/>
+    </method>
+    <method name="pause">
+      <arg name="in" type="s" direction="in"/>
+      <arg name="out" type="s" direction="out"/>
+    </method>
+    <method name="resume">
+      <arg name="in" type="s" direction="in"/>
+      <arg name="out" type="s" direction="out"/>
+    </method>
+    <method name="runners">
+      <arg name="in" type="s" direction="in"/>
+      <arg name="out" type="s" direction="out"/>
+    </method>
+    <method name="state">
+      <arg name="in" type="s" direction="in"/>
+      <arg name="out" type="s" direction="out"/>
+    </method>
+    <method name="install">
+      <arg name="in" type="s" direction="in"/>
+      <arg name="out" type="s" direction="out"/>
+    </method>
+    <method name="uninstall">
+      <arg name="in" type="s" direction="in"/>
+      <arg name="out" type="s" direction="out"/>
+    </method>
+    <signal name="changed">
+      <arg name="out" type="s" direction="out"/>
+    </signal>
+  </interface>
+</node>
diff --git a/demo3/horizontal/homescreen/interfaces/appframework.xml b/demo3/horizontal/homescreen/interfaces/appframework.xml
new file mode 100644
index 0000000..f10b3ae
--- /dev/null
+++ b/demo3/horizontal/homescreen/interfaces/appframework.xml
@@ -0,0 +1,57 @@
+<!DOCTYPE node PUBLIC "-//freedesktop//DTD D-BUS Object Introspection 1.0//EN" "http://www.freedesktop.org/standards/dbus/1.0/introspect.dtd">
+<!-- Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License. -->
+<node>
+	<!--
+	  org.agl.appframework:
+	  @short_description: The interface of the app framework binder.
+
+	  The app framework has to provide some basic functionality like 
+	  getting a list of applications and start them. In further versions,
+	  also pausing or stopping, .
+	-->
+	<interface name="org.agl.appframework">
+		<!--
+		  getAvailableApps:
+		  @apps: A list of applications that can be launched.
+
+		  The application info consists of:
+		  string id;
+		  string version;
+		  int width;
+		  int height;
+		  string name;
+		  string description;
+		  string shortname;
+		  string author;
+		  string iconPath;
+		-->
+		<method name="getAvailableApps">
+			<arg name="apps" type="{ssiisssss}" direction="out"/>
+			<annotation name="org.qtproject.QtDBus.QtTypeName.Out0" value="QList&lt;AppInfo&gt;"/>
+		</method>
+		<!--
+		  launchApp:
+		  @name: The name of the application that shall be launched.
+		  @pid: Returns the pid of the process.
+
+		  Use the id of the application info to launch the app.
+		-->
+		<method name="launchApp">
+			<arg name="name" type="s" direction="in"/>
+			<arg name="pid" type="i" direction="out"/>
+		</method>
+	</interface>
+</node>
+
diff --git a/demo3/horizontal/homescreen/interfaces/include/afm_user_daemon.hpp b/demo3/horizontal/homescreen/interfaces/include/afm_user_daemon.hpp
new file mode 100644
index 0000000..b9a5321
--- /dev/null
+++ b/demo3/horizontal/homescreen/interfaces/include/afm_user_daemon.hpp
@@ -0,0 +1,21 @@
+/*
+ * Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#ifndef AFM_USER_DAEMON_HPP
+#define AFM_USER_DAEMON_HPP
+
+
+#endif // AFM_USER_DAEMON_HPP
diff --git a/demo3/horizontal/homescreen/interfaces/include/appframework.hpp b/demo3/horizontal/homescreen/interfaces/include/appframework.hpp
new file mode 100644
index 0000000..98ec317
--- /dev/null
+++ b/demo3/horizontal/homescreen/interfaces/include/appframework.hpp
@@ -0,0 +1,66 @@
+/*
+ * Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#ifndef APPFRAMEWORK_HPP
+#define APPFRAMEWORK_HPP
+
+#include <QtCore/QSharedDataPointer>
+#include <QtDBus/QDBusArgument>
+
+class AppInfo
+{
+    Q_GADGET
+    Q_PROPERTY(QString id READ id)
+    Q_PROPERTY(QString version READ version)
+    Q_PROPERTY(int width READ width)
+    Q_PROPERTY(int height READ height)
+    Q_PROPERTY(QString name READ name)
+    Q_PROPERTY(QString description READ description)
+    Q_PROPERTY(QString shortname READ shortname)
+    Q_PROPERTY(QString author READ author)
+    Q_PROPERTY(QString iconPath READ iconPath)
+public:
+    AppInfo();
+    AppInfo(const AppInfo &other);
+    virtual ~AppInfo();
+    AppInfo &operator =(const AppInfo &other);
+    void swap(AppInfo &other) { qSwap(d, other.d); }
+
+    QString id() const;
+    QString version() const;
+    int width() const;
+    int height() const;
+    QString name() const;
+    QString description() const;
+    QString shortname() const;
+    QString author() const;
+    QString iconPath() const;
+
+    void read(const QJsonObject &json);
+
+    friend QDBusArgument &operator <<(QDBusArgument &argument, const AppInfo &appInfo);
+    friend const QDBusArgument &operator >>(const QDBusArgument &argument, AppInfo &appInfo);
+
+private:
+    class Private;
+    QSharedDataPointer<Private> d;
+};
+
+Q_DECLARE_SHARED(AppInfo)
+Q_DECLARE_METATYPE(AppInfo)
+Q_DECLARE_METATYPE(QList<AppInfo>)
+
+#endif // APPFRAMEWORK_HPP
diff --git a/demo3/horizontal/homescreen/interfaces/include/statusbar.hpp b/demo3/horizontal/homescreen/interfaces/include/statusbar.hpp
new file mode 100644
index 0000000..ecdcede
--- /dev/null
+++ b/demo3/horizontal/homescreen/interfaces/include/statusbar.hpp
@@ -0,0 +1,22 @@
+/*
+ * Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#ifndef STATUSBAR_H
+#define STATUSBAR_H
+
+
+
+#endif // STATUSBAR_H
diff --git a/demo3/horizontal/homescreen/interfaces/interfaces.pri b/demo3/horizontal/homescreen/interfaces/interfaces.pri
new file mode 100644
index 0000000..07b9e6a
--- /dev/null
+++ b/demo3/horizontal/homescreen/interfaces/interfaces.pri
@@ -0,0 +1,18 @@
+# Copyright (C) 2016 The Qt Company Ltd.
+# Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+INCLUDEPATH += $$PWD $$OUT_PWD/../interfaces/
+
+LIBS += -L$$OUT_PWD/../interfaces/ -linterfaces
diff --git a/demo3/horizontal/homescreen/interfaces/interfaces.pro b/demo3/horizontal/homescreen/interfaces/interfaces.pro
new file mode 100644
index 0000000..1e30bdd
--- /dev/null
+++ b/demo3/horizontal/homescreen/interfaces/interfaces.pro
@@ -0,0 +1,61 @@
+# Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+TEMPLATE = lib
+TARGET = interfaces
+QT = dbus
+CONFIG += staticlib
+
+HEADERS += \
+    include/appframework.hpp
+
+SOURCES += \
+    src/appframework.cpp
+
+XMLSOURCES = \
+    afm_user_daemon.xml \
+    appframework.xml \
+    statusbar.xml
+
+gen_adaptor_cpp.input = XMLSOURCES
+gen_adaptor_cpp.commands = \
+    qdbusxml2cpp -i include/${QMAKE_FILE_IN_BASE}.hpp -m -a ${QMAKE_FILE_IN_BASE}_adaptor ${QMAKE_FILE_IN}; \
+    moc $$OUT_PWD/${QMAKE_FILE_IN_BASE}_adaptor.h -o $$OUT_PWD/${QMAKE_FILE_IN_BASE}_adaptor.moc
+gen_adaptor_cpp.output = ${QMAKE_FILE_IN_BASE}_adaptor.cpp
+gen_adaptor_cpp.variable_out = SOURCES
+gen_adaptor_cpp.clean = ${QMAKE_FILE_IN_BASE}_adaptor.cpp
+
+gen_proxy_cpp.input = XMLSOURCES
+gen_proxy_cpp.commands = \
+    qdbusxml2cpp -i include/${QMAKE_FILE_IN_BASE}.hpp -m -p ${QMAKE_FILE_IN_BASE}_proxy ${QMAKE_FILE_IN}; \
+    moc $$OUT_PWD/${QMAKE_FILE_IN_BASE}_proxy.h -o $$OUT_PWD/${QMAKE_FILE_IN_BASE}_proxy.moc
+gen_proxy_cpp.output = ${QMAKE_FILE_IN_BASE}_proxy.cpp
+gen_proxy_cpp.variable_out = SOURCES
+gen_proxy_cpp.clean = ${QMAKE_FILE_IN_BASE}_proxy.cpp
+
+gen_adaptor_h.input = XMLSOURCES
+gen_adaptor_h.commands = @echo Fake making the header for ${QMAKE_FILE_IN}
+gen_adaptor_h.depends = ${QMAKE_FILE_IN_BASE}_adaptor.cpp
+gen_adaptor_h.output = ${QMAKE_FILE_IN_BASE}_adaptor.h
+gen_adaptor_h.clean = ${QMAKE_FILE_IN_BASE}_adaptor.h
+
+gen_proxy_h.input = XMLSOURCES
+gen_proxy_h.commands = @echo Fake making the header for ${QMAKE_FILE_IN}
+gen_proxy_h.depends = ${QMAKE_FILE_IN_BASE}_proxy.cpp
+gen_proxy_h.output = ${QMAKE_FILE_IN_BASE}_proxy.h
+gen_proxy_h.clean = ${QMAKE_FILE_IN_BASE}_proxy.h
+
+QMAKE_EXTRA_COMPILERS += gen_adaptor_cpp gen_proxy_cpp gen_adaptor_h gen_proxy_h
+
+DISTFILES +=
diff --git a/demo3/horizontal/homescreen/interfaces/src/appframework.cpp b/demo3/horizontal/homescreen/interfaces/src/appframework.cpp
new file mode 100644
index 0000000..7420642
--- /dev/null
+++ b/demo3/horizontal/homescreen/interfaces/src/appframework.cpp
@@ -0,0 +1,167 @@
+/*
+ * Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#include "include/appframework.hpp"
+
+#include <QtCore/QJsonObject>
+
+class AppInfo::Private : public QSharedData
+{
+public:
+    Private();
+    Private(const Private &other);
+
+    QString id;
+    QString version;
+    int width;
+    int height;
+    QString name;
+    QString description;
+    QString shortname;
+    QString author;
+    QString iconPath;
+};
+
+AppInfo::Private::Private()
+    : width(-1)
+    , height(-1)
+{
+}
+
+AppInfo::Private::Private(const Private &other)
+    : QSharedData(other)
+    , id(other.id)
+    , version(other.version)
+    , width(other.width)
+    , height(other.height)
+    , name(other.name)
+    , description(other.description)
+    , shortname(other.shortname)
+    , author(other.author)
+    , iconPath(other.iconPath)
+{
+}
+
+AppInfo::AppInfo()
+    : d(new Private)
+{
+}
+
+AppInfo::AppInfo(const AppInfo &other)
+    : d(other.d)
+{
+}
+
+AppInfo::~AppInfo()
+{
+}
+
+AppInfo &AppInfo::operator =(const AppInfo &other)
+{
+    d = other.d;
+    return *this;
+}
+
+QString AppInfo::id() const
+{
+    return d->id;
+}
+
+QString AppInfo::version() const
+{
+    return d->version;
+}
+
+int AppInfo::width() const
+{
+    return d->width;
+}
+
+int AppInfo::height() const
+{
+    return d->height;
+}
+
+QString AppInfo::name() const
+{
+    return d->name;
+}
+
+QString AppInfo::description() const
+{
+    return d->description;
+}
+
+QString AppInfo::shortname() const
+{
+    return d->shortname;
+}
+
+QString AppInfo::author() const
+{
+    return d->author;
+}
+
+QString AppInfo::iconPath() const
+{
+    return d->iconPath;
+}
+
+void AppInfo::read(const QJsonObject &json)
+{
+    d->id = json["id"].toString();
+    d->version = json["version"].toString();
+    d->width = json["width"].toInt();
+    d->height = json["height"].toInt();
+    d->name = json["name"].toString();
+    d->description = json["description"].toString();
+    d->shortname = json["shortname"].toString();
+    d->author = json["author"].toString();
+    d->iconPath = json["iconPath"].toString();
+}
+
+QDBusArgument &operator <<(QDBusArgument &argument, const AppInfo &appInfo)
+{
+    argument.beginStructure();
+    argument << appInfo.d->id;
+    argument << appInfo.d->version;
+    argument << appInfo.d->width;
+    argument << appInfo.d->height;
+    argument << appInfo.d->name;
+    argument << appInfo.d->description;
+    argument << appInfo.d->shortname;
+    argument << appInfo.d->author;
+    argument << appInfo.d->iconPath;
+    argument.endStructure();
+
+    return argument;
+}
+
+const QDBusArgument &operator >>(const QDBusArgument &argument, AppInfo &appInfo)
+{
+    argument.beginStructure();
+    argument >> appInfo.d->id;
+    argument >> appInfo.d->version;
+    argument >> appInfo.d->width;
+    argument >> appInfo.d->height;
+    argument >> appInfo.d->name;
+    argument >> appInfo.d->description;
+    argument >> appInfo.d->shortname;
+    argument >> appInfo.d->author;
+    argument >> appInfo.d->iconPath;
+    argument.endStructure();
+    return argument;
+}
diff --git a/demo3/horizontal/homescreen/interfaces/statusbar.xml b/demo3/horizontal/homescreen/interfaces/statusbar.xml
new file mode 100644
index 0000000..ec51be2
--- /dev/null
+++ b/demo3/horizontal/homescreen/interfaces/statusbar.xml
@@ -0,0 +1,38 @@
+<!DOCTYPE node PUBLIC "-//freedesktop//DTD D-BUS Object Introspection 1.0//EN" "http://www.freedesktop.org/standards/dbus/1.0/introspect.dtd">
+<!-- Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License. -->
+<node>
+  <interface name="org.agl.statusbar">
+      <method name="getAvailablePlaceholders">
+        <arg name="placeholderIndexes" type="ai" direction="out"/>
+        <annotation name="org.qtproject.QtDBus.QtTypeName.Out0" value="QList&lt;int&gt;"/>
+      </method>
+      <method name="getStatusText">
+        <arg name="placeholderIndex" type="i" direction="in"/>
+        <arg name="text" type="s" direction="out"/>
+      </method>
+      <method name="getStatusIcon">
+        <arg name="placeholderIndex" type="i" direction="in"/>
+        <arg name="iconURI" type="s" direction="out"/>
+      </method>
+      <method name="setStatusText">
+        <arg name="placeholderIndex" type="i" direction="in"/>
+        <arg name="text" type="s" direction="in"/>
+      </method>
+      <method name="setStatusIcon">
+        <arg name="placeholderIndex" type="i" direction="in"/>
+        <arg name="iconURI" type="s" direction="in"/>
+      </method>
+  </interface>
+</node>
diff --git a/demo3/horizontal/homescreen/package/config.xml b/demo3/horizontal/homescreen/package/config.xml
new file mode 100644
index 0000000..32d19fd
--- /dev/null
+++ b/demo3/horizontal/homescreen/package/config.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<widget xmlns="http://www.w3.org/ns/widgets" id="homescreen" version="0.1">
+  <name>homescreen</name>
+  <icon src="icon.svg"/>
+  <content src="bin/HomeScreen" type="application/vnd.agl.native"/>
+  <description>This is a demo application for homescreen</description>
+  <author>TOYOTA</author>
+  <license>APL 2.0</license>
+  <feature name="urn:AGL:widget:required-api">
+    <param name="homescreen" value="ws" />
+    <param name="network-manager" value="ws" />
+    <param name="weather" value="ws" />
+    <param name="Bluetooth-Manager" value="ws" />
+    <param name="windowmanager" value="ws" />
+  </feature>
+  <feature name="urn:AGL:widget:required-permission">
+    <param name="urn:AGL:permission::public:no-htdocs" value="required" />
+    <param name="urn:AGL:permission::system:run-by-default" value="required" />
+    <param name="http://tizen.org/privilege/internal/dbus" value="required" />
+  </feature>
+</widget>
diff --git a/demo3/horizontal/homescreen/package/icon.svg b/demo3/horizontal/homescreen/package/icon.svg
new file mode 100644
index 0000000..91661a7
--- /dev/null
+++ b/demo3/horizontal/homescreen/package/icon.svg
@@ -0,0 +1,279 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:i="&amp;ns_ai;"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 320 320"
+   style="enable-background:new 0 0 320 320;"
+   xml:space="preserve"
+   id="svg2"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="icon.svg"><metadata
+     id="metadata1292"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs1290" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1464"
+     id="namedview1288"
+     showgrid="false"
+     inkscape:zoom="0.7375"
+     inkscape:cx="-572.20339"
+     inkscape:cy="160"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" /><style
+     type="text/css"
+     id="style4">
+	.st0{display:none;}
+	.st1{display:inline;}
+	.st2{opacity:0.4;fill:url(#SVGID_1_);}
+	.st3{fill:url(#SVGID_2_);}
+	.st4{fill:#FFFFFF;}
+	.st5{font-family:'Roboto-Regular';}
+	.st6{font-size:25px;}
+	.st7{letter-spacing:6;}
+	.st8{fill:url(#SVGID_3_);}
+	.st9{fill:url(#SVGID_4_);}
+	.st10{fill:url(#SVGID_5_);}
+	.st11{fill:url(#SVGID_6_);}
+	.st12{fill:url(#SVGID_7_);}
+	.st13{fill:url(#SVGID_8_);}
+	.st14{fill:url(#SVGID_9_);}
+	.st15{fill:url(#SVGID_10_);}
+	.st16{fill:url(#SVGID_11_);}
+	.st17{fill:url(#SVGID_12_);}
+	.st18{fill:url(#SVGID_13_);}
+	.st19{fill:url(#SVGID_14_);}
+	.st20{fill:url(#SVGID_15_);}
+	.st21{fill:url(#SVGID_16_);}
+	.st22{fill:url(#SVGID_17_);}
+	.st23{fill:url(#SVGID_18_);}
+	.st24{opacity:0.29;}
+	.st25{fill:url(#SVGID_19_);}
+	.st26{fill:url(#SVGID_20_);}
+	.st27{fill:url(#SVGID_21_);}
+	.st28{fill:url(#SVGID_22_);}
+	.st29{fill:url(#SVGID_23_);}
+	.st30{fill:url(#SVGID_24_);}
+	.st31{fill:url(#SVGID_25_);}
+	.st32{fill:url(#SVGID_26_);}
+	.st33{fill:url(#SVGID_27_);}
+	.st34{fill:url(#SVGID_28_);}
+	.st35{fill:url(#SVGID_29_);}
+	.st36{fill:url(#SVGID_30_);}
+	.st37{fill:url(#SVGID_31_);}
+	.st38{fill:url(#SVGID_32_);}
+	.st39{fill:url(#SVGID_33_);}
+	.st40{fill:url(#SVGID_34_);}
+	.st41{fill:url(#SVGID_35_);}
+	.st42{fill:url(#SVGID_36_);}
+	.st43{opacity:0.4;fill:url(#SVGID_37_);}
+	.st44{fill:url(#SVGID_38_);}
+	.st45{fill:url(#SVGID_39_);}
+	.st46{fill:url(#SVGID_40_);}
+	.st47{fill:url(#SVGID_41_);}
+	.st48{fill:url(#SVGID_42_);}
+	.st49{fill:url(#SVGID_43_);}
+	.st50{fill:url(#SVGID_44_);}
+	.st51{display:inline;opacity:0.29;}
+	.st52{display:inline;fill:url(#SVGID_45_);}
+	.st53{display:inline;fill:url(#SVGID_46_);}
+	.st54{display:inline;fill:#FFFFFF;}
+	.st55{display:inline;fill:url(#SVGID_47_);}
+	.st56{display:inline;fill:url(#SVGID_48_);}
+	.st57{display:inline;fill:url(#SVGID_49_);}
+	.st58{display:inline;fill:url(#SVGID_50_);}
+	.st59{display:inline;fill:url(#SVGID_51_);}
+	.st60{display:inline;fill:url(#SVGID_52_);}
+	.st61{opacity:0.4;fill:url(#SVGID_53_);}
+	.st62{fill:url(#SVGID_54_);}
+	.st63{fill:url(#SVGID_55_);}
+	.st64{fill:url(#SVGID_56_);}
+	.st65{fill:url(#SVGID_57_);}
+	.st66{fill:url(#SVGID_58_);}
+	.st67{opacity:0.4;fill:url(#SVGID_59_);}
+	.st68{fill:url(#SVGID_60_);}
+	.st69{fill:url(#SVGID_61_);}
+	.st70{fill:url(#SVGID_62_);}
+	.st71{fill:url(#SVGID_63_);}
+	.st72{fill:url(#SVGID_64_);}
+	.st73{fill:url(#SVGID_65_);}
+	.st74{fill:url(#SVGID_66_);}
+	.st75{fill:url(#SVGID_67_);}
+	.st76{fill:url(#SVGID_68_);}
+	.st77{fill:url(#SVGID_69_);}
+	.st78{fill:url(#SVGID_70_);}
+	.st79{fill:url(#SVGID_71_);}
+	.st80{fill:url(#SVGID_72_);}
+	.st81{fill:url(#SVGID_73_);}
+	.st82{fill:url(#SVGID_74_);}
+	.st83{fill:url(#SVGID_75_);}
+	.st84{fill:url(#SVGID_76_);}
+	.st85{fill:url(#SVGID_77_);}
+	.st86{fill:url(#SVGID_78_);}
+	.st87{fill:url(#SVGID_79_);}
+	.st88{fill:url(#SVGID_80_);}
+	.st89{fill:url(#SVGID_81_);}
+	.st90{fill:url(#SVGID_82_);}
+	.st91{fill:url(#SVGID_83_);}
+	.st92{fill:url(#SVGID_84_);}
+	.st93{fill:url(#SVGID_85_);}
+	.st94{fill:url(#SVGID_86_);}
+	.st95{opacity:0.4;fill:url(#SVGID_87_);}
+	.st96{fill:url(#SVGID_88_);}
+	.st97{fill:url(#SVGID_89_);}
+	.st98{fill:url(#SVGID_90_);}
+	.st99{fill:url(#SVGID_91_);}
+	.st100{fill:url(#SVGID_92_);}
+	.st101{fill:url(#SVGID_93_);}
+	.st102{fill:url(#SVGID_94_);}
+	.st103{opacity:0.4;fill:url(#SVGID_95_);}
+	.st104{fill:url(#SVGID_96_);}
+	.st105{fill:url(#SVGID_97_);}
+	.st106{fill:url(#SVGID_98_);}
+	.st107{fill:url(#SVGID_99_);}
+	.st108{fill:url(#SVGID_100_);}
+	.st109{fill:url(#SVGID_101_);}
+	.st110{display:inline;fill:url(#SVGID_102_);}
+	.st111{display:inline;fill:url(#SVGID_103_);}
+	.st112{fill:url(#SVGID_104_);}
+	.st113{fill:url(#SVGID_105_);}
+	.st114{fill:url(#SVGID_106_);}
+	.st115{fill:url(#SVGID_107_);}
+	.st116{fill:url(#SVGID_108_);}
+	.st117{opacity:0.4;fill:url(#SVGID_109_);}
+	.st118{fill:url(#SVGID_110_);}
+	.st119{fill:url(#SVGID_111_);}
+	.st120{fill:url(#SVGID_112_);}
+	.st121{fill:url(#SVGID_113_);}
+	.st122{fill:url(#SVGID_114_);}
+	.st123{opacity:0.4;fill:url(#SVGID_115_);}
+	.st124{fill:url(#SVGID_116_);}
+	.st125{fill:url(#SVGID_117_);}
+	.st126{fill:url(#SVGID_118_);}
+	.st127{display:inline;fill:url(#SVGID_119_);}
+	.st128{display:inline;fill:url(#SVGID_120_);}
+	.st129{fill:url(#SVGID_121_);}
+	.st130{fill:url(#SVGID_122_);}
+</style><switch
+     id="switch6"><g
+       i:extraneous="self"
+       id="g8"><g
+         id="Multimedia_Inactive_copy"><circle
+           class="st24"
+           cx="159.7"
+           cy="133.4"
+           r="101.9"
+           id="circle884" /><linearGradient
+           id="SVGID_91_"
+           gradientUnits="userSpaceOnUse"
+           x1="115.9317"
+           y1="254.1836"
+           x2="256.3852"
+           y2="-133.5267"><stop
+             offset="0"
+             style="stop-color:#8BC53F"
+             id="stop887" /><stop
+             offset="2.015080e-02"
+             style="stop-color:#7CCB56;stop-opacity:0.9678"
+             id="stop889" /><stop
+             offset="6.089833e-02"
+             style="stop-color:#62D67D;stop-opacity:0.9028"
+             id="stop891" /><stop
+             offset="0.1057"
+             style="stop-color:#4BDFA0;stop-opacity:0.8312"
+             id="stop893" /><stop
+             offset="0.1543"
+             style="stop-color:#38E7BE;stop-opacity:0.7537"
+             id="stop895" /><stop
+             offset="0.2077"
+             style="stop-color:#28EED6;stop-opacity:0.6684"
+             id="stop897" /><stop
+             offset="0.2681"
+             style="stop-color:#1CF3E8;stop-opacity:0.572"
+             id="stop899" /><stop
+             offset="0.3394"
+             style="stop-color:#13F6F5;stop-opacity:0.4581"
+             id="stop901" /><stop
+             offset="0.4323"
+             style="stop-color:#0EF8FD;stop-opacity:0.3098"
+             id="stop903" /><stop
+             offset="0.6264"
+             style="stop-color:#0DF9FF;stop-opacity:0"
+             id="stop905" /></linearGradient><circle
+           class="st99"
+           cx="159.7"
+           cy="133.4"
+           r="101.9"
+           id="circle907" /><linearGradient
+           id="SVGID_92_"
+           gradientUnits="userSpaceOnUse"
+           x1="4.0481"
+           y1="287.9492"
+           x2="320.4859"
+           y2="-15.4029"
+           gradientTransform="matrix(1 5.464556e-03 -5.464556e-03 1 -2.0192 -3.0212)"><stop
+             offset="0"
+             style="stop-color:#59FF7F"
+             id="stop910" /><stop
+             offset="1"
+             style="stop-color:#6BFBFF"
+             id="stop912" /></linearGradient><path
+           class="st100"
+           d="M160,238.8c-0.2,0-0.4,0-0.6,0c-58-0.3-104.9-47.7-104.6-105.7C55.2,75.3,102.3,28.5,160,28.5     c0.2,0,0.4,0,0.6,0c58,0.3,104.9,47.7,104.6,105.7l0,0C264.8,192,217.7,238.8,160,238.8z M160,32.2     c-55.7,0-101.2,45.2-101.5,100.9c-0.3,55.9,45,101.7,100.9,102c0.2,0,0.4,0,0.6,0c55.7,0,101.2-45.2,101.5-100.9     c0.3-55.9-45-101.7-100.9-102C160.4,32.2,160.2,32.2,160,32.2z"
+           id="path914" /><g
+           id="g916"><text
+             transform="matrix(1 0 0 1 53.5841 284.7119)"
+             class="st4 st5 st6 st7"
+             id="text918">MULTIMEDIA</text>
+<linearGradient
+             id="SVGID_93_"
+             gradientUnits="userSpaceOnUse"
+             x1="140.5445"
+             y1="202.2363"
+             x2="186.8444"
+             y2="68.7049"><stop
+               offset="0"
+               style="stop-color:#59FF7F"
+               id="stop921" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop923" /></linearGradient><path
+             class="st101"
+             d="M114.5,190.9c-6.4,0-12-2.6-14.8-7.5c-2.9-4.9-5.4-14.5,9.6-23.2c4.8-2.8,17.1-3.9,20.8-4l0.1,3.6      c-4.6,0.1-15.5,1.4-19.1,3.5c-9.4,5.4-12.1,11.5-8.3,18.3c3.8,6.6,14.6,7.6,24,2.2c6.6-3.8,10.6-10.5,10.7-17.9l-0.1-0.7V95.4      l71.9-14.2l0.1,71.3c0,6.7-3.3,16.4-12.5,21.8c-11.1,6.4-24.1,4.8-28.9-3.5c-2.9-4.9-5.4-14.5,9.6-23.2      c4.4-2.5,14.4-3.8,18.8-3.9l0.1,3.6c-4.2,0.1-13.5,1.4-17.1,3.5c-6.4,3.7-13.1,9.9-8.3,18.3c3.8,6.6,14.6,7.6,24,2.2      c7.9-4.5,10.7-12.8,10.7-18.5l-0.1-0.8V85.6l-64.7,12.7v66.8l0.1,0.7c0,8.7-4.7,16.6-12.5,21.1      C123.9,189.6,119,190.9,114.5,190.9z"
+             id="path925" /><linearGradient
+             id="SVGID_94_"
+             gradientUnits="userSpaceOnUse"
+             x1="145.3286"
+             y1="203.8951"
+             x2="191.6285"
+             y2="70.3637"><stop
+               offset="0"
+               style="stop-color:#59FF7F"
+               id="stop928" /><stop
+               offset="1"
+               style="stop-color:#6BFBFF"
+               id="stop930" /></linearGradient><polygon
+             class="st102"
+             points="155.6,123.3 154.8,119.8 195.5,110.2 196.3,113.7     "
+             id="polygon932" /></g></g></g></switch></svg>
+\ No newline at end of file
diff --git a/demo3/horizontal/homescreen/package/package.pro b/demo3/horizontal/homescreen/package/package.pro
new file mode 100644
index 0000000..09c7a01
--- /dev/null
+++ b/demo3/horizontal/homescreen/package/package.pro
@@ -0,0 +1,22 @@
+DISTFILES = icon.svg config.xml
+
+copy_icon.target = $$OUT_PWD/root/icon.svg
+copy_icon.depends = $$_PRO_FILE_PWD_/icon.svg
+copy_icon.commands = $(COPY_FILE) \"$$replace(copy_icon.depends, /, $$QMAKE_DIR_SEP)\" \"$$replace(copy_icon.target, /, $$QMAKE_DIR_SEP)\"
+QMAKE_EXTRA_TARGETS += copy_icon
+PRE_TARGETDEPS += $$copy_icon.target
+
+copy_config.target = $$OUT_PWD/root/config.xml
+copy_config.depends = $$_PRO_FILE_PWD_/config.xml
+copy_config.commands = $(COPY_FILE) \"$$replace(copy_config.depends, /, $$QMAKE_DIR_SEP)\" \"$$replace(copy_config.target, /, $$QMAKE_DIR_SEP)\"
+QMAKE_EXTRA_TARGETS += copy_config
+PRE_TARGETDEPS += $$copy_config.target
+
+wgt.target = package
+wgt.commands = wgtpkg-pack -f -o homescreen.wgt root
+
+QMAKE_EXTRA_TARGETS += wgt
+
+deploy.files = homescreen.wgt
+deploy.path = /usr/AGL/apps/autoinstall
+INSTALLS += deploy
diff --git a/demo3/horizontal/homescreen/screenshot/homescreen.png b/demo3/horizontal/homescreen/screenshot/homescreen.png
new file mode 100644
index 0000000..615a697
--- /dev/null
+++ b/demo3/horizontal/homescreen/screenshot/homescreen.png
author	zheng_wenlong <wenlong_zheng@nexty-ele.com>	2018-11-13 09:50:02 +0900
committer	zheng_wenlong <wenlong_zheng@nexty-ele.com>	2018-11-14 12:14:01 +0900
commit	721d5206c84e5d5b9572fa65be7e17b1eabffe1e (patch)
tree	f94014e4e86ccfc780317edfe9a56179769638db /demo3
parent	f6ec50d76f0300ae2f05431b4300c28fc5c3101c (diff)