Новодвинские перевозки на Joomla

– простота расширения. Можно легко создавать расширения языка;

– простой синтаксис, напоминающий С. Опытные программисты С, С++, Perl и командных сценариев легко осваивают PHP.

PHP и ASP.NET

ASP.NET является фирменным «языком» сценариев Microsoft.

Недостатки ASP.NET. Во-первых, ASP.NET обычно работает медленнее, чем РНР, так как при первом запросе происходит компиляция страницы.

Во-вторых, ASP.NET не вполне годится для переноса на другие платформы и интеграции со средствами GNU, а также средами и серверами open source.

Кроме того, если страница активно использует компоненты NET, просмотр динамической страницы возможен только в броузере MS Internet Explorer.

Будучи фирменной системой Microsoft, ASP.NET в основном применяется с ее же Internet Information Server (IIS), из-за чего ASP.NET обычно выбирают ограниченно - для 32-разрядных систем Windows, поскольку для большинства серверов эта технология служит бесплатным приложением.

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

PHP и Java

РНР проще использовать, чем Java, с его помощью легче строить Web-приложения, обладающие такими же преимуществами гибкости и масштабируемости. Работая с РНР, не обязательно обладать 5-летним опытом разработки программного обеспечения, чтобы создавать простые динамические страницы.

Кроме того, Java часто обходится дороже, поскольку в большинстве компаний в конечном счете устанавливают отдельную машину Java Enterprise и используют Oracle или другое дорогостоящее ПО. При всем этом РНР требует дальнейшего развития, поскольку не обладает такой же переносимостью и некоторыми удобными возможностями, такими как пул объектов или отображение баз данных, которые есть в Java. Эти вопросы учтены при проектировании машины сценариев Zend 2.0

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

Web-сервер

При построении Internet проекта основным системным средством является web-сервер. Поэтому к выбору web-сервера следует подходить с особой тщательностью. Уже многие годы лидером среди web-серверов является сервер Apache.

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

– поддержка множества операционных систем. Версии Apache существуют для множества операционных систем, включая Linux, многие модификации Unix, Microsoft Windows;

– значительное количество подключаемых модулей. Совместно с командой разработчиков сервера Apache, работает огромное количество организаций, которые создают подключаемые модули к серверу Apache. Тем самым достигается высокая функциональность сервера. Например, сервер имеет множество модулей серверной логики, начиная с Perl и заканчивая PHP;

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

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

СУБД

СУБД MySQL нельзя причислить в полной мере к проектам Open Source, так как при определенных условиях покупка лицензии все же требуется. Тем не менее, MySQL пользуется широкой популярностью среди сторонников движения Open Source, так как условия лицензирования здесь не очень строгие.

Но популярность СУБД MySQL не ограничивается только сообществом Open Source. Да, она работает на персональных компьютерах (при этом многие разработки, производящиеся на MySQL, создаются на недорогих Linux-системах). Но MySQL обладает отличной переносимостью и может с тем же успехом использоваться на дорогих коммерческих операционных системах (таких как Solaris, Irix или Windows) и на любой аппаратуре вплоть до мощных серверов. Более того, так же как и ее более дорогостоящие альтернативы, она позволяет обрабатывать большие базы данных, содержащие миллионы записей.

Если необходимо использовать действительно бесплатную или недорогую СУБД, можно остановить свой выбор на одном из трех возможных варантов: MySQL, Postgres или на бесплатных, но неподдерживаемых СУБД от крупных производителей. Сравнивая СУБД MySQL с другими базами данных, всегда необходимо помнить о том, какой фактор является самым важным. Производительность, поддержка, возможности (соответствие стандартам языка SQL, возможность расширения и т.д.); условия лицензирования и ограничения и, наконец, цена. Принимая во внимание эти соображения, СУБД MySQL обладает многими преимуществами:

- быстродействие;

- простота использования;

- поддержка языка запросов;

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

- доступ к серверу через различные интерактивные интерфейсы;

- переносимость;

- малый размер;

- работоспособность и цена;

- свободное распространение.

Кроме этого, СУБД MySQL имеет хорошую поддержку:

– СУБД MySQL снабжена расширенным справочным руководством (450 страниц и постоянное дополнение), которое доступно также в режиме online. Справочное руководство по СУБД MySQL регулярно получает хорошие оценки в кругу пользователей СУБД MySQL;

– есть список рассылки, на который может подписаться любой желающий. В нем принимает участие очень много грамотных пользователей, в том числе включая и самих разработчиков MySQL. Этого будет достаточно для большинства пользователей СУБД MySQL.

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

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

Система контент менеджмента

В качестве системы контент-менеджмента была выбрана система Joomla. CMS «Joomla!» представляет собой систему управления сайтом с открытым кодом (open source), данная система является бесплатной. Поводом к выбору данной системы послужи то, что данная система написана на PHP, а также она использует базу данных MySQL, является модульной, имеет большое количество различной документации, обладает большим функционалом, в ней имеется возможность увеличения его путем подключения дополнительных модулей и компонент, проста в использовании, и является очень популярной на данный момент.

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

Итак, была поставлена следующая задача: создать web-сайт ООО “Новодвинские перевозки” на CMS «Joomla!», в котором будет вестись учет всех автобусов предприятия, можно будет посмотреть их техническое состояние, данные о переводах на другие предприятия, заказать автобус, узнать тарифы на городские и пригородные рейсы, посмотреть расписание движения, общаться с пользователями сайта на форуме. Также на сайте должна быть реализована регистрация пользователей, меню голосование и меню частозадаваемые вопросы. Разрабатываемый web-сайт должен обладать следующими характеристиками:

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

- гибкостью, удобной для администраторов системой управления структурой (чтобы администратор мог управлять и вносить свои изменения на сайт без специальных знаний php и html);

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

- должны быть реализованы средства авторизации и средства для общения посетителей сайта.

2 ПРОЕКТИРОВАНИЕ

2.1 Настройка и конфигурирование Apache, PHP и MySQL

Существует 2 способа установки Apache, PHP и MySQL: вручную или автоматическая установка с помощью Denwer'а.

Если устанавливать вручную, то последовательность действий будет такая:

- установка Apache в локальный каталог (например, C:\temp). Настройка веб-сервера Apache производится редактированием файлов конфигурации, расположенных в каталоге <каталог установки Apache>/conf. Основным файлом настройки является httpd.conf. Apache считывает этот файл только при запуске, поэтому после редактирования и сохранения файлов настроек необходимо перезапустить Apache для того, чтобы изменения вступили в силу;

- PHP устанавливается распаковкой архива в c:\php. Если установка Apache/php/MySQL происходит в первый раз - лучше выбрать именно это расположение, так как в противном случае придётся менять некоторое количество параметров в конфигурационных файлах;

- установка MySQL предельно проста - вплоть до простого копирования.

Процедура установки Denwer'а следующая:

Сначала необходимо запустить установочный файл (в нашем случае это будет Denwer 3 Base от 2008-01-13), затем согласиться установить пакет, после чего начнется его распаковка, а затем откроется также окно браузера с описанием установки Денвера, которое можно сразу закрыть, и еще появляется черное окно DOS с мастером установки (рисунок 2.1).



Рисунок 2.1 - Установка Денвера (Шаг 1)

Следуя указаниям мастера для продолжения установки, надо нажать «Enter». В следующем окне нужно указать, в какую папку будет устанавливаться вэб-сервер. В нашем случае это будет C:\WebServers (рисунок 2.2).

Рисунок 2.2 - Установка Денвера (Шаг 2)

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

Рисунок 2.3 - Установка Денвера (Шаг 3)

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

Снова необходимо нажать «Enter», в результате чего начнется копирование файлов сервера в указанную ранее папку компьютера. Далее будет предложено выбрать вариант загрузки, на что необходимо будет ответить вписыванием единицы и нажатием «Enter». Также будет вопрос о том, создавать ли ярлыки на рабочем столе, на что следует ответить «y» (рисунок 2.4).

Рисунок 2.4 - Установка Денвера (Шаг 4)

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

Рисунок 2.5 - Завершение установки Денвера

2.2  Создание базы данных сайта

Сначала нужно запустить Denwer, затем в адресной строке браузера набрать http://localhost/Tools/phpMyAdmin.

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

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

На локальном же компьютере пользователя придется создать самим.

Сначала необходимо кликнуть по ссылке «Привилегии» (рисунок 2.6) в окне phpMyAdmin и попасть на страницу с перечислением всех аккаунтов пользователей баз данных.

Рисунок 2.6 - Создание базы данных (Шаг 1)

На странице «Привилегии» надо кликнуть по ссылке «Добавить нового пользователя» (рисунок 2.7).



Рисунок 2.7 - Создание базы данных (Шаг 2)

На странице добавления пользователя надо ввести логин и пароль и выбрать все привилегии (рисунок 2.8).

Рисунок 2.8 - Создание базы данных (Шаг 3)

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

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

Далее необходимо перейти на главную страницу phpMyAdmin'a (рисунок 2.9).

Рисунок 2.9 - Создание базы данных (Шаг 4)

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



Рисунок 2.10 - Создание базы данных (Шаг 5)

Создание базы прошло успешно (рисунок 2.11).

Рисунок 2.11 - Создание базы данных (Шаг 6)

2.3 Установка CMS «Joomla!» на локальный веб-сервер

Сначала надо перейти в каталог C:\WebServers\home\localhost\www и создать там папку, в которую будет установлена Joomla!. В нашем случае это будет папка avtopark. Теперь в эту папку необходимо распаковать все файлы из загруженного архива с дистрибутивом Joomla!.

Затем надо набрать в браузере http://localhost/avtopark/installation/index.php, запустится установка:

На первом шаге предстоит выбрать язык (рисунок 2.12).

Рисунок 2.12 - Установка Joomla! (Шаг 1)

На шаге два установочная система Joomla! тестирует сервер на соответствие требованиям системы (рисунок 2.13).



Рисунок 2.13 - Установка Joomla! (Шаг 2)

Далее предстоит прочитать лицензионное соглашение (рисунок 2.14).

Рисунок 2.14 - Установка Joomla! (Шаг 3)

Шаг четыре: здесь надо заполнить данные о MySQL. Имя пользователя, пароль и имя базы данных следует записать те, которые были созданы на шаге 2 (рисунок 2.15). В дополнительных настройках можно указать префикс таблиц в базе данных. Это необходимо в том случае, если используется одна база данных для нескольких CMS, а так же ещё одна ступень защиты от взлома.

Рисунок 2.15 - Установка Joomla! (Шаг 4)

На пятом шаге необходимо отключить использование FTP, так как в Denwer'e нет ftp сервера.

На шестом шаге остаётся лишь прописать название сайта, e-mail и пароль. Так же можно выбрать, устанавливать или нет демо-данные (это может быть полезно для начинающих web-разработчиков) (рисунок 2.16).



Рисунок 2.16 - Установка Joomla! (Шаг 5)

Потом можно в любой момент удалить демо данные.

Установка Joomla! прошла успешно (рисунок 2.17).

Рисунок 2.17 - Завершение установки Joomla!

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

2.4 Проект главной страницы

Главная страница (рисунок 2.18) должна иметь следующий вид:

- шапка главной страницы представляет собой вид заснеженной дороги и движущегося по данной дороге автобуса, доминирующий цвет светло-синий. На шапке в свободном месте - надпись ООО «Новодвинские перевозки», отредактированная при помощи программы Adobe Photoshop CS2;

- на странице должно быть 6 основных меню: Главное меню, Популярное, Голосование, Поиск по сайту, Меню регистрции, Пользователи онлайн. Все меню должны быть расположены слева под шапкой друг под другом. Также наверху над шапкой должно отображаться содержимое Главного меню Справа от основных меню находится статья «Немоног истории» об истории предприятия ООО «Новодвинские перевозки»;

- основной цвет страницы - светло-серый, все надписи и текст материалов выполнены обычным шрифтом Verdana, 12 пикселей.

Рисунок 2.18 - Проект главной страницы

2.5 Схема гиперссылок сайта

Схема гиперссылок сайта представлена на рисунке 2.19 в Приложении А.

2.6 Схема базы данных сайта

Так как сайт создан при помощи CMS «Joomla!», то база данных будет иметь следующую структуру (рисунок 2.20):

Рисунок 2.20 - Схема базы данных сайта

2.7 Механизмы HTTP-аутентификации

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

3 РАЗРАБОТКА

3.1 Разработка сайта на CMS «Joomla!»

3.1.1 Замена шаблона

Чтобы попасть в административный раздел сайта нужно к адресу сайта дописать слово «administrator». На локальном сервере в данном случае это будет выглядеть как http://localhost/avtopark/administrator. После этого откроется окно входа в административный раздел (рисунок 3.1). Здесь нужно ввести логин: admin и пароль: ****, который был установлен при загрузке Joomla на последней странице. Далее нужно нажать «Войти».

Рисунок 3.1 - Замена шаблона (Шаг 1)

Далее загрузится административный раздел сайта. Необходимо найти пункт меню «Расширения» и выбрать «Установить / Удалить» (рисунок 3.2):

Рисунок 3.2 - Замена шаблона (Шаг 2)

В графе «Загрузить файл пакета» нужно нажать «Обзор» (рисунок 3.3).



Рисунок 3.3 - Замена шаблона (Шаг 3)

Нужно выбрать архив с файлами понравившегося шаблона (рисунок 3.4). Стоит заметить, что выбирается не распакованный архив, распаковка и установка происходит в самой Joomla.

Рисунок 3.4 - Замена шаблона (Шаг 4)

Далее необходимо нажать «Загрузить файл & установить» (рисунок 3.5):

Рисунок 3.5 - Замена шаблона (Шаг 5)

Об успешной загрузке будет сигнализировать появившаяся синяя полоса с надписью: «Установить Шаблон: Удачно.». Опять нужно навести курсор на пункт меню «Расширения» и выбрать «Менеджер шаблонов» (рисунок 3.6).



Рисунок 3.6 - Замена шаблона (Шаг 6)

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

Рисунок 3.7 - Замена шаблона (Шаг 7)

Теперь по адресу http://localhost/avtopark можно увидеть как изменился внешний вид сайта.

3.1.2 Создание раздела

Сначала нужно навести курсор на пункт меню «Материалы» и выбрать «Менеджер разделов» (рисунок 3.8).

Рисунок 3.8 - Создание раздела (Шаг 1)

Далее нужно нажать кнопку «Создать» для создания нового раздела (рисунок 3.9).

Рисунок 3.9 - Создание раздела (Шаг 2)

Далее необходимо дать имя заголовку (например Новый раздел) и придумать ему псевдоним (также Новый раздел). При необходимости можно добавить описание. Затем нужно нажать кнопку «Сохранить» (рисунок 3.10).

Рисунок 3.10 - Создание раздела (Шаг 3)

3.1.3 Создание категории

Сначала нужно навести курсор на пункт меню «Материалы» и выбрать «Менеджер категорий» (рисунок 3.11).

Рисунок 3.11 - Создание категории (Шаг 1)

Затем необходимо нажать кнопку «Создать» для создания новой категории (рисунок 3.12).



Рисунок 3.12 - Создание категории (Шаг 2)

Далее необходимо дать имя заголовку (например Новая категория) и придумать ему псевдоним (также Новая категория). Необходимо чтобы Новая категория находилась в соответствующем разделе, поэтому в поле «Раздел» выберем Новый раздел. При необходимости можно добавить описание. Затем нужно нажать кнопку «Сохранить» (рисунок 3.13).

Рисунок 3.13 - Создание категории (Шаг 3)

3.1.4 Добавление материала

Сначала нужно навести курсор на пункт меню «Материалы» и выбрать «Менеджер материалов» (рисунок 3.14).

Рисунок 3.14 - Добавление материала (Шаг 1)

Затем необходимо нажать кнопку «Создать» для добавления нового материала (рисунок 3.15).



Рисунок 3.15 - Добавление материала (Шаг 2)

Далее необходимо дать имя заголовку (например Новый материал) и придумать ему псевдоним (также Новый материал). Необходимо чтобы Новый материал находился в соответствующем разделе и в соответствующей категории, поэтому в поле «Раздел» нужно выбрать Новый раздел, а в поле «Категория» выбрать Новая категория. В поле «Опубликовано» нужно выбрать «Да». То есть после сохранения статья сразу появится на сайте. Материал невозможно сохранить без содержания. Поэтому нужно его чем нибудь заполнить.

Окно «Материал: [создать]» содержит поле для добавления статьи в визуальном редакторе (рисунок 3.16) с панелью для форматирования текста, где можно просто добавлять текст и сразу его форматировать: изменять размер и цвет шрифта, добавлять ссылки, рисунки и т. д.

Рисунок 3.16 - Визуальный редактор в Joomla!

Стоит упомянуть о добавлении картинок. Для хранения в Joomla для этого создана специальная папка «images» (изображения), полный путь к которой в данном случае: Z:\home\localhost\www\avtopark\images. В ней есть папка «stories», которая и предназначена для хранения рисунков пользователя. В эту папку можно добавлять свои изображения, а также создавать дополнительные папки, если на сайте большое количество рисунков. Добавлять рисунки в текст очень удобно посредством кнопки «Изображение» расположенной внизу (рисунок 3.17).

Рисунок 3.17 - Добавление картинок в Joomla!

Также можно сразу добавить материал в виде HTML-кода, созданный в других редакторах, или редактировать созданный. При нажатии на иконку «HTML» в редакторе материала откроется новое окно html-редактора (рисунок 3.18).

Рисунок 3.18 - Редактор HTML-кода в Joomla!

Нужно любым из этих способов заполнить статью материалом, затем нажать кнопку «Сохранить».

3.1.5 Создание меню

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

Категорию можно вывести разными способами: в виде блога, в виде таблицы.

Блог категории: статьи с расширением расположены на странице одна за другой в виде столбца или нескольких столбцов и внизу страницы могут быть расположены ссылки на другие статьи этой категории.

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

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

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

Открыв окно «Менеджер меню» (рисунок 3.19) (с помощью кнопки «Меню» на панели управления) можно увидеть страницу с уже созданными типами меню.

Рисунок 3.19 - Создание меню (Шаг 1)

Для создания нового меню нужно нажать на кнопку «Создать» (рисунок 3.20).

Рисунок 3.20 - Создание меню (Шаг 2)

На открывшейся странице «Детали меню» необходимо заполнить поля:

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

После этого нажать на кнопку «Сохранить».

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

На странице «Пункты меню» нажать на кнопку «Создать» (рисунок 3.21).

Рисунок 3.21 - Создание меню (Шаг 3)

и перейти на страницу «Пункт меню» (рисунок 3.22).

Рисунок 3.22 - Создание меню (Шаг 4)

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

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

Раздел - в виде блога или в виде таблицы ссылок (при этом будут отображаться все статьи раздела).

Категория - в виде блога или в виде таблицы ссылок (при этом будут отображаться все статьи категории).

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

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

Из архива - в виде блога с фильтром, который позволяет задавать параметры отбора материала. Для создания шаблона материала необходимо нажать на ссылку «Стандартный шаблон материала» (рисунок 3.23).

Рисунок 3.23 - Создание меню (Шаг 5)

На открывшейся странице заполнить поля:

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

- псевдоним - текст, который станет основой url для этого пункта;

- ссылка - url для этого пункта;

- показать в - привязать пункт к определенному меню;

- родительский элемент - опубликован пункт или нет;

- опубликовано - указать Да или Нет;

- порядок показа - в каком порядке будут располагаться пункты меню;

- доступ - для каких групп пользователей будет открыт доступ;

- открывать в - в каком окне будет открываться.

Далее нажать «Сохранить».

3.1.6 Добавление галереи

Было принято решение установить галерею «MorfeoShow 1.1.0».

Сначала нужно навести курсор на пункт меню «Расширения» и выбрать «Установить/удалить» (рисунок 3.24).

Рисунок 3.24 - Добавление галереи (Шаг 1)

Сначала нужно установить компонент галереи. Для этого необходимо нажать «Обзор» и выбрать zip-архив под названием com_morfeoshow_1.1.0 (рисунок 3.25).

Рисунок 3.25 - Добавление галереи (Шаг 2)

Так как установка компонента прошла успешно, нужно нажать «Продолжить» (рисунок 3.26).

Рисунок 3.26 - Добавление галереи (Шаг 3)

Затем точно также необходимо установить плагин. Снова нужно нажать «Обзор» и выбрать zip-архив под названием plugin_morfeoshow_1.1.0 (рисунок 3.27).

Рисунок 3.27 - Добавление галереи (Шаг 4)

Видно, что установка плагина прошла удачно (рисунок 3.28).

Рисунок 3.28 - Добавление галереи (Шаг 5)

Далее нужно навести курсор на пункт меню «Компоненты» и выбрать «MorfeoShow» (рисунок 3.29).

Рисунок 3.29 - Добавление галереи (Шаг 6)

Чтобы создать первую галерею, в поле заголовок необходимо вписать имя галереи (например, Галерея 1), выбрать формат отображения картинок (по умолчанию стоит Classic with Shadowbox и он вполне подходит) и нажать «Сохранить» (рисунок 3.30).



Рисунок 3.30 - Добавление галереи (Шаг 7)

Чтобы добавить изображения в галерею, необходимо нажать «Загрузить» (рисунок 3.31).

Рисунок 3.31 - Добавление галереи (Шаг 8)

Затем нужно нажать «Обзор» и выбрать нужную картинку, затем нажать «Открыть» (рисунок 3.32).

Рисунок 3.32 - Добавление галереи (Шаг 9)

Далее необходимо нажать «Сохранить Изображение». Так необходимо продолжать до тех пор, пока не будут загружены все выбранные изображения.

Если изображений достаточно много, проще использовать второй способ добавления изображений. Для начала поместите все нужные фотографии в папку \avtopark\components\com_morfeoshow\myphoto.

После этого выберете «Multiple Images Add» и в списке отобразятся все загруженные ранее изображения. Выделим их и нажмем «Добавить картинки» (рисунок 3.33).

Рисунок 3.33 - Добавление галереи вторым способом

После всех операций будет виден список загруженных изображений (рисунок 3.34). Чтобы удалить ненужные сразу, необходимо нажать «Удалить» справа от картинок.

Рисунок 3.34 - Добавление галереи (Шаг 10)

Чтобы разместить данную галерею на сайте достаточно будет ввести в нужном материале ссылку на эту галерею. Ссылка имеет формат {morfeo 1} и порядковый номер в зависимости от номера добавленной галереи (рисунок 3.35).

Рисунок 3.35 - Добавление галереи (Шаг 11)

3.1.7 Добавление меню часто задаваемые вопросы

Было принято решение установить компонент «QiuckFAQ» для того чтобы автор сайта или модераторы могли вносить самые популярные вопросы, поступавшие автору либо на форум сайта.

Сначала нужно навести курсор на пункт меню «Расширения» и выбрать «Установить/удалить» (рисунок 3.24).

Рисунок 3.24 - Добавление меню часто задаваемые вопросы (Шаг 1)

Для установки компонента необходимо нажать «Обзор» и выбрать zip-архив под названием com_quickfaq_1.0.1_schlu.zip (рисунок 3.25).

Рисунок 3.25 - Добавление меню часто задаваемые вопросы (Шаг 2)

Так как установка компонента прошла успешно, нужно нажать «Продолжить» (рисунок 3.26).

Рисунок 3.26 - Добавление меню часто задаваемые вопросы (Шаг 3)

Затем нужно зайти в меню компоненты, компонент «QuickFAQ». Выбрать раздел категории и создать новую категорию «Ответы на часто задаваемые вопросы» (рисунок 3.27).



Рисунок 3.27 - Добавление меню часто задаваемые вопросы (Шаг 4)

После создания категории ее нужно наполнить вопросами и ответами. Для этого заходим в раздел «FAQItems» и создаем нужные статьи (рисунок 3.28).

Рисунок 3.28 - Добавление меню часто задаваемые вопросы (Шаг 5)

Далее на сайт нужно добавить новое меню со ссылкой на наш компонент. Для этого заходим в «Все меню», «Главное меню», «Создать» и добавляем внутреннюю ссылку «QuickFAQ category» (рисунок 3.29).

Рисунок 3.29 - Добавление меню часто задаваемые вопросы (Шаг 6)

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

Рисунок 3.30 - Добавление меню часто задаваемые вопросы (Шаг 7)

После обновления странички на сайте появится новое меню «FAQ» (рисунок 3.31).

Рисунок 3.31 - Добавление меню часто задаваемые вопросы

3.1.8 Добавление регистрации пользователей

Как и при добавлении предыдущих компонентов, сначала нужно установить расширение. В администраторской зоне выбираем пункт «Расширение», далее нажимаем «Установить/Удалить». Нажимаем кнопку «Выбрать» и устанавливаем последовательно 1 компонент и 2 модуля: com_comprofiler.zip, mod_cblogin.zip, mod_comprofilerOnline.zip (рисунок 3.47).

Рисунок 3.47 - Добавление регистрации - Шаг 1

После установки всех трех архивов, нужно русифицировать компонент «Регистрация», для этого достаточно из папки Русификация скопировать все файлы в директорию \avtopark\components\com_comprofiler\plugin\language\default_ language. Через Total Commander копируем все файлы в нужную директорию (рисунок 3.48).



Рисунок 3.48 - Добавление регистрации - Шаг 2

Далее нужно зайти в настройки установленного нами компонента, и поменять настройку регистрации пользователей. Заходим в меню Компоненты - Community Builder - Configuration - Регистрация. В раскрывающемся списке выбираем «Да, независимо от глобальных настроек сайта».

Далее заходим в меню Расширения - Менеджер модулей - CB Login. Далее необходимо заполнить данные модуля. Заполнить надо следующим образом:

- заголовок: Регистрация/вход;

- включен: Да;

- позиция: left;

- Login Rederection URL: index.php?option=com_comprofiler&amp; task= userProfile (после регистрации, перебросит пользователя в его профиль);

- Name: имя;

- Profile link text: Ваш профиль здесь;

- Profile edit link text: Редактировать Ваш профиль.

Нажимаем «Сохранить» (рисунок 3.49).

Рисунок 3.49 - Добавление регистрации - Шаг 3

Далее следует установить весьма полезный плагин - Защита на регистрацию. Чтобы боты или компьютерные вирусы не могли регистрироваться на сайте автоматически. Для этого заходим в меню Компоненты - Community Builder - Plugin Management. И в меню «Установка нового плагина» устанавливаем плагин [1.0]plug_cbcaptcha.zip (рисунок 3.50).

Рисунок 3.50 - Добавление регистрации - Шаг 4

После всех настроек заходим на сайт. В левом меню сайта должна появиться «Регистрация пользователей» (рисунок 3.51).

Рисунок 3.51 - Добавление регистрации

3.1.9 Добавление форума

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

Для начала через Total Commander копируем все файлы из архива FireBoard в каталог \avtopark\tmp\forum (рисунок 3.52).

Рисунок 3.52 - Добавление форума - Шаг 1

Далее заходим в меню Расширения - Менеджер расширений - Установить из папки. Прописываем путь с распакованными файлами плагина: Z:\home\localhost\www\avtopark\tmp\forum (рисунок 3.53).

Рисунок 3.53 - Добавление форума - Шаг 2

Далее будет сообщение, что установка компонента прошла успешно (рисунок 3.54).



Рисунок 3.54 - Добавление форума - Шаг 3

Далее заходим в меню Компоненты - Русский Fireboard и нажимаем под настройкой «Установка БД» кнопку «Запуск!». Выдастся сообщение «Установка успешно произведена!»

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

- Установка интеграции аватаров: CB;

- Установка интеграции титулов: CB;

- Система личных сообщений: UddelM;

- Профиль пользователя Community Builder: Да;

Далее сохраняем изменения. И в этом же окне находим настройку «Создать профиль для Community Builder». Нажимаем «Кликните здесь» (рисунок 3.55).

Рисунок 3.55 - Добавление форума - Шаг 4

Далее открываем меню Компоненты - Community Builder - Tab Management и включаем новый модуль «Форум» (рисунок 3.56). Также в меню Компоненты - Community Builder - Plugin Management нужно будет включить плагин «Fireboard Forum»

Рисунок 3.56 - Добавление форума - Шаг 5

Теперь осталось добавить меню на сайт. Для этого открываем Все меню - Главное меню - Создать и добавляем ссылку «Русский Fireboard» (рисунок 3.57). Называем Заголовок: «Форум». Сохраняем изменения.

Рисунок 3.57 - Добавление форума - Шаг 6

При переходе на сайт можно увидеть новый пункт меню форум и страничку форума (рисунок 3.58).



Рисунок 3.58 - Добавление форума

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

3.2 Создание компонента/плагина Highslide

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

Установка проходит в несколько этапов.

3.2.1 Установка компонента

Для начала нужно создать каталоги \avtopark\highslide и \avtopark\SpryAssets на жестком диске. В этот каталог нужно поместить все файлы компонента (рисунок 3.59).



Рисунок 3.59 - Добавление плагина Highslide

3.2.2 Написание файла HTML страницы

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

<SCRIPT type=text/javascript src="SpryAssets/SpryAccordion.js"></SCRIPT>

<SCRIPT type=text/javascript src="highslide/highslide.js"></SCRIPT>

<SCRIPT type=text/javascript>// <![CDATA[

// override Highslide settings here

// instead of editing the highslide.js file

// ]]>

hs.graphicsDir = 'highslide/graphics/';

</SCRIPT>

Также для работы плагина при создании ссылки на определенную фотографию на жестком диске, в HTML коде нужно указывать class="highslide" и специальный параметр onclick="return hs.expand(this)". Например, полный HTML код ссылки на фотографии 2.jpg и 2big.jpg будет выглядеть так:

<a class="highslide" href="images/stories/bus_picture/132/2big.jpg" target="_blank" onclick="return hs.expand(this)">

<img class="f" src="images/stories/bus_picture/132/2.jpg" alt="244 КБ" width="250"></a>

В данном коде тэги означают:

<a href= ""> - ссылка на HTML-страницу

target="_blank" - открыть в новом окне

class="highslide", class="f" - использование CSS классов

<img src=""> - ссылка на изображение

alt="244 КБ" - подпись изображения

width="250" - ширина изображения

3.2.3 Проверка работоспособности

Необходимо открыть любую статью, например: Действующие автобусы - Автобус № АА 132 /29 и щелкнуть на любом изображении (рисунок 3.60).

Рисунок 3.60 - Добавление плагина Highslide

3.3 Тестирование

3.3.1 Перенос сайта на сервер

Организация ООО «Новодвинские перевозки» в дальнейшем планирует разместить представленный Web-сайт в сети интернет.

Хостинг и доменное имя для проекта сейчас можно получить у многих интернет провайдеров. Для размещения домена был выбран WebNames.ru

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

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

Для того чтобы воспользоваться услугами WebNames.Ru, нужно для начала зарегистрироваться у них на сайте. После регистрации нужно будет пополнить свой личный счет при помощи нескольких на выбор платежных систем: WebMoney, Яndex.Деньги и т.д (рисунок 3.61).



Рисунок 3.61 - Выбор способа оплаты на WebNames.ru

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

Рисунок 3.62 - Регистрация домена

Следующим шагом будет заказ хостинга. Хостинг-провайдеров во всемирной паутине тоже весьма много. Самые популярные можно посмотреть на сайте http://hostobzor.ru

На примере можно рассмотреть покупку хостинга на сайте http://mchost.ru Для начала нужно выбрать подходящий тариф, учитывая объем сайта и резервируемое место на хостинге. Для этого подбираем тариф (рисунок 3.63).



Рисунок 3.63 - Регистрация хостинга (Шаг 1)

Выбираем тарифный план «Профи». Он подходит для запуска Joomla. И выделяемый объем дискового пространства там 5 Гигабайт.

Далее следует пройти легкую регистрацию. Затем заказываем хостинг, исходя их сроков размещения сайта и тарифа (рисунок 3.64).

Рисунок 3.64 - Регистрация хостинга (Шаг 2)

Для того, чтобы перенести сайт на Joomla 1.5.x с локального сервера на хостинг необходимо выполнить следующие действия:

1. Скопировать файлы с локального сервера на хостинг при помощи FTP или SSH.

Для этого удобней всего воспользоваться FTP-менеджером, например FileZilla. Сначала необходимо заархивировать все папки и файлы, относящиеся к сайту кроме файла configuration.php. Данный файл еще нужно будет изменить и загрузить на сервер отдельно, так как настройки на localhost существенно отличаются от тех, что будут на сервере. Нужно дать имя архиву, например avtopark.zip. Затем в программу FileZilla, открыть менеджер хостов и добавить всю информацию по зарегистрированному ранее хостингу: ftp адрес, логин и пароль (рисунок 3.65).

Рисунок 3.65 - Опция «Менеджер хостов» в FileZilla

Далее следует выбрать созданный ранее архив avtopark.zip и загрузить его на сервер (рисунок 3.66).

Рисунок 3.66 - Загрузка архива avtopark.zip на сервер

2. Распаковать архив на стороне сервера

Для распаковки можно воспользоваться например Total Commander или сторонней unzip-программой, предварительно загруженной на сервер. Достаточно просто выделить архив и нажать «Извлечь».

3. Изменить файл configuration.php и загрузить его на сервер

В данном файле необходимо изменить следующие параметры:

var $user = 'admintest'; заменить на var $user = ' klikovs ';

var $db = 'avtopark'; заменить на var $db = ' avtoparkDB';

var $password = '*******'; заменить на var $password = '********************';

После этого аналогично нужно загрузить измененный файл на сервер.

4. Экспортировать базу данных с localhost и импортировать на сервере

Сначала нужно перейти в браузере по адресу http://localhost/Tools/phpmyadmin/. На панели управления нужно найти вкладку «Экспорт». Затем отметить все таблицы в базе, поставить галочку напротив поля «Послать» и нажать «Пошел» (рисунок 3.67).

Рисунок 3.67 - Экспорт базы из PhpMyAdmin

Затем необходимо будет сохранить базу, нажав «ОК» (рисунок 3.68).

Рисунок 3.68 - Сохранение базы

Дамп базы был успешно создан. Еще нужно убедиться, что файл avtopark.sql создан в кодировке 65001(UTF-8). Иначе нужно изменить кодировку на UTF-8 посредством текстового редактора.

Далее необходимо добавить на сервер еще два файла из папки «Распаковщик архива». Это два специальных файла, которые распаковывают архив на сервере (рисунок 3.69).

Рисунок 3.68 - Распаковка архива на сервере

Далее необходимо эту базу импортировать на сервер. Для этого нужно перейти по адресу http://avtopark29.ru/unzip.php. Это такой же PhpMyAdmin, только на стороне сервера. Сначала нужно зарегистрироваться. Далее появится меню распаковки файла avtopark.zip. Нажимаем кнопку «unzip». Затем нужно нажать «ОК», подождать некоторое время, и PhpMyAdmin сообщит о том, что Импорт был успешно завершен.

После всех операций сайт http://avtopark29.ru готов к использованию и просмотру через Интернет.

3.3.2 Просмотр сайта из под различных браузеров

Как правило, большинство пользователей использует Internet Explorer, изначально установленный в Windows. Но есть своя аудитория и у Avant Browser, Opera и Mozilla Firefox. У всех браузеров есть свои плюсы и минусы. Предпочтения пользователями веб-браузеров представлены на рисунке 3.69.



Рисунок 3.69 - Предпочтения пользователеми веб-браузеров в мировом масштабе: март 2010 (в процентах)

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

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

Рисунок 3.70 - отображение в браузере Internet Explorer 8



Рисунок 3.71 - Отображение сайта в Mozilla Firefox 3.0

На втором этапе проводилось тестирование отображение страниц сайта с заполненной информацией и установленными программными модулями: фотогалерея.

Рисунок 3.72 - Отображение фотогалереи на сайте

Рисунок 3.73 - Отображение новостной ленты на странице сайта



Рисунок 3.74 - Отображение карты сайта

Рисунок 3.75 - Отображение таблиц на странице сайта

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

3.3 Обеспечение безопасности сайта

С целью обеспечения безопасности сайта следует выполнить следующие действия:

1. с сервера желательно удалить все файлы, вызывающие функцию phpInfo(), с помощью которой третьи лица могут узнать всю информацию о настройке сервера;

2. удалить каталог installation;

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

4. изменить имена по умолчанию учетных записей администраторов Joomla! и MySQL;

5. посредством файла .htaccess ограничить доступ к наиболее важным каталогам с помошью пароля;

6. посредством файла .htaccess ограничить доступ к наиболее важным каталогам по IP-адресу;

7. настроить PHP-фильтры mod_security и mod_rewrite, чтобы блокировать сетевые атаки на сайт;

8. ограничить права MySQL-пользователей;

9. сделать резервную копию всего сайта.

4 ЭКОНОМИЧЕСКОЕ ОБОСНОВАНИЕ ПРОЕКТА

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

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

В данном дипломном проекте предполагается время разработки ПС Tp = 3 месяца, время эксплуатации ПС (без учета времени разработки) Тэ = 15 месяцев, коллектив разработчиков Кр = 1 чел.

4.1 Расчет текущих расходов

Текущие расходы на разработку ПС включают в себя следующие основные элементы:

-материальные расходы (стоимость электроэнергии, тепловой энергии и т.п.);

-расходы на оплату труда и социальные нужды (единый социальный налог и тарифы по обязательному страхованию);

-прочие расходы (интернет, услуги связи, оплата расходных материалов: картриджи, бумага, CD, DVD, дискеты и т.д.).

1) Стоимость затрат на электроэнергию определяется мощностью и временем работы оборудования. Мощность, потребляемая оборудованием, определятся по техническому паспорту оборудования. Для данного примера принимаем потребляемую мощность системного блока WСБ - 350 Вт, потребляемую мощность жидкокристаллического монитора WМ - 45 Вт.

Таблица 4.1 - Расчет стоимости электроэнергии

Наименование оборудования	Потребляемая мощность, Вт	Время работы оборудования, час.	Цена за единицу, руб./ КВтч	Стоимость, руб.
Системный блок	350	438	2,84	435,3
Монитор	45	438	2,84	56
Итого	395	438	2,84	491,3

Совокупная потребляемая мощность WC = 395 Вт.

Время работы оборудования ТРоб с учетом специфики работы программиста принимаем равным фонду рабочего времени ФРВ = 146*3=438 часов (146 ч - месячный полезный фонд рабочего времени, 3 месяца - срок реализации проекта).

Суммарная величина затрат на электроэнергию за весь период реализации проекта составит 491,3 руб.

2) Расчет заработной платы

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

В связи с тем, что разработка проекта занимает менее одного года, необходимо рассчитать месячный полезный фонд времени работника. Месячный фонд полезного времени ФПМ=ФГ/12=1752,12/12=146 часов.

Полезный фонд времени за три месяца составит: ФПМ*3=146*3=438 часов.

Расчет тарифного фонда заработной платы участников проекта произведен путем умножения часовой тарифной ставки оплаты труда на количество часов, затраченных на разработку проекта. Минимальная часовая тарифная ставка составляет 29,7 руб/час (Федеральный закон от 24.06.2008 N 91-ФЗ).

В соответствии с квалификационными требованиями, предъявляемыми к инженеру-программисту, часовая тарифная ставка устанавливается в размере 60 руб/час.

С учетом районного и северного коэффициентов часовая тарифная ставка составит

ЗПчас=60*1,7=102 руб./час.

Расходы на оплату труда за период разработки проекта составят

ЗП=438*102= 44 676 руб.

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

Предусмотрена выплата разработчикам проекта премии в размере одного месячного оклада, с учетом районного и северного коэффициентов размер премии составит Пр = 60*146*1,7 = 14 892 руб.

ФОТ = ЗП + Пр=44 676 +14 892 = 59 568 руб.

Страховые взносы и обязательное пенсионное страхование рассчитываются от фонда оплаты труда по налоговым ставкам, действующим в настоящее время, и составляют 26 % ФОТ. Расходы на социальные выплаты составляют 15 487,68 руб., в том числе:

- федеральный бюджет - 11 913,60 (20 %);

- фонд социального страхования - 1 727,47 (2,9 %);

- федеральный фонд обязательного медицинского страхования - 655,25 (1,1 %);

- территориальный фонд обязательного медицинского страхования - 1191,36 (2,0 %).

Расходы на оплату труда и социальные выплаты -

59 568 + 15 487,68 = 70 055,68 руб.

3) Прочие расходы

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

Таблица 4.2 - Прочие расходы

Наименование	Расходов в месяц, руб.
Услуги ADSL-интернет (доступ в сеть интернет)	620,00
Картриджи для принтера	659,00
Бумага для печати	215,00
DVD	96,00
Flash-карты	550,00
Всего:	2 140,00
Итого за 3 месяца	6 420,00

Таблица 4.3 - Расчет текущих расходов на разработку и внедрение проекта, руб.

Показатель	Номер шага (период времени: мес., квартал, год)
	0	1	2
1. Материальные расходы	-		-
В т.ч.:
1.2. Сырье	-		-
1.3. Материалы	-		-
1.4. ГСМ	-		-
1.5.Электроэнергия	163,8	163,8	163,8
2. Расходы на оплату труда и социальные нужды	-	-	-
В т.ч.:
2.1. Оплата труда производственного персонала	14 892,00	14 892,00	29 784,00
2.2. Оплата труда управленческого персонала	-	-	-
2.3. Страховые взносы и обязательное пенсионное страхование	3 871,92	3 871,92	7 743,84
3. Прочие расходы	2 140,00	2 140,00	2 140,00
4. Всего	21 067,72	21 067,72	39 831,64

Затраты на разработку и внедрение за первые три месяца равны 81 967,08 руб.

Таблица 4.4 - Стоимость оборудования и ПО.

Показатель	Цена (руб.)
	0	…	2
1. Приобретение земельного участка и его освоение	-	…	-
2. Затраты на машины и оборудование	22 004,00		-
В т.ч.:		…
2.1 Системный блок Intel E6500 INTEL Dual-Core E6500 2.93GHz, 2MB, 1066MHz , Socket-775 1600Mhz, DDR2, VGA+PCX16+PCX1+2xPCI, 6xAudio, LAN, 1xATA+4xSATA2, COM port , GT240 512Mb_DDR5 , DIMM 2GB DDR_II PC6400 , 500Gb 7200 RPM 16Mb SATAII , DVD+-R/RW&CD-RW , Cooler Master Socket-775 , ATX 350Вт Black/Silver E6500+ клавиатура, мышь, принтер)	16 721,00	…	-
2.2ЖК-монитор 17.0" LG "Flatron L1742S" BF 1280x1024, 5мс, TCO'03, черный (D-Sub) FC78793	5283,00	…	-
2.3 Компьютерная сеть	-	…	-
3. Затраты на здания и сооружения	-	…	-
В т.ч.:	-	…	-
3.1 ___________	-	…	-
4. Прочие основные производственные фонды	-	…	-
В т.ч.:	-		-
4.1 ___________	-	…	-
5. Затраты на нематериальные активы	12 020,00	…	-
В т.ч.:		…
WINDOWS 7 Нome PREMIUM RUS DVD BOX	6 710,00	…	-
СИСТЕМА УПРАВЛЕНИЯ СОДЕРЖИМЫМ Joomla 1.5.14 Stable	-	…	-
ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ DENWER	-	…	-
ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ ЛИЦЕНЗИЯ MICROSOFT OFFICE 2007 Home and Student RUS CD BOX	3 520,00	…	-
АНТИВИРУСНОЕ ПО NOD32	1 790,00	…	-
6. Прочие	-	…	-
Итого капиталообразующих инвестиций, руб.	34 024,00	…	-
7. Текущие затраты на разработку и внедрение проекта	0,00	…	-
Всего затрат на разработку и внедрение	34 024,00	…	-

Затраты на оборудования и ПО за первые три месяца равны 34 024,00 руб.

Общие затраты на разработку и внедрение проекта за первые три месяца составят 81 967,08 + 34 024,00 = 115991,08 руб.