<li><p>Launch the Tizen Studio.</p></li>
<li>
-<p>Make sure the <strong>Tizen Native</strong> perspective is selected in the top right corner of the Tizen Studio window. </p>
+<p>Make sure the <strong>Native</strong> perspective is selected in the top right corner of the Tizen Studio window. </p>
<p align="center"><img alt="Checking the perspective" src="../../images/change_perspective_n.png" /></p>
-<p>If not, select it. If the perspective is not visible, in the Tizen Studio menu, select <strong>Window > Open Perspective > Other > Tizen Native</strong>, and click <strong>OK</strong>.</p>
+<p>If not, select it. If the perspective is not visible, in the Tizen Studio menu, select <strong>Window > Perspective > Open Perspective > Other > Native</strong>, and click <strong>OK</strong>.</p>
</li>
<li>
-<p>In the Tizen Studio menu, select <strong>File > New > Tizen Native Project</strong>.</p>
+<p>In the Tizen Studio menu, select <strong>File > New > Tizen Project</strong>.</p>
<p align="center"><img alt="Creating a new Tizen Native project" src="../../images/create_project_1_n.png" /></p>
<p>The Project Wizard opens.</p>
</li>
<p>In the Project Wizard, define the project details.</p>
<p>The Project Wizard is used to create the basic application skeleton with the required folder structure and mandatory files. You can easily create different applications by selecting an applicable template or sample for the Project Wizard to use.</p>
<ol type="a">
-<li><p>Select the <strong>Template</strong> tab and the <strong>MOBILE-[version] > Basic UI</strong> template. The version depends on the SDK version you have installed and with which you are developing the application.</p></li>
-<li><p>Change the project name, if you want.</p></li>
-<li><p>Leave all other fields in the Project Wizard to their default values, and click <strong>Finish</strong>.</p></li>
+<li><p>Select the <strong>Template</strong> project type and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the project type" src="../../images/create_project_wizard_type.png" /></p>
+</li>
+<li><p>Select the profile (<strong>Mobile</strong>) and version from a drop-down list and click <strong>Next</strong>.</p>
+<p>The version depends on the platform version you have installed and with which you are developing the application.</p>
+<p align="center"><img alt="Selecting the profile and version" src="../../images/create_project_wizard_version.png" /></p>
+</li>
+<li><p>Select the <strong>Native Application</strong> application type and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the application type" src="../../images/create_project_wizard_app.png" /></p>
+</li>
+<li><p>Select the <strong>Basic UI</strong> template and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the template" src="../../images/create_project_wizard_template.png" /></p>
+</li>
+<li><p>Define the project properties and click <strong>Finish</strong>.</p>
+<p>You can fill the project name (3-50 characters) and the unique package ID. You can also select the location and working sets by clicking <strong>More properties</strong>.</p>
+<p align="center"><img alt="Defining properties" src="../../images/create_project_wizard_properties.png" /></p>
+
+<p>The Project Wizard sets up the project, creates the application files using the default content from the template, and closes. For more information about the Project Wizard and the available templates, see <a href="../../../../org.tizen.studio/html/native_tools/project_wizard_n.htm">Creating Tizen Projects with Tizen Project Wizard</a>.</p></li>
</ol>
-<p align="center"><img alt="Defining the project details" src="../../images/create_project_2_mn.png" /></p>
-<p>The Project Wizard sets up the project, creates the application files using the default content from the template, and closes. For more information about the Project Wizard and the available templates, see <a href="../../../../org.tizen.studio/html/native_tools/project_wizard_n.htm">Creating Tizen Projects with Tizen Project Wizard</a>.</p>
</li>
</ol>
<li><p><strong>Localization</strong>: Define localized values for the application label, description, and icon.</p></li>
<li><p><strong>Advanced</strong>: Define advanced features, such as application metadata, data control for services, application control functionalities, and account details.</p></li>
<li>
-<p><strong>tizen-manifest.xml</strong>: View and edit the source code of the <span style="font-family: Courier New,Courier,monospace">tizen-manifest.xml</span> file. Changes made and saved on the other tabs are reflected in the source code and vice versa.</p>
+<p><strong>Source</strong>: View and edit the source code of the <span style="font-family: Courier New,Courier,monospace">tizen-manifest.xml</span> file. Changes made and saved on the other tabs are reflected in the source code and vice versa.</p>
<table class="note">
<tbody>
<tr>
<th class="note">Note</th>
</tr>
<tr>
- <td class="note">The <span style="font-family: Courier New,Courier,monospace">tizen-manifest.xml</span> file must conform to both the XML file format and the Tizen native application specification requirements. Editing the file in the source code view is intended for advanced users only.</td>
+ <td class="note">The <span style="font-family: Courier New,Courier,monospace">tizen-manifest.xml</span> file must conform to both the XML file format and the Tizen native application specification requirements. Editing the file in the <strong>Source</strong> tab is intended for advanced users only.</td>
</tr>
</tbody>
</table>
</ul>
</li>
-<li><p>To save any changes, in the Tizen Studio menu, select <strong>File > Save</strong>.</p></li>
+<li><p>To save any changes, in the Tizen Studio menu, select <strong>File > Save All</strong>.</p></li>
</ol>
<p>Alternatively, you can also select the project in the <strong>Project Explorer</strong> view and do one of the following:</p>
<ul><li>In the Tizen Studio menu, select <strong>Project > Build Project</strong>.</li>
<li>Press the <strong>F10</strong> key.</li>
-<li>Click the hammer icon (<img alt="Building the application from the toolbar" src="../../images/build_icon_mn.png" />) in the toolbar.
-</li>
</ul>
</li>
</ul>
<li>In the <strong>Connection Explorer</strong> view, launch the Emulator Manager by clicking the related icon.
<p align="center"><img src="../../images/emulator_icon.png" alt="Emulator manager icon" /></p>
</li>
-
-<li>In the Emulator Manager, open the <strong>Create New Emulator</strong> drop-down list and select <strong>mobile</strong>.
-<p align="center"><img src="../../images/emulator_new_mobile.png" alt="Emulator manager" /></p>
+<li>In the Emulator Manager, click <strong>Create</strong>.
+<p align="center"><img src="../../images/emulator_instance_create.png" alt="Creating an emulator instance" /></p>
</li>
-
-<li>Modify the emulator options, and click <strong>Confirm</strong>.
+<li>Select the applicable platform (in this case, <strong>mobile-2.4 (basic)</strong>), and click <strong>Next</strong>.
+<p align="center"><img src="../../images/emulator_instance_platform.png" alt="Selecting the platform" /></p>
+</li>
+<li>Select the device definition along with the platform version (in this case, <strong>HD Mobile</strong>), and click <strong>Next</strong>.
+<p align="center"><img src="../../images/emulator_instance_version.png" alt="Selecting the platform version" /></p>
+</li>
+<li>Define the emulator properties, and click <strong>Finish</strong>.
<p>You can leave the options to their default values.</p>
-<p align="center"><img src="../../images/emulator_settings_mobile.png" alt="Emulator options" /></p>
+<p align="center"><img src="../../images/emulator_instance_properties.png" alt="Defining the properties" /></p>
</li>
+<li>To launch the emulator instance, select the emulator from the list and click <strong>Launch</strong>.
+<p align="center"><img src="../../images/emulator_instance_launch.png" alt="Launching the emulator" /></p>
-<li>To launch the emulator instance, select the emulator from the list and click the play icon.
-<p align="center"><img src="../../images/emulator_launch_mobile.png" alt="Launch the emulator" /></p>
-
-<p>The emulator is launched in its own window.</p>
-<p>You can also see the new emulator instance in the <strong>Connection Explorer</strong> view. To view the emulator folder structure, click the arrow next to the emulator instance.</p>
+<p>The emulator is launched in its own window. You can also see the new emulator instance in the <strong>Connection Explorer</strong> view. To view the emulator folder structure, click the arrow next to the emulator instance.</p>
<p align="center"><img src="../../images/emulator_window_mobile.png" alt="Emulator" /></p>
</li>
</ol>
</li>
<li>Generate a security profile.
- <p>Before you run the application, you must sign your application package by <a href="https://developer.tizen.org/community/tip-tech/issuing-tizen-certificate-certificate-extension-ver-1.2#emulator" target="_blank">generating an author certificate and registering it</a> in the Tizen Studio.</p>
+ <p>Before you run the application, you must <a href="../../../../org.tizen.studio/html/common_tools/certificate_registration.htm">sign your application package with a certificate profile</a> in the Tizen Studio.</p>
</li>
<li>Run the application:
<ol type="a">
<li>In the <strong>Project Explorer</strong> view, right-click the project and select <strong>Run As > Tizen Native Application</strong>.
-<p align="center"><img src="../../images/app_run_mn.png" alt="Run the application" /></p>
+<p align="center"><img src="../../images/app_run_mn.png" alt="Running the application" /></p>
<p>Alternatively, you can also select the project in the <strong>Project Explorer</strong> view and do one of the following:</p>
<ul><li>Press the <strong>Ctrl+F11</strong> key.</li>
-<li>Click the play icon (<img src="../../images/emulator_play.png" alt="Play icon" />) in the toolbar.</li></ul>
+<li>Click the run icon in the toolbar.</li></ul>
+
+<p>If you have created multiple emulator instances, select the instance you want from the combo box in the toolbar before selecting to run the application. If you select an offline emulator, it is automatically launched when you select to run the application.</p>
+
+<p align="center"><img src="../../images/app_run_multiple_emulators.png" alt="Selecting the emulator to use" /></p>
</li>
<li>Confirm that the application launches on the emulator.
<ol>
<li>Connect the mobile target device to your computer using a USB cable.</li>
<li>Generate an author certificate.
-<p>Before you run the application, you must sign your application package by <a href="https://developer.tizen.org/community/tip-tech/issuing-tizen-certificate-certificate-extension-ver-1.2#CommercialDevices" target="_blank">generating an author certificate and registering it</a> in the Tizen Studio.</p>
+<p>Before you run the application, you must <a href="../../../../org.tizen.studio/html/common_tools/certificate_registration.htm">sign your application package with a certificate profile</a> in the Tizen Studio.</p>
</li>
<li>Run the application:
<ol type="a">
<li>In the <strong>Connection Explorer</strong> view, select the device.</li>
<li>In <strong>Project Explorer</strong> view, right-click the project and select <strong>Run As > Tizen Native Application</strong>.
-<p align="center"><img src="../../images/app_run_mn.png" alt="Run the application on a target device" /></p>
+<p align="center"><img src="../../images/app_run_mn.png" alt="Running the application on a target device" /></p>
<p>Alternatively, you can also select the project in the <strong>Project Explorer</strong> view and do one of the following:</p>
<ul><li>Press the <strong>Ctrl+F11</strong> key.</li>
-<li>Click the play icon (<img src="../../images/emulator_play.png" alt="Play icon" />) in the toolbar.</li></ul>
+<li>Click the run icon in the toolbar.</li></ul>
+
+<p>If you have both a connected device and existing emulator instances, select the device from the combo box in the toolbar before selecting to run the application.</p>
+
+<p align="center"><img src="../../images/app_run_multiple_emulators.png" alt="Selecting the device to use" /></p>
</li>
<li>Confirm that the application launches in the target device.</li>
<td class="note">The application is launched using the default debug run configuration. To create and use another configuration:
<ol>
<li>In the <strong>Project Explorer</strong> view, right-click the project and select <strong>Run As > Run Configurations</strong>.</li>
- <li>In the <strong>Run Configurations</strong> window, click the <strong>New Launch Configuration</strong> icon (<img alt="New Launch Configuration" src="../../images/run_new_config_wn.png" />), define the configuration details, and launch the application by clicking <strong>Run</strong>.
- <p align="center"><img alt="Run Configurations" src="../../images/run_configurations_n.png" /></p></li>
+ <li>In the <strong>Run Configurations</strong> window, click the <strong>New Launch Configuration</strong> icon (<img alt="New Launch Configuration icon" src="../../images/run_new_config_wn.png" />), define the configuration details, and launch the application by clicking <strong>Run</strong>.
+ <p align="center"><img alt="Run Configurations window" src="../../images/run_configurations_n.png" /></p></li>
</ol></td>
</tr>
</tbody>
<p>When you are developing a more complex application, you can take advantage of the <a href="../../../../org.tizen.studio/html/native_tools/cover_native_n.htm">native tools included in the Tizen Studio</a> to ease the tasks of creating functionality and designing the application UI.</p>
-<p><strong>Updating 2.3.1 Wearable Packages</strong></p>
-
-<p>To develop wearable applications in the latest Tizen SDK, you must install the 2.3.1 wearable packages separately:</p>
-
-<ol>
-<li>Launch the Update Manager by going to <strong>Start > All Programs > Tizen SDK-<version> > Update Manager-<version></strong>.</li>
-<li>In the <strong>All Packages</strong> tab, download all packages for <strong>2.3.1 Wearable</strong>.
-<p align="center"><img alt="Download packages" src="../../images/first_app_download_wn.png" /></p></li>
-</ol>
-
<h2 id="create">Creating a Project</h2>
<p>The following example shows you how to create and configure a basic wearable native application project in the Tizen Studio. An application project contains all the files that make up an application.</p>
<li><p>Launch the Tizen Studio.</p></li>
<li>
-<p>Make sure the <strong>Tizen Native</strong> perspective is selected in the top right corner of the Tizen Studio window. </p>
+<p>Make sure the <strong>Native</strong> perspective is selected in the top right corner of the Tizen Studio window. </p>
<p align="center"><img alt="Checking the perspective" src="../../images/change_perspective_n.png" /></p>
-<p>If not, select it. If the perspective is not visible, in the Tizen Studio menu, select <strong>Window > Open Perspective > Other > Tizen Native</strong>, and click <strong>OK</strong>.</p>
+<p>If not, select it. If the perspective is not visible, in the Tizen Studio menu, select <strong>Window > Perspective > Open Perspective > Other > Native</strong>, and click <strong>OK</strong>.</p>
</li>
<li>
-<p>In the Tizen Studio menu, select <strong>File > New > Tizen Native Project</strong>.</p>
+<p>In the Tizen Studio menu, select <strong>File > New > Tizen Project</strong>.</p>
<p align="center"><img alt="Creating a new Tizen Native project" src="../../images/create_project_1_n.png" /></p>
<p>The Project Wizard opens.</p>
</li>
<p>In the Project Wizard, define the project details.</p>
<p>The Project Wizard is used to create the basic application skeleton with the required folder structure and mandatory files. You can easily create different applications by selecting an applicable template or sample for the Project Wizard to use.</p>
<ol type="a">
-<li><p>Select the <strong>Template</strong> tab and the <strong>WEARABLE-[version] > Basic UI</strong> template. The version depends on the SDK version you have installed and with which you are developing the application.</p></li>
-<li><p>Change the project name, if you want.</p></li>
-<li><p>Leave all other fields in the Project Wizard to their default values, and click <strong>Finish</strong>.</p></li>
+<li><p>Select the <strong>Template</strong> project type and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the project type" src="../../images/create_project_wizard_type.png" /></p>
+</li>
+<li><p>Select the profile (<strong>Wearable</strong>) and version from a drop-down list and click <strong>Next</strong>.</p>
+<p>The version depends on the platform version you have installed and with which you are developing the application.</p>
+<p align="center"><img alt="Selecting the profile and version" src="../../images/create_project_wizard_version_wearable.png" /></p>
+</li>
+<li><p>Select the <strong>Native Application</strong> application type and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the application type" src="../../images/create_project_wizard_app_wearable.png" /></p>
+</li>
+<li><p>Select the <strong>Basic UI</strong> template and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the template" src="../../images/create_project_wizard_template_wn.png" /></p>
+</li>
+<li><p>Define the project properties and click <strong>Finish</strong>.</p>
+<p>You can fill the project name (3-50 characters) and the unique package ID. You can also select the location and working sets by clicking <strong>More properties</strong>.</p>
+<p align="center"><img alt="Defining properties" src="../../images/create_project_wizard_properties_wn.png" /></p>
+
+<p>The Project Wizard sets up the project, creates the application files using the default content from the template, and closes. For more information about the Project Wizard and the available templates, see <a href="../../../../org.tizen.studio/html/native_tools/project_wizard_n.htm">Creating Tizen Projects with Tizen Project Wizard</a>.</p></li>
</ol>
-<p align="center"><img alt="Defining the project details" src="../../images/create_project_2_wn.png" /></p>
-<p>The Project Wizard sets up the project, creates the application files using the default content from the template, and closes. For more information about the Project Wizard and the available templates, see <a href="../../../../org.tizen.studio/html/native_tools/project_wizard_n.htm">Creating Tizen Projects with Tizen Project Wizard</a>.</p>
</li>
</ol>
<li><p><strong>Localization</strong>: Define localized values for the application label, description, and icon.</p></li>
<li><p><strong>Advanced</strong>: Define advanced features, such as application metadata, data control for services, application control functionalities, and account details.</p></li>
<li>
-<p><strong>tizen-manifest.xml</strong>: View and edit the source code of the <span style="font-family: Courier New,Courier,monospace">tizen-manifest.xml</span> file. Changes made and saved on the other tabs are reflected in the source code and vice versa.</p>
+<p><strong>Source</strong>: View and edit the source code of the <span style="font-family: Courier New,Courier,monospace">tizen-manifest.xml</span> file. Changes made and saved on the other tabs are reflected in the source code and vice versa.</p>
<table class="note">
<tbody>
<tr>
<th class="note">Note</th>
</tr>
<tr>
- <td class="note">The <span style="font-family: Courier New,Courier,monospace">tizen-manifest.xml</span> file must conform to both the XML file format and the Tizen native application specification requirements. Editing the file in the source code view is intended for advanced users only.</td>
+ <td class="note">The <span style="font-family: Courier New,Courier,monospace">tizen-manifest.xml</span> file must conform to both the XML file format and the Tizen native application specification requirements. Editing the file in the <strong>Source</strong> tab is intended for advanced users only.</td>
</tr>
</tbody>
</table>
</ul>
</li>
-<li><p>To save any changes, in the Tizen Studio menu, select <strong>File > Save</strong>.</p></li>
+<li><p>To save any changes, in the Tizen Studio menu, select <strong>File > Save All</strong>.</p></li>
</ol>
<ol>
<li>Select the project in the <strong>Project Explorer</strong> view.</li>
<li>In the Tizen Studio menu, select <strong>Project > Build Automatically</strong>.
-<p align="center"><img alt="Using the automatic build" src="../../images/build_automatic_n.png" /></p>
+<p align="center"><img alt="Using the automatic build" src="../../images/build_automatic_wn.png" /></p>
<p>A check mark appears next to the menu option.</p></li>
</ol>
<p>Alternatively, you can also select the project in the <strong>Project Explorer</strong> view and do one of the following:</p>
<ul><li>In the Tizen Studio menu, select <strong>Project > Build Project</strong>.</li>
<li>Press the <strong>F10</strong> key.</li>
-<li>Click the hammer icon (<img alt="Building the application from the toolbar" src="../../images/build_icon_mn.png" />) in the toolbar.
-</li>
</ul>
</li>
</ul>
<li>In the <strong>Connection Explorer</strong> view, launch the Emulator Manager by clicking the related icon.
<p align="center"><img src="../../images/emulator_icon.png" alt="Emulator manager icon" /></p>
</li>
-
-<li>In the Emulator Manager, open the <strong>Create New Emulator</strong> drop-down list and select <strong>wearable</strong>.
-<p align="center"><img src="../../images/emulator_new_wearable.png" alt="Emulator manager" /></p>
+<li>In the Emulator Manager, click <strong>Create</strong>.
+<p align="center"><img src="../../images/emulator_instance_create.png" alt="Creating an emulator instance" /></p>
</li>
-
-<li>Modify the emulator options, and click <strong>Confirm</strong>.
+<li>Select the applicable platform (in this case, <strong>wearable-2.3.2-circle (basic)</strong>), and click <strong>Next</strong>.
+<p align="center"><img src="../../images/emulator_instance_platform_wearable.png" alt="Selecting the platform" /></p>
+</li>
+<li>Select the device definition along with the platform version (in this case, <strong>Wearable Circle</strong>), and click <strong>Next</strong>.
+<p align="center"><img src="../../images/emulator_instance_version_wearable.png" alt="Selecting the platform version" /></p>
+</li>
+<li>Define the emulator properties, and click <strong>Finish</strong>.
<p>You can leave the options to their default values.</p>
-<p align="center"><img src="../../images/emulator_settings_wearable.png" alt="Emulator options" /></p>
+<p align="center"><img src="../../images/emulator_instance_properties_wearable.png" alt="Defining the properties" /></p>
</li>
-<li>To launch the emulator instance, select the emulator from the list and click the play icon.
-<p align="center"><img src="../../images/emulator_launch_wearable.png" alt="Launch the emulator" /></p>
+<li>To launch the emulator instance, select the emulator from the list and click <strong>Launch</strong>.
+<p align="center"><img src="../../images/emulator_instance_launch_wearable.png" alt="Launching the emulator" /></p>
-<p>The emulator is launched in its own window.</p>
-<p>You can also see the new emulator instance in the <strong>Connection Explorer</strong> view. To view the emulator folder structure, click the arrow next to the emulator instance.</p>
+<p>The emulator is launched in its own window. You can also see the new emulator instance in the <strong>Connection Explorer</strong> view. To view the emulator folder structure, click the arrow next to the emulator instance.</p>
<p align="center"><img src="../../images/emulator_window_wearable.png" alt="Emulator" /></p>
</li>
</ol>
</li>
<li>Generate a security profile.
- <p>Before you run the application, you must sign your application package by <a href="https://developer.tizen.org/community/tip-tech/issuing-tizen-certificate-certificate-extension-ver-1.2#emulator" target="_blank">generating an author certificate and registering it</a> in the Tizen Studio.</p>
+ <p>Before you run the application, you must <a href="../../../../org.tizen.studio/html/common_tools/certificate_registration.htm">sign your application package with a certificate profile</a> in the Tizen Studio.</p>
</li>
<li>Run the application:
<ol type="a">
<li>In the <strong>Project Explorer</strong> view, right-click the project and select <strong>Run As > Tizen Native Application</strong>.
-<p align="center"><img src="../../images/app_run_wn.png" alt="Run the application" /></p>
+<p align="center"><img src="../../images/app_run_wn.png" alt="Running the application" /></p>
<p>Alternatively, you can also select the project in the <strong>Project Explorer</strong> view and do one of the following:</p>
<ul><li>Press the <strong>Ctrl+F11</strong> key.</li>
-<li>Click the play icon (<img src="../../images/emulator_play.png" alt="Play icon" />) in the toolbar.</li></ul>
+<li>Click the run icon in the toolbar.</li></ul>
+<p>If you have created multiple emulator instances, select the instance you want from the combo box in the toolbar before selecting to run the application. If you select an offline emulator, it is automatically launched when you select to run the application.</p>
+
+<p align="center"><img src="../../images/app_run_multiple_emulators.png" alt="Selecting the emulator to use" /></p>
</li>
<li>Confirm that the application launches on the emulator.
</li>
</ol>
-<p>For more information on using the emulator features, see <a href="../../../../org.tizen.studio/html/common_tools/emulator_control_panel.htm">
Emulator Control Keys and Menu</a> and <a href="../../../../org.tizen.studio/html/common_tools/emulator_features.htm">Using Extended Emulator Features</a>.</p>
+<p>For more information on using the emulator features, see <a href="../../../../org.tizen.studio/html/common_tools/emulator_control_panel.htm">
Using Emulator Control Keys, Menu, and Panel</a> and <a href="../../../../org.tizen.studio/html/common_tools/emulator_features.htm">Using Extended Emulator Features</a>.</p>
<li>In the <strong>Connection Explorer</strong> view, launch the Remote Device Manager by clicking the related icon.
<p align="center"><img src="../../images/remote_conn_mgr_ww.png" alt="Launch the Remote Device Manager" /></p>
</li>
-<li>In the <strong>Remote Device Manager</strong> window, click <strong>New</strong>.
+<li>In the <strong>Remote Device Manager</strong> window, click <strong>+</strong>.
<p align="center"><img src="../../images/remote_conn_new_ww.png" alt="Add new device" /></p>
</li>
<li>In the <strong>Add Device</strong> window, enter the device and network details (use the IP address you noted before), and click <strong>Add</strong>.
</ol>
</li>
<li>Generate an author certificate.
-<p>Before you run the application, you must sign your application package by <a href="https://developer.tizen.org/community/tip-tech/issuing-tizen-certificate-certificate-extension-ver-1.2#CommercialDevices" target="_blank">generating an author certificate and registering it</a> in the Tizen Studio.</p>
+<p>Before you run the application, you must <a href="../../../../org.tizen.studio/html/common_tools/certificate_registration.htm">sign your application package with a certificate profile</a> in the Tizen Studio.</p>
</li>
<li>Run the application:
<p>Alternatively, you can also select the project in the <strong>Project Explorer</strong> view and do one of the following:</p>
<ul><li>Press the <strong>Ctrl+F11</strong> key.</li>
-<li>Click the play icon (<img src="../../images/emulator_play.png" alt="Play icon" />) in the toolbar.</li></ul>
+<li>Click the run icon in the toolbar.</li></ul>
+
+<p>If you have both a connected device and existing emulator instances, select the device from the combo box in the toolbar before selecting to run the application.</p>
+
+<p align="center"><img src="../../images/app_run_multiple_emulators.png" alt="Selecting the device to use" /></p>
</li>
<li>Confirm that the application launches in the target device.</li>
<td class="note">The application is launched using the default debug run configuration. To create and use another configuration:
<ol>
<li>In the <strong>Project Explorer</strong> view, right-click the project and select <strong>Run As > Run Configurations</strong>.</li>
- <li>In the <strong>Run Configurations</strong> window, click the <strong>New Launch Configuration</strong> icon (<img alt="New Launch Configuration" src="../../images/run_new_config_wn.png" />), define the configuration details, and launch the application by clicking <strong>Run</strong>.
- <p align="center"><img alt="Run Configurations" src="../../images/run_configurations_n.png" /></p></li>
+ <li>In the <strong>Run Configurations</strong> window, click the <strong>New Launch Configuration</strong> icon (<img alt="New Launch Configuration icon" src="../../images/run_new_config_wn.png" />), define the configuration details, and launch the application by clicking <strong>Run</strong>.
+ <p align="center"><img alt="Run Configurations window" src="../../images/run_configurations_n.png" /></p></li>
</ol></td>
</tr>
</tbody>
<p>When you are developing a more complex application, you can take advantage of the <a href="../../../../org.tizen.studio/html/native_tools/cover_native_n.htm">native tools included in the Tizen Studio</a> to ease the tasks of creating functionality and designing the application UI.</p>
-<p><strong>Updating 2.3.1 Wearable Packages</strong></p>
-
-<p>To develop wearable applications in the latest Tizen SDK, you must install the 2.3.1 wearable packages separately:</p>
-
-<ol>
-<li>Launch the Update Manager by going to <strong>Start > All Programs > Tizen SDK-<version> > Update Manager-<version></strong>.</li>
-<li>In the <strong>All Packages</strong> tab, download all packages for <strong>2.3.1 Wearable</strong>.
-<p align="center"><img alt="Download packages" src="../../images/first_app_download_wn.png" /></p></li>
-</ol>
-
<h2 id="project">Creating a Project</h2>
<p>The following example shows you how to create and configure a basic wearable native watch application project in the Tizen Studio. An application project contains all the files that make up an application.</p>
<li><p>Launch the Tizen Studio.</p></li>
<li>
-<p>Make sure the <strong>Tizen Native</strong> perspective is selected in the top right corner of the Tizen Studio window. </p>
+<p>Make sure the <strong>Native</strong> perspective is selected in the top right corner of the Tizen Studio window. </p>
<p align="center"><img alt="Checking the perspective" src="../../images/change_perspective_n.png" /></p>
-<p>If not, select it. If the perspective is not visible, in the Tizen Studio menu, select <strong>Window > Open Perspective > Other > Tizen Native</strong>, and click <strong>OK</strong>.</p>
+<p>If not, select it. If the perspective is not visible, in the Tizen Studio menu, select <strong>Window > Perspective > Open Perspective > Other > Native</strong>, and click <strong>OK</strong>.</p>
</li>
<li>
-<p>In the Tizen Studio menu, select <strong>File > New > Tizen Native Project</strong>.</p>
+<p>In the Tizen Studio menu, select <strong>File > New > Tizen Project</strong>.</p>
<p align="center"><img alt="Creating a new Tizen Native project" src="../../images/create_project_1_n.png" /></p>
<p>The Project Wizard opens.</p>
</li>
<p>In the Project Wizard, define the project details.</p>
<p>The Project Wizard is used to create the basic application skeleton with the required folder structure and mandatory files. You can easily create different applications by selecting an applicable template or sample for the Project Wizard to use.</p>
<ol type="a">
-<li><p>Select the <strong>Template</strong> tab and the <strong>WEARABLE-[version] > Watch</strong> template. The version depends on the SDK version you have installed and with which you are developing the application.</p></li>
-<li><p>Change the project name, if you want.</p></li>
-<li><p>Leave all other fields in the Project Wizard to their default values, and click <strong>Finish</strong>.</p></li>
+<li><p>Select the <strong>Template</strong> project type and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the project type" src="../../images/create_project_wizard_type.png" /></p>
+</li>
+<li><p>Select the profile (<strong>Wearable</strong>) and version from a drop-down list and click <strong>Next</strong>.</p>
+<p>The version depends on the platform version you have installed and with which you are developing the application.</p>
+<p align="center"><img alt="Selecting the profile and version" src="../../images/create_project_wizard_version_wearable.png" /></p>
+</li>
+<li><p>Select the <strong>Native Application</strong> application type and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the application type" src="../../images/create_project_wizard_app_wearable.png" /></p>
+</li>
+<li><p>Select the <strong>Watch</strong> template and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the template" src="../../images/create_project_wizard_template_wn_watch.png" /></p>
+</li>
+<li><p>Define the project properties and click <strong>Finish</strong>.</p>
+<p>You can fill the project name (3-50 characters) and the unique package ID. You can also select the location and working sets by clicking <strong>More properties</strong>.</p>
+<p align="center"><img alt="Defining properties" src="../../images/create_project_wizard_properties_wn_watch.png" /></p>
+
+<p>The Project Wizard sets up the project, creates the application files using the default content from the template, and closes. For more information about the Project Wizard and the available templates, see <a href="../../../../org.tizen.studio/html/native_tools/project_wizard_n.htm">Creating Tizen Projects with Tizen Project Wizard</a>.</p></li>
</ol>
-<p align="center"><img alt="Defining the project details" src="../../images/create_project_2_wn_watch.png" /></p>
-<p>The Project Wizard sets up the project, creates the application files using the default content from the template, and closes. For more information about the Project Wizard and the available templates, see <a href="../../../../org.tizen.studio/html/native_tools/project_wizard_n.htm">Creating Tizen Projects with Tizen Project Wizard</a>.</p>
</li>
</ol>
<li><p><strong>Localization</strong>: Define localized values for the application label, description, and icon.</p></li>
<li><p><strong>Advanced</strong>: Define advanced features, such as application metadata and some miscellaneous options.</p></li>
<li>
-<p><strong>tizen-manifest.xml</strong>: View and edit the source code of the <span style="font-family: Courier New,Courier,monospace">tizen-manifest.xml</span> file. Changes made and saved on the other tabs are reflected in the source code and vice versa.</p>
+<p><strong>Source</strong>: View and edit the source code of the <span style="font-family: Courier New,Courier,monospace">tizen-manifest.xml</span> file. Changes made and saved on the other tabs are reflected in the source code and vice versa.</p>
<table class="note">
<tbody>
<tr>
<th class="note">Note</th>
</tr>
<tr>
- <td class="note">The <span style="font-family: Courier New,Courier,monospace">tizen-manifest.xml</span> file must conform to both the XML file format and the Tizen native application specification requirements. Editing the file in the source code view is intended for advanced users only.</td>
+ <td class="note">The <span style="font-family: Courier New,Courier,monospace">tizen-manifest.xml</span> file must conform to both the XML file format and the Tizen native application specification requirements. Editing the file in the <strong>Source</strong> tab is intended for advanced users only.</td>
</tr>
</tbody>
</table>
</ul>
</li>
-<li><p>To save any changes, in the Tizen Studio menu, select <strong>File > Save</strong>.</p></li>
+<li><p>To save any changes, in the Tizen Studio menu, select <strong>File > Save All</strong>.</p></li>
</ol>
<ol>
<li>Select the project in the <strong>Project Explorer</strong> view.</li>
<li>In the Tizen Studio menu, select <strong>Project > Build Automatically</strong>.
-<p align="center"><img alt="Using the automatic build" src="../../images/build_automatic_n.png" /></p>
+<p align="center"><img alt="Using the automatic build" src="../../images/build_automatic_wn_watch.png" /></p>
<p>A check mark appears next to the menu option.</p></li>
</ol>
<p>To manually build the application, right-click the project in the <strong>Project Explorer</strong> view and select <strong>Build Project</strong>.</p>
<p class="figure">Figure: Manually building the application</p>
-<p align="center"><img alt="Manually building the application" src="../../images/build_manual_watch_wn.png" /></p>
+<p align="center"><img alt="Manually building the application" src="../../images/build_manual_wn_watch.png" /></p>
<p>Alternatively, you can also select the project in the <strong>Project Explorer</strong> view and do one of the following:</p>
<ul><li>In the Tizen Studio menu, select <strong>Project > Build Project</strong>.</li>
<li>Press the <strong>F10</strong> key.</li>
-<li>Click the hammer icon (<img alt="Building the application from the toolbar" src="../../images/build_icon_mn.png" />) in the toolbar.
-</li>
</ul>
</li>
</ul>
<li>In the <strong>Connection Explorer</strong> view, launch the Emulator Manager by clicking the related icon.
<p align="center"><img src="../../images/emulator_icon.png" alt="Emulator manager icon" /></p>
</li>
-
-<li>In the Emulator Manager, open the <strong>Create New Emulator</strong> drop-down list and select <strong>wearable</strong>.
-<p align="center"><img src="../../images/emulator_new_wearable.png" alt="Emulator manager" /></p>
+<li>In the Emulator Manager, click <strong>Create</strong>.
+<p align="center"><img src="../../images/emulator_instance_create.png" alt="Creating an emulator instance" /></p>
</li>
-
-<li>Modify the emulator options, and click <strong>Confirm</strong>.
+<li>Select the applicable platform (in this case, <strong>wearable-2.3.2-circle (basic)</strong>), and click <strong>Next</strong>.
+<p align="center"><img src="../../images/emulator_instance_platform_wearable.png" alt="Selecting the platform" /></p>
+</li>
+<li>Select the device definition along with the platform version (in this case, <strong>Wearable Circle</strong>), and click <strong>Next</strong>.
+<p align="center"><img src="../../images/emulator_instance_version_wearable.png" alt="Selecting the platform version" /></p>
+</li>
+<li>Define the emulator properties, and click <strong>Finish</strong>.
<p>You can leave the options to their default values.</p>
-<p align="center"><img src="../../images/emulator_settings_wearable.png" alt="Emulator options" /></p>
+<p align="center"><img src="../../images/emulator_instance_properties_wearable.png" alt="Defining the properties" /></p>
</li>
-<li>To launch the emulator instance, select the emulator from the list and click the play icon.
-<p align="center"><img src="../../images/emulator_launch_wearable.png" alt="Launch the emulator" /></p>
+<li>To launch the emulator instance, select the emulator from the list and click <strong>Launch</strong>.
+<p align="center"><img src="../../images/emulator_instance_launch_wearable.png" alt="Launching the emulator" /></p>
-<p>The emulator is launched in its own window.</p>
-<p>You can also see the new emulator instance in the <strong>Connection Explorer</strong> view. To view the emulator folder structure, click the arrow next to the emulator instance.</p>
+<p>The emulator is launched in its own window. You can also see the new emulator instance in the <strong>Connection Explorer</strong> view. To view the emulator folder structure, click the arrow next to the emulator instance.</p>
<p align="center"><img src="../../images/emulator_window_wearable.png" alt="Emulator" /></p>
</li>
</ol>
</li>
<li>Generate a security profile.
- <p>Before you run the application, you must sign your application package by <a href="https://developer.tizen.org/community/tip-tech/issuing-tizen-certificate-certificate-extension-ver-1.2#emulator" target="_blank">generating an author certificate and registering it</a> in the Tizen Studio.</p>
+ <p>Before you run the application, you must <a href="../../../../org.tizen.studio/html/common_tools/certificate_registration.htm">sign your application package with a certificate profile</a> in the Tizen Studio.</p>
</li>
<li>Run the application:
<ol type="a">
<li>In the <strong>Project Explorer</strong> view, right-click the project and select <strong>Run As > Tizen Native Application</strong>.
-<p align="center"><img src="../../images/app_run_wn_watch.png" alt="Run the application" /></p>
+<p align="center"><img src="../../images/app_run_wn_watch.png" alt="Running the application" /></p>
<p>Alternatively, you can also select the project in the <strong>Project Explorer</strong> view and do one of the following:</p>
<ul><li>Press the <strong>Ctrl+F11</strong> key.</li>
-<li>Click the play icon (<img src="../../images/emulator_play.png" alt="Play icon" />) in the toolbar.</li></ul>
-
+<li>Click the run icon in the toolbar.</li></ul>
+<p>If you have created multiple emulator instances, select the instance you want from the combo box in the toolbar before selecting to run the application. If you select an offline emulator, it is automatically launched when you select to run the application.</p>
+<p align="center"><img src="../../images/app_run_multiple_emulators.png" alt="Selecting the emulator to use" /></p>
<p>In the <strong>Console</strong> view, you can see that the application is successfully installed. However, it does not run on the emulator screen until you change the watch face in the emulator <strong>Settings</strong> menu.</p>
<p align="center"><img alt="Successful installation" src="../../images/watch_run_install_wn.png" /></p>
</li>
</ol>
</li></ol>
-<p>For more information on using the emulator features, see <a href="../../../../org.tizen.studio/html/common_tools/emulator_control_panel.htm">
Emulator Control Keys and Menu</a> and <a href="../../../../org.tizen.studio/html/common_tools/emulator_features.htm">Using Extended Emulator Features</a>.</p>
+<p>For more information on using the emulator features, see <a href="../../../../org.tizen.studio/html/common_tools/emulator_control_panel.htm">
Using Emulator Control Keys, Menu, and Panel</a> and <a href="../../../../org.tizen.studio/html/common_tools/emulator_features.htm">Using Extended Emulator Features</a>.</p>
<h3 id="target">Running on a Target Device</h3>
</li>
<li>Generate an author certificate.
-<p>Before you run the application, you must sign your application package by <a href="https://developer.tizen.org/community/tip-tech/issuing-tizen-certificate-certificate-extension-ver-1.2#CommercialDevices" target="_blank">generating an author certificate and registering it</a> in the Tizen Studio.</p>
+<p>Before you run the application, you must <a href="../../../../org.tizen.studio/html/common_tools/certificate_registration.htm">sign your application package with a certificate profile</a> in the Tizen Studio.</p>
</li>
<li>Run the application:
<p>Alternatively, you can also select the project in the <strong>Project Explorer</strong> view and do one of the following:</p>
<ul><li>Press the <strong>Ctrl+F11</strong> key.</li>
-<li>Click the play icon (<img src="../../images/emulator_play.png" alt="Play icon" />) in the toolbar.</li></ul>
+<li>Click the run icon in the toolbar.</li></ul>
+
+<p>If you have both a connected device and existing emulator instances, select the device from the combo box in the toolbar before selecting to run the application.</p>
+
+<p align="center"><img src="../../images/app_run_multiple_emulators.png" alt="Selecting the device to use" /></p>
</li>
<li>Confirm that the application launches in the target device.
<td class="note">The application is launched using the default debug run configuration. To create and use another configuration:
<ol>
<li>In the <strong>Project Explorer</strong> view, right-click the project and select <strong>Run As > Run Configurations</strong>.</li>
- <li>In the <strong>Run Configurations</strong> window, click the <strong>New Launch Configuration</strong> icon (<img alt="New Launch Configuration" src="../../images/run_new_config_wn.png" />), define the configuration details, and launch the application by clicking <strong>Run</strong>.
- <p align="center"><img alt="Run Configurations" src="../../images/run_configurations_n_watch.png" /></p></li>
+ <li>In the <strong>Run Configurations</strong> window, click the <strong>New Launch Configuration</strong> icon (<img alt="New Launch Configuration icon" src="../../images/run_new_config_wn.png" />), define the configuration details, and launch the application by clicking <strong>Run</strong>.
+ <p align="center"><img alt="Run Configurations window" src="../../images/run_configurations_wn_watch.png" /></p></li>
</ol></td>
</tr>
</tbody>
<p>When you are developing a more complex application, you can take advantage of the <a href="../../../../org.tizen.studio/html/native_tools/cover_native_n.htm">native tools included in the Tizen Studio</a> to ease the tasks of creating functionality and designing the application UI.</p>
-<p><strong>Updating 2.3.1 Wearable Packages</strong></p>
-
-<p>To develop wearable applications in the latest Tizen SDK, you must install the 2.3.1 wearable packages separately:</p>
-
-<ol>
-<li>Launch the Update Manager by going to <strong>Start > All Programs > Tizen SDK-<version> > Update Manager-<version></strong>.</li>
-<li>In the <strong>All Packages</strong> tab, download all packages for <strong>2.3.1 Wearable</strong>.
-<p align="center"><img alt="Download packages" src="../../images/first_app_download_wn.png" /></p></li>
-</ol>
-
<h2 id="create">Creating a Project</h2>
<p>The following example shows you how to create and configure a basic wearable native widget application project in the Tizen Studio. An application project contains all the files that make up an application.</p>
<li><p>Launch the Tizen Studio.</p></li>
<li>
-<p>Make sure the <strong>Tizen Native</strong> perspective is selected in the top right corner of the Tizen Studio window. </p>
+<p>Make sure the <strong>Native</strong> perspective is selected in the top right corner of the Tizen Studio window. </p>
<p align="center"><img alt="Checking the perspective" src="../../images/change_perspective_n.png" /></p>
-<p>If not, select it. If the perspective is not visible, in the Tizen Studio menu, select <strong>Window > Open Perspective > Other > Tizen Native</strong>, and click <strong>OK</strong>.</p>
+<p>If not, select it. If the perspective is not visible, in the Tizen Studio menu, select <strong>Window > Perspective > Open Perspective > Other > Native</strong>, and click <strong>OK</strong>.</p>
</li>
<li>
-<p>In the Tizen Studio menu, select <strong>File > New > Tizen Native Project</strong>.</p>
+<p>In the Tizen Studio menu, select <strong>File > New > Tizen Project</strong>.</p>
<p align="center"><img alt="Creating a new Tizen Native project" src="../../images/create_project_1_n.png" /></p>
<p>The Project Wizard opens.</p>
</li>
<p>In the Project Wizard, define the project details.</p>
<p>The Project Wizard is used to create the basic application skeleton with the required folder structure and mandatory files. You can easily create different applications by selecting an applicable template or sample for the Project Wizard to use.</p>
<ol type="a">
-<li><p>Select the <strong>Template</strong> tab and the <strong>WEARABLE-[version] > Widget</strong> template. The version depends on the SDK version you have installed and with which you are developing the application.</p></li>
-<li><p>Change the project name, if you want.</p></li>
-<li><p>Leave all other fields in the Project Wizard to their default values, and click <strong>Finish</strong>.</p></li>
+<li><p>Select the <strong>Template</strong> project type and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the project type" src="../../images/create_project_wizard_type.png" /></p>
+</li>
+<li><p>Select the profile (<strong>Wearable</strong>) and version from a drop-down list and click <strong>Next</strong>.</p>
+<p>The version depends on the platform version you have installed and with which you are developing the application.</p>
+<p align="center"><img alt="Selecting the profile and version" src="../../images/create_project_wizard_version_wearable.png" /></p>
+</li>
+<li><p>Select the <strong>Native Application</strong> application type and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the application type" src="../../images/create_project_wizard_app_wearable.png" /></p>
+</li>
+<li><p>Select the <strong>Widget</strong> template and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the template" src="../../images/create_project_wizard_template_wn_widget.png" /></p>
+</li>
+<li><p>Define the project properties and click <strong>Finish</strong>.</p>
+<p>You can fill the project name (3-50 characters) and the unique package ID. You can also select the location and working sets by clicking <strong>More properties</strong>.</p>
+<p align="center"><img alt="Defining properties" src="../../images/create_project_wizard_properties_wn_widget.png" /></p>
+
+<p>The Project Wizard sets up the project, creates the application files using the default content from the template, and closes. For more information about the Project Wizard and the available templates, see <a href="../../../../org.tizen.studio/html/native_tools/project_wizard_n.htm">Creating Tizen Projects with Tizen Project Wizard</a>.</p></li>
</ol>
-<p align="center"><img alt="Defining the project details" src="../../images/create_project_2_wn_widget.png" /></p>
-<p>The Project Wizard sets up the project, creates the application files using the default content from the template, and closes. For more information about the Project Wizard and the available templates, see <a href="../../../../org.tizen.studio/html/native_tools/project_wizard_n.htm">Creating Tizen Projects with Tizen Project Wizard</a>.</p>
</li>
</ol>
<li><p><strong>Localization</strong>: Define localized values for the application label, description, and icon.</p></li>
<li><p><strong>Advanced</strong>: Define advanced features, such as application metadata, widget (preview image and supported size), and miscellaneous options.</p></li>
<li>
-<p><strong>tizen-manifest.xml</strong>: View and edit the source code of the <span style="font-family: Courier New,Courier,monospace">tizen-manifest.xml</span> file. Changes made and saved on the other tabs are reflected in the source code and vice versa.</p>
+<p><strong>Source</strong>: View and edit the source code of the <span style="font-family: Courier New,Courier,monospace">tizen-manifest.xml</span> file. Changes made and saved on the other tabs are reflected in the source code and vice versa.</p>
<table class="note">
<tbody>
<tr>
<th class="note">Note</th>
</tr>
<tr>
- <td class="note">The <span style="font-family: Courier New,Courier,monospace">tizen-manifest.xml</span> file must conform to both the XML file format and the Tizen native application specification requirements. Editing the file in the source code view is intended for advanced users only.</td>
+ <td class="note">The <span style="font-family: Courier New,Courier,monospace">tizen-manifest.xml</span> file must conform to both the XML file format and the Tizen native application specification requirements. Editing the file in the <strong>Source</strong> tab is intended for advanced users only.</td>
</tr>
</tbody>
</table>
</ul>
</li>
-<li><p>To save any changes, in the Tizen Studio menu, select <strong>File > Save</strong>.</p></li>
+<li><p>To save any changes, in the Tizen Studio menu, select <strong>File > Save All</strong>.</p></li>
</ol>
<ol>
<li>Select the project in the <strong>Project Explorer</strong> view.</li>
<li>In the Tizen Studio menu, select <strong>Project > Build Automatically</strong>.
-<p align="center"><img alt="Using the automatic build" src="../../images/build_automatic_n.png" /></p>
+<p align="center"><img alt="Using the automatic build" src="../../images/build_automatic_wn_widget.png" /></p>
<p>A check mark appears next to the menu option.</p></li>
</ol>
<p>The manual build means that you determine yourself when the application is built.</p>
<p>To manually build the application, right-click the project in the <strong>Project Explorer</strong> view and select <strong>Build Project</strong>.</p>
<p class="figure">Figure: Manually building the application</p>
-<p align="center"><img alt="Manually building the application" src="../../images/build_manual_widget_wn.png" /></p>
+<p align="center"><img alt="Manually building the application" src="../../images/build_manual_wn_widget.png" /></p>
<p>Alternatively, you can also select the project in the <strong>Project Explorer</strong> view and do one of the following:</p>
<ul><li>In the Tizen Studio menu, select <strong>Project > Build Project</strong>.</li>
<li>Press the <strong>F10</strong> key.</li>
-<li>Click the hammer icon (<img alt="Building the application from the toolbar" src="../../images/build_icon_mn.png" />) in the toolbar.
-</li>
</ul>
</li>
</ul>
<li>In the <strong>Connection Explorer</strong> view, launch the Emulator Manager by clicking the related icon.
<p align="center"><img src="../../images/emulator_icon.png" alt="Emulator manager icon" /></p>
</li>
-
-<li>In the Emulator Manager, open the <strong>Create New Emulator</strong> drop-down list and select <strong>wearable</strong>.
-<p align="center"><img src="../../images/emulator_new_wearable.png" alt="Emulator manager" /></p>
+<li>In the Emulator Manager, click <strong>Create</strong>.
+<p align="center"><img src="../../images/emulator_instance_create.png" alt="Creating an emulator instance" /></p>
</li>
-
-<li>Modify the emulator options, and click <strong>Confirm</strong>.
+<li>Select the applicable platform (in this case, <strong>wearable-2.3.2-circle (basic)</strong>), and click <strong>Next</strong>.
+<p align="center"><img src="../../images/emulator_instance_platform_wearable.png" alt="Selecting the platform" /></p>
+</li>
+<li>Select the device definition along with the platform version (in this case, <strong>Wearable Circle</strong>), and click <strong>Next</strong>.
+<p align="center"><img src="../../images/emulator_instance_version_wearable.png" alt="Selecting the platform version" /></p>
+</li>
+<li>Define the emulator properties, and click <strong>Finish</strong>.
<p>You can leave the options to their default values.</p>
-<p align="center"><img src="../../images/emulator_settings_wearable.png" alt="Emulator options" /></p>
+<p align="center"><img src="../../images/emulator_instance_properties_wearable.png" alt="Defining the properties" /></p>
</li>
-<li>To launch the emulator instance, select the emulator from the list and click the play icon.
-<p align="center"><img src="../../images/emulator_launch_wearable.png" alt="Launch the emulator" /></p>
+<li>To launch the emulator instance, select the emulator from the list and click <strong>Launch</strong>.
+<p align="center"><img src="../../images/emulator_instance_launch_wearable.png" alt="Launching the emulator" /></p>
-<p>The emulator is launched in its own window.</p>
-<p>You can also see the new emulator instance in the <strong>Connection Explorer</strong> view. To view the emulator folder structure, click the arrow next to the emulator instance.</p>
+<p>The emulator is launched in its own window. You can also see the new emulator instance in the <strong>Connection Explorer</strong> view. To view the emulator folder structure, click the arrow next to the emulator instance.</p>
<p align="center"><img src="../../images/emulator_window_wearable.png" alt="Emulator" /></p>
</li>
</ol>
</li>
<li>Generate a security profile.
- <p>Before you run the application, you must sign your application package by <a href="https://developer.tizen.org/community/tip-tech/issuing-tizen-certificate-certificate-extension-ver-1.2#emulator" target="_blank">generating an author certificate and registering it</a> in the Tizen Studio.</p>
+ <p>Before you run the application, you must <a href="../../../../org.tizen.studio/html/common_tools/certificate_registration.htm">sign your application package with a certificate profile</a> in the Tizen Studio.</p>
</li>
<li>Run the application:
<ol type="a">
<li>In the <strong>Project Explorer</strong> view, right-click the project and select <strong>Run As > Tizen Native Application</strong>.
-<p align="center"><img src="../../images/app_run_wn_widget.png" alt="Run the application" /></p>
+<p align="center"><img src="../../images/app_run_wn_widget.png" alt="Running the application" /></p>
<p>Alternatively, you can also select the project in the <strong>Project Explorer</strong> view and do one of the following:</p>
<ul><li>Press the <strong>Ctrl+F11</strong> key.</li>
-<li>Click the play icon (<img src="../../images/emulator_play.png" alt="Play icon" />) in the toolbar.</li></ul>
+<li>Click the run icon in the toolbar.</li></ul>
+<p>If you have created multiple emulator instances, select the instance you want from the combo box in the toolbar before selecting to run the application. If you select an offline emulator, it is automatically launched when you select to run the application.</p>
+
+<p align="center"><img src="../../images/app_run_multiple_emulators.png" alt="Selecting the emulator to use" /></p>
</li>
<li>Confirm that the application launches on the emulator.
</li>
<li>Generate an author certificate.
-<p>Before you run the application, you must sign your application package by <a href="https://developer.tizen.org/community/tip-tech/issuing-tizen-certificate-certificate-extension-ver-1.2#CommercialDevices" target="_blank">generating an author certificate and registering it</a> in the Tizen Studio.</p>
+<p>Before you run the application, you must <a href="../../../../org.tizen.studio/html/common_tools/certificate_registration.htm">sign your application package with a certificate profile</a> in the Tizen Studio.</p>
</li>
<p>Alternatively, you can also select the project in the <strong>Project Explorer</strong> view and do one of the following:</p>
<ul><li>Press the <strong>Ctrl+F11</strong> key.</li>
-<li>Click the play icon (<img src="../../images/emulator_play.png" alt="Play icon" />) in the toolbar.</li></ul>
+<li>Click the run icon in the toolbar.</li></ul>
+
+<p>If you have both a connected device and existing emulator instances, select the device from the combo box in the toolbar before selecting to run the application.</p>
+
+<p align="center"><img src="../../images/app_run_multiple_emulators.png" alt="Selecting the device to use" /></p>
</li>
<li>Confirm that the application launches in the target device.
<td class="note">The application is launched using the default debug run configuration. To create and use another configuration:
<ol>
<li>In the <strong>Project Explorer</strong> view, right-click the project and select <strong>Run As > Run Configurations</strong>.</li>
- <li>In the <strong>Run Configurations</strong> window, click the <strong>New Launch Configuration</strong> icon (<img alt="New Launch Configuration" src="../../images/run_new_config_wn.png" />), define the configuration details, and launch the application by clicking <strong>Run</strong>.
- <p align="center"><img alt="Run Configurations" src="../../images/run_configurations_n_widget.png" /></p></li>
+ <li>In the <strong>Run Configurations</strong> window, click the <strong>New Launch Configuration</strong> icon (<img alt="New Launch Configuration icon" src="../../images/run_new_config_wn.png" />), define the configuration details, and launch the application by clicking <strong>Run</strong>.
+ <p align="center"><img alt="Run Configurations window" src="../../images/run_configurations_wn_widget.png" /></p></li>
</ol></td>
</tr>
</tbody>
<p>The following figure illustrates the application to be created:</p>
-<p>The following figure illustrates the application to be created:</p>
-
<ul>
<li><p>On the left, the figure shows the application screen when the application starts. The screen displays the <strong>Basic</strong> text.</p></li>
<li><p>On the right, the figure shows the application screen after you tap the text. The screen now displays the <strong>Tizen</strong> text. Tapping the text area switches between the 2 texts.</p></li>
<li><p>Launch the Tizen Studio.</p></li>
<li>
-<p>Make sure the <strong>Tizen Web</strong> perspective is selected in the top right corner of the Tizen Studio window. </p>
+<p>Make sure the <strong>Web</strong> perspective is selected in the top right corner of the Tizen Studio window. </p>
<p align="center"><img alt="Checking the perspective" src="../../images/change_perspective_w.png" /></p>
-<p>If not, select it. If the perspective is not visible, in the Tizen Studio menu, select <strong>Window > Open Perspective > Other > Tizen Web</strong>, and click <strong>OK</strong>.</p>
+<p>If not, select it. If the perspective is not visible, in the Tizen Studio menu, select <strong>Window > Perspective > Open Perspective > Other > Web</strong>, and click <strong>OK</strong>.</p>
</li>
<li>
-<p>In the Tizen Studio menu, select <strong>File > New > Tizen Web Project</strong>.</p>
+<p>In the Tizen Studio menu, select <strong>File > New > Tizen Project</strong>.</p>
<p align="center"><img alt="Creating a new Tizen Web project" src="../../images/create_project_1_w.png" /></p>
<p>The Project Wizard opens.</p>
</li>
<p>The Project Wizard is used to create the basic application skeleton with the required folder structure and mandatory files. You can easily create different applications by selecting an applicable template or sample for the Project Wizard to use.</p>
<ol type="a">
-<li><p>Select the <strong>Template</strong> tab and the <strong>MOBILE-[version] > Basic</strong> template. The version depends on the SDK version you have installed and with which you are developing the application.</p></li>
-<li><p>Change the project name, if you want.</p></li>
-<li><p>Leave all other fields in the Project Wizard to their default values, and click <strong>Finish</strong>.</p></li>
+<li><p>Select the <strong>Template</strong> project type and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the project type" src="../../images/create_project_wizard_type.png" /></p>
+</li>
+<li><p>Select the profile (<strong>Mobile</strong>) and version from a drop-down list and click <strong>Next</strong>.</p>
+<p>The version depends on the platform version you have installed and with which you are developing the application.</p>
+<p align="center"><img alt="Selecting the profile and version" src="../../images/create_project_wizard_version.png" /></p>
+</li>
+<li><p>Select the <strong>Web Application</strong> application type and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the application type" src="../../images/create_project_wizard_app_web.png" /></p>
+</li>
+<li><p>Select the <strong>Basic UI</strong> template and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the template" src="../../images/create_project_wizard_template_mw.png" /></p>
+</li>
+<li><p>Define the project properties and click <strong>Finish</strong>.</p>
+<p>You can fill the project name (3-50 characters) and the unique package ID. You can also select the location and working sets by clicking <strong>More properties</strong>.</p>
+<p align="center"><img alt="Defining properties" src="../../images/create_project_wizard_properties_mw.png" /></p>
+
+<p>The Project Wizard sets up the project, creates the application files using the default content from the template, and closes. For more information about the Project Wizard and the available templates, see <a href="../../../../org.tizen.studio/html/web_tools/project_wizard_w.htm">Creating Tizen Projects with Tizen Project Wizard</a>.</p></li>
</ol>
-<p align="center"><img alt="Defining the project details" src="../../images/create_project_2_mw.png" /></p>
-<p>The Project Wizard sets up the project, creates the application files using the default content from the template, and closes. For more information about the Project Wizard and the available templates, see <a href="../../../../org.tizen.studio/html/web_tools/project_wizard_w.htm">Creating Tizen Projects with Tizen Project Wizard</a>.</p>
</li>
</ol>
<p align="center"><img alt="Configuring the application" src="../../images/basic_app_config_w.png" /></p>
<ul>
<li><p><strong>Overview</strong>: Define general information, such as the name and icon of the application.</p></li>
-<li><p><strong>Widget</strong>: Define author and license information and UI preferences.</p></li>
<li><p><strong>Features</strong>: Define required software and hardware features. This information is used for application filtering in the Tizen market place.</p></li>
<li><p><strong>Privileges</strong>: Define the security-sensitive APIs or API groups accessed and used by the application.</p></li>
<li><p><strong>Policy</strong>: Request network resource permissions to access external network resources.</p></li>
<th class="note">Note</th>
</tr>
<tr>
- <td class="note">The <span style="font-family: Courier New,Courier,monospace">config.xml</span> file must conform to both the XML file format and the W3C specification requirements. Editing the file in the source code view is intended for advanced users only.</td>
+ <td class="note">The <span style="font-family: Courier New,Courier,monospace">config.xml</span> file must conform to both the XML file format and the W3C specification requirements. Editing the file in the <strong>Source</strong> tab is intended for advanced users only.</td>
</tr>
</tbody>
</table>
</ul>
</li>
-<li><p>To save any changes, in the Tizen Studio menu, select <strong>File > Save</strong>.</p></li>
+<li><p>To save any changes, in the Tizen Studio menu, select <strong>File > Save All</strong>.</p></li>
</ol>
<li>In the <strong>Connection Explorer</strong> view, launch the Emulator Manager by clicking the related icon.
<p align="center"><img src="../../images/emulator_icon.png" alt="Emulator manager icon" /></p>
</li>
-
-<li>In the Emulator Manager, open the <strong>Create New Emulator</strong> drop-down list and select <strong>mobile</strong>.
-<p align="center"><img src="../../images/emulator_new_mobile.png" alt="Emulator manager" /></p>
+<li>In the Emulator Manager, click <strong>Create</strong>.
+<p align="center"><img src="../../images/emulator_instance_create.png" alt="Creating an emulator instance" /></p>
</li>
-
-<li>Modify the emulator options, and click <strong>Confirm</strong>.
+<li>Select the applicable platform (in this case, <strong>mobile-2.4 (basic)</strong>), and click <strong>Next</strong>.
+<p align="center"><img src="../../images/emulator_instance_platform.png" alt="Selecting the platform" /></p>
+</li>
+<li>Select the device definition along with the platform version (in this case, <strong>HD Mobile</strong>), and click <strong>Next</strong>.
+<p align="center"><img src="../../images/emulator_instance_version.png" alt="Selecting the platform version" /></p>
+</li>
+<li>Define the emulator properties, and click <strong>Finish</strong>.
<p>You can leave the options to their default values.</p>
-<p align="center"><img src="../../images/emulator_settings_mobile.png" alt="Emulator options" /></p>
+<p align="center"><img src="../../images/emulator_instance_properties.png" alt="Defining the properties" /></p>
</li>
+<li>To launch the emulator instance, select the emulator from the list and click <strong>Launch</strong>.
+<p align="center"><img src="../../images/emulator_instance_launch.png" alt="Launching the emulator" /></p>
-<li>To launch the emulator instance, select the emulator from the list and click the play icon.
-<p align="center"><img src="../../images/emulator_launch_mobile.png" alt="Launch the emulator" /></p>
-
-<p>The emulator is launched in its own window.</p>
-<p>You can also see the new emulator instance in the <strong>Connection Explorer</strong> view. To view the emulator folder structure, click the arrow next to the emulator instance.</p>
+<p>The emulator is launched in its own window. You can also see the new emulator instance in the <strong>Connection Explorer</strong> view. To view the emulator folder structure, click the arrow next to the emulator instance.</p>
<p align="center"><img src="../../images/emulator_window_mobile.png" alt="Emulator" /></p>
</li>
</ol>
</li>
<li>Generate a security profile.
- <p>Before you run the application, you must sign your application package by <a href="https://developer.tizen.org/community/tip-tech/issuing-tizen-certificate-certificate-extension-ver-1.2#emulator" target="_blank">generating an author certificate and registering it</a> in the Tizen Studio.</p>
+ <p>Before you run the application, you must <a href="../../../../org.tizen.studio/html/common_tools/certificate_registration.htm">sign your application package with a certificate profile</a> in the Tizen Studio.</p>
</li>
<li>Run the application:
<li>In the <strong>Project Explorer</strong> view, right-click the project and select <strong>Run As > Tizen Web Application</strong>.
-<p align="center"><img src="../../images/app_run_mw.png" alt="Run the application" /></p>
+<p align="center"><img src="../../images/app_run_mw.png" alt="Running the application" /></p>
<p>Alternatively, you can also select the project in the <strong>Project Explorer</strong> view and do one of the following:</p>
<ul><li>Press the <strong>Ctrl+F11</strong> key.</li>
-<li>Click the play icon (<img src="../../images/emulator_play.png" alt="Play icon" />) in the toolbar.</li></ul>
+<li>Click the run icon in the toolbar.</li></ul>
+
+<p>If you have created multiple emulator instances, select the instance you want from the combo box in the toolbar before selecting to run the application. If you select an offline emulator, it is automatically launched when you select to run the application.</p>
+
+<p align="center"><img src="../../images/app_run_multiple_emulators.png" alt="Selecting the emulator to use" /></p>
</li>
<li>Confirm that the application launches on the emulator.
</li>
</ol>
-<p>For more information on using the emulator features, see <a href="../../../../org.tizen.studio/html/common_tools/emulator_control_panel.htm">
Emulator Control Keys and Menu</a> and <a href="../../../../org.tizen.studio/html/common_tools/emulator_features.htm">Using Extended Emulator Features</a>.</p>
+<p>For more information on using the emulator features, see <a href="../../../../org.tizen.studio/html/common_tools/emulator_control_panel.htm">
Using Emulator Control Keys, Menu, and Panel</a> and <a href="../../../../org.tizen.studio/html/common_tools/emulator_features.htm">Using Extended Emulator Features</a>.</p>
<h3 id="simulator">Running on the Web Simulator</h3>
<ol>
<li>
<p>In the <strong>Project Explorer</strong> view, right-click the project and select <strong>Run As > Tizen Web Simulator Application</strong>.</p>
-<p align="center"><img src="../../images/simulator_run_mw.png" alt="Run the application" /></p>
+<p align="center"><img src="../../images/simulator_run_mw.png" alt="Running the application" /></p>
-<p>Alternatively, you can also select the project in the <strong>Project Explorer</strong> view and click the play icon (<img src="../../images/emulator_play.png" alt="Play icon" />) in the toolbar.</p>
+<p>Alternatively, you can also select the project in the <strong>Project Explorer</strong> view and click the run icon in the toolbar.</p>
</li>
<li>
<p>Confirm that the application launches on the Web Simulator.</p>
<ol>
<li>Connect the mobile target device to your computer using a USB cable.</li>
<li>Generate an author certificate.
-<p>Before you run the application, you must sign your application package by <a href="https://developer.tizen.org/community/tip-tech/issuing-tizen-certificate-certificate-extension-ver-1.2#CommercialDevices" target="_blank">generating an author certificate and registering it</a> in the Tizen Studio.</p>
+<p>Before you run the application, you must <a href="../../../../org.tizen.studio/html/common_tools/certificate_registration.htm">sign your application package with a certificate profile</a> in the Tizen Studio.</p>
</li>
<li>Run the application:
<ol type="a">
<li>In the <strong>Connection Explorer</strong> view, select the device.</li>
<li>In <strong>Project Explorer</strong> view, right-click the project and select <strong>Run As > Tizen Web Application</strong>.
-<p align="center"><img src="../../images/app_run_mw.png" alt="Run the application on a target device" /></p>
+<p align="center"><img src="../../images/app_run_mw.png" alt="Running the application on a target device" /></p>
<p>Alternatively, you can also select the project in the <strong>Project Explorer</strong> view and do one of the following:</p>
<ul><li>Press the <strong>Ctrl+F11</strong> key.</li>
-<li>Click the play icon (<img src="../../images/emulator_play.png" alt="Play icon" />) in the toolbar.</li></ul>
+<li>Click the run icon in the toolbar.</li></ul>
+
+<p>If you have both a connected device and existing emulator instances, select the device from the combo box in the toolbar before selecting to run the application.</p>
+
+<p align="center"><img src="../../images/app_run_multiple_emulators.png" alt="Selecting the device to use" /></p>
</li>
<li>Confirm that the application launches in the target device.</li>
<td class="note">The application is launched using the default debug run configuration. To create and use another configuration:
<ol>
<li>In the <strong>Project Explorer</strong> view, right-click the project and select <strong>Run As > Run Configurations</strong>.</li>
- <li>In the <strong>Run Configurations</strong> window, click the <strong>New Launch Configuration</strong> icon (<img alt="New Launch Configuration" src="../../images/run_new_config_wn.png" />), define the configuration details, and launch the application by clicking <strong>Run</strong>.
- <p align="center"><img alt="Run Configurations" src="../../images/run_configurations_w.png" /></p></li>
+ <li>In the <strong>Run Configurations</strong> window, click the <strong>New Launch Configuration</strong> icon (<img alt="New Launch Configuration icon" src="../../images/run_new_config_wn.png" />), define the configuration details, and launch the application by clicking <strong>Run</strong>.
+ <p align="center"><img alt="Run Configurations window" src="../../images/run_configurations_w.png" /></p></li>
</ol></td>
</tr>
</tbody>
<ol>
<li>Install TAU templates.
-<p>The Tizen 2.4 SDK comes with the Update Manager tool, which you can use to install the TAU packages required for TAU application development.</p>
+<p>The Tizen Studio comes with the Package Manager tool, which you can use to install the TAU packages required for TAU application development.</p>
<p>The TAU packages enable you to create the Web application using a TAU template.</p>
-<p align="center"><img src="../../images/simple_ui_update_mgr_mw.png" alt="Update manager installation" /></p>
+<p align="center"><img src="../../images/simple_ui_update_mgr_ww.png" alt="TAU package installation" /></p>
</li>
<li>Start the application development with the TAU library.
<p>You can get the TAU library using a TAU template or a sample application as a basis for your application. The easiest way to start your first TAU application is to create a new project with a TAU template.</p>
<p>To create a project with a TAU template:</p>
<ol type="a">
-<li>Go to <strong>File > New > Tizen Web Project</strong>.</li>
-<li>Go to <strong>Template > Mobile-2.4 > TAU SinglePage</strong>.
-<p align="center"><img src="../../images/simple_ui_tau_create_mw.png" alt="Create a new project" /></p>
+<li>Go to <strong>File > New > Tizen Project</strong>.</li>
+<li>Select <strong>Template > Mobile v2.4 > Web Application > TAU SinglePage</strong>.
+<p align="center"><img src="../../images/simple_ui_tau_create_mw.png" alt="Creating a new project" /></p>
</li>
-<li>Enter the project name and select <strong>2.4</strong> for version.</li>
-<li>Click <strong>Finish</strong>.</li>
+<li>Change the project name and properties and click <strong>Finish</strong>.
+<p align="center"><img src="../../images/simple_ui_tau_properties_mw.png" alt="Changing properties" /></p></li>
+
<li>In the <strong>Project Explorer</strong> view, view the project.
<p>The TAU library is located in the <span style="font-family: Courier New,Courier,monospace">lib</span> folder.</p>
<p align="center"><img src="../../images/simple_ui_tau_dir_mw.png" alt="TAU library directory" /></p>
</body>
</pre></li>
-<li>In the <strong>Project Explorer</strong> view, right-click the project and select <strong>New > JavaScript Source File</strong>.
+<li>In the <strong>Project Explorer</strong> view, right-click the project and select <strong>New > JavaScript Source File</strong>.
<p align="center"><img src="../../images/simple_ui_tau_new_js_mw.png" alt="Create a new JavaScript file" /></p></li>
-<li>Write the file name as <strong>app.js</strong> and click <strong>Finish</strong>.
-<p align="center"><img src="../../images/simple_ui_tau_new_js_name_mw.png" alt="Name the new file" /></p></li>
+<li>Write the file name as <strong>app.js</strong> and click <strong>Finish</strong>.</li>
<li>
<p>In the <span style="font-family: Courier New,Courier,monospace">app.js</span> file, all kinds of logic can be added to the application. In this case, add several lines for handling navigation:</p>
<p>When you are developing a more complex application, you can take advantage of the <a href="../../../../org.tizen.studio/html/web_tools/cover_web_w.htm">Web tools included in the Tizen Studio</a> to ease the tasks of creating functionality and designing the application UI.</p>
-<p><strong>Updating 2.3.1 Wearable Packages</strong></p>
-
-<p>To develop wearable applications in the latest Tizen SDK, you must install the 2.3.1 wearable packages separately:</p>
-
-<ol>
-<li>Launch the Update Manager by going to <strong>Start > All Programs > Tizen SDK-<version> > Update Manager-<version></strong>.</li>
-<li>In the <strong>All Packages</strong> tab, download all packages for <strong>2.3.1 Wearable</strong>.
-<p align="center"><img alt="Download packages" src="../../images/first_app_download_wn.png" /></p></li>
-</ol>
-
<h2 id="create">Creating a Project</h2>
<p>The following example shows you how to create and configure a basic wearable Web application project in the Tizen Studio. An application project contains all the files that make up an application.</p>
<li><p>Launch the Tizen Studio.</p></li>
<li>
-<p>Make sure the <strong>Tizen Web</strong> perspective is selected in the top right corner of the Tizen Studio window. </p>
+<p>Make sure the <strong>Web</strong> perspective is selected in the top right corner of the Tizen Studio window. </p>
<p align="center"><img alt="Checking the perspective" src="../../images/change_perspective_w.png" /></p>
-<p>If not, select it. If the perspective is not visible, in the Tizen Studio menu, select <strong>Window > Open Perspective > Other > Tizen Web</strong>, and click <strong>OK</strong>.</p>
+<p>If not, select it. If the perspective is not visible, in the Tizen Studio menu, select <strong>Window > Perspective > Open Perspective > Other > Web</strong>, and click <strong>OK</strong>.</p>
</li>
<li>
-<p>In the Tizen Studio menu, select <strong>File > New > Tizen Web Project</strong>.</p>
+<p>In the Tizen Studio menu, select <strong>File > New > Tizen Project</strong>.</p>
<p align="center"><img alt="Creating a new Tizen Web project" src="../../images/create_project_1_w.png" /></p>
<p>The Project Wizard opens.</p>
</li>
<p>In the Project Wizard, define the project details.</p>
<p>The Project Wizard is used to create the basic application skeleton with the required folder structure and mandatory files. You can easily create different applications by selecting an applicable template or sample for the Project Wizard to use.</p>
<ol type="a">
-<li><p>Select the <strong>Template</strong> tab and the <strong>WEARABLE-[version] > Basic</strong> template. The version depends on the SDK version you have installed and with which you are developing the application.</p></li>
-<li><p>Change the project name, if you want.</p></li>
-<li><p>Leave all other fields in the Project Wizard to their default values, and click <strong>Finish</strong>.</p></li>
+<li><p>Select the <strong>Template</strong> project type and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the project type" src="../../images/create_project_wizard_type.png" /></p>
+</li>
+<li><p>Select the profile (<strong>Wearable</strong>) and version from a drop-down list and click <strong>Next</strong>.</p>
+<p>The version depends on the platform version you have installed and with which you are developing the application.</p>
+<p align="center"><img alt="Selecting the profile and version" src="../../images/create_project_wizard_version_wearable.png" /></p>
+</li>
+<li><p>Select the <strong>Web Application</strong> application type and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the application type" src="../../images/create_project_wizard_app_web_wearable.png" /></p>
+</li>
+<li><p>Select the <strong>Basic UI</strong> template and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the template" src="../../images/create_project_wizard_template_ww.png" /></p>
+</li>
+<li><p>Define the project properties and click <strong>Finish</strong>.</p>
+<p>You can fill the project name (3-50 characters) and the unique package ID. You can also select the location and working sets by clicking <strong>More properties</strong>.</p>
+<p align="center"><img alt="Defining properties" src="../../images/create_project_wizard_properties_ww.png" /></p>
+
+<p>The Project Wizard sets up the project, creates the application files using the default content from the template, and closes. For more information about the Project Wizard and the available templates, see <a href="../../../../org.tizen.studio/html/web_tools/project_wizard_w.htm">Creating Tizen Projects with Tizen Project Wizard</a>.</p></li>
</ol>
-<p align="center"><img alt="Defining the project details" src="../../images/create_project_2_ww.png" /></p>
-<p>The Project Wizard sets up the project, creates the application files using the default content from the template, and closes. For more information about the Project Wizard and the available templates, see <a href="../../../../org.tizen.studio/html/web_tools/project_wizard_w.htm">Creating Tizen Projects with Tizen Project Wizard</a>.</p>
</li>
</ol>
<p align="center"><img alt="Configuring the application" src="../../images/basic_app_config_w.png" /></p>
<ul>
<li><p><strong>Overview</strong>: Define general information, such as the name and icon of the application.</p></li>
-<li><p><strong>Widget</strong>: Define author and license information and UI preferences.</p></li>
<li><p><strong>Features</strong>: Define required software and hardware features. This information is used for application filtering in the Tizen market place.</p></li>
<li><p><strong>Privileges</strong>: Define the security-sensitive APIs or API groups accessed and used by the application.</p></li>
<li><p><strong>Policy</strong>: Request network resource permissions to access external network resources.</p></li>
<th class="note">Note</th>
</tr>
<tr>
- <td class="note">The <span style="font-family: Courier New,Courier,monospace">config.xml</span> file must conform to both the XML file format and the W3C specification requirements. Editing the file in the source code view is intended for advanced users only.</td>
+ <td class="note">The <span style="font-family: Courier New,Courier,monospace">config.xml</span> file must conform to both the XML file format and the W3C specification requirements. Editing the file in the <strong>Source</strong> tab is intended for advanced users only.</td>
</tr>
</tbody>
</table>
</ul>
</li>
-<li><p>To save any changes, in the Tizen Studio menu, select <strong>File > Save</strong>.</p></li>
+<li><p>To save any changes, in the Tizen Studio menu, select <strong>File > Save All</strong>.</p></li>
</ol>
<ol>
<li>Select the project in the <strong>Project Explorer</strong> view.</li>
<li>In the Tizen Studio menu, select <strong>Project > Build Automatically</strong>.
-<p align="center"><img alt="Using the automatic build" src="../../images/build_automatic_w.png" /></p>
+<p align="center"><img alt="Using the automatic build" src="../../images/build_automatic_ww.png" /></p>
<p>A check mark appears next to the menu option.</p></li>
</ol>
<li>In the <strong>Connection Explorer</strong> view, launch the Emulator Manager by clicking the related icon.
<p align="center"><img src="../../images/emulator_icon.png" alt="Emulator manager icon" /></p>
</li>
-
-<li>In the Emulator Manager, open the <strong>Create New Emulator</strong> drop-down list and select <strong>wearable</strong>.
-<p align="center"><img src="../../images/emulator_new_wearable.png" alt="Emulator manager" /></p>
+<li>In the Emulator Manager, click <strong>Create</strong>.
+<p align="center"><img src="../../images/emulator_instance_create.png" alt="Creating an emulator instance" /></p>
</li>
-
-<li>Modify the emulator options, and click <strong>Confirm</strong>.
+<li>Select the applicable platform (in this case, <strong>wearable-2.3.2-circle (basic)</strong>), and click <strong>Next</strong>.
+<p align="center"><img src="../../images/emulator_instance_platform_wearable.png" alt="Selecting the platform" /></p>
+</li>
+<li>Select the device definition along with the platform version (in this case, <strong>Wearable Circle</strong>), and click <strong>Next</strong>.
+<p align="center"><img src="../../images/emulator_instance_version_wearable.png" alt="Selecting the platform version" /></p>
+</li>
+<li>Define the emulator properties, and click <strong>Finish</strong>.
<p>You can leave the options to their default values.</p>
-<p align="center"><img src="../../images/emulator_settings_wearable.png" alt="Emulator options" /></p>
+<p align="center"><img src="../../images/emulator_instance_properties_wearable.png" alt="Defining the properties" /></p>
</li>
+<li>To launch the emulator instance, select the emulator from the list and click <strong>Launch</strong>.
+<p align="center"><img src="../../images/emulator_instance_launch_wearable.png" alt="Launching the emulator" /></p>
-<li>To launch the emulator instance, select the emulator from the list and click the play icon.
-<p align="center"><img src="../../images/emulator_launch_wearable.png" alt="Launch the emulator" /></p>
-
-<p>The emulator is launched in its own window.</p>
-<p>You can also see the new emulator instance in the <strong>Connection Explorer</strong> view. To view the emulator folder structure, click the arrow next to the emulator instance.</p>
+<p>The emulator is launched in its own window. You can also see the new emulator instance in the <strong>Connection Explorer</strong> view. To view the emulator folder structure, click the arrow next to the emulator instance.</p>
<p align="center"><img src="../../images/emulator_window_wearable.png" alt="Emulator" /></p>
</li>
</ol>
</li>
<li>Generate a security profile.
- <p>Before you run the application, you must sign your application package by <a href="https://developer.tizen.org/community/tip-tech/issuing-tizen-certificate-certificate-extension-ver-1.2#emulator" target="_blank">generating an author certificate and registering it</a> in the Tizen Studio.</p>
+ <p>Before you run the application, you must <a href="../../../../org.tizen.studio/html/common_tools/certificate_registration.htm">sign your application package with a certificate profile</a> in the Tizen Studio.</p>
</li>
<li>Run the application:
<ol type="a">
<li>In the <strong>Project Explorer</strong> view, right-click the project and select <strong>Run As > Tizen Web Application</strong>.
-<p align="center"><img src="../../images/app_run_ww.png" alt="Run the application" /></p>
+<p align="center"><img src="../../images/app_run_ww.png" alt="Running the application" /></p>
<p>Alternatively, you can also select the project in the <strong>Project Explorer</strong> view and do one of the following:</p>
<ul><li>Press the <strong>Ctrl+F11</strong> key.</li>
-<li>Click the play icon (<img src="../../images/emulator_play.png" alt="Play icon" />) in the toolbar.</li></ul>
+<li>Click the run icon in the toolbar.</li></ul>
+
+<p>If you have created multiple emulator instances, select the instance you want from the combo box in the toolbar before selecting to run the application. If you select an offline emulator, it is automatically launched when you select to run the application.</p>
+
+<p align="center"><img src="../../images/app_run_multiple_emulators.png" alt="Selecting the emulator to use" /></p>
</li>
<li>Confirm that the application launches on the emulator.
</li>
</ol>
-<p>For more information on using the emulator features, see <a href="../../../../org.tizen.studio/html/common_tools/emulator_control_panel.htm">
Emulator Control Keys and Menu</a> and <a href="../../../../org.tizen.studio/html/common_tools/emulator_features.htm">Using Extended Emulator Features</a>.</p>
+<p>For more information on using the emulator features, see <a href="../../../../org.tizen.studio/html/common_tools/emulator_control_panel.htm">
Using Emulator Control Keys, Menu, and Panel</a> and <a href="../../../../org.tizen.studio/html/common_tools/emulator_features.htm">Using Extended Emulator Features</a>.</p>
<h3 id="target">Running on a Target Device</h3>
<li>In the <strong>Connection Explorer</strong> view, launch the Remote Device Manager by clicking the related icon.
<p align="center"><img src="../../images/remote_conn_mgr_ww.png" alt="Launch the Remote Device Manager" /></p>
</li>
-<li>In the <strong>Remote Device Manager</strong> window, click <strong>New</strong>.
+<li>In the <strong>Remote Device Manager</strong> window, click <strong>+</strong>.
<p align="center"><img src="../../images/remote_conn_new_ww.png" alt="Add new device" /></p>
</li>
<li>In the <strong>Add Device</strong> window, enter the device and network details (use the IP address you noted before), and click <strong>Add</strong>.
</ol>
</li>
<li>Generate an author certificate.
-<p>Before you run the application, you must sign your application package by <a href="https://developer.tizen.org/community/tip-tech/issuing-tizen-certificate-certificate-extension-ver-1.2#CommercialDevices" target="_blank">generating an author certificate and registering it</a> in the Tizen Studio.</p>
+<p>Before you run the application, you must <a href="../../../../org.tizen.studio/html/common_tools/certificate_registration.htm">sign your application package with a certificate profile</a> in the Tizen Studio.</p>
</li>
<li>Run the application:
<ol type="a">
<li>In the <strong>Connection Explorer</strong> view, select the device.</li>
<li>In <strong>Project Explorer</strong> view, right-click the project and select <strong>Run As > Tizen Web Application</strong>.
-<p align="center"><img src="../../images/app_run_ww.png" alt="Run the application on a target device" /></p>
+<p align="center"><img src="../../images/app_run_ww.png" alt="Running the application on a target device" /></p>
<p>Alternatively, you can also select the project in the <strong>Project Explorer</strong> view and do one of the following:</p>
<ul><li>Press the <strong>Ctrl+F11</strong> key.</li>
-<li>Click the play icon (<img src="../../images/emulator_play.png" alt="Play icon" />) in the toolbar.</li></ul>
+<li>Click the run icon in the toolbar.</li></ul>
+
+<p>If you have both a connected device and existing emulator instances, select the device from the combo box in the toolbar before selecting to run the application.</p>
+
+<p align="center"><img src="../../images/app_run_multiple_emulators.png" alt="Selecting the device to use" /></p>
</li>
<li>Confirm that the application launches in the target device.</li>
<td class="note">The application is launched using the default debug run configuration. To create and use another configuration:
<ol>
<li>In the <strong>Project Explorer</strong> view, right-click the project and select <strong>Run As > Run Configurations</strong>.</li>
- <li>In the <strong>Run Configurations</strong> window, click the <strong>New Launch Configuration</strong> icon (<img alt="New Launch Configuration" src="../../images/run_new_config_wn.png" />), define the configuration details, and launch the application by clicking <strong>Run</strong>.
- <p align="center"><img alt="Run Configurations" src="../../images/run_configurations_w.png" /></p></li>
+ <li>In the <strong>Run Configurations</strong> window, click the <strong>New Launch Configuration</strong> icon (<img alt="New Launch Configuration icon" src="../../images/run_new_config_wn.png" />), define the configuration details, and launch the application by clicking <strong>Run</strong>.
+ <p align="center"><img alt="Run Configurations window" src="../../images/run_configurations_w.png" /></p></li>
</ol></td>
</tr>
</tbody>
<h4 id="css" name="css">CSS</h4>
-<p>CSS (Cascading Style Sheets) specifies the layout and the styling of the Web application.</p>
+<p>CSS (Cascading Style Sheets) specifies the layout and styling of the Web application.</p>
<p>There are various ways to connect CSS with HTML:</p>
<ul>
-<li><span style="font-family: Courier New,Courier,monospace">style</span> attribute in a HTML element</li>
+<li><span style="font-family: Courier New,Courier,monospace">style</span> attribute in an HTML element</li>
<li><span style="font-family: Courier New,Courier,monospace"><link></span> element in the <span style="font-family: Courier New,Courier,monospace"><head></span> element</li>
<li><span style="font-family: Courier New,Courier,monospace">@import</span> attribute in the CSS area</li>
<li><span style="font-family: Courier New,Courier,monospace"><style></span> element in the <span style="font-family: Courier New,Courier,monospace"><head></span> element</li>
<ol>
<li>Install TAU templates.
-<p>The Tizen 2.4 SDK comes with the Update Manager tool, which you can use to install the TAU packages required for TAU application development.</p>
+<p>The Tizen Studio comes with the Package Manager tool, which you can use to install the TAU packages required for TAU application development.</p>
<p>The TAU packages enable you to create the Web application using a TAU template.</p>
-<p align="center"><img src="../../images/simple_ui_update_mgr_ww.png" alt="Update manager installation" /></p>
+<p align="center"><img src="../../images/simple_ui_update_mgr_ww.png" alt="TAU package installation" /></p>
</li>
<li>Start the application development with the TAU library.
<p>You can get the TAU library using a TAU template or a sample application as a basis for your application. The easiest way to start your first TAU application is to create a new project with a TAU template.</p>
<p>To create a project with a TAU template:</p>
<ol type="a">
-<li>Go to <strong>File > New > Tizen Web Project</strong>.</li>
-<li>Go to <strong>Template > WEARABLE-2.3.1 > TAU Basic</strong>.
-<p align="center"><img src="../../images/simple_ui_tau_create_ww.png" alt="Create a new project" /></p>
+<li>Go to <strong>File > New > Tizen Project</strong>.</li>
+<li>Select <strong>Template > Wearable v2.3.2 > Web Application > TAU Basic</strong>.
+<p align="center"><img src="../../images/simple_ui_tau_create_ww.png" alt="Creating a new project" /></p>
</li>
-<li>Enter the project name.</li>
-<li>Click <strong>Finish</strong>.</li>
+<li>Change the project name and properties and click <strong>Finish</strong>.
+<p align="center"><img src="../../images/simple_ui_tau_properties_ww.png" alt="Changing properties" /></p></li>
<li>In the <strong>Project Explorer</strong> view, view the project.
<p>The TAU library is located in the <span style="font-family: Courier New,Courier,monospace">lib</span> folder.</p>
<p align="center"><img src="../../images/simple_ui_tau_dir_ww.png" alt="TAU library directory" /></p>
</body>
</pre></li>
<li>
-<p>To layout a page, add a content area with the <span style="font-family: Courier New,Courier,monospace">ui-content</span> class and a header with the <span style="font-family: Courier New,Courier,monospace">ui-header</span> class:</p>
+<p>To layout the page, add a content area with the <span style="font-family: Courier New,Courier,monospace">ui-content</span> class and a header with the <span style="font-family: Courier New,Courier,monospace">ui-header</span> class:</p>
<pre class="prettyprint">
<div class="ui-page" id="main">
<header class="ui-header">
<p>When you are developing a more complex application, you can take advantage of the <a href="../../../../org.tizen.studio/html/web_tools/cover_web_w.htm">Web tools included in the Tizen Studio</a> to ease the tasks of creating functionality and designing the application UI.</p>
-<p><strong>Updating 2.3.1 Wearable Packages</strong></p>
-
-<p>To develop wearable applications in the latest Tizen SDK, you must install the 2.3.1 wearable packages separately:</p>
-
-<ol>
-<li>Launch the Update Manager by going to <strong>Start > All Programs > Tizen SDK-<version> > Update Manager-<version></strong>.</li>
-<li>In the <strong>All Packages</strong> tab, download all packages for <strong>2.3.1 Wearable</strong>.
-<p align="center"><img alt="Download packages" src="../../images/first_app_download_wn.png" /></p></li>
-</ol>
-
<h2 id="create">Creating a Project</h2>
<p>The following example shows you how to create and configure a basic wearable Web watch application project in the Tizen Studio. An application project contains all the files that make up an application.</p>
<li><p>Launch the Tizen Studio.</p></li>
<li>
-<p>Make sure the <strong>Tizen Web</strong> perspective is selected in the top right corner of the Tizen Studio window. </p>
+<p>Make sure the <strong>Web</strong> perspective is selected in the top right corner of the Tizen Studio window. </p>
<p align="center"><img alt="Checking the perspective" src="../../images/change_perspective_w.png" /></p>
-<p>If not, select it. If the perspective is not visible, in the Tizen Studio menu, select <strong>Window > Open Perspective > Other > Tizen Web</strong>, and click <strong>OK</strong>.</p>
+<p>If not, select it. If the perspective is not visible, in the Tizen Studio menu, select <strong>Window > Perspective > Open Perspective > Other > Web</strong>, and click <strong>OK</strong>.</p>
</li>
<li>
-<p>In the Tizen Studio menu, select <strong>File > New > Tizen Web Project</strong>.</p>
+<p>In the Tizen Studio menu, select <strong>File > New > Tizen Project</strong>.</p>
<p align="center"><img alt="Creating a new Tizen Web project" src="../../images/create_project_1_w.png" /></p>
<p>The Project Wizard opens.</p>
</li>
<p>In the Project Wizard, define the project details.</p>
<p>The Project Wizard is used to create the basic application skeleton with the required folder structure and mandatory files. You can easily create different applications by selecting an applicable template or sample for the Project Wizard to use.</p>
<ol type="a">
-<li><p>Select the <strong>Online Sample</strong> tab and the <strong>Watch > Basic Watch</strong> sample.</p></li>
-<li><p>Change the project name, if you want.</p></li>
-<li><p>Leave all other fields in the Project Wizard to their default values, and click <strong>Finish</strong>.</p></li>
+<li><p>Select the <strong>Sample</strong> project type and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the project type" src="../../images/create_project_wizard_type_sample.png" /></p>
+</li>
+<li><p>Select the profile (<strong>Wearable</strong>) and version from a drop-down list and click <strong>Next</strong>.</p>
+<p>The version depends on the platform version you have installed and with which you are developing the application.</p>
+<p align="center"><img alt="Selecting the profile and version" src="../../images/create_project_wizard_version_wearable.png" /></p>
+</li>
+<li><p>Select the <strong>Web Application</strong> application type and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the application type" src="../../images/create_project_wizard_app_web_wearable.png" /></p>
+</li>
+<li><p>Select the <strong>Watch > Basic Watch</strong> sample and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the sample" src="../../images/create_project_wizard_sample.png" /></p>
+</li>
+<li><p>Define the project properties and click <strong>Finish</strong>.</p>
+<p>You can fill the project name (3-50 characters) and the unique package ID. You can also select the location and working sets by clicking <strong>More properties</strong>.</p>
+<p align="center"><img alt="Defining properties" src="../../images/create_project_wizard_properties_ww_watch.png" /></p>
+
+<p>The Project Wizard sets up the project, creates the application files using the default content from the template, and closes. For more information about the Project Wizard and the available templates, see <a href="../../../../org.tizen.studio/html/web_tools/project_wizard_w.htm">Creating Tizen Projects with Tizen Project Wizard</a>.</p></li>
</ol>
-<p align="center"><img alt="Defining the project details" src="../../images/create_project_2_ww_watch.png" /></p>
-<p>The Project Wizard sets up the project, creates the application files using the default content from the template, and closes. For more information about the Project Wizard and the available templates, see <a href="../../../../org.tizen.studio/html/web_tools/project_wizard_w.htm">Creating Tizen Projects with Tizen Project Wizard</a>.</p>
</li>
</ol>
<p align="center"><img alt="Configuring the application" src="../../images/basic_app_config_ww_watch.png" /></p>
<ul>
<li><p><strong>Overview</strong>: Define general information, such as the name and icon of the application.</p></li>
-<li><p><strong>Widget</strong>: Define author and license information and UI preferences.</p></li>
<li><p><strong>Features</strong>: Define required software and hardware features. This information is used for application filtering in the Tizen market place.</p></li>
<li><p><strong>Privileges</strong>: Define the security-sensitive APIs or API groups accessed and used by the application.</p></li>
<li><p><strong>Policy</strong>: Request network resource permissions to access external network resources.</p></li>
<th class="note">Note</th>
</tr>
<tr>
- <td class="note">The <span style="font-family: Courier New,Courier,monospace">config.xml</span> file must conform to both the XML file format and the W3C specification requirements. Editing the file in the source code view is intended for advanced users only.</td>
+ <td class="note">The <span style="font-family: Courier New,Courier,monospace">config.xml</span> file must conform to both the XML file format and the W3C specification requirements. Editing the file in the <strong>Source</strong> tab is intended for advanced users only.</td>
</tr>
</tbody>
</table>
</ul>
</li>
-<li><p>To save any changes, in the Tizen Studio menu, select <strong>File > Save</strong>.</p></li>
+<li><p>To save any changes, in the Tizen Studio menu, select <strong>File > Save All</strong>.</p></li>
</ol>
<ol>
<li>Select the project in the <strong>Project Explorer</strong> view.</li>
<li>In the Tizen Studio menu, select <strong>Project > Build Automatically</strong>.
-<p align="center"><img alt="Using the automatic build" src="../../images/build_automatic_w.png" /></p>
+<p align="center"><img alt="Using the automatic build" src="../../images/build_automatic_ww_watch.png" /></p>
<p>A check mark appears next to the menu option.</p></li>
</ol>
<li>In the <strong>Connection Explorer</strong> view, launch the Emulator Manager by clicking the related icon.
<p align="center"><img src="../../images/emulator_icon.png" alt="Emulator manager icon" /></p>
</li>
-
-<li>In the Emulator Manager, open the <strong>Create New Emulator</strong> drop-down list and select <strong>wearable</strong>.
-<p align="center"><img src="../../images/emulator_new_wearable.png" alt="Emulator manager" /></p>
+<li>In the Emulator Manager, click <strong>Create</strong>.
+<p align="center"><img src="../../images/emulator_instance_create.png" alt="Creating an emulator instance" /></p>
</li>
-
-<li>Modify the emulator options, and click <strong>Confirm</strong>.
+<li>Select the applicable platform (in this case, <strong>wearable-2.3.2-circle (basic)</strong>), and click <strong>Next</strong>.
+<p align="center"><img src="../../images/emulator_instance_platform_wearable.png" alt="Selecting the platform" /></p>
+</li>
+<li>Select the device definition along with the platform version (in this case, <strong>Wearable Circle</strong>), and click <strong>Next</strong>.
+<p align="center"><img src="../../images/emulator_instance_version_wearable.png" alt="Selecting the platform version" /></p>
+</li>
+<li>Define the emulator properties, and click <strong>Finish</strong>.
<p>You can leave the options to their default values.</p>
-<p align="center"><img src="../../images/emulator_settings_wearable.png" alt="Emulator options" /></p>
+<p align="center"><img src="../../images/emulator_instance_properties_wearable.png" alt="Defining the properties" /></p>
</li>
+<li>To launch the emulator instance, select the emulator from the list and click <strong>Launch</strong>.
+<p align="center"><img src="../../images/emulator_instance_launch_wearable.png" alt="Launching the emulator" /></p>
-<li>To launch the emulator instance, select the emulator from the list and click the play icon.
-<p align="center"><img src="../../images/emulator_launch_wearable.png" alt="Launch the emulator" /></p>
-
-<p>The emulator is launched in its own window.</p>
-<p>You can also see the new emulator instance in the <strong>Connection Explorer</strong> view. To view the emulator folder structure, click the arrow next to the emulator instance.</p>
+<p>The emulator is launched in its own window. You can also see the new emulator instance in the <strong>Connection Explorer</strong> view. To view the emulator folder structure, click the arrow next to the emulator instance.</p>
<p align="center"><img src="../../images/emulator_window_wearable.png" alt="Emulator" /></p>
</li>
</ol>
</li>
<li>Generate a security profile.
- <p>Before you run the application, you must sign your application package by <a href="https://developer.tizen.org/community/tip-tech/issuing-tizen-certificate-certificate-extension-ver-1.2#emulator" target="_blank">generating an author certificate and registering it</a> in the Tizen Studio.</p>
+ <p>Before you run the application, you must <a href="../../../../org.tizen.studio/html/common_tools/certificate_registration.htm">sign your application package with a certificate profile</a> in the Tizen Studio.</p>
</li>
<li>Run the application:
<ol type="a">
<li>In the <strong>Project Explorer</strong> view, right-click the project and select <strong>Run As > Tizen Web Application</strong>.
-<p align="center"><img src="../../images/app_run_ww_watch.png" alt="Run the application" /></p>
+<p align="center"><img src="../../images/app_run_ww_watch.png" alt="Running the application" /></p>
<p>Alternatively, you can also select the project in the <strong>Project Explorer</strong> view and do one of the following:</p>
<ul><li>Press the <strong>Ctrl+F11</strong> key.</li>
-<li>Click the play icon (<img src="../../images/emulator_play.png" alt="Play icon" />) in the toolbar.</li></ul>
+<li>Click the run icon in the toolbar.</li></ul>
+
+<p>If you have created multiple emulator instances, select the instance you want from the combo box in the toolbar before selecting to run the application. If you select an offline emulator, it is automatically launched when you select to run the application.</p>
+<p align="center"><img src="../../images/app_run_multiple_emulators.png" alt="Selecting the emulator to use" /></p>
<p>In the <strong>Console</strong> view, you can see that the application is successfully installed. However, it does not run on the emulator screen until you change the watch face in the emulator <strong>Settings</strong> menu.</p>
<p align="center"><img alt="Successful installation" src="../../images/watch_run_install_watch_ww.png" /></p>
</li>
</ol>
</li></ol>
-<p>For more information on using the emulator features, see <a href="../../../../org.tizen.studio/html/common_tools/emulator_control_panel.htm">
Emulator Control Keys and Menu</a> and <a href="../../../../org.tizen.studio/html/common_tools/emulator_features.htm">Using Extended Emulator Features</a>.</p>
+<p>For more information on using the emulator features, see <a href="../../../../org.tizen.studio/html/common_tools/emulator_control_panel.htm">
Using Emulator Control Keys, Menu, and Panel</a> and <a href="../../../../org.tizen.studio/html/common_tools/emulator_features.htm">Using Extended Emulator Features</a>.</p>
<h3 id="target">Running on a Target Device</h3>
</ol>
</li>
<li>Generate an author certificate.
-<p>Before you run the application, you must sign your application package by <a href="https://developer.tizen.org/community/tip-tech/issuing-tizen-certificate-certificate-extension-ver-1.2#CommercialDevices" target="_blank">generating an author certificate and registering it</a> in the Tizen Studio.</p>
+<p>Before you run the application, you must <a href="../../../../org.tizen.studio/html/common_tools/certificate_registration.htm">sign your application package with a certificate profile</a> in the Tizen Studio.</p>
</li>
<li>Run the application:
<ol type="a">
<li>In the <strong>Connection Explorer</strong> view, select the device.</li>
<li>In <strong>Project Explorer</strong> view, right-click the project and select <strong>Run As > Tizen Web Application</strong>.
-<p align="center"><img src="../../images/app_run_ww_watch.png" alt="Run the application" /></p>
+<p align="center"><img src="../../images/app_run_ww_watch.png" alt="Running the application" /></p>
<p>Alternatively, you can also select the project in the <strong>Project Explorer</strong> view and do one of the following:</p>
<ul><li>Press the <strong>Ctrl+F11</strong> key.</li>
-<li>Click the play icon (<img src="../../images/emulator_play.png" alt="Play icon" />) in the toolbar.</li></ul>
+<li>Click the run icon in the toolbar.</li></ul>
+
+<p>If you have both a connected device and existing emulator instances, select the device from the combo box in the toolbar before selecting to run the application.</p>
+
+<p align="center"><img src="../../images/app_run_multiple_emulators.png" alt="Selecting the device to use" /></p>
</li>
<li>Confirm that the application launches in the target device.
<td class="note">The application is launched using the default debug run configuration. To create and use another configuration:
<ol>
<li>In the <strong>Project Explorer</strong> view, right-click the project and select <strong>Run As > Run Configurations</strong>.</li>
- <li>In the <strong>Run Configurations</strong> window, click the <strong>New Launch Configuration</strong> icon (<img alt="New Launch Configuration" src="../../images/run_new_config_wn.png" />), define the configuration details, and launch the application by clicking <strong>Run</strong>.
- <p align="center"><img alt="Run Configurations" src="../../images/run_configurations_watch_ww.png" /></p></li>
+ <li>In the <strong>Run Configurations</strong> window, click the <strong>New Launch Configuration</strong> icon (<img alt="New Launch Configuration icon" src="../../images/run_new_config_wn.png" />), define the configuration details, and launch the application by clicking <strong>Run</strong>.
+ <p align="center"><img alt="Run Configurations window" src="../../images/run_configurations_ww_watch.png" /></p></li>
</ol></td>
</tr>
</tbody>
<h3 id="ambient">Using the Ambient Mode</h3>
<p>In a low-powered wearable device, an ambient mode is available. In this mode, the watch application shows a limited UI and receives only the ambient tick event every minute to reduce power consumption.</p>
-<p>The details of the limited UI drawn in the ambient mode depend on the device. Usually, when designing the ambient mode UI, draw a black and white UI only, and use less than 15% of the pixels on the screen. If you do not want to draw your own ambient mode UI, set the <span style="font-family: Courier New,Courier,monospace">ambient-support</span> attribute to <span style="font-family: Courier New,Courier,monospace">disable</span> in the watch application manifest file to allow the platform to show a default ambient mode UI.</p>
+<p>The details of the limited UI drawn in the ambient mode depend on the device. Usually, when designing the ambient mode UI, draw a black and white UI only, and use less than 20% of the pixels on the screen. If you do not want to draw your own ambient mode UI, set the <span style="font-family: Courier New,Courier,monospace">ambient-support</span> attribute to <span style="font-family: Courier New,Courier,monospace">disable</span> in the watch application manifest file to allow the platform to show a default ambient mode UI.</p>
<table class="note">
<p>When you are developing a more complex application, you can take advantage of the <a href="../../../../org.tizen.studio/html/web_tools/cover_web_w.htm">Web tools included in the Tizen Studio</a> to ease the tasks of creating functionality and designing the application UI.</p>
-<p><strong>Updating 2.3.2 Wearable Packages</strong></p>
-
-<p>To develop wearable applications in the latest Tizen SDK, you must install the 2.3.2 wearable packages separately:</p>
-
-<ol>
-<li>Launch the Package Manager by going to <strong>Start > All Programs > Tizen Studio > Package Manager</strong>.</li>
-<li>In the <strong>All Packages</strong> tab, download all packages for <strong>2.3.2 Wearable</strong>.
-<p align="center"><img alt="Download packages" src="../../images/first_app_download_ww_widget.png" /></p></li>
-</ol>
-
<h2 id="create">Creating a Project</h2>
<p>The following example shows you how to create and configure a basic wearable Web widget application project in the Tizen Studio. An application project contains all the files that make up an application.</p>
<li>
<p>Make sure the <strong>Web</strong> perspective is selected in the top right corner of the Tizen Studio window. </p>
-<p align="center"><img alt="Checking the perspective" src="../../images/change_perspective_w_widget.png" /></p>
-<p>If not, select it. If the perspective is not visible, in the Tizen Studio menu, select <strong>Window > Perspective > Open Perspective > Open Perspective > Other > Web</strong>, and click <strong>OK</strong>.</p>
+<p align="center"><img alt="Checking the perspective" src="../../images/change_perspective_w.png" /></p>
+<p>If not, select it. If the perspective is not visible, in the Tizen Studio menu, select <strong>Window > Perspective > Open Perspective > Other > Web</strong>, and click <strong>OK</strong>.</p>
</li>
<li>
-<p>In the Tizen Studio menu, select <strong>File > New > Other > Tizen > Tizen Project from Template</strong>.</p>
-<p>Alternatively, you can also click the new icon at the top left corner of the Tizen Studio.</p>
+<p>In the Tizen Studio menu, select <strong>File > New > Tizen Project</strong>.</p>
+<p align="center"><img alt="Creating a new Tizen Web project" src="../../images/create_project_1_w.png" /></p>
<p>The Project Wizard opens.</p>
</li>
-
<li>
<p>In the Project Wizard, define the project details.</p>
<p>The Project Wizard is used to create the basic application skeleton with the required folder structure and mandatory files. You can easily create different applications by selecting an applicable template or sample for the Project Wizard to use.</p>
<ol type="a">
-<li><p>Select the <strong>Template</strong> project type.</p>
-<p align="center"><img alt="Selecting the project type" src="../../images/create_project_1_widget.png" /></p>
-</li>
-<li><p>Select the <strong>Wearable</strong> profile. The version depends on the SDK version you have installed and with which you are developing the application.</p>
-<p align="center"><img alt="Selecting the profile" src="../../images/create_project_2_widget.png" /></p></li>
-<li><p>Select the <strong>Web Application</strong> application type.</p>
-<p align="center"><img alt="Selecting the application type" src="../../images/create_project_3_widget.png" /></p></li>
-<li><p>Select the <strong>Widget</strong> template.</p>
-<p align="center"><img alt="Selecting the template" src="../../images/create_project_4_widget.png" /></p></li>
-<li><p>Set the project name as <strong>Widget</strong>.</p>
-<p align="center"><img alt="Setting the project name" src="../../images/create_project_5_widget.png" /></p></li>
-<li><p>Leave all other fields in the Project Wizard to their default values, and click <strong>Finish</strong>.</p></li>
+<li><p>Select the <strong>Template</strong> project type and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the project type" src="../../images/create_project_wizard_type.png" /></p>
+</li>
+<li><p>Select the profile (<strong>Wearable</strong>) and version from a drop-down list and click <strong>Next</strong>.</p>
+<p>The version depends on the platform version you have installed and with which you are developing the application.</p>
+<p align="center"><img alt="Selecting the profile and version" src="../../images/create_project_wizard_version_wearable.png" /></p>
+</li>
+<li><p>Select the <strong>Web Application</strong> application type and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the application type" src="../../images/create_project_wizard_app_web_wearable.png" /></p>
+</li>
+<li><p>Select the <strong>Widget</strong> template and click <strong>Next</strong>.</p>
+<p align="center"><img alt="Selecting the template" src="../../images/create_project_wizard_template_ww_widget.png" /></p>
+</li>
+<li><p>Define the project properties and click <strong>Finish</strong>.</p>
+<p>You can fill the project name (3-50 characters) and the unique package ID. You can also select the location and working sets by clicking <strong>More properties</strong>.</p>
+<p align="center"><img alt="Defining properties" src="../../images/create_project_wizard_properties_ww_widget.png" /></p>
+
+<p>The Project Wizard sets up the project, creates the application files using the default content from the template, and closes. For more information about the Project Wizard and the available templates, see <a href="../../../../org.tizen.studio/html/web_tools/project_wizard_w.htm">Creating Tizen Projects with Tizen Project Wizard</a>.</p></li>
</ol>
-<p>The Project Wizard sets up the project, creates the application files using the default content from the template, and closes. For more information about the Project Wizard and the available templates, see <a href="../../../../org.tizen.studio/html/web_tools/project_wizard_w.htm">Creating Tizen Projects with Tizen Project Wizard</a>.</p>
</li>
</ol>
<th class="note">Note</th>
</tr>
<tr>
- <td class="note">The <span style="font-family: Courier New,Courier,monospace">config.xml</span> file must conform to both the XML file format and the W3C specification requirements. Editing the file in the source code view is intended for advanced users only.</td>
+ <td class="note">The <span style="font-family: Courier New,Courier,monospace">config.xml</span> file must conform to both the XML file format and the W3C specification requirements. Editing the file in the <strong>Source</strong> tab is intended for advanced users only.</td>
</tr>
</tbody>
</table>
</ul>
</li>
-<li><p>To save any changes, in the Tizen Studio menu, select <strong>File > Save</strong>.</p></li>
+<li><p>To save any changes, in the Tizen Studio menu, select <strong>File > Save All</strong>.</p></li>
</ol>
<h2 id="build">Building Your Application</h2>
<p>After you have created the application project, you can implement the required features. In this example, only the default features from the project template are used, and no code changes are required.</p>
-<p>When your application code is ready, you must build the application. The building process performs a validation check and compiles your files.</p>
+<p>When your application code is ready, you must build the application. The building process performs a validation check and compiles your JavaScript and CSS files.</p>
<p>You can build the application in the following ways:</p>
<p>The manual build means that you determine yourself when the application is built.</p>
<p>To manually build the application, right-click the project in the <strong>Project Explorer</strong> view and select <strong>Build Project</strong>.</p>
+<p class="figure">Figure: Manually building the application</p>
+<p align="center"><img alt="Manually building the application" src="../../images/build_manual_widget_ww.png" /></p>
+
<p>Alternatively, you can also select the project in the <strong>Project Explorer</strong> view and do one of the following:</p>
<ul><li>In the Tizen Studio menu, select <strong>Project > Build Project</strong>.</li>
<li>Press the <strong>F10</strong> key.</li></ul>
<ol>
<li>Create and launch an emulator instance in the <a href="../../../../org.tizen.studio/html/common_tools/emulator_manager.htm">Emulator Manager</a>:
<ol type="a">
-<li>In the Tizen Studio menu, select <strong>Tools > Emulator Manager</strong>.
+<li>In the <strong>Connection Explorer</strong> view, launch the Emulator Manager by clicking the related icon.
+<p align="center"><img src="../../images/emulator_icon.png" alt="Emulator manager icon" /></p>
</li>
-
-<li>In the Emulator Manager, if no emulator instances exist, an empty list is shown.
-<p align="center"><img src="../../images/emulator_empty.png" alt="Empty emulator list" /></p>
-<p>To create an emulator instance:</p>
-<ol type="a">
-<li>Click <strong>Create</strong>, select the <strong>wearable</strong> platform, and click <strong>Next</strong>.
-<p align="center"><img src="../../images/emulator_platform.png" alt="Emulator platform" /></p>
+<li>In the Emulator Manager, click <strong>Create</strong>.
+<p align="center"><img src="../../images/emulator_instance_create.png" alt="Creating an emulator instance" /></p>
</li>
-<li>Select the <strong>Wearable Circle</strong> template, and click <strong>Next</strong>.
-<p align="center"><img src="../../images/emulator_template.png" alt="Emulator template" /></p>
+<li>Select the applicable platform (in this case, <strong>wearable-2.3.2-circle (basic)</strong>), and click <strong>Next</strong>.
+<p align="center"><img src="../../images/emulator_instance_platform_wearable.png" alt="Selecting the platform" /></p>
</li>
-<li>Modify the emulator options, and click <strong>Finish</strong>.
-<p>You can leave all options to their default values.</p>
-<p align="center"><img src="../../images/emulator_settings_w.png" alt="Emulator options" /></p>
+<li>Select the device definition along with the platform version (in this case, <strong>Wearable Circle</strong>), and click <strong>Next</strong>.
+<p align="center"><img src="../../images/emulator_instance_version_wearable.png" alt="Selecting the platform version" /></p>
</li>
-</ol>
+<li>Define the emulator properties, and click <strong>Finish</strong>.
+<p>You can leave the options to their default values.</p>
+<p align="center"><img src="../../images/emulator_instance_properties_wearable.png" alt="Defining the properties" /></p>
</li>
-
<li>To launch the emulator instance, select the emulator from the list and click <strong>Launch</strong>.
-<p align="center"><img src="../../images/emulator_launch_w.png" alt="Launch the emulator" /></p>
+<p align="center"><img src="../../images/emulator_instance_launch_wearable.png" alt="Launching the emulator" /></p>
-<p>The emulator is launched in its own window.</p>
-<p>You can also see the new emulator instance in the <strong>Connection Explorer</strong> view. To view the emulator folder structure, click the arrow next to the emulator instance.</p>
-<p align="center"><img src="../../images/emulator_window_w_widget.png" alt="Emulator" /></p>
+<p>The emulator is launched in its own window. You can also see the new emulator instance in the <strong>Connection Explorer</strong> view. To view the emulator folder structure, click the arrow next to the emulator instance.</p>
+<p align="center"><img src="../../images/emulator_window_wearable.png" alt="Emulator" /></p>
</li>
</ol>
</li>
<li>Generate a security profile.
- <p>Before you run the application, you must sign your application package by <a href="https://developer.tizen.org/community/tip-tech/issuing-tizen-certificate-certificate-extension-ver-1.2#emulator" target="_blank">generating an author certificate and registering it</a> in the Tizen Studio.</p>
+ <p>Before you run the application, you must <a href="../../../../org.tizen.studio/html/common_tools/certificate_registration.htm">sign your application package with a certificate profile</a> in the Tizen Studio.</p>
</li>
<li>Run the application:
<ol type="a">
<li>In the <strong>Project Explorer</strong> view, right-click the project and select <strong>Run As > Tizen Web Application</strong>.
-<p align="center"><img src="../../images/app_run_ww_widget.png" alt="Run the application" /></p>
+<p align="center"><img src="../../images/app_run_ww_widget.png" alt="Running the application" /></p>
<p>Alternatively, you can also select the project in the <strong>Project Explorer</strong> view and do one of the following:</p>
<ul><li>Press the <strong>Ctrl+F11</strong> key.</li>
-<li>Click the play icon (<img src="../../images/emulator_play_widget.png" alt="Play icon" />) in the toolbar.</li></ul>
+<li>Click the run icon in the toolbar.</li></ul>
+<p>If you have created multiple emulator instances, select the instance you want from the combo box in the toolbar before selecting to run the application. If you select an offline emulator, it is automatically launched when you select to run the application.</p>
+
+<p align="center"><img src="../../images/app_run_multiple_emulators.png" alt="Selecting the emulator to use" /></p>
</li>
<li>Confirm that the application launches on the emulator.
</ol>
</li></ol>
-<p>For more information on using the emulator features, see <a href="../../../../org.tizen.studio/html/common_tools/emulator_control_panel.htm">
Emulator Control Keys and Menu</a> and <a href="../../../../org.tizen.studio/html/common_tools/emulator_features.htm">Using Extended Emulator Features</a>.</p>
+<p>For more information on using the emulator features, see <a href="../../../../org.tizen.studio/html/common_tools/emulator_control_panel.htm">
Using Emulator Control Keys, Menu, and Panel</a> and <a href="../../../../org.tizen.studio/html/common_tools/emulator_features.htm">Using Extended Emulator Features</a>.</p>
<h3 id="target">Running on a Target Device</h3>
<p>To run the application on a target device:</p>
</pre>
<p>Use the IP address you noted before.</p>
-<p>Instead of the terminal, you can also use the <a href="../wearable/first_app_ww.htm#remote_device">Tizen Studio Remote Device Manager</a> for the connection.</p>
+<p>Instead of the terminal, you can also use the <a href="../wearable/first_app_ww.htm#remote_device">Remote Device Manager</a> for the connection.</p>
</li>
<li>
<p align="center"><img src="../../images/remote_allow_gear_ww.png" alt="Allow Gear to access data" /></p>
</li>
-<li>In the Tizen Studio menu bar, confirm that the device is connected.
-<p align="center"><img src="../../images/remote_connected_ww_widget.png" alt="Device is connected" /></p>
-<p>For more information, see <a href="../../../../org.tizen.studio/html/common_tools/connection_explorer_view.htm">Managing and Connecting Devices for Testing</a>.</p>
+<li>In the <strong>Connection Explorer</strong> view, confirm that the device is connected (shown in the device list).
+<p align="center"><img src="../../images/remote_connected_ww.png" alt="Device is connected" /></p>
</li>
</ol>
</li>
<li>Generate an author certificate.
-<p>Before you run the application, you must sign your application package by <a href="https://developer.tizen.org/community/tip-tech/issuing-tizen-certificate-certificate-extension-ver-1.2#CommercialDevices" target="_blank">generating an author certificate and registering it</a> in the Tizen Studio.</p>
+<p>Before you run the application, you must <a href="../../../../org.tizen.studio/html/common_tools/certificate_registration.htm">sign your application package with a certificate profile</a> in the Tizen Studio.</p>
</li>
<li>In the <strong>Connection Explorer</strong> view, select the device.</li>
<li>In <strong>Project Explorer</strong> view, right-click the project and select <strong>Run As > Tizen Web Application</strong>.
-<p align="center"><img src="../../images/app_run_ww_widget.png" alt="Run the application on a target device" /></p>
+<p align="center"><img src="../../images/app_run_ww_widget.png" alt="Running the application" /></p>
<p>Alternatively, you can also select the project in the <strong>Project Explorer</strong> view and do one of the following:</p>
<ul><li>Press the <strong>Ctrl+F11</strong> key.</li>
-<li>Click the play icon (<img src="../../images/emulator_play.png" alt="Play icon" />) in the toolbar.</li></ul>
+<li>Click the run icon in the toolbar.</li></ul>
+
+<p>If you have both a connected device and existing emulator instances, select the device from the combo box in the toolbar before selecting to run the application.</p>
+
+<p align="center"><img src="../../images/app_run_multiple_emulators.png" alt="Selecting the device to use" /></p>
</li>
<li>Confirm that the application launches in the target device.
<td class="note">The application is launched using the default debug run configuration. To create and use another configuration:
<ol>
<li>In the <strong>Project Explorer</strong> view, right-click the project and select <strong>Run As > Run Configurations</strong>.</li>
- <li>In the <strong>Run Configurations</strong> window, click the <strong>New Launch Configuration</strong> icon (<img alt="New Launch Configuration" src="../../images/run_new_config_w_widget.png" />), define the configuration details, and launch the application by clicking <strong>Run</strong>.
- <p align="center"><img alt="Run Configurations" src="../../images/run_configurations_w_widget.png" /></p></li>
+ <li>In the <strong>Run Configurations</strong> window, click the <strong>New Launch Configuration</strong> icon (<img alt="New Launch Configuration icon" src="../../images/run_new_config_wn.png" />), define the configuration details, and launch the application by clicking <strong>Run</strong>.
+ <p align="center"><img alt="Run Configurations window" src="../../images/run_configurations_w_widget.png" /></p></li>
</ol></td>
</tr>
</tbody>
projects / sdk / online-doc.git / commitdiff
