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

Содержание

• Введение
• Используемые сокращения и обозначения
• Глава 1. Теоретические основы разработки электронных средств обучения
• 1.1 Классификация электронных средств обучения и требования, предъявляемые к ним
• 1.2 Принципы разработки электронного пособия
• 1.3 Выбор средств разработки электронного пособия
• Глава 2. Разработка электронного учебника «Особенности работы в среде программы 1С: Предприятие Версии 8.2»
• 2.1 Процесс создания программного продукта
• 2.2 Интеграция электронного учебника в Web - приложение и контрольное тестирование ПП
• 2.3 Документация
• Заключение
• Список использованной литературы
• Приложение

Введение

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

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

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

ѕ преподаватель имеет возможность наполнить их необходимым контентом;

ѕ при необходимости без лишних затрат можно актуализировать учебный материал;

ѕ они позволяют обучаться не только «здесь и сейчас», но и дистанционно.

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

Целью данной дипломной работы является разработка электронного пособия по дисциплине «Основы алгоритмизации и программирования» для студентов специальности 230105. По утверждённым рабочим программам третьего поколения в Брянском филиале МЭСИ изучается язык программирования C++.

Исходя из цели, можно сформулировать следующие задачи:

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

ѕ Рассмотреть требования, предъявляемые к электронным пособиям.

ѕ Выбрать среду для разработки электронного пособия.

ѕ Разработать электронное пособие, наполнив его необходимым контентом.

ѕ Апробировать созданное электронное пособия и при необходимости внести изменения.

Объектом исследования является процесс разработки электронного пособия. Предметом исследования является использование средств программирования для создания электронного пособия с удобным пользовательским интерфейсом.

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

Методологической базой исследования стали такие методы как: анализ, систематизация, моделирование, проектирование, обобщение, описание.

Программный продукт разрабатывается в качестве дидактического пособия, которое планируется использовать в процессе изучения студентами специальности 230105 дисциплины «Основы алгоритмизации и программирования».

Разработанный программный продукт предназначен для обучения студентов среднего профессионального образования. Предполагается, что его применение позволит повысить:

ѕ уровень знаний, умений и навыков студентов;

ѕ интерес студентов к изучаемому предмету;

ѕ позволит им самостоятельно находить нужную информацию и готовиться к итоговой аттестации.

Используемые сокращения и обозначения

Сокращения:

Аббревиатура	Полное название
ЛОО	Личностно-ориентированное обучение
ООП	Объектно-ориентированное программирование
ОС	Операционная система
ПК	Персональный компьютер
ПО	Программное обеспечение
рис	Рисунок
с	Страница
СПО	Среднее специальное образование
ЭВМ	Электронно-вычислительная машина
ЭП	Электронное пособие
ЭСО	Электронные средства обучения
ЭУ	Электронный учебник
CSS	Cascading Style Sheets - язык иерархических стилевых спецификаций.
HTML	Hyper Text Markup Language язык разметки гипертекстовых документов
SGML	Standard Generalized Markup Language стандартный обобщённый язык разметки
WWW	World Wide Web
XHTML	The Extensible Hyper Text Markup Language расширяемый язык разметки гипертекста

Обозначения:

@mail	Обозначение почтового ящика.
< body>	Основная часть веб-страницы.
<a>	Предназначен для включения ссылок на другие ресурсы.
<b>	Отображает содержимое полужирным шрифтом.
<br>	Принудительный перевод строки.
<caption>	Обозначает заголовок таблицы.
<code>	Отображает строки текста, который представляет собой программный код.
<div>	Средством организации содержимого документа.
<dl>	Список определений.
<h>	Заголовок.
<head>	Предназначен, для объявления служебных элементов.
<html>	Служит для обозначения HTML документа.
<i>	Отображает заключенный в него текст курсивом.
<img>	Позволяет вставить на веб-страницу изображение, хранящееся в отдельном файле.
<li>	Пункт списка.
<link>	Предназначен для связывания ресурсов.
<meta>	Предназначен для описания документа.
<p>	Обозначение параграфов.
<script>	Исполняемый сценарий.
<table>	Обозначает саму таблицу и является контейнером для элементов, определяющих содержимое таблицы.
<th> и <td>	Обозначает ячейку с заголовками строк или столбцов.
<title>	Название документа.
<tr>	Обозначает строку.
<ul>	Предназначен для создания ненумерованного списка.
ActiveX	Фреймворк для определения программных компонентов, пригодных к использованию из программ, написанных на разных языках программирования.
Adobe Photoshop CS5	Многофункциональный графический редактор
Adobe Systems	Компания-разработчик ПО
background	Параметры фона.
BitBtn	Компонент Delphi 7.
Boost	Библиотека использующая средства метапрограммирования.
border	Параметры линии рамки всех сторон.
Borland	Компания по производству ПО
bottom	Низ.
break	Оператор, заканчивающий выполнение ближайшего внешнего цикла.
C++	Компилируемый статически типизированный язык программирования общего назначения.
C++ Builder	Интегрированная среда программирования
Cabinet	Алгоритм в утилите Smart Install Maker.
Chromium	Свободный веб - браузер.
color	Предназначено для управления цветом текста элемента.
CTTI	Информация о типах данных во время компиляции.
Delphi 7	Объектно-ориентированный язык программирования
dir	Определяет, в каком направлении браузер должен выводить текст в элементе.
display	Предназначено для изменения представления элемента.
doc	Расширение текстового документа
docx	Расширение текстового документа
Edit	Компонент Delphi 7.
Events	Событие.
font-family	Определяет гарнитуру шрифта содержимого элемента.
font-size	Обозначает размер кегля шрифта.
footer	Подвал сайта.
FormCreate	Процедура Delphi 7.
FTP	Стандартный протокол, предназначенный для передачи файлов по TCP-сетям.
GNU General Public License	Лицензия на свободное программное обеспечение.
GNU Image Manipulation Program(GIMP)	Растровый графический редактор.
Google	Крупнейшая сеть поисковых систем.
Google Chrome	Веб - браузер.
GroupBox	Компонент Delphi 7.
Header	В переводе с английского "заголовок".
height	Высота элемента.
HTML	Язык гипертекстовой разметки
id	Присваивает элементу уникальную метку.
IDE	Интегрированная среда программирования
include	Заголовочный файл
Internet Explorer	Веб - браузер.
IntToStr	Функция перевода целого числа в строку.
JavaScript	Прототипно-ориентированный сценарный язык программирования.
Label	Компонент Delphi 7.
layer	Тег, обозначающий «слой».
left	Лево.
Linux	Операционная система.
Loki	Библиотека использующая средства метапрограммирования.
Mac	Операционная система.
MainMenu	Компонент Delphi 7.
margin	Предназначен для управления размерами поля внешнего отступа.
Microsoft	Одна из крупнейших транснациональных компаний по производству проприетарного программного обеспечения.
Microsoft Paint	Растровый графический редактор.
microsoft word	Стекстовый процессор, предназначенный для создания, просмотра и редактирования текстовых документов.
Mozilla Corporation	Дочерняя компания Mozila Foundation, обслуживающая браузер Mozilla Firefox.
Mozilla Firefox	Веб - браузер.
Nemerle	Гибридный язык высокого уровня со статической типизацией, сочетающий в себе возможности функционального и объектно-ориентированного программирования.
NET Framework	Программная платформа.
Netscape	Веб-браузер.
Notepad++	Текстовый редактор с подсветкой синтаксиса
Now	Функция возвращает дату и время сейчас.
Object Pascal	Язык программирования
padding	Определяет размер поля внутреннего отступа для всех строн элемента.
Panel	Компонент Delphi 7.
position	Позволяет выбрать один из нескольких вариантов позиционирования элемента.
Precompiled Headers	Механизм прекомпиляции заголовочных файлов
RAD	Инструмент быстрой разработки приложений
RadioGroup	Компонент Delphi 7.
right	Право.
Scheme	Функциональный язык программирования, один из двух наиболее популярных в наши дни диалектов языка Лисп.
Scintilla	Компонент C++.
SGI IRIX	Операционная система.
Smart Install Maker	Утилита с закрытым исходным кодом, которая предоставляет пользователям мощный и простой в использовании инструмент для создания высокоэффективных инсталляторов
StatCounter	Компания по разработке ПО.
STL	Формат файла.
style	Позволяет внедрить объявление CSS.
switch	Оператор позволяет осуществить выбор среди нескольких фрагментов кода.
top	Верх.
UpperCase	Функция приводит к верхнему регистру.
WebBrowser	Компонент Delphi 7.
WebKit	Свободный движок для отображения веб -страниц.
WebPageMaker	Редактор для создания сайтов.
width	Ширина элемента.
Windows	Операционная система.
Windows API	Общее наименование целого набора базовых функций интерфейсов программирования приложений операционных систем семейств Microsoft Windows.
XHTML	Семейство языков разметки веб-страниц на основе XML, повторяющих и расширяющих возможности HTML 4.
XP Theme	Цветовая тема, установленная на ПК.
XPManifest	Компонент Delphi 7.

Глава 1. Теоретические основы разработки электронных средств обучения

1.1 Классификация электронных средств обучения и требования, предъявляемые к ним

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

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

Рассмотрим более подробно виды электронных обучающих средств. К ним относятся:

ѕ электронные учебники,

ѕ энциклопедии,

ѕ справочники,

ѕ пособия,

ѕ компьютерные игры,

ѕ тренажеры,

ѕ экспертные электронные средства,

ѕ инструментальные среды.

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

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

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

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

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

Википедия дает следующую классификацию справочников по целевому назначению:

ѕ научные;

ѕ массово-политические;

ѕ производственно-практические;

ѕ учебные;

ѕ популярные;

ѕ бытовые.

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

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

Наиболее известным и часто используемым электронным средством обучения является электронный учебник. Владислав Аркадьевич Вуль предлагает следующие определения электронного учебника:

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

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

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

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

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

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

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

Электронное пособие (ЭП) - это электронное издание частично (полностью) заменяющее или дополняющее учебник. ЭП в отличие от учебника кроме трех обязательных частей, присутствующих в учебнике: классического предметного содержания, упражнений для закрепления материала и контроля знаний, предполагает наличие определенной методики, разрабатываемой в рамках педагогического подхода: проблемного, проектного, контекстного, эвристического и др. подходов. Для эксплуатации ЭП достаточно провести экспертизу на уровне учебного заведения. Экспертиза проводится при наличии внешней рецензии, данной данную работодателем или главным специалистом региона. После проведения экспертизы ЭП утверждается на методическом (ученом) совете образовательного учреждения. [22, с. 225]

Электронное пособие обычно содержит три составляющих:

1 - теоретическая часть, в которой излагается основная информация по курсу;

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

3 - контролирующая часть (тесты, видеозадачи, программ опросы и другое). Контролирующая часть позволяет проверить на сколько пользователь изучил материал по данному курсу.

К электронным средствам обучения предъявляются следующие дидактические требования.

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

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

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

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

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

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

1.2 Принципы разработки электронного пособия

Сформулируем несколько принципов построения электронного пособия (ЭП):

ѕ представление лекционного материала должна быть нелинейным и многоуровневым;

ѕ личностно - ориентированное обучение (нацеленность на личность), подразумевается самостоятельная и индивидуальная работа;

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

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

Учебно-информационный текст ЭП должен быть четко иерархически структурирован по содержанию.

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

Рисунок 1 - Семантический граф

Определенный модуль можно представить графом из связанных подмодулей и понятий. Модуль может выступать как понятие и как система понятий (аналог в структурном программировании -- оператор и составной оператор).

К свойствам понятия отнесем: [18, с. 125]

а) смысл, цель введения;

б) определение понятия, обозначение, модель;

в) особенности (внутренние и внешние свойства, количественные, качественные, геометрические, временные и другие, характеристики);

г) применение (абстрактное и практическое, способы использования и т. д.).

Отношения определяют причинно-следственные связи понятий, утверждения и правила.

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

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

Обоснуем включение в ЭП демонстрационных моделей и примеров.

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

Технологии компьютерного моделирования, создания демонстрационных моделей привлекают пользователя к активным действиям, связывающим пользователя с ПК.

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

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

В соответствии с изложенными выше принципами в ЭП должны быть:

ѕ модель знаний;

ѕ демонстрационные модели и примеры;

ѕ справочники, шаблоны, образцы;

ѕ контроль в виде тестов.

Теперь отметим два вида ЭП: закрытое электронное пособие и Интернет-пособие. Закрытое электронное пособие представляет собой традиционное пособие по предметной области, оно является независимым и неизменяемым. Используется электронное пособие данного типа на отдельных компьютерах или в локальных сетях. Создается разработчиком, имеет версии и, как правило, распространяется на компакт-дисках.

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

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

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

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

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

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

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

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

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

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

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

Условно-графическая наглядность: таблицы; схемы, блок-схемы, диаграммы, графики, карты, картосхемы.

Таблицы по выполнению их функциональной роли разделяют на три вида.

ѕ Разъяснительные - в сжатом виде облегчают понимание изучаемого теоретического материала, способствуют сознательному его усвоению и запоминанию.

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

ѕ Обобщающие или тематические - подводят итог изученному теоретическому материалу, способствуют формированию понятий.

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

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

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

6. Принцип регулирования: обучающийся самостоятельно управляет сменой кадров. Не следует забывать, что пользователь должен чувствовать себя при работе с ЭСО комфортно. Для этого необходимо предусмотреть всевозможные элементы управления. Нужно просто представить, что обучающийся понятия не имеет, как пользоваться пособием, и реализовать на каждой страничке пособия все возможные подсказки, стрелки и другие элементы навигации.

1.3 Выбор средств разработки электронного пособия

При выборе средств разработки электронного пособия были рассмотрены два самых распространенных на данный момент визуальных языка программирования, это C++ Builder и Delphi 7.

Википедия дает такое понятие и характеристику, C++ Builder -- программный продукт, инструмент быстрой разработки приложений (RAD), интегрированная среда программирования (IDE), система, используемая программистами для разработки программного обеспечения на языке программирования C++.

Достоинства языка программирования C++ заключается в том, что это очень мощный язык, который содержит средства для создания отличных программ практически любого назначения, от простых драйверов и утилит до сложных пакетов программных продуктов. Так же: высокая совместимость с языком С, что позволяет использовать код С. Можно программировать различными стилями и технологиями, включая традиционное директивное программирование, ООП, обобщенное программирование, мета программирование (шаблоны, макросы).

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

Недостатки С++ остались от языка - Си, вызваны изначально заданным требованием возможно большей совместимости с Си. Рассмотрим эти недостатки.

Синтаксис, провоцирующий ошибки.

На языке С++ присваивание обозначается =, а операция сравнения ==.

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

Операции присваивания (=), инкрементации (++), декрементации (--) и другие возвращают значение. Если их сочетать с другими операциями, то можно создать весьма трудночитаемые выражения. Эти операции в Си были вызваны желанием получить инструмент ручной оптимизации кода, но сейчас компиляторы генерируют код и традиционными выражениями.

Макросы являются мощным, но опасным средством. Макросы хранятся в С++ , хотя их роль не так уж и велика, благодаря шаблонам и встроенным функциям. В унаследованных стандартных С-библиотеках много потенциально опасных макросов.

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

Необходимость записывать break в каждой ветви оператора switch и возможность последовательного выполнения нескольких ветвей при его отсутствии провоцирует ошибки из-за пропуска break. Эта же особенность позволяет делать сомнительные «трюки», базирующиеся на избирательном неприменении break и затрудняющие понимание кода.

Препроцессор, который остался от С, очень примитивен. Это приводит к тому, что с его помощью нельзя осуществлять некоторые задачи мета программирования, но и, вследствие своей примитивности, он часто приводит к ошибкам и требует много действий по обходу потенциальных проблем. Некоторые языки программирования (например, Scheme и Nemerle) имеют намного более мощные и более безопасные системы мета программирования (также называемые макросами, но мало напоминающие макросы С/С++).

Плохая поддержка модульности (по сути, в классическом Си модульность на уровне языка отсутствует, её обеспечение переложено на компоновщик). Подключение интерфейса внешнего модуля через препроцессорную вставку заголовочного файла (#include) очень сильно замедляет компиляцию при подключении очень большого количества модулей (потому что результирующий файл, который обрабатывается компилятором, оказывается очень большим размером). Эта схема, без изменений, осталась и в C++. Для устранения этого недостатка, многие компиляторы реализуют механизм прекомпиляции заголовочных файлов Precompiled Headers.

К собственным недостаткам C++ можно отнести:

Сложность и избыточность, из-за которых C++ трудно изучать, а построение компилятора сопряжено с большим количеством проблем.

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

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

Недостаток информации о типах данных во время компиляции (CTTI).

Декларируется, что С++ мультипарадигменный язык, реально в языке отсутствует поддержка функционального программирования. Часто, данный пробел устраняется различными библиотеками (Loki, Boost) использующими средства мета программирования для расширения языка функциональными конструкциями (например, поддержкой лямбд/анонимных методов), но качество подобных решений сильно уступает качеству встроенных в языки решений. Такие возможности функциональных языков, как сопоставление с образцом, вообще крайне сложно эмулировать средствами мета программирования.

Многие считают недостатком языка C++ отсутствие встроенной системы сборки мусора. Но с другой стороны, в C++ имеется достаточно средств, позволяющих почти исключить использование опасных указателей, нет принципиальных проблем и в реализации и использовании сборки мусора. Отсутствие встроенной сборки мусора позволяет программисту самому выбрать стратегию управления ресурсами.

Delphi -- императивный, структурированный, объектно-ориентированный язык программирования, диалект Object Pascal. Начиная со среды разработки Delphi 7.0, в официальных документах Borland стала использовать название Delphi для обозначения языка Object Pascal. Вышедшая в далеком уже 2003 году Delphi 7, и сегодня не теряет своей актуальности. Достоинства Delphi 7 :

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

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

Еще одно очевидное приемущество Delphi -- компоненты, число которых исчисляется миллионами. В Delphi есть возможность скомпилировать участок кода и предоставить его в свободное пользование как компонент. Получается то, что гигантское количество энтузиастов и организаций предоставляют в свободное пользование готовые решения. Если кто-либо захочет ftp клиент, нет вопросов -- скачал компонент, кинул на форму и вуаля! Дело 2ух кликов.

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

Итак, подведем итоги:

Таблица 1. Характеристика.

Характеристика	С++	Delphi
Сложность изучения	большая (-)	маленькая (+)
Количество специалистов-профессионалов	много (+)	мало (-)
Восприятие кода	плохое (-)	хорошее (+)
Рефакторинг	средний (+-)	хороший (+)
Скорость работы приложения	отличная (++)	хорошая (+)
Скорость разработки решения	маленькая (-)	очень высокая (++)
Наличие документации	много (+)	MSDN не содержит примеров кода на pascal (+-)
Необходимость в будущем, ввиду конкуренции с языками C#,VB, Java	маленькая (-)	средняя (-)
Итого	5+/5-	7+/3-

Язык программирования Delphi 7 имеет необходимые компоненты для создания электронных пособий. Лекционный материал можно выводить с помощью простого открытия текстовых документов, но это не всегда удобно и это не гарантирует правильную работу электронного пособия. Если осуществить, например, открытие документов форматов .doc, .docx, то есть созданные в программе, это не гарантирует полноценную работу пособия, так как не у всех пользователей ПК установлено необходимое ПО. Так же в microsoft word нет возможности создать необходимый интерфейс работы с пользователем.

Отталкиваясь от этих недостатков открытия текстовых файлов можно придти к выводу, что намного удобнее будет использовать HTML страницы и выводить их в Delphi 7 с помощью необходимых компонентов. Для того что бы набросить страницы, которые будут присутствовать в электронном пособии можно использовать программу WebPageMaker. WebPageMaker - это очень простой, быстрый и удобный редактор для создания сайтов. С его помощью можно набросить внешний вид будущей страницы.

Создание кнопок и других элементов, которые будут использоваться в электронном пособии можно осуществить с помощью программы Adobe Photoshop CS5, это многофункциональный графический редактор, разработанный и распространяемый фирмой Adobe Systems. В основном работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Продукт является лидером рынка в области коммерческих средств редактирования растровых изображений, и наиболее известным продуктом фирмы Adobe.[34] Далее верстка страницы осуществлялась по средствам программы notepad++.

Глава 2. Разработка электронного учебника «Особенности работы в среде программы 1С: Предприятие Версии 8.2»

2.1 Процесс создания программного продукта

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

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

Сделать выбор было очень трудно, привлек GNU Image Manipulation Program или GIMP - растровый графический редактор, программа для создания и обработки растровой графики и частичной поддержкой работы с векторной графикой. Распространяется на условиях GNU General Public License.[34] Этот редактор так же не смог удовлетворить своими функциями. Самым лучшим графическим редактором оказался Adobe Photoshop - многофункциональный графический редактор, который разработан и распространяется фирмой Adobe Systems. В большинстве случаев работает с растровыми изображениями, но имеет некоторые векторные инструменты. Этот программный продукт является лидером рынка в области коммерческих средств редактирования растровых изображений, и наиболее известным продуктом фирмы Adobe. Очень часто эту программу называют просто Photoshop. В наше время Photoshop доступен на платформах Mac и Windows. Ранние версии редактора были портированы под SGI IRIX, но официальная поддержка была прекращена, начиная с третьей версии продукта. Для версий 8.0 и CS6 возможен запуск под Linux с помощью альтернативы Windows API -- Wine.[34] В результате этим редактором и были выполнены кнопки и шапка сайта. электронный пособие учебник приложение

После создания кнопок и шапки сайта необходимо было определиться с версткой сайта. В настоящее время существует 2 основных метода верстки сайта:

ѕ Табличная верстка

ѕ Блочная верстка

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

Блочная верстка. Термин «слой» очень часто используется при разработке и верстке сайтов, но четкой расшифровки этого термина не дает никакая литература по сайтостроению. Первоначально слои ввела компания Netscape, включив в свой браузер поддержку тега <layer>. Данный тег позволял показывать или прятать содержимое, устанавливать положение относительно окна браузера, накладывать слоя друг на друга, позволял загружать данные из файла. Все эти параметры легко менялись с помощью JavaScript и это расширяло возможности по созданию действительно динамического контента на странице. Несмотря на столь впечатляющий набор возможностей, тег <layer> не был включён в спецификацию HTML и остался лишь расширением браузера Netscape.

Однако необходимость в указанных возможностях уже назрела, и в конце 1996 года синтаксис для работы со слоями был разработан и одобрен. Основная нагрузка ложилась на стили, через стили можно было управлять видом любого элемента сайта. К термину «слой» необходимо относить теги <div>. В HTML4 и XHTML слой -- это элемент веб - страницы, созданный с помощью тега <div>, к которому применяется стилевое оформление. Таким образом, выражение «блочная вёрстка» или вёрстка с помощью слоёв заключается в конструктивном использовании тегов <div> и стилей.

В результате исследования данного материала бала выбрана табличная верстка сайта и вот её плюсы:

ѕ Простота в позиционировании элементов на странице.

ѕ Можно создавать достаточно сложные дизайнерские решения.

Далее необходимо начать верстку сайта. Любой сайт начинается с шапки. Шапка - верхняя часть сайта, которая, наряду с «подвалом», призвана обозначить для пользователя границы страницы. Она играет ту же роль для веб-ресурса, что и колонтитулы для печатной страницы. Подвал сайта (footer) является частью веб-страницы, которая находится в нижней части страницы. Контрастные цвета в подвале сайта добавляют специальный эффект странице. Выводиться шапка как простое изображение конструкцией:

<img src="head.jpg">

Конструкция с помощью которой можно сделать картинку гиперактивной выглядят так :

<a href="1.html"><img src="1.jpg"></a>

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

<li><h4><a href="#" title="ОСНОВЫ АЛГОРИТМИЗАЦИИ">ТЕМА 1. ОСНОВЫ АЛГОРИТМИЗАЦИИ</a></h4></li>

Как уже ранее было сказано, верстка электронного пособия производилась с помощью программы - Notepad++ . Notepad++ - свободно распространяемый текстовый редактор с открытым исходным кодом для Windows, в котором осуществляется подсветкой синтаксиса большого количества языков программирования и разметки. Базируется на компоненте Scintilla, написан на C++ с использованием STL, а также Win32 API и распространяется под лицензией GPL. Базовая функциональность программы может быть расширена как за счёт плагинов, так и сторонних модулей, таких как компиляторы и препроцессоры.

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

Первоначально электронный учебник выглядел так : <html> <head> <title> Электронное пособие</title> </head> <body> </body> </html>

С каждым шагом код электронного учебника становился все больше, так же количество страниц увеличивалось с каждой новой главой учебника. Для просмотра веб-страниц после создания я использовал несколько браузеров(ПО для просмотра веб-сайтов) для проверки, Google Chrome, Mozilla Firefox и Internet Explorer.

Википедия дает следующие характеристики современных веб-браузеров:

Google Chrome -- браузер, разрабатываемый компанией Google на основе свободного браузера Chromium и движка Blink (до апреля 2013 года использовался WebKit). Первая публичная бета-версия для Microsoft Windows вышла 2 сентября 2008 года, а первая стабильная -- 11 декабря 2008 года. По данным StatCounter, Chrome используют около 300 миллионов интернет-пользователей, что делает его самым популярным браузером в мире.

Mozilla Firefox -- свободный браузер, входящий в набор программ Mozilla Application Suite, разработкой и распространением которого занимается Mozilla Corporation. В России Firefox занимает второе место по популярности среди десктопных браузеров с долей 22,41 % пользователей на май 2013 года. В браузере присутствует интерфейс со многими вкладками, проверка орфографии, поиск по мере набора, «живые закладки», менеджер закачек, поле для обращения к поисковым системам. Новые функции можно добавлять при помощи расширений.

Windows Internet Explorer -- серия браузеров, разрабатываемая корпорацией Microsoft с 1995 года. Входит в комплект операционных систем семейства Windows.

Справочник по HTML [35] дает следующие определения тегов и их свойств, которые использовались при верстке страниц.

<html> - необходим для обозначения HTML документа. html считается корневым элементом, то есть находится во главе дерева элементов. Все остальные элементы страницы являются потомками, сам же html не может быть вложенным в какой либо другой элемент. Тег <html> включает в себя теги <head> и < body>.

<head> - Предназначен, для объявления служебных элементов, которые помогают определить содержание, влияют на внешний вид и поведение документа. Основные атрибуты: id - позволяет присвоить элементу уникальную метку, style - позволяет внедрить объявление CSS в сам элемент, dir - определяет, в каком направлении браузер должен выводить текст в элементе, которому он присвоен.[28]

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

<title> - обязательный. В документе может содержаться только один элемент title и быть дочерним по отношению к элементу head.

Слова или какие-либо символы, помещенные в открывающие и закрывающие теги <title>, определяют название документа. Название используется браузером специальным образом, пользователи могут встретится с ним:

ѕ В заголовке окна браузера

ѕ В заголовке вкладки

ѕ Надписи на кнопке, на панели задач

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

<br> - принудительный перевод строки. Браузер в нормальном режиме заполняет строки и расставляет переносы текста на новую строку в зависимости от ширины элемента. В некоторых случаях может потребоваться принудительно разорвать строку в определенном месте. Для этого в стандарте существует пустой элемент br (сокращенно от break - разрыв). При его применении браузер просто прекращает вывод текста на текущей строке и переходит на следующую. Элемент br может быть полезен для форматирования блока текста с какими-либо фиксированными переносами строк: например адрес, текст песни или стихотворение.[28]

Условие <br>

Возвращает значение натурального логарифма.

<div> (от англ. "division" - часть, раздел, отделение) не относится ни к элементам логической, ни физической разметки. Он является средством организации содержимого документа и предназначен для оформления областей веб страницы с помощью CSS стилей. По умолчанию, у него нет никакой функциональности и нет оформления.

<h> - с 6-ю различными степенями иерархии: h1,h2, h3, h4, h5, h6. Н - начальная буква слова «Header» (в переводе с англ. "заголовок"). Текст, который необходимо сделать заголовком, помещают между открывающим и закрывающим тегами h. Заголовки заметно отличаются от обычного текста - насыщенностью, размером, шириной кегли. Размер шрифтов для элементов h1 - h6 изменяются от очень крупного до мелкого. h1 в 2 раза больше обычного текста, h2 в 1.5, а h6 в 1.5 раз меньше.

<h1>РАБОЧАЯ ПРОГРАММА УЧЕБНОЙ ДИСЦИПЛИНЫ</h1>

Данный текст будет выглядеть как заголовок первого уровня.

<p> - обозначение параграфов("p" - начальная буква слова paragraph).

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

<a> - предназначен для включения ссылок на другие ресурсы. С помощью гиперссылок можно объединять документы, файлы и другие ресурсы в единую библиотеку, тем самым превращая документы HTML в точки пересечения нитей информационной паутины. Гиперссылка- важнейший компонент веб-страницы, его модуль HyperText - одна из составляющих аббревиатуры HTML. В моей программе ссылки га главы теоретического материалы выглядят примерно таким образом:

<a href="1.1.html" title="Понятие алгоритма">Тема 1.1. Понятие алгоритма</a>

<dl> (сокращенно от англ. "definition list" - список определений). Cписок определений состоит из главной части и подчиненной. Главная часть - элемент dt (аббревиатура от англ. "definition term" - определяемый термин), подчиненная часть - элемент dd (аббревиатура от англ. "definition description" - описание определения).[33]

<ul> (аббревиатура от англ. «unordered list» - ненумерованный или неупорядоченный список) - предназначен для создания ненумерованного списка. Содержимое ul - один или несколько пунктов списка - элемент li (аббревиатура от англ. «list item» пункт списка). Ненумерованный список представляет собой совокупность однородных элементов, между которыми нет отношений порядка или порядка следования.