Acrescentando código de programação em uma página do Canvas
Luís Fabrício Wanderley Góes
você vai aprender
Instalar o app Github Social Coding no Canvas
Criar um código no Gist
Incluir um código Gist em uma página no Canvas
Redimensionar a janela do código
pré-requisitos
Ter uma conta no Github
Ter uma conta de Professor no Canvas
instalando o app Github no Canvas
O Canvas possui o Edu App Center onde existem diversos apps para poder instalar
novas funcionalidades no Canvas.
Uma destes apps é o Github Social Coding que permite incluir trechos de códigos em
páginas do Canvas.
Copie o código marcado acima.
No Canvas, você deve clicar em Configurações na barra esquerda. Então clique em Aplicativos e em seguida na opção Instalado.
Clique em Exibir Configurações do Aplicativo e então + Aplicativo.
Nesta tela, selecione o Tipo de Configuração Por URL, insira o nome Github e
por último cole o link copiado em URL de configuração. Clique em Enviar.
criando um código Gist
O Gist é parte do github para disponinilizar arquivos fonte de códigos de programação.
Clique em New Gist. Dê um nome para o seu arquivo, cole o código e clique em Create Public Gist.
Agora copie o link do seu Gist na URL do seu navegador.
Incluindo um código Gist em uma página no Canvas
No Canvas, clique em Páginas e depois em + Página. Então clique em Mais Ferramentas e selecione Github.
Então selecione Gist ao invés de Repo. Cole o link do seu Gist, clique em Preview e então em Add.
Redimensionando a janela do código
O código pode sair em uma janela muito pequena, criando uma barra de rolagem lateral.
Para redimensionar a caixa com o código, clique em Editar HTML.
Modique os campos height e width, por exemplo, para 1000px e 1000px.
Clique em Salvar, atribuindo um nome a Página.
links úteis
Edu App Center
Comentários