Анализ предметной области и технологий построения систем

СОДЕРЖАНИЕ

ВВЕДЕНИЕ......................................................................................................... 3

1.АНАЛИТИЧЕСКАЯ ЧАСТЬ........................................................................... 4

1.1 Анализ предметной области и технологий построения систем............... 4

1.2 Анализ существующих информационных систем предметной области.. 6

1.3 Используемые технологии проектирования информационных систем... 8

1.4 Постановка задачи................................................................................... 11

2.ПРОЕКТНАЯ ЧАСТЬ.................................................................................... 13

2.1 Описание объектов информационной системы....................................... 13

2.2 Описание интерфейса............................................................................... 13

2.3 Описание процесса разработки сайта..................................................... 16

ЗАКЛЮЧЕНИЕ................................................................................................. 19

СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ................................................ 20

Приложение А............................................................................................. 21

Приложение В............................................................................................. 22


ВВЕДЕНИЕ

Цель курсового проекта - создание и разработка сайта «Сарапул вчера и сегодня».

В курсовом проекте поставлены следующие задачи:

¾ собрать и проанализировать информацию про г.Сарапул;

¾ выбрать средства разработки сайта;

¾ создать сайт;

¾ протестировать продукт в современных браузерах.

Актуальность темы состоит в том, что все жители города, а это более 100 тысяч человек любят свой город, и хотят сделать его еще лучше.

Город Сарапул расположен на правом (высоком) берегу реки Камы, в юго-восточной части Удмуртии, в 62 км от Ижевска и в 1250 км от Москвы.

Название Сарапул впервые упоминается в 1597 году в отношении местности или речки, на которой располагалось село Вознесенское – будущий город. В переводе с чувашского Сарапул–«Стерлядь», в изобилии водившаяся в Каме на этом участке.

Сарапул является значительным промышленным центром Удмуртии.

Герб Сарапула утверждён 28 мая 1781 года вместе с другими гербами Вятского наместничества.

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

Автор герба – герольдмейстер Волков.

АНАЛИТИЧЕСКАЯ ЧАСТЬ

Анализ существующих информационных систем предметной области

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

У каждого сайта есть свои достоинства и недостатки:

1.Сайт «Сарапул и его достопримечательности» (рисунок 1)

Анализ предметной области и технологий построения систем - student2.ru

Рисунок 1 – сайта «Сарапул и его достопримечательности»

Достоинства и недостатки:

Достоинства:

¾ хорошее описание достопримечательностей;

¾ есть адаптивность.

Недостатки:

¾ некоторые достопримечательности не указаны;

¾ присутствуют пустые места.

2.Сайт «Лучшие достопримечательности в Сарапуле 2017» (рисунок 2)

Анализ предметной области и технологий построения систем - student2.ru

Рисунок 2 – сайта «Лучшие достопримечательности в Сарапуле 2017»

Достоинства и недостатки:

Достоинства:

¾ Хорошая информативность.

Недостатки:

¾ нет стилей css;

¾ вылезает реклама;

¾ нет адаптивности;

¾ много пустого места.

Используемые технологии проектирования информационных систем

Web-технологии проектирования информационных процессов:

XAMPP— кроссплатформенная сборка веб-сервера (развитие LAMP), содержащая Apache, MySQL, интерпретатор скриптов PHP, язык программирования Perl и большое количество дополнительных библиотек, позволяющих запустить полноценный веб-сервер.

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

MySQL— свободная реляционная система управления базами данных. Разработку и поддержку MySQL осуществляет корпорация Oracle, получившая права на торговую марку вместе с поглощённойSunMicrosystems, которая ранее приобрела шведскую компанию MySQL AB. Продукт распространяется как под GNU GeneralPublicLicense, так и под собственной коммерческой лицензией. Помимо этого, разработчики создают функциональность по заказу лицензионных пользователей. Именно благодаря такому заказу почти в самых ранних версиях появился механизм репликации.

MySQL является решением для малых и средних приложений. Входит в состав серверов WAMP, AppServ, LAMP и в портативные сборки серверов Денвер, XAMPP, VertrigoServ. Обычно MySQL используется в качестве сервера, к которому обращаются локальные или удалённые клиенты, однако в дистрибутив входит библиотека внутреннего сервера, позволяющая включать MySQL в автономные программы.

Гибкость СУБД MySQL обеспечивается поддержкой большого количества типов таблиц: пользователи могут выбрать как таблицы типа MyISAM, поддерживающие полнотекстовый поиск, так и таблицы InnoDB, поддерживающие транзакции на уровне отдельных записей. Более того, СУБД MySQL поставляется со специальным типом таблиц EXAMPLE, демонстрирующим принципы создания новых типов таблиц. Благодаря открытой архитектуре и GPL-лицензированию, в СУБД MySQL постоянно появляются новые типы таблиц.

HTML— стандартизированный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства.

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

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

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

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

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

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

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

Задачи сайта «Сарапул вчера и сегодня»:

ПРОЕКТНАЯ ЧАСТЬ

Прошлое

Настоящее

Популярные места

Местоположение

Регистрация

Подвал

Комментарий

Слайдер

Календарь

Время

Социальные кнопки

Вход на сайт

Описание интерфейса

На этой странице отображена история города Сарапул (рисунок 3)

Анализ предметной области и технологий построения систем - student2.ru

Рисунок 3 – Прошлое

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

Анализ предметной области и технологий построения систем - student2.ru

Рисунок 4 – горизонтальное меню

Нажав на пункт меню «Настоящее» выходит информация о Сарапуле в наше время (рисунок 5)

Анализ предметной области и технологий построения систем - student2.ru

Рисунок 5 – Настоящее

Нажав на пункт меню «Популярные места» выходит информация о часто посещаемых местах в городе Сарапул (рисунок 6)

Анализ предметной области и технологий построения систем - student2.ru

Рисунок 6 – Популярные места

Нажав на пункт меню «Местоположение» появляется карта с местоположением города Сарапул (рисунок 7)

Анализ предметной области и технологий построения систем - student2.ru

Рисунок 7 – Местоположение

Нажав на кнопку «Зарегистрироваться» идёт переход на окно регистрации (рисунок 8)

Анализ предметной области и технологий построения систем - student2.ru

Рисунок 8 – Регистрация

Так же на сайте присутствует «Подвал» (рисунок 9)

Анализ предметной области и технологий построения систем - student2.ru

Рисунок 9 - Подвал

ЗАКЛЮЧЕНИЕ

СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ

Приложение А

 
  Анализ предметной области и технологий построения систем - student2.ru



Приложение В

Index.php:

<?php

session_start();

?>

<html>

<head>

<metacharset="utf-8">

<meta name="keywords" content="web design, website development, web application development, print design, database development, ecommerce websites, search engine optimization, packaging design" />

<meta name="description" content="Design Chemical, Bangkok provides web design, website development, web application development, print design, database development, ecommerce websites, search engine optimization &amp; packaging design." />

<meta name="robots" content="all" />

<title>Курсовая (Баранов)</title>

<script type="text/javascript"

src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="http://qoo.by/counter.js"></script>

<link href="style.css" rel="stylesheet">

<script type="text/JavaScript">

// prepare the form when the DOM is ready

$(document).ready(function() {

$("#gallery li img").hover(function(){

$('#main-img').attr('src',$(this).attr('src').replace('thumb/', ''));

});

varimgSwap = [];

$("#gallery li img").each(function(){

imgUrl = this.src.replace('thumb/', '');

imgSwap.push(imgUrl);

});

$(imgSwap).preload();

});

$.fn.preload = function() {

this.each(function(){

$('<img/>')[0].src = this;

});

}

</script>

</head>

<body>

<header>

<div class="autoriz">

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

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

<input name="login" type="text" size="21" maxlength="40">

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

<input name="password" type="password" size="20" maxlength="40">

<input type="submit" name="submit" value="Войти">

<button><a href="reg.php">Зарегистрироваться</a></button><br>

<div class=vxod><?php

if (empty($_SESSION['login']) or empty($_SESSION['id_user']))

{

echo "Вы вошли на сайт, как гость";

}

else

{

echo "Вы вошли на сайт, как ".$_SESSION['login']."";

echo " ";

if (isset($_GET['exit']))

session_destroy();

echo "<a href='?exit'>Выход</a>";

}

?></div>

</div>

<div class ="social-network"><a href="https://www.facebook.com" target="_blank"><imgsrc="соц/face.png" alt="Facebook" /></a>

<a href="https://vk.com" target="_blank"><imgsrc="соц/vk.png" alt="Flicker" /></a>

<a href="https://twitter.com" target="_blank"><imgsrc="соц/twit.png" alt="Twitter" /></a></div>

<div class="logo"><imgsrc="kurs.png"></div>

</form>

</header>

<br>

<section>

<nav>

<ul>

<li id="home"><div><a href="#">Прошлое</a></div></li>

<li id="play"><a href="new.php">Настоящее</a></li>

<li id="rating"><a href="mesta.php">Популярныеместа</a></li>

<li id="support"><a href="karta.php">Местоположение</a></li>

</ul>

</nav>

<div id="gallery">

<imgsrc="gallery/img_1.jpg" alt="" id="main-img" />

<ul>

<li><imgsrc="gallery/thumb/img_1.jpg" alt="" /></li>

<li><imgsrc="gallery/thumb/img_2.jpg" alt="" /></li>

<li><imgsrc="gallery/thumb/img_3.jpg" alt="" /></li>

<li><imgsrc="gallery/thumb/img_4.jpg" alt="" /></li>

<li><imgsrc="gallery/thumb/img_5.jpg" alt="" /></li>

<li><imgsrc="gallery/thumb/img_6.jpg" alt="" /></li>

</ul>

</div>

<div class="chas"><script src=//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

<div id="div_clock_08" style="text-align:center; margin:auto auto;width:170px; height:100px;">

<div style="padding:0px 1px 1px 1px;position:absolute; z-index:100; color:#0288F0; text-align:center; width:170px;height:auto;">

<a style="color:#0288F0; text-decoration:none;font-size:12px;" href="#" title="Время в Сарапуле">Время в Сарапуле</a>

</div>

<object type="application/x-shockwave-flash" id="clock_08" name="clock_08" data="http://weatherandtime.net/clock_08.swf" width="170" height="100"><param name="menu" value="false"><param name="wmode" value="transparent"><param name="allowScriptAccess" value="always"><param name="flashvars" value="city=new_498687&amp;lang=ru&amp;color=#0288F0"></object></div>

<script type="text/javascript" language="Javascript">swfobject.embedSWF("http://weatherandtime.net/clock_08.swf", "swf_clock_08", "170", "100", "10", "clock_08.swf", {city: "new_498687", lang: "ru", color: "#0288F0"}, {menu: "false", wmode: "transparent", allowScriptAccess: "always"}, {id: "clock_08", name: "clock_08"});</script>

</div>

<table id="calendar4">

<thead>

<tr><td><td colspan="4"><select>

<option value="0">Январь</option>

<option value="1">Февраль</option>

<option value="2">Март</option>

<option value="3">Апрель</option>

<option value="4">Май</option>

<option value="5">Июнь</option>

<option value="6">Июль</option>

<option value="7">Август</option>

<option value="8">Сентябрь</option>

<option value="9">Октябрь</option>

<option value="10">Ноябрь</option>

<option value="11">Декабрь</option>

</select><td colspan="3"><input type="number" value="" min="0" max="9999" size="4">

<tr><td><td>Пн<td>Вт<td>Ср<td>Чт<td>Пт<td>Сб<td>Вс

<tbody>

</table>

<div class="text">

<divclass=t><!-- Ссылки на вызов модальных окон-->

<p><imgsrc="a.png"><divclass=t1>Сарапул - один из старейших городов Прикамья.<br>

На протяжении столетий его история была тесно связана с историей России.<br>

Первое упоминание о Сарапуле относится к XVI веку.<br>

В переписной книге (сводном документе подворных переписей <br>мужского населения податных дворов)

за 1596 г. говорится, что “в Казанском уезде, в верх Камы реки...<br> в Сарапуле и Сиве ловят рыбу”.

По всей видимости, “Сарапулом”<br> здесь назван участок реки,а также вся местность вдоль её берегов...</div>

</p><div class=b><button><a href="#win1">Читатьдальше</a></button></div><br>

<!-- Вызов окна через миниатюру изображения -->

<!--Модальноеокно №1 -->

<a href="#x" class="overlay" id="win1"></a>

<divclass="popup">

<p>Сарапул - один из старейших городов Прикамья.

На протяжении столетий его история была тесно связана с историей России.

Первое упоминание о Сарапуле относится к XVI веку.

В переписной книге (сводном документе подворных переписей мужского населения податных дворов)

за 1596 г. говорится, что “в Казанском уезде, в верх Камы реки... в Сарапуле и Сиве ловят рыбу”.

По всей видимости, “Сарапулом” здесь назван участок реки, а также вся местность вдоль её берегов.

Полагают, что название этой местности произошло от слова “сарапуль”, что по-чувашски значит “жёлтая рыба”, или стерлядь, в изобилии водившаяся здесь.

В настоящее время бытуют, однако, и другие версии происхождения этого названия.

В частности, по одной из них слово “Сарапул” образовано слиянием двух слов: “сара”, что на одном из сибирских наречий значит “деньги” и “пул” - мелкая медная монета, полушка (устар.) и означает “денежное место”.

Начало городу положило дворцовое село Вознесенское, основанное русскими поселенцами на высоком правом берегу реки Камы.

В дозорной книге за 1621 г. содержится описание “села Вознесенского, что на Сарапуле”.

В актах XYII века местность около него всегда называлась Сарапульским уездом.

В 1738 г. Сарапул был приписан к Осинской провинции Уфимской губернии, стал с тех пор значительным пунктом Арской дороги в “Сибирские земли” и назывался уже дворцовой слободою.

В сентябре 1780 г. по указу императрицы Екатерины II было учреждено Вятское наместничество из 13-и уездов, в число которых вошел и Сарапульский.

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

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

Первым генерал-губернатором Нижегородским, Вятским и Костромским был назначен генерал-поручик А. А. Ступишин, а Вятским наместником - генерал-майор С. Д. Жихарев.

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

<a class="close"title="Закрыть" href="#close"></a>

</div>

</div>

<divclass=t2><!-- Ссылки на вызов модальных окон-->

<p><imgsrc="b.png"><divclass=t3>Город особенно расширился, вырос и разбогател во второй половине XIX века,<br> когда на Каме открылось и развилось пароходство.

Одними из главных<br> предметов торговли жителей Сарапула были рожь, ржаная мука, овёс, <br>которых вывозилось ежегодно до трех миллионов пудов.

Из Сарапула вывозились<br> до ста тысяч пудов льна и пеньки, а также большое количество шерсти и кожевенных товаров.<br>

В Сарапул же привозилась местными купцами соль, которая обменивалась на другие товары...</div>

</p><div class=c><button><a href="#win2">Читатьдальше</a></button></div><br>

<!-- Вызов окна через миниатюру изображения -->

<!--Модальноеокно №1 -->

<a href="#x" class="overlay" id="win2"></a>

<divclass="popup">

<p>Город особенно расширился, вырос и разбогател во второй половине XIX века, когда на Каме открылось и развилось пароходство.

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

Из Сарапула вывозились до ста тысяч пудов льна и пеньки, а также большое количество шерсти и кожевенных товаров.

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

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

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

Из других областей России и из-за границы в Сарапул ввозились большие партии тканей, мебели, фарфора и других товаров.

В конце XIX века в городе было более 40 фабрик и заводов с объемом производства в 1 797 000 рублей, из которых большую часть составляли кожевенные (20 заводов), а также 2 винокуренных завода, 3 мыловаренных, 6 кирпичных, 1 фабрика для выделки льна.

В городе было 76 различных ремесленных мастерских. В 1897 г. из Сарапула по Каме отправлено более 1000 судов с 1 387 000 пудов разных товаров.

Было налажено пароходное сообщение с Пермью и Казанью.

Общий товарооборот города достигал семидесяти миллионов рублей.

В это время Сарапул был некоронованной столицей Среднего Прикамья.

Здешних купцов - Смагиных, Шитовых, Курбатовых, Ижболдиных, Бодалёвых знала вся Россия.

Город стремительно развивался. В 1867 г. здесь было открыто первое Сарапульское уездное земское собрание.

В 1869 г. - Общественный банк. В 1872 г. было введено Городовое положение и в Сарапуле открыта городская управа, городским головой был избран купец Г. Д. Пешехонов. В июле 1874 г. в Сарапуле открылся Окружной суд (для уездов Сарапульского, Елабужского и Малмыжского).</p>

<a class="close"title="Закрыть" href="#close"></a>

</div>

</div>

</div>

<divclass="le"><p><h3>Город разделён на 22 района:</h3>

1)ПМК <br>2)Гудок <br>3)Гудок-2 <br>4)Учхоз <br>5)Старцевая гора <br>6)Центр <br>7)УППВОС <br>8)Дачный <br>9)Песьянка<br>10)Поворот <br>11)Обувная фабрика <br>12)ж/д Вокзал <br>13)Южный посёлок <br>14)Западный посёлок <br>15)Дубровка <br>16)Элеконд<br>17)Элеконд-2 <br>18)Янтарный <br>19)КХП <br>20)Радужный <br>21)Птицефабрика <br>22)Крупозавод</p></div>

<script>

function Calendar4(id, year, month) {

Date.prototype.getWeek = function () {

var target = new Date(this.valueOf());

vardayNr = (this.getDay() + 6) % 7;

target.setDate(target.getDate() - dayNr + 3);

varfirstThursday = target.valueOf();

target.setMonth(0, 1);

if (target.getDay() != 4) {

target.setMonth(0, 1 + ((4 - target.getDay()) + 7) % 7);

}

return 1 + Math.ceil((firstThursday - target) / 604800000);

}

varDlast = new Date(year,parseFloat(month)+1,0).getDate(),

D = new Date(year,month,Dlast),

DNlast = D.getDay(),

DNfirst = new Date(D.getFullYear(),D.getMonth(),1).getDay(),

m = document.querySelector('#'+id+' option[value="' + D.getMonth() + '"]'),

g = document.querySelector('#'+id+' input');

if (new Date(D.getFullYear(),D.getMonth(),1).getWeek() < 10) {

calendar = '<tr><td>0' + new Date(D.getFullYear(),D.getMonth(),1).getWeek();

}else{

calendar = '<tr><td>' + new Date(D.getFullYear(),D.getMonth(),1).getWeek();

}

if (DNfirst != 0) {

for(var i = 1; i <DNfirst; i++) calendar += '<td>';

}else{

for(var i = 0; i < 6; i++) calendar += '<td>';

}

for(var i = 1; i <= Dlast; i++) {

if (i == new Date().getDate() &&D.getFullYear() == new Date().getFullYear() &&D.getMonth() == new Date().getMonth()) {

calendar += '<td class="today">' + i;

}else{

if (

(i == 1 &&D.getMonth() == 0 && ((D.getFullYear() > 1897 &&D.getFullYear() < 1930) || D.getFullYear() > 1947)) ||

(i == 2 &&D.getMonth() == 0 &&D.getFullYear() > 1992) ||

((i == 3 || i == 4 || i == 5 || i == 6 || i == 8) &&D.getMonth() == 0 &&D.getFullYear() > 2004) ||

(i == 7 &&D.getMonth() == 0 &&D.getFullYear() > 1990) ||

(i == 23 &&D.getMonth() == 1 &&D.getFullYear() > 2001) ||

(i == 8 &&D.getMonth() == 2 &&D.getFullYear() > 1965) ||

(i == 1 &&D.getMonth() == 4 &&D.getFullYear() > 1917) ||

(i == 9 &&D.getMonth() == 4 &&D.getFullYear() > 1964) ||

(i == 12 &&D.getMonth() == 5 &&D.getFullYear() > 1990) ||

(i == 7 &&D.getMonth() == 10 && (D.getFullYear() > 1926 &&D.getFullYear() < 2005)) ||

(i == 8 &&D.getMonth() == 10 && (D.getFullYear() > 1926 &&D.getFullYear() < 1992)) ||

(i == 4 &&D.getMonth() == 10 &&D.getFullYear() > 2004)

) {

calendar += '<td class="holiday">' + i;

}else{

calendar += '<td>' + i;

}}

if (new Date(D.getFullYear(),D.getMonth(),i).getDay() == 0 && i != Dlast) {

if (new Date(D.getFullYear(),D.getMonth(),i).getWeek() < 9) {

calendar += '<tr><td>0' + new Date(D.getFullYear(),D.getMonth(),i+1).getWeek();

}else{

calendar += '<tr><td>' + new Date(D.getFullYear(),D.getMonth(),i+1).getWeek();

}}}

if (DNlast != 0) {

for(var i = DNlast; i < 7; i++) calendar += '<td>';

}document.querySelector('#'+id+' tbody').innerHTML = calendar;

g.value = D.getFullYear();

m.selected = true;

if (document.querySelectorAll('#'+id+' tbodytr').length < 6) {

document.querySelector('#'+id+' tbody').innerHTML += '<tr><td>&nbsp;<td><td><td><td><td><td><td>';

}

document.querySelector('#'+id+' option[value="' + new Date().getMonth() + '"]').style.color = 'rgb(220, 0, 0)';

}

Calendar4("calendar4",new Date().getFullYear(),new Date().getMonth());

document.querySelector('#calendar4').onchange = function Kalendar4() {

Calendar4("calendar4",document.querySelector('#calendar4 input').value,document.querySelector('#calendar4 select').options[document.querySelector('#calendar4 select').selectedIndex].value);

}

</script>

<div class="ks"><h1>Комментарии</h1></div>

<form name="comment" action="comment.php" method="post">

<p>

<label>Имя:</label>

<input type="text" name="name" />

</p>

<p><label>Комментарий:</label><br />

<textarea name="text_comment" cols="173" rows="10"></textarea></p>

<p>

<input type="hidden" name="page_id" value="150" />

<input type="submit" value="Отправить" />

</p>

</form>

<?php

$page_id = 150;// Уникальный идентификатор страницы (статьи или поста)

include "bd.php";// Подключается к базе данных

$result = mysql_query("SELECT * FROM `comments` WHERE `page_id`='$page_id'"); //Вытаскиваем все комментарии для данной страницы

while ($row = mysql_fetch_assoc($result)) {

?>

<div class="comment">

<h3><?php echo $row['name']; ?></h3>

<p><?php echo $row['text_comment']; ?></p>

</div>

<?php

}

?>

</section>

<div class=footer>

<footer>

<div class="Copy">Copyright © 2017 БарановАртёмДмитриевич. Все права защищены.</div>

</footer>

</div>

<div class="table1"><table>

<caption><h2>Новости</h2></caption>

<tr><tdclass="table2">1. Детский творческий центр «Мьюзик холл» - один из уникальных проектов современности!Яркий и немного неординарный коллектив,обладающий широким спектром творческихвозможностей.Существует он совсемнедавно, начал свою работу в сентябре2016 г.,но уже за это время успелзавоевать сердца многих!<br><ahref="http://sarapul.net/article/193794">Читать дальше</a></td></tr>

<tr><td class="table2"><br>2. Сегодня в моде быть спортивным, поэтомувезде говорят о здоровом образе жизни,упоминают о различных зависимостях. Курение, алкоголизм, употребление наркотиков-это самые вредные из привычек, и сейчасо них действительно упоминают везде, в особенности из-за того, что этим начали увлекаться подростки, что с их стороны очень глупо.<br><ahref="http://sarapul.net/article/188826">Читать дальше</a></td></tr>

<tr><td><br><button><a href="http://sarapul.net/node/9874">Ещёбольшеновостей</a></button></td></tr>

</table></div>

</body>

</html>

СОДЕРЖАНИЕ

ВВЕДЕНИЕ......................................................................................................... 3

1.АНАЛИТИЧЕСКАЯ ЧАСТЬ........................................................................... 4

1.1 Анализ предметной области и технологий построения систем............... 4

1.2 Анализ существующих информационных систем предметной области.. 6

1.3 Используемые технологии проектирования информационных систем... 8

1.4 Постановка задачи................................................................................... 11

2.ПРОЕКТНАЯ ЧАСТЬ.................................................................................... 13

2.1 Описание объектов информационной системы....................................... 13

2.2 Описание интерфейса............................................................................... 13

2.3 Описание процесса разработки сайта..................................................... 16

ЗАКЛЮЧЕНИЕ................................................................................................. 19

СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ................................................ 20

Приложение А............................................................................................. 21

Приложение В............................................................................................. 22


ВВЕДЕНИЕ

Цель курсового проекта - создание и разработка сайта «Сарапул вчера и сегодня».

В курсовом проекте поставлены следующие задачи:

¾ собрать и проанализировать информацию про г.Сарапул;

¾ выбрать средства разработки сайта;

¾ создать сайт;

¾ протестировать продукт в современных браузерах.

Актуальность темы состоит в том, что все жители города, а это более 100 тысяч человек любят свой город, и хотят сделать его еще лучше.

Город Сарапул расположен на правом (высоком) берегу реки Камы, в юго-восточной части Удмуртии, в 62 км от Ижевска и в 1250 км от Москвы.

Название Сарапул впервые упоминается в 1597 году в отношении местности или речки, на которой располагалось село Вознесенское – будущий город. В переводе с чувашского Сарапул–«Стерлядь», в изобилии водившаяся в Каме на этом участке.

Сарапул является значительным промышленным центром Удмуртии.

Герб Сарапула утверждён 28 мая 1781 года вместе с другими гербами Вятского наместничества.

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

Автор герба – герольдмейстер Волков.

АНАЛИТИЧЕСКАЯ ЧАСТЬ

Анализ предметной области и технологий построения систем

Предметной областью курсового проекта является город Сарапул.

Первое упоминание о Сарапуле относится к XVI веку. В 1780 году село получило статус города, стало центром Сарапульского уезда, и с тех пор развивалось по генеральным планам крупных архитекторов. Количеством архитектурных памятников Сарапул превосходит все другие города Удмуртии. В городе было прежде два монастыря и 21 храм. Сохранившиеся церкви: Покровская (1791), Воскресенская (1821) и Ксении Петербургской (1912). Некоторые здания возводили пленные французы после Отечественной войны 1812 года. Сарапул — родина кавалерист-девицы Надежды Дуровой, служившей в армии Кутузова.

4 марта 1889 года впервые был назначен викарий Вятской епархии Афанасий с местопребыванием в Сарапуле.В начале 1890-х годов Сарапул попал в орбиту всероссийского и даже мирового внимания из-за скандально известного Мултанского дела. В конце XIX века Сарапул был одним из крупнейших центров обувной и кожевенной промышленности России. Сарапул — родина знаменитых сапог «со скрипом». Около четверти купцов занимались судоходством или, как говорили в то время, водоходством. Постройка крупного судна требовала немало первоначальных затрат, поэтому судовщиками становились в основном очень зажиточные городские купцы и мещане. Благодаря стараниям сарапульских купцов, прежде всего городского головы Павла Андреевича Башенина, через город прошла железная дорога.

С 1923 по 1934 годы входил в состав Уральской области, был центром Сарапульского округа. С 1934 по 1937 сначала входил в состав Кировского края, а после — Кировской области. В 1937 году город был присоединён к Удмуртской АССР, центр политической и экономической жизни региона переместился из Сарапула в Ижевск.

В 1931—1937 в Сарапуле отбывал ссылку Степан Некрашевич, инициатор создания и первый председатель Института белорусской культуры.

В Сарапуле 17 декабря 1981 года произошёл первый в истории СССР захват заложников в школе № 12. В операции по освобождению заложников были задействованы бойцы спецподразделения группы «Альфа» КГБ СССР.

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

Сарапул является значительным промышленным центром Удмуртии. Основу экономической базы составляет многоотраслевая промышленность, в которой работает 60 % всего экономически активного населения города. Индустриальную жизнь города определяют предприятия машиностроительного комплекса, на которых работает 60 % всего занятого в промышленности населения. Объём обрабатывающего производства составил 8844 млн руб. На высоком уровне развита пищевая промышленность (31 %), здесь действует один из крупнейших в стране комбинат хлебопродуктов. Продукция местной пищевой промышленности оценена не только жителями города и района, но и всеми жителями республики и близлежащих регионов. С успехом в торговом доме «Удмуртия» в Москве продаются местные изделия. По-прежнему в городе развиты кожевенная, обувная и деревообрабатывающие отрасли. В Сарапуле зарегистрировано 350 мелких предприятий и 4 тысячи индивидуальных предпринимателей, функционирует более 1 тысячи объектов торговли, общественного питания и сферы бытовых услуг. Жилищно-коммунальный комплекс включает около 40 муниципальных предприятий.

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

Напомним, строительство этого моста является частью крупного проекта, который реализуется на условиях концессионного соглашения. Весной 2013 года подписано соглашение между правительством Удмуртии, банком ВТБ и ООО «Региональная инвестиционная компания». Осенью этого же года началось строительство мостов. Стоимость проекта - более 14 млрд рублей.

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

Образование в городе представлено дошкольными, школьными и внешкольными учреждениями, работают также центры творчества и несколько вузов. Работают 32 детских сада. Среди школ следует выделить общеобразовательные — их 11, а также 2 лицея, 2 начальные школы, 2 специальные (коррекционные) школы, лингвистическая гимназия и прогимназия, школа-интернат для слабослышащих детей и санаторная школа-интернат, вечерняя школа. Спортивной жизнью детей занимаются 5 ДЮСШ (№ 1, «Теннис», «Энергия», «Сокол» и «Сарапул»).

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

Наши рекомендации