Полное руководство по разработке портативных приложений Tizen

Русский (русский) возможен перевод

Содержание

• список рисунков
• Списки исходного кода
• Представляем Tizen
  • Мотивация портативной разработки
  • Всемирный суп

• Tizen Architecture
  • Продавцы и устройства сегментов
  • Web Runtime и Web Framework
  • Внедрение WebKit
  • GNU / Linux и исходники

• Библиотеки JavaScript
  • JQuery Mobile
  • Сенча Touch
  • Dojo Mobile
  • Enyo JS
  • HTML5 Boilerplate
  • Мосты нативного в JavaScript
  • Пакет стандарт
  • Развертывание магазина

• Инструменты разработки Tizen
  • Интегрированная среда разработки Tizen
  • Эмулятор Tizen
  • Тизен симулятор

• Резюме
  • Преимущества портативности

• Работы цитируются

список рисунков

1. W3C и другие стандарты
2. Многоуровневая архитектура Tizen
3. Браузер и Web Runtime
4. Снимки экрана библиотеки JavaScript
5. Расхождение богатых и богатых
6. Структура установки веб-приложения
7. Структура файловой системы веб-приложения
8. Иконки Tizen SDK
9. Основанная на Eclipse IDE
10. Пульсирующий WRT симулятор
11. Динамический анализатор производительности
12. Samsung сделал устройство Tizen

Списки исходного кода

1. Декларативное программирование с использованием jQuery Mobile и многостраничной инкапсуляции
2. Полный Sencha Touch index.html, подходящий даже для больших проектов
3. Реализация точки входа в приложение Sencha Touch
4. Небольшое мобильное приложение Dojo, полностью реализованное в index.html
5. Небольшое приложение Enyo JS, полностью реализованное в index.html
   (образец кода для этой статьи можно скачать здесь: zip , tar )

Абстрактный:

Я представляю тизен

Что касается мобильных операционных систем, Tizen   [Tsg01] , безусловно, новый игрок. Эта уникальная платформа, основанная на партнерстве между Samsung, Intel и Linux Foundation, намерена в скором времени привести в действие множество устройств. По словам Samsung, «мы планируем выпустить новые конкурентоспособные устройства Tizen в течение этого года и будем продолжать расширять линейку в зависимости от условий рынка». [Busweek01] По мере взросления ОС и API Tizen становится ясно одно. Архитекторы Tizen ставят концепцию портативных приложений, построенных на стандартных технологиях, в первую очередь.

В этой статье мы рассмотрим основы того, как API Tizen поддерживают разработку переносимых приложений. Независимо от того, использует ли разработчик официальный комплект разработки программного обеспечения Tizen (SDK) или другие инструменты разработки, приложения, написанные для веб-платформы Tizen [Saxena01] [Tsg02], можно относительно легко переносить на другие платформы, используя веб-стандарты. Будучи новой технологией, Tizen выиграет еще больше от портирования уже существующих веб-приложений [Wang01] .

Мотивация портативной разработки

Хотя разработчики и пользователи одинаково выигрывают от приложений, работающих на различных операционных системах, интересно, что те, кто больше всего влияет на архитектуру Tizen, ценят его переносимость по сравнению с различными пользовательскими интерфейсами, которые появятся в будущих устройствах Tizen. Сунил Саксена утверждает, что «архитектура Tizen делает упор на WebAPI для обеспечения работы приложений на разных архитектурах и разных профилях» [Saxena02], что означает, что навигационный компьютер с низким энергопотреблением будет выполнять и отображать географическое приложение так же, как ноутбук или планшет с большим энергопотреблением. компьютер будет. Портативные API также позволяют многократно использовать программное обеспечение, что может значительно снизить дорогостоящие затраты на разработку.

Принимая во внимание богатую поддержку платформы Tizen для портативной разработки, важно помнить, что Tizen также предоставляет нестандартную, но ценную инфраструктуру. Плюсы лежат между сэндвичем POSIX-дружественного ядра GNU / Linux и средами Tizen. А именно, вместо Qt или Gtk библиотеки Enlightenment Foundation (EFL) предоставляют Tizen виджеты и поддерживают графические строительные блоки. Хотя приложения, связанные с EFL, основаны на Unix-подобных ядрах с использованием переносимого и стандартного ISO C, не стоит ожидать, что они будут работать на Windows Phone, iOS или Blackberry 10 на базе Qnx, если назвать несколько. В этой статье мы сужаем определение разработки портативных приложений, чтобы сосредоточить наше внимание на веб-технологиях, таких как JavaScript, CSS и HTML.

Всемирный суп

Не говоря о гиперпространственных словах, большинство разработчиков современных веб-приложений высоко ценят богатый набор функций, предоставленный недавними достижениями в HTML5, CSS3, JavaScript, а также связанными веб-технологиями, такими как XMLHttpRequest (XHR) или множеством библиотек JavaScript [Bennewitz01] . На самом деле веб-интерфейсы настолько часто смешаны, что многие называют этот новый веб-суп просто состоящим из «HTML5», не говоря уже о том, что HTML5 сам по себе является новым стандартом.

Стандартизированные интерфейсы и реализации, такие как HTML, ускорили внедрение веб-технологий, что, в свою очередь, усилило те самые стандарты (W3C, ECMA, IETC, ISO), которые способствуют мобильности. Между тем, сообщества разработчиков опередили темпы разработки стандартов, что привело к появлению ряда баз данных и утилит, полезных для оценки соответствия стандартам, принятия API и общей совместимости веб-технологий. Вот некоторые примеры:

• http://www.html5test.com/
• http://www.html5please.com/
• http://www.modernizr.com/
• http://www.caniuse.com/
• http://www.fmbip.com/litmus/
• http://www.markus-falk.com
  / mobile-frameworks-сравнение-chart /

Tizen Architecture

Заявленная цель рабочей группы Tizen при разработке уровней ядра, ядра, инфраструктуры и приложений включает использование «надежных возможностей HTML5 и межплатформенной гибкости» для расширения возможностей разработчиков переносимых приложений. «Tizen SDK и API позволяют разработчикам использовать HTML5 и связанные с ним веб-технологии для написания приложений, которые работают в нескольких сегментах устройств, включая смартфон, планшет, Smart TV, информационно-развлекательную систему в автомобиле и нетбук». [Linux01]

Продавцы и устройства сегментов

The construction of Tizen differs from one device segment to the next. Vendors can take advantage of the open nature of Tizen’s development cycle to modify the OS to suit their needs, and several key system components deviate to demonstrate this [Clark01]. For example, Tizen’s official IVI image profile distributes the Qt library alongside EFL. Each finished Tizen image aggregates software packaged in the RPM format corresponding to a specific architecture (like IA32 or ARMv71) and device segment.

What unifies these Tizen variants is the fact that their component diagrams are arranged like a sandwich, with applications resting on the framework layer which in turn lies on the core. Each layer is a collection of components in itself, and even the core consists of the Linux kernel, device drivers, and a variety of low level APIs and subsystems.

Web Runtime and Web Framework

One of the most important components is the Tizen Web Runtime, the component that allows web apps to run outside the browser. Tizen users can install and use web apps as if they were standalone applications, and the Web Runtime manages the life cycle, system calls, execution, resources, platform integration, and access control of the web app [Jin01][Mtsc01].

Similarly named, the Web Framework aggregates the Web Runtime along with the W3C API, Device API, and a UI framework containing widgets derived from jQuery Mobile.

By exposing the standard W3C and unique Device APIs, Tizen offers added value to web apps that could otherwise only render HTML and carry out generic JavaScript. The Tizen W3C API implements web standards relating to DOM, styles, device, graphics, media, communication, storage, security, UI, performance, location, and widget. The Device API provides advanced logic employing sensors, file I/O, capturing, telephony, FM radio, speech recognition, HDMI output, and more.

WebKit adoption

To render web content the Tizen Web Runtime employs the WebKit layout engine in a similar fashion as Android, Chrome, Safari, MeeGo, Qt, and a number of other WebKit dependent projects. A consideration when choosing a JavaScript library (see section) is indication of WebKit support as well as support for whichever engine the developed software should be portable on.

GNU/Linux and sources

Rather than blurring the lines of free license by releasing binary blobs of kernel and libc while publishing only sanitizing header files, Tizen’s GNU/Linux kernel and other sources are complete, online, and publicly accessible. Any developer can pull a copy of these sources and build their own Tizen image [Tsg03] ready for installation to hardware. After installed, Tizen is bootstrapped by the U-Boot boot loader as with many low power or embedded systems.

JavaScript Libraries

To maximize portability we focus on the model of Tizen development dependent on a web framework. It’s this model that minimizes system dependencies and empowers development of far ‘reach’ in apps.

Although the Tizen Web Framework incorporates a custom themed JQuery Mobile installation, the competing web frameworks aren’t only useful for porting existing applications. Rather, they’re perfect for original Tizen development as well when leveraging the skill set of a developer already familiar with Dojo, requiring the complex fine tuned JavaScript manipulation for which Sencha Touch is known for, or just reusing code written in a pre dating JavaScript library like Enyo JS.

JQuery Mobile

This is one of few libraries that support more than WebKit rendering. In fact, jQuery Mobile supports the WebKit, Gecko (Mozilla), Presto (Opera), and Trident (Microsoft) engines as well. With such attention to compatibility it’s no surprise that Tizen already enjoys A-grade support, with a fully enhanced experience and Asynchronous JavaScript and XML (AJAX) based animated page transitions [Jqm01]. This compatibility factor is an advantage when developing Tizen web apps to be portable with Mozilla’s Firefox OS or Microsoft’s Windows Phone.

   <head>
     <link rel="stylesheet" href="//code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.css" />
     <script src="//code.jquery.com/jquery-1.8.2.js"></script>
     <script src="//code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.js"></script>
   <body>
  <div data-role="page" id="firstpage">
    <div data-role="header">
      <h1>Nice header</h1>
    </div>
    <div data-role="content">
      <p>I'm the first page. Click for <a href="#secondpage">Second page</a></p>
    </div>
  </div>
  <div data-role="page" id="secondpage">
    <div data-role="content">
      <p>I'm the second page. Click for <a href="#firstpage">First page</a></p>
    </div>
  </div>
  </body>

  <!DOCTYPE html>
  <html>
  <head>
    <title>Simple Sencha</title>
    <link rel="stylesheet" href="//cdn.sencha.com/touch/sencha-touch-2.1.1/resources/css/sencha-touch.css" />
    <script src="//cdn.sencha.com/touch/sencha-touch-2.1.1/sencha-touch.js"></script>
    <script src="app.js"></script>
  </head>
  <body>
    <!-- Nothing here! -->
  </body>
  </html>

  Ext.application({
    launch: function() {
      alert('App launched!');
    }
  });

  <!DOCTYPE html>
  <html>
  <head>
    <title>Our Dojo Test</title>
    <script src="//ajax.googleapis.com/ajax/libs/dojo/1.8.3/dojo/dojo.js"></script>
    <script>
      require([
      "dojox/mobile/parser",
      "dojox/mobile",
      "dojox/mobile/deviceTheme"],
      function(parser) {
        parser.parse();
      });
    </script>
  </head>
  <body>
    <div id="settings" data-dojo-type="dojox.mobile.View">
      <h1 data-dojo-type="dojox.mobile.Heading">Tizen App with Dojo Mobile</h1>
    </div>
  </body>
  </html>

  <!DOCTYPE html>
  <html>
  <head>
    <title>Our Enyo Test</title>
    <link rel="stylesheet" href="//enyojs.com/enyo-2.2.0/enyo.css" />
    <script src="//enyojs.com/enyo-2.2.0/enyo.js"></script>
  </head>
  <body>
    <script>
      new enyo.Control({content: "Hello From Enyo"}).renderInto(document.body);
    </script>
  </body>
  </html>