Часть 4 из 5: Тестирование приложения

Как сделать приложение для iPhone

Части:Настройка среды вашей разработкиПланируем приложениеСоздание приложенияТестирование приложенияПубликация вашего приложения

Рынок приложений постоянно движется и изменяется. Уже появилось столько историй успеха, что о них знает каждый. Вы думаете, что у вас есть грандиозная идея для приложения iPhone? Создать его может быть проще, чем вы думаете. Хотя вам нужно будет научиться кодингу, большинство работ по интерфейсу можно выполнять графически. Создание приложения потребует времени, учебы и терпения, но может быть вы сможете создать следующую игру Flappy Bird! Смотрите ниже шаг 1 для того, чтобы начать.

Часть 1 из 5: Настройка среды вашей разработки

1. 1

Скачайте и установите Xcode. Xcode это среда разработки, в которой создаются все приложения для iPhone. Xcode можно бесплатно получить от Apple, но данная программа требует установленной OS X версии 10.8 или более поздней. Не существует официального способа запустить Xcode на Windows или Linux. Это означает, что если вы хотите разрабатывать приложение на iPhone, но у вас нет Мака, то сначала вам придется купить его.

· Чтобы разрабатывать приложения под iOS 8, вам понадобится Xcode 6.0.1 и iOS 8 SDK. И то, и другое можно получить от Apple. iOS 8 SDK содержит достаточно большое число новых API, которые позволят вам создавать все виды новых приложений, включая интеграцию с iCloud и Touch ID.

2. 2

Установите хороший текстовый редактор. Хотя вы можете все делать в Xcode, вы скоро поймете, что работать с кодом больших размеров гораздо проще, если у вас есть отдельный текстовый редактор, специализирующийся на программировании. Два самых популярных выбора – это TextMate и JEdit.

3. 3

Установите векторную графическую программу. Если вы планируете создавать изображения и дизайны для своего приложения, вам понадобится программа создания векторной графики. Векторная графика может масштабироваться без потери качества, что важно для любого хорошо выглядящего приложения. Популярные векторные программы это CorelDraw, Adobe Illustrator, Xara Designer и Inkscape. Хорошая свободная программа редактирования графики это DrawBerry. Она не так мощна, как профессиональные программы, но хороша для начинающих, либо для тех, кто не хочет платить за что-то, что он будет использовать всего один раз.

4. 4

Изучите Objective-C. Objective-C это язык программирования, который используется для создания функциональности в приложениях iPhone. Он обрабатывает данные и работает с объектами. Objective-C произошел из семейства языков C, и он является объектно-ориентированным языком. Если вы уже понимаете C или Java, вам будет достаточно просто изучить Objective-C.

· Хотя можно построить базовое приложение без знания Objective-C, но вы не сможете выполнить какие-нибудь расширенные функции без необходимости программирования. Без Objective-C все, что вы можете – это двигаться взад и вперед по экранам.

· В Интернете существует множество учебников, кроме того множество информации можно найти в различных книгах по Objective-C. Если вы хотите серьезно заняться разработкой приложений под iPhone, вам будут полезны некоторые из этих источников.

· Некоторые из самых популярных онлайн-сообществ по Objective-C включают форумы разработчиков Apple, группа Google iPhoneSDK и StackOverflow.

5. 5

Рассмотрите вариант аутсорсинговой разработки. Если у вас нет никакого желания изучать Objective-C, либо у вас нет художественной жилки, существует большое число фрилансеров и команд разработчиков, которые могут выполнить различные части проекта за вас. Аутсорсинг вашей разработки это сложный процесс, но он спасет вас от многих проблем, если вы не программист. Удостоверьтесь, что все, кто будет работать, заключат соглашение о неразглашении, и что вы договорились об оплате перед началом работы.^[1]

· ODesk и Elance – это две самых популярных биржи фрилансеров в Интернете, и на каждой есть сотни разработчиков и художников любого уровня.

6. 6

Создайте аккаунт разработчика. Чтобы распространять ваше приложение в App Store, или дать его другим для тестирования, вам необходимо зарегистрироваться, чтобы получить аккаунт разработчика Apple. Аккаунт стоит $99 в год, и для его создания потребуется ввести информацию о налогах и банковскую информацию.

· Вы можете создать ваш аккаунт на сайте iOS Dev Center.

7. 7

Скачайте несколько тестовых приложений. Как только вы зарегистрировали аккаунт разработчика, у вас появляется доступ к ресурсам разработки Apple. Эти ресурсы включают множество проектов для примера, которые могут дать вам колоссальный объем информации о том, как разрабатываются приложения. Найдите пример, как-то связанный с тем типом приложения, который вы хотите создать, и попрактикуйтесь с ним в Xcode.

Часть 2 из 5: Планируем приложение

1. 1

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

· Попробуйте при разработке приложения придерживаться документа по дизайну настолько, насколько это возможно. Это поможет сфокусироваться на необходимых вам возможностях.

· Попробуйте нарисовать хотя бы один эскиз для каждого экрана в вашем приложении.

2. 2

Определите целевую аудиторию. Аудитория вашего приложения очень зависит от того, как выглядит приложение, и от его функциональности. Например, у приложения со списком дел будет совсем не такая целевая аудитория, чем у игры-стрелялки. Это вам поможет.

3. 3

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

4. 4

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

5. 5

Попрактикуйтесь в создании хорошего UI. Интерфейс пользователя никогда не должен мешать пользователю. Это означает, что опции должны быть ясно видны, а пользователь никогда не должен задаваться вопросом, что делает какая-либо кнопка. Если вы используете иконки, они должны четко отображать свою функцию. Навигация по приложению должна быть гибкой и естественной.

· Разработка пользовательского интерфейса является как формой искусства, так и наукой. Скорее всего вы будете постоянно пересматривать свой дизайн по мере развития проекта.

Часть 3 из 5: Создание приложения

1. 1

Создайте новый проект в Xcode. Откройте Xcode и начните новый проект из меню Файл. Выберите "Application" (приложение) под заголовком "iOS" в левой части окна. В разделе шаблонов выберите "Empty Application" (пустое приложение).

· Существует множество готовых шаблонов, и все созданы для различных задач. Начните с пустого шаблона, пока вы не разберетесь в процессе разработки. Вы сможете попробовать один из более сложных шаблонов, как только вы разберетесь, как тут все работает.

· Вам необходимо указать имя продукта, идентификатор вашей компании и префикс класса. Если у вас еще нет идентификатора компании от Apple, введите com.example. В качестве префикса класса введите XYZ.

· Выберите "iPhone" из меню устройств.

2. 2

Создайте Storyboard. Storyboard это визуальное представление всех экранов в вашем приложении. Он отображает содержимое каждого экрана, а также переходы между ними. Инструмент Storyboard поможет вам в разработке вашего приложения.

· Выберите File → New → File.

· Под заголовком iOS выберите "User Interface" (интерфейс пользователя).

· Выберите Storyboard и нажмите Далее.

· Выберите iPhone из меню устройств, и затем назовите файл "Main". Удостоверьтесь, что вы сохранили его там же, где и ваш проект.

3. 3

Назначьте Storyboard вашему проекту. Как только вы создали Storyboard, вам нужно назначить его как основной интерфейс вашего приложения. Тогда данный Storyboard будет загружен при запуске приложения. Если вы не назначите storyboard, при старте приложения ничего не произойдет.

· Нажмите на имя вашего проекта в дереве навигации слева.

· Найдите заголовок Targets (цели) в основном окне. Выберите ваш проект из списка Targets.

· Найдите раздел Deployment Info (информация о развертывании) во вкладке General (общее).

· Введите Main.storyboard в текстовое поле "Main Interface" (основной интерфейс).

4. 4

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

· Выберите ваш файл "Main.storyboard" в меню навигации по проекту. Вы увидите, что в окне Interface Builder (построитель интерфейса) появится пустой холст.

· Найдите Object Library (библиотеку объектов). Она расположена внизу правой части, и ее можно выбрать, нажав на кнопку с маленьким кубом. При этом загрузится список объектов, которые можно добавить на ваш холст.

· Нажмите и потяните объект "View Controller" (контроллер вида) на ваш холст. На вашем холсте появится первый экран.

· Ваша первая "Сцена" закончена. При запуске приложения контроллер вида загрузит ваш первый экран.

5. 5

Добавьте объекты интерфейса на ваш первый экран. Как только вы определили контроллер вида, вы можете начать размещать на экране необходимые вам объекты интерфейса, такие как метки, текстовые поля ввода и кнопки. Все объекты интерфейса можно найти в списке Objects Library (библиотеки объектов), которую можно найти внутри объекта View Controller (контроллер вида).

· Выбирайте и переносите объекты из списка, и добавляйте их к вашему экрану.

· Большинство объектов допускают изменение размера путем нажатия на границе объекта, и ее перемещения. При изменении размера, на экране появятся направляющие, так что вы можете удостовериться, что все выглядит правильно.

6. 6

Измените добавленные вами объекты. Вы можете изменять свойства каждого объекта, что позволит вам создать индивидуальный и интуитивный интерфейс. Например, вы можете добавить замещающий текст к текстовому полю ввода, который подскажет пользователю, что ему следует ввести.

· Выберите объект, который хотите изменить, и нажмите на кнопку "Attributes Inspector" (инспектор атрибутов) вверху правой части. Кнопка немного похожа на щит.

· Измените объект так, как вам нравится. Вы можете изменить стиль шрифта, размер шрифта, цвет текста, выравнивание, фоновые изображения, замещающий текст, стиль границы, и многое другое.

· Существующие опции будут изменяться, в зависимости от того, какой объект вы изменяете.

7. 7

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

· Дополнительные экраны можно добавить, переместив и отпустив контроллер вида на пустую часть холста. Если вы не можете найти пустого участка, чтобы отпустить мышь, нажмите на кнопку "zoom out" (уменьшить масштаб), пока пустые области не появятся. Удостоверьтесь, что вы опустили контроллер вида на холст, а не на существующий экран.

· Вы можете изменить начальный экран, выбрав контроллер вида, который необходимо сделать ведущим в окне проекта. Нажмите кнопку Attribute Inspector (инспектор атрибутов) и отметьте галочку "Is Initial View Controller" (ведущий контроллер вида). Например, если вы делаете список дел, вы захотите, чтобы сам список был первым, что увидит пользователь при запуске приложения.

8. 8

Добавьте панель навигации. Теперь у вас есть два экрана в приложении, и пришло время сделать так, чтобы пользователь мог перемещаться между ними взад и вперед. Вы можете этого достичь с использованием Navigation Controller (контроллер навигации), который является специализированной версией View Controller (контроллер вида). Данный контроллер добавляет панель навигации в верхнюю часть вашего приложения, и позволяет пользователю перемещаться взад и вперед между экранами.^[2]

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

· Выберите начальный вид в окне проекта.

· Выберите Editor → Embed In → Navigation Controller.

· Вы должны увидеть, что вверху экрана, на который вы добавили контроллер, появилась серая панель навигации.

9. 9

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

· Добавьте к панели навигации заголовок. Нажмите на Navigation Item под контроллером вида, к которому вы его назначили. Откройте Attribute Inspector (инспектор атрибутов) и введите заголовок текущего экрана в поле Title.

· Добавьте кнопку навигации. Откройте Objects library (библиотеку объектов), если она еще не открыта, и найдите там Bar Button. Выберите ее, и перенесите на панель навигации. Обычно кнопки, которые передвигают вас "вперед" по приложению, размещаются справа, а кнопки, перемещающие вас "назад" – слева.

· Дайте кнопкам свойства. Кнопки можно настроить с помощью специальных свойств, которые позволяют им легко адаптироваться к различным условиям. Например, если вы создаете список дел, вам может понадобиться кнопка "Добавить", чтобы создать новую запись. Выберите кнопку и откройте Attribute Inspector (инспектор атрибутов). Найдите меню Identifier (идентификатор) и выберите "Добавить". Кнопка изменится на логотип "+".

10. 10

Свяжите вашу новую кнопку с существующим экраном. Чтобы ваша кнопка функционировала, вам нужно соединить ее с другим экраном. В нашем примере со списком дел, кнопка будет располагаться в общем списке, и ее нужно связать с экраном ввода дела. Чтобы связать кнопку, зажмите кнопку ^Control, и перетащите кнопку на второй экран.^[3]

· Когда вы отпускаете кнопку мыши, появится меню Action Segue со списком опций. Выберите "Push", чтобы использовать перемещение между экранами. Вы также можете выбрать "Modal", что откроет экран как полностью самостоятельный, без последовательности экранов.

· Если вы используете Push, на ваш второй экран автоматически будет добавлена панель навигации, а также кнопка "назад". Если вы выберете modal, вам нужно будет вручную вставить вторую панель навигации, а также добавить кнопки "Отмена" и "Готово" (в приложении со списком дел; в вашем приложении будут другие кнопки, в зависимости от нужд вашего приложения).

· Кнопки "Отмена" и "Готово" можно создать тем же способом, которым вы создали кнопку "Добавить". Просто выберите "Отмена" и "Готово" из меню Identifier в Attribute Inspector.

11. 11

Используйте возможности обработки данных. До этого момента вы могли создать базовый интерфейс без необходимости писать код. Если вы хотите добавить более глубокую функциональность, такую как хранение данных, обработку ввода пользователя, вам нужно погрузиться в написание кода. Написание кода находится за рамками данной статьи, но в Интернете существует большое число учебников по Objective-C.^[4]

· Вы можете использовать прототип интерфейса с навигацией при найме разработчика. Если у вас есть рабочий интерфейс, то гораздо проще объяснить, что вам нужно от программы.

Часть 4 из 5: Тестирование приложения

1. 1

Запустите iOS Simulator. XCode поставляется со встроенным эмулятором iOS, который позволяет вам протестировать свое приложение на некотором наборе эмулируемых устройств с iOS. Чтобы запустить эмулятор, выберите из меню в верхней части окна XCode пункт "Simulator и Debug", а затем выберите устройство, на котором вы хотите протестировать.

2. 2

Соберите ваше приложение. Нажмите на кнопку Build, которая выглядит как обычная кнопка Play, чтобы скомпилировать и запустить приложение. Сборка приложения может занять несколько минут. На панели вы можете наблюдать за прогрессом. Как только процесс сборки будет завершен, откроется iOS Simulator, и вы можете начинать тестировать свое приложение.

3. 3

Проверьте приложение на своем собственном iPhone. Перед распространением своего приложения для тестирования, вы можете протестировать его на своем собственном устройстве (если у вас оно есть). Сначала подключите устройство к компьютеру по USB. Если откроется iTunes, закройте его. Выберите из выпадающего списка "Device and Debug", а затем нажмите на кнопку Build. После нескольких секунд приложение должно запуститься на iPhone. Проверьте всю функциональность, прежде чем закрыть приложение.

4. 4

Займитесь отладкой. Если же приложение упало – нужно определить, что случилось, и почему. Это широкая область, и могут быть бесчисленные причины, почему ваше приложение упало. Открывайте отладочную консоль и читайте сообщения об ошибках. Большинство из них непонятные. Если вы не поняли ошибку, попытайтесь поискать сообщения об ошибках в Google. Существует вероятность, что вы сможете наткнуться на сообщение, оставленное на форуме разработчиков Apple, где какой-либо разработчик уже ответил на вопрос

· Отладка приложения это долгий и нудный процесс. Если вы не сдадитесь и упорно будете продолжать, со временем у вас будет получаться все лучше. Вы начнете распознавать ошибки, быстро их находить и даже иногда их ожидать. Частая ошибка состоит в освобождении памяти объекта более одного раза. Другая частая ошибка - если вы забудете выделить память и инициализировать объект перед тем, как попытаетесь что-то к нему добавить или присвоить. С каждым приложением у вас будет становиться все меньше и меньше ошибок.

5. 5

Проверьте использование памяти. В iPhone памяти немного. Каждый раз, выделив память для объекта, ее нужно будет освобождать по завершению работы с ним. Существуют такие инструменты, как iPhone SDK, который среди прочего может применяться для просмотра и анализа использования памяти.

· С выбранным Device and Debug, выберите Run → Run with Performance Tool → Leaks. Это запустит Инструменты и, вместе с этим, приложение на вашем устройстве. Теперь начните пользоваться приложением так, как пользуетесь обычно. Временами оно будет немного подтормаживать, так как программа записывает и анализирует использование памяти. Все источники утечек будут отображаться в нижней части экрана.

· Двойное нажатие на каком-либо объекте откроет вам соответствующий код, а нажатие по маленькой стрелочке в столбце Адрес откроет историю проблемы с памятью. Иногда место, где обнаружена утечка – это совсем не то место, откуда она пошла.

· Если вы в тупике, попробуйте действовать методом исключения. Закомментируйте что-нибудь, осторожно пропустив некоторую область кода, а затем запустите его. Иногда вы сможете сузить область поиска, и затем, возможно, найти нужную строку. Когда вы знаете, где находится ошибка, вы можете ее исправить или переписать. Помните, использование Google может дать вам прямые ссылки на форумы Apple или на документацию, описывающую ваш случай.

6. 6

Разошлите ваше приложение для тестов другим людям. Хотя тестировать ваше приложение в эмуляторе – это хороший способ удостовериться, что оно работает, и у него красивый интерфейс, ничто не сравнится с тестированием другими пользователями. Просто проверьте, что вы удалили самые раздражающие ошибки прежде чем посылать приложение на внешнее тестирование. Чтобы разослать приложение тестерам, вам понадобится создать сертификат Ad-Hoc на сайте iOS Dev Center.

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

· Чтобы авторизовать устройства тестировщиков, вам нужно знать номер UDID каждого устройства.

· Выберите устройство из выпадающего меню и нажмите на иконку "Build". В программе Finder перейдите в папку с вашим проектом, там найдите папку "Ad-Hoc-iphoneos". Внутри нее будет ваше приложение. Скопируйте в ту же папку сертификат "AdHoc.mobileprovision", который вы получили с сайта iOS Dev Center. Выберите приложение вместе с сертификатом и упакуйте их в архив zip. Этот архив можно передать внешнему тестеру. Вам понадобится создать отдельный архив для каждого сертификата Ad-Hoc.^[5]

Не нашли, что искали? Воспользуйтесь поиском по сайту: