pracita 09

26
Practica 09 Carlos Santiago Orduy Lozano 1101

Upload: metalkrior

Post on 30-Jul-2015

47 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Pracita 09

Practica 09Carlos Santiago Orduy Lozano

1101

Page 2: Pracita 09

Programación web introducción

Que significa el termino programación

Ejemplo En La actualidad, los

lenguajes de programación orientada a objetos más utilizados son el lenguaje C++, JAVA, Smalltalk, Pascal orientado a objetos (Object Pascal) y otros, bien derivados, bien precursores de éstos.Nombre :Carlos Santiago Orduy

en informática, un método de programación en el que un

programa se contempla como un conjunto de objetos

limitados que, a su vez, son colecciones independientes de estructuras de datos y rutinas

que interactúan con otros objetos

Page 3: Pracita 09

¿Que es lenguaje de alto nivel ?

Ejemplo Algunos ejemplos de

lenguajes de alto nivel son LISP, Pascal, BASIC, FORTRAN, COBOL, JAVA, C y C++.

hacía una calidad de la educación humana y cristiana

en informática, un lenguaje de programación que consta de instrucciones independientes de la máquina; ha de ser 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

Page 4: Pracita 09

¿a que se denomina lenguaje de maquina ?

Ejemplo los microprocesadores

procesan exclusivamente señales electrónicas binarias. Dar una instrucción a un microprocesador supone en realidad enviar series de unos y ceros espaciadas en el tiempo de una forma determinada.

hacía una calidad de la educación humana y cristiana

los microprocesadores procesan exclusivamente señales electrónicas binarias. Dar una instrucción a un microprocesador supone en realidad enviar series de unos y ceros espaciadas en el tiempo de una forma determinada

Nombre :Carlos Santiago Orduy

Page 5: Pracita 09

¿Cómo se clasifica las lenguajes de alto nivel ?

Ejemplo También se identifica con las

siglas POO y OOP (del inglés Object Oriented Programming).

El lenguaje Simula (Simulation Language), desarrollado en 1964, partiendo del lenguaje ALGOL 60 (Algorithmic

Language), fue el primero que se diseñó para facilitar la programación orientada a

objetos.

hacía una calidad de la educación humana y cristiana

El concepto clave en la programación orientada a objetos

es la denominada clase (de objetos). Una clase define las estructuras de datos y rutinas de un objeto. A su vez, un objeto es una instancia de una clase, que se puede usar como una variable en un programa; es

decir, la creación de una instancia de una clase se corresponde con la declaración de una variable en la programación tradicional, pero

refiriéndose a objetos.Nombre :Carlos Santiago Orduy

Page 6: Pracita 09

¿Qué significa programación oriental a objetos ?

Ejemplo

Para conseguir un ejemplo concreto de lo que es la programación orientada a objetos, podemos entrar en el Manual de PHP .

Realmente este manual explica las características de orientación a

objetos de PHP 5 y ofrece ejemplos concretos de creación de

clases con características como herencia, polimorfismo,

hacía una calidad de la educación humana y cristiana

Nombre :Carlos Santiago Orduy

La programación Orientada a objetos (POO) es una forma especial de programar, más cercana a como expresaríamos las cosas en la vida real que otros tipos de programación. Con la POO tenemos que

aprender a pensar las cosas de una manera distinta, para escribir nuestros programas en términos de objetos, propiedades, métodos y otras cosas que

veremos rápidamente para aclarar conceptos y dar una pequeña base que permita soltarnos un poco

con este tipo de programación.

Page 7: Pracita 09

¿Qué son los eventos ?

Ejemplo While (true){ Switch

(event){ case mousse_button_down: case mouse_click: case keypressed: case Else:

}

hacía una calidad de la educación humana y cristiana

Nombre :Carlos Santiago Orduy

Para entender la programación dirigida por eventos, podemos oponerla a lo que no es: mientras en la programación secuencial (o estructurada) es el programador el que define cuál va a ser el flujo del programa, en la programación dirigida por eventos será el 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.

Page 8: Pracita 09

¿ha que se denomina algoritmo ?

Ejemplo Esta propiedad justifica el

siguiente razonamiento: para hallar el M.C.D.(p, q) se divide p entre q, obteniendo un cociente q1 y un resto r1. Entonces: D = M.C.D.(p, q) = M.C.D.(q, r1)

Ahora se procede de forma análoga con q y r1: se hace la división entera entre q y r1, obteniendo un cociente q2 y un resto r2. Entonces

hacía una calidad de la educación humana y cristiana

Nombre :Carlos Santiago Orduy

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 de todas las operaciones a realizar, y el orden en el que deben efectuarse, se le denomina algoritmo 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 de todas las operaciones a realizar, y el orden en el que deben efectuarse, se le denomina algoritmo 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 de todas las operaciones a realizar, y el orden en el que deben efectuarse, se le denomina algoritmo 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 de todas las operaciones a realizar, y el orden en el que deben efectuarse, se le denomina algoritmo.

en matemáticas, método de resolución de cálculos complicados mediante el uso repetido

de otro método de cálculo más sencillo. Ejemplos básicos son los métodos para

efectuar operaciones aritméticas (multiplicación, división, obtención de raíces

cuadradas…), la obtención del máximo común divisor y del mínimo común múltiplo de un número mediante su descomposición en

factores primos, y la división de un polinomio por x – a mediante la regla de Ruffini.

Page 9: Pracita 09

¿Cuáles son las etapas de un algoritmo ? Ejemplo

Algoritmo LargestNumber Input: A non-empty list of numbers L . Entrada: Una lista no vacía de L números. Output: The largest number in the list L . Salida: El mayor número en la lista L.

hacía una calidad de la educación humana y cristiana

Nombre :Carlos Santiago Orduy

Issue (Emisión): El sistema verifica aquellos registros que van a ser leídos o modificados por la instrucción. El procesador podrá acceder a esta información cuando sea necesario en alguna de las siguientes etapas. Read operands (Lectura de operandos): 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.

Page 10: Pracita 09

¿Cuáles son los diagramas de flujo ?

Ejemplo Formato vertical: En él, el flujo o la

secuencia de las operaciones, va de arriba hacia abajo. Es una lista ordenada de las operaciones de un proceso con toda la información que se considere necesaria, según su propósito.

Formato horizontal: En él, el flujo o la secuencia de las operaciones, va de izquierda a derecha.

Formato panorámico: El proceso entero está representado en una sola carta y puede apreciarse de una sola mirada mucho más rápido que leyendo el texto, lo que facilita su comprensión, aún para personas no familiarizadas.

hacía una calidad de la educación humana y cristiana

Nombre : Carlos Santiago Orduy

El 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. Estos diagramas utilizan símbolos con significados bien definidos que representan los pasos del algoritmo, y representan el flujo de ejecución mediante flechas que conectan los puntos de inicio y de fin de proceso

Page 11: Pracita 09

¿Qué son los variables y como de declara en la memoria RAM ?

Ejemplo size(150,150); //define el tamaño de

ventanabackground(0); //pinta la ventana de negroset(75,75,255); //dibuja un pixel blanco

hacía una calidad de la educación humana y cristiana

Nombre : Carlos Santiago Orduy

La programación trata acerca de la cosbtrucción de algoritmos (conjunto de instrucciones que la computadora deberá seguir), durante el desarrollo de dichos 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

Page 12: Pracita 09

¿a diferencia de una variable que es una constante y que función cumple dentro de una algoritmo?

Ejemplo ejemplo hemos utilizado dos

estructuras que son muy usadas en programación: mientras-hacer y si-entonces- si_no; y que la escritura del pseudocódigo usa normalmente la indentación (sangría en el margen izquierdo) de diferentes líneas para ayudar a delimitar visualmente cada una de las estructuras utilizadas

hacía una calidad de la educación humana y cristiana

Nombre : Carlos Santiago Orduy

Aunque el pseudocódigo es independiente del lenguaje de alto nivel que vaya a utilizarse, un algoritmo expresado en pseudocódigo puede ser traducido más fácilmente a muchos de ellos.Supongamos que tenemos un algoritmo para averiguar si un número es par, que puede ser descrito narrativamente de la siguiente forma: “Si restando consecutivamente dos del número se obtiene el numero 2, es par, si se obtiene otro valor (el 1), entonces es impar”.

Page 13: Pracita 09

¿Cómo se clasifica los operadores aritméticos en cuanto a su nivel de jerarquía ?

Ejemplo Nivel 0: Paréntesis () Nivel 1: Porcentaje % Nivel 2: Potencia ^ Nivel 3: Multiplicación * Nivel 3 División Nivel 4: Suma + Nivel 4: Resta

hacía una calidad de la educación humana y cristiana

Nombre : Carlos Santiago Orduy

La potenciación (^) puede ser tanto binario como unario ya que esta operación eleva la cantidad, por ejemplo:=(B4+B5)^2Suponiendo que las celdas B4 y B5 contienen los valores 25 y 40 respectivamente la operación queda así: =(25+40)^2El resultado de esta operación es 4225 pero si a esta no se ponen los paréntesis queda así:=25+40^2

Page 14: Pracita 09

¿Cuáles son los operadores de comparación ? Ejemplo

3 == var1"3" == var1

3 == '3'

hacía una calidad de la educación humana y cristiana

Nombre : Carlos Santiago Orduy

Un operador de comparación compara sus operandos y devuelve un valor lógico en función de si la comparación es verdadera. Los operandos pueden ser valores numéricos, de 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.

Page 15: Pracita 09

¿las compuertas lógicas se clasifica en AND OR XOR cual es la tabla lógica de ellos ?

Ejemplo Tabla de verdadA x o o 1 1

hacía una calidad de la educación humana y cristiana

Nombre :eduard Orlando león

Una compuerta logica es un dispositivo que nos permite obtener resultados, dependiendo de los valores de las señales que le ingresemos. Es necesario aclarar entonces que 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).

Page 16: Pracita 09

¿tabla lógica xor ? Ejemplo

XOR gate La puerta XOR Input 1 Entrada 1 Input 2 Entrada 2

Output Salida 0 0 0 0 0 0 0 0 1 1 1 1 1 1 0 0 1 1 1 1 1 1 0 0

hacía una calidad de la educación humana y cristiana

Nombre : Carlos Santiago Orduy

El XOR (OR exclusivo) compuerta actúa en la misma forma que la lógica ", ya sea / o". The output is "true" if either, but not both, of the inputs are "true." El resultado es "true" si cualquiera, pero no ambas, de las 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".

Page 17: Pracita 09

¿tabla lógica OR ? Ejemplo Tabla de verdad OR

hacía una calidad de la educación humana y cristiana

Nombre : Carlos Santiago Orduy

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.

Page 18: Pracita 09

¿tabla lógica and ? Ejemplo

hacía una calidad de la educación humana y cristiana

Nombre : Carlos Santiago Orduy

AND gate Compuerta AND Input 1 Entrada 1 Input 2

Entrada 2 Output Salida 0 0 0 0 1 1 0 0 1 1 1 1 1 1 0 0 1 1 1 1 1 1 0 0

La compuerta NAND opera como una puerta Y seguido por una puerta NOT. It acts in the manner of the logical operation "and" followed by negation. Actúa en la forma de la operación lógica "y" seguido por la negación. The output is "false" if both inputs are "true." La salida es "falso" si ambas entradas son "verdaderas". Otherwise, the output is "true." De lo contrario, el resultado es "verdad".

Page 19: Pracita 09

¿Qué significa programación HTML?

Ejemplo Para crear una página web se pueden

utilizar varios programas especializados en esto, como por ejemplo, el Microsoft Front Page o el MacromediaDreamweaver. Otra forma de diseñar un archivo.html, es copiar todo en el Bloc de Notas del Windows, ya que este sencillo programa cumple con un requisito mínimo que es la posibilidad de trabajar con las etiquetas con las que trabaja este lenguaje.A continuación les mostraremos las etiquetas mas comunes que deben aprenderse para hacer una pagina Web.

hacía una calidad de la educación humana y cristiana

Nombre : Carlos Santiago Orduy

En realidad HTML no es un lenguaje de programacion si no que son sentencias -etiquetas-de las cuales me indican que operaciones se van a realizar con el texto o con los atributos que se esten manejando con ese sentencia-etiqueta-, la verdad estas secuencias son muy necesarias para el diseño de un apagina web ya que cada una de esas sentencias le indican a internet como esta compuesta la estructura de cualquier Web.

Page 20: Pracita 09

¿Qué son los variables y como de declara en la memoria ram ?

Ejemplo

int a,b,e; float c,d,f;a = 10;b = 3;c = 40.0;d = 6.0;println( a / b ); //imprime 3 println( c / d ); //imprime 6.66666666...e = a + b * 8;f = c - d * 2.0;

hacía una calidad de la educación humana y cristiana

Nombre : Carlos Santiago Orduy

Cada tipo de dato define las operaciones que se pueden realizar con dichas variables. Por ejemplo, las variables enteras permiten las 4 operaciones aritméticas básicas: +,-,*,/ (es decir: suma, resta, multiplicación y división, respectivamente). Si bien la variables de tiporeal tambien permite las cuatros operaciones básicas, una de la diferencias principales es que la división es diferente. Por ejemplo, la división con datos enteros devuelve valores enteros, mientras que la división real devuelve un resultado con decimales.

Page 21: Pracita 09

¿Cómo se clasifica las etiquetas dentro de la programación HTML y su significado ?

Ejemplo El lenguaje HTML es un subconjunto

de SGML (acrónimo de Standard Generalized Markup Language,

lenguaje estándar de marcado de documentos), que es un estándar de

descripción de página independiente del dispositivo, lo que permite adaptar la visión del

documento al tamaño de la pantalla en la que se muestra

hacía una calidad de la educación humana y cristiana

Nombre : Carlos Santiago Orduy

acrónimo de HyperText Markup Language, lenguaje de marcas de hipertexto. En informática, formato

estándar de los documentos que circulan en la World Wide Web (WWW); se utiliza desde 1989. Los

documentos HTML contienen dos tipos de información: la que se muestra en la pantalla (texto,

imágenes...) y los códigos (tags o etiquetas), transparentes al usuario, que indican cómo se debe

mostrar esa información

Page 22: Pracita 09

¿etiqueta <html>? Ejemplo Las etiquetas están encerradas

entre los signos "<" y ">". Generalmente vienen en

pares <p> y<⁄p>

hacía una calidad de la educación humana y cristiana

Nombre : Carlos Santiago Orduy

El lenguaje HTML es un lenguaje de marcas, estas marcas serán fragmentos de texto destacado de una forma especial que permiten la definición de las distintas instrucciones de 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.

Page 23: Pracita 09

¿etiqueta <head>? Ejemplo <head> //Cabecera: agrupa

enlaces externos y metas identificativos

hacía una calidad de la educación humana y cristiana

Nombre : Carlos Santiago Orduy

La etiqueta <HEAD> con su etiqueta de 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.

Page 24: Pracita 09

¿etiqueta <title>?Ejemplo elemento TITLE. The title of a

webpage appears in your browser´s title bar when you view the page. El título de una página web aparece en la barra de título del navegador cuando se ve la página. The screenshot below shows you the title of this webpage: La pantalla de abajo se muestra el título de esta página web:

hacía una calidad de la educación humana y cristiana

Nombre : Carlos Santiago Orduy

Aún si cabe más importante que la elección del nombre del dominio es optimizar un buen

título, a esta etiqueta los buscadores le asignan mucho valor desde el punto de vista

del posicionamiento, posiblemente sea la más relevante de la página web a la hora de

posicionarse. Esta etiqueta es mostrada en primer lugar en la parte superior del navegador

y en segundo lugar en los resultados de búsqueda de un buscador. Por lo tanto

debemos esmerarnos en redactarla de forma clara y que además contenga las palabras clave

de esa página en cuestión.

Page 25: Pracita 09

¿etiqueta <boydy>? Ejemplo ejemplo a la etiqueta de body

podemos definir un color de fondo o una imagen de fondo y los diferentes colores para los diferentes tipos de enlaces que pueda contener el documento, asi que empezamos por las más básicas

hacía una calidad de la educación humana y cristiana

Nombre : Carlos Santiago Orduy

Anteriormente os hemos explicado que todo lo que queramos que se vea en nuestra página web deberemos escribirlo dentro de la etiqueta body. Eso es lo que llamamos el "cuerpo" del documento. Es la parte visible. Pero debes saber que ese cuerpo, o sea, que la etiqueta body también podemos personalizarla para darle el aspecto que 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.

Page 26: Pracita 09

¿etiquetas <center>? Ejemplo <center> Este texto está centrado en

la página. </center> Como podemos observar,el parrafo

"Esto es un ejemplo" se encuentra en el margen izquierdo de la pagina, pues es la ubicacion por default. Ahora vamos a centrarlo usando la etiqueta <center>

hacía una calidad de la educación humana y cristiana

Nombre : Carlos Santiago Orduy

La etiqueta <center> nos permite centrar párrafos, imágenes o tablas dentro de nuestra Web. Para centrar un elemento, éste debe estar entre las etiquetas de apertura y cierre. Este sería el código de un texto centrado: