wellton/CTAT
1
0
Fork 0
Código Issues Pull Requests Ações Pacotes Projetos Versões Wiki Atividade

Added FractionAddition as an example for the skill meter.

Ver Código-Fonte
Esse commit está contido em:
Ringenberg
2016-06-24 08:36:58 -04:00
pai ca09d65676
commit e3f5ffbfb4
2 arquivos alterados com 5717 adições e 0 exclusões
Baixar Arquivo de Patch Baixar Arquivo de Diff Expandir todos os arquivos Colapsar todos os arquivos
Examples/FractionAddition.brd
+5623
Ver Arquivo
Diferenças do arquivo suprimidas por serem muito extensas Carregar Diff
Examples/FractionAddition.html
+94
Ver Arquivo
@@ -0,0 +1,94 @@
<head>
<title>Fraction Addition</title>
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="css/CTAT.css"/>
<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<script src="js/ctat.min.js"></script>
<script>
$(function() {
initTutor({"question_file":"FractionAddition.brd"});
});
</script>
<style type="text/css">
.CTATTextInput {
width: 34px;
height: 30px;
margin: 0px 5px 2px 5px;
}
</style>
</head>
<body>
<div style="position:relative; width: 640px; height: 500px; border: 1px solid black; margin: 0 auto; overflow: hidden;">
<div style="float: left; width: 270px;">
<div id="givensPlus" class="misc-text" style="position: absolute; left: 15px; top: 180px;">+</div>
<div style="font-size:small; text-align: left; position:absolute; left: 36px; top:20px;">Given<br/>Fractions</div>
<div style="position: absolute; left: 40px; top: 52px;">
<div>
<div id="firstNumGiven" class="CTATTextInput"></div>
<hr class="fraction-bar"/>
<div id="firstDenGiven" class="CTATTextInput"></div>
</div>
<br/>
<div style="position: absolute: left: 40px; top: 110px;">
<div id="secNumGiven" class="CTATTextInput"></div>
<hr class="fraction-bar"/>
<div id="secDenGiven" class="CTATTextInput"></div>
</div>
</div>
<div id="firstConvEq" class="misc-text" style="position: absolute; left: 95px; top: 80px;">=</div>
<div id="secConvEq" class="misc-text" style="position: absolute; left: 95px; top: 180px;">=</div>
<div style="font-size:small; position:absolute; top:20px; left: 114px;">Converted<br/>Fractions</div>
<div style="position: absolute; top: 52px; left: 120px;">
<div>
<div id="firstNumConv" class="CTATTextInput" tabindex="4"></div>
<hr class="fraction-bar"/>
<div id="firstDenConv" class="CTATTextInput" tabindex="1"></div>
</div>
<br/>
<div>
<div id="secNumConv" class="CTATTextInput" tabindex="5"></div>
<hr class="fraction-bar"/>
<div id="secDenConv" class="CTATTextInput" tabindex="2"></div>
</div>
</div>
<div id="ans" style="position: absolute; top: 250px; left: 120px;">
<div id="ansNum1" class="CTATTextInput" tabindex="6"></div>
<hr class="fraction-bar"/>
<div id="ansDen1" class="CTATTextInput" tabindex="3"></div>
</div>
<div id="finalEq" class="misc-text" style="position: absolute; left: 175px; top: 279px; z-index: 18;">=</div>
<div style="position: absolute; top: 250px; left: 200px">
<div id="ansNumFinal1" class="CTATTextInput" tabindex="8"></div>
<hr class="fraction-bar"/>
<div id="ansDenFinal1" class="CTATTextInput" tabindex="7"></div>
</div>
<div style="position: absolute; bottom: 0; width: 200px; left: 35px;">
<p style="font-size: large; text-align: center; font-weight: bold;">Perform the Fraction Addition Problem</p>
<p style="text-align: left; font-weight: bold; font-size: 0.9em;">To get tutor help, click on the Hint and Next buttons.</p>
</div>
</div>
<div style="float: right; width: 350px; height: 100%; padding: 10px; background-color: ghostwhite; border-left: 3px solid grey;">
<div id="skills" class="CTATSkillWindow" style="width: 100%;" data-ctat-threshold="0.85"></div>
<br>
<div id="HintWindow" class="CTATHintWindow" style="width: 100%;"></div>
<br>
<div style="display:flex; justify-content:space-around">
<div id="done" class="CTATDoneButton" tabindex="9" style=""></div>
<div id="hint" class="CTATHintButton" tabindex="10" style=""></div>
</div>
<div style="position: absolute; bottom:0;">
<a href="http://ctat.pact.cs.cmu.edu/">
<img alt="CTAT: Cognitive Tutor Authoring Tools" style="width:330px; margin-left: 10px; margin-top: 20px;" src="skindata/CTAT_Banner.svg">
</a>
</div>
</div>
<br>
</div>
</body>