Создание веб-приложения на тему "Экономические новости Евросоюза"

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

Оглавление

Введение

1. Обследование предметной области

1.1 Обоснование необходимости создания ИС

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

2. Концепция ИС

2.1 Инфологическая модель

2.2 Даталогическая модель

3. Описание веб-приложения

3.1 Описание интерфейсной части

3.2 Описание запросов данных

3.3 Описание инсталляционного пакета

Заключение

Список использованной литературы

Приложение

Введение

Web-технологии есть концепция работы с информацией. Она отличается следующими особенностями:

· техническая основа Web-технологий - локальные и глобальные сети, часто Интернет;

· применение особого типа тонких клиентов: web-браузеров;

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

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

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

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

· активная работа поисковых машин;

· доставка и тиражирование контента практически бесплатны.

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

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

Целью данной курсовой работы является создание веб-приложения на тему «Экономические новости Евросоюза», что будет работать с базой данных. Создаваемая программа позволит пользователю узнать подробную информацию о экономических новостях Евросоюза.

1. Обследование предметной области

1.1 Обоснование необходимости создания ИС

информационный приложение база данные

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

В наш век основными источниками новостей считаются СМИ, к которым принадлежат: газеты и журналы, радио, телевещание и глобальная сеть Интернет. Первенствующие положения в информационной области занимает телевидение, но с ним начинают неумолимо конкурировать виртуальные новости из Интернета. В настоящее время имеется более тысячи шестисот новостных порталов, предоставляющих самые новые и горячие новости со всей планеты. Самыми посещаемыми новостными порталами по версии Аналитиков Nilsen NetRatings являются Yahoo!News, MSNBC и CNN.

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

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

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

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

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

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

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

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

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

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

Также необходимо, что бы созданное веб-приложение работало в любом современном браузере.

2. Концепция ИС

2.1 Инфологическая модель

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

К базовым понятиями модели БД «сущность - связь» относятся: сущности, связи между ними и их атрибуты (свойства).

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

Атрибут - это свойство сущности в предметной области. Его наименование должно быть уникальным для конкретного типа сущности. В реляционной БД атрибуты хранятся в полях таблиц.

Связь - взаимосвязь между сущностями в предметной области. Связи представляют собой соединения между частями БД (в реляционной БД - это соединение между записями таблиц).

Обозначим сущности создаваемого приложения: «Статьи», «Авторы», «Страны».

Сущности «Статьи» соответствуют следующие атрибуты:

· код (уникальный номер);

· страна;

· автор;

· название;

· текст.

Сущности «Авторы» соответствуют следующие атрибуты:

· код (уникальный номер);

· ФИО.

Сущности «Страны» соответствуют следующие атрибуты:

· код (уникальный номер);

· название;

· путь к файлу с изображением герба страны.

Представим ER диаграмму на рис. 2.1.

Рис. 2.1. ER диаграмма

2.2 Даталогическая модель

Выполним физическое проектирование базы данных. Для этого создадим следующие таблицы, структура которых представлена в таблице 2.1.

Таблица 2.1. Структура таблиц

Название поля	Тип данных	Длина поля	Доп. данные
article
id	int	11	Ключевое поле
idcountry	int	11
idavtor	int	11
title	varchar	255
text	text
avtor
id	int	11	Ключевое поле
fio	varchar	255
country
id	int	11	Ключевое поле
title	varchar	255
emblem	varchar	255

Опишем структуру созданной БД на языке SQL для СУБД MySQL:

-- Структура таблицы `article`

CREATE TABLE `article` (

`id` int(11) NOT NULL AUTO_INCREMENT,

`idcountry` int(11) DEFAULT NULL,

`idavtor` int(11) DEFAULT NULL,

`title` varchar(255) DEFAULT NULL,

`text` text,

PRIMARY KEY (`id`)

) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=cp1251;

--

-- Структура таблицы `avtor`

--

CREATE TABLE `avtor` (

`id` int(11) NOT NULL AUTO_INCREMENT,

`fio` varchar(255) DEFAULT NULL,

PRIMARY KEY (`id`)

) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=cp1251;

--

-- Структура таблицы `country`

--

CREATE TABLE `country` (

`id` int(11) NOT NULL AUTO_INCREMENT,

`title` varchar(255) DEFAULT NULL,

`emblem` varchar(255) DEFAULT NULL,

PRIMARY KEY (`id`)

) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=cp1251;

3. Описание веб-приложения

3.1 Описание интерфейсной части

Созданная программа состоит из следующих страниц:

· index.php - главная страница;

· article.php - страница вывода статьи с выбранной новостью;

· func.php - модуль, что содержит функции управления веб приложением;

· style.css - модуль со стилями.

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

Опишем детально каждую из функций, что используются в программе:

· Функция MainMenu(). Вывод главного меню приложения, а также настройка доступа к базе данных:

function MainMenu(){

define('user', 'Admin');

define('pass', '12345');

define('host', 'localhost');

define('db', 'news');

@mysql_connect(host, user, pass) or die(mysql_error());

@mysql_select_db(db) or die(mysql_error());

@mysql_set_charset( 'cp1252' );

mysql_query ("set character_set_client='cp1251'");

mysql_query ("set character_set_results='cp1251'");

mysql_query ("set collation_connection='cp1251_general_ci'");

echo "

<table width='100%' align='center' bgcolor=#003399>

<tr>

<td>

</td>

<td width='80%' align='center'>

<img src='pic/main.jpg'>

</td>

<td>

</td>

</tr>

</table>";

}

· Функция VisualAllArticle(). Вывод списка стран и название новостей, что относятся к ним:

function VisualAllArticle() {

echo "

<table width='100%' align='center'>";

echo "

<tr>

<td>

</td>

<td>

</br>

</td>

<td>

</td>

</tr>

</table>";

$select = mysql_query("SELECT * FROM country ORDER BY title");

$count = mysql_num_rows($select);

for ($i = 0; $i < $count; $i++) {

echo "

<table width='100%' align='center'>

<tr>

<td width='100' align='right'><b>".mysql_result($select, $i, 'title')."</b></td>

<td width='20'></td>

<td width='70%' align='left'><img src='pic/".mysql_result($select, $i, 'emblem')."'></td>

</tr>";

$select1 = mysql_query("SELECT article.id, article.title, avtor.fio FROM article, avtor WHERE article.idcountry = ".mysql_result($select, $i, 'id')." and article.idavtor = avtor.id ORDER BY article.title");

$count1 = mysql_num_rows($select1);

for ($j = 0; $j < $count1; $j++) {

echo "

<tr>

<td width='100'></td>

<td width='20'></td>

<td width='70%' align='left'><a href='article.php?id=".mysql_result($select1, $j, 'id')."'>".($j+1).". ".mysql_result($select1, $j, 'title')." (".mysql_result($select1, $j, 'fio').")</a></td>

</tr>";

}

echo "<tr>

<td>

</td>

<td>

</br>

</td>

<td>

</td>

</tr></table>";

if ($i != $count-1) {

echo "

<table width='100%' align='center'>

<tr>

<td>

</td>

<td width='80%' align='center'>

<img src='pic/line.jpg' width='100%' height = '5'>

</td>

<td>

</td>

</tr>

</table>";

}

}

}

· Функция VisualArticleById($id). Вывод новости по заданному ключевому полю:

function VisualArticleById($id) {

echo "

</br>

</br>

<table width='100%' align='center'>

<tr>

<td>

</td>

<td width='80%' align='center'>";

$select = mysql_query("SELECT article.title, article.text, avtor.fio FROM article, avtor WHERE article.id = ".$id." and avtor.id = article.idavtor");

$count = mysql_num_rows($select);

echo "<b>".mysql_result($select, 0, 'title')."</b>";

echo "</td>

<td>

</td>

</tr>

</table></br>";

echo "

<table width='100%' align='center'>

<tr>

<td>

</td>

<td width='80%' align='center'>

<img src='pic/line.jpg' width='100%' height = '5'>

</td>

<td>

</td>

</tr>

</table>";

echo "

<br>

<table width='100%' align='center'>

<tr>

<td>

</td>

<td width='80%' align='center'>";

echo "<div align = 'justify'>".mysql_result($select, 0, 'text')."</div>";

echo "</td>

<td>

</td>

</tr>

<tr>

<td>

</td>

<td width='80%'>";

echo "<div align = 'right'><i><b>(".mysql_result($select, 0, 'fio').")</b></i></div>";

echo "</td>

<td>

</td>

</tr>

</table></br>";

echo "

<table width='100%' align='center'>

<tr>

<td>

</td>

<td width='80%' align='center'>

<img src='pic/line.jpg' width='100%' height = '5'>

</td>

<td>

</td>

</tr>

</table></br>";

}

На рис. 3.1. представлено главную страницу созданного веб приложения (index.php), что представляется пользователю после запуска приложения. Пользователю представляется список стран и название экономических новостей, для каждой страны, что хранятся в базе данных.



Рис. 3.1. Страница index.php

Пользователь может просмотреть название экономических новостей для любой интересующей его страны Евросоюза. Также предоставляется ФИО автора статьи новости или источник новостей.

После выбора какой либо заинтересовавшей пользователя экономической новости, ему представляется сама статья (Рис. 3.2.-3.4)



Рис. 3.2. Страница article.php



Рис. 3.3. Страница article.php

Рис. 3.4. Страница article.php

Таким образом, пользователь может быстро и легко получить нужные ему экономические новости Евросоюза.

3.2 Описание запросов данных

В созданной программе использовались следующие SQL запросы:

· Вывод списка стран по алфавиту:

SELECT * FROM country ORDER BY title

· Вывод списка названий новостей для определённой страны (mysql_result($select, $i, 'id'))

SELECT article.id, article.title, avtor.fio FROM article, avtor WHERE article.idcountry = ".mysql_result($select, $i, 'id')." and article.idavtor = avtor.id ORDER BY article.title

· Вывод информации о статьи с ключом $id

SELECT article.title, article.text, avtor.fio FROM article, avtor WHERE article.id = ".$id." and avtor.id = article.idavtor

3.3 Описание инсталляционного пакета

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

· файловый архив со скриптами php (news.zip);

· файл со скриптом создания базы данных(news.sql).

Для установки приложения на сервере сначала необходимо создать базу данных news и воспользовавшись импортом создать таблицы, скрипты создания которых находятся в файле news.sql.

После создания базы данных, необходимо разместить скрипты news.zip на сервере.

Приложение готово к использованию.

Заключение

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

В пояснительной записке детально описано процесс создания веб-приложения. Также описана структура базы данных и представлено описание результатов работы приложения.

Список использованной литературы

1. Р. Айзенменгер. Справочник HTML 3.2/4.0. -- М: Бином, 2012

2. Дуванов А.А. WEB -- конструирование HTML. -- СПб: BHV, 2003

3. Дэн Ливингстон, Мика Браун. CSS и DHTML WEB -- профессионалам. -- Киев: BHV, 2014

4. Д. Кастаньетто и др. Профессиональное PHP программирование. -- СПб: Символ, 2001

5. М. Грабер. Введение в SQL. -- М: Лори, 1996

6. Официальный сайт разработчиков PHP http://www.php.net

7. Официальный сайт разработчиков MySQL http://www.mysql.com

8. Официальный сайт разработчиков Apache http://www.apache.org

Приложение

index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

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

<title>Экономические новости Евросоюза</title>

<?php include("func.php"); ?>

</head>

<body>

<?php

MainMenu();

VisualAllArticle();

?>

</body>

</html>

article.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

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

<title>Экономические новости Евросоюза</title>

<?php include("func.php"); ?>

</head>

<body>

<?php

MainMenu();

VisualArticleById($_REQUEST['id']);

?>

</body>

</html>

func.php

<?php

function MainMenu(){

define('user', 'Admin');

define('pass', '12345');

define('host', 'localhost');

define('db', 'news');

@mysql_connect(host, user, pass) or die(mysql_error());

@mysql_select_db(db) or die(mysql_error());

@mysql_set_charset( 'cp1252' );

mysql_query ("set character_set_client='cp1251'");

mysql_query ("set character_set_results='cp1251'");

mysql_query ("set collation_connection='cp1251_general_ci'");

echo "

<table width='100%' align='center' bgcolor=#003399>

<tr>

<td>

</td>

<td width='80%' align='center'>

<img src='pic/main.jpg'>

</td>

<td>

</td>

</tr>

</table>";

}

function VisualAllArticle() {

echo "

<table width='100%' align='center'>";

echo "

<tr>

<td>

</td>

<td>

</br>

</td>

<td>

</td>

</tr>

</table>";

$select = mysql_query("SELECT * FROM country ORDER BY title");

$count = mysql_num_rows($select);

for ($i = 0; $i < $count; $i++) {

echo "

<table width='100%' align='center'>

<tr>

<td width='100' align='right'><b>".mysql_result($select, $i, 'title')."</b></td>

<td width='20'></td>

<td width='70%' align='left'><img src='pic/".mysql_result($select, $i, 'emblem')."'></td>

</tr>";

$select1 = mysql_query("SELECT article.id, article.title, avtor.fio FROM article, avtor WHERE article.idcountry = ".mysql_result($select, $i, 'id')." and article.idavtor = avtor.id ORDER BY article.title");

$count1 = mysql_num_rows($select1);

for ($j = 0; $j < $count1; $j++) {

echo "

<tr>

<td width='100'></td>

<td width='20'></td>

<td width='70%' align='left'><a href='article.php?id=".mysql_result($select1, $j, 'id')."'>".($j+1).". ".mysql_result($select1, $j, 'title')." (".mysql_result($select1, $j, 'fio').")</a></td>

</tr>";

}

echo "<tr>

<td>

</td>

<td>

</br>

</td>

<td>

</td>

</tr></table>";

if ($i != $count-1) {

echo "

<table width='100%' align='center'>

<tr>

<td>

</td>

<td width='80%' align='center'>

<img src='pic/line.jpg' width='100%' height = '5'>

</td>

<td>

</td>

</tr>

</table>";

}

}

}

function VisualArticleById($id) {

echo "

</br>

</br>

<table width='100%' align='center'>

<tr>

<td>

</td>

<td width='80%' align='center'>";

$select = mysql_query("SELECT article.title, article.text, avtor.fio FROM article, avtor WHERE article.id = ".$id." and avtor.id = article.idavtor");

$count = mysql_num_rows($select);

echo "<b>".mysql_result($select, 0, 'title')."</b>";

echo "</td>

<td>

</td>

</tr>

</table></br>";

echo "

<table width='100%' align='center'>

<tr>

<td>

</td>

<td width='80%' align='center'>

<img src='pic/line.jpg' width='100%' height = '5'>

</td>

<td>

</td>

</tr>

</table>";

echo "

<br>

<table width='100%' align='center'>

<tr>

<td>

</td>

<td width='80%' align='center'>";

echo "<div align = 'justify'>".mysql_result($select, 0, 'text')."</div>";

echo "</td>

<td>

</td>

</tr>

<tr>

<td>

</td>

<td width='80%'>";

echo "<div align = 'right'><i><b>(".mysql_result($select, 0, 'fio').")</b></i></div>";

echo "</td>

<td>

</td>

</tr>

</table></br>";

echo "

<table width='100%' align='center'>

<tr>

<td>

</td>

<td width='80%' align='center'>

<img src='pic/line.jpg' width='100%' height = '5'>

</td>

<td>

</td>

</tr>

</table></br>";

}

?>

style.css

/* CSS Document */

a {

text-decoration:none;

border: none;

}

a img {

border: none;

}

a:visited {

text-decoration: none;

color:#006600;

}

body {

margin: 0px;

}

.subheader_right {

color: #626262;

line-height: 28px;

float: left;

width: auto;

}

.subheader_right a {

margin: 0px 2px 0 0;

padding: 7px 10px 8px 10px;

color: #626262;

font-weight: bold;

text-decoration: none;

}

.subheader_right a:hover {

color:#006600;

}

table.border {

border: 3px solid #000000;

text-align:justify;

}

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