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

Оглавление

• Введение
• 1. Общая часть
• 1.1 Цель разработки
• 1.2 Анализ средств программирования
• 1.2.1 Обзор методов решения
• 1.2.2 Описание языка
• 2. Специальная часть
• 2.1 Постановка задачи
• 2.1.1 Назначение задачи
• 2.1.2 Требования к программе
• 2.2 Описание алгоритма
• 2.3 Описание программы
• 2.4 Руководство по эксплуатации
• 2.4.1 Руководство системного программиста
• 2.4.2 Руководство пользователя
• 3. Экономическая часть
• 3.1 Материальные расходы
• 3.2 Расходы на оплату труда
• 3.3 Суммы начислений амортизации
• 3.4 Прочие расходы
• 3.5 Расчет цеховой себестоимости
• 3.6 Расчет производственной себестоимости
• 3.7 Расчет полной себестоимости
• Заключение
• Список использованных источников
• Приложения
• Введение

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

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

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

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

Целью данного курсового проекта является разработка сайта на тему «Среднее профессиональное образование Республики Алтай».

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

1. Общая часть

1.1 Цель разработки

Цель создания сайта состоит в удовлетворении информационных запросах посетителя.

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

1.2 Анализ средств программирования

1.2.1 Обзор методов решения

Для создания сайта можно использовать различные методы. Наиболее распространенными на сегодняшний день являются HTML-редактор (блокнот), WordPress и Joomla.

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

1.2.2 Описание языка

CMS Joomla - бесплатная система управления контентом с открытым исходным кодом. Это означает свободу использования этой программы для любых целей (её можно изменять, копировать и распространять). В разработке Джумла приняли участие программисты со всего мира, на сегодняшний день их насчитывается более 400 000 человек.

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

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

Для того чтобы установить Joomla и WordPress необходим локальный сервер. В данном случае - это Denwer. Скачать его можно с официального сайта http://www.denwer.ru/ предварительно зарегистрировавшись. Сама установка дистрибутива занимает не больше минуты. После того как Denwer скачан, его нужно запустить. После запуска открывается окно с рекламой, нужно его закрыть и нажать Enter (рис. 1).

На первом этапе следует указать место куда устанавливать локальный сервер. По умолчанию предложено установить Denwer на диск C в папку WebServers, путь - C: \WebServers. Оставляем путь по умолчанию, либо задаем другой путь, затем нажимаем Enter (рис. 2).



Рисунок 1 - Установка локального сервера Denwer

Рисунок 2 - Место установки

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

Затем нужно выбрать режим1 или 2, чтобы запустить Denwer. По умолчанию стоит 1 режим, в котором установка виртуального диска происходит сразу с загрузкой Windows, загрузка серверов происходит по нажатию ярлыка, как и во 2 режиме, но в котором виртуальный диск включается во время запуска сервером и отключение после остановки denwer. Выбираем 1 режим и нажимаем Enter.



Рисунок 3 - Виртуальный диск

Вот и все, локальная машина установлена.

После установки Denwer, можно приступать к установке Joomla и Wordpress. Но для начала нужно создать в Denwer папку с именем сайта. Затем в этой папке создается папка с именем www, куда следует распаковать архив Joomla и Wordpress(для обоих систем создаются разные папки). Запустить Denwer - ярлык Run, либо WebServers/denwer/Run. exe

Далее начинается установка Joomla.

Шаг 1: выбираем язык устанавливаемой Joomla, вводим название сайта, логин и пароль администратора и нажимаем Далее (рис. 4).

Рисунок 4 -Шаг 1 установки Joomla

Шаг 2: на этом этапе устанавливается тип базы данных, имя сервера базы данных, имя пользователя, пароль, имя базы данных, префикс таблиц, после установки всех параметров, нажимаем Далее (рис. 5).

Рисунок 5 - Шаг 2 установки Joomla

Шаг 3: Завершение установки. Выбор демо-данных, так же предлагается отправить конфигурацию сайта на e-mail, затем нажимаем Далее (рис. 6).

Рисунок 6 - Шаг 3 установки Joomla

Шаг 4: Требуется удалить дирректорию INSTALLATION, без чего установка Joomla небудет завершена (рис. 7).



Рисунок 7 - Шаг 4 установки Joomla

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

Установка закончена. Затем через панель управления устанавливается языковой пакет (рис. 8), создается меню (рис. 9, 11), категории (рис. 10), материалы (рис. 12), устанавливаются шаблоны, расширения и различные плагины.

Рисунок 8 - Установка языкового пакета



Рисунок 9 - Создание меню

Рисунок 10 - Создание категории

Рисунок 11 - Создание пункта меню

Теперь приступим к установке WordPress.

Шаг 1: Требуется создать файл wp-config.php. Создаем его вручную (рис. 13).



Рисунок 12 - Создание материала

Рисунок 13 - Шаг 1 установки WordPress

Шаг 2: Идет приветствие, а так же спрашивается информация о базе данных. Нажимаем кнопку «Вперед!» и переходим на следующий шаг (рис. 14).

Рисунок 14 - Шаг 2 установки WordPress

Шаг 3: Требуется ввести информацию о подключении к базе данных. Вводим информацию и нажимаем кнопку отправить (рис. 15).

Рис. 15 - Шаг 3 установки WordPress

Шаг 4: Файл wp-config.php создан. Теперь можно приступить к установке самого Wordpress (рис. 16).

Рис. 16 - Шаг 4 установки WordPress

Шаг 5: Требуется ввести некоторую информацию. Вводим информацию и нажимаем кнопку «Установить Wordpress» (Рис. 17).

Шаг 6: Выводится сообщение о том, что Wordpress установлен. Нажимаем кнопку «Войти» и начинаем создавать сайт (Рис. 18)



Рис. 17 - Шаг 5 установки WordPress

Рис. 18 - Шаг 6 установки WordPress

2. Специальная часть

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

сайт образование internet программирование

2.1.1 Назначение задачи

Задачей данного курсового проекта является создание тематического WEB-сайта с использованием систем управления содержимым (CMS) Joomla и WordPress. Объем сайта составляет 24 WEB-страницы (главная страница - «Система СПО», остальные страницы - дополнительные, раскрывающие сущность выбранной тематики).

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

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

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

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

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

2.1.2 Требования к программе

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

2.2 Описание алгоритма

Алгоритм процессов обработки информации для сайта «Среднее профессиональное образование Республики Алтай»

Рисунок 19

2.3 Описание программы

Сайт был создан в двух версиях с помощью Joomla (Приложение А) и WordPress (Приложение Б). При создании сайта был проведен сравнительный анализ и были выявлены недостатки и достоинства систем управления данными.

Недостатки WordPress:

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

- большинство тем не поддерживают создание второго меню, что, кстати, необходимо для создания данного сайта;

- некорректное отображение материала, а именно, миниатюр и настроек изменения отображения даты и рубрики;

- нет настроек порядка отображения материалов на странице.

Недостатки Joomla:

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

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

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

Главная страница сайта - Система СПО (рис. 19). Эта страница включает в себя информацию о средних профессиональных образовательных учреждениях: название учебного заведения, фотография учебного корпуса, фамилия имя отчество директора, адрес, телефон, факс, сайт и e-mail.

Рисунок 20 - Главная страница сайта «Система СПО»

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

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

Так же к странице привязано дополнительное меню, в котором содержатся ссылки на образовательные сайты России и Республики Алтай. Ссылки созданы с помощью типа пункта меню - Внешний URL, в нем указывается ссылка на сайты. Это меню отображается только на главной странице.

Раздел меню Система СПО включает в себя следующие подпункты:

- Информация об ОО (рис. 20). Тип пункта меню - Материал, здесь же указан материал - «Информация об ОО», который должен отображаться на странице, онвключает в себя следующую информацию:

a) полное название организаций;

b) контактные данные;

c) руководители;

d) учредители.

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

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



Рисунок 21 - Страница сайта «Информация об ОО»

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

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

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

- План работы;

- Реализация указов;

- Коллегии, совещания;

- Соглашения;

- КЦП (рис. 22);

- Реестр.

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

Рисунок 22 - Страница «КЦП»

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

Рисунок 23 - Страница «Новости»

Раздел Документы отображает документы, распределенные определенным образом по подпунктам:

- Распоряжения, Постановления (рис. 24);

- Приказы;

- Информационные письма;

- Федеральные документы.

У всех подразделов тип пункта меню - блок категории и соответствующая категория.

Рисунок 24 - Страница «Распоряжения, постановления»

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

- Статистика;

- Отделы содействия трудоустройству.

Раздел Дорожные карты содержит документы (рис. 25). Тип меню - блок категории, категория - дорожные карты.



Рисунок 25 - Страница «Дорожные карты»

Следующий раздел - Совет директоров, отображает информацию о совете директоров, кто в него входит и какую должность занимает (рис. 26). Тип пункта меню - материал, материал - «Совет директоров».

Рисунок 26 - Страница «Совет директоров»

Раздел меню Центры отображает информацию о Многофункциональном центре прикладных квалификаций (рис. 27). Тип пункта меню - материал, материал - «Центры».



Рисунок 27 - Страница «Центры»

Последний раздел меню - Обратная связь, отображает форму обратной связи, защищенную антиспамом, где пользователи сайта могут отправить сообщение администратору (рис. 28). Тип пункта меню - контакт, контакт - «Администратор».

Рисунок 28 - Страница «Обратная связь»

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

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

2.4 Руководство по эксплуатации

2.4.1 Руководство системного программиста

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

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

- центральный процессор класса PentiumIII 433 МГц;

- объём оперативной памяти не менее 128 Mb;

- стандартный манипулятор «мышь»;

- стандартный SVGA монитор;

- Любой браузер;

- операционная система;

- модем.

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

Рисунок 29 - Создание материала

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

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

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

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

3. Экономическая часть

3.1 Материальные расходы

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

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

Расчет затрат на сырье и материалы приведены в таблице 1.

Таблица 1 -Затраты на сырье и материалы

№	Наименование	Ед. измер.	Кол-во	Стоимость единицы, руб.	Сумма, руб
1	Авторучка	шт.	1	15	15
2	Бумага офисная	п.	1	150	150
3	Краска для принтера	шт.	1	180	180
4	Карандаш	шт.	1	10	10
5	Диск CD	шт.	1	20	20
	Итого				375

Сумма затрат на сырье и материалы составляет 375 руб.

Транспортно-заготовительные расходы составляют 26 руб.

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

Таблица 2 - Затраты на электроэнергию

№	Наименование	Кол-во единиц оборудования, шт.	Мощность, кВт	Время работы оборудования, ч.	Стоимость 1кВт электроэнергии, руб.	Сумма, руб.
1	Компьютер	1	0,2	80	5	80
2	Принтер	1	0,05	0,1	5	0,025
3	Лампы освещения	2	0,01	30	5	3
	Итого					83,025

Сумма расходов на электроэнергию составляет 83,025 руб.

Таким образом, сумма материальных затрат составляет:

375+ 26 + 83,025= 484,025 руб.

3.2 Расходы на оплату труда

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

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

Расчет основной заработной платы (при тарифной ставке программиста 6000 руб./мес., 80 часов - суммарное время работы, районный коэффициент - 40%):

6000 / 72 * 80* 1,4 =9333,3 руб.

Расчет начислений на заработную плату (при ставке - 30,2%):

9333,3 * 30,2% = 2818,66

Общая сумма затрат на заработную плату:

9333,3 + 2818,66 = 12151,96 руб.

3.3 Суммы начислений амортизации

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

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

Таблица 3 - Амортизационные отчисления

№	Наименование	Стоимость, руб.	Кол-во единиц оборудования	Срок полезного использования, г.	Годовая норма амортизации, %	Годовая сумма амортизационных отчислений, руб.
1	Компьютер	30000	1	4	25	7500
2	Программное обеспечение	3000	1	4	25	750
3	Источник бесперебойного питания	4500	1	4	25	1125
4	Принтер	7000	1	4	25	1750
5	Стол компьютерный	5000	1	4	25	1250
6	Стул компьютерный	5000	1	4	25	1250
	итого	54500	6	4	25	13625

Определение первоначальной стоимости основных фондов:

30000 + 3000 + 4500 + 7000 + 5000 + 5000 = 54500 руб.

Определение нормы амортизации (исходя из срока полезного использования 4 года):

100 / 4 = 25 %

Расчет годовой суммы амортизационных отчислений:

54500 / 100 * 25 = 13625 руб.

Расчет суммы амортизационных отчислений (в расчете на 1 день):

13625 / 365 = 37,3 руб.

Расчет суммы амортизационных отчислений за отработанное время (фактический фонд рабочего времени составляет 80 час. = 10 дней при восьмичасовой рабочей смене):

37,3 * 10 = 373 руб.

Таким образом, сумма амортизационных отчислений за отработанное время равна 373 руб.

3.4 Прочие расходы

Прочие расходы состоят из затрат на хостинг, домен и на аренду помещения.

Затраты на хостинг и домен - 1000 руб.

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

5000 / 30 * 10 = 1666,7 руб.

Общая величина прочих расходов составляет:

1000 + 1666,7 = 2666,7 руб.

3.5 Расчет цеховой себестоимости

Цеховая себестоимость определяется как сумма прямых и косвенных затрат на уровне цеха или участка:

484,025 + 12151,96+ 373 + 2666,7 = 15675,7руб.

3.6 Расчет производственной себестоимости

Берем величину общехозяйственных расходов 3%:

15675,7 + 3% = 16146 руб.

3.7 Расчет полной себестоимости

Величина непроизводственных расходов составляет 10%, тогда полная себестоимость составит:

16146 + 10% = 17760,5 руб.

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

Заключение

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

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

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

В ходе курсовой работы был создан сайт, отвечающий всем требованиям заказчика. Стоимость сайта составила 17760,5 рублей.

Список использованных источников

1. Басовский, Л.Е. Экономика отрасли [Текст] // Учебное пособие / Инфра - М, 2009 - 144 с.

2. Гаспарян, А.А. Использование CMS при создании образовательных ресурсов [Текст] //Учен.зап.: науч. журн. / Курск. гос. ун-т. - 2011. - № 3 (19).

3. Граф Х. Создание веб-сайтов с помощью Joomla! 1.5: [Текст] / Х. Граф; [пер. с англ. Н.А. Мухина]. - М.: Вильямс, 2009. - 294 c.

4. Золотухин, С.А. Практикум разработки образовательного сайта на CMS Joomla! 1.5x [Текст] / С.А. Золотухин. - Курск: КГУ, 2011.

5. Колисниченко, Д.Н. Joomla 1.5.15/1.6.0: руководство пользователя: [Текст] / Д.Н. Колисниченко. - М.: Диалектика, 2010. - 240 c.

6. Костромин В.А. Конспект вебмастера. Выбор системы управления содержанием сайта (контентом) [Текст] // Справочник вебмастера. - 2009-2013.

7. Крамер, Д. Joomla! Как спланировать, создать и поддерживать ваш веб-сайт [Текст] / Д. Крамер. - М.: Рид Групп, 2011. - 400 с.

8. Маркелов А.О. Разработка Интернет-ресурса “Гид первокурсника института математики, физики и информатики” средствами CMS JOOMLA [Текст] // Гаудеамус. - 2011. - Т. 2, № 18. - С. 137-138.

9. Минаков, И.А. Экономика Отраслей АПК [Текст] // Учебник / «КолосС», 2004 - 464 с.

10. Рамел, Д. Самоучитель Joomla! [Текст] / Д. Рамел; [пер. с англ. Д. Колисниченко]. - СПб.: БХВ-Петербург, 2008. - 448 с.

11. Сычев, И.А. Создание сайтов на основе систем управления контентом: электрон. учеб.-метод. пособие [Текст] / И.А. Сычев, В.Н. Половников. - Бийск: АГАО, 2012.

Приложение А

Листинг программы

Файлindex.php

defined('_JEXEC') or die;

// Gettingparams from template

$params = JFactory::getApplication()->getTemplate(true)->params;

$app = JFactory::getApplication();

$doc = JFactory::getDocument();

$this->language = $doc->language;

$this->direction = $doc->direction;

// 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->getCfg('sitename');

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

{

$fullWidth = 1;

}

else

{

$fullWidth = 0;

}

// Add JavaScript Frameworks

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

$doc->addScript('templates/'.$this->template. '/js/template.js');

// Add Stylesheets

$doc->addStyleSheet('templates/'.$this->template.'/css/template.css');

// Load optional RTL Bootstrap CSS

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

// Add current user information

$user = JFactory::getUser();

// Adjusting content width

if ($this->countModules('position-7') && $this->countModules('position-8'))

{

$span = "span6";

}

elseif ($this->countModules('position-7') && !$this->countModules('position-8'))

{

$span = "span9";

}

elseif (!$this->countModules('position-7') && $this->countModules('position-8'))

{

$span = "span9";

}

else

{

$span = "span12";

}

// Logo file or site title param

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

{

$logo = '<imgsrc="'. 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')).'</span>';

}

else

{

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

}

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">

<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<jdoc:include type="head" />

<?php

// Use of Google Font

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

{

<link href='http://fonts.googleapis.com/css?family=<?php echo $this->params->get('googleFontName');?>' rel='stylesheet' type='text/css' />

<style type="text/css">

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

font-family: '<?php echo str_replace('+', ' ', $this->params->get('googleFontName'));?>', sans-serif;

}

</style>

<?php

}

?>

<?php

// Template color

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

{

<style type="text/css">

body.site

{

border-top: 3px solid <?php echo $this->params->get('templateColor');?>;

background-color: <?php echo $this->params->get('templateBackgroundColor');?>

{

color: <?php echo $this->params->get('templateColor');?>;

}

.navbar-inner,.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: <?php echo $this->params->get('templateColor');?>;

}

.navbar-inner

{

-moz-box-shadow: 0 1px 3px rgba(0, 0, 0,.25), inset 0 -1px 0 rgba(0, 0, 0,.1), inset 0 30px 10px rgba(0, 0, 0,.2);

-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0,.25), inset 0 -1px 0 rgba(0, 0, 0,.1), inset 0 30px 10px rgba(0, 0, 0,.2);

box-shadow: 0 1px 3px rgba(0, 0, 0,.25), inset 0 -1px 0 rgba(0, 0, 0,.1), inset 0 30px 10px rgba(0, 0, 0,.2);

}

</style>

<?php

}

<!--[if lt IE 9]>

<script src="<?php echo $this->baseurl ?>/media/jui/js/html5.js"></script>

<![endif]-->

</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': '');

<!-- Body -->

<div class="body">

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

<!-- Header -->

<header class="header" role="banner">

<div class="header-inner clearfix">

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

<imgsrc="<?php echo $this->baseurl ?>/templates/protostar/images/zagolovok1.png" width="900" height="467" />

</a>

<div class="header-search pull-right">

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

</div>

</div>

</header>

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

<nav class="navigation" role="navigation">

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

</nav>

<?phpendif; ?>

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

<div class="row-fluid">

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

<!-- Begin Sidebar -->

<div id="sidebar" class="span3">

<div class="sidebar-nav">

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

</div>

</div>

<!-- End Sidebar -->

<?phpendif; ?>

<main id="content" role="main" class="<?php echo $span;?>">

<!-- Begin Content -->

<jdoc:include type="message" />

<jdoc:include type="component" />

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

<!-- End Content -->

</main>

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

<div id="aside" class="span3">

<!-- Begin Right Sidebar -->

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

<!-- End Right Sidebar -->

</div>

<?phpendif; ?>

</div>

</div>

</div>

<!-- Footer -->

<footer class="footer" role="contentinfo">

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

<hr />

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

<p class="pull-right"><a href="#top" id="back-top"><?php echo JText::_('TPL_PROTOSTAR_BACKTOTOP'); ?></a></p>

<p>&copy; <?php echo $sitename; ?><?php echo date('Y');?></p>

</div>

</footer>

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

</body>

</html>

Приложение Б

Версия сайта, созданная в WordPress

Главная страница сайта - «Система СПО».

Рисунок 30 - Страница «Система СПО»

Страница «Информация об ОО» (рис. 31).

Рисунок 31 - Страница «Информация об ОО»

Страница «КЦП» из раздела Деятельность (рис. 32).

Рисунок 32 - Страница «КЦП»

Страница «Новости» (рис. 33).

Рисунок 33 - Страница «Новости»

Страница «Приказы» из раздела Документы (рис. 34).

Рисунок 34 - Страница «Приказы»

Страница «Дорожные карты» (рис. 35).

Рисунок 35 - Страница «Дорожные карты»

Страница «Совет директоров» (рис. 36).

Рисунок 36 - Страница «Совет директоров»

Страница «Обратная связь» (рис. 37).

Рисунок 37 - Страница «Обратная связь»

Приложение В

Листинг программы

Файлerror.php

defined('_JEXEC') or die;

// Gettingparams from template

$params = JFactory::getApplication()->getTemplate(true)->params;

$app = JFactory::getApplication();

$doc = JFactory::getDocument();

$this->language = $doc->language;

$this->direction = $doc->direction;

// 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->getCfg('sitename');

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

{

$fullWidth = 1;

}

else

{

$fullWidth = 0;

}

// Add JavaScript Frameworks

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

// Add current user information

$user = JFactory::getUser();

// Logo file

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

{

$logo = JUri::root(). $params->get('logoFile');

}

else

{

$logo = $this->baseurl. "/templates/". $this->template. "/images/logo.png";

}

?>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">

<head>

<title><?php echo $this->title; ?><?php echo $this->error->getMessage();?></title>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<meta name="language" content="<?php echo $this->language; ?>" />

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" type="text/css" />

<?php

$debug = JFactory::getConfig()->get('debug_lang');

if ((defined('JDEBUG') && JDEBUG) || $debug)

{

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/media/cms/css/debug.css" type="text/css" />

<?php

}

?>

<?php

// If Right-to-Left

if ($this->direction == 'rtl')

{

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/media/jui/css/bootstrap-rtl.css" type="text/css" />

<?php

}

// Use of Google Font

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

{

<link href='http://fonts.googleapis.com/css?family=<?php echo $params->get('googleFontName');?>' rel='stylesheet' type='text/css'>

<?php

}

<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />

<?php

// Template color

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

{

<style type="text/css">

body.site

{

border-top: 3px solid <?php echo $params->get('templateColor');?>;

background-color: <?php echo $params->get('templateBackgroundColor');?>

{

color: <?php echo $params->get('templateColor');?>;

}

.navbar-inner,.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

{

background: <?php echo $params->get('templateColor');?>;

}

.navbar-inner

{

-moz-box-shadow: 0 1px 3px rgba(0, 0, 0,.25), inset 0 -1px 0 rgba(0, 0, 0,.1), inset 0 30px 10px rgba(0, 0, 0,.2);

-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0,.25), inset 0 -1px 0 rgba(0, 0, 0,.1), inset 0 30px 10px rgba(0, 0, 0,.2);

box-shadow: 0 1px 3px rgba(0, 0, 0,.25), inset 0 -1px 0 rgba(0, 0, 0,.1), inset 0 30px 10px rgba(0, 0, 0,.2);

}

</style>

<?php

}

<!--[if lt IE 9]>

<script src="<?php echo $this->baseurl ?>/media/jui/js/html5.js"></script>

<![endif]-->

</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': '');

<!-- Body -->

<div class="body">

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

<!-- Header -->

<div class="header">

<div class="header-inner clearfix">

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

<imgsrc="<?php echo $logo;?>" alt="<?php echo $sitename; ?>" />

</a>

<div class="header-search pull-right">

<?php

// Display position-0 modules

echo $doc->getBuffer('modules', 'position-0', array('style' => 'none'));

</div>

</div>

</div>

<div class="navigation">

<?php

// Display position-1 modules

echo $doc->getBuffer('modules', 'position-1', array('style' => 'none'));

</div>

<!-- Banner -->

<div class="banner">

<?php echo $doc->getBuffer('modules', 'banner', array('style' => 'xhtml'));

</div>

<div class="row-fluid">

<div id="content" class="span12">

<!-- Begin Content -->

<h1 class="page-header"><?php echo JText::_('JERROR_LAYOUT_PAGE_NOT_FOUND'); ?></h1>

<div class="well">

<div class="row-fluid">

<div class="span6">

<p><strong><?php echo JText::_('JERROR_LAYOUT_ERROR_HAS_OCCURRED_WHILE_PROCESSING_YOUR_REQUEST'); ?></strong></p>

<p><?php echo JText::_('JERROR_LAYOUT_NOT_ABLE_TO_VISIT'); ?></p>

<ul>

<li><?php echo JText::_('JERROR_LAYOUT_AN_OUT_OF_DATE_BOOKMARK_FAVOURITE'); ?></li>

<li><?php echo JText::_('JERROR_LAYOUT_MIS_TYPED_ADDRESS'); ?></li>

<li><?php echo JText::_('JERROR_LAYOUT_SEARCH_ENGINE_OUT_OF_DATE_LISTING'); ?></li>

<li><?php echo JText::_('JERROR_LAYOUT_YOU_HAVE_NO_ACCESS_TO_THIS_PAGE'); ?></li>

</ul>

</div>

<div class="span6">

<?php if (JModuleHelper::getModule('search')): ?>

<p><strong><?php echo JText::_('JERROR_LAYOUT_SEARCH'); ?></strong></p>

<p><?php echo JText::_('JERROR_LAYOUT_SEARCH_PAGE'); ?></p>

<?php echo $doc->getBuffer('module', 'search'); ?>

<?phpendif; ?>

<p><?php echo JText::_('JERROR_LAYOUT_GO_TO_THE_HOME_PAGE'); ?></p>

<p><a href="<?php echo $this->baseurl; ?>/index.php" class="btn"><i class="icon-home"></i><?php echo JText::_('JERROR_LAYOUT_HOME_PAGE'); ?></a></p>

</div>

<hr />

<p><?php echo JText::_('JERROR_LAYOUT_PLEASE_CONTACT_THE_SYSTEM_ADMINISTRATOR'); ?></p>

<blockquote>

<span class="label label-inverse"><?php echo $this->error->getCode(); ?></span><?php echo $this->error->getMessage();?>

</blockquote>

</div>

<!-- End Content -->

</div>

<!-- Footer -->

<div class="footer">

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

<?php echo $doc->getBuffer('modules', 'footer', array('style' => 'none')); ?>

<p class="pull-right"><a href="#top" id="back-top"><?php echo JText::_('TPL_PROTOSTAR_BACKTOTOP'); ?></a></p>

<p>&copy; <?php echo $sitename; ?><?php echo date('Y');?></p>

</div>

<?php echo $doc->getBuffer('modules', 'debug', array('style' => 'none')); ?>

</body>

</html>

Размещено на Allbest.ru