Файл: Разработка сайта для дошкольного учреждения «Солнышко».pdf

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

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

- разработать страницы сайта на основе HTML кода;

- спроектировать таблицы стилей CSS для применения их на страницах сайта;

- создать базу данных для сайта на основе файловой системы;

- создать код PHP для работы с данными.

1. Техническое задание и выбор средств реализации.

1.1 Техническое задание.

Необходимо разработать сайт «Дошкольное учреждение». Сайт должен быть выполнен, соблюдая следующие правила:

1) Общее количество разделов сайта должно быть не менее шести.

2) Язык разметки сайта – HTML;

3) Безошибочная работа, отображение в браузерах: InternetExplorer, MozillaFirefox, Opera (Chrome, Safari);

4) Наличие главной страницы;

5) Все страницы сайта должны быть наполнены осмысленной информацией;

Задачи сайта «Дошкольное учреждение»:

- Новости сайта;

- информация об организации;

- место нахождения;

- обратная связь;

1.2 Средства реализации.

Выбор средств был прост это коды html, css, php. Базой данных служит СУБД MySQL.

HTML (HyperText Markup Language) — язык разметки (маркировки) гипертекста. Гипертекст своим развитием обязан интернету, хоть и создавался он совсем не для того. HTML дает возможность производить переход от одной части текста к другой, и, что замечательно, эти части могут храниться на совершенно разных компьютерах.

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

CSS (Cascading Style Sheets) — язык таблиц стилей, который позволяет прикреплять стиль (например, шрифты и цвет) к структурированным документам (например, документам HTML и приложениям XML). Обычно CSS-стили используются для создания и изменения стиля элементов веб-страниц и пользовательских интерфейсов, написанных на языках HTML и XHTML, но также могут быть применены к любому виду XML-документа, в том числе XML, SVG и XUL. Отделяя стиль представления документов от содержимого документов, CSS упрощает создание веб-страниц и обслуживание сайтов. CSS поддерживает таблицы стилей для конкретных носителей, поэтому авторы могут адаптировать представление своих документов к визуальным браузерам, слуховым устройствам, принтерам, брайлевским устройствам, карманным устройствам и т.д.

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

PHP (англ. PHP: Hypertext Preprocessor — «PHP: препроцессор гипертекста»; первоначально Personal Home Page Tools — «Инструменты для создания персональных веб-страниц») — скриптовый язык общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков, применяющихся для создания динамических веб-сайтов.

В области веб-программирования, в частности серверной части, PHP — один из популярных сценарных языков (наряду с JSP, Perl и языками, используемыми в ASP.NET).

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

Язык SQL (Structured Query Language - структурированный язык запросов) представляет собой стандартный высокоуровневый язык описания данных и манипулирования ими в системах управления базами данных (СУБД), построенных на основе реляционной модели данных

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

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

Вывод данных из таблиц:

$mysql = new mysqli('localhost', 'root', '', 'solnishko');

if(isset($_POST['l_submit']))

{

$query = mysqli_query($link, "SELECT id, password FROM users WHERE name='".mysqli_real_escape_string($link, $_POST['login_field'])."' LIMIT 1");

$data = mysqli_fetch_assoc($query);

$user = $_POST['login_field'];

if($data['password'] === ($_POST['password_field']))

{

setcookie('logged_user', $user, time()+3600, '/');

echo "<div class='php_log'>Вы авторизованы!</div

}

Пример ввода данных новых пользователей:

$link=mysqli_connect("localhost", "root", "", "solnishko");

if(isset($_POST['reg_submit']))

{

$login = $_POST['reg_login'];

$password = (trim($_POST['reg_password']));

$query = mysqli_query($link, "SELECT id FROM users WHERE name='".mysqli_real_escape_string($link, $_POST['reg_login'])."'");

if(mysqli_num_rows($query) > 0)

{

$err[] = "<div class='php_err'>Пользователь с таким логином уже существует в базе данных.</div>";

}

if(count($err) == 0)

{

$login = $_POST['reg_login'];

$password = (trim($_POST['reg_password']));

mysqli_query($link,"INSERT INTO users SET name='".$login."', password='".$password."'");

Описание структуры базы данных и ее функций.

База данных в работе является MySQL, в которой присутствует таблица со следующими наименованиями id, name, password, которую обрабатывает веб-сервер Apache, после чего данные выводятся на сайт или наоборот, как показано рис. 3.1

Рис. 3.1 Взаимосвязь базы данных с сайтом.

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

Таблица 3.1

Данные пользователей в таблице users

Наименования	Расшифровка	Тип
id	Уникальный идентификатор	INT
name	Логин	VARCHAR
password	Пароль	VARCHAR

Описание структуры клиентской части.

Описание интерфейса.

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

Рис. 4.1 Главная страница сайта

Для посетителей есть возможность зарегистрироваться. Регистрация представлена на рисунке 4.2. После регистрации можно произвести вход. Если вход успешен, создаются cookie и система показывает сообщение «Вы авторизованы!». Функции входа представлены на рисунке 4.3.

Рис. 4.3 Регистрация нового пользователя.

Рис. 4.3 Реализация авторизации

На сайте также присутствуют новости учреждения на рисунке 4.4, краткая информация об организации на рисунке 4.5, обратная связь на рисунке 4.6 и контакты на рисунке 4.7.

Рис. 4.4 Вкладка новости

Рис 4.5 Краткая информация об организации

Рис. 4.6 Вкладка обратная связь.

Рис. 4.7 Вкладка контакты

На рисунке 4.8 отображен подвал сайта.

Рис. 4.8 Подвал сайта

Инструкция пользователя.

Для посетителей сайта. Можно использовать меню для поиска нужной информации:

«Главная» - обозревание воспитателей и дошкольных групп;

«Новости» - краткая информация о предстоящих мероприятиях;

«О нас» - краткая информация об организации;

«Обратная связь» - предоставление контактов от организации;

«Контакты» - местоположение и режим работы.

«Регистрация» - возможность зарегистрироваться на сайте.

Заключение

Результатом курсовой работы стал готовый к работе web - сайт в котором размещена информация о сайте дошкольного учреждения «Солнышко». В ходе проведения работы были решены поставленные в курсовой работе задачи. Оценивая проделанную работу, можно сделать следующие выводы:

- сайт предоставляет пользователям наиболее нужную ему информацию, а именно возможность ознакомиться с работой организации;

- реализована навигация с помощью меню по страницам сайта;

Для реализации сайта были использованы следующие средства:

– XAMPP

– язык разметки гипертекста html и css;

– язык программирования php;

– язык запросов SQL;

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

1. Мейер, Б. Инструменты, алгоритмы и структуры данных / Б. Мейер. - 2-е изд., испр. - М. : Национальный Открытый Университет «ИНТУИТ», 2016.

2. Савельева, Н.В. Язык программирования PHP / Н.В. Савельева. - 2-е изд., испр. - М. : Национальный Открытый Университет «ИНТУИТ», 2016

3. Прохоренок, Н. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера / Н. Прохоренок. - СПб.: БХВ - Петербург., 2010. - 900 с.

4. Мазуркевич, А. PHP: настольная книга программиста / А. Мазуркевич. - М.: Новое знание, 2003. - 480 с.

5. Богданов, М.Р. Перспективные языки веб-разработки / М.Р. Богданов. - 2-е изд., испр. - М. : Национальный Открытый Университет «ИНТУИТ», 2016

6. http://biblioclub.ru/index.php?page=book&id=428953

7. Никсон, Р. Создаем динамические web-сайты с помощью PHP, MySQL и JavaScript / Р. Никсон. - П.: Питер, 2011. - 496 с.

8. PHP, SQL [Electronic resource] / блог. - Россия, 2010.: http://phpsql.ru/.

9. Томсон, Л. Разработка Web-приложений на РНР и MySQL/ Л. Томсон. - М.: ДиаСофтЮП, 2003. - 672 с.

10. PHPForum [Электронный ресурс] /форум.- Россия, 2003. - Режим доступа: http://phpforum.ru. - Дата доступа: 09.02.2012.

11. Харрис, Э. PHP/MySQL для начинающих / Э. Харрис. - М.: Кудиц - образ, 2005.

12. Парк, Д. PHP и MySQL. Библия программиста / Д. Парк, С. Суэринг. - Диалектика, 2010. - 912 с.

13. Гущин А.Н. Базы данных: учебник. - М.: Директ-Медиа, 2014. - 266с

14. http://www.php.su/

15. https://tokmakov.msk.ru/

16. https://www.internet-technologies.ru/articles/webprogramming/php/

17. https://html5book.ru/

18. https://myrusakov.ru/

Приложения

Код html

Header:

<!DOCTYPE html>

<head>

<title>Сайт для дошкольного учерждения</title>

</head>

<body>

<h1>Солнышко</h1>

<h2>Все для детей</h2>

</div>

<li><a href="index.php">Главная</a></li>

<li><a href="news.php">Новости</a></li>

<li><a href="feedback.php">Обратная связь</a></li>

<li><a href="contacts.php">Контакты</a></li>

</ul>

</div>

Footer:

<p>

<a href="index.php">Главная</a> |

<a href="news.php">Новости</a> |

<a href="about.php">О нас</a> |

Смотрите также файлы

Современные проблемы физического воспитания и пути их решения.pdf

Имущество как объект гражданских правоотношений (ВЕЩЕВЫЕ ПРАВООТНОШЕНИЯ).pdf

Сущность и содержание прибыли. Виды прибыли.pdf

Проектирование информационной системы по учёту кассовых операций.pdf

Организация продаж гостиничного сервиса.pdf