Разработка электронного учебника

Как уже говорилось выше, данный модуль представляет собой апплет, и, следовательно, предназначен для просмотра Web-браузером. В настоящее время наибольшее распространение получили два Web-браузера - это Microsoft Internet Explorer и Netscape Navigator. Однако, несмотря на то, что оба эти браузера поддерживают апплеты Java, существуют некоторые различия в их интерпретации, связанные с отсутствием единого стандарта и конкурирующей политикой фирм Microsoft и Netscape. Исходя из того, что браузер Internet Explorer на данный момент времени получил наибольшее распространение, данный модуль ориентирован именно на работу с ним - в часности, с версией Internet Explorer 4.0 и выше.

Для использования Internet Explorer 4.0 необходимо, чтобы система удовлетворяла следующим минимальным требованиям:

- процессор Intel Pentium с тактовой частотой 166 МГц;

- в случае ОС Microsoft Windows 95: оперативная память 16 Мбайт, при использовании активного рабочего стола 32 Мбайт;

- в случае ОС Microsoft Windows 98: оперативная память 32 Мбайт, при использовании активного рабочего стола 64 Мбайт;

- в случае ОС Microsoft Windows NT 4.0: оперативная память 32 Мбайт, при использовании активного рабочего стола 64 Мбайт и установленный пакет Service Pack 3 (или более поздний);

- от 40 до 70 Мбайт места на жестком диске (в зависимости от вида установки);

- мышь.

2.3 Описание функций электронного учебника

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

К реализованным возможностям относятся:

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

- регистрация пользователей, с заведением на каждого пользователя HTML-файла.

- система перемещения по материалу учебника - блок навигации;

- система нелинейного перемещения, реализованная в виде гипертекстовой системы поиска информации;

- глоссарий основополагающих сетевых терминов;

- модуль контрольных вопросов для самопроверки знаний.

- система поиска текстовых фрагментов.

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

- полностью реализованный модуль по разделу “Коммутаторы”;

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

- использование графики высокого разрешения и богатой цветовой палитры;

- возможность прервать обучение в любой момент и закрыть сеанс обучения;

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

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

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

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

- использование электронного учебника непосредственно с CD-ROM;

- и некоторые другие.

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

2.3.1 Содержание электронного учебника. Главы электронного учебника

Задумывая идею компьютерного учебника по дисциплине «Администрирование систем и сетей», преследовались несколько целей:

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

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

в-третьих, продолжить, и в чем-то оживить, процесс внедрения средств новых информационных технологий в область преподавания предмета «Администрирование систем и сетей»;

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

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

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

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

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

3. Работа с учебником

3.1 Установка и общее данные электронного учебника

Данный проект представляет собой дистрибутив в виде многотомного архива располагающегося на двух дискетах. Содержимое первой - файл Setup.sfx.exe, второй - Setup.sfx.r00. Для того, чтобы установить электронный учебник по дисциплине «Администрирование систем и сетей» на компьютер, необходимо вставить в дисковод первую установочную дискету (она помечена цифрой 1), и скопировать содержимое дискеты на жёсткий диск компьютера в свободный директорий. Затем вставить в дисковод вторую установочную дискету и скопировать её содержимое в тот же директорий, что и первое. Запустить на исполнение файл Setup.sfx.exe посредством двойного щелчка мыши на нём. В появивщемся окне вам будет предложено выбрать путь куда необходимо распаковать содержимое архива. Если он вас устраивает, то нажмите кнопку «Извлечь», если нет, то нажмите кнопку «Обзор» и выберите тот, который вам нужен. По окончанию распаковки нажмите кнопку «Готово». Если вы хотите прервать распаковку архива, нажмите «Отмена».

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

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

3.2 Деинсталляция электронного учебника

Удалить электронный учебник с жёсткого диска компьютера можно двумя путями.

Нажать кнопку «Пуск» на панели задач. Выбрать пункт «Программы» в меню «Пуск», в появившемся списке выбрать пункт «Компьютерные сети» / «Деинсталляция». После чего будет выведено сообщение о том, действительно ли вы хотите удалить данное приложение, если да, то нажмете кнопку «Да», если нет, то «Нет». Если вы нажмёте кнопку «Да», то электронный учебник будет удалён с вашего компьютера.

Нажать кнопку «Пуск» на панели задач. Выбрать пункт «Настройка» / «Панель управления» / «Установка и удаление программ» в меню «Пуск». В открывшемся окне найти в списке программ приложение «Компьютерные сети», выбрать его и нажать кнопку «Добавить/удалить…» для удаления учебника. После чего будет выведено сообщение о том, действительно ли вы хотите удалить данное приложение, если да, то нажмете кнопку «Да», если нет, то «Нет». Если вы нажмёте кнопку «Да», то электронный учебник будет удалён с вашего компьютера.

3.3 Функциональное назначение

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

3.4 Назначение разработки

Электронный учебник включает:

· модуль с теоретическим и лекционным материалом, подобранным в соответствии с дидактическими единицами, обобщенный и структурированный по темам;

· модуль контроля знаний (тестирование);

· справка о программе.

3.5 Требования к программному средству

Программа дает возможность:

· по запросу пользователя открывать требуемый модуль;

· просматривать теоретический материал по разделам и темам;

· при тестировании видеть результаты своих действий;

· получить справку о программе;

· выход.

Выбор подхода и модели разработки ПС

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

3.6 Описание структуры входной и выходной информации

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

Выбор пользователем варианта ответа на вопрос при тестировании.

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

По окончанию тестирования при нажатии кнопки ОК выводятся на экран неправильные вопросы с целью, чтобы пользователь на месте разобрался со своими ошибками.

3.7 Реализация модулей электронного учебника

3.7.1 Создание шаблона страницы учебника

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<style type="text/css">

A:Link{Color: #0000cc; Text-decoration: none}

A:Visited{ Color: #000080; Text-decoration: none}

A:Active{ Color: #000080; Text-decoration: none}

A:Hover{ Color: #00d0d0; Text-decoration: none}

FONT { font-family: Times;}

BODY {SCROLLBAR-FACE-COLOR: #fffff0; SCROLLBAR-HIGHLIGHT-COLOR: #fffff5; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #fffff5;}

</style>

<META HTTP-EQUIV="Content-Type" Content="text/html; Charset=Windows-1251">

<META Name="keywords" Content="локальные сети, модемы, сетевые адаптеры, концентраторы, мосты, маршрутизаторы, коммутаторы">

<TITLE></TITLE>

</head>

<body bgcolor="#fffff5" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0" text="#000000">

<table width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#fffff5">

<tr><td width="100%" align="right" valign="top">

<IMG height="90" alt="КОМПЬЮТЕРНЫЕ СЕТИ Принципы, Технологии, Оборудование" hspace="0" src="../../Images/Header.gif" width="600" border="0" >

</td></tr>

<tr><td align="right"><b>

<a href="../../Оглавление.html"> на оглавление </a>

</b><img src="../../Images/Pixel.gif" width="20" height="1" border="0" hspace="0" vspace="0">

</td></tr>

</table>

<br><div align="center">

<table width="85%" cellspacing="0" cellpadding="0" border="0" bgcolor="#fffff5">

<tr><td>

<div align="center"><h3></h3></div>

</td></tr>

</table>

</div>

<br>

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#fffff5">

<tr><td align="left"><b>

<img src="../../Images/Pixel.gif" width="20" height="1" border="0" hspace="0" vspace="0">

<a href="../../Оглавление.html"> на оглавление </a></b>

</td></tr>

<tr><td>

<img src="../../Images/UTP2.gif" width="600" height="50" border="0" hspace="0" vspace="0">

<font size="2"><center>

<script language="JavaScript">

<!--

document.write("Последнее обновление: " + document.lastModified);

// -->

</script>

</center></font>

</td></tr></table>

</body>

</html>



Рисунок 2.1 - Вид шаблона страниц учебника в броузере

Рассмотрим данный шаблон подробнее. Ниже приведён блок, устанавливающий стиль отображения ссылок в документе. Определены цвета ссылок, цвет ссылки во время нажатия на неё, цвет ссылки при наведении на неё мыши, цвет уже посещённой ссылки, для всех ссылок отменено подчёркивание. Полосы прокрутки броузера окрашены в цвет фона документа, но вместе с тем их хорошо видно. Данный блок написан с использованием каскадных таблиц стилей CSS (Cascading Style Sheets).

<style type="text/css">

A:Link{Color: #0000cc; Text-decoration: none}

A:Visited{Color: #000080; Text-decoration: none}

A:Active{Color: #000080; Text-decoration: none}

A:Hover{Color: #00d0d0; Text-decoration: none}

FONT{font-family: Times;}

BODY{SCROLLBAR-FACE-COLOR: #fffff0; SCROLLBAR-HIGHLIGHT-COLOR: #fffff5; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #fffff5;}

</style>

Следующей после описания стиля идёт описание метаинформации предназначенной для поисковых машин и WEB-серверов.

Для определения броузером языка, на котором написана страница, используется:

<META HTTP-EQUIV="Content-Type" Content="text/html; Charset=Windows-1251">

Для указания ключевых слов и терминов используется:

<META Name="keywords" Content="локальные сети, модемы, сетевые адаптеры, концентраторы, мосты, маршрутизаторы, коммутаторы">

Вывод даты и времени последнего редактирования HTML-страницы осуществляется посредством Java-скрипта:

<script language="JavaScript">

<!--

document.write("Последнее обновление: " + document.lastModified);

// -->

</script>

Используется стандартная функция document.lastModified обрабатываемая броузером и возвращающая дату и время последнего изменения данного документа в следующем формате:

Последнее обновление: 05/03/2014 08:57:46

Создание поисковой системы

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

Описание стиля слоя:

<style type="text/css">

#Layer1{POSITION: absolute; Z-INDEX: 1; RIGHT: 50; TOP: 190; WIDTH: 300; HEIGHT: 200; visibility: hidden}

</style>

Слой поисковой формы располагается на расстоянии 50-ти пикселов справа, на 190 сверху и имеет размеры 300х200 пикселов.

Скрипт показывающий и скрывающий слой с поисковой формой, написан на Java Script:

<script language="JScript">

function show(){

document.all["Layer1"].style.visibility="visible";}

function hide(){

document.all["Layer1"].style.visibility="hidden";}

</script>

Работает с парой ссылок:

<tr>

<td align="center"><b>

<a href="Заключение.html" onmouseover="show()">открыть поиск </a>~

<a href="Заключение.html" onmouseover="hide()"> закрыть поиск</a></b>

</td>

</tr>

При подведении указателя мыши к ссылке «открыть поиск» срабатывает событие onmouseover, и управление передаётся на процедуру show(), которая в свою очередь изменяет стиль слоя, делая его видимым. Скрытие поисковой формы работает аналогично. При подведении указателя мыши к ссылке «закрыть поиск» срабатывает событие onmouseover, и управление передаётся на процедуру hide(), которая изменяет стиль слоя, делая его скрытым.

Скрипт, по которому работает поисковая форма:

<script>

function findme(cValue)

{

if (cValue == null || cValue == ' ')

{alert("Задайте слово для поиска"); return;}

var rng=document.body.createTextRange();

for (i=0; rng.findText (cValue) !=false; i++)

{

rng.collapse (false);

}

spanFound.innerHTML="<span style='font-weight: bold; color: #ff0000'>Найдено "+ i +" вхождений слова:</span>";

if( i != 0)

{

search.innerHTML= '<button' + ' style= "width:100; text-align:center" ' +

' onclick= "findme(txtToFind.value) ">Поиск ' +

'</button> &nbsp; ' +

'<button style="width:100; text-align:center" ' +

' onclick= "move(txtToFind.value) ">Перейти</button>'

}

}

function move(cValue)

{

var rng=document.body.createTextRange();

if ( rng.findText(cValue) == true)

{ rng.select();

rng.scrollIntoView(); }

}

</script>

Состоит из 2-х процедур, первая ищет в данном HTML-документе слово, при его нахождении в форме выводится сообщение «Найдено 1 вхождение слова». Вторая осуществляет переход к найденному слову посредством нажатия на кнопке «Перейти» и выделяет его инвертированной подсветкой. Описание работы с поисковой формой смотри в Глава 4 «Работа с учебником»/«Работа с поисковой формой».

Слой с поисковой формой:

<div id="Layer1" align="center">

<table border="0" width="550" cellspacing="0" cellpadding="0" bgcolor="fffff5">

<tr>

<td valign="top" align="left" bgcolor="#1b0279" height="" width="25">

<img src="../../Images/LUC.gif" width="25" height="25" hspace="0" vspace="0" border="0" align="left" alt="">

</td>

<td bgcolor="#1b0279" align="center" height="220" width="500">

<div align="justify"><font color="#fffff5" face="Times" size="3">

<ol>

<li>Для начала поиска следует в поле ввести искомое слово...

<li>Нажать Поиск.

<li>При нахождении указанного вами слова, нажмите Перейти.

</ol>

</font></div>

<p> <span id="spanFound"></span>

<p><input type=text id=txtToFind value=" " style="width: 200">

<p><span id="search">

<p><button style="width: 100; text-align: center" onclick="findme(txtToFind.value)">Поиск</button></span>

</td>

<td valign="bottom" align="right" bgcolor="#1b0279" height="" width="25">

<img src="../../Images/RDC.gif" width="25" height="25" hspace="0" vspace="0" border="0" alt="" align="right">

</td>

</tr>

</table>

</div>

Поисковая форма представляет собой таблицу, в которой находится поле для ввода искомого слова и кнопка «Поиск». По нажатию, на которую выполняется событие onclick, управление передаётся на процедуру txtToFind.value Java-скрипта описанного выше.

Создание регистрационной формы

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

Данный модуль выполнен на Java-скрипте и позволяет сохранить информацию из текстовых полей регистрационной формы в отдельном файле формата HTML.

<Script Language="JavaScript">

var fso, f;

function add()

{

today = new Date();

var tim = today.getMonth()+1 + "_" + today.getDate() + "_" + today.getYear()+" "+ today.getHours() + "_" + today.getMinutes() + '_'+ today.getSeconds();

fso = new ActiveXObject("Scripting.fileSystemObject");

f = fso.CreateTextFile("c:\\Program Files\\Компьютерные сети\\Pages\\Registration\\Regfile"+"_"+tim+".htm",true);

f.WriteLine("---------" + " " +tim +" "+ "---------");

f.WriteLine("Name:" + " " + name1.value);

f.WriteLine("Surname:"+ " "+ surname.value);

f.WriteLine("Group:"+" "+ group.value);

f.WriteLine(text1.value);

f.WriteLine("----------------" + " End " + "---------------");

f.close();

}

function reset()

{

name1.value=""

surname.value=""

group.value=""

text1.value=""

}

</script>

Регистрационная форма представляет собой таблицу, содержащую поля для ввода имени, фамилии, группы и поля для примечаний, а также кнопки «Зарегистрироваться» и «Очистить» (смотри рис. 2.3). Описание работы с регистрационной формой смотри «Работа с учебником»/«Работа с регистрационной формой».

<div align="center">

<table border="0" width="550" cellspacing="0" cellpadding="0" bgcolor="fffff5">

<tr><td valign="top" align="left" bgcolor="#1b0279" height="" width="25">

<img src="../../Images/LUC.gif" width="25" height="25" hspace="0" vspace="0" border="0" align="left" alt="">

</td><td bgcolor="#1b0279" align="center" height="400" width="500">

<div align="justify"><font color="#fffff5" face="Times" size="3">

<ol>

<li>Для регистрации заполните поля формы на русском языке.

<li>Нажмите Зарегистрироваться.

</ol></font></div>

<table border="1" width="400" cellpadding="0" cellspacing="0">

<tr><td align="center"><b><font color="#fffff5" face="Times" size="3">Имя: </font></b> </td>

<td><input name="name1" style="WIDTH: 322px; HEIGHT: 22px"></td></tr>

<tr><td align="center"><b><font color="#fffff5" face="Times" size="3">Фамилия: </font></b></td>

<td><input name="surname" style="WIDTH: 322px; HEIGHT: 22px"></td></tr>

<tr><td align="center"><b><font color="#fffff5" face="Times" size="3">Группа: </font></b></td>

<td><input name="group" style="WIDTH: 322px; HEIGHT: 22px"></td></tr>

<tr><td align="center"><b><font color="#fffff5" face="Times" size="3">Комментарии: </font></b></td>

<td><TEXTAREA style="WIDTH: 322px; HEIGHT: 166px" name=text1 rows=10 cols=40></TEXTAREA></td></tr>

<tr><td align="center" colspan="2">

<input type="button" value="Зарегистрироваться" name="add" onClick=add()><input type="button" value="Очистить" name="Reset" onClick=reset() >

</td></tr></table>

</td>

<td valign="bottom" align="right" bgcolor="#1b0279" height="" width="25">

<img src="../../Images/RDC.gif" width="25" height="25" hspace="0" vspace="0" border="0" alt="" align="right">

</td></tr></table></div>

Файл регистрации сохраняется на жёстком диске компьютера по адресу: С:\\Program Files\Компьютерные сети\Pages\Registration\имя файла.html. Имя файла представляет собой слово Regfile плюс дата и время регистрации в формате: _5_13_2014 16_53_45. Содержимое файла регистрации выглядит так:

--------- 5_13_2014 16_53_45 ---------

Name: Равиль

Surname: Ахтямов

Group: ИС-11р

---------------- End ---------------

Рисунок 2.3 - Отображение регистрационной формы в броузере

К слову «Регистрация» был применён визуальный фильтр DynamicHTML Light() (смотри рис. 2.4), который освещает определённое место точечным источником света. Для применения данного фильтра потребовалось создание следующего сценария на Visual Basic Script, который определяет область и интенсивность освещения:

<SCRIPT LANGUAGE="VBScript">

<!--

Sub doLight()

call document.all.divLight.filters.Light(0).addPoint(60,10,100,255,255,255,1000)

call divLight.filters.Light(0).addAmbient(0,0,255,60)

End Sub

-->

</SCRIPT>

Для того чтобы фильтр сработал к нему необходимо обратиться, что сделано, с использованием события onload, из тела документа, которое срабатывает при загрузке или обновлении HTML-страницы. Событие передаёт управление на процедуру doLight() скрипта, которая и освещает слово «Регистрация».

<body bgcolor="#fffff5" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0" text="#000000" OnLoad="doLight()">

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

<DIV ID="divLight" STYLE="FILTER: Light(0); FONT: bold 30pt Times; WIDTH: 350px; COLOR: #f0f0f0; HEIGHT: 30px; TEXT-ALIGN: center">Регистрация</DIV>

Рисунок 2.4 - Действие визуального фильтра Light() DHTML

Создание гостевой книги

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

<Script Language="JavaScript">

var fso, f;

function add()

{

today = new Date();

var tim = today.getMonth()+1 + "_" + today.getDate() + "_" + today.getYear()+" "+ today.getHours() + "_" + today.getMinutes() + '_'+ today.getSeconds();

fso = new ActiveXObject("Scripting.fileSystemObject");

f = fso.CreateTextFile("c:\\Program Files\\Компьютерные сети\\Pages\\Guestbook\\Guestfile"+"_"+tim+".htm",true);

f.WriteLine("---------" + " " +tim +" "+ "---------");

f.WriteLine("Name:" + " " + name1.value);

f.WriteLine("Fax:"+ " "+ tel1.value);

f.WriteLine("Tel:"+" "+fax1.value);

f.WriteLine("E-mail:"+" "+ e11.value);

f.WriteLine(text1.value);

f.WriteLine("----------------" + " End " + "---------------");

f.close();

}

function reset()

{

name1.value=""

tel1.value=""

fax1.value=""

e11.value=""

text1.value=""

}

</script>

Результатом действия данного сценария является занесения данных из текстовых полей формы в HTML-файл. Гостевая форма представляет собой таблицу, содержащую поля для ввода имени, факса, телефона, адреса электронной почты и поля для примечаний, а также кнопки «Добавить» и «Очистить» (смотри рис. 2.3). Описание работы с гостевой книгой «Работа с учебником»/«Работа с гостевой книгой».

<div align="center">

<table border="0" width="550" cellspacing="0" cellpadding="0" bgcolor="fffff5">

<tr><td valign="top" align="left" bgcolor="#1b0279" height="" width="25">

<img src="../../Images/LUC.gif" width="25" height="25" hspace="0" vspace="0" border="0" align="left" alt=""></td>

<td bgcolor="#1b0279" align="center" height="500" width="500">

<div align="justify"><font color="#fffff5" face="Times" size="3">

<ol>

<li>Для того, чтобы оставить свои отзывы, пожелания, предложения заполните поля формы.

<li>Нажмите Добавить.

</ol></font></div>

<table border="1" width="400" cellpadding="0" cellspacing="0"><tr>

<td align="center"><b><font color="#fffff5" face="Times" size="3">Имя:</font></b> </td>

<td><input name="name1" style="WIDTH: 322px; HEIGHT: 22px"></td></tr>

<tr><td align="center"><b><font color="#fffff5" face="Times" size="3">Факс: </font></b></td>

<td><input name="tel1" style="WIDTH: 322px; HEIGHT: 22px"></td></tr>

<tr><td align="center"><b><font color="#fffff5" face="Times" size="3">Телефон: </font></b></td>

<td><input name="fax1" style="WIDTH: 322px; HEIGHT: 22px"></td></tr>

<tr><td align="center"><b><font color="#fffff5" face="Times" size="3">E-mail: </font></b> </td>

<td><input name="e11" style="WIDTH: 322px; HEIGHT: 22px"></td></tr>

<tr><td align="center"><b><font color="#fffff5" face="Times" size="3">Комментарии: </font></b></td>

<td><TEXTAREA style="WIDTH: 322px; HEIGHT: 166px" name=text1 rows=10 cols=40></TEXTAREA></td></tr>

<tr><td align="center" colspan="2">

<input type="button" value="Добавить" name="add" onClick=add()><input type="button" value="Очистить" name="Reset" onClick=reset() ></td></tr></table>

</td><td valign="bottom" align="right" bgcolor="#1b0279" height="" width="25">

<img src="../../Images/RDC.gif" width="25" height="25" hspace="0" vspace="0" border="0" alt="" align="right"></td></tr></table></div>

</td></tr></table></div>

Файл регистрации сохраняется на жёстком диске компьютера по адресу: С:\\Program Files\Компьютерные сети\Pages\Guestbook\имя файла.html. Имя файла представляет собой слово Guestfile плюс дата и время регистрации в формате: _5_17_2014 16_40_05. Содержимое файла регистрации выглядит так:

--------- 5_17_2014 16_40_05 ---------

Name: Равиль

Fax:

Tel: 87755552515

E-mail: rav_ach@mail.ru

Моя гостевая информация

---------------- End ---------------

Рисунок 2.5 - Вид гостевой формы в браузере

Создание меню навигации (оглавления)

В любом традиционном учебнике немаловажную роль в процессе обучения играет оглавление. Оно позволяет быстро найти интересующий раздел учебника, просмотреть какие параграфы составляют искомый материал. Пролистать глоссарий, посмотрев раскрытие смысла термина, обратиться к списку литературы в поиске дополнительного материала и так далее. Всё это, но в более удобном для обучаемого виде доступно и в предлагаемом электронном учебнике. Гипертекстовые технологии позволяет организовать оглавление различными способами, но в поиске наиболее функционального и наглядного я остановился на реализации меню навигации по учебнику, т.е. оглавления, в виде Java-апплета. Данный апплет позволяет просмотреть все ссылки на страницы учебника, выбрав искомый раздел, посмотреть в развёрнутом виде список глав составляющих этот раздел. Выбрав нужную главу, посмотреть список параграфов составляющих эту главу. Таким образом, разворачивание или сворачивание списков разделов и глав уподобляется листанию страниц содержания в традиционной книге (оглавление в свёрнутом виде смотри на рис. 2.5). Описание работы с оглавлением смотри «Работа с учебником»/«Работа с оглавлением».

Java-апплет состоит из элемента Applet языка HTML встраивающего Java-апплет в HTML-документ и классов языка Java использующихся апплетом. Ниже перечисленные классы используются апплетом, и должны находится в директории, в которой находится HTML-страница содержащая апплет:

- AMenuItem.class

- DropDownMenu.class

Первый класс отвечает за выделение и выбор пункта меню, второй за сворачивание и разворачивание списка меню. Описание апплета на языке HTML приведено ниже.

<applet code="DropDownMenu.class" width="550" height="510">

<param name="ROOT" value="Menu; STATE=EXPANDED;">

<param name="SITEMAP" value="

Введение{

Общие принципы построения вычислительных сетей;

URL=Pages/Index/Общие принципы построения вычислительных сетей.html|

Локальные и глобальные сети;

URL=Pages/Index/Локальные и глобальные сети.html|

Требования, предъявляемые к современным вычислительным сетям;

URL=Pages/Index/Требования, предъявляемые к современным вычислительным сетям.html|

Ethernet - пример стандартного решения сетевых проблем;

URL=Pages/Index/Ethernet-пример стандартного решения сетевых проблем.html|

Логическая структуризация сети спомощью мостов и коммутаторов;

URL=Pages/Index/Логическая структуризация сети спомощью мостов и коммутаторов.html

}

Оборудование{

Сетевые адаптеры{

Извините, но этот раздел ещё не готов

}

Мосты{

Извините, но этот раздел ещё не готов

}

Концентраторы{

Извините, но этот раздел ещё не готов

}

Коммутаторы{

Глава1 - Тенденция вытеснения концентраторов и маршрутизаторов коммутаторами;URL=Pages/Switches/GLAVA_1.html|

Глава2 - Методы коммутации;URL=Pages/Switches/GLAVA_2_2.html|

Глава3 - Технологии коммутации кадров (frame switching) в локальных сетях{

Технологии коммутации кадров (frame switching) в локальных сетях;

URL=Pages/Switches/GLAVA_2.html|

Ограничения традиционных технологий; URL=Pages/Switches/GLAVA_2.html#_2_1|

Локальные мосты - предшественники коммутаторов; URL=Pages/Switches/GLAVA_3.html#_2_2|

Принципы коммутации сегментов и узлов локальных сетей; URL=Pages/Switches/GLAVA_4.html#_2_3|

Полнодуплексные протоколы локальных сетей; URL=Pages/Switches/GLAVA_5.html#_2_4

}

Глава4 - ATM-коммутация; URL=Pages/Switches/GLAVA_6.html|

Глава5 - Особенности коммутаторов локальных сетей{

Ограничения мостов и коммутаторов; URL=Pages/Switches/GLAVA_7_1.html|

Техническая реализация коммутаторов; URL=Pages/Switches/GLAVA_7.html#_4_1|

Коммутаторы на основе коммутационной матрицы; URL=Pages/Switches/GLAVA_7.html#_4_1_1|

Коммутаторы с общей шиной; URL=Pages/Switches/GLAVA_7.html#_4_1_2|

Коммутаторы с разделяемой памятью; URL=Pages/Switches/GLAVA_7.html#_4_1_3|

Комбинированные коммутаторы; URL=Pages/Switches/GLAVA_7.html#_4_1_4|

Модульные и стековые коммутаторы; URL=Pages/Switches/GLAVA_7.html#_4_1_5

}

Глава6 - Характеристики производительности коммутаторов{

Характеристики производительности коммутаторов; URL=Pages/Switches/GLAVA_8.html|

Скорость фильтрации и скорость продвижения; URL=Pages/Switches/GLAVA_8.html#_4_2_1|

Оценка необходимой общей производительности коммутатора; URL=Pages/Switches/GLAVA_8.html#_4_2_2|

Размер адресной таблицы; URL=Pages/Switches/GLAVA_8.html#_4_2_3|

Объем буфера кадра;

URL=Pages/Switches/GLAVA_8.html#_4_2_4

}

Глава7 - Дополнительные возможности коммутаторов{

Дополнительные возможности коммутаторов; URL=Pages/Switches/GLAVA_9.html|

Трансляция протоколов канального уровня; URL=Pages/Switches/GLAVA_9.html#_1|

Поддержка алгоритма Spanning Tree; URL=Pages/Switches/GLAVA_9.html#_2|

Приоритетная обработка кадров; URL=Pages/Switches/GLAVA_9.html#_3|

Возможности коммутаторов по фильтрации трафика; URL=Pages/Switches/GLAVA_9.html#_4|

Коммутация 'на лету' или с буферизацией; URL=Pages/Switches/GLAVA_9.html#_5|

Виртуальные локальные сети;

URL=Pages/Switches/GLAVA_9_1.html

}

Глава8 - Мониторинг локальных сетей на основе коммутаторов;

URL=Pages/Switches/GLAVA_10.html|

Глава9 - Типовые схемы применения коммутаторов в локальных сетях{

Коммутатор или концентратор?; URL=Pages/Switches/GLAVA_11.html#_6_1|

Коммутатор или маршрутизатор?; URL=Pages/Switches/GLAVA_12.html#_6_2|

Стянутая в точку магистраль на коммутаторе; URL=Pages/Switches/GLAVA_13.html#_6_3|

Распределенная магистраль на коммутаторах; URL=Pages/Switches/GLAVA_14.html#_6_4

}

Глава10 - Обзор моделей коммутаторов{

Обзор моделей коммутаторов;

URL=Pages/Switches/GLAVA_15.html|

Коммутаторы Catalyst компании Cisco Systems; URL=Pages/Switches/GLAVA_16.html#_7_1|

Коммутатор EliteSwitch ES/1 компании SMC; URL=Pages/Switches/GLAVA_17.html#_7_2|

Коммутаторы локальных сетей компании 3Com; URL=Pages/Switches/GLAVA_18.html#_7_3|

Примеры АТМ-коммутаторов для локальных сетей{

Коммутаторы CELLplex компании 3Com; URL=Pages/Switches/GLAVA_19.html#_7_4_1|

Коммутаторы технологии ATM LattisCell и EtherCell компании Bay Networks;

URL=Pages/Switches/GLAVA_19.html#_7_4_2|

Коммутатор LightStream 1010 компании Cisco; URL=Pages/Switches/GLAVA_19.html#_7_4_3

}

Глава11 - Тестовые испытания коммутаторов; URL=Pages/Switches/GLAVA_20.html

}

Глоссарий{

Цифровые термины;

URL=Pages/Glossariy/Digit.html|

A;URL=Pages/Glossariy/A.html|

B;URL=Pages/Glossariy/B.html|

C;URL=Pages/Glossariy/C.html|

D;URL=Pages/Glossariy/D.html|

E;URL=Pages/Glossariy/E.html|

F-H;URL=Pages/Glossariy/F-H.html|

I;URL=Pages/Glossariy/I.html|

J-L;URL=Pages/Glossariy/J-L.html|

M;URL=Pages/Glossariy/M.html|

N;URL=Pages/Glossariy/N.html|

O-Q;URL=Pages/Glossariy/O-Q.html|

R;URL=Pages/Glossariy/R.html|

S;URL=Pages/Glossariy/S.html|

T;URL=Pages/Glossariy/T.html|

U-X;URL=Pages/Glossariy/U-X.html

}

Контрольные вопросы;URL=Pages/Index/Вопросы.html|

Заключение;URL=Pages/Index/Заключение.html|

Литература;URL=Pages/Index/Литература.html|

Гостевая книга;URL=Pages/Index/Guestbook.html

}

">

<param name="STYLE" value="3D">

<param name="FONTFACE" value="Times">

<param name="FONTSIZE" value="12">

<param name="FONTSTYLE" value="bold">

<param name="BACKGROUND_IMAGE" value="">

<param name="BACKGROUND_COLOR" value="fffff5">

<param name="FONT_COLOR" value="000000">

<param name="HIGHLIGHT_COLOR" value="000000">

<param name="TRIANGLE_UP_COLOR" value="0000f0">

<param name="TRIANGLE_DOWN_COLOR" value="00d0d0">

<param name="TRIANGLE_OFFSET" value="5">

<param name="TRIANGLE_WIDTH" value="10">

<param name="BGIMAGE_ALIGN" value="center">

<param name="BGIMAGE_VALIGN" value="middle">

</applet>

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

Рисунок 2.6 - Отображение оглавления в свёрнутом виде в окне броузера

Структура web-приложения электронного учебника приведена на рисунке 2.6.

Рисунок 2.7 - Структура web-приложения

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

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

Взаимодействие обучаемого с обучающей программой позволяет:

- получить информацию об исходном уровне подготовки обучаемого;

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

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

- оценить достигнутый уровень подготовки.

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

- на основе стандартных элементов управления (кнопок, меню, списков и т. д.);

- на основе механизма гипертекстовых ссылок;

- прямое манипулирование объектами (технология drag-and-drop).

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

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

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

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

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

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

Рассмотрим теперь описанные нами шаги на конкретном примере:

Шаг 1 - Создание формы

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

<html>

<head><title>Test Form</title></head>

<body>

<form method=post action="/cgi-bin/5.pl">

<b>Введите Ваше имя: </b>

<input name="user_name" value="" size=20><hr><br>

<input type="submit" value="Зарегистрировать"><hr>

</form></body>

</html>

Рисунок 2.7 - Пример формы

Сохраните файл на диске.

Шаг 2 - Создание скрипта

Предложенный ниже скрипт берет введенные данные, сохраняет их в файле и показывает сообщение, содержащее ссылку на файл с сохраненным именем. Наберите в редакторе тект программы и сохраните в файле testform.pl в каталоге cgi-bin вашего web-сервера. Убедитесь, что первая строка программы содержит правильный путь к программе-интерпретатору (для определения местоположения программы на UNIX воспользуйтесь командой which perl, под Windows выполните поиск файла perl.exe). Убедитесь также, что путь к выходному файлу является корректным путем к области хранения документов web-сервера.

#!C:\perl\perl.exe

read(STDIN, $buffer, $ENV{'CONTENT_LENGTH'});

@pairs = split(/&/, $buffer);

foreach $pair (@pairs) {

($name, $value) = split(/=/, $pair);

$value =~ tr/+/ /;

$value =~ s/%([a-fA-F0-9][a-fA-F0-9])/pack("C", hex($1))/eg;

$value =~ s/<!--(.|\n)*-->//g;

$input{$name} = $value;

}

# запись в файл Zap.html

$newfile="/Program Files/Apache Group/Apache2/htdocs/Zap.html";

open (NAMEFILE, ">>$newfile");

print NAMEFILE "<h3>Имя: ",$input{'user_name'},"</h3>\n";

print NAMEFILE "<p><hr><p>\n";

close (NAMEFILE);

print "Content-Type: text/html\n\n";

print "<h3>Спасибо, что заполнили форму</h3>\nНажмите ";

print '<a href="http://127.0.0.1/Zap.html">сюда</a>';

print ", чтобы увидеть введенные данные\n";

Шаг 3 - Тестирование скрипта

Проверив скрипт визуально на наличие ошибок - отсутствие ";" в конце строк, наличие непарных скобок и кавычек и т.п., запустите скрипт для проверки.

Шаг 4 - Тестирование скрипта с формой

Если скрипт работает сам по себе, вы можете оттестировать его с формой

1. Убедитесь, что web-сервер запущен.

2. Запустите ваш браузер.

3. Наберите URL по которому находится ваша форма (обратите внимание, что строка должна начинаться с http://, а не с file://.

4. Введите ваше имя в поле формы и нажмите кнопку "Зарегистрировать".

5. Вы должны увидеть сообщение вроде этого:

Спасибо, что заполнили форму

Нажмите сюда, чтобы увидеть введенные данные

Это и есть страница, сгенерированная скриптом "на лету". Если вы получили обобщение об ошибке сервера, проверьте правильность расположения" скрипта и правильность значения параметра action в тэге form.

6. Если вы видите правильно cгенерированную страницу, нажмите на ссылку. Вы должны будете увидеть новую страницу, созданную скриптом примерно в таком виде:

Имя: Имя

Если вы не видите этого, проверьте правильность пути в переменной $Stargetfile и правильность URL в предпоследней строке скрипта. В противном случае форма и скрипт правильно работают вместе. Вы успешно создали web-приложение.

Далее мы рассмотрим важные части созданного нами скрипта более подробно.

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

read(STDIN, $buffer, $ENV{'CONTENT_LENGTH'});

Эта строка читает данные со стандартного входа и помещает их в переменную $buffer. Длина строки передается скрипту через переменную окружения CONTENT_LENGTH.

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

@pairs = split(/&/, $buffer);

Теперь мы получили массив @pairs со следующими строковыми переменными.

Теперь нам необходимо разбить эти строки на пары параметр-значение:

foreach $pair (@pairs) {

($name, $value) = split(/=/, $pair);

$value =~ tr/+/ /;

$value =~ s/%([a-fA-F0-9][a-fA-F0-9])/pack("C", hex($1))/eg;

$value =~ s/<!--(.|\n)*-->//g;

$input{$name} = $value;

}

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

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

Запись в файлы

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

Функция открытия файла выглядит следующим образом:

open (HANDLE,"name"); # открыть файл для чтения

open (HANDLE,">name"); # открыть файл для записи

open (HANDLE,">>name"); # открыть файл для добавления в конец записей

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

print HANDLE "Этот текст будет помещен в файл как есть.\n";

print HANDLE "В этом случае переменная ",$variable," будет - помещена в текст.";

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

close (HANDLE);

После этого все записанные данные будут сохранены на диск.

Обратите внимание: функция close должна располагаться как можно ближе к последней функции записи в файл. Это обусловлено тем, что web-сервер выполняется в многопользовательской среде, и скрипт может запускаться одновременно несколькими пользователями. При открытии файла на запись он (файл) блокируется и другие экземпляры скрипта не смогут его открыть, что вызовет задержку в выполнении запроса.

Заключение

информационный электронный учебник программный

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

В данном дипломном проекте передо мной были поставлены следующие цели:

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

- провести анализ теоретического материала предлагаемого к компьютерной реализации с целью определения его пригодности к подобной реализации и степень ее эффективности;

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

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

Для достижения поставленных целей и решения предложенной задачи мною, была проделана следующая работа:

- рассмотрено современная ситуация в процессе компьютеризации нашего общества и конкретно процесса образования в высшей школе;

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

- выделены основные условия успешного применения средств НИТ в учебном процессе;

...