<li>Native UI Builder
<p>This tool provides assistance in developing native Tizen applications. It allows easy development of UI applications with a WYSIWYG (What You See is What You Get) editor, and it helps you understand Tizen native UI development and the UI hierarchy. The application UI screen can be configured easily with this editor.</p>
<p align="center"><strong>Figure: Native UI Builder</strong></p>
-<p align="center"><img alt="Native UI Builder" src="images/overview_ui_builder.png" /></p>
+<p align="center"><img width="850" alt="Native UI Builder" src="images/overview_ui_builder.png" /></p>
</li>
<li>Emulator
<p>This tool helps you develop and debug Tizen applications without an actual Tizen device. You can select the platform, profile, and device that you need and run applications with the emulator. In addition, through the Emulator Control Panel (ECP), you can directly input events in the application and see how the application operates.</p>
<p align="center"><strong>Figure: Emulator Manager and ECP</strong></p>
-<p align="center"><img width="850" alt="Emulator Manager and ECP" src="images/overview_emulator.png" /></p>
+<p align="center"><img alt="Emulator Manager and ECP" src="images/overview_emulator.png" /></p>
+<p align="center"><img alt="Emulator Manager and ECP" src="images/overview_emulator2.png" /></p>
</li>
<li>Profiling tool
<p>By using the Dynamic Analyzer, the Tizen Studio provides profiling assistance for application optimization. The status of the device, such as its processor usage, memory usage, and UI events, can be measured and viewed for optimizing the Tizen application.</p>
<p align="center"><strong>Figure: Dynamic Analyzer</strong></p>
-<p align="center"><img alt="Dynamic Analyzer" src="images/overview_da.png" /></p>
+<p align="center"><img alt="Dynamic Analyzer" width="850" src="images/overview_da.png" /></p>
</li>
</ul>
<p>This topic shows how to add screens from other applications to existing applications. The example is based on the SettingsUIwithUIB project created in <a href="ui_builder_conversion_n.htm#convert">Converting to a UI Builder Project</a>. A screen from the <a href="https://developer.tizen.org/development/sample/native/Graphics/GLView11Cube" target="_blank">GLView11Cube sample application</a> is ported to the SettingsUIwithUIB application.</p>
<p align="center"><strong>Figure: Combining screens from multiple applications</strong></p>
-<p align="center"><img src="../images/prjm_combi_intro.png" width="450" alt="Combining screens from multiple apps into one app"/></p>
+<p align="center"><img src="../images/prjm_combi_intro.png" width="450" alt="Combining screens from multiple applications"/></p>
<h2 id="porting">Porting a Screen</h2>
<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>.
<p align="center"><img src="../../images/remote_conn_add_ww.png" alt="Define device details" /></p>
</li>
-<li>In the <strong>Remote Device Manager</strong> window, select the new device and click <strong>Connect</strong>.
+<li>In the <strong>Remote Device Manager</strong> window, switch the new device on by clicking the switch under <strong>Connect</strong>.
<p align="center"><img src="../../images/remote_connect_ww.png" alt="Connect the device" /></p>
</li>
</ol>
<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>.
<p align="center"><img src="../../images/remote_conn_add_ww.png" alt="Define device details" /></p>
</li>
-<li>In the <strong>Remote Device Manager</strong> window, select the new device and click <strong>Connect</strong>.
+<li>In the <strong>Remote Device Manager</strong> window, switch the new device on by clicking the switch under <strong>Connect</strong>.
<p align="center"><img src="../../images/remote_connect_ww.png" alt="Connect the device" /></p>
</li>
</ol>