NOCIONES DE REGLAS DE USABILIDAD Y ACCESIBILIDAD EN

APLICACIONES INDEPENDIENTES, WEB

GA5-220501095-AA1-EV02.

EDINSON MANUEL MAGDANIEL PUSHAINA

SERVICIO NACIONAL DE APRENDIZAJE SENA

TECNOLOGÍA EN ANALISIS DE DESARROLLO DE SOFTWARE
MANAURE LA GUAJIRA
2023
 1

NOCIONES DE REGLAS DE USABILIDAD Y ACCESIBILIDAD EN

APLICACIONES INDEPENDIENTES, WEB
GA5-220501095-AA1-EV02.

APRENDIZ:
EDINSON MANUEL MAGDANIEL PUSHAINA
C.C: 1.124.403.311

CÓDIGO DE PROGRAMA: 2675794

TUTOR(A):
FERNANDO FELIPE TORRES CERON

SERVICIO NACIONAL DE APRENDIZAJE SENA

TECNOLOGÍA EN ANALISIS DE DESARROLLO DE SOFTWARE
MANAURE LA GUAJIRA
2023
 2

INTRODUCCIÓN

Con esta actividad se pretende identificar la importancia de los conceptos básicos

que permiten realizar aplicaciones tanto independientes como web de fácil manejo y

atractivas para el usuario por medio del uso de reglas predefinidas, y describiendo cada

una de las reglas para una correcta implementación tanto en aplicaciones independientes

o web.
 3

DESARROLLO DE LA ACTIVIDAD

La usabilidad se refiere a la capacidad de un software de ser comprendido,

aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso, en

cierta forma, se trata de que el diseño de las páginas lo que incluye desde la jerarquía

de los menús al tipo de formularios, debe adaptarse al modo de pensar y actuar del

conjunto de los usuarios, y no tratar que éstos se adapten al del diseñador.

La usabilidad web esto se refiere al grado de facilidad para acceder y navegar a

cualquier tipo de página web, o información relevante que no es localizada, imágenes

que no cargan, pasarelas de pago que se quedan colgadas. El funcionamiento de una

página web es un factor clave para que un usuario permanezca en ella, realice una

compra o la recomiende. Para ello entra en juego la usabilidad web, que es el grado de

facilidad para acceder y navegar por una web de forma intuitiva, sencilla y segura.

Al momento de diseñar e implementar una página web o aplicación es necesario tener

en cuenta al usuario.

Reglas de usabilidad

Facilidad de aprendizaje:

Se puede emplear una unidad de tiempo para determinar lo que demoran los usuarios

en usarla de manera correcta y realizar las operaciones básicas y comunes.

Facilidad y eficiencia de uso:

Se puede usar una unidad de tiempo para establecer cuando tiempo se demora un

usuario en realizar una operación completa de su quehacer con la herramienta de

trabajo.

Facilidad de recordar el funcionamiento:

 4

Capacidad de recordar las características y forma de uso de un sistema se debe usar

para volver a emplearlo en el futuro.

Frecuencia y gravedad de errores:

Los mensajes de error a los usuarios para apoyarlos cuando deban enfrentar los errores

cuando se comenten errores determinados en el sistema. Ejemplo de un error

predeterminado: un sistema de compra que no permita avanzar si no se ha seleccionado

ningún producto.

Satisfacción subjetiva:

Indica lo satisfechos que quedan los usuarios después haber usado el sistema debido al

diseño presentado y es subjetiva porque depende de la percepción de cada usuario.

Reglas de accesibilidad

Definir con simplicidad y claridad la estructura de los contenidos.

Organizarlos de acuerdo con una jerarquía y consistente temáticamente o según las

relaciones y procesos de negocio de la aplicación.

Establecer un diseño “limpio”.

Es la tipografía de imágenes y recursos gráficos que se hagan fácil para que el usuario

pueda encontrar lo que busca, separando los contenidos con una clasificación lógica.

Ceder el control al usuario.

Es importante que los usuarios tengan algún conocimiento sobre el uso y manejo

adecuado de cómo acceder a cualquier tipo de enlace o funcionalidad de acuerdo al tipo

de software mientras ellos interactúan con el sistema.

Facilitar la interacción.
 5

Esto le Permite al usuario poder desarrollar algunas acciones de forma fácil e intuitiva

mientras interactúan con el sistema. La regla básica para aplicar este principio es: “todo

lo que no es necesario sobra”. Con ello se evita sobrecargar el sistema con información

u operaciones superfluas Adaptar para todo tipo de dispositivos Otro elemento básico es

la adaptabilidad a diferentes dispositivos.

Diferencia entre una aplicación independiente y una aplicación web

Su instalación: En el caso de una Aplicación Móvil su instalación es un programa que

se descarga e instala en el escritorio del dispositivo móvil del usuario mientras que la

Aplicación Web es una herramienta alojada a través de un servidor, a la que los usuarios

pueden acceder desde diferentes tipos de acceso a través de la Internet mediante un

navegador web genérico o específico, o dependiendo del lenguaje de programación que

este utilizando el usuario.

Acceso: Es una Aplicación Móvil directo, que siempre esta visible en la pantalla de

cualquier tipo dispositivo móvil. A diferencia de una Aplicación Web, a la que se accede

a través de un navegador, (como Google o Safari) escribiendo la URL del Sitio Web.

dispositivo móvil.

Conexión: Es el proceso mediante el cual se conecta a través de las diferentes Apps

Móviles y pueden gestionar sus servicios o funciones sin conexión a Internet. Mientras

que una Aplicación Web necesita tener conexión a Internet.

Actualizaciones: Las actualizaciones de una Aplicación Móvil deben ser autorizadas y

descargadas por el usuario. Mientras que la Aplicación Web se actualiza

automáticamente.
 6

Descarga y almacenamiento: es la capacidad donde almacenar cualquier tipo de

descarga desde la Aplicación Móvil sólo puede ser descargada e instalada desde Play

Store o Apple Store.

Mientras que la Aplicación Web, no se necesita descargarla, únicamente usarla a través

del navegador. Es una versión de Página Web Optimizada.

Alojamiento: Se encuentra en el software o en el programa informático, para las

Aplicaciones Web el alojamiento necesita una base de código o proyecto de software y

alojarlo en un servidor.

Lenguaje de Programación: Es utilizada a través l lenguaje de Programación que utiliza

una Aplicación Web suele ser HTML5, CSS3 y JavaScript. Un ejemplo son las e-

commerce.

Diseño: Es una Aplicación Móvil en la cual los desarrolladores de Web deben crear

diferentes versiones para que se adapten a cualquier sistema operativo. Mientras que

para una Aplicación Web el desarrollo y Diseño es estándar.

Diferencia entre una aplicación móvil de carácter híbrida o una de carácter nativa.

Las aplicaciones móviles de carácter hibrida son las que, aunque están desarrolladas

con el mismo código, son capaces de funcionar en diferentes sistemas operativos, ya

sea Android, iOS o Windows, por mencionar a los más conocidos.

Mientras que las aplicaciones de carácter nativas, las soluciones son multiplataforma

funcionan en cualquier móvil o Tablet, independientemente del fabricante.

 7

Para que esto ocurra, estas apps híbridas cuentan con ciertos componentes que

posibilitan la adaptabilidad de ese código a los requisitos de cada sistema operativo. Y

aquí entra en juego el ‘Framework’.

Conocidos técnicamente como “capas de abstracción” que adaptan la vista web a la

interfaz de un Smartphone, los ‘frameworks’ son plantillas que nos sirven como punto de

partida a los programadores para desarrollar un software.

Aplicaciones híbridas.

En cuanto a las aplicaciones híbridas, como su propio nombre refleja, se caracterizan

por ser un «híbrido» o combinación de los dos tipos de apps descritos con anterioridad.

Estas aplicaciones serán desarrolladas con lenguajes de programación típicos de una

web, pero su estructura externa estará basada en lenguajes de programación propios

del dispositivo móvil. Estas aplicaciones podrán ser descargadas de tiendas oficiales y

pueden ser utilizadas por diferentes sistemas operativos. Igualmente, presentará un

coste medio y permitirán hacer uso de gran parte de las funcionalidades de los

dispositivos móviles o tables. Aplicaciones nativas.

Las aplicaciones nativas

son aquellas que se diseñan y desarrollan específicamente para un sistema operativo en

particular, empleando un lenguaje de programación específico. Además, deben ser

descargadas en su mayoría de la tienda oficial de su sistema operativo. Este tipo de

aplicaciones son fluidas, estables y permiten obtener el máximo provecho de las

funcionalidades del dispositivo. También podemos destacar entre sus ventajas la

posibilidad de enviar notificaciones o avisos a los usuarios, mejoran la experiencia de

 8

estos y algunas de ellas no requieren Internet para su acceso. Igualmente cabe resaltar

que su actualización es constante.

Aplicaciones web o web APP

Podemos definir las aplicaciones web o web app como aquella que se desarrollan con

lenguajes de programación característicos de las webs como es el caso de HTML, CSS

o JavaScript. No requieren instalación en el dispositivo, no ocupan espacio en el mismo

y se accede a ellas mediante un navegador web por lo que cualquier dispositivo puede

entrar en ellas. Además, suelen presentar un coste más bajo.

El ecosistema de la web móvil

Un ecosistema se caracteriza por la presencia de diversos subsistemas que compiten,

pero que también colaboran entre sí, y en el que existen diversos nichos donde cada

subsistema y los componentes del mismo llevan a cabo su ciclo vital.

En el caso de la web móvil, los diversos subsistemas que vamos a considerar son tres:

los dispositivos combinación de hardware y software, los sistemas operativos software

de base y las apps aplicaciones.

 Análisis de los componentes principales que forman el ecosistema de la web móvil.

 Significado funcional de la diagonal de pantalla

 Significado del mobile first

 Formatos especiales de la web móvil

 SEO y web móvil

 Otras tendencias: Internet vestible, de las cosas, 5G y los nuevos indicadores SEO

denominados Web Vitals.

 9

Qué es y para qué sirve un IDE

Es un sistema de software para el diseño de aplicaciones que combina herramientas del

desarrollador comunes en una sola interfaz gráfica de usuario (GUI). Generalmente, un

IDE cuenta con las siguientes características:

Editor de código fuente: editor de texto que ayuda a escribir el código de software con

funciones como el resaltado de la sintaxis con indicaciones visuales, el relleno

automático específico para el lenguaje y la comprobación de errores a medida que se

escribe el código.

Automatización de las compilaciones locales: herramientas que automatizan las

tareas sencillas y repetitivas como parte de la creación de una compilación local del

software para que use el desarrollador, como la compilación del código fuente de la

computadora en código binario, el empaquetado de ese código y la ejecución de pruebas

automatizadas.

Depurador: programa que sirve para probar otros programas y mostrar la ubicación de

un error en el código original de forma gráfica.

 10

CONCLUSIONES

Según las actividades desarrolladas podemos concluir lo siguiente se aprendió todo lo

referente a la calidad en la ingeniería de software en cuanto a las reglas de usabilidad y

accesibilidad. Para el desarrollos, diseño e implementación de los productos de software

deben estar basados en el aprendizaje adquirido en la guía de formación y disponibilidad

de los mismos enfocándonos en las necesidades de los usuarios para obtener un

resultado aceptable sobre el manejo de cualquier tipo de software.

 11

BIBLIOGRAFÍA

Guía de aprendizaje

IDE: Entornos Integrados de Desarrollo para Android – Academia Android

https://www.redhat.com/es/topics/middleware/what-is-ide

https://tecnologiandroid.com/que-es-la-calidad-del-software/