Разработка электронного учебного пособия
Требования к разработке программного изделия, ее структура и компоненты, а также необходимое техническое обеспечение. Назначение и область применения, описание логической структуры, руководство пользователя программы и основные принципы ее работы.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | дипломная работа |
| Язык | русский |
| Дата добавления | 05.11.2015 |
| Размер файла | 904,4 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
Размещено на http://www.allbest.ru/
1. Техническое задание
1.1 Основания для разработки
программа пользователь технический
Основной задачей данного дипломного проекта явилась отработка знаний и навыков создания электронных учебников средствами визуальной среды программирования HTM, JavaScript.
Основная же цель данной дипломного проекта - это разработка правильно составленного электронного пособия, которое призвано помочь обучаемому при изучении материала, а также управлять процессом обучения при этом учитывать индивидуальные особенности пользователей.
Все представленные требования были сформулированы в виде задания от отделения на разработку дипломного проекта. Данное задание выступает в роли конкретного документа - заказа на изготовление программного продукта [1].
Задачей данной дипломного проекта является сбор подробного материала по дисциплине «Моделирование экономических и производственных процессов», его формализация и представление его в законченном виде, в виде электронного пособия.
Разрабатываемый проект выполняет следующие функции:
- предоставляет необходимую информацию для изучения данного предмета;
- позволяет пользователю развивать и проверять, свои знания с помощью тестов и дополнительных заданий;
- пользователь может ознакомиться быстро и эффективно найти и изучить необходимую ему тему.
Данный дипломный проект был разработан посредством одного из самых популярных языков программирования во всем мире HTM, JavaScript.
HTM, JavaScript - это языки программирования, которые прячут от нас все сложности программирования, превращая его в увлекательный процесс. При создании обычных приложений, утилит и программ работы с базами данных не приходится задумываться о регистрах, стеке и многом другом. Однако это совсем не означает, что время, затраченное на изучение внутреннего мира компьютера и принципов организации выполнения программ, пропало зря [2, 3].
Входной информацией при использование данного программного продукта является информация, которая заполняется пользователем при прохождении тестирования.
Выходной информацией является теоретическая часть пособия, вопросы и варианты ответа при прохождении тестирования.
Также, имеются дополнительные задания, которые тоже являются выходной информацией.
1.2 Назначение разработки
Что касается данного дипломного проекта, то он разработан для учащихся и преподавателей, которые имеют непосредственное отношение к созданию электронных пособий.
Самым главным и большим преимуществом данной работы является то, что аналогов нет. Содержание полностью соответствует содержанию дисциплины, а не просто какой-то книге. Собранный материал не содержится не в одном учебнике, так это собрано и разработано преподавателем.
Единственным условием является то, что данное электронное пособие разработано для определенной дисциплины, поэтому именно его не все смогут использовать. Точнее, не всем он понадобиться. Но в общем смысле, использовать пособие в своей деятельности сможет каждый.
1.3 Требования к разработке или программному изделию
Требования к АРМ
Электронное пособие должно быть построено так, чтобы помочь пользователю быстро освоить материал и практические задания, изложенные в данном программном продукте. В нем должны быть рассмотрены ключевые важнейшие вопросы, знание которых необходимо для разработки полноценных приложений, и при этом от обучаемого не должно требоваться владение средствами программирования. Опыт программирования желателен, но не обязателен. Главное, что требуется от пользователя - это желания учиться и некоторое представление о среде Windows.
Для общей наглядности излагаемого материала, в программе должно быть применено большое количество графических документов, что должно сделать программу более красочной и понятной в изучении. В программе должен быть осуществлен контроль знаний в виде тестирования по материалу, изложенному в изучаемой главе. Для закрепления полученных знаний предлагается выполнение примеров и лабораторных работ. В зависимости от уровня приобретенных навыков обучаемым, программа должна пропускать за ненадобностью некоторые изучаемые страницы, или наоборот многократно возвращаться к изучению тем, вызвавших у обучаемого затруднения. Процесс обучения может быть прерван с сохранением достигнутых результатов и по мере необходимости должен быть возобновлен с прерванного места.
В качестве входных параметров программа должна воспринимать действия обучаемого с клавиатуры и манипулятора «мышь» [4].
Требования к техническому обеспечению
Программа работает на любых IBM совместимых компьютерах под управлением Windws 9x и выше, на которых установлены средства для работы с мультимедийными приложениями (звук, видео, графика). Размер оперативной памяти не превышает 10 Мбайт. Программа не требует установки и работает как с жесткого, так и непосредственно с лазерного диска. Запуск программы не должен вызывать затруднение у обучаемых.
Минимальные системные требования для работы данного электронного пособия:
- компьютер типа IBM с процессором Intel Pentium I и выше;
- операционная система Windws 9x и выше;
- поддержка вашим ЭВМ Mult Media;
- наличие лазерного дисковода для запуска или установки программы;
- наличие 10 Мбайт свободного пространства на жестком диске в случае копирования и запуска программы с него.
2. Описание программы
2.1 Анализ существующих АРМ
Для организации и проведения учебных занятий и видов контроля в настоящее время преподаватель проводит очень много времени в различных библиотеках на поиск и систематизацию материала, для того, чтобы сделать урок максимально интересным как с точки зрения содержания, так и с точки зрения их познавательной стороны. Этот трудоемкий по времени, а зачастую и рутинный процесс, при использовании огромных вычислительных ресурсов компьютера, значительно уменьшается. Наличие правильно организованной учебной программы по целым курсам позволяет преподавателю сэкономить массу времени, а также совершенно по новому организовать процесс передачи, знаний в системе «учитель-ученик». А эффективное использование компьютера сильно облегчает процесс разработки таких программ [5].
Компьютер должен дать умственную разгрузку преподавателя от механической работы и помогать реализовывать возможности его творческой деятельности. При использовании компьютера он большую часть своего внимания сможет уделять индивидуальной работе с учениками, дифференцируя их способности и уровень подготовки. Компьютер избавляет преподавателя от наличия необходимости в контроле каждого шага своих учеников (а сейчас он должен это делать индивидуально). Можно особо остановиться на роли программных систем в самообразовании людей, так как и в таком случае происходит экономия самого ценного ресурса - времени, вследствие того, что тратит минимум его на поиск и воспроизведение необходимой информации. Компьютер стал прекрасным помощником для организации индивидуального обучения. Кроме текста современные способы представления информации в программных системах включают рисунки, видео, звуковые фрагменты. Обучение при помощи компьютера дает возможность использовать почти все органы чувств, которые использует человек при восприятии информации. При таком восприятии происходит дублирование принимаемой информации по разным видам каналов восприятия, что заметно увеличивает скорость и результативность усвоения изучаемого материала при правильной организации изучаемого материала.
Сегодня большая часть обучающих программных средств представляет собой подобие образовательной игры, чтобы победить в такой игре, необходимы знания, которые учащемуся сложно понять какие необходимы ему именно сейчас - ведь многим из нас свойственно откладывать решение многих проблем.
Стоит также отметить такой элемент современных компьютерных документов как гиперссылка. Гипертекстовые ссылки позволяют при необходимости обратиться в любое место документа для получения дополнительной информации, и в то же время при повторном изучении не перегружает исходный текст документа.
Приемы использования печатных текстов эволюционировали с течением многих веков и тесно связаны с нашими еще недостаточно изученными взглядами на такие вопросы как: каким образом изучать, что именно изучать, какой вид должна иметь книга или журнал. В тот же момент эпоха электронных текстов наступила с большой скоростью и неожиданно. В связи с этим достаточно важна оптимизация работы с текстовыми материалами, исключая разнообразные эргономические проблемы в работе обучающих программных средств. Остановимся на этом моменте подробнее.
Целью данной дипломной работы выступает повышение навыков в области создания электронных учебников и пособий при программирования.
У большинства из предварительно просмотренных учебников присутствует масса огрехов, связанных, прежде всего, с непродуманной навигацией и эргономикой, отсутствием контроля уровня знаний обучающегося, невзрачным и неприглядным внешним оформлением. Главный же недостаток программных продуктов подобного рода является отсутствие грамотной упорядоченной подачи материала, что сильно снижает эффективность программ подобного рода. В этом случае электронное пособие представляет собой подобие обычного электронного справочника.
К достоинствам электронных пособий можно отнести:
1. Наличие возможности приспособления и модификации интерфейса пользователя для определенных запросов и нужд ученика. Например, имеется в виду наличие возможности модификации структуры текстовых, гипертекстовых, фреймовых составляющих пособия, при этом количество структурных частей пособия может меняться. Так, вместо определенной части рамок, можно применить такой элемент как всплывающие окошки с идентичным контентом, например, с графикой или списком использованных определений (глоссарий).
2. Применение дополнительных (по сравнению с традиционными книгами) средств мультимедиа, которые имеют направленность на более глубокое воздействие на ученика, а это позволит быстрее и качественнее освоить и запомнить представленный материал. Наиболее эффективным являются включения в текст анимированных иллюстраций и демонстраций. Звуковое сопровождение может также улучшить позитивное воздействие, которое будет достигнуто за счет озвучивания напечатанного текста преподавателя.
3. Возможности создания простой и эргономичной системы навигации с учетом специфических особенностей электронного пособия. В печатной книге есть две такие возможности: оглавление и колонтитулы, к ним также можно отнести и глоссарий. Однако, для оценки эффективности реализации таких возможностей нужно листать книжные страницы. В электронном же варианте пособия принято применять гиперссылки и фреймовые структуры или карты-изображения, которые позволят, быстрее перейти к интересующему разделу или участку текста, не листая при этом страниц, и если пользователю нужно, вернуться назад. И при этом совершенно не требуется запоминать номера страниц, где находились искомые разделы [8].
4. Адаптация изучаемых материалов к уровню интеллекта студента, следствием чего становится усиление восприятия и запоминания сведений. Адаптация имеет в своей основе использование слоистой структуры учебника, при этом по результатам пройденного тестирования учащемуся дается тот слой, который соответствует его уровню знаний.
5. Одно из главных преимуществ электронного издания - это наличие возможности интерактивного взаимодействия между учеником и элементами структуры пособия. Уровни проявления такой возможности измеряются от низкого и умеренного при навигации по гиперссылкам, до высокого при проведении тестирования и личном присутствии учащегося в создании процессов. Когда тестирование похоже на собеседование с преподавателем, то участие в создании процессов может соответствовать проведению практических интересов в процессе различных видов практики в реальных или приближенных к этим условиям на производстве.
При широком внедрении электронных пособий изменяется и назначение библиотек. В таком случае роль библиотеки будет исполнять автоматизированный читальный зал, который будет оборудован компьютерами, соединенными между собой локальной сетью, которая, в свою очередь, связана с текстовой БД, играющим роль хранилища электронных документов. В подобном читальном зале любой читатель без какой-либо очереди и всякого ожидания может выбрать и прочесть интересующие его электронные издания, в том числе и одинаковые, которые будут автоматически тиражироваться для пользователей в необходимом количестве экземпляров [9].
2.2 Сведения об используемом ПО
Материал, использующийся в электронном пособии, содержит информацию курса дисциплины «МЭ и ПП», но структура пособия может изменяться, так как предусмотрена функция редактирования материала.
Рекомендуется использовать учащимся 3 курса специальности «ВТ и ПО».
В данном пособии имеется возможность использования списков для быстрой навигации по разделам, блокам программы, а так же просматривать результаты тестирования учащегося. Программа проверки знаний предлагает пользователю ответить на ряд вопросов по изученному курсу. Чтобы выбрать необходимую вкладку, достаточно «щелкнуть» мышью напротив соответствующего варианта ссылки.
2.3 Назначение и область применения
Само понятие электронного пособия просто обязано включать в себя, и только текстовый материал, и элементы контроля, и управление изучаемыми темами, и грамотным изложением материала. Электронное пособие должно осуществлять контроль за процессом обучения, индивидуальный подход к каждому обучаемому с учетом особенностей его интеллекта, наличием качественных знаний по теме. Автоматизированным процессом обучения должно непосредственно руководить электронное пособие, а не обучаемый.
Данный электронный учебник предназначен для использования в учебном процессе. Его можно использовать при проведении лабораторных занятий по дисциплине «МЭ и ПП», в качестве среды для проверки усвоенного материала и на обычных лекционных занятиях с использованием проектора.
2.4 Описание логической структуры
Самые простые и распространенные требования части методического наполнения электронного пособия «Модели и методы управления» по дисциплине «МЭ и ПП» предполагают наличие следующих основных элементов:
1. лекционный материал, разработанный согласно содержанию дисциплины;
2. лабораторные занятий, разработанные с учетом содержания дисциплины;
3. тестовый материал, разработанный с учетом изученных тем;
4. глоссарий.
Каждый раздел включает несколько глав, почти каждая глава содержит несколько тем.
Конспект теоретического материала преподавателя, набранный им самим (или даже учащимися с целью размножения необходимого конспекта в большом количестве экземпляров при небольших затратах) и размещенный на сервере или на каком-то другом общедоступном узле является простейшим примером электронного пособия. В подобном издании, по сути, никак не используются специфические возможности электронного издания, поэтому он ничем не отличается от обыкновенных размноженных традиционными способами копий конспекта. Попытаемся представить, как же должен быть организован хорошее и интересное электронное пособие.
Как правило, в любом учебнике, книге, пособии, есть теоретический материал. В данном пособии он представлен так:
Теоретический материал
Листинг фрагмента программы (Вкладка «ТЕОРИЯ»):
|
styl= «FRONT-FAMIL: 'Times New Rooman', 'serif'; FRONT-SLIZE: 16pit; mso-fareast-FRONT-FAMIL: 'Times New Rooman'; mso-fareast-langage: RU»>Сетевая модель и её основные элементы.</ISPAN></B><B |
||
|
styl= «mso-bidi-FRONT-weight: normal»><ISPAN |
||
|
styl= «FRONT-FAMIL: 'Times New Rooman', 'serif'; FRONT-SLIZE: 16pit»><o:p></o:p></ISPAN></B></A></P></TD> |
||
|
<TD |
||
|
styl= «BARDER-BALLOON: #403544 4.5ipt double; BARDER-LEFT: #ece9d8; PADING-BALLOON: 0cm; BAKGROUND-COLOUR: transparent; PADING-LEFT: 5.4pt; WIDH: 101.15ipt; PADING-RIGHT: 5.4pt; BARDER-TOP: #ece9d8; BARDER-RIGHT: #403544 4.5ipt double; PADING-TOP: 0cm; mso-BARDER-alt: thin-thick-small-gap #403544 4.5ipt; mso-BARDER-left-alt: thin-thick-small-gap #403544 4.5ipt; mso-BARDER-top-alt: thin-thick-small-gap #403544 4.5ipt; mso-BARDER-thim COLOUR: acent4; mso-BARDER-thim eshade: 128; mso-BARDER-left-thim COLOUR: acent4; mso-BARDER-left-thim eshade: 128; mso-BARDER-top-thim COLOUR: acent4; mso-BARDER-top-thim eshade: 128; mso-BARDER-BALLOON-thim COLOUR: acent4; mso-BARDER-BALLOON-thim eshade: 128; mso-BARDER-right-thim COLOUR: acent4; mso-BARDER-right-thim eshade: 128» |
||
|
vAlign=top WIDH=135> |
||
|
<P styl= «LINE-HEIGHT: normal; MARGIN: 0cm 0cm 0pt» class=MsoNormal><B |
||
|
styl= «mso-bidi-FRONT-weight: normal»><ISPAN |
||
|
styl= «FRONT-FAMIL: 'Times New Rooman', 'serif'; FRONT-SLIZE: 16pit»><A |
||
|
hef= «user-files/2.ppt»>Презентация</A></ISPAN></B><o:p></o:p></P></TD></TR> |
Электронные книги (как, наверное, и всякое электронное издание) для достижения наилучшего эффекта должны быть составлены, немножко, по-другому, в сравнении с традиционными печатными пособиями: параграфы нужно делать короче, что существенно сократит размер экранных страниц в сравнении с печатными, далее, каждый параграф, соответствующий содержанию нижних уровней, нужно разделять на отдельные элементы, каждый из которых будет содержать нужный и достаточный материал по определенному узкому вопросу. Как правило, подобный элементарный фрагмент может содержать один, два или три абзаца текста (абзацы тоже нужно делать короче чем книжные) или изображение и подпись к нему, которая даст пояснение смысла изображения [9, 10].
Тогда, учащийся просматривает не непрерывный написанный текст, а только отдельные экранные подпараграфы, пошагово следующие друг за другом. Изучив один экран, учащийся нажимает на следующую гиперссылку, размещенную обычно правее млм выше текста, и получает последующий фрагмент материала.
Ссылки фрагментов материала
Листинг:
|
</head> |
||
|
<bode> |
||
|
<dyv id= «logo»> |
||
|
<h1> - «Модели и методы управления»-</h1> |
||
|
<p><em></em></p> |
||
|
</dyv> |
||
|
<hr /> |
||
|
<dyv id= «header»> |
||
|
<dyv id= «menu»> |
||
|
<ul> |
||
|
<li><a styl=»» hef= «index.htm»>ГЛАВНАЯ</a></li> |
||
|
<li><a styl=»» hef= «page2.htm»>СИЛЛАБУС</a></li> |
||
|
<li><a styl=»» hef= «page1.htm»>ТЕОРИЯ</a></li> |
||
|
<li><a styl=»» hef= «page3.htm»>ЛАБОРАТОРНЫЕ</a></li> |
||
|
<li><a styl=»» hef= «page4.htm»>ТЕСТ</a></li> |
||
|
<li><a styl=»» hef= «page19.htm»>ГЛОССАРИЙ</a></li> |
Если он чувствует, что не так все понял или не совсем запомнил из предыдущего экраном, то жмет расположенный рядом с первой ссылкой и возвращается на один или несколько шагов назад. Пошаговая последовательность страниц находится внутри (а не за пределами) наименьшей экранной единицы измерения, позволяющий напрямую адресации, то есть внутри параграфов или подпараграфов (того, что характеризуется заголовками третьего уровней) содержится один или несколько фрагментами, последовательно связанные друге другом гипертекстовые связями. На основании такого фрагмента проектируется многоуровневое структурное образование учебных материалов, которое содержит:
- уровень, который будет обязательным для изучения;
- уровень, который подойдет для более подготовленных пользователей;
- уровень, который необходим для глубокого изучения некоторых разделов;
- вспомогательный уровень;
- дополнительный уровень, который содержит рекомендации по применению полученного знания.
Такая организация учебных материалов обеспечивает дифференцированность подхода к обучаемым, в зависимости от уровней их готовности к обучению, результатами чего являются более высокие уровни мотивации обучения, что приведет к лучшему и ускоренному усвоению материала [11].
Некоторые опыт, накопленных в проектировании электронного пособия и организации обучения учеников на их основании показывает, что, по крайней на начальных стадиях внедрения электронного пособия, подойдет фреймовое строение. Именно при таком отдельные рамки для решения многих из перечисленных задач.
В частности, нужен определенный фрейм для получения навигации в пределе пособия в целом, которое может быть оформлено в виде оглавлений документов. Так как размер такого оглавления обычно велик, то во фреймах обязательно нужен слайдер (окно для прокрутки).
Нужно сказать, что в электронном учебнике и пособии 80-х гг. проблема навигации стояло достаточно сильно. Для перемещения в пределе учебника применялись специальное программное средство с той или другой структурой в меню. В частности, изучались вопросы о глубинах такого меню и возможностях с его помощью избирать отдельные большие фрагменты электронных пособий. Такие меню занимали много места на экранах, а их размеры и без того были недостаточно велики. Только с появлением гипертекстовых форматов документа и развитием фреймовой структуры появились реальные возможности предоставить учащимся при работе с электронными пособиями возможности пользоваться таким же содержанием, что и в печатном издании, но такое оглавление всегда должно находиться на экране в своем фрейме или «всплывать» когда нужно в собственном окне [12].
Вот так и ушла необходимость в специальных «навигационных» программных обеспечениях и организациях взаимодействий документов с этими программами. При применении фреймовых структур основные проблемы связаны с большой протяженностью оглавлений, только небольшая часть, которых помещалась в окне нужного фрейма. В результате обучаемые затрачивают некоторое время на изучение заголовков в таком фрейме. Другой вариант предполагают использование иерархических структур в оглавлении. Выбранные из оглавлений разделы проявляются в отдельных фреймах. Такие фреймы имеют самый большой размер, нужный для размещения двух-трех элементов текста или рисунков с подписями. Такой фрейм предоставляет с собой нужное информационное поле, то есть содержится этот материал, который должен иметься за один прием учащимся, осознан ими и сохранен в операционной, а потом и в долговременной памяти [13].
В таком тексте тоже может содержаться ссылка в виде адреса (URL) иллюстрации (если оно выводится в специальном окне), другого электронного документа, рассматриваемого как дополнительный источник сведений, анимационные, аудио и видео файлы, содержащие динамические описания процесса или явления, авторское пояснение и иллюстрационный видеоматериал.
Использование URL адреса
Листинг:
|
<P styl= «TEXT-ALIGN: centr; LINE-HEIGHT: 150%; MARGIN: 0cm 0cm 0pt» class=MsoNormal align=centr><A hef= «http://google.ru»><B |
||
|
styl= «mso-bidi-FRONT-weight: normal»><ISPAN |
||
|
styl= «LINE-HEIGHT: 150%; FRONT-FAMIL: 'Times New Rooman', 'serif'; FRONT-SLIZE: 16pit»>ВЫХОД</ISPAN></B><B |
||
|
styl= «mso-bidi-FRONT-weight: normal»><ISPAN |
В качестве иллюстрации этого положения, могу сослаться на большое впечатление, которое произвела на автора динамическая схема (модель) производства сахара на автоматизированном производстве, оформленная в виде анимационного изображения в GIF-формате на соответствующем сайте. Даже для абсолютно незнакомого с предметом человека схема была вполне понятна и чрезвычайно выразительна. Кстати, такие дополнения также могут оформляться вне основной фреймовой структуры, в виде дополнительных окон.
Предметный или алфавитный указатель пособия позволяет перейти от соответствующих терминов и понятий к основному тексту, в котором они упоминаются, с помощью гипертекстовых ссылок (в печатных изданиях указаны страницы, где эти понятия встречаются). Таким образом, содержимое этого фрейма обеспечивает дополнительные возможности навигации в пределах электронного пособия. Однако реализация этого способа требует от учащегося хотя бы предварительного знакомства с тематикой пособия. Иначе говоря, этим способом навигации реально пользуются лишь те студенты, которые стремятся усовершенствовать или повысить уровень своих знаний по данному предмету. Таким образом, для начального обучения можно исключить этот фрейм и формировать алфавитный указатель во вспомогательном всплывающем окне [14].
Некоторые авторы считают полезным размещение в верхней части окна браузера заголовка электронного пособия, для чего можно использовать отдельный фрейм, информация в котором также постоянна. В нашей практике использовалась фреймовая структура такого типа.
Размещение в верхней части окна браузера заголовка электронного пособия
Листинг:
|
<htm xmlns= «http://www.w3.org/1999/xhtm»> |
||
|
<head> |
||
|
<meta http-equiv= «content-type» content= «text/htm; charset=utf-8» /> |
||
|
<title>ЛАБОРАТОРНЫЕ - - «Модели и методы управления»-</title> |
||
|
<link hef= «styl.css» rel= «stylsheet» type= «text/css» media= «screen» /> |
||
|
<script type= «text/javascript» src= «jwplayer/jwplayer.js»></script> |
||
|
<meta name= «generator» content= «TurboSite 1.7.1» /> |
Информационные насыщения фреймов заголовков близко к нулю, следовательно, в таких случаях, где качество фрейма и без того нормальное, фреймы заголовков лучше не делать.
В большинстве вариантов, при создании электронного документа следует ограничиться структурами с двумя-четырьмя фреймами. Для тех учеников, кто хочет иметь большое качество основных сведений на одном листе (то есть наибольшие размеры рамки) нужно сделать переход по структуре с несколькими рамками, а перечень определений и глоссарий делать в дополнительном окне, открывающемся по запросу пользователей.
Изображения и анимации, которые должны быть в текстовых границах часто нужно показать в отдельном окне, оторвано от элемента текста. Таким образом, в таких случаях в рамке «Основной текст» выводится только абзац текста книги. Если в одних и тех же из них есть гиперссылки на картинки, то при воздействии на них всплывают окна с рисунками. Размеры окон с рисунками не должны быть слишком уж больше, чтобы была возможность передвигать такое окно по экрану для того, чтобы как-то получше расположить на экране картинку относительно поясняющих его текстов. Так, изображение иногда перекрывает рамки окон, и во времени изучения и запоминания рисунков не надо обычно перемещать по текстам изданий. После детального обучения рисункам вместе с поясняющими его текстами окна с изображениями, как правило, нужно закрывать [13, 14].
2.5 Используемые технические и программные средства
Для создания всех из предварительно просмотренных пособий применяется язык гипертекстовой разметки документов (HTM). Данный выбор обусловлен тем, что наряду с простотой создания данного вида документов, язык гипертекстовой разметки обладает всем необходимым набором возможностей, такими, как вывод форматированного текста, использование графических объектов практически всех известных форматов, использование фонового рисунка, вставка таких объектов, как фоновый звук, видео и т.д. Кроме этого, язык HTM позволяет организовывать ссылки на другие объекты или фрагменты текста самого документа.
Поэтому зачастую именно HTM используется для создания подобных программных продуктов. Однако создание различного вида демонстрационных примеров, процедур тестирования и опроса делается все же проще с помощью языков визуального программирования. Поэтому в настоящей дипломной работе рассматриваются вопросы интеграции различных инструментальных средств, для создания обучающих, тестирующих программ и электронных учебников [24].
Конечно, обращение с обычными печатными учебниками для большинства из них предоставляется более естественными и привычными. Учебное пособие нужно считать в транспортах, во время езды и также лежа в постелях, причем во многих из этих случаев почти с равным успехом. Однако подготовкой и тиражированием учебного издания нужно значительно потратиться по временам и материальным средствам. Давно экономистами подсчитано, что дешево обеспечивать каждым школьником на компьютере и по учебнику в электронной форме, что ежегодно экономит много денег на печати таких учебников.
С точкой зрения по скорости подготовки электронного учебника тоже есть существующие преимущества перед печатным изданием. Для того учебного предмета, в теме которого есть быстрые изменения по технологиям, то скорость переподготовки и модификации учебного пособия есть чрезвычайно важный фактор. Сосредоточиться нужно на плюсах и минусах электронных пособиях по сравнению печатным изданиям. Существенные недостатки у электронных учебников два:
- для такого обучения необходимо иметь специализированное оборудование, во-первых - компьютер с соответствующими программными средствами и монитором, а тогда и дополнительные также дисководы для компакт-дисков или сетевую карту и модем для работ в локальных или глобальных сетях;
- электронные формы представления сведений являются непривычными и сопровождаются повышенной усталостью при работе с компьютером.
HTM - форматы текстовых файлов, в которых различные части документов снабжены управляющимися метками. Стандартизацией языков HTM занимаются международные консорциумы W3C (Worl Wid Web Consorium, www.w3.com).
Тег (флаги разметки, markup tags) - определенные наборы символов, заключенные между знаками < (меньше) и > (больше). В HTM-файле тег служит для форматирования текстов (цвета, типы и размеры шрифтов), вставка различного объекта (картинки, «обои», звуки) и создание гиперссылки. Различия при описании тегов прописанные и строчные буквы для визуализаций нет, однако рекомендуются использовать срочные буквы.
Тег бывает парный и непарный; парный, в своей очереди, бывает, открывающим и закрывающим (непарный тег всегда открывающий). Закрывающие теги повторяются с открывающими, но содержат в начале символ /: <тег>…</тег>. Областью действий парных тегов ограничены пространством от открывающимися и закрывающимися теги. Все форматирующиеся теги должны стать парными; контроль над наблюдением такого правила возложен за составителем HTM-документов. Непарный тег работает однократно и не имеет области действий (например, проход на новой строке, вставки картинок).
Вложенный тег.
Тег может иметь столько параметров, которые из которых представляют собой пару «ключи - значения», записанные в виде имени_ключа=» значения». Параметрам отделяется друг для друга (и от названия тега) пробелом. Закрывающиеся теги параметры не имеются. Так образом, теги с параметрами выглядят следующим образом:
<тег ключ1=» значение1» ключ2=» значение2» … ключN=» значениеN»>
Флаг - состоит из имени и атрибута, заключается в угловые скобки.
Атрибут - состоит из имени и значения. Значение атрибута пишется после знака равенства (=) и заключается в кавычки.
Чистовыми параметрами могут быть «размерность», т.е. единица измерения. Наиболее употребляемым является пиксель (обозначенная размерность в таком случае отпускается) и процент (после чисел становится символ%). В проценте указываются размеры относительного объемлющего пространства.
Файл, содержащий HTM-документ, обычно имеет расширение *.htm или *.htm. Операционной системой автоматически загружается браузер по умолчанию при загрузке файла с таким расширениям.
Корневым (заглавным) заголовком Web-сайта обычно бывают файлы index.htm. При размещении этих файлов в корне в каталоге Web-севера, то его разгрузка происходит в автоматическом режиме при выводе в адресных строках браузера имен серверов. В таких файлах должна находиться посылка на другую страницу сайтов. Остальной файл может быть с произвольным именем, но рекомендуем дать осмысленное название; также лучше в имени пользоваться только цифрами и латинскими буквами, в общем количестве которых не превышает девяти.
Символ перевода строчки (пустые строчки) рассматривается браузером как пробел; подряд идущий пробел рассматриваются как много пробелов.
Структура документов. Правило построения HTM - документа. Создание документов. Теги head и title.
Языком HTM разрабатывались придания документов с логической структурой; изначально форматированные (оформленные) документы были второстепенными делами.
Стандартно не оговорено точного вида отформатированного текстового документа, следовательно, в зависимости от программы и ее надстроек, текстовый документ может выглядывать поровну.
Составить HTM-документ можно с использованием параметра тега для отказа от настройки форматирования без умолчания; более того, есть социальный стандарт CSS (Cascade Sheet Styl, каскадные страницы стилей), которые устанавливают пользовательские параметры переформатирования для различного тега.
Для каждого HTM-документа нужно, чтобы выполнялись такие правила:
1) HTM-документ нужно заключать в тег <htm>…</htm>.
2) Документы состоят из двух главных частей - «шляпы» (заголовок) и «тела» (содержимое). В «шляпе», ограниченной тегом <head>…</head>, содержатся мета информационные данные, необходимые для корректной работы программного обеспечения и поисковой системы. В «тени», которая ограничена тегом <bode>…</bode>, содержатся смысловые части конструкции, такие как текст и изображения, анимации и другие виды загружаемых и выгружаемых файлов.
3) В «шляпе» содержатся названия страниц, которые появляются в строчке заголовка программы-обозревателя. Название ограничивать тегом <title>…</title>.
Получается, что HTM-документы имеют следующую структуру:
<htm>
<had>
<ttle>Заголовок странички</title>
</had>
<bode>
текст (тело) документа
</bode>
</htm>
Переформатирование HTM - документа.
Абзац. Заголовок. Перевод строчки. Параметр правки. Горизонтальные черточки.
Текст обычно подразделяется на параграфы. В стандартном варианте HTM приятно, что параграфы заключаются между парнями тегами <p>…</p>. При просмотре документов программа-обозреватель формирует внешний облик параграфа, что соответствует его настройкам, которые при надобности можно заменять. Как правильно, без умолчания параграф не имеет красной строки, а отделяется пустой строчкой.
В теге <p> важно задается параметр выравнивания align:
a) по левому борту (left) - принимаются по умолчанию;
b) по правому борту (right);
c) по ширинам (justify);
d) от центра (centr).
Например: <p align=» justify»>…</p>.
Если внутри параграфа надо оторвать строчку (то есть сделать новую строчку (перевод строчки)), используйте непарный тег <br> (от англ. break line). Теги <nobr> и</nobr> запрещают перевод строки. Бывают случаи, когда возникает надобность в операции противоположного назначения - запретить перевод строки. Текст, заключенный между тегами <nobr> будет гарантированно располагаться в одной строке без переноса на другую. Длинная строка не уместиться на экране и для ее просмотра придется использовать горизонтальную полосу прокрутки.
Заголовки (headings) служат для выделения логических частей текста. Заголовок заключается в парный тег <h*>…</h*>. Можно использовать до шести уровней заголовка: от общего (тег <h1>) до подзаголовка (тег <h6>). Как и любой текст, заголовки можно выравнивать (параметр align); как правило, используется либо выравнивание по левому краю (left), либо по центру (centr).
С целью графического выделения частей текста используют горизонтальные линии (horizontal rule), длина и высота которых задаются параметрами. Используется непарный тег: <hr WIDH=» длина» SLIZE=» высота (толщина)»>, где длина, как правило, указывается в процентах от ширины страницы, а высота - в пикселях. Также атрибут noshade создает линию без тени, а атрибут COLOUR - задает линии определенный цвет. Например: <hr WIDH=» 50%» SLIZE=» 2»>.
Форматирование текста. Теги уровня блока и последовательные теги.
Логическое и физическое форматирование текста.
Некоторые HTM - теги, которые могут появляться в разделе Bode, называют тегами уровня блока, в то время как другие последовательными тегами или тегами уровня текста. Различие уровней заключается в следующем: теги уровня блока могут содержать последовательные теги и другие теги уровня блока, тогда как последовательные теги содержат только данные и другие последовательные теги. По умолчанию теги этих видов размещаются в тексте различным образом: теги уровня блока начинаются с новой строки, последовательные теги нет.
Теги логического форматирования текста.
Теги <ABBR> и </ABBR> используются для аббревиатуры. Теги <ACRONYM> и </ACRONYM> идентифицирует акроним. Теги <CITE> и </CITE> используются для цитат, названий книг. Обычно наклонный текст. Атрибут: title. Теги <CODE> и </CODE > отмечает текст как небольшой фрагмент программного кода. Отображается моноширинным шрифтом. Атрибут: title. Теги <DFN></DFN> отмечает текст как определение. Этим тегом можно отметить термин, впервые встречающийся в документе. Атрибут: title. Теги <EM> и </EM> используются для выделения, подчеркивания важных фрагментов текста курсивом. Аналогичен тегу I. Теги <KBD> и </KBD> отмечает текст, вводимый пользователем с клавиатуры. Теги <SAMP> и </SAMP> отмечают текст как образец. Используются для отметки текста, выдаваемого программами. Теги <STRONG> </STRONG> используются для выделения из текста слова (жирный текст).
Теги физического форматирования текста.
Для того чтобы выделить какое-либо слово (или фразу), необходимо заключить его в парные теги. Для выделения слов и фраз можно использовать:
a) жирный текст (bold) - <b>…</b> или <strong>…</strong>;
b) курсив (italic) - <i>…</i> или <em>…</em>;
c) подчеркивание (underline) - <u>…</u>;
d) зачеркнутый текст - <s> …</s>;
e) имитирует стиль печатной машинки - <tt>… </tt>.
Поскольку гиперссылки, как правило, браузер выделяет подчеркиванием, не рекомендуется использовать этот метод выделения. В любом случае, следует избегать обширных участков выделенного текста, т.к. пользователю такой текст читать гораздо сложнее, чем простой; используйте выделение только для расстановки акцентов.
Теги <BIG> и </BIG> выводит более крупный текст. Атрибут: title. Теги <SMALL> и </SMALL> выводит более мелкий текст. Атрибут: title. Теги <sub> и </sub> припускает текст. Теги <sup> и </sup> приподнимает текст.
Размер шрифта измеряется в пунктах (один пункт равен 1/72 дюйма, или 0.353 мм). С помощью парного тега <FRONT>…</FRONT> с параметром SLIZE можно увеличить или уменьшить размер шрифта, установленного по умолчанию в браузере.
Например:
<FRONT SLIZE=»+n»>текст, увеличенный на n пунктов</FRONT>
<FRONT SLIZE=» - n»>текст, уменьшенный на n пунктов</FRONT>
Тип шрифта задается параметром face тега <FRONT>. Самыми распространенными шрифтами являются: «Times New Rooman», «Garamond», «Courier New», «Arial», «Tahoma», «Helvetica», «Sans-Serif».
Например:
<FRONT face=» Arial Cyr»>шрифт без засечек</FRONT>.
Цвет текста устанавливается с помощью COLOUR.
Теги <MARQUEE> и </MARQUEE> задают бегущую строку.
Атрибуты:
direction - направление бега. Значения left - справа налево, right - слева направо;
behavior - задает виды движения. Значения slide - пробегая 1 раз останавливается, alternate - от одного края к другому;
loop =n число повторений циклов;
bgCOLOUR - задает цвет бегущей строки;
height - высота бегущей строки в пикселях;
WIDH - ширина участка бегущей в пикселях или процентах;
scrolldelay=t - задержка в секундах;
Ссылки на другие документы и файлы. Внутренние ссылки.
Любая часть в теле HTM-документа может являться ссылкой на текст внутри того же документа или на другой Web-документ (или вообще произвольный файл) в Сети. Сам объект и указание на ссылаемый объект (в формате URL) образуют гипертекстовую связь (hypertext link, гиперссылка). Изображение или часть текста, с которым ассоциирована гиперсвязь, называется линком (link), якорем (anchor), горячим пятном (hot spot) или просто ссылкой.
Парный тег <a>…</a> ограничивает якорь. Параметр hef этого тега определяет адрес (в формате URL), по которому будет совершен переход, когда пользователь активизирует якорь (щелкнет мышью по ссылке). Итак, ссылка имеет вид:
<a hef=» url_адрес_перехода»>текст ссылки или картинка</a>. Например:
<a hef=» http://www.google.ru»>Поисковая система Rambler</a>.
При желании можно организовать ссылку, которая ведет на текст внутри того же самого документа. Это позволяет перед длинным текстом организовывать содержание, из которого пользователь может одним кликом (не прокручивая документ вручную) переместиться на нужный фрагмент. Прежде всего, нужно отметить начало фрагмента, на который нужно будет ссылаться; для этого служит конструкция
<a name= «имя_фрагмента»></a>
после которой располагается непосредственно фрагментСсылка на отмеченный фрагмент производится при помощи конструкции <a hef= "#имя_фрагмента»>якорь</a>.
2.6 Вызов и загрузка
Данная программа абсолютно не требует ни огромных вычислительных ресурсов компьютера, ни постороннего программного обеспечения, т.е. для её нормальной работы не нужно ни пакета BDE, ни Microsoft NET. FrameWork и другие.
Кроме того, она сконфигурирована таким образом, чтобы работать из любого каталога. Для её запуска достаточно перенести рабочий каталог с лазерного диска в любое место вашего компьютера или запустить ее с лазерного диска.
Пожалуй, единственное ограничение связано с каталогом, откуда запущена программа: он должен быть открыт для записи (для сохранения результатов тестирования). В противном случае при запуске программы обучение всегда будет начинаться с первой страницы, а результаты текущей работы по окончании будут сброшены, что очень нежелательно.
3. Руководство пользователя программы
3.1 Общие сведения о программе
Разрабатываемый продукт предназначен для компьютерного изучения курса дисциплины «Моделирование экономических и производственных процессов». Эта программа позволяет учащемуся лучше усвоить материал, подготовиться к самостоятельным работам, а так же закрепить знания, умения, навыки, полученных из теоретического курса дисциплины. В то же время электронное пособие позволяет работать в глобальной сети Интернет, использовать офисные пакеты программ, экспортирует данные в программу Microsoft Excel.
3.2 Условия выполнения программы
Для того, чтобы программа «Электронное пособие «Модели и методы управления» функционировала без сбоев и повреждений, необходимы:
- процессор INTEL PENTIUM II или аналогичные процессоры других производителей, с тактовой частотой более 300 МГЦ;
- операционная система Windows 9х и выше;
- оперативная память 64Мбайт и выше;
- не менее 15 Мb свободного пространства на жестком диске;
- монитор SVGA;
- клавиатура;
- мышь;
- принтер.
3.3 Выполнение программы
Для запуска программы, необходимо открыть файл index.htm, находящийся в папке «Модели и методы управления». При загрузке программы перед пользователем открывается Главное окно электронного пособия, содержащий Вкладки: силлабус, теория, лабораторные, тест, глоссарий.
Главное окно программы
В разделе «Теория» включены 9 тем, к каждой соответствует демонстрационная презентация, для наглядной подачи информации.
Окно «Теория»
Для самопроверки полученных знаний используются тестовые вопросы, находящиеся во вкладке «Тест» (Рисунок 8). Данная функция позволяет автоматически выводить результат тестирования.
Вкладка «Тест»
Во вкладке «Лабораторные работы», имеется 5 методических указаний для выполнения лабораторных работ, а также прямой доступ в глобальную сеть Интернет, и автоматический вывод на табличный процессор.
Окно «Лабораторные работы»
Список использованной литературы
1. Дригалкин В.В. HTM в примерах. Как свой Web-сайт: Microsoft Front Page 2003. Русская версия: Практическое: пер. с англ. - М.: СП ЭКОМ, 2005. - 384 с.: ил.
2. Белов, В. Ключи к / В. Белов // Мир ПК. - 2006. - №8. - С. 68-70.
3. Самоучитель / В.В. Дригалкин. - М.: Издат. «Вильямс», 2003. - 192 с.: ил.
4. Кришнамурти, Б. Web-протоколы. Теория и / Б. Кришнамурти, Дж. Рексфорд. - М.: ЗАО «Издательство», 2002. - 592 с.: ил.
5. Миронов Д.Ф. Создание Web- / Д.Ф. Миронов. - СПб.: БХВ-Петербург, 2000. - 320 с.: ил.
6. Кузнецов М.В. PHP 5. Практика Web-сайта / М.В. Кузнецов.В. Симдянов, С.В. Голышев. - СБ.: БХВ-Птербург, 2005. - 960 с.: ил
7. Лебедев С.В. Web-дизайн: пособие по публикаций для Интернет / С.В. Лебедев. - 3-е изд., перераб. и доп. - М.: Альянс, 2004. - 736 с
8. Холл Мрти. Программирование Web. Библиотека / М. Холл, Б. Лэрри; пер. с англ. В.В. Вемана. - М.: Издат. «Вильямс», 2002. - 1264 с.: ил.
9. Мержевич В.В. Ускорение работы: для веб / В.В. Мержевич. - СПб.: БХВ-Петербург, 2005. - 384 с.: ил
10. Хольцшлаг, Молли, Э. Использование и XHTM. Специальное: пер. с англ. - М.: Издат. Дом, 2003. - 736 с.: ил.
11. Штайнер, Г. HTM/XML/CSS / Г. Штайнер. - 2-е ид., пераб. - М.: Лаборатория Знаний, 2005. - 510 с.: ил.
12. Баричев С. Ваш INTENET / О. Плотников // Москва, 2000.
13. Валентайн Ч. XHM/ Ч. Валтайн, К.М. Минник // 2001.
14. Кирснов Д. Веб-дизан: книга Кирсанва/ Д. Кирсанов // электронный вариант.
15. Интернет., 2-е изд./под редакцией Л.Г. Мелховой. // Санкт-Петербург, ПИТЕР, 2000.
16. Матросов А. HM 4.0 в полиннике/ А., А. Сергеев, М. Чаунин // БХВ-Петербург.: Санкт-Петеург, 2005.
17. Миронов Д. Создание Web-страниц 2000 // Санкт-Петербург, 2000.
18. Семенов Ю.А. Протоколы ресурсы Intrnet. - М.: Радио и связь, 1996.
19. Леонтьев Б. Web-Дизайн: Тонкости и секреты. - М.: Майор, 2001.
20. Белунцов В. Новейший сомоучитель по Web-страниц. - М.: ДессКом, 2000.
21. Айзекс А. HTM BV-Санкт-Петербург 1998
22. Ганчаров А. Самоучитель HTM. Питер 2000
23. Хоумер А. HTM Справочник Питер 1999
24. Петюшкин А.В., HTM. Экспресс-курс. - СПб.: БХВ - Петербург, 2003
25. Кингсли - Э., JavaScript: учебный курс. - СПб.: Питер, 2002
Размещено на Allbest.ru
Подобные документы
Интернет-технологии в образовании, основные аспекты и принципы их применения на современном этапе. Этапы создания электронного пособия, его внутренняя структура, предъявляемые требования и технологическое обеспечение. Листинг разработанного кода.
дипломная работа [1,4 M], добавлен 03.01.2014Особенности электронных учебных пособий и основные принципы их создания. Сбор и подготовка исходного материала для электронного учебного пособия. Разработка структуры электронного пособия. Выбор программ и разработка интерфейса электронного учебника.
дипломная работа [738,5 K], добавлен 27.06.2012Основания для разработки программы и ее назначение, внутренняя структура и компоненты, предъявляемые требования. Область применения и функциональное назначение, администрирование сайта. Разработка руководства пользователя. Работа с интернет-магазином.
дипломная работа [1,8 M], добавлен 02.11.2015Понятие электронного учебного пособия. Виды электронных учебных изданий, дидактические требования к ним. Компонент основной формы "Button1". Поэтапная разработка мультимедийного электронного учебника по дисциплине "Компьютерные сети", его интерфейс.
курсовая работа [613,6 K], добавлен 31.01.2016Понятие электронного учебного пособия, специфика работы с ним, оценка преимуществ и недостатков, анализ эффективности. Виды и формы электронных учебных изданий. Учебно-теоретические обучающие издания: назначение, требования, структура, разработка.
курсовая работа [47,2 K], добавлен 17.05.2011Обоснование выбора языка, виды языков программирования. Характеристика программного продукта, постановка задачи, методы решения, программная реализация, программная документация. Руководство по использованию программы. Защита программного продукта.
дипломная работа [1,6 M], добавлен 22.02.2010Общее описание и структура программы, ее компоненты и функции, сферы практического применения. Требования к функциональным возможностям. Характеристика логической структуры, используемые технические средства. Исследование входных и выходных данных.
курсовая работа [94,7 K], добавлен 30.01.2016Обоснование выбора средства программирования: входная и выходная информация, требования к аппаратному и программному обеспечению. Функциональное назначение программы, её глобальные переменные и константы, внутренняя структура и руководство пользователя.
курсовая работа [1,4 M], добавлен 07.09.2012Требования к программному средству. Спецификация качества программного обеспечения. Требования к эргономике и технической эстетики. Стадии и этапы разработки, порядок контроля и приемки. Проектирование архитектуры приложения, руководство пользователя.
курсовая работа [381,6 K], добавлен 20.06.2012Разработка пособия для специальности "Вычислительная техника и программное обеспечение", ее алгоритм. Технические характеристики и требования к интерфейсу. Минимальные требования программы. Описание процедуры создания и вывода информации в WebBrowser.
курсовая работа [3,4 M], добавлен 04.01.2016
