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

При выборе технологии учитывалось требование возможности работать с системой не только за рабочим местом, но и на любом другом устройстве. Если бы приложение было написано как настольное, многим пользователям было бы неудобно с ним работать. Так, например, учителя и преподаватели большую часть работы по составлению тестовых заданий и их проверки выполняют дома. Web-приложение позволяет работать на любом устройстве: компьютер, ноутбук или планшет, которое имеет доступ к сети Интернет.

Так как требования к интерфейсу меняются чаще всего, то возникает потребность часто его модифицировать, при этом сохраняя корректное взаимодействие с данными (чтение и сохранение). Для этого в шаблоне MVC (Model-View-Controler) интерфейс отделен от данных. Это позволяет менять интерфейсы, равно как и создавать их разные варианты.

Для web-разработки front-end части программно-информационной системы «Мобильная платформа для проведения опросов и оценки знаний. Серверная часть» были использованы: язык разметки HTML5, язык стилей CSS3, язык сценариев JavaScript и Bootstrap Framework. При использовании Bootstrap Framework и CSS web-приложение одинаково выглядит во всех браузерах. интерфейс приложение программный информационный.

HTML (Hyper Text Markup language) — стандартизированный язык разметки документов в сети Интернет. Язык разметки HTML интерпретируется браузерами и в результате отображает форматированный текст на экране компьютера или другого устройства. Страница, которую видит пользователь в своем браузере, может состоять из множества разных файлов — например, изображений, анимационных роликов, сценариев JavaScript и так далее, — но, основой страницы практически всегда является документ HTML. Другие языки разметки пока еще слабо поддерживаются браузерами.

Стили являются удобным, практичным и эффективным инструментом для оформления текста, ссылок, изображений и других элементов. Например, с помощью стилей можно определить вид web-страницы для разных устройств вывода: монитора, смартфона, планшета и др. Применяя CSS, уменьшается время загрузки страниц web-приложения за счет переноса правил представления данных в отдельный CSS-файл. Благодаря этому браузер загружает только структуру документа, а представление этих данных загружается только один раз и может быть закешировано. Язык CSS используется в связке с языком разметки HTML.

При написании web-приложений, программирование на JavaScript используется наиболее часто. Если кратко перечислить ключевые особенности данной языка, то следует выделить следующее:

• — Объектно-ориентированность. Выполнение программы представляет собой взаимодействие объектов;
• — Приведение типов данных приводится автоматически;
• — Функции выступают объектами базового класса;
• — Автоматическая очистка памяти.

Если говорить о сути применения JavaScript, то этот язык позволяет «оживлять» неподвижные страницы с помощью кода. Можно провести аналогию с мультфильмами, где HTML и CSS — прорисованные герои, а JavaScript — то, что заставляет их двигаться.

Ajax (Asynchronous Javascript and XML) базируется на технологии обращения к серверу без перезагрузки страницы. Применение Ajax дает такие преимущества как экономия трафика пользователя (вместо обновления всей страницы загружается ее небольшая изменившаяся часть), снижение нагрузки на сервер и ускорение реагирования интерфейса на команды пользователя.

Практически любая web-страница содержит множество похожих компонентов (меню, навигация и пр.), которые встречаются и на других сайтах. Чтобы писать меньше кода и задействовать готовое решение применяются специализированные библиотеки. Одной из таких библиотек для верстки является Bootstrap Framework. Фактически, Bootstrap представляет собой конструктор, фрагменты которого включаются в проект при необходимости. Это уменьшает время разработки. Bootstrap направлен на создание макета под разные устройства — ноутбуки, планшеты, смартфоны. Компоненты библиотеки написаны и протестированы с учетом работы разных браузеров. Это гарантирует, что макет будет выглядеть одинаково независимо от выбранного браузера. Bootstrap не просто вставляет элементы на страницу, но и сразу же устанавливает их оформление и взаимодействие с пользователем через JavaScript.