1. Presentado Por : Tatiana ximena Penagos Gonzalez
Presentado A : Manuel Suescun
Grado :1103
Fecha :05-04-2012
Nivel de programación web introducción
Practica 09
PENAGOS GONZALEZ
TATIANA XIMENA1103

2. 2012: Hacia La Calidad Educativa , Democrática Y
Humanística .
¿QUE SIGNIFICA PROGRAMACIÓN?
Ejemplo
La programación es el proceso de CONTROL DE ACCESO
diseñar, codificar, depurar y mantener #include <stdio.h>
el código fuente de programas void acceso(unsigned char edad)
computacionales. {
if (edad < 18)
printf("No puedes acceder.n");
Programar no involucra necesariamente else
printf("Bienvenido.n");
otras tareas tales como el análisis y return;
diseño de la aplicación (pero sí el diseño }
del código), aunque sí suelen estar int main(void)
fusionadas en el desarrollo de pequeñas {
acceso(18);
aplicaciones. acceso(17);
return(0);
PENAGOS GONZALEZ
TATIANA XIMENA1103

3. 2012: Hacia La Calidad Educativa , Democrática Y
Humanística .
¿QUÉ ES UN LENGUAJE DE ALTO NIVEL?
Ejemplo
Permite al programador escribir las
en C se pueden usar palabras tales
instrucciones de un programa utilizando
como: case, if, for, while, etc. para
palabras o expresiones sintácticas muy
construir con ellas instrucciones como:
similares al inglés.
Pueden utilizar palabras de muy fácil
if( numero > 0 ) printf( "El número es
comprensión para el programador.
positivo" )
PENAGOS GONZALEZ
TATIANA XIMENA1103

4. 2012: Hacia La Calidad Educativa , Democrática Y
Humanística .
¿QUÉ SIGNIFICA LENGUAJE DE MAQUINA ?
Ejemplo
El lenguaje máquina es el único que
entiende directamente la computadora,
utiliza el alfabeto binario que consta de los 0000 0001 1010 0001 01 A1
dos únicos símbolos 0 y 1, denominados
bits (abreviatura inglesa de dígitos 1000 1001 1001 1010 89 9A
binarios). Fue el primer lenguaje utilizado
0011 1010 1001 1100 3A 9C
en la programación de computadoras, pero
dejó de utilizarse por su dificultad y 0111 0100 0111 0000 74 70
complicación, siendo sustituido por otros
lenguajes más fáciles de aprender y utilizar, 1110 1001 0010 0000 E9 20
que además reducen la posibilidad de
cometer errores.
PENAGOS GONZALEZ
TATIANA XIMENA1103

5. 2012: Hacia La Calidad Educativa , Democrática Y
Humanística .
COMO SE CLASIFICAN LOS LENGUAJES DE ALTO NIVEL
•Lenguajes de programación imperativos: entre ellos tenemos el
Cobol, Pascal, C y
Ada. Ejemplo
•Lenguajes de programación declarativos: el Lisp y el Prolog.
•Lenguajes de programación orientados a objetos: el Smalltalk y el
C++.
•Lenguajes de programación orientados al problema: son aquellos C++, Fortran, Cobol, Lisp.
lenguajes específicos para gestión.
•Lenguajes de programación naturales: son los nuevos lenguajes
que pretender aproximar el diseño y la construcción de programas al
lenguaje de las personas.
•Otra clasificación de los lenguajes de programación de alto nivel, es
Visual Basic para aplicaciones.
teniendo en cuenta el desarrollo de las computadoras según sus
diferentes generaciones:
•Lenguajes de programación de primera generación: el lenguaje
máquina y el ensamblador.
•Lenguajes de programación de segunda generación : los primeros
lenguajes de programación de alto nivel imperativo
(FROTRAN, COBOL).
•Lenguajes de programación de tercera generación: son lenguajes
de programación de alto nivel imperativo pero mucho más utilizados
y vigentes en la actualidad (ALGOL 8, PL/I, PASCAL, MODULA).
•Lenguajes de programación de cuarta generación: usados en
aplicaciones de gestión y manejo de bases de dados
(NATURAL, SQL).
•Lenguajes de programación de quinta generación: creados para la
inteligencia artificial y para el procesamiento de lenguajes naturales
(LISP, PROLOG).
PENAGOS GONZALEZ
TATIANA XIMENA1103

6. 2012: Hacia La Calidad Educativa , Democrática Y
Humanística .
¿QUÉSIGNIFICA LENGUAJE ASSEMBLER ?
es un lenguaje de programación de bajo nivel Ejemplo
para los
computadores, microprocesadores, micro
La sentencia
controladores, y otros circuitos •MOV AL, 061h
integrados programables. Implementa una Asigna el valor hexadecimal 61 (97 decimal) al registro "AL".
El programa ensamblador lee la sentencia de arriba y produce su
representación simbólica de los códigos de equivalente binario en lenguaje de máquina
máquina binarios y otras constantes •Binario: 10110000 01100001 (hexadecimal: B061)
necesarias para programar
una arquitectura dada de CPU y constituye la
representación más directa del código
máquina específico para cada arquitectura
legible por un programador.
PENAGOS GONZALEZ
TATIANA XIMENA1103

7. 2012: Hacia La Calidad Educativa , Democrática Y
Humanística .
¿QUÉ SIGNIFICA PROGRAMACION ORIENTADA A OBJETOS ?
Ejemplo
Es un paradigma de programación que
usa objetos y sus interacciones, para cada ventana que abres en tu
diseñar aplicaciones y Computadora es un Objeto tiene
programas informáticos. propiedades que son el color de
la ventana, su tamaño, imagenes,
Está basado en varias técnicas, etc. Y tiene Sus métodos. Cerrar,
incluyendo herencia, abstracción, poli Abrir. Maximizar
morfismo y encapsulamiento.
VARGAS AYALA ANDREA
NATHALY 1103

8. 2012: Hacia La Calidad Educativa , Democrática Y
Humanística .
¿QUÉ SON LOS EVENTOS ?
Ejemplo
if (objeto Select.options[i].selected)
seleccionadas++;
Es un paradigma de programación en el }
return seleccionadas;
que tanto la estructura como la }
ejecución de los programas van </script>
El resto de código HTML es el siguiente:
determinados por los sucesos que <BODY BGCOLOR="#FFFFFF">
ocurran en el sistema, definidos por el <form name="formulario">
Seleccione los temas que son de su interés
usuario o que ellos mismos provoquen. y pulse después el botón
<select name="temas" múltiple>
<option selected>Informática
Los eventos soportados estarán <option>Naturaleza
determinados por el lenguaje de <option>Música
<option>Deportes
programación utilizado, por el sistema <option>Economía
operativo e incluso por eventos creados <option>Coleccionismo
</select>
por el mismo programador. <input type="button" value="¿Cuántos hay selecionados?"
onclick="alert('Número de opciones selecionadas: ' +
contar(document . formulario.temas))">
VARGAS AYALA ANDREA
</form>
NATHALY 1103

9. 2012: Hacia La Calidad Educativa ,,Democrática Y
2012: Hacia La Calidad Educativa Democrática Y
Humanística ..
Humanística
¿Cuáles y que significado tiene los Control del ambiente grafico?
Ejemplo
Los botones de opción o radio son
una buena alternativa de select para
nuestro formulario ya que nos
permiten la selección de una opción
Entre las de la lista
Casilla de verificación o CHECHBOX
son casilla de marcado que permiten
al usuario la aceptación o por lo
contrario la navegación de una
afirmación expuesta al formulario
PENAGOS GONZALEZ
TATIANA XIMENA1103

10. 2012: Hacia La Calidad Educativa , Democrática Y
Humanística .
¿QUÉ SIGNIFICADO TIENE 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.
Dados un estado inicial y una entrada,
siguiendo los pasos sucesivos se llega a
un estado final y se obtiene una solución.
Los algoritmos son el objeto de estudio
de la algoritmia.
PENAGOS GONZALEZ
TATIANA XIMENA1103

11. 2012: Hacia La Calidad Educativa , Democrática Y
Humanística .
¿ ETAPAS DE UN ALGORITMO ?
Ejemplo
1.Análisis del problema
2.Diseño de algoritmo
3.Codificación
4.Compilación y ejecución
5.Verificación
6.Depuración
7.Documentación
PENAGOS GONZALEZ
TATIANA XIMENA1103

12. 2012: Hacia La Calidad Educativa , Democrática Y
Humanística .
¿ QUE SIGNIFICA DIAGRAMA DE FUJO Y CUALES SON SUS SIMBOLOS?
Ejemplo
DIAGRAMA DE FLUJO
Es la representación gráfica del algoritmo DIAGRAMA DE FLUJO
o proceso. Se utiliza en disciplinas como
la programación, la economía, los
procesos industriales y la psicología
cognitiva.
SIMBOLOS
SIMBOLOS
PENAGOS GONZALEZ
TATIANA XIMENA1103

13. 2012: Hacia La Calidad Educativa , Democrática Y
Humanística .
¿ SIGNIFICADO DE CADA UNO DE LOS SIMBOLOS?
Este se utiliza para representar el
inicio o el fin de un algoritmo. También Ejemplo
puede representar una parada o una
interrupción programada que sea
necesaria realizar en un programa.
Este se utiliza para un proceso
determinado, es el que se utiliza
comúnmente para representar una
instrucción.
Este símbolo es utilizado para
representar una entrada o salida de
información, que sea procesada o
registrada por medio de un
periférico.
Este es utilizado para la toma de
decisiones,
ramificaciones, para la indicación de
operaciones lógicas o
de comparación entre datos.
Este es utilizado para enlazar dos partes
cualesquiera de un diagrama a través de un
conector de salida y un conector de entrada.
Esta forma un enlace en la misma página del
diagrama.
Este es utilizado para enlazarPENAGOS GONZALEZ
dos partes de
un diagrama pero que no se encuentren en
la misma pagina. TATIANA XIMENA1103

14. 2012: Hacia La Calidad Educativa , Democrática Y
Humanística .
¿QUE SON LAS VARIABLES Y COMO SE DECLARAN EN LA MEMORIA RAM ?
Ejemplo
En programación, las variables son
estructuras de datos que, como su nombre
indica, pueden cambiar de contenido a lo
largo de la ejecución de un programa.
Las Variables Estáticas son guardadas en la
memoria de usuario (RAM) y son
independientes del programa que las
llama. 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.
VARGAS AYALA ANDREA
NATHALY 1103

15. 2012: Hacia La Calidad Educativa , Democrática Y
Humanística .
¿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
#include <stdio.h>
programa.
#define PI 3.1415926
Una constante corresponde a una
longitud fija de un área reservada en la
int main()
memoria principal del ordenador, donde
{
el programa almacena valores fijos.
printf("Pi vale %f", PI);
return 0;
}
VARGAS AYALA ANDREA
NATHALY 1103

16. 2012: Hacia La Calidad Educativa , Democrática Y
Humanística .
¿CUALES SON LOS OPERADORES ARITMETICOS YJERARQUIARLOS
DENTRO DE UNA OPERACIÓN MATEMATICA?
• Multiplicación Ejemplo
• Suma
• Resta Se tiene la siguiente expresión polinómica de
• División segundo grado y=2*5*5+3*5+7, se desea evaluarla
• Resta de una división entera y encontrar el resultado.
• Incremento
• Decremento Solución:
• Menos unitario
Paso 1. y = 2 * 5 * 5 + 3 * 5 + 7;
JERARQUIZACION 2 * 5 = 10 (Multiplicación más a la izquierda
primero)
Paso 2. y = 10 * 5 + 3 * 5 + 7;
10 * 5 = 50 (Multiplicación más a la izquierda)
Paso 3. y = 50 + 3 * 5 + 7;
3 * 5 = 15 (Multiplicación antes de la suma)
Paso 4. y = 50 + 15 + 7;
50 + 15 = 65 (Suma más a la izquierda)
Paso 5. y = 65 + 7;
65 + 7 = 72 (Última operación)
PENAGOS GONZALEZ
TATIANA XIMENA1103

17. 2012: Hacia La Calidad Educativa , Democrática Y
Humanística .
¿CUALES Y QUE SIGNIFICADO TIENENLOS OPERADORES DE RELACION?
Ejemplo
 Menor que, <. a<b
 Menor o igual que, <=. a<=5
 Mayor que, >. a>b
 Mayor o igual que, >=. a>=b
 Igual que, =. a==b
 Distinto que, /=. a!=b
PENAGOS GONZALEZ
TATIANA XIMENA1103

18. 2012: Hacia La Calidad Educativa , Democrática Y
Humanística .
¿ QUE SIGNIFICAN Y CUAL ES LA TABLA DE DESCOMPOSICION PARA
LOS SIGUIENTES OPERADOS LOGICOS AND OR XOR?
Ejemplo
AND (el resultado es verdadero si ambas operador && (AND lógico).
expresiones son verdaderas) a1=true && true // t && t devuelve true
|| OR (el resultado es verdadero si a2=true && false // t && f devuelve false
alguna expresión es verdadera) a3=false && true // f && t devuelve false
a4=false && (3 == 4) // f && f devuelve false
! NOT (el resultado invierte la condición a5="Gato" && "Perro" // t && t devuelve Perro
de la expresión) a6=false && "Gato" // f && t devuelve false
AND y OR trabajan con dos operando y a7="Gato" && false // t && f devuelve false
retornan un valor lógico basadas en las operador || (OR lógico). OPERADOR > XOR
Dim a As Integer = 10
denominadas tablas de verdad. El o1=true || true // t || t devuelve true
Dim b As Integer = 8
o2=false || true // f || t devuelve true
operador NOT actúa sobre un operando. Dim c As Integer = 6
o3=true || false // t || f devuelve true
Dim
o4=false || (3 == 4) // f || f devuelve false
XOR binario a ^ b . Asignación con XOR o5="Gato" || "Perro" // t || t devuelve Gato firstCheck, secondCheck, thirdC
o6=false || "Gato" // f || t devuelve Gato eck As Boolean
binario a ^= b o7="Gato" || false // t || f devuelve Gato firstCheck = a > b Xor b > c
secondCheck = b > a Xor b > c
thirdCheck = b > a Xor c > b
PENAGOS GONZALEZ
TATIANA XIMENA1103

19. 2012: Hacia La Calidad Educativa , Democrática Y
Humanística .
¿ QUE SIGNIFICA LA PROGRAMCION HTML?
Ejemplo
Es el lenguaje de marcado <HTML>
predominante para la <HEAD>
elaboración de páginas web. Es <TITLE>Un Titulo para el Browser de turno </TITLE>
</HEAD>
usado para describir la estructura
<BODY>
y el contenido en forma de <!-- Aquí va todo lo chachi -->
texto, así como para <H1>Otro t&iacute;tulo, esta vez m&aacute;s largo.
</H1>
complementar el texto con <P> <IMG SRC= "./felix.gif "ALIGN= "MIDDLE " ALT= "EL Gato Felix ">Hoola.
objetos tales como imágenes. <P>Esto es un párrafo con información
súper importante. Nótese que las líneas salen
pegadas aun dejando
espacios, saltos de linea, etc. <BR> &#161 Si pongo
esto
si <STRONG>cambia </STRONG> de linea!
PENAGOS GONZALEZ
TATIANA XIMENA1103

20. 2012: Hacia La Calidad Educativa , Democrática Y
Humanística .
¿ SIGNIFICADO Y USO DE LAS SIGUIENTES ETIQUETAS ?
<HTML>:es el lenguaje de marcas de
texto utilizado normalmente en la www.
Ejemplo
<HEAD>: define la cabecera del
documento HTML; esta cabecera suele
contener información sobre el documento
que no se muestra directamente al
usuario.
<TITLE>: define el título de la página. Por lo
general, el título aparece en la barra de título
encima de la ventana..
<BODY>: define el contenido principal o
cuerpo del documento. Esta es la parte
del documento HTML que se muestra en
el navegador
<H1> A <H6>: encabezados o títulos del
documento con diferente relevancia.
PENAGOS GONZALEZ
TATIANA XIMENA1103

21. 2012: Hacia La Calidad Educativa , Democrática Y
Humanística .
¿ SIGNIFICADO Y USO DE LAS SIGUIENTES ETIQUETAS?
<CENTER> está obsoleta en Ejemplo
HTML 4.01. La etiqueta
<center> se utiliza para centrar
alinear el texto.
<ALIGN="VALOR> alineación del contenido
de cada celda de la fila
PENAGOS GONZALEZ
TATIANA XIMENA1103