Можно ли сделать мобильное приложение самому Созданные самостоятельно программы для iOS и Android можно условно. Как создать приложение для Android или iPhoneИдея, на самом деле, не новая технологии, реализующие тот же подход для мобильных платформ, развиваются семимильными шагами. Одним из таких фреймворков, позволяющим разрабатывать приложения для смартфонов с помощью связки привычных для нас HTML, Java. Script и CSS, как раз и является Phone. Gap. Написанное с его помощью приложение подойдет для всех популярных платформ i. OS, Android, Windows Phone, Blackberry, Web. OS, Symbian и Bada. Тебе не нужно будет изучать особенности программирования под каждую платформу например, Objective C в случае с i. OS, разбираться с различными API и средами разработки. Все, что потребуется для создания кросс платформенного мобильного приложения, это знание HTML5 и специального Phone. Gap API. При этом на выходе получится не тупая HTML страница, обрамленная в интерфейс приложения, нет API фреймворка позволяет задействовать практически все возможности телефона, которые используются при разработке с помощью нативных инструментов доступ к акселерометру, компасу, камере запись видео и фотосъемка, списку контактов, файловой системе, системе нотификаций стандартных уведомлений на телефоне, хранилищам и т. Наконец, такое приложение может безболезненно обращаться к любому кросс доменному адресу. Ты можешь воссоздать нативные элементы управления с помощью фреймворков вроде j. Query Mobile или Sencha, и конечная программа будет выглядеть на мобильном телефоне так, как будто она написана на нативном языке ну или почти так. Лучше всего проиллюстрировать вышесказанное на деле, то есть написать приложение, поэтому предлагаю сразу приступить к практике. Засекай время на все про все уйдет едва ли больше получаса. Электропроводка Маз 54323. Другие полезности Phone. Gap. Кроме потрясающей платформы для мобильных приложений, Phone. Gap также предоставляет сервис для сборки твоего приложения в облаке. Под все платформы и в один кликСборщик условно бесплатный. Ты можешь зарегистрироваться на сайте Phone. Gap Build build. С его помощью ты вправе собрать неограниченное число приложений с открытым исходным кодом и одно приложение с закрытыми исходниками. Понятно, что если нужно скомпилировать больше закрытых приложений, то придется немного заплатить. Если тебе не хватает какого нибудь функционала в базовой комплектации Phone. Gap, то ты можешь расширить его возможности с помощью плагинов. Как Сделать Программу На Андроид' title='Как Сделать Программу На Андроид' />Существует целый репозиторий github. Phone, Android, Palm, Black. Berry. Сейчас под i. OS написано более 2. Barcode. Scanner сканер штрих кодов, Ad. Plugin отображения рекламы i. Ad, Native. Controls нативные для i. OS контролы и другие. Что мы будем создавать. В качестве целевой платформы возьмем i. OS да да, деньги лежат в App. Make-an-Android-App-With-App-Creation-Software-Step-2.jpg/v4-728px-Make-an-Android-App-With-App-Creation-Software-Step-2.jpg' alt='Как Сделать Программу На Андроид' title='Как Сделать Программу На Андроид' />Store, и монетизировать свои разработки пока лучше всего там. Но сразу внесу ясность все то же самое, без изменений, можно провернуть, скажем, для Android. Долго думал, какой пример рассмотреть, так как писать очередную тулзу для учета списка дел совершенно не хотелось. Поэтому я решил создать приложение под названием Геонапоминалка, навигационную прогу, назначение которой можно описать одной фразой Сообщи мне, когда я снова тут окажусь. В App. Store есть немало утилит, которые позволяют запомнить место, где пользователь припарковал машину. Это почти то же самое, только чуть попроще. Ты сможешь указать на карте города точку, задать для нее определенный радиус и запрограммировать сообщение. Когда ты в следующий попадешь в пределы окружности с указанным радиусом, приложение выдаст тебе уведомление, а точка будет удалена. Будем действовать по такому плану сначала создадим простое веб приложение, проверим его в браузере, а затем перенесем с помощью Phone. Gap на платформу i. OS. Очень важно написать в прототипе и протестировать в браузере на компьютере основную часть кода, поскольку отлаживать приложение в телефоне гораздо сложнее. В качестве каркаса мы возьмем JS фреймворк j. Query c j. Query Mobile jquerymobile. Google Maps v. 3. Приложение будет состоять из двух страниц карты и списка точек. На карте устанавливается маркер твоего текущего положения. По клику на карте создается точка, к которой привязывается сообщение вроде машина рядом. Точку можно удалить, кликнув на ней. Для перемещения маркера человека по карте используется геонавигационный API. На странице со списком точек должна иметься дополнительная кнопка Удалить все точки, а рядом с каждой точкой кнопка Удалить эту точку. Если кликнуть по элементу в списке, соответствующая точка отобразится на карте. Настройки пользователя и список точек будем сохранять в local. Storage. UI фреймворкиj. Query Mobile это, конечно, не единственный фреймворк для создания мобильного интерфейса. На сайте Phone. Gap приведен огромный список библиотек и фреймворков, которые ты можешь использовать phonegap. Sencha Touch, Impact, Dojo Mobile, Zepto. Каркас приложения. Сразу объясняю, зачем мы будем использовать j. Query Mobile. Эта JS библиотека предоставляет нам уже готовые элементы интерфейса мобильного приложения максимально приближенные к нативным для самых разных платформ. Нам ведь надо, чтобы на выходе было именно мобильное приложение, а не страничка из браузера Так что качаем последнюю версию JQuery Mobile jquerymobile. Нужно сделать ресурсы в основном локальными, чтобы пользователь в будущем не тратил мобильный интернет. Теперь создаем каркас страниц в файле index. Приведенный ниже код описывает верхнюю часть страницы с картой, надписью Геонапоминалка и кнопкой Точки. Страница с картойlt div id. Это еще не i. OS приложение. Атрибут страницы data dom cachetrue необходим для того, чтобы она не выгружалась из памяти. Для кнопки Точки используется data transitionpop, чтобы страница Список точек открывалась с эффектом Всплытие. Подробнее о том, как устроены страницы j. Query Mobile, можно почитать в хорошем мануале bit. XX3. M. По аналогии создаем страницу со списком точек Страница со списком точекlt div id. Те же атрибуты пропишем в шаблоне точки. Все, наш каркас готов. Создание приложения. Теперь надо отобразить карту, для чего мы возьмем стандартный API Google Maps, который используется миллионами разных сайтов. Lng new gm. Lat. Lng. Mapelement,. Параметры инициализации я хорошо закомментировал в коде. Следующий шаг отрисовка маркера человечка на карте. Marker. Его статический адрес maps. Пользователь будет добавлять точки, кликая на карте, поэтому, чтобы их отрисовывать, мы будем слушать событие click. Listenerthis. map, click, function event. Дальше нам нужно научить приложение перемещать иконку пользователя по карте. В прототипе мы задействуем Geolocation API тот, который используется в том числе в десктопных браузерах. Последний вопрос где хранить список точек В HTML5 появилась возможность использовать local. Storage, так что не будем ей пренебрегать предоставляю тебе самостоятельно разобраться с этими участками кода, которые я хорошо закомментировал. Итак, приложение, работающее в браузере, готово Запуск веб приложения. Как я уже говорил, отладку в основном необходимо выполнять на компьютере. Самый подходящий браузер для тестирования веб приложений на компьютере это Safari или Chrome. После отладки в этих браузерах ты можешь быть уверен в том, что твое приложение не поедет в браузере мобильного телефона. Как Сделать Программу На Андроид© 2017