VII Международная студенческая научная конференция Студенческий научный форум - 2015

ВВЕДЕНИЕ

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

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

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

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

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

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

Целью дипломной работы является описание поэтапной работы по созданию современного веб-сайта на примере сайта для химической компании «NMG».

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

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

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

3. Подробно описать этапы разработки веб-сайта на примере сайта химической компании «NMG».

4. Представить экономическую привлекательность проекта для клиента.

ГЛАВА 1. СОВРЕМЕННЫЕ ТЕНДЕНЦИИ САЙТОСТРОЕНИЯ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В 1992 году была создана Всемирная информационная сеть (World Wide Web или просто Веб). Разработчиком технологии был Тим Бернерс-Ли (Tim Berners-Lee). Задача Сети заключалась в распространении информации посредством сетевой компьютерной технологии. Технология 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, протокол передачи гипертекста) используется для передачи веб-страниц от сервера к пользовательскому браузеру [38].

Практически сразу после создания Веб был создан первый браузер, причём он распространялся совершенно бесплатно. Браузер назывался 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-таблиц стилей, а также графических файлов [25].

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

Программная часть вполне может быть написана на любом языке программирования, однако при этом появится чрезмерная сложность отладки и платформозависимость. В начале развития 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) и множество других. Работа над большинством таких языков прекращена, однако остальные начали развиваться быстрыми темпами [28].

В качестве хранилища данных на любом, сколько бы то ни было весомом проекте используется база данных. В большинстве случаев это MySQL или PostgreSQL. Они получили широкую распространённость (особенно MySQL) благодаря тому, что отсутствует плата за использование обоих СУБД (системы управления базами данных), а также они существуют под все платформы, используемые на WWW-серверах. Однако «дёшево хорошо не бывает», в случае если от сервера баз данных требуются работы с огромными объёмами данных, то приходится использовать Oracle, MS SQL либо другие СУБД, осуществляющие достаточно быструю работу с большими объёмами данных. Однако все они являются платными. Для большинства CMS не нужны огромные объемы данных. Важнее скорость обработки SQL-запросов. Помимо перечисленных есть множество других СУБД, каждая из которых обладает как недостатками, так и преимуществами по сравнению со своими конкурентами [40].

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В веб-студии «Prime» в качестве оптимальной платформы для разработки и продвижения сайтов используется CMS Plone, сравним его с другими CMS и проанализируем [20].

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

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

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

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

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

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

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

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

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

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

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

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

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

Joomla!

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

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

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

Рисунок 1 – CMS Joomla

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

Drupal

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

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

Рисунок 2 – CMS Drupal

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

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

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

Wordpress

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

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

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

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

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

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

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

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

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

Рисунок 3 – CMS Wordpress

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

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

Plone

CMS Plone – это продукт тщательного, хорошо спланированного программирования. Он предлагает мощную, продуманную платформу для сложных приложений мирового уровня, в сочетании со значительной простотой использования для редакторов контента, отвечающих за ежедневное обслуживание сайта. Однако уровень знаний разработчиков, отвечающих за создание сайта, должен быть значительно выше, а также имеются определенные требования к хостингу. CMS Plone будет отличным выбором для тех, кому нужно работать со сложными сайтами, но эта система будет не самым лучшим вариантом для тех, у кого нет опыта работы с этим инструментом, и кому нужно быстро создать и запустить в работу простой сайт [10].

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

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

Эта система написана на языке Python, который представляет собой намного более мощный, но менее распространенный язык по сравнению с PHP. Многие опытные программисты предпочитают Python [11].

Plone по распространению занимает 2% среди всех проектов с открытым исходным кодом. В разработке ядра Plone 4 участвуют 340 человек и более 300 компаний в 57 странах, в том числе, в России. Проект активно разрабатывается с 2001-го года, CMS Plone переведена более чем на 40 языков, в том числе, на русский.

Plone имеет наилучшие показатели по безопасности. О безопасности Zope и Plone можно прочитать в статье «Six top reasons for using Zope. Zope is very secure» [13].

В 2009-м году Plone получил первое место на конкурсе Open Source CMS Award среди не-PHP проектов. С момента открытия номинации в 2007-м году Plone уверенно входит в тройку лучших CMS и уже занимал первое место в 2008-м году.

По данным тестов, опубликованных на сайте Jon Stahl's Journal CMS Plone 4 примерно вдвое быстрее Plone 3.3.6, в 3.3 раза быстрее WordPress 2.9.1, в 3.7 раз быстрее Drupal 7 alpha 1 и в 4.2 раза быстрее Joomla 1.5.15 [1], на рисунке 4 предоставлен график быстродействия систем.

Рисунок 4 – График быстродействия различных CMS систем

Из четырех представленных здесь инструментов CMS Plone является самой мощной и стабильной системой, и применяется в больших организациях по всему миру. Она обладает мощной функциональностью и параметрами настройки, в то же время, предлагая простоту в использовании, благодаря которой нетехнический персонал можно легко научить тому, как обновлять содержимое после создания сайта. Как и CMS Drupal, эта система предлагает соответствующие стандартам доступные страницы в штатной комплектации и значительную поддержку работы администрирования [36].

Таблица, в которой описаны все функции, спецификации, возможности каждой из систем, созданная при помощи сайта The CMS Matrix [12] находится в приложении А.

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

1.  
   1. Система управления контентом Plone

Компания, не имеющая собственного веб-сайта является недальновидной. Большинство компаний имеют несколько сайтов. Это может быть внешний сайт, предназначенный для предоставления информации клиентам, внутренний – предназначенный для использования сотрудниками, или сайт для организации взаимодействия между клиентами и поддержания обратной связи с ними. У владельцев всех этих веб-сайтов существует одинаковая проблема – как управлять их содержимым. Это вызов, принятие которого очень часто может потребовать от организации много времени и усилий. Создание мощной и гибкой системы для подобных сайтов, требования к которой постоянно изменяются в процессе её роста (из-за возникающих у компании новых потребностей) – непростая задача [35].

Независимо от того, какие требования предъявляются к объёму содержимого вашего сайта или числу его пользователей, использование CMS Plone будет наилучшим решением, которое позволит легко добавлять и редактировать любые типы информации через Веб (Through The Web – TTW), производить навигацию и поиск по содержимому вашего сайта, а также устанавливать правила безопасности и последовательность инстанций (рабочий цикл), через которые проходят документы сайта перед их опубликованием.

CMS Plone позволяет содержать практически любой веб-сайт и легко его обновлять. Он также позволяет вам значительно ускорить время создания сайтов с большим количеством хранящейся на нём информации (content-rich), что даёт возможность получить существенное преимущество перед конкурентами. Система является бесплатной (free) и содержит все исходные коды (open source). C его многочисленными впечатляющими свойствами, Plone является сопоставимым, если не более хорошим, чем аналогичные системы, не доступные в исходных кодах и стоящие сотни и тысячи долларов [32].

Майк Шугербейкер (Mike Sugarbaker) сказал для сайта Mindjack следующее, когда выступал на Open Source Management Conference (OSCOM) в 2002 году: «Я не буду говорить обо всех конкурирующих средах разработки с доступными исходными кодами. Я поставлю точку в имеющейся гонке: Победитель – Plone. Этот продукт, функционирующий на платформе Zope является пакетом с наибольшим числом вспомогательных средств, наиболее профессионально выполнен, представляющий из себя наиболее законченный продукт из всех»[6].

Веб-сайт Plone можно увидеть посетив адрес http://www.plone.org. Попробовать использовать CMS Plone очень легко – демонстрационная версия представлена на рисунке 5 [13], где можно легко и быстро добавить и отредактировать содержимое через Веб. Вы сможете реальным образом добавить события, загрузить изображения, добавить документы, и всё это через рабочую среду (framework), которую предоставляет Plone.

CMS Plone это продукт, лицензированный в рамках General Public License (GPL), содержащий исходные коды, которые могут быть использованы без каких-либо ограничений. Дистрибутивы и документацию можно найти на официальном сайте Plone. У системы есть довольно большое community (коммьюнити - сообщество), поддерживаются списки рассылки по различным направлениям [9].

CMS Plone – это система публикаций, использующая в основе сервер приложений Zope. Сервер приложений Zope написан на языке программирования Python и является, в том числе, средой разработки приложений (framework). Для Zope был написан набор библиотек Content Management Framework (CMF, система управления контентом). Plone является расширением CMF. Общая структура комплекса представлена на рисунке 6.

CMS Plone использует модель построения приложения Model View Controller (MVC). Эта модель позволяет разделить модель данных приложения, пользовательский интерфейс и управляющую логику. Для хранения данных используется встроенная, объектная база данных ZODB.

Параметры выбора:

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

2. Функционал системы – в функционал системы уже стандартно входит возможность добавления, статей, загрузки файлов и т.д. Разработчику необходимо лишь настроить систему и преобразовать ее под свои нужды. Также возможно добавление собственных модулей. Это очень просто, так как система имеет открытый изменяемый код.

3. Техническая поддержка системы – система имеет отдельный форум для поддержки, проста в обновлении.

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

5. Надежность и безопасность системы – система очень надежна и при этом постоянно совершенствуется, улучшая безопасность, на основе CMS Plone созданы сайты таких организаций, как NASA [7] и FBR [3], что и подтверждает безопасность данной системы.

6. Независимость от разработчика – система в свободном доступе и доступна для модификаций.

Рисунок 5 – Демонстрационная онлайн – версия CMS Plone

Рисунок 6 – Структура комплекса Plone/Zope

1. Масштабируемость – систему можно расширять, модифицировать и изменять.

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

3. Технические требования системы и ее платформа – система работает на платформе Windows и Unix-систем. Техническим требованиям соответствует большинство host-площадок.

CMS Plone (рис. 7) является полезной и сложной системой управления контентом, которая поддерживают большинство задач, необходимых редакторам контента и посетителям сайта.

Рисунок 7 – CMS Plone

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

Спецификации продуктов и используемые платформы:

1. Веб-фреймворк: Zope (Zope Object Publishing Environment) среда публикации объектов Zope – объектно-ориентированный сервер приложений [21].

2. Используемый язык программирования: Python – высокоуровневый язык программирования общего назначения, ориентированный на повышение производительности разработчика и читаемости кода [11].

3. Сервер: на базе OC Ubuntu – операционная система, основанная на Debian GNU/Linux [8].

4. Средство сборки для программного обеспечения с открытым исходным кодом, написанное на языке программирования Python – Buildout [37].

5. Контроль версии продуктов производится с помощью Git (распределённая система управления версиями файлов) в хранилище Букета (Bitbucket) – веб-сервис для хостинга проектов и их совместной разработки [39].

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

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

Сообщество разработчиков Plone акцентирует особое внимание на качестве и надежности ПО – и создало тысячи автоматизированных тестов для модулей «unit tests», чтобы показать, что система продолжает работать должным образом даже с учетом ее стремительного развития. Система Plone также выделяется в работе с более сложными задачами управления контентом, такими как: управление версиями (CMS эквивалент вордовской функции отслеживания изменений), интернационализация/многоязычный контент, разрешения и пользовательские рабочие процессы [10].

ВЫВОД ПО ГЛАВЕ 1

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

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

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

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

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

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

ГЛАВА 2. РАЗРАБОТКА И РЕАЛИЗАЦИЯ ПРОЕКТА

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

Предпроектное обследование компании «NMG»

Химическая компания «NMG» – динамично развивающаяся компания. Компания сконцентрирована на выпуске бутилкаучуковых однокомпонентных мастик под торговой маркой «NMG-С».

Основанная на традициях, и при участии специалистов компании «NMG-Поликом», признанных профессионалов в производстве высококачественных мастик на основе бутилкаучука, компания заняла лидирующие позиции на рынке материалов для герметизации и гидроизоляции.

В компании создали новое высокотехнологичное производство бутилкаучуковых мастик. За основу взята технология производства мастики «Гермабутил-С». Использование новейшего технологического оборудования, доработка технологического процесса и применение высококачественного сырья позволило выпускать мастики высокого качества и по конкурентной цене.

Продукцию Химической компании «NMG» успели оценить многие российские компании, а также участники рынка из ближнего зарубежья.

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

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

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

Для удобства постоянных покупателей и привлечения потенциальных клиентов для химической компании «NMG» в лице директора Шестоперова Андрея Александровича было предложено создать информационный веб-сайт с возможностью заказа онлайн и калькулятором цены, количества банок мастики, в соответствии с прайс-листом.

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

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

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

Химическая компания «NMG» пока не планирует выход на международный уровень и, следовательно, им нужен небольшой по объему информации веб-сайт.

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

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

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

Именно поэтому химическая компания «NMG» обратилась в веб-студию «Prime» с заказом на создание веб-сайта.

Проектирование и реализация сайта состоит из нескольких этапов:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Техническое задание (ТЗ) – официальный документ, являющийся неотъемлемой частью Договора на разработку сайта. ТЗ содержит техническое обоснование разработки и требования, предъявляемые к проектируемому сайту (дизайну, навигации, способам представления информации); определяет сроки, стоимость, объем и порядок выполнения каждого этапа разработки. Техническое задание – это исходный документ проектирования сайта, утверждается в двустороннем порядке, Заказчиком и Исполнителем. ТЗ является главным документом, на основе которого ведется разработка и оценивается качество готового продукта. На основании ТЗ принимаются или отклоняются претензии Заказчика к качеству работы Исполнителя, оплачивается готовая работа, оформляется акт приема-передачи. Техническое задание составляет Исполнитель на основе заполненного брифа, анализа результатов предварительных исследований, расчетов и проектного моделирования будущего сайта. ТЗ должно учитывать все требования, аспекты и детализацию будущего сайта (копия технического задания представлена в приложении Г).

В настоящем документе приводится полный набор требований по реализации сайта.

В итоге: бриф, договор на оказание услуг веб-студией, техническое задание.

В соответствии с выбранными методами был составлен план по проектированию и реализации сайта. План сделан с помощью программы Microsoft Project 2010 (Таблица 1).

Таблица 1 – План создания сайта

Название задачи	Длительность	Начало	Окончание
Создание сайта	38 дней	Вт 14.01.14	Чт 06.03.14
Проектирование	3 дней	Вт 14.01.14	Чт 16.01.14
Составление договора	1 день	Вт 14.01.14	Вт 14.01.14
Бриф	1 день	Ср 15.01.14	Ср 15.01.14
Составление технического задания	1 день	Чт 16.01.14	Чт 16.01.14
Дизайн	14 дней	Пт 17.01.14	Ср 05.02.14
Разработка макета	9 дней	Пт 17.01.14	Ср 29.01.14
Презентация заказчику	1 день	Чт 30.01.14	Чт 30.01.14
Формирование листа замечаний, реализация замечаний	3 дней	Пт 31.01.14	Вт 04.02.14
Утверждение макета и их подпись	1 день	Ср 05.02.14	Ср 05.02.14
Верстка	4 дней	Чт 06.02.14	Вт 11.02.14
Открытие тестовой площадки	1 день	Чт 06.02.14	Чт 06.02.14
Верстка страниц	4 дней	Чт 06.02.14	Вт 11.02.14
Демонстрация заказчику	1 день	Чт 06.02.14	Чт 06.02.14

Продолжение таблицы 1

Формирование листа замечаний, реализация замечаний	1 день	Пт 07.02.14	Пт 07.02.14
Утверждение верстки	1 день	Сб 08.02.14	Пн 10.02.14
Создание прототипа шаблонов	1 день	Пн 10.02.14	Пн 10.02.14
Программирование	11 дней	Ср 12.02.14	Ср 26.02.14
Программирование стандартного функционала	3 дней	Ср 12.02.14	Пт 14.02.14
Программирование дополнительных модулей	3 дней	Пн 17.02.14	Ср 19.02.14
Внутреннее тестирование	2 дней	Чт 20.02.14	Пт 21.02.14
Тестирование заказчиком	3 дней	Пн 24.02.14	Ср 26.02.14
Демонстрация заказчику	1 день	Пт 21.02.14	Пт 21.02.14
Формирование листа несоответствий	1 день	Пн 24.02.14	Пн 24.02.14
Внесение правок	1 день	Вт 25.02.14	Вт 25.02.14
Утверждение программной части	1 день	Ср 26.02.14	Ср 26.02.14
Закрытие проекта	5 дней	Чт 27.02.14	Ср 05.03.14
Покупка домена	1 день	Чт 27.02.14	Чт 27.02.14
Обучение заказчика работе с CMS «Plone».	1 день	Пт 28.02.14	Пт 28.02.14
Наполнение сайта контентом	1 день	Пн 03.03.14	Пн 03.03.14
Перенос сайта на сервер	1 день	Вт 04.03.14	Вт 04.03.14
Передача заказчика в службу поддержки	1 день	Ср 05.03.14	Ср 05.03.14
Создание веб-сайта завершено	0 дней	Ср 05.03.14	Чт 06.03.14

Этап 2 – дизайн

Дизайн-концепция страниц сайта производиться по следующим этапам:

1. Разработка макета.

2. Презентация заказчику.

3. Формирование листа замечаний, реализация замечаний

4. Утверждение макета.

5. Подписание макетов страниц сайта.

На этапе концепта дизайнер прорисовывает макет сайта (макеты страниц сайта находятся в приложении Д и подписанные заказчиком макеты в приложении Е), при этом находясь в постоянной связи с заказчиком. В макете сайта прорисовывается дизайн сайта. В веб-студии «Prime» макет создается в программе Adobe Photoshop с сохранением всех слоев для возможных исправлений в дальнейшем.

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

В итоге: макеты страниц сайтов и подписанные заказчиком макеты страниц сайтов.

Представление проекта по созданию веб-сайта представлено в диаграмме Ганта (Рисунок 8).

1.  
   1. Реализация проекта с учетом современных тенденций сайтостроения

После того, как основные этапы проектирования и дизайна веб-сайта были пройдены, происходит переход на новый этап, в котором производится реализация проекта. Проект создавался на CMS Plone версии 4.3.

Этап 3 – верстка

1. Открытие тестовой площадки.

2. Верстка главной страницы, типовой внутренней страницы и экранных форм:

1. демонстрация заказчику;

2. формирование листа замечаний, реализация замечаний;

3. утверждение верстки.

1. Создание прототипа шаблонов.

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

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

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

Так же возможно использование передовых веб-технологий, таких как: css3, html5 и т.д.

В конечном счете, шаблон сайта демонстрируется заказчику для утверждения.

В итоге: шаблон сайта с законченной версткой.

Этап 4 – программирование

1. Программирование стандартного функционала.

2. Программирование дополнительных модулей.

3. Внутреннее тестирование (первичное наполнение, исправление выявленных несоответствий с брифом).

4. Тестирование модели заказчиком:

1. демонстрация заказчику;

2. формирование заказчиком листа несоответствий (bag-list);

3. внесение правок заказчиком;

4. утверждение программной части.

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

Рисунок 8 – Диаграмма Ганта с отслеживанием

Программирование производится на языке программирования Python с использованием ZOBD (база данных Zope).

В рамках данного проекта были спрограммированы следующие модули:

1. Блок с банкой мастики и информации о ней с возможностью редактирования (отображается только на главной странице).

2. Скрипт, подсчитывающий цену заказа, который считывает информацию из прайс-листа.

3. Информационные блоки (левые):

1. новостной блок, показывающий 3 последние опубликованные новости;

2. редактируемый блок с информацией о компаниях-партнерах;

3. редактируемый блок с ссылкой на прайс-лист.

В итоге: итоговый сайт, находящийся на тестовой площадке.

Этап 5 – закрытие проекта

1. Покупка домена.

2. Обучение заказчика работе с CMS «Plone».

3. Наполнение сайта контентом.

4. Перенос сайта на сервер.

5. Передача заказчика в службу поддержки.

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

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

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

В итоге: полная оплата заказа, готовый проект (готовый сайт можно увидеть по адресу www.germabutil.ru).

Этап 6 – дополнительная услуга, продвижение сайта

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

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

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

Хотя все чаще подобные инциденты – исключение из правил или вызваны действиями начинающих оптимизаторов, которые берутся за продвижение, до конца еще не разобравшись во всех нюансах оптимизации и продвижения и не отработав их на практике. Их привлекает возможность быстрой наживы, а клиенты становятся своеобразным полигоном для испытаний, от чего страдает доверие ко всем оптимизаторам. Оптимизаторы со стажем дорожат своей репутацией и отношениями с клиентами, ведь основная идея продвижения – сопровождать клиента в течение длительного времени и получать свои дивиденды ежемесячно. Нет смысла браться за продвижение сайта на 1-2 месяца, так как самые затратные по ресурсам операции выполняются на первоначальном этапе подготовки к продвижению: непосредственная оптимизация кода сайта, регистрация в каталогах, обмен ссылками/статьями и т. д.

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

«Белая оптимизация» подразумевает намного более комплексный подход:

1. Оптимизация кода сайта для облегчения поиска, в том числе по ключевым словам.

2. Насыщение ресурса тематическими статьями, которые могут интересовать потенциальных клиентов.

3. Регистрация в каталогах и размещение информации о сайте на различных тематических ресурсах.

4. Взаимный обмен ссылками с тематически близкими сайтами.

5. Распространение пресс-релизов среди новостных проектов.

6. Обмен тематическими статьями, с уже включенными ключевыми словами в виде ссылок на продвигаемый ресурс.

7. Распространение информации о ресурсе через социальные сети, в основном через блоги.

8. Целевая рассылка новостной информации по базе потенциальных клиентов.

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

Залог успеха – разумный подход к проблеме и знание главных подводных камней. Если и работать с оптимизатором, то с тем, который отличает «белое» от «черного», заинтересован в долгосрочном сотрудничестве и может аргументировано объяснить свои действия.

1.  
   1. Экономическая привлекательность проекта для клиента

Перед тем, как клиент выбирает в какую веб-студию обратиться для создания собственного сайта или сайта для компании первым делом нужно обратить внимание на возраст фирмы и сотрудников. Возраст (срок работы) веб-студии должен быть не менее трёх лет. Если это так, значит, компания имеет хорошую репутацию, имеются заказы и есть клиентская база. В то время как сотрудники должны быть преимущественно молодыми. Технология создания сайтов шагнула далеко вперёд, но всё ещё встречаются программисты, работающие по устаревшим методам и технологиям. В итоге, заказчик не всегда получит современный и качественный сайт. После анализа портфолио (созданных проектов) и возраста (составляет 10 лет) веб-студии «Prime» можно сделать вывод о том, что опыта в создании и продвижении сайтов в рамках современных тенденций сайтостроения несравненно больше, чем у конкурентов, что вызывает доверие клиента. Веб-студия «Prime» имеет огромную клиентскую базу.

Основные конкуренты веб-студии «Prime» в г. Магнитогорске:

1. Веб-студия Pro100Studio (http://pro100studio.ru/), основали в 2005г. [19].

2. Веб-студия АктивВеб (http://aktiv-web.ru/), основали в 2009г. [16].

3. Студия веб-дизайна Divaew.ru (Divaew.ru), основали в 2011г.[34].

4. Веб-студия Колибри (http://kolibri-group.ru/), основали в 2012г. [18].

Критерии отбора веб-студий:

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

2. Просмотр контактных данных на сайте, проверка работы службы поддержки.

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

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

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

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

7. Обязательное заключение договора с веб-студией.

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

9. Наличие SEO в CMS разработчика.

10. Возможность тестирования продукта.

11. Обоснованные цены. Менеджер компании должен чётко объяснить, почему создание сайта стоит именно такую сумму денег.

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

Рассмотрим пакет предлагаемых услуг, ценовую политику и сравним их (таблица 2).

Таблица 2 – Сравнение цен и пакета услуг веб-студий

Веб-студия	Цены
	Сайт-визитка	Сайт-витрина	Интернет-магазин	Корпоративный веб-портал	Уникальный проект		Обслуживание сайта	Муниципальный сайт	Дополнительные услуги
Prime	На основании ТЗ (от 5 000)	От 40 000	От 40 000	На основании ТЗ (от 5 000)		От 4 000	Бесплатно	- 3D паноромы - Переводы web-money - CD визитки - Система учёта интернет-трафика для локальных сетей организаций - Фотоуслуги - Разработка специфических независимых веб-приложений - Поддержка сайтов разработанных другими фирмами. - Наполнение сайта - Продвижение сайта
Pro100Studio	От 5 000	От 25 000	От 35 000	На основании ТЗ (от 5 000)		От 5 000	-	- Разработка логотипов и фирменного стиля - Продвижение сайтов

Продолжение таблицы 2

Веб-студия	Цены
	Сайт-визитка	Сайт-витрина	Интернет-магазин	Корпоративный веб-портал		Уникальный проект		Обслуживание сайта		Муниципальный сайт		Дополнительные услуги
АктивВеб	От 6 000	От 30 000	От 25 000	-		-		От 3 000		-		- Лэндинг пэйдж или посадочная страница - Создание соцсетей, порталов - Интеграция 1С с интернет магазином - Продвижение сайта
Divaew.ru	От 15000	От 2 000							-		- Наполнение сайта - Продвижение сайта - Продажа готовых сайтов
Колибри	-	-	-		-		-	-		-		- Баннерная реклама - Фирменный стиль - Социальные сети - Продвижение сайта

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

Оценка трудозатрат по созданию сайта для химической компании «NMG». Для оценки стоимости создания сайта необходимо знать количество часов, потраченных на проектирование и реализацию сайта исходя из заработной платы сотрудников веб-студии:

1. Менеджер – 20 000 рублей/месяц (125 рублей/час).

2. Дизайнер – 25 000 рублей/месяц (156,25 рублей/час).

3. Верстальщик – 20 000 рублей/месяц (125 рублей/час).

4. Программист – 30 000 рублей/месяц (187,5 рублей/час).

В таблице 3 приведены расчеты для оценки стоимости создания сайта. На разработку сайта ушло 185 часов и себестоимость равна 29 060,5 рублям. Веб-студия «Prime» самая первая компания, которая появилась в городе Магнитогорске. После проведенного анализа можно сделать вывод, что на сегодня веб-студия «Prime» является лидером по опыту в создании сайтов, пакету услуг и обслуживанию сайтов среди всех веб-студий в городе Магнитогорске.

Таблица 3 – Оценки стоимости создания сайта

Этап разработки	Специалист	Срок выполнения	Стоимость
Подготовка Договора, ТЗ, Брифа	Менеджер	15 часов	1 875 рублей
Разработка дизайна сайта	Дизайнер	70 часов	10 935,5 рублей
Вёрстка дизайна сайта-визитки	Верстальщик	20 часов	2 500 рублей
Программирование сайта	Программист	60 часов	11 250 рублей
Закрытие проекта	Менеджер	20 часов	2 500 рублей
Итого		185 часов	29 060,5 рублей

ВЫВОД ПО ГЛАВЕ 2

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

Сайт был создан командой профессионалов в рамках современных тенденций сайтостроения, подробно разобрав все этапы проектирования и реализации проекта, доступный по адресу www.germabutil.ru.

Причины, по которым химическая компания «NMG» обратилась именно в веб-студию «Prime» следующие:

1. богатое портфолио;

2. демократичные цены;

3. обязательное заключение договора, технического задания и составление брифа;

4. широкий спектр услуг по поддержке, продвижению и наполнению сайта.

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

Веб-студия «Prime» зарекомендовала себя как команда профессионалов, создающие качественные веб-сайты с постоянной технической поддержкой и богатым пакетом услуг. Анализ показал, что на сегодня веб-студия «Prime» является лидером среди всех веб-студий в городе Магнитогорске.

ЗАКЛЮЧЕНИЕ

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

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

Все веб-студии в городе Магнитогорске используют различные системы управления контентом (CMS) для создания сайтов.

Наиболее популярными среди современных бесплатных CMS систем являются Joomla!, Drupal, Wordpress и Plone.

В ходе проведения анализа этих систем была выбрана лучшая система – CMS Plone.

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

В дипломной работе были описаны:

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

2. проанализированы популярные системы управления контентом и выделена CMS Plone, как самая мощная, продуманная платформа для сложных приложений мирового уровня и в сочетании с простотой использования для редакторов контента;

3. были пройдены все этапы проектирования и создания сайта – витрины для химической компании «NMG» с учетом современных тенденций сайтостроения;

4. была представлена экономическая привлекательность создаваемого проекта в веб-студии «Prime» для клиента.

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

1. CustomPCSoftware.com » Blog Archive » Drupal, Wordpress and Joomla!: performance tests. – Режим доступа: [http://custompcsoftware.com/blog/2007/11/10/drupal-wordpress-and-joomla-performance-tests/].

2. Drupal (Друпал) – система управления сайтом (CMS), а также среда для создания веб-приложений (CMF). – Режим доступа: [http://www.drupal.ru/].

3. FBI – Режим доступа: [http://www.fbi.gov/].

4. Home - Joomla! Extensions Directory – Режим доступа: [extensions.joomla.org].

5. Joomla. – Режим доступа: [http://www.joomla.org/].

6. Mindjack – Event – OSCOM Tool – Режим доступа: [http://www.mindjack.com/events/oscom.html].

7. NASA – Режим доступа: [http://www.nasa.gov/].

8. OC Ubuntu – операционная система, основанная на Debian GNU/Linux / Ubuntu – Режим доступа: [http://zope.org/].

9. Plone / Mailing Lists – Режим доступа: [http://sourceforge.net/p/plone/mailman/].

10. Plone. – Режим доступа: [http://plone.org/].

11. Python – высокоуровневый язык программирования общего назначения, ориентированный на повышение производительности разработчика и читаемости кода / Python – Режим доступа: [http://python.org/].

12. The CMS Matrix – cmsmatrix.org – The Content Management Comparison Tool – Режим доступа: [http://www.cmsmatrix.org/].

13. Welcome to the Plone 4.3 Demo site! – Plone site – Режим доступа: [http://demo.plone.org//].

14. What is Content Management System and what is a Content Management System or CMS? – Режим доступа: [http://www.contentmanager.eu.com/history.htm].

15. WordPress – Режим доступа: [http://ru.wordpress.org/].

16. Актив-веб/Разработка сайтов в Магнитогорске – Режим доступа: [http://aktiv-web.ru/].

17. Биржа сайтов и доменов Teldri – Режим доступа: [http://www.telderi.ru/ru/viewsite/100644].

18. Веб дизайн студия Kolibri | Создание и продвижение сайтов, реклама в интернете – Режим доступа: [http://kolibri-group.ru/].

19. Веб студия PRO100Studio – Режим доступа: [http://pro100studio.ru/].

20. Веб-студия Prime – Режим доступа: [http://www.studio-web.ru/].

21. Веб-фреймворк: Zope (Zope Object Publishing Environment) среда публикации объектов Zope – объектно-ориентированный сервер приложений / Zope – Режим доступа: [http://zope.org/].

22. Всё о веб-дизайне – Режим доступа: [http://wseweb.ru/diz/obzor-cms.htm].

23. Гилмор, В. PHP 4. Учебный курс: Учеб.пособие/ В. Гилмор. – СПб. Питер, 2008.

24. Дюбуа, П. MySQL: Учеб.пособие/ П.Дюбуа. – М Вильямс, 2001.

25. Информационные технологии и управление предприятием [Электронный ресурс]. – 2012. – Режим доступа: [http://coollib.net/b/240918/read].

26. История развития сайтостроения: Журнал СА 7.2005 – Режим доступа: [http://www.samag.ru/archive/article/2150].

27. Кодировка страниц. – Режим доступа: [http://www.antula.ru/page-code.htm]

28. Косарев, А.Ф. PHP в веб-дизайне: Учебное пособие/ А.Ф. Косарев – СПб BHV, 2006.

29. Лаборатория Веб-программистов. – Режим доступа: [http://dklab.ru].

30. Обзор CMS (систем управления контентом) – Режим доступа: [http://wseвеб.ru/diz/obzor-cms.htm].

31. Описание Wordpress. – Режим доступа: [http://www.advfor.ru/article/opisanie-cms-wordpress/].

32. Разработка веб-портала с использованием CMS Plone. – Режим доступа: [http://window.edu.ru/resource/385/57385/files/Mbogo_Plone_web.pdf].

33. Рейтинг Рунета — для выбора лучших веб-студий, SEO-компаний, CMS – Режим доступа: [http://www.ratingruneta.ru/].

34. Сайт студии WEB дизайна Divaew.ru. Создание и продвижение сайтов. – Режим доступа: [http://divaew.ru/].

35. Создание сайтов. Веб студия Prime./ Глава 1. Предисловие к Plone - Автор перевода Егор Шершнёв - Документация «Система управления сайтом» – Режим доступа: [http://www.studio-web.ru/about/dokumentaciya/doc/book1/].

36. Сравнение систем управления контентом с открытым исходным кодом: Joomla, Drupal и Plone. – Режим доступа: [http://www.z-i-v.ru/articles/000017.htm].

37. Средство сборки для программного обеспечения с открытым исходным кодом, написанное на языке программирования Python – Buildout / Buildout – режим доступа: [http://www.buildout.org/].

38. Структура сайтов|Hostinfo – Режим доступа: [http://hostinfo.ru/articles/408].

39. Хранилище Букета (Bitbucket) – веб-сервис для хостинга проектов и их совместной разработки / Bitbucket – режим доступа: [https://bitbucket.org/].

40. Циперман Г., Ципес Г. BSC для CIO // Директор информационной службы. 2004, № 6.

ПРИЛОЖЕНИЕ А

Таблица А.1– сравнение функций, спецификаций и возможностей CMS систем, созданная при помощи сайта The CMS Matrix (http://www.cmsmatrix.org/)

	Drupal	Joomla!	Plone	WordPress
Системные требования
Сервер приложений	Apache	CGI	Zope	CGI
Приблизительная стоимость	Бесплатная	Бесплатная	Бесплатная	Бесплатная
База данных	MySQL	MySQL	Файловая	MySQL
Лицензия	С открытым исходным кодом	С открытым исходным кодом	С открытым исходным кодом	С открытым исходным кодом
Операционная система	Независимая платформа	Независимая платформа	Независимая платформа	Независимая платформа
Programming Language	PHP	PHP	Python	PHP
Доступ с правами «root»	Нет	Нет	Нет	Нет
Shell Access	Нет	Нет	Да	Нет
Безопасность
Фиксация действий пользователей (ведение лога)	Да	Да	Да	Ограниченный
Защита от автоматического заполнения форм (CAPTCHA)	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение
Многоуровневое утверждение изменений (модерация публикуемых материалов)	Да	Да	Да	Да
Подтверждение адреса электронной почты	Да	Да	Да	Да
Распределение привелегий	Да	Да	Да	Да
Аутентификация LDAP	Бесплатное подключаемое дополнение	Да	Да	Бесплатное подключаемое дополнение
История входа (аутентификация)	Да	Да	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение
Аутентификация NIS	Нет	Нет	Бесплатное подключаемое дополнение	Нет
Аутентификация NTLM	Бесплатное подключаемое дополнение	Нет	Бесплатное подключаемое дополнение	Нет
Аутентификация Pluggable	Да	Да	Да	Да

Продолжение приложения А

Продолжение таблицы А.1

	Drupal	Joomla!		Plone		WordPress
Уведомление о проблемах	Нет	Нет		Бесплатное подключаемое дополнение		Бесплатное подключаемое дополнение
Управление сессиями	Да	Да		Бесплатное подключаемое дополнение		Бесплатное подключаемое дополнение
Совместимость с SSL	Да	Да		Да		Да
Аутентификация SSL	Бесплатное подключаемое дополнение	Да		Бесплатное подключаемое дополнение		Да
Страницы SSL	Бесплатное подключаемое дополнение	Да		Бесплатное подключаемое дополнение		Ограниченный
Поддержка
Коммерческие руководства	Да	Да		Да		Да
Коммерческая поддержка	Да	Да		Да		Да
Коммерческое обучение	Да	Да		Да		Да
Сообщество разработчиков	Да	Да		Да		Да
Онлайн поддержка	Да	Да		Да		Да
Подключаемые API	Да	Да		Да		Да
Профессиональный хостинг	Да	Да		Да		Да
Профессиональный сервис	Да	Да		Да		Да
Общественный форум	Да	Да		Да		Да
Общественный список рассылок	Да	Да		Да		Да
Тестирование Framework	Да	Да		Да		Да
Сторонние разработчики	Да	Да		Да		Да
Конференции пользователей	Да	Да		Да		Да
Простота в использовании
Дружественные URL адреса	Да		Да		Да	Да
Изменение размера изображений	Бесплатное подключаемое дополнение		Да		Да	Да

Продолжение приложения А

Продолжение таблицы А.1

	Drupal	Joomla!	Plone	WordPress
Массовая загрузка	Бесплатное подключаемое дополнение	Да	Да	Да
Прототипы	Ограниченный	Да	Да	Бесплатное подключаемое дополнение
Сервер языка страницы	Да	Да	Да	Да
Проверка орфографии	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Да
Подписки	Бесплатное подключаемое дополнение	Да	Да	Бесплатное подключаемое дополнение
Языковые шаблоны	Да	Да	Да	Нет
Уровни UI	Да	Да	Да	Да
Откат изменений	Ограниченный	Нет	Да	Ограниченный
Визуальный редактор (WYSIWYG-редактор)	Бесплатное подключаемое дополнение	Да	Да	Да
Zip архивы	Нет	Да	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение
Производительность
Расширенное кэширование	Да	Да	Да	Бесплатное подключаемое дополнение
Балансировка нагрузки	Да	Да	Да	Да
Кэширование страниц	Да	Да	Да	Бесплатное подключаемое дополнение
Статический экспорт содержимого	Нет	Нет	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение
Управление
Рекламный менеджмент	Бесплатное подключаемое дополнение	Да	Бесплатное подключаемое дополнение	Нет
Управление активами	Да	Да	Да	Да
Буфер обмена	Нет	Нет	Да	Нет
Планирование содержимого	Да	Да	Да	Ограниченный

Продолжение приложения А

Продолжение таблицы А.1

	Drupal	Joomla!	Plone	WordPress
Стадии содержимого	Бесплатное подключаемое дополнение	Нет	Да	Нет
Одновременное администрирование	Да	Да	Да	Бесплатное подключаемое дополнение
Онлайн администрирование	Да	Да	Да	Да
Развертывание пакетов	Бесплатное подключаемое дополнение	Нет	Да	Нет
Подсайты	Да	Да	Да	Да
Темы/скины	Да	Да	Да	Да
Корзина	Нет	Да	Да	Да
Веб статистика	Да	Да	Да	Да
Управление стандартным стилевым оформлением/шаблонами	Да	Да	Да	Да
Веб интерфейс управления переводом	Да	Бесплатное подключаемое дополнение	Да	Ограниченный
Взаимодействие
Синдикация контента (RSS)	Да	Да	Да	Да
Поддержка FTP	Ограниченный	Да	Да	Бесплатное подключаемое дополнение
Поддержка UTF-8	Да	Да	Да	Да
Соответствие WAI	Ограниченный	Нет	Да	Ограниченный
Поддержка WebDAV	Нет	Нет	Да	Нет
Соблюдение XHTML	Да	Да	Да	Да
Гибкость
CGI режим поддержки	Да	Да	Да	Нет
Расширяемые профили пользователей	Да	Да	Да	Бесплатное подключаемое дополнение
Локализация интерфейса	Да	Да	Да	Да
Метаданные	Да	Да	Да	Да

Продолжение приложения А

Продолжение таблицы А.1

	Drupal	Joomla!	Plone	WordPress
Многоязычное содержимое	Да	Бесплатное подключаемое дополнение	Да	Бесплатное подключаемое дополнение
Интеграция многоязычного содержимого	Да	Бесплатное подключаемое дополнение	Да	Бесплатное подключаемое дополнение
Развёртывание мульти-сайтов	Да	Бесплатное подключаемое дополнение	Да	Да
Перепись URL	Да	Да	Да	Да
Встроенные приложения
Блог	Да	Да	Да	Да
Чат	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение
Объявления	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение
Управление контактами	Бесплатное подключаемое дополнение	Да	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение
Отчеты базы данных	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Да	Нет
Обсуждение / Форум	Да	Бесплатное подключаемое дополнение	Да	Бесплатное подключаемое дополнение
Управление документами	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Да	Да
Календарь событий	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Да	Бесплатное подключаемое дополнение
Мероприятия	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Да	Бесплатное подключаемое дополнение
Отчеты о расходах	Нет	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Нет
Справка управления	Да	Да	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение
Рассылка файлов	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Да	Бесплатное подключаемое дополнение

Продолжение приложения А

Продолжение таблицы А.1

	Drupal	Joomla!	Plone	WordPress
Графики и диаграммы	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение
Коллективная работа	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Нет
Гостевая книга	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение
Справочная служба / Сообщения об ошибках	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение
HTTP Proxy	Нет	Нет	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение
Объявления о поиске работы	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение
Управление ссылками	Бесплатное подключаемое дополнение	Да	Да	Да
Формы почты	Бесплатное подключаемое дополнение	Да	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение
матрица	Нет	Нет	Нет	Нет
Моя страница / Приборная панель	Бесплатное подключаемое дополнение	Нет	Да	Да
Фотогалерея	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Да	Да
Опросы	Да	Да	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение
Управление продуктом	Бесплатное подключаемое дополнение	Да	Да	Бесплатное подключаемое дополнение
Отслеживание проектов	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение
Поисковая система	Да	Да	Да	Да
Карта сайта	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Да	Бесплатное подключаемое дополнение

Продолжение приложения А

Продолжение таблицы А.1

	Drupal	Joomla!	Plone	WordPress
Котировки акций	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение
Исследования	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение
Синдикация контента (RSS)	Да	Да	Да	Да
Испытания / Тесты	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение
Отслеживание времени	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение
Вклад участника	Да	Да	Да	Да
Погода	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение
Wiki	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение
Коммерция
Корзина (интернет магазин)	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение
Подписки	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение	Бесплатное подключаемое дополнение

Код для цитирования: Скопировать