Использование веб-квеста для изучения робототехники

Возникновение и развитие нового класса машин – роботов. Изучение процессов создания и применения роботов и других средств робототехники для решения различных задач. Разработка дизайна и стиля страниц веб-квеста. Формирование внешнего вида сайта.

Рубрика Программирование, компьютеры и кибернетика
Вид статья
Язык русский
Дата добавления 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

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.