Анализ проектирования веб-интерфейсов, разработка структуры веб-интерфейса. Функциональное тестирование пользовательского интерфейса. Разработать веб-приложение для системы управления робототехническим комплексом. Тестирование инсталляции веб-приложения.
Аннотация к работе
Главным признаком и подтверждением этих слов являются постоянно растущие инвестиции в Интернет-проекты и осознание того, что веб-приложения используются не только для распространения развлечений, но и для научной и образовательной деятельности. Начало веб-технологий было положено в 1989 году Тимом Бернерсом-Ли, предложившим концепцию распределенной информационной системы с целью объединения знаний человека, которую он назвал "Всемирной паутиной". И в наше время на данном рынке появляется все больше веб-приложений и все больше разработчиков и пользователей. пользовательский интерфейс приложениеПод веб-интерфейсом понимают это среду взаимодействия пользователя и приложения, запущенного на удаленном сервере.На рынке веб-приложений имеется множество систем удаленного управления робототехническими комплексами. Данные проекты являются узконаправленными и как правило выполняют конкретный список задач: автоматизация процессов управления домашними приборами, управление системами видеонаблюдения и так далее. Данный фреймворк представляет из себя набор модулей, используемых пользователем для реализации различных функций робототехники При работе данного фреймворка строится сеть процессов, асинхронно получающих и отправляющих сообщения между собой. Веб-сервер Tornado , позволяет контролировать состояние, управлять роботом, на ходу менять параметры (калибровать) робота, а также закладывать возможность обмена данными между роботами. Также наблюдается плохое сопровождение и поддержка со стороны разработчиков, поэтому данный фреймворк не подходит для реализации моего проекта.Разработать веб-приложение для системы управления робототехническим комплексом. Проработать интерфейс и функционал приложения для удобства и понимания получаемой информации пользователем. Приложение должно корректно работать на всех устройствах, поддерживающих получение информации через веб-браузеры. После анализа аналогичных проектов и сделанных выводов были сформированы основные требования к проекту выпускной квалификационной работы: 1. Просмотр показателей температуры на графикеОднако в результате, многие веб-страницы были сверстаны с использованием большого количество различных сторонних технологий, таких как технологии, встроенные в веб-браузеры. Именно поэтому было принято решение о создании единого языка разметки, который бы мог сочетать в себе все наработки из HTML и XHTML, а также позволял расширить и улучшить верстку вебсайтов благодаря единому API (данный фактор очень важен при разработке сложных веб-приложений). Главной целью, которую поставили разработчики при создании каскадных таблиц стилей, было разделение описания логической части вебсайта, производимое с помощью HTML, от описания внешнего вида данного сайта. Данное решение является отличным способом улучшения понимания кода вебсайта разработчиками, увеличения возможностей управления его представлением, а также позволяет упрощает саму структуру написанной веб-страницы. Главными отличиями данных препроцессоров является их синтаксис и язык, с помощью которого происходит компиляция кода: Sass использует Ruby, в то время как Less - Java Script.Перед созданием системы управления робототехническим комплексом необходимо описать обобщенный алгоритм управления данным комплексом. На рисунке в приложении 1 показан обобщенный алгоритм управления роботом. На данной UML-диаграмме изображен обобщенный принцип управления робототехническим комплексом. Существует некий пользователь, отправляющий запросы с помощью веб-интерфейса для управления робототехническим комплексом, а также получения информации о данном комплексе В браузере обрабатывается и выводится веб-интерфейс системы управления, а также через который происходит отправка запроса пользователя на выполнение команды роботом.В процессе создания веб-приложений очень часто возникают ситуации, когда происходят различные организационные изменения, влияющие на ход разработки. Именно поэтому разработку сайта необходимо начинать с создания макета, который позволит в последствии держаться единого курса при возникновении различных правок. Макет особенно тяжело сделать именно тогда, когда необходимо выбрать определенную структуру сайта, которая будет поддерживаться до окончания всего проекта. Очень часто можно заметить, что на многих сайтах дизайн превращается в совокупность заезжающих друг на друга элементов, что пагубно влияет на распространение и использование продукта. На рисунках, приведенных ниже, были представлены макеты системы управления робототехническим комплексом для разного разрешения экранов.При создании данного веб-проекта было использовано несколько скриптов, необходимых для реализации необходимого функционала. На рисунке 3.5 показан алгоритм работы формы обратной связи на сайте. Вводимая информация должна проверяться на корректность и в случае нахождения ошибок выводить на экран соответствующее предупреждение. На рисунке 3.6 показан алгоритм обновления информации с датчиков робототехнического комплекса на графиках веб-приложения.
План
СОДЕРЖАНИЕ
ВВЕДЕНИЕ
1. АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ
1.1 Анализ проектирования веб-интерфейсов
1.2 Анализ поиска аналогов
1.3 Постановка задач
2. ВЫБОР ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ ДЛЯ РАЗРАБОТКИ
3. ПРОЕКТИРОВАНИЕ СИСТЕМЫ
3.1 Разработка обобщенного алгоритма управления роботом