Разработка информационного web-сайта на основе системы «1С-Битрикс: Управление сайтом»

ПРАВИТЕЛЬСТВО РОССИЙСКОЙ ФЕДЕРАЦИИ

Федеральное государственное автономное образовательное учреждение 
высшего профессионального образования

Национальный исследовательский университет 
«Высшая школа экономики»

Московский институт электроники и математики

 

Факультет Прикладной математики и кибернетики

Кафедра Кибернетики

 

 

 

 

 

Дипломная работа

по специальности 230201.65 «Информационные системы и технологии»

Разработка информационного web-сайта на основе системы «1С-Битрикс: Управление сайтом»

 

Студент группы МС101   Дрюцкий Д.А.

 

Руководитель     профессор, к.т.н.

Лавренов С.М.

 

 

 

 

 

 

Зав. кафедрой     профессор, д.т.н.

Афанасьев В.Н.

 

 

Москва 2013

 

Реферат

Дипломная работа по специальности 230201.65 «Информационные системы и технологии» студента группы МС-101 Дрюцкого Дмитрия Андреевича на тему:

Разработка информационного web-сайта на основе системы «1С-Битрикс: Управление сайтом»

139 с., 9 рис., 4 табл., 13 источников, 5 прил.

WEB-ПРИЛОЖЕНИЕ, СИСТЕМА, 1C-БИТРИКС, ИНФОРМАЦИОННЫЙ БЛОК, СТРУКТУРА, КОМПОНЕНТ, AJAX, API, РЕЗЕРВНОЕ КОПИРОВАНИЕ.

 

Объектом исследования является технология разработки web-сайтов на основе системы «1С – Битрикс: Управление сайтом».

Цель работы – разработка информационного web-сайта на основе системы «1С – Битрикс: Управление сайтом».

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

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

 

Содержание

 

Обозначения и сокращения

СУБД – система управления базой данных

AJAX – Asynchronous Javascript and XML  (асинхронный JavaScript и XML)

API – Application Programming Interface (программный интерфейс приложения)

CMS – Content management system (система управления контентом)

CSS – Cascading Style Sheets (каскадные таблицы стилей)

HTML – HyperText Markup Language (язык разметки гипертекста)

JS – JavaScript

XML – eXtensible Markup Language (расширенный язык разметки)

 

Определения

 

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

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

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

CMS (Content management system) – компьютерная система или программа, используемая для обеспечения и организации совместного процесса создания, редактирования и управления текстовыми и мультимедиа документами.

API (Application Programming Interface) – набор готовых классов, функций, структур и констант, предоставляемых приложением (библиотекой, сервисом) для использования во внешних программных продуктах. API определяет функциональность, которую предоставляет программа (модуль, библиотека), при этом API позволяет абстрагироваться от того, как именно эта функциональность реализована.

Экземпляр программы – копия продукта «1C-Битрикс: Управление сайтом», включающая в себя исходный текст продукта и только одну копию структуры и таблиц базы данных, входящих в состав продукта.

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

Административный раздел (Панель управления) – раздел сайта, содержащий интерфейс для управления модулями системы, структурой, содержанием, посетителями и другими составляющими сайта.

Пользователь – посетитель сайта, относящийся к определенной группе (группам) и осуществляющий доступ к ресурсам сайта в соответствии с настройкой прав данной группы.

Группа пользователей – совокупность пользователей сайта, обладающих определенными правами на доступ и управление ресурсами сайта.

 

Введение

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

При разработке web-приложения должны быть использованы все современные технологии и инструментальные средства. Сценарии работы web-приложения должны быть максимально быстрыми и обеспечивать работу web-приложения с большими объемами данных. Должен быть сведен к минимуму объем данных, которыми обменивается web-сервер и web-клиент, web-сервер и СУБД.

Должна быть спроектирована и реализована структура данных web-приложения и структура страниц и программных компонентов web-приложения.

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

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

Данное направление дипломной работы выбрано, потому что умение разрабатывать web-приложения на базе популярных систем управления сайтами является одним из самых востребованных на современном рынке информационных технологий. В то же время создание качественного web-приложения требует глубокого знания инструментальных средств разработки web-приложений, таких как языки программирования PHP, JavaScript, технология AJAX. Эти инструментальные средства были изучены и применены в процессе выполнения дипломной работы.

 

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

1.1. Общие сведения

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

Для разработки web-приложения были использованы следующие программные средства:

• для написания программного кода на стороне web-сервера: язык PHP;
• для реализации доступа к страницам web-приложения посредством протокола HTTP: web-сервер Apache;
• для хранения и обработки данных: СУБД MySQL;
• для реализации асинхронных запросов к web-серверу: технология AJAX;
• для написания программного кода на стороне клиента: язык JavaScript и библиотека jQuery;
• для стилизации внешнего вида web-страниц: таблица стилей CSS.

1.2. Язык программирования PHP

PHP (PHP: Hypertext Preprocessor – «PHP: препроцессор гипертекста») – язык для написания сценариев, исполняемых на компьютере web-приложения посредством интерпретации исходного кода. Основное предназначение языка PHP – это выполнение на сервере сценариев, создающих динамические web-страницы.

PHP поддерживает широкие объектно-ориентированные  возможности, полная поддержка которых  была введена в пятой версии языка. Также в пятой версии языка реализован механизм обработки исключений.

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

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

1.3. Web-сервер Apache

Apache – свободный web-сервер, наиболее часто используемый в Unix-подобных операционных системах. Основными достоинствами Apache считаются надёжность и гибкость конфигурации. Apache предоставляет удобные средства конфигурации как на уровне всего web-приложения (httpd.conf), так и на уровне директории (.htaccess). Указанная выше особенность позволяет удобно управлять действиями web-сервера при обработке запроса к тем или иным страницам и разделам web-приложения.

Web-сервер Apache позволяет включить дополнительный модуль обработки URL –  mod_rewrite. Данный модуль является средством преобразования URL, который указан в запросе к web-приложению, из одной формы в другую согласно заранее написанным правилам (RewriteRule). Для написания правил обработки и преобразования URL используются регулярные выражения (Regular expressions). Таким образом, можно создавать псевдонимы имен web-страниц, делая внешний вид URL, которые использует web-клиент при запросах к web-серверу, более короткими, читабельными и запоминающимися.

В процессе разработки web-приложения и в данный момент, когда web-приложение функционирует и доступно пользователям, Web-сервер Apache используется мной для обеспечения возможности доступа web-клиентов к ресурсам web-приложения посредством протокола HTTP, координации работы web-приложения, ограничения доступа к некоторым разделам и страницам web-приложения, обработки и преобразования URL, указанных в запросах web-клиентов.

1.4. СУБД MySQL

MySQL представляет собой систему управления реляционными базами данных с поддержкой языка SQL. СУБД MySQL предоставляет все основные средства для хранения, обработки и изменения данных. В СУБД MySQL поддерживается возможность выбора типа таблиц. Основными типами являются MyISAM и InnoDB. Таблицы с типом InnoDB поддерживают транзакции на уровне отдельных записей. MySQL имеет API для языка PHP (и многих других языков), а также обеспечивает поддержку для ODBC посредством ODBC-драйвера MyODBC.

В процессе разработки web-приложения и в данный момент, когда web-приложение функционирует и доступно пользователям, СУБД MySQL используется мной для хранения данных, необходимых для стабильного функционирования web-приложения.

1.5. Язык программирования JavaScript

JavaScript – объектно-ориентированный язык программирования для написания сценариев. Чаще всего JavaScript используется для написания сценариев работы с web-страницами, отображаемыми web-браузером. Web-браузер интерпретирует код сценария языка JavaScript, и на основе описанных в сценарии действий производит манипуляции с разметкой web-страницы. Таким образом, посредством языка JavaScript реализуется возможность программирования на стороне клиента. Язык JavaScript предоставляет возможность доступа к элементам разметки web-страницы посредством объектов.  При создании сценариев на языке JavaScript приходится сталкиваться с трудностями, связанными с тем, что различные web-браузеры могут по-разному интерпретировать эти сценарии. Самые серьезные трудности возникают, если какой-либо из браузеров не поддерживает тот или иной объект, метод или свойство. Наиболее практичным и современным  способом решения данной проблемы является использование свободной библиотеки jQuery [7]. Данная библиотека реализована на языке JavaScript и расширяет возможности данного языка, нивелируя различия между браузерами.

В процессе разработки web-приложения язык JavaScript и библиотека jQuery были использованы мной для создания сценариев работы с разметкой web-страниц и в процессе использования технологии AJAX.

1.6. Технология AJAX

AJAX (Asynchronous Javascript and XML - «асинхронный JavaScript и XML») – технология, посредством которой возможно осуществить асинхронный запрос к компьютеру web-приложения. Другими словами, это запрос, который не требует перезагрузки страницы web-клиентом [8].

Технология AJAX предоставляет возможность по какому-либо действию пользователя (например, нажатие на ссылку) не осуществлять запрос на полное получение web-страницы, а получать только нужную в данный момент часть web-страницы. Таким образом, снижается объем данных, передаваемых между компьютером web-приложения и компьютером пользователя, следовательно, снижается время, которое требуется на запрос и получение ответа. Кроме того, за счет того, что страница не перезагружается, у пользователя создается впечатление непрерывной работы с web-приложением.