ВЕБ МОРДА

[St@rz]

Сообщение от Admin

Хотелось бы так что бы модули не переделывать

Модули придется так же дописывать, но позже. Предлагаю потом внести изменения с помощью новой прошивки с новым репозитарием.

Теперь о самом меню.
Файл index.html со стандартным содержанием.
В файле index.cgi сделать только отображение файла menu.html.
Внешний вид кнопки берут из модуля.
Сделать три размера кнопок.



Для маленькой кнопки сделать только отображение иконки.
Для средней - иконка и надпись.
Для модулей из которых выводится на кнопку отображение краткой информации назначить большой модуль.

Кнопки должны иметь динамический вид. Либо менять рисунок, либо еще что.

Кнопки поместить в <ul data-role="listview" data-type="group"><li> или другую подобную что бы кнопки заполняли экран по ширине и следующие кнопки опускались во второй ряд. При необходимости их можно было пролистать вниз.

Может получится так что маленькая кнопка идет одна перед большой и оставляет пустое место рядом. Для исправления этого используем jQuery.ui.sortable с сохранением очерёдности кнопок в menu.html.

На страницах модулей вместо отображения меню сделать одну кнопку возврата в главное меню.

Может еще что то упустил. Дополните меня, пожалуйста.

P.S.
Пару ссылок для внешнего оформления в стиле Metro.
Все, что нужно для создания веб-сайтов в стиле интерфейса Metro в Windows 8
Источники для оформления сайта в стиле Modern UI (Metro UI)

[NEXT]

Сообщение от St@rz

Может, еще что то, упустил. Дополните меня, пожалуйста.

В целом: "правильной дорогой идете товарищ"
По мере возможности буду помогать в развитие данного интерфейса, так как взял его за основу полу-умной дачи.
Три вида кнопок это правильно: кнопка, половина кнопки, и две кнопки вместе - их может быть неограниченное число добавляемые по мере необходимости. Все они несут в основном информативный характер (погоду, видео с камер наблюдения, состояние обьектов), и переключаются на модуль управления.
Модули управления - пока смотрю в сторону AJAX.
Голосовое общение - жду Cortana