Веб-проекты: от идеи/заказа до реализации

Юхаранов Мурад

www.DJIGIT-conf.com

#djigit

Махачкала 2012

Два случая разработки

Работа на заказ Собственный проект

Этапы

1. Идея/заказ2. Выбор инструментов3. Создание прототипа4. Разработка5. Эксплуатация

Этап 1

1. Идея/заказ2. Выбор инструментов3. Создание прототипа4. Разработка5. Эксплуатация

Типы проектов

Картина на стене Рабочая лошадка

Сайт - цель Сайт - средство

Реальные проекты

Записывайте идеи

Крутое меню

Новая социальная сеть

Использование Яндекс.Карт

Интересная мысль

Удобная форма

Предложить сайт Дагестанский портал

Конструктор сайтов

Подключить чайник к Интернету

Обсуждайте идеи

с братом с коллегой

с людьми из других городовс теми кто с компьютером на «ты» и на «вы»

с другом

с детьми

Изучайте конкурентов

Не пытайтесь копировать чужие сайты, пользы это не принесет

Найдите особенность, которая будет вашим конкурентным преимуществом

В большинстве случаев достаточно сделать просто хороший сайт

Способы монетизации сайта

1. Реклама на сайте2. Интернет-магазин3. Интернет-сервис4. Размещение SEO-информации5. Продажа контента6. Пожертвования и краудфандинг

Этап 2

1. Идея/заказ

2. Выбор инструментов3. Создание прототипа4. Разработка5. Эксплуатация

Формы реализацииВеб-сайт Приложения для социальной сети

Мобильное приложение Программа для ПК

Приложения для социальной сети

Готовая база пользователейГотовая база связейГотовые средства оплатыГотовые площадки распространения - гостевая

Мобильное приложение

Мобильность и миниатюрность устройстваОперативность использованияTouch-интерфейсДоступ к мобильным услугам: GPS, 3G, GSM и т. п.Новизна рынка

Программы для ПК

Постепенно уступают место другим формам

Этап 3

1. Идея/заказ2. Выбор инструментов

3. Создание прототипа4. Разработка5. Эксплуатация

Функции прототипа

• Определяет состав и структуру страниц• Определяет систему навигации• Определяет порядок интерактива с

пользователем

Преимущества прототипа

• Готовый скелет сайта в помощь дизайнерам и программистам

Преимущества прототипа

• Готовый скелет сайта в помощь дизайнерам и программистам

• Выявление недочетов и несостыковок до этапа реализации

• Убежденность в правильности направления

Принципы прототипа

От общей картины - к деталямОт простого - к сложномуОт формы - к содержанию

Типичный продукт Apple

Типичный продукт Google

Наше приложение

Этап 4

1. Идея/заказ2. Выбор инструментов3. Создание прототипа

4. Разработка5. Эксплуатация

Готовые движки (CMS)

Блоги

Интернет-магазины

Сообщества

Плюсы и минусы движков

+ Скорость разработки+ Открытость- Небезопасность

Как выбрать движок

• Хорошая поддержка и сообщество• Удобная документация• Коллекция дополнений• Качество кода

Фреймворки

Плюсы и минусы фреймворков

+ Широкий круг задач+ Гибкость- Высокий порог входа

Интернет-сервисы

• Вход через социальные сети• Обратная связь• Комментирование• Сбор статистики• Интернет-магазин

Работа в команде

дизайнер

руководитель

программист

Копирайтер + сеошник

верстальщик

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

• От ввода некорректных данных• От элементарных угроз безопасности• На предсказуемое поведение• На приемлемую скорость выполнения

и затраты ресурсов сервера

Этап 5

1. Идея/заказ2. Выбор инструментов3. Создание прототипа4. Разработка

5. Эксплуатация

Причины доработки

• Невозможность все предусмотреть• Невозможность угадать поведение

посетителей• Развитие технологий и отношений