-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_programar_como_en.html
136 lines (117 loc) · 5.32 KB
/
index_programar_como_en.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
<!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" >
<img src="img/logo/United_Kingdom.png">
<a href="index_programar_como.html"><img src="img/logo/Spain.png"></a>
</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_en.html">Start</a></li>
<li><a href="index_programar_en.html">How do I program a CIAA board?</a></li>
<li>How do I program a CIAA board?</li>
</ul>
<!-- inicio zona editable -->
<div class="column" >
<img alt="special" src="img/Entenderelproblema.jpg" name="que es">
<h3 >
First, understand the problem
</h3>
<p >
Usually it's harder to fully understand the problem we face than solving it. Sometimes it's not well defined or we simply can't figure it out.
</p>
</div>
<div class="column" >
<img alt="special" src="img/Pensarsolucion.jpg" name="comprar">
<h3 >
Then, think of a solution
</h3>
<p >
Breaking the problem into smaller pieces always helps. Next we assemble these solutions into a bigger one. This is even a well established programming technique.
</p>
</div>
<div class="column" >
<a href="index_programar_lenguajes_en.html">
<img alt="special" src="img/Escribirprograma.jpg" name="programar">
<h3 >
Later, write the program
</h3>
</a>
<p >
We should think of a way to write a program to implement the solution. With that goal in mind, there'll be many languages and tools available we'll use.
</p>
</div>
<div class="column" >
<img alt="special" src="img/CIAAconectadaaPC.jpg" name="que es">
<h3 >
Connecting the CIAA to a PC
</h3>
<p >
We'll be able to connect our CIAA to the PC through any USB port. This way we'll also be able to flash our program onto it.
</p>
</div>
<div class="column" >
<a href="index_programar_dudas_en.html">
<img alt="special" src="img/Comenzardescarga.jpg" name="comprar">
<h3 >
We load our program onto CIAA
</h3>
</a>
<p >
Having the CIAA connected to the PC, we begin transfering our program onto the CIAA. It will allow our program to be saved on the CIAA internal memory.
</p>
</div>
<div class="column" >
<img alt="special" src="img/CIAAcontrolandoembotelladora.jpg" name="programar">
<h3 >
The CIAA begins running it
</h3>
<p >
As soon as the program we made is burnt to the CIAA, execution begins and we'll be able to see our solution in action.
</p>
</div>
<!-- fin zona editable -->
</div><!-- cells-row -->
</div><!-- cells -->
</body>
</html>