diff --git a/docs/application/toc_all.md b/docs/application/toc_all.md index 2536e3272a..6ed4c89466 100755 --- a/docs/application/toc_all.md +++ b/docs/application/toc_all.md @@ -1277,6 +1277,7 @@ ### [.NET application development](/application/vstools/Tizen/dotnet.md) ### [Web application development](/application/vstools/Tizen/web.md) ### [Native application development](/application/vstools/Tizen/native.md) +### [Hybrid application development](/application/vstools/Tizen/hybrid.md) # Visual Studio Code Extension for Tizen diff --git a/docs/application/vstools/Tizen/dotnet.md b/docs/application/vstools/Tizen/dotnet.md index 9532165923..9594b34727 100644 --- a/docs/application/vstools/Tizen/dotnet.md +++ b/docs/application/vstools/Tizen/dotnet.md @@ -14,15 +14,15 @@ To create a Tizen .Net project: 2. For creating .Net application, select **C#** and **Tizen** options in the dropdown list. Then, select the required template for your project and click **Next**. - ![Create Tizen project](media/dotnet_create_project.PNG) + ![Create Tizen project](media/dotnet_create_project_new.PNG) 3. In the configure window, type the name for your project and click **Create**. - ![Configure project](media/dotnet_configure_project.PNG) + ![Configure project](media/dotnet_configure_project_new.PNG) -4. In the **Tizen Project Wizard** window, select the platform version and click **OK**. +4. In the **Tizen Profile Select** window, select the required profile, platform version, and template for your project, then click **OK**. - ![Version selection](media/dotnet_platform_version.PNG) + ![Version selection](media/dotnet_platform_version_new.PNG) ### Build your project diff --git a/docs/application/vstools/Tizen/hybrid.md b/docs/application/vstools/Tizen/hybrid.md new file mode 100644 index 0000000000..d3a2557a19 --- /dev/null +++ b/docs/application/vstools/Tizen/hybrid.md @@ -0,0 +1,81 @@ +# Hybrid application development + + +## Develop application + +The following sections explain how to use Visual Studio Extension for Tizen to develop hybrid applications. Hybrid application for Tizen supports different types (.NET/Native/Web) of projects in the same solution/workspace. + + +### Create Tizen .NET project + +To create a Tizen .NET project: Refer to [Create Tizen .NET project](dotnet.md) + + +### Add Tizen Native project + +To add a Tizen Native project into the above created .NET project to make the Hybrid solution: + +1. In the Visual Studio Solution Explorer, right click on Solution **Add > New Project**. + +2. For creating Native application, select **C++** and **Tizen** options in the dropdown list. Then, select **Tizen Native Project** and click **Next**. + + ![Create Tizen project](media/native_create_project.PNG) + +3. In the configure window, type the name for your project and click **Create**. + + ![Configure project](media/native_sub_project_configure.PNG) + +4. In the **Tizen Profile Select** window, select the required template for your project, then click **OK**. + + ![Version selection](media/native_platform_version.PNG) + +5. The Visual Studio window with newly created project appears on the **Solution Explorer**. + + ![Visual Studio screen](media/hybrid_vs_screen.PNG) + + +### Set startup project + +1. From **Solution Explorer**, right click on the desired project and select **Set as Startup Project**. + + +### Add project dependency + +1. From Solution Explorer, right click on **Startup Project** and select **Add Tizen Project Dependency**. + + ![Add Project Dependency](media/hybrid_add_dependency.PNG) + +2. A window with a project list for selection will be displayed. + + ![Project Dependency List](media/hybrid_dependency_list.PNG) + +3. Select the dependency projects and press OK button. + + ![Project Dependency List](media/hybrid_dependency_list_selected.PNG) + + +### Build your project + +1. To build your project, select **Build Solution** in the **Solution Explorer** window. + + ![Build project](media/native_build_project.PNG) + +2. To deploy and run your application, select **Debug > Start without Debugging**. + + > [!NOTE] + > Ensure the emulator is running in your system. + + ![Run application](media/native_run_application1.PNG) + + ![Application](media/native_run_application2.PNG) + + +### Debug your application in emulator + +1. Open the .cs file in your Visual Studio application. + +2. Add a break point in your source code. + + ![Add break point](media/dotnet_debug_application.PNG) + +3. Start the debugging session by selecting **Debug > Start Debugging** in the menu bar, or pressing **F5**, or by clicking the **Debug** button in the menu bar. diff --git a/docs/application/vstools/Tizen/media/dotnet_configure_project_new.PNG b/docs/application/vstools/Tizen/media/dotnet_configure_project_new.PNG new file mode 100644 index 0000000000..6d3a1b6600 Binary files /dev/null and b/docs/application/vstools/Tizen/media/dotnet_configure_project_new.PNG differ diff --git a/docs/application/vstools/Tizen/media/dotnet_create_project_new.PNG b/docs/application/vstools/Tizen/media/dotnet_create_project_new.PNG new file mode 100644 index 0000000000..56a25e31bb Binary files /dev/null and b/docs/application/vstools/Tizen/media/dotnet_create_project_new.PNG differ diff --git a/docs/application/vstools/Tizen/media/dotnet_platform_version_new.PNG b/docs/application/vstools/Tizen/media/dotnet_platform_version_new.PNG new file mode 100644 index 0000000000..e0f3008024 Binary files /dev/null and b/docs/application/vstools/Tizen/media/dotnet_platform_version_new.PNG differ diff --git a/docs/application/vstools/Tizen/media/hybrid_add_dependency.PNG b/docs/application/vstools/Tizen/media/hybrid_add_dependency.PNG new file mode 100644 index 0000000000..6acf54ac5f Binary files /dev/null and b/docs/application/vstools/Tizen/media/hybrid_add_dependency.PNG differ diff --git a/docs/application/vstools/Tizen/media/hybrid_dependency_list.PNG b/docs/application/vstools/Tizen/media/hybrid_dependency_list.PNG new file mode 100644 index 0000000000..a1134cb43b Binary files /dev/null and b/docs/application/vstools/Tizen/media/hybrid_dependency_list.PNG differ diff --git a/docs/application/vstools/Tizen/media/hybrid_dependency_list_selected.PNG b/docs/application/vstools/Tizen/media/hybrid_dependency_list_selected.PNG new file mode 100644 index 0000000000..ff8ff417f6 Binary files /dev/null and b/docs/application/vstools/Tizen/media/hybrid_dependency_list_selected.PNG differ diff --git a/docs/application/vstools/Tizen/media/hybrid_vs_screen.PNG b/docs/application/vstools/Tizen/media/hybrid_vs_screen.PNG new file mode 100644 index 0000000000..482df69251 Binary files /dev/null and b/docs/application/vstools/Tizen/media/hybrid_vs_screen.PNG differ diff --git a/docs/application/vstools/Tizen/media/native_platform_version.PNG b/docs/application/vstools/Tizen/media/native_platform_version.PNG new file mode 100644 index 0000000000..87698a6711 Binary files /dev/null and b/docs/application/vstools/Tizen/media/native_platform_version.PNG differ diff --git a/docs/application/vstools/Tizen/media/native_sub_project_configure.PNG b/docs/application/vstools/Tizen/media/native_sub_project_configure.PNG new file mode 100644 index 0000000000..87a4a82b3c Binary files /dev/null and b/docs/application/vstools/Tizen/media/native_sub_project_configure.PNG differ