С чего начать
Откройте www.russia.ibuildapp.com в браузере и нажмите кнопку "Создать приложение".
Выберите категорию, которая больше всего подходит Вашему приложению:
Вы попадете на наш маркет, где сможете выбрать уже готовое решение или шаблон, которые Вам понравятся. Выберите подходящее решение или шаблон и нажмите кнопку "Создать приложение". Большинство наших шаблонов бесплатно, но не все. Если Вам понравился платный шаблон или решение, то сначала придется оплатить возможность его использования на соответствующей странице, которая будет открыта автоматически.
Если Вы не авторизованы на сайте, сначала необходимо зарегистрироваться или авторизоваться.
Когда Вы закончили с выбором шаблона или решения, откроется страница конструктора приложения, где Вы сможете настраивать Ваше приложение и управлять контентом.
Для того, чтобы полностью настроить Ваше приложение, просто пройдите шаги, указанные на странице "Инфо" (Вы сможете изменить фон, загрузить логотип, управлять навигацией приложения, установить загрузочный экран).
Используйте симулятор чтобы открыть интересующую Вас страницу: кликните по кнопке на главном экране или в нижнем меню, чтобы увидеть соответствующую страницу. В секции "Редактирование" будет открыт соответствующий виджет для редактирования. Обновления секции "Редактирование" и симулятора синхронизированы, поэтому Вы будете видеть изменения в реальном режиме времени.
Как только Ваше приложение готово нажмите кнопку "Сохранить и закончить", проверит, достаточно ли контента Вы предоставили и если все в порядке, то будет загружена страница "Публикация". Если какие-то страницы не заполнены, то будет показано предупреждение с просьбой исправить ситуацию прежде, чем Вы перейдете к публикации.
Настройка внешнего вида
На странице "Разработка" все элементы управления распределены по секциям для удобства редактирования. Наличие/отсутствие управляющих элементов в приложении зависит от используемого шаблона:
Шаг 1. Начните настраивать заглавную страницу приложения - отредактируйте ее фон. Можно использовать только цвет.
фон из галереи готовых изображений или использовать свой:
Вы можете загрузить различные изображения для iPhone4 и; iPhone5, или обрезать фон для iPhone5 так, чтобы он хорошо смотрелся на iPhone4:
Примечание: линейные размеры изображения должны быть не менее 1136 x 640 пикселей, в противном случае они могут быть искажены. Размер файла не должен превышать 5 МБ.
Шаг 2. Настройте кнопки, расположенные на главном экране. Для каждой их них можно загрузить свой собственный фон и задать уникальное название.
Вы можете изменить название, выбрать фон из галереи готовых изображений, если нажмете на пиктограмму "Карандаш":
справа:
Примечание: обратите внимание на подсказку с размером требуемого изображения, расположенную справа от кнопки "Загрузить". Следуйте ей, чтобы получить наилучшие результаты. Файл не должен превышать 1 МБ.
Шаг 3. Настройте кнопки нижнего меню - они появляются внизу на главном экране и внутренних страницах приложения. Для каждой кнопки можно настроить название и изображение. Чтобы изменить название и подобрать изображение для кнопки, нажмите на пиктограмму "Карандаш" справа:
Все изменения будут незамедлительно показаны на симуляторе.
Вы можете отключить (удалить) кнопку с главного экрана или из нижнего меню при помощи справа.
Управление навигацией
Каждый шаблон имеет определенное количество страниц. Например, в шаблоне, представленном ниже, можно настроить 6 страниц. Поэтому, если Вам понадобятся дополнительные страницы, возникнет необходимость создать новый шаблон с другим количеством кнопок.
Настройка страниц
Шаг 1. Кликните кнопку в симуляторе (или выберите соответствующий виджет в секции "Редактирование" ), симулятор и панель редактирования обновятся в соответствии с выбранной кнопкой:
Шаг 2. Кликните на ссылку "Изменить", чтобы выбрать функцию (фиджет) из набора уже существующих или найдете недостающий на нашем маркете.
Шаг 3. Заполните виджет содержимым - следуйте подсказкам на экране.
Удаление страницы
Чтобы удалить страницу из приложения, обратитесь к секции "Настройки навигации", нажмите на переключатель, расположенный справа от управляющего его элемента. Страница будет спрятана, однако ее содержимое не исчезнет, позднее Вы сможете ее включить просто опять нажав на переключатель и она появится в приложении со всем ее содержимым.
Управление контентом
Используйте Симулятор чтобы было удобней обращаться к страницам приложения. Когда Вы щелкаете по кнопкам на главном экране приложения, то будет открыта страница, прикрепленная к этой кнопке в симуляторе, а на панели управления будет форма редактирования.
Так же можно будет использовать иконки в секции "Редактирование" для переключения между страницами. Незавершенные страницы будет помечены значком .
Вы можете вносить изменения в содержание своего приложения в любой момент - все изменения немедленно попадут к пользователям Вашего приложения. Это не потребует заново публиковать Ваше приложение в маркетах.
Внешний вид секции редактирования зависит от выбранного виджета.
Что такое виджет
По большому счету, виджеты - то, что и определяет функциональность Вашего приложения. iBuildApp предоставляет почти 30 готовых виджетов.
Контент и дизайн каждого виджет может быть настроен, например в виджете Калькулятор можно задать свою собственную формулу. Для того, чтобы изменить, удалить или добавить виджет используйте ссылку "Изменить" :
Как заменить виджет
Чтобы заменить один виджет на другой откройте панель управления и откройте нужную страницу при помощи симулятора. Кликните ссылку "Изменить" появится всплывающее окно со списком виджетов:
Когда Вы меняете виджет, система обязательно Вас предупредит: "iЕсли Вы измените модуль, введенное ранее содержимое страницы будет удалено.". Кликните "Продолжить" чтобы заменить виджет, или "Cancel" to keep existing content.
Как создать уникальный шаблон
Создание шаблона - простой и необременительный способ создания нескольких похожих приложений. Например, Вам подходит размещение управляющих элементов, а может и полностью дизайн - создайте шаблон и используйте его столько раз, сколько понадобиться. Это заметно съэкономит Ваше время при создании приложений и упростит это процесс.
Создать шаблон, который можно было бы использовать несколько раз, очень просто
Авторизуйтесь на russia.ibuildapp.com или создайте учетную запись, если Вы еще не зарегистрированы.
Справа сверху, рядом с Вашим именем найдите значок треугольника и выберите в меню "Мои шаблоны"
Вы попадете на страницу со списком Ваших шаблонов. Поскольку у Вас еще не было ни одного шаблона, этот список пуст. Кликните кнопку "Создать шаблон", расположенную справа вверху страницы.
Открылась страница создания шаблона, в том числе и симулятор экрана смартфона. Слева располагаются управляющие элементы, которые можно перетащить мышкой на экран смартфона, а затем отредактировать все необходимые параметры - расположение на экране телефона, размер, текст, загрузить изображения. Убедитесь, что Ваш шаблон отвечает всем вашим нуждам, поскольку добавить лишние элементы в готовое приложение уже не получится.
Доступные управляющие элементы:
- Кнопки
- Изображения/логотипы
- Надписи
- Меню
Мы начнем с создания простого шаблона. Кликните по черному полю симулятора для того, чтобы выбрать фон шаблона. Справа от симулятора расположена панель управления, где можно выбрать нужные параметры, например загрузить фоновое изображение. После того, как изображение загружено и отцентрировано нажмите кнопку "Применить", чтобы увидеть сделанные изменения изменения.
Дальше можно разместить в шаблоне изображение/логотип. Перетащите мышкой его из левого меню в симулятор. Изображение - почти то же самое, что и фон, однако оно занимает только часть экрана. Вы можете использовать его в качестве логотипа ил просто украшения. Кликните кнопку "Применить", чтобы увидеть внесенные изменения.
Перетащите в симулятор кнопку. Выберите ее позицию и размер, введите название в панели управления справа, там же, при необходимости загрузите картинку. Не забывайте нажимать кнопку "Применить", чтобы Ваши изменения сохранялись.
Вы можете сделать копию уже созданной кнопки или перетащить слева столько кнопок, сколько Вы хотите видеть в своем шаблоне.
Наконец, добавьте нижнее меню, которая позволяет разместить до 5 кнопок включительно внизу экрана. Вы можете ввести собственное название и выбрать иконку из предоставленного набора.
Когда создание шаблона закончено, нажмите кнопку "Сохранить", расположенную внизу экрана, заполните форму на следующей странице и еще раз нажмите на кнопку "Сохранить".
После завершения создания шаблона, Вы можете сразу же создать приложение, нажав на соответствующую кнопку. Если Вы хотите поделиться шаблоном с сообществом, то можно опубликовать шаблон на нашем маркете, бесплатно или установить интересующую Вас цену. Просто нажмите соответствующую кнопку, придумайте описание для Вашего шаблона и опубликуйте его.
Шаблон готов!