Notas Aplicación + Definitivas

Estimados estudiantes, me encuentro muy satisfecho con los resultados del trabajo final, creo que la mayoría asumieron el compromiso y el reto para trabajar con esta herramienta que aunque difícil, no es algo imposible para los diseñadores, de hecho está pensada en parte para este uso. A continuación presento las notas del laboratorio, cualquier duda quedo atento.

Las notas las subiré finalizando la tarde del viernes.

Al final de la publicación copio algunos de los enlaces para que vean los trabajos de sus compañeros.

Saludos

Juan Diego Quintero / Sergio Barreiro

https://www.youtube.com/watch?v=wGdaMGkTxoI&list=UUa-fEzgxI_Ur4zODg--AR7w

Juan Manuel Rodriguez

https://www.youtube.com/watch?v=e_60PR16Y7E&list=UUa-fEzgxI_Ur4zODg--AR7w

Mauricio Idarraga

https://www.youtube.com/watch?v=nY2QYlypxQQ&feature=youtu.be

Daniel Ocampo

https://www.youtube.com/watch?v=vv8K4jbx-bI&feature=youtu.be

Brian Grisales

https://www.youtube.com/watch?v=orf8bswa9oI

Luisa Martinez / Sandra Porras

https://www.youtube.com/watch?v=tgtL-JYjzbc&feature=youtu.be

Leonardo Correa / Alejandro Castellanos

https://www.youtube.com/watch?v=-UeWkRi6Hhg

Daniel Montoya

https://www.youtube.com/watch?v=X1Jl-njrixs

Eliana Muñoz / Laura Imbachí

https://www.youtube.com/watch?v=B2Y2kx953L4&feature=youtu.be

German Vinasco

https://www.youtube.com/watch?v=YBnVcJalJ3c&feature=youtu.be

Juan Camilo Gallego / Luisa Echeverry

https://www.youtube.com/watch?v=P6TpwT39KBY&feature=youtu.be

John Arango / Andrea Sanchez

https://www.youtube.com/watch?v=GaWMag_CEyg&feature=youtu.be

Juan Pablo Quintero

https://www.youtube.com/watch?v=IDlgkC-2LwM&feature=youtu.be

Alejandra Giraldo / Maria Fernanda Valencia

https://www.youtube.com/watch?v=ZY3sebv88OM&feature=youtu.be

Luis Armando Zapata

https://www.youtube.com/watch?v=bi90PU-7WmE

Karen Ortiz Alonso / Jacobo Nieto Giraldo

https://www.youtube.com/watch?v=ShECPwW6dTk&feature=youtu.be

Carlos Hernandez / Carlos Mario Buriticá

https://www.youtube.com/watch?v=MktAboN_1ro&feature=youtu.be

Maria Luisa Castillo / Cesar Steven Vallejo

http://www.youtube.com/watch?v=QGky5onZgq0&feature=youtu.be

Alejandra Villada

https://www.youtube.com/watch?v=k8sPxfonk3w&feature=youtu.be

Andrea Ceballos / Avril Escobar

https://www.youtube.com/watch?v=oRUzESf9TbQ&feature=youtu.be

Juan Andrés Tangarife

https://www.youtube.com/watch?v=JtzDpgEpwRM&feature=youtu.be

Notas Entrega 1

A continuación presento las notas de la Entrega 1.

Tutorial Processing en Celular

A continuación les dejo el tutorial para que compilen sus aplicaciones en sus celulares o tablets:

1) Deben descargar la aplicación APDE en sus dispositivos. A continuación les dejo algunas imágenes de referencia y el link de descarga de la App.

APDE en el play store de Google

2) Después de descargar la aplicación deben pasar su proyecto de Processing a su dispositivo y meter la carpeta del proyecto dentro de una carpeta llamada Sketchbook. Esta se puede encontrar en la memoria interna del equipo. Si no existe deben crearla.

 3) Luego de copiar la carpeta completa (recuerden agregar la data) abren la aplicación y van a la pestaña ubicada en la parte superior izquierda, hacen tap sobre el botón  y allí salen los archivos que están ubicados en el Sketchbook. Después hacen tap sobre el archivo que pasaron a la carpeta ya mencionada.

4) Ya con el archivo abierto hacen tap sobre el botón de compilar y esperan a que su aplicación se instale. Finalmente buscan la aplicación que acaban de compilar en el menú.

* Después de complilar la app ella se abre sola.

* Recuerden antes de bajar la app al celular, asegurarse de no tener errores en el código y que todo funcione bien en el ordenador.

Parámetros entrega aplicación celular / tablet

El proyecto que deben entregar el 21 de julio consiste en realizar un prototipo de una aplicación para dispositivos móviles. La plataforma sobre la que se va a realizar el prototipo será Processing y se usarán dispositivos que funcionen con sistema operativo Android (puede ser celular o tablet).

A continuación enumero varios parámetros que deben tener en cuenta para la entrega definitiva:

> Fecha de entrega: 21 de Julio hasta las 8AM vía correo electrónico (santiago.rubio@ucaldas.edu.co), los trabajos que lleguen después no se calificarán.
> La aplicación se realizará máximo en parejas.
> Deben diseñar el logo de la aplicación.
> La aplicación debe llevar como mínimo 15 opciones diferentes (15 "pantallazos").
> Todas las imágenes, ilustraciones, iconos y demás recursos deben ser realizadas por quien entrega el trabajo.
> La aplicación debe tener un botón que permita regresar al menú principal.
> No se usará sonido ya que la librería no funciona adecuadamente.
> Deben enviar a mi correo electrónico los archivos finales del proyecto (.pde, .jpg y/o .png) en un archivo zip.
> El código debe tener comentarios y deben explicar qué sucede en cada línea.
> El diseño de la aplicación es propio y no es válido copiar la interfaz de una aplicación existente.
> La aplicación debe funcionar en celular o tablet, para verificar que lo hicieron deben enviar un video (enlace a YouTube) donde una persona use la aplicación. El video debe ser de buena calidad y la imagen debe ser clara.
> Finalmente deben adjuntar un PDF donde expliquen y justifiquen el funcionamiento de la aplicación, este debe estar diagramado teniendo en cuenta las características gráficas de la aplicación.

* Recuerden que las asesorías se realizarán por internet y se deben solicitar vía correo electrónico (santiago.rubio@ucaldas.edu.co).

Tutorial Administración de Archivos Hosting

A continuación les dejo un tutorial que hice para las personas que están realizando sus portafolios con Html y CSS.

http://santiagorulo.com/archivos/clasesucaldas/disenoweb/Tuto_Admin_Archivos_Hosting.pdf

Notas

Quedo atento a cualquier duda sobre notas faltantes.

Clases 30 de Junio G1 y G2 + Clase 3 de Julio G3

Estimados estudiantes, les recuerdo que esta semana viajo a la ciudad de Bucaramanga y continuaremos asesorías por correo electrónico, blog, skype, Hangouts o el medio que ustedes requieran.

La dinámica de esta semana es la siguiente:

> Los grupos 1 y 3 (martes y miércoles) no tendrán clase presencial por lo cual les dejaré un tutorial detallado sobre como montar las aplicaciones realizadas en Processing a los celulares Android.

> El grupo 2 (lunes) tiene una clase pendiente que según lo acordado será el martes 1 de Julio a las 7PM en la sala K.

> Para todos los que requieran algún tipo de asesoría sobre las temáticas vistas, dispondré de los siguientes horarios para aclarar dudas:

• Martes 1 de Julio entre 4PM y 7PM en el C307 Laboratorio Sensor
• Miércoles 2 de Julio entre 10AM y 12PM y entre 3PM y 5PM en el C307 Laboratorio Sensor
• Jueves 3 de Julio entre 7AM y 12PM en el C307 Laboratorio Sensor

Si prefieren concretar una hora exacta pueden escribir al correo electrónico santiago.rubio@ucaldas.edu.co.

> Los requerimientos puntuales de los trabajos restantes se publicarán mañana en el transcurso del día

Código botones Processing

A continuación les dejo un código realizado por uno de sus compañeros. Les va a ser útil para configurar botones ubicados en el mismo lugar pero en diferentes pantallas.

https://drive.google.com/file/d/0Bwrx3tKT8u-QZFpuN2w1ZFJkeWs/edit?usp=sharing

Tutoriales Recomendados

A continuación les dejo un par de tutoriales que han encontrados sus compañeros y que considero pertinentes para que refuercen las temáticas del curso:

http://es.scribd.com/doc/19457606/Processing-tutorial-basico

http://arquitectura.uniandes.edu.co/scripts/0_docs/noticias/2009/conferencias/processing.pdf

Taller Interacción Mouse

A continuación les copio parte del código que vamos a trabajar en el taller de hoy:

void mousePressed() {
  if (botonIzquierdo) { 
    link("http://laboratoriodeinterfaces2014.blogspot.com/");
  } else if (botonDerecho) {
    link("http://www.ucaldas.edu.co");
  }
}

void mouseMoved() { 
  revisarBotones(); 
}
  
void mouseDragged() {
  revisarBotones(); 
}

void revisarBotones() {
  if (posX > 20 && posX < 95 && posY > 60 && posY < 135) {
    botonIzquierdo = true;   
  } else if (posX > 105 && posX < 180 && posY > 60 && posY <135) {
    botonDerecho = true; 
  } else {
    botonIzquierdo = botonDerecho = false;
  }
}
//////////////////////////////////

int posX, posY;
/*Aquí crean los PImage*/

void setup(){
  size(800,600);
  /*Aquí deben hacer la carga de imágenes*/
}

void draw(){
  posX = mouseX;
  posY = mouseY;
  
  if(posX>=200 && posX<=600 && posY>=150 && posY<=500){
    fill(0);
  }else{
    fill(200,110,180);
  }
  rect(200,100,400,400);
 
}

Entrega 9 de Junio G2 Lunes

A continuación presento los horarios de las entregas para el grupo G2 Lunes, solo enunciaré los estudiantes que están liderando la parte tecnológica del proyecto:

2PM Arango Osorio John William
3PM Arenas Perez Luisa Maria
4PM Castellanos Castillo David Alejandro
5PM Garcia Chiquito Danna Esthefanía
6PM Suarez Arroyave Joan Sebastian

Recuerden que deben llevar su computador y yo les prestaré el videoproyector. Tendrán una hora para montar los equipos y exponer su trabajo.

Entrega 5 de Junio G3 Jueves

A continuación presento los horarios de las entregas para el grupo G3 del Jueves, solo enunciaré los estudiantes que están liderando la parte tecnológica del proyecto:

8:00 AM Henao Barco Pablo Andres / Laboratorio de Imagen Móvil
9:00 AM Idarraga Zea Mauricio / Laboratorio de Imagen Móvil
10:30 AM Quintero Pérez Juan Diego / C201
11:30 AM Valencia Arias Maria Fernanda  / C201
12:30 PM Marin Valencia Andres / C201

Recuerden que deben llevar su computador y yo les prestaré el videoproyector. Tendrán una hora para montar los equipos y exponer su trabajo.

Asesorías 29 de Mayo G3 Jueves

A continuación presento los horarios de las asesorías para el grupo G2 del Lunes, solo enunciaré los estudiantes que están liderando la parte tecnológica del proyecto:

8:15 AM Henao Barco Pablo Andres
9:00 AM Idarraga Zea Mauricio
9:45 AM Quintero Pérez Juan Diego
10:30 AM Valencia Arias Maria Fernanda
11:15 AM Marin Valencia Andres

Preferiblemente lleven el computador donde están trabajando ya que en la sala K no tenemos cámara web.

Entrega 27 de Mayo G1 Martes

A continuación presento los horarios de las entregas para el grupo G1 del Martes, solo enunciaré los estudiantes que están liderando la parte tecnológica del proyecto:

8:30 AM  Grupo de Ortiz Castaño Luz Astrid
9:30 AM Grupo de Vinasco Taborda German Andrés
10:30 AM Grupo de Zapata Amador Luis Armando
11:30 AM Grupo de Tangarife Monroy Juan Andrés

Las entregas serán en el laboratorio de imagen móvil, recuerden que deben llevar su computador y yo les prestaré el videoproyector. Tendrán una hora para montar los equipos y exponer su trabajo.

Horarios Asesorías 26 de Mayo - G2 Lunes

A continuación presento los horarios de las asesorías para el grupo G2 del Lunes, solo enunciaré los estudiantes que están liderando la parte tecnológica del proyecto:

2:00 PM Castellanos Castillo David Alejandro
2:45 PM Garcia Chiquito Danna Esthefania
3:30 PM Arenas Perez Luisa Maria
4:15 PM Guapacha Castaño Jhon Edwin
5:00 PM Suarez Arrollave Sebastian

Horarios Asesorías 20 de Mayo - G1 Martes

A continuación presento los horarios de las asesorías para el grupo G1 del Martes, solo enunciaré los estudiantes que están liderando la parte tecnológica del proyecto:

8:15 AM  Grupo de Ortiz Castaño Luz Astrid
9:00 AM Grupo de Vinasco Taborda German Andrés
9:45 AM Grupo de Zapata Amador Luis Armando
10:30 AM Grupo de Tangarife Monroy Juan Andrés

Preferiblemente lleven el computador donde están trabajando en la sala K no tenemos cámara web.

Tutorial Seguimiento (Tracking) de Brillo

Del siguiente enlace pueden descargar el tutorial que realicé para el siguiente ejercicio de Laboratorio de Interfaces el cual ya se inició con los estudiantes del grupo del martes. Con los otros dos grupos iniciaremos esta semana. Para poder ejecutar el programa deben descargar el software processing (descarga gratuita en http://processing.org/) y deben tener una cámara web conectada a su ordenador.

https://www.dropbox.com/s/kqobknglpa55n9s/TutorialSeguimientoDeBrillo.zip

Quedo atento a cualquier duda.

Clase 15 de Mayo

Buenas noches, por diferentes razones mañana 15 de Mayo no habrá clase de Laboratorio de Interfaces. Nos vemos la próxima semana

Clase Martes 29 de Abril

Por gestiones que debo hacer para el festival internacional de la imagen, mañana no tenemos clase de laboratorio de interfaces.

En el transcurso de la semana les enviaré un taller con lo que se iba a trabajar mañana.

Saludos

Video de interés

https://www.youtube.com/watch?v=Tb6Fr50CBJI

Laboratorio 1

Teniendo en cuenta el esquema ontológico del diseño propuesto por Bonsiepe, se realizará el siguiente ejercicio donde deben tener en cuenta lo siguiente:

1. Elegir un cuento de Rafael Pombo (Pueden encontrar algunos en esta página http://rafaelpombo.co/).
2. Deben diseñar un utensilio o artefacto que permita a una persona leer el cuento seleccionado de una manera no convencional.
3. El resultado final del proyecto debe ser completamente análogo.
4. Deben entregar el producto final, los planos y/o bocetos realizados para la construcción del mismo.

Fecha de entrega para el grupo 1: Martes 1 de Abril
Fecha de entrega para el grupo 2: Lunes 7 de Abril
Fecha de entrega para el grupo 3: Jueves 3 de Abril

Cuentos de Rafael Pombo

http://rafaelpombo.co/

Tutoriales Recomendados

Como les había contado en clase para este semestre es necesario que se vayan familiarizando con herramientas que permitan desarrollar los proyectos que se plantearán en clase.

Web / HTML / CSS
http://www.comocreartuweb.com/
http://www-app.etsit.upm.es/~alvaro/manual/manual.html
http://www.w3schools.com/html/
http://www.aulaclic.es/dreamweaver-cs5/index.htm

Multimedia
http://processing.org/tutorials/

Interfaces Físicas
http://arduino.cc/en/Guide/HomePage#.Uyx1aa15Ojg

Lecturas iniciales sobre interfaz

A continuación les dejo la lectura para la próxima clase:
Gui Bonsiepe, Del objeto a la interfase – Mutaciones del Diseño, ed Infinito, Buenos Aires, 1999

Programa de la Materia

En los siguientes enlaces pueden encontrar el programa de la materia:

Laboratorio de Interfaces G1 Martes y G3 Jueves
Laboratorio de Interfaces G2 Lunes