Programacion web introduccion practica o9 ximena

21
Presentado Por : Tatiana ximena Penagos Gonzalez Presentado A : Manuel Suescun Grado :1103 Fecha :05-04-2012 Nivel de programación web introducción Practica 09 PENAGOS GONZALEZ TATIANA XIMENA1103

Transcript of Programacion web introduccion practica o9 ximena

Presentado Por : Tatiana ximena Penagos Gonzalez

Presentado A : Manuel Suescun

Grado :1103

Fecha :05-04-2012

Nivel de programación web introducciónPractica 09

PENAGOS GONZALEZ TATIANA XIMENA1103

2012: Hacia La Calidad Educativa , Democrática Y Humanística .

¿QUE SIGNIFICA PROGRAMACIÓN?

La programación es el proceso dediseñar, codificar, depurar y mantenerel código fuente de programascomputacionales.

Programar no involucra necesariamenteotras tareas tales como el análisis ydiseño de la aplicación (pero sí el diseñodel código), aunque sí suelen estarfusionadas en el desarrollo de pequeñasaplicaciones.

CONTROL DE ACCESO

Ejemplo

#include <stdio.h>

void acceso(unsigned char edad){if (edad < 18)printf("No puedes acceder.\n");elseprintf("Bienvenido.\n");return;}

int main(void){acceso(18);acceso(17);return(0);

PENAGOS GONZALEZ TATIANA XIMENA1103

2012: Hacia La Calidad Educativa , Democrática Y Humanística .

¿QUÉ ES UN LENGUAJE DE ALTO NIVEL?

Permite al programador escribir lasinstrucciones de un programa utilizandopalabras o expresiones sintácticas muysimilares al inglés.Pueden utilizar palabras de muy fácilcomprensión para el programador.

Ejemplo

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

PENAGOS GONZALEZ TATIANA XIMENA1103

2012: Hacia La Calidad Educativa , Democrática Y Humanística .

¿QUÉ SIGNIFICA LENGUAJE DE MAQUINA ?

El lenguaje máquina es el único queentiende directamente la computadora,utiliza el alfabeto binario que consta de losdos únicos símbolos 0 y 1, denominadosbits (abreviatura inglesa de dígitosbinarios). Fue el primer lenguaje utilizadoen la programación de computadoras, perodejó de utilizarse por su dificultad ycomplicación, siendo sustituido por otroslenguajes más fáciles de aprender y utilizar,que además reducen la posibilidad decometer errores.

Ejemplo

0000 0001 1010 0001 01 A1

1000 1001 1001 1010 89 9A

0011 1010 1001 1100 3A 9C

0111 0100 0111 0000 74 70

1110 1001 0010 0000 E9 20

PENAGOS GONZALEZ TATIANA XIMENA1103

2012: Hacia La Calidad Educativa , Democrática Y Humanística .

COMO SE CLASIFICAN LOS LENGUAJES DE ALTO NIVEL

Ejemplo •Lenguajes de programación imperativos: entre ellos tenemos el

Cobol, Pascal, C y

Ada.

•Lenguajes de programación declarativos: el Lisp y el Prolog.

•Lenguajes de programación orientados a objetos: el Smalltalk y el

C++.

•Lenguajes de programación orientados al problema: son aquellos

lenguajes específicos para gestión.

•Lenguajes de programación naturales: son los nuevos lenguajes

que pretender aproximar el diseño y la construcción de programas al

lenguaje de las personas.

•Otra clasificación de los lenguajes de programación de alto nivel, es

teniendo en cuenta el desarrollo de las computadoras según sus

diferentes generaciones:

•Lenguajes de programación de primera generación: el lenguaje

máquina y el ensamblador.

•Lenguajes de programación de segunda generación : los primeros

lenguajes de programación de alto nivel imperativo

(FROTRAN, COBOL).

•Lenguajes de programación de tercera generación: son lenguajes

de programación de alto nivel imperativo pero mucho más utilizados

y vigentes en la actualidad (ALGOL 8, PL/I, PASCAL, MODULA).

•Lenguajes de programación de cuarta generación: usados en

aplicaciones de gestión y manejo de bases de dados

(NATURAL, SQL).

•Lenguajes de programación de quinta generación: creados para la

inteligencia artificial y para el procesamiento de lenguajes naturales

(LISP, PROLOG).

C++, Fortran, Cobol, Lisp.

Visual Basic para aplicaciones.

PENAGOS GONZALEZ TATIANA XIMENA1103

2012: Hacia La Calidad Educativa , Democrática Y Humanística .

¿QUÉSIGNIFICA LENGUAJE ASSEMBLER ?

Ejemplo es un lenguaje de programación de bajo nivel

para los

computadores, microprocesadores, micro

controladores, y otros circuitos

integrados programables. Implementa una

representación simbólica de los códigos de

máquina binarios y otras constantes

necesarias para programar

una arquitectura dada de CPU y constituye la

representación más directa del código

máquina específico para cada arquitectura

legible por un programador.

La sentencia

•MOV AL, 061h

Asigna el valor hexadecimal 61 (97 decimal) al registro "AL".

El programa ensamblador lee la sentencia de arriba y produce su

equivalente binario en lenguaje de máquina

•Binario: 10110000 01100001 (hexadecimal: B061)

PENAGOS GONZALEZ TATIANA XIMENA1103

2012: Hacia La Calidad Educativa , Democrática Y Humanística .

¿QUÉ SIGNIFICA PROGRAMACION ORIENTADA A OBJETOS ?

Ejemplo

Es un paradigma de programación queusa objetos y sus interacciones, paradiseñar aplicaciones yprogramas informáticos.

Está basado en varias técnicas,incluyendo herencia, abstracción, polimorfismo y encapsulamiento.

cada ventana que abres en tuComputadora es un Objeto tienepropiedades que son el color dela ventana, su tamaño, imagenes,etc. Y tiene Sus métodos. Cerrar,Abrir. Maximizar

VARGAS AYALA ANDREA NATHALY 1103

2012: Hacia La Calidad Educativa , Democrática Y Humanística .

¿QUÉ SON LOS EVENTOS ?

Ejemplo

Es un paradigma de programación en elque tanto la estructura como laejecución de los programas vandeterminados por los sucesos queocurran en el sistema, definidos por elusuario o que ellos mismos provoquen.

Los eventos soportados estarándeterminados por el lenguaje deprogramación utilizado, por el sistemaoperativo e incluso por eventos creadospor el mismo programador.

if (objeto Select.options[i].selected)

seleccionadas++;

}

return seleccionadas;

}

</script>

El resto de código HTML es el siguiente:

<BODY BGCOLOR="#FFFFFF">

<form name="formulario">

Seleccione los temas que son de su interés

y pulse después el botón

<select name="temas" múltiple>

<option selected>Informática

<option>Naturaleza

<option>Música

<option>Deportes

<option>Economía

<option>Coleccionismo

</select>

<input type="button" value="¿Cuántos hay selecionados?"

onclick="alert('Número de opciones selecionadas: ' +

contar(document . formulario.temas))">

</form>VARGAS AYALA ANDREA NATHALY 1103

2012: Hacia La Calidad Educativa , Democrática Y Humanística .

¿Cuáles y que significado tiene los Control del ambiente grafico?

Ejemplo

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

2012: Hacia La Calidad Educativa , Democrática Y Humanística .

PENAGOS GONZALEZ TATIANA XIMENA1103

2012: Hacia La Calidad Educativa , Democrática Y Humanística .

¿QUÉ SIGNIFICADO TIENE ALGORITMO?

Ejemplo es un 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.Dados un estado inicial y una entrada, siguiendo los pasos sucesivos se llega a un estado final y se obtiene una solución. Los algoritmos son el objeto de estudio de la algoritmia.

PENAGOS GONZALEZ TATIANA XIMENA1103

2012: Hacia La Calidad Educativa , Democrática Y Humanística .

¿ ETAPAS DE UN ALGORITMO ?

Ejemplo

1.Análisis del problema

2.Diseño de algoritmo

3.Codificación

4.Compilación y ejecución

5.Verificación

6.Depuración

7.Documentación

PENAGOS GONZALEZ TATIANA XIMENA1103

2012: Hacia La Calidad Educativa , Democrática Y Humanística .

¿ QUE SIGNIFICA DIAGRAMA DE FUJO Y CUALES SON SUS SIMBOLOS?

Ejemplo DIAGRAMA DE FLUJO

Es la representación gráfica del algoritmo o proceso. Se utiliza en disciplinas como la programación, la economía, los procesos industriales y la psicología cognitiva.

DIAGRAMA DE FLUJO

SIMBOLOS

SIMBOLOS

PENAGOS GONZALEZ TATIANA XIMENA1103

2012: Hacia La Calidad Educativa , Democrática Y Humanística .

¿ SIGNIFICADO DE CADA UNO DE LOS SIMBOLOS?

Ejemplo Este se utiliza para representar el

inicio o el fin de un algoritmo. También

puede representar una parada o una

interrupción programada que sea

necesaria realizar en un programa.

Este se utiliza para un proceso determinado, es el que se utiliza comúnmente para representar una instrucción.

Este símbolo es utilizado para representar una entrada o salida de información, que sea procesada o registrada por medio de un

periférico.Este es utilizado para la toma de

decisiones,

ramificaciones, para la indicación de

operaciones lógicas o

de comparación entre datos.

Este es utilizado para enlazar dos partes cualesquiera de un diagrama a través de un conector de salida y un conector de entrada. Esta forma un enlace en la misma página del diagrama.Este es utilizado para enlazar dos partes de un diagrama pero que no se encuentren en la misma pagina.

PENAGOS GONZALEZ TATIANA XIMENA1103

2012: Hacia La Calidad Educativa , Democrática Y Humanística .

¿QUE SON LAS VARIABLES Y COMO SE DECLARAN EN LA MEMORIA RAM ?

Ejemplo En programación, las variables son estructuras de datos que, como su nombre indica, pueden cambiar de contenido a lo largo de la ejecución de un programa. Las Variables Estáticas son guardadas en la memoria de usuario (RAM) y son independientes del programa que las llama. La declaración de una variable de este tipo es equivalente a guardar el contenido de la variable en un directorio con un nombre, como si se tratase de un programa.

VARGAS AYALA ANDREA NATHALY 1103

2012: Hacia La Calidad Educativa , Democrática Y Humanística .

¿A DIFERENCIA DE LAS VARIABLES QUE SON LAS CONSTANTES?

Ejemplo Una constante es un valor que no puede ser alterado durante la ejecución de un programa.Una constante corresponde a una longitud fija de un área reservada en la memoria principal del ordenador, donde el programa almacena valores fijos.

#include <stdio.h>#define PI 3.1415926

int main(){

printf("Pi vale %f", PI);return 0;

}

VARGAS AYALA ANDREA NATHALY 1103

2012: Hacia La Calidad Educativa , Democrática Y Humanística .

¿CUALES SON LOS OPERADORES ARITMETICOS YJERARQUIARLOS

DENTRO DE UNA OPERACIÓN MATEMATICA?

Ejemplo • Multiplicación• Suma• Resta• División • Resta de una división entera• Incremento • Decremento • Menos unitario

JERARQUIZACION

Se tiene la siguiente expresión polinómica de segundo grado y=2*5*5+3*5+7, se desea evaluarla y encontrar el resultado.

Solución:

Paso 1. y = 2 * 5 * 5 + 3 * 5 + 7;2 * 5 = 10 (Multiplicación más a la izquierda primero)Paso 2. y = 10 * 5 + 3 * 5 + 7;10 * 5 = 50 (Multiplicación más a la izquierda)Paso 3. y = 50 + 3 * 5 + 7;3 * 5 = 15 (Multiplicación antes de la suma)Paso 4. y = 50 + 15 + 7;50 + 15 = 65 (Suma más a la izquierda)Paso 5. y = 65 + 7;65 + 7 = 72 (Última operación)

PENAGOS GONZALEZ TATIANA XIMENA1103

2012: Hacia La Calidad Educativa , Democrática Y Humanística .

¿CUALES Y QUE SIGNIFICADO TIENENLOS OPERADORES DE RELACION?

Ejemplo

Menor que, <. Menor o igual que, <=. Mayor que, >. Mayor o igual que, >=. Igual que, =. Distinto que, /=.

a<b

a<=5

a>b

a>=b

a==b

a!=b

PENAGOS GONZALEZ TATIANA XIMENA1103

2012: Hacia La Calidad Educativa , Democrática Y Humanística .

¿ QUE SIGNIFICAN Y CUAL ES LA TABLA DE DESCOMPOSICION PARA

LOS SIGUIENTES OPERADOS LOGICOS AND OR XOR?

Ejemplo

AND (el resultado es verdadero si ambas expresiones son verdaderas)|| OR (el resultado es verdadero si alguna expresión es verdadera)! NOT (el resultado invierte la condición de la expresión)AND y OR trabajan con dos operando y retornan un valor lógico basadas en las denominadas tablas de verdad. El operador NOT actúa sobre un operando.XOR binario a ^ b . Asignación con XOR binario a ^= b

a1=true && true // t && t devuelve true

a2=true && false // t && f devuelve false

a3=false && true // f && t devuelve false

a4=false && (3 == 4) // f && f devuelve false

a5="Gato" && "Perro" // t && t devuelve Perro

a6=false && "Gato" // f && t devuelve false

a7="Gato" && false // t && f devuelve false

operador && (AND lógico).

operador || (OR lógico). o1=true || true // t || t devuelve true

o2=false || true // f || t devuelve true

o3=true || false // t || f devuelve true

o4=false || (3 == 4) // f || f devuelve false

o5="Gato" || "Perro" // t || t devuelve Gato

o6=false || "Gato" // f || t devuelve Gato

o7="Gato" || false // t || f devuelve Gato

Dim a As Integer = 10

Dim b As Integer = 8

Dim c As Integer = 6

Dim

firstCheck, secondCheck, thirdCh

eck As Boolean

firstCheck = a > b Xor b > c

secondCheck = b > a Xor b > c

thirdCheck = b > a Xor c > b

OPERADOR > XOR

PENAGOS GONZALEZ TATIANA XIMENA1103

2012: Hacia La Calidad Educativa , Democrática Y Humanística .

¿ QUE SIGNIFICA LA PROGRAMCION HTML?

Ejemplo

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.

<HTML><HEAD><TITLE>Un Titulo para el Browser de turno </TITLE></HEAD><BODY><!-- Aquí 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 párrafo con información

súper importante. Nótese que las líneas salen

pegadas aun dejando

espacios, saltos de linea, etc. <BR> &#161 Si pongo

esto

si <STRONG>cambia </STRONG> de linea!

PENAGOS GONZALEZ TATIANA XIMENA1103

2012: Hacia La Calidad Educativa , Democrática Y Humanística .

¿ SIGNIFICADO Y USO DE LAS SIGUIENTES ETIQUETAS ?

Ejemplo <HTML>:es el lenguaje de marcas de

texto utilizado normalmente en la www. <HEAD>: define la cabecera del

documento HTML; esta cabecera suele

contener información sobre el documento

que no se muestra directamente al

usuario.

<TITLE>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana..

<BODY>: define el contenido principal o cuerpo del documento. Esta es la parte del documento HTML que se muestra en el navegador<H1> A <H6>: encabezados o títulos deldocumento con diferente relevancia.

PENAGOS GONZALEZ TATIANA XIMENA1103

2012: Hacia La Calidad Educativa , Democrática Y Humanística .

¿ SIGNIFICADO Y USO DE LAS SIGUIENTES ETIQUETAS?

Ejemplo <CENTER> está obsoleta en HTML 4.01. La etiqueta <center> se utiliza para centrar alinear el texto.

<ALIGN="VALOR> alineación del contenido

de cada celda de la fila

PENAGOS GONZALEZ TATIANA XIMENA1103