Приложение для айфона своими руками

Пять советов по созданию приложения для iOS «с нуля»

Наверняка у наших читателей возникало желание создать собственное приложение для iOS. Одним не дают покоя лавры MSQRD и месячный заработок разработчиков игры Clash of Clans, другие просто хотят изменить мир к лучшему и начать свой бизнес. Мы разберем основные этапы создания приложения и дадим советы, как избежать «подводных камней» в процессе разработки.

Этап первый. Идея

Этап второй. Выбор инструментария

Этап третий. Разработка

Чтобы ускорить обучение, ищите курсы и программы по изучению Swift, где вам помогут создать первое приложение для iOS. Одним из самых популярных считается онлайн-университет GeekUniversity от Mail.ru Group. Там вас научат, как организовать работу с базой данных при помощи CoreData, зачем в приложении использовать Bottom Edge Swipe и как отправить свою разработку для публикации в App Store, избежав скандалов с модераторами. К тому же, после обучения вас ждет гарантированное трудоустройство.

Этап четвертый. Выбор имени

• если речь идет об игре, вы вольны выбирать между тысячами вариантов;
• если приложение с узкой направленностью (например, про заметки), логично придумать что-то со словом «Notes»,
• если про музыку — «Music», чтобы вашим продуктом пользовались не только в России.

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

Этап пятый. Публикация

Как упростить задачу

Даже если все пройдет гладко, далеко не факт, что ваше приложение «взлетит», а ведь на его создание вы уже затратили трудовые и временные ресурсы. Факультет iOS-разработки онлайн-университета GeekUniversity решает эту и многие другие задачи:

• Позволяет научиться разрабатывать приложения на Swift.
• Помогает изучить основы Objective-C и баз данных.
• Дает шанс учиться на факультативах компаний «Альфа-Банк», «МТС» и Avito./li>
• Подготавливает к собеседованию и гарантирует трудоустройство.

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

Новости, статьи и анонсы публикаций

Свободное общение и обсуждение материалов

Лонгриды для вас

Быстрая зарядка убивает аккумулятор iPhone — вопрос, который волнует многих. Мы разобрались в этом и готовы рассказать, как работает беспроводная зарядка, почему лучше не разряжать iPhone до нуля и кто виноват в быстро падающей емкости батареи

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

Многие пользователи не оценивают по достоинству приложение Здоровье на своем iPhone. Однако в системе от Apple существуют возможности,о которых многие не знали. Например, медкарта или дневник заболевания. В статье рассказываем о том, почему следует обратить внимание на Здоровье.

Начал читать статью, а оказалась рекламой.
А нельзя все же помечать такие статьи словом РЕКЛАМА?
как это делает, например, Экслер.
То что мне нужно, я прочитаю и с этим тэгом.
Уважайте не только свое время но и чужое!

Источник

Создание iOS приложения. От идеи до результата

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

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

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

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

Функционал

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

• Один главный список для всех заметок;
• Все действия с заметой должны выполняться одним движением — создание, редактирование, удаление, выделение, перемещение в топ и шаринг;
• Возможность легко поделиться заметками в Facebook, Twitter, скопировать или отправить на электронную почту;
• Выделение заметки несколькими цветами, в зависимости от приоритета и срочности;
• Удобное редактирование в портретной и ландшафтной ориентации;
• Дневная и ночная темы оформления для удобной работы в любое время суток

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

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

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

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

Разработка

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

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

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

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

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

Чтобы поделиться заметками из приложения я добавил дополнительный нижний бар, для появления которого необходимо сделать свайп из-под нижнего края устройства (Bottom Edge Swipe). В панели для шаринга собраны все самые важные действия — публикация в Facebook или Twitter, отправка списка заметок по электронной почте, или просто копирование для дальнейшего использования. Механизм очень простой — нужно выделить необходимые записи, после — нажать на нужную функцию. Если вы необходимо вернуться в обычный режим — свайп по бару, но уже вниз.

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

Нейминг

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, так что заметки уже успели перебраться в облако.

Источник

Делаем приложение для iOS самостоятельно

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

Создать мобильное приложение под iOS с нуля можно двумя способами:

1. Написанием на языках Objective-C и Swift;
2. Написанием с помощью визуальных редакторов и сервисов;
3. С помощью дополнительных языков – это C++ и некоторые другие.

Последний вариант разработки создан для профи, которым тесно в рамках традиционной экосистемы.
Что касается языков Objective-C и Swift: в разработке приложения задействованы оба. Только Objective-C устарел, ведь он появился почти три десятка лет тому назад. На смену ему пришёл Swift, на котором создаётся современный софт, как платный, так и бесплатный. Также профессионалы используют в своих программах кодинг на C++, но это уже выходит за рамки статьи.

Основная среда для разработки приложений

Независимо от того, под какое устройство создаётся приложение, программисту потребуется среда разработки Xcode. Эта среда является универсальной – в ней делаются приложения для смартфонов, планшетов, компьютеров и прочих устройств от Apple. Скачивается она через магазин приложений Mac App Store, версии для Windows нет. Распространяется программа бесплатно, в ней уже присутствует эмулятор для тестирования софта.
Последняя версия среды была выпущена 27 марта 2017 года – номер версии 8.3. Также для обновлённого софта характерна поддержка новых функций и более быстрая работа.

Возможности Xcode:

• Поддержка языка Swift 3;
• Просмотр приложения на разных платформах;
• Анализ производительности создаваемых программ;
• Анализ использования системных ресурсов при выполнении программ;
• Эмуляция различных устройств от Apple;
• Встроенный редактор кода.

Каждая новая версия предоставляет всё новые возможности.

Пример разработки приложения

Данный пример показывает основы разработки программы «Hello World» — процесс создания прописан пошагово, что позволяет повторить его самостоятельно. Инструкция предусматривает использование объектно-ориентированного языка программирования Objective-C. Многие свои возможности он унаследовал от языка С, но в нём используется динамическая система типов данных, а не строго типизированная. Для более детального ознакомления рекомендуется поработать с книгой «Сила Objective-C 2.0. Эффективное программирование для iOS и OS X». Автор издания – Мэтт Гэлловей.
В мире программирования принято начинать изучение новых языков с программы «Hello, World». Она выведет на экран кнопку, при нажатии на которую на нём будет появляться и исчезать данная надпись. Для начала необходимо выбрать тип приложения:

• Single View Application – заготовка для создания простейшего софта. Содержит компонент View Controller с конструктором форм Interface Builder;
• Page-Based Application – основа для написания журналов и программ для чтения с поддержкой множества экранов;
• Tabbed Application – основа для софта с несколькими переключаемыми экранами;
• Master Detail Application – основа для софта с табличным отображением данных;
• Game – основа для создания игровых приложений на основе фреймворков Metal, OpenGL ES, SceneKit и SpriteKit. Первый фреймворк применяется в требовательных играх, вторые два работают с трёхмерной графикой, а последний – с двухмерной.

Предусмотрены и ещё два типа – это Sticker Pack Application с изображениями для iMessage, а также iMessage Application для создания дополнений для iMessage или разработки приложений-аналогов.
Для «Hello, World» выбирается первый тип – это Single View Application. Выбираем его и задаём имя проекта, указываем язык Objective-C, в списке Devices выбираем пункт «Universal» (софт будет работать на iPad и iPhone), снимаем флажки Include Unit Tests и Include UI Tests и сохраняем проект.

Работа с текстом и кнопкой

На следующем этапе делаем интерфейс программы – разворачиваем меню ShowLab и выбираем пункт Main.storyboard, после чего откроется окно с макетом устройства (Interface Builder). В панели компонентов выбираем два компонента – это Button (кнопка) и Label (надпись). Разворачиваем список свойств, нажав на Show the Attributes Inspector, и настраиваем компонент Label – выбираем свойство Text, в выпадающем списке выбираем пункт Plain и вводим будущую надпись «Hello World». При необходимости меняем границы надписи и центруем её по горизонтали через Size Inspector – открываем панель и выбираем в выпадающем списке Arrange пункт «Center Horizontally in Container». Здесь необходимо поменять его свойство с Text на Switch.

Работа с кодом

Следующий пункт – необходимо создать связь между кодом и используемыми в приложении элементами. Последовательность действий:

• Открываем содержимое файла ViewController.h двойным щелчком в отдельном окне;
• Берём компонент с нашим текстом мышью, с зажатой клавишей Ctrl, и отпускаем внутри вышеуказанного окна;
• В открывшемся окне Outlet’а необходимо ввести имя объекта (например, lab) и указать тип UILabel;
• В списке Storage выбираем тип ссылки на объект weal и нажимаем Connect – в код ставится строка «@property (weak, nonatomic) IBOutlet UILabel *lab;» (без кавычек);
• Проделываем аналогичные действия для компонента с кнопкой, но даём Outlet’у имя but;
• Открываем файл реализации ViewController.m, берём компонент с кнопкой мышью, с зажатой клавишей Ctrl, отпускаем в окно с файлом до закрывающей скобки @end;
• В открывшемся окошке указываем имя обработчика события (например, Click), в поле Type ставим значение id;
• Открываем в этом же окне выпадающий список Event, выбираем пункт Touch Up Inside – это действие при отпускании пальца;
• В списке Arguments выставляем значение Sender;
• Нажимаем кнопку Connect.

В окне с кодом появится строка с фигурными скобками, между которыми необходимо вписать код «_lab.hidden = !_lab.hidden;». В итоге у нас должно получиться – «(IBAction)onClick:(id)sender < «_lab.hidden = !_lab.hidden;>» (без кавычек). Теперь остаётся лишь запустить наше первое приложение в эмуляторе.
Приложение обладает простым интерфейсом, в нём всего два элемента – кнопка и текстовое поле. При нажатии на кнопку в текстовом поле появляется надпись «Hello, World». Нажимаем ещё раз – и она исчезает.
Может показаться, что мы создавали приложение слишком долго. Если удастся сделать хотя бы простейший софт, это станет стимулом к дальнейшему изучению программирования под iOS.

Язык Swift

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

1. Swift более лёгкий, чем Objective-C;
2. Swift почти в три раза более быстрый;
3. Swift более удобный в разработке программ.

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

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

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

Сервис iBuildApp

Это мощный инструмент, не требующий знания основ программирования. Вместо полной разработки здесь применяются шаблоны программ – это магазины, каталоги товаров, мультимедийный софт, медицинский софт, шаблоны для ресторанов, фитнесс-клубов и даже церквей. Итого более 1000 шаблонов, чтобы облегчить процесс разработки. И многие из них предоставляются абсолютно бесплатно.
Неоспоримым плюсом сервиса является то, что он позволяет компоновать программы не только по iOS, но и под Android. Минусом является необходимость платить деньги за размещение. Минимальный тарифный план – 2400 руб./мес. Тариф включает в себя 500 установок. Для корпоративных клиентов предусмотрен тариф на 10 приложений и безлимитное количество установок.
На сервисе работает понятный русскоязычный интерфейс, поэтому сложностей с ним не возникнет.

Сервис Apps Globus

Перед нами ещё один конструктор, позволяющий создать приложение под iOS без знаний в области программирования. Здесь работает мощный фреймворк с приличным функционалом, позволяющий создавать программы высокого уровня сложности. На выбор пользователей представлено множество шаблонов – можно работать с графикой, публиковать купоны с QR-кодами, создавать бизнес-софт для такси, разрабатывать софт для гостиниц и ресторанов.
Минимальный тариф под iOS – 6000 в год. Администрация конструктора самостоятельно публикует созданные приложения в App Store. Также здесь возможно конструирование софта под Android.
Интересная возможность – аккаунт реселлера для разработчиков, позволяющий запустить собственный бизнес по разработке софта для собственных клиентов.

Конструктор App2b

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

Конструктор New Digital Times

Довольно простой конструктор, на их разработку уйдёт минимум времени – больше займёт подготовка контента. Сервис работает бесплатно, деньги за него платить не нужно. Для того чтобы приступить к разработке, необходимо скачать десктопную утилиту на компьютер (под Windows). Устанавливаем софт, открываем его и приступаем к работе – используя готовые модули и бесплатные шаблоны вы сможете быстро соорудить нужную вам программку.

AppsMakerStore

Если нужен реально красивый и функциональный софт, обратите своё внимание на конструктор AppsMakerStore. Это мощный бизнес-инструмент, позволяющий создавать приложения для бизнеса, причём своими руками – без помощи третьих лиц. На выбор пользователей представлено множество шаблонов:

• Для ресторанов и кафе – с возможностью оформления заказов, бронирования столов или организации программ лояльности;
• Для торговли – поддерживаются push-уведомления, присутствует каталог товаров с возможностью покупки в режиме онлайн, есть функции организация мероприятий;
• Для косметических салонов – организация бронирования и записи, галерея работ, отзывы клиентов, подарочные сертификаты;
• Для радио – организация трансляций на весь мир, публикация полезной информации и новостей;
• Для событий и мероприятий – шаблон для ивент-агентств и организаторов. Мощный функционал с геолокацией и уведомлениями;
• Для госслужб – запускайте календари событий, публикуйте защищённую информацию;
• Для отелей, пансионатов, гостевых домов – функции бронирования, заказ дополнительных услуг и многое другое, что необходимо в гостиничном бизнесе.

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

В чём лучше разрабатывать приложения

Ответить на этот вопрос довольно сложно. Поэтому мы составили сравнительную таблицу:

Сервис	Плюсы	Минусы
iBuildApp	Много шаблонов для приложений, русскоязычный интерфейс, круглосуточная поддержка	Нужно платить деньги за разработку, причём немаленькие
Apps Globus	Поддержка русского языка, доступные цены на публикацию и поддержку программ, множество инструментов для разработки софта, гибкость конструктора, доступ к аналитике, предоставление исходных кодов	Мало доступных шаблонов
App2b	Множество инструментов для разработки – от простых страниц до интернет магазинов, собственный хостинг, инструменты для продвижения приложений	Не самый информативный сайт, для получения подробной информации по разработке необходимо позвонить по контактному телефону
New Digital Times	Не нужно платить деньги, возможность разработки приложения через веб-интерфейс или приложение для компьютера. Можно создать магазин, журнал, есть хостинг для данных	Мало модулей, многие из них придётся заказывать у программистов сервиса
AppsMakerStore	Гигантское количество профессиональных отточенных шаблонов позволит создать продукт любого уровня сложности. Множество дополнительных модулей. Поддержка множества платформ.	Трудно понять ценовую политику

Создать приложение с помощью сервисов очень просто – разработка не займёт у вас много времени. Все действия здесь производятся в визуальных редакторах, результаты можно посмотреть без публикации в App Store. Также почти все сервисы поддерживают софт под Android – вы сможете охватить сразу две мобильные платформы. Такая возможность актуальна для тех, кто занимается бизнесом и продвигает его в интернет-среде.
Но в конструкторах возможно создание далеко не любых программ. Кстати, мобильные игры создать с помощью конструкторов не удастся. Поэтому изучение языков программирования откроет перед вами широчайшие возможности по работе с софтом для продукции Apple.

Знания можно черпать из следующих источников:

• Специализированные печатные издания – книги, журналы, пособия для программистов;
• Профильные интернет-ресурсы – в интернете полно сайтов, где публикуются пособия по программированию на языках Objective-C и Swift;
• Обучающие курсы – вы можете записаться на курсы, где учат премудростям самостоятельной разработки приложений для устройств от Apple.

Видео: как создать приложение под iOS с помощью Xcode

Источник