SlideShare une entreprise Scribd logo
1  sur  26
RESPUESTA                         EJEMPLO
(Programar) Se designa al        • Es     un     lenguaje    de
conjunto de procedimientos y       programación       que    se
técnicas por medio de las          utilizado en un creador de
cuales se establece de manera      programas como el C
sistemática una serie de         • #include <stdio.h> int main
actividades, previsiones y       • (int argc,char **argv) {
disposiciones, para formular o   • printf("Hola mundon");
elaborar planes, programas o     • return 0;
proyectos.                       • }
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.
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) .
RESPUESTA             EJEMPLO
•   Ada                 ALGOL
•   BASIC               C#
•   COBOL              Fortran
•   Java                 Lisp
•   Modula-2            Pascal
•   Perl                PHP
•   PL/1                PL/SQL
•   Python              Ruby
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
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.
RESPUESTA                                EJEMPLO
 Es un paradigma de programación en       • ABAP
el que tanto la estructura como la
ejecución de los programas van            Es un lenguaje de cuarta
determinados por los sucesos que
ocurran en el sistema, definidos por el   generación,            propiedad
usuario o que ellos mismos provoquen.     de SAP, que se utiliza para
                                          programar la mayoría de sus
Para     entender   la    programación    productos     (R/3,       mySAP
dirigida    por   eventos,    podemos
oponerla a lo que no es: mientras en la   Business    suite...).    Utiliza
programación                 secuencial   sentencias de Open SQL para
(o estructurada) es el programador el
que define cuál va a ser el flujo del     conectarse                   con
programa, en la programación dirigida     prácticamente cualquier base
por eventos será el propio usuario —o
lo que sea que esté accionando el         de datos.
programa— el que dirija el flujo del
programa.
RESPUESTA                                              EJEMPLO
                                          •
Es                                            Calcular las posibles raíces para una ecuación de segundo grado:
                                              ax2+bx+c=0
el conjunto de operaciones y procedi      •   +-Algoritmo raíces
mientos 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 entonces
Rizmi, el cual escribió sobre entre los
                                          •
años 800 y 825 su obra Quitab Al              | | x=(-b+sqrt(b^2-4*a*c))/2a

Jabr Al Mugabala, donde se recogía        •   | +-Sino

el sistema de                             •   | | Escribir "No existen raíces reales."

numeración hindú y el concepto del        •   | +-Finsi
cero.                                     •   +-Final
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
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.
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).
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
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:
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. El
div         división entera     operador mod representa el
mod         módulo (resto)      resto de la división entera,
                                algunos lenguajes lo representan
                                con el % o el . 15 mod 6 es igual
                                a 3.
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)
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.
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":
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.
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.
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.
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>
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>
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.,
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.
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

Contenu connexe

Tendances

Uso de las clases iostream
Uso de las clases iostreamUso de las clases iostream
Uso de las clases iostreamTensor
 
Nivel de programacion web
Nivel de programacion webNivel de programacion web
Nivel de programacion webEdwin Cuervo
 
Introducción
IntroducciónIntroducción
IntroducciónTensor
 
Lenguaje Borland C - Estructura y Componentes
Lenguaje Borland C - Estructura y ComponentesLenguaje Borland C - Estructura y Componentes
Lenguaje Borland C - Estructura y ComponentesKarina Arguedas Ruelas
 
Nivel de programacion web_introduccion_11º3
Nivel  de programacion web_introduccion_11º3Nivel  de programacion web_introduccion_11º3
Nivel de programacion web_introduccion_11º3SebastianFrancoSotelo
 
Traducción de un programa: compilación, enlace de un programa, errores en tie...
Traducción de un programa: compilación, enlace de un programa, errores en tie...Traducción de un programa: compilación, enlace de un programa, errores en tie...
Traducción de un programa: compilación, enlace de un programa, errores en tie...Jorge Rodriguez
 
Pseudocodigo
PseudocodigoPseudocodigo
PseudocodigoTensor
 
Estructura de lenguaje ensamblador
Estructura de lenguaje ensambladorEstructura de lenguaje ensamblador
Estructura de lenguaje ensambladorEustakiu Padilla
 
Estructura de Lenguaje C++
Estructura de Lenguaje C++Estructura de Lenguaje C++
Estructura de Lenguaje C++Nana Garces
 
Programacion web introduccion 11 3
Programacion web introduccion 11 3Programacion web introduccion 11 3
Programacion web introduccion 11 3Molano-10
 
Desasorrollo web nivel introduccion (b.b)
Desasorrollo web nivel introduccion (b.b)Desasorrollo web nivel introduccion (b.b)
Desasorrollo web nivel introduccion (b.b)Bryan Bolaños Garcia
 
Lenguaje ensamblador y Estructura del CPU
Lenguaje ensamblador y Estructura del CPULenguaje ensamblador y Estructura del CPU
Lenguaje ensamblador y Estructura del CPUromo91
 
Clase 03
Clase 03Clase 03
Clase 03Tensor
 
Practica 1
Practica 1Practica 1
Practica 1Tensor
 

Tendances (19)

Uso de las clases iostream
Uso de las clases iostreamUso de las clases iostream
Uso de las clases iostream
 
Nivel de programacion web
Nivel de programacion webNivel de programacion web
Nivel de programacion web
 
Pascal [modo de compatibilidad]
Pascal [modo de compatibilidad]Pascal [modo de compatibilidad]
Pascal [modo de compatibilidad]
 
Introducción
IntroducciónIntroducción
Introducción
 
Lenguaje Borland C - Estructura y Componentes
Lenguaje Borland C - Estructura y ComponentesLenguaje Borland C - Estructura y Componentes
Lenguaje Borland C - Estructura y Componentes
 
Capitulo i
Capitulo iCapitulo i
Capitulo i
 
Nivel de programacion web_introduccion_11º3
Nivel  de programacion web_introduccion_11º3Nivel  de programacion web_introduccion_11º3
Nivel de programacion web_introduccion_11º3
 
Traducción de un programa: compilación, enlace de un programa, errores en tie...
Traducción de un programa: compilación, enlace de un programa, errores en tie...Traducción de un programa: compilación, enlace de un programa, errores en tie...
Traducción de un programa: compilación, enlace de un programa, errores en tie...
 
NIVEL DE PROGRAMACIÓN WEB INTRODUCCIÓN
NIVEL DE PROGRAMACIÓN WEB INTRODUCCIÓNNIVEL DE PROGRAMACIÓN WEB INTRODUCCIÓN
NIVEL DE PROGRAMACIÓN WEB INTRODUCCIÓN
 
Pseudocodigo
PseudocodigoPseudocodigo
Pseudocodigo
 
Estructura de lenguaje ensamblador
Estructura de lenguaje ensambladorEstructura de lenguaje ensamblador
Estructura de lenguaje ensamblador
 
Estructura de Lenguaje C++
Estructura de Lenguaje C++Estructura de Lenguaje C++
Estructura de Lenguaje C++
 
Programacion web introduccion 11 3
Programacion web introduccion 11 3Programacion web introduccion 11 3
Programacion web introduccion 11 3
 
Desasorrollo web nivel introduccion (b.b)
Desasorrollo web nivel introduccion (b.b)Desasorrollo web nivel introduccion (b.b)
Desasorrollo web nivel introduccion (b.b)
 
Analizador Lexico
Analizador LexicoAnalizador Lexico
Analizador Lexico
 
Introduccion del Lenguaje C
Introduccion del Lenguaje CIntroduccion del Lenguaje C
Introduccion del Lenguaje C
 
Lenguaje ensamblador y Estructura del CPU
Lenguaje ensamblador y Estructura del CPULenguaje ensamblador y Estructura del CPU
Lenguaje ensamblador y Estructura del CPU
 
Clase 03
Clase 03Clase 03
Clase 03
 
Practica 1
Practica 1Practica 1
Practica 1
 

Similaire à Programacion web introduccion diego zuluaga

Introduccion web paula
Introduccion web paulaIntroduccion web paula
Introduccion web paulaPaan-Benitez
 
Presentacion info
Presentacion infoPresentacion info
Presentacion infomariopoza00
 
Unidad Iii Generalidades Sobre Algoritmos
Unidad Iii Generalidades Sobre AlgoritmosUnidad Iii Generalidades Sobre Algoritmos
Unidad Iii Generalidades Sobre Algoritmosmarthaill10
 
Desasorrollo web nivel introduccion (b.b)
Desasorrollo web nivel introduccion (b.b)Desasorrollo web nivel introduccion (b.b)
Desasorrollo web nivel introduccion (b.b)Jüan Castro
 
Lenguajes de programacion
Lenguajes de programacionLenguajes de programacion
Lenguajes de programacionJohan95
 
Fundamentos de programación en diseño web
Fundamentos de programación en diseño webFundamentos de programación en diseño web
Fundamentos de programación en diseño webDayraNieto9807
 
Fundamentos de programación en diseño web
Fundamentos de programación en diseño webFundamentos de programación en diseño web
Fundamentos de programación en diseño webkarenJulieth04
 
Nicholas casañas castaño
Nicholas casañas castañoNicholas casañas castaño
Nicholas casañas castañonicholas_333
 
Fundamentos de Programación - Unidad II: Introducción a la Programación
Fundamentos de Programación - Unidad II: Introducción a la ProgramaciónFundamentos de Programación - Unidad II: Introducción a la Programación
Fundamentos de Programación - Unidad II: Introducción a la ProgramaciónJosé Antonio Sandoval Acosta
 
PPT PROGRAMACION TODAS LAS UNIDADES.pptx
PPT PROGRAMACION TODAS LAS UNIDADES.pptxPPT PROGRAMACION TODAS LAS UNIDADES.pptx
PPT PROGRAMACION TODAS LAS UNIDADES.pptxAlexGady1
 
Nivel de programacion web_introduccion_11º3
Nivel  de programacion web_introduccion_11º3Nivel  de programacion web_introduccion_11º3
Nivel de programacion web_introduccion_11º3SebastianFrancoSotelo
 

Similaire à Programacion web introduccion diego zuluaga (20)

Introduccion web paula
Introduccion web paulaIntroduccion web paula
Introduccion web paula
 
Presentacion info
Presentacion infoPresentacion info
Presentacion info
 
Unidad Iii Generalidades Sobre Algoritmos
Unidad Iii Generalidades Sobre AlgoritmosUnidad Iii Generalidades Sobre Algoritmos
Unidad Iii Generalidades Sobre Algoritmos
 
Practica 09
Practica 09Practica 09
Practica 09
 
Desasorrollo web nivel introduccion (b.b)
Desasorrollo web nivel introduccion (b.b)Desasorrollo web nivel introduccion (b.b)
Desasorrollo web nivel introduccion (b.b)
 
Lorena gg
Lorena ggLorena gg
Lorena gg
 
SILDESHARE.pdf
SILDESHARE.pdfSILDESHARE.pdf
SILDESHARE.pdf
 
T 25
T 25T 25
T 25
 
Microprocesadores1
Microprocesadores1Microprocesadores1
Microprocesadores1
 
T 25
T 25T 25
T 25
 
T 25
T 25T 25
T 25
 
Lenguajes de programacion
Lenguajes de programacionLenguajes de programacion
Lenguajes de programacion
 
Fundamentos de programación en diseño web
Fundamentos de programación en diseño webFundamentos de programación en diseño web
Fundamentos de programación en diseño web
 
Fundamentos de programación en diseño web
Fundamentos de programación en diseño webFundamentos de programación en diseño web
Fundamentos de programación en diseño web
 
Nicholas casañas castaño
Nicholas casañas castañoNicholas casañas castaño
Nicholas casañas castaño
 
Fundamentos de Programación - Unidad II: Introducción a la Programación
Fundamentos de Programación - Unidad II: Introducción a la ProgramaciónFundamentos de Programación - Unidad II: Introducción a la Programación
Fundamentos de Programación - Unidad II: Introducción a la Programación
 
PPT PROGRAMACION TODAS LAS UNIDADES.pptx
PPT PROGRAMACION TODAS LAS UNIDADES.pptxPPT PROGRAMACION TODAS LAS UNIDADES.pptx
PPT PROGRAMACION TODAS LAS UNIDADES.pptx
 
Tipos de programacion
Tipos de programacionTipos de programacion
Tipos de programacion
 
Nivel de programacion web_introduccion_11º3
Nivel  de programacion web_introduccion_11º3Nivel  de programacion web_introduccion_11º3
Nivel de programacion web_introduccion_11º3
 
Programacion web introduccion
Programacion web introduccionProgramacion web introduccion
Programacion web introduccion
 

Dernier

pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfJulian Lamprea
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 

Dernier (13)

pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 

Programacion web introduccion diego zuluaga

  • 1.
  • 2. RESPUESTA EJEMPLO (Programar) Se designa al • Es un lenguaje de conjunto de procedimientos y programación que se técnicas por medio de las utilizado en un creador de cuales se establece de manera programas como el C sistemática una serie de • #include <stdio.h> int main actividades, previsiones y • (int argc,char **argv) { disposiciones, para formular o • printf("Hola mundon"); elaborar planes, programas o • return 0; proyectos. • }
  • 3. 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.
  • 4. 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) .
  • 5. RESPUESTA EJEMPLO • Ada ALGOL • BASIC C# • COBOL Fortran • Java Lisp • Modula-2 Pascal • Perl PHP • PL/1 PL/SQL • Python Ruby
  • 6. 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
  • 7. 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.
  • 8. RESPUESTA EJEMPLO Es un paradigma de programación en • ABAP el que tanto la estructura como la ejecución de los programas van Es un lenguaje de cuarta determinados por los sucesos que ocurran en el sistema, definidos por el generación, propiedad usuario o que ellos mismos provoquen. de SAP, que se utiliza para programar la mayoría de sus Para entender la programación productos (R/3, mySAP dirigida por eventos, podemos oponerla a lo que no es: mientras en la Business suite...). Utiliza programación secuencial sentencias de Open SQL para (o estructurada) es el programador el que define cuál va a ser el flujo del conectarse con programa, en la programación dirigida prácticamente cualquier base por eventos será el propio usuario —o lo que sea que esté accionando el de datos. programa— el que dirija el flujo del programa.
  • 9. RESPUESTA EJEMPLO • Es Calcular las posibles raíces para una ecuación de segundo grado: ax2+bx+c=0 el conjunto de operaciones y procedi • +-Algoritmo raíces mientos 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 entonces Rizmi, el cual escribió sobre entre los • años 800 y 825 su obra Quitab Al | | x=(-b+sqrt(b^2-4*a*c))/2a Jabr Al Mugabala, donde se recogía • | +-Sino el sistema de • | | Escribir "No existen raíces reales." numeración hindú y el concepto del • | +-Finsi cero. • +-Final
  • 10. 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
  • 11. 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.
  • 12. 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).
  • 13. 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
  • 14. 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:
  • 15. 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. El div división entera operador mod representa el mod módulo (resto) resto de la división entera, algunos lenguajes lo representan con el % o el . 15 mod 6 es igual a 3.
  • 16. 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)
  • 17. 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.
  • 18. 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":
  • 19. 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.
  • 20. 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.
  • 21. 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.
  • 22. 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>
  • 23. 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>
  • 24. 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.,
  • 25. 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.
  • 26. 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