SlideShare una empresa de Scribd logo
1 de 15
2012: Hacia una calidad educativa democrática
                                    y humanista




                                              “Hola mundo”
Es aquella actividad por la                   comentado
cual se crean programas para                 /* Inclusión de archivos */
computadoras; es el proceso                  #include <stdio.h>
de diseñar, codificar, depurar               /* Función principal */
y mantener el código                         int main (int argc,char **argv)
fuente de programas                          {
computacionales. El código                   /* Impresión por pantalla y salida
fuente es escrito en                         del programa*/
un lenguaje de programación.                 printf("Hola mundon"); return
                                             0;
                                             }
2012: Hacia una calidad educativa democrática
                                   y humanista




                                             Ejemplo en C
Se caracterizan por ser más
parecidos al lenguaje y a la                if( numero > 0 ) printf( "El
lógica humana que otros                     número es positivo" )
lenguajes llamados de bajo
nivel o simbólicos que se
acercan más a la lógica o
lenguaje de los ordenadores.
2012: Hacia una calidad educativa democrática
                                  y humanista




                                            Ejemplo
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.
2012: Hacia una calidad educativa democrática
                             y humanista




Ada
ALGOL                                 Ejemplo BASIC
BASIC
C#                               DIM Matriz De Enteros (100,100) AS INTEGER
COBOL                             DIM Vector De Enteros% (30)
                                   DIM Lista De Nombres (50) AS STRING
Fortran
                                   DIM Lista De Ciudades$ (50)
Java
Lisp
Modula-2
Pascal
Perl
PHP
PL/1
PL/SQL
Python
Ruby
2012: Hacia una calidad educativa democrática
                                   y humanista




                                             Ejemplo
Es un lenguaje de
programación de bajo nivel
para los computadores,
microprocesadores,
microcontroladores, y otros
circuitos integrados
programables.
2012: Hacia una calidad educativa democrática
                                    y humanista




Es un paradigma de                            Ejemplo Java
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.
2012: Hacia una calidad educativa democrática
                                   y humanista




                                             Ejemplo
Es un paradigma de
programación en el que tanto
la estructura como la                    While (true){
ejecución de los programas                 Switch (event){
van determinados por los                      case mousse_button_down:
sucesos que ocurran en el                     case mouse_click:
sistema, definidos por el                     case keypressed:
usuario o que ellos mismos
                                              case Else:
provoquen.
                                           }
                                         }
2012: Hacia una calidad educativa democrática
                                          y humanista




Modelo de controlador de pantalla                   Ejemplo
Windows* (WDDM 1.0 y 1.1). los
controladores WDDM mostrar una                 Controladores gráficos DirectX 9 WDDM
gráfica en 3D experiencia del usuario.         1.0
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.
2012: Hacia una calidad educativa democrática
                                    y humanista




                                                Ejemplo
Es un conjunto ordenado y
finito de operaciones que
permite hallar la solución de             ...
un problema. Método y                           i:=1;
notación en las distintas
fórmulas del cálculo.                           read(n);
                                                while i < n do begin
                                                   (* cuerpo del bucle *)
                                                   i := i + 1
                                                end;
                                                 ...
2012: Hacia una calidad educativa democrática
                                      y humanista




Diseño de algoritmo, que                       Ejemplo
describe la secuencia ordenada
de pasos que conducen a la
solución de un problema dado.
                                                i:= 0
(Análisis del problema y                        a[n+1]:= x
desarrollo del algoritmo).
Expresar el algoritmo como un                  repetir
programa de lenguaje de                         i:= i + 1
programación adecuado. (Fase
de codificación.)                               hasta a[i] = x
Ejecución y validación del
programa por la computadora.
2012: Hacia una calidad educativa democrática
                                                  y humanista




•Formato vertical.
•Formato horizontal.
                                                            Ejemplo
•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).
2012: Hacia una calidad educativa democrática
                                   y humanista




 La declaración de una                       Ejemplo
variable de este tipo es
                                        #include <stdio.h>
equivalente a guardar el
contenido de la variable en             void func() {
un directorio con un nombre,                 static int x = 0; // x es inicializada solo una vez
como si se tratase de un                durante las tres llamadas a func()
programa.                                    printf("%dn", 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;
                                        }
2012: Hacia una calidad educativa democrática
                                y humanista




                                          Ejemplo
                                     public class RelacionApp {
=    igual                             public static void main(String[] args) {
<>   distinto                             int x=8;
>    mayor                                        int y=5;
                                                  boolean compara=(x<y);
<    menor                                        System.out.println("x<y es "+compara);
>=   mayor o igual                        compara=(x>y);
<=   menor o igual                        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);
                                       }
                                     }
2012: Hacia una calidad educativa democrática
                                            y humanista




      A       B       A*B
AND   0       0        0                              Ejemplo BASIC
      0       1        1
      1       0        1
      1       1        1                         Dim a As Integer = 10
                                                 Dim b As Integer = 8
      A       B       A+B                        Dim c As Integer = 6
OR    0
      0
              0
              1
                       1
                       0
                                                 Dim firstCheck, secondCheck, thirdCheck As Boolean
                                                 firstCheck = a > b Xor b > c
      1       0        0                         secondCheck = b > a Xor b > c
      1       1        0
                                                 thirdCheck = b > a Xor c > b

      A           B          A       B
          0       0              0
XOR       0       1              1
          1       0              1
          1       1              0
2012: Hacia una calidad educativa democrática
                                                      y humanista




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                 Ejemplo
de texto, así como para complementar el texto
con objetos tales como imágenes.                             <!DOCTYPE html>
                                                             <html>
<html>: Especifica que el documento está escrito en          <!-- created 2010-01-01 -->
HTML.                                                         <head>
<head>: Principio del encabezado.
<title>: Define la imagen de fondo, el color de fondo, el      <title>sample</title>
color del texto, el color de los enlaces.                     </head>
<h1…h6>: El texto entre estas etiquetas será utilizado.
<center>: Centra un grupo de texto y gráficos.
                                                              <body>
<p aling=“”>: Cambia de línea el documento.                    <p>Voluptatem accusantium
                                                                totam rem aperiam.</p>
                                                              </body>
                                                             </html>
   Pinzón Capador Ingrid Lorena
   Curso: 1102

Más contenido relacionado

La actualidad más candente (18)

Programación
ProgramaciónProgramación
Programación
 
Programación Web Introducción
Programación Web IntroducciónProgramación Web Introducción
Programación Web Introducción
 
Programacion web introduccion
Programacion web introduccionProgramacion web introduccion
Programacion web introduccion
 
Programacion
ProgramacionProgramacion
Programacion
 
Programacion
ProgramacionProgramacion
Programacion
 
Preguntas Tecnologia
Preguntas TecnologiaPreguntas Tecnologia
Preguntas Tecnologia
 
Programacion kmi
Programacion kmiProgramacion kmi
Programacion kmi
 
PROGRAMACION WEB
PROGRAMACION WEBPROGRAMACION WEB
PROGRAMACION WEB
 
Programa web introduccion
Programa web introduccionPrograma web introduccion
Programa web introduccion
 
Programacion web
Programacion webProgramacion web
Programacion web
 
Programcion nico
Programcion nicoProgramcion nico
Programcion nico
 
ananossa
ananossaananossa
ananossa
 
Programacion java basica
Programacion java basicaProgramacion java basica
Programacion java basica
 
Programación Web Introducción
Programación Web IntroducciónProgramación Web Introducción
Programación Web Introducción
 
Programación Orientada Objetos Java Unidad 1
Programación Orientada Objetos Java Unidad 1Programación Orientada Objetos Java Unidad 1
Programación Orientada Objetos Java Unidad 1
 
nivel de programacion_introduccion
nivel de programacion_introduccionnivel de programacion_introduccion
nivel de programacion_introduccion
 
Kianny
KiannyKianny
Kianny
 
Programación web introducción
Programación web introducciónProgramación web introducción
Programación web introducción
 

Similar a PROGRAMACIÓN WEB INTRODUCCIÓN

Programacion web - introduccion
Programacion web - introduccionProgramacion web - introduccion
Programacion web - introduccionandrea katherine
 
Desarollo web nivel de introduccion
Desarollo  web nivel de introduccionDesarollo  web nivel de introduccion
Desarollo web nivel de introduccionCamilo cuitiva
 
Abstracción y Encapsulación de en la programación Orientada a objetos
Abstracción y Encapsulación de en la programación Orientada a objetosAbstracción y Encapsulación de en la programación Orientada a objetos
Abstracción y Encapsulación de en la programación Orientada a objetosJoseEstebanTelloEstr
 
1 Introducción a los Lenguajes de Programación y a la Programación Orientada ...
1 Introducción a los Lenguajes de Programación y a la Programación Orientada ...1 Introducción a los Lenguajes de Programación y a la Programación Orientada ...
1 Introducción a los Lenguajes de Programación y a la Programación Orientada ...Jose Emilio Labra Gayo
 
Introducción programacion
Introducción programacionIntroducción programacion
Introducción programacionwladimirclipper
 
TEMA A TRATARSE: Fundamento de programación
TEMA A TRATARSE: Fundamento de programaciónTEMA A TRATARSE: Fundamento de programación
TEMA A TRATARSE: Fundamento de programaciónNOE NUÑEZ CONGACHE
 
380914324 poo-kotlin
380914324 poo-kotlin380914324 poo-kotlin
380914324 poo-kotlinxavazque2
 
Programacion web introduccion practica o9
Programacion web introduccion practica o9Programacion web introduccion practica o9
Programacion web introduccion practica o9Anavay
 

Similar a PROGRAMACIÓN WEB INTRODUCCIÓN (20)

Presentación1 (3)
Presentación1 (3)Presentación1 (3)
Presentación1 (3)
 
NIVEL DE PROGRAMACIÓN WEB INTRODUCCIÓN
NIVEL DE PROGRAMACIÓN WEB INTRODUCCIÓNNIVEL DE PROGRAMACIÓN WEB INTRODUCCIÓN
NIVEL DE PROGRAMACIÓN WEB INTRODUCCIÓN
 
Programacion web - introduccion
Programacion web - introduccionProgramacion web - introduccion
Programacion web - introduccion
 
Desarollo web nivel de introduccion
Desarollo  web nivel de introduccionDesarollo  web nivel de introduccion
Desarollo web nivel de introduccion
 
Abstracción y Encapsulación de en la programación Orientada a objetos
Abstracción y Encapsulación de en la programación Orientada a objetosAbstracción y Encapsulación de en la programación Orientada a objetos
Abstracción y Encapsulación de en la programación Orientada a objetos
 
PRESENTACIÓN WEB 2.0
PRESENTACIÓN WEB 2.0PRESENTACIÓN WEB 2.0
PRESENTACIÓN WEB 2.0
 
1 Introducción a los Lenguajes de Programación y a la Programación Orientada ...
1 Introducción a los Lenguajes de Programación y a la Programación Orientada ...1 Introducción a los Lenguajes de Programación y a la Programación Orientada ...
1 Introducción a los Lenguajes de Programación y a la Programación Orientada ...
 
El mundo del lenguaje c++
El mundo del lenguaje c++El mundo del lenguaje c++
El mundo del lenguaje c++
 
Tecnologia jenny
Tecnologia jennyTecnologia jenny
Tecnologia jenny
 
Introducción programacion
Introducción programacionIntroducción programacion
Introducción programacion
 
TEMA A TRATARSE: Fundamento de programación
TEMA A TRATARSE: Fundamento de programaciónTEMA A TRATARSE: Fundamento de programación
TEMA A TRATARSE: Fundamento de programación
 
Mauricio
MauricioMauricio
Mauricio
 
380914324 poo-kotlin
380914324 poo-kotlin380914324 poo-kotlin
380914324 poo-kotlin
 
Proyecto
ProyectoProyecto
Proyecto
 
Proyecto
ProyectoProyecto
Proyecto
 
Pracita 09
Pracita 09Pracita 09
Pracita 09
 
Preguntas (1)
Preguntas (1)Preguntas (1)
Preguntas (1)
 
Pracita 09
Pracita 09Pracita 09
Pracita 09
 
Programacion web introduccion practica o9
Programacion web introduccion practica o9Programacion web introduccion practica o9
Programacion web introduccion practica o9
 
Tata
TataTata
Tata
 

PROGRAMACIÓN WEB INTRODUCCIÓN

  • 1. 2012: Hacia una calidad educativa democrática y humanista “Hola mundo” Es aquella actividad por la comentado cual se crean programas para /* Inclusión de archivos */ computadoras; es el proceso #include <stdio.h> de diseñar, codificar, depurar /* Función principal */ y mantener el código int main (int argc,char **argv) fuente de programas { computacionales. El código /* Impresión por pantalla y salida fuente es escrito en del programa*/ un lenguaje de programación. printf("Hola mundon"); return 0; }
  • 2. 2012: Hacia una calidad educativa democrática y humanista Ejemplo en C Se caracterizan por ser más parecidos al lenguaje y a la if( numero > 0 ) printf( "El lógica humana que otros número es positivo" ) lenguajes llamados de bajo nivel o simbólicos que se acercan más a la lógica o lenguaje de los ordenadores.
  • 3. 2012: Hacia una calidad educativa democrática y humanista Ejemplo 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.
  • 4. 2012: Hacia una calidad educativa democrática y humanista Ada ALGOL Ejemplo BASIC BASIC C# DIM Matriz De Enteros (100,100) AS INTEGER COBOL DIM Vector De Enteros% (30) DIM Lista De Nombres (50) AS STRING Fortran DIM Lista De Ciudades$ (50) Java Lisp Modula-2 Pascal Perl PHP PL/1 PL/SQL Python Ruby
  • 5. 2012: Hacia una calidad educativa democrática y humanista Ejemplo Es un lenguaje de programación de bajo nivel para los computadores, microprocesadores, microcontroladores, y otros circuitos integrados programables.
  • 6. 2012: Hacia una calidad educativa democrática y humanista Es un paradigma de Ejemplo Java 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.
  • 7. 2012: Hacia una calidad educativa democrática y humanista Ejemplo Es un paradigma de programación en el que tanto la estructura como la While (true){ ejecución de los programas Switch (event){ van determinados por los case mousse_button_down: sucesos que ocurran en el case mouse_click: sistema, definidos por el case keypressed: usuario o que ellos mismos case Else: provoquen. } }
  • 8. 2012: Hacia una calidad educativa democrática y humanista Modelo de controlador de pantalla Ejemplo Windows* (WDDM 1.0 y 1.1). los controladores WDDM mostrar una Controladores gráficos DirectX 9 WDDM gráfica en 3D experiencia del usuario. 1.0 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.
  • 9. 2012: Hacia una calidad educativa democrática y humanista Ejemplo Es un conjunto ordenado y finito de operaciones que permite hallar la solución de ... un problema. Método y i:=1; notación en las distintas fórmulas del cálculo. read(n); while i < n do begin (* cuerpo del bucle *) i := i + 1 end; ...
  • 10. 2012: Hacia una calidad educativa democrática y humanista Diseño de algoritmo, que Ejemplo describe la secuencia ordenada de pasos que conducen a la solución de un problema dado. i:= 0 (Análisis del problema y a[n+1]:= x desarrollo del algoritmo). Expresar el algoritmo como un repetir programa de lenguaje de i:= i + 1 programación adecuado. (Fase de codificación.) hasta a[i] = x Ejecución y validación del programa por la computadora.
  • 11. 2012: Hacia una calidad educativa democrática y humanista •Formato vertical. •Formato horizontal. Ejemplo •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).
  • 12. 2012: Hacia una calidad educativa democrática y humanista La declaración de una Ejemplo variable de este tipo es #include <stdio.h> equivalente a guardar el contenido de la variable en void func() { un directorio con un nombre, static int x = 0; // x es inicializada solo una vez como si se tratase de un durante las tres llamadas a func() programa. printf("%dn", 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; }
  • 13. 2012: Hacia una calidad educativa democrática y humanista Ejemplo public class RelacionApp { = igual public static void main(String[] args) { <> distinto int x=8; > mayor int y=5; boolean compara=(x<y); < menor System.out.println("x<y es "+compara); >= mayor o igual compara=(x>y); <= menor o igual 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); } }
  • 14. 2012: Hacia una calidad educativa democrática y humanista A B A*B AND 0 0 0 Ejemplo BASIC 0 1 1 1 0 1 1 1 1 Dim a As Integer = 10 Dim b As Integer = 8 A B A+B Dim c As Integer = 6 OR 0 0 0 1 1 0 Dim firstCheck, secondCheck, thirdCheck As Boolean firstCheck = a > b Xor b > c 1 0 0 secondCheck = b > a Xor b > c 1 1 0 thirdCheck = b > a Xor c > b A B A B 0 0 0 XOR 0 1 1 1 0 1 1 1 0
  • 15. 2012: Hacia una calidad educativa democrática y humanista 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 Ejemplo de texto, así como para complementar el texto con objetos tales como imágenes. <!DOCTYPE html> <html> <html>: Especifica que el documento está escrito en <!-- created 2010-01-01 --> HTML. <head> <head>: Principio del encabezado. <title>: Define la imagen de fondo, el color de fondo, el <title>sample</title> color del texto, el color de los enlaces. </head> <h1…h6>: El texto entre estas etiquetas será utilizado. <center>: Centra un grupo de texto y gráficos. <body> <p aling=“”>: Cambia de línea el documento. <p>Voluptatem accusantium totam rem aperiam.</p> </body> </html> Pinzón Capador Ingrid Lorena Curso: 1102