-
Notifications
You must be signed in to change notification settings - Fork 0
/
index_programar_como.html
138 lines (117 loc) · 5.39 KB
/
index_programar_como.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
133
134
135
136
137
138
<!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_como_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>¿Cómo se programa una CIAA?</li>
</ul>
<!-- inicio zona editable -->
<div class="column" >
<img alt="special" src="img/Entenderelproblema.jpg" name="que es">
<h3 >
Hay que entender el problema
</h3>
<p >
El primer paso, que muchas veces es el más difícil, es entender realmente cuál es el problema a resolver. A veces no está claro o no lo entendemos bien.
</p>
</div>
<div class="column" >
<img alt="special" src="img/Pensarsolucion.jpg" name="comprar">
<h3 >
Tenemos que pensar la solución
</h3>
<p >
Para resolver el problema es útil dividirlo en partes, es decir, pequeños problemas, e ir resolviendolos uno a uno, que es una técnica usual de programación.
</p>
</div>
<div class="column" >
<a href="index_programar_lenguajes.html">
<img alt="special" src="img/Escribirprograma.jpg" name="programar">
<h3 >
Debemos escribir el programa
</h3>
</a>
<p >
Una vez que entendemos la solución debemos pensar cómo escribirla en un programa. Para eso tenemos distintos lenguajes y herramientas disponibles.
</p>
</div>
<div class="column" >
<img alt="special" src="img/CIAAconectadaaPC.jpg" name="que es">
<h3 >
Conectamos la CIAA a la PC
</h3>
<p >
La CIAA se conecta a la computadora, usualmente mediante un puerto USB, <br> lo que nos va a permitir grabarle a la <br> CIAA el programa que hayamos hecho.
</p>
</div>
<div class="column" >
<a href="index_programar_dudas.html">
<img alt="special" src="img/Comenzardescarga.jpg" name="comprar">
<h3 >
Le cargamos nuestro programa
</h3>
</a>
<p >
Una vez que la CIAA está conectada a la PC, descargamos de nuestro programa a la CIAA, lo que permitirá grabarle el código en su memoria interna.
</p>
</div>
<div class="column" >
<img alt="special" src="img/CIAAcontrolandoembotelladora.jpg" name="programar">
<h3 >
La CIAA lo empieza a ejecutar
</h3>
<p >
Una vez que tiene el programa cargado en su memoria la CIAA comenzará a ejecutarlo y podremos ver en acción la solución que le hayamos programado.
</p>
</div>
<!-- fin zona editable -->
</div><!-- cells-row -->
</div><!-- cells -->
</body>
</html>