Лекция 2.4 Использование возможностей смартфона. Датчики

Использование возможностей
смартфона. Датчики. Работа с камерой
Е К АТЕРИН А А Л Е КСА НДРО ВН А Л АТ У Х И Н А ,
С ТА РШ ИЙ П РЕ П ОДАВАТЕЛЬ К АФЕД РЫ П РО Г РА ММ И РОВАН И Я И
В ЫС О КОПРО ИЗВ ОДИТЕЛЬНЫХ В ЫЧ ИСЛЕНИЙ ИМ ИКТ САФУ
Содержание
• Возможности смартфона
• Датчики
• Работа с камерой
27.08.2014
Использование возможностей смартфона. Датчики. Работа с камерой
2
Возможности смартфона
27.08.2014
Использование возможностей смартфона. Датчики. Работа с камерой
3
Смартфон – это …
Телефон
• Можно звонить и отправлять
сообщения
• Небольшой размер
?
Компьютер
• Есть операционная система
• Можно создавать и запускать
приложения
СМАРТФОН ПОЗВОЛЯЕТ ИСПОЛЬЗОВАТЬ СВОИ
ВОЗМОЖНОСТИ В ПРИЛОЖЕНИЯХ!
27.08.2014
Использование возможностей смартфона. Датчики. Работа с камерой
4
Возможности смартфона
• Сенсорный экран
• Наличие камеры
• Наличие различных датчиков
27.08.2014
Использование возможностей смартфона. Датчики. Работа с камерой
5
Датчики
27.08.2014
Использование возможностей смартфона. Датчики. Работа с камерой
6
Датчики
• Гироскоп
• Акселерометр
• Датчик освещенности
• Датчик приближения
• Барометр
• Датчик температуры / влажности
• Геомагнитный датчик
27.08.2014
Использование возможностей смартфона. Датчики. Работа с камерой
7
АКСЕЛЕРОМЕТР
• Измеритель ускорения
• Фиксирует положение
устройства в воздухе
• Управление движением
в играх, счетчик числа шагов,
поворот изображения
поворотом телефона
27.08.2014
ГИРОСКОП
• Фиксирует изменение углов
сразу по всем осям
• Намного точнее
акселерометра
• Используется
для соответствия
изображения реальному
миру
Использование возможностей смартфона. Датчики. Работа с камерой
8
ДАТЧИК ОСВЕЩЕННОСТИ
• Изменение уровня подсветки
в зависимости
от освещенности
окружающей среды
• Обеспечение комфорта
• Экономия заряда батареи
27.08.2014
ДАТЧИК ПРИБЛИЖЕНИЯ
• Позволяет блокировать
сенсорный экран во время
разговора
• Обеспечение комфорта
• Сбережение средств
пользователя
Использование возможностей смартфона. Датчики. Работа с камерой
9
Датчики измерения условий окружающей среды
• Позволяют измерять атмосферное давление, температуру,
влажность
• Барометр – для определения движения человека вверх и вниз,
более точная навигация
• Датчики температуры и влажности позволяют уточнять данные
барометра
27.08.2014
Использование возможностей смартфона. Датчики. Работа с камерой
10
Геомагнитный датчик
• Для определения местоположения
пользователя
• Используется в картографических
и навигационных приложениях
• Дополненная реальность
27.08.2014
Использование возможностей смартфона. Датчики. Работа с камерой
11
Еще датчики
• Безопасность
• Сканер отпечатков пальцев
• 3D-сенсор
• Измерение температуры тела пользователя
• Другие медицинские датчики
• Датчики запаха
27.08.2014
Использование возможностей смартфона. Датчики. Работа с камерой
12
Разработка приложения
«Неваляшка»
27.08.2014
Использование возможностей смартфона. Датчики. Работа с камерой
13
Создайте приложение из шаблона Orientation Sample
27.08.2014
Использование возможностей смартфона. Датчики. Работа с камерой
14
Посмотрите его работу в эмуляторе
27.08.2014
Использование возможностей смартфона. Датчики. Работа с камерой
15
Изображения
• В зависимости
от положения
устройства
в пространстве
отображается один
из этих рисунков
27.08.2014
Использование возможностей смартфона. Датчики. Работа с камерой
16
Файл main.js
function onDeviceReady()
{
//lock orientation
intel.xdk.device.setRotateOrientation("any");
intel.xdk.device.setAutoRotate(true);
//manage power
intel.xdk.device.managePower(true,false);
//hide splash screen
intel.xdk.device.hideSplashScreen();
}
document.addEventListener("intel.xdk.device.ready",onDeviceReady,false);
document.addEventListener("intel.xdk.device.orientation.change",orientationchange,false);
27.08.2014
Использование возможностей смартфона. Датчики. Работа с камерой
17
Файл main.js
function orientationchange(value)
{
//Portrait orientation
if(value.orientation === 0 || value.orientation == 180)
{
document.getElementById("imagesid").className="portrait";
document.getElementById("imagesid").src="./images/Icon-Phone-V.png";
document.getElementById("headlineid").className="headline";
document.getElementById("bottomid").className="bottom";
document.getElementById("endingid").className="ending";
}
//Landscape orientation
else
{
document.getElementById("imagesid").src="./images/Icon-Phone-H.png";
document.getElementById("imagesid").className="imglandscape";
document.getElementById("headlineid").className="headline headlinelandscape";
document.getElementById("bottomid").className="bottom bottomlandscape";
document.getElementById("endingid").className="ending endinglandscape";
}
}
27.08.2014
Использование возможностей смартфона. Датчики. Работа с камерой
18
Самостоятельно
• На основе имеющегося шаблона
создайте приложение, меняющее свою
компоновку в зависимости от того, как
повернуто устройство
• Например, приложение Неваляшка  при наклоне устройства изображение
стремится вернуться в вертикальное
положение и «падает» только при
горизонтальном расположении
27.08.2014
Использование возможностей смартфона. Датчики. Работа с камерой
19
Работа с камерой
27.08.2014
Использование возможностей смартфона. Датчики. Работа с камерой
20
Особенности работы с камерой
• Встроенный эмулятор способен моделировать процесс
фотографирования, но для полноценной проверки приложения
обязательно использовать реальное устройство
• Приложение связывает программу с встроенным приложением
для работы с камерой при помощи
document.addEventListener("intel.xdk.camera.picture.add",ФункцияОбработки);
• Функция обработки получает путь к снимку
var imagesrc = intel.xdk.camera.getPictureURL(event.filename);
27.08.2014
Использование возможностей смартфона. Датчики. Работа с камерой
21
Используем демонстрационный проект «Camera»
27.08.2014
Использование возможностей смартфона. Датчики. Работа с камерой
22
Приложение из примера
27.08.2014
Использование возможностей смартфона. Датчики. Работа с камерой
23
Самостоятельно создайте свое приложение
для работы с фотографиями
• Позволяет получать доступ к камере устройства
• Сделанные снимки можно просматривать из приложения и
сохранять на карту памяти
• Можно добавить дополнительный функционал
27.08.2014
Использование возможностей смартфона. Датчики. Работа с камерой
24