/homework_mob

ДЗ №4: приложение с использованием PhoneGap

Primary LanguageJavaScriptApache License 2.0Apache-2.0

ДЗ №4: приложение с использованием PhoneGap

выбор framework на чем написать

нужен был вариант с готовыми компонентами, выбирал из:

  • sencha (год работаю с ней)
  • bem
  • framework7

bootstrap, jquerymobile применять не стал - это вроде и не фреймворки, а библиотеки - если я верно понимаю разницу

выбрал bem, за основу взял "быстрый старт"

удалось написать что то напоминющее окно программы "телепрограммы", с боковым слайдером-меню

подключил плагин pep.js для событий pointerevents, сделал возможность скрыть меню свайпом влево

phonegap

поставил через npm, работал через командную строку.

создание приложение (первые разы --template blank не указывал и по умолчанию применялся шаблон hello world)

phonegap create --name "homework-mob" --id "homework.mob" --template blank homework-mob

после сборки проложения под ios

phonegap build ios

выявилась проблема - не видно statusBar (заряд батареи, сеть и т.д.) проверил все настройки в config.xml - не помогло, создал заново проект phonegap hello world. Не помогло - пустой проект, собранный под ios также скрывал statusBar

причина - не работал плагин statusBar, при создании нового проекта phonegap. По умолчанию при создании нового проекта использовался шаблон "hello world"

Решило проблему создание с пустым шаблоном

Скриншоты

Из плагинов использовал: vibration - для вибрации device-motion - перемещение девайса device-orintation - положение девайса в пространстве "использовал" - получил данные / эффект

идей их применения много, но применение в телепрограмме им не нашлось, а вибрация при нажатии на экран - оказалась не очень хорошей идеей - слишком длинный минимальный "вибр" - ощущение, что пришла смс - и так от кадого касания экрана