CC BY
22
Современные информационные технологии в образовательной деятельности 31
ного ресурса по теме «Защита информации. Криптография». Стоит заметить, что работа над данным проектом может быть продолжена посредством внесения информации о современных методах защиты информации. Ресурс также можно расширить, включив в него дополнительные обучающие тесты. Мы считаем, что в настоящее время данный ресурс может быть полезен учащимся средних специальных учебных заведений, а также студентам, обучающимся по программам бакалавриата на 1 курсе.
Список литературы:
1. Сингх С. Книга шифров. Тайная история шифров и их расшифровки / С. Сингх. - М.: Аст; Астрель, 2006. - 447 с.
2. История криптографии [Электронный ресурс]. - Режим доступа:
ht:tps://ru.wikipedia.org/wiki/История_криптографии (дата обращения:
10.12.2015).
3. Бауэр Ф. Расшифрованные секреты. Методы и принципы криптологии / Ф. Бауэр. - М.: Мир, 2007. - 550 с.
4. Жельников В. Криптография от папируса до компьютера / В. Жельни-ков. - М.: ABF, 1996. - 335 с.
СОЗДАНИЕ СТРУКТУРЫ И РАЗРАБОТКА ИНТЕРАКТИВНОГО ЦИФРОВОГО РЕСУРСА ПО ТЕМЕ «БУЛЕВА АЛГЕБРА» СРЕДСТВАМИ HTML И CSS
© Нараева Д.И.*
Мурманский арктический государственный университет, г. Мурманск
Данная статья раскрывает возможность создания интерактивного электронного ресурса, разработанного при помощи web-технологий со стороны клиента: HTML, CSS. Данный ресурс может быть использован при изучении темы «Булева алгебра» в высших образовательных учреждениях.
Ключевые слова бакалавриат, математическое образование, электронный ресурс, булева алгебра, HTML, CSS.
В современной системе образования возрастает роль информационных технологий, которые охватывают дополнительные возможности как для повышения качества и эффективности процесса обучения, так и для расширения сфер его применения. Быстрыми темпами развивается новая прогрес-
* Студент 4 курса кафедры Математики, экономики и информационных технологий (направление подготовки 010400.62 «Прикладная математика и информатика»).
32
ОБУЧЕНИЕ И ВОСПИТАНИЕ: МЕТОДИКИ И ПРАКТИКА
сивная форма организации учебного процесса на основе принципа самостоятельного обучения ученика с помощью различных информационных ресурсов - дистанционное образование.
В связи с этими тенденциями все более актуальной становиться проблема создания качественных электронных ресурсов на базе современных компьютерных технологий.
На первом курсе обучения в высших образовательных учреждениях студенты первых курсов технических специальностей сталкиваются в рамках учебного предмета «Дискретная математика» с такой темой как булева алгебра. Для многих студентов тема «Булева алгебра» является новой и незнакомой и вызывает некоторые затруднения, в связи с большим количеством имеющихся источников с огромным выбором неупорядоченной информации и необходимостью поиска дополнительных сведений. В связи со всем выше сказанным, была поставлена задача создать интерактивный электронный ресурс, позволяющий облегчить поиск и изучение информации по теме «Булева алгебра».
Математическая логика является современной формой формальной логики, применяющей математические методы для исследования своего предмета. В формальной логике собраны результаты законов структуры правильных выводов. Вывод является таким мыслительным процессом, в результате которого появляются новые открытия на основании уже имеющихся, которые предполагаются правильными, без практических исследований. В действительности, новое открытие, полученное в результате вывода, в скрытой форме находится в предварительно имеющихся знаниях, в так называемых предпосылках.
Известнейший Готфрид Вильгельм Лейбниц сформулировал понятие «математическая логика», задачи которой были доступны для понимания только узкому кругу ученых. Особого интереса это направление не вызывало, и до середины XIX века о математической логике знали немногие. Большой интерес в научных сообществах вызвал спор, в котором англичанин Джордж Буль заявил о своем намерении создать раздел математики, не имеющий абсолютно никакого практического применения. Однако в современном мире математическая логика находит широкое применение.
Для создания, описываемого в данной статье проекта необходимо было первоначально обобщить и систематизировать всю имеющуюся информацию о булевой алгебре. Создать структуру электронного ресурса. В качестве средства реализации выбрана одна из web-технологий со стороны клиента: HTML и CSS.
Разработанный и представляемый в данной статье проект состоит из 20 HTML-страниц, на которых приведена различная информация по теме «Булева алгебра». Ресурс содержит примеры для самостоятельного решения с последующей проверкой и заключительный тест на оценку общего понимания темы.
Современные информационные технологии в образовательной деятельности 33
На главной странице предоставлено меню состоящее из четырех разделов, позволяющих ознакомится с теорией, порешать различные упражнения, пройти завершающее тестирование и задать интересующий вопрос, если это требуется (рис. 1).
Булева алгебра
Теория Упражнения
Тестирование Связь с нами
Рис. 1. Главная страница
Ниже приведем выдержку из кода электронного ресурса, демонстрирующую оформление меню:
<center><div style="margin-top: 100px;"><img src="image/map.png"
width="80%" align="center" border="0" alt="Навигация по сайту" usemap= "#Navigation"></div>
<p><map name="Navigation">
<area shape="rect" coords="30,30,510,160" href="Teor.html" alt="Теория">
<area shape="rect" coords="560,30,1010,160" href="Ypr_1.html" alt="Уп-ражнения">
<area shape="rect" coords="30,166,510,290" href="Test.html" alt="Тести-рование">
<area shape="rect" coords="560,166,1010,290" href="Svaz.html" alt= "Связь с нами">
</map></p>
Меню написано с использованием тега <map>. Тег <map> служит контейнером для элементов <area>, которые определяют активные области для карт-изображений. Такие области устанавливают невидимые зоны на изображении, являющиеся ссылками на HTML-документы. Цель использования тега <map> - в связывании тега <img> с клиентской картой-изображением.
На странице «Теория» представлена различная информация по теме «Булева алгебра». Вся информация структурирована в разделы, составляю-
34
ОБУЧЕНИЕ И ВОСПИТАНИЕ: МЕТОДИКИ И ПРАКТИКА
щие список, через который пользователь может сразу перейти к интересующей его теме.
На каждой странице для удобства пользователей есть возможность вернуться на главную, вернуться к списку тем, перейти к упражнениям по данной теме, пройти тестирование, вернуться к предыдущей теме и перейти к следующей.
Приведем часть кода:
<a href="Glavnay.html"><img src="image/1.png" onmouseover="this.src= 'image/ii.png'" onmouseout="this.src='image/1.png'"> </a>
<a href="Teor.html"><img src="image/2.png" onmouseover="this.src= 'image/22.png'" onmouseout="this.src='image/2.png'">
</a>
<a href="Ypr_2.html"><img src="image/3.png" onmouseover="this.src= 'image/33.png'" onmouseout="this.src='image/3.png'">
</a>
<a href="Test.html"><img src="image/4.png" onmouseover="this.src=' image/44.png'" onmouseout="this.src='image/4.png'">
</a>
<div class="text">
<p>...</p>
<a href="Yrok_1.html">
<img src="image/pr.png" onmouseover="this.src='image/pr2.png'" onmouse-out="this.src='image/pr.png'"></a>
<a href="Yrok_3.html">
<img src="image/sl.png" align="right" onmouseover="this.src='image/sl2. png'" onmouseout="this.src='image/sl.png'"> </a>
В этой части кода использовано такое событие как onmouseover / onmouseout, позволяющее при наведении курсором мыши на контейнер поменять его содержимое.
На странице «Тест» с помощью JavaScript была создана тестовая оболочка, в которую входит несколько вопросов по теме: «Булева алгебра» (рис. 2). С помощью этого теста пользователь может проверить, насколько хорошо он изучил и понял материал по теме «Булева алгебра».
Приведем часть кода:
<form name="myform">
<p> Переведите в десятичную систему счисления двоичное число 1011100. В десятичной системе счисления ему соответствует число:<ф> <label><input type="radio" name="myname" value="0">65</label> <label><input type="radio" name="myname" value="0">86</label> <label><input type="radio" name="myname" value="1">92</label>
Современные информационные технологии в образовательной деятельности 35
<label><input type="radio" name="myname" value="0">76</label>
<input class="submit1" type="button" id="calc" value-'Проверить">
<input class="text1" style="margin-top:0px;" type-'text" name="result" readonly></form>
<script>
calc.onclick = function(){ var myform = this.form; if(myform.myname.value==1)
{myform.result.value = "Правильно";}
else{myform.result.value = "Не правильно. Попробуйте еще раз.";} }</script>
Тб
Те^^ЕйНие-
'.Переведите в десятичную систему счислейЛЯ-двоичное число 1011100. В десятичной системе счисления ему а»1ветст£§ёт число:
.6 65
| Проверить |
I 1
Укажите истинное высказывание:
© река Лена впадает в Черное море;
JQ в ночь на 1 января всегда идёт снег;
© площадь прямоугольника равна произведению его диагоналей; © 101 т-11 = 1000.
Проверить-
Рис. 2. Страница с тестом
Данный электронный ресурс позволяет усовершенствовать работу по изучению студентами темы «Булева алгебра» в высших образовательных учреждениях. С помощью него можно ознакомиться с темой «Булева алгебра», изучить теорию, решить примеры, а также он позволяет учащимся проверить свои знания с помощью заключительного теста без участия учителя. Мы постарались сделать данный цифровой ресурс наиболее удобным для пользователя и подать информацию в максимально доступном виде.
Список литературы:
1. Яблонский С.В. Введение в дискретную математику / С.В. Яблонский. - 4-е изд., стереотип. - М.: Высшая школа, 2003. - 484 с.
2. Аляев Ю.А., Тюрин С.Ф. Дискретная математика. Практическая дискретная математика и математическая логика: учеб. пособие / Ю.А. Аляев, С.Ф. Тюрин. - М.: Финансы и статистика; Инфра-М, 2010. - 384 с.
3. Новиков Ф.А. Дискретная математика для программистов: учеб. для вузов / Ф.А. Новиков. - 3-е изд. - СПб.: Питер, 2009. - 384 с.
