Творческое задание на тему «Разработка интерактивных мобильных приложений»

Задание:
1. Создайте мобильное приложение «Часы» по инструкции из лекции «Создание первого мобильного приложения». Посмотрите его поведение на компьютере и мобильном устройстве. Измените внешний вид приложения (шрифт, заливку фона, цвет цифр и т.д.).
2. Создайте мобильное приложение из шаблона Blank, которое содержит:
 Пять-шесть абзацев читаемого текста произвольной тематики. Каждый абзац поместите в тег <p></p> (тег <br> использовать не рекомендуется, т.к. с ним сложно взаимодействовать из кода). Абзацы объедините в несколько групп при помощи тега <div></div> (понадобится позднее).
 Три заголовка двух разных уровней (теги <h1></h1>, <h2></h2> и т.д.).
 Три кнопки разных типов (обычные, с картинкой, радио и др.). Для простых кнопок можно использовать тег <button></button>, для других <input>, указывая атрибут type.
 Три различных поля для ввода (например, текст, дата, цвет, многострочное поле для ввода и др.). Использовать тег <input>.
 Картинку. Использовать тег <img>. Рисунки располагать или в папке с проектом, или создать в ней дополнительную папку Images.
 Гиперссылку.
3. Настройте внешний вид приложения из п.2. Откройте в папке www/css файл style.css. В этом файле:
 Задайте цвет фона документа (атрибут background-color).
 Измените вид всех однотипных элементов, например, заголовков.
 Используя атрибут class, измените настройки шрифта и цвета у разных групп абзацев, заключенных в тег <div></div>. Необходимо создать минимум два класса
 Используя атрибут class, измените вид всех кнопок так, чтобы их было удобно нажимать с экрана мобильного устройства (измените их высоту и ширину).
 Используя атрибут id, измените внешний вид минимум трех отдельных элементов страницы.
4. Добавьте в приложение еще несколько картинок и примените к ним различные операции трансформации (смещение, растягивание, сжатие, поворот).
5. Добавьте в приложение кнопку для изменения цвета, при нажатии на которую будет производиться заливка фона выбранным цветом.
6. Разработайте приложение «Калькулятор», выполняющее функции калькулятора. Приложение должно удовлетворять следующим требованиям:
 Ввод данных и вывод результата выполняются в единственном поле.
 После ввода математической формулы пользователь нажимает кнопку «=», что вызывает выполнение вычислений. Здесь можно использовать команду eval(справка по работе с командой https://learn.javascript.ru/eval).
 Для каждого нового действия есть своя кнопка и функция, которая будет с ней работать.
 Все функции находятся в одном файле программного кода.
 Приложение имеет удобный пользовательский интерфейс (кнопки выровнены относительно друг друга, использована не раздражающая цветовая схема).
7. Разработайте приложение «Уровень» для определения угла наклона поверхности, на которой лежит мобильное устройство. Требования к приложению:
 Шарик меняет цвет при достижении горизонтального положения, при потере горизонтального положения восстанавливается исходный цвет.
 При достижении горизонтального положения постоянно звучит аудио-сигнал. Как только устройство теряет горизонтальное положение, звуковой сигнал прекращается.
Примечание. Поскольку на практике близких к нулю значений достичь практически невозможно, можно считать поверхность горизонтальной, если отклонение координат от нуля не превышает заданной величины (0.2-0.5 градуса). В качестве аудио рекомендуется использовать небольшие файлы.
Альтернативный вариант задания 7 (выполняется вместо приложения «Уровень»).
Разработайте приложение «Сканер штрих-кодов». Требования к приложению:
 Приложение может сканировать штрих-коды и куар-коды и отображать закодированный в этих кодах текст.
 Если текст является гиперссылкой, спрашивать пользователя о возможности перехода по этой ссылке и при положительном ответе (например, нажатии соответствующей кнопки) открывать ее в браузере.
8. Выполните сборку и установку на устройство одного из ранее разработанных приложений. Требования к приложению:
 Весь функционал работает.
 Задано отображаемое имя.
 Создана и установлена своя иконка.
 Добавлена своя заставка продолжительностью от двух до пяти секунд.