Перейти к содержанию
    

На каком языке сделать веб интерфейс чтоб на компе и на мобильнике красиво было?

Добрый день,

 

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

 

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

 

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

 

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

 

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

 

Спасибо!

 

ИИВ

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

post-60826-1452413630_thumb.pngpost-60826-1452413634_thumb.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Добрый день,

 

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

 

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

 

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

 

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

И они по любому будут страшно отставать от нативных приложений.

 

Вот для примера проект на Delphi- http://geektimes.ru/post/268164/

Сделан за пару дней. Там фичей и возможностей кастомизации на порядок больше чем в любом WEB приложении.

 

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

..на какой язык ориентироваться...

 

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

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

 

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

гаммы с максимальными задвинутыми цветами - есть зло. Такие вещи от лохов вэбщиков сильно отпугивают всё больше и больше людей

(практически каждый 3-4 сайт страдают из-за этого).

 

(круглый)

PS

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

временем-деньгами-нервами).

Изменено пользователем kolobok0

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

 

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

post-60826-1452413630_thumb.pngpost-60826-1452413634_thumb.png

Этот пример весьма любопытен своей богатой экосистемой ПО

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

 

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Присоединяйтесь к обсуждению

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

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

×
×
  • Создать...