Основные определения, обозначения и сокращения 3
Введение 4
1. Постановка задачи 6
2. Сравнение элементов интерфейса 8
2.1 Сравнение навигационных элементов и панелей инструментов 8
2.2 Сравнение контейнерных элементов 10
2.3 Сравнение элементов форм 13
2.4 Сравнение интерактивных элементов 15
2.5 Сравнение цветовой палитры 17
3. Гайдлайн по адаптации мобильного интерфейса 18
3.1 Переход от iOS к Android 18
3.2 Переход от Android к iOS 19
4. Разработка приложения 21
4.1 Описание приложения 21
4.2 Обзор используемых технологий 22
4.3 Архитектура приложения 24
4.4 Разработка приложения 25
Заключение
Список использованных источников
Современная действительность все больше и больше тяготеет к использованию мобильных устройств, нежели ноутбуков или стационарных компьютеров. Этому есть много объяснений: они компактны, удобны, всегда под рукой, некоторые по техническим и функциональным характеристикам даже могут сравниться с ноутбуками. Кроме того, сенсорный экран и подключение к Wi-Fi сети или 3 G-интернету открывают много возможностей для пользователей и создателей мобильных приложений.
Категории мобильных приложений очень велики в своем многообразии и подходят практически под любую задачу - погода, новости, игры, книги, еда, спорт, навигация, бизнес, финансы, развлечения, социальные сети, покупки, здоровье и фитнес, музыка, фото, видео и другие. Но, к сожалению, существует также и некоторое разнообразие мобильных платформ, в следствие чего возникают трудности с распространением мобильного приложения на самые разные устройства. Конечно, любой заказчик или производитель мобильных приложений хочет охватить наибольшую аудиторию, которой оно может быть интересно. Поэтому возникает проблема дополнительных затрат времени, усилий и других ресурсов в процессе мультиплатформенной разработки.
Так как одно и то же приложение приходится разрабатывать под каждую мобильную платформу отдельно практически с нуля, то и UI- и UX- дизайнерам приходится создавать дизайн для каждой платформы, что отнимает большое количество времени всего проекта. Решением этой проблемы стала разработка системы, которая преобразует спроектированный интерфейс одной платформы в интерфейс другой платформы.
В качестве платформ, для которых требуется проектировать дизайн- макеты, были выбраны две наиболее широко распространенные и перспективные - iOS и Android. Согласно статистике, доля Android-устройств на рынке смартфонов на конец 2015 года составляет 82,8%, в то же время iOS- устройств достигает 13,9%, что в сумме составляет 96,7% всех устройств. Именно этим обоснован выбор вышеупомянутых платформ.
Таким образом, целями дипломной работы являются:
1. Сравнительный анализ элементов интерфейса обеих платформ.
2. Систематизация правил адаптации элементов дизайна мобильного приложения.
3. Разработка приложения, позволяющего создавать дизайн- макет мобильного приложения и конвертировать полученный интерфейс страницы в интерфейс другой платформы.
В ходе изучения вышеописанной проблемы подобных решений не было выявлено, однако существуют разнообразные конструкторы интерфейсов мобильных приложений для каждой из платформ и фреймворки с открытым исходным кодом и документацией, один из которых упростил разработку и используется приложения для адаптации сконструированного интерфейса.
В ходе выполнения дипломной работы были разработаны рекомендации по преобразованию мобильного интерфейса с платформы iOS на платформу Android, и наоборот, называемые гайдлайном, а также автоматизирован этот процесс. Результатом автоматизации стало веб-приложение, позволяющее упростить эту задачу, путем автоматизации процесса отрисовки графических элементов и конвертирования в интерфейс другой.
Это решение может значительно упростить работу дизайнерам и проектировщикам мобильных интерфейсов, несмотря на то, что перед использованием программы, нужно изучить, как она работает.
В процессе выполнения дипломной работы были решены следующие задачи:
1. Проанализированы элементы интерфейса обеих платформ.
2. Систематизированы правила адаптации элементов дизайна мобильного приложения.
3. Разработано приложение, позволяющее создавать дизайн-макет мобильного приложения и конвертировать полученный интерфейс страницы в интерфейс другой платформы.
Дальнейшее развитие приложения:
1. Введение новых элементов в приложение;
2. Упрощение логики;
3. Улучшение юзабилити пользовательского интерфейса, добавление других типов полей ввода для параметров;
4. Поддержка новых версий платформ iOS и Android.
