Электронный учебник

Размещено на http://www.allbest.ru/

Содержание

Введение

1. Специальная часть

1.1 Общие сведения

1.2 Назначение и цели создания продукта

1.3 Характеристика объектов автоматизации

1.4 Требования к программному обеспечению

1.5 Требования к системному обучению

1.6 Входные данные

1.7 Порядок контроля и приёмки системы

1.8 Выходные данные

2. Структурная схема алгоритма

3. Инструкция по использованию программы

3.1 Инструкция для оператора

3.2 Инструкция для программиста

Заключение

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



Введение

В настоящее время все чаще в процессе обучения находят применения электронные учебники. Современные электронные учебники создаются посредствам PDF (виртуальный принтер), DJVU(конвертер), DOC(текстовый редактор MS Word), RTF(OpenOffice), HTML(текстовый редактор или HTML-редактор), FB2(специальное приложение или конвертер), EXE(специальное приложение-компилятор) CHM(специальное приложение или конвертер), JAVA (конвертер).

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

Как известно, этот формат используется для создания Интернет сайтов. Однако есть довольно много книг написанных на этом языке или его модификациях. Как и в предыдущем варианте HTML подходит для создания собственных электронных книг, а не для сканирования уже готовых (хотя можно размещать отдельно отсканированные листы как рисунки).

Для создания книги в этом формате необходимо иметь хотя бы базовые знания языка гипертекстовой разметки. Однако сегодня возможно конвертировать в HTML все тот же DOC или RTF файл при помощи текстового редактора.

Рассмотрим подробнее создание электронного учебника в HTML-редакторе.

автоматизация программный алгоритм обеспечение



1. Специальная часть

1.1 Общие сведения

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

1.2 Назначение и цели создания продукта

Требования к системе «электронного учебника»

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

Психолого-эргономические требования.

Новые возможности вызывают развитие новых свойств программного обеспечения, особенно форм общения человека с ЭВМ. Необходимо обеспечить психологическую естественность деятельности пользователя с ЭВМ, адекватность программы целям и функциям обучения, удобство работы пользователя с ЭВМ и сохранение его здоровья. Психолояльность и эргономичность являются одними из важнейших характеристик качества ПС (программных средств), Широко пропагандируемая и в настоящее время «дружественность программного обеспечения» как раз и предполагает наличие психолого-эргономической поддержки разработки программных средств. Применение ПС расставляет особые акценты между психологической и эргономической поддержкой дидактических целей. Психологическая естественность в соответствии с возрастными возможностями пользователя теснейшим образом связана с обеспечением таких, эргономических требований, как воспринимаемость информации, выделение особых зон для особенной информации и т. п. Как отмечает Г. С. Цейтин любая разработка программного обеспечения включает в себя задачу проектирования деятельности будущего пользователя создаваемой системы. В практике автоматизации вопросы проектирования деятельности будущего пользователя обычно решаются стихийно, в лучшем случае на основе опыта авторов системно-технического обеспечения, а чаще всего исходя из случайных соображений. Более того, проект деятельности пользователя не входит в состав документации на автоматизированную систему, не является законченным продуктом ее разработки. И как следствие отсутствуют психологически и эргономически обоснованные решения по таким важным вопросам, как определение класса решаемых пользователем задач, проектирование языка его взаимодействия с ЭВМ, выбор вида диалога, разработка дисплейных форматов, что приводит, как правило, к низкой мотивации у пользователей при решении задач с применением ЭВМ, к снижению эффективности их деятельности, повышенной утомляемости, к возникновению трудностей в освоении средств вычислительной техники. Был предложен проектный программно-исследовательский подход к созданию психолого-эргономического обеспечения технических и программных средств деятельности пользователя. Начальный этап разработки проекта деятельности пользователя ЭВМ включает следующие проектные, системотехнические, психологические и эргономические моменты:

- системно - психологическую характеристики пользователя;

- логико-психологическое описание класса решаемых с помощью ПС задач;

- перечень программных поддержек основных стандартных процедур решения указанных задач;

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

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

- рекомендуется минимизировать на экране использование терминов, относящихся к ЭВМ, вместо терминов, привычных для пользователя;

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

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

Структурная организация электронного учебника.

На рынке компьютерных продуктов с каждым годом возрастает число обучающих программ, электронных учебников и т.п. Одновременно не утихают споры о том, каким должен быть "электронный учебник", какие функции "вменяются ему в обязанность". Традиционное построение ЭУ: предъявление учебного материала, практика, тестирование. В настоящее время к учебникам предъявляются следующие требования: Информация по выбранному курсу должна быть хорошо структурирована и представлять собою законченные фрагменты курса с ограниченным числом новых понятий. Каждый фрагмент, наряду с текстом, должен представлять информацию в аудио- или видео ("живые лекции"). Обязательным элементом интерфейса для живых лекций будет линейка прокрутки, позволяющая повторить лекцию с любого места. Текстовая информация может дублировать некоторую часть живых лекций. На иллюстрациях, представляющих сложные модели или устройства, должна быть мгновенная подсказка, появляющаяся или исчезающая синхронно с движением курсора по отдельным элементам иллюстрации (карты, плана, схемы, чертежа сборки изделия, пульта управления объектом и т.д.). Текстовая часть должна сопровождаться многочисленными перекрестными ссылками, позволяющими сократить время поиска необходимой информации, а также мощным поисковым центром. Перспективным элементом может быть подключение специализированного толкового словаря по данной предметной области. Видеоинформация или анимации должны сопровождать разделы, которые трудно понять в обычном изложении. В этом случае затраты времени для пользователей в пять-десять раз меньше по сравнению с традиционным учебником. Некоторые явления вообще невозможно описать человеку, никогда их не видавшему (водопад, огонь и т.д.). Видеоклипы позволяют изменять масштаб времени и демонстрировать явления в ускоренной, замедленной или выборочной съемке. Наличие аудиоинформации, которая во многих случаях является основной и порой незаменимой содержательной частью учебника.

Режимы работы электронного учебника.

Можно выделить 3 основных режима работы электронных учебников: обучение без проверки; обучение с проверкой, при котором в конце каждой главы (параграфа) обучаемому предлагается ответить на несколько вопросов, позволяющих определить степень усвоения материала; тестовый контроль, предназначенный для итогового контроля знаний с выставлением оценки. В настоящее время к учебникам предъявляются следующие требования: структурированность, удобство в обращении, наглядность изложенного9 материала. Чтобы удовлетворить вышеперечисленные требования, целесообразно использование гипертекстовой технологии. Электронный вариант учебника вмещает в себе и средства контроля, так как контроль знаний является одной из основных проблем в обучении. Долгое время в отечественной системе образования контроль знаний, как правило, проводилось в устной форме. На современном этапе применяются различные методы тестирования. Многие, конечно, не разделяют этой позиции, считая, что тесты исключают такие необходимые навыки, как анализирование, сопоставление и т.д. В системах дистанционного обучения применение новых технологии дает возможность качественно по-новому решить проблему. Мы заложили в электронный вариант учебника Таким образом, можно надеяться, что применение новых информационных технологий способствуют повышению эффективности обучения, а также являются незаменимым инструментом при самостоятельной подготовке обучающегося. Известно, что для активного овладения конкретной предметной областью необходимо не только изучить теорию, но и сформировать практические навыки в решении задач. Для этого нужно научиться строить физические модели изучаемых процессов и явлений, проектировать алгоритмы решения и реализовывать их в виде программ. Для достижения этой цели в состав ЭУ включена серия модельных программ, обеспечивающих графическую иллюстрацию структуры и работы алгоритмов, что позволяет не только повысить степень их понимания, но и способствует развитию у школьника интуиции и образного мышления.

Назначение учебника.

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



1.3 Характеристика объектов автоматизации

Разработка проекта ведется по специальности 230701, дисциплина -

операционные системы и среды.

Образовательная база - среднее (полное) образование.

Квалификация специалиста - техник программист. Срок освоения специальности составляет 3 года 10 месяцев.

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

владеть языком гипертекстовой разметки (HTML)

владеть на практике каскадные таблицы стилей (CSS)

умениями:

верстать сложные html страницы, с применение различных стилей;

создавать кроссбраузерные html документы;

навыками:

работа с редактором кода - Adobe Dreamweaver CS3;

работа с видео редактором - FastStone Capture;

работа с графическим пакетом MS Visio 2007;

работа с текстовым редактором MS Offece 2007;

1.4 Требования к программному обеспечению

При проектировании электронного учебника использовались следующие программные продукты:

Adobe Dreamweaver CS3

Adobe Dreamweaver- это HTML-редактор от компании Adobe, который на сегодняшний день очень известный.

Первая его версия была выпущена в 1997 году и на сегодняшний день существует уже 8 его версий.

Самая основная особенность этого редактора - поддержка режимаWYSIWYG.

Dreamweaver полностью поддерживает HTML5, а это дает новые возможности в использовании онлайн-видео, анимации и т.д.

К программе подсоединен jQuery - это значит, что пользователь с легкостью может использовать Java-скрипты при создании веб-странички.

Опытные веб-мастера, используя Dreamweaver, имеют значительно больше возможностей. Например, можно использовать CSS3, разрабатывать страницы под разные операционные системы (iOS и Android) и приложения. Есть уникальная панель «Многоэкранный просмотр», с помощью которой возможно оптимизировать сайт под самые разные устройства, не зависимо от размеров их экранов (вплоть до мобильных телефонов).

Немаловажно также и то, что Dreamweaver поддерживает известные движки, такие как WordPress и Joomla. Изменения можно вносить непосредственно в код сайта, что улучшает оптимизацию.

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

Microsoft Word

Является одной из самых востребованных программ современности, из используемых в офисной работе. Данный текстовый редактор - наиболее мощный и распространенный, а разработан он компанией Microsoft. Сама программа входит в состав пакета Microsoft Office, который помимо Word включает в себя:

- Microsoft Excel- позволяет работать с электронными таблицами;

- Microsoft PowerPoint - предназначен для создания презентаций;

- Microsoft Outlook - позволяет принимать и отправлять электронную почту.

Однако наиболее часто используемая программа из этого пакета это Microsoft Word.

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

Microsoft Word обеспечивает простое и удобное форматирование текстового файла за счет продуманных инструментов и понятного интерфейса. Благодаря широкому спектру функций текстовый процессор Microsoft Word напоминает настольную издательскую систему. Среди функциональных возможностей программы можно отметить:

- наличие целого ряда шрифтов разного размера и начертания символов;

- наличие способов выделения текста;

- возможность установить параметры абзацев, междустрочные интервалы;

- возможность проведения автоматической проверки правописания, подбора синонимов;

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

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

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

FastStone Capture (FS Capture)

FastStone Capture мощный, легкий, но полнофункциональный инструмент снятия скриншотов как экрана целиком, так и отдельных областей экрана, в том числе можно снимать даже страницы с прокруткой. Кроме того FastStone Capture может делать видео экрана. После того как вы сделали скриншот можно поставить по умолчанию, а можно и выбрать одно из нескольких действий таки как: oткрыть скриншот во встроенном редакторе, функции которого позволяют наносить на снимок текст, добавлять линии, стрелочки, осветлять, затемнять снимок, наносить водяные знаки, рамки, тень, и многое-многое другое. Открыть в любом другом редакторе на ваше усмотрение, добавить в буфер, вставить в Word, отправить по почте, на сайт по FTP, и просто сохранить в фал на компьютере в один из следующих форматов: BMP, GIF, JPEG, PCX, PNG, TGA, TIFF, PDF. Притом весь этот функционал весит всего 1.9 Mb.

Итак, основные возможности FastStone Capture это:

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

Можно назначать горячие клавиши на все функции захвата 

Захват окна, области/произвольной области, страницы с прокруткой 

Параметры обработки скриншота (поместить в буфер обмена, сохранить, отправить по почте и другие)

Все основные функции по редактированию скриншота можно сделать во встроенном редакторе (добавление текста, эффектов, стрелок, линий и т.д.)

Поддержка внешних редакторов

Сохранять в различные форматы: BMP, GIF, JPEG, PCX, PNG, TGA, TIFF и PDF

Запись действий на экране в видео файл со звуком

Выбор обложки программы

Поддержка нескольких мониторов

Запуск при старте виндовс

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

Web-Браузер как элемент просмотра электронного учебника

В глобальной сети браузеры используют для запроса, обработки, манипулирования и отображения содержания веб-сайтов. Многие современные браузеры также могут использоваться для обмена файлами с серверами ftp, а также для непосредственного просмотра содержания файлов многих графических форматов (gif, jpeg, png, svg), аудио-видео форматов (mp3, mpeg), текстовых форматов (pdf, djvu) и других файлов.

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

Браузеры распространяются, как правило, бесплатно. Потребителям браузер может быть поставлен в форме самостоятельного (автономного) приложения или в составе комплектного программного обеспечения. К примеру, браузер Internet Explorerпоставляется в составе операционной системы Microsoft Windows); Mozilla Firefox -- отдельно или в составе дистрибутивов Linux (например, Ubuntu); Safari -- в составе операционной системы Mac OS X и в качестве самостоятельного приложения дляMicrosoft Windows; Google Chrome, Opera и другие браузеры -- как самостоятельные программы во множестве вариантов для различных операционных сред.

Кроссбраузерная верстка

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

Часто возникает много проблем с версиями Internet Explorer ниже 10, поэтому многие разработчики веб-сайтов не беспокоятся о кроссбраузерности, а ставят страницу-заглушку, то есть пользователь Internet Explorer может видеть лишь одну страницу, на которой ему рекомендуется сменить браузер, без возможности увидеть контент сайта.

Этот термин начали использовать во время браузерных войн, происходивших в конце 90-х годов. В этом контексте термин относится к сайтам, которые работают как в Internet Explorer, так и вNetscape Navigator.

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

1.5 Требования к системному обучению

1. Требования к техническим характеристикам рабочего места слушателя

Для обучения по дистанционному курсу необходимо соблюдение следующих технических характеристик рабочего места слушателя:

1.1. Персональный компьютер архитектуры Intel со следующими характеристиками:

Процессор не ниже Intel Pentium II

Частота процессора от 300МГц

Размер оперативной памяти минимально 128Мб.

Подключение к сети Интернет со скоростью минимально 28Кбит/с, доступ к сети по протоколам HTTP.

1.2. Программное обеспечение (обязательное условие):

MS Internet Explorer версии 9.0 и выше.

Яндекс браузер версия 14 и выше

Операционная система - кросплатформенное ПО

JRE версии 1.4.2 и выше

Flash-плеер (желательно последней версии)

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

2. Порядок изучения КУРСА

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

- Для работы с учебником необходимо разместить в любой папке на вашем персональном компьютере учебник book и открыть первую страницу - index.html.

1.6 Входные данные

Составляющим электронного учебника «Операционные системы Windows» служит лекционный и практический материал, а так же видео уроки содержатся в формате mp4.

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

Практические занятия посвящены установке и настройке операционной системы.

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



1.7 Порядок контроля и приёмки системы

Главным элементом приемки и контроля системы электронного учебника HTML, является его валидность.

Валидацией будем называть проверку документа на соответствие веб-стандартам и выявление существующих ошибок. Соответственно, валидным является такой веб-документ, который прошел подобную процедуру и не имеет замечаний по коду. Код веб-страницы должен подчиняться определенным правилам, которые называются спецификацией, ее разрабатывает W3 Консорциум (www.w3c.org) при поддержке разработчиков браузеров.

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

Плюсы валидации

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

Тенденции

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

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

Мода на валидацию

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

Косвенные преимущества

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

Минусы валидации

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

Браузеры

Разработчики браузеров не всегда следуют спецификации и в некоторых случаях трактуют код не по заданным правилам, а по-своему. В конечном итоге это приводит к тому, что веб-страница, которая правильно (т.е. так, как и задумывали разработчики) отображается в одном браузере, выводится с ошибками в другом. Следование спецификации в подобных случаях, скорее всего, отпугнет пользователей некоторых браузеров. К примеру, Internet Explorer (IE) в настоящее время занимает лидирующее положение среди браузеров, но при этом поддерживает спецификацию HTML и CSS хуже, чем Firefox и Opera. Очевидно, что пользователи IE при посещении сайта выполненного по всем стандартам, но не учитывающего специфику этого браузера, увидят неприглядную картину.

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

1.8 Выходные данные

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

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

На первой странице размешена информация, касающаяся данного направления изучения - «Операционные системы Windows» (рис. 1).



Рисунок 1. Главная страница учебника «Операционные системы Windows»

На рисунке 2 приведен примеры отображения страницы, содержащей практический материал, а на рисунке 3 - фрагмент видео урока.

Рисунок 2. Практическое занятие «Установка ОС Windows 7»



Рисунок 3. Видео урок «Установка ОС Windows XP SP2»



2. Структурная схема алгоритма

Рисунок 4. Алгоритм работы HTML учебника



3. Инструкция по использованию программы

3.1 Инструкция для оператора

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

Для работы с учебником необходимо разместить в любой папке на вашем персональном компьютере учебник book и открыть первую страницу - index.html.

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

Данный учебник корректно отображается во всех версиях браузера Яндекс и Opera.

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

3.2 Инструкция для программиста

Структура программы приведена в таблице:

Файлы	Описание
index.html	Главная страница электронного учебника
Lection_1.html	Страница содержит первую лекцию
Lection_2.html	Страница содержит вторую лекцию
Urok_NastWin7.html	Страница содержит первый урок
Urok_NastWinXP.html	Страница содержит второй урок
Urok_NastWin7.html	Страница содержит третий урок
Urok_NastWinXP.html	Страница содержит четвёртый урок
Video.html	Страница содержит первый видео ролик
Ob_avtore.html	Страница содержит информацию об авторе учебника
Video.mp4	Файлы видео уроков
wininstall11.png, wininstall12.png, wininstall13.png, wininstall14.png, wininstall15.png, wininstall16.png, wininstall17.png, wininstall18.png, wininstall19.png, wininstall20.png wininstall10.jpg,wininstall11.jpg	Файлы изображений

Описание программного кода использованного при разработке html учебника можно свести к демонстрации основного блока кода - кода меню или навигации по страницам.

Код (тело)	Краткое описание
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Главная</title> <link href="style/styles.css" rel="stylesheet" type="text/css" /> <style type="text/css"> </style> </head> <body> </body> </html>	// версия транслятора // кодировка //заголовок страницы // подключение стилей //тело
Код меню / подменю	Краткое описание
#menu { padding: 0; margin: 0; font-family: Verdana; } #menu li { list-style: none; float: left; height: 30px; padding: 0; margin: 0; width: 150px; text-align: center; background: #95DF8E; position: relative; padding-top: 12px; }#menu li ul { list-style: none; padding: 0; margin: 0; width: 150px; display: none; position: absolute; left: 0; top: 42px; }#menu li ul li { float: none; height: 30px; margin: 0; width: 150px; text-align: center; background: #95DF8E; }#menu li a { display: block; width: 150px; height: 30px; color: #006A35; text-decoration: none; } #menu li:hover ul { display: block; } #menu li:hover { background: 35C835; } #menu li ul li ul { left:150px; top: 0; } #menu li ul li ul li{display: none; } #menu li ul li:hover ul li{display: block;} .ruska { position: fixed; right: 10px; top: 1%; padding: 10px; background: #ffe; border: 1px solid #333; } .ruska_text { height: 1000px; }	//Фиксированное положение right: 10px; //Расстояние от правого края окна браузера top: 1%; //Расстояние сверху padding: 10px; //Поля вокруг текста background: #ffe; //Цвет фона border: 1px solid #333; //Параметры рамки



Заключение

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

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

Гибкость - это основной залог при использовании и разработки электронных учебников.

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

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



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

1. Информационный ресурс «HTMLBOOK»/ Интернет источник [http://htmlbook.ru/]

2. Международное стандартное библиографическое описание для электронных ресурсов -- ISBD (ER)

3. Пояснительная записка к проекту государственного стандарта России “Электронные издания. Основные виды. Выходные сведения”

4. Приказ Минобразования РФ N1646 от 19.06.98 о создании Федерального экспертного совета по учебным электронным изданиям

5. Проект государственного стандарта России Электронные издания. Основные виды. Выходные сведения"

6. Методическая литература /Техникум информатики, экономики и управления / Ульяновск

Размещено на Allbest.ru