Добрый день,

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

Ядро написано на голом С и крутится под арм линуксом (пристроил старую борду с 400МГц Атмелом).

Хочу нарисовать для нее оболочку, чтобы можно было пользоваться по веб интерфейсу и она одинаково красиво смотрелась как на компе, так и на смартфоне. Оболочки до этого писал только в Тикле (Tcl/Tk), а из программистского багажа - многолетний опыт работы на Фортране и С. Знаю немного html3, вернее когда-то в конце 90-х на нем что-то писал.

От оболочки хочу, чтобы там было достаточно много кнопок вкл/выкл, или установки выбора чего-то, а также более-менее красиво отображались таблицы и графики и чтобы удобно это можно было бы прокручивать на мобильнике, а на компе это показывалось в зависимости от того, на сколько большое окно открыто. На Тикле могу за день написать, но Тикл удаленно идет очень багнуто и не красиво и на мобильниках не работает вообще.

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

Спасибо!

ИИВ

Чтобы красиво было+адаптивный дизайн используют связку технологий HTML+CSS+JavaScript+Ajax. На geektimes была серия постов про arduino mega server.Там как раз реализован вебинтерфейс умного дома с графиками и кнопками. Из минусов - эта штука написана под arduino, но за основу (посмотреть как сейчас делают вебинтерфейсы) должно подойти.

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

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

Вот для примера проект на Delphi- http://geektimes.ru/post/268164/
Сделан за пару дней. Там фичей и возможностей кастомизации на порядок больше чем в любом WEB приложении.

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

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

(круглый)
PS
Десктопное приложение конечно-же гуд, но это уже уровень системы(когда клиент уже точно ваш, доверяет вашему сайту и годов потратиться
временем-деньгами-нервами).

Сообщение отредактировал kolobok0 - Jan 10 2016, 10:04

Синхронизацию делаю через вебсокеты. 3D можно вебГЛем рисовать, графики — или вебГЛем, или в SVG, или даже в canvas. С видео, правда, пока уныло: только слайдшоу через mjpeg

Сейчас считается приличным иметь веб-версию, клиент для android+IOS. По желанию, еще Windows 10.

Не совсем понятно, о языке для реализации серверной или клиентской стороны Вы спрашиваете.

Если вопрос о том, на чем сделать HTTP-сервер для вашего встроенного приложения, то я рекомендую использовать libmicrohttpd (https://www.gnu.org/software/libmicrohttpd/). Соответственно, язык - C/C++. Документирована библиотека хорошо, разобраться нетрудно.

Если же вопрос о собственно пользовательском интерфейсе (то что будет выполняться в веб-браузере пользователя), то это html/javascript. Причем, наверное, проще всего будет сразу начинать использовать jQuery (https://jquery.com/).

Этот пример весьма любопытен своей богатой экосистемой ПО
(что как бы и определяет повышенную стоимость- за 400$ ):

Red Pitaya построена на GNU / Linux и может быть модифицирована на разных уровнях.

Доступные интерфейсы программного обеспечения включают: HDL, C / C + +, скриптовые языки, Matlab и HTML на основе веб-интерфейса.

Веб-интерфейс позволяет получить доступ к функционалу на большинстве браузеров, в том числе приложение доступно на iPhone, IPAD, других смартфонах и планшетах.
https://geektimes.ru/post/194382/

http://wiki.redpitaya.com/index.php?title=Developer_Guide