Practica 09 programacion web intoduccion mari

24
LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA Programación WEB Introducción NOMBRE: Maribel Pecha Lamprea

description

 

Transcript of Practica 09 programacion web intoduccion mari

Page 1: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

Programación WEB Introducción

NOMBRE: Maribel Pecha Lamprea

Page 2: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

Respuesta Ejemplo

AUTOR: Pecha Lamprea Maribel

¿Que significa el termino Programación?

Es establecer una serie de instrucciones para que el ordenador o computadora ejecute una tarea.Previamente hay que realizar una serie de trabajos que tienen por objeto la definición de la tarea, el análisis de la información que se quiere obtener (información de salida) y de los datos que se precisan para ello (información de entrada.

Es el programa Access que funciona para crear base de datos las cuales están programadas por el ingeniero

Page 3: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

Respuesta Ejemplo

AUTOR: Pecha Lamprea Maribel

¿Qué es el lenguaje de alto nivel?

Los lenguajes de alto nivel son normalmente fáciles de aprender porque están formados por elementos de lenguajes naturales, como el inglés. En BASIC, el lenguaje de alto nivel más conocido.

Entendido por los programadores para omitir frases y así ahorrarse tiempo

Page 4: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

Respuesta Ejemplo

AUTOR: Pecha Lamprea Maribel

¿A que se denomina lenguaje de maquino?

Es lenguaje propio del ordenador, basado en el sistema binario, o código máquina, resulta difícil de utilizar para las personas. El programador debe introducir todos y cada uno de los comandos y datos en forma binaria, y una operación sencilla como comparar el contenido de un registro con los datos situados en una ubicación del chip de memoria

Puede tener el siguiente formato: 11001010 00010111 11110101 00101011. La programación en lenguaje máquina es una tarea tan tediosa y consume tanto tiempo que muy raras veces lo que se ahorra en la ejecución del programa justifica los días o semanas que se han necesitado para escribir el mismo.

Page 5: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

Respuesta Ejemplo

AUTOR: Pecha Lamprea Maribel

¿Cómo se clasifican los lenguajes de alto nivel?

Un lenguaje de programación de alto nivel de abstracción se caracteriza por expresar los algoritmos de una manera más cercana a la capacidad cognitiva humana, en lugar de a la capacidad ejecutora de las máquinas.

Genera un código más sencillo y comprensible.Escribir un código válido para diversas máquinas y, posiblemente, sistemas operativos

Page 6: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

Respuesta Ejemplo

AUTOR: Pecha Lamprea Maribel

¿Qué significa el lenguaje ASSEMBLER?

es un lenguaje de programación de bajo nivel para los computadores, microprocesadores, microcontroladores, y otros circuito integrados programables.

Fue usado principalmente en los inicios del desarrollo de software, cuando aún no se contaba con potentes lenguajes de alto nivel y los recursos eran limitados.

Page 7: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

Respuesta Ejemplo

AUTOR: Pecha Lamprea Maribel

Programación orientada a objetos

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.

En cuanto a la funcionalidad y la metodología interna, la programación orientada a objetos se fundamenta en la encapsulación, la herencia y el polimorfismo.

Page 8: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

Respuesta Ejemplo

AUTOR: Pecha Lamprea Maribel

Eventos

La programación dirigida por eventos es un paradigma de programación en el que tanto la estructura como la ejecución de los programas van determinados por los sucesos que ocurran en el sistema, definidos por el usuario o que ellos mismos provoquen.

Un ejemplo claro lo tenemos en los sistemas de programación Lexico y Visual Basic, en los que a cada elemento del programa (objetos, controles, etcétera) se le asignan una serie de eventos que generará dicho elemento, como la pulsación de un botón del ratón sobre él o el redibujado del control.

Page 9: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

Respuesta Ejemplo

AUTOR: Pecha Lamprea Maribel

Controles de un ambiente grafico

Programación de PLC's LOGO, CRUZET, SIEMENS, entre otros los cuales utilizan más que todo bloques los cuales llevan cada uno una función en específico, vaya el entorno es más visual y lógico, como quien dice sólo tienes que saber qué figura (bloque) tendrias que utilizar para la función que quieras realizar.

C ++java

Page 10: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

Respuesta Ejemplo

AUTOR: Pecha Lamprea Maribel

Algoritmo

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.

Análisis del problemaDiseño de algoritmoCodificaciónCompilación y ejecuciónVerificaciónDepuraciónDocumentación

Page 11: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

Respuesta Ejemplo

AUTOR: Pecha Lamprea Maribel

Diagramas de flujo

Es el diagrama secuencial empleado en muchos campos para mostrar los procedimientos detallados que se deben seguir al realizar una tarea, como un proceso de fabricación. También se utilizan en la resolución de problemas, como por ejemplo en algoritmos. Los diagramas de flujo se usan normalmente para seguir la secuencia lógica de las acciones en el diseño de programas de computadoras.

NombreTerminalEntrada / salidaProcesoDecisiónConector Misma PáginaIndicador de dirección o línea de flujoSalida

Page 12: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

AUTOR: Pecha Lamprea Maribel

Simbolos y significados de diagramas de flujoNombre Símbolo Función

TerminalRepresenta el inicio y fin de un programa. También puede representar una parada o interrupción programada que sea necesaria realizar en un programa.

Entrada / salidaCualquier tipo de introducción de datos en la memoria desde los periféricos o registro de información procesada en un periférico.

ProcesoCualquier tipo de operación que pueda originar cambio de valor, formato o posición de la información almacenada en memoria, operaciones aritméticas, de transformaciones, etc.

Decisión

Indica operaciones lógicas o de comparación entre datos (normalmente dos) y en función del resultado de la misma determina (normalmente si y no) cual de los distintos caminos alternativos del programa se debe seguir

Conector Misma PáginaSirve para enlazar dos partes cualesquiera de un diagrama a través de un conector en la salida y otro conector en la entrada. Se refiere a la conexión en la misma pagina del diagrama

Indicador de dirección o línea de flujo

Indica el sentido de la ejecución de las operaciones

SalidaSe utiliza en ocasiones en lugar del símbolo de salida. El dibujo representa un pedazo de hoja. Es usado para mostrar datos o resultados.

Page 13: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

Respuesta Ejemplo

AUTOR: Pecha Lamprea Maribel

Que son las variales y como se declaran en la memoria RAM ?

Cuando se declara una variable, el sistema operativo reserva un espacio de memoria en la memoria RAM. Cuando pasamos una variable a una función por valor, el sistema operativo reserva otro espacio de memoria distinto

Tanto la investigación como la evaluación utilizan el lenguaje de las variables. Por otro lado, un indicador se define como una medición cuantitativa de variables o condiciones determinadas, a través de los cuales es posible entender o explicar una realidad o un fenómeno en particular y su evolución en el tiempo

Page 14: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

Respuesta Ejemplo

AUTOR: Pecha Lamprea Maribel

Que es una constante y que función cumple dentro del algoritmo?

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.

Por ejemplo:El valor de pi = 3.1416Por conveniencia, el nombre de las constantes suele escribirse en mayúsculas en la mayoría de lenguajes.

Page 15: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

Respuesta Ejemplo

AUTOR: Pecha Lamprea Maribel

Como se clasifican los operadores aritméticos ?

ARITMETICOS: Son aquéllos que permiten la realización de cálculos aritméticos. Utilizan operandos numéricos y proporcionan resultados numéricos.

OPERADOR OPERACION+ suma- restamultiplicacion/ division realDiv division enteraMod residuoexponenciacion

Page 16: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

Respuesta Ejemplo

AUTOR: Pecha Lamprea Maribel

Cuales son los operadores de relación o de comparación?

Compara valores numéricos mediante seis operadores de comparación numéricos. Cada operador toma como operandos dos expresiones que se evalúan como valores numéricos. La tabla siguiente enumera los operadores y muestra ejemplos de cada uno.

= (Igualdad)<> (Desigualdad)< (Menor que)> (Mayor que)<= (Menor o igual que)>= (Mayor o igual que)

Page 17: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

Respuesta Ejemplo

AUTOR: Pecha Lamprea Maribel

compuerta AND

La compuerta AND de 2 entradas tiene la siguiente tabla de verdad.Se puede ver claramente que la salida X solamente es "1" (1 lógico, nivel alto) cuando la entrada A como la entrada B están en "1". En otras palabras...La salida X es igual a 1 cuando la entrada A y la entrada B son 1

Page 18: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

Respuesta Ejemplo

AUTOR: Pecha Lamprea Maribel

compuerta OR

La representación de la compuerta "OR" de 2 entradas y su tabla de verdad se muestran a continuación.Compuerta "OR" de tres entradas con su tabla de verdad y la implementación con interruptores

Page 19: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

Respuesta Ejemplo

AUTOR: Pecha Lamprea Maribel

compuerta XOr

la tabla de verdad de una compuerta XOR de 2 entradas. Y LUEGO tablade verdad de una compuerta XOR de 3 entradas

Page 20: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

Respuesta Ejemplo

AUTOR: Pecha Lamprea Maribel

Programación HTML

Es elacró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. Para crear un documento HTML, basta con disponer de un editor de código ASCII y teclear el texto y las etiquetas que sean precisas.

Page 21: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

Respuesta Ejemplo

AUTOR: Pecha Lamprea Maribel

Head

Define información acerca del documento.Esta etiqueta especifica una dirección por defecto de carga de todos los links de la pagina web

<head><base href="http://www.programacion-web.tk /" /><base target="_blank" /></head>

Page 22: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

Respuesta Ejemplo

AUTOR: Pecha Lamprea Maribel

Title

<TITLE>Titulo en la parte superior de la pagina </TITLE>

Esqueletos de Programación Dinámica Paralela en Sistemas Heterogéneas

Page 23: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

Respuesta Ejemplo

AUTOR: Pecha Lamprea Maribel

Body

Esta sesión examina algunos atributos importantes de la etiqueta <BODY>. Estos atributos de control de las propiedades del documento en su conjunto. Algunas de estas propiedades son:

TEXT: especifica el color del texto normal en una página LINK: determina el color de enlace VLINK: determina el color del enlace que ha sido visitado ALINK: especifica el color del vínculo cuando se hace clic BGCOLOR: controla el color de fondo del documento

Page 24: Practica 09 programacion web intoduccion mari

LEMA: HACIA UNA CALIDAD DE LA EDUCACIÓN, HUMANA Y CRISTIANA

Respuesta Ejemplo

AUTOR: Pecha Lamprea Maribel

?

Como ya sabemos, la World Wide Web en su ultima revision del lenguaje de marcado HTML, que culmino con el nacimiento del HTML5,dejo obsoletas varias etiquetas de versiones anteriores entre las que figura la etiqueta <center>, aunque su uso va a seguir llevandose a cabo, por lo menos por ahora , pero es aconsejable que comenzemos a descontinuar su uso.

Esto es un ejemploComo 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>

Esto es un ejemplo