CC BY
11МАТЕМАТИКА И ИНФОРМАТИКА
УДК 004.42
ПРОЕКТИРОВАНИЕ ВЕБ-ИНТЕРФЕЙСА ДЛЯ ИНФОРМАЦИОННО-СПРАВОЧНОЙ ОНЛАЙН СИСТЕМЫ «ПРОБЛЕМЫ СОВРЕМЕННОЙ ПСИХОДИАГНОСТИКИ ЛИЧНОСТИ: ТЕОРИЯ И ИНСТРУМЕНТАРИЙ»
И.Г. Головачев
ФГБОУ ВО «Брянский государственный университет имени академика И.Г. Петровского»
Рассматриваются способы проектирования веб-интерфейса информационно-справочной онлайн системы «Проблемы современной психодиагностики личности: теория и инструментарий», производится анализ существующих онлайн систем по соответствующим критериям веб-интерфейса и показаны этапы разработки данной системы.
Ключевые слова: информационно-справочная система, проектирование, веб-интерфейс, психодиагностика.
В современном мире остро стоит проблема психических заболеваний человека. С каждым годом таких заболеваний становится все больше. Поэтому для их диагностирования необходимо большее количество информации и, соответственно, средств, предназначенных для их обработки. И хотя уже существует достаточное количество источников, многие из них являются неактуальными или представлены в неудобной форме.
В настоящее время не существует информационно-справочной онлайн системы для обобщения данной информации. Такая форма является наиболее удобной, т.к. в современном мире большинство людей имеют доступ и являются активными пользователями сети Интернет, что позволяет сделать распространение этих данных более доступными.
Ввиду того, что данная онлайн система отсутствует, то ее создание является необходимым как для студентов, обучающихся на психологических факультетах, так и для специалистов, работающих в данной области, и даже для людей, которые интересуются проблемами психических заболеваний. Такая система должна быть максимально доступной на различных видах устройств и операционных систем.
Веб-интерфейс - это «совокупность средств, при помощи которых пользователь взаимодействует с веб-сайтом через веб-приложение» [8].
На сегодняшний день информационно-справочные онлайн системы помогают пользователю в получении той или иной информации. Число таких систем непрерывно растет, и пользуются ими все чаще. Веб-интерфейс у каждой из этих систем уникальный (рис.1) [1-5].
Название сайта Интерфейс Оптический контраст Скорость загрузки Шрифт
Железнодорожная информационно-справочная система Простой Нормальный Нормальная Апа1 11-14 рх
Консультант Плюс Современный Отличный Мгновенная РТ 5аш 16-28 рх
Информационная система профессиональной ориентации и психологического тестирования Устаревший Плохой Мгновенная ТаЬота 12-17 рх
Гарант Простой Нормальный Нормальная Апа1 12-18 рх
Большая психологическая энциклопедия Современный Отличный Нормальная Не1тейса 13-37 рх
Рис. 1. Таблица сравнений критериев веб-интерфейса информационно-справочных онлайн систем
Анализ информационно-справочных онлайн систем показал, что современный и правильно спроектированный веб-интерфейс позволяет каждому пользователю получить хорошее восприятие и отношение к системе. Необходимо исключить такие недостатки как: неправильное соотношение цветовой гаммы, неправильное расположение материалов сайта, неправильно подобранный шрифт и др.
Существует несколько способов проектирования веб-интерфейса информационно-справочной системы: с помощью сервисов-конструкторов, на движке CMS, использование визуального редактора, создание сайта «с нуля» при помощи программного кода. Каждый из них имеет как свои достоинства, так и недостатки.
Заказчиком веб-интерфейса информационно-справочной онлайн системы «Проблемы современной психодиагностики личности: теория и инструментарий» выступил факультет педагогики и психологии Брянского Государственного Университета имени академика И. Г. Петровского (один из самых крупных факультетов университета).
Проанализировав веб-интерфейс существующих информационно-справочных онлайн систем, были выделены основные необходимые элементы веб-интерфейса информационно-справочной онлайн системы.
Веб-интерфейс информационно-справочной онлайн системы разрабатывается с помощью CMS-системы Joomla! на NVMe (Non-Volatile Memory Express) хостинге «Sprinthost» с бесплатным тарифом [6, 9-10].
Разработка выполнялась поэтапно (рис. 2):
1) создание разделов «Персонариум», «Главная», «Общая информация», «Дидактическое тестирование», «Поиск»;
2) организация выдвижного меню;
3) добавление элементов навигации (кнопка «Вверх»);
4) раздела авторизации и мобильной версии сайта.
а)
Û < © 0 б)
Рис. 2. Интерфейс информационно-справочной онлайн системы: а) версия для настольных ПК; б) мобильная версия
Основное меню сайта, расположенное на титульной странице информационно-справочной онлайн системы содержит кнопки перехода на раздел «Главная», «Общая информация», «Персонариум», «Дидактическое тестирование», «Поиск» и элемент открытия панели навигации).
Раздел «Дидактическое тестирование» содержит тест, который виден только авторизованным пользователям. Они также могут пройти первичное тестирование по прочитанному материалу.
Панели навигации имеет полосу прокрутки. В ней расположены элементы перехода к темам учебного пособия «Проблемы современной психодиагностики личности: теория и инструментарий» [7], переход на главную страницу, к авторизации и к глоссарию.
В разделе «Персонариум» сортировка информации об ученых в области психологии выполнена по алфавиту. Пользователю предоставляется возможность выбрать количество строк для отображения на странице информационно-справочной онлайн системы. Снизу расположены кнопки перехода по страницам данного раздела
Раздел «Глоссарий» представлен аналогично разделу «Персонариум». В нем так же имеется сортировка по алфавиту.
После проектирования веб-интерфейса информационно-справочной онлайн системы необходимо протестировать его на работоспособность. Тестирование разработанного функционала информационно-справочной онлайн системы выполнялась на операционных системах Windows 7, Windows 8.1, Windows 10 и ОС Android в различных версиях браузеров «Opera», «Chrome», «Яндекс.Браузер».
Оно происходило во время прохождения производственной практики (по получению профессиональных умений и опыта профессиональной деятельности) в Брянском Государственном Университете имени академика И.Г. Петровского на кафедре факультета педагогики и психологии (ФПИП).
Благодаря выбору современного NVMe-хостинга Sprinthost веб-интерфейс системы имеет отличную скорость загрузки. Она составляет не более 1 секунды, что является достаточно хорошим показателем. В процессе проектирования веб-интерфейса информационно-справочная онлайн система работала без перебоев.
Разновидностей проблем с психическими заболеваниями человека с каждым годом становится все больше. В современном мире важно иметь информационно-справочную онлайн систему для контроля данных заболеваний и поиска необходимых сведений о них. Такая система должна быть доступна любому пользователю.
Список литературы
1. Большая психологическая энциклопедия [Электронный ресурс] - Режим доступа: https://rus-big-psyho.slovaronline.com/ - (Дата обращения: 05.11.2019).
2. Гарант [Электронный ресурс] - Режим доступа: https://www.garant.ru/ - (Дата обращения: 05.11.2019).
3. Железнодорожная информационно-справочная система [Электронный ресурс] - Режим доступа: http://www.railsystem.info/ - (Дата обращения: 05.11.2019).
4. Информационная система профессиональной ориентации и психологического тестирования [Электронный ресурс] - Режим доступа: http://www.testov.net/ - (Дата обращения: 05.11.2019).
5. КонсультантПлюс [Электронный ресурс] - Режим доступа: http://www.consultant.ru/ -(Дата обращения: 05.11.2019).
6. Информационно-справочная онлайн система «Проблемы современной психодиагностики личности: теория инструментарий» [Электронный ресурс] - Режим доступа: http://f0342982.xsph.ru/ - (Дата обращения: 06.05.2020).
7. Матяш Н.В., Павлова Т.А. Проблемы современной психодиагностики личности: теория и инструментарий. Учебное пособие. - Брянск: Новый проект, 2019.
8. Митенев Ю.Е., Ананченко И.В. Современные веб-интерфейсы и способы их реализации // Advanced science. - 2018. - С. 142-144.
9. Joomla! [Электронный ресурс] - Режим доступа: https://joomla.ru/ - (Дата обращения: 27.11.2019).
10. Sprinthost [Электронный ресурс] - Режим доступа: https://cp.sprinthost.ru/ - (Дата обращения: 28.09.2019).
Сведения об авторе
Головачев Иван Геннадьевич - студент 4 курса направления «Фундаментальная информатика и информационные технологии» ФГБОУ ВО «Брянский государственный университет имени академика И.Г. Петровского», e-mail: vanya-golovachev@yandex.ru.
DESIGNING A WEB INTERFACE FOR THE ONLINE REFERENCE SYSTEM «PROBLEMS OF MODERN PSYCHODIAGNOSTICS OF A PERSON: THEORY AND INSTRUMENTATION»
I.G. Golovachev
Bryansk State University named after Academician I.G. Petrovsky
The methods of designing the web interface of the online reference system «Problems of Modern Psychodiagnostics of the Personality: Theory and Tools» are considered, the analysis of existing online systems is carried out in accordance with the relevant criteria of the web interface and development stages. designed online reference system. The development stages are given. This system is intended for both students and specialists in this field, and for people who are interested in the problems of mental illness. Keywords: information and reference system, design, web interface, psychodiagnostics.
References
1. Big psychological encyclopedia [Electronic resource] - Access mode: https://rus-big-psyho.slovaronline.com/ - (Date of access: 05.11.2019).
2. Guarantor [Electronic resource] - Access mode: https://www.garant.ru/ - (Date of access: 11/05/2019).
3. Railway information and reference system [Electronic resource] - Access mode: http://www.railsystem.info/ - (Date of access: 05.11.2019).
4. Information system for vocational guidance and psychological testing [Electronic resource] - Access mode: http://www.testov.net/ - (Date of access: 05.11.2019).
5. ConsultantPlus [Electronic resource] - Access mode: http://www.consultant.ru/ - (Date of access: 05.11.2019).
6. Online reference system «Problems of modern psycho-diagnostics of a personality: theory of tools» [Electronic resource] - Access mode: http://f0342982.xsph.ru/ - (Date of treatment: 06.05.2020)
7. Matyash N.V., Pavlova T.A. Problems of modern psychodiagnostics of personality: theory and tools. Training session. - Bryansk: Noviy project, 2019
8. Mitenev Yu.E., Ananchenko I.V. Modern web interfaces and methods for their implementation // Advanced science. - 2018. - P. 142-144.
9. Joomla! [Electronic resource] - Access mode: https://joomla.ru/ - (Date of treatment: 11.27.2019).
10. Sprinthost [Electronic resource] - Access mode: https://cp.sprinthost.ru/ - (Date of access: 09/28/2019).
About author
Golovachev I.G. - student, Bryansk State University named after Academician I. G. Petrovsky, e-mail: vanya-golovachev@yandex.ru.
