Чат поддержки

Практикум
Привет! Это поддержка Практикума 👋 Если что-то не получается — постараемся помочь. Пишите в чат или выберите другой способ связи

пт, 2 декабряв 17:21

Мы уже начали заниматься вашим вопросом, ответим в ближайшее время

Практикум

Здравствуйте!

Поддержка не сможет помочь с вопросами, связанными с теорией или задачам из курса «Системный аналитик» — в этой ситуации рекомендуем вам обратиться к вашему преподавателю в чате в Slack.

Если же у вас возникнут иные вопросы — обязательно пишите, будем рады помочь :)

17:24

Выбрать способ связи

Поменять когорту

Перейти в профиль

Выйти из профиля

Добавить аккаунт

Дипломный проект

спринт Дипломный проект

Разработка требований к приложению

4/4

Описание дипломного проекта

Интервью с заказчиком

Интервью с пользователями

Разработка требований к приложению

Разработка прототипа

3/3

Описание второй части дипломного проекта

Разработка прототипа

Видео-защита дипломного проекта

Заключение

1/2

Пригласить друзей

Разработка прототипа

Даня

Кажется, есть проблема с прототипом! 🙃

Полина

Что такое?

Даня

Нам, наверное, понадобятся всякие элементы графические для прототипа, шрифты… А я совсем не умею рисовать 😭

Полина

Всё ок! Игорь уже подготовил для нас дизайн-систему!

К разработке прототипа

Вам предстоит разработать прототип приложения Stets Home в Figma. Дизайнер уже подготовил дизайн-систему, элементы которой нужно использовать в прототипе.

Что входит в дизайн-систему

Самой простой дизайн-системой можно назвать набор UI-kit + цвета + шрифты.

UI-kit — это набор стандартных элементов экрана, которые часто встречаются в приложении. Из них, как из конструктора, можно собирать новые экраны.

В файле с дизайн-системой вы найдёте заготовки элементов, цвета и ссылки на шрифты, которые необходимо использовать в прототипе.

Преимущество использования дизайн-системы заключается в использовании мастер-компонентов. При изменении мастер-компонента в дизайн-системе изменяются все его копии. При изменении стандартного цвета (стиля) меняется цвет всех объектов, где он применён.

Подготовка к работе

Авторизуйтесь в программе Figma. Аккаунт для этой программы вы уже создавали в спринте «Проектирование интерфейсов».

Перейдите по ссылке в файл с дизайн-системой. Создайте его копию, чтобы получить доступ к редактированию. Для этого:

нажмите на треугольник рядом с названием файла в верхней панели;

выберите пункт Duplicate to your drafts;

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

В открывшемся файле создайте новую страницу и назовите её «Прототип приложения Stets Home». Эта страница будет вашим рабочим пространством.

Скопируйте необходимые элементы дизайн-системы в рабочее пространство.

Разработка прототипа

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

Используя элементы дизайн-системы, соберите экранные формы (вайрфреймы) для каждой функции.

Рекомендуем выбрать для всех экранов размер фрейма iPhone 13 mini 375 х 812.

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

Вайрфреймы и переходы в раскадровке можно сопроводить коротким текстом, который позволяет понять контекст.

Рекомендация:

Проведите небольшой анализ рынка приложений для умного дома, чтобы найти удачные решения для реализации. Изучите приложения основных конкурентов Stets. Например, Google Home, Apple Home.

Задание со *

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

Если хотите выполнить это задание, в тренировочном файле вы найдёте инструкции и несколько заданий для знакомства с этой функциональностью Figma.

Чтобы выполнить задания в тренировочном файле, создайте его копию.

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

Когда прототип готов

Когда прототип будет готов, нажмите на Share («Поделиться») в Figma. В открывшемся окне выставите опцию Can view («Может просматривать») и нажмите на Copy link («Скопировать ссылку»).

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

Когда прототип будет готов, переходите к разработке ПМИ, а затем — к подготовке к видео.

К следующему уроку

Курсы

Вводный модуль

Понимание профессии системного аналитика

Разработка требований

Проект 1. Спецификация требований ко второму релизу Chatty

SQL для аналитиков

Моделирование данных

Проект 2. Моделирование данных и работа с базой данных интернет-магазина «Накарабине»

Моделирование процессов

Пользовательские интерфейсы

Agile-практики

Проект 3. Бэклог приложения для сети клиник «Вита»

Трудоустройство

Архитектура системы

Программные интерфейсы

Проект 4

Реализация системы

Поддержка, обслуживание и оценка результатов

Дипломный проект

Дополнительные материалы

x