Haciendo una aplicación con App Inventor

Desarrollo de una aplicación desde la plataforma App Inventor.

Descargue la guía a seguir AQUI.

Descargue las imágenes que necesita AQUI.

 

 

Programación con Bloques

Actividades presenciales realizadas para inicio del tercer período en Programación de Software:

- Seguidor de línea virtual con mBlock. Asignada el 11 de agosto. Dos proyectos generados que se deben guardar en su cuenta de proyectos con mBlock.

- Cómo programar los módulos del kit de robótica. Asignada el 24 de agosto. Crear una carpeta en la unidad (C:) llamda PROGRAMACIÓN SENSORES y descargar las dos carpetas compartidas con la información de cada sensor. Se le entregará una HaloCode e intercambiará sensores con sus compañeros de equipo para realizar las pruebas de aprendizaje del funcionamiento y programación de cada sensor. Vaya informando sobre cada prueba que haga para llevar el registro.

Al descargar esta información puede que requiera descomprimir las carpetas descargadas. Si no tiene instalado un descompresor, puede descargar la versión más reciente del 7-zip desde AQUÍ, que es gratuito y de fácil instalación. Deje el ejecutable descargado en la carpeta SOFTWARE como se acostumbra e instálelo desde allí (clic derecho sobre el archivo ejecutable y elegir Ejecutar como Administrador).

- Puertas automáticas. Asignada el 26 de agosto. Continuamos el trabajo por los grupos armados la clase anterior (un kit por mesa, en cada mesa las 3 parejas asignadas). Se deben generar dos simulaciones:

La primera, utilizando el sensor de proximidad para unas puertas automáticas en un entorno simulado en mBlock, como las que se ven al ingreso de los centros comerciales. Guardar como Puertas automáticas. Pequeño video demostrativo. Instructivo del sensor de proximidad. Orientaciones en clase previas al desarrollo de esta actividad.

La segunda, será una propuesta de cada grupo, donde ponen a prueba lo aprendido y eligiendo uno de los demás sensores que se trabajaron la clase anterior: luz, gas, flama, temperatura o magnético. Ponerse de acuerdo, por mesa de trabajo, para elegir uno diferente por pareja. Simular la situación o el entorno en mBlock, como se ejemplificó en la simulación anterior y la respectiva conexión y programación del sensor. Guardar con un nombre de acuerdo a la problemática solucionada.

- Cómo programar actuadores. Asignada el 31 de agosto. Descargar la carpeta con los 5 videos que muestran los montajes a trabajar dentro de la carpeta creada en una clase anterior, llamada Programación sensores y que hubicamos en la Unidad C:

Realice los montajes planteados en los videos, añada la extensión correspondiente para manejar cada actuador y experimente con cada uno de los bloques de control de ese actuador para deducir cómo funciona. Cuando termine de trabajar cada montaje, intercambie con otro grupo de compañeros para experimentar con otro actuador, de acuerdo con las situaciones planteadas en los videos.

- Juego contacto - alambre: Asignada el 7 de septiembre. Realizar el montaje y la programación en la HaloCode para que cuando se desplace la argolla por el alambre, si hace contacto, active el altavoz o parlante (explicación en clase):

 

 

Luego modificar el programa para que cuando haga contacto la argolla con el alambre, además de emitir un sonido lleve la cuenta en tiempo del recorrido y lo muestre en la matriz led.

 

 

 

- Problemáticas a solucionar con la HaloCode y el kit mBuild: Asignada el 9 de septiembre.

 

 

OBSERVACIÓN IMPORTANTE: Para trabajo EXTRAMURAL (estudiantes que trabajan desde casa), las asignaciones que les corresponde realizar, se nombran a continuación y generan una publicación detallada en el blog del estudiante, explicando procesos, aprendizajes y mostrando productos realizados por medio de capturas de pantalla y links a Google Drive. Se entregan, enviando el link de la publicación al correo institucional y al whatsapp. Aquí irán apareciendo las publicaciones que es posible que realicen desde casa ya que son con software libre, de fácil instalación, como mBlock, PSeInt, Raptor, etc., con aplicaciones online, como Google Drive, Blogger, Google docs, Genially, Canva, etc. o adsequible, como Office (son ejemplos).

Las actividades nombradas al inicio de esta publicación, que deben trabajar los estudiantes en extramural, son:

- Seguidor de línea virtual con mBlock: Título publicación: Seguidor de línea virtual con mBlock, etiqueta: Programación por bloques. (para trabajar en las dos semanas comprendidas entre el 16 y el 26 de agosto, este último día es la fecha de entrega).

 

Evaluación final de Programación de Software para el Segundo Período 2022

 Ingrese al formulario de la evaluación desde:

 

 

 

 

Etiquetas HTML para formato de texto - Actividad 2

Después de la explicación realizada en clase (si no estuvo puede consultar en la web información sobre etiquetas para formato de texto, etiquetas de títulos y subtítulos, etiqueta hr y sus atributos correspondientes o este PDF), realice la siguiente actividad:

Actividad en clase

• Cree una carpeta llamada Actividad 2 para guardar los archivos que conforman el trabajo de esta clase. Recuerde estar verificando el funcionamiento del código que va creando o modificando, continuamente.
• Inicie un código con la estructura básica de HTML y guárdelo en la carpeta creada con el nombre Actividad 2 - apellidos.html (no olvide que para que no quede guardado el archivo como texto, debe utilizar la extensión .html).
• Realice los ajustes en el código básico, necesarios para que la página web creada muestre la información contenida en la siguiente imagen y con los formatos correspondientes según el contexto de las etiquetas que se quieren estudiar en esta clase. Utilice atributos de <hr> como usted desee según lo explicado en clase:

 (Clic sobre la imagen para verla mejor)

• Guarde y ejecute para ver el resultado de lo que se lleva hasta el momento, corrija hasta que se consigan los formatos requeridos hasta el momento.
• Edite el código de los formatos para que quede como el siguiente:
  

(Clic sobre la imagen para verla mejor)

Por último, la imagen de la carita que eligieron para insertar en la página, debe ser manejada con los respectivos atributos encuanto a su tamaño, para que se vea pequeñita como se tiene en la imagen de la página web. Por favor, insertar esa misma imagen repetida, después del párrafo donde están los nombres de los estudiantes que realizan el trabajo, sin los atributos para cambiar dimensiones, para evidenciar su tamaño real.

 

Revise, corrija y cuando esté completo y bien presentado, entregue su trabajo para su evaluación.

 

 

Introducción a HTML y Actividad 1

 

 

Introducción a Algoritmos

Documento PDF con el material de estudio para el día de hoy y la actividad correspondiente a realizar en el cuaderno.

  

Link al test de esta actividad, aplicado en la clase en que se trabajó este material.

https://forms.gle/Q5hvbqrkURhA6yLK6

 

Variables, constantes e identificadores

Si se parte del hecho de que programar es solucionar problemas y esto se hace por medio de un proceso repetitivo que recibirá unos datos de partida, hará unos cálculos o procesos con esos datos y arrojará unos resultados, esos datos debemos almacenarlos en alguna parte. Esos lugares de almacenamiento se denominan “variables” y “constantes”, dependiendo obviamente de si el valor almacenado en ellas varía o no varía a lo largo de la ejecución del programa.

Tanto las variables como las constantes son espacios en memoria, asignados para guardar los datos que queremos procesar. Cada variable, constante e incluso algún proceso requieren un nombre que lo identifique y de ahí proviene la palabra "identificadores", por lo que puede decirse que un identificador es el nombre de cualquier variable o constante.

Ejemplo de nombres básicos de variables: nombre, sueldo, numero1, precio_unitario, cantidad, peso, doc_iden, VrUnit, VrTotal, promedio, suma, total_ventas, etc. Hasta las mismas a, b, x, y, sirven como nombres o identificadores de variables dependiendo de lo que se esté resolviendo.

Ejemplo de nombres de constantes: salario_minimo_2020, pi, velocidad_luz, gravedad, num_e, lados_triangulo, etc. O valores mínimos o máximos establecidos en algún programa, como topes para alguna situación.

En un programa más del 95% de los datos que se procesan son variables, por eso de ahora en adelante solo nombraremos las variables, pero todo aplica a las constantes.

Las variables deben declararse en algún momento de la codificación de un programa. Declararlas es indicar su nombre y el tipo de dato que van almacenar. Pero por hoy nos dedicaremos a los posibles nombres o identificadores que puede tener una variable.

La escritura de un identificador tiene reglas, las cuales deben aplicarse siempre al momento de crear una variable y asignarle ese nombre o identificador.

Retroceda y revise cómo cada uno de los nombres que se dieron de ejemplo cumple estas premisas.

Se ha establecido que cuando un identificador de variable requiera estar formado por dos o más palabras, no puede llevar espacio, sino que deben unir las palabras o fracciones de palabra con un guion bajo (_). Actualmente se recomienda utilizar el convenio Camelize, según el cual cuando un identificador esté formado por dos o más palabras en lugar de utilizar el guión bajo (_), se debe iniciar cada palabra con letra mayúscula. Ambos convenios son aceptables. Ejemplo: Vr_unitario o VrUnitario, fechaNacimiento o fecha_nac o FechaNac o fec_nac, desde que cumplan los anteriores convenios, no tienen inconveniente.

También es muy recomendable que los identificadores sean claros y correspondan a la información que tendrán asignada; así, si se requiere una variable para el precio de un producto, el identificador asignado debe corresponder, como valorProducto y no asignarle por ejemplo el identificador numero, el cual no indica nada específico, aunque el programa no arrojaría ningún error, porque el nombre “numero” cumple con las reglas de redacción de los nombres, pero no es apropiado.

Cuando escribimos código, las variables se utilizan para:

• Guardar datos y estados.
• Asignar valores de una variable a otra.
• Representar valores dentro de una expresión matemática.
• Mostrar valores por pantalla.

En un pseudocódigo o en programa, la forma correcta de declarar una variable es indicar el tipo de variable, luego el nombre y por último, si se requiere inicializarla de una vez, se le asignaría el valor con el cual inicia la variable. Quiere decir que inicia el programa con un valor ya almacenado, el cual puede cambiar a medida que se ejecuta el programa. 

Ejemplos válidos:

Sin embargo, se puede encontrar solamente la declaración: num1 = 0, o solo num1, ya que, según el programa o lenguaje, a veces no es obligatorio indicar el tipo de dato y la iniciación con 0 o asignación del valor no es obligatoria en todos los lenguajes, se inicia o no una variable dependiendo de si lo requiere en la solución del problema que se esté trabajando.

Si dos variables son del mismo tipo, pueden ir declaradas en la misma línea de código, por ejemplo:

                entero contador1 = 0, contador2 = 0

o si no requiere asignación, sería:       entero contador1, contador2 

De acuerdo con lo que ya se ha trabajado de expresiones, sabemos que son combinaciones de constantes, variables, símbolos de operación, paréntesis y pueden tener nombres de funciones especiales. Por ejemplo:

   a + (b + 10) / c

Pero lo más normal es que en programación, en vez de letras (aunque hay variables nombradas con letras), se usen nombres de variables, por ejemplo:

cant_grupo1 + (cant_grupo2 + 10) / promedio

 

Si desea el PDF de este taller de introducción a los Tipos de datos de clic AQUÍ. 

Trabajar en el cuaderno.