Skip to content
MarishinVM edited this page Dec 25, 2022 · 42 revisions

Билет 9

1. Понятия автоматизированной системы, информационной системы. Стадии создания автоматизированных систем.

1.1 Определение автоматизированной системы

Автоматизированная система представляет собой организационно-техническую систему, обеспечивающую выработку решений на основе автоматизации информационных процессов в различных сферах деятельности (управление, проектирование, производство и тому подобное) или их сочетаниях

Виды автоматизированных систем

Автоматизированные производственные системы

Когда нужно дать определение автоматизированной системы, предназначенной для обработки материальных или энергетических ресурсов (изготовления, сборки, транспортирования), можно привести такое определение по ДСТУ 2960-94:

Автоматизированная система — организационно-техническая система, состоящая из средств автоматизации определенного вида или нескольких видов деятельности людей и персонала, осуществляющего эту деятельность.

Автоматизированная система производственного назначения (автоматизированная производственная система) осуществляет сбор информации с объекта управления, передает, преобразует и обрабатывает ее, формирует управляющие команды и выполняет их на управляемом объекте, то есть те функции, которые поддаются автоматизации. Человек определяет цели и критерии управления и корректирует их, когда изменяются условия, в частности, выполняет функции надзора за работой автоматизированных устройств, а в случае необходимости, изменяет программу их работы (задания) и принимает общие решения по управлению в измененных или сложных ситуациях.

Автоматизированные информационные системы

Для автоматизированных систем, используемых в управлении, исследованиях, проектировании и др., смысл которых заключается в обработке информации, дано такое определение (ДСТУ 2941-94):

Автоматизированная система (в информационных технологиях) — система, реализующая информационную технологию выполнения установленных функций с помощью персонала и комплекса средств автоматизации.

В этом случае автоматизированные системы рассматриваются как информационные системы. В целом АС — это система, состоящая из персонала и комплекса средств автоматизации его деятельности и реализует информационную технологию выполнения установленных функций.

В зависимости от вида деятельности различают следующие разновидности АС:

  1. АСУ (автоматизированные системы управления), которые в свою очередь в зависимости от вида объекта управления разделяются на: 1.1. АСУ технологическими процессами (АСУ ТП); 1.2. АСУ предприятиями (АСУП), производством (АСУП) и т. д;
  2. САП (системы автоматизированного проектирования): 2.1. САПР (системы автоматизированного проектирования и расчета); 2.2. САРР ТП (системы автоматизированного проектирования технологических процессов) и тому подобное;
  3. АСНИ (автоматизированные системы научных исследований);
  4. АС обработки и передачи информации: 4.1. АИПС (автоматизированная информационно-поисковая система); 4.2. АСИТО (автоматизированная система информационно-терминологического обслуживания) и тому подобное;
  5. САМ (АС технологической подготовки производства);
  6. автоматизированные системы контроля и испытаний;
  7. АС, объединяющие функции перечисленных выше систем.

АС реализуют информационную технологию в виде определенной последовательности информационно связанных функций, задач или процедур, выполняемых в автоматизированном (интерактивном) или автоматическом режиме.

1.2 Определение информационной системы

Под системой понимают любой объект, который одновременно рассматривается и как единое целое, и как объединенная в интересах достижения поставленных целей совокуп­ность разнородных элементов. Системы отличаются между собой как по соста­ву, так и по главным целям.

Информационной системой — называется взаимосвязанная совокупность средств, ме­тодов и персонала, используемых для хранения, обработки и выдачи ин­формации в интересах достижения поставленной цели. Информационные системы обеспечивают сбор, хранение, обработку, поиск, выдачу информации, необходимой в процессе принятия решений задач из любой об­ласти. Они помогают анализировать проблемы и создавать новые продукты. В ка­честве основного технического средства переработки информации используют персональный компьютер (ПК). В крупных организациях наряду с персональным компьютером в состав технической базы информационной системы может входить мэйнфрейм или супер ЭВМ. Особую роль в информационных системах отводится человеку, т.к. техническое воплощение информационной системы само по себе ничего не будет значить, если не учтена роль человека, для которого предназначена производимая информация и без которого невозможно ее получение и представление.

Необходимо понимать разницу между компьютерами и информационными системами. Компьютеры, оснащенные специализированными программными средствами, являются технической базой и инструментом для информационных систем. Информационная система немыслима без персонала, взаимодействующего с компьютерами и телекоммуникациями.

Этапы развития информационных систем

Первые информационные системы появились в 50-х гг. В эти годы они были предназначены для обработки счетов и расчета зарплаты, а реализовывались на электромеханических бухгалтерских счетных машинах. Это приводило к некоторому сокращению затрат и времени на подготовку бумажных документов.

60-е гг. знаменуются изменением отношения к информационным системам. Информация, полученная из них, стала применяться для периодической отчетности по многим параметрам. Для этого организациям требовалось компьютерное оборудование широкого назначения, способное обслуживать множество функций, а не только обрабатывать счета и считать зарплату.

В 70-х — начале 80-х гг. информационные системы начинают широко использоваться в качестве средства управленческого контроля, поддерживающего и ускоряющего процесс принятия решений.

К концу 80-х гг. концепция использования информационных систем изменяется. Они становятся стратегическим источником информации и используются на всех уровнях организации любого профиля. Информационные системы этого периода, помогают организации достичь успеха в своей деятельности, создавать новые товары и услуги, находить новые рынки сбыта, обеспечивать себе достой­ных партнеров, организовывать выпуск продукции по низкой цене и многое другое.

Процессы, протекающие в информационной системе

Процессы, обеспечивающие работу информационной системы:

  1. ввод информации из внешних или внутренних источников;
  2. обработка входной информации и представление ее в удобном виде;
  3. вывод информации для представления потребителям или передачи в другую систему;
  4. обратная связь — это информация, переработанная людьми данной организации для коррекции входной информации.

Информационные системы можно разбить на три класса: учетные (следящие, прогнозирующие, справочные); аналитические (советующие, прогнозирующие, диагностические); решающие (управляющие, планирующие). Как видно из приведенной классификации информационные системы разделяются на следующие уровни: не производящие качественного изменения информации (учетные системы); анализирующие информацию (аналитические системы); вырабатывающие решения (решающие системы). Между этими классами существует определенная зависимость, выражающаяся в том, что предыдущий класс является исходной базой для последующего, а каждый последующий предполагает возможность решения задач предыдущего класса. Так, статистические системы помимо собственных задач выполняют справочные функции, а следящиесистемы решают задачи статистического и справочного характера.

Информационная система определяется следующими свойствами:

  1. любая информационная система может быть подвергнута анализу, построена и управ­ляема на основе общих принципов построения систем;
  2. информационная система является динамичной и развивающейся;
  3. при построении информационной системы необходимо использовать системный под­ход;
  4. выходной продукцией информационной системы является информация, на основе ко­торой принимаются решения;
  5. информационную систему следует воспринимать как человеко-компьютерную систему обработки информации.

Внедрение информационных систем может способствовать:

  1. получению более рациональных вариантов решения управленческих задач за счет внедрения математических методов и интеллектуальных систем и т.д.;
  2. освобождению работников от рутинной работы за счет ее автоматизации;
  3. обеспечению достоверности информации;
  4. замене бумажных носителей данных на магнитные диски или ленты;
  5. совершенствованию структуры потоков информации и системы документооборота в фирме;
  6. уменьшению затрат на производство продуктов и услуг;
  7. предоставлению потребителям уникальных услуг;
  8. отысканию новых рыночных ниш;
  9. привязке к фирме покупателей и поставщиков за счет предоставления им разных ски­док и услуг.

Структура информационной системы

Структуру информационной системы составляет совокупность отдельных ее частей, назы­ваемыхподсистемами. Подсистема - это часть системы, выделенная по какому-либо признаку.

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

  1. информационное обеспечение;
  2. программное обеспечение;
  3. техническое обеспечение;
  4. математическое обеспечение;
  5. правовое обеспечение;
  6. организационное обеспечение.

2. Технологии отрисовки (rendering) в браузере. Возможности программного управления порядком отрисовки.

Процесс отображения страниц можно разбить на следующие основные этапы:

  1. Начало разбора HTML
  2. Получение внешних ресурсов
  3. Разбор CSS и создание CSSOM
  4. Выполнение JavaScript
  5. Объединение DOM и CSSOM, для построения дерево рендеринга
  6. Расчет макета и отрисовка результата

2.1 Начало разбора HTML

Когда браузер начинает получать данные HTML страницы по сети, он немедленно запускает свой синтаксический анализатор parser для преобразования HTML в объектную модель документа (DOM) Document Object Model (DOM). Объектная модель документа (DOM) — это представление данных объектов, которые составляют структуру и содержимое документа в Интернете. Первый шаг этого процесса синтаксического анализа — разбить HTML на токены, которые представляют начальные теги (start tags), конечные теги (end tags) и их содержимое (contents). Из этого он строит DOM.

2.2 Получение внешних ресурсов

Когда парсер встречает внешний ресурс, такой как файл CSS или JavaScript, он пытается, получить его. Синтаксический анализатор будет продолжать работу по мере загрузки файла CSS, но он заблокирует рендеринг до тех пор, пока файл не будет загружен и проанализирован (подробнее об этом чуть позже). Файлы JavaScript немного отличаются — по умолчанию они так же блокируют синтаксический анализ HTML, на время загрузки. Но у них есть два атрибута, которые могут быть добавлены в теги сценария, чтобы изменить это: defer и async. Оба позволяют синтаксическому анализатору продолжать работу, пока файл JavaScript загружается в фоновом режиме. Они отличаются друг от друга то, как они выполняются. Подробнее об этом тоже немного ниже, но вкратце: defer означает, что выполнение файла будет отложено до завершения синтаксического анализа документа. Если несколько файлов имеют атрибут defer, то они будут выполняться в том порядке, в котором они были обнаружены в HTML.

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

Предварительная загрузка ресурсов

Кроме того, современные браузеры будут продолжать сканировать HTML-код, пока анализатор блокирован, и «смотреть вперед» на то, какие внешние ресурсы появляются, а затем загружать их предположительно. То, как они это делают, варьируется в зависимости от браузера, поэтому нельзя полагаться на то, что они будут вести себя определенным образом. Чтобы пометить ресурс как важный и, следовательно, с большей вероятностью он должен быть загруженным на ранней стадии процесса рендеринга, можно использовать тег ссылки с rel = «preload».

2.3 Разбор CSS и создание CSSOM

Возможно, вы слышали о DOM, но слышали ли вы о CSSOM (CSS Object Model) (объектной модели CSS)? До того, как я начал исследовать эту тему, я об этом ни чего не знал! Объектная модель CSS (CSSOM) — это карта всех селекторов CSS и соответствующих свойств для каждого селектора в форме дерева с корневым узлом, родственником, потомком, дочерним элементом и другими отношениями. CSSOM очень похож на объектную модель документа (DOM). Оба они являются частью пути рендеринга, который представляет собой серию шагов, которые должны пройти для правильного рендеринга веб-сайта. CSSOM вместе с DOM используется для построения дерева рендеринга, которое, в свою очередь, используется браузером для компоновки и раскраски веб-страницы.Подобно файлам HTML и DOM, когда файлы CSS загружаются, они должны быть проанализированы и преобразованы в дерево — на этот раз CSSOM. Он описывает все селекторы CSS на странице, их иерархию и их свойства. Чем CSSOM отличается от DOM, так это тем, что он не может быть построен постепенно, поскольку правила CSS могут перезаписывать друг друга в разных точках из-за specificity (порядка применения свойства). Вот почему загрузка CSS блокирует рендеринг, поскольку до тех пор, пока весь CSS не будет проанализирован и не будет построен CSSOM, браузер не может знать, где и как разместить каждый элемент на экране.

2.4 Выполнение JavaScript

Как и когда ресурсы JavaScript будут загружены, определяет, в какой-то момент они будут проанализированы, скомпилированы и выполнены. В разных браузерах для выполнения этой задачи используются разные механизмы JavaScript. Анализ JavaScript может быть дорогостоящим процессом с точки зрения ресурсов компьютера, в большей степени, чем другие типы ресурсов, поэтому его оптимизация так важна для достижения хорошей производительности. Прочтите этот фантастический пост, чтобы подробнее узнать, как работает движок JavaScript. События загрузки После того, как синхронно загруженный JavaScript и DOM будут полностью проанализированы и готовы, будет сгенерировано событие document.DOMContentLoaded. Для любых сценариев, которым требуется доступ к DOM, например, для управления им или прослушивания событий взаимодействия с пользователем, рекомендуется сначала дождаться этого события перед выполнением сценариев.

2.5 Объединение DOM и CSSOM, для построения дерево рендеринга

Дерево рендеринга представляет собой комбинацию DOM и CSSOM и представляет все, что будет отображаться на странице. Это не обязательно означает, что все узлы в дереве рендеринга будут визуально присутствовать, например узлы со стилями opacity: 0 или visibility: hidden будут включены и могут быть прочитаны программой чтения с экрана и т. д., тогда как те, которые настроены на display: none будет исключены. Кроме того, такие теги, как head, не содержащие визуальной информации, всегда будут пропущены. Как и в случае с движками JavaScript, разные браузеры имеют разные механизмы рендеринга. Дерево специальных возможностей создается с помощью DOM, и позже его будут использовать вспомогательные устройства для анализа и интерпретации содержимого страницы, которую мы посещаем. ACT — семантическая версия DOM, которая обновляется каждый раз, когда обновляется DOM. У каждого элемента DOM, который подвергается воздействию вспомогательных технологий, будет соответствующий узел в ACT. Пока ACT не построен, его содержание недоступно для экранного считывающего устройства.

2.6 Расчет макета и отрисовка результата

Теперь, когда у нас есть полное дерево рендеринга, браузер знает, что рендерить, но не знает, где рендерить. Следовательно, необходимо рассчитать макет страницы (то есть положение и размер каждого узла). Механизм рендеринга проходит дерево рендеринга, начиная с вершины и идя вниз, вычисляет координаты, в которых должен отображаться каждый узел. Как только это будет сделано, последний шаг — используя эту информацию о макете отрисовать пиксели на экране.

Реферат к вопросам экзамена по дисциплине Интернет-технологии 1 курса магистратуры ▶️

Выполнили: Смышляев Г. Е. ИДМ-22-03; Хикматов У. С. ИДМ 22-04; Темури К. ИДМ-22-04; Сухоруков Илья ИДМ-22-07; Чернышов Александр ИДМ-22-01; Маришин Владислав ИДМ-22-06

ИСТОЧНИКИ

  1. 📑 Учебный материал (лекция, практикум...) или стандарт;

  2. 📃 Научно-популярная или техническая статья:

    2.1 (https://kurl.ru/BAyyz);

    2.2 (https://studfile.net/preview/4170334/);

  3. 🎦 Видео-ролик;

  4. 💻 Веб-приложение;

  5. 💬 Чье-то мнение (хабр...).

Clone this wiki locally