Разработка front-end части информационной системы для быстрой оценки уровня подготовки тестируемого

Характеристика основных свойств интерфейса программы. Особенность использования программирования на JavaScript при написании web-приложений. Анализ проектирования структуры слоя доступа к данным. Описание архитектуры программно-информационной системы.

Рубрика Программирование, компьютеры и кибернетика
Вид дипломная работа
Язык русский
Дата добавления 08.06.2017
Размер файла 74,5 K

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

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

В навигационном меню расположены пункты: «Главная страница», «Предметы и категории», «Группы и тестируемые», «Тесты», «Сформировать тест», «Результаты» и «Статистика».

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

Выбрав в навигационном меню «Группы и тестируемые» открывается страница, на которой пользователь видит список из ранее созданных групп, есть возможность добавить новую группу, нажав на кнопку «Добавить группу». В появившемся окне ввода необходимо ввести название группы и нажать на кнопку «Добавить». Если необходимо изменить название предмета, то следует нажать на «Изменить», в появившемся поле ввода исправить название и нажать на «Сохранить». Если необходимо удалить группу, то рядом с выбранной нужно нажать на кнопку удаления и подтвердить действие, нажав на «Ок», или отменить, нажав на кнопку «Отмена». Чтобы увидеть данные о тестируемых, то возле нужной группы нажать на «К списку тестируемых». На экране появится список тестируемых (имя, фамилия, отчество). Также пользователь может добавить нового тестируемого, нажав на кнопку «Добавить тестируемого», ввести данные и нажать на кнопку «Сохранить». Можно изменить данные о тестируемом, нажав на «Изменить», исправить данные и сохранить изменения. Если необходимо удалить данные о тестируемом, то возле выбранного тестируемого нужно нажать на кнопку удаления и подтвердить действие, нажав на кнопку «Ок», или отменить действие, нажав на кнопку «Отмена».

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

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

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

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

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

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

Диаграмма состояний представлена в графической части МППО.00.00.006.ГЧ.

Копии экрана представлены в графической части МППО.00.00.016.ГЧ - МППО.00.00.000.ГЧ.

4. Результаты

Результатом выпускной квалификационной работы стала front-end часть системы, которая успешно выполняет поставленные перед ней требования:

? создание профиля.

? аутентификация.

? добавление/удаление предмета тестирования. Добавление предмета служит для сортировки вопросов к тестовым заданиям по темам;

? добавление/удаление категории тестирования. Добавление категорий служит для сортировки вопросов к тестовым заданиям по подтемам. Один предмет может иметь несколько категорий;

? добавление/удаление данных о тестируемом: фамилия, имя отчество;

? добавление/удаление группы тестируемых. Добавление группы тестируемых служит для сортировки данных о тестируемых;

? добавление/удаление тестовых заданий. Для пользователя была реализована возможность добавлять вопросы и ответы вручную или импортировать файл с компьютера. При ручном вводе пользователь последовательно вводит название тестового задания, выбирает предмет, к которому тестовое задание будет отнесено (обязательно), выбирает категорию (не обязательно), вводит вопросы, а потом ответы с указанием правильного. Правильных ответов может быть несколько;

? импорт данных (вопросов и ответов) для сборки тестового задания из файлов с расширением .xlsx;

? формирование тестов в соответствии с заданными условиями: пользователь указывает нужное количество вариантов и нужные ему исходные тестовые задания для формирования проверочной работы;

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

? просмотр результатов тестирования: пользователь может просмотреть результаты тестирования различных групп;

? формирование статистики о прохождении тестирования: выбирая группу тестируемых и тестовое задание, которое эта группа проходила, пользователь может просмотреть статистику успехов.

Система успешно функционирует на сервере с ОС Windows 7 и выше, а доступ к системе можно получить через Google Chrome, MS Edge и Internet Explorer, имея доступ к сети Интернет.

Заключение

Результатом выпускной квалификационной работы стала front-end разработка программно-информационной системы «Мобильная платформа для проведения опросов и оценки знаний. Серверная часть».

Для написания выпускной квалификационной работы были использованы и лучше изучены HTML разметка, CSS и Bootstrap Framework. Готовое wed-приложение выполняет все предъявленные требования и имеет приятный, несложный для понимания интерфейс. Был проведен анализ интерфейса и элементов интерфейса: оценка интуитивно понятной структуры информации, удобства инструментов навигации и вызова функций приложения, наглядного способа представления результатов действия, проверка логики использования и логики рабочих процессов, проверка простоты использования, скорости адаптации пользователя и т.д.

В дальнейшем планируется ввод в эксплуатацию ГУВПО «Белорусско-Российский университет».

Список использованных источников

1.Буч, Г. Язык UML. Руководство пользователя: пер. с англ. / Г. Буч, Д. Рамбо, И. Якобсон. - 2-е изд. - М. : ДМК Пресс, 2007. - 496 с.

2.Фримен, Э. Изучаем HTML, XHTML и CSS/ Э. Фримен. - СПб. : Питер, 2016. - 720.

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

...

Подобные документы

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.