Создание новостного веб-сайта, посвященного искусственному интеллекту и машинному обучению

1. Создание новостного веб-сайта, посвященного искусственному интеллекту и машинному обучению

Министерство цифрового развития, связи
и массовых коммуникаций Российской Федерации
Ордена Трудового Красного Знамени федеральное государственное
бюджетное образовательное учреждение высшего образования
«Московский технический университет связи и информатики»
Выпускная квалификационная работа на тему:
Создание новостного веб-сайта,
посвященного искусственному
интеллекту и машинному
обучению
Выполнила студентка группы _____:
ФИО
Научный руководитель:

2. Актуальность, цель и задачи работы

Актуальность работы: Искусственный интеллект (ИИ)
стремительно развивается, и новости в этой области
появляются с невероятной частотой. Современные
технологии ИИ продолжают удивлять своими достижениями,
проникая в различные сферы нашей жизни – от медицины и
образования до бизнеса и развлечений
Цель: создание новостного веб-сайта, посвященного
искусственному интеллекту и машинному обучению.
Задачи: выбрать подходящий инструмент для разработки,
спроектировать веб-сайт, ориентированный на новости в
сфере ИИ и машинного обучения, и обеспечить его
максимальную простоту и удобство использования
1

3.

Структура видов сайтов
2

4.

Обзор популярных CMS систем
3

5.

Спецификация и обоснование требований
Целевая аудитория:
•Специалисты, исследователи, студенты, энтузиасты.
•Все, кто интересуется развитием ИИ и его применением.
Ключевые функции:
•Лента новостей, статьи, видео, подкасты.
•Персонализированный контент на основе анализа данных.
•Чат-бот для мгновенной поддержки.
•Безопасность данных и защита от киберугроз.
Преимущества:
•Современный, удобный интерфейс.
•Актуальная и достоверная информация.
•Автоматизация рутинных задач с помощью ИИ.
Результат:
•Информационная платформа для профессионалов и энтузиастов ИИ.
•Повышение осведомленности и понимания в области ИИ.
4

6.

Анализ средств разработки
HTML: Основа веб-страниц
•Унифицированный формат для структуры контента в интернете.
•Отображается браузерами, поддерживая текст, гипертекст и мультимедиа.
•Современные версии (HTML5) предлагают расширенные возможности для интерактивных веб-приложений.
PHP: Серверная разработка
•Язык программирования для создания серверных скриптов.
•Обрабатывает формы, генерирует динамические страницы и управляет cookie-файлами.
•Поддерживает широкий спектр баз данных и операционных систем.
•Фреймворки (Laravel, Symfony) упрощают разработку сложных веб-приложений.
JavaScript: Интерактивность
•Интегрируется в HTML-код для динамического изменения содержимого страницы.
•Манипулирует HTML-элементами, обрабатывает действия пользователя, взаимодействует с сервером (AJAX).
•Ограничения безопасности в браузере (нет доступа к файловой системе, ограниченные запросы на другие домены).
•Вне браузера (Node.js): серверные приложения, консольные утилиты, десктопные приложения.
•Фреймворки (React, Angular, Vue.js) упрощают разработку сложных веб-приложений.
•Кросс-платформенная мобильная разработка (React Native, NativeScript).
Совместное использование:
•HTML и PHP обеспечивают основу для современных и интерактивных веб-сайтов.
•PHP обрабатывает запросы, взаимодействует с БД и генерирует HTML-код для браузера.
•JavaScript делает сайт динамичным и отзывчивым.
5

7.

Система управления базами данных
•MySQL – популярная и бесплатная СУБД: Широко используется с PHP для эффективного хранения
и управления данными.
•Быстродействие, надежность и простота: Идеальна для веб-разработки и работы с большими
объемами данных.
•Реляционная структура: Данные хранятся в связанных таблицах, обеспечивая гибкость и скорость
запросов.
•Основные возможности: Поддержка множества пользователей, больших таблиц,
кроссплатформенность и эффективная безопасность.
•Широкое применение: Веб-разработка, управление контентом, электронная коммерция и крупные
корпоративные системы.
•Инструменты управления: phpMyAdmin и другие графические интерфейсы, а также инструменты
командной строки.
•Безопасность: Важность правильной настройки прав доступа и защиты от SQL-инъекций.
•Активное развитие: Постоянные улучшения производительности, безопасности и функциональности.
6

8.

Физическая структура
7

9.

Код файла functions.php
8

10.

Код файла header.php
9

11.

Код файла news.php
10

12.

Код вывода карты
11

13.

Код формы обратной связи
12

14.

Код файла header.php
13

15.

Управление базой данных
14

16.

Тестирование и оценка
15

17.

Заключение
Создан веб-ресурс: Новости и события в сфере ИИ и машинного обучения.
Платформа WordPress:
• Бесплатная и с открытым исходным кодом.
• Широкий выбор плагинов для решения задач.
• Доступность специалистов и документации.
• Поддержка PHPMyAdmin и MySQL.
Язык программирования PHP:
• Создание серверных скриптов и динамических страниц.
• Обработка данных форм и управление cookie.
Перспективы развития:
• SEO-оптимизация и Яндекс.Метрика (A/B-тестирование).
• Новые плагины (комментарии, рассылка).
• Мультиязычность.
• Оптимизация скорости и адаптивный дизайн.
• Расширение контента (аналитика, обзоры, интервью).
• Интеграция с соц.сетями и научными базами данных.
16

18.

Спасибо за внимание!