Разработка сайта радиостанции "DJ843" с формой заказа песни

Разработка одностраничного сайта радиостанции с возможностью отправки по электронной почте заявок на воспроизведение песен. Обработка ввода пользователя. Выбор хостинг-провайдера. Изучение особенностей взаимодействия клиентской программы с базой данных.
Краткое сожержание материала:

Размещено на http:///

Размещено на http:///

СОДЕРЖАНИЕ

• ЗАДАНИЕ
• ВВЕДЕНИЕ
• 1. ВЫЯВЛЕНИЕ НЕОБХОДИМОЙ ФУНКЦИОНАЛЬНОСТИ
• 2. КРАТКИЙ ОБЗОР ИНФОРМАЦИОННОЙ СИСТЕМЫ
• 2.1 Серверная часть информационной системы
• 2.2 Клиентская часть информационной системы
• 3. РАЗРАБОТКА САЙТА РАДИОСТАНЦИИ
• 3.1 Интернет-страница радиостанции с формой заявок
• 3.2 Обработка ввода пользователя
• 3.3 Выбор хостинг-провайдера
• 4. УЛУЧШЕНИЕ КЛИЕНТСКОЙ ЧАСТИ ИНФОРМАЦИОННОЙ СИСТЕМЫ
• 4.1 Взаимодействие клиентской программы с БД
• 4.2 Организация работы с электронной почтой в клиентской программе
• 4.3 Разработка действий приложения по истечению таймера
• 5. ПРИМЕР ПОЛУЧЕНИЯ ЗАЯВКИ ПО ЭЛЕКТРОННОЙ ПОЧТЕ
• ЗАКЛЮЧЕНИЕ
• ПРИЛОЖЕНИЯ

ЗАДАНИЕ

1. Разработать одностраничный сайт радиостанции «DJ843»с формой заказа песни.

2. Реализовать отправку заявок с сайта по электронной почте.

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



ВВЕДЕНИЕ

В рамках данного курсового проекта необходимо расширить функциональность информационной системы с клиент-серверной архитектурой «Песни и исполнители».

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

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

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

• СУБД: MS SQL Server 2012;

• среда программирования: MS VisualStudio 2012и язык программирования C#;

• язык разметки документовHTMLи язык программирования PHP;

• компилятор установочных файлов: ExcelsiorInstaller 2.2.

1. ВЫЯВЛЕНИЕ НЕОБХОДИМОЙ ФУНКЦИОНАЛЬНОСТИ

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

Форма приема заявок должна содержать семь полей для ввода имени и адреса электронной почты радиослушателя, названия и исполнителя песни, желаемых даты и времени воспроизведения песни, а также произвольного комментария. Кнопка «Отправить» должна запускать PHP-скрипт. Его задача -- проверка корректности введенных данных и отправка письма с данными на определенный электронный почтовый ящик в определенном формате.

Клиентское приложение информационной системы «Песни и исполнители» должно автоматически один раз в три минуты проверять наличие новых писем в электронном почтовом ящике, на который отправляет письма PHP-скрипт. Если письмо получено и имеет правильный формат, необходимо проверить наличие запрошенной песни в базе данных информационной системы. Если такая песня действительно существует, она добавляется в список заявок на воспроизведение в эфире.



2. КРАТКИЙ ОБЗОР ИНФОРМАЦИОННОЙ СИСТЕМЫ

2.1 Серверная часть информационной системы

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

Концептуальная модель данных, построенная для информационной системы «Песни и исполнители» представлена на рисунке 2.1.

Рисунок2.1- Концептуальная модель данных для предметной области «Песни и исполнители».



Логическая модель данных для информационной системы «Песни и исполнители» показана на рисунке 2.2.

Рисунок 2.2- Логическая модель данных для предметной области «Песни и исполнители»

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

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



Рисунок 2.3- Физическая модель данных для предметной области «Песни и исполнители»

Рисунок 2.4- Физическая модель данных с именами сущностей и атрибутов, которые используются в коде.



1.2 Клиентская часть информационной системы

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

Программа «ДиДжей» разработана на языке C# и состоит из главной формы и 17вспомогательных.

Форма FormMain - главная форма приложения. Интерфейс главной формы состоит из 8 вкладок: Режим, Песни, Исполнители, Альбомы, Концерты, Заявки, План и Отчет.

Вкладка «Заявки» показана на рисунке 2.5:

Рисунок 2.5 - Вкладка «Заявки»

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

В блоке «Принятые заявки радиослушателей» доступна возможность перемещения по таблице с заявками, фильтрации, добавления, изменения и удаления заявки из базы данных. Соответствующий диалог показан на рисунке 2.6. Также есть возможность перейти в соответствующей песне на вкладке «Песни», удалить устаревшие заявки и поместить песню из заявки в запланированный список воспроизведения (рисунок 2.7), причём комментарий к заявке будет помещен в комментарий для запланированного воспроизведения.

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

Рисунок2.6 - Диалог изменения информации о заявке



Рисунок 2.7 - Вкладка «План»



3. РАЗРАБОТКА САЙТА РАДИОСТАНЦИИ

3.1 Интернет-страница радиостанции с формой заявок

Интернет-страница радиостанции «DJ843»созданав текстовом редакторе с помощью языка разметки HTML. В заголовке страницы отображено название радиостанции, затем следует форма заказа песни, состоящая из шести однострочных полей ввода (имя и электронный адрес радиослушателя, название песни и имя исполнителя, дата и время) и многострочное поле для комментария.

В нижней части страницы расположена кнопка «Отправить», нажатие которой должно вызывать отправку письма с информацией из всех вышеперечисленных полей ввода.

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

На рисунке 3.1 приведен снимок экрана браузера, в котором открыта разработанная интернет-страница.

3.2 Обработка ввода пользователя

Данные, введенные пользователем на сайте радиостанции, необходимо обработать: проверить на корректность и отправить по электронной почте. Для этого решено применить web-ориентированный язык PHP.

После нажатия кнопки отправки формы происходит передача значений всех полей формы ее обработчику. Отправка осуществляется методом POST.

Проверяется, что каждое поле ввода не является пустым и содержит текстовые данные. Для полей ввода адреса электронной почты, даты и времени, введенные значения дополнительно проверяются с помощью регулярных выражений и стандартной функции PHP (checkdate) на соответствие правильному формату.

Если какое-либо поле ввода оказалось пустым или имеет неправильный формат, выводится соответст...