Разработка 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
...Подобные документы
Применение языков программирования для создания Web-приложений. Расчет трудоемкости и затрат на разработку информационной системы. Разработка концептуальной модели, структуры и интерфейса. Размещение сайта на хостинге, регистрация в поисковых системах.
дипломная работа [1,4 M], добавлен 13.06.2015Описание структуры управления компании. Структура программно-аппаратных средств. Анализ технического задания. Расчет обобщенного критерия эффективности информационной системы ведения проектов строительной компании. Выбор языка программирования и СУБД.
дипломная работа [2,1 M], добавлен 29.06.2013Выбор методологии проектирования и разработка информационной системы "Расчёт зарплаты" для предприятия ОАО РТП "Авторемонтник". Архитектурное проектирование базы данных информационной системы и разработка её интерфейса. Тестирование программного модуля.
дипломная работа [2,3 M], добавлен 25.05.2014Понятие и этапы жизненного цикла информационной системы. Классификация и характеристика бизнес-процессов. Проектирование архитектуры автоматизированной системы управления документооборотом и баз данных. Разработка интерфейса пользовательской части.
дипломная работа [549,9 K], добавлен 09.02.2018Сравнительная характеристика, возможности и функции языков программирования JavaScript и PHP. Основные области их использования. Разработка интерактивного Web-приложения с применением JavaScript на примере теста по теме "Программирование на языке Delphi".
курсовая работа [19,3 K], добавлен 01.07.2014Детализация функций системы и требования к информационной системе. Анализ категорий пользователей. Этапы внедрения автоматизированной информационной системы на предприятии. Описание таблиц базы данных. Защита данных от несанкционированного доступа.
дипломная работа [1,0 M], добавлен 22.07.2015Анализ организационной структуры автоматизируемого подразделения, функции каждого сотрудника и принципы документооборота. Разработка структуры и алгоритмов информационной системы принятия решений. Описание архитектуры приложения и его основные функции.
дипломная работа [273,4 K], добавлен 10.07.2017Анализ информационной системы Scada Trace Mode, ее предназначение. Разработка системы управления для кондиционеров с помощью Trace Mode. Сущность FDB-программы системы. Создание информационной структуры, разработка математической базы и графической части.
курсовая работа [1,1 M], добавлен 11.05.2012Оптимизация математической модели и реинжиниринг бизнес-процессов. Основные методологии, используемые в BPwin. Выбор архитектуры информационной системы. Обоснование подбора языка программирования. Установка и запуск программы в среде MS-DOS и Windows.
дипломная работа [1002,3 K], добавлен 13.04.2014Назначение и цели создания информационной системы. Характеристика объекта автоматизации. Реализация информационной системы "Medic", серверной части приложения. Требования к оперативному запоминающему устройству клиента. Выходные данные программы.
дипломная работа [5,1 M], добавлен 29.06.2011Обзор существующих проектных решений, их достоинства и недостатки. Обоснование необходимости разработки информационной системы. Общее описание интерфейса BPwin. Разработка концепции архитектуры построения и платформы реализации. Создание новой модели.
курсовая работа [4,3 M], добавлен 11.09.2014Исследование возможностей и областей использования языка программирования JavaScript. Сравнительный анализ языков программирования JavaScript и PHP. Разработка интерактивного Web-приложения на примере теста по теме "Программирование на языке Delphi".
практическая работа [26,0 K], добавлен 04.02.2015Информационные технологии: современное состояние, роль в бизнесе и тенденции развития. Анализ информационной культуры предприятия. Разработка базы данных "Base" и программного обеспечения, обслуживающего базу. Описание интерфейса информационной системы.
дипломная работа [1,8 M], добавлен 02.11.2015Анализ входной информации и процессов, уровня автоматизации на предприятии. Выявление объекта и задачи автоматизации. Разработка концепции построения информационной модели информационной системы. Разработка структуры базы данных и клиентского приложения.
дипломная работа [2,0 M], добавлен 22.11.2015Характеристика основных потоков данных, существующих на предприятии. Способы и средства для разработки программного обеспечения. Проектирование пользовательского интерфейса. Разработка слоя взаимодействия с базой данных. Разработка слоя бизнес сервисов.
дипломная работа [750,8 K], добавлен 10.07.2017Разработка информационной системы "Офис" с применением технологий JavaScript, Servletа, CSS (каскадные таблицы стилей ) и Hibernate. Логическая и физесчкая схема базы данных. Создание веб-интерфейса, который обеспечивает работу с сервер-приложением.
курсовая работа [770,6 K], добавлен 31.05.2015Разработка информационной системы, позволяющей повысить эффективность управления деятельностью автосервиса за счет использования современных компьютерных технологий. Построение базы данных в Microsoft SQL Server. Описание пользовательского интерфейса.
дипломная работа [417,5 K], добавлен 27.01.2009Выбор, обоснование и особенности работы СУБД. Характеристика языков программирования. Разработка структурной и функциональной модели информационной системы аптеки. Проектирование программной среды АИС и ее интерфейса. Построение модели базы данных.
курсовая работа [442,3 K], добавлен 21.04.2012Анализ проектирования баз данных на примере построения программы ведения информационной системы картотеки ГИБДД. Основные функции базы данных. Обоснование выбора технологий проектирования и реализации базы данных. Описание информационного обеспечения.
курсовая работа [753,0 K], добавлен 27.08.2012Выбор и обоснование аппаратного обеспечения. Типы архитектуры веб-приложений. Шаблоны проектирования архитектуры приложения. Разработка инфологической модели базы данных. Подготовка к разработке приложения. Рассмотрение причин возникновения паттернов.
дипломная работа [3,0 M], добавлен 27.11.2022