Software engineering. Введение в специальность. Проектирование, требования

Разработка ПО
проектирование
Павел Егоров
@xoposhiy
pe@kontur.ru

Архитектура
Язык программирования, фреймворк,
технология, операционная система, …

Высокоуровневый дизайн
Разбиение на компоненты, интерфейсы,
протоколы взаимодействия

Детальный дизайн
Устройство и взаимодействие отдельных классов

Проектирование?
подготовка кода к изменениям
…к наиболее вероятным

Курс «Математический анализ»

Список литературы
1. Демидович Б.П. «Сборник задач по матану»
2. Ильин, Позняк «Основы матана»

Таблица успеваемости
Контрольная 1 Контрольная 2 Экзамен
Иванов 4 5 5
Петров — 3 3
Сидоров 5 — 4

Что тут думать? Делать надо!

Write("<html><body>");
Write("<h1>Курс "+GetCourseName(courseId)+"</h1>");
Write("<h2>Список литературы</h2>");
Write("<ol>");
foreach(var book in GetCourseBooks(courseId))
Write("<li>" + book + "</li>");
Write("</ol>");
Write("<h2>Таблица успеваемости</h2>");
...

Проектирование —
подготовка кода к изменениям
…к наиболее вероятным

Наиболее вероятные изменения?
Курс «Математический анализ»

Список литературы
1. Демидович Б.П. «Сборник задач по матану»
2. Ильин, Позняк «Основы матана»

Таблица успеваемости
Контрольная 1 Контрольная 2 Экзамен
Иванов 4 5 5
Петров — 3 3
Сидоров 5 — 4

Наиболее вероятные изменения?

• Другой стиль оформления
• Другие странички из списков, таблиц и
заголовков
• Другие форматы: *.txt, *. pdf, …
• Новые элементы: картинки, графики, …

Проблему осознали.
Как её решать?

Не знаешь что делать?
Отделяй логику от представления!

Заголовок документа <h1>…</h1>
Заголовок списка <h1>…</h1>
Список <ol> … </ol>
Заголовок таблицы <h1>…</h1>
Таблица <table>
<tr><td>…
</table>

Логика без представления
WriteBeginDocument();
WriteHeader("Курс " + courseName);
WriteHeader("Список литературы");
WriteList(booksList);
WriteHeader("Таблица успеваемости");
WriteTable(exams, students, marks);
WriteEndDocument();

Html → Text

Html → Text

Как подменять реализацию WriteXXXX?

ООП
Объект
— нечто, с чем можно взаимодействовать
— возможно, имеющее состояние

Нечто, умеющее создавать примитивы в
HTML: заголовки, списки, таблицы, …

ООП
Создать объект
writer = new HtmlDocumentWriter();

Совершить действия с объектом
writer.WriteHeader("Курс " + courseName);

Типы объектов объединяются в иерархии
HtmlDocumentWriter is a Writer
PdfDocumentWriter is a Writer

ООП
void WriteCourseDocument(DocumentWriter writer)
{
...
writer.WriteHeader("Список литературы");
writer.WriteList(booksList);
writer.WriteHeader("Таблица успеваемости");
writer.WriteTable(exams, students, marks);
}
WriteCourseDocument(new HtmlDocumentWriter());

И что получилось?

Появляются новые виды отчетов
void WriteCourseDocument(DocumentWriter writer)
{
...
writer.WriteHeader("Список литературы");
writer.WriteList(booksList);
writer.WriteHeader("Таблица успеваемости");
writer.WriteTable(exams, students, marks);
}

Появляются новые виды отчетов
void WriteFinanceDocument(DocumentWriter writer)
{
...
writer.WriteHeader("Наши финансы");
writer.WriteHeader("Потрачено");
writer.WriteList(expenses);
writer.WriteHeader("Заработано");
writer.WriteList(income);
}

Другие форматы: *.txt, *. pdf, …
WriteCourseDocument(new TextDocumentWriter());
WriteCourseDocument(new PdfDocumentWriter());
...

Новый формат — новый Writer.

Новые элементы:
картинки, графики, …
Новые методы DocumentWriter

writer.WritePlot(…)
writer.WriteImage(…)
...

Диаграма классов
FinanceReport
AbstractDocumentWriter
WriteTitle
WriteList
WriteTable
WriteImage
CourseReport

HtmlWriter PdfWriter
WriteTitle WriteTitle
WriteList WriteList
WriteTable WriteTable
WriteImage WriteImage

Мораль
1. Архитектура бывает объективно плохой.

2. Хорошая архитектура не требует сильно
больше усилий [при некотором опыте]

Круто!
Хочу быть проектировщиком!
1. Сначала стань хорошим программистом!
2. Нет! П.1 точно нельзя пропустить!
3. Читай, пробуй, думай

Читать?
Принципы SOLID (см. google.com)

Вопросы?

@xoposhiy
pe@kontur.ru
http://vk.com/kontur_edu

Software engineering. Введение в специальность. Проектирование, требования

Разработка ПО
требования
Павел Егоров
@xoposhiy
pe@kontur.ru

Стоимость разработки

Тестирование
30%

Подготовка
50%

Кодирование
20%

Как собирать
и фиксировать требования?
Joel Spolsky Функциональные спецификации малой кровью
Подкаст u http://habrahabr.ru/post/64608/

eng: http://www.scrumalliance.org/articles
rus: http://blog.scrumtrek.ru/

Доклады: http://www.req-labs.ru/

Как собирать
и фиксировать требования?

…500+ страниц каждая…

Самое простое
user-story

User Story
типичная история из жизни пользователя

После трудной недели, Петя проспал целых
20 часов.
Разлепив глаза, он открыл Твиттер и начал
читать накопившиеся за это время новости

Позиционировать в ленте на последнем
прочитанном сообщении

Прочитав непонятный ответ, Петя решил
перечитать всю беседу, чтобы вспомнить, о
чем речь

Загружать беседу сразу
при открытии твита

Увидев интересную ссылку, Петя решил
открыть ее в браузере.
Но из-за медленного интернета, оставив
браузер открывать ссылку, вернулся
обратно читать твиттер

Сделать кнопку
«Открыть в фоне» / «Прочитать позже»

Удачные User story помогают
формулировать требования

На что ещё годятся User Stories?

User Stories с приоритетами
— это и есть план!

Прогон user story
при тестировании помогает
вскрывать проблемы

При должном старании можно
сформулировать сотни User Stories!

«Эпик»
— цель пользователя

• Петя продвигает сайт через twitter
Для этого он фоловит, отвечает, ищет, пишет, ставит кнопки на сайт…
• Катя следит за жизнью супер-звезд
Для этого она читает, смотрит фотки, ходит по ссылкам

User Story
— важные жизненные истории,
вскрывающие требования
помогающие планировать
и тестировать

Обрастают детальными требованиями
и группируются в Эпики

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

Прототипирование
— быстрая проверка идеи

часто применяется при проектировании
пользовательских интерфейсов

Прототип на бумаге

Прототип на доске

Черновики в блокнотике

http://www.balsamiq.com/

Прототипирование интерфейса
вместе с потенциальным пользователем
Проверено, отлично работает!

Впрочем, не только с интерфейсами

Тестирование прототипа:
Найти потенциального пользователя
Подготовить “задачи”

Замечать все затруднения у пользователя!

Пример: http://www.youtube.com/watch?v=9wQkLthhHKA

Курс «Проектирование
пользовательских интерфейсов»
(СКБ Контур и Яндекс)

http://cripi.ru + следите за объявлениями!

С чего начать
«Дизайн пользовательского интерфейса» Влад Головач
«Не заставляйте меня думать» Стив Круг
«Психбольница в руках пациентов» Алан Купер

В сети
Фреш: новости мира юзабилити — http://fresh.gui.ru/
Советы Бюро Горбунова — http://artgorbunov.ru/bb/soviet/
Дизайн-собака — http://design.artgorbunov.ru/
Ководство — http://www.artlebedev.ru/kovodstvo/sections/

Software engineering. Введение в специальность. Проектирование, требования

More Related Content

What's hot (10)

Similar to Software engineering. Введение в специальность. Проектирование, требования (20)

More from Pavel Egorov (14)

Software engineering. Введение в специальность. Проектирование, требования