Разработка web-сервиса sms и e-mail рассылки для нужд гражданской обороны ТГПУ

Автор: Пользователь скрыл имя, 23 Декабря 2012 в 09:07, курсовая работа

Описание работы

Целью данной курсовой работы является разработка web-сервиса sms и e-mail рассылки для нужд гражданской обороны ТГПУ.
В связи с поставленной целью решались следующие задачи:
1) обзор программного обеспечения sms и e-mail рассылки;
2) выбор технологий для реализации сервиса;

Содержание

Введение……………………………………………………………………..
ГЛАВА 1. Основные концепции электронной почты…………………….
1.1. Основные концепции…………………………………………….......
1.2. Протоколы взаимодействия клиента и сервера……………………
ГЛАВА 2. Разработка элементов Web-интерфейса……………………….
2.1. Управляющие элементы форм……………………………………...
2.2. Тег FORM – контейнер форм……………………………………….
2.3. Тег INPUT и способы его использования………………………….
2.4. Ввод многострочного текста………………………………………..
2.5. Списки выбора. Тег SELECT……………………………………….
Заключение…………………………………………………………………..
Список использованной литературы………………………………………
Приложение. Описание интерфейса пользователя программы sms и e-mail рассылки ……………………………………………………………….

Скачать полностью (307.46 Кб) Сколько стоит заказать работу?

Работа содержит 1 файл

Курсовая .doc

— 471.50 Кб (Скачать)

2.3.6. Загрузка файлов

Тег INPUT позволяет создавать поле выбора файла для отправки. При этом формат тега таков:

<input type=file

name=имя

[vа1ue=имя файла] >

2.3.7. Кнопка отправки формы

Кнопка отправки служит для отправки сценарию введенных в форму значений. Синтаксис тега INPUT таков:

<input type=submit

[name=go]

value=Передать

Атрибут value определяет текст, который будет написан на кнопке отправки. Атрибут name определяет имя кнопки и является необязательным. Если значение этого атрибута не указывать, то скрипту будут переданы введенные в форму значения и все. Если же атрибут name для кнопки будет указан, то дополнительно к данным формы будет отправлена пара имя=значение от самой кнопки. Рекомендуется обязательно указывать этот атрибут.

2.3.8 Кнопка сброса

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

<input type=reset

value=C6poc>

2.4. Ввод многострочного текста. Тег TEXTAREA

В html многострочное поле ввода реализуется с помощью тега TEXTAREA. Поле, создаваемое этим тегом, позволяет вводить и отправлять не одну строку, а сразу несколько. Формат тега TEXTAREA таков:

<textarea

name=имя

[со1s=ширина в символах]

[rows=высота в символах]

wrap=тип_переноса

>Текст по умолчанию </textarea>

Необязательные параметры cols и rows желательно указывать. Первый из них задает количество символов в строке, а второй — количество строк в области. Атрибут wrap определяет, как будет выглядеть текст в поле ввода:

● Virtual — справа от текстового поля выводится полоска прокрутки.

Вводимый пользователем текст выглядит разбитым на строки, а символ новой строки вставляется при нажатии клавиши Enter.

● Physical — этот тип зависит от браузера и в разных браузерах может вести себя по-разному.

● None — текст выглядит в поле в том виде, в котором пользователь его вводит. Если текст не умещается в одну строку, появляется горизонтальная полоска прокрутки.

Стоит заметить, что наиболее удобным является тип Virtual.

Внешний вид поля:

<textarea

name=”t_area”

со1s=”20”

rows=»5»

wrap=»virtual»

>Текст по умолчанию

</textarea>

Листинг textarea.html. Форма с многострочным текстом

<html>

<head><title>Многострочный текст</title></head>

<body>

<hr>

<textarea

name=”t_area”

со1s=»20»

rows=»5»

wrap=»virtual»

>Текст по умолчанию

</textarea>

<hr>

</form>

</body>

</html>

В окне браузера форма выглядит следующим образом:

Рис 4. Реализация поля ввода многострочного текста,

кнопок отправки и сброса.

2.5. Списки выбора. Тег SELECT

2.5.1. Списки с единственным выбором

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

Листинг spisoc_1.html. Форма списка с единственным выбором

<html>

<head>

<title>Список с единственным выбором</title>

</head>

<body>

<option value=01 >Январь</option>

<option value=02>Февраль</option>

<option value=04>Апрель</option>

<option value=08>Август </option>

<option value=09>Ceнтябрь</option>

<option value=10>Oктябрь</option>

<option value=11>Hоябрь</option>

<option value=12>Декабрь</option>

</select>

</body>

</html>

В окне браузера форма выглядит следующим образом:

Рис 5. Список с единственным выбором.

Варианты выбора задаются с помощью тегов option. При отправке формы сценарию будет отослано значение value выбранного элемента списка.

Атрибут name определяет имя параметра, который будет передан сценарию. Если атрибут size равен 1, то список будет выпадающим. В противном случае список будет занимать n строк и будет «оснащен» полосой прокрутки. Значение, выбранное в списке по умолчанию, можно указать с помощью атрибута selected для соответствующего тега option. В приведенном примере месяц по умолчанию — Май.

Атрибут value является необязательным. Если его не указать, то будет передана строка, заключенная в тег option. В нашем случае сценарию будет передан параметр month=Cентябрь (если value не указан).

Рис 6. Список с единственным выбором.

2.5.2. Списки множественного выбора

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

имя=значение&имя=значение . . . &имя=значение

Листинг spisoc_n.html. Форма списка множественного выбора:

<html>

<head>

<title>Список множественного выбора</title>

</head>

<body>

<option value=01>Январь</option>

<option value=02>Февраль</option>

<option value=04>Апрель</option>

<option value=08>Август </option>

<option value=09>Ceнтябрь</option>

<option value=10>Oктябрь</option>

<option value=11>Hоябрь</option>

<option value=12>Декабрь</option>

</select>

</body>

</html>

В окне браузера форма выглядит следующим образом:

Рис 7. Список с множественным выбором.

ЗАКЛЮЧЕНИЕ

1.Проведено рассмотрение программ (таких как например: «СМС Рассылка 2010») и некоторых сервисов массовой рассылки sms и e-mail. На основании этого были выбраны технологии создания сервиса, элементы сервиса, а так же их расположение.

2. Для обеспечения выполнения функций Web-сервиса различными операционными системами были выбраны следующие технологии для реализации поставленной цели:

HTML5. Простое и доступное средство. Представляет удобный интерфейс пользователю для запроса Web-страниц, их просмотра и отправки введенных пользователем данных на сервер. Поддерживается всеми популярными браузерами, что устраняет необходимость использования определенного программного обеспечения.
PHP. Один из самых популярных скриптовых языков, благодаря своей простоте, скорости выполнения, богатой функциональности, кроссплатформенности и большим набором встроенных средств для разработки Web-приложений.
MySQL. В web-сервисе присутствует необходимость наличия таблицы, содержащей информацию об абонентах. По этой причине использование СУБД является так же необходимым. MySQL представляется наилучшим выбором, т.к. эта система является свободной, является лучшим решением для малых приложений, а так же имеет API для языка программирования PHP.
CSS. Используется для размещения элементов интерфейса в web-сервисе.

3. Вследствие решения первых двух задач бал разработан интерфейс.

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

Гаевский А. Основы работы в Интернете. Самоучитель. – СПб.: БХВ-Петербург, 2003. - 464 с.
Симинович С.В. Общая информатика: Учебное пособие. – М.: АСИ_ПРЕСС КНИГА, 2003. - 592 с.
Хеник Б. HTML и CSS: путь к совершенству – СПб.: Питер, 2011. - 336 с.
Квинт И. HTML, XHTML и CSS на 100 % – СПб.: Питер, 2011. - 384 с.
Чиртик А.А. HTML: Популярный самоучитель. – СПб.: Питер, 2008. - 256 с.
Лоусон Б., Шарп Р. Изучаем HTML5. Библиотека специалиста – СПб.: Питер, 2011. - 272 с.
Информационная система «Сетевые технологии» [электронный ресурс]. URL: http://net.e-publish.ru/p72aa1.html (дата обращения: 15.05.2011).
Информационная система «Сетевые технологии» [электронный ресурс]. URL: http://net.e-publish.ru/p73aa1.html (дата обращения: 15.05.2011).
Информационная система «Сетевые технологии» [электронный ресурс]. URL: http://net.e-publish.ru/p75aa1.html (дата обращения: 16.05.2011).
Информационная система «Сетевые технологии» [электронный ресурс]. URL: http://net.e-publish.ru/p53aa1.html (дата обращения: 17.05.2011).

ПРИЛОЖЕНИЕ

Описание интерфейса программы sms и e-mail рассылки

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

На данном этапе будет использоваться только язык разметки текста html без внедрения скриптов php и без использования MySQL.

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

Сначала делаются два независимых переключателя chackbox. Они понадобятся для выбора каким способом отправить сообщение – sms или email. Независимы переключатели используются для того чтобы задействовать все варианты выбора:

- ни один из переключателей не активирован (сообщение не будет отправлено);

- активирован переключатель sms (сообщение будет отправлено на телефон абоненту);

- активирован переключатель email (сообщение будет отправлено на email абонента);

- активированы оба переключателя (сообщение будет отправлена как на телефон так и на email абонента).

Использую тег input со значение type = “chackbox”.

В результате получаются два по умолчанию активированных переключателя.

Далее создается поле для ввода сообщения. Для этого используется тег textarea со значением wrap = “virtual”.

<textarea name = “text” wrap = “virtual”>Сообщение</textarea>

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

Следующим шагом будет создания двух кнопок – одна для отправки текста, другая для стирания его из поля ввода (постановки значения по умолчанию). Используется для этого тег input. Один со значение type = “submit”, второй type = “reset”.

Кнопки готовы. Осталось собрать все воедино и посмотреть что получилось.

<html>

<title>Рассылка sms и email</title>

<body>

<h2>Рассылка sms и е-mail.</h2>

Выберите способ отправки:

SMS <input type = "checkbox" name = "sms" value = "sms" checked>

EMAIL <input type = "checkbox" name = "email" value = "email" checked><br><br>

<textarea name = "text" wrap = "virtual">Сообщение</textarea><br><br>

</body>

</html>

В браузере это будет выглядеть так:

Рис. 8. Реализация интерфейса программы.

Все элементы для создания сообщения созданы. Есть выбор между способом отправки, есть поле для ввода сообщения, а так же две кнопки – отправить и стереть.

Но этого не хватит для того, чтобы отправить сообщение. Необходимо наличие таблицы, в которую занесены абоненты. Но на данном этапе не используются php и базы данных MySQL. Разрабатывается только интерфейс. Для полного понимания интерфейса делается макет таблицы. Таблица будет содержать четыре столбца – «ФИО», «№ телефона», «Email» и «Выбор». В столбце «Выбор» по строкам будут расположены переключатели (со значением по умолчанию – вкл) для того, чтобы можно было выбрать определенных абонентов. Вне таблицы понадобится кнопка «Выбрать всех» для сохранения времени на выбор.

Информация о работе Разработка web-сервиса sms и e-mail рассылки для нужд гражданской обороны ТГПУ