Programacion web introduccion practica o9 ximena

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

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

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

Humanística .

¿QUÉ SIGNIFICA LENGUAJE DE MAQUINA ?

Ejemplo
El lenguaje máquina es el único que
entiende directamente la
computadora, utiliza el alfabeto binario 0000 0001 1010 0001 01 A1
que consta de los dos únicos símbolos 0 y
1, denominados bits (abreviatura inglesa 1000 1001 1001 1010 89 9A
de dígitos binarios). Fue el primer lenguaje
0011 1010 1001 1100 3A 9C
utilizado en la programación de
computadoras, pero dejó de utilizarse por 0111 0100 0111 0000 74 70
su dificultad y complicación, siendo
sustituido por otros lenguajes más fáciles 1110 1001 0010 0000 E9 20
de aprender y utilizar, que además reducen
la posibilidad de cometer errores.

PENAGOS GONZALEZ
TATIANA XIMENA1103

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

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

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 etc. Y tiene Sus métodos. Cerrar,
técnicas, incluyendo herencia, abstrac Abrir. Maximizar
ción, polimorfismo y encapsulamiento.

VARGAS AYALA ANDREA
NATHALY 1103

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

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

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

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

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

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

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

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

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

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

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
denominadas tablas de verdad. El o1=true || true // t || t devuelve true Dim a As Integer = 10
o2=false || true // f || t devuelve true Dim b As Integer = 8
operador NOT actúa sobre un operando. o3=true || false // t || f devuelve true Dim c As Integer = 6
o4=false || (3 == 4) // f || f devuelve false Dim firstCheck, secondCheck,
XOR binario a ^ b . Asignación con XOR o5="Gato" || "Perro" // t || t devuelve Gato thirdCheck As Boolean
o6=false || "Gato" // f || t devuelve Gato firstCheck = a > b Xor b > c
binario a ^= b o7="Gato" || false // t || f devuelve Gato secondCheck = b > a Xor b > c
thirdCheck = b > a Xor c > b

PENAGOS GONZALEZ
TATIANA XIMENA1103

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 texto, 
así como para complementar el <H1>Otro título, esta vez más largo.
</H1>
texto con objetos tales como <P> <IMG SRC= "./felix.gif "ALIGN= "MIDDLE " ALT= "EL Gato Felix ">Hoola.
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

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

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

Programacion web introduccion practica o9 ximena

Más contenido relacionado

La actualidad más candente (20)

Destacado (20)

Similar a Programacion web introduccion practica o9 ximena (20)

Programacion web introduccion practica o9 ximena