programacion web introduccion

23
NIVEL DE PROGRAMACIÓN WEB INTRODUCCIÓN PRACTICA 09

Upload: jenalech

Post on 26-May-2015

107 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: Programacion web introduccion

NIVEL DE PROGRAMACIÓN WEB

INTRODUCCIÓN

PRACTICA 09

Page 2: Programacion web introduccion

QUE SIGNIFICA PROGRAMACIÓN?

Proceso de diseñar, codificar, depurar y mantener el código fuente de programas computacionales.

2012: Hacia la Calidad Educativa ,Democrática y Humanística

Respuesta Ejemplo

#include <stdio.h> int main (int argc,char **argv) { printf("Hola mundo\n"); return 0; }

Guerrero Larrota Jenny Alejandra

Page 3: Programacion web introduccion

Que es el lenguaje de alto nivel?

2012: Hacia la Calidad Educativa ,Democrática y Humanística

Respuesta Ejemplo

Guerrero Larrota Jenny Alejandra

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

en C se pueden usar palabras tales como: case, if, for, while, etc. para construir con ellas instrucciones como:

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

Page 4: Programacion web introduccion

Que significa lenguaje de maquina?

2012: Hacia la Calidad Educativa ,Democrática y Humanística

Respuesta Ejemplo

Guerrero Larrota Jenny Alejandra

00001 10110100 STOR 1010000010 10011110 LOAD 1111000011 11010100 ADD 1010000100 10111111 STOR 11111

El sistema de códigos directamente interpretable por un circuito micro programable, como el microprocesador de una computadora o el micro controlador de un autómata

Page 5: Programacion web introduccion

Como se clasifican los lenguajes de alto nivel?

2012: Hacia la Calidad Educativa ,Democrática y Humanística

Respuesta Ejemplo

Guerrero Larrota Jenny Alejandra

Lenguajes de programación declarativos

Lenguajes de programación orientados a objetos

Lenguajes de programación orientados al problema

Lenguajes de programación naturales

el Lisp y el Prolog.

el Smalltalk y el C++.

son aquellos lenguajes  específicos para gestión. son los nuevos lenguajes que pretender  aproximar el diseño y la construcción de programas al lenguaje de las personas.

Page 6: Programacion web introduccion

Como se clasifican los lenguajes de alto nivel?

2012: Hacia la Calidad Educativa ,Democrática y Humanística

Respuesta Ejemplo

Guerrero Larrota Jenny Alejandra

Lenguajes de programación de segunda generación :

Lenguajes de programación de tercera generación

Lenguajes de programación de cuarta generación

Lenguajes de programación de quinta generación

(FROTRAN, COBOL).

(ALGOL 8, PL/I, PASCAL, MODULA).

(NATURAL, SQL).

(LISP, PROLOG).

Page 7: Programacion web introduccion

Que significa programación orientada a objetos?

2012: Hacia la Calidad Educativa ,Democrática y Humanística

Respuesta Ejemplo

Guerrero Larrota Jenny Alejandra

Es un paradigma de programación que usa objetos y sus interacciones, para diseñar aplicaciones y programas informáticos.

STRING significaría concatenación ("pegar" strings uno seguido al otro)

Page 8: Programacion web introduccion

Que son los eventos?

2012: Hacia la Calidad Educativa ,Democrática y Humanística

Respuesta Ejemplo

Guerrero Larrota Jenny Alejandra

Paradigma de programación en el que tanto la estructura como la ejecución de los programas van determinados por los sucesos que ocurran en el sistema, definidos por el usuario o que ellos mismos provoquen.

- csc events1.cs events1

- csc events2.cs events2

Page 9: Programacion web introduccion

Cuales y que significados tienen los controles del ambiente grafico?

2012: Hacia la Calidad Educativa ,Democrática y Humanística

Respuesta Ejemplo

Guerrero Larrota Jenny Alejandra

es como el tipo de herramientas y la forma en que se ven en la pantalla.

Los botones de opción o radio son una buena alternativa de select para nuestro formulario ya que nos permiten la selección de una opción Entre las de la lista Casilla de verificación o CHECHBOX son casilla de marcado que permiten al usuario la aceptación o por lo contrario la navegación de una afirmación expuesta al formulario

Page 10: Programacion web introduccion

Que significa algoritmo?

2012: Hacia la Calidad Educativa ,Democrática y Humanística

Respuesta Ejemplo

Guerrero Larrota Jenny Alejandra

conjunto prescrito de instrucciones o reglas bien definidas, ordenadas y finitas que permite realizar una actividad mediante pasos sucesivos que no generen dudas a quien deba realizar dicha actividad.

INICIOESCRIBIR "Ingrese un numero entero";LEER n;cd <- 2;SI n > 3 ENTONCESi <- 2;REPETIRSI n <> i Y n % i = 0 ENTONCEScd <- cd + 1;FIN-SIi <- i + 1;HASTA-QUE i > 11FIN-SISI cd <= 2 ENTONCESESCRIBIR N, " es primo";SinoESCRIBIR N, " no es primo y tiene ", cd, " divisores entre 2 y 11";FIN-SIFIN

Page 11: Programacion web introduccion

Cuales son las etapas de un algoritmo?

2012: Hacia la Calidad Educativa ,Democrática y Humanística

Respuesta Ejemplo

Guerrero Larrota Jenny Alejandra

.

1.Análisis del problema2.Diseño de algoritmo3.Codificación4.Compilación y ejecución5.Verificación6.Depuración

Realizar la suma de los números 2448 y 5746.

InicioPASO 1. Colocar los números el primero encima del segundo, de tal manera que las unidades, decenas, centenas, etc., de los números queden alineadas. Trazar una línea debajo del segundo número.PASO 2.  Empezar por la columna más a la derecha.PASO 3.  Sumar los dígitos de dicha columna.PASO 4. Si la suma es mayor a 9 anotar un 1 encima de la siguiente columna a la izquierda y anotar debajo de la línea las unidades de la suma. Si no es mayor anotar la suma debajo de la línea.PASO 5.  Si hay más columnas a la izquierda, pasar a la siguiente columna a la izquierda y volver a 3.PASO 6.  El número debajo de la línea es la solución.Fin

Page 12: Programacion web introduccion

Que significan los diagramas de flujo, cuales son sus símbolos y cual es el

significado de cada uno de ellos?

2012: Hacia la Calidad Educativa ,Democrática y Humanística

Respuesta Ejemplo

Guerrero Larrota Jenny Alejandra

Diagrama de flujo : representación gráfica del algoritmo o proceso.

Expresa operación algebraica o deasignación.

Expresa Inicio o Fin de un Programa.

Expresa condiciones y asociaciones alternativas de una

decisión lógica.Expresa condición y acciones alternativas de una decisión numérica.

EN LA SIGUIENTE PAGINA ESTA EL EJEMPLO

Page 13: Programacion web introduccion

2012: Hacia la Calidad Educativa ,Democrática y Humanística

Respuesta Ejemplo

Guerrero Larrota Jenny Alejandra

Entrada / Salida: Representa cualquier tipo de Fuente de entrada y salida

Entrada: Lectura de datos por tarjeta perforadas.

Conector dentro de página.

Representa resultado mediante un reporte impreso

Conector fuera de página.

Expresa operación cíclica repetitiva.

Expresa proceso de llamada a una subalterna.

Page 14: Programacion web introduccion

Que son las variables y como se declaran en la memoria RAM?

2012: Hacia la Calidad Educativa ,Democrática y Humanística

Respuesta Ejemplo

x es una variable del universo {2, 4, 6, 8}

Guerrero Larrota Jenny Alejandra

valor que va cambiando de un momento a otro. El uso de variables es el recurso fundamental en programación.

-Variable:

-Como se declara en la RAMpara declarar es primero el tipo y luego el nombre que se le quiera dar a la variable 

if __name__ == "__main__": myParams = {"server":"mpilgrim", \ "database":"master", \ "uid":"sa", \ "pwd":"secret" \ }

Page 15: Programacion web introduccion

A diferencia de las variables que son las constantes?

2012: Hacia la Calidad Educativa ,Democrática y Humanística

Respuesta Ejemplo

variable: inc <%variable> [incremento] dec <%variable> [decremento]

Guerrero Larrota Jenny Alejandra

 una constante es un valor que no puede ser alterado durante la ejecución de un programa.

Variables es un valor que va cambiando de un momento a otro. El uso de variables es el recurso fundamental en programación.

Constante: El valor de pi = 3.1416

Page 16: Programacion web introduccion

Que son los operadores aritméticos y cual es su jerarquización dentro de una

operación matemática?

2012: Hacia la Calidad Educativa ,Democrática y Humanística

Respuesta Ejemplo

Guerrero Larrota Jenny Alejandra

La jerarquía de operaciones es un criterio que establece el orden de ejecución de las operaciones dentro de una expresión matemática

Los operadores son los mismos que están disponibles en la mayoría de los lenguajes de programación: adición (+), substracción (-), división (/), multiplicación (*), y módulo (%; que produce el resto de una división entera).

colocas:

(2 x 4 + 12) (6 - 4) = (8 + 12)(2) = (20)(2) = 40

Sin los paréntesis la expresión sería

2 x 4 + 12 x 6 - 4 = 8 + 12 x 6 - 4 = 8 + 72 - 4 = 80 - 4 = 76

Page 17: Programacion web introduccion

2012: Hacia la Calidad Educativa ,Democrática y Humanística

Respuesta Ejemplo

Cuales y que significados tienen los operadores de relación?

Guerrero Larrota Jenny Alejandra

relacionan un término A con otro B estableciendo su igualdad, jerarquía o cualquier otra relación posible. Son:* Menor que, <.* Menor o igual que, <=.* Mayor que, >.* Mayor o igual que, >=.* Igual que, =.* Distinto que, !=. 

a<b

a>b

a==ba!=b

a<=5

a>=b

Page 18: Programacion web introduccion

2012: Hacia la Calidad Educativa ,Democrática y Humanística

Respuesta Ejemplo

Que significan y cual es la tabla de descomposición para los siguientes operadores

lógicosAND. OR . XOR?

Guerrero Larrota Jenny Alejandra

AND

Si, y sólo si, ambas expresiones se evalúan como true, el resultado es true. Si alguna de las expresiones se evalúa como false, el resultado es false. En la siguiente tabla se indica cómo se determina el resultado.

Page 19: Programacion web introduccion

2012: Hacia la Calidad Educativa ,Democrática y Humanística

Respuesta Ejemplo

Guerrero Larrota Jenny Alejandra

ORequivale a la conjunción disyuntiva O. El resultado Salida de aplicar la función lógica OR, sobre dos variables a y b es el siguiente: S es cierto si a es CIERTO (1) o si b es CIERTO (1). Cuando se aplica una operación lógica sobre 2 variables caben 4 combinaciones posibles

Que significan y cual es la tabla de descomposición para los siguientes operadores

lógicosAND. OR . XOR?

Page 20: Programacion web introduccion

2012: Hacia la Calidad Educativa ,Democrática y Humanística

Respuesta Ejemplo

Guerrero Larrota Jenny Alejandra

XOR

La puerta lógica OR-exclusiva, más conocida por su nombre en inglés XOR, realiza la función booleana A'B+AB'. Su símbolo es el más (+) inscrito en un círculo

a b S

0 0 0

0 1 1

1 0 1

1 1 0

Que significan y cual es la tabla de descomposición para los siguientes operadores

lógicosAND. OR . XOR?

Page 21: Programacion web introduccion

2012: Hacia la Calidad Educativa ,Democrática y Humanística

Respuesta Ejemplo

Que significa programación HTML?

Guerrero Larrota Jenny Alejandra

 HyperText Markup Language («lenguaje de marcado de hipertexto»), es el lenguaje de marcado predominante para la elaboración de páginas web.

<HTML><HEAD><TITLE>Un Titulo para el Browser de turno </TITLE></HEAD><BODY><!-- Aqui va todo lo chachi --><H1>Otro t&iacute;tulo, esta vez m&aacute;s largo. </H1><P> <IMG SRC= "./felix.gif "ALIGN= "MIDDLE " ALT= "EL Gato Felix ">Hoola.<P>Esto es un parrafo con informacionsuper importante. Notese que las lineas salen pegadas aun dejandoespacios, saltos de linea, etc. <BR> &#161 Si pongo estosi <STRONG>cambia </STRONG> de linea!<P>Otro parrafo, esto ya es un poco rollo.<H3>Pongamos un subtítulo<H3><P>Por cierto, &#191 que paso con las <A HREF= "#pepe ">anclas</A>?<HR><UL><LI> Esto es una lista no ordenada.<LI> Las listas quedan mejor si tienen varios elementos.</UL>Me voy al <A HREF= "http://www.iac.es/home.html ">IAC</A>.<P>Vamos a crear un <EM>ancla </EM>, o lo que es lo mismo,

Page 22: Programacion web introduccion

<h1> a <h6>: encabezados o títulos del documento con diferente relevancia.

2012: Hacia la Calidad Educativa ,Democrática y Humanística

Respuesta Ejemplo

Que significan las siguientes etiquetas?

Guerrero Larrota Jenny Alejandra

<html> //Etiqueta identificativa de página html<head> //Cabecera: agrupa enlaces externos y metas identificativos<title> //Título de la página.<body> //Cuerpo: agrupa el contenido de la página que será muestreado al navegador

<table><tr><td>Contenido de una celda</td></tr></table>.

<script>Código de un [[script]] integrado en la página</script>.

<center> nos permite centrar párrafos, imágenes o tablas dentro de nuestra Web

Page 23: Programacion web introduccion

PRESENTADO POR:Jenny Alejandra

Guerrero1103

PRACTICA 09

PRESENTADO A:Manuel Suescún