[TAU] modify sample description for UIComponent

Change-Id: I10a9d1a8c5d0f0170bbcc73f4ca86108cf488f59
Signed-off-by: Heeju Joo <heeju.joo@samsung.com>

diff --git a/org.tizen.sampledescriptions/html/images/uicomponent_mobile.png b/org.tizen.sampledescriptions/html/images/uicomponent_mobile.png
new file mode 100644 (file)
index 0000000..156068e
Binary files /dev/null and b/org.tizen.sampledescriptions/html/images/uicomponent_mobile.png differ

diff --git a/org.tizen.sampledescriptions/html/images/winsets.png b/org.tizen.sampledescriptions/html/images/winsets.png
deleted file mode 100644 (file)
index 434887e..0000000
Binary files a/org.tizen.sampledescriptions/html/images/winsets.png and /dev/null differ

diff --git a/org.tizen.sampledescriptions/html/index.htm b/org.tizen.sampledescriptions/html/index.htm
index 3e4bb84..f191479 100644 (file)
--- a/org.tizen.sampledescriptions/html/index.htm
+++ b/org.tizen.sampledescriptions/html/index.htm
@@ -52,8 +52,8 @@
                        <li><a href="mobile_w/sensorball_mw.htm">SensorBall</a></li>
                        <li><a href="mobile_w/soundmanager_mw.htm">SoundManager</a></li>
                        <li><a href="mobile_w/systeminfo_mw.htm">Systeminfo</a></li>
-                       <li><a href="mobile_w/winset_mw.htm">TizenWinset</a></li>
-                       <li><a href="mobile_w/touchpaint_mw.htm">TouchPaint</a></li>            
+                       <li><a href="mobile_w/touchpaint_mw.htm">TouchPaint</a></li>
+                       <li><a href="mobile_w/uicomponent_mw.htm">UIComponent</a></li>
                </ul>
                </li>
                <li><a href="wearable_w/sd_ww.htm">Wearable Web</a>

diff --git a/org.tizen.sampledescriptions/html/mobile_w/sd_mw.htm b/org.tizen.sampledescriptions/html/mobile_w/sd_mw.htm
index ed2562c..1a5ed91 100644 (file)
--- a/org.tizen.sampledescriptions/html/mobile_w/sd_mw.htm
+++ b/org.tizen.sampledescriptions/html/mobile_w/sd_mw.htm
@@ -223,14 +223,6 @@
        <li><a href="../../../org.tizen.web.apireference/html/device_api/mobile/tizen/systeminfo.html">System Information</a> API</li> 
           <li><a href="../../../org.tizen.web.apireference/html/device_api/mobile/tizen/package.html">Package</a> API</li>
       </ul><p>This sample is also explained in the tutorials: <a href="../../../org.tizen.tutorials/html/web/tizen/system/task_systeminfo_w.htm">Task: System Information</a>.</p> </td> 
-    </tr>              
-    <tr> 
-     <td><a href="winset_mw.htm">TizenWinset</a></td> 
-     <td>Demonstrates how you can use Tizen Advanced UI (TAU) UI components using: 
-      <ul> 
-       <li><a href="../../../org.tizen.web.apireference/html/ui_fw_api/ui_fw_api_cover.htm">Tizen Advanced UI Framework</a> Reference</li> 
-      </ul> 
-         <p>This sample is also explained in the <a href="../../../org.tizen.web.apireference/html/ui_fw_api/Mobile_UIComponents/mobile_component_list.htm">UI Component Reference</a>.</p></td> 
     </tr>
 <tr> 
      <td><a href="touchpaint_mw.htm">TouchPaint</a></td> 
@@ -238,7 +230,15 @@
       <ul> 
        <li><a href="../../../org.tizen.web.apireference/html/w3c_api/w3c_api_m.html#touch">Touch Events version 1</a> API</li>  
       </ul> <p>This sample is also explained in the tutorials: <a href="../../../org.tizen.tutorials/html/web/w3c/device/task_touch_paint_mw.htm">Task: Touch Paint</a>.</p></td> 
-    </tr>              
+    </tr>
+    <tr>
+     <td><a href="uicomponent_mw.htm">UIComponent</a></td>
+     <td>Demonstrates how you can use Tizen Advanced UI (TAU) UI components using:
+      <ul>
+       <li><a href="../../../org.tizen.web.apireference/html/ui_fw_api/ui_fw_api_cover.htm">Tizen Advanced UI Framework</a> Reference</li>
+      </ul>
+      <p>This sample is also explained in the <a href="../../../org.tizen.web.apireference/html/ui_fw_api/Mobile_UIComponents/mobile_component_list.htm">UI Component Reference</a>.</p></td>
+    </tr>
    </tbody> 
   </table> 
 

diff --git a/org.tizen.sampledescriptions/html/mobile_w/winset_mw.htm b/org.tizen.sampledescriptions/html/mobile_w/uicomponent_mw.htm
similarity index 59%
rename from org.tizen.sampledescriptions/html/mobile_w/winset_mw.htm
rename to org.tizen.sampledescriptions/html/mobile_w/uicomponent_mw.htm
index 327f8f3..de272de 100644 (file)
--- a/org.tizen.sampledescriptions/html/mobile_w/winset_mw.htm
+++ b/org.tizen.sampledescriptions/html/mobile_w/uicomponent_mw.htm
@@ -11,7 +11,7 @@
        <script type="text/javascript" src="../scripts/core.js" charset="utf-8"></script>
        <script type="text/javascript" src="../scripts/search.js" charset="utf-8"></script>
 
-       <title>TizenWinset Overview</title>  
+       <title>UIComponent Overview</title>
 </head>
 
 <body onload="prettyPrint()" style="overflow: auto;">
@@ -31,39 +31,21 @@
 </div> 
 
 <div id="container"><div id="contents"><div class="content">
-  <h1>TizenWinset Overview</h1> 
-  <p>The TizenWinset sample application demonstrates how you can use TAU UI components.</p> 
+  <h1>UIComponent Overview</h1>
+  <p>The UIComponent sample application demonstrates how you can use TAU UI components.</p>
   <p>For information on creating the sample application project in the IDE, see <a href="../cover_page.htm#create">Creating Sample Applications</a>.</p>
-  <p>The following figure illustrates the main screen of the TizenWinset. </p> 
-  <p class="figure">Figure: TizenWinset screen</p> 
-  <p align="center"><img alt="TizenWinset screen" src="../images/winsets.png"/> </p> 
+  <p>The following figure illustrates the main screen of the UIComponent. </p>
+  <p class="figure">Figure: UIComponent screen</p>
+  <p align="center"><img style="width:40%" alt="UIComponent screen" src="../images/uicomponent_mobile.png"/> </p>
   <p>The application opens with the main screen, which shows a list of the available UI components. Click a list item to choose the UI component you want to see: </p> 
   <ul> 
-   <li><strong>Autodividers</strong>: You can view the list autodividers applied.</li> 
-   <li><strong>Buttons</strong>: You can view various button components.</li> 
-   <li><strong>Checkbox</strong>: You can view various checkbox and radio components.</li>
-   <li><strong>Collapsible</strong>: You can view a list than can be collapsed.</li>
-   <li><strong>Controlgroup</strong>: You can view various content controlgroup components.</li>
-   <li><strong>Datetimepicker</strong>: You can view various time picker components.</li>
-   <li><strong>Drawer</strong>: You can view a drawer component as a hidden menu.</li>
-   <li><strong>Fast Scroll</strong>: You can view a fast scroll component in a list.</li>
-   <li><strong>Flip Toggle Switch</strong>: You can view various toggle switch components.</li>
-   <li><strong>Gallery</strong>: You can view a gallery component.</li>
-   <li><strong>List Divider</strong>: You can view various list dividers applied.</li>
-   <li><strong>Listview</strong>: You can view various lists.</li>
-   <li><strong>Multimedia View</strong>: You can view multimedia with standard HTML elements.</li>
-   <li><strong>Navigation Bar</strong>: You can view a navigation bar that supports page navigation.</li>
-   <li><strong>Notification</strong>: You can view various notification components.</li>
-   <li><strong>Popup</strong>: You can view various pop-up menus.</li>
-   <li><strong>Progress</strong>: You can view progress components.</li>
-   <li><strong>Progressbar</strong>: You can view various progress bar components.</li>
-   <li><strong>Scroll Handler</strong>: You can view scroll button looks like handle.</li>
-   <li><strong>Search Bar</strong>: You can view various search filter bar components.</li>
-   <li><strong>Select Menu</strong>: You can view various select menus to select an option.</li>
-   <li><strong>Slider</strong>: You can view various slider components.</li>
-   <li><strong>Swipe</strong>: You can view swipe components.</li>
-   <li><strong>Tab Bar</strong>: You can view various tabbar components.</li>
-   <li><strong>Token text area</strong>: You can view various token text components.</li>
+   <li><strong>Header and Footer</strong>: You can view the page layout with header and footer.</li>
+   <li><strong>Navigation Elements</strong>: You can view various navigation components such as tabs, navigation, index scroll bar.</li>
+   <li><strong>List</strong>: You can view various list styles.</li>
+   <li><strong>Controls</strong>: You can view various control components.</li>
+   <li><strong>Popup</strong>: You can view various popup, context popup and toast popup.</li>
+   <li><strong>Gallery</strong>: You can view a gallery sample which using section-changer component.</li>
+   <li><strong>Multimedia View</strong>: You can view multimedia element using standard HTML video and audio tag.</li>
   </ul> 
 
   <h2>Source Files</h2> 
@@ -79,16 +61,12 @@
      <td>This file contains the application information for the platform to install and launch the application, including the view mode and the icon to be used in the device menu.</td> 
     </tr> 
     <tr> 
-     <td><span style="font-family: Courier New,Courier,monospace">src/index.html</span></td> 
+     <td><span style="font-family: Courier New,Courier,monospace">index.html</span></td>
      <td>This is a starting file from which the application starts loading. It contains the layout of the application screens.</td> 
-    </tr>  
+    </tr>
     <tr> 
-     <td><span style="font-family: Courier New,Courier,monospace">src/widgets/</span> </td> 
-     <td>This directory contains the HTML and JavaScript files for each UI component example.</td> 
-    </tr> 
-    <tr> 
-     <td><span style="font-family: Courier New,Courier,monospace">src/tips/</span> </td> 
-     <td>This directory contains the HTML and JavaScript files for programming tips.</td> 
+     <td><span style="font-family: Courier New,Courier,monospace">components/</span> </td>
+     <td>This directory contains the HTML and JavaScript files for UI Components.</td>
     </tr> 
    </tbody> 
   </table> 

diff --git a/org.tizen.sampledescriptions/index.xml b/org.tizen.sampledescriptions/index.xml
index a46f7e2..78334f9 100644 (file)
--- a/org.tizen.sampledescriptions/index.xml
+++ b/org.tizen.sampledescriptions/index.xml
@@ -30,9 +30,8 @@
                        <topic href="html/mobile_w/sensorball_mw.htm" label="SensorBall"></topic>
                        <topic href="html/mobile_w/soundmanager_mw.htm" label="SoundManager"></topic>
                        <topic href="html/mobile_w/systeminfo_mw.htm" label="Systeminfo"></topic>
-                       <topic href="html/mobile_w/winset_mw.htm" label="TizenWinset"></topic>
                        <topic href="html/mobile_w/touchpaint_mw.htm" label="TouchPaint"></topic>
-
+                       <topic href="html/mobile_w/uicomponent_mw.htm" label="UIComponent"></topic>
                </topic>
                <topic href="html/wearable_w/sd_ww.htm" label="Wearable Web">
                        <topic href="html/wearable_w/altimeter_ww.htm" label="Altimeter"></topic>