Отчет по практике

1. МИНИСТЕРСТВО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ И ЗАНЯТОСТИ НАСЕЛЕНИЯ ПРИМОРСКОГО КРАЯ КРАЕВОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ

ПРОФЕССИОНАЛЬНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ
«НАХОДКИНСКИЙ ГОСУДАРСТВЕННЫЙ
ГУМАНИТАРНО-ПОЛИТЕХНИЧЕСКИЙ КОЛЛЕДЖ»
ОТЧЕТ ПО ПРАКТИКЕ
Группа 741 ВЕБ
Студент Ципа Данил Сергеевич

2. Введение

Ципа Данил Сергейвич, студент 4 курса 741 Веб группы КГА ПОУ «НГГПК» проходил
учебно–производственную практику на предприятии Находкинской больницы ФГБУЗ ДВОМЦ
ФМБА России. Цель работы: разработка дизайн–концепции и оптимизации веб–сайта для ФГБУЗ
ДВОМЦ ФМБА России Находкинская больница в соответствии с требованием заказчика.
Задачи:
Сбор и анализ информации об организации.
Проектирование архитектуры веб-сайта.
Проектирование системы безопасности веб-сайта.
Создание дизайна интерфейса, удобного и понятного для всех категорий пользователей.
Создание семантического ядра сайта и разработка стратегии его оптимизации.

3. Место практики

4. Структура сайта

Главная страница — основа сайта, предоставляющая доступ к: Расписание,
Новости, О организации, О МИСП, Контакты, Вход (Авторизация).
Страница авторизации предназначена для ввода логина и пароля.
Рабочая панель — закрытый раздел для авторизованных пользователей. При
наличии административных прав предоставляется доступ к админ меню и
соответствующему функционалу.
Админ меню доступно только администраторам. Позволяет переходить к другим
административным разделам и взаимодействовать с рабочей панелью.
Другие страницы (административные) — это дополнительные страницы, на
которых администратор

5. Главная Веб-страница

Главная Вебстраница

6. Главная Веб-страница (мобильная)

Главная Вебстраница
(мобильная)

7. Новости

8. Расписание

9. О компании

10. О МИСП

11. Контакты

12. Авторизация Разработанный сайт: https://bloodycomet.ru/

13. Заключение

В ходе прохождения учебно-производственной практики в «ФГБУЗ ДВОМЦ ФМБА
России Находкинская больница» были успешно выполнены задачи в соответствии с
требованием заказчика.
Во время практики были достигнуты следующие результаты:
Проведён сбор и анализ информации о больнице, что позволило сформировать
содержательное наполнение сайта, соответствующее потребностям пользователей.
Разработана и внедрена система безопасности веб-сайта, обеспечивающая защиту
пользовательских данных и предотвращение несанкционированного доступа.
Разработан дизайн интерфейса с учетом принципов удобства использования и эргономики.
Спроектирован удобный и функциональный интерфейс, ориентированный на комфортную
работу пользователей.

14. Заключение

Проведён комплексный анализ веб-сайта, выявлены направления для его оптимизации
и реализованы меры по улучшению производительности и удобства использования.
Сформулированы функциональные и нефункциональные требования для обеспечения
производительности и безопасности системы.
Сформировано семантическое ядро и разработана стратегия поисковой оптимизации,
что заложило основу для эффективного продвижения сайта в интернете.
Прохождение практики в «ФГБУЗ ДВОМЦ ФМБА России Находкинская больницы»
стало важным этапом в профессиональном развитии и позволило приобрести навыки, в
составлении технической документации в соответствии со стандартами.

15.

16. Разработка механизма авторизации и аутентификации

Метод аутентификации на сайте:
по логину и паролю. Пользователь
вводит имя пользователя и пароль для
входа.
Авторизации:
пользователей
–
роли
администратор,
редактор. Доступ к определенным
страницам
возможен
администратора.
только
для

17. Проектирование системы безопасности веб–сайта

Был проведен аудит системы на предмет слабых мест. Результат аудита системы безопасности
показал, что сайт имеет надежную защиту от несанкционированного доступа, взлома и все данные
находятся в безопасности.
На сайте были использованы такие методы безопасности как:
Разграничение прав доступа для пользователей с разными ролями.
Аутентификация и авторизация.
Хранение паролей только в зашифрованном виде
Использование «CAPTCHA» для защиты от автоматических входов.
Блокировка аккаунта после нескольких неудачных попыток входа (будет реализовано в будущем).
Использование протокола HTTPS для защиты данных при их передаче. Резервное копирование
данных на случай их утраты.
Настройка SSL/TLS–сертификатов.

18. Интеграция клиентской и серверной части

Клиентская часть включает в себя:
HyperText Markup Language (HTML) – Структура веб–страниц.
Cascading Style Sheets (CSS) – Визуальное оформление, стилизация.
JavaScript – Логика взаимодействия с пользователем (динамическое обновление данных, анимации и
т.д.).
Библеотека jQuery – для упрощения работы с анимациями и AJAX–запросами.
Серверная часть – это то, что происходит «за кулисами» веб–сайта. Она включает:
Обработку запроса от клиента.
Взаимодействие с базой данных.
Генерация ответов, отправляемых клиенту.
Серверная часть реализована с использованием:
Языков программирования: Hypertext Preprocessor (PHP) с библиотеками JavaScript
Базы данных: MySQL

19. Оптимизация веб–сайта

Оптимизация сайта – это необходимый компонент. На сайте она включает себя в таких аспектах
как:
Адаптивный дизайн, обеспечивает корректное отображение сайта на различных устройствах, но
только на публичных станицах. На не публичных страниц адаптивность не предусмотрена
Созданные и настроенные файлы robots.txt и sitemap.xml. Этот комплексный подход помогает
улучшить видимость сайта, повысить его техническое состояние и привлечь больше трафика из
поисковых систем
Безопасность данных, SSL-сертификат
Настроенные мета-теги
Заголовки соответствующие содержанию страницы
Сложная, но понятная структура сайта.
Уникальный текст соответствующий целевой аудитории

20. Семантическое ядро сайта

Оптимизация сайта – это необходимый компонент. На сайте она включает себя в таких аспектах
как:
Адаптивный дизайн, обеспечивает корректное отображение сайта на различных устройствах, но
только на публичных станицах. На не публичных страниц адаптивность не предусмотрена
Созданные и настроенные файлы robots.txt и sitemap.xml. Этот комплексный подход помогает
улучшить видимость сайта, повысить его техническое состояние и привлечь больше трафика из
поисковых систем
Безопасность данных, SSL-сертификат
Настроенные мета-теги
Заголовки соответствующие содержанию страницы
Сложная, но понятная структура сайта.
Уникальный текст соответствующий целевой аудитории

21. Поиск и распределение ключевых слов

Для поиска ключевых слов проводился опрос
среди персонала больницы и анализ основной
тематики сайта. После этого было смонтировано
семантическое ядро сайта, определены ключевые
слова
и
разделены
на
низкочастотные,
среднечастотные и высокочастотные запросы.
Для сбора семантики сайта использовался
Яндекс.Wordstat.

22. Постраничная оптимизация

Для этого теги «Title» и «Meta Description» – уникальны, содержат ключевые слова и
привлекают внимание. Используются заголовки «H1», «H2» для логической структуры
текста и «Alt» теги для описания изображений. Тексты – уникальны и релевантны, с
упоминанием ключевых слов.
На сайте есть внутренние ссылки для связи страниц между собой, для удобства
навигации.

23. Скорость загрузки страниц сайта

Скорость загрузки – это время, за которое сайт полностью отображается в браузере
пользователя.

24. Адаптивность страниц сайта

Адаптивность
обеспечивает
корректное
отображение сайта на различных
устройствах,
но
публичных
станицах.
публичных
только
На
на
не
страниц
адаптивность не предусмотрена
Сайт был протестирован на
адаптивность с использованием
инструментов
браузере.
разработчика
в

25. Создания XML Sitemaps

Файл Sitemap.xml — это карта сайта для поисковых систем.

26. Индексирования сайта для роботов поисковых систем

Индексация сайта осуществляется поисковыми роботами, которые периодически
посещают веб-страницы, считывают их содержимое и заносят полученную информацию в
базу данных поисковой системы. Этот процесс начинается с обнаружения сайта, после
чего робот переходит по внутренним и внешним ссылкам, анализируя каждую страницу на
предмет уникальности, структуры, релевантности и технического состояния.
Сайт был успешно проиндексирован поисковым роботом «Google» и появился в
поисковой выдаче.

27. Оптимизация пользовательского опыта (UX)

Оптимизация пользовательского опыта включает в себя все аспекты SEO
оптимизации, а также работу с аудиторией сайта. Именно для этого был проведен опрос об
дизайне и удобстве сайта и полное тестирование сайта. Опрос показал, что дизайн
устраивает пользователей, все тексты читабельны и структура сайта понятна и удобна.
Вначале были сложности с безопасной проверкой учетных данных и защитой от
автоматических входов. Для решения использовал хеширование паролей и интеграцию
«CAPTCHA», что повысило безопасность и устойчивость к атакам.
На начальном этапе сайт некорректно отображался на мобильных устройствах и
планшетах. Решение данной проблемы было решено через использование адаптивной
верстки с помощью медиа запросов (media queries) и гибких единиц измерения (%, vh,
vw), а также проверку отображения с помощью инструментов разработчика в браузере.