Стартовая страница › Форумы › Новые идеи › Мнемосхемы для ПК и мобильных устройств
- В этой теме 21 ответ, 3 участника, последнее обновление 9 месяцев назад сделано
manjey73.
-
АвторСообщения
-
31.08.2023 в 09:07 #29597
manjey73
УчастникХм, не знаю, возможно ли такое в принципе.
Суть заключается в разделении пространства мнемосхемы на динамические блоки.
Блоку указывается где ему находиться, если схему открывают на большом брате и если схему открывают на мобильном устройстве с учетом ориентации экрана.Возможно ли сделать такое ?
31.08.2023 в 10:37 #29598JurasskPark
УчастникОбычно для такого готовят несколько мнемосхем с разным разрешением, и потом уже скрипт по разрешению открывает нужную мнемосхему.
31.08.2023 в 11:30 #29599manjey73
УчастникНу тогда объясните как зайдя одним пользователем сделать скрипт, чтобы открылась нужная мнемосхема?
Например в настройках стоит первой «мнемосхема 1» пользователь «scada» для простоты.
Я логинюсь и в зависимости от устройства открывается нужная мнемосхема, а не «мнемосхема 1»31.08.2023 в 12:00 #29600manjey73
УчастникСобственно для этого и использую вектор (svg) чтобы не рисовать под строго какое-то разрешение.
Иначе можно застрять надолго с созданием мнемосхем.-
Этот ответ был изменен 1 год, 10 месяцев назад от
manjey73.
31.08.2023 в 17:25 #29604Mikhail
МодераторОписанное поведение, на мой взгляд, это дэшборд и виджеты. Попробуйте плагин Дэшборды.
31.08.2023 в 17:48 #29606manjey73
УчастникМихаил, вы немного не поняли, речь о мнемосхеме в принципе. Но чтобы она была одна, а не десяток под разные устройства, но открывалась в зависимости от устройства по разному.
Ну пример. Основная часть — квадратное поле. Слева или справа еще квадраты или прямоугольники для открытия на ПК.
А когда открываем на мобильном, основная часть первая, а потом под ней то, что на ПК слева или справа идут по очереди внизу…
31.08.2023 в 17:50 #29607manjey73
УчастникСобственно речь о виджетах, которые имели бы разное поведение позиционирования в зависимости от ориентации экрана.
И кстати неплохо было бы подогнать смещение вниз при открытии на мобильном устройстве . Кнопки управления (вписать, по ширине, Лупа-, Лупа+) на мобильнике огромные и тут же перекрывают изображение.
Если его опустить, то на ПК оно будет сильно низко.-
Этот ответ был изменен 1 год, 10 месяцев назад от
manjey73.
01.09.2023 в 07:43 #29612Mikhail
МодераторОсновная часть — квадратное поле. Слева или справа еще квадраты или прямоугольники для открытия на ПК.
Это и есть дэшборд. Виджетами могут быть другие представления.
Реализация виджетов в рамках одного файла схемы, это может быть как идея. Почему бы и нет.
01.09.2023 в 08:22 #29616manjey73
УчастникОк, Дашборды могут открыться два по горизонтали, когда открывается на ПК
И два по вертикали, когда открывается на мобильном?Вопрос позиционирования и разных размеров для Дашборда тоже актуален. Возможно задать фиксированое положение Дашборда на экране для портретного и альбомного режимов?
Если да, то посмотрю в эту сторону, если нет, то это не то…
Придется делать разные мнемосхемы.01.09.2023 в 08:24 #29621manjey73
УчастникСейчас то, что вижу, для разных режимов, Портретный и Альбомный надо задавать разные настройки отступа изображения от края поля.
01.09.2023 в 14:26 #29629JurasskPark
Участникmanjey73, в скаде нет ИИ, который поймёт хорошо выглядит такая мнемосхема или нет.
Там даже в курсах у WW или где-то в ВК писал статью, с примерами, как некрасиво, неудобно налазили элементы друг на друга.Например, кнопка стало маленькой т.к. масштабировалась, а должна стать большой, чтобы удобнее пальцем попадать и не промахиваться.
01.09.2023 в 14:45 #29630manjey73
УчастникЯ не про ИИ, я про другое и приземленное, адаптивное формирование мнемосхемы для портретного и альбомного режима.
Соответственно это должен уметь Редактор мнемосхем и WEB сервер.То есть я руками выставляю область и в настройках указываю — в Портретном режимы ты здесь, в Альбомном режиме ты здесь будешь первым, ты вторым и т.д.
Так же зная высоту кнопок (Вписать, По ширине, Лупа-, Лупа+, %) Указываю редактору
В портрете сделать смещение вниз 100 пикселей, в Альбоме смещение 200 пикселей.Все. Большего как бы и не надо… для начала 🙂
01.09.2023 в 14:47 #29631manjey73
УчастникНапример, кнопка стало маленькой т.к. масштабировалась,
Ну первый пример, откройте мнемосхему на мобильном — кнопка Меню у Scada маленькая, трудно попасть, кнопки, указанные выше огромные…
04.09.2023 в 10:49 #29656Mikhail
МодераторЧтобы быстро проверить работу веб-интерфейса на мобильном, в браузере нажмите F12, затем кнопочку, которая позволяет сымитировать устройство.
04.09.2023 в 12:26 #29657manjey73
Участникну я в реальности проверяю. а не имитирую на ПК
-
Этот ответ был изменен 1 год, 10 месяцев назад от
-
АвторСообщения
- Вы должны авторизироваться для ответа в этой теме.