Однако, в настоящее время появился новый подход – создания мобильного приложения, включающего в себя компонент браузера. Такое приложение на первый взгляд ничем не отличается от обычного, но при этом имеет простату реализации и привычный для пользователей интерфейс. Достоинством данного подхода является возможность использования 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].

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

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

Для достижения цели были поставлены следующие задачи:

– обоснование выбора нового направления;

– исследование структуры электронных магазинов;

– анализ программных средств построения электронных магазинов;

– проектирование и разработка интернет-магазина;

– запуск интернет-магазина;

– запуск рекламной компании.

Первоначально был проведён анализ организационной схемы предприятия

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

Таблица 1 – Организационная схема предприятия

Затем нужно было узнать рентабельность проекта. Чтобы посчитать экономическую эффективность проекта, были проанализированы поисковые запросы, связанные с реализуемым ассортиментом. Для подобного анализа существует сервис Wordstat от компании Яндекс. Зная совокупное количество поисковых запросов (в расчете участвуют все ключевые слова, прописанные в мета теге keywords, а также слова для которых будут размещены объявления в системе Яндекс.Директ), средний KPI (доступен в статистике рекламных объявлений) и конверсию интернет магазина (средняя конверсия интернет-магазина равна 3,4%), можно достаточно точно спрогнозировать число покупок в нашем магазине.

Прогнозируемая выручка от продаж в 2017 и 2018 годах представлена в таблице 2.

Таблица 2 – Прогнозируемая выручка от продаж

Для реализации интернет магазина было решено использовать бесплатную систему управления контентом. Были рассмотрены 5 наиболее популярных CMS:

а) osCommerce

б) Magento

в) Taberna

д) OpenCart

е) Shop-Script FREE

На основе проведённого анализа была выбрана система Opencart, имеющая наибольшее количество возможностей.

Первым делом нужно было определиться с цветовым решением. Чтобы подобрать дополняющие цвета надо воспользоваться специальным сервисом «Сolorscheme». Далее нужно было определиться со шрифтами. Для создания правильной модульной системы мы воспользовались онлайн-инструментом Gridlover. Данный сервис позволяет быстро и легко настроить кегль, высоты строк и отступы для основного текста, параграфов, заголовков и подзаголовков. На выходе дает CSS (или SCSS/LESS/STYL по выбору). Все параметры можно задавать в пикселях, EM или REM. Воспользовавшись сервисом, были пролечены стили текстовых параграфов, заголовков уровней h1, h2, h3, стили для маркированного списка.

После того как был сделан выбор горизонтальной сетки, шрифтов, цветовой схемы можно приступать к непосредственной разработке дизайна макетов. Привычным инструментом для создания макетов веб-дизайна является пакет программ Adobe, в частности Adobe Photoshop [1]. Имея в распоряжении спроектированные макеты, задача упрощается до применения цветовой схемы, обрисовке баннеров, применение модульной сетки, а также стилей параграфов. Модульная сетка, проработанная на стадии дизайна, позволит нам с легкостью адаптировать макеты для мобильных разрешений. Принцип модульной сетки прост, экран разбивается на колонки. Блоки, используемые в нашем дизайне, вписываются в эти колонки по ширине. Это позволяет ускорить процесс создания макета, сделать его удобным для восприятия пользователя.

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

Также необходимо было настроить рекламную компанию, для продвижения сайта. Для реализации этого был выбран Яндекс.Директ.

На первом шаге создания рекламной кампании была сделана настройка ее основных параметров: места показа объявлений, временной таргетинг, геотаргетинг (объявление увидят только те пользователи, IP-адрес которых соответствует выбранному региону) и тактика.

Рекламные объявления будут показываться в ответ на запрос пользователя к поисковой системе. Для успешной работы контекстной рекламы необходимо было правильно подобрать ключевые слова. Стоило использовать среднечастотные и низкочастотные запросы, так как они имеют наименьшую стоимость и в большинстве случаев дают хороший результат. Среднечастотные ключевые слова -это запросы у которых количество показов колеблется от 100 до 1000. У Среднечастотных ключевых слов бывает небольшое количество вхождений [2].

Низкочастотные ключевые слова – это запросы, у которых до 200 показов. Как правило не имеют вхождений, или имеют несколько входящих сверх низкочастотных запросов.

При размещении рекламной компании было составлено более 20 продающих объявлений.

Объявления для показа на каждой позиции отбираются на основе показателей кликабельности (CTR), коэффициента качества и ставки за клик. Объявления с наилучшими показателями попадают в спецразмещение и в блок гарантированных показов. Остальные объявления могут попасть в динамические показы, где вероятность показа также зависит от этих показателей [3].

При расчете CTR учитываются показы и клики всех объявлений в группе по данной ключевой фразе за последние 28 дней. Если статистических данных недостаточно, используется прогноз [4].

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

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