Tizen TV application folder structure

Samsung Smart TV
3 minutes read

Tizen Studio enables the developer to create and setup Tizen projects with ease. All the necessary files needed for the functioning of the project are setup automatically by the project wizards. The developer can create any project type using the Tizen Studio like native applications, mobile applications, web applications, TV applications etc. The Tizen Studio has project wizards for creating any kind of project.

While creating a new project using the project wizard, there will be a set of files and folders created, no matter whatever is the project type the user is creating. The created files and folders can be seen from the project explorer section on the left side of the Tizen Studio. The user can view the contents of a specific project when the project is opened. The following diagram shows the project explorer pane in the Tizen studio.

Project explorer window - Tizen Studio

Project explorer window – Tizen Studio



The user can just explore the created files by double clicking then and opening in the Tizen studio editor. These files are mostly text files other than some images for logo and icons. This article is explaining the file structure with respect to a web application. Since the application we develop for TVs are mostly web applications running inside a browser environment, we are taking a web application for study.

We can categorize the files created under the following sections

  • Scripts
  • Stylesheets
  • Images
  • Index.html
  • Config.xml
  • Icon image

The above given list is the one that has been created for a Tizen based web application. Let us explore the above given list one by one.

Scripts (JS)

The scripts folder contains the necessary JavaScript files that holds the application functionality. The newly created project contains some base files with the basic skeleton code. The developer can start from this skeleton code and develop the functionalities one by one. The web application has all of its business logic defined in the JavaScript language. The scripts folder is the place for the developer to start his application logic. Tizen uses the JavaScript specification in web applications with additional APIs for its specific purpose.

Stylesheets (css)

As in a normal web application, the CSS provides the look and feel for the application. Tizen TV developers should adhere to the application design guidelines when developing applications. CSS helps in bringing the desired look and feel to the application given that the application obeys the development guidelines provided by Tizen.



Images (images)

The images folder contains the images needed for the application like application logo, menu images, other images etc. In some applications, there may be special needs to include some other static files such as fonts, gifs etc. They can be included inside other specific folders such as fonts, assets etc. The extra folders can be named based on the preference of the developer.

Index.html

Every web application has a landing html page that shows the home page of that application. In the case of Tizen application, the index.html page contains the landing page of the app. This page is where the application along with the included third party applications are bootstrapped. The third party application reference files are referenced here by including the scripts and stylesheets.

Icon.png

This icon serves as the main application icon when the application gets listed in the TV like the App Store, Hub etc. The user can either change this icon or place a new icon and reference it in the index.html file accordingly.

Config.xml

The config.xml or the configuration file is the heart of the Tizen TV application. The config file contains the major meta data and other details related to the application. The config file contains many details in which the main ones are the following

  • Application ID
  • Application Version
  • Icon
  • Html Content
  • Privileges
  • Device support
  • Access policies
  • Launch Actions
  • Author information

The above listed ones are the most commonly used. There are other details included inside the config file. Once the application is launched or installed, the Tizen platform gets to know about the application through this config file. The Tizen platform contains something called the application manager, which takes the responsibility of dealing with apps. The application manager gets various details of the current application through the config file and then treats the application accordingly based on the technology, size, file types, access permissions etc.



Hence a basic look at the folder structure gives us a vague idea about the list of technologies that plays in setting up a Tizen application. On a close observation, we can find that the technologies used in normal web development are the ones used for Tizen development. The existing web developers can start with Tizen TV development without much learning curve. In my next post, I will be discussing about running a sample application in the Tizen TV environment.




No Comments


You can leave the first : )



Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.