CodeLabs de Google y Pruebas sobre proyectos de GitHub

Desde hace poco menos de un mes, estoy llevando una bitacora de las pruebas que realizo sobre algunos proyectos de GitHub que me interesa probar.

Se puede acceder a esa bitácora a una GitHub Page asociada a mi perfil de GitHub:

https://pabloezequiel.github.io/

Además de proyectos de GitHub, hay registrados algunas experiencias con los CodeLabs de Google.

Los proyectos que estoy probando, y que están en la bitácora, giran alrededor de alguna de las siguientes temáticas:

• Programación en Android o iOS
• Proyectos vinculados al Ajedrez, como uso del motor Stockfish
• Proyectos para aprender sobre las tecnologías Android, ejemplo:
• Android Pay 
• VR: Realidad Virtual
• Tecnologia NDK y JNI dentro de Android

Y lo que vaya surgiendo y pueda resultar novedoso o interesante.

A su vez, la página fue armada con Jekyll, una plataforma muy cómoda para escribir blogs

https://pabloezequiel.github.io/

Read More

How to Develop on Samsung Smart TV with Tizen (Part III)

In our previous post, we reach the goal to run a demo app over a Samsung Smart TV Simulator. 

To reach that objetive, we had to read a little about Tizen, the Samsung development plataform, and Install last versión of Tizen SDK, and do some adicional update to get the right emulator versions.

After that, our demo app was on the simulator... but, How we could make the next step? The app in a real Samsung Smart TV

In this post, we will describe the steps that we had to make to install the app in the Samsung Device

Let´s Start

This is how we run our app over the Samsung Simulator, according our previous post:

The selected demo App is TVSlideShowDemo is from the gitHub repo https://github.com/Samsung/TizenTVApps

And here we go:

Step #01: Switch Samsung Smart TV to Developer Mode

The way to switch to developer mode would be different depending of the Samsung Smart TV model, but, in my case I am doing the tests over a Samsung JU6500 with Tizen Operating System, and firmware version 1460, and software version HKMUABC-1460

So, to switch to developer mode:

1) Make sure that the Notebook and Smart TV are on the same local network

2) Turn on TV ==> Go to Apps ==> Pressed 1, 2, 3, 4, 5 

3) Turn ON developer mode. Entered the PC's IP address. Pressed OK 

4) Then, I reboot TV

I typed the private IP from the PC where I have the Tizen SDK, and after the reboot of TV we have the config how we need:

Our config

• TV IP private:            192.168.0.102
• Macbook IP private:  192.168.0.103

Step #02: Connect Tizen SDK to Samsung Smart TV

Let see how we can connect the Tizen SDK to the Phisical Samsung Device:

And now, we are ready to Launch the app

And, the first time that we run the app, we should configure the security profile:

 The Preferences Dialog, after "add" a new profile named "pablo"

 And the Keystore and certificate generator:

 The place where the keystore will be generated

And now, we are ready to Launch the app to run on the phisical device:



A little warning message:

And the app TVSlideShowDemo is installed on the Samsung Smart TV:

And we can see the TVSlideShowDemo in action on the TV:

next slide ...

next slide ...

next slide ...

And we have finished our new goal to deploy an App over a Samsung Smart TV with Tizen operating system.

This is the last post of the serie "How to Develop on Samsung Smart TV with Tizen", if you like it, you can share it

Next Steps

We realize that is pretty simple develop over web Tizen plataform, because this is basically html, javascript and jquety. We should have at out fingerprints a pair of good links with the API definition and the list with the available widget that we have to our provision.

Fortunately, we can find its in:

• UI Component Reference
• Tizen Mobile Web UI Framework Reference
• Tau tutorial

Links

• How to Develop on Samsung Smart TV with Tizen (Part I)
• How to Develop on Samsung Smart TV with Tizen (Part II)
• How to Develop on Samsung Smart TV with Tizen (Part III)

Read More

How to Develop on Samsung Smart TV with Tizen (Part II)

In our previous post we fail in the objetive to run an example about make an app with Tizen for Samsung Smart TV

Let´s tray again, but, a this time we are going to use the following GitHub repository

https://github.com/Samsung/TizenTVApps

Let´s Start

We are going to clone the GitHub repo:

• $ git clone https://github.com/Samsung/TizenTVApps.git

And our working dir is:

• /Users/pabloin/Desktop/NoCuestaNada/Mob/GitHub-tmp/samsung-tizen/TizenTVApps

We need the Tizen TV Web SDK 1.5 (available here: http://www.samsungdforum.com/TizenDevtools/SdkDownload ), but we have already installed it when wrote our previous post:

And we have to do some updates to have the TV emulators:

So, we only have to

• Launch the Tizen IDE and import each app's folder into your workspace
• After important, right-click on the app's folder and choose Run As > Tizen TV Web Simulator Application (Samsung TV)

Let´s start with TVDemoSlideShow:

Step #01: Import -> Tizen -> Web Project and Web Application File

Step #02: Select TVDemoSlideShow

 Step #03: Run As -> Tizen Web Simulator Application (Samsung TV)

We can see the app TVDemoSlideShow running in the simulator

We have reach the goal to compile, run, and use an app on as Samsung Smart TV Tizan Simulator

Our next goal is run the same app on a real Samsung Smart TV

Links 

• How to Develop on Samsung Smart TV with Tizen (Part I)
• How to Develop on Samsung Smart TV with Tizen (Part II)
• How to Develop on Samsung Smart TV with Tizen (Part III)

Links Related

Tizen documentation at Stackoverflow

• http://stackoverflow.com/documentation/tizen

Tizen documentation post:

• http://www.tizenexperts.com/2015/09/developer-wow-developer-mode-now-available-on-samsung-tizen-tvs/

Official reference about sdb commands:

• https://developer.tizen.org/dev-guide/2.4/org.tizen.devtools/html/common_tools/smart_dev_bridge.htm

Interesting framework to game development

•  http://phaser.io

Read More

How to Develop on Samsung Smart TV with Tizen (Part I)

Tizen is an OS based on linux and used on Samsung Smart TV devices. It is the Samsung Way to compite with Android TV.

Let see how difficult is to develop an app on Tizen for a Samsung Smart TV.  

Let´s Start

Our target plataform is a Macbook Pro with OSX and a Samsung Smart TV 

Step #01: Install SDK

First, we are going to download Tizen SDK from official page:

Tizen SDK Download for MAC OS 64bit          

http://www.samsungdforum.com/TizenDevtools/SdkDownload

There is Another links to downloads, but I guess that is older (2014): It is almost a raw eclipse, so I am going to discard this version from:

https://www.samsungdforum.com/Devtools/Sdkdownload

 /Users/pabloin/tizen/workspace

We can see that the Tizen SDK is based on ecliplse

Step #02: First Tizen Project - Docs

With Tizen SDK installed, we are going to pick a basic project from the official Tizen Developer Site:

https://developer.tizen.org/development/getting-started/overview

We could be interested in

• Creating Your First Mobile Native Application
• Creating Your First Mobile Web Application

But, that demos aren´t for Smart TV apps, but also por mobile devices... So, I have to find another link with a good tutorial for Samsung Smart TV

The start point that we have been looking for is:

• https://developer.tizen.org/tizen/tv

And the Sample App is:

• https://www.samsungdforum.com/TizenSampleGuide/

Our first observation, is that it talks about Web TV development, so It is not about Native Development. We can read:

"This section help developers in learning Tizen TV Web App development using Tizen TV APIs.."

So, let´s continue with TV Web Development, following the guide https://www.samsungdforum.com/TizenGuide/tizen1201/index.html

Our second observation, is that we need a developer account in Samsung to publish apps after we finish that. The registration Samsung page is https://account.samsung.com/account/check.do

Our third observation, is that the documentation always take away to the GitHub page, so let´s continue there:

• https://github.com/SamsungDForum/

Step #02: First Tizen Project App : SmartViewSDKQuizApp

We have a lot of projects in GitHub, but we are going to follow 

• https://github.com/SamsungDForum/SmartViewSDKQuizApp

We clone it in our local pc:

/Users/pabloin/Desktop/NoCuestaNada/Mob/GitHub-tmp/samsung-tizen/SmartViewSDKQuizApp

And we are going to compile QuizApp_TV inside Tizen SDK. Again we can follow the Readme in GitHub

It say:

"We are going to create a new Tizen Web Project by selecting File->New->TIzen Web Project.

And select Templates for TV-1.0 ,select Tizen Web UI Framework Template for Master Detail Application /Multi Page Application/Navigation Application / Single Page Application based upon your requirement and give a name to the project."

But Template for TV-1.0 is not anymore... And also there is not any template for Samsung TV, only for Mobile and Wereables

But, I have already download the the project, so I am going to import it to the "Tizen-eclipse SDK"

• File -> Import -> Existent Project

And I get the following error:

Description Resource Path Location Type
Cannot support tv-1.0. You can migrate the project with Import > Tizen > Tizen Project menu

Step #03: Tizen Emulator Update

The solution to the previous error is update the SDK to get new emulators:

And now, we can see that the project is ready to run, because it has 0 errors:

 To run the project:

And when the web simulator is call, the browser chrome is open:

And we can see the Quiz App running in the web simulator, the Chrome browser:

So, we have reach our goal to run a demo app with Tizen, the plataform to build apps for Samsung Android TV. And we can get some experience with the IDE and the emulators.

Misc: How to enable developer mode on Tizen

1) Make sure my PC and TV are on the same local network

2) Turn on TV ==> Go to Apps ==> Pressed 1, 2, 3, 4, 5

3) Turn ON developer mode. Entered the PC's IP address. Pressed OK

4) Then, I rebooted my TV.

Links 

• How to Develop on Samsung Smart TV with Tizen (Part I)
• How to Develop on Samsung Smart TV with Tizen (Part II)
• How to Develop on Samsung Smart TV with Tizen (Part III)

Read More