Want to create interactive content? It’s easy in Genially!

Get started free

Введение в визуальное программирование

Елена Малова

Created on November 4, 2020

Start designing with a free template

Discover more than 1500 professional designs like these:

Practical Presentation

Smart Presentation

Essential Presentation

Akihabara Presentation

Pastel Color Presentation

Modern Presentation

Relaxing Presentation

Transcript

Введение в визуальное программирование

Малова Е.Н. - к.п.н., доцент кафедры информатики ФГБОУ ВО "УлГПУ им. И.Н. Ульянова"

Введение в визуальное программирование

Малова Е.Н. - к.п.н., доцент кафедры информатики ФГБОУ ВО "УлГПУ им. И.Н. Ульянова"

План занятия:

Что такое визуальное программирование?

Виды языков визуального программирования

Визуальное блочное программирование

Платформы для изучения визуального блочного программирования

Визуальное программирование

  • способ создания программ путем манипулирования графическими объектами вместо написания кода в текстовом виде.
  • следующий этап развития текстовых языков программирования.

Выделяют:

  1. графический язык программирования — который прежде всего язык программирования (со своим синтаксисом).
  2. визуальные средства разработки — средства проектирования интерфейсов или какую либо CASE-систему для быстрой разработки приложений или SCADA-систему.

Классификация языков визульного программирования

  1. Языки на основе объектов, когда визуальная среда программирования предоставляет графические или символьные элементы, которыми можно манипулировать интерактивным образом в соответствии с некоторыми правилами (Скретч и т.д.).
  2. Редакторы форм, позволяющие ставить мышью части пользовательского интерфейса и настраивать их свойства (Delphi и C++ Builder фирмы Borland, С#, MS Access, C++ посредством использования wxSmith в составе свободной кроссплатформенной среды разработки Code::Blocks и т.д.).
  3. Языки схем, основанные на идее «фигур и линий», где фигуры (прямоугольники, овалы и т. п.) рассматриваются как субъекты и соединяются линиями (стрелками, дугами и др.), которые представляют собой отношения. Примеры: редакторы взаимосвязей в реляционных БД, UML.

Визуальное блочное программирование

vs

Обучающее!

Визуальное блочное программирование

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

Платформы для изучения визуального блочного программирования

  • GAME LOGO
  • Code.org
  • Scratch
  • KODU GAME LAB
  • BLOCKLY
  • TYNKER
  • COD BUILDER
  • Pencil Code
  • и многие др.

GAME LOGO

  • среда программирования, совмещающая язык Лого и обобщенный синтаксис языков Бейсик и Си;
  • Game Logo включает работу с графикой (палитра 16 миллионов цветов), управление графическими объектами, звуком, программирование клавиатуры, работу с массивами;
  • GameLogo идеально подходит для начального обучения программированию и проведения традиционных занятий по информатике;
  • программирование на русском языке;
  • удобный и красивый интерфейс;
  • управление роботом-черепахой;
  • продуманный синтаксис, ориентированный на легкий переход к другим языкам программирования;
  • развитие навыков алгоритмизации, логического и комбинаторного мышления.

Blockly

  • библиотека компании Google, которая позволяет из готовых блоков создавать веб- и Android- приложения.
  • для детей разработчики создали серию игр, позволяющую шаг за шагом вникнуть в принципы работы библиотеки — задавать цвет, форму объекта, приводить в движение, реагировать на движение других объектов.
  • программа состоит из блоков, отвечающих за нужные функции, потом пользователь видит, как она выглядит на языке JavaScript.
  • в каждой игре 10 уровней. Например, в Pond Tutor после прохождения уровня предлагается повторить программу JavaScript.

Kodu Gam Lab

  • Kodu — визуальный конструктор компании Microsoft, который позволяет создавать трехмерные игры и предназначенный для обучения основным принципам программирования;
  • пользователь создает игровые миры, внедряет персонажей и устанавливает правила взаимодействия с другими персонажами и предметами;
  • программа распространяется бесплатно.

Соde.org

  • в открытом доступе размещены уроки и курсы по основам информатики и программирования для детей дошкольного возраста, школьников разных возрастов, студентов по всему миру.
  • возможность опубликовать свой проект для обсуждения и совместной работы.
  • доступны модификации Minecraft, игры по мотивам «Звездных войн», «Холодного сердца» и др.
  • поддержка компаний Apple и Microsoft.
  • организатор ежегодной акции «Час кода» — короткую образовательную программу об информатике, призванную заинтересовать детей и подростков(180 стран мира, в России приняло участие почти 10 млн человек).
  • интерфейс на русском языке.

Scratch

  • популярная бесплатная программа для обучения детей программированию, переведена на 50 языков, включая русский;
  • создана на основе идей языка программирования Logo и конструктора Lego;
  • можно создавать мультфильмы и двухмерные игры, анимации, учебные тренажеры;
  • в меню доступны готовые герои-спрайты, их можно редактировать;
  • с помощью скриптов (кода), представленных в виде пазла, можно программировать движения и речь, менять внешность, реакцию на действия пользователя и другие параметры;
  • есть локальная и онлайн-версия, используется Adobe Flash Player.

TYNKER

  • игровая платформа, позволяющая программировать роботов, создавать игры и приложения, также есть возможность создать свою модификацию Minecraft;
  • пользователь учится программировать на блоках из определенных команд, затем переходит к языкам JavaScript и Python;
  • платформу используют в 60 тысячах школ по всему миру;
  • есть бесплатные функции и подписка, которая включает онлайн-курсы;
  • мобильные курсы и другие бонусы.
  • доступно только на английском языке.

Благодарю за внимание!