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

Page 1: 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

Page 2: Programacion web introduccion practica o9 ximena

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

¿QUE SIGNIFICA PROGRAMACIÓN?

La programación es el proceso de diseñar, codificar, depurar y mantener el código fuente de programas computacionales.

Programar no involucra necesariamente otras tareas tales como el análisis y diseño de la aplicación (pero sí el diseño del código), aunque sí suelen estar fusionadas en el desarrollo de pequeñas aplicaciones.

CONTROL DE ACCESO

Ejemplo

#include <stdio.h>

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

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

PENAGOS GONZALEZ TATIANA XIMENA1103

Page 3: Programacion web introduccion practica o9 ximena

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

¿QUÉ ES UN LENGUAJE DE ALTO NIVEL?

Permite al programador escribir las instrucciones de un programa utilizando palabras o expresiones sintácticas muy similares al inglés.Pueden utilizar palabras de muy fácil comprensió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

Page 4: Programacion web introduccion practica o9 ximena

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

¿QUÉ SIGNIFICA 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). Fue el primer lenguaje utilizado en la programación de computadoras, pero dejó de utilizarse por su dificultad y complicación, siendo sustituido por otros lenguajes más fáciles de aprender y utilizar, que además reducen la posibilidad de cometer 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

Page 5: Programacion web introduccion practica o9 ximena

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 yAda.•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

Page 6: Programacion web introduccion practica o9 ximena

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, 061hAsigna 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

Page 7: Programacion web introduccion practica o9 ximena

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

¿QUÉ SIGNIFICA PROGRAMACION ORIENTADA A OBJETOS ?

Ejemplo

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

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

cada ventana que abres en tu Computadora es un Objeto tiene propiedades que son el color de la ventana, su tamaño, imagenes, etc. Y tiene Sus métodos. Cerrar, Abrir. Maximizar

VARGAS AYALA ANDREA NATHALY 1103

Page 8: Programacion web introduccion practica o9 ximena

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

¿QUÉ SON LOS EVENTOS ?

Ejemplo

Es un 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.

Los eventos soportados estarán determinados por el lenguaje de programación utilizado, por el sistema operativo e incluso por eventos creados por 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

Page 9: Programacion web introduccion practica o9 ximena

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

Page 10: Programacion web introduccion practica o9 ximena

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

Page 11: Programacion web introduccion practica o9 ximena

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

¿ ETAPAS DE UN ALGORITMO ?

Ejemplo

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

PENAGOS GONZALEZ TATIANA XIMENA1103

Page 12: Programacion web introduccion practica o9 ximena

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

Page 13: Programacion web introduccion practica o9 ximena

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

Page 14: Programacion web introduccion practica o9 ximena

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

Page 15: Programacion web introduccion practica o9 ximena

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

Page 16: Programacion web introduccion practica o9 ximena

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

Page 17: Programacion web introduccion practica o9 ximena

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<ba<=5 a>b

a>=b

a==ba!=b

PENAGOS GONZALEZ TATIANA XIMENA1103

Page 18: Programacion web introduccion practica o9 ximena

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 falsea4=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, thirdCheck 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

Page 19: Programacion web introduccion practica o9 ximena

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

Page 20: Programacion web introduccion practica o9 ximena

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 del documento con diferente relevancia.PENAGOS GONZALEZ

TATIANA XIMENA1103

Page 21: Programacion web introduccion practica o9 ximena

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