SlideShare une entreprise Scribd logo
1  sur  18
2012 hacia una calidad en la educación
          democrática y humanista

I.E.D San Juan Bautista de la Salle




                1102
           Becerra Ochoa Wilmer Fabian 1102
2012 hacia una calidad en la educación
       democrática y humanista




Programación web - introducción



     Manuel Suescún
        Becerra Ochoa Wilmer Fabian 1102
2012 hacia una calidad en la educación
                   democrática y humanista


           ¿Qué significa programación?
• Programación es la                  • El código fuente de un
  acción y efecto de                    software que le indica al
  programar, se refiere a               programa que debe
  idear y ordenar las                   hacer y como realizarlo.
  acciones que se realizan
  en un proyecto, a través
  de la elaboración de
  programas de
  computadora.


                    Becerra Ochoa Wilmer Fabian 1102
2012 hacia una calidad en la educación
                   democrática y humanista


          ¿Qué es lenguaje de alto nivel?
• Permite a un                        • if( numero > 0 ) printf(
  programador escribir las              "El número es positivo"
  instrucciones de un                   ).
  programa utilizando
  palabras o expresiones              • traducido al castellano
  sintácticas similares al              viene a decir que: si
  ingles, tales como: case,             numero es mayor que
  if, for, while, etc.                  cero, entonces, escribir
                                        por pantalla el mensaje:
                                        "El número es positivo“.

                    Becerra Ochoa Wilmer Fabian 1102
2012 hacia una calidad en la educación
                  democrática y humanista


       ¿Qué significa lenguaje de maquina?
• Es el único lenguaje que           • 00000 1001110 LOAD 11110
  puede ejecutar una
  computadora a través de            • 00001 10110100 STOR 10100
  un código que es
                                     • 00010 10011110 LOAD 11110
  interpretado por el
  microprocesador, con               • 00011 11010100 ADD 10100
  este puede realizar
  acciones.                          • 00100 10111111 STOR 11111

                                     • 00101 00000000 HALT

                   Becerra Ochoa Wilmer Fabian 1102
2012 hacia una calidad en la educación
                   democrática y humanista


 ¿Cuál es la clasificación de los lenguajes de alto nivel?
• Se clasifican en:                    • Esta clasificación fue
• FORTRAN, LISP, ALGO                    creada por IBM.
  L, COBOL, APL, SNOBO
  L, PROLOG, MODULA2,
  ALGOL68, PASCAL, SI
  MULA67, ADA, C++, LIS
  , EUCLID y BASIC.




                     Becerra Ochoa Wilmer Fabian 1102
2012 hacia una calidad en la educación
                  democrática y humanista


        ¿Qué significa lenguaje assembler?
• Es el sistema de códigos
                                      •    ; HOLA.ASM
                                      •    ; Programa clasico de ejemplo. Despliega una leyenda en pantalla.
                                      •    STACK     SEGMENT STACK                ; Segmento de pila

  directamente
                                      •                 DW     64 DUP (?)         ; Define espacio en la pila
                                      •    STACK     ENDS
                                      •

  interpretable por un                •
                                      •
                                           DATA
                                           SALUDO
                                                  SEGMENT                    ; Segmento de datos
                                                    DB "Hola mundo!!",13,10,"$" ; Cadena


  circuito micro
                                      •    DATA   ENDS
                                      •
                                      •    CODE     SEGMENT                ; Segmento de Codigo

  programable, como el
                                      •           ASSUME CS:CODE, DS:DATA, SS:STACK
                                      •
                                      •    INICIO:                                   ; Punto de entrada al

  microprocesador de una              •
                                      •
                                           programa
                                                  MOV AX,DATA
                                                  MOV DS,AX
                                                                                  ; Pone direccion en AX
                                                                                  ; Pone la direccion en los

  computadora o el micro              •
                                           registros

                                           mensaje
                                                  MOV DX,OFFSET SALUDO            ; Obtiene direccion del


  controlador de un                   •
                                           cadena
                                                  MOV AH,09H

                                                  INT   21H
                                                                                  ; Funcion: Visualizar

                                                                                    ; Servicio: Funciones alto
  autómata (un PLC).
                                      •
                                           nivel DOS
                                      •           MOV AH,4CH                      ; Funcion: Terminar
                                      •           INT   21H
                                      •    CODE      ENDS
                                      •           END INICIO                        ; Marca fin y define
                                           INICIO




                    Becerra Ochoa Wilmer Fabian 1102
2012 hacia una calidad en la educación
                   democrática y humanista


¿A que se denomina programación orientada a objetos?
• La programación                      • PHP 5
  Orientada a objetos
  (POO) es una forma
  especial de
  programar, más cercana
  a como expresaríamos
  las cosas en la vida real
  que otros tipos de
  programación.


                     Becerra Ochoa Wilmer Fabian 1102
2012 hacia una calidad en la educación
                  democrática y humanista


              ¿Qué son los eventos?
• suceso de importancia             • “El concierto de los
  que se encuentra                       Rolling Stones es el
  programado, puede ser                  evento más importante
  de carácter                            del año”.
  social, artístico o
  deportivo.




                  Becerra Ochoa Wilmer Fabian 1102
2012 hacia una calidad en la educación
                 democrática y humanista


¿Cuáles son los controles del ambiente grafico WINDOWS?




                   Becerra Ochoa Wilmer Fabian 1102
2012 hacia una calidad en la educación
                    democrática y humanista


           ¿A que se denomina algoritmo?
• Un algoritmo es un
  conjunto finito de pasos
  definidos, estructurados
  en el tiempo y formulados
  con base a un conjunto
  finito de reglas no
  ambiguas, que proveen un
  procedimiento para dar la
  solución o indicar la falta
  de esta a un problema en
  un tiempo determinado

                      Becerra Ochoa Wilmer Fabian 1102
2012 hacia una calidad en la educación
                                            democrática y humanista


                 ¿Cuáles son las etapas de un algoritmo?
Pasos              Etapa                              Descripción



 1      Análisis del problema     Conducen al diseño detallado por medio
                                  un código escrito en forma de un algoritmo
 2      Diseño de algoritmo

 3      Codificación              Se implementa el algoritmo en un código escrito en
                                  un lenguaje de programación. Refleja las ideas
                                  desarrolladas en las etapas de análisis y diseño




 4      Compilación y ejecución   Traduce el programa fuente a programa en código
                                  de maquina y lo ejecuta.



 5      Verificación              Busca errores en las etapas anteriores y los elimina.

 6      Depuración

 7      Documentación             Son comentarios, etiquetas de texto, que facilitan la
                                  comprensión del programa




                                                             Becerra Ochoa Wilmer Fabian 1102
2012 hacia una calidad en la educación
                   democrática y humanista


¿Cuáles son los diagramas de flujo y que símbolos usan?
• Los diagramas de flujo
  (o flujogramas) son
  diagramas que emplean
  símbolos gráficos para
• representar los pasos o
  etapas de un proceso.
  También permiten
  describir la secuencia de
  los
• distintos pasos o etapas
  y su interacción

                    Becerra Ochoa Wilmer Fabian 1102
2012 hacia una calidad en la educación
                   democrática y humanista


 A diferencia de las variables que son las constantes
• Una constante es una                • const <tipoConstante>
  variable cuyo valor                   <nombreConstante> =
  puede determinar el                   <valor>;
  compilador durante la
  compilación y puede
  aplicar optimizaciones
  derivadas de ello




                    Becerra Ochoa Wilmer Fabian 1102
2012 hacia una calidad en la educación
                     democrática y humanista


 Como se declaran las variables de la memoria RAM
• Técnicamente una variable              •     echo -a El valor asignado
  no es más que un espacio                    es: %num
  de nuestra
  memoria RAM que queda
  reservado en el momento
  en que se crea la variable, e
  identificado temporalmente
  con el nombre de esta.



                       Becerra Ochoa Wilmer Fabian 1102
2012 hacia una calidad en la educación
                     democrática y humanista


Cuales son los operadores matemáticos relacionales o de comparación
• Los operadores de
  comparación son                        00   <?
  operadores en su                       0    echo ($variable == 1) ? 'Vale 1' : 'Vale mas d
  mayoría binarios que nos               00
                                         1
                                              e uno';
                                              ?>
  permiten comparar                      00
  variables devolviendo un               2
  valor booleano a 1
  (TRUE) si se cumple la
  condición que expresan y
  a 0 (FALSE) en el caso
  contrario.

                        Becerra Ochoa Wilmer Fabian 1102
2012 hacia una calidad en la educación
                     democrática y humanista

Cuales son las tablas lógicas de los siguientes operadores: AND, OR ,
                                  XOR
• AND                               OR                     • XOR




                        Becerra Ochoa Wilmer Fabian 1102
2012 hacia una calidad en la educación
      democrática y humanista




      Becerra Ochoa Wilmer Fabian 1102

Contenu connexe

Similaire à PROGRAMACIÓN WEB - INTRODUCCIÓN

Programacion web introduccion
Programacion web introduccionProgramacion web introduccion
Programacion web introduccionDeisy F
 
Lenguaje de programacion
Lenguaje de programacionLenguaje de programacion
Lenguaje de programacionJoel Boya
 
Lenguaje de ensamblador daniel romo 9 a -san felipe
Lenguaje de ensamblador daniel romo 9 a -san felipeLenguaje de ensamblador daniel romo 9 a -san felipe
Lenguaje de ensamblador daniel romo 9 a -san felipeDanielRomoDR
 
Practica 09 (6)
Practica 09 (6)Practica 09 (6)
Practica 09 (6)Danny_MC
 
Preguntas de Tecnología
Preguntas de TecnologíaPreguntas de Tecnología
Preguntas de TecnologíaAngelaMoraD
 
Conceptos Básicos de Programación
Conceptos Básicos de ProgramaciónConceptos Básicos de Programación
Conceptos Básicos de ProgramaciónMaraIsabel87
 
Lenguaje de ensamblador daniel romo 9 a -san felipe
Lenguaje de ensamblador daniel romo 9 a -san felipeLenguaje de ensamblador daniel romo 9 a -san felipe
Lenguaje de ensamblador daniel romo 9 a -san felipeDanielRomoDR
 
Unidad Iii Generalidades Sobre Algoritmos
Unidad Iii Generalidades Sobre AlgoritmosUnidad Iii Generalidades Sobre Algoritmos
Unidad Iii Generalidades Sobre Algoritmosmarthaill10
 
Programacion web introduccion diego zuluaga
Programacion web introduccion diego zuluagaProgramacion web introduccion diego zuluaga
Programacion web introduccion diego zuluagaDiego Zuluaga
 
Programacion En C Para Robots Lego
Programacion En C Para Robots LegoProgramacion En C Para Robots Lego
Programacion En C Para Robots LegoFutura Networks
 
Introduccion a la programacion
Introduccion a la programacionIntroduccion a la programacion
Introduccion a la programaciondianithacipriano
 
Programacion web introduccion 11 3
Programacion web introduccion 11 3Programacion web introduccion 11 3
Programacion web introduccion 11 3Molano-10
 
Programacion web introduccion 11 3
Programacion web introduccion 11 3Programacion web introduccion 11 3
Programacion web introduccion 11 3Molano-10
 

Similaire à PROGRAMACIÓN WEB - INTRODUCCIÓN (20)

Programacion web introduccion
Programacion web introduccionProgramacion web introduccion
Programacion web introduccion
 
Lenguaje de programacion
Lenguaje de programacionLenguaje de programacion
Lenguaje de programacion
 
Lenguaje de ensamblador daniel romo 9 a -san felipe
Lenguaje de ensamblador daniel romo 9 a -san felipeLenguaje de ensamblador daniel romo 9 a -san felipe
Lenguaje de ensamblador daniel romo 9 a -san felipe
 
Practica 09 (6)
Practica 09 (6)Practica 09 (6)
Practica 09 (6)
 
Preguntas de Tecnología
Preguntas de TecnologíaPreguntas de Tecnología
Preguntas de Tecnología
 
Conceptos Básicos de Programación
Conceptos Básicos de ProgramaciónConceptos Básicos de Programación
Conceptos Básicos de Programación
 
Preguntas (1)
Preguntas (1)Preguntas (1)
Preguntas (1)
 
Preguntas (1)
Preguntas (1)Preguntas (1)
Preguntas (1)
 
Lenguaje de ensamblador daniel romo 9 a -san felipe
Lenguaje de ensamblador daniel romo 9 a -san felipeLenguaje de ensamblador daniel romo 9 a -san felipe
Lenguaje de ensamblador daniel romo 9 a -san felipe
 
Unidad 1 interfaz
Unidad 1 interfazUnidad 1 interfaz
Unidad 1 interfaz
 
Unidad Iii Generalidades Sobre Algoritmos
Unidad Iii Generalidades Sobre AlgoritmosUnidad Iii Generalidades Sobre Algoritmos
Unidad Iii Generalidades Sobre Algoritmos
 
Programacion web introduccion diego zuluaga
Programacion web introduccion diego zuluagaProgramacion web introduccion diego zuluaga
Programacion web introduccion diego zuluaga
 
Introduccion web tecnologia
Introduccion web tecnologiaIntroduccion web tecnologia
Introduccion web tecnologia
 
ananossa
ananossaananossa
ananossa
 
Kianny
KiannyKianny
Kianny
 
Programacion En C Para Robots Lego
Programacion En C Para Robots LegoProgramacion En C Para Robots Lego
Programacion En C Para Robots Lego
 
Introduccion a la programacion
Introduccion a la programacionIntroduccion a la programacion
Introduccion a la programacion
 
Programacion web introduccion 11 3
Programacion web introduccion 11 3Programacion web introduccion 11 3
Programacion web introduccion 11 3
 
Practica 09
Practica 09Practica 09
Practica 09
 
Programacion web introduccion 11 3
Programacion web introduccion 11 3Programacion web introduccion 11 3
Programacion web introduccion 11 3
 

PROGRAMACIÓN WEB - INTRODUCCIÓN

  • 1. 2012 hacia una calidad en la educación democrática y humanista I.E.D San Juan Bautista de la Salle 1102 Becerra Ochoa Wilmer Fabian 1102
  • 2. 2012 hacia una calidad en la educación democrática y humanista Programación web - introducción Manuel Suescún Becerra Ochoa Wilmer Fabian 1102
  • 3. 2012 hacia una calidad en la educación democrática y humanista ¿Qué significa programación? • Programación es la • El código fuente de un acción y efecto de software que le indica al programar, se refiere a programa que debe idear y ordenar las hacer y como realizarlo. acciones que se realizan en un proyecto, a través de la elaboración de programas de computadora. Becerra Ochoa Wilmer Fabian 1102
  • 4. 2012 hacia una calidad en la educación democrática y humanista ¿Qué es lenguaje de alto nivel? • Permite a un • if( numero > 0 ) printf( programador escribir las "El número es positivo" instrucciones de un ). programa utilizando palabras o expresiones • traducido al castellano sintácticas similares al viene a decir que: si ingles, tales como: case, numero es mayor que if, for, while, etc. cero, entonces, escribir por pantalla el mensaje: "El número es positivo“. Becerra Ochoa Wilmer Fabian 1102
  • 5. 2012 hacia una calidad en la educación democrática y humanista ¿Qué significa lenguaje de maquina? • Es el único lenguaje que • 00000 1001110 LOAD 11110 puede ejecutar una computadora a través de • 00001 10110100 STOR 10100 un código que es • 00010 10011110 LOAD 11110 interpretado por el microprocesador, con • 00011 11010100 ADD 10100 este puede realizar acciones. • 00100 10111111 STOR 11111 • 00101 00000000 HALT Becerra Ochoa Wilmer Fabian 1102
  • 6. 2012 hacia una calidad en la educación democrática y humanista ¿Cuál es la clasificación de los lenguajes de alto nivel? • Se clasifican en: • Esta clasificación fue • FORTRAN, LISP, ALGO creada por IBM. L, COBOL, APL, SNOBO L, PROLOG, MODULA2, ALGOL68, PASCAL, SI MULA67, ADA, C++, LIS , EUCLID y BASIC. Becerra Ochoa Wilmer Fabian 1102
  • 7. 2012 hacia una calidad en la educación democrática y humanista ¿Qué significa lenguaje assembler? • Es el sistema de códigos • ; HOLA.ASM • ; Programa clasico de ejemplo. Despliega una leyenda en pantalla. • STACK SEGMENT STACK ; Segmento de pila directamente • DW 64 DUP (?) ; Define espacio en la pila • STACK ENDS • interpretable por un • • DATA SALUDO SEGMENT ; Segmento de datos DB "Hola mundo!!",13,10,"$" ; Cadena circuito micro • DATA ENDS • • CODE SEGMENT ; Segmento de Codigo programable, como el • ASSUME CS:CODE, DS:DATA, SS:STACK • • INICIO: ; Punto de entrada al microprocesador de una • • programa MOV AX,DATA MOV DS,AX ; Pone direccion en AX ; Pone la direccion en los computadora o el micro • registros mensaje MOV DX,OFFSET SALUDO ; Obtiene direccion del controlador de un • cadena MOV AH,09H INT 21H ; Funcion: Visualizar ; Servicio: Funciones alto autómata (un PLC). • nivel DOS • MOV AH,4CH ; Funcion: Terminar • INT 21H • CODE ENDS • END INICIO ; Marca fin y define INICIO Becerra Ochoa Wilmer Fabian 1102
  • 8. 2012 hacia una calidad en la educación democrática y humanista ¿A que se denomina programación orientada a objetos? • La programación • PHP 5 Orientada a objetos (POO) es una forma especial de programar, más cercana a como expresaríamos las cosas en la vida real que otros tipos de programación. Becerra Ochoa Wilmer Fabian 1102
  • 9. 2012 hacia una calidad en la educación democrática y humanista ¿Qué son los eventos? • suceso de importancia • “El concierto de los que se encuentra Rolling Stones es el programado, puede ser evento más importante de carácter del año”. social, artístico o deportivo. Becerra Ochoa Wilmer Fabian 1102
  • 10. 2012 hacia una calidad en la educación democrática y humanista ¿Cuáles son los controles del ambiente grafico WINDOWS? Becerra Ochoa Wilmer Fabian 1102
  • 11. 2012 hacia una calidad en la educación democrática y humanista ¿A que se denomina algoritmo? • Un algoritmo es un conjunto finito de pasos definidos, estructurados en el tiempo y formulados con base a un conjunto finito de reglas no ambiguas, que proveen un procedimiento para dar la solución o indicar la falta de esta a un problema en un tiempo determinado Becerra Ochoa Wilmer Fabian 1102
  • 12. 2012 hacia una calidad en la educación democrática y humanista ¿Cuáles son las etapas de un algoritmo? Pasos Etapa Descripción 1 Análisis del problema Conducen al diseño detallado por medio un código escrito en forma de un algoritmo 2 Diseño de algoritmo 3 Codificación Se implementa el algoritmo en un código escrito en un lenguaje de programación. Refleja las ideas desarrolladas en las etapas de análisis y diseño 4 Compilación y ejecución Traduce el programa fuente a programa en código de maquina y lo ejecuta. 5 Verificación Busca errores en las etapas anteriores y los elimina. 6 Depuración 7 Documentación Son comentarios, etiquetas de texto, que facilitan la comprensión del programa Becerra Ochoa Wilmer Fabian 1102
  • 13. 2012 hacia una calidad en la educación democrática y humanista ¿Cuáles son los diagramas de flujo y que símbolos usan? • Los diagramas de flujo (o flujogramas) son diagramas que emplean símbolos gráficos para • representar los pasos o etapas de un proceso. También permiten describir la secuencia de los • distintos pasos o etapas y su interacción Becerra Ochoa Wilmer Fabian 1102
  • 14. 2012 hacia una calidad en la educación democrática y humanista A diferencia de las variables que son las constantes • Una constante es una • const <tipoConstante> variable cuyo valor <nombreConstante> = puede determinar el <valor>; compilador durante la compilación y puede aplicar optimizaciones derivadas de ello Becerra Ochoa Wilmer Fabian 1102
  • 15. 2012 hacia una calidad en la educación democrática y humanista Como se declaran las variables de la memoria RAM • Técnicamente una variable • echo -a El valor asignado no es más que un espacio es: %num de nuestra memoria RAM que queda reservado en el momento en que se crea la variable, e identificado temporalmente con el nombre de esta. Becerra Ochoa Wilmer Fabian 1102
  • 16. 2012 hacia una calidad en la educación democrática y humanista Cuales son los operadores matemáticos relacionales o de comparación • Los operadores de comparación son 00 <? operadores en su 0 echo ($variable == 1) ? 'Vale 1' : 'Vale mas d mayoría binarios que nos 00 1 e uno'; ?> permiten comparar 00 variables devolviendo un 2 valor booleano a 1 (TRUE) si se cumple la condición que expresan y a 0 (FALSE) en el caso contrario. Becerra Ochoa Wilmer Fabian 1102
  • 17. 2012 hacia una calidad en la educación democrática y humanista Cuales son las tablas lógicas de los siguientes operadores: AND, OR , XOR • AND OR • XOR Becerra Ochoa Wilmer Fabian 1102
  • 18. 2012 hacia una calidad en la educación democrática y humanista Becerra Ochoa Wilmer Fabian 1102