Где найти красивый пример JS Web Interface аппаратуры?
Добрый день,
не из праздного любопытства интересуюсь примерами, на Ваш взгляд, удачных веб интерфейсов аппаратов. То есть когда есть железка (осциллограф, ЧПУ станок, электронное пианино или еще что-то) и к нему сделан веб интерфейс на JS и юзер использует свой мобильник или свой компьютер для управления через веб этой аппаратурой.
Гуглил, но находится мало примеров, вернее не нашел ничего, на мой взгляд удобного и красивого. У самого есть только опыт работы с видеокамерой микроскопа, но, ИМХО, очень глючно и мне не понравилось.
Вдруг кто знает какие-то красивые и удобные примеры, которыми бы можно было бы в демо режиме по вебу поиграться, был бы премного благодарен.
Спасибо!
Где найти красивый пример JS Web Interface аппаратуры?
Если сами не смогли найти, значит вряд ли кто другой что-то знает лучше вас, значит попробуйте сами сделать, мне что-то лень примеры такие делать, может быть бы сделал бы. Я видел только красивый пример наблюдать, а не управлять - Rapid SCADA. Есть ещё красивый пример, но я не смоуг его показать, у меня принтер может через веб браузер сканировать, факс отправлять, и даже печатать (технология ePrint). Ну и ещё есть пример наоборот, когда аппаратура обращается к веб сервису, и я её тоже не смогу показать. Допустим мой 3D принтер может подключаться к специальному веб сайту, и оттуда скачивать готовые 3D модели для печати.
То есть когда есть железка (осциллограф, ЧПУ станок, электронное пианино или еще что-то) и к нему сделан веб интерфейс на JS и юзер использует свой мобильник или свой компьютер для управления через веб этой аппаратурой.
ЧПУ станок
ЧПУ станком нельзя управлять через интернет, ему посылаешь G-коды, он пошёл вырезать или высверливать детали/болванки. Это только если есть KUKA, то да можно
электронное пианино
Ну оно очень дорогое, где-то 40 тыщ € стоит. Мой синтезатор подключается к компу и становится MIDI синтезатором (XG), но его надо доставать, мне не охота его доставать, оно весит 10 килограмм. А нажатые клавиши как от компьютера так если сам нажимаешь можно видеть только на маленьком дисплее. Читайте про Web MIDI.
Дневник тяжелобольного инвалидаСпасибо за ответ.
Хорошо, расширим поиски - хочется найти примеров веб-интерфейс на JS программ, которые бы выполняли какую-то работу по включению чего-либо. Пусть даже сервер умного дома, хотя конечно было бы лучше какие-то научные аппараты, которые потом какие-нибудь графики строят. Некоторые варианты по умному дому находятся, хочется чего-то красивого. То есть чтобы Вы с первого взгляда могли сказать - Вау!
А станком ЧПУ тоже по веб-интерфейсу можно управлять, если загрузить G-коды и по веб интерфейсу смотреть как происходит выполение.
То есть чтобы Вы с первого взгляда могли сказать - Вау
Ну если вам нужно только для себя, то поставьте Notebook Jupyter. Я поставил Notebook Jupyter..., играюсь в Numpy и в Biopython. Там очень красивые вещи получаются, прям ВАУ! См:
Это график блеска звезды бетельгейзе, график отображается прям в браузере https://i.ibb.co/zmQqDPD/jupyter-betelgeuse-min.jpg
А это 3D модель протеина, который можно увеличивать и вращать https://i.ibb.co/0q6HqtJ/jupyter-biopython-min.jpg
Дневник тяжелобольного инвалидаА зачем это делать через веб морду?
хотя бы для того, чтобы интерфейсы на любой пользовательской платформе были бы одинаковы.
Тем более что выполнение происходит в "песочнице"
Скажите, пожалуйста, а что Вы имели ввиду, я просто не понял...
Вот попытаюсь примеры привести,
Пусть, например, у вас есть электронная собачка, как в Бостон-Динамиксе, она бегает у вас по участку, собирает информацию, какие цветы уже раскрылись, что полить, какие соседи приходили. Вы в любой момент с любого Вашего домашнего устройства можете зайти в "мозг" собачки и посмотреть что она узнала.
Или еще пример, теперь индустриальный.
У вас есть хроматограф с автосемплером (это такая хрень для анализа веществ) , Вы туда загрузили тучу пробирок для анализа и пошли по другим делам, и, в какой-то момент времени решили посмотреть как оно функционирует, не нужно и какие-то расходники поменять, или еще чего.
Если все это делать на клиентских программах, то это будет тянуть очень много ресурсов для программирования всего этого на всех современных платформах. Причем, например, под виндой - это дотнет, под линуксом, это QT, на эпле, мобильниках и планшетах, тоже свое придется делать, а так - одна морда на все, а работа по сути - на внутренних мощностях самого устройства.
Ну если вам нужно только для себя, то поставьте Notebook Jupyter. Я поставил Notebook Jupyter..., играюсь в Numpy и в Biopython. Там очень красивые вещи получаются, прям ВАУ!
Спасибо, обязательно попробую, правда пока он пишет, что де
Too many users running https://github.com/ipython/iphyton-in-depth! Try again soon.
То бишь вы хотите иметь кроссплатформенный клиент доступа к серверу только для чтения? Тогда что именно находится на стороне сервера особой роли не играет.
Имелось в виду то, что исполнение приложений в браузере приводит к ограничениям в использовании ресурсов компьютера.
То бишь вы хотите иметь кроссплатформенный клиент доступа к серверу только для чтения? Тогда что именно находится на стороне сервера особой роли не играет.
в большей части, конечно для чтения, но запуск команд - это же управление, то есть запись. Иметь сессию с паролем - вроде в вебе не сильно сложно, не так ли? В некоторых случаях людям и пароль не нужен, если девайс находится в закрытой подсетке. Все, кто к нему по веб протоколу ходят, все и могут управлять.
Имелось в виду то, что исполнение приложений в браузере приводит к ограничениям в использовании ресурсов компьютера.
Совсем не обязательно броузерскому приложению напрямую лезть в ресурсы. За него это сделает сервер. Который предоставит в пользование API. Которое и будет использовать любой клиент, в том числе и из под броузера
На чём делать вопрос как бы вторичный, главное как?
https://timeweb.com/ru/community/articles/kak-sdelat-sayt-...
но запуск команд - это же управление
А что будет если два пользователя захотят одновременно нажать кнопку старт?
Иметь сессию с паролем - вроде в вебе не сильно сложно
С технической стороны особых проблем нет, а вот когда начинаешь думать о безопасности.
Спасибо всем участвовавшим за советы и ссылки!
Либо само устройство работает как сервер.
Да, я именно это имел ввиду, ведь сейчас поднять сервер можно на ембеддед плате даже за 10 бакс.
А что будет если два пользователя захотят одновременно нажать кнопку старт?
...
С технической стороны особых проблем нет, а вот когда начинаешь думать о безопасности.
да, проблемы очень понятны и не надуманные, но, оставим их на совести самого прибора, ведь в нем это как-то разруливается.
Мне хотелось бы посмотреть УСПЕШНЫЕ решения, например, есть неуспешное, от Rhode&Schwartz, там веб морда осциллографа просто полностью повторяет обычный интерфейс с кнопками и ручками, который имеется на приборной панели, и, одно дело - крутить хорошую американскую ручку, а другое дело, крутить мышью виртуальную ручку... тьфу,
идиоты, что такое придумал.
То есть еще раз: есть устройство, в нем есть сервер, с сервера юзер грузит себе JS гуй и начинает пользовать. Если надо расшарить права доступа, то логинится, если нет, то работает как есть.
Вот есть ли такие успешные и красивые примеры, существенно сложнее веб морды принтера или сканера, и, если да, покажите, мне их, пожалуйста!
PS: вопрос не стоит как и в чем рисовать, вопрос стоит именно в том, чтоб полюбоваться успешным решением и сравнить с тем, что есть у меня, чтобы свое решение улучшить.
То бишь, хотелось бы увидеть примеры успешного веб дизайна для аппаратуры.
Тут у каждого будут свои предпочтения
https://dribbble.com/choephix/collections/2345299-Sleek?pa...
Даже палитру найти подходящую проблема, а дизайнер её просто "чувствует".
меня больше сторона UX интересует, грубо говоря, как принято красиво и удобно обыгрывать какие-то действия и функционал.
Интересно, а для индустриальных и научных аппаратов, кроме осциллографов и роутеров есть ли какой-то хороший web interface, который бы можно было бы посмотреть?
меня больше сторона UX интересует
Ну там тоже не всё так просто
https://fireseo.ru/blog/ux-dizajn-podrobnoe-rukovodstvo/
https://livetyping.com/ru/blog/printsipi-i-osnovy-ux-dizaj...
https://habr.com/ru/post/313718/
хороший web interface, который бы можно было бы посмотреть?
Это уже как словить хорошую рыбку