Canvas как пользоваться: Руководство по Canvas — Интерфейсы веб API

alexxlab

Содержание

Руководство по Canvas — Интерфейсы веб API

<canvas> — это HTML элемент, использующийся для рисования графики средствами языков программирования (обычно это JavaScript). Он может, к примеру, использоваться для рисования графов, создания коллажей или простой (и не очень) анимации.
Изображения в правой части статьи являются примерами использования <canvas>.
Примеры их создания приводятся в этой статье. 

В этом руководстве описываются основы использования элемента <canvas> для рисования 2D-графики. Приведённые примеры дадут вам понимание того, что вы можете сделать с помощью <canvas>, а использованные в статье фрагменты кода помогут в создании собственных проектов.

Впервые <canvas> использовался компанией Apple для создания Mac OS X Dashboard, а затем был реализован в Web-браузерах. На сегодняшний день все основные браузеры поддерживают работу с <canvas>. Тег <canvas>

часть спецификации WhatWG Web applications 1.0 также известной как HTML5.

Работа с элементом <canvas> довольно проста, но потребует от вас базовых знаний HTML и JavaScript. Следует предупредить о том, что элемент <canvas> не работает в некоторых старых браузерах, но поддерживается большинством современных браузеров. Стандартный размер <canvas>  300px × 150px (ширина × высота), однако эти размеры могут быть изменены при помощи HTML-атрибутов height и width. Для рисования графики <canvas> мы будем использовать javascript context object,  который создаёт графику динамически.

Из-за досадной технической ошибки, которая произошла 17 июня 2013 года, мы утеряли историю по этому руководству, в том числе атрибуции ко всем прошлым, участвовавшие в его создании. Мы приносим извинения за это, и надеемся, что вы простите нас за этот несчастный случай. 

Базовое использование Canvas — Интерфейсы веб API

Он выглядит как элемент <img>, но его отличие в том, что он не имеет атрибутов src и alt. Элемент <canvas> имеет только два атрибута — ширину и высоту. Оба они не обязательны и могут быть выставлены с использованием свойств DOM. Если атрибуты высоты и ширины не установлены, canvas будет по умолчанию шириной 300 пикселей и в высоту 150 пикселей. Вы так же можете выставить размеры произвольно в CSS, но во время рендеринга изображение будет масштабироваться в соответствии с его размером и ориентацией.

Атрибут id не специфичен для элемента <canvas>, но он может быть применён по умолчанию в атрибутах HTML, так как он может быть использован (почти) для любого элемента HTML (так же как класс). Это всегда отличная идея использовать id, так как это позволяет намного проще идентифицировать наш элемент в сценарии.

Элемент <canvas> может быть стилизован также, как любое изображение (margin, border, background, и т. д.). Эти правила, как бы то ни было, фактически не влияют на отрисовку в canvas. Мы увидим как это сделано позже в этом руководстве. Когда стили не указаны, canvas будет по умолчанию абсолютно прозрачным.

Запасное содержимое

Из-за того, что старые браузеры (в особенности, версии Internet Explorer раннее чем 9) не поддерживают элемент <canvas>, вам следует предоставить запасное содержимое для отображения этими браузерами.

Это очень просто: мы всего лишь предоставляем альтернативное содержимое внутри элемента <canvas>. Браузеры, которые не поддерживают <canvas> проигнорируют container и отобразят запасное содержимое этого тега. Браузеры, которые поддерживают <canvas> проигнорируют запасное содержимое, и просто нормально отобразят canvas.

Например, мы можем предоставить текстовое описание содержимого canvas или предоставить статичное изображение динамически отображаемого содержимого. Это может выглядеть как-то так:

<canvas>
  current stock price: $3.15 +0.15
</canvas>

<canvas>
  <img src="images/clock.png" alt=""/>
</canvas>

Сообщать пользователю о том, что его браузер не поддерживает canvas не поможет тем, кто не может прочесть содержимое тега canvas, к примеру. Предоставление полезной информации в дополнительном canvas делает этот тег более доступным для широкого использования.

Требуется тег 

</canvas>

В отличии от элемента <img>, элемент <canvas>  требует закрывающийся тег (</canvas>). Если этот тег не предоставлен, остаток документа будет считаться запасным контентом и не будет отображён.

Если запасной контент не нужен, простой  <canvas ...></canvas>

полностью совместим со всеми браузерами, что поддерживают canvas.

Рендеринг содержимого (контекста)

Элемент <canvas> в документе создаётся с фиксированным размером элемента для рисования, который может иметь один или несколько контекстов для рендеринга, создавая и манипулируя содержимым для показа. В данном руководстве мы сфокусируемся на 2D рендеринге. Другие контексты могут предоставлять разные типы рендеринга, к примеру WebGl использует 3D контекст основанный на OpenGL ES.

Холст изначально пустой и прозрачный. Первым делом скрипт получает доступ к контексту и отрисовывает его. Элемент <canvas> имеет метод getContext(), используется для получения контекста визуализации и её функции рисования. getContext() принимает один параметр, тип контекста. Для 2D графики, которая охвачена этим руководством будем использовать метку «2d».

var canvas = document.getElementById('tutorial');
var ctx = canvas.getContext('2d');

В первой строке скрипта мы получаем узел нашего холста <canvas>, далее с помощью  document.getContext() метода мы присваиваем ему контекст. Имея узел элемента , вы всегда можете получить для рисования контекст при помощи метода getContext().

Проверка поддержки

Ранее уже упоминалось, что в браузерах, которые не поддерживают <canvas> отображается запасное содержимое. Но помимо этого, определить, поддерживает ли браузер canvas, можно прямо из кода, проверив наличие метода getContext(). Код с запасным содержимым, который мы приводили Выше, становится следующим:

var canvas = document.getElementById('tutorial');

if (canvas.getContext){
  var ctx = canvas.getContext('2d');
  
} else {
  
}

Оптимизация canvas — Интерфейсы веб API

Элемент <canvas> является одним из наиболее широко используемых инструментов для рендеринга 2D-графики в Интернете. Однако когда веб-сайты и приложения используют Canvas API на пределе его возможностей, производительность начинает снижаться. В этой статье приводятся предложения по оптимизации использования элемента canvas для обеспечения хорошей работы графики.

Ниже приведён сборник советов по улучшению производительности canvas.

Предварительно отрисуйте похожие примитивы или повторяющиеся объекты на offscreen canvas

Если вы повторяете одни и те же операции рисования в каждом кадре анимации, рассмотрите возможность их выгрузки на offscreen canvas. Затем вы можете визуализировать закадровое изображение на свой основной canvas так часто, как это необходимо, без необходимости повторять шаги, необходимые для его генерации.

myCanvas.offscreenCanvas = document.createElement('canvas');
myCanvas.offscreenCanvas.width = myCanvas.width;
myCanvas.offscreenCanvas.height = myCanvas.height;

myCanvas.getContext('2d').drawImage(myCanvas.offScreenCanvas, 0, 0);

Избегайте координат с плавающей точкой и используйте вместо них целые числа

Субпиксельный рендеринг происходит при рендеринге объектов на canvas без целых значений.

ctx.drawImage(myImage, 0.3, 0.5);

Это заставляет браузер выполнять дополнительные вычисления для создания эффекта сглаживания. Чтобы избежать этого, обязательно округлите все координаты, используемые в вызовах drawImage(), например, с помощью Math.floor().

Не масштабируйте изображения в

drawImage

При загрузке кешируйте изображения разных размеров на offscreen canvas, а не постоянно масштабируйте их в drawImage().

Используйте несколько слоёв canvas для сложных сцен

Вы можете обнаружить, что некоторые объекты в вашем приложении нужно часто перемещать или менять, в то время как другие остаются относительно статичными. Возможной оптимизацией в этой ситуации является наложение ваших элементов с использованием нескольких элементов <canvas>.

Например, допустим, у вас есть игра с пользовательским интерфейсом наверху, геймплеем в середине и статическим фоном внизу. В этом случае вы можете разбить свою игру на три слоя <canvas>. Пользовательский интерфейс будет меняться только при изменении пользователем, слой с игровым процессом будет меняться с каждым новым кадром, а фон останется в основном неизменным.

<div>
  <canvas></canvas>
  <canvas></canvas>
  <canvas></canvas>
</div>

<style>
  #stage {
    width: 480px;
    height: 320px;
    position: relative;
    border: 2px solid black;
  }

  canvas { position: absolute; }
  #ui-layer { z-index: 3; }
  #game-layer { z-index: 2; }
  #background-layer { z-index: 1; }
</style>

Используйте простой CSS для больших фоновых изображений

Если у вас есть статическое фоновое изображение, вы можете нарисовать его на простом элементе <div>, используя свойство CSS background, и расположить его под canvas. Это сведёт на нет необходимость рендеринга фона на canvas на каждом тике.

Масштабирование холста с использованием CSS-преобразований

CSS-преобразования быстрее, поскольку они используют графический процессор. В идеале, не стоит не масштабировать canvas, или можно использовать меньший canvas и увеличивать его при необходимости, но не уменьшать.

var scaleX = window.innerWidth / canvas.width;
var scaleY = window.innerHeight / canvas.height;

var scaleToFit = Math.min(scaleX, scaleY);
var scaleToCover = Math.max(scaleX, scaleY);

stage.style.transformOrigin = '0 0'; 
stage.style.transform = 'scale(' + scaleToFit + ')';

Отключите прозрачность

Если ваше приложение использует canvas и не нуждается в прозрачном фоне, установите для параметра alphaзначение false при создании контекста рисования с помощью HTMLCanvasElement.getContext(). Эта информация может использоваться браузером для оптимизации рендеринга.

var ctx = canvas.getContext('2d', { alpha: false });

Другие советы

  • Объединяйте запросы к canvas. Например, рисуйте одну ломанную линию вместо нескольких отдельных линий.
  • Избегайте ненужных изменений состояния canvas.
  • Отображайте только изменения экрана, а не заново перерисовывайте.
  • По возможности избегайте свойства shadowBlur (en-US).
  • Избегайте рендеринга текста, когда это возможно.
  • Попробуйте разные способы очистки canvas ((clearRect(), или fillRect(), или изменение размера canvas).
  • С анимациями используйте window.requestAnimationFrame() вместо
    window.setInterval()     (en-US).
  • Будьте осторожны с тяжёлыми физическими библиотеками.

Инструкция: как создать canvas — insideok.ru

Одноклассники запустили новый рекламный инструмент — Canvas! Рассказываем, как им пользоваться. Спойлер: это очень просто.

Чтобы приступить к работе с инструментом, проверьте, под какой ролью вы зашли в группу. Для эффективной работы с canvas необходимо использовать одну из администраторских ролей.

Шаг 1

Зайдите в «Настройки» через панель управления, которая находится слева под аватаркой группы.

Шаг 2

В «Настройках» выберите инструмент «Конструктор canvas» в меню слева — откроется кабинет canvas.

Шаг 3

Внутри кабинета нажмите на кнопку «Создать canvas».

Шаг 4

Добавьте название вашего canvas в специальное поле и нажмите кнопку «Дальше».

Шаг 5

После этого откроется панель создания рекламного предложения сanvas, где вам нужно описать ваш товар или предложение.

Здесь доступны следующие опции:

  • Буква М в левом верхнем углу — это инструмент «Мастер-слайд», в нём вы можете выбрать и установить базовые элементы canvas: кнопку перехода на сайт, логотип и выбрать основной фон или фото.
  • Т (Текст) — здесь можно кратко описать ваше рекламное предложение. Надпись будет размещена прямо на баннере.
  • Изображение — здесь вы можете загрузить изображение, которое будет размещено в вашем canvas.
  • Видео — вы можете добавить видео, ранее загруженное в группу, или загрузить дополнительно.
  • Гиро-фото — изображение 360º, которое будет двигаться вместе с устройством или на экране. Это очень эффектный инструмент для визуальной рекламы.
  • Слайдер — с помощью этого инструмента вы можете показывать несколько рекламных предложений в своём canvas с помощью слайд-шоу.

Используйте для описания разные цвета, шрифты и задайте единый фон для вашего canvas или задайте индивидуальный фон для слайда. Все эти и другие опции расположены на панели «Мастер-слайд». Для смены цвета шрифта и фона используйте HTML-коды цветов. Подробнее об этом написано здесь.

Выберите функцию, которая будет выполняться по клику на рекламное предложение. В кабинете доступны следующие опции:

  • Ничего не делать — при клике ничего не будет происходить, эта опция подойдет для имиджевой рекламы.
  • Перейти на слайд — в этом случае пользователь переключится на следующую страницу вашего рекламного canvas по слайдов принципу презентации. Чтобы такой формат заработал, необходимо создать несколько слайдов. Эта опция также хороша, если у вас нет своего сайта, — можете создать мини-сайт, используя инструмент canvas.
  • Открыть веб-сайт — используется для привлечения пользователя на сайт.
  • Установить приложение — подходит для продвижения приложения или игры.

При выборе опции вам будет предложено заполнить поля, необходимые для правильной работы рекламного предложения.

Технические требования для изображений и видео:

  • Размещение изображений — вы можете добавить несколько фото или картинок на один слайд в canvas. Общий вес всех изображений не должен превышать 5 Мб, а одного изображения — 1 Мб. Рекомендуемая ширина: от 414 пикселей и выше. Высота — не более чем в 1,65 раз больше ширины (683 пикселей при ширине в 414). Поддерживаемый форматы: PNG и JPEG.
  • Видео — вы можете добавить видео, ранее загруженное в группу, или загрузить дополнительно. Технические требования к видео: только 1 видео размером 16:9 или 4:3 можно расположить на слайде. Пожалуйста, обратите внимание на тот факт, что видео должно быть предварительно загружено в вашу группу и иметь общедоступные настройки публичного просмотра без ограничений.
  • Гиро-фото. Рекомендуемый размер для этого формата — 736 пикселей по высоте и до 1800 пикселей по ширине.

Шаг 6

После добавления изображений переходим к предпросмотру и публикации!

Нажмите на кнопку «Предпросмотр», чтобы посмотреть, что у вас получилось.

Шаг 7

Создайте промо-тему. Она необходима для того, чтобы пользователи смогли перейти в ваш canvas. Используйте точные и обещающие пользу заголовки и яркие изображения — тогда больше пользователей посмотрит ваш canvas. Обратите внимание, что добавление изображения в промопост является обязательным, поэтому напишите мотивирующий к переходу текст, а также загрузите привлекательную картинку и нажмите «Сохранить» или «Обновить», если создали промопост ранее.

Теперь промопост готов!

Чтобы увидеть, как ваш canvas будет выглядеть на экранах телефонов, отправьте ссылку на промопост себе в личные сообщения и откройте её с мобильного устройства.

Публикуем видеоинструкцию для тех, кому такой формат комфортнее:

Как использовать модель Lean Canvas для управления продуктом

Блок № 5

Определите, как продавать и рекламировать ваш продукт. Опишите все каналы и методологию продаж.

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

Допустим, вы создали приложение для ведения личного бюджета и решили продвигать его с помощью контент-маркетинга. У такого продукта разные пользователи: молодые семьи, студенты и фрилансеры. Если продвигать его только на одной площадке, например, на vc.ru, то вы охватите студентов, менеджеров и фрилансеров, а молодые семьи останутся в стороне. Вам важно учесть все сегменты целевой аудитории, поэтому подойдут ресурсы, которые читают сразу всё, например, «Лайфхакер».

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

Блок № 6

Здесь нужно подумать о прибыльности продукта.

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

Учитывайте, что не все готовы покупать то, чем с удовольствием пользовались бы бесплатно. Например, клиент выбирает менеджер задач, чтобы планировать дела. Для личных целей ему подойдёт бесплатный продукт с базовыми функциями и простым интерфейсом. К программе для работы уже больше требований, поэтому за неё и больше согласятся платить.

Блок № 7

Сюда нужно включить всё, на что вы планируете потратить деньги.

Чтобы создать продукт, который захотят купить, придётся вложиться в исследования. Нужно будет определить целевую аудиторию, выявить проблему и найти решения, а готовому продукту понадобятся сайт и реклама, чтобы о нем узнали.

Блок № 8

Не важно, какой продукт вы создаёте. Для всего нужны критерии, по которым будете оценивать результат.

Определите ключевые метрики с помощью маркетинговой воронки AAARRR. В ней учитываются основные этапы, которые проходит клиент, взаимодействуя с продуктом.

AAARRR — маркетинговая воронка основных этапов жизни клиента в продукте

Блок № 9

Этот блок поможет отстроиться от конкурентов и выделить продукт ещё сильнее.

Подумайте, что есть в вашем продукте, но нет в других. Это должно быть сильное преимущество, которое сложно скопировать. Например, как продвигать продукт лучше остальных, или ваш секрет — команда талантливых программистов, или же — особая функция.

Инструкция по созданию курсов в LMS CANVAS

29 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

30 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

31 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

1 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

2 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

3 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

4 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

5 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

6 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

7 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

8 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

9 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

10 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

11 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

12 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

13 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

14 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

15 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

16 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

17 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

18 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

19 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

20 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

21 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

22 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

23 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

24 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

25 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

26 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

27 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

28 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

29 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

30 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

1 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

2 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

3 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

4 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

5 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

6 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

7 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

8 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

9 Предыдущий месяц Следующий месяц Сегодня Нажмите, чтобы посмотреть подробную информацию о событии

Загружайте курсовые работы в Canvas через Dropbox

Canvas — это удобный и надежный сервис, позволяющий студентам и преподавателям осуществлять централизованный обмен учебными материалами. Если администратор Canvas подключит интеграцию с Dropbox, студенты и преподаватели смогут загружать учебные материалы и конспекты в Canvas из Dropbox.

Подробнее о том, как пользоваться Dropbox в Canvas, можно узнать на странице сообщества Canvas.

Как подключить Canvas к своему аккаунту Dropbox

Если вы студент или преподаватель, следуйте инструкциям ниже, чтобы подключить Canvas к вашему аккаунту Dropbox.

  1. Войдите в свой аккаунт на сайте dropbox.com.
  2. Нажмите App Center.
  3. Нажмите Canvas.
    • Если вы не видите Canvas, воспользуйтесь строкой поиска.
  4. Нажмите Подсоединить.
  5. Введите название домена вашей организации.
    • Если вы не знаете название домена своей организации, обратитесь к своему администратору Canvas.
  6. Нажмите Подсоединить.

Обратите внимание: если вы являетесь администратором аккаунта Dropbox Business, посмотрите, как можно управлять в своей рабочей группе интеграцией таких приложений, как Canvas.

Как загрузить файл Dropbox в Canvas

Чтобы загрузить в Canvas курсовую работу или конспект через сайт dropbox.com:

  1. Войдите в свой аккаунт на сайте dropbox.com.
  2. Нажмите Все файлы.
  3. Наведите курсор на название файла или папки, которые нужно загрузить, а затем установите галочку в появившемся слева поле.
  4. Нажмите стрелку рядом с кнопкой Поделиться над миниатюрой файла на правой боковой панели.
  5. Нажмите Canvas.
  6. Выберите курс, папку и задание, в которые вы хотите загрузить файл.
  7. Нажмите Далее.

Как отсоединить Canvas от своего аккаунта Dropbox 

Чтобы отсоединить Canvas от своего аккаунта Dropbox:

  1. Войдите в свой аккаунт на сайте dropbox.com.
  2. Нажмите на свой аватар (фотографию профиля или инициалы) в правом верхнем углу.
  3. Нажмите Настройки.
  4. Перейдите на вкладку Подключенные приложения.
  5. Нажмите Canvas.
  6. Нажмите Отсоединить.

Как включить интеграцию Canvas с Dropbox для своей организации

Если вы являетесь администратором Canvas в своей организации, вы можете включить интеграцию Canvas с Dropbox. Чтобы включить интеграцию, вам нужно сначала установить приложение Dropbox в Canvas через торговую площадку Edu Apps или через параметры развертывания или настройки курса в Canvas. После установки приложения Dropbox вы сможете включить интеграцию.

Чтобы включить интеграцию Canvas с Dropbox:

  1. Войдите в свой аккаунт Canvas.
  2. Нажмите Admin («Администрирование») на боковой панели слева.
  3. Нажмите Developer Keys («Ключи разработчика»).
  4. Перейдите на вкладку Inherited («Унаследованные»).
  5. Переведите переключатель Dropbox в положение On («ВКЛ»).

Как использовать Canvas для обучения, если ваш класс не может встретиться лично | Холст

Вот несколько советов по использованию Canvas Learning Management System (LMS) для продолжения преподавания вашего курса, если вы или ваши ученики не можете встретиться лицом к лицу. Вы можете использовать Canvas для облегчения общения со студентами, публикации материалов курса, создания заданий, которые студенты могут отправлять онлайн, предоставления отзывов и оценок, а также виртуальных встреч со своими учениками в Интернете с помощью Zoom.

Команда Canvas автоматически создает сайты курсов Canvas для курсов в Axess.Если вас добавили в Axess в качестве инструктора, вы можете получить доступ к курсу Canvas, войдя на сайт canvas.stanford.edu со своим Stanford SUNet ID и паролем. Официально зачисленные студенты и администраторы курсов Axess автоматически добавляются в ваш курс Canvas.

Если вы новичок в Canvas, вот несколько советов по началу работы.

Если у вас есть какие-либо вопросы или вы хотите организовать консультацию по Canvas, команда Canvas всегда рада вам помочь. Свяжитесь с нами по адресу canvashelp @ stanford.edu.

Объявления

Держите своих учеников в курсе последних событий, размещая объявления на Canvas. Студенты должны проверить свои настройки уведомлений Canvas, чтобы убедиться, что они настроены на получение объявлений по электронной почте.

Обсуждения

Создайте Canvas Discussion в качестве форума, чтобы облегчить общение, побудить студентов к взаимодействию, задавать вопросы и отвечать на подсказки для обсуждения.

Файлы

Загрузите содержимое курса на Canvas с помощью инструмента «Файлы».

Вы можете загружать несколько файлов одновременно, а также устанавливать права использования и публиковать файлы массово.

Учебный план

Добавьте свой учебный план к инструменту Canvas Syllabus.

Примечание. Добавление вашей учебной программы к инструменту Syllabus в Canvas автоматически публикует ее в Stanford Syllabus syllabus.stanford.edu (даже если ваш курс Canvas в настоящее время не опубликован).

Онлайн-назначения

Создайте онлайн-задание, чтобы студенты могли отправлять файлы через Canvas.

SpeedGrader

Используйте SpeedGrader, чтобы оставлять отзывы о заданиях учащихся. Любые оценки, введенные в SpeedGrader, автоматически добавляются в журнал успеваемости Canvas.

Холст зачетная книжка

Вы можете вручную вводить и редактировать оценки в Журнале успеваемости.

Градоскоп

Gradescope также можно использовать, если у вас есть бумажные экзамены.

Вы можете записывать свои лекции с помощью Panopto (так называемые видео курсов на холсте).

Онлайн-встречи класса Запланируйте класс встреч, чтобы собраться вместе со студентами в прямом эфире через видеоконференцсвязь Zoom. Zoom также имеет функцию, позволяющую записывать онлайн-встречи. (Функция записи с увеличением также может использоваться для записи ваших лекций.)

Часы работы онлайн-офиса

Используйте Zoom, чтобы настроить часы виртуального офиса для встреч со студентами с помощью веб-камеры, демонстрации экрана компьютера или совместной работы с помощью функции белой доски Zoom.

Посетите веб-сайт Stanford Teaching Commons, чтобы получить дополнительные ресурсы для обучения в Интернете. Сайт Teaching Commons содержит советы по началу работы с онлайн-обучением, передовой опыт, стратегии для планирования онлайн-курсов, идеи для различных классных занятий для создания сообщества и повышения вовлеченности, предложения о том, как предоставлять обратную связь и проводить онлайн-оценки, а также как получите помощь, когда она вам понадобится.

Ознакомьтесь с нашим индивидуальным учебным курсом «Обучение с помощью Canvas», если вы хотите узнать больше о том, как Canvas может улучшить онлайн-обучение и обучение.Вы найдете примеры из курсов Stanford Canvas, которые помогут вам воодушевить, и шаблоны Canvas, которые помогут вам быстро освоить собственный курс.

Студенческий центр Canvas — это обучающий курс для студентов, который помогает им получить информацию, необходимую для более эффективного и действенного использования Canvas.

Этот ресурс Офиса проректора по бакалавриату также предоставляет полезные педагогические рекомендации по обучению онлайн и важные соображения, которые следует учитывать при использовании онлайн-инструментов.

Сообщение навигации

Что такое Canvas и зачем его использовать?


Что такое холст?


Canvas — это официальная система управления обучением (LMS) SLCC, разработанная компанией Instructure из Юты. Canvas — это LMS, используемая всеми учреждениями USHE. Canvas легко связывает преподавателей и студентов и используется для отслеживания оценок, управления активными зачислениями и отправкой заданий, обмена документами курса, упрощения обмена сообщениями между студентами и преподавателями и содержит информацию о курсах и учебных программах, доступную для всех.

Почему я должен использовать Canvas?


Есть две основные причины использовать Canvas на SLCC. Они включают институциональные требования в отношении доступа к оценкам и информации о курсе, а также общения между студентами и преподавателями. Другая — это преимущества, которые предлагает Canvas. Пожалуйста, см. Ниже для получения дополнительной информации:

1. Требования к использованию SLCC в учреждениях


Начиная с семестра осени 2018 года в SLCC, все преподаватели должны использовать Canvas как минимум, внедрять и использовать следующие инструменты:

— Canvas Журнал успеваемости (оценки)

— Опубликовать программу

— Входящие / разговоры

ВАЖНО — Пожалуйста, прочтите следующее официальное заявление об использовании Canvas в SLCC:

Официальная система управления обучением

В прошлом месяце (или по состоянию на апрель 2018 г.) Исполнительный кабинет SLCC утвердил Canvas в качестве официальной системы управления обучением для SLCC.Canvas необходимо использовать для всех очных, гибридных и онлайн-курсов. Группа обсуждения определила, что минимальные ожидания от преподавателей, использующих Canvas, заключаются в том, чтобы опубликовать программу курса, ответить на сообщения Canvas и использовать журнал оценок. Начиная с осеннего семестра 2018 г., преподаватели смогут публиковать оценки из Canvas, которые затем автоматически импортируются в BANNER. Это избавит преподавателей от необходимости повторно публиковать итоговые оценки с Canvas на BANNER. Обучение использованию Canvas будет проводиться через Faculty Development.

Это требование согласуется с практикой колледжа по назначению официально утвержденных технологических платформ для официальной внутренней коммуникации в масштабах колледжа с преподавателями, персоналом, студентами и администрацией. Например, Outlook и Bruinmail являются официальными почтовыми системами для внутренней связи SLCC. Баннер — еще одна фундаментальная технология в учреждении.

Р. Адам Даструп, президент сената факультета

Клифтон Сандерс, проректор по академическим вопросам

Используя Canvas, вы также помогаете SLCC достичь некоторых целей и поддерживать национальные стандарты, в том числе:

  • Требования кафедры: Большинство кафедр SLCC требуют, чтобы преподаватели поддерживали сайт Canvas для каждого раздела курса.Как минимум, каждый сайт курса должен включать домашнюю страницу курса, текущие оценки, программу курса и контактную информацию преподавателя.
  • Соответствие FERPA: Canvas защищает всю переписку между учениками и учителями, будь то индивидуальное или групповое взаимодействие. Canvas также сохраняет конфиденциальность оценок каждого учащегося.
  • Экологичность : Хранение ваших документов и заданий в Canvas позволяет сэкономить бумагу и чернила, а также деньги и ресурсы для вас, ваших студентов и вашего отдела.Canvas делает отправку заданий так же просто, как прикрепление документа к электронному письму — больше никакой печати!

  • Непрерывность: Курсы можно легко использовать повторно. Скопируйте курс прошлого семестра, внесите некоторые изменения в новую версию, и вы получите обновленный курс. Это позволяет инструкторам быстро обмениваться материалами курса, поддерживать последовательность курса и упростить подготовку. Старые курсы остаются в архиве для ведения учета, так что старые задания и общение со студентами могут быть восстановлены при необходимости, независимо от доступности преподавателя.

2. Преимущества использования Canvas


Инструменты Canvas расширяют ваши возможности преподавания и улучшают учебный опыт учащихся, экономя больше времени и усилий и позволяя больше сосредоточиться на других приоритетах.

  • Контроль оценок: Учащиеся всегда знают, где они находятся на вашем курсе, потому что зачетная книжка на холсте всегда доступна. Canvas позволяет быстро и просто оценивать задания, экономя ваше время. Canvas поддерживает целостность назначений, разрешая загруженные материалы, записи с отметкой времени, автоматически оцениваемые задания, мгновенную обратную связь, аннотации, автоматически взвешенные назначения и многое другое.Это избавит от необходимости таскать стопки студенческих работ и предотвратит споры о потерянных заданиях.
  • Автоматизированные задачи: Задания на холсте используют настройки срока выполнения для запуска напоминаний учащимся, чтобы они с меньшей вероятностью пропустили задания.
  • Содержимое облачного курса: Ваш курс Canvas может организовать и хранить все связанные материалы в одном централизованном и безопасном месте таким образом, чтобы вашим ученикам было легко найти и самообслуживать, что помогает ограничить ненужную переписку.Загрузка файлов ограничивает или заменяет ненужные административные задачи при подготовке раздаточных материалов. Студенты могут получить к ним доступ круглосуточно и без выходных из любого места.

Коммуникационные инструменты в Canvas могут помочь максимально улучшить ваше взаимодействие со студентами множеством способов.

  • Входящие (сообщения и беседы): Входящие Canvas работают как учетная запись электронной почты, которая помогает вам общаться со своими учениками на всех курсах. Вам никогда не придется заниматься управлением адресами электронной почты для ваших студентов.
  • Календарь: В глобальном меню навигации отображается функция «Календарь», которая заполняет все ваши классные задания, чтобы помочь вам оставаться в курсе и не упустить возможность выполнить задание для студентов или выставить оценку для преподавателей.
  • Конференц-связь : конференции позволяют легко проводить синхронные (в реальном времени) лекции для всех студентов вашего курса, позволяя транслировать аудио, видео, демонстрационные приложения в реальном времени на вашем рабочем столе, обмениваться слайдами презентаций и т. Д. или демонстрационные онлайн-ресурсы.
  • Чат: Инструмент Чат дает вам еще одну возможность сохранять часы виртуального офиса и вести живые беседы со студентами, чтобы ответить на их вопросы.
  • Обсуждения: Canvas предоставляет интегрированную систему для обсуждения в классе, позволяя как преподавателям, так и студентам начинать и участвовать в обсуждении любого количества тем. Обсуждения могут быть оценены (и легко интегрированы с журналом успеваемости Canvas) или неклассифицированы (например, форум о текущих событиях).
  • Совместные пространства и группы : Canvas может предоставить студентам виртуальное пространство для работы над совместными документами и обсуждениями, которые сохраняются в режиме реального времени, что означает, что изменения, внесенные любым из его пользователей, сразу же видны всем.
  • Объявления: Все ваши ученики могут получать важную обновленную информацию мгновенно, без необходимости использовать свои учетные записи электронной почты или несколько каналов за пределами Canvas.
  • Уведомления: Преподаватели и студенты могут получать оповещения по электронной почте, текстовым сообщениям или в социальных сетях.
  • Список дел : На домашней странице курса список дел напоминает студентам о предстоящих заданиях.
  • Отзыв о задании : Преподаватели могут легко оставлять отзывы о заданиях, чтобы учащиеся знали, чего от них ждут.

Интерфейс Canvas настраивается и интуитивно понятен, объединяет все элементы виртуального класса:

  • Навигация: Адаптивная навигация и пункты меню помогут вам ориентироваться наиболее важным для вас способом.
  • Информационная панель: На странице информационной панели быстро резюмируются задания, объявления и другая важная информация по сайтам курсов.
  • Профиль пользователя: Canvas предоставляет личную зону в курсе, чтобы студенты могли больше узнать друг о друге.
  • Доступность : Canvas доступен для учащихся с ограниченными возможностями и соответствует целям всеобщего доступа, если материалы подготовлены должным образом.

Поддержка и ресурсы


Поддержка Instructure (Canvas)


Если у вас есть вопросы по Canvas, свяжитесь с горячей линией Canvas ниже:

24/7/365 Canvas Support:

  • Горячая линия: 801-957-5125, вариант 1 (студенты)
  • Горячая линия: 801-957-5125, вариант 2 (факультет)
  • Электронная почта: support @ Instructure.com

Поддержка SLCC


Если вы студент и у вас есть вопросы или вам нужна личная помощь, воспользуйтесь одним из вариантов ниже

SLCC Online Student Support

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

F2F Canvas Course Поддержка преподавателей

Важно: наши услуги обычно ограничены учебным / рабочим временем с 7:30 до 17:00 с понедельника по пятницу; однако вы всегда можете связаться с круглосуточной горячей линией через Instructure (с предыдущей страницы), и они могут помочь вам с большинством экстренных или неотложных вопросов, если это необходимо.

REV EZ 18.08.2021

Canvas Support | Студия холста | Emory University

Canvas Studio — это инструмент для управления видео, доступный во всех курсах Canvas. ( Примечание: Этот продукт ранее назывался «Arc.»)

Что такое Canvas Studio?

Canvas Studio — это медиа-инструмент, который позволяет студентам и преподавателям загружать, создавать, редактировать, управлять, публиковать и обсуждать аудио- и видеофайлы. Можно использовать существующие файлы или создавать новые с помощью инструментов захвата и редактирования Studio.

Руководство по холсту: что такое Canvas Studio?

Как Canvas Studio используется в курсе?

Медиа-файлы Canvas Studio могут быть встроены в любой контент курса. Сюда входят модули, задания, страницы, вопросы викторины, объявления и другие предметы курса.

Студенты могут отправлять аудио и видео файлы для заданий и обсуждений.

Руководство по холсту: как использовать Canvas Studio?

Какие функции есть в Canvas Studio?

  • Видеозаписи могут быть созданы с захватом экрана, веб-камерой или и тем, и другим
  • Пользователи могут загружать существующие видеофайлы в свою студийную библиотеку.
  • Studio имеет надежный набор инструментов для добавления подписей . Подписи можно добавлять на нескольких языках.
  • Studio поддерживает множество форматов видео и аудио файлов, а также может использоваться с файлами YouTube .
  • Пользователи могут оставлять комментариев в определенные моменты на временной шкале мультимедийного файла.
  • Файлы могут быть помечены ключевыми словами.
  • Файлы могут быть совместно используемыми курсами, конкретными пользователями или публично.
  • Владельцы файлов могут просматривать аналитику , которая показывает, кто смотрит и слушает файлы, а также просматривают ли они весь файл или пропускают.
  • Отправленные учащимися медиафайлы Studio можно просматривать и оценивать в SpeedGrader .
  • Studio совместима с мобильными устройствами как для записи, так и для просмотра мультимедийных файлов Studio.
  • Studio имеет инструмент викторины, который позволяет вставлять вопросы в ваше видео. В викторинах можно выставлять оценки, которые помещают оценки непосредственно в Центр оценок холста.
    Как создать видео-викторину Canvas Studio в курсе?

Как узнать больше об использовании Canvas Studio?

Редактирование видео, снимаемого с экрана

Canvas в партнерстве с компанией Screen-Cast-O-Matic предоставляет набор инструментов редактирования, которые можно использовать в Studio для редактирования видео, созданных с помощью инструмента захвата экрана Studio.Видео Screencast-O-Matic на YouTube — очень полезный ресурс.

Для получения дополнительной информации и советов по поиску, использованию и созданию видео для вашего класса обратитесь к нашему ресурсу «Обучение с видео».

Использование Edpuzzle с Canvas — Справочный центр Edpuzzle

Воспользуйтесь преимуществами полной интеграции Edpuzzle с Canvas, чтобы все ваши видеоуроки и оценки были в одном месте!

В этой статье вы найдете разделы по:

И.Как интегрировать Edpuzzle с Canvas

II. Как назначить видеоурок на холсте

III. Как студенты могут использовать Edpuzzle через Canvas

IV. Устранение неполадок интеграции Edpuzzle на Canvas

I. Как интегрировать Edpuzzle с Canvas

Настройте интеграцию самостоятельно, выполнив действия, описанные в этой статье, или отправьте ее своему ИТ-администратору или сотруднику службы технической поддержки, чтобы он установил интеграцию для всей школы или округа.

Чтобы интегрировать Edpuzzle с Canvas , вам необходимо выполнить следующие шаги:

  1. Войдите в Canvas, перейдите в «Курсы» и выберите класс.
  2. Щелкните «Настройки» в белой строке меню слева.
  3. Щелкните вкладку «Приложения».
  4. Найдите приложение Edpuzzle в Центре приложений (введите его в строку поиска или прокрутите вниз, пока не найдете) и щелкните по нему.
  5. Щелкните синюю кнопку «+ Добавить приложение». Откроется всплывающее окно.
  6. Теперь вам понадобятся две части информации: ключ потребителя и общий секрет . Вот шаги, которые вам необходимо выполнить:
  7. Чтобы найти эту информацию, откройте новую вкладку или окно и войдите или зарегистрируйтесь в Edpuzzle (см. Нашу статью о том, как создать учетную запись).
  8. Щелкните значок круглого профиля в верхнем правом углу, выберите свое имя в раскрывающемся меню, чтобы перейти в свой профиль, затем щелкните вкладку «Школа» (https: // edpuzzle.ru / profile? tab = school).
  9. В раскрывающемся меню LMS внизу страницы выберите Canvas.
  10. Нажмите кнопку «Создать», чтобы получить ключ клиента и общий секрет.
  11. Теперь вернитесь на холст.
  12. Введите поля «Ключ клиента» и «Общий секрет» и нажмите синюю кнопку «Добавить приложение».
  13. Обновите страницу, и теперь Edpuzzle появится в вашем списке внешних приложений!

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

После того, как Edpuzzle был добавлен в Canvas, все, что вам нужно сделать, это выбрать курс по вашему выбору и затем щелкнуть «Edpuzzle» в боковом меню. Вам будет предложено войти в систему или зарегистрироваться, и вперед — ваш класс Edpuzzle настроен!

II. Как назначить видеоурок на холсте

Для назначьте видеоурок Edpuzzle на холсте:

  1. Перейдите в «Курсы» и выберите курс, для которого вы хотите назначить головоломку.
  2. Выберите «Назначения» в белой строке меню слева.
  3. Щелкните синюю кнопку «+ Назначение».
  4. Дайте своему заданию название и в раскрывающемся меню «Тип отправки» выберите «Внешний инструмент».
  5. Нажмите кнопку «Найти», откроется всплывающее окно «Настроить внешний инструмент». Выберите Edpuzzle.
  6. Это откроет другое всплывающее окно, показывающее ваши «Мои материалы» в Edpuzzle (или предлагающее вам войти в систему, если вы еще этого не сделали).
  7. Выберите видеоурок, щелкнув значок глаза в середине видео.
  8. Нажмите синюю кнопку «Назначить», после чего вы вернетесь во всплывающее окно «Настроить внешний инструмент».
  9. Нажмите синюю кнопку «Выбрать», чтобы подтвердить свое назначение и закрыть всплывающее окно.
  10. Затем вы можете установить срок сдачи и нажать синюю кнопку «Сохранить», чтобы сохранить задание (которое не будет видно учащимся), или серую кнопку «Сохранить и опубликовать», чтобы отправить его своим учащимся.
  11. Теперь ваш видеоурок появится в вашем списке заданий на Canvas! Ваши ученики начнут появляться при нажатии на ссылку с заданием.

Лучше всего, когда учащиеся завершают уроки, их оценки автоматически синхронизируются с Canvas!

Примечание: Если вы учитель, использующий приложение Canvas, обратите внимание, что вы не сможете просматривать edpuzzles с помощью мобильного телефона. С другой стороны, вы можете смотреть edpuzzles, если используете планшет.

III. Как студенты могут использовать Edpuzzle через Canvas

Ваши ученики смогут войти в свои учетные записи Canvas и сразу же завершить видеоуроки Edpuzzle! Вот некоторые вещи, о которых следует помнить в зависимости от устройства, которое они используют:

  • Для рабочего стола: Студентам просто нужно войти в Canvas и щелкнуть задание (я), чтобы просмотреть свои edpuzzles.
  • Для планшетов: Студенты могут использовать приложение Canvas для просмотра ваших головоломок edpuzzles.
  • Для мобильных устройств: Учащимся необходимо использовать приложения Canvas и Edpuzzle. Когда они идут смотреть edpuzzle через приложение Canvas, у них появляется всплывающее окно с предложением загрузить приложение Edpuzzle, если они еще этого не сделали, или, если они есть, студентов попросят открыть его в приложении Edpuzzle. . По завершении они могут вернуться в приложение Canvas.

IV.Устранение неполадок интеграции Edpuzzle на Canvas

Вот некоторые общие проблемы, которые могут возникнуть при использовании интеграции Edpuzzle с Canvas, и способы их решения.

Где я могу найти студенческие проекты?

В настоящее время функция студенческих проектов недоступна с интеграцией Canvas.

Почему мои разделы не отображаются в Edpuzzle?

Если вы настроили различные разделы одного и того же класса в Canvas, когда вы посмотрите свою зачетную книжку в Edpuzzle, все ученики будут отображаться так, как если бы они были в одном классе.Это потому, что у нас нет функции разделов в Edpuzzle, но не волнуйтесь — ваши разделы и журнал успеваемости в Canvas по-прежнему будут работать безупречно!

Функции Canvas, недоступные при интеграции Edpuzzle

Некоторые функции не поддерживаются при интеграции Edpuzzle Canvas. К ним относятся:

  • Скоростной грейдер . Вы по-прежнему можете легко оценивать ответы своих учеников, перейдя к заданию и нажав «X ответов, чтобы выставить оценку».«
  • Повторное использование, клонирование или импорт предыдущего класса . Для заданий Edpuzzle эта функция в настоящее время недоступна.

Не видите вашу проблему в нашем списке? Свяжитесь с нами по адресу [email protected], и мы будем рады помочь!

CANVAS Reviews, Demo & Pricing

Лучшие ценные функции: общий доступ, импорт / экспорт контента, то есть перенос / передача файлов из прошлого года или другого курса. Это экономит время, не изобретая велосипед.Срок выполнения задания очень жесток по отношению к учащемуся, так как задержка с отправкой на 1 секунду может привести к серьезному штрафу. Недавно из-за COVID-19 мои ученики в Великобритании и за рубежом столкнулись с трудностями. Я предлагаю добавить функцию, дающую какое-то окно, вместо фиксированной отметки времени hh.mm.ss.

Обучение и преподавание: различные полезные функции, например, загрузка / скачивание файлов, создание страниц, объявление и обсуждение, а также ценные приложения, содержащие вездесущие инструменты, такие как собрания группы MS, Panopto, Vimeo, YouTube, Dropbox и т. Д.Оценка: Огромное количество викторин, защищенных викторин, SWOT-статистика тестов, блокировка браузера, Задания, инструменты антиплагиата, Модерация, Распределение маркеров, Оценки, Исследования: Конференции, сотрудничество, поддержка цифрового форума Canvas.

Оценка студентов: сортировка может не синхронизироваться с местной базой данных университета. то есть загруженные оценки и табель успеваемости университета содержат имена студентов, начинающих по-разному. Представьте, если у вас 300+ имен! это вызывает проблемы с сортировкой при онлайн-оценке.Тесты хороши, но не могут создавать повторяющиеся вопросы, иногда академикам нужна эта функция. Кроме того, поскольку вопрос викторины может быть эссе, этот тип оценки должен включать в себя средство против плагиата (например, Turnitin и т. Д.), Недоступное в викторинах, а только в заданиях. Инструменты Reference Manager и Library недоступны, но могут быть добавлены, например, Talis, StudyNet и т. Д. Эти функции необходимы для когнитивного обучения, и создание вашей собственной библиотеки действительно помогает. Мне нужно использовать либо Endnotes, либо Mendeley в качестве внешнего приложения на моем рабочем столе или в облаке.Хорошо использовать встроенный инструмент электронной почты, но он не связан с Outlook или другим почтовым приложением. Я не могу отправлять электронные письма другим людям за пределами моего модуля, то есть не могу отправлять копии менеджеру, экзаменатору и т. Д., Но мне нужно постоянно добавлять людей в список. Также нельзя добавлять изображения и т. Д. В текст, но можно прикреплять файлы. Также нельзя форматировать текст, но разрешен только обычный текст. Вы не можете добавить http-ссылку в текст.

мой университет решил использовать холст

Практическое руководство: добавление видео на холст | Школа профессиональных исследований Северо-Западного университета: Школа профессиональных исследований

Практическое руководство: добавление видео на холст

Обзор

Canvas обладает большой гибкостью, позволяя пользователям определять, где и как добавлять видеоконтент.Способы добавления видео на сайт курса включают запись непосредственно на холст, связывание и встраивание. Это руководство продемонстрирует методы добавления видео, размещенных и созданных вами или другими, и поможет вам решить, когда использовать каждый метод. Это руководство покажет вам, как определить лучший метод для размещения видеоконтента, а также как связать или встроить видео в Canvas.

Направляющая

Инструменты для печати на холсте

Видео и звук можно записывать прямо на холст с помощью веб-камеры и микрофона.Это удобный способ записать импровизированное видео с объявлением или записать отзыв о назначении в виде звукового сообщения, а не печатать его. Инструменты мультимедиа Canvas также позволяют владельцам контента добавлять файлы с субтитрами к видео, обеспечивая доступный режим доставки для всех учащихся.

Медиа-инструменты Canvas лучше всего использовать, когда:

  • мультимедийный контент длится менее 15 минут
  • у вас стабильное интернет-соединение при записи носителя
  • контент является неформальным, незашифрованным или неотредактированным
  • контент имеет отношение только к текущему кварталу или разделу

Посетите следующие инструкции от Instructure, чтобы получить пошаговые инструкции по записи видео с помощью редактора Rich Content Editor и записи звука с помощью Rich Content Editor.

Посетите раздел «Подробнее» в этом руководстве, чтобы получить пошаговые инструкции по добавлению подписей к носителю Canvas.

Связывание или встраивание медиа в холст

Учитывая определенные ограничения средств мультимедиа Canvas, вполне вероятно, что вы будете создавать и размещать свой контент с помощью интегрированных инструментов Canvas, таких как Panopto. Или вы можете использовать контент из медиаресурсов, размещенных в Интернете, в таких местах, как Vimeo, YouTube или Soundcloud, и это лишь некоторые из них.

Независимо от того, как контент размещается или создается, существует несколько различных способов добавления контента и отображения его на сайте вашего курса, продемонстрированных в следующих руководствах.Прежде чем добавлять какой-либо контент на сайт вашего курса, вам сначала необходимо определить источник контента и место назначения страницы с вашим контентом. В Canvas видеоконтент может быть связан или встроен на любую страницу, где есть редактор контента, который включает объявления, задания, обсуждения, страницы, викторины и программу.

Встраивание видео Panopto

После того, как вы загрузили свой видеоконтент в Panopto, выполните следующие действия, чтобы встроить видео или плейлисты на свои страницы Canvas.

  1. Перейдите к своему видео или плейлисту в Panopto и наведите на него указатель мыши. Когда при наведении курсора появятся пункты меню, щелкните, чтобы выбрать Share.
  2. Когда откроется меню «Поделиться», настройте и подтвердите, что для параметра « Кто может получить доступ: » установлено значение « Для всех в вашей организации, у которых есть ссылка ». Вы должны Сохранить изменения , чтобы подтвердить доступ, если он настроен. Если в настройках доступа уже задана эта опция, вам не нужно ничего настраивать или сохранять.
  3. Теперь в верхней части меню «Поделиться» нажмите Embed , и появится ваш код для встраивания. Он начинается с