Электронный конспект лекций по курсу МСКИТ

Курсовая работа

по дисциплине "Методы и средства компьютерных информационных технологий"

Тема "Электронный конспект лекций по курсу МСКИТ"















	

	

	

	

	



	Одесса 2010

		
Аннотация



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

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

	

	Анотацiя

	

	Дисципліна "Методи та засоби комп’ютерних інформаційних технологій" є однією з базових дисциплін спеціальної та практичної підготовки бакалавра з напрямку "Комп’ютерні науки".

Важливе значення надається умінню застосовувати одержані знання для розв’язання практичних задач. Курсова робота з дисципліни "Методи та засоби комп’ютерних інформаційних технологій" закріплює знання основних теоретичних положень та сприяє набуттю практичних навичок у використанні сучасних інформаційних технологій.

	

	
Содержание

	

	Введение

	1. HTML

	2. Технология CSS

	3. Язык JavaScript

	4. Браузеры

	5. Руководство пользователя

	6. Руководство преподавателя

	Выводы

	Литература

	Листинг

	

	
Введение

	

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

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

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

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

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




1. HTML



HTML (Hyper Text Markup Language) означает язык разметки гипертекста. Этот язык был разработан Тимом Бернерсом-Ли в рамках создания проекта распределенной гипертекстовой системы, которую он назвал World Wide Web (WWW) или Всемирная паутина. HTML предназначен для написания гипертекстовых документов, публикуемых в World Wide Web. Документ на языке HTML может включать следующие компоненты:

стилизованный и форматированный текст,

команды включения графических и звуковых файлов,

гиперсвязи с различными ресурсами Internet.

скрипты на языке JavaScript и VBScript.

различные объекты, например Flash-анимацию

Документы HTML являются обычными текстовыми файлами, содержащими специальные теги (или управляющие элементы) разметки. Теги разметки указывают браузеру Web (программе пользователя для отображения web-страниц, например, Internet Explorer, Mozilla, Netscape или Opera), как надо вывести страницу. Файлы HTML обычно имеют расширения htm или html. Их можно создавать при помощи любого текстового редактора.

Язык HTML является подмножеством мощного языка SGML (Standard Generalized Markup Language), который широко используется в издательской деятельности. Основной выигрыш от использования этих языков состоит в переносимости текста между разными издательскими системами. Эта же особенность сохраняется и в HTML. Так, читая документ, пользователи могут устанавливать способы выделения текста, гарнитуру и размер шрифтов по своему вкусу; они могут отменить просмотр рисунков. В документе HTML можно выделить два основных блока: головная часть и тело документа. Содержимое головной части не выводится на экран пользователя, за исключением заголовка, в ней, как правило, указывают ключевые слова, авторов и другую служебную информацию, а также подключают внешние таблицы стилей и скрипты. В теле документа размещают ту информацию, которая будет выведена пользователю. HTML является описательным языком разметки документов, в нем используются указатели разметки (теги). Теговая модель описывает документ как совокупность контейнеров, каждый из которых начинается и заканчивается тегами, то есть документ НТМL представляет собой не что иное, как обычный АSСII-файл, с добавленными в него управляющими НТМL-кодами (тегами). Поскольку HTML произошел от SGML, в нем разрешено использовать только три управляющих символа: горизонтальную табуляцию, перевод каретки и перевод строки. Теги НТМL-документов в большинстве своем просты и понятны, ибо они образованы с помощью общеупотребительных слов английского языка, понятных сокращений и обозначений. НТМL-тег состоит из имени, за которым может следовать необязательный список атрибутов тега.



2. Технология CSS



Дизайн Web-узлов — это точное размещение компонентов HTML-страниц относительно друг друга в рабочей области окна браузера. Недостатки такого определения Web-дизайна очевидны. В нем не учтены ни цвет, ни форма, ни другие свойства компонентов HTML-страниц. Главное в этом определении — показать ограниченность возможностей HTML-разметки. К компонентам страницы относятся: блоки текста, графика и встроенные приложения. Размер и границы каждого из этих компонентов в рамках HTML-разметки задаются с разной степенью точности. Размер графики и приложений можно задать с точностью до пиксела. Размеры текстовых блоков в HTML задать нельзя: они вычисляются браузером исходя из относительного размера шрифта по умолчанию. Автор страницы не может заранее определить настройки браузера пользователя, что существенно ограничивает число вариантов представления информации на странице. Нельзя сказать, что разработчики браузеров не пытались изменить данную ситуацию. В ранних версиях браузеров CERN для платформы NEXT и в браузерах WWWC автор страницы имел возможность переопределять настройки браузера по умолчанию через HTML-разметку. Но этот подход не получил продолжения в коммерческих продуктах. Другой способ управления настройками браузера — программирование на JavaScript. Бурное развитие этого языка позволяет говорить о возможности полного контроля над процессом отображения HTML-страниц. Недостаток JavaScript — отказ от декларативного характера разметки и относительно большой объем кода для переопределения свойств элементов разметки. Спецификация CSS позволяет остаться в рамках декларативного характера разметки страницы и полностью контролировать форму представления элементов HTML-разметки. Каскадные таблицы стилей призваны разрешить противоречие между точностью определения размеров картинок и приложений, с одной стороны, и точностью определения размеров блоков текста и его начертания — с другой. Таблицы стилей также позволяют определить цвет и начертание текстового фрагмента, изменять эти параметры внутри текстового блока, выполнять выравнивание текстового блока относительно других блоков и компонентов страницы. Наличие подобных возможностей позволяет говорить о CSS как о средстве разделения логической структуры документа и формы его представления. Логическая структура документа определяется элементами HTML-разметки, в то время как форма представления каждого из этих элементов задается CSS-описателем элемента. CSS позволяет полностью переопределить форму представления элемента разметки по умолчанию.



3. Язык JavaScript



Гипертекстовая информационная система состоит из множества информационных узлов, множества гипертекстовых связей, определенных на этих узлах и инструментах манипулирования узлами и связями. Технология World Wide Web — это технология ведения гипертекстовых распределенных систем в Internet, и, следовательно, она должна соответствовать общему определению таких систем. Это означает, что все перечисленные выше компоненты гипертекстовой системы должны быть и в Web. Web как гипертекстовую систему можно рассматривать с двух точек зрения. Во-первых, как совокупность отображаемых страниц, связанных гипертекстовыми переходами (ссылками — контейнер <A>). Во-вторых, как множество элементарных информационных объектов, составляющих отображаемые страницы (текст, графика, мобильный код и т.п.). В последнем случае множество гипертекстовых переходов страницы — это такой же информационный фрагмент, как и встроенная в текст картинка. При втором подходе гипертекстовая сеть определяется на множестве элементарных информационных объектов самими HTML-страницами, которые и играют роль гипертекстовых связей. Этот подход более продуктивен с точки зрения построения отображаемых страниц "на лету" из готовых компонентов. При генерации страниц в Web возникает дилемма, связанная с архитектурой "клиент-сервер". Страницы можно генерировать как на стороне клиента, так и на стороне сервера. В 1995 году специалисты компании Netscape создали механизм управления страницами на клиентской стороне, разработав язык программирования JavaScript. Таким образом, JavaScript — это язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента. Если быть более точным, то JavaScript — это не только язык программирования на стороне клиента. Liveware, прародитель JavaScript, является средством подстановок на стороне сервера Netscape. Однако наибольшую популярность JavaScript обеспечило программирование на стороне клиента. Основная идея JavaScript состоит в возможности изменения значений атрибутов HTML-контейнеров и свойств среды отображения в процессе просмотра HTML-страницы пользователем. При этом перезагрузки страницы не происходит. На практике это выражается в том, что можно, например, изменить цвет фона страницы или интегрированную в документ картинку, открыть новое окно или выдать предупреждение. Название "JavaScript" является зарегистрированным товарным знаком компании Sun Microsystems. Реализация языка, осуществленная разработчиками Microsoft, официально называется JScript. Версии JScript совместимы (если быть совсем точным, то не до конца) с соответствующими версиями JavaScript, т.е. JavaScript является подмножеством языка JScript. В данный момент JavaScript полностью занимает нишу браузерных языков. На синтаксис JavaScript оказал влияние язык Java, откуда и произошло название JavaScript; как и Java, язык JavaScript является объектным. Однако на этом их связь заканчивается: Java и JavaScript — это разные языки, ни один не является подмножеством другого. Стандартизация языка была инициирована компанией Netscape и осуществляется ассоциацией ECMA (European Computer Manufacturers Association — Ассоциация европейских производителей компьютеров). Стандартизированная версия имеет название ECMAScript и описывается стандартом ECMA-262. Первая версия стандарта (принята в 1997 г.) примерно соответствовала JavaScript 1.1. В 2008 г вышла уже третья редакция стандарта (принята в декабре 1999 г), включающая мощные регулярные выражения, улучшенную поддержку строк, новые управляющие конструкции, обработку исключений try/catch, конкретизированное определение ошибок, форматирование при численном выводе и другие изменения. Ведется работа над расширениями и четвертой редакцией стандарта.



4. Браузеры



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

Браузер позволяет пользователю быстро и легко получить доступ к множеству веб-страниц на множестве веб-сайтов переходя по ссылкам. Большинство браузеров также наделены способностями к просмотру оглавления FTP-серверов. Браузеры постоянно развивались со времен зарождения Всемирной паутины, и с ее ростом становились все более важной программой типичного персонального компьютера. Сегодня браузер - комплексное приложение для обработки и вывода разных составляющих веб-страницы, и для предоставления интерфейса между веб-сайтом и его посетителем. Стоит отметить, что электронный конспект, написанный в данной курсовой работе, оптимизирован под самые извесные на сегодня браузеры: Internet Explorer, Opera, Firefox.



5. Руководство пользователя



Основное предназначение конспекта – дистанционное обучение студентов по дисциплине МСКиТ. Начальная веб-страница запускается с помощью файла index.html (рис. 5.1).





Рис. 5.1. Начальная страница


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





Рис. 5.2. Просмотр списка лекций по теме



Тут можно выбрать нужную тему (рис. 5.3) либо пройти самоконтроль по уже пройденной (рис. 5.4).





Рис. 5.3. Просмотр лекции






Рис. 5.4. Самоконтроль



При выборе пункта меню "Лабораторные работы", а в нем подпункта – соответствующей лабораторной, пользователь переходит на страницы с примерами выполненых лабораторных работ (рис. 5.5).





Рис. 5.5. Лабораторные работы



При выборе пункта меню "Примеры выполнения лабораторных работ" открывается окно:








Далее открывается сам пример лабораторной работы:







	6. Руководство преподавателя

	

Для того чтобы изменить главную страницу необходимо: открыть в любом html –редакторе(или же в блокноте, либо в Visual Studio) файл с названием Anime.html(мы увидим весь код этой страницы). Рассмотрим все возможные изменения которые можно произвести на странице:

	1) Для того чтобы изменить бегущую строку приветствия необходимо ввести нужный тест в строке:

	
var news = ["Добропожаловать!!! На этой странице Вы имеете возможность ознакомиться с лекциями,лабораторными работами и прочим , по дисциплине 'Методы и средства компьютерных информационных технологий'"];

	

	2) Чтобы изменить в меню пункт "лекции" необходимо указать название вместо слова красного цвета,вместо синего цвета необходимую html –страницу, а желтым цветом название ссылки. В title записывается подсказка, она будет показана при наведении на название желтого цвета.

	

	<div id="mi0">

	<h3 onmousedown="accordeon(0)">Лекции</h3><ul id="lister0">

	<li> <a href="lekcii/Lekcia1_Fin.htm" title="лекция №1" target="_self">1.Введение. Роль информационных технологий. </a></li>

	</ul>

	</div>

	

																3) Для изменений в названии дисциплины необходимо исправить текст, находящийся между тегом <h3></h3>.

																

																<h3>Название дисциплины - Методы и средства компьютерных информационных технологий(МСКИТ)</h3>

																

																1) Для изменений информации о преподавателях необходимо исправить текст , находящийся между тегами <h4> , <p>.

																

																<h4>Преподаватели:</h4>

																<p>Николенко А.А.</p>

																

																
2) Для изменения информации о дисциплине необходимо исправить текст находящийся между тегами <h4>,<p>.

																

																<h4>Информация о дисциплине.</h4>

																<p>Кафедра информационных систем </p>

	<h2>№вопроса. Вопрос:</h2>

	<p><input type="checkbox" id="choice41"/> <label for="choice41">Вариант ответа 1</label></p>

	<p><input type="checkbox" id="choice42"/> <label for="choice42">Вариант ответа 2</label></p>

	<p><input type="checkbox"id="choice43" /> <label for="choice43">Вариант ответа 3</label></p>

	<p><input type="checkbox "id="choice44"/> <label for="choice44">Вариант ответа 4</label></p>

	

	Для создания вопроса третьего типа следует редактировать ту же процедуру:

	

	<h2>>№вопроса. Вопрос:</h2>

	<p><input type="text" size="20" maxlength="20" id="text7" /></p>

	

	Теперь рассмотрим редактирование ответов. Для этого воспользуемся функцией showResults().

	Редактирование ответов для теста первого типа:

	

	if(document.getElementById('choice12').checked == true)

	{

	i++;

	}

	
Тут достаточно поменять лишь индекс элемента управления choice, который указывался раньше, при построении вопросов.

	Редактирование ответов для теста второго типа:

	

	if((document.getElementById('choice41').checked == true) &&

	(document.getElementById('choice42').checked == false) &&

	(document.getElementById('choice43').checked == true) &&

	(document.getElementById('choice44').checked == false))

	{

	i++;

	}

	

	Тут необходимо соответствующим вариантам ответа choice присвоить true либо false, в зависимости от правильности.

	Редактирование ответов для теста третьего типа:

	

	if(document.getElementById('textX').value == 'ОТВЕТ')

	{

	i++;

	}

	

	Редактирование функции getHelp() происходит по абсолютной аналогии с рассмотренной выше функцией.

	

	
Выводы

	

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

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

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

	

	
Литература

	

	1. В. Бондарев, Г. Трестер, В. Чернега Цифровая обработка сигналов. Методы и средства. Учебное пособие для вузов – Изд-во Севастополь. Изд-во СевГТУ, 1999 – 398с.

	2. Цифровая обработка сигналов / А.Б. Сергиенко – СПб.: Питер, 2003.– 604с.

	3. В.П. Бабак, В.С.Хандецький, Е.Шрюфер Обробка сигналів.– К.:Либідь,1996.–392с.

	4 . Малла С. Вейвлеты в обработке сигналов / С. Малла. — М.: Мир, 2005. — 671 с.

	5. Короновский А.А., Непрерывный вейвлетный анализ и его приложения / А.А. Короновский, А.Е. Храмов — М. : Физматлит, 2003. — 176 с.

	6. Методы сжатия данных. Раздел 2. Алгоритмы сжатия изображений /Д. Ватолин и др. – 2002, ISBN 5-86404-170-X– http://compression.graphicon.ru/

	

	
Листинг

	

	//Главная страница (index.html)

																<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

																<html xmlns="http://www.w3.org/1999/xhtml">

																<head>

																<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

																<title>МСКИТ</title>

																<style type="text/css">

																#ww {background-color:Blue!important; color: White!important; border:none!important;

																font-size:larger;

																font-family:Arial;}

																<style type="text/css">

																body { background-color:#999999;

																color:#000000;

																font-size:14px;

																font-family:Arial, Helvetica, sans-serif;

																padding-top:0px;

																margin-top:0px;}

																#fhead{background-color: Blue;

																margin-top:15px;

																margin-left:5px;

																margin-right:5px;

																margin-bottom:10px;}

																#fhead2{ height:60px;}

																h3{color:#ffffff;

																background-color:Blue;

																text-align:left;

																font-family:Arial, Helvetica, sans-serif;

																font-weight:200;

																border:1px solid black;

																cursor:pointer;

																padding-left:10px;

																margin-top:3px;

																margin-bottom:3px;}

																h4{color:#ffffff;

																background-color:#000000;

																font-weight:lighter;

																text-align:left;

																font-family:Arial, Helvetica, sans-serif;

																padding-left:30px;

																border:1px solid black;}

																#left{background-color:333333;

																width:300px;

																padding-top:0px;}

																#right{background-color:#333333;

																padding-top:0px;

																margin-right:5px;}

																tableh3{font-weight:200;

																font-family:Arial, Helvetica, sans-serif;

																font-size:16px;}

																td{background-color:#333333;}

																ul{cursor:pointer;

																list-style-type:none;

																margin-left:20px;

																margin-top:10px;

																margin-bottom:10px;

																padding-left:0px;}

																li {font-family:Arial, Helvetica, sans-serif;

																cursor:pointer;

																font-size:16px;

																margin-top:0px;

																margin-bottom:0px;}

																#left a{text-decoration:none;

																color:#FFFFFF;}

																#left a:hover {color:#FFFF00;

																font-weight:800;}

																#right a{text-decoration:none;

																color:#FFFF00;}

																#right a:hover {color:#0000ff;}

																p{color:#FFFFFF;

																text-indent:0em;

																padding-left:30px;

																padding-right:10px;

																padding-top:4px;

																padding-bottom:4px;

																text-align:justify;}

																#scripture{text-align:right;

																font-family:"Times New Roman", Times, serif;}

																span {font-size:14px;

																font-style:italic;

																font-weight:bold;}

																#warning{color:#FF0000;

																text-decoration:underline;

																font-size:20px;

																text-align:center;}

																#inter p{margin-left:20px;

																margin-right:10px;

																margin-top:10px;

																margin-bottom:10px;

																padding-left:10px;

																padding-right:10px;

																font-size:16px;

																color:#FFFFFF;}

																#mi0 ul, #mi1 ul, #mi2 ul, #mi3 ul {display:none;}

																</style>

																</head>

																<body>

																<div id="fhead">

																<div style="height:60px;" title="Menu Variator">&nbsp;

																<form name="newsform"><input type="text" maxlength="1000" size="50" name="runString" id="ww" onmouseover="stoper()" onmouseout="starter()" /></form>

																<script type="text/javascript">

																var news = ['Методы и средства компьютерных информационных технологий'"];

																var str=""

																var content="";

																var count = 0;

																var maxSymbols =document.forms["newsform"].elements["runString"].size;

																function selections(){

																str = news[Math.floor(Math.random()*news.length)];

																}

																selections();

																function runner()

																{

																content += str.charAt(count);

																if (content.length<=maxSymbols){

																document.forms["newsform"].elements["runString"].value = content;

																document.forms["newsform"].elements["runString"].style.textAlign = "right";}

																else{

																content = content.substr(content.length-maxSymbols,content.length);

																document.forms["newsform"].elements["runString"].value = content;

																document.forms["newsform"].elements["runString"].style.textAlign = "right";}

																if (count==str.length)

																{count=0; content=""; selections();}

																else

																{count++;}

																}

																var codeTimer = setInterval("runner()", 150);

																function stoper()

																{

																clearInterval(codeTimer);

																}

																function starter()

																{

																codeTimer = setInterval("runner()", 150)

																}

																</script>

																</div>

																</div>

																<table border="0" width="100%" cellspacing="5">

																<tr><td valign="top" width="200px">

																<div id="left">

																<div id="mi0">

																<h3 onmousedown="accordeon(0)">Лекции</h3><ul id="lister0">

																<li><a href="lekcii/Lekcia1_Fin.htm" title="лекция №1" target="_self">1.Введение. Роль информационных технологий. </a></li>

																<li><a href="lekcii/Lekcia2_Fin.htm" title="лекция №2" target="_self">2.Основы анализа сигналов</a></li>

																<li><a href= "lekcii/Lekcia3_Fin.htm" title="лекция №3" target="_self">3.Преобразование Фурье.Свойства преобразования Фурье.</a></li>

																<li><a href="lekcii/Lekcia4_Fin.htm" title="лекция №4" target="_self">4.Дискретные сигналы.</a></li>

																<li><a href="lekcii/Lekcia5_Fin.htm" title="лекция №5" target="_self">5.Функции окна. Виды окон. </a></li>

																<li><a href="lekcii/Lekcia6_Fin.htm" title="лекция №6" target="_self">6.Цифровые фильтры (ЦФ).</a></li>

																<li><a href="lekcii/Lekcia7_Fin.htm" title="лекция №7" target="_self">7.Расчет коэффициентов для высокочастотных полосовых и режекторных фильтров.</a></li>

																<li><a href="lekcii/Lekcia8_Fin.htm" title="лекция №8" target="_self">8.Корреляционный анализ.</a></li>

																<li><a href="lekcii/lekcia9_fin.htm" title="лекция №9" target="_self">9.Информационные технологии в обработке речи.</a></li>

																<li><a href="lekcii/Lekcia10_fin.htm" title="лекция №10" target="_self">10.Анализ речевых сигналов. Психоакустическая модель восприятия звука.</a></li>

																<li><a href="lekcii/Lekcia11_fin.htm" title="лекция №11" target="_self">11.Основы обработки изображений.</a></li>

																<li><a href="lekcii/Lekcia12_fin.htm" title="лекция №12" target="_self">12.Улучшения качества изображений.</a></li>

																<li><a href="lekcii/lect13.htm" title="лекция №13" target="_self">13.Вейвлет-анализ. Основные понятия. Типы вейвлетов.</a></li>

																<li><a href="lekcii/lect14-.htm" title="лекция №15" target="_self">14.Непрерывный вейвлет-анализ.</a></li>

																<li><a href="lekcii/lect15.htm" title="лекция №16" target="_self">15.Дискретный велет-анализ.</a></li>

																<li><a href="" title="лекция №16" target="_self">16.Вейвлет-анализ аудио сигналов. </a></li>

																<li><a href="lekcii/lect17.htm" title="лекция №17" target="_self">17.Улечшение качества звуковых сигналов.</a></li>

																<li><a href="" title="лекция №18" target="_self">18.Перспективы розвития методов и способов компьютерных информационных технологий.</a></li>

																</ul>

																</div>

																<div id="mi1">

																<h3 onmousedown="accordeon(1)">Задание к лабораторным работам</h3><ul id="lister1">

																<li><a href="lab_zadania/laba1.htm" title="лаба №1" target="_self">1.Сигнали та характеристики сигналів.</a></li>

																<li><a href="lab_zadania/laba2.htm" title="лаба №2" target="_self">2.Періодичні сигнали та ряди Фур'є.</a></li>

																<li><a href="lab_zadania/laba3.htm" title="лаба №3" target="_self">3.Перетворення Фур'є</a></li>

																<li><a href="lab_zadania/laba4.htm" title="лаба №4" target="_self">4.Функції вікна. Критерії вікна.</a></li>

																<li><a href="lab_zadania/laba5.htm" title="лаба №5" target="_self">5.Цифрові фільтри. Синтез нерекурсивних фільтрів.</a></li>

																<li><a href="lab_zadania/laba6.htm" title="лаба №6" target="_self">6.Кореляційні функції. Застосування кореляційного аналізу у вимірювальній техніці.</a></li>

																<li><a href="lab_zadania/laba7.htm" title="лаба №7" target="_self">7.Обробка та аналіз мовних сигналів.</a></li>

																</div>

																<div id="mi5">

																<h3 onmousedown="accordeon(5)">Примеры выполнения лабораторных работ</h3><ul id="lister5">

																<li><a href="примеры выполненых лабораторных/Lab_1.htm" title="лаба №1" target="_self">1.Сигнали та характеристики сигналів.</a></li>

																<li><a href="примеры выполненых лабораторных/Lab_2.htm" title="лаба №2" target="_self">2.Періодичні сигнали та ряди Фур'є.</a></li>

																<li><a href="примеры выполненых лабораторных/Lab_3.htm" title="лаба №3" target="_self">3.Перетворення Фур'є</a></li>

																<li><a href="примеры выполненых лабораторных/Lab_4.htm" title="лаба №4" target="_self">4.Функції вікна. Критерії вікна.</a></li>

																<li><a href="примеры выполненых лабораторных/Lab_5.htm" title="лаба №5" target="_self">5.Цифрові фільтри. Синтез нерекурсивних фільтрів.</a></li>

																<li><a href="примеры выполненых лабораторных/Lab_6.htm" title="лаба №6" target="_self">6.Кореляційні функції. Застосування кореляційного аналізу у вимірювальній техніці.</a></li>

																<li><a href="примеры выполненых лабораторных/Lab_7.htm" title="лаба №7" target="_self">7.Обробка та аналіз мовних сигналів.</a></li>

																</div>

																<div id="mi2">

																<h3 onmousedown="accordeon(2)">SciLab</h3><ul id="lister2">

																<li><a href= "opisanie.htm"title="справка" target="_self">Описание программы</a></li>

																<li><a href= "ssilki dlia zagruzki.htm"title="справка" target="_self">Ссылки для загрузки</a></li>

																<li><a href= "spravochnic.htm"title="справка" target="_self">Справочник</a></li>

																</ul>

																</div>

																<div id="mi3">

																<h3 onmousedown="accordeon(3)">Литература</h3><ul id="lister3">

																<li><a href="literarura.htm" title="литература" target="_self">Список литературы</a></li>

																</ul>

																</div>

																<div id="mi4">

																<h3 onmousedown="accordeon(4)">Тестирование</h3><ul id="listers4">

																<li><a href= "testirovanie.htm" title="тесты" target="_self">Тесты к первому модульному контролю</a></li>

																<li><a href="testirovanie2.htm" title="тесты" target="_self">Тесты ко второму модульному контролю</a></li>

																</ul>

																</div>

																</div>

																</td>

																<script type="text/javascript"><!--

																var ident = new Array(4);

																for (var i=0; i<=4; i++)

																{

																ident[i] = document.getElementById("lister"+i);

																}

																function accordeon(el)

																{

																for (var i=0; i<=ident.length; i++)

																{

																if (i==el)

																ident[i].style.display="block";

																else

																ident[i].style.display="none";

																}

																}

																//--></script>

																</body>

																</html>

	</html>

	// Тестирование(testirovanie.htm)

																<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

																<html xmlns="http://www.w3.org/1999/xhtml" >

																<head>

																<title>Untitled Page</title>

																</head>

																<body>

																<SCRIPT LANGUAGE="JavaScript">

																// Заголовок страницы (h1)

																var title = 'тестирование';

																// Подзаголовок (h2)

																var subtitle = "пройдите пожалуйсто тестирование";

																// Это ваши вопросы

																var questions=[

																{

																text: "Преобразование Фурье является обратимым ",

																answers: ["да",

																"нет",

																"незнаю"],

																correctAnswer: 0 // нумерация ответов с нуля!

																},

																{

																text: "Стационарный процес должен быть:",

																answers: ["непрерывным",

																"дискретным",

																"иметь независящие от времени средние по ансамблю характеристики"],

																correctAnswer: 2

																},

																{

																text: " Свертка сигналов во временной области равна",

																answers: ["произведению спектров сигналов",

																"свертке сигналов спектров",

																"сумме спектров сигналов"],

																correctAnswer: 0

																}

																];

																var yourAns = new Array;

																var score = 0;

																function Engine(question, answer) {yourAns[question]=answer;}

																function Score(){

																var answerText = "Результаты:\n";

																for(var i = 0; i < yourAns.length; ++i){

																var num = i+1;

																answerText=answerText+"\n Вопрос №"+ num +"";

																if(yourAns[i]!=questions[i].correctAnswer){

																answerText=answerText+"\n Правильный ответ: " +

																questions[i].answers[questions[i].correctAnswer] + "\n";

																}

																else{

																answerText=answerText+": Верно! \n";

																++score;

																}

																}

																answerText=answerText+"\nВсего правильных ответов: "+score+"\n";

																alert(answerText);

																yourAns = new Array;

																score = 0;

																clearForm("quiz");

																}

																function clearForm(name) {

																var f = document.forms[name];

																for(var i = 0; i < f.elements.length; ++i) {

																if(f.elements[i].checked)

																f.elements[i].checked = false;

																}

																}

																</script>

																<style>

																span.quest {font-weight: bold;}

																</style>

																<h1><script>document.write(title)</script></h1>

																<h2><script>document.write(subtitle)</script></h2>

																<FORM name="quiz">

																<ol>

																<script>

																for(var q=0; q<questions.length; ++q) {

																var question = questions[q];

																var idx = 1 + q;

																document.writeln('<li><span class="quest">' + question.text + '</span><br/>');

																for(var i in question.answers) {

																document.writeln('<input type=radio name="q' + idx + '" value="' + i +

																'" onClick="Engine(' + q + ', this.value)">' + question.answers[i] + '<br/>');

																}

																}

																</script>

																</ol>

																<input type=button onClick="Score()" value="Проверить результаты">

																</FORM>

																<p><span style='font-size:12.0pt'><a href= "Anime.html">На главную</a></span></p>

																</body>

																</html>

	//Литература(literarura.htm)

																<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

																<html xmlns="http://www.w3.org/1999/xhtml" >

																<head>

																<title>Список литературы</title>

																<style type="text/css">

																h3{color:#ffffff;

																background-color:Blue;

																text-align:left;

																font-family:Arial, Helvetica, sans-serif;

																font-weight:200;

																border:1px solid black;

																cursor:pointer;

																padding-left:10px;

																margin-top:3px;

																margin-bottom:3px;

																align= center}

																body { background-color:#999999;

																color:#000000;

																font-size:14px;

																font-family:Arial, Helvetica, sans-serif;

																padding-top:0px;

																margin-top:0px;}

																</style>

																</head>

																<body>

																<h3 >Рекомендуемая литература</h3>

																<p>

																1.В. Бондарев, Г. Трестер, В. Чернега Цифровая обработка сигналов. Методы и средства. Учебное пособие для вузов – Изд-во Севастополь. Изд-во СевГТУ, 1999 – 398с.</p>

																<p>2. Цифровая обработка сигналов / А.Б. Сергиенко – СПб.: Питер, 2003.– 604с.</p>

																<p>3. В.П. Бабак, В.С.Хандецький, Е.Шрюфер Обробка сигналів.– К.:Либідь,1996.–392с.

																</p>

																<h3>Дополнительная литература</h3>

																<p>

																1. Цифровое преобразование изображений / Р.Е. Быков / Учебное пособие для вузов – Москва, 2003.; 49 – 182с.</p>

																<p>5.Методы сжатия данных. Раздел 2. Алгоритмы сжатия изображений /Д. Ватолин и др. – 2002, ISBN 5-86404-170-X– http://compression.graphicon.ru/

																2 . Малла С. Вейвлеты в обработке сигналов / С. Малла. — М.: Мир, 2005. — 671 с

																7.Короновский А.А., Непрерывный вейвлетный анализ и его приложения / А.А. Короновский, А.Е. Храмов — М. : Физматлит, 2003. — 176 с.

																</p>

																<h3>Методические указания</h3>

																<p>

																1. С.Г. Антощук, А.О. Ніколенко Конспект Лекцій по курсу " Методи та засоби комп’ютерних інформаційних технологій" (Електронна версія) , 2005р.</p>

																<p>2. Методичні рекомендації до лабораторних робіт з дисципліни "Методи і засоби комп'ютерних та інформаційних технологій" для студентів спеціальностей 7.080401 і 7.080403 /Укл.: С.Г. Антощук, Н.А. Сербіна. В. О. Болтенков - Одеса: ОНПУ, 2003. — 16 с.

																</p>

																<a href="Anime.html" title="На главную"> <img alt="back" src="052.gif" style="color:#999999" />На главную </a>

																</body>

																</html>

	//Пример теста (Testirovanie.htm)

	<?xml version="1.0" encoding="Windows-1251"?>

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

	<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">

	<head>

	<title>Интерактивный тест на знание HTML</title>

	<style type="text/css">

	<!--

	html, body {

	margin: 0px;

	padding: 0px;

	border: 0px;

	}

	body {

	color: #000;

	background: #fff;

	font: 75% Tahoma, Verdana, Arial, Helvetica, sans-serif;

	}

	h1 {

	font-size: 200%;

	color: #fff;

	background: #369;

	margin: 0px;

	padding: 5px 20px;

	}

	form {

	margin: 0px;

	padding: 0px;

	}

	h2 {

	font-size: 150%;

	color: #369;

	margin: 10px 20px 5px;

	}

	p {

	margin: 0px 50px;

	}

	p.buttons {

	padding: 30px 0px;

	}

	#questions, #results

	{

	display: none;

	}

	-->

	</style>

	</head>

	<body onload="hideNoDHTML();">

	<script type="text/javascript">

	<!--

	function hideNoDHTML()

	{

	document.getElementById('nodhtml').style.display = 'none';

	showQuestions();

	}

	function showQuestions()

	{

	document.getElementById('questions').style.display = 'block';

	document.getElementById('results').style.display = 'none';

	}

	

	function showResults()

	{

	var i = 0;

	if(document.getElementById('choice13').checked == true)

	{

	i++;

	}

	if(document.getElementById('choice23').checked == true)

	{

	i++;

	}

	if(document.getElementById('choice31').checked == true)

	{

	i++;

	}

	if((document.getElementById('choice41').checked == false) &&

	(document.getElementById('choice42').checked == false) &&

	(document.getElementById('choice43').checked == true) &&

	(document.getElementById('choice44').checked == true))

	{

	i++;

	}

	if((document.getElementById('choice51').checked == false) &&

	(document.getElementById('choice52').checked == true) &&

	(document.getElementById('choice53').checked == false) &&

	(document.getElementById('choice54').checked == true))

	{

	i++;

	}

	if((document.getElementById('choice61').checked == true) &&

	(document.getElementById('choice62').checked == false) &&

	(document.getElementById('choice63').checked == true) &&

	(document.getElementById('choice64').checked == false))

	{

	i++;

	}

	if(document.getElementById('text7').value == 'корреляция')

	{

	i++;

	}

	if(document.getElementById('text8').value == 'детерминированный')

	{

	i++;

	}

	if(document.getElementById('text9').value == 'ортогональными')

	{

	i++;

	}

	if(document.getElementById('text10').value == 'Дирака')

	{

	i++;

	}

	document.getElementById('questions').style.display = 'none';

	document.getElementById('results').style.display = 'block';

	document.getElementById('results').innerHTML = '<h2>Результаты теста</h2>\n<p>Количество правильных ответов: <strong>' + i  + '</strong>.</p>';

	if (i == 10)

	{

	document.getElementById('results').innerHTML += '<p style="color: #096">Поздравляем с отличным результатом!</p>';

	}

	if (i <= 4)

	{

	document.getElementById('results').innerHTML += '<p style="color: #c00">К сожалению, результат очень плохой.</p>';

	}

	document.getElelementById('results').innerHTML += '<p class="buttons"><input type="button" value="Вернуться к вопросам" onclick="showQuestions();" /></p>';

	}

	function getHelp()

	{

	document.getElementById('choice13').checked = true;

	document.getElementById('choice23').checked = true;

	document.getElementById('choice31').checked = true;

	document.getElementById('choice41').checked = false;

	document.getElementById('choice42').checked = false;

	document.getElementById('choice43').checked = true;

	document.getElementById('choice44').checked = true;

	document.getElementById('choice51').checked = false;

	document.getElementById('choice52').checked = true;

	document.getElementById('choice53').checked = false;

	document.getElementById('choice54').checked = true;

	document.getElementById('choice61').checked = true;

	document.getElementById('choice62').checked = false;

	document.getElementById('choice63').checked = true;

	document.getElementById('choice64').checked = false;

	document.getElementById('text7').value = 'корреляция';

	document.getElementById('text8').value = 'детерминированный';

	document.getElementById('text9').value = 'ортогональными';

	document.getElementById('text10').value = 'Дирака';

	}

	//-->

	</script>

	<h1>Интерактивный тест на знание материала</h1>

	<div id="nodhtml">

	<h2 style="color: #c00">Ошибка</h2>

	<p>Ваш браузер в полной мере не поддерживает технологии динамического HTML. Вероятно, вы отключили JavaScript или  используете устаревшую версию браузера, не поддерживающую DOM и/или CSS2. К&nbsp;сожалению, это приложение не будет корректно работать в вашем браузере.</p>

	</div>

	<div id="questions">

	<form action="">

	<h2>1. Как называются сигналы конечной длительности?</h2>

	<p><input type="radio" name="question1" id="choice11" /> <label for="choice11">Аналоговый</label></p>

	<p><input type="radio" name="question1" id="choice12" /> <label for="choice12">Цифровой</label></p>

	<p><input type="radio" name="question1" id="choice13" /> <label for="choice13">Финитный</label></p>

	<p><input type="radio" name="question1" id="choice14" /> <label for="choice14">Квантованный</label></p>

	<h2>2. График какого сигнала изображён на рисунке?</h2>

	<p align="center"><img src="img/1.1.png" alt="" width="209" height="152" /></p>

	<p><input type="radio" name="question2" id="choice21" /> <label for="choice21">Непрерывный</label></p>

	<p><input type="radio" name="question2" id="choice22" /> <label for="choice22">Дискретный во времени</label></p>

	<p><input type="radio" name="question2" id="choice23" /> <label for="choice23">Квантованный по величине и непрерывный  во времени</label></p>

	<p><input type="radio" name="question2" id="choice24" /> <label for="choice24">Квантованный по величине и дискретный во времени</label></p>

	<h2>3. Какой процесс называется стационарным?</h2>

	<p><input type="radio" name="question3" id="choice31" /> <label for="choice31">который зависит от интервала времени</label></p>

	<p><input type="radio" name="question3" id="choice32" /> <label for="choice32">который зависит от положения на числовой оси</label></p>

	<p><input type="radio" name="question3" id="choice33" /> <label for="choice33">который зависит от интервала времени и от положения на числовой оси</label></p>

	<p><input type="radio" name="question3" id="choice34" /> <label for="choice34">который зависит от интервала времени и от положения на числовой оси</label></p>

	<h2>4. Формулы каких величин изображены ниже?</h2>

	<p align="center"><img src="img/1.2.png" alt="" width="133" height="49" /></p>

	<p align="center"><img src="img/1.3.png" alt="" width="67" height="28" /></p>

	<p><input type="checkbox" id="choice41" /> <label for="choice41">математическое ожидание</label></p>

	<p><input type="checkbox" id="choice42" /> <label for="choice42">дисперсия случайной величины</label></p>

	<p><input type="checkbox" id="choice43" /> <label for="choice43">дисперсия при равновероятных событиях</label></p>

	<p><input type="checkbox" id="choice44" /> <label for="choice44">среднее квадратичное отклонение</label></p>

	<h2>5. Мера и степень схожести сигналов определяются следующими параметрами:</h2>

	<p><input type="checkbox" id="choice51" /> <label for="choice51">математическое ожидание</label></p>

	<p><input type="checkbox" id="choice52" /> <label for="choice52">автокореляционная функция</label></p>

	<p><input type="checkbox" id="choice53" /> <label for="choice53">дисперсия</label></p>

	<p><input type="checkbox" id="choice54" /> <label for="choice54">взаимокореляционная функция</label></p>

	<h2>6. При цифровой обработке сигналов часто используют такие специальные функции:</h2>

	<p><input type="checkbox" id="choice61" /> <label for="choice61">функция Дирака</label></p>

	<p><input type="checkbox" id="choice62" /> <label for="choice62">автокореляционная функция</label></p>

	<p><input type="checkbox" id="choice63" /> <label for="choice63">функция Хэвисайда</label></p>

	<p><input type="checkbox" id="choice64" /> <label for="choice64">взаимокореляционная функция</label></p>

	<h2>7. Величина схожести двух сигналов - </h2>

	<p><input type="text" size="20" maxlength="20" id="text7" /></p>

	<h2>8. Сигнал, для которого возможно предсказание точных значений в любой момент времени, называется - </h2>

	<p><input type="text" size="20" maxlength="20" id="text8" /></p>

	<h2>9. Если взаимная мощность или взаимная энергия двух сигналов равна нулю, то такие сигналы называют - </h2>

	<p><input type="text" size="20" maxlength="20" id="text9" /></p>

	<h2>10. Бесконечно узкий импульс с бесконечной амплитудой и единичной площадью моделируется в MATLAB функцией: </h2>

	<p><input type="text" size="20" maxlength="20" id="text10" /></p>

	<p class="buttons"><input type="button" value="Показать результаты" onclick="showResults();" /> <input type="button" value="Подсказать ответы" onclick="getHelp();" /> <input type="reset" value="Очистить форму" /></p>

	</form>

	</div>

	<div id="results"></div>

	</body>