Новости

Разработка локальной вычислительной сети и ДИС Матвеевской средней школы

Работа добавлена:






Разработка локальной вычислительной сети и ДИС Матвеевской средней школы на http://mirrorref.ru

МИНИСТЕРСТВО СЕЛЬСКОГО ХОЗЯЙСТВА РОССИЙСКОЙ

 ФЕДЕРАЦИИ

ОРЕНБУРГСКИЙ ГОСУДАРСТВЕННЫЙ АГРАРНЫЙ УНИВЕРСИТЕТ

Кафедра комплексного обеспечения информационной безопасности автоматизированных систем

Курсовая работа по дисциплине

«Сетевые технологии»

На тему «Разработка локальной вычислительной сети и ДИС Матвеевской средней школы»

Выполнил: Тонких А. И.

Проверил: Болотова  В. С.

Оренбург 2012

СОДЕРЖАНИЕ

Введение…………………………………………………………….

2

Постановка задачи на проектирование локальной сети и ДИС…………………………………………………………………

3

Технический проект и расчет стоимости КС

………………………………….......................................................

10

Разработка дистанционной информационной системы (сайт)……………………………………………………………….

33

Вывод……………………………………………………………….

48

Литература………………………….………………………………

49

Введение

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

Постановка задачи на проектирование локальной сети и ДИС

Предметной областью данной компьютерной сети является государственное общеобразовательное учреждение (Матвеевская средняя школа). Данная государственная организация состоит из учителей и учеников. Учителей в школе 25 человек, учеников - 300 человек.

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

1.  организация образовательной (учебно-воспитательной) работы школы;

2. обеспечение административно-хозяйственной (производственной) работы школы;

3. создание режима соблюдения норм и правил техники безопасности в школе;

4. взаимодействия с другими организациями, взаимодействие с персоналом.

Рассмотрим основные направления деятельности завуча школы:

1. Организация учебно-воспитательного процесса в школе, руководство им и контроль над развитием этого процесса;

2. Методическое руководство педагогическим коллективом;

3. Обеспечение режима соблюдения норм и правил техники безопасности в учебном процессе.

4. Взаимодействие с учительским составом, а так же взаимодействие  с учениками школы.

Рассмотрим основные направления деятельности учителей школы:

1.  Обучение и воспитание обучающихся с учётом специфики преподаваемого предмета и возраста обучающихся;

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

 3.Обеспечение режима соблюдения норм и правил техники безопасности в учебном процессе.

4. Непосредственное взаимодействие с учительским персоналом, учениками.

Взаимодействие учеников, директора, завуча, а так же учителей можно изобразить схемой:

Как видно из рисунка, учителя, ученики, директор и завуч взаимодействуют друг с другом, причем это взаимодействие является дуплексным (двусторонним)

Рассмотрим характеристики структурных подразделений данной организации. Обратимся к рисункам. На рисунке 1 показана схема третьего этажа. В кабинете № 24 находится учительская, во всех остальных кабинетах проводятся уроки. На рисунке 2 показана схема второго этажа. Во всех кабинетах второго этажа проводятся занятия. На рисунке 3 изображена схема первого этажа. Кабинет № 8 - это кабинет директора, кабинет № 3 это кабинет, в котором располагается библиотека школы. Во всех остальных кабинетах первого этажа проводятся уроки.

Итак, определим роль которую будут играть информационные технологии в школе. Рассмотрим взаимосвязь персонала школы, а также учеников. И персонал, и ученики непрерывно взаимодействуют между собой. Например, чтобы рассказать о том какие необходимые книги есть в библиотеке, учитель математики (литературы или любой другой) может обратиться к компьютеру в кабинете № 8 и посмотреть какие книги есть в библиотеке. Чтобы эта связь была быстрой и не были затрачены лишние часы на поиски какой-либо информации,  можно создать сеть и объединить все компьютеры которые есть в школе.

Но тут возникает вопрос: какие функции данная сеть будет выполнять? Чтобы ответить на него нужно рассмотреть какие задачи решаются в данной организации ежедневно. А в данной организации решаются задачи:

- доступ к книгам в библиотеке (поиск необходимой книги и др.);

- доступ к интернету, заметим, что это не маловажно для данной организации, так как в настоящее время много полезной информации (учебной), можно найти в сети;

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

Этот список можно продолжать, так как в школе кроме этого решается множество других задач.

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

План здания с расположением компьютеров  приведены на рисунках 1-3.

Рис. 1 Расположение компьютеров на третьем этаже

Рис. 2 Расположение компьютеров на втором этаже

Рис 3. Расположение компьютеров на первом этаже

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

Технический проект и расчет стоимости КС

Итак, мы обосновали для чего нужна сеть для данного государственного учреждения.

Существуют различные кабели для соединения компьютеров. Рассмотрим те, которые широко используются в настоящее время.

  1. Коаксиальный Кабель (Рис 4)

Рис 4

Это один из первых проводников, использовавшихся для создания сетей. Содержит в себе центральный проводник, слой изолятора в медной или алюминиевой оплетке и внешнюю ПВХ изоляцию. Максимальная скорость передачи данных - 10 Мбит. Кабель достаточно сильно подвержен электромагнитным наводкам. В случае повреждения ремонтируется с трудом (требуется пайка и тщательная изоляция), но даже после этого восстановленный участок работает медленно и нестабильно: появляются искажения электромагнитных волн, распространяющихся в коаксиальном кабеле, что приводит к потерям информации.

  1. Витая Пара (Рис 5)

Рис 5

В настоящее время это наиболее распространённый сетевой проводник. По структуре он напоминает многожильный телефонный кабель, имеет 8 медных проводников, перевитых друг с другом, и хорошую плотную изоляцию из поливинилхлорида (ПВХ). Обеспечивает высокую скорость соединения - до 100 мегабит/с (Около 10-12 Мб/Сек) или до 200Мбит в режиме full-duplex. При использовании гигабитного оборудования достижимы скорости до 1000 Мбит.Существует неэкранированная и экранированная витая пара, помимо обычной изоляции у второго типа витой пары существует защитный экран, по структуре и свойствам напоминающий фольгу. При соответствующем заземлении экранированная витая пара обеспечивает отличную защиту от электромагнитных помех, даже при проводке вблизи электрораспределительного щитка и линий высокого напряжения отмечалась стабильная работа сети на скоростях свыше 90 Мбит.

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

  1. Оптоволоконный кабель (Рис 6)

Рис 6

Кабель содержит несколько световодов, хорошо защищенных пластиковой изоляцией. Он обладает сверхвысокой скоростью передачи данных (до 2 Гбит), и абсолютно не подвержен помехам. Расстояние между системами, соединенными оптиковолокном, может достигать 100 километров. Казалось бы, идеальный проводник для сети найден, но стоит оптический кабель чрезвычайно дорого (около 150 руб. за метр), и для работы с ним требуется специальные сетевые карты, коммутаторы и т.д. Без специального оборудования оптоволокно практически не подлежит ремонту.

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

Отразим рассмотренное выше в таблице:

Тип Кабеля (10 Мбит/с = около 1 Мб в сек)

Скорость передачи данных (мегабит в секунду)

Макс официальная длина сегмента, м

Макс неофиц. длина сегмента, м*

Возможность восстановления при повреждении \ Наращивание длины

Подвержен- ность помехам

Стоимость

Витая пара

Неэкронированная Витая пара

100 / 10 / 1000 Мбит/с

100 / 100 /100 м

150 /300 / 100 м

Хорошая

Средняя

Низкая, 3-6 руб/метр

Экранированная витая пара

100 / 10 / 1000 Мбит/с

100 / 100 / 100 м

150 / 300 / 100 м

Хорошая

Низкая

Средняя, 8 руб/метр

** Кабель полевой П-296

100 / 10 Мбит/с

------

300 (500) / 800 м

Хорошая

Низкая

Высокая, 12-30 руб/метр

** 4-х жильный телефонный кабель

30/10 Мбит/с

------

Не более 30 м

Хорошая

Высокая

Очень низкая, 2 руб/метр

Коаксиальный кабель

Тонкий коаксиальный кабель

10 Мбит/с

185 м

250(300) м

Плохая Требуется пайка

Высокая

Низкая

Толстый Коаксиальный  кабель

10 Мбит/с

500 м

600(700)

Плохая Требуется пайка

Высокая

Средняя

Оптоволокно

Одномодовое оптоволокно

100-1000 Мбит

До 100 км

----

Требуется спец. оборудование

Отсутствует

1-3$ за метр

Многомодовое оптоволокно

1-2 Гбит

До 550 м

----

Требуется спец. оборудование

Отсутствует

1-3$ за метр

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

Для соединения мы будем использовать коннекторыRJ 45 (рисунок 7 )

Рис. 7 Rjконнекторы

Так же необходимо правильно обжать витую пару, все это наглядно показано на рисунке 8.

Рис 8 Обжим витой пары

Коммутаторы. Планируется приобрести коммутаторы  D’link DES-1026G 24 порта стоимостью 3242 руб.(Рисунок 9),

Рис 9D’linkDES-1026G 24

D’link DES 1015D 16 портов 2 штуки стоимостью 1404 руб. за 1 штуку (Рис 10).

Рис 10D’link DES 1015D 16

Рассчитаем протяженность всей сети. Длина школы 70 метров, длинна одного класса составит 16 метров. Будем считать, что до самого компьютера нужно еще 2 метра витой пары. Для того чтобы Сигнал не затух необходимо использовать повторители (коммутаторы). На третьем этаже коммутатор планируется расположить в учительской (Кабинет № 24).

Рассчитаем, сколько потребуется витой пары на третий этаж. До компьютера в кабинете № 20 потребуется 12+12+12+5+2=43 метров. Откуда взялись числа 12, 2 и 8? Все очень просто, 12 – длина одного кабинета. Чтобы соединить компьютер в двадцатом кабинете нужно провести кабель через 3 кабинета, к этому прибавить еще длину до компьютера и до самого коммутатора. Аналогично рассчитаем длину до компьютеров в кабинетах 21 – 23. Получится, что до компьютера в 21 кабинете нужно 31 метров. До компьютера в 22 – м кабинете нужно 19 метра и для компьютера в 23 – м кабинете потребуется 8 метров витой пары.

Для кабинета № 24 будем считать, что расстояние между компьютерами 1 метр,  расстояние от стены 1 метр. Тогда получим,  что для всех компьютеров в кабинете №  24 потребуется 17+16+15=48 метров. Для кабинета № 25 потребуется 2+7+16,5=25,5 метров. И для кабинета № 26 потребуется 13+10+16,5=39,5.

Итого для третьего этажа потребуется 39,5+25,5+48++8+19+31+43=214 метров.

Рассмотрим второй этаж. На втором этаже планируется установить два коммутатора. Один в кабинете № 15 и другой в подсобном помещении около кабинета № 15 как показано на рисунке 8. Мы уже знаем, что длина кабинета составляет 16 метров. Аналогично, как рассчитывали длину для третьего этажа, рассчитаем длину витой пары до каждого компьютера на втором этаже.

Итак, до компьютера в кабинете № 10 потребуется 12+12+12+2+10+5=53 метра.

Для кабинета № 11 потребуется 53-12=41 метр.

Для кабинета № 12 потребуется 41-12=29 метров.

Для кабинета № 13 потребуется 29-12=17 метров.

Теперь рассмотрим кабинет № 14. Будем считать, что расстояние между компьютерами составляет 1 метр, тогда получится, что общее расстояние, которое потребуется для соединения компьютера и коммутатора в кабинете № 15 будет равно 7+6+8+10+12+14+21+23+25+27+29=182 метра.

Для кабинета № 15 получим расстояние 3 метра.

Для кабинетов № 16, 17 расстояние до ближайшего коммутатора будет равно:

-для кабинета № 16 длина витой пары будет равна 5+6=11 метров;

-для кабинета № 17 длина витой пары будет равна 6+5+2=13 метров.

Итого для сегмента сети на третьем этаже получим 13+11+182+17+29+41+53=346 метров.

Рассчитаем длину сегмента сети для первого этажа. Обратимся к рисунку 7.

Для кабинета № 1 длина витой пары составит 7 метров.

Для кабинета № 2 длина витой пары составит 7 метров.

Для кабинета № 3 длина витой пары составит 10 метров.

Для кабинета № 4 длина витой пары составит 2+10+20=32 метров.

Для кабинета № 5 длина витой пары составит 2+5+20=27 метров.

Для кабинета № 6 длина витой пары составит 2+25=27 метров.

Для кабинета № 7 длина витой пары составит 2+20 = 22 метра.

Для кабинета физруков длина витой пары составит 2+6+12+7=27 метров.

Для кабинета № 8 длина витой пары составит 5 метров.

Итого для первого этажа общая длина витой пары составит 27+5+22+27+27+32+7+7+10=164 метра.

Обратимся к рисунку 10. Расстояние между коммутаторами, расположенными на 1-ом, 2-м и 3-ем этажах составит:

  • 3 метра между коммутатором на втором и третьем этажах;
  • 10 метров между коммутаторами между коммутаторами на втором этаже;
  • 20 метров между коммутатором в подсобном помещении и коммутатором в кабинете директора.

Итого протяженность между этажами составит 3+10+20=33 метра.

Общая протяженность оставит 33+164+346+182=625 метров.

Сфера применения данной компьютерной сети – это учебная сфера, так как сеть решает только задачи связанные с учебной сферой.

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

В качестве программного обеспечения планируется использовать ОС ALT Linux «Школьный юниор». ALT Linux «Школьный юниор» содержит расширенные набор приложений, основана на рабочей среде GNOM. Минимальные системные требования: процессор 667 МГц, ОЗУ от 256 Мб, DVD-ROM. В качестве ОС для сервера планируется использовать ALT Linux «Школьный сервер». Системные требования: процессор от 233 МГц, ОЗУ от 128 Мб в зависимости от решаемых задач.

Так же в классе информатики будет установлена еще одна ОС — Windows 7 Professional.

AltLinux это один из «дружелюбных дистрибутивов»Linux.

Рассмотрим установкуAltLinux.

Устанавливаем в BIOS загрузку с оптического носителя, вставляем диск с ALT Linux в привод и перезагружаем компьютер (рисунок 11).

Рис .11 Стартовое меню диска

Следующий шаг мастера установки ALT Linux — это выбор языка системы. Предлагается четыре пункта: английский, русский, татарский и украинский. Однако при выборе третьего варианта, язык остается русским. Почему? На татарский язык переведен только KDE. Сам дистрибутив (установщик и фирменные пакеты), а также большинство приложений не имеют татарского интерфейса.

Рис. 12 Справочная система

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

Рис 13. Выбор варианта переключения раскладки клавиатуры

Во время выбора раскладки клавиатуры, по умолчанию предлагается вариант, использующийся в Windows как альтернатива. Многие дистрибутивы Linux используют клавишу Caps Lock для подобных целей. Здесь, видимо, разработчики пошли по пути наибольшей преемственности навыков.

Для указания часового пояса предлагается список городов выбранной в начале инсталляции страны. Удобное решение. Большинство дистрибутивов собирает городской урожай со всего мира.

Есть возможность синхронизации времени со специальным сервером. Предлагается лишь один адрес. Система может и сама работать в качестве сервера точного времени.

Рис . 14 Настройка времени и даты

Допускается создание новых разделов. Можно не сразу форматировать его. В этом случае, возможно изменение его размера. Как только добавляется файловая система, опции уменьшения или увеличения размера пропадают. Иными словами, отформатированные разделы и, тем более, имеющие какие-либо данные, трогать в установщике ALT Linux нельзя. По этой причине, функциональность менеджера разделов рассматриваемого дистрибутива находится примерно на одном уровне с аналогичным компонентом Windows XP.

Рис. 15 Менеджер разделов жесткого диска

Все предыдущие рассмотренные варианты Linux имели более функциональные компоненты подготовки дисков, позволяющие менять размер размеры даже NTFS-разделов, при этом без особого риска потери данных. Несмотря на это, в случае использования чистого винчестера, вы можете обойтись и средствами инсталлятора ALT Linux. Он поддерживает две используемые в Linux файловые системы — ext3 и XFS.

Рис. 16 Установка загрузчика

Вы можете установить дополнительные наборы пакетов. Они представляют собой линейный список. Под окном выбора пунктов показывается объем дискового пространства, требуемый под ваш набор. В ранних версиях ALT Linux пользователя заставляли ломать голову над выбором отдельных пакетов. К счастью, этого больше нет, установка стала намного проще.

Рис. 17 Выбор дополнительных пакетов

Учетная запись администратора в открытых системах называется «root». Установщик ALT Linux не накладывает ограничений на длину пароля, как это делают другие дистрибутивы. Действительно, пользователю лучше знать, какой длины использовать пароль. Тем более, он — системный администратор.

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

Рис. 18 Ввод пользователей

На этапе инсталляции продукта можно настроить параметры сети. Выводится список обнаруженных устройств. По умолчанию предлагается автоматический вариант настройки через DHCP. Однако вы можете переключиться в ручной режим. IP-адрес вводится пользователем. Маска подсети выбирается из списка. Кроме того, можно вводить имя локального компьютера.

Рис. 19 Настройка сетевых параметров

Установка системы постепенно приближается к концу, и вот, остается лишь проверить параметры видео. По умолчанию используется открытый драйвер. Однако сразу предлагается заменить его закрытым аналогом (применимо для NVIDIA и AMD), чтобы заработало аппаратное ускорение OpenGL. И в этом случае не удается протестировать настройки видео. Система выводит сообщение о конфликте драйверов (например, nv и nvidia).

Рис. 20 Настройка параметров видео

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

Сеть можно разделить на сегменты. Все сегменты проектируемой сети будут относится к топологии «звезда», так как все машины соединены с центральным узлом — сервером. Эта топология наиболее подходит к проектируемой сети, потому что все машины должны иметь доступ к сети.

Схема ЛВС показана на рисунках 21-24.

Рис 21. Сегмент сети (Первый этаж)

Рис 22. Сегмент сети (второй этаж)

Рис 23. Сегмент сети (третий этаж)

Рис 24. Соединение коммутаторов

Условные обозначения:

         - Компьютер

              - Интернет сервер

             - Соединение компьютеров

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

Название составляющей

Характеристики

Цена (Руб.)

Материнская плата Gigabyte GA-G41M-ES2h

Сокет LGA775

Память DDR2

Кол-во слотов 2

SATA

IDE

Звук 7.1, HDA, На основе Realtek ALC888B

Встроенный видеоадаптер на основе Intel GMA X4500

1426

Процессор Intel Celeron E3500

Частота 2.7 ГГц

Шина 800 МГц

Сокет LGA775

Кол-во ядер 2

Кеш 1024 кб

2020,71

Оперативная память Kingston

DDR2

Объем 2Гб

1015

Монитор Philips 17S1SB/62

Максимальное разрешение 1280х1024

4001

Мышь потическая  Logitech M100

USB-интерфейс

100

DVD-RW привод (Фирма Nec)

868

HDD Western Digital Caviar

Ёмкость 165 Гб

Интерфейс SATA

2080

Клавиатура Genius

SP/2

100

Корпус mATX MiniTower Linkworld

С Блоком питания 350Вт

988

Куллер для процессора Intel P4 775

Сокет LGA775

2000-3000 об/мин

Охлаждение воздушное

458

Сервер

Hyperion RS100 G4

Процессор 1 Intel Xeon E3 серии 1200/ Core i3 2xxx серии (до 4 ядер)

Максимальный объём памяти 16GB двухканальной ECC DDR3 1333

Встроенные контроллеры 2 порта SATA3

Максимальное количество дисков 2 SATA с горячей заменой

39600

Сетевой адаптер Intel PRO/1000 GT

10/100/1000 Eth, PCI, RJ-45, 1 - портовый

990

Витая пата

Витая пара пятой категории, неэкранированная

5(за 1 метр)

Коннекторы RJ-45

5

Для того чтобы собрать один компьютер потребуется сумма 14046 руб, всего компьютеров 35 значит получим общую сумму  477564 руб. потребуется на компьютеры.

Так же планируется приобрести концетраторы Dlink DES-1026G 24 порта стоимостью 3242 руб., Dlink DES 1015D 16 портов 2 штуки стоимостью 1404 руб. за 1 штуку.

Так же для сети потребуются коннекторы Rj 45 около 100 штук. Цена  одного коннектора 5 руб. Всего на коннекторы уйдет 500 рублей.

Затраты на витую пару составят 3125 рублей.

Подсчитаем полную стоимость сети 500+3125+477564+3242+2808=487239 руб.

Ну а теперь о самой сети. Наша сеть относится к топологии звезда (рисунок 25).

Рис 25 Топология звезда

Звезда — базовая топология компьютерной сети, в которой все компьютеры сети присоединены к центральному узлу (обычно коммутатор), образуя физический сегмент сети. Подобный сегмент сети может функционировать как отдельно, так и в составе сложной сетевой топологии (как правило, «дерево»). Весь обмен информацией идет исключительно через центральный компьютер, на который таким способом возлагается очень большая нагрузка, поэтому ничем другим, кроме сети, он заниматься не может. Как правило, именно центральный компьютер является самым мощным, и именно на него возлагаются все функции по управлению обменом. Никакие конфликты в сети с топологией звезда в принципе не возможны, потому что управление полностью централизовано.

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

Разработка дистанционной информационной системы (сайт)

Сайт для данной организации написан на языкеphp,html,javascript, а так же для хранения информации используется база данныхMySQL.

Рис 26. Главная страница сайта

Так же при создании сайта было использовано приложение XAMPP. XAMPP — это программа с уже настроенным сервером apache, сервером MySql, а так же поддержкой таких языков как perl и php. Также было использовано приложение phpmyadmin для работы с базами данных.

Рассмотри рисунок 25. На нем приведена главная страница сайта. Сайт посвящен Матвеевской средней школе. Рассмотрим код главной страницы.

<?php

include('header.html');

?>

<style>

.img {

border: 2px solid #B57F5A;

}

.table {

border: 1px solid #B57F5A;

background-color:#E7DCD5;

filter:alpha(opacity=50);

border-radius:3px;

}

P {

 color: #7D4E30;

}

</style>

<table align = "center" class = "table" >

<tr>

<td>

<? $tag_start = '<table align = "center"><tr><td>';

$tag_end = '</td></tr></table>';

echo $tag_start;

?>

<p>Сайт посвящён ученикам, выпускникам нашей школы и учителям. Окончив школу,

<p>мы хотим поддерживать с ней связь, узнавать все школьные новости, чем

<p>дышит наш маленький мир - мир, в котором мы учились, испытывали радость

<p>при встрече друг c другом. Нам будет приятно, если о нашей школе узнает

<p>больше людей.

<p>Первые известия о Матвеевской школе относятся к концу 19 века.<br>

<?echo $tag_end, $tag_start; ?>

<img class = "img" src = "img_history/1.jpg">

<?echo $tag_end, $tag_start; ?>

<p>С возникновением земства в с. Матвеевка открыли земскую школу. pОбучение в<br>

<p>ней было трехгодичным. В ней обучались в основном дети купцов и зажиточных<br>

<p>крестьян. Первым учителем земской школы был священник. Спустя время напротив<br>

<p>земской была построена женская школа. В обе школы принимались подростки не<br>

<p>моложе девяти лет, а также подростки двенадцати, пятнадцати лет.<br>

<?echo $tag_end, $tag_start; ?>

<img class = "img" src = "img_history/2.jpg">

<?echo $tag_end, $tag_start; ?>

<p>В 1905 году в Матвеевке построили общую школу, куда принимали девочек и<br>

<p>мальчиков. В школе к тому времени было 20 учеников. После Октябрьской революции<br>

<p>в школе появились пионерская и комсомольская организации. В 1936 году Матвеевская<br>

<p>школа была переименована в среднюю.<br>

<?echo $tag_end, $tag_start; ?>

<img class = "img" src = "img_history/3.jpg">

<?echo $tag_end, $tag_start; ?>

<p>В 1939 году школа преобразована в одиннадцатилетнюю. Первый выпуск составлял <br>

<p>19 человек. В годы Великой Отечественной войны в Матвеевской школе работали эвакуированные<br>

<p>учителя.<br>

<?echo $tag_end, $tag_start; ?>

<img class = "img" src = "img_history/4.jpg">

<?echo $tag_end, $tag_start; ?>

<p>В 1941году школа вновь становится десятилетней.<br>

<?echo $tag_end, $tag_start; ?>

<img class = "img" src = "img_history/5.jpg">

<?echo $tag_end, $tag_start; ?>

<p>В 1973 году было введено в эксплуатацию новое здание, которое функционирует по настоящее<br>

<p>время. С 1989 года по настоящее время школа одиннадцатилетняя.<br>

<?echo $tag_end, $tag_start; ?>

<img class = "img" src = "img_history/6.jpg">

<?echo $tag_end, $tag_start; ?>

<p>В 2001 году Матвеевская средняя школа переименована в муниципальное общеобразовательное<br>

<p>учреждение Матвеевская средняя общеобразовательная школа. В 2007 году наша школа стала лауреатом<br>

<p>гранта губернатора Оренбургской области. Летом 2009 года в школе прошел капитальный ремонт.<br>

<?echo $tag_end, $tag_start; ?>

<img class = "img" src = "img_history/7.jpg">

<?echo $tag_end, $tag_start; ?>

<p>Вот такая наша школа сегодня.<br>

<? echo $tag_end; ?>

</td>

</tr>

</table>

<? Include(‘under.html’); ?>

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

Рассмотримстроку <?php include('header.html'); ?>.В ней мы видим, как начинается скриптphp, а именно <?php ?>. Функция include позволяет включать файлы в код PHP скрипта во время выполнения сценария. В данном случае в скрипт включается файлheader.html.

Рассмотрим  тег  <style>. Тег  <style> применяется для определения стилей элементов веб-страницы. Можно задавать более чем один тег <style>.

В данном случае тег <style> определяет вид таблицы, рамки изображений, а так же цвет текста.

Элемент <table> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <tr> и <td>. Таблицы с невидимой границей долгое время использовались для верстки веб-страниц, позволяя разделять документ на модульные блоки. Подобный способ применения таблиц нашел воплощение на многих сайтах, пока ему на смену не пришел более современный способ верстки с помощью слоев. В данном случае тег <table> используется в качестве

невидимой таблицы для размещения объектов на странице. Атрибуты тега <table>:align -  определяет выравнивание таблицы,background - задает фоновый рисунок в таблице,border - толщина рамки в пикселах,  cellpadding - отступ от рамки до содержимого ячейки,сообщает браузеру, как отображать границы вокруг таблицы,height-  высота таблицы,rules- сообщает браузеру, где отображать границы между ячейками,summary- краткое описание таблицы,width -ширина таблицы.

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

Тег <p> определяет текстовый абзац. Тег <p> является блочным элементом, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой отбивкой. Величиной отбивки можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего блочного элемента.

Тег <img> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Этот тег имеет единственный обязательный атрибут src, который определяет адрес файла с картинкой. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег <img> в контейнер <a>. При этом вокруг изображения отображается рамка, которую можно убрать, добавив атрибут border="0" в тег <img>.

Рассмотрим файлheader.html.

<head>

<meta charset="utf-8">

<title>Матвеевская средняя школа</title>

<script type = "text/javascript" src="files/9/http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>

<script type = "text/javascript" src = "js/up.js"></script>

<style>

#pagewrap {

margin: 0 auto;

width: 800px;

padding-left: 0px;

position: relative;

}

.table {

border: 1px solid #EB9C66;

border-radius:3px;

background-color:#E7DCD5;

filter:alpha(opacity=50);

}

#back-top {

position: fixed;

bottom: 30px;

}

#back-top a {

width: 108px;

display: block;

text-align: center;

font:bold 12px/100% Arial, Helvetica, sans-serif;

text-transform: uppercase;

text-decoration: none;

color: #bbb;

/* background color transition */

-webkit-transition: 1s;

-moz-transition: 1s;

transition: 1s;

}

#back-top a:hover {

color: #000;

}

/* arrow icon (span tag) */

#back-top span {

width: 108px;

height: 108px;

display: block;

margin-bottom: 7px;

background:  #D8D095 url(up-arrow.png) no-repeat center center;

border: 1px solid #B57F5A;

/* rounded corners */

-webkit-border-radius: 70px;

-moz-border-radius: 70px;

border-radius: 50px;

/* background color transition */

-webkit-transition: 1s;

-moz-transition: 1s;

transition: 1s;

-moz-opacity: 0.7;

-khtml-opacity: 0.7;

-opacity: 0.7;

}

#back-top a:hover span {

background-color: #B57F5A;

}

.button {

   color: #fff;

   text-decoration: none;

   text-shadow: 1px 1px 1px #000;

background: #C38052;

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EB9C66', endColorstr='#95684A');

   background: -webkit-gradient(linear, left top, left bottom, from(#EB9C66), to(#95684A));

   background: -moz-linear-gradient(top,  #EB9C66,  #95684A);

   background: gradient(linear, top,  #EB9C66,  #95684A);

   border: 1px solid #B57F5A;

   border-radius: 0px;

   padding: 10px 35px;

</style>

</head>

<body class = "back" background = "back.jpg" id  = "top">

<div id="pagewrap">

<table align = "center">

<tr>

<td><h1><p>Матвеевская средняя школа</h1></td>

</tr>

<tr>

<table align = "center" cellspacing = 0>

<tr>

<td><a class = "button" href = "about.php">Ошколе</a></td>

<td><a class = "button" href = "teacher.php">Нашиучителя</a></td>

<td><a class = "button" href = "book.php">Гостеваякнига</a></td>

<td><a class = "button" href = "kont.php">Контакты</a></td>

</tr>

</table>

<br>

</tr>

</table>

<br>

<p id="back-top">

<a href="#top"><span></span>Наверх</a>

</p>

</div>

Рассмотрим строку: <scripttype = "text/javascript"src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script><scripttype = "text/javascript"src = "js/up.js"></script>.  В ней видно что на сайте используетсяjavascript. JavaScript — прототипно-ориентированный скриптовый язык программирования. JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам. На рисунке 25javascriptвиден как кнопка со стрелкой вверх.

Как уже говорилось ранее, тег <style> используется для изменения вида элементов веб-страницы.

<html></html> - указывает программе просмотра страниц что это HTML документ.

<head></head> - определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.

<body></body> -  определяет видимую часть документа.

Тег <title> определяет заголовок документа. Элемент <title> не является частью документа и не показывается напрямую на веб-странице.

Тег <ahref =”имя документа”> задает адрес документа, на который следует перейти. Поскольку в качестве адреса ссылки может использоваться документ любого типа, то результат перехода по ссылке зависит от конечного файла. Так, архивы (файлы с расширением zip или rar) будут сохраняться на локальный диск. По умолчанию новый документ загружается в текущее окно браузера, однако это свойство можно изменить с помощью атрибутаtarget.

Рассмотрим файлup.js.

$(document).ready(function(){

$("#back-top").hide();

$(function() {

$(window).scroll(function() {

 if ($(this).scrollTop() > 0) {

  $('#back-top').fadeIn();

 } else {

  $('#back-top').fadeOut();

 }

});

$('#back-top a').click(function() {

$('header.html').animate({

 scrollTop: 0

}, 9000);

return false;

});

});

});

Как видно, файл состоит всего из 18 строк. Все, что делает этот скрипт, это переход снизу страницы вверх. На рисунке 26 его можно увидеть как кнопку со стрелкой указывающей вверх.

Рис 27 Гостевая книга

Рассмотримфайл book.php.

<?php

include('header.html');

?>

<?php

$user = $comment = '';

if (isset($_POST['name']) && isset($_POST['comments'])) {

$user = $_POST['name'];

$comment = $_POST['comments'];

}

if (($user == "") && ($comment == "")) {

} else {

$head = '<table width = "722" class = "table" align = "center">

<tr>

<td>';

$date = (date("G:i:s d.m.y"));

$under = ')<br>

<hr class = "hr" width = "710">';

$under_2 = '</td>

</tr>

</table><br>';

$file = fopen('ot.html', 'a');

fwrite($file, $head.$user." "."(".$date.$under.$comment.$under_2."\n");

fclose($file);

}

?>

<style>

.button {

   color: #fff; /*Цветтекстассылки */

   text-decoration: none; /*Убираемподчеркиваниессылки */

   text-shadow: 1px 1px 1px #000; /*добавляемтеньдлятекста */

background: #C38052; /* Цвет фона кнопки по умолчанию*/

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EB9C66', endColorstr='#95684A'); /*Градиенткнопки */

   background: -webkit-gradient(linear, left top, left bottom, from(#EB9C66), to(#95684A)); /*Градиенткнопки */

   background: -moz-linear-gradient(top,  #EB9C66,  #95684A); /*Градиенткнопки */

   background: gradient(linear, top,  #EB9C66,  #95684A); /*Градиенткнопки */

   border: 1px solid #B57F5A; /*Обводкакнопки */

   border-radius: 0px; /*Радиусзакругленыхугловкнопки */

padding: 10px 35px; /* Внутреннии отступы кнопки */

}

.input{

 border:1px solid #EB9C66;

 border-radius:3px;

 -moz-border-radius:3px;

 -webkit-border-radius:3px;

 transition:border linear .2s,box-shadow linear .2s;

 -moz-transition:border linear .2s,-moz-box-shadow linear .2s;

 -webkit-transition:border linear .2s,-webkit-box-shadow linear .2s;

}

.table {

border: 1px solid #EB9C66;

border-radius:3px;

background-color:#E7DCD5;

filter:alpha(opacity=50);

}

.hr {

border: 1px solid #EB9C66;

border-radius:3px;

}

.button_form {

color: #fff; /* Цвет текста ссылки */

   text-decoration: none; /* Убираем подчеркивание ссылки */

   text-shadow: 1px 1px 1px #000; /* добавляем тень для текста */

   background: #C38052; /* Цвет фона кнопки по умолчанию*/

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EB9C66', endColorstr='#95684A'); /*Градиенткнопки */

   background: -webkit-gradient(linear, left top, left bottom, from(#EB9C66), to(#95684A)); /*Градиенткнопки */

   background: -moz-linear-gradient(top,  #EB9C66,  #95684A); /*Градиенткнопки */

   background: gradient(linear, top,  #EB9C66,  #95684A); /*Градиенткнопки */

   border: 1px solid #B57F5A; /*Обводкакнопки */

border-radius: 0px; /* Радиус закругленых углов кнопки */

   padding: 10px 35px; /* Внутреннии отступы кнопки */

}

</style>

<?php

$file = fopen('ot.html','r');

$i = 0;

while (!feof($file)) {

fgets($file);

$i++;

}

fclose($file);

?>

<table align = "center" class = "table">

<tr><td>

<? if ($i == 11) {

echo '<table width = "722" align = "center" class = "table"><tr><td>Поканетотзывов<br><hr class = "hr" width = "710"></td></tr></table>';

} else {

include('ot.html');

}

?>

<table align = "center">

<form action="book.php" method = POST>

Вашеимя:

<input type = "text" class = "input" name = "name" size = 103>

</table>

<table align = "center">

<textarea rows = 10 cols = 88 class = "input" name = "comments">

</textarea>

</table>

<table align = "center">

<tr><td>

<button class = "button_form">Добавитькомментарий</button>

</td></tr>

</table>

</td></tr>

</form>

</table>

Для добавления сообщения необходимо заполнить все поля формы. В этом скрипте идет проверка заполнения, если поля не заполнены, то сообщение не добавится.

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

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

Так же здесь мы видим простейшую синтаксическую конструкциюphpif (условие) {действие}else {действие}. Конструкция else if, как ее имя и говорит есть сочетание if и else. Аналогично else, она расширяет оператор if для выполнения различных выражений в случае, когда условие начального оператора if эквивалентно FALSE. Однако, в отличии от else, выполнение альтернотивного выражения произойдет только тогда, когда условие оператора elseif будет являться равным TRUE.

В форме для передачи данных серверу используется закрытый методpost.

Если необходимо передать на веб-сервер большой объем данных, например, текст сообщения или файл, используютPOST-запрос. В этом типе запроса параметры помещаются в телоHTTP-запроса, а размер передаваемых данных в байтах указывается в заголовкеContent-Length:

POST /enterHTTP/1.1

<Различные заголовки>

Content-Length: 27

<Различные заголовки>

login=admin&password=qwerty

Теперь рассмотрим содержимое файлаteacher.php.

<?php

include('header.html');

$link = mysql_connect('localhost','root','') or die("соединение не установлено");

mysql_select_db('shcool',$link);

mysql_set_charset('utf8', $link);

$query = "select * from `teacher`";

$result = mysql_query($query) or die("Запрос не выполнен");

?>

<style type = "text/css">

.img {

border: 2px solid #B57F5A;

}

.table {

border: 1px solid #B57F5A;

background-color:#E7DCD5;

filter:alpha(opacity=50);

border-radius:3px;

}

P {

 color: #7D4E30;

}

</style>

<?

echo '<table align = "center" class = "table"><tr><td align = "center">';

while($line = mysql_fetch_array($result, MYSQL_ASSOC)) {

echo '<table align = "center"><tr><td align = "center">';

echo '<img src = "'.$line['photo'].'" class = "img">';

echo '<p>'.$line['stat'].'<br>';

echo '<p>'.$line['name'].'</tr></td></table>';

}

echo '</td></tr></table>';

?>

В этом файле мы обращаемся к базе данных. Сначала мы коннектимся к серверу базы данных:

$link = mysql_connect('localhost','root','') or die("соединение не установлено");

Затем мы вибираем таблицу:

mysql_select_db('shcool',$link);

После этого мы выбираем кодировку таблицы для корректного отображения данных:

mysql_set_charset('utf8', $link);

Выполняем запрос:

$query = "select * from `teacher`";

$result = mysql_query($query) or die("Запрос не выполнен");

Далее мы создаем страницу с помощью циклаwhile:

while($line = mysql_fetch_array($result, MYSQL_ASSOC)) {

echo '<table align = "center"><tr><td align = "center">';

echo '<img src = "'.$line['photo'].'" class = "img">';

echo '<p>'.$line['stat'].'<br>';

echo '<p>'.$line['name'].'</tr></td></table>';

}

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

Рассмотрим программуphpmyadmin(рисунок 28).

Рис 28phpMyAdmin

phpMyAdmin  —  веб-приложение с открытым кодом, написанное на языке PHP и представляющее собой веб-интерфейс для администрирования СУБД MySQL. phpMyAdmin позволяет через браузер осуществлять администрирование сервера MySQL, запускать команды SQL и просматривать содержимое таблиц и баз данных. Приложение пользуется большой популярностью у веб-разработчиков, так как позволяет управлять СУБД MySQL без непосредственного ввода SQL команд, предоставляя дружественный интерфейс (рисунок 28).

На рисунке 28 изображена программаphpMyAdmin. Что мы на ней видим?  Справа на панели изображен список всех баз данных, которые есть на сервере. Что же позволяет делатьphpMyAdmin?

Разработчики получают полный контроль над своим сервером, над всеми базами и таблицами, возможность интерактивно исполнять SQL-запросы и даже начальные функции отладки неверных запросов. Конечно, до отладчика из пакета MySQL Query Browser phpMyAdmin еще очень далеко, но это ведь совершенно различные весовые категории.

phpMyAdmin имеет встроенные средства для проведения текущих работ с базами и таблицами – обслуживание, проверка и починка испорченных таблиц, резервирование и восстановление из архивов, экспорт данных из таблиц, как в формате SQL, так и в более специфических, например LaTeX или PDF. Для уменьшения объема файл с данными можно сразу же на сервере сжать архиватором — это очень полезно для создания на своей машине копии из удаленной базы на сайте (рисунок 29).

Рис 29 Работа с базами данных

Вывод

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

Литература

Новиков Ю. В., Кондратенко С. В. -Локальные сети. Архитектура, алгоритмы, проектирование

Котеров Д., Костеров А. –PHP 5 Второе издание

Разработка локальной вычислительной сети и ДИС Матвеевской средней школы на http://mirrorref.ru


Похожие рефераты, которые будут Вам интерестны.

1. Реферат Топология локальной вычислительной сети (ЛВС). Передача сигнала в сети с шинной топологией

2. Реферат Проектирование локальной вычислительной сети

3. Реферат Создание локальной вычислительной сети (ЛВС) для предприятия

4. Реферат Разработка локальной сети магазина

5. Реферат ОБУЧЕНИЕ АНГЛИЙСКОМУ ЯЗЫКУ В СРЕДНЕЙ ОБЩЕОБРАЗОВАТЕЛЬНОЙ ШКОЛЫ НА ОСНОВЕ СОЦИАЛЬНОЙ СЕТИ

6. Реферат Организация локальной сети

7. Реферат Проектирование локальной сети

8. Реферат СКС – основа компьютерной локальной сети (ЛВС)

9. Реферат Модернизация локально-вычислительной сети для ООО Айти-Клиник

10. Реферат Модель локальной сети на языке GPSS