Add how to use Developer options

This is a manual cherry-pick from the #124352 change
in the tizen_3.0 branch.

PS2: Rebase

Change-Id: Ieae37db541ed4e7ed80d28df07bfda89a3b55eea

diff --git a/org.tizen.training/html/images/developer_options.png b/org.tizen.training/html/images/developer_options.png
new file mode 100644 (file)
index 0000000..e1d1e56
Binary files /dev/null and b/org.tizen.training/html/images/developer_options.png differ

diff --git a/org.tizen.training/html/images/turn_on_opr.png b/org.tizen.training/html/images/turn_on_opr.png
new file mode 100644 (file)
index 0000000..4e695c5
Binary files /dev/null and b/org.tizen.training/html/images/turn_on_opr.png differ

diff --git a/org.tizen.training/html/images/watch_face_opr.png b/org.tizen.training/html/images/watch_face_opr.png
new file mode 100644 (file)
index 0000000..5b39ad7
Binary files /dev/null and b/org.tizen.training/html/images/watch_face_opr.png differ

diff --git a/org.tizen.training/html/native/process/debugging_app_n.htm b/org.tizen.training/html/native/process/debugging_app_n.htm
index dff10a3..d7e67ae 100644 (file)
--- a/org.tizen.training/html/native/process/debugging_app_n.htm
+++ b/org.tizen.training/html/native/process/debugging_app_n.htm
@@ -31,6 +31,7 @@
                        <li><a href="#break">Break Points</a></li>
                        <li><a href="#watch">Watch Points</a></li>
                        <li><a href="#emulator">Debugging Applications on the Emulator</a></li>
+                       <li><a href="#dev_option">Using Developer Options</a></li>
                </ul>
        </div></div>
 </div>
@@ -276,7 +277,8 @@ collections
 ERR&lt;4365&gt;:edje lib/edje/edje_calc.c:3144 _edje_part_recalc() Circular dependency when calculating part "part1". Already calculating XY [03] axes. Need to calculate Y [02] axes
 </pre></li>
 
-<li><pre class="prettyprint">
+<li>
+<pre class="prettyprint">
 collections
 {
    group
@@ -421,6 +423,23 @@ ERR&lt;4357&gt;:edje lib/edje/edje_util.c:3069 _edje_object_size_min_restricted_
   <p>In the emulator settings, you can change the display language settings, keyboard language settings, proxy address, and location settings. In addition, you can use the
        <a href="../../../../org.tizen.studio/html/common_tools/emulator_control_panel.htm">Emulator Control Panel</a> to generate application events (such as sensor data, incoming calls, or location data) for debugging and testing purposes.</p>
 
+<h2 id="dev_option">Using Developer Options</h2>
+
+<p>You can utilize additional features for application development and debugging by enabling the developer options.</p>
+
+<div class="note"><strong>Note</strong>
+       The developer options are currently supported on the Tizen 2.3.2 wearable emulator only.
+</div>
+
+<p>The developer options allow you to make the pixel ratio visible on the screen:<p>
+<ol><li>In the emulator, go to <strong>Settings &gt; Developer options</strong>.</li>
+       <li>Select <strong>On pixel ratio</strong>.</li>
+               <p align="center"><img alt="Developer options" src="../../images/developer_options.png"> <img alt="On pixel ratio" src="../../images/turn_on_opr.png"></p>
+       </li>
+       <li>To see the OPR (on pixel ratio) at the top of the screen, go to the home screen.
+       <p align="center"><img alt="Viewing OPR" src="../../images/watch_face_opr.png"></p>
+       </li>
+</ul>
 
 
 <script type="text/javascript" src="../../scripts/jquery.zclip.min.js"></script>