Главная База знаний "Allbest" Программирование, компьютеры и кибернетика Розробка динамічного футбольного сайту Української Прем'єр-Ліги

Розробка динамічного футбольного сайту Української Прем'єр-Ліги

Розробка сайту, який буде мати можливість наповнення інформацією про стан команд та їх гравців у лізі в режимі реального часу. Переваги використання технології web 2.0. Написання програмного коду веб-сайту та його реалізація, головна сторінка Index.php.

Рубрика	Программирование, компьютеры и кибернетика
Вид	дипломная работа
Язык	украинский
Дата добавления	18.08.2014
Размер файла	3,4 M

посмотреть текст работы

скачать работу можно здесь

полная информация о работе

весь список подобных работ

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

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

Страница:

2.3.1 HTML / XHTML

Зараз існує тенденція, аби код веб-сторінки відповідав стандартам мови XHTML, і сторінка веб-сайту повністю була оформлена як xhtml-документ. Мова XHTML (EXtensible HyperText Markup Language, розширена мова розмітки гіпертексту) є проміжною мовою між HTML і XML. Мова XML (Extensible Markup Language, Розширювана Мова Розмітки)- це мова що дозволяє створювати свої теги. Мова XML відрізняється від HTML не лише можливістю створювати свої теги, але і підходом до обробки документа браузером.

XML має строгий набір правил оформлення документа, при порушенні яких, браузер повинен забракувати даний документ. На відміну від XML, виконання документа HTML має бути продовжене в будь-якому разі, і браузер повинен ігнорувати помилки і відображувати хоч що-небудь. Мова XHTML розроблялася для заміни HTML, і являє собою HTML, що підпорядковується строгим правилам синтаксису. При обробці XHTML-документа також як і при обробці XML-документа, помилки не допускаються.

Дані у форматі HTML нагадують звичайні текстові файли за винятком того, що деякі символи в них (так звані теги (tag)) інтерпретуються як розмітка. Розмітка надає документу деяку, визначену тегами, структуру: параграфи, розділи, абзаци, списки, малюнки, таблиці, колонтитули, індекси, зміст тощо. Всередині кожного блоку можна змінювати шрифт, розмір символів, колір тексту, виділяти текст курсивом та/або робити його напівжирним. Головною особливістю HTML є спроможність використовувати гіперзв'язки (links), завдяки яким можливі посилання та переходи з поточної веб-сторінки на інші документи, як локальні (документи поточного сервера), так і такі, що знаходяться на серверах в найвіддаленіших регіонах земної кулі. Мова HTML, також дозволяє вставляти в документи зображення, звук, відео та ін. Перегляд HTML-документу здійснюється за допомогою веб-оглядача (браузера).

2.3.2 СSS

CSS розшифровується як Cascading Style Sheets і означає каскадні таблиці стилів. За допомогою стилістичної мови CSS визначається відображення HTML документів. На відміну від мови HTML, яка використовується для web-сторінок, CSS працює з різними кольорами, шрифтами, стрічками, полями, шириною, заввишки, картинками, розподіляє різні елементи і так далі.

У мови HTML простіша сфера використання, з його допомогою структурують зміст web-сторінок. А використовуючи CSS, web-дизайнер форматує цей зміст. Мова HTML була розроблена в часи, коли World Wide Web було тільки створене Тімом Бернесом Лі. Але вже тоді теги HTML використовували для виведення стилізованого тексту, для його розмітки(параграф, заголовок і тому подібне), наприклад теги h1 і p. З часом професійні web -дизайнери знайшли способи форматування документації online. При збільшенні споживчих вимог, і з метою їх задоволення, організації - виробники Інтернет-браузерів створили безліч таких тегів HTML, як, наприклад, font, визначають зовнішній вигляд, а не структуризацію. Після чого усі структурні теги (наприклад, table) замість використання для стилізації тексту стали застосовуватися в дизайнерських рішеннях для web-сторінок. Багато знову створених дизайнерських тегів (приміром, blink) підтримувалися тільки одним конкретним браузером. Тому стандартна фраза на багатьох web -сторінках звучала так - ” щоб відкрити цю сторінку, вам знадобиться браузер “Х”". Для усунення цієї проблеми і була створена мова CSS, за допомогою якої для web -дизайнерів відкрилися нові можливості для створення чіткого дизайну сторінок. Одночасно з цим стався перерозподіл зображення і вмісту документів, що значно спростило роботу з ними. Поява мови CSS стала справжнім проривом у світі web-дизайну. CSS став широко застосовуватися завдяки своїм перевагам, а саме постійний контроль над зовнішнім виглядом web-сторінок, професійна дизайнерська техніка, управління роботою безлічі документів за допомогою тільки однієї стилістичної таблиці, а також різні види для різноманітних носіїв даних.

2.3.3 PHP

PHP - мова розробки програмного забезпечення для Web, написана розробниками Web і для розробників Web. Сама назва PHP є рекурсивним скороченням від PHP: Hypertext Preprocessor (препроцесор гіпертексту PHP). Спочатку цей програмний продукт іменувався Personal Home Page Tools, і багато хто до цих пір вважають, що абревіатура PHP розшифровується саме так. Але з часом появи першої версії PHP область застосування цієї мови значно розширилася, тому за спільною згодою спільноти користувачів PHP було прийнято нове і більш прийнятне визначення яке стало рекурсивним. В даний час використовується п'ята основна версія РНР, яка скорочено позначається як РНР5, але може також позначатися просто як РНР.

РНР - це серверна мова сценаріїв, яка може бути впроваджений в код HTML для розгортання в браузері. Ще один варіант використання сценаріїв на цій мові може передбачати їх автономне виконання (але набагато ширше застосовується перший варіант). До цієї категорії належать також такі програмні продукти, що знаходяться у власності окремих компаній, як Active Server Pages (ASP) компанії Microsoft, ColdFusion компанії Macromedia і Java Server Pages (JSP) компанії Sun. У деяких журналах з програмування мова РНР часто називають "мовою ASP з відкритим початковим кодом", оскільки цей програмний продукт за своїми функціональними можливостями аналогічний програмному продукту Microsoft. Але таке формулювання вводить в оману, оскільки мова РНР був розроблений раніше, ніж ASP. А протягом останніх кількох років застосування РНР і серверних засобів Java розширюється, тоді як сфера використання ASP звужується, тому зазначене порівняння стає ще більш неприйнятним.

Строго кажучи, мова РНР практично не застосовується для створення компонування, обробки подій, виконання маніпуляцій з елементами об'єктної моделі документа (Document Object Model - DOM), а також фактично не впливає на те, як виглядає Web-сторінка або які звуки на ній відтворюються. Насправді основна частина дій, які виконуються в коді РНР, залишається непомітною для кінцевого користувача. Зокрема, перегляд сторінки, створеної за допомогою мови РНР, аж ніяк не дозволяє судити про те, що для написання коду цієї сторінки застосовувалась якась інша мова, крім HTML, оскільки зазвичай результатом відтворення коду РНР є код HTML.

В даний час програмне забезпечення підтримки мови РНР формально введено у вигляді окремого модуля до складу програм HTTP-сервера Apache, домінуючого на ринку безкоштовного Web-сервера, який застосовується для обробки близько 67% трафіку World Wide Web (згідно широко відомому аналітичному огляду, що стосується застосування Web-сервсров різних типів, який підготовлений компанією Netcraft). Це означає, що машина підтримки сценаріїв РНР може бути вбудована безпосередньо в сам Web-сервер, що сприяє прискоренню обробки, більш ефективному розподілу пам'яті і значного спрощення супроводу. Інтерпретатор мови РНР, як і сервер Apache, повністю забезпечує експлуатацію додатків на різних програмних та апаратних платформах. Це означає, що додатки, написані на цій мові, можуть експлуатуватися в своєму безпосередньому вигляді у багатьох різновидах операційної системи Unix, в різних версіях операційної системи Windows, а з недавнього часу - в операційній системі Mac OS X. Всі проекти, що розробляються під егідою фонду Apache Software Foundation, включаючи РНР, представляють собою програмне забезпечення з відкритим вихідним кодом.

Отже, це досить проста у використанні мова web-програмування. ЇЇ зручно використовувати для того щоб додати динаміку та інтерактивність на своєму сайті. PHP скрипти повинні розміщатися у файлах з розширенням .php.

2.3.4 Java Script

Мова Java Script являє собою мову сценаріїв для Web. Java Script є підмножиною мови Java, але не є частиною мови Java і призначена для програмістів та користувачів, котрі хочуть використати та застосувати нові функціональні можливості мови НТМL.

На відміну від аплетів Java, які принципово відрізняються від ресурсів HTML і повинні динамічно завантажуватися при звертанні до сторінки web, сценарій JavaScript включаються в сторінку HTML за допомогою дескриптора та інтерпретування броузером в режимі реального часу. Крім того, JavaScript можливо застосовувати для створення серверних додатків.

В якості попередників JavaScript можливо розглянути ряд невеликих проблемно-орієнтованих мов, наприклад, HyperTalk, dBase та LiveScript. На таких мовах, завдяки їх синтаксичній простоті, вмонтованій функціональній простоті створення об'єктів може програмувати навіть початківець. JavaScript дозволяє вносити в сторінки web інтерактивність, забезпечує взаємодію з користувачем, підтримує заповнення форм введення та переміщення по web-документу. Деякі потужні типи систем інтерактивної взаємодії вдається реалізувати за рахунок комбінації можливостей JavaScript з іншими властивостями сторінок web, наприклад, роботи з фреймами та вмонтованими додатками. JavaScript стала новим відкритим стандартом мови сценаріїв Internet, яка підтримується багатьма компаніями.

2.3.5 AJAX i JQuery

AJAX - інструмент для побудови веб-додатків, які обмінюються даними з сервером у фоновому режимі. При цьому користувач отримує додаток з динамічним оновленням контенту, без перезавантаження всієї сторінки.

jQuery - JavaScript-framework, бібліотека, що дозволяє більш зручно використовувати деякі можливість Javascript, такі як: створення візуальних ефектів, обробка подій, робота з DOM і підтримка AJAX.

На сьогоднішній день найбільш розповсюджений спосіб обміну даними від клієнта до сервера без перезавантаження вікна браузера є технологія програмування Ajax. Дана технологія найбільш просто і функціонально працює при використанні бібліотеки JavaScript із відкритим кодом - Jquery.

Щоб підключити бібліотеку Jquery достатньо завантажити файл цієї бібліотеки звідси: http://jquery.com та записати в корінь каталогу на сервері. Те місце де знаходиться файл index.html чи index.php. Для підключення достатньо у файл, в котрому ми хочемо використовувати цю бібліотеку написати такий код в тілі <head></head>:

libs/jquery/1.3.0/jquery.min.js"></script>

Після підключення можна писати Аякс запит.

В данному проекті ця технологія використовується в системі голосування.

2.3.6 MySQL

Mysql - це реляційна система управління базами даних. Тобто дані в її базах зберігаються у вигляді логічно пов'язаних між собою таблиць, доступ до яких здійснюється за допомогою мови запитів SQL. Mysql - вільно поширювана система, тобто платити за її застосування не потрібно. Крім того, це досить швидка, надійна і, головне, проста у використанні СУБД, цілком підходяща для не надто глобальних проектів.

Працювати з Mysql можна не тільки в текстовому режимі, але і в графічному. Існує дуже популярний візуальний інтерфейс (до речі, написаний на PHP) для роботи з цією СУБД. Називається він PhpMyAdmin. Цей інтерфейс дозволяє значно спростити роботу з базами даних в Mysql.

PhpMyAdmin дозволяє користуватися всіма перевагами браузера, включаючи прокручування зображення, якщо воно не вміщується на екран. Багато хто з базових SQLфункцій роботи з даними в PhpMyAdmin зведені до інтуїтивно зрозумілим інтерфейсом і діям, що нагадує перехід по посиланнях в Internet.

2.4 Реалізація, написання програмного коду веб-сайту

Головна сторінка системи представлена індексною сторінкою, файлом формату .php. Але даний файл містить не лише php-код, але й стилі та html-код. Також даний файл посилається на shablon-t.php, у якому реалізуються компоненти, які зустрічатимуться не тільки на головній сторінці, а й на інших (напр.: бокове меню і ін.).

2.4.1 Головна сторінка Index.php

<?php

require_once ("../shablon-t.php")

?>;

#black

{

position:absolute;

top:0px;

left:0px;

}

#div-table

{

position:absolute;

top:152px;

left:890px;

}

#diva-tablea-hreffa

{

position: absolute;

top: 880px;

left: 890px;

}

#black_k

{

position:absolute;

top:155px;

left:400px;

}

#center_title_text

{

position: absolute;

top: 155px;

left: 430px;

color: white;

font-size: 15pt;

font-family: fantasy;

font-weight: bolder;

width: 450px;

height: 216px;

}

#center_coments_img1

{

position:absolute;

top:340px;

left:430px;

}

#center_coments_read1

{

position: absolute;

top: 460px;

left: 430px;

}

#cnter_coments_txt1

{

position:absolute;

top:320px;

left:560px;

color: white;

width: 300px;

height: 300px;

font-family: sans-serif;

}

#center_coments_img2

{

position:absolute;

top:560px;

left:430px;

}

#center_coments_read2

{

position: absolute;

top: 680px;

left: 430px;

}

#cnter_coments_txt2

{

position:absolute;

top:540px;

left:560px;

color: white;

width: 300px;

height: 300px;

font-family: sans-serif;

}

#center_coments_img3

{

position:absolute;

top:780px;

left:430px;

}

#center_coments_read3

{

position: absolute;

top: 900px;

left: 430px;

}

#cnter_coments_txt3

{

position:absolute;

top:760px;

left:560px;

color: white;

width: 300px;

height: 300px;

font-family: sans-serif;

}

#center_coments_all

{

position: absolute;

top: 980px;

left: 520px;

}

#div_embl_fifa

{

position: absolute;

top: 950px;

left: 900px;

}

#div_embl_raz

{

position: absolute;

top: 950px;

left: 980px;

}

.table_sh

{

background: url("../white.png");

}

.table_all

{

}

.a1 {

font-size: 18px;

text-decoration: none;

color: white;

}

.a2 {

font-size: 15px;

text-decoration: none;

color: white;

}

.a3 {

font-size: 20px;

text-decoration: blink;

color: white;

}

.a_left

{

font-size: 14px;

text-decoration:none;

font-weight: bold;

font-family: fantasy;

color: blue;

}

table, tr, td, th

{

border:1px solid #fff;

border-collapse:collapse;

min-width: 30pt;

max-width: 275pt;

height: 30pt;

font-size: 11pt;

font-family: sans-serif;

font-weight: bolder;

color: white;

}

#ourtable td.top

{

text-align: center;

}

-->

</style>

<div id="div_kontakty2">З пропозиціями звертайтесь на mail:<p> admin@analytics-upl.com.ua</p> </div>

</div>

<li><a class="a_left" href="#0">Інфо команд</a>

<ul><li><a class="a_left" href="http://www.analytics-upl.com.ua/ua/clubs/arsenal.php">Арсенал Київ</a></li>

<li><a class="a_left" href="http://www.analytics-upl.com.ua/ua/clubs/volyn.php">Волинь Луцьк</a></li>

<li><a class="a_left" href="http://www.analytics-upl.com.ua/ua/clubs/vorskla.php">Ворскла Полтава</a></li>

<li><a class="a_left" href="http://www.analytics-upl.com.ua/ua/clubs/hz.php">Говерла-Закарпаття Ужгород</a></li>

<li><a class="a_left" href="http://www.analytics-upl.com.ua/ua/clubs/dynamo.php">Динамо Київ</a></li>

<li><a class="a_left" href="http://www.analytics-upl.com.ua/ua/clubs/dnipro.php">Дніпро Дніпропетровськ</a></li>

<li><a class="a_left" href="http://www.analytics-upl.com.ua/ua/clubs/zorya.php">Зоря Луганськ</a></li>

<li><a class="a_left" href="http://www.analytics-upl.com.ua/ua/clubs/illichivets.php">Іллічівець Маріуполь</a></li>

<li><a class="a_left" href="http://www.analytics-upl.com.ua/ua/clubs/karpaty.php">Карпати Львів</a></li>

<li><a class="a_left" href="http://www.analytics-upl.com.ua/ua/clubs/kryvbas.php">Кривбас Кривий Ріг</a></li>

<li><a class="a_left" href="http://www.analytics-upl.com.ua/ua/clubs/metalist.php">Металіст Харків</a></li>

<li><a class="a_left" href="http://www.analytics-upl.com.ua/ua/clubs/metalurhd.php">Металург Донецьк</a></li>

<li><a class="a_left" href="http://www.analytics-upl.com.ua/ua/clubs/mz.php">Металург Запоріжжя</a></li>

<li><a class="a_left" href="http://www.analytics-upl.com.ua/ua/clubs/tavria.php">Таврія Сімферополь</a></li>

<li><a class="a_left" href="http://www.analytics-upl.com.ua/ua/clubs/chornomorets.php">Чорноморець Одеса</a></li>

<li><a class="a_left" href="http://www.analytics-upl.com.ua/ua/clubs/shakhtard.php">Шахтар Донецьк</a></li>

</ul></li>

<li><a class="a_left" href="http://www.analytics-upl.com.ua/ua/matches/">Інфо матчів</a></li>

<li><a class="a_left" href="#0">Статистика кращих гравців</a>

<ul><li><a class="a_left" href="../ua/best_bombards.php">Бомбардири</a></li>

<li><a class="a_left" href="../ua/best_ass.php">Асистенти</a></li>

<li><a class="a_left" href="../ua/best_n.php">Нападники</a></li>

<li><a class="a_left" href="../ua/best_p.php">Півзахисники</a></li>

<li><a class="a_left" href="../ua/best_z.php">Захисники</a></li>

<li><a class="a_left" href="../ua/best_v.php">Воротарі</a></li>

<li><a class="a_left" href="../ua/best_all_ver1.php">Кращі за версією сайту</a></li>

<li><a class="a_left" href="../ua/best_all_ver2.php">Кращі за версією опитуваних</a></li>

</ul></li>

<li><a class="a_left" href="http://www.analytics-upl.com.ua/ua/clubs/det_t.php">Детальна турнірна таблиця</a></li>

<li><a class="a_left" href="../ua/coments/">Всі коментарі</a></li>

</div>

<tr ><td class="top" >Позиція</td> <td colspan="2" class="top"> Клуб </td> <td class="top"> І</td> <td class="top"> О </td></tr>

<?php

$db=mysql_connect('localhost','analyt0125730','0c9c18676f30');

mysql_select_db('analyt0125730',$db);

mysql_query("SET NAMES cp1251");

$result=mysql_query('Select position, club_img, href_club, club, games, points from clubs order by position ',$db);

$row=mysql_fetch_array($result);

{

$a+=1;

echo "<tr ><td class='top'> $row[position] </td><td colspan=1 width=34pt class='imgCenter' > <A href='$row[href_club]'><IMG SRC=$row[club_img] width=100% height=100% ></A> </td><td> $row[club] </td><td class='top'> $row[games] </td><td class='top'> $row[points] </td></h1></tr>";

}

while ($row=mysql_fetch_array($result));

</table>

</div>

</div>

<p>Analytics-upl.com.ua - це новостворений статистично-аналітичний сайт про Українську Прем'єр-Лігу. </p>

<p>Дізнайтесь більше про футбол !!!</p>

</div>

<?php

//1й блок

$result=mysql_query('Select imgs_href_mini from coments where id=31; ',$db);

$row=mysql_fetch_array($result);

echo "<img src='$row[imgs_href_mini]'/>";

</div>

<?php

$result=mysql_query('Select text_tytle, text_beginning from coments where id=31; ',$db);

$row=mysql_fetch_array($result);

echo "<h3><a href='../ua/coments/31.php' class='a1'>$row[text_tytle]</a></h3>";

echo "<h4><a href='../ua/coments/31.php' class='a2'>$row[text_beginning]</h4>";

</div>

<?php

// 2й блок

$result=mysql_query('Select imgs_href_mini from coments where id=30; ',$db);

$row=mysql_fetch_array($result);

echo "<img src='$row[imgs_href_mini]'/>";

</div>

<?php

$result=mysql_query('Select text_tytle, text_beginning from coments where id=30; ',$db);

$row=mysql_fetch_array($result);

echo "<h3><a href='../ua/coments/30.php' class='a1'>$row[text_tytle]</a></h3>";

echo "<h4><a href='../ua/coments/30.php' class='a2'>$row[text_beginning]</h4>";

</div>

<?php

// 3й блок

$result=mysql_query('Select imgs_href_mini from coments where id=29; ',$db);

$row=mysql_fetch_array($result);

echo "<img src='$row[imgs_href_mini]'/>";

</div>

<?php

$result=mysql_query('Select text_tytle, text_beginning from coments where id=29; ',$db);

$row=mysql_fetch_array($result);

echo "<h3><a href='../ua/coments/29.php' class='a1'>$row[text_tytle]</a></h3>";

echo "<h4><a href='../ua/coments/29.php' class='a2'>$row[text_beginning]</h4>";

</div>

<div id="center_coments_all"><a href="../ua/coments/" class="a3"> Переглянути всі коментарі </a></div>

//title=<?=$tytle?>;

VK.Widgets.Like("vk_like_main", {type: "button", pageTitle:'analytics-upl.com.ua', pageImage:'http://www.analytics-upl.com.ua/img/aow2.png', text:'Cтатистично-аналітичний сайт про Українську Прем\'єр-Лігу.Дізнайтесь більше про футбол !!!'});

</script>

</div>

</body>

</html>

2.4.2 Шаблон Shablon-t.php

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>>>> analytics-upl.ua <<<</title>

$(document).ready(function() {

$('ul#my-menu ul').each(function(i) { // Check each submenu:

if ($.cookie('submenuMark-' + i)) { // If index of submenu is marked in cookies:

$(this).show().prev().removeClass('collapsed').addClass('expanded'); // Show it (add apropriate classes)

}else {

$(this).hide().prev().removeClass('expanded').addClass('collapsed'); // Hide it

}

$(this).prev().addClass('collapsible').click(function() { // Attach an event listener

var this_i = $('ul#my-menu ul').index($(this).next()); // The index of the submenu of the clicked link

if ($(this).next().css('display') == 'none') {

// When opening one submenu, we hide all same level submenus:

$(this).parent('li').parent('ul').find('ul').each(function(j) {

if (j != this_i) {

$(this).slideUp(200, function () {

$(this).prev().removeClass('expanded').addClass('collapsed');

cookieDel($('ul#my-menu ul').index($(this)));

});

}

});

// :end

$(this).next().slideDown(200, function () { // Show submenu:

$(this).prev().removeClass('collapsed').addClass('expanded');

cookieSet(this_i);

});

}else {

$(this).next().slideUp(200, function () { // Hide submenu:

$(this).prev().removeClass('expanded').addClass('collapsed');

cookieDel(this_i);

$(this).find('ul').each(function() {

$(this).hide(0, cookieDel($('ul#my-menu ul').index($(this)))).prev().removeClass('expanded').addClass('collapsed');

});

}

return false; // Prohibit the browser to follow the link address

});

function cookieSet(index) {

$.cookie('submenuMark-' + index, 'opened', {expires: null, path: '/'}); // Set mark to cookie (submenu is shown):

}

function cookieDel(index) {

$.cookie('submenuMark-' + index, null, {expires: null, path: '/'}); // Delete mark from cookie (submenu is hidden):

}

</script>

ul.sample-menu { padding:0;margin:10px 15px; }

ul.sample-menu li { padding:2px 0;margin:0;list-style:none; }

ul.sample-menu li ul { padding:0;margin:0 0 0 15px; }

ul#my-menu a { padding-left:8px; }

ul#my-menu a.collapsed { background:url('collapsed.gif') left 6px no-repeat; }

ul#my-menu a.expanded { background:url('expanded.gif') left 6px no-repeat; }

</style>

VK.init({apiId: 3041094, onlyWidgets: true});

</script>

</head>

<body>

<!--

body

{

background-image: url("../img/hd2.jpg");

background-repeat: no-repeat;

}

#vk_like_main

{

position: absolute;

top: 220px;

left: 680px;

}

#div_kontakty

{

position:absolute;

top:5px;

left:1070px;

}

#div_kontakty2

{

position: absolute;

top: 50px;

text-align: center;

left: 1090px;

font-size: 9pt;

color: black;

width: 140px;

height: 100px;

font: caption;

}

#div-left-menu-txt

{

position: absolute;

top: 175px;

left:50px;

}

#div-left-menu-img

{

position: absolute;

top: 145px;

left: 0px;

}

#div-sha

{

position:absolute;

top:15px;

left:360px;

}

#black

{

position:absolute;

top:0px;

left:0px;

}

2.4.3 Сторінки командних статистик

На даній сторінці відображається повна статистична інформація про вибраний футбольний клуб. Для прикладу продемонструємо програмний код та результат роботи сторінки футбольного клубу Карпати Львів.

karpaty.php

<?php

require_once("shablon-t.php")

?>;

</style>

<div id="div_clubs_name">ФК Карпати Львів</div>

<tr class="top2" align="center"><td>№</td><td>Гравець</td><td>Громадянство</td><td><span class="title">І<em>Зіграно ігор<i></i></em></span></td><td><span class="title">МЗ<em>М'ячів забито<i></i></em></span> </td><td><span class="title">ГП<em>Віддано гольових передач<i></i></em></span></td><td><span class="title">Хв.<em>Зіграно хвилин<i></i></em></span></td><td><span class="title">Сі (к)<em>Зіграно (командних) сухих ігор (без пропущених м'ячів)<i></i></em></span></td><td><span class="title">МП (к)<em>Пропущено (командних) м'ячів <i></i></em></span></td> <td><span class="title">ЖК<em>Отримано жовтих карток<i></i></em></span></td><td><span class="title">ЧК<em>Отримано червоних карток<i></i></em></span></td><td><span class="title">Коеф.<em>Коефіцієнт результативності - характеризуючо-оцінювальний показник гравця<i></i></em></span></td> <td><span class='title'> likes<em>Кількість голосів користувачів (лайків-likes)<i></i></em></span></td> <td><span class='title'> Поставити like<em>Перехід на сторінку, де можна поставити уподобання like для гравців даної команди<i></i></em></span></td> </tr>

<tr class="top2"><td colspan="14"> ВОРОТАРІ </td></tr>

<?php

// Вивід воротарів команди

$sql=mysql_query("Select id_player,nom, player, nationality, games, goals, pass, minutes, no_goals,miss_goals, yellow_cards,red_cards,likes, koef from players where club='Карпати Львів' and place='Воротар' order by player ",$db);

//$row=mysql_fetch_array($result);

while ($row=mysql_fetch_array($sql))

{

$id_player=$row['id_player'];

$likes=$row['likes'];

<tr class='top'><td><?echo $row[nom]?></td> <td><?=$row[player]?></td> <td> <?=$row[nationality]?></td> <td> <span class='title'><?=$row[games]?><em>Зіграно ігор<i></i></em></span></td><td> <span class='title'><?=$row[goals]?><em>М'ячів забито<i></i></em></span></td> <td><span class='title'><?=$row[pass]?><em>Віддано гольових передач<i></i></em></span></td><td><span class='title'><?=$row[minutes]?><em>Зіграно хвилин<i></i></em></span></td><td><span class='title'><?=$row[no_goals]?><em>Зіграно (командних) сухих ігор <i></i></em></span></td><td><span class='title'><?=$row[miss_goals]?><em>Пропущено (командних м'ячів)<i></i></em></span></td> <td><span class='title'> <?=$row[yellow_cards]?><em>Отримано жовтих карток<i></i></em></span></td><td><span class='title'><?= $row[red_cards]?><em>Отримано червоних карток<i></i></em></span> </td><td><span class='title'> <?=$row[koef]?><em>Коефіцієнт результативності<i></i></em></span></td><td align='center'><span class='title'><?= $likes?><em>Кількість голосів користувачів (лайків-likes)<i></i></em></span></td><td><a href='#' class="love" id="<? echo $id_player?>"><span class="on_img"></span></a></td></tr>

<?php

}

<tr class="top2"><td colspan="14"> ЗАХИСНИКИ </td></tr>

<?php

// Вивід захисників команди

//$row=mysql_fetch_array($result);

while ($row=mysql_fetch_array($sql))

{

$id_player=$row['id_player'];

$likes=$row['likes'];

<?php

}

<tr class="top2"><td colspan="14"> ПІВЗАХИСНИКИ </td></tr>

<?php

// Вивід півзахисників команди

//$row=mysql_fetch_array($result);

while ($row=mysql_fetch_array($sql))

{

$id_player=$row['id_player'];

$likes=$row['likes'];

<?php

}

<tr class="top2"><td colspan="14"> НАПАДНИКИ </td></tr>

<?php

// Вивід нападників команди

//$row=mysql_fetch_array($result);

while ($row=mysql_fetch_array($sql))

{

$id_player=$row['id_player'];

$likes=$row['likes'];

<?php

}

</table>

</div>

</body>

</html>

Результат показано на наступному рисунку:

Рис 2.4.3 Сторінка ФК Карпати Львів

На даній сторінці також організовано процедуру лайкування (put likes) для футболістів. Дана можливість реалізована за допомогою AJAX-технології. Далі наведено код цього скрипту:

libs/jquery/1.3.0/jquery.min.js"></script>

$(document).ready(function()

{

$("span.on_img").mouseover(function ()

{

$(this).addClass("over_img");

});

$("span.on_img").mouseout(function ()

{

$(this).removeClass("over_img");

});

$(function() {

$(".love").click(function()

{

var id = $(this).attr("id");

var dataString = 'id='+ id ;

var parent = $(this);

$(this).fadeOut(300);

$.ajax({

type: "POST",

url: "ajax_like.php",

data: dataString,

cache: false,

success: function(html)

{

parent.html(html);

parent.fadeIn(300);

}

});

return false;

});

</script>

Даний скрипт звертається до php-файлу ajax_like.php, у якому реалізовано сценарій лайкування.

2.4.4. ajax_like.php

<?php

$db=mysql_connect('localhost','analyt0125730','0c9c18676f30');

mysql_select_db('analyt0125730',$db);

mysql_query("SET NAMES cp1251");

$ip=$_SERVER['REMOTE_ADDR'];

if($_POST['id'])

{

$id=$_POST['id'];

$ip_sql=mysql_query("select ip_add from ip where player_id_fk='$id' and ip_add='$ip'");

$count=mysql_num_rows($ip_sql);

if($count==0)

{

$sql = "update players set likes=likes+1 where id_player='$id'";

mysql_query( $sql);

$sql_in = "insert into ip (ip_add,player_id_fk) values ('$ip','$id')";

mysql_query( $sql_in);

$result=mysql_query("select likes from players where player='$id'");

$row=mysql_fetch_array($result);

$likes=$row['likes'];

<?php echo $likes; ?>

}

else

{

echo 'Twice can not be';

}

2.4.5 Сторінка інформації про матчі

На даній сторінці відображається розклад матчів та їх результати.Далі наведений код цієї сторінки.

<?php

require_once("shablon-t.php")

?>;

</style>

<div id="div_detal_all_table_title">Матчі УПЛ сезону 2012/13</div>

<?php

$result=mysql_query('Select end_of_match, DATE_FORMAT(data, "%d.%m.%Y") AS data1 ,DATE_FORMAT(time,"%H:%i") as time1,club1,club2,result1,result2, href_match from matches where tour=1 order by data ',$db);

$row=mysql_fetch_array($result);

{

if($row['end_of_match']==0)

{ $row['result1']='-';

$row['result2']='-';

}

echo "<tr class='topm'><td>$row[data1]</td> <td> $row[time1] </td><td> $row[club1] </td><td> - </td><td> $row[club2] </td><td> $row[result1] </td><td> $row[result2] </td><td><A href='$row[href_match]' target='_blank'><IMG SRC='../img/detali.gif' ></A></td> </tr>";

}

while ($row=mysql_fetch_array($result));

<?php

$row=mysql_fetch_array($result);

{

}

while ($row=mysql_fetch_array($result));

<?php

$row=mysql_fetch_array($result);

{

if($row['end_of_match']==0)

{ $row['result1']='-';

$row['result2']='-';

}

while ($row=mysql_fetch_array($result));

<?php

$row=mysql_fetch_array($result);

{

if($row['end_of_match']==0)

{ $row['result1']='-';

$row['result2']='-';

}

while ($row=mysql_fetch_array($result));

<?php

$row=mysql_fetch_array($result);

{

if($row['end_of_match']==0)

{ $row['result1']='-';

$row['result2']='-';

}

while ($row=mysql_fetch_array($result));

</table>

</body>

</html>

Результат показано на наступному рисунку.

Рис. 2.4.5Сторінка календару матчів.

2.4.6 Сторінки статистики кращих гравців

На даній сторінці відображено ТОП-10 гравців по різних категоріях. Для прикладу наведемо сторінку кращих голкіперів Ліги.

Рис. 2.4.6 Сторінка статистики кращих воротарів.

Далі наведено код best_v.php.

<?php

require_once("shablon-t.php")

?>;

</style>

<div id="div_detal_all_table_title">ТОП-10 кращих воротарів за коефіцієнтом результативності</div>

<tr class="top2" align="center"><td width="30px">№</td><td width="200px;">Гравець</td><td width="131px;">Громадянство</td><td>Клуб</td><td>Коеф.</td></tr>

<?php

$result=mysql_query("Select nom, player, club, nationality, koef from players where place='Воротар' order by koef DESC limit 0,10; ",$db);

$row=mysql_fetch_array($result);

{

$a+=1;

echo "<tr class='top' height='25pt'><td>$a</td> <td>$row[player]</td> <td> $row[nationality]</td> <td>$row[club]</td><td> $row[koef] </td> </tr>";

}

while ($row=mysql_fetch_array($result));

</table>

</div>

</body>

</html>

2.4.7 Cторінки коментарів та детальної турнірної таблиці.

За вищенаведеним принципом будуються сторінки коментарів та детальної турнірної таблиці. Тобто контент динамічно оновлюється відповідаючи запитам користувача. Наприклад сторінка статті «Шумиха» навколо Мігеля Велосо знаходиться за адресою /coments/2.php і згідно реалізованому в ньому сценарії витягує із БД записи відповідної таблиці і динамічно та структуровано розміщує їх на сторінці. Далі наведено цей код та результат.

<div id="div_detal_all_table_title">Коментарі... Дізнайтесь більше про футбол !</div>

<?php

$result=mysql_query('Select img_href, imgs_href_mini from coments where id=2; ',$db);

$row=mysql_fetch_array($result);

echo "<img src='../$row[img_href]'/>";

</div>

<?php

$result=mysql_query('Select img_href,text_tytle, text_all from coments where id=2; ',$db);

$row=mysql_fetch_array($result);

echo "<h3>$row[text_tytle]</h3>.<h4>$row[text_all]</h4>";

</div>

Рис. 2.4.7 Сторінка статті.

2.4.8 Сторінка детальної турнірної таблиці

<?php

require_once("shablon-t.php")

?>;

</style>

<?php

require_once ("shablon_div.php")

?>;

<div id="div_detal_all_table_title">Турнірна таблиця команд УПЛ сезону 2012/13</div>

<tr class="top2" align="center" ><td ><span class="title">Позиція<em>Місце в турнірному становищі футбольних команд<i></i></em></span></td>

<td colspan="2"> Клуб </td> <td><span class="title">Останні ігри<em>Підсумкові результати останніх п'яти поєдинків (мала літера - на виїзді, велика - вдома) <i></i></em></span></td>

<td> <span class="title">І<em>Зіграно ігор<i></i></em></span> </td> <td> <span class="title">В<em>Виграшних ігор<i></i></em></span> </td>

<td> <span class="title">Н<em>Нічийних ігор<i></i></em></span></td> <td><span class="title">П<em>Програшних ігор<i></i></em></span></td>

<td> <span class="title">МЗ<em>М'ячів забито<i></i></em></span></td> <td> <span class="title">МП<em>М'ячів пропущено<i></i></em></span> </td>

<td> <span class="title">РМ<em>Різниця забитих і пропущених мячів <i></i></em></span> </td><td> <span class="title">О<em>Очка - підсумкові залікові пункти<i></i></em></span></td>

</tr>

<?php

$result=mysql_query('Select position, club_img, href_club, club, last5, games, wins, draw, no_wins, goals, miss_goals, balls, points from clubs order by position',$db);

$row=mysql_fetch_array($result);

$result_g=mysql_query('select count(club1) as games from matches, clubs where end_of_match=1 group by club',$db);

$games=mysql_fetch_array($result_g);

{

echo "<tr class='top'>

<td align=center>$row[position]</td>

<td > <span class='title'> $row[last5]<em>Підсумкові результати останніх п'яти поєдинків<i></i></em></span></td>

<td align=center> <span class='title'> $row[games]<em>Зіграно ігор<i></i></em></span></td>

<td align=center><span class='title'> $row[wins]<em>Виграшних ігор<i></i></em></span></td>

<td align=center><span class='title'> $row[draw]<em>Нічийних ігор<i></i></em></span></td>

<td align=center><span class='title'> $row[no_wins]<em>Програшних ігор<i></i></em></span></td>

<td align=center><span class='title'> $row[goals]<em>М'ячів забито<i></i></em></span></td>

<td align=center><span class='title'> $row[miss_goals]<em>М'ячів пропущено<i></i></em></span></td>

<td align=center><span class='title'> $row[balls]<em>Різниця забитих і пропущених м'ячів<i></i></em></span></td>

<td align=center><span class='title'> $row[points]<em>Очка - підсумкові залікові пункти<i></i></em></span></td>

</tr>";

}

while ($row=mysql_fetch_array($result));

</table>

</div>

</body>

</html>

Сторінка детальної турнірної таблиці структуровано відображає всі дані таблиці бази даних clubs.

Результат показано на наступному рисунку.

Рис. 2.4.8 Сторінка детальної турнірної таблиці

2.4.9 Реалізація системи підказок на сайті

Слід відзначити, що важливою складовою даного проетку є великі таблиці, тому для зручної орієнації в них реалізовано принцип підказок за допомогою <span class='title'> </span>. Технологія така, що у title описано стиль підказки і в тілі span задається сам текст. Підказка випливає (з'являється) при наведені курсору на певний запис комірки таблиці. Далі проілюстровано приклади результату. На першій ілюстрації видно, що число -4 для ФК Карпати Львів означає різницю забитих і пропущених м'ячів. На другій ілюстрації видно, Артем Мілевський зіграв лише одну гру, тоді, як для прикладу, його одноклубник Андрій Ярмоленко 4 гри.

Страница:

дипломная работа "Розробка динамічного футбольного сайту Української Прем'єр-Ліги" скачать

Подобные документы

Розробка сайту "Портал Новин" як віртуальна подія в інформаційному суспільстві
Види сайтів та характеристика сайту-візитки, сайту-магазину, новинного сайту та соціальних мереж. HTML та CSS як основа шаблону сайту та стилю оформлення. Розробка структури та вибір дизайну порталу новин, його програмний код та вигляд у браузері.

дипломная работа [2,4 M], добавлен 20.10.2013
Механізм створення динамічних Web-сторінок
Розробка web-сайту "Творча майстерня SakhNYAsha design studio". Сучасні технології розробки Web-додатків. Наповнення сайту інформацією та елементами. Структурування інформації та її стилізація. Введення елементів HTML 5, контроль відповідності стандартам.

курсовая работа [992,7 K], добавлен 30.01.2014
Розробка веб-сайту відеофільмів
Вибір мови програмування та середовища розробки. Основні можливості мови php та сервера MySQL. Основні переваги середовища розробки NetBeans. Macromedia Dreamweaver як один з популярних середовищ розробки сайтів. Розробка програмного коду сайту.

контрольная работа [3,0 M], добавлен 16.02.2013
Розробка навчального web-сайту "Learning English"
Вивчення особливостей використання всесвітньої мережі Інтернет, адресації інформації, вірусних загроз. Розробка та підготовка сайту до експлуатації за допомогою візуального редактора Front Page. Характеристика дизайну та структури створеного web-сайту.

курсовая работа [1,4 M], добавлен 22.11.2012
Розробка мультимедійного web-сайту
Опис інформаційного забезпечення системи для розробки сайту. Технічне завдання на розробку web-сторінки. Комплект засобів, проектування та завантаження сторінок. Тестування сайту в різних браузерах. Розрахунок собівартості та ціни програмного продукту.

дипломная работа [1,8 M], добавлен 14.05.2012
Використання комп'ютерної графіки під час розробки сайту міста Жмеринки
Розробка динамічних та статичних зображень для сайту за допомогою відеоредактора Adobe After EffectCS6 та графічного редактора Adobe Photosop CS6. Розробка структури сайту. Багатоваріантний аналіз розв’язку задачі. Створення анімованого логотипу.

курсовая работа [1,8 M], добавлен 07.12.2014
Розробка Web-сайту компанії "Гранд Авто"
Загальна характеристика особливостей алгоритму просування сайту. Розробка основних елементів фірмового стилю, що складають пакет рекламної кампанії. Етапи розробки Web-сайту компанії "Гранд Авто". Особливості програмної частини і структури сайту.

дипломная работа [3,3 M], добавлен 26.02.2012
Розробка соціальної мережі "Social network Artput"
Опис механізмів передачі даних між сторінками. Розробка доступного та зручного інтерфейсу веб-сайту компанії "Artput" для відвідувачів сайту і для адміністратора. Установка Apache 1.3.29 та PHP 4.3.4 під Windows XP. Структура веб-сервера та веб-сайту.

дипломная работа [5,0 M], добавлен 24.09.2012
Розробка сайту-візитки комерційного закладу
Структура, характеристики та принципи розробки сучасного сайту-візитки. Розробка дизайну. Характеристика сайту кав’ярні. Основні вимоги до програми та до інтерфейсу. Опис проектних рішень, інструментів та підходів до розробки з обґрунтуванням їх вибору.

дипломная работа [3,2 M], добавлен 19.03.2017
Процес розробки Web-сайту
Internet. Web-сайт та його розробка. Редактор Frontpage. Планування інформаційного потоку. Як побудувати хороший сайт. Планування та розробка сайту intranet. Проблеми планування. Сервери. Безпека. Інформаційне наповнення. Web-сервер та Web-сторінки.

курсовая работа [20,1 K], добавлен 22.08.2008

Другие документы, подобные "Розробка динамічного футбольного сайту Української Прем'єр-Ліги"

весь список подобных работ

скачать работу можно здесь

сколько стоит заказать работу?

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.