Разработка сайта-агрегатора интересных фактов с использованием технологий ASP.NET MVC

Содержание

 Введение………………………….…………..…………….……………………….3

1. Теоретическая часть……………………….……….………….………………...5

    1.1. Цели и способы создания web-приложений…....….….…....…....….…....5

           1.1.1. История развития сайтостроения……….……....………………….5

           1.1.2. Классификация и назначение web-сайтов……...….………………6

    1.2. Технология ASP.NET MVC….…..…..….……...…….…..…..…………....8

2. Практическая часть……………….….…….….…….…..…..……………..……13

    2.1. Определение концепции проекта...….…..….……….……………..…….13

    2.2. Разработка сайта-агрегатора интересных фактов и его описание….….15

Заключение ……………..……....…..………..……….….…….…..….….………18

Список литературы……..….….….….….…….…..…….….…….…..…….…….19

Введение

В настоящее время компьютерное моделирование представляет собой быстро развивающуюся сферу человеческой деятельности. Если еще 10 лет назад при выборе профиля образовательной программы мордовские абитуриенты, в большинстве своем, стремились попасть на специальности связанные с экономикой и юриспруденцией, то сейчас, ситуация в значительной степени изменилась. В наши дни, наиболее востребованными стали профессионалы в области информационных технологий. Компании нуждаются в системных администраторах, программистах, web-дизайнерах, разработчиках приложений и во многих других представителях IT-индустрии. Учитывая постоянное развитие данной сферы, спрос на IT-специалистов будет расти и в последующие годы.

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

Таким образом, целью нашей работы стала разработка сайта-агрегатора интересных фактов с использованием технологий ASP.NET MVC и его размещение в сети интернет.

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

Предмет: технология создания сайтов.

Объект: технология создания сайтов на основе ASP.NET MVC.

Для достижения поставленной цели, необходимо решить следующие задачи:

1. Изучить литературу по теме проекта;
2. Изучить методы создания сайтов на основе технологии ASP.NET MVC;
3. Определить концепцию сайта и материалы, на которых он будет основан;
4. Разработать сайт-агрегатор интересных фактов с использованием технологий ASP.NET MVC и выложить его в интернет.

В ходе работы были использованы следующие методы:

1. Теоретические:

  1.1. Анализ источников;

  1.2. Систематизация полученных данных;

2. Эмпирические:

  2.1. Компьютерное моделирование;

  2.2. Web-разработка.

Практическая значимость данной работы заключается в освоении нетривиальных компьютерных технологий, которые в последующем позволят создавать другие продукты. Кроме этого, созданный нами сайт будет способствовать интеллектуальному обогащению пользователей.

1.Теоретическая часть

1.1. Цели и способы создания web-приложений

Первый этап работы заключался в анализе различных литературных источников по теме исследования. Были выделены основные определения и рассмотрена история развития web-разработки.

1.1.1. История развития сайтостроения

Сайт представляет собой массив связанных данных, имеющий уникальный адрес и воспринимаемый пользователем как единое целое. Web-сайты получили свое название потому, что доступ к ним происходит по протоколу HTTP. Все сайты в совокупности составляют Всемирную паутину, где коммуникация объединяет сегменты информации мирового сообщества в единое целое — базу данных и коммуникации планетарного масштаба [1].

В 1990 году Тим Бернерс-Ли создал первый в мире сайт info.cern.ch. На нём было опубликовано описание новой технологии World Wide Web, основанной на протоколе передачи данных HTTP, системе адресации URI и языке гипертекстовой разметки HTML. Также на сайте были описаны принципы установки и работы серверов и браузеров. Данный сайт стал и первым в мире интернет-каталогом, так как позже Тим Бернерс-Ли разместил на нём список ссылок на другие сайты.

Ещё в 1980 году Тим Бернерс-Ли создал гипертекстовое программное обеспечение Enquire, использующее для хранения данных случайные ассоциации. Затем, работая в Европейском центре ядерных исследований в Женеве (CERN), он предложил коллегам публиковать гипертекстовые документы, связанные между собой гиперссылками. Бернерс-Ли продемонстрировал возможность гипертекстового доступа к внутренним поисковику и документам, а также новостным ресурсам Интернета. В результате, в мае 1991 года в CERN был утверждён стандарт WWW [1].

После этого, число пользователей интернета и количество зарегистрированных web-сайтов стали расти с невероятной скоростью. Так, уже к 2000 году, число web-страниц превысило отметку в 10 млн., а на сегодняшний день, более половины населения планеты имеют доступ к Всемирной паутине [2].

1.1.2. Классификация и назначение web-сайтов

По схеме представления информации, её объёму и категориям решаемых задач можно выделить следующие типы web-ресурсов:

1.) Интернет-портал — многокомпонентная разветвлённая структура, сформированная из функционально самодостаточных сайтов самостоятельных организаций или подразделений корпоративной структуры.

2.) Информационные ресурсы:

• Тематический сайт — сайт, предоставляющий специфическую информацию по какой-либо теме.
• Тематический портал — это очень большой веб-ресурс, который предоставляет исчерпывающую информацию по определённой тематике. Порталы похожи на тематические сайты, но дополнительно содержат средства взаимодействия с пользователями и позволяют пользователям общаться в рамках портала (форумы, чаты) — это среда существования пользователя.

3.) Интернет-представительства владельцев бизнеса (торговля и услуги, не всегда связанные напрямую с Интернетом):

• Сайт-визитка — содержит самые общие данные о владельце сайта (организация или индивидуальный предприниматель): вид деятельности, история, прайс-лист, контактные данные, реквизиты, схема проезда. Специалисты размещают своё резюме (то есть подробная визитная карточка).
• Представительский сайт — так иногда называют сайт-визитку с расширенной функциональностью: подробное описание услуг, портфолио, отзывы, форма обратной связи и т. д.
• Корпоративный сайт — содержит полную информацию о компании-владельце, услугах/продукции, событиях в жизни компании. Отличается от сайта-визитки и представительского сайта полнотой представленной информации, зачастую содержит различные функциональные инструменты для работы с контентом (поиск и фильтры, календари событий, фотогалереи, корпоративные блоги, форумы). Может быть интегрирован с внутренними информационными системами компании-владельца.
•  Каталог продукции — в каталоге присутствует подробное описание товаров/услуг, сертификаты, технические и потребительские данные, отзывы экспертов и т. д. На таких сайтах размещается информация о товарах/услугах, которую невозможно поместить в прайс-лист.
• Интернет-магазин — сайт с каталогом продукции, с помощью которого клиент может заказать нужные ему товары. Используются различные системы расчётов: от пересылки товаров наложенным платежом, до расчётов с помощью пластиковых карт.
• Промосайт — сайт о конкретной торговой марке или продукте, на таких сайтах размещается исчерпывающая информация о бренде, различных рекламных акциях (конкурсы, викторины, игры и т. п.).

4.) Веб-сервис — сайт, созданный для выполнения каких-либо задач или предоставления услуг в рамках сети WWW:

• Доска объявлений представляет собой ресурс, на котором есть возможность размещения публичного объявления о продаже или покупке товаров и услуг.
• Каталог сайтов — это ресурс, на котором размещаются сайты и блоги, например, Open Directory Project. Каталоги бывают платные и бесплатные. Также каталоги могут способствовать продвижению ресурса, который размещается в каталоге сайтов.

Так же, к web-сервисам относятся следующие группы сайтов:

• Поисковые сервисы — например, Yahoo!, Google, Bing, Яндекс.
• Почтовые сервисы — например, Mail.ru и Gmail.
• Веб-форумы
• Блоговые сервисы
• Файлообменный пиринговый сервис — например, Bittorrent.
• Облачное хранилище данных — например, OneDrive.
• Сервис редактирования данных — например, Google Docs.
• Фотохостинг — например, Picnik, ImageShack, Panoramio.
• Видеохостинг — например, YouTube, Dailymotion.
• Комбинированные веб-сервисы — например, Facebook, Twitter [1].

1.2. Технология ASP.NET MVC

Шаблон архитектуры Model-View-Controller (MVC) разделяет приложение на три основных компонента: модель, представление и контроллер. Платформа ASP.NET MVC представляет собой альтернативу схеме web-форм ASP.NET при создании web-приложений. Платформа ASP.NET MVC является легковесной платформой отображения с широкими возможностями тестирования и, подобно приложениям на основе web-форм, интегрирована с существующими функциями ASP.NET, например с главными страницами и проверкой подлинности на основе членства.Платформа MVC определяется в сборке System.Web.Mvc [3].

Рисунок 1. Шаблон разработки MVC.   .

MVC представляет собой стандартный шаблон разработки, знакомый многим специалистам. Некоторые типы web-приложений имеют преимущества при создании на платформе MVC. Для других может быть целесообразно использование традиционной схемы приложения ASP.NET, основанной на web-формах и обратной передаче. В некоторых случаях возможно сочетание двух подходов: применение одной схемы не исключает использования другой.

В состав платформы MVC входят следующие компоненты.

•  Модели. Объекты моделей являются частями приложения, реализующими логику для домена данных приложения. Объекты моделей часто получают и сохраняют состояние модели в базе данных. Например, объект Product может получать информацию из базы данных, работать с ней, а затем записывать обновленные данные в таблицу Products базы данных SQL Server.

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

•  Представления. Представления служат для отображения пользовательского интерфейса приложения. Пользовательский интерфейс обычно создается на основе данных модели. Примером может служить представление для редактирования таблицы Products, которое содержит текстовые поля, раскрывающиеся списки и флажки, значения которых основаны на текущем состоянии объекта Product.
•  Контроллеры. Контроллеры осуществляют взаимодействие с пользователем, работу с моделью, а также выбор представления, отображающего пользовательский интерфейс. В приложении MVC представления только отображают данные, а контроллер обрабатывает вводимые данные и отвечает на действия пользователя. Например, контроллер может обрабатывать строковые значения запроса и передавать их в модель, которая может использовать эти значения для отправки запроса в базу данных.

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

Связь между основными компонентами приложения MVC также облегчает параллельную разработку. Например, один разработчик может создавать представление, другой — логику контроллера, а третий — бизнес-логику модели.

В дополнение к упрощению сложных структур схема MVC также облегчает тестирование приложений по сравнению с web-приложениями ASP.NET на основе web-форм. Например, в web-приложении ASP.NET на основе web-форм один класс используется для отображения вывода и для ответа на ввод пользователя. Создание автоматических тестов для приложений ASP.NET на основе web-форм может представлять сложности, так как для тестирования отдельной страницы следует создать экземпляр класса страницы, всех дочерних элементов управления и других зависимых классов приложения. Большое число экземпляров классов, необходимое для запуска страницы, усложняет создание тестов для отдельных частей приложения. Из-за этого тестирование приложений ASP.NET на основе web-форм может быть сложнее тестирования приложения MVC. Более того, для тестирования приложения ASP.NET необходим web-сервер. Платформа MVC разделяет компоненты и активно использует интерфейсы, что позволяет тестировать отдельные элементы вне остальной структуры.

Перед использованием платформы MVC или модели web-форм для определенного сайта, следует взвесить все преимущества каждого из подходов.

Преимущества web-приложения на основе MVC

Платформа ASP.NET MVC имеет следующие преимущества:

•  Она облегчает управление сложными структурами путем разделения приложения на модель, представление и контроллер.
•  Она не использует состояние просмотра и серверные формы. Это делает платформу MVC идеальной для разработчиков, которым необходим полный контроль над поведением приложения.
•  Она использует схему основного контроллера, при которой запросы web-приложения обрабатываются через один контроллер. Это позволяет создавать приложения, поддерживающие расширенную инфраструктуру маршрутизации.
•  Она хорошо подходит для web-приложений, поддерживаемых крупными коллективами разработчиков, а также разработчикам, которым необходим высокий уровень контроля над поведением приложения.

Возможности платформы ASP.NET MVC:

•  Разделение задач приложения (логика ввода, бизнес-логика и логика пользовательского интерфейса), широкое возможности тестирования и разработки на основе тестирования. Все основные контракты платформы MVC основаны на интерфейсе и подлежат тестированию с помощью макетов объекта, которые имитируют поведение реальных объектов приложения. Приложение можно подвергать модульному тестированию без запуска контроллеров в процессе ASP.NET, что ускоряет тестирование и делает его более гибким. Для тестирования возможно использование любой платформы модульного тестирования, совместимой с .NET Framework.
•  Расширяемая и дополняемая платформа. Компоненты платформы ASP.NET MVC можно легко заменить или настроить. Разработчик может подключать собственный механизм представлений, политику маршрутизации URL-адресов, сериализацию параметров методов действий и другие компоненты. Платформа ASP.NET MVC также поддерживает использование моделей контейнера внедрения зависимости (DI) и инверсии элемента управления (IOC). Модель внедрения зависимости позволяет внедрять объекты в класс, а не ожидать создания объекта самим классом. Модель инверсии элемента управления указывает на то, что если один объект требует другой объект, то первые объекты должны получить второй объект из внешнего источника (например, из файла конфигурации). Это облегчает тестирование.
•  Расширенная поддержка маршрутизации ASP.NET. Этот мощный компонент сопоставления URL-адресов позволяет создавать приложения с понятными URL-адресами, которые можно использовать в поиске. URL-адреса не должны содержать расширения имен файлов и предназначены для поддержки шаблонов именования URL-адресов, обеспечивающих адресацию, оптимизированную для поисковых систем (SEO) и для передачи репрезентативного состояния (REST).
•  Поддержка использования разметки в существующих файлах страниц ASP.NET (ASPX), элементов управления (ASCX) и главных страниц (MASTER) как шаблонов представлений. Вместе с платформой ASP.NET MVC можно использовать существующие функции ASP.NET, например вложенные главные страницы, встроенные выражения (<%= %>), декларативные серверные элементы управления, шаблоны, привязку данных, локализацию и т. д.
•  Поддержка существующих функций ASP.NET. ASP.NET MVC позволяет использовать такие функции, как проверка подлинности с помощью форм и Windows, проверка подлинности по URL-адресу, членство и роли, кэширование вывода и данных, управление состоянием сеанса и профиля, наблюдение за работоспособностью, система конфигурации и архитектура поставщика [3].

Таким образом, мы убедились, что именно платформа ASP.NET MVC является наиболее подходящим средством при разработке широкого спектра web-приложений, поэтому мы будем использовать ее в своей работе.

Теперь, когда мы изучили основную литературу, перейдем непосредственно к созданию сайта.

2. Практическая часть

2.1. Определение концепции проекта

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

Вдохновившись такими приложениями, как Doodle Jump, 2048 и Flappy Bird, мы поняли, что для успеха не всегда требуется создавать сложные с точки зрения программирования продукты. Несложные в реализации, вышеописанные проекты, собрали огромное количество пользователей и принесли своим разработчикам миллионы долларов.

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

В современном обществе ценятся образованные и начитанные люди. Стремление к знаниям является одним из ключевых качеств человека в наши дни. К сожалению, из-за современного ритма жизни, люди не всегда находят время на прочтение каких-либо художественных произведений или специализированных научных пособий. Тем не менее, практически каждый человек находит 15-20 минут в день на чтение новостных сводок, спортивных статей, различных обзоров и т.д. Именно поэтому, мы решили создать web-приложение, которое поможет пользователям восполнить потребность в получении информации.

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

Несомненно, на просторах интернета можно найти десятки или даже сотни сайтов, содержащих в себе подобные факты. Но большинство из них обладают рядом недостатков:

- Невозможность проверки достоверности фактов;

- Неудобный для чтения интерфейс;

- Малый объем базы фактов;

- Невозможность делать отметки на уже прочитанных фактах;

- Невозможность просмотра сайта со смартфонов.

В своем web-приложении мы объединили несколько наиболее качественных баз интересных фактов [6,7,8], а так же устранили все вышеописанные недостатки. В результате, был создан сайт, удобный для просмотра, как с персонального компьютера, так и со смартфона, и не имеющих аналогов по многим параметрам.

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

2.2. Разработка сайта-агрегатора интересных фактов и его описание

При разработке нашего web-приложения использовалась технология ASP.NET MVC. Данная технология позволяет работать с большими базами данных, но при этом, обеспечивает довольно простое представление. Другими словами, несмотря на нетривиальные структуры внутри приложения, интерфейс сайта выглядит достаточно простым и понятным для пользователя.

Выделим основные этапы разработки:

1. Выгрузка баз данных из отобранных источников [6,7,8];

2. Организация механизма авторизации для пользователей;

3. Установка параметров формы и отладка совместимости.

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

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

На заключительном этапе было важно обеспечить максимально комфортные условия для просмотра. Нами были подобраны оптимальные размеры окна, шрифты и расположение элементов внутри формы. Далее мы проверили совместимость сайта с основными интернет-браузерами, в том числе и мобильными, и, устранили все несоответствия.  

Теперь перейдем непосредственно к описанию сайта. Он располагается по адресу: https://entertainingfacts.apphb.com. На главной странице пользователю предлагается выполнить авторизацию, чтобы перейти к просмотру фактов. При первом посещении сайта необходимо пройти быструю регистрацию. Её можно осуществить вводом адреса электронной почты, после чего на почту придет сообщение о подтверждении входа. Так же, регистрацию можно осуществить с помощью социальных сетей vk.com и  facebook.com, что позволит, при желании, размещать понравившиеся записи на своих страницах в данных сетях.

Рисунок 1 – главная страница web-сайта.

После прохождения авторизации, пользователь переходит непосредственно к просмотру фактов. В верхней части формы располагается заголовок или тезисное содержание сути данного факта. Под ним располагается развернутое описание. Объем этого описания занимает в среднем 400-500 знаков, но встречаются отдельные факты, содержащие до 1600 символов. Так же, рядом располагается небольшое изображение, так или иначе, имеющее отношение к тексту. С примером визуально представления конкретного факта можно ознакомиться на рисунке ниже.

Рисунок 2 – пример расположения факта в окне браузера.

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

Администратор имеет возможность делать запросы в базах сайта, для просмотра различных статистических показателей, как отдельных пользователей, так и посещаемости в целом. Выполнив ряд запросов, мы установили, что на сегодняшний день (26.11.2016), на нашем web-сайте зарегистрировано около 50 пользователей, и всего прочитано чуть менее 3000 фактов. Основной аудиторией сайта являются игроки клуба интеллектуального творчества г. Саранска, а так же учащиеся школ республики Мордовия. Это связано в первую очередь с тем, что у данных групп интернет-пользователей наиболее выражен интерес к подобной информации.

Таким образом, разработанный нами web-сайт обладает массой достоинств по сравнению с аналогами (полнотой, размером базы, достоверностью и т.д.), удобен для просмотра с любых устройств, и может быть интегрирован с другими аккаунтами пользователя. Кроме этого он может помочь в написании вопросов для различных интеллектуальных игр и викторин, а так же провести несколько минут свободного времени с интересом и пользой.

Заключение

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

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

В результате проделанной работы мы пришли к следующим выводам:

5. Нами была изучена литература в области сайтостроения и истории развития интернета в целом;
6. Были изучены и апробированы методы создания сайтов на основе технологии ASP.NET MVC;
7. Была определена концепция сайта и подобраны материалы, послужившие основой нашей информационной базы;
8. Был разработан и выложен в интернет сайт-агрегатор интересных фактов с использованием технологий ASP.NET MVC.

Практическая значимость данной работы заключается в освоении нетривиальных компьютерных технологий, которые в последующем позволят создавать другие продукты. Кроме этого, созданный нами сайт будет способствовать интеллектуальному обогащению пользователей.

Таким образом, разработанный нами web-сайт обладает массой достоинств по сравнению с аналогами (полнотой, размером базы, достоверностью и т.д.), удобен для просмотра с любых устройств, и может быть интегрирован с другими аккаунтами пользователя. В нем можно вести статистику посещений и различных показателей активности каждого пользователя. Кроме этого он может помочь в написании вопросов для различных интеллектуальных игр и викторин, а так же провести несколько минут свободного времени с интересом и пользой.

Информационные ресурсы:

1. https://ru.wikipedia.org/wiki/Сайт
2. http://compress.ru/article.aspx?id=17258
3. https://msdn.microsoft.com/ru-ru/library/dd381412(v=vs.108).aspx
4. http://lubiteliyablok.com/obzory/top-5-prostyh-igr-kotorye-prinesli-milliony
5. https://vc.ru/p/ketchapp
6. http://muzey-factov.ru
7. www.vokrugsveta.ru
8. http://interesno.org.ua
9. https://entertainingfacts.apphb.com