No native Strava mobile app for Tizen OS smartphones
-
Similar Topics
-
By STF News
Smart watch users are interested in having an interactive and eye-catching watch faces, which makes creating watch faces a great area for developers to explore. You can create varieties of watch faces, focusing on different perspectives and purposes. This blog can help you create a basic watch face using HTML and JavaScript in Tizen Studio. We will also discuss simple interactions, such as launching an app from watch face, providing sensor data, and so on.
Design Watch Face
Figure 1 shows a sample watch face that implements an analog clock, has two interactive icons, and shows the wearer’s step count using the pedometer sensor. One of the icons launches the SHealth app to measure heart rate, and another icon displays the current date and launches the Calendar app.
Figure 1: Sample watch face design
Define Category
Add wearable_clock as the category of your app in the config.xml file. It defines your application as a watch face.
<tizen:category name="http://tizen.org/category/wearable_clock"/> Create a Basic Watch Face
As this is an analog clock, first you’ll have to calculate the rotation angles of the watch hands and then update the UI accordingly. A sample implementation is shown in the following code snippets: the updateTime() function calculates rotation angle with respect to time, and the rotateElement() function updates the UI with rotating watch hands (see Figure 2).
function updateTime() { var curtime = new Date(), hour = curtime.getHours(), minute = curtime.getMinutes(), second = curtime.getSeconds(); rotateElement("hand-main-hour", (hour + (minute / 60) + (second / 3600)) * 30); rotateElement("hand-main-minute", (minute + second / 60) * 6); rotateElement("hand-main-second", second * 6); if (curDate < 10) str_curdate.innerHTML = "0" + curDate; else str_curdate.innerHTML = curDate; } function rotateElement(elementID, angle) { var element = document.querySelector("#" + elementID); element.style.transform = "rotate(" + angle + "deg)"; }
Figure 2: Basic watch face
Add Functionality
Launch App
The Application API provides a method to launch an app in Tizen. To launch the app, add following privilege to the config.xml file:
<tizen:privilege name="http://tizen.org/privilege/application.launch"/> Then use launch(ApplicationID) method to launch the desired application. If you do not know the ID of that application, you can use getAppsInfo() to get the list of IDs.
The Heart icon launches SHealth app’s heart rate measuring page (com.samsung.shealth.heartrate.measure). The implementation is as follows:
var heart_click = document.getElementById("heart"); heart_click.addEventListener('click', function() { tizen.application.launch("com.samsung.shealth.heartrate.measure"); });
Figure 3: Launch SHealth from the watch face
The Calendar icon shows the current date and launches the calendar application (com.samsung.w-calendar2) on the watch.
var calendar_click = document.getElementById('date-calendar'); calendar_click.addEventListener('click', function() { tizen.application.launch("com.samsung.w-calendar2"); }); var curtime = new Date(), curDate = curtime.getDate(), str_curdate = document.getElementById("date-calendar"); str_curdate.innerHTML = curDate;
Figure 4: Launch Calendar from the watch face
Access Device Sensor Data
The pedometer sensor provides step count data. To access this sensor, you need to add a feature and a privilege to the config.xml file:
Next, you have to ask for user permission to start reading data from the pedometer sensor. The following code snippet shows the implementation:
function onchangedCB(pedometerInfo) { var str_step = document.getElementById('step-count'); str_step.innerHTML = pedometerInfo.cumulativeTotalStepCount; } function onSuccess() { tizen.humanactivitymonitor.start("PEDOMETER", onchangedCB,onError,option); } function onError(e) { console.log("error " + JSON.stringify(e)); } tizen.ppm.requestPermission("http://tizen.org/privilege/healthinfo", onSuccess, onError);
Figure 5: Step count
It’s simple to add functionalities to a basic watch face, isn’t it? I hope this blog inspires and helps you create some amazing watch faces using your own ideas and designs.
View the full blog at its source
-
By STF News
We are pleased to announce the release of Tizen Studio version 3.6. This release includes new features to further improve the performance of the Tizen Studio IDE and its tools.
Key features:
5.5 Platform images have been updated. Support for the type property for wrt service applications has been provided.
For more information about the new features and bug fixes, see Release Notes.
To download Tizen Studio, visit https://developer.tizen.org/development/tizen-studio/download
View the full article
-
By Alex
Hopefully there will be a Disney plus app released for Samsung Tizen TVs. Disney announced devices that will be compatible but most TV brands are not on there yet.
Disney unveils international rollout of streaming service
-
By STF News
Watch faces are a special type of application that runs on the home screen of a Tizen wearable watch. Different watch faces have different purposes and can be interacted with in diverse ways. A watch face creates the first impression of the watch and holds value as a fashion accessory.
Anyone can make a watch face using Galaxy Watch Designer (GWD).[1] However, GWD limits how many different features you can add in a watch face. On watch faces, data is displayed to the user in the form of “complications,” which show individual data points such as steps or heart rate. While GWD gives you a set of complications you can add to designs, it does not allow you to add custom complications, as the numbers of complications are fixed inside the GWD tool. With Tizen Studio, you can create complications that pull in data from your own custom sources or perform custom actions, such as launching a separate application or opening a settings menu. With Tizen Studio, you have more options than the ones GWD gives you.
Using Tizen Web/Native/.NET APIs, developers can add a large number of functionalities on watch faces programmatically. In this article, we’ll start by developing a basic watch face using Tizen Web API.
Prerequisites
You need to define your app as a watch face application through an application category in the config.xml file. To achieve that, add wearable_clock under category.
<widget xmlns:tizen="http://tizen.org/ns/widgets" xmlns="http://www.w3.org/ns/widgets" id="http://yourdomain/WatchFace" version="1.0.0" viewmodes="maximized"> <tizen:application id="msWLHN3Mpw.WatchFace" package="msWLHN3Mpw" required_version="2.3.1"/> <tizen:category name="http://tizen.org/category/wearable_clock"/> <content src="index.html"/> <feature name="http://tizen.org/feature/screen.shape.circle"/> <feature name="http://tizen.org/feature/screen.size.all"/> <icon src="icon.png"/> <name>WatchFace</name> <tizen:profile name="wearable"/> </widget> Resources
For an analog watch, we need three hands for second, minute, and hour. We also need a background image with a marked time index.
The following table shows resolutions for images in our example:
Image Width (pixels) Height (pixels) Background 360 360 Hour hand 15 360 Minute hand 16 360 Second hand 16 360
Implementation
We need to create a <div> element for each component, such as background, hour hand, minute hand, and second hand. <div id="container"> <div id="background"> <div id="components-main"> <div id="hand-main-hour"></div> <div id="hand-main-minute"></div> <div id="hand-main-second"></div> </div> </div> </div> We are using an image as the watch face background, so we need to set the background image by setting styles in the CSS file. Background Image: The clock time index is set on top of the background image. It could be a separate <div> element, but we assembled the clock index with the green background into one image (see Figure 1).
Figure 1: Watch face background image
CSS
#background { width: 100%; height: 100%; background-image: url("../image/watch_bg.png"); } We also need to set styles for watch face hands separately. The app image folder holds three images, one each for the hour hand, minute hand, and second hand. Then we’ll add some info to the CSS to adjust the position, size, and so on.
The style set for the minute hand is shown below: #hand-main-minute { position: absolute; left: 172px; top: 0px; width: 16px; height: 360px; background-image: url("../image/watch_hand_minute.png"); background-position: center top; background-size: contain; } We need to define a function that will rotate hands by a specific angle with its element ID. function rotateElement(elementID, angle) { var element = document.querySelector("#" + elementID); element.style.transform = "rotate(" + angle + "deg)"; } We also need to have the hand update every second. To do that, we’ll set an interval to call the updateTime() function every second. // Update the watch hands every second setInterval(function() { updateTime(); }, 1000); We are using the getCurrentDateTime() function of Tizen Time API[2] to get the current time object. From this time object, we can get the hour, minute, and second. var datetime = tizen.time.getCurrentDateTime(), hour = datetime.getHours(), minute = datetime.getMinutes(), second = datetime.getSeconds(); Now we are going to call our defined function rotateElement() for the hour, minute, and second hands. // Rotate the hour/minute/second hands rotateElement("hand-main-hour", (hour + (minute / 60) + (second / 3600)) * 30); rotateElement("hand-main-minute", (minute + second / 60) * 6); rotateElement("hand-main-second", second * 6); We need to set an event listener for visibilitychange to update the screen when the display turns on from the off state. // Add an event listener to update the screen immediately when the device wakes up document.addEventListener("visibilitychange", function() { if (!document.hidden) { updateTime(); } }); We also need to set an event and update the screen when the device’s time zone changes.
// Add eventListener to update the screen when the time zone is changed tizen.time.setTimezoneChangeListener(function() { updateTime(); }); Additionally, we can set an event listener for ambient mode change. In this article, we added the listener and printed a console message when the ambient mode changed. It will not change anything on the watch during ambient mode, because we haven’t updated the sample watch face for ambient mode. window.addEventListener("ambientmodechanged", function(e) { if (e.detail.ambientMode === true) { // Rendering ambient mode case console.log("Ambient mode"); } else { // Rendering normal case console.log("Normal mode"); } }); Demo
A sample watch face app can be downloaded here, and the final watch face is shown in Figure 2.
Figure 2: Demo watch face developed using Tizen Web
Conclusion
This article demonstrates how to start developing watch face apps with Tizen web API using Tizen Studio. We can now add more functionalities and change the watch into more than just a device that shows time.
References
https://developer.samsung.com/galaxy-watch/design/watch-face/complications https://developer.tizen.org/development/guides/web-application/device-settings-and-systems/time-and-date-management View the full blog at its source
-
By Alex
Today at the Samsung Developer Conference the company announced that it would open its smart TV platform, Tizen TV, to third-party manufacturers.
“With Tizen, consumers can stream content from hundreds of apps,” Sang Kim, Global Head of Smart TV Business Development said during the keynote. “For the first time we’re going to make the Tizen TV OS available to other manufacturers.”
According to Kim, over 100 million TVs currently support Tizen and while that’s a substantial number, this move could stem the flow of manufacturers like Hisense and TCL from rushing to Roku TV and Android TV platforms for their smart platforms. It could even increase the Bixby user base too, which is a key goal for Samsung.
So what, exactly, makes Tizen so appealing that TV makers would want to adopt it? Primarily its Samsung TV Plus platform which offers free content and integrates with over-the-top cable providers, as well as its large app library powered by developers (hence why the announcement was made at its developer conference).
Unfortunately, beyond the announcement of news, Samsung isn’t offering any additional details – it’s not ready to announce potential partners, for example, nor is it ready to reveal when the first third-party Tizen TVs will be available.
The silver lining? With CES 2020 right around the corner, more information is likely coming in two month's time.
source: https://www.techradar.com/amp/news/samsungs-tv-os-tizen-tv-is-now-available-to-third-party-tv-makers
-