Создания сайта на Joomla для строительной компании

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

АВТОНОМНОЕ НЕКОММЕРЧЕСКОЕ ОБРАЗОВАТЕЛЬНАЯ ОРГАНИЗАЦИЯ ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ “КЫЗЫЛЬСКИЙ ТЕХНИКУМ ЭКОНОМИКИ И ПРАВА”

КУРСОВАЯ РАБОТА

по дисциплине: «Прикладная информатика по отраслям»

на тему: «Создания сайта на Joomla для строительной компании»

Выполнил: Сарыглар Бадый-Хаан

студент группы:9181

Преподаватель: Очур А.С.

Кызыл

2020

Введение

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

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

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

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

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

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

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

1. Теоретическая часть

1.1 Обоснование необходимости в веб-сайте

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

Процесс создания и разработки сайтов включает в себя:

1. Утверждение первичного технического задания на разработку сайта.

2. Определение структурной схемы сайта - расположение разделов, контента и навигации.

3. Веб-дизайн - создание графических элементов макета сайта, стилей и элементов навигации.

4. Разработку программного кода, модулей, базы данных и других элементов сайта необходимых в проекте.

5. Тестирование и размещение сайта в сети Интернет.

1.2 Понятие сайта

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

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

Веб-сайт состоит из связанных между собойвеб-страниц. Веб-страница представляет собой текстовый файл с расширением *. htm, содержащий текстовую информацию и специальные команды - HTML-коды, определяющие в каком виде эта информация будет отображаться в окне браузера. Вся графическая, аудио-и видео-информация непосредственно в веб-страниц не входит и являются отдельными файлами с расширениями *. gif, *. jpg (графика), *. mid, *. mp3 (звук), *. avi (видео). В HTML-коде страницы содержатся только указания на такие файлы.

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

1.2.1 Классификация сайтов

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

Информационные сайты. К ним относятся сайты учебных заведений, сообществ по интересам, фирм и т.д.

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

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

Социальные сайты. Это веб-сайты на которых каждый человек имеет возможность общаться со старыми друзьями и находить новых.

1.3 Проектирование сайта

Проектирование и разработка сайтов включает:

* Утверждение первичного техническогозадания разработки сайта.

* пределение структурной схемы сайта - расположение разделов, контента и навигации.

* Веб-дизайн - создание графических элементов макета сайта, стилей и элементов навигации.

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

* Тестирование и размещение сайта в сети Интернет.

1.4 Этапы разработки сайта

1.4.1 Постановка задачи при проектировании сайта

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

* гибкостью, удобной для администраторов системой управления структурой;

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

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

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

1.4.2 Выбор программных средств разработки веб-сайта

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

Название «Joomla» фонетически идентично слову «Jumla», которое в переводе с суахили означает «все вместе» или «в целом», что отражает подход разработчиков и сообщества к развитию системы.

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

1.4.3 Разработка интерфейса

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

1.4.4 Разработка базы данных

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

1.4.5 Разработка административной части сайта

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

Административная часть сайта представлена в виде системы управления содержимым. Система управления содержимым (англ. Content management system, CMS) - компьютерная программа, используемая для управления содержимым чего-либо (обычно содержимое рассматривается как неструктурированные данные, в противоположность структурированным данным, СУБД, обычно находятся под управлением). Обычно такие системы используются для хранения и публикации большого количества документов, изображений, музыки или видео.

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

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

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

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

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

1.5 Обоснование выбора системы управления содержанием

Необходима развитая гипертекстовая структура - HTML создан именно для этого; необходимо обеспечить гибкую структуру управления материалом - управлять HTML-содержимым удобно с помощью PHP + MySQL. Именно эта связка позволяет генерировать динамическиеHTML-страницы; необходимо реализовать вариативность представления материала - в этом случае использование HTML + CSS более обоснованно. Именно эта комбинация средств позволяет создавать мультимедийные документы; необходимо обеспечить поддержку внутреннего магазина сайта.

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

1.6 Средства разработки

1.6.1 Язык разметки гипертекстовых документов HTML

Обмен информацией в Интернет осуществляется с помощью протоколов прикладного уровня, реализующих тот или иной прикладной сервис (пересылку файлов, гипертекстовой информации, почта и т.д.). Одним из самых молодых и популярных сервисов Интернет, развитие которого и привело к всплеску популярности самой Интернет, стала World Wide Web (WWW), основанная на протоколе HTTP (Hyper Text Transfer Protocol - протокол передачи гипертекстовой информации). Гипертекстовые документы, представленные в WWW, имеют одно принципиальное отличие от традиционных гипертекстовых документов - связи, в них используемые, не ограничены одним документом, и более того, не ограничены одним компьютером. Для подготовки гипертекстовых документов используется язык HTML (Hyper Text Markup Language - язык разметки гипертекстовых страниц), он предоставляет широкие возможности по форматированию и структурной разметке документов, организации связей между различными документами, средства включения графической и мультимедийной информации. HTML-документы просматриваются с помощью специальной программы - браузера. Наибольшее распространение в настоящее время получили браузеры Opera, Mozilla Firefox и Internet Explorer компании Microsoft (MSIE). Реализации Opera и Mozilla Firefox доступны практически для всех современных программных и аппаратных платформ, реализации MSIE доступны для всех Windows платформ, Macintosh и некоторых коммерческих Unix-систем.HTML-документ состоит из текста, что является содержанием документа, и тегов, определяющих его структуру и внешний вид при отображении браузером. Простой html-документ выглядит следующим образом:

Название

Тело документа

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

Текст всего документа заключается в теги , сам документ разбивается на две части - заголовок и тело.

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

- начало нового абзаца, может иметь параметр, определяющий выравнивание:

- перевод строки в пределах текущего абзаца;

- выделение текста подчеркиванием

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

1.6.2 Динамическая язык разметки гипертекстовых документов DHTML

Динамический HTML (Dynamic HTML, DHTML) не является каким-тоособым языком разметки страниц. Это всего лишь термин, применяемый для обозначений HTML-страниц с динамически изменяемым содержанием.

Реализация DHTML "стоит" на трех "китах": непосредственно HTML, каскадные таблицы стилей и языка сценариев. Эти три компонента DHTML связаны между собой объектной моделью документа (DOM, Document Object Model), который является по сути интерфейсом прикладного программирования (API). DOM связывает воедино три перечисленные компоненты, добавляя простом документа HTML новое качество - возможность динамического изменения своего содержимого без перегрузки страницы.

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

1.6.3 Расширяемый язык разметки XML

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

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

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

Решением всех описанных выше проблем стал утвержденный в 1998 году международной организацией W3C язык XML. XML (eXtensible Markup Language) - это расширяемый язык разметки, предназначенный для описания в текстовой форме структурированных данных. Этот текстовый (text-based) формат, во многом схожий с HTML, разработан специально для хранения и передачи данных.

XML позволяет описывать и передавать такие структурированные данные, как:

1. Отдельные документы.

2. Метаданные, описывающие содержимое какого-либо узла Internet.

3. Объекты, содержащие данные и методы работы с ними (например, элементы управления ACTIVEX или объекты Java).

4. Отдельные записи (например, результаты выполнения запросов к базам данных)

5. Всевозможные веб-ссылки на информационные и человеческие ресурсы Internet (адреса электронной почты, гипертекстовые ссылки и др.)

Данные, описанные на языке XML, называются XML-документами. Язык XML легко читаем и достаточно прост для понимания. Если Вы были знакомы с HTML, то научиться составлять XML-документы не составит для Вас никаких трудностей.

Первоначальный текст XML-документа состоит из набора XML-элементов, каждый из которых содержит начальный и конечный теги. Каждая пара тегов представляет часть данных. То есть, как и HTML, язык XML для описания данных использует теги. Но, в отличие от HTML, XML позволяет использовать неограниченный набор пар тегов, каждый из которых представляет не то, как заключенные в нее данные должны выглядеть, а то, что они означают.

Любой элемент XML-документа может иметь атрибуты, характеристики, уточняющие его. Атрибут - это пара имя = "значение", которая задается при определении элемента вначальном тэге.

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

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

Управлять отображением элементов в окне программы-клиента (например, в окне браузера) можно с помощью специальных инструкций - стилевых таблиц XSL (eXstensible Stylesheet Language). Эти таблицы XSL позволяют определять оформление элемента в зависимости от его месторасположения внутри документа, т.е. до двух элементов с одинаковым названием могут применяться различные правила форматирования. Кроме того, языком, лежащей в основе XSL, является XML, а это значит, что таблицы XSL более универсальны, а для контроля корректности составления таких стилевых таблиц можно использовать DTD-описания или схемы данных, рассмотрены ниже.

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

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

2. Вложенность тэгов в XML строго контролируется, поэтому необходимо следить за порядком следования открывающих и закрывающих тегов.

3. В XML учитывается регистр символов.

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

В XML существует набор зарезервированных символов, которые должны быть заданы в XML-документе только специальным образом. Многие специалисты рассматривают XML как новую технологию интеграции программных компонентов. Основными преимуществами использования XML являются:

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

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

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

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

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

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

Инструменты обработки данных, полученных в формате XML, могут быть разработаны в среде Visual Basic, Java или C.

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

ИсторияPHP начинается осенью 1994 года. Когда Расмус Лердорф (Rasmus Lerdorf) начал работать над тем, что впоследствии стало PHP, единственной целью, которая была у него в мыслях, выяснить, кто читает его резюме. В то время, будучи независимым подрядчиком, Лердорф рассылал потенциальным работодателям свое мини-резюме с URL ссылкой на его полную версию. Чтобы следить за посетителями, он создал CGI скрипт на Perl-е, который вставлялся как специальный тег в HTML код его страницы, и собирал информацию о посетителях. Чтобы произвести впечатление на потенциальных работодателей, он позволил любому посетителю страницы просматривать собираемую статистику посещений. [1]

Он назвал этот код для сбора статистики «PHP-Tools for Personal Home Page», поскольку сам использовал его на своей персональной домашней странице (personal home page). Несколько человек поинтересовались тем, как они могли бы получить этот инструмент, и Лердорф принял решение предоставить его другим лицам. «Это чудо программного обеспечения. Вы можете дать это мне и оставить это себе », - остроумно заметил Лердорф. В то время движения Open Source не существовало. Тогда оно назвалось freeware. Ближе к концу 1995 года Лердорф открыл для людей первый список рассылки по PHP, чтобы можно было обмениваться идеями, исправлениями ошибок и кодом.

1.6.5 Веб-сервер Apache.

Самый распространенный веб-сервер в мире - это Apache. По данным компании Netcraft, общее число веб-узлов, работающих под его управлением, к концу 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 (кстати, аббревиатура КОИ расшифровывается как "код обмена информацией"). Чтобы решить проблемы, возникающие при несовпадении кодировок текста на сервере и клиентской машине, и был создан российский модуль APACHE-RUS для веб-сервера Apache.

1.6.6 Система управления содержимым CMS Joomla

Joomla - это Система управления содержимым (CMS), созданная той же самой командой, которая получила множество наград и принесла сегодняшнюю известность системе Mambo CMS. [4]

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

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

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

1.7 Выводы

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

Для разработки дизайна была выбрана программа Macromedia Dreamweaver MX 2004, поскольку данная программа позволяет визуально наблюдать за созданием дизайна для сайта. На главной странице был размещен логотип сайта, основное меню сайта (для навигации по его структуре), форма аутентификации (входа зарегистрированных пользователей), регистрационные ссылки (регистрация новых клиентов).

2. Проектная часть

2.1 Общая структура сайта

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

Страница «Каталог книг» содержит категории товаров, которые есть в магазине.

Страница «Новинки» содержит те товары, которые недавно поступили в продажу.

Страница «Оплата и доставка» содержит всю необходимую покупателям информацию об оплате товара и его доставке.

Страница «Новости» содержит самые последние новости магазина.

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

Страница «Сотрудничество» содержитинформацию о компаниях, с которыми сотрудничает магазин и ее пожелания для других компаний.

При открытии страницы «Контакты» пользователь попадает на страницу с контактами. Там он может узнать всю контактную информацию о магазина.

На странице «Поиска» посетители могут найти любую информацию, которая содержится на сайте.

Страница «Вакансии» содержит информацию относительно вакансий в магазине.

2.2 Разработка интерфейса веб-сайта

2.2.1 Дизайн веб-сайта

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

Главная страница сайта.

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

При нажатии на ссылку «Каталог книг» выводится информация о категориях, которые существуют в магазине. Это намного упрощает поиск книг для клиентов

Вид регистрационной формы для нового пользователя показан на рис. 5.

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

2.2.2 Описание создания страниц сайта

Разработка сайта велась в основном в програмном пакете компании Joomla 1.5.7. Выбор данного пакета обоснован тем, что его освоение отнимает мало времени, при разработке доступен предварительный просмотр каждой отдельно совершенной сделки, доступно множество функций (организация интерактивных элементов сайта, создание гиперссылок в несколько нажатий мыши и т.п.), пакет поддерживает большое количествотехнологий (HTML, PHP, ASP, Java, XML, XSLT, CSS и др.).

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

Рассмотрим создание главной странички сайта. Она является основополагающей для всех остальных.

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

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

2.3 Разработка сайта на основе CMS

2.3.1 Описание установки на сервер CMS Joomla

Для доступа к административной панели управления Joomla используем адрес нашего веб-сайта (или полный путь к папке, в которую установлена Joomla) с добавлением в конце пути "/ administrator". Например, если адрес сайта www.myweb.ru, то доступ к панели управления возможен по адресу www.myweb.ru / administrator. После введения адреса, откроется страница авторизации

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

2.3.2 Создание разделов сайта

Раздел - это главный (верхний) объект в основе иерархииструктуры содержимого. Позже в Раздел будут добавлены Категории.

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

Будет открыта страница "Менеджер разделов". На странице "Менеджер разделов", используя кнопки на панели инструментов, можно (перечисление справа налево):

- открыть в новом окне страницу описания по данному окну ("Управление разделами"). Нажмите кнопку "Помощь".

- Создать новый раздел. Нажмите кнопку "Создать".

- Изменить существующий раздел. Нажмите на название раздела или отметьте нужный раздел и нажмите кнопку "Изменить".

- Удалить существующий раздел. Отметьте нужный раздел и нажмите кнопку "Удалить".

- Копировать существующий раздел. Отметьте нужный раздел и нажмите кнопку "Копировать".

- Скрыть (сделать неопубликованным) существующий раздел. Отметьте нужный раздел и нажмите кнопку "Скрыть".

- Допустить (Опубликовать) существующий раздел. Отметьте нужный раздел и нажмите кнопку "Показать".

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

На странице редактирования раздела с помощью кнопок на панели инструментов (перечисление справа налево):

- Помощь - открыть в новом окне страницу описания по данному окну (редактирование раздела). Нажмите кнопку "Помощь".

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

- Сохранить изменения и закрыть страницу редактирования раздела и вернуться (выйти) на страницу «Менеджер разделов» Нажмите кнопку "Сохранить".

- Загрузить изображение (сохраняется в папку images \stories). Нажмите кнопку "Изображение".

На странице редактирования раздела нужно:

- В поле "Псевдоним" ввести короткое имя раздела, которое будет использоваться в меню или в выпадающих списках панели управления.

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

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

- В поле "Порядок отображения" после применения (сохранения) изменений можно изменить порядок отображения раздела в списке на странице "Менеджер разделов".

- В поле "Доступ" можно выставить права доступа на просмотр данного раздела (содержимого данного раздела):

- "Все" - для всех посетителей веб-сайта

- "Зарегистрированный" - для зарегистрированных пользователей сайта

- "Специальный" - для зарегистрированных пользователей панели управления.

- В поле "Опубликовано" - выбрать публиковать сейчас или нет.

- В поле "Описание" можно написать краткое описание (аннотацию) содержимого раздела.

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

В поле «Описание» используется специальный редактор HTML, то есть не Joomla, а ее расширение - мамбот. Данное расширение, мамбот, называется HTML-редактором Joomla. В системе можно использовать любой из множества различных визуальных HTML-редакторов, но рекомендуется использовать "TINYMCE".

Кнопки на панели инструментов HTML-редактора помогают задавать стиль (формат) вводимого текста.

Закончив создавать или редактировать раздел, нажмимаем кнопку «Сохранить» для сохранения результатов работы и выхода настраницу «Менеджер разделов» или кнопку «Применить» для сохранения результатов, не закрывая страницы редактирования раздела.

2.3.3 Создание категорий сайта

Категория - это второй (после раздела) объект в иерархии структуры содержимого. Создание категории похоже на создание раздела.

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

Есть два способа перейти на страницу «Менеджер категорий».

Первый способ: можно нажать на главной странице панели кнопку «Менеджер категорий», или в основном меню выберите "Содержимое", затем пункт «Менеджер разделов». Будет открыта страница «Менеджер категорий».

Второй способ: в основном меню выбрать "Содержимое", затем "Содеожимое по разделам" и далее нужный нам раздел. И в выпадающем продолжении меню пункт "Добавить / изменить категории в выбранном вами разделе". Будет открыта страница «Менеджер категорий» (Рис. 13).

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

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

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

На странице «Менеджер категорий», используя кнопки на панели инструментов, можно (перечисление справа налево):

- Помощь - открыть в новом окне страницу описания поданному окну ("Менеджер категорий»). Нажмите кнопку «Помощь».

- Создать новую категорию. Нажмитекнопку "Создать".

- Изменить существующую категорию. Нажмите на название категории или отметьте нужную категорию и нажмите кнопку «Изменить».

- Удалить существующую категорию. Отметьте нужную категорию и нажмите кнопку «Удалить».

- Копировать существующую категорию. Отметьте нужную категорию и нажмите кнопку "Копировать".

- Перенести - переместить существующую категорию и все ее содержимое в другой раздел. Отметьте нужную категорию и нажмите кнопку "Перенести".

- Скрыть (сделать неопубликованной) существующую категорию. Отметьте нужную категорию и нажмите кнопку "Скрыть".

- Допустить (Опубликовать) существующую категорию. Отметьте нужную категорию и нажмите кнопку "Показать".

- Для создания новой категории нажмите кнопку "Создать". Будет открыта страница редактирования категории.

- Страница редактирования категории аналогичная странице редактирования раздела (Рис. 13). Основное отличие страниц редактирования "Категории" и "Раздела" - наличие поля выбора раздела, в который относиться категория. Создание новой категории почти полностью аналогично созданию нового раздела.

2.3.4 Создание объекта содержимого

Объект содержимого - это основное содержание сайта и нижний объект в иерархии структуры содержимого. Иными словами объект содержимого - это статья, которая должна содержаться в одной из наших категорий (соответственно и раздела).

Для работы с объектами содержимого необходимо перейти на страницу "Менеджер материалов".

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

- по разделам

- по категориям

- по автору

- по заголовку, значение указывается в поле "Фильтр".

На странице "Менеджерматериалов", используя кнопки на панели инструментов, можно (перечисление справа налево):

- Помощь - открыть в новом окне страницу описания поданному окну ("Управление содержимым"). Нажмите кнопку «Помощь».

- Создать новый объект содержимого. Нажмите кнопку "Создать".

- Изменить существующий объект содержимого. Нажмите на название объекта или отметьте нужный объект и нажмите кнопку «Изменить».

- Удалить существующий объект содержимого. Отметьте нужный объект и нажмите кнопку "В корзину".

- Копировать существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "Копировать" и затем выберите, куда скопировать объекты.

- Перенести - переместить существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "Перенести" и затем выберите, куда перенести объекты.

- Скрыть (сделать неопубликованным) существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "Скрыть".

- Допустить (Опубликовать) существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "Показать".

- Отправить в архив существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "В архив".

При создании или редактировании объекта содержимого (статьи), на странице редактирования (рис.15) доступны дополнительные поля, необходимые для выбора того (в отличие от страницы редактирования раздела или категории), в каком разделе (поле "Раздел:") и в какой категории (поле "Категория:") будет содержаться данный объект содержимого.

Далее доступны два окна HTML редактора, позволяющие разбить содержание статьи на две части: введение и все содержимое статьи. Разделение содержимого статей позволяет представить их в виде так называемого "Блога" или "Вестника", т.е. списка краткого описания статей, с кнопками "Подробнее" на все содержимое статей.

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

Далее, после сохранения, доступны дополнительные параметры управления объектом содержимого. Последняя вкладка "Связь с меню" может настраиваться при создании меню.

Если необходимо поместить изображения в содержании, то нужно использовать специальную возможность вставки изображений. Нажмем кнопку "Вставить изображение" (кнопка расположена внизу слева окна HTML редактора), после этого в содержимое будет добавлен текст {mosimage}, при обработке этого текста для отображения система (Joomla) определит, что необходимо вставлять изображения, список которых размещен на вкладке " параметры изображения ". Чтобы увидеть изображение в тексте, нажмем кнопку "Просмотр" на панели инструментов.

Использовать возможность {mosimage} можно много раз, изображения отображаются в порядке, указанном в списке; порядок можно менять, используя кнопки "Вверх" и "Вниз".

Использование {mosimage} это пример использования расширения Joomla - мамбота (mosimage).

Значение многих параметров на вкладке "Параметры-Расширенные", можно задать по умолчанию, для того, чтобы использовались "глобальные настройки". Задать значение "Глобальных настроек" можно в пункте меню "Менеджер материалов" меню "Материалы", во вкладке "Параметры". Данные значения можно индивидуально изменить для каждого объекта содержимого.

На данной вкладке можно ввести описание объекта и ключевые слова.

Если использовать кнопку "Добавить (Раздел, Категория, Заголовок)", то будут добавлены в поле "Ключевые слова" названия раздела, категории и заголовок объекта.

2.3.5 Создание меню on-line магазина

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

Используя расширения Joomla легко создать меню для отображения на сайте. В данном руководстве рассматривается меню, построенное на стандартном модуле (установленном по умолчанию) mod_mainmenu. Данный модуль является по умолчанию главным для создания меню. Место вывода меню на сайте определяется в шаблоне сайта. Устанавливая дополнительные расширения, можно расширить возможности отображения стандартного меню или отобразить его в другом виде, например в виде выпадающего каскадного меню с подменю (часто необходимо, чтобы со стороны пользователя была включена поддержка Javascript в браузере).

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

1. Выбрать меню, в которое будет добавлен пункт (ссылка).

2. Выбрать название пункта меню.

3. Нажмите кнопку "Связать с меню".

Примечание: На странице редактирования раздела или категории в дополнительном окне справа (для создаваемого раздела или категории данное окно будет доступно после сохранения - кнопка "Сохранить"). В данном окне необходимо:

1. Выбрать меню, в которое будет добавлен пункт (ссылка).

2. Выбрать тип меню, в каком виде появится раздел или категория.

3. Выбрать название пункта меню.

4. Нажмите кнопку "Связать с меню".

Для работы с меню для сайта необходимо перейти на страницу "Главное меню". В основном меню выбрать "Все меню", затем пункт меню "Главное меню".

Для работы с пунктами меню определенного меню (например, mainmenu) необходимо перейти на страницу "Управление меню [mainmenu]". В основном меню выбрать "Все меню", затемпункт меню "Главное меню".

На странице "Пункты меню [mainmenu]" (рис. 17) можно увидеть список уже созданных пунктов меню (по умолчанию без установки демонстрационных данных доступен только один пункт - "Главная").

для добавления нового пункта меню необходимо перейти на страницу "Создать". Нажмем кнопку "Создать" на странице "Управление Пункты меню [mainmenu]" для добавления нового пункта меню в меню mainmenu.

На странице "Пункт меню [Создать] доступны несколько типов создаваемого пункта меню. Все типы разбиты по группам.

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

1. Ввести имя нового пункта меню, поле "Заголовок".

2. Выбрать объект содержимого (статью), поле "Выберите материал".

3. Выбрать родительский пункт меню, поле "Родительский элемент".

4. Выбрать порядок расположения, поле "Порядок показа".

5. Выбрать уровень доступа, поле "Доступ".

6. Выбрать опубликование меню, поле "Опубликовано".

Справа можно, но не обязательно, выбрать изображение меню, поле "Картинка меню".

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

сайт joomla интернет магазин

2.3.6 Установка шаблона сайта

Одним из первых действий по настройке является установка шаблона сайта для нашего проекта. Есть много свободно распространяемых шаблонов для Joomla 1.5, и установка нового шаблона не является сложной процедурой. Шаблоны сайта для Joomla обычно распространяются (так же как и расширения) в виде. Zip файлов (или также. Tar.gz файла) Для использования таких файлов необходимо сохранить файл шаблона и далее перейти на страницу "Установка нового шаблона сайта"

На странице "Установить / Удалить" необходимо выбрать нужный файл для установки. Нажмем кнопку "Обзор" для выбора файла шаблона сайта и кнопку "Загрузить и установить".

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

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

2.3.7 Создание категории товаров магазина

После установки и настройки необходимых для функционирования сайта расширений, необходимо создать категории для товаров. Для этого мы используем расширения для CMS Joomla "VirtueMart", распространяемое по лицензии GNU \ GPL, т.е. можно использовать расширение бесплатно и изменять код расширения для своих нужд. Место вывода категорий определены в шаблоне сайта.

Чтобы создать новую для товаров, нужно в основном меню выбрать «Компоненты», затем пункт «VirueMart» После того, как перешли на главную страницу компонента «VirtueMart», нужно выбрать «Товары», затем пункт "Добавить категорию".

1. Ввести имя новой категории в поле «Наименование категории».

2. В поле "Описание категории" ввести информацию о категории.

3. Выбрать подкатегорию или категорию в поле «Родительская категория».

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

Во вкладке «Изображение» можно загрузить изображение для категории товаров.

После того, как поля заполнены, нажимаем «Сохранить» для сохранения введенной информации.

Для того чтобы просмотреть категории товаров, нужно выбрать «Товары», затем пункт «Отобразить категорию». На странице «Дерево категорий» будут отображены все категории товаров. Чтобы категория не отображалась в магазине, нужно отметить определенную категорию и нажать «Скрыть». Для того чтобы удалить категорию, нужно выбрать категорию и нажать «Удалить».

2.3.8 Размещение товаров в on-line магазине

После создания категорий товаров можно размещать товары в on-line магазине. Для того, чтобы добавить новый товар в магазин, нужно в основном меню выбрать «Компоненты», затем пункт «VirueMart». После того, как перешли на главную страницу компонента «VirtueMart», нужно выбрать «Товары», затем пункт «Добавить товар».

1. В поле «Артикул» нужно ввести артикул нового товара.

...