2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.




                GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.



                Que es Programación?

                                                         EJEMPLO
Es el proceso de diseñar,
codificar, depurar y mantener el código /* Inclusión de archivos */ #include <stdio.h>
fuente de programas computacionales. /* Función principal */ int main (int argc,char
                                            **argv)




                                GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.


                 QUE ES LENGUAJE DE ALTO Nivel?



                                                        EJEMPLO
se caracteriza por expresar
los algoritmos de una manera más                 if( numero > 0 ) printf( "El
cercana a la capacidad cognitiva humana,            número es positivo" )
en lugar de a la capacidad ejecutora de
las máquinas.




                               GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.



                         Clasificación DE LOS LENGUAJES
                                   DE ALTO Nivel

                                                       EJEMPLO


                                          1,Este lenguaje de programación utiliza
1º El Lenguaje Máquina
                                          el alfabeto binario, es decir, el 0 y el 1.
                                          2. en inglés, ADD, SUB, DIV, etc.; en
2º Lenguajes de programación de bajo
                                          español, SUM,RES,DIV,etc. Una
nivel.
                                          instrucción típica de suma sería:
                                          ADD M, N, P
3º Lenguajes de programación de alto
                                          3. Ada, BASIC, COBOL, FORTRAN,
nivel.
                                          Pascal




                                  GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.


                            A QUE SE Denomina
                         Programación Orientada?


                                                      EJEMPLO



Es un paradigma de programación que       (POO) es una forma especial de
usa objetos y sus interacciones, para     programar, más cercana a como
diseñar aplicaciones y                    expresaríamos las cosas en la vida real
programas informáticos.                   que otros tipos de programación.




                                GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.



                                 QUE SON EVENTOS?


                                                            EJEMPLO



Es un paradigma de programación en el
                                           programa orientado a eventos en
que tanto la estructura como la
                                           pseudo lenguaje:
ejecución de los programas van
                                           While (true){ Switch (event){ case
determinados por los sucesos que
                                           mousse_button_down: case
ocurran en el sistema, definidos por el
                                           mouse_click: case keypressed: case
usuario o que ellos mismos provoquen.
                                           Else: } }




                                GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.



                        Ambiente Grafico DE Windows?

                                                      EJEMPLO



Su funcionamiento se basa en elementos       El desarrollo de Windows parte
gráficos como iconos, botones, barras,       de las siguientes versiones: 3,0 -
menús que resultan de gran utilidad para     3,1- 3,11 -95 -98- 2000 -milenium
hacer mas rápido y sencillo las utilidades   y XP.
de Windows




                                GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.



                        QUE ES UN Algoritmo?


                                                        EJEMPLO


Es un conjunto prescrito 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.




                             GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.


                      CUALES SON LAS ETAPAS DE
                           UN Algoritmo?

                                                         EJEMPLO

                                    1-2 Conducen al diseño detallado por medio
1.   Análisis del problema          un código escrito en forma de un algoritmo.
2.   Diseño de algoritmo            3-Se implementa el algoritmo n un código
3.   Codificación                   escrito en un lenguaje de programación.
4.   Compilación y ejecución        Refleja las ideas desarrolladas en las etapas
5.   Verificación                   de análisis y diseño.
6.   Depuración                     4-Traduce el programa fuente a programa en
                                    código de maquina y lo ejecuta.
7.   Documentación
                                    5-6-Busca errores en las etapas anteriores y
                                    los elimina.
                                    7-Son comentarios, etiquetas de texto, que
                                    facilitan la comprensión del programa




                               GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.


          CUALES SO LOS Diagramas DE FLUJO Y Q
                     Símbolos Tiene?

                                                   EJEMPLO


                             Óvalo o Elipse: Inicio y término
Formato vertical
                             Rectángulo: Actividad
                             Rombo: Decisión
Formato horizontal
                             Círculo: Conector (Representa el enlace
                             de actividades con otra dentro de un
Formato panorámico
                             procedimiento)
                             Triángulo boca abajo: (Guarda un
Formato Arquitectónico
                             documento en forma permanente).
                             Triángulo boca arriba: Archivo
                             temporal.




                          GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.


             A Diferencia DE LAS Variables QUE SON LAS
                           CONSTANTES?


                                                        EJEMPLO



una constante es un valor que no puede
ser alterado durante la ejecución de un
programa , corresponde a una longitud          #include <stdio.h> #define PI
fija de un área reservada en la memoria       3.1415926 int main() { printf("Pi
principal del ordenador, donde el                 vale %f", PI); return 0; }
programa almacena valores fijos.




                               GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.



           COMO SE DECLARAN LAS Variables EN LA
                      Memoria RAM?

                                                    EJEMPLO


Al declarar una variable estamos             #include <stdio.h> main() { int a
diciendo al ordenador que reserve una        = 10; printf( "Dirección de a =
parte de la memoria RAM para                 %p, valor de a = %in", &a, a );
almacenarla.                                 }




                            GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.


CUALES SON LOS OPERADORES Matemáticos
     Relacionales O DE Comparación?

                                         EJEMPLO



  &lt;                       Valor1 &lt; Valor2
  &lt;=                      Valor1 &lt;= Valor2
  &gt;                       Valor1 &gt; Valor2
  &gt;=                      Valor1 &gt;= Valor2
  =                          Valor1 = Valor2
  &lt;&gt;                   Valor1 &lt;&gt; Valor2




                  GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.


CUALES SON LAS TABLAS Lógicas PARA:
          AND, OR, EXOR?




AND                             OR                    EXOR
                         Entr   Entr   Sali       Entr Entr Sali
Entra Entra Salid
                         ada    ada    da         ada ada da
da    da    a
                          0      0     0          0     0       0
0       0      0
0       1      0          0      1     1          0     1       1
1       0      0          1      0     1          1     0       1
1       1      1                                  1     1       0
                          1      1     1




                    GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.




             Explique EL CONCEPTO DE Programación
                             HTML?




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




                             GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.




HTML: Es un lenguaje de marcas

                    Letra Negrita,      HEAD :iran las etiquetas de
       <B>          del inglés Bold    cabecera que le informaran al
                    (negrita).         navegador el tipo de documento, el
                    Definirá una       titulo, la descripcion las palabras
     <TABLE>                           claves, iran los script, etc
                    tabla.
                    Inclusión de
      <IMG>
                    una IMaGen.

                                <head> Contenido del Head </head>
                                (cierre)


                             GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.




TiTLE: es la que define el título de
una página web individual
                                        <h1>...</h1>,
                                        <h6>....</h6>...: Titulares. Sirven
                                        para dividir el texto en secciones. Se
                                        pueden definir seis niveles de titulares,
<h1> Titular h1 </h1> se mostrará:      siendo <h1> el de mayor tamaño y el <h6>
                                        el de menor tamaño.
Titular h1

<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Strict//EN"



                                 GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.




CENTER: centro

  Como podemos observar, el párrafo
  "Esto es un ejemplo" se encuentra en el
  margen izquierdo de la pagina, pues es la
  ubicación por default. Ahora vamos a
  centrarlo usando la etiqueta <center>.
  Primero vamos escribir el código HTML
  del parrafo,que seria como sigue:
  <p align="center">Esto es un ejemplo</p>
  Y enseguida mostramos como se vería el
  párrafo en nuestra pagina web




                 GOMEZ ORJUELA GINA PAOLA

Programacion web

  • 1.
    2012 HACIA LACALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. GOMEZ ORJUELA GINA PAOLA
  • 2.
    2012 HACIA LACALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. Que es Programación? EJEMPLO Es el proceso de diseñar, codificar, depurar y mantener el código /* Inclusión de archivos */ #include <stdio.h> fuente de programas computacionales. /* Función principal */ int main (int argc,char **argv) GOMEZ ORJUELA GINA PAOLA
  • 3.
    2012 HACIA LACALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. QUE ES LENGUAJE DE ALTO Nivel? EJEMPLO se caracteriza por expresar los algoritmos de una manera más if( numero > 0 ) printf( "El cercana a la capacidad cognitiva humana, número es positivo" ) en lugar de a la capacidad ejecutora de las máquinas. GOMEZ ORJUELA GINA PAOLA
  • 4.
    2012 HACIA LACALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. Clasificación DE LOS LENGUAJES DE ALTO Nivel EJEMPLO 1,Este lenguaje de programación utiliza 1º El Lenguaje Máquina el alfabeto binario, es decir, el 0 y el 1. 2. en inglés, ADD, SUB, DIV, etc.; en 2º Lenguajes de programación de bajo español, SUM,RES,DIV,etc. Una nivel. instrucción típica de suma sería: ADD M, N, P 3º Lenguajes de programación de alto 3. Ada, BASIC, COBOL, FORTRAN, nivel. Pascal GOMEZ ORJUELA GINA PAOLA
  • 5.
    2012 HACIA LACALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. A QUE SE Denomina Programación Orientada? EJEMPLO Es un paradigma de programación que (POO) es una forma especial de usa objetos y sus interacciones, para programar, más cercana a como diseñar aplicaciones y expresaríamos las cosas en la vida real programas informáticos. que otros tipos de programación. GOMEZ ORJUELA GINA PAOLA
  • 6.
    2012 HACIA LACALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. QUE SON EVENTOS? EJEMPLO Es un paradigma de programación en el programa orientado a eventos en que tanto la estructura como la pseudo lenguaje: ejecución de los programas van While (true){ Switch (event){ case determinados por los sucesos que mousse_button_down: case ocurran en el sistema, definidos por el mouse_click: case keypressed: case usuario o que ellos mismos provoquen. Else: } } GOMEZ ORJUELA GINA PAOLA
  • 7.
    2012 HACIA LACALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. Ambiente Grafico DE Windows? EJEMPLO Su funcionamiento se basa en elementos El desarrollo de Windows parte gráficos como iconos, botones, barras, de las siguientes versiones: 3,0 - menús que resultan de gran utilidad para 3,1- 3,11 -95 -98- 2000 -milenium hacer mas rápido y sencillo las utilidades y XP. de Windows GOMEZ ORJUELA GINA PAOLA
  • 8.
    2012 HACIA LACALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. QUE ES UN Algoritmo? EJEMPLO Es un conjunto prescrito 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. GOMEZ ORJUELA GINA PAOLA
  • 9.
    2012 HACIA LACALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. CUALES SON LAS ETAPAS DE UN Algoritmo? EJEMPLO 1-2 Conducen al diseño detallado por medio 1. Análisis del problema un código escrito en forma de un algoritmo. 2. Diseño de algoritmo 3-Se implementa el algoritmo n un código 3. Codificación escrito en un lenguaje de programación. 4. Compilación y ejecución Refleja las ideas desarrolladas en las etapas 5. Verificación de análisis y diseño. 6. Depuración 4-Traduce el programa fuente a programa en código de maquina y lo ejecuta. 7. Documentación 5-6-Busca errores en las etapas anteriores y los elimina. 7-Son comentarios, etiquetas de texto, que facilitan la comprensión del programa GOMEZ ORJUELA GINA PAOLA
  • 10.
    2012 HACIA LACALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. CUALES SO LOS Diagramas DE FLUJO Y Q Símbolos Tiene? EJEMPLO Óvalo o Elipse: Inicio y término Formato vertical Rectángulo: Actividad Rombo: Decisión Formato horizontal Círculo: Conector (Representa el enlace de actividades con otra dentro de un Formato panorámico procedimiento) Triángulo boca abajo: (Guarda un Formato Arquitectónico documento en forma permanente). Triángulo boca arriba: Archivo temporal. GOMEZ ORJUELA GINA PAOLA
  • 11.
    2012 HACIA LACALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. A Diferencia DE LAS Variables QUE SON LAS CONSTANTES? EJEMPLO una constante es un valor que no puede ser alterado durante la ejecución de un programa , corresponde a una longitud #include <stdio.h> #define PI fija de un área reservada en la memoria 3.1415926 int main() { printf("Pi principal del ordenador, donde el vale %f", PI); return 0; } programa almacena valores fijos. GOMEZ ORJUELA GINA PAOLA
  • 12.
    2012 HACIA LACALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. COMO SE DECLARAN LAS Variables EN LA Memoria RAM? EJEMPLO Al declarar una variable estamos #include <stdio.h> main() { int a diciendo al ordenador que reserve una = 10; printf( "Dirección de a = parte de la memoria RAM para %p, valor de a = %in", &a, a ); almacenarla. } GOMEZ ORJUELA GINA PAOLA
  • 13.
    2012 HACIA LACALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. CUALES SON LOS OPERADORES Matemáticos Relacionales O DE Comparación? EJEMPLO &lt; Valor1 &lt; Valor2 &lt;= Valor1 &lt;= Valor2 &gt; Valor1 &gt; Valor2 &gt;= Valor1 &gt;= Valor2 = Valor1 = Valor2 &lt;&gt; Valor1 &lt;&gt; Valor2 GOMEZ ORJUELA GINA PAOLA
  • 14.
    2012 HACIA LACALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. CUALES SON LAS TABLAS Lógicas PARA: AND, OR, EXOR? AND OR EXOR Entr Entr Sali Entr Entr Sali Entra Entra Salid ada ada da ada ada da da da a 0 0 0 0 0 0 0 0 0 0 1 0 0 1 1 0 1 1 1 0 0 1 0 1 1 0 1 1 1 1 1 1 0 1 1 1 GOMEZ ORJUELA GINA PAOLA
  • 15.
    2012 HACIA LACALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. Explique EL CONCEPTO DE Programación HTML? 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 GOMEZ ORJUELA GINA PAOLA
  • 16.
    2012 HACIA LACALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. HTML: Es un lenguaje de marcas Letra Negrita, HEAD :iran las etiquetas de <B> del inglés Bold cabecera que le informaran al (negrita). navegador el tipo de documento, el Definirá una titulo, la descripcion las palabras <TABLE> claves, iran los script, etc tabla. Inclusión de <IMG> una IMaGen. <head> Contenido del Head </head> (cierre) GOMEZ ORJUELA GINA PAOLA
  • 17.
    2012 HACIA LACALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. TiTLE: es la que define el título de una página web individual <h1>...</h1>, <h6>....</h6>...: Titulares. Sirven para dividir el texto en secciones. Se pueden definir seis niveles de titulares, <h1> Titular h1 </h1> se mostrará: siendo <h1> el de mayor tamaño y el <h6> el de menor tamaño. Titular h1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" GOMEZ ORJUELA GINA PAOLA
  • 18.
    2012 HACIA LACALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. CENTER: centro Como podemos observar, el párrafo "Esto es un ejemplo" se encuentra en el margen izquierdo de la pagina, pues es la ubicación por default. Ahora vamos a centrarlo usando la etiqueta <center>. Primero vamos escribir el código HTML del parrafo,que seria como sigue: <p align="center">Esto es un ejemplo</p> Y enseguida mostramos como se vería el párrafo en nuestra pagina web GOMEZ ORJUELA GINA PAOLA