Контрольная работа фамилия: Соцкая Имя: Хилия Отчество: Олеговна Группа ‏ ㅤ № : иб-02з

Требования к интерфейсу

Интерфейс сайта обязан быть понятным и доступным каждому пользователю, т.к. пользователи сайта будут разных возрастов и не будут готовы долгое время изучать сайт.
Для того чтобы обеспечить удобство и доступность под каждого пользователя, интерфейс сайта должен быть интуитивно прост и понятен.
Параметры интерфейса
Нужно использовать однотонную цветовую гамму с редкими контрастными деталями. Сайт не должен травмировать глаз, иметь светлый фон, а также сочетаться с логотипом компании.
Необходимо использовать однородный шрифт без засечек, не допускается множество разных шрифтов.

5. 
   Структура баз данных промежуточной БД
   

Таблица «Пользователи»:

Название поля	Тип поля	Описание поля
Идентификатор	Целочисленный	Уникальный идентификатор пользователя
Логин	Текстовый	Почта пользователя
Псевдоним	Текстовый	Отображаемое имя пользователя
Пароль	Текстовый	Пароль пользователя
Роль	Целочисленный	Идентификатор роли, определяющей права пользователя

Таблица «Роли»:

Название поля	Тип поля	Описание поля
Идентификатор	Целочисленный	Уникальный идентификатор роли
Название	Текстовый	Название роли

Таблица «Публикации»:

Название поля	Тип поля	Описание поля
Идентификатор	Целочисленный	Уникальный идентификатор публикации
Название поля	Тип поля	Описание поля
Название	Текстовый	Название публикации
Содержание	Текстовый	Полный текст публикации
Краткое содержание	Текстовый	Краткий текст публикации
Автор	Целочисленный	Идентификатор автора публикации
Статья	Флаг	Определяет, является ли публикация статьей

Модель концепции взаимодействия

Изучение круга потенциальных пользователей и их действий

1. 
   Пользователь – просмотр новостей, просмотр логотипа, поиск публикаций.
   
2. 
   Администратор - редактирование, добавление новостей, исправление ошибок.
   
3. 
   Редактор - редактирование, добавление новостей.
   

Выбор программы для разработки прототипа интерфейса

Для разработки прототипа интерфейса была выбрана программа “paint.net”.

Разработка прототипа интерфейса

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

Основным элементом навигации по сайту является заголовок страницы. В нём есть ссылки для перехода к основным страницам с информацией:

Рисунок 1 Главная страница

Страница «О нас», описывающая компанию и содержащая некоторую информацию о редакторах:

Рисунок 2 Страница "О нас"

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

Рисунок 3 Страница списка публикаций

Страница чтения публикаций показывает полное содержание соответствующей публикации.

Рисунок 4 Страница чтения новости

Разработка веб-проекта

Сайт реализован на html/css, для получения информации, отображаемой на сайте, в дальнейшем понадобится сервер, формирующий страницы динамически, либо отдающий информацию иным способом, а в интер-фейсе понадобится модификация html документа с помощью javascript.

Рисунок 5 Главная страница (верх)



Рисунок 6 Главная страница (низ)

Рисунок 7 Страница публикаций

Заключение

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