[Youtube Video] Sample Tizen TV Application Using Tizen Studio

Creating your first Tizen TV application is easier than you might think. In this tutorial, we walk through the complete process of building a basic Tizen TV web application using the Tizen Studio project wizard — from launching the IDE to running the app in the simulator.

Getting Started with Tizen Studio

Tizen Studio is an Eclipse-based IDE, so developers who are already familiar with Eclipse will feel right at home. The main interface consists of several key panels: the Project Explorer for navigating files, the code editor in the centre, and the console at the bottom for debugging output, error messages, and code suggestions. The menu bar provides quick-access buttons for project creation, running and debugging projects, selecting a target platform, managing certificates, accessing the TV SDK manager, and launching the emulator and device manager.

Creating a New Project with the Project Wizard

You can start a new project either via File > New > Tizen Project or by clicking the new project icon directly in the toolbar. The project creation wizard walks you through several steps:

1. Choose between a template-based project (for active development) or a sample project (full working examples to study and modify).
2. Select your target platform — Mobile, Wearable, TV, or custom platforms such as IoT. For TV development, choose TV.
3. Pick your application type: Native or Web. This tutorial focuses on web applications.
4. Select a template. Options include Basic, jQuery/Angular/CAF-based, or an empty project. The Basic template provides a minimal starting point ideal for learning.
5. Enter a project name and choose a location (the default location works in most cases).

Understanding the Project Structure

Once the wizard completes, Tizen Studio opens your project. Developers with web development experience will immediately recognise the structure — it resembles a standard HTML5 web application. Key files include:

• index.html — the landing page of the application
• JavaScript files — event handlers and remote key handler functions
• CSS stylesheets — for styling the application
• Images — bundled assets
• config.xml — the main application configuration file

Tizen TV web applications are HTML5-based web pages that the Samsung engine renders as full applications on the TV. The browser engine loads index.html, which in turn loads the corresponding JavaScript and CSS files.

The config.xml File

One of the most important files in a Tizen TV project is config.xml. Before launching your app, the Tizen TV platform reads this configuration file to understand what your application is allowed to do. It contains settings for features, privileges, policies, preferences, and other metadata that the application manager uses to control and run your app. A deeper dive into config.xml will be covered in future tutorials.

Running the App in the Simulator

To run the basic application, right-click the project folder, choose Run As, and select Tizen Web Simulator Application (TV). The Tizen simulator launches and displays your application. The sample project includes a simple web page with hyperlinks and a clock button — clicking it displays the current time. While the app itself is minimal, the simulator is the key tool Tizen provides for quickly previewing web-based applications without needing a physical device.

Beyond the simulator, the Run As menu also provides options to run as a web application, a unit test application, or — if native development tools are installed — inside a Tizen emulator. Future tutorials will explore the simulator, emulator, and debugging tools in much more detail.

What’s Next

This tutorial establishes the core development loop: create a project, write code, and run it in the simulator. In upcoming videos, we will look at modifying the application code, understanding the Tizen TV simulator in more detail, and working with Tizen APIs. Watch the full video to see each wizard step and the simulator output in action.