lOMoARcPSD|18554906
Practica 9
Lenguajes De Programación Y Laboratorio (Universidad Autónoma de Nuevo León)
Scan to open on Studocu
Studocu is not sponsored or endorsed by any college or university
Downloaded by Jared Reyez (ernestorangel173@[Link])
lOMoARcPSD|18554906
Practica 9
Nombre: Oscar Eduardo Alvarez Martínez
Matricula: 1857160
Carrera: ITS
Maestro: TORRES GARZA JOSE LUIS
Materia: Laboratorio Lenguaje de Programación
Brigada: 414
Downloaded by Jared Reyez (ernestorangel173@[Link])
lOMoARcPSD|18554906
COMMON GATEWAY INTERFACE
¿Qué es?
CGI, en español “Interfaz de Entrada Común". Para comenzar a hablar de este
concepto, primero debemos entender que CGI no es un lenguaje de programación,
si no una API de servidor web (Application Programming Interface).
Básicamente, se trata de un sistema de comunicación que permite intercambiar
datos entre los servidores y las aplicaciones externas de manera estandarizada, en
otras palabras, le dice al servidor web cómo enviar y recibir datos de una aplicación
de servidor a un cliente. Esto permite a los servidores usar aplicaciones de
servidor para realizar funciones concretas que añaden mayor interactividad a las
páginas web, como:
▪ Formularios
▪ Acceso a bases de datos
▪ Login de usuarios
▪ Chats
Esta fue una de las primeras formas realizar sitios web dinámicos en Internet,
actualmente se utiliza una variante mucho más rápida, Fast-CGI.
Con el CGI, no es necesario que todo el contenido de la página HTML esté
disponible en el servidor, sino que este se genera de forma dinámica cuando el
usuario realiza la solicitud correspondiente a través de la propia página
El script del CGI puede escribirse en gran variedad de lenguajes de programación
y se garantiza que, al margen del lenguaje utilizado, el servidor web y
el script puedan comunicarse entre sí.
Downloaded by Jared Reyez (ernestorangel173@[Link])
lOMoARcPSD|18554906
¿Cómo funciona?
Un servidor espera a que un cliente solicite un archivo mediante un request. Este
archivo puede ser un documento HTML, una imagen, o cualquier otro tipo de
resource, ya que al final todos son datos.
A pesar de que los sitios web suelen consistir en varios archivos juntos, como por
ejemplo imágenes, el servidor envía sólo un archivo durante una sesión. El cliente
debe iniciar una nueva sesión por cada archivo que solicite.
El servidor y el cliente normalmente funcionan en diferentes computadoras, y es
probable que también lo hagan con diferentes sistemas operativos. Él servidor no
modifica dinámicamente los datos, solo los lee y los envía al cliente, lo que se
conoce datos estáticos.
Es por eso por lo que se usa CGI, ya que está diseñado precisamente para poder
tratar con datos dinámicos extendiendo la funcionalidad del servidor, de la misma
forma que una extensión de PHP extiende la funcionalidad de este.
Para que esto funcione se debe hacer en standard output “stdout” y el servidor se
encargará de hablar con el navegador sin que el servidor tenga que saber de que
tipo de datos se trata.
Downloaded by Jared Reyez (ernestorangel173@[Link])
lOMoARcPSD|18554906
GET
Es un método que envía información entre páginas o documentos .php o .html, pero
dicho método es único debido a que la información la envía por medio de la URL es
decir, por ejemplo: [Link]?texto_mostrar=textoquesemuestra
En otras palabras, si tú estás en una página que use este método para enviar
información al enviar por ejemplo una contraseña en un formulario HTML, el URL
creado sería como: [Link]?usuario=juanlopez&contraseña=tupasssecreta
en estos casos, tú o cualquier otra persona puede mirar el password y los datos con
solo mirar la URL e incluso hasta editarlos sobre la marcha y eso no es seguro.
Figure 1. Ejemplo de línea de Código
Es un método que permite enviar información entre dos páginas o documentos .php
o .html por medio de formularios html y cabe destacar que lo que hace único al
método post para el envió de datos o información es que dicho envió se hace oculto
es decir nunca va a ver el usuario como es que se envía esta información, porque
el envió se hace internamente invisible al usuario. y tampoco podrá editarla una vez
envíe un formulario html.
POST
En el ámbito del marketing digital, un post se refiere a una publicación de contenido que
puede incluir texto, imágenes, videos o enlaces, y se comparte en plataformas de redes
sociales, blogs o sitios web. Estas publicaciones son fundamentales para la estrategia de
contenido de una marca porque permiten interactuar con el público objetivo y aumentar la
visibilidad online.
Tipos de Posts en Marketing Digital
En marketing digital existen diversos tipos de posts que se adaptan a las diferentes
plataformas y objetivos. Estos son los más comunes:
Downloaded by Jared Reyez (ernestorangel173@[Link])
lOMoARcPSD|18554906
Posts en Redes Sociales
• Texto: Breves actualizaciones o mensajes que pueden incluir hashtags para
aumentar el alcance.
• Imágenes: Publicaciones que utilizan fotografías o gráficos para captar la atención
visual del público.
• Vídeos: Contenido en formato de vídeo que suele generar un alto nivel de
interacción y engagement.
• Historias: Publicaciones efímeras que desaparecen después de 24 horas, ideales
para contenido inmediato y atractivo.
• Enlaces: Posts que dirigen a los usuarios a contenido externo, como artículos de
un blog o páginas de productos.
• Encuestas: Publicaciones interactivas que permiten a los usuarios participar y
expresar sus opiniones sobre un tema específico. Las encuestas son efectivas para
aumentar el engagement y obtener retroalimentación directa de la audiencia.
FORMULARIOS HTML
Un formulario es un conjunto de controles (botones, cajas de texto, casillas de
verificación, botones radio, etc) que permiten al usuario introducir datos y enviarlos
al servidor web para su procesamiento.
La etiqueta que delimita un formulario es la etiqueta <form> ...</form>. Los atributos
más importantes de la etiqueta <form> son:
▪ action: contiene el nombre del agente que procesará los datos remitidos al
servidor (por ejemplo, un script de PHP).
▪ method: define la manera de enviar los datos al servidor. Los valores posibles
son:
o get: los valores enviados se añaden a la dirección indicada en el
atributo action.
o post: los valores se envían de forma separada.
Downloaded by Jared Reyez (ernestorangel173@[Link])
lOMoARcPSD|18554906
Si el atributo method no está establecido, el formulario se comporta como si el valor
fuera get.
La etiqueta <form> es un elemento de bloque. En su interior puede haber cualquier
elemento típico de una página web (párrafos, imágenes, divisiones, listas, tablas,
etc.), además de las etiquetas que crean los controles.
Las etiquetas que crean los controles en los formularios
son <input>, <button>, <select>, <optgroup>, <option> y <textarea>. Además, se
pueden estructurar los controles con las etiquetas <fieldset> y <legend>. Por último,
la etiqueta <label> permite mejorar la accesibilidad de los controles.
El navegador envía únicamente los datos de los controles contenidos en el
formulario. En una misma página puede haber varios formularios que envíen datos
al mismo o a diferentes agentes.
• Algunos atributos se pueden utilizar en varios tipos de controles y los más
comunes son:
• El atributo type: de la etiqueta <input> indica el tipo de control de que se trata.
• El atributo name: identifica al control. Todos los controles de un formulario
deben tener el atributo name porque, en general, sólo se envían los controles
que lo tienen (aunque hay excepciones, como los controles de tipo imagen o
los botones, que no los necesitan).
• El atributo value: permite establecer el valor inicial de un control, aunque
cada control lo utiliza de una forma ligeramente distinta y algunos controles
no lo admiten (área de texto, archivo o imagen).
• El atributo required: permite indicar qué controles es obligatorio rellenar para
enviar el formulario.
• El atributo placeholder: permite mostrar en los controles de texto un texto que
desaparece al escribir en el control.
Downloaded by Jared Reyez (ernestorangel173@[Link])
lOMoARcPSD|18554906
Los atributos maxlength y minlength: permiten establecer la longitud máxima y
mínima, respectivamente, que puede escribir el usuario en un control de texto
(text, password, search, etc.).
Botones: <input> y <button>: Los botones se crean mediante la etiqueta <input> o
mediante la etiqueta <button>. La diferencia entre ellos es que <input> sólo puede
contener texto, mientras que <button> permite incluir elementos html como
imágenes. El contenido del botón <input> se define mediante el atributo value, por
lo que sólo puede contener texto. El contenido del botón <button> se escribe dentro
del elemento, por lo que puede incluir texto e imágenes.
Normalmente los botones no suelen llevar atributo name, pero se puede poner si se
quiere (tendría sentido si un formulario contuviera dos botones de envío y
quisiéramos saber en cuál de ellos ha hecho clic el usuario, pero esto no es muy
habitual).
Downloaded by Jared Reyez (ernestorangel173@[Link])
lOMoARcPSD|18554906
BIBLIOGRAFIA
Concepto y funcionamiento de CGI. (n.d.). [Link]
funcionamiento-de-cgi
Equipo editorial de IONOS. (2020, September 14). Common Gateway Interface (CGI): qué
es y qué aplicaciones tiene. IONOS Digital Guide.
[Link]
interface/
get y post HTML: method. Formas de envío de datos en formulario. Diferencias y ventajas.
Ejemplos (CU00721B). (n.d.).
[Link]
e&id=527:get-y-post-html-method-formas-de-envio-de-datos-en-formulario-
diferencias-y-ventajas-ejemplos-cu00721b&catid=69&Itemid=192
Marco, B. S. (n.d.). Formularios (1). HTML. Páginas web HTML y hojas de estilo CSS.
Bartolomé Sintes Marco. [Link].
[Link]
Downloaded by Jared Reyez (ernestorangel173@[Link])
