Sin descripción

igor 6f8c1172ce Merge branch 'new_logs_format' of LInE/ivprog_log_analysis into master hace 2 años
css 55f42d9ba8 Finished 2021 version hace 3 años
dist 55f42d9ba8 Finished 2021 version hace 3 años
ivprog 39c56f7644 Finsished log analysis hace 2 años
ivprog_contexto 60407be9bd Finished hace 2 años
ivprog_menu 54b57b2741 Implementar visualização de todos os alunos hace 5 años
js 55f42d9ba8 Finished 2021 version hace 3 años
src 55f42d9ba8 Finished 2021 version hace 3 años
.gitignore 55f42d9ba8 Finished 2021 version hace 3 años
README.md 55f42d9ba8 Finished 2021 version hace 3 años
_index.html ccf77fbc92 Updating file format (in progress) hace 3 años
alunos.php 55f42d9ba8 Finished 2021 version hace 3 años
curso.php 60407be9bd Finished hace 2 años
functions.php 60407be9bd Finished hace 2 años
index.php 55f42d9ba8 Finished 2021 version hace 3 años
package-lock.json 55f42d9ba8 Finished 2021 version hace 3 años
package.json 55f42d9ba8 Finished 2021 version hace 3 años
process.php 55f42d9ba8 Finished 2021 version hace 3 años
relatorio_aluno_exercicio.php 60407be9bd Finished hace 2 años
relatorio_exercicio.php 60407be9bd Finished hace 2 años
webpack.config.js 55f42d9ba8 Finished 2021 version hace 3 años

README.md

Instalação

Inclua os arquivos dist/style.css e line_heatmap.js no seu arquivo HTML

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.

  <script>
    line_heatmap.Container.init(div_id, log_string_itracker);
  </script>

Você também deve incluir a seguinte regra css

    #line-heatmap-canvas { width:60%; height:60%;}

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.

Previsualização

  npm install
  npm run build
  npm run start

Acesse o servidor de testes em 127.0.0.1:8080