veged / homework_mob

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

ДЗ №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"

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

Скриншоты

• https://github.com/semenovem/homework_mob/blob/master/screenshot/1.PNG (начало)
• https://github.com/semenovem/homework_mob/blob/master/screenshot/2.PNG (показали меню)
• https://github.com/semenovem/homework_mob/blob/master/screenshot/3.PNG (двигаем меню пальцем)

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

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