Tecnologías Web

¿Cuál es el motor de renderizado del navegador web Safari? -> Webkit.

WebKit es el motor de renderizado utilizado por Safari.


Blink es el motor utilizado por:

  • Google Chrome
  • Microsoft Edge
  • Opera
  • Brave
  • Vivaldi

Blink nació como un fork de WebKit.


Gecko es el motor de:

  • Mozilla Firefox

Trident era el motor de:

  • Internet Explorer

Actualmente está obsoleto.


Esquema muy útil para estudiar

NavegadorMotor
SafariWebKit
ChromeBlink
Edge (Chromium)Blink
OperaBlink
FirefoxGecko
Internet ExplorerTrident

Truco para recordar

Safari

WebKit

Chrome

Blink

Firefox

Gecko

Internet Explorer

Trident


En el caso de una aplicación enriquecida de Internet (Rich Internet Application), ¿dónde residen la  capa de presentación y la capa de negocio?: -> En el Cliente, concretamente, en el plugin del browser.

Las RIA (Rich Internet Applications) trasladan parte de la lógica que tradicionalmente estaba en el servidor al cliente.

En las RIA clásicas (Flash, Silverlight, Java Applets):

  • Capa de presentación → Cliente.
  • Gran parte de la capa de negocio → Cliente (dentro del plugin o runtime del navegador).
  • Capa de datos → Servidor.

Esquema muy útil para estudiar

Aplicación web clásica

Cliente
 └── Presentación (HTML)

Servidor
 ├── Negocio
 └── Datos

Rich Internet Application (RIA)

Cliente
 ├── Presentación
 └── Gran parte del negocio

Servidor
 └── Datos

No confundir

ArquitecturaPresentaciónNegocioDatos
Web clásicaClienteServidorServidor
RIAClienteCliente (principalmente)Servidor

Truco para recordar

Las RIA querían que las aplicaciones web se comportaran como programas de escritorio.

Por eso movieron al cliente:

  • 🎨 la interfaz.
  • ⚙️ buena parte de la lógica de negocio.

¿Cuál es el portal agregador de servicios web con funcionalidad CMS, de código abierto y licencia  LGPL?: -> Liferay

Liferay es un portal empresarial (Enterprise Portal) de código abierto, licenciado bajo LGPL (Lesser General Public License), que incorpora funcionalidades de:

  • Portal web.
  • CMS (Content Management System).
  • Gestión documental.
  • Gestión de usuarios y permisos.
  • Portlets (JSR-168, JSR-286).
  • Integración con múltiples aplicaciones.

Ha sido muy utilizado en la Administración Pública española.

HCL DX -> Es el antiguo IBM WebSphere Portal, actualmente HCL Digital Experience. Es un producto comercial, no de código abierto ni con licencia LGPL.

IIS -> Internet Information Services es el servidor web de Microsoft.

JOnAS -> JOnAS (Java Open Application Server) es un servidor de aplicaciones Java EE.

Esquema para memorizar

Liferay

  • ✅ Portal web.
  • ✅ CMS.
  • ✅ Código abierto.
  • ✅ LGPL.
  • ✅ Java.
  • ✅ Muy utilizado en Administraciones Públicas.

No confundir

ProductoQué es
LiferayPortal + CMS ⭐
IISServidor web Microsoft
JOnASServidor de aplicaciones Java EE
HCL DXPortal comercial (antes IBM WebSphere Portal)

Truco para recordar

Liferay

«Life + Portal»

Es el portal corporativo por excelencia del ecosistema Java y de muchas Administraciones Públicas.


La etiqueta div NO es una nueva incorporación de HTML5

Esquema para el examen

HTML5 incorporó etiquetas semánticas

  • <header>
  • <footer>
  • <section>
  • <article>
  • <aside>
  • <nav>
  • <main>
  • <figure>
  • <figcaption>
  • <time>
  • <mark>

Etiquetas anteriores a HTML5

  • <div>
  • <span>
  • <table>
  • <form>
  • <img>
  • <p>
  • <h1><h6>

Truco para recordar

Antes de HTML5 prácticamente todo era:

<div>
<div>
<div>
<div>

HTML5 añadió etiquetas con significado semántico, sustituyendo muchos de esos <div> por elementos como:

<header>
<nav>
<section>
<article>
<footer>

ConceptoQué es
UIDiseño de la interfaz de usuario.
UXExperiencia de usuario.
IxDDiseño de interacción.
UxDDiseño de experiencia de usuario.
GUITipo de interfaz gráfica.

Es decir:

  • GUI no es un enfoque de diseño.
  • UI tampoco es exactamente un enfoque; es la propia interfaz o su diseño.
  • UX e IxD sí son disciplinas o enfoques de diseño.

Dependiendo de cómo interpretaras la pregunta, varias respuestas podían parecer correctas o incorrectas.


Qué merece la pena estudiar

Estos conceptos sí son muy preguntables:

SiglaSignificado
UIUser Interface
UXUser Experience
IxDInteraction Design
HCIHuman-Computer Interaction
GUIGraphical User Interface

Lo importante es distinguir bien los conceptos:

  • UI → cómo se diseña la interfaz.
  • UX → cómo vive el usuario la experiencia.
  • IxD → cómo interactúa el usuario con el sistema.
  • GUI → un tipo de interfaz (gráfica), no una metodología de diseño.