Upload
omar-valiev
View
2.588
Download
2
Embed Size (px)
Citation preview
Веб-проекты: от идеи/заказа до реализации
Юхаранов Мурад
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. Эксплуатация
Причины доработки
• Невозможность все предусмотреть• Невозможность угадать поведение
посетителей• Развитие технологий и отношений