Programacion web introduccion practica o9 ximena
Post on 19-Jul-2015
78 Views
Preview:
Transcript
Presentado Por : Tatiana ximena Penagos Gonzalez
Presentado A : Manuel Suescun
Grado :1103
Fecha :05-04-2012
Nivel de programación web introducciónPractica 09
PENAGOS GONZALEZ TATIANA XIMENA1103
2012: Hacia La Calidad Educativa , Democrática Y Humanística .
¿QUE SIGNIFICA PROGRAMACIÓN?
La programación es el proceso dediseñar, codificar, depurar y mantenerel código fuente de programascomputacionales.
Programar no involucra necesariamenteotras tareas tales como el análisis ydiseño de la aplicación (pero sí el diseñodel código), aunque sí suelen estarfusionadas en el desarrollo de pequeñasaplicaciones.
CONTROL DE ACCESO
Ejemplo
#include <stdio.h>
void acceso(unsigned char edad){if (edad < 18)printf("No puedes acceder.\n");elseprintf("Bienvenido.\n");return;}
int main(void){acceso(18);acceso(17);return(0);
PENAGOS GONZALEZ TATIANA XIMENA1103
2012: Hacia La Calidad Educativa , Democrática Y Humanística .
¿QUÉ ES UN LENGUAJE DE ALTO NIVEL?
Permite al programador escribir lasinstrucciones de un programa utilizandopalabras o expresiones sintácticas muysimilares al inglés.Pueden utilizar palabras de muy fácilcomprensión para el programador.
Ejemplo
en C se pueden usar palabras tales como: case, if, for, while, etc. para construir con ellas instrucciones como:
if( numero > 0 ) printf( "El número es positivo" )
PENAGOS GONZALEZ TATIANA XIMENA1103
2012: Hacia La Calidad Educativa , Democrática Y Humanística .
¿QUÉ SIGNIFICA LENGUAJE DE MAQUINA ?
El lenguaje máquina es el único queentiende directamente la computadora,utiliza el alfabeto binario que consta de losdos únicos símbolos 0 y 1, denominadosbits (abreviatura inglesa de dígitosbinarios). Fue el primer lenguaje utilizadoen la programación de computadoras, perodejó de utilizarse por su dificultad ycomplicación, siendo sustituido por otroslenguajes más fáciles de aprender y utilizar,que además reducen la posibilidad decometer errores.
Ejemplo
0000 0001 1010 0001 01 A1
1000 1001 1001 1010 89 9A
0011 1010 1001 1100 3A 9C
0111 0100 0111 0000 74 70
1110 1001 0010 0000 E9 20
PENAGOS GONZALEZ TATIANA XIMENA1103
2012: Hacia La Calidad Educativa , Democrática Y Humanística .
COMO SE CLASIFICAN LOS LENGUAJES DE ALTO NIVEL
Ejemplo •Lenguajes de programación imperativos: entre ellos tenemos el
Cobol, Pascal, C y
Ada.
•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
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
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).
C++, Fortran, Cobol, Lisp.
Visual Basic para aplicaciones.
PENAGOS GONZALEZ TATIANA XIMENA1103
2012: Hacia La Calidad Educativa , Democrática Y Humanística .
¿QUÉSIGNIFICA LENGUAJE ASSEMBLER ?
Ejemplo es un lenguaje de programación de bajo nivel
para los
computadores, microprocesadores, micro
controladores, y otros circuitos
integrados programables. Implementa una
representación simbólica de los códigos de
máquina binarios y otras constantes
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.
La sentencia
•MOV AL, 061h
Asigna el valor hexadecimal 61 (97 decimal) al registro "AL".
El programa ensamblador lee la sentencia de arriba y produce su
equivalente binario en lenguaje de máquina
•Binario: 10110000 01100001 (hexadecimal: B061)
PENAGOS GONZALEZ TATIANA XIMENA1103
2012: Hacia La Calidad Educativa , Democrática Y Humanística .
¿QUÉ SIGNIFICA PROGRAMACION ORIENTADA A OBJETOS ?
Ejemplo
Es un paradigma de programación queusa objetos y sus interacciones, paradiseñar aplicaciones yprogramas informáticos.
Está basado en varias técnicas,incluyendo herencia, abstracción, polimorfismo y encapsulamiento.
cada ventana que abres en tuComputadora es un Objeto tienepropiedades que son el color dela ventana, su tamaño, imagenes,etc. Y tiene Sus métodos. Cerrar,Abrir. Maximizar
VARGAS AYALA ANDREA NATHALY 1103
2012: Hacia La Calidad Educativa , Democrática Y Humanística .
¿QUÉ SON LOS EVENTOS ?
Ejemplo
Es un paradigma de programación en elque tanto la estructura como laejecución de los programas vandeterminados por los sucesos queocurran en el sistema, definidos por elusuario o que ellos mismos provoquen.
Los eventos soportados estarándeterminados por el lenguaje deprogramación utilizado, por el sistemaoperativo e incluso por eventos creadospor el mismo programador.
if (objeto Select.options[i].selected)
seleccionadas++;
}
return seleccionadas;
}
</script>
El resto de código HTML es el siguiente:
<BODY BGCOLOR="#FFFFFF">
<form name="formulario">
Seleccione los temas que son de su interés
y pulse después el botón
<select name="temas" múltiple>
<option selected>Informática
<option>Naturaleza
<option>Música
<option>Deportes
<option>Economía
<option>Coleccionismo
</select>
<input type="button" value="¿Cuántos hay selecionados?"
onclick="alert('Número de opciones selecionadas: ' +
contar(document . formulario.temas))">
</form>VARGAS AYALA ANDREA NATHALY 1103
2012: Hacia La Calidad Educativa , Democrática Y 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
2012: Hacia La Calidad Educativa , Democrática Y Humanística .
PENAGOS GONZALEZ TATIANA XIMENA1103
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
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
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 o proceso. Se utiliza en disciplinas como la programación, la economía, los procesos industriales y la psicología cognitiva.
DIAGRAMA DE FLUJO
SIMBOLOS
SIMBOLOS
PENAGOS GONZALEZ TATIANA XIMENA1103
2012: Hacia La Calidad Educativa , Democrática Y Humanística .
¿ SIGNIFICADO DE CADA UNO DE LOS SIMBOLOS?
Ejemplo Este se utiliza para representar el
inicio o el fin de un algoritmo. También
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 enlazar dos partes de un diagrama pero que no se encuentren en la misma pagina.
PENAGOS GONZALEZ TATIANA XIMENA1103
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
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 programa.Una constante corresponde a una longitud fija de un área reservada en la memoria principal del ordenador, donde el programa almacena valores fijos.
#include <stdio.h>#define PI 3.1415926
int main(){
printf("Pi vale %f", PI);return 0;
}
VARGAS AYALA ANDREA NATHALY 1103
2012: Hacia La Calidad Educativa , Democrática Y Humanística .
¿CUALES SON LOS OPERADORES ARITMETICOS YJERARQUIARLOS
DENTRO DE UNA OPERACIÓN MATEMATICA?
Ejemplo • Multiplicación• Suma• Resta• División • Resta de una división entera• Incremento • Decremento • Menos unitario
JERARQUIZACION
Se tiene la siguiente expresión polinómica de segundo grado y=2*5*5+3*5+7, se desea evaluarla y encontrar el resultado.
Solución:
Paso 1. y = 2 * 5 * 5 + 3 * 5 + 7;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
2012: Hacia La Calidad Educativa , Democrática Y Humanística .
¿CUALES Y QUE SIGNIFICADO TIENENLOS OPERADORES DE RELACION?
Ejemplo
Menor que, <. Menor o igual que, <=. Mayor que, >. Mayor o igual que, >=. Igual que, =. Distinto que, /=.
a<b
a<=5
a>b
a>=b
a==b
a!=b
PENAGOS GONZALEZ TATIANA XIMENA1103
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 expresiones son verdaderas)|| OR (el resultado es verdadero si alguna expresión es verdadera)! NOT (el resultado invierte la condición de la expresión)AND y OR trabajan con dos operando y retornan un valor lógico basadas en las denominadas tablas de verdad. El operador NOT actúa sobre un operando.XOR binario a ^ b . Asignación con XOR binario a ^= b
a1=true && true // t && t devuelve true
a2=true && false // t && f devuelve false
a3=false && true // f && t devuelve false
a4=false && (3 == 4) // f && f devuelve false
a5="Gato" && "Perro" // t && t devuelve Perro
a6=false && "Gato" // f && t devuelve false
a7="Gato" && false // t && f devuelve false
operador && (AND lógico).
operador || (OR lógico). o1=true || true // t || t devuelve true
o2=false || true // f || t devuelve true
o3=true || false // t || f devuelve true
o4=false || (3 == 4) // f || f devuelve false
o5="Gato" || "Perro" // t || t devuelve Gato
o6=false || "Gato" // f || t devuelve Gato
o7="Gato" || false // t || f devuelve Gato
Dim a As Integer = 10
Dim b As Integer = 8
Dim c As Integer = 6
Dim
firstCheck, secondCheck, thirdCh
eck As Boolean
firstCheck = a > b Xor b > c
secondCheck = b > a Xor b > c
thirdCheck = b > a Xor c > b
OPERADOR > XOR
PENAGOS GONZALEZ TATIANA XIMENA1103
2012: Hacia La Calidad Educativa , Democrática Y Humanística .
¿ QUE SIGNIFICA LA PROGRAMCION HTML?
Ejemplo
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.
<HTML><HEAD><TITLE>Un Titulo para el Browser de turno </TITLE></HEAD><BODY><!-- Aquí va todo lo chachi --> <H1>Otro título, esta vez más largo.
</H1>
<P> <IMG SRC= "./felix.gif "ALIGN= "MIDDLE " ALT= "EL Gato Felix ">Hoola.
<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> ¡ Si pongo
esto
si <STRONG>cambia </STRONG> de linea!
PENAGOS GONZALEZ TATIANA XIMENA1103
2012: Hacia La Calidad Educativa , Democrática Y Humanística .
¿ SIGNIFICADO Y USO DE LAS SIGUIENTES ETIQUETAS ?
Ejemplo <HTML>:es el lenguaje de marcas de
texto utilizado normalmente en la www. <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 deldocumento con diferente relevancia.
PENAGOS GONZALEZ TATIANA XIMENA1103
2012: Hacia La Calidad Educativa , Democrática Y Humanística .
¿ SIGNIFICADO Y USO DE LAS SIGUIENTES ETIQUETAS?
Ejemplo <CENTER> está obsoleta en 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
top related