Этапы разработки клиент-серверного приложения: анализ требований, кодирование, тестирование. Выбор браузера и расширений. Проектирование пользовательского интерфейса: определение основных разделов, создание блока отображения тестов и блока фильтра.
Аннотация к работе
4.2 Настройка тестированияВ данной выпускной квалификационной работе будут разобраны основные положения разработки Web-и android-приложений для создания и прохождения тестов и опросов. Прежде чем начинать разработку первым этапом будет проанализирована область тестов и опросов. В этом разделе будет выполнено обоснование необходимости разработки, в ходе которой будут рассмотрены современные аналоги.Тестирование применяется в медицине, психиатрии, образовании для определения пригодности испытуемого выполнения каких-либо функций. В таком виде тестов испытуемые отвечают на одни и те же задания, в одинаковых условиях и с одинаковыми методами оценивания ответов. Обработка результатов тестирования производится с учетом средних арифметических показателей, а также на процентные нормы, которые отображают количество прошедших тест лучше или хуже. Психологические тесты делятся на: тесты личности, тест интеллект а, тест достижений, тест на профессиональную пригодность тестовые задания открытого типа (на каждый вопрос испытуемый должен предложить свой ответ: дописать предложение, слово, словосочетание, знак, формулу и т.д.).Тема тестов и опросов была рассмотрена ранее в анализе предметной области. Для примера рассмотрим 3 инструмента: Google Формы, сервис It’s quiz и Survio. Google формы позволяют создавать тесты и опросы. К основным плюсам можно отнести: современный дизайн, хранение своих форм, готовые шаблоны, функционал обязательных вопросов К основным плюсам можно отнести: современный дизайн, развернутая аналитика прохождения тестов, интеграция тестов.Но в “Google формы” нет функционала, который реализован в подходе создания тестов предложенный в “itsquiz”. Этот подход заключается в создании тестов на основе существующий вопросов. Существующие вопросы создаются пользователем и могут быть включены в любой тест. В разрабатываемых приложениях будет общая база данных с созданными тестами и вопросами, которые можно будет добавить к себе в избранное и далее использовать в своих тестах. База данных вопросов будет разделена на 2группы, база данных с вопросами и тестами/опросами утвержденная сайтом, туда будут добавляться проверенные вопросы, разбитые по категориям.Web-приложение представляет собой web-сайт, на котором размещаются страницы с частично или полностью несформированным содержимым.Клиент-серверное - это приложение, в котором клиент взаимодействует с сервером при помощи браузера, а за сервер отвечает - web-сервер.Разобьем процесс разработки приложения на ряд стандартных этапов: системный анализ и анализ требований, проектирование, кодирование и тестирование. Данный этап работ был разобран в предыдущей части выпускной квалификационной работы. Этап проектирования также можно разбить на несколько частей: проектирование интерфейсов web-и android-приложений, проектирование структуры проекта серверной части, frontend части и android части, проектирование базы данных. Также во время этапа проектирования можно рассмотреть вопрос подбора инструментов для реализации поставленных задач. Этап кодирования, в ходы выполнения выпускной квалификационной работы будет представлен отдельными вставками листингов исходного кода и подробному описанию подлежать не будет.При выборе среды разработки обычно стоит выбор между текстовыми редакторами и IDE(Integrated Development Environment/ Интегрированная среда разработки). Для разработки SUBLIMETEXT3 был дополнен плагинами: ESTLINT, Babel, Emmet, JAVASCRIPTNEXT-ES6 Syntax и некоторыми другими. Для разработки были выбраны современные, быстрые браузеры, ориентированные на разработку сайтов и web-приложений, а именно Goggle Chrome и Firefox Developer Edition. Поскольку речь идет о разработке web-приложения то нельзя обойтись без HTML. Также как и о HTML нельзя забывать при разработке web-приложений, нельзя забывать и о CSS.Прежде чем начать разработку приложения нужно определиться с целью приложения и определить используемые технологии, что было рассмотрено ранее.Пользовательский интерфейс представляет собой визуальную часть приложения, с которой взаимодействует пользователь.На главной странице расположены блоки с презентационной информацией, то есть блок с информацией представляющий особенности данного приложения и блок с последними новостями разработки и нововведениями в приложении. Страница тестов и опросов включает в себя блок с фильтрами и блок с отображением тестов, опросов и вопросов. Блок фильтров должен включать в себя фильтры: · настройки отображения тестов, опросов и вопросов, · настройки отображения только своих или всех тестов, опросов, · поиск и фильтрации по введенной категории, · список популярных категорий или собственных, · поле добавления новой категории Блок отображения тестов, вопросов и опросов должен состоять из карточек с информацией соответствующей типу теста, опроса или вопроса.
План
СОДЕРЖАНИЕ
ВВЕДЕНИЕ
1. АНАЛИТИЧЕСКАЯ ЧАСТЬ
1.1 Анализ предметной области
1.2 Необходимость разработки приложений
1.3 Определение функций приложений
2. ТЕОРЕТИЧЕСКАЯ ЧАСТЬ
2.1 Web-приложение
2.2.1 Архитектура приложений
2.3 Разработка приложений
2.4 Выбор средств разработки
3. ПРОЕКТНАЯ ЧАСТЬ
3.1 Проектирование интерфейсов
3.1.1 Проектирование интерфейса web-приложения
3.1.2 Проектирование интерфейса android-приложения