Графическая нотация для документирования информационной архитектуры и взаимодействий пользователя с веб-сайтом
Джесс Джеймс Гарретт
Одним из способов представления информационной архитектуры и взаимодействий пользователя с веб-сайтом является использование диаграмм. Этот документ представляет некоторые аспекты моделирования информационных систем, основные графические символы для документирования информационной архитектуры и способов взаимодействия пользователя с веб-сайтом в виде диаграмм, а так же методику создания и использования таких диаграмм.
История развития документа
Версия 1.1b (06 Марта 2002)
OmniGraffle 2.0 — первое приложение, которое поставляется с встроенной поддержкой VisVocab. Сейчас OmniGraffle предустанавливается на все Apple Power Macs и PowerBooks. Можно так же загрузить с сайта Omni.
Версия 1.1 (31 Января 2001)
Добавлен элемент «набор файлов»
Добавлен элемент «условный селектор»
Модифицирован элемент «стрелка», можно использовать несколько указателей (arrowheads)
Модифицирован элемент «кластер», теперь этот элемент используется только в нисходящем потоке от условной ветви или селектора
Модифицирован элемент «условная ветвь», элемент может принимать значение «пусто» (null)
Улучшения в библиотеках символов
Новая библиотека для Adobe InDesign
Версия 1.0 (17 Октября 2000)
Первая версия документа
Предисловие переводчика
Большое влияние на перевод этого текста оказала книга А.Леоненкова «Самоучитель UML», многие термины и словарные конструкции использованы мной в том же смысле, что и А. Леоненковым. Вообще, эта книга является ключом к правильному пониманию графической нотации для моделирования ИА и способов взаимодействия пользователя с сайтом.
Замечу, что данная нотация не имеет никакого отношения к UML и, по сути, является всего лишь одним из способов представления ИА, созданным архитектором для собственных нужд. Однако этот способ моделирования информационной системы показался мне достаточно простым и гибким для того, чтобы его можно было предложить использовать остальным. Приятного прочтения.
Предисловие
Графическая нотация — это набор символов, используемых для визуального моделирования чего-либо (обычно системы, структуры или процесса). Нотация, представленная здесь, может быть использована информационным архитектором или дизайнером взаимодействий (Interaction Designer) для того, чтобы описать на высоком уровне абстракции информационную архитектуру и/или процесс взаимодействия пользователя с веб-сайтом.
Эти описания (диаграммы) разрабатываются для пяти основных аудиторий
Спонсоры проектов и менеджеры проектов используют диаграммы, чтобы получить общее представление о структуре и форме проекта.
Редакторы используют диаграммы, чтобы определить требования к содержанию (информационному наполнению) проекта.
Дизайнеры и дизайнеры интерфейсов используют диаграммы, чтобы определить количество типов страниц с уникальным дизайном, а так же для того, чтобы получить общее представление о системе навигации и требованиях к интерфейсу.
Веб-Технологи используют диаграммы, чтобы определить функциональные требования.
Информационные архитекторы и проектировщики интеракций используют диаграммы для дальнейшей разработки более детализованных документов, представляющих навигацию и интерфейс отдельных страниц.
Каждый из представителей любого типа (кроме спонсоров) нуждается в огромном количестве дополнительных деталей, чтобы успешно выполнить свою работу. Проблема в том, что компоненты моделируемой системы, необходимые для работы одной аудитории очень сильно отличаются от компонентов, нужных другой.
Единственным решением этой проблемы является использование минимального уровня детализации (максимального уровня абстракции) на диаграммах таким образом, чтобы диаграммы были одинаково понятны любому типу аудитории. Диаграмма в этом случае служит основой для создания более детализованных документов, ориентированных уже на конкретные потребности каждой аудитории.
Некоторые ключевые требования графической нотации для документирования информационной архитектуры и способов взаимодействия пользователя с веб-сайтом включают в себя
Широкоформатность нотация должна быть достаточно простой для того, чтобы можно было набросать основные символы то руки. Элементы диаграммы должны размещаться таким образом, чтобы позднее можно было добавить элементы без излишнего «утяжеления» внешнего вида и без ущерба для понимания диаграммы.
Независимость от использования конкретных инструментов нотация должна быть независима от использования конкретных программных инструментов для создания диаграмм, так же, как не должна ориентироваться на какой-либо конкретный инструмент. Архитектура нотации должна предполагать конвертацию графических символов нотации в формат предпочитаемой архитектором программы.
Малый размер и самодостаточность поскольку диаграммы ориентированы на очень широкий спектр аудиторий с разным уровнем знаний (или заинтересованности) систем диаграммирования, используемых в других областях моделирования, диаграммы, создаваемые с помощью данной нотации, должны быть понятными без специальных знаний. Общее количество элементов на диаграмме должно быть минимальным для верного понимания связи между элементами концепции и графическим символом для его представления. Концепция, представленная на диаграмме, может быть сколь угодно сложной (комплексной), диаграмма, представляющая концепцию, должна быть простой и понятной.
Моделирование статичной информационной системы
Информационная архитектура и дизайн взаимодействий как способы моделирования информационной системы — это две стороны одной монеты (см. элементы структуры «Опыта Пользователя», там есть определения этих терминов в том смысле, в котором они использованы здесь.) Создание диаграмм структуры сайта связано с обоими типами моделирования. Но цели диаграмм для каждого типа будут слегка отличаться.
В обоих случаях диаграммы представляют макроструктуру, с необходимым минимумом деталей для того, чтобы разработчики могли увидеть картину целиком. Поэтому задача архитектора состоит в том, чтобы заранее определить необходимый уровень детализации диаграммы. Микроструктура (структура отдельно взятой страницы) описывается в других документах и, скорее всего, не архитектором (а дизайнером — прим. пер.)
Диаграмма информационной архитектуры должна представлять концептуальную структуру и организацию содержания сайта. Заметим, что концептуальная структура — это не то же самое, что структура навигации. Цель диаграммы ИА не состоит в том, чтобы представить полную спецификацию системы навигации по сайту, это лучше сделать в другом документе, где можно позволить себе больший уровень детализации.
Диаграмма взаимодействий должна представлять, способы выполнения пользователем отдельных задач на сайте, а также дискретные шаги, которые ему нужно предпринять для выполнения задачи. Как и в случае с навигацией, детали интерфейса не должны присутствовать на диаграмме — если вы вдруг обнаружите, что занимаетесь рисованием кнопок и полей ввода, значит, вы уходите в сторону излишней детализации диаграммы.
Эта нотация основана на простой концептуальной модели, представляющей информационную архитектуру и способы взаимодействия пользователя с сайтом (системой) вместе
Пользователь взаимодействует с системой посредством путей (paths)
Пользователь перемещается по путям при помощи действий (actions)
Эти действия могут заставить систему сгенерировать события (результаты) (results)
Простые элементы страницы, файлы и наборы страниц и файлов
Основная структурная единица любого веб-сайта — это, конечно, страница (page). На диаграмме страница изображается простым прямоугольником. Заметим, что страница на диаграмме — это единица представления, а не реализации. Например, одна страница на диаграмме может представлять в действительности несколько HTML файлов (например, страница содержит набор фреймов) или несколько разрозненных фрагментов кода (когда используются включения на стороне сервера (SSI) или базы данных).
Кроме страниц, существуют файлы (files) — единицы организационной структуры сайта, не имеющие навигационных свойств. Пользователь работает с файлами вне браузера (аудио и видео файлы, отдельные документы, такие, как PDF, или исполняемые файлы (программы)). Файлы изображаются на диаграмме хорошо известным значком — прямоугольник с загнутым внутрь верхним правым уголком.
Рис. 1а (лево) страница и файл
Рис. 1б (право) набор страниц и файлов
Набор страниц (pagestack) представляет на диаграмме группу функционально идентичных страниц, навигационные свойства которых несущественны по отношению к макроструктуре сайта. Аналогично, набор фалов (filestack) представляет на диаграмме группу файлов, доступ к которой осуществляется по общей для всех системе навигации и которая может быть классифицирована как одно множество (например, коллекция игр или библиотека PDF документов).
Используйте ярлыки (labels) чтобы идентифицировать страницы и файлы. Ярлыки должны быть уникальными для каждой страницы или файла на диаграмме и не должны представлять реальные имена файлов или значения тегов
, например. Уникальные числовые идентификаторы и префиксы типа файла могут быть успешно использованы в качестве ярлыков на диаграмме. <br /> Отношения связи и стрелки <br /> Отношения между элементами на диаграмме изображаются в виде простой линии, или связи (connector). Связи обязательно будут трансформированы в навигационные отношения, но не все навигационные отношения могут быть отражены на диаграмме. <br /> В случае моделирования информационной архитектуры, отношения чаще всего отображаются через иерархическую организацию страниц (в виде деревьев). Однако это не всегда требуется и в некоторых случаях вообще не рекомендуется. <br /> На диаграмме взаимодействий связи должны быть направленными, чтобы представлять пути пошагового выполнения пользователем той или иной задачи. Для этого используются стрелки (arrows). Далее термины выше (восходящий, upstream) и ниже (нисходящий, downstream) в потоке (пути) определяют расположение элемента на диаграмме. <br /> Заметим, что стрелки на диаграмме взаимодействий не имеют семантического значения «движение только в этом направлении». Стрелки, как правило, представляют наиболее вероятное направление движения пользователя. </p>
<p> Рис. 2а (верхняя диаграмма) простая древовидная структура <br /> Рис. 2б (нижняя диаграмма) та же структура, что и на диаграмме 2а, но представленная иначе <br /> Если по каким-либо причинам необходимо запретить движение в обратном направлении (если имело место необратимое действие, например, удаление записи из базы данных), используется перечеркивающая линия (просто вертикальный штрих на противоположном конце стрелки). В случае комплексной архитектуры иногда может появиться необходимость в том, чтобы добавить дополнительный указатель направления (головку стрелки, arrowhead) около элемента, расположенного на диаграмме в восходящем потоке (выше), чтобы яснее представить направление движения. </p>
<p> Рис. 3а (лево верх) Стрелка показывает направление вниз по потоку, по направлению к выполнению задачи <br /> Рис. 3б (лево низ) Вертикальный штрих символизирует запрет на движение обратно по пути <br /> Рис. 3в (право) Множество указателей облегчают понимание диаграммы. <br /> Связям и стрелкам могут быть присвоены ярлыки, но лучше ограничить использование ярлыков для этих элементов теми случаями, когда необходимо обозначить какое-либо конкретное действие пользователя, не более. Если ярлыки становятся слишком длинными и мешают другим элементам на диаграмме, лучше вынести их в легенду или приложения. </p>
<p> Рис. 4а (лево) Пример неправильного ярлыка <br /> Рис. 4б (центр) Пример правильного ярлыка <br /> Рис. 4в (право) Ссылка на ярлык <br /> Параллельный набор <br /> Символ параллельного набора (concurrent set) на диаграмме изображается полукругом, используется в тех случаях, когда действие пользователя генерирует несколько одновременных событий (например, запуск нового окна одновременно с загрузкой документа в основное окно, или отображение страницы одновременно с диалогом загрузки файла). Как и стрелки, символ параллельного набора имеет направление. Элементы диаграммы, расположенные выше по пути соединяются с дугой символа, ниже — с плоской частью (основанием) символа. </p>
<p> Рис. 5 Параллельный набор <br /> Точки входа и выхода <br /> Архитекторам часто приходится работать с огромными листами бумаги, на которых изображена диаграмма системы. Но даже в том случае, когда есть возможность использовать устройство широкоформатной печати, например, плоттер, не всегда возможно уместить диаграмму особенно комплексной архитектуры в один лист. <br /> Для того, чтобы можно было разбить диаграмму на несколько листов, используют точки входа и выхода (continuation points), которые изображаются при помощи квадратных скобок и являются «мостами» между листами диаграмм. </p>
<p> Рис. 6а (лево) Продолжение диаграммы от элемента «D» на другом листе (на рис. 6б) <br /> Рис. 6б (право) Начало диаграммы на другом листе (на рис. 6а) <br /> По мере необходимости, одна точка выхода может вести к нескольким точкам входа. Ориентация скобок (горизонтальная или вертикальная) принципиального значения не имеет и зависит от эстетических предпочтений архитектора[1]. <br /> Общности области и повторяющиеся (итеративные) области <br /> Элемент область (area) изображается на диаграмме как прямоугольник с закругленными углами, используется для обозначения группы страниц, имеющих общий атрибут (например, страницы появляются в выпадающем окне или имеют общий элемент дизайна). Используйте ярлыки, чтобы обозначить этот общий атрибут (или, как в случае со связями, сделайте сноски в приложение или легенду диаграммы). </p>
<p> Рис. 7 Область, объединяющая страницы по признаку «показываются в выпадающем окне» <br /> Часто архитектура предполагает повторение основной структуры элемента применительно к некоторому количеству функционально тождественных элементов. Например, архитектура сайта может моделировать каталог продукции, где каждый элемент каталога имеет ассоциированный набор страниц. Чтобы представить этот момент на диаграмме, используется повторяющаяся область (iterative area) (набор прямоугольников с закругленными углами). </p>
<p> Рис. 8 Повторяющаяся область, представляет множество продуктов в каталоге <br /> Заметим, что связи и стрелки не могут указывать просто на область. Область служит только для того, чтобы представить на диаграмме общность страниц, а не конкретный раздел, например. Использовать области на диаграмме следует аккуратно, так как очень легко сбиться на моделирование с помощью областей таких структур, которые не имеют ни малейшего отношения к вопросу взаимодействия пользователя с сайтом (например, какие страницы на каких сайтах должны быть расположены и т.п.). <br /> Многократно используемые компоненты потоковые области и ссылки на потоковые области <br /> Иногда (особенно часто при проектировании взаимодействий) может потребоваться представить некоторую процедуру как последовательность шагов (процедура входа в закрытую облась сайта, например). Предполагается, что эта процедура многократно используется на сайте в разных контекстах. Часто такие последовательности являются структурными компонентами задач, которые пользователь выполняет на сайте (аналогом может служить процедура в языке программирования (Subroutine)). <br /> Подобная последовательность шагов называется поток (flow) и изображается на диаграмме при помощи двух символов потоковой области (flow area), которая моделирует собственно процедуру и ссылки на потоковую область (flow reference), которая представляет поток в разных контекстах на диаграмме. Оба элемента имеют одинаковую основную форму — прямоугольник с обрезанными углами (или, если хотите, вытянутый восьмиугольник). </p>
<p> Рис. 9а (лево) Ссылка на потоковую область «Процедура» <br /> Рис. 9б (право) Потоковая область «Процедура» <br /> Потоковая область предполагает использование точек входа и выхода в поток. Точки располагаются за пределами области и являются ассоциативными ссылками на множество структурных элементов в зависимости от контекста (в отличие от тех точек, используемых чтобы разбить диаграмму на несколько листов, там точки действительно являются структурными элементами). <br /> Ссылки на потоковые области функционируют сходным образом с точками входа и выхода. Назначение этих элементов одно — позволить архитектору разбить диаграмму на несколько страниц. <br /> Моделирование динамичной информационной системы <br /> Очень часто информационная архитектура и структура взаимодействий должны меняться в зависимости от различных условий. Эти изменения описываются в терминах условной логики и остальные элементы нотации являются специфичными для динамичных систем. Вот основная концептуальная модель динамичной системы <br /> Система следит за состоянием своих атрибутов (attribute). Эти атрибуты могут иметь отношение к <br /> Пользователю (например, тип пользователя) <br /> Сессии (например, статус пользователя в системе) <br /> Типу содержания, к которому получен доступ <br /> Реальному миру (например, время и дата) <br /> Атрибуты имеют значения (values) («3 Р.М.» одно из возможных значений атрибута «дата и время») <br /> Ассоциация атрибута с определенным значением называется условием (condition) <br /> Система отслеживает (evaluates) изменения условий <br /> В случае статичной архитектуры каждый путь представляется каждому пользователю в любом случае (в любых условиях), и каждый путь всегда ведет к одному и тому же результату. В динамичной системе система сама решает, какие пути предлагать пользователю и какие результаты представлять в зависимости от тех или иных условий. <br /> Чтобы диаграмма оставалась «чистой» условия, как правило, описываются либо в приложении, либо в легенде. <br /> Точки принятия решений <br /> Когда действие пользователя может сгенерировать несколько результатов, система должна решить, какой результат представить в ответ на действие (самый обычный пример такой логики — процедура обработки ошибок при работе пользователя с формой). На диаграмме такой момент изображается точкой принятия решения (decision point) в форме ромба. Заметим, что стрелки должны использоваться вместе с точками принятия решений, иначе будет непонятно, расположены ли следующие элементы диаграммы выше или ниже точки. </p>
<p> Рис. 10 Точка принятия решения (10а) в потоке «вход пользователя в систему» <br /> Условные связи и стрелки <br /> Условная связь (conditional connector) изображается пунктирной линией, используется в случае, когда путь может быть либо представлен пользователю, либо нет, в зависимости от определенных условий. </p>
<p> Рис. 11а (лево) Условная связь <br /> Рис. 11б (право) Условная стрелка <br /> Например, страница может содержать информацию, доступ к которой разрешен только сотрудникам фирмы. Условием в таком случае будет тип пользователя (сотрудник), если условие удовлетворяет этому требованию, путь открыт. Если нет, путь просто не существует. <br /> Выбор «один из многих» условные ветви <br /> Когда система должна выбрать один путь из нескольких взаимно исключающих, используется символ условной ветви (conditional branch), на диаграмме изображается треугольником. Элементы диаграммы выше ветви соединяются с вершиной треугольника, элементы ниже — с основанием. </p>
<p> Рис. 12 Условная ветвь <br /> Пример на рисунке 12 на первый взгляд похож на пример, изображенный на рисунке 10, но поведение системы, моделируемое на рисунке 12, сильно отличается от поведения на рисунке 10. В точке принятия решения только один путь (или навигационный элемент) будет представлен пользователю; место, в которое пользователь будет перемещен в этом случае, определяется конкретным условием. На рисунке 12 система принимает похожее решение, но происходит это до того, как пользователь предпринял какие-либо действия. Условная ветвь показывает, что система принимает решение о том, какой путь представлять пользователю. Пути со страницы А на страницы B, C и D взаимно исключают друг друга, т.е. если существует путь B, то пути C и D нет. <br /> Как и в случае с условными связями и стрелками, условные ветви могут вообще не представлять пользователю никакого пути. Разница в том, что отрицательный результат («пустой» путь) может быть разрешен, т.е. атрибут системы может принимать трех возможных логических значения (истина, ложь, ничто (null)), а не два (истина, ложь). Способность системы представлять пустые пути обязательно нужно указать в приложении к диаграмме. <br /> Выбор «один или много» условные селекторы <br /> Функции условного селектора (conditional selector) (на диаграмме изображается трапецией) схожи с функциями условной ветви, за одним важным исключением в случае с селектором, нисходящие пути не исключают друг друга, т.е. пользователь видит любое количество путей, удовлетворяющих тем или иным условиям. </p>
<p> Рис. 13 Условный селектор <br /> Например, символом условного селектора можно представить на диаграмме список страниц с результатом поиска в поисковой машине. В этом случае страницы с результатом будут располагаться вверх от селектора, условием будет служить критерий поиска, нисходящий путь от селектора будет вести на проиндексированные машиной страницы. Как и условная ветвь, условный селектор может сгенерировать пустой путь и этот момент необходимо отразить в приложении к диаграмме. <br /> Одно решение, много путей кластеры <br /> Некоторые условные структуры требуют, чтобы система представляла пользователю более одного пути в зависимости от условия. Эти пути ассоциируется в кластеры (clasters) (изображается кругом). Кластер изображается на нисходящем пути от условной ветви или условного селектора. </p>
<p> Рис. 14 Кластер <br /> Структура, изображенная на рисунке 14 функционирует как обычная условная ветвь, но для одного из условий мы представляем больше одного пути. То есть если значением атрибута станет «X» пользователь увидит путь на страницу B, а если значением будет «Y», то пользователь увидит пути на страницу C и D. <br /> Ограничения условные области <br /> Когда одно или несколько условий применяется к группе страниц, эта группа изображается на диаграмме как условная область (conditional area) (прямоугольник с закругленными углами пунктирной линией). </p>
<p> Рис. 15 Пример условной области, где требуется безопасное соединение <br /> Условные области применяются, как правило, в ситуациях, предполагающих ограничения доступа. В отличие от других типов областей, условные области ассоциируются с результатом, который генерируется системой в случае, когда условие не выполнено. <br /> Загружаемые библиотеки символов <br /> Stencil file для Visio 2000 <br /> Stencil file для Visio 5 <br /> Stencil file для Visio 4 <br /> PowerPoint file <br /> Library file для Adobe InDesign <br /> Illustrator EPS file <br /> набор EPS файлов, содержит один элемент на файл, для импорта в другие приложения (1.1 MB) <br /> Заключение <br /> Диаграмма для сайта «MetaFilter» (http //www.metafilter.com) является конкретным примером диаграммы информационной архитектуры и способов взаимодействия пользователя с веб-сайтом (автор не был вовлечен в разработку этого сайта). Данная нотация — это только первый шаг в разработке унифицированного визуального языка моделирования информационной архитектуры и способов взаимодействия пользователя с веб-сайтом. Любые замечания и дополнения рассматриваются по адресу jjg@jjg.net.</p>
</div>
</article> </div>
<!--noindex-->
<center><a rel="nofollow" href="https://bestreferat.su/w/vsesdal" target="_blank"><img alt="Выполним-любую-студенческую-работу" data-src="https://bestreferat.su/wp-content/uploads/2021/12/vypolnim-lyubuyu.png" class="center lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="><noscript><img alt="Выполним-любую-студенческую-работу" data-src="https://bestreferat.su/wp-content/uploads/2021/12/vypolnim-lyubuyu.png" class="center lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="><noscript><img class="center" src="https://bestreferat.su/wp-content/uploads/2021/12/vypolnim-lyubuyu.png" alt="Выполним-любую-студенческую-работу"></noscript></noscript></a></center>
<!--/noindex-->
<div class="col-md-12 mt-5 wow fadeInUp">
<div id="comments" class="comments-area">
</div>
</div> </div>
</div>
<div class="col-lg-4 pl-lg-4">
<div class="sidebar">
<aside id="custom_html-2" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><!--noindex-->
<center><a rel="nofollow noopener" href="https://vsesdal.com/promo/?ref=123962" target="_blank"><img alt="курсовые рефераты" data-src="https://bestreferat.su/wp-content/uploads/2021/08/vsesdal-300-2.png" class="center lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="><noscript><img class="center" src="https://bestreferat.su/wp-content/uploads/2021/08/vsesdal-300-2.png" alt="курсовые рефераты"></noscript></a></center>
<!--/noindex--></div></aside><aside id="text-2" class="widget widget_text"><h5 class="widget-title">Калькулятор стоимости контрольных, курсовых и др. работ</h5> <div class="textwidget"><p><ELEMENT onchange="handler"></p>
<style type='text/css'>form.wpcf8-form {
position: static;
border: 2px solid #716f6e;
background-color: #214462;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
-moz-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
font-family: 'Helvetica Neue',Helvetica,sans-serif;
text-decoration: none;
vertical-align: middle;
max-width: 300px;
padding: 10px;
}</style>
<form class="wpcf8-form">
<div class="calc-rs-wrap">
<div class="calc-rs">
<p> <center><img decoding="async" width="137" height="67" alt="" data-src="https://bestreferat.su/wp-content/uploads/2021/08/foncalc.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img decoding="async" src="https://bestreferat.su/wp-content/uploads/2021/08/foncalc.jpg" width="137" height="67" alt="" /></noscript></center></p>
<div class="calc-rs-row">
<p></p>
<p><span style="font-size: 24pt;"></span></p>
<p><span style="font-size: 12pt;">Выбери параметры своей работы и узнай её примерную стоимость.</span></p>
<div class="calc-rs-row-tile">Тип работы</div>
<div class="calc-rs-row-body">
<select name="work-type" id="calc-type" onchange="showMessage()"><br />
<!--<option selected="selected"></option>--><option data-val="2700" value="v1" selected="selected">Курсовая</option><option data-val="13000" value="v2">Диплом. Бакалавр</option><option data-val="15000" value="v3">Диплом.Магистр</option><option data-val="300" value="v4">Автореферат</option><option data-val="300" value="v5">Аннотация</option><option data-val="1600" value="v6">Аспирантский реферат</option><option data-val="2700" value="v7">Бизнес-план</option><option data-val="150000" value="v8">Диссертация</option><option data-val="1000" value="v9">Дневник по практике</option><option data-val="700" value="v10">Домашняя работа</option><option data-val="400" value="v11">Задача</option><option data-val="800" value="v12">Кейс</option><option data-val="700" value="v13">Контрольная работа</option><option data-val="800" value="v14">Лабораторная работа</option><option data-val="35000" value="v15">Монография</option><option data-val="1600" value="v16">Научная статья</option><option data-val="200" value="v17">Ответы на билеты</option><option data-val="1700" value="v18">Отчет по практике</option><option data-val="700" value="v19">Перевод</option><option data-val="100" value="v20">План</option><option data-val="1000" value="v21">Повышение уникальности</option><option data-val="1000" value="v22">Презентация PowerPoint</option><option data-val="1400" value="v23">Реферат</option><option data-val="300" value="v24">Рецензия (только текст)</option><option data-val="1000" value="v25">Сочинение</option><option data-val="1600" value="v26">Статьи для диссертации</option><option data-val="1200" value="v27">Статья</option><option data-val="400" value="v28">Тест</option><option data-val="1200" value="v29">Эссе</option></select>
</div>
</p></div>
<div class="calc-rs-row-dop">
<div class="calc-rs-row">
<div class="calc-rs-row-tile">Объем работы (стр.)</div>
<div class="calc-rs-row-body">
<select onchange="showMessage()"><option data-kn="0" data-dn="0" data-mn="0" selected="selected"></option><option data-kn="0" data-dn="0" data-mn="0">5-10</option><option data-kn="0" data-dn="10" data-mn="10">10-20</option><option data-kn="0" data-dn="10" data-mn="20">20-40</option><option data-kn="20" data-dn="10" data-mn="30">41-50</option><option data-kn="60" data-dn="20" data-mn="40">51-60</option><option data-kn="70" data-dn="20" data-mn="50">61-70</option><option data-kn="80" data-dn="30" data-mn="60">71-80</option><option data-kn="90" data-dn="50" data-mn="70">81-90</option><option data-kn="100" data-dn="60" data-mn="80">91-100</option><option data-kn="100" data-dn="80" data-mn="90">101-110</option><option data-kn="100" data-dn="100" data-mn="100">111-120</option></select></div>
</p></div>
<div class="calc-rs-row">
<div class="calc-rs-row-tile">Срок исполнения</div>
<div class="calc-rs-row-body">
<select onchange="showMessage()"><option data-kn="0" data-dn="0" data-mn="0" selected="selected"></option><option data-kn="100" data-dn="100" data-mn="100">1 день</option><option data-kn="50" data-dn="50" data-mn="80">2-3 дня</option><option data-kn="20" data-dn="20" data-mn="50">4 — 5 дней</option><option data-kn="0" data-dn="0" data-mn="20">6 — 10 дней</option><option data-kn="0" data-dn="0" data-mn="0">Более 10 дней</option></select></div>
<div class="calc-rs-row">
<div class="calc-rs-row-tile">Оригинальность:</div>
<div class="calc-rs-row-body">
<select onchange="showMessage()"><option data-kn="0" data-dn="0" data-mn="0" selected="selected"></option><option data-kn="3" data-dn="0" data-mn="50">10%</option><option data-kn="15" data-dn="0" data-mn="50">50%</option><option data-kn="21" data-dn="20" data-mn="80">70%</option><option data-kn="27" data-dn="20" data-mn="100">90%</option></select>
</div>
</p></div>
</p></div>
</div>
<div class="calc-rs-row-end">
<div class="calc-rs-row-button"><a>Рассчитать</a></div>
<div class="calc-rs-row-result"><span>0</span></div>
</p></div>
</p></div>
</div>
<p><span style="font-size: 12pt;" data-mce-mark="1">Рассчитанная стоимость является приблизительной. В расчет не включены следующие показатели работы:</span></p>
<p><span style="font-size: 12pt;" data-mce-mark="1">1. Сложность темы.</span></p>
<p><span style="font-size: 12pt;" data-mce-mark="1">2. Особые требования ВУЗа и научного руководителя.</span></p>
<p><span style="font-size: 12pt;">Для уточнения цены отправьте нам заявку с описанием вашей ситуации, это бесплатно</span></p>
<p><center><a href="https://bestreferat.su/w/vsesdalkalkulyator" class="button25">УТОЧНИТЬ СТОИМОСТЬ</a></center><br />
</form>
</div>
</aside><aside id="categories-2" class="widget widget_categories"><h5 class="widget-title">Содержание</h5>
<ul>
<li class="cat-item cat-item-4"><a href="https://bestreferat.su/category/aviaciya-i-kosmonavtika">Авиация и космонавтика</a>
</li>
<li class="cat-item cat-item-3"><a href="https://bestreferat.su/category/administrativnoe-pravo">Административное право</a>
</li>
<li class="cat-item cat-item-5"><a href="https://bestreferat.su/category/arbitrazhnyy-process">Арбитражный процесс</a>
</li>
<li class="cat-item cat-item-6"><a href="https://bestreferat.su/category/arhitektura">Архитектура</a>
</li>
<li class="cat-item cat-item-7"><a href="https://bestreferat.su/category/astrologiya">Астрология</a>
</li>
<li class="cat-item cat-item-8"><a href="https://bestreferat.su/category/astronomiya">Астрономия</a>
</li>
<li class="cat-item cat-item-9"><a href="https://bestreferat.su/category/bankovskoe-delo">Банковское дело</a>
</li>
<li class="cat-item cat-item-10"><a href="https://bestreferat.su/category/bezopasnost-zhiznedeyatelnosti">Безопасность жизнедеятельности</a>
</li>
<li class="cat-item cat-item-108"><a href="https://bestreferat.su/category/bilety">Билеты</a>
</li>
<li class="cat-item cat-item-11"><a href="https://bestreferat.su/category/biografii">Биографии</a>
</li>
<li class="cat-item cat-item-12"><a href="https://bestreferat.su/category/biologiya">Биология</a>
</li>
<li class="cat-item cat-item-13"><a href="https://bestreferat.su/category/biologiya-i-himiya">Биология и химия</a>
</li>
<li class="cat-item cat-item-14"><a href="https://bestreferat.su/category/birzhevoe-delo">Биржевое дело</a>
</li>
<li class="cat-item cat-item-15"><a href="https://bestreferat.su/category/botanika-i-selskoe-hoz-vo">Ботаника и сельское хоз-во</a>
</li>
<li class="cat-item cat-item-16"><a href="https://bestreferat.su/category/buhgalterskiy-uchet-i-audit">Бухгалтерский учет и аудит</a>
</li>
<li class="cat-item cat-item-17"><a href="https://bestreferat.su/category/gosudarstvo-i-pravo">Государство и право</a>
</li>
<li class="cat-item cat-item-18"><a href="https://bestreferat.su/category/grazhdanskoe-pravo-i-process">Гражданское право и процесс</a>
</li>
<li class="cat-item cat-item-19"><a href="https://bestreferat.su/category/deloproizvodstvo">Делопроизводство</a>
</li>
<li class="cat-item cat-item-20"><a href="https://bestreferat.su/category/dengi-i-kredit">Деньги и кредит</a>
</li>
<li class="cat-item cat-item-21"><a href="https://bestreferat.su/category/estestvoznanie">Естествознание</a>
</li>
<li class="cat-item cat-item-22"><a href="https://bestreferat.su/category/zhurnalistika">Журналистика</a>
</li>
<li class="cat-item cat-item-109"><a href="https://bestreferat.su/category/zakonodatelnaya-osnova-administrativnoj-otvetstvennosti">Законодательная основа административной ответственности</a>
</li>
<li class="cat-item cat-item-23"><a href="https://bestreferat.su/category/zoologiya">Зоология</a>
</li>
<li class="cat-item cat-item-24"><a href="https://bestreferat.su/category/izdatelskoe-delo-i-poligrafiya">Издательское дело и полиграфия</a>
</li>
<li class="cat-item cat-item-107"><a href="https://bestreferat.su/category/izlozheniya">Изложения</a>
</li>
<li class="cat-item cat-item-25"><a href="https://bestreferat.su/category/investicii">Инвестиции</a>
</li>
<li class="cat-item cat-item-26"><a href="https://bestreferat.su/category/inostrannyy-yazyk">Иностранный язык</a>
</li>
<li class="cat-item cat-item-27"><a href="https://bestreferat.su/category/informatika">Информатика</a>
</li>
<li class="cat-item cat-item-28"><a href="https://bestreferat.su/category/informatika-programmirovanie">Информатика программирование</a>
</li>
<li class="cat-item cat-item-29"><a href="https://bestreferat.su/category/kompyuternye-nauki">Компьютерные науки</a>
</li>
<li class="cat-item cat-item-30"><a href="https://bestreferat.su/category/kosmetologiya">Косметология</a>
</li>
<li class="cat-item cat-item-31"><a href="https://bestreferat.su/category/kraevedenie-i-etnografiya">Краеведение и этнография</a>
</li>
<li class="cat-item cat-item-32"><a href="https://bestreferat.su/category/kratkoe-soderzhanie-proizvedeniy">Краткое содержание произведений</a>
</li>
<li class="cat-item cat-item-33"><a href="https://bestreferat.su/category/kriminalistika">Криминалистика</a>
</li>
<li class="cat-item cat-item-34"><a href="https://bestreferat.su/category/kriminologiya">Криминология</a>
</li>
<li class="cat-item cat-item-35"><a href="https://bestreferat.su/category/kriptologiya">Криптология</a>
</li>
<li class="cat-item cat-item-36"><a href="https://bestreferat.su/category/kulinariya">Кулинария</a>
</li>
<li class="cat-item cat-item-37"><a href="https://bestreferat.su/category/literatura-i-russkiy-yazyk">Литература и русский язык</a>
</li>
<li class="cat-item cat-item-38"><a href="https://bestreferat.su/category/logika">Логика</a>
</li>
<li class="cat-item cat-item-39"><a href="https://bestreferat.su/category/logistika">Логистика</a>
</li>
<li class="cat-item cat-item-40"><a href="https://bestreferat.su/category/marketing">Маркетинг</a>
</li>
<li class="cat-item cat-item-41"><a href="https://bestreferat.su/category/matematika">Математика</a>
</li>
<li class="cat-item cat-item-43"><a href="https://bestreferat.su/category/medicinskie-nauki">Медицинские науки</a>
</li>
<li class="cat-item cat-item-44"><a href="https://bestreferat.su/category/mezhdunarodnoe-publichnoe-pravo">Международное публичное право</a>
</li>
<li class="cat-item cat-item-45"><a href="https://bestreferat.su/category/mezhdunarodnoe-chastnoe-pravo">Международное частное право</a>
</li>
<li class="cat-item cat-item-46"><a href="https://bestreferat.su/category/mezhdunarodnye-otnosheniya">Международные отношения</a>
</li>
<li class="cat-item cat-item-47"><a href="https://bestreferat.su/category/menedzhment">Менеджмент</a>
</li>
<li class="cat-item cat-item-48"><a href="https://bestreferat.su/category/metallurgiya">Металлургия</a>
</li>
<li class="cat-item cat-item-49"><a href="https://bestreferat.su/category/moskvovedenie">Москвоведение</a>
</li>
<li class="cat-item cat-item-50"><a href="https://bestreferat.su/category/muzyka">Музыка</a>
</li>
<li class="cat-item cat-item-51"><a href="https://bestreferat.su/category/municipalnoe-pravo">Муниципальное право</a>
</li>
<li class="cat-item cat-item-52"><a href="https://bestreferat.su/category/nalogi-nalogooblozhenie">Налоги налогообложение</a>
</li>
<li class="cat-item cat-item-53"><a href="https://bestreferat.su/category/nauka-i-tehnika">Наука и техника</a>
</li>
<li class="cat-item cat-item-54"><a href="https://bestreferat.su/category/nachertatelnaya-geometriya">Начертательная геометрия</a>
</li>
<li class="cat-item cat-item-55"><a href="https://bestreferat.su/category/okkultizm-i-ufologiya">Оккультизм и уфология</a>
</li>
<li class="cat-item cat-item-113"><a href="https://bestreferat.su/category/osnovnaya-chast-obshhie-polozheniya">Основная часть. Общие положения.</a>
</li>
<li class="cat-item cat-item-56"><a href="https://bestreferat.su/category/ostalnye-referaty">Остальные рефераты</a>
</li>
<li class="cat-item cat-item-57"><a href="https://bestreferat.su/category/pedagogika">Педагогика</a>
</li>
<li class="cat-item cat-item-58"><a href="https://bestreferat.su/category/politologiya">Политология</a>
</li>
<li class="cat-item cat-item-59"><a href="https://bestreferat.su/category/pravo">Право</a>
</li>
<li class="cat-item cat-item-61"><a href="https://bestreferat.su/category/predprinimatelstvo">Предпринимательство</a>
</li>
<li class="cat-item cat-item-62"><a href="https://bestreferat.su/category/promyshlennost-proizvodstvo">Промышленность производство</a>
</li>
<li class="cat-item cat-item-63"><a href="https://bestreferat.su/category/psihologiya">Психология</a>
</li>
<li class="cat-item cat-item-64"><a href="https://bestreferat.su/category/psihologiya-pedagogika">психология педагогика</a>
</li>
<li class="cat-item cat-item-65"><a href="https://bestreferat.su/category/radioelektronika">Радиоэлектроника</a>
</li>
<li class="cat-item cat-item-66"><a href="https://bestreferat.su/category/reklama">Реклама</a>
</li>
<li class="cat-item cat-item-67"><a href="https://bestreferat.su/category/religiya-i-mifologiya">Религия и мифология</a>
</li>
<li class="cat-item cat-item-68"><a href="https://bestreferat.su/category/ritorika">Риторика</a>
</li>
<li class="cat-item cat-item-69"><a href="https://bestreferat.su/category/seksologiya">Сексология</a>
</li>
<li class="cat-item cat-item-70"><a href="https://bestreferat.su/category/sociologiya">Социология</a>
</li>
<li class="cat-item cat-item-71"><a href="https://bestreferat.su/category/statistika">Статистика</a>
</li>
<li class="cat-item cat-item-72"><a href="https://bestreferat.su/category/strahovanie">Страхование</a>
</li>
<li class="cat-item cat-item-73"><a href="https://bestreferat.su/category/stroitelnye-nauki">Строительные науки</a>
</li>
<li class="cat-item cat-item-74"><a href="https://bestreferat.su/category/stroitelstvo">Строительство</a>
</li>
<li class="cat-item cat-item-75"><a href="https://bestreferat.su/category/shemotehnika">Схемотехника</a>
</li>
<li class="cat-item cat-item-76"><a href="https://bestreferat.su/category/tamozhennaya-sistema">Таможенная система</a>
</li>
<li class="cat-item cat-item-77"><a href="https://bestreferat.su/category/teoriya-gosudarstva-i-prava">Теория государства и права</a>
</li>
<li class="cat-item cat-item-78"><a href="https://bestreferat.su/category/teoriya-organizacii">Теория организации</a>
</li>
<li class="cat-item cat-item-79"><a href="https://bestreferat.su/category/teplotehnika">Теплотехника</a>
</li>
<li class="cat-item cat-item-80"><a href="https://bestreferat.su/category/tehnologiya">Технология</a>
</li>
<li class="cat-item cat-item-81"><a href="https://bestreferat.su/category/tovarovedenie">Товароведение</a>
</li>
<li class="cat-item cat-item-82"><a href="https://bestreferat.su/category/transport">Транспорт</a>
</li>
<li class="cat-item cat-item-83"><a href="https://bestreferat.su/category/trudovoe-pravo">Трудовое право</a>
</li>
<li class="cat-item cat-item-84"><a href="https://bestreferat.su/category/turizm">Туризм</a>
</li>
<li class="cat-item cat-item-85"><a href="https://bestreferat.su/category/ugolovnoe-pravo-i-process">Уголовное право и процесс</a>
</li>
<li class="cat-item cat-item-86"><a href="https://bestreferat.su/category/upravlenie">Управление</a>
</li>
<li class="cat-item cat-item-87"><a href="https://bestreferat.su/category/upravlencheskie-nauki">Управленческие науки</a>
</li>
<li class="cat-item cat-item-112"><a href="https://bestreferat.su/category/uchebnye-posobiya">Учебные Пособия</a>
</li>
<li class="cat-item cat-item-88"><a href="https://bestreferat.su/category/fizika">Физика</a>
</li>
<li class="cat-item cat-item-89"><a href="https://bestreferat.su/category/fizkultura-i-sport">Физкультура и спорт</a>
</li>
<li class="cat-item cat-item-90"><a href="https://bestreferat.su/category/filosofiya">Философия</a>
</li>
<li class="cat-item cat-item-91"><a href="https://bestreferat.su/category/finansovye-nauki">Финансовые науки</a>
</li>
<li class="cat-item cat-item-92"><a href="https://bestreferat.su/category/finansy">Финансы</a>
</li>
<li class="cat-item cat-item-93"><a href="https://bestreferat.su/category/fotografiya">Фотография</a>
</li>
<li class="cat-item cat-item-94"><a href="https://bestreferat.su/category/himiya">Химия</a>
</li>
<li class="cat-item cat-item-95"><a href="https://bestreferat.su/category/hozyaystvennoe-pravo">Хозяйственное право</a>
</li>
<li class="cat-item cat-item-96"><a href="https://bestreferat.su/category/cifrovye-ustroystva">Цифровые устройства</a>
</li>
<li class="cat-item cat-item-111"><a href="https://bestreferat.su/category/shpargalki">Шпаргалки</a>
</li>
<li class="cat-item cat-item-114"><a href="https://bestreferat.su/category/ekologicheskij-k-nemu-otnositsya-risk-razlichnyh-ekologicheskih-katastrof-i-bedstvij-navodnenij-pozharov-i-t-p-otriczatelno-skazyvayushhihsya-na-deyatelnosti-investiruemyh-obektov">Экологический. К нему относится риск различных экологических катастроф и бедствий (наводнений пожаров и т.п.) отрицательно сказывающихся на деятельности инвестируемых объектов.</a>
</li>
<li class="cat-item cat-item-97"><a href="https://bestreferat.su/category/ekologicheskoe-pravo">Экологическое право</a>
</li>
<li class="cat-item cat-item-98"><a href="https://bestreferat.su/category/ekologiya">Экология</a>
</li>
<li class="cat-item cat-item-99"><a href="https://bestreferat.su/category/ekonomika">Экономика</a>
</li>
<li class="cat-item cat-item-100"><a href="https://bestreferat.su/category/ekonomiko-matematicheskoe-modelirovanie">Экономико-математическое моделирование</a>
</li>
<li class="cat-item cat-item-101"><a href="https://bestreferat.su/category/ekonomicheskaya-geografiya">Экономическая география</a>
</li>
<li class="cat-item cat-item-102"><a href="https://bestreferat.su/category/ekonomicheskaya-teoriya">Экономическая теория</a>
</li>
<li class="cat-item cat-item-103"><a href="https://bestreferat.su/category/etika">Этика</a>
</li>
<li class="cat-item cat-item-104"><a href="https://bestreferat.su/category/yurisprudenciya">Юриспруденция</a>
</li>
<li class="cat-item cat-item-105"><a href="https://bestreferat.su/category/yazykovedenie">Языковедение</a>
</li>
<li class="cat-item cat-item-106"><a href="https://bestreferat.su/category/yazykoznanie-filologiya">Языкознание филология</a>
</li>
</ul>
</aside> </div>
</div> </div>
</div>
</section>
<!--===// Start: Footer
=================================-->
</div>
<footer id="footer-section" class="footer-section main-footer" style="background:url('https://bestreferat.su/wp-content/uploads/2021/08/footer.jpg') no-repeat scroll center center / cover rgb(0 0 0 / 0.75);background-blend-mode:multiply;">
<div class="footer-copyright">
<div class="container">
<div class="row align-items-center gy-lg-0 gy-4">
<div class="col-lg-6 col-md-6 col-12 text-lg-left text-md-left text-center">
<div class="widget-left text-lg-left text-md-left text-center">
<aside class="widget widget-contact">
<div class="contact-area">
<div class="contact-icon">
<div class="contact-corn"><i class="fa fa-phone"></i></div>
</div>
<div class="contact-icon-duplicate"><i class="fa fa-phone"></i></div>
<div class="contact-info">
<h6 class="title"></h6>
<p class="text"></p>
</div>
</div>
</aside>
</div>
</div>
<div class="col-lg-6 col-md-6 col-12 text-lg-right text-md-right text-center">
<div class="copyright-text">
Права защищены © 2015-2024 BestReferat <br /><a href="https://bestreferat.su/sitemap.xml" rel="noopener noreferrer" target="_blank">Карта сайта BestReferat_su</a> </div>
</div>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
<div class="row align-items-center gy-lg-0 gy-4">
<div class="col-lg-12 col-md-12 col-12 text-lg-left text-md-left text-center">
<div class="copyright-text">
Размещенные на сайт контрольные, курсовые и иные категории работ (далее — Работы) и их содержимое предназначены исключительно для ознакомления, без целей коммерческого использования. Все права в отношении Работ и их содержимого принадлежат их законным правообладателям. Любое их использование возможно лишь с согласия законных правообладателей. Администрация сайта не несет ответственности за возможный вред и/или убытки, возникшие в связи с использованием Работ и их содержимого.<br><a href="https://bestreferat.su/wp-content/uploads/2022/07/politika-konfidentsialnosti-bestreferat.pdf" rel="noopener noreferrer" target="_blank">Политика конфиденциальности</a> <a href="https://bestreferat.su/wp-content/uploads/2022/07/dogovor-oferta-bestreferat.pdf" rel="noopener noreferrer" target="_blank">Договор-Оферта</a>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- Scrolling Up -->
<button type="button" class="scrollingUp scrolling-btn" aria-label="scrollingUp"><i class="fa fa-angle-up"></i></button>
</div>
<script type='text/javascript'>
(function () {
var c = document.body.className;
c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
document.body.className = c;
})();
</script>
<script type="text/javascript" src="https://bestreferat.su/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=8.6.1" id="sourcebuster-js-js"></script>
<script type="text/javascript" id="wc-order-attribution-js-extra">
/* <![CDATA[ */
var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"ajaxurl":"https:\/\/bestreferat.su\/wp-admin\/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}};
/* ]]> */
</script>
<script type="text/javascript" src="https://bestreferat.su/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=8.6.1" id="wc-order-attribution-js"></script>
<script type="text/javascript" src="https://bestreferat.su/wp-content/themes/cozipress/assets/js/bootstrap.min.js?ver=6.5.2" id="bootstrap-js"></script>
<script type="text/javascript" src="https://bestreferat.su/wp-content/themes/cozipress/assets/js/owl.carousel.min.js?ver=6.5.2" id="owl-carousel-js"></script>
<script type="text/javascript" src="https://bestreferat.su/wp-content/themes/cozipress/assets/js/custom.js?ver=6.5.2" id="cozipress-custom-js-js"></script>
<script type="text/javascript" src="https://bestreferat.su/wp-content/themes/cozipress/assets/js/theme.min.js?ver=6.5.2" id="cozipress-theme-js-js"></script>
<script type="text/javascript" src="https://bestreferat.su/wp-content/plugins/wp-smushit/app/assets/js/smush-lazy-load.min.js?ver=3.15.5" id="smush-lazy-load-js"></script>
</body>
</html>
<!-- Dynamic page generated in 0.747 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2024-04-23 11:09:55 -->
<!-- super cache --> 