Размещено на http://www.allbest.ru/

Разработка обучающего сайта по изучению элементов школьной математики

Введение

сайт скрипт алгоритм математика

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

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

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

В первом разделе моей курсовой работы освещены теоретические вопросы, касающиеся следующих тем: понятие web-сайта, основные особенности используемых средств разработки (HTML, CSS, PHP, JavaScript), основные понятия интервальной математики.

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

1. Рассмотрение отдельных теоретических вопросов

1.1 Понятие web-сайта

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

Web-сайт (от англ. website: web - «паутина», «сеть» и site - «место», букв. «место в сети») или просто сайт - в компьютерной сети объединённая под одним адресом (доменным именем или IP-адресом) совокупность документов частного лица или организации. По умолчанию подразумевается, что сайт располагается в сети Интернет. Все web-сайты в совокупности составляют Всемирную паутину. Для прямого доступа клиентов к web-сайтам на серверах был специально разработан протокол HTTP. web-сайты иначе называют Интернет-представительством человека или организации. Когда говорят «своя страничка в Интернет», то подразумевается целый web-сайт или личная страница в составе чужого сайта. Кроме web-сайтов в сети Интернет так же доступны WAP-сайты для мобильных телефонов.

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

Поскольку со времен создания интернета прошло много времени, и многие уже узрели проблемы связанные с ним в плане безопасности, кроме HTTP и WAP, появилось и защищенное Https соединение. Данное соединение похоже на HTTP, но обладает высокой степенью безопасности. Обычно применяется в Личных Кабинетах, интернет магазинах. Всё больше и больше сайтов используют такой метод соединения.

В большинстве случаев в Интернете одному web-сайту соответствует одно доменное имя. Именно по доменным именам сайты идентифицируются в глобальной сети. Возможны иные варианты: один сайт на нескольких доменах или несколько сайтов под одним доменом. Обычно несколько доменов используют крупные сайты (web-порталы) чтобы логически отделить разные виды предоставляемых услуг (mail.google.com, news.google.com, maps.google.com). Нередки и случаи выделения отдельных доменов для разных стран или языков. Например, google.ru и google.fr логически являются сайтом Google на разных языках, но технически это разные сайты. Объединение нескольких сайтов под одним доменом характерно для бесплатных хостингов. Иногда для идентификации сайтов в адресе после указания хоста стоит тильда и имя сайта: example.com/~my-site-name, а чаще всего используется домен третьего уровня: my-site-name.example.com. Аппаратные сервера для хранения web-сайтов называются web-серверами. Сама услуга хранения называется web-хостингом. Раньше каждый сайт хранился на своём собственном сервере, но с ростом Интернета технологическим улучшением серверов на одном компьютере стало возможно размещение множества сайтов (виртуальный хостинг). Сейчас сервера для хранения только одного сайта называются выделенными (англ. dedicated). Один и тот же сайт может быть доступен по разным адресам и хранится на разных серверах. Копия оригинального сайта в таком случае называется зеркалом. Существует так же понятие оффлайновая версия сайта - это копия сайта, которая может быть просмотрена на любом компьютере без подключения к компьютерной сети и использования серверного программного обеспечения (ПО).

1.2 HTML

HTML (от англ. Hyper Text Markup Language - «язык разметки гипертекста») - стандартный язык разметки документов во Всемирной паутине. Большинство web-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа, в удобной для человека форме.

HTML является приложением («частным случаем») SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879.

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1989-1991 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов - дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.

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

Текстовые документы, содержащие разметку на языке HTML (такие документы традиционно имеют расширение .html или .htm), обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называемые «браузерами» или «интернет-обозревателями», обычно предоставляют пользователю удобный интерфейс для запроса web-страниц, их просмотра (и вывода на иные внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Internet Explorer, Mozilla Firefox, Apple Safari, Google Chrome и Opera.

HTML - теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками - тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br>). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font). Атрибуты указываются в открывающем теге. Вот примеры фрагментов HTML-документа:

а) <strong>Текст между двумя тегами - открывающим и закрывающим.</strong>;

б) <a href="http://www.example.com">Здесь элемент содержит атрибут href.</a>;

в) а вот пример пустого элемента: <br>.

1.3 CSS

CSS (англ. Cascading Style Sheets - каскадные таблицы стилей) - формальный язык описания внешнего вида документа, написанного с использованием языка разметки.

Преимущественно используется как средство описания, оформления внешнего вида web-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL.

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

1.4 PHP

PHP (англ. PHP: Hypertext Preprocessor - «PHP: препроцессор гипертекста», англ. Personal Home Page Tools (устар.) - «Инструменты для создания персональных web-страниц») - скриптовый язык программирования общего назначения, интенсивно применяемый для разработки web-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических web-сайтов.

Язык и его интерпретатор разрабатываются группой энтузиастов в рамках проекта с открытым кодом. Проект распространяется под собственной лицензией, несовместимой с GNU GPL.

В области программирования для сети Интернет PHP - один из популярных скриптовых языков (наряду с JSP, Perl и языками, используемыми в ASP.NET) благодаря своей простоте, скорости выполнения, богатой функциональности, кроссплатформенности и распространению исходных кодов на основе лицензии PHP.

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

а) автоматическое извлечение POST и GET-параметров, а также переменных окружения web-сервера в предопределённые массивы;

б) взаимодействие с большим количеством различных систем управления базами данных (MySQL, MySQLi, SQLite, PostgreSQL, Oracle (OCI8), Oracle, Microsoft SQL Server, Sybase, ODBC, mSQL, IBM DB2, Cloudscape и Apache Derby, Informix, Ovrimos SQL, Lotus Notes, DB++, DBM, dBase, DBX, FrontBase, FilePro, Ingres II, SESAM, Firebird / InterBase, Paradox File Access, MaxDB, Интерфейс PDO);

в) автоматизированная отправка HTTP-заголовков;

г) работа с HTTP-авторизацией;

д) работа с cookies и сессиями;

е) работа с локальными и удалёнными файлами, сокетами;

ж) обработка файлов, загружаемых на сервер;

з) работа с XForms.

В настоящее время PHP используется сотнями тысяч разработчиков. Согласно рейтингу корпорации TIOBE, базирующемся на данных поисковых систем, в апреле 2011 года PHP находился на 5 месте среди языков программирования. К крупнейшим сайтам, использующим PHP, относятся Facebook, ВКонтакте, Wikipedia и др.

Входит в LAMP - распространённый набор программного обеспечения для создания и хостинга web-сайтов (Linux, Apache, MySQL, PHP).

1.5 JavaScript

JavaScript - объектно-ориентированный скриптовый язык программирования. Является диалектом языка ECMAScript.

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

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

На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java, но при этом лёгким для использования непрограммистами. Языком JavaScript не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в web-разработке.

Название «JavaScript» является зарегистрированным товарным знаком компании Oracle Corporation.

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

Несмотря на схожий с Си синтаксис, JavaScript по сравнению с языком Си имеет коренные отличия:

а) объекты, с возможностью интроспекции;

б) функции как объекты первого класса;

в) автоматическое приведение типов;

г) автоматическая сборка мусора;

д) анонимные функции.

В языке отсутствуют такие полезные вещи, как:

а) модульная система: JavaScript не предоставляет возможности управлять зависимостями и изоляцией областей видимости;

б) стандартная библиотека: в частности, отсутствует интерфейс программирования приложений по работе с файловой системой, управлению потоками ввода/вывода, базовых типов для бинарных данных;

в) стандартные интерфейсы к web-серверам и базам данных;

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

д) Синтаксис языка JavaScript во многом напоминает синтаксис Си и Java, семантически же язык гораздо ближе к Self, Smalltalk или даже Лиспу.

е) В JavaScript:

ж) все идентификаторы регистрозависимы;

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

и) названия переменных не могут начинаться с цифры;

к) для оформления однострочных комментариев используются //, многострочные и внутристрочные комментарии начинаются с /* и заканчиваются */.

л) Структурно JavaScript можно представить в виде объединения трёх чётко различимых друг от друга частей:

м) ядро (ECMAScript);

н) объектная модель браузера (Browser Object Model или BOM (de));

о) объектная модель документа (Document Object Model или DOM).

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

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

1.6 Основные понятия интервальной математики

Пусть - множество всех вещественных чисел. Под интервалом [a,b], a?b, всюду ниже, если не оговорено противное, понимается замкнутое ограниченное подмножество R вида [a,b]={ x | xєR и a?x?b}.

Множество всех интервалов обозначим через I(R). Элементы I(R) будем записывать прописными буквами. Если А - элемент I(R), AєI(R), то его левый и правый концы будем обозначать как . Элементы I(R) называются интервальными числами.

Символы и т. п. понимаются в обычном теоретико-множественном смысле, причем обозначает не обязательно строгое включение, то есть соотношение допускает равенство интервалов. Два интервала А и В равны тогда и только тогда, когда .

Отношение порядка на множестве I(R) определяется следующим образом: A<B тогда и только тогда, когда . Возможно так же упорядочение по включению: А не превосходит В, если . Мы, в основном, используем первое определение.

Пересечение интервалов А и В пусто, если А < В или В < А, в противном случае - снова интервал.

Симметричным, по определению, является интервал , у которого .

Шириной интервала А называется величина . (1)

Середина m(A) есть полусумма концов интервала А:m(A)=()/2.(2)

Абсолютная величина |A| определяется как |A|=max{|. (3)

Наконец, ,,S(A)=(|+|)/2. Нетрудно заметить, что A?|B|, ?, когда , причем <, если и A?B.

Расстояние между элементами A,BI(R) вводится равенством - b|,|- |}.

Вырожденный интервал, то есть интервал с совпадающими концами a==a, отождествим с вещественным числом а. Таким образом, RI(R).

Арифметические операции над интервальными числами определяются следующим образом. Пусть *{+,-,*,/}, , A,BI(R). Тогда

A*B={a*b|aA, bB}, (4)

причем в случае деления 0B.

Легко проверить, что определение (4) эквивалентно соотношениям

, (5)

, (6)

, (7)

. (8)

Заметим, что операцию вычитания можно выразить через сложение и умножение, положив -B=(-1)*B=[-1,-1]*B и A-B=A+(-B).

В зависимости от знака чисел , , , правило (7) для интервального умножения будет выглядеть так (мы полагаем []=[]*[]):

а)

б)

в)

г)

д)

е) 6)

ж)

з)

и)

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

Если А и В - вырожденные интервалы, то равенства (5) - (8) совпадают с обычными арифметическими операциями над вещественными числами. Таким образом, интервальное число есть обобщение вещественного числа, а интервальная арифметика - обобщение вещественной.

Из определения (4) непосредственно видно, что интервальные сложение и умножение ассоциативны и коммутативны, иначе говоря, для A,B,CI(R) имеют место равенства

Роль нуля и единицы играют обычные 0 и 1, которые, как отмечалось, отождествляются с вырожденными интервалами [0,0] и[1,1]. Другими словами,

для любого AI(R). В дальнейшем точку для обозначения умножения будем, как правило, опускать.

Равенство (4) (как и (5)-(8)) показывает, что если один из операндов является невырожденным интервалом, то результат арифметической операции также невырожденный интервал. Исключение составляет умножение на 0=[0,0]. Отсюда, в частности, следует, что для невырожденного интервала А не существует обратных по сложению и умножению элементов, так как если А + В = 0, АС = 1, то А, В, С должны быть в силу сказанного вырожденными. Короче, вычитание не обратно сложению, деление не обратно умножению. Значит, A-A?0,A/A?1, когда >0. Понятно, однако, что всегда 0A-A, 1A/A.

2. Элементы реализации

2.1 Определение функциональных зон страниц сайта

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

Контент сайта - это информация и изображения, которые ищет посетитель сайта.

Контент (от англ. content - содержание). Под "контентом" в широком смысле понимают собственно наполнение сайта. Контент сайта соотносится с дизайном, как содержание с формой.

В более узком смысле слова контент сайта - это материалы, размещенные на нем: в основном тексты, а также картинки и музыка.

Для чего же нужно разбивать сайт на контент-зоны?

Каждая контент-зона выполняет свою роль:

а) логотип - предоставляет визуальную информацию;

б) меню - позволяет пользователю перемещаться по WEB-сайту;

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

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

д) часть, раскрывающая суть той или иной темы.

В ходе работы над сайтом был разработан следующий вариант структуры сайта (рисунки 1 - 6).



Рисунок 1 - Главная страница Рисунок 2 - Страница «Раздел»

Рисунок 3 - Выбор темы Рисунок 4 - Материал внутри темы

Рисунок 5 - Страница «Форум» Рисунок 6 - Страница «Карта сайта»

2.2 Каскадная таблица стилей основной формы

Для того чтобы разбить страницу на контент-зоны я воспользовалась каскадной таблицей стилей. Отдельные блоки реализованы следующим образом.

body{

background-color: #E7F2D0;

}

#body{

width:800px;

margin:0 auto;

border:#000000;

/*border:solid;*/

margin-top:-8px;

}

#logo{

height:194px;

border:#000000;

border:solid 2px #030;

}

#registr{

border:#000000;

border:solid 2px #030;

background-color: #517B53;

float:right;

width:796px;

height:70px;

}

#menu_gor{

padding: 10px;

border:#000000;

background-color: #517B53;

border:solid 2px;

height:50px;

width:776px;

margin-top:50px;

text-align: center;

}

#menu_vert{

border:#000000;

border:solid 0px;

float:left;

width:220px;

margin-top:-1px;

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

}

#contents{

background: #E8F2AA;

border:solid 2px #030;

float:right;

width: 791px;

padding-right:5px;

}

#textcontens{

padding-left: 220px;

width:571px;

font-family: "Comic Sans MS", cursive;

color: #030;

text-align:justify;

text-indent: 1.5em;

}

#news{

background:#E8F2AA;

border:solid 2px #030;

font-family: "Comic Sans MS", cursive;

color: #030;

text-align:justify;

text-indent: 1.5em;

padding:10px;

}

2.3 Пример использования php-скрипта на главной странице

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

Теперь мы можем поместить нашу контент-зону в отдельный файл и при помощи функции include подключить её на нужной нам странице.

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

<html>

<head>

<title>Математика</title>

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

<link rel="stylesheet" type="text/css" href="tables_of_styles/style.css">

<link rel="stylesheet" type="text/css" href="tables_of_styles/style_menu.css" >

<xml id="xmlData" src="xml/MAIN.xml"></xml>

</head>

<body>

<div id="body">

<div id="logo">

<?php

include('block/head.htm');

?>

</div>

<div id="registr">

<?php

include('block/Registration.htm');

?>

</div>

<div id="search">

<?php

include('block/Search.htm');

?>

</div>

<div id="menu_gor">

<?php

include('block/horizontal_menu.htm');

?>

</div>

<div id="news">

</div>

</div>

</body>

</html>

Содержимое каждой контент-зоны, размещающейся на главной странице, находится в отдельном *.htm файле, которые находятся в папке block.

2.4 Логотип

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

На рисунке 7 приведён логотип сайта.

Рисунок 7 - Логотип

2.5 Реализация меню

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

Ниже приведены скриншоты сайта.

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

На рисунках 10-12 показано в действии вертикальное меню. При наведении курсора на пункт меню, выбранные вариант меняет цвет. Также основные темы в меню представляют собой «гармошку», при наведении на один из пунктов основных разделов гармошка сдвигается, показывая посетителю сайта подпункты данного раздела.

Реализация горизонтального меню выполнена с помощью таблицы стилей. Пункты меню меняют свой размер и цвет в зависимости от того в каком состоянии они находятся (активном или нет).

Горизонтальное меню реализовано с помощью javascript и таблицы стилей. Цвет пункта меню также меняется при переходи из пассивного состояния в активное.

Рисунок 8 - Основное меню

Рисунок 9 - Выбор пункта основного меню

Рисунок 10 - Вертикальное меню

Рисунок 11 - Выбор пункта раздела



Рисунок 12 - Выбор раздела

Код меню приводится в приложении А.

2.7 Алгоритм представления интервальной математики на сайте

В качестве объектов для арифметических действий возьмём множество промежутков вида (a,b], [a,b), [a,b] и (a,b), где a?b aєR и bєR.

Если a=b, то [a,a]=a - отдельная точка на числовой прямой.

Правила выполнения арифметических операций с отрезками описаны в сказке.

Требуется на основании этих правил составить алгоритм и программу для решения примеров типа:

Дано: a₁<a<a₂ (a₁?a?a₂) и b₁<b<b₂ (b₁?b?b₂)

Найти: 1) a+b; 2) a-b; 3) a*b;

4) a/b; 5) k₁a+k₂b; 6) ;

7) ; 8)aⁿ₁*bⁿ₂; 9) aⁿ₁/bⁿ₂.

Представление на сайте.

Школьнику предлагается набор примеров всех девяти типов с конкретными значениями a₁, a₂, b₁, b₂, k₁,k₂… n₁,n₂. Он должен решить сначала сам без компьютера, а затем посмотреть ход компьютерного решения на мониторе. Для входа в просмотр решения он должен верно указать хотя бы одно (левое или правое) значение итогового отрезка.

Сказка

Жило-поживало царство отрезков на числовой прямой. Каждый отрезок имел свою форму - его левую и правую границы. А внутри границ много-много мыслей, например: «я - 0,5», «недалеко от 0,4 и 0,6», «я, наверное, где-то посредине отрезка» и т.д.

Надоело им жить самим по себе, решили они дружить. Ну а дружба известно чем заканчивается - детьми. Дети, естественно, тоже отрезки из этого царства. Как и в любом царстве, у них был класс бедных и класс богатых. Бедные размножались путём сложения (т.е. по любви) или путём вычитания (если разлюбила друг друга). Богатые - путём умножения и деления.

Легче всего происходит сложение отрезков. В общем случае границы отрезков [a,b] (папы) и [c,d] (мамы) складываются: [a+c,b+d] (ребёнок).

[a,b]+ [c,d]= [a+c,b+d].

Вычитание происходит, если кто-то из пары отрезков разлюбил, например мама. Если отрезок разлюбил, то он сразу меняется. Чёрный кот, по имени минус, переходит ему дорогу. И не просто переходит, а залазит в огород (т.е. за границы отрезка) и меняет всё наоборот.

Так -[c,d]= [-d,-c].

Как говорят, кто был первым, тот стал последним, а кто был последним, тот стал первым.

Таким образом, если сложить папу с разлюбившей мамой, то это уже не сложение, а вычитание, но ребёнок всё равно получится:

[a,b]-[c,d]= [a,b]+[-d,-c].

У богатых всё в общем похоже, но покруче:

[a,b]*[c,d]=min[{ac, ad, bc, bd},{ ac, ad, bc, bd}].

Как и у бедных, умножаться могут любые пары: и с отрицательными границами, и с положительными и со смешенными (отрицательно-положительными).

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

Прежде, чем поучаствовать в делении, положительная мама «обормочивается». Грубо говоря, запускает в свой огород «обормота», который оборачивает все мысли: было a - станет 1/a, было b - станет 1/b.

1/[a,b]=[1/a,1/b], a>0, b>0.

Поэтому деление - это тоже умножение, но с разлюбившей мамой:

[a,b]/[c,d]=[a,b]*[1/c,1/d]=[min{a/d, a/c, b/d, b/c}, max{ a/d, a/c, b/d, b/c}].

Вот так они жили-поживали и кое-какого добра наживали.

Заключение

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

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

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

В ходе выполнения проекта был изучены материалы связанные: с понятием web-сайта, средствами разработки сайтов (HTML, CSS, PHP, JavaScript), а также теорией интервальной математики.

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

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

Список использованных источников

1 Петюшкин, А. В. НТМL Экспресс-курс / А. В. Петюшкин. - СПб.: БХВ-Петербург, 2003. - 256 с.

2 Тиге, Дж. К. DHTML и CSS для Internet / Дж. К. Тиге. - М.: НТ Пресс, 2005. - 520с.

3 Старыгин, А. XML Разработка Web-приложений / А. Старыгин. - СПб.: БХВ-Петербург, 2003. - 592с.

4 Вайк, А. Java Script / А. Вайк. - К.: ООО "ТИД" ДС", 2001. - 480с.

5 Шлосснейгл, Дж. Профессиональное программирование на PHP / Дж. Шлосснейгл. - М.: Издательский дом «Вильямс», 2006. - 624с.

6 Солтан Г. Н. Математика. Алгебра и геометрия 8 класса / Г. Н. Солтан, А. Е. Солтан. - Мн.: 2004.-301с.

7 Калмыков, С.А. Методы интервального анализа / С.А. Калмыков, Ю. И. Шоки, З. Х. Юлдашев. - Новосибирск, 1986. - 223с.

Приложение

Код горизонтального и вертикального меню сайта

/* Таблица стилей горизонтального меню*/

a.bmenu {

display: inline-block;

text-transform: uppercase;

text-shadow: 0px 0px 6px #000;

color: #FF0;

padding: 5px 30px;

margin: 2px;

background: rgba(0,#346DAD,0,0.7);

letter-spacing: 1px;

-moz-transform: scale(1);

-ms-transform: scale(1);

-o-transform: scale(1);

-webkit-transform: scale(1);

transform: scale(1);

-webkit-transition: all 0.3s linear;

-moz-transition: all 0.4s linear;

-o-transition: all 0.4s linear;

-ms-transition: all 0.4s linear;

transition: all 0.4s linear;

}

.bmenu:hover a{

text-shadow: 0px 0px 5px #A3EA1E;

color: transparent;

background: rgba(0,#346DAD,0,0.2);

}

.bmenu a:hover{

background: rgba(0,#346DAD,0,1.0);

text-shadow: 0px 0px 0px #A3EA1E;

-moz-transform: scale(1.5);

-ms-transform: scale(1.5);

-o-transform: scale(1.5);

-webkit-transform: scale(1.5);

transform: scale(1.5);

}

/* Основная страница */

<div class="bmenu">

<a class="bmenu" href="main.php">Главная</a>

<a class="bmenu" href="sections.php">Разделы</a>

<a class="bmenu" href="forum.php">Форум</a>

<a class="bmenu" href="sitemap.php">карта сайта</a>

</div>

/* Вертикальное меню*/

/*style.css*/

body {

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

font-size: 0.9em;

}

p {

line-height: 1.5em;

}

ul#menu, ul#menu ul {

list-style-type:none;

margin: 0;

padding: 0;

width: 15em;

}

ul#menu a {

display: block;

text-decoration: none;

}

ul#menu li {

margin-top: 1px;

}

ul#menu li a {

background: #517B53;

color: #FF0;

padding: 0.5em;

}

ul#menu li a:hover {

background: #060;

}

ul#menu li ul li a {

background: #A6CC7B;

color: #030;

padding-left: 20px;

}

ul#menu li ul li a:hover {

background: #FF6;

border-left: 5px #517B53 solid;

padding-left: 15px;

}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }

.code code { display: block; padding: 3px; margin-bottom: 0; }

.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }

.indent1 { padding-left: 1em; }

.indent2 { padding-left: 2em; }

/*javascript*/

/*menu-collapsed.js*/

function initMenu() {

$('#menu ul').hide();

$('#menu li a').click(

function() {

$(this).next().slideToggle('normal');

}

);

}

$(document).ready(function() {initMenu();});

/*menu.js*/

function initMenu() {

$('#menu ul').hide();

$('#menu ul:first').show();

$('#menu li a').click(

function() {

var checkElement = $(this).next();

if((checkElement.is('ul')) && (checkElement.is(':visible'))) {

return false;

}

if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {

$('#menu ul:visible').slideUp('normal');

checkElement.slideDown('normal');

return false;

}

}

);

}

$(document).ready(function() {initMenu();});

Код формы входа на сайт и регистрационной формы

/*bd.php*/

<?php

$db = mysql_connect ("localhost","user","1234");

mysql_select_db ("db",$db);

?>

/*save_user.php*/

<?php

if (isset($_POST['login'])) { $login = $_POST['login']; if ($login == '') { unset($login);} } //заносим введенный пользователем логин в переменную $login, если он пустой, то уничтожаем переменную

if (isset($_POST['password'])) { $password=$_POST['password']; if ($password =='') { unset($password);} }

//заносим введенный пользователем пароль в переменную $password, если он пустой, то уничтожаем переменную

if (empty($login) or empty($password)) //если пользователь не ввел логин или пароль, то выдаем ошибку и останавливаем скрипт

{

exit ("Вы ввели не всю информацию, венитесь назад и заполните все поля!");

}

//если логин и пароль введены,то обрабатываем их, чтобы теги и скрипты не работали, мало ли что люди могут ввести

$login = stripslashes($login);

$login = htmlspecialchars($login);

$password = stripslashes($password);

$password = htmlspecialchars($password);

//удаляем лишние пробелы

$login = trim($login);

$password = trim($password);

// подключаемся к базе

include ("bd.php");// файл bd.php должен быть в той же папке, что и все остальные, если это не так, то просто измените путь

// проверка на существование пользователя с таким же логином

$result = mysql_query("SELECT id FROM users WHERE login='$login'",$db);

$myrow = mysql_fetch_array($result);

if (!empty($myrow['id'])) {

exit ("Извините, введённый вами логин уже зарегистрирован. Введите другой логин.");

}

// если такого нет, то сохраняем данные

$result2 = mysql_query ("INSERT INTO users (login,password) VALUES('$login','$password')",$db);

// Проверяем, есть ли ошибки

if ($result2=='TRUE')

{

echo "Вы успешно зарегистрированы! Теперь вы можете зайти на сайт. <a href='main.php'>Главная страница</a>";

}

else {

echo "Ошибка! Вы не зарегистрированы.";

}

?>

/*testreg.php*/

<?php

session_start();// вся процедура работает на сессиях. Именно в ней хранятся данные пользователя, пока он находится на сайте. Очень важно запустить их в самом начале странички!!!

if (isset($_POST['login'])) { $login = $_POST['login']; if ($login == '') { unset($login);} } //заносим введенный пользователем логин в переменную $login, если он пустой, то уничтожаем переменную

if (isset($_POST['password'])) { $password=$_POST['password']; if ($password =='') { unset($password);} }

//заносим введенный пользователем пароль в переменную $password, если он пустой, то уничтожаем переменную

if (empty($login) or empty($password)) //если пользователь не ввел логин или пароль, то выдаем ошибку и останавливаем скрипт

{

exit ("Вы ввели не всю информацию, венитесь назад и заполните все поля!");

}

//если логин и пароль введены,то обрабатываем их, чтобы теги и скрипты не работали, мало ли что люди могут ввести

$login = stripslashes($login);

$login = htmlspecialchars($login);

$password = stripslashes($password);

$password = htmlspecialchars($password);

//удаляем лишние пробелы

$login = trim($login);

$password = trim($password);

// подключаемся к базе

include ("bd.php");// файл bd.php должен быть в той же папке, что и все остальные, если это не так, то просто измените путь

$result = mysql_query("SELECT * FROM users WHERE login='$login'",$db); //извлекаем из базы все данные о пользователе с введенным логином

$myrow = mysql_fetch_array($result);

if (empty($myrow['password']))

{

//если пользователя с введенным логином не существует

exit ("Извините, введённый вами логин или пароль неверный.");

}

else {

//если существует, то сверяем пароли

if ($myrow['password']==$password) {

//если пароли совпадают, то запускаем пользователю сессию! Можете его поздравить, он вошел!

$_SESSION['login']=$myrow['login'];

$_SESSION['id']=$myrow['id'];//эти данные очень часто используются, вот их и будет "носить с собой" вошедший пользователь

echo "Вы успешно вошли на сайт! <a href='main.php'>Главная страница</a>";

}

else {

//если пароли не сошлись

exit ("Извините, введённый вами логин или пароль неверный.");

}

}

?>

/*registration.php*/

<form action="testreg.php" method="post">

<center>

<table>

<tr>

<th>

<p>

<label style="color: #A4EE48">Ваш логин:<br></label>

<input name="login" type="text" size="15" maxlength="15">

</p>

</th>

<th>

<p style="color:#517B53">___</p>

</th>

<th>

<p>

<label style="color: #A4EE48">Ваш пароль:<br></label>

<input name="password" type="password" size="15" maxlength="15">

</p>

</th>

<th>

<p style="color:#517B53">___</p>

</th>

<th>

<p>

<br>

<input type="submit" name="submit" value="Войти" style="color:#030">

</p>

</th>

<th>

<p style="color:#517B53">__________</p>

</th>

<th>

<div class="bmenu">

<a class="bmenu" href="reg.php">Регистрация </a>

</div>

</th>

</tr>

</table>

</center>

</form>

/*reg.htm*/

<center><h2>Регистрация</h2>

<form action="save_user.php" method="post">

<!--**** save_user.php - это адрес обработчика. То есть, после нажатия на кнопку "Зарегистрироваться", данные из полей отправятся на страничку save_user.php методом "post" ***** -->

<p>

<label>Ваш логин:<br></label>

<input name="login" type="text" size="15" maxlength="15">

</p>

<!--**** В текстовое поле (name="login" type="text") пользователь вводит свой логин ***** -->

<p>

<label>Ваш пароль:<br></label>

<input name="password" type="password" size="15" maxlength="15">

</p>

<!--**** В поле для паролей (name="password" type="password") пользователь вводит свой пароль ***** -->

<p>

<input type="submit" name="submit" value="Зарегистрироваться" style="color:#030">

<!--**** Кнопочка (type="submit") отправляет данные на страничку save_user.php ***** -->

</p></form></center>

/*reg.php*/

<!doctype html public "-//w3c//dtd html 4.0 //en">

<html>

<head>

<title>Математика</title>

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

<link rel="stylesheet" type="text/css" href="tables_of_styles/style.css">

<link rel="stylesheet" type="text/css" href="tables_of_styles/style_menu.css">

<xml id="xmlData" src="xml/MAIN.xml"></xml>

</head>

<body>

<div id="body">

<div id="logo">

<?php

include('block/head.htm');

?>

</div>

<div id="registr">

<?php

include('block/Registration.htm');

?>

</div>

<div id="menu_gor">

<?php

include('block/horizontal_menu.htm');

?>

</div>

<div id="news">

<?php

include('block/reg.htm');

?>

</div>

</div>

</body>

</html>

Размещено на Allbest.ru