Юхаранов Мурад - web-проекты от идеи/заказа до...
-
Upload
omar-valiev -
Category
Documents
-
view
2.594 -
download
2
Transcript of Юхаранов Мурад - web-проекты от идеи/заказа до...
![Page 1: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/1.jpg)
Веб-проекты: от идеи/заказа до реализации
Юхаранов Мурад
www.DJIGIT-conf.com
#djigit
Махачкала 2012
![Page 2: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/2.jpg)
Два случая разработки
Работа на заказ Собственный проект
![Page 3: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/3.jpg)
Этапы
1. Идея/заказ2. Выбор инструментов3. Создание прототипа4. Разработка5. Эксплуатация
![Page 4: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/4.jpg)
Этап 1
1. Идея/заказ2. Выбор инструментов3. Создание прототипа4. Разработка5. Эксплуатация
![Page 5: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/5.jpg)
Типы проектов
Картина на стене Рабочая лошадка
Сайт - цель Сайт - средство
![Page 6: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/6.jpg)
Реальные проекты
![Page 7: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/7.jpg)
Записывайте идеи
Крутое меню
Новая социальная сеть
Использование Яндекс.Карт
Интересная мысль
Удобная форма
Предложить сайт Дагестанский портал
Конструктор сайтов
Подключить чайник к Интернету
![Page 8: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/8.jpg)
Обсуждайте идеи
с братом с коллегой
с людьми из других городовс теми кто с компьютером на «ты» и на «вы»
с другом
с детьми
![Page 9: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/9.jpg)
Изучайте конкурентов
Не пытайтесь копировать чужие сайты, пользы это не принесет
Найдите особенность, которая будет вашим конкурентным преимуществом
В большинстве случаев достаточно сделать просто хороший сайт
![Page 10: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/10.jpg)
Способы монетизации сайта
1. Реклама на сайте2. Интернет-магазин3. Интернет-сервис4. Размещение SEO-информации5. Продажа контента6. Пожертвования и краудфандинг
![Page 11: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/11.jpg)
Этап 2
1. Идея/заказ
2. Выбор инструментов3. Создание прототипа4. Разработка5. Эксплуатация
![Page 12: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/12.jpg)
Формы реализацииВеб-сайт Приложения для социальной сети
Мобильное приложение Программа для ПК
![Page 13: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/13.jpg)
Приложения для социальной сети
Готовая база пользователейГотовая база связейГотовые средства оплатыГотовые площадки распространения - гостевая
![Page 14: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/14.jpg)
Мобильное приложение
Мобильность и миниатюрность устройстваОперативность использованияTouch-интерфейсДоступ к мобильным услугам: GPS, 3G, GSM и т. п.Новизна рынка
![Page 15: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/15.jpg)
Программы для ПК
Постепенно уступают место другим формам
![Page 16: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/16.jpg)
Этап 3
1. Идея/заказ2. Выбор инструментов
3. Создание прототипа4. Разработка5. Эксплуатация
![Page 17: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/17.jpg)
![Page 18: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/18.jpg)
![Page 19: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/19.jpg)
![Page 20: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/20.jpg)
![Page 21: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/21.jpg)
Функции прототипа
• Определяет состав и структуру страниц• Определяет систему навигации• Определяет порядок интерактива с
пользователем
![Page 22: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/22.jpg)
Преимущества прототипа
• Готовый скелет сайта в помощь дизайнерам и программистам
![Page 23: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/23.jpg)
![Page 24: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/24.jpg)
![Page 25: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/25.jpg)
Преимущества прототипа
• Готовый скелет сайта в помощь дизайнерам и программистам
• Выявление недочетов и несостыковок до этапа реализации
• Убежденность в правильности направления
![Page 26: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/26.jpg)
![Page 27: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/27.jpg)
![Page 28: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/28.jpg)
Принципы прототипа
От общей картины - к деталямОт простого - к сложномуОт формы - к содержанию
![Page 29: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/29.jpg)
Типичный продукт Apple
![Page 30: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/30.jpg)
Типичный продукт Google
![Page 31: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/31.jpg)
Наше приложение
![Page 32: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/32.jpg)
Этап 4
1. Идея/заказ2. Выбор инструментов3. Создание прототипа
4. Разработка5. Эксплуатация
![Page 33: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/33.jpg)
Готовые движки (CMS)
Блоги
Интернет-магазины
Сообщества
![Page 34: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/34.jpg)
Плюсы и минусы движков
+ Скорость разработки+ Открытость- Небезопасность
![Page 35: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/35.jpg)
Как выбрать движок
• Хорошая поддержка и сообщество• Удобная документация• Коллекция дополнений• Качество кода
![Page 36: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/36.jpg)
Фреймворки
![Page 37: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/37.jpg)
Плюсы и минусы фреймворков
+ Широкий круг задач+ Гибкость- Высокий порог входа
![Page 38: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/38.jpg)
Интернет-сервисы
• Вход через социальные сети• Обратная связь• Комментирование• Сбор статистики• Интернет-магазин
![Page 39: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/39.jpg)
Работа в команде
дизайнер
руководитель
программист
Копирайтер + сеошник
верстальщик
![Page 40: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/40.jpg)
Тестирование
• От ввода некорректных данных• От элементарных угроз безопасности• На предсказуемое поведение• На приемлемую скорость выполнения
и затраты ресурсов сервера
![Page 41: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/41.jpg)
Этап 5
1. Идея/заказ2. Выбор инструментов3. Создание прототипа4. Разработка
5. Эксплуатация
![Page 42: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/42.jpg)
Причины доработки
• Невозможность все предусмотреть• Невозможность угадать поведение
посетителей• Развитие технологий и отношений
![Page 43: Юхаранов Мурад - web-проекты от идеи/заказа до реализации](https://reader038.fdocuments.net/reader038/viewer/2022102903/55b26d97bb61eb8d598b45b8/html5/thumbnails/43.jpg)