2. Programación web
introducción
Que significa el termino
programación Ejemplo
En La actualidad, los
en informática, un método de lenguajes de programación
programación en el que un orientada a objetos más
programa se contempla como un
conjunto de objetos limitados que, a utilizados son el lenguaje
su vez, son colecciones C++, JAVA, Smalltalk, Pascal
independientes de estructuras de orientado a objetos (Object
datos y rutinas que interactúan con Pascal) y otros, bien
otros objetos
derivados, bien precursores
de éstos.
Nombre :Carlos Santiago Orduy
3. hacía una calidad de la educación
humana y cristiana
¿Que es lenguaje de alto
Ejemplo
nivel ?
Algunos ejemplos de lenguajes
en informática, un lenguaje de de alto nivel son LISP, Pascal,
programación que consta de instrucciones BASIC, FORTRAN, COBOL,
independientes de la máquina; ha de ser JAVA, C y C++.
compilado o interpretado para traducir su
código en otro de bajo nivel, en lenguaje
máquina. Hay grandes diferencias entre
los diversos lenguajes de alto nivel y
cuanto más se acerquen al lenguaje
natural del usuario se considerarán de más
alto nivel
Nombre :Carlos Santiago Orduy
4. hacía una calidad de la educación
humana y cristiana
¿a que se denomina
Ejemplo
lenguaje de maquina ?
los microprocesadores procesan
exclusivamente señales electrónicas
los microprocesadores procesan binarias. Dar una instrucción a un
exclusivamente señales electrónicas microprocesador supone en realidad
binarias. Dar una instrucción a un enviar series de unos y ceros
microprocesador supone en realidad espaciadas en el tiempo de una
enviar series de unos y ceros forma determinada.
espaciadas en el tiempo de una forma
determinada
Nombre :Carlos Santiago Orduy
5. hacía una calidad de la educación
humana y cristiana
¿Cómo se clasifica las
Ejemplo
lenguajes de alto nivel ?
También se identifica con las
El concepto clave en la programación
siglas POO y OOP (del inglés
orientada a objetos es la denominada clase
Object Oriented Programming).
(de objetos). Una clase define las
estructuras de datos y rutinas de un objeto. El lenguaje Simula (Simulation
A su vez, un objeto es una instancia de una Language), desarrollado en 1964,
clase, que se puede usar como una variable partiendo del lenguaje ALGOL 60
en un programa; es decir, la creación de (Algorithmic Language), fue el
una instancia de una clase se corresponde primero que se diseñó para
con la declaración de una variable en la facilitar la programación
programación tradicional, pero orientada a objetos.
refiriéndose a objetos.
Nombre :Carlos Santiago Orduy
6. hacía una calidad de la educación
humana y cristiana
¿Qué significa
programación oriental a Ejemplo
objetos ? Para conseguir un ejemplo concreto
La programación Orientada a objetos (POO) es una de lo que es la programación
forma especial de programar, más cercana a como orientada a objetos, podemos
expresaríamos las cosas en la vida real que otros entrar en el Manual de PHP .
tipos de programación. Con la POO tenemos que
aprender a pensar las cosas de una manera distinta, Realmente este manual explica las
para escribir nuestros programas en términos de características de orientación a
objetos, propiedades, métodos y otras cosas que objetos de PHP 5 y ofrece
veremos rápidamente para aclarar conceptos y dar ejemplos concretos de creación de
una pequeña base que permita soltarnos un poco
con este tipo de programación. clases con características como
herencia, polimorfismo,
Nombre :Carlos Santiago Orduy
7. hacía una calidad de la educación
humana y cristiana
¿Qué son los eventos ?
Para entender la programación dirigida por Ejemplo
eventos, podemos oponerla a lo que no es:
mientras en la programación secuencial While (true){ Switch (event){
(o estructurada) es el programador el que case mousse_button_down:
define cuál va a ser el flujo del programa, en la case mouse_click: case
programación dirigida por eventos será el keypressed: case Else:
propio usuario —o lo que sea que esté }
accionando el programa— el que dirija el flujo
del programa. Aunque en la programación
secuencial puede haber intervención de un
agente externo al programa, estas
intervenciones ocurrirán cuando el
programador lo haya determinado, y no en
cualquier momento como puede ser en el caso
de la programación dirigida por eventos.
Nombre :Carlos Santiago Orduy
8. El lenguaje algorítmico es aquel por medio del cual se realiza un análisis previo del problema a resolver y encontrar un método que permita resolverlo. El conjunto
hacía una calidad de la educación
humana y cristiana
¿ha que se denomina
Ejemplo
algoritmo ?
Esta propiedad justifica el
en matemáticas, método de resolución de
siguiente razonamiento: para
cálculos complicados mediante el uso repetido
hallar el M.C.D.(p, q) se divide p
de otro método de cálculo más sencillo.
Ejemplos básicos son los métodos para entre q, obteniendo un cociente
efectuar operaciones aritméticas q1 y un resto r1. Entonces: D =
(multiplicación, división, obtención de raíces M.C.D.(p, q) = M.C.D.(q, r1)
cuadradas…), la obtención del máximo común Ahora se procede de forma
divisor y del mínimo común múltiplo de un análoga con q y r1: se hace la
número mediante su descomposición en división entera entre q y r1,
factores primos, y la división de un polinomio obteniendo un cociente q2 y un
por x – a mediante la regla de Ruffini. resto r2. Entonces
Nombre :Carlos Santiago Orduy
9. hacía una calidad de la educación
humana y cristiana
¿Cuáles son las etapas de
un algoritmo ? Ejemplo
Issue (Emisión): El sistema verifica
aquellos registros que van a ser leídos o Algoritmo LargestNumber Input: A
modificados por la instrucción. El non-empty list of numbers L .
procesador podrá acceder a esta Entrada: Una lista no vacía de L
información cuando sea necesario en números. Output: The largest
alguna de las siguientes etapas. number in the list L . Salida: El
Read operands (Lectura de operandos): mayor número en la lista L.
Una vez que se ha emitido la instrucción y
se ha comprobado que todas las unidades
funcionales necesarias están libres, la
instrucción espera a que los operandos
estén disponibles.
Nombre :Carlos Santiago Orduy
10. hacía una calidad de la educación
humana y cristiana
¿Cuáles son los diagramas
Ejemplo
de flujo ? Formato vertical: En él, el flujo o la
secuencia de las operaciones, va de
El diagrama de flujo es la representación arriba hacia abajo. Es una lista ordenada
gráfica del algoritmo o proceso. Se utiliza en de las operaciones de un proceso con
disciplinas como toda la información que se considere
la programación, la economía, los procesos necesaria, según su propósito.
Formato horizontal: En él, el flujo o la
industriales y la psicología cognitiva. Estos secuencia de las operaciones, va de
diagramas utilizan símbolos con significados izquierda a derecha.
bien definidos que representan los pasos del Formato panorámico: El proceso entero
algoritmo, y representan el flujo de está representado en una sola carta y
puede apreciarse de una sola mirada
ejecución mediante flechas que conectan los mucho más rápido que leyendo el texto,
puntos de inicio y de fin de proceso lo que facilita su comprensión, aún para
personas no familiarizadas.
Nombre :eduard Orlando león
11. hacía una calidad de la educación
humana y cristiana
¿Qué son los variables y
como de declara en la Ejemplo
memoria RAM ? size(150,150); //define el tamaño de
ventana
La programación trata acerca de la background(0); //pinta la ventana de
cosbtrucción de algoritmos (conjunto de negro
instrucciones que la computadora deberá set(75,75,255); //dibuja un pixel
seguir), durante el desarrollo de dichos blanco
algoritmos es necesario establecer algunos
datos. Los datos sirven generalmente como
parámetros que establecen el grado y forma
con el que se ejecutan ciertas instrucciones.
Para dar un ejemplo, en el siguiente algoritmo
Nombre :eduard Orlando león
12. hacía una calidad de la educación
¿a diferencia de unay cristiana
humana
variable que es una
constante y que función Ejemplo
cumple dentro de una
ejemplo hemos utilizado dos
algoritmo? estructuras que son muy usadas
en programación: mientras-hacer
Aunque el pseudocódigo es independiente del
y si-entonces- si_no; y que la
lenguaje de alto nivel que vaya a utilizarse, un
escritura del pseudocódigo usa
algoritmo expresado en pseudocódigo puede ser
normalmente la indentación
traducido más fácilmente a muchos de ellos.
(sangría en el margen izquierdo)
Supongamos que tenemos un algoritmo para
de diferentes líneas para ayudar a
averiguar si un número es par, que puede ser
delimitar visualmente cada una
descrito narrativamente de la siguiente forma: “Si
de las estructuras utilizadas
restando consecutivamente dos del número se
obtiene el numero 2, es par, si se obtiene otro valor
(el 1), entonces es impar”.
Nombre :eduard Orlando león
13. hacía una calidad de la educación
humana y cristiana
¿Cómo se clasifica los
operadores aritméticos en
cuanto a su nivel de Ejemplo
jerarquía ? Nivel 0: Paréntesis ()
La potenciación (^) puede ser tanto binario Nivel 1: Porcentaje %
como unario ya que esta operación eleva la Nivel 2: Potencia ^
cantidad, por ejemplo: Nivel 3: Multiplicación *
=(B4+B5)^2 Nivel 3 División
Suponiendo que las celdas B4 y B5 contienen
Nivel 4: Suma +
los valores 25 y 40 respectivamente la
operación queda así: Nivel 4: Resta
=(25+40)^2
El resultado de esta operación es 4225 pero si
a esta no se ponen los paréntesis queda así:
=25+40^2
Nombre :eduard Orlando león
14. hacía una calidad de la educación
humana y cristiana
¿Cuáles son los operadores
de comparación ? Ejemplo
Un operador de comparación compara sus
operandos y devuelve un valor lógico en 3 == var1
función de si la comparación es verdadera. Los "3" == var1
operandos pueden ser valores numéricos, de 3 == '3'
cadena de caracteres, lógicos u objetos. Las
cadenas se comparan basándose en el orden
lexicográfico estándar, usando los valores
Unicode. Si dos operandos no son del mismo
tipo, JavaScript intentará convertir los
operandos a un tipo apropiado para la
comparación, excepto para los operandos ===
y !==. Esto acostumbra a resultar en una
comparación numérica.
Nombre :eduard Orlando león
15. hacía una calidad de la educación
humana y cristiana
¿las compuertas lógicas se
clasifica en AND OR XOR
Ejemplo
cual es la tabla lógica de
ellos ? Tabla de verdad
Una compuerta logica es un dispositivo que A x
nos permite obtener resultados, dependiendo oo
de los valores de las señales que le
ingresemos. Es necesario aclarar entonces que 1 1
las compuertas lógicas se comunican entre sí
(incluidos los microprocesadores), usando el
sistema BINARIO. Este consta de solo 2
indicadores 0 y 1 llamados BIT dado que en
electrónica solo hay 2 valores equivalentes
0=0volt 1=5volt (conectado-desconectado).
Nombre :eduard Orlando león
16. hacía una calidad de la educación
humana y cristiana
¿tabla lógica xor ? Ejemplo
El XOR (OR exclusivo) compuerta actúa en
la misma forma que la lógica ", ya sea / o". XOR gate La puerta XOR
The output is "true" if either, but not both,
Input 1 Entrada 1 Input 2 Entrada 2
of the inputs are "true." El resultado es
Output Salida 0 0 0 0 0 0 0 0 1 1 1 1 1
"true" si cualquiera, pero no ambas, de las
10011111100
entradas son "verdaderas". The output is
"false" if both inputs are "false" or if both
inputs are "true." La salida es "falso" si
ambas entradas son "falsas" o si ambas
entradas son "verdaderas".
Nombre :eduard Orlando león
17. hacía una calidad de la educación
humana y cristiana
¿tabla lógica OR ? Ejemplo
Tabla de verdad OR
La compuerta OR realiza la función de suma
lógica. Cuando se le aplica un uno a cualquiera
de sus entradas el resultado de salida será
uno, independiente del valor de la otra
entrada. Excepto cuando las dos entradas
estén en 0 la salida será 0.
Nombre :eduard Orlando león
18. hacía una calidad de la educación
humana y cristiana
¿tabla lógica and ? Ejemplo
La compuerta NAND opera como una
puerta Y seguido por una puerta NOT. It
acts in the manner of the logical
AND gate Compuerta AND
operation "and" followed by negation. Input 1 Entrada 1 Input 2
Actúa en la forma de la operación lógica Entrada 2 Output Salida 0 0 0 0
"y" seguido por la negación. The output
11001111110011111
is "false" if both inputs are "true." La
salida es "falso" si ambas entradas son 100
"verdaderas". Otherwise, the output is
"true." De lo contrario, el resultado es
"verdad".
Nombre :eduard Orlando león
19. hacía una calidad de la educación
humana y cristiana
¿Qué significa
Ejemplo
programación HTML?
Para crear una página web se pueden
En realidad HTML no es un lenguaje de utilizar varios programas especializados en
programacion si no que son sentencias - esto, como por ejemplo, el Microsoft Front
etiquetas-de las cuales me indican que Page o el MacromediaDreamweaver. Otra
operaciones se van a realizar con el texto o con forma de diseñar un archivo.html, es copiar
todo en el Bloc de Notas del Windows, ya
los atributos que se esten manejando con ese que este sencillo programa cumple con un
sentencia-etiqueta-, la verdad estas secuencias requisito mínimo que es la posibilidad de
son muy necesarias para el diseño de un trabajar con las etiquetas con las que
apagina web ya que cada una de esas trabaja este lenguaje.
sentencias le indican a internet como esta A continuación les mostraremos las
compuesta la estructura de cualquier Web. etiquetas mas comunes que deben
aprenderse para hacer una pagina Web.
Nombre :eduard Orlando león
20. hacía una calidad de la educación
humana y cristiana
¿Qué son los variables y
como de declara en la Ejemplo
memoria ram ? int a,b,e;
float c,d,f;
Cada tipo de dato define las operaciones que se pueden a = 10;
realizar con dichas variables. Por ejemplo, las b = 3;
variables enteras permiten las 4 operaciones aritméticas c = 40.0;
básicas: +,-,*,/ (es decir: suma, resta, multiplicación y
d = 6.0;
división, respectivamente). Si bien la variables de
tiporeal tambien permite las cuatros operaciones básicas, println( a / b ); //imprime 3
una de la diferencias principales es que la división es println( c / d ); //imprime
diferente. Por ejemplo, la división con datos enteros 6.66666666...
devuelve valores enteros, mientras que la división real e = a + b * 8;
devuelve un resultado con decimales. f = c - d * 2.0;
Nombre :eduard Orlando león
21. hacía una calidad de la educación
humana y cristiana
¿Cómo se clasifica las
etiquetas dentro de la Ejemplo
programación HTML y su
El lenguaje HTML es un subconjunto
significado ? de SGML (acrónimo de Standard
acrónimo de HyperText Markup Language, lenguaje
de marcas de hipertexto. En informática, formato
Generalized Markup Language,
estándar de los documentos que circulan en la World lenguaje estándar de marcado de
Wide Web (WWW); se utiliza desde 1989. Los documentos), que es un estándar de
documentos HTML contienen dos tipos de descripción de página
información: la que se muestra en la pantalla (texto, independiente del dispositivo, lo
imágenes...) y los códigos (tags o etiquetas),
que permite adaptar la visión del
transparentes al usuario, que indican cómo se debe
mostrar esa información documento al tamaño de la pantalla
en la que se muestra
Nombre :eduard Orlando león
22. hacía una calidad de la educación
humana y cristiana
¿etiqueta <html>? Ejemplo
El lenguaje HTML es un lenguaje de marcas, Las etiquetas están encerradas
estas marcas serán fragmentos de texto entre los signos "<" y ">".
destacado de una forma especial que permiten Generalmente vienen en
la definición de las distintas instrucciones de pares <p> y<⁄p>
HTML, tanto los efectos a aplicar sobre el texto
como las distintas estructuras del lenguaje. A
estas marcas las denominaremos etiquetas y
serán la base principal del lenguaje HTML. En
documento HTML será un fichero texto con
etiquetas que variarán la forma de su
presentación.
Nombre :eduard Orlando león
23. hacía una calidad de la educación
humana y cristiana
¿etiqueta <head>? Ejemplo
<head> //Cabecera: agrupa enlaces
La etiqueta <HEAD> con su etiqueta de externos y metas identificativos
cierre </HEAD>, es una sección del
documento HTMl, donde pueden ir
incluidos elementos como scripts, que
indican al navegador donde encuentra
las hojas de estilo del documento.
Nombre :eduard Orlando león
24. hacía una calidad de la educación
humana y cristiana
¿etiqueta <title>?
Ejemplo
Aún si cabe más importante que la elección del
nombre del dominio es optimizar un buen elemento TITLE. The title of a
título, a esta etiqueta los buscadores le webpage appears in your
asignan mucho valor desde el punto de vista browser´s title bar when you view
del posicionamiento, posiblemente sea la más the page. El título de una página
relevante de la página web a la hora de web aparece en la barra de título
posicionarse. Esta etiqueta es mostrada en del navegador cuando se ve la
primer lugar en la parte superior del página. The screenshot below
navegador y en segundo lugar en los shows you the title of this
resultados de búsqueda de un buscador. Por lo webpage: La pantalla de abajo se
tanto debemos esmerarnos en redactarla de muestra el título de esta página
forma clara y que además contenga las web:
palabras clave de esa página en cuestión.
Nombre :eduard Orlando león
25. hacía una calidad de la educación
humana y cristiana
¿etiqueta <boydy>?
Ejemplo
Anteriormente os hemos explicado que todo lo
que queramos que se vea en nuestra página ejemplo a la etiqueta de body
web deberemos escribirlo dentro de la podemos definir un color de fondo
etiqueta body. Eso es lo que llamamos el o una imagen de fondo y los
"cuerpo" del documento. Es la parte visible. diferentes colores para los
Pero debes saber que ese cuerpo, o sea, que la diferentes tipos de enlaces que
etiqueta body también podemos pueda contener el documento, asi
personalizarla para darle el aspecto que que empezamos por las más básicas
nosotros deseemos.
Esta personalización la conseguiremos a través
de una serie de parámetros que a continuación
te presentaremos. Bien, pues vamos a
empezar.
Nombre :eduard Orlando león
26. hacía una calidad de la educación
humana y cristiana
¿etiquetas <center>? Ejemplo
<center> Este texto está centrado en
La etiqueta <center> nos permite la página. </center>
centrar párrafos, imágenes o tablas Como podemos observar,el parrafo
dentro de nuestra Web. Para centrar un "Esto es un ejemplo" se encuentra en
elemento, éste debe estar entre las el margen izquierdo de la pagina, pues
etiquetas de apertura y cierre. Este sería es la ubicacion por default. Ahora
el código de un texto centrado: vamos a centrarlo usando la etiqueta
<center>
Nombre :eduard Orlando león