![](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_0.jpg)
![Программирование проектной работы Цель урока: Решать реальные жизненные задачи путем применения соответствующих методов решения](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_1.jpg)
Программирование проектной работы
Цель урока:
Решать реальные жизненные задачи путем применения соответствующих методов решения
![Критерии успеха Учащийся достиг цели обучения, если - Создать прототип проектной работы - Исследовать тему проектной работы](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_2.jpg)
Критерии успеха Учащийся достиг цели обучения, если
- Создать прототип проектной работы
- Исследовать тему проектной работы
![ТАКИЕ РАЗНЫЕ ПРОТОТИПЫ Анастасия Богдановская amado-id.ru «Интернет для бизнеса», 20 11 .](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_3.jpg)
ТАКИЕ РАЗНЫЕ ПРОТОТИПЫ
Анастасия Богдановская amado-id.ru «Интернет для бизнеса», 20 11 .
![ПРОТОТИП — ИНВЕСТИЦИИ В КАЧЕСТВО + 3 уровень + 2 уровень 1 уровень 0 уровень](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_4.jpg)
ПРОТОТИП — ИНВЕСТИЦИИ В КАЧЕСТВО
+
3 уровень
+
2 уровень
1 уровень
0 уровень
![](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_5.jpg)
![](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_6.jpg)
![](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_7.jpg)
![Благодаря прототипам заказчики могут](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_8.jpg)
Благодаря прототипам заказчики могут
- продумать размещение основных блоков;
- поэкспериментировать и продумать систему навигации;
- оценить собственные потребности;
- увидеть, что получится в итоге.
![РЕАЛЬНАЯ ЖИЗНЬ](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_9.jpg)
РЕАЛЬНАЯ ЖИЗНЬ
![РЕАЛЬНАЯ ЖИЗНЬ. ИДЕИ](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_10.jpg)
РЕАЛЬНАЯ ЖИЗНЬ.
ИДЕИ
![РЕАЛЬНАЯ ЖИЗНЬ. Проверяем](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_11.jpg)
РЕАЛЬНАЯ ЖИЗНЬ.
Проверяем
![РЕАЛЬНАЯ ЖИЗНЬ. Проверяем](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_12.jpg)
РЕАЛЬНАЯ ЖИЗНЬ.
Проверяем
![ПРОТОТИП НА СТАДИИ ГЕНЕРАЦИИ ИДЕЙ](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_13.jpg)
ПРОТОТИП НА СТАДИИ ГЕНЕРАЦИИ ИДЕЙ
- П озволяет получить реальные эмоции пользователя от найденной вами идеи.
- У част ие в процессе проверки дает ясное понимание того, что необходимо изменить.
- Можно сделать прототип до генерации идеи на стадии постановки задачи?
![ПРОТОТИП — ЭТО СНИЖЕНИЕ РИСКОВ Предварительные действия: выявить проблемы, запросы, цели, аудиторию, продумать понятную структуру Сложный товар: фурнитура и аксессуары. Сложно формализуемая структура каталога. Ненаглядность товара. Сложная целевая аудитория.](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_14.jpg)
ПРОТОТИП — ЭТО СНИЖЕНИЕ РИСКОВ
Предварительные действия:
выявить проблемы, запросы, цели, аудиторию, продумать понятную структуру
Сложный товар: фурнитура и аксессуары.
Сложно формализуемая структура каталога.
Ненаглядность товара.
Сложная целевая аудитория.
![ПРОТОТИП — ЭТО СНИЖЕНИЕ РИСКОВ](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_15.jpg)
ПРОТОТИП — ЭТО СНИЖЕНИЕ РИСКОВ
![ПРОТОТИП — ЭТО ВОЗМОЖНОСТЬ УВИДЕТЬ ПУТЬ ПОЛЬЗОВАТЕЛЯ](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_16.jpg)
ПРОТОТИП — ЭТО ВОЗМОЖНОСТЬ УВИДЕТЬ ПУТЬ ПОЛЬЗОВАТЕЛЯ
![ПРОТОТИП — ЭТО ВОЗМОЖНОСТЬ УВИДЕТЬ ПУТЬ ПОЛЬЗОВАТЕЛЯ](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_17.jpg)
ПРОТОТИП — ЭТО ВОЗМОЖНОСТЬ УВИДЕТЬ ПУТЬ ПОЛЬЗОВАТЕЛЯ
![УДОБСТВО — ЭТО ОБЪЕКТИВНОЕ ПОНЯТИЕ 1. Найти то, что нужно. 2. Сделать то, зачем пришел. 3. Затратить минимум усилий. 4. Не испытать отрицательных эмоций. 5. М огу легко рассказать об этом друзьям.](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_18.jpg)
УДОБСТВО — ЭТО ОБЪЕКТИВНОЕ ПОНЯТИЕ
1. Найти то, что нужно.
2. Сделать то, зачем пришел.
3. Затратить минимум усилий.
4. Не испытать отрицательных эмоций.
5. М огу легко рассказать об этом друзьям.
![](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_19.jpg)
![КТО ТАКОЙ НАШ ПОЛЬЗОВАТЕЛЬ работающие замужние женщины от 25 до 35 лет Меня зовут Виктория, и я из Перми. У меня нет мужа и детей, зато есть куча друзей и кошка. Живу с родителями. Мне 25 лет, и я занимаюсь много чем - учусь на социолога, работаю в семейном центре и организовываю всякие мероприятия. Мой день расписан до мелочей, так как приходится много успевать, веду активный образ, и сильно хочу жить самостоятельно.](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_20.jpg)
КТО ТАКОЙ НАШ ПОЛЬЗОВАТЕЛЬ
работающие замужние женщины от 25 до 35 лет
Меня зовут Виктория, и я из Перми. У меня нет мужа и детей, зато есть куча друзей и кошка. Живу с родителями. Мне 25 лет, и я занимаюсь много чем - учусь на социолога, работаю в семейном центре и организовываю всякие мероприятия. Мой день расписан до мелочей, так как приходится много успевать, веду активный образ, и сильно хочу жить самостоятельно.
![КОГДА ДЕЛАТЬ ПРОТОТИП? На этапе формулирования задачи — поиск вектора Средства: разыгрывается предполагаемый сценарий пользователя. Для разработки архитектуры-структуры сайта Средства: бумажный для быстрой проработки, магнитная доска, презентации, карточный метод. Для быстрой проверки генерируемых идей . Средства: бумажный, магнитная доска, интерактивная презентация.](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_21.jpg)
КОГДА ДЕЛАТЬ ПРОТОТИП?
На этапе формулирования задачи — поиск вектора
Средства: разыгрывается предполагаемый сценарий пользователя.
Для разработки архитектуры-структуры сайта
Средства: бумажный для быстрой проработки, магнитная доска, презентации, карточный метод.
Для быстрой проверки генерируемых идей .
Средства: бумажный, магнитная доска, интерактивная презентация.
![КОГДА ДЕЛАТЬ ПРОТОТИП? Для заблаговременного согласования проекта между заказчиком и менеджментом . Заказчику сложно понять «голое» ТЗ, тут уже поможет прототип. Средства: фотошоп или индизайн (модульные сетки), специальные программные средства для интерактивного прототипирования. Для работы над сложным проектом В случае работы большой команды, чтобы все участники понимали и видели проект. Средства: специальные программные средства для интерактивного прототипирования. Создается почти полная демо-версия сайта. Для исследования юзабилити Средства: фотошоп+специальные программные средства для интерактивного прототипирования.](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_22.jpg)
КОГДА ДЕЛАТЬ ПРОТОТИП?
Для заблаговременного согласования проекта между заказчиком и менеджментом .
Заказчику сложно понять «голое» ТЗ, тут уже поможет прототип.
Средства: фотошоп или индизайн (модульные сетки), специальные программные средства для интерактивного прототипирования.
Для работы над сложным проектом
В случае работы большой команды, чтобы все участники понимали и видели проект.
Средства: специальные программные средства для интерактивного прототипирования. Создается почти полная демо-версия сайта.
Для исследования юзабилити
Средства: фотошоп+специальные программные средства для интерактивного прототипирования.
![](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_23.jpg)
![](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_24.jpg)
![](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_25.jpg)
![ДЕЛАТЬ ЛИ ПРОТОТИП ЦЕЛИКОМ?](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_26.jpg)
ДЕЛАТЬ ЛИ ПРОТОТИП ЦЕЛИКОМ?
- Для всего сайта делать прототип не обязательно.
- Можно обойтись только сложными участками или сервисами.
- Можно обойтись только главным путем пользователя.
- Пользуйтесь разными типами прототипов – бумажные, разыгрывание сценариев, магнитная доска.
![ПРОТОТИП – ЭТО НЕОБХОДИМОСТЬ? Да! Это ваши инвестиции в качество. Возможность снизить риски. Поучиться на ошибках еще до того как начал работу реальный проект. Способ внести ясность в работу сервиса любой сложности Самые дорогие ошибки - это ошибки, допущенные в начале проекта, так как именно на начальных этапах принимаются наиболее важные решения.](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_27.jpg)
ПРОТОТИП – ЭТО НЕОБХОДИМОСТЬ?
- Да! Это ваши инвестиции в качество.
- Возможность снизить риски.
- Поучиться на ошибках еще до того как начал работу реальный проект.
- Способ внести ясность в работу сервиса любой сложности
Самые дорогие ошибки - это ошибки, допущенные в начале проекта, так как именно на начальных этапах принимаются наиболее важные решения.
![ПРОТОТИП – ПРЕИМУЩЕСТВО И НЕДОСТАТКИ “ +”: уменьшение времени, стоимости, рисков; вовлечение пользователя в процесс разработки; “ -”: недостаточный анализ; смешение прототипа и готовой системы в представлении пользователей; чрезмерное время на создание прототипа.](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_28.jpg)
ПРОТОТИП – ПРЕИМУЩЕСТВО И НЕДОСТАТКИ
“ +”:
уменьшение времени, стоимости, рисков;
вовлечение пользователя в процесс разработки;
“ -”:
недостаточный анализ;
смешение прототипа и готовой системы в представлении пользователей;
чрезмерное время на создание прототипа.
![Примеры online-сред для осуществления прототипирования MockFlow : http://mockflow.com/ Moqups : https://moqups.com/ Mockingbird : https://gomockingbird.com/mockingbird/ Wireframe : https://wireframe.cc/ Ninjamock :http://ninjamock.com/](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_29.jpg)
Примеры online-сред для осуществления прототипирования
MockFlow : http://mockflow.com/
Moqups : https://moqups.com/
Mockingbird : https://gomockingbird.com/mockingbird/
Wireframe : https://wireframe.cc/
Ninjamock :http://ninjamock.com/
![Групповая работа Создать и презентовать прототип для: 1. онлайн бронирования гостиничных номеров 2. интернет магазина цифровой техники 3. электронной системы обучения по предмету география При этом необходимо показать пользователям:](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_30.jpg)
Групповая работа
Создать и презентовать прототип для:
1. онлайн бронирования гостиничных номеров
2. интернет магазина цифровой техники
3. электронной системы обучения по предмету география
При этом необходимо показать пользователям:
- Пользовательский интерфейс с обратной связью;
- Проект, снабжённый ссылками, которые описывают функциональность проекта;
- Псевдокоды и/или блок-схемы, которые описывают основные компоненты программирования проекта;
- Фиксировать отзывы и предпочтения пользователей, и на их основе внести изменения.
![Индивидуальная работа Создать прототип проектной деятельности](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_31.jpg)
Индивидуальная работа
Создать прототип проектной деятельности
![Рефлексия «Комплимент».](http://fsd.intolimp.org/html/2017/02/02/i_589295af16147/img_phpM1bA58_prototipirovanie_11_klass_32.jpg)
Рефлексия
«Комплимент».