Информационная автоматизированная настройка дизайна сайтов
Характеристики современных сетевых информационных ресурсов и веб-сайтов, обеспечивающие им необходимые и достаточные условия для существования и успешной работы. Разработка программного алгоритма для автоматизированной настройки дизайна веб-сайтов.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | статья |
| Язык | русский |
| Дата добавления | 25.02.2019 |
| Размер файла | 52,3 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
Размещено на http://www.allbest.ru/
ИНФОРМАЦИОННАЯ АВТОМАТИЗИРОВАННАЯ НАСТРОЙКА ДИЗАЙНА САЙТОВ
INFORMATION AUTOMATED CONFIGURATION DESIGN SITES
Ильичев А.М.
Владимирский государственный университет
имени А.Г. и Н.Г. Столетовых
Владимир, Россия
В наше время веб-дизайн стал очень перспективным видом проектной деятельности. Он основан на тех же основных принципах, что и другие разновидности дизайна:
1. принцип функционализма: "что функционально, то красиво";
2. принцип конструктивизма, который заключается не в цели составления композиции, а в цели создания ее конструкции.
Web-дизайн ставит перед собой различные цели:
1. формирование у пользователя положительного восприятия образа объекта;
2. простоту и четкость структуры сайта;
3. интуитивно понятного пользовательского интерфейса;
4. удобство навигационной системы.
Достижение этих целей позволяет реализовать экономическую цель компаний. Таким образом, современный сетевой информационный ресурс или веб-сайт, должен обладать набором характеристик, обеспечивающих ему необходимые и достаточные условия для существования и успешной работы.
Тем не менее, качество веб-сайтов остаётся относительно невысоким. Хотя и заметна тенденция к его улучшению. Значение такой простейшей метрики, как «процент успешного выполнения задач» для деловых веб-сайтов в США составляло до 56% в 2001 году [136, с. 5]. В 2004 году - уже 66%, а в 2014 году - 89% [1]. Для того, чтобы веб-сайт был востребован на рынке, он должен выполнять не только свои прямые функции, но и иметь интуитивно понятный дизайн. Проектирование понятного интерфейса является важной составляющей при разработке программного продукта.
Направление алгоритмический (генеративный) дизайн [2], в основном, подразумевает способы «кодирования» процессов. Дизайнер наделяет машину ролью соавтора, делегируя сам процесс создания образов компьютеру, оставляя за собой только лишь право менять саму систему или её параметры. В основном, это программы, алгоритмы, процедуры и др. Компьютер проводит оценку этих процессов. Дизайнер устанавливает параметры, алгоритмы, которые можно использовать, чтобы изменять процесс и его вычисление. При модификации этих параметров можно создавать новые элементы и формы дизайна, которые рождаются во время процесса. Проверяя результаты и изменения в процессе, выполняя вновь и вновь «перекодировку», генеративный дизайнер совершенствует процесс и, возможно, окончательный результат.
В алгоритмическом дизайне можно выделить следующие методы:
1) установка параметров;
2) построение алгоритмов и правил;
3) программирование процессов;
4) варьирование результатов моделирования; 5) визуализация процессов.
Данный подход позволяет дизайнерам интерфейсов полностью сконцентрироваться на процессе дизайна, от которого зависит итоговый вид проекта [2].
Дизайнер задает требования в виде исходных данных и приводит систему в действие. В этот момент входные данные становятся обрабатываемыми системой и проходят через алгоритм дизайна. В результате обрабатываемые данные становятся выходными и попадают в фильтр, где система решает, что с ними делать дальше (в соответствии с установкой дизайнера). Затем выходные данные системы выдаются системой в качестве результата, доступного для оценки или использования дизайнером. Перед системой стоит выбор сохранять полученный результат в базе решений или нет. Если результат устроил дизайнера, то система сохраняет макет в базе, как удачный, если нет, то цикл проходит заново.
Система предлагает множество жизнеспособных вариантов в заданный отрезок времени. Дизайнер тестирует полученные варианты и выделяет самый лучший из них, который затем попадает в базу макетов. Структура ИС представлена на рисунке 1.
Рис. 1. Структура ИС по автоматизации веб-дизайна
автоматизированная настройка дизайн сайт
Разработка алгоритма автоматизированной настройки дизайна сайтов
На ввод системе подаются параметры, хранящиеся в базе данных. После того, как параметры успешно загружены, начинается работа алгоритма.
Первым делом определяется тип шаблона.
Шаблоны делятся на два вида: мобильный тип и desktop (полная версия).
Далее необходимо определить средний возраст аудитории пользователей.
Возрастные группы делятся на три категории: дети, взрослые и пожилые. Дети - от 4 до 16 лет, взрослые - от 17 до 30 лет, старше 50 лет - пожилые люди.
Затем необходимо определить физические ограничения. По умолчанию считается, что физических ограничений нет. Доступен выбор двух категорий лиц: «слабовидящие» и «слабослышащие».
Если выбран тип «слабовидящие», то макет строится с учетом рекомендаций для построения сайта для людей с ограниченными возможностями (черно-белым и с увеличенным шрифтом и т.д.). Этому параметру устанавливается приоритетность выше, чем возрастному. Это необходимо для того, чтобы не получилось ситуации, когда яркий дизайн выводится слабовидящему ребенку.
Если выбран тип «слабослышащие», то в шаблон добавляется место для отображения субтитров к видео контенту.
Далее необходимо определить языковую особенность, а именно направление чтения: справа-налево или слева-направо. При выборе направления «справа-налево» макет сайта перестраивается относительно правого края.
Затем определяется коэффициент размера шрифта. Если возраст пользователя старше 50 или физические ограничения «слабовидящий», тогда размер шрифта увеличивается.
После заполнения всех параметров можно выполнить два действия: создать макет или получить рекомендации. Считывая все параметры, система выбирает определенный макет или загружает необходимые рекомендации. Она генерирует url и в новом окне отображает полученный результат.
Таким образом, разработанный подход автоматизации процесса веб-дизайна, дает возможность учета потребностей категорий лиц со специфическими возможностями.
Список использованных источников
1. Reas, Casey; Fry, Ben & Maeda, John (September 30, 2007), «Processing: A Programming Handbook for Visual Designers and Artists» (1st ed.), The MIT Press, сс. 736, ISBN 0-262-18262-9
2. Горностаева Е. А. Современные проблемы дизайна сайтов и вызовы нового времени // Молодой ученый. -- 2015. -- №1. -- С. 38-40.
Размещено на Allbest.ru
...Подобные документы
Обзор методов и средств по созданию и проектированию Web–сайтов. Языки программирования для создания Web–сайтов. Анализ достоинств и недостатков систем управления сайтом CMS. Разработка дизайна и макета сайта. Расчет затрат на разработку продукта.
дипломная работа [1,1 M], добавлен 02.06.2016Анализ дизайна сайта с точки зрения его привлекательности для пользователей и на предмет удобства. Факторы, влияющие на восприятие пользователем информации. Основные критерии оценки туристических web-ресурсов. Сравнение сайтов Trаvel.ru и "100 дорог".
реферат [18,6 K], добавлен 19.06.2011История появления первого в мире сайта info.cern.ch в 1991 году. Страницы сайтов как набор текстовых файлов, размеченных на языке HTML. Использование конструктора при разработке сайтов. Создание сайта "с нуля", разработка дизайна, верстка, оформление.
реферат [21,5 K], добавлен 26.05.2015Анализ основных средств для создания Web-сайтов. Обзор и сравнительный анализ СУБД, применяемых в Web-программировании. Анализ методов продвижения Web-сайтов. Проектирование Web-сайта в области коммунального хозяйства. Разработка графического дизайна.
курсовая работа [3,0 M], добавлен 07.11.2013Возможные варианты веб-сайты вегетарианских ресторанов. Изучение особенности дизайна корпоративных сайтов вегетарианских ресторанов на примере других сайтов. Создание дизайн-макета сайта в программе Adobe Photoshop. Готовый макет корпоративного сайта.
курсовая работа [1,7 M], добавлен 11.06.2015Этапы развития веб-дизайна. Виды и типы веб-сайтов, теоретические аспекты их создания. Структура веб-сайта и его страниц. Процесс и результат разработки веб-дизайна. Создание сайта факультета архитектуры и дизайна Кубанского государственного университета.
дипломная работа [4,6 M], добавлен 10.11.2015Обзор и анализ используемых технологий, содержания и дизайна сайтов ВУЗов, в том числе созданных на основе CMS. Исследование содержания сайта ПРИПИТ и информационных потребностей различных групп его потенциальных посетителей. Разработка дизайна сайта.
дипломная работа [129,4 K], добавлен 11.03.2010Анализ аппаратных и программных средств предприятия ТОО "Alicesystems", занимающегося разработкой web-сайтов. Выбор структур, топологий и технологий разработки системы. Технологии создания сайтов и выбор площадки. Описание программно-аппаратных средств.
отчет по практике [690,9 K], добавлен 29.05.2015Анализ средств формирования рейтинга Интернет-сайтов. Критерии оценки веб-сайтов при проведении Интернет-конкурса. Выбор браузера и разработка архитектуры плагина. Описание плагина средствами языка UML. Разработка и реализация программных модулей.
дипломная работа [3,2 M], добавлен 12.08.2017Классификация сайтов по технологиям, влияющим на дизайн и функциональность. Исследование языков программирования для web-сайтов. Характеристика особенностей личных и коммерческих сайтов. Разработка и реализация сайта Института математики и информатики.
отчет по практике [5,1 M], добавлен 09.12.2014Современные тенденции разработки и принципы классификации web-сайтов. Сайт как средство развития бизнеса. Технологии, применяемые при разработке web-сайтов, системы управления контентом. Разработка web-сайта для ЗАО "Кондитерская фабрика "Саратовская".
дипломная работа [4,1 M], добавлен 01.10.2012Страницы сайтов как набор текстовых файлов, размеченных на языке HTML. Виды сайтов, их классификация. Характеристика сайта: статический или динамический. Проблема безопасности web-сайта. Исследование программного обеспечения и языков программирования.
дипломная работа [850,3 K], добавлен 11.01.2015История веб-дизайна и сайтов. Пример раннего сайта Angelfire. Популярные браузеры, цветовая модель RGB. Структура корпоративного сайта. Предпроектный анализ разрабатываемого веб-сайта. Основные блоки макета. Пример адаптивной верстки. Макет в Photoshop.
дипломная работа [8,0 M], добавлен 10.10.2015Эффективность работы и популярность сайта в Интернете. Предоставление посетителю всей необходимой информации в удобном виде. Дизайн и информационная насыщенность сайтов "gismeteo.ru" и "meteoinfo.ru". Анонсы и новости, рекламные места. Погода по городу.
курсовая работа [1,9 M], добавлен 31.03.2014Подготовительный этап работы над корпоративным сайтом. Оценка его дизайна. Структура корпоративного сайта. Конвертирование посещений в сделку как задача целевой страницы. Преимущества и виды веб-сайтов. Основные правила, необходимые для PR-специалиста.
курсовая работа [741,0 K], добавлен 08.10.2013Исследование проблемы формирования досуга в интернете у молодежи на примере наиболее популярных сайтов. Формы виртуального досуга в интернет пространстве. Изучение популярных и образовательных сайтов. Создание современных информационных технологий.
контрольная работа [33,4 K], добавлен 27.10.2016Управление электронным бизнесом. Изучение технологии создания сайта предприятия с использованием выбранных бесплатных конструкторов сайтов. Сравнительный анализ макетов сайтов, разработанных для организации с помощью конструкторов "Nethouse" и "А5".
курсовая работа [867,2 K], добавлен 23.03.2016Анализ современных концепций построения сайтов онлайн-тестирования. Разработка автоматизированного тестирующего комплекса – обучающего Web-приложения, позволяющего проводить контроль уровня знаний математики с применением языка программирования Php.
дипломная работа [865,8 K], добавлен 24.06.2013Классификация современных web-технологий. Сравнительный анализ систем управления сайтами. Исследование методов разработки, оптимизации и продвижения Web-сайта. Изучение фреймворков, используемых при разработке сайтов. Обзор создания графического дизайна.
дипломная работа [3,8 M], добавлен 07.11.2013Возможности программы Adobe Photoshop в web-дизайне, графический редактор. Понятие и правила web-дизайна. Рисование и верстка, оптимизация изображений при экспорте в форматы. Создание шаблона сайта к 65-летию победы, особенности размещения информации.
курсовая работа [1,7 M], добавлен 20.01.2014
