Í ndice ¡Bienvenido de nuevo! Reglamento Competencias Ruta de actividades Programación Programación, ¿qué es? Tipos de Programación Visual Basic Diseño del Programa Programando con Visual Basic Variables Diagramas de Flujo Checkbox y radiobutton 3 4 5 9 10 11 12 13 14 15 16 20 Sentencia case, Combobox y listbox Date timepicker y otras herramientas Ciclo Do Until Ciclo While Ciclo For Procedimientos y funciones Python Sentencia IF Programación Web ASP.NET Diseño del Programa Proyecto Final 21 23 24 25 26 29 33 35 36 37 38 42 Guatemala de la Asunción, 2021 Prohibida su impresión
Reglamento de la clase de computación
¡Qué alegre volver a verte!
1. Trabaja en orden y con dedicación.
2. Si faltas a clase debes ponerte al día.
Para poder empezar a trabajar es importante que leas la siguiente información: Recuerda que:
3. Utiliza el internet responsablemente.
4. Llega puntualmente al laboratorio.
Prohibida su impresión
5. Respeta a tus compañeras y maestros.
6. Todos tus trabajos deben ser enviados a:
“Todo es posible en la medida que tú creas que es posible”
3
Prohibida su impresión
4
Ruta de actividades Primera Unidad
Prohibida su impresión
Actividades significativas o evaluativas Punteo
Fecha
Total:
5
Programa:
Ruta de actividades Segunda
impresión
Actividades significativas o evaluativas Punteo
Fecha
Total:
6
Unidad Programa: Prohibida su
Ruta de actividades Tercera Unidad
Prohibida su impresión
Actividades significativas o evaluativas Punteo
Fecha
Total:
7
Programa:
Ruta de actividades Cuarta
Prohibida su impresión
Actividades significativas o evaluativas Punteo
Fecha
Total:
8
Unidad Programa:
Programación
Prohibida su impresión
9
Programación
Lenguaje de Programación
Un programa se escribe en un lenguaje de programación, que consiste en un conjunto de reglas que definen la manera en que el programador le dará las instrucciones a la computadora, cómo debe operar, qué acciones deben tomarse, qué datos deben ser almacenados o trasmitidos, etc.
Los lenguajes de programación intentan estar relativamente próximos al lenguaje humano natural.
Algoritmo
Un algoritmo es una secuencia finita y ordenada de instrucciones que han de seguirse para resolver un problema.
Por ejemplo:
Pseudocódigo
Es la descripción de un algoritmo que se asemeja a un lenguaje de programación, pero con algunas convenciones del lenguaje natural.
Por ejemplo:
Pseudocódigo para sumar dos números con una calculadora:
Prohibida su impresión
Inicio Ingresa primer número
Lee primer número Ingresa segundo número Lee segundo número
Respuesta = primer número + segundo número Imprime respuesta Fin
Algoritmo para sumar dos números con una calculadora:
Paso 1: escribir el primer número.
Paso 2: presionar la tecla con el signo de suma.
Paso 3: escribir el segundo número.
Paso 4: presionar la tecla con el signo igual.
Trabajemos:
En un documento en Microsoft Word realiza los algoritmos que tu maestro te indicará.
10
Tipos de programación
La programación puede ser:
Estructurada: En donde se obtienen un único bloque de programa
Orientada a objeto: En donde se define un conjunto de elementos que colaboran entre ellos para realizar tareas. La programación orientada a objetos es más moderna y tiene muchas ventajas, como por ejemplo, permite hacer programas facilmente.
Características de la programación:
La programación tiene tres objetivos generales: corrección, claridad y eficiencia.
¿Qué es compilación?
Trabajemos: Une con una línea cada característica con su respectiva definición.
Corrección
Escribe 5 ejemplos de lenguaje de programación.
Prohibida su impresión
Debe consumir la menor cantidad de recursos posibles.
Escribe 3 lugares en donde se usan computadoras y luego escribe qué programas necesitarían tener.
Claridad
Hace lo que debe hacer.
Eficiencia
Es entendible para los demás programadores.
11
Visual Basic
Visual Basic es un lenguaje de programación de Microsoft que utiliza un ambiente de desarrollo completamente gráfico que facilita la programación.
Creación de un programa en Visual Basic
Primero, se debe crear un nuevo proyecto para Windows, con un nombre y ubicación específica
Luego de creado el proyecto, Visual Basic presentará la siguiente ventana:
Prohibida su impresión
Observa el cuadro de herramientas, las pestañas en el área de trabajo, el explorador de soluciones y la ventana de propiedades.
12
Usando el Cuadro de Herramientas, se diseña la forma; simplemente selecciona la herramienta deseada, dibújala en el lugar y tamaño necesario.
Diseño del programa
Usa la Ventana de Propiedades para determinar características como texto, tipo de letra, alineación, colores, tamaños, etc.
Prohibida su impresión
Los objetos que formen parte de tu proyecto los puedes ver en el Explorador de Soluciones.
13
Programando con visual basic
Trabajemos: Crea un nuevo proyecto en Visual Basic y diseña la siguiente forma, programa cada botón de acuerdo a las instrucciones de tu maestra
Prohibida su impresión
Realiza una form como ésta para cada uno de los dispositivos que se encuentran en el menú de la form1.
14
Variables
Una variable guarda un tipo de dato específico que puede tomar cualquier valor.
Se utiliza para producir los resultados deseados en los programas, calcular valores, compararlos y realizar distintas operaciones.
Los tipos de variables utilizados comúnmente en Visual Basic son:
Integer = Valor entero Single = Valor real o con decimales
String = Texto
Para definir una variable en Visual Basic debe hacerse de la siguiente manera:
Trabajemos:
1. Crea un programa que calcule la cantidad que debe pagar una persona por consumo de gasolina, el usuario debe ingresar la cantidad de galones consumidos y el precio del galón.
Dim Nombre de Variable as Tipo de Variable
Prohibida su impresión
Por ejemplo:
Dim Numero as Integer
Dim Nombre as String
El nombre de la variable lo decide el programador. No puede ser ninguna de las palabras reservadas para el lenguaje de programación de Visual Basic.
2. Crea un programa que convierta cantidades en dólares a quetzales
15
Diagramas de flujo
Ejemplo:
Diagrama de flujo para un programa de números pares.
Trabajemos:
Escribe qué es un diagrama de flujo:
Dibuja las figuras usadas para hacer diagramas de flujo de un programa y explica su función.
Prohibida su impresión
16
3. Realiza el diagrama de flujo para el ejercicio en donde calculabas el consumo de gasolina.
4. Realiza el diagrama de flujo para el ejercicio en donde calculabas el cambio de dólares quetzales.
Prohibida su impresión
¡Realizaste un excelente trabajo!
17
Diagramas de flujo
La sentencia condicional If se ejecuta en función de una condición.
Su estructura se mantiene en casi todos los lenguajes de programación de la siguiente manera:
If condición then cuerpo afirmativo Else Cuerpo negativo EndIf
Trabajemos:
1. Con ayuda de tu maestro realiza un programa para solucionar el siguiente problema:
Actualmente el banco Catastrín ha cambiado sus políticas sobre la adquisición de financiamiento, si una persona gana más de Q84,000.00 al año tiene derecho de un financiamiento de Q25,000.00 y si gana menos de eso no tiene derecho a financiamiento.
2. Realiza un programa para el Colegio Belga que pida la nota de ejercicios, la nota de evaluaciones parciales y la nota de evaluación final y con estos datos calcule la nota final del alumno.
En base a la nota final, el programa informará si la clase fue aprobada o reprobada e indicará la literal correspondiente según lo siguiente:
-Total mayor o igual a 65 Aprobado
-Total mayor o igual a 98 A
-Total menor a 98 B
Prohibida su impresión
-Total menor a 90 C
-Total menor a 80 D
-Total menor a 65 E
-Total menor a 50 F
NOTA: Los usuarios solamente deben ingresar el salario mensual.
¡Excelente trabajo!
18
1. Realiza el diagrama de flujo para el programa que evalúa si una persona es apta o no para obtener un financiamiento.
2. Realiza el diagrama de flujo para el progrma que calcula la nota, evalúa si la clase fue aprobada o reprobada e indica la literal correspondiente.
Prohibida su impresión
¡Realizaste un excelente trabajo!
19
Checkbox y radiobutton
El checkbox permite seleccionar varias opciones marcando el cuadrito por medio de un clic, mientras que el radiobutton permite seleccionar solamente una de las opciones de cada grupobox, por medio de clic.
Trabajemos: Diseña el siguiente programa como se te muestra a continuación y calcula el total a pagar en base a la selección. El textbox debe mostrar el total y cuál fue cada una de las opciones seleccionadas por el usuario.
Prohibida su impresión
20
Sentencia case Combobox y listbox
La sentencia condicional Case se utiliza para evaluar una variable que tiene muchas posibilidades para producir un resultado.
La estructura para la sentencia Case es la siguiente: Select
Trabajemos:
Diseña el siguiente programa para hacer reservaciones aéreas, utilizando Combobox y Listbox, luego calcula el total a pagar.
Cantidad de pasajeros: 1 a 6 Clase: primera y turista
Prohibida su impresión
Algunos ejemplos de su uso en Visual Basic son mediante la utilización de las herramientas de ComboBox y ListBox.
case Selector Case “Concidión 1” Sentencia 1 Case “Concidión 2” Sentencia 2 ... Case “Concidión n” Sentencia n
End Select
21
1.
Repasemos
Realiza el programa que tu maestro te indique utilizando todas las herramientas aprendidas.
2.
Responde lo siguiente:
¿Qué es programación?
3.
¿Cuál es la diferencia entre usar Checkbox y RadioButton?
¿Qué es una variable?
¿Para qué se utiliza la sentencia If?
Realiza una calculadora simple, que permita calcular las 4 operaciones básicas.
¡Felicitaciones, realizaste un excelente trabajo! 22
Prohibida
su impresión
Date timepicker Otras herramientas
Permite al ususario seleccionar la fecha y hora, así como mostrar ambas en un formato específico.
Trabajemos:
Diseña el siguiente programa para el control de los salarios de los trabajadores de un call center
Trabajemos:
Con la ayuda de tu maestro realiza un programa que lleve el control de las ventas de boletos de un determinado servicio (puede ser un teatro, circo, avión, entre otros).
Utiliza la herramienta TabControl y determina las características más importantes, por ejemplo: la calidad de boletos disponibles y vendidos, así como el total de ingresos obtenidos hasta el momento en cada localidad y en todo el evento o servicio.
Prohibida su impresión
Recuerda aprovechar tu tiempo en clase.
23
Cuadros de entrada y mensajes de salida Cuadros de entrada y mensajes de salida
El InputBox presenta un cuadro en donde se puede ingresar un valor de variable, es un cuadro de entrada. El MessageBox presenta un mensaje en un cuadro en donde se puede mostrar un resultado o alguna advertencia.
Ciclo Do Until
La sentencia condicional de ciclos repetitivos Do Until, ejecuta una serie de instrucciones hasta que se cumpla con una condición. La estructura para la sentencia Do Until es:
Trabajemos:
1. 2.
Realiza un programa que haga diferentes conversiones utilizando InputBox y MessageBox y al dar los resultados pregunte si se desa hacer otro cálculo.
su impresión
Instrucciones ... Do Until Condición Instrucciones ... Loop Prohibida
Realiza el diagrama de flujo del programa anterior. 24
1.
Ciclo While
La sentencia While repite la ejecución del programa mientras la condición sea verdadera.
Instrucciones ...
Do While Condición Instrucciones ... Loop
Realiza el diagrama de flujo del programa anterior. 2.
Trabajemos:
Realiza un programa que repita un determinado cálculo mientras se cumpla la condición.
Cálculo: Condición:
Prohibida su impresión
Mensaje de error:
¡Excelente trabajo!
25
Ciclo For
La sentencia For repite una serie de instrucciones un exacto número de veces. Utiliza una variable de control o contador, que generalmente se declara como una variable i de tipo entero y que se va incrementando desde un límite inicial hasta llegar a un límite final.
Instrucciones
...
For i = límite inicial to límite final Instrucciones ... Next i
1. Trabajemos:
Escribe 2 ejemplos de programas en los que se deba utilizar la sentencia For:
2.
Realiza el programa que tu maestro te asignará utilizando la sentencia For.
3.
Realiza el diagrama de flujo del programa anterior.
Prohibida su impresión
¡Súper trabajo! 26
Repasemos
es: es: es: es:
27
1. Completa el siguiente mapa conceptual sobre las estructuras de programación: Estructuras de programación If Case Do Until While For
es: ejemplo: ejemplo: ejemplo: ejemplo: ejemplo: Prohibida su impresión
2. Realiza el ejercicio que tu maestro te asignará para que reforzar el uso de las estructuras de programación. En el siguiente espacio, anota las instrucciones, diseña las forms y luego realiza los diagramas de flujo que se te indique.
Prohibida su impresión
Importante: Debes tener muy clara la diferencia entre las sentencias: “If, Case, Do until y While”.
28
Procedimientos y funciones
Un Procedimiento, es una parte del programa que desarrolla una actividad específica.
Una Función, al igual que en Matemática, devuelve un valor numérico único en una variable de salida para sus respectivas variables de entrada.
Los procedimientos y las funciones se ejecutan cada vez que se invoca su nombre. La diferencia radica en que los procedimientos realizan actividades como ordenar, intercambiar valores, imprimir resultados, entre otros, mientras que las funciones devuelven resultados de operaciones numéricas.
Trabajemos:
1.
2. 5. 3. 6. Prohibida su impresión 29
Escribe en la línea si es un procedimiento o una función: Igss = Base * 0.0483 Saldo = Debe - Haber nombre = InputBox(“Ingresa tu nombre”) MessageBox.Show (“Gracias por utilizar este programa”) Valor = vbYesNo + Question Otra = MsgBox(“¿Deseas hacer otro cálculo?”, Valor) Área = (Base * Altura) / 2
4.
Para llamar a un procedimiento en Visual Basic se utiliza el comando Call seguido por el nombre del procedimiento y para definirlo se utiliza la siguiente estructura:
También utiliza las siguientes funciones:
- Igss: Para calcular el Igss sobre el sueldo base.
Sub Nombre del procedimiento() Instrucciones
End Sub
Para llamar a una función únicamente debes escribir su nombre en el lugar donde deseas que te muestre el resultado, para definirla se utiliza la siguiente estructura:
Function Nombre de la función() Instrucciones
End Function
Trabajemos:
2. Realiza un programa para controlar el libro de caja de una empresa. Piensa cuáles procedimientos y funciones utilizarás y escríbelos a continuación.
Procedimientos:
Prohibida su impresión
Realiza un programa para el cálculo de la planilla de los empleados.
Utiliza los siguientes procedimientos:
- Ingreso: Para ingreso de los datos
- Repetir: Para preguntar si desea ingresar los datos de otro empeado
- Respuesta: Para mostrar el detalle de la planilla de empleado ingresado
Funciones:
- Líquido: Para calcular el salario líquido a recibir. 1.
...
...
¡Excelente
trabajo!
30
1.
Repasemos
Escribe en el paréntesis la letra que corresponde a la respuesta correcta.
A. Variable B. Procedimiento C. For D. InputBox
E. While F. Case G. Función
H. MessageBox
Repite una serie de instrucciones un número exacto de veces.
Devuelve un valor numérico en una variable de salida para sus respectivas variables de entrada.
Repite la ejecución del programa mientras la condición sea verdadera.
Guarda un tipo de dato específico que puede tomar cualquier valor.
2. 3.
Escribe el procedimiento para hacer un programa en Visual Basic:
( ) ( ) ( ) ( ) ( ) ( ) ( ) ( )
Escribe el nombre de la herramienta a la que se refiere:
Permite seleccionar varias opciones marcando un cuadrito por medio de clic............................
Presenta un cuadro en donde se puede ingresar un valor de variable.
Presenta un mensaje en un cuadro en donde se puede mostrar un resultado o alguna advertencia.
Parte de un programa que desarrolla una actividad específica.
Se utiliza para evaluar una variable que tiene muchas posibilidades para producir un resultado.
Muestra una lista de diferentes opciones entre las que el usuario puede elegir elementos........................................
Prohibida su impresión
Permite al usuario seleccionar fechas y horas, así como mostrar ambas en un formato específico.........................................
Permite seleccionar solamente una de las opciones de cada GroupBox por medio de clic.........
31
4. Tu maestro te asignará un proyecto final de Visual Basic, a continuación anota las instrucciones, diseña las forms y realiza los diagramas de flujo que se te indiquen:
Prohibida su impresión
32
¿Qué es?
Python es un lenguaje de programación cuya sintaxis favorece un código legible, además de soportar orientación a objetos haciéndola una programación funcional.
Paso 1:
Abre el programa IDLE 3.6
Paso 2:
Abre un archivo nuevo en la opción de File, luego de click New File.
Prohibida su impresión
Python
33
Paso 3: Paso 4:
Empieza a escribir el código, y guárdalo en la carpeta de tu elección para poder ponerlo a funcionar.
Trabajemos:
Tu programa quedará así.
Practica ahora
1. Con ayuda de tu maestro realiza un programa para evaluar la fórmula X2 + Y +1, solicitando al usuario los valores de las variables para que dé el resultado correspondiente en la pantalla.
2. Realiza un programa para calcular el área de un cuadrado, un círculo(3.1416*radio2), y un triángulo((base*altura)/2).
Prohibida su impresión
El programa deberá funcionar de la siguiente manera:
-Pedir todos los datos para el área del cuadrado.
-Pedir todos los datos para el área del círculo.
-Pedir todos los datos para el área del triángulo.
Después de pedir los datos, deberá desplegar los resultados de la siguiente forma:
-El área del cuadrado es = XXXX
-El área del círculo es = XXXX
-El área del triánglo es = XXXX
34
Sentencia If
La estructura de control if... permite que un programa ejecute unas instrucciones cuando se cumplan una condición. En inglés “if” significa “si” (condición). La orden en Python se escribe así:
if condición: aquí van las órdenes que se ejecutan si la condición es cierta y pueden ocupar varias líneas
Trabajemos:
1. Con ayuda de tu maestro realiza un programa que permita leer el nombre de un alumno y 3 notas; que calcule el promedio e indique el resultado de acuerdo a la siguiente ponderación:
3. Completa el cuadro comparativo con las diferencias que encontraste entre Visual Basic y python.
0-40 “Malo”
41-60 “Regular” 61-80 “Bueno” 81-100 “Excelente”
Prohibida su impresión
2. Realiza un programa que permita leer tres valores y almacenarlos en las variables A, B y C respectivamente. el progrma debe imprimir cuál es el mayor y cuál es el menor. Recuerda constatar que los tres valores introducidos por el teclado sean valores distintos, en caso que se iguales deberá mostrar un mensaje de alerta para que el usuario vuelva a ingresar los valores.
Visual Basic: Python:
35
Programación web
La programación web consiste en realizar programas dinámicos para Internet.
Trabajemos:
3. 1.
Escribe 5 ejemplos de aplicaciones de sitios web dinámicos en Internet:
Escribe 5 beneficios que tenemos en la actualidad gracias a la programación web:
Escribe el nombre de 5 lenguajes de programación web:
Prohibida su impresión
Crea un video de presentación en Canva sobre la programación web y sus beneficios. 4.
2.
36
ASP.NET
Es un framework, estructura de software, diseñada para apoyar el desarrollo de sitios web dinámicos que se encuentra integrado en Microsoft Visual Estudio. Net.
La programación en ASP.Net es muy similar a la que se realiza en Visual Basic, la diferencia se encuentra en la manera en la que vemos el resultado del programa.
Un programa hecho en Asp se verá en el navegador de Internet, mientras que un programa hecho en Visual Basic se verá en una ventana normal de Windows.
Creación de un programa en Asp.Net
Primero se debe crear un nuevo proyecto web, con un nombre y una ubicación específica.
Luego de creado el proyecto, Asp presentará la siguiente ventana.
Prohibida su impresión
Observa que ahora el área de trabajo no tiene forma de ventana y el nombre es WebForm1.
37
Diseño del programa
El Cuadro de Herramientas de Asp contiene herramientas específicas para el diseño de programas para Internet. Para utilizarlas arrastra la herramienta que desees al área de trabajo.
Para editar tu página utiliza la ventana de propiedades o bien la opción “Estilo” que aparecen al dar clic derecho en cada herramienta.
Prohibida su impresión
Algunas propiedades son diferentes a las de Visual Basic.
Los objetos que formen parte de tu proyecto los puedes ver en el Explorador de Soluciones. Para programar el código, las variables y estructuras de programación las puedes utilizar de la forma que ya conoces.
38
Practica ahora
Trabajemos:
Diseña el siguiente programa en Asp. Net y prográmalo de acuerdo a las instrucciones de tu maestro.
Prohibida su impresión
Observa que tus programas también tienen código html y que puedes agregar diferentes elementos en tus programas.
39
Repasemos
Escribe el nombre de 10 herramientas de Asp.Net, dibújas y escribe su respectiva función. 1.
Prohibida su impresión
Visual Basic Asp.Net
es: es:
2. 3. 4. ¿Qué es la programación web? Escribe los pasos para hacer un programa en Asp.Net Completa el siguiente mapa conceptual: Visual Studio.Net
es:
40
5. Tu maestro te asignará un proyecto final de Asp.Net, a continuación anota las instrucciones y diseña las web forms.
Prohibida su impresión
41
Proyecto final
Objetivo
Aplicar los conocimientos aprendidos durante el curso para crear un programa que optimice alguna operación de la empresa a su elección.
Descripción
Buscar una empresa que consideren que necesita optimizar sus operaciones, ofrecer una solución a través de la programación.
El programa debe tener lo siguiente:
• Case
• Sentencia If
• While • For
• Tab control
El proyecto estará dividido en dos fases.
Fase 1:
Realizar el análisis y diseño del algoritmo para implementar un programa para una empresa. El documento a entregar debe tener:
• Carátula
• Introducción
Prohibida su impresión
• Descripción de la empresa
• Nombre
• A qué destina sus operaciones
• Descripción del problema
• Cuál es el problema que ven en la empresa
• En que área de la empresa se da (servicio al cliente, recursos humanos, finanzas…)
• Solución del problema
• Cuál consideran qué es la solución al problema, expliquen el programa a grandes rasgos.
42
Datos del programa:
• Análisis
• Entradas: información que debe ingresar el usuario
• Salidas: resultados que dará el programa
• Procesos: operaciones que realizará el programa
• Diseño
• Algoritmo
• Diagrama de flujo
• Objetos: qué herramientas se utilizaron en el programa
• Atributos del objeto: características del objeto
• Métodos: cuál es su función dentro del programa
• Diseño de pantalla de cómo se verá el programa
Ejemplo de objetos, atributos y métodos:
El siguiente ejemplo es para el programa de un juego en donde se deben juntar tres cuadros del mismo color haciendo que estos se eliminen, así sumar puntos hasta que termine el tiempo y determine si gana o pierde según la cantidad de puntos obtenidos.
Objeto: Indicador de puntos totales
Atributos:
1. Datos numéricos 2. Forma 3. Tamaño 4. Color
Método:
Prohibida su impresión
Muestra la cantidad de puntos totales acumulados por el usuario para luego evaluar si gana el juego o pierde.
• Conclusiones y bibliografía
Fase 2:
Tomando como base la fase 1, deberá codificar el algoritmo diseñado a un lenguaje de programación Visual Basic.
Se deberá entregar lo siguiente:
• Programa ejecutable
• Manual de usuario
43
Prohibida su impresión
44
