1665

УДК 004.9

Родионова С.В. / Программирование интерфейса [Электронный ресурс]: учеб.-метод. пос. / С.В.Родионова; Нижегор. гос. архитектур. - строит. ун-т – Н. Новгород: ННГАСУ, 2017. – 11 с.– 1 электрон. опт. диск (CD-RW).

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

Учебно-методическое пособие предназначено для обучающихся в ННГАСУ по дисциплине «Программирование интерфейса» по направлению подготовки 09.03.03 Прикладная информатика, профиль Прикладная информатика в экономике.

Учебно-методическое пособие ориентировано на обучение в соответствии с календарным учебным графиком и учебным планом по основной профессиональной образовательной программе направления 09.03.03 Прикладная информатика, профиль Прикладная информатика в экономике, утверждѐнным решением учѐного совета ННГАСУ от 02.09.2016 г. (протокол № 1).

© С.В. Родионова, 2016 © ННГАСУ, 2016

2

Оглавление

3

1. Общие положения

1.1 Цели изучения дисциплины и результаты обучения

Основными целями освоения учебной дисциплины «Программирование интерфейса» являются: научить студентов разрабатывать интерфейс приложений информационных систем

В процессе освоения дисциплины студент должен Знать:

технологии сбора информации;

методики анализа бизнес-процессов;

специализированное программное обеспечение проектирования и разработки информационного контента;

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

синтаксис языков используемых для создания программных приложений и прототипов;

архитектуру программного обеспечения отраслевой направленности;

принципы создания информационных ресурсов с помощью систем управления контентом;

архитектуру и принципы работы систем управления контентом.

Уметь:

разрабатывать информационный контент с помощью языков разметки;

разрабатывать программное обеспечение с помощью языков программирования информационного контента;

создавать страницы с использованием CSS шаблонов;

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

Владеть:

языками HTML, CSS, Java script;

навыками составления технического задания и технической документации;

языками программирования информационного контента.

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

1.2 Содержание дисциплины

Материал дисциплины сгруппирован по следующим разделам:

1. Понятие интерфейса.

Понятие интерфейса пользователя. Его назначение. Виды интерфейсов. Командный интерфейс.

2. Целеориентированное проектирование пользовательских интерфейсов.

Человеко-центрированный подход в проектировании интерфейсов. Исследование пользователей и предметной области. Моделирование пользователей и контекстов использования Выработка требований к разработке интерфейса.

4

3. Концептуальное проектирование пользовательского интерфейса.

Концептуальное проектирование Макетирование общей инфраструктуры взаимодействия.

4. Детальное проектирование пользовательских интерфейсов.

Детальное проектирование. Принципы проектирования Шаблоны проектирования.

5. Информационный дизайн.

Понятие спецификации интерфейса. Разработка спецификаций шаблонов интерфейса. Элементы шаблонов, принципы их расположения. Основные группы шаблонов.

6. Оценка пользовательского интерфейса.

Быстрые методы оценки. Оценка пользовательского интерфейса. Анализ значений юзабилитипоказателей.

1.3 Порядок освоения материала

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

5

2. Методические указания по подготовке к лекциям

2.1 Общие рекомендации по работе на лекциях

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

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

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

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

2.2Общие рекомендации при работе с конспектом лекций

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

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

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

2.3Контрольные вопросы

1.Дать определение интерфейса пользователя и его составных частей.

2.Основные критерии качества интерфейса и их краткая характеристика

3.Модальный и не модальный интерфейс? Влияние режимов на действия пользователя. Что такое квазирежимы?

4.Поиск информации и его виды

5.Навигация и ее цель

6.Назовите основные критерии качества интерфейса пользователя

7.Назовите составляющие скорости выполнения работы и дайте краткую характеристику каждой составляющей.

8.Что такое длительность интеллектуальной работы? Способы уменьшения затрат времени не интеллектуальную деятельность.

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

10.Объяснить принцип работы модели количественного анализа интерфейсов GOMS

11.Информационно-теоретическая и информационная производительность интерфейса

12.Типы ошибок оператора при пользовании интерфейсом и способы их устранения

6

13.Дайте объяснение термину «Понятность системы». Что такое ментальная модель, метафора, аффорданс и стандарт?

14.Какова организация справочной системы в интерфейсе? Типы справок

15.Что такое базовая и обзорная справка

16.Дать объяснение справки предметной области и ее значение для пользователя.

17.Что такое контекстная справка?

18.Каким должен быть интерфейс для субъективного удовлетворения пользователя?

19.Составные части программного интерфейса

20.Чем отличаются командные кнопки от радиокнопок и чекбоксов и радиокнопки от чекбоксов?

21.Назначение и типы меню.

22.Какова должна быть ширина и глубина меню? Группировка элементов в меню.

23.Что такое контекстное меню и причина его появления?

24.Типы окон.

25.Что такое без режимные диалоговые окна? Метод преобразования без режимных окон в па-

литры.

26.Достоинства панели инструментов.

27.Полосы прокрутки и их альтернатива.

28.Требования к содержимому окна, навигация внутри окна и между окнами.

29.Необходимость создания пользовательских сценариев.

30.Как ведется проектирование общей структуры интерфейса?

31.Операции, предусматриваемые при глоссарии интерфейса

32.В чем заключается принцип спиральности в справочной системе?

33.Каким образом можно повысить субъективную скорость работы пользователя с интерфей-

сом?

34.Каким должно быть сообщение об ошибке?

35.Обосновать необходимость пароля и каким он должен быть?

36.Когда применяются списки? Типы списков и их свойства. Что такое комбобоксы? Требования

ккомбобоксам.

37.Поля ввода и их разновидности. В каких случаях используются «Крутилки» и «Ползунки».

38.Какое устройство меню в целом и отдельных его элементов?

39.Рассказать об основных элементах окна.

40.Назовите три основных этапа разработки интерфейса пользователя.

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

42.Что такое первоначальное проектирование и какие его этапы? Можно ли нарушать последовательность этапов?

43.Что такое функциональность системы и анализ целей и действий пользователя?.

44.Рассказать о процессе сбора полной схемы и проверки ее по сценарию. Какую цель преследуют эти этапы?

45.Версии построения прототипа.

7

3. Методические указания по подготовке к практическим занятиям

3.1Общие рекомендации по подготовке к практическим занятиям

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

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

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

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

3.2Примеры задач для практических занятий

Пример № 1 Назовите основные критерии качества интерфейса пользователя. Пример № 2

Назовите составляющие скорости выполнения работы и дайте краткую характеристику каждой составляющей.

Пример № 3 Что такое длительность интеллектуальной работы? Способы уменьшения затрат времени не ин-

теллектуальную деятельность.

8

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

4.1 Общие рекомендации для самостоятельной работы

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

Целями самостоятельной работы студентов являются:

-систематизация и закрепление полученных теоретических знаний и практических умений студентов;

-углубление и расширение теоретических знаний;

-формирование умений использовать нормативную, правовую, справочную документацию и специальную литературу;

-развитие познавательных способностей и активности студентов:

-формирования самостоятельности мышления, способностей к саморазвитию, самосовершенствованию и самореализации.

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

Самостоятельная работа выполняется в два этапа: планирование и реализация. Планирование самостоятельной работы включает:

-уяснение задания на самостоятельную работу;

-подбор рекомендованной литературы;

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

На втором этапе реализуется составленный план. Реализация включает в себя:

-изучение рекомендованной литературы;

-составление плана (конспекта) по изучаемому материалу (вопросу);

-взаимное обсуждение материала.

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

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

Для поиска необходимой литературы можно использовать следующие способы:

-поиск через систематический каталог в библиотеке;

-просмотр специальных периодических изданий;

-использование материалов, размещенных в сети Интернет.

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

9

довании какой-либо научной проблемы.

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

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

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

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

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

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

Конспект – это систематизированное, логичное изложение материала источника. Объем конспекта не должен превышать 10 страниц. Шрифт Times New Roman, кегль 14, интервал 1,5. Список литературы должен состоять из 5-8 источников, по возможности следует использовать последние издания учебных пособий и исследований.

Тезисы — это последовательность ключевых положений из некоторой темы без доказательств или с неполными доказательствами. По объему тезисы занимают одну страницу формата А4 или одну – две страницы в ученической тетради. В конце тезисов студент должен сделать собственные выводы.

Презентации по предложенной теме составляются в программе Power Point или Impress. Количество слайдов должно быть не менее 15 и не превышать 20 слайдов. Кроме текста на слайдах можно создавать схемы и таблицы. Шрифт должен быть читаемым, например, шрифт черного цвета на светлом фоне или светлый шрифт на темном фоне. Также шрифт не должен быть слишком мелким. В слайдах указываются только основные тезисы, понятия и нормы.

4.2Темы для самостоятельного изучения

1.Программирование на языках JavaScript и CSS.

2.Основы клиентской разработки на языке HTML5.

4.3Учебно-методическое обеспечение самостоятельной работы

1.HTML 5. Основы клиентской разработки : учебное пособие. Савельев А. О. , Алексеев А. А. Москва : Интернет-Университет Информационных Технологий (ИНТУИТ), 2012.

2.WEB-дизайн : HTML, JavaScript и CSS : карм. справ. Гончаров Алексей Юрьевич. М. : КУ- ДИЦ-ПРЕСС, 2007.

3.Проектирование пользовательского интерфейса: эргономический подход. Баканов Арсений Сергеевич, Обознов Александр Александрович. М. : Институт психологии РАН, 2013.

4.4Задания для самостоятельной работы

1.Создать графический интерфейс для произвольного сайта.

2.Создать программный интерфейс для произвольного сайта

10