•

•

•

•

•

•

Application Framework Device API, SEF or Web Device API

Native TV Functions

TV Basic Modules

TV-related Modules

Multimedia Modules

More to come...

Ap

p M

anage

r (Sm

art HU

B)

Samsu

ng En

gine

<?xml version="1.0" encoding="UTF-8"?>

<widget>

<icon></icon>

<type>user</type>

<ThumbIcon>icon/default_106.png</ThumbIcon>

<BigThumbIcon>icon/default_106.png</BigThumbIcon>

<ListIcon>icon/default_106.png</ListIcon>

<BigListIcon>icon/default_106.png</BigListIcon>

<category></category>

<autoUpdate>y</autoUpdate>

<cpname></cpname>

<cpauthjs></cpauthjs>

<movie>y</movie>

<srcctl>n</srcctl>

<ver>1.0</ver>

<audiomute>y</audiomute>

<videomute>y</videomute>

<login>y</login>

<widgetname>Sample App</widgetname>

<description></description>

<width>1920</width>

<height>1080</height>

</widget>

required to run your app

category in Samsung Apps

source control set to NO

mute settings

UI resolution

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

WEB Device API

SEF (Service

Extension Framework)

Device API

AudioControl DisplayControl AVPlay TV Information

TV Channel TV Window Network ImageView

CustomDevice Gamepad HealthcareDevice Microphone

Printer Recognition Camera

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•<script type="text/javascript"

src="$MANAGER_WIDGET/Common/webapi/1.0/deviceapis.js"></script>

•<script type="text/javascript"

src="$MANAGER_WIDGET/Common/af/2.0.0/loader.js"></script>

deviceapis.recognition

• <voice>y</voice>

if (deviceapis.recognition.IsRecognitionSupported())

{

// perform Recognition related actions here,

// e.g. subscribe to recognition events

} else {

alert("ERROR: Voice recognition not supported");

}

deviceapis.recognition.SubscribeExEvent(

deviceapis.recognition.PL_RECOGNITION_TYPE_VOICE,

"testApp",

function (evt) {

// do some stuff

});

eventtype

result

var helpbar = {

“helpbarType” : “HELPBAR_TYPE_VOICE_CUSTOMIZE”,

“bKeepCurrentInfo” : “true”,

“helpbarItemsList” :

[

{ “itemText” : “zielony”,

“commandList” :

[

{ “command” : “zielony” }

]

}

]

}

deviceapis.recognition.SetVoiceHelpbarInfo( {String} $.toJSON(helpbar));

Candidate words mode

Text displayed on Help Bar

List of voice commands

Keep the Help Bar on screen

•

•

–

–

–

–

–

•

•

• <mouse>y</mouse>

•

•

•

•

Using jQuery approach $('#someID').bind({

click: function(){

console.log("click");

},

mouseover: function(){

console.log("cursor over");

},

mouseout: function(){

console.log("cursor out");

}

});

Using ECMAScript 3 approach document.getElementById('someID').addEventListener("click",

function() {}, true);

Pinch gesture

Cursor over element

Cursor out

Gesture UI applied

•

•

•

•

•

•