Rafa: moviendo los diags de sitio

README-en.md

@@ -5,7 +5,7 @@
 ![rsz_mariposa.png](images/rsz_mariposa.png)
 
 
-[Verano 2016 - Ive]
+[Verano 2016 - Ive - Rafa]
 
 Arithmetic expressions are an essential part of almost any algorithm that solves a useful problem. Therefore, a basic skill in any computer programming language is to implement arithmetic expressions correctly. In this laboratory experience you will practice the implementation of arithmetic expressions in C++ by writing parametric equations to plot interesting curves.
 
@@ -102,6 +102,14 @@ To plot a curve that is described by parametric equations, we compute the $$x$$
 !INCLUDE "../../eip-diagnostic/pretty-plots/en/diag-pretty-plots-04.html"
 <br>
 
+!INCLUDE "../../eip-diagnostic/pretty-plots/en/diag-pretty-plots-05.html"
+<br>
+
+!INCLUDE "../../eip-diagnostic/pretty-plots/en/diag-pretty-plots-06.html"
+<br>
+
+!INCLUDE "../../eip-diagnostic/pretty-plots/en/diag-pretty-plots-07.html"
+<br>
 
 
 ---
@@ -134,6 +142,7 @@ To plot a curve that is described by parametric equations, we compute the $$x$$
 
 3. The file `main.cpp` (in Sources) contains the function `main()` where you will be adding code. Open this file and study the code.
 
+    ```cpp
         QApplication a(argc, argv);
         XYPlotWindow wLine;
         XYPlotWindow wCircle;
@@ -156,6 +165,7 @@ To plot a curve that is described by parametric equations, we compute the $$x$$
         // After all the points have been added, plot and show the graph
         wLine.Plot();
         wLine.show();
+    ```
 
     The line  `XYPlotWindow wLine;` creates the object `wLine`, that is the window that will show the plot of a graph, in this case the graph of a segment. Look at the `for` loop. In this cycle several values for $$t$$ are generated and a value for $$x$$ and $$y$$ is computed for each $$t$$. Each ordered pair $$(x,y)$$ is added to the graph of the segment by the method `AddPointToGraph(x,y)`.  After the cycle, there is a call to the  method  `Plot()`, to "draw" the points on the graph, and to the method `show()`, to show the plot. The *methods* are functions that allow us to work with the data of an object. Note that each of the methods is written after `wLine`, and followed by a period. In a future laboratory experience you will learn more about objects and practice how to create them and invoke their methods.
 
@@ -207,17 +217,6 @@ In this exercise you will write a program to obtain a student's grade point aver
 	a. You can obtain the GPA by adding the credit points corresponding to the grades (for example, an A in a 3 credit course has a value of 12 points), and dividing this sum by the total number of credits.
 
 	b. Remember that, in C++, when both operands in the division are integers, the result will also be an integer; the remainder will be discarded. Use "type casting": `static_cast<type>(expression)` to solve this problem.
-
-	   ---
-	
-!INCLUDE "../../eip-diagnostic/pretty-plots/en/diag-pretty-plots-05.html"
-<br>
-
-!INCLUDE "../../eip-diagnostic/pretty-plots/en/diag-pretty-plots-06.html"
-<br>
-
-!INCLUDE "../../eip-diagnostic/pretty-plots/en/diag-pretty-plots-07.html"
-<br>
 	   
 3. Verify your program by computing the GPA of a student that has two A's and 2 B's; what is the average of this student? When your program is correct, save the `main.cpp` file.  
 

README-es.md

@@ -4,7 +4,7 @@
 ![rsz_mariposa1.png](images/rsz_mariposa1.png)
 ![rsz_mariposa.png](images/rsz_mariposa.png)
 
-[Verano 2016 - Ive]
+[Verano 2016 - Ive - Rafa]
 
 
 Las expresiones aritméticas son parte esencial de casi cualquier algoritmo que resuelve un problema útil. Por lo tanto, implementar expresiones aritméticas correctamente es una destreza básica en cualquier lenguaje de programación de computadoras. En esta experiencia de laboratorio practicarás la implementación de expresiones aritméticas en C++ escribiendo ecuaciones paramétricas para graficar curvas interesantes.
@@ -98,6 +98,13 @@ Para graficar una curva que está definida usando ecuaciones paramétricas, comp
 !INCLUDE "../../eip-diagnostic/pretty-plots/es/diag-pretty-plots-04.html"
 <br>
 
+!INCLUDE "../../eip-diagnostic/pretty-plots/es/diag-pretty-plots-05.html"
+<br>
+!INCLUDE "../../eip-diagnostic/pretty-plots/es/diag-pretty-plots-06.html"
+<br>
+!INCLUDE "../../eip-diagnostic/pretty-plots/es/diag-pretty-plots-07.html"
+<br>
+
 
 ---
 
@@ -129,6 +136,7 @@ Para graficar una curva que está definida usando ecuaciones paramétricas, comp
 
 3. El archivo `main.cpp` (en Sources) contiene la función `main()` donde estarás añadiendo código. Abre ese archivo y estudia el código.
 
+    ```cpp
         QApplication a(argc, argv);
         XYPlotWindow wLine;
         XYPlotWindow wCircle;
@@ -151,6 +159,7 @@ Para graficar una curva que está definida usando ecuaciones paramétricas, comp
         // After all the points have been added, plot and show the graph
         wLine.Plot();
         wLine.show();
+    ```
 
     La línea `XYPlotWindow wLine;` crea el objeto `wLine` que será la ventana en donde se dibujará una gráfica, en este caso la gráfica de un segmento. Observa el ciclo `for`. En este ciclo se genera una serie de valores para $$t$$ y se computa un valor de $$x$$ y $$y$$ para cada valor de $$t$$. Cada par ordenado $$(x,y)$$  es añadido a la gráfica del segmento por el método `AddPointToGraph(x,y)`. Luego del ciclo se invoca el método `Plot()`, que "dibuja" los puntos, y el método `show()`, que muestra la gráfica. Los *métodos* son funciones que nos permiten trabajar con los datos de los objetos. Nota que cada uno de los métodos se escribe luego de `wLine`, seguido de un punto. En una experiencia de laboratorio posterior aprenderás más sobre objetos y practicarás cómo crearlos e invocar sus métodos.
 
@@ -201,17 +210,6 @@ En este ejercicio escribirás un  programa para obtener el promedio de puntos pa
 	a. El promedio se obtiene sumando las puntuaciones  correspondientes a las notas obtenidas (por ejemplo, una A en un curso de 3 créditos tiene una puntuación de 12), y dividiendo esa suma por el número total de créditos.
 
 	b. Recuerda que, en C++, si divides dos números enteros el resultado se "truncará" y será un número entero. Utiliza "type casting": `static_cast<tipo>(expresión)` para resolver este problema.
-
-       ---
-    
-       !INCLUDE "../../eip-diagnostic/pretty-plots/es/diag-pretty-plots-05.html"
-       <br>
-       !INCLUDE "../../eip-diagnostic/pretty-plots/es/diag-pretty-plots-06.html"
-       <br>
-       !INCLUDE "../../eip-diagnostic/pretty-plots/es/diag-pretty-plots-07.html"
-       <br>
-       
-       ---
        
 3. Verifica tu programa calculando el promedio de un estudiante que tenga dos A y dos B; ¿qué promedio tendría este estudiante? Cuando tu programa esté correcto, guarda el archivo `main.cpp`.