Mockup окна добавления поста

Рис. 6 Moсkup окна добавления поста

 

 

Mockup страницы авторизации

 

  Рис. 7 Moсkup страницы авторизации

 

Mockup страницы регистрации

Рис. 8 Moсkup страницы регистрации

 

 

Mockup страницы редактирования профиля

Рис. 9 Moсkup страницы редактирования профиля

 

 

Mockup страницы управления постами

Рис. 10 Moсkup страницы управления постами

 

РУКОВОДСТВО ПОЛЬЗОВАТЕЛЯ

 

Главная страница веб-сайта

 

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

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

Если пользователь не авторизован, в шапке сайта будут находиться две ссылки на страницы регистрации и авторизации на сайте.

В случае, когда пользователь авторизован, в том же месте будет находиться кнопка «Добавить пост» (см. пункт 2).

Также любой авторизованный пользователь может попасть на страницу «Редактирование профиля». Перейти на неё он может с любой страницы сайта, кликнув по элементу "Профиль" в правом верхнем углу и нажав на ссылку "Редактировать". Если пользователь является администратором сайта, то в данном выпадающем списке у него будет отображаться ссылка на страницу «Управление постами». Для этого необходимо нажать на ссылку "Управление".

 

2. Регистрация пользователя

 

Страница регистрации пользователя показана на рисунке 21. Для того чтобы зарегистрироваться, необходимо заполнить поля:

· «Логин»

· «Электронную почту»

· «Пароль»

· «Повторите пароль»

 

Пароль должен быть более 6 символов, в случае если это не так, или введены другие некорректные данные (например «электронная почта»), то будут показаны соответствующие предупреждения.

 

 

Авторизация пользователя

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

 

 

4. Добавление поста

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

 

 

Пользователь должен ввести заголовок и текст поста в одноименные поля. Далее нажать кнопку "Добавить пост". В случае успешного добавления поста, будет показано сообщение «Пост был успешно опубликован» и произойдёт переадресация на главную страницу.

 

Если пользователь введёт некорректные данные, например, оставив поле «Заголовок» пустым, то будет показано предупреждающее сообщение.

 

 

Поиск постов

 

Введя на главной странице в поисковой строке текст и нажав кнопку "Искать", мы попадаем на страницу поиска. Здесь отображаются результаты поиска. Сам поиск проводится по совпадению введённой фразы в заголовке поста и его содержимом. Если совпадений не было найдено, появится сообщение, уведомляющее об этом.

 

 

6. Редактирования профиля

 

Каждый зарегистрированный пользователь может добавить дополнительную информацию о себе, а также сменить текущий пароль на странице «Редактирование профиля».

Если пользователь не вносил данные ранее, то поля «Полное имя» и «Дата рождения» будут пустыми. При регистрации эти данные не предлагалось вводить, так как они не являются обязательными.

Чтобы сохранить введённую информацию, необходимо нажать на кнопку «Сохранить».

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

 

 

Управление постами

Администратору сайта доступна страница управления постами. На данной странице администратору сайта доступен весь список постов. Посты разбиваются по страницам и выводятся по 10 штук. Для каждого поста выводится информация об его уникальном идентификаторе (колонка «Id»), заголовок поста (колонка «Title»), кликнув по которому можно перейти на страницу поста, дата публикации (колонка «PublishDate») и действия (колонка «Action»).

Всего доступно два действия:

· Удалить – пост помечается как удалённый и больше не выводится на главной странице. Если пользователь перейдёт на страницу «удалённого» поста, то будет показана страница 404.

· Восстановить ­– позволяет восстановить удалённый пост.

 

Удалённые посты помечаются красным цветом и меняют значения поля «Action».

 

 

 

ЗАКЛЮЧЕНИЕ

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

Разработка была проведена полностью «с нуля». Как серверная, так и клиентская часть писалась специально для данного веб-сайта. Был рассмотрен стек технологий, который обычно используются при разработке с MVC приложений на языке C#:

· ASP.NET MVC

· ADO.NET Entity Framework

· jQuery

· Bootstrap

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

В качестве дальнейшего развития проектаимеется возможность добавить возможность пользователям оставлять комментарии для постов, ведение личной страницы с собственными постами, а также возможность регистрироваться на сайте используя акаунты популярных соц. Сетей, таких как Facebook, Twitter, Google+, Вконтакте.

 

 

СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ

 

1. Симонович С.В. Специальная информатика. Учебное пособие. – М.: АСТ-ПРЕСС: Информ-Пресс, 2002. – 480 с.;

2. Шилдт, Г. C# 4.0. Полное руководство: пер.с англ. / Г.Шилдт. - М: Издательский дом "Вильямс", 2011. - 1056 с.

3. ASP.NET MVC 5 | Полное руководство, Электронный ресурс, https://metanit.com/sharp/entityframework/, режим доступа: свободный;

4. Руководство по ADO.NET Entity Framework 6, Электронный ресурс, https://msdn.microsoft.com/enus/library/, режим доступа: свободный;

5. Официальный сайт Microsoft Developer Network, Электронный ресурс, https://msdn.microsoft.com/enus/library/, режим доступа: свободный;

6. CSS•Bootstrap, Электронный ресурс, http://getbootstrap.com/css/, режим доступа: свободный;

7. Библиотека jQuery, Электронный ресурс, https://professorweb.ru /my/javascript/jquery/level1/jquery_index.php, режим доступа: свободный;

 

 

ПРИЛОЖЕНИЕ 1. ИНТЕРФЕЙС

 

Главная страниц

 

Страница поста

 

Страница регистрации

 

 

 

Страница входа в акаунт

 

 

Страница создания поста

 

 

Страница поиска