Создание современного новостного сайта, с постоянным наполнением контентом

1.

Новостной ресурс
“The First Article”
Название команды: “Балдежные капибары”
Авторы:
Максим Ваваев (Тим-Лид)
Андрей Боев (Главный программист)
Андрей Рыковский (Тестировщик)
Эмиль Халилулин (Редактор)
Егор Грошев (Дизайнер)
студенты группы - Группа
ГБОУ ОК «ЮГО-ЗАПАД»
ОБРАЗОВАТЕЛЬНЫЙ КОМПЛЕКС
«ЮГО-ЗАПАД»
Руководитель проекта: Марюнин Сергей Николаевич
2023 год

2.

Аннотация
Идея проекта
Создание современного новостного сайта, с постоянным наполнением контентом и
адаптация его под мобильные и стационарные девайсы.
Актуальность
Наличие интернет-новостного сайта очень актуально и важно в современную
цифровую эпоху. Он обеспечивает пользователя новейшей информацией, так-же
удовлетворяет потребность в развлечении.
Наш проект решает проблему доступности информации и развлечение конечного
пользователя.
ОБРАЗОВАТЕЛЬНЫЙ КОМПЛЕКС
«ЮГО-ЗАПАД»

3.

Аннотация
Основные преимущества продукта
1) Сайт наполняется актуальным контентом, редакторы отслеживают как и
мировые, так и локальные тренды.
2) Наш код является полностью поддерживаемым и в дальнейшим с ним
могут работать другие специалисты.
3) Сайт полностью адаптивный, он прекрасно работает на мобильных
устройства(на мобильных он лучше всего и работает)
4) Современный дизайн: В нашей команде есть дизайнер, он создает
лаконичный дизайн, а главное работает с цветами, чтобы у пользователя был
приятный опыт работы с нашим ресурсом
ОБРАЗОВАТЕЛЬНЫЙ КОМПЛЕКС
«ЮГО-ЗАПАД»

4. Цель и задачи проекта

Содержание проекта
Цель и задачи проекта
Цель:
1) Разработка современного и удобного новостного сайта
2) Улучшение навыков взаимодействия и работы в команде при помощи современных технологий
3) Изучение новых технологий и улучшение навыков программирования
4) Загрузка сайта на локальный сервер
Задачи:
1) Создание дизайна и его реализация для сайта с помощью HTML, CSS, JS
2) Установка программы Git (система контроля версий) и её использование по ходу проекта
3) Изучение языков программирования JS, а так-же языка разметки HTML и формального языка
декодирования CSS
ОБРАЗОВАТЕЛЬНЫЙ КОМПЛЕКС
«ЮГО-ЗАПАД»

5. Этапы работы над проектом

Содержание проекта
Этапы работы над проектом
Этапы
05.12.22 –
12.12.22
Анализ
существующих
продуктов
Разработка
концепции проекта
Создание
прототипа
Первичное
тестирование
Доработка
релизной версии
Тестирование и
отладка
программы
Запуск в
эксплуатацию
ОБРАЗОВАТЕЛЬНЫЙ КОМПЛЕКС
«ЮГО-ЗАПАД»
13.12.22 –
19.12.22
20.12.22 –
03.01.23
04.01.23 –
11.02.23
12.02.23 –
26.02.23
с 27.02.23 по
сегодняшний день
сейчас

6.

Содержание проекта
Рекомендуемые системные требования:
ОС: Windows 10, Процессор Intel Pentium 4 или более поздней версии с поддержкой SSE3,
ОЗУ: 4 ГБ, Браузер на выбор Google Chrome, Firefox, Edge, Opera, Safari
ОБРАЗОВАТЕЛЬНЫЙ КОМПЛЕКС
«ЮГО-ЗАПАД»

7. Выбор редактора для разработки веб-сайта

Содержание проекта
Выбор редактора для разработки веб-сайта
Visual Studio Code - кроссплатформенный текстовый редактор разработанный Microsoft
для Windows, Linux и macOS. Он имеет интерфейс на разных языках пользователей и
поддерживает ряд языков программирования, подсветку
синтаксиса, IntelliSense, рефакторинг, отладку, навигацию по коду, поддержку Git и другие
возможности. Основными преимуществами Visual Studio Code являются: бесплатная модель
распространения и доступность для новичков.
Visual Studio Code используют миллионы людей для написания кода на разных языках
программирования. Даже в нашем учебном заведении он широко применяется. При этом
Visual Studio Code используется как крупными разработчиками, так и разработчиками
одиночками.
ОБРАЗОВАТЕЛЬНЫЙ КОМПЛЕКС
«ЮГО-ЗАПАД»

8.

Содержание проекта
Техническая сложность
HTML и CSS – Используем данные языки, для создания внешнего вида
сайта
JavaScript – С помощью скриптового языка программирования
реализованы переходы между блоками новостей.
Мой офис - с помощью этого РОССИЙСКОГО и прекрасного текстового
редактора, были составлены и отредактированы статьи, которые в
дальнейшем использованы на сайте
Krita- применялся для создания дизайна.
ОБРАЗОВАТЕЛЬНЫЙ КОМПЛЕКС
«ЮГО-ЗАПАД»

9.

Идея продукта - Практическое применение
Новостной ресурс удовлетворяет потребность в информации, а так-же
даёт пользователю возможность интересного досуга, читая увлекательные
статьи.
В дальнейшем новостной сайт можно использовать как площадку для
разрешения коммерческой рекламы, что сулит финансовую выгоду.
Вы также можете использовать новостной сайт для продвижения
проектов, как социальной направленности, так и коммерической.
ОБРАЗОВАТЕЛЬНЫЙ КОМПЛЕКС
«ЮГО-ЗАПАД»

10.

Содержание проекта
Функциональность
1) Навигация с помощью навигационной панели
2) Система тегов, сортировка новостей по их направленности
3) Адаптивность
4) Форма обратной связи
ОБРАЗОВАТЕЛЬНЫЙ КОМПЛЕКС
«ЮГО-ЗАПАД»

11. Демонстрация работы программы

ОБРАЗОВАТЕЛЬНЫЙ КОМПЛЕКС
«ЮГО-ЗАПАД»

12. Демонстрация работы программы

ОБРАЗОВАТЕЛЬНЫЙ КОМПЛЕКС
«ЮГО-ЗАПАД»

13. Демонстрация работы программы

ОБРАЗОВАТЕЛЬНЫЙ КОМПЛЕКС
«ЮГО-ЗАПАД»

14. Выводы

Результаты работы
1) Разработан современный и удобный новостной ресурс
2) Улучшены навыки взаимодействия и работы в команде при помощи современных технологий
3) Изучены новых технологий и улучшены навыки программирования
4) Загрузка сайта на локальный сервер
Дальнейшее развитие проекта:
• Добавление новых функций на сайт: фильтрация, новые разделы, база данных
• Оптимизация кода
• Улучшение дизайна
ОБРАЗОВАТЕЛЬНЫЙ КОМПЛЕКС
«ЮГО-ЗАПАД»

15. Оснащение и оборудование, использованное при создании работы

Visual studio code
Krita
Персональный компьютер
Мой офис
ОБРАЗОВАТЕЛЬНЫЙ КОМПЛЕКС
«ЮГО-ЗАПАД»

16. Максим Ваваев (Тим-Лид) Командир команды(организационная работа), выполнял различную работу, начиная с архитектуры сайта,

написания
программного кода, заканчивая
созданием дизайна и написанием
статьей.
ОБРАЗОВАТЕЛЬНЫЙ КОМПЛЕКС
«ЮГО-ЗАПАД»

17. Андрей Боев (Главный программист)

Легенда команды, занимался написанием скриптов
на языке js, оптимизация кода, созданием
собственных паттернов для дальнейшего
использования в других проектах нашей команды, а
так-же совершал командировки в КНР для
дальнейшего сотрудничества между нашей командой
и правительством КНР.
ОБРАЗОВАТЕЛЬНЫЙ КОМПЛЕКС
«ЮГО-ЗАПАД»

18. Андрей Рыковский (Тестировщик)

Рубаха парень команды, занимался
тестированием функциональной части сайта,
в первую очередь проверял корректность
работы адаптивности . Составлял
еженедельные тестовые отчеты. А так-же
ответственен за психологическую работу в
команде, которая выражалась в постоянных
психологических тренингах.
ОБРАЗОВАТЕЛЬНЫЙ КОМПЛЕКС
«ЮГО-ЗАПАД»

19. Эмиль Халилулин (Редактор)

Писарь команды, занимался написанием
статей для новостного ресурса, исправлял
грамматические ошибки на сайте, если
конечно находил, а так-же продвигал наш
новостной ресурс через бизнес,
горизонтальные и вертикальные связи в
Академическом районе.
ОБРАЗОВАТЕЛЬНЫЙ КОМПЛЕКС
«ЮГО-ЗАПАД»

20. Егор Грошев (Дизайнер)

Маэстро команды, занимался дизайном
сайта, проектировал макет, подбирал
цвета, создавал based-макет
адаптивности сайта. Проводил
исследовательскую работу о
восприятии цветов. Которую
использовал в дальнейшем в нашем
проекте.
ОБРАЗОВАТЕЛЬНЫЙ КОМПЛЕКС
«ЮГО-ЗАПАД»