¿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
| Navegador | Motor |
|---|---|
| Safari | WebKit |
| Chrome | Blink |
| Edge (Chromium) | Blink |
| Opera | Blink |
| Firefox | Gecko |
| Internet Explorer | Trident |
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
| Arquitectura | Presentación | Negocio | Datos |
|---|---|---|---|
| Web clásica | Cliente | Servidor | Servidor |
| RIA | Cliente | Cliente (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
| Producto | Qué es |
|---|---|
| Liferay | Portal + CMS ⭐ |
| IIS | Servidor web Microsoft |
| JOnAS | Servidor de aplicaciones Java EE |
| HCL DX | Portal 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>
| Concepto | Qué es |
|---|---|
| UI | Diseño de la interfaz de usuario. |
| UX | Experiencia de usuario. |
| IxD | Diseño de interacción. |
| UxD | Diseño de experiencia de usuario. |
| GUI | Tipo 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:
| Sigla | Significado |
|---|---|
| UI | User Interface |
| UX | User Experience |
| IxD | Interaction Design |
| HCI | Human-Computer Interaction |
| GUI | Graphical 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.