Использование веб-квеста для изучения робототехники
Возникновение и развитие нового класса машин – роботов. Изучение процессов создания и применения роботов и других средств робототехники для решения различных задач. Разработка дизайна и стиля страниц веб-квеста. Формирование внешнего вида сайта.
Рубрика | Программирование, компьютеры и кибернетика |
Вид | статья |
Язык | русский |
Дата добавления | 24.02.2019 |
Размер файла | 837,9 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
Филиал РПППУ в г. Нижний Тагил
г. Нижний Тагил, Россия
Использование веб-квеста для изучения робототехники
Бужинская Н.В.
Васильев Р.Ю.
На всех этапах своего развития человечество стремилось создать орудия, механизмы, машины, облегчающие труд и обеспечивающие защиту от неприятеля. Эволюция современного общества и производства обусловила возникновение и развитие нового класса машин - роботов, и соответствующего научного направления - робототехники. Это прикладная наука, занимающаяся разработкой автоматизированных технических систем [1]. В основе робототехники находятся знания математики, программирования, электроники и техники. Целью робототехники является улучшение условия труда человека, за счет выполнения определенных функций. Предметом робототехники является изучение процессов создания и применения роботов и других средств робототехники для решения различных задач.
В нашем промышленном регионе изучение основ робототехники является актуальной задачей.
Изучая робототехнику как науку необходимо обязательно рассматривать основы ее возникновения. На первом уроке по предмету робототехники учитель может представить веб-квест «История возникновения робототехники».
За основу веб-квеста был взят сайт с использованием PHP, HTML, Java, CSS. Указанные средства позволяют эффективно использовать современные инструменты для создания полнофункционального веб-квеста.
Веб-квест содержит определенные разделы.
Раздел «Главная» содержит руководство по веб-квесту.
Раздел «Глубокая древность» описывает зарождение робототехники.
Раздел «Средние века» повествует об автоматах, основанных на использовании часовых механизмов.
Раздел «Конец XIX - начало XX в» рассказывает о появлении научно-фантастической литературы, где в главной роли выступают роботы-андроиды. На данном этапе также происходит формулировка основных принципов поведения и создания первых роботов.
Раздел «XX в. - начало XXI в» описывает создание первых промышленных манипуляторов с программным управлением.
Раздел «Виды роботов» включает в себя представление основных классов современных роботов. Дополнительно представлена ментальная карта с возможностью дополнения информации.
Раздел «Тест» содержит вопросы по пройденному материалу.
Раздел «Форум» позволяет вести дискуссии по материалу, добавлять интересные факты.
Дизайн веб-квеста выполнен в едином стиле. В качестве основной цветовой гаммы сайта были выбраны синие и белые цвета, что обеспечит легкое восприятие текста страниц. Для навигации по страницам сайта была спроектирована горизонтальная панель навигации, на которой располагаться основное меню, содержащее ссылки на все разделы веб-квеста.
Для разработки дизайна и стиля страниц веб-квеста был создан шаблон style.css. Шаблон - это средство формирования внешнего вида сайта, его функция реализуется в основном за счет HTML и CSS.
На основе описанных выше решений, был создан шаблон главной страницы (рисунок 1):
Рис. 1. Главная страница веб-квеста
В разделе «Виды роботов» предлагается рассмотреть различные виды роботов. В качестве задания дополнить карту и дописать основные функции роботов, в зависимости от их типа или составить собственную карту по теме «Направления развития робототехники» (рисунок 2).
Рис. 2. Виды роботов
Раздел «Тест» реализован с помощью языка программирования Java Script. Фрагмент кода представлен на рисунке 3.
Рис. 3. Тест
Примеры вопросов, которые встречаются в тесте:
Кто впервые в печати использовал слово «робот»?
Название автоматической машины, состоящей из исполнительного устройства в виде манипулятора?
Какую основную часть имеет каждый мобильный робот?
Кем было придумано слово «робот»?
Роботы какого класса могут быть летающими, шагающими, плавающими и ползающими?
Для создания теста был использован двумерный массив. Где индекс этого массива будет определяет номер вопроса, а каждый элемент массива - это еще один массив, содержащий в себе вопрос, варианты ответов и номер правильного ответа.
Учет времени (в секундах) будет использовать функцию - «sec». Функция увеличивает переменную time на 1 и выводит новое значение на экран.
Используется интервал, установленный на одну секунду - этот интервал и запускает функцию sec (сразу после начала теста). В переменной «plus» хранится количество правильных ответов, по умолчанию в этой переменной хранится 0, а при каждом правильном ответе эта переменная увеличивается соответственно на единицу. Для вычисления процентного показателя (переменная percent) правильных ответов, просто делим кол-во правильных ответ на общее кол-во вопросов и умножаем это значение на 100.
Для определения общего количества вопросов, просто определяем размер массива с данными, это означает, что при добавлении или удалении вопросов из массива, больше ничего изменять не нужно. Также, после прохождения теста, пользователю выставляется оценка - в зависимости от процентного показателя правильных ответов (percent):
По умолчанию оценка: плохо!
Если процент верных ответов (percent) больше 80%: хорошо!
Если percent равен 100%: отлично!
Разработанный веб-квест может использоваться на уроках робототехники в школе. Современные веб-технологии позволяют обеспечить его интерактивность, что положительным образом сказывается на мотивацию и качество учебной деятельности обучающихся.
Литература
робототехника квест сайт
1. История робототехники [Электронный ресурс] URL: http://www.kurganrobot.ru/obrazovatel_nye_uslugi/istoriya_robototehniki/. (дата обращения 19.01.2018).
2. Терехов, А.Н. Технология программирования. Интернет-университет информационных технологий / А.Н. Терехов. М.: Интернет-Унт-информ. Технологий. 2009. 152 с.
3. Уолтер А. Эмоциональный веб-дизайн. М.: Манн, 2012 г. 144 с.
4. Что такое «интерфейс сайта» [Электронный ресурс] URL: http://emagnat.ru/tag/interface. (дата обращения 19.01.2018).
5. Javascript примеры [Электронный ресурс] URL: http://sergeyoganesyan.ru/category/javascript-s-primerami (дата обращения 19.01.2018).
Размещено на Allbest.ru
...Подобные документы
Область применения промышленных роботов. Тенденция увеличения парка промышленных роботов в современном производстве. Компоненты промышленных роботов, принципы их работы и построения. Датчики, применяемые для сбора информации в промышленных роботах.
курсовая работа [1,1 M], добавлен 06.04.2012Процессы эволюции и самоорганизации человекоразмерных систем на этапе постнеклассического развития науки. Методология теоретической робототехники: истоки, тенденции, бифуркация ее развития, возможности управления. История разработок биологических роботов.
реферат [20,3 K], добавлен 18.06.2010Виды и сферы применения промышленных роботов, характеристика их рабочей зоны и основные особенности. Технические данные и кинематические схемы роботов, работающих в разных системах координат. Расчет максимального ускорения, массы и инерции звеньев.
курсовая работа [1,3 M], добавлен 27.12.2011Этапы развития веб-дизайна. Виды и типы веб-сайтов, теоретические аспекты их создания. Структура веб-сайта и его страниц. Процесс и результат разработки веб-дизайна. Создание сайта факультета архитектуры и дизайна Кубанского государственного университета.
дипломная работа [4,6 M], добавлен 10.11.2015Рассмотрение средств создания web-страниц: HTML, CSS и РНР. Разработка приложения в PhpMyAdmin, работающего с базой данных "Спортивные организации города". Соединение с сервером и базой данных. Создание сайта "Институт" в Macromedia Dreamweaver 8.
курсовая работа [461,8 K], добавлен 10.07.2015Рассмотрение основных этапов создания сайта. Использование вайрфреймов как документации по проекту. Использование мокапа и структура навигации сайта. Правильный выбор цветов для проекта. Использование модульной сетки и разработка дизайна сайта.
презентация [2,8 M], добавлен 01.09.2019Изучение теоретических основ создания сайта. Выбор инструментальных и программных средств для создания сайта кафедры; разработка структуры и дизайна, программной документации; напыление контентом. Расчет себестоимости, затрат на внедрение и эксплуатацию.
дипломная работа [1,3 M], добавлен 24.09.2015Технологии создания web-страниц. Появление Active Server Pages. Разработка динамического web-сайта на asp.net. Создание дизайна и каркаса сайта с использованием стандартных HTML таблиц. Проектирование базы данных на основе ado.net и подключение к ней.
контрольная работа [2,4 M], добавлен 24.05.2019Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.
курсовая работа [1,0 M], добавлен 09.01.2014Изучение теоретических основ разработки программы и правил выбора языка программирования. Рассмотрение основных задач по созданию сайта автоклуба. Основы разработки базы данных, создания web-дизайна, текстового наполнения сайта и его публикации.
курсовая работа [687,9 K], добавлен 07.04.2014Понятие интеллектуального пространства, объекты изучения в онтологии. Разработка Web-сайта на тему "Онтологии в информатике". Описание логической и физической структуры сайта, шаблон дизайна его страниц, тестирование. Исходный текст шаблона html-страницы.
курсовая работа [4,7 M], добавлен 14.07.2012Подходы к созданию сайтов. Обоснование необходимости наличия персонального сайта компании ИП Тимонина Е.Н.. Структура, интерфейс, этапы создания сайта. Описание кода страниц. Создание web-страниц и наполнение их информацией. Верстка сайтов с чистым кодом.
дипломная работа [1,5 M], добавлен 03.06.2015Обзор и анализ используемых технологий, содержания и дизайна сайтов ВУЗов, в том числе созданных на основе CMS. Исследование содержания сайта ПРИПИТ и информационных потребностей различных групп его потенциальных посетителей. Разработка дизайна сайта.
дипломная работа [129,4 K], добавлен 11.03.2010Решение проблем образования через дистанционное и очное обучение. Разновидности образовательных web-сайтов, информационные технологии их выполнения. Электронный учебник и другие сайты, тестирование и оценка знаний, изучение компьютерной анимации.
дипломная работа [96,1 K], добавлен 10.03.2012Методы и технологии создания виртуальных магазинов. Программные средства для создания сайта. Разработка php-модуля. Технические возможности СУБД MySQL. Приложения для создания графики и дизайна. Логическая структура сайта. Разработка базы данных.
курсовая работа [248,1 K], добавлен 24.04.2012Порядок проектирования сайта и разработки Web дизайна. Приемы работы и решения программных продуктов Microsoft FrontPage 2003, Adobe Photoshop CS2, Allaire HomeSite 4.5, AWicon Pro v. 9.0. Реализация дизайнерского решения с помощью графических объектов.
творческая работа [3,7 M], добавлен 26.05.2009Мультимедийное представление информации, аналоги платформ. Разработка структуры сайта, макетов страниц. Верстка шаблонов страниц. Написание серверной логики и кода презентаций. Публикация сайта в сети Интернет. Требования к интерфейсу пользователя.
дипломная работа [983,2 K], добавлен 17.12.2015Разработка сайта с использованием современных программных средств. Разработка дизайна оформления, делающего сайт комфортным для пользователей. Основная концепция и содержание веб-сайта. Реализация регистрации и входа на сайт с использованием баз данных.
курсовая работа [837,0 K], добавлен 18.10.2022Задача web-дизайна любого сайта. С чего начинается сайт. Разрешение экрана и разметка страниц. Оптимизация под 1024х768 и большие экраны. Главные ошибки WEB-дизайна. Вставки большого текста. Способы форматирования Web-страниц. Проблемы с читаемостью.
реферат [796,2 K], добавлен 31.03.2013Популярные решения и системы создания и использования сайтов. Требования к сайту. Состав и содержание работ по созданию сайта. Прототипы страниц, структура web-сайта. Программная совместимость, документация по установке. Порядок сдачи-приемки работ.
курсовая работа [226,0 K], добавлен 01.04.2017