22

PROGRAMACIÓN WEB INTRODUCCIÓN

Embed Size (px)

Citation preview

Page 1: PROGRAMACIÓN WEB INTRODUCCIÓN
Page 2: PROGRAMACIÓN WEB INTRODUCCIÓN

Que es una programación?

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

Page 3: PROGRAMACIÓN WEB INTRODUCCIÓN

Un lenguaje de alto nivelpermite 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".

Page 4: PROGRAMACIÓN WEB INTRODUCCIÓN

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

Page 5: PROGRAMACIÓN WEB INTRODUCCIÓN

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

Page 6: PROGRAMACIÓN WEB INTRODUCCIÓN

¿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".

Page 7: PROGRAMACIÓN WEB INTRODUCCIÓN

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?

Page 8: PROGRAMACIÓN WEB INTRODUCCIÓN

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 ?

Page 9: PROGRAMACIÓN WEB INTRODUCCIÓN

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

Page 10: PROGRAMACIÓN WEB INTRODUCCIÓN

¿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

Page 11: PROGRAMACIÓN WEB INTRODUCCIÓN

¿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

Page 12: PROGRAMACIÓN WEB INTRODUCCIÓN

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

Page 13: PROGRAMACIÓN WEB INTRODUCCIÓN

¿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

Page 14: PROGRAMACIÓN WEB INTRODUCCIÓN

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ángulo

3.Rombo

4.Circulo

5.Triangulo boca

abajo

6.Triangulo boca

arriba

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

Page 15: PROGRAMACIÓN WEB INTRODUCCIÓN

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?

Page 16: PROGRAMACIÓN WEB INTRODUCCIÓN

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 ?

Page 17: PROGRAMACIÓN WEB INTRODUCCIÓN

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?

EJEMPLO:

Page 18: PROGRAMACIÓN WEB INTRODUCCIÓN

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?

Page 19: PROGRAMACIÓN WEB INTRODUCCIÓN

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:

Page 20: PROGRAMACIÓN WEB INTRODUCCIÓN

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>

Page 21: PROGRAMACIÓN WEB INTRODUCCIÓN

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, etc

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