Geometria básica no plano: áreas e perímetros: Difference between revisions

From JSXGraph Wiki
(New page: <html> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" /...)
 
No edit summary
(2 intermediate revisions by one other user not shown)
Line 8: Line 8:
</head>
</head>
<body>
<body>
<h2>Geometria básica no plano: áreas e perímetros</h2>
<p></p>
<p></p>
<ul>
<ul>
Line 22: Line 21:
</center>
</center>
<script type="text/javascript">
<script type="text/javascript">
  var board = JXG.JSXGraph.initBoard('box', {originX: 250, originY: 250, unitX: 50, unitY: 50, axis:true});
  var board = JXG.JSXGraph.initBoard('box', {boundingbox: [-5, 5, 5, -5], axis:true});
  var po    = board.createElement('point',[0,0], {name:'O',style:5,fixed:true});
  var po    = board.createElement('point',[0,0], {name:'O',style:5,fixed:true});
  var pa    = board.createElement('point',[2,2], {name:'A',style:5});
  var pa    = board.createElement('point',[2,2], {name:'A',style:5});
Line 47: Line 46:
</center>
</center>
<script type="text/javascript">
<script type="text/javascript">
  var board = JXG.JSXGraph.initBoard('box2', {originX: 250, originY: 250, unitX: 50, unitY: 50, axis:true});
  var board = JXG.JSXGraph.initBoard('box2', {boundingbox: [-5, 5, 5, -5], axis:true});
  var l1s  = board.createElement('line', [[0,0], [1,1]],{strokeWidth:0});  
  var l1s  = board.createElement('line', [[0,0], [1,1]],{strokeWidth:0});  
  var pas  = board.createElement('point',[2,2], {name:'A',style:5,slideObject:l1s});
  var pas  = board.createElement('point',[2,2], {name:'A',style:5,slideObject:l1s});
Line 71: Line 70:
</center>
</center>
<script type="text/javascript">
<script type="text/javascript">
  var board = JXG.JSXGraph.initBoard('box3', {originX: 250, originY: 250, unitX: 50, unitY: 50, axis:true});
  var board = JXG.JSXGraph.initBoard('box3', {boundingbox: [-5, 5, 5, -5], axis:true});
  var par  = board.createElement('point',[2,2], {name:'A',style:5});
  var par  = board.createElement('point',[2,2], {name:'A',style:5});
  var pbr  = board.createElement('point',["X(A)" ,"-Y(A)"], {name:'B',style:5});
  var pbr  = board.createElement('point',["X(A)" ,"-Y(A)"], {name:'B',style:5});
Line 103: Line 102:
</center>
</center>
<script type="text/javascript">
<script type="text/javascript">
  var board = JXG.JSXGraph.initBoard('box4', {originX: 250, originY: 250, unitX: 50, unitY: 50, axis:true});
  var board = JXG.JSXGraph.initBoard('box4', {boundingbox: [-5, 5, 5, -5], axis:true});
  var poc    = board.createElement('point',[0,0], {name:'O',style:5,fixed:true});
  var poc    = board.createElement('point',[0,0], {name:'O',style:5,fixed:true});
  var prc    = board.createElement('point',[2,2], {name:'P',style:5});
  var prc    = board.createElement('point',[2,2], {name:'P',style:5});
Line 124: Line 123:
</body>
</body>
</html>
</html>
[[Category:Contributions]]

Revision as of 11:22, 31 January 2013

Orlando Camargo Rodríguez - ensino

  • Triângulo rectângulo: b = base, h = altura, logo área = ( b × h )/2 e perímetro = b + h + (b2+h2)1/2.

    Arraste o ponto A para ver a variação do perímetro e da área com a variação da base e da altura:
  •  

     
  • Quadrado: a = lado (ou aresta), logo área = a2 e perímetro = 4a.

    Arraste o ponto A para ver a variação do perímetro e da área com a variação da aresta:
  •  

     
  • Rectangulo: a = lado 1, b = lado 2, logo área = a×b e perímetro = 2a + 2b.

    Arraste o ponto A para ver a variação do perímetro e da área com a variação dos lados:
  •  

     
  • Círculo: r = raio do círculo, logo área = πr2 e perímetro = 2πr.

    Arraste o ponto P para ver a variação do perímetro da circunferência e da área do círculo com a variação do raio:
  •  

     

Última alteração em 23/07/2009

Todos os gráficos interactivos foram criados com recurso à livraria JSXgraph.