ri2014_materials

500	РЕГИОНАЛЬНАЯ ИНФОРМАТИКА – 2014

Далее следует тщательно проанализировать рынок и определить своих главных конкурентов, их методы раскрутки, позиции и тенденции. Обычно при анализе конкурентов выявляется множество новшеств и приходится корректировать некоторые из предыдущих пунктов плана продвижения сайта.

Провести аудит сайта. В процессе анализа сайта необходимо выявить его достоинства и недостатки (частично внутренний аудит сайта можно выполнять с помощью программы xenu.)

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

Естественно, что наиболее важные страницы должны иметь максимум веса при SEO оптимизации. Те страницы, которые будут давать максимальную отдачу, нужно прокачать максимальным весом. Это называется перелинковкой. Чем лучше изначально вы перелинкуете страницы своего сайта, тем меньше этому придется уделять внимания в будущем.

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

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

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

Если описывать продвижение сайта вкратце, то можно выделить три основных шага:

1.Необходимо выделить основные ключевые слова подходящие данному сайту.

2.Создание текста и распределение по нему выбранных ключевых слов. Необходимо максимально уместное и естественное использование ключевых слов.

3Проверка уникальности написанного текста. Всевозможные варианты продвижения (раскрутки) сайта:

1.Раскрутка в поисковых системах

2.Использование досок объявлений.

3.Раскрутка в каталогах и рейтингах

4.Использование систем обмена текстовыми ссылками.

5.Раскрутка в почтовых рассылках

6.Обмен ссылками

7.Раскрутка в форумах и телеконференциях.

Интернет как живой организм — постоянно развивается и совершенствуется: то, что работало вчера уже неэффективно сегодня, нужно постоянно искать новые методы и походы, если заниматься SEO.

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

Корзина М.И., Комягина О.Л.

Россия, г. Архангельск, Северный (Арктический) федеральный университет имени М.В. Ломоносова ДИПЛОМНОЕ ПРОЕКТИРОВАНИЕ НА ТЕМУ «ВЫБОР ОПТИМАЛЬНОГО СПОСОБА

ПРЕДСТАВЛЕНИЯ ГРАФИЧЕСКОЙ ИНФОРМАЦИИ УЧЕБНОЙ ДИСЦИПЛИНЫ»

Целью дипломного проекта явилось определение оптимального способа представления графической информации учебной дисциплины для повышения эффективности обучения и его применение для разработки электронногоучебного издания «Системный дизайн». Для достижения цели были поставлены следующие задачи: провести анализ предметной области; спроектировать, разработать и протестировать электронное учебное пособие.

В работепроведено исследование целевой аудитории - обучающихся институтаматематики, информационных и космических технологий по направлению подготовки ФГОС ВПО 230400.62 "Информационные системы и технологии", которое состояло из двух этапов - интервьюирования и тестирования студентов. Главная цель интервьюирования – сформулировать образ издания, который бы положительно воспринимался студентами.Для того, чтобы определить, как усваивается материал

http://spoisu.ru

ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ В ДИЗАЙНЕ	501

по традиционной форме представления, было проведено тестирование студентов.Тестирование показало:общее количество верных ответов составляет 65 %, неверных – 35 %.

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

Вработеиспользованы госты: «ГОСТ 7.83-2001 СИБИД. Электронные издания. Основные виды

ивыходные сведения», «ГОСТ 19.201-78 Техническое задание. Требования к содержанию и оформлению» и др.

Входе исследованияпроведен анализ аналогов электронных учебных изданий на соответствие таким требованиям, как адекватность содержания учебного издания, эффективность формы представления учебной информации и экономическая эффективность. Были рассмотрены аналоги: электронное учебное издание по начертательной геометрии и инженерной графике и электронное учебно-методическое пособие «Психология развития человека в образовании».

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

Входе выполнения дипломного проекта использовались следующие инструменты реализации: AdobePhotoshopCS6, AdobeIllustratorCS6, CorelDrawX6, AdobeInDesignCS5.

Структура электронного учебного издания состоит из четырех разделов – «Теория», «Практика», «Контроль знаний», «Дополнительные материалы». Каждый раздел имеет подразделы, которые представлены в виде списков лекций, практических заданий, дополнительных материалов.

Одним из этапов создания электронного учебного издания является проектирование фирменного стиля. На данном этапе были определены шрифты и цветовое решение для электронного учебного пособия. Для основного текста выбран шрифт Arial, поскольку данный шрифт входит в список рекомендуемых шрифтов для электронных изданий и не вызывает трудностей при чтении. Для заголовков - шрифт Impact, так как он является акцидентным и сочетается с основным шрифтом. В качестве основных цветов выбраны желтый и зелёный цвета и их оттенки. Данные цвета являются родственными и гармонично сочетаются друг с другом, а также возбуждают мозговую деятельность, способствуют усвоению нового материала, привлекают внимание, повышают готовность человека к общению, улучшают восприятие новой информации, способствуют сосредоточенности и размышлениям.

Результатом работы является электронное учебное издание раздела «Системный дизайн» дисциплины «Основы информационных технологий в дизайне», которое внедрено в систему дистанционного обучения Sakai в Северном (Арктическом) федеральном университете имени М.В. Ломоносова.

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

Корзина М.И., Лысенко В.А.

Россия, г. Архангельск, Северный (Арктический) федеральный университет имени М.В. Ломоносова,

Санкт-Петербург, Санкт-Петербургский государственный университет технологии и дизайна ПРОЕКТИРОВАНИЕ ВИЗУАЛЬНОГО ИНТЕРФЕЙСА ИНТЕРНЕТ-САЙТА

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

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

http://spoisu.ru

502	РЕГИОНАЛЬНАЯ ИНФОРМАТИКА – 2014

Визуальный интерфейс сайта разрабатывается на этапе формализации описания (создание образа ОД).

При создании качественного эстетического интернет-сайта прежде всего необходимо использовать знания композиции.

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

представлены ниже.

1.Образ и стиль интернет-сайта. Стиль оформления должен соответствовать целям и задачам интернет-сайта.

2.Следование законам композиции: наличие единого зрительного образа; соотношение элементов на основе золотого сечения и использования правила третей; наличие фокальной точки; использование принципов гештальта.

3.Использование модульной сетки. В верхней части экрана расположена шапка. Основные параметры выбора типа верстки: объём сайта;технические характеристики мониторов пользователей.

4.Следование законам цвета. Предъявляются следующие требования:

использование 2-3 основных цветов;

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

–женщинами;

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

5. Типографика. К хорошим экранным шрифтам можно отнести шрифты со следующими характеристиками:

низкий контраст, простые блоки с соответствующим весом и толщиной;

подходящая высота букв;

подходящая ширина и размер между символами;

наличие свободного пространства в каждом символе.

6. Удобство использования (юзабилити).

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

Корзина М.И., Ширикова И.Г.

Россия, г. Архангельск, Северный (Арктический) федеральный университет имени М.В. Ломоносова ДИПЛОМНОЕ ПРОЕКТИРОВАНИЕ НА ТЕМУ «РАЗРАБОТКА ИНТЕРАКТИВНОЙ КНИГИ

НА ОСНОВЕ ОПТИМАЛЬНОГО ПРЕДСТАВЛЕНИЯ ИНФОРМАЦИИ ДЛЯ ПОДРОСТКОВ»

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

Школьникибольшую часть свободного времени уделяют прослушиванию музыки, встречам с друзьями, просмотру телевизораи др. Из пятнадцати форм проведения досуга чтение занимает лишь шестое место. Так же было выявлено, что 61% опрошенных подростков читают менее двух часов в день, а 9% не читают вовсе. По большей части дети возраста 11-14 лет читают школьные произведения, такие как «Левша» Н.С. Лескова, «Дубровский» А.С. Пушкина, кроме этого они читают произведения таких авторов как Д.А. Емец, М.М. Пришвин, Р.Брэдбери, Р.Риордан, Э.Хантер и других.

Входе исследования было выявлено, что подростки ожидают увидеть в электронной книге:несколько языков для чтения (русский, английский);краткую биографию автора;цветные анимированные изображения, которые реагируют на нажатие;переход на главную страницу с любой страницы книги;объяснение непонятных слов;включение и выключение фоновой музыки;возможность оценить данную книгу и оставить отзыв;наличие функции «Рассказать друзьям».

Всех подростков, можно отнести к одному из четырех типов восприятия информации: визуальному, аудиальному, кинестическому и дигитальному. Школьник неосознанно старается использовать преимущественно ту систему, которая у него более развита. Если подросток в основном использует аудиальный или дигитальный тип восприятия информации, то у него лучше развито левое полушарие, а если кинестический или визульный – то правое. В памяти подростка сохраняется 20% услышанного материала, 40% - увиденного, 80% - увиденного и услышанного одновременно. Таким образом, они лучше воспринимают информацию, которая позволяет использовать оба полушария головного мозга.

http://spoisu.ru

ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ В ДИЗАЙНЕ	503

Современные технологии позволяют создавать оригинальные электронные книги, которые могут содержать фотографии, звук, видео и так далее. В настоящее время разработчики при создании электронной книги чаще всего используют анимированные изображения, 3D-модели объектов, инфографичное описание объектов и фактов, игры, несколько вариантов развития сюжета и так далее. Такие книги будут заинтересовывать людей своей оригинальностью и неповторимостью.

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

В результате исследования выявлены следующие требования к электронным изданиямдля подростков:интуитивно-понятный интерфейс;наличие ссылок и гиперссылок по главам книги;обязательные навигационные элементы: главная страница (обложка), содержание, назад и вперед;для фона использовать спокойные светлые цвета (бежевый, серый, светло-розовый, мятный, голубой, абрикосовый);для акцентов использовать насыщенные цвета, которые гармонируют с цветом фона (рыжий, синий, фисташковый, коралловый, индиго и т.д.);не более 3 различных хорошо читаемых шрифтов без засечек (Arial, Verdana, Calibri, TrebuchetMS и т.д.);наличие анимированных иллюстраций и аудио;наличие видео не обязательно, но желательно; сноски оформлять в виде всплывающих подсказок;формат файла pdf, html.

Требования к составным частям издания:

Шрифты: для заголовков использовать шрифт отличный от шрифта основного текста; использовать размер кегля не менее 12 пунктов для основного текста; использовать жирность или цвет для выделения слов; использовать выравнивание по ширине для подачи текста в аккуратном и монолитном виде.

Изображения: разрешение не менее 72 точек на дюйм; формат иллюстраций jpeg, png не более 600х800 пикселей; для анимированных изображений использовать формат gif; указывать имена авторов иллюстраций.

Звуковое сопровождение: соответствовать содержанию произведения; использовать формат mp3, wma или wav.

Результатом выпускной квалификационной работы является интерактивная электронная книга «Левша», включающая несколько глав из одноименного произведения Н.С.Лескова, словарь с непонятными словами, иллюстрации, аудиокнигу, видео с мультфильмом «Левша», интерактивную игру на проверку усвоения материала школьниками.

Корзина Н.Н.

Россия, г. Архангельск, Северный (Арктический) федеральный университет имени М.В. Ломоносова ТВОРЧЕСКИЕ ЗАДАНИЯ ПО ДИСЦИПЛИНЕ «ОСНОВЫ КОМПОЗИЦИИ»

Дисциплина «Основы композиции» преподается в 4 семестре для профиля «Информационные технологии в дизайне» и в 3 семестре для профиля «Информационные технологии визуальных коммуникаций». Для последнего профиля данная дисциплина имеет объем 108 часов всего, из которых 42 часа – аудиторные и 39 часов – самостоятельная работа студента.

В программу курса введены творческие задания, выполняемые вручную, которые способствуют развитию пространственного мышления, фантазии, навыков построения композиционных схем, решения композиционных задач и др.

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

Отдельное вынимание в изучении мягких и жестких тональных графических форм было уделено технике коллажа.Считается, что первыми технику коллажа стали использовать Жорж Брак и Пабло Пикассо в начале XX века. Сейчас коллаж позиционируется как самостоятельный жанр в искусстве, к тому же довольно популярный.В качестве примеров были показаны работы таких современных художников в жанре коллажа, как Кристи Элсон, Патрик Бремер, Слава Зайцев. Студенты выполняли из старых газет и журналов композицию на свободную тему. Для экономии времени ребятам разрешено было использоватьреференсы.Практически все студенты пожелали забрать выполненные работы себе, что свидетельствует о том, что они оказались довольны проделанной работой.

При изучении таких средств композиции как нюанс и контраст, одним из практических заданий было рисование с натуры контрастного и нюансного натюрмортов. На выбор было поставлено

http://spoisu.ru

504	РЕГИОНАЛЬНАЯ ИНФОРМАТИКА – 2014

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

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

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

Следует отметить, что задания, которые выполнялись живыми материалами, вызывали у студентов больший интерес, выполнялись с увлечением. К тому же, установлено, что рисование развивает мелкую моторику рук, способствует тренировке памяти и развивает фантазию.

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

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

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

Латухина Е.А., Пархимович М.Н., Юфрякова О.А.

Россия, г. Архангельск, Северный (Арктический) федеральный университет имени М.В. Ломоносова

ДИЗАЙН ИНТЕРФЕЙСОВ КАК НЕОТЪЕМЛЕМАЯ ЧАСТЬ УЧЕБНОГО КУРСА ПО РАЗРАБОТКЕ МОБИЛЬНЫХ ПРИЛОЖЕНИЙ ДЛЯ ШКОЛЬНИКОВ

Центр инновационного обучения, действующий на базе Института математики, информационных и космических технологий Северного (Арктического) федерального университета им. М.В. Ломоносова, предлагает различные образовательные курсы, в том числе «Введение в разработку мобильных приложений» для школьников.

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

иразрабатывать собственные.

Воснове курса – работа в среде разработки Intel XDK, позволяющей создавать приложения с помощью универсальных технологий HTML, CSS и Javascript. Их освоение под силу даже школьникам: основы языка разметки HTML изучаются в рамках базового курса информатики и ИКТ среднего (полного) общего образования, а работа с каскадными таблицами стилей CSS и основами языка Javascript как первым языком программирования не представляет больших затруднений.

Курс «Введение в разработку мобильных приложений» построен таким образом, что сначала слушатели получают первое представление о создании приложений с использованием Intel XDK, затем изучают основные информационные технологии, необходимые для создания HTML5приложений. На этих двух этапах слушатели курса используют готовые шаблоны приложений или же пишут программы по образцу.

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

http://spoisu.ru

ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ В ДИЗАЙНЕ	505

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

В курсе «Введение в разработку мобильных приложений» рассматриваются строительные блоки визуального дизайна и элементы управления, приводятся примеры возникающих проблем и варианты их решения, дается понятие о юзабилити. В качестве практической работы слушателям курса предлагается разработать бумажный прототип своего будущего приложения и протестировать его «работу» на других слушателях. Результаты этой работы позволяют сократить время на создание приложения.

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

Лысенко В.А.

Россия, Санкт-Петербург, Санкт-Петербургский государственный университет технологии и дизайна НАУЧНЫЕ ОСНОВЫ ДИЗАЙНА КОМПОЗИЦИОННЫХ МАТЕРИАЛОВ СПЕЦИАЛЬНОГО НАЗНАЧЕНИЯ

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

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

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

На основе системного подхода и разработанного метода информационного моделирования впервые предложены модели системного проектирования углероднаполненных электропроводящих пористых композитов (УЭПК) и структур таких материалов; сформулированы принципы проектирования УЭПК применительно к созданию компонентов топливных элементов и ряда других изделий специального назначения; теоретически обоснованы и изготовлены новые конструкции УЭПК

срегулируемой структурой пор.

Разработанные научные основы дизайна использованы при выполнении ряда работ в рамках четырех межгосударственных и федеральных программ 2009 - 2016 годов. Новизна и оригинальность предложенных технических и технологических решений подтверждена 6 патентами РФ, 2 свидетельствами о государственной регистрации программ для ЭВМ и 5 свидетельствами о государственной регистрации баз данных.

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

Лысенко В.А.

Россия, Санкт-Петербург, Санкт-Петербургский государственный университет технологии и дизайна ТЕОРИЯ СОЗДАНИЯ

Проанализированы стандарты системной инженерии (процессы жизненного цикла, оценка процессов, описание систем и процессов, прикладные руководства); стандарты и методологии проектирования информационных систем; стандарты программной инженерии, разработки программ, баз данных; технологии CALS, PLM; ряд технологий машиностроения, металлообработки, химических технологий, технологий полимеров и композиционных материалов, технологий полупроводниковой техники и микроэлектроники; методы и технологии дизайна объектов различных предметных областей; методы биотехнологии, включая генную инженерию; закономерности воспроизводства в живой и неживой природе; стандарты управления проектами (PMBoK, P2M); философии, стандарты и методы разработки различных фирм и организаций: Sony, Intel, NASA, Apple, - и др. методологии и технологии.

На основании проведенного анализа и практического опыта разработана теория создания. Научными основами теории являются: теория систем, теория информации, теория управления и др.

Показано, что для всех проанализированных предметных областей характерны общие закономерности создания объектов неживой (материалов, программ, систем управления, технологий и пр.) и живой природы.

http://spoisu.ru

506	РЕГИОНАЛЬНАЯ ИНФОРМАТИКА – 2014

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

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

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

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

Лысенко В.А., Просвирницын А.В., Сальникова П.Ю., Бабина Н.А., Лысенко А.А., Смирнов Г.П., Крисковец М.В.

Россия, Санкт-Петербург, Санкт-Петербургский государственный университет технологии и дизайна КОМПЬЮТЕРНОЕ МОДЕЛИРОВАНИЕ ДИЗАЙНА КОМПОЗИТОВ

Разработка современных материалов с заранее заданными свойствами представляет сложную научно-техническую ресурсоемкую задачу.

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

Вработе рассмотрена разработанная модель изготовления нетканых материалов – прекурсоров углеродных наполнителей углепластиков и углерод-углеродных композитов.

Модель количественно описывает влияние характеристик исходных волокнистых компонентов и технологических параметров их обработки на свойства разрабатываемых нетканых материалов.

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

Разработка компьютерных базы данных и программа их анализа проведена с использованием объектно-ориентированного программирования.

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

Лысенко В.А., Кузнецов А.Ю., Сальникова П.Ю., Сычугов Д.Н., Крисковец М.В., Кравчук А.Н. Россия, Санкт-Петербург, Санкт-Петербургский государственный университет технологии и дизайна РАЗРАБОТКА КОМПОЗИЦИОННЫХ МАТЕРИАЛОВ С ПРИМЕНЕНИЕМ ИНФОРМАЦИОННО-

АНАЛИТИЧЕСКОЙ СИСТЕМЫ КОЛЛЕКТИВНОЙ РАБОТЫ

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

Ядром информационной системы являются базы данных компонентов прекурсоров и технологических режимов обработки, базы данных влияния вышеперечисленных сущностей на характеристики наполнителей, углепластиков и углерод-углеродных КМ и базы данных

http://spoisu.ru

ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ В ДИЗАЙНЕ	507

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

Программирование баз данных и информационно-аналитического модуля в соответствии с разработанными информационными моделями изготовления КМ проведено с использованием стандартных средств IBM Lotus Notes. ИАС развернута на платформе IBM Lotus Notes/Domino. 7 распределенных рабочих мест ИАС позволили обеспечить удаленную работу в проекте специалистам различного профиля. Обмен информацией с сервером происходит по протоколу TCP/IP. Трафик и информация, находящаяся на сервере и локальных рабочих местах, шифруются.

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

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

Майоров И.С., Корзина М.И., Бачурин И.В.

Россия, г. Архангельск, Северный (Арктический) федеральный университет имени М.В. Ломоносова ПРОФИЛЬ «ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ ВИЗУАЛЬНЫХ КОММУНИКАЦИЙ»

В 2014г. на кафедре информационных систем и технологий Северного (Арктического) федерального университета имени М.В. Ломоносова (САФУ) разработан новый профиль «Информационные технологии визуальных коммуникаций» по направлению подготовки 09.03.02 «Информационные системы и технологии».

Данный профиль является одним из путей развития «Информационных технологий в дизайне», но обладаетсвоей спецификой.

Разработанный учебный план имеет модульную структуру и состоит из 16 модулей, которые можно разделить на 5 групп: 1) общегуманитарная и языковая подготовка, 2) проектный и ИТменеджмент, 3) математический и естественнонаучный, 4) информационно-технологический, 5) профильный. Отдельно следует выделить обязательные для всех профилей бакалавриата в САФУ здоровьесберегающий модуль (физическая культура и БЖД) и арктический модуль. Основные профильные модули.

модуль 8 «Управление коммуникациями», модуль 9 «Технологии визуализации информации»,

модуль 10 «Технологии визуального представления информации», модуль 11 «Клиент-ориентированное проектирование».

Профиль «Информационные технологии визуальных коммуникаций» актуален для развития региона, и страны в целом, а также соответствует приоритетным направлениям развития САФУ и стратегии развития Арктики 2020 как «комплексное социально-экономическое развитие арктической зоны РФ и создание информационно-телекоммуникационной инфраструктуры».

Маленков М.И., Сидоров Д.В.

Россия, Санкт-Петербург, Санкт-Петербургский государственный политехнический университет, ООО «АКТРОН» ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ В ДИЗАЙНЕРСКИХ ПРОЕКТАХ ПЛАНЕТОХОДОВ

Вдокладе рассмотрены некоторые направления реализации современных компьютерных программ и их комплексов, применительно к задачам проектирования, отображения этапов эксплуатации новых планетоходов, а также для демонстрации и изучения конструкции реальных объектов - подвижных космических аппаратов, предназначенных для проведения исследований на поверхности Луны и Марса. Рассмотренный ниже проект выполнен по заказу ООО «АКТРОН».

Авторы отмечают, что в их содружестве М.И.Маленков инициировал темы и отвечал за научнотехническую сторону проектов, а Д.В.Сидоров выполнил весь объем работ по моделированию планетохода, созданию анимации, монтажу и озвучиванию видео роликов, и разработке других презентаций.

Вдокладе рассказывается об определенных приемах и методиках, применяемых при разработке сложных трехмерных моделей, их анимации и последующей визуализации. Освещаемые подходы рассматриваются на примере реального космического аппарата, такого как советская подвижная лаборатория «Луноход-1». Также доклад содержит в себе информацию о подходах к разработке 3D-модели «Лунохода-1» по фотографиям в условиях дефицита информации. Как и реальные макеты советских луноходов прошлого века, находящиеся в различных музеях России и за рубежом, настоящая модель представлена в конфигурации с демонтированной обшивкой экранновакуумной теплоизоляции (ЭВТИ).

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

http://spoisu.ru

508	РЕГИОНАЛЬНАЯ ИНФОРМАТИКА – 2014

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

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

Основная сложность данного проекта состояла в том, что каких-либо чертежей, детальных схем и даже четких проекций по «Луноходу-1» практически нет. В связи с этим моделирование производилось по эскизам ходовой части, полученным от технического руководителя и фотографиям, найденным в Интернете и литературе. Большинство изображений имели низкое разрешение, исключавшее анализ мелких деталей. На других фото «Луноход-1» был расположен в ракурсах, не подходящих для правильной оценки пропорций элементов.

Всего, за все время работы, удалось найти 94 фотографии, но изображений, где аппарат виден в четких проекциях, не удалось найти. Второй по важности задачей было создание демонстрационных материалов по данному проекту, показ технических возможностей аппарата, объяснение устройства и структуры тех или иных приборов «Лунохода-1».

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

Можно отметить, что в ходе разработки проекта было создано четыре небольших клипа. Каждый клип являлся своего рода этапом в отработке приемов работы с программами и в совершенствовании навыков автора по CG-технологиям.

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

Презентация одной из версий видео клипа состоялась в 2010 году на площадке Ленэкспо во время проведения очередного форума «Российский промышленник» и 7-ой Международной конференции «Планетоходы», посвященной 40-летию начала работы «Лунохода-1» на Луне. В это же время на выставке форума демонстрировался действующий полноразмерный макет «Лунохода-1». Участники конференции, среди которых было много ветеранов – разработчиков и участников работ по обеспечению эксплуатации легендарного аппарата на Луне, отметили высокую достоверность разработанной модели.

Авторы благодарны руководителю учебного процесса по техническому дизайну на кафедре «Автоматы» СПбПУ профессору В.А.Дьяченко за помощь в подготовке настоящего доклада.

Озерова М.И., Самодуров И.А.

Россия, г. Владимир, Владимирский государственный университет имени Александра Григорьевича и Николая Григорьевича Столетовых НОВЫЕ ТЕНДЕНЦИИ В ДИЗАЙНЕ ИНТЕРФЕЙСОВ ПРИЛОЖЕНИЙ

За последние несколько лет мы стали свидетелями быстрого перехода от 3-D и скевоморфизма к плоским формам и минимализму в сферах разработки программного обеспечения и дизайна интерфейсов приложений. Хотя эта тенденция стала практически повсеместной, давайте немного задумаемся о том, как мы пришли к ней и какое влияние она оказывает на дизайн интерфейсов в целом. Как же коллективное сознание перешло от любви к текстурам, объему и теням к плоским цветам и простой верстке? Этот переход был вызван многими факторами, но вот самые примечательные из них: информационная перегрузка. Кроме того, большая часть восприятия контента сейчас проходит через устройства с небольшими экранами, что усугубляет это ощущение перегрузки.

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

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

http://spoisu.ru

ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ В ДИЗАЙНЕ	509

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

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

Анимация и динамичность элементов стала очень популярна в интерфейсе пользователя. Основная причина – это все те же новые виды устройств, с которыми приходится взаимодействовать в современном мире. Интерактивность и анимация наиболее естественно сочетаются с жестами и touch событиями, можно спроектировать некий элемент, при «свайпе» которого будет «выезжать» совсем другое окно с более красивым и приятным интерфейсом, чем та форма ввода, которую нужно ужимать, чтобы она не занимала много места. Высокое качество шрифтов тоже можно назвать трендом в проектировании интерфейсов. Эта тенденция стала столь популярной благодаря всеми любимой компании Apple. На данный момент просто невозможно представить себе хороший и удобный интерфейс без иконок. Иконки, так же как и любой другой элемент интерфейса испытывают на себе влияние мобильных технологий. Из-за сильной сегментации экранов стало очень невыгодно просто рисовать иконки под разные разрешения экранов. Именно поэтому появилась такая тенденция как «Векторные иконки» в интерфейсе пользователя, они легко адаптируются под любое разрешение экрана, их активно используют в web технологиях и в Stand Alone приложениях. Появились универсальные решения, которые могут помочь в создании интерфейсов с использованием векторных иконок такие как, фреймворки, Bootstrap или Ratchet.

Райкин Л.И.

Россия, Нижний Новгород,Нижегородский государственный технический университет им. Р.Е. Алексеева

РАЗРАБОТКА ИНСТРУМЕНТА СОЗДАНИЯ ЭСКИЗОВ ДЛЯ ПРОФЕССИОНАЛЬНЫХ ХУДОЖНИКОВ ИЛЛЮСТРАТОРОВ И ДИЗАЙНЕРОВ НА БАЗЕ AUTODESK SKETCHBOOK PRO

Autodesk SketchBook Pro - программа, предлагающая передовые средства эскизного рисования для дизайнеров, художников и иллюстраторов, независимо от отрасли, в которой они работают.

Autodesk SketchBook Pro является одной из программ, необходимых для выполнения первого этапа создания цифрового прототипа. Разработанный специально для дигитайзеров и планшетных ПК, SketchBook Pro предоставляет все средства, необходимые для перехода от рисования на бумаге к использованию цифровой среды. Кроме общепризнанных форматов файлов, таких как TIF, BMP, JPG и PNG, Sketchbook Pro поддерживает формат PSD, что позволяет обмениваться файлами (в том числе многослойными) с Adobe Photoshop.

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

Для упрощения знакомства с Autodesk SketchBook Pro была разработана соответствующая информационная обучающая система (ИОС).

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

Созданная ИОС предназначена для детального пошагового изучения программы Autodesk SketchBook Pro, начиная со знакомства с интерфейсом, заканчивая практическими занятиями и проверкой полученных знаний.

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

В состав ИОС входят:

1.Описание программного продукта.

2.Уроки по программному продукту с пошаговым описанием их выполнения.

3.Тесты с возможностью проверки полученных знаний по программному продукту.

4.Задания для самостоятельного выполнения.

5.Список используемой литературы и интернет-ресурсы.

http://spoisu.ru