Menu
Sites
Language
GEAR2: Tutorials/documentation on events

Hi everyone,

I have a comment on Tizen Wearables that I am sure most of us would agree with: Tizen team haven't provided sufficient documentation for Tizen Wearables SDK. There is some stuff in the Help files, but if we compare that to Android documentation for example: no where close!

I wish the Tizen team provides some documentation (more elaborate write-up, more tutorials) on the VERY simple topics in UI interaction. I am specifically interested in how Events are created (they are used in the samples, but one needs to understand if you guys follow some design pattern, standards, etc?)

I wish people keep on asking more and more "basic" questions on this thread!

 

Sherif

Edited on 11 05, 2014
List

Responses

8 Replies
Sherif Tawfik

Thanks Nour, though I was not asking about the programming environment. My question was on the availability of more sample code to cover more SDK features (aside from JavaScript/HTML5). Anyways, this will evolve as more people chime in. By the way, you don't need to copy/paste in Android because the API reference is very sufficient if you know Java well.

Sherif

Marco Buettner

Tizen for Wearables SDK is a beta at the momemt... I think we will see more features with further updates :)

Stefano Accorsi

This is sooooooo true Sherif. I too am stuck trying to find a way to use events with Tizen for wearable. I read everything about this new SDK, even a free books on Tizen, but still can't figure out how to link a function to the click of a button. I found out that the "classic Tizen" way don't work since I tried:

 

$('#inlineBtn').bind("click", function(e) {
    alert("Hey!");
});

but, at runtime, I got this error:

js/app.js (15) :TypeError: 'undefined' is not a function (evaluating '$('

And even:

$(document)

fired the same error...

I'll read any advanced Tizen book if it helps (by the way I found this one that seems great: http://www.amazon.com/Appcelerator-Titanium-Business-Application-Development/dp/1849695342/ref=cm_cr_pr_product_top) ... but for now I can't find anything about Tizen wearable that, a part from the variuous "Hello Gear" or "Introduction to SDK for wearable" videos, could let me develop a full app.

TY

Stefano Bennati

I agree!

Besides that the available tizen documentation is not compatible with wearables:

I'm developing an app that uses the gyroscope and I wasn't able to make it work yet because some features are not implemented (i.e. device orientation events in the WebAPI), some privileges have been changed (i.e. /privilege/X instead of /api/X) and because of some difference in the implemented features between the simulator and the emulator.

Also the IDE lacks some useful features, for instance the Event Injector functionality that I need to inject orientation events, as rotating the emulator does not fire them automatically.

I'm not asking for a full-fledged Android-style documentation, a simple list of differences between the tizen and the wearables api will be enough. That list will have avoided me wasting a day changing some correct code that does not work because some features have not been implemented yet.

Best,

Stefano

Marco Buettner
I'm using always this 
$(document).on("click", "#inlineBtn", function(e) {
    alert("Hey!");
});

Dont forget to include tau-lib or tizen-lib to your project

Stefano Accorsi

Ok since it still doesn't work (but thank you so much Marco!!) ... I suppose I'm missing something. I created a base web app, and added something like this in the index.html file:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport"
    content="width=device-width, initial-scale=1, user-scalable=no" />
<title>Wearable UI</title>
<link rel="stylesheet" href="lib/tau/themes/default/tau.css">
<!-- load theme file for your application -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<div class="ui-page">
		<header class="ui-header ui-has-more">
			<h2 class="ui-title">Hello!!</h2>
			<button type="button" onclick="test();"
				class="ui-more ui-icon-overflow">More Options</button>
		</header>
    </div>
</body>
<script type="text/javascript" src="lib/tau/js/tau.js"></script>
<!-- load javascript file for your application -->
<script src="js/app.js"></script>
<script src="js/lowBatteryCheck.js"></script>
</html>

as you read I tried an "onclick" and it works ... but what I can't do is adding and handler programmatically. So, consider the "onclick" gone, the code in the app.js is only what you wrote in the last post, and I get the same error ...

js/app.js (15) :TypeError: 'undefined' is not a function (evaluating '$('

 

Thijs Mergaert

Hi Stefano,

You'll need to include jQuery in your project as well for that.  Trust me when I say that learning to use jQuery will be a worthwhile investment if you're planning to develop HTML5/JavaScript applications :)

Thijs

Stefano Accorsi

Thank you Thijs I was ... beginning to suppose it :D

I don't know anything about jQury ... well I'll start to study it. TY again.