<?php
$con = mysqli_connect("localhost","root","","educafro");

// Check connection
if (mysqli_connect_errno($con))
{
    echo "Failed to connect to DataBase: " . mysqli_connect_error();
}
    
  /*  $result = mysqli_query($con, "SELECT AVG(a.nota) as media,b.nome_atividade, b.data_atividade, c.materia,e.nome,f.tipo_atividade,g.area  FROM senuc_atividades_aluno as a 
inner join senuc_atividades as b on a.id_atividade=b.id
inner join materias as c on b.materia_atividade=c.id
inner join senuc_area_materias as d on d.id_materia=c.id
inner join senuc_professores as e on e.id=b.id_professor
inner join senuc_tipo_atividade as f on b.tipo_atividade=f.id
inner join senuc_area as g on d.id_area=g.id
 where id_aluno=397 group by g.id");*/
	
	//por materias
	
	    $result = mysqli_query($con, "SELECT AVG(a.nota) as media,MIN(a.nota) as minima,MAX(a.nota) as maxima,a.nota,b.nome_atividade, b.data_atividade, c.materia,e.nome,f.tipo_atividade,g.area  FROM senuc_atividades_aluno as a 
inner join senuc_atividades as b on a.id_atividade=b.id
inner join materias as c on b.materia_atividade=c.id
inner join senuc_area_materias as d on d.id_materia=c.id
inner join senuc_professores as e on e.id=b.id_professor
inner join senuc_tipo_atividade as f on b.tipo_atividade=f.id
inner join senuc_area as g on d.id_area=g.id
 where id_aluno=397  and id_area=1 order by b.data_Atividade desc");
 
  $result2 = mysqli_query($con, "SELECT AVG(a.nota) as media,MIN(a.nota) as minima,MAX(a.nota) as maxima,a.nota,b.nome_atividade, b.data_atividade, c.materia,e.nome,f.tipo_atividade,g.area  FROM senuc_atividades_aluno as a 
inner join senuc_atividades as b on a.id_atividade=b.id
inner join materias as c on b.materia_atividade=c.id
inner join senuc_area_materias as d on d.id_materia=c.id
inner join senuc_professores as e on e.id=b.id_professor
inner join senuc_tipo_atividade as f on b.tipo_atividade=f.id
inner join senuc_area as g on d.id_area=g.id
 where id_aluno=397  and id_area=2 order by b.data_Atividade desc");
    
   $result3 = mysqli_query($con, "SELECT AVG(a.nota) as media,MIN(a.nota) as minima,MAX(a.nota) as maxima,a.nota,b.nome_atividade, b.data_atividade, c.materia,e.nome,f.tipo_atividade,g.area  FROM senuc_atividades_aluno as a 
inner join senuc_atividades as b on a.id_atividade=b.id
inner join materias as c on b.materia_atividade=c.id
inner join senuc_area_materias as d on d.id_materia=c.id
inner join senuc_professores as e on e.id=b.id_professor
inner join senuc_tipo_atividade as f on b.tipo_atividade=f.id
inner join senuc_area as g on d.id_area=g.id
 where id_aluno=397  and id_area=3 order by b.data_Atividade desc");
 
  $result4 = mysqli_query($con, "SELECT AVG(a.nota) as media,MIN(a.nota) as minima,MAX(a.nota) as maxima,a.nota,b.nome_atividade, b.data_atividade, c.materia,e.nome,f.tipo_atividade,g.area  FROM senuc_atividades_aluno as a 
inner join senuc_atividades as b on a.id_atividade=b.id
inner join materias as c on b.materia_atividade=c.id
inner join senuc_area_materias as d on d.id_materia=c.id
inner join senuc_professores as e on e.id=b.id_professor
inner join senuc_tipo_atividade as f on b.tipo_atividade=f.id
inner join senuc_area as g on d.id_area=g.id
 where id_aluno=397  and id_area=4 order by b.data_Atividade desc");
 
?>


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>

<script type="text/javascript" src="fusioncharts.jqueryplugin.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="canvasjs.min.js"></script>
<link rel="stylesheet" href="style.css" />




 
 <script type="text/javascript">
          window.onload = function ()  {

            $.getJSON("data.php", function (result) {

                var chart = new CanvasJS.Chart("chartContainer", {
                   
				   theme: "theme2",
				   
				   title:{
        text: "Médias por Matéria"              
      },
				   
				    data: [
                        {
							 /*** Change type "column" to "bar", "area", "line" or "pie"***/
							type: "pie",
							name: "Second Quarter", 
     						   
                            dataPoints: result
                        }
                    ]
                });

                chart.render();
            });
        }
    </script>
    
  
    
    
    </head>
<body>

    <div id="chartContainer" style="width: 800px; height: 380px;"></div>



	<table cellpadding="0" cellspacing="0" border="0" id="table" class="sortable">



<br /><br />

		<thead style="background: #27ae60;">

			<tr>
            <center>

				<h2>Área do Conhecimento (MATEMÁTICA)</h2> </center>
            </tr>

			<tr>

				<th width="50px"><h3>Matéria</h3></th>

			  <th width="130px"><h3>Professor</h3></th>

			  <th width="50px"><h3>Atividade</h3></th>
              <th width="50px"><h3>Data</h3></th>
              <th width="50px"><h3>Nota</h3></th>

			</tr>

		</thead>

		<tbody>

			<?php



 while($row = mysqli_fetch_array($result))
    { 
	$materia = $row["materia"];
	$nome_atividade = $row["nome_atividade"];
	$data_atividade = date('d/m/Y', strtotime($row["data_atividade"]));
	$nome_professor = $row["nome"];
	$nota = $row["nota"];
	$media = $row["media"];
	$maxima = $row["maxima"];
	$minima = $row["minima"];
	
	

             echo "<tr>

				<td>".utf8_encode($materia)."</td>

				<td>".utf8_encode($nome_professor)."</td>

				<td>".utf8_encode($nome_atividade)."</td>
				<td><center>".utf8_encode($data_atividade)."</center></td>
				<td><center>".utf8_encode($nota)."</center></td>

	

			</tr>";}

			?>

		</tbody>

          </table>
         






	<div id="controls">
     <table width="600" border="0" align="center">
  <tr>
    <td>MÉDIA : <?php echo $media;?></td>
    <td>MAIOR NOTA : <?php echo $maxima;?></td>
    <td>MENOR NOTA : <?php echo $minima;?></td>
  </tr>
</table><br>

		<div id="perpage">
        <span >Resultados por página</span>

			     <select style="float:left;" onchange="sorter.size(this.value)">

			<option value="5" selected="selected">5</option>

				<option value="10" >10</option>

				<option value="20">20</option>

				<option value="50">50</option>

				<option value="100">100</option>

  </select>

			

</form>    

</div>

<div id="navigation">

			<img src="images/first.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1,true)" />

			<img src="images/previous.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1)" />

			<img src="images/next.gif" width="16" height="16" alt="First Page" onclick="sorter.move(1)" />

			<img src="images/last.gif" width="16" height="16" alt="Last Page" onclick="sorter.move(1,true)" />



</div>

<div id="text">Mostrando página <span id="currentpage"></span> de <span id="pagelimit"></span><splaying Page/div>

    

</div>

<table cellpadding="0" cellspacing="0" border="0" id="table" class="sortable">



<br /><br />




		<thead style="background: #ea6153;">

			<tr>
            <center>

				<h2>Área do Conhecimento (LINGUAGENS E CÓDIGOS)</h2> </center>
            </tr>

			<tr>

				<th width="50px"><h3>Matéria</h3></th>

			  <th width="130px"><h3>Professor</h3></th>

			  <th width="50px"><h3>Atividade</h3></th>
              <th width="50px"><h3>Data</h3></th>
              <th width="50px"><h3>Nota</h3></th>

			</tr>

		</thead>

		<tbody>

			<?php



 while($row = mysqli_fetch_array($result2))
    { 
		$materia = $row["materia"];
	$nome_atividade = $row["nome_atividade"];
	$data_atividade = date('d/m/Y', strtotime($row["data_atividade"]));
	$nome_professor = $row["nome"];
	$nota = $row["nota"];
	$media = $row["media"];
	$maxima = $row["maxima"];
	$minima = $row["minima"];
	
	

             echo "<tr>

				<td>".utf8_encode($materia)."</td>

				<td>".utf8_encode($nome_professor)."</td>

				<td>".utf8_encode($nome_atividade)."</td>
				<td><center>".utf8_encode($data_atividade)."</center></td>
				<td><center>".utf8_encode($nota)."</center></td>

	

			</tr>";}

			?>

		</tbody>

          </table>
         






	<div id="controls">
     <table width="600" border="0" align="center">
  <tr>
    <td>MÉDIA : <?php echo $media;?></td>
    <td>MAIOR NOTA : <?php echo $maxima;?></td>
    <td>MENOR NOTA : <?php echo $minima;?></td>
  </tr>
</table><br>

		<div id="perpage">
        <span >Resultados por página</span>

			     <select style="float:left;" onchange="sorter.size(this.value)">

			<option value="5" selected="selected">5</option>

				<option value="10" >10</option>

				<option value="20">20</option>

				<option value="50" >50</option>

				<option value="100">100</option>

  </select>

			

</form>    

		</div>

<div id="navigation">

			<img src="images/first.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1,true)" />

			<img src="images/previous.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1)" />

			<img src="images/next.gif" width="16" height="16" alt="First Page" onclick="sorter.move(1)" />

			<img src="images/last.gif" width="16" height="16" alt="Last Page" onclick="sorter.move(1,true)" />



</div>

<div id="text">Mostrando página <span id="currentpage"></span> de <span id="pagelimit"></span><splaying Page/div>

    

</div>

<table cellpadding="0" cellspacing="0" border="0" id="table" class="sortable">



<br /><br />

		<thead style="   background: #2980b9;">

			<tr>
            <center>

				<h2>Área do Conhecimento (CIÊNCIAS HUMANAS)</h2> </center>
            </tr>

			<tr>

				<th width="50px"><h3>Matéria</h3></th>

			  <th width="130px"><h3>Professor</h3></th>

			  <th width="50px"><h3>Atividade</h3></th>
              <th width="50px"><h3>Data</h3></th>
              <th width="50px"><h3>Nota</h3></th>

			</tr>

		</thead>

		<tbody>

			<?php



 while($row = mysqli_fetch_array($result3))
    { 
	$materia = $row["materia"];
	$nome_atividade = $row["nome_atividade"];
	$data_atividade = date('d/m/Y', strtotime($row["data_atividade"]));
	$nome_professor = $row["nome"];
	$nota = $row["nota"];
	$media = $row["media"];
	$maxima = $row["maxima"];
	$minima = $row["minima"];
	
	

             echo "<tr>

				<td>".utf8_encode($materia)."</td>

				<td>".utf8_encode($nome_professor)."</td>

				<td>".utf8_encode($nome_atividade)."</td>
				<td><center>".utf8_encode($data_atividade)."</center></td>
				<td><center>".utf8_encode($nota)."</center></td>

	

			</tr>";}

			?>

		</tbody>

          </table>
         






	<div id="controls">
     <table width="600" border="0" align="center">
  <tr>
    <td>MÉDIA : <?php echo $media;?></td>
    <td>MAIOR NOTA : <?php echo $maxima;?></td>
    <td>MENOR NOTA : <?php echo $minima;?></td>
  </tr>
</table><br>

		<div id="perpage">
        <span >Resultados por página</span>

			     <select style="float:left;" onchange="sorter.size(this.value)">

			<option value="5" selected="selected">5</option>

				<option value="10" >10</option>

				<option value="20">20</option>

				<option value="50" >50</option>

				<option value="100">100</option>

  </select>

			

</form>    

		</div>

<div id="navigation">

			<img src="images/first.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1,true)" />

			<img src="images/previous.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1)" />

			<img src="images/next.gif" width="16" height="16" alt="First Page" onclick="sorter.move(1)" />

			<img src="images/last.gif" width="16" height="16" alt="Last Page" onclick="sorter.move(1,true)" />



</div>

<div id="text">Mostrando página <span id="currentpage"></span> de <span id="pagelimit"></span><splaying Page/div>

    

</div>


	<table cellpadding="0" cellspacing="0" border="0" id="table" class="sortable">



<br /><br />

	  <thead style="background:#FF8247;">

			<tr>
            <center>

				<h2>Área do Conhecimento (CIÊNCIAS DA NATUREZA)</h2> </center>
            </tr>

			<tr>

				<th width="50px"><h3>Matéria</h3></th>

			  <th width="130px"><h3>Professor</h3></th>

			  <th width="50px"><h3>Atividade</h3></th>
              <th width="50px"><h3>Data</h3></th>
              <th width="50px"><h3>Nota</h3></th>

			</tr>

		</thead>

		<tbody>

			<?php



 while($row = mysqli_fetch_array($result4))
    { 
		$materia = $row["materia"];
	$nome_atividade = $row["nome_atividade"];
	$data_atividade = date('d/m/Y', strtotime($row["data_atividade"]));
	$nome_professor = $row["nome"];
	$nota = $row["nota"];
	$media = $row["media"];
	$maxima = $row["maxima"];
	$minima = $row["minima"];
	
	

             echo "<tr>

				<td>".utf8_encode($materia)."</td>

				<td>".utf8_encode($nome_professor)."</td>

				<td>".utf8_encode($nome_atividade)."</td>
				<td><center>".utf8_encode($data_atividade)."</center></td>
				<td><center>".utf8_encode($nota)."</center></td>

	

			</tr>";}

			?>

		</tbody>

          </table>
         






	<div id="controls">
     <table width="600" border="0" align="center">
  <tr>
    <td>MÉDIA : <?php echo $media;?></td>
    <td>MAIOR NOTA : <?php echo $maxima;?></td>
    <td>MENOR NOTA : <?php echo $minima;?></td>
  </tr>
</table><br>

		<div id="perpage">
        <span >Resultados por página</span>

			     <select style="float:left;" onchange="sorter.size(this.value)">

			<option value="5" selected="selected">5</option>

				<option value="10" >10</option>

				<option value="20">20</option>

				<option value="50">50</option>

				<option value="100">100</option>

  </select>

			

</form>    

		</div>

<div id="navigation">

			<img src="images/first.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1,true)" />

			<img src="images/previous.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1)" />

			<img src="images/next.gif" width="16" height="16" alt="First Page" onclick="sorter.move(1)" />

			<img src="images/last.gif" width="16" height="16" alt="Last Page" onclick="sorter.move(1,true)" />



</div>

<div id="text">Mostrando página <span id="currentpage"></span> de <span id="pagelimit"></span><splaying Page/div>

    

</div>





<script type="text/javascript" src="script.js"></script>

<script type="text/javascript">

  var sorter = new TINY.table.sorter("sorter");

	sorter.head = "head";
//tinysort.defaults.order = 'desc';
	sorter.asc = "asc";

	sorter.desc = "desc";

	sorter.even = "evenrow";

	sorter.odd = "oddrow";

	sorter.evensel = "evenselected";

	sorter.oddsel = "oddselected";

	sorter.paginate = true;

	sorter.currentid = "currentpage";

	sorter.limitid = "pagelimit";

	sorter.init("table",1);

  </script>

    



</body>
</html>