Idea (disparador)
Desarrollo de una aplicación para la tableta PlayBook de BlackBerry; laapp intentará mostrar un concepto de producción decontenidos audiovisuales orientado hacia una concepción interactiva,social, de acuerdo a las posibilidades tecnológicas y los requerimientos delpúblico objetivo actuales
Lo clásico (state of the art)
Los realizadores consideran que un producto audiovisual es una sucesión de imágenes que transcurren a lo largo de una linea de tiempo o "timeline".No tienen en cuenta que desde hace bastante los usuarios o espectadores utilizan otro tipo de medios para el consumo de contenidos, como las computadoras, los smartphones o las tablets, dispositivos que tienen algo en común: el acceso a internet
Los realizadores consideran que un producto audiovisual es una sucesión de imágenes que transcurren a lo largo de una linea de tiempo o "timeline".No tienen en cuenta que desde hace bastante los usuarios o espectadores utilizan otro tipo de medios para el consumo de contenidos, como las computadoras, los smartphones o las tablets, dispositivos que tienen algo en común: el acceso a internet
Escenario inicial(conceptualización)
Dejar que la computadora hiberne un rato, algo demúsica tal vez, una taza de te caliente con un poco de leche, papel y lapicera.
¿Qué es un bug? (conceptualización)
Ahora si. Para explicar ConceptualBug primero loprimero: ¿qué es un bug? En este caso un nuevo tipo de concepto social, unconjunto de información distribuida entre uno y nueve bloques de contenido queincluyen: imágenes, texto producido por el usuario y links referenciales alcontenido original.
Ahora si. Para explicar ConceptualBug primero loprimero: ¿qué es un bug? En este caso un nuevo tipo de concepto social, unconjunto de información distribuida entre uno y nueve bloques de contenido queincluyen: imágenes, texto producido por el usuario y links referenciales alcontenido original.
Contenido original (state of the art)
Es fundamental aclarar este aspecto. En Internet lasiniciativas destinadas a certificar la originalidad o propiedad de loscontenidos han pretendido funcionar de manera restrictiva de acuerdo al modelode intercambio o comercialización tradicional. ERROR, no funciona la red así.ConceptualBug busca que todo aquel que desee generar contenido usando el que yaestá disponible online en la Web, pueda hacerlo, pero que también “cite” lafuente. Esa “cita” es a lo que denominamos anteriormente como “linksreferenciales al contenido original”.
Es fundamental aclarar este aspecto. En Internet lasiniciativas destinadas a certificar la originalidad o propiedad de loscontenidos han pretendido funcionar de manera restrictiva de acuerdo al modelode intercambio o comercialización tradicional. ERROR, no funciona la red así.ConceptualBug busca que todo aquel que desee generar contenido usando el que yaestá disponible online en la Web, pueda hacerlo, pero que también “cite” lafuente. Esa “cita” es a lo que denominamos anteriormente como “linksreferenciales al contenido original”.
Primeros bosquejos (diseño)
Nunca es tarde para abocarnos al diseño, y en este caso unaclase de Relaciones Públicas parece el momento indicado. Entre definiciones deopinión pública y políticas de RSE, patrocinio y mecenazgo, al costado delcuaderno surge directamente desde nuestro subconsciente un garabato, al queluego, mediante un potente soft, terminaremos consolidando en el logo deConceptualBug.
Nunca es tarde para abocarnos al diseño, y en este caso unaclase de Relaciones Públicas parece el momento indicado. Entre definiciones deopinión pública y políticas de RSE, patrocinio y mecenazgo, al costado delcuaderno surge directamente desde nuestro subconsciente un garabato, al queluego, mediante un potente soft, terminaremos consolidando en el logo deConceptualBug.
Algo de análisis (especificación)
Rápidamente, como para saber hacia donde vamos,especificamos con UML un Diagrama de Uso (User Case) con las tresfuncionalidades principales que, suponemos, debería tener la app: “ver”(viewer), “compartir” (share) y “crear” (créate) un bug. Como los caminos de laimaginación son caprichosos, la primera funcionalidad comienza definida como“buscar”, pero luego tomará forma definitiva como “view a bug”… más adelante.
Link: /Snapshoot/ 07 user-case.pdf
Rápidamente, como para saber hacia donde vamos,especificamos con UML un Diagrama de Uso (User Case) con las tresfuncionalidades principales que, suponemos, debería tener la app: “ver”(viewer), “compartir” (share) y “crear” (créate) un bug. Como los caminos de laimaginación son caprichosos, la primera funcionalidad comienza definida como“buscar”, pero luego tomará forma definitiva como “view a bug”… más adelante.
Link: /Snapshoot/ 07 user-case.pdf
Primeros trazos de la UI (diseño)
Ahora pasamos al diseño general tentativo de la Interfaz deUsuario (UI), según las tres funcionalidades principales ya mencionadas. Acá eluso de la pizarra reemplaza al papel, y nos da la libertad de borrar a gustohasta llegar a alguna alternativa que nos deje satisfechos. Los primerosconceptos visuales hacen irremediablemente su aparición, derivados de la imageninicial del logo, por supuesto, pero también de las funcionalidades imaginadas.
Ahora pasamos al diseño general tentativo de la Interfaz deUsuario (UI), según las tres funcionalidades principales ya mencionadas. Acá eluso de la pizarra reemplaza al papel, y nos da la libertad de borrar a gustohasta llegar a alguna alternativa que nos deje satisfechos. Los primerosconceptos visuales hacen irremediablemente su aparición, derivados de la imageninicial del logo, por supuesto, pero también de las funcionalidades imaginadas.
De la pizarra al papel, del papel ala pc (diseño)
Si, regresamos a la hoja en blanco y replicamos los modelosgráficos de las tres funcionalidades, pero en colores. Digitalizamos conscanner, retocamos digitalmente y, así, vamos llegando a nuestros primeroselementos gráficos de la UI.
Si, regresamos a la hoja en blanco y replicamos los modelosgráficos de las tres funcionalidades, pero en colores. Digitalizamos conscanner, retocamos digitalmente y, así, vamos llegando a nuestros primeroselementos gráficos de la UI.
Codificando (desarrollo)
Bueno, se acabó el juego, ahora comienza lo serio, ja! Contodas la herramientas instaladas, es decir: un entorno para el desarrollo deaplicaciones móviles para BlackBerry PlayBook, procedemos a tirar algunaslíneas de código en ActionScript 3, y al poco tiempo obtenemos una aplicación primitiva y restringidafuncionalmente, pero absolutamente operativa en aquellos aspectos que fueron abordados.
Bueno, se acabó el juego, ahora comienza lo serio, ja! Contodas la herramientas instaladas, es decir: un entorno para el desarrollo deaplicaciones móviles para BlackBerry PlayBook, procedemos a tirar algunaslíneas de código en ActionScript 3, y al poco tiempo obtenemos una aplicación primitiva y restringidafuncionalmente, pero absolutamente operativa en aquellos aspectos que fueron abordados.
Recodificando (desarrollo)
Desarrollamos en detalle la funcionalidad “view a bug”,parseando la información desde xml, el verdadero “core” de un bug, ydisponiendo los componentes gráficos en la UI de acuerdo al diseño original.Como nuestro bug excede el height de la pantalla, también agregamos unScrollPane para poder mover el panel de contenido del bug, predefinido en verticalflow.
Desarrollamos en detalle la funcionalidad “view a bug”,parseando la información desde xml, el verdadero “core” de un bug, ydisponiendo los componentes gráficos en la UI de acuerdo al diseño original.Como nuestro bug excede el height de la pantalla, también agregamos unScrollPane para poder mover el panel de contenido del bug, predefinido en verticalflow.
Salto intuitivo (art direction)
Pero… ¿qué es una botella más en un océano plagado botellascon cartas pidiendo ayuda? Una app más no es la solución, le falta algo… y esoes lo que puede diferenciarla del gris mundo de las app’s, un salto ni haciadelante ni hacia el costado (para atrás nunca!), sino hacia arriba. Tomamosalgunas acuarelas, otra hoja de papel y ponemos a volar nuestra imaginación.Luego una plancha de poliestireno expandido, clavos a falta de alfileres (latienda ya está cerrada, no hay tiempo para salir a comprar nada, ni $$$), y yatenemos nuestra maqueta.
Pero… ¿qué es una botella más en un océano plagado botellascon cartas pidiendo ayuda? Una app más no es la solución, le falta algo… y esoes lo que puede diferenciarla del gris mundo de las app’s, un salto ni haciadelante ni hacia el costado (para atrás nunca!), sino hacia arriba. Tomamosalgunas acuarelas, otra hoja de papel y ponemos a volar nuestra imaginación.Luego una plancha de poliestireno expandido, clavos a falta de alfileres (latienda ya está cerrada, no hay tiempo para salir a comprar nada, ni $$$), y yatenemos nuestra maqueta.
Salto intuitivo (cinematography)
Ponemos a punto el equipo: mesa de fotografía, puesta de luces,trípode, cámara, disparador y hacemos una breve sesión de registro destop-motion para lograr…
Ponemos a punto el equipo: mesa de fotografía, puesta de luces,trípode, cámara, disparador y hacemos una breve sesión de registro destop-motion para lograr…
Primitive skinning (desarrollo)
Bueno, no tanto. En realidad lo que se pretende es lograr un fondo interactivo que tiene comobase esa idea de stop-motion planteada en el ítem anterior. Primero probamos elfondo con algunos componentes arriba.
Bueno, no tanto. En realidad lo que se pretende es lograr un fondo interactivo que tiene comobase esa idea de stop-motion planteada en el ítem anterior. Primero probamos elfondo con algunos componentes arriba.
Paréntesis estratégico (AppWorld)
En algún momento de nuestro desarrollo, siempre y cuandocontemos con un vendor id de BlackBerry en toda regla, podemos evaluar laposibilidad de subir alguna versión de nuestra app. Esto tiene variosbeneficios, siendo el principal la evaluación que los referentes de BlackBerryhacen de la app. Es decir, si “aprueban” la app según los estándares de latienda eso nos da la seguridad que, hasta el momento, hemos encauzadoexitosamente nuestro proyecto. Así que: firmamos (signing) nuestra app yaccedemos al Vendor Portal de BlackBerry para hacer el upload de nuestrarelease.
Link: /Snapshoot/ 15 a-appworld.png
En algún momento de nuestro desarrollo, siempre y cuandocontemos con un vendor id de BlackBerry en toda regla, podemos evaluar laposibilidad de subir alguna versión de nuestra app. Esto tiene variosbeneficios, siendo el principal la evaluación que los referentes de BlackBerryhacen de la app. Es decir, si “aprueban” la app según los estándares de latienda eso nos da la seguridad que, hasta el momento, hemos encauzadoexitosamente nuestro proyecto. Así que: firmamos (signing) nuestra app yaccedemos al Vendor Portal de BlackBerry para hacer el upload de nuestrarelease.
Link: /Snapshoot/ 15 a-appworld.png
Toda la locura que puedas tener(desarrollo)
Llegó el momento de poner toda la carne sobre elasador, vamos a fondo con el código: volvemos sobre el diseño y redefinimos almaquetado, para lograr que la ventana de contenido del bug sea un spriteindependiente que se anima al entrar y al salir verticalmente, para lo cual creamossubclases; también agregamos un help contextual con algo de acción tweener,ventanas de diálogo modal para los mensajes desde la app, hacemos andar elstop-motion del background con un slider… en fin, todo lo que se pueda y más!
Llegó el momento de poner toda la carne sobre elasador, vamos a fondo con el código: volvemos sobre el diseño y redefinimos almaquetado, para lograr que la ventana de contenido del bug sea un spriteindependiente que se anima al entrar y al salir verticalmente, para lo cual creamossubclases; también agregamos un help contextual con algo de acción tweener,ventanas de diálogo modal para los mensajes desde la app, hacemos andar elstop-motion del background con un slider… en fin, todo lo que se pueda y más!
ConceptualBug (AppWorld)
Ahora si, tenemos algo más presentable como app, disponiblepara todo el mundo en el BlackBerry AppWorld! A partir de aquí hay quecontinuar implementando funcionalidades, sin olvidarse de mantener elequilibrio entre lo tecnológico y lo creativo. ConceptualBug es el embrión deun proyecto que recién comienza.
Ahora si, tenemos algo más presentable como app, disponiblepara todo el mundo en el BlackBerry AppWorld! A partir de aquí hay quecontinuar implementando funcionalidades, sin olvidarse de mantener elequilibrio entre lo tecnológico y lo creativo. ConceptualBug es el embrión deun proyecto que recién comienza.
Estadísticas (AppWorld)
Versión: 0.6.1
Fecha: 5/6/2012
IMPORTANT NOTES: CURRENT VERSION IMPLEMENT VIEWERFUNCTIONALITY ONLY. DOESN'T ALLOWS USERS TO SHARE CONTENT.
Versión: 0.6.1
Fecha: 5/6/2012
IMPORTANT NOTES: CURRENT VERSION IMPLEMENT VIEWERFUNCTIONALITY ONLY. DOESN'T ALLOWS USERS TO SHARE CONTENT.
Link al AppWorld: ConceptualBug
