Žiadny popis

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

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