|
@@ -1,25 +1,13 @@
|
|
# Instalação
|
|
# Instalação
|
|
-Inclua os arquivos dist/style.css e line_heatmap.js no seu arquivo HTML
|
|
|
|
|
|
+Inclua todos os arquivos disponíveis nesse repositório em seu servidor web.
|
|
|
|
|
|
# Uso
|
|
# Uso
|
|
-Inclua o seguinte código na página ou em algum outros script. Note que div_id não possui '#' e que a função init recebe como parametro uma string onde cada linha é uma entrada do log.
|
|
|
|
-```javascript
|
|
|
|
- <script>
|
|
|
|
- line_heatmap.Container.init(div_id, log_string_itracker);
|
|
|
|
- </script>
|
|
|
|
-```
|
|
|
|
-Você também deve incluir a seguinte regra css
|
|
|
|
-```css
|
|
|
|
- #line-heatmap-canvas { width:60%; height:60%;}
|
|
|
|
-```
|
|
|
|
|
|
+1. Para realizar alguma análise de algum curso, crie uma nova pasta no diretório cursos/, com o nome do curso que você pretende analisar.
|
|
|
|
|
|
-# Modificações
|
|
|
|
-Para alterar o código é necessário ter a última versão no npm. Apenas execute *npm install* para instalar todas as dependências.
|
|
|
|
|
|
+1. Em seguida, copie para esse diretório recém-criado os arquivos gerados pela ferramenta de gerenciamento de submissões o iTarefa.
|
|
|
|
|
|
-# Previsualização
|
|
|
|
-```
|
|
|
|
- npm install
|
|
|
|
- npm run build
|
|
|
|
- npm run start
|
|
|
|
-```
|
|
|
|
-Acesse o servidor de testes em 127.0.0.1:8080
|
|
|
|
|
|
+1. Para pegar esse arquivo, navegue pelo iTarefa até a área do gerenciador de todas as submissões (bloco itarefa -> relatório -> gerenciar todas as submissões).
|
|
|
|
+
|
|
|
|
+1. No gerenciador de submissões, utilize o exportador geral, que está disponível no botão de 'download' mais acima na tela.
|
|
|
|
+
|
|
|
|
+1. Agora, utilizando um navegador Web, acesse a página inicial do ivprog_log_analysis, selecione o curso (o nome será idêntico àquele criado para o diretório). Nas páginas seguintes, escolha o aluno e o exercício.
|