Разработка сайта о NBA
Национальная баскетбольная ассоциация как главная профессиональная лига мужского баскетбола в Северной Америке. Требования к соответствующему сайту, его содержание и структура, компоненты и принципы функционирования. Разработка алгоритма и программы.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | курсовая работа |
| Язык | русский |
| Дата добавления | 20.01.2016 |
| Размер файла | 2,3 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
Размещено на http://www.allbest.ru/
Разработка сайта о NBA
Введение
В настоящее время существует большое количество сайтов посвящённых баскетболу, а в частности самой известной баскетбольной лиге NBA, но почти все они Англоязычные и русским поклонникам баскетбола порой очень сложно узнавать новости про их любимых звёзд и команды.
Задачей курсовой работы является разработка сайта NBA, который поможет русским поклонникам баскетбола узнавать самые последние новости, пришедшие из NBA, и читать их на русском языке.
1. Анализ технического задания
Национальная баскетбольная ассоциация или НБА (англ. National Basketball Association, NBA) - главная профессиональная лига мужского баскетбола в Северной Америке, включающая тридцать команд: двадцать девять из США и одну из Канады. Лига была основана в Нью-Йорке 6 июня 1946 года и изначально называлась Баскетбольная ассоциация Америки (БАА). Название НБА было принято в 1949 году после слияния с конкурирующей Национальной баскетбольной лигой.
На сайте содержатся 4 раздела: «главная», где находится краткая информация о NBA, «новости», «галерея», «контакты».
Для реализации данного проекта был выбран серверный язык программирования php, совмещенный с html.
Чтобы запустить сайт, Вам понадобиться хостинг с поддержкой PHP.
2. Разработка алгоритма
Алгоритм:
Выводится форма для выбора варианта просмотра сайта.
· Главная
· Новости
· Галерея
· Контакты
Добавление новостей и изображений
· Ввод имени
· Ввод пароля
· Добавление новостей и изображений
Блок-схема скрипта представлена на рисунке 1 и рисунке 2.
3. Разработка программы
программа алгоритм сайт баскетбол
Скрипт состоит из нескольких файлов, каждый из которых отвечает за определенную функцию программы:
· Index.php - главная страница сайта
· News.php - страница новостей
· Anons.php - галерея
· Contact.php - контакты
· Admin.php - скрипт добавления новостей
· Galery.php - скрипт добавления изображений
· View_cat - страница истории клубов
Папка blocks содержит подключаемые файл, необходимые для корректной работы сайта:
· Bot.php - содержит информацию о разработчике сайта и его контакты
· Db.php - содержит скрипт подключения к базе данных и логин и пароль администратора
· Header.php - содержит шапку сайта, подключаемую ко всем страницам
· Left.php - содержит скрипт левого меню сайта, в котором предложена история всех клубов NBA
Папка css содержит стили текста сайта и расположения меню:
· Style.css - содержит стили текста и расположения меню
Index.php
<? php include («blocks/db.php»);
if (isset ($_GET['id'])) {$id = $_GET ['id'];} else {$id = 0;}
$result = mysql_query («SELECT * FROM blog»,$db);
if (mysql_num_rows($result) > 0)
{
$row = mysql_fetch_array ($result);
} else echo «Невозможно извлечь информацию»;
?>
<! DOCTYPE HTML PUBLIC «= //W3C //DTD HTML 4.01 Transitional //EN»
«http://www.w3.org/TR/html4/loose.dtd»>
<body vlink= «white» alink= «red»>
<table border= «0» width= «1000px» height= «100%» cellspacing= «0» cellpadding= «0» align= «center»>
<tr>
<td colspan= «2» width= «100%» height= «100%» align= «center»<? php include («blocks/header.php»);?>
</td>
</tr>
<tr>
<td width= «100px» background= «img/red.png»><? php include («blocks/left.php»);?>
</td>
<td width= «900px» height= «800px» align= «center» valign= «top» background= «img/white.png»>
<? php «<br><br>»;
echo «<H1 class='head'>».$myrow2 [«title»]. «</H1>»;
echo $myrow2 [«text»];
?>
</td>
</tr>
<tr>
<? php include («blocks/bot.php»);?>
</tr>
</table>
News.php
<? php include («blocks/db.php»);
$result = mysql_query («SELECT * FROM blog»,$db);
if (mysql_num_rows($result) > 0)
{
$row = mysql_fetch_array ($result);
} else echo «Невозможно извлечь информацию»;
?>
<! DOCTYPE HTML PUBLIC «= //W3C //DTD HTML 4.01 Transitional //EN»
«http://www.w3.org/TR/html4/loose.dtd»>
<body vlink= «white» alink= «red»>
<table border= «0» width= «1000px» height= «100%» cellspacing= «0» cellpadding= «0» align= «center»>
<tr>
<td colspan= «2» width= «100%» height= «100%» align= «center»<? php include («blocks/header.php»);?>
</td>
</tr>
<tr>
<td background= «img/red.png»> 
</td>
<td align= «right» background= «img/white.png»><a href= «admin.php» style= «color:#FF0000; text-decoration:none»>Добавить новость</a>
</td>
<tr>
<td width= «100px» background= «img/red.png»><? php include («blocks/left.php»);?>
</td>
<td width= «900px» height= «800px» align= «center» valign= «top» background= «img/white.png»>
<? php echo «<br><br>»;
while ($row = mysql_fetch_array ($result, MYSQL_ASSOC))
{
printf («<H1>%s</H1> <br> %s <br>%s <br><br><br>», $row [«tema»], $row [«text»], $row [«date»]);
}
?>
</td>
</tr>
<tr>
<? php include («blocks/bot.php»);?>
</tr>
</table>
Anons.php
<? php include («blocks/db.php»);
$result = mysql_query («SELECT * FROM galery»,$db);
if (mysql_num_rows($result) > 0)
{
$myrow2 = mysql_fetch_array ($result);
} else echo «Невозможно извлечь информацию»;
?>
<! DOCTYPE HTML PUBLIC «= //W3C //DTD HTML 4.01 Transitional //EN»
«http://www.w3.org/TR/html4/loose.dtd»>
<body vlink= «white» alink= «red»>
<table border= «0» width= «1000px» height= «100%» cellspacing= «0» cellpadding= «0» align= «center»>
<tr>
<td colspan= «2» width= «100%» height= «100%» align= «center»<? php include («blocks/header.php»);?>
</td>
</tr>
<tr>
<td background= «img/red.png»> 
</td>
<td align= «right» background= «img/white.png»><a href= «galery.php» style= «color:#FF0000; text-decoration:none»>Добавить изображение</a>
</td>
<tr>
<td width= «100px» background= «img/red.png»><? php include («blocks/left.php»);?>
</td>
<td width= «900px» height= «800px» align= «center» valign= «top» background= «img/white.png»>
<? php echo «<br><br>»;
while ($row = mysql_fetch_array ($result, MYSQL_ASSOC))
{
printf («%s <br><br><br><br>», $row [«image»]);
}
?>
</td>
<tr>
<? php include («blocks/bot.php»);?>
</tr>
</table>
Contact.php
<? php include («blocks/db.php»);
if (isset ($_GET['id'])) {$id = $_GET ['id'];} else {$id = 0;}
$result = mysql_query («SELECT title, text FROM settings WHERE page = 'index'»,$db);
if (mysql_num_rows($result) > 0)
{
$myrow2 = mysql_fetch_array ($result);
} else echo «Невозможно извлечь информацию»;
?>
<! DOCTYPE HTML PUBLIC «= //W3C //DTD HTML 4.01 Transitional //EN»
«http://www.w3.org/TR/html4/loose.dtd»>
<body vlink= «white» alink= «red»>
<table border= «0» width= «1000px» height= «100%» cellspacing= «0» cellpadding= «0» align= «center»>
<tr>
<td colspan= «2» width= «100%» height= «100%» align= «center»<? php include («blocks/header.php»);?>
</td>
</tr>
<tr>
<td width= «100px» background= «img/red.png»><? php include («blocks/left.php»);?>
</td>
<td width= «900px» height= «800px» align= «center» valign= «top» background= «img/white.png»>
<? php «<br><br>»;
echo «<H1 class='head'>».$myrow2 [«title»]. «</H1>»;
echo $myrow2 [«text»];
?>
</td>
</tr>
<tr>
<? php include («blocks/bot.php»);?>
</tr>
</table>
Admin.php
<? php
if ($_COOKIE[«pass»]!== «12345» && $_COOKIE [«log»]!== «admin»)
{
sleep(0);
if (isset($_POST [«pass»])&&($_POST [«login»]))
{
setcookie («pass»,$_POST [«pass»], time()+3600);
setcookie («login»,$_POST [«login»], time()+3600);
die («Admin Добро пожаловать!»);
}
?>
<! DOCTYPE HTML PUBLIC «= //W3C //DTD HTML 4.01 Transitional //EN»
«http://www.w3.org/TR/html4/loose.dtd»>
<html>
<head>
<title>Добавить новость</title>
</head>
<body background= «img/admin.jpg»>
<table align= «center» width= «1000px» height= «900px» border= «0» >
<tr>
<td align= «center»>
<form method= «post»>
<FONT color= «Chartreuse»><h3>Логин </FONT><input type= «login» name= «login» value=»"><br>
<FONT color= «Chartreuse»>Пароль</FONT><input type= «password» name= «pass» value=»"><br>
<input type= «submit» name= «submit» value= «Войти»>
<? php
exit();
}
?>
</td>
</tr>
</table>
<table width= «100%» height= «100%» border= «1» background= «img/admin.jpg»>
<tr>
<td align= «center»>
<? php
require «blocks/db.php»;
if (isset($_POST [«search»])) {
$search=trim ($_POST[«find»]);
$query = «SELECT * FROM blog WHERE tema LIKE '%$search % ' ORDER by id DESC»;
$result = mysql_query($query);
echo '<table>';
while ($row = mysql_fetch_array($result)) {
echo '<tr><td><a href=»? id=',$row['id'], '">',$row['id'], '</a></td><td>',$row['tema'],
'</td><td>',$row['text'], '</td></tr>';
}
exit();
}
?>
<? php
if (! empty($_GET['id'])) {
$query= «SELECT * FROM blog WHERE id=$_GET[id]»;
$result = mysql_query($query);
$row = mysql_fetch_array($result);
}
if (isset($_POST['insert']))
{
$query= «INSERT INTO blog (tema, text) VALUES ('$_POST[tema]', '$_POST[text]')»;
mysql_query($query);
$query= «blog SET tema='$_POST[tema]', text='$_POST[text]'»;
$result = mysql_query($query);
unset($row);
}
?>
<form method= «post»><table border= «0»>
<tr>
<td><FONT color= «white»>Заголовок</FONT>
</td>
<td><input name= «tema» size=32 >
</td>
</tr>
<tr>
<td><FONT color= «white»>Статья</FONT>
</td>
<td><textarea name= «text» cols=80 rows=2></textarea>
</td>
</tr>
<tr>
<td> 
</td>
<td>
<? php
echo'<input type= «submit» name= «insert» value= «Добавить»>';
?>
<a href= «news.php»><button> Вернуться на сайт </button></a>
</form>
</td>
</tr>
</table>
</body>
</html>
Galery.php
<? php
if ($_COOKIE[«pass»]!== «12345» && $_COOKIE [«log»]!== «admin»)
{
sleep(0);
if (isset($_POST [«pass»])&&($_POST [«login»]))
{
setcookie («pass»,$_POST [«pass»], time()+3600);
setcookie («login»,$_POST [«login»], time()+3600);
die («Admin Добро пожаловать!»);
}
?>
<! DOCTYPE HTML PUBLIC «= //W3C //DTD HTML 4.01 Transitional //EN»
«http://www.w3.org/TR/html4/loose.dtd»>
<html>
<head>
<title>Добавить изображение</title>
</head>
<body background= «img/admin.jpg»>
<table align= «center» width= «1000px» height= «900px» border= «0» >
<tr>
<td align= «center»>
<form method= «post»>
<FONT color= «Chartreuse»><h3>Логин </FONT><input type= «login» name= «login» value=»"><br>
<FONT color= «Chartreuse»>Пароль</FONT><input type= «password» name= «pass» value=»"><br>
<input type= «submit» name= «submit» value= «Войти»>
<? php
exit();
}
?>
</td>
</tr>
</table>
<table width= «100%» height= «100%» border= «1» background= «img/admin.jpg»>
<tr>
<td align= «center»>
<? php
require «blocks/db.php»;
if (isset($_POST [«search»])) {
$search=trim ($_POST[«find»]);
$query = «SELECT * FROM galery WHERE image LIKE '%$search % ' ORDER by id DESC»;
$result = mysql_query($query);
echo '<table>';
while ($row = mysql_fetch_array($result)) {
echo '<tr><td><a href=»? id=',$row['id'], '">',$row['id'], '</a></td><td>',$row['tema'],
'</td><td>',$row['text'], '</td></tr>';
}
exit();
}
?>
<? php
if (! empty($_GET['id'])) {
$query= «SELECT * FROM galery WHERE id=$_GET[id]»;
$result = mysql_query($query);
$row = mysql_fetch_array($result);
}
if (isset($_POST['insert']))
{
$query= «INSERT INTO galery (image, date) VALUES ('$_POST[image]', '$_POST[date]')»;
mysql_query($query);
$query= «galery SET image='$_POST[image]', date='$_POST[date]'»;
$result = mysql_query($query);
unset($row);
}
?>
<form method= «post»>
<table border= «0»>
<tr>
<td><FONT color= «red»>Изображение</FONT>
</td>
<td><input name= «image» size=32 >
</td>
</tr>
<tr>
<td> 
</td>
<td>
<? php
echo'<input type= «submit» name= «insert» value= «Добавить»>';
?>
<a href= «anons.php»><button> Вернуться на сайт </button></a>
</td>
</tr>
</table>
</form>
</body>
</html>
View_cat.php
<? php include («blocks/db.php»);
if (isset ($_GET['id'])) {$id = $_GET ['id'];} else {$id = 1;}
mysql_query («set_client='utf8'»);
mysql_query («set character_set_results='utf8'»);
mysql_query («set collation_connection='utf8_general_ci'»);
mysql_query («SET NAMES utf8»);
$result = mysql_query («SELECT title, text, date, view FROM data WHERE id = '$id'»,$db);
if (mysql_num_rows($result) > 0)
{
$myrow2 = mysql_fetch_array ($result);
$view = $myrow2 {'view'}+1;
$res2 = mysql_query («UPDATE data SET view = '$view' WHERE id = '$id'»,$db);
} else echo «Невозможно извлечь информацию»;
?>
<! DOCTYPE HTML PUBLIC «= //W3C //DTD HTML 4.01 Transitional //EN»
«http://www.w3.org/TR/html4/loose.dtd»>
<body vlink= «white» alink= «red»>
<table border= «0» width= «1000px» height= «100%» cellspacing= «0» cellpadding= «0» align= «center»>
<tr>
<td colspan= «2» width= «100%» height= «100%» align= «center»<? php include («blocks/header.php»);?>
</td>
</tr>
<tr>
<td width= «100px» background= «img/red.png» ><? php include («blocks/left.php»);?>
</td>
<td width= «900px» height= «800px» align= «center» valign= «top» background= «img/white.png»>
<? php echo «<br><br>»;
echo «<H1 class='head'>».$myrow2 [«title»]. «</H1>»;
printf («<p class'text'>%s</p>
<table width ='400'>
<tr>
<td width ='250'><p class='post_date'>Добавлено:%s</p></td>
<td width ='150'><p class='post_view'>Количество просмотров:%s</p></td>
</tr>
</table>»,$myrow2 [«text»],$myrow2 [«date»],$myrow2 [«view»]);
?>
<tr>
<? php include («blocks/bot.php»);?>
</tr>
</table>
Bot.php
<td id= «bott»> </td>
<td id= «bott» valign= «bottom»>© All right reserved. Vyksa 2012. Главный разработчик сайта <a href= «mailto:salvador_8@mail.ru»>n00n3</a></td>
Db.php
<? php
$db = mysql_connect («localhost», «basket», «12345»);
mysql_select_db («basket»,$db);
mysql_set_charset ('utf8_general_ci',$db);
?>
Header.php
<html>
<head>
<meta http-equiv= «Content-type» content= «text/html; charset=utf-8» />
<title>basket.ru</title>
<link rel= «stylesheet» href= «css/style.css» type= «text/css» />
<link rel= «stylesheet» type= «text/css» href= «css/style.css»>
<body id= «body» background= «img/fon.jpg» bgproperties= «fixed»>
</head>
<div id= «navigation»>
<div class= «shell»>
<div class= «cl»> </div>
<ul>
<li><a href= «index.php»>Главная</a></li>
<li><a href= «news.php»>Новости</a></li>
<li><a href= «anons.php»>Галерея</a></li>
<li><a href= «contact.php»>Контакты</a></li>
</ul>
<div class= «cl»> </div>
</div>
</div>
Left.php
<div id= «left»>Клубы NBA<BR>
<? php
$res = mysql_query («SELECT id, title FROM data»,$db);
if (!$res)
{echo «<p>НО</p>»;
exit (mysql_error());
}
if (mysql_num_rows($res) > 0)
{
$myrow = mysql_fetch_array ($res);
do {
printf («<a href='view_cat.php? id=%s'>%s</a><br>», $myrow [«id»], $myrow [«title»]);
} while ($myrow = mysql_fetch_array($res));
} else echo «r»;
?>
</div>
</body>
Style.css
#navigation
{
background: url (nav.jpg) repeat-x 0 0;
height: 250px;
width: 100%;
}
#navigation ul
{
float: center;
font-family: Times New Roman;
font-size: 25px;
}
#navigation ul li
{background: url (nav-divider.gif) no-repeat right 0;
float: center;
display: inline;
padding-left: 23px;
padding-right: 19px;
}
shell
{
width: 900px;
}
cl
{
height: 170px;
clear: both;
}
#bott
{
border:0px;
left: 1px;
top: 100%;
margin: 0px;
padding: 0px;
font-size: 12px;
font-family: Times New Roman;
color: white;
background: grey;
height: 20px;
width: 400px;
text-align: center;
position:;
}
#left
{
position: absolute;
left:150px;
top:300px;
font-size: 22px;
font-family: Times new roman, sans-serif;
color: black;
}
4. Руководство по установке и использованию
Что бы установить сайт на ваш компьютер необходимо:
1. Установить Denver;
2. Создать каталог: (L:\home\localhost\www \);
3. В папке www создаём папку basket.com и купируем туда все файлы сайта;
4. Запускаем Denver;
5. В адресной строке своего браузера вводим Localhost и в появившемся окне находим пункт phpMyAdmin - администрирование СУБД MySQL (Рисунок 3);
6. На появившейся странице нажимаем на пункт «БАЗЫ ДАННЫХ» и создаём новую базу данных с таким же именем как показано на Рисунке 4;
7. В созданной базе данных выбираем пункт меню «ИМПОРТ» и импортируем в базу данных файл basket.sql, который находится в папке с сайтом (Рисунок 5, 6);
8. В конечном итоге у вас получиться вот такая база данных (Рисунок 5);
9. Теперь добавляем пользователя, для этого находим вкладку «ПРИВЕЛЕГИИ» и добавляем туда пользователя, как показано на Рисунке 7 и 8;
10. На этом установка сайта на ваш компьютер закончена. Если вы всё сделали правильно, то если вы в браузерной строке пропишите http://localhost/basket.com/index.php, то вы увидите главную страницу сайта (Рисунок 9);
Чтобы добавить новость или изображение на сайт необходимо:
1. Перейти на страницу «НОВОСТИ» (если вы хотите добавить новость) или «ГАЛЕРЕЯ» (если хотите добавить изображение);
2. Выбрать вкладку «добавить новость» или «добавить изображение» (Рисунок 11, 12);
3. В появившимся окне вводим логин и пароль (для обеих страниц, новости и галерея, он одинаковый) и нажимаем «ВОЙТИ» (Рисунок 13);
4. Появится окно приветствия, достаточно просто обновить страницу (Рисунок 14);
5. В появившемся окне нужно ввести заголовок и статью (если это новости) или добавить изображение (если это галерея), далее нажать «ДОБАВИТЬ» и «ПЕРЕЙТИ НА САЙТ» (Рисунок 15, 16);
6. После того как все операции описанные выше сделаны новость или изображение должны появиться на соответствующей странице сайта (Рисунок 17);
Заключение
Данный проект реализован на языках PHP и HTML. И может испытывать модификацию его составных частей. Данный скрипт использует базы данных MySQL, но не смотря на это он прост в установке, настройке и использование.
Список использованных источников
1. - Учебник PHP Перевод А. Пирамидина, 2012
2. «HTML в примерах» А. Климов, 2003
3. Котеров Д.В. Самоучитель PHP 4. - СПб.: БХВ-Петербург, 2011.
Размещено на Allbest.ru
Подобные документы
Процесс разработки Web-сайта. Состав и содержание работ по созданию подсистемы. Требования к Web-сайту. Определение сущностей модели базы данных. Разработка логической модели базы данных. Реализация PHP-скриптов и заполнение базы данных Web-сайта.
дипломная работа [8,2 M], добавлен 29.06.2011Назначение и требования к сайту. Структура пользовательской и административной части. Эмулятор Web-сервера Denwer, каскадная таблица стилей CSS. Логическая структура Web-приложения. Расчет трудоемкости разработки программного продукта, калькуляция затрат.
дипломная работа [2,1 M], добавлен 29.01.2013Сущность и компоненты поисковой системы. Популярные поисковые системы, их виды. Язык программирования Java и JavaScript, их структурные элементы и функциональные возможности. Основные требования к школьному сайту. Дизайн, хостинг и продвижение сайта.
презентация [4,2 M], добавлен 17.12.2011Основания для разработки программы и ее назначение, внутренняя структура и компоненты, предъявляемые требования. Область применения и функциональное назначение, администрирование сайта. Разработка руководства пользователя. Работа с интернет-магазином.
дипломная работа [1,8 M], добавлен 02.11.2015Хозяйственные отношения по поставкам товаров. Технологии, обеспечивающие сетевой доступ к базам данных. Проектирования Web-сайта предприятия. Разработка навигации по сайту. Принципы работы MySQL-сервера. Расчет показателей экономической эффективности.
дипломная работа [190,5 K], добавлен 14.05.2013Специализация, ассортимент товаров магазина. Состав и содержание работ по созданию системы. Требования к веб-сайту. Разработка дизайна страниц. Twitter Bootstrap 2.3, валидация. Тестирование и отладка системы. Исходный код главной страницы и слайдера.
курсовая работа [2,0 M], добавлен 29.04.2015Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.
курсовая работа [1,0 M], добавлен 09.01.2014Популярные решения и системы создания и использования сайтов. Требования к сайту. Состав и содержание работ по созданию сайта. Прототипы страниц, структура web-сайта. Программная совместимость, документация по установке. Порядок сдачи-приемки работ.
курсовая работа [226,0 K], добавлен 01.04.2017Понятие веб-страницы, ее структура, содержание и назначение. Требования к оформлению страниц и обязательных элементов, особенности навигационной структуры. Разработка проекта веб-сайта для телеканала, публикация данного узла в Интернете и его поддержка.
курсовая работа [2,4 M], добавлен 16.11.2012Анализ сайтов для обучения иностранным языкам в сети Интернет и методик их изучения. Разработка сайта Foreign Dimension для обучения английскому языку. Структура сайта, разработка упражнений, базы данных, интерфейса. Тестирование основных элементов сайта.
дипломная работа [966,9 K], добавлен 19.01.2017
