Добавлен: 24.05.2023
Просмотров: 176
Скачиваний: 2
Введение
Актуальность выбранной темы обусловлена тем, что киноиндустрия является важной отраслью, способствующей развитию общества и обеспечивающей культурный досуг населению, а, следовательно, кинотеатры должны стремиться к постоянному повышению качества предоставляемых услуг, удовлетворяя потребности потребителей.
Целью работы является разработка веб-сайта кинотеатра «Пролетарий».
Объект исследования - кинотеатр.
Предмет исследования – сайт кинотеатра.
1. Основная часть
1.1. Требования к приложению
1. Имя сайта (название домена).
www.polisinema.ru
Если домен polisinema будет занят, возможна замена имени.
• 2. Название сайта.
Сайт кинотеатра "Пролетарий".
• 3. Назначение сайта (цель создания сайта).
3.1. Представитькинотеатр в Интернет: информацию о кинотеатре, историюкинотеатра, режим работы, цены на предоставляемые услуги, справочную информацию, сопроводительную графику рисунки, юридический адрес, почтовый адрес, схему проезда, контактную информацию.
3.2. Обеспечить возможность доступа к информации об услугах, предлагаемых кинотеатром всем заинтересованным лицам, вне зависимости от их местонахождения.
- Главная страница имеет название index. *
- Наличие авторской страницы по ссылке © на авторской странице поставить аватар и написать короткую информацию о себе.
- Верстка сайта блочная с применением тегов HTML5.
- кодирования страницы имеет кириллицу (charset = utf-8).
- применить таблицу стилей в отдельном файле. описание стилей с странице перенести в файл таблицы стилей *. css. названия - латиницей, содержательные (. red. big и т.п.).
- Наличие основных теги в в коде (<html><head><body><div><p><h1> ... <h6> и т.д.).
- Парные теги имеют закрываться (<p></ p>). хранить вложенность тегов (<div><p> Текст </ p></ div>).
- Основные модули страницы должны быть закомментированные.
- названия файлов (страниц, картинок, скриптов, стил ов) и папок - латиницей, малый регистр, без пробелов (для визуального разграничение применять символы «-» или «_»).
- Графика, относится к дизайну страниц содержится в отдельной директории. Оставшаяся часть изображений относятся к наполнению страниц - в других директориях с содержательными названиями.
- Единый стиль для всех страниц сайта. Одинаковое размещения основных блоков сайта (заголовка, рубрик, логотипа).
- Наличие навигации на всех страницах сайта. Исключение только для страниц, открываются в новому окне и содержат информацию, которая может восприниматься и не в контексте сайта (увеличенная картинка, информация о разработчике, статья и т.д.)
В отчете отметить тему сайта, технологии создание, скрин главной страницы, HTML код главной страницы, код CSS файла, адрес размещения сайта.
- Основой для сайта могут быть как любая система управления контентом (CMS - content management system), так и самостоятельно создан сайт (с использованием HTML, PHP, MySQL и других веб-технологий).
- обязательным условием является создание собственного содержания на сайте (для расширения функционала сайта).
- разрешается использование шаблона для сайта сторонней разработки, но в таком случае необходимо модифицировать минимум 30% шаблона, в соответствии с пожеланиями заказчика или руководителя).
- При использование любых посторонних разработок необходимо указывать все источники использование.
- все разделы и страницы сайта должны быть выполнены в одном оформлении (шаблоне), исключением могут быть только отдельные функциональные блоки, например форум.
- все страницы сайта должны быть сопровождены понятным меню для удобной навигации по сайту.
- Необходимо выполнение основных требований современных веб серверов для возможности дальнейшего размещения разработанных сайтов в сети Интернет и их оптимального отображения:
- все имена фалов должны состоять из маленьких букв латинского алфавита и (или) цифр, без пропусков;
- файлы графических изображений должны иметь разрешающую способность не более, чем 2048 на 1536 п (больше размер только в исключительных случаях) для полноформатных изображений; и не более чем 640 на 480 п для эскизов на сайте. допустимые форматы файлов - JPG, PNG, GIF, использование формата BMP не допускается;
- в случае необходимости использования аудио - и (или) видео - информации максимально оптимизировать размер файлов. Для аудио - допустимый формат MP3, для видео - FLV, WMV. В обоих случаях использовать Flash проигрыватели для воспроизведения информации.
- Конечным результатом работы над сайтом является размещение его в сети Интернет (до момента предзащиты квалификационной работы).
Запрещено:
- Использование платных систем управления контентом, скриптов, шаблонов сайтов и т.п. (в том числе так называемых "nulled" версий).
- Использование веб-сервисов, предназначенных для создания сайтов с использованием закрытых систем управления контентом (ucoz.ru и других).
1.2. Анализ исходных данных
Задача: Сделать современный, динамичный сайт с запоминающимся дизайном. Уменьшить количество отказов.
Проектирование
Основная целевая аудитория:
- Распределение по возрастам: от 18 до 35 лет > 60%
- Распределение по полу: 54% - мужчины. 46% - женщины
Исходя из целевой аудитории сделать акцент на то, зачем пользователи приходят на сайт - фильмы и сеансы. Чтобы сразу было понятно, какие фильмы сейчас идут в прокате и когда сеансы.
Рис.1.1. Макет сайта
Дизайн
В результате получили вот такой дизайн главной страницы:
Рис.1.2. Главная страница сайта
Рис.1.3. Сайт кинотеатра
При наведении на на постер фильма он подсвечивается по сторонам цветами самого постера. В браузерах, использующих WebGL, мы используем его для эффекта подсвечивания. Всего сделано 3 различных варианта подсветки: WebGl, Canvas и CSS3
Рис.1.4. Постеры
Применили аналогичный эффект для видео:
Рис.1.5. Видео
Страница с выбранным фильмом
Показываем информацию о кинофильме, трейлер, расписание сеансов, кадры из кино, описание, то есть все, собственно что нужно аристократия о кинофильме. Ещё систему голосования и откликов о кинофильме. При заходе на страничку подсветка постера кино несколько пульсирует.
Рис.1.6. Страница фильма с голосованием
Кадры из фильма
Рис.1.7. Кадры из фильма
Отзывы
После добавления пользователем отзыва он сразу начинает отображаться на странице. И пользователь понимает, что его отзыв отправлен. На самом деле отзыв уходит на модерацию администратору и при следующем заходе не будет виден, если еще не отмодерирован.
Рис.1.8. Отзывы
Расписание
При заходе на любую страницу где присутствует расписание должно показыватся расписание на сегодня. Рядом есть кнопка "на неделю" при клике на которую будет открыватся расписание на ближайшие 7 дней. Сортировка в расписании идет под дням.
Рис.1.9. Расписание
Другие страницы
Рис.1.10. Анонс
Программирование
Выполненно на базе системы управления UMI-CMS. Сайт работает на выделенном серевере на котором настроили:
- статическое кеширование страниц и отдача их сервером nginx
- выполнена серверная оптимизация картинок
- вместо mysql используется percona server - самая надежная и быстрая БД
- настроен сервер очередей beanstalkd для взаимодействия различных программ, он позволяет оптизировать несрочные задачи для лучшего использования ресурсов сервера
Еще Используются:
- memcached – лучший сервер кеширования данных
- xslcache для оптимизации работы шаблонизатора XSLT
- xcache для увеличения производительности и кеширования php
1.3. Разработка приложения
Этапы создания сайта:
Создание менеджера разделов
Раздел – это верхний объект в структуре содержимого. Потом в раздел будут добавлены категории.
Рис. 1.11. Этап создания сайта
Управление разделом (опции и параметры)
Чтобы создать новый раздел, необходимо нажать кнопку 
«Создать».
Рис. 1.12.Этап создания сайта
Менеджер категорий
Для работы с категориями необходимо перейти на страницу «Менеджер категорий».
Можно нажать на главной странице панели кнопку «Категории» или в основном меню выбрать «Материалы» и затем «Менеджер категорий».
Рис. 1.13.Этап создания сайта
Управление категорией (опции и параметры)
Чтобы создать новую категорию, необходимо нажать значок «Создать».
Рис. 1.14.Этап создания сайта
Менеджер материалов
Для работы с заметками нужно перебежать на страничку «Менеджера материалов».
Для сего возможно надавить на ключевой страничке панели кнопку «Добавить материал» или же в ведущем меню избрать «Материалы» и вслед за тем «Менеджер материалов».
При открытии странички станет доступна фильтрация: по наименованию, по разделам, по категориям, по создателю, по состоянию. Использование фильтра довольно комфортно при большом числе материалов.
Рис. 1.15.Этап создания сайта
Управление материалом (опции и параметры)
Для создания нового материала необходимо нажать на кнопку «Создать».
Открывшуюся страницу можно условно разделить на 4 вкладки:
- Заголовок
- Параметры - Статьи
- Параметры - Расширенные
- Мета - данные
Рис. 1.16.Этап создания сайта
Менеджер меню
Меню — это отдельный блок, который имеет пункты меню. Т. е. это набор кнопок, которые приведут пользователя на конкретные объекты: статьи, список категорий и т. п. Функция меню — создание списка ссылок на различные материалы или разделы сайта. И формирование параметров вывода этих материалов. Т.е. куда выполнен переход и как будет выглядеть данная статья, категория или раздел.
Открыв окно «Менеджер меню» (с помощью кнопки «Меню» на панели управления) можно увидеть страницу с уже созданными типами меню.
Рис. 1.17.Этап создания сайта
Для создания нового меню нужно нажать на кнопку 
«Создать».
Рис. 1.18.Этап создания сайта
На открывшейся странице «Детали меню» необходимо заполнить поля:
системное имя (латинским шрифтом), заголовок – имя пункта меню при выводе на сайт, описание меню и заголовок модуля – который будет использоваться при выборе способа вывода меню на сайт.
Управление пунктом меню
Для того, чтобы попасть на страницу «Пункты меню» необходимо в «Менеджере меню» нажать на кнопку 
«Пункты меню» в одноименном столбце.
На странице доступен фильтр по названию пункта меню и по состоянию.
Рис. 1.19.Этап создания сайта
Модули
Модули считаются наиболее маленькими расширениям. Их используют в первую очередь для отражения инфы (текстовой и графической), а еще для взаимодействия с юзерами, к примеру, голосование. Есть большое количество модулей, выполняющих эти задачки как отражение инфы о погоде, курсах денежных единиц и т.п. Модули имеют все шансы быть помещены в всякий части странички. Пространство размещения модуля именуется убеждением.
Кое-какие модули предусмотрены для работы с конкретным компонентом. К примеру, модуль регистрации разрешает юзеру регистрироваться на веб-сайте.
Для управления модулями перейдите в ведущем меню в «Расширения» и вслед за тем изберите «Модули».