Главная / Рефераты / Информатика, программирование

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

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

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

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

Одесса 2010

Аннотация

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

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

Анотацiя

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

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

Содержание

Введение

1. HTML

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

3. Язык JavaScript

4. Браузеры

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

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

Выводы

Литература

Листинг

Введение

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

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

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

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

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

1. HTML

HTML (HyperTextMarkupLanguage) означает язык разметки гипертекста. Этот язык был разработан Тимом Бернерсом-Ли в рамках создания проекта распределенной гипертекстовой системы, которую он назвал 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-серверов.Браузеры постоянно развивались со времен зарождения Всемирной паутины, и с ее ростом становились все более важной программой типичного персонального компьютера. Сегодня браузер - комплексное приложение для обработки и вывода разных составляющих веб-страницы, и для предоставления интерфейса между веб-сайтом и его посетителем.Стоит отметить, что электронный конспект, написанный в данной курсовой работе, оптимизирован под самые извесные на сегодня браузеры: InternetExplorer, 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 –редакторе(или же в блокноте, либо в VisualStudio) файл с названием Anime.html(мы увидим весь код этой страницы). Рассмотрим все возможные изменения которые можно произвести на странице:

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

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

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

<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>

Теперь рассмотрим редактирование ответов. Для этого воспользуемся функцией 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">

<head>

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

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

font-size:larger;

font-family:Arial;}

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>

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>

<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>

<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>

<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>

<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>

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

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

</ul>

</div>

<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>

</td>

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>

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

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

<head>

<title>Untitled Page</title>

</head>

<body>

// Заголовок страницы (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>

<ol>

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>

</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">

<head>

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

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">

<head>

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

<!--

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>

<!--

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>

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

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

</div>

<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><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><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>

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

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

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

</form>

</div>

</body>