Курсовая работа: Разработка сайта кинотеатра

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

Для перемещения и управления функционалом необходимо использовать систему меню информационной системы (Рисунок 4.7).

Рисунок . – Меню информационной системы кинотеатра

Для входа в систему служит кнопка вход, для регистрации – Регистрация. По кнопке регистрация происходит переход на форму регистрации в системе (Рисунок 4.8).

Рисунок . – Форма регистрации

Для зарегистрированных пользователей доступна возможность покупки билетов на проводимые сеансы, для заказа билета необходимо перейти на страницу Афиша (Рисунок 4.9).

Рисунок . – Афиша кинотеатра

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

Для приобретения билета на сеанс необходимо воспользоваться кнопкой Купить билет, располагаемой под изображением с афишей фильма (Рисунок 4.10).

Рисунок . – Покупка билетов

Заключение

В ходе выполнения данной работы были решены следующие задачи

• дано общее описание автоматизируемого объекта;
• построена модель базы данных;
• спроектировано и реализовано приложение для работы и управления созданной базой данных с применением web-технологий.

В процессе выполнения работы была создана база данных, с применением среды MySQL. Реализация проекта велась с применением языков CSS, HTML, PHP, а также м использованием языка SQL запросов для обращения и изменения информации в связанной базе данных системы.

Результатом работы явилось достижение целей:

• закрепление теоретического материала по дисциплинам, связанных с изучением баз данных;
• практические навыки создания web-ресурса с применением языка программирования PHP.

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

Литература

1. Пирогов, В.Ю. Информационные системы и базы данных: организация и проектирование: Учебное пособие / В.Ю. Пирогов. - СПб.: БХВ-Петербург, 2009. - 528 c.
2. Вадим Дунаев. HTML, скрипты и стили. BHV, Санкт-Петербург, 2015. ISBN 978-5-9775-3317-1.
3. Н. Закас, Джереми Мак-Пик, Джо Фосетт. Ajax для профессионалов. Перевод: Александр Киселев. Символ, Санкт-Петербург, 2015. ISBN 978 5 93286-081-6.
4. К. Блессинг, Роб Черни, К. Шмитт. Применение Web-стандартов CSS и Ajax для больших сайтов. Корона-Век, Санкт-Петербург, 2011. ISBN 978 5 7931-0844-7.
5. Adobe Dreamweaver CS6. Официальный учебный курс. Эксмо, Москва, 2014. ISBN 978-5-699-69655-0.
6. Чои Вин. Как спроектировать современный сайт. Питер, Санкт-Петербург, 2011. ISBN 978-5-459-00579-0.
7. А. Годин, К. Джонсон, К. Уоррен, М. Уэбер, Брайан Хоган. Книга веб-программиста: секреты профессиональной разработки веб-сайтов. Питер, Санкт-Петербург, 2013. ISBN 978-5-459-01510-2.
8. Алан Купер, Дэйв Кронин, Кристофер Носсел, Роберт Рейман. Алан Купер об интерфейсе. Основы проектирования взаимодействия. Символ, Санкт-Петербург, 2015. ISBN 978-5-93286-132-5.
9. Стив Круг. Как сделать сайт удобным. Юзабилити по методу Стива Круга. Питер, Санкт-Петербург, 2010. ISBN 978-5-49807-515-0.
10. Кирилл Сухов. HTML 5. Путеводитель по технологии. ДМК, Москва, 2013. ISBN 978-5-94074-910-3.

Исходные коды

Index.php

<?php

/**

* Created by PhpStorm.

* User: admin

* Date: 29.03.2019

* Time: 22:50

*/

include_once ("chkSession.php");

include_once ("header.php");

include_once ("showMenu.php");

?>

<div class="jumbotron">

<h4>В фойе работает новый аттракцион.</h4>

<img src="img/oazis.jpg" alt="" class="img-fluid">

<hr class="my-4">

<p class="lead">

<a class="btn btn-primary btn-lg" href="oasis.php" role="button">Подробнее</a>

</p>

</div>

<?php

include_once ("footer.php");

header.php

<?php

/**

* Created by PhpStorm.

* User: admin

* Date: 16.03.2019

* Time: 12:11

*/

?>

<!DOCTYPE html>

<html lang="ru">

<head>

<title>Кинотеатр &laquo;Орбита&raquo;</title>

<meta charset="utf-8">

<!-- подключить Bootstrap -->

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

<!-- Подключить стили-->

<link rel="stylesheet" href="css/kino.css">

<script src="js/kino.js"></script>

</head>

<body>

<div class="container">

<div class="headphones bg-white">

<div class="row">

<div class="col-md-3 col-sm-6 text-sm-center text-md-left">

<img src="img/logos.png" alt="" class="img-fluid pt-3">

</div>

<div class="col-md-3 mt-auto mb-auto text-md-center col-sm-6 text-sm-center">

<span class="align-middle">

<!-- Button trigger modal -->

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">

Схема зала

</button>

</span>

</div>

<div class="col-md-3 text-md-right col-sm-6 text-sm-center mb-auto mt-auto align-middle">

<span class="notes">Время работы:</span><br>

<i class="far fa-clock"></i>

<span class="information">Пн-Вс: 9:00-21:00</span><br>

<span class="notes">Наш адрес:</span><br>

<i class="fas fa-map-marker-alt"></i>

<span class="information">ул. Пушкина, 18</span>

</div>

<div class="col-md-3 mt-auto mb-auto col-sm-6 text-md-right text-sm-center align-middle">

<span class="notes">Касса:</span><br>

<i class="fas fa-phone-volume"></i>

<span class="information">8 800 125-00-19</span><br>

<span class="notes">Администратор:</span><br>

<i class="fas fa-phone-volume"></i>

<span class="information">8 800 125-12-08</span><br>

</div>

</div>

</div>

<!-- Modal -->

<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

<div class="modal-dialog modal-dialog-centered modal-lg" role="document">

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title" id="exampleModalLongTitle">Схема зрительного зала</h5>

<button type="button" class="close" data-dismiss="modal" aria-label="Close">

<span aria-hidden="true">&times;</span>

</button>

</div>

<div class="modal-body">

<img src="img/shema-kinoteatra.jpg" alt="" class="img-fluid">

</div>

<div class="modal-footer">

<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

</div>

</div>

</div>

</div>

showMenu.php

<?php

/**

* Created by PhpStorm.

* User: admin

* Date: 16.03.2019

* Time: 18:31

*

* вывод меню системы

*/

?>

<header class="bg-secondary">

<nav class="navbar navbar-expand-md navbar-dark bg-dark sticky-top">

<!-- Brand -->

<!-- <a class="navbar-brand" href="index.php">-->

<!-- <img src="img/logos.png" alt="logo" class="img-fluid" width="50">-->

<!-- </a>-->

<!-- Toggler/collapsibe Button -->

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">

<span class="navbar-toggler-icon"></span>

</button>

<!-- Navbar links -->

<div class="collapse navbar-collapse" id="collapsibleNavbar">

<ul class="navbar-nav main-menu">

<li class="nav-item">

<a class="nav-link" href="index.php">Главная</a>

</li>

<li class="nav-item">

<a class="nav-link" href="afisha.php">Афиша</a>

</li>

<li class="nav-item">

<a class="nav-link" href="aboutus.php">О&nbsp;Кинотеатре</a>

</li>

<?php

if($id_us>0 && $usRole==0) {

?>

<li class="nav-item">

<a class="nav-link" href="history.php">История</a>

</li>

<?php

}

?>

<?php

if($usRole > 0) {

?>

<!-- Dropdown -->

<li class="nav-item dropdown">

<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">

Управление

</a>

<div class="dropdown-menu">

<a class="dropdown-item" href="genree.php">Жанры</a>

<a class="dropdown-item" href="producer.php">Производители</a>

<div class="dropdown-divider"></div>

<a class="dropdown-item" href="placeType.php">Посадочные места</a>

<div class="dropdown-divider"></div>

<a class="dropdown-item" href="films.php">Фильмы</a>

<a class="dropdown-item" href="seance.php">Сеансы</a>

</div>

</li>

<?php

}

?>

</ul>

<ul class="navbar-nav ml-auto admin-menu">

<?php

if($id_us == 0) {

?>

<li class="nav-item">

<form class="form-inline" action="register.php" method="get">

<button class="btn btn-outline-warning">Регистрация</button>

</form>

</li>

<li class="nav-item ml-1">

<form class="form-inline" action="enter.php" method="get">

<button class="btn btn-success">Вход</button>

</form>

</li>

<?php

}

else {

?>

<li class="nav-item">

<form class="form-inline" action="exit.php">

<button class="btn btn-danger" type="submit">Выход</button>

</form>

</li>

<?php

}

?>

</div>

</ul>

</nav>

</header>

footer.php

<?php

/**

* Created by PhpStorm.

* User: admin

* Date: 16.03.2019

* Time: 12:16

*/

?>

<footer class="bg-dark">

<div class="row">

<div class="col-md-6">

<p><strong>Адрес:</strong></p>

<p>

<span>248000, г. Строгин</span><br>

<span>ул. Тимирязевская, 18</span>

</p>

</div>

<div class="col-md-6">

<p><strong>Контакты</strong></p>

<p>

<span><em>E-Mail:</em> orbita@kino.ru</span><br>

<span><em>Касса:</em> 8 800 125-00-19</span><br>

<span><em>Администратор:</em> 8 800 125-12-08</span>

</p>

</div>

</div>

</footer>

</div>

</body>

</html>