Arturo Lopez Pineda

Desarrollo
N°18710011.

para ambientes
distribuidos.
 introducción

Las interfaces de usuario (UI) deben diseñarse a partir de la lista de escenarios y requisitos de
usuario que se identificaron en el paso de análisis de usuarios.

Una experiencia de usuario correcta depende del enfoque, la perspectiva y las suposiciones del
desarrollador durante el proceso de diseño. Lograr una comprensión básica de cómo la
audiencia de destino puede usar una aplicación requiere la capacidad de pensar en términos
generales, más allá de las restricciones de lo que se adapta a las necesidades del desarrollador.
Invertir este tiempo, esfuerzo e investigación al principio de un proyecto pagará dividendos al
final.
Unidad IV. implementación de interfaz de
usuario
Las interfaces de usuario (UI) deben diseñarse a partir de la lista de escenarios y requisitos de
usuario que se identificaron en el paso de análisis de usuarios.

Al implementar la interfaz de usuario para una aplicación, tenga en cuenta lo siguiente:

Estructura de comandos
Windows y cuadros de diálogo
Controles personalizados
Compatibilidad con dispositivos de entrada de usuario estándar
Estilos visuales, animaciones y efectos visuales

La interfaz de usuario implica que el usuario tiene que interactuar con la aplicación para que
suceda algo. (hickeys, 2021)
 4.1 Lenguajes de Marcado

¿Qué son los lenguajes de marcado?

Un “Lenguaje de marcado” o “lenguaje de marcas” se puede definir como una forma de

codificar un documento donde, junto con el texto, se incorporan etiquetas, marcas o
anotaciones con información adicional relativa a la estructura del texto, su presentación.

Estos lenguajes da la posibilidad de hacer claro la estructura de cierto documento y el

contenido semántico del mismo. Cuando se observe las siglas en las web que contenga
un ML, no es más que un lenguaje de marcado.
• Procedimental:
– Describen operaciones tipográficas.

• Estructural:
– Describen la estructura lógica de un documento, pero no su tipografía.

• Híbrido:
– Combinación de ambos
– Las hojas de estilo o lenguajes de transformación permiten la “traducción” de
anotaciones de tipo estructural a anotaciones de carácter tipográfico.
Otra posible clasificación sería:

• De presentación:
– Indica el formato del texto (información para el maquetado).

• De procedimientos:
– Orientado también a la presentación pero, en este caso, se indican los
procedimientos que deberá realizar el SW de representación.

• Descriptivo o semántico:
– Describen las diferentes partes en las que se estructura el documento
pero sin especificar cómo deben representarse.
Algunos lenguajes de marcado específicos:
– Documentación electrónica
• RTF – Tecnologías de internet
• TeX • HTML, XHTML
• Wikitexto • RDF (recurso-propiedad(relación)-
• DocBook valor)
• RSS

– Otros lenguajes especializados

• MathML
• VoiceXML
• SVG
• MusicXML
Se puede observar cómo se engloba el texto entre etiquetas – marcas o anotaciones – con el
objetivo de proporcionarle un significado o cierta representación:

<casa>
<dueño>Juan Carlos Morales</dueño>
<fecha_construccion>2020/04/01</fecha_construccion>
<direccion>Calle Morales entre Parra y Rodríguez</direccion>
</casa>
Utilización del texto plano: al usarse como texto plano cualquier persona es capaz
de leer y editar esa información. Los caracteres pueden escribirse en diferentes
codificaciones (UTF-8, ASCII, entre otras).

Es un lenguaje compacto: las etiquetas de marcas se unen con el contenido del

mismo.
Tiene independencia del dispositivo: al ser independiente del dispositivo permite
enseñar el contenido.

Facilidad de procesamiento: admite la creación de lenguajes especializadas según

el tipo de documento que se necesita procesar.

Flexibilidad: nos permite combinar con otros lenguajes.

4.2 Tecnologías para implementación de interfaces de
usuario.

En el contexto del proceso de interacción persona-ordenador, la interfaz

gráfica de usuario, es el artefacto tecnológico de un sistema interactivo que
posibilita, a través del uso y la representación del lenguaje visual, una
interacción amigable con un sistema informático.

La interfaz gráfica de usuario (en inglés GraphicalUser Interface, GUI) es

un tipo de interfaz de usuario que utiliza un conjunto de imágenes y
objetos gráficos para representar la información y acciones disponibles en
la interfaz. Habitualmente las acciones se realizan mediante manipulación
directa para facilitar la interacción del usuario con la computadora.
Surge como evolución de la línea de comandos de los
primeros sistemas operativos y es pieza fundamental en un
entorno gráfico.
Como ejemplo de interfaz gráfica de usuario podemos citar
el escritorio o desktop del sistema operativo Windows y el
entorno X-Windows de Linux.
Algunas Interfaces gráficas (GUIs) son:
• GPA Intenta ser la interfaz de usuario gráfica estándar de Gnu PG. GPA se hospeda
en este sitio.
• K Gpg.
Es una interfaz de usuario de KDE para Gnu PG.
• Seahorse
Es una interfaz de usuario de GNOME para Gnu PG.
• XAP
Arquitectura de aplicaciones de .NET: Diseño de aplicaciones y servicios: Apéndices
 conclusión
Una buena interfaz requiere poco esfuerzo por parte del usuario, simplicidad y
funcionalidad.
Es muy importante diseñar sistemas que sean efectivos, eficientes, sencillos y
amenos a la hora de utilizarlos, dado que la sociedad disfrutará de estos avances.
Actualmente existen demasiadas herramientas gratuitas en línea para poder realizar
diseños llamativos fácilmente.

Un lenguaje con el nombre SGML (Standard Generalize Markup Language,

«Lenguaje de marcas generalizado»), que no era más que un sistema para la
organización y etiquetado de documentos.
Los enlaces o hipervínculos.
 referencias bibliográficas

hickeys. (2021, September 14). Implementación de un Interfaz de usuario - Win32 apps. Microsoft.com.
https://docs.microsoft.com/es-es/windows/win32/appuistart/implementing-a-user-interface

Josue. (2021, June 22). A lo mejor has visto algunas vez las siguientes abreviaciones HTML, XML, Leer más.
LovTechnology; LovTechnology. https://lovtechnology.com/que-son-los-lenguajes-de-marcado/

‌ nknown. (2022, March 31). IMPLEMENTACION DE INTERFAZ DE USUARIO. Blogspot.com.

U
http://jesusatt.blogspot.com/2015/06/4.html

‌
‌
THAN
KS!

CREDITS: This presentation template was

created by Slidesgo, including icons by Flaticon
, and infographics & images by Freepik

Please keep this slide for attribution