Так как у разработчиков Android нету многих правил, стандартов и требований, которых нужно следовать при разработке приложений, они не сильно волнуются о создание аккуратных веб-сайтов для своих веб-приложений. У многих признанных приложений для Android даже нет веб-сайта, но зато у них есть Twitter, Facebook страницы, и т.д. Это и стало причиной почему мы не смогли найти много примеров, чтобы показать в этой статье. Поэтому ниже приведены некоторые веб-сайты, посвященные как Android, так и iPhone.

Веб-сайты Android-приложений

FxCamera

FxCamera позволяет делать креативные фотографии на выбор из более чем 40 фильтров.

Таймер - это красиво и чисто разработанное приложение для вашего Android.

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

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

Maluuba - это альтернатива Сири, которая может быть вашим голосовым помощником на Android.

Foodster

Foodster поможет вам найти и приготовить лучшие рецепты со всего интернета. С более чем 10 000 рецептов от лучших веб ресурсов и новыми пополнениями каждый день, вы можете быть уверены, что найдете что-то вкусное и легкое в готовке.

Pattrn Wallpapers

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

doubleTwist

DoubleTwist Будильник это самое красивое приложения в своей категории, в магазине Play Google.

ClockworkMod

Раскрытие потенциала вашего телефона, по одному приложению за раз.

Веб-сайты Android и iPhone-приложений

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

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

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

Однако сейчас ни один серьезный интернет-ресурс невозможно себе представить без мобильной версии. Более того, с каждым годом пользователи все активнее выходят в интернет с мобильных устройств. На графике, который составлен специалистами аналитического ресурса StatCounter , видно, что объем интернет-серфинга на смартфонах и планшетах за последний год вырос с 41 до 53% при аналогичном падении десктопных версий.

Развитие мобильных технологий повлекло за собой еще одну интересную тенденцию. Раньше разработчики мобильных сайтов и приложений четко отделялись от рядовых пользователей, составляли своеобразную закрытую касту. Однако в 2017 году, благодаря гибким и удобным инструментам для разработки, многие юзеры без специального технического образования могут почувствовать себя настоящими программистами. Дружелюбная и отзывчивая мобильная среда Android, легкие в освоении шаблоны и немного практики помогут без особых трудностей своими руками создать сайт или приложение на Андроид.

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

Стоит отметить, что для полноценной разработки мобильных сайтов и приложений, желательно освоить хотя бы базовые принципы основных языков программирования PHP, CSS, JS, HTML и JSON. Первые шаги в этом направлении лучше всего делать с помощью онлайн-учебников и специальных видеоуроков в YouTube, например, на канале GeekBrains .

Приложения для создания сайтов на Андроиде

В цифровом магазине Google Play есть несколько бесплатных удобных приложений, с помощью которых можно создать мобильный сайт. Многие из них являются, по сути, текстовыми редакторами для продвинутых программистов. Однако мы нашли несколько программ, которые постепенно могут освоить даже те, кто только начинает «прокачивать» свои навыки веб-разработки.

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

Основные особенности приложения:

• Удобный редактор кода с подсветкой синтаксиса;
• Программа рассчитана на более чем 40 языков программирования;
• Быстрая работа с объемными текстовыми файлами;
• Неограниченный откат и повтор шагов;
• Интуитивное редактирование кода;
• Вертикальная и горизонтальная прокрутка;
• Быстрый поиск нужного участка кода;
• Смена кодировки;Синхронизация с «облаками».

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

Android Web Developer способен превратить смартфон в полноценный инструмент для создания мобильного сайта. Понятная и отзывчивая среда приложения подойдет как для начинающих, так и для опытных программистов. AWD позволяет создавать сайты на HTML, JS, CSS и PHP, компилировать или редактировать файлы и подключаться к удаленным протоколам FTP, FTPS и SFTP WebDAV.

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

Основные функции приложения:

• Подсветка кода;Автоматическое определение кодировки;
• Автоматическое завершение кода;
• Проверка на ошибки;
• Автоматическое форматирование;
• Удобная нумерация строк;
• Быстрый поиск и навигация по коду;
• Быстрый тест в браузере;
• Автосохранение кода;
• Режим full-screen;
• Полноценное управление всеми файлами проекта (копирование, вставка, удаление, дублирование и так далее.).

Для больше удобства, разработчики приложения составили список доступных серверов, на которые можно выгружать программные проекты:

• Ulti Server;
• KSWEB;
• PAW Server;
• Bit Web Server.

В ближайших обновлениях станут доступны удаленные облачные сервера на Mercurial, Dropbox и Google Drive.

Если на освоение кода времени совсем нет, однако срочно нужно создать сайт на Андроид, проще всего воспользоваться мобильным конструктором сайтов. Одним из самых популярных приложений в этой области является Weebly.

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

• Комментарии и отзывы;
• Заказы;
• Трафик на сайт;
• Время просмотров и так далее.

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

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

Важным преимуществом Hermit является его доступность при полном отсутствии встроенной рекламы. Более того, рекламный блокировщик заложен в самой утилите.

Как пользоваться приложением Hermit:

• Установить приложение на смартфон;
• Открыть утилиту;
• Нажать на круглую красную кнопку в правом нижнем углу;
• Набрать в поисковой строке адрес сайта;
• Выбрать название для нового приложения;
• Нажать Create;
• Перейти в раздел Customize;
• Настроить необходимые функции.

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

В данном видео можно посмотреть пример того, как с помощью Hermit мы сделали приложение из сайта британского производителя смартфонов Wileyfox :

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

Среди множества сервисов для создания приложений наиболее удобными и легкими в освоении считаются:

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

Основная «фишка» данного сервиса в том, что он предлагает готовый набор шаблонов для приложений под определенную индустрию. Например, пользователь может создать приложение для бронирования номеров в отеле, ночного клуба, юридической конторы и так далее. Сервис доступен на 23 языках.

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

Какой смартфон выбрать для самостоятельного создания сайтов и приложений на Андроид

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

1. Большой объем оперативной и встроенной памяти для хранения и публикации необходимых материалов;
2. Мощный процессор для установки объемных конструкторских утилит и обработки данных;
3. Большой, яркий и контрастный экран, на котором максимально удобно создавать и редактировать код и тексты для наполнения приложений и сайтов;
4. Емкий аккумулятор, который позволит не прерывать работу над программами и страницами;
5. Высокоскоростной интернет, с помощью которого можно быстро протестировать проект.

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

Отличным инструментом для начинающего или продвинутого программиста станет смартфон . Данная модель, доступная всего за 12 990 рублей, предоставляет пользователю полную свободу действий по созданию веб-сайтов или программ за счет качественной и производительной начинки.

На борту смартфона установлен мощный 8-ядерный процессор на 1,4 ГГц и 3 Гб оперативной памяти, который легко запустит самое ресурсозатратное приложение для программирования, а также позволит быстро скомпилировать все данные проекта. Если пользователю не хватит и без того объемного внутреннего хранилища на 32 Гб, память всегда можно расширить до 128 Гб за счет внешней sd-карты.

Качественный 5.2-дюймовый 2.5D IPS-экран, выполненный по технологии Oncell Full Lamination, одновременно поддерживает 10 нажатий. На таком дисплее невероятно удобно производить мельчайшие манипуляции с программным кодом и текстом для контента. А разрешение FullHD значительно упростит просмотр и отбор иллюстраций для наполнения страницы или приложения.

За счет установленного модуля высокоскоростного интернета LTE 4G пользователю будет обеспечен мгновенный доступ к удаленным серверам и браузерам для тестирования проекта. Причем емкий литий-полимерный аккумулятор на 3010 мАч позволит не отключаться от Сети до 11 часов без перерыва.

Кроме того, пользователь данной модели может быть спокоен за все личные данные, которые он использует при создании приложения или сайта. Многоступенчатая защита новейшей версии ОС Android 7.0 дополняется надежным сканером отпечатка пальцев.

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

Оказывается, для того, чтобы нормально кодить под Android, достаточно знаний HTML5, CSS3 и JavaScript. Конечно, не просто так, а в сочетании с сервисами, обзор которых мы для тебя подготовили. Ну а если ты не понаслышке знаком с PHP (Ruby, ASP.NET), то после прочтения этой статьи, можешь смело предлагать свои услуги по продвинутой мобильной разработке:).

INFO

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

Наше тестирование

В этой статье мы будем сравнивать четыре платформы для создания приложений. Каждый обзор - описание общих впечатлений, найденных проблем и интересных отличительных особенностей в процессе превращения HTML-кода в файл apk с помощью текущего инструмента. Для чистоты эксперимента будем создавать одно и то же приложение с помощью разных сервисов. Суть нашего элементарного приложения в следующем. Предположим, есть компания «Бобровый жир Транскорпорейшен». И генеральному директору захотелось, чтобы у каждого человека в компании было установлено приложение: мини-справочник номеров, по которым можно дозвониться до других сотрудников. Вот его код:

Бобровый жир корпорейшен

Бобромордов Евсей Севьянович (генеральный директор)

7(495) 728-89-80

Бобромордова Карина Евсеевна (финансовый директор)

7(495) 728-89-80

Бобромордов Карен Евсеевич (курьер)

7(495) 728-89-80 С кодом все ясно? Отлично, а теперь давай потестим его на разных сервисах.

AppsGeyser

AppsGeyser Заходим на сайт. Регистрируемся. Нажимаем кнопку Create App. Нажимаем на иконку в виде тега HTML. Попадаем на страницу создания приложения. Вставляем наш код, придумываем название с описанием, загружаем файл с иконкой, снова нажимаем Create App. Все, теперь ты Android-разработчик!

Плюсы

• Приложений можно делать сколько угодно и абсолютно бесплатно.
• Материалом для создания проекта может быть масса разнообразных источников (вeб-страница, канал YouTube, PDF-документ, RSS-лента, галерея фотографий, аудиофайл и прочее).

• При наличии готового материала (документа, ссылки на новостную ленту, исходного кода и так далее), время, затраченное на создание приложения, измеряется в десятках секунд.
• При завершении создания приложения, помимо ссылки на файл apk, на экране появляется QR-код (сделал и сразу поставил себе на телефон) и кнопка для публикации в Google Play.
• Самое яркое преимущество AppsGeyser - предпросмотр приложения (как оно будет выглядеть и работать на устройстве). Эта фича здесь реализована в разы удобнее, чем у конкурентов. Круче только у Android SDK - камеру, датчик движения и производительность конкретной модели телефона на AppsGeyser не потестишь.
• Также интересной особенностью сервиса является конструктор тестов (Quiz).

Минусы

• Превью игнорирует AJAX. При том что в готовой сборке эта технология прекрасно работает.

Вывод

Этот сервис - мой фаворит. И в своем мнении я не одинока (автор - женщина?! Посоны, все в машину! - Прим. ред.). На конец января 2014 года в нем было создано 730 тысяч приложений (за три года существования сервиса). AppsGeyser - это квинтэссенция быстроты, простоты и функциональности.

Практическая информация

Если ты после прочтения этой статьи все-таки решил засесть за создание приложения или твоя основная деятельность связана с версткой и программированием сайтов, тебе необходимы знания особенностей HTML5, CSS3 и JavaScript для мобильных устройств. Рекомендую книгу Learn HTML5 and JavaScript for Android . Она написана простым языком (в стиле мануалов «for Dummies») и содержит очень много практической информации. Книгу условно можно разделить на три части: наиподробнейшая инструкция по созданию у себя на компьютере полноценной среды разработки (Android SDK + Cordova (PhoneGap) + Aptana + всякие штучки), cook book по кодингу, снабженная пояснениями для новичков, и отличный мануал по отладке приложения. А когда после овладения теорией ты приступишь к практике, советую ознакомиться с Fries - отличное решение для создания дизайна Android приложений на CSS.

App Inventor

App Inventor App Inventor первым увидел свет среди сервисов подобного рода (в 2010 году, силами Google Labs). На сегодняшний день поддерживается и развивается Массачусетским технологическим институтом.

Плюсы

• Имеется отличный визуальный редактор для создания приложения с поражающей разнообразием панелью инструментов. Просто перемещая указатель мыши, можно добавить в приложение невероятно широкий спектр элементов: от простого TextBox до датчика местоположения пользователя!

Минусы

• Создание приложения из нашего кода здесь более трудоемко. Сначала надо сохранить исходник с расширением html и залить его на сервер. Потом в рабочем пространстве перетащить на поле приложения элемент Web Viewer, в настройках которого указать адрес страницы с нашим приложением. Теперь с помощью меню Build можно получить готовую сборку.
• Главный минус App Inventor в том, что скомпилированному приложению для работы необходимо соединение с интернетом (в отличие от созданного в AppsGeyser).

Вывод

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

Примечательные проекты наших соотечественников

Appsgeyser.ru

Предприимчивые ребята из новосибирского Академгородка запустили русскую версию АппсГейзера. С февраля 2012-го с помощью нее было создано почти 20 тысяч приложений. Функционал сильно уступает буржуйскому собрату. Превью (основная фишка appsgeyser.com) часто ведет себя неадекватно. Но у этой компании есть замечательный русскоязычный блог, с которым стоит ознакомиться.

Yandex.Store

Подопечные Воложа во всем стремятся догнать и перегнать Google. В феврале 2013 года запустили свой магазин приложений. Примечателен оплатой покупок с помощью SMS и проверкой установочных файлов антивирусом Касперского. Содержит более 85 тысяч приложений. Модерации нет. Помимо стандартной формы ввода данных о публикации, есть возможность загрузить файл AppDF. Приложение появляется в поиске через 15 минут после отправки в магазин. Судя по количеству загрузок топовых приложений, аудитория пользователей магазина пока крайне мала.

Формат AppDF

Реализация идеи осуществлена с участием Яндекс-разработчиков. Файл с расширением appDF (App Description File) представляет собой компиляцию apk с информацией о приложении (описание, скриншоты, контакты разработчика - всего несколько десятков параметров). Нужен для того, чтобы сэкономить время при публикации в несколько маркетов. Создать appDF можно на сайте проекта. К сожалению, его поддерживают лишь несколько магазинов (CodeNgo, Opera Mobile Store, SlideME и Yandex.Store).

Andromo

Andromo Сервис от компании Indigo Rose Software . Эта фирма выпускает всякие ништяки для разработчиков с 1991 года. Среди них Setup Factory (для создания инсталляторов), TrueUpdate (для создания обновляторов) и еще целый ряд популярных продуктов, которыми тебе, скорее всего, уже приходилось пользоваться. Репутация у «синей розы» ого-го! И Andromo - очередное подтверждение того, какие серьезные профессионалы там работают.

Плюсы

• Есть возможность создавать несколько рабочих областей, устанавливать между ними связи, выделять пространство под рекламные блоки - всего около сотни различных настроек. Функционал - на глаз, примерно 80% того, что есть у AppsGeyser, и 90% от App Inventor. И еще куча своих личных фишек. И все хозяйство быстро, красиво и ладно работает.

Вывод

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

appsbar

appsbar Этот сервис упомянут в статье во благо тех товарищей, кого в детстве стукнула клавиатурой по голове учительница информатики (пока они решали квадратное уравнение на Pascal), чем отбила у них желание даже смотреть на программный код. А затаенная обида все равно подмывает их к тотальному захвату галактики. С помощью appsbar можно реализовать свои самые смелые фантазии, получив на выходе кросс-платформенное (!) приложение.

Плюсы

• Превью по скорости и качеству работы не уступает AppsGeyser.
• Богатая коллекция шаблонов оформления, в сочетании с возможностью переделать их до неузнаваемости.
• Интерфейс пронизан креативом целиком и полностью. К примеру, на первой странице раздела создания программы необходимо выбрать тип приложения из 38 вариантов (это сделано чисто для смеха, при нажатии на разные иконки попадаешь в одно и то же место).

Appsbar: удивительно, что нет иконки Public Toilet 🙂

Минусы

• Код вставлять некуда. Надо работать руками.
• Есть функция публикации приложений, но appsbar пока не в курсе, что Android Market уже давно известен под именем Goggle Play.
• Интерфейс местами тормозит и отличается изобилием «оригинальных» решений. Практически постоянно думаешь о загадочной душе и неординарном мышлении его создателей.

Вывод

• Создание телефонного справочника компании из нашего примера кода с помощью этого сервиса невозможно, но встроенными средствами можно сделать нечто аналогичное. Для клепания приложения-визитки appsbar вполне годится.

Представляем наше приложение миру

Самый эффективный способ сделать это - опубликовать свой продукт в Google Play : 25 долларов, несколько часов ожидания, и твое приложение доступно в поиске для невероятно широкой аудитории маркета! Не забудь написать развернутое описание для продвижения по низкочастотным запросам. Также стоит нарисовать интригующую и манящую иконку, чтобы пользователь не мог пройти мимо кнопки установки твоего творения. На момент написания статьи существует несколько десятков альтернативных маркетов Android-приложений. Но подавляющее большинство либо предназначено для китайской аудитории, либо уныло, безжизненно и не стоит упоминания. Вот список линков для особо любопытных . Если твое приложение на английском, настоятельно рекомендую не пройти мимо Samsung Apps, SlideMe и GetJar.

Форум 4PDA

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

Послесловие

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

И снова про PhoneGap

«Хакер» уже писал о фреймворке PhoneGap, который позволяет делать приложения из веб-страниц с помощью Android SDK. Для человека, более-менее знакомого с программированием, он предпочтительнее, так как, помимо возможностей стандартных HTML5 + CSS3 + JS, имеет расчудесный API для работы с акселерометром, камерой, GPS и прочими штучками. И по-хорошему, сборку перед публикацией неплохо потестировать на разной производительности и параметрах экрана. У Adobe (создателей PhoneGap) есть онлайн-платформа для создания приложений. За 10 баксов в месяц доступно создание 25 проектов (функционал практически тот же, что и при использовании фреймворка в классической среде разработки). Доступна компиляция практически под все платформы (в том числе Android, Apple, Windows Phone и Windows 8).

Figure 1. You can make your web content available to users in two ways: in a traditional web browser and in an Android application, by including a WebView in the layout.

Android offers a variety of ways to present content to a user. To provide a user experience that’s consistent with the rest of the platform, it’s usually best to build a native app that incorporates framework-provided experiences, such as Android App Links or Search . Additionally, you can use Google Play-based experiences, such as App Actions and Slices , where Google Play services is available. Some apps, however, may need increased control over the UI. In this case, a WebView is a good option for displaying trusted first-party content.

Figure 1 illustrates how you can provide access to your web pages from either a browser or your own Android app. The WebView framework allows you to specify viewport and style properties that make your web pages appear at the proper size and scale on all screen configurations for all major web browsers. You can even define an interface between your Android app and your web pages that allows JavaScript in the web pages to call upon APIs in your app-providing Android APIs to your web-based application.

However, you shouldn"t develop an Android app simply as a means to view your website. Rather, the web pages you embed in your app should be designed especially for that environment.

Alternatives to WebView

Although WebView objects provide increased control over the UI, there are alternatives that may provide similar functionality with various advantages: they require less configuration, may load and perform faster, provide improved privacy protections, and can access the browser"s cookies.

Consider using these alternatives to WebView if your app falls into the following use cases:

• If you want to send users to a mobile site,