«Разработка сайта кинотеатра»

Содержание:

ВВЕДЕНИЕ

Сайт — совокупность электронных документов (файлов) частного лица или организации в компьютерной сети, объединённых под одним адресом (доменным именем или IP-адресом).

Все сайты в совокупности составляют Всемирную паутину, где коммуникация (паутина) объединяет сегменты информации мирового сообщества в единое целое — базу данных и коммуникации планетарного масштаба. Для прямого доступа клиентов к сайтам на серверах был специально разработан протокол HTTP.

Определённый класс сайтов иначе называют интернет - представительством человека или организации. Сайты-визитки всё реже находят применение. Как комментарий к ссылке может быть страничка-визитка на полнофункциональном сайте (портале). Когда говорят «своя страничка в Интернет», то подразумевают целый сайт или личную страницу в составе чужого сайта (портал). Кроме сайтов (порталов), в сети Интернет также доступны WAP-сайты для мобильных телефонов. Сайт-портал - многокомпонентная разветвлённая структура, скомпонованная из функционально самодостаточных сайтов самостоятельных организаций или подразделений корпоративной структуры. Например, наличие филиалов, институтов академии, журналы и книжный отдел издательства, факультеты и институты университета, отделения в странах крупной транснациональной корпорации, и т. п. В простом представлении портал может представлять кафедру или факультет, где размещены сайты специалистов, сайт изданий, конференций, семинаров, новостной, научного подразделения, библиотеки и др.

Изначально сайты представляли собой совокупность статичных документов, например - сайт-визитка. По мере развития коммуникаций, количество внутренних и внешних ссылок увеличивалось. Сайт стал выполнять не только роль справки, аннотации, но и функционального офиса, новостного или медийного центра. В настоящее время большинству из них свойственна динамичность интерактивность. Для таких случаев специалисты используют термин веб - приложение - готовый программный комплекс для решения задач сайта. Веб - приложение входит в состав сайта, но веб - приложение без данных сайтом является только технически. Оболочку (форму, шаблон) нужно наполнить и активизировать. Продвижение сайтов стало ёмкой индустрией в сети.

В большинстве случаев в Интернете одному сайту соответствует однодоменное имя. Именно по доменным именам сайты идентифицируются в глобальной сети. Возможны иные варианты: один сайт на нескольких доменах или несколько сайтов под одним доменом. Обычно несколько доменов используют крупные сайты (веб – порталы) чтобы логически отделить разные виды предоставляемых услуг (mail.google.com, news.google.com, maps.google.com). Нередки и случаи выделения отдельных доменов для разных стран или языков. Например, google.ru и google.fr логически являются сайтом Google на разных языках, но технически это разные сайты. Объединение нескольких сайтов под одним доменом характерно для бесплатных хостингов. Иногда для идентификации сайтов в адресе после указания хоста стоит тильда и имя сайта: example.com/~my-site-name/ (ср. с/home), а чаще всего используется домен третьего уровня: my-site-name.example.com.

1. ОСНОВНАЯ ЧАСТЬ

1.1. Требования к приложению

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

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

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

1.2 Анализ исходных данных

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

Веб - дизайн — вид графического дизайна, направленный на разработку и оформление объектов информационной среды интернета, призванный обеспечить им высокие потребительские свойства и эстетические качества.

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

Дизайн основной и типовых страниц сайта. Начинается работа с создания дизайна, обычно в графическом редакторе. Дизайнер создает один или несколько вариантов дизайна, в соответствии с техническим заданием. При этом отдельно создаётся дизайн главной страницы, и дизайны типовых страниц (например: статьи, новости, каталог продукции). Собственно «дизайн страницы» представляет собой графический файл, слоеный рисунок, состоящий из наиболее мелких картинок-слоев элементов общего рисунка.

При этом дизайнер должен учитывать ограничения стандартов html (не создавать дизайн, который затем не сможет быть реализован стандартными средствами html). Исключение составляет Flash-дизайн.

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

HTML-верстка. Утверждённый дизайн передаётся html-верстальщику, который «нарезает» графическую картинку на отдельные рисунки, из которых впоследствии складывает html-страницу. В результате создаётся код, который можно просматривать с помощью браузера. А типовые страницы впоследствии будут использоваться как шаблоны. В небольших студиях, html-кодированием занимается дизайнер, создавший макет сайта.

Программирование. Далее готовые HTML-файлы передают программисту. Программирование сайта может осуществляться как «с нуля», так и на основе CMS — системы управления сайтом. Веб- разработчики часто называют CMS «движком».

В случае с CMS надо сказать, что сама «CMS» в некотором смысле это готовый сайт состоящий из заменяемых частей. «Программист» — в данном случае правильно будет назвать его просто специалистом по CMS, должен заменить стандартный шаблон, поставлявшийся с CMS, на оригинальный шаблон. Этот оригинальный шаблон он и должен создать на основе исходного «веб - дизайна». При программировании сайта специалисту назначаются контрольные точки сроков.

Завершающим этапом разработки сайта под ключ является конечно же тестирование. Веб- дизайн сайта должен адекватно выглядеть в различных браузерах, особенно в браузерах Internet Explorer, Firefox, Safari, Chrome и Opera.

Упомянутый Internet Explorer (версии 6) слишком по-своему трактует HTML-стандарты — отголоски старой борьбы за лидерство с Netscape. На данное время это морально устаревший браузер, который создает много проблем для веб-дизайнера. Многие разработчики предлагали отказаться от верстки под IE 6. Однако наличие этого браузера в стандартной поставке Windows XP, а значит и его присутствие на половине пользовательских компьютеров, вынуждает веб-дизайнеров тестировать свои проекты в нём.

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

Сроки контролирует менеджер проекта. Так же на этом этапе привлекают к работе дизайнера, чтобы он провел авторский надзор.

Размещение сайта в Интернет .Файлы сайта размещают на сервере провайдера и производят нужные настройки. На этом этапе сайт пока закрыт для посетителей.

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

Внутренняя SEO-оптимизация. Связана с некоторыми изменениями самого сайта. Начинается она с определения семантического ядра. Здесь определяются такие ключевые слова, которые привлекут наиболее заинтересованных посетителей, по которым выиграть конкуренцию проще. Затем эти слова вносятся на сайт. Тексты, ссылки, другие теги адаптируются так, чтобы поисковые системы могли их успешно находить по ключевым словам.

Внешняя SEO-оптимизация. Сводится, как правило, к построению структуры входящих ссылок. Это собственно и есть раскрутка. К разработке сайта внешняя SEO-оптимизация не имеет отношения. Настоящая белая SEO оптимизация это трудоемкий и долгий процесс, стоимость которого может в несколько раз превышать расходы на создание сайта.

Сдача проекта. Заказчик или его доверенное лицо просматривают готовый проект и в случае, если все устраивает, то подписывают документы о сдаче проекта. Так же на этом этапе производится обучение представителя заказчика навыкам работы в администраторской зоне сайта.

​​​​​​​1.3 Разработка приложения

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

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

1) язык разметки (написания) сайта – HTML;

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

3) наличие страницы "Карта сайта";

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

Задачи сайта кинотеатр:

- предоставление информации о фильмах. Дата выхода.

- информация о сеансах.

Для «написания конкурентно-способного продукта (сайта)», необходимо знать предметную область. Для каждого сайта с конкретной тематикой, разный дизайн, расположение меню и многое другое. Он должен иметь свою чёткую специфику, концепцию и идею. Написание сайта трудоемкий процесс, он либо пишется сразу (когда полностью, четко сформулированы требования к оформлению, специфике), либо постепенно (пишется основа сайта «скелет»),  дополняя (обновлять) его, как любой программный продукт.

Разработка контента и оформление WEB-сайта

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

Рис.1

Все ссылки должны быть рабочими, сделать «якоря», используются в текстах большого объема, чтобы возвращаться либо в начало/конец текста, либо перемещаться по разделам.

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

Пример меню «главной страницы» сайта «кинотеатр МирКино »:

Главная. В данной вкладке изложена краткая информация о кинотеатре.

Афиша. В данном разделе можно посмотреть в какое время будет идти интересующий Вас фильм.

Скоро. Фильмы которые выйдут скоро, здесь же размещаются рецензии на них, даты выхода.

Новости. Здесь можно наблюдать информацию о том какие проходят мероприятия, выход какого-либо фильма.

Месторасположение. В этой вкладке можно посмотреть где находится кинотеатр и как до него добраться.

Карта сайта. Не прилагая никаких усилия, вы сможете сразу выйти на нужную страницу.

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

Вёрстка веб-страниц — создание структуры html-кода, размещающего элементы веб-страницы (изображения, текст и т. д.) в окне браузера, согласно разработанному макету, таким образом, чтобы элементы дизайна выглядели аналогично макету.

Для корректного отображения данного интернет ресурса не обходимо использовать такие типы браузеров как: Yandex 17 и выше (Яндекс.Браузер), Internet Explorer 8.0 и выше (Microsoft), Google Chrome 63.

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

Главная страница: (Рис.2)

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

Афиша: (Рис.3)

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

Скоро: (Рис.4)

На этой странице можно наблюдать какие фильмы выйдут в скором времени.

Новости: (Рис.5)

Здесь можно наблюдать информацию о том какие проходят мероприятия, выход какого-либо фильма.

Месторасположение: (Рис.6)

Месторасположение. В этой вкладке можно посмотреть где находится кинотеатр и как до него добраться.

Поддержка сайта, коротко говоря, это услуги по его обновлению и внесению корректировок.

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

Конверсия — это отношение числа посетителей сайта, выполнивших на нем какие-либо целевые действия к общему числу посетителей сайта.

Поддержка делится на два типа:

• Техническая
• Информационная

Техническая поддержка сайта включает:

• Технический аудит сайта. 
  На этом этапе выявляются технические недостатки сайта. Устраняются неисправности и недочеты технической базы.
• Модернизация интернет-ресурса. 
  С учетом задач, которые ставятся перед сайтом на данный момент, интернет-ресурс дорабатывается и корректируется. Добавляются актуальные модули (к примеру, форум или фотогалерея) и проводится редизайн.
• Поддержка работоспособности сайта. 
  Обеспечение работоспособности сайта, а также устранение всяких сбоев, появление которых периодически возможно.
• Взаимодействие с хостинг-провайдером. 
  Взаимодействие с компанией, на хостинге которого размещен сайт. Настройка почтовых адресов на домене. При желании владельца, перенос сайта на другой сервер. Администрирование ftp-сервера. Контроль восстановления сайта из резервной копии.

Информационная поддержка сайта включает в себя:

• Копирайтинг. 
  Качественное текстовое наполнение сайта.
• Обновление активных разделов сайта. 
  Обновление ленты новостей, фотогалереи, прайс-листов и каталога.
• Адаптация материалов. 
  Корректировка материалов с учетом требований к контенту.
• Работа с исходными текстами. 
  Сканирование, распознавание и коррекция исходных текстов.
• Перевод сайта на иностранный язык.

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

То есть, в поддержку сайта входит качественное наполнение и оформление вашего сайта.

ЗАКЛЮЧЕНИЕ

Мной был разработан сайт кинотеатра «МирКино» с возможностью последующего размещения в сети Интернет.

Данная курсовая работа содержит теоретические и практические основы разработки, проектировки, написания web-сайта. Описаны цели, задачи сайта.

В данной работе я использован язык программирования Web-страниц HTML.

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

Соблюдая все эти правила и рекомендации - получаем уникальный продукт, удовлетворяющий потребности «широкого круга пользователей».

Стилистическое оформление сайта соответствует корпоративному стилю и использует его цветовые и графические элементы.

Шрифты, используемые в графических элементах сайта, выбирались произвольно и не противоречат корпоративному стилю. Шрифты, используемые в текстовом материале сайта, соответствовать стандартным шрифтам браузеров: Helvetica/Arial, Times New Roman, Courier.

Цвета: согласно стиля, выбранного компанией (Голубой цвет - Arial).

Функциональности веб-сервера:

Веб-сервер обеспечивает возможность:

– управления содержанием и структурой сайта через систему управления контентом;

– осуществление обратной связи c пользователями: прием отзывов и запросов пользователей по e-mail через заполнение специальных форм на сайте;

Требования к браузеру:

Сайт обеспечивает корректное отображение данных в следующих браузерах: Yandex 17 и выше (Яндекс.Браузер), Internet Explorer 8.0 и выше (Microsoft), Opera 12.0 и выше (Opera Software).

Требования к верстке:

– Сайт оптимизирован для просмотра при разрешении 1024*768, 1280*1024 без горизонтальной полосы прокрутки и без пустых (белых) полей для основных типов разрешения.

– Мета-теги и контент сайта на этапе изготовления сайта настроен с учетом требований поисковых систем, чтобы обеспечить продвижение сайта по ключевым словам в русскоязычных поисковых системах Yandex, Aport!, Rambler, Google.

В ходе проектирования и разработки проекта мной были приобретены навыки работы с такими языками программирования как HTML и Javascript.

СПИСОК ЛИТЕРАТОРЫ

1. Дакетт Д. HTML и CSS. Разработка и дизайн веб-сайтов «Издательство – ЭКСМО, 2017».
2. Робсон Э. Изучаем HTMl, XHTML и CSS «Издательство – Питер, 2017».
3. Дронов В. HTML 5, CSS 3 и Web 2.0. Разработка современных Web – сайтов «Издательство – БХВ – Петербург, 2014».

ПРИЛОЖЕНИЕ

Код главного навигационного меню сайта:

<table border=1 width=140>

<tr><th><a href="geoton.html" target="frame">Главная страница</a></th></tr>

<tr><th><a href="spisok.html" target="frame">Афиша</a></th></tr>

<tr><th><a href="katalog.html" target="frame">Скоро</th></tr>

<tr><th><a href="novosti.html" target="frame">Hoвости</th></tr>

<tr><th><a href="kontakt.html" target="frame">Месторасположение</th></tr>

</table>