<repo_name>crizon/SciHive<file_sep>/README.md
# SciHive
SciHive is a mobile application made for grade 6 to 7 students, an educational game app about science. This app is my thesis project so I made sure I'll be integrating as many technologies as possible. The full title of this thesis project is SCIHIVE: A Mobile Based E-Learning System with BITAP Algorithm in Science Subject of Grade 7 Basic Education Columban College, Inc., Olongapo City.

SciHive is a world about Science, the students can access lessons, games, activities and quizzes, RPG inspired navigation to make an immersive experience to students. Developed using HTML, CSS, JS, Cordova/Phonegap, PHP, MySQL.

Here are some of the key features / technologies in this app:
Lessons
Games
Quizzes
Motivational Quotes
Science Facts
Activities
Experiments
Videos
Score Rankings
Accounts Control (Admin/Teacher)
2D Visuals
3D Models
Text-to-Speech (Audio)
Virtual Reality (Goggle-less)
Chatbot (Artificial Intelligence)
Search Bar (Bitap Algorithm)
Barcode Scanner Login
Group Chat


<img src="https://i.ibb.co/DpwRxXV/Slide1.jpg" alt="Slide1" border="0">
<img src="https://i.ibb.co/m531XSF/Slide2.jpg" alt="Slide2" border="0">
<img src="https://i.ibb.co/JHqqczM/Slide3.jpg" alt="Slide3" border="0">
<img src="https://i.ibb.co/1qRTZqR/Slide4.jpg" alt="Slide4" border="0">
<img src="https://i.ibb.co/KWk5q8R/Slide5.jpg" alt="Slide5" border="0">
<file_sep>/SciHive Source Code (Server)/_ranks/quiz_4.php
<!DOCTYPE html>

<html style="background-color: black; height: 100%">
    <head>
        <meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
        <title>SciHive</title>
        <style>
            html,body,button{height: 100%}
            .hyperX{height: 100%}
        </style>
        <script src="vendor/jquery-1.11.1.min.js"></script>
        <link rel="stylesheet" type="text/css" href="vendor/sweetalert2.css">
        <link rel="stylesheet" type="text/css" href="vendor/animate.css">
        <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="vendor/elusive-icons.css">
        <link href="../vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" type="text/css" href="vendor/own.css">












        <!-- TO DISABLE SELECTING -->
            <style type="text/css">
              
            *
            {
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none; outline: none !important
            }

            input
            {
            -webkit-user-select: auto !important;
            -khtml-user-select: auto !important;
            -moz-user-select: auto !important;
            -ms-user-select: auto !important;
            user-select: auto !important;
            }

            img { border: none; }

            button:focus {
              border: none;
              outline: none;
                }

            input:focus {
              border: none;
              outline: none;
                }


            </style>

            <style type="text/css">
                .bgDark{background-color: #000000; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%2329261c' fill-opacity='0.4' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}


                .css-serial {
                 counter-reset: serial-number; /* Set the serial number counter to 0 */
                }
                .css-serial td:first-child:before {
                 counter-increment: serial-number; /* Increment the serial number counter */
                 content: counter(serial-number); /* Display the counter */
                }
            </style>


    </head>
    <body class="bgDark">




<div class="btn-warning" style="height: 55px; width: 100%;top: 0; right: 0;">
  <button style="float: left" class="btn btn-warning btn-sm" onclick="location.assign('index.php')"> <h1> ◀ </h1> </button>
  <center><h4>F M E Quiz</h4></center>
</div>

<br>





<div style="padding: 25px">

    <table class="css-serial table table-sm table-hover" style="background-color: white">
        <thead>
        <tr style="background-color: pink; font-family: OJ">
            <th><h3><center>Rank</center></h3></th>
            <th><h3><center>Name</center></h3></th>
            <th><h3><center>Score</center></h3></th>
        </tr>
        </thead>

        <?php
            include_once('../connector.php');

            $game="quiz_4";

            $kwandesu=$db->prepare("SELECT * FROM sci_scores WHERE score_game=:s_g ORDER BY sci_scores.score_actual DESC LIMIT 20");
            $kwandesu->bindParam(':s_g',$game);
            $kwandesu->execute();
            foreach ($kwandesu as $scores) { ?>

        <tr style="font-family: moon; font-size: 1.5em">
                <td style="text-align: center;font-family: OJ !important"></td>
                <td><center><?=$scores['score_student_Name']?></center></td>
                <td><center><?=$scores['score_actual']?></center></td>
        </tr>

        <?php } ?>

    </table>
</div>



































        <script crossorigin type="text/javascript" src="vendor/sweetalert2.js"></script>
        <script src="vendor/jquery/jquery.min.js"></script>
        <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    </body>
</html>
<file_sep>/SciHive Source Code (Server)/_quiz/Quiz_5/score.php
<?php
require_once('../../connector.php');



if(!empty($_GET)){

	$game_name = "quiz_5";
	$score = $_GET["score"];
	$nameX = $_GET["name"];
	$IDX = $_GET["ID"];
	$dateX = date('Y-m-d H:i:s');

		$sql=$db->prepare("INSERT INTO sci_scores(score_game,score_actual,score_student_Name,score_student_ID,score_date_time)
			VALUES('$game_name', '$score', '$nameX', '$IDX', '$dateX')");
		$sql->execute();	
}
	header("location:../index.php");
?><file_sep>/SciHive Source Code (Server)/_chat/index.php
<?php 

include_once('../connector.php');
session_start();
if(isset($_SESSION['account'])){
?>

<?php
    $UserName = $_SESSION["welcomename"];
  ?>

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
	<title>The Way</title>

<!--   <link rel="stylesheet" href=" vendor/jquery.mobile-1.4.5.min.css" /> -->
  <script src=" vendor/jquery-1.11.1.min.js"></script>
<!--   <script src=" vendor/jquery.mobile-1.4.5.min.js"></script> -->

  
  <link href=" vendor/bootstrap.min.css" rel="stylesheet">

  <link rel="stylesheet" type="text/css" href=" vendor/own.css">
  
  <script src=" vendor/own.js"></script>
  <link rel="stylesheet" type="text/css" href=" vendor/sweetalert.css">
  <script src=" vendor/sweetalert.min.js"></script>
  <script src="vendor/bootstrap-filestyle.min.js"></script>

            <!-- TO DISABLE SELECTING -->
            <style type="text/css">
              
            *
            {
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            }

            input
            {
            -webkit-user-select: auto !important;
            -khtml-user-select: auto !important;
            -moz-user-select: auto !important;
            -ms-user-select: auto !important;
            user-select: auto !important;
            }

            img { border: none; }

            button:focus {
              border: none;
              outline: none;
                }

              input:focus {
              border: none;
              outline: none;
                }

            </style>


</head>

<body style="background-color: beige">



         
<div class="btn-warning" style="height: 55px; width: 100%;top: 0; right: 0;">
  <button style="float: left" class="btn btn-warning btn-sm" onclick="location.assign('../index.php')"> <h1> ◀ </h1></button>
  <center><h3>Group Chat</h3></center>
</div>

<form action="process-register.php" method="post" enctype="multipart/form-data" style="background-color: #ffc335;border: 5px outset orange; padding: 10px;border-bottom-right-radius: 25px;border-bottom-left-radius: 25px;">

	<table style="width: 100%; background-color: white; border: 1px solid orange">
          <?php

              require_once('../connector.php');
              $stmt = $db->prepare("SELECT * FROM ( SELECT * FROM sci_convo ORDER BY convo_ID DESC LIMIT 20) sub ORDER BY convo_date_time ASC;");
              $stmt->execute();

              foreach($stmt as $studidents) { 
          ?>

          <tr>
              <td>

              	<span style="background-color: black; color: white; margin-right: 5px; border-radius: 10px; padding: 1px"><?=$studidents['convo_user']?>: </span>

              	<?=$studidents['convo_content']?>
              	<img src="<?=$studidents['convo_loc']?>" width="100%">

              </td>
          </tr>

        <?php } ?>

  </table><br>

    <center>

      <div class="form-group">
        <input type="text" name="xSentMessage" class="form-control" placeholder="Enter message here . . ." required="required" style="border: 1px solid orange; border-radius: 10px;height: 50px;" autocomplete="off" autofocus="autofocus">


        <!-- <input type="file" name="fileToUpload" id="fileToUpload" class="filestyle" style="width: 100%;"> -->



        <input type="text" name="xSender" class="form-control" required="required" hidden="hidden" value="<?php echo $UserName ?>">
      </div>


      <button style="width: 45%; color: white; font-size: 15pt; font-weight: bold; box-shadow: 3px 3px 5px 1px rgba(10,10,10,.7);" type="submit" name="submit" class="btn btn-success">➤</button>

    </center>
 
</form>

 



































    <script src=" vendor/bootstrap.bundle.min.js"></script>

</body>
</html>



<?php
}else{
  header('location:errorlogin.php');
}
?>   

<file_sep>/SciHive Source Code (Client)/www/lessons/matter/gas.html
<!DOCTYPE html>
<html>
<head>

	<meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
	<title>Gas</title>

	<style>
            html,body{height: 100%}
            .hyperX{height: 100%}
        </style>
        <script src="../../vendor/jquery-1.11.1.min.js"></script>
        <link rel="stylesheet" type="text/css" href="../../vendor/sweetalert2.css">
        <link rel="stylesheet" type="text/css" href="../../vendor/animate.css">
        <link href="../../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="../../vendor/elusive-icons.css">
        <link href="../../vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" type="text/css" href="../../vendor/own.css">







<!-- TO DISABLE SELECTING -->
            <style type="text/css">
              
            *
            {
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            }

            input
            {
            -webkit-user-select: auto !important;
            -khtml-user-select: auto !important;
            -moz-user-select: auto !important;
            -ms-user-select: auto !important;
            user-select: auto !important;
            }

            img { border: none; }

            button:focus {
              border: none;
              outline: none;
                }

            input:focus {
              border: none;
              outline: none;
                }


            </style>

            <script type="text/javascript">
            	
            </script>


    </head>

<body style="background-color: black; background-image: url(../../img/hexellence.png)">
    <script type="text/javascript" src="../../cordova.js"></script>


	<center>
		<h4 style="background-color: #7714d1; padding: 5px; top:0 ; width: 100%; z-index: 1; position: fixed; color: white; background-image: url(../../img/hexellence.png);">Gas</h4>
		<h4 onclick="balik()" class="fas fa-fw fa-chevron-left" style="z-index: 2; position: fixed; left: 5px; top: 10px; color: white"></h4>
	</center>

<br>
<br>



	<div style="text-align: justify; padding: 5%; margin: 2.5%; width: 95%;  background-color: white;border-radius: 5px">

		<div class="row" style="margin: 0">
			
			<div id="tts">
				<button onclick="read1()" class="btn btn-secondary"><i class="fas fa-fw fa-play"></i></button>
			</div>

			<span style="color: rgba(0,0,0,0);">h</span>

			<h3> Gas </h3>	
		
		</div>
		

	<img src="gas/gas 1.jpg" width="100%" style="border: 5px outset orange"><br><br>

	<p>
	Gases are everywhere. You may have heard about the atmosphere. The atmosphere is an envelope of gases that surrounds the Earth. In <i>solids,</i> atoms and molecules are compact and close together. <i>Liquids</i> have atoms that are spread out a little more. The molecules in gases are really spread out, full of energy, and constantly moving around in random ways.
	</p><br>

	<p>
	What is another <b>physical</b> characteristic of gases? Gases can fill a container of any size or shape. It doesn't matter how big the container is. The molecules spread out to fill the whole space equally. Think about a balloon. No matter what shape you make the balloon, it will be evenly filled with the gas molecules. Even if you make a balloon animal, the molecules are spread equally throughout the entire shape. 

	</p><br>

	<p>
	Liquids can only fill the bottom of a container, while gases can fill it entirely. The shape of liquids is very dependent on <b>gravity</b>, while less dense gases are light enough to have a more freedom to move.
	</p><br>

	<img src="gas/gas 2.jpg" width="100%" style="border: 5px outset orange"><br><br>
	<div class="row" style="margin: 0">
			
			<div id="tts2">
				<button onclick="read2()" class="btn btn-secondary"><i class="fas fa-fw fa-play"></i></button>
			</div>

			<span style="color: rgba(0,0,0,0);">h</span>

			<h3> Gas or Vapor?</h3>	
		
		</div>

	<p>
	You might hear the term "<b>vapor</b>". Vapor and gas mean the same thing. The word vapor is used to describe gases that are usually liquids at room temperature. Good examples of these types of liquids include water and mercury. They get the vapor title when they are in a gaseous phase. You will probably hear the term “water vapor” which means water in a gas state. Compounds such as carbon dioxide are usually gases at room temperature. Scientists will rarely talk about carbon dioxide vapor.
	</p><br>

	<h3> Compressing Gases </h3>	

	<p>
	Gases hold huge amounts of <b>energy</b> and their molecules are spread out as much as possible. When compared to solids or liquids, those spread out gaseous systems can be <b>compressed</b> with very little effort. Scientists and engineers use that physical trait all of the time. Combinations of increased pressure and decreased temperature force gases into containers that we use every day.
	</p><br>

	<img src="gas/gas 3.jpg" width="100%" style="border: 5px outset orange"><br><br>

	<p>
	You might have compressed air in a spray bottle or feel the carbon dioxide rush out of a can of soda. Those are both examples of gas forced into a smaller space at greater pressure. As soon as the gas is introduced to an environment with a lower pressure, it rushes out of the container. The gas molecules move from an area of high pressure to one of low pressure.</p><br>










<!-- 
<br><br>

	<div id="carousel1" data-interval="2000" class="carousel slide" data-ride="carousel">
	  <div class="carousel-inner">
	    <div class="carousel-item active">
	      <img class="d-block w-100" src="liquid/L1.jpg" alt="First slide">
	    </div>
	    <div class="carousel-item">
	      <img class="d-block w-100" src="liquid/L2.jpg" alt="Second slide">
	    </div>
	    <div class="carousel-item">
	      <img class="d-block w-100" src="liquid/L3.jpg" alt="Third slide">
	    </div>
	    <div class="carousel-item">
	      <img class="d-block w-100" src="liquid/L4.jpg" alt="Fourth slide">
	    </div>
	    <div class="carousel-item">
	      <img class="d-block w-100" src="liquid/L5.jpg" alt="Fifth slide">
	    </div>
	  </div>
	</div><br><br> -->
	
	







	</div>















<script type="text/javascript">

//READ THE TEXT TO SPEECH	
	function read1(){

		var line_1 = "Gases are everywhere. You may have heard about the atmosphere. The atmosphere is an envelope of gases that surrounds the Earth. In solids, atoms and molecules are compact and close together. Liquids have atoms that are spread out a little more. The molecules in gases are really spread out, full of energy, and constantly moving around in random ways. What is another physical characteristic of gases? Gases can fill a container of any size or shape. It doesn't matter how big the container is. The molecules spread out to fill the whole space equally. Think about a balloon. No matter what shape you make the balloon, it will be evenly filled with the gas molecules. Even if you make a balloon animal, the molecules are spread equally throughout the entire shape. Liquids can only fill the bottom of a container, while gases can fill it entirely. The shape of liquids is very dependent on gravity, while less dense gases are light enough to have a more freedom to move.";

	    TTS.speak({
	        text: line_1,
	        locale: 'en-US',
	        rate: 1
	    });

	    //
	    var codeBlock='<button onclick="stop1()" class="btn btn-secondary"><i class="fas fa-fw fa-volume-mute"></i></button>';
	    document.getElementById("tts").innerHTML = codeBlock;

	}



	function read2(){

		var line_2 = "Gas or Vapor? You might hear the term vapor. Vapor and gas mean the same thing. The word vapor is used to describe gases that are usually liquids at room temperature. Good examples of these types of liquids include water and mercury. They get the vapor title when they are in a gaseous phase. You will probably hear the term “water vapor” which means water in a gas state. Compounds such as carbon dioxide are usually gases at room temperature. Scientists will rarely talk about carbon dioxide vapor. Compressing Gases. Gases hold huge amounts of energy and their molecules are spread out as much as possible. When compared to solids or liquids, those spread out gaseous systems can be compressed with very little effort. Scientists and engineers use that physical trait all of the time. Combinations of increased pressure and decreased temperature force gases into containers that we use every day. You might have compressed air in a spray bottle or feel the carbon dioxide rush out of a can of soda. Those are both examples of gas forced into a smaller space at greater pressure. As soon as the gas is introduced to an environment with a lower pressure, it rushes out of the container. The gas molecules move from an area of high pressure to one of low pressure.";

	    TTS.speak({
	        text: line_2,
	        locale: 'en-US',
	        rate: 1
	    });

	    //
	    var codeBlock2='<button onclick="stop2()" class="btn btn-secondary"><i class="fas fa-fw fa-volume-mute"></i></button>';
	    document.getElementById("tts2").innerHTML = codeBlock2;

	}














//STOP THE TEXT TO SPEECH
	function stop1(){
		TTS.speak({text: ''});

		//set the new icon to button
		var codeBlock='<button onclick="read1()" class="btn btn-secondary"><i class="fas fa-fw fa-play"></i></button>';
	    document.getElementById("tts").innerHTML = codeBlock;
	}



	function stop2(){
		TTS.speak({text: ''});

		//set the new icon to button
		var codeBlock2='<button onclick="read2()" class="btn btn-secondary"><i class="fas fa-fw fa-play"></i></button>';
	    document.getElementById("tts2").innerHTML = codeBlock2;
	}

















//STOP THE TEXT TO SPEECH AND GO BACK HISTORY using back button
	document.addEventListener("deviceready", onDeviceReady, false);
                function onDeviceReady() {
                    document.addEventListener("backbutton", function () {
                        TTS.speak({text: ''});
                        window.history.back();

                    }, false );
            }

//STOP THE TEXT TO SPEECH AND GO BACK HISTORY using a link button
    function balik(){
    	TTS.speak({text: ''});
        window.history.back();
    }
</script>






	<script crossorigin type="text/javascript" src="../../vendor/sweetalert2.js"></script>
    <script src="../../vendor/jquery/jquery.min.js"></script>
    <script src="../../vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html><file_sep>/SciHive Source Code (Server)/_quiz/Quiz_3/myjs.js
var scoreQ1 = 0;



  function goodX(){
  	scoreQ1 = scoreQ1 + 1;
  }



  function scoreX(){
  	var scoreIs = "Score: " + scoreQ1;
  }<file_sep>/SciHive Source Code (Server)/_quiz/index.php

<?php
    session_start();

    $UserName = $_SESSION["welcomename"];
    $firstName = $_SESSION["welcomename"];
    $ID_number = $_SESSION['Username'];
  ?>


<!DOCTYPE html>

<html style="background-color: black; height: 100%">
    <head>
        <meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
        <title>SciHive</title>
        <style>
            html,body,button{height: 100%}
            .hyperX{height: 100%}
        </style>
        <script src="vendor/jquery-1.11.1.min.js"></script>
        <link rel="stylesheet" type="text/css" href="vendor/sweetalert2.css">
        <link rel="stylesheet" type="text/css" href="vendor/animate.css">
        <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="vendor/elusive-icons.css">
        <link href="../vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" type="text/css" href="vendor/own.css">











        <!-- TO DISABLE SELECTING -->
            <style type="text/css">
              
            *
            {
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none; outline: none !important
            }

            input
            {
            -webkit-user-select: auto !important;
            -khtml-user-select: auto !important;
            -moz-user-select: auto !important;
            -ms-user-select: auto !important;
            user-select: auto !important;
            }

            img { border: none; }

            button:focus {
              border: none;
              outline: none;
                }

            input:focus {
              border: none;
              outline: none;
                }

            a{text-decoration: none !important;}

            .bgDark{background-color: #000000; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%2329261c' fill-opacity='0.4' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}

            </style>

<script type="text/javascript">
        var student_ID = "<?php echo $ID_number ?>";
        localStorage.setItem("stud_ID", student_ID);

        var student_name = "<?php echo $firstName ?>";
        localStorage.setItem("stud_Name", student_name);
</script>


    </head>
    <body class="bgDark">




<div class="btn-warning" style="height: 55px; width: 100%;top: 0; right: 0;">
  <button style="float: left" class="btn btn-warning btn-sm" onclick="location.assign('../index.php')"> <h1> ◀ </h1> </button>
  <center><img src="quiz.png" width="50%" style="float: left"></center>
</div>

<br>
<center>
	<h6 style="color: white">Choose a category: </h6><br>

    <a href="Quiz_1/index.php">
        <div class="btn-warning" style="width: 90%; padding: 20px">
            <h2><i class="fas fa-fw fa-play-circle"> </i>Science</h2>
            <center>
                <img src="quiz_logo.png" width="25%">
            </center>
        </div>
    </a>
    <br>

    <a href="Quiz_2/index.php">
        <div class="btn-warning" style="width: 90%; padding: 20px">
            <h2><i class="fas fa-fw fa-play-circle"> </i>Matter</h2>
            <center>
                <img src="quiz_logo.png" width="25%">
            </center>
        </div>
    </a>
    <br>

    <a href="Quiz_3/index.php">
        <div class="btn-warning" style="width: 90%; padding: 20px">
            <h2><i class="fas fa-fw fa-play-circle"> </i>Living Things</h2>
            <center>
                <img src="quiz_logo.png" width="25%">
            </center>
        </div>
    </a>
    <br>

    <a href="Quiz_4/index.php">
        <div class="btn-warning" style="width: 90%; padding: 20px">
            <h3><i class="fas fa-fw fa-play-circle"> </i>Force Motion Energy</h3>
            <center>
                <img src="quiz_logo.png" width="25%">
            </center>
        </div>
    </a>
    <br>

    <a href="Quiz_5/index.php">
        <div class="btn-warning" style="width: 90%; padding: 20px">
            <h2><i class="fas fa-fw fa-play-circle"> </i>Earth and Space</h2>
            <center>
                <img src="quiz_logo.png" width="25%">
            </center>
        </div>
    </a>
    <br>



</center>







































        <script crossorigin type="text/javascript" src="vendor/sweetalert2.js"></script>
        <script src="vendor/jquery/jquery.min.js"></script>
        <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    </body>
</html>
<file_sep>/SciHive Source Code (Client)/www/lessons/living_things/animals_cells.html
<!DOCTYPE html>
<html>
<head>

	<meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
	<title>Animal Cell</title>

	<style>
            html,body{height: 100%}
            .hyperX{height: 100%}
        </style>
        <script src="../../vendor/jquery-1.11.1.min.js"></script>
        <link rel="stylesheet" type="text/css" href="../../vendor/sweetalert2.css">
        <link rel="stylesheet" type="text/css" href="../../vendor/animate.css">
        <link href="../../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="../../vendor/elusive-icons.css">
        <link href="../../vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" type="text/css" href="../../vendor/own.css">







<!-- TO DISABLE SELECTING -->
            <style type="text/css">
              
            *
            {
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            }

            input
            {
            -webkit-user-select: auto !important;
            -khtml-user-select: auto !important;
            -moz-user-select: auto !important;
            -ms-user-select: auto !important;
            user-select: auto !important;
            }

            img { border: none; }

            button:focus {
              border: none;
              outline: none;
                }

            input:focus {
              border: none;
              outline: none;
                }


            </style>

            <script type="text/javascript">
            	
            </script>


    </head>

<body style="background-color: black; background-image: url(../../img/hexellence.png)">
    <script type="text/javascript" src="../../cordova.js"></script>


	<center>
		<h4 style="background-color: #7714d1; padding: 5px; top:0 ; width: 100%; z-index: 1; position: fixed; color: white; background-image: url(../../img/hexellence.png);">Animal Cell</h4>
		<h4 onclick="balik()" class="fas fa-fw fa-chevron-left" style="z-index: 2; position: fixed; left: 5px; top: 10px; color: white"></h4>
	</center>

<br>
<br>

	

	<div style="text-align: justify; padding: 5%; margin: 2.5%; width: 95%;  background-color: white;border-radius: 5px">

		<div class="row" style="margin: 0">
			
			<div id="tts">
				<button onclick="read1()" class="btn btn-secondary"><i class="fas fa-fw fa-play"></i></button>
			</div>

			<span style="color: rgba(0,0,0,0);">h</span>

			<h3> Animal Cell</h3>	
		
		</div>


	<script type="text/javascript" src="../../vendor/model-viewer.js"></script>

    <center>
        <model-viewer style="width: 100%; height: 300px" src="ANIMALS/animalcell.gltf" auto-rotate camera-controls background-color="black">
        </model-viewer>
        3D Model (Touch and Rotate)
    </center>
    <br>
		

	

	<p>Animal cells are eukaryotic cells or cells with a membrane-bound nucleus. Unlike prokaryotic cells, DNA in animal cells is housed within the nucleus. In addition to having a nucleus, animal cells also contain other membrane-bound organelles, or tiny cellular structures, that carry out specific functions necessary for normal cellular operation. Organelles have a wide range of responsibilities that include everything from producing hormones and enzymes to providing energy for animal cells.<br><br>

	<img src="ANIMALS/anicell1.jpg" width="100%"><br><br>

	Plant and animal cells are similar in that they are both eukaryotic and have similar types of organelles. Plant cells tend to have more uniform sizes than animal cells.
	</p><br>








	<div class="row" style="margin: 0">
			
			<div id="tts2">
				<button onclick="read2()" class="btn btn-secondary"><i class="fas fa-fw fa-play"></i></button>
			</div>

			<span style="color: rgba(0,0,0,0);">h</span>

			<h3>Components of <br>
			Animal Cells</h3>	
		
	</div>

	<img src="ANIMALS/anicell2.jpg" width="100%" style="border: 5px outset orange"><br><br>

	<p>The following are examples of structures and organelles that can be found in typical animal cells:
	<br><br>

	<li>Cell (Plasma) Membrane - thin, semi-permeable membrane that surrounds the cytoplasm of a cell, enclosing its contents.</li><br>
	<li>Centrioles - cylindrical structures that organize the assembly of microtubules during cell division.</li><br>
	<li>Cilia and flagella - specialized groupings of microtubules that protrude from some cells and aid in cellular locomotion.</li><br>
	<li>Cytoplasm - gel-like substance within the cell.</li><br>
	<li>Cytoskeleton - a network of fibers throughout the cell's cytoplasm that gives the cell support and helps to maintain its shape.</li><br>
	<li>Endoplasmic Reticulum - an extensive network of membranes composed of both regions with ribosomes (rough ER) and regions without ribosomes (smooth ER).</li><br>
	<li>Golgi Complex - also called the Golgi apparatus, this structure is responsible for manufacturing, storing and shipping certain cellular products.</li><br>
	<li>Lysosomes - sacs of enzymes that digest cellular macromolecules such as nucleic acids.</li><br>
	<li>Microtubules - hollow rods that function primarily to help support and shape the cell.</li><br>
	<li>Mitochondria - cell components that generate energy for the cell and are the sites of cellular respiration.</li><br>
	<li>Nucleus - membrane-bound structure that contains the cell's hereditary information.</li><br>
	<li style="margin-left: 30px"><b>Nucleolus</b> - structure within the nucleus that helps in the synthesis of ribosomes.</li><br>
	<li style="margin-left: 30px"><b>Nucleopore</b> - a tiny hole in the nuclear membrane that allows nucleic acids and proteins to move into and out of the nucleus.</li><br>
	<li>Peroxisomes - enzyme containing structures that help to detoxify alcohol, form bile acid, and break down fats.</li><br>
	<li>Ribosomes - consisting of RNA and proteins, ribosomes are responsible for protein assembly.</li><br>

	</p><br>


<!-- <br><br>

	<div id="carousel1" data-interval="2000" class="carousel slide" data-ride="carousel">
	  <div class="carousel-inner">
	    <div class="carousel-item active">
	      <img class="d-block w-100" src="liquid/L1.jpg" alt="First slide">
	    </div>
	    <div class="carousel-item">
	      <img class="d-block w-100" src="liquid/L2.jpg" alt="Second slide">
	    </div>
	    <div class="carousel-item">
	      <img class="d-block w-100" src="liquid/L3.jpg" alt="Third slide">
	    </div>
	    <div class="carousel-item">
	      <img class="d-block w-100" src="liquid/L4.jpg" alt="Fourth slide">
	    </div>
	    <div class="carousel-item">
	      <img class="d-block w-100" src="liquid/L5.jpg" alt="Fifth slide">
	    </div>
	  </div>
	</div><br><br> -->
	
	







	</div>













<script type="text/javascript">

//READ THE TEXT TO SPEECH	
	function read1(){

		var line_1 = "Animal cells. Animal cells are eukaryotic cells or cells with a membrane-bound nucleus. Unlike prokaryotic cells, DNA in animal cells is housed within the nucleus. In addition to having a nucleus, animal cells also contain other membrane-bound organelles, or tiny cellular structures, that carry out specific functions necessary for normal cellular operation. Organelles have a wide range of responsibilities that include everything from producing hormones and enzymes to providing energy for animal cells.Plant and animal cells are similar in that they are both eukaryotic and have similar types of organelles. Plant cells tend to have more uniform sizes than animal cells.";

	    TTS.speak({
	        text: line_1,
	        locale: 'en-US',
	        rate: 1
	    });

	    //
	    var codeBlock='<button onclick="stop1()" class="btn btn-secondary"><i class="fas fa-fw fa-volume-mute"></i></button>';
	    document.getElementById("tts").innerHTML = codeBlock;

	}



	function read2(){

		var line_2 = "Components of Animal Cell. The following are examples of structures and organelles that can be found in typical animal cells. Cell (Plasma) Membrane - thin, semi-permeable membrane that surrounds the cytoplasm of a cell, enclosing its contents. Centrioles - cylindrical structures that organize the assembly of microtubules during cell division. Cilia and flagella - specialized groupings of microtubules that protrude from some cells and aid in cellular locomotion. Cytoplasm - gel-like substance within the cell. Cytoskeleton - a network of fibers throughout the cell's cytoplasm that gives the cell support and helps to maintain its shape. Endoplasmic Reticulum - an extensive network of membranes composed of both regions with ribosomes and regions without ribosomes. Golgi Complex - also called the Golgi apparatus, this structure is responsible for manufacturing, storing and shipping certain cellular products. Lysosomes - sacs of enzymes that digest cellular macromolecules such as nucleic acids. Microtubules - hollow rods that function primarily to help support and shape the cell. Mitochondria - cell components that generate energy for the cell and are the sites of cellular respiration. Nucleus - membrane-bound structure that contains the cells hereditary information. Nucleolus - structure within the nucleus that helps in the synthesis of ribosomes. Nucleopore - a tiny hole in the nuclear membrane that allows nucleic acids and proteins to move into and out of the nucleus. Peroxisomes - enzyme containing structures that help to detoxify alcohol, form bile acid, and break down fats. Ribosomes - consisting of RNA and proteins, ribosomes are responsible for protein assembly.";

	    TTS.speak({
	        text: line_2,
	        locale: 'en-US',
	        rate: 1
	    });

	    //
	    var codeBlock2='<button onclick="stop2()" class="btn btn-secondary"><i class="fas fa-fw fa-volume-mute"></i></button>';
	    document.getElementById("tts2").innerHTML = codeBlock2;

	}




//STOP THE TEXT TO SPEECH
	function stop1(){
		TTS.speak({text: ''});

		//set the new icon to button
		var codeBlock='<button onclick="read1()" class="btn btn-secondary"><i class="fas fa-fw fa-play"></i></button>';
	    document.getElementById("tts").innerHTML = codeBlock;
	}



	function stop2(){
		TTS.speak({text: ''});

		//set the new icon to button
		var codeBlock2='<button onclick="read2()" class="btn btn-secondary"><i class="fas fa-fw fa-play"></i></button>';
	    document.getElementById("tts2").innerHTML = codeBlock2;
	}













//STOP THE TEXT TO SPEECH AND GO BACK HISTORY using back button
	document.addEventListener("deviceready", onDeviceReady, false);
                function onDeviceReady() {
                    document.addEventListener("backbutton", function () {
                        TTS.speak({text: ''});
                        window.history.back();

                    }, false );
            }

//STOP THE TEXT TO SPEECH AND GO BACK HISTORY using a link button
    function balik(){
    	TTS.speak({text: ''});
        window.history.back();
    }
</script>






	<script crossorigin type="text/javascript" src="../../vendor/sweetalert2.js"></script>
    <script src="../../vendor/jquery/jquery.min.js"></script>
    <script src="../../vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html><file_sep>/SciHive Source Code (Server)/index.php
<?php 

include_once('connector.php');
session_start();
if(isset($_SESSION['account'])){
?>

<?php
    $UserName = $_SESSION["welcomename"];
    $firstName = $_SESSION["welcomename"];
    $ID_number = $_SESSION['Username'];
  ?>



<!DOCTYPE html>
<html  >
<head>
  <!-- Site made with Mobirise Website Builder v4.11.2, https://mobirise.com -->
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="generator" content="Mobirise v4.11.2, mobirise.com">
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
  <link rel="shortcut icon" href="assets/images/beebot-122x122.png" type="image/x-icon">
  <meta name="description" content="">
  
  <title>Home</title>
  <link rel="stylesheet" href="assets/web/assets/mobirise-icons/mobirise-icons.css">
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
  <link rel="stylesheet" href="assets/socicon/css/styles.css">
  <link rel="stylesheet" href="assets/tether/tether.min.css">
  <link rel="stylesheet" href="assets/dropdown/css/style.css">
  <link rel="stylesheet" href="assets/theme/css/style.css">
  <link href="assets/fonts/style.css" rel="stylesheet">
  <link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
  
  
  <style type="text/css">
  	.bgDark{background-color: #000000; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%2329261c' fill-opacity='0.4' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
    .icons{border-radius: 5px!important}
  </style>

<script type="text/javascript">
        var student_ID = "<?php echo $ID_number ?>";
        localStorage.setItem("stud_ID", student_ID);

        var student_name = "<?php echo $firstName ?>";
        localStorage.setItem("stud_Name", student_name);
</script>




</head>





<body class="bgDark">

<br>


<!--   <section class="menu cid-rF1Sxo7O9m" once="menu" id="menu1-1">

    

    <nav class="navbar navbar-expand beta-menu navbar-dropdown align-items-center navbar-fixed-top navbar-toggleable-sm">
       <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <div class="hamburger">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </button>
        <div class="menu-logo">
            <div class="navbar-brand">
                <span class="navbar-logo">
                    <a href="#">
                         <img src="assets/images/beebot-122x122.png" alt="SciHive" title="" style="height: 3.8rem;">
                    </a>
                </span>
                <span class="navbar-caption-wrap"><a class="navbar-caption text-white display-5" href="#">
                        SciHive Online</a></span>
            </div>
        </div>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav nav-dropdown nav-right" data-app-modern-menu="true">



            	<li class="nav-item">
                    <a class="nav-link link text-white display-4" href="#">
                        <span class="mbri-user mbr-iconfont mbr-iconfont-btn"></span>
                        Logout
                    </a>
                </li>

            	<li class="nav-item">
                    <a class="nav-link link text-white display-4" href="#">
                        <span class="mbri-home mbr-iconfont mbr-iconfont-btn"></span>Home</a>
                </li>

                <li class="nav-item">
                    <a class="nav-link link text-white display-4" href="#">
                        <span class="mbri-search mbr-iconfont mbr-iconfont-btn"></span>
                        About Us
                    </a>
                </li>

            </ul>
            
        </div>
    </nav>
</section> -->




	<div class="container">

		<div class="row" style="margin: 0 !important; padding: 0 !important">

			<div class="col icons" style="margin: 5px; background-color: orange;">
				<a href="_chat/index.php">
                    <img src="img/ico1.png" width="100%">
                    <pre style="margin: 0!important;padding: 0!important; background-color: orange !important"><center>Chat</center></pre>
                </a>
			</div>

			<div class="col icons" style="margin: 5px; background-color: orange;">
				<a href="_ranks/index.php">
                    <img src="img/ico2.png" width="100%">
                    <pre style="margin: 0!important;padding: 0!important; background-color: orange !important"><center>Scores</center></pre>
                </a>
			</div>

			<div class="col icons" style="margin: 5px; background-color: orange;">
				<a href="_quiz/index.php">
                    <img src="img/ico3.png" width="100%">
                    <pre style="margin: 0!important;padding: 0!important; background-color: orange !important"><center>Quiz</center></pre>
                </a>
			</div>

		</div><br>

		<div class="row" style="margin: 0 !important; padding: 0 !important">

			<div class="col icons" style="margin: 5px; background-color: orange;">
				<a href="_beebot/index.php">
                    <img src="img/ico4.png" width="100%">
                    <pre style="margin: 0!important;padding: 0!important; background-color: orange !important"><center>Chat Bot</center></pre>
                </a>
			</div>

			<div class="col icons" style="margin: 5px; background-color: orange;">
				<a href="_videos/index.php">
                    <img src="img/ico5.png" width="100%">
                    <pre style="margin: 0!important;padding: 0!important; background-color: orange !important"><center>Videos</center></pre>
                </a>
			</div>

			<div class="col icons" style="margin: 5px; background-color: orange;">
				<img src="img/ico6.png" width="100%">
                <pre style="margin: 0!important;padding: 0!important; background-color: orange !important"><center>Web</center></pre>
			</div>

		</div>

	</div>
<br>





<section class="engine"></section><section class="mbr-gallery gallery5 cid-rF1UNSstr8" id="gallery5-x">

    <div class="container">
        <h3 class="mbr-section-title align-center mbr-fonts-style display-2">
            Hello <?php  echo $UserName; ?>
        </h3>
        <h4 class="mbr-section-subtitle align-center pb-4 mbr-fonts-style display-5">
            Many Fun Activities with SciHive.
        </h4>
        

            <a href="https://animalinyou.com/#test" target="_blank" style="color: black">
                <img class="w-100" src="assets/images/background1.jpg">
                The Animal in You
            </a><br><br>
            
            <a href="https://play.howstuffworks.com/quiz/which-element-are-you" target="_blank" style="color: black">
                <img class="w-100" src="assets/images/background2.jpg">
                Which Element are you?
            </a><br><br>

            <a href="https://youtu.be/xctlaTmJ_zQ" target="_blank" style="color: black">    
                <img class="w-100" src="assets/images/background3.jpg">
                Science Experiments You Haven't Seen
            </a><br><br>

            <a href="https://science.sciencemag.org/" target="_blank" style="color: black">    
                <img class="w-100" src="assets/images/background4.jpg">
                Science Magazines
            </a><br><br>
    </div>
</section>

<!-- FACEBOOK PAGE NAME -->

<?php 
    $fb_page = "https://www.facebook.com/SciHive-1682859158525543"
?>


<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v4.0&appId=309155756670591&autoLogAppEvents=1"></script>

<div style="width: 100%; background-color: #eeeff1">
    <center>
        <div class="fb-page" data-href="<?php echo $fb_page ?>" data-tabs="timeline" data-width="" data-height="736" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="true"><blockquote cite="<?php echo $fb_page ?>" class="fb-xfbml-parse-ignore"><a href="<?php echo $fb_page ?>">SciHive</a></blockquote></div>
    </center>
</div>























<section class="clients cid-rF1V27i0Sw" data-interval="false" id="clients-13" style="background-color: red !important">
      

    
        <div class="container mb-5">
            <div class="media-container-row">
                <div class="col-12 align-center">
                    <h2 class="mbr-section-title pb-3 mbr-fonts-style display-2">
                        Special thanks to these
                    </h2>
                    <h3 class="mbr-section-subtitle mbr-light mbr-fonts-style display-5">
                        Awesome Companies
                    </h3>
                </div>
            </div>
        </div>

    <div class="container">
        <div class="carousel slide" role="listbox" data-pause="true" data-keyboard="false" data-ride="carousel" data-interval="5000">
            <div class="carousel-inner" data-visible="5">
                
                
                
                
                
            <div class="carousel-item ">
                    <div class="media-container-row">
                        <div class="col-md-12">
                            <div class="wrap-img ">
                                <img src="assets/images/1.png" class="img-responsive clients-img">
                            </div>
                        </div>
                    </div>
                </div><div class="carousel-item ">
                    <div class="media-container-row">
                        <div class="col-md-12">
                            <div class="wrap-img ">
                                <img src="assets/images/2.png" class="img-responsive clients-img">
                            </div>
                        </div>
                    </div>
                </div><div class="carousel-item ">
                    <div class="media-container-row">
                        <div class="col-md-12">
                            <div class="wrap-img ">
                                <img src="assets/images/3.png" class="img-responsive clients-img">
                            </div>
                        </div>
                    </div>
                </div><div class="carousel-item ">
                    <div class="media-container-row">
                        <div class="col-md-12">
                            <div class="wrap-img ">
                                <img src="assets/images/4.png" class="img-responsive clients-img">
                            </div>
                        </div>
                    </div>
                </div><div class="carousel-item ">
                    <div class="media-container-row">
                        <div class="col-md-12">
                            <div class="wrap-img ">
                                <img src="assets/images/5.png" class="img-responsive clients-img">
                            </div>
                        </div>
                    </div>
                </div></div>
            <div class="carousel-controls">
                <a data-app-prevent-settings="" class="carousel-control carousel-control-prev" role="button" data-slide="prev">
                    <span aria-hidden="true" class="mbri-left mbr-iconfont"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a data-app-prevent-settings="" class="carousel-control carousel-control-next" role="button" data-slide="next">
                    <span aria-hidden="true" class="mbri-right mbr-iconfont"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
    </div>
</section>

<section id="social-buttons2-12" >


    <div class="container" style="background-color: orange !important">
        <div class="media-container-row">
            <div class="col-md-8 align-center">
                <h4 class="pb-3 mbr-fonts-style display-2">
                    FOLLOW US!
                </h4>
                <div class="social-list pl-0 mb-0">
                    <a href="" target="_blank" style="color: black">
                        <span class="px-2 socicon-twitter socicon mbr-iconfont mbr-iconfont-social"></span>
                    </a>
                    <a href="https://www.facebook.com/SciHive-1682859158525543" target="_blank" style="color: black">
                        <span class="px-2 socicon-facebook socicon mbr-iconfont mbr-iconfont-social"></span>
                    </a>
                    <a href="" target="_blank" style="color: black">
                        <span class="px-2 socicon-instagram socicon mbr-iconfont mbr-iconfont-social"></span>
                    </a>
                    <a href="" target="_blank" style="color: black">
                        <span class="px-2 socicon-youtube socicon mbr-iconfont mbr-iconfont-social"></span>
                    </a>
                    <a href="" target="_blank" style="color: black">
                        <span class="px-2 socicon-github socicon mbr-iconfont mbr-iconfont-social"></span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>


  <script src="assets/web/assets/jquery/jquery.min.js"></script>
  <script src="assets/popper/popper.min.js"></script>
  <script src="assets/bootstrap/js/bootstrap.min.js"></script>
  <script src="assets/smoothscroll/smooth-scroll.js"></script>
  <script src="assets/tether/tether.min.js"></script>
  <script src="assets/touchswipe/jquery.touch-swipe.min.js"></script>
  <script src="assets/bootstrapcarouselswipe/bootstrap-carousel-swipe.js"></script>
  <script src="assets/mbr-clients-slider/mbr-clients-slider.js"></script>
  <script src="assets/sociallikes/social-likes.js"></script>
  <script src="assets/dropdown/js/nav-dropdown.js"></script>
  <script src="assets/dropdown/js/navbar-dropdown.js"></script>
  <script src="assets/theme/js/script.js"></script>
  
  
</body>
</html>

<?php
}else{
  header('location:errorlogin.php');
}
?>   

<file_sep>/SciHive Source Code (Client)/www/games/candylandia/candy.js
/* Copyright (c) 2017 MIT 6.813/6.831 course staff, all rights reserved.
 * Redistribution of original or derived work requires permission of course staff.
 */

 /**
 * This object represents a candy on the board. Candies have a row
 * and a column, and a color
 */

var Candy = function(color, id)
{
 ////////////////////////////////////////////////
 // Representation
 //

 // Two immutable properties
 Object.defineProperty(this, 'color', {value: color, writable: false});
 Object.defineProperty(this, 'id', {value: id, writable: false});

 // Two mutable properties
 this.row = null;
 this.col = null;

 ////////////////////////////////////////////////
 // Public methods
 //
 this.toString = function()
 {
   var name = this.color;
   return name;
 }
};

Candy.colors = [
  'red',
  'yellow',
  'green',
  'orange',
  'blue',
  'purple'
];
<file_sep>/SciHive Source Code (Server)/pamahalaan/process-student-register.php
<?php  
require_once('../connector.php');

 

$s_ID = $_POST['s_ID'];  
$s_fname = $_POST['s_fname'];  
$s_lname = $_POST['s_lname'];  
$s_sname = $_POST['s_sname'];  
$s_bday = $_POST['s_bday'];  
$s_gender = $_POST['s_gender'];  
$s_uname = $_POST['s_uname'];  
$s_password = $_POST['s_password'];  
$s_section = $_POST['s_section'];
$s_teacher = $_POST['s_teacher'];


if(isset($_POST['submit'])){
	$studenting=$db->prepare("INSERT INTO sci_students ( s_ID, s_fname, s_lname, s_sname, s_bday, s_gender, s_uname, s_password, s_section, s_teacher )  VALUES ( '$s_ID', '$s_fname', '$s_lname', '$s_sname', '$s_bday', '$s_gender', '$s_uname', '$s_password', '$s_section', '$s_teacher')");

			$studenting->execute();



/*	$xwxwxw = $db->prepare("UPDATE teachers SET Tnumofstud = Tnumofstud + 1");
	$xwxwxw->execute();*/

	header('location:registration-student-GOOD.php');
}else{
	header('location:registration-BAD.php');
}
 ?>

<!-- may error tayo sa registration pag doble primary key, kailangan ierror handling exception ek ek --><file_sep>/SciHive Source Code (Client)/www/games/js/plugins/PictureWipe.js
//=============================================================================
// PictureWipe.js
//=============================================================================

/*:
 * @plugindesc Transition effects for event pictures.
 * @author <NAME>
 *
 * @help
 *
 * Plugin Command:
 *   PictureWipe 1 down in 60
 *
 * The above plugin command means that the "down" transition effect will be
 * applied for displaying the picture #1, in 60 frames.
 *
 * The first argument specifies the picture ID.
 *
 * The second argument specifies the type of the effect.
 * Can be selected from the following types:
 *   down   - From the top to the bottom.
 *   up     - From the bottom to the top.
 *   right  - From the left to the right.
 *   left   - From the right to the left.
 *   square - From the center to the edge with a square shape.
 *   circle - From the center to the edge with a circle shape.
 *   hblind - Horizontal blind effect.
 *   vblind - Vertical blind effect.
 *   grid   - Grid effect.
 *
 * The third argument should be "in" to display or "out" to erase.
 *
 * The fourth argument specifies the transition time in frames.
 */

/*:ja
 * @plugindesc ピクチャの切り替えエフェクトです。
 * @author <NAME>
 *
 * @help
 *
 * プラグインコマンド:
 *   PictureWipe 1 down in 60
 *
 * 上記のプラグインコマンドは、ピクチャ１番を表示する際に「down」の切り替え
 * エフェクトを60フレーム表示することを指定しています。
 *
 * 1つ目の引数には、ピクチャIDを指定します。
 *
 * 2つ目の引数には、エフェクトの種類を指定します。
 * 以下の種類が選択可能です:
 *   down   - 上から下へ。
 *   up     - 下から上へ。
 *   right  - 左から右へ。
 *   left   - 右から左へ。
 *   square - 正方形で中央から端へ。
 *   circle - 円形で中央から端へ。
 *   hblind - 水平ブラインド効果。
 *   vblind - 垂直ブラインド効果。
 *   grid   - グリッド効果。
 *
 * 3つ目の引数は、表示なら「in」、消去なら「out」とします。
 *
 * 4つめの引数は、トランジション時間をフレーム数で指定します。
 */

(function() {

    var _Game_Interpreter_pluginCommand =
            Game_Interpreter.prototype.pluginCommand;
    Game_Interpreter.prototype.pluginCommand = function(command, args) {
        _Game_Interpreter_pluginCommand.call(this, command, args);
        if (command === 'PictureWipe') {
            var pictureId = Number(args[0]);
            var wipeType = String(args[1]) || 'down';
            var wipeDirection = String(args[2]) || 'in';
            var wipeMaxFrames = Number(args[3]) || 60;
            var picture = $gameScreen.picture(pictureId);
            if (picture) {
                picture.wipeType = wipeType;
                picture.wipeDirection = wipeDirection;
                picture.wipeMaxFrames = wipeMaxFrames;
                picture.wipeIndex = 0;
            }
        }
    };

    var _Game_Picture_update = Game_Picture.prototype.update;
    Game_Picture.prototype.update = function() {
        _Game_Picture_update.call(this);
        this.updateWipe();
    };

    Game_Picture.prototype.updateWipe = function() {
        if (this.wipeIndex < this.wipeMaxFrames) {
            this.wipeIndex++;
        }
    };

    var _Sprite_Picture_update = Sprite_Picture.prototype.update;
    Sprite_Picture.prototype.update = function() {
        _Sprite_Picture_update.call(this);
        if (this.picture() && this.visible) {
            this.updateWipe();
        }
    };

    Sprite_Picture.prototype.updateWipe = function() {
        var picture = this.picture();
        if (picture.wipeIndex < picture.wipeMaxFrames) {
            var source = ImageManager.loadPicture(this._pictureName);
            if (source.isReady()) {
                if (!this.bitmap || this.bitmap === source) {
                    this.bitmap = new Bitmap(source.width, source.height);
                }
                var density = 0;
                if (picture.wipeDirection === 'in') {
                    density = picture.wipeIndex / picture.wipeMaxFrames;
                } else if (picture.wipeDirection === 'out') {
                    density = 1 - picture.wipeIndex / picture.wipeMaxFrames;
                }
                this.bitmap.clear();
                this.paintWipe(this.bitmap, picture.wipeType, density);
                var context = this.bitmap.context;
                context.save();
                context.globalCompositeOperation = 'source-in';
                context.drawImage(source.canvas, 0, 0);
                context.restore();
            }
        } else if (picture.wipeDirection === 'in') {
            this.bitmap = ImageManager.loadPicture(this._pictureName);
        } else if (picture.wipeDirection === 'out') {
            this.bitmap.clear();
        }
    };

    Sprite_Picture.prototype.paintWipe = function(bitmap, type, density) {
        var blindSize = 48;
        var w = bitmap.width;
        var h = bitmap.height;
        var cx = w / 2;
        var cy = h / 2;
        var color = 'white';
        var size, i, j;
        switch (type) {
        case 'down':
            size = h * density;
            bitmap.fillRect(0, 0, w, size, color);
            break;
        case 'up':
            size = h * density;
            bitmap.fillRect(0, h - size, w, size, color);
            break;
        case 'right':
            size = w * density;
            bitmap.fillRect(0, 0, size, h, color);
            break;
        case 'left':
            size = w * density;
            bitmap.fillRect(w - size, 0, size, h, color);
            break;
        case 'square':
            size = Math.max(w, h) / 2 * density;
            bitmap.fillRect(cx - size, cy - size, size * 2, size * 2, color);
            break;
        case 'circle':
            size = Math.sqrt(w * w + h * h) / 2 * density;
            bitmap.drawCircle(cx, cy, size, color);
            break;
        case 'hblind':
            size = blindSize * density;
            for (i = 0; i < h; i += blindSize) {
                bitmap.fillRect(0, i, w, size, color);
            }
            break;
        case 'vblind':
            size = blindSize * density;
            for (i = 0; i < w; i += blindSize) {
                bitmap.fillRect(i, 0, size, h, color);
            }
            break;
        case 'grid':
            size = blindSize * density;
            for (i = 0; i < h; i += blindSize) {
                for (j = 0; j < w; j += blindSize) {
                    bitmap.fillRect(j, i, size, size, color);
                }
            }
            break;
        }
    };

})();
<file_sep>/SciHive Source Code (Server)/pamahalaan/process-register.php

<?php  
require_once('../connector.php');



$t_ID = $_POST['t_ID'];  
$t_fname = $_POST['t_fname'];  
$t_lname = $_POST['t_lname'];  
$t_sname = $_POST['t_sname'];  
$t_gender = $_POST['t_gender'];  
$t_uname = $_POST['t_uname'];  
$t_password = $_POST['t_password'];  


if(isset($_POST['submit'])){
	$teachering=$db->prepare("INSERT INTO sci_teachers ( t_ID, t_fname, t_lname, t_sname, t_gender, t_uname, t_password )  VALUES ( '$t_ID', '$t_fname', '$t_lname', '$t_sname', '$t_gender', '$t_uname', '$t_password' )");
			$teachering->execute();



	//$xwxwxw = $db->prepare("UPDATE dashboardesu SET TotalTeachers = TotalTeachers + 1");
	//$xwxwxw->execute();

	header('location:registration-GOOD.php');
}else{
	header('location:registration-BAD.php');
}

?><file_sep>/SciHive Source Code (Server)/pamahalaan/process-student-update.php

 <?php  
require_once('../connector.php');


$s_ID = $_POST['s_ID'];  
$s_fname = $_POST['s_fname'];  
$s_lname = $_POST['s_lname'];  
$s_sname = $_POST['s_sname'];  
$s_bday = $_POST['s_bday'];  
$s_gender = $_POST['s_gender'];  
$s_uname = $_POST['s_uname'];  
$s_password = $_POST['s_password'];  
$s_section = $_POST['s_section'];  



if(isset($_POST['submit'])){
	$studenting=$db->prepare("UPDATE sci_students SET  s_ID = '$s_ID',  s_fname = '$s_fname',  s_lname = '$s_lname',  s_sname = '$s_sname',  s_bday = '$s_bday',  s_gender = '$s_gender',  s_uname = '$s_uname',  s_password = <PASSWORD>',  s_section = '$s_section' WHERE s_ID = '$s_ID' ");

			$studenting->execute();






	header('location:teacherHUB.php');
}
 ?>

<!-- may error tayo sa registration pag doble primary key, kailangan ierror handling exception ek ek --><file_sep>/SciHive Source Code (Server)/vendor/own.js
  function goodscorexss(){

    var goodie = Math.floor(Math.random() * 11 );
    var goodness;

         if (goodie == 0) { goodness = "Nice!"}
    else if (goodie == 1) { goodness = "Cool!"}
    else if (goodie == 2) { goodness = "Correct!"}
    else if (goodie == 3) { goodness = "Awesome!"}
    else if (goodie == 4) { goodness = "Sweet!"}
    else if (goodie == 5) { goodness = "Brilliant!"}
    else if (goodie == 6) { goodness = "Excellent!"}
    else if (goodie == 7) { goodness = "Good!"}
    else if (goodie == 8) { goodness = "Yeah!"}
    else if (goodie == 9) { goodness = "Okay!"}
    else if (goodie == 10) { goodness = "Bright!"}
        else goodness = "ewan";


    swal({
            title: goodness,
            text: "Correct Answer",
            imageUrl: "media/right.png",
            showConfirmButton: false,
            timer: 1200
        })
  }











  function badscorexss(){

    var badie = Math.floor(Math.random() * 6 );
    var badness;

         if (badie == 0) { badness = "Ooops!"}
    else if (badie == 1) { badness = "Sorry!"}
    else if (badie == 2) { badness = "Uh-oh!"}
    else if (badie == 3) { badness = "Bad!"}
    else if (badie == 4) { badness = "Wrong!"}
    else if (badie == 5) { badness = "Miss!"}
        else badness = "ewan";

    swal({
            title: badness,
            text: "Incorrect Answer",
            imageUrl: "media/wrong.png",
            showConfirmButton: false,
            timer: 1200
        })
  }



<file_sep>/SciHive Source Code (Server)/pamahalaan/teacherHUB.php
<?php 
include_once('../connector.php');
session_start();
if(isset($_SESSION['teacher_account'])){
?>




<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Teachers Portal</title>


<!--   <link rel="stylesheet" href="../vendor/jquery.mobile-1.4.5.min.css" /> -->
  

  <script src="../vendor/jquery-1.11.1.min.js"></script>
  
  
  <link href="../vendor/bootstrap.min.css" rel="stylesheet">


  <link rel="stylesheet" type="text/css" href="../vendor/own.css">


  <link rel="stylesheet" type="text/css" href="../vendor/sweetalert.css">

  <link rel="stylesheet" type="text/css" href="../vendor/elusive-icons.css">
  




            <!-- TO DISABLE SELECTING -->
            <style type="text/css">
              
            *
            {
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            }

            input
            {
            -webkit-user-select: auto !important;
            -khtml-user-select: auto !important;
            -moz-user-select: auto !important;
            -ms-user-select: auto !important;
            user-select: auto !important;
            }

            img { border: none; }

            button:focus {
              border: none;
              outline: none;
                }

              input:focus {
              border: none;
              outline: none;
                }

              html {height: 100%};
              body {height: 100%};

              .skwa:hover {border: 5px solid pink}

              .hoverer:hover {cursor: pointer;}

            </style>

<style>
/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../media/loader.gif) center no-repeat #fff;
}
</style>


<script type="text/javascript">
  //paste this code under the head tag or in a separate js file.
  // Wait for window load
  $(window).load(function() {
    // Animate loader off screen
    $(".se-pre-con").fadeOut("slow");;
  });
  
</script>


<script type="text/javascript">
  function lalabas() {
swal({
  title: "Logout ?",
  text: "Are you sure you want to exit?",
  type: "warning",
  showCancelButton: true,
  confirmButtonColor: "#ffc335",
  confirmButtonText: "Yeah!!",
  closeOnConfirm: false
},
function(){
  window.location = "process-logout.php";
});

  }
</script>





</head>

<body style="background-color: skyblue">

<div class="se-pre-con"></div> 

 

<?php

    $ohyeah = $_SESSION['xteacherID']; //gagamiting variable from session name ('WHERE' clause). . .
  
    $gumanakaha=$db->prepare("SELECT * FROM sci_teachers WHERE t_ID=:xteacherID");  //the query
    $gumanakaha->bindParam(':xteacherID',$ohyeah);  //importateng ibind muna yung variables para magamit sa querying
    $gumanakaha->execute(); //the go signal

    $waw=$gumanakaha->fetch(PDO::FETCH_ASSOC);  //importante to para ma output na yung laman ng database na tinawag sa query

   ?>









<nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #ffc335; width: 100%; position: fixed; top: 0; left: 0">

  <h3 class="navbar-brand" style="font-weight: bold"> <img src="beebot.png" width="25px"> SciHive Teachers Portal</h3>

  <a class="hoverer" onclick="lalabas()" style="position: fixed;top: 15px; right: 10px; color: white; font-weight: bold;">  Logout <span style="transform: rotate(270deg);" class="el el-fw">&#xf145</span></a>                  

</nav>


 


<br><br><br><br>

     

<div style="background-color: rgb(0,161,255); padding: 20px; border: 5px outset orange; border-radius: 25px; margin: 10px" >

  <div class="row">


      <div class="col-md-3"> 
        <table>

            <tr>
              <td> <h6>Teacher: </h6> </td>
              <td> <h5 style="color: rgba(0,0,0,0);">lol</h5> </td>
              <td> <h5><?php echo $waw['t_fname'] . " " .  $waw['t_lname'] . " " . $waw['t_sname'] ?> </h5> </td>
            </tr>

            <tr>
              <td> <h6>ID number: </h6> </td>
              <td> <h5 style="color: rgba(0,0,0,0);">lol</h5> </td>
              <td> <h5><?php echo $waw['t_ID']?> </h5> </td>
            </tr>

            <!-- <tr>
              <td> <h6>Class Name: </h6> </td>
              <td> <h5 style="color: rgba(0,0,0,0);">lol</h5> </td>
              <td> <h5><?php echo  $waw['NameOfClass']  ?> </h5> </td>
            </tr> -->
        </table>
      </div>


<!-- 
      <a class="col-md-2 btn skwa"  style="color: white; margin: 5px; background-color: orangered; border-radius: 25px; border: 5px ridge orangered">
          <h1><?php echo  $waw['Tnumofstud']  ?></h1>

          <div style="bottom: 0; border-top: 1px solid white">
            <h4><i class="el el-fw jellyrice" >&#xf17c;</i> Students </h4>
          </div>
      </a>



      <a class="col-md-2 btn skwa"  style="color: white; margin: 5px; background-color: turquoise; border-radius: 25px; border: 5px ridge turquoise">
          <h1><?php echo  $waw['Tnumofonline']  ?></h1>

          <div style="bottom: 0; border-top: 1px solid white">
            <h4><i class="el el-fw jellyrice" >&#xf18c;</i> Logins </h4>
          </div>
      </a>


      <a class="col-md-2 btn skwa"  style="color: white; margin: 5px; background-color: orange; border-radius: 25px; border: 5px ridge orange">
          <h1><?php echo  "0"  ?></h1>

          <div style="bottom: 0; border-top: 1px solid white">
            <h4><i class="el el-fw jellyrice" >&#xf14b;</i> Messages </h4>
          </div>
      </a>



      <a class="col-md-2 btn skwa"  style="color: white; margin: 5px; background-color: violet; border-radius: 25px; border: 5px ridge violet">
          <h1><?php echo   "0" ?></h1>

          <div style="bottom: 0; border-top: 1px solid white">
            <h4><i class="el el-fw jellyrice" >&#xf20d;</i> Likes </h4>
          </div>
      </a> -->

  </div>

</div>



  <br>
<div style="background-color: rgb(0,161,255); padding: 10px; border: 5px outset orange; border-radius: 25px; margin: 10px" >



  <h3 style="width: 100%">
      <i class="el el-fw">&#xf17c;</i> My Students <small>(By Section)</small>
    <small>
       <a href="#" id="yay" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="el el-fw" style="color: white;font-size: 15pt">&#xf1d0;</a>
        <div class="dropdown-menu" aria-labelledby="yay" style="padding: 5px; width: 30%">

          <a class="btn btn-sm btn-success"><i class="el el-fw" style="color: white">&#xf1ca;</i></a> <?php echo "  = "  ?> Add New Student
          <br><br>
          <a class="btn btn-sm btn-warning"> <i class="el el-fw" style="color: white"> &#xf1fe; </i>  </a> <?php echo "  = "  ?> Show Student's Scores
          <br><br>
          <a class="btn btn-sm btn-info"> <i class="el el-fw" style="color: white"> &#xf19b; </i>  </a> <?php echo "  = "  ?> Show Student's Information
          <br><br>
          <a class="btn btn-sm btn-secondary"> <i class="el el-fw" style="color: white"> &#xf1da; </i>  </a> <?php echo "  = "  ?> Refresh Window
          <br><br>

          <div class="row" style="margin: 0 !important; padding: 0 !important">
            <div class="col">
              <b>Progress Points </b> - how much progress does the student has done in the game, talking to people, visiting places and doing activities etc. In game they can use it as money etc.
            </div>

            <div class="col">
              <img src="money.png" width="100%">
            </div>
          </div>

        </div>
    </small>

      <button class="btn btn-success btn-sm" style="float: right;margin-bottom: 10px" data-toggle="modal" data-target="#signupmodal"><i class="el el-fw">&#xf1ca;</i></button>

      <button onclick="location.reload()" class="btn btn-secondary btn-sm" style="float: right;margin-bottom: 10px; margin-right: 5px"><i class="el el-fw">&#xf1da;</i></button>

  </h3>





  <table class="table table-sm table-hover" style="background-color: white">

        <tr style="background-color: lightyellow">
            <th>Student ID</th>
            <th>Name</th>
            <th>Gender</th>
            <th>Section</th>
            <th>Progress Points</th>
            <th>Action</th>
        </tr>





  



          <?php

              require_once('../connector.php');
              $stmt = $db->prepare("SELECT * FROM sci_students WHERE s_teacher=:xteacherID ORDER BY s_section ASC");
              $stmt->bindParam(':xteacherID',$ohyeah); //ginamit ko parin yung sa session para mafilter students
              $stmt->execute();

              foreach($stmt as $studidents) { 
          ?>

          <tr>

              <td><?=$studidents['s_ID']?></td>

              <td><?=$studidents['s_fname'] . " "  . $studidents['s_lname'] . " " . $studidents['s_sname'] ?> </td>

              <td> <?=$studidents['s_gender']?> </td>

              <td> <?=$studidents['s_section']?> </td>

              <td> <?=$studidents['s_GP']?> </td>

              <td>
                <a href="score_charts.php?id=<?=$studidents['s_ID']?>" class="btn btn-sm btn-warning" style="color: white"><i class="el el-fw"> &#xf1fe; </i>  </a>
                <a href="student-details.php?id=<?=$studidents['s_ID']?>" class="btn btn-sm btn-info"><i class="el el-fw"> &#xf19b; </i>  </a>
              </td>

          </tr>

        <?php } ?>

  </table>

</div>






































<!-- student register modal ------------------------------------------------ -->
  <div class="modal fade" id="signupmodal" tabindex="-1" role="dialog" arialabelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog" role="document">

      <form action="process-student-register.php" method="POST" style="background-color: #ffc335;border: 5px outset orange; padding: 10px; border-radius: 25px;">

      <div class="modal-content" style="background-color: rgb(0,161,255);">


        <br>
        <center>
          <h1 style="color: white; margin-top: 10px"> <i class="el el-fw">&#xf131</i> Student Registration </h1>
        </center>



      <div class="modal-body" style="background-color: rgb(0,161,255);">

 
        <br>

<div class="form-group">
      <label for="s_ID">ID No.</label><input type="text" name="s_ID" id="s_ID"  class="form-control" required="required" style="border: 1px solid orange; border-radius: 10px"/>
</div>

<div class="form-group">
      <label for="s_fname">First Name</label><input type="text" name="s_fname" id="s_fname"  class="form-control" required="required" style="border: 1px solid orange; border-radius: 10px"/>
</div>

<div class="form-group">
      <label for="s_lname">Last Name</label><input type="text" name="s_lname" id="s_lname"  class="form-control" required="required" style="border: 1px solid orange; border-radius: 10px"/>
</div>

<div class="form-group">
      <label for="s_sname">Suffix Name</label><input type="text" name="s_sname" id="s_sname"  class="form-control" style="border: 1px solid orange; border-radius: 10px"/>
</div>

<div class="form-group">
      <label for="s_bday">Birthday</label><input type="date" name="s_bday" id="s_bday"  class="form-control" required="required" style="border: 1px solid orange; border-radius: 10px"/>
</div>

<div class="form-group">
      <label for="s_gender">Gender</label><select name="s_gender" id="s_gender" class="form-control" required="required" style="border: 1px solid orange; border-radius: 10px">
      <option value="Male">Male</option>
      <option value="Female">Female</option>
      </select>
</div>

<div class="form-group">
      <label for="s_uname">User Name</label><input type="text" name="s_uname" id="s_uname"  class="form-control" required="required" style="border: 1px solid orange; border-radius: 10px"/>
</div>

<div class="form-group">
      <label for="s_password">Password</label><input type="<PASSWORD>" name="s_password" id="s_password"  class="form-control" required="required" style="border: 1px solid orange; border-radius: 10px"/>
</div>

<div class="form-group">
      <label for="s_section">Section</label><input type="text" name="s_section" id="s_section"  class="form-control" required="required" style="border: 1px solid orange; border-radius: 10px"/>
</div><br>

<div class="form-group" hidden="hidden">
      <label for="s_teacher">Section</label><input type="text" name="s_teacher" id="s_teacher"  class="form-control" required="required" value="<?php echo $ohyeah ?>" />
</div><br>

      <center><div class="form-group">
        <input type="checkbox" required="required" style="border: 2px solid orange;"> I agree to the <a href="" style="color: white"> <u> Terms and Data Use Policy </u> </a>.
      </div></center>



         <center>

        <button style="width: 45%; color: white; font-size: 15pt; font-weight: bold; box-shadow: 3px 3px 5px 1px rgba(10,10,10,.7);" type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>

        <button style="width: 45%; color: white; font-size: 15pt; font-weight: bold; box-shadow: 3px 3px 5px 1px rgba(10,10,10,.7);" type="submit" name="submit" class="btn btn-success"  onclick="return validate();">Register</button>

      </center>
  

        </div>

      </div>
    </form>
  </div>
</div>














   <!--  <script src="../vendor/jquery.mobile-1.4.5.min.js"></script> -->
    <script src="../vendor/bootstrap.bundle.min.js"></script>
    <script src="../vendor/jquery.min.js"></script>
    <script src="../vendor/sweetalert.min.js"></script>
    <script src="../vendor/own.js"></script>
</body>

</html>


<?php
}else{
  header('location:index.php');
}
?>  <file_sep>/SciHive Source Code (Server)/login_process_1.php

<?php
require_once('connector.php');

$username = $_GET['uname'];


$sql=$db->prepare("SELECT * FROM sci_students WHERE s_ID=:uname");
$sql->bindParam(':uname',$username);
$sql->execute();

$wee=$sql->fetch(PDO::FETCH_ASSOC);

$starring = $wee['s_fname'];

$section = $wee['s_section'];





if($row=$sql->rowCount()<>0){

	session_start();

	$_SESSION['account']=true;

	$_SESSION['welcomename'] = $starring;	// FIRST NAME
	$_SESSION['section'] = $section;		// SECTION
	$_SESSION['Username'] = $username;		// ID NUMBER




//PANG UPDATE KO NG LAST LOGIN -----------------------------------------------------------------------------------------
	$nowDate = date('Y-m-d H:i:s');
	$lastLogin = $db->prepare("UPDATE sci_students SET s_lastlogin = :sNOW WHERE s_ID=:sID");
			$lastLogin->bindParam(':sNOW',$nowDate);
			$lastLogin->bindParam(':sID',$username);
			$lastLogin->execute();





	header('location:index.php');
}

else{
			header('location:errorlogin.php');
	}



//                   localhost/sciserver/login_process_1.php?uname=16330006
?>
<file_sep>/SciHive Source Code (Server)/pp_update.php
<?php

require_once('connector.php');

$userID = $_GET['uID'];
$userPP = $_GET['uPP'];

	$waw = $db->prepare("UPDATE sci_students SET s_GP=:moneyX WHERE s_ID =:uID ");
	$waw->bindParam(':uID',$userID);
	$waw->bindParam(':moneyX',$userPP);
	$waw->execute();

?>
<file_sep>/scihive.sql
-- phpMyAdmin SQL Dump
-- version 4.8.5
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Generation Time: Nov 06, 2019 at 02:23 PM
-- Server version: 10.1.38-MariaDB
-- PHP Version: 7.1.27

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET AUTOCOMMIT = 0;
START TRANSACTION;
SET time_zone = "+00:00";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;

--
-- Database: `scihive`
--

-- --------------------------------------------------------

--
-- Table structure for table `sci_activity`
--

CREATE TABLE `sci_activity` (
  `activity_ID` int(11) NOT NULL,
  `activity_name` varchar(255) DEFAULT NULL,
  `activity_likes` varchar(255) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

-- --------------------------------------------------------

--
-- Table structure for table `sci_convo`
--

CREATE TABLE `sci_convo` (
  `convo_ID` int(11) NOT NULL,
  `convo_name` varchar(255) DEFAULT NULL,
  `convo_content` varchar(255) DEFAULT NULL,
  `convo_user` varchar(255) DEFAULT NULL,
  `convo_loc` varchar(255) DEFAULT NULL,
  `convo_date_time` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Dumping data for table `sci_convo`
--

INSERT INTO `sci_convo` (`convo_ID`, `convo_name`, `convo_content`, `convo_user`, `convo_loc`, `convo_date_time`) VALUES
(1, NULL, 'wehehehe', 'Crizon', '', '2019-10-17 14:33:09'),
(2, NULL, 'Hello', 'Crizon', NULL, '2019-10-17 14:37:00'),
(3, NULL, 'Ot', 'Crizon', 'uploads/71284904_2193102694129495_553667781770346496_n.jpg', '2019-10-17 14:38:12'),
(4, NULL, 'Ppoyek', 'Crizon', 'uploads/71284904_2193102694129495_553667781770346496_n.jpg', '2019-10-17 14:38:12'),
(5, NULL, 'Ppoyekhahaa', 'Crizon', 'uploads/71284904_2193102694129495_553667781770346496_n.jpg', '2019-10-17 14:38:12'),
(6, NULL, 'What', 'Crizon', NULL, '2019-10-17 14:38:43'),
(7, NULL, 'What the fuck', 'Crizon', NULL, '2019-10-17 14:38:57'),
(8, NULL, 'Daamn', 'Crizon', 'uploads/66834128_443106139870595_2399654247533641728_n.jpg', '2019-10-17 14:39:34'),
(9, NULL, 'anything wrong?', 'Crizon', NULL, '2019-10-17 14:40:21'),
(10, NULL, 'You are wrong', 'Frenole', NULL, '2019-10-17 14:41:12'),
(11, NULL, 'Anything?', 'Frenole', NULL, '2019-10-17 14:42:07'),
(12, NULL, 'I think were missing something', 'Frenole', NULL, '2019-10-17 14:42:30'),
(13, NULL, 'What could that be', 'Frenole', NULL, '2019-10-17 14:42:39'),
(14, NULL, 'Mga loko loko hahaha', 'Frenole', NULL, '2019-10-17 14:42:59'),
(15, NULL, 'Why am i talking tomy self?', 'Frenole', NULL, '2019-10-17 14:43:15'),
(16, NULL, 'ðŸ˜', 'Frenole', NULL, '2019-10-17 14:43:23'),
(17, NULL, 'Ihopethat emoji issupported', 'Frenole', NULL, '2019-10-17 14:43:38'),
(18, NULL, 'Yeahhahaha', 'Frenole', NULL, '2019-10-17 14:43:46'),
(19, NULL, 'Weee', 'Frenole', NULL, '2019-10-17 14:44:34'),
(20, NULL, 'Hello', 'Crizon', NULL, '2019-10-17 14:45:50'),
(21, NULL, 'Zup frenny', 'Crizon', NULL, '2019-10-17 14:46:01'),
(22, NULL, 'Hu', 'Crizon', NULL, '2019-10-17 14:47:30'),
(23, NULL, 'What the hell', 'Crizon', NULL, '2019-10-17 14:47:58'),
(24, NULL, 'Back', 'Crizon', NULL, '2019-10-17 14:49:00'),
(25, NULL, 'Simple chat app', 'Crizon', NULL, '2019-10-17 14:49:28'),
(26, NULL, 'Itsgreate tho', 'Crizon', NULL, '2019-10-17 14:49:35'),
(27, NULL, 'Yu', 'Crizon', NULL, '2019-10-17 14:50:04'),
(28, NULL, 'Yu', 'Crizon', NULL, '2019-10-17 14:50:28'),
(29, NULL, 'You think its cool', 'Crizon', NULL, '2019-10-17 14:55:14'),
(30, NULL, 'Well i guess', 'Crizon', NULL, '2019-10-17 14:55:21'),
(31, NULL, 'Helo', 'Crizon', NULL, '2019-10-17 15:26:55'),
(32, NULL, 'Potek', 'Crizon', NULL, '2019-10-17 15:27:01'),
(33, NULL, 'The more you type', 'Crizon', NULL, '2019-10-17 15:27:09'),
(34, NULL, 'Kusa naman pala aangat', 'Crizon', NULL, '2019-10-17 15:29:17'),
(35, NULL, 'Yow', 'Crizon', NULL, '2019-10-17 15:58:20'),
(36, NULL, 'Yo', 'Crizon', NULL, '2019-10-17 15:58:27'),
(37, NULL, 'Hello', 'Crizon', NULL, '2019-10-21 18:39:04'),
(38, NULL, 'Charf', 'Crizon', NULL, '2019-10-22 05:55:28'),
(39, NULL, 'Nakabuntis pinsan ko', 'Frenole', NULL, '2019-10-22 05:55:49'),
(40, NULL, 'Pota ka', 'Crizon', NULL, '2019-10-22 05:55:56');

-- --------------------------------------------------------

--
-- Table structure for table `sci_likes`
--

CREATE TABLE `sci_likes` (
  `like_ID` int(11) NOT NULL,
  `like_for` varchar(255) DEFAULT NULL,
  `like_user` varchar(255) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

-- --------------------------------------------------------

--
-- Table structure for table `sci_scores`
--

CREATE TABLE `sci_scores` (
  `score_ID` int(11) NOT NULL,
  `score_game` varchar(255) DEFAULT NULL,
  `score_actual` int(255) NOT NULL,
  `score_student` varchar(255) DEFAULT NULL,
  `score_date_time` date NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Dumping data for table `sci_scores`
--

INSERT INTO `sci_scores` (`score_ID`, `score_game`, `score_actual`, `score_student`, `score_date_time`) VALUES
(1, 'quiz_1', 1, 'Crizon', '0000-00-00'),
(2, 'quiz_1', 3, 'CJ', '0000-00-00'),
(3, 'quiz_1', 3, 'Crzn', '0000-00-00'),
(4, 'quiz_1', 2, 'Lul', '0000-00-00'),
(5, 'quiz_1', 1, 'Toto', '0000-00-00'),
(6, 'quiz_1', 1, 'aako', '0000-00-00'),
(7, 'quiz_1', 3, 'RatBo', '0000-00-00'),
(8, 'quiz_1', 2, 'KingInadesu', '0000-00-00'),
(9, 'quiz_1', 3, 'Yawang', '0000-00-00'),
(10, 'quiz_1', 1, 'Jawa', '0000-00-00'),
(11, 'quiz_1', 1, 'Futa', '0000-00-00'),
(12, 'quiz_1', 2, '<NAME>', '0000-00-00'),
(13, 'quiz_1', 3, 'Damet', '0000-00-00'),
(14, 'quiz_1', 3, 'Jo', '0000-00-00'),
(15, 'quiz_1', 2, 'DIDI', '0000-00-00'),
(16, 'quiz_1', 1, 'FUTA', '0000-00-00'),
(17, 'quiz_1', 3, 'JAWA', '0000-00-00'),
(18, 'quiz_1', 1, 'awkko', '0000-00-00'),
(19, 'quiz_1', 3, 'aehmo', '0000-00-00'),
(20, 'quiz_1', 2, 'Dajkl', '0000-00-00'),
(37, 'quiz_1', 4, 'Waw', '0000-00-00'),
(38, 'quiz_1', 5, 'Chup', '0000-00-00'),
(39, 'quiz_1', 5, 'Buji', '0000-00-00');

-- --------------------------------------------------------

--
-- Table structure for table `sci_sections`
--

CREATE TABLE `sci_sections` (
  `section_ID` int(11) NOT NULL,
  `section_name` varchar(255) DEFAULT NULL,
  `section_teacher` varchar(255) DEFAULT NULL,
  `section_size` double DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

-- --------------------------------------------------------

--
-- Table structure for table `sci_students`
--

CREATE TABLE `sci_students` (
  `s_ID` varchar(11) NOT NULL,
  `s_fname` varchar(255) DEFAULT NULL,
  `s_lname` varchar(255) DEFAULT NULL,
  `s_sname` varchar(255) DEFAULT NULL,
  `s_bday` date DEFAULT NULL,
  `s_gender` varchar(255) DEFAULT NULL,
  `s_uname` varchar(255) DEFAULT NULL,
  `s_password` varchar(255) DEFAULT NULL,
  `s_section` varchar(255) DEFAULT NULL,
  `s_teacher` varchar(255) DEFAULT NULL,
  `s_lastlogin` datetime DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Dumping data for table `sci_students`
--

INSERT INTO `sci_students` (`s_ID`, `s_fname`, `s_lname`, `s_sname`, `s_bday`, `s_gender`, `s_uname`, `s_password`, `s_section`, `s_teacher`, `s_lastlogin`) VALUES
('14310792', 'Frenolie', 'Verses', 'III', '2019-11-06', 'FemaleX', 'FVNE', 'bbq', 'Flower Power', '911', NULL),
('16330006', 'Crizon', 'Parcia', 'Jr.', '1993-11-18', 'Male', 'crzn.io', 'crzn.io', '2', '911', '2019-11-06 13:08:01');

-- --------------------------------------------------------

--
-- Table structure for table `sci_teachers`
--

CREATE TABLE `sci_teachers` (
  `t_ID` int(11) NOT NULL,
  `t_fname` varchar(255) DEFAULT NULL,
  `t_lname` varchar(255) DEFAULT NULL,
  `t_sname` varchar(255) DEFAULT NULL,
  `t_bday` date DEFAULT NULL,
  `t_gender` varchar(255) DEFAULT NULL,
  `t_uname` varchar(255) DEFAULT NULL,
  `t_password` varchar(255) DEFAULT NULL,
  `t_lastlogin` datetime DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Dumping data for table `sci_teachers`
--

INSERT INTO `sci_teachers` (`t_ID`, `t_fname`, `t_lname`, `t_sname`, `t_bday`, `t_gender`, `t_uname`, `t_password`, `t_lastlogin`) VALUES
(911, 'John', 'Cena', 'Jr.', NULL, NULL, 'x@x.x', 'xxx', '2019-11-06 14:18:28'),
(1234, 'qwer', 'qwer', 'qwer', NULL, 'Male', 'qwer', 'qwer', NULL),
(123456, 'qwert', 'qwer', 'qwer', NULL, 'Female', 'qwer', 'qwer', NULL);

--
-- Indexes for dumped tables
--

--
-- Indexes for table `sci_activity`
--
ALTER TABLE `sci_activity`
  ADD PRIMARY KEY (`activity_ID`);

--
-- Indexes for table `sci_convo`
--
ALTER TABLE `sci_convo`
  ADD PRIMARY KEY (`convo_ID`);

--
-- Indexes for table `sci_likes`
--
ALTER TABLE `sci_likes`
  ADD PRIMARY KEY (`like_ID`);

--
-- Indexes for table `sci_scores`
--
ALTER TABLE `sci_scores`
  ADD PRIMARY KEY (`score_ID`);

--
-- Indexes for table `sci_sections`
--
ALTER TABLE `sci_sections`
  ADD PRIMARY KEY (`section_ID`);

--
-- Indexes for table `sci_students`
--
ALTER TABLE `sci_students`
  ADD PRIMARY KEY (`s_ID`);

--
-- Indexes for table `sci_teachers`
--
ALTER TABLE `sci_teachers`
  ADD PRIMARY KEY (`t_ID`);

--
-- AUTO_INCREMENT for dumped tables
--

--
-- AUTO_INCREMENT for table `sci_convo`
--
ALTER TABLE `sci_convo`
  MODIFY `convo_ID` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=41;

--
-- AUTO_INCREMENT for table `sci_scores`
--
ALTER TABLE `sci_scores`
  MODIFY `score_ID` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=40;
COMMIT;

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
<file_sep>/SciHive Source Code (Client)/www/lessons/earth_space/lands.html
<!DOCTYPE html>
<html>
<head>

	<meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
	<title>Landforms</title>

	<style>
            html,body{height: 100%}
            .hyperX{height: 100%}
        </style>
        <script src="../../vendor/jquery-1.11.1.min.js"></script>
        <link rel="stylesheet" type="text/css" href="../../vendor/sweetalert2.css">
        <link rel="stylesheet" type="text/css" href="../../vendor/animate.css">
        <link href="../../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="../../vendor/elusive-icons.css">
        <link href="../../vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" type="text/css" href="../../vendor/own.css">







<!-- TO DISABLE SELECTING -->
            <style type="text/css">
              
            *
            {
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            }

            input
            {
            -webkit-user-select: auto !important;
            -khtml-user-select: auto !important;
            -moz-user-select: auto !important;
            -ms-user-select: auto !important;
            user-select: auto !important;
            }

            img { border: none; }

            button:focus {
              border: none;
              outline: none;
                }

            input:focus {
              border: none;
              outline: none;
                }


            </style>

            <script type="text/javascript">
            	
            </script>


    </head>

<body style="background-color: black; background-image: url(../../img/hexellence.png)">
    <script type="text/javascript" src="../../cordova.js"></script>


	<center>
		<h4 style="background-color: #7714d1; padding: 5px; top:0 ; width: 100%; z-index: 1; position: fixed; color: white; background-image: url(../../img/hexellence.png);">Landforms</h4>
		<h4 onclick="balik()" class="fas fa-fw fa-chevron-left" style="z-index: 2; position: fixed; left: 5px; top: 10px; color: white"></h4>
	</center>

<br>
<br>

	

	<div style="text-align: justify; padding: 5%; margin: 2.5%; width: 95%;  background-color: white;border-radius: 5px">

		<div class="row" style="margin: 0">
			
			<div id="tts">
				<button onclick="read1()" class="btn btn-secondary"><i class="fas fa-fw fa-play"></i></button>
			</div>

			<span style="color: rgba(0,0,0,0);">h</span>

			<h3> Philippine Landforms </h3>	
		
		</div>


	<script type="text/javascript" src="../../vendor/model-viewer.js"></script>
    <center>
        <model-viewer style="width: 100%; height: 300px" src="Philippines/land.gltf" auto-rotate camera-controls background-color="black">
        </model-viewer>
        3D Model (Touch and Rotate)
    </center><br><br>

    <img src="Philippines/land1.jpg" width="100%" style="border:3px outset orange">
    <br><br>
		

	

	<p>
        A landform is a natural or artificial feature of the solid surface of the Earth or other planetary body. Landforms together make up a given terrain, and their arrangement in the landscape is known as topography.<br><br>

        Philippines is a beautiful country because it has different land and water formations that shaped our country. Here are some land forms in the Philippines:<br><br>


        <h5>Volcano (Bulkan)</h5>
        <img src="Philippines/land2.jpg" width="100%" style="border:3px outset orange"><br><br>
        A volcano is a mountain with a large hole at the top. There are active volcanoes and inactive volcanoes found in the Philippines. We have almost 200 volcanoes, but only 22 volcanoes are active. Mayon volcano is an example of an active volcano. It is located in Bicol province. It is one of the beautiful volcanoes because of its perfect cone. Another example is found in Talisay, Batangas. It is known as Taal Volcano. This is the smallest volcano in the world, and you will be amazed how beautiful it is.<br><br>


        <h5>Hill (Burol)</h5>
        <img src="Philippines/land3.jpg" width="100%" style="border:3px outset orange"><br><br>
        A hill is a high mass of land less than a mountain. It is still a part of a mountain, but it is in the lower part. This land form is used by farmers to graze their cows, goats, and carabaos because of its abundant grass and plants. Chocolate Hill is the famous hill in the Philippines found in Bohol.<br><br>


        <h5>Plain (Kapatagan)</h5>
        <img src="Philippines/land4.jpg" width="100%" style="border:3px outset orange"><br><br>
        A plain is a wide and flat land. Most developed cities in the Philippines are located in a plain land. It is also an ideal place for farming. The plain of Central Luzon is the largest plain in the country. It is also known as the rice granary of the Philippines.<br><br>


        <h5>Mountain (Bundok)</h5>
        <img src="Philippines/land5.jpg" width="100%" style="border:3px outset orange"><br><br>
        Philippines is rich in mountains. Mt. Apo is the highest mountain in the Philippines, and it is located in Davao, Mindanao. The second highest mountain is Mt. Dulang-Dulang found in Bukidnon. The third highest mountain is Mt. Pulag in Benguet. There are four mountain ranges in our country: Sierra Madre Mountains are the longest mountain range; Zambales mountain range;Cordillera mountain range;and Caraballo mountain range.<br><br>


        <h5>Plateau (Talampas)</h5>
        <img src="Philippines/land6.jpg" width="100%" style="border:3px outset orange"><br><br>
        A plateau is a wide plain on top of a hill or mountain. Many farmers lived here because it has a cool weather. It is also ideal for planting and growing vegetables and fruits. Tagaytay City and Baguio City are good examples of beautiful plateau in Philippines.<br><br>


        <h5>Valley (Lambak)</h5>
        <img src="Philippines/land7.jpg" width="100%" style="border:3px outset orange"><br><br>
        A valley is a plain land between the foot of the hills or mountains. Cagayan valley is the largest valley in the country. La Trinidad valley in Benguet is used for planting vegetables and fruits. You can find here different vegetables and fruits.<br><br>


        <h5>Cape (Tangos)</h5>
        <img src="Philippines/land8.jpg" width="100%" style="border:3px outset orange"><br><br>
        A cape is point of land running into the water. Some capes are used for docking sea vessels. Also, some constructions are built for good purposes. An example of a beautiful cape is in Pangasinan. It is called Cape Bolinao. A lighthouse was built there to guide sea travelers.<br><br>



    </p><br><br>


    <center>
        <model-viewer style="width: 100%; height: 400px" src="blank.gltf" auto-rotate camera-controls background-image="Philippines/landX.jpg">
        </model-viewer>
        360° Photo (Touch and Rotate)
    </center><br>

    <center>
        <a href="landVR.html" class="btn btn-danger"><i class="fas fa-vr-cardboard"></i> VR Landform</a>
    </center>







	</div>













<script type="text/javascript">

//READ THE TEXT TO SPEECH	
	function read1(){

		var line_1 = "Landforms. The Landforms is an archipelago, or string of over 7,100 islands, in southeastern Asia between the South China Sea and the Pacific Ocean. The two largest islands, Luzon and Mindanao, make up for two-thirds of the total land area. Only about one third of the islands are inhabited. FAST FACTS. OFFICIAL NAME: Republic of the Landforms. FORM OF GOVERNMENT: Republic. CAPITAL: Manila. POPULATION: 105,893,381. OFFICIAL LANGUAGE: Filipino (based on Tagalog), English. MONEY: Philippine peso. AREA: About 115,831 square miles (300,000 square kilometers). PEOPLE & CULTURE. Filipinos are predominantly of Malay descent, frequently with Chinese and sometimes American or Spanish ancestry. Many Filipinos have Spanish names because of a 19th-century Spanish decree that required them to use Spanish surnames, or last names. Parents often name their children after the saint whose feast day was on the day of their birth. Elementary education in the Landforms starts at age seven, is required by law, and lasts for six years. Secondary education begins at age 13 and lasts for four years; undergraduate college instruction typically is four years. NATURE. The islands are home to many species of flowering plants and ferns, including hundreds of species of orchids. Tall grasses have replaced the forests, which have disappeared due to logging, mining, and development. The Landforms are inhabited by more than 200 species of mammals, including monkeys, squirrels, lemurs, mice, pangolins, chevrotains, mongooses, civet cats, and red and brown deer, among others. The binturong, or Asian bear cat, was once prominent, but now this furry mammal is vulnerable. The tamaraw, a species of small water buffalo found only on Mindoro, is critically endangered. Hundreds of species of birds live in the Landforms, either for all or part of the year, including peacocks, pheasants, doves, parrots, kingfishers, sunbirds, tailorbirds, weaverbirds, and hornbills. The endangered Philippine eagle, which eats monkeys, is barely surviving deforestation. GOVERNMENT. Filipinos elect their president. The president is the head of state and the commander-in-chief of the armed forces and serves a six-year term. The economy is based on agriculture, light industry, and services. The country produces bananas, rice, coconuts, corn, fish, mangos, pineapples, sugarcane, pork, and beef.";

	    TTS.speak({
	        text: line_1,
	        locale: 'en-US',
	        rate: 1
	    });

	    //
	    var codeBlock='<button onclick="stop1()" class="btn btn-secondary"><i class="fas fa-fw fa-volume-mute"></i></button>';
	    document.getElementById("tts").innerHTML = codeBlock;

	}






//STOP THE TEXT TO SPEECH
	function stop1(){
		TTS.speak({text: ''});

		//set the new icon to button
		var codeBlock='<button onclick="read1()" class="btn btn-secondary"><i class="fas fa-fw fa-play"></i></button>';
	    document.getElementById("tts").innerHTML = codeBlock;
	}










//STOP THE TEXT TO SPEECH AND GO BACK HISTORY using back button
	document.addEventListener("deviceready", onDeviceReady, false);
                function onDeviceReady() {
                    document.addEventListener("backbutton", function () {
                        TTS.speak({text: ''});
                        window.history.back();

                    }, false );
            }

//STOP THE TEXT TO SPEECH AND GO BACK HISTORY using a link button
    function balik(){
    	TTS.speak({text: ''});
        window.history.back();
    }
</script>






	<script crossorigin type="text/javascript" src="../../vendor/sweetalert2.js"></script>
    <script src="../../vendor/jquery/jquery.min.js"></script>
    <script src="../../vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html><file_sep>/SciHive Source Code (Server)/pamahalaan/process-login.php
<?php

	require_once('../connector.php');

	$Tusername = $_POST['txtTemail'];
	$Tpassword = $_POST['txtTpassword'];


	$sql=$db->prepare("SELECT * FROM sci_teachers WHERE t_uname=:txtTemail AND t_password=:txtTpassword");
	$sql->bindParam(':txtTemail',$Tusername);
	$sql->bindParam(':txtTpassword',$Tpassword);
	$sql->execute();


	$wee=$sql->fetch(PDO::FETCH_ASSOC); /*ibabato ko kasi sa xteacher session yung teacher ID*/



	if($row=$sql->rowCount()<>0){
		session_start();
		$_SESSION['teacher_account']=true;

		$_SESSION['xteacherID']= $wee['t_ID']; /*galing sa table yung teacher ID*/


		//PANG UPDATE KO NG LAST LOGIN -----------------------------------------------------------------------------------------
	$tID = $wee['t_ID'];
	$nowDate = date('Y-m-d H:i:s');
	$lastLogin = $db->prepare("UPDATE sci_teachers SET t_lastlogin = :sNOW WHERE t_ID=:tID");
			$lastLogin->bindParam(':sNOW',$nowDate);
			$lastLogin->bindParam(':tID',$tID);
			$lastLogin->execute();


		header('location:teacherHUB.php');
	}else{
		header('location:login-BAD.php');
	}



?>

<file_sep>/SciHive Source Code (Server)/_chat/process-register.php

 <?php  
require_once('../connector.php');


$sentMessage = $_POST['xSentMessage'];
$sender = $_POST['xSender'];
	


	/*header('location:index.php');*/


$target_dir = "uploads/";
$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
$uploadOk = 1;
$imageFileType = strtolower(pathinfo($target_file,PATHINFO_EXTENSION));
// Check if image file is a actual image or fake image
if(isset($_POST["submit"])) {
    $check = getimagesize($_FILES["fileToUpload"]["tmp_name"]);
    if($check !== false) {
        echo "File is an image - " . $check["mime"] . ".";
        $uploadOk = 1;
    } else {
        echo "File is not an image.";
        $uploadOk = 0;
        $teachering=$db->prepare("INSERT INTO sci_convo(convo_user,convo_content,convo_date_time) VALUES(:Zsender,:ZsentMessage,now())");
			
			$teachering->bindparam(':Zsender',$sender);
			$teachering->bindparam(':ZsentMessage',$sentMessage);
			$teachering->execute();

		header('location:index.php');
    }
}

if ($uploadOk == 0) {
    echo "Sorry, your file was not uploaded.";
// if everything is ok, try to upload file
} else {
    if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) {

        /*echo "The file ". basename( $_FILES["fileToUpload"]["name"]). " has been uploaded.";*/


        $uploaded_file = "uploads/" . basename($_FILES["fileToUpload"]["name"]);

        $teachering=$db->prepare("INSERT INTO sci_convo(convo_user,convo_content,convo_date_time,convo_loc) VALUES(:Zsender,:ZsentMessage,now(),:ZuploadedFile)");
			
			$teachering->bindparam(':Zsender',$sender);
			$teachering->bindparam(':ZsentMessage',$sentMessage);
			$teachering->bindparam(':ZuploadedFile',$uploaded_file);
			$teachering->execute();

		header('location:index.php');

    } else {
        echo "Sorry, there was an error uploading your file.";
    }
}
?><file_sep>/SciHive Source Code (Client)/www/games/candylandia/table.js
/* This script will construct a table and linked to index.html */

//DEFAULT_BOARD_SIZE = 8; 

var img_array =[];

function lookupLetter(num) {
    var letterArr = ["a","b","c","d","e","f","g","h"];
    return letterArr[--num];
}


function colorTable() {
    var tableInfo = "<div class='p-2 align-self-center' style='margin:-10px;'><table class='tableBorder'>";
    for(var row = 0; row < DEFAULT_BOARD_SIZE; row++){
        tableInfo += "<tr class='tableBorder'>";
            for(var col = 0; col < DEFAULT_BOARD_SIZE; col++) {
                var colName = lookupLetter(col+1);
                var colorBack =  board.getCandyAt(row, col);
                var textColor = "white";
                if( colorBack == "yellow") {
                    textColor = "#505050";
                }
                tableInfo += "<td class='tableBorder padCell text-center' style='background-color:" + colorBack +";color:" 
                                + textColor +"'>" + colName + (row+1)   +"</td>";
                // console.log(tableInfo);
                // console.log("         ");                
            }
        tableInfo += "</tr>";    
        // console.log(tableInfo);
    }
    tableInfo += "</table></div>";  
    return tableInfo;
}

// function load_img(imgToLoad) {
//     var loaded = false;
//     var counter = 0;
//     for( var i=0; i<imgToLoad.length; i++){
//         var img = new Image();
//         console.log(imgToLoad.length);
//         img.onload = function() {
//             counter++;
//             //console.log(imgToLoad[i]);
//             console.log(counter);
//             if(counter == imgToLoad.length){
//                 loaded = true;
//             }
//         }
//         img.src = imgToLoad[i];
//         console.log(img.src);
//         img_array = img;
        
//     }
//     console.log(loaded);
// }

// function drawBoard() {
//     load_img(['./graphics/blue-candy.png', './graphics/blue-special.png', 
//                 './graphics/green-candy.png', './graphics/green-special.png',
//                 './graphics/orange-candy.png', './graphics/orange-special.png',
//                 './graphics/purple-candy.png', './graphics/purple-special.png',
//                 './graphics/red-candy.png', './graphics/red-special.png',
//                 './graphics/yellow-candy.png', './graphics/color-bomb.png']);

//     var canvas = "<div class'p-2 align-self-center' style='margin:-10px;'> <canvas class='CanvasDraw'>";
//     ctx = canvas.getContext('2d');
//     for(var row = 0; row < DEFAULT_BOARD_SIZE; row++){
//             for(var col = 0; col < DEFAULT_BOARD_SIZE; col++) {
//                 var colorBack =  board.getCandyAt(row, col);
//                 console.log(colorBack);
//                 ctx.d
               
//             }
//         // console.log(tableInfo);
//     }

// }
<file_sep>/SciHive Source Code (Client)/www/games/candylandia/README.md
# Candy-Crush
html javascript css candy crush game
<file_sep>/SciHive Source Code (Server)/pamahalaan/process-logout.php

<?php
require_once('../connector.php');

session_start();
session_destroy();

//	$stmt = $db->prepare("UPDATE stats SET loggedin = loggedin - 1");
//	$stmt->execute();

header('location:index.php');

?>

<file_sep>/SciHive Source Code (Client)/www/lessons/earth_space/solar.html
<!DOCTYPE html>
<html>
<head>

	<meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
	<title>Solar System</title>

	<style>
            html,body{height: 100%}
            .hyperX{height: 100%}
        </style>
        <script src="../../vendor/jquery-1.11.1.min.js"></script>
        <link rel="stylesheet" type="text/css" href="../../vendor/sweetalert2.css">
        <link rel="stylesheet" type="text/css" href="../../vendor/animate.css">
        <link href="../../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="../../vendor/elusive-icons.css">
        <link href="../../vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" type="text/css" href="../../vendor/own.css">







<!-- TO DISABLE SELECTING -->
            <style type="text/css">
              
            *
            {
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            }

            input
            {
            -webkit-user-select: auto !important;
            -khtml-user-select: auto !important;
            -moz-user-select: auto !important;
            -ms-user-select: auto !important;
            user-select: auto !important;
            }

            img { border: none; }

            button:focus {
              border: none;
              outline: none;
                }

            input:focus {
              border: none;
              outline: none;
                }


            </style>

            <script type="text/javascript">
            	
            </script>


    </head>

<body style="background-color: black; background-image: url(../../img/hexellence.png)">
    <script type="text/javascript" src="../../cordova.js"></script>


	<center>
		<h4 style="background-color: #7714d1; padding: 5px; top:0 ; width: 100%; z-index: 1; position: fixed; color: white; background-image: url(../../img/hexellence.png);">Solar System</h4>
		<h4 onclick="balik()" class="fas fa-fw fa-chevron-left" style="z-index: 2; position: fixed; left: 5px; top: 10px; color: white"></h4>
	</center>

<br>
<br>

	

	<div style="text-align: justify; padding: 5%; margin: 2.5%; width: 95%;  background-color: white;border-radius: 5px">

		<div class="row" style="margin: 0">
			
			<div id="tts">
				<button onclick="read1()" class="btn btn-secondary"><i class="fas fa-fw fa-play"></i></button>
			</div>

			<span style="color: rgba(0,0,0,0);">h</span>

			<h3> Solar System</h3>	
		
		</div>


	<script type="text/javascript" src="../../vendor/model-viewer.js"></script>
    <center>
        <model-viewer style="width: 100%; height: 300px" src="Earth/solar.glb" auto-rotate camera-controls background-image="Earth/bg2.jpg">
        </model-viewer>
        3D Model (Touch and Rotate)
    </center>
    <br>
    <br>

	

	<p>
        The Solar System is the gravitationally bound system of the Sun and the objects that orbit it, either directly or indirectly. Of the objects that orbit the Sun directly, the largest are the eight planets, with the remainder being smaller objects, such as the five dwarf planets and small Solar System bodies.<br><br>

        Known minor planets: 796,354 (as of 2019-08-27)<br><br>
        Known planets: 8 (Mercury; Venus; Earth; Mars; Jupiter; Saturn; Uranus; Neptune)<br><br>

        <li>The solar system includes the Sun and all the objects that orbit around it due to its gravity. This includes things such as planets, comets, asteroids, meteoroids and moons.</li><br>

        <li>The Solar System formed around 4.6 billion years ago.</li><br>

        <li>There are eight planets in the Solar System. The four inner planets are Mercury, Venus, Earth and Mars while the four outer planets are Jupiter, Saturn, Uranus and Neptune.</li><br>

        <li>The inner planets (also known as terrestrial planets) are smaller and made mostly of rock and metal.</li><br>

        <li>The outer planets (also known as gas giants) are much larger and made mostly of hydrogen, helium and other gases.</li><br>

        <li>As of 2008, there are also five dwarf planets: Pluto, Ceres, Eris, Makemake & Haumea.</li><br>

        <li>There is an asteroid belt which lies between the orbits or Mars and Jupiter, it features a large number of irregular shaped asteroids.</li><br>

        <li>For thousands of years humans were unaware of the Solar System and believed that Earth was at the center of the Universe.</li><br>

        <li>Astronomers such as Nicolaus Copernicus, Galileo Galilei, <NAME> and <NAME> helped develop a new model that explained the movement of the planets with the Sun at the center of the Solar System.</li><br>

        <li>The Sun contains 99.86 percent of the Solar System's known mass, with Jupiter and Saturn making up making up most of the rest. The small inner planets which include Mercury, Venus, Earth and Mars make up a very small percentage of the Solar System's mass</li><br>.

        <img src="Earth/solar1.jpg" width="100%" style="border: 5px outset orange; border-radius: 25px">
        <br><br>

        <img src="Earth/solar2.jpg" width="100%" style="border: 5px outset orange; border-radius: 25px">
        <br><br>

        <img src="Earth/solar3.jpg" width="100%" style="border: 5px outset orange; border-radius: 25px">
        <br><br>

        <img src="Earth/solar4.jpg" width="100%" style="border: 5px outset orange; border-radius: 25px">
        <br><br>

        <img src="Earth/solar5.jpg" width="100%" style="border: 5px outset orange; border-radius: 25px">
        <br>




    </p>





	</div>













<script type="text/javascript">

//READ THE TEXT TO SPEECH	
	function read1(){

		var line_1 = "Solar System. The Solar System is the gravitationally bound system of the Sun and the objects that orbit it, either directly or indirectly. Of the objects that orbit the Sun directly, the largest are the eight planets, with the remainder being smaller objects, such as the five dwarf planets and small Solar System bodies. Known minor planets: 796,354. Known planets: 8 Mercury; Venus; Earth; Mars; Jupiter; Saturn; Uranus; Neptune. The solar system includes the Sun and all the objects that orbit around it due to its gravity. This includes things such as planets, comets, asteroids, meteoroids and moons. The Solar System formed around 4.6 billion years ago. There are eight planets in the Solar System. The four inner planets are Mercury, Venus, Earth and Mars while the four outer planets are Jupiter, Saturn, Uranus and Neptune. The inner planets (also known as terrestrial planets) are smaller and made mostly of rock and metal. The outer planets (also known as gas giants) are much larger and made mostly of hydrogen, helium and other gases. As of 2008, there are also five dwarf planets: Pluto, Ceres, Eris, Makemake & Haumea. There is an asteroid belt which lies between the orbits or Mars and Jupiter, it features a large number of irregular shaped asteroids. For thousands of years humans were unaware of the Solar System and believed that Earth was at the center of the Universe. Astronomers such as Nicolaus Copernicus, Galileo Galilei, <NAME> and <NAME> helped develop a new model that explained the movement of the planets with the Sun at the center of the Solar System. The Sun contains 99.86 percent of the Solar System's known mass, with Jupiter and Saturn making up making up most of the rest. The small inner planets which include Mercury, Venus, Earth and Mars make up a very small percentage of the Solar System's mass.";

	    TTS.speak({
	        text: line_1,
	        locale: 'en-US',
	        rate: 1
	    });

	    //
	    var codeBlock='<button onclick="stop1()" class="btn btn-secondary"><i class="fas fa-fw fa-volume-mute"></i></button>';
	    document.getElementById("tts").innerHTML = codeBlock;

	}






//STOP THE TEXT TO SPEECH
	function stop1(){
		TTS.speak({text: ''});

		//set the new icon to button
		var codeBlock='<button onclick="read1()" class="btn btn-secondary"><i class="fas fa-fw fa-play"></i></button>';
	    document.getElementById("tts").innerHTML = codeBlock;
	}










//STOP THE TEXT TO SPEECH AND GO BACK HISTORY using back button
	document.addEventListener("deviceready", onDeviceReady, false);
                function onDeviceReady() {
                    document.addEventListener("backbutton", function () {
                        TTS.speak({text: ''});
                        window.history.back();

                    }, false );
            }

//STOP THE TEXT TO SPEECH AND GO BACK HISTORY using a link button
    function balik(){
    	TTS.speak({text: ''});
        window.history.back();
    }
</script>






	<script crossorigin type="text/javascript" src="../../vendor/sweetalert2.js"></script>
    <script src="../../vendor/jquery/jquery.min.js"></script>
    <script src="../../vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>