22
Nivel de programación web introducción Practica 09

Programcion de web

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Programcion de web

Nivel de programación web

introducción

Practica 09

Page 2: Programcion de web

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; }

BARRIGA FLOREZ DANIEL FELIPE

Page 3: Programcion de web

Que es el lenguaje de alto nivel?

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

Respuesta Ejemplo

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" )

BARRIGA FLOREZ DANIEL FELIPE

Page 4: Programcion de web

Que significa lenguaje de maquina?

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

Respuesta Ejemplo

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

BARRIGA FLOREZ DANIEL FELIPE

Page 5: Programcion de web

Como se clasifican los lenguajes de alto nivel?

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

Respuesta Ejemplo

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.

BARRIGA FLOREZ DANIEL FELIPE

Page 6: Programcion de web

Como se clasifican los lenguajes de alto nivel?

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

Respuesta Ejemplo

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).

BARRIGA FLOREZ DANIEL FELIPE

Page 7: Programcion de web

Que significa programación orientada a objetos?

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

Respuesta Ejemplo

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)

BARRIGA FLOREZ DANIEL FELIPE

Page 8: Programcion de web

Que son los eventos?

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

Respuesta Ejemplo

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

BARRIGA FLOREZ DANIEL FELIPE

Page 9: Programcion de web

Cuales y que significados tienen los controles del ambiente grafico?

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

Respuesta Ejemplo

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

BARRIGA FLOREZ DANIEL FELIPE

Page 10: Programcion de web

Que significa algoritmo?

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

Respuesta Ejemplo

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

BARRIGA FLOREZ DANIEL FELIPE

Page 11: Programcion de web

Cuales son las etapas de un algoritmo?

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

Respuesta Ejemplo

.

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

BARRIGA FLOREZ DANIEL FELIPE

Page 12: Programcion de web

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

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

BARRIGA FLOREZ DANIEL FELIPE

Page 13: Programcion de web

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

Respuesta Ejemplo

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.

BARRIGA FLOREZ DANIEL FELIPE

Page 14: Programcion de web

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}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" \ }

BARRIGA FLOREZ DANIEL FELIPE

Page 15: Programcion de web

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]

 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

BARRIGA FLOREZ DANIEL FELIPE

Page 16: Programcion de web

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

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

BARRIGA FLOREZ DANIEL FELIPE

Page 17: Programcion de web

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

Respuesta Ejemplo

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

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

BARRIGA FLOREZ DANIEL FELIPE

Page 18: Programcion de web

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

Respuesta Ejemplo

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?

BARRIGA FLOREZ DANIEL FELIPE

Page 19: Programcion de web

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

Respuesta Ejemplo

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?

BARRIGA FLOREZ DANIEL FELIPE

Page 20: Programcion de web

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

Respuesta Ejemplo

Que significa programación HTML?

 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,

BARRIGA FLOREZ DANIEL FELIPE

Page 21: Programcion de web

<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?

BARRIGA FLOREZ DANIEL FELIPE

<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 22: Programcion de web

PRESENTADO POR:Daniel Felipe barriga 1103

PRACTICA 09