Основная часть

1 Актуальность

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

2 Постановка задачи

2.1 Назначение

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

2.2 Как осуществляется мониторинг

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

2)С помощью скрипта на Ruby происходит сравнение этих карт.

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

3 Теоретическая часть

3.1 Основные понятия.

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

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

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

4 Техническое задание

4.1 Назначение разработки

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

4.2 Основная идея

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

4.3 Программное обеспечение, необходимое для реализации проекта

Для программной реализации данного проекта необходим :

• Apache HTTP-сервер

• PHP 5.5.0 – интерпретатор

Но проще установить утилиту Denwer, которая содержит в себе: Apache, PHP, MySQL и т.д.

5 Руководство программиста

Сайт написан, при помощи HTML(структура сайта),CSS(макияж сайта),PHP и RUBY(функциональность сайта).

5.1 Используемые на сайте таблицы каскадных стилей(CSS)

.topOfPage, q, h1, h2, h3, .headerTitle, .headerLinks, .headerLinkss, .sideBox div, #footer *

{ /* Text Color: */ color: #a0a0ff; }

q, h2, #header, .sideBox, .sideBox div, #footer

{ /* Border Color: */ border-color: #c0c0ff; }

#header, .sideBox div, .sideBox a:hover

{ /* Background Color (darker): */ background-color: #f0f0ff; }

q, .sideBox a, .sideBox span, #footer

{ /* Background Color (lighter): */ background-color: #fcfcff; }

/* ###### Browser-specific Styles ###### */

/* For IE & Mozilla-based browsers: */

.LHS {

margin-left: 2.5mm;

float: left;

clear: left;

}

.RHS {

margin-right: 2.5mm;

float: right;

clear: right;

}

/* For Mozilla-based (CSS2-fully complaint) browsers only: */

[class~="LHS"] {

margin-left: 5mm;

}

[class~="RHS"] {

margin-right: 5mm;

}

/* ###### Body Text ###### */

#bodyText {

line-height: 1.5em;

margin: 10mm 13em 0 13em;

padding: 0 1em 1ex 1em;

}

#bodyText p {

padding-bottom: 2ex;

}

.topOfPage {

font-size: 90%;

font-weight: bold;

font-variant: small-caps;

text-decoration: none;

padding-left: 1ex;

padding-right: 1ex;

float: right;

}

.smallCaps {

font-variant: small-caps;

}

body {

background-color: white;

color: black;

font-family: verdana, tahoma, helvetica, arial, sans-serif;

font-size: 95%;

margin: 0;

}

h1, h2, h3 {

font-family: "trebuchet ms", tahoma, sans-serif;

}

h1 {

font-weight: bold;

font-size: 150%;

border-bottom: 1px solid;

padding-bottom: 0.5ex;

}

acronym {

background-color: inherit;

color: teal;

border-bottom: 1px dashed teal;

cursor: help;

}

code {

font-family: "lucida console", monospace;

font-size: 90%;

}

img {

border: 0;

}

q {

font-family: tahoma, verdana, helvetica, arial, sans-serif;

font-weight: bold;

border: 2px dotted;

margin: 0 1em 1ex 1em;

padding: 0.5ex 0.5ex 0.5ex 1ex;

width: 9em;

float: left;

}

/* ###### Header ###### */

#header {

border-bottom: 2px solid;

height: 6em;

margin-bottom: 5mm;

padding: 1em 2.5mm 0 5mm;

}

.headerTitle {

font-size: 300%;

}

.headerLinks {

text-align: right;

}

.headerLinkss {

text-decoration: none;

font-weight: bold;

padding-right: 1ex;

float: right;

clear: right;

}

.headerLinks a:hover {

text-decoration: underline;

}

/* ###### Side Box ###### */

.sideBox {

border-top: 2px solid;

border-bottom: 2px solid;

width: 10em;

margin-top: 5mm;

}

.sideBox div {

font-weight: bold;

border-bottom: 1px dashed;

padding: 0.5ex 0.5em 0.5ex 0.75em;

}

.sideBox a, .sideBox a:hover, .sideBox span {

color: black;

text-decoration: none;

line-height: 1.25em;

display: block;

padding: 1ex 0.5em 1ex 0.75em;

}

/* ###### Footer ###### */

#footer {

color: inherit;

border-top: 2px solid;

border-bottom: 2px solid;

padding-top: 0.75ex;

padding-bottom: 0.75ex;

clear: left;

}

.footerImg {

padding-right: 3mm;

padding-top: 2mm;

float: right;

}

#footer div {

padding-left: 3mm;

}

#footer * {

background-color: inherit;

font-size: 92%;

}

#footer a:hover {

text-decoration: none;

}

.footerCol2 {

position: absolute;

left: 7em;

}