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>


Информация о работе «Электронный конспект лекций по курсу МСКИТ»
Раздел: Информатика, программирование
Количество знаков с пробелами: 44432
Количество таблиц: 0
Количество изображений: 7

0 комментариев


Наверх