Результаты разработки мобильного приложения «LinioSpace»

Запуск мобильного приложения «LinioSpace»

В данном разделе запустим разработанное приложение «LinioSpace», рассмотрим все существующие функции, проанализируем его работу через мобильное устройство iPhone 6. Важно отметить, что Xcode позволяет тестировать приложения через симулятор, но было принято решение осуществить тестирование на реальном устройстве.

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

Рисунок 48.

На рисунке 49 представлен скриншот с приветственной страницей. Когда пользователь впервые входит в приложение, ему предоставляется информация о данном сервисе. Из приветственного экрана можем увидеть какие функции доступны. Пользователь может просматривать фотографии, через существующий список, может создавать заметки, может делиться контентом с друзьями, может просматривать актуальную карту Московского метрополитена.

Рисунок 49.

На рисунке 50 представлен следующий приветственный экран. После нажатия на кнопку запуск, пользователь сможет начать использовать приложение.

Рисунок 50.

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

На рисунке 52 представлена страница с добавлением новой заметки. Пользователь должен указать город, название станции, дополнительную информацию и добавить фотографию к заметке.

Рисунок 52.

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

Рисунок 53.

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

Рисунок 54.

На рисунке 55 представлен скриншот со страницей подробной информации по заметке. Если пользователь введет много дополнительных данных по станции, то просмотреть данную информацию можно будет с помощью страницы с подробной информацией.

Рисунок 55.

На рисунке 56 представлена страница с заполненными заметками метро по разным городам мира.

Рисунок 56.

На рисунке 57 представлены результаты поиска по букве «L». Пользователь сможет найти в большом списке заметок необходимые для него данные.

Рисунок 57.

На рисунке 58 представлены функция удаления и возможность делиться контентом с друзьями через социальные сети.

Рисунок 58.

На рисунке 59 представлена страница с предварительным просмотром и редактированием информации к публикации в социальной сети Facebook.

На рисунке 60 представлена страница со списком станций Московского метрополитена.

Рисунок 60.

На рисунке 61 представлена страница с картой Московского метрополитена.

Рисунок 61.

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

Рисунок 62.

На рисунке 63 представлена страница с информацией о приложении и о проекте «Разработка базы данных городской транспортной системы».

Рисунок 63.

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

Рисунок 64.

В данном разделе работы было рассмотрено приложение «LinioSpace». Проведен обзор всех страниц приложения, проанализированы все функции приложения, приведены скриншоты страниц и представлено соответствующее описание по каждому рисунку.