2.2 Диаграмма вариантов использования

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

Для класса «Пользователь» определены функции:

• просмотр главной страницы;

• просмотр раздела «Статьи и методические рекомендации для подготовки школьников к научным проектам»;

• просмотр раздела «Примеры проектов»;

• просмотр раздела «Тест по MS Word»;

• просмотр раздела «О нас»;

• регистрация;

• скачивание методического материала.

Для класса «Администратор» определены функции:

• просмотр Web-приложения;

• все действия при работе с базой данных MySQL - «phpsite»;

• редактирование интерфейса Web-приложения;

• добавление и удаление различных статей в разделе «Статьи и методические рекомендации для подготовки школьников к научным проектам»;

• добавление, редактирование и удаление проектов в разделе «Примеры проектов»;

• редактирование содержимого текстов главной страницы в разделе «Тексты»;

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

Диаграмма вариантов использования представляет собой граф, вершинами которого являются предметы UML, а ребрами - отношения. В диаграмме вариантов использования вершинами являются актеры (Администратор и Пользователь) и варианты.

Диаграмма вариантов использования (Use Case diagram) применяется для моделирования поведения разрабатываемого ПО на этапе анализа требований. Основной целью данной диаграммы является наглядная и точная демонстрация того, что должна делать создаваемая программа. Как она это будет делать, уточняется позднее, на этапе проектирования.

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

Элемент Use Case отображает последовательность действий, выполняемых системой в интересах некоторого конкретного актера, и изображается в виде овала. Элемент Use Case имеет метку, которая записывается внутри овала. Метка указывает, какую именно деятельность отображает данный элемент Use Case.

Покажем данную диаграмму в соответствии с рисунком 2.2.

диаграмма приложение школьник научный

Рисунок 2.2 Диаграмма вариантов использования для класса «Администратор»

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

Покажем на рисунке 2.3 диаграмму вариантов использования для класса «Пользователь».

Рисунок 2.3 Диаграмма вариантов использования для класса «Пользователь»

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

2.3 Диаграмма деятельности

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

Общий вид диаграммы деятельности для работы оператора с Web-приложением «Методический сайт для подготовки школьников к написанию научных проектов» представлен в соответствии с рисунком 2.4, Приведем описание данной диаграммы.

Рисунок 2.4 Диаграмма деятельности

После входа на сайт, администратор осуществляет работу с приложением. Администратор имеет возможность проверять права пользователя, подтверждение прав пользователя, отправку данных и подтверждение сохранения материала.

2.4 Диаграмма схем состояний

Диаграммы схем состояний обеспечивают динамическое представление системы. Они выделяют такое поведение объекта, которое управляется событиями. Диаграмма схем состояний отображает конечный автомат, выделяя поток управления, следующий от состояния к состоянию.

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

Рисунок 2.5 Диаграмма состояния

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

2.5 Диаграмма классов

Далее приведено рассмотрение диаграммы классов для системы формирования методического сайта. Структура процесса представлена в виде строительных блоков и отношений между ними, а также описаны операции, реализующие заданное поведение системы. Данную схему образуют 4 класса: «Администратор», «Пользователь», «Зарегистрированный пользователь» и «Материал» представлено в соответствии с рисунком 2.6.

Рисунок 2.6 Диаграмма классов

На рисунке 2.6, показаны классы с которыми взаимодействует данная система. Класс «Материал» состоит из атрибутов имя, содержание и путь. В данный класс входят статьи, методические рекомендации и тест. Следующий класс «Пользователь» без атрибутов, т.к. незарегистрированный пользователь может только выбирать и просматривать материал. Класс «Зарегистрированный пользователь» имеет право выбирать, просматривать, скачивать и отправлять вопрос. Последний класс «Администратор» назначает права, производит модерацию, программное сопровождение и ответ на заданный вопрос.

2.6 Диаграмма развертывания

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

Рисунок 2.7 Диаграмма развертывания

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

2.7 Проектирование с помощью IDEFX

Первая диаграмма в иерархии диаграмм IDEF0 всегда изображает функционирование системы в целом. Такие диаграммы называются контекстными. В контекст входит: описание цели моделирования, области (описания того, что будет рассматриваться как компонент системы, а что как внешнее воздействие) и точки зрения (позиции, с которой будет строиться модель). Обычно в качестве точки зрения выбирается точка зрения лица или объекта, ответственного за работу моделируемой системы в целом. Диаграмма IDEF0 «Методический сайт для подготовки школьников к написанию научных проектов», представлена в соответствии с рисунком 2.8.

Рисунок 2.8 Диаграмма IDEF0 «Методический сайт для подготовки школьников к написанию научных проектов»

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

После того как контекст описан, проводится построение следующих диаграмм в иерархии. Каждая последующая диаграмма является более подробным описанием (декомпозицией) одной из работ на вышестоящей диаграмме. Пример декомпозиции контекстной работы показан, в соответствии с рисунком 2.9.

Рисунок 2.9 Диаграмма IDEF0 для Web-приложения «Методический сайт для подготовки школьников к написанию научных проектов»

2.8 Цветовая гамма методического сайта

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

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

Белый цвет символизирует чистоту, невинность, добро и истину. Он часто используют для выражения стерильности и безопасности.

Голубой - успокаивающий цвет, снижает мышечное напряжение, понижает кровяное давление, успокаивает пульс, замедляет ритм дыхания, понижает температуру тела, освежает, настраивает на терпение, снижает аппетит, успокаивает боль, обладает жаропонижающим антисептическим действием, помогает при бессоннице, нервных расстройствах [29, 30].

2.9 Структура Web-приложения

Структура Web-приложения на тему «Разработка методического сайта для подготовки школьников к написанию научных проектов» состоит из таких разделов как: «Главная», «Статьи и методические рекомендации для написания научных проектов», «Примеры проектов», «Тест по MS Word», «О нас». Наглядно структура Web-приложения представлена в соответствии с рисунком 2.10.

Рисунок 2.10 Структура Web-приложения

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

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

В разделе «Тест по MS Word» содержатся тест, который может пройти любой школьник и узнать за него оценку.

В разделе «О нас» содержится информация о разработанном сайте.

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

ЗАКЛЮЧЕНИЕ

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

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

• выбраны и обоснованы среды разработки;

• определены функциональные требования к Web-приложению;

• спроектировано Web-приложения посредством составления диаграмм UML и IDEF0;

• спроектированы структуры и интерфейс Web-приложения;

Данный курсовой проект может быть использован в качестве основного источника для одной из глав дипломного проекта о проектировании разрабатываемого Web-приложения.

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

1 Баранова Ю.Ю., Перевалова Е.А., Тюрина Е.А., Чадин А.А. Методика использования электронных учебников в образовательном процессе. Информатика и образование. 2000 г. - № 8, С. 32-33;

2 Шевчук Е.В., Копнова О.Л., Касимов И.Р. Методические указания по выполнению курсовых и дипломных проектов (работ). - Петропавловск: СКГУ им. М. Козыбаева, 2010 г. - 45 с.;

3 Орловская В.В., Копнова О.Л., Кольева Н.С. Методические указания по выполнению курсовых и дипломных работ для студентов специальности 050111 «Информатика». - Петропавловск: СКГУ им. М. Козыбаева, 2009 г. - 90 с.;

4 Ладыженский Г.М. Системы управления базами данных - коротко о главном // Системы управления базами данных. 1995 г. - № 1, С. 128-129;

5 Лапчик М.П., Семакин И.Г., Ренне Е.К. Методика преподавания информатики: Учеб. пособие для студ. пед. Вузов. - М.: Издательский центр «Академия», 2001 г. - 624 с.;

6 Роберт И.В. Современные информационные технологии в образовании: дидактические проблемы, перспективы использования. - М.: Школа-Пресс, 1994 г. - 17 с.;

7 Ивлева В., Попова Т. ABIS. Информационные системы на основе действий. - М.: «1С-Паблишинг», 2005г. - 245 с.;

8 Когаловский М.Р. Перспективные технологии информационных систем. М.: ДМК Пресс, 2003 г. - 288 с.;

9 Корнеев И.К., Годин В.В. Управление информационными ресурсами. - М.: Инфра-М, 2003 г. - 124 с.;

10 Гончаров В.И. Технология и инструменты эффективного управления предприятием. - Минск: МИУ, 2006 г. - 160с.;

11 Бадник Л., Хеслоп Б. HTML с самого начала. / Перев. с англ. - СПб.: Питер, 1997 г. - 416 с.;

12 Гаевский А.Ю., Романовский В.А. 100% самоучитель по созданию Web-страниц и Web-сайтов: HTML и javascript. М.: Триумф, 2008 г. - 454 с.;

13 Программы для Web-мастеров, http://www.arssoft.ru/mycatalog/ (Дата присвоенная файлу: 01.12.2013 г.);

14 Энди Бадд, Камерон Молл, Саймон Коллизон. Мастерская CSS: профессиональное применение Web-стандартов - CSS Mastery: Advanced Web Standards Solutions. - М.: Вильямс, 2007 г. - 272 с.;

15 Кузнецов А.А., Кареев С.С. Основные направления совершенствования методической подготовки учителей информатики в педагогических вузах // ИНФО. - 1997 г. - № 6, С. 12-14;

16 Мержевич В.В. HTML и CSS на примерах. СПб.: БХВ-Петербург, 2005 г. 450 с.;

17 ГОСО РК 34.017-2005 «Информационные технологии. Электронное издание. Электронное учебное издание»;

18 Бистерфельд О.А. Методология функционального моделирования IDEF0: учебно-методическое пособие / Ряз.гос. ун-т им. С.А. Есенина. - Рязань: РГУ, 2008 г. - 48 с.;

19 Ханcен Г., Ханcен Д. Базы данных. Разработка и управление. - М.: Бином, 2005 г. - 704 с.;

20 Рогозов Ю.И., Стукотий Л.Н., Свиридов А.С. Моделирование систем. - Таганрог: ТРТУ, 2004 г. - 73 с.;

21 Маклаков С.В. Объединение структурного и объектного подхода в новом поколении CASE-средств Computer Associates // Учебно-консалтинговый центр. 2002 г. - 75 с.;

22 Маклаков С.В. CASE-средства разработки информационных систем. BPwin и Erwin. - М.: Диалог Мифи, 2001 г. - 132 с.;

23 Дубейковский В.И. Эффективное моделирование с AllFusion Process Modeler 4.1.4 и AllFusion PM. - М.: Диалог-МИФИ, 2007 г. - 384 с.;

24 Шеер А.В. Моделирование бизнес-процессов. - М.: Весть-МетаТехнология, 2000 г. - 41 с.;

25 Коуд П., Норт Д., Мейфилд М. «Объектные модели. Стратегии, шаблоны и приложения». - М.: ЛОРИ, 1999 г. - 18 с.;

26 Дубаков С.А., Силич В.А. Использование набора диаграмм UML для построения моделей производительности // Известия ТПУ. 2005 г. - №3;

27 Вендров А.М., Малышко В.В. Объектно-ориентированный анализ и проектирование с использованием языка UML. - М.: Издательский отдел факультета ВМиК МГУ, 2002 г. - 147 с.;

28 Леоненков А. Самоучитель UML. Серия «Самоучитель». - СПб.: BHV - Санкт-Петербург, 2007 г. - 304 с.;

29 Лемке Джуди. Microsoft Office Visio 2003. Шаг за шагом: практ.пособие Пер. с англ. - М.: «СП ЭКОМ», 2006 г. - 252 с.;

30 Леонтьев Б.К. Я изучаю Microsoft Office Visio 2003. - М.: Бук пресс, 2006 г. - 384 с.

Размещено на Allbest.ru