PROGRAMACIÓN WEB INTRODUCCIÓN

22
2012:hacia una educación de calidad democrá y humanística. Moreno Moncada Karol Tatiana 1103 PROGRAMACION WEB INTRODUCCION

Transcript of PROGRAMACIÓN WEB INTRODUCCIÓN

2012:hacia una educación de calidad democrática y humanística.

Moreno Moncada Karol Tatiana 1103

PROGRAMACION WEB

INTRODUCCION

2012:hacia una educación de calidad democrática y humanística.

Que es una programación?

Moreno Moncada Karol Tatiana 1103

La programación es el proceso de diseñar, codificar, depurar y mantener el código fuente de programas computacionales. El código fuente es escrito en un lenguaje de programación. El propósito de la programación es crear programas que exhiban un comportamiento deseado.

EJEMPLO:

/* Inclusión de archivos */ #include <stdio.h> /* Función principal */ int main (int argc,char **argv) { /* Impresión por pantalla y salida del programa*/ printf("Hola mundo\n"); return 0;

HOLA MUNDO

2012:hacia una educación de calidad democrática y humanística.

Moreno Moncada Karol Tatiana 1103

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.

Que es el lenguaje de alto nivel?

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

que traducido al castellano viene a decir que: si numero es mayor que cero, entonces, escribir por pantalla el mensaje: "El número es positivo".

2012:hacia una educación de calidad democrática y humanística.

Moreno Moncada Karol Tatiana 1103

Lenguaje de máquina es el sistema de códigos directamente interpretable por un circuito microprogramable, Un programa consiste en una cadena de estas instrucciones de lenguaje de máquina (más los datos).

Que es el lenguaje de maquina?

El segmento de código en lenguaje Java es: int counter = 0; counter = counter + 1; podría ser trasladado en lenguaje de máquina como  000101000100010001000100001000101010111110 000001110101000111110000100010000010101010

2012:hacia una educación de calidad democrática y humanística.

Moreno Moncada Karol Tatiana 1103

Como se clasifican los lenguajes de alto nivel?los lenguajes de programación de alto nivel, es teniendo en  cuenta el desarrollo de las computadoras según sus diferentes generaciones:

1. Lenguajes de programación de primera generación:

2. Lenguajes de programación de segunda generación : los primeros lenguajes de  programación de alto nivel imperativo

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

4. Lenguajes de programación de cuarta generación: usados en aplicaciones de gestión y manejo de bases de dados

EJEMPLO:

1. el lenguaje máquina y el  ensamblador.

2. (FROTRAN, COBOL).

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

4.(NATURAL, SQL).

2012:hacia una educación de calidad democrática y humanística.

Moreno Moncada Karol Tatiana 1103

¿Qué es lenguaje ASSEMBLER?

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

EJEMPLO:

La sentencia

MOV AL, 061h

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

2012:hacia una educación de calidad democrática y humanística.

Moreno Moncada Karol Tatiana 1103

la programación orientada a objetos o POO (OOP según sus siglas en inglés) 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.

EJEMPLO: Para crear una clase se utiliza la palabra reservada class y a continuación el nombre de la clase. El nombre de la clase empieza por letra mayúscula.

class Rectangulo//miembros dato//funciones miembro

¿Qué significa programación orientada a objetos?

2012:hacia una educación de calidad democrática y humanística.

Moreno Moncada Karol Tatiana 1103

Evento: Es un suceso en el sistema (tal como una interacción del usuario con la máquina, o un mensaje enviado por un objeto). El sistema maneja el evento enviando el mensaje adecuado al objeto pertinente. También se puede definir como evento, a la reacción que puede desencadenar un objeto, es decir la acción que genera.

EJEMPLO:

Accion que lo genera

csc events1.cs

events1

¿Qué son los eventos ?

2012:hacia una educación de calidad democrática y humanística.

Moreno Moncada Karol Tatiana 1103

¿Qué significado tienen los controles de ambiente grafico?

Los controles de ambiente gráfico o interfaz gráfica (GUI Grafic User Interface en inglés) son el tipo de herramientas y la forma en que se ven en la pantalla.

Por ejemplo, en windows xp, se llama luna, y es el que ya todos conocemos, el de la barra de tareas azul y el boton de inicio verde.

2012:hacia una educación de calidad democrática y humanística.

Moreno Moncada Karol Tatiana 1103

¿Qué significa algoritmo?

Un Algoritmo es un conjunto preescrito 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.

EJEMPLO: Inicio contador Leer (numero) Mientras numero > 0 hacer contador contador+1 Leer (numero) Fin_Mientras Escribir('El número de enteros positivos es : ', contador) Fin

2012:hacia una educación de calidad democrática y humanística.

Moreno Moncada Karol Tatiana 1103

¿Cuáles son las etapas de un algoritmo?

1. (WAW - Write after Write) se inserta una burbuja en la instrucción hasta que todas las instrucciones que pretenden escribir en el mismo registro sean completadas.

2. Read operands :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 operandos estén disponibles.

3. Execution : Cuando todos los operandos han sido capturados, la unidad funcional comienza la ejecución. Una vez que el resultado está disponible, el marcador recibe una notificación.

4. Write Result :En esta etapa se intenta la escritura del resultado en el correspondiente registro de destino.

1. Escritura después

2. Lectura de operadores

3. Ejecucion

4. Escritura de resultado

2012:hacia una educación de calidad democrática y humanística.

Moreno Moncada Karol Tatiana 1103

¿Qué significa diagrama de flujo ?

es la representación gráfica del algoritmo o proceso. Estos diagramas utilizan símbolos con significados bien definidos que representan los pasos del algoritmo, y representan el flujo de ejecución mediante flechas que conectan los puntos de inicio y de fin de proceso.

2012:hacia una educación de calidad democrática y humanística.

Moreno Moncada Karol Tatiana 1103

¿Símbolos de diagrama de flujo?

1. Inicio y término

2. Rectángulo: Actividad

3.Rombo: Decisión

4.Círculo: Conector

5.Triángulo boca abajo: Archivo definitivo

6.Triángulo boca arriba: Archivo temporal

1.Ovalo o Elipse

2.Rectángulo

3.Rombo

4.Circulo

5.Triangulo boca abajo

6.Triangulo boca arriva

2012:hacia una educación de calidad democrática y humanística.

Moreno Moncada Karol Tatiana 1103

1.Inicio y término (Abre y/o cierra el diagrama).2.Actividad (Representa la ejecución de una o más actividades o procedimientos).3.Decisión (Formula una pregunta o cuestión).4.Conector (Representa el enlace de actividades con otra dentro de un procedimiento).5.Archivo definitivo (Guarda un documento en forma permanente).6.Archivo temporal (Proporciona un tiempo para el almacenamiento del documento).

1.Ovalo o Elipse

2.Rectángulo3.Rombo

4.Circulo

5.Triangulo boca abajo

6.Triangulo boca arriba

¿Cual es la función de cada símbolo?

2012:hacia una educación de calidad democrática y humanística.

Moreno Moncada Karol Tatiana 1103

Son espacios reservados en la memoria que, como su nombre indica, pueden cambiar de contenido a lo largo de la ejecución de un programa. Una variable corresponde a un área reservada en la memoria principal del ordenador pudiendo ser de longitud:

Fija: Cuando el tamaño de la misma no variará a lo largo de la ejecución del programa.

Variable: Cuando el tamaño de la misma puede variar a lo largo de la ejecución. Típicamente colecciones de datos.

EJEMPLO: public class A { public Integer numeroEntero = new Integer(); /* Variable Global a todos los Métodos */

public Integer metodo() { int num = 1; // Variable Local a metodo. Puede accederse dentro de este método en cualquier parte, pero no fuera del mismo

¿Que son las variables?

2012:hacia una educación de calidad democrática y humanística.

Moreno Moncada Karol Tatiana 1103

las constantes se declaran con la directiva #define, esto significa que esa constante tendrá el mismo valor a lo largo de todo el programa. El identificador de una constante así definida será una cadena de caracteres que deberá cumplir los mismos requisitos que el de una variable.

#include <stdio.h> #define PI 3.1415926

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

¿Que son las constantes NS ?

2012:hacia una educación de calidad democrática y humanística.

Moreno Moncada Karol Tatiana 1103

Los operadores matemáticos básicos 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). La división entera trunca el resultado (no lo redondea). El operador módulo no se puede utilizar con números con punto flotante.

6 / 3 * 4 - 1 + 5

2

8

6

2

¿Que son los operadores matemáticos?

2012:hacia una educación de calidad democrática y humanística.

Moreno Moncada Karol Tatiana 1103

Los 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, !=. 

EJEMPLO:7 = 38

'a' <> 'k‘

'G' < 'B‘

7.5 <= 7.38

38 >= 7

¿Que son los operadores de relación?

2012:hacia una educación de calidad democrática y humanística.

Moreno Moncada Karol Tatiana 1103

AND: Intersección

OR: Unión puede tener N entradas pero una sola salida.

EXOR: Si y solo si. Compuerta par pero impar.

AND OR XOR

¿Que significa AND,OR,XOR?

EJEMPLO:

2012:hacia una educación de calidad democrática y humanística.

Moreno Moncada Karol Tatiana 1103

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

¿Que significa lenguaje html ?

<HTML><HEAD><TITLE> Título de mi página de Internet </TITLE></HEAD><BODY><H1> <CENTER> Primera pagina </CENTER> </H1><HR>

2012:hacia una educación de calidad democrática y humanística.

Moreno Moncada Karol Tatiana 1103

Indica que la pagina web esta echa en ese idioma y limita el documento.

Es un área de definición del documento HTML al que precede donde especifica información cómo el titulo de la pagina…

Esta etiqueta será utilizada para los marcadores del navegador y definirá un nombre para tu página.

Aquí irá todo el texto de tu página, todos tus códigos, etcUsted puede empezar a hacer su web en un simple Bloc de Notas si tiene Windows o

<HTML>

<HEAD>

<TITLE>

<BODY>

<html><head><title>Title of the document</title></head>

<body>The content of the document......</body>

</html>

Ejemplo:

¿Que significa <HTML><HEAD><TITLE><BODY>?

2012:hacia una educación de calidad democrática y humanística.

Moreno Moncada Karol Tatiana 1103

WEB GRAFIAS•https://bay148.mail.live.com/default.aspx?rru=inbox#n=1919789399&rru

•https://inbox&fid=1&fav=1&mid=66d94115-79a6-11e1-8076-002264c1c75c

•http:// monografias.com•http:// google.com.co•http:// google.com.co/imágenes