Новостная система (Проекты интерфейсов (2012))

Национальный исследовательский университет «МЭИ»Практическое задание по курсу:«Проектирование человеко-машинных интерфейсов»Тема работы: «Новостная программа»Выполнил:студент группы А-13-08Бочаров ИванПроверил:к.т.н., доцент Кружилов Сергей ИвановичМосква, 2012Социальная задачаОсновная социальная задача – работа с новостными статьями в глобальной сетиВ сетиПоискВ избранномВ историиРабота с новостнымистатьями в глобальной сетиПросмотрВывод на печатьПользователь ПКТребования:Минимальный уровенькомпьютерной грамотностиКопированиеСохранениелокальной копииО программеПроектируемая программа предназначена для работы с новостными статьями вглобальной сети. Предполагается, что пользователь обладает минимальным уровнемкомпьютерной грамотности и имеет в своем распоряжении персональный компьютер склавиатурой, мышью и доступом в сеть Интернет.Автоматические индексаторы новостных сайтов производят индексацию порталов сновостными статьями.

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

2 Внешний вид каталога истории просмотраВ историю просмотра попадают статьи и темы, которые были просмотреныпользователем за весь промежуток времени пользования программой. Статьи и темысгруппированы по времени: «Сегодня», «Вчера», «На прошлой неделе», «В прошломмесяце», «Ранее».При нажатии на любую из панелей или фотографий, соответствующих сюжету,происходит открытие окна просмотра статьи. При нажатии на любую из панелей,соответствующих теме, происходит открытие окна просмотра статей по выбранной теме.Избранные статьиРис. 3 Внешний вид каталога избранных статейВ избранные статьи попадают статьи, которые были добавлены тудапользователем.Каждому сюжету соответствует одна группа элементов управления, котораясостоит из фотографии или картинки и панели, на которой находятся заголовок статьи,название новостного агентства и дата ее публикации.При нажатии на любую из панелей или фотографий, соответствующих сюжету,происходит открытие окна просмотра статьи.Избранные темыРис.

4 Внешний вид каталога избранных статейВ избранные темы попадают темы, которые были добавлены туда пользователем.Каждой теме соответствует одна панель, на которой находится название темы.При нажатии на любую из панелей, соответствующих теме, происходит открытиеокна просмотра статей по выбранной теме.Структура деятельностиПоиск статьиПоиск в сетиОперацииИнструментыСделать активной строкупоискаСтрока поискаВвести поисковый запросСтрока поискаИспользование поисковыхподсказокСписок вариантов готовыхзапросовВыбор и открытие статьи изпоисковой выдачиПанель с отображениемпоисковой выдачиУстройства вводаПоиск в избранномОперацииИнструментыСделать активной строкупоискаСтрока поискаВвести поисковый запросСтрока поискаИспользование поисковыхподсказокСписок вариантов готовыхзапросовВыбор и открытие статьи изпоисковой выдачиПанель с отображениемпоисковой выдачиУстройства вводаПоиск в историиОперацииИнструментыСделать активной строкупоискаСтрока поискаВвести поисковый запросСтрока поискаИспользование поисковыхподсказокСписок вариантов готовыхзапросовВыбор и открытие статьи изпоисковой выдачиПанель с отображениемпоисковой выдачиУстройства вводаПоиск темыОперацииИнструментыСделать активной строкупоискаСтрока поискаВвести поисковый запросСтрока поискаИспользование поисковыхподсказокСписок вариантов готовыхзапросовВыбор и открытие окна спросмотром статей повыбранной темеПанель с отображениемпоисковой выдачиУстройства вводаПоиск статьи в темеОперацииИнструментыСделать активной строкупоискаСтрока поискаВвести поисковый запросСтрока поискаИспользование поисковыхподсказокСписок вариантов готовыхзапросовВыбор и открытие окна спросмотром выбраннойстатьиПанель с отображениемпоисковой выдачиУстройства вводаПросмотрПросмотр статьиОперацииИнструментыУстановить необходимуювеличину шрифтаГруппа кнопокмасштабирования, горячиеклавишиУстройства вводаДобавление статьи в избранноеОперацииИнструментыДобавить статью в избранноеКнопка «Добавить визбранное»Устройства вводаУдаление статьи из избранногоОперацииИнструментыУдалить статью из избранногоКнопка «Удалить», клавиша«Delete» на клавиатуреУстройства вводаДобавление темы в избранное при просмотре статьиОперацииИнструментыДобавить тему в избранноеКнопка «Добавить визбранное»Устройства вводаДобавление темы в избранное при просмотре тематических статейОперацииИнструментыДобавить тему в избранноеКнопка «Добавить визбранное»Устройства вводаУдаление темы из избранногоОперацииИнструментыУдалить тему из избранногоКнопка «Удалить изизбранного», клавиша«Delete» на клавиатуреУстройства вводаКопированиеПечать статьиОперацииИнструментыОткрыть диалог печатиКнопка «Распечатать»Выбрать принтерВыпадающий список сдоступными принтерамиВыбрать диапазон страницГруппа радиокнопок, поле дляввода диапазонаОтправить статью на печатьКнопка «Печать»Устройства вводаСохранение статьиОперацииИнструментыОткрыть диалог сохраненияКнопка «Сохранить»Выбрать место назначенияСтандартный диалог выбораместа назначения ОСWindowsСохранить статьюКнопка «Сохранить»Устройства вводаПрототип приложенияРис.5 Главное окно приложенияРис.6 Окно приложения после начала ввода поискового запросаРис.7 Окно просмотра статьиРис.8 Окно просмотра статей по темеРис.9 Окно просмотра историиРис.10.1 Окно просмотра избранных статейРис.

10.2 Окно просмотра избранных темРис.11 Окно диалога сохранения файлаРис.12 Окно печати статьи.