Комплексная дипломная работа на тему:Разработка и внедрение информационно-образовательного сайта Шахтинского филиала НОУ ВПО Южно-Российский гуманитарный институт презентация

Содержание

ЧТО ТАКОЕ САЙТ Сайт — это набор веб-страниц, объединенных друг с другом общей темой, оформлением и ссылками. Это информационная единица, представляющая организацию и доступная из любого уголка мира. Применение Internet

Слайд 1КОМПЛЕКСНАЯ ДИПЛОМНАЯ РАБОТА НА ТЕМУ: РАЗРАБОТКА И ВНЕДРЕНИЕ ИНФОРМАЦИОННО-ОБРАЗОВАТЕЛЬНОГО САЙТА ШАХТИНСКОГО ФИЛИАЛА

НОУ ВПО «ЮЖНО-РОССИЙСКИЙ ГУМАНИТАРНЫЙ ИНСТИТУТ»

Выполнили:
Бударина Виктория Сергеевна
Дедов Дмитрий Михайлович


Слайд 2ЧТО ТАКОЕ САЙТ
Сайт — это набор веб-страниц, объединенных друг с другом

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

Слайд 3ЗАЛОГ РАЗРАБОТКИ ЭФФЕКТИВНОГО САЙТА
Сайт должен решать стоящие перед ним задачи и

достигать поставленные цели, что невозможно без следующих элементов разработки:
Грамотного использования технологий разработки сайта.
Профессионального подхода к дизайну сайта.
Правильно подобранного контента.
Оптимизации контента сайта для поисковых систем.
В рамках нашей дипломной работы был разработан сайт ШФ ЮРГИ с использованием системы управления сайтом HostCMS.


Слайд 4СИСТЕМА УПРАВЛЕНИЯ САЙТОМ
Система управления сайтом — программный продукт, используемый для обеспечения

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

Слайд 5СИСТЕМА УПРАВЛЕНИЯ HOSTCMS

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

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

Слайд 6ТРЕБОВАНИЯ К CMS ДЛЯ САЙТА ШФ ЮРГИ
Для разработки сайта ШФ ЮРГИ

была выбрана HostCMS, поскольку именно эта система удовлетворяет большинству требований, предъявленных ТЗ, а именно:
Понятный интерфейс административной панели.
Высокий уровень безопасности.
Соотношение цена/функциональность.
Возможность доработки CMS.
Поддержка многосайтовости.
Гибкая настройка прав доступа к системе.
Возможность интеграции с системой «1С: Предприятие».
Наличие возможности морфологического поиска информации по сайту.

Слайд 7РАЗДЕЛЫ В HOSTCMS


Слайд 8КОНТЕНТ
Конте́нт (англ. content — содержимое) — любое информационно значимое наполнение информационного ресурса

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

Слайд 9ТРЕБОВАНИЯ К КОНТЕНТУ САЙТА ШФ ЮРГИ
Для каждого раздела сайта разработаны свои

специфические требования к контенту, однако общими для всех разделов являются следующие требования:
Уникальность.
Удобочитаемость.
Тематическое соответствие.
Подходящий объём текста.
Актуальность.
Размер изображений для материалов 140х140 пикселов.

Слайд 10ТРЕБОВАНИЯ К ИЗОБРАЖЕНИЯМ ФОТОГАЛЕРЕИ
На сайте существует фотогалерея, изображения из которой выводятся

в верхней части макета сайта. К фотографиям данной фотогалереи предъявляются следующие требования:
Соблюдение авторского права.
Изображения должны быть в формате gif, jpeg или png.
Изображения для фотогалереи должны иметь уменьшенную копию в цветовой схеме «Градации серого», размером 75х75 пикселов.
По возможности изображения должны иметь название.

Слайд 11ДЕМОНСТРАЦИЯ ПОКАЗА ФОТОГРАФИЙ ФОТОГАЛЕРЕИ В МАКЕТЕ


Слайд 12ЭТАПЫ ПОИСКОВОГО ПРОДВИЖЕНИЯ САЙТА ШФ ЮРГИ
Важным аспектом в разработке и внедрении

сайта является продвижение сайта в поисковых системах. Поисковое продвижение сайта состояло из следующих этапов:
Составление семантического ядра сайта. Использующиеся сервисы:
http://direct.yandex.ru/
http://adstat.rambler.ru/
http://stat.go.mail.ru/
http://adwords.google.com/
Указание ключевых слов, заголовков и описания для каждого раздела сайта.
SEO-оптимизация текста страниц.

Слайд 13ЭТАПЫ СОСТАВЛЕНИЯ СЕМАНТИЧЕСКОГО ЯДРА
Составление семантического ядра проводилось в три этапа:
Отбор первичных

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

Слайд 14ВОЗМОЖНОСТИ HOSTCMS ДЛЯ SEO-ОПТИМИЗАЦИИ
Модуль «Поисковая оптимизация (SEO)» позволяет анализировать динамику

продвижения сайта.
Отчет, подготавливаемый модулем о характеристиках и положении сайта в поисковых системах, является одним из самых подробных в своем роде.
Возможность анализа следующих SEO-характеристик:
Тиц;
PageRank;
Рубрика в Яндекс.Каталоге;
Количество ссылающихся на сайт страниц по данным Яндекса, Google, Yahoo и Bing;
Количество страниц сайта, находящихся в индексе поисковых систем Яндекс, Google, Рамблер, Апорт, Bing, Yahoo;
Наличие сайта в Яндекс.Каталоге, Rambler's Top100, Dmoz.ru, Апорт, Mail.ru;
Наличие на главной странице сайта счетчиков Rambler's Top100, SpyLog.ru, HotLog.ru, LiveInternet.ru, Mail.ru.


Слайд 15РЕЗУЛЬТАТЫ SEO-ОПТИМИЗАЦИИ СТРАНИЦ САЙТА
В результате добавления для каждой страницы сайта метаданных,

заголовков и ключевых слов количество проиндексированных страниц с 24.04 по 11.05 увеличилось до 184 страниц. Позиция сайта по запросу «шф юрги» в поисковой системе «Яндекс» достигла 7, а в поисковой системе «Апорт» — 4.
После добавления карты сайта и регистрации в поисковых системах количество проиндексированных страниц увеличилось до 254 в период с 11.05 по 27.05. Позиция сайта по запросу «шф юрги» в поисковой системе «Яндекс» достигла 4, а в поисковой системе «Апорт» — 3.
Результатом публикации материалов сайта на тематических интернет ресурсах тИЦ увеличился до 30, а число ссылающихся сайтов достигло 1310.


Слайд 16ОТЧЕТ, СФОРМИРОВАННЫЙ С ИСПОЛЬЗОВАНИЕМ МОДУЛЯ «ПОИСКОВАЯ ОПТИМИЗАЦИЯ» HOSTCMS


Слайд 17ВЕБ-ДИЗАЙН САЙТА ШФ ЮРГИ
Web-дизайн (от англ. Web design) — отрасль веб-разработки и разновидность

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

Слайд 18ТЕХНИЧЕСКОЕ ЗАДАНИЕ НА ДИЗАЙН
Для дизайнера был разработан бриф на дизайн, или

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

Слайд 19ДИЗАЙН-МАКЕТ ГЛАВНОЙ СТРАНИЦЫ САЙТА ШФ ЮРГИ


Слайд 20ДИЗАЙН-МАКЕТ ВНУТРЕННИХ СТРАНИЦ САЙТА ШФ ЮРГИ


Слайд 21ВЕРСТКА ДИЗАЙН-МАКЕТА
Верстка веб-страниц — процесс формирования HTML-кода web-страниц в текстовом либо

WYSIWYG-редакторе, а также результат этого процесса, то есть собственно HTML-код web-страницы.
Кроссбраузерная верстка — верстка web-сайта, которая выглядит и работает одинаково в различных браузерах.
Кроссбраузерность верстки сайта ШФ ЮРГИ обеспечивалась для следующих браузеров:
Internet Explorer 7+;
Opera 9+;
Mozilla FireFox 3+;
Safari 3+.

Слайд 22РЕЗУЛЬТАТ ПРОВЕРКИ HTML-КОДА ГЛАВНОЙ СТРАНИЦЫ САЙТА НА СООТВЕТСТВИЕ СТАНДАРТАМ


Слайд 23РЕЗУЛЬТАТ ПРОВЕРКИ CSS ГЛАВНОЙ СТРАНИЦЫ САЙТА НА СООТВЕТСТВИЕ СТАНДАРТАМ


Слайд 24ИНТЕГРАЦИЯ ДИЗАЙНА В HOSTCMS
Общее оформление страницы сайта в HostCMS размещается в

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

Слайд 25МАКЕТ ВНУТРЕННИХ СТРАНИЦ САЙТА ШФ ЮРГИ


Слайд 26ШАБЛОН ОСНОВНЫХ РАЗДЕЛОВ САЙТА ШФ ЮРГИ


Слайд 27ОБЛАСТЬ КОНТЕНТА САЙТА ШФ ЮРГИ


Слайд 28ВОЗМОЖНОСТИ ТЕХНОЛОГИЙ XSL, XSLT, XML
Блоки контента формируются с использованием технологии XSLT.


XSL (eXtensible Stylesheet Language) — расширяемый язык таблиц стилей.
XSLT (eXtensible Stylesheet Language Transformations) — часть спецификации XSL, задающая язык преобразований XML-документов. При применении таблицы стилей XSLT, состоящей из набора шаблонов, к XML-документу образуется новый документ, который может быть другой XML-структурой, HTML-документом или обычным текстом.
Данные о каждой новости из БД формируются в XML-страницу.
XML (англ. eXtensible Markup Language — расширяемый язык разметки) — это текстовый формат, предназначенный для хранения структурированных данных (взамен существующих файлов баз данных), для обмена информацией между программами.
Далее XML-страница обрабатывается с помощью XSL-шаблона и пользователю показывается страница в формате HTML.


Слайд 29ИЛЛЮСТРАЦИЯ XML-ДОКУМЕНТА


Слайд 30МЕНЮ САЙТА ШФ ЮРГИ
Меню сайта многоуровневое и имеет древовидную структуру, разделы

верхнего уровня выделены в оранжевые блоки.
Это осуществляется благодаря использованию XSL-шаблона «МенюЛевыйБлок», в котором каждый узел структуры, присутствующий в сформированном для меню XML-документе, проверяется на уровень вложенности.

Слайд 31КАРТА САЙТА


Слайд 32ПРЕИМУЩЕСТВА ИСПОЛЬЗОВАНИЯ ТЕХНОЛОГИИ XML/XSL:
Быстрота изменения структуры вывода информации.
Возможность в разных

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


Слайд 33ИТОГИ РАБОТЫ
Результатом комплексной дипломной работы является разработанный и внедренный информационно-образовательный сайт

Шахтинского филиала НОУ ВПО «Южно-Российский гуманитарный институт», в целом, соответствующий разработанному техническому заданию.

Слайд 34СТРУКТУРА РАЗДЕЛОВ САЙТА ШФ ЮРГИ


Слайд 35 Спасибо за внимание!
Готовы ответить на Ваши вопросы.


Обратная связь

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

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика