Adesk, es una plataforma para ejecutar aplicaciones para personas en situación de discapacidad visual en Colombia.

2. Andrés Giovanni Lara Collazos
Sustentación por:

4. Deska

5. «Plataforma informática para la ejecución de aplicaciones
software orientadas a personas en situación de discapacidad
visual en Colombia»
Deska

6. ¿Qué significa Adesk?

7. a: Accessible
Palabra en
inglés que
traduce
«Accesible»

8. Desktop:
Palabra en inglés
usada para
describir el
entorno, conjunto
de íconos e
interfaz de un
sistema
operativo

9. Accesible Desktop

10. Accesible Desktop
Escritorio Accesible

11. ¿Qué es Accesibilidad?

12. Accesibilidad
«Posibilidad de acceder a cierta
cosa o facilidad para hacerlo»
Tomado de Wikipedia

13. Accesibilidad
Símbolo universal de la accesibilidad

14. Deska

15. Hablemos de Adesk

16. ¿Qué es la ceguera?

17. La situación de
discapacidad visual
es un estado en el
cual no se puede
percibir el entorno por
medio de los ojos o
se realiza con
dificultad.

18. 6.4%De la población en Colombia, tiene
alguna discapacidad

19. Población común
En situación de discapacidad

20. Tipos de discapacidad visual

21. Persona sin discapacidad visual

22. Persona con discapacidad visual parcial

23. Persona con discapacidad visual parcial grave

24. Persona con discapacidad visual completa

25. ¿Y el problema?

26. Las actuales
interfaces humano –
computador de los
programas
informáticos en su
mayoría no son
accesibles

27. Las actuales
interfaces humano –
computador de los
programas
informáticos en su
mayoría no son
accesibles
X

28. Para una persona en
situación de
discapacidad visual
es complicado usar
un computador con
los actuales
programas

29. Problematica
¿Cómo se puede desarrollar desde la
ingeniería de sistemas soluciones
gráficas y aplicaciones de tipo
software adaptadas a personas en
situación de discapacidad, para
mejorar la interacción humano –
computador en Colombia?

30. El proyecto

31. Las soluciones
1. Una interfaz gráfica para personas
en situación de discapacidad visual
2. Un software que permitiera usar la
interfaz gráfica para personas en
situación de discapacidad visual

32. Formas de abordar el problema
1. Crear una interfaz adaptable a
personas en situación de
discapacidad visual
2. Software adaptable a esta interfaz

33. Deska
Origamy
Adesk software

34. Origamy

35. Origamy
Es una interfaz gráfica para mejorar
la interacción de personas en
situación de discapacidad visual

36. Origamy
Las actuales interfaces visuales de
los sistemas operativos trabajan en
un espacio X y Y

37. Origamy

38. Origamy
x
y

39. Origamy
Con Origamy, logramos crear una
interfaz que funcionara solo en un
sentido, en este caso Y

40. Origamy

41. Origamy
y

42. Origamy
y

43. Origamy

44. Origamy
como se pudo ver los colores que
más llaman la atención a los
humanos son: el verde, amarillo
verdoso y el amarillo; los cuales
sirvieron para indicar que un
elemento de la interfaz debe
requerir atención o sobresale
sobre los demás en el framework.

45. Origamy

46. Origamy
Menú principal

47. Origamy
List box

48. Origamy
Botones

49. Origamy
Cuadro de texto

50. Origamy
Tipografía

51. Origamy
Ejemplo menú Google, menú izquierda

52. Origamy

53. Adesk software

54. Adesk software
Es una plataforma para ejecutar
aplicaciones basadas en la interfaz
Origamy

55. Adesk software

56. Adesk software

57. Adesk software

58. Adesk software

59. Adesk software

60. ● Se requiere una plataforma que permita por parte de las
personas en situación de discapacidad visual usar los
recursos del computador.
● Se requiere que la plataforma permita ejecutar aplicaciones
basadas en estándares abiertos como HTML, CSS,
Javascript y JSON.
● Se requiere desarrollar aplicaciones básicas para la plataforma
Adesk que permitan demostrar las funcionalidades del
sistema.
● Se requiere que las aplicaciones creadas usen y apliquen el
framework gráfico Origamy.
● Se requiere que las aplicaciones desarrolladas puedan usarse
sin un monitor o pantalla.
● Se requiere que las aplicaciones sean auditivas, para que la
interacción sea buena entre la persona ciega o parcialmente
ciega y el pc.

61. Adesk software
Diagrama de capas
de la aplicación

62. Diagrama de
sistema de
archivos

63. Adesk software
La plataforma se basa en 3
servidores

64. Diseño de servidores de ejecución

65. Adesk software
Files.py
Encargada de gestionar
el acceso a los archivos

66. Adesk software AppCenter.py
Es el servidor que
permite el lanzamiento
de las aplicaciones
escritas en HTML, CSS
y Javascript contenidas
en Adesk.

67. Adesk software

68. Adesk software ListWindow.py
Es el servidor encargado de
gestionar la traducción de texto a
audio de las aplicaciones,
adicionalmente gestionar las
ventanas

69. Adesk software
Estructura básica de una aplicación
Adesk

70. Adesk software

71. Adesk software

72. Adesk software

73. <html>
<head>
<meta charset="utf­8" />
<title>Título</title>
</head>
<body>
<div id="app">
<div id="content">
<div id="menu"></div>
<div id="basic"></div>
</div>
</div>
</body>
<div id="console"></div>
</html>

74. Adesk software Basic.js
menu.add("Escuchar menú");
menu.add("Atrás");
menu.add("Reproducir");
menu.add("Pausar");
menu.add("Siguiente");
menu.add("Salir");

75. Conclusiones