República Bolivariana de Venezuela.

Ministerio del poder popular para la educación universitaria.

Universidad Bolivariana de Venezuela.
Eje Geopolítico Territorial Juana Ramírez La Avanzadora.
PFG Informática para la gestión Social.
U.C: Aplicaciones basadas en tecnología internet.

Tema 4, 5, 6:
Proceso de
desarrollo de
aplicaciones Web.
Profesora: Estudiantes:
Alvis Zacarias Andreina Astudillo
C.I: 28.608.540
Vicente Lezama
C.I: 26.938.921

Maturín, 5 de junio del 2023.

 Introducción

Un hito en la World Wide Web fue la introducción del navegador web Mosaic en
1993, un programa gráfico desarrollado por un equipo en el Centro Nacional de
Aplicaciones de Supercomputación (NCSA) de la Universidad de Illinois en
Urbana-Champaign (UIUC), dirigido por Marc Andreessen. Los fondos para
Mosaic vinieron del High-Performance Computing and Communications Initiative,
un programa de fondos iniciado por el entonces senador Al Gore.
Sorprendentemente el primer navegador Mosaic carecía del botón atrás que fue
propuesto en 1992-3 por el mismo individuo que inventó el concepto de
documentos de texto a los que se les podía hacer clic. El navegador fue planeado
para ser un editor y no un simple visor.

Los orígenes de Mosaic comenzaron en 1992. En el mes de noviembre de 1992,

el NCSA en la Universidad de Illinois (UIUC) estableció un sitio web. En diciembre
de 1992, Andreessen y Eric Bina, estudiantes de UIUC que trabajaban en NCSA,
comenzaron a trabajar en Mosaic. Lanzaron un buscador basado en X Windows
en febrero de 1993. Dicho navegador ganó popularidad debido a su fuerte soporte
de multimedia integrada y los autores rápidamente respondieron a los informes de
problemas y recomendaciones con nuevas características realizadas por usuarios.
 Desarrollo

1. Antecedentes históricos y tecnológicos de la red de internet y el World

Wide Web.
En 1966, Robert Taylor (nacido en 1932) se incorporó a la ARPA como director de
la Oficina de Técnicas de Procesamiento de Información (Information Processing
Techniques Office), que se encargaba de recopilar información de diferentes
países, como Rusia, para procesarla y tratar de descifrarla para actuar en
consecuencia. Desarrollaba su trabajo utilizando tres tipos diferentes de
computadoras y encontró que era muy difícil compartir los datos entre ellas. Taylor
pidió presupuesto a Charles Hertzfeld (nacido en 1925), Director de la ARPA
entonces, para desarrollar un mecanismo que permitiera conectar y controlar,
mediante un protocolo, a las computadoras, independientemente de su
arquitectura y sistema operativo. Esto dio origen tres años después, a la primera
red de área amplia denominada ARPANET.

En 1969, la ARPA decidió crear el primer nodo de la red, conocido como Interface
Message Processor, en la Universidad de California en Los Ángeles, dejando ese
proyecto a cargo de Leonard Kleinrock. Un mes después quedó concluida la
instalación del segundo nodo en el Instituto de Investigaciones Stanford. El primer
mensaje entre los dos anfitriones se realizó en octubre de ese año. Un estudiante
de la UCLA hizo el primer envío de datos; al tratar de entrar al nodo de IIS, el
sistema se “cayó”. El siguiente intento ya se logró exitosamente. Para abril de
1971 se hallaban conectadas 23 computadoras en 15 nodos.
En 1980, la World Wide Web (WWW) nació en el CERN, el Centro Europeo de
Física Nuclear, en Ginebra (Suiza), de la mano del ingeniero y físico británico Tim
Berners-Lee como un sistema de intercambio de datos entre los 10.000 científicos
que trabajaban en la institución.
En 1984, Berners-Lee, de nuevo en el CERN, consideró los problemas de la
presentación de información, los físicos por todo el mundo necesitaban compartir
datos y sus ordenadores y software eran diferentes. En marzo de 1989, redactó
una propuesta para una gran base de datos de hipertexto con enlaces tipados,
pero generó poco interés. Su jefe, Mike Sendall, alentó a Berners-Lee a comenzar
a implementar el sistema sobre la recientemente adquirida estación de trabajo
NeXT. Pensó varios nombres para el sistema, incluyendo Information Mesh, The
Information Mine (cuya abreviatura sería TIM, como su propio nombre) o Mine of
Information (abreviado sería MOI, que en francés significa yo), para finalmente se
quedó con World Wide Web.
 2. Definición de red internet y World Wide Web.
La red Internet es un conjunto descentralizado de redes de comunicaciones
interconectadas, que utilizan la familia de protocolos TCP/IP, lo cual garantiza que
las redes físicas heterogéneas que la componen constituyen una red lógica única
de alcance mundial. Sus orígenes se remontan a 1969, cuando se estableció la
primera conexión de computadoras, conocida como ARPANET, entre tres
universidades en California (Estados Unidos). Al igual que es una red de
computadoras interconectadas a nivel mundial en forma de telaraña. Consiste de
servidores que proveen información a aproximadamente 100 millones de personas
que están conectadas.

la World Wide Web (La Web) o red informática mundial es un sistema que
funciona a través de internet, por el cual se pueden transmitir diversos tipos de
datos a través del Protocolo de Transferencia de Hipertextos o HTTP, que son los
enlaces de la página web. Es un sistema a través del cual se gestiona información
que será compartida por internet; es necesario tener conexión a internet a través
de alguna aplicación para poder utilizar la web, por ejemplo, Chrome, Mozilla,
Safari y otros navegadores web, que son herramientas de internet que nos
permiten acceder a un gran número de contenidos que a su vez nos direccionan a
otras páginas y así sucesivamente; para su creación se emplea lenguaje
informático HTML (Hypertext Markup Language), lenguaje de marcas que permite
crear documentos para compartir a través de internet; emplea el sistema de
Localización Uniforme de Recursos o URL, que es la dirección concreta que
determina cada uno de los recursos que se encuentran en la red, es decir, es un
identificador propio para cada página, documento, archivo, entre otros, que se
encuentran en la web.

3. El paradigma Cliente/Servidor en el Web.

Las aplicaciones web utilizan el esquema cliente/servidor, haciendo uso del
protocolo HTTP para la gestión de la comunicación. Cuando ejecutamos una
aplicación web, existen dos partes bien diferenciadas: el cliente, que es el proceso
que envía las peticiones; y el servidor, que el proceso responsable de responder.
Dichas aplicaciones suelen estar en diferentes máquinas, equipadas con diferente
hardware y sistema operativo. El cliente se puede estar ejecutando en un equipo
portátil, y el servidor es el proceso que se ejecuta en una máquina remota.
Los dos componentes de una aplicación web suelen denominarse como front end
y back end. El front end es ejecutado en un navegador web en el lado del cliente; y
el back end se ejecuta en el lado del servidor.
4. Componentes tecnológicos de la red internet y el Web (Clientes,
Servidores y Protocolos Web, HTML).

 Clientes: son las computadoras con las que los usuarios se conectan a
Internet. Estos clientes pueden estar dentro o fuera de la red. Cuando el
cliente está fuera, las líneas de comunicación secundarias permiten su
conexión con los servidores de Internet. Esta línea suele ser telefónica.

 Servidores: Son los equipos que ponen a disposición de los usuarios los
distintos servicios.
 Servidor de archivos: almacena varios tipos de archivo y los distribuye a
otros clientes en la red. Pueden ser servidos en distinto formato según el
servicio que presten y el medio: FTP, HTTP, entre otros.

 Servidor de impresión: controla una o más impresoras y acepta trabajos de

impresión de otros clientes de la red, poniendo en cola los trabajos de
impresión (aunque también puede cambiar la prioridad de las diferentes
impresiones), y realizando la mayoría o todas las otras funciones que en un
sitio de trabajo se realizaría para lograr una tarea de impresión si la
impresora fuera conectada directamente con el puerto de impresora del sitio
de trabajo.

 Servidor de correo: almacena, envía, recibe, enruta y realiza otras

operaciones relacionadas con el correo-e (e-mail) para los clientes de la
red.

 Servidor de fax: almacena, envía, recibe, enruta y realiza otras funciones

necesarias para la transmisión, la recepción y la distribución apropiadas del
fax, con origen y/o destino una computadora o un dispositivo físico de
telefax.

 Servidor de telefonía: realiza funciones relacionadas con la telefonía, como

es la de contestador automático, realizando las funciones de un sistema
interactivo para la respuesta de la voz, almacenando los mensajes de voz,
encaminando las llamadas y controlando también la red o Internet, entre
otros. Pueden operar con telefonía IP o analógica.

 Servidor proxy: realiza un cierto tipo de funciones en nombre de otros

clientes en la red para aumentar el funcionamiento de ciertas operaciones
(prefetching y depositar documentos u otros datos que se soliciten muy
frecuentemente). También sirve seguridad; esto es, tiene un firewall
(cortafuegos). Permite administrar el acceso a Internet en una red de
computadoras permitiendo o negando el acceso a diferentes sitios web,
basándose en contenidos, origen/destino, usuario, horario, entre otros.

 Servidor de acceso remoto (Remote Access Service, RAS): controla las

líneas de módems u otros canales de comunicación de la red para que las
peticiones conecten una posición remota con la red, responden las
llamadas telefónicas entrantes o reconocen la petición de la red y realizan
los chequeos necesarios de seguridad y otros procedimientos necesarios
 para registrar a un usuario en la red. Gestionan las entradas para
establecer las redes virtuales privadas (VPN).

 Servidor web: almacena documentos HTML, imágenes, archivos de texto,

escrituras, y demás material web compuesto por datos (conocidos
normalmente como contenido), y distribuye este contenido a clientes que la
piden en la red.

 Servidor de streaming: Servidores que distribuyen multimedia de forma

continua evitando al usuario esperar a la descarga completa del fichero. De
esta forma se pueden distribuir contenidos tipo radio, vídeo, entre otros. en
tiempo real y sin demoras.

 Servidor de reserva (standby server): Tiene el software de reserva de la red

instalado y tiene cantidades grandes de almacenamiento de la red en
discos duros u otras formas del almacenamiento disponibles para que se
utilice con el fin de asegurarse de que la pérdida de un servidor principal no
afecte a la red. El servidor de reserva lo puede ser de cualquiera de los
otros tipos de servidor, siendo muy habituales en los servidores de
aplicaciones y bases de datos.

 Servidor de autenticación: Es el encargado de verificar que un usuario

pueda conectarse a la red en cualquier punto de acceso, ya sea inalámbrico
o por cable, basándose en el estándar 802.1x y puede ser un servidor de
tipo RADIUS.

 Servidores para los servicios de red: Estos equipos gestionan aquellos

servicios necesarios propios de la red y sin los cuales no se podrían
interconectar, al menos de forma sencilla. Algunos de esos servicios son:
servicio de directorio para la gestión de los usuarios y los recursos
compartidos, Dynamic Host Configuration Protocol (DHCP) para la
asignación de las direcciones IP en redes TCP/IP, Domain Name System
(DNS) para poder nombrar los equipos sin tener que recurrir a su dirección
IP numérica, entre otros.

 Servidor de base de datos: Permite almacenar la información que utilizan

las aplicaciones de todo tipo, guardándola ordenada y clasificada y que
puede ser recuperada en cualquier momento y sobre la base de una
consulta concreta. Estos servidores suelen utilizar lenguajes estandarizados
 para hacer más fácil y reutilizable la programación de aplicaciones, uno de
los más populares es SQL.

 Servidor de aplicaciones: Ejecuta ciertas aplicaciones. Usualmente se trata

de un dispositivo de software que proporciona servicios de aplicación a la
computadora cliente. Un servidor de aplicaciones gestiona la mayor parte (o
la totalidad) de las funciones de lógica de negocio y de acceso a los datos
de la aplicación. Los principales beneficios de la aplicación de la tecnología
de servidores de aplicación son la centralización y la disminución de la
complejidad en el desarrollo de aplicaciones.

 Servidores de monitorización y gestión: Ayudan a simplificar las tareas de

control, monitorización, búsqueda de averías, resolución de incidencias, etc.
Permiten, por ejemplo, centralizar la recepción de mensajes de aviso,
alarma e información que emiten los distintos elementos de red (no solo los
propios servidores). El SNMP es uno de los protocolos más difundidos y
que permite comunicar elementos de distintos fabricantes y de distinta
naturaleza.

 Protocolo Web: El Protocolo de Internet (IP) es un protocolo o conjunto de

reglas, para enrutar y direccionar paquetes de datos para que puedan viajar
a través de las redes y llegar al destino correcto. Los datos que atraviesan
Internet se dividen en trozos más pequeños, llamados paquetes. La
información IP se adjunta a cada paquete, y esta información ayuda a los
enrutadores a enviar los paquetes al lugar correcto. A cada dispositivo o
dominio que se conecta a Internet se le asigna una dirección IP, y a medida
que los paquetes se dirigen a la dirección IP adjunta, los datos llegan a
donde se necesitan. Una vez que los paquetes llegan a su destino, se
manejan de forma diferente en función del protocolo de transporte que se
utilice en combinación con IP.

 TCP: protocolo de control de transmisión.

 IP: protocolo de internet.

 ARP: protocolo de resolución de direcciones, para encontrar la dirección
física (MAC) correspondiente a una determinada IP.

 FTP: protocolo de transferencia de archivos, popular en la transferencia de

archivos.

 HTTP: protocolo de transferencia de hipertexto, que es popular porque se

utiliza para acceder a las páginas web.

 POP: protocolo de oficina de correo, para correo electrónico.

 SMTP: protocolo para transferencia simple de correo, para el correo

electrónico.

 Telnet (Telecommunication Network), para acceder a equipos remotos.

 IDENTD: (Identification Daemon), ayuda a identificar al usuario de una

conexión TCP en particular.

 IRC: (Internet Relay Chat), es un protocolo de comunicación en tiempo real

basado en texto que permite debates entre dos o más personas.

 UDP: (User Datagram Protocol) Protocolo de Datagramas de usuario.

 ICMP:(Internet Control Message Protocol), es utilizado para enviar

mensajes de error e información operativa.

 TFTP (Trivial FTP), Protocolo de transferencia de archivos trivial y se utiliza

para transferir pequeños archivos entre computadoras en una red.

 DHCP: (Dynamic Host Configuration Protocol) Protocolo de configuración

dinámica del Host, es un protocolo de red de tipo cliente/servidor mediante
el cual un servidor DHCP asigna dinámicamente una dirección IP y otros
parámetros de configuración de red a cada dispositivo en una red para que
puedan comunicarse con otras redes IP.
 NTP: (Network Time Protocol) Protocolo de tiempo de Red, sincroniza los
relojes de los sistemas informáticos a través del enrutamiento de paquetes
en redes con latencia variable.

 DNS: (Domain Name Service) Servicio de Nombres de Dominio, este

sistema asocia información variada con nombres de dominio asignados a
cada uno de los participantes.

 SNMP: (Simple Network Management Protocol), facilita el intercambio de

información de administración entre dispositivos de red.

 RIP: (Routing Information Protocol), utilizado por los routers o

encaminadores para intercambiar información acerca de redes del Internet
Protocol (IP) a las que se encuentran conectados.

 PPP: (Point to Point Protocol), utilizado para establecer una conexión

directa entre dos nodos de una red. Conecta dos enrutadores directamente
sin ningún equipo u otro dispositivo de red entremedias de ambos.

 HTML: (Lenguaje de marcado de hipertexto), Es un estándar que sirve de

referencia del software que conecta con la elaboración de páginas web en
sus diferentes versiones, define una estructura básica y un código
(denominado código HTML) para la definición de contenido de una página
web, como texto, imágenes, videos, juegos, entre otros. Es un estándar a
cargo del World Wide Web Consortium (W3C) o Consorcio WWW,
organización dedicada a la estandarización de casi todas las tecnologías
ligadas a la web, sobre todo en lo referente a su escritura e interpretación.
HTML se considera el lenguaje web más importante siendo su invención
crucial en la aparición, desarrollo y expansión de la World Wide Web
(WWW). Es el estándar que se ha impuesto en la visualización de páginas
web y es el que todos los navegadores actuales han adoptado.
Algunas etiquetas básicas de HTML:
 <html>: define el inicio del documento HTML, le indica al navegador que lo
que viene a continuación debe ser interpretado como código HTML. Esto es
así de facto, ya que en teoría lo que define el tipo de documento es el
DOCTYPE, que significa la palabra justo tras DOCTYPE el tag de raíz.

 <script>: incrusta un script en una web, o llama a uno mediante src="url del
script". Se recomienda incluir el tipo MIME en el atributo type, en el caso de
JavaScript text/javascript.

 <head>: define la cabecera del documento HTML; esta cabecera suele

contener información sobre el documento que no se muestra directamente
al usuario como, por ejemplo, el título de la ventana del navegador. Dentro
de la cabecera <head> es posible encontrar:

 <title>: define el título de la página. Por lo general, el título aparece en la

barra de título encima de la ventana.

 <link>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link

rel="stylesheet" href="/style.css" type="text/css">.

 <style>: para colocar el estilo interno de la página; ya sea usando CSS u

otros lenguajes similares. No es necesario colocarlo si se va a vincular a un
archivo externo usando la etiqueta <link>.
  <meta>: para metadatos como la autoría o la licencia, incluso para indicar
parámetros http (mediante http-equiv="") cuando no se pueden modificar
por no estar disponible la configuración o por dificultades con server-side
scripting.

 <body>: define el contenido principal o cuerpo del documento. Esta es la

parte del documento html que se muestra en el navegador; dentro de esta
etiqueta pueden definirse propiedades comunes a toda la página, como
color de fondo y márgenes. Dentro del cuerpo <body> es posible encontrar
numerosas etiquetas.

5. MySQL.
Es un sistema de administración de bases de datos relacionales. Es un software
de código abierto que es desarrollado y soportado por Oracle. Se considera como
la base de datos de código abierto más utilizada en el mundo. es un sistema
gestor de bases de datos relacionales potente y versátil, capaz de satisfacer la
mayoría de los proyectos en la web. MySQL utiliza la Licencia Pública General de
GNU, por lo que se puede descargar, utilizar y modificar a voluntad. Esto facilita su
uso tanto académico como profesional.

El funcionamiento de MySQL depende de dos conceptos relacionados entre ellos:

 Base de datos relacionales: En una base de datos relacional, los datos son
organizados y almacenados en tablas en lugar de guardar todos los datos
juntos y organizados en una única unidad de almacenamiento. Lo relacional
hace referencia al uso de una llave para relacionar los datos de una tabla
con los de otra.

 Modelo de cliente-servidor: El servidor es donde residen realmente los

datos. Para acceder a dichos datos alguien debe solicitarlos: ese alguien es
el o los clientes. El cliente lanza una petición al servidor de la base de datos
solicitando aquellos datos que desea obtener.
 6. PostgreSQL.
Es un sistema de bases de datos de código abierto, altamente estable, que
proporciona soporte a diferentes funciones de SQL, como claves foráneas,
subconsultas, disparadores y diferentes tipos y funciones definidas por el usuario.
Además, aumenta el lenguaje SQL ofreciendo varias funciones que escalan y
reservan meticulosamente las cargas de trabajo de datos. Se utiliza principalmente
para almacenar datos para muchas aplicaciones móviles, web, geoespaciales y de
análisis.
Una característica interesante de PostgreSQL es el control de concurrencias
multiversión; o MVCC por sus siglas en inglés. Este método agrega una imagen
del estado de la base de datos a cada transacción. Esto nos permite hacer
transacciones eventualmente consistentes, ofreciéndonos grandes ventajas en el
rendimiento.

7. PHP.
PHP es un lenguaje de código abierto muy popular desde 1994, adecuado para
desarrollo web y que puede ser incrustado en HTML. Es popular porque un gran
número de páginas y portales web están creadas con PHP. Código abierto
significa que es de uso libre y gratuito para todos los programadores que quieran
usarlo. Incrustado en HTML significa que en un mismo archivo vamos a poder
combinar código PHP con código HTML, siguiendo unas reglas.
El lenguaje PHP se procesa en servidores, que son potentes ordenadores con un
software y hardware especial. Cuando se escribe una dirección tipo
http://www.aprenderaprogramar.com/index.php en un navegador web como
Internet Explorer, Firefox o Chrome, ¿qué ocurre? Se envían los datos de la
solicitud al servidor que los procesa, reúne los datos (por eso decimos que es un
proceso dinámico) y el servidor lo que devuelve es una página HTML como si
fuera estática.
El esquema es: Petición de página web al servidor; El servidor recibe la petición,
reúne la información necesaria consultando a bases de datos o a otras páginas
webs, otros servidores, entre otros; El servidor responde enviando una página web
normal (estática) pero cuya creación ha sido dinámica (realizando procesos de
modo que la página web devuelta no siempre es igual).

8. Java Server Pages.

La tecnología Java Server Pages permite generar contenido Web dinámico como,
por ejemplo, archivos HTML, DHTML, XHTML y XML, para incluirlos en una
aplicación Web. Los archivos JSP son una forma de implementar contenido de
páginas dinámico del lado del servidor. Los archivos JSP permiten a un servidor
Web como, por ejemplo, Apache Tomcat, añadir contenido dinámicamente a las
páginas HTML antes de enviarlas al navegador que las solicita.
Cuando se despliega un archivo JSP en un servidor Web que proporciona un
motor de servlets, se procesa previamente en un servlet que se ejecuta en el
servidor. Esto contrasta con JavaScript™ en el lado del cliente (dentro de códigos
<SCRIPT>), que se ejecuta en un navegador.

9. Servlets
Un servlet es una clase en el lenguaje de programación Java, utilizada para
ampliar las capacidades de un servidor. Aunque los servlets pueden responder a
cualquier tipo de solicitudes, estos son utilizados comúnmente para extender las
aplicaciones alojadas por servidores web, de tal manera que pueden ser vistos
como applets de Java que se ejecutan en servidores en vez de navegadores web.
Este tipo de servlets son la contraparte Java de otras tecnologías de contenido
dinámico Web, como PHP y ASP.NET. El uso más común de los servlets es
generar páginas web de forma dinámica a partir de los parámetros de la petición
que envíe el navegador web.

Conclusión

Una base de datos se encarga no solo de almacenar datos, sino también de

conectarlos entre sí en una unidad lógica. En términos generales, una base de
datos es un conjunto de datos estructurados que pertenecen a un mismo contexto
y, en cuanto a su función, se utiliza para administrar de forma electrónica grandes
cantidades de información. En este sentido; una biblioteca puede considerarse
una base de datos compuesta en su mayoría por documentos y textos impresos
en papel e indexados para su consulta. Actualmente, y debido al desarrollo
tecnológico de campos como la informática y la electrónica, la mayoría de las
bases de datos están en formato digital, siendo este un componente electrónico;
por tanto, se ha desarrollado y se ofrece un amplio rango de soluciones al
problema del almacenamiento de datos.
Hay programas denominados sistemas gestores de bases de datos, abreviado
SGBD (Database Management System o DBMS), que permiten almacenar y
posteriormente acceder a los datos de forma rápida y estructurada. Las
propiedades de estos DBMS, así como su utilización y administración, se estudian
dentro del ámbito de la informática.

Bibliografía

http://biblioteca.udgvirtual.udg.mx/jspui/bitstream/123456789/3088/1/Resumen
%20del%20Contenido%20de%20la%20Unidad.pdf
https://es.wikipedia.org/wiki/Internet
https://es.wikipedia.org/wiki/World_Wide_Web
https://es.wikipedia.org/wiki/Historia_de_la_World_Wide_Web
https://vagrant-intro.readthedocs.io/es/latest/paradigma.html
http://contenidosdigitales.ulp.edu.ar/exe/computacion/
componentes_de_internet.html
https://www.cloudflare.com/es-es/learning/network-layer/internet-protocol/
https://es.wikipedia.org/wiki/Familia_de_protocolos_de_internet
https://es.wikipedia.org/wiki/HTML
https://www.ibm.com/docs/es/rsar/9.5?topic=files-javaserver-pages-jsp-technology
https://es.wikipedia.org/wiki/Java_Servlet
https://www.php.net/manual/es/intro-whatis.php
https://www.hostinger.es/tutoriales/que-es-mysql
https://es.wikipedia.org/wiki/PostgreSQL