Período 3 2015 Acuerdo Pedagógico Grado Décimo

ACUERDO PEDAGÓGICO GRADO DÉCIMO

Período 3: Julio 13 – Sept 18

COMPETENCIA:

Tengo en cuenta principios de funcionamiento y criterios de selección, para la utilización eficiente y segura de artefactos, productos, servicios, procesos y sistemas tecnológicos de mi entorno.

COMPROMISOS:

1.       EXAMEN TALLER TIPO ICFES. (www.latribuinformatica.blogspot.com) consultarlo, desarrollarlo y se presentará en la segunda sesión.

2.       PROYECTO EN VB: La calculadora. Plazo: 26 - agosto – 2015

Fig.1 GUI de la Calculadora

Escribir el nombre y el grado en el formulario (propiedad Text). Usar un TextBox como pantalla de la calculadora, alinear el texto a la derecha. Usar botones para los números, los signos (+ - * /), el igual (=) y la acción de Borrar. Declarar dos (2) variables: varPrimNum para guardar en ella el primer número de la operación y varSigno para guardar el signo de la operación a realizar. No olvidar darle nombre a las herramientas utilizadas, ejemplo: frmCalculadora, txtPantalla, btnUno, btnBorrar, btnMas.

CÓDIGO FUENTE:

Recordemos que son todas las “ordenes” que debemos escribir en el programa para que funcione.

Para que aparezca un número en la pantalla se debe escribir la siguiente sentencia en cada botón, después de dar doble clic en él:

Fig.2 Sentencia para el número 1

Una vez se escriba la línea anterior en cada botón de los números (haciendo los cambios respectivos de acuerdo al número que se esté programando), se podrá escribir cualquier cifra en la pantalla.

No hay que olvidar que la sentencia anterior va en medio de las dos siguientes líneas, que salen automáticamente al dar doble clic sobre el botón respectivo. Se escribe la sentencia sin cambiar el cursor del mouse de sitio en que está originalmente.

Fig.3 Bloque de código completo para el número 1

Como debe ser claro la línea que empieza por Private Sub y la línea End Sub, NO DEBEN ESCRIBIRSE, Visual Basic las suministra. Igual procedimiento se hace en todas las herramientas que se programen.

Las siguientes dos líneas sirven para declarar las variables en que se guardaran el signo de la operación y el primer número digitado respectivamente.

Fig.4 Declaración de variables de trabajo

Estas dos órdenes van escritas en la sección de declaraciones, es decir antes de la programación de todos los botones. Visual Basic separa los bloques de código con líneas horizontales. Para escribir estas líneas se sube el cursor del mouse hasta arriba de la primera línea y se escriben. El siguiente fragmento del código permite visualizar dicha situación:

Fig.5 Inicio del Código Fuente

Las palabras que Visual Basic escribe en color azul son llamadas palabras reservadas del lenguaje y sólo pueden ser usadas por el lenguaje de programación, es decir, no podemos usarlas como nombres de elementos de nuestros programas. Obsérvese que los valores numéricos se escriben en color rojo. Los nombres que hemos dado a los elementos, y las órdenes escritas por nosotros, se escriben en color negro. Algunas partes del código que escribe Visual Basic automáticamente también aparecen en color negro. Estas partes no deben intervenirse, porque seguramente el programa no funcione. No les hagamos ningún cambio.

Veamos ahora la programación de los botones correspondientes a los signos de las operaciones. Iniciamos con la suma (botón btnMas):

Fig.6 Código del botón Más

Básicamente lo que se hace es: 1.) “Cargar” la variable varPrimNum con el valor numérico de la expresión mostrada en la pantalla. 2.) Guardar un signo más (+) en la variable varSigno  3.) Limpiar la pantalla.

El numeral 1 del párrafo anterior se puede interpretar también como hacer una copia del número digitado, esto se hace para no perderlo puesto que la caja de texto sólo admite un contenido y al digitar una nueva cifra se perdería irremediablemente. Como la variable varPrimNum es de carácter numérico (as Integer) se utiliza la función val() puesto que los valores expuestos en la caja de texto son interpretados como tales y no podríamos hacer operaciones matemáticas con ellos. En el numeral 2 del mismo párrafo estamos guardando el signo escogido por el usuario para más adelante poder saber qué operación fue la escogida. Y finalmente en el paso 3 se “limpia” la pantalla por claridad de la operación.

Todos los botones de signos de operación se programan igual, haciendo el cambio respectivo en la segunda sentencia.

Miremos ahora la programación del botón borrar (btnBorrar):

Fig. 7 Código del botón Borrar

Sencillamente “limpiamos” la pantalla y las variables. En la variable numérica “cargamos” un cero (0) y en la pantalla y en la variable del signo un par de comillas (“”) sin dejar espacios entre ellas.

Finalmente viene la programación del botón igual (btnIgual):

Fig. 8 Código del botón Igual

Para que la calculadora haga las operaciones, lo primero que hacemos es evaluar cual signo pulsó el usuario. Recordemos que se tiene “guardado” en la variable varSigno. Para esto utilizamos la estructura IF THEN ELSE END IF. Recordemos como es:

If Condición evaluada Then

       Acciones por cumplimiento de la condición

Else

       Acciones por no cumplimiento de la condición

End If

En la figura 8 se ve más de una estructura IF y unas están dentro de las otras. A esto se le llama IF anidados. Démonos cuenta que los IF de adentro van a continuación del ELSE  del inmediatamente anterior. El primer IF puede “leerse” o interpretarse en lenguaje humano de la siguiente manera:

Si en variable Signo hay un más entonces en Pantalla muestre la suma del número que se tiene guardado en variable Primer Número y el valor numérico que está actualmente en la Pantalla.

En caso de que no se cumpla dicha condición la sentencia tercera, cuarta y quinta del bloque mostrado en la figura 8 se pueden interpretar como:

Sinó… Si en variable Signo hay un menos entonces en Pantalla muestre la resta del número que se tiene guardado en variable Primer Número y el valor numérico que está actualmente en la Pantalla.

Igual procedimiento con el signo Por (*). Pero antes de ordenar la división estamos evaluando que el segundo número digitado por el usuario no sea Cero o Vacío (Visual Basic lo toma como valor cero), ya que la división por cero matemáticamente no puede darse, lo cual ocasionaría un error, y por este motivo le sacamos un mensaje al usuario advirtiéndole de la imposibilidad de dejar vacía o con un cero la Pantalla.

Fig. 9 Mensaje restrictivo

Obsérvese el resultado mostrado en la figura 9 y la orden escrita luego del cuarto IF  en las sentencias:

Fig. 10 Cuarto IF o de la división

Que puede “leerse” como:

Si la Pantalla tiene un valor numérico cero (lo digitaron o la dejaron vacía) entonces muestre un mensaje al usuario. Sino haga la división. Fin del Sí.

Tomar en cuenta la “cascada” de END IF que cierran o dan fin a cada una de estas estructuras. La última sentencia End Class cierra a la primera de todo el código fuente: Public Class frmCalculadora.

A continuación se copia todo el código fuente:

Public Class frmCalculadora

    Dim varSigno As Char

    Dim varPrimNum As Integer

____________________________________________________________________________________________

    Private Sub btnUno_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnUno.Click

        txtPantalla.Text = txtPantalla.Text + "1"

    End Sub

____________________________________________________________________________________________

    Private Sub btnDos_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnDos.Click

        txtPantalla.Text = txtPantalla.Text + "2"

    End Sub

____________________________________________________________________________________________

    Private Sub btnTres_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnTres.Click

        txtPantalla.Text = txtPantalla.Text + "3"

    End Sub

____________________________________________________________________________________________

    Private Sub btnCuatro_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnCuatro.Click

        txtPantalla.Text = txtPantalla.Text + "4"

    End Sub

____________________________________________________________________________________________

    Private Sub btnCinco_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnCinco.Click

        txtPantalla.Text = txtPantalla.Text + "5"

    End Sub

____________________________________________________________________________________________

    Private Sub btnSeis_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnSeis.Click

        txtPantalla.Text = txtPantalla.Text + "6"

    End Sub

____________________________________________________________________________________________

    Private Sub btnSiete_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnSiete.Click

        txtPantalla.Text = txtPantalla.Text + "7"

    End Sub

____________________________________________________________________________________________

    Private Sub btnOcho_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnOcho.Click

        txtPantalla.Text = txtPantalla.Text + "8"

    End Sub

____________________________________________________________________________________________

    Private Sub btnNueve_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnNueve.Click

        txtPantalla.Text = txtPantalla.Text + "9"

    End Sub

____________________________________________________________________________________________

    Private Sub btnCero_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnCero.Click

        txtPantalla.Text = txtPantalla.Text + "0"

    End Sub

____________________________________________________________________________________________

    Private Sub btnMas_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnMas.Click

        varPrimNum = Val(txtPantalla.Text)

        varSigno = "+"

        txtPantalla.Text = ""

    End Sub

____________________________________________________________________________________________

    Private Sub btnMenos_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnMenos.Click

        varPrimNum = Val(txtPantalla.Text)

        varSigno = "-"

        txtPantalla.Text = ""

    End Sub

____________________________________________________________________________________________

    Private Sub btnPor_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnPor.Click

        varPrimNum = Val(txtPantalla.Text)

        varSigno = "*"

        txtPantalla.Text = ""

    End Sub

____________________________________________________________________________________________

    Private Sub btnDivisor_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnDivisor.Click

        varPrimNum = Val(txtPantalla.Text)

        'varSigno = "/"

        txtPantalla.Text = ""

    End Sub

____________________________________________________________________________________________

    Private Sub btnBorrar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnBorrar.Click

        txtPantalla.Text = ""

        varPrimNum = 0

        varSigno = ""

    End Sub

____________________________________________________________________________________________

    Private Sub btnIgual_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnIgual.Click

        If varSigno = "+" Then

            txtPantalla.Text = varPrimNum + Val(txtPantalla.Text)

        Else

            If varSigno = "-" Then

                txtPantalla.Text = varPrimNum - Val(txtPantalla.Text)

            Else

                If varSigno = "*" Then

                    txtPantalla.Text = varPrimNum * Val(txtPantalla.Text)

                Else

                    If Val(txtPantalla.Text) = 0 Then

                        MsgBox("El divisor no puede ser vacío o cero", MsgBoxStyle.Critical, "Calculadora")

                    Else

                        txtPantalla.Text = varPrimNum / Val(txtPantalla.Text)

                    End If

                End If

            End If

        End If

    End Sub

End Class

___________________________________________________________________________________________

3.       PAGINA WEB HTML:

TEMAS:

1001: EL COLEGIO

1002:  MELGAR

        Gastronomía:  Zury Geraldine Rodriguez, Laura Daniela Lombo y Jenifer Dayana Barragan

            Bancos: Jessica Fernanda Ducuara, María Alejandra Aguilar y Angie Carolina Torres

Ecología : Luis Alejandro Salazar y Wilson Ausique

Sitios turísticos: Sebastian Montealegre, Lina Cupitra y Jaminton Guayara Donoso

Hoteles: Janer Oswaldo Vanegas y Luis Farid Cabezas

Historia: Janer Estiven Vanegas y Daniel Rodriguez López

Sitios Recreacionales: Kelly Betancourt Manrique y Lady Katerine Mayorga

Colegios: Mateo Rodriguez Duque y Jeni Patiño Velasco

Paisajes: Kevin Baquero y Andrés Felipe Quinche

Agricultura: Juan Manuel Barrera y Carlos Amariles

Fauna: John Sebastián Beltrán y Felipe Amorocho Moreno

Piscinas: Jhon Aldana González y Camilo Rojas

Biblioteca: Ingrit Paola Aragón y Leydi Lorena Barragán

1003:  ¿?

1004:  TOLIMA

            Prado: Camila Ramirez y Angie Samantha Barrera

            Ciudades del oriente: Marianella López y Mauricio Osuna

Instrumentos: Angie Ojeda y Aejandra Merchan

Comidas: Angie Martínez y Angie Reyes Feria

¿Melgar?: Nicolle Ovalle y Leydi Barón

Bailes típicos: Sergio Robledo y Gian Carlos Lozano

Anapoima: Paola Lopera y Angie Castañeda

Ciudades del sur: Daniela Marin

Ibagué: Luisa Reyes y Luisa Herrera

Historia y ubicación: Daylim Castro y Alejandro Peñaloza

Mitos: Fabio Romero y Sebastian Ovalle

Leyendas: Erica Mantilla y Juan David Cervera

            Música: Brayan Montaña

            Escudo y Bandera: Brayan Ramírez y Ronald Perdomo

            Icononzo:Leydi Olape

1005:  EXPECTATIVAS DE LOS JÓVENES EN MELGAR

a.       Plazo: 02 – septiembre – 2015.

b.      Grupos máximo de dos (2) estudiantes.

c.       Los subtemas no deben repetirse, se preinscriben con el monitor(a) quien presenta el listado de grupos  y tema antes del 10 de agosto de 2015)

d.      Descargar manual gratuito de HTML. Recomiendo : Francisco Hurtado

Fig. 11  Carátula del manual de HTML recomendado

Recomendaciones iniciales:

El código fuente de la página se puede escribir en el bloc de notas.

Fig. 12 Bloc de Notas

Se guarda el archivo con extensión html.  Ejemplo: Pag Web Eusebio Prada 1001.html.

Fig. 13 Guardado del código fuente de la página web

Esto producirá un ícono del navegador web que tengas predeterminado con el nombre de tu página, en la carpeta que hayas escogido.

Fig. 14 Ícono de la página al guardarla  con extensión html

Al dar doble clic sobre dicho archivo se muestra la página que se ha diseñado. Guarda nuevamente el archivo del bloc de notas pero ahora con la extensión txt. Ahora tienes dos archivos en la barra de tareas  del mismo trabajo. El txt que es el código fuente y el html que es la visualización de la página web.  De ahora en adelante se hacen cambios en el txt, se guardan y para verlos se actualiza la página en el navegador.

Fig. 15 Íconos de la barra de tareas

La estructura básica  de una página web en html es la siguiente:

<html>

<head>

</head>

<body >

</body>

</html>

Los órdenes  <html > … </html> son obligatorias. Le indican al sistema que es código html. El símbolo / sirve para cerrar una orden.  La sección <head> …. </head> es el encabezamiento, se usa entre otras cosas para  colocarle el título a la página web que sale en la pestaña respectiva. La sección <body>… </body> es el cuerpo de la página y encierra todo lo que se va a mostrar en ella.

Codifica las siguientes sentencias, guarda los archivos según las instrucciones anteriores y mira los resultados.

<html>

<head>

<title>Web Eusebio Prada 1001

</title>

</head>

<body bgcolor = blue>

<marquee bgcolor = white> ¡Bienvenidos a mi página Web!

</body>

</html>

Fig. 16 Página web vista en el navegador

Para lograr más efectos consulta el manual  Diseño de páginas web de Francisco Hurtado. Lo recomiendo. Si los resultados no se te dan, no te desesperes. Cualquier duda me la comentan por favor.

El valor porcentual de la dimensión cognitiva es de un 60%.

En la dimensión Personal (20%) se tiene en cuenta el respeto a las normas escolares, la actitud ante el compromiso académico, el liderazgo  y la creatividad. En el ámbito Social (20%) se tiene en cuenta el trabajo en equipo, convivencia y valores, la responsabilidad social, que tienen evaluación continua en los diversos espacios académicos e institucionales.