Файл: Разработка серверных приложений для WEB. Разработка сайта кинотеатра.pdf
Добавлен: 20.05.2023
Просмотров: 554
Скачиваний: 12
Инструкция пользователя
Для перемещения и управления функционалом необходимо использовать систему меню информационной системы (Рисунок 4.7).
Рисунок . – Меню информационной системы кинотеатра
Для входа в систему служит кнопка вход, для регистрации – Регистрация. По кнопке регистрация происходит переход на форму регистрации в системе (Рисунок 4.8).
Рисунок . – Форма регистрации
Для зарегистрированных пользователей доступна возможность покупки билетов на проводимые сеансы, для заказа билета необходимо перейти на страницу Афиша (Рисунок 4.9).
Рисунок . – Афиша кинотеатра
На данной странице нужно выбрать интересующую дату для посещения кинотеатра и нажать кнопку Сеансы, система покажет фильмы, демонстрируемые в этот день. По умолчанию выводится список фильмов, показываемых на текущий день.
Для приобретения билета на сеанс необходимо воспользоваться кнопкой Купить билет, располагаемой под изображением с афишей фильма (Рисунок 4.10).
Рисунок . – Покупка билетов
Заключение
В ходе выполнения данной работы были решены следующие задачи
- дано общее описание автоматизируемого объекта;
- построена модель базы данных;
- спроектировано и реализовано приложение для работы и управления созданной базой данных с применением web-технологий.
В процессе выполнения работы была создана база данных, с применением среды MySQL. Реализация проекта велась с применением языков CSS, HTML, PHP, а также м использованием языка SQL запросов для обращения и изменения информации в связанной базе данных системы.
Результатом работы явилось достижение целей:
- закрепление теоретического материала по дисциплинам, связанных с изучением баз данных;
- практические навыки создания web-ресурса с применением языка программирования PHP.
Разработана информационная система кинотеатра «Орбита». Система создана с применением современных средств и технологий, имеет адаптивный дизайн, проверена и протестирована для отображения на мобильных и десктопных устройствах.
Литература
- Пирогов, В.Ю. Информационные системы и базы данных: организация и проектирование: Учебное пособие / В.Ю. Пирогов. - СПб.: БХВ-Петербург, 2009. - 528 c.
- Вадим Дунаев. HTML, скрипты и стили. BHV, Санкт-Петербург, 2015. ISBN 978-5-9775-3317-1.
- Н. Закас, Джереми Мак-Пик, Джо Фосетт. Ajax для профессионалов. Перевод: Александр Киселев. Символ, Санкт-Петербург, 2015. ISBN 978 5 93286-081-6.
- К. Блессинг, Роб Черни, К. Шмитт. Применение Web-стандартов CSS и Ajax для больших сайтов. Корона-Век, Санкт-Петербург, 2011. ISBN 978 5 7931-0844-7.
- Adobe Dreamweaver CS6. Официальный учебный курс. Эксмо, Москва, 2014. ISBN 978-5-699-69655-0.
- Чои Вин. Как спроектировать современный сайт. Питер, Санкт-Петербург, 2011. ISBN 978-5-459-00579-0.
- А. Годин, К. Джонсон, К. Уоррен, М. Уэбер, Брайан Хоган. Книга веб-программиста: секреты профессиональной разработки веб-сайтов. Питер, Санкт-Петербург, 2013. ISBN 978-5-459-01510-2.
- Алан Купер, Дэйв Кронин, Кристофер Носсел, Роберт Рейман. Алан Купер об интерфейсе. Основы проектирования взаимодействия. Символ, Санкт-Петербург, 2015. ISBN 978-5-93286-132-5.
- Стив Круг. Как сделать сайт удобным. Юзабилити по методу Стива Круга. Питер, Санкт-Петербург, 2010. ISBN 978-5-49807-515-0.
- Кирилл Сухов. 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>Кинотеатр «Орбита»</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">×</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">О Кинотеатре</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">