Programacion web introduccion diego zuluaga

658 visualizaciones

Publicado el

Publicado en: Tecnología
0 comentarios
1 recomendación
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
658
En SlideShare
0
De insertados
0
Número de insertados
3
Acciones
Compartido
0
Descargas
0
Comentarios
0
Recomendaciones
1
Insertados 0
No insertados

No hay notas en la diapositiva.

Programacion web introduccion diego zuluaga

  1. 1. RESPUESTA EJEMPLO(Programar) Se designa al • Es un lenguaje deconjunto de procedimientos y programación que setécnicas por medio de las utilizado en un creador decuales se establece de manera programas como el Csistemática una serie de • #include <stdio.h> int mainactividades, previsiones y • (int argc,char **argv) {disposiciones, para formular o • printf("Hola mundon");elaborar planes, programas o • return 0;proyectos. • }
  2. 2. RESPUESTA EJEMPLO• Un lenguaje de • A través de diagramas de programación de alto nivel flujo o programación se caracteriza por expresar orientada a objetos los algoritmos de una fácilmente entendible para manera adecuada a la un usuario. capacidad cognitiva humana, en lugar de a la capacidad ejecutora de las máquinas.
  3. 3. RESPUESTA EJEMPLO• Lenguaje de máquina es el sistema de códigos • Lenguaje de máquina del Intel 8088. El código de máquina en hexadecimal se directamente interpretable resalta en rojo, el equivalente en lenguaje por un circuito micro ensamblador en magenta, y las direcciones de memoria donde se programable, como el encuentra el código, en azul. Abajo se ve microprocesador de una un texto en hexadecimal y ASCII. computadora o el micro controlador de un autómata (un PLC) .
  4. 4. RESPUESTA EJEMPLO• Ada ALGOL• BASIC C#• COBOL Fortran• Java Lisp• Modula-2 Pascal• Perl PHP• PL/1 PL/SQL• Python Ruby
  5. 5. RESPUESTA EJEMPLO •• Se refiere a un tipo • La sentencia MOV AL, 061h • de programa informático que • Asigna el valor hexadecimal 61 (97 decimal) al registro "AL". El programa ensamblador lee la sentencia de arriba y produce se encarga de traducir • su equivalente binario en lenguaje de máquina Binario: 10110000 01100001 (hexadecimal: B061) un fichero fuente escrito en • El mnemónico MOV es un código de operación u "opcode". El opcode es seguido por una lista de argumentos un lenguaje ensamblador, a o parámetros, completando una típica instrucción de ensamblador. En el ejemplo, AL es un registro de 8 bits del procesador, al cual se le asignará el valor hexadecimal 61 un fichero objeto que contiene especificado. • El código de máquina generado por el ensamblador consiste código máquina, ejecutable de 2 bytes. El primer byte contiene empaquetado la instrucción MOV y el código del registro hacia donde se va a directamente por mover el dato: • 10110 000 01100001 | | | | | +---- Número 61h en binario | | la máquina para la que se ha | +--- Registro AL +-------- Instrucción MOV En el segundo byte se especifica el número 61h, escrito en binario generado. como 01100001, que se asignará al registro AL, quedando la sentencia ejecutable como: • 10110000 01100001
  6. 6. RESPUESTA EJEMPLO• Es un paradigma de • ABAP programación que usa objetos y sus Es un lenguaje de cuarta interacciones, para diseñar aplicaciones y generación, propiedad de SAP, programas informáticos. Está basado que se utiliza para programar la en varias técnicas, mayoría de sus productos incluyendo herencia, abstracción, poli (R/3, mySAP Business suite...). morfismo y encapsulamiento. Su uso Utiliza sentencias de Open se popularizó a principios de la SQL para conectarse con década de los años 1990. En la prácticamente cualquier base de actualidad, existe variedad de datos. lenguajes de programación que soportan la orientación a objetos.
  7. 7. RESPUESTA EJEMPLO Es un paradigma de programación en • ABAPel que tanto la estructura como laejecución de los programas van Es un lenguaje de cuartadeterminados por los sucesos queocurran en el sistema, definidos por el generación, propiedadusuario o que ellos mismos provoquen. de SAP, que se utiliza para programar la mayoría de susPara entender la programación productos (R/3, mySAPdirigida por eventos, podemosoponerla a lo que no es: mientras en la Business suite...). Utilizaprogramación secuencial sentencias de Open SQL para(o estructurada) es el programador elque define cuál va a ser el flujo del conectarse conprograma, en la programación dirigida prácticamente cualquier basepor eventos será el propio usuario —olo que sea que esté accionando el de datos.programa— el que dirija el flujo delprograma.
  8. 8. RESPUESTA EJEMPLO •Es Calcular las posibles raíces para una ecuación de segundo grado: ax2+bx+c=0el conjunto de operaciones y procedi • +-Algoritmo raícesmientos que deben seguirse para •resolver un problema. La palabra | Variables reales a,b,c,x,y"algoritmo" deriva del nombre • | Escribir "Introduzca los coeficientes de mayor a menor grado."latinizado del gran matemático • | Leer a,b,cárabe Mohamed Ibn Moussa Al Kow • | +-Si sqr(b)>= 4*a*c entoncesRizmi, el cual escribió sobre entre los •años 800 y 825 su obra Quitab Al | | x=(-b+sqrt(b^2-4*a*c))/2aJabr Al Mugabala, donde se recogía • | +-Sinoel sistema de • | | Escribir "No existen raíces reales."numeración hindú y el concepto del • | +-Finsicero. • +-Final
  9. 9. RESPUESTA EJEMPLO Entrada: por teclado• Análisis del problema• Diseño del algoritmo coef Descripción Codificación en QBasic• Codificación a team. cuadrático INPUT "Coef a =";A• Compilación y ejecución• Verificación b term. lineal INPUT "Coef b =";B• Depuración• Documentación c term. independiente INPUT "Coef c =";C
  10. 10. RESPUESTA 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. Registra no solo en línea vertical, sino también horizontal, distintas acciones simultáneas y la participación de más de un puesto o departamento que el formato vertical no registra.• Formato Arquitectónico: Describe el itinerario de ruta de una forma o persona sobre el plano arquitectónico del área de trabajo. El primero de los flujogramas es eminentemente descriptivo, mientras que los utilizados son fundamentalmente representativos.
  11. 11. RESPUESTA EJEMPLO• Óvalo o Elipse: Inicio y término (Abre y/o cierra el diagrama).• Rectángulo: Actividad (Representa la ejecución de una o más actividades o procedimientos).• Rombo: Decisión (Formula una pregunta o cuestión).• Círculo: Conector (Representa el enlace de actividades con otra dentro de un procedimiento).• Triángulo boca abajo: Archivo definitivo (Guarda un documento en forma permanente).• Triángulo boca arriba: Archivo temporal (Proporciona un tiempo para el almacenamiento del documento).
  12. 12. RESPUESTA 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. Una variable corresponde a un área reservada en la memoria principal del ordenador pudiendo ser de longitud. Fija
  13. 13. RESPUESTA EJEMPLO• Son valores fijos que no pueden ser modificados por el programa. Pueden ser de cualquier tipo de datos const int dummy = 321; /* básico (punteros incluidos). declaramos que dummy vale y Para marcar que queremos valdrá siempre 321 */ que una variable sea constante utilizamos la palabra reservada const tal que:
  14. 14. RESPUESTA EJEMPLO • En la expresión 5 + 3 los valores 5 y 3 se+ suma denominan operandos. El valor- resta de la expresión 5 + 3 se conoce* multiplicación como resultado de la expresión./ división div es la división entera, es decir,**, ˆ exponenciación 19 div 3 da como resultado 6. Eldiv división entera operador mod representa elmod módulo (resto) resto de la división entera, algunos lenguajes lo representan con el % o el . 15 mod 6 es igual a 3.
  15. 15. RESPUESTA EJEMPLO• Permiten realizar comparaciones de valores de < menor tipo numérico o carácter. Sirven para expresar las condiciones en los algoritmos, los > mayor operadores de relación. = igual• El resultado de la operación será verdadero o falso. Los operadores de relación se pueden <= menor o igual aplicar a cualquiera de los cuatro tipos de datos que estándar: enteros, reales, lógicos y carácter. La aplicación a valores numéricos es evidente. >= mayor o igual Para realizar comparaciones de datos de tipo que carácter, se requiere una secuencia de ordenación de los caracteres similar al orden <> distinto de creciente y decreciente. Esta ordenación suele ser alfabética (diferente a)
  16. 16. RESPUESTA EJEMPLO• Es un dispositivo electrónico el cual es la expresión física de un operador booleano en la lógica de conmutación. Cada a b ayb puerta lógica consiste en una verdadero verdadero verdadero red de dispositivos verdadero falso falso interruptores que cumple las condiciones booleanas para el falso verdadero falso operador particular. Son falso falso falso esencialmente circuitos de conmutación integrados en un chip.
  17. 17. RESPUESTA EJEMPLO• La compuerta lógica OR puede llamarse también compuerta lógica "o" a b aob La salida será "1" si la entrada verdadero verdadero verdadero A "o" la entrada B están en "1" verdadero falso verdadero falso verdadero verdadero• Símbolo de la compuerta falso falso falso "OR":
  18. 18. RESPUESTA EJEMPLO• Compuerta XOR ó compuerta O exclusiva ó compuerta O excluyente.• El siguiente diagrama muestra eñ símbolo de una compuerta XOR (O exclusiva) de 2 entradas:• Comprender el funcionamiento de esta compuerta digital es muy importante para después poder implementar lo que se llama un comparador digital.
  19. 19. RESPUESTA EJEMPLO• Siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), 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.
  20. 20. RESPUESTA EJEMPLO• Es el lenguaje de marcado predominante • <html> para la elaboración de páginas web. Es <head> usado para describir la estructura y el <title>Title of the contenido en forma de texto, así como document</title> para complementar el texto con objetos tales como imágenes. Rodeadas </head> por corchetes angulares (<,>). HTML también puede describir, hasta un cierto <body> punto, la apariencia de un documento, y The content of the document...... puede incluir un script (por </body> ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y </html> otros procesadores de HTML.
  21. 21. RESPUESTA EJEMPLO• El <HEAD> el elemento es un • <head> recipiente para todos los <title>Title of the elementos de cabeza. document</title> </head>•• El <HEAD> el elemento debe <body> incluir un título para el The content of the documento, y puede incluir las document...... escrituras, estilos, la </body> información de la meta, y más. </html>
  22. 22. RESPUESTA EJEMPLO• El <el título> la etiqueta define el • <html> título del documento. El <el título> el elemento se requiere en <head> todos los documentos de <title>HTML 4.01 Tag HTML/XHTML. El <el título> el Reference</title> elemento: define un título en el </head> toolbar del navegador que mantiene un título la página <body> cuando se agrega a los despliegues The content of the document...... de los favorito un título para la </body> página en los resultados del búsqueda-artefacto </html>
  23. 23. RESPUESTA EJEMPLO• El <BODY> la etiqueta define • <body> el cuerpo del documento. The content of the document......• El <el cuerpo> el elemento </body> contiene todos los volúmenes de un documento de HTML, como el texto, el hyperlinks, </html> las imágenes, las mesas, las listas, etc.,
  24. 24. RESPUESTA EJEMPLO• El <el h1> a <el h6> se usan • <h1>This is heading 1</h1> las etiquetas para definir los <h2>This is heading 2</h2> títulos de HTML. <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5>• <el h1> define el título más <h6>This is heading 6</h6> importante. <el h6> define el título importante.
  25. 25. RESPUESTA EJEMPLO• El elemento del El <el centro> el en de obsoleta de está HTML 4.01. • <center>This text will be• La etiqueta de La <el centro> center-aligned.</center> el se utiliza para centrar alinear el la etiqueta de texto.La <el centro> el se utiliza para centrar alinear el texto

×