PROGRAMACIÓN WEB INTRODUCCIÓN

15
2012: Hacia una calidad educativa democrática y humanista ¿Qué significa programación? Es aquella actividad por la cual se crean programas para computadoras; 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. /* 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” comentado

Transcript of PROGRAMACIÓN WEB INTRODUCCIÓN

Page 1: PROGRAMACIÓN WEB INTRODUCCIÓN

2012: Hacia una calidad educativa democrática y humanista

¿Qué significa programación?

Es aquella actividad por la cual se crean programas para computadoras; 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. 

/* 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” comentado

Page 2: PROGRAMACIÓN WEB INTRODUCCIÓN

2012: Hacia una calidad educativa democrática y humanista

¿Qué es el lenguaje de alto nivel?

Se caracterizan por ser más parecidos al lenguaje y a la lógica humana que otros lenguajes llamados de bajo nivel o simbólicos que se acercan más a la lógica o lenguaje de los ordenadores.  

if( numero > 0 ) printf( "El número es positivo" )

Ejemplo en C

Page 3: PROGRAMACIÓN WEB INTRODUCCIÓN

2012: Hacia una calidad educativa democrática y humanista

¿Qué significa lenguaje de máquina?

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

Ejemplo

Page 4: PROGRAMACIÓN WEB INTRODUCCIÓN

2012: Hacia una calidad educativa democrática y humanista

¿Cuál es la clasificación de los lenguajes de alto nivel?

AdaALGOLBASICC#COBOLFortranJavaLispModula-2PascalPerlPHPPL/1PL/SQLPythonRuby  

DIM Matriz De Enteros (100,100) AS INTEGER DIM Vector De Enteros% (30) DIM Lista De Nombres (50) AS STRING DIM Lista De Ciudades$ (50)

Ejemplo BASIC

Page 5: PROGRAMACIÓN WEB INTRODUCCIÓN

2012: Hacia una calidad educativa democrática y humanista

Ejemplo

¿Qué significa el lenguaje assembler?

Es un lenguaje de programación de bajo nivel para los computadores, microprocesadores, microcontroladores, y otros circuitos integrados programables.    

Page 6: PROGRAMACIÓN WEB INTRODUCCIÓN

2012: Hacia una calidad educativa democrática y humanista

¿A que se denomina programación orientada a objetos?

Ejemplo JavaEs 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. 

Page 7: PROGRAMACIÓN WEB INTRODUCCIÓN

2012: Hacia una calidad educativa democrática y humanista

¿Qué son los eventos?

While (true){ Switch (event){ case mousse_button_down: case mouse_click: case keypressed: case Else: } }

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.

Page 8: PROGRAMACIÓN WEB INTRODUCCIÓN

2012: Hacia una calidad educativa democrática y humanista

¿Cuáles son los controladores del ambiente gráfico Windows?

Controladores gráficos DirectX 9 WDDM 1.0

EjemploModelo de controlador de pantalla Windows* (WDDM 1.0 y 1.1). los controladores WDDM mostrar una gráfica en 3D experiencia del usuario.Modelo de controlador Windows XP* (XPDM). los controladores XPDM proporcionan una interfaz con un aspecto similar al Windows XP, pero estos controladores no son compatibles con las características del SO Windows 7, tal como Microsoft* Aero y solamente ofrecen funcionalidad limitada en el caso de algunos equipos PC.

Page 9: PROGRAMACIÓN WEB INTRODUCCIÓN

2012: Hacia una calidad educativa democrática y humanista

¿A que se denomina algoritmo?

... i:=1; read(n); while i < n do begin (* cuerpo del bucle *) i := i + 1 end; ...

Ejemplo Es un conjunto ordenado y finito de operaciones que permite hallar la solución de un problema. Método y notación en las distintas fórmulas del cálculo.

Page 10: PROGRAMACIÓN WEB INTRODUCCIÓN

2012: Hacia una calidad educativa democrática y humanista

¿Cuáles son las etapas de un algoritmo?

i:= 0a[n+1]:= xrepetiri:= i + 1hasta a[i] = x

EjemploDiseño de algoritmo, que describe la secuencia ordenada de pasos que conducen a la solución de un problema dado. (Análisis del problema y desarrollo del algoritmo).Expresar el algoritmo como un programa de lenguaje de programación adecuado. (Fase de codificación.)Ejecución y validación del programa por la computadora.

Page 11: PROGRAMACIÓN WEB INTRODUCCIÓN

2012: Hacia una calidad educativa democrática y humanista

¿Cuáles son los diagramas de flujo y que símbolos utilizan?

Ejemplo•Formato vertical.•Formato horizontal.•Formato panorámico.•Formato Arquitectónico.

Símbolos:•Óvalo o Elipse: Inicio y término (Abre y/o cierra el diagrama).•Rectángulo: Actividad (Representa la ejecución de actividades o procedimientos).•Rombo: Decisión (Formula una pregunta).•Círculo: Conector (Representa el enlace de actividades con otra dentro de un procedimiento).•Triángulo boca abajo: Archivo definitivo (Guarda un documento en forma permanente).•Triángulo boca arriba: Archivo temporal (Proporciona un tiempo para el almacenamiento del documento).

Page 12: PROGRAMACIÓN WEB INTRODUCCIÓN

2012: Hacia una calidad educativa democrática y humanista

¿Cómo se declaran las variables en la memoria RAM?

#include <stdio.h> void func() { static int x = 0; // x es inicializada solo una vez durante las tres llamadas a func() printf("%d\n", x); // muestra el valor de x x = x + 1;} int main(int argc, char * const argv[]) { func(); // muestra 0 func(); // muestra 1 func(); // muestra 2 return 0;}

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

Page 13: PROGRAMACIÓN WEB INTRODUCCIÓN

2012: Hacia una calidad educativa democrática y humanista

¿Cuáles son los operadores matemáticos o de comparación?

public class RelacionApp { public static void main(String[] args) { int x=8;

int y=5;boolean compara=(x<y);

System.out.println("x<y es "+compara); compara=(x>y); System.out.println("x>y es "+compara); compara=(x==y); System.out.println("x==y es "+compara); compara=(x!=y); System.out.println("x!=y es "+compara); compara=(x<=y); System.out.println("x<=y es "+compara); compara=(x>=y); System.out.println("x>=y es "+compara); }}

Ejemplo

= igual<> distinto> mayor< menor>= mayor o igual<= menor o igual

Page 14: PROGRAMACIÓN WEB INTRODUCCIÓN

2012: Hacia una calidad educativa democrática y humanista

¿Cuáles son las tablas lógicas de los siguientes operadores AND OR XOR?

Dim a As Integer = 10Dim b As Integer = 8Dim c As Integer = 6Dim firstCheck, secondCheck, thirdCheck As BooleanfirstCheck = a > b Xor b > csecondCheck = b > a Xor b > cthirdCheck = b > a Xor c > b

Ejemplo BASICANDA B A*B

0 0 0

0 1 1

1 0 1

1 1 1

ORA B A+

B

0 0 1

0 1 0

1 0 0

1 1 0

A B A B

0 0 0

0 1 1

1 0 1

1 1 0

XOR

Page 15: PROGRAMACIÓN WEB INTRODUCCIÓN

2012: Hacia una calidad educativa democrática y humanista

Explique el concepto de programación HTML y el significado de las siguientes etiquetas:

<!DOCTYPE html><html><!-- created 2010-01-01 --> <head> <title>sample</title> </head> <body> <p>Voluptatem accusantium totam rem aperiam.</p> </body></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.

Pinzón Capador Ingrid LorenaCurso: 1102

<html>: Especifica que el documento está escrito en HTML. <head>: Principio del encabezado.<title>: Define la imagen de fondo, el color de fondo, el color del texto, el color de los enlaces.<h1…h6>: El texto entre estas etiquetas será utilizado.<center>: Centra un grupo de texto y gráficos.<p aling=“”>: Cambia de línea el documento.