Web-сайт при помощи средств системы управления содержимым

Автор работы: Пользователь скрыл имя, 13 Марта 2013 в 09:10, курсовая работа

Описание работы

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

Содержание работы

Введение…………………………………………………………………………………...7
Глава 1 Аналитическая часть ……………………………………………………….…..13
Деятельность ОАО НПО «Электромашина»...……….…………………………….15
Обоснование потребности в web-сайте.……………..…………………………...…17
1.2.1Характеристика предприятия..…………………………………………………….19
1.3Техническое задание на разработку web-сайта для ОАО НПО «Электромашина»...……………………………………………………………………...19
1.3.1 Постановка технического задания………………………………………………..19
Вывод по главе 1………………………………………………………………..………..27
Глава 2 Проектная часть………………………………………………………………...28
2.1Проектирование web-сайта для ОАО НПО «Электромашина»…..………………………………………………………………...….28
2.2 Этапы разработки web-сайта ………………………………………………….........28
Постановка задачи при проектировании web-сайта……………………………28
2.2.2 Выбор программного средства для разработки……...……………………….….29
2.2.3 Характеристики Joomla!...........................................................................................29
2.2.4 Разработка интерфейса…………………………………………………………....30
2.2.5 Разработка базы данных…………………………………………………………..30
Разработка административной части сайта…...………………………………...34
Средства разработки………………………………………………………….…....35
2.3.1HTML…………………………………………………………………………….…35
DHTML…………………………………………………………………………….37
XML………………………………………………………………………………..38
PHP…………………………………………………………………………………42
Web-сервер Apache………………………………………………………………..42
CMS Joomla………………………………………………………………………..43
2.4 Общая структура сайта………………………………………………….………..…44
Разработка интерфейса web-сайта…………….……….……………….…………45
2.5.1 Дизайн web-сайта ……………………………………………………………...…..45
Описание создания страниц web-сайта………………………………………....48
2.6 Разработка сайта на основе CMS………………………………………..………….49
Описание установки CMS Joomla! ...……………………………………………49
Создание Раздела…………………………………………………………….……50
Создание Категории……………………………………………………………....54
Создание объекта содержимого………………………………………………….56
Создание меню……………………………………………………………………60
2.6.6 Установка Шаблона сайта………………………………………………...………63
Вывод по главе 2…………………………………………………………………...…….65
Глава 3 Технологическая часть………………………...……………………………….66
Руководство по использованию web-сайта ОАО НПО «Электромашина»…………………………………………………………………..66
Назначение программы……………………………………………………..…….66
Использование web-сайта…………………………………………………...……66
Вывод по главе 3…… ………..………………………………………………………….68
Глава 4 Расчёт экономических затрат на разрабтку программного продукта…….....69
4.1 Расчёт материальных затрат………………………………………………………...69
4.2 Расчёт затрат на оплату труда………………………………………………………70
4.3 Расчёт омартизационных отчислений………………………………………...……73
4.4 Расчёт себестоимости разрабатываемой программы…………………………...…75
4.5 Расчёт экономической эффективности внедрений программы………………..…77
4.6 Расчёт прибыли от реализации программы………………………………………..79
4.7 Расчет затрат на разработку…………………………………………………………79
Вывод по главе 4…………………………………………………………………………83
Заключение…..……………………………………………………………...…………....84
Список летературы……………..…………………………………………….

Файлы: 1 файл

Диплом Сайта (Элктромашина).docx

— 4.20 Мб (Скачать файл)

Существуют, также  трекеры  миграции, со старых версий Joomla, трекер пожеланий расширения функционала и так далее), где пользователи Joomla могут оставлять замечания по поводу работы CMS, которые впоследствии изучаются ее разработчиками. При необходимости включающими в очередное обновление Joomla  исправления, решающие те или иные проблемы. Работа под Linux, FreeBSD, MacOSX, Solaris, AIX, SCO, WinNT, Win2K.

 

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

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

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

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

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

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

База данных (БД, database) - поименованная совокупность структурированных данных, относящихся к определенной предметной области.

По технологии обработки  данных базы данных подразделяются на централизованные и распределенные.

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

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

Архитектура централизованных баз данных с сетевым доступом. Различают три типа архитектуры:

  • файл-сервер;
  • клиент-сервер базы данных;
  • «тонкий клиент» - сервер приложений - сервер базы данных (трехуровневая архитектура);
  • файл-сервер. Архитектура систем БД с сетевым доступом предполагает выделение одной из машин сети в качестве центральной (файловый сервер). На этот компьютер устанавливается операционная система (ОС) для выделенного сервера. На нем же хранится совместно используемая централизованная БД в виде одного или группы файлов;
  • клиент-сервер в этой архитектуре на выделенном сервере, работающем под управлением серверной операционной системы, устанавливается специальное программное обеспечение (ПО) - сервер БД. СУБД подразделяется на две части: клиентскую и серверную. Основа работы сервера БД - использование языка запросов. Запрос на языке SQL, передаваемый клиентом (рабочей станцией) серверу БД, порождает поиск и извлечение данных на сервере. Извлеченные данные транспортируются по сети от сервера к клиенту. Тем самым, количество передаваемой по сети информации уменьшается во много раз;
  • трехуровневая архитектура функционирует в сети интернет. Клиентская часть («тонкий клиент»), взаимодействующая с пользователем, представляет собой HTML-страницу в Web-браузере либо Windows-приложение, взаимодействующее с Web-сервисами. Вся программная логика вынесена на сервер приложений, который обеспечивает формирование запросов к базе данных, передаваемых на выполнение серверу баз данных.

Сайт  написан при помощи системы управления содержимым Joomla.

MySQL (/mɑɪ ɛs kjuɛl/, «май-эс-кью-эл», жарг. мускул)  — свободная система управления базами данных (СУБД). MySQL является решением для малых и средних приложений. Входит в состав серверов WAMP, AppServ, LAMP и в портативные сборки серверов Денвер, XAMPP. Обычно MySQL используется в качестве сервера, к которому обращаются локальные или удалённые клиенты, однако в дистрибутив входит библиотека внутреннего сервера, позволяющая включать MySQL в автономные программы.

Гибкость СУБД MySQL обеспечивается поддержкой большого количества типов  таблиц: пользователи могут выбрать  как таблицы типа MyISAM, поддерживающие полнотекстовый поиск, так и таблицы InnoDB, поддерживающие транзакции на уровне отдельных записей. Более того, СУБД MySQL поставляется со специальным типом таблиц EXAMPLE, демонстрирующим принципы создания новых типов таблиц. Благодаря открытой архитектуре и GPL-лицензированию, в СУБД MySQL постоянно появляются новые типы таблиц.

Так как базы данных в системе  управления Joomla, представлены в виде MySQL, база данных сайта будет поддерживать ту же структуру (Рисунок 5), внося в неё свои изменения.

Рисунок 5 – База данных MySQL

Рассмотри основные таблицы физической модели базы данных (рисунок 5).

Рисунок 6 – Основные таблицы физической модели базы данных

Рассмотрим основные таблицы сайта:

  • «Меню» – основная часть сайта, в которой находятся разделы меню;
  • «Разделы меню» – описание разделов меню;
  • «Категории» – оносится к разделам меню;
  • «Материалы» – относится к разделю, хранит в себе информацию о категории.

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

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

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

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

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

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

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

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

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

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

Обоснование выбора CMS (Content Management System) необходима развитая гипертекстовая структура – HTML создан именно для этого; необходимо обеспечить гибкую структуру управления материалом – управлять HTML-содержанием удобно с помощью PHP+MySQL. Именно эта связка позволяет генерировать динамические HTML-страницы; необходимо реализовать вариативность представления материала – в этом случае использование HTML+CSS более чем обоснованно. Именно эта комбинация средств позволяет создавать мультимедийные документы; необходимо обеспечить поддержку внутреннего форума web-сайта.

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

2.3.1 HTML

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

HTML-документ  состоит из текста, представляющего  собой содержание документа, и тегов, определяющих его структуру и внешний вид при отображении браузером. Простейший html-документ выглядит следующим образом:

<html>

<head>

<title>Название</title>

</head>

<body>

<p>Тело документа

</body>

</html>

Как видно  из примера, тег представляет собой  ключевое слово, заключенное в угловые  скобки. Различают одинарные теги, как, например, <p>, и парные, как <body> </body>, в последнем случае действие тега распространяется только на текст между его открывающей и закрывающей скобкой. Теги также могут иметь параметры - например, при описании страницы можно задать цвет фона, цвет шрифта и т.д.: <body bgcolor= «white» text=«black»>.

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

  • <p> - начало нового абзаца, может иметь параметр, определяющий выравнивание:<p align=right>;
  • <br> - перевод строки в пределах текущего абзаца;
  • <u></u> - выделение текста подчеркиванием.

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

2.3.2 DHTML

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

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

Информация о работе Web-сайт при помощи средств системы управления содержимым