Преподаватель который помогает студентам и школьникам в учёбе.

Разработка структуры и функционала интернет-представительства компании АО IT-Технологии (Требования к дизайну сайта)

Содержание:

Введение.

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

Создание сайта предоставляет компании ряд следующих преимуществ.

1. Средство обращения к большой аудитории.

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

2. Источник подробной и актуальной информации о вашей компании.

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

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

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

4. Организация бизнес-процессов.

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

5. Обратная связь с клиентами.

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

6. Имидж.

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

Основная часть.

Требования к приложению

Требования к дизайну сайта

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

В дизайне сайта не должны присутствовать:

– мелькающие баннеры;

– много сливающегося текста.

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

Контентная область первой страницы должна делиться (как вариант) на следующие разделы:

– вступительная статья о компании со ссылкой «подробнее», ведущей на раздел «О компании»;

– новости – содержит 3 последние новости (анонсы) в формате: дата, заголовок, краткое содержание;

– краткая контактная информация – телефон и e-mail компании;

– вверху страницы отображается облегченная навигационная панель, которая обеспечивает переход к основным пунктам меню сайта;

– поле поиска – предназначено для выполнения полнотекстового поиска по сайту;

– поле выбора языка – русский/английский (не обязательно);

– счетчик и ссылка на страницу обмена ссылками.

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

– графическая шапка;

– навигационное меню сайта (переход к основным пунктам меню);

– поле поиска;

– ссылка «На главную»;

– навигационная панель по подразделам выбранного раздела сайта;

– поле для отображения контента выбранной страницы сайта;

– внизу страницы – краткая контактная информация;

– кнопка «Для печати» - обеспечивает вывод контентной области в виде, отверстанном для печати на листах формата А4;

– кнопка «Задать вопрос» - обеспечивает переход к форме «Задать вопрос».

Требования к системе управления сайтом

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

В состав дополнительных функций административной части должны входить:

– при попытке входа в закрытый раздел у пользователя, не прошедшего аутентификацию, должен быть запрошен логин и пароль;

– после прохождения аутентификации система должна проверять полномочия пользователя на доступ к запрошенному разделу.

Требования к видам обеспечения

Для реализации статических страниц и шаблонов должны использоваться языки HTML и CSS. Исходный код должен разрабатываться в соответствии со стандартами W3C.

Для реализации интерактивных элементов клиентской части должны использоваться языки JavaScript и DHTML.

Для реализации динамических страниц должен использоваться язык PHP.

Все ссылки на сайте должны быть относительным (за исключением внешних).

Анализ исходных данных.

Основные программные средства для создания web-сайта

Создание web-сайтов, их поддержка и развитие осуществляется с помощью специализированного ПО. HTML-документ, можно создавать в любом текстовом редакторе, например, в "блокноте" (MS NotePAD в составе Windows). HTML-документ, можно конвертировать из многих программ, (например, Microsoft Word). После конвертации одна страница текста может превратиться в огромный HTML-файл размером более 100кб. HTML-документ, можно создавать с помощью визуальных пакетов (WYSIWYG -What You See Is What You Get), таких, например, как Microsoft FrontPage. WYSIWYG-редакторы сами вырабатывают html-код документа, в то время как разработчик лишь выбирает нужные ему опции из меню. Разработчик сайта должен использовать разумное сочетание всех методов создания HTML-документов. При использовании этих методов следует учесть следующее:

создание различных эффектов в простом текстовом редакторе - громоздкая и сложная задача;

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

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

при создании эффектов с помощью специальных программ (например, Microsoft FrontPage) следует предусмотреть поддержку этих эффектов на web-сервере.

Одним из лидеров в области разработки программного обеспечения для подготовки web-публикаций является компания Macromedia. Очень популярны пакеты Macromedia: Dreamweaver, HomeSite (до версии 5 этот пакет выходил под названием Allaire <http://www.allaire.com> HomeSite), а также специализированные пакеты для создания компьютерной графики и анимации.

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

Также многие из рассмотренных сайтов были построены на основе тех или иных CMS (Content management system - Система управления содержимым), которые тоже имеют свои достоинства и недостатки.

Аббревиатура CMS расшифровывается как «Content Management Software» («программное обеспечение для управления содержимым»). В нашей стране принято последнюю букву «S» расшифровывать как «System», а по-русски это обычно звучит как «Система управления контентом». Английское слово content означает «нечто, содержащееся внутри» и применительно к письменным работам, обычно входит в словосочетание table of contents - содержание, перечень разделов (скажем, книги). Отличительная черта контента состоит в том, что он конструируется из отдельных кусочков: графика, документы (в том числе отчеты, ведомости и т.д.), звуковые и видеофайлы. Иногда употребляется более простое название – «движок сайта». Первой системой управления содержимым принято считать Vignette, которая появилась на западе в 1995 году. В нашей стране решения по управлению контентом появились значительно позже.

Само понятие «управление контентом» первоначально прочно ассоциировалось с процессом публикации и обновления информации на Web-сайтах - требовалась технология, позволяющая следить за ее актуальностью. Поэтому в качестве синонима content management часто используют термин Web content management. В результате термин content management расширился: им стали обозначать управление не только информацией на сайте, но и всеми разрозненными и разнообразными фрагментами корпоративной информации.

Одно из слабых мест таких систем - это работа сайта под нагрузкой. В отличие от статичной страницы, при пользовательском запросе через систему управления контентом, происходят более сложные процессы выдачи информации. Так если в первом случае пользователю просто передается уже готовая веб-страница за десятки миллисекунд, то во втором - страница сначала "собирается" системой, а затем уже отправляется пользователю - это уже около 1,5 сек. Ресурс мощности всегда ограничен, поэтому при пиковой нагрузке система может отказать. Это проблему можно решить при наличии у CMS возможности кэширования информации. Смысл кэширования в следующем: для первого пользователя, пришедшего на ресурс, страница действительно собирается, а для всех последующих она высылается в виде статик-контента, поскольку она уже была сохранена в кэш-памяти и в любой момент готова к отсылке. Данный способ снижает нагрузку на сервер в десятки раз. Существует и более сложное кэширование - так называемое "горячее кэширование", когда после запроса администратора все страницы сайта заранее "собираются" и в таком виде хранятся в ожидании запроса.

Для выполнения курсовой работы мною была выбрана СMS Joomla!, которая написана на языке PHP. В своей работе она хранит данные в СУБД MySQL. Работа возможна на операционных системах Windows, Linux, FreeBSD. Для обеспечения дополнительного функционала, такого как ЧПУ-адреса, требуется web-сервер Apache с модулем mod_rewrite или web-сервер IIS от Microsoft с расширениями, эмулирующими или заменяющими таковой модуль в apache. Joomla! имеет следующие возможности:

Визуальный редактор. Стандартно в версии 1.5 идет WYSIWYG редактор TinyMce, который используется в большинстве CMS. К сожалению, в версии 1.5 идет довольно старая версия WYSIWYG редактора - 2.0. Будем надеяться, что в версии 1.6 это будет доработано. Есть несколько других вариантов, самым популярным можно назвать JCE.

Шаблоны. Для версии 1.5 есть множество бесплатных шаблонов. Также можно найти и warez шаблоны. Легко можно и самому доработать уже готовый шаблон. В версии 1.0 были ограничения, не всегда позволяющие организовать задуманный дизайн без правки кода, но в версии 1.5 этих ограничений уже нет. Можно реализовать практически все в этой версии.

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

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

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

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

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

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

Подключение форума. Есть встроенные форумы такие как: FireBoard, Joomla-SMF. Так же есть возможность подключать и другие форумы через мосты. Можно подключить и phpBB, но для настройки моста придется кое-что делать вручную. Полной автоматической синхронизации на данный момент с внешними форумами нет.

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

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

Разработка приложения.

Постановка задачи

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

При создании сайта были изучены и рассмотрены программные пакеты по созданию Web-сайтов (Front Page 2000, NetObjects Fussion, Home Site, Macromedia Dreamweaver MX).

Были рассмотрены различные системы управления содержимым (CMS), обеспечивающие доступ к информации в сети Internet и удобное редактирование сайта. Из многообразия существующих в настоящее время CMS была выбрана наиболее оптимальная для работы с Web-приложениями - CMS Joomla, отвечающая всем требованиям разработчика. - система управления содержимым <http://ru.wikipedia.org/wiki/%D0%A1%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B0_%D1%83%D0%BF%D1%80%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D1%8F_%D1%81%D0%BE%D0%B4%D0%B5%D1%80%D0%B6%D0%B0%D0%BD%D0%B8%D0%B5%D0%BC>, написанная на языке PHP <http://ru.wikipedia.org/wiki/PHP> и использующая в качестве хранилища содержания базу данных MySQL <http://ru.wikipedia.org/wiki/MySQL>. Joomla является свободным программным обеспечением <http://ru.wikipedia.org/wiki/%D0%A1%D0%B2%D0%BE%D0%B1%D0%BE%D0%B4%D0%BD%D0%BE%D0%B5_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%BD%D0%BE%D0%B5_%D0%BE%D0%B1%D0%B5%D1%81%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%B8%D0%B5>, защищённым лицензией GPL <http://ru.wikipedia.org/wiki/GPL>. Одной из главных особенностей Joomla! является относительная простота управления при практически безграничных возможностях и гибкости при изготовлении сайтов.

АО IT-Технологии при создании сайта может преследовать следующие цели:

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

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

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

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

Обеспечить круглосуточное предоставление услуг клиентам. В Интернете не бывает перерывов на обед и сон, поэтому он может функционировать круглосуточно.

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

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

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

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

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

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

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

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

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

Административная часть должна включать в себя:

информацию о новых пользователях;

раздел настроек сайта;

управление учётными записями пользователей и другие возможности.

Административная часть сайта представлена в виде системы управления содержимым.

Главное меню сайта должно иметь следующие пункты:

а) Новости;

б) О Компании;

в) Услуги;

г) Портфолио;

д) Контакты.

Структура сайта и описание программных блоков

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

Рассмотрим структуру сайта. На главной странице есть ссылки на второстепенные страницы. Такая структура называется иерархической. Если посмотреть файловую структуру, то она такая же: в корневой папке находится запускной файл (Index) и папки отдельных Интернет - проектов (cult, flash, history …), а в этих папках находятся уже файлы отельных Интернет - страниц и другие вспомогательные папки (например - папка Pic, содержащая картинки для Интернет - страниц, или папка с Flash - проектами).

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

Конфигурация системы.

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

В качестве имени пользователя и пароля вводим учетные данные, указанные при установке. В данном случае, именем пользователя является «lostparadiseempire@gmail.com», а паролем - «abdlicd11».

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

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

Страница состоит из трех вкладок: «Сайт», «Система» и «Сервер».

Вкладка «Сайт» (рис. 1).

Рис. 1 - Вкладка «Сайт»

Раздел «Настройка сайта». Поля:

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

«Имя сайта» - вводится имя сайта.

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

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

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

«Значение тэга для всего сайта» - указывается значение мета-тега Description (описание).

«Ключевые слова тэга для всего сайта» - указываются ключевые слова (keywords).

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

В разделе «Настройки SEO» можно включить/настроить ЧПУ.

Поля:

«Включить SEO»- если поставить метку «Да», то в этом случае произойдёт активация ЧПУ встроенными средствами Joomla <http://joomla.ru>.

«Добавить суффикс к URL» - если поставить метку «Да», то к документам, в зависимости от типа, будет добавляться суффикс.

Например: http://joomla.ru/documentation/manual-joomla.html

Вкладка «Система» (рис. 2).

Рис. 2 - Вкладка «Система»

Раздел «Системные установки». Поля:

«Путь к каталогу логов» - нужно указать абсолютный путь к данной папке.

«Сервер справки» - указать сервер, с которого будет открываться справка по joomla <http://joomla.ru>.

Раздел «Установки кэша». Поля:

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

«Время кеширования» - установить время кеширования в минутах.

«Обработчик кэша» - выбрать из выпадающего списка обработчик кеша. По умолчанию стоит "Файл".

Раздел «Установка сессий». Поля:

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

«Обработчик сессий» - указать обработчик сессий, с помощью которого будут храниться сессии joomla.

Шаблоны дизайна.

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

В шаблон Joomla! входят:

файл index.php, определяющий базовую структуру страницы вашего Joomla!-сайта;

файл CSS-стилей, который позволяет регулировать оформление блоков страницы Joomla! (цвета, размеры шрифтов и тому подобное);

XML-файл для установки шаблона через администраторскую панель Joomla!;

графический файл пред просмотра шаблона Joomla!

Существует 2 вида шаблонов Joomla!: шаблоны сайта (Site Template) и шаблоны административной панели (Backend Template). В Joomla! есть возможность назначения разным страницам различных шаблонов. Например, имея на сайте раздел статей и магазин, вы можете оформить их как два совершенно различных сайта, всего лишь оперируя шаблонами Joomla!

Компоненты

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

Компоненты в Joomla, обычно состоят из 2-х частей: административная панель компонента и фронтенд (сайт). Однако одна из частей может отсутствовать, например, стандартный компонент Search (обеспечивающий поиск материалов на сайте) не имеет административной части, а компонент Config (настройка глобальных параметров сайта) наоборот, содержит только административную часть.

Модули

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

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

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

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

Для работы с разделами необходимо перейти в менеджер пунктов меню. Можно нажать на главной странице панели кнопку «Меню» или в основном меню выбрать «Меню» и затем «Пункты меню» (рис. 3).

Рис. 3 - Страница «Пункты меню»

Чтобы создать новый пункт меню, необходимо нажать значок «Создать» (рис. 4).

Рис. 4 - Страница создания раздела

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

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

В поле «Алиас» внести имя раздела на латинице, которое будет использоваться при построении SEF - ссылок (если поле не заполнено - псевдоним формируется автоматически из даты создания, например, 2018-01-01 22:33:10).

В поле «Опубликовано» - публиковать или нет.

В поле «Порядок показа» можно изменить порядок отображения раздела на странице «Менеджер разделов».

В поле «Доступ» можно выставить права на просмотр данного раздела:

«Public» - для всех посетителей сайта.

«Registered» - для зарегистрированных пользователей.

«Special» - для администраторов (групп менеджеров, авторов и так далее, то есть всех, кроме guest и registered).

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

В текстовом поле «Описание» написать о содержании раздела.

Для создания Объекта содержимого в Joomla присутствует удобный WYSIWYG-редактор. При создании нового объекта сразу же можно задавать его параметры. Для управления документами сайта (создать новый документ, отредактировать, переместить и т.д.) нужно перейти к управлению содержимым. Сделать это можно двумя способами:

В разделе главного меню «Содержимое» выбрать «Все содержимое»;

Перейти к содержимому каждого раздела из пункта главного меню панели администратора «Содержимое по разделам».

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

в архив - объекты содержимого, перенесенные в архив, также доступны для просмотра на сайте, если имеют статус «опубликованы»;

перенести - перемещение объекта в другой раздел или категорию сайта;

в корзину - объекты, перемещенные в корзину, недоступны для просмотра на сайте, но могут быть восстановлены в разделе «Управление корзиной».

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

При стандартной установке Joomla! вместе с демонстрационным контентом мы уже имеет несколько готовых меню: main, top, other, user, при этом последнее становиться доступным только после того, как зарегистрированный юзер авторизуется.

Чтобы создать новое меню необходимо:

Авторизоваться в административной панели Joomla;

Выбрать пункт меню «Меню->Менеджер меню» и в открывшемся окне нажать кнопку «Создать меню»;

Затем в загрузившемся окне заполняем всего два поля:

«Menu Name» - идентификатор меню, которое используется внутри кода Joomla!, поэтому рекомендуют выбирать не повторяющиеся и без пробелов;

«Module Title» - заголовок создаваемого меню, который будет отображаться на сайте;

Жмём кнопку «Сохранить» и меню готово.

Далее надо добавить хотя бы один элемент меню.

Для этого жмём на иконку напротив идентификатора меню («test_menu» в нашем случае), или же идём в меню «Меню->test_menu».

Нажимаем кнопку «Создать» для запуска мастера создания нового пункта

На первом этапе нам предлагается выбрать тип создаваемого элемента меню, то есть, что собственно будет отображаться, если это подменю было выбрано. Выбор на первый взгляд довольно большой, хотя есть предупреждение, что некоторые типы элементов меню повторяются. Повторяются они для удобства, так как всё сгруппировано по назначению. Например, «Link - Conent Item» находиться одновременно в группах «Content» и «Links». Дальше, выбираем для простоты «Link - Url» из «Links» и переходим ко второму шагу нажав «Next».

В появившемся окне в поле «Name» указываем заголовок пункта меню, который будет отображаться на сайте, а в поле «Link» указываем прямой Url на страницу.

Нажимаем «Сохранить» для сохранения пункта меню.

Теперь у нашего меню есть один опубликованный элемент. Чтобы меню отображалось на сайте надо его «опубликовать». Для этого в панели администратора переходим к меню «Расширения->Модули», где отмечаем «Test Menu» и жмём «Опубликовать».

Руководство пользователя

Для запуска сайта необходимо запустить Интернет браузер (Internet Explorer, Mozilla Firefox, Opera и т.д.) и ввести в строку адреса адрес сайта. После успешной загрузки сайта на экране отобразится главная страница сайта, главное меню, подменю, логотип организации и другие элементы дизайна.

На главной странице располагается общая информация о компании «АО IT-Технологии», меню авторизации, меню поиска, а также главное меню сайта.

Для осуществления навигации по сайту необходимо воспользоваться пунктами главного меню и подменю.

Главное меню сайта содержит следующие пункты (рис. 5):

а) Новости;

б) О Компании;

в) Услуги;

г) Портфолио;

д) Контакты.

Рис. 5 - Главная страница

При выборе пункта меню «Новости» открываются - новости компании (рис. 6).

Рис. 6 - Страница «Новости»

Для просмотра продукции и услуг, предоставляемых компанией, необходимо перейти на страницу «Услуги» и выбрать интересующий пункт. Пример страницы описания услуги: (рис. 7).

Рис. 7 - Страница «Размещение рекламы на светодиодных дисплеях»

При выборе пункта меню “Контакты” открывается страница, содержащая контактные данные компании «АО IT-Технологии» (рис. 8).

Рис. 8 - Страница «Контакты»

На многих страницах имеется гиперссылка на форму обратной связи «Напишите нам» (рис. 9).

Рис. 9 - Страница «Форма обратной связи»

Заключение

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

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

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

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

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

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

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

Список использованной литературы

Понятие и классификация сайтов - http://ru.wikipedia.org/wiki/Сайт
Разновидности CMS -http://ru.wikipedia.org/wiki/Система_управления_содержимым
Студия Info-Expert - http://www.info-expert.ru/
Content management system http://www.brutto.ru/informacija/uznat-bolshe/content-management-system
CMS обзор: CMS, движок сайта, система управления сайтом, mambo, php, nuke, netcat, phpbb, invision power board, <http://cmsobzor.ru/news.php>
19CMS List. Обзор cms. Сайт о системах управления сайтом. <http://www.cmslist.ru>
Joomla-инструменты. http://docs.joom.ru/!;C651=0O:Categories
Joomla! CMS по-русски. <http://joomlaportal.ru>
Самые популярные виды систем управления контентом <http://www.uniq-themes.ru/index.php/monetisations/1176-the-best-cms.html>
<http://minenergo.gov.ru/activity/energostrategy/ch_4.php>
WordPress Россия. <http://ru.wordpress.org/>
WordPress: Основные элементы управления. <http://www.jino.ru/support/manuals/wordpress.html>
WordPress. Материал из свободной энциклопедии. <http://ru.wikipedia.org/wiki/WordPress>
Drupal. Материал из свободной энциклопедии. <http://ru.wikipedia.org/wiki/Drupal>
Обзор возможностей Drupal. <http://www.drupal.ru/features>

Приложение 1.

Код шаблона страниц сайта

<?php

/**

* @package Joomla.Site

* @subpackage Templates.protostar

* @license GNU General Public License version 2 or later; see LICENSE.txt

defined('_JEXEC') or die;

/** @var JDocumentHtml $this */

$app = JFactory::getApplication();

$user = JFactory::getUser();

// Output as HTML5

$this->setHtml5(true);

// Getting params from template

$params = $app->getTemplate(true)->params;

// Detecting Active Variables

$option = $app->input->getCmd('option', '');

$view = $app->input->getCmd('view', '');

$layout = $app->input->getCmd('layout', '');

$task = $app->input->getCmd('task', '');

$itemid = $app->input->getCmd('Itemid', '');

$sitename = $app->get('sitename');

if ($task === 'edit' || $layout === 'form')

{

$fullWidth = 1;

}

else

{

$fullWidth = 0;

}

// Add JavaScript Frameworks

JHtml::_('bootstrap.framework');

// Add template js

JHtml::_('script', 'template.js', array('version' => 'auto', 'relative' => true));

// Add html5 shiv

JHtml::_('script', 'jui/html5.js', array('version' => 'auto', 'relative' => true, 'conditional' => 'lt IE 9'));

// Add Stylesheets

JHtml::_('stylesheet', 'template.css', array('version' => 'auto', 'relative' => true));

// Use of Google Font

if ($this->params->get('googleFont'))

{

JHtml::_('stylesheet', '//fonts.googleapis.com/css?family=' . $this->params->get('googleFontName'));

$this->addStyleDeclaration("

h1, h2, h3, h4, h5, h6, .site-title {

font-family: '" . str_replace('+', ' ', $this->params->get('googleFontName')) . "', sans-serif;

}");

}

// Template color

if ($this->params->get('templateColor'))

{

$this->addStyleDeclaration('

body.site {

border-top: 3px solid ' . $this->params->get('templateColor') . ';

background-color: ' . $this->params->get('templateBackgroundColor') . ';

}

a {

color: ' . $this->params->get('templateColor') . ';

}

.nav-list > .active > a,

.nav-list > .active > a:hover,

.dropdown-menu li > a:hover,

.dropdown-menu .active > a,

.dropdown-menu .active > a:hover,

.nav-pills > .active > a,

.nav-pills > .active > a:hover,

.btn-primary {

background: ' . $this->params->get('templateColor') . ';

}');

}

// Check for a custom CSS file

JHtml::_('stylesheet', 'user.css', array('version' => 'auto', 'relative' => true));

// Check for a custom js file

JHtml::_('script', 'user.js', array('version' => 'auto', 'relative' => true));

// Load optional RTL Bootstrap CSS

JHtml::_('bootstrap.loadCss', false, $this->direction);

// Adjusting content width

$position7ModuleCount = $this->countModules('position-7');

$position8ModuleCount = $this->countModules('position-8');

if ($position7ModuleCount && $position8ModuleCount)

{

$span = 'span6';

}

elseif ($position7ModuleCount && !$position8ModuleCount)

{

$span = 'span9';

}

elseif (!$position7ModuleCount && $position8ModuleCount)

{

$span = 'span9';

}

else

{

$span = 'span12';

}

// Logo file or site title param

if ($this->params->get('logoFile'))

{

$logo = '<img src="' . JUri::root() . $this->params->get('logoFile') . '" alt="' . $sitename . '" />';

}

elseif ($this->params->get('sitetitle'))

{

$logo = '<span class="site-title" title="' . $sitename . '">' . htmlspecialchars($this->params->get('sitetitle'), ENT_COMPAT, 'UTF-8') . '</span>';

}

else

{

$logo = '<span class="site-title" title="' . $sitename . '">' . $sitename . '</span>';

}

<!DOCTYPE html>

<html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">

<head>

<jdoc:include type="head" />

</head>

<body class="site <?php echo $option

. ' view-' . $view

. ($layout ? ' layout-' . $layout : ' no-layout')

. ($task ? ' task-' . $task : ' no-task')

. ($itemid ? ' itemid-' . $itemid : '')

. ($params->get('fluidContainer') ? ' fluid' : '');

echo ($this->direction === 'rtl' ? ' rtl' : '');

?>">

<div class="container<?php echo ($params->get('fluidContainer') ? '-fluid' : ''); ?>">

<a class="brand pull-left" href="<?php echo $this->baseurl; ?>/">

<?php echo $logo; ?>

<?php if ($this->params->get('sitedescription')) : ?>

<?php echo '<div class="site-description">' . htmlspecialchars($this->params->get('sitedescription'), ENT_COMPAT, 'UTF-8') . '</div>'; ?>

<?php endif; ?>

</a>

<jdoc:include type="modules" name="position-0" style="none" />

</div>

</header>

<?php if ($this->countModules('position-1')) : ?>

</a>

</div>

<jdoc:include type="modules" name="position-1" style="none" />

</div>

</nav>

<?php endif; ?>

<jdoc:include type="modules" name="banner" style="xhtml" />

<?php if ($position8ModuleCount) : ?>

<jdoc:include type="modules" name="position-8" style="xhtml" />

</div>

<?php endif; ?>

<jdoc:include type="modules" name="position-3" style="xhtml" />

<jdoc:include type="message" />

<jdoc:include type="component" />

<jdoc:include type="modules" name="position-2" style="none" />

</main>

<?php if ($position7ModuleCount) : ?>

<jdoc:include type="modules" name="position-7" style="well" />

</div>

<?php endif; ?>

</div>

<div class="container<?php echo ($params->get('fluidContainer') ? '-fluid' : ''); ?>">

<hr />

<jdoc:include type="modules" name="footer" style="none" />

<?php echo JText::_('TPL_PROTOSTAR_BACKTOTOP'); ?>

</a>

</p>

<p>

</p>

</div>

</footer>

<jdoc:include type="modules" name="debug" style="none" />

</body>

</html>

Приложение 2

Код главной страницы сайта (index.php)

<?php

/**

* @package Joomla.Site

* @license GNU General Public License version 2 or later; see LICENSE.txt

/**

* Define the application's minimum supported PHP version as a constant so it can be referenced within the application.

define('JOOMLA_MINIMUM_PHP', '5.3.10');

if (version_compare(PHP_VERSION, JOOMLA_MINIMUM_PHP, '<'))

{

die('Your host needs to use PHP ' . JOOMLA_MINIMUM_PHP . ' or higher to run this version of Joomla!');

}

// Saves the start time and memory usage.

$startTime = microtime(1);

$startMem = memory_get_usage();

/**

* Constant that is checked in included files to prevent direct access.

* define() is used in the installation folder rather than "const" to not error for PHP 5.2 and lower

define('_JEXEC', 1);

if (file_exists(__DIR__ . '/defines.php'))

{

include_once __DIR__ . '/defines.php';

}

if (!defined('_JDEFINES'))

{

define('JPATH_BASE', __DIR__);

require_once JPATH_BASE . '/includes/defines.php';

}

require_once JPATH_BASE . '/includes/framework.php';

// Set profiler start time and memory usage and mark afterLoad in the profiler.

JDEBUG ? JProfiler::getInstance('Application')->setStart($startTime, $startMem)->mark('afterLoad') : null;

// Instantiate the application.

$app = JFactory::getApplication('site');

// Execute the application.

$app->execute();