Holgun Barrera TaniaHerramientas de Diseo de interfaces Invision interfaces web y dispositivos mbiles editor web facilidad de emular navegacin no permite simular interaccin con datos ni flujos de aciones alternativos excelente para realizacin de wireframes facilidad de compartir los diseos mediante la web diseo y evaluacin participativo Pencil aplicacin open-source para todo tipoplataformas (web, desktop, ) dispone de colecciones de objetos y formas soporta la realizacin de diagramas facilidad de emular navegacin no permite simular interaccin con datos ni flujos de aciones alternativo Esta es una extensin para Firefox que nos permite hacer diagramas detallados e interfaces de usuario increbles, viene con una variedad de caractersticas tales como documentos de varias pginas, en la edicin de texto en pantalla, soporte de texto enriquecido, pginas de fondo, la exportacin de HTML, PNG y Openoffice.

Lumzy editor web para web y dispositivos mviles simula funcionalidad e interaccin extensa librera de componentes facilidad de evaluacin mediante web Lumzy le permite crear varios prototipos de un sitio web o una aplicacin que funcionar mediante la adicin de eventos a travs de su panel de control Launch app para dispositivos mbiles facilidad de emular navegacin en disp. mbiles no permite simular interaccin con datos ni flujos de aciones alternativos excelente para realizacin de wireframes

HotGloo:Es una aplicacin en lnea desarrollada en Flash para crear Wireframes, cuenta con funciones como arrastar y soltar elementos, capas y ms, adems recibes una URL para compartir tu trabajo con tus colegas.

MockingbirdMockingbird es una herramienta popular para la creacin de maquetas y wireframes. Te permite fcilmente crear, previsualizar, relacionar entre s, y compartir todos tus wireframes con quien quieras.

ProtoShareProtoShare proporciona un herramienta de colaboracin fcil de utilizar que permite la creacin de proyectos dinmicos que requieren de prototipos y wireframes.

BalsamiqBalsamiq es una herramienta interactiva de wireframing que se siente como si estuvieras dibujando con un lpiz y papel, slo una en la web. La diferencia es con esta herramienta tendrs el control total de los elementos y te permite mover con facilidad o cambiar la posicin de los elemntos.

Flair BuilderFlairBuilder te permite un rpido despliegue de wireframes mediante el uso de una plataforma cruzada que alberga las diferentes funciones y caractersticas tiles dentro de una sola paleta.

CacooCacoo es una gran herramienta de trabajo para dibujo en lnea que te permite desarrollar varios diagramas como los grficos de una red almbrica, o los mapas de un sitio, adems puedes permitir que varios usuarios accedan a tus prototipos para hacer cambios o simplemente ver tu progreso, por lo que lo convierte en una herramienta de colaboracin. Serena: Prototype ComposerPrototype Composer te permite ver como se ver una aplicacin antes de que empieces a escribir cdigo. MockFlowMockFlow viene con una amplia biblioteca en lnea de plantillas que te permiten usarlas libremente y mejorar la calidad visual de tus wireframes. MockFlow es gratis, sin embargo tiene una versin premium que cuesta $59 dlares por ao. fluidIAfluidIA es una herramienta gil para el diseo de prototipos de interfaces de usuario ricas. La gran idea detrs de este experimento es si nosotros, como diseadores podemos crear nuestra propia herramienta de creacin de prototipos de una manera abierta. fluidIA tambin proporciona velocidad, agilidad, colaboracin increble, y una rica interaccin entre el diseador y la interfaz de usuario. GUI Studio DesignGUI Design Studio es una herramienta de diseo de software especializado para cualquiera involucrado en el diseo de interfaz de usuario de aplicaciones, incluyendo diseadores de experiencia de usuario, analistas, desarrolladores, administradores de proyectos y consultores. iPlotziPlotz te permite crear wireframes en los que se puede hacer clic y puedes navegar a travs de ellos, esencialmente se trata de crear o recrear la experiencia de un sitio web real. OmniGraffleOmniGraffle puede ayudarte a hacer alucinantes documentos grficos rpidamente por gracias a la tcnica de lneas conectadas como diagramas, proporcionando herramientas de diseo de gran alcance, adems te permite importar y exportar archivos de Microsoft Visio. MockupScreensMockupScreens es una herramienta interactiva que te permite dibujar maquetas en pantalla, crear un sistema de retroalimentacin, y obtener los mejores resultados posibles. As podrs ver cmo interactan todos antes de empezar con el cdigo.

Arquitectura de un sistema Interactivo

Existen muchas definiciones y no parece que ninguna de ellas haya sido totalmente aceptada. En un sentido amplio podramos estar de acuerdo en que la Arquitectura del Software es el diseo de ms alto nivel de la estructura de un sistema, programa o aplicacin y tiene la responsabilidad de: Definir los mdulos principales Definir las responsabilidades que tendr cada uno de estos mdulos Definir la interaccin que existir entre dichos mdulos: Control y flujo de datos Secuenciacin de la informacin Protocolos de interaccin y comunicacin Ubicacin en el hardware La Arquitectura del Software aporta una visin abstracta de alto nivel, posponiendo el detalle de cada uno de los mdulos definidos a pasos posteriores del diseo.

La definicin oficial de Arquitectura del Software es la IEEE Std 1471-2000 que reza as: La Arquitectura del Software es la organizacin fundamental de un sistema formada por sus componentes, las relaciones entre ellos y el contexto en el que se implantarn, y los principios que orientan su diseo y evolucin. Final del formulario.