No Description

README-es.md 11KB

Expresiones aritméticas - Gráficas Bonitas

rsz_heart.png rsz_mariposa1.png rsz_mariposa.png

[Verano 2016 - Ive]

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.

Objetivos:

  1. Implementar expresiones aritméticas en C++ para producir gráficas.
  2. Utilizar constantes adecuadamente.
  3. Definir variables utilizando tipos de datos adecuados.
  4. Convertir el valor de un dato a otro tipo cuando sea necesario.

Pre-Lab:

Antes de llegar al laboratorio debes haber:

  1. Repasado los siguientes conceptos:

    a. implementar expresiones aritméticas en C++

    b. tipos de datos nativos de C++ (int, float, double, char)

    c. usar “type casting” para covertir el valor de una variable a otro tipo dentro de expresiones.

    d. utilizar funciones y constantes aritméticas de la biblioteca cmath

    e. la ecuación y gráfica de un círculo

  2. Estudiado los conceptos e instrucciones para la sesión de laboratorio.

  3. Tomado el quiz Pre-Lab que se encuentra en Moodle.



Ecuaciones paramétricas

Las ecuaciones paramétricas nos permiten representar una cantidad como función de una o más variables independientes llamadas parámetros. En muchas ocasiones resulta útil representar curvas utilizando un conjunto de ecuaciones paramétricas que expresen las coordenadas de los puntos de la curva como funciones de los parámetros. Por ejemplo, en tu curso de trigonometría debes haber estudiado que la ecuación de un círculo con radio $$r$$ y centro en el origen tiene una forma así:

$$x^2+y^2=r^2.$$

Los puntos $$(x,y)$$ que satisfacen esta ecuación son los puntos que forman el círculo de radio $$r$$ y centro en el origen. Por ejemplo, el círculo con $$r=2$$ y centro en el origen tiene ecuación

$$x^2+y^2=4,$$

y sus puntos son los pares ordenados $$(x,y)$$ que satisfacen esa ecuación. Una forma paramétrica de expresar las coordenadas de los puntos de el círculo con radio $$r$$ y centro en el origen es:

$$x=r \cos(t)$$

$$y=r \sin(t),$$

donde $$t$$ es un parámetro que corresponde a la medida (en radianes) del ángulo positivo con lado inicial que coincide con la parte positiva del eje de $$x$$, y lado terminal que contiene el punto $$(x,y)$$, como se muestra en la Figura 1.


figura1.jpg

Figura 1. Círculo con centro en el origen y radio $$r$$.


Para graficar una curva que está definida usando ecuaciones paramétricas, computamos los valores de $$x$$ y $$y$$ para un conjunto de valores del parámetro. Por ejemplo, la Figura 2 resalta algunos valores de $$t$$, $$(x,y)$$ para el círculo con $$r = 2$$.


figura2.jpg

Figura 2. Algunas coordenadas de los puntos $$(x,y)$$ del círculo con radio $$r=2$$ y centro en el origen.



!INCLUDE “../../eip-diagnostic/pretty-plots/es/diag-pretty-plots-01.html”

!INCLUDE “../../eip-diagnostic/pretty-plots/es/diag-pretty-plots-02.html”

!INCLUDE “../../eip-diagnostic/pretty-plots/es/diag-pretty-plots-03.html”
!INCLUDE “../../eip-diagnostic/pretty-plots/es/diag-pretty-plots-04.html”



Sesión de laboratorio:

Ejercicio 1: Graficar algunas curvas interesantes.

Instrucciones

  1. Carga a QtCreator el proyecto prettyPlot. Hay dos maneras de hacer esto:

    • Utilizando la máquina virtual: Haz doble “click” en el archivo prettyPlot.pro que se encuentra en el directorio /home/eip/labs/expressions-prettyplots de la máquina virtual.
    • Descargando la carpeta del proyecto de Bitbucket: Utiliza un terminal y escribe el commando git clone http:/bitbucket.org/eip-uprrp/expressions-prettyplots para descargar la carpeta expressions-prettyplots de Bitbucket. En esa carpeta, haz doble “click” en el archivo prettyPlot.pro.
  2. Configura el proyecto y ejecuta el programa marcando la flecha verde en el menú de la izquierda de la interface de Qt Creator. El programa debe mostrar una ventana parecida a la Figura 3.


    figura3.png

    Figura 3. Segmento de línea desplegado por el programa PrettyPlot.


  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.

    QApplication a(argc, argv);
    XYPlotWindow wLine;
    XYPlotWindow wCircle;
    XYPlotWindow wHeart;
    XYPlotWindow wButterfly;
    
    double y = 0.00;
    double x = 0.00;
    double increment = 0.01;
    
    for (double t = 0; t < 2*M_PI; t = t + increment) {
        // parametric equations
        x = t;
        y = t;
    
        // add x and y as a point in the graph
        wLine.AddPointToGraph(x,y);
    }
    
    // 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.

    Las expresiones que tiene tu programa para $$x$$ y $$y$$ son ecuaciones paramétricas para la línea que pasa por el origen y tiene el mismo valor para las coordenadas en $$x$$ y $$y$$. Explica por qué la línea solo va desde 0 hasta aproximadamente 6.

  4. Ahora escribirás el código necesario para graficar un círculo. La línea XYPlotWindow wCircle; crea el objeto wCircle para la ventana donde se graficará el círculo. Usando como inspiración el código para graficar el segmento, escribe el código necesario para que tu programa grafique un círculo de radio 3 con centro en el origen. Ejecuta tu programa y, si es necesario, modifica el código hasta que obtengas la gráfica correcta. Recuerda que el círculo debe graficarse dentro del objeto wCircle. Por esto, al invocar los métodos AddPointToGraph(x,y), Plot y show, éstos deben ser precedidos por wCircle, por ejemplo, wCircle.show().

  5. Tu próxima tarea es graficar una curva cuyas ecuaciones paramétricas son:

    $$x=16 \sin^3(t)$$

    $$y=13 \cos(t) - 5 \cos(2t) - 2 \cos(3t) - \cos(4t)-3.$$

    Si implementas las expresiones correctamente debes ver la imagen de un corazón. Esta gráfica debe haber sido obtenida dentro de un objeto XYPlotWindow llamado wHeart.

  6. Ahora graficarás una curva cuyas ecuaciones paramétricas son:

    $$x=5\cos(t) \left[ \sin^2(1.2t) + \cos^3(6t) \right]$$

    $$y= 10\sin(t) \left[ \sin^2(1.2t) + \cos^3(6t) \right].$$

    Observa que ambas expresiones son casi iguales, excepto que una comienza con $$5\cos(t)$$ y la otra con $$10\sin(t)$$. En lugar de realizar el cómputo de $$ \sin^2(1.2t) + \cos^3(6t)$$ dos veces, puedes asignar su valor a otra variable $$q$$ y realizar el cómputo así:

    $$q = \sin^2(1.2t) + \cos^3(6t)$$

    $$x = 5 \cos(t)(q)$$

    $$y = 10 \sin(t)(q).$$

    Implementa las expresiones de arriba, cambia la condición de terminación del for a t < 16*M_PI y observa la gráfica que resulta. Se supone que parezca una mariposa. Esta gráfica debe haber sido obtenida dentro de un objeto XYPlotWindow llamado wButterfly.

En [2] y [3] puedes encontrar otras ecuaciones paramétricas de otras curvas interesantes.

Ejercicio 2: Calcular el promedio de notas

En este ejercicio escribirás un programa para obtener el promedio de puntos para la nota (GPA, por sus siglas en inglés) de un estudiante. Supón que todos los cursos en la Universidad de Yauco son de $$3$$ créditos y que las notas tienen las siguientes puntuaciones: $$A = 4$$ puntos por crédito; $$B = 3$$ puntos por crédito; $$C = 2$$ puntos por crédito; $$D = 1$$ punto por crédito y $$F = 0$$ puntos por crédito.

Instrucciones

  1. Crea un nuevo proyecto “Non-Qt” llamado Promedio. Tu función main() contendrá el código necesario para pedirle al usuario el número de A’s, B’s, C’s, D’s y F’s obtenidas por el estudiante y computar el promedio de puntos para la nota (GPA por sus siglas en inglés).

  2. Tu código debe definir las constantes $$A=4, B=3, C=2, D=1, F=0$$ para la puntuación de las notas, y pedirle al usuario que entre los valores para las variables $$NumA$$, $$NumB$$, $$NumC$$, $$NumD$$, $$NumF$$. La variable $$NumA$$ representará el número de cursos en los que el estudiante obtuvo $$A$$, $$NumB$$ representará el número de cursos en los que el estudiante obtuvo $$B$$, etc. El programa debe desplegar el GPA del estudiante en una escala de 0 a 4 puntos.

    Ayudas:

    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”
    !INCLUDE “../../eip-diagnostic/pretty-plots/es/diag-pretty-plots-06.html”
    !INCLUDE “../../eip-diagnostic/pretty-plots/es/diag-pretty-plots-07.html”


  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.



Entregas

  1. Usa “Entrega 1” en Moodle para entregar el archivo main.cpp que contiene el código con las ecuaciones paramétricas de las gráficas del círculo, el corazón y la mariposa. Recuerda utilizar buenas prácticas de programación, incluir el nombre de los programadores y documentar tu programa.

  2. Usa “Entrega 2” en Moodle para entregar el archivo main.cpp que contiene el código para computar el promedio. Recuerda seguir las instrucciones en el uso de nombres y tipos para las variables, incluir el nombre de los programadores, documentar tu programa y utilizar buenas prácticas de programación.

Referencias:

[1] http://mathworld.wolfram.com/ParametricEquations.html

[2] http://paulbourke.net/geometry/butterfly/

[3] http://en.wikipedia.org/wiki/Parametric_equation