Государственное профессиональное образовательное учреждение
«Профессиональный колледж г. Новокузнецка»
Специальность:09.02.07 Информационные системы и программирование
(квалификация Разработчик веб и мультимедийных приложений)
КУРСОВАЯ РАБОТА
ПМ. 08. Разработка дизайна веб-приложений
МДК. 08.01. Проектирование и разработка интерфейсов пользователя
ПМ. 09. Проектирование, разработка и оптимизация веб-приложений
МДК. 09.01. Проектирование и разработка веб-приложений
Тема: Создание информационного сайта для торговой компании
Руководитель МО
Выполнил студент
Группы Р17-14
Дата
Личная подпись
Дата
Личная подпись
Оценка
Новокузнецк
2019г.
Синкин В. А.
Расшифровка подписи
Чурикова Ю.А.
Расшифровка подписи
ГПОУ Профессиональный колледж г. Новокузнецка
Специальность:09.02.07 Информационные системы и программирование
(квалификация Разработчик веб и мультимедийных приложений)
РАССМОТРЕНО
На заседании MO
Протокол № ________
«___»__________2019 г.
УТВЕРЖДАЮ
Зам.директора по УПР
__________ М.О.Иванова
«____»__________2019 г.
ЗАДАНИЕ НА КУРСОВУЮ РАБОТУ
студенту: Пивоваровой Людмиле Сергеевне
группы: Р17-14
Тема курсовой работы: создание информационного сайта для торговой компании
1.
2.
3.
4.
Содержание задания
Ознакомиться с основами разработки информационного сайта для торговой компании.
Изучить программное обеспечение, необходимое для выполнения работы.
Реализовать верстку сайта и программирование основных функциональных блоков.
Подготовить отчет по курсовой работе.
Дата выдачи задания 28.10 2019 г.
Срок сдачи курсовой работы 23.11 2019 г.
План-график выполнения курсовой работы
№
п\п
1
2
3
4
5
6
7
8
9
10
Этапы работы
Выбор темы курсовой работы
Изучение методических
рекомендаций по выполнению
работы.
Подбор и изучение
информационных источников.
Составление плана курсовой
работы.
Написание введения.
Составление теоретической
главы курсовой работы.
Составление практической
главы курсовой работы.
Написание заключения.
Оформление курсовой работы.
Подготовка доклада
и презентации.
Председатель ПЦК
Студент
Сроки
выполнения
01.11.19
04.11.19
Вид отчетности
Тема
Оформл.тит.стр.
08.11.19
Оформл.
Спис.лит.
Черновик +
задание
Черновик
13.11.19
Черновик
05.11.19
06.11.19
19.11.19
20.11.19
Черновик
+граф.файл
Черновик
Сдача работы
21.11.19
Презентация
18.11.19
Отметка
о выполнении
Синкин В. А.
Личная подпись
Расшифровка подписи
Чурикова Ю.А.
Личная подпись
Расшифровка подписи
2
Содержание
Введение ................................................................................................................... 5
РЕФЕРАТ ................................................................................................................ 8
1. Теоретическая часть ......................................................................................... 9
1.1. Обоснование потребности в web-сайте ...................................................... 9
1.2. Понятие web-сайта ...................................................................................... 10
1.3. Средства создания сайта ............................................................................ 13
1.3.1. HTML ..................................................................................................... 13
1.3.2. DHTML .................................................................................................. 15
1.3.3. XML ........................................................................................................ 16
1.3.4. PHP ......................................................................................................... 20
1.3.5. Web-сервер Apache ............................................................................... 21
1.3.6. CMS Joomla............................................................................................ 22
1.3.7. 1С-Битрикс............................................................................................. 24
1.4. Движки на CMS ............................................................................................ 26
1.4.1. Описание WordPress ................................................................................ 29
1.4.1.1. История ............................................................................................... 29
1.4.1.2. Основные версии и особенности CMS ............................................ 29
1.4.1.3. Возможности и приемущества ......................................................... 30
1.4.1.4. Сайты на Wordpress ........................................................................... 31
1.4.2. Описание MODX ...................................................................................... 33
1.4.2.1. История ............................................................................................... 33
1.4.2.2. Особенности платформы................................................................... 34
1.4.2.3. Возможности, преимущества и недостатки .................................... 35
1.4.2.4. Сайты на MODX ................................................................................ 36
1.4.3. Описание Drupal ....................................................................................... 38
1.4.3.1. Поддержка локализации.................................................................... 39
1.4.3.2. Методы структуризации содержимого ............................................ 39
1.4.3.3. Примеры модулей .............................................................................. 40
3
1.4.3.4. Недостатки .......................................................................................... 42
1.4.4. Описание UMI.CMS ................................................................................. 44
1.5. Сравнение «WordPress» с другими системами ...................................... 46
1.6. Преимущества и недостатки системы ..................................................... 52
1.7. Примеры других образовательных web-сайтов ..................................... 54
2. Практическая часть........................................................................................ 59
2.1. Общая структура сайта ............................................................................... 59
2.2. Разработка интерфейса web-сайта............................................................. 62
2.2.1. Дизайн web-сайта .................................................................................. 62
2.2.2. Описание создания страниц web-сайта .............................................. 64
2.2.3 Создание меню ....................................................................................... 64
2.2.4 Создание нового файла ......................................................................... 66
2.2.5 Добавление новостей ............................................................................. 66
Заключение ........................................................................................................... 69
Список использованных источников ............................................................. 70
4
РЕФЕРАТ
Пояснительная записка 70 с., 26 ил., 0 табл., 15 источников, 0 прил.
ИНФОРМАЦИОННАЯ СИСТЕМА, ДОМЕННОЕ ИМЯ, СЕРВЕР, НОВОСТНОЙ ВЕБ-САЙТ, HTML, JAVASCRIPT, КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ
CSS, NGINX, ФРЕЙМВОРК DJANGO, АЛГОРИТМ.
Объектом разработки является информационная система для “Школа
изучения английского языка г.Осинники”:
Целями курсового проекта являются:
 создание информационной системы с использованием webтехнологий;
 создание централизованного электронного архива для “Школа
изучения английского языка г.Осинники”,
 расширение целевой аудитории;
 создание дополнительного рекламного носителя.
Указанные цели могут быть достигнуты путем создания веб-сайта для
печатного издания “Школа изучения английского языка г.Осинники” с использованием передовых интернет-технологий.
5
В дипломном проекте разработаны: веб-сайт для “Института повышения
квалификации”; описание всего веб-сайта, в том числе интерфейса администратора; выбрано и зарегистрировано доменное имя для веб-сайта; полностью собран и сконфигурирован веб-сервер.
Введение
Наступила эра новых информационных и коммуникационных технологий,
которая принесла значительные изменения в сферу производства, образования
и деловой активности людей. Общество, в котором мы живём, приобретает всё
больше черт информационного и это сказывается во всех сферах жизни. Сферу
образования можно назвать передним флангом, который принимает на себя
основной удар наступления информационных технологий.
Все сходятся во мнении, что Интернет стимулирует процесс развития интеллектуальных способностей, предоставляя массу дополнительной информации.
В то же время отмечается, что Интернет является лишь средством в учебном
процессе и использование Интернет-технологий должно полностью контролироваться учителем, при этом к учителю предъявляются такие требования, как:
компьютерная грамотность и знание Интернет-технологий. Учителей не может не волновать проблема повышения своей квалификации и, следовательно,
уровня образования в целом.
6
Наступило время переосмысления, расширения традиционных направлений
обучения, поиск новых методов и приёмов заинтересовать детей к учёбе. Таким образом, сегодня является актуальным вопрос о необходимости и перспективах создания школьного сайта, сайта как «визитка», сайта как инструмент внутри- и внешкольного взаимодействия. Иметь школе собственную
страничку в мировой сети не только престижно, но и удобно. Сайт связывает
в единую цепь учеников, родителей и учителей школы, сближая всех общими
интересами.
Исходя из вышесказанного считается, что школьный Web-сайт актуален и в
данный момент требует разработки и совершенства.
Цель работы:

Создание и разработка Web-сайта муниципального автономного обще-
образовательного учреждения.

Посредством сайта школы установить дополнительную связь между
учениками, родителями и учителями.
Задачи работы:

изучение существующих средств разработки web-сайтов;

анализ уже существующих сайтов школ;

разработка структуры web-сайта;
Если школа будет иметь свой сайт в Интернете, то повысится имидж школы,
установится взаимодействия с другими образовательными учреждениями, повысится учебно-воспитательная работа, повысится интерес родителей к
школе.
7
РЕФЕРАТ
8
1. Теоретическая часть
1.1. Обоснование потребности в web-сайте
Создание сайтов является актуальной задачей на современном этапе преобразования Российской системы образования. Это связанно с тем, что их создание играет важнейшую роль в информационных технологиях учреждения.
Способствуют лучшему контролю деятельности учреждения, его пропаганде,
то есть возможности выбора учащимися лучших образовательных услуг. Создание сайтов образовательных учреждений и помещение их в Интернет давно
завоевало популярность в странах Запада и Америки, и с 90х годов стало актуально и в России. Многие ведущие учреждения страны отдают этому предпочтение, так как спрос на эффективное образование неуклонно растет.
Школьный сайт - визитная карточка школы, элемент образовательной
Интернет-системы, точка внутришкольного взаимодействия. Сайт создает новые возможности взаимодействия в образовательном процессе. Например, общение учеников, возможность анонимных вопросов в кризисных ситуациях,
организация дистанционного обучения для учеников отсутствующих в школе.
Сайт полезен для профессиональной рефлексии школы. Новостная лента - летопись жизни коллектива с оценкой событий и срезом мнений. Школьный сайт
- коммуникативный инструмент для администрации, педагогов, учеников и
родителей, работников образования и культуры. В этом качестве сайт способствует повышению открытости образовательного учреждения.
9
1.2. Понятие web-сайта
Информация, доступная пользователям Internet, располагается на компьютерах (Web-серверах), на которых установлено специальное программное
обеспечение. Значительная часть этой информации организована в виде Webсайтов. Каждый из них имеет свое имя (адрес) в Internet.
Web-сайт это информация, представленная в определенном виде, которая располагается на Web-сервере и имеет свое имя (адрес). Для просмотра
Web-сайтов на компьютере пользователя используются специальные программы, которые называются браузерами. В зависимости от того, какое имя
(адрес) сайта мы зададим в строке "Адрес", браузер будет загружать в свое
окно соответствующую информацию.
Web-сайт состоит из связанных между собой Web-страниц. Web-страница представляет собой текстовый файл с расширением *.htm, который содержит текстовую информацию и специальные команды – HTML-коды, определяющие в каком виде эта информация будет отображаться в окне браузера.
Вся графическая, аудио- и видео-информация непосредственно в Web-страницу не входит и представляет собой отдельные файлы с расширениями *.gif,
*.jpg (графика), *.mid, *.mp3 (звук), *.avi (видео). В HTML-коде страницы содержатся только указания на такие файлы.
Каждая страница Web-сайта также имеет свой Internet адрес, который
состоит из адреса сайта и имени файла, соответствующего данной странице.
Таким образом, Web-сайт это информационный ресурс, состоящий из связанных между собой гипертекстовых документов (Web-страниц), размещенный
на Web-сервере и имеющий индивидуальный адрес. Посмотреть Web-сайт может любой человек, имеющий компьютер, подключенный к Internet.
10
1.2.1. Классификация web-сайтов
В настоящее время во всемирной паутине размещено несколько миллионов Web-сайтов и их число постоянно растет. Это личные страницы, содержащие информацию об авторе, его интересах. Их создают для того, чтобы обрести друзей по интересам, расширить свой кругозор, свой мир.
Информационные сайты. К ним относятся сайты учебных заведений, сообществ по интересам, фирм и др.
Сайты учебных заведений. К наиболее известным относится Web-сайт
"Школьный сектор", созданный в 1998 г. Его создание способствовало развитию активного сегмента информационной образовательной среды для учителей-предметников из разных городов. Здесь еженедельно размещаются результаты проектной учебной работы школьников (в том числе, web-странички
разного типа, созданные ими), размышления учителей и координаторов сетевой работы по поводу сетевой деятельности в школе, интеграции ее к учебной
программе, выступления специалистов об образовательной деятельности
школ в Сети. Здесь же представлена информация о семинарах, конференциях,
новых web-сайтах, педагогических изданиях и медиасредствах, которые могут
помочь учителям-предметникам в их учебной деятельности и многое другое.
Сайт "Российское школьное образование" рассказывает о возможностях
школ по подключению к Сети и бесплатному размещению школьных webстраниц, о текущих сетевых учебных проектах, олимпиадах и конкурсах. Нужным и полезным информационным ресурсом для каждого учебного заведения
является официальный сайт Минобразования РФ, который содержит большое
количество документов и справочных материалов, информацию о текущих и
будущих образовательных проектах и др.
Сайты дистанционного обучения и консультирования. На этих сайтах
размещены обучающие программы и тесты, доступные в режиме on-line для
студентов и школьников.
11
Постепенно входит в нашу жизнь электронная коммерция. В Web встречаются виртуальные магазины, которые позволяют делать покупки, сидя за
мониторами своих компьютеров.
Сейчас в Сети размещено также большое количество информационноразвлекательных сайтов.
12
1.3. Средства создания сайта
1.3.1. HTML
Обмен информацией в Интернет осуществляется с помощью протоколов
прикладного уровня, реализующих тот или иной прикладной сервис (пересылку файлов, гипертекстовой информации, почты и т.д.). Одним из наиболее
молодых и популярных сервисов Интернет, развитие которого и привело к
всплеску популярности самой Интернет, стала World Wide Web (WWW), основанная на протоколе HTTP (Hyper Text Transfer Protocol - протокол передачи
гипертекстовой информации). Гипертекстовые документы, представленные в
WWW, имеют одно принципиальное отличие от традиционных гипертекстовых документов - связи, в них использующиеся, не ограничены одним документом, и более того, не ограничены одним компьютером. Для подготовки гипертекстовых документов используется язык HTML (Hyper Text Markup
Language язык разметки гипертекстовых документов), предоставляющий широкие возможности по форматированию и структурной разметке документов,
организации связей между различными документами, средства включения
графической и мультимедийной информации. HTML-документы просматриваются с помощью специальной программы - браузера. Наибольшее распространение в настоящее время получили браузеры Navigator компании Netscape
(NN) и Internet Explorer компании Microsoft (MSIE). Реализации NN доступны
практически для всех современных программных и аппаратных платформ, реализации MSIE доступны для всех Windows платформ, Macintosh и некоторых
коммерческих Unix-систем.
HTML-документ состоит из текста, представляющего собой содержание
документа, и тегов, определяющих его структуру и внешний вид при отображении браузером. Простейший html-документ выглядит следующим образом:
<html>
<head>
<title>Название</title>
13
</head>
<body>
<p>Тело документа
</body>
</html>
Как видно из примера, тег представляет собой ключевое слово, заключенное в угловые скобки. Различают одинарные теги, как, например, <p>, и
парные, как <body> </body>, в последнем случае действие тега распространяется только на текст между его открывающей и закрывающей скобкой. Теги
также могут иметь параметры - например, при описании страницы можно задать цвет фона, цвет шрифта и т.д.: <body bgcolor="white" text="black">.
Текст всего документа заключается в теги <html>, сам документ разбивается на две части - заголовок и тело. Заголовок описывается тегами <head>,
в которые могут быть включены название документа (с помощью тегов <title>)
и другие параметры, использующиеся браузером при отображении документа.
Тело документа заключено в теги <body> и содержит собственно информацию, которую видит пользователь. При отсутствии тегов форматирования весь
текст выводится в окно браузера сплошным потоком, переводы строк, пробелы и табуляции рассматриваются как пробельные символы, несколько пробельных символов, идущих подряд, заменяются на один. Для форматирования
используются следующие основные теги:
<p> - начало нового абзаца, может иметь параметр, определяющий выравнивание:
<p align=right>;
<br> - перевод строки в пределах текущего абзаца;
<u></u> - выделение текста подчеркиванием
Ссылка на другой документ устанавливается с помощью тега <a
href="URL">...</a>, где URL - полный или относительный адрес документа.
При этом текст, заключенный в тег <a>, обычно выделяется подчеркиванием
и цветом, и после щелчка мышью по этой ссылке браузер открывает документ,
14
адрес которого указан в параметре href. Графические изображения вставляются в документ с помощью тега <img src="URL">.
1.3.2. DHTML
Динамический HTML (Dynamic HTML, DHTML) не является каким-то
особым языком разметки страниц. Это всего лишь термин, применяемый для
обозначений HTML-страниц с динамически изменяемым содержимым.
Реализация DHTML покоится на трех “китах”: непосредственно HTML,
каскадные таблицы стилей и языке сценариев. Эти три компонента DHTML
связаны между собой объектной моделью документа (DOM, Document Object
Model), являющейся по сути интерфейсом прикладного программирования
(API). DOM связывает воедино три перечисленных компонента, придавая простому документу HTML новое качество – возможность динамического изменения своего содержимого без перегрузки страницы.
Объектная модель документа делает все элементы страницы программируемыми объектами. С ее помощью через языки сценариев можно получить
доступ и управлять всем, что есть в документе. Каждый элемент HTML доступен как индивидуальный объект, а это означает, что можно изменять значение
любого параметра любого тега HTML-страницы, и, как следствие, документ
действительно становится динамическим. Любое действие пользователя (щелчок кнопкой мыши, перемещение мыши в окне браузера или нажатие клавиши
клавиатуры) объектной моделью документа трактуется как событие, которое
может быть перехвачено и обработано процедурой сценария.
15
1.3.3. XML
На сегодняшний день уже всем специалистам в области Web-технологий
стало очевидно, что существующих стандартов передачи данных по Internet
недостаточно. Формат HTML, став в свое время прорывом в области отображения содержимого узлов Internet, уже не удовлетворяет всем необходимым
на данный момент требованиям. Он позволяет описать то, каким образом
должны быть отображены данные на экране конечного пользователя, но не
предоставляет никаких средств для эффективного описания передаваемых
данных и управления ими.
Кроме того, камнем преткновения для многих компаний, занимающихся
разработкой программного обеспечения, является необходимость совместного
использования различных компонент, обеспечения их взаимодействия, возможности обмена данными между ними.
До недавнего времени не существовало стандарта, предоставляющего
средства для интеллектуального поиска информации, обмена данными, адаптивной обработки получаемых данных.
Решением всех описанных выше проблем стал утвержденный в 1998
году международной организацией W3C язык XML. XML (eXtensible Markup
Language) - это расширяемый язык разметки, предназначенный для описания
в текстовой форме структурированных данных. Этот текстовый (text-based)
формат, во многом схожий с HTML, разработан специально для хранения и
передачи данных.
XML позволяет описывать и передавать такие структурированные данные, как отдельные документы метаданные, описывающие содержимое какого-либо узла Internet объекты, содержащие данные и методы работы с ними
(например, элементы управления ActiveX или объекты Java) отдельные записи
(например, результаты выполнения запросов к базам данных) всевозможные
Web-ссылки на информационные и людские ресурсы Internet (адреса электронной почты, гипертекстовые ссылки и пр.).
16
Данные, описанные на языке XML, называются XML-документами.
Язык XML легко читаем и достаточно прост для понимания. Если Вы были
знакомы с HTML, то научиться составлять XML-документы не составит для
Вас никакого труда.
Исходный текст XML-документа состоит из набора XML-элементов,
каждый из которых содержит начальный и конечный тэги. Каждая пара тэгов
представляет часть данных. То есть, как и HTML, язык XML для описания данных использует тэги. Но, в отличие от HTML, XML позволяет использовать
неограниченный набор пар тэгов, каждая из которых представляет не то, как
заключенные в нее данные должны выглядеть, а то, что они означают.
Любой элемент XML-документа может иметь атрибуты, уточняющие
его характеристики. Атрибут - это пара имя = "значение", которая задается при
определении элемента в начальном тэге.
Принцип расширяемости языка XML состоит в возможности использования неограниченного количества пар тэгов, определяемых создателем XMLдокумента.
Принцип независимости определения внутренней структуры документа
от способов представления этой информации состоит в отделении данных от
процесса их обработки и отображения. Таким образом, полученные данные
можно использовать в соответствии с нуждами клиента, то есть выбирать нужное оформление, применять необходимые методы обработки.
Управлять отображением элементов в окне программы-клиента (например, в окне браузера) можно с помощью специальных инструкций - стилевых
таблиц XSL (eXstensible Stylesheet Language). Эти таблицы XSL позволяют
определять оформление элемента в зависимости от его месторасположения
внутри документа, то есть к двум элементам с одинаковым названием могут
применяться различные правила форматирования. Кроме того, языком, лежащим в основе XSL, является XML, а это означает, что таблицы XSL более универсальны, а для контроля корректности составления таких стилевых таблиц
можно использовать DTD-описания или схемы данных, рассмотренные ниже.
17
Формат XML, по сравнению с HTML, имеет небольшой набор простых
правил разбора, который позволяет разбирать XML-документы, не прибегая к
каким-либо внешним описаниям используемых XML-элементов. В общем
случае XML-документы должны удовлетворять следующим требованиям:
Каждый открывающий тэг, определяющий некоторую часть данных в
документе, обязательно должен сопровождаться закрывающим, то есть, в отличие от HTML, нельзя опускать закрывающие тэги.
Вложенность тэгов в XML строго контролируется, поэтому необходимо
следить за порядком следования открывающих и закрывающих тэгов.
В XML учитывается регистр символов.
Вся информация, располагающаяся между начальным и конечным
тэгами, рассматривается в XML как данные, и поэтому учитываются все символы форматирования (то есть пробелы, переводы строк, табуляции не игнорируются, как в HTML).
В XML существует набор зарезервированных символов, которые
должны быть заданы в XML-документе только специальным образом.
Многие специалисты рассматривают XML как новую технологию интеграции программных компонент. Основными преимуществами использования
XML являются:
Интеграция данных из различных источников. XML можно использовать для объединения разнородных структурированных данных на среднем
уровне трехуровневых Web-систем, баз данных.
Локальная обработка данных. Полученные данные в формате XML
можно разбирать, обрабатывать и отображать непосредственно на клиенте без
дополнительных обращений к серверу.
Просмотр и манипулирование данными в различных разрезах. Полученные данные могут обрабатываться и просматриваться клиентом различными
способами в зависимости от нужд конечного пользователя.
18
Возможность частичного обновления данных. С помощью XML можно
обновлять только ту часть структурированных данных, которая была изменена, а не всю структуру целиком.
Все эти преимущества делают XML незаменимым инструментом для
разработки гибких средств поиска информации в базах данных, мощных трехуровневых Web-приложений, а также приложений, поддерживающих транзакции. Другими словами, с помощью XML можно формировать запросы к базам
данных различных структур, что позволяет осуществлять поиск информации
в многочисленных несовместимых друг с другом базах данных. Использование XML на среднем уровне трехуровневых Web-приложений позволяет осуществлять эффективный обмен данными между клиентами и серверами систем электронной коммерции.
Кроме того, язык XML может использоваться в качестве средства для
описания грамматики других языков и контроля правильности составления документов.
Инструменты обработки данных, полученных в формате XML, могут
быть разработаны в среде Visual Basic, Java или C++.
19
1.3.4. PHP
История PHP начинается осенью 1994 года. Когда Расмус Лердорф
(Rasmus Lerdorf) начал работать над тем, что впоследствии стало PHP, единственной целью, которая была у него в мыслях, выяснить, кто читает его резюме. В то время, являясь независимым подрядчиком, Лердорф рассылал потенциальным работодателям свое мини-резюме с URL ссылкой на его полную
версию. Чтобы следить за посетителями, он создал CGI скрипт на Perl-e, который вставлялся как специальный тег в HTML код его страницы, и собирал информацию о посетителях. Чтобы произвести впечатление на потенциальных
работодателей, он позволил любому посетителю страницы просматривать собираемую статистику посещений.
Он назвал этот код для сбора статистики «PHP-Tools for Personal Home
Page», поскольку сам использовал его на своей персональной домашней странице (personal home page). Несколько человек поинтересовались тем, как они
могли бы получить этот инструмент, и Лердорф принял решение предоставить
его другим лицам. «Это чудо программного обеспечения. Вы можете дать это
и тем не менее оставить это себе», - остроумно заметил Лердорф. В то время
движения Open Source не существовало. Тогда оно назвалось freeware. Ближе
к концу 1995 года Лердорф открыл для людей первый список рассылки по
PHP, чтобы можно было обмениваться идеями, исправлениями ошибок и кодом.
20
1.3.5. Web-сервер Apache
Самый распространенный Web-сервер в мире - это Apache. По данным
компании Netcraft, общее число Web-узлов, работающих под его управлением,
к концу 1998 г. достигло 2 млн. (55% общего числа узлов) и постоянно растет.
Для сравнения: на долю серверов Microsoft приходится 25%, Netscape - 7%.
Будучи бесплатной открытой программой, предназначенной для бесплатных
же Unix-систем (FreeBSD, Linux и др.), Apache по функциональным возможностям и надежности не уступает коммерческим серверам, а широкие возможности конфигурирования позволяют настроить его для работы практически с
любой конкретной системой. Существуют локализации сервера для различных
языков, в том числе и для русского.
Исторически сложилось так, что русские тексты в Internet могут быть
представлены в разных кодировках, из которых наиболее распространены
koi8-r (или просто koi8) и Windows-1251: с первой работает большинство серверов и рабочих станций под управлением Unix, вторая является стандартной
для всех версий Windows. Поскольку кодировка Windows-1251, естественно,
применяется на подавляющем большинстве клиентских машин, доля тех, кто
путешествует по русской части WWW, используя koi8, не превышает сейчас
5%. Однако в этой кодировке хранятся документы на многих Unix-серверах, в
ней чаще всего передаются почтовые сообщения и практически всегда письма в телеконференции, с ней же работают многие русскоязычные каналы
IRC (кстати, аббревиатура КОИ расшифровывается как "код обмена информацией"). Чтобы решить проблемы, возникающие при несовпадении кодировок
текста на сервере и клиентской машине, и был создан русский модуль ApacheRUS для Web-сервера Apache.
21
1.3.6. CMS Joomla
Joomla! это Система Управления Содержимым (CMS), созданная той же
самой получившей множество наград командой, которая принесла сегодняшнюю известность системе Mambo CMS.
Название Joomla! является фонетической транскрипцией слова "Jumla"
из языка Суахили, что означает "все вместе" или "единое целое". Оно было
выбрано, поскольку все команды мамберов оказались единодушны в желании
защитить интересы создателей и сообщества, которое и является истинной
причиной успеха проекта.
Это название было выбрано среди тысяч предложенных сообществом, и
в добавок прошло серьезную проверку профессионалами брендинга и маркетинга, которые также решили, что Joomla! - это лучший выбор.
Главное отличие Joomla! от других систем – это стремление разработчиков сохранить управление настолько простым, насколько это возможно, в то
же время обеспечивая максимальную функциональность. В итоге, не имея специального образования, можно полностью контроллировать свои сайты, вместо того чтобы платить чрезмерно большие суммы денег за закрытое, являющееся чьей-то собственностью программное обеспечение.
Название «Joomla!» фонетически идентично слову «Jumla», которое в
переводе с суахили означает «все вместе» или «в целом», что отражает подход
разработчиков и сообщества к развитию системы
Система управления содержанием Joomla! является ответвлением широко известной CMS Mambo. Команда независимых разработчиков отделилась
от проекта Mambo по причине несогласия в экономической политике. И 16
сентября 2005 года в свет вышла первая версия Joomla!, являющаяся по сути
переименованной Mambo 4.5.2.3 и включающая в себя исправления найденных на тот момент ошибок и уязвимостей.
CMS Joomla! включает в себя различные инструменты для изготовления
веб-сайта. Важной особенностью системы является минимальный набор ин22
струментов при начальной установке, который обогащается по мере необходимости. Это снижает загромождение административной панели ненужными
элементами, а также снижает нагрузку на сервер и экономит место на хостинге.
23
1.3.7. 1С-Битрикс
Компания «Битрикс» основана в 1998 году группой специалистов отдела
интернет-технологий и финансовых телекоммуникаций АКБ «Инвестбанк»
под руководством Сергея Рыжикова.
В 2007 году компании 1С и Битрикс объявили о создании совместного
предприятия ООО «1С-Битрикс» (доли партнеров равны и составляют 50 %).
Новая компания получила право распространения продуктов компании Битрикс на территории Российской Федерации. Финансовые детали сделки не разглашаются. При этом условия работы партнеров Битрикс не изменились. Западное направление (рынок англо- и немецкоговорящих стран) компания Битрикс развивает самостоятельно, без компании 1С.
Для хранения данных сайта используется файловая система сервера и
реляционная СУБД. Поддерживаются следующие СУБД: MySQL, Oracle, MS
SQL. Продукт работает на Microsoft Windows и UNIX‐подобных платформах,
включая Linux.
Количество модулей в устанавливаемой системе зависит от редакции
продукта.
1С-Битрикс: Управление сайтом — система управления сайтом под проприетарной лицензией, разрабатываемая компанией 1С-Битрикс. Является лауреатом премии Рунета за 2006 и 2008 г.
1С-Битрикс: Корпоративный портал — Корпоративный портал под проприетарной лицензией, разрабатываемый компанией 1С-Битрикс. По версии
журнала «PC Magazine/RE» вошла в TOP100 лучших программ 2008 года.
По состоянию на I полугодие 2013 года «1C-Битрикс: Управление сайтом» занимает первое место в рейтинге платных тиражных CMS России по
версии iTrack. В общем рейтинге CMS, составленном этой компанией, «Битрикс» занимает четвёртое место.
Для хранения данных сайта используется файловая система сервера и
реляционная СУБД MS SQL. Продукт работает на Microsoft Windows.
24
Количество модулей в устанавливаемой системе зависит от редакции
продукта. Существует бесплатная редакция продукта.
25
1.4. Движки на CMS
Система
управления
содержимым
(контентом)
(англ.
Content
management system, CMS) — информационная система или компьютерная
программа, используемая для обеспечения и организации совместного процесса создания, редактирования и управления контентом (то есть содержимым).
Основные функции CMS:
 Предоставление инструментов для создания содержимого, организация совместной работы над содержимым,
 Управление содержимым: хранение, контроль версий, соблюдение режима доступа, управление потоком документов и т. п.,
 Публикация содержимого,
 Представление информации в виде, удобном для навигации, поиска.
В системе управления содержимым могут находиться самые различные
данные: документы, фильмы, фотографии, номера телефонов, научные данные
и так далее. Такая система часто используется для хранения, управления, пересмотра и публикации документации. Контроль версий является одним из основных её преимуществ, когда содержимое изменяется группой лиц.
Существует множество готовых систем управления содержимым сайта,
в том числе и бесплатных. Их можно разделить на три типа по способу работы:
1. Генерация страниц по запросу. Системы такого типа работают на основе связки «Модуль редактирования → База данных → Модуль представления». Модуль представления генерирует страницу с содержанием при запросе
на него, на основе информации из базы данных. Информация в базе данных
изменяется с помощью модуля редактирования. Страницы заново создаются
сервером при каждом запросе, что в свою очередь создаёт дополнительную
нагрузку на системные ресурсы. Нагрузка может быть многократно снижена
при использовании средств кэширования, которые имеются в современных
веб-серверах.
26
2. Генерация страниц при редактировании. Системы этого типа служат
для редактирования страниц, которые при внесении изменений в содержание
сайта создают набор статических страниц. При таком способе в жертву приносится интерактивность между посетителем и содержимым сайта.
3. Смешанный тип. Как понятно из названия, сочетает в себе преимущества первых двух. Может быть реализован путём кэширования — модуль
представления генерирует страницу один раз, в дальнейшем она в несколько
раз быстрее подгружается из кэша. Кэш может обновляться как автоматически, по истечении некоторого срока времени или при внесении изменений в
определённые разделы сайта, так и вручную по команде администратора. Другой подход — сохранение определённых информационных блоков на этапе редактирования сайта и сборка страницы из этих блоков при запросе соответствующей страницы пользователем.
Особенности.
Система управления — программа, предоставляющая инструменты для
добавления, редактирования, удаления информации на сайте.
Большинство современных CMS имеют модульную архитектуру, что
позволяет администратору самому выбирать и настраивать те компоненты, которые ему необходимы. Типичные модули: динамическое меню, блог, новости, опросы, поиск по сайту, статистика посещений, гостевая книга и т. д.
Сайты, организованные посредством системы управления контентом,
основаны на следующих технологиях: веб-сервер, хранилище данных (зачастую СУБД, например такие как MySQL или PostgreSQL, однако существуют
и noSQL CMS), веб-приложение для обеспечения работы самой системы, визуальный (WYSIWYG) редактор страниц, файловый менеджер с веб-интерфейсом для управления файлами сайта, система управления правами пользователей и редакторов сайта.
Существуют разнообразные системы управления сайтом, среди которых
встречаются платные и бесплатные, построенные по разным технологиям.
27
Каждый сайт имеет панель управления, которая является только частью всей
программы, достаточной для управления сайтом.
Наиболее распространены следующие технологические платформы, используемые в качестве основы веб-приложения, реализующего работу CMS:
PHP, Perl, .NET.
Существует термин контент-менеджер, обозначающий род профессиональной деятельности — редактор сайта или сотрудника, работающего с CMS.
Большая часть современных систем управления содержимым реализуется в виде визуального (WYSIWYG) редактора — программы, которая создаёт HTML-код из специальной упрощённой разметки, позволяющей пользователю проще форматировать текст.
Рассмотрим некоторое из наиболее популярных в наше время CMS.
28
1.4.1. Описание WordPress
В интернете десятки миллионов блогеров. Одни отдают предпочтение
публичным площадкам вроде LiveJournal.ru или Blogpost.com, другие выбирают независимый интерфейс Wordpress. Популярная CMS позволяет создать
сайт любой сложности и публиковать на нем контент с помощью сторонних
сервисов и программ.
1.4.1.1. История
В начале 2000-х гг. 19-летний американец Мэтт Малленвег разработал
блог-сервис для своего сайта Photomatt.com. В 2012 году в интервью журналу
Forbes он признался, что хотел создать систему, объединяющую достоинства
известных программных продуктов того времени — гибкость Movable Type,
«грамматику» TextPattern и легкость установки Blogger. Разработанную платформу Малленвег назвал b2/cafelog.
Система оказалась настолько удобной, что стала достоянием сообщества
Photomatt. Команда Мэтта Малленвега дорабатывала и совершенствовала систему до 2003 года и наконец выпустила ее под названием WordPress. Уже к
2012 году число пользователей платформы превысило 60 миллионов, а количество ежемесячных уникальных просмотров страниц, сверстанных на платформе, — 3,4 миллиарда.
1.4.1.2. Основные версии и особенности CMS
От других систем управления содержимым сайта WordPress отличается
предельно простым интерфейсом. Программисту это, возможно, не гарантирует всей полноты удобств, зато администратору веб-ресурса значительно облегчает работу. Публикации создаются моментально, сама платформа устанавливается не более чем за 5 минут.
Уже во второй версии CMS появился визуальный редактор. В следующих версиях добавились автосохранение (версия 2.1), возможность указывать
собственный пароль при установке и задавать свои фоновые изображения,
поддержка пользовательского меню (версия 3.0), а также формат мобильного
приложения (версия 4.1.1.).
29
WordPress распространяется в сети свободно и бесплатно, весит несколько мегабайт и загружается с официального сайта разработчиков. Там же,
на сайте, можно найти русскоязычный Кодекс Wordpress, содержащий актуальную полезную информацию по работе с системой для новичков и опытных
разработчиков. CMS написана на PHP, использует MySQL.
Рисунок 1 - Административная панель на русском языке
1.4.1.3. Возможности и приемущества
Возможности:
 Интеграция сайта со сторонними сервисами (например, LiveJournal).
 Моментальная публикация.
Преимущества:
 Простая установка и настройка.
 Легкая реализация сложных решений.
 Много шаблонных «тем» для изменения внешнего вида страниц.
 Поддерживаются RSS, trackback, Atom, pingback.
 Адреса страниц пишутся простыми и понятными словами, а не кодируются в сложные знаково-числовые идентификаторы (Человеко-Понятный
URL).
30
 Поддерживаются стандарты XHTML и CSS.
Недостаток платформы в том, что без предварительной установки специальных плагинов невозможно восстанавливать удаленные объекты.
1.4.1.4. Сайты на Wordpress
На WordPress работают электронная библиотека WebReading и русский
блог «Лаборатории Касперского». Крупные порталы, например, CNN, New
York Times и eBay, используют CMS для блог-директории и новостной ленты.
Рисунок 2 - Сайт электронной библиотеки WebReading
31
Рисунок 3 - Сайт блога «Лаборатории Касперского»
32
1.4.2. Описание MODX
Когда в 2004 году программисты Рэймонд Ирвинг и Райан Траш начинали работу над совместным проектом в рамках CMS Etomite, то не подозревали, насколько популярным станет их детище. MODX очень прогрессивна.
Она переросла простую платформу с открытым кодом, став еще и автономной
средой для разработки приложений, и с каждым днем пользуется у веб-мастеров все большей популярностью.
1.4.2.1. История
В 2005 году руководство Etomite отказалось от открытого развития
CMS. Тогда Ирвинг и Траш с написанным ими кодом покинули компанию и
создали собственный программный продукт. Сообщество поддержало инициативу. На рынке открытых CMS явно не хватало сервиса, соединяющего в себе
простоту управления, многофункциональность, кросс-браузерность и другие
качества, необходимые для выживания в современном интернете. Но главное,
что обещали производители веб-мастерам, — это свобода креатива.
Рисунок 4 - Главная страница официального сайта MODX
С помощью MODX можно создать как простой блог, так и многостраничный интернет-магазин. Разработчики уверяют: «CMS никогда не должна
стоять на пути дизайна». Для каждой страницы «Модэкс» предлагает несколько оригинальных шаблонов.
33
Рисунок 5 - Управление шаблонами в MODX
На начало 2019 года платформа представлена в 2-ух версиях — REVO
(revolution) и EVO (evolution). Однако сейчас разработчики развивают только
Revolution, о чем официально заявлено на сайте компании. Часть сообщества
продолжает поддерживать привычную EVO. Обе версии с подробным описанием особенностей доступны на русскоязычном портале «Модэкс».
1.4.2.2. Особенности платформы
MODX — спасение для оптимизаторов. Система позволяет легко настраивать ключевые слова, делает сайт более «видимым» для поисковиков и сокращает время продвижения. Платформа поддерживает платежные системы и
множество других полезных модулей. Несмотря на широту возможностей, она
отличается гибкостью и удобством администрирования.
CMS написана на программном языке PHP, для хранения данных использует MySQL и MS SQL. Платформа свободно распространяется по стандартной лицензии GPL.
34
Рисунок 6 - Работа с ключевыми словами
1.4.2.3. Возможности, преимущества и недостатки
Преимущества:

Поддержка RSS, веб-статистики, подписок.

Платформа позволяет контролировать все элементы страницы (от
платежной системы до документооборота и чата). При хорошем владении языком PHP можно свободно «переписать» администрирование под себя.
Возможности:

Создание любых сайтов на стандартах XHTML и CSS, адаптирую-
щихся под разные браузеры.

Настройка ключевых слов, дружественных URL.
Недостатки:

Мало готовых шаблонов, но производители обещают пополнить
коллекцию.
35

Чтобы восстанавливать удаленные объекты, нужно установить
специальные плагины.
1.4.2.4. Сайты на MODX
На MODX Revolution сверстаны украинский сайт компании «Авиаэкспресс», портал одного из российских лидеров авиации Jet Transfer, интернетмагазин Herbalife.
Рисунок 7 - Сайт Jet Transfer
36
Рисунок 8 - Сайт Herbalife
Среди известных компаний с сайтами на MODX — TarZan шоу, магазин
«Снежная королева», благотворительный фонд «Я есть».
MODX отлично подойдет для создания интернет-магазина или другого
ресурса, подразумевающего проведение финансовых операций. Однако, несмотря на наличие встроенных платежных сервисов, платформа считается не
такой безопасной как закрытые CMS. Не рекомендуется банкам.
37
1.4.3. Описание Drupal
Drupal (от голл. druppel — капля) — система управления сайтом, написанная на языке PHP и использующая в качестве хранилища содержания реляционную базу данных (поддерживаются MySQL, PostgreSQL, а также любые
СУБД поддерживаемые библиотекой PEAR). Drupal является свободным программным обеспечением защищённым лицензией GPL и создаётся усилиями
энтузиастов со всего мира. Начал разработку голландец Dries Buytaert, который и поныне является руководителем проекта.
Архитектура Drupal позволяет применять его для построения различных
типов сайтов — от блогов и форумов, до информационных архивов или сайтов
новостей. Функциональность обеспечивается подключаемыми модулями, обращающимися к общему API Drupal. Стандартный набор модулей включает,
например, такие функции как новостная лента, блог, форум, загрузка файлов,
сборщик новостей, голосования, поиск и др. Большое количество дополнительных модулей, значительно расширяющих базовые функции можно скачать с официального сайта.
Наиболее важные функции предоставляемые модулями входящими в
поставку Drupal:

единая категоризации всех видов содержимого - от форумных со-
общений до блогов и новостных статей

вложенность категорий любой глубины

поиск по содержимому сайта

разграничение доступа пользователей к документам (ролевая мо-

динамическое построение меню

поддержка XML-форматов:
дель)
1. вывод документов в RDF/RSS
2. аггрегация материалов с других сайтов
3. BlogAPI для публикации материалов с помощью внешних приложений
38

поддержка общей авторизации между сайтами на Drupal ("сайты-
партнёры")

короткие URL

поддержка сменных тем оформления сайта с предоставлением не-
скольких готовых вариантов

поддержка переводов интерфейса сайта на разные языки

возможность создания сайтов с пересекающимся содержимым
(например общей базой пользователей или общими настройками)

раздельные конфигурации сайта для различных виртуальных хо-
стов (в том числе собственные наборы модулей и тем оформления для каждого
подсайта)

механизм для ограничения нагрузки на сайт (автоматическое от-
ключение при высокой посещаемости части информационных блоков и модулей)
1.4.3.1. Поддержка локализации
Система поддерживает локализацию интерфейса для различных языков.
Имеется поддержка русского языка. Используется собственный механизм для
локализации с хранением переводов в базе данных, наравне с остальным содержимым сайта. При этом несложной является адаптация к работе со стандартной библиотекой gettext. Импорт и экспорт переводов сайта также осуществляется в виде po-файлов (формат используемый библиотекой gettext).
Полная локализация содержимого поддерживается сторонними модулями (не входят в поставку Drupal, но могут быть скачаны с сайта разработчиков).
1.4.3.2. Методы структуризации содержимого
В Drupal предлагается гибкая схема организации структуры сайта на основе таксономии. Таксономия — механизм, позволяющий создавать произвольное количество тематических категорий для содержимого сайта и ассоциировать их с модулями, обеспечивающими ввод и вывод информации. Категории могут представлять плоские или иерархические списки, либо сложные
39
структуры, где элемент может иметь несколько «родителей» и несколько дочерних элементов. С помощью подобной схемы одними и теми же модулями
возможна организация различных вариантов структуризации содержимого.
Например, легко создаётся сквозной список «ключевых слов» для всех документов сайта и т. п.
Дизайн сайта на Drupal строится на основе сменных тем оформления.
Как таковой нет единственной схемы построения дизайна, взамен Drupal даёт
возможность использовать различные «движки» тем, использующие шаблоны
удобные для редактирования (шаблоны XML в движках xtemplate и Smarty или
шаблоны на HTML+встроенный PHP в движке phptemplate и т. п.), либо создавать темы оформления напрямую обращающиеся к API Drupal.
Начиная с версии 4.7 Drupal поддерживает технологию Ajax, для динамической подгрузки содержимого без полного обновления страниц.
1.4.3.3. Примеры модулей
Дополнительные модули размещённые в репозитории на drupal.org позволяют значительно расширить функциональность системы. Несколько примеров (приведены модули для версии Drupal 5.x, не всегда модули доступны
для всех версий системы):

Banner - баннерная система

BBCode - поддержка форматирования BBCode для содержимого

Breadcrumbs - вывод иерархии страниц ("хлебных крошек")

Captcha - защитный механизм картинок "captcha" используемый
сайта
при регистрации

CCK – создание новых типов контента или добавление новых по-
лей к уже существующим

Clean URLs – «чистые ссылки» (без ?=& и т.д.)

Collapsible Text, Collapsiblock - возможность создания блоков и
секций сворачивающегося текста

DHTML Menu – меню с использованием JavaScript
40

Ecommerce - электронный магазин

External Links – подсветка почтовых и внешних ссылок

Fckeditor - графический редактор для ввода контента

Fivestar, JRating – возможность оценки материала

Gallery - интеграция с галереей изображений Gallery2

Image – возможность объединения изображений в галереи, кон-
троль их параметров, преобразование изображений и т.д.

IMCE - модуль для работы с файлами

Listhandler - интеграция с почтовыми рассылками

Locale - возможность перевода интерфейса на множество языков

Meta Tags – управление метаданными сайта и отдельных страниц

Mollom, Akismet – эффективный антиспам для сайта

OpenID - возможность авторизации по OpenID

Pathauto – автоматическое формирование URL из заголовка

Project - багтрекер

SPAM - блокировка спама на основе алгоритма Байеса

Tagadelic - создание облаков тегов

Taxonomy – таксономия (категоризация содержимого с помощью
словарей и терминов)

Thickbox, Lightbox, Shadowbox – предпросмотр картинок без пе-
резагрузки страниц

TinyMCE – HTML-редактор

Token – сервис по использованию лексем для других модулей

Upgrade Status - отслеживание доступных обновлений

Views – гибкий метод отображения и сортировки информации

XML Sitemap - создание удобной для поисковиков карты сайта
...и многие-многие другие. Полный список модулей - на drupal.org.
К несомненным достоинствам Drupal следует отнести весьма полную
документацию по различным аспектам системы (однако только на английском
41
языке). Над переводом документации на русский работают сообщества
Drupal.ru и Drupaler.ru.
1.4.3.4. Недостатки
Критики Drupal ставят в упрёк разработчикам слабое использование
объектных возможностей PHP. Действительно, API Drupal практически не использует имеющихся в PHP возможостей ООП. Разработчики аргументируют
это слабой реализацией ООП в языке (особенно до версии PHP 5). Объектная
модель в Drupal присутствует, но в несколько нетрадиционном для PHP виде.
См. мотивации выбора архитектуры системы в статье Программирование в
Drupal с точки зрения ООП.
Ввиду активного использования базы данных Drupal может быть слишком тяжёл для ресурсов, предоставляемых на дешёвых тарифных планах хостинг-провайдеров, хотя для небольших сайтов с посещаемостью в несколько
сотен или тысяч посетителей в сутки этих ресурсов будет достаточно.
Здесь многое зависит от грамотных настроек. Лучше выбирать хостинги,
специально настроенные под Drupal: nginx 0.6.31 + php5-fcgi, например.
Вот список посещаемых сайтов на Drupal:

AOL — корпоративный сайт,

Apple — выставка и конференция Macworld,

Avril Lavigne - персональный сайт певицы,

Mozilla — Get Firefox,

Forbes — Office Pranks,

Fox Pictures - сайт новинок кино,

Greenpeace UK — официальный сайт,

Hillary Clinton — предвыборный сайт,

MTV UK — официальный сайт,

NASA - корпоративный сайт,

Novell — community-сайты,

Ozzy Osbourne - персональный сайт исполнителя,

Second Life — сайт разработчиков,
42

Sony — музыкальный портал и сайты исполнителей,

Sun — сайт с расширениями для Open Office,

The Onion - популярный в США журнал,

Ubuntu — официальный сайт,

US Magazine - популярный в США журнал,

Warner Bros Records — музыкальный сайт,

Yahoo — Yahoo! Research,

ООН — сайт кампании по борьбе с бедностью.
43
1.4.4. Описание UMI.CMS
UMI.CMS - это удобная, функциональная и экономичная система управления сайтами.
В рейтинге CMS от Tagline UMI.CMS заняла 1 место по качеству и 2
место по популярности среди разработчиков. По данным портала CMS
Magazine за 2013 г., UMI.CMS занимает 2 место по популярности в СНГ среди
коммерческих CMS.
Более 2700 разработчиков по всей России (это каждый третий веб-разработчик Рунета) используют UMI.CMS для создания сайтов и интернет-магазинов своим клиентам. Более 70 000 веб-проектов уже работают на этой платформе.
UMI.CMS удобна для конечного пользователя - любой человек, не обладающий специальными знаниями и навыками, может легко и комфортно
управлять своим сайтом.
UMI.CMS сочетает в себе максимальную гибкость для веб-разработчика
и неограниченные возможности для расширяемости под задачи конкретного
проекта.
Низкая стоимость освоения и владения системой позволяет владельцу
сайта или интернет-магазина экономить сотни тысяч рублей на поддержке
сайта ежегодно.
Широкий функционал UMI.CMS позволяет создать сайт любой сложности, система не накладывает ограничений на дизайн сайта.
UMI.CMS - это:

27 модулей

2 шаблонизатора (XSLT, TPL);

интеграция с Яндекс.Маркетом и поддержка CPA-модели;

интеграция с сервисом «Мой Склад»;

двусторонняя интеграция с «1С: Предприятие»;

неограниченная мультисайтовость, а также мультидоменность,
мультишаблонность и мультиязычность в любом сочетании;
44

редактирование контента прямо на сайте без входа в админку
(Edit-In-Place);

cлужба Заботы о Клиентах и Партнерах;

возможность подключения системы Sphinx для повышения мас-
штабируемости и скорость поисковой индексации по сайту;

для высоконагруженных проектов возможна установка системы на
серверную конфигурацию nginx + php-fpm;

более 200 готовых шаблонов интернет-магазинов, включая интер-
нет-магазины с адаптивным дизайном;

детальная статистика по заказам, посетителям, среднему чеку,
обороту и другим показателям, помогающая анализировать воронку продаж и
повышать эффективность работы интернет-магазина;

бесплатное мобильное приложение для владельцев интернет-мага-
зинов UMI.Manager, позволяющее удобно управлять заказами с любого
устройства на базе iOS или Android;

доступ к исходному коду;

автообновления, автоматическое резервирование, форум, рас-
сылки и многое другое.
45
1.5. Сравнение «WordPress» с другими системами
У системы «1С – Битрикс: Управление сайтом» существует большое количество конкурентов, в том числе предоставляющих возможность использования на бесплатной основе. Основным конкурентом «1С – Битрикс: Управление сайтом» является система UMI.CMS. В данной системе также предусмотрена возможность управления данными web-приложения (CMS) и API для разработки web-приложения. UMI.CMS также является модульной системой и
поддерживает возможность выбора редакций.
В UMI.CMS присутствует ряд особенностей, которые отсутствуют в «1С
– Битрикс: Управление сайтом», например, наличие корзины, в которую помещаются все удаленные страницы, новости и т.д. с возможностью последующего восстановления. Тем не менее, в UMI.CMS есть ряд существенных недостатков по сравнению с «1С – Битрикс: Управление сайтом», основным из которых является отсутствие модуля, обладающего функциональностью, схожей
с функциональностью модуля «Информационные блоки». В UMI.CMS основным является понятие страницы как универсального носителя информации.
Добавлять к страницам произвольные свойства оказывается достаточно затруднительной и нетривиальной задачей, при этом гибкость, которая достигается путем задания различных типов свойств в информационных блоках «1С Битрикс», в UMI.CMS отсутствует. Также UMI.CMS проигрывает системе «1С
– Битрикс: Управление сайтом» в реализации API системы. Как уже упоминалось выше, построенная на понятии страницы, UMI.CMS предоставляет достаточно небольшое количество классов и методов для построения web-приложения по сравнению с API системы «1С - Битрикс», не все классы и функции
подробно описаны в документации, из-за чего при разработке приходится экспериментировать. В UMI.CMS отсутствует удобная реализация инкапсуляции
программного кода, которая реализована в «1С – Битрикс: Управление сайтом» посредством компонентов. Вся функциональность реализована посредством модулей и макросов, как методов основного класса модуля, определяе46
мого в основном сценарии модуля. Также преимуществом системы «1С – Битрикс: Управление сайтом» является удобная система шаблонов, позволяющая
системе определять шаблон страниц web-приложения в зависимости от различных внешних условий, не прибегая к написанию дополнительного программного кода и разнообразие настроек web-приложения. В то же время в
UMI.CMS система шаблонов реализована не настолько детально и гибко, а
возможностей настроек web-приложения меньше, чем в системе «1С – Битрикс: Управление сайтом».
Data Life Engine (DLE) – система управления, изначально заточенная
под новостные сайты. Впрочем, снискавшая немалую популярность у владельцев развлекательных порталов и Warez-сайтов, где выкладывается в свободный доступ пиратский софт, видео и аудиопродукция.

Движок платный. Базовая лицензия с поддержкой обновлений в тече-
ние года стоит около 2000 рублей. Продлить ее можно за вдвое меньшую
сумму.

Подходит для создания крупных, но не высокотехнологичных проек-

Правильная настройка и оптимизация позволит разместить сайт с вы-
тов.
сокой посещаемостью на относительно дешевом хостинге.

С администрированием и управлением могут справиться даже но-
вички, кроме того, добавление материалов пользователями происходит также
легко.

Приемлемая SEO-оптимизация.

Движок постоянно дорабатывается и улучшается. Если у вас еще не
истекла лицензия, вы можете бесплатно обновить движок до новой версии.

Русскоязычное сообщество пользователей поддерживается самими
создателями CMS.
Ucoz.ru – популярная у новичков платформа, совмещающая в себе конструктор сайтов и услуги хостера. Вам уже не нужно заниматься установкой и
47
настройкой движка, все это система автоматически сделает сама. В общем,
сайт создается одним-двумя кликами мыши.

Бесплатный, хоть и содержит платные функции (отключение ре-
кламы, прикрепление домена второго уровня и прочее), без которых не обойтись, если вы планируете всерьез заняться заработком на сайте.

Серьезно ограничен в функциональности, так как отсутствует под-
держка php и MySQL. Этот недостаток частично компенсируется большим количеством стандартных модулей.

Сервера Ucoz справляются с любыми нагрузками на сайты системы,
хотя иногда происходит “падение” некоторых из них или отключение на плановые работы.

Интуитивно понятный интерфейс позволяет с легкостью изменять
внешний вид сайт, редактировать функционал, следить за деятельностью
пользователей и многое другое.

Сайты на этой CMS очень хорошо воспринимаются поисковой систе-
мой Яндекс, попадая в выдачу раньше других проектов на платных движках.

Регулярные обновления, касающиеся всей системы в целом, сразу же
автоматически применяются ко всем входящим в нее сайтам.

Есть официальный русскоязычный форум, хоть и не сильно популяр-
ный, на котором можно задать интересующие вас вопросы.
WordPress – движок, изначально разрабатывавшийся как платформа
для блогов, но благодаря широким пользовательским возможностям, простоте
в управлении, поддержке всех основных веб-стандартов, обрел огромную популярность (почти 80% сайтов в интернете используют его в качестве системы
управления).

Полностью бесплатный, но при желании можно установить платные
темы, плагины.

Открытый исходный код и самое большое количество всевозможных
расширений. Функциональность практически не ограничена.
48

Ввиду слабой оптимизации кода движка, могут возникнуть повышен-
ные нагрузки на хостинг. Поэтому данный движок не используют для создания
социальных сетей и крупных порталов.

Просто устанавливается и настраивается, а освоить публикацию ста-
тей и настройку сайта сможет даже неопытный пользователь.

SEO-возможности вполне приемлемые, но все равно присутствует
необходимость в ручной “доводке” принятых по умолчанию настроек.

Обновления выпускаются нерегулярно, но довольно оперативно, если
обнаруживается опасная уязвимость системы.

Крупнейшее интернациональное сообщество, в том числе, много рус-
скоговорящих.
Joomla – второй по популярности в мире движок, написан на php и
JavaScript. Подходит для тех, кто любит заполнять свой сайт большим количеством разнообразных разделов и меню. Обладает встроенной функцией отображения рекламных материалов (контекст, баннеры), что упрощает их добавление на страницы площадки.

Полностью бесплатный, но есть расширения и шаблоны, которые
можно приобрести или взять в аренду на определенный срок.

Работает с десятком популярных линеек операционных систем –
Linux, Mac, Windows, FreeBSD и прочими. Дизайн и расположение элементов
полностью настраиваемые. Многоуровневая аутентификация пользователей.
Множество расширений.

Структура движка громоздкая и сильно нагружает процессор хо-
стинга, зато применяется база данных MySQL, позволяющая сэкономить свободное место на сервере.

Несколько запутанная первоначальная настройка, но в последующем
использовании сложностей возникнуть не должно.

Движок хорошо адаптирован для индексации поисковыми системами.
Есть собственный механизм SEO-оптимизации и еще ряд стандартных инструментов, которые можно включить в панели управления.
49

Регулярные обновления – раз в несколько месяцев.

Движок переведен на множество языков, в том числе русский и укра-
инский. Плагины и расширения, а также вся техническая документация также
локализированы.
Drupal – еще одна CMS с открытым исходным кодом, вышедшая на свет
благодаря усилиям нескольких десятков энтузиастов. Распространяется как
свободное, кроссплатформенное программное обеспечение.

Лицензия GNU: использование, копирование, редактирование, рас-
пространение движка (в том числе и в коммерческих целях) абсолютно бесплатны.

Создание любых типов сайтов: от простых интернет-страниц, до про-
ектов повышенной сложности. Универсальность и гибкость в настройке, множество подключаемых модулей.

Drupal не требователен к ресурсам хостинга и даже при высокой
нагрузке показывает приемлемую производительность.

Не лучший вариант для создания первых проектов, зато идеально по-
дойдет любителям “полазить” в коде, разбирающихся в основах HTML, CSS,
php и других популярных web-технологий.

Подготовить сайт к индексации поисковиками поможет более десятка
специальных SEO-модулей (правка кода, создание карты сайта, настройка заголовков страниц и прочее).

Поддержка ведется волонтерами на некоммерческой основе, поэтому
официальной службы помощи не существует. Все вопросы решаются коллективно: людьми, заинтересованными в дальнейшем развитии движка.

Русскоязычное сообщество Drupal содержит крупный форум, тор-
рент-треккер, где можно бесплатно скачать всякие полезности и несколько тематических сайтов с информацией по работе с движком.
50
На основе всех плюсов и минусов различных CMS «движков» мы выбрали разработку школьного сайта на 1С Битрикс. Руководство школы выделило средства на его осуществление. Система «1С – Битрикс: Управление сайтом» представляется наиболее подходящей для разработки web-приложения.
51
1.6. Преимущества и недостатки системы
На данный момент система «WordPress: Управление сайтом» является
одной из ведущих CMS, используемых для разработки web-проектов. Количество проектов, реализованных на базе системы «WordPress: Управление сайтом» составляет более чем 40 000.
Можно выделить следующие основные преимущества системы:

Стабильность работы системы. Web-приложения, правильно раз-
работанные на базе системы (под правильностью следует понимать следование рекомендациям по разработке системы, использование API системы), могут достаточно долго работать без специального обслуживания. В системе
предусмотрена технология обновления (SiteUpdate), позволяющая постоянно
следить за обновлениями системы.

Безопасность системы. В состав системы входит модуль «Проак-
тивная защита». Благодаря данному модулю система обеспечивает высокий
уровень безопасности web-приложения.

Удобный и понятный интерфейс.

Универсальная среда разработки, наличие API системы. API си-
стемы обладает большим количеством классов и функций, позволяющих получить доступ ко всей функциональности модулей и построить webприложение на базе работы модулей.

Подробная документация. Документация по работе системы и по
принципам построения web-приложения на базе системы доступна бесплатно
и содержит в себе практически полное описание всех модулей системы, классов и методов API системы.

Удобное представление данных web-приложения, хранящихся в
базе данных. Данные web-приложения могут быть представлены в виде информационных блоков. Информационные блоки предоставляют возможность
удобно (без навыков владения СУБД) добавлять данные в систему, управлять
52
данными и просматривать данные. Наиболее удачным решением является возможность разбить записи базы данных на блоки и папки и добавлять к записям
неограниченное количество свойств. В системе предусмотрены классы и методы API для доступа и управления элементами информационных блоков.
К недостаткам системы следует отнести невозможность выбора нужных
модулей при покупке системы, т.е. существует несколько редакций, в каждой
из которой находятся строго определенные модули, перемещать модули
между редакциями и формировать список модулей «под себя» невозможно.
Также следует указать, что при разработке web-приложения можно выделить
ряд неточностей или недостатков работы API системы, в частности невозможность сортировки элементов или фильтрации элементов разных информационных блоков по свойствам с одинаковым кодом.
53
1.7. Примеры других образовательных web-сайтов
Перед созданием сайта, были изучены и рассмотрены структуры других
образовательных web-сайтов, для анализа и создания наиболее эффективного
и индивидуального дизайна.
Были рассмотрены web-сайты школ, как Кемеровской области, а именно
Новокузнецка, так и школ других регионов.
Рисунок 9 – Сайт школы №4
Рисунок 10 – Сайт школы № 60
54
Рисунок 11 – Сайт школы №112
Рисунок 12 – Сайт МБОУ «Лучановская СОШ»
55
Рисунок 13 – Сайт школы №64
Рисунок 14 – Сайт школы №32
56
Рисунок 15 – Сайт школы №30
Рисунок 16 – Сайт школы №1924
Web-сайты других образовательных учреждений, имеют разнообразный
дизайн. Выполнены на различных «движках», имеют различия в строении и
заполнении меню, но все несут информацию об учреждении.
На сайтах содержаться события и новости о школе, а так же учительский
и административный состав. Несмотря на разное оформление содержание
остается схожим.
57
На основе изученных web-сайтов, был разработан дизайн и общая структура для реализации создаваемого проекта.
58
2. Практическая часть
2.1. Общая структура сайта
Рисунок 17 – Структурная схема web-сайта
На главной странице отображаются последние новости и основная информация.
Страница «Сведения об учреждение» делиться еще на четырнадцать вкладок: «О школе», «История», «Дистанционное обучение», «Наши достижения»,
«Новости», «Мероприятия», «Гимн школы», «Коллектив», «Кабинеты», «Методические объединения учителей», «Фотографии, видео», «Контакты», «Столовая школьная», «Наша библиотека». Здесь содержиться информация об
59
учреждении, его сотрудниках, достижениях, проводимых мероприятиях, так
же новости и фото и видео галереи.
Страница «Документы» делиться еще на семь вкладок: «Лицензия, политика
качества», «Нормативные документы», «Учебный план школы», «Наша новая
школа», «Мониторинг заработной платы учителей», «Оплата труда», «Образовательные услуги». Тут представлены нормативные документы, акты, лицензии, описание услуг школы.
Страница «Школьная жизнь» делиться на семнадцать вкладок: «ВЫПУСКНОЙ ЗВОНОК», «Летний лагерь», «Безопасность школы», «Ученическое самоуправление», «ГТЗО», «Внеаудиторная деятельность», «Наша газета "Мы
вместе"», «День открытых дверей», «Конкурсы, олимпиады», «Предметные
недели», «Спортивная жизнь школы», «Профориентационная работа», «Гражданско-патриотическое воспитание», «Дружина юных пожарных», «Работа
кружков и секций», «Юные Инспекторы Движения», «Мониторинг образования». Здесь содержится о событиях и мероприятиях проходящих в школе, а
так же информация о внеурочной жизни школы.
Страница «Ученикам» делиться на семь вкладок: «Права и обязанности учащихся», «Учебные материалы», «Онлайн-курсы», «Школьный юмор», «Расписание уроков», «Правила внутреннего распорядка учащихся», «Прокуратура
советует». Содержится информация интересная для учащихся в учреждении.
Страница «Учителям» подразделяется на четыре вкладки: «Цифровые образовательные ресурсы», «Расписание уроков», «Аттестация», «Рабочие программы».
Страница «Родителям» делиться на пять вкладок и содержит информацию
которая будет полезна родителям обучающихся: «Расписание уроков», «Учебные материалы», «Документы для родителей», «Советы психолога», «Медицинский полис».
60
Страница «Поступающим» разделена на три вкладки и содержит информацию, для новых учеников и их родителей, а так же возможность подать заявку
на поступление онлайн: «Правила поступления», «Онлайн-тестирование»,
«Подать заявку на поступление».
Страница «Выпускникам» содержит восемь вкладок и содержит полезную
информацию для выпускников девятых и одиннадцатых классов: «РАСПИСАНИЕ ЭКЗАМЕНОВ-2015», «Нормативные документы», «Фото выпускников»,
«Итоговые отметки в аттестат», «Выпускникам 9-х классов», «Выпускникам
11-х классов», «Трудоустройство выпускников», «Онлайн тестирование»,
«Итоговое сочинение».
61
2.2. Разработка интерфейса web-сайта
2.2.1. Дизайн web-сайта
В соответствии с разработанной структурой была спроектирована главная
страничка сайта (Рисунок 1). Она содержит все основные структурные элементы, переход по которым осуществляется с помощью гиперссылок.
Рисунок 18 – Главная страница
Сайт содержит все необходимые структурные и навигационные элементы:
форму поиска, навигационное меню (в виде текстовых ссылок в сопровождении соответствующих изображений).
При наведении на ссылку «Сведенья об учреждении» выпадает подменю
этой страницы. При нажатии на ссылку «О школе» выводиться информация о
школе.
62
Рисунок 19 – О школе.
При вводе административного логина и пароля активируется меню администратора (рисунок 3).
Рисунок 20 – Панель администрирования
63
2.2.2. Описание создания страниц web-сайта
Разработка web-сайта велась в паке компании «WordPress». Выбор данного
пакета обоснован тем, что его освоение отнимает мало времени, во время разработки доступен предварительный просмотр каждой отдельно сделанной
операции, доступно большое количество функций, пакет поддерживает большое количество технологий (HTML, PHP, ASP, Java, XML, XSLT, CSS и другие).
Рисунок 21 – Панель администрирования на главной странице
2.2.3 Создание меню
Меню можно создать и редактировать двумя способами:
1. Через панель управления в редактировании «контента». Вход в меню
осуществляется из левого контекстного меню, где располагается структура
сайта. Редактировать и изменять можно любой пункт и подпункт меню.
2. Через панель администрирования на главной странице. Можно изменить
название пункта меню, редактировать ссылку его расположения, удалить
пункт, просмотреть подпункты и отредактировать их. Перенести пункт меню
на другую позицию.
64
Рисунок 22 – Редактирование меню.
Выбрать тип меню,
Ввести имя нового пункта меню, поле «Название»,
Ввести адрес нового пункта меню в поле «Ссылка»,
Нажать на кнопку «сохранить», для сохранения изменений.
Рисунок 23 – Редактирование меню на главной странице в режиме администрирования
65
2.2.4 Создание нового файла
Во время администрирования сайта, может потребоваться добавление нового файла в структуре сайта. Что бы это сделать, нужно в контекстном меню
слева развернуть структуру сайта, развернуть вкладку «файлы и папки», там
выбрать нужную папку для добавления нового файла.
После добавления нового файла откроется страница редактирования страницы. На ней можно выбрать шаблон страницы, прописать заголовок имя
файла.
Так же можно добавить нужные компоненты и написать сам текст файла.
Рисунок 24 – Создание нового сайта.
2.2.5 Добавление новостей
Создание и редактирование новостей нужно для обновления информации на
сайте, а так же для освещения актуальных событий или же недавних событий
в жизни школы.
Краткое содержание актуальных новостей выводится на главной страницы
сайта, а так же в самом разделе «Новости» находиться в свернутом виде. Для
66
просмотра той или иной новости достаточно нажать на название новости, что
бы увидеть полное содержимое.
Для добавления новой новости, в режиме «Администрирование», в левом
контекстном меню выбрать вкладку «Новости и мероприятия», в развернувшемся подменю выбрать вкладку «Новости», справа откроется, список всех
добавленных новостей на сайте.
Рисунок 25 – Список новостей на сайте.
Для добавления новой новости, нужно нажать на кнопку «Добавить
новость». После этого загрузится форма для создания новости. В форме есть
несколько вкладок: «Новость», «Анонс», «Подробно», «Дополнительно».
Во
вкладке
«Новость»
приводиться
предварительный
просмотр
расположения новости на сайте.
Во вкладке «Анонс» выбирается изображение для анонса новости на сайте,
к
выбранному
изображению
может
прилагаться
описание.
Ниже
расположается, поле для редактирования текста самой новости, в этом поле
возможно изменение параметров шрифта и расположеня текста.
67
Во вкладке «Подробно» можно увидеть подробную инфорацию новости.
Вкладка «Дополнительно» содержит код страницы с новостью.
Рисунок 26 – Добавление новости.
По завершению формирования новости, внизу формы нужно нажать кнопку
«Сохранить», для сохранения изменений. Новость автоматически выведется
на главной странице и на странице новостей и будет первой по списку.
68
Заключение
В курсовой работе осуществлена разработка информационного web-сайта
на основе системы «WordPress».
При разработке web-сайта были проанализированы современные web-технологии, позволяющие создавать интерактивные web-страницы. В ходе выполнения работы был получен полнофункциональный web-сайт, полностью
готовый к применению.
Посредством сайта школы установлена тесная взаимосвязь между учениками, родителями и учителями.
В качестве дальнейшего совершенствования web-сайта представляется возможность доработки интерфейса сайта с целью дальнейшего повышения его
информативности, привлекательности и удобства.
69
Список использованных источников
1. Э. Фримен, Э. Фримен. Изучаем HTML, XHTML и CSS = Head First
HTML with CSS & XHTML. — П.: «Питер», 2010. — 656 с
2. Эд Титтел, Джефф Ноубл. HTML, XHTML и CSS для чайников, 7-е издание = HTML, XHTML & CSS For Dummies, 7th Edition. — М.: «Диалектика», 2011. — 400 с.
3. Стивен Шафер. HTML, XHTML и CSS. Библия пользователя, 5-е издание = HTML, XHTML, and CSS Bible, 5th Edition. — М.: «Диалектика», 2010.
— 656 с.
4. Кузнецов Максим, Симдянов Игорь. PHP на примерах. — 2-е изд. перераб. и доп. — Спб.: «БХВ-Петербург», 2011. — С. 400
5. Стив Суэринг, Тим Конверс, Джойс Парк. PHP и MySQL. Библия программиста, 2-е издание = PHP 6 and MySQL 6 Bible. — М.: «Диалектика»,
2010. — С. 912.
6. Скотт Хокинс. Администрирование веб-сервера Apache и руководство
по электронной коммерции = Apache Web Server Administration and eCommerce Handbook. — М.: Вильямс, 2001. — 336 с.
7. Марк Декстер, Луис Лэндри. Joomla!: программирование = Joomla! Programming (Joomla! Press). — М.: «Вильямс», 2013. — 592 с
8. Дэн Рамел. Joomla! для профессионалов = Advanced Joomla!. — М.:
«Вильямс», 2014. — 448 с.
9. Басыров Р. И. 1С-Битрикс: Корпоративный портал. Повышение эффективности компании. — СПб.: Питер, 2010. — С. 320.
10. Денис Колисниченко. Движок для вашего сайта. CMS Joomla!, Slaed,
PHP-Nuke. — Петербург: БХВ, 2008. — 352 с.
11. Scott, Adam D. WordPress for Education. — Birmingham: Packt Publishing
Ltd, 2012. — 144 с
12. Antano Solar John. MODx Web Development. — Second Edition. —
PACKT, February 23, 2011
13. Виктор Ромашев. CMS Drupal: Система управления содержимым сайта.
— Питер, 2010.
14. Станислав Горнаков. Создание сайтов на основе системы UMI.CMS. —
Эксмо, 2009. — 240 с
15. Басыров Р. И. 1С-Битрикс. Постройте профессиональный сайт сами! —
СПб.: Питер, 2008. — С. 304
70