Помощь - Поиск - Пользователи - Календарь
Полная версия этой страницы: На каком языке сделать веб интерфейс чтоб на компе и на мобильнике красиво было?
Форум разработчиков электроники ELECTRONIX.ru > Cистемный уровень проектирования > Операционные системы
iiv
Добрый день,

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

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

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

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

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

Спасибо!

ИИВ
arhiv6
Чтобы красиво было+адаптивный дизайн используют связку технологий HTML+CSS+JavaScript+Ajax. На geektimes была серия постов про arduino mega server.Там как раз реализован вебинтерфейс умного дома с графиками и кнопками. Из минусов - эта штука написана под arduino, но за основу (посмотреть как сейчас делают вебинтерфейсы) должно подойти.
aT-DeviLru
В качестве примера можно посмотреть исходники и документацию открытого проекта Red Pitaya, например, там имеется генератор сигналов, осциллограф и анализатор спектра с веб-интерфейсом, всё это работает под arm linux-ом.
Нажмите для просмотра прикрепленного файлаНажмите для просмотра прикрепленного файла
AlexandrY
Цитата(iiv @ Jan 10 2016, 02:19) *
Добрый день,

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

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

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


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

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


kolobok0
Цитата(iiv @ Jan 10 2016, 03:19) *
..на какой язык ориентироваться...


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

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

(круглый)
PS
Десктопное приложение конечно-же гуд, но это уже уровень системы(когда клиент уже точно ваш, доверяет вашему сайту и годов потратиться
временем-деньгами-нервами).
Эдди
Синхронизацию делаю через вебсокеты. 3D можно вебГЛем рисовать, графики — или вебГЛем, или в SVG, или даже в canvas. С видео, правда, пока уныло: только слайдшоу через mjpeg
drozel
Цитата(iiv @ Jan 10 2016, 06:19) *
Хочу нарисовать для нее оболочку, чтобы можно было пользоваться по веб интерфейсу и она одинаково красиво смотрелась как на компе, так и на смартфоне.

Сейчас считается приличным иметь веб-версию, клиент для android+IOS. По желанию, еще Windows 10.
alx2
Цитата(iiv @ Jan 10 2016, 06:19) *
Пожалуйста, посоветуйте, на какой язык ориентироваться (на компах исключительно убунта, винды нигде нет), чтобы минимально потратить время на освоение и на разработку?

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

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

Если же вопрос о собственно пользовательском интерфейсе (то что будет выполняться в веб-браузере пользователя), то это html/javascript. Причем, наверное, проще всего будет сразу начинать использовать jQuery (https://jquery.com/).
MAO
Цитата(aT-DeviLru @ Jan 10 2016, 11:16) *
В качестве примера можно посмотреть исходники и документацию открытого проекта Red Pitaya, например, там имеется генератор сигналов, осциллограф и анализатор спектра с веб-интерфейсом, всё это работает под arm linux-ом.
Нажмите для просмотра прикрепленного файлаНажмите для просмотра прикрепленного файла

Этот пример весьма любопытен своей богатой экосистемой ПО
(что как бы и определяет повышенную стоимость- за 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


Для просмотра полной версии этой страницы, пожалуйста, пройдите по ссылке.
Invision Power Board © 2001-2025 Invision Power Services, Inc.