Tizen Web Device API & W3C DeviceOrientation Example

Size: px

Start display at page:

Download "Tizen Web Device API & W3C DeviceOrientation Example"

Eleanore Young
5 years ago
Views:

1 Tizen Web Device API & W3C DeviceOrientation Example

2 Contents HTML5 Device API Tizen Device API Example

3 Web API Web API provides advanced access to the device s platform capabilities. Using Tizen Web Device API, can control the application life cycle, manage user s schedules, exchange data or make payments using NFC, and so on. W3C also provides some standardized Device APIs.

4 HTML5 Device API Touch, Device Orientation, Battery Status, Vibration, State, Screen Orientation, Network Information

5 HTML5 (W3C) Device API HTML5 provides fundamental device APIs s uch as Touch, Device Orientation, Battery S tatus, Vibration, State, Screen Orientation, a nd Network Information. In later slides, using Device Orientation Eve nt, will get device s acceleration values.

6 Tizen Device API Application, Communication, Content, I/O, Social, System, User Interface

7 Tizen Device API Supports Tizen characteristic features. Tightly coupled with the structure of the Web Runtime. Privilege have been defined to control API access authority. Provides 25 modules API Description Tizen Common Tizen The base object for accessing the Tizen Web Device API. Application Communication Content Alarm Application Data Control Package Bluetooth Messaging Network Bearer Selection NFC Push Secure Element Content Download This API provides functionality for setting and unsetting alarms. This API provides information about running and installed applications and controls them. This API provides interfaces and methods for accessing specific data exported by other app lications. This API provides information install/uninstall package and get information about installed packages. This API enables control over Bluetooth. This API allows SMS, MMS, and message sending and receiving. This API provides interfaces and methods for users to set network bearer for a specific IP a ddress. This API allows access to NFC device(s). This API provides the functionality for receiving push notifications. This API provides interfaces and methods for access to Secure Elements. This API provides functionality to discover multimedia content (such as images, videos or music). This API provides interfaces and methods for downloading remote objects by HTTP request

8 Tizen Device API Input/Output Social System API Filesystem Message Port Bookmark Calendar Call History Contact Data Synchroniz ation Power System Informat ion System Setting Time Web Setting Description This API provides access to the file system of a device. This API might be obsolete in th e future when W3C File APIs are extended to access system-sensitive files by Web appli cations. This API provides the functionality for communication with other applications. This API provides interfaces and methods for access to Bookmarks. This API enables the management of calendar information. This API allows accessing call history for cellular and VoIP calls. This API enables the management of contact information. This API provides methods to synchronize device data to the server using the OMA DS 1.2 protocol. This API provides interfaces and methods for controlling power resources This API provides information about the device's display, network, storage and other ca pabilities. This API provides system setting functionality. This API exposes information about date, time and time zones. This API manages the setting states of the web view in web applications. User Interface Notification This API provides a way to notify the user of events that happen in the application. These Device APIs supports Tizen characteristic features not provides from HTML5. Tizen IDE> Help> Help Contents> Tizen Mobile Web API References> Device API Reference

9 Example Using Acceleration Value by DeviceOrientation API

10 Create Project

11 Create Project Can choose themes to White/Bl ack.

12 Create Project

13 Executing Emulator Can execute an emulator easily in Tize n IDE by accessing Emulator manager button.

14 Executing Project Execute project

15 Executed Screen Can see this simple screen whic h has a header and a footer an d some contents in a single pa ge

16 Adding Canvas Tag Add a canvas to index.html file and remove previous Content li ne.

17 Modifying main.js In the main.js file, add javascript codes to draw a picture to a canvas according to acceleration values. devicemotion event listener returns the value of device s ac celeration to the function of on DeviceMotion.

18 Adding Restart Button Add button which resets the canvas scre en. Tizen is fundamentally using jquery and you can find how to use widget syn tax and events in the jquery reference s ite.

19 Adding Button Event Binding click event to the button

20 Execution Result When you execute the applicati on, it drawing dots toward tilte d direction. If you click Restart button, canvas is initialized.

21 Reference 서영진, Tizen 애플리케이션프로그래밍,

HTML5 Applications Made Easy on Tizen IVI. Brian Jones / Jimmy Huang

HTML5 Applications Made Easy on Tizen IVI Brian Jones / Jimmy Huang Obstacles IVI Developers Face Today Lots of hardware variety. Multiple operating systems Different input devices Software development