Как создать успешное приложение для iOS. Как создать приложение для iOS – от идеи до продажи

IOS – это операционная система, на которой работают смартфоны от Apple. Для покупки игр или приложений используется фирменная площадка цифровых покупок App Store. Если продукт разработчика окажется успешным (будет пользоваться спросом пользователей), то даже за одну программу можно заработать неплохие деньги. В среднем разработчики популярных приложений для iOS зарабатывают несколько тысяч долларов в месяц.

Процесс создания

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

  1. Создание концепции продукта – первый этап, требующий анализа трендов в цифровом магазине App Store. Занимаясь созданием проекта разработчик должен четко обрисовать целевую аудиторию. Чтобы аналитический этап прошел успешно посмотрите, какие приложения, программы, игры и т.п. находятся в топе App Store. Кроме того узнайте, что установлено на смартфонах знакомых, друзей, родственников.
  2. Техническая база – для начала нужно выучить язык Objective-C, который используется в написании программ для iOS. Для начинающих программистов рекомендуется ознакомиться с языком Pascal и прочими языками: C, Java.
  3. Инструменты – среда разработки , специальный текстовый редактор и графический редактор.
  4. Создание и тестирование программы.
  5. Маркетинговое продвижение.

Пошаговое создание утилиты

Каждый пользователь имеет возможность самостоятельно создать приложение для iOS без дополнительных финансовых вложений и профессиональных знаний. Существует специальная среда разработки XCode, позволяющая работать прямо в телефоне. В случае если нужно написать мобильные приложения на компьютере с Windows, придется установить специальные виртуальные машины. Например, VirtualBox и VMware. Более детально рассмотрим официальный способ:

  1. Установите на смартфон среду разработки XCode . Дополнение находится в официальном магазине ОС App Store и имеет свободную систему распространения. Если программа установлена на телефоне, то проверьте ее на наличие обновлений.
  2. Разобравшись с подготовительными настройками, войдите в XCode. Для создания нового проекта используйте вкладку File . Далее откроется подпункт, где требуется выбрать команды New и Project .
  3. Следующий шаг создания приложения для Айфона – выбор платформы и тематического типа будущей утилиты.
  4. Укажите краткую информацию о создаваемом софте.
  5. Далее требуется нажать на клавишу New Folder . Здесь создается папка, где будут храниться вспомогательные файлы для программы.
  6. В следующем окне снимите галочку с пункта и активируйте команду Create . Благодаря этим манипуляциям пользователь попадет на стартовую рабочую панель.
  7. Нажмите на кнопку под названием storyboard . Она находится в правой части интерфейса. Перетащите на основное поле элемент с именем Label . Не забудьте добавить вступительный текст в строке Hello_world (можно любой другой текст).
  8. Обязательно придумайте иконку для утилиты . Загрузите иконку на сайт mapappicon.com .
  9. После недолгой обработки запроса укажите адрес электронной почты , куда пришлют архив с иконками.
  10. Вернитесь в среду разработки XCode. Теперь в левой части интерфейса найдите раздел под названием xassets .
  11. Откройте архив из почты (куда прислали иконки) и перетащите их в окно, находящееся в XCode.
  12. Выберите один из эмулятор устройств, а далее нажмите на команду запуска программы (иконка обозначена, как черный треугольник), включив Mac Developer Mode .
  13. Повторите попытку запуска дождавшись момента, когда на эмуляторе загрузится iOS.
  14. Убедитесь, что утилита работает .

Таким образом получится создать свое приложение с нуля.

Популярные сервисы для создания приложений

Предлагаем подборку сервисов, которые помогут сделать приложения для iOS самостоятельно.

Apps Globus

Проект Apps Globus – это универсальный конструктор приложений, который подходит для мобильных операционных систем Android и iOS. Отличается удобным пользовательским интерфейсом. Благодаря встроенным модулям значительно упрощается процесс разработки . Apps Globus поддерживает до 60 встроенных модулей, в числе которых:


Apps Globus распространяется по платной подписке . Пользователи желающие протестировать приложение могут воспользоваться 5-дневной демо-версией. Месячная подписка предоставляется в трех видах: «стартовая », «студийная » и «бизнес ». Отличие подписок – цена и количество разработанных приложений. Существует и версия, требующая одноразовый платеж в размере 20 000 рублей. Кроме неограниченного пользования предлагает исходные коды и помощь в настройки утилиты.

App2b

Проект App2b предлагает многофункциональный конструктор, который может использоваться не только для создания приложений для iOS, но и для Android платформы. В этом конструкторе создается коммерческий или информационный контент. Именно поэтому сервис располагает встроенной библиотекой шаблонов для быстрого создания удобного приложения самостоятельно.

Как и другие аналогичные проекты распространяется по платной подписке . Главное отличие от прочих конструкторов – единственный способ оплаты в виде единоразового взноса в размере 9 900 рублей.

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

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

Продается в нескольких вариациях: для самостоятельного использования и партнерская программа . Распространяется по двум типам подписки: ежемесячная и ежегодная. Кроме того на сайте можно нанять людей для создания программ.

Задумывались ли вы о том, как создаются приложения для iOS и OS X, которыми миллионы владельцев iPhone, iPad и Mac пользуются каждый день? Знаем, что многим приходило в голову заняться разработкой программ для Apple-устройств, однако новички, как правило, пугаются сложностей в процессе обучения и самостоятельного штудирования учебников.

Сама профессия «разработчик приложений для iOS и Mac» является универсальной: она сочетает в себе знание двух языков программирования — Objective C и Swift. Первый представляет собой основной язык , построен на базе языка C и имеет простой синтаксис. Без этого языка не возьмут работать в студии мобильных приложений. А вот Swift относительно свежий язык: Apple представила его в 2014 году, он интегрирован с C и работает быстрее Objective C и Python, позволяя создавать любые программы — как игры, так и полезные приложения.

Сейчас специалистов, которые знают Swift, единицы, поэтому они очень востребованы на рынке. Достаточно зайти на любую HR-площадку, чтобы посмотреть среднюю зарплату iOS-разработчиков — 100 тысяч рублей. Опытные программисты имеют заработную плату в несколько сотен тысяч рублей + различные бонусы от компании.

Чтобы получить наилучший результат за небольшое время и гарантированную стажировку, можно воспользоваться от сервиса GeekBrains. Он включает в себя и Objective C, и Swift, то есть по сути на выходе вы получаете две специальности вместо одной. Толковых iOS-программистов компании разбирают как горячие пирожки, так что без работы они не сидят и одной недели.

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

Почему именно онлайн-курсы? Они имеют очевидное преимущество по сравнению с вузами по затраченному времени и при этом дают возможность заработать практический опыт и получить гарантию результата. 7 из 10 студентов сервиса находят работу еще в процессе обучения, поскольку GeekBrains предоставляет гарантированную стажировку. Кроме того, студенты приобретают бесценный опыт командной разработки и кейс для портфолио. Без последнего сейчас почти не устроиться на работу.

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

Ну что-же, пришло время написать нам свою первую программу для нашего iPhone. Если вы еще не поставили себе XCode + iPhone SDK — то вам . И так, XCode у нас стоит и настроен, начнем?

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

Создаем наш первый и надеюсь не последний проект:

Далее нас спросит какой тип приложения создавать. Слева в панели выбираем iPhone OS -> Application а в центральном окне выбираем тип проекта View-based Application . Назовем нашу первую программу, допустим, FirstApp

В результате у нас создается проект с уже созданным контроллером (первым окном нашей программы)

Главное окно проекта выглядит вот так:

Xcode создал для нас первый контроллер, это два файла c названиями FirstAppViewController.h и FirstAppViewController.m

Файл FirstAppViewController.h выступает как-бы заголовком (оттуда и расширение файла.h от слова header) В нем мы будем оглашать переменные и методы которыми будем пользоваться в главном файле FirstAppViewController.m

И так, открываем файл FirstAppViewController.h и создадим два указателя:

IBOutlet UILabel *username;

Первая переменная username — это текстовая метка, в которую мы будем записывать наше имя. nikField — это текстовое поле, откуда мы будем читать наше имя.

Записывать это нужно в блоке @interface firstAppViewController: UIViewController { }

Еще создадим метод, который будем вызывать при нажатии на кнопку, для того чтобы представиться. Назовем метод setNik:

— (IBAction)setNik;

В итоге, наш файл FirstAppViewController.h должен выглядеть так:

#import @interface firstAppViewController: UIViewController { IBOutlet UILabel *username; IBOutlet UITextField *nikField; } - (IBAction)setNik; @end

Теперь, перейдем в файл FirstAppViewController.m

Добавим сюда наш метод setNik. Писать нужно после строчки @implementation firstAppViewController

- (IBAction)setNik{ username.text = nikField.text; }

Тут мы прописываем, что при выполнении этого метода в текстовую метку username будет записан текст из поля nikField

Еще нам нужно освободить память от этих указателей после того как мы их используем. Делается это в методе под названием dealoc

- (void)dealloc { ; ; ; }

Просто добавляем все указатели, которые использовали, вот в таком формате: ;

Теперь, открываем файл интерфейса FirstAppViewController.xib Он запускается в редакторе интерфейсов Interface Builder.


Из библиотеки компонентов перетаскиваем нужные нам компоненты в окно нашей программы и расставляем так как удобно. Дальше в маленьком окне выбираем File’s Owner и нажимаем Command+2 что переносит нас в меню Connections inspector. Видим там список наших указателей, которые мы уже прописывали, а справа от них пустые кружечки. Клацаем на пустой кружочек возле указателя nikField и не отпуская тянем к текстовому полю. Когда мы подводим к ниму указатель мыши, он обводится прямоугольником и отпускаем. Таким образом, мы привязали это поле к указателю nikField. Теперь сделаем так же с указателем username и перетащим его на тот текст, где хотим видеть наш ник (у меня на картинке это текст %username%). Еще чуть ниже видим наш метод setNik и связываем его с нашей кнопкой. Но когда вы поднесете к кнопке и отпустите, то выпадет контекстное меню из которого выберите Touch Up Inside. Это означает, что этот метод сработает когда мы нажмем и отпустим кнопку. То что нам и нужно:)

Ну что, сохраняем, переходим обратно в Xcode и нажимаем Build & Run. Урааа, наша первая программа запустилась:) Нажмем в текстовое поле, появляется клавиатура, пишем имя. Но в нашей программе еще не хватает одного маленького штриха. Это чтобы убиралась клавиатура по нажатию на кнопку Done, когда мы закончили вводить наше имя.

Для этого опять включимся в конструктор интерфейсов, нажмем на нашу кнопку. Нажмем Command+1 и найдем там блок Text Input Traits. В нем есть несколько выпадающих списков, но нас интересует только самый нижний: Return Key. Выбираем со списка Done и в низу блока ставим галочку возле Auto-enable Return Key. Дальше мереходим в Command+2 Connections Inspector и видем там слово delegate . Жмем на кружек возле него и тяним к блоку File’s Owner

Теперь возвращаемся в наш файл FirstAppViewController.m После нашего метода setNik добавляем еще такой код:

- (BOOL)textFieldShouldReturn:(UITextField *)theTextField { ; return YES; }

Сохраняем и пробуем запустить (можно использовать комбинацию Command+R) Пробуем написать наше имя в текстовом поле. При написании появляется кнопка Done по нажатию на какую закрывается клавиатура. Теперь жмем на нашу кнопку и вуа-ля, программа с нами здоровается:)

Казалось бы какая мелоч, подумаешь написали такую мелоч. А я, когда много лет назад учил делфи, выучив один такой пример, чтобы по нажатию на кнопку что-то писалось на экране делал уже разные игрушки. Помните одну из самых первых браузерных игр Бойцовский клуб? Вот я делал себе ради забавы что-то похожее и там все было основано именно на таком принципе как мы только что с вами сделали. Так что играйтесь, экспериментируйте!

Вот вам еще линк на архив проекта Можно скачать, включить посмотреть если у кого-то что не получилось. Ну а если есть вопросы — то пишите в комментариях.

В конце прошлого месяца разработчик Ричард Феликс опубликовал занимательную , в которой постарался максимально доступно и лаконично объяснить, как создать успешное приложение для iOS. В частности, он поделился полезными советами для начинающих разработчиков, собственными наблюдениями в плане проектировки программ и последних тенденций в App Store.

Ричард на личном опыте знает все тонкости разработки, поскольку за последние несколько лет создал ряд популярных приложений для современных мобильных платформ и веба (Are My Sites Up , Stunning , Dispatch и другие).

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

Найдите оригинальную идею

На каждой презентации Apple анонсирует миллионные продажи iOS-устройств и фантастические рекорды App Store. Руководствуясь этим фактом, многие начинающие разработчики ошибочно предполагают, что создание очередного банального почтового клиента или фоторедактора позволит им заработать миллионы долларов (по их мнению, для этого вовсе необязательно подниматься на верхние строчки чартов магазина приложений Apple).

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

Изучите целевую аудиторию

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

В настоящий момент можно выделить следующие три категории наиболее популярных программ в App Store:


  • Альтернативные приложения для системных программ iOS (улучшенные калькуляторы, календари, почтовые клиенты, фоторедакторы, списки задач и так далее). Они пользуются популярностью, поскольку многие люди сталкиваются с ограничениями стандартных инструментов iPhone/iPad и хотят расширить функциональность своих устройств. Apple создает программы для массового потребителя (они просты в управлении и интуитивно понятны), из-за чего страдают более продвинутые пользователи (если вам нужно больше функций, придется воспользоваться приложением стороннего разработчика - и это нам на руку).

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

  • Приложения с минимальным количеством функций, которые на первый взгляд кажутся настолько элементарными, что многие разработчики отметают подобные идеи еще на стадии обдумывания проекта. Типичный пример - программа под названием Over , с помощью которой можно добавлять изящные подписи на свои фотографии. Для продвинутого пользователя Over может показаться довольно ограниченным инструментом, однако многих новичков такой «фоторедактор» полностью устраивает, что и подтверждается неплохими продажами. Удивительно, как правильная реализация единственной заявленной функции может привести к вполне успешной программе.


Не изобретайте велосипед и почаще обновляйтесь

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

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

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

Нарисуйте красочную иконку

Красивая иконка - залог успеха любого приложения (так уж и любого? - прим.ред. ). Держа в своих руках iPhone или iPad, пользователь всегда хочет видеть на своем дисплее качественную графику и «сочный» дизайн, который, как принято говорить, радует глаз. Люди будут чаще обращать внимание на программу, если дизайнерский отдел потратит достаточно времени и усилий на создание привлекательной пиктограммы бренда. В конечном счете, это должно помочь вашему приложению добиться вершины чартов App Store.

На специализированных сайтах, вроде

Все началось с того, что я огляделся по сторонам и, не увидев автомобиля своей мечты, решил сконструировать его сам
Фердинанд Порше

Привет, Хабр. Хочу рассказать, как создал свое первое iOS приложение и что из этого получилось.

Идея

Идея для приложения возникла сама собой: создай то, чем бы ты с удовольствием пользовался бы сам. Я постоянно пишу заметки. Ведь у каждого занятого человека существует определенный набор фактов, которые он получает в течение дня, и которые стоит запомнить. А так как все люди забывают (и это нормально!), то нет лучшего решения, чем просто записать. Я все время чувствовал какое-то неудобство при работе с представленными в AppStore приложениями-заметочниками. Излишняя сложность в управлении, наличие ненужных категорий, нагромождение дополнительной информации - все это мешает приложению выполнять его основную функцию. Плюс ко всему многие из этих вещей выглядят просто некрасиво.

Поэтому, поставив все ставки на простоту и удобство, я приступил к созданию концепции. Модель приложения с единым списком заметок. Все в одном месте, что может быть проще? Если что–то имеет большую ценность или актуальность, совсем не обязательно вешать на него ярлык, ведь достаточно просто переместить более важную заметку в топ списка. Старые и ненужные записи постепенно будут опускаться вниз и в последствии будут удалены пользователем.

Функционал

После того, как концепция была придумана, я выписал основной функционал - те вещи, на которые я хотел бы сделать акцент в управлении:

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

Инструментарий

Перед тем, как писать код в Xcode, я полностью воссоздал внешний вид приложения в векторном редакторе Sketch. Эта программа отлично подходит для быстрого создания макетов. Для этого приложения доступна масса плагинов, среди них есть Sketch Preview - просмотр артборда сразу на устройстве через программу Skala Preview. Всего лишь нужно скачать бесплатные программы Skala Preview на компьютер и мобильное устройство и установить плагин. После этого выбрать нужный артборд, нажать комбинацию Command+P и уже через секунду внешний вид приложения транслируется на устройство.

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

Разработка

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

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

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

Анимации удаление и перемещения в топ я решил реализовать самостоятельно, а визуальное сопровождение максимально приблизить к реальной жизни. Что-то приобрело более высокий приоритет - свайп вправо и заметка перемещается в топ списка. Чтобы удалить - свайп влево и анимация зачеркивания покажет на сколько еще нужно продлить свайп чтоб завершить удаление. При случайном удалении - нужно просто потрясти устройство («Shake»), и заметка вернется на свое прежнее место.

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

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

Нейминг

Название приложения - самая важная часть при разработке, это первое что видит пользователь в магазине. На хабре есть по этому поводу. К подбору имени я решил подойти основательно: для начала я перебрал список 1000 самых популярных слов в английском языке и выписал всевозможные комбинации, которые подходили бы для названия мобильного приложения для заметок, к тому же хотелось уложиться в 8-10 символов. Но при этом не хотелось выбирать название SuperNotes или NotesPlus etc, хотелось чего-то нового. Мне понравилось сочетание mad note , на которое случайно наткнулся в Urban Dictionary:
mad note - excellent, entertaining, surprising, unexpected or awe-inspiring

Сразу же появился и слоган: MadNotes - Note your passion. Поскольку палитра основных цветов у меня уже была готова (белый, синий, красный), я решил сразу придумать подходящую иконку. Ситуация с логотипами для приложений подобного рода плачевная:

Поскольку заметки на бумаге пишут карандашом или ручкой, я решил отобразить это на иконке - карандаш повернутый под углом 45 градусов. Получилось вот так:

Результат

Поскольку изначально проект задумывался как дизайнерский, я решил поучаствовать с моим приложением в всеукраинском конкурсе Ukrainian Design Awards: The Very Best Of в категории Digital Design. До конкурса оставалось несколько недель, за это время я успел сделать публикацию на Behance, где визуально показал все основные функции приложения, а также записал видео-превью.
Поскольку победителей конкурса не разглашают до самого последнего момента, было невероятно приятно увидеть свою работу на выставке работ победителей - жюри увидели и оценили главную концепцию - минималистичное и, вместе с тем, функциональное приложение для ведения заметок.


Приложение находится в AppStore уже несколько месяцев, за это время я сделал шесть обновлений и переписал код на Swift. В последней версии (1.2) добавлена синхронизация с iCloud, так что заметки уже успели перебраться в облако.

Спасибо внимание.
Note your passion