С использованием чего в intel xdk ведется разработка мобильных приложений
Разработка HTML5-приложений с использованием Intel XDK
Читайте как Gaijin Entertainment
использует GPA в своих играх.
Intel XDK – это инструмент, который позволяет создавать мобильные приложения с использованием веб-технологии. По сути, с ним вы можете делать все свое программирование на HTML5, то есть HTML, CSS и JavaScript. В результате вы получаете не просто веб-страницу, но фактически устанавливаемое приложение. Более важно то, что это приложение является кроссплатформенным, а это значит, что один и тот же исходный код может быть использован для создания приложения для устройств Android, iOS и Windows. Несомненным преимуществом этого является возможность использовать весь свой опыт по разработке клиентской части веб-приложений, в том числе инструменты, фреймворки и библиотеки, для того, чтобы создавать мобильные приложения.
Intel XDK является универсальным инструментом для создания мобильных веб-приложений, который не только обеспечивает вас всеми необходимыми для разработки инструментами, но и дает определенную свободу, позволяя использовать другие инструменты.
Благодаря XDK вы можете либо импортировать существующее веб-приложение, либо создать новое на основе различных шаблонов. Создавая новый проект вы можете решить, будет ли ваш продукт исключительно мобильным приложением либо же гибридным мобильным сервисом, использующим Cordova API и плагины.
XDK поддерживает множество игровых сред, в том числе Cocos2d, Phaser, Pixi и EaselJS. Чтобы создать новый проект, нужно сначала выбрать тип приложения, которое вы собираетесь разрабатывать, и присвоить ему имя. И хотя вы можете использовать свой собственный редактор, мы предоставляем встроенный HTML-редактор, который основан на проекте Brackets и поддерживает соответствующие плагины. Вы можете делать изменения и тут же проверять их на эмуляторе.
Конструктор приложений – это удобный интерфейс типа drag-and-drop, который дает возможность быстро разрабатывать простые приложения. Когда вы создаете проект в конструкторе приложений, то можете выбирать из множества различных фреймворков. После этого вам остается лишь курсором перетаскивать и «примерять» различные виджеты, которые вы хотели бы опробовать. Для того чтобы сделать виджет интерактивным, нужно перейти во вкладку Interactivity, где вы можете написать свой собственный JavaScript для выбранной кнопки.
Помимо инструментов для разработки приложений Intel XDK предоставляет различные способы тестирования и отладки ваших приложений. Эмулятор не только помогает разработчику получить общее представление о том, как может выглядеть его приложение на различных устройствах, но и позволяет эмулировать различные функции Codrova API, такие как GeoLocation, Acellerometer и различные события Cordova. Благодаря эмулятору вы можете на месте определить, будет ли, например, ваше приложение работать в какой-то определенной точке мира.
Когда ваша программа готова к тестированию на реальном устройстве, во вкладке Debug вы можете активировать тестирование и удаленную отладку приложения на подключенных через USB устройствах Android или iOS. Нажав кнопку Play, вы запустите приложение на своем устройстве. Также вы можете начать сеанс удаленной отладки приложения. Когда приложение запущено на вашем устройстве, на вашей машине разработки появится интерфейс отладки. Также можно проверить элементы HTML на самом устройстве.
Для тестирования также удобно использовать приложение App Preview, которое можно установить на мобильное устройство. App Preview соединяется с облаком и загружает разрабатываемое приложение по беспроводной связи. Для этого просто перейдите во вкладку Test, перенесите ваши файлы в облако, после чего вы можете загрузить и запустить их на своем устройстве через App Preview.
Когда вы готовы к сборке своего приложения, вам нужно просто перейти во вкладку Build и выбрать необходимую сборку – Android, iOS или Windows. Ваш код будет импортирован в нашу систему сборки и скомпилирован. И после этого вы сможете загрузить получившийся в результате APK-файл и установить его на своем мобильном устройстве.
Если вы хотите опробовать некоторые из предоставленных шаблонов, просто выбирайте их, когда начинаете новый проект – после того, как выбор сделан, перед вами предстанет рабочий проект, который вы сразу же сможете проверить на эмуляторе, провести тестирование и отладку или даже собрать его без изменений.
Начало работы с Intel XDK
1. Что это?
2. Особенности
Первое, что вы заметите в XDK, это то, насколько просто его установить. PhoneGap требует обширной конфигурации, а Titanium предъявляет особые требования к установленным библиотекам. Чтобы начать работу с XDK, вы скачиваете и устанавливаете его.
Прелесть XDK в том, что вы можете создавать приложения для любой платформы. С другими инструментами вы ограничены платформой, на которой вы разрабатываете. Поскольку Apple не разрешит запуск инструментов Xcode ни на чем, кроме компьютера под управлением OS X, у вас должен быть Mac для разработки под iOS.
Intel XDK позволяет разрабатывать на любой платформе, потому что компиляция выполняется в облаке. PhoneGap предлагает аналогичный сервис для кроссплатформенной разработки, но он ограничен. А с XDK вы не ограничены мобильными платформами. Планируете ли вы создавать приложения для Chrome, Facebook, Amazon или Nook? XDK может создавать для этих целей, а также возможность компилирования с API XDK или Cordova (PhoneGap).
XDK поставляется с редактором скобок с открытым исходным кодом от Adobe. У Titanium неплохой редактор, но я предпочитаю решение XDK. Кроме того, у вас есть доступ к некоторым расширениям, доступным для Brackets. Единственным недостатком является то, что вы не можете обновить редактор скобок, который интегрирован с XDK. Тем не менее, это все еще шаг вперед по сравнению с Titanium, и PhoneGap даже не поставляется с редактором.
После того, как ваше приложение создано, вам нужен способ проверить его функциональность. Intel XDK включает в себя лучший эмулятор для мобильных устройств, которые я когда-либо видел. Он включает в себя возможность тестирования на реальных устройствах и производительность профиля без необходимости что-либо устанавливать.
3. Создайте мобильное приложение с Intel XDK
Шаг 1: Загрузите и установите
Перейдите на страницу загрузки Intel XDK и получите последнюю версию XDK. После загрузки пакета установите его с параметрами по умолчанию.
Шаг 2: Создайте новый проект
Шаг 3: Структура проекта
Несмотря на то, что мы запустили пустой проект, в XDK есть несколько файлов, которые помогут вам начать работу. Мы собираемся отредактировать эти файлы для нашего проекта.
Инициализационные-dev.js
Новое поколение инструментальных средств разработки мобильных HTML5-приложений. Intel XDK
Скриншоты приложений взяты из магазина приложений Google Play или сделаны самостоятельно, в том числе с использованием смартфона Мегафон SP-A20i Mint на платформе Intel Medfield.
Презентацию к данной лекции можно скачать здесь.
18.1 Обзор среды Intel® XDK
18.1.1 Обзор возможностей Intel XDK
Основные возможности и достоинства новой версии:
К сожалению, Intel XDK имеет и ряд недостатков:
18.1.2 Состав среды
Среда Intel XDK состоит из набора средств разработки (редактор, эмулятор устройств и отладчик), библиотеки пользовательских интерфейсов Javascript, оптимизированной для мобильных приложений, приложения для тестирования на устройствах, прикладных программных интерфейсов для разработчиков игровых приложений с ускоренной визуализацией, системы Intel на базе облака для подготовки версий приложений для большинства Интернет-магазинов и средства переноса приложений iOS* в среду HTML5.
Среда легко устанавливается на операционные системы Linux, Microsoft Windows и Apple и предоставляет спектр функций для взаимодействия с операционной системой устройства: подключение нативных плагинов, работу с контактами телефона, камерой, акселерометром, геолокацией, мультисенсорностью, встроенными видео- и аудиоплеерами и т.д.
Разработка приложений может осуществляться на основе пустых шаблонов и готовых примеров. Встроенное приложение App Designer позволяет легко и быстро создавать и редактировать пользовательский интерфейс (UI) в режиме кода и конструктора ( рис. 18.1).
18.1.3 Эмулятор и запуск на устройстве
Среда разработки Intel XDK содержит собственный эмулятор. Его запуск не требует большого количества ресурсов и выполняется быстро. Кроме того, он имеет возможности моделирования работы акселерометра и прочих датчиков, что также является несомненным достоинством. К сожалению, эмулятор среды Intel XDK не может стать универсальным решением проблемы. Причина в том, что на самом деле это браузер, способный исполнять JavaScript и отображать HTML5 в окошке нужного размера. Конечно, этот эмулятор работает только для приложений, разработанных с помощью Intel XDK.
Эмулятор Intel XDK запускается и работает почти мгновенно. Это легко объяснить тем, что отпадает необходимость эмуляции команд процессора другой архитектуры. По сути приложение работает в браузере ( рис. 18.2). Кроме того, он позволяет эмулировать работу акселерометра и некоторых других функций, что выгодно отличает его от эмулятора Android SDK.
Запустить на устройстве приложение, разработанное с использованием Intel XDK, можно двумя способами:
Представляем Intel XDK – инструмент кросс-платформенной разработки для мобильных устройств
Нашим постоянным читателям, конечно, известно, что Intel предоставляет богатый набор инструментов для разработчиков в области высокопроизводительных вычислений – компиляторы, математические библиотеки и многое другое. В этой статье пойдёт речь о весьма нетипичной для нашего блога теме – инструменте для программирования мобильных приложений на HTML5 Intel XDK.
Представьте себе, что вы решили сделать своё первое приложение для мобильного телефона. Если вы пишете для iPhone, то, вероятно, вы обратитесь к Apple за инструментами разработки с использованием Objective C. Если у вас телефон на базе Android, то вашим первым шагом будет установка Android SDK от Google. Другие целевые платформы используют свои собственные языки программирования и среды разработки. Традиционная разработка для мобильных устройств сильно фрагментирована: разработчикам приходится осваивать различные, зачастую не связанные друг с другом технологии.
Кросс-платформенной альтернативой для создания мобильных приложений является программирование на HTML5 – комбинации HTML (язык разметки), CSS (стили) и JavaScript (скриптовый язык программирования). Широко известно, что HTML5 используется для программирования web страниц. Но пока ещё несколько менее известно, что код на HTML5 можно упаковать в так называемое гибридное приложение, которое с точки зрения пользователя ничем не отличается от приложений, созданных с помощью платформенных языков, таких как Objective C на iOS или Dalvik на Android. Во время исполнения таких приложений обычно используется тот же HTML5 runtime, что и в браузере, только без пользовательского интерфейса браузера.
Использование HTML5, конечно, имеет свои ограничения. Практически любое интересное мобильное приложение работает с сенсорами, камерой и т.п. – т.е. с тем, что мы не привыкли видеть через web страницы. HTML5 – это открытый индустриальный стандарт, поэтому любые дополнения занимают время. Многочисленные API для работы с сенсорами сейчас находятся в разработке и через несколько месяцев или лет станут частью стандарта. После этого не только гибридные HTML5-приложения, но и обычные web-страницы смогут работать с сенсорами, как только производители браузеров реализуют стандарт в своих продуктах. Естественный вопрос, который при этом возникает, реализуют ли и как скоро. Никто не знает наверное, но «новейшая» история браузеров говорит в пользу HTML5. Промедление в поддержке инноваций в этой области чревато потерей части рынка, что наглядно демонстрируется динамикой популярности различных браузеров в последние несколько лет. Другое подтверждение — сайт, который широко используется web-программистами как документация по поддержке определённых аспектов HTML5 различными браузерами. Из представленной на этом сайте информации очень легко видеть, как быстро эволюционирует и добавляется поддержка HTML, CSS и JavaScript API.
Ну хорошо, скажете вы, но пока эти новые возможности не реализованы, я не могу сделать на HTML5 ничего интересного. Это не так. Существуют технологии, позволяющие в удобной форме линковать HTML5 код с платформенно-зависимым кодом. При этом необходимый платформенно-зависимый код для распространённых случаев (включая, в частности, доступ к сенсорам) уже существует и доступен в виде библиотек через JavaScript API. Например, проект Cordova предоставляет open source плагины на все случаи жизни – более 200…
Но вернёмся, наконец, к Intel. Компания работает над многими аспектами HTML5. Наиболее интересными являются HTML5 runtime (об этом как-нибудь в следующий раз) и, конечно, инструмент для разработчиков Intel XDK.
Intel XDK доступен для бесплатного скачивания и использования. Инструмент представляет собой IDE, в котором есть поддержка для всех стадий разработки: редактирование кода, тестирование через эмулятор и на реальном устройстве, отладка, профилирование и, наконец, сборка для последующей публикации в магазине приложений. Вот как, например, выглядит кодовый редактор XDK (построенный на основе open source проекта Brackets):
Эмулятор мобильных устройств – это одна из наиболее популярных возможностей XDK. В эмуляторе программист может «попробовать» своё приложение на виртуальных устройствах с различным размером экрана, а значит, их не обязательно иметь в физическом доступе. Например, на картинке ниже приведён Rolling Can demo, поставляемый с XDK. Эта программа работает с датчиком ускорения мобильного устройства таким образом, что банка на экране «катится» в сторону наклона. Обратите внимание на панель XDK слева, где программист может эмулировать наклон устройства в пространстве. Поддерживаются все распространённые сенсоры – например, на панели справа видно, как можно задавать виртуальное положение устройства для эмулирования GPS.
Ещё одной крайне интересной возможностью XDK является возможность тестирования на физическом устройстве. Если у вас есть мобильное устройство на базе Android, iOS или Windows Phone, то вы легко можете эту возможность попробовать. Начните с одной из demo программ, поставляемых с XDK, переключитесь на вкладку Test и следуйте инструкциям (установите App Preview и т.д.). Например, попробуйте Rolling Can, о котором уже шла речь выше… А потом попробуйте изменить код так, чтобы банка катилась наверх. И всё это прямо на вашем собственном устройстве. Если Вы имеете общие знания программирования, вы будете поражены, как легко это сделать, даже если вы специалист в High Performance Computing и не знаете ничего о программировании мобильных устройств.
Последним шагом в разработке мобильного приложения является сборка для публикации в магазине приложений. На картинке ниже приведён экран XDK, управляющий сборками. При нажатии на одну из опций будет предложено заполнить необходимую информацию (например, developer certificate), после чего приложение будет построено облачным сервисом XDK. Это очень удобно при кросс-платформенной разработке, поскольку программисту не надо устанавливать дополнительное ПО для сборки (XCODE для iOS, Android SDK и т.д.). Вместо этого код отправляется на сервер Intel, где необходимое ПО предустановлено, там осуществляется сборка, и Вы получаете назад собранное приложение (например, для Android – apk-файл). На картинке видно, как много целевых платформ поддерживается XDK уже сегодня.
В этой статье мы рассказали только об очень базовых возможностях XDK. Масса других пока осталась за кадром: UI builder, static checker, работа с контролем версий кода, удалённая отладка на мобильных устройствах, профилирование, интеграция с online сервисами… Мы планируем дополнительные статьи об XDK в нашем блоге. Stay tuned!
Новое поколение инструментальных средств разработки мобильных HTML5-приложений. Intel XDK
Скриншоты приложений взяты из магазина приложений Google Play или сделаны самостоятельно, в том числе с использованием смартфона Мегафон SP-A20i Mint на платформе Intel Medfield.
Презентацию к данной лекции можно скачать здесь.
18.1 Обзор среды Intel® XDK
18.1.1 Обзор возможностей Intel XDK
Основные возможности и достоинства новой версии:
К сожалению, Intel XDK имеет и ряд недостатков:
18.1.2 Состав среды
Среда Intel XDK состоит из набора средств разработки (редактор, эмулятор устройств и отладчик), библиотеки пользовательских интерфейсов Javascript, оптимизированной для мобильных приложений, приложения для тестирования на устройствах, прикладных программных интерфейсов для разработчиков игровых приложений с ускоренной визуализацией, системы Intel на базе облака для подготовки версий приложений для большинства Интернет-магазинов и средства переноса приложений iOS* в среду HTML5.
Среда легко устанавливается на операционные системы Linux, Microsoft Windows и Apple и предоставляет спектр функций для взаимодействия с операционной системой устройства: подключение нативных плагинов, работу с контактами телефона, камерой, акселерометром, геолокацией, мультисенсорностью, встроенными видео- и аудиоплеерами и т.д.
Разработка приложений может осуществляться на основе пустых шаблонов и готовых примеров. Встроенное приложение App Designer позволяет легко и быстро создавать и редактировать пользовательский интерфейс (UI) в режиме кода и конструктора ( рис. 18.1).
18.1.3 Эмулятор и запуск на устройстве
Среда разработки Intel XDK содержит собственный эмулятор. Его запуск не требует большого количества ресурсов и выполняется быстро. Кроме того, он имеет возможности моделирования работы акселерометра и прочих датчиков, что также является несомненным достоинством. К сожалению, эмулятор среды Intel XDK не может стать универсальным решением проблемы. Причина в том, что на самом деле это браузер, способный исполнять JavaScript и отображать HTML5 в окошке нужного размера. Конечно, этот эмулятор работает только для приложений, разработанных с помощью Intel XDK.
Эмулятор Intel XDK запускается и работает почти мгновенно. Это легко объяснить тем, что отпадает необходимость эмуляции команд процессора другой архитектуры. По сути приложение работает в браузере ( рис. 18.2). Кроме того, он позволяет эмулировать работу акселерометра и некоторых других функций, что выгодно отличает его от эмулятора Android SDK.
Запустить на устройстве приложение, разработанное с использованием Intel XDK, можно двумя способами: