Разработка портала объектов культурно-исторического наследия с использованием технологий социального компьютинга
Обоснование потребности в интернет–портале "Объекты культурно-исторического наследия" и его эффективность. Технологии социального компьютинга. Анализ существующих языков, технологий веб–разработки. Разработка макетов веб–страниц. Верстка интернет–портала.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | дипломная работа |
| Язык | русский |
| Дата добавления | 01.01.2018 |
| Размер файла | 412,1 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Эктор (actor) - это множество логически связанных ролей, исполняемых при взаимодействии с прецедентами или сущностями (система, подсистема или класс). Эктором может быть человек или другая система, подсистема или класс, которые представляют нечто вне сущности.
Цели создания диаграмм прецедентов: определение границы и контекста моделируемой предметной области на ранних этапах проектирования;
· формирование общих требований к поведению проектируемой системы;
· разработка концептуальной модели системы для ее последующей детализации;
· подготовка документации для взаимодействия с заказчиками и пользователями системы».
Функциональные требования подробно фиксируются в описаниях вариантов использования. Описания составляются специальным образом, чтобы уменьшить вероятность неверного толкования и облегчить восприятие текста.
Варианты использования «Поиск». Краткое описание:
Вариант использования системы поиска объектов культурно - исторического наследия.
Основной поток событий:
1. Пользователь вводит поисковый запрос.
2. Система обрабатывает запрос.
3. Системы выводит результат поиска.
Подчиненные потоки:
1. Ввод запроса.
1. Пользователь вводит наименование объекта исторического наследия.
2. Пользователь выбирает критерии поиска объекта исторического наследия.
3. Пользователь сообщает системе о необходимости начать поиск.
4. Управление передается на шаг 2 основного потока событий.
Альтернативный поток событий:
2. По введенному запросу ничего не найдено.
1. Система выдает сообщение о том, что по данному запросу ничего не найдено.
2. Система предлагает пользователю либо ввести запрос, либо отказаться от поиска.
3. В соответствии с выбором пользователя либо выполнение переходит на шаг 1 основного потока, либо завершается использование поисковой системы.
Предусловия: Отсутствуют. Постусловия: Отсутствуют.
Рисунок 6 - Диаграмма вариантов использования
«IDEF0 - методология моделирования, которая используется для создания функциональной модели, отображающей структуру и функции системы, а также потоки информации и материальных объектов, связывающие эти функции».
Рисунок 7 - Диаграмма IDEF0
Декомпозиция - система разбивается на подсистемы.
Рисунок 8 - Диаграмма декомпозиции IDEF0
В заключении следует отметить, что разработка информационной модели является начальной стадией разработки интернет - портала.
Разработка макетов веб-страниц
На основании разработанного выше технического задания и разработанных в нем эскизов были спроектированы макеты главной страницы интернет - портала, второстепенной страницы «Культура», страницы обратной связи и страницы под названием «Места» с картой государства. Макеты всех страниц были выполнены в программе Photoshop CC.
Рисунок 9 - Первая часть макета главной страницы
Рисунок 10 - Вторая часть макета главной страницы
Рисунок 11 - Макет страницы одного из объектов культурного наследия.
Рисунок 12 - Макет страницы с обратной связью
Рисунок 13 - Макет страницы с картой нахождения объекта
Верстка интернет-портала
«Верстка - это создание интернет - страницы с помощью языка разметки гипертекста (HTML) и оформление е? через каскадные таблицы стилей (CSS) по заранее созданному макету».
Главная страница имеет каркас состоящий из тегов HTML:
<!doctype html>
<html>
<head>
<title> Главная </title>
<meta charset ="UTF-8">
<link rel = "stylesheet" href = "css/index.css">
</head>
<body>
</body>
</html>
И кода CSS:
body{/* Свойства тела*/ margin:0px;
padding:0px; border:0px;
background-image: url(../image/back.jpg); background-position: top center ; background-attachment : fixed ; background-repeat : no-repeat ;
-moz-background-size: 100%; /* Firefox 3.6+ */
-webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */ background-size: 100%; /* Современные браузеры */
}
На главной странице имеется блок меню.
Рисунок 14 - Блок меню
Код блока меню выглядит так:
<div class = "menu" >
<div class = "navigation">
<ul class = "top-menu">
<li><a href="#"><span style="color:#444444; "> КОНТАКТЫ </a></li>
<li><a href="#"><span style="color: #444444">
МЕСТА </a></li> КУЛЬТУРА </a></li>
<li><a href="#"><span style="color:#444444">
<li><a href="index.html"><span style="color:
#444444"> ГЛАВНАЯ </a></li>
</ul>
</div>
<div class = "logo">
<a href = "index.html">
<div class = "wrap-logo">
<img src = "image/logo.png" >
</div>
</a>
</div>
</div>
Так же на главной странице имеется блок с краткой историей государства.
HTML код:
<div class = "first_block">
<br><br><br>
<center><h1><b>Царство Польское</h1>
<br><br>
<h2>Так называется часть Польши, присоединенная к России в 1815 г. на Венском <br>
конгрессе. Фактически Россия и раньше владела большей частью этой <br>
территории; в конце 1813 г.она заняла почти все Герцогство Варшавское, <br>
и тогда высшее управление в крае перешло в руки русских.В силу <br>
трактата 1815 г. России была отдана только часть Герцогства Варшавского, <br>
из которой позже были образованы поныне существующие десять губерний, <br>
именуемые обычно «привислинскими» (Варшавская, Калишская, Келецкая, Ломжинская,<br>
Люблинская, Петроковская, Плоцкая, Радомская, Сувалкская, Седлецкая).</b>
</h2></center>
<br>
<br>
<br>
<center><input type = "button" value = "Подробнее" class = "button" /> </center>
</div>
CSS код:
.first_block{ z-index:2;
padding-top:110px; opacity:1; width:100%; height:800px;
font-family:Times New Roman, Times, serif; font-weight:bold;
color:white; font-size:16px;
line-height:1.85em;
}
.button{
background-color: rgba(0,0,0,0); border-color:white;
border:3px solid white; width:150px;
height:65px; color:white;
font-family:Times New Roman, Times, serif; font-size:16px;
font-weight:bold;
}
.button:hover{
background-color: rgb(255, 255, 255); color:black;
}
Остальной код интернет - портала находится в Приложении к дипломной работе.
Публикация и тестирование портала.
Публикация это очень важный шаг в создании интернет-портала. Для того чтобы портал увидели пользователи, необходимо его разместить в сети Интернет. Для публикации портала необходимо иметь доменное имя, которое размещено на хостинге.
«Хостинг - это услуга, по предоставлению сервиса для размещения сайта на сервере хостинг - провайдера, т.е. компании, которая предоставляет такие услуги.
Хостинг делится на 2 вида:
· Платные;
· Бесплатные;
Бесплатный хостинг от платного отличается:
· низкой скоростью;
· денежной платой;
· перебоями в работе;
· размером оперативной памяти;
· числом доменов и поддоменов;
т.д.»
Данный интернет - портал размещен на хостинге beget.
Рисунок 15 - Учетная запись на хостинге beget
Beget это виртуальный хостинг со множеством тарифов. Данная дипломная работа размещена на бесплатном хостинге beget. В этот тариф входят такие характеристики как:
· 1000 Мб дискового пространства;
· Создание 1 сайта;
· Неограниченное количество доменов и поддоменов;
· Максимальное количество файлов 25000;
· Установка популярных CMS;
· MySQL 5, PHP 4/5, phpMyAdmin, Python 2.7;
Важное отличие этого хостинга от других в том, что на н?м нет рекламы, что часто бывает на бесплатных хостингах. Но для того, чтобы опубликовать портал не достаточно разместить его на хостинге необходимо иметь сво? доменное имя.
«Доменное имя - имя, служащее идентификатором в сети Интернет.
Доменная зона - домен, объединяющий доменные имена одного уровня.
Существует несколько уровней доменного имени:
· Первый - это доменная зона ru, com, org и т.д.
· Второй - site.ru, site.com, sity.org и т.д.
· Третий - blog.site.ru, blog.site.com и т.д.»
Интернет - портал «объекты культурно-исторического наследия» имеет доменное имя третьего уровня m91505do.bget.ru. Домен третьего уровня можно получить при использовании бесплатного хостинга.
Загрузка файлов на хостинг происходит несколькими способами:
· с помощью менеджера файлов;
· с помощью FTP - доступа;
Разработанный интернет - портал «объекты культурно-исторического наследия»» был загружен на хостинг с помощью FTP - доступа. Для того чтобы загрузить файлы использовалась программа FileZilla.
Рисунок 16 - Добавление сайта в менеджер сайтов Тестирование - это завершающий этап разработки интернет - портала.
Оно играет важную роль в процессе разработки качественного программного обеспечения.
«Тестирование сайта - проверка сайта на правильную работу разными способами. Другими словами тестирование - это процесс поиска ошибок. Основные этапы тестирования - это шаги, которые представляют пользователю, насколько удобен будет проект, насколько просто и возможно найти ту или иную информацию.
Пункты тестирования сайта:
1 .Безопасность. Тестирование сайта на безопасность это комплекс работ по выявлению ошибок в коде сайта и программном обеспечении сервера.
2 .Адаптивность. Тестирование, с помощью которого можно определить корректно ли отображается сайт на различных устройствах.
3 .Кроссбраузерность. Кроссбраузерное тестирование необходимо для того, чтобы определить, идентично ли отображается сайт во всех популярных браузерах.
4 .Скорость. Тестирование, с помощью которого можно определить, насколько быстро загружается сайт.
5 .Юзабилити. Тестирование, с помощью которого можно определить, удобен ли пользовательский интерфейс для его предполагаемого применения».15
Тестирование интернет - портала на безопасность.
Для тестирования портала был выбран интернет - сервис «Яндекс - Вебмастер». Чтобы пройти тестирование необходимо сделать 3 шага:
1 шаг - «Добавление сайта» 2 шаг - «Проверка прав»
3 шаг - «Общая информация»
В итоге получается:
Рисунок 17 - Тестирование интернет - портала «Культурно - историческое наследие» на безопасность в интернет - сервисе «Яндекс Вебмастер»
Тестирование интернет - портала на адаптивность.
Портал тестировался на таком онлайн - сервисе как ЇI am responsive?. Этот онлайн сервис дает возможность посмотреть, как будет выглядеть сайт на телефоне, планшете, ноутбуке и ПК.
Размеры, представленные на тестируемых устройствах следующие: Телефон: 320х480px
Планшет: 768х1024px Ноутбук:1280х802px ПК: 1600х992px
Рисунок 18 - Тестирование интернет - портала «Культурно-историческое наследие» на безопасность в онлайн - сервисе «I am responsive»
Отображение в браузерах (Кроссбраузерность)
Для тестирования кроссбраузерности портала использовался инструмент Cross Browser Testing. Сервис показывает, как будет выглядеть портал или сайт на разных браузерах (Opera,Chrome,IE, Mozilla, Safari, Firefox и т.д.), а так же на разных платформах (Mac, Windows, Ubuntu + мобильные iPhone, iPad, Android, Windows Phone, Blackberry).
Google Chrome
Рисунок 19 - Отображение интернет - портала в браузере Google Chrome Firefox
Рисунок 20 -Отображение интернет - портала в браузере Firefox Opera
Рисунок 21 - Отображение интернет - портала в браузере Opera Safari
Рисунок 22 - Отображение интернет - портала в браузере Safari
Тестирование на скорость
Для проверки скорости загрузки сайта выбран был выбран инструмент компании Google «PageSpeed Insights». Этот инструмент оценивает скорость ресурса для мобильных телефонов и ПК по шкале от 0 до 100. Так же указывается полная инструкция, того что можно сделать для большей скорости сайта.
Рисунок 23 - Тестирование интернет - портала на скорость загрузки для мобильных устройств.
Рисунок 24 - Тестирование интернет - портала на скорость для компьютеров
Тестирование удобства (Юзабилити).
Портал тестировался с помощью инструмента Feng - GUI . Feng-GUI имитирует взгляд пользователя в течение первых 5 секунд воздействия визуального эффекта. Это приложение создает карту движения глаз по странице (heatmap) на основе алгоритма, который предсказывает, на что, скорее всего, будет смотреть реальный человек. Прямо на главной странице сайта можно загрузить скриншот и увидеть вероятные области повышенного внимания посетителя.
Рисунок 25 - Тестирование интернет - портала на Юзабилити с помощью инструмента Feng - Gui
Итак, из вышеизложенного можно сделать вывод, что для определения качества созданного продукта необходимо провести тестирование, из которого будет видна: простота пользования интернет - порталом, его безопасность, адаптивность, быстрота загрузки, удобность пользовательского интерфейса.
Интернет - портал - это сайт с большим объемом информации, разнообразными интерактивными сервисами и ссылками на другие веб - сайты. Из этого определения можно сделать вывод, что написание интернет - портала это сложная и кропотливая работа.
Для его создания в начале работы необходимо конкретизировать поставленную задачу. В связи, с чем необходимо составить техническое задание. Далее необходимо разработать информационную модель, которая представляет собой совокупность информации, характеризующей существенные свойства и состояния объекта, процесса, явления, а так же взаимосвязь с внешним миром. На основании технического задания и разработанной информационной модели разработать эскизы и спроектировать макеты страниц интернет - портала. Созданный портал необходимо разместить в сети интернет для чего нужно получить доменное имя.
Для определения качества созданного интернет - портала нужно провести тестирования, из которых будут видны простота пользования интернет - порталом, его безопасность, адаптивность, быстроту загрузки, удобность пользовательского интерфейса.
Заключение
интернет портал компьютинг веб
Потребность в информации растет в современном мире ежедневно, с каждым новым пользователем сети. Задачей же специалистов в области информационных технологий является обеспечение пользователей полной и достоверной информацией. Существует огромное количество справочно- информационных сайтов, предоставляющих информацию почти по любому запросу. Создание интернет - портала «Объекты культурно-исторического наследия» является кропотливой, сложной, но интересной работой, которая требует структурированного подхода, а также четкого планирования и систематизации данных и многих других составляющих.
Следует отметить, что создание данного портала является одним из звеньев сохранения культурно-исторического наследия. Наличие информации сегодняшнего дня является особой чертой данного проекта.
В ходе выполнения дипломной работы дано обоснование потребности в интернет - портале «Объекты культурно-исторического наследия», его эффективность. Рассмотрена область изучающая взаимодействие информационных, политических, социальных и духовных процессов, которой является социальный компьютинг. Основными задачами, которого являются:
*разработка методологических, методических основ изучения интернет-сообществ;
*исследование механизмов строения и развития структур виртуального социального пространства;
*анализ процессов формирования и развития виртуальных сообществ;
*изучение особенностей социального поведения в условиях интернет- пространства;
*изучение степени влияния виртуальной среды (online) на сообщества, их влияния на процессы «реальной» жизни (offline);
*изучение особенностей трансформации виртуальных эффектов в реальное пространство («девиртуализация»).
Изучены возможности информационных технологий, которые позволяют активизировать и эффективно использовать информационные ресурсы общества. В данной работе дано определение и классификация интернет - порталов.
За время создания интернет портала мной были изучены возможности HTML, CSS, JavaScript, PHP. Рассмотрены возможности программы СМS для создания, редактирования и управления контентом.
В процессе создания были разработаны:
- Техническое задание;
- Информационная модель;
- Макет веб - страницы;
- Создана страница интернет - портала;
- Проведено тестированиеи его публикация.
Таким образом, материалы дипломной работы показывают, что поставленные в ней задачи полностью решены.
Список использованных источников
I. Нормативные акты
1.Федеральный закон от 25.06.2002 N 73-ФЗ (ред. от 09.03.2016) "Об объектах культурного наследия (памятниках истории и культуры) народов Российской Федерации".
II. Список использованной литературы
1.ГОСТ 34.602 - 89 Техническое задание на создание автоматизированной системы.
2. Азаров А.А., Predictor Mining: применение методов интеллектуального анализа данных в задачах социального компьютинга /А.А.Азаров, Е.В. Бродовская, А.Ю. Бубнов, Р.Я. Гибадулин, А.А. Глазков, О.В. Дмитриева, А.М. Долгоруков, Р.И. Жданов ,В.Ф. Мусина, В.Д. Нечаев, А.С. Огнев, А.В. Сироткин, А.В.Суворова, В.В. Титов, А.Л. Тулупьев, Т.В. Тулупьева, А.А. Фильченков, Р.М. Юсупов // Труды СПИИРАН. 2013. Вып. 26. C. 136-161. 3.Бабаев А.Б. Создание сайтов / А.Б. Бабаев, Н.В.Евдокимов, М.М. Боде- СПб.: Питер,2013. - 304 с.
4.Варфел Т.З. Прототипирование. Практическое руководство. - М.: Манн, Иванов и Фербер,2013. - 389 с.
5. Голицына О.Л. Информационные технологии: Учебник / О.Л. Голицына, Н.В. Максимов, Т.Л. Партыка, И.И. Попов. - М.: Форум, ИНФРА-М, 2013. - 608 c.
6.Грачев А.C. Создаем свой сайт на WordPress. - СПб.: Питер,2014. - 272 с.
7.ГраховскийЛ.Продвижениепорталовиинтернет-магазинов/ Л.Граховский, И.Севастьянов, Д. Иванов, Ф. Фиронов. - СПб.: Питер , 2014. - 224 с.
8.Джонсон Дж. Умный дизайн. Простые приемы разработки пользовательских интерфейсов, - СПб.: Питер,2012. - 224 с.
9 .Ларман К. Применение UML 2.0 и шаблонов проектирования. М.: Издательский дом "Вильямс" ,2013. - 736 с.
10 .Леонтьев Б.К. Web-дизайн. Руководство пользователя. Киев: 2011. - 384 с. 12.Макнейл П. Веб - дизайн. Идеи. Секреты. Советы. - СПб.: Питер,2012. - 273 с.
Размещено на Allbest.ru
Подобные документы
Процесс создания и развития динамических веб-страниц с использованием систем управления контентом. Последовательность установки и настройки движка и плагинов CMS E-107 на хостинге. Разграничение ролей администратора и пользователей интернет-портала.
курсовая работа [2,3 M], добавлен 29.06.2014Задачи, которые решают интернет-ресурсы. Классификация интернет-рекламы. Обзор существующих Web-технологий. Язык разработки сценариев PHP. Технология построения интерактивных документов DHTML. Средства и технологии для разработки интернет-ресурса.
дипломная работа [1,5 M], добавлен 22.11.2015Разработка интернет-магазина для реального заказчика. Проведение анализа и выбор интернет-технологий для разработки интернет-магазина. Проектирование предметной области. Разработка динамических web-страниц интернет-магазина, управляемых базой данных.
дипломная работа [1,7 M], добавлен 08.06.2013Разработка средств администрирования и безопасности, импорт информационного наполнения с Web-страницы. Отображение статических файлов HTML и вывод форматированных данных. Идентификация опасных и вредных факторов, сопутствующих созданию интернет-портала.
дипломная работа [2,2 M], добавлен 02.06.2012Мультимедийное представление информации, аналоги платформ. Разработка структуры сайта, макетов страниц. Верстка шаблонов страниц. Написание серверной логики и кода презентаций. Публикация сайта в сети Интернет. Требования к интерфейсу пользователя.
дипломная работа [983,2 K], добавлен 17.12.2015Структура и история развития технологии AJAX. Устройство метода AJAX. Инструментарий разработки веб-приложений. Разработка и создание информационного портала по языкам программирования с использованием технологии AJAX. Информационное содержание портала.
дипломная работа [3,2 M], добавлен 05.06.2011Использование информационных технологий в гуманитарных дисциплинах. Анализ существующих сайтов, которые могут быть использованы как дополнительный источник информации на уроках истории. Создание военно-исторического портала античности и средних веков.
курсовая работа [2,3 M], добавлен 11.04.2014Современные подходы к дистанционному образованию. Применение новых образовательных технологий. Анализ подходов к созданию обучающих интернет-ресурсов и выбор среды разработки. Эффективность создания интернет-ресурса с использованием cms-системы ucoz.
дипломная работа [317,4 K], добавлен 26.11.2010Анализ видов существующих корпоративных порталов. Разработка архитектуры и структуры корпоративного портала в соответствии с требованиями. Установка и настройка программного обеспечения. Общие настройки портала, управление меню и настройка виджетов.
дипломная работа [4,8 M], добавлен 19.01.2017Место интернет-технологий в деятельности человека. Краткая историко-географическая характеристика города Щербинка Московской области, а также обоснование необходимости создания его сайта. Характеристика технологий и инструментов разработки веб-страниц.
курсовая работа [98,9 K], добавлен 29.12.2010
