Веб-проект от идеи до запуска
DESCRIPTION
В докладе описан процесс создания доклада от проработки идеи, через наброски и прототип к запуску готового решения.TRANSCRIPT
Веб-проект от идеи до запускаПридумал, разработал, запустил!
Гайдар МагдануровMicrosoft
[email protected]/gaidar
Знаете ли вы…
сколько зубов у улитки?
У улитки 25 тысяч зубов.
Знаете ли вы…
с какой максимальной скоростью бегают полярные медведи?
Полярные медведи бегают со скоростью до 40 км/ч.
Знаете ли вы…
какая может быть минимальная температура крови у рыб?
У рыб Антарктиды до -1.7oC
О чем этот доклад? О том, как развить идею
Разработать концепцию Придумать дизайн
Создать прототип Разработать решение
• Запустить проект
Этапы проекта
Идея и концепция
Интерфейсы и взаимодействи
е
Техническое задание
Дизайн и верстка
Прототип и тестирование
Проработка идеи Лучший инструмент - Mind Map Проработка ключевых компонентов
Решаемая задача Монетизация
Цели и задачи проекта Аудитория и потребности Контент и представление
Инструменты Клейкие бумажки XMind, FreeMind, Visio
Проработка идеи Любая идея годится для креатива «Декомпозиция невозможного»
Концепция Документ с описанием концепции
Никаких технических решений Никаких интерфейсных решений Документ о бизнес-процессах и результатах
Максимально простые форматы документов Word, PowerPoint Краткий текст («elevator pitch») Описание задач («зачем?») Описание решений («что?») Описание ресурсов («как?»)
Управление проектом Планирование, планирование и еще раз
планирование! Задачи, сроки, исполнители, ресурсы, метрики
успеха. Задачи включают – планирование,
проектирование, разработку и дизайн Типы систем управления проектом
Списки задач Wiki Баг-трекинг Совместная работа Отслеживание времени
Управление проектомСписки задач
Excel
Project
Управление проектом Wiki
Приложение PBwiki
Приложение trac
Управление проектом Баг-трекинг
Приложение 16bugs
Приложение JIRA
Управление проектом Совместная работа
Сервис DimDim
Приложение activeCollab
Управление проектом Отслеживание времени
Приложение Redmine
Сервис LiveTimer
Интерфейсы Наброски, скетчи, рисунки Карта сайта Схема взаимодействий
Инструменты Бумага Любой векторный графический редактор Специализированный инструмент
ИнтерфейсыЗаготовки и схемы
Visio
Mockingbird
Интерфейсы и взаимодействиеПрототипы взаимодействий
Expression Blend 4 + Sketch Flow
Mockflow
Дизайн Графические файлы для нарезки Растр для верстки Разрешение экрана Цветовая схема Разные форм-факторы
Инструменты Любой графический редактор Желательно иметь возможнось автоматической
«нарезки», как например, у Adobe Photoshop
Верстка Набор HTML шаблонов страниц и активных
элементов Заготовка верстки для Ajax блоков Поддержка популярных браузеров
Инструменты Expresion Web, Visual Studio Modernizr для HTML5 W3C Validator для проверки разметки jQuery для клиентских компонентов
Прототип Выбор технологий
ASP.NET WebForms / MVC Framework / WebPages ?
Процесс разработки Методология
Управление командой Мотивация сотрудников Разрешение конфликтов
Тестирование Нагрузочное тестирование Тестирование безопасности
Процесс разработки Короткий цикл обратной связи (Fine scale feedback)
Разработка через тестирование (Test driven development) Игра в планирование (Planning game) Заказчик всегда рядом (Whole team, Onsite customer) Парное программирование (Pair programming)
Непрерывный, а не пакетный процесс Непрерывная интеграция (Continuous Integration) Рефакторинг (Design Improvement, Refactor) Частые небольшие релизы (Small Releases)
Понимание, разделяемое всеми Простота (Simple design) Метафора системы (System metaphor) Коллективное владение кодом (Collective code ownership) или выбранными
шаблонами проектирования (Collective patterns ownership) Стандарт кодирования (Coding standard or Coding conventions)
Социальная защищенность программиста (Programmer welfare): 40-часовая рабочая неделя (Sustainable pace, Forty hour week)
Тестирование Список средств - SoftwareQATest.com
Инструментов много, они разные – нужно выбирать тот, который знаком, который рекомендуют и который подходит под конкретную задачу
Нагрузочные тесты вVisual Studio Test Edition
Анализ безопасностиRetina Web Security Scanner
Этапы проекта
Идея и концепция
Интерфейсы и взаимодействи
е
Техническое задание
Дизайн и верстка
Прототип и тестирование
Обратная связь
Ваше мнение очень важно для нас. Пожалуйста, оцените доклад, заполните анкету и сдайте ее при выходе из зала
Спасибо!
Вопросы WD 501 Гайдар Магдануров
Руководитель направления веб-технологий [email protected] blogs.msdn.com/gaidar
Вы сможете задать вопросы докладчику в зоне «Спроси эксперта» в течение часа после завершения этого доклада