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

СОДЕРЖАНИЕ

ВВЕДЕНИЕ

1. АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ

1.1 Принципы построения web-сайта

1.2 Языки web-программирования

1.3 Технология JavaScript

1.4 Описание CMS - системы Joomla

2. ПРОГРАММНАЯ РЕАЛИЗАЦИЯ ПРИЛОЖЕНИЯ

2.1 Проектирование архитектуры приложения

2.2 Проектирование пользовательского интерфейса

2.3 Программирование компонентов

2.4 Структура базы данных

3. ОПИСАНИЕ ПОЛЬЗОВАТЕЛЬСКОГО ИНТЕРФЕЙСА

3.1 Интерфейс пользователя

3.2 Интерфейс администратора

3.3 Технико-экономическое обоснование целесообразности создания сайта

4. БЕЗОПАСНОСТЬ ЖИЗНЕДЕЯТЕЛЬНОСТИ

4.1 Актуальность вопросов обеспечения безопасной деятельности человека в городской среде, а также защиты окружающей среды и рационального использования природных ресурсов

4.2 Пояснительная часть

4.3 Расчетная часть

ЗАКЛЮЧЕНИЕ

СПИСОК ИСПОЛЬЗУЕМЫХ ИСТОЧНИКОВ

ПРИЛОЖЕНИЯ

ВВЕДЕНИЕ

Данный дипломный проект разработан по заказу Общества с ограниченной ответственностью Производственно Коммерческой Фирмы «Югтехстрой».

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

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

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

По предъявленным требованиям web-приложение должно содержать:

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

2) Форму обратной связи, с авторизацией зарегистрированных пользователей.

3)Галерею ювелирных изделий.

4)Возможность заказа продукции и услуг через Internet и распечатка этого заказа, отправка копии заказа на корпоративную почту компании.

Определение состава средств разработки обусловлена на выборе cms-системы Joomla 1.5.15, ввиду высокого уровня ее развития и широкого выбора компонентов, модулей, плагинов, а также соответствие самым жестким требованиям безопасности, осуществлялась работа со следующим программным обеспечением:

1)Microsoft Windows Vista^тм Home Premium Edition Service Pack-- операционная система;

2) Apache/2.2.4 (Win32) mod_ssl/2.2.4 OpenSSL/0.9.8k PHP/5.3.3 rus/ -- web-сервер;

3)PHP 5.3.3, JavaScript - языки программирования;

4) CMS Joomla - система управления содержимым, написанная на языках PHP и JavaScript, использующая в качестве хранилища базу данных MySQL.

Данный комплекс программного обеспечения позволяет решить поставленные задачи в полном объеме.

Основное содержание дипломного проекта изложено в четырех главах.

В первой главе описываются основные технологии, при помощи которых был реализован web-сайт.

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

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

В заключительной главе затронуты вопросы экологии.

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

1. АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ

1.1 Принципы построения web-сайта

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

1) поднятие престижа компании;

2) продвижение торговой марки;

3) доступность информации о продукции и ценах для клиентов;

4) прямая продажа продукции в Internet, организация интернет - каталога.

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

Типичная структура Web-сайта фирмы обычно выглядит так:

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

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

3) Лента новостей информирует клиентов о новых изделиях, предоставляемых фирмой.

4) В контактной информации сообщается, как можно связаться с магазином, адрес места расположения и телефоны.

При наполнении web-сайта всегда нужно помнить два принципа: уникальность и достоверность публикуемых материалов. Уникальность является первоочередным требованием к содержанию. В Internet уже может существовать немало страниц с похожими материалами. Web-сайт должен чем-то отличаться от серверов с аналогичной тематикой. Наличие уникальных материалов на страницах увеличит ее посещаемость. Для того чтобы создать уникальный информационный ресурс, не обязательно изобретать что-то принципиально новое, можно по-другому оформить уже существующие ресурсы, но при этом не заставлять клиента тратить много времени на их поиск. Проверить же ресурсы на уникальность можно с помощью поисковых серверов. Что касается авторитетности, то все зависит от того, насколько тщательно подбирается информация, проверяется и своевременно обновляется. При создании сайта необходимо помнить, что составляющие его отдельные документы должны быть объединены общим стилем оформления и средствами навигации. Благодаря единообразно сделанным документам пользователи будут отличать web-сайт от других и запомнят его. Это не значит, что документы должны быть похожи, но общая идея, единый стиль, должны присутствовать непременно.

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

На сегодня представление о структуре документа достаточно устоялось. Web-документ должен содержать в себе следующие разделы: заглавие, название компании, содержание, контактную информацию, дату и время обновления, авторские права и статус документа [8].

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

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

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

Использование SSI (Server Side Includes) позволяет серверу вставлять небольшие объемы динамических данных непосредственно в пересылаемый пользователю HTML-документ. Запрошенная HTML-страница «просматривается» в поисках элементов SSI. Обнаружив такой элемент, сервер вставляет требуемую динамическую информацию. С помощью SSI можно включать один файл в состав другого, исполнять CGI-сценарии и передавать другую информацию. Необходимо уточнить, какие именно функции SSI поддерживаются на сервере провайдера. Поддержка сервером провайдера CGI-сценариев. CGI (Common Gateway Interface, общий шлюзовой интерфейс) -- спецификация, позволяющая серверу выполнять произвольные прикладные программы. В результате работы таких программ создаются HTML-документы. С помощью CGI-сценариев могут приниматься данные от пользователя, они позволяют организовать диалог на страницах, запросы к базам данных и т.д. Чтобы пользователю было легко просматривать страницы, web-сервер провайдера должен уметь автоматически перекодировать документы в зависимости от поступившего запроса. В противном случае либо содержание вашего сайта для некоторых посетителей будет нечитаемым, либо придется обеспечивать несколько копий сайта -- по одной на каждую поддерживаемую кодировку [8].

1.2 Языки web-программирования

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

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

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

Аббревиатура PHP означает «Hypertext Preprocessor (Препроцессор Гипертекста)». Синтаксис языка берет начало из C, Java и Perl. PHP достаточно прост для изучения. Преимуществом PHP является предоставление web-разработчикам возможности быстрого создания динамически генерируемых web-страниц.

Важным преимуществом языка PHP перед такими языками, как языков Perl и C заключается в возможности создания HTML документов с внедренными командами PHP.

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

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

Возможности PHP очень большие. Главным образом, область применения PHP сфокусирована на написание скриптов, работающих на стороне сервера; таким образом, PHP способен выполнять всё то, что выполняет любая другая программа CGI. Например, обрабатывать данных форм, генерировать динамические страницы, отсылать и принимать cookies. Но PHP способен выполнять и множество других задач.

Существуют три основных области, где используется PHP.

1) Создание скриптов для выполнения на стороне сервера. PHP наиболее широко используется именно таким образом. Все, что необходимо, это парсер PHP (в виде программы CGI или серверного модуля), в web-сервер и браузер. Для возможности просмотра результатов выполнения PHP-скриптов в браузере, необходим работающий web-сервер и установленный PHP.

2) Создание скриптов для выполнения в командной строке. Можно создать PHP-скрипт, способный запускаться вне зависимости от web-сервера и браузера. Все, что при этом потребуется - парсер PHP. Такой способ использования PHP подходит для скриптов, которые должны выполняться регулярно, например, с помощью cron (на платформах *nix или Linux) или с помощью планировщика задач (TaskScheduler) на платформах Windows. Эти скрипты также могут быть использованы в задачах простой обработки текстов.

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

PHP доступен для большинства операционных систем, включая Linux, многие модификации Unix (такие, как HP-UX, Solaris и OpenBSD), MicrosoftWindows, Mac OS X, RISC OS, и многих других. Также в PHP включена поддержка большинства современных web-серверов, таких, как Apache, MicrosoftInternetInformationServer, PersonalWebServer, серверов Netscape и iPlanet, сервера OreillyWebsitePro, Caudium, Xitami, OmniHTTPd и многих других. Для большинства серверов PHP поставляется в качестве модуля, для других, поддерживающих стандарт CGI, PHP может функционировать в качестве процессора CGI.

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

PHP способен не только выдавать HTML (англ. HyperTextMarkupLanguage). Возможности PHP включают формирование изображений, файлов PDF и даже роликов Flash, создаваемых «на лету». PHP также способен выдавать любые текстовые данные, такие, как XHTML и другие XML-файлы. PHP способен осуществлять автоматическую генерацию таких файлов и сохранять их в файловой системе вашего сервера, вместо того, чтобы отдавать клиенту, организуя, таким образом, кеш динамического содержания, расположенный на стороне сервера [4].

Одним из значительных преимуществ PHP является поддержка широкого круга баз данных. Создание скрипта, использующего базы данных, - очень просто. В настоящее время PHP поддерживает следующие базы данных (Adabas D, dBase, Empress, FilePro, Hyperwave, IBM DB2, Ingres, Informix, InterBase, FrontBase, mSQLDirect MS-SQL, Oracle, Ovrimos, PostgreSQL, Solid, MySQL, ODBC, Sybase, Velocis, Unixdbm).

Также в PHP включена поддержка DBX для работы на абстрактном уровне, что позволяет работать с любой базой данных, использующих DBX. Кроме того, PHP поддерживает ODBC (Open Database Connection standard), таким образом, существует возможность работать с любой базой данных, поддерживающей этот стандарт.

PHP также поддерживает «общение» с другими сервисами с использованием таких протоколов, как LDAP, IMAP, SNMP, NNTP, POP3, HTTP, COM (на платформах Windows) и многих других. Кроме того, имеется возможность работать с сетевыми сокетами «напрямую». PHP поддерживает стандарт обмена сложными структурами данных WDDX. Обращая внимание на взаимодействие между различными языками, следует упомянуть о поддержке объектов Java и возможности их использования в качестве объектов PHP. Для доступа к удаленным объектам можно использовать расширение CORBA.

PHP включает средства обработки текстовой информации, начиная с регулярных выражений Perl или POSIX Extended и заканчивая парсером документов XML. Для парсинга XML используются стандарты SAX и DOM. Для преобразования документов XML можно использовать расширение XSLT.

Последним по порядку является поддержка многих других расширений, таких, как функции поисковой машины mnoGoSearch, функции IRC Gateway, функции для работы со сжатыми файлами (gzip, bz2), функции календарных вычислений, функции перевода и многое другое.

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

Существует еще одна «характеристика», которая делает РНР особенно привлекательным: он распространяется бесплатно. С открытыми исходными кодами (OpenSource).

Сценарий РНР может состоять из 10 000 строк или из одной строки -- все зависит от специфики задачи. Не приходится подгружать библиотеки, указывать специальные параметры компиляции. Механизм РНР начинает выполнять код после первой экранирующей последовательности (<?) и продолжает выполнение до того момента, когда он встретит парную экранирующую последовательность (?>). Если код имеет правильный синтаксис, он исполняется в точности так, как указал программист.

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

Большое разнообразие встроенных функций PHP избавляет разработчика от написания многострочных пользовательских функций.

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

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

РНР предоставляет в распоряжение разработчиков и администраторов гибкие и эффективные средства безопасности, которые условно делятся на две категории: средства системного уровня и средства уровня приложения.

В РНР реализованы механизмы безопасности, находящиеся под управлением администраторов; при правильной настройке РНР это обеспечивает максимальную свободу действий и безопасность. РНР может работать в так называемом безопасном режиме (safemode), который ограничивает возможности применения РНР пользователями по ряду важных показателей. Например, можно ограничить максимальное время выполнения и использование памяти (неконтролируемый расход памяти отрицательно влияет на быстродействие сервера). По аналогии с cgi-bin администратор также может устанавливать ограничения на каталоги, в которых пользователь может просматривать и исполнять сценарии РНР, а также использовать сценарии РНР для просмотра конфиденциальной информации на сервере.

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

Поскольку РНР является встраиваемым (embedded) языком, он отличается исключительной гибкостью по отношению к потребностям разработчика. Хотя РНР обычно рекомендуется использовать в сочетании с HTML, он с таким же успехом интегрируется и в JavaScript, WML, XML и другие языки. Кроме того, хорошо структурированные приложения РНР легко расширяются по мере необходимости (впрочем, это относится ко всем основным языкам программирования) [7].

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

Поскольку РНР не содержит кода, ориентированного на конкретный web-сервер, пользователи не ограничиваются определенными серверами (возможно, незнакомыми для них). Apache, Microsoft IIS, NetscapeEnterpriseServer, Stronghold и Zeus -- РНР работает на всех перечисленных серверах. Поскольку эти серверы работают на разных платформах, РНР в целом является платформенно-независимым языком и существует на таких платформах, как UNIX, Solaris, FreeBSD и Windows 95/98/NT/2000/XP/2003/Vista [15].

Средства РНР позволяют программисту работать с внешними компонентами, такими как EnterpriseJavaBeans или СОМ-объекты Win32. Благодаря этим новым возможностям РНР занимает достойное место среди современных технологий и обеспечивает масштабирование проектов до необходимых пределов.

1.3 Технология JavaScript

JavaScript -- объектно-ориентированный скриптовый язык программирования. Является диалектом языка ECMAScript.

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

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

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

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

JavaScript имеет ряд свойств, присущих функциональным языкам -- функции как объекты первого класса, объекты как списки, карринг, анонимные функции, замыкания -- что придаёт языку дополнительную гибкость [15].

Несмотря на схожий с Си синтаксис, JavaScript по сравнению с языком Си имеет коренные отличия:

1) объекты, с возможностью интроспекции;

2) функции как объекты первого класса;

3) автоматическое приведение типов;

4) автоматическая сборка мусора;

5) анонимные функции.

1.4 Описание CMS - системы Joomla

Joomla -- система управления содержимым, написанная на языках PHP и JavaScript, использующая в качестве хранилища базу данных MySQL. Является свободным программным обеспечением, распространяемым под лицензией GNU GPL.

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



Рис 1. Панель управления Joomla

Особенности Content Management System Joomla:

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

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

3)CMS Joomla - это легкая и практически бесконечная расширяемость. Но главное это то, что функциональность сайта помогают расширять сотни и тысячи разнообразных модулей и компонентов, которые можно найти на просторах Internet. Подавляющее количество этих модулей бесплатны [5].

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

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

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

Несмотря на наличие многих других CMS, Joomla используется не только частными лицами, но и общественными организациями, корпорациями, некоммерческими и другими организациями. Одна из причин популярности Joomla -- легкость использования. Непринужденность использования Joomla обусловлена ее внутренним устройством. В дополнение к стандартным встроенным функциям Joomla, доступно более 200 бесплатных и коммерческих расширений (плагинов), позволяющих построить на базе Joomla сайт практически любой сложности. Расширения Joomla позволяют за короткий промежуток времени создать форум, чат, интернет-магазин, аукцион и т. д. Главное в этой системе управления простой, интуитивно понятный интерфейс пользователя. Многие CMS требуют от пользователя некоторой квалификациидля настройки и обслуживания сайта. CMS Joomla, напротив, позволяет производить все операции по обслуживанию сайта через простую и изящную панель управления. А поскольку у панели управления web-интерфейс, то управлять своим сайтом вы можете в любой момент времени.

Данная CMS совмещает мощность и простоту:

1) полноценное управление сайтом через web-интерфейс;

2) web-интерфейс позволяет управлять основными элементами сайта - страницами, графикой, файлами и другими данными;

3) функции одобрения контента, позволяющие модерировать материал, публикуемый удаленными авторами;

4) иерархическое управление группами пользователей;

5) автоматизированное управление меню сайта;

6) возможность автоматической публикации и удаления материала по расписанию;

7) защита пользовательских учетных записей.

Рассмотрим основные функции управления контентом (содержимым сайта) и возможность взаимодействия посетителей и CMS:

1) встроенные WYSlWYG - редакторы (What You SeeIs What You Get), позволяющие создавать страницы сайта без знания HTML;

2) автоматический поиск по сайту;

3) полная поддержка новостных лент форматов RSS и Atom;

4) встроенная возможность создания опроса (голосования);

5) управление рекламными баннерами;

6) плагины для организации интернет-магазинов, например, корзина, галерея изображений и др.;

7) многоязычность (полная поддержка русского языка и русских кодировок символов).

Необходимо отметить следующие особенности Joomla:

1) полная открытость исходного кода -- загружается исходный код и имеется право его изменять;

2) поддержка операционных систем Linux и Windows (в целях эксперимента можно даже установить Joomla на домашний компьютер);

3) поддержка кэширования страниц для повышения производительности сайта.

С помощью плагинов расширяются возможности Joomla, при добавлении в нее новых функций. Возможно так же создание собственных расширений [19].

Для эффективного использования CMS рассмотрим основы ее работы. Рассмотрим простой пример: система управления Joomla должна отыскать запрошенный пользователем контент, отформатировать его в соответствии с шаблоном и отправить его в браузер пользователя. Пользователь увидит контент сайта, оформленныйв выбранный администратором сайта шаблон.

На рис. 2. показано, как работает обычный web-сервер без установленной CMS. Сначала браузер отправляет запрос серверу. Web-сервер получает HTML-код из статического HTML-файла и отправляет его браузеру пользователя. Поскольку HTML-файл статический, то пользователь получит его код без всяких изменений, как он сохранен на сервере.

Рис. 2. Как работает Web-сервер без CMS

Теперь рассмотрим, что получится, если на web-сервере установлена система управления контентом сайта (рис. 3.). На этот раз браузер пытается получить не статический HTML-файл, а PHP-сценарий, но, несмотря на это, адрес страницы почти идентичен предыдущему. Этот запрос загружает часть Joomla: ее основной файл. Интерпретатор РНР, установленный на web-сервере, обеспечивает выполнение РНР-сценариев. Другими словами, происходит запуск Joomla, которая сразу после запуска определяет, какая страница запрошена, устанавливает соединение с сервером баз данных MySQL, получает текст страницы, оформляет его в соответствии с шаблоном и отравляет в браузер. Обратите внимание, что CMS, используя текст, полученный из базы данных, и шаблон оформления, формирует HTML-код, который и отправляется в браузер.

Рис. 3. Принцип работы CMS

Как видно из примера, содержимое страниц сайта хранится не в статических HTML-файлах, а в таблицах базы данных, а HTML-код формируется динамически. Такой подход очень эффективен. При использовании CMS проблема обработки статических страниц исчезает -- достаточно изменить шаблон и все страницы будут выглядеть одинаково [5].

2. ПРОГРАММНАЯ РЕАЛИЗАЦИЯ ПРИЛОЖЕНИЯ

2.1 Проектирование архитектуры приложения

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

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

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

Web-сайт состоит из следующих основных функциональных частей (рис. 4.):

1. Каталог товаров

2. Поисковая система

3. Пользовательская корзина

4. Регистрационная форма

5. Форма отправки заказа

Рис. 4. Основные функциональные части сайта

Каталог представляет собой многоуровневую структуру данных, которая простым и понятным способом производит упорядочивание товаров (рис. 5.)



Рис. 5. Многоуровневая структура данных

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

Поисковая система является обязательным элементом каталога и реализуется на стороне сервера (рис. 6.).



Рис. 6.Поисковая система

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

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

Для осуществления заказа изделий требуется регистрация (рис. 7.).

Рис. 7. Авторизация

Новый пользователь заполняет форму авторизации, где указывает свое имя, логин, e-mail и пароль (рис. 8.).

Рис.8. Заполнение формы авторизации

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

Пользовательская корзина представляет собой некоторый массив данных, который служит для хранения заказанного пользователем товара (рис. 9.).



Рис. 9. Корзина

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

Форма отправки заказа служит для ввода контактной информации заказчика и отправки ее и заказа на электронный ящик организации (рис. 10.).

Рис. 10. Контактная информация заказчика

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

Максимальный уровень узла дерева называется высотой или глубиной дерева. Предка не имеет только один узел дерева - его корень.

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

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

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

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

Дерево, степень которого больше двух, называется сильноветвящимся [3].

Древовидная структура -- самый универсальный способ размещения web-страниц (рис. 11.). Она подходит для создания практически любых типов сайтов. Ее принцип заключается в том, что пользователь при заходе на заглавную страницу оказывается перед выбором, куда идти дальше. После перехода в нужный раздел, он подбирает необходимый подраздел и т.п. У древовидной структуры очень много достоинств, но так же есть и недостаток.

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



Рис.11. Древовидная структура сайта

2.2 Проектирование пользовательского интерфейса

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

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

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

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

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

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

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

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

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

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

Менеджер модулей показывает список всех доступных в системе инстанций модулей. Если нажать кнопку Новый, то отобразится список типов модулей, на основании которых были созданы существующие модули. После выбора типа модуля нужно будет указать параметры создаваемого модуля [15].

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

Исходный код ядра и библиотеки Joomla - основные файлы, обеспечивающие API для выполнения системных функций.

Сторонние библиотеки - это дополнительные библиотеки, использование которых позволяет расширять функционал Joomla. Это может быть библиотека парсинга XML-файлов DOMIT, библиотеки GD2, imagemagick, jquery и др.

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

Языковые файлы, обеспечивающие первичную локализацию Joomla.

CMSJoomla 1.5 работает на основе структуры «Модель - вид (представление) - контроллер» (Model - View - Controller). Model - View -Controller (MVC) - это структура проекта, которая организована таким образом, что логика и представление данных являются отдельными один от одного. С помощью такой схемы можно создавать гибкие легко расширяемые приложения с пользовательским интерфейсом.

Элементы MVC в Joomla осуществляются с использованием трех классов: JModel, JView, JController.

Модель (Бизнес модель, Model) - это элемент MVC, который предоставляет данные для View (Представление), а также реагирует на запросы от контроллера, изменяя свое состояние. Модель является частью компонента, которая включает в себя такие функции, как published, reorder, new, edit, save, move.

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

Контроллер (Controller) -- это обработчик действий пользователя (браузера на стороне клиента). Контроллер в зависимости от запроса, будет вызывать модель для управления данными и переходом Модели на View. Таким образом, контроллер вызывает модель, которая изменяет данные, а затем передает модель в View, который отображается на экране.

CMSJoomla всегда обрабатывает ссылку в корневом файле index.php для страниц FrontEnd или administrator/index.php для страниц BackEnd. Функция обработки URL загрузит требуемый компонент, основанный на значении 'option' в URL или переданных данных методом POST [5].

Для компонента интернет - каталога, URL выглядит так:

index.php?option=com_virtuemart&view=com_virtuemart

Если пользователь введет в браузере строчку

http:// имясайт /index.php ?option = com_virtuemart&view = virtuemart, то переменная «option» получит значение «com_virtuemart&view = virtuemart».

Эта ссылка запустит выполнение файла, являющегося точкой входа в компонент: http://Joomla_new.ru/components/com_virtuemart/virtuemart.php.

В шаблоне tmpl/default.php выводится на экран компонент.

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

1. Общую информацию о компоненте и авторе.

2. Список файлов, которые необходимо скопировать из архива, с указанием куда копировать.

3. Скрипты, сопровождающие установку и удаление компонента.

4. Файлы с SQL запросами, которые будут выполняться при установке и удалении компонента.

2.3 Программирование компонентов

Форма регистрации: определение переменных.

Именно форма хранит имена переменных, которые передаются серверу и с которыми будет работать скрипт.

if( !defined( '_VALID_MOS' ) && !defined( '_JEXEC' ) ) die( 'Direct Access to '.basename(__FILE__).' is not allowed.' );

global $mosConfig_absolute_path, $product_id, $vmInputFilter, $vmLogger;

Выделим скрипт проверки, а результат его работы будет передаваться остальной части кода php в виде значения переменной $logged. Если данные формы не отправлены, то этой переменной дается значение false. Если массив $_POST не пустой, то должны проверить существует такая пара логин/пароль. Для простоты кода, эти пары будем хранить в обычном массиве $users, где ключом будет имя пользователя, и значением - пароль. Значит для проверки пары достаточно условие:

if ($users[$_POST['login']] == $_POST['password'])

Форма добавления товара в корзину заказа:

function edit() -При вызове функции-члена Edit запись, находящаяся в буфере редактирования (текущая запись), сохраняется. Значения сохраненной записи используются в дальнейшем для обнаружения изменений в полях.

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

{$db=& JFactory::getDBO();

$user =& JFactory::getUser();

$edit = ($this->_task == 'edit');

if ($edit) { $cid= JRequest::getVar('cid', array(0), 'method', 'array');

$cid= array((int) $cid[0]);

} else {

$cid= array( 0 );}

$option = JRequest::getCmd('option');

JArrayHelper::toInteger($cid, array(0));

$row =& JTable::getInstance('Iprice_category', 'JTable');

$row->load( $cid[0] );

if ($edit) {

// Заполнение существующих полей заказа

$row->checkout($user->get('id'));

} else {

// Заполнение новых полей заказа

$row->ordering = 0;}

$lists = array();

// Список выбора для html заказа

$query = $row->GetOrderQuery($row->secid);

if($edit)

$lists['ordering'] = JHTML::_('list.specificordering', $row, $cid[0], $query );

else $lists['ordering'] = JHTML::_('list.specificordering', $row, '', $query );

$lists['published']= JHTML::_('select.booleanlist', 'published', '', $row->published );

// Получаемпараметрыопределения

$file = JPATH_ADMINISTRATOR.' / components / com_virtuemart / virtuemart_items.xml';

$params = new JParameter( $row->params, $file, 'component' );

IPricecalcViewCategory::category( $row, $lists, $params);}

functionsave()

Функция Save() сохраняет изменения свойств. Она не принимает никаких параметров.

{global $mainframe;

// Проверка запроса на заказ

JRequest::checkToken() or jexit ('Недопустимое значение');

// Инициализация переменных

$db=&JFactory::getDBO();

$row=& JTable::getInstance('Iprice_category', 'JTable');

$post = JRequest::get( 'post' );

// Объявление внутренних переменных классов и функций

var $_query = "";

var $_querycount = "";

var $_where= "";

var $_orderby= "";

function __construct(&$db)

Function __construct(&$db) - введение в конструктор для класса с общим именем __construct, упрощает переименовывание классов во время их разработки. Если в классе есть и __construct и функция, имя которой совпадает с именем класса, то в качестве конструктора будет вызвано __construct. При перегрузке метода-конструтора, вызов конструктора класса-предка осуществляется через parent::__construct().

Конструктор для класса с общим именем __construct упрощает переименование классов во время их разработки. Если в классе есть и __construct и функция, имя которой совпадает с именем класса, то в качестве конструктора будет вызвано __construct. При перегрузке метода-конструтора, вызов конструктора класса-предка осуществляется через parent::__construct().

{ parent::__construct( '#__ virtuemart', 'currcode', $db );

$this->currdate= date('Y.m.d H:i:s');}

functioncheck() {returntrue;}

Functioncheck() - проверяет, не является ли сохранение недопустимым. При успешном прохождении, сохраняет заказ пользователя.

//Настройка запроса

functionSetQuery($search = "",$filter_order = "", $filter_order_Dir = "") {$db=&JFactory::getDBO();

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

Запрос может быть следующих видов:

'select * from jos_user'

'select * from #__users'

Использование комбинации символов #__ вместо префикса таблиц, позволяет использовать компонент с разными базами данных CMSJoomla (отличающимся префиксом таблиц).

В процессе выполнения функции setQuery, #__ заменяется на текущий префикс.

Поэтому предпочтительнее использовать второй вид запросов.

$wh = NULL; if ( $search ) {

$wh[] = 'currcode LIKE '.$db->Quote( '%'.$db->getEscaped( $search, true ).'%', false );}

$this->_where = ( count( $wh ) ? ' WHERE ' . implode( ' AND ', $wh ) : '' );

if ($filter_order == 'currcode' || $filter_order == ''){

$this->_orderby = ' ORDER BY currcode '. $filter_order_Dir;

} else {

$this->_orderby = ' ORDER BY '. $filter_order .' '. $filter_order_Dir ;}}

Настройка списка категорий товара.

function GetList($limitstart = 0, $limit = 0)

{$db=& $this->getDBO();

$db->setQuery( $this->_query . $this->_where . $this->_orderby, $limitstart, $limit);

$rows = $db->loadObjectList();

return $rows;}

Function insert() - функция вставляет записи (и страницы) в базу данных. Она проверяет переменные, заполняет недостающие значения в них (дату, время) и производит некоторые проверки. Она принимает объект в качестве аргумента и возвращает ID созданной записи.

{$db = & $this->_db;

$query = 'insert into #__ virtuemartvalues('.$db->Quote(strtoupper($this->currcode)).','.$db->Quote($this->currdate).','.$this->rate.','.$db->Quote($this->symbol).','.$this->symplace.','.$this->usespace.',0,0)';