Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

VS Tizen extension user docs update for .Net and Hybrid App. #1612

Merged
merged 4 commits into from
Mar 29, 2022
Merged
Show file tree
Hide file tree
Changes from 3 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions docs/application/toc_all.md
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
8 changes: 4 additions & 4 deletions docs/application/vstools/Tizen/dotnet.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
81 changes: 81 additions & 0 deletions docs/application/vstools/Tizen/hybrid.md
Original file line number Diff line number Diff line change
@@ -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**.
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Added a missing comma to improve readability.

Suggested change
1. From **Solution Explorer** right click on the desired project and select **Set as 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**.
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Added a missing comma to improve readability.

Suggested change
1. From Solution Explorer right click on **Startup Project** and select **Add Tizen 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.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.