site dev 1
DESCRIPTION
Разработка сайтовTRANSCRIPT
![Page 1: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/1.jpg)
Создание проектов в интернет. Разработка сайтов. Лекция 1.
Докладчик: Калимуллин К.Г.Генеральный директор ООО «Группа Компаний ИТМ»
http://www.itmcompany.ru/
![Page 2: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/2.jpg)
Чему посвящен курс?1. Рассказать как делаются проекты в WEB.2. Рассказать как правильно избежать рисков
при создании проектов в интернет.3. Дать правильные ориентиры для тех, кто
хочет что-то делать в интернет-среде как специалист.
![Page 3: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/3.jpg)
Чего НЕ будет на курсе?1. Дизайна.2. Верстки.3. Программирования.4. Интернет-маркетинга.
В деталях…Только подходы…
![Page 4: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/4.jpg)
С чего начинается Родина разработка сайта?
![Page 5: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/5.jpg)
С картинок в твоём Букваре картинок проекта.
![Page 6: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/6.jpg)
![Page 7: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/7.jpg)
С хороших и верных товарищей, живущих в нашем
дворе.В общем с команды.
![Page 8: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/8.jpg)
![Page 9: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/9.jpg)
Всё
![Page 10: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/10.jpg)
Итак, Букварь это -1. Четко выявленные требования к сайту у
клиента2. Четко написанное Техническое Задание к
проекту.3. Подписанный договор4. Правильно-подобранные и оформленные
картинки(документация) внутри рабочей группы.
![Page 11: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/11.jpg)
Буква А.Документ «Требование к проекту»
Или … А что вообще надо?...
Содержит в себе базовое представление о том, что хочет клиент.
1-2 странички текста.
![Page 12: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/12.jpg)
Пример документа «Требования к проекту»
Требования к проекту «Мой Дом».Необходимо создать проект, основной задачей которого будет обеспечение информационного
пространства, касаемого жилищно-коммунального хозяйства одного из домов.
С этой целью предлагается создать интернет-проект:Возможности (требования) интернет-проекта:
…
![Page 13: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/13.jpg)
Буква Б.Документ «Техническое задание»
Бриф и всё такое.
Содержит в себе детальное описание того, что будет делаться в рамках проекта и как.
От 10 до сотен страниц текста, графиков, схем.
![Page 14: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/14.jpg)
С чего начинается Техническое Задание?
1. С требований к проекту (Буква А)2. С Брифа клиента (если таковой имеется).
![Page 15: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/15.jpg)
Зачем нужен бриф?
1. Снять все противоречия в понимании проекта.
2. Иметь документ, который может остановить заказчика в погоне за «Самым лучшим проектом в мире».
![Page 16: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/16.jpg)
Пример брифа?Контактная информацияНазвание компанииАдрес текущего сайта(если есть)Контактное лицоКонтактная информацияОбщая информацияСфера деятельности компанииОсновные характеристики товаров и услугГеография реализации товаров, услугЦелевая аудитория (предполагаемые посетители сайта)Тип сайта (Визитка/Корпоративный/Корпоративный с каталогом продукции/Интернет-
![Page 17: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/17.jpg)
Что должно быть в ТЗ?
1. Вид и название работ Разработка интернет-сайта «У Машеньки».
2. Описание объекта разработкиКомплекс программного обеспечения, позволяющего…3. Цель работы и основное практическое назначение планируемых результатов:Цель 1.Создание интернет-сервиса…
![Page 18: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/18.jpg)
Что должно быть в ТЗ?
4. Область применения планируемых результатов:Создание нового интернет-сервиса,
расположенной в глобальной сети Интернет.5. Программа выполнения работ, конкретные технико-экономические показатели, параметры и характеристики объекта разработки:Этап 1.… Этап 2…
![Page 19: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/19.jpg)
Что должно быть в ТЗ в п.5?
В п.5 Вы должны четко ответить на вопросы:Что Вы делаете? (какие функции должны отработать в системе, для каких пользователей)Как Вы делаете? (Как это будет выглядеть, куда, какие данные и как будут перемещатся).
![Page 20: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/20.jpg)
Что должно быть в ТЗ?
6. Порядок приемки работБудем сдавать работу по-этапно.
7. Перечень научной, технической и другой документации, подлежащей оформлению и сдаче:
Не предусмотрено.8. Обучение:Исполнитель обязуется предоставить 2 часа бесплатных консультаций
![Page 21: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/21.jpg)
Что должно быть в ТЗ?
9. Технические требованияПри разработке Интернет проекта будут использованы технологии...10. Требования к дизайну(очень важно для сайтов):Тут идёт бриф на дизайн сайта.11. Дополнительная информация:Дайте логотип и фирменный стиль…
![Page 22: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/22.jpg)
Чего НЕ должно быть в ТЗ?
1. Не четкие формулировки, типа «Ну мы потом решим как это будет сделано».
2. Юридические фразы, касающиеся взаимоотношений - это уже договор.
3. Смета(стоимость работ) - это уже договор.
![Page 23: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/23.jpg)
Пример ТЗ
См. файл.
![Page 24: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/24.jpg)
Буква В.3. Документ «Договор»Вот – начало работ.
Содержит в себе все права и обязанности сторон в рамках выполнения работ.
![Page 25: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/25.jpg)
Договор включает в себя
1. Основную часть(с условиями) – Тело договора.
2. Приложения №1 – Техническая задание (Что и как делаем?)
3. Приложение №2 – Смета проекта
![Page 26: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/26.jpg)
Договор подписан - работаем
1. Хоть какая-то гарантия, что Вам заплатят за работу)
2. Хоть какая-то гарантия, что Вы не будете делать 2-3 проекта вместо одного.
![Page 27: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/27.jpg)
Риски формирования А,Б,В
1. Давайте Сразу Г, а потом В для бухгалтерии сделаем, а Б по-ходу сформируем. Зачем вообще А нужно?
Клиент хочет всё наоборот, потому что ему так удобно.
Поверьте – 50% проблем в проектах из-за этого.
Остальные из-за команды…
![Page 28: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/28.jpg)
Риски формирования А,Б,В
2. Давайте всю работу разом сделаем и сдадим и все деньги получим.
Делайте работу поэтапно.
![Page 29: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/29.jpg)
Риски формирования А,Б,В
3. Умейте говорить «НЕТ».
Вы выполняете работу в рамках проекта.Слово «НЕТ» – это нормальный ответ на вопрос
клиента – «Сделайте еще вот это… Это же несложно»
Продолжение – это будет стоить …
![Page 30: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/30.jpg)
Риски формирования А,Б,В
4. Умейте говорить «А, Б, В».
Умейте объяснять клиенту, что это такой же цикл как и при строительстве дома.
Нельзя построить фундамент после возведения стен на земле.
Иногда можно, но стоит это намного дороже.
![Page 31: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/31.jpg)
Что дальше?
![Page 32: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/32.jpg)
Разделяй и властвуй!
![Page 33: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/33.jpg)
Разделяй №1Схема разработки №1.
Дизайнер-ПрограммистКоманда из двух человек.
![Page 34: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/34.jpg)
Разделяй №2Схема разработки №2.
Менеджер – Дизайнер - ПрограммистКоманда из трех человек.
![Page 35: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/35.jpg)
Разделяй №3Схема разработки №3.
Менеджер – Дизайнер – Верстальщик –Программист – Человек на контенте.
Команда из 5 человек.
![Page 36: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/36.jpg)
Разделяй №4Схема разработки №3.
МенеджерДизайнер(+профильные дизайнер) Верстальщик Программист(интегратор) Программист(разработчик)Человек на контенте.Тестер
Команда от 6 человек.
![Page 37: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/37.jpg)
Властвуй!1. Определись с принципом разделения2. Выбери правильную тактику разработки
дизайна.3. Выбери правильную платформу для
интеграции твоего проекта.4. Контролируй процесс
![Page 38: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/38.jpg)
Выбор системы управления(CMS)!
На что смотрим при выборе:1. Требования (смотрим на букву А)2. Техническое задание (смотрим на букву Б)3. Договор в часте сроков и цены (смотрим на
букву В)4. Кто будет интегрировать?5. Как будет развиваться проект в будущем?
![Page 39: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/39.jpg)
Варианты с CMS1. Бесплатные CMS
Плюсы: БесплатноМинусы: Нет поддержки
2. Платные CMSПлюсы: Есть поддержка, правят
глюки.Минусы: Стоит денег.
3. Специализированные интернет-продукты.Плюсы: 95% написанного
функционала, есть поддержка, правят глюки.
Минусы: Стоит больших денег.
![Page 40: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/40.jpg)
![Page 41: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/41.jpg)
Выбор всегда за Вами!
![Page 42: Site dev 1](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557ee7bfd8b42a331d8b51e7/html5/thumbnails/42.jpg)
Спасибо за внимание!Задавайте вопросы!
Контакты:@buxler
Vk.com/buxlerFacebook.com/k.kalimullin