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

PROGRAMACIÓN WEB INTRODUCCIÓN

  • 1.
    2012: Hacia unacalidad 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 unacalidad 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 unacalidad 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 unacalidad 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 unacalidad 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 unacalidad 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 unacalidad 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 unacalidad 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 unacalidad 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 unacalidad 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 unacalidad 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 unacalidad 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 unacalidad 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 unacalidad 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 unacalidad 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