Clase07

Elementos de Scripts Leonel Morales Díaz Ingeniería Simple [email_address] Disponible en: http://www.ingenieriasimple.com/introprogra Copyright 2008 by Leonel Morales Díaz – Ingeniería Simple. Derechos reservados

Ejemplo <HTML> <Head><Title>Esta página se construye dinámicamente</Title></Head> <Body> <H1>Esta tabla de 20x40 se construye dinámicamente</H1> <Div Align=Center><Table Border=1 Width=80%> <Script Language=“VBScript”> Option Explicit Dim i,j For i=1 To 20 Document.Write “<TR>” For j=1 To 40 Document.Write “<TD> </TD>” Next Document.Write “</TR>” Next </Script> </Table></Div></Body></HTML> ej036.html

Algoritmo Conjunto ordenado y finito de operaciones Que solucionan un problema

Algoritmo Tabla de 20 x 40 Hacer 20 filas En cada fila hacer 40 celdas Da la idea pero ... ... Muy general ...

Algoritmo Hacer 20 veces lo siguiente: Dibujar el inicio de la fila Hacer 40 veces lo siguiente: Dibujar una celda Dibujar el final de la fila Mejor, pero... ... No es fácil codificarlo ...

Algoritmo Poner i en 0 Hacer el siguiente bloque si i < 20 Dibujar inicio de fila Poner j en 0 Hacer el siguiente bloque si j < 40 Dibujar una celda Hacer j = j + 1 Dibujar el final de la fila Hacer i = i + 1

Algoritmo Poner i en 0 Hacer el siguiente bloque si i < 20 Dibujar inicio de fila Poner j en 0 Hacer el siguiente bloque si j < 40 Dibujar una celda Hacer j = j + 1 Dibujar el final de la fila Hacer i = i + 1 Dim i,j For i=1 To 20 Document.Write “<TR>” For j=1 To 40 Document.Write “<TD> </TD>” Next Document.Write “</TR>” Next

Algoritmo Debe ser independiente del lenguaje Debe ser general Puede ser: Subalgoritmo: si no funciona para todos los casos Algoritmo: si funciona para todos los casos Entendible por una “máquina” En el lenguaje de la máquina

Ejemplo <HTMl><Head><Title>Crea una tabla dinámicamente</Title></Head> <Body> <Table Border=1 Width=80%> <Script Language="javascript"> With(document) { for (var i=0;i<20;i++) { write("<TR>"); for (var j=0;j<40j++) { write("<TD> </TD>"); } write("</TR>"); } } </Script> </Table></Center></Body> ej039.html

Algoritmo Poner i en 0 Hacer el siguiente bloque si i < 20 Dibujar inicio de fila Poner j en 0 Hacer el siguiente bloque si j < 40 Dibujar una celda Hacer j = j + 1 Dibujar el final de la fila Hacer i = i + 1 with(document) { for (var i=0;i<20;i++) { write("<TR>"); for (var j=0;j<40j++) { write("<TD> </TD>"); } write("</TR>"); } }

Algoritmos Dibujar un círculo en una cuadrícula Resolver un laberinto Ordenar un conjunto de números Encontrar un nombre en el directorio Resolver un sudoku Jugar al ahorcado

Variables Posiciones de memoria Para almacenamiento de datos En nuestra memoria pueden ser Un número (teléfono, dinero, carné) Una frase (slogan, de un libro, una dirección) Una imagen (una foto, una herramienta) Un sonido (canción, sonido de celular) Pueden cambiar su valor (varían)

Variables En la computadora Tienen nombre Tipo de dato Numérico: entero, real, fecha, hora, etc. Alfanumérico: caracteres, cadenas de caracteres. Binario: imágenes, objetos, archivos, etc.

Variables <HTML> <Head><Title>Esta página se construye dinámicamente</Title></Head> <Body> <H1>Esta tabla de 20x40 se construye dinámicamente</H1> <Div Align=Center><Table Border=1 Width=80%> <Script Language=“VBScript”> Option Explicit Dim i,j For i=1 To 20 Document.Write “<TR>” For j=1 To 40 Document.Write “<TD> </TD>” Next Document.Write “</TR>” Next </Script> </Table></Div></Body></HTML>

Variables <Div Align=Center><Table Border=1 Width=80%> <Script Language=“VBScript”> Option Explicit Dim i,j For i=1 To Fils Document.Write “<TR>” For j=1 To Cols Document.Write “<TD> </TD>” Next Next </Script> </Table></Div></Body></HTML>

Variables Document.Write “<TD> </TD>” ¿Es variable?

Constantes Valores que no cambian También tienen tipo Enteros, reales, cadenas de caracteres Sirven para: Inicializar variables Construír fómulas Construír expresiones Pueden tener nombre Ej.: Pi = 3.141592654

Algoritmo: construír un cículo Construír un cículo coloreando cuadrados de un arreglo o tabla de n*n posiciones. Ej. 11*11:

Construír un círculo Dibujar la cuadrícula

Construír un círculo Dibujar la cuadrícula Establecer sistema de coordenadas (0,0) (0,10) (10,0) (10,10)

Construír un círculo Dibujar la cuadrícula Establecer sistema de coordenadas Calcular el radio R (0,0) (0,10) (10,0) (10,10) R

Construír un círculo Dibujar la cuadrícula Establecer sistema de coordenadas Calcular el radio R Establecer el centro (0,0) (0,10) (10,0) (10,10) R

Construír un círculo Dibujar la cuadrícula Establecer sistema de coordenadas Calcular el radio R Establecer el centro Calcular los pares (X,Y) en un cuadrante (0,0) (0,10) (10,0) (10,10) R

Construír un círculo Dibujar la cuadrícula Establecer sistema de coordenadas Calcular el radio R Establecer el centro Calcular los pares (X,Y) en un cuadrante Para cada par (X,Y) colorear los puntos (X,Y) (-X,Y) (X,-Y) (-X,-Y) (0,0) (0,10) (10,0) (10,10) R

Construír un círculo Calcular los pares (X,Y) en un cuadrante Tomar valores para X desde 0 hasta R Para cada valor de X calcular Y por Pitágoras (0,0) (0,10) (10,0) (10,10) R

Construír un círculo Calcular los pares (X,Y) en un cuadrante Tomar valores para X desde 0 hasta R Para cada valor de X calcular Y por Pitágoras (0,0) (0,10) (10,0) (10,10) R X Y

Construír un círculo Preguntas ¿Es un algoritmo? ¿Un subalgoritmo? ¿Qué pasa con tablas de número par de columnas o filas? ¿Qué pasa cuando N = 0? (0,0) (0,10) (10,0) (10,10) R X Y ej040.html

Construír un círculo Proyecto Resolver el problema de los lados Resolver el problema de las cuadrículas con número par de columnas Puntos extra si viene también en Javascript Puntos extra si funciona en FireFox ¡¡¡ No sean ambiciosos !!! (0,0) (0,10) (10,0) (10,10) R X Y ej040.html

Clase07

Más contenido relacionado

Similar a Clase07

Último

Clase07