Doc: Update documentation on how to share apps online

Provide basic information and instructions about sharing applications online

Task-number: QDS-7155
Change-Id: I69632f370a452c1b9cc03ebac260f0382a89449b
Reviewed-by: Leena Miettinen <riitta-leena.miettinen@qt.io>

6 files changed, 28 insertions, 19 deletions

diff --git a/doc/qtcreator/src/qtquick/qtquick-live-preview.qdoc b/doc/qtcreator/src/qtquick/qtquick-live-preview.qdoc
index cf4abeb59c..0003655005 100644
--- a/doc/qtcreator/src/qtquick/qtquick-live-preview.qdoc
+++ b/doc/qtcreator/src/qtquick/qtquick-live-preview.qdoc
@@ -79,10 +79,15 @@
             You can preview Android applications live using an Android
             emulator.
 
-        \endif
+        \li \l{Sharing Applications Online}
+
+            You can share applications online and view them in a web browser.
+
+        \else
         \li \l{Previewing in Browsers}
 
-            You can open \l{https://qt-webassembly.io/designviewer/}{\QDV}
+            You can open \l{https://designviewer.qt.io/}{\QDV}
             in a browser and load applications to it.
+        \endif
     \endlist
 */
diff --git a/doc/qtdesignstudio/images/qt-design-viewer.webp b/doc/qtdesignstudio/images/qt-design-viewer.webp
new file mode 100644
index 0000000000..47c80e4d6a
--- /dev/null
+++ b/doc/qtdesignstudio/images/qt-design-viewer.webp
diff --git a/doc/qtdesignstudio/images/share-online-manage.webp b/doc/qtdesignstudio/images/share-online-manage.webp
new file mode 100644
index 0000000000..3ddb938dfc
--- /dev/null
+++ b/doc/qtdesignstudio/images/share-online-manage.webp
diff --git a/doc/qtdesignstudio/images/share-online.webp b/doc/qtdesignstudio/images/share-online.webp
new file mode 100644
index 0000000000..c91661f18c
--- /dev/null
+++ b/doc/qtdesignstudio/images/share-online.webp
diff --git a/doc/qtdesignstudio/src/overviews/qt-design-viewer.qdoc b/doc/qtdesignstudio/src/overviews/qt-design-viewer.qdoc
index 5bb4e534f5..9d869a72d0 100644
--- a/doc/qtdesignstudio/src/overviews/qt-design-viewer.qdoc
+++ b/doc/qtdesignstudio/src/overviews/qt-design-viewer.qdoc
@@ -6,34 +6,38 @@
     \previouspage creator-live-preview-android.html
     \nextpage studio-exporting-and-importing.html
 
-    \title Previewing in Browsers
+    \title Sharing Applications Online
 
-    \image qt-design-viewer.png
+    \image qt-design-viewer.webp
 
-    \QDV is a QML viewer that runs in your web browser. This means that you can
-    run applications in most widely-used web browsers, such as Apple Safari,
-    Google Chrome, Microsoft Edge, and Mozilla Firefox, on the desktop and on
-    mobile devices.
+    In \QDS, you can share your applications in most widely-used web browsers,
+    such as Apple Safari, Google Chrome, Microsoft Edge, and Mozilla Firefox,
+    on the desktop and on mobile devices.
+
+    The application shared online runs in Qt Design Viewer, which is a QML
+    viewer that runs in your web browser.
 
     The startup and compilation time depend on your browser and configuration.
     However, the actual performance of the application once started is
     indistinguishable from the same application running on the desktop.
 
-    To create a resource file out of your project, select \uicontrol Build >
-    \uicontrol {Generate Resource File} in \QC. Then upload the package into
-    \QDV.
-
     The loaded applications remain locally in your browser. No data is uploaded
     into the cloud.
 
-    To preview an application in a web browser:
+    \section1 Sharing your Application Online
+
+    To share your \QDS application online:
 
     \list 1
-        \li In the browser, open \l{http://qt-webassembly.io/designviewer/}
-            {\QDV}.
-        \li Drag and drop your application package to \QDV, or click the load
-            icon to browse for your file.
+      \li Open the application in \QDS.
+      \li Select \uicontrol File > \uicontrol {Share Application Online}.
+      \li In the dialog, select \uicontrol Share.
+      \image share-online.webp
     \endlist
 
-    Your application is compiled and run on \QDV.
+    In the dialog, you can now open the application in a web
+    browser, copy the link to share with others, or manage your shared
+    applications.
+
+    \image share-online-manage.webp
 */
diff --git a/doc/qtdesignstudio/src/qtdesignstudio-toc.qdoc b/doc/qtdesignstudio/src/qtdesignstudio-toc.qdoc
index 11ff34f21a..edd27446d5 100644
--- a/doc/qtdesignstudio/src/qtdesignstudio-toc.qdoc
+++ b/doc/qtdesignstudio/src/qtdesignstudio-toc.qdoc
@@ -153,7 +153,7 @@
                         \li \l{Previewing on Desktop}
                         \li \l{Previewing on Devices}
                         \li \l{Previewing Android Applications}
-                        \li \l{Previewing in Browsers}
+                        \li \l{Sharing Applications Online}
                     \endlist
                 \li \l {Asset Creation with Other Tools}
                     \list