programacion web introduccion

18
NIVEL DE PROGRAMACIÓN WEB INTORDUCCIÓN I.E.D SAN JUAN BAUTISTA DE LA SALLE Forero Castiblanco Deisy Yurani 1103

Upload: deizy-forero

Post on 26-May-2015

94 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Programacion web introduccion

NIVEL DE PROGRAMACIÓN WEB INTORDUCCIÓN

I.E.D SAN JUAN BAUTISTA DE LA SALLE

Forero Castiblanco Deisy Yurani 1103

Page 2: Programacion web introduccion

2012: HACIA UNA CALIDAD EN LA EDUCACIÓN DEMOCRÁTICA Y HUMANÍSTICA

• ¿ Programación?

Forero Castiblanco Deisy Yurani 1103

EJEMPLO

Conjunto de técnicas, métodos y procedimientos utilizados en la elaboración de programas.

Page 3: Programacion web introduccion

¿Lenguaje de Alto nivel?

Es el lenguaje que permite al programador escribir las instrucciones de un programa utilizando palabras o expresiones sintácticas muy similares al inglés.

Existen muchos lenguajes de alto nivel, por citar algunos:

• ADA • BASIC • COBOL • FORTRAN • C

if( numero > 0 ) printf( "El número es positivo" )

Forero Castiblanco Deisy Yurani 1103

2012: Hacia una calidad en la educación democrática y humanística

EJEMPLO

Page 4: Programacion web introduccion

¿LENGUAJE DE MAQUINA?

El lenguaje máquina es el único que entiende directamente la computadora, utiliza el alfabeto binario que consta de los dos únicos símbolos 0 y 1, denominados bits (abreviatura inglesa de dígitos binarios).

0000 0001 1010 0001 01 A1

1000 1001 1001 1010 89 9A

0011 1010 1001 1100 3A 9C

0111 0100 0111 0000 74 70

EJEMPLO

Forero Castiblanco Deisy Yurani 1103

2012: Hacia una calidad en la educación democrática y humanística

Page 5: Programacion web introduccion

¿Como se clasifican los lenguajes de alto nivel?

se caracterizan por expresar los algoritmos de una manera adecuada a la capacidad cognitiva humana, en lugar de a la capacidad ejecutora de las máquinas.

• primera generación: el lenguaje máquina y el ensamblador.• segunda generación : los primeros lenguajes de

programación de alto nivel imperativo .• tercera generación: son lenguajes de programación de alto

nivel imperativo pero mucho más utilizados y vigentes en la actualidad.

• cuarta generación: usados en aplicaciones de gestión y manejo de bases de dados.

• quinta generación: creados para la inteligencia artificial y para el procesamiento de lenguajes naturales.

FROTRAN, COBOL

ALGOL 8, PL/I, PASCAL, MODULA

NATURAL, SQL

LISP, PROLOG

ejemplo

Forero Castiblanco Deisy Yurani 1103

2012: Hacia una calidad en la educación democrática y humanística

Page 6: Programacion web introduccion

Forero Castiblanco Deisy Yurani 1103

¿Lenguaje ASSEMBLER?

Es un lenguaje de programación de bajo nivel para los computadores, microprocesadores, micro controladores, y otros circuitos integrados programables; utilizado para escribir programas informáticos, y constituye la representación más directa del código máquina específico para cada arquitectura de computadoras legible por un programador.

para imprimir el mensaje Hola mundo!! en pantalla.

; HOLA.ASM; Programa clásico de ejemplo. Despliega una leyenda en pantalla.STACK SEGMENT STACK ; Segmento de pila DW 64 DUP (?) ; Define espacio en la pilaSTACK ENDS DATA SEGMENT ; Segmento de datosSALUDO DB "Hola mundo!!",13,10,"$" ; CadenaDATA ENDS CODE SEGMENT ; Segmento de Código ASSUME CS:CODE, DS:DATA, SS:STACK INICIO: ; Punto de entrada al programa MOV AX,DATA ; Pone dirección en AX MOV DS,AX ; Pone la dirección en los registros MOV DX,OFFSET SALUDO ; Obtiene dirección del mensaje MOV AH,09H ; Función: Visualizar cadena INT 21H ; Servicio: Funciones alto nivel DOS MOV AH,4CH ; Función: Terminar INT 21HCODE ENDS END INICIO ; Marca fin y define INICIO

2012: Hacia una calidad en la educación democrática y humanística

Ejemplo

Page 7: Programacion web introduccion

¿Programación orientada a objetos?

programación Orientada a objetos (POO) es una forma especial de programar, más cercana a como expresaríamos las cosas en la vida real que otros tipos de programación. Con la POO tenemos que aprender a pensar las cosas de una manera distinta, para escribir nuestros programas en términos de objetos, propiedades, métodos, etc.

program personas;type persona = record nombre: string; apellido: string; edad: integer end;procedure inicializar(n, a: string; e: integer; var p: persona);begin p.nombre := n; p.apellido := a; p.edad := eend;function es_mayor(p: persona): boolean;begin return p.edad >= 18end;function nombre_completo(p: persona): string;begin return p.nombre + " " + p.apellido;end;var p: persona;begin inicializar("Juan", "Perez", 25, p); write(nombre_completo(p)); if (es_mayor(p)) then writeln (" es mayor de edad.") else writeln (" es menor de edad.")end.

ejemplo

Forero Castiblanco Deisy Yurani 11x3

2012: Hacia una calidad en la educación democrática y humanística

Page 8: Programacion web introduccion

Forero Castiblanco Deisy Yurani 1103

2012: Hacia una calidad en la educación democrática y humanística

¿Que significados tienen los controles del ambiente Grafico?

EJEMPLOSeñala por medio de cuadros y gráficas el flujo de las operaciones a través de los puestos o lugares donde se encuentran establecidas las medidas de control para el ejercicio de las operaciones.

Este método permite detectar con mayor facilidad los puntos o aspectos donde se encuentran debilidades de control, aún cuando hay que reconocer que se requiere de mayor inversión de tiempo por parte del auditor en la elaboración de los flujo gramas y habilidad para hacerlos.

Page 9: Programacion web introduccion

2012: Hacia una calidad en la educación democrática y humanística

Forero Castiblanco Deisy Yurani 1103

¿QUE SIGNIFICA ALGORITMO?

En programación, los algoritmos se implementan en forma de sentencias en algún lenguaje de programación. De esta manera, la forma de escribir los algoritmos depende del lenguaje de programación, y del paradigma usado. Estos son los algoritmos que pueden ser interpretados por una computadora y así ser ejecutados.

Ejemplofunction issue(op, dst, src1, src2) wait until (!Busy[FU] AND !Result[dst]); // FU can be any functional unit that can execute operation op Busy[FU] ← Yes; Op[FU] ← op; Fi[FU] ← dst; Fj[FU] ← src1; Fk[FU] ← src2; Qj[FU] ← Result[src1]; Qk[FU] ← Result[src2]; Rj[FU] ← not Qj; Rk[FU] ← not Qk; Result[dst] ← FU; function read_operands(FU) wait until (Rj[FU] AND Rk[FU]); Rj[FU] ← No; Rk[FU] ← No; function execute(FU) // Execute whatever FU must do function write_back(FU) wait until (f {(Fj[f]≠Fi[FU] OR Rj[f]=No) AND (Fk[f]≠Fi[FU] OR Rk[f]=No)}) foreach f do if Qj[f]=FU then Rj[f] ← Yes; if Qk[f]=FU then Rk[f] ← Yes; Result[Fi[FU] ] ← 0; Busy[FU] ← No;

Page 10: Programacion web introduccion

2012: Hacia una calidad en la educación democrática y humanística

Forero Castiblanco Deisy Yurani 1103

¿Cuáles son las etapas de un algoritmo?

ejemplo(Emisión): El sistema verifica aquellos registros que van a ser leídos o modificados por la instrucción.

(Lectura de operando): Una vez que se ha emitido la instrucción y se ha comprobado que todas las unidades funcionales necesarias están libres, la instrucción espera a que los operando estén disponibles.

(Ejecución): Cuando todos los operando han sido capturados, la unidad funcional comienza la ejecución.

(Escritura de resultados): En esta etapa se intenta la escritura del resultado en el correspondiente registro de destino.

Page 11: Programacion web introduccion

Forero Castiblanco Deisy Yurani 1103

2012: Hacia una calidad en la educación democrática y humanística

¿Diagramas de flujo y sus símbolos?

ejemploes una representación gráfica de un algoritmo o de una parte del mismo. Los diagramas de flujo ayudan en la comprensión de la operación de las estructuras de control.

Simbología y significado:

Óvalo o Elipse: Inicio y término (Abre y/o cierra el diagrama).Rectángulo: Actividad (Representa la ejecución de una o más actividades o procedimientos).Rombo: Decisión (Formula una pregunta o cuestión).Círculo: Conector (Representa el enlace de actividades con otra dentro de un procedimiento).Triángulo boca abajo: Archivo definitivo (Guarda un documento en forma permanente).Triángulo boca arriba: Archivo temporal (Proporciona un tiempo para el almacenamiento del documento).

Page 12: Programacion web introduccion

Forero Castiblanco Deisy Yurani 1103

2012: Hacia una calidad en la educación democrática y humanística

¿Variables y como se declaran en la memoria RAM?

Una variable es un símbolo que representa un elemento o cosa no especificada de un conjunto dado. Dicho conjunto es llamado conjunto universal de la variable, universo o variar de la variable, y cada elemento del conjunto es un valor de la variable.

Ejemplos de Declaración de variables:Dim Edad 'Declara una variable tipo ObjectDim Edad As Integer 'Declara variable tipo IntegerDim Edad As System.Int32 'Igual que el anterior. Int32 es la referencia a IntegerDim Edad As Integer = 50 'Declara la variable y le asigna 50 como valorDim Nombre, Apellido As String 'Declara 2 variables del mismo tipoDim Nombre, Apellido As String, Edad As Integer 'Variables de tipos diferentes en la misma línea

Page 13: Programacion web introduccion

Forero Castiblanco Deisy Yurani 1103

2012: Hacia una calidad en la educación democrática y humanística

¿A diferencia de las variables cuales son las constantes?

Una constante es un dato cuyo valor no puede cambiar durante la ejecución del programa. Recibe un valor en el momento de la compilación y este permanece inalterado durante todo el programa.

const Min = 0; Max = 100; Sep = 10; var i : integer;

begin i := Min; while i < Max do begin writeln(i); i := i + Sep end end.

ejemplo

Page 14: Programacion web introduccion

2012: Hacia una calidad en la educación democrática y humanística

Forero Castiblanco Deisy Yurani 1103

¿Cuales son los Operadores Aritméticos y su jerarquización dentro de una operación

matemática?

Jerarquía de Operaciones:( )signoPotenciaProducto y divisiónDivModSuma y restaConcatenaciónRelacionalesNegaciónAndOr

Los operadores aritméticos nos permiten, básicamente, hacer cualquier operación aritmética, que necesitemos

Page 15: Programacion web introduccion

2012: Hacia una calidad en la educación democrática y humanística

Forero Castiblanco Deisy Yurani 1103

¿Cuales y que significados tiene los operadores de relación?

Se utilizan para buscar en campos específicos del documento, previamente definidos. Funcionan como un filtro, ya que seleccionan aquellos documentos que contienen un valor específico en algún campo. Los campos definidos actualmente son: título y URL.

Nombre del operador DescripciónCONTAINS Selecciona los documentos que contienen la palabra especificada en un campo específico del documento.ENDS Selecciona los documentos que acaban en la cadena de caracteres especificada en un campo específico del documento.STARTS Selecciona los documentos que contienen palabras que empiezan por la cadena de caracteres especificada en un campo específico del documento.SUBSTRINGSelecciona los documentos que contienen palabras que contienen la cadena de caracteres especificada en un campo específico del documento.

Page 16: Programacion web introduccion

2012: Hacia una calidad en la educación democrática y humanística

Forero Castiblanco Deisy Yurani 1103

¿Que significa y cual es su tabla de descomposición de AND,OR,XOR?

AND realiza un Y lógico.101 AND 110 = obtiene 100

OR realiza un O lógico.101 OR 110 = obtiene 111

XOR realiza la operación lógica XOR (O exclusivo).101 XOR 110 = obtiene 11

Page 17: Programacion web introduccion

2012: Hacia una calidad en la educación democrática y humanística

Forero Castiblanco Deisy Yurani 1103

¿PROGRAMACIÓN HTMN?

es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

ejemplo

Page 18: Programacion web introduccion

2012: Hacia una calidad en la educación democrática y humanística

Forero Castiblanco Deisy Yurani 1103

¿Cual es el significado y uso de las siguientes etiquetas?

<html>

<head>

<title>

<body>

<h1…h6>

<center>

<p aligan=“valor”>

Esta marca el inicio y fin de un documento HTML

Esta se usa para identificar

el nombre de la página.

Esta es la que define los atributos de la página. En estos se incluye: el color del fondo

Centra un grupo de texto y gráficos.

Presenta el texto en forma

de encabezado.