Html app ios android

Создаем приложение для ANDROID быстро и просто

Сегодня я хотел бы поделиться с Вами, как быстро и просто можно создать приложение для Android с базовыми знаниями HTML CSS и JS. По данному примеру код на Java для Android будет минимальным. Благодаря платформе XAMARIN приложения для мобильных телефонов можно делать в Visual Studio.

▍Шаг 1 — Переходим на сайт и Скачиваем бесплатную версию Community.

▍Шаг 2 — Запускаем установку и выбираем параметры. Нас интересует XAMARIN. Но Вы также можете выбрать другие параметры.

После успешной установки мы можем создать свой первый проект.

▍Шаг 3 — Запускаем Visual Studio. Создать проект. В фильтре пишем xamarin, платформа Android, язык c# (Если желаете другой язык можете его выбрать)

▍Шаг 4 — Далее. Указываете имя для своего приложения, выбираете каталог где его сохранить. Создать.

▍Шаг 5 — Указываем пустое приложение и выбираем минимальную версию андроида для запуска этого приложения.

▍Шаг 6 — Жмем ок. Visual Studio автоматически создает код для приложения

Мы можем его запустить в эмуляторе, который идет комплекте с Visual Studio нажав клавишу F5.

▍Шаг 7 — Теперь немного модифицируем код. В данном случае мы вообще не будем использовать Java. Так как мы будем кодить на C#.

Приводим код к такому виду. Здесь мы создаем WebView контейнер который будет грузить локальный HTML файл, который находится в проекте в папке Assets.

▍Шаг 8 — Создадим там папку Content.

▍Шаг 9 — Добавим в папку Content файл login.html

▍Шаг 10 — Далее уже пишем на привычном нам HTML CSS JS. Можем нажать на F5 и увидеть результат нашей работы.

По такому принципу можно создать приложение быстро и просто. Файлы html будут выглядеть одинаково на всех устройствах. То есть, Вы можете сделать приложения для Android и iOS с одинаковым интерфейсом. Не надо изучать сложные языки разметки, не надо изучать сложные макеты (сториборды) на iOS. Все можно сделать на HTML.

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

Q: Но как быть с функциями самой платформы? Пуш сообщения? Как взаимодействовать с самой платформой?

Все очень просто! JavaScript можно использовать для вызова функций Android:

▍Шаг 1 — Немного модифицируем наш файл MainActivity

▍Шаг 2 — Далее создаем класс JavaScriptInterface на который будет ругаться Visual Studio

Мы видим, что теперь программа ругается на Export так как не знает что это такое.

▍Шаг 3 — Добавим нужную библиотеку

▍Шаг 4 — В фильтре напишем mono

▍Шаг 5 — Найдем Export и поставим галочку

▍Шаг 6 — Жмем ок и видим что ошибка пропала.

Так вы можете подключать библиотеки если вдруг Visual Studio ругается на что то.

Данная функция это показ всплывающей информации на экране. Она выполняется именно на платформе Андроида. То есть мы можем написать в HTML файле вызов функции Андроида. Получается полное дружелюбие двух платформ по JavaScript интерфейсу. Данные можно передавать туда сюда. Вызывать переход от одной активити в другую. Все через HTML + JavaScript.

Немного модифицируем файл login.htm:

Теперь при нажатии на кнопку HTML вызывается функция Toast андроида и выводиться сообщение пользователю.

Источник

Онлайновый конвертер HTML5-приложений под Android/iOS

Разработчикам мобильных приложений приходится непросто, портируя код под каждую ОС, разбираясь с SDK, компиляторами и эмуляторами. Создатели кроссплатформенного фреймворка PhoneGap постарались упростить задачу: тот позиционирует себя как единственный open source мобильный фреймворк с поддержкой шести мобильных платформ. Теперь они пошли ещё дальше и выкатили PhoneGap Build (бета) — простой онлайновый конвертер из HTML5. Достаточно загрузить приложение на html/js/css — и на выходе получаете готовый бинарник для Apple App Store, Android Marketplace, Palm, Symbian или BlackBerry.

Загрузить приложение можно в виде файла ZIP или index.htm, или просто указать ссылку на репозиторий Git или SVN. В случае с Github поддерживаются и приватные репозитории.

Через пару минут вы получите URL с готовым бинарником. Для webOS или Symbian его можно уже сразу сабмиттить и продавать, а для Android и iOS нужно ещё получить правильные сертификаты и/или ключи.

Компания Nitobe обещает, что для проектов с открытым исходным кодом PhoneGap Build всегда будет бесплатным, а для остальных могут ввести платную подписку после окончания бета-тестирования. Уже сейчас готовы API, так что можно удобно интегрировать конвертер в свою систему.

UPD. В связи с тем, что Adobe покупает Nitobi, объявлено, что PhoneGap переходит под крыло Apache Software Foundation как открытый проект Apache Callback (название может поменяться).

Источник

10+ лучших онлайн-сервисов: как создать приложение для Android и iPhone

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

В данном обзоре ТопОбзор предлагает рассмотреть веб-сервисы, которые представляют собой конструкторы для быстрого и удобного создания Android и iPhone приложений. При этом не требуя от пользователя навыков программирования или других специальных ИТ-знаний. Такие приложения незаменимы для разного вида бизнеса — ведь это отличный способ расширить целевую аудиторию и привлечь клиентов.

Таким образом, все рассмотренные в обзоре онлайн-сервисы для разработки приложений можно объединить под лозунгом: просто, быстро и без программирования!

1. AppsGeyser

AppsGeyser — бесплатный веб-сервис, который позволяет сконвертировать контент вашего сайта в Android приложение и распространить его через Google Play. Кроме того, созданные приложения можно как продавать, так и размещать в них рекламу.
Можно создать неограниченное количество Android приложений из трех типов контента: сайта, просто html-страницы и YouTube видео. Для создания Android приложения AppsGeyser использует простой и наглядный мастер шаблонов.

2. TheAppBuilder

TheAppBuilder — бесплатный онлайн-сервис для быстрого создания мобильных приложений. TheAppBuilder создает приложения с помощью конструктора и типовых шаблонов — для бизнеса, событий, образования, музыки, спорта и др. Созадние приложения бесплатно, а за 5 у.е. в мес. можно отключить показ посторонней рекламы в созданном приложении. TheAppBuilder позволяет создавать Android приложение, iOS и Windows Mobile.

3. Appsmakerstore

Appsmakerstore — это онлайн-сервис, который позволяет пользователям создавать и публиковать свои собственные мобильные приложения в несколько кликов в интернете. Платформа Appsmakerstore создает мобильные приложения, поддерживаемые HTML5, iTunes, Android Market, Blackberry Marketplace, Windows Marketplace и Facebook без каких-либо глубоких технологических навыков. Это всего 1 приложение для 6 разных платформ. Appsmakerstore предлагается в 23 языках, в том числе на русском и украинском.

Особенность Appsmakerstore в том, что он предлагает на выбор уже готовые шаблоны для определенных индустрий (например, юридические услуги, ночные клубы, рестораны и кафе, торговля, салоны красоты и пр.)

Данный сервис представлен такими планами:

• «Сделай сам» — $9.78 в месяц.
• «Мы делаем приложение для Вас» — $249
• «Reseller»- специальная цена, которую нужно узнавать на сайте отдельно.

Всегда включено во все планы:

• Неограниченное количество изменений контента и обновлений приложения.
• Обновление контента приложения на iTunes и Google Play без необходимости повторной публикации.
• Отправлять неограниченное количество push уведомлений пользователям.
• Автоматически получать и пользоваться всеми обновлениями системы.
• Безопасный хостинг на наших серверах.

4. Biznessapps

Biznessapps — платный онлайн-конструктор мобильных приложений (iPad, Android, HTML5) для небольшого бизнеса. Среди возможностей — геолокация, получение и отправка сообщений, корзина для товаров, уведомления, интеграция с соцсетями, размещение информации о меню, наборе услуг, предстоящих событиях и др. Есть шаблоны для ресторанов, риелторов, гимнастических залов и др.

Данный сервис представлен такими планами:

• «Мобильный сайт» — $29 в месяц.
• «Мобильное приложение» — $59 в месяц
• « White Label Partner» создание приложений для Ваших клиентов — специальная цена, которую нужно узнавать на сайте отдельно.

5. AppGlobus

AppGlobus — платный, один из российских онлайн конструкторов мобильных приложений, позволяющий пользователям самостоятельно создать и опубликовать своё приложение в App Store и Google Play.

AppGlobus использует новый дизайн и возможности Ionic Framework, что значительно улучшает качество разработки, и даёт возможность создавать мобильные приложения на HTML5, iOS, Android даже без навыков программирования.

На данный момент AppGlobus предлагается на 8 языках, в том числе на русском.

AppGlobus.com предлагает следующие пакеты:

• STARTAP — 900 руб./мес.
  • Приложения: HTML5/Android, админ панель, магазин, нет ограничений на Push, нет ограничений на установки, нет рекламы.
• BASIC — 1500 руб./мес
  • Приложения и для Android и для iOS, админ панель, магазин, нет ограничений на Push, нет ограничений на установки, нет рекламы.
• STUDIO — 2000 руб./мес
  • Приложения: Windows/Android/ iOS, админ панель, магазин, нет ограничений на Push, нет ограничений на установки, нет рекламы.
• PRO — 45000 руб./единоразово
  • Приложения: Windows/Android/ iOS, разработка на заказ, сами разместим в App Store и Google Play, отдадим исходный код

6. My-apps.com

My-apps.com — платный онлайн-сервис для создания своего мобильного приложение для бизнеса или личного пользования. Никаких специальных умений не требуется. Хорошо подходит для небольшого бизнеса, например, интернет-магазинов. Чтобы создать свое приложение, понадобится всего 5 минут – нужно всего лишь выбрать необходимые модули и дизайн. Есть английская и русская версии.

My-apps.com предлагает такие пакеты:

• приложения только для Android, доступ к конструктору, бесплатные шаблоны и иконки приложений, обновления контента каждые 48 часов, обновления исходника приложения в сторах самостоятельно не чаще 1 раза в 2 месяца.

Лайт — 990 руб. /мес

• приложения и для Android и для iOS, доступ к конструктору, бесплатные шаблоны и иконки приложений, базовые скриншоты приложения, Push уведомления — 1 в месяц, обновления контента каждые 24 часа, обновления исходника приложения в сторах 1 раза в 2 месяца.

Стандарт — 2490 руб. /мес

• приложения и для Android и для iOS, доступ к конструктору, бесплатные шаблоны и иконки приложений, базовые скриншоты приложения, поддержка по Skype, Push уведомления — 10 в месяц, обновления контента каждые 12 часов, обновления исходника приложения в сторах 1 раза в месяц.

Бизнес — 9890 руб. /мес

• приложения и для Android и для iOS, доступ к конструктору, бесплатные шаблоны и иконки приложений, базовые скриншоты приложения, поддержка по Skype и е-мейл, персональный менеджер, Push уведомления — 50 в месяц, обновления контента -мгновенно, обновления исходника приложения в сторах — без ограничений.

Читайте также:  Android main activity view

VIP — 3999 руб. /мес +150 000 руб. инсталляционный платеж

• приложения и для Android и для iOS, доступ к конструктору, бесплатные шаблоны и иконки приложений, базовые скриншоты приложения, поддержка по Skype и е-мейл, персональный менеджер, Push уведомления — неограничено, обновления контента -мгновенно, обновления исходника приложения в сторах — без ограничений.

7. iBuildApp

iBuildApp предоставляет платформу “сделай сам” для создания iPhone/Android приложений , которая так же не требует навыков программирования. Данный сервис предоставляет для каждой организации простой способ создания мобильных (iPhone, iPad, Android) приложений и публикационных материалов. Клиенты могут создать собственные каталоги, флайеры, брошюры, отчеты, резюме и пр. и предоставлять их с помощью SaaS-решения. Есть английская и русская версии.

iBuildApp предоставляется в таких пакетах:

Бизнес (2400 рублей в месяц) — 3000 установок, неограниченное количество просмотров мобильного сайта, отсутствие встроенной рекламы, публикация приложения на iTunes и Google Play.

8. Viziapps

Viziapps — онлайн-сервис для разработки приложений (iPhone, iPad, Android). Позволяет создавать приложение на основе одного из множества шаблонов приложений. Элементы создаваемого пользовательского интерфейса приложения могут быть связаны с такими функциями, как отправка электронной почты, SMS-сообщения, отправка на сервисы Facebook и Twitter.

• Developer — $33 в месяц . (можно создать только 1 приложение)
• Professional — $79 в месяц .
• Premiun- $129 в месяц .
• Enterprise — Цену нужно узнавать отдельно .

Все пакеты поддерживают такие платформы: IOS (iPhone/iPad) & Android (Phone/Tablet)

9. AppsBuilder

AppsBuilder — онлайн-редактор, позволяющий создавать приложения для iOS, Android и Windows Phone. Пользоваться ей очень просто: собственную программу можно собрать из уже готовый частей. Несмотря на то что AppsBuilder старается быть более простым и понятным для неопытных пользователей, в него добавлены и некоторые возможности для программистов: к примеру, можно дополнять созданные приложения собственными Java-скриптами.

Есть три платных пакета, в которых есть везде 30 дней — бесплатная пробная версия:

• Starter (49 евро в мес.) -1 приложение.
• Regular (199 евро в мес.) -до 5 приложений.
• Scalable (от 249 евро в мес.) — более 5 приложений.

10. Mobile Roadie

Mobile Roadie — один из старейшин в онлайн-сервисах для создания приложений для iPhone, Android, iPad и Mobile Web. Особенность Mobile Roadie в том, что он ориентирован, прежде всего, на шоу-бизнес. Он предлагает шаблоны для актёров и музыкантов, режиссёров и продюсеров, а также маркетинговых и PR-агентств, но в принципе набор инструментов позволяет создать приложение и для других типов бизнеса. Среди клиентов — Мадонна, Cirque du Soleil и зоопарк Сан-Диего. Есть шаблон для создания приложения под событие или конференцию, возможность продавать билеты, доступ к статистике. Вообще, функциональный набор очень широк, впрочем, и цена немаленькая:

• Core — $149 в месяц .
• Pro- $799 в месяц .
• Enterprise — $24K

11. AppMakr

Appmakr — онлайн-сервис для создания приложений для iPhone, Android, Windows Phone .

В этом сервисе очень просто и быстро можно создать своё мобильное приложение. Цены более чем демократические. И что характерно, так что во всех пакетах нет рекламы.

• App Basics- $2 в месяц .
• App Pro — $12 в месяц .
• Reseller — $499 .

12. BuildFire

BuildFire — онлайн-сервис для создания собственных приложений для iPhone, Android, Windows Phone .

Особенность данного онлайн-сервиса в том, что создание приложений совершенно бесплатно, плата берется когда приложение публикуется в каталогах и составляет $49 ежемесячно.

Источник