Web-технології та Web-дизайн

Автор работы: Пользователь скрыл имя, 29 Мая 2013 в 18:37, курсовая работа

Описание работы

Веб-сайт виконує такі основні завдання:
реклама продукції, послуг, ідей. Правильно зроблений веб-сайт із легкістю приведе клієнта до висновку про необхідність покупки товару, або послуг, або ідей, що пропагуються на ньому;
продаж товарів, послуг, інформації, ідей. У сучасної людини немає багато часу для ходіння по магазинах. Тому можливість замовлення товарів і послуг, не відходячи від комп'ютера, значно розширює можливості і клієнта, і продавця;
безкоштовне надання інформації або послуг. Насправді надання інформації або послуг – це засіб залучення відвідувачів до даного ресурсу для здобуття, наприклад, статистичної інформації або ж для показу реклами, якщо це рекламний майданчик;
підтримка клієнтів.

Файлы: 1 файл

курсова_webb.doc

— 2.23 Мб (Скачать файл)

 

УКР.ЧНУ.00917712-01

 

МІНІСТЕРСТВО ОСВІТИ І НАУКИ, МОЛОДІ ТА СПОРТУ УКРАЇНИ

ЧЕРКАСЬКИЙ  НАЦІОНАЛЬНИЙ УНІВЕРСИТЕТ імені  БОГДАНА ХМЕЛЬНИЦЬКОГО

 

Факультет обчислювальної техніки,

інтелектуальних та управляючих систем

Кафедра програмного забезпечення автоматизованих систем

 

КУРСОВА РОБОТА

 

з курсу “ Web-технології та Web-дизайн ”

 

 

 

 

 

Пе   Перевірив:

ви.  вик. Сиволовський І.М.

 

__________________________

(Підпис)

“___”_______________2012 р.

Виконала:

студентка Кіторага В.В.

(група КМ-091)

_________________________

(Підпис)

“___”______________2012 р.


Черкаси 2012  
ЗМІСТ

 

 

 

ВСТУП

Веб-сайт – це сукупність логічно зв'язаної гіпертекстової інформації, оформленої у вигляді  окремих сторінок і доступної  в мережі Інтернет.

Подібне визначення веб-сайту було правильним на початку існування Інтернету, коли Мережа і веб-сайти використовувалися в основному як розважальна система. До кінця 90-х років веб-сайти дійсно були в основному статичними сторінками. Для створення веб-сайту було потрібне лише знання мови гіпертекстової розмітки – HTML. Якщо ж сторінка надавала якісь програмні засоби – це були виключно засоби, що міг надати сервер, на якому розташований веб-сайт. Про зручність і красу тогочасних веб-сайтів взагалі особливо не доводилося говорити. Час спливає, розвиваються мови програмування, розширюються канали передачі інформації... Зараз Інтернет вже є самодостатньою галуззю економіки, а веб-сайти стали повноправними представництвами фірм в Інтернеті. Сьогодні мільйони людей вранці встають і йдуть на роботу в... Інтернет. Їх офісами є веб-сайти.

Веб-сайт виконує  такі основні завдання:

  1. реклама продукції, послуг, ідей. Правильно зроблений веб-сайт із легкістю приведе клієнта до висновку про необхідність покупки товару, або послуг, або ідей, що пропагуються на ньому;
  2. продаж товарів, послуг, інформації, ідей. У сучасної людини немає багато часу для ходіння по магазинах. Тому можливість замовлення товарів і послуг, не відходячи від комп'ютера, значно розширює можливості і клієнта, і продавця;
  3. безкоштовне надання інформації або послуг. Насправді надання інформації або послуг – це засіб залучення відвідувачів до даного ресурсу для здобуття, наприклад, статистичної інформації або ж для показу реклами, якщо це рекламний майданчик;
  4. підтримка клієнтів.

 

  

1 ПОСТАНОВКА ЗАДАЧІ

Завданням курсової роботи є створення освітнього сайту по темі: «Київська Русь» з використанням фреймворку CakePHP.

Для створення веб-сайту необхідно:

  • ознайомитись із фреймворком CakePHP;
  • визначити структуру веб-сайту;
  • визначити зручний та красивий інтерфейс;
  • ознайомитися із основновами розробки веб-сайтів;
  • створити сам веб-сайт.

 

 

 

 

 

2 ТЕОРЕТИЧНА ЧАСТИНА

        2.1 Мова програмування PHP та її особливості

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

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

А протягом останніх кількох років  застосування РНР і серверних  засобів Java розширюється, тоді як сфера використання ASP звужується, тому зазначене порівняння стає ще більш неприйнятним.

Код РНР можна використовувати в коді HTML для введення загальних верхніх і нижніх колонтитулів у всі сторінки сайту або для збереження даних, введених у форму, в базі даних.

Строго  кажучи, мова РНР практично не застосовується для створення компонування, обробки  подій, виконання маніпуляцій з  елементами об'єктної моделі документа (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, включаючи РНР, представляють собою програмне забезпечення з відкритим вихідним кодом.

2.2 Cake PHP

CakePHP – це  програмне забезпечення з відкритим  кодом, фреймворк для швидкої  розробки на PHP. Це склад бібліотек,  класів і набір run-time засобів  для програмістів, що створюють  веб-додатки. CakePHP – це результат  роботи, натхненної платформою Ruby on Rails.

У 2005 році, Міхаель  Татаріновіч написав першу версію Швидкого Прикладного фреймворку (Rapid Application Framework) на PHP. Він зауважив, що це було дуже вдалим стартом. Міхаель опублікував його під MIT License, охрестивши своє дітище Cake, і відкрив його для спільноти розробників, які зараз підтримують Cake під ім'ям CakePHP.

У CakePHP є кілька можливостей, який роблять цей фреймворк кращим вибором для розробки додатків, якщо ви хочете це робити швидко і без найменших перешкод. Ось деякі з них:

  1. Активне, дружелюбне співтовариство;
  2. Гнучке ліцензування;
  3. Сумісність з PHP4 і PHP5;
  4. Інтегрований CRUD для взаємодії з базою даних і спрощення запитів;
  5. Скаффолдінг додатків;
  6. Архітектура Model-View-Controller (MVC);
  7. Диспетчер запитів, з можливістю створювати і використовувати людино-зрозумілі посилання (ЧПУ);
  8. Вбудована верифікація даних;
  9. Швидке і гнучке шаблонізірованіе (PHP синтаксис, з хелперами);
  10. Хелпери, що виконують за вас рутину по роботі з AJAX, Javascript, формами HTML і багатьом іншим;
  11. Компоненти безпеки, сесій, і обробки запитів;
  12. Гнучкі списки контролю доступу (Access Control Lists);
  13. Обробка даних;
  14. Гнучке кешування відображень (View Caching);
  15. Працює з будь піддиректорії веб-сайту, без залучення конфігурації Apache;

2.2.1  Структура Cake PHP

CakePHP характеризується класами Controller (контролер), Model (модель) і View (вид), але також надає деякі додаткові класи і об'єкти, які роблять розробку в MVC легше і приємніше. Класи компонентів (компонентів), залежностей (поведінки) та помічників (помічник) надають розширюваність і можливість багаторазового використання для додавання функціональності до наявних базовим класам MVC у ваших додатках. А поки ми будемо говорити про більш високому рівні і докладніше розглянемо описані технології пізніше.

 

3 ПРАКТИЧНА ЧАСТИНА

Метою практичної частини роботи є створення освітнього сайту по темі: «Київська Русь». Створення  сайту почалося із створення веб-сторінки загального шаблону веб-ресурсу. Наступним  кроком стало розбиття на логічну  структуру та представлення і написання коду для генерації даної веб-сторінки на мові програмування PHP з використанням фреймворку Cake PHP. Далі була розроблена модель бази даних і реалізована із використанням СУБД MySQL. Наступним кроком була реалізація функціоналу веб-ресурсу. Потім було пророблено відладку програмного продукту та його інтеграція для використання на веб-сторінці.

3.1 Опис програмних модулів

Під час виконання  розробленого програмного забезпечення першим важливим кроком було створення  контролерів, моделей та сторінок сайту.

Контролери  розміщуються у теці «Controllers», моделі у теці «Model»,  а сторінки у теці «View».

Код контролера PagesController.php:

<?php

App::uses('AppController', 'Controller');

class PagesController extends AppController {

public $name = 'Pages';

public $uses = array();

public function display() {

$path = func_get_args();

$count = count($path);

if (!$count) {

$this->redirect('/');

}

$page = $subpage = $title_for_layout = null;

if (!empty($path[0])) {

$page = $path[0];

}

if (!empty($path[1])) {

$subpage = $path[1];

}

if (!empty($path[$count - 1])) {

$title_for_layout= Inflector::humanize($path[$count - 1]);

}

$this->set(compact('page','subpage','title_for_layout'));

$this->render(implode('/', $path));

}

}

Код файлу з’днання з базою даних:

<?php

class DATABASE_CONFIG {

public $default = array(

'datasource' => 'Database/Mysql',

'persistent' => false,

'host' => 'localhost',

'login' => 'Vita',

'password' => 'INKAPS1',

'database' => 'kursach',

'prefix' => '',

 

);

public $test = array(

'datasource' => 'Database/Mysql',

'persistent' => false,

'host' => 'localhost',

'login' => 'Vita',

'password' => 'INKAPS1',

'database' => 'kursach',

'prefix' => '',

 

);

}

Код файлу регістрації login.php:

<?php

include_once("db.php");

session_start();

if (isset($_POST['login'])){

    $login = $_POST['login'];

    if ($login == '') {

        unset($login);

        exit ("Введіть будь-ласка логін!");

    }

}

if (isset($_POST['password'])){

    $password = $_POST['password'];

    if ($password == '') {

        unset($password);

        exit ("Введіть пароль");

    }

}

$login = stripslashes($login);

$login = htmlspecialchars($login);

$password = stripslashes($password);

$password = htmlspecialchars($password);

 

$login = trim($login);

$password = trim($password);

$password = md5($password);

$user = mysql_query("SELECT id FROM users WHERE login='$login' AND password='$password'");

$id_user = mysql_fetch_array($user);

if (empty($id_user['id'])){

   exit ("Вибачте, введений вами логін або пароль неправильний.");

}

else {

    $_SESSION['password'] = $password;

    $_SESSION['login'] = $login;

    $_SESSION['id'] = $id_user['id'];

}

echo "<meta http-equiv='Refresh' content='0; URL=index.php'>";

?>

Код файлу verification.php:

<?php

include_once("db.php");

if (isset($_POST['submit'])){

    if(empty($_POST['login']))  {

    echo '<br><font color="red"><img border="0" src="error.gif" alt="Введіть логін"> Введіть  логін!</font>';

}

elseif (!preg_match("/^\w{3,}$/", $_POST['login'])) {

echo '<br><font color="red"><img border="0" src="error.gif" alt="В полі "Логін" введені недопустимі  символи!">В полі "Логін"  введені недопустимі символи!  Лише літери, цифри и подкреслювання!</font>';

}

elseif(empty($_POST['password'])) {

echo '<br><font color="red"><img border="0" src="error.gif" alt="Введіть  пароль !">Введите пароль!</font>';

}

elseif (!preg_match("/\A(\w){6,20}\Z/", $_POST['password'])) {

echo '<br><font color="red"><img border="0" src="error.gif" alt="Пароль занадто короткий!">Пароль занадто короткий! Пароль повинен бути не меньше 6 символів! </font>';

Информация о работе Web-технології та Web-дизайн