Однако, в настоящее время появился новый подход – создания мобильного приложения, включающего в себя компонент браузера. Такое приложение на первый взгляд ничем не отличается от обычного, но при этом имеет простату реализации и привычный для пользователей интерфейс. Достоинством данного подхода является возможность использования JavaScript и HTML5. Программирование на JavaScript даст возможность определения местоположения пользователя по GPS для навигации и прокладки маршрута, а также подключения камеры мобильного устройства для публикации снимков на сайте. Главным недостатком такого метода является условие наличия устойчивого Интернет-соединения на устройстве (отсутствует возможность работать автономно).

Исследованиями в области разработки мобильных приложений занимались многие российские и зарубежные исследователи. М.А.Артемов и А.А.Чиченин рассмотрели быструю разработку мобильных приложений для существующих веб-сайтов [1]. Разработка мобильных приложений для работы с корпоративными информационными системами показана в работе Ю.Г.Платонов [2]. А.Н.Афзалова [3] использовала мобильные технологии для организации самостоятельной работы студентов. Мобильные приложения для расширения информационного пространства студента представил М.В.Ерешко [4]. Д.И.Сачков и Е.Ю.Лозный показали мобильное приложение как эффективный механизм привлечения абитуриента [5]. В.А.Тен и Г.А.Наурусова изучали применение мобильных приложений в условиях современного рынка информационных услуг [6]. Я.Г.Малиевский и Р.И. Баженов представили разработку приложения на java по выделению лица на фотографии [7]. S.Barakovića, L.Skorin-Kapov [8] провели исследование в области мобильных веб-сайтов, изучении факторов, оказывающих влияние на восприятие информации человеком во время просмотра мобильного Интернета. Исследовали дизайн, качество информации и время загрузки мобильных веб-сайтов. Провели ряд экспериментов по оценки шестнадцати версий мобильного информационного и тематического портала, восьми версий электронной почты. Получили результаты многомерного моделирования. N.Yua и J.Kong [9] провели экспериментальные исследования, касающиеся дизайна мобильных страниц, интерфейса и дизайна домашней страницы для новостных сайтов. Провели анализ по взаимодействию человека с веб-интерфейсом. J.P.Espada и др. [10] рассмотрели использование расширенных веб-технологий для разработки Bluetooth Multi-платформенных мобильных приложений, предназначенных для смарт-взаимодействия с информационными объектами. J.P.Wagner и др. [11] описали реализацию веб-модуля отчетности студентов хирургической специальности в режиме реального времени. Модуль предназначен для мобильных устройств.

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

Перед тем, как преступить к созданию мобильного приложения, мы заранее создали свой собственный сайт на WordPress и разместили его в интернете на бесплатном хостинге. Затем создали шаблон сайта, ввели систему регистрации, новостную ленту и адаптировали сайт для просмотра на мобильных устройствах.

Перейдем непосредственно к созданию мобильного приложения.

Для реализации данного проекта воспользуемся современным онлайн-сервисом по созданию мобильных приложений «AppsGeyser» [12] (рис 1). Для работы на данном онлайн– ресурсе необходимо пройти регистрацию и войти в систему.

Рисунок 1 – Главная страница сайта AppsGeyser

Кликнув по кнопке «Создать сейчас», переходим на страницу выбора способа создания мобильного приложения. Для нашего созданного заранее сайта подойдёт соответствующий пункт – «Вебсайт» (рис 2).

Рисунок 2 – Выбор метода создания приложения

Онлайн–ресурс перенаправил на страницу пошагового создания приложения. На первом шаге необходимо ввести ссылку на наш сайт в соответствующее поле (рис 3).

Рисунок 3 – Ввод ссылки на сайт

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

Рисунок 4 – Установка названия приложения

Далее создадим описание приложения (рис 5).

Рисунок 5 – Описание приложения

На следующем шаге необходимо выбрать иконку будущего приложения. Воспользуемся стандартной иконкой (рис 6).

Рисунок 6 – Установка иконки приложения

На последнем этапе создания мобильного приложения необходимо нажать на кнопку create app (рис 7).

Рисунок 7 – Этап создания приложения

Через некоторое время сервис создаст мобильное приложение с введенными параметрами и предоставит ссылку для скачивания (рис 8).

Рисунок 8 – Страница загрузки мобильного приложения

Одной из возможности сервиса «AppsGeyser» является возможность опубликовать наше созданное приложение в «PlayMarket», а также, отсканировав QR код, скачать его на устройство.

После того, как мы скачаем наше приложение, его нужно установить (рис 9).

Рисунок 9 – Установка мобильного приложения

Данное мобильное приложение было протестировано на смартфоне под управлением операционной системы android. Оно имеет простой, интуитивно понятный интерфейс, работает достаточно быстрый поиск по сайту, и адаптируется под размер дисплея устройства (тестирование проводилось на 8′ планшете и на 4,7′ смартфоне). Приложение имеет возможность увеличения необходимой части сайта для лучшей читаемости текста (рис 10-12).

Рисунок 10 – Установленное мобильное приложение на смартфон

Рисунок 11 – Ввод запроса в поисковую строку

Рисунок 12 – Интегрированная Google карта

В результате исследования была продемонстрирована пошаговая реализация проекта по созданию мобильного приложения с интегрированными компонентами браузера. Данный материал могут использовать студенты при создании мобильных приложений, а также в качестве методического пособия по дисциплине «Информационные системы и технологии» [13, 14].