ТС1

Цель работы: научиться анализировать архитектуру существующей информационной системы и представлять ее в виде модели структуры.

Ход работы:

1. Выбрана информационная система – браузер Microsoft Edge.

Данная соответствует следующим требованиям:

1. Система имеет полноценную техническую документацию.

2. Размер и сложность системы достаточны для нетривиального анализа

3. Система не является уникальной – существуют другие системы, решающие такие же или близкие задачи

2. Описание общего назначения системы

Microsoft Edge- браузер по умолчанию на всех устройствах с Windows 10, выпущен Microsoft. Данный браузер обеспечивает высокую совместимость с современным Интернетом. Он позволяет просматривать веб-страницы, выполнять поиск, делать покупки в Интернете.

3.Построение модели структуры системы на уровне программно-технической архитектуры

7

6

5

4

2

3

1

Рисунок 1- структура сети

Описание элементов системы в виде таблицы (таблица 1)

Таблица 1

Название элемента	Назначение	Тип информационного процесса
Процесс браузера	Основной процесс, который помогает управлять окнами и вкладками, управляет фреймом браузера, таким как адресная строка и кнопки «вперед» и «назад». Он также направляет привилегированный доступ к служебным процессам, таким как сетевые запросы и доступ к файлам.	Ввод/передача информации
Процессы рендеринга	Контролируют, как веб-сайты отображаются на вкладке, выполняя код, предоставленный веб-сайтом. Они обрабатывают HTML (язык гипертекстовой разметки), CSS (каскадные таблицы стилей), JavaScript, изображения и многое другое. Использование ресурсов каждым процессом рендеринга зависит от размещаемого контента.	Обработка
Процесс GPU	Процесс отвечает за связь с GPU (графическим процессором) и обрабатывает все задачи GPU. Графический процессор — это аппаратное обеспечение, которое быстро выполняет вычисления, связанные с графикой, и отправляет вывод на монитор для отображения. Современные браузеры используют GPU для быстрого рендеринга веб-страниц.	Обработка
Служебные процессы	Воспроизведение звука, сетевая служба, захват видео, декодирование данных и диспетчер коллекций обрабатываются этими процессами, поэтому Microsoft Edge может контролировать и проверять доступ к этим ресурсам и координировать использование глобальных системных ресурсов.	Обработка
Процессы подключаемых модулей и процессы расширения	Процессы подключаемых модулей содержат активные подключаемые модули, такие как Adobe Flash, а процессы расширений содержат активные расширения. Каждый процесс выполняет код, предоставленный подключаемым модулем или расширением. Использование ресурсов каждым процессом зависит от предоставленного кода. У каждого процесса также есть код, который позволяет подключаемому модулю или расширению взаимодействовать с процессами браузера и средства визуализации.	Обработка
Процесс обработчика Crashpad	Отслеживает работоспособность различных процессов в Microsoft Edge. В случае сбоя Microsoft Edge этот процесс поможет браузеру собирать и передавать отчеты о сбоях на серверы Microsoft. Мы используем эти отчеты о сбоях, чтобы находить и устранять сбои.	Обработка

3. Описание связей элементов в виде таблицы (таблица 2)

Таблица 2

Номер связи	Характеристика
1	Доступ к настройкам и параметрам системы
2	Управление вкладкой, на которой отображается веб-сайт
3	Обработка задач GPU изолированно от других процессов
4	Отслеживание работоспособность различных процессов
5	Выполнение код, предоставленный подключаемым модулем или расширением
6	Управление плагинами, используемыми сайтом
7	Быстрый рендеринг страниц

Таблица 3- матрица смежности

	Процесс браузера	Процессы рендеринга	Процесс GPU	Служебные процессы	Процессы подключаемых модулей и процессы расширения	Процесс обработчика Crashpad
Процесс браузера	0	1	1	1	1	1
Процессы рендеринга	1	0	1	0	0	0
Процесс GPU	1	1	0	0	1	0
Служебные процессы	1	0	0	0	0	0
Процессы подключаемых модулей и процессы расширения	1	0	1	0	0	0
Процесс обработчика Crashpad	1	0	0	0	0	0

4. Построение модели структуры этой же системы на любом другом уровне моделирования

Рисунок 2- модель работы системы

Описание того, как учтены особенности построения модели структуры

1.) Навигация

После ввода в строке браузера адреса, браузер включает навигацию, чтобы попасть в нужное место. Происходит разрешение веб-адреса - процесс DNS. Далее следует установка соединения с сервером (1 RTT)

2.) Получение

После того, как соединение установлено, браузер может получать ресурсы загружаемой страницы. Он начинается с получения документа разметки для страницы. Это делается с помощью протокола HTTP. HTTP-запросы отправляются через TCP / IP.

Как только веб-сервер получит запрос, он его проанализирует и попытается его выполнить, сервер выдаст HTTP-ответ, прикрепив соответствующие заголовки и содержимое запрошенного HTML-документа к телу этой структуры ответа.

3.) Парсинг

Как только браузер получил ответ сервера, он начинает парсить полученную информацию. Этот процесс необходим для преобразования данных в деревья DOM и CCOM, на основании которых рендер затем создаст изображение сайта на экране. Браузер начинает строить дерево DOM. Анализ HTML включает токенизацию и построение дерева. Затем происходит обработка CSS и построение дерева CSSOM. Когда оба дерева сформированы, их нужно объединить в единое дерево рендеринга. Такое дерево нужно для вычисления макета каждого видимого элемента. Оно выступает источником данных для отрисовки пикселей на экране.

4.) Рендеринг

Когда информация проанализирована, браузер может начать её отображать. Для этого браузер теперь будет использовать дерево рендеринга для визуального представления документа. Этапы рендеринга включают в себя макет, раскраску и, в некоторых случаях, композицию.

5.) Завершение

После построения деревьев, загрузкой JavaScript и отрисовкой, пользователь может полностью увидеть загруженную страницу и работать с ней.

Выводы

В данной лабораторной работе изучен браузер Microsoft Edge. Получен навык анализирования архитектуры информационной системы и представления ее в виде модели структуры.

Список используемых источников:

1. Многопроцессорная архитектура Microsoft Edge URL: https://blogs.windows.com/msedgedev/2020/09/30/microsoft-edge-multi-process-architecture

2. Основные понятия и архитектура расширения URL: https://learn.microsoft.com/ru-ru/microsoft-edge/extensions-chromium/getting-started