Дмитрий Глущенко · mobilehmi: с чего начать, как создать...

8
112 СТА 2/2015 ВОПРОСЫ–ОТВЕТЫ www.cta.ru Мобильность стала неотъемлемой частью современного мира, поэтому в компании ICONICS уделяют большое внимание мобильным компонентам программного комплекса. В формате «вопрос–ответ» дадим от- веты на основные вопросы по MobileHMI: с чего начать, как создать плиточный интерфейс мобильного приложения, как создать сервер прило- жений (App Hub), какие особенности подключения к беспроводным и 3G-се- тям. Вопрос Как установить и выполнить базовые настройки MobileHMI? Ответ Прежде всего необходимо помнить, что MobileHMI может быт установлен как отдельный продукт или может ис- пользоваться с ICONICS GENESIS64 или пакетами аналитики ICONICS AnalytiX. Установка MobileHMI на мобильные устройства 1. Откройте соответствующий ваше- му устройству магазин приложений. 2. Найдите MobileHMI. 3. Выберите его и установите. Подключение к демо-проекту После установки запустите приложе- ние. На устройствах с ОС Windows при первом запуске подключитесь к серве- ру с демо-проектом, щёлкнув на Test the Application (Тестирование приложения). При последующих подключениях выбе- рите сервер mobilehmi.com и щёлкните Connect (Подключиться). На устройствах с ОС Android и IOS подключитесь к сер- веру с демо-проектом, выбрав сервер mobilehmi.com и щёлкнув Connect. Подключившись, выберите одну из плиток для изучения доступных осо- бенностей MobileHMI. Работа с приложением MobileHMI Работа с приложением на любом мо- бильном устройстве проста и интуитивна. Для приложения на Windows 8: проведите по экрану от верхнего края экрана вниз для доступа к меню при- ложения; проведите по экрану от правого края экрана влево для доступа к панели Charmbar с расширенными настрой- ками. Для приложения на ОС Android и IOS щёлкните на многоточие (…) справа вни- зу для доступа к настройкам приложения. Подключение MobileHMI к системе GENESIS64 Установка сервера приложения (App Hub) Для подключения MobileHMI к си- стеме GENESIS64 необходимо сначала установить сервер MobileHMI на пер- вичный (основной) сервер GENESIS64. 1. Вставьте установочный диск GENE- SIS64 в дисковод на первичном сер- вере. 2. На появившемся экране выберите MobileHMI. 3. Следуйте инструкциям по установке. Подробную информацию по процес- су установки можно найти на этом же установочном диске. Настройка сервера MobileHMI Конфигурирование сервера MobileHMI в GENESIS64 выполняется при помощи Provider (Поставщика) MobileHMI в Workbench SL. MobileHMI может загружать только экранные формы с расширением фай- лов .gdfxp и .gdfxpz. Сохраните желае- мые экранные формы в одном из этих форматов и разместите для публикации в папке PubDisplay. 1. Запустите Workbench SL. 2. Щёлкните на Provider MobileHMI из списка поставщиков. 3. Для начала необходимо создать но- вый макет. Сделать это можно за счёт расширения активной конфигура- ции, щёлкнув правой кнопкой мыши на Layouts (Макеты) и выбрав Add Layout (Добавить макет). 4. Присвойте макету имя и прикрепите к нему значок. 5. Щёлкнув правой кнопкой мыши на новом макете, выберите Add Group (Добавить группу). 6. Присвойте группе имя. 7. Щёлкнув правой кнопкой мыши на новой группе, выберите Add Tile (До- бавить плитку) для создания новой плитки. 8. Присвойте плитке имя. 9. В общем случае каждой плитке при- сваивается некоторая команда для выполнения определённого дей- ствия, когда пользователь касается этой плитки, например, загрузить эк- ран с графиками. На Command Tab (Закладке с командами) выберите нужную команду – Load Graphics Dis- play (Загрузить экран с графиками) – и заполните необходимые конфигу- рационные поля. 10. Когда эти основные шаги заверше- ны, подключите получившееся при- ложение MobileHMI к серверу. На сервере вы увидите своё приложение, щёлкнув по которому, можно увидеть группы плиток так, как они были на- строены. Импорт SmartTiles в MobileHMI SmartTiles (Умные плитки) – это но- вый способ представления информации в компактном виде на мобильных устройствах. Для использования SmartTiles вы должны сначала создать их в GraphWorX64 и затем импортировать в MobileHMI. 1. Откройте Provider (Поставщика) Mo- bileHMI в Workbench SL. 2. Разверните активную базу данных, выберите Configuration (Конфигуриро- вание). MobileHMI: ПО ICONICS в помощь мобильным пользователям Дмитрий Глущенко

Upload: others

Post on 08-Jul-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Дмитрий Глущенко · MobileHMI: с чего начать, как создать плиточный интерфейс мобильного приложения, как

112

СТА 2/2015

ВОПРОСЫ–ОТВЕТЫ

www.cta.ru

Мобильность стала неотъемлемойчастью современного мира, поэтому вкомпании ICONICS уделяют большоевнимание мобильным компонентампрограммного комплекса.

В формате «вопрос–ответ» дадим от-веты на основные вопросы поMobileHMI: с чего начать, как создатьплиточный интерфейс мобильногоприложения, как создать сервер прило-жений (App Hub), какие особенностиподключения к беспроводным и 3G-се-тям.

ВопросКак установить и выполнить базовыенастройки MobileHMI?

ОтветПрежде всего необходимо помнить,

что MobileHMI может быт установленкак отдельный продукт или может ис-пользоваться с ICONICS GENESIS64или пакетами аналитики ICONICSAnalytiX.Установка MobileHMI на мобильныеустройства

1. Откройте соответствующий ваше-му устройству магазин приложений.

2. Найдите MobileHMI.3. Выберите его и установите.

Подключение к демо-проектуПосле установки запустите приложе-

ние. На устройствах с ОС Windows при

первом запуске подключитесь к серве-ру с демо-проектом, щёлкнув на Test theApplication (Тестирование приложения).При последующих подключениях выбе-рите сервер mobilehmi.com и щёлкнитеConnect (Подключиться). На устройствахс ОС Android и IOS подключитесь к сер-веру с демо-проектом, выбрав серверmobilehmi.com и щёлкнув Connect.

Подключившись, выберите одну изплиток для изучения доступных осо-бенностей MobileHMI.

Работа с приложением MobileHMIРабота с приложением на любом мо-

бильном устройстве проста и интуитивна.Для приложения на Windows 8:

● проведите по экрану от верхнего краяэкрана вниз для доступа к меню при-ложения;

● проведите по экрану от правого краяэкрана влево для доступа к панелиCharmbar с расширенными настрой-ками.Для приложения на ОС Android и IOS

щёлкните на многоточие (…) справа вни-зу для доступа к настройкам приложения.Подключение MobileHMI к системеGENESIS64Установка сервера приложения (AppHub)

Для подключения MobileHMI к си-стеме GENESIS64 необходимо сначалаустановить сервер MobileHMI на пер-вичный (основной) сервер GENESIS64.1. Вставьте установочный диск GENE-

SIS64 в дисковод на первичном сер-вере.

2. На появившемся экране выберитеMobileHMI.

3. Следуйте инструкциям по установке.Подробную информацию по процес-су установки можно найти на этом жеустановочном диске.

Настройка сервера MobileHMIКонфигурирование сервера

MobileHMI в GENESIS64 выполняетсяпри помощи Provider (Поставщика)MobileHMI в Workbench SL.

MobileHMI может загружать толькоэкранные формы с расширением фай-лов .gdfxp и .gdfxpz. Сохраните желае-мые экранные формы в одном из этихформатов и разместите для публикациив папке PubDisplay.1. Запустите Workbench SL. 2. Щёлкните на Provider MobileHMI из

списка поставщиков. 3. Для начала необходимо создать но-

вый макет. Сделать это можно за счёт

расширения активной конфигура-ции, щёлкнув правой кнопкой мышина Layouts (Макеты) и выбрав AddLayout (Добавить макет).

4. Присвойте макету имя и прикрепитек нему значок.

5. Щёлкнув правой кнопкой мыши нановом макете, выберите Add Group(Добавить группу).

6. Присвойте группе имя. 7. Щёлкнув правой кнопкой мыши на

новой группе, выберите Add Tile (До-бавить плитку) для создания новойплитки.

8. Присвойте плитке имя. 9. В общем случае каждой плитке при-

сваивается некоторая команда длявыполнения определённого дей-ствия, когда пользователь касаетсяэтой плитки, например, загрузить эк-ран с графиками. На Command Tab(Закладке с командами) выберитенужную команду – Load Graphics Dis-play (Загрузить экран с графиками) –и заполните необходимые конфигу-рационные поля.

10. Когда эти основные шаги заверше-ны, подключите получившееся при-ложение MobileHMI к серверу. Насервере вы увидите своё приложение,щёлкнув по которому, можно увидетьгруппы плиток так, как они были на-строены.

Импорт SmartTiles в MobileHMISmartTiles (Умные плитки) – это но-

вый способ представления информациив компактном виде на мобильныхустройствах.

Для использования SmartTiles выдолжны сначала создать их вGraphWorX64 и затем импортировать вMobileHMI.1. Откройте Provider (Поставщика) Mo-

bileHMI в Workbench SL. 2. Разверните активную базу данных,

выберите Configuration (Конфигуриро-вание).

MobileHMI: ПО ICONICS в помощьмобильным пользователям

Дмитрий Глущенко

_112-120 04_Макет 1 02.04.2015 12:21 Страница 112

Page 2: Дмитрий Глущенко · MobileHMI: с чего начать, как создать плиточный интерфейс мобильного приложения, как

3. Выберите SmartTile Templates(Шаблоны умныхплиток).

4. В конфигура-ционном диало-ге щёлкните намноготочие (…) для просмотра экс-портированных SmartTiles.

5. Щёлкните на Import (Импорт) дляимпорта SmartTiles в MobileHMI.

6. Теперь эти SmartTiles доступны какшаблоны в MobileHMI.

Применение SmartTiles в MobileHMI1. Для применения SmartTiles в

MobileHMI создайте новую плитку вгруппе или используйте имеющуюся,если вы хотите добавить ей функцио-нальности.

2. В закладке General (Основные)щёлкните на стрелке «вниз» рядом с по-лем Template (Шаблон) и выберитеSmartTiles из числа импортированных вMobileHMI.

3. Конфигурация SmartTiles из шабло-на будет применена к выбранной плитке.

ВопросЕсть ли связь между MobileHMI иGraphWorX64?

ОтветС помощью MobileHMI и

GraphWorX64 у вас есть возможностьсоздавать детальные графические экра-ны для просмотра и взаимодействия наустройствах с ОС Windows Phone и дру-гими мобильными устройствами.

Есть возможность применения боль-шинства существующих функцийGraphWorX64, таких как просмотр трен-дов с помощью Компонента просмотраTrendWorX64 Viewer, подтверждениесигналов тревог с помощью Компонен-та просмотра AlarmWorX64 Viewer, мо-ниторинг территориально распределён-ных систем с привязкой к GPS-коорди-натам с помощью Компонента просмот-ра EarthWorX и многих других, и всё этос использованием MobileHMI.

В качестве примера для ответа на во-прос мы создадим в GraphWorX64 эк-

ранную форму для мобильного устрой-ства, включающую PivotControl (Стильуправления Pivot). После этого покажем,как опубликовать экранную форму дляпросмотра на мобильном устройстве.Создание экранной формы в GraphWorX64

1. Откройте редактор GraphWorX64 forMobileHMI. Для этого выберите: Start(Пуск) ➔ Programs (Программы) ➔

ICONICS ➔ MobileHMI ➔ GraphWorX64for MobileHMI.

Если у вас не установлен MobileHMI,но установлен GENESIS64, вы можетесоздать экранную форму GraphWorX64для мобильных устройств (GraphWorX64Mobile Display) в GraphWorX64.

2. Выберите File ➔ New Settings. Под-ключите платформу MobileHMI. Выбе-рите параметры экранной формы, не-обходимые для вашего мобильногоустройства.

Выбор свойств экранной формы дляустройства не является обязательным.Например, экранная форма с характе-ристиками для iPhone будет работать ина устройствах с ОС Windows Phone 8,но в плане разрешения и соотношениясторон будет лучше выглядеть на iPhone.

3. На ленте меню в закладкеMobileHMI Configuration (Конфигуриро-вание MobileHMI) выберите PivotControl(Стиль управления Pivot). Щёлкните нанём, перетащите на экран и растянитепо экрану так, чтобы заполнить его це-ликом.

4. Выделите только что добавленныйэлемент Pivot в Explorer (Проводнике),затем Properties (Свойства) в закладкеContent (Содержание), измените Text наOverview. По желанию поменяйте цветпереднего плана и цвет текста(Foreground Color, Text Color).

5. В ряду с элементами выберитекнопку Многоточие, чтобы добавить на-

бор, который содержит по умолчаниютри страницы, по-другому вы можетедобавлять страницы при помощи кноп-ки Add Pages (Добавить страницы) в PivotPages (Группе страниц Pivot) после выбо-ра элемента управления Pivot (рис. 1).

6. В Explorer (Проводнике) щелчкомправой кнопки мыши на странице вы-берите Edit Text (Редактировать текст),присвойте ей имя KPI (КПЭ – ключе-вые показатели эффективности, рис. 2).Повторите это действие для другихстраниц, присвоив им имена Alarms(Тревоги) и Trends (Графики).

7. Для страницы KPI в полностью от-крытом Explorer (Проводнике) выберитеPivotItem (Элемент Pivot), затем Layer(Слой), как это показано на рис. 3.

8. На выделенный слой вы можете до-бавлять различные объектыGraphWorX64 и управлять ими. Напри-мер, для страницы KPI добавьте не-сколько Точек процессов (Process Points)с соответствующими названиями, отно-сящихся к КПЭ. Вы можете добавить те-ги симуляции, если пожелаете.

9. В таком же стиле добавьте Компо-нент просмотра AlarmWorX64 Viewer настраницу Alarms.

10. В заключение добавьте Компонентпросмотра TrendWorX64 Viewer на стра-ницу Trends, также добавьте источникOPC или симуляционных данных.

11. Сохраните сделанные изменения.Опубликуйте экранную форму, исполь-зуя кнопку Publish Mobile Display (Опуб-

В О П Р О С Ы – О Т В Е Т Ы

113

СТА 2/2015 www.cta.ru

Рис. 2. Стиль управления Pivot с несколькими закладками

Рис. 3. Редактирование группы

для PivotItem

Рис. 1. Добавление

страницы

_112-120 04_Макет 1 02.04.2015 12:21 Страница 113

Page 3: Дмитрий Глущенко · MobileHMI: с чего начать, как создать плиточный интерфейс мобильного приложения, как

114

СТА 2/2015

В О П Р О С Ы – О Т В Е Т Ы

www.cta.ru

ликовать экранные формы для мобильныхустройств) на ленте на закладкеMobileHMI Configuration (Конфигуриро-вание MobileHMI).

Публикация экранных форм, выпол-ненных в GraphWorX64 для WindowsPhone, выполняется таким же образом,как и для других ОС. Если вы не уста-новили MobileHMI и пользуетесь вме-сто него GENESIS64, нужно убедиться,что вы сохраняете экранные формы впапке для публикации MobileHMI –GENESIS64/Websites/PubDisplay/MobileHMI.Конфигурирование Single Display Layout(Макета с одной экранной формой)

В мобильном приложении для про-смотра страницы нужно выбрать серверMobileHMI. Но прежде всего этот серверMobileHMI нужно сконфигурировать.

1. На сервере запустите Workbench-SLиз Start (Пуск) ➔ Programs (Программы)➔ ICONICS.

2. В Workbench-SL выберите Mobi le -HMI Provider (Поставщика).

3. Разверните вашу Конфигурационнуюбазу данных (Configuration Database),после этого правым щелчком мыши наLayouts (Макеты) выберите Add Layout(Добавить макет).

4. Присвойте макету имя. Поставьтегалочку возле Single Display Layout (Ма-кет с одной экранной формой). Должнополучиться примерно так, как показанона рис. 4. Нажмите Apply (Применить).

5. Щелчком правой кнопки мыши навашем макете выберите Add Group (До-бавить группу). Присвойте группе на-звание. Нажмите Apply (Применить).

6. Щелчком правой кнопки мыши навашей группе выберите Add Tile (Доба-вить плитку). Присвойте плитке назва-ние, после этого на закладке Commandвыберите команду Load Graphics Display(*.gdfxp|*.gdfxpz) (Загрузить графическуюэкранную форму) и введите адрес URLвашей публикуемой экранной формы: http://ServerName/PubDisplay/MobileHMI/YourDisplayName.gdfxp

7. Нажмите Apply.Так как мы используем макет с одной

экранной формой, эта плитка не будетвидима, поэтому нам нет необходимо-сти конфигурировать что-либо, кромевыполнения команды, исполняемойпри нажатии. Если вы хотите использо-вать App Hub (Сервер приложений), вме-сто того чтобы переключиться на экран-ную форму, снимите галку с Single Dis -play Layout (Макет с одной экранной фор-мой) на уровне макетов и сконфигури-руйте ваши плитки и группы, как вы же-лаете. Дополнительную информациювы можете получить в файлах справкипо App Hub (Серверу приложений). Просмотр публикуемой страницы

После того как страница опубликова-на, вы можете просмотреть её на своёммобильном устройстве. Страницы мо-гут быть открыты в Интернет-браузере,поддерживающем HTML5, или в при-ложении MobileHMI для вашего мо-бильного устройства.Просмотр в мобильном приложении

1. Запустите приложение MobileHMIна мобильном устройстве.

2. Подключитесь к вашему серверу.Если его ещё нет в списке серверов, до-бавьте. Убедитесь, что вы или подклю -чены к сети Wi-Fi, в которой находитсясервер MobileHMI, или что использу-ется полное доменное имя, например,mobilehmi.iconics.com.

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

3. Чтобы выбрать другие страницы,вы можете или коснуться заголовка,или провести пальцем справа налево. Просмотр в Интернет-браузере, под-держивающем HTML5

Для просмотра вашей страницы вИнтернет-браузере, поддерживающемHTML5, просто перейдите к адресуURL вашей страницы с AnyGlass: http://ServerName/AnyGlass/PubDis-play/MobileHMI/DisplayName.gdfxp

Важно помнить, что AnyGlass являет-ся частью адреса URL.

ВопросКак создать многоплиточный интер-фейс?

ОтветMobileHMI – бесплатное приложе-

ние, которое можно загрузить из магази-на приложений Marketplace. Mobi leHMIподдерживает множественные плитки

на телефоне с ОС Windows Pho ne. Плит-ки добавляют удобство к использованиюинтерфейса. Они позволяют получитьбыстрый доступ к важной информацииоб Alarms (Тревогах), KPI (КПЭ), Trends(Трендах) и другим экранным формам,экономя время. В качестве примера приответе на этот вопрос мы создадим мно-жественные плитки для MobileHMI нателефоне с Windows Phone. Добавление плиток

Home Screen (Домашний экран) на те-лефоне с Windows Phone может бытьперсонализирован таким образом, что-бы с помощью плиток упростить доступк экранным формам Trend, Alarm и дру-гим созданным в GraphWorX.

Для выполнения нашего примера на-чнём с домашнего экрана с плиткойICONICS MobileHMI. Для того чтобыдобавить плитку на домашний экран,просто на отмеченном макете Mobi -leHMI нажмите на многоточие в нижнемправом углу, выберите кнопку Pin (При-цепить), как это показано на рис. 5. Этодействие добавит плитку на домашнийэкран, которым управляет пользовательна выбранном Layout (Макете).

Аналогично на домашний экран до-бавляются плитки, относящиеся кTrends, Alarms и другим экранным фор-мам, это несложно. Home Screen (До-машний экран) с персонализированныммакетом показан на рис. 6. Теперь, на-жав на плитку, вы можете перейти кнужной экранной форме. Нажав накнопку Back (Назад), вы вернётесь надомашний экран.

Рис. 4. Новый макет

Рис. 5. Нажмите круглую кнопку Pin, чтобы

добавить плитку

_112-120 04_Макет 1 02.04.2015 12:21 Страница 114

Page 4: Дмитрий Глущенко · MobileHMI: с чего начать, как создать плиточный интерфейс мобильного приложения, как

ЭКСКЛЮЗИВНЫЙ ДИСТРИБЬЮТОР НА ТЕРРИТОРИИ РФ И СНГ

_112-120 04_Макет 1 02.04.2015 12:21 Страница 115

Page 5: Дмитрий Глущенко · MobileHMI: с чего начать, как создать плиточный интерфейс мобильного приложения, как

Удаление плиток с домашнего экрана Плитки могут быть удалены с домаш-

него экрана за два простых шага. 1. Нажмите и 2 секунды удерживайте

плитку, которую нужно удалить. 2. Нажмите кнопку Unpin (Откре-

пить), как это показано на рис. 7. Снятие плитки путём просмотра

1. Просматривайте соответствующиймакет (Alarms, Trends и т.д.).

2. Нажмите на многоточие в правомнижнем углу.

3. Нажмите кнопку Unpin (Откре-пить), как это показано на рис. 8, послеэтого вы увидите, что соответствующаяплитка удалена с домашнего экрана.

ВопросКак пользоваться сервером приложе-ний AppHub?

ОтветMobileHMI не только позволяет запу-

стить экранные формы, созданные вGraphWorX64, просматривать Тренды(Trends) в режиме реального времени,просматривать каталог Assets (Активов иоборудования), проводить мониторингAlarms (Тревог) и подписываться на push-уведомления о тревогах, но и даёт воз-можность управлять операциями мас-штаба предприятия с широкого диапазо-на мобильных устройств. Все эти опциидоступны с сервера приложений AppHub, который служит основным клиент-ским интерфейсом для MobileHMI.Конфигурирование AppHub доступно изWorkbench-SL средствами ProviderMobileHMI (Поставщика).

Сервер приложений AppHub – кли-ентское приложение MobileHMI, кото-рое передаётся на мобильное устрой-ство. Это обеспечивает создание интер-фейса для конкретного пользователя всоответствии с политикой безопасностина предприятии, так как различныепользователи в организации могут

иметь доступ к разной информации.AppHub использует SmartTiles (Умныеплитки) для представления данных вреальном времени на экране для бы-строго просмотра, например KPI.

Пользователи могут загрузить и уста-новить AppHub (Сервер приложений) изследующих источников:● Microsoft Store (Windows 8/RT и

Windows Phone) – для устройств с ОСWindows;

● Apple Store – для устройств на iOS(приложение на основе HTML5AnyGlass);

● Google Store – для устройств наAndroid (приложение на основеHTML5 AnyGlass).Все версии AppHub базируются на

одном и том же ПО Framework: ● Framework запускается на клиент-

ском устройстве для Windows 8/RT иWindows Phone;

● Framework запускается на сервереAnyGlass с HTML5, один экземплярна пользователя.AppHub (Сервер приложений) поддер-

живает концепцию Layouts (Макетов).Макет – это логический набор навига-ционных элементов, которые могутиметь одну или несколько Groups(Групп), где каждая Группа включает од-ну или несколько Tiles (Плиток).

Плитка запускает страницу с содер-жимым, созданным в GraphWorX64,TrendWorX64, AlarmWorX64 илиAssetWorX. Установка серверного компонента

Первым шагом для начала использо-вания MobileHMI является установкакомпонента MobileHMI на сервер. Де-тально с процессом установки на ком-пьютер можно ознакомиться в доку-ментации на установочном диске.

Если на данном этапе вам достаточнопросто познакомиться с демо-версиейна вашем мобильном устройстве, про-пустите установку компонента на сер-вер и подключитесь к демо-серверуMobileHMI.com. Установка клиентского приложения

Установку MobileHMI на ваше мо-бильное устройство мы рассмотрели вначале ответа на первый вопрос. Применение сервера приложений

1. Откройте приложение MobileHMIна вашем мобильном устройстве. В дан-ном примере мы рассмотрим устрой-ство с ОС Windows.

2. Вы сразу же окажетесь на страницеServers (Серверы), как это показано нарис. 9. На этой странице вы можете вы-брать сервер, к которому следует под-116

СТА 2/2015

В О П Р О С Ы – О Т В Е Т Ы

www.cta.ru

Рис. 8. Удаление плитки путём просмотра

Рис. 6. Домашний экран с множественными

плитками

Рис. 7. Удаление плитки с домашнего экрана

_112-120 04_Макет 1 02.04.2015 12:21 Страница 116

Page 6: Дмитрий Глущенко · MobileHMI: с чего начать, как создать плиточный интерфейс мобильного приложения, как

ключиться. В нашем примере мы под-ключимся к серверу по умолчанию –mobilehmi.com.

3. После подключения вы увидитеинтерфейс, показанный на рис. 10.

4. Подключившись к серверу, вы мо-жете выбрать любой доступный макет,для этого коснитесь одной из плиток.

5. Чтобы вернуться к списку серверовна странице Servers (Серверы), косни-тесь значка mobilehmi.com в верхнемлевом углу экрана.

6. В случае если нужно получить до-ступ к определённым экранным фор-мам, вам следует авторизоваться, щёлк-нув на Login в верхнем правом углу.

7. История просмотра экранныхформ доступна по нажатию значкаHistory (История). Изменение параметров

Параметры сервера приложенийAppHub могут быть изменены в меню:Windows ➔ Settings ➔ Preferences (forMobileHMI). Здесь вы можете удалить

историю просмотров, кэш, установитьразмер кэша, изменить параметры на-чального подключения, как это показа-но на рис. 11.

ВопросКак настроить подключение по Wi-Fiи 3G?

ОтветЕсли есть доступная сеть Wi-Fi, её

можно использовать в дополнение кподключению по сети мобильного опе-ратора. Возможно, вы отдадите пред-

В О П Р О С Ы – О Т В Е Т Ы

117

СТА 2/2015 www.cta.ru

Рис. 9. Страница Servers в MobileHMI

Рис. 10. Внешний вид экрана MobileHMI.com

Тел.: (495) 234-0636 • Факс: (495) 234-0640 • [email protected] • www.prosoft.ru

ОФИЦИАЛЬНЫЙ ДИСТРИБЬЮТОР ПРОДУКЦИИ ICONICS

_112-120 04_Макет 1 02.04.2015 12:21 Страница 117

Page 7: Дмитрий Глущенко · MobileHMI: с чего начать, как создать плиточный интерфейс мобильного приложения, как

почтение подключению по сети Wi-Fi,так как обычно оно быстрее подключе-ния по мобильной сети. Также вы мо-жете сэкономить на трафике, если у васне безлимитный тарифный план илиесли вы не можете подключиться к мо-бильной сети по каким-то другим при-чинам. Некоторые сети Wi-Fi защище-ны и могут потребовать авторизациидля подключения.

Мы опишем подключение с мобиль-ного устройства (в нашем примереWindows Phone 7/8) к серверу MobileHMIс помощью соединения по Wi-Fi или 3G. Прежде чем начать● Сервер MobileHMI физически под-

ключён к Интернету/DMZ и досту-пен. Необходимо гарантировать, чтосервер имеет внешний IP-адрес, ко-торый будет сопоставлен имени сер-вера.

● Предполагается, что вы уже устано-вили сервер MobileHMI на физиче-ском сервере, а на мобильном теле-фоне с ОС Windows Phone 7/8 уста-новлен клиент MobileHMI.

● Также предполагается, что вы знако-мы с настройками Windows Phone и увас есть доступные сети Wi-Fi/3G.

Подключение к сети Wi-Fi Подключаясь к серверу MobileHMI

через сеть Wi-Fi, учтите следующее:● Intranet AP – вы можете подключить-

ся к AP (Access Point – Локальная точ-ка доступа), которая должна иметьдоступ к внешнему серверу. Убеди-тесь, что порт 80 между клиентом исервером открыт.

● Public AP – если вы подключаетесь кобщественной сети, вам нужно гаран-тировать, что подключение к серверуMobileHMI имеет открытый порт 80между клиентом и сервером. 1. Коснитесь Start, потяните влево к

списку приложений, нажмите на

Settings (Настройки), потом нажмите наWi-Fi.

2. Убедитесь, что Wi-Fi Networking вположении On (Включено). Это означа-ет, что телефон ищет доступные сетиWi-Fi. Если сети найдены, ваш телефонотобразит их список, показывая, какиеиз них открытые, какие требуют авто-ризации.

3. Щёлкните на сеть, к которой сле-дует подключиться. Подключение к сети мобильного опе-ратора

Настройки сети мобильного операто-ра (табл. 1) позволяют настроить под-ключение и передачу данных. Если под-118

СТА 2/2015

В О П Р О С Ы – О Т В Е Т Ы

www.cta.ru

Рис. 11. Параметры для MobileHMI

Таблица 1

Настройки сети мобильного оператора

Настройка Действие

Активные сети (Active Networks) Отображает наименование используемых мобильных сетей

Подключение данных(Data Connection)

Вы можете отключить передачу данных по мобильной сети по разнымпричинам, таким как экономия средств на счёте, если у вас не безлимит-ный тарифный план, или если необходимо сэкономить заряд батареи.Вы сможете делать и получать звонки, отправлять и получать SMS-сообщения, но вы не сможете просматривать с телефона веб-страницы, отправлять и получать электронную почту или получать обновления для приложений, пока не подключитесь к сети Wi-Fi

Опции роуминга данных(Data Roaming Options)

Устанавливаются в случае подключения за пределами действия своегомобильного оператора

Выбор режима (Mode Selection) Определяет, какой тип мобильной сети используется в вашем телефоне

Наибольшая скоростьпередачи данных (Highest ConnectionSpeed)

Вы можете выбрать наивысшую скорость подключения. В этом случае телефон будет подключаться (или пытаться подключиться) к другой сети,в которой скорость передачи данных выше, чем в вашей

Установки (Settings)

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

Изменение сетевогопрофиля (Change Network Profile)

Профиль мобильной сети определяет её настройки для вашего телефона,а затем активирует ваш телефон с этими настройками (или дополняет их)

Измение PRL (Change PRL)

Ваш оператор мобильной связи поддерживает PRL (Preferred RoamingList – Предпочтительный список роуминга) и определяет в приоритет-ном порядке, к какой сети подключаться в роуминге. Вы можете изме-нить этот список, если часто перемещаетесь и покидаете свою домашнююсеть

Тип сети (Network Type)

Определяет, каким образом телефон будет пытаться подключиться в случае, если домашняя сеть недоступна.Автоматически (настройка по умолчанию). Ваш мобильный телефон пытается подключиться к сети с лучшими условиями. Если ваша домашняя сеть недоступна, то телефон будет пытаться подключиться к другой доступной сети.Только домашняя сеть. Ваш телефон подключается только к домашнейсети, роуминг предотвращается, когда домашняя сеть недоступна

Выбор сети (Network Selection)

Просмотр списка доступных сетей в месте, в котором вы находитесь, и попытка подключиться к одной из них. Настройка по умолчанию – Автоматически.Если вы включили телефон и видите сообщение о том, что выбранныесети недоступны, то можете выбрать другую доступную сеть

Отклонение обновлений(Cancel Update)

Отклоняет обновления, которые устанавливаются оператором мобильнойсвязи. Пункт появляется только во время установки обновлений

Добавление АPN (Add APN)

APN (Access point name – Имя точки доступа) – это адрес вашего мобильного телефона, используемый для подключения к сети GSM. По умолчанию APN присваивается автоматически при первом подключении.Если подключение к данной мобильной сети не работает, попробуйтеввести новый APN, основываясь на вашем местоположении и наименова-нии мобильного оператора

_112-120 04_Макет 1 02.04.2015 12:21 Страница 118

Page 8: Дмитрий Глущенко · MobileHMI: с чего начать, как создать плиточный интерфейс мобильного приложения, как

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

Коснитесь Start, потяните влево ксписку приложений, нажмите наSettings (Настройки), потом на Cellular(Сеть мобильного оператора).

Настройки могут варьироваться уразных операторов.Подключение к демо-проекту

1. Запустите MobileHMI, нажав на егозначок. После запуска появится экран сприветствием.

2. Нажмите Continue (Продолжить).Приложение попросит ввести адресURL вашего проекта MobileHMI. Поумолчанию это mobilehmi.iconics.com.Также обратите внимание на параметрAllow Push Notifications for Alarms (Разре-шить push-уведомления о тревогах). Ес-ли галочка стоит, то на телефон немед-ленно будут приходить сообщения отревогах.

3. Нажмите Continue, приложение пе-ренаправит вас на демо-серверICONICS MobileHMI server. Вы можетеизменить подключение к серверу вдальнейшем, что позволит операторувизуализировать несколько проектов иуправлять ими с мобильного устрой-ства. Вы увидите три основных пара-метра для просмотра:

● Current Alarms – Server (Текущие тре-воги – Сервер);

● Asset Catalog – Server (Каталог обору-дования и активов – Сервер);

● Landing Page – Favorites (Целеваястраница – Предпочтения).Обратите внимание, что может по-

явиться сообщение Warning: Not on Wi-Fi Network. Continue? (Предупреждение:нет сети Wi-Fi. Продолжить?).

В случае если вы подключились помобильной сети, нажмите ОК (Да), ес-ли вы знаете об этом.

4. Нажмите на любую ссылку, и выпопадёте на соответствующую страни-

цу проекта. Например, нажав наLanding Page – Favorites, вы откроете Це-левую страницу проекта (рис. 12).

5. Следующим шагом станет созда-ние своего собственного проекта Mobi -le HMI.project на вашем сервере. Послетого как проект создан, опубликуйте егона веб-сервере, используя встроенныеинструменты ICONICS.

Автор – сотрудник фирмыПРОСОФТТелефон: (495) 234-0636E-mail: [email protected]

В О П Р О С Ы - О Т В Е Т Ы

119

СТА 2/2015 www.cta.ru

Рис. 12. Целевая страница MobileHMI

Департамент Аудио-Видео Решений ПРОСОФТ

Комплексные поставки и инсталляции специализированного аудиовидеооборудованиядля применения в системах наблюдения и контроля состояния

Тел.: (495) 2321687 • Факс: (495) [email protected] • www.avsolutions.ru

• Диспетчерские• Центры управления

технологическими процессами• Центры ГО и ЧС• Транспортная инфраструктура• Системы безопасности

Поставляемое оборудование:Применение:

• Видеостены• Профессиональные мониторы• Интерактивные мониторы• Системы трансляции и управления

информационным контентом

WWW.AVSOLUTIONS.RU

рекл

ама

_112-120 04_Макет 1 02.04.2015 12:21 Страница 119