Форум обсуждения систем  

Вернуться   Форум обсуждения систем "Умный дом", проектов Ардуино, OpenWRT и других DIY устройств > Форум умного дома > Сделай сам > CyberWrt

Ответ
 
Опции темы Поиск в этой теме Опции просмотра
Старый 23.02.2014, 20:35   #21
Bulatovor
Senior Member
 
Регистрация: 20.01.2013
Адрес: Уфа
Сообщений: 444
Вес репутации: 799
Bulatovor has a reputation beyond reputeBulatovor has a reputation beyond reputeBulatovor has a reputation beyond reputeBulatovor has a reputation beyond reputeBulatovor has a reputation beyond reputeBulatovor has a reputation beyond reputeBulatovor has a reputation beyond reputeBulatovor has a reputation beyond reputeBulatovor has a reputation beyond reputeBulatovor has a reputation beyond reputeBulatovor has a reputation beyond repute
По умолчанию Re: ВЕБ МОРДА

А если о концепции - я пришел к выводу -чтоб не портировать систему ко всем возможным устройствам с различными системами - система управления должна быть на веб сервере и управляться по web. А так же чтоб не иметь геммороя с недостаточность производительностью системы и разного рода связанных с этим извращениями - отдельным комп типа нетбука средней производительности( потратить 7-8 тысяч и больше не морочится как ускорить малину или роутер- других задач хватает) в роли сервера. В той же Mogordomo вы можете переписывать все страницы обычным HTML на свой вкус и менять их на свои. Про велосипед это в том смысле что лучше идти с кем -то, а не быть первопроходцем. Если не нравится Mogordomo то ставить её не обязательно, а вот сайт изучить обязательно - там уже много готовых решений.
Bulatovor вне форума   Ответить с цитированием
Старый 23.02.2014, 21:07   #22
St@rz
Senior Member
 
Регистрация: 30.05.2011
Возраст: 49
Сообщений: 291
Вес репутации: 0
St@rz is on a distinguished road
По умолчанию Re: ВЕБ МОРДА

Так по ссылке выше и сделано все на html.
St@rz вне форума   Ответить с цитированием
Старый 23.02.2014, 21:42   #23
St@rz
Senior Member
 
Регистрация: 30.05.2011
Возраст: 49
Сообщений: 291
Вес репутации: 0
St@rz is on a distinguished road
По умолчанию Re: ВЕБ МОРДА

Скачайте и посмотрите примеры.
Открыть файл kendoui.complete.2013.3.1324.trial\examp les\mobile\index.html
Вот в этом стиле я и предлагаю переделать веб-интерфейс.
Кстати, Adaptive Widgets - Scheduler еще понравился как календарь. Это точно стоит использовать.

Последний раз редактировалось St@rz; 23.02.2014 в 21:49.
St@rz вне форума   Ответить с цитированием
Старый 24.02.2014, 18:59   #24
St@rz
Senior Member
 
Регистрация: 30.05.2011
Возраст: 49
Сообщений: 291
Вес репутации: 0
St@rz is on a distinguished road
По умолчанию Re: ВЕБ МОРДА

Сделал прототип того как хотел бы изменить интерфейс.

Название: 1.JPG
Просмотров: 588

Размер: 8.1 Кб Название: 2.JPG
Просмотров: 595

Размер: 16.1 Кб

Вместо надписи Index будут так же часы с кнопкой перезагрузки.
Кнопки Модули, О_системе, HID_Выключатель и другие переносятся в скрытую группу кнопок (Группа MAILBOX на картинке) которая открывается при нажатии на кнопку в верхнем левом углу или при сдвиге экрана вправо.

Что бы посмотреть как все работает нужно положить папку cyberwrt из архива в папку www и зайти по адресу IP-роутера/cyberwrt/index.html.

Нажмите на изображение для увеличения
Название: 3.JPG
Просмотров: 369
Размер:	46.1 Кб
ID:	1557

Стиль изображения подстраивается под устройство. Например, через google chrome интерфейс как на рисунке. На Android интерфейс черный. На iOS не проверял.
На компьютере по своему (можно, кстати, просто файл index.html из распакованного архива запустить на компьютере что бы посмотреть о чем говорю). Размер окна браузера можно уменьшить до размера мобильного телефона что бы было видно как будет отображаться на нем.

В связи со всем выше написанным вопрос. Как надпись Index заменить на часы с кнопкой "Перезагрузить или восстановить"?
Код HTML:
<a data-align="right" data-role="button" class="nav-button" href="#index">Index</a>
Что то запутался в скриптах.

Последний раз редактировалось St@rz; 24.02.2014 в 21:37.
St@rz вне форума   Ответить с цитированием
Старый 24.02.2014, 19:49   #25
NEXT
Member
 
Регистрация: 23.11.2012
Сообщений: 47
Вес репутации: 184
NEXT has much to be proud ofNEXT has much to be proud ofNEXT has much to be proud ofNEXT has much to be proud ofNEXT has much to be proud ofNEXT has much to be proud ofNEXT has much to be proud ofNEXT has much to be proud ofNEXT has much to be proud of
По умолчанию Re: ВЕБ МОРДА

Цитата:
Сообщение от St@rz Посмотреть сообщение
Сделал прототип того как хотел бы изменить интерфейс.
И правда Веб-морда
Почему именно так, а не иначе? Конструктор Кендо неплохой , можно что-то использовать, но почему например не взять за основу типа окон виндоуса. Тоже простой HTML.
Вместо "прямоугольничков " - виджеты с информацией, ну а внутри регулировки, настройки и прочие нужности от кендо и не только, вот часики HTC с температурой, готовый виджет- перенастроить на локальный сервер, итд.
Почему интерфейс умного дома , теплицы - должен выглядить как для гиков, лишь - бы нажималось и регулировалось. Тогда за основу можно взять ТоталКоммандер или из коммандной строки.
NEXT вне форума   Ответить с цитированием
Старый 24.02.2014, 20:27   #26
St@rz
Senior Member
 
Регистрация: 30.05.2011
Возраст: 49
Сообщений: 291
Вес репутации: 0
St@rz is on a distinguished road
По умолчанию Re: ВЕБ МОРДА

Цитата:
Сообщение от NEXT Посмотреть сообщение
И правда Веб-морда
Почему именно так, а не иначе? ... Почему интерфейс умного дома , теплицы - должен выглядить как для гиков, лишь - бы нажималось и регулировалось...
Вот этот вопрос я и поднимаю. Хотелось бы красивый и удобный интерфейс.
Большое спасибо за ссылку на интерфейс Windows-8. Он больше подходит и для маленького и для большого экрана одновременно. Это я выше предлагал.
Жаль, предложенный шаблон требует доработки. На Андроиде не работает, кнопки автоматически размер не изменяют.
Но идея очень хорошая. Кнопки в интерфейс добавляются из шаблонов. Осталось к ним добавить внешний вид и сделать на них краткое отображение информации из модуля. Кнопки должны по размеру автоматически заполнять пустое пространство. На открывшейся странице вверху три кнопки. Первая - возвращение назад или закрытие окна, вторая - название страницы, третья - часы с кнопкой перезагрузки.
Может еще кто то выскажется?

Последний раз редактировалось St@rz; 24.02.2014 в 21:42.
St@rz вне форума   Ответить с цитированием
Старый 25.02.2014, 16:11   #27
Admin
Administrator
 
Аватар для Admin
 
Регистрация: 12.04.2010
Адрес: Москва
Сообщений: 9,616
Вес репутации: 9820
Admin has a brilliant futureAdmin has a brilliant futureAdmin has a brilliant futureAdmin has a brilliant futureAdmin has a brilliant futureAdmin has a brilliant futureAdmin has a brilliant futureAdmin has a brilliant futureAdmin has a brilliant futureAdmin has a brilliant futureAdmin has a brilliant future
По умолчанию Re: ВЕБ МОРДА

Цитата:
Сделал прототип того как хотел бы изменить интерфейс.
Попробовал в Опере 12.16, при нажатии кнопки домой не возвращается в главное меню
Admin вне форума   Ответить с цитированием
Старый 25.02.2014, 19:58   #28
St@rz
Senior Member
 
Регистрация: 30.05.2011
Возраст: 49
Сообщений: 291
Вес репутации: 0
St@rz is on a distinguished road
По умолчанию Re: ВЕБ МОРДА

Можно перетащить влево было. Такое заметил на странице inbox.

Но все же с интерфейсом Metro интересней бы получилось.
Завтра опишу всю логику работы кнопок и меню какую придумал. С описанием работы скриптов и разделов файлов. От существующей структуры веб-интерфейса CyberWrt не отличается. Нужно только кое что переписать. В результате получим адаптивное к разным разрешениям меню в стиле Metro.
St@rz вне форума   Ответить с цитированием
Старый 25.02.2014, 20:13   #29
Admin
Administrator
 
Аватар для Admin
 
Регистрация: 12.04.2010
Адрес: Москва
Сообщений: 9,616
Вес репутации: 9820
Admin has a brilliant futureAdmin has a brilliant futureAdmin has a brilliant futureAdmin has a brilliant futureAdmin has a brilliant futureAdmin has a brilliant futureAdmin has a brilliant futureAdmin has a brilliant futureAdmin has a brilliant futureAdmin has a brilliant futureAdmin has a brilliant future
По умолчанию Re: ВЕБ МОРДА

Хотелось бы так что бы модули не переделывать
Admin вне форума   Ответить с цитированием
Старый 26.02.2014, 10:10   #30
St@rz
Senior Member
 
Регистрация: 30.05.2011
Возраст: 49
Сообщений: 291
Вес репутации: 0
St@rz is on a distinguished road
По умолчанию Re: ВЕБ МОРДА

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

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

Нажмите на изображение для увеличения
Название: 1.JPG
Просмотров: 412
Размер:	14.3 Кб
ID:	1560

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

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

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

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

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

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

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

Последний раз редактировалось St@rz; 26.02.2014 в 18:12.
St@rz вне форума   Ответить с цитированием
Ответ


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 
Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Текущее время: 00:07. Часовой пояс GMT +3.


Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. Перевод: zCarot
Яндекс.Метрика