Особенности построения графического интерфейса для ИПС Серелекс на платформе Windows 8 Текст научной статьи по специальности «Компьютерные и информационные науки»

Особенности построения графического интерфейса для ИПС Серелекс на платформе Windows 8

А. Романов, П. Романов

МГТУ имени Н.Э. Баумана

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

Рассмотрим пример такого взаимодействия на примере приложения «Серелекс», предназначенного для визуализации семантических отношений между некоторыми словами (подробнее -- http://serelex.it-claim.ru/page/about)

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

© papaya Serelex

Рис 1. Результат поиска по запросу «papaya»

Как видно из Рис. 1, результаты поиска выводятся в специальном виде, а не просто простым списком, как принято в классических системах. Каждое слово из результата символизируется изображением 250x250 пикселей, что позволяет легко попасть пальцем или стилусом именно по этому результату для осуществления поиска по данному слову. Кроме того, в нижней части отображается само слово, а также его порядковое место в результатах поиска.

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

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

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

Построение такого приложения происходит не с нуля, а с заранее созданного программистами Microsoft шаблона, так как в официальной поставке Visual Studio 2012 есть шаблон проекта с похожим внешним видом и функциональностью. Программисту остается только реализовать структуру классов и источников данных, написать шаблон (DataTemplate) для отображения элементов коллекции, в данном случае - результатов поиска. Например, он может быть таким: <DataTemplate x:Key="SearchResultGridItemTemplate">

<Grid HorizontalAlignment="Left" Width="250" Height="250">

<Bonder Background^'{StaticResource ListViewItemPlaceholderBackgroundThem eBrush}">

<Image Source="{Binding Image}" Stretch="UniformToFill" AutomationPropert ies.Name="{Binding Word}"/> </Border>

<StackPanel VerticalAlignment="Bottom"

Background="{StaticResource ListViewItemOverlayBackgroundThemeBrush}">

<TextBlock Text="{Binding Word}" Height="60" Margin="15,0,15,0"

Foreground="{StaticResource ListViewItemOverlayForegroundThemeBrush}"

Style="{StaticResource TitleTextStyle}"/>

<TextBlock Text="{Binding Value}" TextWrapping="NoWrap" Margin="15,0,15,1 0"

Foreground="{StaticResource ListViewItemOverlaySecondaryForegroundThemeBr ush}"

Styles"{StaticResource CaptionTextStyle}"/>

</StackPanel> </Grid> </DataTemplate>

Источник данных в данном случае - RESTfull-сервис, который возвращает данные в JSON-формате. Получение данных обеспечивает стандартный класс HttpClient, котроый имеет асинхронные методы доступа к HTTP-ресурсам, благодаря чему не происходит «замораживания» пользовательского интерфейса, как было бы в

случае, если использовались бы синхронные методы без создания отдельного потока. Полученные текстовые данные преобразуются в объекты благодаря библиотеке Newtonsoft.JSON (http://json.codeplex.com/) и заносятся в список, который и отображается на экране пользовательского устройства.

Список литературы

1. Принципы дизайна приложений для Windows 8 // MSDN Blog. URL: http:/Mogs.msdn.com/b/kichinsky/archive/2012/09/23/windows-8-design-principles-introduction.aspx (дата обращения: 02.12.2012)

2. Panchenko A., Romanov P., Morozova O., Naets H., Philippovich A., Romanov A., Fairon C. Serelex: Search and Visualization of Semantically Related Words. In Proceedings of the 35th European Conference on Information Retrieval (ECIR 2013). Lecture Notes in Computer Science (Springler), vol.7814, Moscow, Russia

3. С. Пугачев, А. Шериев, К. Кичинский. Разработка приложений для Windows 8 на языке C#. БХВ-Петербург, 416 стр.