PDA

Bekijk de volledige versie : Новый веб-интерфейс прошивки от энтузиастов



Pages : 1 [2] 3

danmer
07-12-2010, 23:12
Ну вот, часик посидел, начало есть. Немного разобрался.

Спасибо Omega, куда то его супер пост удалили.
Конечно нужно дальше делать, но "болванка" готова, в стиле windows mobile 7 :D


http://hotimg23.fotki.com/a/217_78/187_91/Untitled-1.jpg

прилагаю архив папки www
7403
из какой то прошивки старенькой моей


Внимание вопрос:

Почему то при логине в новый интерфейс выбрасывает 404 страницу в мэйнфрейме, но интерфейс полностью рабочий...
Почему такое может быть и куда копать?
И кстати, не понимаю откуда берется цвет бэкграунда 404 страницы, цвета какашки гуманоида с сильным расстройством желудка? Где он сидит? Вот этот цвет #cc9999



З.Ы. Это не совсем тот прекрасный путь, который избрал capau, но как временный вариант для меня сойдет.
Будет время допилю. )))

Vampik
08-12-2010, 00:07
цвет бэкграунда 404 страницы,
жестко закодирован в сервере:


static void
send_error( int status, char* title, char* extra_header, char* text )
{
send_headers( status, title, extra_header, "text/html" );
(void) fprintf( conn_fp, "<HTML><HEAD><TITLE>%d %s</TITLE></HEAD>\n<BODY BGCOLOR=\"#cc9999\"><H4>%d %s</H4>\n", status, title, status, title );
(void) fprintf( conn_fp, "%s\n", text );
(void) fprintf( conn_fp, "</BODY></HTML>\n" );
(void) fflush( conn_fp );
}

P.S. Какое он имеет значение, если при нормальных условиях вы его не должны видеть?;)

capau
08-12-2010, 05:55
минимум графики, практически всё можно реализовать через css
http://8roman.com/files/3.jpg

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

с разделом Status & Log что будем делать

Iguana
08-12-2010, 06:43
минимум графики, практически всё можно реализовать через css

Предлагаю самы верхний блок, где логотип Asus, сделать, по высоте, чуть больше, чем логотип Asus :rolleyes:
А в остальном, мне лично, понравилось!

rss
08-12-2010, 07:06
минимум графики, практически всё можно реализовать через css

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

с разделом Status & Log что будем делать


Зачем нам логотип Asus? Высоту верхнего блока можно уменьшить.
Я не дизайнер. Могу лишь сказать что удобно конкретно мне. Говоря откровенно, интерфейс в форме ленты удобным не считаю. Мне удобнее боковое меню (но с другой стороны, может быть просто дело привычки). Альтернативы размещения управляющих элементов см. http://pupunzi.com/#mb.components/components.html
Status & Log либо без изменений, либо серьезная реорганизация...
Не стоит переносить один в один все настройки, которые имеются сейчас. Логика присутствует не везде. Здесь же можно подумать и о том, что делать с Status & Log.
WAN-интерфейсов у нас как минимум 3. (А то и больше, если отдельно считать VLAN). Поэтому объединять их с LAN не стоит.

danmer
08-12-2010, 07:53
минимум графики, практически всё можно

вполне.

1. кнопку logout (выход) только стоит перенести в правый край- привычнее гораздо, для пользователей windows.
2. имхо статус и лог кнопка должна быть на поверхности, типа save, reboot
3. можно у синих title скруглить уголки на пиксел- посовременнее будет смотреться :)
4. шрифт help сделать либо поменьше, либо серым, либо курсивом- менее заметным, ибо он второстепенен.

1 и 4 важно,
2 и 3 имхо.


З.Ы. а файл httpd.c можно просто перезаписать? и нахрена там защит bgcolor? что за люди пишут интерфейсы :eek: ?

как его переопределить?
И чего интересно не хватает в переписанном интерфейсе, что вылезает 404 :confused:

theMIROn
08-12-2010, 08:05
Зачем нам логотип Asus? Высоту верхнего блока можно уменьшить.
Затем что это роутеры Asus, блок нормальный, с версией логотипом и все такое

http://8roman.com/files/12.jpg

rss
08-12-2010, 08:10
И чего интересно не хватает в переписанном интерфейсе, что вылезает 404 :confused:
Надо подключить Firebug и посмотреть, какие запросы посылает браузер. Далее сравнить рабочий и не рабочий варианты.


Затем что это роутеры Asus, блок нормальный, с версией логотипом и все такое
Номинально это называется использование чужой торговой марки. Если Асус к этому нормально относится, то никих возражений. Иначе - повод в любой момент пнуть....

Vampik
08-12-2010, 09:08
логотип Asus

А лучше логотип не Асус, а что-нибудь связанное с Олегом, помнится пробегали давно какие-то варианты ;)

http://wl500g.info/attachment.php?attachmentid=9473&d=1363633246

http://wl500g.info/showthread.php?22189-%CD%EE%E2%FB%E9-%EB%EE%E3%EE%F2%E8%EF-%E2-%E2%E5%E1-%E8%ED%F2%E5%F0%F4%E5%E9%F1%E5-%E4%EB%FF-%EF%F0%EE%F8%E8%E2%EA%E8-%EE%F2-%FD%ED%F2%F3%E7%E8%E0%F1%F2%EE%E2&p=172524#post172524

theMIROn
08-12-2010, 09:09
Номинально это называется использование чужой торговой марки. Если Асус к этому нормально относится, то никих возражений. Иначе - повод в любой момент пнуть....
С чего бы? Кто производитель железки то?

rss
08-12-2010, 09:41
С чего бы? Кто производитель железки то?

Реально то работает не только на Asus. К тому же функциональность может пойти вразрез с политикой асуса. Впрочем тут вопрос целей развития....

theMIROn
08-12-2010, 09:50
Реально то работает не только на Asus. К тому же функциональность может пойти вразрез с политикой асуса. Впрочем тут вопрос целей развития....

Цель развития - для end users of asus routers, а то что где то реально работает - зависит не от нас и выходит за интересные мне пределы энтузиазма :)



А лучше логотип не Асус, а что-нибудь связанное с Олегом, помнится пробегали давно какие-то варианты ;)
Вставить свои логотипы никто никому не запретит =)
Тема с вариантами загнулась как то...

capau
08-12-2010, 14:17
Зачем нам логотип Asus? Высоту верхнего блока можно уменьшить.
Я не дизайнер. Могу лишь сказать что удобно конкретно мне. Говоря откровенно, интерфейс в форме ленты удобным не считаю. Мне удобнее боковое меню (но с другой стороны, может быть просто дело привычки). Альтернативы размещения управляющих элементов см. http://pupunzi.com/#mb.components/components.html
Status & Log либо без изменений, либо серьезная реорганизация...
Не стоит переносить один в один все настройки, которые имеются сейчас. Логика присутствует не везде. Здесь же можно подумать и о том, что делать с Status & Log.
WAN-интерфейсов у нас как минимум 3. (А то и больше, если отдельно считать VLAN). Поэтому объединять их с LAN не стоит.


по порядку
если все настройки свернуть то получится как раз нечто напоминающее боковое меню, вариант в первой блок схеме из той серии и он был усовершенствован.
по поводу альтернативного размещения: мне кажется не стоит прятать от пользователя все настройки во втором/третьем/пятом уровне основного меню, думаю неопытным маглам важно будет видеть всё и сразу, а не рыскать по меню.
за реорганизацию раздела статусов и логов мож проголосуем?)) мне нужен список/структура раздела и не больше, а реорганизован он будет или нет, для верстки это совершенно не важно
конкретные настройки в макете взяты с последней прошивки, но это не означает что именно их я буду верстать - это пример! в одном из первых постов в эту ветку я уже писал что нужна четкая структура разделов для проектирования интерфейса. и даже вид в котором это всё нужно приведил.
я под макетом задал вопрос о принципе работы интерфейса, все настройки прописываются в скриптах, я лишь прописываю стили отображения тех или иных полей а какие поля будут выводиться в данном конкретном месте дело скрипта и серверной части.

дальше:
логотип асуса думаю всё таки уместен, согласен что сделать его нужно много меньше и незаметней. в конце концов никто не запрещает разместить туда свои копирайты.

какая тема с вариантами загнулась?

на счет кнопки "выход" согласен, шапку переделаю полность.

отдельная кнопка под "статус и лог" - разумно, можно попробовать

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

скруглить то я скруглю ))) изначально так и было, но это css3 - еще не утвержденная спецификация.

capau
08-12-2010, 15:09
http://8roman.com/files/4.jpg

theMIROn
08-12-2010, 15:35
Шапка:


L O G O Time: #Time# (logout)
L O G O #RouterMode# #RouterModel# SSID: #SSID#
L O G O #RouterMode# #RouterModel# Firmware: #FW# (reboot)


Кнопки Apply/Finish/Reset конечно поближе бы, однако с учетом целостности видимых настроек. Т.е. логически кнопки должны находиться после параметров, никак не раньше или выше. С резиновыми блоками - могут убежать вниз, имхо, не так уж и страшно.

Иерархичность. Разворачиваемые сабменю сделают невозможным быстрый переход к нижнему (последнему) сабменю, без необходимости сворачивания длинного текущего (первого). Поэтому, все таки нужны шорткаты. Если расположить их сверху, получится a-la dd-wrt в другом цвете... Есть идеи по эргономике?

Omega
08-12-2010, 15:46
минимум графики, практически всё можно реализовать через css

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

с разделом Status & Log что будем делать
http://8roman.com/files/7.jpg

Нда, красиво получилось, и палитра соответствует форуму ... :rolleyes:
А шапка теперь содержит полезную информацию из nvram ... :)
Можно добавить туда режим работы - шлюз, роутер или AP ... :p


Мои 5 копеек. :)
Закругления ИМХО надо убрать, верхний фрейм в нынешнем виде не нужен
- его надо переделать под статус. Там стоит минимум писать версию прошивки
(ref на firmware upgrade), MAC, Link status/WAN IP (ref на Status)

Возможно и копирайт переместить туда.

Все лишние картинки удалить. Надписи Home Gateway/Router/Access Point из логотипа удалить.
Вместо это в статусе писать этот режим (ref на Operation Mode). Это идеи.
http://wl500g.info/showpost.php?p=172471&postcount=40


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

какая тема с вариантами загнулась?
Да, не лепить туда же что-то типа дылинк или нетгир ... :D
Хотя кто-то может для себя и сварганить подобное ... ;)

Логотип для новой прошивки Олега 1.9.2.7-d от энтузиастов (http://wl500g.info/showthread.php?t=22189)

З.Ы. Всё что выше -- чисто IMHO, т.к. сам - ни разу не web-дизайнер ... :cool:

capau
08-12-2010, 15:56
Шапка:


L O G O Time: #Time# (logout)
L O G O #RouterMode# #RouterModel# SSID: #SSID#
L O G O #RouterMode# #RouterModel# Firmware: #FW# (reboot)


Кнопки Apply/Finish/Reset конечно поближе бы, однако с учетом целостности видимых настроек. Т.е. логически кнопки должны находиться после параметров, никак не раньше или выше. С резиновыми блоками - могут убежать вниз, имхо, не так уж и страшно.

Иерархичность. Разворачиваемые сабменю сделают невозможным быстрый переход к нижнему (последнему) сабменю, без необходимости сворачивания длинного текущего (первого). Поэтому, все таки нужны шорткаты. Если расположить их сверху, получится a-la dd-wrt в другом цвете... Есть идеи по эргономике?

одна из первых шапок примерно так и выглядела

кнопки сделаю ближе

по поводу эргономики радикальное предложение ))))) не воспринимайте слишком серьезно, но очень интересная идея)))))

и так:
всем параметрам присваиваются метки и тэги, любому полю с настройками, чекбоксам и всей остальной начинке, а интерфейс соответственно выглядит примерно так:
http://8roman.com/files/5.jpg

можно сделать такой вот режим "эксперт"

theMIROn
08-12-2010, 16:01
одна из первых шапок примерно так и выглядела и было неплохо, имхо.


по поводу эргономики радикальное предложение ))))) не воспринимайте слишком серьезно, но очень интересная идея)))))Для портала - круто, точнее даже необходимо. Для интерфейса с доступностью любой функции в 1-2 клика - избыточно. Писать дольше, а учитывать варианты с орфографией и без - еще более :)

capau
08-12-2010, 16:08
Для интерфейса с доступностью любой функции в 1-2 клика - избыточно.

а если я несколько меток/тегов вбиваю в строку запроса и у меня ваваливаются настройки вайфая+логинпароль+файрвол+фтп на одной странице избавляю меня от лишних телодвижений связанных с переходом в другой раздел ;)

al37919
08-12-2010, 16:19
а может все же без авангарда... Вот, например, решение от sfstudio: http://www.wl500g.info/showthread.php?t=21569 Просто и функционально.

Omega
08-12-2010, 16:38
по поводу эргономики радикальное предложение )))))
не воспринимайте слишком серьезно, но очень интересная идея)))))
А можно ещё сделать голосовую настройку

http://cafetimerun.files.wordpress.com/2008/11/mobileme-photo_-cell-phone-pictures-6.jpg?w=320&h=480

- типа Google Voice Search (http://en.wikipedia.org/wiki/Google_Voice_Search) ... :D

AndreyUA
08-12-2010, 17:35
Визард не убивайте, имхо простая и удобная вещь для начальной настройки роутера.

Browncoat
08-12-2010, 17:57
Концепт из поста 310 очень понравился. Шапку только тоньше сделать можно, назначение подвала тоже не понятно - для полезной инфы все равно маловато места. В общем, учитывая моду на широкоформатное, места по горизонтали обычно навалом, а вертикаль лучше зря не расходовать.

Визард нафиг не сдался.

Поиск по тегам - классная штука, но только как дополнение к обычному виду. И окошко поиска сделать небольшим и в сторонке. Но можно и вообще не делать.


Иерархичность. Разворачиваемые сабменю сделают невозможным быстрый переход к нижнему (последнему) сабменю, без необходимости сворачивания длинного текущего (первого). Поэтому, все таки нужны шорткаты. Если расположить их сверху, получится a-la dd-wrt в другом цвете... Есть идеи по эргономике?
Согласен, быстрый переход к разным подменю одной категории должен быть обязательно. Причем, можно и не изобретать велосипед, а действительно сделать a-la dd-wrt. Если этого вообще не сделать, будет fail.

capau
08-12-2010, 19:01
а может все же без авангарда... Вот, например, решение от sfstudio: http://www.wl500g.info/showthread.php?t=21569 Просто и функционально.

я же написал - не принимайте близко к сердцу. это всего лишь фантастико-футуристическая идея. которую если и реализовывать то только как режим "для экспертов". и которую можно очень даже развить дальше, вот например:
под поисковой строкой разместить облако тегов/меток - чем больше настроек с конкретной меткой, тем эта метка/тег крупнее и ярче; все настройки сгруппированы в блоки - виджеты/гаджеты, которые можно закреплять поверх строки запроса (пример работы можно посмотреть на главной яндекса если войти в режим настройки страници). таким образом у меня под строкой запроса в один клик есть все настройки, а сверху я могу вытянуть и закрепить, то чем приходится часто пользоваться. вот. но оставим ))) эту тему и вернёмся к нашим ...

конечно решение от "sfstudio Просто и функционально", но смахивает оно на советские жигули, вы бы предпочли ездить на жигулях? как уже писалось ранее, в таком случае переделывать что то вообще нет смысла.

шапка детально:

http://8roman.com/files/6.jpg


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

rss
08-12-2010, 19:36
конкретные настройки в макете взяты с последней прошивки, но это не означает что именно их я буду верстать - это пример! в одном из первых постов в эту ветку я уже писал что нужна четкая структура разделов для проектирования интерфейса. и даже вид в котором это всё нужно приведил.

В принципе, можно сделать обмен на JSON даже сейчас. Для этого на httpd надо завести новую страницу-шаблон, которая будет выдавать параметры в формате JSON. Чтобы выслать обратно, надо прикинуться формой, т.е. преобразовать JSON последовательность значений (http://api.jquery.com/jQuery.param/). Не слишком оптимально, но и переделок веб-сервера почти никаких.

Тогда можно сразу планировать мультиван, наметить место под пользовательские страницы, управление файлами и установку пакетов....

danmer
08-12-2010, 19:50
позволил себе порисовать на дизайне capau, хотя единственно что не особо понравилось- шрифт заголовков и цвета немного "заглушил"

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

2. логотип композиционно оправдан и размер его в первой твоей версии был правильный, и "высота шапки" тоже отличная, не слушай никого ;) )))

3. хелп считаю логичным "погасить" посильнее и уменьшить по размеру, ибо мы пользуемся им 1 (всего один!) раз в жизни, после этого он у нас просто висит и не нужен уже совершенно.

4. "подзаголовки" серые в первом твоем варианте тоже оправданы- появляется логическая структура соподчинения и иерархия меню.

5. логаут таки перенес к кнопкам, композиционно так вроде лучше

6. вместо второго "router model" в шапке скорее всего уместно сделать "Firmware version" )))

http://hotimg23.fotki.com/a/217_78/187_91/4.jpg

как то так :)


З.Ы. оффтопик. появилась идея насчет разрешения вечного холивара русский vs английский интерфейс.
Можно просто сделать (дополнительно?) хелп на русском (и только хелп!).
Ибо перевод на русский технических заголовков и меню звучит дико и непонятно совершенно.
А хелп поможет совсем уж чайникам разобраться, просто водя мышой по пунктам меню. Юзабилити вполне себе.

Vampik
08-12-2010, 20:05
На самом деле подробного хелпа по текущей настройке очень не хватало текущей прошивке. Ясно дело это отлично для новичков и не все "прошаренные" сходу могут определить для чего эта конкретная настройка и с чем ее едят - настроек море. Документация вещь нужная.

Во-первых, есть всплывающие подсказки. Во-вторых, продвинутые юзеры, решившиеся на такое действие, как перепрошивку роутера, имхо, должны понимать смысл настроек. Для обычных юзеров есть стандартная прошивка ;) И вообще, по опыту знаю, что тем, кто не разбирается в настройках, лучше в них вообще не лезть, независимо от наличия хелпа.:rolleyes:


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

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


А зачем вообще выносить отдельные элементы страницы "Status" в шапку, вроде аптайма или IP? Уж лучше вся подробная информация на одной странице, чем размазывать ее по интерфейсу. Причем страницу статуса, имхо, можно было бы сделать главной страницей, вместо никому не нужных ссылок, дублирующих основное меню. Очень удобное решение, где-то я его видел.. и в Д-Линке, и где-то еще :)

capau
08-12-2010, 20:21
по поводу хелпа вопрос решается очень просто:
есть блок - "хелп" у него есть два свойства: видимый и не видимый и есть в настройках вебморды радиобаттон, где выбирается отображение этого блока. всё.
сам по себе хелп - вещь очень важная и нужная. прошивка расширяющая стандарные возмодности должна претендовать на массовость, а это, как следствие, куча маглов которые не петрят.


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

стереотипное мышление.
я акцентировал внимание на том что это всего лишь идея. забудте уже про неё.


русский vs английский интерфейс.
думаю все таки не технические слова и фразы интерфейса стоит перевести, оставив WAN - WANом LAN - LANом, а вот Internet Firewall - Basic Config - вполне переводимо


А зачем вообще выносить отдельные элементы страницы "Status" в шапку, вроде аптайма или IP? Уж лучше вся подробная информация на одной странице, чем размазывать ее по интерфейсу. Причем страницу статуса, имхо, можно было бы сделать главной страницей, вместо никому не нужных ссылок, дублирующих основное меню. Очень удобное решение, где-то я его видел.. и в Д-Линке, и где-то еще

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

Vampik
08-12-2010, 20:42
наверное затем, что страница статуса включает в себя очень много иформации, не только IP и аптайм. и поскольку я уже написал выше что место сверху с точки зрения дизайна интерфейса необходимо - то и вынести в это поле минимум важной информации вполне логично. нет? на роль главной страницы, думаю, что не только страница статуса претендует, мне вот например боле интересно видеть статистику по тарафику в первую очередь когда я открываю роутер.
Не вполне логично. Вся информация о статусе важная и очень подходит на роль главной страницы :) Вполне стандартное и удобное решение.
А если оставить боковое меню вместо неудобных сворачивающихся-разворачивающихся вкладок, то и шапка не нужна - логотип можно где-нибудь сверху меню прилепить, если очень нужен.

capau
08-12-2010, 20:56
Не вполне логично. Вся информация о статусе важная и очень подходит на роль главной страницы :) Вполне стандартное и удобное решение.
А если оставить боковое меню вместо неудобных сворачивающихся-разворачивающихся вкладок, то и шапка не нужна - логотип можно где-нибудь сверху меню прилепить, если очень нужен.

объясню свою логику:
информация о статусе - статическая. меняется крайне редко, а практически не меняется.
информация по трафику или по месту на подключенном HDD динамическая и меняется постоянно.
мне важнее при входе видеть изменения, а не то что я давно настроил и вспоминаю только при апдейтах или смене провайдера. собственно вот.

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

Iguana
08-12-2010, 20:57
позволил себе порисовать на дизайне capau, хотя единственно что не особо понравилось- шрифт заголовков и цвета немного "заглушил"

Как по мне - контраста не хватает. Лучше пусть будет контрастнее, а то на ноутовской матрице с LED подсветкой, в яркий солнечный день, глаза на зад переместятся минут за 5-ать :eek:

Vampik
08-12-2010, 20:58
боковое меню на мой взгляд - дублирование того что уже есть - заголовки каждого раздела настроек. здесь мне кажется проще сделать выпадающие списки из основного меню с переходом непосредственно в ту вкладку которую нужно, оставляя остальные свернутыми при этом экономя место на экране.

Боковое меню - это не дублирование. Это список подразделов выбранного раздела, если список разделов уж так хочется видеть сверху.

al37919
09-12-2010, 07:11
конечно решение от "sfstudio Просто и функционально", но смахивает оно на советские жигули, вы бы предпочли ездить на жигулях? как уже писалось ранее, в таком случае переделывать что то вообще нет смысла.
действительно, я из тех, кого устраивает дизайн и нынешней морды ;) Вот httpd --- кривой. Если бы она взлетала на стандартном busybox_httpd ИМХО это был бы реальный прогресс.

и еще, для любителей великого и могучего --- если хотите делать русский перевод, то следовало бы предусмотреть возможность подгрузки языковых пакетов из репозитория, поскольку маловероятно, что он будет включен в официальные сборки. Это потребует введения версионирования веб-морды, чтобы можно было подгрузить пакет строго соответствующий текущей версии морды в прошивке. Подгрузку можно сделать в flashfs, которая к тому времени, я надеюсь, превратится в полноценную jffs.

Хотя, конечно, каждый может собрать для себя все что ему заблагорассудится...

Omega
09-12-2010, 15:11
наверное затем, что страница статуса включает в себя очень много иформации, не только IP и аптайм.
и поскольку я уже написал выше что место сверху с точки зрения дизайна интерфейса необходимо
- то и вынести в это поле минимум важной информации вполне логично.

+1 :) Можно добавить в шапку ещё MAC-адрес, как предлагал раньше Олег (http://wl500g.info/showpost.php?p=172471&postcount=40) ... :cool:

З.Ы. Весь оффтоп перенесен в профильную тему - Руссификация прошивок (http://wl500g.info/showthread.php?t=15122) ... :D

Pablo Escobar
09-12-2010, 18:21
мак- адрес и логин, наверное, надо

Nolik
09-12-2010, 19:50
Может кому пригодится для вдохновения
http://themeforest.net/category/site-templates/admin-templates
у многих тем есть живое превью.

Есть темы html5+css3.

capau
09-12-2010, 20:23
и так:
МАС адресс в шапке пришелся как раз кстати. больше к этому вопросу не возвращаемся.

http://8roman.com/files/11.jpg

без серых полей шапка в натуральную величину

далее меню:

вариант с боковым меню
http://8roman.com/files/8.jpg


вариант со второй строчкой:
http://8roman.com/files/9.jpg


вариант с выпадающим меню:
http://8roman.com/files/10.jpg

xenus
09-12-2010, 20:41
На мой взгляд наиболее подходяйщий вариант это со второй полосой, хотя и первоначальная идея была достаточно неплохой ;-) непонимаю негодования поповоду описания единственное что можно сделать для ярых противников этого элемента это способность скрывать/отключать его ;)

ЗЫ. Визарж по первоначальной настройки все же нужная вещичка хоть и пользуються им достаточно редко.

capau
09-12-2010, 20:54
полная картинка:
http://8roman.com/files/12.jpg

Mr.Hunt
10-12-2010, 06:35
На мой взгляд выпадающее меню не особо актуально, тем более неизвестно как оно себя будет вести на разных браузерах.

Кстати, ребят, а ведь можно несколько айпи адресов назначать и менять маки и т.д. Это будет доступно в веб интерфейсе ?

TReX
10-12-2010, 06:43
Тут с варриантами ;) Как по мне, то лучше ёрзать по двум столбикам, чем скролиться куда-то вниз...

Два столбика сильно приятнее, зачем оставлять пустых полокна и скролится...


вопрос не однозначный
думаю, что если почитать посты выше и на предыдущих страницах то ответ найдется.

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

capau
10-12-2010, 14:09
Дизайн и цветовая гамма сильно порадовали, хотя новая мордочка рождает больше вопросов чем дает ответов, например - для конфигурации MultiWAN в верхнем фреймее нужно бы предусмотреть место для более чем одной пары MAC/IP....

думаю что конфиг мультивана вполне достоин места на главной странице

если есть еще вопросы, то очень бы хотелось их услышать, ведь интерфейс делается именно для того чтобы вопросов не возникало.

theMIROn
10-12-2010, 14:23
коллеги, стоит понимать, что редизайн и новый функционал - очень разные вещи.
для первого этапа нужен редизайн.
все новые операции и настройки - вторым.

theMIROn
10-12-2010, 14:23
коллеги, стоит понимать, что редизайн и новый функционал - очень разные вещи.
для первого этапа нужен редизайн.
все новые операции и настройки - вторым.

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

конечно, чем меньше доработок в дизайне, тем лично для меня лучше.

Nolik
10-12-2010, 14:23
Какой смысл рисовать какие-то "поделки" (ради того что предлагается сейчас... не вижу вообще смысла что-то переделывать), если ни сделано

1. ни шаблона новой админки, с переменными которые там используются
2. ни подвески ее к прошивки

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

из того что в теме представленно лучшее ddwrt и то если перенос такой админки занимает кучу времени... нужно ли оно? на самом деле... посчитайте сколько вы туда раз заходите.. пусть лучше разрабы работают над прошивкой и больше отдыхают.

Вообщем если будет технический шаблон файлов и переменных и будет крутится это все на роутере.. то сделать красоту из набора таких файлов при помощи css3 не составляет проблем особых.

capau
10-12-2010, 14:35
Какой смысл рисовать какие-то "поделки" (ради того что предлагается сейчас... не вижу вообще смысла что-то переделывать), если ни сделано

1. ни шаблона новой админки, с переменными которые там используются
2. ни подвески ее к прошивки

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

из того что в теме представленно лучшее ddwrt и то если перенос такой админки занимает кучу времени... нужно ли оно? на самом деле... посчитайте сколько вы туда раз заходите.. пусть лучше разрабы работают над прошивкой и больше отдыхают.

Вообщем если будет технический шаблон файлов и переменных и будет крутится это все на роутере.. то сделать красоту из набора таких файлов при помощи css3 не составляет проблем особых.

думаю стоит перечитать последние пару страниц ветки

и предложить свои рисунки на основе лекций по планированию дружелюбного интерфейса

Nolik
10-12-2010, 17:09
думаю стоит перечитать последние пару страниц ветки и предложить свои рисунки на основе лекций по планированию дружелюбного интерфейса
Да сорри.. я не хотел вас обидеть.. просто мне кажется это мышиная возня...

Блин ну может я невнимательно читаю тыкните мне туда.. где написано кто будет делать привязку новой морды и шаблон этой морды голый.

Рисовать дизайн в фотошопе, потом его резать, потом верстать.. один вариант.. ну это уж слишком расточительно по времени..

Просто мне кажется сначала нужен какойто готовый голый функцианал, а нарисовать и оформить дизайн c помощью CSS найдется кому.

Может я и вправду не догоняю... тут собираются просто из той кучи asp хлама которая в прошивке сделать редизайн или новую админку на html, php или еще чем там - дизайнутую css?

theMIROn
10-12-2010, 18:06
Просто мне кажется сначала нужен какойто готовый голый функцианал, а нарисовать и оформить дизайн c помощью CSS найдется кому.достаточно шаблонов страниц + всех возможных элементов.


Может я и вправду не догоняю... тут собираются просто из той кучи asp хлама которая в прошивке сделать редизайн или новую админку на html, php или еще чем там - дизайнутую css?
при чем тут php? точнее вообще он ненужен (c).
на самом деле можно или переделать httpd броадкомовский, или написать cgi бинарники, делающие то же самое к httpd@busybox.
не сложно

capau
10-12-2010, 18:14
Да сорри.. я не хотел вас обидеть.. просто мне кажется это мышиная возня...

почему вы решили что я обиделся? напротив, если у вас действительно есть конструктивные предложения, думаю, что все здесь будут только рады развитию дружелюбности веб интерфейса прошивки.

читаете вы действительно не внимательно:

товарищ rss предложил концепцию, пост 250 (http://wl500g.info/showpost.php?p=201112&postcount=250)
и выразил готовность заняться серверной частью, пост 275 (http://wl500g.info/showpost.php?p=218859&postcount=275)

Сервером, в принципе, я заниматься готов, а вот клиента (JS-реализацию и дизайн) на себя брать не хочу.

я в свою очередь готов сверстать базовый html+css шаблон и в данный момент обсуждается как раз принцип работы именно интерфейса, а не его наполнение и уж тем более не функционал прошивки. не путайте.

задача сделать вебморду надстройкой над основной прошивкой которую можно независимо разрабатывать/дорабатывать + сделать возможным подключение пользовательских файлов и локализации и стилей

как то так

theMIROn
10-12-2010, 18:26
меня тут игнорируют чтоли? :)
всяческие надстройки будут хороши, но в первую очередь меня волнует базовая вэбморда. и стилевое-цветовое решение от capau мне нравится, всякие мелочи типа шапки размера логотипов и количества информации - уж сами реализуем так, как нужно.
конечно, чем меньше доработок в дизайне, тем лично для меня лучше.

AndreyUA
10-12-2010, 19:03
Было бы неплохо, если бы была возможность работать с nvram из вебморды без правки httpd. Мне кажется что это немного облегчит разработку веб интерфейса и добавление новых плюшек.

theMIROn
10-12-2010, 19:38
Было бы неплохо, если бы была возможность работать с nvram из вебморды без правки httpd. Мне кажется что это немного облегчит разработку веб интерфейса и добавление новых плюшек.
http://192.168.1.1/Main_AdmStatus_Content.asp никуда не должен деться ;)

Nolik
11-12-2010, 07:47
capau
Спасибо, теперь более менее понятно все.

theMIROn
А если поковырять ddwrt исходники или Tomato (там вообще простенькая админка) может от туда получится что то взять и rss будет проще что то сделать.

Редактировать то, что сейчас есть из кучи asp файлов.. это черт ногу сломит, что там и где =) Хотя пример выше показывает, что можно и из этого что-то делать =)

rss
12-12-2010, 17:14
Добавил самый простой вариант получения переменных в формате JSON. Прилагаю изменённый httpd, а также простой пример js-кода, который строит форму из полученных значений. Обратную загрузку изменённых значений пока еще не делал.

Для проверки переписываем httpd из архива в любое место на маршрутизаторе (например в /tmp),

cd /www
killall httpd
/tmp/httpd vlan1

Тестовая страница из другого архива может быть открыта с локального диска, но только в IE. Иначе - надо копировать в /www маршрутизатора. (В нормальных браузерах подобная дыра с возможностью обратиться по http за пределы домена документа закрыта.)

capau
21-12-2010, 22:18
для верстки шаблона мне нужно понимать структуру админки, которую так никто и не срезал. в которой к тому же нужно наводить порядок. это наверное первое
второе: никто так и не вызвался поженить шаблон с серверной частью, человека который достаточно хорошо разбирается в скриптах тут не нашлось (думаю пока)
третье: с серверной частью не ясно, готова она или все в процессе

и думаю основной тормоз это всё таки приближающиеся новогодние праздники

есть кто в скриптах разбирающиеся?

Nolik
23-12-2010, 13:07
Прошил тут на днях DDWRT прошивкой роутер... и что могу сказать... да типа красиво и все... интерфейс:

1. слишком много настроек!
2. не удобно
3. ничерта не понятно =)

вообщем полсе это родной интерфейс прошивки просто шикарен!

А вообще перелистал тут ветку

Реально проперся этим интерфейсов, который дал OlegK
http://www.usr.com/support/9108/9108-ui/setup.html

удобно, понятно, просто

theMIROn
23-12-2010, 14:20
для верстки шаблона мне нужно понимать структуру админки, которую так никто и не срезал. в которой к тому же нужно наводить порядок. это наверное первое
на текущий момент нужно:
1. основной шаблон - контейнер для зоны с меню, текущим контентом и скрывающимся хэлпом
2. шаблон подстраниц, размещающихся в основном контейнере со всеми возможными реквизитами - полями ввода, в т.ч многострочными, списками выбора, переключателями, радио батонами, кнопками, таблицами, полями отображения многострочной текстовой информации


второе: никто так и не вызвался поженить шаблон с серверной частью, человека который достаточно хорошо разбирается в скриптах тут не нашлось (думаю пока)
не волнуйтесь об этом, пожем когда жених созреет


третье: с серверной частью не ясно, готова она или все в процессесерверная часть готова и работает, под ajax формирование контента - заточки сделаем, было бы с чем экспериментировать.


и думаю основной тормоз это всё таки приближающиеся новогодние праздники
колхоз - дело добровольное


есть кто в скриптах разбирающиеся?
что вы подразумеваете под скриптами?
все, что на текущий момент было бы желательно - сверстанный html шаблон с css и графикой + html шаблон контента

Просто я
04-01-2011, 23:09
Заметил, что если выставить в System Setup - Operation Mode - режим Access Point, то из раздела Status & Log пропадает большинство вкладок. Часть пропаж ясны, но вот почему не остаются такие как System Utilization и Diagnostic Info? Нагрузка на роутер и информация о нем не зависят от режима работы же.

wl500gp, 1.9.2.7-d-r2381

AndreyUA
06-01-2011, 21:42
При отключении NFS и камер в веб интерфейсе они остаются. Может сделать как-то так?


--- 1.9.2.7-d-orig/www/mkweb 2011-01-04 17:41:13.000000000 +0200
+++ 1.9.2.7-d/www/mkweb 2011-01-06 22:23:13.125159981 +0200
@@ -118,6 +118,18 @@ if [ -n "$1" ]; then
sed -ri '/WiMAX/d' ../web_$MODEL/Advanced_LANWAN_Content.asp
fi

+ if [ "$CONFIG_RCAMD" != "y" ]; then
+ echo "Removing WebCam pages..."
+ rm -rf ../web_$MODEL/Advanced_WebCam*.asp
+ sed -ri '/Web Camera/d' ../web_$MODEL/index.js
+ fi
+
+ if [ "$CONFIG_NFSD" != "y" ]; then
+ echo "Removing NFS pages..."
+ rm -rf ../web_$MODEL/Advanced_NFS*.asp
+ sed -ri '/NFS Server/d' ../web_$MODEL/index.js
+ fi
+
if [ "$CONFIG_MODEM" != "y" ]; then
echo "Removing 3G/cdma pages..."
rm -f ../web_$MODEL/Main_ChatStatus_Content.asp

Vampik
07-01-2011, 11:01
Меня все время волновало, почему неправильно отображается загрузка CPU в rtn-ветке. Посмотрел - оказывается, не учитывается iowait, irq, softirq, добавленные в ядре 2.6, которых не было в 2.4.
Может патчик добавить? :)

Index: graph_cpu.svg
================================================== =================
--- graph_cpu.svg (revision 2454)
+++ graph_cpu.svg (working copy)
@@ -161,9 +161,9 @@
var data=obj.content.split("\n");
var ugmt=(Date.parse(data[0]))/1000;
data=data[1].split(/\s+/);
- var tot=parseInt(data[1])+parseInt(data[2])+parseInt(data[3])+parseInt(data[4]);
+ var tot=parseInt(data[1])+parseInt(data[2])+parseInt(data[3])+parseInt(data[4])+parseInt(data[5])+parseInt(data[6])+parseInt(data[7])+parseInt(data[8]);
var idle=parseInt(data[4]);
- var sys=parseInt(data[3]);
+ var sys=parseInt(data[3])+parseInt(data[5])+parseInt(data[6])+parseInt(data[7])+parseInt(data[8]);
} catch (e) {
return;
}

Правда, не знаю, насколько корректно на графике добавлять прерывания и прочее к sys, но ведь это не юзерские процессы.

AndreyUA
07-01-2011, 14:29
Я думаю, не помешала бы вот такая кнопочка в веб интерфейсе, давно хотел сделать.


--- www/web_asus_en/index.js 2011-01-04 17:41:13.000000000 +0200
+++ www/web_asus_en/index.js 2011-01-06 23:00:20.201159181 +0200
@@ -150,7 +150,9 @@ function generateTree() {
appendChild(aux1, generateDocEntry(0, "System Log", "Main_LogStatus_Content.asp", ""));
}

aux1 = appendChild(foldersTree, leafNode("Logout"));
+ aux1 = appendChild(foldersTree, leafNode("Save & Restart"));
+
}

function clickOnFolderLink(folderName) {
@@ -165,6 +167,10 @@ function clickOnFolderLink(folderName) {
top.folderFrame.location = "Main_Index_HomeGateway.asp";
} else if (folderName == "Logout") {
logout();
+ } else if (folderName == "Save & Restart") {
+ top.folderFrame.location = "SaveRestart.asp";
} else if (folderName == "Quick Setup") {
if (mode == 'AP')
top.folderFrame.location = "Basic_AOperation_Content.asp";

Vampik
07-01-2011, 15:01
Кстати, раз уж про mkweb написали, там давно один баг есть - при отключении cdma остается в меню usb ppp log. Патчик из моей версии прошивки -

Index: mkweb
================================================== =================
--- mkweb (revision 2454)
+++ mkweb (working copy)
@@ -120,7 +123,7 @@
rm -f ../web_$MODEL/Main_ChatStatus_Content.asp
rm -f ../web_$MODEL/Advanced_ConnectionMode_Content.asp
rm -f ../web_$MODEL/Main_SysInfo_Content.asp
- sed -ri '/3G\/CDMA Modem/d;/Main_SysInfo_Content/d' ../web_$MODEL/index.js
+ sed -ri '/3G\/CDMA Modem/d;/Main_SysInfo_Content/d;/Main_ChatStatus_Content/d' ../web_$MODEL/index.js
sed -ri '/usbmodem/d' ../web_$MODEL/Advanced_LANWAN_Content.asp
fi

bmenee
09-01-2011, 14:47
предлагаю добавить favicon из вложения, избавит браузеры необходимости делать лишние запросы на favicon с 404 ошибкой от вебсервера, добавит немного узнаваемости прошивке (это будет логотип с сайта прошики, если будет другой логотип - можно его поставить в качестве обновленного favicon, можно для rt версии сделать свой favicon), фича незначительная, но во многих других продуктах присуствует


1777+ строчки в файле:
/httpd/web_ex.c


{ "**.htm", "text/html", no_cache, NULL, do_ej, do_auth },
{ "**.css", "text/css", NULL, NULL, do_file, do_auth },
{ "**.gif", "image/gif", NULL, NULL, do_file, do_auth },
{ "**.jpg", "image/jpeg", NULL, NULL, do_file, do_auth },

необходимо добавить строчку (иначе favicon.ico выдает 404 error)

{ "**.ico", "image/x-icon", NULL, NULL, do_file, do_auth },



{ "**.htm", "text/html", no_cache, NULL, do_ej, do_auth },
{ "**.css", "text/css", NULL, NULL, do_file, do_auth },
{ "**.gif", "image/gif", NULL, NULL, do_file, do_auth },
{ "**.jpg", "image/jpeg", NULL, NULL, do_file, do_auth },
{ "**.ico", "image/x-icon", NULL, NULL, do_file, do_auth },


закачать favicon.ico (всего 318 байт) из вложения в
/www/web_asus_en/


в файле
/www/web_asus_en/index.asp
добавить

<link rel="shortcut icon" href="/favicon.ico">

до или после тегов кеширования (ниже - проверенный вариант)


[...]</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><link rel="shortcut icon" href="/favicon.ico"><meta http-equiv="Expires"[...]

(хотя даже если не добавлять эту строчку во многих браузерах иконка будет показываться)

так это выглядит:

http://img829.imageshack.us/img829/2070/olegfavicon.png

bmenee
09-01-2011, 16:17
не знаю баг или фича, но ссылка на сайт проекта на страничке прошивки в веб интерфейсе открывается внутри фрейма (а не в самом окне), при этом даже не видно адрес сайта прошивки.

профиксить это не сложно:

/www/web_asus_en/Advanced_FirmwareUpgrade_Content.asp

сдесь надо добавить в тэг ссылки на google:

target="_parent"


Check if any new version of firmware is available on <a href="http://wl500g.googlecode.com" target="_parent">WL500g project</a> website.

lly
09-01-2011, 17:39
не знаю баг или фича, но ссылка на сайт проекта на страничке прошивки в веб интерфейсе открывается внутри фрейма (а не в самом окне), при этом даже не видно адрес сайта прошивки.
Спасибо, поправим.

Про favicon я не против, но надо подождать мнения остальных - theMIROn, rss.

theMIROn
11-01-2011, 00:37
Меня все время волновало, почему неправильно отображается загрузка CPU в rtn-ветке. Посмотрел - оказывается, не учитывается iowait, irq, softirq, добавленные в ядре 2.6, которых не было в 2.4.
Может патчик добавить? :)
Верно подмечено, спасибо.
Однако, web интерфейс - это абстракция над тем, что и с какими версиями крутится внутри. Поэтому править нужно не svg файл, а httpd, чтобы он сразу выдавал total, idle и sys.


Правда, не знаю, насколько корректно на графике добавлять прерывания и прочее к sys, но ведь это не юзерские процессы.iowait вообще добавлять к загруженности не стоит, как в procps 2.x, irq/sirq - нужно.


предлагаю добавить favicon из вложения, избавит браузеры необходимости делать лишние запросы на favicon с 404 ошибкой от вебсервера, добавит немного узнаваемости прошивке (это будет логотип с сайта прошики, если будет другой логотип - можно его поставить в качестве обновленного favicon, можно для rt версии сделать свой favicon), фича незначительная, но во многих других продуктах присуствует
Да, давно хотел добавить, все руки не доходили.
Пара замечаний - доступ к favicon.ico должен быть без авторизации и только к нему, шаблон *.ico - уже с авторизацией, если когда нибудь это и понадобится. саму иконку я бы выдрал из официальных морд, чёб нет.


skip
попробуй вот это, должно прозрачно работать на всех ветках



Index: web_ex.c
================================================== =================
--- web_ex.c (revision 2455)
+++ web_ex.c (working copy)
@@ -2081,24 +2081,43 @@
fputs("\r\n", stream); /* terminator */
}

+struct cpu_jiff {
+ /* Linux 2.4.x has only first four */
+ unsigned long long user;
+ unsigned long long nice;
+ unsigned long long sys;
+ unsigned long long idle;
+ unsigned long long iowait;
+ unsigned long long irq;
+ unsigned long long softirq;
+ unsigned long long steal;
+ unsigned long long guest;
+};
+
static void
do_cpustat(char *url, FILE *stream)
{
- char line[256];
- int i, llen;
- char buffer[256];
- int strbuffer = 0;
- buffer[strbuffer++] = '\n';
- FILE *in = fopen("/proc/stat", "rb");
- if (in == NULL) return;
- if (fgets(line, sizeof(line), in) == NULL) return;
- llen = strlen(line);
- for (i = 0; i < llen; i++) {
- buffer[strbuffer++] = line[i];
+ FILE *fp;
+ char line[80];
+ struct cpu_jiff cpu;
+
+ fp = fopen("/proc/stat", "rb");
+ if (fp == NULL)
+ return;
+ memset(&cpu, 0, sizeof(cpu));
+
+ if (fgets(line, sizeof(line), fp)
+ && sscanf(line, "cpu %llu %llu %llu %llu %llu %llu %llu %llu %llu",
+ &cpu.user, &cpu.nice, &cpu.sys, &cpu.idle,
+ &cpu.iowait, &cpu.irq, &cpu.softirq, &cpu.steal, &cpu.guest) >= 4)
+ {
+ /* procps 2.x does not count iowait as busy time */
+ cpu.sys += cpu.irq + cpu.softirq + cpu.steal + cpu.guest;
+ cpu.idle += cpu.iowait;
+ websWrite(stream, "\ncpu %llu %llu %llu %llu",
+ cpu.user, cpu.nice, cpu.sys, cpu.idle);
}
- buffer[strbuffer] = 0;
- fclose(in);
- websWrite(stream, "%s", buffer);
+ fclose(fp);
}

static void

bmenee
11-01-2011, 11:45
Да, давно хотел добавить, все руки не доходили.
Пара замечаний - доступ к favicon.ico должен быть без авторизации и только к нему, шаблон *.ico - уже с авторизацией, если когда нибудь это и понадобится. саму иконку я бы выдрал из официальных морд, чёб нет.

среди официальных прошивок WL500gP, WL500gP V2, WL500W, RT-N16, RT-N56U favicon нашелся только в последнем RT-N56U
GPL_RT_N56U_1009.zip/web/source/user/www/www_N56U/images/favicon.png
во вложенном архиве оригинальный png файл (750 байт) и сконвертированый ico файл (1150 байт)

можно попробовать сделать доступ без авторизации заменив
{ "**.ico", "image/x-icon", NULL, NULL, do_file, do_auth },
на
{ "favicon.ico", "image/x-icon", NULL, NULL, do_file, NULL },
надо проверять будет ли это работать

хотя в плане безопасности мне идея не очень понятна, получается для такого неавторизованного запроса надо будет обеспечивать защиту от переполнения буфера в httpd, случае специально сформированых http запросов с "favicon.ico + мусор в хедере"
стоит вообще подумать... может тогда вообще это не делать, либо сделать с авторизацией (какая-то несовметимость? в официальной прошивке rt-n56u вроде сделано с авторизацией... в этом не уверен, можно перепроверить)

http://img683.imageshack.us/img683/3346/olegfavicon2.png

theMIROn
13-01-2011, 15:44
Меня все время волновало, почему неправильно отображается загрузка CPU в rtn-ветке. Посмотрел - оказывается, не учитывается iowait, irq, softirq, добавленные в ядре 2.6, которых не было в 2.4.
проверяй.


стоит вообще подумать... может тогда вообще это не делать, либо сделать с авторизацией (какая-то несовметимость? в официальной прошивке rt-n56u вроде сделано с авторизацией... в этом не уверен, можно перепроверить)
тоже проверяй.


Кстати, раз уж про mkweb написали, там давно один баг есть - при отключении cdma остается в меню usb ppp log.
А давай еще подумаем, куда бы этот пункт на самом деле сунуть.
В том виде и в том месте где он есть - вообще имхо не смотрится.
Т.е переименовать и пересунуть бы...

AndreyUA
13-01-2011, 16:39
А давай еще подумаем, куда бы этот пункт на самом деле сунуть.
В том виде и в том месте где он есть - вообще имхо не смотрится.
Т.е переименовать и пересунуть бы...его бы всплывающим окном сделать и ссылку на страницу 3G/CDMA Modem.

ConstAntz
13-01-2011, 17:21
Не совсем в тему. Но от помощи не откажусь. Здравствуйте.
Имеется фрагмент в контексте таблицы
<tr>
<td>td30</td>
<td>td31</td>
<td>td32</td>
<td>td33</td>
<td>td34</td>
</tr>

и текстовый файл с цифрой "12345".

Три книжки прочитал по ХТМЛ, нашел как вставить рисунок, мелодию, флэш, баннер, ссылку, фрейм. Не смог найти: как можно вставить самое простое - содержимое текстового файла в таблицу. Т.е. на стороне клиента вместо к примеру "td32" должно отобразиться "12345".

Покажите направление как выкрутиться из положения.

bmenee
13-01-2011, 17:50
проверяй.

проверил favicon на WL500gp-1.9.2.7-d-r2469
сработало - показываетс иконку на opera, chrome, ie7

theMIROn
13-01-2011, 18:04
проверил favicon на WL500gp-1.9.2.7-d-r2469
сработало - показываетс иконку на opera, chrome, ie7

в html, думаю, нет нужды вписывать

rss
13-01-2011, 18:21
Три книжки прочитал по ХТМЛ...
Если iframe не годится, то надо читать книжки по AJAX. См. также jQuery.

У нас см. генерацию таблицы http://www.google.com/codesearch/p?hl=ru#kjJ_yLEz2oM/trunk/www/web_asus_en/devpath_select_form.asp&q=getHTTPRequest%20package:http://wl500g%5C.googlecode%5C.com&sa=N&cd=2&ct=rc

ConstAntz
13-01-2011, 19:54
Если iframe не годится, то надо читать книжки по AJAX. См. также jQuery.

У нас см. генерацию таблицы http://www.google.com/codesearch/p?hl=ru#kjJ_yLEz2oM/trunk/www/web_asus_en/devpath_select_form.asp&q=getHTTPRequest%20package:http://wl500g%5C.googlecode%5C.com&sa=N&cd=2&ct=rc

iframe держу пока в альтернативе. Что из перечисленного потянет busybox_httpd ? Первые два, по-моему, отпадают. Спасибо.

rss
13-01-2011, 20:03
iframe держу пока в альтернативе. Что из перечисленного потянет busybox_httpd ? Первые два, по-моему, отпадают. Спасибо.

Во-первых в прошивке основной httpd не из комплекта busybox (хотя busybox_httpd тоже есть, но не запущен по умолчанию). Во-вторых AJAX к веб-серверу не имеет никакого отношения - всё средствами javascript на браузере.

Vampik
13-01-2011, 21:18
проверяй.
На -rtn все замечательно, на -d проверить в настоящий момент не могу, но не вижу причин, по которым могло бы не работать.. пока никто не жаловался :)

ConstAntz
13-01-2011, 21:55
AJAX к веб-серверу не имеет никакого отношенияПрошу прощения за безграмотность (в web-client-server)... в первом сообщении не указал "три книги за три дня".
По поводу основного httpd... любые попытки завести его под собственные нужды сводились к нулю (может не так прибивал/запускал?), поэтому и обратил внимание на встроенного кастрата, т.к. связка lighttpd+php не так сильно съедала место на усб, как оперативу и своп.
Предложение по топику (возможно глупое, в силу моей безграмотности в этом вопросе): было-бы не плохо вставить в админку страницу-заглушку (типа _http://my.router/alternate) которую, при желании владельца девайса, можно разглушить под собственные нужды. Ведь нуждики у всех разные ;).

rss
14-01-2011, 04:41
Прошу прощения за безграмотность (в web-client-server)... в первом сообщении не указал "три книги за три дня".
По поводу основного httpd... любые попытки завести его под собственные нужды сводились к нулю (может не так прибивал/запускал?), поэтому и обратил внимание на встроенного кастрата, т.к. связка lighttpd+php не так сильно съедала место на усб, как оперативу и своп.
Предложение по топику (возможно глупое, в силу моей безграмотности в этом вопросе): было-бы не плохо вставить в админку страницу-заглушку (типа _http://my.router/alternate) которую, при желании владельца девайса, можно разглушить под собственные нужды. Ведь нуждики у всех разные ;).

Встроенный веб-сервер слишком сильно ориентирован на решение задач управления маршрутизатором. Если нужно что-то большее, то проще запустить busybox_httpd (с портом, отличным от 80).

Можно использовать и встроенный веб-сервер, но тогда надо сделать символьную ссылку директории /www на свою. (см. форум)

bmenee
03-02-2011, 21:25
Кстати я замечал минорный баг, который возможно связан с этой проблемой (если дело в кешировании и именно в Firefox), можно исправить - хуже не будет

пример ответа:


HTTP/1.0 200 Ok
Server: httpd
Date: Thu, 03 Feb 2011 21:13:33 GMT
Cache-Control: no-cache
Pragma: no-cache
Expires: 0
Content-Type: text/html
Connection: close


подсказка http-дебаггера:

The 'no-cache' directive was used without the 'no-store' directive. Using 'no-store' ensures that Firefox will always re-fetch HTTP based pages and never use a previous version.

То есть надо просто заменить в файле

/httpd/web_ex.c



websWrite(wp, T("Pragma: no-cache\r\n"));

на


websWrite(wp, T("Pragma: no-cache, no-store\r\n"));

и


"Cache-Control: no-cache\r\n"

на


"Cache-Control: no-cache, no-store\r\n"

theMIROn
03-02-2011, 22:20
То есть надо просто заменить в файле
Не стоит, иначе вообще ничего сохранить не удастся.

Nolik
07-02-2011, 07:15
Recent CP
http://habrahabr.ru/blogs/about_cms/113270/

Мож что отсюда можна взять?...

bmenee
09-02-2011, 14:53
Не стоит, иначе вообще ничего сохранить не удастся.

Что не удастся сохранить?

кто нибудь уже пробовал обновлять прошивку с версий r2559+ на другую, все нормально с измененной функцией обновления прошивки?

theMIROn, по предыдущему моему вопросу есть что сказать? я не обижусь если нет :)

вчера кстати обновился BusyBox 1.18.3 (stable)

ded
11-02-2011, 10:43
Добрый день.
Хотелось бы задать вопрос уважаемым разработчикам.
Не сомневаюсь, что Вам известно о наличии семейства прошивок Tomato.
Так вот, в ряде их модов присутствует сделанные вполне по взрослому и с богатым функционалом приоритезация трафика и управление шириной канала по IP и MAC. Пример этих фич, запиленных в вэб-интерфейс здесь: http://lampiweb.com/virtual/Tomato_RAF/new-qoslimit.html

Собственно вопрос - а что мешает включить этот код к нам в прошивку?
На мой скромный взгляд - ничего. Код уже есть, исходники открыты и свободны. Востребованность фич - более чем нужная.

Ну и до кучи - в приведенном эмуляторе нет OpenVPN. Но вообще в ряде версий томато он есть и тоже представлен в вэб-интерфейсе. Почему-бы его тоже не включить в прошивку?

Я понимаю, что все это можно сделать и ручками на нашей прошивке. более того, для OpenVPN все более чем четко расписано на форуме и особого труда не представляет.... Но все же... Когда оно уже зашито в вэб-интерфейс - както лучше.

lly
11-02-2011, 11:16
Собственно вопрос - а что мешает включить этот код к нам в прошивку?
Даже эта работа требует осмысленного переноса кода (Ctrl-C + Ctrl-V не прокатит) и последующего тестирования. Есть желающие?


Но вообще в ряде версий томато он есть и тоже представлен в вэб-интерфейсе. Почему-бы его тоже не включить в прошивку?
Для ветки 2.4 - ограничение флеша большинства устройств в 4Mb, для ветки rtn на ядре 2.6 - отсутствие жаждущих выполнить эту часть работы.

featZima
11-02-2011, 11:35
Я вообще голосую за то, что бы большинство функционала делалось руками, а не средствами Веб-Интерфейса... тот же PPPoE: хорошо когда он один, а если их три? один настраиваешь в вебе, остальные через post-boot... Дикий кошмар)

TReX
11-02-2011, 11:43
Я вообще голосую за то, что бы большинство функционала делалось руками, а не средствами Веб-Интерфейса... тот же PPPoE: хорошо когда он один, а если их три? один настраиваешь в вебе, остальные через post-boot... Дикий кошмар)

Так проблема не в том, что нельзя добавить адекватные настройки в Web интерфейс, а в отсутствие у проекта хорошего веб дизайнера, разрабочиков то всего два, они не могут разорваться и сделать все...
Проблема уже не раз обсуждалась, даже добровольцы заняться веб интерфейсом были, но как то быстро сбегали )

А делать все руками, печальные примеры уже были, например прошивки серии wive-ng, очень хороший функционал, но настройка доступна только для того кто хорошо разбирается в теме, 99,9% домашних пользователей к таким не относятся :D

iSage
12-02-2011, 05:22
Хотим, только никто не помогает.


Какие-нибудь гайдлайны/пожелания есть? Можно ли вынести www на флешку для тестов?

Omega
12-02-2011, 10:24
Какие-нибудь гайдлайны/пожелания есть?
Ну они уже давно были сформулированы ... :rolleyes:
http://wl500g.info/showpost.php?p=218859&postcount=275


Предложения по развитию веб-интерфейса.

Этап 1.

Контроль качества кода, соблюдение стандартов.
Широкое использование javascript, уменьшение объема страниц за счет динамической генерации разметки. AJAX по необходимости (отстутсвие перезагрузки страниц, асинхронная докачка данных).
Перевод взаимодействия с веб-сервером на формат JSON. Позволит:

Сделать возможным разработку веб-интерфейса в отсутствии веб-сервера (прием и передачу файла JSON легко сделать переключаемой на локальную файловую систему).
Выделить скрипты из кода веб-сервера (в т.ч. в виде новой монолитной реализации cgi-скрипта), что позволит легко сменить веб-сервер (busybox.httpd, lighthttpd по выбору). Для JSON потребуются скрипты получения и заполнения nvram + формирование дерева параметров + формирование дерева статистики.
Работа с JSON возможна по корню дерева с произвольной глубиной – получить/установить параметры (например по странице) или просмотреть статистику работы (по странице или по дереву, аналогичному SNMP MIB или что-то похожее на /proc/). Преимущество – унифицированный интерфейс и возможность выборки и загрузки нужной порции данных.
То, что будет сформировано на странице зависит от данных и не является жестко свёрстанным.
Пример - мультиван для параметра "LanWan" (3 закладки):

Локали с возможностью переключения языка из веб-интерфейса (JSON-файлы на диске).
Реализация переключения упрощенного и полного интерфейса управления.
SVG непосредственно на страницах и генерация картинок на стороне браузера.
Возможность подключения внешних пользовательских страниц web-интерфейса с внешнего диска. При наличии статистики в формате JSON, соответствующей Mib SNMP маршрутизатора, предоставит возможность рисовать любые графики состояния.


Этап 2

Получение списка файлов в директории, редактирование файлов скриптов через веб-интерфейс (пример – управление камерой Axis 207)
Управление пакетами ipkg через веб-интерфейс. Возможность подключения пакета, вносящего изменения в веб-интерфейс за счет подключаемых страниц.
Управление разметкой подключенных дисков, проверка целостности файловой системы, файловые операции.
Java-applet для ssh-подключения непосредственно из окна браузера


Можно ли вынести www на флешку для тестов?
Можно, и даже нужно, особенно для теста ... ;)
http://wl500g.info/showthread.php?t=4845
http://wl500g.info/showthread.php?t=20508

FilimoniC
12-02-2011, 12:05
Ну они уже давно были сформулированы ... :rolleyes:
http://wl500g.info/showpost.php?p=218859&postcount=275



Можно, и даже нужно, особенно для теста ... ;)
http://wl500g.info/showthread.php?t=4845
http://wl500g.info/showthread.php?t=20508

Что делать если Java отключена?

iSage
12-02-2011, 12:59
Ну они уже давно были сформулированы ... :rolleyes:
http://wl500g.info/showpost.php?p=218859&postcount=275


Ага, отлично. С пожеланиями понятно. Наработок, я так понимаю, никаких в итоге нет?
И еще, есть какое-нибудь место для более оперативного общения, нежели форум? Ирк или джаббер-конференция?

_NemO_
12-02-2011, 16:17
А почему для применения параметров требуется ребут?
Довольно часто роутер не загружается после применения параметров. Приходится дергать из розетки.

Нельзя ли вынести настройку фаервола и монтирования дисков в WEB GUI?

ncat
12-02-2011, 17:22
Добрый вечер.
Прошу прощения, если этот вопрос уже поднимался, но не планируете ли включить в прошивку multi wan (такой вроде на чешской стоит).

lly
12-02-2011, 17:38
А почему для применения параметров требуется ребут?
Потому что некому развивать web-UI и схему online применения параметров.

Довольно часто роутер не загружается после применения параметров. Приходится дергать из розетки.
"не загружаться" он не должен - как ты это определил без консоли?
Скорее всего роутер не может отмонтировать занятую fs и просто и не начинает перезагрузку.

iSage
14-02-2011, 08:18
Потому что некому развивать web-UI и схему online применения параметров.


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

bmenee
14-02-2011, 09:26
В asp файлах много раз используется лишний закрывающий тэг </input> - его можно просто удалить

"Start tag: required, End tag: forbidden" (c) w3.org (http://www.w3.org/TR/html401/interact/forms.html#h-17.4)
"In HTML, the <input> tag has no end tag." (c) w3schools.com (http://www.w3schools.com/TAGS/tag_input.asp)
"Закрывающий тег Не требуется." (c) htmlbook.ru (http://htmlbook.ru/html/input)

pilson66
14-02-2011, 10:01
Избавиться от этого тега можно очень быстро:

pilson@xen2:~/web_asus_en$ grep -l "</input>" *
Advanced_Authentication_Content.asp
Advanced_BasicFirewall_Content.asp
Advanced_DDNS_Content_300g.asp
Advanced_DDNS_Content.asp
Advanced_DHCP_Content.asp
Advanced_DMZDLFilter_Content.asp
Advanced_DMZDWFilter_Content.asp
Advanced_DMZIP11g_Content.asp
Advanced_DMZIP_Content.asp
Advanced_DynamicRoute_Content.asp
Advanced_Exposed_Content_SP.asp
Advanced_Firewall_Content.asp
Advanced_GWStaticRoute_Content.asp
Advanced_LFirewall_Content.asp
Advanced_MultiPPPoE_Content.asp
Advanced_NAT_Content.asp
Advanced_NFS_Content.asp
Advanced_PortTrigger_Content.asp
Advanced_QOS_Content.asp
Advanced_RDHCP_Content.asp
Advanced_Services_Content.asp
Advanced_SNMP_Content.asp
Advanced_StaticRoute_Content.asp
Advanced_URLFilter_Content.asp
Advanced_USBStorage_Content.asp
Advanced_VirtualServer_Content.asp
Advanced_WAdvanced_Content_11n.asp
Advanced_WAdvanced_Content.asp
Advanced_WebCam_Content.asp
Advanced_Wireless11g_Content.asp
Advanced_Wireless11n_Content.asp
Advanced_Wireless_Content.asp
Advanced_WirelessDual11g_Content.asp
Advanced_WMMADV_Content.asp
Advanced_WMode11g_Content.asp
Advanced_WMode_Content.asp
Basic_Operation_Content.asp
Basic_ROperation_Content.asp
pilson@xen2:~/web_asus_en$ sed -i 's/<\/input>//g' *.asp
pilson@xen2:~/web_asus_en$ grep -l "</input>" *
pilson@xen2:~/web_asus_en$
Осталось чтобы это закоммитили в SVN.

featZima
14-02-2011, 10:08
Без определённого DOCTYPE теги не имеют никакого значения)

capau
27-02-2011, 15:08
тут (http://8roman.com/asus/) можно потыкать
над содержимым особо не парился, перекинул две страницы

подключена jquery библиотека
есть вкладки
меню раздвижное
как то так

как теперь это все прикрутить к роутеру рядом с тем что есть?

есть большой набор иконок 16х16, можно подобрать под интерфейс

rss
27-02-2011, 16:27
тут (http://8roman.com/asus/) можно потыкать
над содержимым особо не парился, перекинул две страницы

подключена jquery библиотека
есть вкладки
меню раздвижное
как то так

как теперь это все прикрутить к роутеру рядом с тем что есть?

есть большой набор иконок 16х16, можно подобрать под интерфейс

Здорово! Но теперь бы отказаться от статической html-разметки в пользу массивов-описателей параметров. Тогда сразу же решаем проблему локалей и получаем возможность генерировать страницы wan по количеству подключенных интерфейсов.

Код для получения параметров из маршрутизатора по JSON я уже выкладывал (можно реанимировать). И нужно доделать отправку параметров + обработчики, чтобы на лету без перезагрузки принимать изменения.

capau
27-02-2011, 16:31
Здорово! Но теперь бы отказаться от статической html-разметки в пользу массивов-описателей параметров. Тогда сразу же решаем проблему локалей и получаем возможность генерировать страницы wan по количеству подключенных интерфейсов.

Код для получения параметров из маршрутизатора по JSON я уже выкладывал (можно реанимировать). И нужно доделать отправку параметров + обработчики, чтобы на лету без перезагрузки принимать изменения.

я всего лишь форму собрал в HTML+CSS, здесь вопросов нет, сверстаю всё что будет
скрипт меню и вкладок из интернета, тут уж извените, со скриптами я пока не дружу

rss
27-02-2011, 16:41
я всего лишь форму собрал в HTML+CSS, здесь вопросов нет, сверстаю всё что будет
скрипт меню и вкладок из интернета, тут уж извените, со скриптами я пока не дружу

Жаль. Я пока не возьмусь.

А вообще, можно довольно сильно упростить то, что связано с html - все параметры с их соответствием nvram, типы, ограничители значений, переводы - всё хранить в JSON-файлах. Тогда правка страницы или добавление новой по сути будет требовать лишь изменения соответствующих описателей.

CattheBlack
27-02-2011, 16:47
По поводу юзабельности мнение - очень длинные по вертикали страницы не очень удобно, особенно с учётом кнопок "Apply/Finish" в самом низу.
Может, лучше сделать масштабируемую под размер окна браузера область с настройками и скроллбаром сбоку, а внизу страницы статично кнопки принять/сбросить?
Или сделать вкладки разные, не в один длинный лист.

Да, я, боже упаси, никого не критикую и не наезжаю, но, мне кажется, пока нет реально работающего механизма для работы с переменными (чтения/записи, чтения ограничений) - можно сколько угодно рисовать красивые интерфейсы. Только смысла не будет. Если же создать такой механизм, то и красивости появятся в большом количестве. А самое невероятное - если бы была возможность без пересборки прошивки или танцев с подменой www и битьём сервера выбирать, откуда брать морду (с флэшки, например).

PS. Понимаю, что это не слишком нужные штуки, а может, и вообще глупость сморозил. Особо не пинайте ;)

vectorm
27-02-2011, 16:58
тут (http://8roman.com/asus/) можно потыкать
над содержимым особо не парился, перекинул две страницы

подключена jquery библиотека
есть вкладки
меню раздвижное
как то так

как теперь это все прикрутить к роутеру рядом с тем что есть?

есть большой набор иконок 16х16, можно подобрать под интерфейс
Reboot наверное от Logout лучше подальше разнести, плюс посадить дополнительное подтверждение (Да/Нет). А то будет куча претензий от невнимательно тыкающих ;)

capau
27-02-2011, 17:12
Жаль. Я пока не возьмусь.

А вообще, можно довольно сильно упростить то, что связано с html - все параметры с их соответствием nvram, типы, ограничители значений, переводы - всё хранить в JSON-файлах. Тогда правка страницы или добавление новой по сути будет требовать лишь изменения соответствующих описателей.

покажи хотя бы куда копать, у меня литература есть, будет реальная задача разобраться со скриптами.

2CattheBlack
по поводу юзабильности/неюзабильности и всякого рода предложений впредь советую читать ветку с поста так этак 250го, а комментаторов не читавших тему буду отправлять в пешее эротическое путешествие.
(дизайнеры народ жесткий)

capau
27-02-2011, 17:14
Reboot наверное от Logout лучше подальше разнести, плюс посадить дополнительное подтверждение (Да/Нет). А то будет куча претензий от невнимательно тыкающих ;)

думаю если там иконки сделать - это выделит и ребут и логофф, ну и плюс всплывающие уведомления, как для вывода ошибок так и для выхода и ребута, будут конечно уместно

AndreyUA
27-02-2011, 17:23
Красиво смотрится. В хроме все ок. В осле седьмом кнопки ушли вправо.

capau
27-02-2011, 17:29
Красиво смотрится. В хроме все ок. В осле седьмом кнопки ушли влево.
у меня 8ой тестил под него, думаю к моменту финального релиза морды про 7й ие уже забудут. но все равно постараюсь исправить

capau
27-02-2011, 17:33
как прикрутить это дабро к роутеру?
я сейчас хотя бы на уровне HTML мог собрать всё

rss
27-02-2011, 18:15
покажи хотя бы куда копать, у меня литература есть, будет реальная задача разобраться со скриптами.


Формат JSON.
Подключение локалей:
Там, где требуется надпись, необходимо вызывать некоторую функцию, например tr("Reboot");

Определение этой функции должно быть приблизительно:


var locale_messages;

function tr(str){
var result;
try{
result=locale_messages[str];
} catch(err) {};
if(!result) result=str;
return result;
}

А вот самое интересное - инициализация этого массива. Должна быть функция, которая в зависимости от настроек подключает соответствующую локаль, что в итоге соответствует:


locale_messages=
{'Reboot':'Перезагрузить',
'Logout':'Выйти',
'modem_pdata':'Порт данных',
'modem_pui':'Порт статистики'}

или для любого другого языка

locale_messages=
{'Reboot':'Neustart',
'Logout':'....'}
Т.е. перевод пишет носитель языка, а не дизайнер/программист.


Надо продумать струтуру динамически формируемых страниц. Для этого нужны описатели в формате

[
{'name':'Custom USB device parameters',
'descr':[
{'param':'modem_pdata', 'type':'int', 'min':'0', 'max':'10','length':'2'},
{'param':'wan_modem_autodetect', 'type':'radio', 'min':'0', 'max':'1'},
{'param':'wan_modem_usbloc', 'type':'str', 'mask':'*.*.*.', 'length':'20'}
]
},
{'name':'Custom USB device parameters',
'descr':[
.....
]
}
]

Что-то такое. Возможно, что даже не всё название параметра будет прошито - префикс wan_ может меняться. Значения подгружаются по запросу с маршрутизатора в формате JSON. По этому описанию генерируется форма.


В общем, что-то такое.

capau
27-02-2011, 19:00
Что-то такое. Возможно, что даже не всё название параметра будет прошито - префикс wan_ может меняться. Значения подгружаются по запросу с маршрутизатора в формате JSON. По этому описанию генерируется форма.


может пока оставить перевод и верстать под en, остальные языки потом
а начать со структуры данных
я тут нашел парой страниц назад два архива: httpd_json1 и get_json - это то что можно юзать? в httpd_json1 есть web_ex.c - как я понимаю исходник броадкомовский.

как можно из имеющейся прошивки срез всех данных сделать для структурирования?

rss
27-02-2011, 19:24
может пока оставить перевод и верстать под en, остальные языки потом Если всё будет динамическим, то проблем нет. Если же закладывать статичную HTML-разметку, то придём к тому, что имеем сейчас. Чтобы сделать перевод - надо сделать точную копию того, что есть + поддерживать синхронное состояние. Т.е. опять будет только английская версия ;)


а начать со структуры данных
я тут нашел парой страниц назад два архива: httpd_json1 и get_json - это то что можно юзать? в httpd_json1 есть web_ex.c - как я понимаю исходник броадкомовский. Использовать можно. Нового пока ничего нет. Первоначально исходники бродкомоские....


как можно из имеющейся прошивки срез всех данных сделать для структурирования?

Прилагаю. Структуру представления можно изменить. Например сделать иерархию по префиксу, а перечисления переместить в массивы json-объектов. (только это потребует дальнейшей переделки httpd)

PS: http://wl500g.info/showpost.php?p=219561&postcount=349 - модифицированный (на чтение в JSON) httpd и простейший пример для постройки формы со всеми переменными.

capau
27-02-2011, 19:44
Если всё будет динамическим, то проблем нет. Если же закладывать статичную HTML-разметку, то придём к тому, что имеем сейчас. Чтобы сделать перевод - надо сделать точную копию того, что есть + поддерживать синхронное состояние. Т.е. опять будет только английская версия ;)

я не против локалей, всеми руками за
мне просто приоритеты непонятны

rss
27-02-2011, 19:48
я не против локалей, всеми руками за
мне просто приоритеты непонятны

Не будет правильно спроектированной структуры и механизма её динамического отображения - не будет и локалей. Разметка HTML должна генерироваться на основании описания.

theMIROn
27-02-2011, 20:01
на текущий момент мы можем уже начать использовать дизайн в статике html + css, конечно динамическое описание переменных было бы здорово (2rss)

rss
27-02-2011, 20:05
на текущий момент мы можем уже начать использовать дизайн в статике html + css, конечно динамическое описание переменных было бы здорово (2rss)

Если только близкий к механическому перенос того, что есть. Иначе лучше спроектировать заново.

Вообще, современный веб-интерфейс следует рассматривать не как набор бессвязных страниц, а как автономное приложение, реализованное на js, выполняемое на браузере и изредка! осуществляющее обмен данными с веб-сервером.

capau
27-02-2011, 20:15
на текущий момент мы можем уже начать использовать дизайн в статике html + css, конечно динамическое описание переменных было бы здорово (2rss)

я всё таки больше склоняюсь к мнению rss
лучше изначально делать грамотно, чем потом переделывать

theMIROn
27-02-2011, 20:17
я всё таки больше склоняюсь к мнению rss
лучше изначально делать грамотно, чем потом переделывать

я тоже, собственно.
нужно иметь ввиду, что httpd однопоточный (пока один запрос не отработает, второго не будет)

rss
27-02-2011, 20:34
нужно иметь ввиду, что httpd однопоточный (пока один запрос не отработает, второго не будет)
Это не самая большая проблема. Браузер разгребёт статические запросы, а в JS надо использовать асинхронный обмен.

К тому же, не исключаю возможность перехода на busybox_httpd, чтобы не было проблем с запуском скриптов. Если говорить о семействе RT-N - накладные расходы на веб-интерфейс уже не столь серьёзные.

В busybox_httpd не хватает внедрения в его адресное пространство и фильтрации запросов. В остальном - почему бы и не использовать.

capau
27-02-2011, 21:07
давайте к шаблону вернемся )))
сейчас, как я понимаю, нужно прописать функцию/и которая будет строить HTML из ответов роутера, + структурировать эти самые ответы - данные. так?

rss
28-02-2011, 06:28
давайте к шаблону вернемся )))
сейчас, как я понимаю, нужно прописать функцию/и которая будет строить HTML из ответов роутера, + структурировать эти самые ответы - данные. так?

Именно так. При этом где-то должны быть перечислены параметры, относящиеся к данной странице.

capau
28-02-2011, 19:38
Именно так. При этом где-то должны быть перечислены параметры, относящиеся к данной странице.

посмотри вот тут (http://site-96.ru/blog/document340/) функции по построению дерева меню, это можно как то использовать?

rss
01-03-2011, 17:59
посмотри вот тут (http://site-96.ru/blog/document340/) функции по построению дерева меню, это можно как то использовать?

Как идею - да. Как реализацию - нет. Придется всё равно самостоятельно делать.

danmer
04-03-2011, 19:32
давайте к шаблону вернемся )))
сейчас, как я понимаю, нужно прописать функцию/и которая будет строить HTML из ответов роутера, + структурировать эти самые ответы - данные. так?

По поводу дизайна исключительно

Сами настройки- отлично.
"Прилипание" кнопок левого меню к ним- так себе, я бы отлепил :)
Лого Асуса вверху слева- ужасно :eek:


З.Ы. Кстати мб делать "выпадающие" списки меню изначально развернутыми?

И я бы эти "USB Network Devices" перенес бы в USB Application, которую переназвал бы просто и незамысловато: USB :)

rss
04-03-2011, 19:42
И я бы эти "USB Network Devices" перенес бы в USB Application, которую переназвал бы просто и незамысловато: USB :)
Вот уж чем коммуникационные устройства не являются - так это приложениями для USB....

Место им среди настроек WAN.

capau
04-03-2011, 21:14
По поводу дизайна исключительно

Сами настройки- отлично.
"Прилипание" кнопок левого меню к ним- так себе, я бы отлепил :)
Лого Асуса вверху слева- ужасно :eek:


З.Ы. Кстати мб делать "выпадающие" списки меню изначально развернутыми?

И я бы эти "USB Network Devices" перенес бы в USB Application, которую переназвал бы просто и незамысловато: USB :)

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

+ если делать все списки развернутыми, то получится портянка на два экрана минимум

что касается структуры интерфейса, выше есть срез (http://wl500g.info/showpost.php?p=226007&postcount=407) всех параметров в текстовом файле, карты в руки, меньше слов больше дела!

danmer
05-03-2011, 08:40
"кнопки" "прилипают" потому что так удобней и компактней.

не знаю. в чем тут удобство, но имхо выглядит ужасно ))
Что касается структуры- то я вряд ли разберусь в этом, но могу сказать, что гораздо проще покрутить колесико, чем тыкать и тыкать в разные раскрывающиеся списки, в поисках нужного пункта.

Т.е. желательно максимально сократить количество страниц с настройками.
К примеру: разные логи (Status, Wireless Log, System Log итп) вполне можно отобразить на одной странице.
Эргономика ))


Место им среди настроек WAN.
Тут вам виднее-но чем меньше страниц и разделов- тем лучше )))

capau
05-03-2011, 10:03
не знаю. в чем тут удобство, но имхо выглядит ужасно ))
Что касается структуры- то я вряд ли разберусь в этом, но могу сказать, что гораздо проще покрутить колесико, чем тыкать и тыкать в разные раскрывающиеся списки, в поисках нужного пункта.

Т.е. желательно максимально сократить количество страниц с настройками.
К примеру: разные логи (Status, Wireless Log, System Log итп) вполне можно отобразить на одной странице.
Эргономика ))


Тут вам виднее-но чем меньше страниц и разделов- тем лучше )))

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

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

вывод: хватит флудить, если не в состоянии ничего предложить по делу.

r.besslov
05-03-2011, 10:18
не ну стоп. Одни говорят что надо сделать так, другие говорят что надо сделать эдак. В любом случае оба варианта сходу реализовать будет проблематично, но можно попробовать это преобразовать в иной вид:

Три раздела: Основные настройки, Профессиональные настройки, USB Устройства.
В основные настройки перекинуть Подключение к интернету (тип подключения, логин-пароль, мак, auto\manual IP & DNS), Wi-Fi (SSID, шифрование, тип сигнала (b,g,n)), проброс портов (как ни крути, а многие пользователи маршрутизаторов до этого доходят), Multicast (причем вариантов достаточно двух, Включено и Выключено) и Основные логи (кто подключен по вафле, насколько загружен канал).

В меню профессиональные настройки забросить подключения по SSH, настройки файрволл, доступ к маршрутизатору извне, DynDNS, профессиональные настройки Wi-Fi и прочее.

Третий раздел - собственно должен активироваться только при условии, что к USB разъемам что-то подключено. В зависимости от устройства, можно включить FTP-сервер и Samba (если там жесткий диск), WebCam (если подключили вебку), 3G \ GPRS подключение (если воткнут USB-свисток(он же модем, кто не в курсе)) и т.д.

А вообще было бы прикольно, если бы была галочка - "Disable WEB interface", и вместо веб-интерфейса появлялся бы список команд, которые можно использовать при настройке роутера по SSH (таким образом настройки с web не мешали бы друг другу, и продвинутые пользователи могли полностью программировать роутер "под себя" в PyTTY)

Но это чисто мое ИМХО... конечно же

capau
05-03-2011, 16:09
не ну стоп. Одни говорят что надо сделать так, другие говорят что надо сделать эдак. В любом случае оба варианта сходу реализовать будет проблематично, но можно попробовать это преобразовать в иной вид:

Три раздела: Основные настройки, Профессиональные настройки, USB Устройства.
В основные настройки перекинуть Подключение к интернету (тип подключения, логин-пароль, мак, auto\manual IP & DNS), Wi-Fi (SSID, шифрование, тип сигнала (b,g,n)), проброс портов (как ни крути, а многие пользователи маршрутизаторов до этого доходят), Multicast (причем вариантов достаточно двух, Включено и Выключено) и Основные логи (кто подключен по вафле, насколько загружен канал).

В меню профессиональные настройки забросить подключения по SSH, настройки файрволл, доступ к маршрутизатору извне, DynDNS, профессиональные настройки Wi-Fi и прочее.

Третий раздел - собственно должен активироваться только при условии, что к USB разъемам что-то подключено. В зависимости от устройства, можно включить FTP-сервер и Samba (если там жесткий диск), WebCam (если подключили вебку), 3G \ GPRS подключение (если воткнут USB-свисток(он же модем, кто не в курсе)) и т.д.

А вообще было бы прикольно, если бы была галочка - "Disable WEB interface", и вместо веб-интерфейса появлялся бы список команд, которые можно использовать при настройке роутера по SSH (таким образом настройки с web не мешали бы друг другу, и продвинутые пользователи могли полностью программировать роутер "под себя" в PyTTY)

Но это чисто мое ИМХО... конечно же

мне кажется не имеет смысла сейчас обсуждать, то что уже давно пережевано.
есть задача (http://wl500g.info/showpost.php?p=225999&postcount=405) конкретная не абстрактная, к этой задаче есть "дано (http://wl500g.info/showpost.php?p=226007&postcount=407)", но при этом обсуждается логотип асуса и прилипание/отлипание кнопок. может хватит из пустого в порожнее, есть знания/возможность/желание займитесь решением задачи, помогите уж будте добры. подправить интерфейс дело совершенно десятой важности и не суперсложное. в противном случае все это демагогия

danmer
07-03-2011, 17:47
вот о чем я говорю (про обьединение страниц- неважно логов или прочего) у "соседей" все ОК :)

http://www.imagepost.ru/images/490/9jBio97.png

или

http://team-noehring.de/extern/wrt54gl/tomato125/img/Basic_%20Network_basic-network_asp.png

Прекрасные "портянки" :)

И кстати, полностью развернутые меню вполне себе- советую ознакомиться:
http://lampiweb.com/virtual/tomatok26/status-devices.html

ИМХО, очень удобно.
Не надо рассматривать вышеприведенное как догму и спорить- какой фломастер вкуснее- синий или красный.
Гораздо продуктивнее воспринять все это просто как пищу для размышления.


З.Ы. Ну а про "флуд" это ты зря :) я контекстно о дизайне и юзабилити того, что в шапке темы.

З.З.Ы. Кстати дизайн вышеприведенного более лаконичен, нейтрален и утилитарен, айлайк.

DemonGloom
07-03-2011, 18:03
И кстати, полностью развернутые меню вполне себе- советую ознакомиться:
http://lampiweb.com/virtual/tomatok26/status-devices.html

ИМХО, очень удобно.

Угу..11 раз прокрутить мышку для перезагрузки роутера - прелесть...
А уж если с нетбука зайти.. Все-таки свернутые меню правильнее, особенно если вы помните где нужный пункт..

danmer
07-03-2011, 18:09
свернутые меню правильнее, особенно если вы помните где нужный пункт..

Синус и косинус тоже помнить хорошо для каждого угла, однако калькулятор- удобнее :)


Угу..11 раз прокрутить мышку - прелесть...

У меня на мышке инерционная прокрутка, чего и вам желаю, сокращение затрат в данном случае- в 11 раз :)

capau
07-03-2011, 18:30
Синус и косинус тоже помнить хорошо для каждого угла, однако калькулятор- удобнее :)


У меня на мышке инерционная прокрутка, чего и вам желаю, сокращение затрат в данном случае- в 11 раз :)

попробуй в такой интерфейс зайти с телефона и поймешь очень многое. вот тогда и поговорим об удобстве, утилитарности и лаконичности

CattheBlack
09-03-2011, 16:09
Про юзабилити и память к синусам.

Ведь можно сделать над свёрнутыми пунктами меню подсказки всплывающие - что в них за разделы есть. Вроде-бы не особо обременительно, а прочитать подсказку быстрее, чем прокликивать их.
Или какую-нибудь статусную строку (если всплывающие плохо).
Или это хлопотно и мешать будет? ;)

dlukanidin
09-03-2011, 18:18
Про юзабилити и память к синусам.

Ведь можно сделать над свёрнутыми пунктами меню подсказки всплывающие - что в них за разделы есть. Вроде-бы не особо обременительно, а прочитать подсказку быстрее, чем прокликивать их.
Или какую-нибудь статусную строку (если всплывающие плохо).
Или это хлопотно и мешать будет? ;)
И я свои 5 копеек. Всё больше и больше людей вообще не разбирающихся, что такое маршрутизация покупают роутеры и пытаются их настроить. Мне достаточно часто приходится консультировать друзей, знакомых и родственников причём по телефону и по самым разным моделям. В результате несколько выводов, всё конечно сугубо ИМХО:
1. Желательно, чтобы безусловно необходимые параметры одной настройки были все на одном экране (вспомогательные можно и на простыню, их используют только при тонкой настройке люди понимающие, а им, по большому счёту, всё равно, главное, чтобы настроить можно было), причём желательно, чтобы распологались в порядке в котором их надо заполнять.
2. Настраивают следующие вещи:

доступ в интернет
WIFI
доступ к роутеру
3. Управляющие кнопки должны быть понятны и однозначны - сохранить, перезагрузить, отменить - причём на каждой странице. (Схема асуса неприемлема в принципе, её понять то можно только если точно знаешь, что делается, а объяснить простому человеку вообще невозможно).
4. Первой страницей морды должен быть статус (или он должен присутствовать в верху на каждой странице), чтобы можно было сразу определить подключен ли интернет(c главными параметрами), WIFI (с подключенными клиентами)
5. Крайне желательно дать возможность администратору сделать возможной временную видимость введённых паролей. (Это конечно слегка снижает безопасность (в смысле подсмотреть), но зато как снижает время на настройку - просто фантастика).

В общем представьте, что роутер нужно настроить Вашей супруге/супругу или Вашим родителям причём по телефону, да ещё когда они не знают языка интерфейса.

DemonGloom
10-03-2011, 05:57
В общем представьте, что роутер нужно настроить Вашей супруге/супругу или Вашим родителям причём по телефону, да ещё когда они не знают языка интерфейса.

С нашим роутером шла такая утилитка.. EZSetup обзывалась.. Именно для этого она и предназначена..

FilimoniC
10-03-2011, 07:05
В общем представьте, что роутер нужно настроить Вашей супруге/супругу или Вашим родителям причём по телефону, да ещё когда они не знают языка интерфейса.

Ставим комп, цепляем проводом к интернету, ставим на него TeamViewer.
Включаем роутер в сеть, ставим рядом. На ноуте включаем WiFi. Заходим через TeamViewer, коннектимся по WiFi к точке Default (etc.), настраиваем.

Все ноуты с WiFi оборудованы Ethernet-ом. За редким исключением.
Если нет WiFi, то нафига роутер вообще покупался?


Вариант #2 - настраиваем свой роутер, сохраняем настройки, высылаем, рассказываем как применить.

al37919
10-03-2011, 07:17
Ставим комп, цепляем проводом к интернету, ставим на него TeamViewer.
Включаем роутер в сеть, ставим рядом. На ноуте включаем WiFi. Заходим через TeamViewer, коннектимся по WiFi к точке Default (etc.), настраиваем.

Все ноуты с WiFi оборудованы Ethernet-ом. За редким исключением.
Если нет WiFi, то нафига роутер вообще покупался?

Вариант #2 - настраиваем свой роутер, сохраняем настройки, высылаем, рассказываем как применить.

для всех этих телодвижений сеть должна быть уже поднята ;)
То, что написал dlukanidin ИМХО вполне разумно

AndreyUA
10-03-2011, 08:50
Как раньше писал, имхо все основные настройки удобнее вынести на одну страницу, как quick setup или wizard. Так проще и быстрее настраивать. И для новичков будет понятнее.

TReX
10-03-2011, 10:38
Как раньше писал, имхо все основные настройки удобнее вынести на одну страницу, как quick setup или wizard. Так проще и быстрее настраивать. И для новичков будет понятнее.

Создайте систему, которой сможет пользоваться даже дурак, и только дурак захочет ею пользоваться.

Принцип Шоу :D

AndreyUA
10-03-2011, 11:11
Создайте систему, которой сможет пользоваться даже дурак, и только дурак захочет ею пользоваться.

Принцип Шоу :D
Ну тогда может нафиг этот веб интерфейс? Через nvram можно настроить точно также.

capau
10-03-2011, 11:45
Ну тогда может нафиг этот веб интерфейс? Через nvram можно настроить точно также.

)))зачем вам тогда вообще роутер, ходите в интернет пешком

CattheBlack
10-03-2011, 11:56
Создайте систему, которой сможет пользоваться даже дурак, и только дурак захочет ею пользоваться.

Принцип Шоу :D

Я, конечно, не гуру, но считаю, что это не слишком уместная хохма. Базовое использование винды, например, доступно очень многим. Но ведь под ней могут работать и асы из асов - важна задача и пути её реализации. И суперспецсистема для самых-самых - не лучший подход. ;)
Вполне разумно сделать стартовую страницу ненастроенного роутера визардом с простыми и наглядными настройками основных функций.

И, главное, чтобы можно было в расширенных настройках её сменить на более нужную конкретному пользователю - логи, статусы, что-то ещё. Как, например, идея сделать стартовую страницу произвольной? Вбиваешь внутренний урл роутера - и получаешь при логине то, что нужно. Только нужна возможность сбросить её в дефолт.

Профи настроит всё, не пользуясь простыми настройками, а всем остальным (их большинство) это здорово облегчит жизнь.
А выслать куда-то какие-то настройки от какой-то сети - нужен, минимум, роутер такой же, причем не занятый делом, а ведь может потребоваться помощь, когда Вы в командировке или в отпуске. Я вот не маньяк, не таскаю на дачу или море оборудование.

Не нужно обходные пути через ЮАР в соседний подъезд выдавать за единственное возможное, и, главное, правильное решение. Это возможность обойти сложность интерфейса в конкретном случае, ничуть не более.

TReX
10-03-2011, 13:00
ЯВполне разумно сделать стартовую страницу ненастроенного роутера визардом с простыми и наглядными настройками основных функций.


невозможно, объясню почему -

1 пример - домонет с белым IP, проверка по MAC - пользователю только и нужно NAT поковырять
2 пример - роутер работает с модемом 3G/WiMAX - нужны настройки модема, SSID, NAT
3 пример - пчелайн - надо настраивать тунель до провайдера, NAT

и что вы выберете по умолчанию? То что вам удобно? А остальные чем виноваты?

Единственным решением для тех кому ничем думать нехочется был програмный визард под виндами от Zyxel, вы просто тыкаете мышкой в нужного вам провайдера и через полторы минуты получаете настроенный роутер... Одна проблема кто это будет писать и главное поддерживать в актуальном состоянии для сотен провайдеров... :D

AndreyUA
10-03-2011, 13:05
невозможно, объясню почему -

1 пример - домонет с белым IP, проверка по MAC - пользователю только и нужно NAT поковырять
2 пример - роутер работает с модемом 3G/WiMAX - нужны настройки модема, SSID, NAT
3 пример - пчелайн - надо настраивать тунель до провайдера, NAT

и что вы выберете по умолчанию? То что вам удобно? А остальные чем виноваты?

Единственным решением для тех кому ничем думать нехочется был програмный визард под виндами от Zyxel, вы просто тыкаете мышкой в нужного вам провайдера и через полторы минуты получаете настроенный роутер... Одна проблема кто это будет писать и главное поддерживать в актуальном состоянии для сотен провайдеров... :DПосмотрите существующий визард. Его немного дополнить/поправить и будет ок.

capau
10-03-2011, 13:10
всё это замечательно, правильно, умно и конечно имеет место быть
ну вы хотя-бы читайте предыдущие посты.

можно как то вынести 250й и 405й посты в шапку и наверное еще ссылочку на шаблон.

народ не утруждает себя в чтении и не вникнув в процесс пишет одно и тоже на 10й раз.

FilimoniC
10-03-2011, 13:28
для всех этих телодвижений сеть должна быть уже поднята ;)
То, что написал dlukanidin ИМХО вполне разумно
Если вас послушать, то в комплекте к роутеру надо еще давать дрель, каску, протяжку, бухту витухи, 2 RJ45 и обжимку.

Провайдер - это такой дядя, который приходит домой, включает интернет и все работает. Как правило все уже есть и работает.

AndreyUA
10-03-2011, 13:32
всё это замечательно, правильно, умно и конечно имеет место быть
ну вы хотя-бы читайте предыдущие посты.

можно как то вынести 250й и 405й посты в шапку и наверное еще ссылочку на шаблон.

народ не утруждает себя в чтении и не вникнув в процесс пишет одно и тоже на 10й раз.
Я прочитал. Это тоже предложения. Не руководства к действию, все лишь предложения. Я бы даже сказал - обсуждение того или иного функционала.

capau
10-03-2011, 13:37
Я прочитал. Это тоже предложения. Не руководства к действию, все лишь предложения. Я бы даже сказал - обсуждение того или иного функционала.

функционала чего? предложения куда?
в данный момент вопрос стоит о механизме работы интерфейса и его графической составляющей.
но все почему-то обсуждают функционал(О_о)/структуру. надеюсь не нужно объяснять что это разные вещи.
то что будет отображаться на главной/начальной странице никакого отношения не имеет к тому как будет работать веб интерфейс. если механизм будет позволять настраивать главную/весь интерфейс под себя, то это вообще не важно и смысла это обсуждать нет никакого.

AndreyUA
10-03-2011, 13:44
функционала чего? предложения куда?
в данный момент вопрос стоит о механизме работы интерфейса и его графической составляющей.
но все почему-то обсуждают функционал(О_о)/структуру. надеюсь не нужно объяснять что это разные вещи.
то что будет отображаться на главной/начальной странице никакого отношения не имеет к тому как будет работать веб интерфейс. если механизм будет позволять настраивать главную/весь интерфейс под себя, то это вообще не важно и смысла это обсуждать нет никакого.У каждого свои приоритеты :) Форум на то и форум чтобы обсуждать что-либо. Кто-то обсуждает функционал, кто-то механизм. Но все обсуждают веб-интерфейс. На посты, которые вам не интересны просто не обращайте внимания.

CattheBlack
10-03-2011, 18:34
Простите, что флужу, но, мне кажется, тут что-то вроде коллективного мозгового штурма. К сожалению, нет раздельных веток, поэтому всё, что касается интерфейса, сваливается сюда.
И идеи, которые кажутся конструктивными, вносятся сюда, как всегда при мозгоштурме. Иначе они забудутся, когда придёт время по плану.
Я понимаю, сначала идёт анализ требуемой системы, разработка концепции, иерархии, архитектуры, структуры, принципов взаимодействия составных частей и т.д., затем то же (или часть) для каждого модуля и т.д. Но идеи могут прийти когда и куда угодно.
В моей практике был случай, когда, на этапе анализа ТЗ, из требований по точности управления родилась идея части интерфейса оператора в случае ручного управления. Её записали и применили уже в самом конце проекта, где-то через пять-шесть месяцев. Извиняюсь за старческую мемуаристику;)
Пусть идеи копятся, потом из них можно будет взять что-нибудь конструктивное, когда придёт время!
Ещё раз простите за оффтоп и прочее.

capau
10-03-2011, 18:51
Простите, что флужу, но, мне кажется, тут что-то вроде коллективного мозгового штурма. К сожалению, нет раздельных веток, поэтому всё, что касается интерфейса, сваливается сюда.
И идеи, которые кажутся конструктивными, вносятся сюда, как всегда при мозгоштурме. Иначе они забудутся, когда придёт время по плану.
Я понимаю, сначала идёт анализ требуемой системы, разработка концепции, иерархии, архитектуры, структуры, принципов взаимодействия составных частей и т.д., затем то же (или часть) для каждого модуля и т.д. Но идеи могут прийти когда и куда угодно.
В моей практике был случай, когда, на этапе анализа ТЗ, из требований по точности управления родилась идея части интерфейса оператора в случае ручного управления. Её записали и применили уже в самом конце проекта, где-то через пять-шесть месяцев. Извиняюсь за старческую мемуаристику;)
Пусть идеи копятся, потом из них можно будет взять что-нибудь конструктивное, когда придёт время!
Ещё раз простите за оффтоп и прочее.

ничего нового в последних 10-15 постах нет. что должно быть на главной и в каком объеме, обсуждалось неоднократно, достаточно почитать ветку.
больше того, повторюсь, если механизм работы вебморды позволит кастомизировать ее структуру, то такое обсуждение априори бессмысленно, любой может настроить структуру и вид главной страницы веб интерфейса по собственные задачи и так как ему удобно.
я не утверждаю что вопрос о том как, что и где показывать не есть вопрос вне рамок этой ветки. напротив, самое оно и есть. но что тогда мозговой штурм, если через каждый шаг всё возвращается к одному и тому же или нескольким вопросам? оставляя за бортом решение конкретных задач.

dlukanidin
22-03-2011, 15:53
ничего нового в последних 10-15 постах нет.
Пробуем сделать шаг вперёд.
Вот попробовал реализовать на Вашем шаблоне страничку настройки модема.
Это промежуточный результат. Выкладываю, чтобы получить рекомендации и замечания.

rss
22-03-2011, 18:54
Пробуем сделать шаг вперёд.
Вот попробовал реализовать на Вашем шаблоне страничку настройки модема.
Это промежуточный результат. Выкладываю, чтобы получить рекомендации и замечания.

Для начала - замечательно.
Только не надо забывать про обязательность кодировки UTF-8 для русских букв в general.js, если уж это указано в index.html.

jQuery лучше сразу взять минимизированную версию.

Дальше надо думать об обменном формате с сервером. Либо плоское отображение всех нынешних параметров, либо дерево параметров по группам, сответствующим префиксам. + использование средств jQuery и, возможно, https://github.com/douglascrockford/JSON-js .

$.post("json/set", myJSONObject.toJSONString(),
function(data){
alert(data);
});


В любом случае надо стремиться к тому, чтобы веб-интерфейс можно было максимально отлаживать без наличия веб-сервера (например с функциями заглушками, блокирующими передачу данных).

И еще, с т.з. минизации действий браузера в js. Строки лучше делать максимально длинными, но не выполнять лишних конкатенаций.

dlukanidin
22-03-2011, 22:20
Для начала - замечательно.
Только не надо забывать про обязательность кодировки UTF-8 для русских букв в general.js, если уж это указано в index.html.

Честно говоря даже не посмотрел. Редактировал в Dreamweawer, а там с ходу даже не нашёл где поменять. Уйти что ли на SharePoint.


jQuery лучше сразу взять минимизированную версию.

Это не удобно для отладки. Поменять никогда не поздно при переходе к варианту на роутере.


Дальше надо думать об обменном формате с сервером. Либо плоское отображение всех нынешних параметров, либо дерево параметров по группам, сответствующим префиксам. + использование средств jQuery и, возможно, https://github.com/douglascrockford/JSON-js .

$.post("json/set", myJSONObject.toJSONString(),
function(data){
alert(data);
});


Я бы предложил так:
1. чтение - получаем срез nvram по набору префиксов типа
getNVRAM(['wan_modem','wan_proto','conf'])
или
var nvram="<%nvram_get_y("['wan_modem','wan_proto','conf']")%>"
2. запись - одна переменная типа {'name':'value',...}
Но в любом случае не дерево, чтобы не заниматься разбором.
Возьмите пожалуйста решение на себя.


В любом случае надо стремиться к тому, чтобы веб-интерфейс можно было максимально отлаживать без наличия веб-сервера (например с функциями заглушками, блокирующими передачу данных).

Я правда с локальным сервером отлаживаюсь, но в том варианте в котором выложено можно по моему и напрямую править.


И еще, с т.з. минизации действий браузера в js. Строки лучше делать максимально длинными, но не выполнять лишних конкатенаций.
Принимается. После получения всех отзывов внесу правки.
Сейчас занимаюсь доработкой мелочей, в ближайшее время выложу более полный вариант, практически с полным функционалом, кроме собственно работы с nvram.
Открытый вопрос - как сделать адресацию страниц.

rss
23-03-2011, 10:30
Честно говоря даже не посмотрел. Редактировал в Dreamweawer, а там с ходу даже не нашёл где поменять. Уйти что ли на SharePoint.
Поддерживаю Notepad++. Для js можно Eclipse.



Это не удобно для отладки. Поменять никогда не поздно при переходе к варианту на роутере.

Я бы предложил так:
1. чтение - получаем срез nvram по набору префиксов типа
getNVRAM(['wan_modem','wan_proto','conf'])
или
var nvram="<%nvram_get_y("['wan_modem','wan_proto','conf']")%>"
2. запись - одна переменная типа {'name':'value',...}
Но в любом случае не дерево, чтобы не заниматься разбором.
Возьмите пожалуйста решение на себя. Вариант httpd под JSON я уже выкладывал. Для отладки можно взять откомпилированную версию. Там как раз реализуется плоский вариант и только на чтение. Для записи надо думать как делать обработчики, чтобы можно было менять состояние маршрутизатора без его перезагрузки.



Открытый вопрос - как сделать адресацию страниц.
Для интерфейса как такового адрес страницы вторичен. Для того, чтобы можно было сохранить ссылку - как вариант искусственный параметр-идентификатор, по которому js-интерфейс раскрывает то, что нужно. Значением этого идентификатора можно, например, сделать имя нынешних страниц без ".asp".

Общая схема работы следующая. Запрос значений сохраненных параметров с сервера по всем страницам однократно. Далее средствами AJAX опрос только изменяющихся параметров. Т.е. при изменении страницы с сервера ничего не запрашивается и никакой лишней перезагрузки страниц нет. Сохранение значений - в момент нажатия кнопки.

FilimoniC
23-03-2011, 11:49
Для записи надо думать как делать обработчики, чтобы можно было менять состояние маршрутизатора без его перезагрузки.

ЗАЧЕМ!!!!?

rss
23-03-2011, 12:00
А затем, чтобы при выборе например Disable Wifi не надо было перезагружать маршрутизатор. Нынешний механизм скорее всего не получится использовать без изменений.

В действующем интерфейсе обработчики на изменение присутствуют. Что плохого в том, чтобы при изменении настроек какого-нибудь сервиса, он был автоматически перезапущен, оповещен или еще что-нибудь в этом роде?

Вопрос только в том, на какие параметры и как надо реагировать.

theMIROn
23-03-2011, 12:04
а потом получится "хотели как лучше, получилось как всегда".
см - официальные прошивки, там такой путь и реализован.

capau
23-03-2011, 13:40
может часы перенести куда-нибудь под лого, а то тут целая дискуссия была по поводу шапки и особенно её высоты, а тут нате ))))
и DOCTYPE наверное лучше использовать не xhtml
+ я изначально взял форму и верстку самого контента из нынешней прошивки, но в таком виде она слишком расточительна к экранному пространству, нужно переверстывать не в таблицах, а блоками и делать компактней. поэтому возможно придется табличную часть в скриптах переписать
рад прогрессу ))

dlukanidin
23-03-2011, 15:24
может часы перенести куда-нибудь под лого, а то тут целая дискуссия была по поводу шапки и особенно её высоты, а тут нате ))))
и DOCTYPE наверное лучше использовать не xhtml
+ я изначально взял форму и верстку самого контента из нынешней прошивки, но в таком виде она слишком расточительна к экранному пространству, нужно переверстывать не в таблицах, а блоками и делать компактней. поэтому возможно придется табличную часть в скриптах переписать
рад прогрессу ))
1. Часы - см. коммент, делал только для себя, чтобы ночью не заиграться.
2. Верстка - делайте рабочий шаблон, если получим ОК от ЛПР, переделаю, не проблема.
3. Скорректировал в соответствии с замечаниями Rss.
4. Вставил простейшую (прямую) навигацию по страницам. Добавил реальные данные для редактирования. Выкладываю.

theMIROn
23-03-2011, 16:24
Хорошо выглядит.
На мой взгляд теряется куча места над меню, его можно поднять в самый верх, иначе приходится листать. Если есть возражения - возражаем.
Дальше, слишком большие отступы (по 10px) - приходится листать меню, чтобы попасть в System Log например.
Чтобы не листать - стоит добавить submenu3 | sumbenu1 | submenu3 выше табов.

lavrikvorcuta
23-03-2011, 16:57
да и правда каждый раз ребутить роутер это геммор.
надо стремится к совершенству не только кода, но и веб интерфейса.
у нас ведь прошивка для домашнего роутера а не для промыленого.

KOCTET
23-03-2011, 18:56
Извините, что влезаю, но может пункт "Управление полосой пропускания" назвать как нить по другому, например "Управление QoS"? Это единственный пункт в меню из двух строк и почему то немного подглючвает в опере.
Да и меню нужно выше поднимать, место много теряется.

FilimoniC
24-03-2011, 07:56
Извините, что влезаю, но может пункт "Управление полосой пропускания" назвать как нить по другому, например "Управление QoS"? Это единственный пункт в меню из двух строк и почему то немного подглючвает в опере.
Да и меню нужно выше поднимать, место много теряется.

"Ограничение скорости", "Приоритетность сети", ...
QoS довольно малоизвестная аббревиатура, и даже расшифровав ее не становится понятно, что это именно ограничение скорости в зависимости от приоритетов

CattheBlack
24-03-2011, 10:54
По поводу крайнего интерфейса: нельзя ли сделать меню, шапку и собственно настройки отдельными фреймами, чтобы перезагружался только фрейм с настройками? Вроде так можно (не силён я в вёрстке сайтов). Или это усложнит код?
Просто заметил, что, пока не прочиталось время, наверху пусто. Потом страничка прыгает чуть вниз, когда оно появится. Лучше заранее забить это место - некрасиво. Или часы сбрасываются не по причине полного обновления страницы?
В основной прошивке вроде нет этого.

PS. Да, помню, что рано пока это обсуждать, но всё-таки ;)

capau
24-03-2011, 13:19
Пробуем сделать шаг вперёд.
Вот попробовал реализовать на Вашем шаблоне страничку настройки модема.


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

dlukanidin
24-03-2011, 14:20
пропала плавность движения меню.
я могу исходник свой выложить если нужно
Так я его и так вижу, зачем выкладывать. С плавностью ничего не делал, изменения в Ваши функции вносил минимальные, animate не трогал. Просто сейчас переход по ссылкам сделан, может быть из-за этого. Переход этот сделан во вре'менном исполнении, т.к. для меня самого не очень пока понятно, как сделать правильно и красиво.
Сейчас доделаю часть касающуюся nvram и перезагрузки (как я это вижу), сделаю ещё одну страничку более или менее реальную и вернусь к меню.

А вообще - структуру меню оставляем такой , или она будет изменена? Самое время решить этот вопрос.
Потом было предложение поднять меню и изменить его форматирование на более компактное. Сделаете ? а то у меня красивая вёрстка не получается.

P.S. Если нужно, для проверки сгенерированного html, могу его подцепить и выложить.
P.P.S Насчёт часов - ещё раз, выкладываю свой тестовый вариант. В окончательном их, по крайней мере на этом месте, не будет. Не сочтите за труд, кому мешается, выкинуть одну строчку из кода.

capau
24-03-2011, 14:42
Так я его и так вижу, зачем выкладывать. С плавностью ничего не делал, изменения в Ваши функции вносил минимальные, animate не трогал. Просто сейчас переход по ссылкам сделан, может быть из-за этого. Переход этот сделан во вре'менном исполнении, т.к. для меня самого не очень пока понятно, как сделать правильно и красиво.
Сейчас доделаю часть касающуюся nvram и перезагрузки (как я это вижу), сделаю ещё одну страничку более или менее реальную и вернусь к меню.

А вообще - структуру меню оставляем такой , или она будет изменена? Самое время решить этот вопрос.
Потом было предложение поднять меню и изменить его форматирование на более компактное. Сделаете ? а то у меня красивая вёрстка не получается.

P.S. Если нужно, для проверки сгенерированного html, могу его подцепить и выложить.
P.P.S Насчёт часов - ещё раз, выкладываю свой тестовый вариант. В окончательном их, по крайней мере на этом месте, не будет. Не сочтите за труд, кому мешается, выкинуть одну строчку из кода.

структура меню -- больной вопрос ))) нужно собирать консилиум и решать как реорганизовывать меню и настройки.
внешний вид переделаю, будет чуть короче и чуть выше, это все через CSS делается, думаю проблем не возникнет
насчет компактности: версталось не только под курсор мыши. но и под пальцы, если делать расстояние между кнопками меню меньше (как в нынешней) не очень удобно с телефона/планшета тыкать, т.е. так хоть какая то универсальность.

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

dlukanidin
24-03-2011, 15:01
еще такой вопрос: может сделать страницу авторизации, не как сейчас запрос пароль\логин при входе, а именно страница и на ней тогда можно будет разместить некоторые ссылки, например на фтп-шар
У нас сейчас практически вся обработка делается на стороне клиента. Я не совсем понимаю, как это будет реализовано. Давайте попробуем и посмотрим, что получится.

rss
24-03-2011, 15:50
структура меню -- больной вопрос ))) нужно собирать консилиум и решать как реорганизовывать меню и настройки.

Как только появляется динамическое построение страниц, можно думать о том, как сделать минимальные (только необходимые параметры, а остальное по-умолчанию) и полноценные режимы отображения параметров с переключателем режима.

+ неплохо, когда имеется подсказка по каждому параметру (в идеале с примерами) и вовсе не в виде всплывающего окна, как это сделано сейчас.

Sergio20
24-03-2011, 16:45
+ неплохо, когда имеется подсказка по каждому параметру (в идеале с примерами) и вовсе не в виде всплывающего окна, как это сделано сейчас.

Вы намекаете на реализацию, как у прошивок TP-Link? (сбоку каждой страницы настройки разъяснение каждого параметра).

Я бы сделал совсем иначе. Нужно создать нормальный wiki раздел со всеми этими параметрами и их расшифровками. Это по сложности будет равносильно, а память на флеше сохраним ;)

По мне - текущий веб интерфейс вполне съедобен и в таком виде. Но метод фильтрации данных некоторых полей бесит, особенно - ip адреса. Ну чего стоит сделать на странице настроек DHCP сервера проверку поля с добавляемым IP адресом после завершения ввода всех данных и нажатия кнопки Add? Сейчас, в случае неправильного ввода IP адреса его поправить в поле ввода практически нельзя - или уходи на другую страницу и нажимай Отмену изменений, или извращайся с выделением каждого байта IP адреса и заменой его на нужное значение.

rss
24-03-2011, 18:11
Вы намекаете на реализацию, как у прошивок TP-Link? (сбоку каждой страницы настройки разъяснение каждого параметра). DDWRT, perfmon для Windows.... Вариантов много, лишь бы подсказки не были навязчивыми и были доступны тогда, когда они реально нужны.



Я бы сделал совсем иначе. Нужно создать нормальный wiki раздел со всеми этими параметрами и их расшифровками. Это по сложности будет равносильно, а память на флеше сохраним ;) Идея замечательная, особенно поможет тем, кто впервые настраивает выход в интернет :D

Хотя для части полей можно так и сделать.


PS: относительно часов в заголовке. Там имеет смысл показывать время на маршрутизаторе, но никак не локального компьютера. Если же считаем, что с маршрутизатора взять время и обеспечить его ход сложно, лучше вообще отказаться. В конце концов то, что сейчас время не идёт, а отображается статично ни у кого нареканий не вызывает.

dlukanidin
25-03-2011, 11:44
Вариант с подготовленными для сохранения данными и подготовленной логикой для ребута.

Вопрос - скорее к гуру, чем для обсуждения, имеет ли смысл хранить варианты настроек (как config1,2,3 из примера) предназначенные только для морды непосредственно в JSON, типа
nvram set conf1="{'abc1':'def1','abc2':'def2','abc3':'def3','abc4': 'def5'}"
?

-- добавлено --


Как только появляется динамическое построение страниц, можно думать о том, как сделать минимальные (только необходимые параметры, а остальное по-умолчанию) и полноценные режимы отображения параметров с переключателем режима.


Сделал возможность отображения страниц в режиме 'expert'. Отображаются только вкладки и секции у которых нет атрибута 'expert'.
При этом предполагается, что этот атрибут устанавливается в nvram и действует для всей морды. Теперь нужно, чтобы кто-то придумал для этого атрибута web интерфейс - как и где его устанавливать.
Соответствующие изменения выложу со следующей версией.

lavrikvorcuta
25-03-2011, 14:36
посмотрел веб морду.
скажу так смотрится лучше чем старя, но большие отступы есть их бы уменьшить.
а так зачетно.

dlukanidin
27-03-2011, 00:22
Внёс изменения и дополнения. Добавил страничку статуса модема.
Весь список изменений внутри в файле change.log. Там же и некоторые открытые вопросы по уже сделанным изменениям.
В целом - б' ольшая часть типов полей ввода уже реализована. Чтобы идти дальше необходимо принимать рабочие решения:

1. Обмен с сервером. В основном запись результатов.
2. Структура меню и навигация - с фреймами, как сейчас или что-то ещё.

Кроме этого кто-то должен будет подключиться к написанию страниц. Простые (типа статуса) я могу сделать сам, но что касается настроек отдельных компонентов - ИМХО должны писать люди разбирающиеся в тонкостях.
Я думаю, если человек 10 гуру подключатся, то быстро появится новая морда. :)


большие отступы есть их бы уменьшить.
Нет возражений, редактируйте файл стилей, выкладывайте Ваш вариант, с удовольствием посмотрим.

theMIROn
27-03-2011, 00:41
dlukanidin
если названия меню задаются в массиве, то header должен содержать именно это, чтобы не было нужны прописывать что то дополнительное в самой странице

dlukanidin
27-03-2011, 09:43
dlukanidin
если названия меню задаются в массиве, то header должен содержать именно это, чтобы не было нужны прописывать что то дополнительное в самой странице
Вы не могли бы уточнить свою мысль.
В настоящее время имеются 2 массива - для описания заголовка и описания меню. Оба они определяются в общем скрипте и не прописываются на странице. На странице вызываются только 3 функции инициализации

setMenuFunctions();
setTabFunctions();
setPageFunctions();
И эти вызовы конечно можно убрать в общий скрипт, но я пока их оставил, т.к. предполагал возможность пользователя, что- то поменять в инициализации.
Также вызывается выбор текущего пунка меню

setActiveMenu('Status','Status_Pp');
но без него, в данной схеме адресации страниц, я считаю не обойтись.

macek
27-03-2011, 11:24
Уважаемые гуру, а не слышал ли кто из вас о такой вот штуке (http://www.tail-f.com/products-and-services/confd) для пострения унифициорванного менеджмента (CLI/WEB/SNMP):


ConfD is a powerful solution for building on-device management systems for all kinds of networking equipment. Tail-f Systems customers can choose among different modules of ConfD depending on their requirements and use ConfD either to extend an existing management system or to implement a new one.

ConfD enables developers to build carrier-grade applications in less time and with less risk and is the only product that renders all critical northbound interfaces (NETCONF, CLI, SNMP and Web UI) from a single data model. Designed with a robust infrastructure, ConfD includes transaction management, high availability, security, and role-based access control.

http://www.tail-f.com/wordpress/wp-content/uploads/2010/09/ConfD_overview.jpg

Есть ли в природе свободные аналоги подобного решения?

KOCTET
27-03-2011, 11:30
Кто о чем, а я все о меню: Пункт "Защита интернета" ??? От чего мы интернет защищать будем? ;)
Тут скорее либо "Настройка firewall", либо "Защита LAN", а может, как вариант "Защита сети"

AndreyUA
27-03-2011, 12:12
По-моему, некоторые вещи лучше не переводить.

Likee
27-03-2011, 12:52
Люди, ткните пожалуйста носом в какой нибудь мануал как натянуть этот интерфейс на существующую прошивку?

lavrikvorcuta
27-03-2011, 13:00
может от какой прошивки взять морду например от томата, и допиливать её.
там всё легче меняется, ну и прошивки похожи по структуре.
пусть и будет смахивать на томата, зато будет работать и функционал хороший.
щас полетят камни в мою сторону, но это наиболее легкий путь.
поскольку много багов уже пофиксили помидорники, а новый если писать то там багов лет на пять будет.

dlukanidin
27-03-2011, 15:53
там всё легче меняется, ..., зато будет работать и функционал хороший.
.., но это наиболее легкий путь.

Предложите пожалуйста вариант морды с реализованной 1-2 страничками. Например та-же настройка модема и статус. Посмотрим, сравним, проверим удовлетворяет ли поставленным задачам, заодно видно будет, насколько это легко.

Люди, ткните пожалуйста носом в какой нибудь мануал как натянуть этот интерфейс на существующую прошивку?
Открываете любую нереализованную страничку, там всё написано. :) Других способов, к сожалению, нет.

По-моему, некоторые вещи лучше не переводить.
Перевод писал при кодировании, не заморачиваясь на его соответствие, лишь бы узнаваемо было.
Любые Ваши разумные замечания в виде <есть сечас>:<надо сделать> (а ещё лучше 'EN source':'РУ перевод') будут тут же вставлены в новую версию.
Для данного конкретного случая может такое устоявшиеся в винде немецкоговорящее название 'Firewall':'Брандмауер' ?

tempik
27-03-2011, 17:05
Для данного конкретного случая может такое устоявшиеся в винде немецкоговорящее название 'Firewall':'Брандмауер' ?
Понятнее будет "Сетевой экран" ... Вроде уже общепринятое в русскоговорящей не Ай-Ти-шной категории юзверей. ИМХО по своим юзверям сужу (а их больше 180)....

lavrikvorcuta
27-03-2011, 17:17
а кто сказал что именно 1-2 страничками надо ограничиваться.
ведь всё будет настраиваться с компьютера, да и веб морду думаю стоит менять только в тех билдах что идут на топовые модели.
там флеша хватает.
предложить то вариант морды могу, но верстать то её буду в визуальном редакторе, а это значит толку от нее ни какого.

rss
27-03-2011, 17:30
а кто сказал что именно 1-2 страничками надо ограничиваться.
ведь всё будет настраиваться с компьютера, да и веб морду думаю стоит менять только в тех билдах что идут на топовые модели.
там флеша хватает.
предложить то вариант морды могу, но верстать то её буду в визуальном редакторе, а это значит толку от нее ни какого.

Новая веб-морда скорее всего будет компактнее старой, поскольку нет никаких шаблонов и избыточной разметки.

theMIROn
27-03-2011, 17:32
советую не забывать оригинальные базовые принципы при проектировке меню, перводов и т.п.


Преимущества предлагаемой прошивки:
- совместима с официальной, документация и рекомендации одинаковы
- стабильна и без дыр безопасности

KOCTET
27-03-2011, 18:41
Для данного конкретного случая может такое устоявшиеся в винде немецкоговорящее название 'Firewall':'Брандмауер' ?
Настройки брандмауера будет ИМХО в самый раз

dlukanidin
28-03-2011, 08:18
а кто сказал что именно 1-2 страничками надо ограничиваться.

Не надо ничем ограничиваться. Если Вы готовы предложить сразу целиком новую морду, то выкладывайте скорее. :)


предложить то вариант морды могу, но верстать то её буду в визуальном редакторе, а это значит толку от нее ни какого.
Т.е. это не реализованный вариант, а новый шаблон. В таком случае, это действительно не нужно, т.к. берётся прямо из браузера. Но тогда все комментарии насчёт скорости, трудоёмкости и надёжности теряют смысл, т.к. это от шаблона не сильно зависит.

Настройки брандмауера будет ИМХО в самый раз
Спасибо. Пока мне 'Cетевой экран' больше понравился, вставил его.

Ну вот, кроме писателей во весь рост встаёт необходимость появления редактора.

Vitaly_k
28-03-2011, 19:39
А вообще - структуру меню оставляем такой , или она будет изменена? Самое время решить этот вопрос.


Ставится ли задача реализовать Multi-WAN?
Если ставится, то, на мой взгляд, без реорганизации не обойтись - разделить WAN и LAN, как вариант - объединить WAN c настройками модемов и пр.

dlukanidin
30-03-2011, 12:11
Ставится ли задача реализовать Multi-WAN?
Если ставится, то, на мой взгляд, без реорганизации не обойтись - разделить WAN и LAN, как вариант - объединить WAN c настройками модемов и пр.
Просьба к сообщениям прикладывать более подробное Ваше видение решения. В данном случае - как же оно должно выглядеть ???

Набросал ещё несколько страничек. Quick setup - в очень черновом варианте, только, чтобы показать, как я это вижу.
На данном этапе считаю, можно попробовать перенести уже на роутер. При этом буду придерживаться следующего:
1. Адресация страниц - оставляю так, как есть сейчас, т.к. никто не предложил другого.
2. Считывание nvram - в соответствии с предложениями от Rss. Соответственно сделаю для тестирования кастомизированную прошивку.
3. Запись nvram - делаю как в имеющейся морде, т.е. форма+поля формы+variables.c. Все названия переменных nvram естественно сохраняются.
4. Вызов скриптов - делаю как в имеющейся морде
5. Структура интерфейса - изменения чисто косметические.
6. Добавлю кнопку перезагрузки и кнопку 'показать пароли' скорее всего в верхний правый угол.

Если у кого-то есть замечания, предложения - просьба высказываться, только максимально конкретно. Т.е. что изменить и как. Извините, но абстрактные рассуждения, что неплохо было бы ... вынужден буду игнорировать.

2 capauВы вроде хотели стили подкорректировать. Если найдёте время, было бы очень своевременно.

Vitaly_k
30-03-2011, 13:51
Просьба к сообщениям прикладывать более подробное Ваше видение решения. В данном случае - как же оно должно выглядеть ???


Мое видение. Закладку WAN&LAN делим на две части.
С LAN все просто - настроки которые есть сегодня, на будущее можно дополнить VLAN-ми.
WAN - страничка с табами, похоже на то как Вы реализовали USB-модемы.
На первом табе в простейшем случае из списка выбирается активный WAN-интерфейс. В более сложных случаях - несколько интерфейсов и условия их взаимодействия. Варианты - backup-соединение (поднимать второй интерфейс при падении первого), permanent (содениение активно всегда), соеднинение "поверх" другого (VPN на работу через интернет).
Остальные табы соответсвуют номерам WAN-интерфейсов. От отдельного раздела для USB-модемов отказываемся, по максимуму используем параметры от других типов соедиения, например, логин-пароль будет использоваться как для VPN, так и для Dial-up. В качестве APN можно использовать heart-beat-server и т.д., думаю мысль понятна. Там где "аналогов" нет используем уже параметры специфичные для Dial-up (номер телефона и пр.)

UPD:
Как вариант оставить одну закладку LAN&WAN, в ней первым табом будет LAN, потом WAN где выбирается активное соединение, потом пошли WAN 1, WAN 2 и т.д. с деталями по каждому WAN-у

capau
30-03-2011, 15:05
2 capauВы вроде хотели стили подкорректировать. Если найдёте время, было бы очень своевременно.

подправил меню.
сделал у поля настроек минимальную высоту

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

danmer
30-03-2011, 16:16
подправил меню.


Теперь в Опере последней нормально отображается.

Предлагаю "быструю настройку" перенести кнопкой(?) на "Главную", т.к. настройкой человек пользуется ОДИН раз в жизни :) , она второстепенна.

Также "Устройства USB" и "Программы для USB" в корневом меню- это бред. "Устройства USB"- лишние однозначно.

Ибо где устройства- там и программы и наоборот. Одно без другого работать не будет )))

Сделайте пункт меню "USB" и туда все вместе положите- логичнее и проще для понимания.

rss
30-03-2011, 17:59
Также "Устройства USB" и "Программы для USB" в корневом меню- это бред. "Устройства USB"- лишние однозначно.

Ибо где устройства- там и программы и наоборот. Одно без другого работать не будет )))

Сделайте пункт меню "USB" и туда все вместе положите- логичнее и проще для понимания.
Интересно, а как выйти в Интернет без USB-модема? Или Интернет для маршрутизатора тоже лишнее? ;)

Это скорее настройка Ethernet-WAN лишняя и абсолютно не используемая опция :D

rss
30-03-2011, 18:07
но мне не совсем понятен ход мыслей, изначально полагалось, что шаблон будет один, а данные в него будут подгружаться динамически. сейчас я вижу, что на каждый пункт настроек делается своя страница. т.е. мы идем к тому от чего пытались уйти. может я не так понял?

Вообще-то так и предполагается. Отдельные страницы - если только полумеры при интеграции в нынешний веб-сервер.

Если будет несколько страниц - будет мигание. Надо по-максимуму обойтись без перезагрузок.

capau
30-03-2011, 19:10
Вообще-то так и предполагается. Отдельные страницы - если только полумеры при интеграции в нынешний веб-сервер.

Если будет несколько страниц - будет мигание. Надо по-максимуму обойтись без перезагрузок.

т.е. в итоге все страницы, которые сейчас наплодили, сверстаются в одну?

мы как то обсуждали что-то вроде менеджера пакетов, может сделать под это отдельный раздел в веб-морде?

rss
30-03-2011, 19:26
т.е. в итоге все страницы, которые сейчас наплодили, сверстаются в одну? Надо стремиться.


мы как то обсуждали что-то вроде менеджера пакетов, может сделать под это отдельный раздел в веб-морде?
Нарисовать бы внешний вид этого менеджера для начала. Только тут сразу же надо учитывать, что пакеты сами по себе установить недостаточно. Должны быть средства, позволяющие их настроить.

dlukanidin
30-03-2011, 21:09
Надо стремиться.

Как все замечательно оживились :)

Поясните пожалуйста подробнее как Вы видите решение. Я не совсем понимаю механизмы которые планируется использовать. Вопросы следующие:
1. С точки зрения разработки и поддержки описание каждой страницы с функциями обработки данных и действий пользователя ИМХО желательно хранить в отдельном файле.
2. Технически нет проблем загрузить все эти файлы разом, но это будет означать, что мы единовременно грузим всю морду в браузер. Это всё таки довольно много. Не вижу существенной экономии на размерах при этом.
3. Можно ещё конечно подгружать описания AJAX-ом, но опять же преимущества такого решения для меня сомнительны.

В любом случае решение надо принять до дальнейших шагов. Если это возможно, напишите пожалуйста простой пример реализации Вашего подхода для одной или двух произвольных страниц.

В связи с необходимостью принятия принципиальных решений, торможу свои дальнейшие действия.


Мое видение.
Идеи понятны, со многим согласен и часть описанного постараюсь сделать, но multiwan далеко выходит за рамки обсуждаемой морды и я думаю, после того как он оформится в реальное решение, мы легко сделаем доработку морды непосредственно под него.

ConstAntz
31-03-2011, 00:13
5 копеек:
название окна браузера
нет инфы об аптайме
"Статус и логи -> Состояние устройств USB"

вылезает 'USB Network Devices status' с конкретным устройством.
Было бы логичнее увидеть список USB устройств (location/vid/pid/type), а рядом кнопку "детали" или без нее, но детали следом.
где 'location' => usb port, а 'type' => storage|modem|printer|webcam|итдитп
для 'storage':vendorname/full/free/used/mountpoint/еще чего-нибудь
для 'modem':vendorname/wanstate(Modem as default WAN)/signal/provider, а блок кнопок на "state_modem" разворачивать/сворачивать по нажатию
"User interface port:" единажды уже был настроен => можно убрать

"Устройства USB -> 3G/CDMA модемы"
Вкладка 'общее' - малоинформативна
два варианта:
1) добавить 'модель модема/оператор'
2) пустить эту вкладку под добавление новой конфигурации, а 'Modem as default WAN' - перенести в каждую конфигурацию

если есть возможность закрепить от скрола верхнюю часть страницы (~2см), то добавить туда неактивную кнопку 'Save&Reboot', меняющую состояние при необходимости.

theMIROn
31-03-2011, 06:08
отдельный контент - отдельными файлами имхо необходим (свои настройки, поля, etc), а на выходе - пусть получается одна станица, какие проблемы.
через тот же jquery тягать див контента только

rss
31-03-2011, 06:35
Поясните пожалуйста подробнее как Вы видите решение. Я не совсем понимаю механизмы которые планируется использовать. Вопросы следующие:
1. С точки зрения разработки и поддержки описание каждой страницы с функциями обработки данных и действий пользователя ИМХО желательно хранить в отдельном файле.
Вовсе не обязательно, но возможно. Только тогда надо принять соглашение об именовании файлов так, чтобы однозначно было понятно назначение. Желательно в более компактном стиле, чем в нынешнем интерфейсе.



2. Технически нет проблем загрузить все эти файлы разом, но это будет означать, что мы единовременно грузим всю морду в браузер. Это всё таки довольно много. Не вижу существенной экономии на размерах при этом.
Именно единовременно загружаем всё. Объем небольшой. Более того, время на загрузку одного большого файла меньше, чем кучи маленьких - нет потерь на установку соединения. Либо единовременно вгружать все js, а вот параметры подгружаем из внешних json-файлов по необходимости.

Однозначно в виде отдельных json-файлов должны лежать локали.



3. Можно ещё конечно подгружать описания AJAX-ом, но опять же преимущества такого решения для меня сомнительны.
Преимущество в отсутствии перезагрузки страницы и мигания.

capau
31-03-2011, 10:38
вот такой момент:
в нынешней прошивке при входе в раздел настроек мы попадаем сразу в первый подпункт меню:
http://8roman.com/files/1.png

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

+ многие настройки используют радиобаттон для включения/выключения функции, логичней в таких случаях ставить чекбокс, гораздо компактнее.

theMIROn
31-03-2011, 13:16
вот такой момент:
может в этой версии избавится от такого момента и сразу на основной кнопке размещать первый экран, есть же вкладки которые тоже можно использовать.

+ многие настройки используют радиобаттон для включения/выключения функции, логичней в таких случаях ставить чекбокс, гораздо компактнее.

Я уже писал об этом.
Кнопка справа имеет значение только как активный элемент, чтобы нажать.
Ничего страшного, что сверху будет продублировано наименование раздела, это уже информационный элемент + вкладки разделов - меньше движений чтобы перейти в следующую, если боковая менюшка убежала вниз

theMIROn
31-03-2011, 13:18
Именно единовременно загружаем всё. Объем небольшой. Более того, время на загрузку одного большого файла меньше, чем кучи маленьких - нет потерь на установку соединения. Либо единовременно вгружать все js, а вот параметры подгружаем из внешних json-файлов по необходимости.
Я не хочу с телефона например грузить полметра "всего". Я хочу конкретную страницу с нужными для нее скриптами и графикой.

capau
31-03-2011, 13:23
Я не хочу с телефона например грузить полметра "всего". Я хочу конкретную страницу с нужными для нее скриптами и графикой.

так вот графика тут вся на всё одна и одинаковая и скрипты в принципе то же, подгружаться, как я понял, будут только конкретные настройки из json файлов. весит все в данный момент около 300Кб, не так уж и много с учетом того что есть куда сжимать.

rss
31-03-2011, 17:49
Я не хочу с телефона например грузить полметра "всего". Я хочу конкретную страницу с нужными для нее скриптами и графикой.

Тогда лучше сразу проектировать второй упрощенный вариант исключительно на устройства с недобраузерами.

Графика вся сразу и не загрузится, а вот скрипты - придётся всё равно вгружать полностью. Иначе проект будет неуправляемый с дикой избыточностью для разных страниц.

По-моему разными стоит делать только конфигурации страниц, а они будут довольно компактными.

dlukanidin
31-03-2011, 20:02
Тогда лучше сразу проектировать второй упрощенный вариант исключительно на устройства с недобраузерами.

Это не приведёт к экономии чего бы то ни было.
Либо мы генерим упрощённый HTML на основании имеющихся описаний и это ведёт только к замене одной функции генерации на другую.
Либо делаем полностью новый интерфейс - но давайте смотреть реально, этот то двигается еле еле, а уж про новый я и говорить не буду.


Графика вся сразу и не загрузится, а вот скрипты - придётся всё равно вгружать полностью. Иначе проект будет неуправляемый с дикой избыточностью для разных страниц.

Графика тут пока вообще не грузится. Грузятся следующие вещи:
1. Описание страницы в виде объекта (индивидуально для каждой)
2. Общие скрипты jquery и jeneral (в последний также попадёт набор стандартных элементов и функции связанные с ними, например кнопки save, cancel. Refresh уже не попадает, т.к. на разных страницах она должна будет вызывать разные скрипты).
3. Скрипты индивидуальные для каждой страницы, выполняющие инициализацию переменных, реакцию на изменения и т.п.

Неуправляемым проект станет ИМХО если мы всё свалим в одну кучу. Избыточность - только заголовки страниц и текст "включите JS в браузере" - При упаковке LZW, насколько я помню его алгоритм, упакуется практически в ноль.


По-моему разными стоит делать только конфигурации страниц, а они будут довольно компактными.
Не совсем понял, что Вы называете конфигурацией.

Моё мнение:
Давайте рассмотрим типичный вариант работы с мордой. Сразу оговорюсь, что начальная настройка в типичный вариант не попадает, т.к. делается чаще всего из локальной сети и один раз.
Зашли, посмотрели состояние на одной-трёх страницах (каждая обращается к серверу за своей порцией информации), что-то поправили на одной или двух страничках, сохранились - т.е. форму на сервер послали, перезагрузились или нет и так по кругу.
При такой схеме работы не вижу необходимости грузить единовременно всю морду. Более того потери времени на загрузку большего объёма ИМХО будут несравнимы с потерями переподключения. А уж если соединение глючное или медленное, то загрузка относительно большого объёма может вообще всё испортить.
Мне не сложно написать 44 инклуда индивидуальных описаний в одно место и сделать присвоение нужного описания в переменную page. Но я думаю это плохая практика.
Кроме того учитываем, что разработка по любому будет вестись минимум 5 людьми (это оптимистично, правильно 10). Пересечения по переменным, названиям функций и т.п. трудно ловимые глюки.
Также учитываем, что очень многие вместо нажатия кнопки refresh где-то внизу за экраном просто обновят станицу в браузере.

Итог - это вопрос стратегический и вопрос архитектуры. Кто-то должен директивно принять окончательное решение. Принимайте пожалуйста, а то будем топтаться на месте.

capau
31-03-2011, 20:37
продолжу типичный вариант работы с веб-мордой:
зашёл, посмотрел пару-тройку страниц, что-то поднастроил, где-то логи посмотрел, ребутнул роутер. посмотрел снова и каждый раз грузятся скрипты/графика/хтмл. даже если я вернулся на предыдущую страницу она будет тянуть все или почти все по новой.

если ужать скрипты, графику собрать в спрайт, сверстать все настройки в один хтмл, то общий объем веб-морды будет не многим более 150-200кб, даже если и 2 раза больше, это всё равно много меньше, чем то что есть сейчас. а нынешний интерфейс не так уж и тормозит если настраивать роутер с телефона. но в этом случае есть один огромный плюс - страница (вся морда) не требует перезагрузки. если посчитать время на перезагрузку и трафик который она сожрет, плюс станет еще больше.

думаю, что однозначно, нужно верстать все в одном файле. к тому же как я уже говорил раньше сам контент (настройки) никаких изменений не претерпел и был просто перенесен в новую оболочку для примера. все настройки нужно тщательно прорабатывать и компоновать по новой. думаю что это во многом уменьшит конечный вес хтмла.

theMIROn
31-03-2011, 21:29
Стоп стоп топ.
Давайте отличать серверный контент от производного клиентского.
Сейчас:
1. client -> query(page1.asp) -> httpd
2. httpd <- (replace vars) <- raw_page1.asp
3. client <- reply(page1.asp) <- httpd

Нужно
1. client -> query(page1.asp) -> httpd
2. httpd <- (parse settings) <- page1.settings
httpd <- (generate output) <- template.asp
3. client <- reply(page1.asp) <- httpd

Вот и все что нужно.
Отделяем мух от котлет, контент отдельно, шаблон отдельно.
Используя динамическую генерацию контента, получаем еще лучше:

1. client -> query(index.asp) -> httpd
2. httpd <- (generate output) <- template.html
httpd <- (parse settings) <- index.settings
3. client <- reply(index.asp) <- httpd
4. client -> jquery(content_page1.whatever) -> httpd
5. httpd <- (parse settings) <- page1.settings
6. client <- reply(content_page1.whatever) <- httpd
4. client -> jquery(content_page2.whatever) -> httpd
5. httpd <- (parse settings) <- page2.settings
6. client <- reply(content_page2.whatever) <- httpd

Основная масса (шаблон, css, скрипты) будут переданы на п.1., ок, порядка 200-300 Кб (сейчас ~180)
А дальше - только передача только настроек/описания страницы, на основании которого генерируется контент и встраивается в шаблон. А это пара килобайт всего.
Так и сохранится совместимость с отдельными "как бы" страницами, не вижу причин ломать ссылки типа http://my.router/Main_LAN_Content.asp

UPD: таким же образом можно внутри шаблона обновлять не только блок контента, но и любые прочие произвольные элементы шаблона, изменение статуса соединения/адреса, нотификация о подключенных/отключенных клиентах, etc

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

dlukanidin
01-04-2011, 01:35
1. client -> query(index.asp) -> httpd
2. httpd <- (generate output) <- template.html
httpd <- (parse settings) <- index.settings
3. client <- reply(index.asp) <- httpd
4. client -> jquery(content_page1.whatever) -> httpd
5. httpd <- (parse settings) <- page1.settings
6. client <- reply(content_page1.whatever) <- httpd
4. client -> jquery(content_page2.whatever) -> httpd
5. httpd <- (parse settings) <- page2.settings
6. client <- reply(content_page2.whatever) <- httpd

В целом мысль вроде понятна и выглядит очень разумно.
Правильно ли я понимаю, что для загрузки описаний страниц и специфичных скриптов необходимо использовать AJAX, или есть другие более прямые механизмы ? Соответственно нужно ли для этого писать в web_ex соответствующие cgi ?

rss
01-04-2011, 15:26
В целом мысль вроде понятна и выглядит очень разумно.
Правильно ли я понимаю, что для загрузки описаний страниц и специфичных скриптов необходимо использовать AJAX, или есть другие более прямые механизмы ? Соответственно нужно ли для этого писать в web_ex соответствующие cgi ?

Если в шаблоне хранится только json, то ничего прямее, чем AJAX не найдется. Хотя получение значений я бы отделил от правил построения страниц. Т.е. значения nvram - все вместе скопом через get_json, а конфигурацию - через шаблон. Ну не вижу я причин для того, чтобы оставлять жёсткую выборку nvram и сопуствующие проблемы в виде невозможности увеличить число вкладок с параметрами, поскольку их неоткуда взять из шаблона.

capau
01-04-2011, 19:55
страница настроек самого интерфейса будет? локали тоже нужно выносить в отдельные файлы. видимость/невидимость справки, некоторых разделов, смена скинов (если такое подразумевается). предполагается же некоторый функционал самого интерфейса.

про страницу установки пакетов:
если будет некий репозитарий этих самых пакетов + в пакетах будет некий модуль интерфейса который будет встраиваться в существующую веб-морду - реализуемо?

Vitaly_k
02-04-2011, 10:21
Идеи понятны, со многим согласен и часть описанного постараюсь сделать, но multiwan далеко выходит за рамки обсуждаемой морды и я думаю, после того как он оформится в реальное решение, мы легко сделаем доработку морды непосредственно под него.

Даже если на сегодня в один момент времени может быть активен только один WAN-интерфейс, иметь несколько наборов настроек полезно уже сейчас - можно быстро переключится на резервный канал или сменить USB-модем вместе с оператором.

theMIROn
02-04-2011, 16:45
насчет поддержки таблетов и прочих телефончиков, может сразу вот этот фреймворк использовать?
http://jquerymobile.com/

p.s сам не в теме, но размеры всего - радуют :)

dlukanidin
02-04-2011, 17:36
насчет поддержки таблетов и прочих телефончиков, может сразу вот этот фреймворк использовать?
http://jquerymobile.com/

p.s сам не в теме, но размеры всего - радуют :)
В принципе, после реализации основной части можно будет и этим заняться, но насчёт размеров ситуация наоборот сейчас jquery 70K + css 7K, а в мобильной версии jquery 59K + css 41K, причём без css это не будет иметь смысла.

theMIROn
02-04-2011, 17:42
В принципе, после реализации основной части можно будет и этим заняться, но насчёт размеров ситуация наоборот сейчас jquery 70K + css 7K, а в мобильной версии jquery 59K + css 41K, причём без css это не будет иметь смысла.

плюс минус 100кб на полноценный фреймворк - не беда.

dlukanidin
09-04-2011, 00:02
думаю в данный момент это спор ни о чем.

Не столь важна платформа, сколь разрешение экрана устройства.
Идея jquery mobile ИМХО в том, чтобы сделать доступный интерфейс на устройствах с экзотическими разрешениями экрана в рамках ограниченного функционала браузера. Хотя если есть JS, то он есть, а если нет, то и говорить не о чем.

Посмотрев на результат вижу некоторые преимущества перед обычным браузером, только добиться этого в нашей задаче можно ИМХО более простыми средствами.
.
Сейчас пытаюсь натянуть mobile skin на описание страниц. В целом вроде можно, но только не на jquery mobile. Ребята настолько увлеклись универсальностью, что сделали очень жёсткую платформу и у меня пока не получается в рамках их модели сделать динамическую подгрузку JS. Т.е сделать то я сделал, но из за того, что их механизмы обновления страниц очень уж красивые возникают пока неразрешимые проблемы.
Может кто встречал другие пакеты?

Да и ненужна эта красота ИМХО. Важен функционал. Может кто из web дезайнеров предложит скин для мобильных устройств (Это такой тонкий намёк ддя capau :) Нужен шаблон, а функционал я добавлю) ?

А по поводу реализации, не вижу кардинальных проблем. Это всего лишь скин (включает в себя css и функции генерации HTML в рамках принятой модели описания). Где и как он будет храниться не столь важно. В rtn16 можно будет иметь несколько скинов и локейлов в одной прошивке, для старых моделей будут кастомизированые прошивки под локейл и скин. Главное, чтобы была возможность и механизм её реализации.

Если найду дырку в jquery mobile, выложу как это получается на текущем описании страниц. Но, честно говоря, уже замучался отлавливать их глюки.

P.S 2 Capau Вы не могли бы сделать вариант с подменю открывающимися не списком в рамках основного меню, а в виде второго меню в верху страницы или чего-то подобного, а то не хочется жертвовать вкладками для реализации поменю.

DemonGloom
09-04-2011, 16:41
Да и ненужна эта красота ИМХО. Важен функционал. Может кто из web дезайнеров предложит скин для мобильных устройств (Это такой тонкий намёк ддя capau :) Нужен шаблон, а функционал я добавлю) ?
На самом деле почти все телефоны вполне нормально отображают текущий web-интерфейс.. Исключением являются прокручиваемые окошки типа лога.. Соответственно и смысла делать дополнительную оболочку, имхо, нет..

lavrikvorcuta
09-04-2011, 20:00
ну так роутер то домашний, а это значит все настройки вбиваются с компа.
так зачем городить лишний огород только ради любителей повтыкать в экран смартфона?.:confused:

AndreyUA
10-04-2011, 06:49
ну так роутер то домашний, а это значит все настройки вбиваются с компа.
так зачем городить лишний огород только ради любителей повтыкать в экран смартфона?.:confused:Кто-то дома втыкает в экран планшета, а кому-то и с мобилы в дороге че-нить глянуть захочет.

KOCTET
10-04-2011, 07:07
Кто-то дома втыкает в экран планшета, а кому-то и с мобилы в дороге че-нить глянуть захочет.
Вообще то все современные браузеры для мобильных адекватно отображают веб страницы, та же опера сделана на обычном десктопном движке, и что то поменять на ходу вполне позволяет.

dlukanidin
12-04-2011, 00:48
Дописал адресацию станиц через локальные ссылки.

Для желающих просто посмотреть, не разбираясь с архивом - ссылка та же, что приводил ранее.

Iguana
12-04-2011, 11:48
Дописал адресацию станиц через локальные ссылки.

Для желающих просто посмотреть, не разбираясь с архивом - ссылка та же, что приводил ранее.

Отлично!!! (Проверял с помощью IE)
Едиственное (может это и не баг, а фича :rolleyes:) - при закрытии страници (даже если ничего не менял) выдаётся окно с сообщением: "Параметры были изменены. Сохранить изменения?"

KOCTET
12-04-2011, 14:22
dlukanidin
Смущают два пункта:
"К настройкам по умолчанию" и "Установки сервера RADIUS" видимо из за длины названия, когда они становятся активными, расползаются на две строки с остальными все нормально.
И еще в ИЕ8 текст кнопок анимированый т.е. под курсором надпись смещается, в опере 11,10 такого нет.

dlukanidin
12-04-2011, 15:03
dlukanidin
Смущают два пункта:
"К настройкам по умолчанию" и "Установки сервера RADIUS" видимо из за длины названия, когда они становятся активными, расползаются на две строки с остальными все нормально.
И еще в ИЕ8 текст кнопок анимированый т.е. под курсором надпись смещается, в опере 10,10 такого нет.
С оформлением подменю - ситуация пока не окончательная - ищем варианты.
По поведению в разных браузерах вопрос скорее к автору дизайна.

Отлично!!! (Проверял с помощью IE)
Едиственное (может это и не баг, а фича :rolleyes:) - при закрытии страници (даже если ничего не менял) выдаётся окно с сообщением: "Параметры были изменены. Сохранить изменения?"
Это баг, но на это пока прошу не обращать внимания, т.к. решения по работе с сервером пока нет и эта часть не реализована. Просто не до конца правильно написанная заставка.

ConstAntz
13-04-2011, 17:51
Добавил третью вкладку "Common status" в "Статус и логи - Состояние устройств USB"
Она нерабочая(набросок), считаю что это должно быть.

Кто "за"? кто "против"?

за основу брал архив www_2011_04_12.rar от dlukanidin

модификация коснулась <general.js> и <pages/status_pp.js>

<general.js>
выдает ошибку в строках 277 и 278
$(tabID).siblings().hide();
$(tabID).show();
поправил на
$(tab).siblings().hide();
$(tab).show();
я правильно исправил?

dlukanidin
13-04-2011, 20:19
Добавил третью вкладку "Common status" в "Статус и логи - Состояние устройств USB"

<general.js>
выдает ошибку в строках 277 и 278

Спасибо, что заметили ошибку. Исправление было неверным, но я поправил как надо.

По поводу вкладки - не согласен по следующим причинам.
1. Не вижу смысла перечислять все устройства USB, да и средства для этого надо дописывать, а занимать место в прошивке программами не несущими функциональной нагрузки ИМХО неверно.
2. Считаю неверным опрос состояния модемов в автомате, т.к. не все модемы его поддерживают, для некоторых модемов такой опрос с неверно установленными параметрами может разорвать соединение и подвесить модем, в общем ИМХО - только по команде пользователя. Да и время такой опрос может занимать значительное.

Тем не менее добавил этот вариант под именем pages/status_pp_new.js, для задействования достаточно переименовать файлы или добавить строчку в меню.

--- Добавлено ---
Чтобы упростить разработку и тестирование новых страничек, а также чтобы разработчик не правил без необходимости jeneral.js добавил страничку Test. Для того, чтобы протестировать новую страничку Вам достаточно добавить её js описание в папку test/ и на тестовой страничке ввести имя её js файла. Она будет добавлена в меню и Вы сможете посмотреть как она вызывается. Всего можно добавить до 20 таких страничек (если точнее то только двадцать можно одновременно увидеть в меню). Их имена хранятся в cookeis. Чтобы убрать страничку из меню достаточно стереть имя файла в соответствующей строке.
Чтобы сразу можно было попробовать записал туда выше обсуждаемую status_pp_new.js

DemonGloom
14-04-2011, 08:13
dlukanidin, если вы еще занимаетесь мобильной версией - то там стоит разнести ссылки menu и reboot вверху страниц.. Ибо иногда пальцем можно попасть не в нужную ссылку и перезагрузить роутер..

dlukanidin
14-04-2011, 17:16
хотелось бы страницу Status Wireless иметь в таком виде
http://wl500g.info/showpost.php?p=221920&postcount=376
Я только за. Будем считать,что после того как основные механизмы будут реализованы, эта страница Ваша. Впрочем макет можно делать уже сейчас. Если не хватает каких то элементов интерфейса пишите их в js страницы. Если они будут востребованы где-то ещё вставим в скин.

dlukanidin, если вы еще занимаетесь мобильной версией - то там стоит разнести ссылки menu и reboot вверху страниц.. Ибо иногда пальцем можно попасть не в нужную ссылку и перезагрузить роутер..
Ещё раз о мобильной версии. Я попробовал сделать её на jquery mobile. Получилось криво. Пока просто убрал из скина jquery mobile заменив его парой элементарных функций навигации. Чтобы сделать из этого скин надо, для начала, написать работающий шаблон. Из внешних пакетов желательно ограничиться jquery. Пишите, я переработаю шаблон в скин. Либо хотя бы напишите Css. Этого может хватить, чтобы основной вид правильно реализовать.

Извините, я не дизайнер. Сам сделать не смогу.

ConstAntz
15-04-2011, 06:12
2. Считаю неверным опрос состояния модемов в автомате, т.к. не все модемы его поддерживают, для некоторых модемов такой опрос с неверно установленными параметрами может разорвать соединение и подвесить модем

Подозреваю, причина тому неверная инициализация модема системой.
(пример 12d1:1436). Да и потом, если есть исключения - их можно обойти.
Раз "Нет", значит "нет", поверю на слово.



--- Добавлено ---
Чтобы упростить разработку ... добавил страничку Test.

Полезная фича. Работа закипит ударными темпами :)

dlukanidin
15-04-2011, 21:15
Это не мое, заимствовал из чешской и не js а asp, как я понимаю, надо переписывать.
Практически вся страница формируется одним скриптом выдающем сразу HTML.
Нет проблем воткнуть это в новую морду, но будет диссонировать.
Выход из положения - переписать скрипт, чтобы он формировал JSON с нужными значениями параметров, а из него уже делать представление на страничке.

rss
18-04-2011, 19:48
--- Добавлено ---
Чтобы упростить разработку и тестирование новых страничек, а также чтобы разработчик не правил без необходимости jeneral.js добавил страничку Test. Для того, чтобы протестировать новую страничку Вам достаточно добавить её js описание в папку test/ и на тестовой страничке ввести имя её js файла. Она будет добавлена в меню и Вы сможете посмотреть как она вызывается. Всего можно добавить до 20 таких страничек (если точнее то только двадцать можно одновременно увидеть в меню). Их имена хранятся в cookeis. Чтобы убрать страничку из меню достаточно стереть имя файла в соответствующей строке.
Чтобы сразу можно было попробовать записал туда выше обсуждаемую status_pp_new.js

Измененный httpd. Добавлен обработчик set_json. В тестовых целях сделан вывод в /tmp/params.json.

dlukanidin
24-04-2011, 00:59
Измененный httpd. Добавлен обработчик set_json. В тестовых целях сделан вывод в /tmp/params.json.
Ну вот - первая реализация на роутере.
Особенности:
1. Операции по сохранению nvram и получению спец. значений (кроме nvram) из роутера пока пришлось сделать синхронными. Ну никак они у меня в асинхронную модель не ложатся.
2. Функционал пока более менее полностью сделан на home, остальные страницы из старых фрагментарно.
3. Начал потихоньку менять структуру меню. Пока только в статусе. Но это чистое ИМХО.
4. Реализована смена локали и скина.
5. На странице home любое изменение приводит к перезагрузке всего интерфейса, но только для неё т.к. изменения которые надо сделать слишком глобальны.
6. Реализована проверка вводимых пользователем значений 3-х типов - число на мин макс, список на наличие в списке, строка на шаблон.

Чтобы попробовать, надо установить последнюю прошивку с экспериментальными изменениями от Rss, распаковать архив в www и
http://192.168.1.1/new.asp

Danya0w
24-04-2011, 16:50
► Макет нового WEB интерфейса ◄
симпатичненько и шустренько - здорово!

dlukanidin
24-04-2011, 22:15
симпатичненько и шустренько - здорово!
Спасибо capau за дизайн.
У него вроде ещё идеи были, но наверное не хватает времени, а жаль.
Да и мобильный интерфейс у меня конечно в зачаточном состоянии или я бы даже сказал это просто сперматозоид :) (весна чтоли пришла, какие то сравнения странные, извиняюсь за офтоп).
Web дизайнеры активно использующие jquery АУУУ :)

---Добавлено---
Сделал весь статус.

danmer
11-05-2011, 15:07
А "Веб камера"- это "устройство USB" или "программа USB"? :)

З.Ы. Стало конечно МНОГО лучше выглядеть, но осмысленности и юзабилити в интерфейсе не добавилось. :)

З.З.Ы. www на роутере не заработал почему то у меня. Прошивать "экспериментальной прошивкой" обязательно? И есть ли (появится ли?) она под 520GU?

rss
11-05-2011, 16:59
Прошивать "экспериментальной прошивкой" обязательно? И есть ли (появится ли?) она под 520GU?Пока что в trunk находится именно экспериментальная версия. Т.е. есть и под 520GU.

danmer
12-05-2011, 17:10
Пока что в trunk находится именно экспериментальная версия. Т.е. есть и под 520GU.

Я конечно дико извиняюсь, но то, что вы написали- мне непонятно :)
Где находится этот trunk :eek: , и где прошивки :eek:
Тут http://code.google.com/p/wl500g/ я что то их не нашел )))

Непонятно тоже: "новый интерфейс админки" не будет таки работать на WL520gu-1.9.2.7-d-r2624.trx (к примеру)?

rss
12-05-2011, 18:02
Я конечно дико извиняюсь, но то, что вы написали- мне непонятно :)
Где находится этот trunk :eek: , и где прошивки :eek:
Тут http://code.google.com/p/wl500g/ я что то их не нашел )))

Где взять нужную прошивку от энтузиастов (http://wiki.vectormm.net/index.php/Как_прошить_маршрутизатор#.D0.93.D0.B4.D0.B5_.D0.B 2.D0.B7.D1.8F.D1.82.D1.8C_.D0.BD.D1.83.D0.B6.D0.BD .D1.83.D1.8E_.D0.BF.D1.80.D0.BE.D1.88.D0.B8.D0.B2. D0.BA.D1.83_.D0.BE.D1.82_.D1.8D.D0.BD.D1.82.D1.83. D0.B7.D0.B8.D0.B0.D1.81.D1.82.D0.BE.D0.B2)



Непонятно тоже: "новый интерфейс админки" не будет таки работать на WL520gu-1.9.2.7-d-r2624.trx (к примеру)?

Если руками подключить, то можно будет посмотреть.

dlukanidin
12-05-2011, 20:06
А "Веб камера"- это "устройство USB" или "программа USB"? :)

Доделываю USB - всё постарался сделать в одном месте, чтобы было логично.
Одному ковыряться довольно небыстро.

dlukanidin
15-05-2011, 14:51
Доделал USB
Для модемов только настройки, подключение будет в Сетевых Установках.

ap003
20-05-2011, 14:15
Доделал USB
Для модемов только настройки, подключение будет в Сетевых Установках.


Извени, а можно по подробнее как его установить на DIR-320 ???
Прошивка 1.9.2.7-d-r2624M

dlukanidin
20-05-2011, 15:06
Извени, а можно по подробнее как его установить на DIR-320 ???
Прошивка 1.9.2.7-d-r2624M
архив распаковывается на флэшку
папка монтируется вместо штатного www (лучше туда положить и имеющийся интерфейс, они не конфликтуют)
убивается httpd (он сам поднимется), вызывается ..../new.asp
подробно было расписано ранее и можно поискать поиском по форуму.

Omega
24-07-2011, 23:53
Макет нового WEB интерфейса (http://sovetic.ru/other/desktop/)
Как там продвигаются дела с интерфейсом ? :rolleyes:

Вот здесь (http://влад74.рф/?page_id=287) тоже есть кое-что на русском языке ;)

З.Ы. И ещё темы (http://infodepot.wikia.com/wiki/Asus_RT-N16#Tomato_Themes) для разных моделей роутеров ... :D

bmenee
22-08-2011, 00:03
(Не новые) опечатки web-интерфейса

/trunk/www/web_asus_en


Advanced_WMMADV_Content.asp


Innterval

Interval


Main_AStatus11g_Content.asp
Main_AStatus_Content.asp
Main_GStatus11g_Content.asp
Main_RStatus11g_Content.asp
Main_RStatus_Content.asp
Main_Status_Content.asp


Sytem Time

System Time


UpdateError.asp


firmare

firmware

Advanced_OperationMode_Content.asp
Advanced_OperationMode_Content_300g.asp


enabed

enabled

Basic_Operation_Content.asp


yor wireless

your wireless


Advanced_PortMapping_Content.asp


Port Mappping

Port Mapping


Basic_GOperation_Content.asp
Basic_Operation_Content.asp


pasword

password


Basic_GOperation_Content.asp
Basic_Operation_Content.asp


If you apply an account with dynamic IP. You must get user account and password

(те же два файла) тут лучше через запятую писать


Advanced_DDNS_Content.asp
Advanced_DDNS_Content_300g.asp


Dynamic-DNS (DDNS) allows you to export your server to Internet with an unique name, even though you have no static IP address. Currently, serveral DDNS clients are embedded in
serveral DDNS clients
возможно опечатка, я не могу понять какое слово имелось ввиду под serveral (several, server, или вообще другое слово нужно)


Advanced_PrinterSetup_Content.asp


<p style="margin-top: 7"><font size="2">If you have installed ASUS
WLAN Homegateway Utilities, then execute 'Printer Setup Widzard'
to complete your printer setting.</font>


Advanced_PrinterSetup_Widzard.asp


<ol>
<li>
If you have installed <b>ASUS Wireless Homegateway Utilities</b>, please
go to Step 3. Otherwise, insert the ASUS SpaceLink Dual Band Home Gateway Utilities CD-ROM
disk in your CD-ROM drive. Run the SETUP.EXE file from the CD-ROM.&nbsp;
</li>
<li>Please wait until the Welcome dialog box appears, and select <b>Install
ASUS Wireless Homegateway Utilities</b>. When the setup program is
completed, click <b>Finish</b>.</li>
<li>Execute <b>Printer Setup Widzard</b> in <b>Start Menu - Program Files
- ASUS Utility - Dual Band Homegateway</b>. And follow its procedures to
finish printer driver setting.</li>
</ol>


Homegateway - вроде пишется раздельно на дисках, и в одном месте текста тоже укзано раздело Home Gateway


много ошибочного написания Widzard вместо Wizard - в текстах, именах файлов, названиях функций, по крайне мере в текстах можно было бы исправить (в других местах опасно исправлять из-за ухудшения совместимости):

Advanced_VirtualServer_Widzard.asp


<title>Port Forwarding Widzard</title>



<td bgcolor="#FF9933" bordercolor="#FF9933" width="532"><font face="Arial" size="5" color="#FFFFFF"><b>Virtual
Server Widzard</b></font></td>


Advanced_PortForwarding_Widzard.asp


<td bgcolor="#FF9933" bordercolor="#FF9933" width="532"><font face="Arial" size="5" color="#FFFFFF"><b>Port
Forwarding Widzard</b></font></td>


Advanced_PrinterSetup_Content.asp

WLAN Homegateway Utilities, then execute 'Printer Setup Widzard'

Advanced_PrinterSetup_Widzard.asp


<li>Execute <b>Printer Setup Widzard</b> in <b>Start Menu - Program Files



Main_Index_HomeGateway.asp
Main_Index_HomeGateway11b.asp
Main_Index_HomeGateway11g.asp
Main_Index_HomeGateway11g_300g.asp
Main_Index_Router.asp
Main_Index_Router11b.asp
Main_Index_Router11g.asp
Main_Index_Router11g_300g.asp


Internet Firewall</a></b> protect LAN or Wireless

возможно тут правильнее будет protects (обратите внимание, первые два пункта там
Quick Setup</a></b> allows и 802.11g and WPA</a></b> supports


Advanced_GRouterHelp_Widzard.asp


<b>Matric</b> : Metric is a value of distance for the network

Похоже первое слово тоже должно быть Metric (в других файлах, кстати, есть matric в имени функции, но это не заметно)

Advanced_FilterHelp_Widzard.asp
Advanced_GRouterHelp_Widzard.asp
Advanced_Help_Widzard.asp
Advanced_RouterHelp_Widzard.asp


System will remind you if the table is full or required fields are not fill ok.

словосочетание "are not fill ok" выглядит ненормально... но смысл передает правильно


Advanced_OperationMode_Content.asp


Explaining with technical terms, router mode is, NAT is disabled, static routing protocol are allowed to set.

предложение сложным получилось, к тому же ошибка множественного числа:
protocols are или protocol is


Advanced_OperationMode_Content.asp
Advanced_OperationMode_Content_300g.asp


Explaining with technical terms, access point mode is, NAT is disabled, lan port and wireless port of

LAN большими буквами, что бы было одинаково

TReX
23-08-2011, 11:56
(Не новые) опечатки web-интерфейса

/trunk/www/web_asus_en

Advanced_DDNS_Content.asp
Advanced_DDNS_Content_300g.asp


serveral DDNS clients
возможно опечатка, я не могу понять какое слово имелось ввиду под serveral (several, server, или вообще другое слово нужно)


several DDNS clients имелось ввиду )

theMIROn
23-08-2011, 12:02
(Не новые) опечатки web-интерфейса
Спасибо, можно ли это подготовить в виде патча?
Делается достаточно просто, сливается из svn, исправляется
svn diff > patch.patch сделает всю работу


обновление программ:
Там только косметические изменения, нас они не затрагивают.

rss
03-09-2011, 09:25
(Не новые) опечатки web-интерфейса

/trunk/www/web_asus_en


Спасибо, внесено:
http://code.google.com/p/wl500g/source/detail?r=3236