Your SlideShare is downloading. ×
  • Like
Agile prototyping with justinmind prototyper in cas2010 en
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Agile prototyping with justinmind prototyper in cas2010 en

  • 2,281 views
Published

www.justinmind.com - Along with mockups and wireframes, the new Justinmind Prototyper 3.0 allows you to create fully functional dynamic prototypes. This is very useful in Agile Development …

www.justinmind.com - Along with mockups and wireframes, the new Justinmind Prototyper 3.0 allows you to create fully functional dynamic prototypes. This is very useful in Agile Development Methodologies because you can reduce the amount of documentation and it’s a faster way to gather, share and communicate requirements and functional specifications. From highly interactive softwares to mobile apps or complex dynamic websites (i.e. Facebook or Easyjet websites) you can prototype anything in minutes. Both on Windows and Mac, the desktop app is easy as PowerPoint. Justinmind 3.0 provides full drag and drop features to wireframe without any coding. Justinmind is also very powerful as the prototype is, for end users, virtually identical to the final product.

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,281
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
45
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • Workshop @ CAS2010, June 11th
  • Objetivo del taller Ya programamos todos los días. Los perfiles no técnicos son los perfiles de negocio, los especialistas de negocio. Éste es un taller de prototipado ágil. Muchas gracias por asistir. Hoy vamos a dejar la programación a un lado y nos centraremos en el Prototipado, en qué consiste , para que sirve , como y cuando prototipar . Aquí teneis a Harald Messemer, experto en metodologías ágiles en The Birchman Group. Y yo Soy Xavier Renom, director de Justinmind, una pequeña empresa de Barcelona que ha desarrollado Justinmind Prototyper , un producto para el prototipado rápido de aplicaciones informáticas que incluso puede simular datos.
  • Estructura del taller Funcionalidad propuesta en la siguiente transparencia
  • Para qué se hace un prototipo? El cerebro del usuario no técnico se pone a funcionar cuando visualiza algo.
  • Para qué se hace un prototipo? El cerebro del usuario no técnico se pone a funcionar cuando visualiza algo. Para qué prototipar? Prototipar tiene sentido cuando tenemos que comunicar a usuarios que no son técnicos. Que no son arquitectos, ni programadores... Prototipar tiene sentido si admitimos la filosofía de que ‘el usuario es el rei’. Las aplicaciones se hacen para el usuario final en la mayoría de ocasiones o así debería de hacerse. El usuario final no sabe de documentos de especificaciones largos, pero sí sabe de utilizar aplicaciones sobretodo si están en su dominio. Por ejemplo, los responsables del dept de tesorería de un banco son los más expertos en como tienen que ser las aplicaciones de tesorería del banco.
  • Prototipos y agilidad BDD: http://en.wikipedia.org/wiki/Behavior_Driven_Development Iterative Requirements Gathering, pero como? Ahora es posible con Justinmind Prototyper, porqué se puede hacer de una forma rápida y ágil. APDD te dice el cómo: con una herramienta de prototipado Rápido como Justinmind Prototyper La ‘Pared de Diseño’ a veces no es suficiente.
  • Cuando usar prototipos y cuando no? Si al hablar con tu cliente funciona el ‘imaginate que ...’ entonces no es ncesario utilizar prototipos. Feasibility Un prototipo al principio te asegura la viabilidad del proyecto, para proyectos de cierta embergadura evita costosos fracados en los proyectos.
  • También como referencia en el desarrollo. Fail Early, Fail fast, fail often --> Fail early, fast and CHEAP (on prototype!) APDD explicado breve: En un prototipo rápido e interactivo, puedes minimizar los cambios y las malas interpretaciones con el cliente. Aplica rápido los cambios que te pide el cliente cuando ve el prototipo e interactua con él. Llega rápido con el cliente a un punto de partida de la aplicación que quiere (varias iteraciones pero baratas, pues son sobre prototipo). Entonces inicia el sprint, inicia el desarrollo. Mantén como referencia el prototipo y aplica los cambios sobre el mismo si se producen en el desarrollo (siempre hay cambios eso no puede evitarse). Valida de nuevo el prototipo con el cliente y verifica incongruencias y efectos secundarios, luego aplica los cambios en el desarrollo. El prototipado se puede aprovechar para la etapa de desarrollo? Si se conoce la tecnología en la que se va a desarrollar, puede ser bueno prototipar directamente en dicha tecnología la interfase. Si se trata de un proyecto complejo y extenso suele ser mejor
  • BDD: http://en.wikipedia.org/wiki/Behavior_Driven_Development Iterative Requirements Gathering, pero como? Ahora es posible con Justinmind Prototyper, porqué se puede hacer de una forma rápida y ágil. Se elimina por sustitución la documentación sobre los requerimientos funcionales. Hablamos de prototipado ágil porqué prototipar no tiene sentido si no se puede hacer de una forma sencilla y rápida, es decir, a un coste reducido, por ello hablamos de prototipado rápido de software .
  • BDD: http://en.wikipedia.org/wiki/Behavior_Driven_Development Iterative Requirements Gathering, pero como? Ahora es posible con Justinmind Prototyper, porqué se puede hacer de una forma rápida y ágil. Se elimina por sustitución la documentación sobre los requerimientos funcionales.
  • El usuario ‘es el rei’ (la comunidad de Agile-Spain en este caso): quién validará el prototipo. Wireframes, mockups, prototipado y simulación El wireframe son los dibujillos del UX Designer, los mockups son las imágenes del photoshop. Luego está el protipado y la simulación... Porqué simular? Porqué el usuario es el rei (o debería serlo). Voy a insistir en este punto porqué es la clave de nuestra visión. Cuando no sabemos lo que quiere el usuario final, realizar una maqueta prográmaticamente es demasiado costoso y lento. Por otro lado normalmente ni el própio usuario lo sabe realmente, su cerebro empieza a funcionar cuando ve algo, algo familiar, algo en alta definición, una simulación .
  • Como vamos a prototipar Uno pensará como lo quiere y el otro hará el prototipo y las modificaciones Estos 2 roles ‘cliente’ y ‘técnico’ o usuario final y business analyst se irán turnando. Problema de prototipar y solución. El problema de prototipar está en su coste. Hasta ahora no había herramientas de prototipado rápido de software, que permitieran incluso la simulación de datos. Son necesarias herramientas: Fáciles de aprender. Rápidas de usar. Que permitan generar prototipos de alta interacción. En Justinmind hemos intentado crear una herramienta de este tipo: Prototyper , que vamos a utilizar en el taller. Comento aquí que el propio desarrollo de Prototyper se ha realizado con metodologías ágiles , como corresponde a un equipo reducido de desarrollo .
  • Como vamos a prototipar Uno pensará como lo quiere y el otro hará el prototipo y las modificaciones Estos 2 roles ‘cliente’ y ‘técnico’ o usuario final y business analyst se irán turnando.
  • Estructura del taller Libres sois de prototipar otros requerimientos. Partiremos de la web prototipada en alta fidelidad de CAS2010, solo hay una pequeña modificación: Unas páginas de backend para registro que se han simulado. Yo no sé como se hace el registro porqué no he tenido que registrarme. Pero a parte de este es muy fiel al original, se trata de una simulación!. No nos preocuparemos de la implementación, pues el cliente es el rei y hay que conseguir que entienda fácilmente la funcionalidad que se va a añadir.
  • Estructura del taller Libres sois de prototipar otros requerimientos. Partiremos de la web prototipada en alta fidelidad de CAS2010, solo hay una pequeña modificación: Unas páginas de backend para registro que se han simulado. Yo no sé como se hace el registro porqué no he tenido que registrarme. Pero a parte de este es muy fiel al original, se trata de una simulación!.
  • Aprenderemos como funciona Prototyper sobre la marcha, cuando tengais algun problema de que algo no se pueda hacer os ayudamos Harald o yo. Subiremos las modificaciones y mejoras en el On-demand para votarlas.
  • Aprenderemos como funciona Prototyper sobre la marcha, cuando tengais algun problema de que algo no se pueda hacer os ayudamos Harald o yo. Subiremos las modificaciones y mejoras en el On-demand para votarlas.
  • Como vamos a prototipar Uno pensará como lo quiere y el otro hará el prototipo y las modificaciones Estos 2 roles ‘cliente’ y ‘técnico’ o usuario final y business analyst se irán turnando.
  • Estructura del taller Libres sois de prototipar otros requerimientos.
  • Workshop @ CAS2010, June 11th

Transcript

  • 1. Agile Prototyping with Justinmind Prototyper Workshop @ CAS2010 – June 11
  • 2. Workshop Objetive
    • (Today we will prototype, not program)
    • Explore rapid prototyping within an agile project context. Know about benefits of prototyping in:
    • Visual requirements capturing
    • Funcional validation together with the cliente and w/o tecnicians
    • Let participate the user in the definition of his applications
    Theory JP Validate Prototype
  • 3. Workshop Structure
    • Prototyping and agile methodologies (theory)
    • Justinmind Prototyper and rapid prototyping
    • We are going to prototype a real case !. New functionality for the conference web site-
    • Basic JP functionality for the workshop
    • Prototyping new funcionality (pair prototyping or not)
    • Agile-Spain community will validate new funcionality with Justinmind On-demand BETA .
    • We will do different iterations until we are running out of time …
    Theory JP Validate Prototype
  • 4. Concepts
    • Why do prototyping? What’s the usage of the prototype?
    • Prototyping within an agile development process
    • Agile prototyping
    • Final objective: testing together wit users from the beginning (and not only at the end)...)
    Theory JP Validate Prototype
  • 5. Benefits of prototyping
    • Improve requirements quality
    • Get client approval
    • Adopt user and client language
    • Improve developer understanding
    • Get end user feedback
    • Get business experts involved
    • Eliminate scope ambiguities
    Theory JP Validate Prototype
  • 6. Prototypes and agility
    • Agile Methodologies using prototypes:
    • BDD. Behavior Driven Development
    • XP, Scrum... (TAKE A LOOK AT THE BIBLIOGRAPHY IN APPENDIX)
    • PDD (Prototype Driven Development)
    • APDD = BDD + rapid prototyping
    • Common objectives:
    • Requirements capturing and definition
    • Functional validation
    Theory JP Validate Prototype
  • 7. How fit prototypes in an agile context
    • A the beginning of every iteration
    • During functional and technical definition
    • Depending on concrete use case
    • Project size is not important
    • Very useful in distributed environments (Off-shore/Near-Shore)
    • Preferible: Agile Prototyping!
    Theory JP Validate Prototype 1/2
  • 8. How fit prototypes in an agile context Theory JP Validate Prototype 2/2
  • 9. Agile Prototyping
    • Prototyping is agile if:
    • Separate documentation is reduced or even eliminated
    • Fast prototype are available
    • Client involvement is obtained (High Definition Prototype)
    • Important: Prototype must be dynamic and not static: Data and behavior simulation.
    Theory JP Validate Prototype 1/2
  • 10.
    • http://agilemanifesto.org/iso/en/
    • Individuals and interactions over processes and tools
    • Working software over comprehensive documentation Elimina documentos largos y ambiguos por la precisión de un prototipo.
    • Customer collaboration over contract negotiation 'El usuario es el rei'. La mejor manera en la que el usuario final puede participar en el desarrollo, dé su feedback y entienda lo que se va a desarrollar es viendo e interactuando con un prototipo, con una simulación de lo que se va a constriur y a poder ser un prototipo en alta definición.
    • Responding to change over following a plan Implementa el cambio rápido sobre el prototipo, verifica que todo es consistente y no tendrás sorpresas en el desarrollo y eliminarás prácticamente el 'rework'.
    Agile Prototyping Theory JP Validate Prototype 2/2
  • 11. Simulation Hi-Fi involves end user
    • The end user is the KING ::
    • Finally he is going to use the application
    • No technical users involves if they can touch and experiment
    • Experiment with a high definition prototype or a simulation
    Theory JP Validate Prototype
  • 12. Fast prototyping
    • Methodologies like BDD describes that you have to prototype, but not how
    • Prototyping only makes sense if it’s much faster and easier than programming
    • Change must be applied in a short timeframe
    • With JP changes are incorporated together with the client
    Theory JP Validate Prototype
  • 13. Justinmind Prototyper
    • Problem : HI-FI Prototyes are expensive
    • Solution : Justinmind Prototyper
    • Fase prototyping tool
    • Instantaneous simulation
    • Data simulation
    • High definition simulatrion (HI-FI)
        • Graphical design / native controls and behavior
        • Interactional and rule-based business logic
    Theory JP Validate Prototype
  • 14. How are we going to prototype?
    • Pair prototyping or individual prototyping
    • Anyway two different hats:
      • The cliente or end user
      • The technician or business analyst
    Theory JP Validate Prototype
  • 15. Scope of new functionality of CAS2010 web site
    • That’s only a proposal. Feel free to add other requirements!
    • Forum
    • Self-registry
    • Contact with speakers
    • Reputation of speakers and sessions
    1/2 Theory JP Validate Prototype
  • 16.
    • Login / private web site.
    • User roles:
      • Administrator.
      • Contributor.
      • Conference assistant
      • Registered user, but not assistant
    • Votation of sessions
    • Commenting conference
    • Social network associated with conference
    2/2 Theory JP Validate Prototype
  • 17. How to do the changes?
    • We already have a web site, so we “only” have to improve the site.
    • How prototyping of the already existing web site was done?
    • Let’s learn JP “on the road”
    Theory JP Validate Prototype
  • 18. Prototyper Fast Track
    • Events, graphical design, scenarios
    • Fix elements on the screen
    • Show and hide events
    • Linke screens by drag’n drop
    • Brush to paste events
    • Business logic with regular expressions
    Theory JP Validate Prototype Let’s go!!!
  • 19. Prototype validation
    • HTML generation
    • Upload prototype on Justinmind On-demand BETA .
      • Publish
      • Invite end users and everybody who should participate
      • Validate and test
    • Recover comments in JP
    • Automatica documentation generation (if somebody needs)
    • Test-before-build process
    Theory JP Validate Prototype
  • 20. Bibliography Prototypes and agility
    • All agile meth. and DSDM (use functional prototypes)
    • http://balagan.org.uk/work/agile_comparison.htm
    • http://en.wikipedia.org/wiki/Rapid_Application_Development
    • Agility@Scale: Strategies for Scaling Agile Software Development
    • https://www.ibm.com/developerworks/mydeveloperworks/blogs/ambler/entry/strategies_for_distributed_agile_teams?lang=en
    • Dynamic Systems Development Method
    • http://en.wikipedia.org/wiki/Dynamic_Systems_Development_Method
    • http://www.dsdm.org/
    Theory JP Validate Prototype
  • 21. Thanks a lot! Xavier Renom (Justinmind) [email_address] Harald Messemer (The Birchman Group) [email_address]