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.