- •Введение
- •1 Характеристика информационно-развлекательных сайтов
- •1.1 Интернет-сайты: история, особенности, структура, принципы функционирования
- •Место информационно-развлекательных сайтов в интернет-среде
- •Жанровая специфика и языковые особенности информационно-развлекательных интернет-сайтов
- •Основные этапы создания информационно-развлекательного сайта
- •Технология создания сайта
- •Описание технологии asp.Net mvc
- •2.2 Выбор хостинга
- •2.4 Использование Nuget и Jquery
- •3 Описание информационно-развлекательного сайта
- •Концепция. Структура. Особенности
- •Проектирование dfd
- •3.3 Распределение прав
- •Экономическая часть проекта
- •Цели и задачи экономической части
- •Календарный план работы
- •Расчет заработной платы программиста
- •Расчет расходов на энергопотребление
- •Расчет амортизационных отчислений
- •Общие затраты на разработку развлекательного web-сайта
- •Определение продажной цены программы
- •Заключение
- •Список использованных источников
- •Приложение
Проектирование dfd
DFD – (сокращение от англ. Data Flow Diagrams) – диаграммы потоков данных. Так называется методология графического структурного анализа, описывающая внешние по отношению к системе источники и адресаты данных, логические функции, потоки данных и хранилища данных, к которым осуществляется доступ.
Диаграмма потоков данных – один из основных инструментов структурного анализа и проектирования информационных систем, существовавших до широкого распространения UML. Несмотря на имеющее место в современных условиях смещение акцентов от структурного к объектно-ориентированному подходу к анализу и проектированию систем, «старинные» структурные нотации по-прежнему широко и эффективно используются как в бизнес-анализе, так и в анализе информационных систем.
На рисунке 13 представлена DFD диаграмма web сайта htbt.ru.
Рисунок 13 – DFD диаграмма
3.3 Распределение прав
Текстовая информация является одной из наиболее важных составляющих контента информационно-развлекательного интернет-сайта htbt.ru. Кроме текстовой информации на сайтах размещают обычно табличную, графическую, аудио и видеоинформацию. Сайт «htbt» в основном состоит из текстовой информации. Исключение коснется только самих обзоров, в них могут быть как изображения, так и видеофайлы в виде html кода. Тексты сайта соотносятся с дизайном, как содержание с формой.
Опубликованные публикации занимают не менее 70 – 80% видимой площади сайта, непосредственно влияют на его дизайн. Оставшиеся 20 – 30% площади занимает служебная информация (система навигации по сайту, контактная информация, название сайта и др.), ассоциативная и оформительская графика.
В создании обзоров выступает сам администратор (редактор): написание и публикация. Можно выделить следующие функции редактора при работе с текстами для развлекательного сайта: адаптация имеющихся материалов для публикации на сайте; обработка и размещение существующих графических изображений для иллюстрирования соответствующих текстов; поиск недостающих графических изображений для иллюстрации текстов; создание иллюстраций. Текстовые материалы на информационно-развлекательном интернет-сайте создаются следующим образом: их пишет редактор (администратор) сайта, после чего перерабатывает уже существующие тексты, адаптируя их для публикации на информационно-развлекательном сайте. Таким образом, важной особенностью работы редактора над текстами интернет-сайта htbt.ru является то, что он не просто правщик, но и, зачастую, создатель сайта, организатор его работы, копирайтер и рерайтер. Также сама специфика интернет-текстов, характеризующихся гипертекстуальностью, интерактивностью, мультимедийностью и особенностями чтения текста с экрана компьютера или переносного девайса.
Проект «htbt.ru» создавался с упором на развлечение, досуг, а также получение информации о той или иной категории расположенных на сайте. Сайт содержит три вида пользователей: администратор, редактор и гость.
Возможности пользователя отличается в зависимости от назначения прав.
Допустим, администратор зашел на сайт. После чего в его профиле доступно следующее (рисунок 14):
Рисунок 14 – Профиль администратора
На рисунке 14 наглядно показаны возможности профиля администратора.
«Моя музыка» (аудиозаписи загруженные с пк). Песни можно ставить на паузу, или регулировать громкость с помощью навигационных клавиш. Ниже расположены «мои фотоальбомы», которые можно создавать, давая им название или же описание. Создав альбом, справа от описания можно редактировать, узнать детали и удалить. Кликнув на «детали» появится фотография с выведенной датой загрузки, которую без проблем можно загрузить на свой компьютер.
Последнее, что можно выделить в профиле администратора – это «мои обзоры», то есть публикации, которые загрузил именно данный пользователь. Публикации также можно редактировать, просматривать дату написания, тип и мини контент.
Зайдя на сайт под правами администратора, появится вкладка «админка», она позволяет выполнять несколько важных функций (рисунок 15).
Рисунок 15 – возможности администратора
Разберем каждый элемент, показанный на рисунке:
обзоры: просмотр деталей, редактирование и создание новых публикаций;
пожелания: просмотр, оставленных пользователями пожелания;
пользователи: назначения прав доступа каждому пользователю, редактирование данных (имя, фамилия, почта);
теги: просмотр тегов и количество ссылок, имеется возможность удалить каждый тег.
Перейдем к правам редактора.
Редактор очень важен на сайте, ведь он обязан пополнять ленту новым, свежим контентом.
Допустим на сайт зашел некий пользователь «behind», после чего цель данного юзера начать наполнять сайт контентом (рисунок 16).
Рисунок 16 – Права редактора
Во вкладке «Мой профиль» редактор сможет добавлять обзор на любую тематику, предусмотренную на сайте (рисунок 17).
Рисунок 17 – Пример добавления новости
Гость.
Права гостя очень просты. Его возможности предусмотрены только лишь в просмотре контента, а также комментирование в специальной форме публикации (рисунок 19).
Рисунок 18 демонстрирует профиль гостя. Можно заполнить свое имя, почту или же вкратце описать свои интересы. Предусмотрена и смена старого пароля на новый.
Рисунок 18 – Профиль гостя
Комментарии к публикации выглядят следующим образом:
Рисунок 19 – Форма для комментирования новости
Если же гость захочет добавить обзор (рисунок 20)
Рисунок 20 – Попытка добавить обзор
Появится следующее окно: (рисунок 21)
Рисунок 21 – Скриншот с сообщением об ошибке
Как видно на картинке, все зависит от прав доступа каждого юзера.
Технически элементы дизайна были доступны пользователям с любой компьютерной оснащенностью и доступом в Интернет, так как на сайте не были использованы flash-технологии, например, анимированные баннеры. Изображения-афиши оптимизировались по размеру специально для передачи через Интернет, поэтому скорость загрузки сайта у всех посетителей должна была быть достаточно быстрой.
