07/09/2015
Pensamiento Algorítmico Juan Carlos López García
[email protected] @jualop
Semana 5; Ago sto 24, 2015 2015 (T9) (T9)
Pensamiento Algorítmico SISTEMA
https://www.youtube.com/watch?v=ZWWWxFR0iEw
1
07/09/2015
Pensamiento Algorítmico DEFINICIÓN DE SISTEMA (RAE) (Del lat. lat. systēma, systēma, y este del gr. gr. σύστημα). 1. m. Conjunto de reglas o principios sobre una materia racionalmente enlazados entre sí. 2. m. Conjunto de cosas que relacionadas entre sí ordenadamente contribuyen a determinado objeto. 3. m. Biol. Conjunto Conjunto de órganos que intervienen intervienen en alguna de las principales funciones vegetativas. Sistema nervioso. 4. m. Ling. Conjunto Conjunto estructurado estructurado de unidades unidades relacionadas entre sí que se definen por oposición; p. ej., la lengua o los distintos componentes de la descripción lingüística.
Pensamiento Algorítmico DEFINICIÓN DE SISTEMA Un sistema es un conjunto ordenado de elementos que interactúan entre si para lograr un objetivo. o bjetivo. El objetivo es la finalidad o razón de ser de un sistema. Los objetivos constituyen el factor que integra todas las partes de un sistema. La variación o alteración de una de sus partes incide en todas las demás y, por ende, en todo el e l conjunto. El grado de complejidad de un sistema depende del número de elementos y componentes que lo constituyen y de la cantidad y variedad de relaciones relacione s entre ellos.
2
07/09/2015
Pensamiento Algorítmico DEFINICIÓN DE SISTEMA Un sistema es un conjunto de elementos que interactúan en un dominio específico y cumplen ciertas propiedades. Dichos elementos se relacionan entre ellos y actúan con un propósito específico. El resultado del comportamiento y conectividad de los elementos describe el objetivo del sistema.
20’
Pensamiento Algorítmico EJEMPLOS DE SISTEMAS Sistema solar Cajero automático Consola de juego Wii Una sala de cine Una biblioteca Un teléfono Un juego
20’
3
07/09/2015
Pensamiento Algorítmico MODELOS DE SISTEMAS (Del it. modello). 1. m. Arquetipo o punto de referencia para imitarlo o reproducirlo. 3. m. Representación en pequeño de alguna cosa. 4. m. Esquema teórico, generalmente en forma matemática, de un sistema o de una realidad compleja, como la evolución económica de un país, que se elabora para facilitar su comprensión y el estudio de su comportamiento. 5. m. Objeto, aparato, construcción, etc., o conjunto de ellos realizados con arreglo a un mismo diseño.
20’
Pensamiento Algorítmico MODELOS DE SISTEMAS Un modelo es la representación de un objeto o sistema. Los modelos pueden ser físicos (una maqueta de un carro) o no físicos (una ecuación que represente el movimiento del carro), pero todos tienen en común que sirven para hacer simulaciones y probar las propiedades en los sistemas.
20’
4
07/09/2015
Pensamiento Algorítmico MODELO COMPUTACIONAL Modelo abstracto que se desarrolla en computadores y se denomina comúnmente como programa. Son representaciones de sistemas reales. Skype iTunes Kindle Windows Media Player Facebook
20’
Pensamiento Algorítmico OBSERVACIÓN DE SISTEMAS Propiedades Características Aspectos estáticos Aspectos dinámicos Tipos de datos
5
07/09/2015
Pensamiento Algorítmico EJERCICIO Describir objetivo, elementos, interacciones, aspectos estáticos, aspectos dinámicos y tipos de datos de los siguientes sistemas: MIO Dispensador de gaseosas Televisor
Pensamiento Algorítmico CONCEPTUALIZACIÓN Elaborar en CmapCloud un Mapa Conceptual que responda la siguiente pregunta: ¿Qué es un sistema?
Copiar el mapa a la carpeta compartida con el profesor.
https://cmapcloud.ihmc.us/
6
07/09/2015
Pensamiento Algorítmico Juan Carlos López García
[email protected] @jualop
Semana 5; Ago sto 26, 2015 (T10)
Pensamiento Algorítmico FASE DE DISEÑO
7
07/09/2015
Pensamiento Algorítmico FASE DE DISEÑO En esta fase se utilizan los lenguajes algorítmicos conjunto de símbolos y reglas que permiten describir de manera explícita un proceso ya que el lenguaje natural tiende a ser ambiguo y muchas veces extenso.
Se pueden identificar dos tipos de lenguajes algorítmicos: No gráficos: pseudocódigo. Gráficos: diagramas de flujo
20’
Pensamiento Algorítmico FASE DE DISEÑO Pseudocódigo:
8
07/09/2015
Pensamiento Algorítmico FASE DE DISEÑO
Pensamiento Algorítmico FASE DE DISEÑO Diagrama de flujo:
20’
9
07/09/2015
Pensamiento Algorítmico FASE DE DISEÑO
Pensamiento Algorítmico FASE DE DISEÑO Prueba de escritorio: simulación del comportamiento de un algoritmo que permite detectar errores, omisiones e incluso realizar mejoras al algoritmo.
20’
10
07/09/2015
Pensamiento Algorítmico FASE DE DISEÑO http://pseint.sourceforge.net/
Pensamiento Algorítmico Juan Carlos López García
[email protected] @jualop
Semana 5; Ago sto 28, 2015 (P5)
11
07/09/2015
Pensamiento Algorítmico PSeInt #1 Elaborar el pseudocódigo y el flujograma para dibujar cualquier figura geométrica, desde un triángulo hasta un círculo.
Pensamiento Algorítmico PSeInt # 2 Elaborar en PSeInt el pseudocódico del proceso de elaborar canicas:
https://www.youtube.com/watch?v=bS3hTtV69Ts
0:00 – 1:50 30’
12
07/09/2015
Pensamiento Algorítmico Juan Carlos López García
[email protected] @jualop
Semana 6; Ag ost o 31, 2015 (T11)
Pensamiento Algorítmico PSeInt # 2 Elaborar en PSeInt el pseudocódico del proceso de elaborar canicas:
https://www.youtube.com/watch?v=bS3hTtV69Ts
0:00 – 1:50 30’
13
07/09/2015
Pensamiento Algorítmico Juan Carlos López García
[email protected] @jualop
Semana 6; Septi embre 2, 2015 (T12)
Pensamiento Algorítmico PSeInt # 2 Elaborar en PSeInt el pseudocódico del proceso de elaborar canicas. Enviar el archivo de PSeInt hoy antes de las 6:00pm al correo
[email protected]
https://www.youtube.com/watch?v=bS3hTtV69Ts
0:00 – 1:50 30’
14
07/09/2015
Pensamiento Algorítmico FASE DE DISEÑO Ejercicio:
Pensamiento Algorítmico Juan Carlos López García
[email protected] @jualop
Semana 6; Septi embre 4, 2015 (P6)
15
07/09/2015
Pensamiento Algorítmico EVALUACIÓN EN SALA #1 La evaluación se anulará si usted (nota 0.0): Utiliza un teléfono celular o dispositivo móvil. Abre en el navegador una página diferente a www.icesi.edu.co/moodle Abre un programa diferente a Scratch o al descompresor de archivos Habla con algún(a) compañero(a). Copia de un(a) compañero(a). Le da copia a un(a) compañero(a).
Pensamiento Algorítmico EVALUACIÓN EN SALA #1 Tiene 1 hora para realizar el examen. NO OLVIDE GUARDAR SU TRABAJO CONSTANTEMENTE. 1. Descargue el archivo PensamietoAlgoritmicoGrupo1.zip de Moodle sobre el Escritorio de tu computador. 2. Descomprímalo para obtener los archivos: PA-G1-Carro.gif PA-G1-Fondo.jpg PA-G1-Meta.jpg PA-G1-Ok.wav PA-G1-Error.wav
16
07/09/2015
Pensamiento Algorítmico EVALUACIÓN EN SALA #1 Diseñe una animación en la cual el usuario conduzca un objeto por un circuito. El objeto se comportará de acuerdo a las siguientes restricciones: 1. 2. 3. 4.
5. 6.
Se utilizarán las teclas de flechas para conducir el objeto “PA-G1-Carro” en los 4 sentidos del plano: arriba, abajo, derecha e izquierda (0.5). El objeto “PA-G1-Carro” se desplazará de 4 pasos en la dirección indicada en cada pulsación de tecla de flecha (0.5). Si el objeto “PA-G1-Carro” se sale del circuito, entonces debe decir el mensaje “FIN DE JUEGO” y parar el movimiento del objeto “PA-G1-Carro” (1.0). El contador de vueltas se incrementa cada vez que el objeto “PA-G1-Carro” pase por la meta. Además, el objeto “PA-G1-Meta” debe aumentar su tamaño por 2 segundos y volver a su estado original (1.0). El Objeto “PA-G1-Carro” debe desplegar el mensaje “GANÉ” cuando alcance 2 vueltas y parar el movimiento del objeto “PA-G1-Carro” (1.0). Suena el audio “PA-G1-Ok” al pasar por meta o el audio “PA-G1-Error” al salirse del recorrido (1.0).
Pensamiento Algorítmico Juan Carlos López García
[email protected] @jualop
Semana 7; Septi embre 7, 2015 (T13)
17
07/09/2015
Pensamiento Algorítmico EVALUACIÓN EN SALA #1 Diseñe una animación en la cual el usuario conduzca un objeto por un circuito. El objeto se comportará de acuerdo a las siguientes restricciones: 1. 2. 3. 4.
5. 6.
Se utilizarán las teclas de flechas para conducir el objeto “PA-G1-Carro” en los 4 sentidos del plano: arriba, abajo, derecha e izquierda (0.5). El objeto “PA-G1-Carro” se desplazará de 4 pasos en la dirección indicada en cada pulsación de tecla de flecha (0.5). Si el objeto “PA-G1-Carro” se sale del circuito, entonces debe decir el mensaje “FIN DE JUEGO” y parar el movimiento del objeto “PA-G1-Carro” (1.0). El contador de vueltas se incrementa cada vez que el objeto “PA-G1-Carro” pase por la meta. Además, el objeto “PA-G1-Meta” debe aumentar su tamaño por 2 segundos y volver a su estado original (1.0). El Objeto “PA-G1-Carro” debe desplegar el mensaje “GANÉ” cuando alcance 2 vueltas y parar el movimiento del objeto “PA-G1-Carro” (1.0). Suena el audio “PA-G1-Ok” al pasar por meta o el audio “PA-G1-Error” al salirse del recorrido (1.0).
Pensamiento Algorítmico
AGENDA Funciones o métodos Ejemplo Video Análisis Diseño
7’
18
07/09/2015
Pensamiento Algorítmico FUNCIONES Una función ó método es una porción de código (sub-algoritmo) que forma parte de un algoritmo principal, el cual se encarga de resolver una tarea específica. Divide y vencerás: Es una estrategia para resolver problemas grandes, dividiéndolo en problemas más pequeños.
Pensamiento Algorítmico FUNCIONES “Las funciones reciben datos del programa principal, realizan operaciones y le devuelven los resultados.”
19
07/09/2015
Pensamiento Algorítmico EJEMPLO Desarrolle un programa que lea los datos de 2 catetos (a,b) y determine cual de los 2 es mayor y muestre su hipotenusa. Identificación del problema: Realizar lectura de comprensión: ok Realizar lectura de rastreo : Palabras desconocidas: ninguna Si sus conocimientos en el tema no son suficientes para la comprensión del problema entonces Profundice en el tema.
Pensamiento Algorítmico EJEMPLO Desarrolle un programa que lea los datos de 2 catetos (a,b) y determine cual de los 2 es mayor y muestre su hipotenusa. Formulación del problema: Resultados esperados: ¿Cuál de los dos catetos es el mayor? ¿Cuál es la hipotenusa?
20
07/09/2015
Pensamiento Algorítmico EJEMPLO Desarrolle un programa que lea los datos de 2 catetos (a,b) y determine cual de los 2 es mayor y muestre su hipotenusa. Dato
Relevante
Disponible
valor
constante
variable
Condición
calculo
cateto_a
X
X
Cateto_b
X
X
mayor
X
X
X
hipotenusa
X
X
X
Pensamiento Algorítmico EJEMPLO Desarrolle un programa que lea los datos de 2 catetos (a,b) y determine cual de los 2 es mayor y muestre su hipotenusa. Establecer procesos: Cálculos a realizar: calcularMayor calcular Hipotenusa
21
07/09/2015
Pensamiento Algorítmico EJEMPLO Desarrolle un programa que lea los datos de 2 catetos (a,b) y determine cual de los 2 es mayor y muestre su hipotenusa. Proceso para determinar el mayor de dos números: m calcularMayor(ca, cb) m=0 si(cateto_a > cateto_b) m=ca Sino m=cb Fin-si Fin-determinarMayor
Pensamiento Algorítmico EJEMPLO
22
07/09/2015
Pensamiento Algorítmico EJEMPLO Desarrolle un programa que lea los datos de 2 catetos (a,b) y determine cual de los 2 es mayor y muestre su hipotenusa. Algoritmo Inicio pedir cateto_a pedir cateto_b mayor = calcularMayor(cateto_a, cateto_b) hipotenusa = calcularHipotenusa(cateto_a, cateto_b) Muestre mayor Muestre hipotenusa Fin
Pensamiento Algorítmico EJEMPLO Desarrolle un programa que lea los datos de 2 catetos (a,b) y determine cual de los 2 es mayor y muestre su hipotenusa. Escenario de prueba 1 cateto_a = 9 cateto_b =12 mayor = 12 hipotenusa = 15 Escenario de prueba 2 cateto_a = 4 cateto_b = 3 mayor= 4 hipotenusa = 5
23
07/09/2015
Pensamiento Algorítmico EJEMPLO Desarrolle un programa que lea los datos de 2 catetos (a,b) y determine cual de los 2 es mayor y muestre su hipotenusa. Diseño - pseudocodigo
Pensamiento Algorítmico EJEMPLO Desarrolle un programa que lea los datos de 2 catetos (a,b) y determine cual de los 2 es mayor y muestre su hipotenusa. Diseño - pseudocodigo prueba
24
07/09/2015
Pensamiento Algorítmico EJEMPLO Desarrolle un programa que lea los datos de 2 catetos (a,b) y determine cual de los 2 es mayor y muestre su hipotenusa. Diseño – diagrama de flujo
Pensamiento Algorítmico EJEMPLO Desarrolle un programa que lea los datos de 2 catetos (a,b) y determine cual de los 2 es mayor y muestre su hipotenusa. Diseño – diagrama de flujo
25
07/09/2015
Pensamiento Algorítmico EJEMPLO Desarrolle un programa que lea los datos de 2 catetos (a,b) y determine cual de los 2 es mayor y muestre su hipotenusa. Codificación
Pensamiento Algorítmico EJEMPLO Desarrolle un programa que lea los datos de 2 catetos (a,b) y determine cual de los 2 es mayor y muestre su hipotenusa. Prueba
26