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

СОДЕРЖАНИЕ

ВВЕДЕНИЕ......................................................................................................... 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 - Подвал

ЗАКЛЮЧЕНИЕ

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

Приложение А

Приложение В

Index.php:

<?php

session_start();

<html>

<head>

<metacharset="utf-8">

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

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

// 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>

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

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

<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>

</form>

</header>

<br>

<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>

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

<ul>

</ul>

</div>

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

</div>

</div>

<thead>

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

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

<option value="3">Апрель</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>

<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>

<divclass="popup">

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

</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>

<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>

</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>

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> <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>

<p>

</p>

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

<p>

</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>

<?php

}

</section>

</footer>

</div>

<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>