From b97627ea6494938a250bbb77a16d886cf98bea96 Mon Sep 17 00:00:00 2001 From: Editor Lionbridge Date: Wed, 13 Sep 2017 10:55:24 +0300 Subject: [PATCH] Improve Web guide topics This is a manual cherry pick from change #144172 in the tizen_3.0 branch. PS2: Added one more change. Change-Id: I7bf7ead508f304580d40d3954fd7e1d8fa623c94 --- org.tizen.guides/html/web/alarm/alarms_w.htm | 4 ++-- org.tizen.guides/html/web/app_management/app_controls_w.htm | 2 +- org.tizen.guides/html/web/app_management/app_info_control_w.htm | 2 +- .../html/web/app_management/app_management_cover_w.htm | 2 +- org.tizen.guides/html/web/app_management/applications_w.htm | 3 ++- org.tizen.guides/html/web/app_management/service_app_w.htm | 4 ++-- org.tizen.guides/html/web/app_management/web_widget_ww.htm | 2 +- org.tizen.guides/html/web/connectivity/iotcon_w.htm | 2 +- org.tizen.guides/html/web/connectivity/nfc_w.htm | 2 +- org.tizen.guides/html/web/cordova/devicemotion_w.htm | 8 ++++---- org.tizen.guides/html/web/cordova/events_w.htm | 2 +- org.tizen.guides/html/web/cordova/file_w.htm | 8 ++++---- org.tizen.guides/html/web/data/stored_content_w.htm | 2 +- org.tizen.guides/html/web/device/power_w.htm | 8 ++++---- org.tizen.guides/html/web/device/system_information_w.htm | 2 +- org.tizen.guides/html/web/localization/localization_w.htm | 4 ++-- org.tizen.guides/html/web/media/radio_w.htm | 2 +- org.tizen.guides/html/web/personal/account_w.htm | 2 +- org.tizen.guides/html/web/personal/calendar_w.htm | 2 +- org.tizen.guides/html/web/w3c/communication/server_sent_w.htm | 2 +- org.tizen.guides/html/web/w3c/device/device_orientation_w.htm | 2 +- org.tizen.guides/html/web/w3c/graphics/canvas_w.htm | 4 ++-- org.tizen.guides/html/web/w3c/graphics/svg_w.htm | 4 ++-- org.tizen.guides/html/web/w3c/media/video_audio_w.htm | 2 +- org.tizen.guides/html/web/w3c/media/webaudio_w.htm | 2 +- .../html/web/w3c/perf_opt/js_performance_improvement_w.htm | 2 +- org.tizen.guides/html/web/w3c/perf_opt/minify_js_css_w.htm | 2 +- org.tizen.guides/html/web/w3c/perf_opt/page_w.htm | 2 +- org.tizen.guides/html/web/w3c/security/cors_w.htm | 2 +- org.tizen.guides/html/web/w3c/supplement/typedarray_w.htm | 4 ++-- org.tizen.guides/html/web/w3c/supplement/webgl_w.htm | 2 +- org.tizen.guides/html/web/w3c/ui/html_priority_w.htm | 2 +- org.tizen.guides/html/web/w3c/ui/media_query_w.htm | 4 ++-- org.tizen.guides/html/web/w3c/ui/multiple_screens_mw.htm | 4 ++-- org.tizen.guides/html/web/w3c/ui/transform_w.htm | 2 +- org.tizen.guides/html/web/w3c/ui/ui_layout_ww.htm | 2 +- 36 files changed, 54 insertions(+), 53 deletions(-) diff --git a/org.tizen.guides/html/web/alarm/alarms_w.htm b/org.tizen.guides/html/web/alarm/alarms_w.htm index 6b37a57..b906329 100644 --- a/org.tizen.guides/html/web/alarm/alarms_w.htm +++ b/org.tizen.guides/html/web/alarm/alarms_w.htm @@ -72,9 +72,9 @@

Managing Alarms

-

Both relative and absolute alarms are available: the relative alarm is triggered after a specified delay from the moment it is created, while an absolute alarm is triggered at a specified time and date. You can also create a recurring alarm that is repeated after a specified period of time, or on the given days of the week at a defined time.

+

Both relative and absolute alarms are available: a relative alarm is triggered after a specified delay from the moment it is created, while an absolute alarm is triggered at a specified time and date. You can also create a recurring alarm that is repeated after a specified period of time, or on the given days of the week at a defined time.

-

To obtains a list of alarms, and create and delete alarms:

+

To obtain a list of alarms, and create and delete alarms:

  1. To obtain a list of all the alarms that have been set on a device but not yet triggered, use the getAll() method:

    diff --git a/org.tizen.guides/html/web/app_management/app_controls_w.htm b/org.tizen.guides/html/web/app_management/app_controls_w.htm index 413d8dd..fbf1b6e 100644 --- a/org.tizen.guides/html/web/app_management/app_controls_w.htm +++ b/org.tizen.guides/html/web/app_management/app_controls_w.htm @@ -66,7 +66,7 @@
  2. Application information retrieval

    You can display a list of applications that are currently installed or running on the device, and retrieve application information, such as application name, application ID, and context ID.

  3. Application controls -

    An application control (app control) is a way of sharing an application's functionality. To use another application's features through application controls reduces your efforts and time to develop your application.

    +

    An application control (app control) is a way of sharing an application's functionality. Using another application's features through application controls reduces the time and effort needed to develop your own application.

    You can use in your application operations, such as calling, Web browsing, and playing media items, which are exported by other applications. This mechanism allows you to conveniently launch other applications whose functionalities you need in your application. If you need to use functionality from another application, launching an application control allows you to request the system to launch that application according to your requirements. You can launch applications based on your immediate needs - you do not need to know their identifiers or specifications. You can use application controls by creating an application control request. The request allows you to launch other applications to use their functionalities.

    If you want to allow other applications to use your application functionalities, you must export your application controls and be prepared to receive requests and respond to them.

  4. Event handling diff --git a/org.tizen.guides/html/web/app_management/app_info_control_w.htm b/org.tizen.guides/html/web/app_management/app_info_control_w.htm index 4c9ff10..a6da248 100644 --- a/org.tizen.guides/html/web/app_management/app_info_control_w.htm +++ b/org.tizen.guides/html/web/app_management/app_info_control_w.htm @@ -37,7 +37,7 @@

    You can use the following application information and control features in your Web applications:

    • Application Controls -

      The application controls allow you to share an application's functionality. To use another application's features through application controls reduces your efforts and time to develop your own application. You can also allow other applications to share your functionality by exporting your application control functionalities.

      +

      The application controls allow you to share an application's functionality. Using another application's features through application controls reduces the time and effort needed to develop your own application. You can also allow other applications to share your functionality by exporting your application control functionalities.

    • Widget Information in mobile and wearable applications only

      You can manage installed widgets and widget instances in various ways, such as retrieving information about widgets, or getting the widget instances and receiving notifications when the state of the widget changes.

      diff --git a/org.tizen.guides/html/web/app_management/app_management_cover_w.htm b/org.tizen.guides/html/web/app_management/app_management_cover_w.htm index 80e3194..51f9909 100644 --- a/org.tizen.guides/html/web/app_management/app_management_cover_w.htm +++ b/org.tizen.guides/html/web/app_management/app_management_cover_w.htm @@ -58,7 +58,7 @@
    • Application Information and Controls -

      The application controls allow you to share an application's functionality. To use another application's features through application controls reduces your efforts and time to develop your own application. You can also manage and retrieve information from installed widgets and widget instances in various ways.

    • +

      The application controls allow you to share an application's functionality. Using another application's features through application controls reduces the time and effort needed to develop your own application. You can also manage and retrieve information from installed widgets and widget instances in various ways.

    • Application Data Exchange diff --git a/org.tizen.guides/html/web/app_management/applications_w.htm b/org.tizen.guides/html/web/app_management/applications_w.htm index c788522..871649e 100644 --- a/org.tizen.guides/html/web/app_management/applications_w.htm +++ b/org.tizen.guides/html/web/app_management/applications_w.htm @@ -54,7 +54,8 @@

      Tizen provides various application models to allow you to create applications targeted for specific tasks:

      • UI Application -

        The UI application is the most general Tizen application that has a graphical user interface. You can create diverse applications with a variety of features, and design versatile applications and intriguing user interfaces with text and graphics while taking advantage of many device functionalities, such as sensors and call operations. In addition, you can, for example, manage content and media files, use network and social services, and provide messaging functionality.

      • +

        The UI application has a graphical user interface. You can create diverse applications with a variety of features, and design versatile applications and intriguing user interfaces with text and graphics while taking advantage of many device functionalities, such as sensors and call operations. In addition, you can, for example, manage content and media files, use network and social services, and provide messaging functionality.

        +

        The UI application is the most common Tizen application model.

      • Service Application

        The service application is a Tizen Web application without a graphical user interface that runs in the background. They can be very useful in performing activities (such as getting sensor data in the background) that need to run periodically or continuously, but do not require any user intervention.

      • Widget Application in wearable applications only diff --git a/org.tizen.guides/html/web/app_management/service_app_w.htm b/org.tizen.guides/html/web/app_management/service_app_w.htm index a0e2efa..1e704e3 100644 --- a/org.tizen.guides/html/web/app_management/service_app_w.htm +++ b/org.tizen.guides/html/web/app_management/service_app_w.htm @@ -79,7 +79,7 @@

        To enable your application to use the service application functionality:

          -
        1. To make your application visible only for devices that support the Web service application, the application must specify the following feature in the config.xml file: +
        2. To make your application visible in the Tizen Store only for devices that support the Web service application, the application must specify the following feature in the config.xml file:
           <widget>
              <tizen:feature name="http://tizen.org/feature/web.service"/>
          @@ -98,7 +98,7 @@
           </widget>
           
          -

          ´The <tizen:service> element is a child of the <widget> element in the config.xml file. With the <tizen:service> element attributes, you can set the traits of a service application, such as application ID, auto restart, and boot launching capability. With the <tizen:service> child elements, you can set the starting script, name, and icon for the service application.

          +

          The <tizen:service> element is a child of the <widget> element in the config.xml file. With the <tizen:service> element attributes, you can set the traits of a service application, such as application ID, auto restart, and boot launching capability. With the <tizen:service> child elements, you can set the starting script, name, and icon for the service application.

          The definition of all service elements is listed and explained in the Extending Configuration Elements.

        3. To use the Application API, the application has to request permission by adding the following privilege to the config.xml file: diff --git a/org.tizen.guides/html/web/app_management/web_widget_ww.htm b/org.tizen.guides/html/web/app_management/web_widget_ww.htm index b64522c..cd6a2ec 100644 --- a/org.tizen.guides/html/web/app_management/web_widget_ww.htm +++ b/org.tizen.guides/html/web/app_management/web_widget_ww.htm @@ -75,7 +75,7 @@
        4. Only JPEG, PNG, and GIF formats are allowed for image files.
      -

      You can create a standalone Web widget, with no parent Web application. In this case, the parent Web application is generated automatically by the Tizen Studio during packaging. However, this kind of widget is used for development and testing purpose only. To be published on the Tizen Store, Web widgets must be combined with a real parent application.

      +

      You can create a standalone Web widget, with no parent Web application. In this case, the parent Web application is generated automatically by the Tizen Studio during packaging. However, this kind of widget is used for development and testing purposes only. To be published on the Tizen Store, Web widgets must be combined with a real parent application.

      More than 1 Web widget can be included in a parent Web application, and all widgets and the parent are bundled in 1 package by the Tizen Studio. Web widget resources are included in its Web application package. The Tizen platform installs the Web widget when its parent Web application is installed, and uninstalls the Web widget when its parent Web application is uninstalled. The Web widget resources are all removed together with its parent.

      Figure: Widget and Web application packaging

      diff --git a/org.tizen.guides/html/web/connectivity/iotcon_w.htm b/org.tizen.guides/html/web/connectivity/iotcon_w.htm index 5f43dfd..3b585bb 100644 --- a/org.tizen.guides/html/web/connectivity/iotcon_w.htm +++ b/org.tizen.guides/html/web/connectivity/iotcon_w.htm @@ -87,7 +87,7 @@ <tizen:privilege name="http://tizen.org/privilege/internet"/>
    • -
    • To make your application visible only for devices that support Iotcon, the application must specify the following feature in the config.xml file: +
    • To make your application visible in the Tizen Store only for devices that support Iotcon, the application must specify the following feature in the config.xml file:
       <feature name="http://tizen.org/feature/iot.ocf"/>
      diff --git a/org.tizen.guides/html/web/connectivity/nfc_w.htm b/org.tizen.guides/html/web/connectivity/nfc_w.htm
      index a7ee575..ea01d68 100644
      --- a/org.tizen.guides/html/web/connectivity/nfc_w.htm
      +++ b/org.tizen.guides/html/web/connectivity/nfc_w.htm
      @@ -53,7 +53,7 @@
       

      Near Field Communication (NFC)

      -

      Near Field Communication (NFC) service enables information exchange between NFC-enabled devices (called "peers") or tags. The NFC-enabled devices can share contacts, photos, and videos, and can also act as smart cards. You can use an NFC-enabled device to send NDEF messages to NFC tags to implement a variety of activities, such as paying the grocery bill or downloading a coupon. With application controls, you can launch NFC applications when NFC-related operations occur.

      +

      The Near Field Communication (NFC) service enables information exchange between NFC-enabled devices (called "peers") or tags. The NFC-enabled devices can share contacts, photos, and videos, and can also act as smart cards. You can use an NFC-enabled device to send NDEF messages to NFC tags to implement a variety of activities, such as paying the grocery bill or downloading a coupon. With application controls, you can launch NFC applications when NFC-related operations occur.

      This feature is supported in mobile and wearable applications only.

      diff --git a/org.tizen.guides/html/web/cordova/devicemotion_w.htm b/org.tizen.guides/html/web/cordova/devicemotion_w.htm index bf33624..75cc428 100644 --- a/org.tizen.guides/html/web/cordova/devicemotion_w.htm +++ b/org.tizen.guides/html/web/cordova/devicemotion_w.htm @@ -61,7 +61,7 @@

    Acceleration Values

    -

    The acceleration data is captured into the Acceleration interface (in mobile, wearable, and TV applications). The acceleration values include the effect of gravity (9.81 m/s^2), so that when a device lies flat and facing up, the x, y, and z values returned must be 0, 0, and 9.81.

    +

    The acceleration data is captured into the Acceleration interface (in mobile, wearable, and TV applications). The acceleration values include the effect of gravity (9.81 m/s2), so that when a device lies flat and facing up, the x, y, and z values returned must be 0, 0, and 9.81.

    Table: Acceleration values

    @@ -71,13 +71,13 @@ - + - + - + diff --git a/org.tizen.guides/html/web/cordova/events_w.htm b/org.tizen.guides/html/web/cordova/events_w.htm index 3306933..c5afaed 100644 --- a/org.tizen.guides/html/web/cordova/events_w.htm +++ b/org.tizen.guides/html/web/cordova/events_w.htm @@ -105,7 +105,7 @@ function onVolumeUp() {

    Handling Pause and Resume Events

    -

    The pause signals that the application is put into the background. This happens typically when the screen is being locked or when the user switches to a different application. The resume signals that the application returns from the background to the foreground.

    +

    The pause event signals that the application is put into the background. This happens typically when the screen is being locked or when the user switches to a different application. The resume event signals that the application returns from the background to the foreground.

    To handle the pause and resume events:

    diff --git a/org.tizen.guides/html/web/cordova/file_w.htm b/org.tizen.guides/html/web/cordova/file_w.htm index 7b253c4..f0218fa 100644 --- a/org.tizen.guides/html/web/cordova/file_w.htm +++ b/org.tizen.guides/html/web/cordova/file_w.htm @@ -99,9 +99,9 @@ function onDeviceReady() {

    Resolving Filesystem Entries

    -

    To resolve the initial root for other filesystem operations can be performed in 2 ways:

    +

    To resolve the initial root for other filesystem operations:

      -
    • By using the requestFileSystem() global async method:

      +
    • Use the requestFileSystem() global async method:
      1. Define a callback for handling the success and failure of the operation:
         successCallback = function(fs) {
        @@ -122,7 +122,7 @@ requestFileSystem(TEMPORARY, 1024*1024, successCallback, errorCallback);
         File system name temporary
         
      2. -
      3. By using the resolveLocalFileSystemURL() global async method.

        +
      4. Use the resolveLocalFileSystemURL() global async method.

        This method is used to retrieve a DirectoryEntry objects (in mobile, wearable, or TV applications) or FileEntry objects (in mobile, wearable, or TV applications) using a local URI.

        1. Define the callbacks:
          @@ -321,7 +321,7 @@ requestFileSystem(TEMPORARY, 100, function(fs) {
           
           
          Note - It is an error to attempt to delete a non-empty directory, or the root directory of a filesystem. + You cannot delete a non-empty directory or the filesystem root directory.

          The following output is shown in the system log:

          diff --git a/org.tizen.guides/html/web/data/stored_content_w.htm b/org.tizen.guides/html/web/data/stored_content_w.htm index d94c8cb..21fe593 100644 --- a/org.tizen.guides/html/web/data/stored_content_w.htm +++ b/org.tizen.guides/html/web/data/stored_content_w.htm @@ -170,7 +170,7 @@ function onMediaItemArraySuccess(item) { } }
        2. -
        3. To update the editable attributes of the content item, use the update() method. In the example below, the rating of the content item is increased.

          +
        4. To update the editable attributes of the content item, use the update() method. In the following example, the rating of the content item is increased.

           function update(item) {
               /* Checks whether the attribute is editable */
          diff --git a/org.tizen.guides/html/web/device/power_w.htm b/org.tizen.guides/html/web/device/power_w.htm
          index b45ca24..0687d12 100644
          --- a/org.tizen.guides/html/web/device/power_w.htm
          +++ b/org.tizen.guides/html/web/device/power_w.htm
          @@ -28,7 +28,7 @@
           		

          Content

          @@ -44,13 +44,13 @@

          Power States

          -

          Tizen enables you to access a device's power resource. Currently, the screen and CPU power resources are supported, allowing you to request a specific power state and control the brightness of the screen.

          +

          Tizen enables you to access a device's power resources. Currently, the screen and CPU power resources are supported, allowing you to request a specific power state and control the brightness of the screen.

          This feature is supported in mobile and wearable applications only.

          The main features of the Power API include:

          -

          Managing the Power Resource

          +

          Managing Power Resources

          You can request and release a minimum power state for the screen and CPU. The request locks the screen to a minimum state and keeps the device bright and awake. For example, if you set the minimum power state to SCREEN_NORMAL, the device display always remains in the SCREEN_NORMAL level and never goes down to the SCREEN_DIM level.

          The following table lists the levels you can request.

          diff --git a/org.tizen.guides/html/web/device/system_information_w.htm b/org.tizen.guides/html/web/device/system_information_w.htm index af3ec52..dc011a9 100644 --- a/org.tizen.guides/html/web/device/system_information_w.htm +++ b/org.tizen.guides/html/web/device/system_information_w.htm @@ -150,7 +150,7 @@ tizen.systeminfo.getPropertyValue('BATTERY', onPowerSuccessCallback); /* Retrieve the cellular network property */ tizen.systeminfo.getPropertyValue('CELLULAR_NETWORK', onCellularSuccessCallback); -

          After retrieving a property, you can use all the details of the property in your code. The property values are returned in the success event handlers defined below.

        5. +

          After retrieving a property, you can use all the details of the property in your code. The property values are returned in the success event handlers defined in the following steps.

        6. Use the power property values.

          In the following example, the battery level and charging status of the power property are printed to a console log.

           function onPowerSuccessCallback(battery) {
          diff --git a/org.tizen.guides/html/web/localization/localization_w.htm b/org.tizen.guides/html/web/localization/localization_w.htm
          index 35fbf11..7ec24bc 100644
          --- a/org.tizen.guides/html/web/localization/localization_w.htm
          +++ b/org.tizen.guides/html/web/localization/localization_w.htm
          @@ -30,11 +30,11 @@
           

          Localization

          -

          By internationalizing your application, you can ensure that your application works around the world in different locales.

          +

          By localizing your application, you can ensure that your application works around the world in different locales.

          This feature is supported in mobile and wearable applications only.

          -

          To internationalize a Tizen Web application:

          +

          To localize a Tizen Web application:

          1. Create a directory for each locale.

            Create a directory for each locale that has localized content under the locales directory in package root. The locale names are defined in the W3C IANA language subtag registry.

            diff --git a/org.tizen.guides/html/web/media/radio_w.htm b/org.tizen.guides/html/web/media/radio_w.htm index 2ebf81a..2a70338 100644 --- a/org.tizen.guides/html/web/media/radio_w.htm +++ b/org.tizen.guides/html/web/media/radio_w.htm @@ -52,7 +52,7 @@
          2. Scanning available radio channels

            You can scan the available frequencies to find a channel.

          3. Getting information about interruptions -

            The Tizen system has a feature to prevent interference between radio sound and other source of sound. The sound of the radio is interrupted in reaction to various events, such as an incoming call or notification sound. You can use the oninterrupted event handler to detect the reason for the interruption.

          4. +

            The Tizen system has a feature to prevent interference between the radio and other sound sources. The radio sound is interrupted in reaction to various events, such as an incoming call or notification. You can use the oninterrupted event handler to detect the reason for the interruption.

    The available operations depend on the current radio state. To get information about the current radio state, read the state attribute of the FMRadioManager interface (the RadioState enum specifies the possible state values). The following figure illustrates the radio states and transitions between them.

    Figure: FM radio states and transitions

    diff --git a/org.tizen.guides/html/web/personal/account_w.htm b/org.tizen.guides/html/web/personal/account_w.htm index 9fadb94..bf8aed2 100644 --- a/org.tizen.guides/html/web/personal/account_w.htm +++ b/org.tizen.guides/html/web/personal/account_w.htm @@ -68,7 +68,7 @@
    • Provider

      An on-line service provider entity, such as Google, Vodafone, or Facebook. A service provider is identified by its application ID. The account provider is registered while the application is installed. The information is used in the Add account screen in the device settings.

    • Account -

      An entity that collects all the data (such as user name, credentials, settings) needed for connecting to services. An account is always bound to a single provider and has a list of service instances bound to the account. The services can be individually enabled and disabled on the given account. For instance, "Laccount1@gmail.com" can identify a Google account, giving access to services, such as gmail, gtalk, Picasa, and Youtube, with each service having a separate service instance bound to the account.

      +

      An entity that collects all the data (such as user name, credentials, settings) needed for connecting to services. An account is always bound to a single provider and has a list of service instances bound to the account. The services can be individually enabled and disabled on the given account. For instance, "Laccount1@gmail.com" can identify a Google account, giving access to services, such as Gmail, Picasa, and Youtube, with each service having a separate service instance bound to the account.

    Prerequisites

    diff --git a/org.tizen.guides/html/web/personal/calendar_w.htm b/org.tizen.guides/html/web/personal/calendar_w.htm index c036cf6..abcdc85 100644 --- a/org.tizen.guides/html/web/personal/calendar_w.htm +++ b/org.tizen.guides/html/web/personal/calendar_w.htm @@ -356,7 +356,7 @@ function eventSearchSuccessCallback(events) {

    Converting Event Formats

    You can make event exchange more efficient in your application by converting an event to the iCalendar format (or back) using the CalendarEvent object (in mobile and wearable applications) constructor and the convertToString() method of the CalendarItem interface (in mobile and wearable applications).

    -

    The conversion allows you to exchange calendar data between applications by sharing files with the .ics extension. The iCalendar format is independent of the underlying transport protocol, meaning that calendar items can be exchanged using a variety of transports, including HTTP, SMTP, and Infrared. The iCalendar format can be used to store calendar item information and exchange calendar data over the Internet.

    +

    The conversion allows you to exchange calendar data between applications by sharing files with the .ics extension. The iCalendar format is independent of the underlying transport protocol, meaning that calendar items can be exchanged using a variety of transports, including HTTP, SMTP, and infrared. The iCalendar format can be used to store calendar item information and exchange calendar data over the Internet.

    The following example shows a sample event in iCalendar format:

     BEGIN:VCALENDAR
    diff --git a/org.tizen.guides/html/web/w3c/communication/server_sent_w.htm b/org.tizen.guides/html/web/w3c/communication/server_sent_w.htm
    index 0ddee1e..3ca40e6 100644
    --- a/org.tizen.guides/html/web/w3c/communication/server_sent_w.htm
    +++ b/org.tizen.guides/html/web/w3c/communication/server_sent_w.htm
    @@ -39,7 +39,7 @@
     

    Server-Sent Events

    -

    Server-Sent Events feature is used to realize server push in a Web environment. The server push feature has evolved over time from a hidden IFrame through Ajax polling and Comet to the current implementation of server-sent events.

    +

    The Server-Sent Events feature is used to implement server push functionality in a Web environment. The server push feature has evolved over time from a hidden IFrame through Ajax polling and Comet to the current implementation of server-sent events.

    This feature is supported in mobile applications only.

    diff --git a/org.tizen.guides/html/web/w3c/device/device_orientation_w.htm b/org.tizen.guides/html/web/w3c/device/device_orientation_w.htm index 235963b..240f652 100644 --- a/org.tizen.guides/html/web/w3c/device/device_orientation_w.htm +++ b/org.tizen.guides/html/web/w3c/device/device_orientation_w.htm @@ -45,7 +45,7 @@

    DeviceOrientation Event Specification

    -

    Tizen can detect motion data on the device by providing interaction between the user and device through a new UI or UX.

    +

    You can detect device motion and provide interaction between the user and device based on the motion.

    This feature is supported in mobile and wearable applications only.

    diff --git a/org.tizen.guides/html/web/w3c/graphics/canvas_w.htm b/org.tizen.guides/html/web/w3c/graphics/canvas_w.htm index 022e6ba..a742bf8 100644 --- a/org.tizen.guides/html/web/w3c/graphics/canvas_w.htm +++ b/org.tizen.guides/html/web/w3c/graphics/canvas_w.htm @@ -304,11 +304,11 @@ context.fillStyle = 'tomato';
    -
  5. Declare the JavaScript variables needed in the application. The lastX and lastX variables indicate the last position of a user event. The mouseBtn variable indicates whether a button or touch event has occurred, and the brushSize variable indicates the current brush size. +
  6. Declare the JavaScript variables needed in the application. The lastX and lastY variables indicate the last position of a user event. The mouseBtn variable indicates whether a button or touch event has occurred, and the brushSize variable indicates the current brush size.
     var lastX = 0,
    -    lastX = 0,
    +    lastY = 0,
         mouseBtn = false,
         brushSize = 4;
     var canvas, context;
    diff --git a/org.tizen.guides/html/web/w3c/graphics/svg_w.htm b/org.tizen.guides/html/web/w3c/graphics/svg_w.htm
    index 9a368d1..9c072d3 100644
    --- a/org.tizen.guides/html/web/w3c/graphics/svg_w.htm
    +++ b/org.tizen.guides/html/web/w3c/graphics/svg_w.htm
    @@ -52,7 +52,7 @@
     

    The main SVG API features include:

    • Creating text and images -

      You can create add text and images to your application as SVG elements.

    • +

      You can add text and images to your application as SVG elements.

    • Making shapes

      You can create various shapes as graphic elements, such as lines, rectangles, and circles.

    • Grouping SVG elements @@ -146,7 +146,7 @@
      1. Combine various SVG elements in a group using the <g> container element, whose id attribute must be defined.

        -

        If you assign a presentation attribute to the group, all the child elements inherit it. For example, in the example below, the stroke color black is defined for the group, which means that both the rectangle and circle elements within the group use the black stroke color.

        +

        If you assign a presentation attribute to the group, all the child elements inherit it. For example, in the following example, the stroke color black is defined for the group, which means that both the rectangle and circle elements within the group use the black stroke color.

         <svg xmlns="http://www.w3.org/2000/svg" width="600px" height="600px">
        diff --git a/org.tizen.guides/html/web/w3c/media/video_audio_w.htm b/org.tizen.guides/html/web/w3c/media/video_audio_w.htm
        index fbe739b..42d8d4a 100644
        --- a/org.tizen.guides/html/web/w3c/media/video_audio_w.htm
        +++ b/org.tizen.guides/html/web/w3c/media/video_audio_w.htm
        @@ -66,7 +66,7 @@
         
      2. Creating a player

        You can create a simple audio and video player.

      3. Controlling the playback -

        You can use the Play() and Pause() methods of the Media object (in mobile and wearable applications) to control playing and pausing media files. With media events, additional features can be used.

        +

        You can use the Play() and Pause() methods of the Media object (in mobile, wearable, and TV applications) to control playing and pausing media files. With media events, additional features can be used.

      4. Retrieving duration and play time

        You can retrieve the duration and play time of the media file, if its metadata (such as playing time, duration, and video's width and height) is loaded.

        diff --git a/org.tizen.guides/html/web/w3c/media/webaudio_w.htm b/org.tizen.guides/html/web/w3c/media/webaudio_w.htm index 691cf62..f25bc81 100644 --- a/org.tizen.guides/html/web/w3c/media/webaudio_w.htm +++ b/org.tizen.guides/html/web/w3c/media/webaudio_w.htm @@ -40,7 +40,7 @@

        Web Audio

        -

        Tizen provides a high quality sound by setting space and direction through audio data, and synthesizing them. It is used in the audio engines of the sophisticated games to mix, process, and filter effects.

        +

        You can include high-quality sound in your application by setting space and direction through audio data, and synthetizing them. This is used in the audio engines of sophisticated games to mix, process, and filter effects.

        This feature is supported in mobile applications only.

        diff --git a/org.tizen.guides/html/web/w3c/perf_opt/js_performance_improvement_w.htm b/org.tizen.guides/html/web/w3c/perf_opt/js_performance_improvement_w.htm index e6b0744..198599e 100644 --- a/org.tizen.guides/html/web/w3c/perf_opt/js_performance_improvement_w.htm +++ b/org.tizen.guides/html/web/w3c/perf_opt/js_performance_improvement_w.htm @@ -89,7 +89,7 @@ for (var i = 0, len = array_list.length; i < len; i++) {
  7. Value
    xAmount of acceleration on the X axis (in m/s^2)xAmount of acceleration on the X axis (in m/s2)
    yAmount of acceleration on the Y axis (in m/s^2)yAmount of acceleration on the Y axis (in m/s2)
    zAmount of acceleration on the Z axis (in m/s^2)zAmount of acceleration on the Z axis (in m/s2)
    timestampCreation timestamp in milliseconds

    Removing Slow Loop Statements

    -

    The for - in loop is relatively slower than the other loops, such as for, while, and do - while, as it assigns object properties to the variable (idx in the example below), navigating the object every time the loop is iterated. The following example shows how modifying the loop improves performance.

    +

    The for - in loop is relatively slower than the other loops, such as for, while, and do - while, as it assigns object properties to the variable (idx in the following example), navigating the object every time the loop is iterated. The following example shows how modifying the loop improves performance.

     /* Code#1 */
     var array_list = [0,1,2,3,4,5,6,7,8,9],
    diff --git a/org.tizen.guides/html/web/w3c/perf_opt/minify_js_css_w.htm b/org.tizen.guides/html/web/w3c/perf_opt/minify_js_css_w.htm
    index 2659da8..013b772 100644
    --- a/org.tizen.guides/html/web/w3c/perf_opt/minify_js_css_w.htm
    +++ b/org.tizen.guides/html/web/w3c/perf_opt/minify_js_css_w.htm
    @@ -134,7 +134,7 @@ grunt
     	

    Using the Gruntfile.js file, tasks, such as concat, uglify, and cssmin, are registered.

Improvement through Grunt

-

After running the Grunt plug-in, the below comparison result is shown through the inspector in the Google Chrome™ browser. The expected results vary depending on the application, but since the improvement effects are certain, it is recommended to use Grunt.

+

After running the Grunt plug-in, the following comparison result is shown through the inspector in the Google Chrome™ browser. The expected results vary depending on the application, but since the improvement effects are certain, it is recommended to use Grunt.

Note diff --git a/org.tizen.guides/html/web/w3c/perf_opt/page_w.htm b/org.tizen.guides/html/web/w3c/perf_opt/page_w.htm index 41026a9..a9bca22 100644 --- a/org.tizen.guides/html/web/w3c/perf_opt/page_w.htm +++ b/org.tizen.guides/html/web/w3c/perf_opt/page_w.htm @@ -68,7 +68,7 @@

To optimize the performance of your application, you must learn to retrieve the page visibility status:

    -
  1. Retrieve the page visibility status with the hidden property:

    +
  2. Retrieve the page visibility status with the hidden property:

     <script>
         var logText = document.querySelector('.log');
    diff --git a/org.tizen.guides/html/web/w3c/security/cors_w.htm b/org.tizen.guides/html/web/w3c/security/cors_w.htm
    index 5203963..36fcee1 100644
    --- a/org.tizen.guides/html/web/w3c/security/cors_w.htm
    +++ b/org.tizen.guides/html/web/w3c/security/cors_w.htm
    @@ -57,7 +57,7 @@
     
     
    Note - If an extremely allowable CORS policy is used, it can lead to spoofing, data stealing, relay, and other attacks through communication with malicious application programs. To avoid unexpected consequences, pay attention when defining the response header. + If an extremely permissive CORS policy is used, it can lead to spoofing, data stealing, relay, and other attacks through communication with malicious application programs. To avoid unexpected consequences, pay attention when defining the response header.
  3. diff --git a/org.tizen.guides/html/web/w3c/supplement/typedarray_w.htm b/org.tizen.guides/html/web/w3c/supplement/typedarray_w.htm index f64ebf8..a18f091 100644 --- a/org.tizen.guides/html/web/w3c/supplement/typedarray_w.htm +++ b/org.tizen.guides/html/web/w3c/supplement/typedarray_w.htm @@ -365,11 +365,11 @@
    Note - The pixel array of canvas can be created and edited without direct manipulation of the canvas element. + The pixel array of a canvas can be created and edited without direct manipulation of the canvas element.
    -
  4. For the XMLHttpRequest API (in mobile and wearable applications), set the response type of the XMLHttpRequest object as arraybuffer to receive a typed array response. This way by delivering data directly in multimedia, you can parse the binary file through the network: +
  5. For the XMLHttpRequest API (in mobile and wearable applications), set the response type of the XMLHttpRequest object as arraybuffer to receive a typed array response. This allows you to parse the binary file through the network.
     this.setSound = function() {
         var request = new XMLHttpRequest();
    diff --git a/org.tizen.guides/html/web/w3c/supplement/webgl_w.htm b/org.tizen.guides/html/web/w3c/supplement/webgl_w.htm
    index 2ce87df..cdebc8f 100644
    --- a/org.tizen.guides/html/web/w3c/supplement/webgl_w.htm
    +++ b/org.tizen.guides/html/web/w3c/supplement/webgl_w.htm
    @@ -1212,7 +1212,7 @@ gl.drawArrays(gl. TRIANGLE_FAN, 0, 6);
     

    To enhance the user experience of your application with WebGL™ features, you must learn to use the three.js framework:

      -
    1. Download the three.js library and included it in HTML file:

      +
    2. Download the three.js library and include it in the HTML file:

       <head>
          <script src="js/lib/three.js"></script>
      diff --git a/org.tizen.guides/html/web/w3c/ui/html_priority_w.htm b/org.tizen.guides/html/web/w3c/ui/html_priority_w.htm
      index 4ebc5c9..f51345c 100644
      --- a/org.tizen.guides/html/web/w3c/ui/html_priority_w.htm
      +++ b/org.tizen.guides/html/web/w3c/ui/html_priority_w.htm
      @@ -299,7 +299,7 @@ p: after {content: " : Using @import in CSS area"}
        

      JavaScript Behavior

      With the advent of HTML5, numerous powerful HTML5 APIs have been introduced. Since the usage of JavaScript has increased, it has become important to use it correctly and optimize JavaScript performance.

      -

      JavaScript used in Web applications can be divided into the core, ECMAScript, and DOM, which all manipulate HTML. ECMAScript is executed when a method is called, or it can be executed when an event is fired within a HTML document through a linkage with DOM.

      +

      JavaScript used in Web applications can be divided into the core, ECMAScript, and DOM, which all manipulate HTML. ECMAScript is executed when a method is called, or it can be executed when an event is fired within a HTML document through a linkage with DOM.

      Using JavaScript with HTML

      Used with HTML, JavaScript works as follows:

      diff --git a/org.tizen.guides/html/web/w3c/ui/media_query_w.htm b/org.tizen.guides/html/web/w3c/ui/media_query_w.htm index f221122..74a1fcc 100644 --- a/org.tizen.guides/html/web/w3c/ui/media_query_w.htm +++ b/org.tizen.guides/html/web/w3c/ui/media_query_w.htm @@ -44,7 +44,7 @@

      Media Queries

      -

      Media queries allow you to apply the CSS differently according to conditions based on the media type (type of device) and media features (viewport status). Previously, you were able to use the media type only and create Web services with fixed layouts. However, smart phones, tablets, and other devices with various resolutions require a liquid layout. HTML5 now makes various characteristics and conditional defining possible, and can be used to implement responsive Web design (RWD), which is a liquid layout that mainly reacts according to the device resolution.

      +

      Media queries allow you to apply the CSS differently according to conditions based on the media type (type of device) and media features (viewport status). Previously, you were able to use the media type only and create Web services with fixed layouts. However, smart phones, tablets, and other devices with various resolutions require a liquid layout. HTML5 now makes various characteristics and conditional defining possible, and can be used to implement responsive Web design (RWD), which is a liquid layout that mainly reacts according to the device resolution.

      This feature is supported in mobile and wearable applications only.

      @@ -149,7 +149,7 @@
    3. In media queries, regardless of CSS priority, CSS which has not been imported still exists based on the conditions.

    4. -

      To apply media query, consider an example with the following files:

      +

      The following example illustrates the CSS priority behavior:

       <!--example.html-->
       <link rel="stylesheet" media="all and (max-width: 768px)" href="c.css">
      diff --git a/org.tizen.guides/html/web/w3c/ui/multiple_screens_mw.htm b/org.tizen.guides/html/web/w3c/ui/multiple_screens_mw.htm
      index bacd9d6..8693cbe 100644
      --- a/org.tizen.guides/html/web/w3c/ui/multiple_screens_mw.htm
      +++ b/org.tizen.guides/html/web/w3c/ui/multiple_screens_mw.htm
      @@ -251,11 +251,11 @@ img {
            

      Animated Images

      Animated images can be created in various formats and with many tools, such as GIF, JavaScript, Canvas, and SVG.

      -

      To create a simple and repetitive animation effect as below as effectively as possible, use GIF images, JavaScript, or the CSS3 animation attribute.

      +

      To create a simple and repetitive animation effect (such as the following JAVA mascot) as effectively as possible, use GIF images, JavaScript, or the CSS3 animation attribute.

      Figure: JAVA mascot character in GIF (source: http://lea.verou.me)

      JAVA mascot character  in GIF

      -

      Below, the network capacity usage and timeline using the following animation types are compared using the Web Inspector:

      +

      The following sections compare the network capacity usage and timeline of the following animation types using the Web Inspector:

      • GIF animation
      • JavaScript animation
      • diff --git a/org.tizen.guides/html/web/w3c/ui/transform_w.htm b/org.tizen.guides/html/web/w3c/ui/transform_w.htm index 21683e7..8af9cea 100644 --- a/org.tizen.guides/html/web/w3c/ui/transform_w.htm +++ b/org.tizen.guides/html/web/w3c/ui/transform_w.htm @@ -56,7 +56,7 @@
        • Defining transform properties -

          You can defining various properties to control the elements within the coordinate space.

        • +

          You can define various properties to control the elements within the coordinate space.

        • Using transform methods for 2D and 3D

          You can use various transform methods in both 2D and 3D.

        • Creating transform animations diff --git a/org.tizen.guides/html/web/w3c/ui/ui_layout_ww.htm b/org.tizen.guides/html/web/w3c/ui/ui_layout_ww.htm index dcff8b1..ca5ea49 100644 --- a/org.tizen.guides/html/web/w3c/ui/ui_layout_ww.htm +++ b/org.tizen.guides/html/web/w3c/ui/ui_layout_ww.htm @@ -329,7 +329,7 @@ html, body {width: 100%; height: 100%; overflow-x: hidden;} color integer yes - Number of bits per a color component + Number of bits per color component color-index -- 2.7.4