Разработка и продвижение Web-сайта в области коммунального хозяйства
Оглавление
ВВЕДЕНИЕ
. МЕТОДЫ РАЗРАБОТКИ И ПРОДВИЖЕНИЯ WEB-САЙТОВ
.1 АНАЛИЗ СРЕДСТВ ДЛЯ СОЗДАНИЯ WEB-САЙТОВ (ЯЗЫКИ
ПРОГРАММИРОВАНИЯ, ФРЕЙМВОРКИ, CMS)CMS
.2 ОБЗОР И СРАВНИТЕЛЬНЫЙ АНАЛИЗ СУБД, ПРИМЕНЯЕМЫХ В
WEB-ПРОГРАММИРОВАНИИ
.3 АНАЛИЗ МЕТОДОВ ПРОДВИЖЕНИЯ WEB-САЙТОВ
. ПРОЕКТИРОВАНИЕ WEB-САЙТА В ОБЛАСТИ КОММУНАЛЬНОГО
ХОЗЯЙСТВА
.1 СРАВНИТЕЛЬНЫЙ ОБЗОР WEB-САЙТОВ В ПРЕДМЕТНОЙ ОБЛАСТИ
.2 ЛОГИЧЕСКАЯ СТРУКТУРА САЙТА
.3 РАЗРАБОТКА ГРАФИЧЕСКОГО ДИЗАЙНА
. РАЗРАБОТКА WEB-САЙТА В ОБЛАСТИ КОММУНАЛЬНОГО
ХОЗЯЙСТВА
.1 ОСНОВНЫЕ ФУНКЦИОНАЛЬНЫЕ ВОЗМОЖНОСТИ
.2 ИНСТРУМЕНТЫ РАЗРАБОТКИ И ИСПОЛЬЗУЕМЫЕ КОМПОНЕНТЫ
.3 МЕРОПРИЯТИЯ ПО ПРОДВИЖЕНИЮ САЙТА
ЗАКЛЮЧЕНИЕ
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ
ПРИЛОЖЕНИЯ
ВВедение
На сегодняшний день практически каждая организация имеет собственный
web-сайт. В условиях использования современных информационных технологий - это
необходимый фактор существования, позволяющий расширить поле рекламной
деятельности и привлечь тем самым дополнительных клиентов.
Пользователи сети представляют собой область повышенного интереса для
большинства рекламодателей. Ни печатная продукция, ни тем более радио или
телевидение не могут подавать информацию в таком удобном, презентабельном и
убеждающем виде, как это делает WEB-сайт. Исчерпывающая информация, каталог
услуг, возможность осуществлять всевозможные заказы, рубрика "ответы на
часто задаваемые вопросы", размещенные на web-сайте, избавляют от необходимости разъяснять одни и
те же тривиальные вопросы по телефону или факсу, позволит высвободить рабочее
время сотрудников для более эффективного решения насущных задач. Именно поэтому
создание web-сайта для организации продиктовано
современной необходимостью.
Целью курсовой работы является разработка web-сайта организации (на
примере УП «Жилье» ЖЭУ-2) с использованием системы управления содержанием сайта
(CMS).
Для достижения поставленной цели в работе ставятся следующие задачи:
– анализ средств для создания web-сайтов;
– сравнительный обзор web-сайтов в предметной области;
– разработка дизайна сайта;
– описание основных функциональных возможностей;
– создание web-сайта;
– мероприятия по продвижению сайта.
1. Методы разработки и продвижения Web-сайтов
1.1 Анализ средств для создания Web-сайтов
(языки программирования, фреймворки, CMS)
Создать качественную Web-страницу непросто, для этого потребуются не
только навыки дизайнера для красивого и стильного оформления, но и опыт
программирования. Сложность и объем программ, требуемых для создания того или
иного сайта, зависит от множества факторов, таких, как структура, требуемая
функциональность, обеспечение надежности и т.п.
Для создания современных сайтов обычно используются: HTML, CSS,
JavaScript, PHP.- это не язык программирования и не язык оформления документов.
Это, в первую очередь, средство разметки текста. На сегодняшний день HTML
остается самым универсальным, даже незаменимым средством разметки гипертекста,
а, следовательно, и публикации в Интернет.
Написание web-страничек на
HTML не требует интерпретации исходного кода в двоичный код. Язык разметки
гипертекста по определению должен интерпретироваться браузером. Это,
безусловно, накладывает некоторые ограничения на возможности языка и на
совместимость новых конструкций со старыми версиями браузеров. Современные
Web-страницы уже не обходятся одним только HTML. Его гармонично дополняют
средства динамического HTML: скрипт языки JavaScript и/или VBScript, каскадные
таблицы стилей(CSS), иногда присутствуют Java-апплеты.(Cascading Style Sheets)
- язык таблиц каскадных стилей. Он разработан для того, чтобы расширить
возможности по оформлению Web-страниц.используется веб-разработчиками для
задания внешнего вида (шрифтов, цветов, отступов, расположения и др.)
веб-страниц. CSS разработан для отделения основного содержимого документа
(написанного на языке разметки, например HTML) от оформления этого содержимого
(написанного на CSS). Такое отделение предоставляет веб-разработчикам большую
гибкость, упрощает задание внешнего вида документов и оформление повторяющихся
элементов разметки.
Правила хорошего тона Web-дизайна требуют, чтобы представление
Web-страницы было отделено от ее структуры. Поэтому профессиональные
Web-дизайнеры по возможности выносят определение стилей CSS в отдельные файлы.
Каскадные таблицы стилей по сути своей не динамичны. Они позволяют
определять, как будет выглядеть документ при загрузке и не более того. Но
свойства Web-страниц, созданных с помощью CSS, можно динамически менять
посредством языка JavaScript.
JavaScript - предназначен для написания сценариев для
активных HTML-страниц. Язык JavaScript не имеет никакого отношения к языку
Java. Java разработан фирмой SUN. JavaScript - фирмой Netscape Communication
Corporation. Первоначальное название - LiveScript. После завоевания языком Java
всемирной известности LiveScript из коммерческих соображений переименовали в JavaScript.не
предназначен для создания автономных приложений. Программа на JavaScript
встраивается непосредственно в исходный текст HTML-документа и интерпретируется
брaузером по мере загрузки этого документа. С помощью JavaScript можно
динамически изменять текст загружаемого HTML-документа и реагировать на
события, связанные с действиями посетителя или изменениями состоятия документа
или окна.
Важная особенность JavaScript - объектная ориентированность.
Программисту доступны многочисленные объекты, такие, как документы,
гиперссылки, формы, фреймы и т.д. Объекты характеризуются описательной
информацией (свойствами) и возможными действиями (методами).- язык создания
сценариев, который давно перерос свое название. Дело в том, что PHP - это
аббревиатура от слов Personal Home Page. Первая версия PHP была создана
Расмусом Лердорфом в 1994 г. и представляла собой набор инструментов для
отслеживания посетителей Web-страницы. Со временем PHP из набора инструментов
превратился в полноценный язык программирования, а его название было изменено
как рекурсивное образование PHP HyperText Preprocessor (препроцессор
гипертекста PHP).- это серверный язык создания сценариев. Конструкции PHP,
вставленные в HTML-текст, выполняются сервером при каждом посещении страницы.
Результат их обработки вместе с обычным HTML-текстом передается браузеру.
Существуют два основных конкурента PHP: Active Server Pages
(ASP) компании Microsoft и ColdFusion компании Allaire. По сравнению с ними PHP
обладает рядом преимуществ, в числе которых:
– Высокая производительность.
PHP-программы работают быстрее, чем ASP.
– Функциональность. Разработку
PHP-программы можно отделить от собственно разработки Web-страницы, что
упростит жизнь и программисту, и дизайнеру.
– Цена. PHP абсолютно бесплатен.
– Простота в использовании. Имеющие
опыт программирования на распространенных языках найдут синтаксис PHP хорошо
знакомым.
CMS - это аббревиатура от Content Management System, что в дословном
переводе означает "система управления контентом сайта" или просто
"система управления сайтом". Иногда CMS называют "движок"
сайта.- это программное обеспечение, которое позволяет разрабатывать и
поддерживать динамические информационные web-сайты. Разные cms позволяют
проектировать сайты различной сложности, вплоть до интернет-магазинов и
информационных порталов. Больше всего CMS подходят для формирования новостных и
контентных сайтов.CMS
Система управления содержанием, написанная на языке PHP и использующая
MySQL. Joomla является свободным программным обеспечением.
Рисунок 1.1 - CMS Joomla
С помощью Joomla можно относительно просто создать сайт любой сложности.
Joomla включает в себя различные инструменты для изготовления web-сайта.
Важной особенностью системы является минимальный набор инструментов при
начальной установке, который обогащается по мере необходимости.
Система управления сайта Joomla, является ответвлением широко
известной CMS Mambo. Функциональность можно расширять с помощью
дополнительных модулей (расширений, плагинов). Считается, что в мире
насчитывается около 5000 готовых модулей и компонентов..
Drupal CMS
Drupal - система управления сайтом, написанная на языке PHP.
Рисунок 1.2 - CMS Drupal
Архитектура Drupal позволяет применять его для построения различных типов
сайтов - от блогов и форумов, до информационных архивов или сайтов новостей.
Функциональность обеспечивается подключаемыми модулями, обращающимися к общему
API Drupal. Стандартный набор модулей включает, например, такие функции как новостная
лента, блог, форум, загрузка файлов, сборщик новостей, голосования, поиск и др.
Большое количество дополнительных модулей, значительно расширяющих базовые
функции можно скачать с официального сайта.
Система поддерживает локализацию интерфейса для различных языков. Имеется
поддержка русского языка. Используется собственный механизм для локализации с
хранением переводов в базе данных, наравне с остальным содержимым сайта.
WordPress
<#"656523.files/image003.jpg">
Рисунок
1.3 - CMS Wordpress
Причины
популярности wordpress среди SEO специалистов - это в первую очередь
великолепная индексация поисковыми системами. Для wordpress бесплатно
существует множество шаблонов и плагинов в бесплатном скачивании. Ещё один
приятный момент системы wordpres- это то, что php код можно редактировать прямо
с "админики", то есть Вам не нужно заходить на ftp сервер Вашего
хостинга.
Пользовательские
преимущества - это бесспорно понятный, интуитивный интерфейс и огромное
количество легко настраиваемых шаблонов. Именно поэтому блоги на wordpress
такие популярные. Но, к сожалению, управлять с помощью wordpress легко только
блогами и небольшими порталами для управления крупными порталами требуется
вручную "переделывать" админку, а это сложно и долго. Поэтому для
крупных порталов лучше выбрать другой CMS.
С
точки зрения удобства разработки, скорости, стабильности используются
PHP-фреймворки. Рассмотрим два из них:
Zend framework - это PHP-framework, созданный и поддерживаемый компанией
Zend, сотрудники которой являются непосредственными авторами языка PHP. Поэтому
он следует традициям и духу PHP - базируется на простоте,
объектно-ориентированных принципах, дружественной лицензии и тщательно
тестируемом коде с применением agile методов.
Основные особенности:
– Все компоненты полностью ориентированы на PHP 5 и E_STRICT-
совместимы;
– Встроенный генератор кода;
– Архитектура «используй только то что необходимо» с
минимальными зависимостями компонентов;
– Использует легко расширяемый шаблон проектирования MVC,
поддерживает макеты и PHP-скрипты представления по-умолчанию;
– Поддерживает множество различных баз данных включая MariaDB,
MySQL, Oracle, IBM DB2, Microsoft SQL Server, PostgreSQL, SQLite, and Informix
Dynamic Server;
– Специальные классы для создания, отправки, получения email с помощью mbox, Maildir, POP3 и
IMAP4;
– Гибкая подсистема кэширования с поддержкой множества
хранилищ;
CodeIgniter
- популярный MVC <#"656523.files/image004.jpg">
Рисунок 2.1 - ГУП «ЖРЭО Советского района г. Минска»
На сайте почти нет графики, в шапке сайта запоминающийся рисунок района,
качественно оформленная текстовая информация. Навигация простая и понятная
любому пользователю, располагается в одном месте на всех страницах сайта. Легко
найти ссылку на главную страницу. Сайт не перегружен текстом, картинками и не нужной
информацией. Сайт смотрится целостно, но ничем не запоминается.
Запоминающийся дизайн, сайт отличает предельно простая графика и
качественно оформленная текстовая информация. Оригинальная графическая
навигация и достаточно технологичная. Легко найти ссылку на главную страницу
(через логотип).
Рисунок 2.2 - КУП ЖРЭО г. Новополоцка
Сайт не перегружен текстом и не нужной информацией. Понятные текстовые
ссылки есть в верхней части любой страницы сайта. В целом сайт отличается
аккуратным дизайном и внимательностью к деталям. Плюсом также является
небольшой размер главной страницы.
Департамент
ЖКХ и Б г. Москвы
<#"656523.files/image006.jpg">
Рисунок
2.3 - Департамент ЖКХ и Б г. Москвы
<#"656523.files/image007.jpg">
Рисунок 2.4 -
Главная страница УП «Жилье»
3.
Разработка Web-сайта в области
коммунального хозяйства
.1 Основные функциональные возможности
Сайты-визитки получили большое распространение в последнее время. Многие
компании, не имея возможности создать и содержать полнофункциональный интернет
проект, получили возможность открыть свое представительство в сети Интернет
посредством создания недорогого сайта-визитки. Нужно понимать, что данный тип
сайта подойдет не для всех типов интернет проектов. Как правило, он отлично
подходит и применяется для компаний, которые ориентированы как на on-line, так
и off-line аудиторию. Данный тип web-ресурса отлично подойдет как для
корпорации, так и для небольшой компании, поскольку его всегда можно расширить,
привязав интернет-магазин, добавив форум, а также значительно расширив
количество страниц, добавив качественный уникальный контент (текстовый,
графический, видео).
Функционально сайт-визитка может включать разные компоненты и модули, в
зависимости от целей создания. Визитку можно использовать для представления
целевой аудитории не только самой компании, но и ее продукции, услуг. Важно
отметить, что функционал таких проектов весьма ограничен и не подходит для
крупных компаний с широким ассортиментом товаров и услуг, а так же обширной
целевой аудиторией. Тем не менее, сайт-визитка - это отличное промежуточное
решение, которое предшествует созданию крупного корпоративного сайта.
Есть несколько основных разделов, обязательных для сайта-визитки:
– главная страница;
– новости компании или новостная лента;
– страница с контактами компании;
– страницы сайта, где раскрывается информация о компании,
сотрудниках, ее услугах, ценовой политике.
Чтобы web-сайт качественно представил компанию, ее товары или услуги, всю
эту информацию нужно разместить на 5-12 страницах ресурса.
Кроме основных модулей, иногда на сайте-визитке нужны дополнительные модули
и/или сервисы, которые расширяют спектр возможностей этого типа сайтов. Это
могут быть:
– схема проезда к офису компании;
– страницы с информацией для потенциальных партнеров;
– фотогалерея;
– гостевая книга или лента с отзывами клиентов;
– модуль для рассылки новостей;
– реализация мультиязыкового ресурса;
– форма отправки сообщений с сайта-визитки;
– другие сервисы или модули.
3.2 Инструменты разработки и используемые компоненты
Сайт создан при помощи движка Wordpress, написанного на языке PHP - это самая известная в мире
система управления контентом (CMS), которая позволяет создавать сайт
практически любой сложности.
WordPress
- одна из самых популярных в мире информационных систем для обеспечения и
организации процесса создания, редактирования и управления содержимым ( CMS ).
Она предоставляет все необходимые функции для создания блога, новостного сайта.
Эта современная платформа сориентирована на удобство использования, сетевые
стандарты и, естественно, эстетическую привлекательность. WordPress
<#"656523.files/image008.jpg">
Рисунок 3.1 - Консоль CMS Wordpress
разрабатывался как высокопрофессиональный серверный пакет инструментов.
VertrigoServ состоит из Apache (HTTP веб-сервер), PHP (язык веб-программирования),
MySQL (многопоточная, многопользовательская система управления базой данных
SQL), SQLite (ACID-совместимая система управления базами данных), SQLiteManager
(многоязычный инструмент для управления базами данных SQLite), PhpMyAdmin
(инструмент, написанный на PHP предназначенный для администрирования MySQL), и
Zend Optimizer (увеличивает производительность работы до 40%).помощью удобного
инсталлятора "всё-в-одном" все компоненты устанавливаются в одну
директорию и работают сразу же после того как установка закончена.
Деинсталлятор позволяет удобно удалять Vertrigo Serv с жесткого диска. Всё это
спроектировано так, чтобы занимать как можно меньше места и быть максимально
гибким, поэтому отлично подходит для распространения по сети Интернет. VertrigoServ
хорош как для начинающих так и для более опытных пользователей.
Рисунок 3.2 - Главная страница VertrigoServ
Основные функции локального веб-сервера VertrigoServ:
– небольшой размер (LZMA сжатие);
– очень простой в установке и использовании;
– не требует настройки и ручной установки;
– совместим со всеми основными версиями Windows;
– полностью бесплатен для любого использования.
3.3 Мероприятия по продвижению сайта
Поисковая оптимизация и продвижение сайтов (SEO) - один из самых
эффективных инструментов современного маркетинга, позволяющий с минимальными
вложениями привлечь в интернет-магазины, на корпоративные или промосайты
большое количество потенциальных покупателей c поисковых систем Яндекс, Google,
Rambler и др.
Результат достигается за счет вывода сайта на первые места (ТОП-10)
поисковиков по продающим запросам. Набирая целевой запрос в поисковой системе,
пользователь заинтересован в конкретном товаре, услуге или получении
дополнительной информации. Он воспринимает результаты поисковой выдачи не как
рекламу, а как экспертный совет и, переходя по ссылке на предложенный сайт,
готов к совершению активных действий: заполнить форму заказа, направить письмо
или сделать телефонный звонок., как комплексный инструмент привлечения
пользователей, по результативности многократно превосходит методы печатной,
телевизионной или радиорекламы, так как обеспечивает максимально точное
попадание в целевую аудиторию и имеет наименьшую стоимость контакта с
потенциальным клиентом.
Сайт-визитка
- это облегченная версия корпоративного сайта для небольших компаний или
частных предпринимателей, потому что позволить его могут себе даже компании с
небольшим рекламным бюджетом. Именно поэтому продвижение и раскрутка
<#"656523.files/image010.jpg">
Рисунок П.1.1 - Главная страница
Рисунок П.1.2 - Раздел Новости
Рисунок П.1.3 - Типовая страница
Приложение 2
Исходный код страниц
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type"
content="<?php bloginfo('html_type'); ?>; charset=<?php
bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php if (
is_single() ) { ?> » Архив сайта <?php } ?> <?php
wp_title(); ?></title>
<meta name="generator" content="WordPress
<?php bloginfo('version'); ?>" /> <!-- leave this for stats
-->
<link rel="stylesheet" href="<?php
bloginfo('stylesheet_url'); ?>" type="text/css"
media="screen" />
<link rel="stylesheet" href="<?php
bloginfo('template_directory'); ?>/print.css" type="text/css"
media="print" />
<link rel="alternate"
type="application/rss+xml" title="RSS 2.0"
href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml"
title="RSS .92" href="<?php bloginfo('rss_url'); ?>"
/>
<link rel="alternate"
type="application/atom+xml" title="Atom 0.3"
href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php
bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link');
?>
<?php wp_head(); ?>
<!--[if IE ]>
<link type="text/css" rel="stylesheet"
media="screen" href="<?php bloginfo('template_directory');
?>/ie.css" />
<![endif]-->
</head>
<body>
<div id="root">
<div id="header">
<ul>
<?php wp_nav_menu('menu=menu1&menu_class=header');
?>
</ul>
<form action="<?php bloginfo('home'); ?>/"
id="searchform"><div>Поиск:</label><input
type="text">Ок!"
/></div></form>
<div id="heading">
<h1><a href="<?php bloginfo('url');
?>"><?php bloginfo('name'); ?></a></h1>
</div><div id="about">
<?php include (TEMPLATEPATH . '/about_text.txt'); /* Open
about_text.txt in the theme folder to edit this text */?></div>
</div><!--#header-->
<div id="main">
Рисунок П.2.1 - header.php
<?php get_header(); ?>
<?php get_sidebar(); ?>
<div id="main-block">
<div id="content">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div>
<div>
<h2><a href="<?php the_permalink()
?>" rel="bookmark" title="Постоянная ссылка: <?php the_title();
?>"><?php the_title(); ?></a></h2>
</div>
<div>
<?php the_content('Читать
полностью »'); ?>
</div>
</div>
<?php endwhile; ?>
<p><?php next_posts_link('« Предыдущая страница') ?> <?php previous_posts_link('Следующая страница »') ?></p>
<?php else : ?>
<h2>Не найдено</h2>
<p>
<?php endif; ?>
</div>
<?php get_footer(); ?>
Рисунок П.2.2 - page.php
<?php get_header(); ?>
<?php get_sidebar(); ?>
<div id="main-block">
<div>
<div id="content">
<?php if (have_posts()) : ?>
<ul>
<?php while (have_posts()) : the_post(); ?>
<li>
<div>
<div>
<h2><a href="<?php the_permalink()
?>" rel="bookmark" title="Постоянная ссылка: <?php the_title();
?>"><?php the_title(); ?></a></h2>
</div>
<div>
<span>
</div>
<div>
<?php the_content('Читать
полностью »'); ?>
</div>
<?php the_tags( '<p>Метки: ', ', ', '</p>'); ?>
</li>
<?php endwhile; ?>
</ul>
<div><h2>Другие новости</h2></div>
<?php get_related_posts_thumbnails(); ?>
<?php else : ?>
<h3>Не найдено</h2>
<p>
<?php endif; ?>
</div><!--#content-->
</div><!--.left-line-->
<?php get_footer(); ?>
Рисунок П.2.3 - single.php
<div id="footer">
<span>Все права защищены © <?php echo date('Y');
?> <a href="/"><strong><?php bloginfo('name');
?></strong></a>. <?php bloginfo('description'); ?>
<a href="<?php bloginfo('rss2_url'); ?>"
title="<?php _e('Синдикация через RSS'); ?>">Публикации RSS</a>
<a href="<?php bloginfo('comments_rss2_url');
?>" title="<?php _e('Комментарии ко всем записям через
RSS'); ?>">Комментарии RSS</a>
</span>
</div><!--#footer-->
<!--#do not delete this part#-->
</div><!--#main-block-->
</div><!--#main-->
<?php wp_footer(); ?>
</body>
</html>
Рисунок П.2.4 - footer.php