Электронный учебник по языкам программирования С++

Автор работы: Пользователь скрыл имя, 13 Сентября 2013 в 07:54, дипломная работа

Описание работы

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

Содержание работы

ВВЕДЕНИЕ. СТРУКТУРА WEB ДОКУМЕНТА. ИССЛЕДОВАНИЕ ЭЛЕМЕНТОВ ИНТЕРФЕЙСА 55
1 ОБЩАЯ ЧАСТЬ 7
1.1 Электронное учебное пособие. Дизайн ЭУИ 7
1.2.1 Основные требования к содержанию электронных учебных пособий 11
1.2.2 HTML тэги. Принципы создания страниц в формате html, php 13
1.2.3 Форматирование текста 24
1.2.4 Работа со стилями 26
1.2.5 Добавление мультимедийных фрагментов в ЭУИ 31
1.2.6 Разработка навигации ЭУИ. Гиперссылки 35
1.3 Интерактивность ЭУИ 39
1.4 Создание автоматизированной системы контроля 42
1.5 Создание и внедрение ЭУИ 43
2 СПЕЦИАЛЬНЫЙ ВОПРОС 45
2.1 Постановка задачи 45
2.2 Разработка дизайн макета ЭУИ 45
2.3 Описание программы 53
2.4 Возможности и особенности использования ЭУИ в системе образования 55
2.5 Инструкция пользователю по работе с программой 60
3 ЭКОНОМИЧЕСКАЯ ЧАСТЬ 62
3.1 Рассчитать величину затрат на создание и разработку ЭУИ 62
4 ОХРАНА ТРУДА 77
4.1Опасные и вредные производственные факторы и меры защиты от них 77
5 ТЕХНИКА БЕЗОПАСНОСТИ 86
5.1 Правила пожарной безопасности при обслуживании вычислительной техники 86
ЗАКЛЮЧЕНИЕ 89
СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ 90

Файлы: 1 файл

Диплом.docx

— 1.62 Мб (Скачать файл)

СОДЕРЖАНИЕ

ВВЕДЕНИЕ. СТРУКТУРА WEB ДОКУМЕНТА. ИССЛЕДОВАНИЕ ЭЛЕМЕНТОВ ИНТЕРФЕЙСА

55

1 ОБЩАЯ ЧАСТЬ                                                                                               

7

1.1 Электронное учебное  пособие. Дизайн ЭУИ     

7

1.2.1 Основные требования  к содержанию электронных учебных  пособий

11

1.2.2 HTML тэги. Принципы создания  страниц в формате html, php

13

1.2.3 Форматирование текста

24

1.2.4 Работа со стилями

26

1.2.5 Добавление  мультимедийных  фрагментов в ЭУИ

31

1.2.6 Разработка навигации  ЭУИ. Гиперссылки

35

1.3 Интерактивность ЭУИ

39

1.4 Создание автоматизированной  системы контроля

42

1.5 Создание и внедрение  ЭУИ

43

2 СПЕЦИАЛЬНЫЙ ВОПРОС

45

2.1 Постановка задачи

45

2.2 Разработка дизайн макета  ЭУИ

45

2.3 Описание программы

53

2.4 Возможности и особенности  использования ЭУИ в системе  образования

55

2.5 Инструкция пользователю  по работе с программой

60

3 ЭКОНОМИЧЕСКАЯ ЧАСТЬ

62

3.1 Рассчитать величину затрат на создание и разработку ЭУИ

62

4 ОХРАНА ТРУДА

77

4.1Опасные и вредные производственные факторы и меры защиты от них

77

5 ТЕХНИКА БЕЗОПАСНОСТИ

86

5.1 Правила пожарной безопасности при обслуживании вычислительной техники

86

     ЗАКЛЮЧЕНИЕ

89

    СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ

90




 

 

 

 

 

 

 

 

 

 

 

ВВЕДЕНИЕ.  СТРУКТУРА WEB ДОКУМЕНТА. ИССЛЕДОВАНИЕ

ЭЛЕМЕНТОВ ИНТЕРФЕЙСА

 

 

 

Для подготовки структуры гипертекстовых документов используется язык HTML (Hyper Text Markup Language – язык разметки гипертекстовых документов), предоставляющий широкие возможности по форматированию и структурной разметке документов, организации связей между различными документами, средства включения графической и мультимедийной информации. HTML-документы просматриваются с помощью специальной программы – браузера. Наибольшее распространение в настоящее время получили браузеры Navigator компании Netscape (NN) и Internet Explorer компании Microsoft (MSIE). Реализации NN доступны практически для всех современных программных и аппаратных платформ, реализации MSIE доступны для всех Windows платформ, Macintosh и некоторых коммерческих Unix-систем.

HTML является упрощенной  версией стандартного общего  языка разметки – SGML

(Standart Generalised Markup Language), который  был утвержден ISO в качестве  стандарта еще в 80-х годах.  Этот язык предназначен для  создания других языков разметки, он определяет допустимый набор  тэгов, их атрибуты и внутреннюю  структуру документа. Контроль за правильностью использования дескрипторов осуществляется при помощи специального набора правил, называемых DTD – описаниями (более подробно о DTD мы поговорим чуть позже), которые используются программой клиента при разборе документа. Для каждого класса документов определяется свой набор правил, описывающих грамматику соответствующего языка разметки.

Структура HTML-документа состоит из текста, представляющего собой содержание документа, и тегов, определяющих его структуру и внешний вид при отображении браузером. Простейший html-документ выглядит следующим образом:

<html>

<head>

<title>Название</title>

</head>

<body>

<p>Тело документа

</body>

</html>

Как видно из примера, тег  представляет собой ключевое слово, заключенное в угловые скобки. Различают одинарные теги, как, например, <p>, и парные, как <body> </body>, в последнем случае действие тега распространяется только на текст между его открывающей и закрывающей скобкой. Теги также могут иметь параметры – например, при описании страницы можно задать цвет фона, цвет шрифта и т.д.: <body bgcolor= «white» text= «black»>.

Текст всего документа заключается в теги <html>, сам документ разбивается на две части – заголовок и тело. Заголовок описывается тегами <head>, в которые могут быть включены название документа (с помощью тегов <title>) и другие параметры, использующиеся браузером при отображении документа. Тело документа заключено в теги <body> и содержит собственно информацию, которую видит пользователь. При отсутствии тегов форматирования весь текст выводится в окно браузера сплошным потоком, переводы строк, пробелы и табуляции рассматриваются как пробельные символы, несколько пробельных символов, идущих подряд, заменяются на один. Для форматирования используются следующие основные теги:

<p> – начало нового  абзаца, может иметь параметр, определяющий  выравнивание:

<p align=right>;

<br> – перевод строки  в пределах текущего абзаца;

<u></u> – выделение  текста подчеркиванием

Ссылка на другой документ устанавливается с помощью тега <a href= «URL»>…</a>, где URL – полный или относительный адрес документа. При этом текст, заключенный в тег <a>, обычно выделяется подчеркиванием и цветом, и после щелчка мышью по этой ссылке браузер открывает документ, адрес которого указан в параметре href. Графические изображения вставляются в документ с помощью тега <img src= «URL»>.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1ОБЩАЯ ЧАСТЬ

 

 

 

1.1 Электронное учебное пособие. Дизайн ЭУИ     

 

 

 

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

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

 Структуру электронного  учебного пособия как форму  содержания учебного материала  можно представить в виде схемы,  представленной на рис. 1.           

 

 

Рисунок 1 - Структура электронного учебного пособия  

 

 

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

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

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

 Таким образом, результатом  работы на этом этапе являются:

1. рабочий прототип в  виде структурной иерархической  схемы типа “дерево”;

2. комплект шаблонов информационных  блоков и экранных форм;

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

 

 

 

Рисунок 2 - Структура модуля-параграфа электронного учебного пособия   

 

 В настоящее время  существуют два основных подхода  к проектированию обучающих программ: эмпирический и теоретический     

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

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

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

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

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

Электронное учебное издание  дополнение к традиционным формам обучения. Этот “электронный лектор” призван  не только сохранить все достоинства обычной книги (учебного пособия), но и в полной мере использовать современные информационные технологии, мультимедийные возможности, предоставляемые компьютером.

К таким возможностям могут  относиться:

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

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

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

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

     Немаловажной частью проектирования ресурса в последнее время стало приведение ресурса в соответствие стандартам что обеспечивает доступность содержания для людей с ограниченными физическими возможностями и пользователей портативных устройств, также непосредственно с дизайном сайтов смежные в Интернете, то есть, продвижение и реклама созданного ресурса. Работа с заказчиком начинается с заполнения а, в котором заказчик излагает свои пожелания относительно визуального представления и структуры сайта, указывает на ошибки в старой версии сайта, приводит примеры сайтов конкурентов. Исходя из брифа, менеджер составляет техническое задание, учитывая возможности программных и дизайнерских средств. Этап заканчивается после утверждения технического задания заказчиком.

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

Информация о работе Электронный учебник по языкам программирования С++