-
Notifications
You must be signed in to change notification settings - Fork 0
/
index_programar_quesignifica.html
132 lines (113 loc) · 5.29 KB
/
index_programar_quesignifica.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Proyecto CIAA</title>
<link rel="icon" href="img/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="css/css.css" rel="stylesheet" type="text/css" />
<style type="text/css">@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css'); </style>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="nav-bar">
<div id="nav-left">
<a href="index.html"><img alt="logo" src="img/logo/ciaa_con_texto.png"></a>
</div>
<div id="nav-right">
<div id="lang-selector" >
<a href="index_programar_quesignifica_en.html"><img src="img/logo/United_Kingdom.png"></a>
<img src="img/logo/Spain.png">
</div>
<div id="social">
<div class="social-div">
<a target="_blank" href="devwiki/index.html"><img alt="Wiki" class="social-icon" src="img/logo/wiki.png" /></a>
</div>
<div class="social-div">
<a target="_blank" href="mailto:[email protected]"><img alt="Mail" class="social-icon" src="img/logo/mail.png" /></a>
</div>
<div class="social-div">
<a target="_blank" href="https://www.facebook.com/ProyectoCIAA"><img alt="Facebook" class="social-icon" src="img/logo/facebook.png" /></a>
</div>
<div class="social-div">
<a target="_blank" href="https://twitter.com/proyectociaa"><img alt="Twitter" class="social-icon" src="img/logo/twitter.png" /></a>
</div>
<div class="social-div">
<a target="_blank" href="https://www.youtube.com/user/proyectociaa"><img alt="YouTube" class="social-icon" src="img/logo/youtube.png" /></a>
</div>
<div class="social-div">
<a target="_blank" href="https://github.com/ciaa"><img alt="GitHub" class="social-icon" src="img/logo/github.png" /></a>
</div>
<div class="social-div">
<a target="_blank" href="https://groups.google.com/forum/#!forum/embebidos32"><img alt="GoogleGroups" class="social-icon" src="img/logo/google.png" /></a>
</div>
</div> <!-- info -->
</div> <!-- nav-right -->
</div><!-- nav-bar-->
<div id="cells">
<div id="cells-row">
<ul class="breadcrumb">
<li><a href="index.html">Inicio</a></li>
<li><a href="index_programar.html">¿Cómo programar una CIAA?</a></li>
<li>¿Qué significa programar?</li>
</ul>
<!-- inicio zona editable -->
<div class="column" >
<img alt="special" src="img/Robotcocinero.jpg" name="que es">
<h3 >
Pensemos en un robot cocinero
</h3>
<p >
El robot tiene distintas herramientas y sigue exactamente las instrucciones que le indiquemos, pero hay que detallarle todo, por más obvio que parezca.
</p>
</div>
<div class="column" >
<img alt="special" src="img/Torta.jpg" name="comprar">
<h3 >
Queremos que haga una torta
</h3>
<p >
Tenemos que pensar paso a paso cómo se hace una torta, empezando por decirle qué ingredientes va a necesitar y qué tiene que hacer con cada uno.
</p>
</div>
<div class="column" >
<img alt="special" src="img/HuevoRoto.jpg" name="programar">
<h3 >
Explicarle detalladamente todo
</h3>
<p >
Vamos a tener que explicarle cosas que parecen obvias, porque el robot no sabe por ejemplo cómo romper un huevo, con qué parte quedarse y cuál tirar.
</p>
</div>
<div class="column" >
<img alt="special" src="img/Recetatorta.jpg" name="que es">
<h3 >
<a href="index_quees.html">Esto es programar al robot</a>
</h3>
<p >
Indicarle estos pasos que debe seguir es lo que llamamos escribir un programa, que es como una especie de receta, que debe funcionar a la perfección.
</p>
</div>
<div class="column" >
<img alt="special" src="img/Huevolenguaje.jpg" name="comprar">
<h3 >
<a href="index_comprar.html">Necesitamos un lenguaje</a>
</h3>
<p >
Para que el robot entienda nuestras instrucciones necesitamos definir un lenguaje y usar únicamente palabras de ese lenguaje para explicarle los pasos.
</p>
</div>
<div class="column" >
<img alt="special" src="img/Computadoracerebro.jpg" name="programar">
<h3 >
<a href="index_programar.html">El “cerebro” del robot</a>
</h3>
<p >
Las instrucciones que preparamos son procesadas por una computadora, que es el cerebro del robot. El proyecto CIAA consiste en diseñar estas computadoras.
</p>
</div>
<!-- fin zona editable -->
</div><!-- cells-row -->
</div><!-- cells -->
</body>
</html>