В данной статье я постараюсь, на сколько это возможно, последовательно и шаг за шагом описать всю процедуру создания данной программы. Программа. Начнем с того, что я подробно опишу созданный мной продукт и рассмотрю функционал, затем, кого это заинтересует, сможет дальше прочитать, о сотворении данного чуда. Описание. Первое, о чем хотелось бы поведать, так это о меню, я постарался сделать его как можно привлекательнее, у меня всегда был «отменный» вкус, поэтому вот что из этого вышло. Как видно на изображении, особенного ничего в нем нет, но при нажатии на кнопку «Проверка слов» или «Слова», появляется, так сказать, субменю. Как видно из изображений сверху таким же свойством обладают кнопки «В Алфавитном порядке», «В Обратном порядке» и «Рандом». Их все я пометил специальным символом «+», а при раскрытии символ заменяется на «- ».
При повторном нажатии на один из пунктов раскрытого меню, оно сворачивается в исходное положение. Перед тем как проходить тест или изменять и удалять слова, нужно их добавить, следовательно сейчас мы рассмотрим именно этот механизм, но перед этим нужно немного отступиться от данной темы, чтобы в дальнейшем все было понятно. Как я уже говорил, перед созданием проекта, меня посетило много идей и одна из них, это упрощение добавление слов в программу. Никому не секрет, что человек существо ленивое и не каждому придется по вкусу вручную создавать свою картотеку, тем более если нужно заполнить аж три поля(хотя транскрипцию заполнять не обязательно), в век развития интернета и передачи данных на большие расстояния за одно мгновенье. Мне пришла в голову идея, а почему бы пользователю программы не делиться своей картотекой со всем миром? Поэтому, в момент добавления слова в свой личный словарь, пользователь того не осознавая(если есть подключение к интернету) загружает его на сервер, где оно храниться в базе данных и ждет, пока другой пользователь добавит его к себе, а так, сам по себе механизм добавления слов не представляет ничего сложного, прост и понятен даже ребенку. Также в программе есть функции изменения и удаления слов.
Написанное с его помощью приложение подойдет для всех популярных платформ: iOS, Android, Windows Phone, Blackberry, WebOS, .
Здесь совсем все просто: после нажатия на нужный пункт меню перед нами открывается активити, где слова расположены в алфавитном порядке. Окна удаления и изменения слов практически ничем не отличаются, лишь только иконкой на кнопке со словом, поэтому для их создания применялся один xml- файл. Если пользователь изменят слово, то для его изменения используется xml- файл добавления слов, только с другим функционалом, все три поля заполнены старыми значениями. После ввода новых значений, при нажатии на соответствующую кнопку, слово изменяется и сохраняется на устройстве пользователя без внесения изменений в БД на сервере. Удаление слов/слова, сделано тоже очень просто, я даже не представляю себе, как можно усложнить данный процесс. Как видно из изображений, можно удалить все слова сразу или же можно удалять каждое слово по одиночке, но перед каждым удалением будет всплывать диалоговое окно с подтверждением действия.
Теперь, когда я описал один из основных функционалов, а именно добавление/удаление/изменение слов, рассмотрим наиболее важный, прохождение теста по данным словам, а затем опишу альтернативный способ добавления слов. Можно было заметить, на рисунке выше, что тест можно проходить в трех разных порядках: алфавитный, обратный и рандом. Тестируемым объектом может быть либо английский вариант слова, либо русский, либо транскрипция.
Как видно из рисунка, активно поле с английским вариантом слова, значит тестируется именно этот вариант. В зависимости от выбранного теста, всегда активно только одно поле ввода, остальные изменению не подлежат.
Строка «Статус» указывает на то, верен ли введенный вариант пользователя, для того чтобы это узнать, необходимо нажать на кнопку «Проверка», так же показано сколько слов пройдено и их число, кнопку «Далее» подробно можно не рассматривать, но хотелось бы отметить, что можно было бы добавить кнопку возращения к предыдущему слову. Тест можно завершить дойдя до последнего слова или же пунктом меню.
После того как вы прошли или завершили тест, вашему вниманию предоставляется ваш результат. Слова, которые были введены правильно отображаются зеленым цветом, остальные красным, далее вы можете либо перейти в главное меню или пройти тест заново. Теперь рассмотрим альтернативный способ добавления слов, чтобы им воспользоваться, нужно перейти в пункт меню «Загрузить» и там можно будет просматривать слова, которые были добавлены на сервер, способом описанным выше. На рисунке видно, что данное активити практически не отличается от активити изменения и удаления, за исключением того, что здесь находятся Check. Box'ы, вместо Button'ов. Хотелось бы отметить, что слова с сервера поступают небольшими порциями, а именно по сто штук, после того как пользователь доходит до предпоследнего, подгружается еще сто и так далее, пока сервер не вернет последнее слово. Для того чтобы слово/слова можно было добавить к себе в картотеку, следует воспользоваться пунктами меню.
Как видно на изображении, можно загрузить выделенные слова, или те слова которые загруженные на данный момент. Какое количество слов будет сохранено, показано слева от пункта меню.
На изображениях выше, можно заметить, что у активити изменения/удаления/загрузки слов есть Edit — «Найти», т. Он является «живим», ищет, английские и русские слова, а также прост и удобен в применении. Так же в программе имеется пункт меню «Просмотреть слова», где все слова выводятся в HTML- таблице. Напоследок хотелось бы отметить, что весь функционал всех активити, продублирован в меню. Реализация. Как было не трудно догадаться, программа состоит из двух частей, это серверное и клиентское приложение, так что данный пункт будет разделен на две части, и по отдельность опишу реализацию каждого.
Как создать готовое приложение на Android за 9 минут, не имея знаний, выложить его в Google Play и получить свой первый миллион (Длиннопост). Перед тем как создать своё первое приложение, можно создать виртуальное Android-устройство, чтобы быстро тестировать на нём . Как самостоятельно создать программу на Андроид. Как создать приложение для Android Приветствую вас, уважаемые любители операционной . Как создать программу для Android с помощью мобильного программного обеспечения. Рынок мобильных приложений находится на подъеме, так что .
Как создать программу для смартфона за полчаса. Нету Папки Addons В Кс 1.6 далее. Изучить новый язык и среду разработки — это минимум, что от тебя потребуется, если ты захочешь написать свое первое мобильное приложение. Буктрейлер Приложение тут.
Чтобы с пониманием набросать элементарный todo list для Android или i. OS, не передирая пример из книжки, уйдет не меньше пары недель. Но можно не осваивать Objective- C или Java и при этом быстро разрабатывать приложения для смартфонов, если использовать такие технологии, как Phone. Gap. Запуск приложения в симуляторе i.
OSЕсли ты внимательно изучал нововведения, которые ожидают нас в Windows 8, то, возможно, заметил, что под ней можно будет разрабатывать приложения на HTML5. Идея, на самом деле, не новая — технологии, реализующие тот же подход для мобильных платформ, развиваются семимильными шагами. Одним из таких фреймворков, позволяющим разрабатывать приложения для смартфонов с помощью связки привычных для нас 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, и конечная программа будет выглядеть на мобильном телефоне так, как будто она написана на нативном языке (ну или почти так). Лучше всего проиллюстрировать вышесказанное на деле, то есть написать приложение, поэтому предлагаю сразу приступить к практике. Засекай время — на все про все уйдет едва ли больше получаса. Другие полезности Phone. Gap. Кроме потрясающей платформы для мобильных приложений, Phone.
Gap также предоставляет сервис для сборки твоего приложения в «облаке». Под все платформы и в один клик!
Сборщик условно бесплатный. Ты можешь зарегистрироваться на сайте Phone.
Gap Build (build. С его помощью ты вправе собрать неограниченное число приложений с открытым исходным кодом и одно приложение с закрытыми исходниками. Понятно, что если нужно скомпилировать больше закрытых приложений, то придется немного заплатить. Если тебе не хватает какого- нибудь функционала в «базовой комплектации» Phone. Gap, то ты можешь расширить его возможности с помощью плагинов. Существует целый репозиторий (github.
Phone, Android, Palm, Black. Berry. Сейчас под i. OS написано более 2. Barcode. Scanner (сканер штрих- кодов), Ad. Plugin (отображения рекламы i. Ad), Native. Controls (нативные для i.
OS контролы) и другие. Что мы будем создавать. В качестве целевой платформы возьмем i. OS — да- да, деньги лежат в App. 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. Приведенный ниже код описывает верхнюю часть страницы с картой, надписью «Геонапоминалка» и кнопкой «Точки». Страница с картой< div id=. Это еще не i. OS приложение. Атрибут страницы data- dom- cache=»true» необходим для того, чтобы она не выгружалась из памяти. Для кнопки «Точки» используется data- transition=»pop», чтобы страница «Список точек» открывалась с эффектом «Всплытие».
Подробнее о том, как устроены страницы j. Query Mobile, можно почитать в хорошем мануале (bit. XX3. M). По аналогии создаем страницу со списком точек: Страница со списком точек< div id=. Те же атрибуты пропишем в шаблоне точки. Все, наш каркас готов. Создание приложения. Теперь надо отобразить карту, для чего мы возьмем стандартный API Google Maps, который используется миллионами разных сайтов.
Lng = new gm. Lat. Lng(. this. options.
Map(element, . Параметры инициализации я хорошо закомментировал в коде. Следующий шаг — отрисовка маркера человечка на карте. Marker(. Его статический адрес — maps. Пользователь будет добавлять точки, кликая на карте, поэтому, чтобы их отрисовывать, мы будем слушать событие click. Listener(this. map, 'click', function (event) . Дальше нам нужно научить приложение перемещать иконку пользователя по карте. В прототипе мы задействуем Geolocation API (тот, который используется в том числе в десктопных браузерах).
Последний вопрос — где хранить список точек? В HTML5 появилась возможность использовать local.