Главная Коллекция "Otherreferats" Программирование, компьютеры и кибернетика Создание WEB-системы

Создание WEB-системы

Определение целей создания информационной системы. Разработка логической и физической структуры сайта. Описание HTML-кода основных статических страниц, index., media. и structure.php. Описание скриптов клиентской части и добавления сообщений на форуме.

Рубрика	Программирование, компьютеры и кибернетика
Вид	курсовая работа
Язык	русский
Дата добавления	24.06.2014
Размер файла	328,2 K

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

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

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

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

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

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

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

Цели проекта:

Создание удобной WEB - системы, которая предоставит пользователю полную информацию об современном и классическом искусстве.

Создание удобной системы, которая дает возможность пользователям побывать в картинной галерее не выходя из дома.

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

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

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

При разработке дизайна сайта надо принять во внимание множество факторов, которые будут влиять на его качества, такие как:

· Совместимость со всеми популярными браузерами;

· Оптимальное сочетание цветов и шрифтов;

· Удобная система навигации по сайту;

· Нормальная загрузка графики при плохом качестве соединения.

Описание основных задач, решаемых системой

Задачей курсового проектирования является создание интернет-ориентированной информационной системы предприятия, организации, подразделения, отдельного человека, например «Кафедра Вычислительная техника», «Моя группа», «Электронный магазин» по продаже книг, электроники, компьютерного оборудования и др., «Личная страница», «Справочная система» и т.д. Объект, для которого создается информационная система может быть выбран самим студентом. В частности, основой может стать база данных, разработанная студентом при выполнении курсового проектирования по курсу «Базы данных». При этом в ходе курсового проектирования по данному предмету, основное внимание должно быть уделено разработке соответствующего сайта. На сайте должны быть реализованы традиционные виды информационного сервиса: поиск по странице, счетчик посещений, навигация, форум, регистрация пользователей, для электронных магазинов - выбор и оплата товаров.

Выбор инструментария

Рекомендуемые языки и программные средства для создания информационной системы:

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

· Язык для написания клиентских скриптов - JavaScript;

· Язык для написания серверных скриптов - PHP v.4;

· Браузер для просмотра - Google Chrome или Mozilla Firefox.

· Система управления базами данных - MySQL;

· Web сервер - Apache.

· Для создания Web-страниц используется Subline Text 2

Проверка работоспособности информационной системы будет осуществляться в среде набора для Web-разработчика - Denver.

Разработка логической и физической структуры сайта

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

Структура базы данных

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

В составе пакета Denwer поставляется СУБД MySQL. Для создания баз данных, работе с ними используется программа phpMyAdmin. Для работы с ней используется язык структурированных запросов SQL (Structure Query Language), который позволяет выполнять различные операции с базами данных: создавать таблицы, помещать, обновлять и удалять из них данные, производить запросы из таблиц и т.д.

Для разработки сайта потребовалось создать три таблицы: news, users, images, messages, category, part, themes.

Таблица news содержит данные о публикации новости (заголовок, содержание, дата и т. д.). Данные в таблицу вносятся только администратором с помощью специальной панели, появляющейся после авторизации с учетной записью администратора.

Таблица users содержит данные обо всех зарегистрированных пользователях системы. Данные в таблицу вносятся во время регистрации на сайте.

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

Таблица messages содержит в себе сообщения, опубликованные на форуме. Заполняется пользователями со страниц форума, когда те нажимают кнопку «Отправить».

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

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

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

Внешний вид основных страниц сайта

Описание HTML-кода основных статических страниц сайта

index.php

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</div>

<a href="index.php"><li style="border-right: none;">Главная</li></a>

<a href="media.php"><li style="border-right: none">Медиа</li></a>

<a href="structure.php"><li style="border-right: none;">Структура совета</li></a>

<a href="forum.php"><li style="border-right: none;">Форум</li></a>

<a href="archive.php"><li>Архив новостей</li></a>

</ul>

</div>

</header>

<div class="title_news">Новости</div>

<div class='date'><span style='font-size:1.82em'>1</span></br><span style='font-size:1.16em'>января</div>

<div class='article_new'>Новый год</div>

<div class='text_new'><img align='left' src='./images/news/571e32a9497bc9ce85a05dda04543fd6.jpg'>Всех с новым годом, друзья!...</div>

<div class='more'><a href='news.php?id=1'>Подробнее...</a></div>

</div>

<div class='date'><span style='font-size:1.82em'>13</span></br><span style='font-size:1.16em'>января</div>

<div class='article_new'>Старый новый год</div>

<div class='text_new'><img align='left' src='./images/news/a335e0259ed6062d4403bc73bfff394b.jpg'>С праздником......</div>

<div class='more'><a href='news.php?id=2'>Подробнее...</a></div>

</div>

</div>

</div>

</form>

</div>

</div> <script>

$(document).ready(function(){$('.main_form').css({'display':'none'})});

function toggle(){

var el = document.getElementById('main_form');

el.style.display = (el.style.display == 'none') ? 'block' : 'none';

}

</script>

<img src="./images/interface/ip.png"> <span class="text_article_ip">Интернет приемная</span>

</div>

</form>

</div>

<span class="volga">Разработано в «Volga-IT-Group»</span>

</div>

</div>

</body>

</html>

media.php

<!DOCTYPE html>

<html>

<head>

<title>ОС ФСКН - Медиа</title>

</head>

<body>

</div>

<a href="index.php"><li style="border-right: none;">Главная</li></a>

<a href="media.php"><li style="border-right: none">Медиа</li></a>

<a href="structure.php"><li style="border-right: none;">Структура совета</li></a>

<a href="forum.php"><li style="border-right: none;">Форум</li></a>

<a href="archive.php"><li>Архив новостей</li></a>

</ul>

</div>

</header> <div id="content">

<div class="title">Медиа</div>

<br>

<span style="color: #206CCD; font-size: 1.59em; line-height: 1.2em; margin-bottom: 15px;">Альбомы новостей</span>

<br>

<div class='album'><div class='album_title'>Новый год<br></div><div class='imagelist'><a href='images/news/571e32a9497bc9ce85a05dda04543fd6.jpg' rel='lightbox-tour'><img src='images/news/571e32a9497bc9ce85a05dda04543fd6.jpg'></a> <a href='images/news/87d07f90f10c40ed8075f45c042fe6f6.jpg' rel='lightbox-tour'><img src='images/news/87d07f90f10c40ed8075f45c042fe6f6.jpg'></a> <a href='images/news/538dcf9d8b98ac9a193a01f25d975ad2.jpg' rel='lightbox-tour'><img src='images/news/538dcf9d8b98ac9a193a01f25d975ad2.jpg'></a> </div><a href='albums.php?id=1'>Смотреть полный альбом</a></div><div class='album'><div class='album_title'>Старый новый год<br></div><div class='imagelist'><a href='images/news/a335e0259ed6062d4403bc73bfff394b.jpg' rel='lightbox-tour'><img src='images/news/a335e0259ed6062d4403bc73bfff394b.jpg'></a> <a href='images/news/06d3bc740e8ba0c8f64427649f537269.jpg' rel='lightbox-tour'><img src='images/news/06d3bc740e8ba0c8f64427649f537269.jpg'></a> <a href='images/news/4f6a306c94af679657ced7273b5ad4ea.jpg' rel='lightbox-tour'><img src='images/news/4f6a306c94af679657ced7273b5ad4ea.jpg'></a> </div><a href='albums.php?id=2'>Смотреть полный альбом</a></div></div> </div>

</div>

</div> <script>

$(document).ready(function(){$('.main_form').css({'display':'none'})});

function toggle(){

var el = document.getElementById('main_form');

el.style.display = (el.style.display == 'none') ? 'block' : 'none';

}

</script>

<img src="./images/interface/ip.png"> <span class="text_article_ip">Интернет приемная</span>

</div>

</form>

</div>

</div> </div>

</div>

<span class="volga">Разработано в «Volga-IT-Group»</span>

</div>

</div>

</body>

</html>

structure.php

<!DOCTYPE html>

<html>

<head>

<title>ОС ФСКН - Структура Совета</title>

function show(id){

document.getElementById(id).style.display = "block";

}

function hide(id){

document.getElementById(id).style.display = "none";

}

</script>

</head>

<body>

</div>

<a href="index.php"><li style="border-right: none;">Главная</li></a>

<a href="media.php"><li style="border-right: none">Медиа</li></a>

<a href="structure.php"><li style="border-right: none;">Структура совета</li></a>

<a href="forum.php"><li style="border-right: none;">Форум</li></a>

<a href="archive.php"><li>Архив новостей</li></a>

</ul>

</div>

</header> <div id="content">

<div class="title">Структура общественного совета</div>

<div class="ss_head">Руководство</div>

<div class="ss_start" onclick="show('1')"><h4>Цветкова Ирина Владимировна</h4> <h1>Председатель общественного совета</h1></div>

<div class="ss_end" id="1"> Председатель Самарской областной организации Союза журналистов России, заслуженный работник культуры РФ.

<br><span style="color:#026ccd" onclick="hide('1')">Скрыть</span>

</div>

<div class="ss_start" onclick="show('2')"><h4>Нарушев Михаил Семенович</h4> <h1>Первый заместитель Председателя</h1></div>

Образование:

<br>1989-1994г.г.

<br>Самарский Государственный Университет Юридический факультет с отличием

<br>Трудовая деятельность:

<br>С 1994 - по н/в

<br>является Адвокатом Самарской областной коллегии адвокатов, Член квалификационной комиссии Палаты адвокатов Самарской области

<br><span style="color:#026ccd" onclick="hide('2')">Скрыть</span>

</div>

<div class="ss_start" onclick="show('3')"><h4>Быков Андрей Александрович</h4> <h1>Заместитель Председателя</h1></div>

Образование:

<br>1989-1994г.г.

<br>Самарский Государственный Университет Юридический факультет с отличием

<br>Трудовая деятельность:

<br>С 1994 - по н/в

<br><span style="color:#026ccd" onclick="hide('3')">Скрыть</span>

</div>

<div class="ss_start" onclick="show('4')"><h4>Бородин Алексей Викторович</h4> <h1>Заместитель Председателя</h1></div>

Описание скриптов для клиентской частей

Главный недостаток языка HTML -- это полное отсутствие независимых от пользователя средств управления и контроля за отображением и просмотром Web-страниц. Содержимое и/или параметры отображения той или иной страницы задаются жестко в момент написания и не могут быть изменены в процессе отображения страницы и просмотра ее пользователем. Клиентские скрипты позволяют создать интерактивные web - страницы, внешний вид которых может быть задан пользователем без обращения к Web- серверу. Наиболее популярный язык для написания клиентских скриптов -- JavaScript.

Скрипт для открытия/закрытия некоторых элементов на странице (Интернет-приемная, члены совета и т. д.)

$(document).ready(function(){$('.main_form').css({'display':'none'})});

function toggle(){

var el = document.getElementById('main_form');

el.style.display = (el.style.display == 'none') ? 'block' : 'none';

}

</script>

Описание серверных скриптов для интерактивного взаимодействия клиентской и серверной частей

Один из самых распространенных языков для написания серверных скриптов - PHP.

Скрипты РНР должны располагаться там, где разрешен доступ через WWW, например, там же где лежит домашняя страничка, если РНР файл лежит на локальной машине, то его можно обработать с помощью интерпретатора командной строки.

Скрипт для очистки сессий

<?php

setcookie("id", "", time()-3600);

setcookie("hash", "", time()-3600);

session_unset();

session_destroy();

Header("Location: index.php");

exit();

Скрипт для входа/регистрации

Вход

<?php

$email = $_REQUEST['email'];

$pas = $_REQUEST['password'];

require("./additions/varibles.php");

include("./additions/common.php");

connect($host, $user, $password, $db);

if(@!$_REQUEST['action']){

$sql = "select * from `users` where `email` = '$email'";

$result = mysql_query($sql);

$user = mysql_fetch_array($result);

$inform = $user['id'];

if($email == ''){$break=1;}

if($pas == ''){$break=1;}

if($user['password'] == md5($pas)){setcookie('login', 'true'); setcookie('user', $inform); header('location: forum.php?authorization=granted');}

else{header('location: forum.php?authorization=danied');}

}

else{

setcookie('user', ''); setcookie('login', ''); header('location: forum.php');

}

if($break == 1){

setcookie('user', ''); setcookie('login', ''); header('location: forum.php?authorization=danied');

}

Регистрация

<?php

$name = $_POST['name'];

$surname = $_POST['surname'];

$email = $_POST['email'];

$password = $_POST['password'];

$password2 = $_POST['password2'];

$pas = $_POST['password'];

$error = false;

$errors = "Ошибка! ";

if($password != $password2){$error = true; $errors = $errors."\nВведенные пароли не совпадают, ";}

if($password == ''){$error = true; $errors = $errors."\nВы не ввели пароль, ";}

if($surname == ''){$error = true; $errors = $errors."\nВы не ввели фамилию, ";}

if($email == ''){$error = true; $errors = $errors."\nВы не ввели email, ";}

if($password2 == ''){$error = true; $errors = $errors."\nВы не повторили пароль, ";}

$pas = md5($pas);

if($error == false){

require("./additions/varibles.php");

include("./additions/common.php");

connect($host, $user, $password, $db);

$query="INSERT INTO `users` (`name`, `surname`, `email`, `password`) VALUES ('$name', '$surname', '$email', '$pas');";

if(mysql_query($query)){echo "Поздравляем с успешной регистрацией. Теперь вы должны подтвердить регистрацию. Для этого просмотрите свою почту $email";}

else{echo "Пользователь с таким email уже зарегистрирован";}

}

else{echo $errors;}

Скрипт для добавления сообщений на форуме

<?php

if(@$_REQUEST['message']){

if(@$_COOKIE['user']){

$message = $_REQUEST['message'];

// date_default_timezone_set('UTC');

$date = date('d.m.Y');

$time = date('H:i:s');

$id = $_COOKIE['user'];

$query="select * from users where id = $id";

$result = mysql_query($query);

$auth = mysql_fetch_array($result);

connect($host, $user, $password, $db);

$query = "INSERT INTO `messages` (`theme`, `message`, `date`, `time`, `user`) VALUES ('$themeid', '$message', '$date', '$time', '$auth[name] $auth[surname]');";

mysql_query($query);

}

Библиографический список

1. http://www.htmlbook.ru

2. http://www.php.su

3. http://www.css.manual.ru

4. А. Овчаренко, «Ajax на примерах»

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

курсовая работа "Создание WEB-системы" скачать

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

Проектирование и реализация HTML документа
Понятие интеллектуального пространства, объекты изучения в онтологии. Разработка Web-сайта на тему "Онтологии в информатике". Описание логической и физической структуры сайта, шаблон дизайна его страниц, тестирование. Исходный текст шаблона html-страницы.

курсовая работа [4,7 M], добавлен 14.07.2012
Разработка и создание информационной системы "Электронная газета"
Использование языка гипертекстовой разметки HTML. Преимущества интернет-хостинга Yutex.ru. Структура базы данных информационной системы "Электронная газета". Структура сайта, описание разделов и страниц. Интерфейс и сценарии администраторского блока.

курсовая работа [2,2 M], добавлен 07.07.2015
Разработка презентационного сайта для ИП Тимонин Е.Н. г. Кунгур, Пермского края
Подходы к созданию сайтов. Обоснование необходимости наличия персонального сайта компании ИП Тимонина Е.Н.. Структура, интерфейс, этапы создания сайта. Описание кода страниц. Создание web-страниц и наполнение их информацией. Верстка сайтов с чистым кодом.

дипломная работа [1,5 M], добавлен 03.06.2015
Разработка интернет-магазина по продаже компьютерной техники
Определение назначения системы и обозначение целей создания Web-приложения интернет-магазина по продаже компьютерной техники. Описание страниц сайта и логической структуры приложения. Тестирование, применение приложения и затраты на его разработку.

дипломная работа [2,6 M], добавлен 10.06.2014
Интернет-технологии. Создание сайта
Работа с HTML-редактором Adobe Dreamweaver. Этапы и правила построения заглавной страницы сайта, форматирования HTML-страниц, создания гипертекстовых ссылок, создания и форматирования таблиц. Использование графических материалов при разработке сайта.

методичка [1,9 M], добавлен 06.07.2011
Создание WEB-сайта "Темная кофейня"
Концептуальное проектирование сайта по онлайн-продаже кофе, его древовидная логическая структура страниц. Описание языка гипертекстовой разметки сайта HTML, особенности отображения HTML-тегов в браузерах. Создание формы заказа для онлайн-торговли.

курсовая работа [2,2 M], добавлен 16.04.2017
Разработка сайта ОАО "Каменск-Уральский литейный завод"
Понятие web-сайта и их типы. Программы для создания web-сайта. Описание структуры проекта. Алгоритм создания сайта. Описание конструктора Jimdo. Языки программирования серверного выполнения. Создание полнофункционального веб-сайта для ОАО "КУЛЗ".

курсовая работа [3,5 M], добавлен 05.06.2015
Создание web-сайта
Обоснование выбора средств разработки сайта. Программа Microsoft Office FrontPage 2003, характеристика и принцип работы. Разработка структуры сайта, его реализация и создание элементов дизайна. Наиболее употребляемые теги языка HTML. Листинг HTML-кода.

курсовая работа [1,7 M], добавлен 08.03.2011
Использование языка HTML для создания сайта
Создание основы интернет-сайта - набора таблиц, которые расположены в нужном порядке. Использованные теги и их атрибуты. Кодовое оформление сайта, наложение второго слоя. Стильный текст в HTML. Использование скриптов для большей информативности сайта.

методичка [813,6 K], добавлен 08.11.2013
Разработка системы управления содержимым сайта
Преимущества и недостатки статических и динамических сайтов. Эволюция и классификация web-приложений. Требования, предъявляемые к системам управления контентом (CMS). Создание структуры сайта, информационное наполнение страниц. Разработка базы данных CMS.

дипломная работа [856,2 K], добавлен 27.06.2012

Другие документы, подобные "Создание WEB-системы"

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

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

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

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