Ministerio del Poder Popular para la Educación

Universitaria, Ciencia, Tecnología e Innovación

Universidad Bolivariana de Venezuela
PFG Informática para la Gestión Social
Sección 3101D
U.C. Aplicaciones basadas en tecnología internet
Período 2018-2

Arquitectura de Aplicaciones WEB, JSP y

Tendencias de diseño y desarrollo de páginas web
en Venezuela

Caracas, Noviembre de 2018

1. Defina lo que es, una arquitectura de aplicaciones web.
Primero definamos que es una aplicación web, según la página web
https://www.monografias.com/trabajos106/arquitectura-aplicaciones-
web/arquitectura-aplicaciones-web.shtml (a la fecha 01/11/2018):

“… software que se codifica en un lenguaje soportado por los

navegadores web en la que se confía la ejecución al navegador.

Aplicaciones que los usuarios pueden utilizar accediendo a un

servidor web a través de Internet o de una intranet mediante un
navegador.”

Esta misma página web también define arquitectura de aplicaciones web

como:

“…un conjunto de elementos, conectores, restricciones y un

sistema de control que caracterizan a un sistema o a una familia de
sistemas.”

También nos indica la misma página web que:

“Existen 2 tipos de aplicaciones Web

 Orientada a la presentación
 Orientada al servicio

Orientada a la presentación Genera paginas web interactivas que

contienen varios tipos de lenguaje de marca (HTML, XML, etc.) y
contenido dinámico en respuesta a peticiones.

Orientada al servicio Estas páginas implementan el punto final del

servicio web. Las aplicaciones orientadas a la presentación
frecuentemente son clientes de las aplicaciones web orientadas al
servicio.”

Entonces podemos concluir como definición producto del análisis de las

citas textuales anteriores que una:

arquitectura de aplicaciones web consta de unas partes y se organizan de

una manera determinada (arquitectura), se escribe en un lenguaje
determinado, pero también sabemos que puede ser en una combinación de
varios de ellos que deben ser soportados por los navegadores web, y por otro
lado son accedidas mediante un servidor web o software para interpretar estas
aplicaciones web, y deben ser utilizadas por usuarios que se conectan desde
cualquier punto del planeta mediante navegadores y una conexión a la web.
Puede requerir conectores como por ejemplo los de base de datos, también
restricciones que garanticen la seguridad de la aplicación, así como de
lectura/escritura en carpetas para la aplicación. Además de habla de un
 sistema de control de peticiones de las páginas utilizadas por los usuarios,
pero este control varía según que el diseño esté orientado a la presentación o
al servicio. Que las aplicaciones web orientadas a la presentación utilizan
HTML, XML el diseño de las páginas web interactivas, y javascript para darle
dinamismo a estas y así dar respuesta a peticiones de los usuarios. En cambio
las aplicaciones orientadas al servicio constan de páginas que apoyan a las
orientadas a la presentación, por ello se dice que prestan un servicio.

2. Explique la arquitectura de dos capas y diga sus desventajas

Primero definamos que es una arquitectura de dos capas, según la página
web https://www.monografias.com/trabajos106/arquitectura-aplicaciones-
web/arquitectura-aplicaciones-web.shtml (a la fecha 01/11/2018):

“ARQUITECTURA DE DOS CAPAS

La WWW está basada en el modelo Cliente/Servidor. El Cliente
principal en el WWW son los browsers o navegadores que solicitan
información al Servidor. El Servidor son los Servidores Web que
proporcionan documentos y contenidos multimedia a los clientes a
través de la red

Esta arquitectura consiste básicamente en un cliente que realiza

peticiones a otro programa (el servidor) que le da respuesta.“

Tomando en cuenta la cita textual anterior, podemos decir que la

arquitectura de dos capas consiste en que los elementos de la arquitectura
consta de dos partes el cliente o navegador web, que se encarga de solicitar
información a la otra parte o servidor web, este último le envía al navegador
los documentos, imágenes, videos, entre otros que solicitó el cliente o
navegador, según el requerimiento del usuario del sitio web. La solicitud y
devolución de la información requerida se realiza a través de la red.

Según la página https://programacionwebisc.wordpress.com/2-1-arquitectura-

de-las-aplicaciones-web/

“Gran parte de la aplicación corre en el lado del cliente.

Las capas son:

• Cliente: La lógica de negocio está inmersa dentro de la aplicación

que realiza el interfaz de usuario, en el lado del cliente.

• Servidor: Administra los datos.”

De esta cita textual podemos decir que hay un gran esfuerzo en el lado del
cliente donde esta presente el producto de la lógica del negocio. También nos
permite deducir que hay una distribución del trabajo entre el cliente y el
servidor, este último trabaja en el procesamiento de los datos.

Esta misma página web también define las desventajas del modelo de dos
capas, veamos:

“Las desventajas de este modelo son:

• Es difícilmente escalable.

• Número de conexiones reducida.

• Alta carga de la red.

• La flexibilidad es restringida.

• La funcionalidad es limitada.”

De esta cita textual determinamos que no es fácil el crecimiento de esta

arquitectura o su ampliación genera dificultades, también que no se pueden
hacer muchas conexiones o la concurrencia de muchos usuarios genera
problemas o inconsistencias. Es muy pesado el flujo de datos a través de la
red al estar recibiendo y enviando solicitudes, no es flexible hacerle cambios o
ajustes, y no ofrece muchas funcionalidades o capacidades. Su diseño tiene
limitaciones corregidas por nuevas arquitecturas que he estado investigando.
3. Explique este esquema para JSP

Primero definamos que son JSP, Servidor y Cliente:

Según la página https://www.ecodeup.com/primeros-pasos-java-web-jsp-

servlets/

“JSP es un acrónimo de Java Server Pages, es una tecnología que

permite crear contenido dinámico para aplicaciones Web con Java,
específicamente para el lado de la vista, o Front End, como se le
quiera llamar y aunque el contenido de una página JSP se muestra
hacia el cliente en el navegador, este se ejecuta del lado del
servidor.
Una página JSP permite embeber o incluir código Java utilizando
etiquetas <% %>, todo lo que vaya dentro de estas etiquetas la JVM
de Java lo reconoce y lo ejecuta como código Java.
Las páginas JSP contienen sintaxis HTML, para que una página
pueda incluir el código Java tiene que tener la extensión .jsp y
claro está las etiquetas <% %>.”
Según https://es.wikipedia.org/wiki/JavaServer_Pages
“JavaServer Pages (JSP) es una tecnología que ayuda a los
desarrolladores de software a crear páginas web dinámicas
basadas en HTML y XML, entre otros tipos de documentos.
Para desplegar y correr JavaServer Pages, se requiere un servidor
web compatible con contenedores servlet como Apache
Tomcat o Jetty.
TagLibs -> JSP -> Servidor Aplicaciones (Servlets) -> Cliente
(Navegador)”
Según https://es.wikipedia.org/wiki/Servidor
“Un servidor es una aplicación en ejecución (software) capaz de
atender las peticiones de un cliente y devolverle una respuesta en
concordancia. Los servidores se pueden ejecutar en cualquier tipo
de computadora, incluso en computadoras dedicadas a las cuales
se les conoce individualmente como «el servidor». En la mayoría
de los casos una misma computadora puede proveer múltiples
servicios y tener varios servidores en funcionamiento. La ventaja
de montar un servidor en computadoras dedicadas es la seguridad.
Por esta razón la mayoría de los servidores son procesos
diseñados de forma que puedan funcionar en computadoras de
propósito específico.
Los servidores operan a través de una arquitectura cliente-
servidor. Los servidores son programas de computadora en
ejecución que atienden las peticiones de otros programas,
los clientes. Por tanto, el servidor realiza otras tareas para
beneficio de los clientes. Ofrece a los clientes la posibilidad de
compartir datos, información y recursos de hardware y software.
Los clientes usualmente se conectan al servidor a través de la red
pero también pueden acceder a él a través de la computadora
donde está funcionando. En el contexto de redes Internet
Protocol (IP), un servidor es un programa que opera como oyente
de un socket.
En esta arquitectura la capacidad de proceso está repartida entre
los clientes y los servidores, aunque son más importantes las
ventajas de tipo organizativo debidas a la centralización de la
gestión de la información y la separación de responsabilidades, lo
que facilita y clarifica el diseño del sistema.
La arquitectura cliente-servidor es un modelo de diseño de
software en el que las tareas se reparten entre los proveedores de
recursos o servicios, llamados servidores, y los demandantes,
llamados clientes. Un cliente realiza peticiones a otro programa,
el servidor, quien le da respuesta. Esta idea también se puede
aplicar a programas que se ejecutan sobre una sola computadora,
aunque es más ventajosa en un sistema
operativo multiusuario distribuido a través de una red de
computadoras.”

“UTILIZAR SCRIPTLETS EN JSP

Un scriptlet en JSP es una porción de código Java dentro de
código HTML, para esto se debe usar las etiquetas <% código
Java%>, todo el contenido que va dentro de las etiquetas debe ser
código Java y por ende debe terminar con punto y coma.
EXPRESIONES EN JSP
 Una expresión permite insertar código dinámico sin utilizar código
Java específicamente. Las etiquetas para una expresión está dada
de la siguiente manera <%= expresión %>.”

De estas citas textuales anteriores sobre JSP, Servidor y Cliente

podemos deducir, que en el diagrama de la imagen del procesamiento de
un JSP un usuario hace una petición al servidor mediante el llamado de
una página index.jsp, el servidor procede a “construir” el archivo index.jsp
apoyado por el “motor JSP” quien realiza la actividad de “Elaborar” o
interpretar las etiquetas <% %> del archivo index.jsp tomando en cuenta
las librerías de la máquina virtual de Java (jre=java runtime environment),
convirtiendo a HTML lo que se produzca del código Java que se encuentra
entre las etiquetas <% %>, que se hallan embebidas en la página index.jsp
entre el código HTML, luego se procede a la “Entrega” donde la página
index.jsp ya no tiene código Java, sino el resultado de los procesos en Java
pero ahora en HTML, por último el Servidor envía al Cliente la página
index.jsp, con lo convertido de Java a HTML para ser mostrado en el
navegador como HTML sin las etiqueta <% %> de Java.

4. Cuál es la principal ventaja considerada por usted para

diseñar su proyecto web, usando el lenguaje de programación
PHP.

Considero que no tengo una sola razón para utilizar php en mi

proyecto sino varias, estas son las siguientes:
 Ya está instalado en los laboratorios de la UBV.
 Es el que los profesores de la UBV nos han transmitido como
conocimiento.
 Tras investigación y exposición vemos que php tiene muchas funciones
que le dan un potencial al desarrollador para trabajar rápidamente, con
seguridad, versatilidad y calidad.
 Los desarrollos en php son claros, organizados, limpios.
 Facilidad para entender la programación en php por su claridad para
entenderlo.
 Es muy utilizado actualmente, es tendencia entre otros lenguajes.
 En la comunidad “INCES” de nuestro proyecto UBV se utiliza php y
algunos de sus frameworks.
  Aunque php es conocido por el navegador con ayuda de las librerías de
php, su velocidad es razonable, soportable por el desarrollador y los
usuarios.
 Existen muchos frameworks de php actualmente y el que nos exigen en
el INCES primero fue Yii2 y ahora laravel, razón por la cual nos vemos
obligados a investigar sobre laravel para conocerlo y desarrollar nuestro
proyecto.
 Las capacidades de php han ido aumentando alejando al programador
cada vez más del “código de máquina”, mediante funciones que hacen
mucho más en cada nueva versión.
 Permite hacer mucho en pocas líneas, lo cual acelera el desarrollo, para
entregar productos en los tiempos mínimos estimados de cada proyecto.
 Su uso actual ha crecido y aparecen nuevas versiones de php
constantemente, aunque a veces se tiene que realizar pequeños
cambios en los programas de un sistema hecho en php, pero, vale la
pena cuando se va a mejorar el rendimiento del consumo de los
recursos computacionales.

10. Indique cuales son las tendencias en el diseño y desarrollo

de páginas web en Venezuela, y de ejemplos. Explique.

En cuanto al diseño al revisar la página

https://www.mdirector.com/marketing-digital/10-tendencias-de-diseno-para-2018.html
encontramos alguna tendencias que destacan en Venezuela:

“1.- Fuentes en negrita

En el diseño, la tipografía debe destacar. En las últimas tendencias
de diseño la tipografía en negrita es la estrella entre las tipografías
clave de este año. Los estilos de fuente en negrita ayudan a los
usuarios a enfocarse en el contenido. Combinándolo con el
espacio en blanco harás que sea más fácil de leer y de ser hojeado.
Son un complemento perfecto para la eficacia de tu diseño.
La previsión es que este estilo de fuente y los colores brillantes
adquieran aún más fuerza en 2018. Convirtiéndose en las
sustitutas de las imágenes en el diseño web. En este sentido, la
importancia de la imagen grande y de calidad que prevalecía en los
diseños del año pasado pasará a un segundo plano.”
 De esta cita textual podemos deducir que tenemos que utilizar las
letras de la página web en negrita y colores brillantes, para destacar el
contenido, en vez de utilizar imágenes que se tardan tanto en montarse.

“2.- Dar prioridad al móvil

… Google lanzará su nuevo Mobile First Index, dando más
importancia a la versión móvil de los sitios web y haciendo que sea
el primero en aparecer en los resultados de búsqueda. Con este
cambio queda claro que en estas tendencias de diseño tu web
debe orientar su diseño a los dispositivos móviles.“
De esta cita textual podemos deducir que la tendencia está dirigida al
área de celulares o móviles en el diseño de aplicaciones, por eso la
importancia de dirigirnos hacia esta rubro del mercado.

“3.- Diseño animado a través del scroll

… Este tipo de diseño anima a los usuarios a desplazarse por la
página. Es muy interactivo, haciendo participes a los usuarios.
Estos diseños son estratégicos y están dirigidos a aumentar las
conversiones.“
De esta cita textual podemos deducir que la tendencia está dirigida a
páginas que superan la vista inicial, son alargadas, y por ello requieren la
intervención del usuario para su observación mediante el desplazamiento
hacia abajo y hacia arriba en cada página visitada.

“4.- Integrar animaciones en tus diseños

Con la mejora de la tecnología del navegador son más las marcas
que están integrando animaciones en sus diseños. Las marcas se
alejan de las imágenes estáticas buscando nuevas formas de
enganchar a sus usuarios. Las tendencias de diseño apuntan a las
animaciones como nuevo enfoque de comunicación.
De esta cita textual podemos deducir que la tendencia está dirigida
hacia el uso de animaciones en vez de imágenes estáticas para atraer a
sus usuarios mediante movimientos que eviten la monotonía, esto
transmite más, ayuda a comunicar más allá de simples textos e imágenes.

“5.- Páginas web interactivas

Se prevé que 2018 será el año de la interactividad. Esta
característica será una de las principales tendencias de
diseño. Los usuarios buscan tener una experiencia de usuario más
personalizada y entretenida para lo que se le da respuesta a través
de la interacción. Las marcas trabajan para que los usuarios se
conecten y se identifiquen con ellos.”
 De esta cita textual podemos deducir que la tendencia está dirigida
hacia el diseño más interactivo, donde el usuario sea el protagonista,
intervenga, modifique, se registre, haga algo en la página o sitio.

“6.- Más videos, menos imágenes

Los videos ya no se crean con el simple propósito de entretener al
usuario durante unos minutos. Las tendencias de diseño de videos
afirman dirigir sus esfuerzos en crear una presentación de la
propia marca. Los videos son el reflejo de identidad de las marcas.
Su forma de conectar y comunicar al usuario.”
De esta cita textual podemos deducir que la tendencia está dirigida
hacia el uso de algún video en la página de pocos minutos par no hacerla
pesada, para favorecer o publicitar marcas mediante videos claros para el
mercadeo y la publicidad.

“7.- Aplicaciones web progresivas

Las aplicaciones constituyen gran parte de los elementos de un
móvil. Debido al aumento de la utilización del teléfono móvil, estas
aplicaciones están evolucionando. Los diseñadores web
deben crear un tipo de aplicaciones destinadas a mejorar la
usabilidad web. Estas aplicaciones híbridas se llaman aplicaciones
web progresivas.”

De esta cita textual podemos deducir que la tendencia está dirigida

hacia el diseño de aplicaciones que aumenten la usabilidad, principalmente
para los teléfonos móviles, o para formatos de móviles, a las aplicaciones
con esta tendencia se le llama aplicaciones web progresivas.

“8.- Diseños asimétricos

… Poco a poco se han ido introduciendo diseños asimétricos,
rompiendo todas las reglas tradicionales seguidas hasta ahora.
Como se ve en el ejemplo, el diseño no es convencional. Además
de ser innovador rompe con lo que el usuario está acostumbrado a
ver.”

De esta cita textual podemos deducir que la tendencia está dirigida

hacia el diseño que rompe las reglas tradicionales, las costumbres, las
tradiciones en el diseño, para que el usuario no caiga en la monotonía, en
lo de siempre, no se aburra.
 “9.- Hacer uso de ilustraciones personalizadas

Las infografías ya pisaban fuerte desde hace unos años. Sin

embargo, las ilustraciones en las webs son tendencia hace menos
tiempo. Las ilustraciones son una forma versátil de mostrar el
contenido. Cada web debe adecuar el diseño acorde con su
personalidad y lo que quiera trasmitir. “

De esta cita textual podemos deducir que la tendencia está dirigida

hacia el uso de imágenes personalizadas o infografías, pero pocas por
página para que no pese tanto la página. La páginas deben ser
personalizadas según lo que se quiera informar, no tan generalizadas, sino
especializadas.

”10.- El flat design evoluciona

En los últimos años, el flat design ha sido una de las tendencias de
diseño web preferida en la industria. El minimalismo puro y duro.
Sin embargo, esta tendencia está en proceso de
transformación. Los colores dimensionales y degradados están
volviendo y se prevé que sea tendencia en 2018.
Ahora, los degradados son grandes, fuertes y las imágenes y los
fondos llenos de color. Se utiliza mucho la combinación de estos
colores chillones con la tipografía en negrita.”

De esta cita textual podemos deducir que la tendencia está

dirigida hacia el uso de colores degradados en áreas grandes, con
algunas imágenes con mucho color, con colores combinados y
chillones con fondos negros u obscuros.

En cuanto área de desarrollo de páginas web en la página

https://miguelgomezsa.com/blog/top-lenguajes-programacion-2018 podemos
conocer sobre las tendencias en nuestro país.
Se habla de programación para “la nube” e “internet de las cosas (iot)” y
los lenguajes más utilizados son los siguientes: Javascript por su sencillez y
uso en la mayoría de los navegadores, Typescript para código abierto,
Python por su sencillez y rapidez para el desarrollo, java por ser seguro y
fiable, Kotlin para las APK de android, c y c++ para sistemas operativos,
PHP mediante el uso de framework, Swift paa IOS y MAC y por último
SCALA orientado a objetos e integrable a java.