Мнемосхемы для ПК и мобильных устройств

Стартовая страница Форумы Новые идеи Мнемосхемы для ПК и мобильных устройств

Просмотр 15 сообщений - с 1 по 15 (из 22 всего)
  • Автор
    Сообщения
  • #29597
    manjey73
    Участник

    Хм, не знаю, возможно ли такое в принципе.
    Суть заключается в разделении пространства мнемосхемы на динамические блоки.
    Блоку указывается где ему находиться, если схему открывают на большом брате и если схему открывают на мобильном устройстве с учетом ориентации экрана.

    Возможно ли сделать такое ?

    #29598
    JurasskPark
    Участник

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

    #29599
    manjey73
    Участник

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

    Например в настройках стоит первой «мнемосхема 1» пользователь «scada» для простоты.
    Я логинюсь и в зависимости от устройства открывается нужная мнемосхема, а не «мнемосхема 1»

    #29600
    manjey73
    Участник

    Собственно для этого и использую вектор (svg) чтобы не рисовать под строго какое-то разрешение.
    Иначе можно застрять надолго с созданием мнемосхем.

    • Этот ответ был изменен 1 год, 10 месяцев назад от manjey73.
    #29604
    Mikhail
    Модератор

    Описанное поведение, на мой взгляд, это дэшборд и виджеты. Попробуйте плагин Дэшборды.

    #29606
    manjey73
    Участник

    Михаил, вы немного не поняли, речь о мнемосхеме в принципе. Но чтобы она была одна, а не десяток под разные устройства, но открывалась в зависимости от устройства по разному.

    Ну пример. Основная часть — квадратное поле. Слева или справа еще квадраты или прямоугольники для открытия на ПК.

    А когда открываем на мобильном, основная часть первая, а потом под ней то, что на ПК слева или справа идут по очереди внизу…

    #29607
    manjey73
    Участник

    Собственно речь о виджетах, которые имели бы разное поведение позиционирования в зависимости от ориентации экрана.

    И кстати неплохо было бы подогнать смещение вниз при открытии на мобильном устройстве . Кнопки управления (вписать, по ширине, Лупа-, Лупа+) на мобильнике огромные и тут же перекрывают изображение.
    Если его опустить, то на ПК оно будет сильно низко.

    • Этот ответ был изменен 1 год, 10 месяцев назад от manjey73.
    #29612
    Mikhail
    Модератор

    Основная часть — квадратное поле. Слева или справа еще квадраты или прямоугольники для открытия на ПК.

    Это и есть дэшборд. Виджетами могут быть другие представления.

    Реализация виджетов в рамках одного файла схемы, это может быть как идея. Почему бы и нет.

    #29616
    manjey73
    Участник

    Ок, Дашборды могут открыться два по горизонтали, когда открывается на ПК
    И два по вертикали, когда открывается на мобильном?

    Вопрос позиционирования и разных размеров для Дашборда тоже актуален. Возможно задать фиксированое положение Дашборда на экране для портретного и альбомного режимов?

    Если да, то посмотрю в эту сторону, если нет, то это не то…
    Придется делать разные мнемосхемы.

    • Этот ответ был изменен 1 год, 10 месяцев назад от manjey73.
    • Этот ответ был изменен 1 год, 10 месяцев назад от manjey73.
    #29621
    manjey73
    Участник

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

    #29629
    JurasskPark
    Участник

    manjey73, в скаде нет ИИ, который поймёт хорошо выглядит такая мнемосхема или нет.
    Там даже в курсах у WW или где-то в ВК писал статью, с примерами, как некрасиво, неудобно налазили элементы друг на друга.

    Например, кнопка стало маленькой т.к. масштабировалась, а должна стать большой, чтобы удобнее пальцем попадать и не промахиваться.

    #29630
    manjey73
    Участник

    Я не про ИИ, я про другое и приземленное, адаптивное формирование мнемосхемы для портретного и альбомного режима.
    Соответственно это должен уметь Редактор мнемосхем и WEB сервер.

    То есть я руками выставляю область и в настройках указываю — в Портретном режимы ты здесь, в Альбомном режиме ты здесь будешь первым, ты вторым и т.д.
    Так же зная высоту кнопок (Вписать, По ширине, Лупа-, Лупа+, %) Указываю редактору
    В портрете сделать смещение вниз 100 пикселей, в Альбоме смещение 200 пикселей.

    Все. Большего как бы и не надо… для начала 🙂

    #29631
    manjey73
    Участник

    Например, кнопка стало маленькой т.к. масштабировалась,

    Ну первый пример, откройте мнемосхему на мобильном — кнопка Меню у Scada маленькая, трудно попасть, кнопки, указанные выше огромные…

    #29656
    Mikhail
    Модератор

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

    #29657
    manjey73
    Участник

    ну я в реальности проверяю. а не имитирую на ПК

Просмотр 15 сообщений - с 1 по 15 (из 22 всего)
  • Вы должны авторизироваться для ответа в этой теме.