Доклад на конференции djigit 2012 г.

1. Веб-проекты: от идеи/заказа
до реализации
Юхаранов Мурад
#djigit
www.DJIGIT-conf.com Махачкала 2012

2. Два случая разработки
Работа на заказ Собственный проект

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

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

5. Типы проектов
Картина на стене Рабочая лошадка
Сайт - цель Сайт - средство

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

7. Записывайте идеи
Удобная форма Использование Яндекс.Карт
Предложить сайт Дагестанский портал
Крутое меню
Конструктор сайтов
Интересная мысль
Подключить чайник к
Новая социальная сеть
Интернету

8. Обсуждайте идеи
с братом с коллегой
с другом
с детьми
с теми кто с компьютером на с людьми из других городов
«ты» и на «вы»

9. Изучайте конкурентов
Не пытайтесь копировать чужие сайты,
пользы это не принесет
Найдите особенность, которая будет
вашим конкурентным преимуществом
В большинстве случаев достаточно
сделать просто хороший сайт

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

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

12. Формы реализации
Веб-сайт Приложения для социальной сети
Мобильное приложение Программа для ПК

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

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

15. Программы для ПК
Постепенно уступают место другим
формам

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

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

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

25. Преимущества прототипа
• Готовый скелет сайта в помощь
дизайнерам и программистам
• Выявление недочетов и несостыковок
до этапа реализации
• Убежденность в правильности
направления

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

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

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

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

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

33. Готовые движки (CMS)
Блоги Сообщества
Интернет-магазины

34. Плюсы и минусы движков
+ Скорость разработки
+ Открытость
- Небезопасность

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

36. Фреймворки

37. Плюсы и минусы фреймворков
+ Широкий круг задач
+ Гибкость
- Высокий порог входа

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

39. Работа в команде
верстальщик Копирайтер +
сеошник
программист дизайнер
руководитель

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

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

42. Причины доработки
• Невозможность все предусмотреть
• Невозможность угадать поведение
посетителей
• Развитие технологий и отношений