» » Как легко сделать мобильное web-приложение

Как легко сделать мобильное web-приложение

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

Как легко сделать мобильное web-приложениеКак легко сделать мобильное web-приложение

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

Каковы плюсы отдельного web-приложения? Кроме быстрого доступа, отсутствие адресной строки и дополнительных кнопок – больше рабочего пространства для отображения нужного и важного контента и дружелюбней интерфейс для посетителей, ведь невозможно нечаянно закрыть страницу или перейти на чужую. Безопасность. Если основной браузер подвергся атаке вируса и перехватывает переход по ссылкам и перенаправляет на сторонние ресурсы, web-приложение продолжит стабильную работу. Следующее преимущество особенно важно для предпринимателей – собственное приложение для мобильных телефонов и планшетов престижно.  

Как легко сделать мобильное web-приложениеКак легко сделать мобильное web-приложение

Для того чтобы сделать собственное web-приложение, сначала создают свой сайт. Если сайт есть, пропускают данный шаг. Вопреки распространённому мнению, сайтостроение - это не слишком сложно. С тех пор, как в феврале 2013 года впервые заговорили о новой версии языка гипертекстовой разметки HTML5, кроссплатформенность (поддержка на разных устройствах - от компьютера до смартфона) сайтов поднялась на качественно новый уровень. Если пару лет назад активные части страницы (игры или движущиеся элементы) не поддерживались мобильными устройствами из-за отсутствия flash-плеера, то HTML5, не использующий Flash, позволил отображать полноценные и эффективные сайты на любых устройствах. Многие компании предлагают бесплатные визуальные конструкторы сайтов, при создании страницы генерирующие сражу же мобильную версию, которую остаётся подправить на свой вкус. Для создания страницы выбирают конструктор, регистрируются и в режиме редактирования перетаскивают элементы на рабочую область, изменяя внутри текст – заголовки или названия кнопок. Сохраняют и получают адрес готовой страницы. Практически все конструкторы предоставляют бесплатный хостинг с доменом третьего уровня (например: wix.com).

Как легко сделать мобильное web-приложениеКак легко сделать мобильное web-приложение

Для создания web-приложения для ОС Android, следует перейти на сайт для онлайн сборки APK (приложения для данной системы всегда имеют расширение .apk). Для этого в поле поисковой системы вводят запрос «makeapkonline». Выбор программ широк, однако для впервые себя пробующих на данном поприще наиболее удобной и функциональной является web2apk.com. Она бесплатна и позволяет удобно настроить интерфейс будущей программы. Другие сборщики действуют по похожей схеме, поэтому рекомендации будут применимы и к ним.

Заходят в раздел Createapk (создать apk). Не смотря на английский язык ресурса, программы пользователей будут на том языке, на котором они подпишут элементы сами. В поле URLвводят адрес страницы, из которой делают приложение. Поле App Title отвечает за название приложения – как оно будет отображаться в списке установленных на устройстве. В Icon выбирают картинку для иконки – лучше всего предварительно обрезать логотип страницы и уменьшить его до размера 50px на 50px.

Далее нажимают на ShowAdvancedSettings (Показать расширенные настройки). Screen Orientation отвечает за положение экрана устройства: если предполагают, что сайт будет отображаться без поворота телефона на 90 градусов, то выбирают Portrait, если сайт требует горизонтального (ландшафтного) положения – Vertical (на прочих ресурсах – Landscape, являющееся более правильным названием).

Как легко сделать мобильное web-приложениеКак легко сделать мобильное web-приложение

Следующие три пункта – оформление всплывающих окошек. Их настраивают под каждый случай, используя обозначения на языке конечного продукта. WelcomeScreen– окошко приветствия, в нём редактируют заголовок и текст. Network Error Screen – всплывает, если нет подключения. Кроме заголовка и текста, добавляются кнопки «Повторить» и «Выход», также редактируемые. ExitScreen– диалог выхода из приложения, предлагающий закрыть или остаться на странице. Вписывают подходящий для каждого случая текст.

В последнем шаге выбирают способ доступа к ссылкам, ведущим на сторонние ресурсы (Off-site Links). Рекомендуется поставить второй вариант – «Разрешены только ссылки, если в них есть текст». Первый вариант выбирают, чтобы разрешить пользователю отправляться куда угодно из приложения. Т.к. защита необходима, в поле вводится ключевое слово, содержащееся в разрешённых ссылках. По умолчанию стоит значение «Google», изменять его не рекомендуется.

Нажимают на кнопку «CREATEMYAPP». Начинается процесс сборки приложения. Сохраняют полученный файл. Мобильное web-приложение готово, остаётся установить его на устройство.

Примечание: сервисы снабжают программу рекламным баннером, который вырезают при помощи утилиты LuckyPatcher на смартфоне. Реклама помогает содержать серверы разработчиков.

Если нужно сделать приложение для iPhoneили iPad, используют сервисы-конструкторы AppMakr, iBuldAppи прочие, однако с усложнённым, по сравнению с Web 2 Apk, интерфесом. К несчастью, русскоязычных компаний, предоставляющих аналогичные услуги, пока что нет.