Разработка информационного сайта межрегионального центра охраны труда малых и средних предприятий

Размещено на http://www.allbest.ru/

Размещено на http://www.allbest.ru/

Федеральное агентство связи

Федеральное государственное бюджетное образовательное учреждение

высшего образования «Поволжский государственный университет телекоммуникаций и информатики»

Факультет Информационных систем и технологий

Направление 09.03.02 Информационные системы и технологии

Кафедра Информационных систем и технологий

ВЫПУСКНАЯ КВАЛИФИКАЦИОННАЯ РАБОТА

(БАКАЛАВРСКАЯ РАБОТА)

Разработка информационного сайта межрегионального центра охраны труда малых и средних предприятий

Разработал И.Р. Бяширов

Введение

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

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

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

Идеальная система, построенная по принципу «контент + сообщество», будет обладать положительной обратной связью. Чем больше людей вовлекаются в сообщество, тем больше контента они создают и сайт привлекает больше посетителей. Большое количество владельцев сайта - это обычные пользователи Интернета, имеющие весьма смутное представление о том, что такое HTML, CSS и другие премудрости создания сайта. И в тоже время, для них актуален вопрос управления своим ресурсом: наполнение его контентом, общение с посетителями на форуме и т.д. Именно с этой целью - дать возможность практически неподготовленным людям управлять своим веб-ресурсом - и были созданы различные CMS (Content Management System - система управления контентом). На сегодняшний день этих систем огромное количество. Каждый из них по - своему хорош и имеет свои плюсы и минусы.

Объект исследования: современные тенденции сайтостроения.

Предмет исследования: система управления контентом Wordpress.

Целью дипломной работы является описание поэтапной работы по созданию современного веб-сайта на примере сайта для центра охраны труда.

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

Раскрыть понятия «сайтостроение», «сайт», описать современные методы сайтостроения.

Проанализировать популярные системы управления контентом.

Разработать и внедрить веб-сайт для «Межрегиональный центр охраны труда малых и средних предприятий».

Запустить и протестировать инструменты контекстной рекламы.

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

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



1. Современные тенденции сайтостроения

1.1 Теоретические аспекты современного сайтостроения

Сайт (от англ. website: веб-«паутина, сеть» и site-«место», буквально «место, сегмент, часть в сети») - совокупность электронных документов (файлов) частного лица или организации в компьютерной сети, объединённых под одним адресом (доменным именем или IP-адресом). Все сайты в совокупности составляют Всемирную паутину, где коммуникация (паутина) объединяет сегменты информации мирового сообщества в единое целое - базу данных и коммуникации планетарного масштаба.

Так звучит определение веб-сайта. «Совокупность электронных документов (файлов)» требует очень тщательной над собой работы. Целью создания веб-сайтов является предоставление информации населению. В современных рыночных условиях информация занимает огромное место. С каждым днем разрабатываются все новые и новые веб-сайты, которые облегчают получение новой информации и предоставляют уникальные возможности. Но для того, чтобы веб-сайт имел высокую степень посещения необходимо позаботиться о его привлекательности, грамотно организованной структуре, а так же об актуальности, размещенной на нем информации [1].

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

Структура веб-сайтов.

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

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

1. Линейная структура. Это самая простая структура сайта, где веб-страницы идут одна за другой, и пользователь должен просматривать их как слайд-шоу. В линейной структуре не существует разделения контента на уровни. Все страницы на таких сайтах равноправны, и их должен увидеть каждый посетитель. Несмотря на простоту реализации линейной структуры, недостатков у нее гораздо больше, нежели достоинств. А поэтому область ее применения четко ограничена. Она может использоваться на сайтах - презентациях и в онлайновых учебных пособиях. Реализация линейной структуры не представляет собой абсолютно никакой сложности. Самый простой вариант сайта - набор HTML-страниц, с каждой из которых есть ссылка на следующую или предыдущую. Но и здесь часто существуют ошибки. На каждой странице обязательно должно быть какое-то заглавие и ссылка на первую страницу. Иначе посетители, попавшие в середину сайта, например, с поисковой системы, ничего не поймут и почти наверняка покинут этот сайт. Желательно, что бы показывалось общее число страниц и выделять номер той из них, на которой пользователь находится в данный момент.

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

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

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

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

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

Информационные возможности веб-сайтов.

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

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

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

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

Современное сайтостроение, история и требования.

Со времён создания сети Интернет одним из наиболее известных его сервисов стала «Всемирная паутина» - World Wide Web.

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

В 1991 году Пол Линдер (Paul Linder) и Марк П. МакКейгил (Mark P. McCahill) из Университета Миннесоты создали Gopher. Технология организации файлов в логическую систему меню обусловила его немедленное принятие как стандарт в сети Интернет. Протокол Gopher является непосредственным предшественником концепции и функций WWW. Серверы Gopher быстро распространились в сети Интернет, хотя в них не было гипертекстовых ссылок и графических элементов. Через короткий отрезок времени стало ясно, что возможностей таких серверов не хватает [2].

Самый большой сервер Gopher принадлежал европейской организации CERN (Европейская лаборатория физики частиц высокой энергии). Эта органи- зация стала движущей силой подключения Европы к Интернету.

В 1992 году была создана Всемирная информационная сеть (World Wide Web или просто Веб). Разработчиком технологии был Тим Бернерс-Ли. Задача Сети заключалась в распространении информации посредством сетевой компьютерной технологии. Технология WWW стала развитием идей Gopher.

В истории было немало учёных, чьи мысли опережали время, в котором они живут. Среди них был и Тед Нельсон (Ted Nelson), который первым предложил концепцию гипертекста в своей книге «Computer Lib/Dream Machines», опубликованной в 1974 году. В середине 90-х годов понятие гипертекста расширилось и включило в себя идею гипермедиа, то есть добавление ссылок на графические видеоклипы и музыкальные ролики.

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

Основой WWW стали три новых технологии:

1. HTML (HyperText Markup Language, язык разметки гипертекста) - язык логической разметки веб-страниц. HTML «вырос» из более сложного языка SGML (Single Generalized Markup Language, ISO 8879). HTML как стандарт для разметки веб-страниц вышел в свет в ноябре 1995 года под названием «HTML 2.0». После чего были предприняты попытки его модернизации, однако проект «HTML 3.0» так и не был рекомендован интернет-консорциумом. Возможно, тогда потребностям веб-разработчиков вполне отвечал предыдущий стандарт. С течением времени число пользователей WWW увеличивалось, что привело к появлению среди разработчиков всё более талантливых людей, которых возможности второй версии HTML явно не устраивали. То есть паутина всего за два года развилась до «HTML 4.0», который практически в неизменном виде используется и по сей день с незначительными изменениями. Уже сегодня во многие сайты активно внедряется самая новая технология «HTML 5», хотя и находятся еще в состоянии разработки. Генеральный директор W3C сообщил: «Даже как инновационное продолжение, продвижение HTML5 в «Рекомендуемое» обеспечивает всю веб-экосистему стабильным, проверенным и взаимодействующим стандартом. Решение наметить внедрение HTML5 в Last Call в мае 2011 года было важным шагом для урегулирования производственных ожиданий. Сегодня мы сделали следующий шаг, объявив о намерении осуществления цели с получением рекомендации к 2014 году».

2. В конце 90-х интернет-консорциуму стало ясно, что HTML не отвечает потребностям Веб, и любая новая версия HTML быстро устареет. Поэтому было предложено развивать расширяемый язык разметки: XML (eXtensible Markup Language) - стандарт оформления самых разнообразных документов, в том числе и веб-страниц. Уникальность XML заключается в его неограниченной расширяемости в силу четкой структурированности данных, возможности определения своих тегов и т.д. XML так сильно отличается от HTML, что был разработан XHTML (это основанный на XML язык разметки гипертекста, максимально приближенный к текущим стандартам HTML. Был опубликован консорциумом в первый день 2000 года как переформулирование (Reformulation) HTML в XML.

3. HTTP (HyperText Transfer Protocol, протокол передачи гипертекста) используется для передачи веб-страниц от сервера к пользовательскому браузеру [3].

Практически сразу после создания Веб был создан первый браузер, причём он распространялся совершенно бесплатно. Браузер назывался Mosaic, его создали в Национальном центре суперкомпьютерных приложений при университете Иллинойса в 1993 году.

Нововведением в стандарте W3C HTML 4.0 явились листы стилей (style sheets), позволяющие отделять содержание HTML-документов от их представления. Связывая один сценарий со всеми страницами ресурса, вы можете изменять внешний вид сразу всего сайта, даже если со страницами в данный момент работают пользователи. В настоящее время существует стандарт Cascade Style Sheets Level 2 (каскадные листы стилей 2 уровня или CSS2) и Cascade Style Sheets Level 3 (каскадные листы стилей 3 уровня или CSS3). Элементы, поддержка которых реализована в тех или иных браузерах, как правило, по разному «понимаются». Главной особенностью CSS3 является возможность создавать анимированные элементы без использования Java Script, поддержка линейных и радиальных градиентов, теней, сглаживания и многое другое.

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

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

На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java, но при этом лёгким для использования непрограммистами. Языком JavaScript не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в веб-разработке.

Название «JavaScript» является зарегистрированным товарным знаком компании Oracle Corporation.

Число пользователей WWW лавинообразно увеличивалось, благодаря чему всё большую роль в развитии паутины стал играть бизнес. Каждый день создавалось множество интернет-представительств компаний, работающих в различных сферах рынка. Каждый отдельный сайт представлял собой набор статических HTML-страниц, CSS-таблиц стилей, а также графических файлов [2].

Для оперативного обновления и своевременного добавления новых разделов на сайт было необходимо держать в штате компании группу веб-разработчиков. Сделать переоформление (редизайн) такого сайта вообще не представляется возможным, так как для этого необходимо отредактировать каждую страницу в отдельности. В итоге для переоформления ресурса отдел информационных технологий будет полностью парализован на относительно длительное время, что недопустимо, за редким исключением. На рынке сформировалась потребность в автоматизированной системе построения страниц сайта на основе написанных статей и HTML-шаблонов. Такие системы были названы CMS (Content Management System, системы управления контентом) [4].

Программная часть вполне может быть написана на любом языке программирования, однако при этом появится чрезмерная сложность отладки и платформозависимость. В начале развития CMS для UNIX-хостингов использовали Perl (Practical Extraction and Report Language - практический язык для извлечения данных и составления отчётов) - высокоуровневый интерпретируемый динамический язык программирования общего назначения, созданный Ларри Уоллом (Larry Wall). Для Windows-хостингов - ASP (Active Server Pages - активные серверные страницы) - технология, предложенная компанией Microsoft в 1996 году для создания Веб-приложений. Эта технология основана на внедрении в обыкновенные веб-страницы специальных элементов управления, допускающих программное управление. Популярность Perl в те времена можно было объяснить целым рядом причин: простота синтаксиса, большие возможности интерпретатора, а главное - каждый администратор UNIX использовал его для управления и настройки системы. То есть люди, чья работа хоть как-то связана с UNIX-подобными системами, уже владели практически всеми необходимыми знаниями для веб-разработки. Однако Perl изначально не был предназначен для этого. Поэтому параллельно существовали для Веб более адаптированные языки (интерпретаторы). К ним можно отнести PHP (раньше понималось как Personal Home Pages, однако в последнее время расшифровывается как Hypertext Preprocessor) - скриптовый язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических веб-сайтов. Так же существовали и другие языки программирования, такие как: Python, KixtArt, Yo-Script (скриптовый язык, который длительное время использовался для отображения страниц в поисковой системе Yahoo) и множество других. Работа над большинством таких языков прекращена, однако остальные начали развиваться быстрыми темпами [2]. В качестве хранилища данных на любом, сколько бы то ни было весомом проекте используется база данных. В большинстве случаев это MySQL или PostgreSQL. Они получили широкую распространённость (особенно MySQL) благодаря тому, что отсутствует плата за использование обоих СУБД (системы управления базами данных), а также они существуют под все платформы, используемые на WWW-серверах. Однако «дёшево хорошо не бывает», в случае если от сервера баз данных требуются работы с огромными объёмами данных, то приходится использовать Oracle, MS SQL либо другие СУБД, осуществляющие достаточно быструю работу с большими объёмами данных. Однако все они являются платными. Для большинства CMS не нужны огромные объемы данных. Важнее скорость обработки SQL-запросов. Помимо перечисленных есть множество других СУБД, каждая из которых обладает как недостатками, так и преимуществами по сравнению со своими конкурентами [4].

Все выше упомянутые СУБД являются SQL-серверами баз данных. Использовать что-то работающее не на технологии Клиент/Сервер не представляется возможным, так как по ряду причин (например, на разных платформах существуют различные СУБД, каждая ориентирована под свой круг задач) нецелесообразно встраивать систему управления базами данных (СУБД) в интерпретатор. С момента опубликования стандарта SQL92 СУБД, работающие на основе SQL-предложений, фактически стали единственным стандартом для серверов управления базами данных, существующих в Веб. Под SQLпредложением понимают команду SQL-серверу, однако в отличие от других команд, используемых для управления какими-либо приложениями ЭВМ, SQL - команды являются приближенными к человеческому языку, возможно, это и есть важнейшая причина, по которой их называют именно SQLпредложениями, а не командами. Пример простейшего SQL - предложения: «SELECT * FROM table_name» [5].

Динамические сайты, несомненно, более совершенные технические средства, нежели статические, создание их является весьма сложной и дорогой задачей. Существует три варианта их построения. Первый, написать собственные программы, создающие шаблоны и реализующие необходимые функции администрирования. Второй, воспользоваться помощью сторонних разработчиков, что бы написали сайт «под ключ». И, наконец, воспользоваться готовым решением. В данный момент в интернете используются системы управления содержимым сайта (content management system - CMS), позволяющие реализовывать компромиссное решение между низкой стоимостью статических сайтов и высокой гибкостью динамических. Благодаря подобным системам резко повысилась управляемость сайтом, и значительно снизились расходы на администрирование сайта [5].

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

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

1.2 Краткий анализ популярных систем управления контентом

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

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

Система управления контентом - это система, выполняющая следующие функции:

Отделение содержимого страницы от её представления. Если содержимое отделено от представления, то автору нет необходимости знать HTML или то, как происходит отображение страницы. По факту, отдельно взятая часть контента может состоять из множества шаблонов, применённых к ней, включая форматы, отличные от HTML, такие, как Portable Document Format (PDF), или Scalable Vector Graphics (SVG). Когда вы хотите изменить внешний вид сайта, вы должны изменить только интересующий вас шаблон, а не всё его содержимое.

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

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

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

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

Системы CMS выполняют три задачи:

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

Обеспечивает удобство работы с сайтом.

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

В общем случае CMS делятся на 2 типа:

ECMS - Enterprise Content Management System. Система управления контентом масштаба предприятия.

WCMS - Web Content Management System. Система управления Веб-контентом [5].

Сейчас существует множество готовых систем управления содержимым сайта, в том числе и бесплатных. Их можно разделить на три типа, по способу работы:

Генерация страниц по запросу. Системы такого типа работают на основе связки «Модуль редактирования - База данных - Модуль представления». Модуль представления генерирует страницу с содержанием при запросе на него, на основе информации из базы данных. Информация в базе данных изменяется с помощью модуля редактирования. Страницы заново создаются сервером при каждом запросе, что в свою очередь создаёт дополнительную нагрузку на системные ресурсы. Нагрузка может быть многократно снижена при использовании средств кэширования, которые имеются в современных веб-серверах.

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

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

Положительными сторонами использования CMS являются:

Создание сайта при помощи CMS не требует никаких специальных знаний и навыков.

Сделать сайт на CMS можно быстро, что экономит время.

CMS несёт в себе достаточно большую функциональность, что позволяет не тратить лишнее время на поиск или написание отдельных скриптов.

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

Отрицательными сторонами использования CMS являются:

На то, чтобы разобраться с каждой конкретной CMS, освоить работу с ней требуется какое-то время.

Быстро создав сайт с помощью CMS, вы получите сайт, хоть и не выглядящий плохо, но похожий на множество других.

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

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

В последние годы популярность CMS система сильно возросла. Рассмотрим некоторые из них: Joomla, Drupal, Wordpress и Netcat. Все эти инструменты обладают надежной и полезной функциональностью для создания и поддержки веб-сайтов. Именно их и рассмотрим.

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

Функции систем:

Помощь в создании удобной структуры сайта и системы навигации.

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

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

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

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

Предоставление доступных сайтов, оптимизацию поисковых систем и читаемые для человека URL-адреса.

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

CMS позволяют опытным программистам изменять веб-сайт и CMS так, чтобы они делали именно то, что вы хотите.

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

Но эти инструменты, конечно же, имеют определенные отличия. Более подробно рассмотрим каждую из этих систем CMS.

Joomla!

Компания Joomla стремится к созданию максимально мощных и в то же время простых инструментов [5]. Программисты компании считают, что любой пользователь, обладающий самыми элементарными знаниями в области ИТ не должен столкнуться с проблемами в настройке и обслуживании веб-сайта. Они создали инструмент, дружественный для пользователя, сравнительно простой в работе, а приоритетным моментом в этом инструменте является простота использования.

CMS Joomla! создана для отличной работы в базовых средах виртуального хостинга (самых дешевых и распространенных пакетах веб-хостинга). Его установщик очень похож на обычные установщики, используемые для обычных программ ПК, а интерфейс администрирования, используемый редакторами контента, очень похож на обычное приложение настольного компьютера. Есть лишь несколько трудностей в работе с Joomla, а это означает, что веб-разработчику потребуется совсем немного времени для настройки и запуска в работу, а если вы подкованы определенными техническими знаниями, то вы можете сделать это самостоятельно.

Если нужно расширить возможности Joomla, которые не включены в систему ее собственными расширениями (эти расширения отлично описаны, и их можно найти на сайте Joomla! Extensions Directory [4]), то не придется переплачивать программисту за его услуги, поскольку Joomla написана на языке PHP, широко распространенном языке сценариев для общих задач, который отлично подходит для веб-разработки.

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

Drupal.

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

CMS Drupal, как и Joomla!, будет отлично работать в средах виртуального хостинга. С ней, как и Joomla!, довольно просто начать работать - если вы обладаете определенными техническими знаниями и навыками, вы сможете самостоятельно установить Drupal и начать работу по ее настройке. Создать простой сайт в Drupal будет не так просто, как в Joomla!, однако у опытного разработчика не должно возникнуть проблем ни с одним из инструментов.

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

Drupal существенно выигрывает у Joomla! по быстродействию по данным сравнения быстродействия CMS систем на сайте Сustompcsoftware [7].

В Drupal используется прагматичный и интегрированный подход к функциям, которые не являются основными для CMS, например, почтовые рассылки и функции онлайн пожертвований. В то время как в Joomla и Plone упор делается на подход в стиле «лучший в своем классе», включающий интеграцию прочих специальных инструментов, Drupal предлагает интегрированные (но, зачастую, менее мощные) подключаемые модули для выполнения многих из этих задач.

Netcat.

Платформа NetCat отличается рядом существенных преимуществ, способных заинтересовать пользователей:

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

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

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

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

Но создание сайта на NetCat сопряжено и с рядом незначительных недостатков:

* Слишком сжатая документация. В прилагаемых инструкциях все описано весьма скупо, не дано необходимых данных для легкого освоения, что значительно увеличивает время, необходимое на подготовку специалиста.

* Сложная система редактирования шаблонов. Внести изменение в модули системы и дизайн весьма непросто, так как предстоит работать с каждым отдельным куском кода, внося необходимые изменения.

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

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

Платформа NetCat оптимальное решение для коммерческих пользователей, которые хотят поддерживать сразу несколько порталов, сведя их в единую экосистему. Её отличает сочетание оптимальной стоимости и широких функций, с возможностью их постоянной доработки и улучшения.

Wordpress.

Wordpress - это самый распространённый на сегодняшний день «движок» сайта. Особенно он популярен в США. Wordpress имеет открытый исходный код, который написан на языке PHP, имеет довольно ограниченный встроенный функционал, но наличие огромного количества пакетов расширений позволяет создавать на этой CMS не только персональные блоги, но и достаточно серьёзные Интернет-проекты [8].

В качестве базы данных, как и в большинстве популярных CMS, используется MySQL.

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

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

Благодаря тому, что в последних версиях WordPress значительно усовершенствован механизм пользовательских таксономий разработка Интернет - магазинов на этой CMS стала еще более популярной.

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

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

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

Wordpress, как и любой продукт, имеет поклонников и противников. Однако эта CMS уже несколько лет остаётся наиболее популярной среди разработчиков всего мира. Минусы Wordpress типичны для популярных CMS - не слишком быстрая работа сайта, возможность сбоев при высокой посещаемости и периодическое обнаружение тех или иных дыр в скрипте. Поэтому некоторые пользователи даже при создании блогов отдают предпочтение всё же более простым и лёгким движкам [8].

CMS Wordpress вряд ли подойдёт для сложного сайта с большой функциональностью, портала, интернет-магазина и т. п. - для них нужно обратить внимание на более универсальные CMS.

Wordpress требует для работы php и MySQL. Скачать русскую версию Wordpress, разные шаблоны к нему, а также получить консультацию по разным вопросам, связанным с Wordpress, можно на сайте Wordpress [8].

Выводы

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

Проведенный анализ современных тенденций сайтостроения показал, что для того, что бы посетителю было комфортно получать информацию с вебсайта нельзя просто «набить» сайт полезной и качественной информацией. Необходимо создать гармоничный и красивый дизайн сайта, правильно расположить информацию на нем и создать вокруг этой информации сообщество, повысив, таким образом, вовлеченность посетителей сайта в процесс формирования контента. Идеальная система, построенная по принципу «контент + сообщество», будет обладать положительной обратной связью. Чем больше людей вовлекаются в сообщество, тем больше контента они создают и сайт привлекает больше посетителей. Для тех, кому принадлежит веб-сайт, актуален вопрос управления своим ресурсом: наполнение его контентом, общение с посетителями на форуме и т.д. Именно с этой целью - дать возможность практически неподготовленным людям управлять своим веб-ресурсом - и были созданы различные CMS (Content Management System - система управления контентом). На сегодняшний день этих систем огромное количество.

После проведенного анализа современных CMS (среди Joomla!, Drupal, Wordpress и Netcat) можно сделать вывод, что CMS Wordpress является самой многофункциональной и безопасной системой для создания практически любого веб-сайта.

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

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

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



2. Разработка и реализация проекта

2.1 Проектирование сайта с учетом современных тенденций сайтостроения

Предпроектное обследование компании «Межрегиональный центр охраны труда малых и средних предприятий»

Учебный центр «МЦОТ» (Межрегиональный центр охраны труда) предоставляет услуги в области охраны труда, пожарной, электро- и экологической безопасности.

Основными направлениями деятельности «МЦОТ» являются:

* обучение по программам дополнительного профессионального образования;

* оказание услуг в сфере охраны труда, пожарной безопасности, электробезопасности и т.д.;

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

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

* оказание услуг осуществляется высококвалифицированными специалистами и преподавателями, имеющими опыт научной и практической работы, а также принимающими активное участие в изучении действующих документов РФ;

* обучение проходит в комфортных условиях -- учебных классах, оснащенных мультимедийным оборудованием;

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

Учебный центр обратился ко мне с заказом на создание сайта. Мы обсудили детали и составили план реализации сайта:

Проектирование продукта (примерная длительность от 1 до 3 дней).

Дизайн (примерная длительность около 7 дней).

Верстка (примерная длительность от 2 до 4 дней).

Программирование (примерная длительность от 5 до 13 дней).

Закрытие проекта (примерная длительность от 3 до 5 дней).

В рамках данного параграфа раскроем подробно этапы, связанные непосредственно с проектированием сайта.

Этап 1 - проектирование веб-сайта.

На этапе проектирования веб-сайта составляются следующие документы:

Договор между заказчиком и исполнителем.

Техническое задание.

Формирование требований по дизайну, бриф.

На этапе проектирования уделяется как можно больше времени первоначальному общению с клиентом. Узнаются цели и задачи, сроки, целевая аудитория, выясняется, какие есть требования/предложения по внешнему виду и функционалу сайта.

В конце данного этапа создается так называемый «бриф», договор и техническое задание.

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

...