Temario de Algoritmos III

El sitio oficial de la materia es http://algo3.uqbar-project.org

Unidad 1 - Introducción a las UI

• Definiciones Iniciales sobre interfaces de usuario
• Clasificación
• Integración de la UI en una arquitectura de un sistema de software
• Elementos a tener en cuenta al programar una UI

Unidad 2 - Web Estático

Entorno

Solo necesitás un editor de texto (nosotros te recomendamos Visual Studio Code) y un navegador (el que vos prefieras)

Artículos

• Introducción a la arquitectura web
• HTML
• CSS
• Taller de maquetado web
• Introducción a SASS
• Responsiveness

Material

• Página de maquetado.

Unidad 3 - Web Client Side MVC.

Entorno

• Instalación de Entorno Angular
• Manejo de dependencias con NPM

Material

• Diapositivas Angular
• Página de Typescript
• Página de Angular
• Página de Springboot

Unidad 4 - Web Client Side FRP.

Entorno

• Instalación del entorno React

Material

• Página de React

Anexo A - Cliente pesado. MVC. (deprecado)

Este anexo fue deprecado a partir del año 2020. Dejamos el material por razones históricas.

Contenidos principales

En esta unidad se verán los conceptos principales que permiten organizar el diseño de una interfaz de usuario. Estos conceptos pueden resumirse en:

• Introducción a UI: componentes, organización espacial de la vista (layout), patrón MVC, binding
• Navegación. Relación entre la navegación y los casos de uso del sistema.
• Taller inicial de Arena (hands-on interactivo), a partir de dos ejemplos se cuenta cómo se implementa el layout, algunos componentes visuales y el binding bidireccional, además del esquema MVC.
• Application model. Extendiendo el MVC
• Validaciones y manejo de errores en la UI

Material de lectura complementario

• Notas sobre MVC. El patrón MVC tiene multiples interpretaciones, de ellas la que nos parece más interesante es la que contempla el concepto de Application Model, también llamado MMVC, Presentation Model de Martin Fowler, MVVM o MVB (Model-View-Binder). Otras lecturas recomendadas son:
  • Discusión sobre las múltiples interpretaciones y variantes del patrón.
  • Historia del patrón MVC
  • Finalmente una discusión sobre el elemento más controversial del patrón: el controller.
• Binding: Vinculación entre la vista y el modelo

Entorno

• Guía de Componentes
• Bindings y demás controllers. Binding avanzado
• Layouts
• Navegación y manejo del estado
• Manejo de Transacciones
• Qué pasa cuando no tenemos binding

Ejemplos en Internet

• React Rocks
• Ejemplos de la página de React

Anexo B - Aplicaciones móviles

Entorno

• Preparacion de un entorno de desarrollo Android
• Herramientas de desarrollo con Android

Material

• Introducción al desarrollo con Android
• Cambiando el ícono / título de la app
• Ciclo de vida de las actividades

Ejemplos

Kotlin

• Conversor básico de millas a kilómetros: primera activity y binding manual
  • versión con Data Binding
• Listado de películas básico
  • y la versión REST (hay otro branch para ver cómo se trabajaba en REST hasta la SDK 26 Oreo)
• Primer ejemplo básico de un servicio REST
• Préstamos de libros (y de cosas) en base a los contactos del celular

Java

Podés hacer esta búsqueda en los repositorios de la organización Uqbar

Ionic

• Carga de Productos: se integra con el reconocedor de código de barras del celular.
• TODO List o lista de cosas para hacer, versión histórica en Ionic 1

Ejemplos de Internet

• Ejemplos de la página Developer Android
• Catálogo de aplicaciones Android de Java2S
• Ejemplos de Google
• Repositorios con ejemplos en Googlesource de Android