close

Вход

Забыли?

вход по аккаунту

?

моя записка

код для вставкиСкачать
БЕЛОРУССКИЙ НАЦИОНАЛЬНЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ
ФАКУЛЬТЕТ ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ И РОБОТОТЕХНИКИ
Кафедра "Программное обеспечение вычислительной техники и автоматизированных систем"
КУРСОВОЙ ПРОЕКТ
по дисциплине "Информационные системы и технологии электронных изданий"
Тема: Разработка структуры электронного учебника.
Исполнитель: студентка 5 курса факультета ИТР, группа 107319 Шлома М.А.
Руководитель проекта: Борисова И.М.
Минск 2013
БЕЛОРУССКИЙ НАЦИОНАЛЬНЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ
ФАКУЛЬТЕТ ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ И РОБОТОТЕХНИКИ
Кафедра "Программное обеспечение вычислительной техники и автоматизированных систем"
ПОЯСНИТЕЛЬНАЯ ЗАПИСКА
к курсовому проекту по дисциплине "Информационные системы и технологии электронных изданий"
Тема: Разработка структуры электронного учебника.
Исполнитель: __________________________________(Шлома М.А.)
Студентка 5 курса 107319 группы
Руководитель: _________________________________ (Борисова И.М.)
Минск 2013
СОДЕРЖАНИЕ
ВВЕДЕНИЕ5
1 ТЕОРЕТИЧЕСКИЙ РАЗДЕЛ7
1.1 Анализ предметной области7
1.2 Требования к разработке7
1.3 Анализ подобных систем10
1.3.1 Формат электронных изданий HTML10
1.3.1 Формат электронных изданий PDF11
1.4 Выбор средств реализации12
1.4.1 Программный пакет Dreamweaver12
1.4.2 Программный пакет Microsoft FrontPage13
1.4.3 Текстовый редактор NotePad++14
2 ПРАКТИЧЕСКИЙ РАЗДЕЛ15
2.1 Технология проектирования15
2.2 Описание проекта16
2.3 Основные этапы реализации19
ЗАКЛЮЧЕНИЕ21
СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ22
ПРИЛОЖЕНИЕ А. HTML код главной страницы23
ВВЕДЕНИЕ
Последние десятилетия XX века характеризуются быстрым совершенствованием и развитием электроники и компьютерных информационных технологий. Именно в этот период практически все издательства перешли на компьютерный набор и верстку газет, журналов и книг. Электронное издание значительно дешевле, чем печатное, и изготовление такого издания не связано с расходом трудно возобновимых ресурсов (леса) и загрязнением окружающей среды. Электронные издания зачастую оказываются даже более функциональными. Так, справочное или учебное электронное издание позволяет более динамично построить процесс изучения материала и усилить его мотивацию, что в конечном счете позволяет ускорить процесс восприятия и запоминания информации.
Важнейшим преимуществом электронных изданий по сравнению с печатными является возможность их интерактивного оформления. Такое издание может быть учебным, научно-популярным и даже художественным произведением, в котором потребителю отводится не пассивная роль читателя, но активная роль участника.
Электронное издание - это электронный документ, прошедший редакционно-издательскую подготовку, предназначенный для распространения в неизменном виде и имеющий выходные сведения.
Составными элементами электронного издания являются:
* Тексты;
* Иллюстративный материал; * Звуковое сопровождение;
* Анимация и видео.
Классификация электронных изданий может вестись по нескольким признакам. Наиболее существенными из них нам представляются следующие:
* периодичность издания;
* круг потребителей продукции (учебные пособия, научные журналы, детские издания, художественная и научно-популярная литература, энциклопедически и справочные издания);
* вид издания;
* способ распространения издания(распространяемые на физических носителях и распространяемые в сетевых средах);
* формат издания(txt, HTML, PDF).
Хранение документов и изданий в электронной форме позволяет организовывать электронные базы данных, четкая структура и развитые средства поиска и навигации в которых облегчают процесс обнаружения нужных материалов и их фрагментов.
Данный курсовой проект состоит из 2 разделов.
В первом разделе описаны предметная область, выделены требования к разработке, произведен анализ современных форматов электронных изданий, аргументирован выбор средства реализации.
Во втором разделе описаны технологии проектирования, суть проекта, основные этапы реализации.
1 ТЕОРЕТИЧЕСКИЙ РАЗДЕЛ
В данном курсовом проекте необходимо разработать электронное издание "Разработка структуры электронного учебника".
Для решения такой задачи необходимо использование гипертекстовой разметки документа.
1.1 Анализ предметной области
Наиболее популярным форматом для разработки электронного издания является гипертекстовый документ. Для качественного и понятного представления информации необходимо не только наличие знаний в определенной предметной области, но и умение красиво ее оформить. Нужен уникальный дизайн, комфортная и простая навигация, умение связать ряд информационных фрагментов, связанных между собой по смыслу.
Практически все электронные издания, представленные в формате HTML, используют технологии CSS и JavaScript. HTML определяет семантическое расположение элементов и структуру документа: последовательность абзацев, логическую связь содержимого, группировку наборов данных. За внешний вид отвечает технология CSS.
Главным инструментом решения задачи написания электронного учебного пособия в формате HTML являются текстовые редакторы и программы для web-дизайна. 1.2 Требования к разработке
Электронное издание воспринимается с экрана или дисплея, поэтому оно имеет свои особенности и требования к разработке:
* Содержимое издания должно располагаться во фрейме. Вместо фреймов допустимо использование всплывающих окон, где размещается графический материал, навигационное меню, указатели, комментарии;
* Информационные категории и пункты меню должны быть короткими. Их необходимо разбивать на дискретные фрагменты, которые содержат один узкий вопрос. Как правило, такой фрагмент состоит из двух-трех абзацев.
При создании электронного издания необходимо учитывать всю совокупность приемов, методов, способов продуцирования графической и аудиовизуальной информации с учетом воспроизведения электронных изданий с локального носителя, локальной сети или из сети интернет.
Общие требования к электронным изданиям:
* Требование научности представленных материалов;
* Требование доступности;
* Требование обеспечения проблемности обучения;
* Требование обеспечения наглядности;
* Требование обеспечения сознательности, самостоятельности и активизации деятельности учащегося;
* Требование обеспечения систематичности и последовательности изложения материалов;
* Требование обеспечения содержательной и функциональной валидности контрольно-измерительных ОЭИ и их компонент;
* Требование обеспечения надежности.
Методические требования:
* Опора на взаимосвязь и взаимодействие понятийных, образных и действенных компонентов мышления учащихся;
* Обеспечение отражения системы научных понятий;
* Возможность контролируемых тренировочных действий с целью поэтапного повышения внутридисциплинарного уровня абстракций знаний обучаемых на уровне усвоения, достаточном для осуществления алгоритмической и эвристической деятельности.
Специфические требования:
* Требование адаптивности (приспособляемости к индивидуальным возможностям обучающегося;
* Требование интерактивности (осуществление обратной связи, взаимодействия);
* Требование развития интеллектуального потенциала обучаемого;
* Требование системности и структурно-функциональной связанности представления учебных материалов;
* Требование формируемости и уникальности заданий (задания, предъявляемые учащимся, не должны в полном виде существовать до начала обучения);
* Требование обеспечения полноты и непрерывности дидактического цикла обучения.
1.3 Анализ подобных систем
В настоящее время для современных и качественных электронных изданий используются форматы электронных изданий, а именно HTML и PDF.
Оба эти формата объединяет возможность размещения в тексте издания гиперссылок, по которым осуществляются быстрые переходы как внутри данного издания, так и во внешние, по отношению к данному, документы. С помощью гиперссылок можно связаться с автором или издателем по электронной почте, просмотреть литературные источники, на которые ссылаются в данном издании, вызвать иллюстрацию, которая поясняет смысл некоторого текстового фрагмента.
1.3.1 Формат электронных изданий HTML
Современный интернет состоит из web-страниц, которые создаются с помощью языка разметки гипертекста HTML. Специальные программы просмотра HTML - документов - браузеры - служат для интерпретации файлов, размеченных по правилам языка HTML. Они форматируют их в виде web-страниц и отображают их содержимое на экране компьютера пользователя. Существует большое количество программ - браузеров, разработанных различными компаниями, однако, на сегодняшний день из всего разнообразия программ явно выделяются несколько: Google Chrome, Mozilla, Opera, Internet Explorer.
Основными достоинствами HTML - документа являются:
* Малый информационный объем;
* Возможность просмотра на персональных компьютерах;
* Интерактивность.
Недостатки HTML:
* Слабая поддержка графики. Изначально HTML поддерживал только текстовую информацию. Этот недостаток позже был устранен. В настоящее время сама web-страница и все входящие в нее изображения хранятся в разных файлах. В HTML-коде вставляются особые ссылки на эти файлы;
* Статичность. Web-страницы, уже загруженные и отображенные браузером, невозможно изменить;
* На вид страницы HTML могут повлиять настройки браузера пользователя - шрифты, выполнение скриптов, загрузка графики.
Для создания web-страниц используются простейшие текстовые редакторы, которые не включают в создаваемый документ управляющие символы форматирования текста.
1.3.2 Формат электронных изданий PDF
PDF - это удобный формат для публикации страниц и информации в Интернете. Он прекрасно индексируется поисковыми системами, может включать несколько уровней защиты от копирования, печати, внесения изменений и добавления web-форм. С помощью документов в формате PDF удобно распространять файлы, предназначенные для печати, чтения с экрана монитора. В отличие от HTML-страниц документ PDF смотрится в программе для его просмотра и в любом браузере одинаково.
Преимущества PDF:
* Это кроссплатформенный стандарт. Это означает, что вы можете увидеть документ точно таким же, каким он был создан, вне зависимости от того, на какой платформе он создавался;
* PDF-файлы являются машинно-независимыми;
* PDF-файлы компактны. PDF поддерживает большое количество алгоритмов компрессии данных;
* PDF-файлы могут содержать мультимедийные элементы, такие как видео- и/или звуковые ролики, так же как и гипертекстовые элементы и превью страниц;
* PDF поддерживает безопасность. Создатель PDF-файла может задать несколько опций безопасности. Возможно заблокировать файл так, что он может быть открыт только после ввода пароля. Также возможно запретить изменение файла и его печать.
Недостатки PDF:
* PDF - патентованный формат компании Adobe;
* PDF нацелен прежде всего на визуализацию документов. Он не сохраняет их логическую структуру;
* PDF-файлы сложно редактировать. Небольшие изменения могут быть внесены, но очень сложно, если не невозможно, добавлять блоки текста или изображения в существующий PDF-файл.
* Уступает более специализированным решениям.
1.4 Выбор средств реализации
Для подготовки электронных изданий создано множество программных продуктов - от простейших HTML-редакторов до средств проектирования web-страниц и web-серверов.
1.4.1 Программный пакет Dreamweaver
Macromedia Dreamweaver 8 (в переводе - ткач мечты) - HTML-редактор, разработанный компанией Macromedia. Богатый инструментарий, удобный интерфейс, открытость приложения для всевозможных настроек и другие особенности делают Dreamweawer одним из самых популярных HTML-редакторов в мире.
Возможности Macromedia Dreamweaver 8 значительно шире, чем возможности обычных редакторов для создания веб-страниц. Однако вместе с этим программа благодаря легко настраиваемому и простому пользовательскому интерфейсу подходит как для профессионалов, так и начинающих создателей веб-проектов любой сложности.
Основной упор в данном продукте сделан на визуализацию разработки веб-страницы. Работа проходит в режиме WYSIWYG (What You See Is What You Get - что видишь, то и получаешь), то есть Dreamweaver объединяет в себе средство для визуального расположения элементов, управления их свойствами на уровне языка HTML и средства поддержки Dynamic HTML.
Macromedia Dreamweaver обеспечивает:
* генерацию свободного от ошибок HTML-кода;
* динамическое отображение создаваемой страницы в выбранном браузере;
* сохранение расположения для ранее созданных документов и документов, созданных другими средствами;
* средства наглядного дизайна таблиц и фреймов;
* генерацию Dynamic HTML для различных браузеров;
* расширяемую коллекцию скриптовых программ JavaScript;
* поддержку анимации, схожую с инструментами Macromedia Director.
Кроме этого:
* Macromedia Dreamweaver 8 - это и разработчик дизайна, и редактор кода в одном инструменте;
* Dreamweaver 8 позволяет с легкостью использовать новые технологии дизайна и кодирования;
* с помощью Dreamweaver 8 и Flash Video поместить видео на сайт не составит никакого труда;
* мощная CSS-панель предоставляет возможность произвести изменения, не набирая код вручную;
* Dreamweaver взаимодействует с XML.
1.4.2 Программный пакет Microsoft FrontPage
Программный пакет FrontPage долгое время развивался и совершенствовался фирмой Microsoft. Редактор входит в программный пакет MS Office. Для форматирования текста можно использовать все возможности, предусмотренные в основном стандарте HTML, а также применять специальные динамические эффекты и анимацию. Редактор имеет удобные инструменты для работы с таблицами, встроенные средства для обработки изображений, позволяет легко размещать на страницах различные мультимедиа-объекты: рисунки, видеофильмы, анимацию, звуковые фрагменты. Тесная интеграция с пакетом MS Office позволяет отображать на страницах документы MS Word, таблицы и графики MS Excel, динамически получать данные из MS Access, использовать язык VBA, средства проверки орфографии и около 60 готовых тем для оформления страниц сайта. В FrontPage реализована поддержка современных Web-технологий, таких, как каскадные таблицы стилей (CSS), динамические эффекты (DHTML), фреймы, активные страницы (ASP), элементы ActiveX и Java-аплеты. Если на Web-сервере установлен пакет FrontPage Server Extensions, то появляются дополнительные возможности при создании страниц - формы поиска, счетчики посещений, оглавление сайта и другие.
Программа FrontPage является не только редактором Web-страниц, но и содержит средства управления сайтом, такие, как схема навигации по страницам, анализ сайта с помощью различных отчетов, коллективная разработка, настройка на определенные браузеры, загрузка сайта на Web-сервер по протоколам HTTP и FTP. Все эти возможности позволяют создавать с помощью FrontPage полноценные Web-сайты, такие, например, как электронные магазины или игровые сайты.
К недостаткам редактора FrontPage можно отнести его преимущественную ориентацию на браузер Internet Explorer, поэтому следует проверять работу готового сайта в других браузерах. А также некоторую избыточность готового кода HTML. Редактор отслеживает изменения в коде страниц и упорно восстанавливает тэги, удаленные Web-мастером. С другой стороны, этот недостаток можно считать продолжением достоинств, позволяющих работать с редактором непрофессионалу.
1.4.3 Текстовый редактор NotePad++
Notepad++ это бесплатный редактор текстовых файлов (замена стандартного Блокнота) с поддержкой синтаксиса большого количества языков программирования, ориентирован для работы в операционной системе MS Windows.
Основные особенности NotePad++:
* подсветка текста и возможность сворачивания блоков, согласно синтаксису языка программирования;
* настраиваемый пользователем режим подсветки синтаксиса;
* авто-завершение набираемого слова;
* одновременная работа с множеством документов;
* одновременный просмотр нескольких документов;
* поддержка регулярных выражений Поиска/Замены;
* полная поддержка перетягивания фрагментов текста;
* динамическое изменение окон просмотра;
* автоматическое определение состояния файла;
* поддержка большого количества языков;
* запись макроса и его выполнение.
Таким образом, NotePad++ распознает и подсвечивает синтаксис, что удобно для редактирования. Есть возможности смены кодировки текста и записи макро. Нужно отметить, что редактор не способен на визуальное оформление и форматирование текста.
Таким образом, можно сказать, что NotePad++ является хорошим и удобным средством для разработки небольших проектов.
2 ПРАКТИЧЕСКИЙ РАЗДЕЛ
Для реализации данного курсового проекта выбран текстовый редактор NotePad++. Для электронного издания выбран формат HTML. В проекте используются такие технологии как CSS и JavaScript (для выпадающего меню).
Структура электронного издания представлена на рисунке 2.1.1
Рисунок 2.1 - Структура электронного издания
2.1 Технология проектирования
Технология проектирования определяется как совокупность трех составляющих:
* Пошаговая последовательность технологических операций проектирования;
* Критерии и правила, используемые для оценки результатов выполнения технологических операций;
* Нотации (графические и текстовые средства), используемые для описания проектируемой системы.
Создание электронного издания достаточно сложный и трудоемкий процесс, поэтому в целях достижения максимальной эффективности результата целесообразно разбить его на этапы. В нашем случае этапы следующие:
* Отбор и обработка исходных данных, необходимых для создания ресурса. В ходе данного этапа был найден теоретический материал, необходимый для создания электронного издания "Разработка структуры электронного учебника";
* Определение с программными средствами для разработки электронного издания, структурой и интерфейсом. Для разработки электронного издания был использован формат электронных изданий HTML. Изучив программные продукты для создания и редактирования электронного ресурса, был выбран текстовый редактор NotePad++. Данный редактор удобно использовать для небольших проектов;
* Предварительный просмотр данного электронного издания был проведен с помощью браузера Google Chrome.
2.2 Описание проекта
Начиная работу с электронным изданием, пользователь автоматически попадает на главную страницу, представленную на рисунке 2.2.1. Структура главной страницы имеет вид:
* Шапка. Это верхняя часть страницы. Здесь написано название электронного издания и размещается логотип;
* Верхнее меню. Содержит ссылку на главную страницу и на страницу, содержащую сведения об авторе.
* Левая колонка. В этой части страницы расположено навигационное меню. Также здесь располагается блок, при нажатии на который, появляется меню для просмотра видео курса по HTML;
* Правая колонка. В этой части страницы отображается основной контент электронного издания. Этот блок выполнен в виде фрейма. По умолчанию во фрейме содержится общая информация об издании. При клике пользователя по навигационному меню, во фрейм подгружается информация по выбранному уроку;
* Подвал. При выборе пункта из верхнего меню "Об авторе", во фрейм загрузится информация об авторе. Информация об авторе представлена на рисунке 2.2.2.
Рисунок 2.2.1 - Информация об авторе
Рисунок 2.2.2 - Главная страница электронного издания
При выборе пользователем интересующего урока соответствующий пункт меню выделяется цветом, а во фрейм подгружается нужный материал. Процесс навигации представлен на рисунке 2.2.3.
Рисунок 2.2.3 - Навигация пользователя по меню
При клике пользователя по блоку "Базовый курс HTML" разворачивается блок содержащий меню, для изучения основ HTML. Блок со ссылками на видео материалы представлен на рисунке 2.2.4.
Рисунок 2.2.4 - Базовый курс HTML
При выборе одного из меню во фрейм подгружается выбранное видео. Процесс навигации представлен на рисунке 2.2.5.
Рисунок 2.2.5 - Навигация пользователя по меню "Базовый курс HTML"
2.3 Основные этапы реализации
Среди основных этапов реализации электронного издания "Разработка структуры электронного учебника" можно выделить следующие:
* Определение структуры главной страницы;
* Разработка интерфейса web-сайта. Разработка логотипа, оформление меню;
* Верстка;
* Наполнение контентом.
Web-сайт содержит 11 информационных страниц. Также издание содержит 11 видеоматериалов, посвященных созданию электронных учебников при помощи HTML. ЗАКЛЮЧЕНИЕ
Электронный учебник - это ресурс, содержащий систематизированные учебные материалы в определенной области знаний, создание, распространение и использование которого возможно с помощью современных информационных технологий. Электронный учебник можно разделить на 3 типа: электронная книга, мультимедийный электронный учебник, электронный курс. Также учебники бывают онлайновые (доступны для работы в сети) и офлайновые (доступные для чтения на персональном компьютере). При взаимодействии человека с электронным учебником основную роль играет интерфейс. На восприятие информации обязательно влияет расположение, объем, цвет и динамичность сценария. В электронном учебнике должны быть ясные и краткие формулировки. Также не стоит забывать, что визуализированный материал усваивается и перерабатывается гораздо быстрее, а одновременная работа с текстовой и звуковой информацией способствует долговременному запоминанию.
В данном курсовом проекте было разработано электронное издание на тему "Разработка структуры электронного учебника". СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ
1. Вуль В. Виртуальный мир книги// Вы и Ваш компьютер. - 2000. - № 11, 12.
2. Вуль В.А. "Электронные издания" Учебник 0 [Электронный ресурс] http://hi-edu.ru/e-books/xbook119/01/.
3. Вуль В. Структура и элементная база современных персональных компьютеров (конспект лекции). - М.: Издательство МГУ, 1999.
4. Гасов В.М., Цыганенко А.М. "Методы и средства подготовки электронных изданий" Учебное пособие [Электронный ресурс] http://www.hi-edu.ru/e-books/xbook081/01/.
ПРИЛОЖЕНИЕ А. HTML код главной страницы
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Название сайта</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div id="container">
<div id="top">
<h1>Разработка структуры электронного учебника</h1>
</div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="main.html" id="current" target="all_content">Главная страница</a></li>
<li id="active"><a href="about.html" id="current" target="all_content">Сведения об авторе</a></li>
</ul>
</div>
<div id="leftnav">
<h2>Оглавление</h2>
<ul id="leftnavmenu">
<li><a href="content/content_5.html" target="all_content">Электронное издание</a></li>
<li><a href="content/content_6.html" target="all_content">Тексты</a></li>
<li><a href="content/content_7.html" target="all_content">Иллюстративный материал</a></li>
<li><a href="content/content_8.html" target="all_content">Звуковое сопровождение</a></li>
<li><a href="content/content_9.html" target="all_content">Анимация и видео</a></li>
<li><a href="content/content_10.html" target="all_content">Форматы</a></li>
<li><a href="content/content_11.html" target="all_content">Классификация</a></li>
<li><a href="content/content_1.html" target="all_content">Электронный учебник</a></li>
<li><a href="content/content_2.html" target="all_content">Типология</a></li>
<li><a href="content/content_3.html" target="all_content">Форма представления</a></li>
<li><a href="content/content_4.html" target="all_content">Особенности представления</a></li>
</ul>
<h2 class="base-kurs">Базовый курс HTML</h2>
<ul id="leftnavmenu2" class="nodisplay">
<li><a href="video/video_1.html" target="all_content">Введение в HTML</a></li>
<li><a href="video/video_2.html" target="all_content">Понятие тэга</a></li>
<li><a href="video/video_3.html" target="all_content">Параграфы и заголовки</a></li>
<li><a href="video/video_4.html" target="all_content">Списки</a></li>
<li><a href="video/video_5.html" target="all_content">Атрибуты</a></li>
<li><a href="video/video_6.html" target="all_content">Изображения</a></li>
<li><a href="video/video_7.html" target="all_content">Ссылки. часть 1</a></li>
<li><a href="video/video_8.html" target="all_content">Ссылки. часть 2</a></li>
<li><a href="video/video_9.html" target="all_content">Таблицы. часть 1</a></li>
<li><a href="video/video_10.html" target="all_content">Таблицы. часть 2</a></li>
<li><a href="video/video_11.html" target="all_content">Жирный и курсивный текст</a></li>
</ul>
</div>
<div id="content">
<iframe src="main.html" id=frame name = all_content>Ваш браузер не поддерживает фреймов</iframe>
</div>
<div id="footer">
<p align=center> &copy; 2013 Курсоваой проект </p>
</body>
</html>
4
Документ
Категория
Рефераты
Просмотров
289
Размер файла
275 Кб
Теги
записка
1/--страниц
Пожаловаться на содержимое документа