Министерство образования и науки Республики Казахстан
Павлодарский государственный университет им. С. Торайгырова
Факультет Физики, математики и информационных технологий
Кафедра Вычислительная техника и программирование
КУРСОВАЯ РАБОТА
КР. 5В070400.13.3.58. 16 . ПЗ
По дисциплине Интерфейсы компьютерных систем
Тема Разработка справочной системы «2GIS» в среде программирования «HTML Help Workshop»
|
______________ (оценка) Члены комиссии зав. кафедрой (должность, ученая степень) О.Г. Потапенко (инициалы, фамилия) _______________________ ___________________ (подпись) (дата) доцент, к.т.н. (должность, ученая степень) В.И. Фандюшин (инициалы, фамилия) _______________________ ___________________ (подпись) (дата) Нормоконтролер ст. преподаватель (должность, ученая степень) Г.С.Балгабаева (инициалы, фамилия) _______________________ ___________________ (подпись) (дата) |
Руководитель ст. преподаватель (должность, ученая степень) Пудич Н. Н. (инициалы, фамилия) _______________________ ___________________ (подпись) (дата) Обучающийся Танарбергенов Р.Б. (инициалы, фамилия) _______________________ ___________________ (подпись) (дата) ВТиП-202(с) (группа) |
2016
|
Задание на курсовой проект/работу |
|
Форма Ф СО ПГУ 7.06.2/01 |
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ
РЕСПУБЛИКИ КАЗАХСТАН
ПАВЛОДАРСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ИМ.
С. ТОРАЙГЫРОВА
Кафедра Вычислительная техника и программирование
ЗАДАНИЕ
на курсовой проект/работу
по дисциплине Интерфейсы компьютерных систем
Обучающемуся Танарбергенову Ренату Болатовичу группа ВТиП-202(с)
1 СОДЕРЖАНИЕ КУРСОВОГО ПРОЕКТА/РАБОТЫ
|
Введение |
|
1. Теоретическая часть 1.1. Описание предметной области |
|
2. Практическая часть 2.1. Создание справочной системы в средах разработки «HTML Help Workshop» и «HTM2CHM» 2.2. Создание содержания 2.3. Создание нового проекта 2.4. Настройка внешнего вида 2.5. Свойства проекта 2.6. Компиляция 2.7. Результат 2.8. Сравнительный анализ «HTML Help Workshop» и «HTM2CHM» 2.9. Анализ в пользу выбранных ПО 3. Создание презентации в среде Power Point |
|
Заключение |
|
Список используемой литературы |
|
Задание на курсовой проект/работу |
|
Форма Ф СО ПГУ 7.06.2/01 |
2 ИСХОДНЫЕ ДАННЫЕ
2.1 «HTML Help Workshop» и «HTM2CHM»
2.2 Разработка справочной системы «Мультиварка»
3 ГРАФИК ВЫПОЛНЕНИЯ И ЗАЩИТЫ КУРСОВОГО ПРОЕКТА/РАБОТЫ
|
Раздел |
Недели |
|||||||||||||
|
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
|
Выдача задания КР |
Объем выполнения КР (%) |
Защита КР |
||||||||||||
|
1 |
10 |
10 |
10 |
10 |
||||||||||
|
2 |
5 |
5 |
5 |
5 |
||||||||||
|
3 |
10 |
10 |
10 |
5 |
5 |
4 ПЕРЕЧЕНЬ ИСТОЧНИКОВ, РЕКОМЕНДУЕМЫХ ДЛЯ ИСПОЛЬЗОВАНИЯ В ПРОЦЕССЕ ВЫПОЛНЕНИЯ КУРСОВОГО ПРОЕКТА/РАБОТЫ
1. Джеф Раскин, Интерфейс: новые направления в проектировании компьютерных систем. – Пер. с анг. – СПб.: Символ-Плюс, 2003.
2. Алиев Т.М. , Вигдоров Д.И, Кривошеев В.П. Системы отображения информации.-М.: Высшая школа, 1988.
3. Соломонов Л.А., Филипович Ю.Н., Шульгин В.А. Персональные автоматизированные информационные системы. Практическое пособие. // Под ред. Четверикова В.Н.- М.:- Высшая щкола, 1990.
4. Айден К., Колесниченко О., Крамер М., Фибельман Х., Шишигин И. Аппаратные средства РС.- СПб.; ВНV, 1998.
5. Борзенко А. IBM PC: устройства, ремонт, модернизация. – М.: 1995.
Руководитель работы _____________________ Н.Н.Пудич
Подпись Ф.И.О.
Заведующий кафедрой _____________________ О.Г. Потапенко
Подпись Ф.И.О.
Задание получил: « 2 » февраля 2016г.
Подпись
Содержание
|
Введение |
5 |
|
1. Теоретическая часть 1.1. Описание предметной области |
7 7 |
|
2. Практическая часть 2.1. Создание справочной системы в средах разработки «HTML Help Workshop» и «HTM2CHM» 2.2. Создание содержания 2.3. Создание нового проекта 2.4. Настройка внешнего вида 2.5. Свойства проекта 2.6. Компиляция 2.7. Результат 2.8. Сравнительный анализ «HTML Help Workshop» и «HTM2CHM» 2.9. Анализ в пользу выбранных ПО 3. Создание презентации в среде Power Point |
8 8 9 10 13 17 19 20 20 20 24 |
|
Заключение |
|
|
Список используемой литературы |
Введение
Для создания справочной системы я использовал два программных обеспечения. Это: HTM2CHM и HTML Help Workshop.Htm2chm – программа, которая позволяет преобразовывать как отдельные HTML страницы с рисунками, так и целые сайты (например, скачанные offline браузерами) в один файл CHM (скомпиллированный файл справки Windows) или ITS файл для удобного сохранения HTML страниц. Конвертер автоматически сжимает файлы в процессе компиляции.
HTM2CHM позволяет отсортировать статьи в алфавитном порядке автоматически или сделать это вручную. Названия статей можно редактировать, а также назначать статьям индивидуальные иконки. Отмечу, что создание древовидной структуры и назначение иконок можно сделать и в HTML Help Workshop, однако в HTM2CHM это реализовано поудобнее.
Например, в HTM2CHM для перемещения статей можно просто перетаскивать их мышью или делать это с нажатой клавишей CTRL, что намного удобнее, чем тыкать курсором в кнопку, перемещая за раз всего на одну позицию. Иконки тоже назначаются легко - трудно придумать что-то проще, чем выпадающее меню (у HTML Help Workshop смена иконки находится в свойствах страницы, да еще и на второй закладке).
HTML Help Workshop (hhw.exe) - средство, позволяющее создавать как отдельные файлы, являющиеся частями справочной системы, так и объединять все части в единое целое - законченную справочную систему. Элементы справочной системы, как правило, хранятся в отдельных файлах и могут быть разного типа. К ним относятся HTML - файлы с разделами справочной системы, файл с таблицей содержания, файл с индексами, файлы с рисунками и другими мультимедийными элементами, вспомогательные файлы, наконец, файл проекта, хранящий всю информацию о частях справочной системы. Если говорить о том, в каком виде создается справочное руководство, то здесь есть две основные возможности. Инструмент HHW позволяет скомпилировать справочную систему в виде единого файла (.chm), подобно компилируемому Windows Help файлу (.hlp). Другая возможность состоит в создании специального Web-узла справки.
Используя этот инструмент, можно, как уже говорилось, создать справочную систему в виде скомпилированного файла или специального Web-узла. Файлы, составляющие разделы этой системы, содержат тексты, графику и другие элементы, которые могут появляться в разделах справки. Другие файлы, также являющиеся частью справочной системы, содержат информацию, необходимую для организации внешнего облика системы, организации поиска нужных разделов и других манипуляций с ней. HTML Help Workshop позволяет создать оглавление, индексы и файл проекта, объединяющий все файлы справочной системы. В процессе компиляции файла проекта и всех файлов, связанных с ним, HTML Help Workshop создает единый файл справочной системы, выполняя одновременно операцию сжатия. Сжатие HTML-файлов и файлов других типов позволяет существенно экономить требуемое дисковое пространство. Типы файлов, появляющиеся в проекте, зависят, конечно, от того, какие средства используются в разделах справки, от возможностей, какими будет обладать система и от того, в каком виде она будет представлена - скомпилированном файле или Web-узле. Чаще всего, в проект включаются файлы следующих типов:- HTML-файлы, описывающие разделы справки;
- графические и мультимедийные файлы, если в разделах справки есть ссылки на элементы подобного рода;
- файлы, описывающие содержание справочной системы;
- файлы индексов, необходимые для поиска разделов по индексам;
- вспомогательные файлы с информацией, необходимой для построения справочной системы;
- файл проекта справочной системы, объединяющий всю информацию. В справочную систему можно также включить средства, позволяющие получать справки и тем пользователям, у которых нарушены те или иные функции, например, слух или зрение.
1 Теоретические сведения
1.1Описание предметной области
Предметной областью в данной справочной системе является мобильное приложение «2GIS».
2ГИС (ДваГИС, до ребрендинга 2011 г. — ДубльГИС) — международная картографическая компания, выпускающая одноимённые электронные справочники с картами городов с 1999 года.
Главный офис 2ГИС находится в Новосибирске. Компания имеет справочники для многих городов России, а также нескольких городов за рубежом - в Казахстане, Италии, Чехии, Кипре, Чили, ОАЭ, Киргизии и Украине.
Все версии 2ГИС, как и обновления к ним, бесплатны для пользователей. Основной источник доходов компании 2ГИС — продажа рекламных мест на карте и в справочнике (баннер, место в списке, дополнительный текст).
Входит в десятку крупнейших интернет-компаний России по версии Forbes.
Входит в десятку лучших работодателей России по версии HeadHunter.
В 2013 году компания заработала 3 млрд рублей.
Проект зародился внутри новосибирской компании «Техноград плюс». Она занималась производством профессиональных ГИС по заказу НГТС и других организаций. На массовом рынке «Техноград плюс» предлагал несколько тиражей компакт-дисков с картой Новосибирска. Также компания выпустила CD «Строительные фирмы и организации» — приложение к газете «Стройка».
В 1998 году, после кризиса, многие заказчики «Технограда плюс» оказались не в состоянии оплачивать дорогостоящие разработки «не первой необходимости». Возникла потребность в поиске новых клиентов и способов применения ГИС. Более того, с выпущенных ранее тиражей компакт-дисков разошлась масса пиратских копий, и продавать их стало бессмысленно.
Было принято решение выпустить бесплатный продукт, который будет служить демоверсией профессиональной ГИС. Опыт с газетой «Стройка» показал, что электронный справочник, объединённый с картой города, может быть интересен рекламодателям. Александр Сысоев сформулировал концепцию нового проекта: бесплатное распространение и окупаемость за счёт рекламы. Продукт получил название ДубльГИС: ГеоИнформационная Система плюс Городской Информационный Справочник.
Создание данной справочной системы имеет актуальность, так как официальной справочной системы для 2GIS нет. Я решил создать справочную систему для более ясного понимания интерфейса данного приложения, т.к. это приложение очень популярно во многих городах мира, в том числе и в Павлодаре.
1.
2 Практическая часть
2.1 Создание справочной системы в средах разработки «HTMLHelpWorkshop» и «HTM2CHM»
Желательно, чтобы каждая программа имела справочную систему, при помощи которой пользователь мог получить исчерпывающую информацию о программе, о том, как с ней работать.
Корпорация Microsoft с присущим ей здоровым консерватизмом перенесла основные особенности и детали интерфейса HTML Help Workshop из своего предыдущей программы, предназначенной для создания справочных документов, которая называется Microsoft Help Workshop.
Разработка справочной системы состоит из двух основных этапов:
- Создание файлов или нескольких файлов, содержащих темы справок, например, с помощью Microsoft Word, Front Page или любой программы для создания .htm файлов;
- Компиляция справки в файл и отладка всей справочной системы, с помощью специальных программ, например, HTM2CHM, HCRTF - Microsoft Help Workshop, FAR HTML.
При создании справочной системы необходимо в первую очередь продумать систему в целом. А именно решить следующие вопросы:
- об информации, выносимой в основное, дополнительные окна;
- о включении разделов в предметный указатель и окно содержания;
- об общем стиле справки (наличие кнопок, пиктограмм);
- о разделении функций между основным и дополнительными окнами.
При создании файлов тем справок можно использовать текстовый редактор Microsoft Word, созданный файл должен сохраняться в формате HTM.
1.
2.
2.1.
2.2 Создание содержания
Рисунок 1 – Главное окно программы
Создание файла содержания в HTM2CHM - дело нехитрое. Запускаем HTM2CHM и видим список режимов работы программы.
Рисунок 2 – Окно генерации содержания
Выбрав Содержание, мы попадаем в окно генератора содержания, в котором нужно указать папку с HTML файлами, а также имя и расположение результирующего TOC файла.
Рисунок 3 – Окно редактора содержания
После генерации файла содержания откроется редактор, в котором все статьи, вошедшие в содержание будут отображаться вертикальным линейным списком.
2.3 Создание нового проекта
Первое что нужно сделать - это создать новый проект (File | New).
Рисунок 4 – Окно мастера создания проекта
Выбираем Project и нам открывается мастер создания проекта.
Рисунок 5 – Окно приветствия мастера
На первом этапе предлагается конвертировать существующий WinHelp проект. Поскольку мы ничего не конвертируем, то флажок ставить не надо.
Рисунок 6 – Окно выбора расположения файла
Указываем имя файла проекта (*.HHP) и папку, в которой он будет сохранен.
Рисунок 7 – Окно указания HTML файлов, включаемые в проект
На этом этапе можно указать HTML файлы, которые мы включаем в проект, а также файл содержания и индекса (HHK).
Рисунок 8 – Окно добавления HTML файлов
По завершении работы мастера левая часть рабочего окна HTML Help Workshop выглядит примерно так.
Рисунок 9 – Рабочее окно HTML Help Workshop
По завершении работы мастера левая часть рабочего окна HTML Help Workshop выглядит примерно так.
2.4 Настройка внешнего вида
Рисунок 10 – Диалоговое окно
В вертикальной панели инструментов HTML Help Workshop есть ряд иконок - нас интересует третья сверху (Add/Modify Windows Definitions). Если это ваш первый щелчок на иконку, то появится такое диалоговое окно, в котором нужно напечатать Navigation Pane.
Рисунок 11 – Окно настройки отображения
Нам откроется окно Window Types, в котором можно выставить немало настроек. На закладке Navigation Pane нужно отметить следующее:
- Window with navigation pane, topic pane, and button - обязательно ставим флажок, чтобы навигационная панель отображалсь в скомпилированном CHM файле. Поставив флажок, мы видим остальные опции;
- Тabs - закладки навигационной панели;
- Default Tab - активная закладка по умолчанию (при открытии файла);
- Search Tab и Advanced - закладка поиска и возможность расширенного поиска с использованием логических операторов;
- Favorites tab - закладка Избранное.
Рисунок 12 - Окно настройки отображения
Закладка Buttons контролирует какие кнопки будут доступны на верхней панели скомпилированного файла. Выбор оставляю на ваше усмотрение.
Рисунок 13 - Окно настройки отображения
Закладка Position позволяет задать размер окна и его расположение на экране. Рекомендую дать пользователю возможность автоматически запомнить размер и позицию после первого запуска CHM файла (Save user defined window position after first use)
Рисунок 15 - Окно настройки отображения
На закладке Files указываем ряд важных файлов:
- Window - фокус по умолчанию при запуске (я выбираю Навигационную панель);
- TOC - файл содержания. Здесь я указываю файл, который ранее создал в HTM2CHM (путь нужно указывать, если только TOC не в одной папке с файлом проекта);
- Index - индексный файл (если вам нужен индекс - впишите туда index.hhk; о создании индекса я расскажу ниже);
- Default - страница, отображаемая при открытии CHM файла;
- Home - домашняя страница (кнопка Home на панели).
2.5 Свойства проекта
Чтобы попасть в свойства проекта, делаем двойной щелчок на слове [Options] (в левой верхней части главного окна программы под закладкой Project) и идем по закладкам по порядку.
Рисунок 16 – Окно свойств проекта
На закладке General нас интересуют:
- Title - название CHM файла (отображается в заголовке окна скомпилированного файла);
- Default File - страница (статья), которая отображается при открытии CHM файла;
- Default Window - я выбираю Navigation Pane (навигационная панель с закладками в левой части CHM файла);
- Language - Russian (обязательно, если в Содержании кириллица).
Рисунок 17 – Окно свойств проекта
На закладке Files мы указываем следующие параметры:
- Compiled File - имя и расположение скомпилированного файла;
- Contents File - вот тут я и указываю TOC файл, созданный в HTM2CHM;
- Index file - (если вам нужен индекс - впишите туда index.hhk);
- Include keywords from HTML file - эта опция предполагает наличие заранее сформированных ключевых слов в HTML файлах для создания индекса.
Рисунок 18 – Окно свойств проекта
Идем дальше - закладка Compiler. Здесь мы отмечаем лишь Compile full-text search information (если, конечно, нужен полнотекстовый поиск).
2.6 Компиляция
Если у вас есть по крайней мере файл содержания и список страниц, можно попробовать запустить компиляцию и посмотреть, что получается. Делается это через меню File | Compile или по нажатию третьей кнопки слева на верхней панели инструментов.
Получаем предложение сохранить все файлы и показать скомпилированный файл по окончании компиляции. Через несколько секунд или минут (в зависимости от кол-ва материала и/или скорости компьютера) получаемый желаемый и любимый CHM файл. Смотрим что получилось. Если чего-то не хватает, проверяем настройки и компилируем снова.
2.7 Результат
В результате получаем готовую справочную систему в виде данного главного окна справочной системы.
Рисунок 19 - Справочная система «2GIS»
1.
2.8 Сравнительный анализ «HTMLHelpWorkshop» и «HTM2CHM»
В HTM2CHM можно создать файл содержания и выстроить страницы в желаемом порядке, назначив им различные иконки. Но невозможно снабдить CHM файл полнотекстовым поиском и индексом.
В отличии от HTM2CHM, программа не очень интуитивно понятна и русского интерфейса у нее тоже нет, но при этом она компенсирует этот недостаток большим наличием различных функций. Мы можем создать проект, настроить внешние данные, создать индекс и скомпилировать наш проект.
2.9 Анализ в пользу выбранных ПО
«HTML Help Workshop» и «HTM2CHM» в работе дополняют друг друга. Сгенерировав содержание в HTM2CHM, я больше к ней не возвращался, и продолжал редактировать проект в HTML Help Workshop.
HTM2CHM позволяет отсортировать статьи в алфавитном порядке, автоматически или сделать это вручную. Названия статей можно редактировать, а также назначать статьям индивидуальные иконки.
HTML Help Workshop (hhw.exe) - средство, позволяющее создавать как отдельные файлы, являющиеся частями справочной системы, так и объединять все части в единое целое - законченную справочную систему.
Создание презентации в среде PowerPoint
В данной части пояснительной записки предоставлены скриншоты по созданию презентации по теме «Разработка справочной системы «2GIS» в среде программирования «HTML Help Workshop» и «HTM2CHM»
Рисунок 20 – Титульный лист презентации
Рисунок 21 – Слайд создания содержания
Рисунок 22 – Слайд готовой справочной системы «2GIS»
Заключение
HTM2CHM позволяет отсортировать статьи в алфавитном порядке автоматически или сделать это вручную. Названия статей можно редактировать, а также назначать статьям индивидуальные иконки. Отмечу, что создание древовидной структуры и назначение иконок можно сделать и в HTML Help Workshop, однако в HTM2CHM это реализовано поудобнее.
Например, в HTM2CHM для перемещения статей можно просто перетаскивать их мышью или делать это с нажатой клавишей CTRL, что намного удобнее, чем тыкать курсором в кнопку, перемещая за раз всего на одну позицию. Иконки тоже назначаются легко - трудно придумать что-то проще, чем выпадающее меню (у HTML Help Workshop смена иконки находится в свойствах страницы, да еще и на второй закладке).
За неказистым (и иногда не очень удобным) интерфейсом HTML Help Workshop скрывается очень мощный инструмент создания CHM файлов. Насколько мне известно, у программы нет русского лица (однако, русификаторы существуют), да и английский интерфейс не слишком информативен - иконки не имеют подписей и пока их не "выучишь", приходится наводить курсор мыши для получения всплывающей подсказки. Однако, функционально HTML Help Workshop превосходит HTM2CHM.
Справочная система программы, или попросту файл справки, предназначен для предоставления пользователю программы полной и исчерпывающей информации, о том как работать с программой и для чего данный программный продукт нужен. Справочная система должна удовлетворять следующим требованиям:
- давать полное описание по вопросам использования программы;
- иметь графические материалы по вопросам использования программы;
- быть доступной для вызова из любой формы программы;
- иметь контекстные описания и удобную систему поиска информации;
- иметь минимально возможный размер;
В первой части курсовой работы описывается предметная область и актуальность темы справочной системы. Во второй части пошагово рассказывается о создании справки в средах HTM2CHM и HTML Help Workshop. В третьей, заключительной части приводятся скриншоты презентации, выполненные в среде Power Point.
Список используемой литературы
1. Джеф Раскин, Интерфейс: новые направления в проектировании компьютерных систем. – Пер. с анг. – СПб.: Символ-Плюс, 2003.
2. Алиев Т.М. , Вигдоров Д.И, Кривошеев В.П. Системы отображения информации.-М.: Высшая школа, 1988.
3. Соломонов Л.А., Филипович Ю.Н., Шульгин В.А. Персональные автоматизированные информационные системы. Практическое пособие. // Под ред. Четверикова В.Н.- М.:- Высшая щкола, 1990.
4. Айден К., Колесниченко О., Крамер М., Фибельман Х., Шишигин И. Аппаратные средства РС.- СПб.; ВНV, 1998.
5. Борзенко А. IBM PC: устройства, ремонт, модернизация. – М.: 1995.
(zip - application/zip)
Статистика файлового архива
