Evgrafovama_pin_2014 / evgrafova_ma

ВВЕДЕНИЕ

Технологии, связанные с Интернетом и всемирными компьютерными сетями, совершили огромный скачок и совершенствование. Благодаря этому стало легче продвигать на рынок разные товары и услуги. Например: оказывать риэлтерские услуги. Существуют сервера, средствa автоматизированной обработки информации, Интернет – объединенная средa хранения, передачи и использования разнообразной тематической информации. В настоящее время, имеется большое количество пользователей сети Интернет, которые используют разнообразные сайты, предостaвляющих информацию.
Для привлечения зрителей, заинтересованных в покупке или продаже квартир или другого недвижимого имущества, необходимо создать яркий, уникальный сайта в сети Интернет. И естественно, в дальнейшем, регулярно обновлять и дополнять новой информацией базу объектов недвижимости.
Все выше сказанное свидетельствует об актуальности настоящего исследования.
Информационная революция – полностью перевернула представления о работе с базами информации, по различным аспектам повседневной жизни. Оказалось, что важно для привлечения новых клиентов не только производительность, пропускная способность, емкость запоминающих устройств, но и доступность и легкость в освоении пользователем сайта. Устаревший интерфейс сайта уменьшает выгоду от его применения. Когда интерфейс между человеком и сайтом будет упрощен до естественности восприятия, обязательно последует рост популярности нашего сайта.
Целью дипломной работы является изучение технологии создания сайта, предоставляющего риэлтерские услуги населению. Был создан сaйт-визитка организации.
Задачи решаемые в рамках дипломной работы:
1. Рассмотреть главные теоретические аспекты и тенденции, связанные с разработкой современных сайтов в сети в Интернет.
2. Проанализировать схожие сайты по данной тематике
3. Описать информационные технологии, необходимые для создания сайта-визитки риэлтерской организации.
4. Провести практическое создание сайта-визитки риэлтерской организации, изучив функциональные особенности созданного сайта.
Первая глава посвящена современным тенденциям разработки web-сайтов. Представлена классификация сайтов, проводится анализ сайтов конкурирующих компаний, рассматриваются их плюсы и минусы.
Во второй главе рассмотрено большинство современных технологий создания web – сайтов. Описываются технологии, такие как: языки гипертекстовой разметки HTML, CSS, JavaScript. Технологии со стороны сервера такие как: MySQL, PHP, Apache. Рассматриваются современные системы управления контентом, их достоинства и недостатки.
В третьей главе описана практическая часть дипломной работы. В данной главе изложены основные направления деятельности организации, обоснованы необходимость создания сайта и выбор использованных технологий. Результатом станет сайт для риэлтерского агентства «Отрада», отвечающий всем современным требованиям заказчика.


Глава 1 Современные тенденции разработки web-сайта
1.1 Сайт как средство развития бизнеса

В настоящее время, не все организации имеют свой собственный web-сайт. Хотя это самый легкий и дешевый из способов, который позволяет расширять деятельность и привлекать клиентов в компанию. Таким образом, всё больше компаний «выходят в сеть» и создают свои собственные сайты.
С течением времени количество новых сайтов постепенно растет, поэтому необходимо создать такой сайт, который будет иметь привлекательный интерфейс и привлечет новых пользователей. Несмотря на то, для чего создан сайт, главная его задача - привлечь новую аудиторию.
Во время прохождения преддипломной практики были поставлены следующие цели по изучению процесса создания web-сайтов:
- проанализировать существующие сайты конкурирующих фирм;
- выбрать подходящую систему управления содержимым;
- разработать проект (структурную схему) web – сайтa на основе системы управления содержимым MODx.

1.2 Классификации сайтов

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





Рисунок 1- Классификация сайтов в сети Интернет

1.3 Этапы разработки web-сайта
Создание сайтов включает следующие этапы:
1) Разработка дизайна страницы сайта. Во-первых изготавливается шаблон страницы. После согласования с заказчиком создается макет страницы, который в будущем будет заполнен нужной информацией.
2) Вёрстка страницы веб-сайта. Самое главное обеспечить кроссбраузерность сайта, что бы на всех компьютерах в сети сайт отображался правильно, что является не такой уж простой задачей.
3) Программирование функций сайта.
4) Наполнение сайта информацией.
Разработка сайта – это довольно трудоемко, хотя формализуемый и управляемый процесс с предсказуемым результатом, который состоит из нескольких последовательных этапов, каждый из которых является в некоторой степени независимым друг от друга. При разработке сайтов важен профессиональный опыт разработчиков. От этого будет зависеть и качество разрабатываемого сайта и, что не мало важно, скорость.
Постановка задачи
Прежде чем что либо делать, надо представить, что собственно нужно получить. Поэтому на первом этапе мы попытаемся найти, что вы хотите, а точнее какие задачи вы имеете с этого сайта.
Сайты создаются для разных целей и для достижения этих целей существуют различные способы. Совместно определив, что вам нужно, мы сможем предложить варианты для достижения цели. Этот шаг создает структуру будущего сайта и проектируется бизнес-логика.
В рамках обсуждения проекта выясняется, за какой срок это можно реализовать решение задачи и какой бюджет потребуется. В итоге выполнения 1-го этапа вы получаете описание структуры сайта, схему навигации сайта и технические требования к сайту.
Иногда задачи подготовки является серьезной проблемой, решение которой требует времени и ресурсов. Таким образом, в случаях когда для постановки задачи на разработку сайта требуется предварительное исследование и описание бизнес-процессов, этот этап вносится в договор и требует дополнительных ресурсов.

Разработка и утверждение дизайна web-сайта
После утверждения поставленных заданий на разработку сайта наступает второй этап – разработки дизайна сайта. Сосредоточив внимание на техническое задание по разработке сайта мы представляем 1-2 наброска различного варианта дизайна, из которого заказчик выберет наиболее подходящий ему вариант.
Этот вариант будет, в будущем будет дорабатываться с учетом замечаний заказчика. В итоге выполнения этого этапа работы получаем так называемую «нарезку сайта» - то есть, готовый шаблон, который может быть использован в качестве основы для разработки отдельных страниц сайта.
Публикация сайта в интернете
Для публикации сайта нужно решить две задачи:
1-я задача – состоит найти адрес сайта или его имя. В большинстве случаев самым очевидным и безошибочным способом является использование домена, совпадающего с названием организации или торговой марки. Поскольку наша компания называется «Отрада», то и название домена было выбрано ra-otrada.ru, что вполне логично.
2-я задача – выбрать физическое размещение вашего сайта. Понятие «публикация сайта в Интернет» на самом деле означает простую вещь – кто-то имеющий свой сервер постоянно подключенный к сети Интернет предоставляет вам место на этом компьютере, так чтобы ваш сайт стал доступен для посетителей. Для такого доступа, как правило, приходится платить ежемесячную плату владельцу сервера. Другой способ – это бесплатные сервера, но они ограничены функциональностью размещенных там сайтов. И как правило, для коммерческих целей они не пригодны.
Заполнение сайта материалами
В дополнение к созданию дизайна сайта и системы управления, которые содержатся на сайте, стоит задача наполнить сайт различными материалами. Временами какие-то материалы у заказчика уже есть, и с ними нужно поработать и привести в нужный вид, который в дальнейшем будет опубликовано на сайте. Но существует такие ситуации, когда готовых материалов нет, и приходится руководствоваться только общим представлением и пожеланиям. Это все усложняет работу, и приходится искать другие способы.
Поддержка сайта
Кроме заполнения сайта материалами, в небольших организациях появляются трудности с поддержкой сайта. Для этого необходимо иметь специально обученных людей, которые отвечали бы за наполняемость сайта. Это прежде всего добавление новых статей, новостей и прочих изменений содержимого сайта. Чем больше и чаще обновляются материалы сайта, тем эффективнее индексируется поисковыми системами, и как следствие его чаще обретают потенциальные потребители. [5]

1.4 Концепция WWW
WWW - это система использующая гипертекст, мультимедиа и т.д.
Распределенная информационная система – это система, в которой информация хранится на огромном количестве гигантских WWW-серверов. Если по простому, то компьютеры, на которые установлено специальное программное обеспечение для работы в сети Internet.
Гипертекст - данные в сети представленные в виде особых документов, которые содержат внутренние и внешние перекрестные ссылки как в одном документе, так и на другие документы. [1]

1.5 Анализ конкурентов
Был проведен анализ конкурентов. Конкуренция представляет собой механизм соперничества и борьбы предприятий за покупателей своих услуг, что бы сделать его своим постоянным клиентом.
Существующие методы конкурентной борьбы разнообразны.
1. Между организациями ведется постоянная борьба за лидерство, каждая из них старается занять лидирующую позицию в конкретном сегменте рынка.
2. Возможен выход на рынок новых конкурентов, т.к. барьеров для выхода на данный рынок невелик. Следует отметить, что потенциальные конкуренты не могут представлять существенной угрозы т.к. они маленькие по размеру или т.к. лидеры рынка смогут задавить их своим авторитетом, давя на наиболее уязвимые места. Основной проблемой нового конкурента является отсутствие репутации на мировом рынке, которая, как не крути, является одним из главных факторов, привлекающих новых клиентов
3. Потребители оказывают большое воздействие на деятельность участников рынка, решая, что за объект и в какой компании его купить. Там где выгоднее условия, туда и обратится потенциальный покупатель.
4. Поставщиками на рынок новых объектов недвижимости являются застройщики, юридические и частные лица. Оцениваются покупателями репутация, качество объектов, срок строительства, местоположение объектов и стоимости объекта потенциальных застройщиков рынка первичной жилой и коммерческой недвижимости. В так же месторасположении квартиры, ее состояние и ценой на рынке вторичной жилой недвижимости.
Автор исследовал сайты фирм конкурентов. В результате анализа конкурентов мы провели сравнительный анализ участников рынка и определили сильные и слабые стороны участников рынка. Нам важно было определить стратегию и цель фирм конкурентов.
Сбор всех данных, нужных для анализа конкурентов на практике почти всегда невозможен, на самые основные можно собрать, изучив представляющие эти компании, сайты.
Для того чтобы определить основные требования к web-сайту риэлтерского агентства, был проведен анализ 7 сайтов, схожих по тематике. (см. рисунок 2-8). Выявлены и рассмотрены их достоинства и недостатки. Обзор сайтов был проведен по следующим критериям: корректность отображения в основных браузерах, соответствие теме сайта, дизайна сайта, структура навигации, функциональная часть. Результаты представлены в таблицу №1. Анализ был проведен по 10-бальной шкале. В результате наибольшее число баллов набрали сайты Гарант-Риэлт (44 балла) и Арс-Гарант (43 балла). Именно на эти сайты мы и будем опираться при разработке своего собственного сайта по предоставлению риэлтерских услуг. Ниже приводим список и интернет-адреса анализируемых сайтов.

Список анализируемых сайтов:
1. http://www.bighouse64.ru/ Big House, агентство недвижимости
2. http://asrielt.ru/ АС, агентство недвижимости
3. http://avrielt.ru/ Абсолютный Выбор, агентство недвижимости
4. http://tulegenov-rielt.narod.ru/ Агентство недвижимости, ИП Тюлегенов Р.Ж.
5. http://arsgarant.ru/ Арс-Гарант, агентство недвижимости
6. http://www.galereya-media.ru/ Галерея-Медиа, ООО, риэлторская фирма
7. http://гарант-риэлт.рф/ Гарант-Риэлт, агентство недвижимости

Таблица №1.-Сводная таблица анализа конкурентов
Название
Корректность отображения
Соответствие теме
Дизайн сайта
Структура навигации
Функционал
Big House
10
7
7
9
9
АС
10
8
7
9
8
Абсолютный Выбор
10
6
7
9
9
ИП Тюлегенов Р.Ж.
10
5
7
5
6
Арс-Гарант
10
9
7
9
8
Галерея-Медиа
10
6
7
9
9
Гарант-Риэлт
10
8
7
9
10Корректность отображения в браузерах
В ходе анализа и обзора сайтов с похожей тематикой, было выявлено, что все сайты работают хорошо во всех браузерах: Internet Explorer, Мазила Firefox, Сафари, Гугл Хром и Опера. Что не может не радовать.

Соответствие темы сайта
Еще одним важнейшим фактором в оценке любого сайта является соответствие содержимого сайта и самого его названия, а также количество информации и удобство восприятия. Часто встречается, когда содержимое сайта не раскрывает, в полной мере название сайта. Будем стараться, не совершать таких ошибок, во время своего процесса создания сайта.
По результатам анализа тематических сайтов можно выявить, что сайт Агентство недвижимости, ИП Тюлегенов Р.Ж. ( http://tulegenov-rielt.narod.ru/) содержимое является поверхностным.
Дизайн
Следующим не менее важным критерием является дизайн сайта. Цветовая гамма анализируемых сайтов в основном реализована в классическом нейтральном виде. Что достаточно типично, для сайтов данного класса. И это можно использовать, как недостаток.
Структура навигации
Навигация некоторых рассмотренных сайтов не совсем логична и не совсем понятна. Не все функции доступны с главной страницы и их приходится искать. Что вызывает потерю времени и, естественно, не все такие терпеливые как мы. В частности на сайте агентства недвижимости «ИП Тюлегенов Р.Ж.» (http://tulegenov-rielt.narod.ru/). На остальных сайтах навигация достаточно простая и удобная.



Функциональная составляющая сайта
Что касается функционала, то опять же не все посещенные нами сайты удобны и функциональны в полной мере. На некоторых отсутствует поиск по сайту, обратная связь. Что не может не вызывать удивление, т.к. эти функции на наш взгляд должны быть представлены на любом сайте.
К наиболее функциональному сайту можно отнести сайт Гарант-Риэлт, агентство недвижимости (http://гарант-риэлт.рф/) (рисунок 8). Искать нужную информацию, на котором достаточно, удобно.




















Рисунок 2 – Главная страница Big House, агентство недвижимости


















Рисунок 3 – Главная страница АС, агентство недвижимости
















Рисунок 4 – Главная страница Абсолютный Выбор, агентство недвижимости


Рисунок 5 – Главная страница Агентство недвижимости, ИП Тюлегенов Р.Ж.

Рисунок 6 – Главная страница Арс-Гарант, агентство недвижимости





















Рисунок 7 – Главная страница Галерея-Медиа, ООО, риэлторская фирма


















Рисунок 8 – Главная страница Гарант-Риэлт, агентство недвижимости
Выводы
Исходя из результатов анализа сайтов с похожей тематикой выявлено, что каждый сайт имеет свои сильные и слабые стороны, которые следует учитывать при разработке нашего сайта.
В итоге, были сделаны следующие выводы:
1. Сайт должен работать корректно во всех наиболее известных браузерах: Internet Explorer, Мазила, Firefox, Сафари, Гугл Хром и Опера.
2. Должен иметь удобный и понятный любому пользователю интерфейс, с любым уровнем владения компьютером.
3. Текст должен быть читабельным и информативным
4. Сайт должен иметь свойственный, уникальный дизайн
5. Сайт должен быть функциональным, но не накрученным бесполезными функциями, которые отвлекали бы пользователя от главной его цели – поиска информации по объектам недвижимости.


Глава 2 Описание языков для разработки web-приложений

В основе любой web-разработки могут лежать HTML (HyperText Markup Language).
Для создания web-сайтов, которые обеспечивают эстетичность, функциональность, надежность, легкость администрирования, экономию платы за хостинг, используются классические технологии SSI, CSS и DHTML.
Интерактивность web-сайта достигается за счет использования технологий JavaScript и PHP, которые, дополняют друг друга, обеспечивают надежную хорошую обратную связь с посетителем web-сайта.
Связка технологий PHP и MySQL используется, как правило, для разработки интерактивных web-баз данных (web-порталов, справочников, электронных магазинов, курсов дистанционного обучения) любого размера и конфигураций web-приложений.

2.1 Общее представление HTML
Первоначально язык HTML был создан как средство структурирования и форматирования документов без привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был быть без стилистических и структурных искажений и воспроизводиться на оборудовании с различным техническим оборудованием (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программ голосового воспроизведения текстов).
На данный момент действуют несколько видов языков разметки HTML. Наиболее часто используемым является HTML5. В нем реализовано множество новых синтаксических особенностей, таких как <video> и <audio>. [3]
JavaScript
JavaScript – это прототипно-ориентированный язык программирования сценария.
JavaScript используется в качестве встроенного языка для программного доступа к объектам приложений. Наиболее распространенное применение используется в браузерах в качестве скриптового языка для интерактивных web-страниц.
На JavaScript оказали влияние на многие языки. Но при задача была сделать язык похожим на Java, чтобы он был легким для использования непрограммистам.
Сферп применения очень широка. В web-приложениях JavaScript используется в клиентской части web-приложений: клиент-серверных программ, в котором клиент выступает в роли браузера, а сервер – web-сервером. Имеющий распределенную между сервером и клиентом логику. Обмен информацией происходит по глобальной сети. Главным преимуществом является тот факт, что клиенты не зависят друг от друга и поэтому web-приложения являются кроссплатформенными сервисами.
Для добавления JavaScript на страницу используются элемент <script> </script>.[12]

CSS
CSS – формальный язык для описания внешнего вида документа, написанного с использованием языка разметки. В основном используется в качестве описания и оформления внешнего вида страниц.
CSS используется для определения и задания цветов, шрифтов, расположения блоковой части другого представления внешнего вида. Основной целью развития является разделение описания логической структуры страницы от описания внешнего вида. Такое разделение повышает доступность документа, обеспечивает гибкость и возможность управления её представления.
Преимущества CSS-верстки
До появления CSS, оформление страниц осуществлялось только с использованием средств HTML, внутри самого содержимого документа. После появления CSS, стало возможным разделение содержание и представление документа. Благодаря этому стало возможно легко применить единый стиль оформления для многих документов, а также его изменения.
Плюсы:
1) Несколько дизайнов для просмотра
2) Сокращение времени загрузки страниц за счет переноса представления данных в отдельный CSS-файл
3) Простота изменения дизайна, не нужно править каждую страницу, достаточно изменить сам CSS-файл
4) Дополнительные возможности оформления
Минусы:
1) Различное отображение верстки в различных браузерах, которые по-разному предоставляют один и тот же CSS
2) Часто встречающаяся необходимость изменения не только CSS-файла, но и теги HTML, которые связаны с CSS. [13]

2.2 Общее представление и особенности использования PHP
PHP (англ. PHP: Hypertext Preprocessor — «PHP: препроцессор гипертекстa») — скриптовый язык программирования, используемый для разработки web-приложений.
В настоящее время распространяется на многих сайтах в сети Интернет. К крупнейшим сайтам, использующих PHP, относятся Facebook, В контакте, Wikipedia, YouTube. Входит в LAMP — распространённый набор для создания web-сайтов (Linux, Apache, MySQL, PHP).


Apache
Apache – бесплатный web-сервер. Основным достоинством является надежность и гибкость конфигурации. Позволяет подключать внешние модули данных, чтобы применять СУБД для аутентификации пользователей, модифицировать ошибки.
Ядро подключает главные функциональные возможности, обработки конфигурационных файлов, протокол HTTP и систему загрузки модулей. Ядро полностью разрабатывается организацией Apache Software Foundation. Так же может работать в чистом виде, без использования модулей. Функциональность этого решения ограничена. Ядро Apache полностью написано на языке программирования C.
Apache имеет встроенный механизм работы виртуальных хостов. Множество сайтов полноценно обслуживается на одном IP-адресе, отображая собственное содержимое для каждого в отдельности.
Безопасность Apache
Имеет различные механизмы обеспечения безопасности и разграничения доступа к данным. Такими механизмами являются:
1) ограничение доступа к определенным каталогам или файлам
2) механизм авторизации пользователей для доступа к каталогу на основе HTTP-аутентификации и digest-аутентификации
3) ограничение доступа к определенным директориям или всему серверу, основанному на IP-адресах пользователя
4) запрет доступа к определенным типам файлов для всех или некоторых пользователей
5) существуют модули, реализующие авторизацию через СУБД или РАМ
Так же существуют внешние средства обеспечения безопасности такие как, mod_security. [14]

MySQL
MySQL – бесплатная реляционная СУБД. Разработку и поддержку осуществляет корпорация Oracle.
MySQL является решением для малых и средних приложений. Обычно реализуется в качестве сервера, к которому обращаются локальные и удаленные клиенты.
Гибкость обеспечивается за счет поддержки большого количества таблиц. Можно взять таблицы типа MyISAM, поддерживающие полнотекстовый поиск, так и таблицы InnoDB, поддерживающие транзакции на уровне отдельных записей. Благодаря открытой архитектуре и GPL-лицензированию в СУБД MySQL постоянно появляются новые таблицы.
Так как MySQL имеет двойное лицензирование, то он может распространяться в соотношении с условиями лицензии GPL. Но по условиям GPL, какая-либо программа подключает исходный код MySQL, то она должна распространяться по лицензии GPL. Данные такого рода могут расходиться с планами разработчиков, которые не хотят раскрывать исходный текст своей программы. Для этого предусмотрена коммерческая лицензия, которая обеспечивает такую же качественную сервисную поддержку.[15]
2.3 Браузеры
Документы, испотзующие код HTML, обрабатываются особыми специальными программами, которые отображают его в отформатированном виде. Их называют «интернет-обозревателями» или по простому -«браузерами», предоставляют комфортный просмотр веб-страниц, и отправки введённых пользователем данных. Известными во всем мире браузерами являются Internet Explorer, Мазила, Firefox, Сафари, Гугл Хром и Опера.
Наш сайт должен корректно отображаться во всех браузерах, иначе можно потерять потенциального клиента. Т.к. он не захотев «мучиться» быстро на сайте-поисковике найдет сайт конкурентов. Этого нельзя допускать ни в коем случае.

2.4 Дизайн сайта
Современный интернет представляет собой сложную структурированную систему, возможности сети позволяют быстро передавать данные на большие расстояния. Развитие сети со временем развивается быстрее и быстрее. Одной из особенностью развития стала потребность в специалистах по созданию и продвижению дизайнерских решений оформления сайтов. Процесс оформления называется web-дизайном.
Основные элементы web-страницы — фон, текст и гипертекстовые ссылки. Их грамотное использование и сочетание в различных цветовых комбинациях может сделать сайт значительно привлекательнее. Тут возможно понадобится консультация у профессионального дизайнера сайтов, который сможет подсказать наиболее подходящие нам цветовые гаммы.
Основное требование — четкий контраст между цветом текста и фона страницы. Это необходимо для комфортного чтения её. Контраст этот должен, выражаться в яркости и насыщенности страницы различными цветами с удобно читаемым кеглем текстов. [11]

2.5 Сравнительная характеристика современных CMS
На данный момент на рынке представлено огромное количество систем управления данными, на базе которых достаточно быстро и легко построить эффективный сайт, способный решать серьезные задачи. То какие задачи он будет решать зависит от нескольких параметров. Каждая из которых имеет свои особенности, которые полезны в разных случаях.
Большую роль в выборе движка играет его стоимость. Платформы могут быть коммерческими и могут предоставляться в свободном доступе. Бесплатные не всегда уступают по характеристикам платным.
Компромиссным вариантом являются готовые коммерческие CMS, которые имеют стандартный набор инструментов, подходящий под любые ресурсы. Частные лица и небольшие фирмы обращают внимание на бесплатные CMS, особенностью которых является открытость кода.
Еще одним важным моментом является при выборе системы – совместимость с хостинг-платформой. Не все хостинговые платформы поддерживают разные CMS.
И так, на сегодняшний день себя хорошо зарекомендовали и обрели популярность несколько платных и бесплатных CMS. Рассмотрим их по отдельности.6]
WordPress
Одна из самых известных среди бесплатных движков. Его советуют тем, кто решает создать блог или новостной сайт. Она хороша своей простотой в установке. Для этого просто необходимо скачать дистрибутив, загрузить его на хостинг и запустить режим установки. Для WordPress имеется большое количество различных шаблонов оформления и плагинов, которые на самом деле можно использовать не только для блогов, но и для любых других проектов.
Joomla
Это еще одна бесплатная система, проста в обращении и совместима с любым хостингом на PHP и MySQL. На данной платформе часто создают сайты-визитки, информационные порталы. Так же у нее имеется большое количество шаблонов и плагинов. Имеется возможность дописывать свои собственные модули. Не смотря на то, что система имеет открытый код, она хорошо защищена от взломов. Работать с ней может любой человек, какими бы знаниями он не обладал. Имеет единственный минус - медленная скорость загрузки страниц с высокой посещаемостью.

Drupal
Так же является бесплатной. На ней удобно создавать персональные сайты, форумы, фотогалереи, а так же социальные сети. Хорошо подходит для начинающий пользователей, так как имеет автоматизированную установку движка. Дорабатывается при помощи огромного количества расширений.
Bitrix (1C-Битрикс)
Платная система, довольно дорогая. Но очень популярна из-за того, что является одной из надежных и безопасной. Чаще всего ее выбирают корпоративные владельцы сайтов, так как она синхронизирована с базами данных 1С. Доработки так же предусмотрены, но стоят отдельных денег. Недостатком движка является сложность настройки и нагрузки на сервер.
2.6 Выбор программного средства для разработки
Проанализировав поставленные задачи и имующиеся технологии, автор принял решение использовать в своей разработке программу - MODx Управление сайтом.
Основным достоинством программы является её практичность. Система предоставляет большие возможности для эффективного и быстрого создания новых сайтов.
Пять характеристик MODx Управление сайтом:
1. гибкостью;
2. безопасностью;
3. эффективностью;
4. простотой;
5. традиционностью.
Особенностью «MODx: Управление сайтом» является механизм информационных блоков. Это позволяет быстро создавать пользовательские типы содержания.
Следующей особенностью MODx является сильный визуальный HTML-редактор, дающий возможность размещать на веб-сайте не только HTML страницы, коды PHP или JavaScript, но и динамические компоненты программ, работу которых поддерживает CMS.


О системе MODX
MODX (читается «мо?дэкс») — это бесплатная профессиональная система управления содержимым (CMS) и фреймворк для веб-приложений, предназначенная для создания, управления и редактирования содержимым создаваемых сайтов.
MODX распространяется бесплатно по лицензии GPL с открытым исходным программным кодом (Open Source). Это означает, что систему MODX может использовать каждый: как для личного использования, так и для коммерческого распространения сайтов, построенных на данной системе управления.
MODX написана на программном языке PHP и использует для хранения данных СУБД MySQL или MS SQL. Система управления MODX может быть установлена на большинстве web-серверов (например, таких как IIS, Apache, Lighttpd, nginx и Zeus), а контрольная панель системы (или админ-зона) работает практически во всех современных браузерах.

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

MODX Evolution
На сегодня MODX Evolution используется параллельно с Revolution. Вероятно, для начинающих разработчиков начало работы с Evolution может показаться проще.
Некоторое время назад разработчики заявили об остановке работы над проектом Evolution, чтобы сконцентрироваться только на Revolution. Тем не менее впоследствии разработка Evolution перешла в руки сообщества и продолжила свое активное развитие. При выборе MODX Evolution для новых проектов желательно учитывать, что в целом функциональные возможности Revo выше Evo.


«Джентльменский набор»
Несмотря на то, что MODX может работать почти на какой-угодно операционной системе, возможно, будет полезно учесть следующие рекомендации при установке и работе с MODX:
надежный хостинг без особой перегрузки серверов
ОС Linux
Apache с включенным mod_rewrite
PHP 5.2.9 или выше
MySQL 5.0.67 или выше

Краткая история MODX
Разработчики Реймонд Ирвинг (Raymond Irving) и Райан Треш (Ryan Thrash) начали работу над проектом MODX CMS в 2004 году как модуль DocVars для системы управления сайтами Etomite и дополнением Реймонда для веб-пользователей.
В марте 2005 года все ссылки на MODX были удалены из форумов Etomite одновременно с требованием основателя Etomite прекратить поддержку MODX в них. С этого момента MODX становится форком Etomite.
К маю 2005 года форумы MODX были запущены онлайн и Джейсон Ковард (Jason Coward) присоединился к команде руководства проектом.
В 2007 году Реймонд покинул проект на дружественных условиях. В следующем году Шон МакКормик (Shaun McCormick) присоединился к команде руководства проектом.
В 2008 году пользователи MODX создали новый логотип и новый дизайн для проекта MODX CMS.
В 2010 году была выпущена первая версия MODX Revolution, которая являлась полностью переписанной версией MODX.

О системе MODX CMS
MODX работает для вас. В отличие от многих других CMS, MODX не создает жестких ограничений, но позволяет полностью раскрыть потенциал вашего представления о том, как должен выглядеть и работать ваш сайт!
Легкая в использовании CMS. MODX предоставляет интуитивно понятный интерфейс, который позволяет далеким от технических профессий людям легко изменять и добавлять содержимое сайта без каких-либо сложностей.[4]
В данной главе были приведены описания информационных технологий, приведены сравнения среди систем управления, рассмотрены их достоинства и недостатки, а так же выбрана система с чьей помощью будет реализован наш сайт.

Глава 3 Разработка web-сайта для риэлтерского агентства «Отрада»

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

3.1 Выбор программного средства для разработки web-сайта
Сайт был разработан при помощи программного продукта MODx: Управление сайтом. MODX — это бесплатная профессиональная система управления содержимым (CMS) и фреймворк для веб-приложений, предназначенная для обеспечения и организации совместного процесса создания, редактирования и управления контентом (то есть содержимым) сайтов.
MODX распространяется бесплатно по лицензии GPL с открытым исходным программным кодом (Open Source). Это означает, что систему MODX может использовать каждый: как для личного использования, так и для коммерческого распространения сайтов, построенных на данной системе управления.
MODX написана на программном языке PHP и использует для хранения данных СУБД MySQL или MS SQL. Система управления MODX может быть установлена на большинстве веб-серверов (например, таких как IIS, Apache, Lighttpd, nginx и Zeus), а контрольная панель системы (или админ-зона) работает практически во всех современных браузерах.
3.2 Требование к сайту
Руководство риэлтерского агентства «Отрада» выступило заказчиком сайта и выдвинуло свои требования, которые должны быть выполнены:
* Должен быть привлекательным
* Цветовая гамма должна соответствовать фирменным цветам – это красно-бело-серые цвета
* Эмблема должна находиться в области заголовка
* Сайт должен иметь удобную навигацию на каждой странице
* Реализация ряда функций
* Администрирование сайта должно быть таким, чтобы простой пользователь не имеющий навыков мог спокойно добавить или изменить уже имеющуюся информацию.
Сайт написан на программном языке PHP и использует для хранения данных СУБД MySQL или MS SQL. Система управления MODx может быть установлена на большинстве web-серверов (Apache), а контрольная панель системы работает практически во всех современных браузерах.

3.3 Целевая аудитория
Целевая аудитория – группа людей или сегмент рынка, для которого предназначен продукт, услуга, web-сайт. У каждого сайта есть своя целевая аудитория, которая интересуется теми или иными видами услуг, а так же заинтересована в информации о нас. Клиентами данного сайта считаются те, кто собираются приобретать жилье. К данной аудитории могут относится любые пользователи с любым доходом. Территориально проживающие в Саратове и Саратовской области.
Разрабатываемый web – сайт должен иметь следующие особенности:
1) гибкость, удобной для администраторов системой управления структурой;
2) web-сайт должен поддерживать использование графических вставок, анимации, которые должны усиливать эмоционально-ценностный компонент содержания, формировать мотивацию;
3) для посетителей сайта должна быть организована обратная связь, чтобы в случае заинтересованности потенциальный клиент смог без труда найти контактные данные;
4) возможность изменения и добавления новой информации.
Однако главной задачей проектирования было создание системы управления содержимым, которая бы разрешала вносить изменения web – сайт с возможностью разграничения прав доступа к содержимому и независимостью от технических специалистов.
Проанализировав потребителей этого вида услуг, было выявлено, что ориентироваться необходимо на клиентов возрастом от 25 – 45 лет, со средним уровнем дохода, имеющих социальный статус больше среднего.
Также значимую роль в формировании содержания Web-страниц играют графические и мультимедийные материалы. Они повышают эффективность восприятия сообщений. Однако здесь резко встает вопрос о количестве и качестве графики. Выбирать подходящий вариант нужно с учетом особенностей целевой аудитории. А так как они все достаточно богаты, раз приобретают квартиры, то ограничений по «тяжести» страниц на сайте не будет.

3.4 Группы пользователей
Данный сайт имеет два доступа: администратор (admin), который имеет полный доступ ко всему материалу на сайте и простой пользователь, который может только просматривать информацию на сайте (рисунок 9).
Рисунок 9 – уровни доступа управления сайтом
3.5 Функциональность сайта
Сайт имеет динамичную форму, так как она удобнее по сравнению со статичной. По функциональной части не уступает стандартным сайтам – визиткам аналогичных фирм. На главной странице сайта расположено красочное функциональное меню, из которого мы можем перейти в любую категорию «Недвижимость», «Ипотека», «О компании», «Услуги», «Контакты». На сайте есть выпадающее меню, которое позволяет разместить на сайте большое количество информации (рисунок 10). На странице «Контакты» пользователь может связаться с риэлтором, оставить свои вопросы и контактную информацию для связи с ним. Чтобы последние новости компании были известны посетителям, для этого предусмотрен новостной модуль. Данный подход используется многими сайтами и зарекомендовал себя с лучшей стороны. Облегчает работу администратора сайта, а также усвояемость информации посетителями.


Рисунок 10 – выпадающее меню на главной станице
3.6 Общая структура сайта
Общая композиция сайта приведена ниже (рисунок 11). Так же с помощью скриншотов поэтапно будет показаны все составные элементы сайта.


















Рисунок 11 – Структура сайта

На главной странице сайта (рисунок 12) отображается основная информация о риэлтерском агентстве. Это так называемое «лицо» всего сайта. Ведь встречают «по одёжке», а провожают «по уму». Наша «одёжка», по мнению автора, очень достойная и функциональная. Это должно позитивно сказаться на общей посещаемости сайта. И стать брендом.


Рисунок 12 – главная страница сайта

На странице сайта «О компании» (рисунок 13) отображается основная информация о компании, услугах, предоставляемых.

Рисунок 13 – Страница сайта Информация


На странице «Недвижимость» (рисунок 14 ) отображается перечень жилых и коммерческих объектов.

Рисунок 14 - Страница сайта Недвижимость

На странице «Услуги» (рисунок 15), клиенты могут увидеть ассортимент услуг, предлагаемых агентством. Он достаточно широк.


Рисунок 15– Страница сайта Услуги
На странице «Ипотека» (рисунок 16 ) представлена информация о государственных программах, таких как военная ипотека, материнский капитал, а также программа молодая семья.

Рисунок 16 – Страница сайта Ипотека
На странице «Контакты» (рисунок 17), клиенты нашего сайта могут увидеть контакты по которым могут связаться с нашим риэлтором, а так же могут задать вопрос при помощи формы обратной связи.



Рисунок 17 – Контакты с формой обратной связи

3.7 Система администрирования
Для редактирования сайта, необходимо зайти на страницу http://ra-otrada.ru/manager/ , где расположен сайт и пройти авторизацию (рисунок 18). Это необходимо, что бы поддерживалась безопасность функционирования сайта. Доступ к паролю «админа» должен тщательно держаться в секрете. После авторизации появляется панель управления сайтом, где администратор в любое время сможет добавить необходимы модули или разработать необходимые приложения, если они понадобятся риэлтерскому агентству (рисунок 19).


Рисунок 18 – Страница администрирования (вход на сайт)
Рисунок 19 – Страница панели управления сайта

Для создания новых ресурсов имеется панель создания (рисунок 20). Меню представляет собой создание страницы. С его помощью были созданы такие страницы как: «Главная», «Недвижимость», «Ипотека», «О компании», «Услуги» и «Контакты».

Рисунок 20 – Страница создания ресурса

Управление данными происходит при помощи элементов таких как: Шаблоны, Чанки, Сниппеты, Плагины (рисунок 21).


Рисунок 21 – Страница Управления элементами

Чанки - это куски (X)HTML-кода, используемые в неизменном виде в нескольких местах. Чтобы иметь возможность централизованно редактировать повторяющийся код, вынесите его в чанк. Чанки не могут прямо содержать исполняемый код, однако могут включать в себя вызовы сниппетов и/или параметров (TV), обеспечивающих динамическую логику.
Для использования чанка достаточно вставить название этого модуля в любом месте шаблона, в области контента, в код другого чанка или параметра TV.
Сниппеты - это чистый PHP-код, обеспечивающий динамическую логику. Сниппеты позволяют отделить бизнес-логику от структуры и представления данных на веб-странице. Они могут использоваться для генерации динамических меню, вывода контента из базы данных по некоему условию (например, только для зарегистрированных пользователей), вообще, для любых действий, доступных через MODX API. Сниппеты могут (но не обязаны) принимать параметры и выводить какой-либо результат (например, генерировать HTML-код).
Используется сниппет аналогично чанку, но предусматривает кэширование.
Плагины - это интерактивные PHP-скрипты, запускающиеся при наступления события, которые они отслеживают.
Существует много разных систем управления, которые отличаются друг от друга системными требованиями, возможностями и ценой. Есть бесплатные системы, есть системы дорогие. Каждая из них имеет определенные преимущества.
MODX распространяется бесплатно по лицензии GPL с открытым исходным программным кодом (Open Source). Это означает, что систему MODX может использовать каждый: как для личного использования, так и для коммерческого распространения сайтов, построенных на данной системе управления.
MODX написана на программном языке PHP и использует для хранения данных СУБД MySQL или MS SQL. Система управления MODX может быть установлена на большинстве web-серверов (например, таких как IIS, Apache, Lighttpd, nginx и Zeus), а контрольная панель системы (или админ-зона) работает практически во всех современных браузерах.
В данной главе было сделано описание заказчика, вид деятельности, представлены требования заказчика. Приводятся описания сайта – аудитория, структура, навигация. Реализовывается интерфейс и дизайн, а так же описывается функциональная часть.

ЗАКЛЮЧЕНИЕ

Анализ и исследование технологии создания сайтов-визиток позволили нам установить требования и методику создания собственного сайта, которая и была представления в данной дипломной работе. В ходе выполнения дипломной работы был разработан полнофункциональный web-сайт, полностью готовый к применению. Данный сайт ориентирован на широкий круг лиц, покупающий или продающих объекты недвижимости. С его помощью пользователи смогут получать необходимую информацию о тканях, дизайне и современных тенденциях и т.д.
При разработке web-сайта были тщательно проанализированы современные web-технологии, позволяющие создавать интерактивные web-страницы. Разработка сайта осуществлялась при помощи программного продукта MODx: Управление сайтом. Который является бесплатным, то есть общедоступным. В последствие управление сайтом будет осуществляться через эту программу.
Разработанный сайт удовлетворяет всем требованиям, поставленным на этапе постановки задачи. В качестве дальнейшего совершенствования web-сайта представляется возможным доработка интерфейса сайта с целью дальнейшего повышения его информативности, привлекательности и удобства. А для этого необходимо будет провести опрос посетителей сайта и по его итогам определить дальнейшие пути оптимизации и улучшения сайта.