Однако недостатком подобного подхода было то, что работа с контентом сайта по-прежнему велась на уровне файлов. А это требовало, как минимум, хороших знаний HTML для корректного форматирования текста, и умений работать с файлами на хостинге.
По-настоящему мощным инструментом программирования и создания сайтов является связка PHP + MySQL.- это База Данных, набор таблиц, в которых хранится та или иная информация.выступает в качестве инструмента, который умеет читать из таблиц базы нужные данные и на их основе формировать HTML-код. Для отправки данных от пользователя используются HTML-формы и на PHP можно реализовать механизм обработки этих форм. Таким образом, после того, как пользователь заполнил форму и нажал кнопку "отправить" PHP-скрипт ловит данные из формы и выполняет вставку новой строки в базу.
Обладая достаточными знаниями PHP и MySQL, можно самостоятельно сделать полноценный механизм управления информацией. Ситуация осложняется тем, что одной таблицы для хранения данных явно недостаточно. В реальности их число обычно достигает нескольких десятков (таблица для хранения статей, комментариев, опросов, пользователей, меню, системных настроек и т.д.).
Качественно выполнить такую работу с нуля - задача непростая. Сегодня на просторах интернета можно найти множество различных готовых вариантов систем управления контентом, или сокращенно CMS (Content Management System).
В CMS все функции работы с БД уже запрограммированы, а интерфейс по работе с сайтом максимально прост и удобен. Таким образом, администратор сайта видит лишь отдельные элементы управления (формы добавления статей, элементы управления меню и т.д.) и ему совершенно не нужно быть программистом, чтобы управлять сайтом. Он лишь задает команду, например, "создать статью", а движок выполняет всю механическую работу за него, а именно обрабатывает входные данные и вставляет их в нужные таблицы БД. И поэтому сегодня администратор сайта может быть совсем далек от программирования, но иметь возможность управлять контентом.
В сущности CMS - это набор PHP файлов, при помощи которых осуществляется управление базой данных (MySQL).
Рассмотрим подробнее наиболее популярные системы управления контентом. Отличительные особенности и характеристики наиболее популярных CMS приведены в таблице 2.4.1.
В результате обзора информационных технологий серверного программирования было решено разработать сайт с помощью системы управления контентом, т.к. CMS помогает создать функциональный сайт и значительно упрощает дальнейшую работу с ним.
В ходе рассмотрения и анализа различных CMS была выбрана CMS Joomla, так
как она является оптимальной для выполнения всех требований к сайту.
Таблица 2.4.1 - Наиболее популярные системы управления контентом
|
Название |
Отличия и характеристики |
Официальный сайт |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
Joomla |
Самая популярная и мощная система управления сайтом среди альтернативных бесплатных систем. Она проста в использовании и надежна. Представляет собой минимальный набор инструментов при начальной установке, который дополняется по мере необходимости. 1) Функциональность системы увеличивается при загрузке дополнительных расширений (компонентов, модулей, плагинов). 2) Присутствует модуль безопасности для многоуровневой аутентификации пользователей и администраторов. 3) Имеется возможность легко изменять внешний вид сайта, либо создать свой уникальный дизайн страницы. 4) Начиная с версии 2.5 расширена поддержка баз данных. |
#"867039.files/image008.jpg"> Рисунок 3.2.1 - Диаграмма вариантов использования для сайта ОАО
"Московское машиностроительное предприятие имени В.В. Чернышева"
На диаграмме показаны два действующих лица: ˗ пользователь; ˗ администратор. Существует также три основных действия, к которым действующие лица имеют доступ: просмотр информации на сайте, редактирование информации на сайте, поиск информации по сайту. Рассмотрим действия более подробно. . "Просмотр информации на сайте" - процесс просмотра общей информации, представленной на сайте. · Система представляет вниманию пользователя возможные для посещения страницы, ресурсы, галереи: ˗ Главная страница сайта, содержащая общую информацию; ˗ "Фотогалерея"; ˗ "Контакты" - информация о месторасположении предприятия, контактные адреса и телефоны. 2. "Редактирование информации на сайте" - процесс редактирования информации на сайте администратором. ˗ Пользователь авторизуется в системе как "Администратор". ˗ Система выводит информацию в формате интерфейса, позволяющего редактировать информацию на сайте. ˗ Пользователь редактирует нужную информацию и сохраняет. ˗ Система публикует обновленную информацию на сайте. На основе сформулированный требований к функциям сайта и информационному
наполнению, была спроектирована структура сайта (рисунок 3.2.2).
Рисунок 3.2.2 - Структура сайта
"Главная страница" - демонстрирует общую информацию. "О предприятии" - знакомит пользователя с предприятием, включает дополнительные подпункты: "История предприятия", "Общие сведения", "Руководство предприятия", "Визитная карточка ОАО "ММП Им. В.В. Чернышева", "Фирменный стиль", "Награды предприятия", "Система качества". "Услуги предприятия" - отображает информации об основной деятельности предприятия. "Фотогалерея" - содержит информацию графического характера. "Контакты" - содержит контактную информацию, а также отображает карту расположения предприятия. Глава 4. Реализация и внедрение сайта4.1 Установка системы управления контентом JoomlaНачиная работу с выбранным программным обеспечением, важно устанавливать и использовать актуальную версию. Разработчики систем постоянно вносят изменения после выпуска заключительной версии продукта. Для разработки сайта ОАО "Московское машиностроительное предприятие имени В.В. Чернышева" была выбрана версия Joomla 2.5.11, которая установлена на платном хостинге beget.ru. Для загрузки Joomla 2.5.11 необходимо зайти на официальный сайт Joomla (#"867039.files/image010.jpg"> Рисунок 4.2.1 - Вход в административный интерфейс Joomla В качестве имени пользователя и пароля вводим учетные данные, указанные при установке. В данном случае, именем пользователя является "dddddiut", пароль - "orZ0JmQN". После ввода правильной комбинации имени пользователя и пароля, произойдет перенаправление на главную страницу административного интерфейса. Система управления контентом обладает широким набором функций: ˗ создание, редактирование и публикация информационного материала; ˗ конфигурирование системы управления контентом; ˗ установка тем оформления, компонентов и модулей; ˗ статистика посещений, просмотров, пользователей; ˗ информация о системе, обновлениях и исправлениях. Интерфейс администратора представлен на рисунке 4.2.2.
Рисунок 4.2.2 - Интерфейс администратора CMS Joomla.
Для входа в конфигурацию следует выбрать кнопку "Сайт" - "Общие настройки". Меню конфигурации состоит из 5 пунктов: ˗ "Сайт" - общие настройки работы сайта (имя, описание, выключение, регистрация пользователей, визуальный редактор); ˗ "Система" - настройки пути к каталогу логов и серверу справки; ˗ "Сервер" - GZIP-компрессия страниц, время жизни сессии cookie; ˗ "Права" - настройки прав доступа для групп пользователей. ˗ "Фильтры текста" - ограничения использования HTML тэгов и атрибутов. Интерфейс конфигурирования представлен на рисунке 4.2.3.
Рисунок 4.2.3 - Настройка конфигурации CMS Joomla 4.3 Дизайн сайтаДля создания полноцветного конкурентоспособного сайта важно уделить должное внимание оформлению. Стандартный дизайн, который предлагает система Joomla идеально демонстрирует нам возможности системы, но совершенно не подходит для разработки нашего сайта. Если мы используем другой шаблон, нам необходимо загрузить его в папку "/templates/". Для этого мы заходим в "Расширения" - "Менеджер расширений" - "Загрузить файл пакета" - "Обзор" (выбираем папку с новым шаблоном) - "Загрузить и установить". Чтобы применить данный шаблон, нужно обратиться к административной части интерфейса: "Расширения" - "Менеджер шаблонов". В открывшемся окне администратор системы может выбрать любую из установленных тем оформления. Выбор производится кнопками "Назначить" и "По умолчанию". Интерфейс администратора, по необходимости, позволяет производить редактирование шаблонов сайта. 4.4 Модули, компоненты и плагиныСистема управления контентом Joomla имеет модульную структуру и в своем базовом варианте не обеспечивает всех необходимых возможностей, требуемых для реализации готового проекта. В Joomla присутствует деление на модули и компоненты. "Компонентами" называются расширения, позволяющие добавлять дополнительный функционал к работе системы управления контентом. "Модулями" называются элементы вывода данных, отображение которых настраивается отдельно для каждой страницы веб-сайта. При использовании стандартных шаблонов оформления, либо шаблонов на основании стандартных макетов дизайна - никаких изменений производить не нужно. Необходимость в изменениях возникает лишь в случаях, когда в шаблон добавляются дополнительные позиции для вывода модулей. Компонентная структура позволяет обеспечить гибкость и высокие функциональные возможности системы. Используя только необходимые для работы сайта модули и компоненты, администраторы веб-ресурса защищают себя от узких мест и уязвимостей, имеющихся в незадействованных компонентах. При построении сайта ОАО "Московское машиностроительное предприятие имени В.В. Чернышева" были использованы следующие расширения: ˗ Стандартный модуль "Меню" (рисунок 4.4.1).
Рисунок 4.4.1 - Модуль "Меню" ˗ ˗ Модуль размещения социальных кнопок (рисунок 4.4.2).
Рисунок 4.4.2 - Модуль "Социальные кнопки"
˗ Модуль, отвечающий за смену картинок в заголовке сайта
(рисунок 4.4.3).
Рисунок 4.4.3 - Модуль "Смена картинок"
Таким образом, любую задачу, необходимую администратору, можно решить путем интеграции сторонних компонентов. ˗ Модуль "Обратный звонок", позволяющий пользователю
оставить заявку о необходимости связаться с ним (рисунок 4.4.4).
Рисунок 4.4.4 - Модуль "Обратный звонок"
˗ Модуль "Поиск по сайту", ориентированный на поиск
необходимой информации, размещенной в рамках данного ресурса (рисунок 4.4.5).
Рисунок 4.4.5 - Модуль "Поиск по сайту"
˗ Модуль выдвигающегося дополнительного меню (рисунок 4.4.6).
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
Затраты |
Сумма, руб. |
|
|
Персональный компьютер |
15200 |
8500 |
|
Амортизационные отчисления на компьютер |
218,63 |
|
|
Амортизационные отчисления на программное обеспечение |
122,26 |
|
|
Затраты на ремонт |
43,73 |
|
|
Итого: 24084,62 |
||
Рассмотрим переменные издержки.
В данную категорию издержек при создании сайта ОАО "Московское машиностроительное предприятие имени В.В. Чернышева" входят:
˗ затраты на приобретение материалов;
˗ затраты на потребляемую электроэнергию;
˗ затраты на оплату труда разработчиков сайта ОАО "Московское машиностроительное предприятие имени В.В. Чернышева";
˗ отчисления по налогам.
Рассчитаем затраты на приобретение материалов.
На эту статью относится стоимость материалов, покупных изделий, полуфабрикатов и других материальных ценностей, расходуемых непосредственно в процессе изготовления сайта ОАО "Московское машиностроительное предприятие имени В.В. Чернышева".
Рассчитаем затраты на потребляемую электроэнергию.
К этой статье относится стоимость потребляемой электроэнергии компьютером за время разработки сайта ОАО "Московское машиностроительное предприятие имени В.В. Чернышева".
Стоимость электроэнергии, потребляемой за год, определяется по формуле
(6):
(6)
где
- суммарная мощность ЭВМ, кВт;
- время работы компьютера, часов;
- стоимость одного кВт/ч
электроэнергии, руб.
Рабочий день равен восьми часам, следовательно, стоимость электроэнергии
за период работы компьютера во время создания сайта ОАО "Московское
машиностроительное предприятие имени В.В. Чернышева" будет вычисляться по
формуле (7):
(7)
где
- время эксплуатации компьютера при создания сайта "ОАО
"Московское машиностроительное предприятие имени В.В. Чернышева",
дней.
Согласно техническому паспорту ЭВМ
кВт, а стоимость одного кВт/ч
электроэнергии на предприятии
руб.
Тогда расчетное значение затрат на электроэнергию:
(руб.).
Рассчитаем затраты на оплату труда разработчиков сайта ОАО "Московское машиностроительное предприятие имени В.В. Чернышева".
К этой статье относятся:
˗ основная заработная плата разработчиков сайта ОАО "Московское машиностроительное предприятие имени В.В. Чернышева";
˗ дополнительная заработная плата разработчиков, входящая в фонд заработной платы.
Расчет основной заработной платы выполняется на основе трудоемкости
выполнения каждого этапа в человеко-днях и величины месячного должностного
оклада исполнителя, вычисляется по формуле (8):
(8)
где
- оклад работника в месяц, руб.;
- количество дней, затраченных
сотрудником на создание веб-сайта ОАО "Московское машиностроительное
предприятие имени В.В. Чернышева".
Среднее количество рабочих дней в месяце равно 21. Следовательно, дневная
заработная плата определяется делением размера оклада на количество рабочих
дней в месяце и вычисляется по формуле (9):
ЗДЗП = О / 21, (9)
Трудоемкость каждого этапа определяется для группы специалистов, отвечающих за этот этап разработки.
Произведение трудоемкости на сумму дневной заработной платы определяет затраты по основной зарплате для каждого работника на все время разработки.
Расчет оклада разработчиков сайта за один рабочий день приведен в таблице
6.2.
Таблица 6.2. Расчет оклада сотрудников за один рабочий день
|
Должность |
Оклад в месяц, руб. |
Стоимость одного рабочего дня, руб. |
|
Программист |
15000 |
714,28 |
Расчет дополнительной заработной платы производится от основной заработной платы и соответственно будет равен:
Затраты на фонд заработной платы за время разработки сайта ОАО
"Московское машиностроительное предприятие имени В.В. Чернышева"
приведены в таблице 6.3.
Таблица 6.3. Расчет фонда заработной платы за период разработки сайта ОАО "Московское машиностроительное предприятие имени В.В. Чернышева"
|
Вид заработной платы |
Денежная оценка, руб. |
|
Основная заработная плата |
15000 |
|
Районный коэффициент |
750 |
|
Итого |
15750 |
Рассчитаем отчисления по налогам.
На эту статью относятся отчисления по единому социальному налогу
(страховые взносы), который составляет 30%. Затраты по данной статье
определяются установленным нормативом от расходов на оплату труда работников,
непосредственно занятых созданием научно-технической продукции, и вычисляются
по формуле (10):
(10)
где
- затраты по страховые взносы, руб.;
- фонд заработной платы, руб.;
- вид налоговых отчислений, %.
Расчет отчислений по страховым взносам приведен в таблице 6.4.
Таблица 6.4. Отчисления по страховым взносам при разработке веб-сайта "ЦРТ Сервис"
|
Налоговая база на каждого исполнителя |
Фонд заработной платы, руб. |
Общая сумма, руб. |
|
Программист |
15000 |
4500 |
Список переменных издержек и их содержание приведены в таблице 6.5.
Из этой таблицы можно получить представление на общую сумму переменных
издержек, которая впоследствии в сумме с постоянными издержками дадут представлении
о полных издержках.
Таблица 6.5. Переменные издержки при разработке сайта ОАО "Московское машиностроительное предприятие имени В.В. Чернышева"
|
Вид переменных издержек |
Величина, руб. |
|
Затраты на приобретение материалов |
5502 |
|
Затраты на потребляемую электроэнергию |
96,21 |
|
Затраты на оплату труда разработчику |
15750 |
|
Отчисления по налогам |
4500 |
|
Итого |
25848,21 |
Рассмотрим общие затраты.
На эту статью относятся все издержки, которые были произведены при создании сайта ОАО "Московское машиностроительное предприятие имени В.В. Чернышева".
Структура полных издержек приведена в таблице 6.6.
Таблица 6.6. Структура полных издержек при разработке сайта ОАО "Московское машиностроительное предприятие имени В.В. Чернышева"
|
Вид издержек |
Величина, руб. |
|
Постоянные |
384,62 |
|
Переменные |
25848,21 |
|
Итого |
26232,83 |
Полная себестоимость разработки сайта ОАО "Московское
машиностроительное предприятие имени В.В. Чернышева" определяется
суммированием постоянных и переменных издержек и вычисляется по формуле (11):
(11)
где
- себестоимость сайта ОАО "Московское
машиностроительное предприятие имени В.В. Чернышева";
- постоянные издержки;
- переменные издержки.
Таким образом, себестоимость веб-сайта ОАО "Московское машиностроительное предприятие имени В.В. Чернышева" равна:
= 26232,83 руб.
Рассмотрим целесообразность создания сайта ОАО "Московское машиностроительное предприятие имени В.В. Чернышева".
Для того чтобы узнать целесообразно ли создавать веб-сайт "ЦРТ Сервис", рассмотрим сколько времени тратит работник компании на поиск и информирование клиентов.
В среднем на поиск и информирование 1 клиента работник ОАО "Московское машиностроительное предприятие имени В.В. Чернышева" тратит 15 минут времени. Сюда входит время на консультацию (6 минут), время на работу с базой клиентов компании (2 минуты) и время на поиск новых клиентов в партнерских баз данных (7 минут).
Поиск и информирование 1 клиента с помощью сайта ОАО "Московское машиностроительное предприятие имени В.В. Чернышева" требует у работника в среднем 2 минуты, сюда входит время на оказание консультации клиента, который обратился по контактным данным через сайт.
Сравнивая время работы с одним клиентом в базовом и проектном вариантах, можно увидеть, что поиск и информирование клиентов сократиться в 7,5 раз.
Сведем всю полученную информацию в итоговую таблицу 6.7.
Таблица 6.7. Общие затраты
|
Общие затраты |
Сумма, руб. |
|
Общая стоимость рабочего места |
24084,62 |
|
Общая сумма переменных издержек |
25848,21 |
|
Общая сумма постоянных издержек |
384,62 |
Рассмотрим, за какое время окупится веб-сайт ОАО "Московское машиностроительное предприятие имени В.В. Чернышева".
Доход - денежные средства или материальные ценности, полученные государством, физическим или юридическим лицом в результате какой-либо деятельности за определённый период времени.
По статистике в среднем на сайт будет заходить в месяц около 1000 посетителей из поисковых систем. Умножив на 1%, получим примерное количество реальных заказчиков - около 10 человек в месяц. По статистике доход с одного клиента, после вычета налогов и накладных расходов, составит 10000 руб.
В год при использовании веб-сайта получим: 10000*10*12 = 1200000 (руб.) дохода.
Как было показано, на создание веб-сайта ОАО "Московское машиностроительное предприятие имени В.В. Чернышева" мы потратили 26232,83 рублей, то можно подсчитать, что наш сайт окупится через 0,08 месяца (26232,83/1200000).
Учитывая время, которое работник ОАО "Московское машиностроительное предприятие имени В.В. Чернышева" тратит на поиск и информирование 1 клиента (2 минуты), короткую окупаемость веб-сайта (0,08 месяца), можно утверждать о целесообразности создания сайта ОАО "Московское машиностроительное предприятие имени В.В. Чернышева".
В ходе выполнения дипломной работы были решены все поставленные задачи, а именно:
˗ анализ структуры и сервисов сайтов машиностроительных предприятий;
˗ обзор современных технологий разработки сайтов;
˗ проектирование структуры и сервисов сайта;
˗ реализация и внедрение сайта;
˗ изучение вопроса охраны труда;
˗ оценка эффективности сайта.
Проведенный анализ сайтов-конкурентов (cайт московского машиностроительного завода "Знамя", cайт объединенных машиностроительных заводов, cайт промышленной группы "Базовый элемент", cайт "Союз машиностроителей России", cайт машиностроительного завода (г. Вичуга)) выявил однотипную структуру данных сайтов, а в большинстве случаев отсутствие определенных интерактивных элементов.
В рамках проделанной работы подробно изучены Интернет-технологии и способы их применения в веб-разработке, а именно HTML, PHP, PHP+MySQL, CMS.
На основе анализа сайтов-конкурентов и требований к сайту были выявлены основные функции сайта, представленные в работе в виде UML-диаграммы, а также спроектирована структура сайта.
Спроектированный сайт реализован в CMS Joomla 2.5.11.
Разработанный сайт был опубликован в сети Интернет на платном хостинге beget.ru.
1. Горнаков, С.Г. Осваиваем популярные системы управления сайтом [Текст]/ С.Г. Горнаков. - М.: ДМК пресс, 2009. - 336 с.
2. Гуда, А.Н., Колесников, В.И. Информатика и программирование: компьютерный практикум - М.: Дашков и К, 2010. - 240 с.
3. Дронов, В.А. PHP 5/6, MySQL 5/6 и Dreamweaver CS4. Разработка интерактивных Web-сайтов [Текст] / В.А. Дронов. - СПб.: БХВ-Петербург, 2009. - 534 с.
4. Колисниченко, Д.Н. Выбираем лучший бесплатный движок для сайта. CMS Joomla! и Drupal (+ CD-ROM) [Текст]/ Д.Н. Колисниченко. - Санкт-Петербург, БХВ-Петербург, 2010 г.- 288 с.
5. Лабберс П., Олберс П., Салим Ф. HTML5 для профессионалов: мощные инструменты для разработки современных веб. - М.: "Вильямс", 2011. - С. 272.
6. Печников В.Н. "Создание web-сайтов без посторонней помощи". - М.: Издательство Триумф, 2007. - 463 c.
7. Прохоренок, Н.А. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера [Текст] / Н.А. Прохоренок. - СПб.: БХВ-Петербург, 2010. - 900 с.
8. Рамел, Дэн Самоучитель Joomla! - М., БХВ-Петербург, 2008 г.- 448 с.
9. Сайт машиностроительного завода (г. Вичуга) [Электронный ресурс]. - Режим доступа: www.zavodvm.ru.
10.Сайт московского машиностроительного завода "Знамя" [Электронный ресурс]. - Режим доступа: www.znamia.ru.
11.Сайт объединенных машиностроительных заводов [Электронный ресурс]. - Режим доступа: www.omz.ru.
12.Сайт промышленной группы "Базовый элемент" [Электронный ресурс]. - Режим доступа: www.basel.ru.
13.Сайт "Союз машиностроителей России" [Электронный ресурс]. - Режим доступа: www.soyuzmash.ru.
14.Титоренко, Г.А. Информационные системы и технологии управления: учеб-ник / Под ред. Г.А. Титоренко. - М.: ЮНИТИ, 2010. - 591 с.
15.Титтел Э., Ноубл Д. HTML, XHTML и CSS для чайников, 7-е издание. - М.: "Диалектика", 2011. - 400 с. ISBN 978-5-8459-1752-2
16.Яковлев, А.А. Раскрутка сайтов. Основы, секреты, трюки [Текст] / А.А. Яковлев, В.Г. Ткачев. - СПб.: БХВ-Петербург, 2010. - 344 с.