Задача – создать прототип web-приложения на основе картинки из прикрепленного файла.
Нас интересует реализация всего этого на Java Script, т.к. сами немного в нем разбираемся и нам будет проще что-то доробатывать в дальнейшем.
Расположение управляющих элементов по картинке из приложения выглядит следующим образом (три условных блока):
1. левая часть рисунка – кнопки(компьютер, экран, телевизор и т.п) и желтый бегунок, перемещающийся на выбранный объект(плавной анимацией).
Кнопки должны рисоваться программно – т.е. пользователь выбирает "спальня" или "комната" и у него отображаются пульты конкретного помещения. Расположение и набор кнопок для пультов подгружается из xml-файла. Меню, где перечислены
помещения "спальня", "комната" тоже грузятся из xml. Функция обработки xml у нас уже реализована и ее делать не нужно.
Необходимо просто прописать функцию, которая бы по запросу пользователя рисовала бы нужного вида кнопки в определенных местах пульта.
2. центральная часть – картинка из браузера, которая вызывается нажатием на кнопки камера 1, камера 2. Область и положение
для окна браузера фиксированные. По поводу "картинки из браузера" нам нужно вытащить как-то видеопоток от ip-
видеокамеры и отображать его на флеш-ролике. К этим камерам обычно есть доступ через web-странички.
Например,
...
3. правая часть – управляющая. На ней отображается управляющий пульт, который меняется, пролистыванием вверх и вниз (как в айфоне и коммуникаторах). Пролистывание выглядит вот так:
... смотрите на моменте 1:20. Нам надо, чтобы в правой колонке таким же образом перелистывались пульты, но только в вертикальном направлении. Там разный набор кнопок (разные пульты).
Нам нужно чтобы по этой картинке (нарисована в Photoshop, слои) кнопки были нарисованы средствами flash (векторно), чтобы окно масштабировалось в зависимости от разрешения экрана. Масштабироваться должно все окно и расположенные на нем
элементы управления. Т.е., в идеале, это пульт на весь экран для любого разрешения. Кнопки должны анимироваться, т.е при наведении подсвечивались, а при нажатии меняли цвет (пока неважно на какой). Кнопки должны рисоваться программно (из
кода), так как в дальнейшем мы будем их прорисовывать, по запросу пользователя.
Есть желание, чтобы это все могло работать и на мобильных устройствах (КПК, телефоны с тачскрином).
Сколько будет длится реализация проекта и какова стоимость?