Файл: Основные требования к дизайну современных веб-ресурсов.pdf

ВВЕДЕНИЕ

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

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

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

Актуальность выбранной темы заключается в том, что современный веб-сервис являются необходимым элементом деятельности современной коммерческой организации, в том числе и для издательского дома

Объект исследования – издательский дом «LVA Music». Предмет исследования –веб-сайт для издательского дома «LVA Music».

Цель выполнения данной курсовой работы – разработка веб-сайта для издательского дома «LVA Music». Для достижения поставленной цели необходимо решить следующие задачи:

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

Практическим результатом данной работы станет сайт издательского дома. Кроме того, навыки, умения и практические наработки, полученные в результате работы над проектом пригодятся в дальнейшей профессиональной деятельности автора работы.

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

1. ТЕОРЕТИЧЕСКАЯ ЧАСТЬ

1.1. Основные понятия и нормативная база

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

Web-сайт (от англ. website: web - «паутина, сеть» и site - «место») – это совокупность логически связанных между собой веб-страниц, а также место расположения контента сервера. Сайт в сети Интернет представляет собой некоторую совокупность данных, которая имеет уникальный адрес и воспринимается пользователем как некое целое. Доступ пользователя к веб-сайтам осуществляется по специальному протоколу HTTP [7].

Web-сайт состоит из связанных между собой Web-страниц. Каждая страница Web-сайта также имеет свой Internet адрес, который состоит из адреса сайта и имени файла, соответствующего данной странице.

Веб-система или система управления веб-содержимым (Web Content Management System или WCMS) - это программный комплекс, предоставляющий функции создания, редактирования, контроля и организации веб-страниц.

Web-сервер - компьютерный сервер в сети Интернет, принимающий HTTP-запросы от клиентов, обычно web-браузеров, и выдающий им HTTP-ответы, как правило, вместе с HTML-страницей, изображением, файлом, медиа-потоком или другими данными.

Браузер, или Web-обозреватель (от англ. web browser) - прикладное программное обеспечение для просмотра web-страниц; содержания web-документов, компьютерных файлов и их каталогов; управления web-приложениями; а также для решения других задач.

HTML (от англ. HyperText Markup Language - «язык гипертекстовой разметки») - стандартизированный язык разметки документов во Всемирной паутине. Как правило, web-страницы содержат описание разметки именно на языке HTML (или его более строгим вариантом XHTML). Язык разметки HTML интерпретируется браузерами, а полученное в результате интерпретации содержимое отображается на экране монитора ПК или мобильного устройства.

Веб-сайт может принадлежать частному лицу или организации и быть доступным в компьютерной сети под общим доменным именем и IP-адресом или локально на одном компьютере. Есть мнение [5], что каждый сайт имеет своё название, которое при этом не следует путать с доменным именем. С точки зрения авторского права сайт является составным произведением, т.о. название сайта подлежит охране наряду с названиями всех прочих произведений.

Удобство использования web-сайта для покупателей заключается в том, что узнать информацию о товаре, услугах, ценах, специальных акциях и новых позициях, они смогут, просто зайдя на сайт фирмы в Интернете. Там же они смогут больше узнать о компании, оставить заявку на звонок с сайта, записаться на услугу и др.

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

В Российской Федерации услуга хостинга, с юридической точки зрения [2], не относится к телематическим услугам связи в силу различия определения телематических услуг связи (предоставление доступа пользовательского оборудования к сети связи оператора) и сути хостинга (предоставление ресурсов оборудования подключенного к сети связи для размещения и функционирования веб-сайта клиента).

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

Веб-дизайнеры разрабатывают макеты шаблонов страниц. Дизайнер определяет, каким образом конечный потребитель будет получать доступ к информации и услугам сайта - то есть, занимается непосредственно разработкой пользовательского интерфейса. Верстальщик получает макеты шаблонов в виде простых изображений (например, в формате JPEG или PNG), либо разбитых по слоям (например, в PSD или AI). К программистам поступают готовые шаблоны страниц и указания дизайнеров по работе и организации элементов сайта. Программист создаёт программную основу сайта, делая её с нуля, используя фреймворк или CMS.

Веб-аналитика – это измерение, сбор, анализ и интерпретация данных с целью лучшего понимания и оптимизации взаимодействия пользователей с веб-сайтами. Веб-аналитика дает возможность оценить эффективность сайта на предмет выполнения поставленных перед ним задач, а также позволяет разработать мероприятия по его улучшению, тем самым увеличив эффективность бизнеса [9, с.46].

Для проведения мероприятий по веб аналитике необходимо в первую очередь собрать данные. Выделяют 2 основных вида инструментов сбора данных:

А) Счетчики (небольшой код на страницах сайта, который загружается браузером). Наиболее популярные решения это OpenStat, GoogleAnalytics, Яндекс.Метрика, LiveInternet и прочие.

Б) Лог-анализаторы (предоставляют возможность собирать статистические данные и составлять свои специальные отчеты путем посредством установки на сервер).

Сбор данных – важнейший этап работы веб-аналитика, поскольку их анализ и является основанием для принятия решений. Необходимо четко определять, какой массив данных подходит в каждом конкретном случае [3] [9, с.47].

1.2. Современные средства разработки

Под веб-сервером понимают как программное обеспечение (ПО), выполняющее функции веб-сервера, так и непосредственно компьютер, на котором это ПО работает. Наиболее популярным веб-сервером на данный момент является Apache.

Apache HTTP-сервер - свободный веб-сервер. Apache является кроссплатформенным ПО, поддерживает операционные системы Linux, BSD, Mac OS, Microsoft Windows, Novell NetWare, BeOS. Основными достоинствами Apache считаются надёжность и гибкость конфигурации. Он позволяет подключать внешние модули для предоставления данных, использовать СУБД для аутентификации пользователей, модифицировать сообщения об ошибках и т. д. Поддерживает IPv6.

MySQL - свободная реляционная система управления базами данных [6, с.16]. Разработку и поддержку MySQL осуществляет корпорация Oracle. Гибкость СУБД MySQL обеспечивается поддержкой большого количества типов таблиц: пользователи могут выбрать как таблицы типа MyISAM, поддерживающие полнотекстовый поиск, так и таблицы InnoDB, поддерживающие транзакции на уровне отдельных записей.

PHP (англ. PHP: Hypertext Preprocessor - «PHP: препроцессор гипертекста»; первоначально Personal Home Page Tools - «Инструменты для создания персональных веб-страниц») - скриптовый язык [18] общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков, применяющихся для создания динамических веб-сайтов.

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

• Linux - операционная система Linux;
• Apache - веб-сервер;
• MariaDB / MySQL - СУБД;
• PHP - язык программирования, используемый для создания веб-приложений (помимо PHP могут подразумеваться другие языки, такие как Perl и Python).

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

HTML - теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками - тегами.

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

CSS (англ. Cascading Style Sheets - каскадные таблицы стилей) - формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL.

Основной целью разработки CSS являлось разделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом.

JavaScript - прототипно-ориентированный сценарный язык программирования. Является реализацией языка ECMAScript (стандарт ECMA-262). JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам [12].

jQuery - библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими [4].