пз (1218617)

Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла

СОДЕРЖАНИЕ

Введение 3

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

1.1 Кинотеатр «Лимонад» 4

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

сайтов 6

1.2.1 Язык разметки HTML5 6

1.2.2 Каскадные таблицы стилей CSS3 7

1.2.3 Язык сценариев JavaScript 8

1.2.4 Сценарный язык программирования PHP5 8

1.2.5 Web-сервер Apache HTTPD 9

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

1.2.7 Технология ASP.NET 10

1.2.8 Обзор CMS 11

2 Проектирование web-портала 14

2.1 Постановка задачи 14

2.2 Проектирование шаблона страниц 21

2.3 Проектирование web-портала 23

2.3.1 Модули ядра 23

2.3.2 Модули сообщества Drupal 24

2.3.3 Взаимодействие модулей Drupal 26

3 Разработка web-портала 29

3.1 Разработка внешнего вида страниц 29

3.2 Реализация дополнительного функционала web-портала и установка модулей 32

3.2.1 Шаблоны модулей Drupal 32

3.2.2 Основные настройки Drupal 34

3.3 Разработка специализированных модулей 43

3.3.1 Модуль «Поиск Лимонад» 45

3.3.2 Модуль «Рейтинг фильмов» 46

3.3.3 Модуль «Limonad Payment» 49

3.3.4 Модуль «UCS» 53

3.3.5 Модуль «Limonad R-Keeper» 57

3.3.6 Модуль «Limonad Module» 57

3.4 Технико-экономическое обоснование 58

3.4.1 Требуемое техническое обеспечение 58

3.4.2 Оценка трудоёмкости и сроков модернизации программного продукта 59

3.4.3 Оценка затрат на создание 60

Заключение 63

Список использованных источников 64

Приложение А Внешний вид страниц сайта 67

ВВЕДЕНИЕ

В настоящее время многие компании, обладающие большой клиентской базой и стабильным доходом, имеют собственный сайт. Представленная в сети Интернет информации о предприятии способствует повышению его конкурентоспособности, увеличению товарооборота и повышению прибыли. Помимо расширения аудитории и количества клиентов, web-сайт помогает автоматизировать некоторые процессы, такие как взаимодействие с базами данных, оказание услуг, предоставление дополнительной информации о деятельности компании [1]. Предприятие ООО «Шамса», владеющее кинотеатром «Лимонад» в г. Петропавловск-Камчатский, обратилось с заказом на разработку сайта в ООО «Зеленый офис» с цель представить информацию о своей деятельности в сети Интернет и обеспечить услуги дистанционной покупки билетов.

Целью выполнения выпускной квалификационной работы является проектирование и реализация web-портала, включающего возможность покупки билетов в кинотеатр, интегрированной с системой UCS-Премьера.

Для достижения поставленной цели необходимо решить следующие задачи:

– выполнить обзор технологий разработки web-сайтов и сравнительный анализ систем управления содержимым (Content Management System, CMS);

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

– реализовать web-сайт и выполнить настройку его модулей;

– реализовать дополнительный функционал в виде собственных модулей;

– произвести тестирование и исправление ошибок.

1 ОБЗОР ПРЕДМЕТНОЙ ОБЛАСТИ И ТЕХНОЛОГИЙ

ПРОЕКТИРОВАНИЯ САЙТОВ

1.1 Кинотеатр «Лимонад»

Кинотеатр «Лимонад» располагается в городе Петропавловск-Камчатский. Всего в кинотеатре предусмотрено четыре зала для показа фильмов. Залы имеют разное количество мест:

– зал 1 – 254 места;

– зал 2 – 156 мест;

– зал 3 – 158 мест;

– зал VIP – 52 места.

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

На рисунках 1 – 4 показана настройка залов в программе UCS-Премьера [2]. Данный программный комплекс позволяет указать примерное расположение сидений относительно экрана и разметить зоны.

Рисунок 1 – Зал №1 в программе UCS-Премьера

Рисунок 2 – Зал №2 в программе UCS-Премьера

Рисунок 3 – Зал №3 в программе UCS-Премьера

Рисунок 4 – VIP зал в программе UCS-Премьера

В соответствии с рекомендациями литературных источников [3] разрабатываемый сайт должен содержать следующую информацию и обеспечивать функции:

– публикация новостей и акций компании;

– информирование клиента о кинотеатре;

– автоматическое обновление расписаний кинотеатра с серверов UCS;

– возможность покупки билетов;

– система пользовательских рейтингов и опросов;

– удобный поиск по базе данных сайта;

– обратная связь.

В перспективе данный web-портал позволит:

– сократить количество звонков в службу поддержки клиентов;

– упростить процесс продаж;

– упростить процесса обратной связи;

– увеличить лояльность клиентов;

– увеличить продажи;

– сократить расходы на службы технической и информационной поддержки;

– уточнить интересы потенциальных и постоянных клиентов.

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

сайтов

В настоящее время существует множество видов web-технологий. Наибольшей популярностью пользуются такие технологии как HTML5, CSS3, JavaScript, PHP5, Apache HTTPD, MySQL, ASP.NET.

1.2.1 Язык разметки HTML5

HTML (HyperText Markup Language) – язык гипертекстовой разметки документа, используемый для описания расположения и вида элементов web-страницы [4]. Особые выражения, при помощи которых происходит разметка, называются тегами. Теги могут быть парными и одиночными, а также иметь собственные параметры – атрибуты.

Последняя версия спецификации данного языка носит название HTML5.

Основными новшествами являются:

– новые семантические (смысловые) теги. Например, footer, header, section, nav. Данные теги носят лишь смысловой характер и помогают в поисковом продвижении сайта;

– тег canvas. Предназначен для рисований векторных изображений при помощи JavaScript. Тег canvas призван заменить устаревшую технологию Flash для создания приложений с повышенной интерактивностью;

– мультимедиа теги audio и video, позволяющие вставлять звуковые и видео файлы на страницы без использования выше упомянутой технологии Flash;

– поддержка внедрения XML-технологий. Наиболее примечательной особенностью данного новшества является возможность вставки SVG файла, который, фактически, является XML-кодом, прямо в HTML-код страницы [5].

1.2.2 Каскадные таблицы стилей CSS3

CSS (Cascading Style Sheets) – язык описания стилей, определяющий отображение элементов HTML документа [6].

Основными элементами CSS-кода являются селекторы и правила. Селектор указывает, к каким HTML-элементам будут применяться правила, а правила, в свою очередь, определяют стиль отображения выбранных элементов.

CSS3 – набор спецификаций CSS модулей третьего уровня. Наиболее примечательные модули:

– рисование теней элементов (box-shadow, text-shadow);

– заливка фона градиентом (linear-gradient, radial-gradient);

– скругленные углы элементов (border-radius);

– анимация. Здесь можно отметить как правило transition, которое позволяет задать плавное изменение правил при переходе из одного состояние в другое, так и правило animation, позволяющее задать многошаговую анимацию свойств элемента;

– множество модификаторов для селекторов. Например, first-child, last-child, nth-child(n) для выбора элемента в зависимости его позиции относительно родителя;

– медиа-запросы, позволяющие применять некоторые правила в зависимости от условий. Например, от ширины окна.

Несмотря на то, что спецификации CSS3 были разработаны уже достаточно давно, многие модули всё ещё находятся в статусе рекомендаций и поддерживаются браузерами в тестовом режиме. Кроме этого, ведётся разработка спецификаций модулей четвёртого и первого уровней (flexbox) [7].

1.2.3 Язык сценариев JavaScript

JavaScript – интерпретируемый язык сценариев для взаимодействия с web-страницами [8]. Данный язык описывается стандартом ECMAScript, последней версией которого является ECMAScript 6. JavaScript является клиентским языком, что означает, что код исполняется в браузере пользователя, а не на стороне сервера.

Возможности JavaScript:

– создание анимации. Хотя в последнее время CSS позволяет реализовывать простые анимации, для создания более сложных преобразований стоит использовать JavaScript;

– создание обработчиков событий (например, нажатие клавиши мыши на элементе, либо изменение значения поля);

– манипуляция с DOM-деревом документа (удаление, создание, перемещение элементов);

– Ajax (asynchronous JavaScript and XML) - технология позволяющая получать ответ от сервера без перезагрузки всей страницы [9].

1.2.4 Сценарный язык программирования PHP5

PHP (Personal Home Pages) является интерпретируемым языком программирования [10]. Изначально он использовался как CGI (Common Gateway Interface), но затем был переработан в самостоятельный язык. Код PHP в отличие от JavaScript исполняется на сервере, поэтому пользователь не имеет возможности увидеть PHP сценарии.

Код PHP непосредственно встраивается в web-страницу, что значительно упрощает разработку приложения. Помимо web-сайтов, данный язык программирования может быть использован для разработки простых консольных программ и графических приложений (при помощи библиотеки PHP-GTK).

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

Существенным достоинством является поддержка множества расширений: от средств для разбора XML документов до инструментов обработки изображений.

Последней версией PHP на текущий момент является PHP 5.6. К выходу готовится PHP 7 [11].

1.2.5 Web-сервер Apache HTTPD

Apache HTTPD является многофункциональной web-серверной платформой, которая может работать с CGI либо являться эффективной службой web-приложений при помощи загружаемых модулей [12].

В стандартную комплектацию сервера входят модули для кэширования данных, предоставления базовой безопасности и аутентификации, а также модули с поддержкой функций расширенного управления (например, управление трафиком web-сайта). Среди сторонних модулей наиболее важным является модуль PHP, который позволяет web-серверу использовать интерпретатор языка программирования PHP.

Помимо этого, сервер Apache является достаточно простым в установке, имеет высокий уровень безопасности и не требует много внимания при поддержке проекта [13].

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

MySQL – свободная реляционная система управления базами данных (СУБД) [14].

Данная СУБД в своём первоначальном состоянии является наиболее эффективной при использовании в проектах с высоким числом запросов и небольшим количеством операций обновления. Используя хранилища формата InnoDB можно существенно повысить число запросов к базе данных без применения инструментов блокировки, которые оказывают влияние на быстродействие в других типах хранилищ [15].

1.2.7 Технология ASP.NET

ASP.NET – универсальная платформа для web -разработки, являющаяся частью .NET фреймворка. Данная особенность позволяет вести разработку на таких языках как C#, C++, Visual Basic и др., а также использовать классы, входящие в фреймворк.

Характеристики

Тип файла документ

Документы такого типа открываются такими программами, как Microsoft Office Word на компьютерах Windows, Apple Pages на компьютерах Mac, Open Office - бесплатная альтернатива на различных платформах, в том числе Linux. Наиболее простым и современным решением будут Google документы, так как открываются онлайн без скачивания прямо в браузере на любой платформе. Существуют российские качественные аналоги, например от Яндекса.

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

Файлы такого типа обычно разбиты на страницы, а текст может быть форматированным (жирный, курсив, выбор шрифта, таблицы и т.п.), а также в него можно добавлять изображения. Формат идеально подходит для рефератов, докладов и РПЗ курсовых проектов, которые необходимо распечатать. Кстати перед печатью также сохраняйте файл в PDF, так как принтер может начудить со шрифтами.

Список файлов ВКР